html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
blockquote,
figure,
figcaption {
  margin: 0;
  padding: 0;
}
@font-face {
  font-family: SemiBold;
  src: url('https://d13pvy8xd75yde.cloudfront.net/global/tablets/fonts/HurmeGeometricSans_No3_5_Semibold.otf') format('opentype');
}
#goy {
  height: 0;
  overflow: hidden;
  background: #000;
}
#goy .active .x_50,
#goy .active .x50,
#goy .active .y_50,
#goy .active .y50,
#goy .active .scale {
  transform: translate(0, 0) scale(1);
  opacity: 1;
}
#goy .x50 {
  transform: translateX(50px) scale(1);
  opacity: 0;
}
#goy .x_50 {
  transform: translateX(-50px) scale(1);
  opacity: 0;
}
#goy .y50 {
  transform: translateY(50px) scale(1);
  opacity: 0;
}
#goy .y_50 {
  transform: translateY(-50px) scale(1);
  opacity: 0;
}
#goy .scale {
  transform: scale(0.5);
  opacity: 0;
}
#goy .x50,
#goy .x_50,
#goy .y50,
#goy .y_50,
#goy .scale {
  transition: all 0.8s ease;
}
#goy .time {
  transition: all 0.5s ease;
}
.mob {
  display: none !important;
}
.pc {
  display: flex !important;
}
@media (max-width: 1080px) {
  .mob {
    display: flex !important;
  }
  .pc {
    display: none !important;
  }
}
#goy .set img {
  width: 100%;
}
#goy .set {
  position: relative;
  background: black;
}
#goy .q1 {
  font-family: SemiBold;
  font-size: 2.34375vw;
  line-height: 115%;
  color: #fff;
  filter: drop-shadow(0 0 20px #007bff);
}
@media (max-width: 1080px) {
  #goy .q1 {
    font-size: 4.815vw;
  }
}
#goy .a1 {
  font-weight: 400;
  font-size: 1.25vw;
  line-height: 115%;
  color: #fff;
}
@media (max-width: 1080px) {
  #goy .a1 {
    font-size: 2.593vw;
  }
}
#goy .t1 {
  font-family: SemiBold;
  font-size: 4.6875vw;
  line-height: 115%;
  color: #fff;
}
@media (max-width: 1080px) {
  #goy .t1 {
    font-size: 7.407vw;
  }
}
#goy .a2 {
  font-family: SemiBold;
  font-size: 3.125vw;
  line-height: 115%;
  color: #fff;
  filter: drop-shadow(0 0 20px #007bff);
}
@media (max-width: 1080px) {
  #goy .a2 {
    font-size: 5.556vw;
  }
}
#goy .s1 {
  font-family: SemiBold;
  font-size: 1.5625vw;
  line-height: 115%;
  color: #fff;
}
@media (max-width: 1080px) {
  #goy .s1 {
    font-size: 3.704vw;
  }
}
#goy .s2 {
  font-weight: 400;
  font-size: 0.9375vw;
  line-height: 115%;
  color: #fff;
}
@media (max-width: 1080px) {
  #goy .s2 {
    font-size: 2.222vw;
  }
}
.set1 {
  position: relative;
}
.set1 .tu {
  width: 100vw;
  height: 56.25vw;
}
@media (max-width: 1080px) {
  .set1 .tu {
    width: 100vw;
    height: 157.407vw;
  }
}
.set1 .tou {
  width: 13.28125vw;
  height: 2.65625vw;
  position: absolute;
  top: 3.90625vw;
  right: 3.125vw;
}
@media (max-width: 1080px) {
  .set1 .tou {
    width: 18.519vw;
    height: 3.704vw;
    top: 5.556vw;
    right: 75.926vw;
  }
}
.set1 .zuo {
  width: 25.078125vw;
  height: 16.875vw;
  position: absolute;
  top: 15.8203125vw;
  right: 6.5234375vw;
}
@media (max-width: 1080px) {
  .set1 .zuo {
    width: 36.389vw;
    height: 24.444vw;
    top: 9.259vw;
    left: 0;
    right: 0;
    margin: auto;
  }
}
.set1 .zi {
  position: absolute;
  top: 31.4453125vw;
  right: 3.125vw;
  display: flex;
  flex-flow: column;
  gap: 0.390625vw;
  text-align: center;
}
@media (max-width: 1080px) {
  .set1 .zi {
    top: 33.704vw;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    gap: 0.926vw;
  }
}
.set1 .zi .l1 {
  font-family: SemiBold;
  font-size: 1.5625vw;
  line-height: 115%;
  color: #fff;
  filter: drop-shadow(0 0 20px #007bff);
}
@media (max-width: 1080px) {
  .set1 .zi .l1 {
    font-size: 2.963vw;
  }
}
.set2 {
  margin-top: 4.6875vw;
}
@media (max-width: 1080px) {
  .set2 {
    margin: unset;
  }
}
.set2 .a1 {
  font-family: SemiBold !important;
}
.set2 .tu {
  width: 100vw;
  height: 53.59375vw;
}
@media (max-width: 1080px) {
  .set2 .tu {
    width: 100vw;
    height: 157.407vw;
  }
}
.set2 .da {
  display: flex;
  gap: 0.625vw;
  position: absolute;
  top: 4.6875vw;
  left: 0;
  right: 0;
  margin: auto;
  justify-content: center;
}
.set2 .da .left {
  display: flex;
  flex-flow: column;
  gap: 0.625vw;
}
.set2 .da .left .qop {
  position: relative;
  width: 23.2421875vw;
  height: 23.3984375vw;
}
.set2 .da .left .qop .tu {
  width: 23.2421875vw;
  height: 23.3984375vw;
}
.set2 .da .left .qop .a1 {
  position: absolute;
  top: 1.875vw;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
}
.set2 .da .left .wop {
  position: relative;
  width: 23.2421875vw;
  height: 16.40625vw;
}
.set2 .da .left .wop .tu {
  width: 23.2421875vw;
  height: 16.40625vw;
}
.set2 .da .left .wop .a1 {
  position: absolute;
  bottom: 1.09375vw;
  left: 1.09375vw;
}
.set2 .da .zhon {
  display: flex;
  flex-flow: column;
  gap: 0.625vw;
}
.set2 .da .zhon .eop {
  position: relative;
  width: 23.125vw;
  height: 28.828125vw;
}
.set2 .da .zhon .eop .tu {
  width: 23.125vw;
  height: 28.828125vw;
}
.set2 .da .zhon .eop .a1 {
  position: absolute;
  top: 1.875vw;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
}
.set2 .da .zhon .rop {
  position: relative;
  width: 23.125vw;
  height: 10.8203125vw;
}
.set2 .da .zhon .rop .tu {
  width: 23.125vw;
  height: 10.8203125vw;
}
.set2 .da .zhon .rop .q1 {
  position: absolute;
  top: 3.9453125vw;
  left: 1.09375vw;
}
.set2 .da .zhon .rop .a1 {
  position: absolute;
  bottom: 1.09375vw;
  left: 1.09375vw;
}
.set2 .da .right {
  display: flex;
  flex-flow: column;
  gap: 0.625vw;
}
.set2 .da .right .top {
  width: 27.109375vw;
  height: 15.46875vw;
  position: relative;
}
.set2 .da .right .top .tu {
  width: 27.109375vw;
  height: 15.46875vw;
}
.set2 .da .right .top .a1 {
  position: absolute;
  bottom: 1.09375vw;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
}
.set2 .da .right .yop {
  width: 27.109375vw;
  height: 12.578125vw;
  position: relative;
}
.set2 .da .right .yop .tu {
  width: 27.109375vw;
  height: 12.578125vw;
}
.set2 .da .right .yop .t1 {
  position: absolute;
  top: 2.890625vw;
  right: 1.875vw;
}
.set2 .da .right .yop .a1 {
  position: absolute;
  bottom: 1.09375vw;
  right: 1.875vw;
  text-align: right;
}
.set2 .da .right .uop {
  width: 27.109375vw;
  height: 10.8203125vw;
  position: relative;
}
.set2 .da .right .uop .tu {
  width: 27.109375vw;
  height: 10.8203125vw;
}
.set2 .da .right .uop .t1 {
  position: absolute;
  top: 2.6171875vw;
  right: 1.875vw;
}
.set2 .da .right .uop .a1 {
  position: absolute;
  bottom: 1.09375vw;
  right: 1.875vw;
}
.set2 .zheng {
  position: absolute;
  top: 16.667vw;
  left: 0;
  right: 0;
  margin: auto;
  justify-content: center;
  display: flex;
  flex-flow: column;
  gap: 1.852vw;
  align-items: center;
}
@media (max-width: 1080px) {
  .set2 .zheng .top {
    display: flex;
    gap: 1.852vw;
  }
  .set2 .zheng .top .zop {
    width: 43.519vw;
    height: 44.444vw;
    position: relative;
  }
  .set2 .zheng .top .zop .a1 {
    position: absolute;
    top: 2.963vw;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
  }
  .set2 .zheng .top .xop {
    width: 43.519vw;
    height: 44.444vw;
    position: relative;
  }
  .set2 .zheng .top .xop .a1 {
    position: absolute;
    bottom: 2.593vw;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
  }
  .set2 .zheng .heng {
    display: flex;
    gap: 1.852vw;
  }
  .set2 .zheng .heng .cop {
    width: 43.519vw;
    height: 46.296vw;
    position: relative;
  }
  .set2 .zheng .heng .cop .a1 {
    position: absolute;
    top: 2.963vw;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
  }
  .set2 .zheng .heng .mm {
    display: flex;
    flex-flow: column;
    gap: 1.852vw;
  }
  .set2 .zheng .heng .mm .vop {
    width: 43.519vw;
    height: 22.222vw;
    position: relative;
  }
  .set2 .zheng .heng .mm .vop .a1 {
    position: absolute;
    bottom: 2.593vw;
    right: 2.222vw;
  }
  .set2 .zheng .heng .mm .vop .t1 {
    position: absolute;
    top: 7.593vw;
    right: 2.222vw;
  }
  .set2 .zheng .heng .mm .bop {
    width: 43.519vw;
    height: 22.222vw;
    position: relative;
  }
  .set2 .zheng .heng .mm .bop .a1 {
    position: absolute;
    bottom: 2.593vw;
    right: 2.222vw;
    text-align: right;
  }
  .set2 .zheng .heng .mm .bop .t1 {
    position: absolute;
    top: 4.444vw;
    right: 2.222vw;
  }
  .set2 .zheng .bottom {
    display: flex;
    gap: 1.852vw;
  }
  .set2 .zheng .bottom .nop {
    width: 43.519vw;
    height: 29.63vw;
    position: relative;
  }
  .set2 .zheng .bottom .nop .a1 {
    position: absolute;
    bottom: 2.593vw;
    left: 2.593vw;
  }
  .set2 .zheng .bottom .mop {
    width: 44.167vw;
    height: 29.63vw;
    position: relative;
  }
  .set2 .zheng .bottom .mop .a1 {
    position: absolute;
    bottom: 2.593vw;
    left: 2.222vw;
  }
  .set2 .zheng .bottom .mop .t2 {
    font-size: 5.556vw;
    line-height: 115%;
    font-family: SemiBold;
    position: absolute;
    top: 14.074vw;
    left: 2.222vw;
    color: #fff;
  }
}
.set3 {
  position: relative;
  width: 100vw;
  height: 65.1171875vw;
}
@media (max-width: 1080px) {
  .set3 {
    height: 116.667vw;
  }
}
.set3 .tu {
  width: 100vw;
  height: 65.1171875vw;
}
@media (max-width: 1080px) {
  .set3 .tu {
    height: 116.667vw;
    width: 237.037vw;
  }
}
.set3 .bottom {
  width: 84.609375vw;
  height: 47.4609375vw;
  position: absolute;
  bottom: 3.125vw;
  margin: auto;
  left: 0;
  right: 0;
}
@media (max-width: 1080px) {
  .set3 .bottom {
    bottom: 8.519vw;
    width: 95.926vw;
    height: 53.889vw;
  }
}
.set3 .zi {
  display: flex;
  flex-flow: column;
  gap: 1.5625vw;
  position: absolute;
  top: 6.25vw;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
@media (max-width: 1080px) {
  .set3 .zi {
    top: 16.667vw;
    left: 5.556vw;
    right: unset;
    margin: unset;
    text-align: unset;
    gap: 3.704vw;
  }
}
.set4 {
  width: 100vw;
  height: 44.921875vw;
  position: relative;
  margin-top: 3.125vw;
}
@media (max-width: 1080px) {
  .set4 {
    height: 119.815vw;
    margin: unset;
  }
}
.set4 .tu {
  width: 100vw;
  height: 44.921875vw;
}
@media (max-width: 1080px) {
  .set4 .tu {
    height: 68.519vw;
    position: absolute;
    bottom: 0;
  }
}
.set4 .zi {
  display: flex;
  flex-flow: column;
  gap: 1.5625vw;
  position: absolute;
  top: 3.90625vw;
  right: 12.5vw;
}
@media (max-width: 1080px) {
  .set4 .zi {
    top: 20.37vw;
    left: 5.556vw;
    gap: 3.704vw;
  }
}
.set5 {
  position: relative;
  width: 100vw;
  height: 77.1484375vw;
}
@media (max-width: 1080px) {
  .set5 {
    height: 138.889vw;
  }
}
.set5 .tu {
  width: 100vw;
  height: 77.1484375vw;
}
@media (max-width: 1080px) {
  .set5 .tu {
    height: 138.889vw;
  }
}
.set5 .bottom {
  width: 94.140625vw;
  height: 50.078125vw;
  position: absolute;
  bottom: -3.7890625vw;
  left: 0;
  z-index: 2;
}
.set5 .right {
  width: 22.109375vw;
  height: 64.21875vw;
  position: absolute;
  top: 8.5546875vw;
  right: 5.859375vw;
  z-index: 1;
}
.set5 .zi {
  position: absolute;
  top: 14.4921875vw;
  left: 12.5vw;
  display: flex;
  flex-flow: column;
  gap: 1.5625vw;
}
@media (max-width: 1080px) {
  .set5 .zi {
    top: 25.926vw;
    left: 5.556vw;
    gap: 3.704vw;
  }
}
.set6 {
  position: relative;
  width: 100vw;
  height: 73.90625vw;
}
@media (max-width: 1080px) {
  .set6 {
    height: 112.407vw;
  }
}
.set6 .tu {
  width: 100vw;
  height: 54.6875vw;
  position: absolute;
  bottom: 0;
}
@media (max-width: 1080px) {
  .set6 .tu {
    height: 55.556vw;
  }
}
.set6 .zi {
  display: flex;
  flex-flow: column;
  gap: 1.5625vw;
  position: absolute;
  top: 6.25vw;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
@media (max-width: 1080px) {
  .set6 .zi {
    top: 25.926vw;
    left: 5.556vw;
    gap: 3.704vw;
    right: unset;
    text-align: unset;
  }
}
.set7 {
  position: relative;
  width: 100vw;
  height: 57.109375vw;
}
@media (max-width: 1080px) {
  .set7 {
    height: 162.685vw;
  }
}
.set7 .tu {
  width: 100vw;
  height: 57.109375vw;
}
@media (max-width: 1080px) {
  .set7 .tu {
    height: 131.481vw;
    position: absolute;
    bottom: 0;
  }
}
.set7 .zi {
  display: flex;
  flex-flow: column;
  gap: 1.5625vw;
  position: absolute;
  top: 21.484375vw;
  right: 12.5vw;
}
@media (max-width: 1080px) {
  .set7 .zi {
    top: 25.926vw;
    left: 5.556vw;
    gap: 3.704vw;
  }
}
.set8 {
  position: relative;
  height: 71.5625vw;
}
@media (max-width: 1080px) {
  .set8 {
    height: 247.593vw;
  }
}
.set8 .zi {
  display: flex;
  flex-flow: column;
  gap: 1.5625vw;
  position: absolute;
  top: 12.5vw;
  left: 12.5vw;
}
@media (max-width: 1080px) {
  .set8 .zi {
    gap: 3.704vw;
    top: 25.926vw;
    left: 5.556vw;
  }
}
.set8 .left,
.set8 .right,
.set8 .bood,
.set8 .book {
  display: flex;
  flex-flow: column;
  gap: 0.78125vw;
}
@media (max-width: 1080px) {
  .set8 .left,
  .set8 .right,
  .set8 .bood,
  .set8 .book {
    gap: 1.852vw;
  }
}
.set8 .aop,
.set8 .sop,
.set8 .dop,
.set8 .fop {
  display: flex;
  flex-flow: column;
  gap: 0.46875vw;
}
@media (max-width: 1080px) {
  .set8 .aop,
  .set8 .sop,
  .set8 .dop,
  .set8 .fop {
    gap: 1.111vw;
  }
}
.set8 .left .tu {
  width: 3.58867188vw;
  height: 6.40625vw;
}
@media (max-width: 1080px) {
  .set8 .left .tu {
    width: 8.506vw;
    height: 15.185vw;
  }
}
.set8 .right .tu {
  width: 4.1015625vw;
  height: 6.40625vw;
}
@media (max-width: 1080px) {
  .set8 .right .tu {
    width: 9.722vw;
    height: 15.185vw;
  }
}
.set8 .bood .tu {
  width: 3.58867188vw;
  height: 6.40625vw;
}
@media (max-width: 1080px) {
  .set8 .bood .tu {
    width: 8.506vw;
    height: 15.185vw;
  }
}
.set8 .book .tu {
  width: 7.65625vw;
  height: 6.40625vw;
}
@media (max-width: 1080px) {
  .set8 .book .tu {
    width: 18.148vw;
    height: 15.185vw;
  }
}
.set8 .top {
  position: absolute;
  top: 30.78125vw;
  left: 12.5vw;
  display: flex;
  gap: 10.8984375vw;
}
@media (max-width: 1080px) {
  .set8 .top {
    top: 156.481vw;
    left: 5.556vw;
    gap: 23.241vw;
  }
}
.set8 .bottom {
  position: absolute;
  top: 46.484375vw;
  left: 12.5vw;
  display: flex;
  gap: 3.90625vw;
}
@media (max-width: 1080px) {
  .set8 .bottom {
    top: 193.704vw;
    left: 5.556vw;
    gap: 6.667vw;
  }
}
.set8 .mok {
  position: absolute;
  top: 15.46875vw;
  right: 0;
  width: 50.0390625vw;
  height: 49.84375vw;
}
@media (max-width: 1080px) {
  .set8 .mok {
    width: 94.444vw;
    height: 94.074vw;
    top: 56.852vw;
  }
}
.set9 {
  position: relative;
  width: 100vw;
  height: 56.25vw;
}
@media (max-width: 1080px) {
  .set9 {
    height: 110.37vw;
  }
}
.set9 .tu {
  width: 100vw;
  height: 56.25vw;
}
@media (max-width: 1080px) {
  .set9 .tu {
    height: 92.593vw;
    position: absolute;
    bottom: 0;
  }
}
.set9 .a2 {
  position: absolute;
  top: 4.6875vw;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
@media (max-width: 1080px) {
  .set9 .a2 {
    top: 0;
    left: 5.556vw;
    text-align: unset;
  }
}
/*# sourceMappingURL=index.css.map */