.productdetail{padding:48px 0; background:;}
 
.productdetail .photo{width:611px; float:left; overflow:hidden;}
.productdetail .photo>span{display:block;}
.productdetail .photo>span img{display:block; max-width:100%; margin:0 auto;}

.productdetail .images{overflow:hidden; position:relative; }
.productdetail .images>ul{width:10000%;}
.productdetail .images>ul:after{display:block; content:''; cleart:both;}
.productdetail .images>ul>li{float:left;}
.productdetail .images>ul>li>span>a>img{display:block; width:100%;}

.productdetail .text{margin-left:611px; padding-left:38px; overflow:hidden;}
.productdetail h1{margin-bottom:8px; font-weight:bold; }

.productdetail .top{ margin-bottom:16px; color:#888;}
.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 .text>a{margin-top:18px;}

.productdetail .param{ margin-top:22px; padding-top:8px; border-top:1px solid #d8d8d8;} 
.productdetail .param>dl{padding-top:14px;}
.productdetail .param>dl:after{display: block; content:''; clear: both;}
.productdetail .param>dl>dt{float:left; padding-left:24px; position:relative; color:#686868;}
.productdetail .param>dl>dt:before{position:absolute; content:''; left:0; top:50%; margin-top:-4px; width:8px; height:8px; border-radius:8px; background:rgb(51,104,215);}
.productdetail .param>dl>dd{display:block; margin-left:108px;}

.productdetail  .text>h2{display:block; color:red; margin-top:18px;}
.productdetail  .text>h2 b{font-weight:inherit; font-size:16px; color:rgb(15,15,15);}

.productdetail .text>ul{margin-top:28px;}
.productdetail .text>ul:after{display:block; content:''; clear:both;}
.productdetail .text>ul>li{float:left;}
.productdetail .text>ul>li+li{margin-left:18px;}
.productdetail .text>ul>li>a{border:1px solid #d8d8d8; border-radius:3px; background:#f8f9fa; line-height:42px; padding:0 18px; display:block;}
.productdetail .text>ul>li>a>i{font-size:24px; position:relative; top:3px; margin-right:4px; color:rgb(51,104,215);}
.productdetail .text>ul>li>a>b{font-size:17px; font-weight:normal;}

.productdetail dir{padding-top:18px; border-top:1px solid #f0f0f0;}
.productdetail dir:after{display:block; content:''; clear:both;}
.productdetail dir>dl{ }
.productdetail dir>dl:after{display:block; content:''; clear:both;}
.productdetail dir>dl:first-child{}
.productdetail dir>dl:last-child{}
.productdetail dir>dl>dt{float:left; margin-right:8px; opacity:.88;}
.productdetail dir>dl>dt b{font-weight:inherit;}
.productdetail dir>dl>dd{float:left;}
.productdetail dir>dl>dd i{font-style:inherit;}
.productdetail dir>dl>dd a{ }
.productdetail dir>dl>dd a:hover{ }

.videofix{position:fixed; z-index:888888888; top:0; right:0; bottom:0; left:0; padding:16px; background:rgba(0,0,0,.58); display:none;
-webkit-box-pack:center; -moz-box-pack:center; -ms-flex-pack:center; -o-box-pack:center; box-pack:center; 
-webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; -o-box-align:center; box-align:center;}
.videofix.on{display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-o-box; display:box; }
.videobox{width:800px; max-width:100%; background:#fff; padding:8px; position:relative; box-shadow:0 0 18px rgba(0,0,0,.48); }
.videobox>em{position:absolute; right:-12px; top:-12px; transition:.3s; box-shadow:0 0 8px rgba(0,0,0,.48); width:30px; height:30px; line-height:30px; text-align:center; font-size:28px; 
border-radius:30px; z-index:88; cursor:pointer; background:#fff;}
.videobox>em:hover{color:#fff; background:rgb(51,104,215);}
.videobox>video{display:block; width:100%;}


.productdetail .connav{color:#fff; margin-top:68px; background:rgb(51,104,215);}
.productdetail .connav ul:after{display:block; content:''; clear:both;}
.productdetail .connav ul>li{width:20%; float:left; position:relative; text-align:center;}
.productdetail .connav ul>li span{display:block; cursor:pointer; padding:18px;}
.productdetail .connav ul>li i{width:50px; height:50px; display:block; margin:auto; line-height:48px; text-align:center; font-size:22px; border:1px solid #fff; border-radius:50%;}
.productdetail .connav ul>li u{text-decoration:none; display:block; margin:6px 0 0 0;}
.productdetail .connav ul>li.on:before{position:absolute; bottom:0; left:50%; content:''; border-width:0 8px 8px 8px; margin-left:-8px; border-style:solid; border-color:transparent; border-bottom-color:#fff;}

.productdetail .content>article>aside{padding:48px 0; display:none;}
.productdetail .content>article>aside.on{display:block;}

.productdetail .tag{margin-bottom:18px;}
.productdetail .tag a{display:inline-block; margin-right:8px; border:1px solid #f0f0f0; padding:2px 8px; border-radius:3px;}


.prorecom{padding:48px 0; background:#f8f9fa;}
.prorecom h2{font-size:28px; font-weight:700; margin-bottom:16px; display:block;}
.prorecom .prorelist{overflow:hidden; margin:0 -16px; position:relative;}
.prorecom .prorelist>ul{width:10000%;}
.prorecom .prorelist>ul:after{display:inline-block; content:''; clear:both;}
.prorecom .prorelist>ul>li{float:left; width:0.25%; padding:0 16px;}
.prorecom .prorelist>ul>li a{display:block; background:#fff; text-align:center;}
.prorecom .prorelist>ul>li ins{display:block; overflow:hidden;}
.prorecom .prorelist>ul>li ins>img{display:block; transition:.3s;}
.prorecom .prorelist>ul>li a:hover ins>img{transform:scale(1.05);}
.prorecom .prorelist>ul>li span{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center; padding:12px 16px;}
.prorecom .prorelist>dl{}
.prorecom .prorelist>dl>*{position:absolute; cursor:pointer; z-index:1; top:50%; text-align:center; background:rgba(0,8,16,0.38); color:#fff; font-size:24px; line-height:40px; margin-top:-20px; width:30px;}
.prorecom .prorelist>dl>*:hover{background:rgb(51,104,215);}
.prorecom .prorelist>dl>dt{left:16px; }
.prorecom .prorelist>dl>dd{right:16px; }


@media(min-width:992px){
.productdetail .photo{ }
.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:rgb(51,104,215);}
.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:rgb(15,15,15);}
.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:rgb(51,104,215);}

.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:rgb(51,104,215);}
}

@media(max-width:1200px){
.prorecom .prorelist{margin:0 -8px;}
.prorecom .prorelist>ul>li{padding:0 8px;}
}

@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:rgb(51,104,215);}
.productdetail .images>dl{display:none;} 
.productdetail h1{margin:8px 0;}
.prorecom{padding:38px 0;}
.prorecom .prorelist>ul>li{width:0.3333%;}
}
@media(max-width:767px){
.productdetail h1{font-size:22px; margin:4px 0 0;}
.productdetail .top{margin-bottom:4px;}
.productdetail aside{margin-bottom:8px;}  
.productdetail dir{padding-top:8px;}
.productdetail .content>aside{margin-bottom:8px;}
.productdetail .content>ul{margin:12px 0 8px 0;}
.productdetail .content>ul>li{padding:4px 8px;}
.productdetail .text>ul{margin-top:18px;}
.productdetail .text>ul>li>a{padding:0 12px;}
.productdetail .text>ul>li>a>i{font-size:20px;}
.productdetail .text>ul>li>a>b{font-size:15px;}
.productdetail .text>ul>li+li{margin-left:8px;}
.productdetail .connav{margin-top:28px;}
.productdetail .connav ul>li span{padding:8px 0;}
.productdetail .connav ul>li u{font-size:12px;}
.productdetail .param{margin-top:18px;}
.productdetail .param>dl{padding-top:4px;}
.productdetail .content>article>aside{padding:28px 0;}
.prorecom{padding:18px 0;}
.prorecom h2{font-size:22px;}
.prorecom .prorelist{margin:0 -4px;}
.prorecom .prorelist>ul>li{padding:0 4px; width:0.5%;}
}