.product_container{}

.product_container .product_catalog_list{}
.product_container .product_catalog_list .s_category{display:block; padding:10px; width:192px; line-height:28px; background:#db372b; color:#FFF; font-size:22px;}
.product_container .product_catalog_list .s_item{margin-bottom:20px;}
.product_container .product_catalog_list ul{margin-top:10px; margin-left:-2%;}
.product_container .product_catalog_list li{float:left; width:23%; margin-left:2%; text-align:center;}
.product_container .product_catalog_list li img{width:100%;}
.product_container .product_catalog_list li .s_text{height:30px; line-height:30px; display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.product_container .product_list{}
.product_container .product_list ul{margin-left:-2%;}
.product_container .product_list li{float:left; margin-bottom:20px; margin-left:2%; width:23%; text-align:center;}
.product_container .product_list li a{display:block; border:2px solid #FFF;}
.product_container .product_list li a span{display:block; text-align:center; height:30px; line-height:30px; overflow:hidden;}
.product_container .product_list li a:hover{border:2px solid #db372b;}
.product_container .product_list li a:hover span{background-color:#db372b; color:#FFF;}
.product_container .product_list li img{width:100%;}

.product_container .newproduct_list{}
.product_container .newproduct_list ul{}
.product_container .newproduct_list li{padding:0 100px 20px 100px; margin-bottom:20px; border-bottom:1px solid #ccc;}
.product_container .newproduct_list a.s_img{width:38%; display:block; float:left; text-align:center;}
.product_container .newproduct_list a.s_img img{width:100%;}
.product_container .newproduct_list .s_content{width:58%; float:right;}
.product_container .newproduct_list .s_title{text-align:center; font-size:30px;}
.product_container .newproduct_list .s_para{text-align:center; color:#999; margin-top:10px;}
.product_container .newproduct_list a.s_more{display:block; background-color:#db372b; max-width:192px; height:50px; line-height:50px; text-align:center; color:#FFF; font-size:18px; box-shadow:3px 3px 3px #999; margin:20px auto 0 auto;}
.product_container .newproduct_list a:hover.s_more{background-color:#e9a132;}


.product_container .detail_imgbox{float:left; width:35%; position:relative;}

.swiper-big .swiper-slide a{display:block; position:relative;}
.swiper-big .swiper-slide img{width:100%;}

.swiper-big .swiper-pagination-fraction{width:auto; height:30px; line-height:30px; padding:0 20px; border-radius:15px; left:auto;right:10px;bottom:10px; background-color:#000; color:#fff; font-size:14px; opacity:0.5; display:none;}

.swiper-big .swiper-button-prev,.swiper-big .swiper-button-next{background: url(../images/product/focus_btn.png) no-repeat;width:40px;height:75px; display:block;  top:50%; margin-top:-37px;}
.swiper-big .swiper-button-prev:after,.swiper-button-next:after{display:none;}
.swiper-big .swiper-button-prev{background-position:0px -78px; left:0;}
.swiper-big .swiper-button-next{background-position:-39px -78px; right:0;}
.swiper-big .swiper-button-prev:hover{  background-position:0 -2px; }  
.swiper-big .swiper-button-next:hover{  background-position:-39px -2px;} 


.swiper-thumbs{margin-top:10px; overflow:hidden;}
.swiper-thumbs .swiper-slide a{display:block; border:1px solid #ccc; position:relative;}
.swiper-thumbs .swiper-slide img{width:100%; display:block;}
.swiper-thumbs .swiper-slide.swiper-slide-thumb-active a{border:1px solid #ccc;}

.swiper-thumbs .swiper-button-prev,.swiper-thumbs .swiper-button-next{background: url(../images/focus_btn.png) no-repeat;width:40px;height:75px; display:block;  top:50%; margin-top:-37px;}
.swiper-thumbs .swiper-button-prev:after,.swiper-button-next:after{display:none;}
.swiper-thumbs .swiper-button-prev{background-position:0px -78px; left:0;}
.swiper-thumbs .swiper-button-next{background-position:-39px -78px; right:0;}
.swiper-thumbs .swiper-button-prev:hover{  background-position:0 -2px; }

.product_container .product_detail .detail_para{margin-bottom:50px;}

.product_container .product_detail .s_para{float:right; width:53%;}
.product_container .product_detail .s_para .s_column{font-size:24px; font-weight:bold; color:#db372b; border-bottom:1px solid #db372b; padding-bottom:10px; margin-bottom:10px;}
.product_container .product_detail .s_para dl{margin-bottom:10px; padding-left:90px; position:relative;}
.product_container .product_detail .s_para dt{font-size:20px; font-weight:bold; float:left; line-height:26px; position:absolute; left:0; top:0;}
.product_container .product_detail .s_para dd{float:left; line-height:26px; margin-left:10px;}
.product_container .product_detail .s_btns{margin-top:70px;}
.product_container .product_detail .s_btns a{font-size:24px; font-weight:bold;}

.product_container .product_detail .column_title{height:26px; line-height:26px; border-left:7px solid #db372b; padding-left:10px; margin:22px 0; font-size:24px;}

.product_container .product_detail .relevant_list{margin-top:10px; margin-left:-2%;}
.product_container .product_detail .relevant_list li{float:left; width:23%; margin-left:2%; text-align:center;}
.product_container .product_detail .relevant_list li img{width:100%;}
.product_container .product_detail .relevant_list li .s_text{height:40px; line-height:40px; display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


@media screen and (max-width:1199px){
	.product_container .product_list li{width:31.33%;}
	
	.product_container .detail_imgbox{width:44%;}
	.product_container .product_detail .s_para{width:52%;}
	.product_container .product_detail .s_para dt{font-size:16px; font-weight:bold;}
	
	.product_container .newproduct_list li{padding:0 0 20px 0;}
}

@media screen and (max-width:550px){
	.product_container .detail_imgbox{width:100%; margin-bottom:10px;}
	.product_container .product_detail .s_para{width:100%;}
}


@media screen and (max-width:488px){
	.product_container .product_catalog_list .s_category{font-size:18px;}
	.product_container .product_catalog_list li{width:48%;}
	.product_container .product_list li{width:48%;}
	
	.swiper-big .swiper-pagination-fraction{display:block;}
	.swiper-thumbs{display:none;}
	
	.product_container .product_detail .relevant_list li{width:48%;}
	
	.product_container .newproduct_list a.s_img{width:50%;}
	.product_container .newproduct_list .s_content{width:46%;}
	.product_container .newproduct_list .s_title{font-size:18px;}
	.product_container .newproduct_list a.s_more{height:40px; line-height:40px; font-size:14px;}
}












