.pro-detail-content{position:relative}
.pro-detail-content .pro-review{margin:50px 260px 30px;display:flex}
.pro-detail-content .pro-review .pro-preview-left{min-width:428px;height:500px;box-sizing:border-box}
.pro-detail-content .pro-review .pro-preview-right{padding:30px 100px 0;margin-bottom:30px;flex:1}
.pro-detail-content .pro-review .pro-preview-right .pro-name{font-size:30px;font-family:Lato;font-weight:700;color:#2B2B2B;}
.pro-detail-content .pro-review .pro-preview-right .pro-price,.pro-detail-content .pro-review .pro-preview-right .pro-views{font-size:24px;font-family:Arial;color:#2b3aa1;line-height:24px;margin:20px 0}
.pro-detail-content .pro-review .pro-preview-right article{font-size:16px;color:#2B2B2B;line-height:24px;margin-right:100px}
.pro-detail-content .pro-review .pro-preview-right .btn-list{margin-top:10px;display:flex;flex-wrap:wrap}
.pro-detail-content .pro-review .pro-preview-right .btn-list .btn,.pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2{height:46px;width:300px;border:1px solid #2b3aa1;display:flex;justify-content:center;align-items:center;margin:20px 20px 0 0;cursor:pointer}
.pro-detail-content .pro-review .pro-preview-right .btn-list .btn a,.pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2 a{width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.pro-detail-content .pro-review .pro-preview-right .btn-list .btn span,.pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2 span{font-size:18px;color:#2b3aa1}
.pro-detail-content .pro-review .pro-preview-right .btn-list .btn:hover span,.pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2:hover span{color:#FFF}
.pro-detail-content .pro-detail-title{line-height:64px;padding:0 260px;height:64px;width:100%;background:#F8F8F8;font-size:20px;color:#2B2B2B;font-weight:700}
.pro-detail-content .pro-intro{margin:30px 260px 0}
.pro-detail-content .pro-intro .intro-title{font-size:20px;font-weight:700;color:#2b3aa1;line-height:50px}
.pro-detail-content .pro-intro article{font-size:16px;color:#2B2B2B;line-height:24px;padding:20px 0px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}
.pro-detail-content .pro-spec{margin:30px 260px 0}
.pro-detail-content .pro-spec .spec-title{font-size:20px;font-weight:700;color:#2b3aa1;line-height:50px}
.pro-detail-content .pro-spec .spec-content{padding:20px 0px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}
.pro-detail-content .pro-spec .spec-content table tr td{height:50px;width:480px}
.pro-detail-content .productsTags{margin:30px 260px 0}
.pro-detail-content .pro-bottom-tip{margin:0 260px;font-size:16px;color:#2B2B2B;padding:40px 0}
.pro-detail-content .pro-page-switch{width:100%;background:#F8F8F8;height:50px;padding:0 260px;display:flex;justify-content:space-between;margin:50px 0}
.pro-detail-content .pro-page-switch .page-next,.pro-detail-content .pro-page-switch .page-prev{font-size:18px;font-weight:700;color:#2B2B2B;line-height:50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.pro-detail-content .pro-page-switch .page-prev{display:flex}
.pro-detail-content .pro-page-switch .page-prev i{margin-right:10px}
.pro-detail-content .pro-page-switch .page-prev .page-btn{margin-right:30px}
.pro-detail-content .pro-page-switch .page-next{display:flex;flex-direction:row-reverse}
.pro-detail-content .pro-page-switch .page-next i{margin-left:10px}
.pro-detail-content .pro-page-switch .page-next .page-btn{margin-left:30px}
.pro-detail-content .pro-page-switch .page-btn{width:240px;height:100%;background:#2b3aa1;display:flex;justify-content:center;align-items:center;color:#FFF;font-size:20px;line-height:50px}
.pro-detail-content .pro-page-switch a{font-size:18px;font-weight:700;color:#2B2B2B;line-height:50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.pro-detail-content .random-pro-list{margin:0 260px}
.pro-detail-content .random-pro-list .random-title{font-size:30px;font-weight:700;color:#2B2B2B}
.pro-detail-content .random-pro-list ul{margin-top:30px;display:flex;justify-content:flex-start}
.pro-detail-content .random-pro-list ul li{flex:1;max-width:15%;min-width:15%;margin-left: 5px;}
.pro-detail-content .random-pro-list ul li .pro-img{width:100%;border:1px solid #EEE;display:flex;justify-content:center;align-items:center;overflow:hidden}
.pro-detail-content .random-pro-list ul li .pro-img img{width:100%;transition:all .3s ease}
.pro-detail-content .random-pro-list ul li .pro-img:after{display:block;content:"";padding-top:100%}
.pro-detail-content .random-pro-list ul li .pro-name{text-align:center;;font-weight:700;color:#2B2B2B;min-height:40px;margin:20px 0}
.pro-detail-content .random-pro-list ul li .more-btn{margin:0 auto;display:block;width:100px;height:33px;border:1px solid #000;border-radius:16px;display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:700;color:#2B2B2B;transition:all .3s ease}
.pro-detail-content .random-pro-list ul li:hover .more-btn{background:#2b3aa1;color:#FFF;border:1px solid #2b3aa1}
.pro-detail-content .random-pro-list ul li:hover .pro-img img{transform:scale(1.2)}
.pro-detail-content .send-inquiry{margin-top:90px}
.pro-detail-content .send-inquiry .inquiry-title{height:64px;width:100%;background:#F8F8F8;margin:40px 0;font-size:30px;font-weight:700;color:#2B2B2B;text-align:center;line-height:64px}
.pro-detail-content .send-inquiry .inquiry-form{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;margin:0 260px}
.pro-detail-content .share-btn-list{margin-top:30px}

.preview-container{position:relative;width:450px}
.preview-container .small-box{position:relative;width:450px;height:450px;border:1px solid #EEE;display:flex;justify-content:center;align-items:center;box-sizing:border-box}
.preview-container .small-box img{max-width:100%;max-height:100%}
.preview-container .small-box .hover{position:absolute;width:180px;height:180px;background-color:hsla(0,0%,80%,.6);border:1px solid #EEE;display:none}
.preview-container .thumbnail-box{margin-top:40px;position:relative;width:100%;box-sizing:border-box}
.preview-container .thumbnail-box .list{overflow:hidden;width:390px;margin:0 auto;position:relative}
.preview-container .thumbnail-box .list ul{width:100000px;display:flex;transition: margin-left 0.5s ease;}
.preview-container .thumbnail-box .list ul .item{width:58px;height:58px;display:flex;justify-content:center;align-items:center;margin:0 10px;box-sizing:border-box;border:1px solid #CCC}
.preview-container .thumbnail-box .list ul .item:hover{cursor:pointer}
.preview-container .thumbnail-box .list ul .item img{max-width:100%;max-height:100%}
.preview-container .thumbnail-box .list ul .item-cur{border:1px solid #2b3aa1}
.preview-container .thumbnail-box .list .banner-page{display:none;justify-content:center;align-items:center;position:absolute;height:6.6666666667vw;width:13.3vw;border-radius:5.3vw;background:rgba(0,0,0,.8);bottom:1.3vw;right:1.3vw;z-index:999}
.preview-container .thumbnail-box .list .banner-page span{color:#FFF;font-size:4vw}
.preview-container .thumbnail-box .shop-btn{position:absolute;top:50%;width:22px;height:32px;margin-top:-16px}
.preview-container .thumbnail-box .btn-prev{left:0;background:url(../../assets/imgs/products/btn_prev.png) no-repeat}
.preview-container .thumbnail-box .btn-next{right:0;background:url(../../assets/imgs/products/btn_next.png) no-repeat}
.preview-container .thumbnail-box .btn_prev_disabled{background:url(../../assets/imgs/products/btn_prev_disabled.png) no-repeat;cursor:not-allowed;}
.preview-container .thumbnail-box .btn_next_disabled{background:url(../../assets/imgs/products/btn_next_disabled.png) no-repeat;cursor:not-allowed;}
.preview-container .big-box{display:none;overflow:hidden;top:0;left:449px;border:1px solid #EEE;position:absolute;width:450px;height:450px;box-sizing:border-box;background:#FFF;z-index:20}
.preview-container .big-box img{display:block;max-width:none;width:130%}

.hvr-shutter-out-vertical{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;background:#FFF;transition-property:color;transition-duration:.3s}
.hvr-shutter-out-vertical:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#2b3aa1;transform:scaleY(0);transform-origin:50%;transition-property:transform;transition-duration:.3s;transition-timing-function:ease-out}
.hvr-shutter-out-vertical:active,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:hover{color:#FFF}
.hvr-shutter-out-vertical:active:before,.hvr-shutter-out-vertical:focus:before,.hvr-shutter-out-vertical:hover:before{transform:scaleY(1)}

.pro-detail-content p img{
  max-width: 100%;
}

.table td,.table th{border:1px solid #cdcdcd;padding:5px}
.table{border-collapse:collapse}
@media(min-width:1080px){
    .pro-detail-content .pro-review .pro-preview-right article {
        width: 500px;
    }
}

@media(min-width:1281px)and (max-width:1520px){
  .pro-detail-content .pro-review{margin:50px 100px 0}
  .pro-detail-content .pro-review .pro-preview-right{padding:30px 50px 0}
  .pro-detail-content .pro-detail-title{padding:0 100px}
  .pro-detail-content .pro-intro,.pro-detail-content .pro-spec,.pro-detail-content .productsTags{margin:30px 100px 0}
  .pro-detail-content .pro-bottom-tip{margin:0 100px}
  .pro-detail-content .pro-page-switch{padding:0 100px}
  .pro-detail-content .random-pro-list,.pro-detail-content .send-inquiry .inquiry-form{margin:0 100px}}
@media(min-width:1081px)and (max-width:1280px){
  .pro-detail-content .pro-review{margin:50px 50px 0}
  .pro-detail-content .pro-review .pro-preview-right{width:500px;padding:30px 20px 0}
  .pro-detail-content .pro-review .pro-preview-right .pro-name{font-size:24px}
  .pro-detail-content .pro-review .pro-preview-right .btn-list{margin-top:20px}
  .pro-detail-content .pro-detail-title{padding:0 50px}
  .pro-detail-content .pro-intro,.pro-detail-content .pro-spec,.pro-detail-content .productsTags{margin:30px 50px 0}
  .pro-detail-content .pro-bottom-tip{margin:0 50px}
  .pro-detail-content .pro-page-switch{padding:0 50px}
  .pro-detail-content .random-pro-list{margin:0 50px}
  .pro-detail-content .random-pro-list ul li .pro-name{font-size:14px}
  .pro-detail-content .send-inquiry .inquiry-form{margin:0 50px}}
@media(min-width:769px)and (max-width:1080px){
  .pro-detail-content .pro-review{margin:50px 25px 0}
  .pro-detail-content .pro-review .pro-preview-right{width:400px;padding:30px 20px 0}
  .pro-detail-content .pro-review .pro-preview-right .btn-list{margin-top:20px}
  .pro-detail-content .pro-detail-title{padding:0 25px}
  .pro-detail-content .pro-intro,.pro-detail-content .pro-spec,.pro-detail-content .productsTags{margin:30px 25px 0}
  .pro-detail-content .pro-bottom-tip{margin:0 25px;font-size:14px}
  .pro-detail-content .pro-page-switch{padding:0 25px}
  .pro-detail-content .random-pro-list{margin:0 25px}
  .pro-detail-content .random-pro-list ul li .pro-name{font-size:12px}
  .pro-detail-content .send-inquiry .inquiry-form{margin:0 25px}}
@media screen and (max-width:768px){
  .pro-detail-content .pro-review{margin:0 6.6666666667vw;flex-direction:column}
  .pro-detail-content .pro-review .pro-preview-left{width:100%;min-width:100%;height:auto}
  /*.pro-detail-content .pro-review .pro-preview-left .preview-container{visibility:hidden;width:100%}*/
  /*.pro-detail-content .pro-review .pro-preview-left .preview-container .small-box{display:none}*/
  .pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box{margin-top:0}
  .pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box a{display:none}
  .pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list,.pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list .wrapper{width:100%}
  .pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list .wrapper .item{height:auto;border:none;margin-left:10px;margin-top:10px;width:50px;height:50px}
  .pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list .wrapper .item img{width:100%}
  .pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list .banner-page{display:flex}
  .pro-detail-content .pro-review .pro-preview-right{margin-bottom:0;padding:4vw 0}
  .pro-detail-content .pro-review .pro-preview-right .pro-name{font-size:4vw}
  .pro-detail-content .pro-review .pro-preview-right .pro-price,.pro-detail-content .pro-review .pro-preview-right .pro-views{font-size:4vw;margin:1.3vw 0}
  .pro-detail-content .pro-review .pro-preview-right .share-btn-list{margin:4vw 0}
  .pro-detail-content .pro-review .pro-preview-right article{font-size:3.4vw;line-height:4.8vw;margin-right:0}
  .pro-detail-content .pro-review .pro-preview-right .btn-list{justify-content:space-between;margin-top:4vw}
  .pro-detail-content .pro-review .pro-preview-right .btn-list .btn,.pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2{height:6.6666666667vw;width:40vw;margin:2vw 0}
  .pro-detail-content .pro-review .pro-preview-right .btn-list .btn span,.pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2 span{font-size:4vw}
  .pro-detail-content .pro-review .singglepic{width:100%!important;height:auto!important;margin-top:4vw;margin-bottom:0!important;border:none!important}
  .pro-detail-content .pro-review .singglepic img{max-width:100%;max-height:100%}
  .pro-detail-content .pro-detail-title{line-height:5.3vw;padding:1.3vw 6.6666666667vw;height:auto;width:100%;font-size:4vw}
  .pro-detail-content .pro-intro{margin:4vw 6.6666666667vw}
  .pro-detail-content .pro-intro .intro-title{font-size:4.2666666667vw;line-height:6.6666666667vw}
  .pro-detail-content .pro-intro article{line-height:1.7em;padding:4vw 0}
  .pro-detail-content .pro-spec{margin:4vw 6.6666666667vw}
  .pro-detail-content .pro-spec .spec-title{font-size:4.2666666667vw;line-height:6.6666666667vw}
  .pro-detail-content .pro-spec .spec-content{padding:4vw 0}
  .pro-detail-content .pro-spec .spec-content table tr td{height:6.6666666667vw;width:100%}
  .pro-detail-content .productsTags{margin:4vw 6.6666666667vw 0;color:#2B2B2B}
  .pro-detail-content .pro-bottom-tip{margin:0 6.6666666667vw;padding:4vw 0;line-height:1.5em}
  .pro-detail-content .pro-page-switch{background:0 0;height:auto;padding:0 6.6666666667vw;margin:8vw 0;flex-wrap:wrap}
  .pro-detail-content .pro-page-switch .page-btn,.pro-detail-content .pro-page-switch .page-next,.pro-detail-content .pro-page-switch .page-prev{line-height:10.6666666667vw;font-size:4vw}
  .pro-detail-content .pro-page-switch .page-prev{background:#F8F8F8;width:100%}
  .pro-detail-content .pro-page-switch .page-prev i{margin-right:1.3vw}
  .pro-detail-content .pro-page-switch .page-next{background:#F8F8F8;margin-top:6.6666666667vw;width:100%}
  .pro-detail-content .pro-page-switch .page-next i{margin-left:1.3vw}
  .pro-detail-content .pro-page-switch .page-btn{width:32vw}
  .pro-detail-content .pro-page-switch .page-btn a{color:#FFF;line-height:6.6666666667vw;font-size:4vw}
  .pro-detail-content .pro-page-switch a{font-weight:700;font-size:4vw;line-height:10.6666666667vw;margin:0}
  .pro-detail-content .random-pro-list{margin:6.6666666667vw}
  .pro-detail-content .random-pro-list .random-title{font-size:4vw;margin:4vw 0}
  .pro-detail-content .random-pro-list ul{width:100%;margin-top:4vw;flex-wrap:wrap}
  .pro-detail-content .random-pro-list ul li{max-width:31%;min-width:31%;margin-bottom:6.6666666667vw}
  .pro-detail-content .random-pro-list ul li .pro-img{height:29.0666666667vw}
  .pro-detail-content .random-pro-list ul li .pro-name{line-height:4vw;margin:2.6666666667vw 0;font-size:2.6666666667vw}
  .pro-detail-content .random-pro-list ul li .more-btn{width:16vw;height:5.3vw;padding:.6666666667vw;border-radius:4vw;font-size:2.6666666667vw}
  .pro-detail-content .send-inquiry{margin-top:4vw}
  .pro-detail-content .send-inquiry .inquiry-title{height:8.5vw;margin:6.6666666667vw 0;font-size:4vw;line-height:8vw}
  .pro-detail-content .send-inquiry .inquiry-form{margin:0 6.6666666667vw}
  .pro-detail-content .table-responsive{touch-action:auto;width:100%;margin:.2rem 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}}