@charset "utf-8";

/* news */
.news {
  padding-top: clamp(5.000rem, 2.417rem + 5.382vw, 8.875rem);
  padding-bottom: clamp(5.000rem, 2.500rem + 5.208vw, 8.750rem);
}
.news__inner {
  padding-right: clamp(1.250rem, -13.917rem + 31.597vw, 24.000rem);
  padding-left: clamp(1.250rem, -13.917rem + 31.597vw, 24.000rem);
}
.news__container {
  display: flex;
  flex-direction: column;
}

/* news cate */
.news__cate .webgene-blog {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: clamp(0.500rem, -0.083rem + 1.215vw, 1.375rem);
  justify-content: center;
}
.news__cate .webgene-item {
  width: fit-content;
  margin: 0;
  padding: 0;
}
.news__cate .sideLink {
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(2.250rem, 1.708rem + 1.128vw, 3.063rem);
  padding: 0 clamp(0.750rem, 0.417rem + 0.694vw, 1.250rem);
  background-color: #0f3666;
  border-radius: 5px;
  font-size: clamp(0.875rem, 0.625rem + 0.521vw, 1.250rem);
  font-weight: 500;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
  transition: background-color 0.3s, color 0.3s;
}
.news__cate .sideLink:hover,
.news__cate .webgene-item.selected .sideLink,
.news__cate .webgene-item.current .sideLink,
.news__cate .sideLink.selected,
.news__cate .sideLink.current {
  background-color: #ff880a;
  color: #fff;
}

/* news list */
.news__block {
  margin-top: clamp(2.500rem, -2.000rem + 9.375vw, 9.250rem);
}
.news__block .webgene-blog {
  display: flex;
  flex-direction: column;
}
.news__block .newsItem {
  margin: 0;
  padding-bottom: clamp(0.750rem, 0.417rem + 0.694vw, 1.250rem);
  border-bottom: 1px solid #000;
}
.news__block .newsItem + .newsItem {
  margin-top: clamp(1.500rem, -0.042rem + 3.212vw, 3.813rem);
}
.news .newsLink {
  display: block;
}
.news .newsItemImg {
  display: none;
}
.news .newsItemText {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: clamp(0.750rem, 0.417rem + 0.694vw, 1.250rem);
}
.news .newsItemTime {
  font-size: clamp(1.000rem, 0.667rem + 0.694vw, 1.500rem);
  font-weight: 500;
  line-height: 1;
  color: #333;
}
.news .newsItemCate {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: clamp(1.625rem, 1.292rem + 0.694vw, 2.125rem);
  padding: 0 clamp(0.750rem, 0.417rem + 0.694vw, 1.250rem);
  background-color: #0f3666;
  border-radius: 5px;
  font-size: clamp(0.750rem, 0.583rem + 0.347vw, 1.000rem);
  font-weight: 500;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
}
.news .newsItemTit {
  display: -webkit-box;
  overflow: hidden;
  margin-top: clamp(0.625rem, 0.458rem + 0.347vw, 0.875rem);
  font-size: clamp(1.000rem, 0.667rem + 0.694vw, 1.500rem);
  font-weight: 500;
  line-height: clamp(1.500rem, 1.167rem + 0.694vw, 2.000rem);
  color: #000;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  transition: color 0.3s;
}
.news .newsItem:hover .newsItemTit {
  color: #ff880a;
}

/* pagination */
.news .webgene-pagination {
  margin-top: clamp(2.500rem, 0.833rem + 3.472vw, 5.000rem);
}
.news .webgene-pagination ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(0.375rem, 0.208rem + 0.347vw, 0.625rem);
  margin: 0;
  padding: 0;
  list-style: none;
}
.news .webgene-pagination li {
  margin: 0;
  padding: 0;
}
.news .webgene-pagination li a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: clamp(2.250rem, 2.083rem + 0.347vw, 2.500rem);
  height: clamp(2.250rem, 2.083rem + 0.347vw, 2.500rem);
  padding: 0 0.75rem;
  border: 1px solid #0f3666;
  border-radius: 5px;
  font-size: clamp(0.875rem, 0.792rem + 0.174vw, 1.000rem);
  font-weight: 500;
  line-height: 1;
  color: #0f3666;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}
.news .webgene-pagination li.selected a {
  background-color: #0f3666;
  color: #fff;
}
.news .webgene-pagination li.number:not(.selected) a:hover {
  background-color: #ff880a;
  border-color: #ff880a;
  color: #fff;
}
.news .webgene-pagination li.prev a,
.news .webgene-pagination li.next a,
.news .webgene-pagination li.first a,
.news .webgene-pagination li.last a {
  min-width: auto;
  padding: 0 0.5rem;
  background-color: transparent;
  border-color: transparent;
}
.news .webgene-pagination li.prev a:hover,
.news .webgene-pagination li.next a:hover,
.news .webgene-pagination li.first a:hover,
.news .webgene-pagination li.last a:hover {
  color: #ff880a;
}

@media (max-width: 767px) {
  .news__inner {
    padding-right: 20px;
    padding-left: 20px;
  }
  .news__cate .webgene-blog {
    justify-content: flex-start;
  }
  .news .newsItemTit {
    -webkit-line-clamp: 2;
  }
}

@media (max-width: 389px) {
  .news__inner {
    padding-right: 16px;
    padding-left: 16px;
  }
  .news__cate .sideLink {
    height: 32px;
    padding: 0 10px;
    font-size: 12px;
  }
  .news .newsItemTit {
    font-size: 14px;
    line-height: 22px;
  }
}