body {
  background: white;
}

.hero-banner {
  background-image:
    linear-gradient(180deg, rgba(8, 33, 65, .28), rgba(8, 33, 65, .12) 35%, rgba(8, 33, 65, 0) 100%),
    url("../assets/leftlistbg.jpg");
}

.leftList .second-list {
  display: none;
  background: #fff;
}

.leftList > li:hover .second-list {
  display: block;
}

.leftList .second-list li:hover a {
  color: #1d5ca9;
}

.location {
  margin-bottom: 18px;
}

.rightList > ul.clearfix,
.rightList > ul,
.rightList > ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.rightList > ul.clearfix > li,
.rightList > ul > li,
.rightList > ol > li {
  border-bottom: 1px solid #e4e7ec;
  min-height: 64px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  gap: 24px;
}

.rightList > ul.clearfix > li > a,
.rightList > ul > li > a,
.rightList > ol > li > a {
  flex: 1 1 auto;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  align-items: center;
  column-gap: 24px;
  color: #2f353d;
}

.rightList > ul.clearfix > li > a:hover,
.rightList > ul > li > a:hover,
.rightList > ol > li > a:hover {
  color: #1f5ca9;
}

.rightList > ul.clearfix > li > a > div,
.rightList > ul > li > a > div,
.rightList > ol > li > a > div {
  min-width: 0;
  color: #2f353d;
  font-size: 16px;
  line-height: 64px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rightList > ul.clearfix > li > a > span,
.rightList > ul > li > a > span,
.rightList > ol > li > a > span,
.rightList > ul.clearfix > li .news_meta,
.rightList > ul > li .news_meta,
.rightList > ol > li .news_meta,
.rightList > ul.clearfix > li .meta,
.rightList > ul > li .meta,
.rightList > ol > li .meta,
.rightList > ul.clearfix > li .date,
.rightList > ul > li .date,
.rightList > ol > li .date,
.rightList > ul.clearfix > li .time,
.rightList > ul > li .time,
.rightList > ol > li .time {
  flex: 0 0 auto;
  min-width: 180px;
  text-align: right;
  color: #666e7a;
  font-size: 16px;
  letter-spacing: .2px;
}

.rightList > br {
  display: none;
}

.right-col .wp_paging,
.right-col .pages,
.right-col .pagination,
.right-col .page,
.right-col .pb_sys_common {
  margin-top: 40px !important;
  text-align: right !important;
}

.right-col .wp_paging a,
.right-col .wp_paging span,
.right-col .pages a,
.right-col .pages span,
.right-col .pagination a,
.right-col .pagination span,
.right-col .page a,
.right-col .page span,
.right-col .page button,
.right-col .pb_sys_common a,
.right-col .pb_sys_common span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 54px;
  height: 40px;
  margin-left: 8px;
  border: 1px solid #d8dde4;
  background: #fff;
  color: #4b5565;
  font-size: 16px;
  line-height: 1;
  padding: 0 14px;
}

.right-col .pb_sys_common a {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  height: 38px !important;
  line-height: 38px !important;
  text-align: center;
}
.right-col .pb_sys_common span {
  padding: 0;
  border: none;
}

.right-col .pb_sys_common span span  {
  border: 1px solid #d8dde4;
}

.right-col .wp_paging .current,
.right-col .pages .current,
.right-col .pagination .current,
.right-col .page .current,
.right-col .pb_sys_common .p_no_d,
.right-col .wp_paging .active,
.right-col .pages .active,
.right-col .pagination .active,
.right-col .page .active {
  background: #1f5ca9;
  border-color: #1f5ca9;
  color: #fff;
}

.right-col .wp_paging .disabled,
.right-col .pages .disabled,
.right-col .pagination .disabled,
.right-col .page .disabled,
.right-col .pb_sys_common .p_fun_d,
.right-col .pb_sys_common .p_first_d,
.right-col .pb_sys_common .p_prev_d,
.right-col .pb_sys_common .p_next_d,
.right-col .pb_sys_common .p_last_d {
  color: #b6bdc8;
  background: #f7f8fa;
}

@media (max-width: 1199px) {
  .rightList > ul.clearfix > li > a,
  .rightList > ul > li > a,
  .rightList > ol > li > a {
    grid-template-columns: minmax(0, 1fr) 120px;
  }


  .rightList > ul.clearfix > li > a > span,
  .rightList > ul > li > a > span,
  .rightList > ol > li > a > span,
  .rightList > ul.clearfix > li .news_meta,
  .rightList > ul > li .news_meta,
  .rightList > ol > li .news_meta,
  .rightList > ul.clearfix > li .meta,
  .rightList > ul > li .meta,
  .rightList > ol > li .meta,
  .rightList > ul.clearfix > li .date,
  .rightList > ul > li .date,
  .rightList > ol > li .date,
  .rightList > ul.clearfix > li .time,
  .rightList > ul > li .time,
  .rightList > ol > li .time {
    font-size: 18px;
    min-width: 120px;
  }

  .right-col .wp_paging a,
  .right-col .wp_paging span,
  .right-col .pages a,
  .right-col .pages span,
  .right-col .pagination a,
  .right-col .pagination span,
  .right-col .page a,
  .right-col .page span,
  .right-col .page button {
    min-width: 54px;
    height: 40px;
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .hero-banner {
    background-image:
      linear-gradient(180deg, rgba(8, 33, 65, .18), rgba(8, 33, 65, 0) 65%),
      url("../assets/leftlistbgh5.jpg");
  }

  .right-col {
    width: 100%;
  }

  .rightList > ul.clearfix > li,
  .rightList > ul > li,
  .rightList > ol > li {
    min-height: 64px;
    padding: 0 0;
    background: transparent !important;
  }

  .rightList > ul.clearfix > li > a,
  .rightList > ul > li > a,
  .rightList > ol > li > a {
    grid-template-columns: minmax(0, 1fr) 160px;
    column-gap: 16px;
  }

  .rightList > ul.clearfix > li > a > div,
  .rightList > ul > li > a > div,
  .rightList > ol > li > a > div {
    font-size: 16px;
    line-height: 1.5;
  }

  .rightList > ul.clearfix > li > a > span,
  .rightList > ul > li > a > span,
  .rightList > ol > li > a > span,
  .rightList > ul.clearfix > li .news_meta,
  .rightList > ul > li .news_meta,
  .rightList > ol > li .news_meta,
  .rightList > ul.clearfix > li .meta,
  .rightList > ul > li .meta,
  .rightList > ol > li .meta,
  .rightList > ul.clearfix > li .date,
  .rightList > ul > li .date,
  .rightList > ol > li .date,
  .rightList > ul.clearfix > li .time,
  .rightList > ul > li .time,
  .rightList > ol > li .time {
    min-width: 160px;
    font-size: 16px;
    color: #5c6572;
  }

  .right-col .wp_paging,
  .right-col .pages,
  .right-col .pagination,
  .right-col .page,
  .right-col .pb_sys_common {
    margin-top: 40px !important;
    text-align: right !important;
  }

  .right-col .wp_paging a,
  .right-col .wp_paging span,
  .right-col .pages a,
  .right-col .pages span,
  .right-col .pagination a,
  .right-col .pagination span,
  .right-col .page a,
  .right-col .page span,
  .right-col .page button,
  .right-col .pb_sys_common a,
  .right-col .pb_sys_common span {
    min-width: 56px;
    height: 44px;
    margin: 0 4px;
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .rightList > ul.clearfix > li > a,
  .rightList > ul > li > a,
  .rightList > ol > li > a {
    grid-template-columns: minmax(0, 1fr) 124px;
    column-gap: 12px;
  }


  .rightList > ul.clearfix > li > a > span,
  .rightList > ul > li > a > span,
  .rightList > ol > li > a > span,
  .rightList > ul.clearfix > li .news_meta,
  .rightList > ul > li .news_meta,
  .rightList > ol > li .news_meta,
  .rightList > ul.clearfix > li .meta,
  .rightList > ul > li .meta,
  .rightList > ol > li .meta,
  .rightList > ul.clearfix > li .date,
  .rightList > ul > li .date,
  .rightList > ol > li .date,
  .rightList > ul.clearfix > li .time,
  .rightList > ul > li .time,
  .rightList > ol > li .time {
    min-width: 124px;
    font-size: 18px;
  }

  .right-col .wp_paging a,
  .right-col .wp_paging span,
  .right-col .pages a,
  .right-col .pages span,
  .right-col .pagination a,
  .right-col .pagination span,
  .right-col .page a,
  .right-col .page span,
  .right-col .page button,
  .right-col .pb_sys_common a,
  .right-col .pb_sys_common span {
    min-width: 52px;
    height: 40px;
    font-size: 16px;
    margin: 0 3px;
  }
}