.page-about{min-height:100vh;display:grid;grid-template-rows:-webkit-max-content auto -webkit-max-content;grid-template-rows:max-content auto max-content;grid-template-columns:auto}.page-about .banner{padding-top:16.8%;position:relative;width:100%;height:0}.page-about .banner .text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:36px;font-weight:400;color:#fff;line-height:30px;letter-spacing:4px;text-align:center}.page-about .section-content{padding:50px 0}.page-about .about-inner{max-width:1000px}.page-about .about-sec-1{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.page-about .about-sec-1 .desc{width:40%}.page-about .about-sec-1 .desc h3{font-size:30px;font-weight:600;color:#6b7c91;line-height:42px;text-transform:uppercase;margin:10px 0 20px}.page-about .about-sec-1 .desc p{font-size:16px;font-weight:400;color:#6b7c91;line-height:30px;letter-spacing:2px;text-indent:2em}.page-about .about-sec-1 .img{width:55%;padding:6% 6.6%}.page-about .about-sec-1 .img img{display:block;width:100%}.page-about .about-sec-2 p{font-size:16px;font-weight:400;color:#6b7c91;line-height:30px;letter-spacing:2px;text-indent:2em}.page-about .about-sec-3{margin-top:60px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.page-about .about-sec-3 .part{text-align:center;width:40%;background:#1d4ea3;padding:40px 10px}.page-about .about-sec-3 .part h3{margin-bottom:40px}.page-about .about-sec-3 .part h3 span{font-size:20px;font-weight:600;color:#fff;line-height:20px;letter-spacing:2px;position:relative;display:inline-block}.page-about .about-sec-3 .part h3 span:after{content:"";position:absolute;bottom:-10px;left:-2px;right:0;top:auto;display:inline-block;width:102%;height:8px;background:#5abce4}.page-about .about-sec-3 .part p{font-size:14px;font-weight:400;color:#fff;line-height:26px;letter-spacing:1px}.page-about .about-sec-4{margin:100px 0}.page-about .about-sec-4 .title{font-size:20px;font-weight:400;color:#1d4ea3;line-height:16px;letter-spacing:2px;text-align:center;margin-bottom:60px}.page-about .about-sec-4 .title span{position:relative;display:inline-block}.page-about .about-sec-4 .title span:after{content:"";position:absolute;bottom:-12px;left:0;right:0;top:auto;display:inline-block;width:60%;margin:0 auto;height:8px;background:#1d4ea3}.page-about .about-sec-4 .items{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:0 -20px}.page-about .about-sec-4 .items .item{width:33.33%;padding:0 10px;display:block;position:relative}.page-about .about-sec-4 .items .item:hover .txt .info{display:none}.page-about .about-sec-4 .items .item:hover .txt .details{display:block}.page-about .about-sec-4 .items .item .img{width:100%;position:relative;padding-top:125.3%;height:0}.page-about .about-sec-4 .items .item .img img{position:absolute;top:0;left:0;display:block;width:100%;height:100%}.page-about .about-sec-4 .items .item .img:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#1d4ea380;z-index:1}.page-about .about-sec-4 .items .item .txt{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);padding:0 25px;text-align:center;z-index:2}.page-about .about-sec-4 .items .item .txt .details{display:none;text-align:left}.page-about .about-sec-4 .items .item .txt .details ul{list-style:square;list-style-position:inside}.page-about .about-sec-4 .items .item .txt .details ul li{font-size:16px;font-weight:400;color:#fff;line-height:22px}.page-about .about-sec-4 .items .item .txt .details ul li+li{margin-top:10px}.page-about .about-sec-4 .items .item .txt .details ul li ::marker{margin:0 8px 0 0}.page-about .about-sec-4 .items .item .txt h4{font-size:30px;font-weight:400;color:#fff;margin-bottom:10px}.page-about .about-sec-4 .items .item .txt p{font-size:16px;font-weight:400;color:#fff;line-height:22px}.page-about .about-sec-4 .items .item .txt p+p{padding-top:24px}.page-about .about-sec-5 .title{font-size:20px;font-weight:400;color:#1d4ea3;line-height:16px;letter-spacing:2px;text-align:center;margin-bottom:60px}.page-about .about-sec-5 .title span{position:relative;display:inline-block}.page-about .about-sec-5 .title span:after{content:"";position:absolute;bottom:-12px;left:0;right:0;top:auto;display:inline-block;width:60%;margin:0 auto;height:8px;background:#1d4ea3}.page-about .about-sec-5 .roadmap{display:block;width:100%}.page-about .about-sec-5 .roadmap-m{display:none;width:100%}.yj-event .swiper{width:100%;height:478px}.yj-patents .swiper{width:100%;height:186px}.yj-patents .swiper-slide{width:143px;height:186px}@media screen and (max-width:768px){.about-inner{max-width:100%}.yj-event .swiper{width:100%;height:394px}.yj-patents .swiper{width:100%;height:72px}.yj-patents .swiper-slide{width:55px;height:72px}}