body {
  color: #505050;
  font-size: .14rem;
  line-height: 1.5;
  font-family: "Microsoft Yahei", "PingFang SC", "SimSun", "Helvetica Neue", Helvetica, Arial, sans-serif, Tahoma;
  background: #efefef;
}
html {
  font-size: 625%;
}
@media screen and (min-width: 1440px) {
html {
      font-size: 700%;
}
}
@media (max-width: 640px) and (min-width: 0) {
html {
    font-size: 20vw;
}
}
@media screen and (max-width: 640px) and (min-width: 0) and (max-width: 320px) {
html {
      font-size: 64px;
}
}
@media screen and (max-width: 640px) and (min-width: 0) and (min-width: 640px) {
html {
      font-size: 128px;
}
}
._About-container {
  width: 100%;
}
._About-container .about-top {
    position: relative;
    padding: 0 0.15rem;
    margin: 0 auto;
    background: transparent url(../img/banner-aboutbg.3384bf60.png) left top no-repeat;
    background-size: 100% 100%;
    height: 4.2rem;
}
._About-container .about-top .header-wrap {
      width: 100%;
      box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
      background: #fff;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 2001;
      height: auto;
}
._About-container .about-top .header-main {
      margin: 0 auto;
      display: table;
}
._About-container .about-top .header-main .left-img {
        width: 1.5rem;
        height: 0.6rem;
        float: left;
        padding-top: 0.1rem;
}
._About-container .about-top .header-main .left-img img {
          height: 0.35rem;
}
._About-container .about-top .header-main .menu-list {
        line-height: 0.6rem;
}
._About-container .about-top .header-main .menu-list a {
          color: #505050;
          margin-right: 0.25rem;
          font-weight: 400;
          font-size: 0.14rem;
}
._About-container .about-top .header-main .menu-list a:hover {
            color: #3ca337;
}
._About-container .about-top .header-main .menu-list .active {
          color: #3ca337;
}
._About-container .about-top .header-main .after-wrap {
        color: #3ca337;
}
._About-container .about-top .header-main .after-wrap .icon {
          width: 28px;
          height: 28px;
          line-height: 28px;
          text-align: center;
          background: #3ca337;
          color: #fff;
          border-radius: 50%;
          position: relative;
          top: 0.3rem;
          margin-top: -14px;
}
._About-container .about-top .header-main .after-wrap .phone {
          line-height: 0.6rem;
          font-size: 0.18rem;
          font-weight: 400;
          margin: 0 0.2rem 0 0.12rem;
}
._About-container .about-top .header-main .after-wrap .after-regest,
        ._About-container .about-top .header-main .after-wrap .after-login {
          padding: 0.06rem 0.2rem;
          margin-right: 0.1rem;
          border-radius: 2px;
          background: #3ca337;
          color: #fff;
          font-weight: 400;
          font-size: 0.12rem;
          border: 1px solid #3ca337;
}
._About-container .about-top .header-main .after-wrap .after-login {
          color: #3ca337;
          background: #fff;
}
._About-container .about-top .header-main .after-wrap ul {
          margin-top: 0.15rem;
}
._About-container .about-top .about-title {
      text-align: center;
      color: #fff;
      margin-top: 0.6rem;
      padding-top: 1rem;
}
._About-container .about-top .about-title h1 {
        line-height: 0.6rem;
        font-size: 0.36rem;
        font-weight: normal;
}
._About-container .about-top .about-title p {
        line-height: 1.5;
        font-size: 0.28rem;
}
._About-container .about-main-menu {
    position: relative;
    top: -60px;
    width: 90%;
    max-width: 700px;
    margin: 0 auto;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    overflow: hidden;
    background: #ffffff;
    z-index: 2000;
}
._About-container .about-main-menu .intro,
    ._About-container .about-main-menu .news {
      height: 120px;
      width: 50%;
      text-align: center;
      font-size: 20px;
      cursor: pointer;
      position: relative;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: center;
          justify-content: center;
}
._About-container .about-main-menu .intro:after,
      ._About-container .about-main-menu .news:after {
        position: absolute;
        content: "";
        height: 2px;
        bottom: 0;
        left: 50%;
        right: 50%;
        width: 0;
        background: transparent;
        transition: all ease-in-out 0.3s;
}
._About-container .about-main-menu .intro i,
      ._About-container .about-main-menu .news i {
        background: url(../img/aboutsprite.b8db7199.png) center 20px no-repeat;
        background-position: 0 -250px;
        width: 68px;
        height: 60px;
        display: block;
        margin: 15px auto 0;
}
._About-container .about-main-menu .news i {
      background-position: -73px -250px;
      width: 66px;
}
._About-container .about-main-menu .active {
      background: #eee;
}
._About-container .about-main-menu .active:after {
        position: absolute;
        content: "";
        height: 2px;
        bottom: 0;
        left: 0;
        width: 100%;
        right: 0;
        background: #00ae66;
}
@media (max-width: 640px) and (min-width: 0) {
._About-container .about-main-menu .intro,
  ._About-container .about-main-menu .news {
    height: 90px;
    font-size: 16px;
}
._About-container .about-main-menu .intro i,
    ._About-container .about-main-menu .news i {
      zoom: 0.6;
}
}