@media screen and (max-width: 767px) {
  .sp_left {
    width: 100% !important;
  }

  .spcont_1 .mySwiper2 {
    height: auto !important;
  }
}

.sp_left {
  width: 50%;
}

.spcont_1 {
  /* height: 430px; */

  border: 1px solid #e5e5e5;

  overflow: hidden;
}

.spcont_1 .mySwiper2 {
  /* height: 22rem; */

  width: 100%;

  border-bottom: 1px solid #e5e5e5;
}

.spcont_1 .swiper-button-next,
.spcont_1 .swiper-button-prev {
  /* color: #b01d23 !important; */

  z-index: 9999;
  background-image: url();
}

.spcont_1 .swiper-slide img {
  display: block;

  width: 100%;

  height: 100%;

  object-fit: inherit;
}

.spcont_1 .mySwiper {
  height: 20%;

  box-sizing: border-box;

  padding: 10px 0;
}

.spcont_1 .mySwiper .swiper-slide {
  width: 25%;

  height: 100%;

  opacity: 0.4;
  /* max-height: 4rem; */
  overflow: hidden;
}

.spcont_1 .mySwiper .swiper-slide-thumb-active {
  opacity: 1;
}