@-webkit-keyframes project-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes project-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.project-page .project-skeleton{background:-webkit-gradient(linear,left top,right top,color-stop(25%,#f1f3f5),color-stop(37%,#e6e9ed),color-stop(63%,#f1f3f5));background:linear-gradient(90deg,#f1f3f5 25%,#e6e9ed 37%,#f1f3f5 63%);background-size:400% 100%;-webkit-animation:project-skeleton-shimmer 1.5s ease infinite;animation:project-skeleton-shimmer 1.5s ease infinite}.project-page .banner{width:100%;height:285px;position:relative;overflow:hidden;background-color:#f1f3f5}.project-page .banner .banner-skeleton{position:absolute;inset:0;z-index:1}.project-page .banner img{width:1920px;height:100%;position:absolute;top:0;left:50%;margin-left:-960px;-o-object-fit:cover;object-fit:cover;opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}.project-page .banner img.is-loaded{opacity:1}.project-page .content-skeleton,.project-page .edu{width:1344px;margin:0 auto}.project-page .content-skeleton{-webkit-box-sizing:border-box;box-sizing:border-box;padding:48px 0 50px}.project-page .content-skeleton .skeleton-title{width:224px;height:38px;margin:0 auto;border-radius:4px}.project-page .content-skeleton .skeleton-subtitle{width:128px;height:18px;margin:10px auto 0;border-radius:4px}.project-page .content-skeleton .skeleton-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:50px}.project-page .content-skeleton .skeleton-copy{width:613px;padding-top:8px}.project-page .content-skeleton .skeleton-line{width:100%;height:16px;margin-bottom:22px;border-radius:3px}.project-page .content-skeleton .skeleton-line.is-short{width:68%}.project-page .content-skeleton .skeleton-media{width:643px;height:483px;border-radius:8px}.project-page .edu{padding-bottom:50px}.project-page .edu .title{margin-top:48px;text-align:center}.project-page .edu .title .tit{font-family:PingFang SC;font-weight:600;font-size:32px;color:#000}.project-page .edu .title .en{font-family:PingFang SC;font-weight:600;font-size:16px;color:#5dc2d2}.project-page .edu .ul{margin-top:50px}.project-page .edu .ul .row-between{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.project-page .edu .ul .text{width:613px;line-height:180%}.project-page .edu .ul .media-shell{height:483px;position:relative;overflow:hidden;background-color:#f1f3f5;border-radius:10px}.project-page .edu .ul .media-shell .media-skeleton{position:absolute;inset:0;z-index:1}.project-page .edu .ul .media-shell img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;opacity:0;-webkit-transition:opacity .35s ease;transition:opacity .35s ease}.project-page .edu .ul .media-shell img.is-loaded{opacity:1}.project-page .edu .ul .img{width:643px}.project-page .edu .ul .desc{line-height:180%;margin-top:50px}.project-page .edu .ul .otem{width:643px;border-radius:16px}.project-page .project-skeleton-fade-leave-active{-webkit-transition:opacity .25s ease;transition:opacity .25s ease}.project-page .project-skeleton-fade-leave-to{opacity:0}.project-page .project-content-fade-enter-active,.project-page .project-content-fade-leave-active{-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.project-page .project-content-fade-enter,.project-page .project-content-fade-leave-to{opacity:0}@media(max-width:1400px){.project-page .content-skeleton,.project-page .edu{width:calc(100% - 48px)}.project-page .content-skeleton .skeleton-copy{width:46%}.project-page .content-skeleton .skeleton-media{width:48%;height:auto;aspect-ratio:4/3}.project-page .edu .ul .text{width:46%}.project-page .edu .ul .img,.project-page .edu .ul .otem{width:48%;height:auto;aspect-ratio:4/3}}@media(max-width:768px){.project-page .banner{height:180px}.project-page .content-skeleton,.project-page .edu{width:calc(100% - 32px)}.project-page .content-skeleton{padding-top:32px}.project-page .content-skeleton .skeleton-row{display:block;margin-top:32px}.project-page .content-skeleton .skeleton-copy{width:100%}.project-page .content-skeleton .skeleton-media{width:100%;margin-top:18px}.project-page .edu .title{margin-top:32px}.project-page .edu .title .tit{font-size:26px}.project-page .edu .ul{margin-top:32px}.project-page .edu .ul .row-between{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px}.project-page .edu .ul .img,.project-page .edu .ul .otem,.project-page .edu .ul .text{width:100%}.project-page .edu .ul .text{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.project-page .edu .ul .media-shell{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}@media(prefers-reduced-motion:reduce){.project-page .project-skeleton{-webkit-animation:none;animation:none}.project-page .banner img,.project-page .edu .ul .media-shell img,.project-page .project-content-fade-enter-active,.project-page .project-content-fade-leave-active,.project-page .project-skeleton-fade-leave-active{-webkit-transition:none;transition:none}}