.news-item {
  width: 1320px;
  height: 360px;
  border: 1px solid #d2d2d2;
  padding: 35px 60px;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 30px;
}
.news-item:hover {
  box-shadow: 0 4px 13px 4px rgba(206, 206, 206, 0.75);
  border: none;
}

.news-item .news-left {
  width: 400px;
  position: relative;
}

.news-item .news-right {
  margin-left: 100px;
  width: 680px;
}
.news-item .news-title {
  font-weight: bold;
  font-size: 30px;
  color: #484848;
}

.news-item .news-desp {
  margin-top: 20px;
  font-size: 24px;
  color: #999999;
  max-lines: 2;
  line-height: 38px;
}
.news-item .news-info {
  font-size: 24px;
  position: absolute;
  bottom: 38px;
  right: 60px;
  justify-content: space-between;
  width: 680px;
}
.share-info {
  margin-top: 30px;
  margin-bottom: 50px;
  font-size: 24px;
  line-height: 50px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.hot-news .title,
.news .title {
  margin: 60px 0;
  width: 100%;
  font-size: 30px;
  color: #484848;
  text-align: center;
  font-weight: bold;
}
.hot-news .hot-news-carousel {
  background: #eeeeee;
  width: 100%;
  height: 456px;
}

.share-info {
  display: table;
  position: relative;
}

.popup {
  border: 2px solid #999999;
  display: none;
  width: 287px;
  height: 287px;
  position: absolute;
  bottom: -10px;
  left: 150px;
}

.news-body {
  margin-top: 90px;
  margin-left: 20px;
}

.news-body .title {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  color: #a11212;
  line-height: 50px;
}
.news-body .desp {
  text-align: center;
  font-size: 18px;
  color: #484848;
  margin-top: 40px;
}

.news-body .content {
  margin-top: 70px;
  color: #666666;
  line-height: 52px;
  font-size: 24px;
}

.page-nav {
  margin: 50px 0 50px 0;
  font-size: 20px;
  color: #999999;
  display: flex;
  justify-content: space-between;
}