@import url(https://css02.v15cdn.com/m432/aos.css);
.wmkc-sectionmode{width:100vw;height:100vh;background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed;position:relative}
.wmkc-sectionmode::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(transparent,rgba(0,0,0,.5))}
.wmkc-sectionmode .l-wrap{height:100%;position:relative;z-index:3}
.wmkc-sectionmode .wmkc-modeinfo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;z-index:4;color:#fff;max-width:1024px}
.wmkc-sectionmode .wmkc-modeinfo .icon{width:340px;margin:0 auto}
.wmkc-sectionmode .wmkc-modeinfo .wmkc-title{font-size:60px;margin-bottom:20px;font-weight:500;line-height: 1.2;}
.wmkc-sectionmode .wmkc-modeinfo .wmkc-ts{font-size:18px;margin-bottom:20px}
.wmkc-sectionmode .wmkc-modeinfo .wmkc-txt{font-weight:100;padding-top:20px;border-top:1px solid var(--color);max-width:fit-content;margin:0 auto 30px}
.wmkc-sectionmode .wmkc-modeinfo .wmkc-btn{display:flex;align-items:center;justify-content:center}
.wmkc-sectionmode .wmkc-modeinfo .wmkc-btn .wmkc-more{display:flex;align-items:center;justify-content:center;letter-spacing:.02em;border:1px solid #fffc;padding:10px 32px;min-width:160px;font-size:16px;display:inline-flex;transition:all .2s linear}
.wmkc-sectionmode .wmkc-modeinfo .wmkc-btn .wmkc-more:hover{background-color:#fff;color:#000}
.sectionmode1 {
  background-image: url("/uploads/47885/page/p20260824134656b254d.webp")
}
.sectionmode2 {
  background-image: url("/uploads/47885/page/p20260824134726165f0.webp")
}
.sectionmode3 {
  background-image: url("/uploads/47885/page/p2026082413474399631.webp")
}
.sectionmode4{padding:5% 0}
.sectionmode4 .wmkc-title{color:var(--color);font-size:34px;text-align:center;font-weight:400}
.sectionmode4 .pro-list{display:flex;justify-content:space-between;flex-wrap:wrap;max-width:1120px;margin:0 auto}
.sectionmode4 .pro-list li{width:32%;display:flex;align-items:center;margin-top:120px}
.sectionmode4 .pro-list li .pro-img{width:164px;overflow:hidden;margin-right:20px}
.sectionmode4 .pro-list li .pro-img .img{display:block}
.sectionmode4 .pro-list li .pro-img img{width:100%;height:100%;object-fit:cover}
.sectionmode4 .pro-list li .tip{color:#bd73c5;font-size:16px;line-height:1;margin-bottom:10px}
.sectionmode4 .pro-list li .brand{color:#8a78a1;line-height:1;margin-bottom:10px;font-size:16px;display:block}
.sectionmode4 .pro-list li .title{color:#415261;line-height:1;margin-bottom:10px;display:block;font-size:16px}
.sectionmode4 .pro-list li .model{color:#8793a1;font-size:16px}
.sectionmode4 .pro-list li.pro-hidden{display:none}
.sectionmode4 .pro-list li.pro-slide-in{animation:proSlideUp .6s cubic-bezier(.22,.61,.36,1) both}
.sectionmode4 .more{margin-top:40px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.sectionmode4 .more em{display:block;transform: rotate(-90deg);font-size:var(--fontsize30)}
@keyframes proSlideUp{0%{opacity:0;transform:translateY(52px)}
to{opacity:1;transform:translateY(0)}
}
.sectionmode5 .wmkc-title{color:var(--color);font-size:34px;text-align:center;font-weight:400}
.sectionmode5 .box{margin-top:40px}
.sectionmode5 .swiper-slide::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.1);z-index:1}
.sectionmode5 .swiper-slide .img{width:100%}
.sectionmode5 .swiper-slide .img img{width:100%;height:590px;object-fit:cover}
.sectionmode5 .swiper-slide .info{position:absolute;z-index:10;max-width:900px;width:100%;left:36%;top:50%;transform:translate(-50%,-50%);text-align:left;z-index:10;padding:0 60px}
.sectionmode5 .swiper-slide .info .tip{color:var(--color);font-size:20px}
.sectionmode5 .swiper-slide .info .line{display:block;width:60px;height:2px;background-color:var(--color);margin:10px 0}
.sectionmode5 .swiper-slide .info .tit{font-size:42px;font-weight:700;line-height:1.4;margin-bottom:20px}
.sectionmode5 .swiper-slide .info .tit span{color:var(--color)}
.sectionmode5 .swiper-slide .info .des{color:var(--color);font-size:18px;margin-bottom:10px}
.sectionmode5 .comprometidos-next,.sectionmode5 .comprometidos-prev{position:absolute;top:50%;transform:translateY(-50%);z-index:10;cursor:pointer}
.sectionmode5 .comprometidos-next em,.sectionmode5 .comprometidos-prev em{font-size:var(--fontsize30)}
.sectionmode5 .comprometidos-prev{left:30px;transform: translateY(-50%)}
.sectionmode5 .comprometidos-next{right:30px;transform: translateY(-50%)}
.sectionmode5 .comprometidos-pagination{position:absolute;left:0%;bottom:30px;z-index:10;width:100%;display:flex;justify-content:center}
.sectionmode5 .swiper-pagination-bullet{background:#fff;border:1px solid #777;width:15px;height:15px;opacity:1}
.sectionmode5 .swiper-pagination-bullet-active{background:var(--color);border:1px solid var(--color)}
@media (max-width:1280px){.sectionmode5 .swiper-slide .info .tit{font-size:14px}
.sectionmode5 .swiper-slide .info{left:40%}
}
@media (max-width:1024px){.sectionmode5 .swiper-slide .info .weighttxt{font-size:40px}
.sectionmode5 .swiper-slide .info{left:50%}
.sectionmode4 .pro-list li{width:48%}
}
@media (max-width:768px){.wmkc-sectionmode{background-attachment:scroll}
.wmkc-sectionmode .wmkc-modeinfo{width:100%;padding:0 20px}
.wmkc-sectionmode .wmkc-modeinfo .wmkc-desc{font-size:28px;margin-bottom:20px}
.wmkc-sectionmode .wmkc-modeinfo .wmkc-title{margin-bottom:10px;font-size:40px}
.wmkc-sectionmode .wmkc-modeinfo .wmkc-txt{margin-bottom:10px}
.sectionmode4 .pro-list li{margin-top:80px}
.sectionmode4{padding:40px 0}
.sectionmode4 .wmkc-title{font-size:24px}
.sectionmode5 .wmkc-title{font-size:24px}
.sectionmode5 .swiper-slide .info .title{font-size:16px}
}
@media (max-width:500px){.wmkc-sectionmode .wmkc-modeinfo{max-width:100%;width:100%}
.wmkc-sectionmode .wmkc-modeinfo .icon{width:200px}
.wmkc-sectionmode .wmkc-modeinfo .wmkc-title{font-size:26px}
.wmkc-sectionmode .wmkc-modeinfo .wmkc-ts{font-size:16px}
.wmkc-sectionmode .wmkc-modeinfo .wmkc-txt{margin-bottom:20px}
.sectionmode4 .pro-list li{width:100%;margin-top:30px}
.sectionmode5 .swiper-slide .img img{height:auto}
.sectionmode5 .swiper-slide .info{position:static;transform:none;max-width:100%;padding:20px}
.sectionmode5 .swiper-slide::before{display:none}
.sectionmode5 .comprometidos-next,.sectionmode5 .comprometidos-prev{display:none}
.sectionmode4 .wmkc-title{font-size:22px}
.sectionmode5{padding-bottom:40px}
.sectionmode5 .wmkc-title{font-size:22px}
.sectionmode5 .comprometidos-pagination{position:static;margin-top:20px;transform:translateX(0);justify-content:center}
}