@font-face {
  font-family: "SourceHanSerifCN-Heavy";
  src: url('../font/SourceHanSerifCN-Heavy.otf');
  font-display: swap;
}

.section_1 {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6);
  padding-bottom: 360px;
}
.section_1>.title {
  font-size: 45px;
  font-weight: 800;
  color: #1a63de;
  font-family: "SourceHanSerifCN-Heavy";
  line-height: 54px;
}
.section_1 .news_list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  grid-gap: 48px;
  color: #000;
  margin-top: 36px;
}
.section_1 .news_list .news_item {
  padding: 24px 24px 84px 24px;
  border-radius:16px;
  border: 1px solid rgba(0, 0, 0, .3);
  background-color: #FFF;
  cursor: pointer;
  transition: all 1s ease-in-out;
  position: relative;
}
.section_1 .news_list .news_item .new_cover {
  width: 100%;
  aspect-ratio: 5 / 2;
  overflow: hidden;
  border-radius: 8px;
}
.section_1 .news_list .news_item img {
  width: 100%;
  height: 100%;
  transition: all .6s ease-in-out;
}
.section_1 .news_list .news_item .new_title {
  font-size: 24px;
  font-weight: 700;
  margin-top: 20px;
  line-height: 40px;
}
.section_1 .news_list .news_item .new_summary {
  font-size: 15px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.4);
  margin-top: 26px;
}
.section_1 .news_list .news_item .new_date {
  position: absolute;
  bottom: 24px;
  left: 24px;
  font-size: 20px;
}
.section_1 .news_list .news_item:hover {
  box-shadow: 0px 6px 12px rgba(0, 0, 0, .5);
  transform: rotateZ(1deg);
}
.section_1 .news_list .news_item:hover img {
  transform: scale(1.1);
}