.pro_dets_01{overflow: hidden;padding-bottom: 5%}
.pro_dets_01 .ll{ float: left; width: 58.34%;}
.pro_dets_01 .ll .view .arrow-left, .pro_dets_01 .ll .view .arrow-right{display: none; color: #000; z-index: 2;}
.pro_dets_01 .ll .view .arrow-left{position: absolute; lefT: 10rem; top:50%;}
.pro_dets_01 .ll .view .arrow-right{position: absolute; right:10rem; top:50%;}
.pro_dets_01 .ll .preview{position: relative;margin-top: 30rem;}
.pro_dets_01 .ll .preview .swiper-container{margin: 0 130rem;}
.pro_dets_01 .ll .preview .arrow-left{position: absolute; lefT:70rem; top:20rem; font-weight: bold; color: #000;}
.pro_dets_01 .ll .preview .arrow-right{position: absolute; right:70rem;top:20rem; font-weight: bold; color: #000;}
.pro_dets_01 .ll .preview .swiper-slide{ cursor: pointer; position: relative; opacity: 0.5; width: 130rem; height: 77rem;}
.pro_dets_01 .ll .preview .swiper-slide img{border: 1rem solid transparent; width: 120rem; height: 75rem;}
.pro_dets_01 .ll .preview .swiper-slide.active-nav{opacity: 1;}
.pro_dets_01 .ll .preview .swiper-slide.active-nav img{ border: 1rem solid #0065B2;box-sizing:border-box;}
.pro_dets_01 .rr{ float: right; width: 39%;}


.pro_dets_01 .wrap{display: block;}
.modular1 .pro_dets_01 .item{margin-bottom: 0}
.modular1.modular2 .pro_dets_01 .item .item-info{padding: 0}
@media screen and (max-width: 1023px) {

    .pro_dets_01 .ll,.pro_dets_01 .rr{width: 100%;}
    .pro_dets_01 .rr{margin-top: 40rem;}

}
@media screen and (max-width: 767px) {

.pro_dets_01 .ll .view{position: relative;}

.pro_dets_01 .ll .preview .swiper-container{margin: 0 85rem;}
.pro_dets_01 .ll .preview .arrow-left{left:10rem;}
.pro_dets_01 .ll .preview .arrow-right{right:10rem;}
.pro_dets_01 .ll .preview .swiper-slide{height: 78rem;}

}