﻿.pagesbanner .pagesbanner-animate{padding:0 70px}
.pagesbanner .pagesbanner-animate .p1{text-align:left;font-size:var(--fontsize40);text-transform:uppercase}
.pagesbanner .pagesbanner-animate .p2{text-align:left;font-style:italic}
.page-main{padding:0}
.aboutmode1,.aboutmode2,.aboutmode4,.be-partner2{padding:5% 0}
.aboutmode1{position:relative;z-index:2}
.aboutmode1::before{content:"";position:absolute;left:-230px;top:0;width:1920px;height:100%;background-color:#f3f3f3;z-index:-1}
.aboutmode1 .top .desc{font-size:var(--fontsize20);font-weight:var(--fontbold6)}
.aboutmode1 .top .home-title{text-align:left;color:var(--color)}
.aboutmode1 .box{margin-top:50px;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}
.aboutmode1 .box .info{width:52%;color:#444}
.aboutmode1 .box .img{width:45%}
.aboutmode1 .bottom{margin-top:50px}
.aboutmode1 .bottom .desc{text-align:center;color:#666}
.aboutmode1 .bottom .list{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:50px}
.aboutmode1 .bottom li{width:16.66%;background-color:#fff;padding:40px 20px;text-align:center;transition:all .2s linear}
.aboutmode1 .bottom li .icon{width:60px;height:60px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;position:relative;z-index:2;margin-bottom:30px;transition:all .2s linear}
.aboutmode1 .bottom li .icon::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;background-color:var(--color);opacity:.1;z-index:-1;transition:all .2s linear}
.aboutmode1 .bottom li .icon em{color:var(--color);font-size:var(--fontsize30)}
.aboutmode1 .bottom li .tit{font-size:var(--fontsize20);font-weight:var(--fontbold6);transition:all .2s linear}
.aboutmode1 .bottom li .txt{color:#666;transition:all .2s linear}
.aboutmode1 .bottom li:hover{background-color:var(--color)}
.aboutmode1 .bottom li:hover .icon::before{opacity:1;background-color:#fff}
.aboutmode1 .bottom li:hover .tit{color:#fff}
.aboutmode1 .bottom li:hover .txt{color:#fff}
.aboutmode2 .box{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}
.aboutmode2 .info{width:48%}
.aboutmode2 .info .home-title{text-align:left}
.aboutmode2 .info .tip{font-size:var(--fontsize20);font-weight:var(--fontbold6);margin:10px 0 20px}
.aboutmode2 .info .txt{color:#666}
.aboutmode2 .info .basic{display:flex;align-items:center;margin-top:20px}
.aboutmode2 .info .basic .tit{font-size:var(--fontsize20);font-weight:var(--fontbold6);color:#111;margin-right:30px}
.aboutmode2 .img{width:48%;text-align:center}
.aboutmode2 .img .p1{margin-top:20px;color:#111;font-size:var(--fontsize20);font-weight:var(--fontbold6);line-height:1.4}
.aboutmode2 .img .p2{color:#666}
.aboutmode3 .box{position:relative;z-index:2;padding:160px 0 80px;min-height:1050px}
.aboutmode3 .box::before{content:"";position:absolute;left:-230px;top:0;width:1920px;height:100%;background-image:url(/uploads/43594/page/p20250409173233f811c.webp);background-size:cover;background-repeat:no-repeat;background-position-x:right;z-index:-1}
.aboutmode3 .box .title{color:#fff;text-align:center;font-weight:var(--fontbold6);margin-bottom:10px}
.aboutmode3 .list-box{position:relative}
.aboutmode3 .list-box .line{position:absolute;left:50%;top:0;transform:translateX(-50%)}
.aboutmode3 .list li{display:flex;justify-content:space-between;color:#fff}
.aboutmode3 .list li .title-box{margin-left:auto;margin-right:4%;text-align:right;font-size:var(--fontsize24);font-weight:var(--fontbold6);height:88px;line-height:88px;cursor:pointer;transition:all .2s linear}
.aboutmode3 .list li .info{width:48%;text-align:left;color:#fff;position:relative;padding-left:100px;height:88px;transform:translateY(20px);opacity:0;transition:all .2s linear}
.aboutmode3 .list li .info .icon{width:60px;height:2px;background-color:rgba(255,255,255,.5);position:absolute;left:20px;top:36px;padding-left:20px}
.aboutmode3 .list li .info .icon::before{content:"";width:20px;height:20px;border-radius:50%;position:absolute;border:4px solid #fff;left:-20px;top:50%;box-sizing:border-box;transform:translateY(-50%)}
.aboutmode3 .list li .info .info-basic{position:absolute;left:100px;top:0}
.aboutmode3 .list li .info .tit{font-size:var(--fontsize20);font-weight:var(--fontbold6)}
.aboutmode3 .list li .info .txt p{position:relative;padding-left:20px}
.aboutmode3 .list li .info .txt p::before{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;border-radius:50%;background-color:#fff}
.aboutmode3 .list li.act .title-box{font-size:var(--fontsize48)}
.aboutmode3 .list li.act .info{opacity:1;transform:translateY(10px)}
.aboutmode4{position:relative;z-index:2}
.aboutmode4::before{content:"";position:absolute;left:-230px;top:0;width:1920px;height:100%;background-color:#f3f3f3;z-index:-1}
.aboutmode4 .box{display:flex;justify-content:space-between;flex-wrap:wrap}
.aboutmode4 .box .item{width:49%;background-color:#fff;margin-top:50px;padding:40px;transition:all .2s linear}
.aboutmode4 .box .item .tit{font-size:var(--fontsize20);font-weight:var(--fontbold6)}
.aboutmode4 .box .item .txt{color:#666}
.aboutmode4 .box .item:hover{transform:translateY(-10px)}
.be-partner2{position:relative;z-index:2}
.be-partner2 .title-box{text-align:center}
.be-partner2 .title-box img{margin-bottom:20px}
.be-partner2 .box{margin-top:20px;position:relative}
.be-partner2 .box .swiper{padding:40px 0}
.be-partner2 .box .swiper-slide{transform:scale(.7);transition:all .1s linear}
.be-partner2 .box .swiper-slide .img{background:rgba(255,255,255,.5)}
.be-partner2 .box .swiper-slide .img img{width:100%}
.be-partner2 .box .swiper-slide .title{text-align:center;margin-top:10px;font-weight:var(--fontbold6);color:#000}
.be-partner2 .box .swiper-slide.swiper-slide-prev{transform:scale(.85) translateX(-8%)}
.be-partner2 .box .swiper-slide.swiper-slide-next{transform:scale(.85) translateX(8%)}
.be-partner2 .box .swiper-slide.swiper-slide-active{transform:scale(1)}
.be-partner2 .box .beoru-next,.be-partner2 .box .beoru-prev{position:absolute;width:40px;height:40px;border-radius:50%;background-color:var(--color);display:inline-flex;align-items:center;justify-content:center;top:50%;transform:translateY(-50%);cursor:pointer;z-index:6}
.be-partner2 .box .beoru-next em,.be-partner2 .box .beoru-prev em{color:#fff}
.be-partner2 .box .beoru-prev{left:-10px}
.be-partner2 .box .beoru-next{right:-10px}
@media screen and (max-width:1280px){.aboutmode1 .bottom li{width:33.333%}
.aboutmode3 .box{padding-top:180px}
}
@media screen and (max-width:1024px){.aboutmode1,.aboutmode2,.aboutmode4,.be-partner2{padding:40px 0}
.be-partner2 .box{padding:0 40px}
.aboutmode1::before{width:calc(100% + 30px);left:-15px}
.aboutmode3 .box::before{width:calc(100% + 30px);left:-15px}
.aboutmode4::before{width:calc(100% + 30px);left:-15px}
.aboutmode3 .box{padding-top:220px}
.aboutmode3 .list-box .line{left:calc(120px + 4%);transform:translateX(0)}
.aboutmode3 .list li .title-box{margin-left:0;width:120px;text-align:right}
.aboutmode3 .list li .info{width:calc(90% - 120px)}
}
@media screen and (max-width:768px){.aboutmode1 .box{margin-top:25px}
.aboutmode1 .box .info{width:100%}
.aboutmode1 .box .img{width:100%;margin-top:20px}
.aboutmode1 .bottom{margin-top:40px}
.aboutmode1 .bottom .list{margin-top:25px}
.aboutmode1 .bottom .list li{width:50%}
.aboutmode2 .box{flex-direction:column-reverse}
.aboutmode2 .info{width:100%;margin-top:25px}
.aboutmode2 .img{width:100%}
.aboutmode4 .box .item{width:100%;margin-top:25px}
.aboutmode3 .list li.act .title-box{font-size:var(--fontsize20)}
.aboutmode3 .list li{margin-bottom:20px;flex-wrap:wrap;border-bottom:1px solid #eee;padding-bottom:20px}
.aboutmode3 .list li .title-box{width:auto;height:auto;line-height:1.6;font-size:var(--fontsize20)}
.aboutmode3 .list li .info{width:100%;height:auto;padding-left:0;opacity:1;transform:translateY(0)}
.aboutmode3 .list-box .line{display:none}
.aboutmode3 .list li .info .icon{display:none}
.aboutmode3 .list li .info .info-basic{position:static}
.aboutmode3 .box{min-height:auto;padding-bottom:40px;padding-top:110px}
.aboutmode3 .box::before{background-position-x:60%}
.be-partner2 .box .swiper{padding:25px 0 0}
}
@media screen and (max-width:500px){.aboutmode1 .top .desc{font-size:var(--fontsize16)}
.aboutmode1 .bottom .list li{width:100%;margin-top:15px;padding:20px}
.aboutmode2 .info .tip{font-size:var(--fontsize16);margin:4px 0 10px}
.aboutmode2 .info .basic{flex-wrap:wrap}
.aboutmode2 .info .basic .tit{width:100%;margin-right:0}
.aboutmode4 .box .item{padding:20px}
.aboutmode3 .box{padding-top:50px}
.aboutmode3 .box .title{color:#000;margin-bottom:25px}
}
.aboutmode1 .top{max-width: 1200px;margin: 0 auto;}
.aboutmode1 .box{max-width: 1200px;margin: 50px auto 0;}
.aboutmode2 .box{max-width: 1200px;margin: 0 auto;}
@media screen and (max-width:1024px) {.pagesbanner .pagesbanner-animate{padding: 0 15px;}
.pagesbanner .pagesbanner-animate .p1{font-size: var(--fontsize30);}}
@media screen and (max-width:768px) {.pagesbanner .pagesbanner-animate .p1{font-size: var(--fontsize20);}}
.banner-inner .banner-title-h1{display: none;}
.banner-inner .banner-content{background-color: #f3f3f3;border-bottom: none;}
.aboutmode1 .box .img img{border-radius:10px}
.aboutmode1{padding-bottom:0}
.home-title{position:relative;z-index:5}
.aboutmode2{position:relative;z-index:2;padding-top:350px}
.aboutmode2 .box{position:relative;z-index:5}
.aboutmode2::before{content:'';position:absolute;left:-230px;top:0;width:1920px;height:120%;background-image:url(/uploads/43594/page/p202504291651407cd49.webp);background-repeat:no-repeat;background-size:cover;z-index:1}
.aboutmode2::after{content:'';position:absolute;left:-230px;top:0;width:1920px;height:100%;z-index:-1;background-color:#f3f3f3}
@media screen and (max-width:1024px){.aboutmode2::before{width:calc(100% + 30px);left:-15px}
.aboutmode2::after{width:calc(100% + 30px);left:-15px}
}
@media screen and (max-width:768px){.aboutmode2::before{height:100%}
.aboutmode2{padding-top:0}
}
.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}
.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;padding: 0;}
.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:768px){
.treat5 .protypefeedback{padding:0}
.treat5 .protypefeedback .info{width:100%}
.treat5 .protypefeedback .inquiry-box{width:100%;margin-top:25px}
}
.aboutmode1 .box .img img{margin-bottom: 10px;}
.aboutmode1 .box .img .home-more{border-radius: 30px;width: 180px;display: flex;margin: 0 auto;}