:root{--header-hegiht:100px}.page-about{background:url("../img/bg/about.jpg") no-repeat center center/100% 100%}.page-about__container{display:flex;overflow:hidden;margin-bottom:5.55556vh}.page-about__container-left{flex:1;transition:all 0.8s;transform:translateX(-200px);opacity:0}.page-about__container-left__content{font-size:16px;line-height:30px;margin-bottom:9.25926vh}.page-about__container-left__content p{margin-bottom:20px;text-indent:2em}.page-about__container-left__content p:last-of-type{margin-bottom:0}.page-about__container-right{height:39.44444vh;aspect-ratio:671 / 426;margin-left:5.46875vw;transition:all 0.8s;transform:translateX(200px);opacity:0;border-radius:4px 4px 4px 4px;overflow:hidden}.page-about__container-right-video{width:100%;height:100%;background-color:rgba(0,0,0,0.4);object-fit:fill}.page-about__container-right-popup{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;flex-direction:column;color:rgba(255,255,255,0.8);font-size:24px;line-height:30px;cursor:pointer}.page-about__container-right-popup-icon{width:58px;height:58px;margin-bottom:6px}.page-about__container-right-popup.hide{display:none}.page-about__footer{display:grid;grid-template-columns:repeat(5, 1fr);transition:all 0.8s;transform:translateY(200px);opacity:0}.page-about__footer-item{position:relative;width:100%;text-align:center}.page-about__footer-item__num{word-wrap:normal;white-space:nowrap;font-size:54px;font-family:YouSheBiaoTiHei;line-height:70px}@media (max-width: 1600px) and (min-width: 1450px){.page-about__footer-item__num{font-size:45px;line-height:60px}}@media (max-width: 1450px) and (min-width: 1100px){.page-about__footer-item__num{line-height:50px;font-size:36px}}.page-about__footer-item__num-more{position:absolute;font-size:20px;font-family:'Source Han Sans CN';font-weight:600;top:10px;right:-20px;line-height:29px}.page-about__footer-item__text{font-size:18px;line-height:26px;color:#666666;margin-top:12px}@media (max-width: 1450px) and (min-width: 1100px){.page-about__footer-item__text{line-height:18px;font-size:16px;margin-top:5px}}.page-about__footer-item:not(:last-child)::after{content:'';position:absolute;top:50%;right:0;width:1px;height:calc(100% - 28px);background:rgba(209,209,209,0.7);transform:translateY(-50%)}.page-about.animated .page-about__container-left,.page-about.animated .page-about__container-right,.page-about.animated .page-about__footer{transform:translate(0, 0);opacity:1}