@charset "UTF-8";
.flex {
  display: -webkit-box;
  /* 老版本语法: Safari 3.1-6,  iOS 6-, Android browser, older WebKit browsers.  */
  display: -moz-box;
  /* 老版本语法: Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  display: -webkit-flex;
  /* 新版本语法： Chrome 21+ */
  display: flex;
  /* 新版本语法： Opera 12.1, Firefox 22+ */
}

.flex-v {
  /***兼容性写法***/
  -moz-box-orient: vertical;
  /* Firefox */
  -webkit-box-orient: vertical;
  /* Safari、Opera 以及 Chrome */
  box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  /* Safari */
  flex-direction: column;
}

.flex-align-center {
  /*老版本语法*/
  -webkit-box-align: center;
  -moz-box-align: center;
  /*混合版本语法*/
  -ms-flex-align: center;
  /*新版本语法*/
  -webkit-align-items: center;
  /* Safari */
  align-items: center;
}

.flex-align-start {
  /*老版本语法*/
  -webkit-box-align: start;
  -moz-box-align: start;
  /*混合版本语法*/
  -ms-flex-align: start;
  /*新版本语法*/
  -webkit-align-items: flex-start;
  /* Safari */
  align-items: flex-start;
}

.flex-align-end {
  /*老版本语法*/
  -webkit-box-align: end;
  -moz-box-align: end;
  /*混合版本语法*/
  -ms-flex-align: end;
  /*新版本语法*/
  -webkit-align-items: flex-end;
  /* Safari */
  align-items: flex-end;
}

.flex-pack-center {
  /*老版本语法*/
  -webkit-box-pack: center;
  -moz-box-pack: center;
  /*混合版本语法*/
  -ms-flex-pack: center;
  /*新版本语法*/
  -webkit-justify-content: center;
  /* Safari */
  justify-content: center;
}

.flex-pack-justify {
  /*老版本语法*/
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  /*混合版本语法*/
  -ms-flex-pack: justify;
  /*新版本语法*/
  -webkit-justify-content: space-between;
  /* Safari */
  justify-content: space-between;
}

.flex-pack-distribute {
  /*混合版本语法*/
  -ms-flex-pack: distribute;
  /*新版本语法*/
  -webkit-justify-content: space-around;
  /* Safari */
  justify-content: space-around;
}

.flex-pack-start {
  /*老版本语法*/
  -webkit-box-pack: start;
  -moz-box-pack: start;
  /*混合版本语法*/
  -ms-flex-pack: start;
  /*新版本语法*/
  -webkit-justify-content: flex-start;
  /* Safari */
  justify-content: flex-start;
}

.flex-pack-end {
  /*老版本语法*/
  -webkit-box-pack: end;
  -moz-box-pack: end;
  /*混合版本语法*/
  -ms-flex-pack: end;
  /*新版本语法*/
  -webkit-justify-content: flex-end;
  /* Safari */
  justify-content: flex-end;
}

.w1560 {
  /* width: 92%;
  max-width: 1560px;
  margin: 0 auto; */
  width: 100%;
  padding: 0 0.25rem;
  box-sizing: border-box;
  max-width: 750px;
  margin: 0 auto;
}

main {
  overflow: hidden;
  max-width: 750px;
  margin: 0 auto;
}

.swiper-button-disabled {
  cursor: no-drop !important;
}

html {
  font-size: 13.33333333vw;
}
@media screen and (min-width: 751px) {
  html{
    font-size: 100px;
  }
}
body {
  width: 100%;
  font-size: 0.24rem;
  max-width: 750px;
  margin: 0 auto;
}

.m-header{
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 999;
  box-shadow: 0 0.1rem 0.1rem rgba(0,0,0,0.03);
}
.header-place{
  height: 1rem;
}
.m-header .header-logo{
  float: left;
  padding: 0.15rem 0 0.18rem;
}
.m-header .header-logo img{
  display: block;
  height: 0.67rem;
}
.m-header .header-menu{
  float: right;
}
.m-header .header-menu .iconfont1{
  float: right;
  font-size: 0.57rem;
  line-height: 1rem;
  color: #000;
}
nav#navs {
  visibility: hidden;
  position: fixed;
  top: 1rem;
  right: -100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.2rem 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 1111;
  -webkit-box-shadow: 0 0 0.02rem 0.02rem #c9c9c9;
          box-shadow: 0 0 0.02rem 0.02rem #c9c9c9;
  color: #333;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transition: all .5s;
  transition: all .5s;
}
nav#navs h2 {
  margin-bottom: 0.1rem;
  font-size: 0.28rem;
}
nav#navs > ul {
  position: fixed;
  top: 1rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto 1rem auto;
  width: 100%;
  height: calc(100vh - 2.08rem);
  overflow-x: hidden;
  overflow-y: scroll;
}
nav#navs > ul li {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.3rem;
  line-height: 0.9rem;
  border-bottom: 0.01rem solid #ccc;
  -webkit-transition: all .5s;
  transition: all .5s;
}
nav#navs > ul li a {
  position: static;
  font-size: 0.28rem;
  color: #333;
}
nav#navs > ul li i {
  position: absolute;
  right: 0.25rem;
  font-size: 0.44rem;
  color: #555;
  top: 0;
}
nav#navs > ul li i::before {
  content: "\e658";
}
nav#navs > ul li > ul {
  display: none;
}
nav#navs > ul li > ul > li a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
nav#navs > ul li > ul > li.active {
  color: #555;
}
nav#navs > ul li > ul > li.active > a {
  color: #555;
}
nav#navs > ul li > ul > li:last-child {
  border-bottom: none;
}
nav#navs > ul li > ul > li::after {
  display: none;
}
nav#navs > ul li.active {
  color: #555;
}
nav#navs > ul li.active i {
  color: #72a22e;
}
nav#navs > ul li.active i::before {
  content: "\e655";
}
nav#navs > ul li.active > a {
  color: #555;
}
nav#navs.show {
  visibility: visible;
  right: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  z-index: 99;
}
nav#navs.fixed {
  position: fixed;
}

.footer-copyright {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 1.08rem;
  padding: 0.4rem 0;
  width: 100%;
  height: auto;
  color: #333;
  background-color: white;
  font-size: 0.2rem;
}
.footer-copyright p {
  height: 0.5rem;
  line-height: 0.5rem;
}
.footer-copyright p .footer-logo {
  position: relative;
  top: 0.08rem;
  margin-left: 0.05rem;
  display: inline-block;
  width: 0.8rem;
  height: 0.26rem;
  background: no-repeat url("../images/logo-xghl.png") center;
  background-size: contain;
}

.footer-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 1.08rem;
  position: fixed;
  bottom: 0;
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  background: #72a22e;
  opacity: 1;
  z-index: 999;
}
.footer-nav a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: block;
  height: 100%;
  color: white;
  font-size: 0.24rem;
  text-align: center;
  line-height: 1.55rem;
  font-weight: bold;
}
.footer-nav a.footer-nav-map {
  background: url("../images/bottom_map.png") no-repeat center 0.12rem;
  background-size: 0.32rem 0.46rem;
}
.footer-nav a.footer-nav-tel {
  border-left: 0.025rem solid rgba(255, 255, 255, 0.7);
  border-right: 0.025rem solid rgba(255, 255, 255, 0.7);
  background: url("../images/bottom_tel.png") no-repeat center 0.17rem;
  background-size: 0.38rem;
}
.footer-nav a.footer-nav-top {
  background: url("../images/bottom_top.png") no-repeat center 0.26rem;
  background-size: 0.67rem 0.28rem;
}
.footer-nav.fixed {
  position: fixed;
}