.page-title{font-size:var(--fontsize28)}
.page-bg{padding:5% 0;position:relative;z-index:1}
.page-bg::before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);max-width:1920px;width:100vw;height:100%;background-repeat:no-repeat;background-size:cover;z-index:-1}
.quality1 .kche-t221-content{padding:5% 0}
.quality1 .kche-t221-info{background-color:rgba(255,103,154,.9);color:#fff;border-radius:10px;padding:6% 10%}
.quality1 .page-title{color:#fff}
.quality2{padding:5% 0}
.quality2 .page-dev{text-align:center}
.quality2 .page-des{text-align:center;max-width:1370px;margin:10px auto 0;color:#555}
.quality2 .box{margin-top:40px}
.quality2 .item{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.quality2 .item .img{width:50%;overflow:hidden}
.quality2 .item .info{width:46%}
.quality2 .item .info .tit{font-size:var(--fontsize24);color:#0b1b2b;font-weight:var(--fontbold6)}
.quality2 .item .info .icon{display:block;line-height:1}
.quality2 .item .info .txt{color:#555;margin-top:20px}
.quality2 .item:nth-child(odd) .img{border-radius:90px 0 0 0}
.quality2 .item:nth-child(even) .img{border-radius:0 0 90px 0}
.quality3{color:#fff;padding:5% 0 10%}
.quality3::before{background-image:url(/uploads/43960/page/p20250929112933eadc6.webp)}
.quality3 .page-title{color:#fff}
.quality3 .page-des{text-align:center;max-width:1060px;margin:10px auto 0}
.quality3 .page-dev{text-align:center}
.quality3 .box{margin-top:40px;position:relative;padding:0 100px}
.quality3 .box .quality3swiper-next,.quality3 .box .quality3swiper-prev{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;background-color:#fff;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e1e1e1;color:#555;cursor:pointer;transition:all .2s linear}
.quality3 .box .quality3swiper-next em,.quality3 .box .quality3swiper-prev em{font-size:var(--fontsize24)}
.quality3 .box .quality3swiper-next:hover,.quality3 .box .quality3swiper-prev:hover{background-color:var(--color);color:#fff}
.quality3 .box .quality3swiper-prev{left:0}
.quality3 .box .quality3swiper-next{right:0}
.quality4{padding:5% 0}
.quality4 .page-des{text-align:center;max-width:1370px;margin:10px auto 0;color:#555}
.quality4 .page-dev{text-align:center}
.quality4 .list{display:flex;flex-wrap:wrap}
.quality4 .list li{width:16.6666%;text-align:center;margin-top:60px;padding:50px 0;border-radius:20px;transition:all .2s linear}
.quality4 .list li em{font-size:70px;color:#ff679a;line-height:1;transition:all .2s linear}
.quality4 .list li .line{display:block;position:relative;width:100%;height:1px;background-color:#ff679a;margin:20px 0}
.quality4 .list li .line::before{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;transform:translate(-50%,-50%);background-color:#ff679a;border-radius:50%;transition:all .2s linear}
.quality4 .list li .title{font-size:var(--fontsize20);color:#111;font-weight:var(--fontbold6);transition:all .2s linear;padding:0 20px}
.quality4 .list li .txt{opacity:0;margin-top:10px;color:#fff;padding:0 20px;transition:all .2s linear}
.quality4 .list li.active{background-color:#ff679a;transform:translateY(-20px)}
.quality4 .list li.active .icon em{color:#fff}
.quality4 .list li.active .title{color:#fff}
.quality4 .list li.active .line::before{background-color:#fff}
.quality4 .list li.active .txt{opacity:1}
@media screen and (max-width:1280px){.quality4 .list li{width:33.3333%}
}
@media screen and (max-width:1024px){.quality1 .kche-t221-content{padding:40px}
.quality1 .kche-t221-info{padding:40px 60px}
.quality2{padding:40px 0}
.quality4{padding:40px 0}
}
@media screen and (max-width:768px){.page-title{font-size:var(--fontsize24)}
.quality2 .item{margin-top:30px}
.quality2 .box{margin-top:0}
.quality2 .item .img{width:100%;border-radius:0!important}
.quality2 .item .info{width:100%;margin-top:25px}
.quality2 .item:nth-child(even){flex-direction:column-reverse}
.quality2 .item .info .tit{font-size:var(--fontsize20)}
}
@media screen and (max-width:500px){.quality1 .kche-t221-content{padding:40px 20px}
.quality1 .kche-t221-info{padding:20px}
.quality3 .box{margin-top:30px;padding:0 60px}
.quality3 .box .quality3swiper-next,.quality3 .box .quality3swiper-prev{width:40px;height:40px}
.quality3 .box .quality3swiper-next em,.quality3 .box .quality3swiper-prev em{font-size:var(--fontsize16)}
.quality4 .list{justify-content:space-between}
.quality4 .list li{width:100%;margin-top:30px;padding:20px 0;background-color:#ff679a}
.quality4 .list li em{font-size:var(--fontsize40)}
.quality4 .list li em{color:#fff}
.quality4 .list li .title{color:#fff}
.quality4 .list li .title br{display:none}
.quality4 .list li .line::before{background-color:#fff}
.quality4 .list li .txt{opacity:1}
}