body {
  font-family: "Microsoft YaHei ", 'Hiragino Sans GB', STXihei, SimSun, Arial, sans-serif;
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  position: relative;
  overflow-x: hidden;
}
@font-face {
  font-family: 'PingFang';
  src: url(/css/font/PingFang.eot);
  src: url(/css/font/PingFang.eot) format('embedded-opentype'), url(/css/font/PingFang.woff) format('woff'), url(/css/font/PingFang.ttf) format('truetype'), url(/css/font/PingFang.svg) format('svg');
  font-weight: 400;
  font-style: normal;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
*,
a:link {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
* {
  margin: 0;
  padding: 0;
  border: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
li,
ol,
ul {
  list-style: none;
}
img {
  display: block;
}
a {
  text-decoration: none;
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
  body,
  html {
    font-size: 20px;
  }
}
@media only screen and (max-width: 600px), only screen and (max-device-width: 600px) {
  body,
  html {
    font-size: 18.75px;
  }
}
@media only screen and (max-width: 540px), only screen and (max-device-width: 540px) {
  body,
  html {
    font-size: 16.88px;
  }
}
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
  body,
  html {
    font-size: 15px;
  }
}
@media only screen and (max-width: 414px), only screen and (max-device-width: 414px) {
  body,
  html {
    font-size: 12.94px;
  }
}
@media only screen and (max-width: 400px), only screen and (max-device-width: 400px) {
  body,
  html {
    font-size: 12.5px;
  }
}
@media only screen and (max-width: 375px), only screen and (max-device-width: 375px) {
  body,
  html {
    font-size: 11.72px;
  }
}
@media only screen and (max-width: 360px), only screen and (max-device-width: 360px) {
  body,
  html {
    font-size: 11.25px;
  }
}
@media only screen and (max-width: 320px), only screen and (max-device-width: 320px) {
  body,
  html {
    font-size: 10px;
  }
}
@media only screen and (max-width: 240px), only screen and (max-device-width: 240px) {
  body,
  html {
    font-size: 10px;
  }
}
.clearfix {
  clear: both;
  display: block;
  content: '';
  overflow: hidden;
}
.m-cont {
  width: 100%;
  padding-bottom: 1.5rem;
}
header,
section {
  width: 96.875%;
  margin: 0 auto;
  padding-top: 2rem;
}
.m1 {
  background-color: #fff;
}
.m1 .item {
  width: 48.5%;
  background-color: #f6f6f6;
  float: left;
  margin-right: 3%;
  margin-bottom: 1rem;
}
.m1 .item:nth-child(2n) {
  margin-right: 0;
}
.m1 .item .item-a {
  width: 94%;
  min-height: 6rem;
  overflow: hidden;
  text-align: left;
  padding-left: 1rem;

}
.m1 .item .item-a h5 {
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1;
  padding-top: 1rem;
}
.m1 .item .item-a i {
  display: block;
  width: 1.5rem;
  height: 2px;
  background-color: #333;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.m1 .item .item-a p {
  font-size: 0.8rem;
}
.m2 {
  background-color: #f6f6f6;
}
.m2 video {
  width: 100%;
}
.m3 {
  background-color: #fff;
}
.m3 .m3-swiper {
  width: 100%;
}
.m3 .m3-swiper .swiper-slide {
  background-color: #f6f6f6;
  padding-bottom: 0.5rem;
}
.m3 .m3-swiper .swiper-slide .slide-a {
  width: 90%;
  min-height: 13rem;
  overflow: hidden;
  margin: 0 auto;
  text-align: left;
  padding-top: 1rem;
}
.m3 .m3-swiper .swiper-slide h5 {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
}
.m3 .m3-swiper .swiper-slide i {
  display: block;
  width: 1.5rem;
  height: 2px;
  background-color: #cccccc;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.m3 .m3-swiper .swiper-slide p {
  font-size: 1rem;
}
.m4 {
  background-color: #f6f6f6;
}
.m4 section img {
  padding-bottom: 0.5rem;
}
.m5 {
  background-color: #fff;
}
.m5 section{
  width:98%;
}
.m5 .m5-swiper {
  width: 100%;
}

.m5 .m5-swiper .swiper-slide img {
  width: 51%;
  height:100%;
  float: left;
}
.m5 .m5-swiper .swiper-slide .slide-a {
  width: 48.2%;
  height: 100%;
  position: absolute;
  right: 0;
  overflow: hidden;
  text-align: left;
  color: #333;
}
.m5 .m5-swiper .swiper-slide .slide-a h4 {
  font-size: 2.2rem;
  color: #ee7701;
  font-weight: 700;
  padding-top: 0.2rem;
}
.m5 .m5-swiper .swiper-slide .slide-a h6 {
  font-size: 0.9rem;
  line-height: 1;
  font-weight: 700;
}
.m5 .m5-swiper .swiper-slide .slide-a i {
  display: block;
  width: 1.5rem;
  height: 2px;
  background-color: #cccccc;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.m5 .m5-swiper .swiper-slide .slide-a p {
  font-size: 0.9rem;
}
.m6 {
  background-color: #f6f6f6;
}
.m6 section img {
  width: 86%;
  margin: 0 auto;
}
.m6 section img:nth-child(2) {
  padding-top: 2.6rem;
}
footer {
  width: 100%;
  padding: 1rem;
  margin-top: 2rem;
  background-color: #333;
}
footer p {
  width: 94%;
  margin: 0 auto;
  color: #fff;
  font-size: 1rem;
  text-align: center;
}