.riverside-section{min-height:100vh}.riverside-section .section-fixed-content{background-color:#fff;position:absolute;top:0;left:0;width:100%;height:100%}.riverside-section .riverside-bg{position:absolute;z-index:1;top:0;left:0;width:100vw;height:110vh;background-position:center;background-repeat:no-repeat;background-size:cover}.riverside-section .center-fixed{z-index:3;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:300px;height:300px;overflow:hidden}.riverside-section .center-fixed .riverside-bg{left:calc(-50vw + 150px);top:calc(-50vh + 150px)}.riverside-section .center-fixed .small-letter-img{position:relative;width:100%;z-index:3}.riverside-section .parallax-item{position:absolute;top:0;left:0;width:100vw;z-index:2;box-sizing:border-box}.riverside-section .parallax-item-with-margin{padding:20px 12px 0}.riverside-section .letter-img{width:100%}.riverside-section .placeholder-img{width:100vw;visibility:hidden}.mobile-mode .riverside-section.section{min-height:100vh;padding-top:0}.mobile-mode .riverside-section .center-fixed{width:250px;height:250px}.mobile-mode .riverside-section .center-fixed .riverside-bg{left:calc(-50vw + 125px);top:calc(-50vh + 125px)}
.astronaut-section{opacity:0}.astronaut-section.section{z-index:3}.astronaut-section .bg-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.astronaut-section .bg-img{position:absolute;top:0;left:0;width:100%;height:100%;background-position:0 0;background-repeat:no-repeat;background-size:cover}.astronaut-section .bg-sky{opacity:0}.astronaut-section .slogan-wrapper{position:absolute;top:80px;bottom:20px;left:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.astronaut-section .slogan-wrapper .slogan-item{padding-right:20px;font-size:60px;font-weight:bold;white-space:nowrap}.astronaut-section .slogan-wrapper .highlight{color:#ffc865}.mobile-mode .astronaut-section.section{padding-top:0}.mobile-mode .astronaut-section .slogan-wrapper{top:60px;bottom:10px}.mobile-mode .astronaut-section .slogan-item{font-size:30px;font-size:36px;font-weight:normal;line-height:1;padding-right:6px}
.meeting-section .section-fixed-content{position:relative;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.meeting-section .record-cover{display:flex;flex-direction:column;position:absolute;z-index:3;top:0;width:100%;height:100%;background-repeat:repeat}.meeting-section .record-cover .top-text{width:100%}.meeting-section .record-cover .container-d1{flex:1;display:flex;flex-direction:row;overflow:hidden;align-items:center}.meeting-section .record-cover .left-text{height:100%}.meeting-section .record-cover .container-d2{height:100%;display:flex;flex-direction:column;align-items:center}.meeting-section .record-cover .video-wrapper{flex:1;width:100%;position:relative}.meeting-section .record-cover .video-tag-l{position:absolute;left:0;top:0;width:10%;z-index:3}.meeting-section .record-cover .video-tag-r{position:absolute;right:0;top:0;width:20%;z-index:3}.meeting-section .record-cover .video-img{width:100%;height:100%;background-size:cover;background-repeat:no-repeat}.meeting-section .record-cover .video{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;-o-object-fit:cover;object-fit:cover}.meeting-section .record-cover .desc{padding:10px;font-size:20px}.meeting-section .vinyl-record-img{height:98vh}.mobile-mode .meeting-section .top-text{padding:50px 5px 5px;box-sizing:border-box}.mobile-mode .meeting-section .container-d2{width:100%}.mobile-mode .meeting-section .container-d3{height:300px;margin:5px 0;display:flex;flex-direction:row;align-items:center}.mobile-mode .meeting-section .container-d3 .left-text{margin:0 5px}.mobile-mode .meeting-section .container-d3 .desc{font-size:19px}
.plant-section{position:relative;z-index:-1;height:50vh;overflow:hidden}.plant-section .plant-video{position:fixed;top:5vh;left:50%;width:90vh;height:90vh;margin-left:-45vh;opacity:0;-o-object-fit:contain;object-fit:contain;transition:opacity ease-in-out .45s}.plant-section .plant-video.visible{opacity:1}.mobile-mode .plant-section .plant-video{top:50%;left:5vw;width:90vw;height:90vw;margin-top:-45vw;margin-left:0}
.honor-section{padding:200px 0}.honor-section.section{z-index:0}.honor-section .honor-item{position:relative;display:flex;flex-direction:column;font-size:36px;transition:font-size .35s ease;margin-bottom:30px}.honor-section .honor-item.active{font-size:40px;font-weight:bold}.honor-section .honor-item.active .img{opacity:1}.honor-section .honor-item .img{position:absolute;right:0;top:50%;transform:translateY(-50%);transition:opacity .35s ease;width:240px;opacity:0}.mobile-mode .honor-section.section{padding:80px 0 0}.mobile-mode .honor-section .honor-item{font-size:18px}.mobile-mode .honor-section .honor-item.active{font-size:26px}.mobile-mode .honor-section .honor-item .title{width:50%}.mobile-mode .honor-section .honor-item .img{width:50%}
.gallery .gallery-bus{position:absolute;top:0;left:100%;display:flex;flex-direction:row;align-items:stretch}
.certificates-section{margin-bottom:180px}.certificates-section.section{z-index:0}.certificates-section .certificates-desc{margin:280px 0 100px;font-size:40px;font-weight:bold}.certificates-section .certificates-content{position:relative}.certificates-section .certificates-gallery-stage{position:relative;padding:100px 0;perspective:3000px;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.certificates-section .certificates-gallery{width:110%;margin-left:50%;transform:rotateY(25deg) translateX(-50%)}.certificates-section .certificates-gallery .img{height:300px;margin-right:25px}.mobile-mode .certificates-section{margin-bottom:0}.mobile-mode .certificates-section .certificates-desc{font-size:28px;margin:60px 0 0}.mobile-mode .certificates-section .certificates-list{display:flex;margin-top:40px;height:auto;flex-direction:column;align-items:center}.mobile-mode .certificates-section .certificates-list .img{width:70%;height:auto;margin-right:0;margin-bottom:40px}.mobile-mode .certificates-section .certificates-list .img:last-child{margin-bottom:0}
.course-section{margin-bottom:180px}.course-section.section{z-index:0}.course-section .course-content.in-center{margin-top:200px;display:flex;flex-direction:column;align-items:center}.course-section .course-title{width:100%;text-align:left;font-size:48px;font-weight:bold;margin-bottom:40px}.course-section .course-logo{width:400px;margin-bottom:40px}.course-section .course-desc{margin-left:25%;font-size:30px}.mobile-mode .course-section{margin-bottom:0;height:auto}.mobile-mode .course-section .course-content{margin-top:0;padding:0 36px;align-items:flex-start}.mobile-mode .course-section .course-title{font-size:30px;font-weight:normal}.mobile-mode .course-section .course-logo{width:70vw;margin-bottom:40px}.mobile-mode .course-section .course-desc{margin-left:0;width:100%;font-size:20px}
.services-section.section{z-index:0}.services-section .services-gallery-wrapper{position:relative}.services-section .services-gallery-stage{position:relative;height:100vh;perspective:3000px;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.services-section .services-gallery{width:110%;margin:40px 0 40px 50%;transform:rotateY(25deg) translateX(-50%)}.services-section .services-item{height:300px;position:relative;margin-right:20px}.services-section .services-item.active .mask{opacity:0}.services-section .services-item .img{height:100%}.services-section .services-item .mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4)}.services-section .services-item .mask.active{opacity:0}.services-section .services-desc{position:absolute;z-index:9;left:70%;top:60%;font-size:45px;font-weight:bold;line-height:70px;transform:translate(-50%, -50%)}.mobile-mode .services-section{margin-bottom:60px}.mobile-mode .services-section .services-desc{position:static;margin-left:50%;transform:translate(-50%, 0);font-size:30px;line-height:40px;font-weight:normal}.mobile-mode .services-section .services-gallery-wrapper{padding:0 30px}.mobile-mode .services-section .services-item{margin-top:20px;margin-right:0;height:auto;width:100%}.mobile-mode .services-section .services-item .img{height:auto;width:100%}.mobile-mode .services-section .services-item .mask{display:none}
.faq-section{min-height:100vh}.faq-section .faq-section-bg{position:absolute;top:0;left:0;width:100%;height:100%}.faq-section .faq-content{margin:140px auto 60px}.faq-section .faq-item{margin:0 auto;padding:20px 0;cursor:pointer;position:relative;border-bottom:1px solid rgba(255,255,255,.7)}.faq-section .faq-item:first-child{border-top:1px solid rgba(255,255,255,.7)}.faq-section .faq-item:hover .bg{opacity:1}.faq-section .faq-item .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);opacity:0;transition:opacity .25s ease}.faq-section .faq-item .inner{position:relative;max-width:1010px;padding:0 var(--content-padding);margin:0 auto}.faq-section .faq-item .question{font-size:26px;display:flex;flex-direction:row;align-items:baseline}.faq-section .faq-item .question-index{width:55px}.faq-section .faq-item .question-text{flex:1}.faq-section .faq-item .answer{padding-left:55px;font-size:22px;font-weight:bold;height:0;overflow:hidden;transition:height .25s ease}.faq-section .faq-item .answer-inner{padding-top:20px}.mobile-mode .faq-section{padding-top:40px}.mobile-mode .faq-section .faq-content{margin-top:40px;margin-bottom:20px}.mobile-mode .faq-section .question{font-size:20px}.mobile-mode .faq-section .question-index{width:35px}.mobile-mode .faq-section .answer{font-size:18px;font-weight:normal;padding-left:35px}
.gallery{overflow:hidden}.gallery-list{width:200%;display:flex;flex-direction:row}
.contact-section{margin-top:60px;height:100vh}.contact-section .contact-gallery{position:absolute;z-index:2;left:0;top:50%;width:100vw;margin-top:-80px}.contact-section .contact-gallery-item{font-size:60px;font-weight:bold;white-space:nowrap}.contact-section .email{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%, -50%);display:block;width:180px;height:180px;border-radius:999px;background-color:rgba(255,255,255,.7);overflow:hidden}.contact-section .email:hover .hover-bg{transform:scale(1)}.contact-section .email:hover .mail-b-img{opacity:0}.contact-section .email:hover .mail-w-img{opacity:1}.contact-section .email .hover-bg{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:999px;transform:scale(0);background-color:#c24040;transition:transform .3s ease-in-out}.contact-section .email .mail-img{position:absolute;width:60px;left:50%;top:50%;transform:translate(-50%, -50%);transition:opacity .3s ease-in-out}.contact-section .email .mail-b-img{opacity:1}.contact-section .email .mail-w-img{opacity:0}.contact-section .contact-content.in-center{height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;max-width:1100px}.contact-section .crystal-ball{margin-top:80px;width:310px}.contact-section .footer{width:100%;font-size:20px;margin-bottom:20px;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}.contact-section .footer-column{margin-right:20px}.contact-section .footer-column:last-child{margin-right:0}.contact-section .footer-item{display:block}.contact-section a.footer-item{text-decoration:underline;color:#fff}.contact-section .qr-code{width:100%;max-width:150px}.mobile-mode .contact-section{height:auto}.mobile-mode .contact-section.section{padding:0}.mobile-mode .contact-section .contact-content{top:0;transform:none;display:block}.mobile-mode .contact-section .contact-gallery-item{font-size:40px}.mobile-mode .contact-section .crystal-ball{width:60%;margin:0 auto 60px;display:block}.mobile-mode .contact-section .contact-gallery{top:240px}.mobile-mode .contact-section .email{width:100px;height:100px;top:220px}.mobile-mode .contact-section .footer{flex-direction:column;font-size:16px}.mobile-mode .contact-section .footer-column{margin-right:0;margin-bottom:40px}.mobile-mode .contact-section .footer-column:last-child{margin-bottom:0}
.loading-section{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#1e1e1e}.loading-section.ready{transform:translateY(-150%);transition:transform ease .4s}.loading-section.fail .tip{font-size:16px}.loading-section .logo{width:350px}.loading-section .loading{margin:35px 0 20px;width:260px;height:10px;padding:2px;background-color:#fff}.loading-section .loading-progress{background-color:#fbac09;height:100%;transition:width ease .2s}.loading-section .tip{color:#fff;font-size:22px}.mobile-mode .loading-section .logo{width:70vw}.mobile-mode .loading-section .loading{width:60vw;height:8px}
.navigation{position:fixed;display:flex;flex-direction:row;top:10px;right:10px;z-index:999}.navigation .nav-item{position:relative;margin-left:-1px}.navigation .nav-item.active .nav-a{background-color:#000;color:#fff}.navigation .sub-nav-item .nav-a{padding:0 5px;height:35px;font-size:12px;border-top:none}.navigation .sub-nav-list{position:absolute;left:0;top:38px;height:0;overflow:hidden;transition:height .25s ease-in-out}.navigation .nav-a{position:relative;cursor:pointer;background-color:#fff;color:#000;box-sizing:border-box;border:1px solid #000;padding:0 20px;height:38px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;font-size:13px}.navigation .nav-a:hover .nav-bg-hover{height:100%}.navigation .nav-bg-hover{position:absolute;bottom:0;height:0;width:100%;background-color:#e55139;transition:height .25s ease-in-out}.navigation .nav-text{position:relative;z-index:3;white-space:nowrap}.mobile-mode .navigation{left:6px;top:6px;right:6px}.mobile-mode .navigation .nav-item{flex:1}.mobile-mode .navigation .nav-a{padding:0}.mobile-mode .navigation .sub-nav-item .nav-a{padding:0 5px}
html,body{padding:0;margin:0;font-family:suisse-book,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{background-color:#000;color:#fff}.root{--content-max-width: 800px;--content-padding: 24px}.colorful-cursor{position:fixed;top:0;left:0;z-index:1;width:100vw;height:100vh}.hidden-img{visibility:hidden;width:0;height:0;display:block}.section{position:relative;z-index:2;overflow:hidden;min-height:100vh;box-sizing:border-box}.section.active .section-fixed-content{position:fixed}.section .section-fixed-content{position:absolute;top:0;left:0;width:100vw;height:100vh}.section .section-title{position:absolute;font-size:80px;font-weight:bold;top:10px;left:20px;right:500px;z-index:3}.section .in-center{position:relative;margin:0 auto;padding:0 var(--content-padding);max-width:var(--content-max-width)}.mobile-mode{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mobile-mode.root{--content-padding: 14px}.mobile-mode .section{min-height:auto;padding:80px 0 40px}.mobile-mode .section .section-title{position:relative;font-size:35px;font-weight:normal;top:0;left:6px;margin-bottom:40px}
