@charset "utf-8";
/* 564379992@qq.com */
* { margin: 0px; padding: 0px; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }



.wrap {
    max-width: 1224px;
    margin: 0 auto;
    padding: 0 12px;
}



/***浜у搧璇︽儏***/
.prodetail{ background:#f5f5f5; overflow:hidden; padding:20px 0;}
.prodetail .protop{ background:#fff; padding:20px; overflow:hidden;}
.prodetail .protop .proimg{ float:left; width:49%; background:#333;}
.prodetail .protop .proimg .swiper-wrapper{ height:auto;}
.prodetail .protop .proimg .prothumbs{ background:#333; padding:10px;}
.prodetail .protop .proimg .gallery-top{ height:362px; overflow:hidden;}
.prodetail .protop .proimg .gallery-top img{ display:block; width:100%; height:100%;}
.prodetail .protop .proimg .prothumbs .swiper-slide{ cursor:pointer;}
.prodetail .protop .proimg .gallery-thumbs .swiper-slide{ width:25%;opacity: 0.7; height:85px;}
.prodetail .protop .proimg .gallery-thumbs .swiper-slide img{ display:block; width:100%; height:100%;}
.prodetail .protop .proimg .swiper-button-next,.prodetail .protop .proimg .swiper-button-prev{ width:15px; margin:0px; transform:translateY(-49%); height:20px; background-size:100% auto; opacity:0.8; }
.prodetail .protop .proimg .gallery-thumbs .swiper-slide.on{ opacity:1;}
.prodetail .protop .protext{ float:right; width:49%; padding-left:20px;}
.prodetail .protop .protext h2{ font-size:18px; color:#3fb150; border-bottom:1px dotted #ddd; padding:12px 0;}
.prodetail .protop .protext .note{ padding-top:12px; font-size:14px; line-height:25px; color:#888;}
.prodetail .protop .protext .note .tel{ margin-top:20px;}
.prodetail .protop .protext .note .tel h3{ font-size:20px; color:#3fb150; font-weight:normal; font-family:HELVETICANEUELTPRO-THEX, "Arial";}

.pro-box.mg0{ margin-top:0px;}
.pro-box{ margin-top:20px; background:#fff;}
.pro-box .tabul{ height:50px; line-height:50px; border-bottom:1px solid #eee;}
.pro-box .tabul li{ line-height:50px; cursor:pointer; width:49%; text-align:center; font-size:16px; float:left;}
.pro-box .tabul li:nth-child(1){ border-right:1px solid #eee;}
.pro-box .tabul li.on{ color:#3fb150;}
.pro-box .pdbox{ padding:20px; min-height:400px; }
.content.pb0{ padding-bottom:0px;}

@media(max-width:800px){
	.prodetail .protop .proimg{ float:none; width:100%;}
	.prodetail .protop .proimg .gallery-top{ height:auto;}
	.prodetail .protop .protext{ float:none; width:100%; padding-left:0px;}
	.prodetail .protop .proimg .gallery-thumbs .swiper-slide{ height:65px;}
}