.common-product .prodetails-sidear{display:none}
.crumbs .pagesbanner-animate-wmkcpro{text-align:left}
.crumbs .pagesbanner-animate-wmkcpro .p1{font-size:66px;line-height:1.2;font-weight:var(--fontbold6)}
.crumbs .pagesbanner-animate-wmkcpro .p2{font-size:24px}
.crumbs .pagesbanner-animate-wmkcpro .p2 strong{font-weight:var(--fontbold6)}
.pro-mode-bg{padding:5% 0;position:relative;z-index:2}
.pro-mode-bg::before{content:"";position:absolute;top:0;left:-240px;width:1920px;height:100%;background:#f5f7f8;background-repeat:no-repeat;background-size:cover;z-index:-1}
.pro-title{text-align:center;font-size:40px;color:#000;font-weight:var(--fontbold6);line-height:1.4}
.pro-mode1::before{background-image:url(/uploads/42329/page/p20250528174532765c7.webp)}
.pro-mode1 .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.pro-mode1 .item{width:23.5%;margin-right:2%;padding-right:2%;position:relative;display:flex;align-items:center}
.pro-mode1 .item:last-child{margin-right:0;padding-right:0}
.pro-mode1 .item:last-child::before{display:none}
.pro-mode1 .item::before{content:"";position:absolute;width:1px;height:50px;background-color:#e1e1e1;right:0;top:50%;transform:translateY(-50%)}
.pro-mode1 .item .icon{color:#61636b;margin-right:20px}
.pro-mode1 .item .info{flex:1;padding:0}
.pro-mode1 .item .info .tit{color:var(--color);font-weight:var(--fontbold5);font-size:18px}
.pro-mode1 .item .info .txt{color:#000}
.pro-mode2{padding:5% 0}
.pro-mode2 .box{display:flex;justify-content:space-between;flex-wrap:wrap}
.pro-mode2 .tit-list{width:400px;margin-right:40px}
.pro-mode2 .tit-list li{font-size:18px;padding:10px 12px 10px 28px;cursor:pointer;border:none;border-bottom:1px solid #eee;position:relative;transition:all .2s linear}
.pro-mode2 .tit-list li::before{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background-color:#000;transition:all .2s linear}
.pro-mode2 .tit-list li.act{background-color:var(--color);color:#fff}
.pro-mode2 .tit-list li.act::before{background-color:#fff}
.pro-mode2 .item-list{flex:1}
.pro-mode2 .item-box{display:none;flex-wrap:wrap}
.pro-mode2 .item-box .item{width:32%;margin-right:2%;border:1px solid #ebebeb;background-color:#fff;margin-bottom:20px;transition:all .2s linear}
.pro-mode2 .item-box .item:nth-child(3n){margin-right:0}
.pro-mode2 .item-box .item .img{display:block;overflow:hidden}
.pro-mode2 .item-box .item .img img{width:100%}
.pro-mode2 .item-box .item .info{padding:20px;border-top:1px solid #ebebeb}
.pro-mode2 .item-box .item .info .tit{text-align:center;display:block;transition:all .2s linear}
.pro-mode2 .item-box .item:hover{border-color:var(--color);box-shadow:0 0 10px rgba(0,0,0,.1)}
.pro-mode2 .item-box .item:hover .info .tit{color:var(--color)}
.pro-mode2 .item-box.act{display:flex}
.pro-mode3::before{background-image:url(/uploads/42329/page/p20250528175231ec13d.webp)}
.pro-mode3 .pro-title{color:#fff}
.pro-mode3 .pro-more{display:flex;align-items:center;justify-content:center;font-weight:var(--fontbold5);font-size:18px;color:#fff;width:200px;height:40px;border-radius:20px;margin:30px auto 0;background-color:var(--color);transition:all .2s linear}
.pro-mode3 .pro-more:hover{background-color:#fff;color:var(--color)}
.pro-mode4{padding:5% 0}
.pro-mode4 .box{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.pro-mode4 .info{width:48%;padding:0}
.pro-mode4 .info .pro-title{text-align:left}
.pro-mode4 .info .txt{margin:10px 0}
.pro-mode4 .info .list li{position:relative;padding-left:20px;border:none}
.pro-mode4 .info .list li::before{content:"";position:absolute;left:0;top:7px;width:10px;height:10px;border-radius:50%;background-color:var(--color)}
.pro-mode4 .info .pro-more{font-weight:var(--fontbold6);color:var(--color);display:block;margin-top:20px}
.pro-mode4 .img{width:48%}
.pro-mode5 .item{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:40px}
.pro-mode5 .item .img{width:48%;position:relative}
.pro-mode5 .item .img img{width:100%}
.pro-mode5 .item .img .promode5-pagination{position:absolute;bottom:30px;left:0;width:100%;display:flex;justify-content:center;z-index:4}
.pro-mode5 .item .img .promode5-pagination .swiper-pagination-bullet{background-color:var(--color)}
.pro-mode5 .item .info{width:48%;padding:0}
.pro-mode5 .item .info .tit{font-size:18px;font-weight:var(--fontbold6);color:#000}
.pro-mode6{padding:5% 0}
.pro-mode6 .pro-des{text-align:center;margin-top:10px}
.pro-mode6 .box{margin-top:30px;position:relative}
.pro-mode6 .box .promode6swiper-pagination{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:center}
.pro-mode6 .box .promode6swiper-pagination .swiper-pagination-bullet{background-color:var(--color)}
.pro-mode6 .swiper-slide{position:relative;overflow:hidden}
.pro-mode6 .swiper-slide .dia-box{position:absolute;width:100%;height:100%;top:100%;left:0;background-color:rgba(0,0,0,.2);z-index:1;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .2s linear}
.pro-mode6 .swiper-slide:hover .dia-box{top:0;opacity:1}
.pro-mode6 .pro6-dialog{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:9999;padding:40px 100px;display:none}
.pro-mode6 .pro6-dialog .swiper{max-width:80%;max-height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.pro-mode6 .pro6-dialog .swiper .swiper-slide{display:flex;align-items:center;justify-content:center}
.pro-mode6 .pro6-dialog .swiper img{width:1024px}
.pro-mode6 .pro6-dialog .pro6dialogswiper-next,.pro-mode6 .pro6-dialog .pro6dialogswiper-prev{width:50px;height:50px;border-radius:50%;border:1px solid var(--color);color:var(--color);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;z-index:2;top:50%;transform:translateY(-50%);background-color:#fff}
.pro-mode6 .pro6-dialog .pro6dialogswiper-next:hover,.pro-mode6 .pro6-dialog .pro6dialogswiper-prev:hover{background-color:var(--color);color:#fff}
.pro-mode6 .pro6-dialog .pro6dialogswiper-next.swiper-button-disabled:hover,.pro-mode6 .pro6-dialog .pro6dialogswiper-prev.swiper-button-disabled:hover{background-color:#fff;color:var(--color)}
.pro-mode6 .pro6-dialog .pro6dialogswiper-prev{left:40px}
.pro-mode6 .pro6-dialog .pro6dialogswiper-prev em{transform:rotate(-90deg)}
.pro-mode6 .pro6-dialog .pro6dialogswiper-next{right:40px}
.pro-mode6 .pro6-dialog .pro6dialogswiper-next em{transform:rotate(90deg)}
.pro-mode6 .pro6-dialog .close-dialog{position:absolute;top:40px;right:40px;border-radius:50%;background-color:var(--color);width:50px;height:50px;font-size:24px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
@media screen and (max-width:1280px){.crumbs .pagesbanner-animate-wmkcpro .p1{font-size:36px}
.crumbs .pagesbanner-animate-wmkcpro .p2{font-size:16px}
.pro-mode6 .box{padding-bottom:40px}
}
@media screen and (max-width:1024px){.pro-mode-bg{padding:40px 0}
.pro-mode-bg::before{width:calc(100% + 30px);left:-15px}
.pro-mode1 .item{width:48%;margin:10px 0}
.pro-mode1 .item::before{display:none}
.pro-mode2{padding:40px 0}
.pro-mode2 .box{flex-wrap:wrap}
.pro-mode2 .tit-list{width:100%;margin-right:0;display:flex;flex-wrap:wrap}
.pro-mode2 .tit-list li{width:50%}
.pro-mode2 .item-list{margin-top:25px}
.pro-mode4{padding:40px 0}
.pro-mode6{padding:40px 0}
.pro-title{font-size:24px}
}
@media screen and (max-width:768px){.crumbs .pagesbanner-animate-wmkcpro .p1{font-size:18px}
.crumbs .pagesbanner-animate-wmkcpro .p2{font-size:14px}
.pro-mode4 .box{flex-direction:column-reverse}
.pro-mode4 .info{width:100%;margin-top:25px}
.pro-mode4 .img{width:100%}
.pro-mode5 .item{margin-top:25px}
.pro-mode5 .item .img{width:100%}
.pro-mode5 .item .info{width:100%;margin-top:25px}
.pro-mode5 .item:nth-child(even){flex-direction:column-reverse}
.pro-mode6 .pro6-dialog .swiper{max-width:75%}
.pro-mode6 .pro6-dialog .pro6dialogswiper-prev{left:20px}
.pro-mode6 .pro6-dialog .pro6dialogswiper-next{right:20px}
}
@media screen and (max-width:500px){.pro-mode-bg::before{width:calc(100% + 26px);left:-13px}
.pro-mode6 .pro6-dialog{display:none!important}
.pro-mode6 .swiper-slide .dia-box{display:none}
.pro-mode6 .box .swiper-slide img{width:100%}
.pro-mode1 .item{width:100%}
.pro-mode2 .tit-list li{width:100%}
.pro-mode2 .item-box{justify-content:space-between}
.pro-mode2 .item-box .item{width:48%;margin-right:0}
.pro-mode2 .item-box .item .info{padding:10px}
.pro-mode2 .item-box .item .info .tit{font-size:14px}
}
.pro-mode2 .item-list{width:calc(100% - 440px)}
.pro-mode2 .item-box .swiper{width:100%;height:880px;padding:4px}
.pro-mode2 .item-box .pro2swiper-pagination{display:flex;justify-content:center;margin-top:25px}
.pro-mode2 .item-box .swiper-slide{border:1px solid #ebebeb;background-color:#fff;height:calc((100% - 20px)/ 2)!important;transition:all .2s linear}
.pro-mode2 .item-box .swiper-slide .img{display:block;overflow:hidden}
.pro-mode2 .item-box .swiper-slide .img img{width:100%}
.pro-mode2 .item-box .swiper-slide .info{padding:20px 10px;border-top:1px solid #ebebeb}
.pro-mode2 .item-box .swiper-slide .info .tit{text-align:center;display:block;transition:all .2s linear}
.pro-mode2 .item-box .swiper-slide:hover{border-color:var(--color);box-shadow:0 0 10px rgba(0,0,0,.1)}
.pro-mode2 .item-box .swiper-slide:hover .info .tit{color:var(--color)}
@media screen and (max-width:1280px){.pro-mode2 .item-box .swiper{height:800px}
}
@media screen and (max-width:1024px){.pro-mode2 .item-box .swiper{height:860px}
}
@media screen and (max-width:768px){.pro-mode2 .item-list{width:100%}
}
@media screen and (max-width:500px){.pro-mode2 .item-box .swiper-slide .info .tit{font-size:14px}
.pro-mode2 .item-box .swiper{height:700px;padding:0}
}