.page {
  min-height: 1080px;
  height: 100vh;
  overflow-y: hidden;
  overflow-x: auto;
  background: url(../image/bg.png);
  display: flex;
  align-items: center;
}

.wrapper {
  width: 5760px;
  flex-shrink: 0;
  height: 1080px;
  position: relative;
}
.wrapper .videoBg {
  height: 1080px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.wrapper .videoBg video {
  display: block;
  height: 1080px;
}
.wrapper .img {
  position: absolute;
  display: block;
  pointer-events: none;
}
.wrapper .img.img01 {
  width: 401px;
  height: 506px;
  left: 0;
  bottom: 0;
  z-index: 5;
}
.wrapper .img.img02 {
  width: 1298px;
  height: 446px;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.wrapper .img.redsilk {
  width: 2394px;
  height: 570px;
  left: 0;
  top: 464px;
  z-index: 3;
}
.wrapper .img.img03 {
  width: 523px;
  height: 1082px;
  left: 1708px;
  top: 0;
  z-index: 2;
}
.wrapper .img.img04 {
  width: 1732px;
  height: 283px;
  left: 1148px;
  top: 670px;
  z-index: 1;
}
.wrapper .img.img05 {
  width: 1732px;
  height: 260px;
  left: 2918px;
  top: 820px;
}
.wrapper .img.img06 {
  width: 872px;
  height: 610px;
  right: 0;
  top: 0;
}
.wrapper .img.img07 {
  width: 1278px;
  height: 378px;
  right: 0;
  top: 556px;
}
.wrapper .img.timeline {
  width: 2272px;
  height: 122px;
  left: 2338px;
  top: 474px;
}
.wrapper .img.time01 {
  width: 526px;
  height: 521px;
  left: 2309px;
  top: 0;
}
.wrapper .img.time02 {
  width: 412px;
  height: 417px;
  left: 2977px;
  top: 548px;
}
.wrapper .img.time03 {
  width: 534px;
  height: 471px;
  left: 3481px;
  top: 0;
}
.wrapper .img.time04 {
  width: 569px;
  height: 427px;
  left: 4051px;
  top: 545px;
}
.wrapper .intro-main {
  width: 1100px;
  padding-top: 159px;
  margin-left: 410px;
  position: relative;
  z-index: 5;
}
.wrapper .intro-main .title {
  font-size: 70px;
  color: #0058CA;
  line-height: 80px;
  text-align: center;
}
.wrapper .intro-main .bref {
  margin-top: 28px;
  font-size: 30px;
  color: #333333;
  line-height: 30px;
  text-align: center;
  white-space: nowrap;
}
.wrapper .intro-main .content {
  margin-top: 77px;
  text-indent: 2em;
  font-weight: 500;
  font-size: 16px;
  color: #333333;
  line-height: 30px;
  text-align: justify;
}
.wrapper .intro-main .content p + p {
  margin-top: 14px;
}
.wrapper .time-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 5;
}
.wrapper .time-box .line {
  width: 1px;
  height: 76px;
  background: #0058CA;
  margin-top: 30px;
  margin-bottom: 30px;
}
.wrapper .time-box .content {
  font-size: 30px;
  color: #333333;
  line-height: 30px;
}
.wrapper .time-box.box01 {
  width: 526px;
  left: 2309px;
  top: 583px;
}
.wrapper .time-box.box02 {
  width: 444px;
  left: 2945px;
  top: 270px;
}
.wrapper .time-box.box03 {
  width: 640px;
  left: 3419px;
  top: 583px;
  text-align: center;
}
.wrapper .time-box.box04 {
  width: 569px;
  left: 4051px;
  top: 270px;
}

.page-final {
  position: absolute;
  right: 166px;
  top: 471px;
}

.page-mouse {
  position: absolute;
  left: 1209px;
  transform: translateX(0);
}/*# sourceMappingURL=intro.css.map */