/* CSS Document */
.product{}
.product{ display:block; float:left; text-align: center;width: 25%;padding:2.5%;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.product a{ display:block;}
.product h3{ color:#333; font-size:14px; margin-bottom:5%; display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product_img{ }
.product_img img{ width:100%;}
.product_list{ margin-top:5%; z-index:10;}
.product_list span{display: inline-block;width: 32px;height: 32px;margin: 0 2px;filter: alpha(opacity=60);-moz-opacity: 0.6;-khtml-opacity: 0.6;opacity: 0.6;}
.product_list img{ width:100%;border: 1px solid #000; border-radius:3px}
.product_list span.cur{filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
.product_list span.cur img{ border-color:#b72115}
.product:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.30); border-radius:3px}

.product_swiper{ width:50%; float:left; position:relative}
.product_swiper .swiper-slide{ text-align:center}
.product_swiper .swiper-slide img{ width:60%;}
.product_swiper .swiper-button-next,.product_swiper .swiper-button-prev{ background:none; width:60px; height:60px; margin-top:-30px}
.product_swiper .swiper-button-next img,.product_swiper .swiper-button-prev img{ width:100%}
.product_swiper .swiper-pagination{ text-align:center; width:100%}
.product_swiper .swiper-pagination .swiper-pagination-bullet{ width:40px; height:4px; border-radius:2px; margin:0 10px}
.product_swiper .swiper-pagination .swiper-pagination-bullet-active{ background-color:#b72115}

.product_text{ width:50%; float:right; padding-left:10%; margin-top:5%}
.product_text p.p1{background-color:#b72115; padding:10px 20px; color:#FFF; display:inline-block; font-size:30px; font-weight:bold}
.product_text p.p2{ margin-top:25px}

.product_title{ text-align:center; font-size:36px; font-weight:bold; margin-bottom:30px}

.market_title{ font-size:26px; font-weight:bold; margin-bottom:30px}
.market .map{ border:4px solid #ccc; margin-top:20px}
.market .map iframe{ width:100%; height:600px;}
.market_text{ text-align:center}
.market_hr{ height:2px; background-color:#CCC; margin: 100px 0}

.cooperation{ }
.cooperation p{ display:block; float:left; text-align:center; padding:2% 0; }
.cooperation p img{ width:80%; }



@media(max-width:1080px)
{
	.product{ width: 33.33333%;}
	.product_text{ margin-top:0}
	.product_swiper .swiper-button-next,.product_swiper .swiper-button-prev{ background:none; width:30px; height:30px; margin-top:-15px}
	.product_swiper .swiper-pagination .swiper-pagination-bullet{ width:30px; height:4px; border-radius:2px; margin:0 5px}
}
@media(max-width:640px)
{
	.product{ width: 50%; padding:15px;}
	.product_list{}
	.product_list span{ width:22px; height:22px;}
	.product_swiper{ float:none; width:100%;}
	.product_swiper .swiper-pagination .swiper-pagination-bullet{ width:20px; height:3px; border-radius:3px; margin:0 5px}
	.product_text{ float:none; width:100%; padding-left:0; margin-top:40px; padding:10px}
	.product_text p.p1{ padding:8px 14px; font-size:18px;}
	.product_text p.p2{ margin-top:15px}
	.cooperation p{ width:33.333333%}
	.product_title{ font-size:20px;  margin-bottom:15px; margin-top:15px}
	.market_title{ font-size:20px; text-align:center; margin-bottom:10px}
	.market .map iframe{ width:100%; height:200px;}
	.market_hr{ margin: 30px 0}
}