.news-header {
  aspect-ratio: 750 / 320;
  background-image: url(/assets/img/news.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.news .layout {
  padding: 0 4vw;
}

.news .news-title {
  padding: 9vw 0;
}

.news .news-title .title {
  font-size: clamp(24px, 6.8vw, 50px);
  color: #2467a8;
}

.news .news-title .classify {
  margin-top: 6vw;
  display: flex;
  align-items: center;
  font-size: clamp(16px, 4.2667vw, 32px);
}

.news .news-title .classify li {
  color: #4e4d4d;
  cursor: pointer;
}

.news .news-title .classify li:hover,
.news .news-title .classify li.active {
  color: #101010;
}

.news .news-title .classify li:nth-child(n + 2) {
  margin-left: 2.4vw;
  display: flex;
  align-items: center;
}

.news .news-title .classify li:nth-child(n + 2)::before {
  content: "|";
  margin-right: 2.4vw;
  color: #717171;
}

.news .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.news .list .item {
  width: 43.3333vw;
  margin-bottom: 6vw;
  background-color: #e6e6e6;
  cursor: pointer;
}

.news .list .item:nth-child(n + 10) {
  display: none;
}

.news .list .item .img {
  overflow: hidden;
}

.news .list .item .img img {
  width: 100%;
  aspect-ratio: 325 / 188;
  object-fit: cover;
}

.news .list .item .name {
  padding: 4vw 2vw;
  font-size: clamp(16px, 2.8vw, 21px);
  color: #071221;
}

.news .list .item .desc {
  padding: 0 2vw 2vw;
  font-size: clamp(12px, 2.1333vw, 16px);
  color: #333130;
  line-height: 1.5;
}

.news .pager {
  padding: 2vw 0 12vw;
  display: flex;
  justify-content: center;
  gap: 18px;
}

.news .pager a {
  width: fit-content;
  padding: 0 7.2vw;
  height: 6vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #4e4d4d;
  font-size: clamp(12px, 2.4vw, 18px);
  color: #4e4d4d;
  border-radius: 30px;
}

.news .pager a.active {
  background-color: #4e4d4d;
  color: #fff;
}