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

  .banner,
  .nav {
    display: none !important;
  }

  .w1200 {
    width: 100% !important;
  }

  /*banner nav*/
  .m-banner,
  .m-nav {
    display: block !important;
    background-color: #FFFFFF;
  }

  .m-banner {
    width: 7.5rem;
    height: 3.8rem;
    background: url(../img/m/gy_02.jpg) no-repeat center center;
    background-size: 100% 100%;
  }

  .m-nav {
    padding: .5rem .3rem;
    margin-bottom: .3rem;
    background: #fff;
  }

  .m-nav ul {
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .m-nav ul li {
    text-align: center;
  }

  .m-nav ul li:nth-child(1) a {
    background: url(../img/m/gy_05.png) no-repeat center top;
    background-size: .96rem .96rem;
  }

  .m-nav ul li:nth-child(2) a {
    background: url(../img/m/gy_07.png) no-repeat center top;
    background-size: .96rem .96rem;
  }

  .m-nav ul li:nth-child(3) a {
    background: url(../img/m/gy_09.png) no-repeat center top;
    background-size: .96rem .96rem;
  }

  .m-nav ul li:nth-child(4) a {
    background: url(../img/m/gy_11.png) no-repeat center top;
    background-size: .96rem .96rem;
  }

  .m-nav ul li a {
    display: block;
    padding-top: 1.17rem;
    color: #666666;
    font-size: .26rem;
    line-height: .28rem;
    height: .28rem;
    background-size: .96rem .96rem;
  }

  .common-title {
    display: none !important;
  }

  .m-common-title {
    display: block !important;
    text-align: left;
    position: relative;
    padding-left: .28rem;
    height: .34rem;
    line-height: .34rem;
    color: #333333;
    font-size: .34rem;
    margin-bottom: .3rem !important;
  }

  .m-common-title::before {
    position: absolute;
    content: '';
    width: .06rem;
    height: .32rem;
    background: radial-gradient(circle, rgba(86, 101, 246, 1) 0%, rgba(68, 66, 245, 1) 100%);
    left: 0;
    top: 0;
  }

  .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;
  }

  .history {
    width: calc(100% - .6rem) !important;
    padding: .3rem !important;
    margin-bottom: .3rem !important;
    background-color: #FFFFFF !important;
  }

  .history .info p {
    line-height: .44rem;
    text-align: left;
    color: #666666;
    font-size: .22rem;
    margin-bottom: .3rem;
    padding: 0 .2rem !important;
  }


  /*详情*/
  .detail-content {
    width: 100% !important;
  }

  .year-line {
    display: none !important;
  }


  .des-list .year-line .line {
    position: absolute !important;
    width: .02rem !important;
    background: #EEEEEE !important;
    bottom: 0 !important;
    top: 0.2rem !important;
    left: 50% !important;
    margin-left: -.01rem !important;
  }

  .detail-content .year-list > li {
    background: #fff;
    padding: .38rem .2rem .38rem .56rem !important;
    position: relative;
    margin: 0 !important;
  }

  .year-list > li:nth-child(n + 2) .des-list {
    height: auto !important;
  }

  .year-left {
    width: auto !important;
    padding: 0 !important;
    float: none !important;
  }

  .year-left .title {
    /* height: .5rem; */
    line-height: .5rem !important;
    position: relative !important;
    color: #333333 !important;
    font-size: .34rem !important;
    font-weight: 700;
    text-align: start !important;
  }

  .year-left .img-wrapper {
    width: 3.8rem !important;
    height: 2.25rem !important;
    margin: .3rem 0 !important;
  }

  .year-right {
    position: static !important;
    margin: 0 !important;
  }

  .year-right .right-top {
    position: absolute !important;
    right: .3rem !important;
    top: .38rem !important;
    height: .5rem !important;
  }

  .year-right .right-top .year-num {
    height: .5rem !important;
    line-height: .5rem !important;
    color: #302b2b !important;
    font-size: .6rem !important;
    margin-right: .13rem !important;
    float: left !important;
    font-weight: 700 !important;
    transform: skew(-7deg) !important;
    -webkit-transform: skew(-7deg) !important;
  }

  .year-right .right-top .down-btn {
    height: .3rem !important;
    width: .3rem !important;
    float: right !important;
    margin-top: .08rem !important;
    background-image: url(../img/us/gya_08.png) !important;
    background-size: 100% 100% !important;
  }

  .year-right .des-list {
    padding: 0 !important;
  }

  .year-right .des-list li {
    margin-bottom: .3rem !important;
    margin-left: 0 !important;
  }

  .year-right .des-list li span:nth-child(1) {
    color: #666666 !important;
    font-size: .28rem !important;
    float: left !important;
  }
}