body{font-size: 16px;} 


.w90{ width: 86%; margin: 0 auto; }
header{ width: 100%; position: fixed;  top: 0; left: 0;  width: 100%;  z-index: 100; color: #fff; 
     /* background-image: linear-gradient(to bottom,rgba(0,0,0,.5),transparent);*/border-bottom: 1px solid rgba(255,255,255,0.1);} 
header::after{ width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; z-index: 1; display: block; content: ''; background-color: rgba(255, 255, 255, .2); transition: all .3s;}

header .logo .icon1{ display: none;}
header .con{ padding-left: 10px;}


.ertxt{ margin-left:10px; }
.ertxt .ab1{ font-size:22px; color:#fff; font-weight:bold}
.ertxt .ab1 span{ color:#d90001;}
.ertxt .ab2{ font-size:9px; text-transform:uppercase; color:#fff}

header.bg.scroll .ertxt .ab1{ color:#000;}
header.bg.scroll .ertxt .ab2{ color:#555;}

header::before{ width: 100%; height: 0; position: absolute; left: 0; top: 0;/*background-color: rgba(255,255,255,0.8);*/
/*border-bottom: 1px solid rgba(255,255,255,0.7);*/display: block; content: ''; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
header.bg::before{ height: 100%; } 
header.bg::after{ width: 0;}
header.bg.scroll{color: #333;box-shadow: 0 0 10px rgba(0,0,0,.15);}
header.bg .logo .icon1{ display: block;}
header.bg .logo .icon2{ display: none;}
/*header.bg .language,header.bg .headerSearch{  border-color: #e5e5e5;}*/
header.bg.scroll{ background:#fff;}

nav li{ flex: 1; text-align: center; position: relative;}
.OneNav{ font-size: 18px; line-height: 90px;  height: 90px; width: 100%; white-space: nowrap; display: flex; align-items: center; justify-content: center; position: relative;}
.OneNav span{ position: relative; display: inline-block;}
.OneNav span::after{ width: 100%; height: 3px; position: absolute; left: 0; bottom: 0; transition: all .36s; transform: scale(0,1); background-color:#fff; display: block; content: ''; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-transform: scale(0,1); -moz-transform: scale(0,1); -ms-transform: scale(0,1); -o-transform: scale(0,1); }
nav li.on .OneNav span::after,nav li:hover .OneNav span::after{ transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); }
nav li.on .OneNav,nav li:hover .OneNav span{ color:#fff;}

header.bg  .OneNav span::after{ background-color: var(--blue);}
header.bg nav li.on .OneNav,header.bg nav li:hover .OneNav span{ color: var(--blue);}

.z5{ height:60px;}


 .h_nav2{  padding: 11px 8px ;    padding-left: 12px;
} 
 .h_nav2 .burger{ width: 100%;  height: 1px ; background: #fff;  transition: .8s; display:inline-block;       }
 .h_nav2 .burger:first-child{  width: 100%;/*animation: long 2s linear infinite; -webkit-animation: long 2s linear infinite;*/ }
 .h_nav2 .burger:nth-of-type(2){  width: 100%;}
 .h_nav2 .burger:nth-of-type(3){ /*animation: long 3s linear infinite; -webkit-animation: long 3s linear infinite;*/  width: 100%;}
 .h_nav2.close .burger:first-child{ display: none;}
 .h_nav2.close .burger:nth-of-type(3){ display: none;}
 .h_nav2.close .burger:nth-of-type(2) {    position: relative;    z-index: 1; width: 80%;}
 .h_nav2.close .burger:nth-of-type(2):before, .h_nav2.close .burger:nth-of-type(2):after {      content: '';   position: absolute;      top: 0;      left: 0;      width: 100%;      height: 100%;      background: #fff;      opacity: 0;      z-index: 1;}
 .h_nav2.close .burger:nth-of-type(2) {    background: transparent;    transform: rotate(-180deg); }
 .h_nav2.close .burger:nth-of-type(2):before, .h_nav2.close .burger:nth-of-type(2):after {      opacity: 1;      transition: all .3s; }
 .h_nav2.close .burger:nth-of-type(2):before {     transform: rotate(45deg); }   .h_nav2 .burger:nth-of-type(2):after {     transform: rotate(-45deg); }


 .nav{ color: #fff !important; width: 100%; height: calc(100vh - 60px) ; transition:all .6s ; transform: translateX(100%); background-color: #000; position: fixed; top: 60px; right: 0; flex-direction: column; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); -webkit-transition:all .6s ; -moz-transition:all .6s ; -ms-transition:all .6s ; -o-transition:all .6s ; }
 .nav.show{ transform:translateX(0) ;  -webkit-transform:translateX(0) ; -moz-transform:translateX(0) ; -ms-transform:translateX(0) ; -o-transform:translateX(0) ; }
 .nav li.go-child{ border-top: 1px solid rgba(255, 255, 255, 0.1); position: relative; text-align:center;}
 .nav li.go-child>a{ line-height: 60px; padding: 0 20px; font-size: 16px; color:#fff;}
 
 .erji{ width: 60px; height: 60px; position: absolute; right: 0 ; top: 0; display: flex; align-items: center; justify-content: center; font-size: 30px; z-index: 10;
  background: url(../images/jia.png) no-repeat center center; background-size: 40% auto;}
  .nav li.go-child.on .erji{ background: url(../images/jian.png) no-repeat center center; background-size: 40% auto;}
 .nav-down li a{ line-height: 50px; border-top: 1px solid rgba(255, 255, 255, 0.25); display: block; padding-left: 25px; font-size: 14px; opacity: 0.8; color:#fff;}



.searchBtn i{ color:#4e9324; font-size:30px!important; }
.pop{ width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 200; display: none;}
.popbg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background-color: rgba(0, 0, 0, .8);}
.searchCon{ position: absolute; top: 30%; left: 50%; transform: translate(-50%,-50%); z-index: 10; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.searchCon .text{ width: 60vw; height: 60px; padding-left:10px;}
.searchCon .submit{ background:#4e9324; color:#fff; width: 100px; height: 60px; border:0px;}
.searchClose{ background:url(../images/wap_close1.png) no-repeat center #4e9324; background-size:20px;cursor:pointer; position: absolute; right: 10vw; top: 10vh; z-index: 10; height:40px; width:40px; border-radius:50px; line-height:40px; text-align:center;}
.searchClose i{}
.searchClose .iconfont{ transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.searchClose:hover{ color: #fff;}
.searchClose:hover .iconfont{ transform: rotate(225deg); -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); }
.flex-center-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

*, *:before, *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

@media screen and (max-width:750px) {
	   .logo img{ height:40px;}
    .searchBtn i{ font-size:20px!important;}
.searchBtn { margin-left:0px;}
    body{ font-size: 12px;}
    .w90{ width: 100%;  padding: 0 20px;}

     .headerSearch{ display: none;}
    .language{ margin-left:15px;  color:#fff; margin-right:15px; font-size:13px; border:1px solid #fff; width:30px; height:30px; border-radius:50px; text-align:center; line-height:30px;}.language .iconfont{ font-size: 16px; color:#4e9324}
    .h_nav2{ width: 45px; height: 40px; background:none;}

  header.bg.scroll .h_nav2{background:#4e9324;}
  .searchBtn{ background:url(../images/wap_sea1a.png) no-repeat center; width:30px; height:30px; background-size:13px; border:1px solid #fff; border-radius:50px; text-align:center; line-height:30px;}
   header.bg.scroll .language{  color:#4e9324; border:1px solid #4e9324; }
  header.bg.scroll .searchBtn{border:1px solid #1d1d1d;background:url(../images/wap_sea1.png) no-repeat center;background-size:13px; }
  
  
    header .right{ width: auto; justify-content: flex-end;}
    nav{ display: none !important;}

    .h_nav2 {display: flex;margin-left: 0;}
    .h_nav2.close{align-items: center; justify-content: center;}
   
    


}