.eight-1{width:100%;height:100%}.eight-1 .sample{width:17.4rem;position:absolute;left:0;top:.7rem;transform:translateX(-100%);animation:sampleSlide1 0s ease-in forwards;will-change:transform;animation-delay:0s;z-index:200!important}.eight-1 .chanpin{width:11rem;position:absolute;right:4.5rem;top:11.8rem;opacity:0;animation:chanpinSlide 0s ease-in forwards;animation-delay:0s;will-change:opacity,transform}.eight-1 .logo{width:11rem;position:absolute;right:1.1rem;top:1.1rem;opacity:0;animation:logoFade 0s ease-in forwards;animation-delay:0s;will-change:opacity}.eight-1 .slogfade{width:13.9rem;position:absolute;right:3.6rem;top:5.4rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform}.eight-1 .tabbtn1{width:6.6rem;position:absolute;right:10.7rem;top:11.8rem;opacity:0;opacity:0;animation:logoFade 0s ease-in forwards;animation-delay:0s;will-change:opacity}.eight-1 .tabbtn2{width:6.6rem;position:absolute;right:3.9rem;top:11.8rem;opacity:0;opacity:0;animation:logoFade 0s ease-in forwards;animation-delay:0s;will-change:opacity}.eight-1 .slogfade2{width:13rem;position:absolute;right:4rem;top:11rem;opacity:0;animation:slogfade1Fade 0s ease-in forwards;animation-delay:0s;will-change:opacity}.eight-1 .from{z-index:500;position:absolute;width:9.5rem;top:15.4rem;left:1.7rem;opacity:0;animation:logoFade 0s ease-in forwards;animation-delay:0s;will-change:opacity}.eight-2{width:100%;height:100%}.eight-2 .centerBox{width:100%;position:absolute;top:0;left:0;height:100%}.eight-2 .logoslog{position:absolute;top:3.4rem;left:50%;width:31.1rem;margin-left:-16.2rem;transform:translateX(140%);animation:one2sampleSlide 0s cubic-bezier(.4,0,.2,1) forwards;will-change:transform;z-index:1}.eight-2 .desc1{position:absolute;top:5.8rem;left:50%;width:30.6rem;margin-left:-15.6rem;opacity:0;animation:logoFade 0s forwards;animation-delay:0s;will-change:opacity}.eight-2 .desc2{position:absolute;top:8.3rem;left:2.4rem;width:12rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform;cursor:pointer}.eight-2 .desc3{position:absolute;top:8.3rem;right:11.4rem;width:8.54rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform;cursor:pointer}.eight-2 .desc4{position:absolute;top:8.3rem;right:2.3rem;width:8.54rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform;cursor:pointer}.eight-2 .from{z-index:500;position:absolute;width:9.4rem;left:1.18rem;top:16.1rem;opacity:0;animation:logoFade 0s ease-in forwards;animation-delay:0s;will-change:opacity}.eight-3{width:100%;height:100%}.eight-3 .centerBox{width:100%;position:absolute;top:0;left:0;height:100%}.eight-3 .logoslog{position:absolute;top:3.4rem;left:50%;width:32rem;margin-left:-16.2rem;transform:translateX(140%);animation:one2sampleSlide 0s cubic-bezier(.4,0,.2,1) forwards;will-change:transform;z-index:1}.eight-3 .desc1{position:absolute;top:4.8rem;left:50%;width:30.6rem;margin-left:-15.6rem;opacity:0;animation:logoFade 0s forwards;animation-delay:0s;will-change:opacity}.eight-3 .desc2{position:absolute;top:7.5rem;left:2.4rem;width:9.9rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform;cursor:pointer}.eight-3 .desc3{position:absolute;top:7.5rem;right:12.4rem;width:9.9rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform;cursor:pointer}.eight-3 .desc4{position:absolute;top:7.5rem;right:2.3rem;width:9.9rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform;cursor:pointer}.eight-3 .from{z-index:500;position:absolute;width:8.4rem;left:1.18rem;top:16.8rem;opacity:0;animation:logoFade 0s ease-in forwards;animation-delay:0s;will-change:opacity}.eight-4{width:100%;height:100%}.eight-4 .centerBox{width:100%;position:absolute;top:0;left:0;height:100%}.eight-4 .logoslog{position:absolute;top:3.4rem;left:50%;width:32rem;margin-left:-16.2rem;transform:translateX(140%);animation:one2sampleSlide 0s cubic-bezier(.4,0,.2,1) forwards;will-change:transform;z-index:1}.eight-4 .desc1{position:absolute;top:4.8rem;left:50%;width:30rem;margin-left:-15.2rem;opacity:0;animation:logoFade 0s forwards;animation-delay:0s;will-change:opacity}.eight-4 .desc2{position:absolute;top:14.5rem;left:50%;width:30rem;margin-left:-15.2rem;opacity:0;animation:logoFade 0s forwards;animation-delay:0s;will-change:opacity}.eight-4 .from{z-index:500;position:absolute;width:17rem;left:1.18rem;top:16.8rem;opacity:0;animation:logoFade 0s ease-in forwards;animation-delay:0s;will-change:opacity}.eight-5{width:100%;height:100%}.eight-5 .centerBox{width:100%;position:absolute;top:0;left:0;height:100%}.eight-5 .logoslog{position:absolute;top:3.1rem;left:50%;width:26.3rem;margin-left:-16.2rem;transform:translateX(140%);animation:one2sampleSlide 0s cubic-bezier(.4,0,.2,1) forwards;will-change:transform;z-index:1}.eight-5 .desc1{position:absolute;top:4.6rem;left:50%;width:30.6rem;margin-left:-15.6rem;opacity:0;animation:logoFade 0s forwards;animation-delay:0s;will-change:opacity}.eight-5 .desc2{position:absolute;top:6.5rem;left:2.4rem;width:8.9rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform;cursor:pointer}.eight-5 .desc3{position:absolute;top:6.5rem;right:14.25rem;width:8.9rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform;cursor:pointer}.eight-5 .desc4{position:absolute;top:6.5rem;right:2.3rem;width:11.6rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform;cursor:pointer}.eight-5 .from{z-index:500;position:absolute;width:10rem;left:1.18rem;top:16.8rem;opacity:0;animation:logoFade 0s ease-in forwards;animation-delay:0s;will-change:opacity}