.main {
  background-color: #f7f7f7;
}

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

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

/* 案例列表 */
.branch-list {
  padding: 0px 13vw 2vw;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1vw;
}
.branch-list .branch-item {
  background-color: #fff;
  height: calc(15.63vw + 6.25vw);
  overflow: hidden;
}
.branch-list .branch-item-img {
  width: 100%;
  height: 15.63vw;
  transition: height 0.3s ease-in-out;
}
.branch-list .branch-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.branch-list .branch-item-info {
  /* height: 6.25vw; */
  height: 8.33vw;
  display: flex;
  flex-direction: column;
  padding: 1vw;
  position: relative;
}
.branch-list .branch-item-title {
  font-size: 0.94vw;
  line-height: 0.94vw;
  color: #333;
  margin-top: 0.5vw;
}
.branch-list .branch-item-desc {
  font-size: 0.73vw;
  line-height: 0.73vw;
  color: #939393;
  margin-top: 1vw;
}
.branch-list .branch-item-link {
  margin-top: 1.4vw;
  font-size: 0.73vw;
  color: #cc1821;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  transition-delay: 0.1s;
}
.branch-list .branch-item:hover .branch-item-img {
  height: 13.54vw;
}
.branch-list .branch-item:hover .branch-item-link {
  opacity: 1;
}

/* 1000px */
@media screen and (max-width: 1000px) {
  /* 案例列表 */
  .branch-list {
    padding: 0px 2vw;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 5vw;
  }
  .branch-list .branch-item {
    background-color: #fff;
    height: calc(15.63vw * 3 + 6.25vw * 3);
    overflow: hidden;
  }
  .branch-list .branch-item-img {
    width: 100%;
    height: calc(15.63vw * 3) !important;
  }
  .branch-list .branch-item-info {
    height: calc(6.25vw * 3);
    padding: calc(1vw * 3);
  }
  .branch-list .branch-item-title {
    font-size: calc(0.94vw * 4.5);
    line-height: calc(0.94vw * 4.5);
    margin-top: calc(0.5vw * 3);
  }
  .branch-list .branch-item-desc {
    font-size: calc(0.73vw * 5);
    line-height: calc(0.73vw * 5);
    margin-top: calc(1vw * 3);
  }
  .branch-list .branch-item-link {
    display: none !important;
  }
}