/* 新闻列表 */
.new_list {
  padding: 60px 0 80px;
  background: #fff;
}
.new_list .new_box {
  background: #F6F6F6;
  padding: 3.285% 2.464%;
}
.new_list .new_box .h_title {
  font-size: 23px;
  font-family: Bold;
  color: #333333;
  margin-bottom: 10px;
}
.new_list .new_box .h_xian {
  width: 100%;
  margin: 35px 0;
  flex-wrap: nowrap;
}
.new_list .new_box .h_xian .h_xd {
  width: 6%;
  height: 2px;
  background: var(--active-color);
  margin-right: 1%;
}
.new_list .new_box .h_xian .h_xc {
  width: 93%;
  height: 2px;
  background: #B1B1B1;
}
.new_list .new_box .h_time {
  font-size: 15px;
  font-family: Roboto-Regular;
  color: #777777;
  line-height: 19px;
}
.new_list .new_box .h_content {
  text-align: justify;
  line-height: 1.8 !important;
  font-size: 15px;
    color: #888888;
    line-height: 24px;
  font-family: Regular !important;
}
.new_list .new_box .h_content p,
.new_list .new_box .h_content span,
.new_list .new_box .h_content p span{
  font-family: Regular !important;
}
.new_list .new_box .h_content img,
.new_list .new_box .h_content video,
.new_list .new_box .h_content table {
  max-width: 100% !important;
  height: auto !important;
}
.new_list .new_box .h_dibu {
  align-items: center;
  /*justify-content: space-between;*/
  column-gap: 0;
}
.new_list .new_box .h_dibu .h_left {
  max-width: calc(100% - 100px);
  min-width: calc(50% - 50px);
}
.new_list .new_box .h_dibu .h_left p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 1.642%;
}
.new_list .new_box .h_dibu .h_left p a {
  font-size: 14px;
  font-family: Regular;
  color: #777777;
  line-height: 16px;
}
.new_list .new_box .h_dibu .h_left p a:hover {
  color: var(--active-color);
}
.new_list .new_box .h_dibu .h_right i {
  margin-right: 8px;
  font-size: 16px;
}
.new_list .new_box .h_dibu .h_right:hover i{color: var(--active-color);}
.new_list .new_box .h_dibu .h_right:hover a{color: var(--active-color);}
.new_list .new_box .h_dibu .h_right a {
  font-size: 18px;
  font-family: Regular;
  color: #777777;
  line-height: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
}
@media (max-width: 767px) {
  /* banner */
  .h_banner .box {
    left: 4.5%;
    top: 42%;
  }
  .h_banner .box .h_title {
    font-size: 20px;
    margin-bottom: 2px;
    line-height: normal;
  }
  .new_list {
    padding: 5% 0;
  }
  .new_list .new_box .h_dibu {
    /*flex-direction: column;*/
  }
  .new_list .new_box .h_dibu .h_left {
    width: 100%;
  }
  .new_list .new_box .h_xian .h_xd {
    width: 20%;
  }
  .new_list .new_box .h_xian .h_xc {
    width: 79%;
  }
}
@media (max-width: 480px) {
  .new_list .new_box .h_title {
    font-size: 18px;
  }
  /* banner */
  .h_banner .box {
    left: 4.5%;
    top: 42%;
  }
  .h_banner .box .h_title {
    font-size: 16px;
    margin-bottom: 2px;
    line-height: normal;
  }
  .h_banner .box .h_desc {
    font-size: 12px;
    line-height: normal;
    margin-top: 0;
  }
  .new_list {
    padding: 5% 0;
  }
  .new_list .new_box .h_dibu {
    flex-direction: column;
    row-gap: 0;
  }
  .new_list .new_box .h_xian{
      margin: 20px 0;
  }
  .new_list .new_box .h_dibu .h_left{
      max-width: none;
  }
  .new_list .new_box .h_dibu .h_right{
      width: 100%;
  }
  .new_list .new_box .h_dibu .h_right a{
      width: 100%;
  }
}
.table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}

.table > caption + thead > tr:first-child > th,.table > colgroup + thead > tr:first-child > th,.table > thead:first-child > tr:first-child > th,.table > caption + thead > tr:first-child > td,.table > colgroup + thead > tr:first-child > td,.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

.table > tbody + tbody {
  border-top: 2px solid #ddd;
}

table {
  border-collapse: collapse;
}

.table-condensed > thead > tr > th,.table-condensed > tbody > tr > th,.table-condensed > tfoot > tr > th,.table-condensed > thead > tr > td,.table-condensed > tbody > tr > td,.table-condensed > tfoot > tr > td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,.table-bordered > tbody > tr > th,.table-bordered > tfoot > tr > th,.table-bordered > thead > tr > td,.table-bordered > tbody > tr > td,.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td {
  border-top: 1px solid #888;
}

.table > thead > tr > th {
  border-bottom: 2px solid #888;
}

.table tr td .progress {
  margin-top: 5px;
}

.table-bordered {
  border: 1px solid #888;
}

.table-bordered > thead > tr > th,.table-bordered > tbody > tr > th,.table-bordered > tfoot > tr > th,.table-bordered > thead > tr > td,.table-bordered > tbody > tr > td,.table-bordered > tfoot > tr > td {
  border: 1px solid #888;
}

.table-bordered > thead > tr > th,.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.table.no-border,.table.no-border td,.table.no-border th {
  border: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  /* banner */
  .h_banner .box {
    left: 8.5%;
    top: 42%;
  }
  .h_banner .box .h_title {
    font-size: 30px;
    margin-bottom: 6px;
    line-height: normal;
  }
  .h_banner .box .h_desc {
    font-size: 14px;
    line-height: normal;
    margin-top: 0;
  }
  .new_list {
    padding: 5% 0;
  }
}
@media (min-width: 992px) and (max-width: 1024px) {
  /* banner */
  .h_banner .box {
    left: 8.5%;
    top: 42%;
  }
  .h_banner .box .h_title {
    font-size: 30px;
    margin-bottom: 6px;
    line-height: normal;
  }
  .h_banner .box .h_desc {
    font-size: 14px;
    line-height: normal;
    margin-top: 0;
  }
  .new_list {
    padding: 5% 0;
  }
}
@media (min-width: 1025px) and (max-width: 1199px) {
  /* banner */
  .h_banner .box {
    left: 8.5%;
    top: 42%;
  }
  .h_banner .box .h_title {
    font-size: 38px;
    margin-bottom: 6px;
    line-height: normal;
  }
  .h_banner .box .h_desc {
    font-size: 14px;
    line-height: normal;
    margin-top: 0;
  }
  .new_list {
    padding: 5% 0;
  }
}
@media (min-width: 1200px) and (max-width: 1440px) {
  /* banner */
  .h_banner .box {
    left: 8.5%;
    top: 42%;
  }
  .h_banner .box .h_title {
    font-size: 42px;
    margin-bottom: 12px;
    line-height: normal;
  }
  .h_banner .box .h_desc {
    font-size: 18px;
    line-height: normal;
    margin-top: 0;
  }
  .new_list {
    padding: 5% 0;
  }
}