.productdetail{background:; }
.productdetail .photo{width:100%; overflow:hidden;}
.productdetail .images{overflow:hidden; position:relative; }
.productdetail .images p{text-align:center;margin-bottom:15px;}

.productdetail .text{width:100%; text-align: center;}
.productdetail .text h1{margin-bottom:8px;}
.productdetail .top{opacity:.68; margin-bottom:10px; padding-bottom: 15px; border-bottom: 1px solid #f0f0f0;}
.productdetail .top b{font-weight:inherit;}
.productdetail .top i{font-style:inherit; margin-right:18px;}
.productdetail .top i:last-child{margin:0;}
.productdetail .text>dl{padding-bottom:8px;}
.productdetail .text>dl:after{display:block; content:''; clear:both;}
.productdetail .text>dl>dt{float:left; opacity:.88;}
.productdetail .text>dl>dd{float:left;}

.productdetail .param{display:flex; flex-wrap:nowrap; margin-bottom: 15px;}
.productdetail .param>dl{ width:33%; text-align: left; padding:20px 0 10px; border-bottom: 1px solid #eee;}
.productdetail .param>dl>dt{line-height: 28px; height: 28px; font-size: 15px;}
.productdetail .param>dl>dd{line-height: 40px; height: 40px; font-size: 20px;}
.productdetail .param>dl>dd>a{
    font-size: 18px;
    background-color: #1258a0;
    padding: 5px 15px;
    border-radius: 5px;
    color: #fff;
}

.productdetail .text>h2{display:block; color:red; margin-top:18px;}
.productdetail .text>h2 b{font-weight:inherit; font-size:15px; color:#181818;}

.productdetail .guarantee{display: flex; justify-content: center; justify-items: center; margin: 50px 0;}
.productdetail .guarantee span{display: inline-block; width: 33.3%; border-radius: 10px; background-color: #333; padding: 3% 1%; margin: 0 30px;text-align:center;} 

.productdetail .guarantee span p{color: #fff; text-align: center; }

@media(max-width:767px){
    .productdetail .guarantee span{margin:0 5px;}
    .productdetail .guarantee span p{font-size: 13px;}
}

.productdetail .contact{
    display: flex;
    margin-top: 15px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.productdetail .contact a{
    text-align: center;
    display: inline-block;
    width: 45%;
    height: 50px;
    line-height: 50px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    border: 1px solid #d3d3d3;
    background-color: #fafafa;
    -webkit-transition: all .5s ease;
 	transition: all .5s ease;
}

.productdetail .contact a:hover {
    background: #006F83;
    color: #fff;
}

section.prev_next{
    padding: 20px 0;
}
.prev-next dir{padding:18px 0; border:1px solid #f0f0f0;display: flex;flex-wrap: wrap;justify-content: space-between;border-radius: 5px;}
.prev-next dir dl{
    padding: 10px;
}

section.video{
    margin-bottom: 20px;
}

.product-video{
    display: flex;
    justify-content: center;
    position: relative;
}

.product-video .water_logo{
    position: absolute;
    top: 20px;
    left: calc(50% - 70px);
}

@media(max-width:1199px){
.productdetail .photo{width:55%;}
.productdetail .text{margin-left:45%; padding-left:18px;}

.productdetail .param>dl{padding-top:10px;}
.productdetail .param>dl>dt{line-height: 20px; height: 20px; font-size: 14px;}
.productdetail .param>dl>dd{line-height: 30px; height: 30px; font-size: 20px;}

}
@media(min-width:992px){
.productdetail{padding-top:28px; padding-bottom:28px;} 
.productdetail .photo>span+.images{margin:18px -8px 0 -8px;}
.productdetail .images{margin:0 -8px;}
.productdetail .images>ul>li{width:.25%; padding:0 8px;}
.productdetail .images>ul>li>span{position:relative; display:block; cursor:pointer; overflow:hidden;}
.productdetail .images>ul>li>span:before{display:block; content:''; border:1px solid rgba(0,0,0,0); position:absolute; top:0; right:0; bottom:0; left:0; z-index:9; transition:.3s;}
.productdetail .images>ul>li.on>span:before{border-color:#1258af;}
.productdetail .images>ol{display:none;}
.productdetail .images>dl{visibility:hidden; opacity:0; transition:.3s;}
.productdetail .images:hover>dl{visibility:visible; opacity:1;}
.productdetail .images>dl>*{position:absolute; z-index:9; top:50%; width:20px; height:20px; margin-top:-10px; transform:rotate(45deg); cursor:pointer; transition:.3s; border-style:solid;  border-color:#181818;}
.productdetail .images>dl>*[class*='disabled']{cursor:no-drop;}
.productdetail .images>dl>dt{left:15px; border-width:0 0 2px 2px;}
.productdetail .images>dl>dd{right:15px; border-width:2px 2px 0 0;}
.productdetail .images>dl>dt:hover,
.productdetail .images>dl>dd:hover{border-color:#1258af;}
.subnav ul::-webkit-scrollbar{height:0; background:;}
.subnav ul::-webkit-scrollbar-track-piece{height:0;}
.subnav ul::-webkit-scrollbar-thumb{background:rgba(0,0,0,0); transition:.2s;}
.subnav ul:hover::-webkit-scrollbar-thumb{background:#1258af;}
}
@media(max-width:991px){
.productdetail{padding-top:18px; padding-bottom:18px;} 
.productdetail .photo{width:100%; float:none;}
.productdetail .text{margin-left:0; padding-left:0;}
.productdetail .photo>span.more{display:none;}
.productdetail .images>ul>li{width:1%;}
.productdetail .images>ul>li>span>a>img{width:auto; margin:0 auto;}
.productdetail .images>ol{position:absolute; bottom:10px; left:0; right:0; text-align:center; font-size:0;}
.productdetail .images>ol>li{display:inline-block; cursor:pointer;}
.productdetail .images>ol>li:before{display:block; content:''; border-radius:15px; box-shadow:0 0 5px rgba(0,0,0,.1);}
.productdetail .images>ol>li:before{margin:0 2px 0 3px; width:5px; height:5px;}
.productdetail .images>ol>li.active:before{background:#1258af;}
.productdetail .images>dl{display:none;} 
.productdetail h1{margin:8px 0;}
.productdetail .comment{margin-top:18px;}
}

@media(max-width:767px){
.productdetail .text{margin-top: 20px;}
.productdetail h1{font-size:20px; margin:4px 0 0;}
.productdetail .top{margin-bottom:4px;}
.productdetail aside{margin-bottom:8px;}  
.productdetail dir{padding-top:8px;}

.productdetail .param{flex-wrap:wrap;margin-top:8px; padding-top:4px;} 
.productdetail .param>dl{width:100%; padding-top:4px;}
.productdetail .param>dl:after{display:block; content:''; clear:both;}
.productdetail .param>dl>dt{font-size: 13px; opacity:.88;}
.productdetail .param>dl>dd{font-size: 16px;}
    .product-video .water_logo{
        width: 100px;
        left: calc(50% - 5px);
    }

}

.recom{
    padding: 20px 0;
}
.recom .sub .sub-title{border-bottom:1px solid #e8e8e8; line-height:58px; padding:0 18px;}
.recom .sub .sub-title:after{display:block; content:''; clear:both;}
.productdetail-recom>ul{margin:0 -12px;}
.productdetail-recom>ul>li{float:left; width:25%; padding:0 12px; margin-top:28px;}
.productdetail-recom ins{display:block; overflow:hidden;}
.productdetail-recom ins>img{display:block; width:100%; transition:.3s;}
.productdetail-recom a:hover ins>img{transform:scale(1.05);}
.productdetail-recom span{display:block; line-height:28px; padding:14px 0;}
.productdetail-recom span:after{display:block; content:''; clear:both;}
.productdetail-recom span>h3{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.productdetail-recom span>i{float:right; border-left:1px dashed #d8d8d8; font-size:22px; width:38px; text-align:center; line-height:inherit;}
.productdetail-recom span+u{display:block; text-decoration:none; height:1px; width:100%; background:#d8d8d8; transition:.3s;}
.productdetail-recom span+u:before{display:block; content:''; transition:.3s; width:0; height:100%; background:#1258af;}
.productdetail-recom a:hover span+u:before{width:100%;}
@media(max-width:1200px){
.productdetail{padding:20px 0;}
.productdetail-swiper{margin:0 auto; float:none;}
.productdetail-swiper + .productdetail-show{margin:28px 0 0 0;}
.productdetail-recom>ul{margin:0 -8px;}
.productdetail-recom>ul>li{padding:0 8px; margin-top:18px;}
}
@media(max-width:992px){
.productdetail-recom ul>li{width:50%;}
.productdetail-recom>ul{margin:0 -4px;}
.productdetail-recom>ul>li{width:50%; padding:0 4px; margin-top:18px;}
.productdetail-recom span{line-height:22px; padding:8px 0;}
.productdetail-recom span>h3{font-size:15px;}
.productdetail-recom span>i{font-size:18px; width:28px;}
.productdetail .sub .sub-title h2{font-size: 20px;}
}