.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize38);font-weight:var(--fontbold7)}
.pagesbanner .pagesbanner-animate .p2{font-size:var(--fontsize16);margin:10px auto 0;max-width:49%}
@media (max-width:1600px){.pagesbanner .pagesbanner-animate .p1{font-size:2vw}
.pagesbanner .pagesbanner-animate .p2{font-size:.85vw}}
@media (max-width:768px){.pagesbanner img,.pagesbanner video{min-height:inherit}
.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize12)}
.pagesbanner .pagesbanner-animate .p2{display:none}}
.quality-common-title{font-size:var(--fontsize34);color:#0f1137;margin-bottom:20px;line-height:1.2;font-weight:var(--fontbold7)}
.quality-common-des{color:#515362}
.common-flex{display:flex;justify-content:space-between}
.common-more a{color:#fff;border-radius:30px;display:inline-flex;padding:7px 20px;margin-top:35px;align-items:center;position:relative;overflow:hidden;z-index:2;background:var(--bgcolor)}
.common-more a:before{content:'';width:0;height:100%;background:var(--color);display:inline-block;transition:width .5s;position:absolute;top:0;left:0;z-index:-1}
.common-more a div{display:inline-flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;color:var(--fontcolor);background:#fff;margin-left:10px;transition:all .3s}
.common-more a:hover{text-decoration:none}
.common-more a:hover:before{width:100%}
.page-main{padding-bottom:0}
.quality>.l-wrap{max-width:100%;padding:0}
.quality1{padding:2% 0 5%}
.quality1 .inner{align-items:center}
.quality1 .quality-left{width:48.2%;position:relative;z-index:2}
.quality1 .quality-right{width:55%;background:#e7ecf2;padding:6.5% 15px 6.5% 9%;margin-left:-5%;z-index:1;position:relative;border-radius:var(--borderradius)}
.quality2{background:url(https://css02.v15cdn.com/m619/imgs/quality2.webp) no-repeat top;padding:4% 0 5%}
.quality2 .l-wrap>.quality-common-des,.quality2 .l-wrap>.quality-common-title{color:#fff;text-align:center}
.quality2 .list{margin-top:3.5%}
.quality2 .list li{width:31.5%;background:#fff;transition:all .5s linear;text-align:center;padding:50px 30px 40px 30px;border-radius:10px;border:1px solid #e6e6e6}
.quality2 .list li:hover{background:linear-gradient(45deg,var(--color1),var(--color) 35%);border-color:transparent}
.quality2 .list li .icon{line-height:1}
.quality2 .list li .icon em{background-image:var(--bgcolor);-webkit-background-clip:text;color:transparent;transition:all .3s linear;font-size:60px;transition:all .3s;display:inline-block}
.quality2 .list li:hover .icon em{transform:rotateY(360deg);background:0 0;color:#fff}
.quality2 .list li p{font-size:var(--fontsize20);font-weight:var(--fontbold7);margin:10px 0}
.quality2 .list li:hover .quality-common-des,.quality2 .list li:hover p{color:#fff}
.quality3{margin-bottom:8%}
.quality3 .inner .quality3-left{width:48.2%;z-index:2;position:relative}
.quality3 .left .swiper-slide{border-radius:10px;overflow:hidden}
.quality3 .inner .quality3-right{width:55%;background:#e7ecf2;padding:3% 25px 3% 9%;margin-left:-5%;z-index:1;position:relative;border-radius:var(--borderradius);margin-top:4%}
.quality3 .inner .quality3-right .bot-inner{margin-top:10px}
.quality3 .inner .quality3-right .bot-inner p{position:relative}
.quality3 .inner .quality3-right .bot-inner p span{width:6px;height:6px;display:inline-block;background:var(--bgcolor);border-radius:50%;margin-right:7px;transform:translateY(-2px)}
.swiper-pagination-bullet-active{background:var(--bgcolor)}
.quality4{background:#f7f7f7;padding:4.5% 0 2%}
.quality4 .left{width:35%;background:#fff;padding:5% 4.5% 5% 3%;margin-bottom:50px;border-radius:20px;position:relative}
.quality4 .left .btn-box{background:#f7f7f7;border-top-left-radius:20px;display:flex;justify-content:center;position:absolute;bottom:0;right:0;padding:15px 30px}
.quality4 .left .btn-box div.btn{width:50px;height:50px;background:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 5px;cursor:pointer;transition:all .3s}
.quality4 .left .btn-box div.btn em{background-image:var(--bgcolor);-webkit-background-clip:text;color:transparent;transition:all .3s linear;font-size:var(--fontsize30)}
.quality4 .left .btn-box div.btn:hover{background:var(--bgcolor)}
.quality4 .left .btn-box div.btn:hover em{color:#fff;background:0 0}
.quality4 .left .btn-box div.btn.swiper-button-disabled{opacity:.5;cursor:not-allowed}
.quality4 .right{width:64%}
.quality4 .right .quality4Swiper{padding-bottom:50px}
.quality4 .quality4Swiper-pagination{bottom:0}
.quality5{padding:5% 0}
.quality5 .inner{align-items:center}
.quality5 .left{width:48.2%;position:relative;z-index:2}
.quality5 .left .swiper-slide{border-radius:10px;overflow:hidden}
.quality5 .right{width:55%;background:#e7ecf2;padding:7% 4% 7% 9%;margin-left:-5%;z-index:1;position:relative;border-radius:var(--borderradius)}
.quality6{padding:4.5% 0;background:url(https://css02.v15cdn.com/m619/imgs/quality-bg.webp) no-repeat center/cover;text-align:center}
.quality6 .quality-common-des,.quality6 .quality-common-title{color:#fff}
@media (max-width:1440px){.quality1 .quality-right{padding-top:5%;padding-bottom:5%}
.quality4 .left{padding:4% 3% 4% 2%}
.quality5 .right{padding-top:6%;padding-bottom:6%}}
@media (max-width:1280px){.quality-common-title{font-size:var(--fontsize30)}
.quality2 .list li{padding:35px 20px 30px 20px}}
@media (max-width:1024px){.quality4 .common-flex{flex-wrap:wrap}
.quality4 .left{width:100%;margin-bottom:20px}
.quality4 .right{width:100%}}
@media (max-width:768px){.common-flex{flex-wrap:wrap}
.quality-common-title{font-size:var(--fontsize26);margin-bottom:15px}
.common-more a{margin-top:20px}
.quality1,.quality2{padding:40px 0}
.quality1 .quality-left,.quality3 .inner .quality3-left,.quality5 .left{width:100%}
.quality1 .quality-left img,.quality3 .inner .quality3-left img,.quality4 .right .quality4Swiper img,.quality5 .left img{width:100%;display:block}
.quality1 .quality-right,.quality3 .inner .quality3-right,.quality5 .right{width:100%;margin-left:0;padding:20px}
.quality2 .list li .icon em{font-size:var(--fontsize40)}
.quality3{margin-bottom:40px}
.quality3 .inner .quality3-right{margin-top:0}
.quality4,.quality6{padding:40px 0}
.quality4 .left{padding:20px 20px 30px 20px}}
@media (max-width:768px){.quality-common-title{font-size:var(--fontsize22)}
.quality2 .list li{width:100%;padding:20px;margin-bottom:15px}
.quality4 .left .btn-box{padding:7px 15px}}