.header{position:fixed;z-index:5;left:0;top:0;width:100%;padding: 0 6%;border-bottom: 2px solid #f3f3f3;}
.header .logo{height:80px;line-height:80px;overflow:hidden}
.header nav ul li{position:relative;float:left;padding:0 25px}

.header nav ul li:hover{border-bottom:1px solid #bda87d;color:#eda006;}
.header nav ul li:hover a{color: #eda006;}

.header nav ul li.cur a::after,.header nav ul li:hover a::after{-webkit-transform:scale(1);transform:scale(1)}
.header nav ul li:hover .sub-nav{visibility:visible;opacity:1;top:90px}
.header nav ul li>a{position:relative;height:90px;line-height:90px;color:#fff;font-size:16px;display: block;}
/* .header nav ul li>a::after{position:absolute;content:'';left:0;bottom:0;width:100%;height:2px;background:#fff;transform:scale(0,1);-webkit-transform:scale(0,1);transition:all .3s;-webkit-transition:all .3s} */
.header nav ul li .sub-nav{visibility:hidden;opacity:0;z-index:1;top:100px;left:50%;width:132px;color:#fff;background:rgba(0, 0, 0, 0.3);transform:translateX(-50%);-webkit-transform:translateX(-50%);transition:all .5s;-webkit-transition:all .5s}
.header nav ul li .sub-nav a{display:block;line-height:42px;padding:0px 10px;text-align:center}
.header nav ul li .sub-nav a:hover{background:#bda87d; color:#fff;}
.header .language{padding-top: 32px;padding-right: 30px;}
.header .language a{color: #333;font-size: 16px;}
.header .language a:hover{color: #bda87d;}
.header .header-right,
.header .header-mid{ float:right;margin-top: 26px;}
.header .header-right > *{  position:relative;}
.header .open-search{ position:relative;width:20px; height:20px;margin-top: 8px; background:url(../images/seh.png) no-repeat center center; background-size:contain; display:block;}
.header .open-search-show{ background:none;}
.header .open-search-show::before,
.header .open-search-show::after{ position:absolute; content:''; width:20px; height:2px; background:#bda87d; transform:rotate(45deg); left:0; top:50%; margin-top:-1.5px;}
.header .open-search-show::after{ transform:rotate(-45deg);}
.header .search-box{ display:none;    position:absolute;margin-top: 10px; right:0; top:100%;width:300px; z-index: 111;}
.header .search-box .text{width:100%;  padding:10px; border:2px solid #bda87d;}
.header .search-box .btn{ position:absolute; right:0; top:0; width:42px; height:42px;border : 0; background:url(../images/seh.png) no-repeat center center; background-size:50% auto;}
.motop{width:100%;
    height:70px;
    position: fixed;
    padding:0 4%;
    z-index:999999;
    display: none;
   background: #fff;
    border-bottom: 1px solid #fff;
    box-sizing: border-box;
    -webkit-transition: all .53s;
   -moz-transition: all .5s;
   -ms-transition: all .5s;
   transition: all .5s;
   border-bottom: 1px solid #ebebeb;
}
.motop.on{background: #fff}
.mologo{margin:0 auto;
     float:left;
}
.mologo a{line-height: 70px;
}
.mologo a span{font-size: 12px;
              margin-left: 6px;
}
.mologo img{width:200px;
         vertical-align: middle;
}
.monav{
     margin-top:23px;
     cursor:pointer;
     position: absolute;
     right:4%;
     width:30px;
     height:22px;
}
.monav span{width:24px;
         height:2px;
         display: block;
         background: #333;
         position: absolute;
         transition:all .5s;
}
.monav .s1{top:5px;}
.monav .s2{top:11px;}
.monav .s3{top:17px;}
.monav .s1.on{transform:rotate(45deg);
        top:10px;
}
.monav .s2.on{opacity: 0;}
.monav .s3.on{transform:rotate(-45deg);
        top:10px;
}
.navdown{width:100%;
    background: #fff;
    position: fixed;
    top:70px;
    z-index: 9999;
    display: none;
    border-top:1px solid #eee;
    padding-bottom: 40px;
    text-align: center;
}

.navdown>ul>li{line-height: 46px;
          font-size:16px;
          color:#333;
          position: relative;
          cursor:pointer;
          width:92%;
          margin:0 auto;
          border-bottom:1px dashed #e6e6e6;
          
          
}
.navdown>ul>li a{font-size:14px;
              display: inline-block;
              width: 100%;
              height: 100%;
              color: #333;
}
.navdown>ul>li a:hover{color:#26add8;}
.navdown .ul2{display: none;}
.navdown .ul2 li{line-height: 46px;
                border-top:1px solid #e6e6e6;
                position: relative;
               
}

.navdown .ul2 li a{margin-left: 1%;
                   font-size:12px;
                   color:#333;
                   width:100%;
                   height:100%;
                   display: block;

}
.navdown .ul2 li a i{position: absolute;
                     right:4%;


}
.navdown>ul>li>a>i{
 position: absolute;
 right: 4%;
 -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s;

}
.navdown>ul>li>a>i.on{-webkit-transform: rotate(90deg);
                        -moz-transform: rotate(90deg);
                        -ms-transform: rotate(90deg);
                         transform: rotate(90deg);
}

.navdown .language{margin-left: 4%;line-height: 60px;}
@media(max-width:1580px){
	.layui-container1600 { width: 1530px;}
        .header nav ul li{position:relative;float:left;padding:0 20px}

}
@media(max-width:1440px){
      

}
@media(max-width:1280px){
	   .header .logo img{width:95%;}
       .header .logo{width:44%;}
        .header nav ul li{padding:0 15px;}
}
@media(max-width:1200px){
	   .header .logo img{width:95%;}
       .header .logo{width:44%;}
        .header nav ul li{padding:0 10px;}
}
@media(max-width:1100px){
	.mologo img{width:80%;}
        .motop{display: block;}
        .header{display: none;}
        .header nav ul li{padding:0 15px;}
}


@media(max-width:768px){
        .header .language {display: none;}

}