.newsPage {
  background: #181818;
}

.newsContent {
  padding: .44rem 0 .93rem;
  background: url('../images/brand_bg.svg') center top no-repeat;
  background-size: cover;
}
.newsBreadcrumb {
  color: #fff;
}

.newsTitle {
  text-align: center;
  margin-top: .46rem;
}

.newsTitle h1 {
  color: #fff;
  font-size: clamp(36px, .58rem, 58px);
  font-weight: 700;
  line-height: 1.1;
}

.newsTitle p {
  margin-top: .06rem;
  color: rgba(255, 255, 255, .75);
  font-size: clamp(14px, .2rem, 20px);
}
.newsone{
  position: relative;
  margin-top: .84rem;
  padding: 1.72rem 0 1.26rem;
}
.newsone::before{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 4.1rem;
  width: calc(100% - 2.5rem);
  height: 100%;
  background: url('../images/news-feature-bg.png') center top no-repeat;
  background-size: contain;
  content: '';
}
.newsFeaturedSwiper {
  position: relative;
  overflow: hidden;
}
.newsFeaturedSwiper .swiper-slide {
  height: auto;
}

.newsFeatured {
  position: relative;
  display: grid;
  grid-template-columns: 6.4rem 1fr;
  margin-top: 0;
}

.newsFeaturedImage {
  position: relative;
  z-index: 2;
  display: block;
  height: 4.6rem;
  border-radius: .2rem;
}

.newsFeaturedImage img {
  border-radius: inherit;
}

.newsFeaturedBody {
  position: relative;
  display: grid;
  grid-template-columns: .64rem .01rem 1fr;
  gap: .35rem;
  padding: 0.83rem 0rem 0rem 0.75rem;
  height: auto;
}

.newsDate,
.newsItemDate {
  display: block;
  color: #fff;
}

.newsDate strong,
.newsDate span,
.newsItemDate strong,
.newsItemDate span {
  display: block;
  color: inherit;
}

.newsDate strong {
  font-size: clamp(24px, .36rem, 36px);
  font-weight: 700;
  line-height: 1.05;
}

.newsDate span {
  margin-top: .16rem;
  font-size: clamp(14px, .18rem, 18px);
  line-height: 1.35;
}

.newsDivider {
  width: .01rem;
  height: 2.21rem;
  background: rgba(255, 255, 255, .65);
}

.newsFeaturedText h2 a {
  color: #fff;
  font-size: clamp(20px, .36rem, 36px);
  font-weight: 700;
  line-height: 1.08;
}

.newsFeaturedText p {
  margin-top: .28rem;
  color: rgba(255, 255, 255, .92);
  font-size: clamp(14px, .18rem, 18px);
  line-height: 1.78;
}

.newsReadMore {
  position: relative;
  width: .24rem;
  height: .24rem;
  margin-top: .26rem;
  background: url(../images/icon-arrow-right.png) center top no-repeat;
  background-size: contain;
  filter: brightness(0) invert(1);
}


.newsFeaturedNav {
  position: absolute;
  left: 7.6rem;
  bottom: .16rem;
  z-index: 3;
  width: .36rem;
  height: .36rem;
  border-radius: 50%;
  background: #fff;
  transition: background .25s ease;
}

.newsFeaturedNext {
  left: 8.23rem;
}

.newsFeaturedNav::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: .08rem;
  height: .08rem;
  border-top: .02rem solid #111;
  border-right: .02rem solid #111;
  content: '';
}

.newsFeaturedPrev::before {
  transform: translate(-35%, -50%) rotate(-135deg);
}

.newsFeaturedNext::before {
  transform: translate(-65%, -50%) rotate(45deg);
}

.newsFeaturedNav:hover {
  background: #fff100;
}

.newsList {
  margin-top: .48rem;
}

.newsItem {
  display: grid;
  grid-template-columns: 1rem .01rem minmax(0, 1fr) 3.8rem;
  gap: .3rem;
  /* align-items: center; */
  min-height: 4.13rem;
  padding: .7rem 0;
  border-bottom: .01rem solid rgba(255, 255, 255, .18);
}

.newsItemDate {
  display: grid;
  grid-template-columns: auto auto;
  gap: .1rem;
  align-items: start;
  margin-top: 0.4rem;
}

.newsItemDate strong {
  font-size: clamp(32px, .48rem, 48px);
  line-height: 1;
}

.newsItemDate span {
  padding-top: .07rem;
  font-size: clamp(12px, .16rem, 16px);
  line-height: 1.15;
}

.newsItemDivider {
  width: .01rem;
  height: 2.21rem;
  background: rgba(255, 255, 255, .5);
  margin-top: 0.4rem;
}
.newsItemText{
  height: auto;
  padding: 0.4rem 0;
}
.newsItemText h2{
  color: #fff;
  font-size: clamp(20px, .3rem, 30px);
  font-weight: 700;
  line-height: 1.46;
  transition: color .25s ease;
}
.newsItem:hover .newsItemDivider {
  background: #fff100;
}
.newsItem:hover .newsItemText h2{
  color: #fff100;
}

.newsItemText p {
  margin-top: .24rem;
  color: rgba(255, 255, 255, .82);
  font-size: clamp(14px, .18rem, 18px);
  line-height: 1.56;
}

.newsItemImage {
  display: block;
  width: 3.8rem;
  height: 2.73rem;
  border-radius: .2rem;
}

.newsItemImage img {
  border-radius: inherit;
}

.newsMore {
  position: relative;
  display: flex;
  align-items: center;
  width: max-content;
  height: .5rem;
  gap: .09rem;
  margin: .84rem auto 0;
  padding: 0 .27rem;
  border: .01rem solid #fff;
  border-radius: .5rem;
  color: #fff;
  font-size: clamp(14px, .18rem, 18px);
  font-weight: 700;
  transition: background .25s ease, border-color .25s ease, color .25s ease;
}

.newsMore span {
  position: relative;
  width: .24rem;
  height: .24rem;
  background: url(../images/icon-arrow-small.png) center/contain no-repeat;
}

.newsMore:hover {
  border-color: #fff100;
  background: #fff100;
  color: #111;
}
.newsMore:hover span {
  filter: brightness(0);
}
@media (max-width: 768px) {
  .newsHero {
    height: 4.85rem;
  }

  .newsHero>img {
    height: 3.39rem;
  }
  .newsone{
    padding-top: 0;
  }
  .newsone::before{
    display: none;
  }
  .newsHeroArrow {
    top: 3.12rem;
    width: .32rem;
    height: .32rem;
  }

  .newsHeroPrev {
    left: .12rem;
  }

  .newsHeroNext {
    right: .12rem;
  }

  .newsHeroDots {
    bottom: .16rem;
  }

  .newsContent {
    padding: .3rem 0 .58rem;
  }

  .newsTitle {
    margin-top: .26rem;
    text-align: left;
  }

  .newsFeaturedSwiper {
    margin-top: .3rem;
  }

  .newsFeatured {
    display: block;
    min-height: 0;
  }

  .newsFeaturedImage {
    height: auto;
    aspect-ratio: 640 / 460;
    border-radius: .12rem .12rem 0 0;
  }

  .newsFeaturedBody {
    grid-template-columns: .58rem .01rem 1fr;
    gap: .18rem;
    min-height: 0;
    margin-left: 0;
    padding: .26rem .2rem;
    border-radius: 0 0 .12rem .12rem;
  }

  .newsDivider {
    height: 100%;
    min-height: 1.6rem;
  }

  .newsFeaturedText p {
    margin-top: .14rem;
  }

  .newsFeaturedNav {
    left: .2rem;
    bottom: .18rem;
    width: .28rem;
    height: .28rem;
  }

  .newsFeaturedNext {
    left: .58rem;
  }

  .newsList {
    margin-top: .25rem;
  }

  .newsItem {
    grid-template-columns: .62rem .01rem minmax(0, 1fr);
    gap: .14rem;
    min-height: 0;
    padding: .32rem 0;
  }

  .newsItemDate {
    grid-template-columns: 1fr;
    gap: .04rem;
  }

  .newsItemDivider {
    height: 100%;
    min-height: 1.7rem;
  }

  .newsItemText p {
    margin-top: .12rem;
  }

  .newsItemImage {
    grid-column: 3;
    width: 100%;
    height: auto;
    margin-top: .18rem;
    aspect-ratio: 380 / 273;
    border-radius: .1rem;
  }

  .newsMore {
    margin-top: .42rem;
  }
}