.page-main{padding:0}
.banner-inner .banner-content{background-color:#f3f3f3}
.home-title{text-transform:capitalize}
@media screen and (min-width:1025px){.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize36)}
.pagesbanner .pagesbanner-animate .p2{font-size:var(--fontsize16)}
}
.pagesbanner .pagesbanner-animate .p1{color:#000;text-transform:capitalize;font-weight: var(--fontbold6);}
.pagesbanner .pagesbanner-animate .p2{color:#000;font-style:normal;margin-top:10px}
.page-line{width:50px;height:3px;background-color:var(--color);margin:10px auto 0;display:block}
.page-des{margin:15px auto 0;text-align:center;color:#1a1a1a}
.page-mode-bg{position:relative;padding:5% 0;z-index:2}
.page-mode-bg::before{content:"";width:1920px;height:100%;position:absolute;left:-230px;top:0;background-color:#f3f3f3;background-repeat:no-repeat;background-size:cover;z-index:-1}
.treat1 .tit-list{display:flex;flex-wrap:wrap;margin:30px 0 20px}
.treat1 .tit-list li{margin:5px 0;margin-right:5px;height:40px;border-radius:20px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;color:var(--color);font-size:var(--fontsize18);font-weight:var(--fontbold5);cursor:pointer;transition:all .2s linear;position:relative;z-index:2}
.treat1 .tit-list li::before{content:"";position:absolute;width:100%;height:100%;background-color:var(--color);opacity:.1;left:0;top:0;z-index:-1}
.treat1 .tit-list li.act{color:#fff}
.treat1 .tit-list li.act::before{opacity:1}
.treat1 .tit-list li:last-child{margin-right:0}
.treat1 .list-item{display:flex;justify-content:space-between;flex-wrap:wrap}
.treat1 .list-item li{margin-bottom:30px;width:49%;background-color:#fff;border-radius:var(--borderradius);display:flex;justify-content:space-between;align-items:center;padding:20px;border:1px solid #fff;transition:all .2s linear}
.treat1 .list-item li .img{width:38.7%;border-radius:var(--borderradius);border:1px solid #f0f0f0;display:block;overflow:hidden;aspect-ratio:1/1}
.treat1 .list-item li .img img{width:100%;transition:all .2s linear}
.treat1 .list-item li .info{width:56%}
.treat1 .list-item li .info .title{font-size:var(--fontsize20);font-weight:var(--fontbold6);color:#000;line-height:1.4;transition:all .2s linear}
.treat1 .list-item li .info .list-txt{margin-top:4px}
.treat1 .list-item li .info .list-txt p{padding-left:18px;position:relative;color:#1a1a1a;font-size:var(--fontsize14)}
.treat1 .list-item li .info .list-txt p::before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background-color:var(--color);left:0;top:8px}
.treat1 .list-item li .info .more{display:flex;align-items:center;justify-content:center;width:160px;height:32px;border-radius:16px;border:1px solid var(--color);color:var(--color);font-size:var(--fontsize14);font-weight:var(--fontbold6);margin-top:20px;line-height:1;transition:all .2s linear}
.treat1 .list-item li:hover{border:1px solid var(--color)}
.treat1 .list-item li:hover img{transform:scale(1.03)}
.treat1 .list-item li:hover .title{color:var(--color)}
.treat1 .list-item li:hover .more{color:#fff;background-color:var(--color)}
.treat1 .list-item li:hover a{text-decoration:none}
.treat2{padding:5% 0}
.treat2 .box{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:40px}
.treat2 .img{width:48%}
.treat2 .info{width:48%}
.treat2 .info .txt{padding-left:18px;position:relative;color:#1a1a1a}
.treat2 .info .txt .tit{position:relative;font-weight:var(--fontbold6)}
.treat2 .info .txt .tit::before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background-color:var(--color);left:-18px;top:10px}
.treat2 .info .home-more{font-size:var(--fontsize14);color:#fff;width:210px;height:32px;padding:0;border-radius:20px;background-color:var(--color);display:inline-flex;align-items:center;justify-content:center;margin-top:30px;border:1px solid var(--borderradius);transition:all .2s linear}
.treat2 .info .home-more:hover{text-decoration:none}
.treat3 .box{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:40px}
.treat3 .item{width:50%;display:flex;justify-content:space-between;flex-wrap:wrap;background-color:#f3f3f3}
.treat3 .item .img{width:50%;overflow:hidden}
.treat3 .item .img img{width:100%;height:100%;object-fit:cover;transition:all .2s linear}
.treat3 .item .info{width:50%;padding:40px 30px}
.treat3 .item .info .tit{font-size:var(--fontsize20);font-weight:var(--fontbold6)}
.treat3 .item:hover img{transform:scale(1.03)}
.treat4{padding:5% 0}
.treat4 .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.treat4 .list li{margin-top:40px;width:32%;background-color:#192c5c;padding:40px 30px;color:#fff;transition:all .2s linear;display:flex;flex-direction:column;justify-content:space-between;border-radius:var(--borderradius)}
.treat4 .list li:nth-child(2n){background-color:var(--color)}
.treat4 .list li .title{position:relative;padding-left:50px;font-size:var(--fontsize20);font-weight:var(--fontbold6);margin-top:20px}
.treat4 .list li .title::before{content:"";width:30px;height:2px;background-color:#c7c7c7;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.treat4 .list li:hover{transform:translateY(-5px)}
.treat5::before{background-image:url(https://css02.v15cdn.com/m617/imgs/feedback-bg.webp)}
.treat5 .protypefeedback{background-color:transparent}
.treat5 .protypefeedback .l-wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.treat5 .protypefeedback .info{width:48%}
.treat5 .protypefeedback .info .home-title{text-align:left}
.treat5 .protypefeedback .info .page-line{margin-left:0}
.treat5 .protypefeedback .info .txt{margin-top:20px}
.treat5 .protypefeedback .info .list li{display:flex;align-items:center;margin-top:20px}
.treat5 .protypefeedback .info .list li .icon{width:56px;height:56px;border-radius:50%;background-color:var(--color);display:inline-flex;align-items:center;justify-content:center;color:#fff;margin-right:16px}
.treat5 .protypefeedback .info .list li .icon em{font-size:var(--fontsize24)}
.treat5 .protypefeedback .info .list li a{display:block;flex:1;font-size:var(--fontsize18);font-weight:var(--fontbold5)}
.treat5 .protypefeedback .info .list li a:hover{color:var(--color)}
.treat5 .protypefeedback .info .list li p{flex:1;font-size:var(--fontsize18);font-weight:var(--fontbold5)}
.treat5 .protypefeedback .inquiry-box{width:48%}
.treat5 .protypefeedback .inquiry-box .wmkcfeedback .wmkcfb-phone{width:100%}
.treat5 .protypefeedback .inquiry-box .wmkcfeedback .send-btn{width:100%}
@media screen and (max-width:1280px){.treat3 .item{width:49%;margin-top:25px;justify-content:flex-end}
.treat3 .item .info{width:100%;padding:30px}
.treat3 .item .img{width:100%}
.treat3 .item:nth-child(3){flex-direction:column-reverse}
.treat3 .item:nth-child(4){flex-direction:column-reverse}
.treat3 .box{margin-top:15px}
}
@media screen and (max-width:1024px){.page-mode-bg{padding:40px 0}
.page-mode-bg::before{width:calc(100% + 30px);left:-15px}
.page-des br{display:none}
.treat2{padding:40px 0}
.treat4{padding:40px 0}
.treat1 .list-item li{flex-wrap:wrap}
.treat1 .list-item li .img{width:100%}
.treat1 .list-item li .info{width:100%;margin-top:25px}
}
@media screen and (max-width:768px){.pagesbanner .pagesbanner-animate .p2 br{display:none}
.treat1 .tit-list{margin-top:20px}
.treat1 .tit-list li{font-size:var(--fontsize14);padding:0 12px}
.treat2 .box{margin-top:25px}
.treat2 .box .img{width:100%}
.treat2 .box .info{width:100%;margin-top:25px}
.treat3 .box{margin-top:0}
.treat4 .list li{width:100%;margin-top:25px;padding:20px}
.treat5 .protypefeedback{padding:0}
.treat5 .protypefeedback .info{width:100%}
.treat5 .protypefeedback .inquiry-box{width:100%;margin-top:25px}
}
@media screen and (max-width:500px){.treat1 .list-item li{width:100%}
.treat1 .tit-list li{font-size:var(--fontsize12);height:34px}
.treat3 .item{width:100%}
.treat3 .item .info{padding:20px}
.treat4 .list li .title{font-size:var(--fontsize18)}
}
.treat1 .list-item{display: none;}
.treat1 .list-item.act{display: flex;}