.productdetail{padding:60px 0; background:#fff;}

.productdetail-head{display:block; }
.productdetail-head:after{display:block; content:''; clear:both;}
.productdetail-swiper{width:600px; margin:0 auto; overflow:hidden; position:relative; max-width:100%; float:left; width:500px;}
.productdetail-outer{width:10000%;}
.productdetail-outer:after{display: block; content: ''; clear: both;}
.productdetail-item{float:left; width:1%;}
.productdetail-item img{width:100%; display:block;}
.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:#1565e3;}
.productdetail-prev{left:0;}
.productdetail-next{right:0;}
.productdetail-swiper + .productdetail-show{margin-left:628px; margin-left:528px;}

.productdetail-pager{margin-top:10px; font-size: 0; text-align: center;}
.productdetail-pager>span{display: inline-block; width:10px; height: 10px; background: #181818; margin: 0 5px;}
.productdetail-pager>span.on{background: #1565e3;}

.productdetail-show{overflow:hidden;}
.productdetail-show h1{font-size: 32px;}
.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:#1565e3;}
.productdetail-li{display:block; margin:18px 0 0;}
.productdetail-li>u{text-decoration:none; padding:6px 18px; margin-right:6px; border-radius:6px; background:#f8f8f8; display:inline-block;}
.productdetail-text{display:block; margin:20px 0 0; font-size:18px; color:#686868;}

.productdetail-work{min-height: 130px;}

.productdetail-price{display:block; margin-top:18px;}
.productdetail-price>i{font-style: normal; font-size: 16px;}
.productdetail-price>b{color:red; font-size: 20px;}

.productdetail-param{display:block; margin-top:28px; min-height:51px;}
.productdetail-param>dl{display:block; position:relative; padding-left:15px;}
.productdetail-param>dl:before{position:absolute; width:6px; height:6px; border-radius:50%; left:0; top:10px; content:''; background:#1565e3;}
.productdetail-param>dl+dl{margin-top:8px;}
.productdetail-param>dl:after{display:block; content:''; clear:both;}
.productdetail-param>dl>dt{font-size:15px; float: left;}
.productdetail-param>dl>dd{color:#686868;}

.productdetail-contact{margin-top:30px; padding-top:25px; border-top:1px solid #eee;}
.productdetail-contact:after{display:block; content:''; clear:both;}
.productdetail-contact>span{float:left; position:relative; padding-left:60px; line-height:1;}
.productdetail-contact>span>i{font-size:28px; position:absolute; left:0; top:5px; color:#fff; padding:10px; border-radius:30px; background:#1565e3;}
.productdetail-contact>span>b{display:block; font-size:20px; margin-bottom:10px; font-weight:normal;}
.productdetail-contact>span>a{display:block; font-size:32px; font-weight:bold;}
.productdetail-contact>a{float:right; margin:5px;}

.productdetail-content{display:block; margin-top:38px;}
.productdetail-content>h2{display:block; line-height:1; font-size:22px; font-weight:bold;}
.productdetail-content>h2:before{float:left; width:12px; height:12px; border-radius:8px; margin:4px 8px 0 0; content:''; background:#1565e3;}
.productdetail-content>aside{background:#fff; padding:22px 0; display:block;}
.productdetail-content>aside+h2{margin-top:28px;}
.productdetail-content>aside>p+p{margin-top:8px;}

.productdetail-tags{padding:28px 0; background:#fff;}
.productdetail-tags>a{display:inline-block; padding:2px 8px; background:#fff; border-radius:3px; color:#1565e3; border:1px solid #1565e3;}
.productdetail-tags>a:hover{color:#fff; background:#1565e3;}
.productdetail-comment{background:#fff; padding:28px; margin-top:28px;}

.productdetail-recom{padding-top:60px;}
.productdetail-recom>h2{display: block; text-align: center; margin-bottom: 20px; font-size: 32px;}
.productdetail-recom ul{margin:0 -10px;}
.productdetail-recom ul:after{display: block; content: ''; clear: both;}
.productdetail-recom ul>li{display:block; float: left; padding:10px; width: 16.666%;}
.productdetail-recom ul>li>a{display:block;} 
.productdetail-recom ul>li>a>ins{display:block; overflow: hidden;}
.productdetail-recom ul>li>a>ins>img{display:block; width: 100%; transition:.3s;}
.productdetail-recom ul>li>a:hover>ins>img{transform:scale(1.08);}
.productdetail-recom ul>li>a>h3{display:block; margin-top:10px; text-align: center; overflow:hidden; color:#686868;}



dir{text-align:left; border-top:1px solid #eee; padding:12px 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;}
@media(max-width:1600px){
.productdetail-show h1{font-size:28px;}
.productdetail-text{font-size:16px;}
.productdetail-contact>span>i{font-size: 24px;}
.productdetail-contact>span>b{font-size: 18px;}
.productdetail-contact>span>a{font-size: 28px;}
}
@media(max-width:1199px){
.productdetail{padding:40px 0;}
.productdetail-swiper{width: 49%;}
.productdetail-swiper + .productdetail-show{margin-left: 51%;}
.productdetail-recom{padding-top:40px;}
.productdetail-recom>h2{margin-bottom:10px; font-size:25px;}
.productdetail-recom ul>li{width: 33.33333%;}
}
@media(max-width:992px){  
.productdetail-param{min-height:auto;}
}
@media(max-width:767px){
.productdetail{padding:20px 0;}
.productdetail-swiper{margin:0 auto; float:none; width:100%;}
.productdetail-swiper + .productdetail-show{margin:28px 0 0 0;}
.productdetail-info{margin:12px 0 18px 0;}
.productdetail-param{margin-top:8px;}
.productdetail-show>h1{font-size:20px;}
.productdetail-swiper + .productdetail-show{margin:8px 0 0 0;}
.productdetail-text{font-size:14px; margin:4px 0 0;}
.productdetail-contact{margin-top:18px; padding-top:8px;}
.productdetail-content{margin-top:18px;}
.productdetail-content>h2{font-size:18px;}
.productdetail-content>h2:before{width:6px; height:6px; margin-right:6px;}
.productdetail-content>aside{padding:8px 0;}
.productdetail-content>aside+h2{margin-top:8px;}
.productdetail-contact>span>i{font-size:20px;}
.productdetail-contact>span{padding-left: 50px;}
.productdetail-contact>span>b{font-size: 16px;}
.productdetail-contact>span>a{font-size: 24px;}
dir{padding:8px 0;}
.productdetail-tags{padding:12px 0; background:#fff;}
.productdetail-comment{padding:12px; margin-top:18px;}
.productdetail-recom ul{margin:0 -4px;}
.productdetail-recom ul>li{width:50%; padding: 4px;}
.productdetail-recom ul>li>a>h3{font-size:14px; margin-top: 5px;}
}