@charset "UTF-8";.brand-introduction-page{width:100%}.brand-introduction-page .top-banner{width:100%;height:100vh;position:relative;background-image:url(https://cdn.moma.com.cn/wp-content/uploads/2024/12/开屏.webp);background-position:center;background-repeat:no-repeat;background-size:cover}.brand-introduction-page .top-banner .brand-text-box{width:40%;max-width:645px;height:62.5%;max-height:600px;display:flex;flex-direction:column;align-items:flex-start;position:absolute;top:20%;left:15%;z-index:3;opacity:0}.brand-introduction-page .top-banner .brand-text-box .title{color:var(----,#8a8989);text-align:center;font-family:HarmonyOS Sans SC Bold;font-size:24px;font-style:normal;font-weight:700;line-height:160%}.brand-introduction-page .top-banner .brand-text-box .subtitle{margin-top:24px;font-family:HarmonyOS Sans SC Bold;font-size:40px;font-style:normal;font-weight:700;line-height:160%;background:linear-gradient(90deg,#fff .26%,#fefefe 23.08%,#828282 100.26%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-introduction-page .top-banner .brand-text-box .brand-intro{margin-top:auto;color:var(----,#8a8989);font-family:HarmonyOS Sans SC Medium;font-size:20px;font-style:normal;font-weight:500;line-height:160%}.brand-introduction-page .top-banner .slide-part{width:100%;height:50%;background:#fff;position:absolute;z-index:4}.brand-introduction-page .top-banner .slide-part .text{color:var(----,#000);text-align:center;font-family:HarmonyOS Sans SC Bold;font-size:68px;font-style:normal;font-weight:700;line-height:160%}.brand-introduction-page .top-banner .slide-part.top-part{display:flex;justify-content:center;align-items:end;top:0}.brand-introduction-page .top-banner .slide-part.bottom-part{display:flex;justify-content:center;align-items:start;bottom:0}.brand-introduction-page .swiper-box{width:100%;min-height:100vh;display:flex;align-items:center}.brand-introduction-page .swiper-box .swiper.second-part-swiper{width:100%}.brand-introduction-page .swiper-box .swiper.second-part-swiper .swiper-wrapper .swiper-slide{display:flex;flex-direction:column;align-items:flex-start;gap:32px;transition:opacity .6s ease-in!important}.brand-introduction-page .swiper-box .swiper.second-part-swiper .swiper-wrapper .swiper-slide:not(.swiper-slide-active){opacity:.3}.brand-introduction-page .swiper-box .swiper.second-part-swiper .swiper-wrapper .swiper-slide img{width:75%;border-radius:20px}.brand-introduction-page .swiper-box .swiper.second-part-swiper .swiper-wrapper .swiper-slide .text-box{width:75%;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.brand-introduction-page .swiper-box .swiper.second-part-swiper .swiper-wrapper .swiper-slide .text-box .title{color:var(----,#151413);font-family:HarmonyOS Sans SC Bold;font-size:24px;font-style:normal;font-weight:700;line-height:160%}.brand-introduction-page .swiper-box .swiper.second-part-swiper .swiper-wrapper .swiper-slide .text-box .intro{color:var(---,#636262);font-family:HarmonyOS Sans SC Reguler;font-size:16px;font-style:normal;font-weight:400;line-height:160%}.brand-introduction-page .swiper-box .swiper.second-part-swiper .swiper-button-next{width:60px;height:60px;top:calc((100% - 134px)/2);right:25.05%;transform:translate(50%)}.brand-introduction-page .swiper-box .swiper.second-part-swiper .swiper-button-next:after{content:none}.brand-introduction-page .swiper-box .swiper.second-part-swiper .swiper-button-next svg{width:100%;height:100%}.brand-introduction-page .brand-main{width:100%;height:100vh;background-image:url(https://cdn.moma.com.cn/wp-content/uploads/2024/07/让拍摄无线轻松.png);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.brand-introduction-page .brand-main .text-box{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(---,#fff);text-align:center;font-family:HarmonyOS Sans SC Bold;font-size:32px;font-style:normal;font-weight:700;line-height:200%;letter-spacing:.96px}.brand-introduction-page .intro-box{background:#fff;padding:100px 0}.brand-introduction-page .intro-box .container{display:flex;flex-direction:column;align-items:center;gap:60px}.brand-introduction-page .intro-box .container .intro-item{width:100%;max-width:900px;border-radius:20px;overflow:hidden}.brand-introduction-page .intro-box .container .intro-item img{width:100%}.brand-introduction-page .intro-box .container .intro-item .text-box{padding:80px 50px;display:flex;flex-direction:column;align-items:center;gap:12px;background-color:#f7f7f7}.brand-introduction-page .intro-box .container .intro-item .title{color:var(----,#151413);font-family:HarmonyOS Sans SC Bold;font-size:40px;font-style:normal;font-weight:700;line-height:160%}.brand-introduction-page .intro-box .container .intro-item .brand-intro{color:var(----,#8a8989);text-align:center;font-family:HarmonyOS Sans SC Medium;font-size:16px;font-style:normal;font-weight:500;line-height:160%}.brand-introduction-page .center-slide-animation{padding:160px 0}.brand-introduction-page .center-slide-animation .container{display:flex;justify-content:space-between;position:relative}.brand-introduction-page .center-slide-animation .container img{width:100%;border-radius:12px}.brand-introduction-page .center-slide-animation .part{width:33.34%;padding:0 12px;display:flex;flex-direction:column;gap:24px}.brand-introduction-page .center-slide-animation .one-part{align-items:flex-end}.brand-introduction-page .center-slide-animation .mobile-part{display:none}.brand-introduction-page .center-slide-animation .two-part{position:absolute;left:50%;top:20%;transform:translate(-50%)}.brand-introduction-page .center-slide-animation .two-part .part-item{width:100%;display:flex;padding:80px 50px;justify-content:center;align-items:center;border-radius:12px;background:var(---,#f8f9fd);color:var(----,#151413);text-align:center;font-family:HarmonyOS Sans SC Medium;font-size:24px;font-style:normal;font-weight:500;line-height:160%}.brand-introduction-page .center-slide-animation .three-part{padding-top:75px;align-items:flex-start}.brand-introduction-page .seven-year{padding:100px 0 200px}.brand-introduction-page .seven-year .container{display:flex;flex-direction:column;align-items:center;gap:50px}.brand-introduction-page .seven-year .container .header{color:var(----,#151413);text-align:center;font-family:HarmonyOS Sans SC Bold;font-size:40px;font-style:normal;font-weight:700;line-height:160%}.brand-introduction-page .seven-year .container .content{width:100%;position:relative}.brand-introduction-page .seven-year .container .content img{width:100%;border-radius:20px}.brand-introduction-page .seven-year .container .content .text-box{position:absolute;top:50%;left:14%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-start;gap:58px}.brand-introduction-page .seven-year .container .content .box-item{display:flex;flex-direction:column;gap:12px}.brand-introduction-page .seven-year .container .content .box-item .item-title{color:var(---,#fff);font-family:HarmonyOS Sans SC Bold;font-size:40px;font-style:normal;font-weight:700;line-height:100%}.brand-introduction-page .seven-year .container .content .box-item .item-text{color:var(----,#d0d0d0);font-family:HarmonyOS Sans SC Reguler;font-size:16px;font-style:normal;font-weight:400;line-height:160%}.brand-introduction-page .years-gone .title{display:none;margin-bottom:24px;color:var(----,#151413);text-align:center;font-family:HarmonyOS Sans SC;font-size:20px;font-style:normal;font-weight:700;line-height:160%}.brand-introduction-page .years-gone .accordion-box{display:flex;padding:0 50px}.brand-introduction-page .years-gone .accordion-box .accordion-item{display:flex;flex-direction:column;flex:1;padding:110px 6px 50px;min-height:100vh;border-left:1px solid #ececec}.brand-introduction-page .years-gone .accordion-box .accordion-item:not(.collapsed){flex:99}.brand-introduction-page .years-gone .accordion-box .accordion-item:not(.collapsed) .text{color:#151413}.brand-introduction-page .years-gone .accordion-box .accordion-item:not(.collapsed) .text svg{transform:rotate(-180deg)!important}.brand-introduction-page .years-gone .accordion-box .accordion-item:last-child{border-right:1px solid #ececec}.brand-introduction-page .years-gone .accordion-box .accordion-item .text{display:flex;justify-content:space-between;align-items:center;transition:color .3s;color:var(----,#d0d0d0);font-family:HarmonyOS Sans SC Bold;font-size:40px;font-style:normal;font-weight:700;line-height:160%}.brand-introduction-page .years-gone .accordion-box .accordion-item .text:hover{color:#151413!important}.brand-introduction-page .years-gone .accordion-box .accordion-item .text svg{display:none;transition:transform .3s}.brand-introduction-page .years-gone .accordion-box .accordion-item .accordion-collapse{transition:none;padding-top:24px;flex:1}.brand-introduction-page .years-gone .accordion-box .accordion-item .accordion-body{display:flex;height:100%;flex-direction:column;justify-content:space-between}.brand-introduction-page .years-gone .accordion-box .accordion-item .accordion-body ul{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.brand-introduction-page .years-gone .accordion-box .accordion-item .accordion-body li{color:var(----,#151413);font-family:HarmonyOS Sans SC Reguler;font-size:16px;font-style:normal;font-weight:400;line-height:160%}.brand-introduction-page .years-gone .accordion-box .accordion-item .accordion-body img{width:100%;max-width:800px}@media screen and (max-width:1200px){.brand-introduction-page .center-slide-animation .two-part .part-item{font-size:18px}.brand-introduction-page .years-gone .accordion-box{flex-direction:column;padding:0}.brand-introduction-page .years-gone .accordion-box .accordion-item{min-height:auto;padding:0;margin:0 20px;border-top:1px solid #ececec;border-left:0}.brand-introduction-page .years-gone .accordion-box .accordion-item:last-child{border-right:0}.brand-introduction-page .years-gone .accordion-box .accordion-item .text{padding:20px 0}.brand-introduction-page .years-gone .accordion-box .accordion-item .accordion-body img{margin:20px 0;border-radius:8px}}@media screen and (max-width:992px){.brand-introduction-page .top-banner{background-image:url(https://cdn.moma.com.cn/wp-content/uploads/2024/12/让拍摄无限轻松，-是我们唯一的使命（移动端）.webp)}.brand-introduction-page .top-banner .brand-text-box{width:90%;height:auto;top:auto;bottom:15%;left:50%;transform:translate(-50%)}.brand-introduction-page .top-banner .brand-text-box .title{font-size:14px;font-weight:500;line-height:140%}.brand-introduction-page .top-banner .brand-text-box .subtitle{font-size:24px;margin-top:16px}.brand-introduction-page .top-banner .brand-text-box .brand-intro{margin-top:24px;font-size:12px;font-weight:400;line-height:140%}.brand-introduction-page .top-banner .slide-part .text{font-size:24px}.brand-introduction-page .swiper-box{width:90%;min-height:80vh;padding:60px 0;margin:0 auto}.brand-introduction-page .swiper-box .swiper.second-part-swiper{padding-bottom:56px}.brand-introduction-page .swiper-box .swiper.second-part-swiper .swiper-wrapper .swiper-slide{gap:20px;transition:opacity 1s ease-in!important}.brand-introduction-page .swiper-box .swiper.second-part-swiper .swiper-wrapper .swiper-slide:not(.swiper-slide-active){opacity:1}.brand-introduction-page .swiper-box .swiper.second-part-swiper .swiper-wrapper .swiper-slide img{width:100%;border-radius:8px}.brand-introduction-page .swiper-box .swiper.second-part-swiper .swiper-wrapper .swiper-slide .text-box{width:100%;gap:8px}.brand-introduction-page .swiper-box .swiper.second-part-swiper .swiper-wrapper .swiper-slide .text-box .title{font-size:20px}.brand-introduction-page .swiper-box .swiper.second-part-swiper .swiper-wrapper .swiper-slide .text-box .intro{font-size:14px;line-height:140%}.brand-introduction-page .swiper-box .swiper.second-part-swiper .swiper-button-next{width:40px;height:40px;top:100%;right:10px;transform:translateY(-50%)}.brand-introduction-page .center-slide-animation{padding:0}.brand-introduction-page .center-slide-animation .container{flex-direction:column;gap:24px}.brand-introduction-page .center-slide-animation .container img{border-radius:8px}.brand-introduction-page .center-slide-animation .part{padding:0;gap:12px}.brand-introduction-page .center-slide-animation .one-part{display:none}.brand-introduction-page .center-slide-animation .mobile-part{display:block}.brand-introduction-page .center-slide-animation .two-part{width:100%;position:static;transform:none}.brand-introduction-page .center-slide-animation .two-part .part-item{padding:28px 24px;font-size:14px;line-height:140%}.brand-introduction-page .center-slide-animation .three-part{display:none}.brand-introduction-page .years-gone .title{display:block}.brand-introduction-page .years-gone .accordion-box .accordion-item .text{padding:16px 0;font-size:20px;font-weight:500}.brand-introduction-page .years-gone .accordion-box .accordion-item .text svg{display:block}.brand-introduction-page .years-gone .accordion-box .accordion-item .accordion-collapse{padding-top:0}.brand-introduction-page .years-gone .accordion-box .accordion-item .accordion-body ul{gap:12px}.brand-introduction-page .years-gone .accordion-box .accordion-item .accordion-body img{margin:20px 0;border-radius:8px}.brand-introduction-page .intro-box{background:#fff;padding:60px 0}.brand-introduction-page .intro-box .container{display:flex;flex-direction:column;align-items:center;gap:32px}.brand-introduction-page .intro-box .container .intro-item{width:100%;max-width:900px;border-radius:12px;overflow:hidden}.brand-introduction-page .intro-box .container .intro-item img{width:100%}.brand-introduction-page .intro-box .container .intro-item .text-box{padding:24px;display:flex;flex-direction:column;align-items:center;gap:8px;background-color:#f7f7f7}.brand-introduction-page .intro-box .container .intro-item .title{color:var(----,#151413);font-family:HarmonyOS Sans SC Bold;font-size:20px;font-style:normal;font-weight:500;line-height:160%}.brand-introduction-page .intro-box .container .intro-item .brand-intro{color:var(----,#8a8989);text-align:center;font-family:HarmonyOS Sans SC Medium;font-size:12px;font-style:normal;font-weight:400;line-height:140%}.brand-introduction-page .seven-year{padding:60px 0 80px}.brand-introduction-page .seven-year .container{display:flex;flex-direction:column;align-items:center;gap:24px}.brand-introduction-page .seven-year .container .header{color:var(----,#151413);text-align:center;font-family:HarmonyOS Sans SC Bold;font-size:20px;font-style:normal;font-weight:700;line-height:160%}.brand-introduction-page .seven-year .container .content{width:100%;position:relative;overflow:hidden}.brand-introduction-page .seven-year .container .content img{border-radius:8px;height:588px;-o-object-fit:cover;object-fit:cover}.brand-introduction-page .seven-year .container .content .text-box{position:absolute;top:37%;left:7%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-start;gap:40px}.brand-introduction-page .seven-year .container .content .box-item{display:flex;flex-direction:column;gap:12px}.brand-introduction-page .seven-year .container .content .box-item .item-title{color:var(---,#fff);font-family:HarmonyOS Sans SC Bold;font-size:28px;font-style:normal;font-weight:700;line-height:100%}.brand-introduction-page .seven-year .container .content .box-item .item-text{color:var(----,#d0d0d0);font-family:HarmonyOS Sans SC Reguler;font-size:12px;font-style:normal;font-weight:400;line-height:140%}.brand-introduction-page .brand-main{width:100%;height:100vh;background-image:url(https://cdn.moma.com.cn/wp-content/uploads/2024/07/让拍摄无线轻松.png);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.brand-introduction-page .brand-main .text-box{width:100%;max-width:550px;padding:0 20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(---,#fff);text-align:center;font-family:HarmonyOS Sans SC Bold;font-size:16px;font-style:normal;font-weight:500;line-height:160%}.brand-introduction-page .brand-main .text-box br{display:none}}@media screen and (max-width:576px){.brand-introduction-page .seven-year .container{padding-left:0;padding-right:0}.brand-introduction-page .seven-year .container img{border-radius:0!important;height:466px!important}}