.three-1{width:100%;height:100%}.three-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}.three-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}.three-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}.three-1 .slogfade{width:13.9rem;position:absolute;right:3.55rem;top:4.2rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform}.three-1 .slogfade2{width:13rem;position:absolute;right:4rem;top:11.1rem;opacity:0;animation:slogfade1Fade 0s ease-in forwards;animation-delay:0s;will-change:opacity}.three-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}.three-2{width:100%;height:100%}.three-2 .centerBox{width:100%;position:absolute;top:3.2rem;display:flex;justify-content:center;align-items:center}.three-2 .logoslog{width:20.5rem;margin-left:-10.9rem;transform:translateX(140%);animation:one2sampleSlide 0s cubic-bezier(.4,0,.2,1) forwards;will-change:transform}.three-2 .desc1{position:absolute;top:2.5rem;width:22.5rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform}.three-2 .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}.three-3{width:100%;height:100%}.three-3 .centerBox{width:100%;position:absolute;top:3.2rem;display:flex;justify-content:center;align-items:center}.three-3 .logoslog{width:31rem;margin-left:-.3rem;transform:translateX(140%);animation:one2sampleSlide 0s cubic-bezier(.4,0,.2,1) forwards;will-change:transform}.three-3 .desc1{position:absolute;top:3.4rem;width:18.6rem;margin-left:-12.6rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform}.three-3 .desc2{position:absolute;top:4.1rem;width:11.1rem;margin-right:-19.2rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform}.three-3 .from{z-index:500;position:absolute;width:18.5rem;margin-left:-12.8rem;top:12.4rem;opacity:0;animation:logoFade 0s ease-in forwards;animation-delay:0s;will-change:opacity}.three-3 .from2{z-index:550;position:absolute;width:10.5rem;margin-left:-4.3rem;top:12.8rem;height:1.3rem}.three-4{width:100%;height:100%}.three-4 .centerBox{width:100%;position:absolute;top:3.2rem;display:flex;justify-content:center;align-items:center}.three-4 .logoslog{width:31rem;margin-left:-.3rem;transform:translateX(140%);animation:one2sampleSlide 0s cubic-bezier(.4,0,.2,1) forwards;will-change:transform}.three-4 .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}.three-4 .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}.three-4 .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}.three-5{width:100%;height:100%}.three-5 .centerBox{width:100%;position:absolute;top:3.2rem;display:flex;justify-content:center;align-items:center}.three-5 .logoslog{width:30.5rem;margin-left:-.9rem;transform:translateX(140%);animation:one2sampleSlide 0s cubic-bezier(.4,0,.2,1) forwards;will-change:transform}.three-5 .desc1{position:absolute;top:5.9rem;width:12rem;margin-left:-17.3rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform}.three-5 .desc2{position:absolute;top:2.9rem;width:16.1rem;margin-right:-13.5rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform}.three-5 .from{z-index:500;position:absolute;width:10rem;margin-left:-21.3rem;top:12.8rem;opacity:0;animation:logoFade 0s ease-in forwards;animation-delay:0s;will-change:opacity}.three-6{width:100%;height:100%}.three-6 .centerBox{width:100%;position:absolute;top:3.2rem;display:flex;justify-content:center;align-items:center}.three-6 .logoslog{width:29rem;margin-left:-2.3rem;transform:translateX(140%);animation:one2sampleSlide 0s cubic-bezier(.4,0,.2,1) forwards;will-change:transform}.three-6 .desc1{position:absolute;top:1.4rem;width:28.5rem;margin-left:-.7rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform}.three-6 .desc2{position:absolute;top:9.8rem;width:28.5rem;margin-left:-.9rem;opacity:0;animation:logoFade 0s forwards;animation-delay:0s;will-change:opacity}.three-6 .from{z-index:500;position:absolute;width:5rem;margin-left:-26.3rem;top:12.8rem;opacity:0;animation:logoFade 0s ease-in forwards;animation-delay:0s;will-change:opacity}.three-7{width:100%;height:100%}.three-7 .centerBox{width:100%;position:absolute;top:3.2rem;display:flex;justify-content:center;align-items:center}.three-7 .logoslog{width:30rem;margin-left:-1.3rem;transform:translateX(140%);animation:one2sampleSlide 0s cubic-bezier(.4,0,.2,1) forwards;will-change:transform}.three-7 .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}.three-7 .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}.three-7 .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}.three-7 .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}.three-8{width:100%;height:100%}.three-8 .centerBox{width:100%;position:absolute;top:3.2rem;display:flex;justify-content:center;align-items:center}.three-8 .logoslog{width:30.3rem;margin-left:-1rem;transform:translateX(140%);animation:one2sampleSlide 0s cubic-bezier(.4,0,.2,1) forwards;will-change:transform}.three-8 .desc1{position:absolute;top:2.2rem;width:18.7rem;margin-left:-10.7rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform}.three-8 .desc2{position:absolute;top:2.2rem;width:10.05rem;margin-right:-18.8rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform}.three-8 .desc3{position:absolute;top:8.4rem;width:29.2rem;margin-left:-.3rem;opacity:0;animation:logoFade 0s forwards;animation-delay:0s;will-change:opacity}.three-8 .from{z-index:500;position:absolute;width:7.2rem;margin-left:-24.1rem;top:12.9rem;opacity:0;animation:logoFade 0s ease-in forwards;animation-delay:0s;will-change:opacity}.three-9{width:100%;height:100%}.three-9 .centerBox{width:100%;position:absolute;top:3.2rem;display:flex;justify-content:center;align-items:center}.three-9 .logoslog{width:24rem;margin-left:-7.4rem;transform:translateX(140%);animation:one2sampleSlide 0s cubic-bezier(.4,0,.2,1) forwards;will-change:transform}.three-9 .desc1{position:absolute;top:2.3rem;width:12rem;margin-left:-17.3rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform}.three-9 .desc2{position:absolute;top:2.3rem;width:16.6rem;margin-right:-13rem;opacity:0;transform:scale(0);animation:slogfadeInScale 0s forwards;animation-delay:0s;will-change:opacity,transform}.three-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}.three-10{width:100%;height:100%}.three-10 .centerBox{width:100%;position:absolute;top:3.2rem;display:flex;justify-content:center;align-items:center}.three-10 .logoslog{width:27rem;margin-left:-4.2rem;transform:translateX(140%);animation:one2sampleSlide 0s cubic-bezier(.4,0,.2,1) forwards;will-change:transform}.three-10 .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}.three-10 .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}.three-10 .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}.three-10 .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}.three-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}