.newsPage {
  position: relative;
  width: 100%;
  padding-top: 60px;
}
.newsPage .indexPage-outer {
  position: relative;
}
.newsPage .news-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.newsPage .item {
  width: calc((100% - 120px) / 3);
  margin-right: 60px;
  margin-bottom: 60px;
  border-radius: 20px 20px 0 0;
  background: #F8F8F8;
  overflow: hidden;
}
.newsPage .item .img {
  width: 100%;
}
.newsPage .item .img .img-inner {
  width: 100%;
  overflow: hidden;
  aspect-ratio: 1.6;
}
.newsPage .item .img img {
  width: 100%;
  display: block;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: 0.5s;
}
.newsPage .item .item-con {
  width: 100%;
  padding: 30px 30px 45px 30px;
}
.newsPage .item .item-con .item-con-top {
  width: 100%;
}
.newsPage .item .item-con .name {
  width: 100%;
  font-weight: 400;
  font-size: 22px;
  color: #222222;
  line-height: 28px;
  font-family: 'SourceHanSansSC-Medium';
}
.newsPage .item .item-con .item-con-more {
  width: 100%;
}
.newsPage .item .item-con .news-item-desc {
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  line-height: 24px;
  margin: 18px 0 30px;
}
.newsPage .item:hover .img img {
  transform: scale(1.05);
}
.newsPage .item:hover .item-con .name {
  color: #47B92F;
}
.newsPage .item:nth-of-type(3n) {
  margin-right: 0;
}
.newsPage .webPage {
  margin-top: 0;
}
@media only screen and (max-width: 1918px) {
  .newsPage .item .item-con .name {
    font-size: 20px;
  }
  .newsPage .item {
    width: calc((100% - 104px) / 3);
    margin-right: 52px;
    margin-bottom: 52px;
    border-radius: 16px 16px 0 0;
  }
  .newsPage .item .item-con .news-item-desc {
    margin: 14px 0 26px;
  }
  .newsPage .item .item-con {
    padding: 30px 30px 36px 30px;
  }
}
@media only screen and (max-width: 1598px) {
  .newsPage {
    padding-top: 50px;
  }
  .newsPage .item {
    width: calc((100% - 84px) / 3);
    margin-right: 42px;
    margin-bottom: 42px;
  }
  .newsPage .item .item-con .name {
    font-size: 18px;
  }
  .newsPage .item .item-con {
    padding: 30px 25px 35px 25px;
  }
  .newsPage .webPage {
    margin-top: 30px;
  }
}
@media (max-width: 1365px) {
  .newsPage .item .item-con .name {
    font-size: 17px;
  }
  .newsPage .item .item-con .news-item-desc {
    margin: 10px 0 22px;
  }
  .newsPage {
    padding-top: 42px;
  }
}
@media (max-width: 1250px) {
  .newsPage .item {
    width: calc((100% - 44px) / 3);
    margin-right: 22px;
    margin-bottom: 30px;
    border-radius: 12px 12px 0 0;
  }
  .newsPage .item .item-con {
    padding: 24px 20px 30px 20px;
  }
  .newsPage {
    padding-top: 38px;
  }
}
@media (max-width: 1023px) {
  .newsPage .item {
    width: calc((100% - 22px) / 2);
    margin-right: 22px;
  }
  .newsPage .item:nth-of-type(3n) {
    margin-right: 22px;
  }
  .newsPage .item:nth-of-type(2n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .newsPage {
    padding-top: 35px;
  }
  .newsPage .item .item-con .name {
    font-size: 15px;
    -webkit-line-clamp: 2;
  }
  .newsPage .item .item-con {
    padding: 20px 14px 28px 14px;
  }
  .newsPage .item .item-con .news-item-desc {
    font-size: 12px;
    margin: 10px 0 0;
  }
  .newsPage .item {
    width: calc((100% - 12px) / 2);
    margin-right: 12px;
  }
  .newsPage .item:nth-of-type(3n) {
    margin-right: 12px;
  }
  .newsPage .item:nth-of-type(2n) {
    margin-right: 0;
  }
  .newsPage .webPage {
    margin-top: 20px;
  }
  .newsPage .item .item-con .item-con-more {
    display: none;
  }
}
@media only screen and (max-width: 650px) {
  .newsPage .item {
    width: 100%;
    margin-right: 0;
    display: flex;
    flex-wrap: wrap;
  }
  .newsPage .item .img {
    width: 40%;
    display: block;
  }
  .newsPage .item .img .img-inner {
    height: 100%;
  }
  .newsPage .item .item-con {
    width: 60%;
  }
  .newsPage .item:nth-of-type(3n) {
    margin-right: 0;
  }
  .newsPage .item:nth-of-type(2n) {
    margin-right: 0;
  }
  .newsPage .webPage {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 385px) {
  .newsPage .item .img {
    width: 100%;
  }
  .newsPage .item .item-con {
    width: 100%;
  }
}