.intro{position:fixed;top:0;left:0;width:100%;height:100%;z-index:200;background:#fff}.intro-inner{position:relative;width:100vw;height:100%}.intro-bg{position:relative;width:100%;height:100%;background:#f1f2ee}.intro-bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:10% 100%;object-position:10% 100%}.intro-mask{position:absolute;top:0;left:0;width:100%;height:100%}.intro-mask-t,.intro-mask-b{position:absolute;width:300vw;height:300vh;transition:transform 3s,opacity 3s}.intro-mask-t{top:-200vh;left:-200vw;background-image:radial-gradient(circle at 50% 0%, transparent 0%, #333 50%)}.show-intro .intro-mask-t{transform:translate(200vw, 150vh);opacity:0}.intro-mask-b{bottom:-200vh;right:-200vw;background-image:radial-gradient(circle at 50% 100%, transparent 0%, #FFF 50%)}.show-intro .intro-mask-b{transform:translate(-100vw, -200vh);opacity:0}.intro-logo{position:absolute;top:50%;left:50%;margin:-40px 0 0 -100px;width:200px;height:80px}.intro-logo-k{position:absolute;top:0;left:47px;opacity:0;transform:scale(0.5)}.show-intro .intro-logo-k{animation:intro-k 5s linear forwards}.intro-logo-ei{position:absolute;top:0;right:52px;opacity:0;transform:scale(1.5)}.show-intro .intro-logo-ei{animation:intro-ei 5s linear forwards}.intro-logo-text{position:absolute;bottom:0;left:0;opacity:0;transition:opacity .6s 4.5s}.show-intro .intro-logo-text{opacity:1}@keyframes intro-k{0%{opacity:0;left:47px;transform:scale(0.5)}40%{opacity:0;left:47px;transform:scale(0.5)}60%{opacity:1;left:47px;transform:scale(1)}70%{opacity:0;left:47px;transform:scale(1)}80%{opacity:0;left:47px;transform:scale(1)}100%{opacity:1;left:0;transform:scale(1)}}@keyframes intro-ei{0%{opacity:0;right:52px;transform:scale(1.5)}60%{opacity:0;right:52px;transform:scale(1.5)}80%{opacity:1;right:52px;transform:scale(1)}100%{opacity:1;right:0;transform:scale(1)}}@media screen and (max-width: 1400px){.intro-logo{transform:scale(0.8)}}