.swiper-container {
  position: relative;
}
.swiper {
  max-width: 1500px;
  min-width: 1024px;
  height: 450px;
  margin: auto;
  padding: 30px 0 30px 0;
}
.swiper.banner-swiper{
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  padding: 0 !important;
}
.swiper.banner-swiper .swiper-slide {
  height: auto !important;
}
.swiper-slide {
  width: 10rem;
  height: 22rem;
  display: flex;
  flex-direction: column;
  align-items: self-start;
  position: relative;
  border-radius: 12px;
  cursor: pointer;
}
.swiper-slide .slide-content {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -45%);
  width: 90%;
}
.swiper-slide img{
  width: 400px;
  /*height: 300px;*/
}
.swiper.banner-swiper .swiper-slide img{
  width: 100% !important;
  height: auto;
}
.swiper-button-prev {
  top: 49%;
  left: -50px;
  width: 34px;
  height: 34px;
  border: 0.5px solid rgba(128, 128, 128, .5);
  backdrop-filter: blur(6px);
  color: rgba(166, 166, 166, 1);
  font-size: 14px;
}
.swiper-button-prev::after {
  font-size: 1.4rem;
  content: "";
}
.swiper-button-next {
  top: 49%;
  right: -50px;
  width: 34px;
  height: 34px;
  border: 0.5px solid rgba(128, 128, 128, .5);
  backdrop-filter: blur(6px);
  color: rgba(166, 166, 166, 1);
  font-size: 14px;
}
.swiper-button-next::after {
  font-size: 1.4rem;
  content: "";
}
.swiper-button-prev,
.swiper-button-next {
  display: none;
}
.swiper-slide-shadow-left,.swiper-slide-shadow-right{
  height: 0;
  display: none;
}
@media (min-width: 760px) {
  .swiper-button-prev,
.swiper-button-next {
    display: flex;
  }
}