@charset "utf-8";
.fixed:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fixed{display:block;}
.fixed{min-height:1%;}
* html .fixed{height:1%;}
body,font,form,ul,li,p,h1,h2,h3,h4,h5,h6,input,select,span,table,tr,th,td,a,b{font-family:"微软雅黑";margin:0;padding:0;font-size:14px; color:#555}
body,font{line-height:22px; text-align:center;}
body a{outline:none;blr:expression(this.onFocus=this.blur());text-decoration:none;cursor:pointer;}
body{ min-width:1200px;}
input,select{line-height:16px;outline:none;}
ul,li,span{list-style-type:none;}
table{ width: 100%;border-collapse:collapse;}
img{/*max-width: 100%;*/ height:100%;border:0; vertical-align: middle}
a, li, p, div { transition: color 0.3s ease 0s;}
dl, dt, dd{margin: 0;}
.setwidth{ width:1200px; margin: 0 auto;}
.floatL{ float:left; }
.floatR{ float:right; }
.floatN{float: none;}
.fullwidth{position: relative; width: 100%; max-width: 1620px; min-width: 1200px; margin: 0 auto;}
.clear{clear: both;}

.fixeds{position: fixed!important; top: 0; left: 0; -moz-box-shadow:0px 3px 5px rgba(0,0,0,.2); -webkit-box-shadow:0px 3px 5px rgba(0,0,0,.2); box-shadow:0px 3px 5px rgba(0,0,0,.2); z-index: 999;}

.more{display: inline-block; background-color: #eee; color: #000;}
.more:hover{background-color: #5b91c0; color: #fff;}


/*头部*/
.header{}
.top{height: 35px; line-height: 35px; padding: 0 10px; /*background-color: #000;*/ background:url(../images/top_bg.png) repeat-x; font-size: 13px; text-align: right;}
.top .fullwidth{height: 36px; background:url(../images/top_bg.jpg) no-repeat;}
.top span{display: inline-block; margin-right: 26px; color: #abd7ec;}
.top span a{color: #abd7ec;}
.top span.phone{margin-right: 64px;}
.top #language{float: right;}
.top #language .cn{padding-left: 32px; background: url(../images/gqicon.jpg) left center no-repeat;}
.top #language .en{padding-left: 32px; background: url(../images/engqicon.jpg) left center no-repeat;}
.top #language span{margin-right: 6px;}
.header .fixedtop{position: relative; width: 100%; padding-bottom: 26px; /*background-color: #fff;*/background:url(../images/nav_bg.png) repeat-x; z-index: 999;}
.header .fixedtop::after{display: block; content: ''; width: 100%; max-width: 1620px; min-width: 1200px; height: 100%; position: absolute; top: 0; left: 50%; bottom: 0; transform: translateX(-50%); background:url(../images/nav_bg.jpg) no-repeat; z-index: -1;}
.header .logo{padding: 29px 0 31px; margin: 0 7.8125% 0 4.33%; min-width: 1200px; text-align: center; overflow: hidden;}
.header .logo .phone{vertical-align: middle;}
.header .logo .phone a{font-size: 35px; color: #abd7ec;}
.header .fixed{min-width: 1200px; margin: 0 7.8125% 0 4.33%;}
.navleft{/*float: left;*/ width: 77.3%; margin: 0 auto;}
.navleft .nav > li{position: relative; float: left;  width: 14.28%; height: 36px; line-height: 36px; font-size: 16px; text-align: center;}
/* .navleft .nav > li::after{display: block; content: ""; width: 2px; height: 10px; background-color: #d7d7d7; position: absolute; top: 13px; right: 0; z-index: 2;} */
.navleft .nav > li:last-child::after{visibility: hidden;}
.navleft .nav > li > a{display: block; width: 100%; position: absolute; font-size: 15px; font-weight: bold; color: #08558b; background: url(../images/lis_bg.png) repeat-x;}
.navleft .nav > li.active > a, .navleft .nav > li:hover > a{/*background-color: #5b91c0;*/ background: url(../images/lis_bg1.png) repeat-x; color: #fff; left: -1px;}
.navleft .subnav{display: none; width: 100%; margin: 0 auto; padding: 13px 0 16px; position: absolute; top: 36px; left: -1px; /*background-color: #fff;*/ background: -moz-linear-gradient(to bottom, #ffffff 0%,#efefef 50%,#e0e0e0 95%,#c7c7c7 100%); background: -webkit-linear-gradient(to bottom, #ffffff 0%,#efefef 50%,#e0e0e0 95%,#c7c7c7 100%); background: linear-gradient(to bottom, #ffffff 0%,#efefef 50%,#e0e0e0 95%,#c7c7c7 100%); -moz-box-shadow:0px 5px 6px rgba(0,0,0,.11); -webkit-box-shadow:0px 5px 6px rgba(0,0,0,.11); box-shadow:0px 5px 6px rgba(0,0,0,.11);}
.navleft .subnav li{padding: 4px 0;}
.navleft .ennav .subnav li{padding: 4px;}
.navleft .subnav li a{display: block; /*height: 38px;*/ line-height: 20px; padding: 9px 0; font-size: 15px; font-weight: bold; position: relative; color: #08558b;}
.navleft .ennav .subnav li a{display: block; height: auto; line-height: 20px; padding: 8px 0; position: relative; color: #08558b;}
/* .navleft .subnav li:hover a{ background: -moz-linear-gradient(to bottom, #b5f7fa,#0994ea); background: -webkit-linear-gradient(to bottom, #b5f7fa,#0994ea); background: linear-gradient(to bottom, #b5f7fa,#0994ea); color: #fff;} */
.navleft .subnav li:hover a{background: url(../images/lis_bg1.png) repeat-x; background-size: auto 100%; color: #fff;}
.navright{float: right;}
.header .logo .navsearch{display: inline-block; width: 166px; height: 28px; /*margin-top: 3px;*/ margin-left: 40px; border: 1px solid #bfbfbf; border-radius: 28px; vertical-align: middle;}
.header .logo .navsearch input{float: left; width: 120px; height: 28px; line-height: 28px; margin-left: 8px; border: none; background: none; color: #6aa3c5;}
.header .logo .navsearch input::-webkit-input-placeholder{color: #6aa3c5;}
.header .logo .navsearch input:-moz-input-placeholder{color: #6aa3c5;}
.header .logo .navsearch input::-moz-input-placeholder{color: #6aa3c5;}
.header .logo .navsearch input:-ms-input-placeholder{color: #6aa3c5;}
.header .logo .navsearch a{float: right; display: block; width: 38px; height: 28px; background: url(../images/scicon.png) center center no-repeat;}


.banner{position: relative; width: 100%; min-width: 1200px; /*height: 700px;*/ padding-bottom: 36.45%; overflow: hidden;}
.banner .swiper-wrapper{position: absolute; top: 0; left: 0;}
.banners{position: relative; width: 100%; min-width: 1200px; height: 657px; margin-bottom: -266px; overflow: hidden;}

/*底部*/
.footer{width: 100%; height: 108px; background-color: #3f3f3f; overflow: hidden;}
.footer .share{margin-top: 25px;}
.footer .share a{display: inline-block; width: 23px; height: 23px; margin: 0 5px; background: url(../images/share.png) left center no-repeat;}
.footer .share a:hover{color: #000; opacity: .8; filter: alpha(opacity=80);}
.footer .share .share_ytbe{background-position: -3px center;}
.footer .share .share_twi{background-position: -43px center;}
.footer .share .share_fbook{background-position: -83px center;}
.footer .share .share_linkedin{background-position: -123px center;}
.footer .share .share_pinterest{background-position: -163px center;}
.footer .share .share_ins{background-position: -203px center;}
.footer .copyright{padding: 43px;}
.footer .copyright, .footer .copyright a{color: #fff;}

.mainbox{padding: 0 0 62px;}
.mainbox::after{display: block; content: ""; height: 0; clear: both; visibility: hidden;}
.location{float: right; height: 54px; line-height: 54px; margin-right: 61px; padding: 0 18px 0 19px; background-color: rgba(130, 173, 210, .7); font-size: 13px; color: #fff;}
.location a{color: #fff;}
.location .home{padding-left: 22px; background: url(../images/homeicon.png) left center no-repeat;}
.main{padding: 56px 3.7% 67px; -moz-box-shadow:0px -8px 15px rgba(0,0,0,.06); -webkit-box-shadow:0px -8px 15px rgba(0,0,0,.06); box-shadow:0px -8px 15px rgba(0,0,0,.06); background-color: #fff;}
.main::after{display: block; content: ""; height: 0; clear: both; visibility: hidden;}
.main .mainL{float: left; width: 316px; text-align: left;}
.mainL .subnav{width: 286px; margin-bottom: 43px; padding: 12px 14px 58px; border: 1px solid #d6d6d6;}
.mainL .subnav .tit{line-height: 58px; margin-bottom: 37px; border-bottom: 1px solid #d2d2d2; font-size: 24px; color: #5b91c0; text-indent: 17px;}
.mainL .subnav .meun li{/* width: 100%; */ height: 43px; line-height: 43px; margin-bottom: 17px; padding-left: 19px; font-size: 17px; /* text-indent: 17px; */ overflow: hidden;}
.mainL .subnav .meun li a{display: block; transform: translate(-19px,0px); transition: opacity 0.3s ease-out,transform 0.3s ease-out;}
.mainL .subnav .meun li span{opacity: 0;}
.mainL .subnav .meun li.active, .mainL .subnav .meun li:hover{background-color: #5b91c0;}
.mainL .subnav .meun li.active a, .mainL .subnav .meun li:hover a{color: #fff; transform: translate(0px,0px);}
.mainL .subnav .meun li.active span, .mainL .subnav .meun li:hover span{opacity:1; color: #fff;}

.mainL .lxbox{width: 286px; padding: 12px 14px 58px; border: 1px solid #d6d6d6;}
.mainL .lxbox .tit{line-height: 58px; margin-bottom: 37px; border-bottom: 1px solid #d2d2d2; font-size: 24px; color: #5b91c0; text-indent: 17px;}
.mainL .lxbox dl{margin: 6px 0 34px;}
.mainL .lxbox dd{line-height: 32px; margin-bottom: 4px; padding-left: 60px; position: relative;}
.mainL .lxbox dd{line-height: 32px; margin-bottom: 4px; padding-left: 60px; position: relative;}
.mainL .lxbox dd::after{display: block; content: ''; width: 18px; height: 35px; position: absolute; top: 0; left: 21px;}

.mainL .lxbox .link::after{background: url(../images/lxicon.png) 0 0 no-repeat;}
.mainL .lxbox .phone::after{background: url(../images/lxicon.png) 0 -35px no-repeat;}
.mainL .lxbox .mail::after{background: url(../images/lxicon.png) 0 -70px no-repeat;}
.mainL .lxbox .address::after{background: url(../images/lxicon.png) 0 -105px no-repeat;}
.mainL .lxbox .fax::after{background: url(../images/lxicon.png) 0 -140px no-repeat;}
.mainL .lxbox .web::after{background: url(../images/lxicon.png) 0 -175px no-repeat;}

.mainR{padding-left: 3.89%; overflow: hidden;}


.pages{margin-top: 24px; font-size: 0;}
.pages a, .pages .pageson{display: inline-block; width: 37px; height: 34px; line-height: 34px; margin: 0 3px!important; font-size: 13px;}
.pages .pageson{background-color: #434343; color: #fff;}
.pages a:hover{background-color: #434343; color: #fff;}
.pages a.txtbtn{width: auto; margin: 0 10px!important;}
.pages a.txtbtn:hover{background: none; color: #5b91c0;}