@import url(https://js01.v15cdn.com/single-template/public.css);
@import url(https://js01.v15cdn.com/single-template/public.css);
html {scroll-behavior: smooth;}
.pagesbanner-text{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center;flex-direction:column}
.pagesbanner-text .p1{font-weight:700;font-size:56px;color:#fff;line-height:70px;text-align:center}
.pagesbanner-text .p2{font-size:18px;color:#fff;line-height:30px;margin-top:20px;text-align:center}
@media (max-width:1640px){.pagesbanner-text .p1{font-size:var(--wmpage-font46)}}
@media (max-width:1440px){.pagesbanner-text .p1{font-size:var(--wmpage-font38)}}
@media (max-width:1200px){.pagesbanner-text .p1{font-size:var(--wmpage-font32);line-height:1.25}}
@media (max-width:1024px){.pagesbanner-text .p1{font-size:var(--wmpage-font28)}}
@media (max-width:768px){.pagesbanner-text .p1{font-size:var(--wmpage-font26)}
.pagesbanner-text .p2{font-size:16px;line-height:1.25;margin-top:10px}}
@media (max-width:550px){.pagesbanner-text .p1{font-size:var(--wmpage-font24)}}
.quality .pagetitle{font-weight:var(--fontbold6);font-size:44px;color:#000003;text-align:center;line-height:1.52}
.quality-banner-p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:10}
.quality-banner-p p{margin:0;padding:0}
.quality-banner-p p:first-child{font-size:56px}
.quality .pagesbanner::after{background:linear-gradient(to bottom,rgba(0,0,0,.3) 0,rgba(0,0,0,.7) 100%);z-index:1}
@media (max-width:1640px){.quality-banner-p p:first-child{font-size:40px}
.quality .pagetitle{font-size:var(--fontsize34)}}
@media (max-width:1440px){.quality-banner-p p:first-child{font-size:30px}
.quality .pagetitle{font-size:var(--fontsize28)}
.quality-page2-content .kche-flex-item-auto .content-title p{font-size:var(--fontsize20)!important}}
@media (max-width:1024px){.quality-banner-p p{line-height:1.5}
.quality-banner-p p:first-child{font-size:var(--fontsize24)}
.quality .pagetitle{font-size:var(--fontsize24)}
.quality-page1-btm,.quality-page1-top{flex-direction:column;margin-bottom:30px;text-align:center}
.quality-page1-btm{flex-direction:column-reverse}
.quality-page1-btm .pagetitle br,.quality-page1-top .pagetitle br{display:none}
.quality-page1-btm .pagetitle,.quality-page1-top .pagetitle{text-align:center!important;padding-right:0!important;margin-bottom:15px}
.quality-page1-btm p,.quality-page1-top p{width:100%!important;text-align:center}
.quality-page3-btn{margin-top:0!important}}
@media (max-width:768px){.quality-banner-p p{line-height:1.2}
.quality-banner-p p:first-child{font-size:var(--fontsize22)}
.quality .pagetitle{font-size:var(--fontsize22)}}
.quality-page1,.quality-page2,.quality-page3{padding:5% 0}
.quality .page-main{padding:0}
.quality-page1-btm,.quality-page1-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px}
.quality-page1-btm .pagetitle{text-align:right}
.quality-page1-top .pagetitle{text-align:left;padding-right:10%}
.quality-page1-btm .pagetitle,.quality-page1-top .pagetitle{flex:1}
.quality-page1-btm p,.quality-page1-top p{width:49%}
.quality .wmpage167-page5-mySwiper .swiper-slide{display:flex;align-items:center;justify-content:center;height:120px}
.quality .wmpage167-page5-mySwiper .swiper-slide img{height:90px!important;width:90px!important;object-fit:contain;display:block;margin:0 auto}
.quality-page-titleicon{text-align:center}
.quality-page-titleicon .iconfont{width:30px;font-size:30px;background:var(--bgcolor);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.quality-page2.sfullwidthbg::before{width:100vw;background-color:#f1f3f8!important}
.quality-page2-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:qualityListCounter;margin:30px 0;padding:0;list-style:none}
.quality-page2-list li{counter-increment:qualityListCounter;position:relative;background:#fff;border-radius:6px;padding:20px;min-height:90px;z-index:1;overflow:hidden;cursor:pointer;transition:all .3s ease}
.quality-page2-list li>a{display:flex;align-items:center}
.quality-page2-list li::after{content:counter(qualityListCounter);position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:60px;font-weight:var(--fontbold8);color:#f1f2f6;z-index:-1;line-height:1;transition:all .3s ease}
.quality-page2-list li .icon{flex:0 0 55px;width:55px;height:55px;border:1px dashed var(--color);border-radius:50%;display:flex;justify-content:center;align-items:center;margin-right:15px;transition:all .3s ease;background:0 0}
.quality-page2-list li .icon .iconfont{width:25px;font-size:25px;background:var(--bgcolor);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:all .3s ease}
.quality-page2-list li .title{font-weight:var(--fontbold7);line-height:30px;margin:0;padding-right:20px;transition:all .3s ease}
.quality-page2-list li.active,.quality-page2-list li:hover{background:var(--bgcolor);box-shadow:0 5px 20px rgba(49,84,212,.2)}
.quality-page2-list li.active::after,.quality-page2-list li:hover::after{color:rgba(255,255,255,.15)}
.quality-page2-list li.active .icon,.quality-page2-list li:hover .icon{border:1px solid transparent;background:#fff}
.quality-page2-list li.active .title,.quality-page2-list li:hover .title{color:#fff}
@media (max-width:1024px){.quality-page2-list{grid-template-columns:repeat(2,1fr)}}
@media (max-width:576px){.quality-page2-list{grid-template-columns:1fr}}
.quality-page2-content .kche-flex,.quality-page2-content .kche-flex-row-reverse{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:60px}
.quality-page2-content .kche-flex-row-reverse{flex-direction:row-reverse!important}
.quality-page2-content .kche-flex .kche-flex-item-auto{padding-left:0!important;padding-right:5%!important}
.quality-page2-content .kche-flex-row-reverse .kche-flex-item-auto{padding-left:5%!important;padding-right:0!important}
.quality-page2-content .kche-flex-item-auto{flex:0 0 50%!important;width:50%!important;box-sizing:border-box}
.quality-page2-content .kche-item-img{flex:0 0 50%!important;width:50%!important;padding:0!important;margin:0!important}
.quality-page2-content .kche-item-img .kcheSwiper{height:530px}
.quality-page2-content .kche-item-img .swiper-slide{display:flex;align-items:center;justify-content:center;height:100%;background-color:#fff;border-radius:8px;box-shadow:0 8px 30px rgba(0,0,0,.06);overflow:hidden}
.intorcolor{color:var(--introcolor)}
.quality-page2-content .content-title{line-height:1;display:flex;align-items:center}
.quality-page2-content .content-title .icon{margin-right:20px}
.quality-page2-content .content-title .icon .iconfont{font-size:var(--fontsize40);width:40px;display:inline-block;background:var(--bgcolor);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:transform .4s ease}
.quality-page2-content .content-title:hover .icon .iconfont{animation:iconBreathe 2s infinite ease-in-out}
.quality-page2-content .kche-flex-item-auto .content-title p{font-size:var(--fontsize30);font-weight:var(--fontbold7);margin:0;color:#000;line-height:1.3}
.quality-page2-content .content-title:hover p{background:var(--bgcolor);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.quality-page2-content .kche-flex-item-auto>p{line-height:28px;color:var(--introcolor)}
.quality-page2-content .kche-flex-item-auto ul strong{color:#000}
.quality-page2-content .kche-flex-item-auto ul{color:var(--introcolor);line-height:1.8}
.quality-page2-content .kche-flex-item-auto ul li{margin-bottom:15px}
.quality-page2-content .kche-flex-item-auto ul li::marker{color:#000}
.quality-page2-content .kche-item-img img{width:100%!important;height:530px;border-radius:6px;display:block;transition:transform .6s cubic-bezier(.165, .84, .44, 1)}
.quality-page2-content .kche-item-img:hover img{transform:scale(1.1)}
.quality-page2-content .system-design-module .kche-item-img img{height:auto!important}
.swiper-pagination-bullet-active{background:#000}
.quality-page2-content>p{display:none}
.quality-page2-content .kche-item-img .swiper-button-next,.quality-page2-content .kche-item-img .swiper-button-prev{display:none!important}
@media (max-width:1024px){.quality-page2-content .kche-flex,.quality-page2-content .kche-flex-row-reverse{flex-direction:column!important;margin-bottom:40px}
.quality-page2-content .kche-flex-item-auto,.quality-page2-content .kche-item-img{flex:0 0 100%!important;width:100%!important;margin-bottom:20px}
.quality-page2-content .kche-flex .kche-flex-item-auto,.quality-page2-content .kche-flex-row-reverse .kche-flex-item-auto{padding:0!important}
.quality-page2-content .kche-item-img .kcheSwiper,.quality-page2-content .kche-item-img .swiper-slide{width:100%!important;max-width:100%!important;height:350px!important;max-height:none!important;min-height:auto!important}
.quality-page2-content .kche-item-img img{width:100%!important;max-width:100%!important;height:350px!important;max-height:none!important;min-height:auto!important;margin:0!important;display:block!important;object-fit:cover!important}
.quality-page2-content .kche-t45 .kche-item-img{max-width:100%}
.quality-page2-content .kche-t46 .kche-item-img{width:100%!important;max-width:100%!important}}
.quality-page3{padding:5% 0}
.page3-btns{display: flex;justify-content: center;margin-top: 25px;}
.page3-btns a em{margin-left: 10px;line-height: 1;transform: rotateZ(-45deg);transition: all .3s ease-in-out;}
.page3-btns a{background: var(--bgcolor);color: #fff;display: inline-flex;align-items: center;padding: 15px 30px;border-radius: 5px;font-weight: var(--fontbold6);transition: all .3s ease;line-height: 1;}
.page3-btns a:hover{text-decoration: unset;}
.page3-btns a:hover em{transform: rotateZ(0deg)}
.quality-page3-content{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:50px}
.quality-page3-item{background:#fff;padding:40px 30px;border-radius:6px;box-shadow:0 10px 40px rgba(0,0,0,.05);transition:all .4s cubic-bezier(.165, .84, .44, 1);cursor:pointer;display:flex;flex-direction:column;height:100%}
.quality-page3-item:hover{background:var(--bgcolor);transform:translateY(-10px);box-shadow:0 20px 50px rgba(49,84,212,.25)}
.quality-page3-item .icon{margin-bottom:25px}
.quality-page3-item .icon .iconfont{font-size:50px;width:50px;background:var(--bgcolor);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:all .4s ease}
.quality-page3-item:hover .icon .iconfont{-webkit-text-fill-color:#fff;animation:iconBreathe 2s infinite ease-in-out}
@keyframes iconBreathe{0%{transform:scale(1)}
50%{transform:scale(1.15)}
100%{transform:scale(1)}}
.quality-page3-item .title{font-size:var(--fontsize22);font-weight:var(--fontbold7);color:#1a1a1a;line-height:1.3;margin:0;margin-bottom:20px;min-height:3.9em;transition:all .4s ease}
@media screen and (max-width:1024px){.quality-page3-item .title{margin-bottom:0}}
.quality-page3-item:hover .title{color:#fff}
.quality-page3-item .desc{color:var(--introcolor);line-height:1.6;margin:0;transition:all .4s ease}
.quality-page3-item:hover .desc{color:rgba(255,255,255,.9)}
.quality-page3-btn{width:372px;height:46px;background:var(--bgcolor);border-radius:5px;border:none;color:#fff;display:flex;align-items:center;justify-content:center;margin:50px auto 0;cursor:pointer;transition:all .3s ease}
.quality-page3-btn em{display:inline-block;width:16px;font-size:16px;margin-left:10px;transform:rotate(-45deg);transition:transform .4s cubic-bezier(.165, .84, .44, 1)}
.quality-page3-btn:hover em{transform:rotate(0)}
.quality-page3-btn:hover{opacity:.9;transform:scale(1.02)}
@media (max-width:1200px){.quality-page3-content{grid-template-columns:repeat(2,1fr)}}
@media (max-width:576px){.quality-page3-content{grid-template-columns:1fr}
.quality-page3-btn{width:100%;max-width:372px}}
.quality-page4 .homepage-feedback .l-wrap{display:flex;align-items:center;justify-content:space-between;padding:5% 0}
.quality-page4 .homepage-feedback .feedright{background:#fff;border-radius:6px;padding:80px 40px;width:50%}
.quality-page4 .homepage-feedback .feedleft{flex:1;padding-right:5%}
.quality-page4 .homepage-feedback .feedleft .pagetitle{text-align:left;margin-bottom:40px}
.quality-page4 .homepage-feedback .feedleft p{color:#666;line-height:28px;margin-bottom:15px}
.quality-page4 .homepage-feedback .feedright .title{font-weight:var(--fontbold6);font-size:var(--fontsize34);color:#192335;line-height:28px;text-align:center}
.quality-page4 .homepage-feedback .feedright .text{color:#666;line-height:28px;text-align:center;margin:30px 0}
.quality-page4 .homepage-feedback .wmkcfeedback .send-btn{min-width:100%;border-radius:25px;height:52px}
@media (max-width:1640px){.quality-page4 .homepage-feedback .feedright .title{font-size:var(--fontsize28)}
.quality-page4 .homepage-feedback .feedright .text{margin:25px 0}}
@media (max-width:1440px){.quality-page4 .homepage-feedback .feedright .title{font-size:var(--fontsize26)}
.quality-page4 .homepage-feedback .feedright{padding:65px 40px}}
@media (max-width:1024px){.quality-page4 .homepage-feedback .feedright .title{font-size:var(--fontsize22)}
.quality-page4 .homepage-feedback .l-wrap{flex-direction:column}
.quality-page4 .homepage-feedback .feedleft .pagetitle{margin-bottom:20px;text-align:center}
.quality-page4 .homepage-feedback .feedleft .pagetitle br{display:none}
.quality-page4 .homepage-feedback .feedright{padding:50px 30px;width:100%}}
@media (max-width:768px){.quality-page4 .homepage-feedback .feedright .title{font-size:var(--fontsize20)}
.quality-page4 .homepage-feedback .feedright .text{margin:15px 0}
.quality-page4 .homepage-feedback .feedright{padding:35px 25px;margin-top:25px}
.quality-page4 .homepage-feedback .wmkcfeedback .send-btn{height:42px}}
.quality-page4.sfullwidthbg::before{background-color:#f2f3f8}
@media (max-width:550px) {.quality-page3-item .icon em{line-height: 1;}
.quality-page3-item .title{font-size: var(--fontsize18);min-height: auto;margin-bottom: 15px !important;}
.quality-page3-content{margin-top: 25px;}
.quality-page2-content .kche-flex, .quality-page2-content .kche-flex-row-reverse{margin-bottom: 25px;}}