.banner {
  width: 100%;
  height: 384px;
  overflow: hidden;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
}
.banner img {
  position: absolute;
  display: block;
  min-height: 100%;
  min-width: 100%;
}
.banner b, .banner span {
  position: relative;
  z-index: 1;
  color: #ffffff;
  font-size: 18px;
}
.banner b {
  display: none;
  font-size: 60px;
  font-family: YouSheBiaoTiHei;
  margin-bottom: 30px;
}
.honour-mod ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.honour-mod ul li {
  list-style: none;
  width: 180px;
  margin-right: 60px;
  margin-bottom: 40px;
}
.honour-mod ul li img {
  display: block;
  width: 100%;
}
.honour-mod ul li.big {
  width: 420px;
}
@media screen and (max-width: 1000px) {
  .banner {
    width: 100%;
    height: 2.44rem /* 183/75 */;
  }
  .banner img {
    min-width: auto;
    min-height: auto;
    width: 100%;
  }
  .honour-mod ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .honour-mod ul li {
    list-style: none;
    width: 2.906667rem /* 218/75 */;
    margin-right: 0.12rem /* 9/75 */;
    margin-bottom: 0.533333rem /* 40/75 */;
  }
  .honour-mod ul li img {
    display: block;
    width: 100%;
  }
  .honour-mod ul li.big {
    width: 5.893333rem /* 442/75 */;
  }
  .honour-mod ul li.mhide {
    display: none;
  }
}