.section-1{display:flex;align-items:center;position:relative;min-height:22vw}.section-1 .logo-bg{position:absolute;width:100%;height:100%;z-index:0}.section-1 .logo-bg img{width:100%}.section-1 .container{position:relative;z-index:1;text-align:center;color:#fff;letter-spacing:.02em}.section-1 .container .about-hero{font-size:clamp(1.1rem, 3vw, 1.5rem)}.section-1 .container .about-hero .about-subtitle{color:#ccc;font-weight:400;font-size:1.25rem}.section-1 .container .about-content{max-width:51rem;margin:2rem auto;padding:0 1rem;line-height:2}.section-2{color:#ccc;padding:1rem 0}.section-2 .about-features{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;text-align:center}.section-2 .about-features .feature-card{position:relative;flex:0 1 calc(25% - 1rem);aspect-ratio:2 / 3;background-color:rgb(61 141 145 / .1);padding:9rem 1.25rem;border-radius:1rem;overflow:hidden}.section-2 .about-features .feature-card .feature-img{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;opacity:1;transition:all 0.3s ease}.section-2 .about-features .feature-card:hover .feature-img{filter:brightness(.5)}.section-2 .about-features .feature-card .feature-img.feature-1{background:url(../../../../themes/moki/imgs/about_1_1_atomization.webp) center/cover no-repeat}.section-2 .about-features .feature-card .feature-img.feature-2{background:url(../../../../themes/moki/imgs/about_1_2_service.webp) center/cover no-repeat}.section-2 .about-features .feature-card .feature-img.feature-3{background:url(../../../../themes/moki/imgs/about_1_3_strength.webp) center/cover no-repeat}.section-2 .about-features .feature-card .feature-img.feature-4{background:url(../../../../themes/moki/imgs/about_1_4_manufacturing.webp) center/cover no-repeat}.section-2 .about-features .feature-card .feature-content{position:absolute;width:100%;padding:0 1rem;top:80%;left:50%;transform:translate(-50%,0%);transition:all 0.3s ease;z-index:1;letter-spacing:0;line-height:1.75}.section-2 .about-features .feature-card:hover .feature-content{top:50%;transform:translate(-50%,-50%)}.section-2 .about-features .feature-card .feature-content .feature-title{font-size:1.25rem;font-weight:500;margin-bottom:.5rem}.section-2 .about-features .feature-card .feature-content .feature-des{font-size:1rem;margin-top:2rem;filter:drop-shadow(2px 4px 6px black) brightness(.5);opacity:0;color:#fff;transition:all 0.3s ease}.section-2 .about-features .feature-card:hover .feature-content .feature-des{opacity:1;filter:drop-shadow(2px 4px 6px black) brightness(1)}.about-slider{position:relative;margin-top:4rem;padding:0}.about-slider .aboutSwiper{border-radius:1rem;overflow:hidden}.about-slider .aboutSwiper .swiper-slide img{width:100%;height:auto;display:block;filter:brightness(.85)}.about-slider .slider-nav{position:absolute;display:flex;justify-content:center;gap:2rem;margin-top:2rem;z-index:2;left:50%;bottom:2rem;transform:translateX(-50%)}.about-slider .slider-nav .slider-nav-btn{padding:.75rem 2.5rem;border:none;border-radius:2rem;font-size:1rem;font-weight:500;letter-spacing:0;cursor:pointer;transition:all 0.3s ease;background-color:rgb(115 223 221 / .25);color:rgb(238 238 238 / .5)}.about-slider .slider-nav .slider-nav-btn.active{background-color:rgb(115 223 221 / .6);color:#fff}.about-slider .slider-nav .slider-nav-btn:hover{background-color:rgb(115 223 221 / .45);color:rgb(255 255 255 / .85)}.section-3{color:#ccc;padding:5rem 0}.section-3 .content-title{text-align:center;letter-spacing:.02em;margin:0 auto 3rem;max-width:50rem}.section-3 .content-title .title-bg{font-size:clamp(1.5rem, 3.5vw, 2rem)}.section-3 .content-title .highlight{font-size:clamp(1.1rem, 3vw, 1.5rem)}.section-3 .global-base{position:relative;background-image:url(../../../../themes/moki/imgs/map.webp);background-position:center;background-size:cover;aspect-ratio:192 / 73}.section-3 .global-base .location-pin{--pin-scale:0.35}.section-3 .global-base .location-pin.pin-1{left:88%;top:60%}.section-3 .global-base .location-pin.pin-2{left:78%;top:26%}.section-3 .global-base .location-pin.pin-3{left:61%;top:24%}.section-3 .global-base .location-pin.pin-4{left:49%;top:2%}.section-3 .global-base .location-pin.pin-5{left:13%;top:30%}.location-point{position:absolute;width:16px;height:16px;cursor:pointer;--point-color:#61c408;transform-origin:0 0;transform:scale(var(--global-scale-factor,1))}.location-point::before{content:'';position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;background:var(--point-color);border-radius:50%;z-index:2;box-shadow:0 0 6px var(--point-color)}.location-point::after,.location-point .ripple-ring{content:'';position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border:2px solid var(--point-color);border-radius:50%;z-index:1;opacity:0;animation:ripple-wave 2s ease-out infinite}.location-point .ripple-ring:nth-child(1){animation-delay:0.65s}.location-point .ripple-ring:nth-child(2){animation-delay:1.3s}@keyframes ripple-wave{0%{width:8px;height:8px;margin:-4px 0 0 -4px;opacity:.8}100%{width:40px;height:40px;margin:-20px 0 0 -20px;opacity:0}}.location-point.point-1{left:49%;top:18%}.location-point.point-2{left:46%;top:26.5%}.location-point.point-3{left:51%;top:23%}.location-point.point-4{left:55%;top:12%}.location-point.point-5{left:57%;top:15%}.location-point.point-6{left:59%;top:32%}.location-point.point-7{left:59%;top:41%}.location-point.point-8{left:62%;top:43%}.location-point.point-9{left:62%;top:51%}.location-point.point-10{left:45%;top:48%}.location-point.point-11{left:79%;top:41%}.location-point.point-12{left:82.5%;top:43%}.location-point.point-13{left:80%;top:51%}.location-point.point-14{left:91%;top:44%}.location-point.point-15{left:93%;top:48%}.location-point.point-16{left:89%;top:78%}.location-point.point-17{left:95%;top:82%}.location-point.point-18{left:13%;top:41%}.location-point.point-19{left:14%;top:46%}.location-point.point-20{left:17%;top:52%}.location-point.point-21{left:24%;top:70%}.location-point.point-22{left:28%;top:79%}.section-3 .global-service{margin-top:5rem;display:flex;justify-content:center;gap:2rem}.section-3 .global-service .item{flex:0 1 calc(25% - 2rem);text-align:center}.section-3 .global-service .item .item-value{height:2.75rem;color:var(--moki-accent);font-weight:700;line-height:normal}.section-3 .global-service .item .item-value span{font-family:var(--font-montserrat);font-size:clamp(1.8rem, 5vw, 2.75rem);font-weight:900}.section-3 .global-service .item .item-value img{width:2.75rem;height:2.75rem;margin:0 auto}.section-3 .global-service .item .title-btn{color:#fff;border-radius:5px;background-color:rgb(104 231 229 / .3);margin-top:.75rem}.section-4{padding:5rem 0}.section-4 .content-title{text-align:center;letter-spacing:.02em;color:#fff}.section-4 .content-title .title-bg{font-size:clamp(1.5rem, 3.5vw, 2rem)}.section-4 .content-title .des{font-size:clamp(1.1rem, 3vw, 1.5rem);color:#ccc;margin:1rem auto 0;max-width:50rem}.section-4 .team-show{margin:5rem auto}.team-show .swiper{width:100%;margin:0 auto;position:relative;perspective:1920px}.team-show .swiper .current-swiper{width:30%;aspect-ratio:.75;border-radius:10px;margin:0 auto;box-shadow:0 0 20px rgb(0 0 0 / .05);position:relative;z-index:99;overflow:hidden}.team-show .swiper .left-swiper{position:absolute;left:202px;top:0;z-index:1;overflow:hidden;transform-origin:left center;transform:rotateY(45deg) translateZ(-38px);will-change:transform;backface-visibility:hidden}.team-show .swiper .right-swiper{position:absolute;right:202px;left:auto;top:0;z-index:1;overflow:hidden;transform-origin:right center;transform:rotateY(-45deg) translateZ(-38px);will-change:transform;backface-visibility:hidden}.team-show .swiper .nocurrent-swiper{width:30%;aspect-ratio:.75;border-radius:8px;box-shadow:0 0 20px rgb(0 0 0 / .05)}.team-show .swiper .nocurrent-swiper:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(237 240 240 / .25);z-index:99}.team-show .swiper .swiper-slide::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgb(14 32 50 / .9) 0%,transparent 10%,transparent 90%,rgb(14 32 50 / .5) 100%);z-index:99}.team-show .swiper .slide1{background-color:#0e2032;background-image:url(../../../../themes/moki/imgs/about_moki_employee.webp);background-position:center;background-size:cover;background-repeat:no-repeat}.team-show .swiper .slide2{background-color:#0e2032;background-image:url(../../../../themes/moki/imgs/about_moki_research_team.webp);background-position:center;background-size:cover;background-repeat:no-repeat}.team-show .swiper .slide3{background-color:#0e2032;background-image:url(../../../../themes/moki/imgs/about_moki_team.webp);background-position:center;background-size:cover;background-repeat:no-repeat}.team-show .swiper .title{display:inline-block;margin-top:2rem;padding:0 1rem;line-height:1.5;font-size:1.25rem;font-weight:700;color:#fff;background-color:#5a8da9}.team-show .swiper .nocurrent-swiper .title{margin-top:2rem;padding:0 1rem;font-size:1.5rem;font-weight:700;line-height:1.5}.team-show .swiper .detail{position:absolute;width:100%;padding:5px 1rem;line-height:1.5;color:#fff;font-size:1rem;background-color:rgb(90 141 169 / .9);bottom:1.5rem}.team-show .swiper .nocurrent-swiper .detail{font-size:1rem;line-height:1.5;width:100%}.team-show .swiper .swiper-button-prev{width:3rem;height:3rem;padding:.5rem;box-sizing:content-box;color:var(--moki-accent);border:2px solid var(--moki-accent);border-radius:50%;background-image:none}.team-show .swiper .swiper-button-prev:after{font-size:2rem}.team-show .swiper .swiper-button-next{width:3rem;height:3rem;padding:.5rem;box-sizing:content-box;color:var(--moki-accent);border:2px solid var(--moki-accent);border-radius:50%;background-image:none}.team-show .swiper .swiper-button-next:after{font-size:2rem}.section-4 .join-us{text-align:center}.section-4 .join-us h3 .title-btn,.section-4 .join-us h3 .iconfont{position:relative;font-size:1.25rem;transition:transform 0.3s ease-in-out}.section-4 .join-us h3 .iconfont{display:inline-block;transform:translateX(0)}.section-4 .join-us h3 .title-btn:hover .iconfont{transform:translateX(5px)}.section-4 .join-us p{color:#ccc;margin-bottom:1rem;font-size:clamp(1.25rem, 3vw, 1.75rem)}.section-5{background-color:#000;overflow:hidden}.section-5 .culture{position:relative;width:100%}.section-5 .culture .culture-swpier{width:100%;overflow:hidden}.section-5 .culture .culture-swpier .swiper-wrapper{transition-timing-function:cubic-bezier(.4,0,.2,1)}.section-5 .culture .culture-swpier .swiper-slide{width:100vw;height:auto}.section-5 .culture .culture-item{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden}.section-5 .culture .culture-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-size:cover;background-position:center center}.section-5 .culture .pillars-area{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;overflow:hidden}.section-5 .culture .pillars-area .pillars-mask{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background:rgb(0 0 0 / .65);pointer-events:none;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-mode:alpha;mask-mode:alpha}.section-5 .culture .culture-content{position:absolute;top:50%;left:50%;width:40%;transform:translate(-100%,-50%);z-index:5;color:#fff;pointer-events:none}.section-5 .culture .culture-content .slogan-zh{font-size:2rem;font-weight:500;letter-spacing:.02em;margin-bottom:.25rem;opacity:.85}.section-5 .culture .culture-content .slogan-en{font-size:1.25rem;font-weight:400;letter-spacing:.02em;margin-bottom:1.75rem;opacity:.6;color:#ccc}.section-5 .culture .culture-content .title{font-size:2.2rem;font-weight:700;letter-spacing:.015em;margin-bottom:1.25rem;color:var(--moki-accent)}.section-5 .culture .culture-content .content{font-size:1rem;line-height:1.8;letter-spacing:0;opacity:.85;width:90%;max-width:35rem}.section-5 .culture .culture-nav{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:1rem;z-index:10}.section-5 .culture .culture-nav .culture-nav-btn{width:12px;height:12px;border-radius:50%;border:2px solid rgb(255 255 255 / .5);background:#fff0;cursor:pointer;transition:all 0.3s ease;padding:0}.section-5 .culture .culture-nav .culture-nav-btn.active{background:#fff;border-color:#fff;box-shadow:0 0 8px rgb(255 255 255 / .5)}.section-5 .culture .culture-nav .culture-nav-btn:hover{border-color:#fff;background:rgb(255 255 255 / .4)}.section-5 .culture .culture-nav .culture-nav-prev,.section-5 .culture .culture-nav .culture-nav-next{width:1.75rem;height:1.75rem;border-radius:50%;border:2px solid rgb(255 255 255 / .3);background:#fff0;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:border-color 0.3s ease,color 0.3s ease,background 0.3s ease,opacity 0.3s ease;color:rgb(255 255 255 / .6);font-size:.875rem;flex-shrink:0}.section-5 .culture .culture-nav .culture-nav-prev .iconfont{display:inline-block;transform:rotate(180deg)}.section-5 .culture .culture-nav .culture-nav-prev:hover,.section-5 .culture .culture-nav .culture-nav-next:hover{border-color:var(--moki-accent);color:var(--moki-accent);background:rgb(115 223 221 / .1)}.section-5 .culture .culture-nav .culture-nav-prev:active,.section-5 .culture .culture-nav .culture-nav-next:active{transform:scale(.92);transition:transform 0.1s ease}.section-5 .culture .culture-nav .culture-nav-prev:disabled,.section-5 .culture .culture-nav .culture-nav-next:disabled{opacity:.25;cursor:not-allowed;border-color:rgb(255 255 255 / .15);color:rgb(255 255 255 / .3);pointer-events:none}.section-5 .culture .culture-nav .culture-nav-prev:disabled:hover,.section-5 .culture .culture-nav .culture-nav-next:disabled:hover{background:#fff0;border-color:rgb(255 255 255 / .15);color:rgb(255 255 255 / .3);transform:none}@media (max-width:1024px){.section-5 .culture .culture-content{left:50%;width:45%}.section-5 .culture .culture-content .title{font-size:1.6rem}.section-5 .culture .culture-content .content{font-size:.9rem;max-width:95%}}@media (max-width:768px){.section-5 .culture .culture-item{aspect-ratio:1 / 1}.section-5 .culture .culture-content{top:auto;bottom:50%;left:50%;width:90%;transform:translate(-50%,50%)}.section-5 .culture .culture-content .title{font-size:1.4rem}.section-5 .culture .culture-content .content{font-size:.85rem}.section-5 .culture .culture-img{filter:brightness(.25)}.section-5 .culture .culture-nav .culture-nav-prev,.section-5 .culture .culture-nav .culture-nav-next{width:1.75rem;height:1.75rem;font-size:.75rem}}@media screen and (max-width:1200px){.section-2 .about-features .feature-card{flex:0 1 calc(33.333% - 1rem)}.section-3 .global-service .item{flex:0 1 calc(33.333% - 2rem)}}@media screen and (max-width:1024px){.section-2{padding:3rem 0}.section-2 .about-features .feature-card{flex:0 1 calc(50% - 1.25rem)}.section-3{padding:3rem 0}.section-3 .global-service{margin:3rem auto;gap:2rem}.section-3 .global-service .item{flex:0 1 calc(50% - 2rem)}.team-show .swiper .left-swiper{left:60px}.team-show .swiper .right-swiper{right:60px}.team-show .swiper .current-swiper{width:40%}.team-show .swiper .nocurrent-swiper{width:35%}.section-4{padding:3rem 0}.section-4 .team-show{margin:3rem auto}}@media screen and (max-width:768px){.section-1{min-height:35vw}.section-1 .container .about-content{max-width:100%;margin:1.5rem auto}.section-2{padding:2.5rem 0}.section-2 .about-features{gap:1.5rem}.section-3{padding:2.5rem 0}.section-3 .global-service{margin:2rem auto;gap:1.5rem}.section-3 .global-service .item{flex:0 1 calc(50% - 1.5rem)}.team-show .swiper .swiper-button-prev,.team-show .swiper .swiper-button-next{width:1.75rem;height:1.75rem;z-index:100;background-image:none}.swiper-button-next:after,.swiper-button-prev:after{font-size:1.75rem}.section-4{padding:2.5rem 0}.section-4 .team-show{margin:2rem auto}}@media screen and (max-width:640px){.section-1{min-height:40vw}.section-1 .container .about-content{padding:0 1.5rem}.section-2{padding:2rem 0}.section-2 .about-features .feature-card{flex:0 1 100%;aspect-ratio:1}.section-2 .about-features .feature-card .feature-img{filter:brightness(.5)}.section-2 .about-features .feature-card .feature-content{top:50%;transform:translate(-50%,-50%)}.section-2 .about-features .feature-card .feature-content .feature-des{opacity:1;filter:drop-shadow(2px 4px 6px black) brightness(1)}.section-2 .about-slider .slider-nav{flex-direction:column;gap:1rem;left:1rem;bottom:1rem;transform:none}.section-2 .about-slider .slider-nav .slider-nav-btn{padding:.25rem 1rem}.section-3{padding:2rem 0}.section-3 .global-base .location-pin{--pin-scale:0.35}.section-3 .global-service{margin:1.5rem auto;gap:1rem}.section-3 .global-service .item{flex:0 1 100%}.team-show .swiper .left-swiper,.team-show .swiper .right-swiper{width:80%}.team-show .swiper .current-swiper{width:85%}.section-4{padding:2rem 0}}@media screen and (max-width:440px){.section-1{min-height:45vw}.section-2{padding:1.5rem 0}.section-3{padding:1.5rem 0}.section-4{padding:1.5rem 0}}