@charset "utf-8";
/* css document */

.clearfloat:after{content:"  "; display:block; clear:both;}
*:hover,*{ transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s;}
.div_language{position:absolute; right:300px;; top:35px;z-index:10000; display:none}
.div_language img{width:30px; margin-right:5px; display:none}
.div_language a{color:#333; margin-right:10px;}
.div_language a:hover{color:#0fa430}


#price{color:#0fa430;font-size:30px;}
.price .cpkc{color:#999;font-weight:normal;font-size:16px;}
.pro_hh1{margin-top:20px; margin-left:10px; display:none;}
.span_price_old {color:#999;font-weight:normal;font-size:16px;}
.span_price_old #price_old{text-decoration:line-through}
.product_para > span{display:inline-block;width:100px;margin-bottom:20px; display:none}

.product_para select{width:100%;display:inline-block;margin-bottom:20px;}
/*
.gallery_list_desc{max-height:310px;overflow:hidden; text-overflow:ellipsis;    display: -webkit-box; -webkit-line-clamp: 10;    -webkit-box-orient: vertical;}
*/

.cart_receipt_address > div{padding-bottom:30px;}
.cart_receipt_address input{width:100%; border:solid 1px #ccc;height:40px;padding-left:5px;}
.order_requirements{margin-top:20px;margin-bottom:30px;}
.order_requirements input{width:100%; border:solid 1px #ccc;height:40px;padding-left:5px;}
.order_zffx_sel{margin-top:20px;}
.order_zffx_sel > div{line-height:150%;font-size:18px; margin-bottom:30px;}
.order_zffx_sel > div span{font-weight:bold;font-size:20px;margin-left:5px;}
.shouhuo{
	padding:20px;
	border:solid 1px #f1f1f1;
	margin-bottom:30px;
	height:auto;
	overflow:hidden;}
.shouhuo .shouhuo_liebiao{
	background-color:#f6f6f6;
	line-height:180%;
	padding:20px;
	height:auto;
	overflow:hidden;}
#shouhuo_other{
	display:none;
	}
.shouhuo .shouhuo_liebiao .add_shouhuo{
	border:solid 1px #f1f1f1;
	background-color:#ffffff;
	height:auto;
	overflow:auto;	
	padding:20px;
	}

.shouhuo .shouhuo_liebiao .add_shouhuo ul li{
	float:none;
	margin-bottom:10px;
	clear:both;}
.shouhuo .shouhuo_liebiao .add_shouhuo ul li span{
	display:inline-block;
	width:100px;
	text-align:right;}
.shouhuo .shouhuo_liebiao .add_shouhuo ul li input{
	display:inline-block;}
.shouhuo .shouhuo_liebiao .add_shouhuo ul li #address_save{background-color:#999; width:130px;height:35px;line-height:35px; border:none; border-radius:5px;color:#fff;}
.shouhuo .shouhuo_liebiao .add_shouhuo ul li #address_save:hover{background-color:#f30;}

.zproqx_focus{ position:relative;width:100%;overflow:hidden;margin:10px auto;}
	.zproqx_focus .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1;width:100%;text-align:center;}
	.zproqx_focus .hd li{ display:inline-block; width:20px; height:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;}
	.zproqx_focus .hd li.on{ background:#fff;}
	.zproqx_focus .bd{ position:relative; z-index:0;width:100%;}
	.zproqx_focus .bd li{ position:relative;width:100%; vertical-align:middle; text-align:center;}
	.zproqx_focus .bd li img{width:100%;vertical-align:middle;}
	.zproqx_focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
	.zproqx_focus .bd li .tit{  width:100%;position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:rgba(255,255,255,0.7); color:#000; text-align:left;}
	
	.image-zoom .pagestate{font-size: 14px; position:absolute; bottom:10px; left:20px; z-index:50; display:none;}
	.image-zoom .pagestate span{color: #000; font-size: 18px;}

	.sel_img{position:absolute;left:0px;top:0px;width:100%;}

	#newuserform #region_list select{height:40px;margin-right:5px;border:none;padding-left:10px;}

.div_news_video{width:100%;}
.div_news_video iframe{width:100%;height:56vw;}
.div_news_video video{width:100%;height:60vw;}


.ul_reg_option{margin-bottom:40px;}
.ul_reg_option  li{display:inline-block;width:50%; text-align:center;height:40px; cursor:pointer}
.ul_reg_option  li.on{border-bottom:solid 2px #0fa430}
#form_reg_email{display:none;}
.div_logo_wx{display:inline-block; margin-left:50px;}
.wx_souquan{background-image:url(/uploads/image/img/272.png);background-position:0px -145px;background-repeat:no-repeat;width:40px;height:40px;display:inline-block; margin-left:10px;margin-top:-10px;vertical-align:middle;}
.wx_souquan a{display:block;}



.index_banner{ width:100%; height:50vw;  margin:0 auto; position:relative; overflow:hidden;   }
.index_banner .hd{ width:100%; height:31px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
.index_banner .hd ul{ display:inline-block; height:15px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
}
.index_banner .hd ul li{padding-top:10px; display:inline-block; box-sizing:border-box; width:10px; height:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#8c8c8c; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.index_banner .hd ul .on{ background:#fe6c9c;  }

.index_banner .bd{ position:relative; z-index:0; }
.index_banner .bd li img{ width:100%;  height:50vw; background:url(/uploads/image/tcpimg/loading.gif) center center no-repeat;  }
.index_banner .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }


.index_xzcp{background-color:#0dbf4f; padding-top:30px;padding-bottom:30px;}
.index_xzcp .d1{text-align:center;}
.index_xzcp .d1 span{color:#fff;  font-size:30px;}
.index_xzcp .d2{ text-align:center}
.index_xzcp .d2 span{display:inline-block; padding:10px 30px 10px 30px;background-color:#333; color:#fff; border-radius:5px;}
.index_xzcp .d2 span a{color:#fff; font-size:16px;}

.index_xgn{width:100%;}
.index_xgn li{width:calc(20% - 1px);height:15vw; background-size:100% 100%;position:relative; background-position:center center; padding:0px;}
.index_xgn li a{display:block;  width:100%; height:100%}
.index_xgn li span{position:absolute; font-size:16px; color:#fff; text-align:center; bottom:20px;width:100%}
.index_xgn li:hover{background-size:110% 110%;}
.index_xgn li:hover  a{background-color:rgba(0,0,0,0.2)}
.index_xgn li:hover a span{bottom:30px}

@media (max-width: 1199px){
	
} 
@media (max-width: 991px){
	.div_language{top:10px;}
} 
@media (max-width: 767px){
	.div_language{right:70px;; top:15px;}
	.div_language img{width:25px;}
	.zproqx_focus .hd li{ display:inline-block; width:5px; height:5px; }
		
	.index_banner{margin-top:40px;}
	.index_xgn li{width:100%; height:75vw}
} 
@media (max-width: 639px){
	
} 
@media (max-width: 319px){
	
}