﻿@media (max-width:511px) {
	.pro-list li{width:50%;}
	.pro-detail .left-product{width: 100%;}
	.right-content{width:100%;padding:0 5.4% 0 3.6%;}
	.detail-wrap .product-title h2{font-size:18px;}
	.detail-wrap .product-title button{font-size:8px;padding:3px 8px;}
	.detail-wrap .right-content h3{font-size:14px;}
	.right-content .parmet{font-size:13px;}
}
@media (min-width:512px) and (max-width: 767px) {
	.pro-list li{width:33.3%;}
	.pro-detail .left-product{width: 40%;}
	.right-content{width:60%;padding:0 5.4% 0 3.6%;}
	.detail-wrap .product-title h2{font-size:18px;}
	.detail-wrap .product-title button{font-size: 10px;padding:4px 10px;}
	.detail-wrap .right-content h3{font-size:15px;}
	.right-content .parmet{font-size:13px;}
}
@media (min-width:768px) and (max-width: 991px) {
	.pro-class .class-list li,.center-line{padding:0.6em 2.2em;}
	.pro-list li{width:33.3%;}
	.pro-detail .left-product{width: 40%;}
	.right-content{width:60%;padding:0 5.4% 0 3.6%;}
	.detail-wrap .product-title h2{font-size:20px;}
	.detail-wrap .product-title button{font-size: 12px;padding:0.6em 2.2em;}
	.detail-wrap .right-content h3{font-size:16px;}
	.right-content .parmet{font-size:14px;}
}
@media (min-width:992px) and (max-width: 1199px) {
	.pro-list li{width:33.3%;}
	.pro-detail .left-product{width: 40%;}
	.right-content{width:60%;padding:0 5.4% 0 3.6%;}
	.detail-wrap .product-title h2{font-size:23px;}
	.detail-wrap .product-title button{font-size: 12px;padding:0.6em 2.2em;}
	.detail-wrap .right-content h3{font-size:17px;}
	.right-content .parmet{font-size:14px;}
}
@media (min-width:1200px) {
	.pro-list li{width: 25%;}
	.pro-detail .left-product{width: 40%;}
	.right-content{width:60%;padding:0 5.4% 0 3.6%;}
	.detail-wrap .product-title h2{font-size:27px;}
	.detail-wrap .product-title button{font-size: 12px;padding:0.6em 2.2em;}
	.detail-wrap .right-content h3{font-size:18px;}
	.right-content .parmet{font-size:14px;}
}

.main{width:100%;background:#f4f4f4;font-size:0;padding-bottom:0.96rem;}
/*产品列表*/
.pro-list{padding-top: 0.5rem;}
.pro-list li{margin-bottom: 0.8rem;display: inline-block;vertical-align: top;}
.pro-list li .picture-box{border: 1px solid #ebebeb;overflow: hidden;background: #fff;}
.pro-list li .picture-box img{width:100%;display: inline-block;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;
-ms-transition:all 0.6s;padding:0.35rem;}
.pro-list li .picture-box:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}
.pro-list li .product-text{width: 100%;text-align: center;padding: 0.25rem 2%;background: #ebebeb;}
.pro-list li .product-text h3{color:#272727;line-height: 1.5;width: 100%;white-space: nowrap;overflow: hidden;}
.pro-list li .product-text span{color:#666;line-height: 1.7;display: block;}
.pro-list li .product-text:hover{background: #012b94;}
.pro-list li .product-text:hover h3,.pro-list li .product-text:hover span{color: #fff;}


.pro-detail{font-size: 0;margin-bottom: 0.85rem;}
.pro-detail .left-product,.pro-detail .right-content{display: inline-block;vertical-align: top;margin-top: 0.62rem;}
/*左侧*/
.left-product .gallery-top{width: 100%;border:1px solid #ececec;}
.pro-detail .left-product .btn-wrap{position: relative;width: 100%;}
.pro-detail .left-product .gallery-thumbs{width: 80%;margin-top:12px;}
.pro-detail .left-product .swiper-btn{width:20px;height:15px;margin-top:-7px;outline:none;background-color:#012B94;background-size:auto 50%;
-webkit-background-size:auto 50%;}
.left-product .gallery-thumbs .swiper-slide{cursor: pointer;}
.left-product .gallery-thumbs .swiper-slide-thumb-active{border:1px solid #ececec;}
.pro-detail .left-product .swiper-button-next{right:0;}
.pro-detail .left-product .swiper-button-prev{left:0;}
.left-product .swiper-slide,.pro-detail .swiper-slide img{width: 100%;}

/*右侧*/
.right-content h3{color: #012b94;line-height: 3.6;border-bottom:1px solid #ececec;font-weight: bold;}
.right-content .parmet{width:100%;padding:0.45rem 0 0;}
.right-content .parmet .grounp{width:100%;overflow: hidden;color: #898989;}
.right-content .parmet .grounp:last-child{margin-bottom:1rem;}
.right-content .parmet .grounp span{float: left;font-weight: bold;}
.right-content .parmet .grounp em{float: left;}
.right-content .parmet .grounp:first-child em{min-height:6em;_height:6em;}
.right-content .service{color:#898989;padding-top:0.34rem;border-top:1px solid #ececec;}

/*其他*/
.pro-detail .other{margin-top: 0.86rem;}
.pro-detail .other .other-title{margin-bottom: 0.4rem;color:#fff;background: url(../img/product/other-bg.png) no-repeat center;padding:0.9em 2.5em 1.2em;
background-size:100% 100%;-webkit-background-size:100% 100%;display: inline-block;}
.other .swiper-slide .picture-box{border: 1px solid #ebebeb;overflow: hidden;}
.other .swiper-slide .picture-box img{width: 82%;display: inline-block;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;
-ms-transition:all 0.6s;padding:0.35rem;}
.other .swiper-slide .picture-box:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}
.other .swiper-slide .product-text{width: 100%;text-align: center;padding: 0.25rem 2%;background: #ebebeb;}
.other .swiper-slide .product-text h3{color:#272727;line-height: 1.5;width: 100%;white-space: nowrap;overflow: hidden;}
.other .swiper-slide .product-text span{color:#666;line-height: 1.7;display: block;}
.other .swiper-slide .product-text:hover{background: #012b94;}
.other .swiper-slide .product-text:hover h3,.other .swiper-slide .product-text:hover span{color: #fff;}