.main {
  background-color: #f7f7f7;
}

/* 筛选导航 */
.filter-nav {
  margin: 1.77vw 13vw;
}

/* 筛选分页 */
.filter-page {
  padding: 2vw 13vw;
}

/* 案例列表 */
.case-list {
  padding: 0px 13vw;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1vw;
}
.case-list .case-item {
  background-color: #fff;
}
.case-list .case-item-img {
  width: 100%;
  height: 15.63vw;
  overflow: hidden;
}
.case-list .case-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.7s ease-in-out;
}
.case-list .case-item-info {
  height: 6.25vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1vw;
}
.case-list .case-item-title {
  font-size: 0.94vw;
  line-height: 0.94vw;
  color: #333;
}
.case-list .case-item-desc {
  font-size: 0.73vw;
  line-height: 0.73vw;
  color: #939393;
  margin-top: 1vw;
}
.case-list .case-item:hover img {
  transform: scale(1.2);
}

/* 1000px */
@media screen and (max-width: 1000px) {
  .main {
    padding-top: 30vw;
  }

  .top-nav {
    display: none;
  }

  /* 筛选分页 */
  .filter-page {
    padding: 5vw 2vw;
  }

  /* 案例列表 */
  .case-list {
    padding: 0px 2vw;
    grid-template-columns: repeat(1, 1fr);
    gap: 5vw;
  }
  .case-list .case-item-img {
    height: calc(15.63vw * 3);
  }
  .case-list .case-item-info {
    height: calc(6.25vw * 3);
    padding: calc(1vw * 4);
  }
  .case-list .case-item-title {
    font-size: calc(0.94vw * 4.5);
    line-height: calc(0.94vw * 4.5);
  }
  .case-list .case-item-desc {
    font-size: calc(0.73vw * 5);
    line-height: calc(0.73vw * 5);
    margin-top: calc(1vw * 4);
  }
}