.h_nav2{ width: 60px; height: 60px;background: linear-gradient(45deg,#1694c6,#36d5c1); align-items: flex-end; padding: 18px 8px ;  }

 .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: 70px; 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.25); position: relative;}
 .nav li.go-child>a{ line-height: 60px; padding: 0 20px; font-size: 16px;}
 
 .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; }







.searchBtn i{ font-size:25px!important;}
.searchBtn { margin-top:5px; margin-left:0px;}
body{ font-size: 13.5px;}
.headerSearch{ display: none;}
.language{ width: 60px;   height: 60px;}.language .iconfont{ font-size: 16px;}
.nav{ top: 60px;}


.searchBtn i{  margin-left:20px; font-size:20px;}
.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: 50%; 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:#1694c6; color:#fff; width: 100px; height: 60px; border:0px;}
.searchClose{ cursor:pointer; position: absolute; right: 10vw; top: 10vh; z-index: 10; width:60px; width:60px;  line-height:60px; text-align:center;background:#1694c6;border-radius:50px;}
.searchClose i{ color:#fff; font-size:20px;}
.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(-45deg); -webkit-transform:; -moz-transform:; -ms-transform:; -o-transform:;}

.logotex{ margin-left:5px;}
.logotex img{ margin-top:5px;}
.logotex .logoname1{ font-size:16px; color:#333;}
.logotex .logoname2{ font-size:11px;color:#666;}

header{ height:60px; background:#fff; position:fixed; z-index:1111; width:100%;}

@media screen and (max-width:750px) {
.logo img{ height: 40px;}

nav{ display: none !important;}

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

}