.hdjl_left {
  background: url(../images/zmhd/xx_left.png) no-repeat;
  padding: 60px 40px 25px;
  box-shadow: 0px 0px 8px 4px rgba(168, 195, 227, 0.2);
  box-sizing: border-box;
  width: 100%;
}

.jzxx_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.jzxx_box a {
  width: 32%;
}

.hdjl_left ul li {
  float: left;
}

#data-table {
  width: 100%;
}

#data-table thead tr {
  height: 40px;
  background: rgba(242, 244, 247, 1);
  width: 100%;
  font-size: 18px;
  color: rgba(56, 56, 56, 1);
}

#data-table thead tr th {
  font-weight: 700 !important;
}

#data-table tbody {
  text-align: center;
}

#data-table tbody tr td:first-child {
  text-align: left;
  padding-left: 45px;
}

#data-table tbody tr td:first-child::before {
  content: "";
  background: url(../images/zmhd/xx_icon.png) no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 8px;
  top: 24px;
}

#data-table tbody tr {
  height: 62.5px;
  line-height: 62.5px;
  position: relative;
  font-size: 16px;
  border-bottom: 1px dashed rgba(144, 189, 240, 1);
}

#data-table tbody tr:last-child {
  border-bottom: 0px dashed rgba(144, 189, 240, 1);
}

#data-table tbody tr td:nth-child(4) {
  color: rgba(42, 130, 228, 1);
}

.hdjl {
  display: flex;
  justify-content: space-between;
}

.xjxd {
  font-size: 24px;
  font-weight: 700;

  color: rgba(32, 79, 149, 1);
}

.xjxd_right a img {
  height: 38px;
}

@media (max-width: 992px) {
  .table-container {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 20px;
  }

  #data-table {
    width: 100%;
    white-space: nowrap;
    min-width: 760px;
    overflow-x: auto;
  }
}

@media (max-width: 480px) {
  .jzxx_box a {
    width: 100%;
    margin-top: 20px;
  }

  .hdjl {
    flex-wrap: wrap;
  }

  .xjxd_right {
    display: flex;
    margin-top: 20px;
  }
}