/**********
	自定义工具函数
	用于将1200px设计稿的px高度转换为750px的rem高度
**********/
@media (max-width: 1296px) {
  .moblie-right {
    display: block;
  }
  .pr10 {
    padding-right: 10px;
  }
  .pl10 {
    padding-left: 10px;
  }
}
@media (max-width: 1199px) {
  .top-right {
    display: none;
  }
  .moblie-right {
    display: block;
  }
  .nav {
    display: none;
  }
    .index_banner_box {
    display: none;
  }
  
  .moblie-nav {
    height: 0.75rem;
    float: left;
    width: 0.77rem;
    position: relative;
  }
  .moblie-nav > a {
    position: absolute;
    margin: auto;
    left: 0px;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0.31rem;
    height: 0.24rem;
    background: url(../images/nav.png) no-repeat;
    background-size: 100% 100%;
  }
  .moblie-nav span {
    position: absolute;
    width: 0.22rem;
    height: 0.12rem;
    left: 50%;
    margin-left: -0.11rem;
    bottom: -1px;
    display: none;
    background: url(../images/ico03.png) no-repeat;
    background-size: 100% 100%;
  }
  .moblie-nav.active > a {
    background: url(../images/nav-active.png) no-repeat;
    background-size: 100% 100%;
  }
  .moblie-nav.active span {
    display: block;
  }
  .moblie-search {
    height: 0.75rem;
    float: left;
    width: 0.77rem;
    position: relative;
  }
  .moblie-search > a {
    position: absolute;
    margin: auto;
    left: 0px;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0.31rem;
    height: 0.31rem;
    background: url(../images/search.png) no-repeat;
    background-size: 100% 100%;
  }
  .moblie-search span {
    position: absolute;
    width: 0.22rem;
    height: 0.12rem;
    left: 50%;
    margin-left: -0.11rem;
    bottom: -1px;
    display: none;
    background: url(../images/ico03.png) no-repeat;
    background-size: 100% 100%;
  }
  .moblie-search.active > a {
    background: url(../images/search-active.png) no-repeat;
    background-size: 100% 100%;
  }
  .moblie-search.active span {
    display: block;
  }
  .moblie-earth {
    height: 0.75rem;
    float: left;
    width: 0.77rem;
    position: relative;
  }
  .moblie-earth > a {
    position: absolute;
    margin: auto;
    left: 0px;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0.36rem;
    height: 0.36rem;
    background: url(../images/earth.png) no-repeat;
    background-size: 100% 100%;
  }
  .moblie-earth span {
    position: absolute;
    width: 0.22rem;
    height: 0.12rem;
    left: 50%;
    margin-left: -0.11rem;
    bottom: -1px;
    display: none;
    background: url(../images/ico03.png) no-repeat;
    background-size: 100% 100%;
  }
  .moblie-earth.active > a {
    background: url(../images/earth-active.png) no-repeat;
    background-size: 100% 100%;
  }
  .moblie-earth.active span {
    display: block;
  }
  .m-subnav {
    position: absolute;
    left: 0px;
    top: 0.75rem;
    background: #e7e7e7;
    width: 100%;
    padding: 0.28rem 0.1rem;
  }
  .m-subnav a {
    color: #616161;
    font-size: 0.3rem;
    width: 33%;
    line-height: 0.56rem;
    text-align: center;
    display: inline-block;
  }
  .m-subnav a:hover,
  .m-subnav a.active {
    background: #01a73d;
    color: #fff!important;
    border-radius: 20px;
  }
  .m-subsearch {
    position: absolute;
    left: 0px;
    top: 0.75rem;
    background: #e7e7e7;
    width: 100%;
    padding: 0.28rem 0.2rem;
  }
  .m-subsearch .search-text {
    height: 0.7rem;
    width: 4.75rem;
    border: #c8c8c8 solid 1px;
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
    padding-left: 0.2rem;
    color: #ababab;
    float: left;
    font-size: .3rem;
  }
  .m-subsearch .search-button {
    width: 1.24rem;
    color: #fff;
    font-size: 0.3rem;
    line-height: 0.67rem;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
    text-align: center;
    border: #c8c8c8 solid 1px;
    background: #01a73d;
  }
  .m-dn {
    display: none!important;
  }
   .kjnav {
    display: none;
  }

  .menubg{  display: none;}
  .menu {
    display: none;
  }
  .m-banner dl {
    width: 25%;
    float: left;
    background: #00a73c;
    text-align: center;
    display: block;
  }
  .m-banner dl dt a {
    display: block;
    padding-top: 0.3rem ;
  }
  .m-banner dl dt a img {
    width: .77rem;
    height: .77rem;
  }
  .m-banner dl dd a {
    color: #fff;
    font-size: 0.22rem;
    line-height: 0.5rem;
    display: block;
  }
  .bottom .p-mauto {
    height: auto;
    text-align: center;
    line-height: 0.32rem;
    padding: 0.3rem 0.2rem;
  }
  .bottom .p-mauto > .fl {
    text-align: center;
    width: 100%;
    font-size: 0.18rem;
  }
  .bottom .p-mauto > .fl > span {
    display: block;
  }
}
@media (max-width: 768px) {
  .m-banner li {
    background-size: cover;
  }
}
@media (max-width: 640px) {
  .top {
    height: 0.76rem;
  }
  .top .logo {
    width: 2.18rem;
    height: .76rem;
  }
  .top .logo a img {
    width: 1.98rem;
    height: 0.61rem;
  }
}