﻿@charset "UTF-8";
* {
    font-family: Arial,"Microsoft YaHei",  Helvetica, sans-serif;
}
*, ::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html, body {
    color: #666;
}
html {
    -webkit-text-size-adjust: 100%;
    font-size: 14px;
}
body {
    /*font-size: 14px;*/
    -webkit-text-size-adjust: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6, p {
    margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
    padding: 0;
    margin: 0;
}
em,i{ font-style: normal;}
input, textarea {
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-appearance: none;
    border-radius: 0;
}
select {
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    border: solid 1px #000;
    /*很关键：将默认的select选择框样式清除*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*在选择框的最右侧中间显示小箭头图片*/
    background: url(../images/select.png) no-repeat scroll 96% center transparent;
    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
    display: none;
}
a, a:active {
    color: #333;
}
a:hover {
    color: #023793;
}
a, a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */
    -webkit-tap-highlight-color: transparent;
}
:focus, a:focus {
    outline: none;
    -moz-outline: none;
}
table, td, th {
    border-collapse: collapse;
    border-spacing: 0;
}
.ul, .ul li {
    list-style: none;
}
hr {
    margin: 0;
    padding: 0;
    border: 0;
    color: #000;
    background-color: #000;
    height: 1px
}
img {
    border: none;
    max-width: 100%;
    vertical-align: middle;
}
.Ispic {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    margin: 0;
    text-align: justify;
    text-justify: inter-ideograph;
}
.clear {
    clear: both;
    height: 0px;
    font-size: 0px;
    line-height: 0px;
    overflow: hidden;
    zoom: 0;
}
.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    zoom: 1;
}
/*单行文本省略号*/
.dot {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.dot2, .dot3, .dot4 {
    display: -webkit-box;
    display: box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
}
.dot2 {
    -webkit-line-clamp: 2;
}
/*多行文本省略号*/
.dot3 {
    -webkit-line-clamp: 3;
}
.dot4 {
    -webkit-line-clamp: 4;
}
.ytable {
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed;
}
.ytable-cell {
    display: table-cell;
    vertical-align: middle;
}

.fl {
    float: left;
}
.fr {
    float: right;
}
.auto-inner {
    width: 96%;
    max-width: 1440px;
    margin: 0 auto;
}

.pr {
    position: relative;
}
.nm {
    margin: 0;
}
.nfw {
    font-weight: normal;
}
.img-block {
    display: block;
    width: 100%;
}


.slick-slider {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}
.slick-list {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list: focus {
    outline: none
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    min-height: 1px;
}
[dir = 'rtl'] .slick-slide {
    float: right;
}
.slick-slide .slick-loading img {
    display: none;
}
.slick-slide .dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow .slick-hidden {
    display: none;
}

.w1440{ max-width: 1440px; width: 96%; margin: 0 auto;}
.header{ position: fixed; left: 0; top: 0; width: 100%; background: #fff; z-index: 201; line-height: 110px;}
.header .w1440{ position: relative;}
.topRight{ position: absolute; right: -6%; top: 20px; line-height: normal;}
.topRight p{ font-size: 0;}
.topRight p *{ display: inline-block; vertical-align: middle; font-size: 14px;}
.topRight p em{ width: 1px; height: 11px; background: #e6e6e6; margin: 0 13px;}
.topRight p a{ color: #999999; transition: all 0.5s;}
.topRight p a:hover,
.topRight p .lang{ color: #023793;}
.topRight .search{ float: right; width: 90%; max-width: 236px; position: relative; margin-top: 5%;}
.topRight .text{ width: 100%; padding: 0 35px 0 10px; height: 37px; line-height: 37px; border: 1px solid #eeeeee; border-radius: 5px; color: #cccccc;}
.topRight .btn{ width: 35px; height: 100%; position: absolute; right: 0; top: 0; background: url("../images/icon_search.png") no-repeat center;}
.waplogo{ display: none;}
.topNav{ position: absolute; left: 23%; top: 0; width: 58%; z-index: 200;}
.topNav li{ float: left; position: relative;}
.topNav em a{ display: block; padding: 0 21px; font-size: 15px; transition: all 0.5s;}
.topNav em a:hover,
.topNav .li_on em a{ font-size: 16px; color: #023793;}
.topNav em a.active{ color: #023793;}
.topNav .sub{ position: absolute; left: 50%; transform: translateX(-50%); top: 100%; background: #fff; display: none; width: 140px; background-color: #ffffff;padding: 0px 10px 10px;border-top: 1px solid #e5e5e5; text-align: center; z-index: 100;}
.topNav .sub a{ border-bottom: 1px solid #e5e5e5;line-height: 40px;color: #111111;font-size: 14px; display: block; transition: all ease 0.3s;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;-o-transition: all ease 0.3s;}
.topNav .sub a:hover{ color: #fff; background: #023793; font-size: 15px;}
.headerbg_on{ position: fixed; width: 100%; height: 100%; z-index: 200; background: rgba(0,0,0,0.7); left: 0; top: 0;}
@media(max-width:1600px){
    .topRight{ right: -2%}
}
@media(max-width:1500px){
    .topRight{ right: 0;}
    .topNav{ left: 17%; width: 62%;}
}
@media(max-width:1366px){
    .topNav em a{ padding: 0 15px;}
}
@media(max-width:1200px){
    .header .logo{ display: inline-block; width: 13%;}
    .topNav em a{ padding: 0 10px;}
}
@media(max-width:1024px){
    .headerbg_on{ display: none!important;}
    .header{ padding: 2% 0; line-height: normal;}
    .header .logo{ display: inline-block; width: 30%; transition: all 0.3s;}
	.topRight{ right:48px;}
    .topRight span{ display: none;}
    .topNav{ position: fixed;top: 0px;left: 100%;width: 100%;z-index: 300;display: block;transition: all ease 0.3s;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;-o-transition: all ease 0.3s; height: 100%; background: rgba(0,0,0,0.7);}
    #open_menu{ width:40px; height:30px; right: 0; top: 50%; transform: translateY(-50%); position:absolute; z-index:101; transition: all 0.3s;}
    #open_menu i,
    #open_menu i::before,
    #open_menu i::after{ position:absolute; background: #023793; border-radius:3px;}
    #open_menu i{ top:50%;}
    #open_menu i::before,
    #open_menu i::after{ left:0; width:100%; height:100%; content:'';transition:transform 0.3s;}
    #open_menu i::before{ top:8px;}
    #open_menu i::after{top:-8px;}
    #open_menu i{ left:20%; width:80%;height:2px; margin-top:-1px;}
    #open_menu.open_menu_on i{height:3px; margin-top:-1.5px; background:none !important;}
    #open_menu.open_menu_on i::before,
    #open_menu.open_menu_on i::after{  top:0 !important;}
    #open_menu.open_menu_on i::before{ transform:rotate(45deg);}
    #open_menu.open_menu_on i::after{ transform:rotate(-45deg);}
    .waplogo{ display: block; text-align: center; line-height: 100px; margin: 0 auto;border-bottom: 1px solid #e5e5e5; background: #fff;}
    .topNav .box{width: 90%;font-size: 16px;background-color: #FFffff;overflow: auto;padding-bottom: 15%;transition: all ease 0.3s;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;-o-transition: all ease 0.3s; top: 100px; float: right; max-height: 95%; height: 100%;}
    .topNav .search{margin: 5px 20px;display: block;height: 40px;position: relative;}
    .topNav .search .text{border: none;font-size: 14px;line-height: 40px; height: 40px; outline: none; color: #cccccc; width: 100%; padding: 0 10px 0 30px;}
    .topNav .search .btn{display: block;width: 26px;height: 40px; border: none;outline: none; background: url("../images/icon_search.png") no-repeat center; position: absolute; left: 0; top: 0;}
    .topNav li{ float: none; display: block;}
    .topNav em{display: block;padding: 15px 20px;border-top: 1px solid #e5e5e5; padding-right: 10%; position: relative; }
    .topNav .li_navA em:after,
    .topNav em:before{ content: ''; position: absolute; z-index: 2; height: 100%; top: 0;}
    .topNav em:before{ left: 0;  width: 100%}
    .topNav .li_navA em:after{ width: 30px; right: 2%;background: url("../images/icon_right.png") no-repeat center;}
    .topNav .sub{ position: relative; width: 100%; left: 0; transform: none; padding: 10px 10px 10px 25px; text-align: left;}
    .topNav .sub a{ border-bottom: none; padding: 0 10px;}
    .topNav .li_on em{ background-color: #023793;}
    .topNav .li_on em:after{ background-image: url("../images/icon_bototm.png"); transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);}
    .topNav .li_on em a{ color: #fff;}

    #open_menu.open_menu_on{ position: fixed; z-index: 301; transform: none; top: 37px; right: 93%;}
    .header_show .logo{ position: relative; transform: translateX(-100%);}
    .header_show .topNav{ left: 0;}

}
@media(max-width:640px){
    .header .logo{ width: 45%;}
    #open_menu.open_menu_on{ right: 90%;}
    .waplogo{ line-height: 60px;}
    .waplogo img{ max-width: 35%;}
    #open_menu.open_menu_on{ top: 15px;}
    .topNav .box{ top: 60px;}
}

.footer{ background: #1d2087; color: #a2a5f2; padding-top: 2.2%;}
.footer *{ transition: all 0.3s;}
.foot_nav{ position: relative; padding-right: 258px; margin-bottom: 3%;}
.foot_nav dl{ float: left; line-height: 36px; width: 13.5%; padding-right: 1%;}
.foot_nav dt,
.foot_nav dt a{ color: #d7d8ff; font-size: 15px;}
.foot_nav .code{ position: absolute; right: 0; top: 0; width: auto;}
.foot_nav .pic{ display: inline-block; vertical-align: top; margin-right: 12px; text-align: center;}
.foot_nav .pic:last-child{ margin-right: 0;}
.foot_nav figure{ border: 1px dotted rgba(238,238,238,0.5); padding: 7px;}
.foot_nav img{ width: 103px;}
.foot_nav dd a{ color: #a2a5f2;}
.Copyright{ padding: 2% 0 1.5%; border-top: 1px solid rgba(204,204,204,0.14); text-align: center; line-height: 24px;}
.Copyright a{ color: #a2a5f2; display: inline-block; }
.Copyright .link{ margin-bottom: 5px;}
.Copyright .link a{vertical-align: middle;}
.Copyright .link em{ display: inline-block; vertical-align: middle; width: 1px; height: 12px; background: rgba(162,165,242,0.62); margin: 0 22px 0 27px;}
.Copyright .share{ display: inline-block; vertical-align: middle; margin-left: 10px;}
.Copyright .share a{ width: 30px; height: 30px; margin-left:8px; background: url("../images/icon_wx.png") no-repeat center; position: relative;}
.Copyright .share a.sina{ background-image: url("../images/icon_sina.png");}
.Copyright .share figure{ position: absolute; bottom: 120%; width: 110px; padding: 10px; border-radius: 5px; text-align: center; background: #1d2087; left: 50%; margin-left: -55px;border: 1px solid #fff; display: none;}
.footer a:hover{ font-size: 15px;}
.footer dt a:hover{ font-size: 16px;}
@media(max-width:1000px){
    .foot_nav{ padding-right: 0;}
    .foot_nav dl{ display: none;}
    .foot_nav .code{ display: block; width: 270px; margin: 0 auto; position: static; float: none;}
}


.Nybanner{ position: relative;}
.Nybanner .wapban{ display: none;}
.Nybanner img{ width: 100%;}
.Nybanner .txt{ max-width: 1440px; width: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #ffffff; position: absolute;}
.Nybanner .txt h3{ font-size: 40px; margin-bottom: 1%;}
.Nybanner .txt p{ font-size: 18px; margin: 0.5% 0;}
.NYmenu{ border-bottom: 1px solid #e1e1e1; line-height: 70px; margin-bottom: 3%;}
@media(max-width:1024px){
    .Nybanner .wapban{ display: block;}
    .Nybanner .pcban,
    .Nybanner .txt{ display: none;}
}
.location{ float: right; padding-left: 30px; background: url("../images/icon_home.png") no-repeat left center; font-size: 0;}
.location *{ display: inline-block; vertical-align: middle; font-size: 14px; color: #999999;}
.location i{ width: 4px; height: 8px; background: url("../images/icon_1.png") no-repeat center; margin: 0 10px;}
.location a:hover{ font-size: 15px;}
.NYmenu li{ float: left; margin-right:3.5%; font-size: 15px;}
.NYmenu li a{ display: block; position: relative;}
.NYmenu li a:hover{ font-size: 16px;}
.NYmenu li a:hover,
.NYmenu .active a{ color: #023793;}
.NYmenu li a:hover:after,
.NYmenu .active a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: #023793;}
@media(max-width:1024px){
    .location{ display: none;}
}


.columnname{ text-align: center; padding: 4% 0;}
.columnname h2{ display: inline-block; font-weight: normal; font-size: 30px; color: #333; position: relative;}
.columnname span{ display: block; margin-top: -20px; font-weight: bold; opacity: 0.22; text-transform: uppercase; color: #616161;}
@media(max-width:640px){
    .columnname h2{ font-size: 24px;}
}
/* 20200618 */
.other {
	overflow: hidden;
	line-height: 30px;
}
.other p {
	max-width: 40%;
}
.other .prev {
	float: left;
}
 .other .next {
	float: right;
}
@media (max-width: 768px) {
	.other p {
		float: none !important;
		max-width: none;
		width: 100%;
	}
}
.Single .Nmore {
	margin: 2% auto;
}
/* 20200618 end */
.Single{ min-height: 200px; margin-bottom: 3%;}
.About_box .pic{ width: 50%; padding-right: 6%;}
.About_box .txt{ width: 50%;}
.About_box .box1,
.About_box .box4,
.About_box .box5{ float: right;}
.About_box .box2,
.About_box .box3,
.About_box .box6{ float: left;}

.About_box h4{ color: #333333; font-weight: normal; font-size: 24px; margin: 6% 0 3%;}
.About_box p{ line-height: 24px; color: #888888;}
.About_box .box1{ padding-right: 6%; text-align: justify; padding-top: 3%; margin-bottom: 20%;}
.About_box .box1 h2{ color: #999999; font-size: 24px;}
.About_box .box1 h2:after{ content: ''; display: inline-block; vertical-align: middle; width: 60px; height: 2px; background: #a9a9a9;}
.About_box .box1 h3{ font-size: 32px; color: #023793; font-weight: normal; margin: 1% 0 3%;}

.About_box .box3{ padding-right: 7%; margin: 4% 0 12%;}
.About_box .box4{ padding-right: 0; margin-top: -15%;}
.About_box .box6{ margin-top: -5%;}
.About_box .box5{ padding-right: 6%; padding-top: 7.5%;}

@media(max-width:768px){
    .About_box .pic,
    .About_box .txt{ width: 100%; float: none; margin-bottom: 3%; padding-right: 0;}
    .About_box .pic{ margin-top: 0;}
}
@media(max-width:640px){
    .About_box h4{ font-size: 18px; }
    .About_box .box1 h2{ font-size: 20px;}
    .About_box .box1 h3{ font-size: 26px;}
}

.culture_about{ margin-bottom: 6%;}
.culture_about .txt{ width: 50%; padding-right: 6%; color: #888888; line-height: 24px; text-align: justify;}
.culture_about h2{ color: #999999; font-size: 24px; line-height: normal;}
.culture_about h2:after{ content: ''; display: inline-block; vertical-align: middle; width: 60px; height: 2px; background: #a9a9a9;}
.culture_about h3{ font-size: 32px; color: #023793; font-weight: normal; margin: 1% 0 3%; line-height: normal;}
.culture_about h4{ position: relative; display: inline-block; font-size: 24px; color: #fff; line-height: 52px; margin: 2% 10px 7%;font-weight: normal;}
.culture_about h4:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #023793; transform: skewX(-15deg);}
.culture_about h4 span{ display: inline-block; position: relative; z-index: 2; padding: 0 30px; }

.culture_box2{ background-repeat: no-repeat; background-position: center; background-size: cover; padding:1% 0 3%;}
.culture_box2 ul{ margin-top: 2%;}
.culture_box2 li{ float: left; width: 22%; text-align: center; margin-bottom: 2%; margin-right: 5%;}
.culture_box2 li:last-child{ margin-right: 0; float: right; width: 20%; max-width: 210px;}
.culture_box2 hgroup{ display: block; width: 147px; height: 160px; background: url("../images/icon_4.png") no-repeat right center; margin: 0 auto 20px;}
.culture_box2 li h2{ color: #e8e8e8; font-size: 48px; padding-top: 25px;}
.culture_box2 li h3{ font-size: 20px; color: #636363;}
.culture_box2 li h3:after{ content: ''; display: block; margin: 10px auto 0; width: 20px; height: 20px; background: url("../images/icon_2.png") no-repeat center;}
.culture_box2 li:hover hgroup{ background-position: left center;}
.culture_box2 li:hover h2{ color: #2854a1;}
.culture_box2 li:hover h3{ color: #fff;}
.culture_box2 li:hover h3:after{ background-image: url("../images/icon_3.png");}

.culture_box3{ padding: 5% 0;}
.culture_box3 li img{ display: none;}
.culture_box3 li{ float: left; margin-bottom: 0.26%; position: relative; overflow: height;}
.culture_box3 li:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(2,55,147,0.3);}
.culture_box3 li p{ width: 100%; text-align: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 24px; color: #fff;}
.culture_box3 li p:after{ content: ''; display: block; width: 30px; height: 5px; border-radius: 20px; background: #fff; margin: 12px auto 0;}
.culture_box3 li:first-child,
.culture_box3 li:nth-child(2),
.culture_box3 li:nth-child(4){ width: 28.473%;}
.culture_box3 li figure{ padding-top: 58.05%;}
.culture_box3 li:nth-child(2),
.culture_box3 li:nth-child(3){ float: right; margin-left: 0.26%}
.culture_box3 li:nth-child(5),
.culture_box3 li:nth-child(6){ margin-left: 0.28%}
.culture_box3 li:nth-child(2) figure{ padding-top: 81.954%;}
.culture_box3 li:nth-child(3){ width: 42.5%;}
.culture_box3 li:nth-child(3) figure{ padding-top: 54.904%;}
.culture_box3 li:nth-child(4) figure{ padding-top: 82.686%;}
.culture_box3 li:nth-child(5){ width: 31.459%;}
.culture_box3 li:nth-child(5) figure{ padding-top: 53.204%;}
.culture_box3 li:nth-child(6){ width: 39.51%;}
.culture_box3 li:nth-child(6) figure{ padding-top: 42.36%;}

@media(max-width:1200px){
    .culture_box2 li{ width: 25% !important; margin-right: 0; max-width: none!important;}
}
@media(max-width:768px){
    .culture_about .ytable-cell{ display: block; width: 100%; padding-right: 0;}
    .culture_box3 li p{ font-size: 20px;}
}
@media(max-width:640px){
    .culture_about h2{ font-size: 20px;}
    .culture_about h3{ font-size: 24px;}
    .culture_about h4{ font-size: 18px;}
    .culture_box2 li{ width: 49% !important; display: inline-block; float: none; vertical-align: top;}
    .culture_box2 hgroup{ width: 90px; height: 98px; background-size: cover;}
    .culture_box2 li h2{ font-size: 30px; padding-top: 5px;}
    .culture_box2 li h3{ font-size: 16px;}
    .culture_box3 li p{ font-size: 16px;}
    .culture_box3 li{ width: 100% !important; margin-right: 0% !important;}

}

.history{}
.history_time{ text-align: center;  padding: 0 7%; margin-bottom: 5%; position: relative;}
.history_time:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 65px; background: #eeefef;}
.history_time .slick-list{ padding-bottom: 10px;}
.history_time li{ font-size: 24px; font-weight: bold;color: #888888; position: relative; line-height: 62px;}
.history_time li i{ font-weight: normal; margin: 0 10px;}
.history_time li span{ font-weight: normal; font-size: 16px;}
.history_time .aon{ color: #023793;}
.history_time .aon:after{ content: ''; position: absolute; border: 8px solid transparent; border-top-color: #eeefef; top: 100%; left: 50%; margin-left: -8px;}


.hslider-nav{ position: relative; padding: 0 5%;}
.hslider-nav:before{ content: ''; width: 100%; height: 1px; background: #e6e6e6; position: absolute; left: 0; top: 7px;}
.hslider-nav .slick-list{ padding-top: 7px;}
.hslider-nav li{ text-align: center; background: url("../images/icon_time2.png") no-repeat center top; padding-top: 40px; font-size: 16px; color: #999999; position: relative;}
.hslider-nav li:before{ content: ''; position: absolute; left: 50%; top: -5px; width: 12px; height: 12px; border: 3px solid #d6d6d6; border-radius: 100%; background: #fff; margin-left: -6px;}
.hslider-nav .slick-current{ color: #023793; font-size: 24px;}
.hslider-nav .slick-current:before{ border-color: #19499d; width: 14px; height: 14px; margin-left: -7px; top: -7px;}
.history .slick-arrow,
.hslider-nav .slick-arrow{ position: absolute; top: -20px; width: 26px; height: 54px; background: #eeefef; font-size: 24px; font-family: 宋体; border: none; color: #fff; cursor: pointer; border-radius: 5px; font-weight: bold;}
.history .slick-arrow{ top: 43%; transform: translateY(-50%);}
.history .slick-prev,
.hslider-nav .btn .slick-prev{ left: 0;}
.history .slick-next,
.hslider-nav .btn .slick-next{ right: 0;}
.history .slick-arrow:hover,
.hslider-nav .btn .slick-arrow:hover{ background-color: #023793;}
.hslider-for{ background: url("../images/history_bg.jpg") no-repeat right bottom #eeefef; margin: 6% 0 8%}
.hslider-for .pic{ width: 50%;}
.hslider-for .txt{ width: 50%; padding: 2% 6%;}
.hslider-for .tit{ font-size: 30px; color: #023793; margin-bottom: 4%;}
.hslider-for .tit span{ font-weight: normal; font-size: 20px;}
.hslider-for li{ padding-left: 20px; background: url("../images/icon_history.png") no-repeat left 7px; font-size: 15px; color: #666666; line-height: 24px; margin-bottom: 2%;}
@media(max-width:1000px){
    .history_time li{ font-size: 20px;}
}
@media(max-width:768px){
    .hslider-for .ytable-cell{ display: block; width: 100%; margin-bottom: 5%;}
}
@media(max-width:640px){
    .history_time li{ font-size: 18px;}
    .history_time li span{ font-size: 14px;}
}


/*Page002046 */
.Page002046 .Pages{ text-align:center; padding:2% 0 7%;}
.Page002046 .Pages a{ display:inline-block; vertical-align:middle;border:1px solid #ececec; padding:0 17px; line-height:43px; color:#666666; font-size: 16px;}
.Page002046 .Pages a:hover,
.Page002046 .Pages a.a_cur{ background-color:#023793; color:#fff;}
.Page002046 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle; overflow:hidden;}
.Page002046 .Pages em a{ float:left; margin-left:-1px;}
.Page002046 .Pages .p_cur,
.Page002046 .Pages .p_count,
.Page002046 .Pages .p_jump,
.Page002046 .Pages .p_total{ display:none;}
.Page002046 .Pages .a_prev,
.Page002046 .Pages .a_next{ padding:0; width:45px; background:url(../images/Page002046-a_prev.gif) no-repeat center center; overflow:hidden; line-height:1000px; height:45px;}
.Page002046 .Pages .a_next{ background-image:url(../images/Page002046-a_next.gif);}
.Page002046 .Pages .a_first,
.Page002046 .Pages .a_end{ font-size: 0;}
.Page002046 .Pages .a_first:before,
.Page002046 .Pages .a_end:before{ display: inline-block; font-size: 16px; vertical-align: middle;}
.Page002046 .Pages .a_first:before{ content: '首页';}
.Page002046 .Pages .a_end:before{ content: '末页';}
@media(max-width:640px){
    .Page002046 .Pages .a_first,
    .Page002046 .Pages .a_end,
    .Page002046 .Pages .num{ display:none;}
}
@media(max-width:480px){
    .Page002046 .Pages a{padding:0 5px; }
}

.Race_list{}
.Race_list li{ width: 23.5%; float: left; margin-right: 2%; margin-bottom: 4%; overflow: hidden; position: relative; z-index: 2;}
.Race_list li .more{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 100;}
.Race_list li:nth-child(4n){ margin-right: 0;}
.Race_list figure{ width: 100%; padding-top: 51.4%; z-index: 1;transition: all 0.3s;}
.Race_list p{ text-align: center; color: #666666; font-size: 15px; position: relative; background: #fff; z-index: 2;transition: all 0.3s;height: 42px;line-height: 42px; }
.Race_list p:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #e4e4e4;}
.Race_list a:hover figure{ transform: scale(1.03);}
.Race_list a:hover p{ font-size: 16px; color: #023793;}
.cove {position:absolute;width: 100%;height: 100%;border:1px solid white;background:#fff;
    background:-moz-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.55));
    background:-webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.55));
    background:-o-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.55));
    background:-ms-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.55));z-index: 2;display: none;}
@media(max-width:640px){
    .Race_list li{ width: 100%; margin-right: 0;}
}

.star_list{}
.star_list li{ width: 23.2%; float: left; margin-right: 2.4%; margin-bottom: 2%; position: relative;overflow: hidden;}
.star_list li:nth-child(4n){ margin-right: 0;}
.star_list figure{ padding-top: 140.7%; position: relative;transition: all 0.3s;}
.star_list p{ text-align: center; font-size: 16px; color: #666666; margin-top: 5%; line-height: 30px;}
.star_list a:hover figure{ transform: scale(1.03);}
.star_list a:hover p{ font-size: 17px; color: #023793;}
@media(max-width:640px){
    .star_list li{ width: 48%; margin: 0 1% !important;}
}



.star_info{ margin-bottom:3%;}
.star_info figure{ width: 44.45%; position: relative;}
.star_info figure:before{ content: ''; position: absolute; left: 5%; top: 6%; width: 100%; height: 100%; border: 1px solid #eee;}
.star_info figure img{ width: 100%; position: relative;}
.star_info figure h3{ position: absolute; right: -12%; top: 22%;  font-size: 24px; color: #fff; font-weight: normal; padding: 12px 23px; background: #023793;}
.star_info .txt{ width: 45%; padding-bottom: 5%;}
.star_info .txt hgroup{ padding: 4% 0; border-bottom: 1px solid #eee; margin-bottom: 3%;}
.star_info .txt hgroup *{ font-weight: normal;}
.star_info .txt hgroup h2{ font-size: 30px; color: #333333; margin-bottom: 5px;}
.star_info .txt hgroup h3{ font-size: 16px;}
.star_info .txt .item{ border-bottom: 1px solid #eee; padding-bottom: 3%; margin-bottom: 3%; font-size: 15px; line-height: 26px;}
.star_info .txt .item h4{ color: #023793; font-size: 16px; line-height: 30px; margin-bottom: 2%;}
.star_info .txt .item pre{ font-size: 15px; line-height: 30px; color: #666666;}
.star_results{ background: url("../images/star_bg.jpg") no-repeat center top; background-size: cover; padding: 2% 0 5%;}
.star_results .news_tit{ text-align: center;}
.star_results .news_tit em{ color: #a8adb2}
.star_results .news_tit b{ color: #b3c2df}
.star_results .list{ padding:2% 0 3%; }
.star_results .slick-list{ padding: 0 40px;}
.star_results ul{ padding: 0 2%;}
.star_results ul:before{ content: ''; position: absolute; left: 0; width: 100%; height: 5px; background: #eceff3; top: 50%; margin-top: -3px;}
.star_results li{ padding-bottom: 140px; position: relative;}
.star_results li:nth-child(2n){ padding-top: 140px; position: relative; padding-bottom: 0;}
.star_results .item{ width: 140%;margin: 0 -20%; position: relative; padding-bottom: 100px;}
.star_results .info { height: 120px; line-height: 120px; background: #fff; position: relative;}
.star_results .info:before{ content: ''; position: absolute; border: 16px solid transparent; left: 50%; top: 100%;    margin-left: -16px;border-top-color: #fff; }
.star_results .info pre{ line-height: 24px; display: inline-block; vertical-align: middle; width: 100%; max-height: 100%; overflow: auto; text-align: center; font-size: 15px;}
.star_results time{ position: absolute; width: 100%; text-align: center; font-size: 22px; color: #023793; bottom: 0; left: 0;}
.star_results time:before{ content: ''; width: 25px; height: 25px; border-radius: 100%; background: #fff; position: absolute; left: 50%; margin-left: -11px; border: 4px solid #023793; bottom: 28px;}
.star_results li:nth-child(2n) .item{ padding-top: 100px; padding-bottom: 0;}
.star_results li:nth-child(2n) .info:before{ border-top-color: transparent;border-bottom-color: #fff; top: auto; bottom: 100%;}
.star_results li:nth-child(2n) time{ top: 0; bottom: auto;}
.star_results li:nth-child(2n) time:before{ top: 28px; bottom: auto;}
.star_results .slick-arrow{ width: 54px; height: 54px; position: absolute; border: none; background: url("../images/icon_btn6.png") no-repeat left center; top: 50%; transform: translateY(-50%); font-size: 0; cursor: pointer;}
.star_results .slick-prev{ left: -5%;}
.star_results .slick-next{ right: -5%; background-position: right center;}
@media(max-width:640px){
    .star_info figure{ width: 90%; float: none; margin-bottom: 5%;}
    .star_info .txt{ width: 100%; float: none;}
    .star_info figure h3{ font-size: 18px;}
    .star_info .txt hgroup h2{ font-size: 22px;}
    .star_results .slick-prev{ left: -1%;}
    .star_results .slick-next{ right: -1%;}
}




.Nmore{ display: block; width: 190px; line-height: 44px; border-radius: 50px; margin: 5% 0 0; text-align: center; color: #fff; font-size: 15px; background: #1d2087;}
.Nmore:after{ content: ''; display: inline-block; width: 23px; height: 7px; background: url("../images/icon_more.png") no-repeat center; margin-left: 20px; vertical-align: middle; transition: all 0.3s;}
.Nmore:hover{ color: #fff;}
.Nmore:hover:after{ margin-left: 40px;}
.news_tit{ font-size: 26px; color: #1d2087; margin: 25px 0; line-height: 36px;}
.news_tit em{ font-style: oblique; display: inline-block; margin: 0 2%; color: #ededf3;}
.news_tit b{ color: #ededf3; font-size: 24px; text-transform: uppercase;}
.news_tit a{ font-size: 14px; color: #999999; float: right;}
.news_tit a:after{ content: '>'; display: inline-block; font-family: 宋体; margin-left: 10px;}
.news_top{ position: relative; margin-bottom: 5%;}
.news_top li{ background: #f8f8f8;}
.news_top .pic{ width: 42%; overflow: hidden;}
.news_top .pic img{ width: 100%; transition: all 0.3s;}
.news_top .txt{ width: 58%; padding: 2% 5%; font-size: 24px;}
.news_top li time{ color: #999999; font-weight: bold;}
.news_top li h3{ color: #023793; font-weight: normal; margin: 3% 0;}
.news_top li p{ font-size: 14px; line-height: 24px; color: #666666; max-height: 72px; overflow: hidden;}
.news_top .controls{ position: absolute; right: 8%; bottom: 8%; z-index: 10;}
.news_top .slick-dots li{ display: none;list-style: none; background: none;}
.news_top .slick-dots .slick-active{ display: block; font-size: 24px; color: #1d2087;}
.news_top .slick-dots em{ color: #ededed; margin: 0 20px;}
.news_top .slick-dots span{ color: #000000;}
.news_top .slick-arrow{ position: absolute; top: 50%; transform: translateY(-50%); font-family: 宋体; font-size: 24px; border: none; background: none; color: #646464;}
.news_top .slick-prev{ left: -40px;}
.news_top .slick-next{ right: -40px;}
.news_tit_list .fl,
.news_tit_list .fr{ width: 48%; margin-bottom: 7%}
.news_tit_list ul{ margin-bottom: 6%;}
.news_tit_list li{ background: #f5f5f5; padding: 0 3%; line-height: 60px; border: 1px solid #f5f5f5;}
.news_tit_list li time{ float: right; padding-left: 20px; background: url("../images/icon_time.png") no-repeat left center; color: #999999; font-size: 15px;}
.news_tit_list li:nth-child(2n){ background: #fff;}
.news_tit_list li a{ color: #666666; font-size: 15px; transition: all 0.3s;}
.news_tit_list li a:hover{ font-size: 16px; color: #1d2087;}

@media(max-width:1000px){
    .news_top .txt{ font-size: 20px;}
    .news_tit_list .fl,
    .news_tit_list .fr{ width: 100%; float: none; margin-bottom:5%}
}
@media(max-width:768px){
    .news_tit{ font-size: 22px;}
    .news_tit b{ font-size: 20px;}
    .news_top{ background: #f8f8f8; padding: 1% 2% 5%;}
    .news_top .ytable-cell{ display: block; width: 100%;}
    .news_top .controls{ display: inline-block; position: relative; right:auto; padding: 0 60px; margin-left: 6%; margin-top: 3%;}
    .news_top .slick-prev{ left: 0;}
    .news_top .slick-next{ right: 0}
    .news_top .txt{ font-size: 18px;}
}
@media(max-width:640px){
    .news_tit{ font-size: 20px;}
    .news_tit b{ font-size: 18px;}
    .news_top .txt{ font-size: 16px;}
}

.news_pic_list ul{ padding-bottom: 3%;}
.news_pic_list li{ background: #fff; padding: 3% 0;}
.news_pic_list li:nth-child(2n){ background: #fafafa;}
.news_pic_list li:first-child{ padding-top: 0;}
.news_pic_list .w1440{ position: relative; min-height: 211px; padding-left: 400px;}
.news_pic_list figure{ position: absolute; left: 0; top: 0; width: 330px;}
.news_pic_list img{ width: 100%; transition: all 0.3s; }
.news_pic_list .txt{ padding-right:150px; position: relative;}
.news_pic_list .txt:before{ content: ''; position: absolute; right: 0; top: 50%; width: 48px; height: 48px; background: url("../images/icon_btn2.png") no-repeat center; margin-top: -24px; border: 1px solid #e7e6e6; border-radius: 100%;}
.news_pic_list h3{ font-size: 16px; font-weight: normal; padding: 2% 0 2%}
.news_pic_list p{ font-size: 14px; color: #888888; line-height: 24px; max-height: 50px; overflow: hidden; margin-bottom: 6%;}
.news_pic_list time{ padding-left: 20px; background: url("../images/icon_time.png") no-repeat left center; color: #999999; font-size: 15px;}
.news_pic_list a:hover .txt:before{ background-image: url("../images/icon_btn3.png");}
.news_pic_list a:hover img{ transform: scale(1.03);}
@media(max-width:768px){
    .news_pic_list .w1440{ padding-left: 350px;}
    .news_pic_list .txt{ padding-right: 90px;}
}
@media(max-width:640px){
    .news_pic_list li{ padding: 5% 0;}
    .news_pic_list .w1440{ padding-left: 0;}
    .news_pic_list figure{ position: static; width: 100%;}
    .news_pic_list .txt{ padding-right: 0;}
    .news_pic_list .txt:before{ display: none;}
}
.news_info .images-wrap {
	padding: 0 90px;
	max-width: 890px;
	margin: 0 auto;
}
.news_info .images-list img {
	display: block;
	margin: 0 auto;
}
.news_info .images-list .slick-dots {
	width: 100%;
	text-align: center;
}
.news_info .images-list .slick-dots li {
	list-style: none;
	display: inline-block;
    margin: 0 5px;
}
.news_info .images-list .slick-dots li button {
	display: block;
	font-size: 0;
	line-height: 0;
	width: 10px;
	height: 10px;
	background-color: rgba(0, 0, 0, .25);
	border: 0;
	border-radius: 50%;
	outline: none;
	padding: 0;
}
.news_info .images-list .slick-dots li.slick-active button {
	background-color: rgba(0, 0, 0, .75);
}
.news_info .images-list .slick-arrow {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	z-index: 2;
	display: block;
	width: 66px;
	height: 66px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	border-radius: 50%;
}
.news_info .images-list .slick-next {
	left: -90px;
	background: url(../images/prev_btn.png) no-repeat;
}
.news_info .images-list .slick-prev {
	right: -90px;
	background: url(../images/next_btn.png) no-repeat;
}
.news_info .title{ text-align: center; border-bottom: 1px solid #e4e4e4;}
.news_info .title h1{ font-size: 30px; color: #000000; font-weight: normal; line-height: normal;}
.news_info .title p{ padding: 2.5% 0 3.5%;}
.news_info .title span{ display: inline-block;padding-left: 20px; background: url("../images/icon_time.png") no-repeat left center; color: #999999; font-size: 15px;}
.news_info .info{ padding: 5% 0; line-height: 24px;}
.news_info .info img{max-width:800px;}
.videolist{}
.videolist li{ width: 31.945%; margin-right: 2.08%; float: left; margin-bottom: 2%; text-align: center;}
.videolist li:nth-child(3n){ margin-right: 0;}
.videolist li figure{ position: relative; padding-top: 56.307%;}
.videolist li .play{ position: absolute; left: 50%; top: 50%; width: 68px; height: 68px; margin: -24px 0 0 -24px; background: url("../images/icon_play.png") no-repeat center; background-size: cover; z-index: 2;}
.videolist li p{ color: #666666; font-size: 15px; line-height: 30px; padding-top: 4%;}
@media(max-width:640px){
    .videolist li{ width: 48%; margin: 0 1% !important}
    .videolist li .play{ width: 40px; height: 40px; margin: -20px 0 0 -20px;}
}

.training_index{ padding-bottom: 1%;}
.training_box{ margin-bottom: 5%;line-height: 24px; color: #888;}
.training_box1 h2{ color: #999999; font-size: 24px; text-transform: uppercase; line-height: normal;}
.training_box1 h2:after{ content: ''; display: inline-block; vertical-align: middle; width: 60px; height: 2px; background: #a9a9a9;}
.training_box1 h3{ font-size: 32px; color: #023793; font-weight: normal; margin: 0.5% 0 2%;}

.training_box2 .pic{ float: right; width: 55.6%;}
.training_box2 .txt{ float: left; width: 41%; padding-top: 1%;}
.training_box2 h4{ color: #333; font-size: 24px; margin-bottom: 2%; font-weight: normal; margin: 2% 0 3%;}
.training_ul1 li{ width: 50%; float: left; padding-left: 15px; background: url("../images/icon_5.png") no-repeat left center; margin-bottom: 2%;}

.training_box3{ background: url("../images/training_bg.jpg") no-repeat center; background-size: cover; color: #fff; padding: 5% 4%;}
.training_box3 h3{ font-size: 24px; padding: 0 4%;font-weight: normal;margin-bottom: 3%;}
.training_box3 ul li{ width: 33.33%; padding: 0 4%; border-right: 1px solid #3a63a9; min-height: 70px; float: left; }
.training_box3 ul li:last-child{ border-right: none;}

.training_box4 h2{ font-size: 24px; color: #333333; text-align: center; margin-bottom: 5%; font-weight: normal;}
.training_box4 li .pic,
.training_box4 li .txt{ width: 50%; float: left;}
.training_box4 li .txt{ padding: 5% 3.5% 2% 6%;}
.training_box4 li h3{ font-size: 24px; color: #333333; font-weight: normal; margin-bottom: 3%;}
.training_box4 li h3 b{ font-size: 36px; color: #023793; vertical-align: middle; display: inline-block;}
.training_box4 li h3 i{ vertical-align: middle; display: inline-block; margin: 0 5px; width: 14px; height: 1px; background: #333;}
.training_box4 li:last-child .pic{ float: right;}

@media(max-width:768px){
    .training_box1 h2,
    .training_box4 li h3,
    .training_box4 h2,
    .training_box2 h4{ font-size: 20px;}
    .training_box1 h3,
    .training_box4 li h3 b{ font-size: 24px;}
    .training_box2 .txt,
    .training_box2 .pic,
    .training_box4 li .pic,
    .training_box4 li .txt{ width: 100%; float: none!important;}
}
@media(max-width:640px){
    .training_box3 ul li{ width: 100%;}
    .training_box3 h3{ font-size: 20px;}
		.news_info .images-wrap { padding: 0;}
}

.join_index .join{ width: 64.584%;}
.join_index .join li{margin-bottom: 4%;overflow: hidden;width: 48%;float: left;margin-right: 4%;}
.join_index .join li:nth-child(2n){margin-right:0;}
.join_index .join li a{ display: block; width: 100%; position: relative;}
.join_index .join li *{ transition: all 0.3s;}
.join_index .join li a:before{ content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url("../images/icon_joinbg.png") no-repeat center bottom; background-size: cover; z-index: 2; opacity: 0;transition: all 0.3s;}
.join_index  li img{ width: 100%;}
.join_index  li p{ position: absolute; left: 0; bottom: 1%; color: #fff; z-index: 3; padding:3% 5%; font-size: 16px; opacity: 0; }
.join_index .join li a:hover img{ transform: scale(1.05);}
.join_index .join li a:hover:before,
.join_index .join li a:hover p{ opacity: 1;}

.join_table{ border: 1px solid #e5e5e5; padding: 4% 3%; width: 31.6%; position: relative;}
.join_table:before{ content: ''; position: absolute; width: 103px; height: 5px; background: #023793; left: 10%; top: 0;}
.join_table h2{ font-size: 26px; color: #333333; font-weight: normal;}
.join_table p{ padding-left: 35px; background: url("../images/icon_join_1.png") no-repeat left 1px; font-size: 15px; color: #666666; margin: 6% 0; line-height: 26px;}
.join_table li{ position: relative;border: 1px solid #dddddd; padding-left: 55px; min-height: 50px;margin-bottom: 8%;}
.join_table li .text,
.join_table li select{ width: 100%; height: 50px; line-height: 50px; border: none; padding: 0 5%; font-size: 15px; color: #999;}
.join_table li .text{ background: none;}
.join_table li .icon{ width: 55px; height: 100%; left: 0; top: 0; background:url("../images/icon_join_2.png") no-repeat center #eeeeee; position: absolute; border-right: 1px solid #dddddd;}
.join_table li:nth-child(2) .icon{ background-image: url("../images/icon_join_3.png");}
.join_table li:nth-child(3) .icon{ background-image: url("../images/icon_join_4.png");}
.join_table li:nth-child(4) .icon{ background-image: url("../images/icon_join_5.png");}
.join_table li:nth-child(5) .icon{ background-image: url("../images/icon_join_6.png");}
.join_table .btn_li{ padding-left: 0; border: none;padding-top: 6%; margin-bottom: 3%;}
.join_table .btn{ width: 200px; height: 50px; border: none; background: #023793; line-height: 50px; color: #fff; font-size: 18px; cursor: pointer;}
@media(max-width:768px){
    .join_index .join,
    .join_table{ width: 100%; float: none;}
    .join_table h2{ font-size: 20px; padding-top: 10px;}
}

.distributor_search{text-align: center;}
.distributor_search select{ display: inline-block; vertical-align: top; width: 30%; max-width: 340px; height: 44px; line-height: 44px; background-image: url("../images/select2.png"); padding: 0 2%; border: 1px solid #d2d2d2; font-size: 15px; color: #666666;margin-right: .5%;}
.distributor_search .text{ height: 44px;border: 1px solid #d2d2d2; line-height: 44px;width: 30%; max-width: 340px;font-size: 15px; color: #c3c3c3; padding: 0 1.5%; display: inline-block; vertical-align: top;margin-right: .5%;}
.distributor_search .btn{ width: 20%; height: 44px; line-height: 44px; border: none; background: #023793; max-width: 190px; text-align: center; color: #fff; font-size: 16px; display: inline-block; vertical-align: top;margin-right: .5%;}
.distributor_allmap{ width: 100%; padding: 1%; border: 1px solid #eeeeee; margin: 3% 0;}
.distributor_allmap #allmap{ height: 490px;}
.distributor_allmap #allmap *{ max-width: none;}
.distributor_list{ margin: 0 -15px; padding-bottom: 5%;}
.distributor_list li .con{ margin: 0 15px; border: 1px solid #eeeeee; padding: 7% 7% 7% 17%; position: relative; line-height: 24px; position: relative;}
.distributor_list li h3{ font-weight: normal; font-size: 16px; color: #333;}
.distributor_list li i{ position: absolute; width: 23px; line-height: 23px; padding-bottom: 6px; background: url("../images/icon_6.png") no-repeat center top; color: #fff; font-weight: bold; text-align: center; font-size: 16px; left: 10%; top: 21%;}

.distributor_list .aon i{ background-image: url("../images/icon_7.png");}
.distributor_list .slick-arrow{ position: absolute; top: 50%; transform: translateY(-50%); font-family: 宋体; font-size: 24px; border: none; background: none; color: #646464; z-index: 10;}
.distributor_list .slick-prev{ left: -10px;}
.distributor_list .slick-next{ right: -10px;}
@media(max-width:1440px){
    .distributor_list .slick-prev{ left: 0;}
    .distributor_list .slick-next{ right: 0;}
}
@media(max-width:640px){
    .distributor_search .text{font-size: 14px; width: 40%;}
}



.pro_menu{ padding: 1% 0; border-bottom: 1px solid #eee; margin-bottom: 4%;}
.pro_menu li{ text-align: center; }
.pro_menu li *{ transition: all 0.3s;}
.pro_menu li figure{ margin-bottom: 10px;}
.pro_menu li p{ padding-bottom: 2px;}
.pro_menu li a:hover img{ transform: scale(1.05);}
.pro_menu li a:hover p{ font-size: 16px; padding-bottom: 0;}
.pro_menu .slick-arrow{ content: ''; position: absolute; top: 50%; width: 48px; height: 48px; background: url("../images/icon_btn2.png") no-repeat center; margin-top: -24px; border: none; border-radius: 100%; font-size: 0; z-index: 2; cursor: pointer;}
.pro_menu .slick-prev{ left: -2%; transform: rotateY(-180deg);}
.pro_menu .slick-next{ right: -2%;}

.pro_box1{}
.pro_box1 .news_tit{ text-align: center;}
.pro_box1 .slick-slider{ margin: 5% -20px 6%;}
.pro_box1 li * {-webkit-transition: all 0.5s;transition: all 0.5s;}
.pro_box1 li{ padding: 0 20px; }
.pro_box1 li a{ display: block; width: 100%;position: relative;}
.pro_box1 li a:before {content: '';width: 100%;height: 100%;border: 3px solid #023793;position: absolute;left: 0;top: 0;opacity: 0;z-index: 2;transition: all 0.5s;}
.pro_box1 li a:hover:before {opacity: 1;}
.pro_box1 li a:hover h3, .pro_box1 li a:hover p {color: #ffff;}
.pro_box1 li figure{ background-color: #fafafa; padding-top: 107%;}
.pro_box1 li .txt{ background: #fff; padding:6% 8%; border: 1px solid #e7e6e6; border-top: none;position: relative;z-index: 2;}
.pro_box1 li a:hover .txt {background: #023793;border-color: #023793;}
.pro_box1 li h3{ font-weight: normal; font-size: 16px; color: #4e494b;}
.pro_box1 li p{ color: #023793; margin-top: 8px;}
.pro_box1 .slick-arrow{ content: ''; position: absolute; top: 50%; width: 48px; height: 48px; background: url("../images/icon_btn2.png") no-repeat center; margin-top: -24px; border: 1px solid #e7e6e6; border-radius: 100%; font-size: 0; z-index:100; cursor: pointer;}
.pro_box1 .slick-prev{ left: -60px; transform: rotateY(-180deg);}
.pro_box1 .slick-next{ right: -60px;}
.pro_box1 .slick-arrow:hover{ background-image: url("../images/icon_btn3.png");}

.pro_box2{ padding-bottom: 2%;}
.pro_box2 li a{ display: block; margin-right: 3px; text-align: center; position: relative; overflow: hidden;}
.pro_box2 li figure{ padding-top: 143%; background-size: cover; transition: all 0.3s;}
.pro_box2 li figure:before{ content: '';transition: all 0.3s; position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background: -webkit-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,0.5)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,0.5)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,0.5)); /* Firefox 3.6 - 15 */
    background: linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,0.5)); /* 标准的语法（必须放在最后） */ opacity: 0 }
.pro_box2 li .txt{ position: absolute; left: 0; bottom: -100%; text-align: center; z-index: 2; color: #fff; text-align: center; width: 100%; transition: all 0.5s; opacity: 0;}
.pro_box2 li .txt h3{ font-weight: normal; font-size: 24px; margin-bottom: 5px;}
.pro_box2 li .txt p{ font-size: 16px;}
.pro_box2 li .txt p:after{ content: ''; display: block; width: 20px; height: 1px; background: #fff; margin: 20px auto 30px;}
.pro_box2 .slick-arrow{ content: ''; position: absolute; top: 50%; width: 48px; height: 48px; background: url("../images/icon_btn2.png") no-repeat center; margin-top: -24px; border: none; border-radius: 100%; font-size: 0; z-index: 2; cursor: pointer;}
.pro_box2 .slick-prev{ left: 0; transform: rotateY(-180deg);}
.pro_box2 .slick-next{ right: 0;}
.pro_box2 .slick-arrow:hover{ background-image: url("../images/icon_btn3.png");}
.pro_box2 li a:hover figure{ transform: scale(1.05);}
.pro_box2 li a:hover figure:before{ opacity: 1;}
.pro_box2 li a:hover .txt{ bottom: 0; opacity: 1;}

.pro_box3 .news_tit{ text-align: center;}
.pro_box3 ul{ padding: 2% 0 6%;}
.pro_box3 li{ width: 48.5%; float: left; margin-right: 3%; background: #f8f8f8; overflow: hidden; margin-bottom: 3%;}
.pro_box3 li:nth-child(2n){ margin-right: 0;}
.pro_box3 li figure{ width: 45.82%;padding-top: 29.212%; float: left; transition: all 0.3s;}
.pro_box3 li .txt{ float: right; width: 51%; padding:5% 4% 0;}
.pro_box3 li h3{ font-weight: normal; font-size: 15px;}
.pro_box3 li p{ height: 45px; overflow: hidden; line-height: 24px; color: #888888; margin: 6% 0 9%;}
.pro_box3 time{ padding-left: 20px; background: url("../images/icon_time.png") no-repeat left center; color: #999999; font-size: 15px;}
.pro_box3 li a:hover figure{ transform: scale(1.05);}
@media(max-width:1600px){
    .pro_box1 .slick-slider{ margin-left: 0; margin-right: 0;}
}
@media(max-width:1440px){
    .pro_box1 .slick-prev{ left: 0;}
    .pro_box1 .slick-next{ right: 0;}
}
@media(max-width:1200px){
    .pro_box1 li a{ padding: 0 10px;}
}
@media(max-width:768px){
    .pro_box3 li .txt{ padding: 4% 3% 0;}
}
@media(max-width:640px){
    .pro_box3 li{ width: 100%; float: none; margin-right: 0;}
    .pro_box3 li .txt{ padding: 2% 2% 0;}
    .pro_box3 li p{margin: 3% 0 3%;}
}

.pro_list{}
.pro_list .pro_menu .w1440{ padding-left: 3%}
.pro_left{ width: 14.74%; padding-top: 31px; border: 2px solid #eeeeee; border-left: none; position: relative; margin-bottom: 5%;}
.pro_left:before{ content: ''; position: absolute; left: 0; top: 0px; width: 100%; height: 30px; background: #075890;border: 2px solid #075890;}
.pro_left h2{ padding:21px 0 21px 15%; background: #f3f3f3; font-weight: normal; font-size: 18px; color: #333; margin-top: 25px;}
.pro_left dl{ padding-right: 12%;}
.pro_left dt{ padding:15px 0 15px 17%; border-bottom: 1px solid #eee; font-size: 16px; color: #023793;}
.pro_left dd{ padding: 10px 0 10px 17%; border-bottom: 1px solid #eee;}
.pro_left dd a{ display: block; padding: 11px 0; font-size: 15px;}
.pro_left .span{ padding:7px 20px 7px 0; background: url("../images/icon_8.png") no-repeat right center; display: block; font-size: 15px;}
.pro_left .dl_filter dd a{ padding: 5px 0 5px 30px; font-size: 14px; color: #999999; position: relative;}
.pro_left .dl_filter dd a:before{ width: 17px; height: 17px; content: ''; border: 1px solid #dcdcdc; position: absolute; left: 0; top: 6px;}
.pro_left .dl_filter dd a.aon:before{ background: url("../images/icon_9.png") no-repeat center;}
.pro_left .dl_filter dd:last-child{ border-bottom: none;}

.pro_right{width: 76%;padding-left: 2%;}
.pro_right li{ float: left; width: 22%; margin-right:4%; margin-bottom: 3%; position: relative;}
.pro_right li *{ transition: all 0.5s;}
.pro_right li figure{ background-color: #fafafa; padding-top: 100%;}
.pro_right li .txt{ background: #fff; padding:6% 8%; border: 1px solid #e7e6e6; border-top: none; position: relative; z-index: 2;}
.pro_right li h3{ font-weight: normal; font-size: 16px; color: #4e494b;}
.pro_right li p{ color: #023793; margin-top: 8px;}
.pro_right li a{ display: block; width: 100%; position: relative; overflow: hidden;}
.pro_right li a:before{ content: ''; width: 100%; height: 100%; border: 3px solid #023793; position: absolute; left: 0; top: 0; opacity: 0; z-index: 2; transition: all 0.5s;}
.pro_right li a:hover:before{ opacity: 1;}
.pro_right li a:hover h3,
.pro_right li a:hover p{ color: #ffff;}
.pro_right li a:hover .txt{ background: #023793; border-color: #023793;}
.pro_right li a:hover figure{ transform: scale(1.05);}
@media(max-width:1600px){
    .pro_right{ width: 83%;}
}
@media(max-width:1440px){
    .pro_left{ width: 20%;}
    .pro_right{ width: 76%;}
}
@media(min-width:1024px){
	.pro_right li:nth-child(4n+1){ clear:both;}
	.pro_right li:nth-child(4n+4){ margin-right:0}
}
@media(max-width:1024px) and (min-width:768px) {
    .pro_right li{ width: 31%; margin-right:3.5%}
	.pro_right li:nth-child(3n+1){ clear:both;}
	.pro_right li:nth-child(3n+3){ margin-right:0}
}

@media(max-width:767px){
    .pro_left{ width: 30%;}
    .pro_right{ width: 70%;}
    .pro_right li{ width: 48%;}
	.pro_right li:nth-child(2n+1){ clear:both;}
	.pro_right li:nth-child(2n+2){ margin-right:0}
    .pro_left h2{ font-size: 16px;}
    .pro_left dt,
    .pro_left dd a,
    .pro_right li h3{ font-size: 14px;}
    .pro_right li p{ font-size: 12px;}
}



.job_list{}
.job_list .list_top{ background: #023793; color: #fff; font-size: 16px;}
.job_list .ul_top{}
.job_list .list li{ font-size: 15px; border-bottom: 1px solid #eee; cursor: pointer;}
.job_list .ul_top li{ width: 20%; float: left; line-height: 60px; text-align: center; padding: 0 2%; position: relative;}
.job_list .ul_top li:first-child{ text-align: left;}
.job_list .ul_top li span{ display: inline-block; vertical-align: middle; line-height: 22px; }
.job_list .ul_top .time:after{ content: ''; position: absolute; width: 13px; height: 7px; background: url("../images/select.png") no-repeat center; right: 10%; top: 50%; margin-top: -3px;transform: rotate(90deg);}
.job_list .ul_top.on .time:after{ transform: rotate(0);}
.job_list .info{ display: none; padding:0 2% 4.5%; font-size: 15px; line-height: 28px; border-bottom: 1px solid #eee;}
.job_list .info .h4{ font-size: 15px; color: #023894; margin: 3% 0 0.5%;}
@media(max-width:768px){
    .job_list .ul_top li{ width: 33.33%;}
    .job_list .ul_top li:nth-child(3),
    .job_list .ul_top li:nth-child(4){ display: none;}
}


.contact_ul{ padding: 1% 0 3%;}
.contact_ul li{ float: left; padding-left: 4%; width: 26%; min-height: 120px; border: 1px solid #eee; border-bottom: none; border-top: none;}
.contact_ul li:first-child{ width: 22%;}
.contact_ul li .txt{ padding-left: 30px; background: url("../images/contact_icon1.png") no-repeat left top; max-width: 270px;}
.contact_ul li .txt h3{ font-weight: normal; margin-bottom: 10px; font-size: 15px;}
.contact_ul li .txt b{ font-size: 18px;}
.contact_ul li:first-child b{ color: #023793; line-height: 30px;}
.contact_ul li:nth-child(2) .txt{ background-image: url("../images/contact_icon2.png");}
.contact_ul li:nth-child(3) .txt{ background-image: url("../images/contact_icon3.png");}
.contact_ul li:nth-child(4) .txt{ background-image: url("../images/contact_icon4.png");}
.contact_box .allmap{ border: 1px solid #eee; padding: 10px;}
.contact_box #allmap{ height: 490px;}
.contact_box #allmap *{ max-width: none;}
@media(max-width:1200px){
    .contact_ul li{ padding-left: 2%;}
}
@media(max-width:1024px){
    .contact_ul li{ width: 50% !important; margin-bottom: 2%;}
}
@media(max-width:640px){
    .contact_ul li{ width: 100% !important; }
}



.gkfw_box{ margin-bottom: 5%;}
.gkfw_box figure{ width: 47.3%;}
.gkfw_box .txt{ width: 44%; line-height: 24px; color: #888888;}
.gkfw_box .txt .h2{ font-size: 32px; color: #023793; font-weight: normal; margin: 5% 0 3%; line-height: normal;}
.gkfw_box .txt .h2:after{ content: ''; display: inline-block; vertical-align: middle; width: 38px; height: 2px; background: #a9a9a9; margin-left: 10px;}

.gkfw_box2{ background: #f1f1f1; padding-bottom: 5%;}
.service_tit{ text-align: center; padding:5% 0;font-size: 30px;}
.service_tit h3{  font-weight: normal; color: #333; position: relative;}
.service_tit h4{ text-transform: uppercase; opacity: 0.22; margin-top: -19px; color: #616161;}
.gkfw_box2 .item{ width: 33.33%; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding: 3%;}
.gkfw_box2 figure{ width: 99px; vertical-align: middle;}
.gkfw_box2 .txt{ vertical-align: middle; padding-left: 9%; line-height: 24px;}
.gkfw_box2 .txt h4{ font-size: 34px; line-height: normal;}
.gkfw_box2 .txt h4 span{ vertical-align: middle;}
.gkfw_box2 .txt h4 b{ font-size: 18px; color: #333333; vertical-align: middle;}
.gkfw_box2 .txt h4 i{ display: inline-block; width: 14px; height: 1px; vertical-align: middle; background: #c3c3c3; margin-right: 10px;}
.gkfw_box2 .item:first-child{ border-left: none;}
.gkfw_box2 .ytable:last-child .item{ border-bottom: none;}

.gkfw_box3_ul{ margin-bottom: 7%;}
.gkfw_box3_ul li{ float: left; text-align: center; margin-right: 5%; min-width: 9.8%; position: relative;}
.gkfw_box3_ul li:before{ content: ''; position: absolute; right: -38%; width: 40px; height: 9px; background: url("../images/icon_10.png") no-repeat center; top: 50%; margin-top: -5px; }
.gkfw_box3_ul li:last-child{ margin-right: 0;}
.gkfw_box3_ul li:last-child:before{display: none;}
.gkfw_box3_ul li p{ margin-top: 20px;}
@media(max-width:768px){
    .gkfw_box .txt,
    .gkfw_box figure{ float: none; width: 100%;}
    .gkfw_box2 figure{ width: 60px;}
    .gkfw_box3_ul li{ width: 25%; margin-right: 0; margin-bottom: 5%;}
    .gkfw_box3_ul li:before{ display: none;}
}
@media(max-width:640px){
    .service_tit{ font-size: 24px;}
    .gkfw_box2 .item{ display: block; width: 100%; border: none;}
    .gkfw_box2 figure{ width: 99px;}
    .gkfw_box3_ul li{ width: 50%; }
}

.right_fixed{ position: fixed; z-index: 200; right: 0; top: 50%;transform: translateY(-50%);}
.right_fixed .icon_kefu{ width:30px; height:104px; float:left; position:relative; cursor:pointer;color: #fff;background:#1d2087;text-align: center;border-radius: 3px 0 0 3px; }
.right_fixed .icon_kefu span{display: block;width: 18px;margin:0 auto;padding-top: 8px;}
.right_fixed .icon_kefu span i{width: 18px;height: 18px;display: inline-block;content: '';background: url(../images/icon_more3.png) no-repeat center;}
.right_fixed .ul{display: none;}
.right_fixed li{ text-align: center; width: 96px; margin-bottom: 10%;}
.right_fixed li a{ display: block; width: 100%; padding: 4px 0 10px; background: #fff; border: 1px solid #e4e7e8;}
.right_fixed li.li_left a{padding:16px 0;}
.right_fixed li .info{  position: absolute; width: 140px; padding: 20px; background: #1d2087; text-align: center; color: #fff; font-size: 16px; border-radius: 5px; right: 130px; top: 40%; display: none;}
.right_fixed li .info:before{ content:''; position: absolute; left: 100%; top: 50%; border: 14px solid transparent; border-left-color: #1d2087; margin-top: -14px;}
.right_fixed li .info img{ margin-bottom: 10px;}
.right_fixed li i{ width: 100%; padding-top: 50%; background: url("../images/icon_tel.png") no-repeat center; display: block;transition: .3s;}
.right_fixed li:nth-child(2) i{ background-image: url("../images/icon_qq.png");}
.right_fixed li:nth-child(3) i{ background-image: url("../images/icon_ewm.png");}
.right_fixed li:nth-child(4) i{ background-image: url("../images/icon_top.png");}
.right_fixed li:nth-child(5) i{ background-image: url("../images/icon_more2.png");}
.right_fixed li a:hover{ background: #1d2087; color: #fff; border-color: #1d2087;}
.right_fixed li a:hover i{ background-image: url("../images/icon_tel_hover.png");}
.right_fixed li:nth-child(2) a:hover i{ background-image: url("../images/icon_qq_hover.png");}
.right_fixed li:nth-child(3) a:hover i{ background-image: url("../images/icon_ewm_hover.png");}
.right_fixed li:nth-child(4) a:hover i{ background-image: url("../images/icon_top_hover.png");}
.right_fixed li:nth-child(5) a:hover i{ background-image: url("../images/icon_more2_hover.png");transform:rotate(360deg);
    -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg);}}
@media(max-width:1024px){
    .right_fixed{ display: none;}
}
/*搜索*/
.newsList_box{}
.newsList_box li{ line-height:55px;border-bottom:1px dashed #e5e5e5;}
.newsList_box li a{ padding-right:10px;}
.newsList_box li time{ float:right;}
.newsList_box li a:hover{ color: #1d2087;}

/*
 Location000892 为demo编号
 */
.Location000892 { line-height:30px;}
.Location000892 .auto{max-width: 1440px;margin:0 auto;}
.Location000892 { font-style: normal;  font-size:14px; color:#333; letter-spacing:1px;}
.Location000892 a {  color: #333; }
.Location000892 a:hover{ text-decoration:underline;}
.Location000892 span{ color:#333;}
@media(max-width:1024px){
.Location000892{ display: none;}
}

/*RighInfo001774*/
.RighInfo001774{ padding-bottom:3%;}
.RighInfo001774 .auto{max-width: 1440px;margin:0 auto;}
.RighInfo001774 .list_img{float:left; width:45%;}
.RighInfo001774 .big{ margin-bottom:20px;}
.RighInfo001774 .big li figure{padding-bottom:100%; background-size:contain;border:1px solid #e8e8e8;}
.RighInfo001774 .scroll li img,
.RighInfo001774 .big li img{ display:none;}
.RighInfo001774 .scroll{ padding:0 30px; position:relative; overflow:hidden;}
.RighInfo001774 .scroll a{ position:absolute; height:100%; top:0; width:25px; z-index:10; cursor:pointer;background: #f8f8f8;}
.RighInfo001774 .scroll a.prev{ left:0;}
.RighInfo001774 .scroll a.next{ right:0;}
.RighInfo001774 .scroll a.prevStop,
.RighInfo001774 .scroll a.nextStop{ cursor:default;}
.RighInfo001774 .scroll a span{ position:absolute; font-size:20px; left:50%; top:50%; margin-left:-10px; margin-top:-10px; color:#ccc;}
.RighInfo001774 .scroll .bd li{ float:left;}
.RighInfo001774 .scroll li figure{ margin:0 auto; padding-bottom:90%; background-size:contain; max-width:90%; border:1px solid #e5e5e5;}
.RighInfo001774 .scroll li.on figure{ border-color:#1C4A9E;}

.RighInfo001774 .intro{ float:right; width:50%;color: #333;}
.RighInfo001774 .intro h3{font-size: 22px;line-height: 25px;font-weight: normal;padding-bottom:20px;}
.RighInfo001774 .intro h4{font-size: 22px;line-height: 25px;font-weight: normal;padding:15px 0;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;}
.RighInfo001774 .intro h4 span{font-size: 15px;color: #999;}
.RighInfo001774 .intro pre{line-height: 30px;padding:15px 0;}


.RighInfo001774 .intro .color{padding:15px 0;border-top:1px solid #e8e8e8;}
.RighInfo001774 .intro .color span{color: #999;}

.RighInfo001774 .intro .share{ padding:10px 0;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;}
.RighInfo001774 .intro .share span{ position: relative;top:-11px;}
.RighInfo001774 .intro .share a{ display: inline-block;content: '';width: 30px; height: 30px; margin-left:8px; background-repeat: no-repeat; position: relative;}
.RighInfo001774 .intro .share figure{ position: absolute; bottom: 120%; width: 110px; padding: 10px; border-radius: 5px; text-align: center; background: #1d2087; left: 50%; margin-left: -55px;border: 1px solid #fff; display: none;}

.glyphicon-chevron-left:before{display: inline-block;content: "";width: 20px;height: 24px;background: url(../images/left.png) no-repeat;}
.glyphicon-chevron-right:before{display: inline-block;content: "";width: 20px;height: 24px;background: url(../images/right.png) no-repeat;}

.zoomContainer{ margin-top:-1px;}

@media(max-width:1000px){
.RighInfo001774 .intro{width:55%; margin-right:0;}
}
@media(max-width:768px){
.RighInfo001774 .list_img,
.RighInfo001774 .intro{ float:none; width:auto; margin-bottom:3%;}
.zoomContainer{ display:none !important;}
}
.zoomLens{width: 324px!important;height: 325px!important;}


#MagnifierWrap2{position: relative;width: 100%;}

.MagnifierMain{position: relative;margin-bottom: 20px; padding-top: 100%; border: 1px solid #e8e8e8;}
.MagnifierMain img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-height: 100%;}
.MagnifierDrag{position: absolute;top:0;left: 0;background-color: #ccc; opacity: 0.4;filter:alpha(opacity = 40);cursor: move;}

.MagnifierPop{position: absolute;top:0;overflow: hidden;background:#fff; z-index: 10; }
.MagnifierImg{position: absolute;top:0; left: 0;}

.list_img .small{position: relative;width: 100%;  padding: 0 25px;}
.spec-items{ position: relative; width: 100%;height: 117px;overflow: hidden;}
.spec-items ul{width: 500%;position: absolute;top: 0;left: 0;}
.spec-items ul *{
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.spec-items li{width: 115px;height: 107px;float: left;overflow: hidden;margin-right: 5px; border:1px solid #e5e5e5; position: relative; background-size: contain; background-position: center; background-repeat: no-repeat;}
.spec-items li.on{ border-color: #1C4A9E;}
.spec-items li img{width: 100%; display: none; }
.spe_leftBtn,.spe_rightBtn{position: absolute;display: block;width: 20px;height: 107px; text-align: center;font-size: 30px;color: #ddd;cursor: default;background-color: #f9f9f9; z-index: 10; top: 0; z-index: 100; background: url(../images/right.png) no-repeat center #f8f8f8; cursor: pointer;}

.spec-items .btn.on {background-color: #ccc;color: #999;cursor: pointer;}
.spe_leftBtn{left: 0; background-image: url(../images/left.png);}
.spe_rightBtn{right: 0;}

.select-year-wrap {
	overflow: hidden;
}
#select_Year {
	float: right;
	margin-bottom: 15px;
	color: #969696;
	width: 100px;
	font-size: 14px!important;
	font-weight: normal;
	padding-right: 20px;
	line-height: 20px;
	border: solid 1px #dfdfdf;
	appearance: none;
	-o-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	padding-left: 10px;
	background: url(../images/arrow-kong.png) no-repeat scroll right center transparent
}




/*
 .Floor002375
 */
.Floor002375{ background: url(../images/Floor002375-bg.png) no-repeat right top; padding: 30px 0 60px; margin-bottom: -30px; background-size: auto 100%;}
.Floor002375 .auto{max-width: 1440px;width: 96%;margin: 0 auto;}
.Floor002375 .word .tit{color: #023793;font-weight: normal;margin: 0.5% 0 2%;font-size: 28px;}
.Floor002375 .word .tit:after{ content: ""; display: block; max-width: 43px; width: 20%; height: 3px; background: #023793; margin: 25px 0;}
.Floor002375 .word .tit em{ font-style: normal; font-size: 32px; text-transform: uppercase; font-weight: 600; position: relative; top: 6px; padding-right: 15px;}
.Floor002375 .word p{font-size: 15px;line-height: 30px;text-indent: 2em;}
.Floor002375 .pic{ float: left; width: 38%;}
.Floor002375 .word{ float: right; width: 58%;}
.RighInfo002522{ padding:3% 0;}
.RighInfo002522 .title{ padding-bottom:3%; font-size:36px; color:#132b47;}
.RighInfo002522 .title span{ display:block; font-size:14px; color:#999; text-transform:uppercase;}
.RighInfo002522 .list dl{ float:left; width:100%; display:table; border:1px solid #ededed;  margin-bottom:3.5%;}
.RighInfo002522 .list dl > *{ display:table-cell; vertical-align:middle;}
.RighInfo002522 .list dt{ width:95px;}
.RighInfo002522 .list dt b{display:block;width:45px;height:45px;border-radius:50%;background: #023793;color:#fff;font-size:24px;position:relative;overflow:hidden;line-height:45px;text-align:center;margin:25px auto;}
.RighInfo002522 .list dt b::after{ position:absolute; content:''; width:20px; height:7px; background:#dd1115; bottom:0; right:0;}
.RighInfo002522 .list dd p{padding:3% 5% 3% 0;color:#333;margin:0;font-size: 16px;line-height: 30px;}
@media(max-width:1366px){
.Floor002375 .word .tit{ font-size:24px;}
}
@media(max-width:1024px){
.RighInfo002522 .title{ font-size:20px;}
.Floor002375 .word{width:100%;}
.Floor002375 .pic{width:100%;margin-bottom:20px;}
}
@media(min-width:769px){
.RighInfo002522 .list dl{width:31%;margin-right:3.5%;}
.RighInfo002522 .list dl:nth-child(3n){ margin-right:0;}
.RighInfo002522 .list dl:nth-child(3n+1){ clear:left;}
}
@media(max-width:768px) and (min-width:481px){
.RighInfo002522 .list dl{ width:48%;}
.RighInfo002522 .list dl:nth-child(2n){ float:right;}
.RighInfo002522 .list dl:nth-child(2n+1){ clear:left;}
}


.column-name{ text-align: center; padding: 35px 0; font-size: 28px;}
.column-name .cn{color: #023793;letter-spacing: 5px;line-height: 48px;position: relative;z-index: 10;text-indent: 5px;}
.column-name .en{text-transform: uppercase;color: #e4ecf9;margin-top: -18px;line-height: 24px;font-family: "DINPro-Bold";}
@media(max-width:480px){
.column-name{ font-size: 24px;}
.column-name .cn{line-height: 40px;}
}



/*RighInfo002523 */
.RighInfo002523{padding-top: 3%;background: url(../images/RighInfo002523_bg.jpg) center no-repeat;background-size: cover;margin-bottom: -3%;margin-top: 3%;}
.RighInfo002523 .auto{margin-top:3%;}
.RighInfo002523 .column-name .en{color: #b7c8e4;}
.RighInfo002523 li{float:left;text-align:center;margin-bottom: 5%;position:relative;padding: 0 3%;}
.RighInfo002523 li span{font-size:30px;color: #023793;font-family:Arial, Helvetica, sans-serif;}
.RighInfo002523 li p{margin: 20px 0;font-size:15px;line-height:30px;height: 60px;overflow: hidden;color: #333;}
.RighInfo002523 li .pic{ padding:7px;border-radius:50%; background:#f5f5f5; max-width:146px; width:60%; overflow:hidden; margin:0 auto; position:relative; z-index:10;}
.RighInfo002523 li .pic img{ display:block;border-radius:50%; width:100%;}
@media(min-width:961px){
.RighInfo002523 li{width:25%;}
.RighInfo002523 ul:nth-child(2n) li{ float:right;}
.RighInfo002523 li::before{position:absolute;content:'';width:100%;top: 73%;background:#eee;height:2px;left:0;}
.RighInfo002523 ul li:first-child::before{width:50%; right:0; left:auto;}
.RighInfo002523 ul li:last-child::before{ width:50%; border-top:2px solid #eee; border-right:2px solid #eee; background:none; height:50%; left:0; }
.RighInfo002523 ul:nth-child(2n) li:first-child::before{ width:50%; right:auto; left:0;}
.RighInfo002523 ul:nth-child(2n) li:last-child::before{ border-right:0; border-left:2px solid #eee; left:50%;}
.RighInfo002523 li::after{content:'';background:url(../images/RighInfo002523_icon_right.png) no-repeat;width:36px;height:36px;position:absolute;right:0;top: 68%;margin-top: -2px;margin-right:-10px;}
.RighInfo002523 ul li:last-child::after,
.RighInfo002523 ul:nth-child(2n)  li:last-child::after{left:50%;top:auto;margin-left:-19px;bottom: -75px;background-image:url(../images/RighInfo002523_icon_down.png);}
.RighInfo002523 ul:nth-child(2n) li::after{ right:auto; left:0; background-image:url(../images/RighInfo002523_icon_left.png);}
.RighInfo002523 ul:nth-child(2n) li::after{ margin-right:0; margin-left:-10px;}
.RighInfo002523 ul:nth-child(2n)  li:last-child::after{margin-left:-18px;}
.RighInfo002523 ul:last-child  li:last-child::before{ width:50%; height:4px;}
.RighInfo002523 ul:last-child  li:last-child::after{ display:none;}
}

@media(max-width:960px){
.RighInfo002523 ul::after{ display:none;}
.RighInfo002523 li{ width:50%; padding:2%;}
.RighInfo002523 li:nth-child(2n+1){ clear:left;}
.RighInfo002523 li:nth-child(3n+1){ background:#eee;} 
}



.Advantage{margin: 3% 0;}
.Advantage .ul{margin-top:3%;}
.Advantage li{width: 18%;float: left;margin-right: 2%;position: relative;height: 100%;min-height: 300px;}
.Advantage li a{display: block;width: 100%;position: relative;height: 100%;}
.Advantage li .bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover;}
.Advantage li .txt{position: relative;padding: 2% 30px;}
.Advantage li i {font-style:normal;left: 17px;background-color:#023793;display:inline-block;width: 40px;height: 40px;transform:rotate(45deg);text-align:center;line-height: 40px;top:calc(50% - 10px);position: absolute;top: 24px;}
.Advantage li span {display:block;transform:rotate(-45deg);font-size: 22px;color: #fff;}
.Advantage li p{margin: 3% 0;font-size: 16px;color: #fff;margin-top: 82px;line-height: 32px;}
@media(max-width:1200px){
 .Advantage li .txt{padding: 2% ;}   
}
@media(min-width:961px){
.Advantage li:nth-child(5n){margin-right:0%;}    
}
@media(max-width:960px){
.Advantage li{width:31%;margin-bottom:3%;margin-right:3%;}  
}
@media screen and (min-width:641px) and (max-width:960px){
 .Advantage li:nth-child(3n){margin-right:0%;}     
}
@media(max-width:640px){
.Advantage li{width:48%;margin-bottom:3%;margin-right:4%;min-height:250px;}  
.Advantage li:nth-child(2n){margin-right:0%;}  
}

.Hbox2 .title li a{position: absolute;width: 100%;height: 100%;top: 0;left: 0;margin: auto;}
.Single .news_info{max-width: 970px;margin: auto;}
.Single .news_info .info img{max-width: 700px;display: block;margin: auto;}


/*RighInfo002816 */
.RighInfo002816{padding-top: 1%;}
.RighInfo002816 .auto{max-width:1440px;}
.RighInfo002816 .img-block{display: block;width: 100%;}
.RighInfo002816 ul{margin-bottom: 5%;}
.RighInfo002816 ul .inner{background: #fff;padding-top: 8%; padding-bottom: 8%;}
.RighInfo002816 ul h1{font-size:32px;color:#023793;font-weight: normal;margin: 0.5% 0 3%;}
.RighInfo002816 ul h2{color: #999999;font-size: 24px;margin:0;}
.RighInfo002816 ul h2:after{content: '';
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 2px;
    background: #a9a9a9;}
.RighInfo002816 ul h3{ font-size: 24px; color: #333;font-weight: normal;margin:4% 0;}
.RighInfo002816 ul h3:before{display: inline-block; content: ''; height:16px; width:4px; background: #023793; vertical-align: middle; margin-right: 15px;margin-top:-2px;}
.RighInfo002816 ul .li p{ line-height: 28px; color: #666;margin:3% 0; text-align: justify;font-size:15px;}
.RighInfo002816 ul .li .icon{padding-bottom: 15px;}
@media(min-width:1025px){
.RighInfo002816 ul:nth-child(2n-1) .ol{float: left;}
.RighInfo002816 ul:nth-child(2n-1) .li{float: right;}
.RighInfo002816 ul:nth-child(2n) .ol{float: right;}
.RighInfo002816 ul:nth-child(2n) .li{float: left;}
.RighInfo002816 ul .ol,
.RighInfo002816 ul .li{width: 50%;}
.RighInfo002816 ul .li{ position: relative; z-index: 10;}
.RighInfo002816 ul:nth-child(2n-1) .li .inner{  margin-left: -10%; padding-left: 15%;}
.RighInfo002816 ul:nth-child(2n) .li .inner{width: 110%; padding-right: 15%;}
}
@media(max-width:1024px){
.RighInfo002816 ul .li{padding: 0!important;}
.RighInfo002816 ul h1{font-size:24px;}
.RighInfo002816 ul h2{font-size:18px;}
.RighInfo002816 ul .inner{ padding: 20px;}
}

