.page-content {
  background-color: #f7f7f7;
}
.page-banner img {
  width: 100%;
}
.news-box {
  padding-top: 5rem;
  padding-bottom: 3rem;
}
.news-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 1rem;
}
.news-info {
  color: #666;
  font-size: 12px;
  padding-bottom: 1rem;
  border-bottom: 1px solid #ccc;
}
.news-content {
  padding-top: 1rem;
  font-size: 14px;
}
.news-content img {
  width: 95% !important;
  margin: 0 auto !important;
}
.top-news .top-news-title {
  font-size: 16px;
  color: #333;
  font-weight: bold;
  padding-bottom: 1rem;
}
.top-news .news-title {
  font-size: 16px;
  color: #333;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.top-news ul li {
  padding: 1.5rem 0;
  border-top: 1px solid #ccc;
}
.top-news a {
  text-decoration: none;
}
.top-news .news-date {
  color: #666;
  font-size: 14px;
}
.top-news ul li a:hover .news-title,
.top-news ul li a:hover .news-date {
  color: #006bff;
}
@media (max-width: 1000px) {
  .news-box {
    padding-top: 1rem;
  }
  .top-news {
    padding-top: 1rem;
    margin-top: 1rem;
    background-color: #fff;
  }
}