html{font-size: 62.5%;}
body { font-family:Poppins,Helvetica,Arial,sans-serif;}
.wapper{ max-width:1200px; width:100%;}
.dropdown { position: absolute; z-index: 99999; background: #fff; border: 0; box-shadow: 0 1px 3px 0 rgba(0,0,0,.6); display: none; color: #131219 }

.row-flex{ display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap;}
#header_box{width:100%;  position: fixed; top: 0; left: 0;  z-index: 999;padding:0 55px;color:#000;box-sizing:border-box; z-index:999;text-align:center;background: #fff;} 
#header_box.fixed{margin-top: 0; padding-top: 0; box-shadow: 0 6px 12px 0 rgba(0,0,0,.04);z-index:9999;} 
#header_box .header{flex-direction: row; justify-content: space-evenly; border-bottom: 2px #9dafbd solid;}

/*currency*/
#header_box .currency_box{position:relative;display:inline-block;z-index:2;}
#header_box .currency_txt{cursor:pointer;color:#3a3a3a;margin:0;transition:all 0.3s;font-size:14px;text-transform:uppercase;font-weight:600;}
#header_box .currency_txt i{width:auto;height:auto;background:none;margin:0;vertical-align:top;font-size:14px;padding-left:3px;transform:scale(0.8);font-weight:600;}
#header_box .drop_currency{position:absolute;left:50%; min-width:100%;top:65px;box-sizing:border-box;opacity:0;visibility:hidden;background:#fff;transition:all 0.3s;z-index:9;box-shadow: 0px 6px 15px rgba(0,0,0,0.12);transform:translate(-50%,15px); display:block; min-width:80px;}
#header_box .currency li{height:auto;line-height:normal; text-align:center;}
#header_box .currency li a{color:#838383;display:block;overflow:hidden;text-transform:uppercase;font-size:14px;padding:5px 10px;}
#header_box .currency li:hover{background:#ebebeb;color:#838383;font-weight:400;}
#header_box .currency_on .drop_currency{opacity:1;visibility:visible;transform:translate(-50%,0);}

/*top_nav*/
#header_box .nav_warp{display:inline-block;margin:0 auto;}
#header_box .nav_box{border:0;}
#header_box .nav{margin:0;width:100%; text-align:center;}
#header_box .nav>li{height:auto;padding:0; display:inline-block; float:none; text-align:left;z-index:2; position:relative;}
#header_box .nav>li>a{border:0;font-size:14px;height:auto;line-height:65px; height:65px;padding:0; text-transform:uppercase; color:#000; display:block; position:relative; margin: 0 1rem;}
#header_box .nav>li>a:before{position:absolute;content:"";bottom:15px;left:0;transform:scaleX(0);transition:transform .4s cubic-bezier(.28,.38,0,.81);height:1px;background:#000;}
#header_box .nav>li > a:hover{color:#000;}
*#header_box .nav>li>a:hover:before,
#header_box .nav li.on>a:before{transform:scaleX(1);}
#header_box .nav>li a i{display:inline-block;vertical-align:middle;background:none;font-size:12px; margin:0 0 0 3px; font-weight:bold;}
#header_box .nav .sub_nav{ background: #fff; display: block; text-align: left; top: 150%; padding:10px 0; min-width:220px; z-index: 900; visibility: hidden; border-radius:0 3px 3px 3px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: 0px 6px 15px rgba(0,0,0,0.12); box-shadow: 0px 6px 15px rgba(0,0,0,0.12); border:none; box-sizing:border-box; left:-16px; max-height:80vh; overflow-y: auto;}
#header_box .nav .sub_nav .row{ display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center;}
#header_box .nav .sub_nav .sub li a{color:#666; padding:5px 18px; font-weight:bold; font-size:14px; height:24px; line-height:24px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; font-weight:normal; display:block;}
#header_box .nav .sub_nav li a span{ width:auto; margin-right:9px; margin-top:-1px;}
#header_box .nav .sub_nav li a:hover{ color:#9dafbd;}
#header_box .nav>li.on>a:before,#header_box .nav>li>a:hover:before{ opacity: 1; left: 0; right: 0; width: 100%;}
#header_box .nav>li.on .sub_nav{ top:100%; visibility:visible; opacity:1;} 

#header_box .nav .category_sub_son{ position:static;}
#header_box .nav .category_sub_son .sub_nav{ width: 100%;}
#header_box .nav .category_sub_son .category_sub{ display: -webkit-box; display: -ms-flexbox; display: flex; padding:0 20px;-webkit-flex-direction: row;-webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#header_box .nav .category_sub_son .category_sub > li{width:100%; padding:0; height:auto;  -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding:0 15px; box-sizing:border-box; max-width:260px}
#header_box .nav .category_sub_son .category_sub .sub_list a{ font-weight:bold; color:#000;}


#header_box .header_left{ width:30vw;}

/*logo*/
#header_box .logo{ width:30vw; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap;justify-content: center;  align-items: center; overflow:hidden;float:left;position:relative;z-index:2;}
#header_box .logo a img{ max-width:100%; display:block; max-height:100px;}

/*header_right*/
#header_box .header_right{position:relative;z-index:999; width:30vw; align-items: center; justify-content: flex-end;}
#header_box .header_right>ul>li{float:left;margin:0 10px;height:65px;line-height:65px;position:relative;}
#header_box .header_right i{font-weight:600;font-size:20px;}

#header_box .search_btn{ display:none;}
#header_box .search_btn i{font-size: 22px; color:#3a3a3a}
#header_box .search_box{z-index:3;padding-top:0;cursor:pointer; width: 10vw; display: flex; align-items: center; margin-right:10px;}

#header_box .search_box .search{ padding:0; background:#fff; z-index:999; width:100%; position:relative;}
#header_box .search_box .searchform{border:0; height:auto;width:100%;}
#header_box .search_box .search_input{ height:35px; background:none; float:none; box-sizing:border-box; text-indent:0;font-size:1.5rem;font-weight:700; padding:.7rem 3.7rem .7rem 1.7rem;width:100%; border:1px solid #9dafbd;}
#header_box .search_box .btn_search{position: absolute; right: 0px; top: 0px; margin: 0; background: transparent; border: 0; height: 35px; width: 45px; line-height: 35px; padding: 0; color: #333; font-size: 18px;font-weight:600;}
#header_box .search_box .sear_cancle{position:absolute;right:30px;top:30px;width:40px;height:40px;line-height:40px;text-align:center;color:#555;font-size:30px;cursor:pointer; font-weight:bold;}
#header_box .search_box .sear_cancle i{font-size:30px;font-weight:600;}
#header_box .cart_box{border:0;margin:0 10px;padding-left:0;height:65px;}
#header_box .cart_box>a{font-size:14px;position:relative; display:inline-block;}
#header_box .cart_box>a span{ display:inline-block;}
#header_box .cart_box>a svg{ padding:15px 0;}
#shopping_cart_count{ color:#3a3a3a; vertical-align:top; position:absolute; right:0; top:0;}
#CartsCon #minicartlist{ line-height:initial;}


/*登录*/
#header_box .login a{ font-size: 14px;font-weight: 600;letter-spacing: 0.025em;text-transform: uppercase;position: relative;}
#header_box .login .sub { position: absolute; top: 65px; height: auto; overflow: hidden; right: -20px; font-size: 12px; min-width:120px; background-color: #fff; padding: 0; box-shadow: 0 1px 3px 0 rgba(0,0,0,.6); display: block; padding:10px 0;z-index:99;transform:translate(0,15px);transition:all 0.3s;opacity:0;visibility:hidden;}
#header_box .login .sub a { color:#838383;display: block; text-align: left; font-size: 13px;font-weight:400;padding:5px 10px;letter-spacing:0;line-height:normal; }
#header_box .login .sub a:hover { background-color: #eee; color: #222; }
#header_box .login .sub_parent { position: relative; display: block; text-align: center; font-size: 20px; cursor: pointer; }
#header_box .login .sub_parent:hover .sub{transform:translate(0,0);opacity:1;visibility:visible;}
#header_box .login .sub_parent .icon-Account4 { display: block; width: 40px; height: 50px; line-height: 52px; position: relative; }
#header_box .login .sub_parent .icon-Account4:hover { display: block; width: 40px; height: 50px; line-height: 52px; color: rgba(89,195,121,0.80); }

/*company*/
#header_box .company .company_icon{width:18px;height:16px;position:relative;margin-top:24.5px;cursor:pointer;}
#header_box .company .company_icon span{position:absolute;content:'';bottom:0;height:2px;background:#000;width:100%;right:0;transition:width .4s cubic-bezier(.28,.38,0,.81); }
#header_box .company .company_icon span:nth-child(2){bottom:7px;width:14px;}
#header_box .company .company_icon span:nth-child(1){top:0;bottom:auto;width:11px;}
#header_box .company_page{position:fixed;right:0;top:0;bottom:0;width:100%;box-sizing:border-box;padding:30px 30px 80px;box-shadow:-3px 0 3px rgba(0,0,0,.04);background:#fff;z-index:99999;transform:translateX(100%);transition:all 0.4s ease-in-out; max-height:100%; overflow-y: auto;}
#header_box .company_page.active{transform:translateX(0);}
#header_box .company_page .company_cancle{text-align:right; position: absolute; right: 0; top: 10px;}
#header_box .company_page .company_cancle i{font-weight:600;display:inline-block;padding:0 20px ; font-size:30px;}
#header_box .company_page .shartto li{display:inline-block; padding:0 10px;}
#header_box .company_page  .shartto li a{ color:#353535; font-size:16px;text-align:center;}
#header_box .company_page  .shartto li:hover a{color:#e1e1e1;}
#header_box .company_page .title{font-size:15px;text-transform:uppercase;color:#353535;font-weight:600;margin-top:50px;}
#header_box .company_page .contact_us{color:#838383;font-size:14px;line-height:20px;margin-top:20px;letter-spacing:1px;}


#header_box .header-mobile-menu{display:none; background:none; border:none; box-sizing:border-box;}


#header_box .wap-logo{ margin-bottom:40px; text-align:left;}
#header_box .wap-nav_box{}
#header_box .wap-nav li{ line-height:40px;}
#header_box .wap-nav li a{ position:relative; display:block; text-align:left;}
#header_box .wap-nav li a i{ position:absolute; right:0; top:0; font-size:16px;}
#header_box .wap-nav .sub_nav{ padding:5px 0 0 15px; display:none;}
#header_box .wap-nav .category_sub li.sub_tit>a{ font-weight:bold;}

#header_box .wap-nav .category_sub .sub_son{ display:none; padding-left:15px;}

#header_box .company{ display:none;-webkit-box-ordinal-group: -1; -ms-flex-order: -2; order: -2;}

.index_default{
	width:100% !important;
	margin:0;
}

.wrap_box{
	padding-top:132px;
}

.banner_specs_large{ height:100vh;}

/* footer */
#bottom_box{width:100%;}
#bottom_box .newletterform{float:none;background:#fafafa;position:relative;padding:33px 150px;box-sizing:border-box;text-align:center;}
#bottom_box .newletterform form{display:inline-block;}
#bottom_box .newsletter_txt{ width:600px; padding:13px 15px; color:#495057; background: #fff;box-sizing:border-box;height:50px;line-height:50px;font-size:14px;float:left;}
#bottom_box .newsletter_btn{  background:#000; color: #fff; text-transform:uppercase; width: 150px; display:inline-block; font-size: 12px; height:50px;line-height:50px;transition:all 0.4s ease-in-out;border:1px solid #000;margin-left:0;font-weight:500;letter-spacing:0.1em;}
#bottom_box .newsletter_btn:hover{ background:none;color:#000;}

#bottom_box .bottom_top img{ max-width:100%; display:block; margin:0 auto;} 
#bottom_box .footer{ background:#fff; padding-top:50px;}
#bottom_box .link_box{ padding:0 55px 50px;}
#bottom_box .link_box dl{padding-left:1%;padding-right:0;width:18.75%;box-sizing:border-box;line-height:25px;}
#bottom_box .link_box dl dt{text-transform: uppercase;color:#3a3a3a; letter-spacing:1px; font-size:18px; margin-bottom: 20px; font-weight:400;min-height:30px;overflow:hidden; position:relative;}
#bottom_box .link_box dl dt i{ display:none; position: absolute; right: 0; top: 0; font-style: inherit; line-height: 25px;}
#bottom_box .link_box dl dd a{padding:5px 0;color:#2f2b2c;font-size:14px; display:block;}
#bottom_box .link_box dl dd a:hover{ color:#e74b3c;}

#bottom_box .link_box .contact_us{ width:25%;padding-left:0; box-sizing: border-box; line-height: 25px;}
#bottom_box .link_box .contact_us h3{ color: #e11f73; letter-spacing: 1px; font-size: 18px; margin-bottom: 20px;}
#bottom_box .link_box .contact_us .contact{min-height:50px; width:100%;}
#bottom_box .link_box .contact_us img{max-width:100%;max-height:100%;}
#bottom_box .link_box .contact_us .contact p{ position:relative;color:#a5a5a5; margin:0 0 10px; line-height:22px; letter-spacing:0.25px; font-size:14px; padding-left: 30px;}
#bottom_box .link_box .contact_us .contact p i{ position:absolute; color:#a5a5a5; left:0; top:0; background:none; font-size:17px;font-weight:600;line-height:20px;}
#bottom_box  .payway{width:100%; min-height:30px;}
#bottom_box  .payway img{max-width:90%;display:block;}
#bottom_box .shartto{ max-width:100%; min-height:30px;}
#bottom_box .shartto li{margin-right:3px;line-height:26px; width:36px;}
#bottom_box .shartto li a{ padding:5px 0; display:block; color: #a5a5a5;}

#bottom_box .copyright{font-size:14px;color:#333232;line-height:40px;text-transform:lowercase;background:#f6f6f6;padding:0;text-align:center;}
#bottom_box .copyright a{ color:#333232;}

.minht{ min-height:50px;}

/* 头部响应式控制 */
#header_box .common-padding {
	padding: 0;
}
.disclosure--main {
		width: calc(100% - 40px);
		-webkit-box-flex: 1;
		flex: 1 0 50%;
		position: relative;
		outline: 0;
		margin:10px 20px 0 20px;
		box-sizing:border-box;
	}
	.disclosure--toggle {
		display: -webkit-box;
		display: flex;
		-webkit-box-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		justify-content: space-between;
		border-radius: 2px;
		border: 1px solid #bebebe;
		color: var(--color-text);
		background-color: var(--color-page-bg);
		cursor: pointer;
		padding: 8px 24px 8px 16px;
		width: 100%;
		position: relative;
		box-sizing:border-box;
	}
	.disclosure--current-option {
		width: -webkit-max-content;
		width: -moz-max-content;
		width: max-content;
	}
	.disclosure--toggle .icon--root {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		left: 12px;
		color: var(--color-text);
		height: 6px;
		width: 10px;
	}
	.disclosure--toggle .icon--chevron-up {
		display: none;
	}
	.disclosure--form {
		background-color: var(--color-page-bg);
		border: 1px solid var(--color-border);
		border-radius: 2px;
		min-width: 100%;
		position: absolute;
		display: none;
		overflow-y: auto;
		z-index: 5;
		box-shadow: 0 0 10px rgba(0,0,0,.08);
	}
	.disclosure--form li a{
		color: var(--color-text)!important;
		display: inline-block;
		padding: 9px 15px;
		white-space: nowrap;
		width: 100%;
		cursor: pointer;
		box-sizing: border-box;
	}
@media screen and (max-width: 1366px) {
	#header_box .row-flex{
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	#header_box .nav_warp{
		margin:0;
	}
	#header_box .logo{
		width:20vw;
	}
	#header_box .login a span{
		display:none;
	}
	#header_box .search_box{
		width:15vw;
	}

}
@media screen and (max-width: 1200px){
	#header_box .search_box{
		width:15vw;
	}
}
@media screen and (max-width: 1000px) {
	#header_box{
		padding:0 30px 20px;
	}
	#header_box .nav_warp{
		display:none;
	}
	

	#header_box .row-flex{
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	#header_box .logo{
		width:auto;
	}
	#header_box .company{
		display:inline-block;
	}
	#header_box .header_left{
		width:10vw;
	}
	#header_box .header_right{
		width:50vw;
	}
	#header_box .search_box{
		width:auto;
	}
	.wrap_box {
		padding-top: 70px;
	}
	
}
@media screen and (max-width: 768px) {
	
	#header_box .header_right>ul>li{
		margin:0 5px;
	}
	#header_box .wap-nav .category_sub li.sub_tit>a{
		font-weight:normal;
	}

	#bottom_box .footer{
		padding:30px 15px 0;
	}
	#bottom_box .link_box .contact_us{
		width:100%;
		padding:0 10px;
		margin-bottom:30px;
	}
	#bottom_box .link_box dl{
		width:50%;
		margin-bottom:20px;
		padding:0 10px;
	}
	#bottom_box .link_box dl dt{
		min-height:30px;
		margin-bottom:10px;
	}
	
	.banner_specs_large{
		height:auto;
	}
	
}
@media screen and (max-width: 767px) {
	#header_box {
		padding: 0 15px 20px;
	}
	#header_box .logo{
		width:35%;
	}
	#header_box .header_right{
		width:40vw;
		justify-content: flex-end;
	}
	#header_box .header_right>li{
		margin:0 8px;
	}
	#header_box .search_box,
	#header_box .currency_box{
		display:none;
	}
	#header_box .search_btn{
		display:block;
		margin:0 10px;
	}
	#header_box .search_box{
		position:absolute; 
		min-width:250px;
		padding:15px 0;
		height:100%;
		box-sizing:border-box;
	}
	#bottom_box .link_box {
		padding: 0 0 20px;
	}
	
}

@media screen and (max-width: 480px) {
	#bottom_box .link_box dl{
		width:100%;
	}
	#bottom_box .link_box dl dt{
		font-size:16px;
		margin-bottom:0;
	}
	#bottom_box .link_box dl dt i{
		display:block;
	}
	#bottom_box .copyright{
	    line-height: 26px;
		padding-bottom:10px;
	}
}


/*手机端左侧菜单*/
.main{
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
	transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}
.main_show{
	overflow:hidden !important;
	height:100%;
	box-sizing:border-box;
}

.main_show .main_bg{
	display:block;
}




.main_bg{
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.3);
	z-index:99999;
}
.product_detail_2017 .viewfontright{
	width:555px;
}

.block_items_products_rec .block_rec_ul li .name{
	font-size:16px;
}
.block_items_products_rec .block_rec_ul li .name:hover{
	text-decoration:none;
	color:#73b7cc;
}
.block_items_products_rec .block_rec_ul li .price{
	color:#484b4f;
	font-size:14px;
}



.mini_detail{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99999;display:none;}
.mini_detail .mini_detail_bg{position:fixed;left:0;top:0;background:rgba(0,0,0,.5);width:100%;height:100%;z-index:-1;}
#mini_detail{position:fixed;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);left:0;right:0;margin:auto;width:960px;position:relative;}
#mini_detail .icon-iconfontclose{position:absolute;right:10px;top:10px;font-size:30px;background:none;color:#333;cursor:pointer;}


/* 首页 */

.index_default .swiper-pagination-bullet{background:none;width:6px;height:6px;border:2px solid #fff;outline:none;}
.index_default .swiper-pagination-bullet-active{background:#fff;}
.index_default .swiper-button-next,
.index_default .swiper-button-prev{background:#fff;border-radius:50%;box-shadow:0 2px 10px rgba(54,54,54,0.15);text-align:center;}
.index_default .swiper-button-next .icon,
.index_default .swiper-button-prev .icon{width:20px;height:20px;padding:15px 0;fill:#1c1b1b;}
.block_single_products .single_product_shop_now{padding:0 20px;width:auto;display: inline-block;    background: transparent;
    border: 1px solid #1c1b1b;transition:color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);position:relative;}
.block_single_products .single_product_shop_now:before{    position: absolute;
    content: '';
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transform: scale(1, 1);
    transform-origin: left center;
    background-color: #1c1b1b;
    transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    z-index: -1;}
.block_single_products .single_product_shop_now:hover:before {
    transform-origin: right center;
    transform: scale(0, 1);
}
.block_single_products .single_product_shop_now:hover {
    color: #1c1b1b;
    background-color: transparent;
}