@media (min-width:1025px){body{padding-top:151px}
header{background:#1a1414}}
.pagesbanner .pagesbanner-animate{max-width:1540px;padding:0 70px;text-align:left;top:50%}
.banner-inner img{min-height:inherit;height:auto}
.pagesbanner .pagesbanner-animate .p1{font-weight:var(--fontbold7);font-size:60px}
.pagesbanner .pagesbanner-animate .p1 span{color:var(--color)}
.pagesbanner .pagesbanner-animate .p2{font-size:var(--fontsize16);max-width:50%;margin-top:30px}
@media (max-width:1600px){.pagesbanner .pagesbanner-animate .p1{font-size:3.75vw}
.pagesbanner .pagesbanner-animate .p2{font-size:1vw}}
@media (max-width:1024px){.pagesbanner .pagesbanner-animate{top:50%;padding:0 15px}}
@media (max-width:768px){.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize28)}
.pagesbanner .pagesbanner-animate .p2{font-size:var(--fontsize12);display:none}}
@media (max-width:500px){.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize22)}}
.common-line-title{font-weight:var(--fontbold7);font-size:var(--fontsize24);position:relative;line-height:1.1;margin-bottom:30px}
.common-line-title:before{content:'';width:60px;height:3px;display:block;background:var(--color);position:absolute;top:9px;left:-80px}
.common-des{position:relative;font-size:var(--fontsize16);color:var(--introcolor);line-height:2}
.common-title{position:relative;font-size:var(--fontsize24);padding-bottom:20px;margin-bottom:20px;text-align:center;font-weight:var(--fontbold7)}
.common-title:after{content:'';width:60px;height:3px;display:block;background:var(--color);position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
@media (max-width:768px){.common-line-title,.common-title{font-size:var(--fontsize22);margin-bottom:15px}}
@media (max-width:500px){.common-line-title,.common-title{font-size:var(--fontsize20)}
.common-title{padding-bottom:15px}
.common-line-title:before{width:30px;left:-40px}
.common-des{font-size:var(--fontsize14)}}
.common-main{padding:10px 0 0}
.common-padding{padding:5% 0}
@media (max-width:768px){.common-padding{padding:40px 0}}
.quality1 .inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.quality1 .inner .quality1-left{width:47%;padding:0 0 0 80px}
.quality1 .inner .quality1-right{width:47.3%}
.gray-bg{position:relative}
.gray-bg:before{content:'';width:100vw;height:100%;background:#f6f6f6;display:block;position:absolute;left:50%;top:0;transform:translateX(-50%)}
.quality2 .common-des{margin:0 auto;max-width:930px;text-align:center}
.quality2 .quality2-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:3.5%}
.quality2 .quality2-list .item{width:32%;position:relative;cursor:pointer}
.quality2 .quality2-list .item .popbox{background:var(--color);color:#fff;text-align:center;padding:3% 5%;position:absolute;bottom:0;left:0;width:100%;height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.6s}
.quality2 .quality2-list .item .popbox em{font-size:44px}
.quality2 .quality2-list .item .popbox .pop-tit{font-size:var(--fontsize20);font-weight:var(--fontbold7)}
.quality2 .quality2-list .item .popbox .pop-des{color:#fff;opacity:0;visibility:hidden;height:0}
.quality2 .quality2-list .item .popbox .icon{opacity:0;visibility:hidden;height:0}
.quality2 .quality2-list .item:hover .popbox{bottom:0;height:100%;background:rgb(252 129 34 / 80%)}
.quality2 .quality2-list .item:hover .icon,.quality2 .quality2-list .item:hover .popbox .pop-des{opacity:1;visibility:initial;height:auto}
.quality2-list .item:hover .popbox .pop-des{padding-top:10px}
.quality3 .quality3-list{margin-top:3.5%;display:flex;flex-wrap:wrap;justify-content:space-between}
.quality3 .quality3-list .item{width:23.5%}
.quality3 .quality3-list .item .img{position:relative;overflow:hidden;-webkit-box-reflect:below 0 -webkit-linear-gradient(transparent,transparent 86%,rgba(0,0,0,.2))}
.quality3 .quality3-list .item .img img{width:100%;display:block;transition:all .3s}
.quality3 .quality3-list .item:hover .img img{transform:scale(1.03)}
.quality3 .quality3-list .item p{text-align:center;font-weight:var(--fontbold7);padding:20px 0;font-size:var(--fontsize18)}
.quality4 .kche-t55>.kche-faq-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.quality4 .kche-t55>.kche-faq-list>.kche-faq-item{background:#fff;width:49%}
.quality4 .kche-t55>.kche-faq-list>.kche-faq-item{padding:30px}
.quality4 .kche-t55>.kche-faq-list>.kche-faq-item>.kche-faq-tit>p{font-weight:var(--fontbold7)}
.kche-t55>.kche-faq-list>.kche-faq-item>.kche-faq-tit>p::before,.quality4 .kche-t55>.kche-faq-list>.kche-faq-item>.kche-faq-tit>p::after{background:var(--color);width:18px}
.quality4 .kche-t55>.kche-faq-list>.kche-faq-item>.kche-faq-box{padding-top:10px}
.quality4 .kche-t55>.kche-faq-list>.kche-faq-item>.kche-faq-box p{font-size:var(--fontsize16);max-width:90%}
@media (max-width:768px){.quality1 .inner .quality1-left,.quality1 .inner .quality1-right{width:100%}
.quality1 .inner .quality1-right{margin-top:15px}
.quality1 .inner .quality1-right img{width:100%;display:block}
.quality2 .quality2-list .item{width:49%;margin-bottom:15px}
.quality2 .quality2-list .item .popbox .pop-tit{font-size:var(--fontsize18)}
.quality2 .quality2-list .item .popbox em{font-size:36px}
.quality2 .quality2-list .item .popbox{padding:20px 15px}
.quality3 .quality3-list .item{width:49%}
.quality4 .kche-t55>.kche-faq-list>.kche-faq-item{width:100%;padding:15px}}
@media (max-width:500px){.quality1 .inner .quality1-left{padding-left:40px}
.quality2 .quality2-list .item{width:100%}
.quality3 .quality3-list .item p{font-size:var(--fontsize16);padding:10px 0}
.quality4 .kche-t55>.kche-faq-list>.kche-faq-item>.kche-faq-tit>p{font-size:var(--fontsize16)}}