@charset "UTF-8";
.news-list {
  margin-top: 10px;
  margin-bottom: 80px;
}

.news-list .news-item {
  display: flex;
  width: 100%;
  align-items: stretch;
  padding-top: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid rgba(0, 85, 72, 0.15);
}

.news-list .news-item:first-child {
  padding-top: 0;
}

.news-list .news-item .news-imgbox {
  display: block;
  width: 300px;
  height: 190px;
  aspect-ratio: 30/19;
  margin-right: 40px;
}

.news-list .news-item .news-imgbox img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-list .news-item .news-con {
  width: calc( 100% - 300px - 40px);
  padding-top: 20px;
  position: relative;
}

.news-list .news-item .news-con .news-title {
  margin-bottom: 16px;
  color: #333;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 166.667%;
  overflow: hidden;
  /* 隐藏超出容器的文本 */
  white-space: nowrap;
  /* 保持文本在一行内显示 */
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
}

.news-list .news-item .news-con .news-desc {
  color: #666;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 171.429%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.news-list .news-item .news-con .news-more {
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
  bottom: 20px;
}

.news-list .news-item .news-con .news-more .more-btn {
  display: flex;
  align-items: center;
  column-gap: 4px;
}

.news-list .news-item .news-con .news-more .more-btn p {
  color: #999;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.news-list .news-item .news-con .news-more .more-btn img {
  width: 12px;
  height: 12px;
}

.news-list .news-item .news-con .news-more .more-time {
  color: #999;
  font-size: 14px;
  font-weight: 400;
}

.news-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 8px;
}

.news-pagination .prev {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
}

.news-pagination .prev img {
  display: block;
  width: 100%;
  height: 100%;
}

.news-pagination .next {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
}

.news-pagination .next img {
  display: block;
  width: 100%;
  height: 100%;
}

.news-pagination .page {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 39px;
  height: 39px;
  color: #333;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  background: all .5s ease;
}

.news-pagination .page.active {
  background: #333333;
  color: #ffffff;
}

.news-pagination .page:hover {
  background: #333333;
  color: #ffffff;
}

.news-detail {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.news-detail .social-share .icon-wechat, .news-detail .social-share .icon-qq {
  border: none;
  color: #999999;
}

.news-detail .social-share .icon-wechat:hover, .news-detail .social-share .icon-qq:hover {
  background: transparent;
}

.news-detail .detail-left {
  width: 880px;
}

.news-detail .detail-left .detail-title {
  margin-bottom: 25px;
  color: #333;
  font-size: 20px;
  font-weight: 500;
  line-height: 180%;
}

.news-detail .detail-left .detail-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px solid #E8E9EE;
}

.news-detail .detail-left .detail-info .detail-time {
  color: #999;
  font-size: 14px;
  font-weight: 400;
}

.news-detail .detail-left .detail-info .detail-share {
  display: flex;
  align-items: center;
}

.news-detail .detail-left .detail-info .detail-share .detail-share__p {
  color: #999;
  font-size: 14px;
  font-weight: 400;
}

.news-detail .detail-left .detail-info .detail-share .bshare-weixin .social-share-icon {
  margin: 0 !important;
}

.news-detail .detail-left .detail-info .detail-share .bshare-sinaminiblog .social-share-icon {
  margin: 0 !important;
}

.news-detail .detail-left .detail-article {
  padding-top: 40px;
  margin-bottom: 60px;
}

.news-detail .detail-left .detail-article img {
  display: block;
  max-width: 100%;
  margin-bottom: 20px;
  width: 100% !important;
    height: auto !important;
}
.news-detail .detail-left .detail-article video {
  display: block;
  max-width: 100%;
  margin-bottom: 20px;
  width: 100% !important;
    height: auto !important;
}

.news-detail .detail-left .detail-article p {
  margin-top: 20px;
  margin-bottom: 20px;
  color: #333;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 185.714%;
}

.news-detail .detail-left .detail-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.news-detail .detail-left .detail-nav .prev {
  display: flex;
  align-items: center;
  column-gap: 8px;
}

.news-detail .detail-left .detail-nav .prev p {
  color: #333;
  font-size: 14px;
  font-weight: 400;
}

.news-detail .detail-left .detail-nav .next {
  display: flex;
  align-items: center;
  column-gap: 8px;
}

.news-detail .detail-left .detail-nav .next p {
  color: #999;
  font-size: 14px;
  font-weight: 400;
}

.news-detail .detail-right {
  width: 300px;
}

.news-detail .detail-right .command-tip {
  color: #333;
  font-size: 20px;
  font-weight: 500;
  line-height: 180%;
  margin-bottom: 20px;
}

.news-detail .detail-right .command-list {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}

.news-detail .detail-right .command-list .command-item {
  display: block;
}

.news-detail .detail-right .command-list .command-item .command-imgbox {
  display: block;
  width: 300px;
  height: 190px;
  margin-bottom: 16px;
  aspect-ratio: 30/19;
}

.news-detail .detail-right .command-list .command-item .command-imgbox img {
  display: block;
  width: 100%;
  height: 100%;
}

.news-detail .detail-right .command-list .command-item .command-con .command-title {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  line-height: 175%;
  margin-bottom: 12px;
}

.news-detail .detail-right .command-list .command-item .command-con .command-time {
  color: #999;
  font-size: 14px;
  font-weight: 400;
}

.news-detail .detail-right .command-back {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 10px 16px;
  column-gap: 6px;
  border: 1px solid #333;
  margin-top: 30px;
}

.news-detail .detail-right .command-back img {
  display: block;
  width: 16px;
  height: 16px;
}

.news-detail .detail-right .command-back p {
  color: #333;
  font-size: 14px;
  font-weight: 400;
}

.news-detail .detail-right .command-media {
  margin-top: 60px;
}

.news-detail .detail-right .command-media .media-item {
  display: flex;
  align-items: center;
  column-gap: 36px;
  margin-bottom: 36px;
}

.news-detail .detail-right .command-media .media-item:last-child {
  margin-bottom: 0;
}

.news-detail .detail-right .command-media .media-item .media-item-icon {
  display: block;
  width: 32px;
  height: 32px;
}

.news-detail .detail-right .command-media .media-item .media-ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 20px;
}

.news-detail .detail-right .command-media .media-item .media-ul .media-li {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 12px;
}

.news-detail .detail-right .command-media .media-item .media-ul .media-li .media-imgbox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
}

.news-detail .detail-right .command-media .media-item .media-ul .media-li .media-imgbox img {
  max-width: 90px;
  max-height: 90px;
  object-fit: contain;
}

.news-detail .detail-right .command-media .media-item .media-ul .media-li .media-title {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
}

@media screen and (max-width: 1280px) {
  .news-detail .detail-left {
    width: 780px;
  }
}

@media screen and (max-width: 1200px) {
  .news-detail .detail-left {
    width: 740px;
  }
  .news-detail .detail-right {
    width: 260px;
  }
  .news-detail .detail-right .command-list .command-item .command-imgbox {
    width: 260px;
    height: auto;
  }
  .news-detail .detail-right .command-media .media-item {
    column-gap: 6px;
  }
  .news-detail .detail-right .command-media .media-item .media-ul {
    column-gap: 10px;
  }
}

@media screen and (max-width: 1120px) {
  .news-detail {
    flex-direction: column;
  }
  .news-detail .detail-left {
    width: 680px;
  }
}

@media screen and (max-width: 1024px) {
  .news-detail .detail-left {
    width: 100%;
  }
  .news-detail .detail-right {
    width: 100%;
    margin-top: 30px;
  }
  .news-detail .detail-right .command-list {
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 20px;
  }
  .news-detail .detail-right .command-list .command-item {
    width: 300px;
  }
  .news-detail .detail-right .command-list .command-item .command-imgbox {
    width: 300px;
  }
  .news-detail .detail-right .command-media {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 20px;
  }
  .news-detail .detail-right .command-media .media-item {
    gap: 20px;
  }
  .news-detail .detail-left .detail-nav{display: block;line-height: 1.4;}
  .news-detail .detail-left .detail-nav .prev{margin-bottom: 12px;}
  .news-detail .detail-left .detail-nav a img{display: none;}
  .social-share .icon-wechat .wechat-qrcode{    bottom: -155px!important;left: -84px!important;width: 148px!important;height: 152px!important;}
  .social-share .icon-wechat .wechat-qrcode .help{display: none!important;}
}

@media screen and (max-width: 768px) {
  .news-list .news-item {
    flex-direction: column;
  }
  .news-list .news-item .news-con .news-more {
    position: static;
    margin-top: 20px;
  }
  .news-list .news-item .news-con {
    width: 100%;
  }
}

@media screen and (max-width: 428px) {
  .news-list .news-item .news-imgbox {
    margin-right: 0;
    width: 100%;
  }
  .news-pagination .page {
    width: 30px;
    height: 30px;
  }
  .news-pagination .prev {
    width: 30px;
    height: 30px;
  }
  .news-pagination .next {
    width: 30px;
    height: 30px;
  }
  .news-list {
    margin-bottom: 40px;
  }
  .news-list .news-item {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .news-detail .detail-right .command-list .command-item {
    width: 100%;
  }
  .news-detail .detail-right .command-list .command-item .command-imgbox {
    width: 100%;
  }
  .news-detail .detail-right .command-media {
    flex-direction: column;
  }
}