.sutong-pro-list-banner {
  padding: 0;
}

.sutong-pro-list-banner .box {
  background: #000;
  display: flex;
  align-items: center;
  padding: 0px !important;
}

.sutong-pro-list-banner .txt {
  flex: 1;
  margin-right: 140px;
  /* background: #000; */
  /* width: 50%; */
  /* height: 100%; */
  text-align: center;
  margin: auto;
  padding: 0 100px;
}

.sutong-pro-list-banner .txt h2 {
  font-size: 36px;
  color: #fff;
  font-weight: 700;
  line-height: 1.6
}

.sutong-pro-list-banner .txt p {
  margin: 25px 0 0;
  font-size: 17px;
  color: #ffffffb5;
  line-height: 32px
}

.sutong-pro-list-banner .list {
  width: 50%;
  position: relative;
}
.sutong-pro-list-banner .list img{
 object-fit: cover;
 /* aspect-ratio: 4/3; */
 width: 100%;
 height: auto;
}
.sutong-pro-list-banner .list .swiper-pagination-bullets {
  position: absolute;
  margin: 20px auto 0;
  left: 0;
  right: 0;
}

.sutong-pro-list-banner .list .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  margin: 0 8px;
  background: rgba(255, 255, 255, .4);
  border-radius: 50px;
  /* opacity: 1; */
}

.sutong-pro-list-banner .list .swiper-pagination-bullet-active {
  background: #000;
}


@media screen and (max-width: 1441px) {
  .sutong-pro-list-banner .box {
    padding: 50px 90px 45px
  }
}

@media screen and (max-width: 1367px) {
  .sutong-pro-list-banner .box {
    padding: 40px 80px 35px
  }
}

@media screen and (max-width: 1281px) {
  .sutong-pro-list-banner .box {
    padding: 40px 70px 35px
  }
}

@media screen and (max-width: 1171px) {
  .sutong-pro-list-banner .box {
    padding: 40px 60px 35px
  }

  .sutong-pro-list-banner .txt {
    margin-right: 70px
  }
}

@media screen and (max-width: 992px) {
  .sutong-pro-list-banner .box {
    padding: 40px 40px 35px
  }

  .sutong-pro-list-banner .txt {
    margin-right: 50px;
    padding: 0 15px;
  }

  .sutong-pro-list-banner .txt h2 {
    font-size: 23px;
    line-height: 1.2
  }
}

@media screen and (max-width: 768px) {
  .sutong-pro-list-banner {
    padding: 30px 0 0
  }

  .sutong-pro-list-banner .box {
    display: block;
    padding: 35px 25px
  }

  .sutong-pro-list-banner .txt {
    margin-right: 0;
    3:
    JIS83;
    padding: 30px;
  }

  .sutong-pro-list-banner .txt h2 {
    font-size: 24px;
    text-align: center;
    line-height: 1.2
  }

  .sutong-pro-list-banner .txt p {
    margin: 20px 0 0;
    font-size: 16px;
    line-height: 24px
  }

  .sutong-pro-list-banner .list {
    width: 100%;
    margin: 30px 0 0
  }

  .sutong-pro-list-banner .list .swiper-slide {
    text-align: center
  }
}

@media screen and (max-width: 576px) {
  .sutong-pro-list-banner .box {
    padding: 30px 20px
  }
}