@media only screen and (min-device-width:320px) and (max-width: 374px){
  html{font-size:10px;}
}
@media only screen and (min-device-width:375px) and (max-width: 767px){
  html{font-size:11px;}
}

@media screen and (max-width:767px) {
  .main-container{padding-top: 50px;}
  .top-collapse{display: inline-block;position: absolute;right: 0;top: 0;z-index: 2;}
  .nav-header.navbar{height: 50px;}
	.hd-menu {width: 100%;background: #F1F1F1;position: relative;top: 50px;}
	.hd-menu>.navbar-nav>li.active>a::after{display: none;}
  .ban .hd ul{height: .3rem;}
  .sta-info{margin-left: 0;}
  .sta-detail{text-align: center;margin: 2rem auto;}
  .hd-logo {padding-left: 10px;}
  .hd-logo a{width: 8rem;height: 4rem;}
  .about-info{padding: 0 10px;}
  /* aboutUs */
  .abo-wrap .wid-box {
    padding: 30px 15px;
  }
  .abo-bd {
    width: auto;
  }
  .abo-pic{
    float: none;
    width: 100%;
  }
  .abo-desc {
    width: auto;
    float: none;
  }
  .abo-til {
    font-size: 20px;
  }
  .abo-wrap {
    padding: 30px 0;
  }
  /* information */

  .info-items .info-item1 li {
    width: 100%;
    padding: 15px;
  }
  .info-items .info-item1 {
    width: 100%;
  }
  .info-items .info-item2 {
    width: 100%;
    padding: 15px;
  }
  /* scheme */
  .sch-navbar {
    display: inline-block;
  }
  .sch-col-lef {
    float: none;
    width: 100%;
    overflow-x: auto;
    position: fixed;
    top: 50px;
    left: 0;
    bottom: 0;
    z-index: 20;
  }
  .sch-col-rig {
    margin: 0;
  }
  .sch-txt-con, .sch-pic {
    float: none;
    width: auto;
  }
  .sch-col-lef, .sch-til {
    display: none;
  }
  .sch-col-lef.on {
    display: block;
  }
  .hd-menu {
    background: #f2f2f2;
  }
  .hd-menu .nav>li {
    border-bottom: 1px solid #ddd;
  }
  .abo-way .row>div {
    border-bottom: 1px solid #ddd;
  }

}