*{padding:0;margin:0;box-sizing:border-box;font:14px/1 Arial}:root{--white: #fff;--yellow: #857462}body{position:relative;width:100%;height:100%;background:var(--white)}.app{position:absolute;z-index:1;width:100vw;height:100vh;background:url(../assets/landing/bgs.png) no-repeat 50% 50%/cover;overflow:hidden}.app.portrait{width:100vh;height:100vw;transform:rotate(90deg);transform-origin:50vw 50vw}.bgm{opacity:0}.hide{display:none}.block{display:block}.menu{position:fixed;z-index:10;right:1rem;top:2rem;display:flex}.menu-item{position:relative;flex:1;margin:0 .5rem}.menu-item .icon{top:0;animation:animtopin 1s}.video{display:block;width:100vw;height:100vh;-o-object-fit:cover;object-fit:cover;position:relative;z-index:2}.portrait .video{width:100vh;height:100vw}.pg{position:relative;z-index:2;width:100%;height:100%}.pg-orientation{width:100vw;height:100vh;transform:rotate(-90deg);transform-origin:50vw 50vw;z-index:200;background:url(../assets/landing/bg.png) no-repeat 50% 50%/cover}.pg-orientation-bg{height:100%;background:url(../assets/landing/tips.png) no-repeat 50% 40%/50% auto}.pg-orientation-bg .icon{position:absolute;left:50%;margin-left:-2rem;top:60%}.pg-popup{position:fixed;width:100%;height:100%;z-index:20;left:0;top:0;background:rgba(0,0,0,.85)}.pg-popup-close{position:absolute;z-index:20;top:1rem;right:0;padding:.2rem 1rem;font-size:2rem;background:var(--yellow);color:var(--white)}.pg-landing{background:url(../assets/landing/bgs.png) no-repeat 50% 50%/cover;animation:anibgoom 18s infinite alternate}.pg-landing-title{position:absolute;left:0;top:0;z-index:11;width:100%;height:100px;background:url(../assets/landing/subtitle.png) no-repeat 20px 20px/auto 80px}.pg-landing-brand{position:absolute;left:0;top:35%;z-index:12;width:100%;height:200px;background:url(../assets/landing/title.png) no-repeat 50% 50%/auto 160px}.pg-landing-open{position:absolute;left:0;top:60%;z-index:12;width:100%;height:80px;display:flex;align-items:center;justify-content:center;background:url(../assets/landing/open.png) no-repeat 90% 0/auto 80px}.pg-part-slide{width:1200px;height:100%;padding:3rem 0;box-sizing:border-box;display:flex;align-items:center}.pg-part-slide-end{width:800px;padding-left:100px}.pg-part-slide-end img{display:block;max-width:100%;max-height:100%;height:300px;margin:0 auto}.pg-part-slide-e{flex:0 0 500px;width:500px}.pg-part-slide-s{flex:0 0 400px}.pg-part-slide-p{flex:0 0 250px;display:flex;align-items:center;justify-content:center;height:300px}.pg-part-slide-p img{display:block;width:auto;max-height:100%;max-width:100%;-o-object-fit:cover;object-fit:cover}.pg-part-slide-v{flex:0 0 350px;margin:0 2rem;padding:0 1.6rem;background:url(../assets/part/vbg.png) no-repeat 50% 50%/cover;border-radius:1rem;overflow:hidden}.pg-part-slide-t{flex:0 0 300px}.pg-part-slide-t img{display:block;max-width:100%}.pg .video-s{display:block;width:100%;background:#111}.icon{display:block;width:2rem;height:2rem}.icon-arrow{display:inline-block;font-size:inherit;font-style:normal;position:relative;text-indent:-9999px;vertical-align:middle;width:1em;height:1em}.icon-arrow:before{content:"";position:absolute;display:block;left:50%;top:50%;border:.2rem solid var(--white);border-bottom:0;border-right:0;height:.3em;width:.3em;transform:translate(-25%, -50%) rotate(-45deg)}.icon-arrow:after{position:absolute;content:"";display:block;left:50%;top:50%;transform:translate(-50%, -50%)}.icon-prev{position:absolute;z-index:100;top:40%;left:1rem;width:3rem;height:3rem;background:url(../assets/icon/prev.png) no-repeat 50% 50%/auto 100%}.icon-next{position:absolute;z-index:100;top:40%;right:1rem;width:3rem;height:3rem;background:url(../assets/icon/next.png) no-repeat 50% 50%/auto 100%}.icon-phone{width:5rem;height:5rem;background:url(../assets/icon/01.png) no-repeat 50% 50%/100% auto}.icon-jump{position:absolute;z-index:10;top:1rem;right:1rem;width:4rem;height:2rem;background:url(../assets/icon/06.png) no-repeat 50% 50%/100% auto}.icon-dot{width:2rem;height:2rem;display:inline-block;position:relative}.icon-dot:after,.icon-dot:before{content:"";box-sizing:border-box;width:2rem;height:2rem;border-radius:50%;background:var(--white);position:absolute;left:0;top:0;animation:animloader 2s linear infinite;opacity:0}.icon-dot:after{animation-delay:1s}.icon-arrows{height:1rem;display:inline-block;margin:0 0 .2rem 2rem;background:url(../assets/icon/11.png) no-repeat 50% 50%/cover}.pop{position:fixed;z-index:30;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.85)}.pop img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.snap{display:flex;overflow-x:auto;background:url(../assets/part/bg.png) no-repeat 0 50%/auto 100%;background-attachment:scroll;height:100%;padding:3rem 0;padding-left:5rem;box-sizing:border-box;gap:2rem}.snap-slide{width:1000px;height:100%;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;flex-shrink:0}.snap-slide img{display:block;max-width:100%;max-height:300px;margin:0 auto}.snap-slide-u{flex:0 0 250px}.snap-slide-t{flex:0 0 300px}.snap-slide-e{flex:0 0 400px}.snap-slide-s{flex:0 0 400px}.snap-slide-v{flex:0 0 350px;margin:0 2rem;padding:0 1.6rem;background:url(../assets/part/vbg.png) no-repeat 50% 50%/cover;border-radius:1rem;overflow:hidden}.anizoom{animation:anibgoom 12s infinite alternate}.swiper{width:100%;height:100%;background:none;padding-left:10rem}.swiper .parallax-bg{position:absolute;left:0;top:0;width:500%;height:100%;background:url(../assets/part/bg.png) no-repeat 0 50%/auto 100%}.swiper-slide{width:100%;height:100%;box-sizing:border-box}@keyframes animrotate{0%{transform:rotate(0deg)}100%{transform:rotate(100deg)}}@keyframes animtopin{0%{top:-80%;opacity:0}100%{top:0;opacity:1}}@keyframes animrightin{0%{right:-80%;opacity:0}100%{right:0;opacity:1}}@keyframes animloader{0%{transform:scale(0);opacity:1}100%{transform:scale(1);opacity:0}}@keyframes animflash{50%{opacity:.5}100%{opacity:1}}@keyframes anibgoom{0%{background-size:100%}100%{background-size:150%}}