.pro-title{color:#283e58;font-size:40px;font-weight:var(--fontbold6);text-align:center;line-height:1.4}
.pro-des{text-align:center;max-width:900px;margin:20px auto 0}
.pro-main .pagesbanner-animate-ab .more{display:inline-block;font-size:var(--fontsize14);padding:8px 20px;border:1px solid #f9f9f9;transition:all .2s linear;border-radius:5px;margin-top:20px}
.pro-main .pagesbanner::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.2)}
.pro-main .pagesbanner-animate-ab .more:hover{background-color:#f9f9f9}
.pro-main .pagesbanner .pagesbanner-animate .p2{font-size:var(--fontsize16)}
.pro-main .pagesbanner .pagesbanner-animate .p1{font-size:40px}
.pro-bg{position:relative;z-index:2;padding:5% 0}
.pro-bg::before{content:"";position:absolute;left:-230px;top:0;height:100%;width:1920px;background-color:#f2f2f2;z-index:-1;background-repeat:no-repeat;background-size:cover}
.prolist-mode1{padding-bottom:5%;padding-top:30px}
.prolist-mode1 .top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.prolist-mode1 .top .pro-title{text-align:left}
.prolist-mode1 .top .info{width:50%}
.prolist-mode1 .top .info .txt{margin-top:25px}
.prolist-mode1 .top .img{width:44%;position:relative;z-index:2}
.prolist-mode1 .top .img::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;transform:rotate(5deg);background-color:var(--color);z-index:-1;border-radius:var(--borderradius);transition:all .2s linear}
.prolist-mode1 .top .img img{border:1px solid #e5e5e5;border-radius:var(--borderradius)}
.prolist-mode1 .top .img:hover::before{transform:rotate(0)}
.prolist-mode1 .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.prolist-mode1 .list li{margin-top:5%;width:23%;background-color:#fff;height:100px;border-radius:5px 5px 0 0;box-shadow:0 10px 40px 0 rgba(0,0,0,.1);border-top:4px solid var(--color);padding:0 20px;display:flex;align-items:center;justify-content:center;transition:all .2s linear}
.prolist-mode1 .list li em{color:var(--color);font-size:40px;margin-right:20px;line-height:1}
.prolist-mode1 .list li .tit{font-weight:var(--fontbold6);font-size:var(--fontsize18)}
.prolist-mode1 .list li:first-child em{font-size:50px}
.prolist-mode1 .list li:hover{transform:translateY(-10px)}
.prolist-protit{padding-bottom:0}
.prolist-protit::before{background-color:var(--color);left:-260px}
.prolist-protit .pro-title{color:#fff}
.prolist-box{padding-top:40px}
.prolist-box .proswiper-box{position:relative;padding-bottom:30px;margin-bottom:50px}
.prolist-box .proswiper-box .prolistswiper-pagination{position:absolute;bottom:0;width:100%;display:flex;justify-content:center}
.prolist-box .proswiper-box .prolistswiper-pagination .swiper-pagination-bullet{background-color:#fff}
.prolist-box .proswiper-box .swiper{height:850px;padding-bottom:20px;transition:all .2s linear}
.prolist-box .proswiper-box .swiper-slide{height:calc((100% - 30px)/ 2)!important;background:#fff;border-radius:var(--borderradius);overflow:hidden}
.prolist-box .proswiper-box .swiper-slide .pro-img>a+.pro-meta .icon-videoplay{display:none}
.prolist-box .proswiper-box .swiper-slide .pro-img>a.lazy-loaded+.pro-meta .icon-videoplay{display:flex}
.prolist-box .proswiper-box .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}
.prolist-box .proswiper-box .swiper-slide .pro-img{width:100%;aspect-ratio:var(--prosaspectratio);background:#eee;position:relative;overflow:hidden}
.prolist-box .proswiper-box .swiper-slide .pro-img>a{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.prolist-box .proswiper-box .swiper-slide .pro-img img{width:100%;height:100%;object-fit:cover;transition:all .1s linear}
.prolist-box .proswiper-box .swiper-slide .icon{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border:none;background:rgba(0,0,0,.8);color:#fff;border-radius:50%;cursor:pointer;transform:translateY(10px);transition:all .1s linear;margin-top:5px;opacity:0}
.prolist-box .proswiper-box .swiper-slide .icon em{font-size:var(--fontsize20)}
.prolist-box .proswiper-box .swiper-slide .icon.pro-checked{transform:translateY(0);opacity:1;background:var(--color);color:#fff;box-shadow:0 0 8px 1px rgba(225,225,225,.48)}
.prolist-box .proswiper-box .swiper-slide .pro-meta{position:absolute;top:20px;right:20px}
.prolist-box .proswiper-box .swiper-slide .pro-info{position:relative;display:flex;flex-direction:column;align-items:flex-start;line-height:1.6;padding:15px 20px 30px}
.prolist-box .proswiper-box .swiper-slide .pro-info .title{font-size:var(--fontsize18);font-weight:var(--fontbold6);color:var(--titlecolor);text-align:center;display:block;width:100%}
.prolist-box .proswiper-box .swiper-slide .pro-info .text{font-size:var(--fontsize16);color:var(--introcolor);margin:10px 0;display:none}
.prolist-box .proswiper-box .swiper-slide .pro-info .data-price{color:var(--color);font-weight:var(--fontbold6);font-size:var(--fontsize16)}
.prolist-box .proswiper-box .swiper-slide:hover .pro-img img{transform:scale(1.02)}
.prolist-box .proswiper-box .swiper-slide:hover .pro-img>a::after{opacity:1}
.prolist-box .proswiper-box .swiper-slide:hover .pro-meta .icon{transform:translateY(0);opacity:1}
.prolist-box .proswiper-box .swiper-slide:hover .pro-info *{color:var(--color)}
.prolist-box::before{background-color:var(--color);left:-260px}
.prolist-box .proswiper-box.slide-oneline .swiper{height:auto}
.prolist-box .proswiper-box.slide-oneline .swiper-wrapper{width:100%!important;flex-direction:row!important}
.prolist-box .proswiper-box.slide-oneline .swiper-slide{height:100%;margin-top:0!important}
.prolist-box .proswiper-box.slide-oneline .swiper-slide:nth-child(4n){margin-right:0!important}
.prolist-logo .box{position:relative;padding:0 50px}
.prolist-logo .box .prologo-next,.prolist-logo .box .prologo-prev{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid #fff;color:#fff;position:absolute;top:50%;transform:translateY(-50%);z-index:4;cursor:pointer;transition:all .2s linear}
.prolist-logo .box .prologo-next:hover,.prolist-logo .box .prologo-prev:hover{background:#fff;color:var(--color)}
.prolist-logo .box .prologo-prev{left:0}
.prolist-logo .box .prologo-next{right:0}
.prolist-logo .box .prologo-pagination{display:none;justify-content:center;width:100%}
.prolist-logo .box .prologo-pagination .swiper-pagination-bullet{background-color:#fff}
.prolist-logo .swiper-slide{display:flex;align-items:center;justify-content:center;height:auto}
.prolist-logo .swiper-slide img{max-width:100px}
.prolist-mode3{padding:5% 0}
.prolist-mode3 .list{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:30px}
.prolist-mode3 .list li{background-color:#fff;width:18%;margin-top:20px;box-shadow:1px 4px 8px #0070bc2e;transition:all .2s linear}
.prolist-mode3 .list li:hover{transform:translateY(-5px)}
.prolist-mode4 .box{margin-top:50px;position:relative}
.prolist-mode4 .box .promode4-next,.prolist-mode4 .box .promode4-prev{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color);color:var(--color);position:absolute;top:50%;transform:translateY(-50%);z-index:4;cursor:pointer;transition:all .2s linear}
.prolist-mode4 .box .promode4-next:hover,.prolist-mode4 .box .promode4-prev:hover{background:var(--color);color:#fff}
.prolist-mode4 .box .promode4-prev{left:0}
.prolist-mode4 .box .promode4-next{left:calc(50% - 32px)}
.prolist-mode4 .box .promode4-pagination{position:absolute;bottom:0;left:0;display:none;justify-content:center;width:100%}
.prolist-mode4 .box .promode4-pagination .swiper-pagination-bullet{background-color:var(--color)}
.prolist-mode4 .swiper-slide{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.prolist-mode4 .swiper-slide .img{width:50%;padding:0 50px}
.prolist-mode4 .swiper-slide .img img{display:block;width:100%;max-height:430px;object-fit:cover}
.prolist-mode4 .swiper-slide .info{width:46%}
.prolist-mode4 .swiper-slide .info .title{font-size:var(--fontsize24);font-weight:var(--fontbold6);color:#283e58;margin-bottom:6px}
.prolist-mode5{padding:5% 0}
.prolist-mode5 .box{display:flex;justify-content:space-between;flex-wrap:wrap}
.prolist-mode5 .info{width:42%}
.prolist-mode5 .info .pro-title{text-align:left}
.prolist-mode5 .info .txt{margin-top:20px}
.prolist-mode5 .info .list{margin-top:20px}
.prolist-mode5 .info .list li{position:relative;padding-left:30px;margin-bottom:6px}
.prolist-mode5 .info .list li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;background-image:url(/uploads/43191/page/p20250513172755f19c1.webp)}
.prolist-mode5 .info .more{margin-top:20px;display:flex;align-items:center;font-weight:var(--fontbold6);text-decoration:none;color:var(--color)}
.prolist-mode5 .info .more em{font-size:40px;margin-right:30px;position:relative;font-weight:var(--fontbold4);transition:all .2s linear;color:var(--color)}
.prolist-mode5 .info .more em::after{content:"";position:absolute;top:50%;right:-15px;transform:translateY(-50%);width:30px;height:30px;border:1px solid var(--color);border-radius:50%}
.prolist-mode5 .info .more:hover em{margin-right:25px}
.prolist-mode5 .img{width:54%;position:relative;padding-top:40px;padding-right:40px;z-index:1;transition:all .2s linear}
.prolist-mode5 .img::before{content:"";position:absolute;top:0;right:0;width:88px;height:88px;background-color:var(--color);z-index:-1;transition:all .2s linear}
.prolist-mode5 .img:hover::before{width:120px;height:120px}
.prolist-mode6::before{background-image:url(/uploads/43191/page/p2025051317284803c31.webp)}
.prolist-mode6 .pro-title{color:#fff}
.prolist-mode6 .btn{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:50px}
.prolist-mode6 .btn .more{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 30px;border-radius:3px;text-decoration:none;border:1px solid #fff;transition:all .2s linear}
.prolist-mode6 .btn .more:first-child{color:#fff;margin-right:20px}
.prolist-mode6 .btn .more:first-child:hover{background-color:#fff;color:var(--color)}
.prolist-mode6 .btn .more:last-child{background-color:#fff;color:var(--color)}
.prolist-mode6 .btn .more:last-child:hover{background-color:transparent;color:#fff}
.prolist-mode7{padding:5% 0}
.prolist-mode7 .box{margin-top:50px;position:relative;padding:0 50px}
.prolist-mode7 .box .promode7-next,.prolist-mode7 .box .promode7-prev{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color);color:var(--color);position:absolute;top:50%;transform:translateY(-50%);z-index:4;cursor:pointer;transition:all .2s linear}
.prolist-mode7 .box .promode7-next:hover,.prolist-mode7 .box .promode7-prev:hover{background:var(--color);color:#fff}
.prolist-mode7 .box .promode7-prev{left:0}
.prolist-mode7 .box .promode7-next{right:0}
.prolist-mode7 .box .promode7-pagination{display:none;justify-content:center;width:100%}
.prolist-mode7 .box .promode7-pagination .swiper-pagination-bullet{background-color:var(--color)}
.prolist-mode7 .swiper-slide .tit{text-align:center;font-size:var(--fontsize20);font-weight:var(--fontbold6);margin-top:10px}
.prolist-mode7 .swiper-slide .img{overflow:hidden}
.prolist-mode7 .swiper-slide .img img{transition:all .2s linear}
.prolist-mode7 .swiper-slide:hover img{transform:scale(1.03)}
.pro-main{overflow:hidden}
.prolist-mode8{padding:5% 0}
.prolist-mode8::before{background-image:url(/uploads/43191/page/p20250513172859d6a46.webp)}
.prolist-mode8 .swiper{overflow:initial}
.prolist-mode8 .box{margin-top:50px;position:relative}
.prolist-mode8 .box .btn{display:flex;justify-content:flex-end;align-items:center;margin-top:30px;padding-right:30px}
.prolist-mode8 .box .promode8-next,.prolist-mode8 .box .promode8-prev{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color);color:var(--color);cursor:pointer;margin-right:10px;transition:all .2s linear}
.prolist-mode8 .box .promode8-next:hover,.prolist-mode8 .box .promode8-prev:hover{background:var(--color);color:#fff}
.prolist-mode8 .box .promode8-pagination{display:none;justify-content:center;width:100%}
.prolist-mode8 .box .promode8-pagination .swiper-pagination-bullet{background-color:var(--color)}
.prolist-mode8 .swiper-slide{display:flex;align-items:center;padding-right:40px;position:relative;opacity:.1}
.prolist-mode8 .swiper-slide::after{content:"";width:2px;height:100%;background-color:#e7e7e7;position:absolute;right:0;top:0}
.prolist-mode8 .swiper-slide .img{width:50%}
.prolist-mode8 .swiper-slide .img img{aspect-ratio:3/2}
.prolist-mode8 .swiper-slide .info{width:52%;margin-left:-2%}
.prolist-mode8 .swiper-slide .info .title{position:relative;padding-left:60px;font-size:var(--fontsize20);color:#283e58;font-weight:var(--fontbold6)}
.prolist-mode8 .swiper-slide .info .title::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);background-color:var(--color);width:50px;height:3px}
.prolist-mode8 .swiper-slide .info .txt{background-color:#fff;padding:30px 60px;margin-top:20px}
.prolist-mode8 .swiper-slide.swiper-slide-active{opacity:1}
.prolist-faq{padding:5% 0}
.prolist-faq .list{margin-top:20px}
.prolist-faq .list li{background-color:#f2f2f2;border-radius:var(--borderradius);overflow:hidden;margin-top:30px}
.prolist-faq .list li .title-box{padding:15px 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s linear}
.prolist-faq .list li .title-box p{font-size:var(--fontsize20);font-weight:var(--fontbold6);flex:1;margin-right:20px}
.prolist-faq .list li .title-box .icon{width:23px;height:23px;border-radius:4px;border:1px solid var(--color);position:relative;transition:all .2s linear}
.prolist-faq .list li .title-box .icon::before{content:"";width:10px;height:2px;background-color:var(--color);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .2s linear}
.prolist-faq .list li .title-box .icon::after{content:"";width:2px;height:10px;background-color:var(--color);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .2s linear}
.prolist-faq .list li .txt-box{padding:0 20px;transition:all .2s linear;display:none}
.prolist-faq .list li.act .title-box{background-color:var(--color);color:#fff}
.prolist-faq .list li.act .title-box .icon{background-color:#fff}
.prolist-faq .list li.act .title-box .icon::after{height:0}
.prolist-faq .list li.act .txt-box{padding:15px 20px;display:block}
.pro-maylink{display:none}
.prolist-mode9{padding-bottom:5%}
.prolist-mode9 .box{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.prolist-mode9 .info{width:42%}
.prolist-mode9 .info .pro-title{text-align:left}
.prolist-mode9 .info .txt{margin-top:20px}
.prolist-mode9 .img{width:54%;position:relative;padding-top:40px;padding-left:40px;z-index:1;transition:all .2s linear}
.prolist-mode9 .img::before{content:"";position:absolute;top:0;left:0;width:88px;height:88px;background-color:var(--color);z-index:-1;transition:all .2s linear}
.prolist-mode9 .img:hover::before{width:120px;height:120px}
.prolist-mode10::before{background-image:url(/uploads/43191/page/p20250513172909a20da.webp)}
.prolist-mode10 .pro-title{color:#fff}
.prolist-mode10 .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.prolist-mode10 .list li{width:32%;margin-top:50px;background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;transition:all .2s linear}
.prolist-mode10 .list li .info{padding:30px 20px}
.prolist-mode10 .list li .info .tit{color:#283e58;font-weight:var(--fontbold6);font-size:var(--fontsize20);margin-bottom:4px}
.prolist-mode10 .list li .img{border-top:1px solid #f2f2f2;height:300px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.prolist-mode10 .list li .img img{width:100%;max-height:100%;object-fit:cover;transition:all .2s linear}
.prolist-mode10 .list li:hover .img img{transform:scale(1.03)}
.prolist-mode11{padding-bottom:5%}
.prolist-mode11 .pro-des{max-width:1130px}
.prolist-mode11 .box{display:flex;justify-content:space-around;margin-top:30px;padding:0 16%}
.prolist-mode11 .list{margin-top:20px}
.prolist-mode11 .list li{position:relative;padding-left:30px;margin-bottom:6px;font-weight:var(--fontbold5)}
.prolist-mode11 .list li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;background-image:url(/uploads/43191/page/p20250513172755f19c1.webp)}
.prolist-mode12::before{background-image:url(/uploads/43191/page/p202505131729198d798.webp)}
.prolist-mode12 .box{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:50px}
.prolist-mode12 .box .item-box{width:26%}
.prolist-mode12 .box .item{margin:20px 0;min-height:31%}
.prolist-mode12 .box .item .title{display:flex;align-items:center}
.prolist-mode12 .box .item .title span{font-weight:var(--fontbold6);font-size:var(--fontsize18);color:#283e58}
.prolist-mode12 .box .item .title em{color:var(--color);font-size:var(--fontsize36)}
.prolist-mode12 .box .left{text-align:right}
.prolist-mode12 .box .left .title{justify-content:flex-end}
.prolist-mode12 .box .left .title em{margin-left:20px}
.prolist-mode12 .box .right .title em{margin-right:20px}
.prolist-mode12 .box .img{width:44%;background-repeat:no-repeat;background-size:cover;display:flex;align-items:center;justify-content:center}
.prolist-mode12 .box .img img{width:100%}
.prolist-mode13{padding:5% 0}
.prolist-mode13 .list{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between}
.prolist-mode13 .list li{width:32%;background-color:#fff;box-shadow:0 10px 40px 0 rgba(0,0,0,.1);border-radius:var(--borderradius);padding:30px;margin-top:30px;border-bottom:6px solid var(--color);transition:all .2s linear}
.prolist-mode13 .list li .icon{margin-bottom:10px;position:relative}
.prolist-mode13 .list li .icon::before{content:"";position:absolute;left:15px;top:-5px;width:34px;height:34px;border-radius:50%;background-color:var(--color);opacity:.1}
.prolist-mode13 .list li .icon em{font-size:var(--fontsize36);color:var(--color);line-height:1}
.prolist-mode13 .list li .tit{font-size:var(--fontsize18);font-weight:var(--fontbold6);margin-bottom:20px;color:#283e58}
.prolist-mode13 .list li:hover{transform:translateY(-10px)}
.prolist-mode14::before{background-color:var(--color)}
.prolist-mode14 .pro-title{color:#fff}
.prolist-mode14 .box{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:50px}
.prolist-mode14 .box .info{width:50%;color:#fff}
.prolist-mode14 .box .info .title{font-size:var(--fontsize24);font-weight:var(--fontbold6)}
.prolist-mode14 .box .info .txt{margin-top:25px}
.prolist-mode14 .box .info .list{margin-top:20px}
.prolist-mode14 .box .info .list li{position:relative;padding-left:30px;margin-bottom:6px;color:#fff}
.prolist-mode14 .box .info .list li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;background-image:url(/uploads/43191/page/p2025051317292844611.webp)}
.prolist-mode14 .box .info .more{margin-top:20px;display:flex;align-items:center;font-weight:var(--fontbold6);text-decoration:none;color:#fff}
.prolist-mode14 .box .info .more em{font-size:40px;margin-right:30px;position:relative;font-weight:var(--fontbold4);transition:all .2s linear;color:#fff}
.prolist-mode14 .box .info .more em::after{content:"";position:absolute;top:50%;right:-15px;transform:translateY(-50%);width:30px;height:30px;border:1px solid #fff;border-radius:50%}
.prolist-mode14 .box .info .more:hover em{margin-right:25px}
.prolist-mode14 .box .img{width:42%;position:relative;z-index:2;margin-left:2%}
.prolist-mode14 .box .img::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;transform:rotate(5deg);background-color:#ffff;opacity:.3;z-index:-1;border-radius:var(--borderradius);transition:all .2s linear}
.prolist-mode14 .box .img img{border-radius:var(--borderradius)}
.prolist-mode14 .box .img:hover::before{transform:rotate(0)}
.prolist-mode15{padding-bottom:5%}
.prolist-mode15 .top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.prolist-mode15 .top .pro-title{text-align:left}
.prolist-mode15 .top .info{width:50%}
.prolist-mode15 .top .info .txt{margin-top:25px}
.prolist-mode15 .top .img{width:44%;position:relative;z-index:2}
.prolist-mode15 .top .img::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;transform:rotate(5deg);background-color:var(--color);z-index:-1;border-radius:var(--borderradius);transition:all .2s linear}
.prolist-mode15 .top .img img{border:1px solid #e5e5e5;border-radius:var(--borderradius)}
.prolist-mode15 .top .img:hover::before{transform:rotate(0)}
.prolist-mode15 .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.prolist-mode15 .list li{width:23%;margin-top:70px;background-color:#fff;box-shadow:0 10px 40px 0 rgba(0,0,0,.1);border-radius:var(--borderradius);border-top:4px solid var(--color);padding:20px;text-align:center;transition:all .2s linear}
.prolist-mode15 .list li em{color:var(--color);font-size:40px}
.prolist-mode15 .list li .tit{font-size:var(--fontsize18);font-weight:var(--fontbold6);color:#283e58}
.prolist-mode15 .list li:hover{transform:translateY(-10px)}
.prolist-mode16 .box{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:50px}
.prolist-mode16 .img{width:46%}
.prolist-mode16 .img img{width:100%}
.prolist-mode16 .info-box{width:50%}
.prolist-mode16 .info-box .item{display:flex;position:relative;margin-bottom:10px;padding-bottom:10px}
.prolist-mode16 .info-box .item .num{width:50px;height:50px;background-color:var(--color);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:var(--fontsize24);font-weight:var(--fontbold6);color:#fff;position:relative;margin:12px}
.prolist-mode16 .info-box .item .num::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% + 24px);height:calc(100% + 24px);border-radius:50%;background-color:var(--color);opacity:.1;z-index:-1;transition:all .2s linear}
.prolist-mode16 .info-box .item .info{margin-top:20px;flex:1;margin-left:20px}
.prolist-mode16 .info-box .item .info .tit{font-size:var(--fontsize24);font-weight:var(--fontbold6);color:#283e58}
.prolist-mode16 .info-box .item::before{content:"";width:2px;height:calc(100% - 80px);position:absolute;bottom:0;left:36px;background-color:var(--color);transition:all .2s linear}
.prolist-mode16 .info-box .item:last-child::before{display:none}
.prolist-mode16 .info-box .item:hover .num::before{width:calc(100% + 16px);height:calc(100% + 16px);opacity:.5}
.prolist-mode17{padding-bottom:5%}
.prolist-mode17 .top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.prolist-mode17 .top .item-box{width:56%;display:flex;flex-wrap:wrap;justify-content:space-between}
.prolist-mode17 .top .item{width:48%}
.prolist-mode17 .top .pro-des{margin-left:0}
.prolist-mode17 .bottom{display:flex;flex-wrap:wrap;justify-content:space-between;padding-left:15%}
.prolist-mode17 .bottom .item{width:31.6%}
.prolist-mode17 .txt-box{width:40%}
.prolist-mode17 .txt-box .pro-title{text-align:left}
.prolist-mode17 .txt-box .pro-des{text-align:left}
.prolist-mode17 .item{background-color:#fff;box-shadow:0 10px 40px 0 rgba(0,0,0,.1);border-radius:var(--borderradius);border-top:4px solid var(--color);padding:20px;margin-top:25px;transition:all .2s linear}
.prolist-mode17 .item .icon{text-align:center;color:var(--color)}
.prolist-mode17 .item .icon em{font-size:46px}
.prolist-mode17 .item .tit{color:#283e58;font-weight:var(--fontbold6);font-size:var(--fontsize18);text-align:center}
.prolist-mode17 .item .list{margin-top:10px}
.prolist-mode17 .item .list li{position:relative;padding-left:30px;margin-bottom:6px}
.prolist-mode17 .item .list li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;background-image:url(/uploads/43191/page/p20250513172755f19c1.webp)}
.prolist-mode17 .item:hover{transform:translateY(-5px)}
.prolist-mode18::before{background-color:var(--color);height:280px}
.prolist-mode18 .pro-title{color:#fff}
.prolist-mode18 .box{margin-top:50px}
.prolist-mode18 .box .promode18-pagination{display:flex;justify-content:center;width:100%;margin-top:30px}
.prolist-mode18 .box .promode18-pagination .swiper-pagination-bullet{background-color:var(--color)}
.prolist-mode18 .swiper-slide img{width:100%}
.pro-accessories{padding-bottom:5%}
.pro-accessories .swiper-slide .info .title{margin-bottom:0;margin-top:10px}
.pro-accessories .swiper-slide .info .list{margin-top:20px;display:flex;flex-wrap:wrap}
.pro-accessories .swiper-slide .info .list li{width:36%;position:relative;padding-left:30px;margin-bottom:6px}
.pro-accessories .swiper-slide .info .list li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;background-image:url(/uploads/43191/page/p20250513172755f19c1.webp)}
.pro-accessories .swiper-slide .info .list li:nth-child(even){width:60%}
.pro-accessories .swiper-slide .info .more{margin-top:20px;display:flex;align-items:center;font-weight:var(--fontbold6);text-decoration:none;color:var(--color)}
.pro-accessories .swiper-slide .info .more em{font-size:40px;margin-right:30px;position:relative;font-weight:var(--fontbold4);transition:all .2s linear;color:var(--color)}
.pro-accessories .swiper-slide .info .more em::after{content:"";position:absolute;top:50%;right:-15px;transform:translateY(-50%);width:30px;height:30px;border:1px solid var(--color);border-radius:50%}
.pro-accessories .swiper-slide .info .more:hover em{margin-right:25px}
.prolist-proto .swiper-slide .info .txt{background-color:#f2f2f2}
.prolist-lictub .box{align-items:center}
.prolist-lictub .img{width:48%}
.prolist-lictub .info{width:48%}
.protypefeedback{position:relative;z-index:1;padding:5% 0;background-image:url(/uploads/43191/page/p2025051317283507ad4.webp);background-repeat: no-repeat;background-size: cover;}
.protypefeedback .box{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.protypefeedback .box .info{width:48%;color:#fff}
.protypefeedback .box .info .pro-title{color:#fff;text-align:left}
.protypefeedback .box .info .list{margin-top:40px}
.protypefeedback .box .info .list li{color:#fff;display:flex;margin-top:4px}
.protypefeedback .box .info .list em{margin-right:10px;display:inline-flex;font-size:var(--fontsize18)}
.protypefeedback .box .inquiry-box{width:48%;background-color:var(--color);color:#fff;border-radius:10px;padding:50px 40px}
.protypefeedback .box .inquiry-box .pro-title{color:#fff}
.protypefeedback .box .wmkcfeedback .wmkcfb-fileupload,.protypefeedback .box .wmkcfeedback input,.protypefeedback .box .wmkcfeedback textarea{background-color:transparent;border:1px solid #fff;color:#fff}
.protypefeedback .box .wmkcfeedback .wmkcfb-fileupload::placeholder,.protypefeedback .box .wmkcfeedback input::placeholder,.protypefeedback .box .wmkcfeedback textarea::placeholder{color:#fff}
.protypefeedback .box .wmkcfeedback .send-btn{width:100%;background-color:#fff;color:var(--color);font-weight:var(--fontbold6);height:50px;border-radius:3px;border:1px solid #fff}
.protypefeedback .box .wmkcfeedback .send-btn:hover{background-color:var(--color);color:#fff}
@media screen and (min-width:1025px){.prolist-box .proswiper-box.slide-twoline5 .swiper-wrapper{width:100%!important;flex-direction:row!important}
.prolist-box .proswiper-box.slide-twoline5 .swiper-slide{margin-top:0!important}
.prolist-box .proswiper-box.slide-twoline5 .swiper-slide:nth-child(4n){margin-right:0!important}
.prolist-box .proswiper-box.slide-twoline5 .swiper-slide:nth-child(n+5){margin-top:30px!important}
}
@media screen and (max-width:1440px){.prolist-box .proswiper-box .swiper{height:800px}
.pro-main .pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize30)}
}
@media screen and (max-width:1281px){.prolist-box .proswiper-box .swiper{height:720px}
.pro-main .pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize26)}
.prolist-mode11 .box{padding:0 6%}
}
@media screen and (max-width:1120px){.prolist-box .proswiper-box .swiper{height:660px}
}
@media screen and (max-width:1024px){.pro-main .pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize22)}
.pro-main .pagesbanner .pagesbanner-animate .p2{font-size:var(--fontsize14)}
.pro-title{font-size:var(--fontsize26)}
.pro-bg{padding:40px 0}
.pro-bg::before{left:-15px!important;width:calc(100% + 30px)!important}
.pro-main .prolist-bottom{max-width:100%;padding:10px 15px;margin-left:0;margin-right:0}
.prolist-mode1{padding:40px 0}
.prolist-mode1 .top .img{padding-right:20px}
.prolist-mode1 .top .img::before{width:calc(100% - 20px)}
.prolist-mode8 .swiper-slide{flex-wrap:wrap;padding-right:0}
.prolist-mode8 .swiper-slide::after{display:none}
.prolist-mode8 .swiper-slide .img{width:100%;display:flex;justify-content:center}
.prolist-mode8 .swiper-slide .info{width:100%;margin-left:0;margin-top:25px}
.protypefeedback{padding:40px 0}
.prolist-box .proswiper-box .swiper{height:820px}
.prolist-box{padding-top:0}
.prolist-mode9{padding-bottom:40px}
.prolist-mode10 .list li{width:48%}
.prolist-mode11{padding-bottom:40px}
.prolist-mode13{padding:40px 0}
.prolist-mode12 .box .item-box{width:100%}
.prolist-mode12 .box .img{width:100%;display:inline-flex;align-items:center;justify-content:center}
.prolist-mode12 .box .img img{width:auto}
.prolist-mode15{padding:40px 0}
.prolist-mode15 .list li{width:48%}
.prolist-mode17{padding-bottom:40px}
.prolist-mode17 .top .txt-box{width:100%}
.prolist-mode17 .top .item-box{width:100%}
.prolist-mode17 .bottom{padding-left:0}
}
@media screen and (max-width:860px){.prolist-box .proswiper-box .swiper{height:720px}
}
@media screen and (max-width:768px){.pagesbanner{min-height:100px}
.pagesbanner img,.pagesbanner video{min-height:100px}
.pro-main .pagesbanner-animate-ab .more{display:none}
.pro-main .pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize12)}
.pro-main .pagesbanner .pagesbanner-animate .p2{display:none}
.prolist-protit{padding-bottom:25px}
.prolist-mode1 .top{flex-direction:column-reverse}
.prolist-mode1 .top .info{width:100%;margin-top:45px}
.prolist-mode1 .top .img{width:94%;padding-right:0}
.prolist-mode1 .top .img::before{width:100%}
.prolist-mode1 .list li{width:48%;margin-top:25px}
.prolist-mode3 .list{margin-top:0}
.prolist-mode3 .list li{width:32%;margin-top:25px}
.prolist-mode4 .box{margin-top:25px;padding-bottom:30px}
.prolist-mode4 .box .promode4-next,.prolist-mode4 .box .promode4-prev{display:none}
.prolist-mode4 .box .promode4-pagination{display:flex}
.prolist-mode4 .swiper-slide .img{width:100%;padding:0}
.prolist-mode4 .swiper-slide .info{width:100%;margin-top:25px}
.prolist-mode5 .box{margin-top:25px;flex-direction:column-reverse}
.prolist-mode5 .info{margin-top:25px;width:100%}
.prolist-mode5 .img{width:100%;padding-top:20px;padding-right:20px}
.prolist-mode7 .box{margin-top:25px;padding:0}
.prolist-mode7 .box .promode7-next,.prolist-mode7 .box .promode7-prev{display:none}
.prolist-mode7 .box .promode7-pagination{display:flex;margin-top:20px}
.prolist-mode8 .box{margin-top:25px}
.prolist-mode8 .box .btn{display:none}
.prolist-mode8 .box .promode8-pagination{display:flex;margin-top:20px}
.prolist-mode8 .swiper-slide .info .txt{padding:15px}
.prolist-faq .list li .title-box p{font-size:var(--fontsize16)}
.protypefeedback .box .info{width:100%}
.protypefeedback .box .inquiry-box{width:100%;padding:20px;margin-top:25px}
.prolist-logo .box{padding:0}
.prolist-logo .box .prologo-next,.prolist-logo .box .prologo-prev{display:none}
.prolist-logo .box .prologo-pagination{display:flex;margin-top:25px}
.prolist-logo .swiper-slide img{max-width:80px}
.prolist-box .proswiper-box .swiper{height:840px}
.prolist-mode9 .img{width:100%;padding-top:20px;padding-left:20px}
.prolist-mode9 .info{width:100%;margin-top:25px}
.prolist-mode10 .list li{margin-top:25px}
.prolist-mode11 .box{margin-top:25px;padding:0}
.prolist-mode11 .box .list{margin-top:0}
.prolist-mode12 .box{margin-top:25px}
.prolist-mode13 .list{margin-top:0}
.prolist-mode13 .list li{width:48%}
.prolist-mode14 .box{margin-top:25px}
.prolist-mode14 .box .img{width:94%;margin-left:0;margin:0 auto}
.prolist-mode14 .box .info{width:100%;margin-top:25px}
.prolist-mode15 .top .img{width:94%;margin:0 auto}
.prolist-mode15 .top .info{width:100%;margin-top:30px}
.prolist-mode15 .top .info .txt{margin-top:15px}
.prolist-mode15 .list li{margin-top:25px}
.prolist-mode16 .box{margin-top:25px}
.prolist-mode16 .img{width:100%}
.prolist-mode16 .info-box{width:100%;margin-top:25px}
.prolist-mode17 .bottom .item{width:48%}
}
@media screen and (max-width:500px){.prolist-mode6 .btn{margin-top:15px}
.prolist-mode6 .btn .more{margin-top:10px;height:42px;font-size:var(--fontsize14);padding:0 10px}
.prolist-mode3 .list li{width:48%}
.prolist-box .proswiper-box .swiper{height:auto}
.prolist-box .proswiper-box .swiper-slide{height:auto}
.prolist-mode1 .list li em{font-size:var(--fontsize30)!important;margin-right:15px}
.prolist-mode1 .list li .tit{font-size:var(--fontsize16)}
.prolist-box .proswiper-box .swiper{padding-bottom:0}
.prolist-box .proswiper-box .swiper-slide .pro-info{padding:10px 15px}
.prolist-box .proswiper-box .swiper-slide .pro-info .title{font-size:var(--fontsize16)}
.prolist-mode10 .list li{width:100%}
.prolist-mode10 .list li .img{height:auto;max-height:240px}
.prolist-mode11 .box{flex-wrap:wrap}
.prolist-mode11 .list{width:100%}
.prolist-mode12 .box .item{min-height:auto}
.prolist-mode13 .list li{width:100%}
.prolist-mode15 .list li{width:100%}
.prolist-mode17 .item{width:100%!important}
.pro-accessories .swiper-slide .info .list li{width:100%!important}
.prolist-mode4 .swiper-slide .info .title{font-size:var(--fontsize18)}}
.pro-main .common-page{display: none;}
.prolist-content{margin: 0 auto;}

.sht .module1{display:flex;align-items:center;justify-content:space-between;padding-bottom:5%}
.sht .module1-left{flex:1;padding-right:5%}
.sht .module1-right{width:46%;position:relative;overflow:hidden}
.sht .module1-right img{transition:all .3s ease-in-out}
.sht .module1-right:hover img{transform:scale(1.02)}
.sht .module1-right p{position:absolute;content:'';width:100%;bottom:0;left:0;z-index:5;text-align:center;color:#fff;padding:15px 0;line-height:1;background:#00000063}
.sht .module1-left h2{text-align:left}
.sht .module1-con p{color:#111;line-height:30px;margin-top:20px}
.sht .module2 p{color:#fff;line-height:29px;text-align:center;margin-top:20px}
.sht .module3{padding:5% 0}
.sht .module-head p{color:#111;line-height:29px;text-align:center;margin-top:25px}
.sht .module3-com{display:flex;align-items:center;margin-top:50px}
.sht .module3-left{background:#fff;position:relative;width:37.5%}
.sht .module3-left img{border:1px solid #e5e5e5}
.sht .module3-left p{background:#b3b4b4;text-align:center;line-height:1;padding:15px 0;color:#fff}
.sht .module3-right{flex:1;padding-left:4%}
.sht .module3-right ul li{margin-bottom:20px;color:#283e58;line-height:29px;position:relative;padding-left:30px}
.sht .module3-right ul li::after{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;background-image:url(https://www.bestviewspa.com/uploads/43191/page/p20250513172755f19c1.webp)}
.sht .module4{padding:5% 0;position:relative;z-index:3}
.sht .module4-com{display:flex;justify-content:space-between;margin-top:50px}
.sht .module4::after{position:absolute;content:'';background:#0070bc;width:1920px;left:-260px;top:0;height:50%;z-index:-1}
.sht .module4-box{width:19%}
.sht .module4-img{overflow:hidden}
.sht .module4-img img{transition:all .3s ease-in-out}
.sht .module4-img:hover img{transform:scale(1.02)}
.sht .module4 .pro-title{color:#fff}
.sht .module4-text .p1{font-weight:600;color:#283e58;text-align:center;padding:10px 0 15px}
.sht .module4-text .p2{color:#111;line-height:29px;text-align:center}
.sht .module5-com{display:flex;align-items:center;justify-content:space-between;margin-top:50px}
.sht .module5-left{flex:1;padding-right:4%}
.sht .module5-right{width:51%;position:relative;overflow:hidden}
.sht .module5-right:hover img{transform:scale(1.02)}
.sht .module5-right img{aspect-ratio:1.5/1;object-fit:cover;transition:all .3s ease-in-out}
.sht .module5-right p{position:absolute;content:'';width:100%;bottom:0;left:0;z-index:5;text-align:center;color:#fff;padding:15px 0;line-height:1;background:#00000063}
.sht .module5-con ul li strong{color:#283e58}
.sht .module5-con ul li{line-height:29px;color:#111}
.sht .module5-row{display:flex}
.sht .module5-row em{color:var(--color);line-height:1;font-size:24px;width:24px}
@media (max-width:1024px) {
.sht .module3-com{margin-top: 25px;flex-direction: column;}
.sht .module3-left,.sht .module3-left img{width: 100%;}
.sht .module3-right{padding-left: 0;margin-top: 25px;}
.sht .module4-com{flex-wrap: wrap;margin-top: 25px;}
.sht .module4-box {width: 49%;margin-bottom: 2%;}
.sht .module5-com{margin-top: 25px;flex-direction: column;}
.sht .module5-left{padding-right: 0;}
.sht .module5-right{width: 100%;margin-top: 20px;}
.sht .module5-right img{width: 100%;}}
@media (max-width:768px) {.sht .module1{flex-direction: column;}
.sht .module1-left{padding-right: 0;margin-bottom: 20px;}
.sht .module1-right{width: 100%;}}
.pro-des{color:#fff}
.medium1 .pro-title{text-align:left}
.medium1 .kche-padding-left2{padding-left:4%}
.medium1 .kche-padding-left2 p{margin-top:10px}
.medium1 .kche-item-img{position:relative}
.medium1 .kche-item-img .tit{position:absolute;left:0;bottom:0;width:100%;z-index:2;color:#fff;padding:10px;background:rgba(0,0,0,.5);font-weight:600;text-align:center}
.medium2 .box{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;margin-top:20px}
.medium2 .info{width:56%}
.medium2 .img{width:36%;border:1px solid #e5e5e5}
.medium2 .img .tit{width:100%;z-index:2;color:#fff;padding:10px;background:rgba(0,0,0,.5);font-weight:600;text-align:center}
.medium2 .list li{position:relative;padding-left:30px;margin-bottom:6px}
.medium2 .list li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;background-image:url(https://www.bestviewspa.com/uploads/43191/page/p20250513172755f19c1.webp)}
.medium2 .list li strong{color:#283e58}
.prolist-mode18 .kche-item-img img{border:none}
.prolist-mode18 .kche-t41 .kche-item-img{position:relative;margin-bottom:10px}
.prolist-mode18 .kche-t41 .kche-item-img .tip{position:absolute;left:0;bottom:0;width:100%;padding:4px 10px;color:#fff;background-color:rgba(0,0,0,.4);z-index:2}
.prolist-mode18 .kche-item-title{color:#283e58}
.medium3{padding-bottom:30px}
.medium4 table strong{color:#283e58}
.medium4 .table-wrap table td,.medium4 .table-wrap table th{padding:16px}
.medium4 .tip{display:flex;align-items:center;justify-content:center;margin-top:20px}
.medium4 .tip img{margin-right:4px}
@media screen and (max-width:768px){.medium1 .kche-padding-left2{flex:none;width:100%;padding:0;margin:0;margin-top:25px}
.medium1 .kche-t46 .kche-item-img{max-width:100%;width:100%}
.medium1 .kche-t46>.kche-flex-row-reverse{flex-direction:column-reverse}
.medium2 .box{flex-direction:column-reverse}
.medium2 .info{width:100%;margin-top:25px}
.medium2 .img{width:100%}}
.sht .module3-contant{display:flex;flex-direction:row-reverse;align-items:center;margin-top:40px}
.sht .module3-contant .module3-left{width:46.5%}
.sht .module3-contant .module3-left img{width:100%}
.sht .module3-contant .module3-left p{position:absolute;width:100%;bottom:0;text-align:center;background:#5f5f5fad}
.sht .module3-contant .module3-right{padding-right:4%;padding-left:0}
.module6-com{margin-top:40px}
.module6 .table-wrap table td,.module6 .table-wrap table th{height:60px;border:1px solid #eee}
.module7{padding:5% 0;position:relative;z-index:3}
.module7::after{position:absolute;content:'';width:1920px;height:100%;z-index:-1;top:0;background:#f1f1f1;left:-230px}
.module7-item{display:flex;justify-content:space-between;margin-top:40px}
.module7-box{width:32%}
.module7-text p{font-weight:600;font-size:20px;color:#fff;text-align:center;padding:22px 0;line-height:1;background:var(--color)}
.module8{padding:5% 0}
.module8-com{display:flex;align-items:center;margin-top:40px}
.module8-right{width:48%}
.module8-left{flex:1;padding-right:3.5%}
.mod8Swiper{padding-bottom:50px}
.mod8Swiper .swiper-slide{background:#e1e1e1;border:1px solid #e5e5e5}
.mod8Swiper .swiper-slide img{width:100%}
.mod8Swiper .swiper-slide p{color:#fff;line-height:30px;padding:15px 20px;background:#00000063;text-align:center}
.module8-left .list{margin-top:20px}
.module8-left .list li{position:relative;padding-left:30px;margin-bottom:6px}
.module8-left .list li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;background-image:url(https://www.bestviewspa.com/uploads/43191/page/p20250513172755f19c1.webp)}
.module8-left .more{margin-top:20px;display:flex;align-items:center;font-weight:var(--fontbold6);text-decoration:none;color:var(--color)}
.module8-left .more em{font-size:40px;margin-right:30px;position:relative;font-weight:var(--fontbold4);transition:all .2s linear;color:var(--color)}
.module8-left .more em::after{content:"";position:absolute;top:50%;right:-15px;transform:translateY(-50%);width:30px;height:30px;border:1px solid var(--color);border-radius:50%}
@media (max-width:1024px) {.sht .module3-contant{margin-top: 20px;}}
@media (max-width:768px) {.kche-item-img img{width: 100%;}
.sht .module3-contant{flex-direction: column;}
.sht .module3-contant .module3-left{width: 100%;}
.sht .module3-contant .module3-right{padding-right: 0;}
.module8-com{margin-top: 25px;flex-direction: column-reverse;}
.module8-left{padding-right: 0;}
.module8-right {width: 100%;}
.module7-item{margin-top: 25px;flex-wrap: wrap;}
.module7-box {width: 49%;margin-bottom: 2%;}
.module7-text p{font-size: 16px;}}
@media (max-width:550px) {.module7-box{width: 100%;}
.module7-box img{width: 100%;}}