body{font-size: 16px;} 


.w90{ width: 86%; margin: 0 auto; max-width: 1780px;}
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);*/} 
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;}
.logo img{ height: 65px;}
header .logo .icon1{ display: none;}
header .con{ padding-left: 10px;}


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



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{  background: none; 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;}

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);}




 .h_nav2{  padding: 18px 8px ;    align-items: flex-end; }
 .h_nav2 .burger{ width: 100%;  height: 1px ; background: #fff;  transition: .8s; display:inline-block;       }
 .h_nav2 .burger:first-child{ animation: long 2s linear infinite; -webkit-animation: long 2s linear infinite; }
 .h_nav2 .burger:nth-of-type(2){  width: 50%;}
 .h_nav2 .burger:nth-of-type(3){ animation: long 3s linear infinite; -webkit-animation: long 3s linear infinite; }
 .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{ cursor:pointer;background:#4e9324; position: absolute; right: 10vw; top: 10vh; z-index: 10; width:40px; width:40px; border-radius:50px; line-height:40px; text-align:center;}
.searchClose i{ color:#fff; font-size:15px;}
.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:45px;}
    .searchBtn i{ font-size:20px!important;}
.searchBtn { margin-left:0px;}
    body{ font-size: 12px;}
    .w90{ width: 100%;  padding: 0 20px;}

     .headerSearch{ display: none;}
    .language{ width: 60px;   height: 60px; color:#4e9324}.language .iconfont{ font-size: 16px; color:#4e9324}
    .h_nav2{ width: 60px; height: 60px; background:#4e9324;}

  
    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;}
   
    


}