body{padding:0}
.get-samples .l-wrap{max-width:1740px}
.get-samples .page-main{padding:0}
.page1{padding:6% 0}
.pagesbanner .pagesbanner-animate .p1,.pagesbanner .pagesbanner-animate .p2{text-align: left;}
.pagesbanner .pagesbanner-animate .p1{font-weight: bold;}
.page1-item{display:flex;justify-content:space-between;margin-top:50px}
.page1 .moduledev-l,.page1 .moduledev-r{justify-content:center}
.page1 .moduledev-r{margin-left:0}
.page1 .page-des{text-align:center;margin-top:20px}
.page1-box{background:linear-gradient(90deg,#d1e5ff,#d1e5ff);border-radius:30px;width:49%;padding:60px;position:relative;transition:all .3s ease-in-out}
.page1-box:hover{background:linear-gradient(90deg,#0245a0,#4d95d1fc)}
.page1-box:hover .page1-text p{color:#fff}
.page1-text{margin-top:30px}
.page1-text p:nth-of-type(1){font-weight:700;font-size:22px;color:#000002;line-height:32px;margin-bottom:10px}
.page1-text p:nth-of-type(2){color:#6a6f78;line-height:32px}
.page1-image{position:absolute;width:100%;height:100%;top:0;right:0;display:flex;justify-content:end;align-items:center}
.page1-image img{padding-right:60px}
.page2{display:flex;position:relative;z-index:3;padding:5% 0}
.page2::after{position:absolute;content:'';width:1920px;height:100%;background:#000;top:0;left:-160px;z-index:-1}
.page2-bottom{display:flex;flex-wrap:wrap;justify-content:space-between}
.page2-left{width:38.5%;overflow:hidden;aspect-ratio:1/1}
.page2-left img{object-fit:cover;width:100%;height:100%;transform:scale(1.2)}
.page2-right{flex:1;padding-left:40px}
.page2-top{height:130px;background:#a0aec0;padding:0 40px;display:flex;flex-direction:column;justify-content:center;margin-bottom:14px}
.page2-top p:nth-of-type(1){font-weight:700;font-size:30px;color:#fff;line-height:48px}
.page2-top p:nth-of-type(2){color:#fff;line-height:26px}
.page2-box{aspect-ratio:1/1;overflow:hidden;width:19%;margin-bottom:1.5%;position:relative}
.page2-box:nth-last-child(-n+4){margin-bottom:0}
.page2-box img{object-fit:cover;width:100%;height:100%;display:block}
.page2-boxs{width:39%;background:#a0aec0;font-weight:700;font-size:40px;display:flex;justify-content:center;align-items:center;position:relative}
.page2-boxs a{color:#fff}
.page2-box::after,.page2-boxs::after{position:absolute;content:'';width:100%;height:100%;top:0;left:0;background:#000;opacity:.5;transition:all .3s ease-in-out}
.page2-box:hover::after,.page2-boxs:hover::after{opacity:0;z-index:-1}
.page3{display:flex;align-items:center;padding:5% 0;position:relative;z-index:3}
.page3::after{position:absolute;content:'';width:1920px;height:100%;z-index:-1;top:0;right:-160px;background:#f0f0f2}
.page3-left{flex:1;padding-right:5%}
.page3-right{width:50%;padding:50px 30px;border-radius:6px;background:var(--color)}
.page3 .page-title{text-align:left}
.page3 .page-des{color:#6a6f78;line-height:36px;margin-top:20px}
.page3-list{margin-top:30px}
.page3-list .page3-li{display:flex;align-items:center;margin-bottom:30px}
.page3-math{width:50px;height:50px;background:linear-gradient(0deg,#f2736a 0,#f43838 100%);border-radius:50%;display:flex;justify-content:center;align-items:center}
.page3-math p{font-size:20px;color:#fff;line-height:1}
.page3-text{font-weight:600;font-size:20px;color:#111;line-height:36px;flex:1;padding-left:15px}
.page3-titel{margin-bottom:40px}
.page3-titel p:nth-of-type(1){font-weight:700;font-size:30px;color:#fff;text-align:center;line-height:1;margin-bottom:25px}
.page3-titel p:nth-of-type(2){color:#fff;line-height:30px;text-align:center}
.page3 .wmkcfeedback .send-btn{background:#000}
.page4{padding:6% 0}
.page4 .kche-faq-list{margin-top:40px}
.page4 .cusfaq-list .kche-faq-item{padding:20px 0;border:none;border-bottom:1px solid #eee}
.page4 .kche-faq-tit{display:flex;justify-content:space-between;font-weight:var(--fontbold6);font-size:var(--fontsize20);cursor:pointer;text-align:left}
.page4 .cusfaq-list .kche-faq-box{padding:15px;color:#686d7a;background-color:#eff4f7;text-align:left;margin-top:20px;display:none;padding-top:15px!important}
.page4 .kche-t55>.kche-faq-list>.kche-faq-item>.kche-faq-tit>p{width:100%;font-weight:700;font-size:20px;color:#000}
.page4 .kche-faq-tit.active p{color:var(--color)!important}
@media (max-width:1366px) {
    .page1-box{padding: 35px;}
    .page1-item{margin-top: 35px;}
    .module-dev{margin-top: 15px;}
    .page2-top p:nth-of-type(1){font-size: 24px;}
    .page2-top{height: 100px;}
    .page2-boxs{font-size: 26px;}
    .page4 {padding: 5% 0;}
}
@media (max-width:1024px) {
    .page3-right{width: 56%;}
    .page3-titel p:nth-of-type(1){font-size: 24px;margin-bottom: 10px;}
}
@media (max-width:768px) {
    .page1-item {margin-top: 20px;flex-wrap: wrap;}
    .page1-box {padding: 30px;width: 100%;margin-bottom: 20px;}
    .page2{flex-direction: column;}
    .page2-left{width: 100%;}
    .page2-right {padding-left: 0;margin-top: 15px;}
    .page3{flex-direction: column;}
    .page3-left{padding-right: 0;width: 100%;}
    .page3-right {width: 100%;}
    .page2-top{height: auto;}
}