header{background:#ffffff;}

@media(min-width:991px){
header{display: flex;flex-direction:column;}
#sticky_nav{display:grid;grid-template-columns: 160px 1fr 1fr;grid-template-rows:60px auto;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);;
z-index:9999;top:0;left:0;right:0;background-color:#ffffff;}

#sticky_nav>div{width:1200px;min-width:1000px;display:grid;grid-template-columns:300px 1fr 200px;
grid-column-gap:10px;justify-content:space-between;margin:auto;height:100%;}

.head_sticky{box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);; z-index:9999; position:fixed;display:grid;grid-template-columns:1fr;
grid-template-rows:60px auto;top:0;left:0;right:0;width:100%;top:0;left:0;right:0;
animation-duration:.5s;animation-name:stickyTransition;}
	#sticky_wrapper{width:100%;background-color:#1a0a0b;}
	#sticky_nav{height:60px;background-color:#1a0a0b;}
#menu_bar{display:flex;justify-content:space-between;align-items:center;height:100%;}
.band{width:100%;display:flex;height:30px; background: #301315; justify-content: center; align-items: center;}
.band ul{width:1200px;justify-content:flex-start;}
.band ul li{display:flex;justify-content:space-between;align-items:center;height:100%;float:left;padding-left:8px;padding-right:8px;}
.band ul li a{color:#fff;font-size:0.75rem;}
#nav{display:flex;justify-content:space-between;align-items:center;height:100%;}
	@keyframes stickyTransition{
		from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}
	}
}
@media(max-width:992px){
header{position:sticky;top:0;z-index:11;border-bottom:1px solid #f1f1f1;}
#sticky_nav{display:none;}
.band{display:none;}
 
}

@media (max-width:991px){
	.logo img{max-height:40px}
	.logo a.light-logo{display:block}
	.logo a.dark-logo{display:none}
	.header .logo{padding:2px;}
	.header .logo img{max-height:40px}
}
@media (min-width:992px){
    .logo{display:flex;align-items:center;width:300px;}
	.logo a{line-height:0px;}
    .logo a.light-logo{display:block}
    .logo a.dark-logo{display:none}
    .logo img{max-height:60px;max-width:390px}
	.logo svg{max-height:60px;max-width:390px}
}


@media(max-width:992px){#sticky_nav .menu{display:none;}}
@media(min-width:991px){
.menu{display:flex;height:100%; margin:0 0 0 20px;background:#1a0a0b;}
.menu>li{position:relative;display:inline-flex;word-wrap:break-word;height:100%;align-items:center;}
.menu>li>button{background-color: transparent;border: none;outline: none;}
.menu>li>button,
.menu>li>a{display:inline-flex;position:relative;transition:all .2s ease-in-out;font-size:16px;font-family:DIN-BlackAlternate; white-space: nowrap;
	padding-left:7px;padding-right:7px;height:100%;align-items: center;color:#ffffff; font-weight:bold;}
.menu>li>a:hover{color:#e3e3e3;}
.menu>li>.icon-angle-down:before{color:#ffffff}

.menu>li>ul{position:absolute;top:60px;left:0;top:100%;z-index:-1;	opacity:0;padding:20px 0 25px 10px; box-shadow:0 0 6px 1px rgba(0, 0, 0, 0.2);;
	 transition:all 0.4s ease;transform:rotateX(90deg);transform-origin:0 0;}
.menu li:hover>ul{opacity:1;z-index:3;transform:rotateX(0deg);display:block;}
.menu li:hover>div{opacity:1;z-index:3;transform:rotateX(0deg);display:block;}
.menu .dropdown-sub>a{display:inline-flex;padding-right:8px;}
.menu .dropdown-sub>.iconfont{position: absolute;right:10px;}

.l2{position:absolute;z-index:999;padding:10px;text-align:left;1200px;min-height:260px;box-shadow:0 0 6px 1px rgba(0, 0, 0, 0.2);;display:none;top:60px;}
 }

@media (max-width:991px){.head_menu .head_search{display:none;}}
@media (min-width: 991px){
  .cart{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-column-gap:1px;margin:auto;height:100%;z-index: 1000;}
  .head_country span{display:block;height:1.4rem;}
  .head_cart,.head_account,.head_search,.head_country{display:flex;position:relative; justify-content:center;align-items:center;width:60px;}
  .head_search{position:relative;min-width:60px;}
  .head_search .dropdown_box{display:none;position:absolute;right:0;top:100%;z-index:3;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);}
  .head_search .open + .dropdown_box{display:block;}
  .head_search .dropdown_box .search-box {position:relative;display:inline-block;width:327px;height:46px;}
  .head_search .dropdown_box .search-box input {border:1px solid #e3e3e3; padding:5px 5px 5px 15px;border-radius:3px;width:100%;height:46px;font-size:14px;}
  .head_search .dropdown_box .search-box button {cursor:pointer;font-size:15px;position:absolute;right:20px;top:6px;color:#191919;}
  .head_search .dropdown_box .search-box input:focus{border:1px solid #e3e3e3;}
  .head_search .dropdown_box .search-box button:hover i{color:#1a0a0b;}
.icon-gouwuche:before{ color:#ffffff;}
.icon-yonghu1:before {color:#ffffff;}
.icon-search:before {color:#ffffff;}
}



@media (min-width:991px){
.head_lang{display:flex;position:relative;ustify-content: center; align-items: center;}
.head_lang span{font-size:0.875rem;color:#ffffff;}
.head_lang i{font-size:0.875rem;color:#ffffff;}
#country_area{
position: absolute; top: 60px;left:-200px;width: 340px; background:#ffffff;
	padding: 10px; border: 1px solid #EBEEF5;
    border-radius: 4px;  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    z-index: 9999; visibility: hidden;
    opacity: 0; transition: opacity .3s, top .3s; border:solid 1px #eeeeee;
 
}
.pop_cell_lang li{display:flex;justify-content:start;align-items:center;height:30px;list-style:none;cursor:pointer;float:left;width:100px;overflow:hidden;}
.pop_cell_lang li a span{display:block;margin-left:3px;text-align:left; overflow:hidden;color: #000000;font-size:13px; }
.pop_cell_lang li a{display:flex;margin-left:0px;text-align:left;font-size:12px;overflow:hidden;color: #000000;
padding:1px;text-decoration:none; white-space:nowrap;text-overflow:ellipsis;line-height:20px;}
.pop_cell_lang li:hover{background-color:rgba(0, 0, 0, .05);}

}


@media(min-width:992px){
#mobile_menu{display:none;}
#m_menu{z-index:1000;width:33px;height:33px;color:#000;cursor:pointer;transition-timing-function:swing;-webkit-transition-duration:.66s;transition-duration:.66s;}   

}

@media(max-width:991px){
#mobile_menu{display:grid; grid-template-columns:15% 1fr 30%;align-items: center;justify-items: center;position:fixed;top:0px;left:0px;width:100%;height:60px;background-color:#fff;z-index:1000;}
#m_account{display:flex;align-items:center;justify-content: space-evenly;width:100%;}
.logo img{max-height:40px}
.header .logo{padding:2px;}
.header .logo img{max-height:40px}
}

@media(min-width:991px){#m_nav{display:none}}
@media(max-width:991px){
#m_nav{display:none;width:100%;z-index:1000;height:100%;background:#fff;cursor:auto;position:fixed;top:0;padding:5px;}
#m_nav{-webkit-transition:all 0.5s;transition:all 0.5s;}
#m_nav .open{display:block;}
#m_menu_close{right:50px;top:0px;text-align:right;padding:10px;}
#m_menu_close:before {font-size:22px;}
}

@media (min-width:992px){.m_search_box{display:none}}
@media (max-width: 992px){
  .m_search_box {position:relative;display:inline-block;margin:0; padding:15px;width:327px;border-radius:3px;}
  .m_search_box input{border:1px solid #ddd;padding: 5px 5px 5px 15px;border-radius:3px;width:100%;font-size:14px;}
  .m_search_box button{background:transparent;cursor:pointer;font-size:15px;position:absolute;right:20px;top:22px;border:none;}
  .m_search_box input:focus{border:1px solid #1a0a0b;}
}



@media(min-width:992px){.head_menu .m_menu{display:none;}}
@media(max-width:992px){
.m_menu{display: grid;gap: 10px;padding-left:26px;padding-right:26px;max-height:calc(100vh - 50px); overflow-y: auto;}
.m_menu li{text-align:left;display:block;}
.m_menu li ul{display:none;}
.m_menu>li>a{text-align:left;padding:10px 20px 8px 0;font-size:16px;display:inline-block;}
.m_menu .dropdown-sub.open>ul{display:block;padding:10px;}
.m_menu>li>ul{background:#f1f1f1;}
.m_menu>li>ul>li{text-align:left;display:block;color:#777777;}
.m_menu>li>ul>li>a{font-size:13px;padding:10px 10px;display: inline-block;}
.m_menu .dropdown-sub{position:relative;}
.m_menu .dropdown-sub .dropdown-plus{position:absolute;top:0px;right:0px;width:36px;height:42px;cursor:pointer;}
.m_menu .dropdown-sub .dropdown-plus::after,
.m_menu .dropdown-sub .dropdown-plus::before{position:absolute;top:22px;right:12px;width:13px;height:1px;content:"";background:#777777;}
.m_menu .dropdown-sub .dropdown-plus::after{-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.m_menu .dropdown-sub.open > .dropdown-plus::after{display:none;}
}

@media (max-width: 991px){
	.panel_lang a{display:block;padding:8px 5px 8px 40px;position:relative;margin-top:5px;border-radius:2px;}
	.panel_lang a::before{height:15px;width:21px;position:absolute;content:"";left:10px;top:13px;align-self:center;display:inline-block;}
	.panel_lang a{color: inherit;}
	.panel_lang a:hover,
	.panel_lang a.active{background: rgba(0,0,0,0.05);}
}


@media(min-width:992px){
#mobile_band{display:none;}
#m_band{z-index:1000;width:33px;height:33px;color:#000;cursor:pointer;transition-timing-function:swing;-webkit-transition-duration:.66s;transition-duration:.66s;}   

}

@media(max-width:991px){
#mobile_band{display:grid; grid-template-columns:15% 1fr 30%;
align-items: center;justify-items: center;
position:fixed;top:60px;left:0px;width:100%;height:60px;background-color:#fff;z-index:1000;}

}

#back-to-top{position:fixed;display:none;z-index:5;bottom:80px;right:15px; cursor:pointer;}
#back-to-top .iconfont{border:2px solid #fff;background:#1a0a0b;border-radius:50%;transition:.3s;padding:10px;width:45px;height:45px;}
#back-to-top .iconfont::before{color:#ffffff;}
#back-to-top:hover .iconfont{background:#4b1e21;border: 2px solid #4b1e21;}
#back-to-top:hover .iconfont::before{color:#ffffff;}



footer{position:relative;overflow:hidden;z-index:1;padding-top:30px;margin-top:0px;background:#301315;}
footer>.foot_body{margin-left:auto;margin-right:auto;max-width:1200px;text-align:center;padding:0 15px 15px;
display:grid;grid-gap:clamp(0.938rem, 0.553rem + 1.92vw, 1.875rem);gap:clamp(0.938rem, 0.553rem + 1.92vw, 1.875rem);
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));}
footer>div>div>ul{list-style:none;}
.foot_body>div>ul>li{border-bottom:1px dashed #191919;text-align:left; width:100%;padding-top:5px;padding-bottom:5px;}
.foot_body>div>ul>li>a{padding-left:3px;color:#ffffff;font-size:1rem;min-height:32px;width:100%;font-family:DIN-BlackAlternate; }
.foot_body>div>ul>li>a:hover{color:#f1f1f1;}
footer h5{font-size:15px;margin-bottom: 20px;padding-bottom:10px;position:relative;text-transform:uppercase;text-align:left;color:#ffffff;}


 


 


 


footer .address{list-style:none; font-size:0.875rem; color:#777777;}
footer .address .iconfont:before{padding-right:5px;color:#1a0a0b;font-size:1rem;height:28px;}
footer .address li{border-bottom:1px dashed #ddd; padding-bottom:1px;padding-top:8px;text-align:left;height:36px;display:flex;}
footer .address a{color:#777777;font-size:1rem;font-family:DIN-BlackAlternate;min-height:28px;float:left;}
footer .address a:hover{color:#1a0a0b;}
.address_text{padding-left:8px;color:#777777;font-size:0.875rem;text-align:left;font-family:DIN-BlackAlternate;margin-top:6px;}
.icon-map-marker-alt::before{color:#1a0a0b;float:left;padding-right: 5px;}


#bottom>div{margin-left:auto;margin-right:auto;max-width:1200px;text-align:center;
    display:flex;align-items:center;justify-content:flex-end;font-size:13px;color:#777777;}
#bottom{background-color:#1a0a0b;width:100%;padding:15px;}
.foot_company{margin-right:30px;}

@media(max-width:991px){
#bottom>div{margin-left:auto;margin-right:auto;width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;color:#777777;}
}