.tem107-header .header{background:#fff;color:#4e4e4e;position:relative;background-size:100% 100%;background-attachment:fixed;background-position:center;background-repeat:no-repeat}
.tem107-header .headertop{background:inherit;line-height:25px}
.tem107-header .headertop a{color:inherit}
.tem107-header .headertop .container{justify-content:flex-end;background:inherit}
.tem107-header .head_r_one{background:inherit}
.tem107-header .head_r_two{margin-right:10px}
.tem107-header .head_r_one>div{margin-right:10px}
.tem107-header .loginreg a{margin:0 6px}
.tem107-header .select{position:relative;background:inherit}
.tem107-header .selectbox{width:160%;z-index:2;position:absolute;top:25px;left:50%;background-color:inherit;padding:8px 0;transform:rotate3d(0,1,0,90deg) translateX(-50%);transition:.5s;box-shadow:0px 6px 14px rgba(0,0,0,0.1)}
.tem107-header .select.cur .selectbox{transform:rotate3d(0,0,0,0deg) translateX(-50%)}
.tem107-header .selectbox a{padding:0 8px;display:block;text-align:center;word-break:break-all}
.tem107-header .headerbot {height:75px;box-shadow:0 4px 14px rgba(0,0,0,0.08)}
.tem107-header .headerbot .container{height:100%;overflow:hidden;flex-wrap:nowrap}
.tem107-header .box_right{flex:1;-webkit-flex:1;flex-wrap:nowrap}
.tem107-header .logo,
.tem107-header .navbox{height:100%;background:inherit}
.tem107-header .navbox{width:800px;flex:1;-webkit-flex:1;margin:0 48px;position:relative}
.tem107-header .logo img{height:100%}
.tem107-header .no .navfirst{padding-left:24px;padding-right:24px}
.tem107-header .navfirst{padding-left:28px;padding-right:39px;line-height:75px;cursor:pointer;position:relative;transition:.4s}
.tem107-header .navfirst.cur{background-color:var(--main-color)}
.tem107-header .navfirst.cur a,
.tem107-header .navfirst.cur .after_xia{color:#fff;transition:.4s}
.tem107-header .navfirst .after_xia{position:absolute;top:28px;right:18px;color:inherit;font-size:18px}
.tem107-header .navfirst.active{background-color:var(--main-color)}
.tem107-header .navfirst.active .after_xia{top:29px;color:#fff;transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transition:.5s}
.tem107-header .navfirst a{color:inherit}
.tem107-header .navfirst.active a{color:#fff}
.tem107-header .swiper-slide{width:auto}
.tem107-header .search{position:relative}
.tem107-header .search a{width:150px;display:block;text-align:center;line-height:75px;font-size:16px;color:var(--main-color);cursor:pointer}
.tem107-header .search .icon-sousuo2{font-size:18px;display:inline-block;font-weight:bold;transform:translateY(4px);-webkit-transform:translateY(4px);-moz-transform:translateY(4px);-ms-transform:translateY(4px);-o-transform:translateY(4px)}
.tem107-header .serchinput{width:0;height:100%;position:absolute;top:0;left:-150px;z-index:-1;opacity:0;background-color:var(--main-color)}
.tem107-header .formleft{flex:1;-webkit-flex:1;padding:17.5px 10px;position:relative}
.tem107-header .serchinput .icon-sousuo2{position:absolute;top:50%;margin-top:-12px;right:6px;background:transparent;border:none;color:#fff}
.tem107-header .formleft input{color:#fff;outline:none;background:transparent;border:none;border-bottom:1px solid #fff;flex:1;-webkit-flex:1}
.tem107-header .formleft input::-webkit-input-placeholder{color:inherit;opacity:.6}
.tem107-header .search:hover a{background:var(--main-color);color:#fff}
.tem107-header .search.cur .serchinput{z-index:2}
.tem107-header .search .icon-clear{width:75px;line-height:75px;font-size:36px;color:#fff;text-align:center;cursor:pointer;background:rgba(0,0,0,0.1)}
.tem107-header form{height:100%;background:inherit}
.tem107-header .headmain{width:100%;background:inherit;box-shadow:0px 6px 18px rgba(0,0,0,0.1);position:absolute;z-index:1202}
.tem107-header .container{position:relative}
.tem107-header .navchildlist{width:50%;padding:0 3%;border-right:1px solid;border-color:rgba(0,0,0,0.15);margin-bottom:10px}
.tem107-header .navchildlist a{color:inherit;opacity:0.8}
.tem107-header .navchildlist:nth-of-type(2n){border-right:none}
.tem107-header .navchildlist .box{height:100%}
.tem107-header .thridnavbox{opacity:.5;margin-top:8px}
.tem107-header .thridnavlist{width:50%; margin-bottom:4px}
.tem107-header .secondnav .icon-chevron_right{font-size:20px;display:inline-block;transform:translateY(4px);-webkit-transform:translateY(4px);-moz-transform:translateY(4px);-ms-transform:translateY(4px);-o-transform:translateY(4px)}
.tem107-header .secondnav:hover a{opacity:1}
.tem107-header .navchildbox{overflow:hidden}
.tem107-header .navchildbox:not(.showcur){max-height:0 !important}
.tem107-header .navchildbox.showcur{height:auto;opacity:1;padding:15px 0;transition:.5s}
.tem107-header .togglebtn{width:34px;height:34px;background:#fff;display:none;border-radius:4px}
.tem107-header .togglebtn span{width:22px;height:2px;display:block;background:var(--main-color);border-radius:2px;position:absolute;top:0;left:50%;margin-left:-11px;transition:.25s;-webkit-transition:.25s;-moz-transition:.25s;-ms-transition:.25s;-o-transition:.25s}
.tem107-header .togglebtn span:nth-of-type(1){top:8.5px}
.tem107-header .togglebtn span:nth-of-type(2){top:16.5px}
.tem107-header .togglebtn span:nth-of-type(3){top:24.5px}
.tem107-header .togglebtn.cur span:nth-of-type(1){top:16.5px;transform:rotateZ(45deg);-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-o-transform:rotateZ(45deg)}
.tem107-header .togglebtn.cur span:nth-of-type(3){top:16.5px;transform:rotateZ(-45deg);-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg)}
.tem107-header .togglebtn.cur span:nth-of-type(2){opacity:0}
.tem107-header .icon-more_vert{font-size:26px;line-height:36px}
.tem107-header .more{text-align:right;display:none}
.tem107-header .swiper-button-next,
.tem107-header .swiper-button-prev{background-image:none;width:20px;height:30px;top:50%;margin-top:-15px;background-color:var(--main-color);border-radius:3px;font-size:20px;line-height:33px;text-align:center;color:#fff;display:none}
.tem107-header .swiper-button-prev{left:-30px}
.tem107-header .swiper-button-next{right:-40px}
.tem107-header .secondnav img{width:60px;margin-right:10px}
body.designer-body .tem107-header .swiper-button-next,
body.designer-body .tem107-header .swiper-button-prev{display:block}

@media (min-width:992px){
	.tem107-header .navfirst:hover{background-color:var(--main-color)}
	.tem107-header .navfirst:hover a,
	.tem107-header .navfirst:hover .after_xia{color:#fff}
}
@media (max-width:1200px){ 
	.tem107-header .navbox{width:580px} 
}
@media (max-width:992px){ 
	.tem107-header .navbox{width:360px} 
}
@media (max-width:768px){
	.tem107-header .container.flexBoxWrap{display:block;padding-left:4vh!important;padding-right:4vh!important}
	.tem107-header .headerbot{height:62px;position:relative;background:inherit;padding:6px 0}
	.tem107-header .headerbot .container{overflow:visible;background:inherit}
	.tem107-header .navfirst{line-height:50px}
	.tem107-header .togglebtn{display:block;position:absolute;top:5px;right:10px}
	.tem107-header .box_right{width:100%;max-height:0;position:absolute;top:50px;left:0;z-index:3;overflow:hidden;background:inherit}
	.tem107-header .box_right.cur{transition:.5s;max-height:60vh;overflow-y:auto;overflow-x:hidden;display:block;padding-top:50px}
	.tem107-header .navbox{width:100%;margin:0}
	.tem107-header .search{width:100%;height:50px;position:absolute;top:0;left:0}
	.tem107-header .search a{display:none}
	.tem107-header .serchinput{width:100%;z-index:2;opacity:1;left:0;padding:0 5px;background-color:inherit}
	.tem107-header .search .icon-clear{display:none}
	.tem107-header .gallery-thumbs .swiper-slide{width:100%}
	.tem107-header .swiper-wrapper{display:block}
	.tem107-header .navchildbox{width:100%;background:inherit}
	.tem107-header .navchildbox.showcur{border-bottom:1px solid;border-color:rgba(0,0,0,0.1);max-height:28vh;overflow-y:auto}
	.tem107-header .navchildlist{width:100%}	
	.tem107-header .navchildlist a{color:inherit}
	.tem107-header .formleft{padding:10px 15px}
	.tem107-header .more{display:block;position:absolute;top:0;right:4px}
	.tem107-header .loginreg{flex:1;-webkit-flex:1}
	.tem107-header .head_r_one, .tem107-header .head_r_two{line-height:36px}
	.tem107-header .head_r_one{width:100%;z-index:3;overflow:hidden;max-height:0}
	.tem107-header .head_r_one.cur{transition:.5s;max-height:36px}
	.tem107-header .language.select,
	.tem107-header .currency.select{float:right}
	.tem107-header .head_r_one>div{margin-right:0}
	.tem107-header .serchinput .icon-sousuo2{margin-top:-14px;font-size:18px}
	.tem107-header .navfirst .after_xia{top:15px}
	.tem107-header .navfirst.active .after_xia{top:18px}
	.tem107-header .navfirst.active a{color:#fff}
}