.four-1{width:100%;height:100%}.four-1 .sample{width:17.5rem;position:absolute;left:0;top:0;transform:translateX(-100%);animation:sampleSlide1 0s ease-in forwards;will-change:transform;animation-delay:0s;z-index:200!important}.four-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}.four-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}.four-1 .slogfade{width:13.6rem;position:absolute;right:3.7rem;top:4.8rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform}.four-1 .slogfade2{width:13rem;position:absolute;right:4rem;top:11.5rem;opacity:0;animation:slogfade1Fade 0s ease-in forwards;animation-delay:0s;will-change:opacity}.four-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}.four-2{width:100%;height:100%}.four-2 .centerBox{width:100%;position:absolute;top:3.2rem;display:flex;justify-content:center;align-items:center}.four-2 .logoslog{width:21.9rem;margin-left:-9.4rem;transform:translateX(140%);animation:one2sampleSlide 0s cubic-bezier(.4,0,.2,1) forwards;will-change:transform}.four-2 .desc1{position:absolute;top:3.5rem;width:13.5rem;margin-left:-16.8rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform}.four-2 .desc2{position:absolute;top:3.5rem;width:13.5rem;margin-right:-16.8rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform}.four-2 .from{z-index:500;position:absolute;width:7rem;top:12.8rem;margin-left:-24.3rem;opacity:0;animation:logoFade 0s ease-in forwards;animation-delay:0s;will-change:opacity}.four-3{width:100%;height:100%}.four-3 .centerBox{width:100%;position:absolute;top:3.2rem;display:flex;justify-content:center;align-items:center}.four-3 .logoslog{width:20.4rem;margin-left:-10.9rem;transform:translateX(140%);animation:one2sampleSlide 0s cubic-bezier(.4,0,.2,1) forwards;will-change:transform}.four-3 .desc1{position:absolute;top:2rem;width:14.6rem;margin-left:-14.6rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform}.four-3 .desc2{position:absolute;top:2rem;width:14.1rem;margin-right:-15.2rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform}.four-3 .from{z-index:500;position:absolute;width:9rem;top:12.8rem;margin-left:-22.3rem;opacity:0;animation:logoFade 0s ease-in forwards;animation-delay:0s;will-change:opacity}.four-4{width:100%;height:100%}.four-4 .centerBox{width:100%;position:absolute;top:3.2rem;display:flex;justify-content:center;align-items:center}.four-4 .logoslog{width:31rem;margin-left:-.3rem;transform:translateX(140%);animation:one2sampleSlide 0s cubic-bezier(.4,0,.2,1) forwards;will-change:transform}.four-4 .desc1{position:absolute;top:2.5rem;width:18.6rem;margin-left:-12.6rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform}.four-4 .desc2{position:absolute;top:3.2rem;width:11.1rem;margin-right:-19.2rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform}.four-4 .from{z-index:500;position:absolute;width:18.5rem;margin-left:-12.8rem;top:12.3rem;opacity:0;animation:logoFade 0s ease-in forwards;animation-delay:0s;will-change:opacity}.four-4 .from2{z-index:550;position:absolute;width:10.5rem;margin-left:-4.3rem;top:12.8rem;height:1.3rem}.four-5{width:100%;height:100%}.four-5 .centerBox{width:100%;position:absolute;top:3.2rem;display:flex;justify-content:center;align-items:center}.four-5 .logoslog{width:31rem;margin-left:-.3rem;transform:translateX(140%);animation:one2sampleSlide 0s cubic-bezier(.4,0,.2,1) forwards;will-change:transform}.four-5 .desc1{position:absolute;top:2.8rem;width:18.6rem;margin-left:-12.6rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform}.four-5 .desc2{position:absolute;top:2.8rem;width:11.1rem;margin-right:-19.2rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform}.four-5 .from{z-index:500;position:absolute;width:9rem;margin-left:-22.3rem;top:12.8rem;opacity:0;animation:logoFade 0s ease-in forwards;animation-delay:0s;will-change:opacity}.four-6{width:100%;height:100%}.four-6 .centerBox{width:100%;position:absolute;top:0;left:0;height:100%}.four-6 .tabtag{width:.95rem;position:absolute;top:1.25rem;left:-.04rem;z-index:0}.four-6 .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}.four-6 .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}.four-6 .desc2{position:absolute;top:7.6rem;left:2.4rem;width:13.7rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform;cursor:pointer}.four-6 .desc3{position:absolute;top:7.6rem;right:10.55rem;width:7.9rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform;cursor:pointer}.four-6 .desc4{position:absolute;top:7.6rem;right:2.3rem;width:8.15rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform;cursor:pointer}.four-6 .from{z-index:500;position:absolute;width:8rem;left:1.18rem;top:16.5rem;opacity:0;animation:logoFade 0s ease-in forwards;animation-delay:0s;will-change:opacity}.four-7{width:100%;height:100%}.four-7 .centerBox{width:100%;position:absolute;top:0;left:0;height:100%}.four-7 .logoslog{position:absolute;top:3.4rem;left:50%;width:31.3rem;margin-left:-16.2rem;transform:translateX(140%);animation:one2sampleSlide 0s cubic-bezier(.4,0,.2,1) forwards;will-change:transform;z-index:1}.four-7 .desc1{position:absolute;top:5.8rem;left:2.1rem;width:19rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform;cursor:pointer}.four-7 .desc2{position:absolute;top:5.8rem;right:2.5rem;width:10.7rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform;cursor:pointer}.four-7 .desc3{position:absolute;top:12.1rem;left:50%;width:30.6rem;margin-left:-15.6rem;opacity:0;animation:logoFade 0s forwards;animation-delay:0s;will-change:opacity}.four-7 .from{z-index:500;position:absolute;width:7.5rem;left:1.18rem;top:17rem;opacity:0;animation:logoFade 0s ease-in forwards;animation-delay:0s;will-change:opacity}.four-8{width:100%;height:100%}.four-8 .centerBox{width:100%;position:absolute;top:3.2rem;display:flex;justify-content:center;align-items:center}.four-8 .logoslog{width:23rem;margin-left:-8.3rem;transform:translateX(140%);animation:one2sampleSlide 0s cubic-bezier(.4,0,.2,1) forwards;will-change:transform}.four-8 .desc1{position:absolute;top:1.5rem;width:14.2rem;margin-left:-15rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform;cursor:pointer}.four-8 .desc2{position:absolute;top:1.5rem;width:14.2rem;margin-right:-15rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform;cursor:pointer}.four-8 .desc3{position:absolute;top:9.5rem;width:30.2rem;margin-left:-.5rem;opacity:0;animation:logoFade 0s forwards;animation-delay:0s;will-change:opacity}.four-8 .from{z-index:500;position:absolute;width:9rem;margin-left:-22.3rem;top:12.8rem;opacity:0;animation:logoFade 0s ease-in forwards;animation-delay:0s;will-change:opacity}.four-9{width:100%;height:100%}.four-9 .centerBox{width:100%;position:absolute;top:3.2rem;display:flex;justify-content:center;align-items:center}.four-9 .logoslog{width:31rem;margin-left:-.3rem;transform:translateX(140%);animation:one2sampleSlide 0s cubic-bezier(.4,0,.2,1) forwards;will-change:transform}.four-9 .desc1{position:absolute;top:2.5rem;width:9.8rem;margin-left:-19.5rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform}.four-9 .desc2{position:absolute;top:2.5rem;width:19.7rem;margin-right:-11rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform}.four-9 .desc3{position:absolute;top:10rem;width:29.9rem;margin-left:.5rem;opacity:0;animation:logoFade 0s forwards;animation-delay:0s;will-change:opacity}.four-9 .from{z-index:500;position:absolute;width:8rem;margin-left:-23.3rem;top:12.8rem;opacity:0;animation:logoFade 0s ease-in forwards;animation-delay:0s;will-change:opacity}.four10{width:100%;height:100%}.four-10 .centerBox{width:100%;position:absolute;top:3.2rem;display:flex;justify-content:center;align-items:center}.four-10 .logoslog{width:30.8rem;margin-left:-.5rem;transform:translateX(140%);animation:one2sampleSlide 0s cubic-bezier(.4,0,.2,1) forwards;will-change:transform}.four-10 .desc1{position:absolute;top:3.2rem;width:9.6rem;margin-left:-19.9rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform}.four-10 .desc2{position:absolute;top:3.2rem;width:9.6rem;margin-left:0;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform}.four-10 .desc3{position:absolute;top:3.2rem;width:9.6rem;margin-right:-19.9rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform}.four-10 .desc4{position:absolute;top:11rem;width:24.7rem;margin-left:-4.9rem;opacity:0;animation:logoFade 0s forwards;animation-delay:0s;will-change:opacity}.four-10 .from{z-index:500;position:absolute;width:8rem;margin-left:-23.3rem;top:12.8rem;opacity:0;animation:logoFade 0s ease-in forwards;animation-delay:0s;will-change:opacity}.four-11{width:100%;height:100%}.four-11 .centerBox{width:100%;position:absolute;top:3.2rem;display:flex;justify-content:center;align-items:center}.four-11 .logoslog{width:16.3rem;margin-left:-15rem;transform:translateX(140%);animation:one2sampleSlide 0s cubic-bezier(.4,0,.2,1) forwards;will-change:transform}.four-11 .desc1{position:absolute;top:4.8rem;width:13.3rem;margin-left:-16rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform}.four-11 .desc2{position:absolute;top:2.2rem;width:14.1rem;margin-right:-16.2rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform}.four-11 .from{z-index:500;position:absolute;width:9rem;margin-left:-22.3rem;top:12.8rem;opacity:0;animation:logoFade 0s ease-in forwards;animation-delay:0s;will-change:opacity}.four-12{width:100%;height:100%}.four-12 .centerBox{width:100%;position:absolute;top:3.2rem;display:flex;justify-content:center;align-items:center}.four-12 .logoslog{width:30rem;margin-left:-1.3rem;transform:translateX(140%);animation:one2sampleSlide 0s cubic-bezier(.4,0,.2,1) forwards;will-change:transform}.four-12 .desc1{position:absolute;top:4.2rem;width:14.4rem;margin-left:-14.8rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform}.four-12 .desc2{position:absolute;top:4.2rem;width:14.4rem;margin-right:-14.8rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform}.four-12 .desc3{position:absolute;top:11.4rem;width:26.2rem;margin-left:-4.8rem;opacity:0;animation:logoFade 0s forwards;animation-delay:0s;will-change:opacity}.four-12 .from{z-index:500;position:absolute;width:9rem;margin-left:-22.3rem;top:13rem;opacity:0;animation:logoFade 0s ease-in forwards;animation-delay:0s;will-change:opacity}.four-13{width:100%;height:100%}.four-13 .centerBox{width:100%;position:absolute;top:3.2rem;display:flex;justify-content:center;align-items:center}.four-13 .logoslog{width:27rem;margin-left:-4.2rem;transform:translateX(140%);animation:one2sampleSlide 0s cubic-bezier(.4,0,.2,1) forwards;will-change:transform}.four-13 .desc1{position:absolute;top:3.2rem;width:11rem;margin-left:-18rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform}.four-13 .desc2{position:absolute;top:3.2rem;width:8.5rem;margin-left:2.5rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform}.four-13 .desc3{position:absolute;top:3.2rem;width:8.5rem;margin-left:20.5rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform}.four-13 .desc4{position:absolute;top:9.6rem;width:21.7rem;margin-left:-7.3rem;opacity:0;animation:logoFade 0s forwards;animation-delay:0s;will-change:opacity}.four-13 .from{z-index:500;position:absolute;width:8rem;margin-left:-23.3rem;top:12.8rem;opacity:0;animation:logoFade 0s ease-in forwards;animation-delay:0s;will-change:opacity}