.header{overflow: visible;position: fixed;left: 0;top:50px;width: 100%;z-index:999;transition: all .3s;padding: 10px 0;}
.header.white{background: #1b1b1b;top: 0;box-shadow: 0 0 15px rgba(0,0,0,.2)}
.header .logo{height:70px;display: inline-block;}
.header .logo img{max-height:100%;}
.header.white .logo{height:65px;}
/*m-nav-btn*/
.header .m-nav-btn{display: none;position: absolute;width: 20px;height: 14px;cursor: pointer;right: 6.125%;top: 27px;}
.header .m-nav-btn.active .line1{transform: rotate(47deg);}
.header .m-nav-btn.active .line2{display: none;}
.header .m-nav-btn.active .line3{transform: rotate(-47deg);}
.header .m-nav-btn .line{position: absolute;display: block;width: 100%;height: 2px;background-color: #fff;left: 0;transition: all .5s ease;margin: 0;}
.header .m-nav-btn .line1{top: 0;-webkit-transform-origin: left top 0;-ms-transform-origin: left top 0;transform-origin: left top 0;}
.header .m-nav-btn .line2{top: 7px;}
.header .m-nav-btn .line3{top: 100%;-webkit-transform-origin: left bottom 0;-ms-transform-origin: left bottom 0;transform-origin: left bottom 0;}
/*header-lan*/
.header .header-right{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-wrap: wrap;justify-content: space-around; float:right;}
.header .header-mains{transition: all 0.5s; display:block;}
.header .language-a-wrap{height:65px;display: inline-flex;justify-content: space-around;padding: 0 0 0 50px;position: relative;}
.header .language-a-wrap:before{position: absolute;top: 50%;margin-top: -6px;display: inline-block;content: "";height:14px;width: 1px;background: #fff; font-size:0;}
.header .language-a-wrap:before{left:0;}
.header .tel-a {display: inline-block;display:inline; zoom:1;vertical-align:middle;position: relative;line-height:60px;height:60px;transition-duration: .3s;text-align: center;color: #fff;overflow: hidden; font-size:20px;}
.header .language-a {display: inline-block;display:inline; zoom:1; vertical-align:middle;position: relative;width:34px;height:34px;border-radius:50%;line-height:34px;border: 1px solid #000;transition-duration: .3s;text-align: center;color: #fff;overflow: hidden; background:#000000;margin-top:10.5px;margin-bottom:12px;margin-left:40px;}
.header .language-a:hover{color: #1b1b1b;background: #fff;border-color:#fff;}
.header.white .language-a{border-color:#fff;background: #1b1b1b;}
.header.white .language-a:hover{color: #1b1b1b;background: #fff;}
/*header-nav*/
.header .header-nav {flex: 0 0 auto;display: inline-flex; font-size:0;}
.header .header-nav .nav-item{position: relative;flex: 0 0 auto; display:inline-block;display:inline; zoom:1;}
.header .header-nav .nav-top-a1{display: block;font-size: 20px;line-height:65px;padding:0 24px;color:#fff;transition-duration: .3s;}
.header.white .header-nav .nav-top-a1{color:#b3b3b3;}
.header.white .header-nav .nav-item:hover .nav-top-a1{color: #fff;}
.header.white .header-nav .nav-item.cur .nav-top-a1{color: #fff;}
.header .header-nav .nav-sub-wrap{display: none;background: rgba(27, 27, 27, 0.7);position: absolute;left: 0;top: 100%;width:130px;height: auto;}
.header .header-nav .sub-a{display: block;font-size: 12px;line-height:22px;color: #fff;transition-duration: .3s;padding: 11px 20px;border-top: 1px solid rgba(255, 255, 255, 0.2);}
.header .header-nav .sub-a:hover{background: #007937;padding-left: 16px;}
.header .header-nav .nav-sub-wrap .nav-sub-box{
	position: relative;
}
.header .header-nav .nav-sub-wrap .nav-sub-box:hover .nav-three{
	display: block;
}
.header .header-nav .nav-sub-wrap .nav-sub-box .nav-three{
	position: absolute;
	top: 0px;
	left: 100%;
	background: rgba(27, 27, 27, 0.7);
	display: none;
}
.header .header-nav .nav-sub-wrap .nav-sub-box .nav-three a{
	white-space: nowrap;
}
@media (max-width:1440px) {
    .header{top:25px;}
}
@media (max-width:1220px) {
   .header .header-nav .nav-top-a1{padding:0 20px;}
   .header .language-a-wrap{padding: 0 0 0 20px;}
   .header .language-a {margin-left:20px;}
}
@media (max-width:1024px) {
	/*.header .header-mains {justify-content: center; }*/
	.header{top:0!important;background: #1b1b1b;padding:10px 0; }
	.header .logo {display: block; height:60px;}
	.header.white .logo{height:55px;}
	.header .header-right {flex: 0 0 0; }
	.header .header-nav { display:none;width: 100%;max-height: calc(100vh - 68px);overflow: scroll;position: fixed;height: auto;top: 68px;left: 0;padding-bottom: 50px;background: #1b1b1b; }
	.header .header-nav.active {display: block; }
    .header .m-nav-btn {display: block;}
	.header .header-nav .nav-sub-wrap {max-height: 180px;overflow: scroll; }
	.header .header-nav .nav-item {display: block;padding-bottom: 0;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
	.header .header-nav .nav-top-a1 {line-height: 40px;height: 55px;padding: 0;/*margin: 0 6.125%;*/width:100%;color: #fff; }
	.header .header-nav .nav-item{position:relative;margin: 0 6.125%; }
	.header .header-nav .jia{ display:inline-block; position:absolute; top:0; right:0; width:40px; height:40px;z-index:2;background: url(../image/jia2.png) no-repeat right center;transition-duration: .3s;background-size: 15px !important; }
	.header .header-nav .nav-item.m-cur .jia {background: url(../image/jian2.png) no-repeat right center; }
	.header .header-nav .sub-a {padding: 0 1.5%;border-top: none;line-height: 36px;font-size: 20px;}
	.header .header-nav .nav-sub-wrap {position: static;width: 87.5%;margin: 0 auto;background: #1b1b1b; }
	.header .header-nav .sub-a:hover {padding-left: 1.5%;background: none; }
	.header .language-a-wrap{padding:0;position:absolute;top: 16px;right:80px;height:50px;}
	.header .language-a{margin-left:0;margin-top:0;}
	.header .tel-a{ display:none;}
	.header .language-a-wrap:before{display:none;}
	.header .header-nav .nav-sub-wrap .nav-sub-box .nav-three{
		position: static;
		display: block;
		padding-left: 18px;
	}
	.header .header-nav .nav-sub-wrap .nav-sub-box .nav-three a{
		white-space: normal;
		color: rgba(255,255,255,.6);
	}
}
@media (max-width:640px) {
	.header .language-a-wrap{right:13vw;}
}