1 |
- [data-v-5c997ea6]:export{menuBg:#fff;menuText:#162b64;menuActiveText:#435ebe}[data-v-5c997ea6]{margin:0;padding:0;box-sizing:border-box;overflow:hidden}#video1[data-v-5c997ea6],.aniThree[data-v-5c997ea6]{width:100vw;height:100vh;position:absolute}.aniThree[data-v-5c997ea6]{display:none;text-align:center}.aniThreeActive[data-v-5c997ea6]{display:block}.aniThree5[data-v-5c997ea6]{opacity:0;padding-left:.521rem;margin-top:1.719rem;margin-bottom:.313rem}.aniThreeActive5[data-v-5c997ea6]{animation:aniThreeActive5-5c997ea6 1.5s ease-in-out .1s forwards}@keyframes aniThreeActive5-5c997ea6{0%{opacity:0}to{opacity:1}}.aniThree6[data-v-5c997ea6]{opacity:0}.aniThreeActive6[data-v-5c997ea6]{animation:aniThreeActive6-5c997ea6 1.5s ease-in-out .9s forwards}@keyframes aniThreeActive6-5c997ea6{0%{opacity:0}to{opacity:1}}.logoLeft[data-v-5c997ea6]{top:20vh;position:absolute;opacity:0}.logoLeft img[data-v-5c997ea6]{height:2.083rem}.logoLeftAni[data-v-5c997ea6]{opacity:1;animation:logoLeftAni-5c997ea6 .6s ease-in-out forwards}.logoRight[data-v-5c997ea6]{top:20vh;position:absolute;opacity:0}.logoRight img[data-v-5c997ea6]{height:2.083rem}.logoRightAni[data-v-5c997ea6]{opacity:1;animation:logoRightAni-5c997ea6 .6s ease-in-out forwards}@keyframes logoLeftAni-5c997ea6{0%{opacity:0;transform:translate(44.7vw)}to{opacity:1;transform:translate(24vw)}}@keyframes logoRightAni-5c997ea6{0%{opacity:0;transform:translate(44.7vw)}to{opacity:1;transform:translate(52vw)}}.line[data-v-5c997ea6]{opacity:0;position:absolute;top:20vh;left:52vw;height:41vh;width:.021rem;background-color:#ccc}@keyframes lineShow-5c997ea6{0%{opacity:0}to{opacity:1}}.text[data-v-5c997ea6]{opacity:0;position:absolute;width:36.4vw;left:50%;transform:translateX(-50%)}.text img[data-v-5c997ea6]{width:100%}.lineAni[data-v-5c997ea6]{animation:lineShow-5c997ea6 1s forwards}.skSlogan[data-v-5c997ea6]{width:100%;height:100%;position:absolute}.skSloganActive[data-v-5c997ea6]{display:block}.ani1[data-v-5c997ea6]{width:43%;opacity:0;top:0;position:absolute}.ani1Active[data-v-5c997ea6]{animation:ani1Active-5c997ea6 1s ease-in-out 4.7s forwards}@keyframes ani1Active-5c997ea6{0%{opacity:0}to{opacity:1}}.ani12[data-v-5c997ea6]{width:43%;opacity:0;top:0;position:absolute}.ani12Active[data-v-5c997ea6]{animation:ani12Active-5c997ea6 1s ease-in-out 4.7s forwards}@keyframes ani12Active-5c997ea6{0%{opacity:0}to{opacity:1}}.ani13[data-v-5c997ea6]{opacity:0;width:29.9%;top:9.25%;left:11.45%;position:absolute}.ani13Active[data-v-5c997ea6]{animation:ani13Active-5c997ea6 5s ease-in-out 4.7s infinite forwards}@keyframes ani13Active-5c997ea6{0%{opacity:0;transform:translate(0)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(-5.2vw)}}.ani3[data-v-5c997ea6]{opacity:0;top:16.6vh;left:50.7vw;position:absolute}.ani3Active[data-v-5c997ea6]{animation:ani3Active-5c997ea6 1s ease-in-out 4.8s forwards}@keyframes ani3Active-5c997ea6{0%{opacity:0;transform:translate(5.2vw)}to{opacity:1;transform:translate(0)}}.ani2[data-v-5c997ea6]{opacity:0;font-size:0;left:10.4vw;position:absolute}.ani2 .time-top span[data-v-5c997ea6]{display:inline-block;font-size:.177rem;color:#7e7e82}.ani2 .time-top span[data-v-5c997ea6]:first-child{padding-left:.052rem;margin-right:8.2vw}.ani2 .time-line[data-v-5c997ea6]{margin:0 auto;margin-top:.7vh;margin-bottom:.7vh;width:95%;height:1px;background:#cacaca}.ani2 .time-bottom[data-v-5c997ea6]{display:inline-block;vertical-align:middle;font-size:.177rem;padding-left:.052rem;color:#7e7e82}.ani2 .time-bottom img[data-v-5c997ea6]{display:inline-block;vertical-align:middle;width:.177rem;height:.177rem}.ani2 .time-bottom span[data-v-5c997ea6]{display:inline-block;vertical-align:middle;font-size:.177rem;padding-left:.078rem}.ani2 .time-bottom .time-right[data-v-5c997ea6]{display:inline-block;margin-top:-2px;vertical-align:middle;font-size:.177rem;padding-left:.104rem}.ani2 .time-box[data-v-5c997ea6]{padding-top:.1vh;font-size:.365rem;font-family:HarmonyOS Sans TC;color:#01b59a}.ani2 .time-box span[data-v-5c997ea6]{display:inline-block;vertical-align:middle}.ani2 .time-box span[data-v-5c997ea6]:nth-child(2){margin-left:.271rem;margin-right:.271rem;height:.234rem;border-left:1px solid #cacaca}.ani2Active[data-v-5c997ea6]{animation:ani2Active-5c997ea6 1s ease-in-out 4.8s forwards}@keyframes ani2Active-5c997ea6{0%{opacity:0;transform:translate(-.104rem)}to{opacity:1;transform:translate(0)}}.ani4[data-v-5c997ea6]{width:.719rem;opacity:0;top:8vh;right:.625rem;position:absolute}.ani4Active[data-v-5c997ea6]{animation:ani4Active-5c997ea6 1s ease-in-out 4.8s forwards}@keyframes ani4Active-5c997ea6{0%{opacity:0;transform:translate(.26rem)}to{opacity:1;transform:translate(0)}}.ani6[data-v-5c997ea6]{opacity:0;top:2.604rem;left:-.521rem;position:absolute}.ani6Active[data-v-5c997ea6]{animation:ani6Active-5c997ea6 1.4s ease-in-out forwards}@keyframes ani6Active-5c997ea6{0%{opacity:1;transform:translate(-.521rem,2.604rem),scale(1.5)}10%{opacity:1;transform:translate(1.563rem,-2.396rem),scale(2)}70%{opacity:1;transform:translate(1.563rem,-2.396rem) scale(2)}to{opacity:1;transform:translate(-1.354rem,-3.75rem) scale(1)}}.ani7[data-v-5c997ea6]{opacity:0;top:.453rem;left:.828rem;position:absolute}.ani7Active[data-v-5c997ea6]{animation:ani7Active-5c997ea6 1s ease-in-out 1.1s forwards}@keyframes ani7Active-5c997ea6{0%{opacity:0}to{opacity:1}}.ani8[data-v-5c997ea6]{position:absolute;opacity:0;width:100%;top:0}.ani8Active[data-v-5c997ea6]{animation:ani8Active-5c997ea6 5s ease-in-out forwards}@keyframes ani8Active-5c997ea6{0%{opacity:0}5%{opacity:1}80%{transform:translate(0);opacity:1}to{transform:translate(-3.307rem,-1.172rem) scale(.72);opacity:1}}.ani82[data-v-5c997ea6]{top:0;position:absolute;opacity:0;width:100%}.ani82Active[data-v-5c997ea6]{animation:ani82Active-5c997ea6 5s ease-in-out forwards}@keyframes ani82Active-5c997ea6{0%{opacity:0}5%{opacity:1}80%{transform:translate(0);opacity:1}90%{transform:translate(0);opacity:0}to{transform:translate(-2.604rem,-1.042rem) scale(.75);opacity:0}}.ani83[data-v-5c997ea6]{top:0;left:0;position:absolute;opacity:0;width:10rem}.ani83Active[data-v-5c997ea6]{animation:ani82Active-5c997ea6 5s ease-in-out forwards}.ani84[data-v-5c997ea6]{width:79%;top:7vh;left:0;position:absolute;opacity:0}.ani84Active[data-v-5c997ea6]{animation:ani84Active-5c997ea6 4.8s ease-in-out forwards}@keyframes ani84Active-5c997ea6{0%{opacity:1;transform:translate(15.6vw)}90%{transform:translate(10.4vw);opacity:1}to{transform:translate(10.4vw);opacity:0}}.ani85[data-v-5c997ea6]{top:9.2vh;left:26vw;position:absolute;opacity:0;transform:scale(1)}.ani85Active[data-v-5c997ea6]{animation:ani85Active-5c997ea6 4.6s ease-in-out 5s infinite forwards}@keyframes ani85Active-5c997ea6{0%{opacity:1;transform:translate(0) scale(1)}to{transform:translate(26vw) scale(1);opacity:1}}.ani9[data-v-5c997ea6]{position:absolute;opacity:0;width:62.5%;transform:translate(0) rotate(30deg)}.ani9Active[data-v-5c997ea6]{animation:ani9Active-5c997ea6 5s ease-in-out forwards}@keyframes ani9Active-5c997ea6{0%{opacity:0;transform:translate(-26vw,27.7vh) rotate(60deg) scale(1.5)}40%{opacity:1;transform:translate(36.4vw,9.25vh) rotate(60deg) scale(.15)}60%{opacity:1;transform:translate(36.4vw,-9.25vh) rotate(-50deg) scale(.15)}80%{opacity:1;transform:translate(26vw,-18.5vh) rotate(-60deg) scale(.1)}to{opacity:0;transform:translateY(-18.5vh) rotate(-60deg) scale(.1)}}.ani10[data-v-5c997ea6]{width:100vw;opacity:0;position:absolute}.ani10Active[data-v-5c997ea6]{animation:ani10Active-5c997ea6 .5s ease-in-out 6s forwards}@keyframes ani10Active-5c997ea6{0%{top:64.8vh;left:0;opacity:1}to{top:0;left:0;opacity:1}}
|