#header{position:relative; height:0; width:86%; margin:0 auto; z-index:999;}
#header .logo_nt{ position:absolute; top:20px; display:block; width:286px;}
#header .logo_nt img{ width:100%;}

#menu{ width:900px; z-index:999; position:absolute;top:20px; right:150px;}
#menu_btn{ display:none;}

/*#lan1{position:absolute;top:45px; right:0; width:120px; height:35px; background:#059839; border-radius:35px; color:#fff !important;}
#lan1 a{}*/

.language_box { position: absolute;  right: 0; top:45px; width: 120px;height: 35px; color:#fff; white-space: nowrap; overflow: hidden; }
.language_box a { transform: translate(-120px, 0); text-indent:16px; font-size: 14px; display: inline-block; color: #fff; text-transform: uppercase; width: 100%; height: 100%; line-height: 35px; background:#059839 url(../images/lanbg.png) 88% center no-repeat; text-align: left; vertical-align: top; border-radius:35px; }
.language_box:hover a { transform: translate(0, 0); }
.language_box:hover:after { animation: sanjiao 0.3s ease 0s; }
.language_box a.on {/* background: #e62129; color: #fff; */ }
.language_box a:first-child {/* margin-left: 0;*/ }
.language_box.sanjiao-B:after { position: absolute; left: 65px; top: 50%; margin-left: 0; border-color: #fff transparent transparent transparent; border-width: 5px 5px 0; margin-top: -2.5px; }
@keyframes sanjiao { 50% {
opacity:0;
transform:translateX(8px);
}
}
#mob_lan{ display:none;}

/*导航*/
.wrapper{    width: 1200px;
    margin: 0 auto;}
.clearfix{zoom: 1;}
.clearfix::before, .clearfix::after{    content: '';
    display: table;}
header{height: 95px;border-bottom: 3px solid #8cdc13;background: #fff;}
header .logo{display: block;width: 236px;height: 100%;line-height: 95px;float: left;}
header .logo img{display: inline-block;width: 100%;vertical-align: middle;}
header nav{float: right;height: 100%;}
header nav .n-list{float: left;position: relative;}
header nav .n-list .n-list-a{display: block;padding: 0 15px;font-family: 'Note Sans S';font-size: 18px;color: #2b2b2b;line-height: 95px;transition: .5s;}
header nav .n-list .drop-down{width: max-content;background: #82d618;position: absolute;top: 95px;left: 0;right: 0;z-index: 3;font-size: 16px;padding: 15px 20px;display: none;}
header nav .n-list .drop-down .drop-down-a{display: block;text-align: center;color: #fff;line-height: 40px;transition: .5s;}
header nav .n-list.active .n-list-a{color: #6daf0a;}
header nav .n-list:hover .n-list-a{color: #6daf0a;}
header nav .n-list .drop-down .drop-down-a:hover{background: #6daf0a;}

/*底部*/
footer{background: #161616;padding-top: 40px;}
footer .f-nav{float: left;margin-bottom: 30px;}
footer .f-nav .f-nav-list{float: left;margin-right: 75px;}
footer .f-nav .f-nav-list:last-child{margin-right: 0;}
footer .f-nav .f-nav-list p{font-size: 17px;color: rgba(255,255,255.5);margin-bottom: 10px;}
footer .f-nav .f-nav-list a{display: block;font-size: 14px;color: #fff;opacity: .2;line-height: 30px;}
footer .f-nav .f-nav-list a:hover{opacity: .5;}
footer .f-nav .f-nav-list .dz{font-size: 14px;color: #fff;opacity: .2;line-height: 30px;}
footer .wxcode{float: right;}
footer .wxcode img{display: block;width: 120px;}
footer .wxcode p{text-align: right;font-size: 14px;color: rgba(255,255,255,.2);}
footer .bq{font-size: 12px;color: rgba(255,255,255,.2);text-align: center;line-height: 40px;}
.mobfoot{display: none;}
.header2{height:60px;position:fixed;background:#fff;border-bottom:1px solid rgba(255,255,255,.2);z-index:22;top:0px;width:100%;display: none;}
.header2 .main-wrap{height:60px;padding:0 3%;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1)}
.header2 .logo{width:220px;margin-top:0px;overflow:hidden}
.header2 .logo a{display:block}
.header2 .logo img{vertical-align:top;width: 100%;    height: 100%;}
.header2 .nav-btn{width:25px;height:16px;position:relative;cursor:pointer;margin-top:22px;float: right;    display: inline;}
.header2 .nav-btn.active{-webkit-animation:rotate .5s linear 0s;animation:rotate .5s linear 0s;background:0}
.header2 .nav-btn .line{display:block;width:100%;height:2px;border-radius:2px;background-color:#333;position:absolute;left:50%;margin-left:-15px;transition:all .3s;}
.header2 .nav-btn .line1{-webkit-transform-origin:4px 0;-ms-transform-origin:4px 0;transform-origin:4px 0}
.header2 .nav-btn .line1.act{transform: rotate(45deg);}
.header2 .nav-btn .line2.act{opacity: 0;}
.header2 .nav-btn .line3.act{transform: rotate(-45deg);}
.header2 .nav-btn.active .line1{top:0px}
/* .header2 .nav-btn.hover .line{background:#fff} */
.header2 .nav-btn .line2{top:7px}
.header2 .nav-btn .line3{bottom:0px;-webkit-transform-origin:1px center;-ms-transform-origin:1px center;transform-origin:1px center}
.header2 .caid{height:55px;line-height:55px;padding-right:10px;position:relative}
.header2 .sub-menu{width:100%;padding:0 3%;display:none;position:absolute;left:0px;top:70px;z-index:2;overflow-y:auto;    box-sizing: border-box;}
.search-bg{    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 20;
    background-color: #333;
    display: none;}
.header2 .sub-menu ul{width:100%;overflow-y:auto;height:calc(100vh - 55px - 1.5rem)}
.js-m-3{opacity:0;-webkit-transform:translate(30px,0);-ms-transform:translate(30px,0);transform:translate(30px,0);-webkit-transition:all .8s ease;transition:all .8s ease}
.js-m-3.animate{opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
.header2 .sub-menu li{border-bottom:1px solid #555;font-size:16px;padding:0 20px}
.header2 .sub-menu .tit{display:inline-block;text-decoration:none;width:80%;line-height:60px;color:#fff;position:relative;box-sizing:border-box}
.header2 .sub-menu .sub-tit.on{background-color:#e9e9e9}
.header2 .sub-menu .sec-list{line-height:40px;padding:10px 0%;display:none}
.header2 .sub-menu .jt{position:relative;display:inline-block;width:10%;height:60px;text-align:center;background:0;float:right}
.header2 .sub-menu .jt:after{content:'';display:block;width:26px;height:26px;background:url(../images/rbqbhf1-1agesympaaaaajlfatq816.png) no-repeat center;background-size:17px auto;position:absolute;right:3%;top:15px}
.header2 .sub-menu .jt.jtRote:after{background:url(../images/rbqbhv1-1y6ektxnaaaaailzzm0174.png) no-repeat center;background-size:20px auto}
.header2 .sub-menu .sec-list p{background:url(../images/rbqbhvzedjgefkuaaaaaagbohja006.png) no-repeat left center;background-size:3px auto;font-size:14px}
.header2 .sub-menu .sec-list a{padding-left:5%;color:#a0a0a0;display:block}
.header2 .sub-menu .sec-list a:active{color:#fff}
.header2 .mo_tel{font-size:16px;color:#fff;font-weight:bold;line-height:60px}
.header2 .mo_tel .iconfont{line-height:40px;height:40px;width:30px;display:inline-block}
.header2 .mo_tel .iconfont:before{content:'\e628';color:#fff;font-size:20px}
.header2 .mo_lan{line-height:60px}
@media only screen and (max-width: 1200px){
.header2{display: block;}
header{display: none;}
footer{display: none;}
#w_grid-1572242243834{margin-bottom: 60px;}
.mobfoot{position: fixed;bottom: 0;left: 0;width: 100%;height: 52px;background: #006536;z-index: 9;padding-top: 0;}
.mobfoot a{width: 33.33%;float: left;text-align: center;font-size: 12px;color: #fff;display: block;}
.mobfoot a img{height: 18px;margin: 8px auto 4px;}
.mobfoot{display: block;}

}
@media only screen and (max-width:768px){
.header2 .logo img{    width: 70% !important;
    margin-top: 10px !important;}
.ban_img{margin-top: 60px;}
}