body[data-v-69c5e4da]{padding:0;margin:0}.ecology[data-v-69c5e4da]{width:100vw;height:100vh;position:relative;overflow:hidden}.warp[data-v-69c5e4da]{width:100vw;height:100vh}.swiper-container[data-v-69c5e4da]{width:100%;height:100%}.swiper-container .swiper-wrapper .swiper-slide[data-v-69c5e4da]{width:5.208333rem;height:5.208333rem;margin-bottom:3rem}.swiper-container .swiper-wrapper .swiper-slide .scrollbg[data-v-69c5e4da]{margin:0 auto;width:4.166666rem;height:4.166666rem;transition:.5s}.swiper-container .swiper-wrapper .swiper-slide .scrollbg>img[data-v-69c5e4da]{width:100%}.info[data-v-69c5e4da]{transition:1s;position:absolute;width:100vw;height:100vh}.info>div[data-v-69c5e4da]{width:40.15625rem;height:31.71875rem;border-radius:.572916rem;background:rgba(7,7,7,.23);margin:15.260416rem 0 0 7.135416rem;padding:0 .833333rem 0 1.458333rem}.info>div img[data-v-69c5e4da]{width:5.552083rem;height:5.677083rem;margin:2.135416rem 0 2.5rem 1.09375rem}.info>div h3[data-v-69c5e4da]{height:3.90625rem;color:#fff;font-size:2.760416rem}.info>div p[data-v-69c5e4da]{position:relative;transition:2s;color:#fff;font-size:1.09375rem}.scroll[data-v-69c5e4da]{position:fixed;top:15%;right:6.875rem;width:5.208333rem;height:70vh;z-index:9999;display:flex;flex-direction:column;justify-content:space-between}.hover[data-v-69c5e4da]{width:5.208333rem!important;height:5.208333rem!important}.topchange[data-v-69c5e4da]{-webkit-animation:fromtop-data-v-69c5e4da 1s forwards;animation:fromtop-data-v-69c5e4da 1s forwards}.bottomchange[data-v-69c5e4da]{-webkit-animation:frombottom-data-v-69c5e4da 1s forwards;animation:frombottom-data-v-69c5e4da 1s forwards}.Tobottomchange[data-v-69c5e4da]{-webkit-animation:tobottom-data-v-69c5e4da 1s forwards;animation:tobottom-data-v-69c5e4da 1s forwards}.Totopchange[data-v-69c5e4da]{-webkit-animation:totop-data-v-69c5e4da 1s forwards;animation:totop-data-v-69c5e4da 1s forwards}@-webkit-keyframes fromtop-data-v-69c5e4da{0%{top:100vh;opacity:0}to{top:0;opacity:1}}@keyframes fromtop-data-v-69c5e4da{0%{top:100vh;opacity:0}to{top:0;opacity:1}}@-webkit-keyframes frombottom-data-v-69c5e4da{0%{top:-100vh;opacity:0}to{top:0;opacity:1}}@keyframes frombottom-data-v-69c5e4da{0%{top:-100vh;opacity:0}to{top:0;opacity:1}}@-webkit-keyframes tobottom-data-v-69c5e4da{0%{top:0;opacity:1}to{top:100vh;opacity:0}}@keyframes tobottom-data-v-69c5e4da{0%{top:0;opacity:1}to{top:100vh;opacity:0}}@-webkit-keyframes totop-data-v-69c5e4da{0%{top:0;opacity:1}to{top:-100vh;opacity:0}}@keyframes totop-data-v-69c5e4da{0%{top:0;opacity:1}to{top:-100vh;opacity:0}}