.goodsList{
  position:relative;
  display:flex;
  justify-content:space-between;
  margin:-100px auto 0;
  max-width:1440px;
  height:360px;
}

.goodsList .swiper-slide{
  /* display:flex; */
  align-items:center;
  padding:50px 20px 0 20px;
  width:20%;
  height:calc(100% - 100px);
  background:#f2f2f2;
  transition:all 1s;
  margin-top: 100px;
}

.goodsList .li:nth-child(2){
  left:21%;
}

.goodsList .li:nth-child(3){
  left:42%;
}

.goodsList .li:nth-child(4){
  left:63%;
}

.goodsList .li:last-child{
  left:84%;
}

.goodsList .swiper-slide a{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-decoration:none;
  color:#000;
  padding-top: 51px;
}

.goodsList .swiper-slide img{
  position: absolute;
  top:-40%;
  width:80%;
}

.goodsList .swiper-slide h4{
  font-size: 24px;
}

.goodsList .swiper-slide p{
  margin:10px 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.goodsList .swiper-slide:hover{
  background:var(--color-primary);
  height:calc(108% - 100px);
}

.goodsList .swiper-slide:hover a{
  color:#fff;
}

.goodsList .swiper-button-prev,.goodsList .swiper-button-next{width:32px;height:32px;line-height:32px;top:calc(((100% - 12px) / 2) + 12px);overflow:hidden;border-radius:0;background:var(--color-primary);margin-top:0;text-align:center;color:#fff;}
.goodsList .swiper-button-next::after, .goodsList .swiper-button-prev::after {display:none;}
.goodsList .swiper-button-prev i,.goodsList .swiper-button-next i{color:inherit;font-size:20px;display:inline-block;margin-top:1px;}
.goodsList .swiper-button-prev,.goodsList .swiper-container-rtl .swiper-button-next{left:-50px;right:auto;}
.goodsList .swiper-button-next,.goodsList .swiper-container-rtl .swiper-button-prev{right:-50px;left:auto;}
.goodsList .swiper-button-prev:hover,.goodsList .swiper-button-next:hover{color:var(--active-color);}

.goodsList .swiper-pagination-bullets{position:static;width:100%;margin:30px 0 0;display:none;}
.goodsList .swiper-pagination-bullet {height:4px;width:40px;margin:0 3px;background:#C1C1C1;border-radius:0;opacity:1;box-sizing:border-box;}
.goodsList .swiper-pagination-bullet-active{background:var(--active-color);}


@media screen and (max-width: 768px) {
  .goodsList {
  	height: 320px;
  }
  .goodsList .swiper-slide a {
  	padding-top: 31px;
  }
  .goodsList .swiper-slide h4 {
  	font-size: 20px;
  }
}
@media screen and (max-width: 480px) {
  .goodsList {
  	height: 280px;
  	margin: 0;
  }
  .goodsList .swiper-slide {
  	padding: 20px 20px 0 20px;
  	margin-top: 0;
  	height: 100%;
  }
  .goodsList .swiper-slide a {
  	padding-top: 0;
  }
  .goodsList .swiper-slide img {
  	position: static;
  	width: 80%;
  }
  .goodsList .swiper-slide:hover{
     background:#f2f2f2;
    height:108%;
  }
}