/*--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:#01a0e2;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:#01a0e2;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--*/

input::placeholder { font-size: 14px; color:#999;}


/*--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:#01a0e2 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:#01a0e2;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:#01a0e2;}
.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:#01a0e2;}
.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:#01a0e2;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:after{display:block;position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;content:"";background:rgba(0,0,0,0.5);}
.cx-banner-01 .text {position:absolute;z-index:2;left: 50%;top:50%;width:1400px;text-align:center;transform:translate(-50%,-50%);}
.cx-banner-01 .text i {margin:0 auto 15px;display:block;width: 25px;height: 4px;background:#fff;}
.cx-banner-01 .text h2 {font-size: 48px; color:#fff;}
.cx-banner-01 .text em { font-size:20px; color:#666; font-family:"DIN Medium";}
.cx-banner-01 .text p{margin-top:15px;}
.cx-banner-01 .text p a{color:#fff;font-size:16px;}
.cx-banner-01 .text p a:after{display:inline-block;margin:0 8px;font-family:"iconfont";content:"\e666";}
.cx-banner-01 .text p a:last-child:after{display:none;}
.cx-banner-01 .text p a:hover{text-decoration:underline;}
@media(max-width:1440px){
.cx-banner-01 .text {width:1200px;}
.cx-banner-01 .text h2 {margin-bottom: 5px;font-size:36px;}
.cx-banner-01 .text em { font-size:18px;}
}
@media(max-width:1200px){
.cx-banner-01{display:none;}  
}
/*--end cx-inpage-banner01--*/

/*--cx-pager-01--*/
.page {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  padding-top: 20px;
}
.page .page-status,.page a {
  cursor: pointer;
  color: #333;
  background: #eee;
  padding: 8px 15px;
  margin: 0px 5px;
  border-radius: 35px;
  font-size: 14px;
}
.page .page-status:hover,.page a:hover {
  background:#dc0000;
  color: #fff;
}

.page-num-current{ background:#dc0000 !important; color: #fff !important;;}
@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:40px;line-height:1.25;font-weight:normal;color:#333;}
.wrap-title h2 span { font-weight: bold;}
.wrap-title h2 a{color:#333;}
.wrap-title p { margin-top: 10px; font-size: 18px; color: #333;}
@media(max-width:1200px){
	.wrap-title h2 { font-size: 20px;}
	.wrap-title p {margin-top: 5px;font-size: 16px;}
}
/*---end wrap-title-*/

/* header */
.header {position:relative; padding: 0 3%; display: block; height: 118px; background: #fff;}
.header .yuyan{ position:absolute; right:12%; top:0; z-index:99999;}
.header .yuyan a{ display:inline-block; background:#eee; color:#666; font:12px/20px "DIN Medium"; padding:0 6px; }
.header .yuyan a.on{ background:#d80000; color:#fff; }
.header .logo {margin: 33px 0; float: left; width: auto; max-height:51px;}

@media screen and (max-width:680px){
.header .logo { width:auto !important; margin:9px 0 !important; }
.header .logo img{ width:auto; max-height:40px;}
.indexInfo .Info-fl .tit{ margin-left:0 !important; }
.indexInfo .Info-fl .text{ padding:0 !important; }
}
.header .slogan {margin: 33px 0;border-left: 1px solid #dcdcdc;float: left;margin-left: 10px;padding-left: 10px;}
.header .slogan p { font-size: 18px; color: #333;}
.header .tel {margin-left: 10px;padding-left: 35px;height: 118px;line-height: 118px;border-left: 1px solid #f4f4f4;float: right;font-size: 20px;color: #01a0e2;font-family: "DIN Medium";}
.header .tel  i { margin-right: 5px; display: inline-block; vertical-align: middle; width: 15px;}
.header .tel  span { display: inline-block; vertical-align: middle;}
.navBar{float: right;z-index:9;height:118px;line-height:118px;}
.navBar li{position:relative; float:left;}
.navBar li > a{position:relative;display:block;padding: 0 22px;font-size: 18px;color: #333;}
.navBar li > a::after { content: ''; display: block; transform: scaleX(0); transition: all .8s; position: absolute; margin-left: -15px; left: 50%; bottom:35px; width: 30px; height: 3px; background: #01a0e2;}
.navBar li.cur>a,.navBar li:hover>a{color:#01a0e2;}
.navBar li.cur > a::after,.navBar li:hover > a::after { transform: scaleX(1);}
.header .nav-btn { display: none;}

/*--dropDown--*/
.dropDown{display: none;position:absolute;z-index:999;left:0;top:100%;min-width:100%;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);overflow: hidden;}
.dropDown a{display:block;padding:0 30px 0 15px;height:45px;line-height: 45px;white-space: nowrap;font-size:15px;}
.dropDown a:before{display: inline-block;margin-right:10px;content:"-";}
.dropDown a:hover{color:#01a0e2;}
/*--end dropDown--*/

@media(max-width:1700px){
.header {padding: 0 1%;}	
.navBar li>a{padding:0 12px;}
.header .tel { margin-left: 10px; padding-left: 10px;}
}
@media(max-width:1300px){
.header { padding: 0 15px; height: 60px;}
.navBar{display:none;}
.header .nav-btn {position: absolute;right: 0;top: 0;text-align: center;display: block;width: 60px;height: 60px;line-height: 60px;}
.header .nav-btn i { font-size:24px;}
.header .tel { display:none;}
.header .logo { margin: 12px 0; width: 120px;}
.header .slogan { margin: 10px 0; margin-left: 10px; padding-left: 10px;}
.header .slogan p { font-size: 14px;}
}

/* header end  */



/* footer */
.footer {padding-top: 100px;background: url(../images/ft-bg.jpg) no-repeat center;width: 100%;height: auto;background-size: cover;}
.footer .ft-info { padding-bottom: 80px; overflow: hidden; border-bottom: 1px solid #303030;}
.footer .ft-info dl {float: left;margin-right: 155px;}
.footer .ft-info dl dt a { font-size: 20px; color: #fff;}
.footer .ft-info dl dd { margin-top: 40px; overflow: hidden;}
.footer .ft-info dl dd a { display: block; font-size: 15px; line-height: 30px; color: #999;}
.footer .ft-info dl:nth-child(4) { margin-right: 0;}
.footer .ft-info dl:nth-child(2) dd {width: 180px;}
.footer .ft-info dl:nth-child(2) dd a { float: left; width: 50%;}
.footer .ft-info dl:nth-child(2) dd a:nth-child(odd) {background: url(../images/ft-icon.png) no-repeat 85%;}
.footer .ft-info .ft-number { float: right; text-align: right;}
.footer .ft-info .ft-number .number-logo a { display: inline-block; width: 350px;filter:contrast(0%) brightness(200%);-webkit-filter: contrast(0%) brightness(200%);-moz-filter: contrast(0%) brightness(200%);-ms-filter: contrast(0%) brightness(200%); -o-filter: contrast(0%) brightness(200%);}
.footer .ft-info .ft-number .number-logo p {  padding-bottom: 20px;  margin-top: 10px; border-bottom: 1px solid #2e2e2e; font-size: 20px; color: #fff;}
.footer .ft-info .number-tit { margin-top: 25px;}
.footer .ft-info .number-tit p { font-size: 15px; color: #999;}
.footer .ft-info .number-tit em { display: block; font-size:24px; color: #01a0e2; font-family: "DIN Medium";}
.footer .ft-info .number-tit a { margin-top: 40px; display: inline-block; width: 125px; height: 40px; line-height: 40px; font-size: 15px;  color: #fff; background: #01a0e2; text-align: center;}
.footer .ft-info .number-tit a i { margin-right: 5px; display: inline-block; vertical-align: text-top; width: 20px;}
.footer .ft-address { padding: 30px 0 25px;font-size: 14px; color: #999; overflow: hidden; border-top: 1px solid #070707;}
.footer .ft-address .address-fl {float: left;}
.footer .ft-address .address-fr {float: right;}
.footer .ft-address a { margin-left: 10px; color: #999;}
.footer .ft-link { overflow: hidden; padding-bottom: 40px; overflow: hidden;}
.footer .ft-link dl {  float: left; width: 75%; font-size: 14px; color: #999;}
.footer .ft-link dl  a { color: #999;}
.footer .ft-link .links-sq  { float: right; font-size: 14px; color: #999;}
.footer .ft-link .links-sq a { color: #999;}
.footer .ft-link dl dt,.footer .ft-link dd { display: inline-block;}
.footer .ft-link dd a { margin-left: 10px;}
.footer .ft-info dl a:hover { color: #01a0e2 !important;}
.footer .ft-address a:hover {color: #01a0e2 !important;}
.footer .ft-link a:hover {color: #01a0e2 !important; }
@media (max-width:1440px) {
	.footer .ft-info dl {margin-right: 100px;}
}
@media (max-width:1200px) {
	.footer { padding: 40px 15px 0;}
	.footer .ft-info  dl { display: none;}
	.footer .ft-info .number-tit { display: none;}
	.footer .ft-info { padding-bottom: 20px;}
	.footer .ft-info .ft-number { float: none; text-align: left; width: 100%;} 
	.footer .ft-info .ft-number .number-logo a { width: 120px;}
	.footer .ft-info .ft-number .number-logo p { margin-top: 10px; padding-bottom: 10px; border: none; font-size: 16px;}
	.footer .ft-address { border: none;}
	.footer .ft-address .address-fl { float: none; overflow: hidden;}
	.footer .ft-address .address-fl a { margin: 10px 0 0 0; display: block;}
	.footer .ft-address .address-fr { float:none; width: 100%; }
	.footer .ft-address .address-fr a { margin: 10px 10px 0 0; display: inline-block;}
	.footer .ft-link { display: none;}
}
/* footer end  */