.swiper-box {
  position: relative;
  padding: 0 20px;
  max-width: 1100px;
  height: 508px;
  margin: 60px auto 76px;
}
.swiper-box .swiper-container {
  width: 100%;
  height: 508px;
  margin: 5px auto;
  padding-right: 20px;
}
.swiper-box .swiper-item {
  max-width: 320px;
  height: 435px;
  background: #f9f9f9;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  padding: 7px;
  margin-right: 20px;
  overflow-y: auto;
}
.swiper-box .title-pic {
  width: 100%;
  display: block;
  margin: 0 auto 20px;
}
.swiper-box h4 {
  font-size: 14px;
  font-weight: 400;
  color: #3a3c3c;
  line-height: 20px;
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 20px;
  font-family: Montserrat-Regular;
}
.swiper-box p {
  height: 50px;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #9fa3a4;
  line-height: 20px;
  margin: 0 auto 35px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Montserrat-Regular;
}
.swiper-box .btn {
  display: flex;
  padding-left: 8px;
  margin-bottom: 20px;
}
.swiper-box .pic1 {
  height: 17px;
}
.swiper-box .pic2 {
  width: 10px;
}
.swiper-box .swiper-button {
  position: absolute;
  width: 36px;
  height: 36px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
}
.swiper-box .swiper-button-prev {
  left: -40px;
}
.swiper-box .swiper-button-prev:active {
  border: none;
}
.swiper-box .swiper-button-next {
  transform: rotate(-180deg);
  right: -40px;
}