@media screen and (max-width: 960px) {
  .banner {
    height: auto !important;
  }

  .w1200 {
    width: 100% !important;
  }

  .banner .text1 {
    height: .5rem !important;
    line-height: .5rem !important;
    font-size: .36rem !important;
    width: 100% !important;
    text-align: center !important;
    color: #fff !important;
    top: 0.8rem !important;
    left: 0 !important;
    font-weight: 700 !important;
    position: absolute !important;
    text-shadow: 3px 3px 0 #000;
  }

  .banner .text2 {
    height: .3rem !important;
    line-height: .3rem !important;
    font-size: .25rem !important;
    width: 100% !important;
    text-align: center !important;
    color: #fff !important;
    top: 1.5rem !important;
    left: 0 !important;
    position: absolute !important;
    text-shadow: 3px 3px 0 #000;

  }

  .nav {
    height: .8rem !important;
  }

  .nav ul {
    width: 100% !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }

  .nav ul li {
    width: auto !important;
    height: .8rem !important;
    line-height: .8rem !important;
  }

  .nav ul li a {
    font-size: .26rem !important;
    line-height: .28rem !important;
    border: none !important;
    margin: 0 !important;
  }

  .common-title {
    text-align: center;
    position: relative;
    height: .38rem;
    line-height: .38rem;
    color: #333333;
    font-size: .36rem;
    padding: .96rem 0 .7rem;
    margin: 0 !important;
  }

  .honour-content {
    width: 100% !important;
  }

  .honour-content > ul > li {
    padding: 0 .3rem !important;
  }

}