*{margin:0; padding:0;}
body {font-size:13px; font-family:"微软雅黑"; line-height:23px;color:#585858; background:#ffffff; min-width:1200px}
.clr{clear:both; font-size:0; line-height:0;zoom:1}
ul, li { list-style:none;margin:0; padding:0;}
img { border:none; }
td {FONT-WEIGHT: normal;FONT-SIZE: 13px;COLOR: #5A5A5A;LINE-HEIGHT: 20px;TEXT-DECORATION: none;}
.fl{ float:left}
.fr{ float:right;}
.mag20{ margin-top:20px;}
.clearBoth{line-height:1px;height:1px;clear:both}
.wrap{width:1200px;margin: 0 auto 0;}
.min1200{ min-width:1200px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
a{text-decoration:none;color:#656566;}
a:hover{text-decoration:none;color:#f3782a;}
.padd30{padding-top:30px;}
/*==================================head===========================================*/
.header {z-index: 1000;position: fixed;top: 0;height: 100px;width: 100%;background: #fff;-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);}
.index .header{background: transparent;}
.index .header::before{position: absolute;content: "";width: 100%;height: 1px;background: rgba(255,255,255,.15);left: 0;bottom: 0;}
.index .header.on::before{display: none;}
/*===============下拉==============*/
@keyframes move_wave {
    0% {transform: translateY(0) rotateX(0) scaleY(1)}
    50% {transform: translateY(-25%) rotateX(180deg) scaleY(.55)}
    100% {transform: translateY(-50%) rotateX(0) scaleY(1)}
}

.header .logo{display: inline-block; margin-top: 27px; float: left;transition: all .5s;}
.header .logo img{display: block;width: 100%;}
.logo-wave{width: 230px;height:76px;position:relative;overflow:hidden;}
.logo-wave1{width: 230px;height:76px;position:relative;overflow:hidden;}
.index .header .logo .logo-wave{width: 230px;height: auto;}
.index .header .logo.on,.index .header.on .logo{display: none;}
.index .header.on .logo.on{display: block;}
.header.on{background: #fff;}
.navbar{float: left;margin-left: 24px;}
.navbar *{-webkit-box-sizing: border-box;box-sizing: border-box;}
.category-item{float: left;padding: 0 13px;}
.category-item-single{position: relative;}
.category-a{padding: 0 9px; display: block;font-size: 16px;line-height: 100px;color: #333;-webkit-transition: all .6s;-o-transition: all .6s;transition: all .6s;position: relative;}
.index .header .category-a{color: #fff;}
.index .header.on .category-a{color: #333;}

.category-a::after{content: '';width:0;height: 3px;background: #0e68c3;background-size: cover; position: absolute;bottom: 0;left:50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: all .8s;-o-transition: all .8s;transition: all .8s;}
.category-item.active .category-a::after,.category-item:hover .category-a::after{width: 100%;}
.category-item.active .category-a,.category-item:hover .category-a{color:#0e68c3; }
.index .header .category-item.active .category-a,.index .header .category-item:hover .category-a{color:#fff;}
.index .header.on .category-item.active .category-a,.index .header.on .category-item:hover .category-a{color:#0e68c3;}
.category-item.active .category-a{font-weight: bold;}
.index .header .category-a::after{background-color: #fff;}
.index .header.on .category-a::after{background: #0e68c3;}
.header.on{height: 80px;}
.header.on .category-a{line-height: 80px;}
.header.on .logo{margin-top: 17px;}
.header.on .head-tel{padding: 30px 0 30px 26px;color: #333;}

.category-item:hover .dropdown-menu.single{max-height: 450px;opacity: 1;}
.head-tel{float: right;font-size: 16px;color: #333;background: url(/images/head-tel1.png) no-repeat left center;padding: 40px 0 40px 26px;font-family: 'DIN-REGULAR';}
.index .header .head-tel{color: #fff;}
.index .header.on .head-tel{color: #333;}
.language{float: right;position: relative;margin-top: 32px;margin-left: 24px;}
.header.on .language{margin-top: 22px;}
.index .header .head-tel{background-image: url(/images/head-tel.png);}
.index .header.on .head-tel{background-image: url(/images/head-tel1.png);}

/*下拉*/
.xiala{position: absolute;min-width: 550px;border-top: 1px solid #eee; text-align: left; left: -22%;top: 100%;display: none;background: #fff;}
.category-item:hover .xiala{display: block;}

.category-item.navitemx{position: relative;}
.xiala-con{position: relative;padding: 30px 0 40px; font-size: 0;text-align: center;display: inline-block; width: auto;}
.xiala-ul{}
.xiala-li{vertical-align: top; display: inline-block;border-left: 1px solid #eee;}
.xiala-li:first-child{border: none;}

.xiala-li ul{}
.xiala-li li{text-align: left;}
.xiala-li li>a{display: block;font-size: 16px;line-height: 48px;color: #666;padding: 0 40px;}
.xiala-li li>a:hover{color: #0e68c3;}
.xiala-li li.on>a{color: #0e68c3;}
.xiala-li.xiala-right ul{display: none;}
.xiala-li.xiala-right ul.on{display: inline-block;}

/*.heads{width:100%; background:#f8f7f7; overflow:hidden; line-height:40px; border-bottom:1px solid #e9e8e8;}
.red{ color:#dc2504}
.por{position: relative;}
header{position: fixed;left: 0;top: 0;height: 92px;min-width: 1200px;z-index:10;opacity: 1;width:100%;background:#fff;box-shadow:0px 0px 3px #000}
.header-box{ width:1200px;height:92px;position: relative;min-width: 1200px; margin:auto;}
.header-box .logo{float:left;height: 90px; width:330px; padding-top:5px;}
.header-box .menu{float:right;width:870px;height:90px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{ margin:auto; height:90px; line-height:90px; position:relative; z-index:1;}
.nav a{ color:#4d4d4d;  }
.nav .nLi{ float:left; width:96px; position:relative;height:90px; display:inline;}
.nav .nLi a{ display:block; color:#4d4d4d; font-size:16px;}
.nav .nLi a:hover{color:#122a88}
.nav .nLi h3{ float:left; width:95px;font-size:17px; text-align:center; font-weight:normal}
.nav .nLi span{ float:left; text-align:center; width:100%;}
.nav .sub{ display:none; width:150px; left:0; top:90px;  position:absolute; background:#f3f3f3;  line-height:26px; padding:5px 0;  }
.nav .sub li{ zoom:1; line-height:30px;}
.nav .sub a{ display:block; padding:0 10px; color:#4d4d4d; font-size:13px;}
.nav .sub a:hover{ background:#ffd3a4; color:#000000;}
.nav .nLi:last-child a{ color:#dc2504}
/*===================foot===============================*/
.foot_bg{ width:100%; margin:auto; background:#13225c; padding:58px 0 20px 0; overflow:hidden;}
.foot1{ width:1200px;margin:auto; overflow:hidden}
.foot1 .footL{ width:300px; float:left; border-right:1px solid #475484;}
.foot1 .footL p{ float:left;padding-top:15px; color:#e2e8fc; line-height:30px;}
.foot1 .footR{ float:right; width:800px;}

.footMenu{float:left;}
.footMenu li a{ background:url(../images/foot_ico.png) no-repeat 0 50%; padding-left:10px; float:left; color:#d7d7d7;font-size:13px; line-height:30px; width:180px;}
.footMenu li a:hover{ color:#f28300;}
.footMenu h3{ font-size:16px; line-height:40px; font-weight:bold; color:#d7d7d7; font-weight:normal;position: relative;}
.footMenu h3:after {content: '';position: absolute;bottom: 0;left:0; width:80px; height:2px;background-color: #e2e8fc;}
.footMenu1{float:left; width:380px;}
.footMenu1 li a{ background:url(../images/foot_ico.png) no-repeat 0 50%; padding-left:10px; float:left; color:#d7d7d7;font-size:13px; line-height:30px; width:150px;}
.footMenu1 li a:hover{ color:#f28300;}
.footMenu1 h3{ font-size:16px; line-height:40px; font-weight:bold; color:#d7d7d7; font-weight:normal;position: relative;}
.footMenu1 h3:after {content: '';position: absolute;bottom: 0;left:0; width:80px; height:2px;background-color: #e2e8fc;}

.copyright{ width:100%; background:#04134d; text-align:center; line-height:30px; color:#9198af; padding:15px 0px;}
/*客服*/
.kf {transition: .8s;z-index: 999999;background-color: transparent; position: fixed;bottom: 100px;right: 20px;width: 62px;border-radius: 5px;}
.kf span {z-index: 1000001;transition: .5s;cursor: pointer;position: relative;display: block;width: 64px;height: 64px;border-radius: 5px;margin-bottom: 10px;margin-top: 10px;background: #b5b5b5 }
.kf .zx a{background-position: 0 0;background:url(../online/kefu-zx.png)no-repeat center top 12px;}
.kf .back_top a{ border: none; background:url(../online/kefu-top.png)no-repeat center top 18px;}
.kf span a { transition: .5s; display: block;height: 100%; color: #fff;line-height: 24px; font-size: 13px;  text-align: center;padding-top: 36px;border-radius: 5px;}
.kf span div i {display: block; position: absolute;width: 15px;height: 200px;right: -15px;top: 0;}
.kf .freetel a{background:url(../online/kefu-qq.png)no-repeat center top 12px;}
.kf .inlinebj a{background:url(../online/kefu-bj.png)no-repeat center top 12px;}
.kf .zxlya a{background:url(../online/kefu-ewm.png)no-repeat center top 16px;}
.kf span:nth-child(4) div {white-space: nowrap;}
.kf a{display:block;height: 68px;position:absolute;top:0;right:0;width: 100%}
.shou{ -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);}
.kf .zxlya .erweima{display: none;width: 140px; right: 64px;position: absolute;top: -45px; background: #fff; padding: 15px; text-align: center;box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);border-radius: 5px;}
.shou{z-index: 1000000;cursor: pointer;width: 30px;height: 40px;top: 47%;margin-top: -15px;border-radius: 5px 0 0 5px;right: 62px; background:transparent url(../online/zk1.png)no-repeat center left;position: absolute;box-shadow: none;}

.teldb{width: 49.5%; background: rgba(0,0,0,0.6); background-size: contain; margin: 0 1px;position: relative;}
.teldb img{ display: inline-block; vertical-align: middle; margin-right: 10px;}
.teldb a{ color: white; }
.kf span:hover{background: #0e68c3;background-size: cover;}
.kf span:hover a{background-color: transparent;}