.hdpt_box {
  background: url(../images/zwzx/box_bg.png) no-repeat top center;
  padding-top: 40px;
}

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

.xx_box li {
  height: 150px;
  width: 15.5%;
  border-radius: 2px;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.09);
  text-align: center;
  box-sizing: border-box;
  font-size: 18px;
  font-weight: 700;
}

.xx_box li img {
  display: block;
  margin: 12px auto;
}

.zxft {
  position: relative;
}

.com-more.more {
  right: 20px;
}

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

.zxft_left {
  width: 32%;
  border-radius: 2px;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.09);
}

.zxft_right {
  width: 66%;
}

.lt_bg {
  padding: 30px 40px 30px 20px;
  display: flex;
  flex-direction: column;
}

.lt_bg img {
  margin-right: 6px;
  vertical-align: middle;
  margin-top: -4px;
}

.djjr {
  font-size: 14px;
  text-align: right;
  color: rgba(63, 129, 204, 1);
}

.lt_bg span {
  margin-top: 20px;
}

.zczx img {
  width: 100%;
}

.hdpt {
  position: relative;
}

@media (max-width: 1280px) {
  .xx_box li {
    width: 30.5%;
  }

  .xx_box li:nth-child(4),
  .xx_box li:nth-child(5),
  .xx_box li:nth-child(6) {
    margin-top: 20px;
  }

  .zxft_left {
    width: 61%;
  }

  .zxft_right {
    width: 100%;
  }
}

@media (max-width: 992px) {
  .zxft_left {
    width: 73%;
  }
}

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

  .zxft_left {
    width: 100%;
  }

  .list li a {
    width: 68%;
  }
}