.inner-banner {
  position: relative;
  overflow: hidden;
}
.inner-banner .tu {
  position: relative;
  overflow: hidden;
}
.inner-banner .tu:before {
  content: '';
  display: block;
  padding-top: calc(712 / 1920 * 100%);
}
.inner-banner .tu img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  left: 0;
  top: 0;
}
.inner-banner .tu video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  left: 0;
  top: 0;
}
.inner-banner .text {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  color: #fff;
}
.inner-banner .text h1 {
  letter-spacing: 5px;
}
.inner-banner .text h2 {
  letter-spacing: 5px;
}
.inner-banner .text p {
  margin-top: 20px;
  width: 462px;
  max-width: 100%;
}
.swiper-pagination {
  position: relative;
  width: 100%;
  margin-top: 20px;
}
.swiper-pagination .swiper-pagination-bullet-active {
  background: var(--color);
}
@media screen and (max-width: 1440px) {
  .inner-banner .text p {
    margin-top: 14px;
  }
}
@media screen and (max-width: 1200px) {
  .inner-banner {
    margin-top: 66px;
  }
}
@media screen and (max-width: 768px) {
  .inner-banner .text h1 {
    letter-spacing: 3px;
  }
  .inner-banner .text h2 {
    letter-spacing: 3px;
  }
  .inner-banner .text p {
    margin-top: 10px;
  }
}