.div1145 {
  position: absolute;
  width: 710px;
  height: 426px;
  top: 46%;
  left: 7.5vw;
}
.carouselNr {
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0px;
}
.head-row {
  width: 100%;
  height: auto;
  position: relative;
}

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

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

.video-masking {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
}
.cjld > img {
  max-width: 100%;
}
.cjld {
  --animate-duration: 2s;
  position: absolute;
  top: 37%;
  left: 19%;
  width: 30%;
}
.xyzx > img {
  max-width: 100%;
}
.xyzx {
  --animate-duration: 2s;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 34%;
}
.zx > img {
  max-width: 100%;
}
.zx {
  position: absolute;
  top: 33%;
  left: 15%;
  width: 20%;
}
.yx > img {
  max-width: 100%;
}
.yx {
  position: absolute;
  top: 46%;
  left: 81%;
  width: 8%;
}
.yw > img {
  max-width: 100%;
}
.yw {
  position: absolute;
  top: 55%;
  left: 0%;
  width: 48%;
  --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;
  height: 100%;
}

.particles-js {
  position: absolute;
  top: 22%;
  right: 0px;
  width: 100vw;
  height: 78%;
  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;
}
.row_1 {
  position: relative;
}