.about .control-bar{position:sticky;top:0;z-index:5;background-color:#fff}.about .block-point{margin:100px auto 0 auto}.about .milestone{margin-top:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.about .milestone-year{padding:max(8.33vw,105px) 0;position:sticky;top:0;background:#4F5F6B;width:50%;min-height:100vh}.about .milestone-year:after,.about .milestone-year:before{content:"";position:absolute;left:0;z-index:2;width:100%;pointer-events:none}.about .milestone-year:before{height:25vh;top:0;background:-webkit-gradient(linear,left top,left bottom,color-stop(44%,#4F5F6B),to(rgba(79,95,107,0)));background:linear-gradient(180deg,#4F5F6B 44%,rgba(79,95,107,0) 100%)}.about .milestone-year:after{height:25vh;bottom:0;background:-webkit-gradient(linear,left bottom,left top,color-stop(44%,#4F5F6B),to(rgba(79,95,107,0)));background:linear-gradient(0deg,#4F5F6B 44%,rgba(79,95,107,0) 100%)}.about .milestone-year .swiper{height:100%;max-height:760px;z-index:0}.about .milestone-year .duration{padding-top:45px;font-weight:700;font-size:max(4.166vw,2.5rem);color:#fff;opacity:0.2}.about .milestone-year .swiper-slide-active .duration{color:#fff;opacity:1}.about .milestone-year .swiper-arrows{position:absolute;top:50%;right:4.166vw;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;gap:25px;max-width:105px;-webkit-transform:rotate(90deg) translateY(-50%);transform:rotate(90deg) translateY(-50%)}.about .milestone-year .swiper-arrows .swiper-button-next:after,.about .milestone-year .swiper-arrows .swiper-button-prev:after{color:#fff!important}.about .pic-wrap{background:#F0F0F0;width:50%;min-height:125vh}.about .milestone-pic{padding:max(5.2083vw,65px) max(9.375vw,100px);display:none;color:#272223}.about .milestone-pic.active{display:block}.about .milestone-pic .main{width:100%;max-width:600px;font-size:1.25rem;line-height:1.4}.about .milestone-pic .main>li{margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:300;font-size:1rem;line-height:1.5}.about .milestone-pic .main>li:first-child{margin-top:30px}.about .milestone-pic .main>li:before{content:"";margin:10px 15px 0 10px;background:#4F5F6B;border-radius:100%;width:6px;height:6px;-ms-flex-negative:0;flex-shrink:0}.about .milestone-pic .img-container{margin-top:70px;cursor:pointer}.about .milestone-pic .img-container[data-type=h]{width:100%;max-width:600px}.about .milestone-pic .img-container[data-type=h] .img-box{position:relative}.about .milestone-pic .img-container[data-type=h] .img-box:before{padding-bottom:64.74%;display:block;content:""}.about .milestone-pic .img-container[data-type=v]{width:100%;max-width:400px}.about .milestone-pic .img-container[data-type=v] .img-box{position:relative}.about .milestone-pic .img-container[data-type=v] .img-box:before{padding-bottom:154.4643%;display:block;content:""}.about .milestone-pic .img-container img{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.about .milestone-pic .overview{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:15px;font-size:1rem;cursor:pointer}.about .milestone-pic .overview:before{content:"\e924";font-family:"icomoon";font-weight:300;font-size:1.375rem}@media only screen and (max-width:1440px){.about .pic-wrap{min-height:140vh}}@media only screen and (max-width:1200px){.about .block-point{margin-top:80px}}@media only screen and (max-width:991px){.about .milestone{margin-top:50px;display:block}.about .milestone-year{padding:8vw 0;position:relative;width:100%;min-height:auto}.about .milestone-year:after,.about .milestone-year:before{content:none}.about .milestone-year .swiper-arrows{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:91.2vw;width:100%}.about .pic-wrap{width:100%;min-height:auto}.about .milestone-pic{padding:clamp(50px,13vw,100px) clamp(30px,7.8125vw,60px);width:100%;min-height:auto}.about .milestone-pic .main{margin:0 auto}.about .milestone-pic .main>li{margin-bottom:10px}.about .milestone-pic .main>li:first-child{margin-top:20px}.about .milestone-pic .img-container{margin:30px auto 0 auto}.about .milestone-pic .overview{margin:10px auto 0 auto}}
/*# sourceMappingURL=about_milestone.css.map */