.bannerContainer {
    position: relative;
    width: 100%;
    height: 425px;
    background-size: cover;
    background-position: center;
}

.pagination {
  position: absolute;
  z-index: 20;
  left: 50%;
  bottom: 10px;
  width: 140px;
  margin-left: -50px;
  padding: 6px 0;
  text-align: center;
  border-radius: 20px;
  background-color: rgba(0, 0, 0, 0.3);
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #fff;
  margin: 0 5px;
  opacity: 0.8;
  cursor: pointer;
}
.swiper-active-switch {
  background: red;
}

.bannerContainer .bannerContainer-pc {
    position: absolute;
    top: 40%;
    left: 50%;
    margin-left: -300px;
    margin-top: -170px;
    width: 600px;
    height: 340px;
    /*background-image: url(../../images/video/carousel-pc.png);*/
    background-size: 100%;
}

.bannerContainer .bannerContainer-videoCon {
    position: absolute;
    width: 796px;
    height: 424px;
}

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

.bannerContainer .bannerContainer-play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin-left: -50px;
    margin-top: -50px;
}

.bannerContainer .bannerContainer-text {
    position: absolute;
    top: 80px;
    left: calc(50% + 600px/2);
}

.bannerContainer .bannerContainer-bgText {
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: 36px;
    text-align: center;
    color: #fff;
}

.bannerContainer .bannerContainer-sm {
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: 22px;
    text-align: center;
    color: #fff;
}