.position{border:none;}

.productdetail{padding-bottom:60px;}
.productdetail-head{display:block; background:#eef2f8; padding:35px 0;}
.productdetail-head:after{display:block; content:''; clear:both;}

.productdetail-images{float:left; width:50%; padding:20px; background:#fff; border-radius:10px; position:relative;}

.productdetail-images>span{position:absolute; top:0; left:0; bottom:0; right:0; z-index:6; padding:24px;}
.productdetail-images>span>ol{width:14.5%; max-height:100%; padding-right:15px; overflow:auto;}
.productdetail-images>span>ol>li{position:relative; width:100%; padding-bottom:100%; border:1px solid #d8d8d8; overflow:hidden; border-radius:5px; cursor:pointer;}
.productdetail-images>span>ol>li+li{margin-top:15px;}
.productdetail-images>span>ol>li[class*="active"]{border-color:#2b7ffe;}
.productdetail-images>span>ol>li>img{position:absolute; top:0; left:0; display:block; width:100%; height:100%; object-fit:contain;}

.productdetail-images>div{margin-left:14.5%; overflow:hidden; position:relative; z-index:8;}
.productdetail-images>div>ul{width:10000%; display:flex; align-items:flex-start;}
.productdetail-images>div>ul>li{float:left; width:1%; text-align:center;}
.productdetail-images>div>ul>li>ins{display:inline-block; position:relative;}
.productdetail-images>div>ul>li>ins>i{position:absolute; visibility:hidden; width:144px; height:144px; top:0; left:0; opacity:0.3; cursor:move; border:1px solid #224eb5; background:#2b7ffe;}
.productdetail-images>div>ul>li>ins:hover>i{visibility:visible;}


.productdetail-images>div>ul>li>ins>img{max-width:100%; height:288px; display:block;}

.productdetail-images>em{position: absolute; display: none; z-index:888; left:91%; top:24px; width:288px; height:288px; border:1px solid #d8d8d8; background:#fff; overflow:hidden;}
.productdetail-images>em>img{position:absolute; left:0; left:0; max-width:none; height:560px;}



.productdetail-images>div>ul>li b{display:block; margin-top:16px; font-size:18px; color:#fff;}

.productdetail-images>a.model3d{position:absolute; z-index:10; bottom:20px; right:20px; background:#fff; border:1px solid #d8d8d8; padding:7px 9px; border-radius:5px;}
.productdetail-images>a.model3d>img{float:left; height:30px;}
.productdetail-images>a.model3d>b{float:left; height:30px; line-height:30px; padding:0 5px 0 10px; font-size:15px; font-weight:normal;}
.productdetail-images>a.model3d:hover{background:#2b7ffe; border-color:#2b7ffe;}
.productdetail-images>a.model3d:hover>b{color:#fff;}



.productdetail-images>div>i{position:absolute; z-index:8; top:50%; width:40px; height:40px; line-height:36px; text-align:center; border-radius:40px; margin-top:-20px; font-size:30px; cursor:pointer; z-index:8; opacity:0; transition:.3s; border:2px solid #686868; color:#686868;}
.productdetail-images>div>i[class*="disabled"]{cursor:no-drop; color:#989898; border-color:#989898;}
.productdetail-images>div:hover>i{opacity:1; }
.productdetail-images>div>i:not([class*="disabled"]):hover{color:#fff; background:#2b7ffe; border-color:#2b7ffe;}
.productdetail-images>div>i.ri-arrow-left-s-line{left:5px; text-indent:-3px;}
.productdetail-images>div>i.ri-arrow-right-s-line{right:0; text-indent: 3px;}

.productdetail-show{float:left; width:50%; padding-left:40px; overflow:hidden;}
.productdetail-show>h1{font-size:28px; margin-top:15px;}
.productdetail-show>h2{font-size:18px; margin-top:3px; font-weight:normal;}
.productdetail-show>p{font-size:16px; margin-top:30px; height:112px; overflow:hidden; color:#686868;}
.productdetail-show>span{display:block; margin-top:20px;}
.productdetail-show>span>a{padding:4px 22px;}
.productdetail-show>span>a+a{margin-left:20px;}
.productdetail-show>span>a>b{font-weight:normal;}

.productdetail-tab{margin:20px 0 40px 0;}
.productdetail-tab a{float:left; font-size:16px; padding:10px 15px; transition:0s;}
.productdetail-tab a+a{margin-left:10px;}
.productdetail-tab a.on{font-weight:bold; border-bottom:3px solid #2b7ffe;}

.productdetail-content{display:none; font-size:16px;}
.productdetail-content p+p{margin-top:14px;}
.productdetail[tab="desc"] .productdetail-content{display:block;}

.productdetail-file{display:none;}
.productdetail[tab="file"] .productdetail-file{display:block;}

.productdetail-iframe{display:none; margin-top:60px;}
.productdetail-iframe h2{display:block; margin-bottom:20px;}
.productdetail-iframe iframe{display:block; width:100%; height:800px; border:none; border-radius: 5px; overflow: hidden; border:1px solid #d8d8d8;}
.productdetail-iframe div i{font-size:18px; margin-right:4px; color:#2b7ffe;}
.productdetail[tab="file"] .productdetail-iframe{display:block;}

.productdetail-tech{display:none; font-size:16px;}
.productdetail-tech p+p{margin-top:14px;}
.productdetail[tab="tech"] .productdetail-tech{display:block;}



.prorecommend{background:#eef2f8; padding:60px 0;}
.prorecommend .title{margin-bottom:30px;}
.prorecommend-swiper{overflow: hidden; position: relative; margin:0 -10px;}
.prorecommend-wrapper{ width: 10000%;}
.prorecommend-wrapper:after{display: block; content: ''; clear: both;}
.prorecommend-slide{width: .2%; float: left; padding:0 10px;}
.prorecommend-slide>a{display: block; border-radius:10px 10px 0 0; overflow: hidden; background: #fff;}
.prorecommend-slide>a>img{display: block; width: 100%; height: 250px; object-fit:contain; transition: .3s;}
.prorecommend-slide>a:hover>img{transform: scale(1.05);}
.prorecommend-slide>span{display: block; padding:15px; border-radius:0 0 10px 10px; overflow: hidden; background: #2b7ffe; background:;}
.prorecommend-slide>span>h3{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.prorecommend-slide>span>h3>a{color:#fff;}
.prorecommend-slide>span>h3>a:hover{color:#eef2f8; text-decoration: underline;}
.prorecommend-slide>span>p{margin-top:6px; display: block; color: #fff; overflow: hidden; line-height:22px; height:44px; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.prorecommend-pager{display: block; text-align: center; margin-top:20px; font-size: 0;}
.prorecommend-pager>span{display: inline-block; width: 10px; height: 10px; cursor: pointer; margin-left:10px; background: #101111; border-radius: 50px;}
.prorecommend-pager>span[class*="active"]{background: #2b7ffe;}


@media(max-width:1200px){
.productdetail{padding-bottom:40px;}
.productdetail-images>div>i,
.productdetail-images>div>ul>li>ins>i{display:none;}
.productdetail-show{padding-left:20px;}
.productdetail-title>h1{font-size:32px;}
.productdetail-title>h2{font-size:26px;}
.productdetail-text{font-size:14px; margin:20px 0 0; padding-bottom:20px;}
.productdetail-param{margin-top:30px;}
.productdetail-param>ul>li{font-size:16px;}
.productdetail-param>ul>li+li{margin-top:15px;}
.productdetail-param>ul>li>i{font-size:20px;}
.productdetail-tech,
.productdetail-content{font-size:15px;}
.productdetail-iframe{margin-top:40px;}
.productdetail-iframe h2{margin-bottom:10px;}
.productdetail-content p+p{margin-top:10px;}
.prorecommend{padding:40px 0;}
.prorecommend .title{margin-bottom:20px;}
.prorecommend-slide{width: .333%;}
}
@media(max-width:992px){
.productdetail-images{float:none; width:100%;}
.productdetail-show{float:none; width:100%; padding:30px 0 0;}
.prorecommend-slide{width: .5%;}
}
@media(max-width:767px){
.productdetail{padding-bottom:20px;}

.productdetail-head{padding:15px 0;}
.productdetail-images{border-radius:5px; padding:8px;}
.productdetail-images>span{padding:8px;}
.productdetail-images>div>ul>li>ins>img{height: 188px;}
.productdetail-images>a.model3d{padding:4px 5px; bottom:8px; right:8px;}
.productdetail-images>a.model3d>img{height:20px;}
.productdetail-images>a.model3d>b{height:20px; line-height:20px; padding:0 4px 0 8px; font-size:14px;}
.productdetail-images>span>ol>li+li{margin-top:8px;}
.productdetail-images>span>ol{padding-right:8px;}

.productdetail-tab{margin:10px 0 20px 0;}
.productdetail-tab a{padding:4px 8px; font-size:15px;}
.productdetail-show{padding-top:20px;}
.productdetail-show>h1{font-size:22px; margin-top: 0;}
.productdetail-show>h2{font-size:15px; margin-top: 0;}
.productdetail-show>p{margin-top:10px; font-size:14px; height:auto;}
.productdetail-show>span>a+a{margin-left:10px;}
.productdetail-tech,
.productdetail-content{font-size:14px;}
.productdetail-title>h3{font-size:14px;}
.productdetail-title>h1{font-size:26px;}
.productdetail-title>h2{font-size:20px;}
.productdetail-text{margin-top:15px; padding-bottom:15px;}
.productdetail-param{margin-top:15px;}
.productdetail-param>ul>li{font-size:15px;}
.productdetail-param>ul>li+li{margin-top:10px;}
.productdetail-param>ul>li>i{font-size:18px; margin-right:5px;}
.productdetail-contact{margin-top:15px; padding-top:15px;}
.productdetail-content p+p{margin-top:6px;}
.productdetail-contact>span>i{font-size:20px; top:3px;}
.productdetail-contact>span{padding-left:50px;}
.productdetail-contact>span>b{font-size:16px; margin-bottom:5px;}
.productdetail-contact>span>a{font-size:24px;}
.productdetail-contact>a{font-size:14px; padding:3px 15px; margin-top:4px;}

.productdetail-iframe{margin-top:20px;}
.productdetail-iframe h2{margin-bottom:5px;}

.prorecommend{padding:20px 0;}
.prorecommend .title{margin-bottom:10px;}
.prorecommend-swiper{margin:0 -4px;}
.prorecommend-slide{padding:0 4px;}
.prorecommend-slide>span{padding: 8px;}
.prorecommend-slide>span>p{margin-top:4px;}
.prorecommend-slide>a>img{height:150px;}
.prorecommend-pager>span{width:8px; height:8px; margin-left:8px;}
}