@keyframes animate_line{0%,to{transform-origin:50% 100%;opacity:1;transform:scale(1)}20%{transform-origin:50% 100%;opacity:1;transform:scaleY(.01)}30%{transform-origin:50% 100%;opacity:0;transform:scaleY(.01)}31%{transform-origin:50% 0;opacity:0;transform:scaleY(.01)}50%{transform-origin:50% 0;opacity:1;transform:scale(1)}}html{margin:0;padding:0;font-size:62.5%!important}p{margin:0}:is(body:has(.group-only)>#header,body:has(.group-only)>#footer){display:none}.develop-history{cursor:pointer;width:100%;padding-bottom:50px;position:relative;overflow:hidden}.develop-history .history-swiper,.develop-history .card-pagination{max-width:100%;overflow:hidden}.develop-history .card-title{color:#fff;z-index:1;text-align:center;position:relative}.develop-history .card-title .title{margin-top:100px;font-size:28px;line-height:42px}.develop-history .card-title b{background:#8ed200;border-radius:2px;width:59px;height:3px;margin:10px 0 10px calc(50% - 29px);display:block}.develop-history .card-title .subtitle{margin-bottom:30px;font-size:14px}.develop-history .swiper-slide .years{justify-content:center;align-items:center;margin-top:55px;padding:0 46px;display:flex}.develop-history .swiper-slide .years span{color:#ffffff80;cursor:pointer;flex:1;font-size:60px;font-weight:bolder;line-height:84px}.develop-history .swiper-pagination .swiper-pagination-bullet span.end span,.develop-history .swiper-slide .years span.end span{background-color:#ffffff80;border-radius:100%;width:10px;height:10px;display:inline-block;position:relative;top:-12px}.develop-history .swiper-slide .years span.end span:after,.develop-history .swiper-slide .years span.end span:before{content:"";background-color:#ffffff80;border-radius:100%;width:10px;height:10px;position:absolute}.develop-history .swiper-slide .years span.end span:before{left:-15px}.develop-history .swiper-slide .years span.end span:after{left:-30px}.develop-history .swiper-slide .years span:nth-child(2){color:#fff;text-align:center;cursor:auto;font-size:80px;line-height:112px}.develop-history .swiper-slide .years span:last-child{text-align:left}.develop-history .swiper-slide:not(.swiper-slide-active) .years{visibility:hidden}.develop-history .swiper-slide .years span:only-child{color:#fff;cursor:auto;text-align:center;flex:0 auto;width:100%;font-size:80px;line-height:112px}.develop-history .swiper-slide .animate{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin:auto;display:flex;position:absolute;bottom:0;left:0;right:0}.develop-history .swiper-slide .animate .line{background-color:#fff;width:2px;height:20px;margin-bottom:8px;animation:3s linear .3s infinite both animate_line}.develop-history .swiper-slide:last-child .years span:last-child{cursor:auto}.swiper-pagination-clickable .swiper-pagination-bullet.about_megvii-more{cursor:default;font-size:40px!important}.swiper-pagination-clickable .swiper-pagination-bullet.about_megvii-more:hover{color:#fff6!important}.develop-history .swiper-slide .animate .text{color:#fff;font-size:12px;line-height:17px}.develop-history .swiper-slide{height:520px;overflow:hidden}.develop-history .swiper-slide .main{height:268px;margin-top:20px;position:absolute;left:-20px;right:-20px;overflow:hidden scroll}.develop-history .swiper-slide .content{color:#fff;width:490px;margin-top:20px;font-size:14px;line-height:22px;position:relative;left:50%}.develop-history .swiper-slide .content .event{padding-bottom:10px;padding-left:30px;position:relative}.develop-history .swiper-slide .content .desc{color:#ffffffb3;font-family:PingFangSC-Regular,PingFang SC;font-size:14px;line-height:28px}.develop-history .swiper-slide .content .event .month{color:#ffffffb3;margin-right:10px;font-size:14px;line-height:28px;position:absolute;top:0;left:-39px}.develop-history .swiper-slide .content .event .line{background:#ffffffb3;border-radius:100%;width:7px;height:7px;margin-right:16px;display:inline-block;position:absolute;top:11px;left:-60px}.develop-history .swiper-slide .content .event:after{content:"";text-align:right;background-color:#ffffffb3;width:1px;position:absolute;top:12px;bottom:-11px;left:-57px}.develop-history .swiper-slide .content .event:last-child:after{display:none}.develop-history .swiper-pagination{bottom:40px}.develop-history .swiper-pagination .swiper-pagination-bullet{color:#fff6;opacity:1;background:0 0;width:auto;height:auto;margin-right:64px;font-size:20px;line-height:28px;transform:scale(1)}.develop-history .swiper-pagination .swiper-pagination-bullet:hover{color:#fffc}.develop-history .swiper-pagination .swiper-pagination-bullet-active{color:#fff;position:relative}.develop-history .swiper-pagination .swiper-pagination-bullet-active:after{content:"";background-color:#fff;height:2px;position:absolute;bottom:0;left:0;right:0}.develop-history .bg{background-image:var(--history-background-image,none);background-position:50%;background-repeat:no-repeat;background-size:cover;width:130%;height:100%;position:absolute;top:0;left:0}.develop-history .swiper-button-prev{left:0}.develop-history .swiper-button-next{right:0}.develop-history .swiper-button-next,.develop-history .swiper-button-prev{opacity:0;background:0 0;width:200px;height:84px;margin:0;top:282px}@media screen and (max-width:767px){.button{text-align:center;width:12rem;height:3.2rem;margin:0 auto;font-size:1.2rem;line-height:3.2rem}.develop-history .swiper-slide .years{margin-top:1.2rem}.develop-history .swiper-slide .years span{font-size:2.4rem;font-weight:500;line-height:3.3rem}.develop-history .swiper-slide .main{width:100vw;height:31.2rem;left:0}.develop-history .swiper-slide .content{width:76vw;font-size:1.4rem;line-height:2.4rem;left:24vw}.develop-history .swiper-slide .content .desc{text-align:left;color:#ffffffb3;display:inline-block}.develop-history .swiper-slide{height:47rem}.develop-history .swiper-slide .animate .line{height:1.5rem}.develop-history .swiper-slide .animate{bottom:6rem}.develop-history .swiper-pagination .swiper-pagination-bullet{margin-right:3rem;font-size:1.6rem;line-height:2.8rem}.develop-history .card-title .title{margin-top:20px;font-size:18px;line-height:18px}.develop-history .card-title .subtitle{display:none}.develop-history .swiper-slide .years span:nth-child(2),.develop-history .swiper-slide .years span:only-child{font-size:26px;line-height:46px}.develop-history .swiper-slide .main{margin-top:0}.develop-history{padding-bottom:35px}.develop-history .swiper-button-next,.develop-history .swiper-button-prev{top:5rem}}