@media only screen and (max-width:768px) {
  .banner{
  	height: 3rem;
  	/* background-size: 100% 100%; */
  }
  ._w1200_center{
    width: 100%;
  }
  .banner h2{
    height: .64rem;
    font-size: .52rem;
    line-height: .64rem;
    margin-top: 0.68rem;
  }
  .banner ._w1200_center{
    padding:0.24rem;
  }
  .mainBox{
    padding:.5rem 0;
  }
  .mainBox > ._w1200_center{
    padding:0.24rem;
  }
  .mainBox .contain1 > h3{
    font-size: .44rem;
  }
  .mainBox .contain1 > div{
    margin-top: .4rem;
  }
  .mainBox .contain1 > div h4{
    height: .52rem;
  }
  .mainBox .contain1 > div h4 span{
    height: .52rem;
    font-size: .36rem;
    position: relative;
    float: left;
    line-height: .52rem;
  }
  .mainBox .contain1 > div h4 span i{
    width: .52rem;
    height: 0.52rem;
    background-size: cover !important;
  }
  .mainBox .contain1 > div h4 span em{
    margin-left: 0.16rem;
  }
  .mainBox .contain1 > div ul a:first-child li{
    margin:0 auto;
  }
  .mainBox .contain1 > div ul a li{
    width: 100%;
    min-height: 2.01rem;
    height: auto;
    padding: .24rem;
    float: none;
    margin: 0.32rem auto;
  }
  .mainBox .contain1 > div ul a li h5{
    font-size: .3rem;
    min-height: 1.1rem;
    line-height: 0.4rem;
    height: auto;
  }
  .mainBox .contain1 > div ul a li span{
    font-size: .21rem;
    margin-top: .12rem;
  }
  .mainBox .contain2{
    margin-top: 0rem;
  }
  .mainBox .contain2 h3{
    font-size: .44rem;
  }
  .mainBox .contain2 > ul{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 0.32rem;
  }
  .mainBox .contain2 > ul a li{
    width: 3.39rem;
    height: 2.81rem;
    float: none;
    margin-left: auto;
  }
  .mainBox .contain2 > ul a:first-child li{
    margin: auto;
  }
  .mainBox .contain2 > ul a li img{
    height: 1.91rem;
  }
  .mainBox .contain2 > ul a li span{
    height: .89rem;
    line-height: .89rem;
    padding: 0 .2rem;
  }
}