﻿/*--serverBar--*/
.serverBar{display:none;position:fixed;z-index:999;top:50%;right:0;transform:translateY(-50%);}
.serverBar li{position:relative;margin-bottom:10px;}
.serverBar li a{display:block;padding:5px;width:50px;height:50px;text-align:center;color:#666 !important;background:#fff;border:#f0f0f0 solid 1px;}
.serverBar li a>i{display:block;font-size:18px;}
.serverBar li a>span{display:block;font-size:14px;}
.serverBar li:hover a{color:#fff !important;background:#005bac;border-color:rgba(255,255,255,0.1);}
.serverBar li .infos{display:none;position:absolute;right:60px;padding:10px;background:#fff;border:#f0f0f0 solid 1px;box-shadow:0 0 10px rgba(255,255,255,0.1);}
.serverBar li .tel{top:0;}
.serverBar li .tel dt{padding-bottom:6px;font-size:14px;color:#666;border-bottom:#f0f0f0 solid 1px;}
.serverBar li .tel dd{padding-top:6px;font-size:20px;font-family:"DIN Medium";color:#005bac;white-space:nowrap;}
.serverBar li .QRcode{bottom:0;overflow:hidden;}
.serverBar li .QRcode .item{overflow:hidden;}
.serverBar li .QRcode .item i{display:block;width:100px;}
.serverBar li .QRcode .item img{display:block;width:100%;}
.serverBar li .QRcode .item p{font-size:14px;color:#666;text-align:center;}
.serverBar li:hover .infos{display:block;}
.serverBar li#backTop i{transform:rotate(-180deg);}
@media(max-width:1200px){
.serverBar{top:80%;}
.serverBar li{display:none;}
.serverBar li:hover .tel{display:none !important;}  
.serverBar li#backTop{display:block;}
}
/*--end serverBar--*/

/*--cx-menu-01--*/
.cx-menu-01{position:relative;z-index:9;margin:-5px auto 0;width: 1400px;height:85px;line-height:75px;overflow:hidden;border-top:#005bac solid 5px;}
.cx-menu-01 .list{margin:0 75px;overflow:hidden;}
.cx-menu-01 .list li{position:relative;height:80px;font-size:16px;text-align:center;}
.cx-menu-01 .list li:after{display:none;position:absolute;left:50%;bottom:2px;margin-left:-5px;width:10px;height:10px;font-size:16px;content:"";background:#005bac;transform:rotate(-45deg);}
.cx-menu-01 .list li a{display:block;height:75px;color:#333;border-right:#e5e5e5 solid 1px;background:#fff;}
.cx-menu-01 .list li:last-child a{border-right:none;}
.cx-menu-01 .list li.cur a,.cx-menu-01 .list li:hover a{color:#fff;background:#005bac;}
.cx-menu-01 .list li.cur:after,.cx-menu-01 .list li:hover:after{display:block;}
.cx-menu-01 .prev,.cx-menu-01 .next{display:none;position:absolute;top:0;width:75px;height:75px;line-height:70px;text-align:center;color:#999;font-size:24px;cursor:pointer;outline:none;background:#fff;}
.cx-menu-01 .prev{left:0;}
.cx-menu-01 .next{right:0;}
.cx-menu-01 .prev:hover,.cx-menu-01 .next:hover{color:#fff;background-color:#005bac;}
.cx-menu-01 .drop-toggle{display:none;position:absolute;z-index:9;right:0;top:0;width:50px;height:50px;line-height:50px;text-align:center;cursor:pointer;border-left:#f0f0f0 solid 1px;background:#fff;}
.cx-menu-01 .drop-toggle i{display:block;font-size:18px;}
@media(max-width:1440px){
.cx-menu-01{width:1200px;}
}
@media(max-width:1200px){
.cx-menu-01{margin:0;width:100%;height:50px;line-height:50px;text-align:center;border-top:none;background:#fff;}
.cx-menu-01:after{display:block;position:absolute;z-index:2;left:0;bottom:0;width:100%;height:1px;content:"";background:#f0f0f0;}
.cx-menu-01 .list{margin:0;}
.cx-menu-01[data-drop="true"] .list{margin-right:50px;}
.cx-menu-01 .list li{width:auto;height:50px;font-size:14px;}
.cx-menu-01 .list li:after{display:none;bottom:0;margin:0;width:30px;height:3px;transform:translateX(-50%);}
.cx-menu-01 .list li a{padding:0 15px;height:50px;border:none;}
.cx-menu-01 .list li.cur a,.cx-menu-01 .list li:hover a{color:#005bac;background:none;}
.cx-menu-01 .drop-toggle{display:block;}
}
/*--end cx-menu-01--*/

/*--cx-inpage-banner01--*/
.cx-banner-01{position:relative;width:100%;height:450px;background-repeat:no-repeat;background-position:center;clear:both;}
.cx-banner-01 .crumbs{position:absolute;left:50%;bottom:0px;padding:10px 20px;width: 1400px;font-size:14px;color:#fff;background:rgba(0,0,0,0.5);transform:translateX(-50%);}
.cx-banner-01 .crumbs a{color:#fff;}
.cx-banner-01 .crumbs a:after{display:inline-block;margin:0 8px;font-family:"iconfont";content:"\e666";}
.cx-banner-01 .crumbs a:last-child:after{display:none;}
.cx-banner-01 .crumbs a:hover{text-decoration:underline;}
@media(max-width:1440px){
.cx-banner-01 .crumbs{width:1200px;}	
}
@media(max-width:1200px){
.cx-banner-01{display:none;}  
}
/*--end cx-inpage-banner01--*/

/*--cx-pager-01--*/
.cx-pager-01{clear:both;padding:40px 0;width:100%;line-height:38px;text-align:center;}
.cx-pager-01 .pager-prev,.cx-pager-01 .pager-next{display:inline-block;vertical-align:middle;}
.cx-pager-01 .pager-prev a,.cx-pager-01 .pager-next a{display:block;width:40px;height:40px;color:#9a9a9a;border:#e5e5e5 solid 1px;background-color:#fff;background-position:center;background-repeat:no-repeat;border-radius:50%;}
.cx-pager-01 .pager-prev a:hover,.cx-pager-01 .pager-next a:hover{color:#fff;background-color:#005bac;border-color:#005bac;}
.cx-pager-01 .pager-num{display:inline-block;padding:0 20px;vertical-align:middle;}
.cx-pager-01 .pager-num a{display:inline-block;margin: 0 3px;width:40px;height:40px;font-size:16px;color:#9a9a9a;border:#e5e5e5 solid 1px;background:#fff;border-radius:50%;}
.cx-pager-01 .pager-num a:hover,.cx-pager-01 .pager-num a.cur{color:#fff;background:#005bac;border-color:#005bac;}
@media(max-width:1200px){
.cx-pager-01{padding:20px 0;line-height:30px;}
.cx-pager-01 .pager-prev a,.cx-pager-01 .pager-next a{width:32px;height:32px;}
.cx-pager-01 .pager-num{padding:0 10px;}
.cx-pager-01 .pager-num a{margin:0 2px;width:32px;height:32px;font-size:14px;}
}
/*--end cx-pager-01--*/

/*---wrap-title-*/
.wrap-title{text-align:center;overflow:hidden;animation:fadeinT 1s;}
.wrap-title h2{font-size:48px;line-height:1.25;font-weight:bold;color:#000;}
.wrap-title h2 a{color:#000;}
.wrap-title p { margin-top: 5px; font-size: 18px; color: #666;}
@media(max-width:1200px){
.wrap-title h2{font-size:24px;}
.wrap-title p { font-size: 16px;}
}
/*---end wrap-title-*/

/* header */
.header {position: sticky;top: 0;z-index: 99;display: block;width: 100%;height: 153px;background: #005bac;}
.header .head-fl { float: left;}
.header .head-fl .logo { float: left;  width: 105px; padding:41px 33px 41px 0; height: 153px; border-right: 1px solid #337cbd;}
.header .head-fl .slogan {float: left;padding: 42px 30px;font-size: 24px;color: #fff;}
.header .head-fl .slogan h2 { font-size:24px;}
.header .head-fl .slogan em { font-weight: bold; font-family: "DIN Medium";}
.header .head-fr { float: right;}
.header .head-fr .tel { height: 58px; line-height: 58px; font-size: 16px; color: #fff; text-align: right;}
.header .head-fr .tel em { margin-left: 30px;}
.header .head-fr .tel em i { margin-right: 5px;}
.navBar{position:relative;z-index:9;height:95px;}
.navBar li{position:relative;float:left;}
.navBar li>a{display:block;padding: 23px 23px 0;height: 95px;font-size:18px;color:#fff;}
.navBar li.cur>a,.navBar li:hover>a{ background:#fff; color: #005bac;}
.header .nav-btn { display: none;}
@media(max-width:1440px){
.navBar li>a{padding:23px 17px 0;}
}
@media(max-width:1200px){
.header { padding: 0 15px; position: relative; height: 60px;}
.navBar{display:none;}
.header .head-fl .logo {width: 60px;height: 60px;padding: 10px 10px 0;}
.header .head-fl .slogan { padding: 5px 20px; font-size: 14px;}
.header .head-fr { display: none;}
.header .nav-btn { display: block; position: absolute; right: 0; top: 0; width: 60px; height: 60px; line-height: 60px; text-align: center; background: #fff; color: #333;}
.header .nav-btn i { font-size: 30px;}
}
/* header end */



/*--dropDown--*/
.dropDown{display:none;position:absolute;z-index:999;left:0;top:100%;width:200px;background:#fff;}
.dropDown a{display:block;position:relative;z-index:2;padding:0 20px;height:50px;line-height:50px;font-size:16px;color:#333;border-top:rgba(255,255,255,0.1) solid 1px;}
.dropDown a:first-child{border-top:none;}
.dropDown a:before{display:inline-block;margin-right:10px;content:"-";}
.dropDown a:hover{color:#fff;background:#005bac;}
/*--end dropDown--*/


/* footer */
.footer { padding-top: 70px; overflow: hidden; background: #005bac;}
.footer .ft-info { padding-bottom: 100px; overflow: hidden;}
.footer .ft-info dl { float: left; margin-right: 90px;}
.footer .ft-info dl dt a { font-size: 18px; color: #fff;}
.footer .ft-info dl dt a:hover { text-decoration:underline;}
.footer .ft-info dl dd  { margin-top: 40px;}
.footer .ft-info dl dd a {display: block; font-size: 16px; line-height: 35px; color: #fff;}
.footer .ft-info dl dd a:hover {text-decoration:underline;}
.footer .info-lxwm { float: left;}
.footer .info-lxwm h3 a { font-size: 18px; color: #fff; line-height: 1;}
.footer .info-lxwm h3 a:hover {text-decoration:underline;}
.footer .info-lxwm ul {margin-top: 30px; width: 395px;}
.footer .info-lxwm ul li { padding: 15px 0; border-bottom: 1px solid #1769b2; font-size: 16px; color: #fff;}
.footer .info-lxwm ul li i { font-size: 18px; display: inline-block; padding-right: 10px; margin-right: 10px; border-right: 1px solid #1a6cb4;}
.footer .info-lxwm ul li em { font-weight: bold; font-family:"DIN Medium";}
.footer .info-code { float: right; width: 130px; padding: 10px; background: #fff; text-align: center;}
.footer .info-code .pic {display: block; width: 100%;}
.footer .info-code p { padding-top: 5px; font-size: 14px;color: #999;}
.footer .ft-bm { overflow: hidden;}
.footer .ft-bm ul { padding: 30px 0; overflow: hidden;}
.footer .ft-bm ul li {  float: left; margin-right: 10px; color: rgba(255,255,255,.5);}
.footer .ft-bm ul li a { font-size: 14px;color: rgba(255,255,255,.5);}
.footer .ft-bm ul li:hover .code { display: block;}
.footer .ft-bm ul li:last-child { border-right: none;}
.footer .ft-bm ul li.ft-back { cursor: pointer;}
.footer .ft-bm ul li:hover a  { color:#fff;}
.footer .ft-link { border-top: 1px solid #1a6cb4; padding: 25px 0;overflow: hidden;font-size: 14px; color: rgba(255,255,255,.5);}
.footer .ft-link dl { float: left; width: 85%;}
.footer .ft-link dt {float: left;margin-right: 20px;font-size: 14px; }
.footer .ft-link dd { float: left;}
.footer .ft-link dd a {margin-right: 20px;color: rgba(255,255,255,.5);}
.footer .ft-link .links-sq a {float: right;font-size: 14px;color: rgba(255,255,255,.5);}	
.footer .ft-link a:hover { color: #fff;}

@media (max-width:1440px) {
	.footer .info-lxwm ul { width: 320px;}
}
@media (max-width:1200px) {
	.footer { padding:40px 15px 0;}
	.footer .ft-info dl {display: none;}
	.footer .ft-info { padding-bottom: 20px;}
	.footer .info-lxwm { float: none; width: 100%;}
	.footer .info-lxwm ul { margin-top: 20px; width: 90%;}
	.footer .info-code { display: none;}
	.footer .ft-bm ul { padding: 15px 0;}
	.footer .ft-link { display: none;}
}
/* footer end */