.prodet-page .prodet-1{padding:1rem 0 1rem}
.prodet-page .prodet-1 h3{text-align:center;font-size:4.306rem;line-height:1;color:#000;text-transform:uppercase;margin-bottom:9rem}
.prodet-page .prodet-1 .content{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.prodet-page .prodet-1 .content .left{width:35%;}






.prodet-page .prodet-1 .content .left .big-img{margin-bottom:0rem;background:#fff;box-shadow:0 10px 40px 0 rgba(0,0,0,.1);}
.prodet-page .prodet-1 .content .left .thumb-gallery{width:100%;position:relative;overflow: hidden;margin: 30px 0px}
.prodet-page .prodet-1 .content .left .thumb-gallery .galleryBox{position:relative;}
.prodet-page .prodet-1 .content .left .thumb-gallery .galleryBox .swiper-container{position: relative;
    width: 100%;
    padding: 0 30px;
    margin-top: 0px;}
.prodet-page .prodet-1 .content .left .thumb-gallery .galleryBox .swiper-button-prev,.prodet-page .prodet-1 .content .left .thumb-gallery .galleryBox .swiper-button-next{position:absolute;top:20px;left:0;width:20px;height:100%;background:#eee;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s linear;z-index:9;border-radius:4px;font-size: var(--fontsize22);opacity:1}



.swiper-button-next:after, .swiper-button-prev:after{font-size: var(--fontsize22);}

.prodet-page .prodet-1 .content .left .thumb-gallery  .cloudzoom-gallery-active {border: 1px solid var(--color);}

.prodet-page .prodet-1 .content .left .thumb-gallery .galleryBox .swiper-button-next{background:var(--color);color:#fff;left: auto;
    right: 0;z-index: 9999;cursor: pointer;}
.prodet-page .prodet-1 .content .right{width:65%;padding-left:4%;padding-top:2rem}
.prodet-page .prodet-1 h1{text-align:left;font-size:32px;line-height:1;color:#000;text-transform:capitalize;margin-bottom:20px}
.prodet-page .prodet-1 .content .right .text{line-height:2;color:#000;}
.prodet-page .prodet-1 .content .right .text div{color:inherit;font-size:inherit;font-weight:inherit;font-family:inherit;line-height:inherit;font-style:inherit}
.prodet-page .prodet-1 .content .right .text p{color:inherit;font-size:inherit;font-weight:inherit;font-family:inherit;line-height:inherit;font-style:inherit}
.prodet-page .prodet-1 .content .right .color{font-size:18px;font-weight:500;line-height:1;color:#000;text-transform:uppercase;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:2.5rem}
a.col{display:flex;width:20px;height:20px}
.prodet-page .prodet-1 .content .right .color ul{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-left:2rem}
.prodet-page .prodet-1 .content .right .color ul li{margin-right:1rem}
.prodet-page .prodet-1 .content .right .share{display:block;margin-top:40px}
.prodet-page .prodet-1 .content .right .share h4{display:inline-block;vertical-align:middle;font-size:18px;color:#000;font-weight:500}
.prodet-page .prodet-1 .content .right .share ul{display:inline-block;vertical-align:middle}
.prodet-page .prodet-1 .content .right .share ul li{display:inline-block;vertical-align:middle;width:auto;margin-left:10px;font-size:16px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.prodet-page .prodet-1 .content .right .btn{margin-top:2rem}
.prodet-page .prodet-1 .content .right .btn a{text-align:center;display:inline-block;vertical-align:middle;width:178px;margin-right:20px;line-height:40px;height:40px;padding:0 1rem;font-size:18px;color:#000;border:1px solid #000;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.prodet-page .prodet-1 .content .right .btn a:hover{color:#fff;background:var(--main-color-two);border-color:var(--main-color-two)}
.prodet-page .prodet-1 .content .right .btn a.active{color:#fff;background:var(--main-color-two);border-color:var(--main-color-two)}
@media screen and (max-width:1230px){.prodet-page .right .prodet-1{padding:0 0 60px}
.prodet-page .right .prodet-1 .pro-featured .swiper-father{padding:0 90px}
.prodet-page .right .prodet-1 .pro-featured .swiper-btn.gallery-prev{left:10px}
.prodet-page .right .prodet-1 .pro-featured .swiper-btn.gallery-next{right:10px}}
@media screen and (max-width:1000px){
   .prodet-page .prodet-1 h1{font-size:20px}
.prodet-page .init-recommend .recommend-list ul li .text h2{font-size:20px}
.prodet-page h2.tit{font-size:25px}
.prodet-page .right{width:100%;padding-left:0}}
@media screen and (max-width:700px){.prodet-page .prodet-1 .content .left .thumb-gallery .galleryBox .swiper-container{height:290px}
.prodet-page .right .prodet-1 .left-box{width:100%;padding-right:0}
.prodet-page .right .prodet-1 .right-box{width:100%;padding-left:0;margin-top:30px}
.prodet-page .prodet-1 .content .left,.prodet-page .prodet-1 .content .right{width:100%;padding-left:0}
.prodet-page .prodet-1{padding:1rem 0}


}


#maylinkswiper{padding:0 0 80px}
.recommend-list .swiper-slide{background:#f7f7f7;border-radius:var(--borderradius);height:auto;transition:all .2s linear;display:flex;flex-direction:column}
.recommend-list .swiper-slide:hover .pro-img img{transform:scale(1.02)}
.recommend-list .swiper-slide:hover .pro-img>a::after{opacity:1}
.recommend-list .swiper-slide:hover{background:var(--color)}
.recommend-list .swiper-slide:hover .pro-info .title{color:#fff}
.recommend-list .swiper-slide:hover .pro-info .more{background:#111}
.recommend-list .swiper-slide .pro-img{width:100%;aspect-ratio:var(--prosaspectratio);position:relative;overflow:hidden;border-radius:var(--borderradius) 4px 0 0}
.recommend-list .swiper-slide .pro-img img{width:100%;height:100%;object-fit:cover;transition:all .1s linear}
.recommend-list .swiper-slide .pro-img>a{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.recommend-list .swiper-slide .pro-img>a::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);opacity:0;transition:all .1s linear}
.recommend-list .swiper-slide .pro-info{position:relative;text-align:center;padding:20px 20px 40px;line-height:1.6;border-radius:0 0 4px 4px;flex:1}
.recommend-list .swiper-slide .pro-info .title{font-size:var(--fontsize18);color:var(--titlecolor);font-weight:var(--fontbold6);transition:none}
.recommend-list .swiper-slide .pro-info .text{font-size:var(--fontsize16);color:var(--introcolor);margin:10px 0}
.recommend-list .swiper-slide .pro-info .more{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);min-width:140px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;background:var(--color);color:#fff;border-radius:30px;transition:all .1s linear}
.maylinkswiper-pagination{display:flex;align-items:center;justify-content:center;position:absolute;bottom:0}
.maylinkswiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background:#333;border-radius:50%;opacity:1}
.maylinkswiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color)}




.recommend-list li{text-align: center;}
.recommend-list li .img-box .pro-img{border: solid 1px #ccc;width: 98%}


@media (max-width:768px) {.prodet-page .prodet-1 .content .right,.prodet-page .prodet-1 .content .left{width: 100%;padding-left: 0px}}