.div1145 {
  position: absolute;
  width: 710px;
  height: 426px;
  top: 34vh;
  left: 7.5vw;
}
.carouselNr {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0px;
}

.head-row {
  width: 100%;
  height: 100vh;
  overflow-y: hidden;
  position: relative;
}

/* 头部轮播第一�? */
.carousel {
  overflow-x: hidden;
}

.video {
  object-fit: fill;
  width: 100%;
  height: 100vh;
}

.video-masking {
  position: absolute;
  height: 115vh;
  width: 100%;
  top: 0px;
  left: 0px;
}

.cjld {
  --animate-duration: 2s;
  position: absolute;
  top: calc(50vh - 140px);
  left: calc(50vw - 496px);
}

.xyzx {
  --animate-duration: 2s;
  position: absolute;
  top: calc(50vh - 50px);
  left: 50vw;
}

.zx {
  position: absolute;
  top: calc(50vh - 148px);
  left: calc(50vw - 512px);
}

.yx {
  position: absolute;
  top: calc(50vh - 22px);
  left: calc(50vw + 489px);
}

.yw {
  position: absolute;
  top: calc(50vh - -21px);
  left: calc(50vw - 540px);
  --animate-duration: 2s;
}

@keyframes wrapper-gradient2 {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes img-gradient2 {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(0);
  }
}

.gradient-wrapper2 {
  display: inline-block;
  overflow: hidden;
  animation: wrapper-gradient2 2s linear;
}

.gradient-wrapper2>img {
  animation: img-gradient2 2s linear;
}

@keyframes wrapper-gradient {
  0% {
    transform: translateY(-100%);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes img-gradient {
  0% {
    transform: translateY(100%);
  }

  100% {
    transform: translateY(0);
  }
}

.gradient-wrapper {
  display: inline-block;
  overflow: hidden;
  animation: wrapper-gradient 2s linear;
}

.gradient-wrapper>img {
  animation: img-gradient 2s linear;
}

.show {
  display: block;
}

.hide {
  display: none;
}

/* 头部轮播第二�? */
.carousel2 {
  position: absolute;
  top: 0px;
}

.particles-js {
  position: absolute;
  bottom: 30px;
  right: 0px;
  width: 100vw;
  height: 83vh;
  z-index: 1;
}

.t1145_1 {
  --animate-duration: 1s;
  position: absolute;
  right: 521px;
  bottom: 110px;
}

.t1145_2 {
  --animate-duration: 1s;
  animation-delay: calc(var(--animate-delay) * 0.3);
  position: absolute;
  bottom: 156px;
  right: 466px;
}

.t1145_3 {
  --animate-duration: 1s;
  animation-delay: calc(var(--animate-delay) * 0.6);
  position: absolute;
  right: 249px;
  bottom: 110px;
}

.t1145_4 {
  --animate-duration: 1s;
  animation-delay: calc(var(--animate-delay) * 0.9);
  position: absolute;
  bottom: 72px;
  right: 48px;
}

.t1145_bottom {
  position: absolute;
  left: -141px;
  bottom: 20px;
}

@keyframes wrapper-gradient3 {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes img-gradient3 {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(0);
  }
}

.gradient-wrapper3 {
  display: inline-block;
  overflow: hidden;
  animation: wrapper-gradient3 2s linear;
}

.gradient-wrapper3>img {
  animation: img-gradient3 2s linear;
}