.news-banner {
  background: url(../image/img_news_banner.jpg) no-repeat bottom;
}

/* breadcrumbs */








/*  news content  */

.new-content {
  padding: .8rem 0 1.2rem;
  background: #edf1f2;
}

.cover-news-div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .5rem;
}

.news-lists {
  max-width: 11.75rem;
  width: 100%;
  background: #fff;
  border: .01rem solid #eee;
}

.cover-news-text-swiper {
  max-width: 5rem;
  width: 100%;
  /* margin-right: .2rem; */
}
 

.news-title {
  font-size: 20PX;
  font-family: 'Hind-Medium';
  margin-bottom: .2rem;
  -webkit-line-clamp: 2;
}

.news-time {
  color: #009979;
}

.cover-news-text-swiper .news-time {
  margin-bottom: .2rem;
}

.news-text {
  margin-right: .2rem;
  color: #999;
  -webkit-line-clamp: 3;
}

.learn-more {
  margin-top: .2rem;
  font-family: 'Hind-Medium';
}

.learn-more a:hover {
  color: #009979;
}


.cover-news-potho-swiper {
  max-width: 5.4rem;
  width: 100%;
}

.cover-news-potho-swiper .swiper-slide {
  max-width: 5.4rem;
  width: 100%;
}

.cover-news-potho-swiper .swiper-potho {
  position: relative;
  display: block;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.cover-news-potho-swiper .swiper-potho::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  opacity: 0;
  background: #0b272e20;
  transition: all 0.4s;
}

.cover-news-potho-swiper .swiper-potho img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s;
}

.cover-news-potho-swiper .swiper-button-prev,
.cover-news-potho-swiper .swiper-button-next {
  width: .5rem;
  height: .5rem;
  background-color: #00000080;
}

.cover-news-div:hover .news-title {
  text-decoration: none;
  text-decoration-color: #009979;
}

.cover-news-div:hover .cover-news-potho-swiper .swiper-potho::after {
  opacity: 1;
  transition: all 0.4s;
}

.cover-news-div:hover .cover-news-potho-swiper .swiper-potho img {
  transform: scale(1.1);
  transition: all 0.4s;
}



/* 常规news */
.regular-news-div {
  padding: 0 .5rem;
}

.news-item {
  padding: .5rem 0;
  align-items: center;
  border-top: .01rem solid #eee;
}



.news-img {
  position: relative;
  max-width: 3.6rem;
  width: 100%;
  margin-right: .35rem;
  overflow: hidden;
  cursor: pointer;
}

.news-img a {
  display: block;
}

.news-img::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  opacity: 0;
  background: #0b272e20;
  transition: all 0.4s;
}

.news-img img {
  transition: all 0.4s;
}

.news-desc {
  width: 100%;
}

.news-title-div {
  justify-content: space-between;
}

.regular-news-div .news-title {
  max-width: 5.2rem;
  width: 100%;
  margin-right: .2rem;
}

.regular-news-div .news-text {
  max-width: 5.2rem;
  width: 100%;
}

.news-item:hover .news-img::after {
  opacity: 1;
  transition: all 0.4s;
}

.news-item:hover .news-img img {
  transform: scale(1.1);
  transition: all 0.4s;
}


.news-item:hover .news-title {
  text-decoration: none;
  text-decoration-color: #009979;
}

.regular-news-div .fenye {
  border-top: .01rem solid #eee;
  padding: .5rem 0;
}


@media (max-width: 1600px) {
  .news-lists {
    max-width: 70%;
  }

}


@media (max-width: 1279px) {

  .cover-news-div {
    padding: .3rem;
  }

  .cover-news-div {
    flex-direction: column-reverse;
  }

  .cover-news-potho-swiper,
  .cover-news-potho-swiper .swiper-slide {
    max-width: 100%;
  }

  .cover-news-text-swiper {
    max-width: 100%;
    margin-right: 0;
    margin-top: .3rem;
  }

  .regular-news-div {
    padding: 0 .3rem;
  }

  .news-item {
    padding: .3rem 0;
  }
}

@media (max-width: 1023px) {


  .news-lists {
    max-width: 100%;
  }

  .new-content {
    padding: .6rem 0 .8rem;
  }

}

@media (max-width: 767px) {

  .new-content {
    padding: .3rem 0;
  }

  .new-content .com-container {
    padding: 0;
  }

  .cover-news-div {
    padding: .3rem .15rem;
  }

  .cover-news-potho-swiper .swiper-button-prev,
  .cover-news-potho-swiper .swiper-button-next {
    width: .4rem;
    height: .4rem;
  }

  .cover-news-div .news-title {
    -webkit-line-clamp: initial;
  }

  .regular-news-div {
    padding: 0 .15rem;
  }

  .news-item {
    /* flex-direction: column; */
    padding: .3rem 0;
  }
  .news-desc {
    margin-left: .1rem;
  }

  .news-img {
    max-width: 100%;
    margin-right: 0;
  }

  .news-title-div {
    flex-direction: column;
  }

  .regular-news-div .news-title,
  .regular-news-div .news-text {
    max-width: 100%;
  }

  .news-text {
    margin-right: 0;
  }

  .regular-news-div .news-title {
    margin-bottom: 0;
    margin-right: 0;
    -webkit-line-clamp: 3;
  }

  .regular-news-div .news-time {
    display: none;
  }

  .regular-news-div .news-text {
    -webkit-line-clamp: 2;
  }

  .regular-news-div .learn-more {
    display: none;
  }

  .regular-news-div .fenye {
    padding: .4rem 0;
  }
}