/*header*/
.header{width: 100%;/*background-color:rgba(255,255,255,0)!important*/position:fixed;top: 0;left: 0;z-index: 999;transition: all 0.6s ease;}
.header::before{ content: ''; width: 100%; height: 1px; background-color: rgba(255,255,255,0.2); position: absolute; bottom: 0; left: 0;}
.header .box{  box-sizing: border-box; position: relative; width: 1300px; font-size: 0; margin:0 auto}
.headerLogo{float: left; margin-top:5px;}
.headerLogo a{display: block; width: 141px; height: 100px;background: url(../images/logo.png)  no-repeat; background-size: auto 96px;transition: all 0.6s ease;}
/*
.headerTel{ position: relative;  display: inline-flex; vertical-align: middle; height: 80px; background-color: rgba(255,255,255,0); align-items: center;justify-content: space-between; padding: 0 20px;}
.headerTel::before{ content: ''; width: 1px; height: 100%; background-color: rgba(255,255,255,0.2); position: absolute; left: 0; top: 0;}
.headerTel .iconT{  font-size: 40px; color: #fff;}
.headerTel span{ display: inline-block; margin-left: 0; font-size: 25px; color: #fff; }
*/


.header .nav{ vertical-align: middle; margin-right: 40px; }
.header .nav .nLi{display: inline-block;position: relative;margin-right: 50px;}
.header .nav .nLi h3{padding: 40px 0 20px;transition: all 0.6s ease;}
.header .nav .nLi h3 a{display:block; line-height:30px;font-size:16.5px;color:#fff;font-weight: normal;}

.header .nav .sub{display:none;position:absolute;top:90px;transform: translateX(-50%);left: 50%;width: 140px;background-color:#fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);}

.header .nav .sub a{display:block;text-align: center;font-size: 15px;color: #333;padding:10px 10px;box-sizing: border-box;transition: all 0.6s ease;}



.header .nav .sub a:hover,.header .nav .sub li.on a{ font-weight:bold;color: #0b903d;}
.header .nav .nLi:hover h3 a,.header .nav .nLi#on h3 a{color: #0b903d;}
.header .popnav{width: 80px; position: relative; display: inline-block; margin: 0 40px; vertical-align: middle; cursor: pointer;}
.header .popnav .menu{width: 24px;height: 18px;position: relative;overflow: hidden;float: left;}
.header .popnav .menu .solid{width: 24px;height: 1px;background-color: #fff;transition: all 0.6s ease;}
.header .popnav .menu .solid1{position: absolute;top: 0;left: 0;}
.header .popnav .menu .solid2{position: absolute;top: 0;left: 0;bottom: 0;margin: auto;width: 18px;transition: all 0.6s ease;}
.header .popnav .menu .solid3{position: absolute;bottom: 0;left: 0;}
.onSolid1{transform: rotate(45deg) translateY(11px);left: 8px !important;}
.onSolid2{transform: translateX(-30px);}
.onSolid3{transform: rotate(-45deg) translateY(-11px);left: 8px !important;}
.header .popnav .tit{color: #fff;font-size: 16px;float: right;line-height: 18px;transition: all 0.6s ease;}
.header .popnav:hover .menu .solid{background-color: #0b903d;}
.header .popnav:hover .menu .solid2{width: 24px;}
.header .popnav:hover .tit{color: #0b903d;}
@media (max-width: 1440px) {
    .header .nav{ display: inline-block; vertical-align: middle; margin-right: 0; }
}
@media (max-width: 1366px) {
    .header .nav .nLi{display: inline-block;position: relative;margin-right: 40px;}
}
.is-fixed{box-shadow: 0 0 20px rgba(0,0,0,0.1); background-color: rgba(255,255,255,1); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1); border-bottom: rgba(255,255,255,0);}
.is-fixed .headerLogo a{ background: url(../images/logo.png) no-repeat; background-size: auto 96px; }
.is-fixed .nav .nLi h3 a{color:#333;}
.is-fixed .popnav .menu .solid{background-color: #000;}
.is-fixed .popnav .tit{color: #000;}
.is-fixed::before,.is-fixed .headerTel::before{ display: none;}
.is-fixed .headerTel{  background: url(../images/offer_bg.jpg) no-repeat right top; }
.is-fixed .headerTel .iconT,.is-fixed .headerTel .iconT{   color: #fff;}
.is-fixed .headerTel .iconT,.is-fixed .headerTel .tubiao { background: url(../images/offer_bg.jpg) no-repeat right top;}