.page-des{text-align:center;margin-top:20px}
.common-main>.l-wrap{max-width:100%;padding:0}
.quality1 .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.quality1 li{margin-top:50px;width:20%;position:relative}
.quality1 li::before{content:"";position:absolute;left:57%;top:64px;width:72%;height:12px;background-image:url(/uploads/43191/page/p2025042117443347a68.webp);background-size:contain;background-repeat:no-repeat}
.quality1 li:last-child::before{display:none}
.quality1 li .icon{width:140px;height:140px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px dashed rgba(40,62,88,.4);margin-bottom:10px;transition:all .2s linear}
.quality1 li .icon em{display:flex;align-items:center;justify-content:center;width:94px;height:94px;background-color:#fff;border-radius:50%;box-shadow:0 0 21px 0 rgba(40,62,88,.16);font-size:50px;color:#283e58;transition:all .2s linear}
.quality1 li .tit{font-size:var(--fontsize20);font-weight:var(--fontbold6);color:#283e58;height:60px}
.quality1 li:hover .icon{transform:translateY(-5px);border-color:var(--color)}
.quality2{position:relative;z-index:2;padding:5% 0}
.quality2::before{content:"";position:absolute;left:-70px;top:0;width:1920px;height:100%;background-image:url(/uploads/43191/page/p2025042117450993060.webp);background-size:cover;background-repeat:no-repeat;z-index:-1}
.quality2 .list{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:30px}
.quality2 li{width:18%;background-color:#fff;padding:10px;display:flex;align-items:center;justify-content:center;margin-top:20px}
.quality2 li img{transition:all .2s linear}
.quality2 li:hover img{transform:scale(1.05)}
.quality3{padding:5% 0}
.quality3 .box{display:flex;justify-content:space-between;margin-top:30px;flex-wrap:wrap}
.quality3 .left{width:50%;position:relative;margin-top:20px}
.quality3 .left .info{font-size:var(--fontsize20)}
.quality3 .list{width:48%;display:flex;flex-wrap:wrap;justify-content:space-between}
.quality3 .list li{width:48%;position:relative;margin-top:20px}
.quality3 .img{overflow:hidden;width:100%;height:100%}
.quality3 .img:hover img{transform:scale(1.03)}
.quality3 .img img{width:100%;height:100%;object-fit:cover;transition:all .2s linear}
.quality3 .info{position:absolute;width:100%;text-align:center;left:0;bottom:0;padding:12px 10px;background-color:rgba(0,0,0,.5);font-size:var(--fontsize16);font-weight:var(--fontbold6);color:#fff}
.quality4{padding-bottom:5%}
.quality4 .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.quality4 li{width:19%;margin-top:50px}
.quality4 li .img{overflow:hidden;border:1px solid #f7f7f7}
.quality4 li img{transition:all .2s linear}
.quality4 li .info{text-align:center;padding:10px;color:#283e58}
.quality4 li:hover img{transform:scale(1.03)}
.quality5{padding:5% 0;position:relative;z-index:1}
.quality5::before{content:"";position:absolute;width:1920px;height:100%;left:-70px;top:0;background-image:url(/uploads/43191/page/p20250421174450c86e2.webp);background-repeat:no-repeat;background-size:cover;z-index:-1}
.quality5 .list{display:flex;justify-content:center;margin-top:30px;flex-wrap:wrap}
.quality5 .list li{width:20%;padding:1%}
.quality6{padding:5% 0}
.quality6 .top{display:flex}
.quality6 .top .item::before{left:-85%}
.quality6 .bottom{display:flex}
.quality6 .bottom .item{text-align:right}
.quality6 .bottom .item::before{right:-85%}
.quality6 .bottom .item .num{margin-left:auto}
.quality6 .item{position:relative;margin-top:50px;width:33%}
.quality6 .item::before{content:"";position:absolute;width:80%;height:1px;background-color:#cdcdcd;top:30px}
.quality6 .item .num{width:52px;height:52px;background-color:#fff;border-radius:6px;border:1px solid #cdcdcd;display:flex;align-items:center;justify-content:center;color:var(--color);font-size:var(--fontsize30);font-weight:var(--fontbold6)}
.quality6 .item .tit{margin-top:10px;font-size:var(--fontsize18);font-weight:var(--fontbold6)}
.quality6 .item .tit span{font-size:var(--fontsize26)}
@media screen and (max-width:1550px){.quality1 li::before{width:60%;left:64%}
}
@media screen and (max-width:1280px){.quality1 li::before{display:none}
}
@media screen and (max-width:1024px){.quality1 li{width:23%}
.quality1 li .tit{height:80px}
.quality1 li .icon{width:100px;height:100px}
.quality1 li .icon em{width:60px;height:60px;font-size:var(--fontsize26)}
.quality2{padding:40px 0}
.quality2::before{width:calc(100% + 30px);left:-15px}
.quality3{padding:40px 0}
.quality4{padding-bottom:40px}
.quality5{padding:40px 0}
.quality5::before{width:calc(100% + 30px);left:-15px}
}
@media screen and (max-width:800px){.page-des br{display:none}
.quality1 li{margin-top:25px;width:48%}
.quality2 .list{margin-top:0}
.quality2 .list li{width:31%}
.quality3 .box{margin-top:0}
.quality3 .left{width:100%}
.quality3 .list{width:100%}
.quality4 li{margin-top:25px;width:48%}
.quality5 .list{margin-top:0;justify-content:space-between}
.quality5 .list li{padding:0;margin-top:25px;width:32%}
.quality6 .item{margin-top:25px;width:100%!important}
.quality6 .item::before{display:none}
.quality6 .top{flex-wrap:wrap}
.quality6 .bottom{flex-direction:column-reverse;flex-wrap:wrap}
.quality6 .bottom .item{text-align:left}
.quality6 .bottom .item .num{margin-left:0}
}
@media screen and (max-width:500px){.quality1 li{width:100%}
.quality1 li .icon{width:60px;height:60px}
.quality1 li .icon em{width:40px;height:40px;font-size:var(--fontsize20)}
.quality1 li .tit{height:auto}
.quality2 .list li{width:48%}
.quality3 .info{padding:4px 6px;font-size:var(--fontsize14)}
}