/*2773*/
@charset "utf-8";
html, body{color:rgba(0,0,0,0.5);font-size:16px;font-weight:400;font-family:'Roboto Slab',Helvetica,Arial,sans-serif;}
a{color:rgba(0,0,0,0.5);}
a:hover{color:#917852;}
 h1,h2,h3, h4, h5,h6{ font-weight: 400; margin: 0;}
.fl{float:left;}
.fr{float:right;}
.clearfix{zoom:1;}
.clearfix:after{content: ""; height: 0; visibility: hidden; display: block; clear: both;}
.clear40{
	width:100%;
	height:40px;
	margin:0;
	padding:0;
	clear:both;
}
body{    -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
/*多次点击出现蓝色*/
body{-moz-user-select: none; 
-webkit-user-select: none; 
-ms-user-select: none;
 user-select: none;}


.language-con{padding:0 0 0 20px;height:80px;line-height:80px;}
.language{float:none;display:inline-block;vertical-align:top;}
.language-con span{height:auto;}
.language-box{padding:0;}
.language-con span img{width:30px;margin:0;}
.language-list{right:-15px;left:auto;top:100%;font-size:12px;}


.header-box{ transition:all .3s ease-out;position:relative;z-index:99;width:100%;background:#3a384e;}
.posFixed .header-box{position:fixed;top:0;left:0;animation:500ms ease-in-out 0s normal none 1 running fadeInDown;}

.posFixed #body-box,
.posFixed #error404{padding-top:100px;}	
/*.posFixed .header-box .logo a{height:70px;}

.posFixed .header-box .logo img{height:70px;}*/

.header-box .head{display:flex;align-items:center;}
	
.header-box .logo{width:250px;flex-shrink: 0;padding:32px 20px;}
.header-box .logo a{display: flex; align-items: center;height:80px;}
.header-box .logo img{max-height:100%;max-width:100%;display:block;margin:0 auto;}
.header-box .header-r{width:calc(50% - 145px);position:relative;z-index:9;    flex-shrink: 0;font-size:0;}
.header-box .header-rt-nav{width:calc(100% - 125px);display:inline-block;}
.header-box .search-btn{display:inline-block;position:relative;cursor:pointer;height:80px;line-height:80px;padding-left:0;vertical-align:top;}

.header-box .search-btn>.icon{fill:#917852;width:25px;height:25px;vertical-align:middle;transition:all 0.3s ease;padding-left:20px;}
.header-box .search-btn .sear-close{display:none;}

.header-box .search-box{position:absolute;right:-7px;top:100%;border:1px solid #e1e1e1;box-shadow:0px 3px 13px 0px rgba(0, 0, 0, 0.2);visibility:hidden;opacity:0;background:#fff;padding:15px;line-height:normal;display:none;border-radius:0;width:250px;z-index:99;transition:all 0.3s ease;}
.header-box .search-box:before{    height: 10px;
    width: 10px;
    position: absolute;
	content:'';
    top: -6px;
    right: 16px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1;background:#fff;box-sizing:border-box;}
.header-box .search-txt{height: 39px; width: calc(100% - 40px);padding-right:10px;padding-left:10px;background:#fff;color:#666;border:1px solid #ccc;box-sizing:border-box;display:inline-block;border-radius:0;vertical-align:top;}
.header-box .searc_btn{display:inline-block;height:39px;width:40px;border:none;border-radius:0;background:#262626;cursor:pointer;-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;box-sizing:border-box;}
.header-box .searc_btn:hover{background:#353535;}
.header-box .searc_btn .icon{fill:#917852;-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;width:20px;height:20px;vertical-align:middle;}
.header-box .searc_btn:hover .icon{fill:#fff;}

.header-box .search-box form{position:relative;font-size:0;}

body.search-show .header-box .search-box{opacity:1;visibility:visible;display:block; }

body.search-show .header-box .search-btn>.icon{fill:#fff;display:none;}
body.search-show .header-box .search-btn>.icon.sear-close{display:inline-block;}


.header-box .header-nav{width:calc(50% - 145px);position:relative;z-index:8;flex-shrink: 0;}
.header-box .nav-box{ min-height:80px;}
.header-box .header-nav .nav{display:flex;justify-content:space-between;}
.header-box .header-rt-nav .nav{display:flex;justify-content:space-evenly;}
.header-box .nav-box .nav>li{position:relative;z-index:999;}

.header-box .nav-box .nav>li>a{padding:0;line-height:80px;display:block;font-size:16px;color:#917852;letter-spacing:3px;font-weight:400;transition:all 0.3s ease;position:relative;}
.header-box .nav-box .nav .icon{transform:rotate(90deg);transition:all 0.3s ease;fill:#917852;width:14px;height:14px;line-height:80px;}



.header-box .nav-box .nav-sub{opacity:0;visibility:hidden;position:absolute;left:0;top:100%;background:#fff;box-shadow:0 5px 11px 0 rgba(0,0,0,.27);min-width:230px;transition:all 0.3s ease;padding:14px 0;}
.header-box .nav-box  .nav-sub:after{position:absolute;content:'';left:50px;top:-12px;border-bottom:12px solid #fff;border-left:12.5px solid transparent;border-right:12.5px solid transparent;}
.header-box .header-rt-nav .nav-box .nav-sub{right:0;left:auto;text-align:right;}
.header-box .nav-box .nav-sub dd a{padding:13px 26px 11px;font-size:16px;line-height:1;display:block;color:#5a5a5a;}

.header-box .nav-box .nav>li.on>a{color:#fff;}
.header-box .nav-box .nav>li.on .icon{transform:rotate(-90deg);fill:#fff;}
.header-box .nav-box .nav>li.on .nav-sub{opacity:1;visibility:visible;}


.header-box .nav-box .nav-sub dd a:hover{background:#f0f0f0;color:#917852;}
.mobile-nav-close{position:absolute;top:0;right:0;transition:.3s ease-out;border-width:50px 0 0 50px;border-style:solid;border-color:transparent;cursor:pointer;z-index:9;}
.mobile-nav-close .icon{fill:#fff;width:20px;height:21px;transition:.3s ease-out;position:absolute;top:-45px;right:5px;z-index:9;cursor:pointer;}
.mobile-nav-close:hover{border-top-color:#917852;}
.mobile-nav-close {border-top-color:#5C5C5C;}
.header-box .mobile-nav{display:none;line-height:normal;}
.header-box .mobile-nav .mobile-nav-icon{height:34px;width:34px;position:relative;cursor:pointer;padding:0 0 0 20px;}
.header-box .mobile-nav .mobile-nav-icon:before,
.header-box .mobile-nav .mobile-nav-icon span,
.header-box .mobile-nav .mobile-nav-icon:after{position:absolute;left:22px;top:8px;width:30px;height:2px;background:#917852;content:'';border-radius:0;}
.header-box .mobile-nav .mobile-nav-icon span{top:16px;}
.header-box .mobile-nav .mobile-nav-icon:after{top:24px;}

.mobile_nav{
  
    z-index: 99;
    box-sizing: border-box;

    position:absolute;
    top: 100%;
    left: 0;
	right:0;
	height:calc(100vh - 100px);
	
    padding:0 0 70px;opacity:0;transition:all 0.4s ease; background:rgba(0,0,0,0.9);  text-align: center;opacity:0;visibility:hidden;display:flex;align-items:center;overflow-y:auto;
}

body.nav-show .mobile_nav{opacity:1;visibility:visible;}

#mobile-nav-box{  width:100%;max-height:100%;}
#mobile-nav-box li .mobile-nav-box__link{position:relative;display:inline-block;padding:0 70px;}
#mobile-nav-box li .icon{    position: absolute;
    right: 0;
    top: 50%;margin-top:-20px;
    width: 60px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 28px;
    color: #917852;
    cursor: pointer;
    transition: all .3s ease-in;font-family:sans-serif;}
#mobile-nav-box li a{padding:15px 0;display:block;font-size:20px;letter-spacing:1px;color:#917852;font-weight:400;line-height:1.4;transition:all 0.3s ease-in;}
#mobile-nav-box li .home a{color:#fff;}
#mobile-nav-box li a:hover{color:#fff;}

#mobile-nav-box li .mobile-nav-box__link.mobile-menu-on a{color:#fff !important;}
#mobile-nav-box li .mobile-nav-box__link.mobile-menu-on .icon{color:#fff !important;}

#mobile-nav-box .mobile-nav-sub{ display: none;}
#mobile-nav-box .mobile-nav-sub a{transition:all 0.3s ease-in-out;font-size:16px;line-height:1.4;color:#5a5a5a;padding:15px 10px 15px 20px;}
#mobile-nav-box .mobile-nav-sub a:hover{border-bottom-color:#917852;}

body.nav-show .topcategoriesbg {opacity: 0.6;visibility: visible;}
.topcategoriesbg {background: #000;width: 100%;height: 100%;position: fixed;left: 0; top: 0;opacity: 0;visibility: hidden;z-index: 9;}

body.nav-show .header-box .mobile-nav .mobile-nav-icon span{opacity:0;}
body.nav-show .header-box .mobile-nav .mobile-nav-icon:before{top:16px;transform:rotate(45deg);background:#fff;width:24px;left:25px;}
body.nav-show .header-box .mobile-nav .mobile-nav-icon:after{top:16px;transform:rotate(-45deg);background:#fff;width:24px;left:25px;}



.message-box {
    background: url(../images/mes_bg.png) no-repeat center center;
    background-size: cover;}
/*.wrap{position:relative;z-index:1;padding-bottom:300px;}*/


.index-btn{background:#262626;color:#917852;font-size:14px;line-height:17px;text-transform:uppercase;letter-spacing:3px;display:inline-block;padding:14px 29px;transition:all 0.2s;font-family:'Roboto Slab';}


#footer{background:none;color:#fff;font-size:17px;padding-top:0;font-family:'Roboto Slab', Arial, sans-serif;border-bottom:1px solid #2d2d2d;font-weight:300;}


#footer  .subscribe{padding:50px 0 40px;border-bottom:1px solid #2d2d2d;background:#000;font-size:0;}
#footer  .subscribe-box{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
#footer  .subscribe h5{color:#917852;font-size:25px;line-height:1.5;letter-spacing:3px;text-transform:uppercase;font-weight:300;margin:0 30px 20px 0;}
#footer  .newsletter_txt{color:#666;background:#101010;font-size:13px;border-radius:0;border:1px solid #2d2d2d;display:inline-block;padding:8px 15px;height:45px;box-sizing:border-box;margin-right:15px;width:260px;margin-bottom:20px;}
#footer  .newsletter_btn{font-size:14px;color:#917852;background:#262626;text-transform:uppercase;letter-spacing:3px;border:0;border-radius:0;font-weight:400;transition:all 0.2s;display:inline-block;padding:13px 29px;line-height:19px;font-family:'Roboto Slab';}
#footer  .newsletter_btn:hover{}
#footer  .newsletter_txt::-webkit-input-placeholder{color:#666;background:#101010;}
#footer  .newsletter_txt:-ms-input-placeholder{color:#666;background:#101010;}
#footer  .newsletter_txt::-moz-placeholder{color:#666;background:#101010;}


#footer .help-center{padding:110px 0 100px;text-align:center; position:relative;}
#footer .help-center img{display:block;max-width:100%;margin:0 auto;}
#footer .help-center dt{font-size:20px;letter-spacing:1px;text-transform:capitalize;font-weight:300;color:#917852;font-family:'Roboto Slab', Arial, sans-serif;line-height:1.5;margin-bottom:28px;position:relative;}
#footer .help-center dt a{color:#917852;}


#footer .help-center dd{font-size:17px;line-height:34px;margin:0;padding:10px 10px 10px 12px;font-family:"Roboto Condensed";}
#footer .help-center .quick-links dd{}
#footer .quick-links dd a,
#footer .hot-tags dd a{margin:0;color:#afafaf;height:auto;line-height:inherit;letter-spacing:1px;display:inline-block;padding:0;text-transform:capitalize;}
#footer .quick-links dd a:hover,
#footer .hot-tags dd a:hover{color:#fff;text-decoration:none;}
#footer .help-center .about-us,
#footer .help-center .contact-us{width:40%; min-height:100px;}
#footer .help-center .quick-links{padding:0;}
#footer .contact-us p{line-height:34px;color:#fff;max-height:none;}






#footer .foot{padding:50px 0;border-top:1px solid #2d2d2d;background:#000;text-align:center;}
#footer .sns{float:none;margin-top:0; min-height:30px; min-width:200px;}
#footer .sns li{width:auto;height:auto;margin:0 5px 8px;}
#footer .sns li a{color:#917852;font-size:15px;line-height:17px;width:auto;padding:11px;text-align:center;transition:all 0.2s linear;border-radius:8px;background:#272625;}
#footer .sns li a:hover{background:#1f1e1e;}
#footer .copyright{border-top:0;height:auto;line-height:34px;text-align:center;text-transform:uppercase;margin:0 0 25px 0;font-size:14px;color: #917852;float:none; min-height:30px;}

@media screen and (max-width:1366px){
	.wrapper{width:100%;box-sizing:border-box;padding:0 50px;}
}

@media screen and (max-width:1200px){
/*    .header-box{position:fixed;top:0;left:0;width:100%;}
	.nav-show.posFixed .header-box{animation:none;}*/
	.header-box .logo{width:40%;margin:0;padding:10px 0;}
	.header-box .logo img{margin:0 auto 0 0;}
	.header-box .header-r{width:60%;text-align:right;}
	.header-box .header-rt-nav{display:none;}
	
	.header-box .header-nav{display:none;}
	.header-box .mobile-nav{display:inline-block;margin-top:23px;}

	

	#inquiry-box, #feedback-box, #search-error404, #error404, #sitemap-box, #module-login, #brands-box, #notice-box{margin:0 auto;}
	#page-products-list, #navpage, #page-news, #news-detail, #product-detail .product-detail__wrapper{margin-top:50px;}
	

	#footer .help-center dt{font-size:20px;}



	#footer .subscribe h5{font-size:20px;letter-spacing:2px;}
	
	#body-box{padding-top:100px;}


	

	}

@media screen and (max-width:1024px){



	



	}
@media screen and (max-width:992px){
  	#product-detail .bigimgbox:before{z-index:9;}


	

	.index-tit{font-size:35px;}
	
	


	}
	
@media screen and (max-width:768px){
	

	
	#footer .copyright{float:none;height:auto;text-align:center;margin-bottom:10px;}
	#footer .sns{float:none;text-align:center;}
	#footer .foot{padding:10px 0;}
	#footer .help-center{padding:40px 0;}
	#footer .help-center dd{font-size:15px;}


	
	.index-btn,
	#footer .newsletter_btn{letter-spacing:2px;}
	
	
	.mobile_nav{height:calc(100vh - 80px);}
	.header-box .logo a{height:60px;}



	


	
	


	}
@media screen and (max-width:767px){
	.wrapper{padding:0 20px;}

	#footer .help-center{display:block;text-align:left;}
	#footer .help-center dl{padding-right:0;width:100% !important;}
	#footer .help-center dl dt{border-bottom:0;height:25px;line-height:25px;margin-bottom:10px;font-size:16px;}
	#footer .help-center dl dd{padding:0;}
	#footer .quick-links dt, #footer .hot-tags dt{padding-left:0;}
	
	#footer .help-center dt .help-icon{height:25px;line-height:25px;color:#917852;}
	#footer .help-center dl dt{margin-bottom:10px;padding-bottom:0;}
	#footer .help-center dl{margin-bottom:10px;}
	#footer .quick-links dd a, #footer .hot-tags dd a{line-height:1;}
	#footer .help-center img{margin:0 auto 0 0;}

	


	
	.index-tit{font-size:30px;letter-spacing:2px;}
	
	#main .tag-box .common-index-list li{width:50%;}
	.home-ad1{background-size:100%;background-attachment:unset;}
	#main .home-ad3{padding:100px 0 0;}
	
	#main .home-ad3 .ad-txt{padding:0 20px;}
	#main .home-ad5.home-ad3{padding:200px 0 100px;}


    #mobile-nav-box li a{padding:10px 0;}




	}
@media screen and (max-width:480px){


	
	#page-products-list, #navpage, #page-news, #news-detail{margin-top:40px;}
	

	




	#main .tag-box .common-index-list li{width:100%;}
	#main .tag-box .common-index-list li .product-text{height:auto;display:block;}
	#main .tag-box .common-index-list li .product-name{font-size:18px;line-height:normal;letter-spacing:2px;}
	
	.index-tit{font-size:25px;letter-spacing:1px;padding:0;}

	.header-box .search-box{right:-50px;}
	.header-box .search-box:before{right:55px;}
	
	.language{position:static;}
	.language-list{right:0;height:auto;overflow:unset;}

	}
@media screen and (max-width:320px){
	
	
	}