@charset "UTF-8";
* {
  --brand-color1: #8CC53E;
  --brand-color2: #548D73;
  --brand-color3: #349812;
  --brand-color4: #EDF7E0;
  --brand-color5: #009029;
  --text-primary: #000000;
  --text-secondary: #7A7F84;
  --surface-default:#F1F1F1;
  --gray-1:#2E2E2E;
  --gray-2:#898989;
  --gray-3:#B3B3B3;
  --gray-4:#DADADA;
}

* {
  --heder-bg: url('../images/banners/banner-最新消息.jpg');
}
@media (max-width: 768px) {
  * {
    --heder-bg: url('../images/banners/phone-banner-最新消息.jpg');
  }
}

.news-wrapper {
  width: 100%;
}
.news-wrapper section {
  padding-left: 0;
}
.news-wrapper section .top {
  margin-bottom: clamp(36px, 2.5vw, 48px);
  display: flex;
  gap: 1.56vw;
  justify-content: flex-start;
  align-items: flex-start;
}
.news-wrapper section .top img.deco {
  width: 5.2vw;
  height: 100%;
  align-self: flex-start;
}
@media (max-width: 768px) {
  .news-wrapper section .top img.deco {
    display: none;
  }
}
.news-wrapper section .top .news-cards-wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  --news-cards-gap: clamp(24px, 1.88vw, 36px);
  gap: var(--news-cards-gap);
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .news-wrapper section .top .news-cards-wrapper {
    flex-direction: column;
    align-items: center;
  }
}
.news-wrapper section .top .news-cards-wrapper .news-card {
  width: calc(33% - var(--news-cards-gap) * 2 / 3);
  --card-vertical-gap: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--card-vertical-gap);
  text-decoration: none;
  padding-bottom: var(--card-vertical-gap);
}
@media (max-width: 1200px) {
  .news-wrapper section .top .news-cards-wrapper .news-card {
    width: calc(50% - var(--news-cards-gap) * 1 / 2);
  }
}
@media (max-width: 768px) {
  .news-wrapper section .top .news-cards-wrapper .news-card {
    width: 100%;
    max-width: 420px;
  }
}
.news-wrapper section .top .news-cards-wrapper .news-card .img-box {
  width: 100%;
  aspect-ratio: 4/2.67;
  min-width: 0;
  min-height: 0;
  margin-bottom: calc(var(--card-vertical-gap) * 0.25);
}
.news-wrapper section .top .news-cards-wrapper .news-card .img-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.news-wrapper section .top .news-cards-wrapper .news-card .date {
  align-self: flex-start;
  min-width: 0;
  min-height: 0;
  aspect-ratio: 3.4/0.56;
  background-image: url("../images/bg/news_label_breen.png");
  background-repeat: no-repeat;
  background-size: contain;
  padding: 12px var(--card-vertical-gap);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--brand-color3);
  font-weight: 700;
  font-size: clamp(16px, 0.94vw, 18px);
}
.news-wrapper section .top .news-cards-wrapper .news-card .title {
  color: #474747;
  font-weight: 700;
  font-size: clamp(20px, 1.14vw, 22px);
  line-height: clamp(30px, 1.7vw, 33px);
  padding: 0 var(--card-vertical-gap);
}
.news-wrapper section .top .news-cards-wrapper .news-card p.content {
  color: var(--gray-2);
  font-weight: 400;
  font-size: clamp(16px, 0.94vw, 18px);
  line-height: 30px;
  padding: 0 var(--card-vertical-gap);
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}
.news-wrapper section .top .news-cards-wrapper .news-card:hover .img-box {
  filter: brightness(0.5);
}
.news-wrapper section .top .news-cards-wrapper .news-card:hover .title {
  color: var(--brand-color2);
}

.news-detail-wrapper {
  width: 100%;
}
.news-detail-wrapper .news-wrapper {
  padding: clamp(24px, 3.125vw, 60px);
}
.news-detail-wrapper .news-wrapper .date {
  color: var(--gray-3);
  font-weight: 700;
  font-size: clamp(16px, 0.94vw, 18px);
  line-height: 1;
  margin-bottom: 12px;
}
.news-detail-wrapper .news-wrapper .title {
  color: #474747;
  font-weight: 700;
  font-size: clamp(20px, 1.45vw, 28px);
  line-height: clamp(30px, 1.7vw, 33px);
  margin-bottom: clamp(24px, 1.875vw, 36px);
}
.news-detail-wrapper .news-wrapper .btn-box {
  margin-top: clamp(36px, 2.7vw, 52px);
  border-top: 1px solid var(--gray-3);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: clamp(24px, 1.875vw, 36px);
}
.news-detail-wrapper .news-wrapper .btn-box button.default a {
  padding: 8px 32px;
}
.news-detail-wrapper .news-wrapper .btn-box .prev,
.news-detail-wrapper .news-wrapper .btn-box .next {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(6px, 0.41vw, 8px);
  color: var(--brand-color2);
  font-weight: 500;
  font-size: clamp(16px, 0.94vw, 18px);
}
.news-detail-wrapper .news-wrapper .btn-box .prev img,
.news-detail-wrapper .news-wrapper .btn-box .next img {
  width: clamp(10px, 0.625vw, 12px);
}
.news-detail-wrapper .news-wrapper .btn-box .prev:hover,
.news-detail-wrapper .news-wrapper .btn-box .next:hover {
  filter: brightness(0.8);
}/*# sourceMappingURL=news.css.map */