.productdetail{padding:58px 0;}
.productdetail h1{font-size:44px;} 
.productdetail-head{display:block; background:#fff; padding:28px 0;}
.productdetail-head:after{display:block; content:''; clear:both;}

.productdetail-swiper{width:50%; margin:0 auto; overflow:hidden; position:relative; max-width:100%; float:left;}
.productdetail-outer{width:10000%;}
.productdetail-item{float:left; width:1%; overflow:hidden;}
.productdetail-item img{max-width:100%; margin:0 auto; display:block; border:1px solid #d8d8d8;}
.productdetail-item b{display:block; margin-top:16px; font-size:18px; color:#fff;}
.productdetail-prev,
.productdetail-next{position:absolute; z-index:8; top:50%; width:48px; height:48px; line-height:48px; text-align:center; margin-top:-18px; background:rgba(0,0,0,0.28); cursor:pointer; opacity:0; transition:0.3s;}
.productdetail-swiper:hover .productdetail-prev,
.productdetail-swiper:hover .productdetail-next{opacity:1;}
.productdetail-prev i,
.productdetail-next i{color:#fff; font-size:48px;}
.productdetail-prev:hover i,
.productdetail-next:hover i{color:#768047;}
.productdetail-prev{left:0;}
.productdetail-next{right:0;}
.productdetail-swiper + .productdetail-show{margin-left:50%; padding-left:5%;}
.productdetail-show{overflow:hidden;}
.productdetail-titles-info{font-size: 22px;font-weight: bold;color: #768047;}

.productdetail-titles-info i{font-size: 18px;font-weight: 500;color: #666666;padding-left: 5px;}

.productdetail-info{margin:18px 0 0; padding-bottom:8px; border-bottom:1px solid #e8e8e8; color:#686868;}
.productdetail-info>b{font-weight:normal;}
.productdetail-info>i{font-style:normal; padding-right:18px;}
.productdetail-info>i>a{color:#686868;}
.productdetail-info>i>a:hover{color:#768047;}
.productdetail-text{display:block; font-size:15px; margin:28px 0 0; padding-bottom:28px; border-bottom:1px solid #d8d8d8;}
.productdetail-param{display:block; margin-top:28px; font-size:15px;}
.productdetail-param>dl+dl{margin-top:8px;}
.productdetail-param>dl:after{display:block; content:''; clear:both;}
.productdetail-param>dl>dt{float:left;}
.productdetail-param>dl>dd{float:left; padding-left:4px;}
.productdetail-price{display:block; margin-top:18px; color:red;}
.productdetail-advantage{margin-top:80px; width:312px;}
.productdetail-advantage>h2{font-size:20px; font-weight:normal; border-bottom:1px solid #d8d8d8;}
.productdetail-advantage>ul{display:block;}
.productdetail-advantage>ul>li{padding:10px 0; border-bottom:1px solid #d8d8d8;}
.productdetail-advantage>ul>li:before{float:left; width:5px; height:5px; margin-top:12px; border-radius:4px; background:#383838; content:''; margin-right:20px;}
.productdetail-content{display:block;}
.productdetail-content>ul{display:block; background:#fff; border-bottom:1px solid #e8e8e8;}
.productdetail-content>ul:after{display:block; content:''; clear:both;}
.productdetail-content>ul>li{float:left; cursor:pointer; padding:8px 18px; font-size:16px;} 
.productdetail-content>ul>li.on{color:#fff; background:#768047; }
.productdetail-content>aside{display:none; background:#fff; padding:28px 0;}
.productdetail-content>aside.on{display:block;}
.productdetail-content>aside>p+p{margin-top:8px;}

.productdetail-content>aside>p.img img{width:50%; padding:0 1%; display:inline-block; vertical-align:top;}



.productdetail-tags{padding:0 0 28px 0; background:#fff;}
.productdetail-tags>a{display:inline-block; padding:0 10px; border-radius:5px; border:1px solid #686868;}
.productdetail-tags>a:hover{color:#fff; border-color:#768047; background:#768047;}
.productdetail-comment{padding-top:28px;}
.productdetail-rem{text-align:center;}
.productdetail-rem>h2{font-size:38px; }
.productdetail-rem>aside{display:block; padding-top:20px; overflow:hidden; position:relative; margin:0 -12px;}
.productdetail-rem>aside:hover .productdetail-prev,
.productdetail-rem>aside:hover .productdetail-next{opacity:1;}
.productdetail-rem>aside>ul{display:block; width:10000%;}
.productdetail-rem>aside>ul:after{display:block; content:''; clear:both;}
.productdetail-rem>aside>ul>li{float:left; width:0.25%; padding:12px;}
.productdetail-rem>aside>ul>li>a{display:block;}
.productdetail-rem>aside>ul>li>a>ins{display:block; overflow:hidden; position:relative;}
.productdetail-rem>aside>ul>li>a>ins>img{display:block; width:100%; transition:.5s;}
.productdetail-rem>aside>ul>li>a:hover>ins>img{transform: translateX(10%);}
.productdetail-rem>aside>ul>li>a>ins i{position:absolute; top:0; left:0; width:0; transition:.5s; height:100%; z-index:8; overflow:hidden;}
.productdetail-rem>aside>ul>li>a>ins i>img{display:block; height:100%; max-width:none;}
.productdetail-rem>aside>ul>li>a:hover>ins i{width:100%;}
.productdetail-rem>aside>ul>li>a>h3{font-size:16px; font-weight:normal; padding:10px 5px 0 5px;}
dir{text-align:left; border-top:1px solid #e8e8e8; padding:18px 0; background:#fff;}
dir>dl{padding:6px 0;}
dir>dl:after{display:block; content:''; clear:both;}
dir>dl>dt{float:left; margin-right:8px;}
dir>dl>dt>b{font-weight:normal; color:#989898;}
dir>dl>dd{float:left;} 
dir>dl>dd>i{font-style:normal;}
.productdetail-comment{background:#fff; padding:28px; margin-top:28px;}
@media(max-width:1200px){
.productdetail{padding:38px 0;}
.productdetail-swiper{margin:0 auto; float:none; width:100%;}
.productdetail-swiper + .productdetail-show{margin:28px 0 0 0; padding:0;}
.productdetail h1{font-size:36px;}
.productdetail-text{font-size:14px;  margin:18px 0 0; padding-bottom:18px;}
.productdetail-param{margin-top:18px; font-size:14px;}
.productdetail-param>dl+dl{margin-top:4px;}
.productdetail-head,
.productdetail-content>aside{padding:18px 0;}
.productdetail-rem>h2{font-size:32px;}
.productdetail-rem>aside{margin:0 -10px; padding-top:10px;}
.productdetail-rem>aside>ul>li{padding:10px; width:0.3333%;}
.productdetail-rem>aside>ul>li>a>h3{font-size:15px;}
.productdetail-advantage{margin-top:40px;}
.productdetail-advantage>ul>li{padding:8px 0; font-size:15px;}
}
@media(max-width:992px){
.productdetail-rem>aside>ul>li{width:0.5%;}
}
@media(max-width:767px){
.productdetail{padding:18px 0;}
.productdetail-head{padding:0 0 12px 0;}
.productdetail-info{margin:12px 0 18px 0;}
.productdetail-show>h1{font-size:20px;}
.productdetail-swiper + .productdetail-show{margin:15px 0 0 0;}
.productdetail-text{margin:8px 0 0; padding-bottom:8px;}
.productdetail-param{margin-top:8px;}
.productdetail-content{margin-top:18px;}
.productdetail-content>ul>li{padding:4px 8px; font-size:14px;}
.productdetail-content>ul>li+li{margin-left:2px;} 
dir{padding:12px 0;}
dir>dl{padding:2px 0;}
.productdetail-tags{padding:0 0 12px 0; background:#fff;}
.productdetail-comment{padding:12px; margin-top:18px;}
.productdetail-rem>h2{font-size:22px;}
.productdetail-rem>aside{margin:0 -4px; padding-top:5px;}
.productdetail-rem>aside>ul>li{padding:4px; }
.productdetail-rem>aside>ul>li>a>h3{font-size:14px; padding:4px 0 0;}
.productdetail-advantage{margin-top:20px;}
.productdetail-advantage>h2{font-size:18px;}
.productdetail-advantage>ul>li{padding:5px 0; font-size:14px;}
.productdetail-advantage>ul>li:before{width:4px; height:4px; margin-right:10px;}
}