@charset "UTF-8";

h1, h2, h3, h4, h5, h6 {

  font-weight: normal;

  margin: 0;

  padding: 0; }



ul, ul li {

  font-weight: normal;

  list-style: none;

  margin: 0;

  padding: 0; }



html {

  overflow-x: hidden; }



body {

  margin: 0;

  padding: 0;

  position: relative;

  overflow-x: hidden; }



.mainStyle {

  width: 1200px; }



#boxscroll {

  height: 100%;

  width: 100%;

  overflow: auto; }



@media screen and (min-width: 770px) and (max-width: 1440px) {

  .leapCloud-header {

    width: 100%;

    height: 80px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

    position: fixed;

    top: 0;

    left: 0;

    background-color: rgba(0, 0, 0, 0.4);

    z-index: 111; }

    .leapCloud-header .header-content-pc {

      margin: 0 1%;

      height: 80px; }

    .leapCloud-header .leapCloud-header-logo {

      display: inline-block;

      width: 133px;

      height: 80px;

      line-height: 70px;

      margin-right: 4%; }

      .leapCloud-header .leapCloud-header-logo img {

        width: 130px;

        height: 32px;

        vertical-align: middle; }

    .leapCloud-header ul, .leapCloud-header ul li, .leapCloud-header ul li > a {

      display: inline-block;

      color: #fff;

      font-size: 14px; }

    .leapCloud-header ul li {

      margin-right: 2%;

      display: inline-block;

      height: 80px;

      line-height: 80px; }

      .leapCloud-header ul li:hover {

        border-bottom: 4px solid #00cc33; }

      .leapCloud-header ul li:last-child {

        margin-right: 0; }

    .leapCloud-header .active {

      border-bottom: 4px solid #00cc33;

      font-weight: bold;

      color: #00cc33; }

    .leapCloud-header .navbar-left {

      width: 59%;

      text-align: left;

      vertical-align: middle; }

    .leapCloud-header .navbar-right {

      float: right;

      width: 18%;

      text-align: center;

      vertical-align: middle;

      border-left: 1px solid rgba(255, 255, 255, 0.1); }

      .leapCloud-header .navbar-right li {

        margin-right: 1%; }

        .leapCloud-header .navbar-right li:hover {

          border-bottom: none !important; }

          .leapCloud-header .navbar-right li:hover > a {

            color: #00cc33 !important; }

      .leapCloud-header .navbar-right .divider {

        border-right: 1px solid #ddd; }

    .leapCloud-header .navli-divider:hover {

      border: none !important; }

    .leapCloud-header .navli-divider a {

      height: 15px; }

    .leapCloud-header .noMarginRight {

      margin-right: 0; }

  .leapCloud-header-mobile {

    display: none; }

  #login {

    position: relative;

    height: 80px;

    line-height: 80px; }

    #login .dropdown-arrow {

      display: block;

      border-bottom: 10px solid #fff;

      border-left: 10px solid transparent;

      border-right: 10px solid transparent;

      width: 0;

      height: 0;

      position: absolute;

      top: 70px;

      left: 7px; }

    #login .login-dropdown {

      width: 180px;

      height: 140px;

      position: absolute;

      top: 80px;

      left: -70px;

      background-color: #fff;

      -webkit-border-radius: 2px;

         -moz-border-radius: 2px;

              border-radius: 2px;

      line-height: 60px;

      text-align: center; }

      #login .login-dropdown li:nth-of-type(1) {

        border-bottom: 1px dotted #ddd; }

      #login .login-dropdown li:nth-of-type(2) a {

        border-bottom: 0px !important; }

      #login .login-dropdown li {

        width: 140px;

        height: 70px !important;

        line-height: 70px !important; }

        #login .login-dropdown li a {

          color: #777;

          font-size: 14px;

          display: inline-block;

          width: 140px;

          height: 70px !important;

          line-height: 70px !important; }

          #login .login-dropdown li a:hover {

            color: #00cc33;

            border-bottom: 1px dotted #ddd; }

        #login .login-dropdown li a:nth-of-type(2) {

          border-bottom: 0 !important; }

    #login .dropdown-container {

      display: none; }

  #solution-menu {

    position: relative; }

    #solution-menu:hover {

      border-bottom: none !important; }

      #solution-menu:hover .solution-dropDown {

        display: block; }

  .solution-dropDown {

    position: absolute;

    top: 80px;

    left: -165px;

    width: 785px;

    height: 280px;

    background-color: #fff;

    -webkit-border-radius: 3px;

       -moz-border-radius: 3px;

            border-radius: 3px;

    padding: 50px;

    display: none; }

    .solution-dropDown .dropDown-arrow {

      display: block;

      border-bottom: 10px solid #fff;

      border-left: 10px solid transparent;

      border-right: 10px solid transparent;

      width: 0;

      height: 0;

      position: absolute;

      top: -10px;

      left: 190px; }

    .solution-dropDown .dropDown-container .menus_list {

      display: inline-block;

      margin-right: 20px;

      height: 180px;

      vertical-align: top;

      line-height: 30px; }

      .solution-dropDown .dropDown-container .menus_list:last-child {

        margin-right: 0; }

      .solution-dropDown .dropDown-container .menus_list:hover {

        border-bottom: none; }

      .solution-dropDown .dropDown-container .menus_list > ul > li {

        display: block;

        height: 30px;

        line-height: 30px;

        color: #777;

        cursor: pointer;

        margin-right: 20px; }

        .solution-dropDown .dropDown-container .menus_list > ul > li a {

          color: #777; }

        .solution-dropDown .dropDown-container .menus_list > ul > li:hover {

          border-bottom: none; }

          .solution-dropDown .dropDown-container .menus_list > ul > li:hover a {

            color: #00cc33; }

      .solution-dropDown .dropDown-container .menus_list h3 {

        margin: 0;

        padding: 0;

        font-size: 16px;

        color: #333;

        height: 35px;

        font-weight: bold; }

  .product-menu {

    position: relative; }

    .product-menu:hover {

      border-bottom: none !important; }

      .product-menu:hover .dropDown-arrow {

        display: block; }

      .product-menu:hover .product-dropdown {

        display: block; }

    .product-menu .dropDown-arrow {

      display: block;

      border-bottom: 10px solid #fff;

      border-left: 10px solid transparent;

      border-right: 10px solid transparent;

      width: 0;

      height: 0;

      position: absolute;

      top: 87%;

      left: 25%;

      display: none; }

    .product-menu .product-dropdown {

      display: none;

      position: absolute;

      width: 100px;

      top: 100%;

      left: -110%;

      background-color: #fff;

      -webkit-border-radius: 3px;

         -moz-border-radius: 3px;

              border-radius: 3px; }

      .product-menu .product-dropdown .dropdown-lists {

        width: 100%;

        text-align: center;

        padding: 20px 0; }

        .product-menu .product-dropdown .dropdown-lists li {

          text-align: center;

          width: 100%;

          margin-right: 0;

          display: block;

          height: 40px;

          line-height: 40px; }

          .product-menu .product-dropdown .dropdown-lists li:hover {

            border-bottom: none !important; }

          .product-menu .product-dropdown .dropdown-lists li a {

            color: #777; }

            .product-menu .product-dropdown .dropdown-lists li a:hover {

              color: #00cc33; } }



@media screen and (min-width: 1440px) {

  .leapCloud-header {

    width: 100%;

    height: 80px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

    position: fixed;

    background-color: rgba(0, 0, 0, 0.4);

    top: 0;

    left: 0;

    z-index: 111; }

    .leapCloud-header .header-content-pc {

      margin: 0 30px;

      height: 80px; }

    .leapCloud-header .leapCloud-header-logo {

      display: inline-block;

      width: 133px;

      height: 80px;

      line-height: 70px;

      margin-right: 70px; }

      .leapCloud-header .leapCloud-header-logo img {

        width: 130px;

        height: 32px;

        vertical-align: middle; }

    .leapCloud-header ul, .leapCloud-header ul li, .leapCloud-header ul li > a {

      display: inline-block;

      color: #fff;

      font-size: 14px; }

    .leapCloud-header ul li {

      margin-right: 50px;

      height: 80px;

      line-height: 80px; }

      .leapCloud-header ul li:hover {

        border-bottom: 4px solid #00cc33; }

    .leapCloud-header .active {

      border-bottom: 4px solid #00cc33;

      font-weight: bold;

      color: #00cc33; }

    .leapCloud-header .navbar-left {

      text-align: left;

      vertical-align: middle; }

    .leapCloud-header .navbar-right {

      float: right;

      width: 154px;

      width: 180px;

      text-align: center;

      vertical-align: middle;

      border-left: 1px solid rgba(255, 255, 255, 0.1); }

      .leapCloud-header .navbar-right li {

        margin-right: 10px; }

        .leapCloud-header .navbar-right li:hover {

          border-bottom: none !important; }

          .leapCloud-header .navbar-right li:hover > a {

            color: #00cc33 !important; }

      .leapCloud-header .navbar-right .divider {

        border-right: 1px solid #ddd; }

    .leapCloud-header .navli-divider:hover {

      border: none !important; }

    .leapCloud-header .navli-divider a {

      height: 15px; }

    .leapCloud-header .noMarginRight {

      margin-right: 0; }

  .leapCloud-header-mobile {

    display: none; }

  #login {

    position: relative;

    height: 80px;

    line-height: 80px; }

    #login .dropdown-arrow {

      display: block;

      border-bottom: 10px solid #fff;

      border-left: 10px solid transparent;

      border-right: 10px solid transparent;

      width: 0;

      height: 0;

      position: absolute;

      top: 70px;

      left: 7px; }

    #login .login-dropdown {

      width: 180px;

      height: 140px;

      position: absolute;

      top: 80px;

      left: -70px;

      background-color: #fff;

      -webkit-border-radius: 2px;

         -moz-border-radius: 2px;

              border-radius: 2px;

      line-height: 60px;

      text-align: center; }

      #login .login-dropdown li:nth-of-type(1) {

        border-bottom: 1px dotted #ddd; }

      #login .login-dropdown li:nth-of-type(2) a {

        border-bottom: 0px !important; }

      #login .login-dropdown li {

        width: 140px;

        height: 70px !important;

        line-height: 70px !important; }

        #login .login-dropdown li a {

          color: #777;

          font-size: 14px;

          display: inline-block;

          width: 140px;

          height: 70px !important;

          line-height: 70px !important; }

          #login .login-dropdown li a:hover {

            color: #00cc33;

            border-bottom: 1px dotted #ddd; }

        #login .login-dropdown li a:nth-of-type(2) {

          border-bottom: 0 !important; }

    #login .dropdown-container {

      display: none; }

  #solution-menu {

    position: relative; }

    #solution-menu:hover {

      border-bottom: none !important; }

      #solution-menu:hover .solution-dropDown {

        display: block; }

  .solution-dropDown {

    position: absolute;

    top: 80px;

    left: -165px;

    width: 785px;

    height: 280px;

    background-color: #fff;

    -webkit-border-radius: 3px;

       -moz-border-radius: 3px;

            border-radius: 3px;

    padding: 50px;

    display: none; }

    .solution-dropDown .dropDown-arrow {

      display: block;

      border-bottom: 10px solid #fff;

      border-left: 10px solid transparent;

      border-right: 10px solid transparent;

      width: 0;

      height: 0;

      position: absolute;

      top: -10px;

      left: 190px; }

    .solution-dropDown .dropDown-container .menus_list {

      display: inline-block;

      margin-right: 20px;

      height: 180px;

      vertical-align: top;

      line-height: 30px; }

      .solution-dropDown .dropDown-container .menus_list:last-child {

        margin-right: 0; }

      .solution-dropDown .dropDown-container .menus_list:hover {

        border-bottom: none; }

      .solution-dropDown .dropDown-container .menus_list > ul > li {

        display: block;

        height: 30px;

        line-height: 30px;

        color: #777;

        cursor: pointer; }

        .solution-dropDown .dropDown-container .menus_list > ul > li a {

          color: #777; }

        .solution-dropDown .dropDown-container .menus_list > ul > li:hover {

          border-bottom: none; }

          .solution-dropDown .dropDown-container .menus_list > ul > li:hover a {

            color: #00cc33; }

      .solution-dropDown .dropDown-container .menus_list h3 {

        margin: 0;

        padding: 0;

        font-size: 16px;

        color: #333;

        height: 35px;

        font-weight: bold; }

  .product-menu {

    position: relative; }

    .product-menu:hover {

      border-bottom: none !important; }

      .product-menu:hover .dropDown-arrow {

        display: block; }

      .product-menu:hover .product-dropdown {

        display: block; }

    .product-menu .dropDown-arrow {

      display: block;

      border-bottom: 10px solid #fff;

      border-left: 10px solid transparent;

      border-right: 10px solid transparent;

      width: 0;

      height: 0;

      position: absolute;

      top: 87%;

      left: 25%;

      display: none; }

    .product-menu .product-dropdown {

      display: none;

      position: absolute;

      width: 100px;

      top: 100%;

      left: -110%;

      background-color: #fff;

      -webkit-border-radius: 3px;

         -moz-border-radius: 3px;

              border-radius: 3px; }

      .product-menu .product-dropdown .dropdown-lists {

        width: 100%;

        text-align: center;

        padding: 20px 0; }

        .product-menu .product-dropdown .dropdown-lists li {

          text-align: center;

          width: 100%;

          margin-right: 0;

          display: block;

          height: 40px;

          line-height: 40px; }

          .product-menu .product-dropdown .dropdown-lists li:hover {

            border-bottom: none !important; }

          .product-menu .product-dropdown .dropdown-lists li a {

            color: #777; }

            .product-menu .product-dropdown .dropdown-lists li a:hover {

              color: #00cc33; } }



@media screen and (max-width: 769px) {

  .leapCloud-header {

    display: none; }

  .leapCloud-header-mobile {

    width: 100%;

    height: 1.2rem;

    background: none;

    position: relative;

    z-index: 999;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

    .leapCloud-header-mobile .leapCloud-header-logo-mobile {

      display: inline-block;

      text-align: left;

      margin-left: 4%;

      width: 40%;

      height: 1.2rem;

      overflow: hidden;

      position: relative; }

      .leapCloud-header-mobile .leapCloud-header-logo-mobile img {

        width: 1.98rem;

        height: 0.5rem;

        border: none;

        position: absolute;

        top: 0.35rem; }

    .leapCloud-header-mobile #mobile-nav-control {

      display: inline-block;

      width: 0.24rem;

      height: 1.2rem;

      position: absolute;

      right: 8%;

      top: 0; }

      .leapCloud-header-mobile #mobile-nav-control .clearmid {

        height: 100%;

        width: 0px;

        display: inline-block;

        vertical-align: middle; }

      .leapCloud-header-mobile #mobile-nav-control i {

        display: inline-block;

        width: 24px;

        height: 24px;

        background-image: url(../images/nav-control.png);

        background-position: -25px 5px;

        -moz-background-size: 48px;

          -o-background-size: 48px;

             background-size: 48px;

        background-repeat: no-repeat;

        position: absolute;

        top: 35%; }

      .leapCloud-header-mobile #mobile-nav-control.hide i {

        background-image: url(../images/nav-control.png);

        background-position: -25px 5px; }

      .leapCloud-header-mobile #mobile-nav-control.show i {

        background-image: url(../images/nav-control.png);

        background-position: 0px 5px; }

    .leapCloud-header-mobile #mobile-navbar {

      max-height: 20rem;

      overflow-y: auto;

      padding: 0.01rem 0rem 1rem 0rem;

      background-color: rgba(0, 0, 0, 0.95);

      position: absolute;

      top: 100%;

      width: 100%;

      z-index: 999;

      display: none; }

      .leapCloud-header-mobile #mobile-navbar li {

        position: relative;

        width: 90%;

        text-align: left;

        margin: 0 auto;

        -o-transition: 0.2s;

        -moz-transition: 0.2s;

        transition: 0.2s;

        -webkit-transition: 0.2s;

        border-bottom: 1px solid;

        border-bottom-color: rgba(255, 255, 255, 0.3);

        opacity: 1;

        left: 0%;

        height: 1rem;

        line-height: 1rem; }

        .leapCloud-header-mobile #mobile-navbar li a {

          width: 100%;

          height: 100%;

          opacity: 1;

          font-size: 0.24rem;

          color: #fff;

          display: inline-block;

          padding: 0rem 0.01rem; }

      .leapCloud-header-mobile #mobile-navbar .solution-mobile {

        height: auto;

        width: 100%;

        padding: 0; }

        .leapCloud-header-mobile #mobile-navbar .solution-mobile .show {

          display: block; }

        .leapCloud-header-mobile #mobile-navbar .solution-mobile .hide {

          display: none; }

        .leapCloud-header-mobile #mobile-navbar .solution-mobile .menu-click {

          width: 90%;

          margin-left: 5%; }

        .leapCloud-header-mobile #mobile-navbar .solution-mobile > a span {

          display: inline-block; }

        .leapCloud-header-mobile #mobile-navbar .solution-mobile > a .control {

          float: right;

          display: inline-block;

          padding-right: 4%;

          margin-top: 5%; }

          .leapCloud-header-mobile #mobile-navbar .solution-mobile > a .control img {

            width: 65%; }

        .leapCloud-header-mobile #mobile-navbar .solution-mobile .solution-dropDown-mobile {

          background-color: #2d2d2d; }

          .leapCloud-header-mobile #mobile-navbar .solution-mobile .solution-dropDown-mobile .dropDown-container .menus_list {

            display: block;

            width: 90%;

            height: 100%;

            color: #fff;

            border: none; }

            .leapCloud-header-mobile #mobile-navbar .solution-mobile .solution-dropDown-mobile .dropDown-container .menus_list .menu-title {

              color: #ccc;

              padding-left: 4%;

              padding-right: 4%;

              overflow: hidden;

              border-bottom: 1px solid;

              border-bottom-color: rgba(255, 255, 255, 0.1); }

            .leapCloud-header-mobile #mobile-navbar .solution-mobile .solution-dropDown-mobile .dropDown-container .menus_list .control {

              display: inline-block;

              float: right;

              margin-top: 5%; }

              .leapCloud-header-mobile #mobile-navbar .solution-mobile .solution-dropDown-mobile .dropDown-container .menus_list .control img {

                width: 65%; }

            .leapCloud-header-mobile #mobile-navbar .solution-mobile .solution-dropDown-mobile .dropDown-container .menus_list h3 {

              display: inline-block;

              float: left;

              font-size: 0.22rem; }

            .leapCloud-header-mobile #mobile-navbar .solution-mobile .solution-dropDown-mobile .dropDown-container .menus_list > ul {

              background-color: #2d2d2d;

              height: 100%; }

              .leapCloud-header-mobile #mobile-navbar .solution-mobile .solution-dropDown-mobile .dropDown-container .menus_list > ul li {

                display: block;

                width: 100%;

                height: 0.8rem;

                line-height: 0.8rem;

                border-bottom: 1px solid;

                border-bottom-color: rgba(255, 255, 255, 0.1);

                font-size: 0.2rem;

                padding-left: 8%;

                padding-right: 8%; }

                .leapCloud-header-mobile #mobile-navbar .solution-mobile .solution-dropDown-mobile .dropDown-container .menus_list > ul li a {

                  color: #ccc; }

                .leapCloud-header-mobile #mobile-navbar .solution-mobile .solution-dropDown-mobile .dropDown-container .menus_list > ul li .menu-text {

                  float: left; }

                .leapCloud-header-mobile #mobile-navbar .solution-mobile .solution-dropDown-mobile .dropDown-container .menus_list > ul li .navbar-control {

                  display: inline-block;

                  float: right; }

    .leapCloud-header-mobile #mobile-login-buttons {

      z-index: 9999;

      width: 100%;

      margin-top: 10%; }

      .leapCloud-header-mobile #mobile-login-buttons li {

        position: relative;

        width: 90%;

        height: 0.8rem;

        line-height: 0.8rem;

        text-align: center;

        -webkit-border-radius: 0.02rem;

           -moz-border-radius: 0.02rem;

                border-radius: 0.02rem;

        margin: 0rem auto 0.2rem auto;

        border: 1px solid;

        border-color: rgba(255, 255, 255, 0.3); }

        .leapCloud-header-mobile #mobile-login-buttons li a {

          width: 100%;

          height: 100%;

          display: inline-block;

          color: #fff;

          font-size: 0.24rem; }

        .leapCloud-header-mobile #mobile-login-buttons li:nth-child(3) {

          background-color: #43d060;

          border: none;

          margin-top: 0.6rem; }

  .product-menu-mobile {

    position: relative;

    height: auto !important;

    width: 100% !important;

    border-bottom: none !important; }

    .product-menu-mobile .hide {

      display: none; }

    .product-menu-mobile .show {

      display: block; }

    .product-menu-mobile .control {

      display: inline-block;

      float: right;

      margin-top: -0.8rem;

      margin-right: 9%;

      vertical-align: middle; }

      .product-menu-mobile .control img {

        width: 65%; }

    .product-menu-mobile > a {

      display: inline-block;

      width: 90% !important;

      margin-left: 5%;

      border-bottom: 1px solid;

      border-bottom-color: rgba(255, 255, 255, 0.3) !important; }

    .product-menu-mobile .product-dropdown {

      background-color: #2d2d2d;

      width: 100%;

      display: none; }

      .product-menu-mobile .product-dropdown .dropdown-lists {

        width: 90%;

        margin-left: 5%; } }



.icon {

  background-image: url("../images/sprite.png"); }



@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {

  .icon {

    background-image: url("../images/sprite@2x.png");

    -moz-background-size: 523px 505px;

      -o-background-size: 523px 505px;

         background-size: 523px 505px; } }



@media screen and (min-width: 770px) and (max-width: 1440px) {

  .video {

    display: none !important; }

  #footer {

    padding-top: 85px;

    width: 100%;

    background: #333438;

    position: relative; }

    #footer .mainStyle {

      width: 99%;

      margin: 0 auto;

      text-align: center; }

    #footer .footer-content ul, #footer .footer-content .address, #footer .footer-content .erweima {

      display: inline-block;

      margin-right: 9%;

      text-align: left; }

    #footer .footer-content .footer-logo {

      width: 15%;

      height: 100px;

      vertical-align: top;

      margin-right: 5%;

      margin-left: 1%;

      border-right: 1px solid rgba(255, 255, 255, 0.1); }

    #footer .footer-content .footer-nav {

      vertical-align: top;

      margin-right: 4%;

      text-align: left; }

      #footer .footer-content .footer-nav li {

        margin-bottom: 10px; }

        #footer .footer-content .footer-nav li a {

          color: #96989f;

          font-size: 14px; }

      #footer .footer-content .footer-nav .head {

        color: #fff;

        font-weight: bold;

        font-size: 14px;

        margin-bottom: 20px; }

    #footer .footer-content .address {

      vertical-align: top;

      display: inline-block;

      height: 225px;

      margin-right: 3%; }

      #footer .footer-content .address .telephone-h {

        color: #fff;

        font-size: 14px;

        font-weight: bold;

        margin-bottom: 25px; }

      #footer .footer-content .address .phone-number {

        color: #00cc33;

        font-family: Helvetica Neue;

        margin: 25px 0 15px 0;

        font-size: 26px; }

      #footer .footer-content .address .address-text, #footer .footer-content .address .maxwon-url {

        display: block;

        margin-bottom: 5px;

        font-size: 14px;

        color: #96989f; }

      #footer .footer-content .address .maxwon-url:hover {

        color: #00cc33; }

    #footer .footer-content .erweima {

      vertical-align: top;

      margin-right: 0;

      text-align: center;

      font-size: 14px;

      color: #fff; }

      #footer .footer-content .erweima .img_erweima {

        display: inline-block;

        width: 105px;

        height: 105px;

        margin-top: 20px; }

      #footer .footer-content .erweima p {

        margin-bottom: 0; }

      #footer .footer-content .erweima span {

        display: inline-block;

        vertical-align: middle;

        margin-top: 5px; }

    #footer .footer-content .dropdown-lists {

      margin-left: 10px;

      margin-top: 10px; }

  #righter {

    z-index: 10000;

    position: fixed;

    right: 0px;

    top: 60%;

    margin-top: -160px; }

    #righter .cube, #righter .goback {

      background: #3ad262;

      margin-bottom: 1px;

      color: #fff;

      text-align: center;

      width: 70px;

      height: 70px;

      cursor: pointer;

      display: block;

      font-size: 12px;

      font-weight: bold;

      position: relative; }

      #righter .cube > .sicon, #righter .goback > .sicon {

        background: url("../images/righter.png") no-repeat;

        height: 30px;

        width: 30px;

        display: inline-block;

        margin-top: 17%;

        /*margin: 0 auto;*/ }

      #righter .cube > p, #righter .goback > p {

        margin-top: -2px; }

      #righter .cube:hover, #righter .goback:hover {

        background: #009926; }

      #righter .cube .support, #righter .goback .support {

        background-position: 0px 0px; }

      #righter .cube .price, #righter .goback .price {

        background-position: 0px -32px; }

      #righter .cube .tel, #righter .goback .tel {

        background-position: 0px -102px; }

      #righter .cube .login, #righter .goback .login {

        background-position: 0px -68px; }

      #righter .cube .join, #righter .goback .join {

        background-position: 0px -134px; }

      #righter .cube .right-alert, #righter .goback .right-alert {

        background: #3ad262;

        line-height: 70px;

        width: 120px;

        position: absolute;

        left: 0px;

        top: 0px;

        z-index: -1;

        font-size: 14px;

        font-weight: bold;

        cursor: auto;

        display: none;

        white-space: nowrap; }

    #righter .video {

      display: none; }

  .copyRightIndex {

    text-align: center;

    padding: 18px 0px;

    font-size: 14px;

    color: #96989f;

    background: #2e2f34;

    width: 100%;

    position: relative !important;

    bottom: 0 !important; }

  #footer-mobile, #mobile-righter {

    display: none; }

  #MEIQIA-BTN-HOLDER, #MEIQIA-PANEL-HOLDER {

    right: 0 !important; } }



@media screen and (min-width: 1440px) {

  .video {

    display: none !important; }

  #footer {

    padding-top: 85px;

    width: 100%;

    background: #333438;

    position: relative; }

    #footer .footer-content ul, #footer .footer-content .address, #footer .footer-content .erweima {

      display: inline-block;

      margin-right: 9%; }

    #footer .footer-content .footer-logo {

      width: 180px;

      height: 100px;

      vertical-align: top;

      margin-right: 150px;

      border-right: 1px solid rgba(255, 255, 255, 0.1); }

    #footer .footer-content .footer-nav {

      vertical-align: top; }

      #footer .footer-content .footer-nav li {

        margin-bottom: 10px; }

        #footer .footer-content .footer-nav li a {

          color: #96989f;

          font-size: 14px; }

      #footer .footer-content .footer-nav .head {

        color: #fff;

        font-weight: bold;

        font-size: 14px;

        margin-bottom: 20px; }

    #footer .footer-content .address {

      vertical-align: top;

      display: inline-block;

      height: 225px; }

      #footer .footer-content .address .telephone-h {

        color: #fff;

        font-size: 14px;

        font-weight: bold;

        margin-bottom: 25px; }

      #footer .footer-content .address .phone-number {

        color: #00cc33;

        font-family: Helvetica Neue;

        margin: 25px 0 15px 0;

        font-size: 26px; }

      #footer .footer-content .address .address-text, #footer .footer-content .address .maxwon-url {

        display: block;

        margin-bottom: 5px;

        font-size: 14px;

        color: #96989f; }

      #footer .footer-content .address .maxwon-url:hover {

        color: #00cc33; }

    #footer .footer-content .erweima {

      vertical-align: top;

      margin-right: 0;

      text-align: center;

      font-size: 14px;

      color: #fff; }

      #footer .footer-content .erweima .img_erweima {

        display: inline-block;

        width: 105px;

        height: 105px;

        margin-top: 20px; }

      #footer .footer-content .erweima p {

        margin-bottom: 0; }

      #footer .footer-content .erweima span {

        display: inline-block;

        vertical-align: middle;

        margin-top: 5px; }

    #footer .footer-content .dropdown-lists {

      margin-left: 10px;

      margin-top: 10px; }

  #righter {

    z-index: 10000;

    position: fixed;

    right: 0px;

    top: 60%;

    margin-top: -160px; }

    #righter .cube, #righter .goback {

      background: #3ad262;

      margin-bottom: 1px;

      color: #fff;

      text-align: center;

      width: 70px;

      height: 70px;

      cursor: pointer;

      display: block;

      font-size: 12px;

      font-weight: bold;

      position: relative; }

      #righter .cube > .sicon, #righter .goback > .sicon {

        background: url("../images/righter.png") no-repeat;

        height: 30px;

        width: 30px;

        display: inline-block;

        margin-top: 17%;

        /*margin: 0 auto;*/ }

      #righter .cube > p, #righter .goback > p {

        margin-top: -2px; }

      #righter .cube:hover, #righter .goback:hover {

        background: #009926; }

      #righter .cube .support, #righter .goback .support {

        background-position: 0px 0px; }

      #righter .cube .price, #righter .goback .price {

        background-position: 0px -32px; }

      #righter .cube .tel, #righter .goback .tel {

        background-position: 0px -102px; }

      #righter .cube .login, #righter .goback .login {

        background-position: 0px -68px; }

      #righter .cube .join, #righter .goback .join {

        background-position: 0px -134px; }

      #righter .cube .video, #righter .goback .video {

        display: none; }

      #righter .cube .right-alert, #righter .goback .right-alert {

        background: #3ad262;

        line-height: 70px;

        width: 120px;

        position: absolute;

        left: 0px;

        top: 0px;

        z-index: -1;

        font-size: 14px;

        font-weight: bold;

        cursor: auto;

        display: none;

        white-space: nowrap; }

  .copyRightIndex {

    text-align: center;

    padding: 18px 0px;

    font-size: 14px;

    color: #96989f;

    background: #2e2f34;

    width: 100%;

    position: relative !important;

    bottom: 0 !important; }

  #footer-mobile, #mobile-righter {

    display: none; }

  #MEIQIA-BTN-HOLDER, #MEIQIA-PANEL-HOLDER {

    right: 0 !important; } }



@media screen and (max-width: 769px) {

  .video {

    display: none !important; }

  #footer {

    display: none; }

  .copyRightIndex {

    display: none; }

  #footer-mobile {

    width: 100%;

    background: #333438;

    position: relative; }

    #footer-mobile .footer-nav {

      width: 100%;

      height: 0.8rem;

      text-align: center; }

      #footer-mobile .footer-nav:nth-child(2) {

        border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

      #footer-mobile .footer-nav li {

        display: inline-block;

        height: 0.8rem;

        margin-right: 0.5rem; }

        #footer-mobile .footer-nav li:nth-child(5) {

          margin-right: 0; }

        #footer-mobile .footer-nav li a {

          color: #96989f;

          display: inline-block;

          font-size: 0.24rem;

          height: 0.8rem;

          line-height: 0.8rem;

          text-align: center; }

    #footer-mobile .phoneInfo {

      width: 100%;

      height: 1.2rem;

      text-align: center;

      border-bottom: 1px solid rgba(255, 255, 255, 0.1);

      color: #fff;

      font-size: 0.3rem;

      line-height: 1.2rem; }

      #footer-mobile .phoneInfo > div {

        display: inline-block; }

    #footer-mobile .addressInfo {

      color: #96989f;

      font-size: 0.24rem;

      text-align: center;

      margin-top: 0.5rem;

      margin-bottom: 0.66rem; }

      #footer-mobile .addressInfo .maxwon-url {

        color: #96989f;

        font-size: 0.24rem; }

    #footer-mobile .erweima {

      text-align: center;

      color: #96989f;

      margin-bottom: 0.6rem; }

      #footer-mobile .erweima .img_erweima {

        display: inline-block;

        width: 30%;

        height: 30%;

        margin-bottom: 0.2rem; }

      #footer-mobile .erweima > p {

        font-size: 0.24rem; }

    #footer-mobile .copyRightIndex {

      display: block;

      width: 100%;

      height: 1rem;

      color: #96989f;

      text-align: center;

      font-size: 0.24rem;

      line-height: 1rem;

      color: #96989f;

      background: #2e2f34;

      position: relative; }

  #righter {

    display: none; }

  #mobile-righter {

    position: fixed;

    right: 2%;

    z-index: 10000;

    bottom: 105px; }

    #mobile-righter .cubes {

      -webkit-box-sizing: content-box;

         -moz-box-sizing: content-box;

              box-sizing: content-box;

      z-index: -1;

      position: absolute;

      bottom: 0px; }

      #mobile-righter .cubes .visiblecubes {

        font-size: 0px;

        padding: 0px;

        margin: 0px; }

      #mobile-righter .cubes .cube {

        -webkit-tap-highlight-color: initial;

        display: block;

        background: rgba(0, 0, 0, 0.8);

        color: #fff;

        text-align: center;

        width: 50px;

        cursor: pointer;

        padding: 15px 0px 0px 0px;

        position: relative; }

        #mobile-righter .cubes .cube p {

          display: none; }

        #mobile-righter .cubes .cube.head {

          padding: 0px;

          height: 25px;

          -webkit-border-radius: 50px 50px 0 0;

             -moz-border-radius: 50px 50px 0 0;

                  border-radius: 50px 50px 0 0; }

        #mobile-righter .cubes .cube.qq {

          height: 60px;

          padding: 0px; }

        #mobile-righter .cubes .cube.holder {

          height: 25px; }

        #mobile-righter .cubes .cube.foot {

          height: 25px;

          -webkit-border-radius: 0px 0px 50px 50px;

             -moz-border-radius: 0px 0px 50px 50px;

                  border-radius: 0px 0px 50px 50px; }

        #mobile-righter .cubes .cube > .sicon {

          margin-bottom: 5px;

          display: inline-block; }

        #mobile-righter .cubes .cube .support {

          background-position: -323px -305px;

          background-repeat: no-repeat;

          overflow: hidden;

          display: block;

          width: 33px;

          height: 32px;

          display: inline-block; }

        #mobile-righter .cubes .cube .price {

          background-position: -333px -394px;

          background-repeat: no-repeat;

          overflow: hidden;

          display: block;

          width: 35px;

          height: 34px;

          display: inline-block; }

        #mobile-righter .cubes .cube .tel {

          background-position: -368px -394px;

          background-repeat: no-repeat;

          overflow: hidden;

          display: block;

          width: 34px;

          height: 34px;

          display: inline-block; }

        #mobile-righter .cubes .cube .login {

          background-position: -323px -273px;

          background-repeat: no-repeat;

          overflow: hidden;

          display: block;

          width: 33px;

          height: 33px;

          display: inline-block; }

      #mobile-righter .cubes .join {

        display: inline-block;

        text-align: center;

        width: 50px;

        height: 50px;

        background-image: url("../images/join/daili@1x.png");

        background-repeat: no-repeat;

        background-position: 4px;

        -moz-background-size: 80%;

          -o-background-size: 80%;

             background-size: 80%;

        padding: 15px 15px 0px 15px; } }

      @media only screen and (max-width: 769px) and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 769px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (max-width: 769px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (max-width: 769px) and (min-device-pixel-ratio: 1.5) {

        #mobile-righter .cubes .join {

          background-image: url("../images/join/daili@2x.png"); } }



@media screen and (max-width: 769px) {

      #mobile-righter .cubes .video {

        display: none; }

    #mobile-righter #righter-control {

      -webkit-border-radius: 50%;

         -moz-border-radius: 50%;

              border-radius: 50%;

      text-align: center;

      line-height: 60px;

      font-size: 0px;

      z-index: 2;

      background: transparent;

      width: 50px;

      height: 50px;

      border: 2px solid #fff;

      -o-transition: 1s;

      -moz-transition: 1s;

      transition: 1s;

      -webkit-transition: 1s;

      -webkit-user-select: none;

      -moz-user-select: none;

       -ms-user-select: none;

           user-select: none; }

      #mobile-righter #righter-control img {

        -o-transition: 0.2s;

        -moz-transition: 0.2s;

        transition: 0.2s;

        -webkit-transition: 0.2s;

        -moz-transform: rotate(135deg);

         -ms-transform: rotate(135deg);

          -o-transform: rotate(135deg);

             transform: rotate(135deg);

        -webkit-transform: rotate(135deg); }

      #mobile-righter #righter-control.animating {

        -o-transition: 0s;

        -moz-transition: 0s;

        transition: 0s;

        -webkit-transition: 0s;

        -webkit-border-radius: 50%;

           -moz-border-radius: 50%;

                border-radius: 50%;

        background: black !important; }

      #mobile-righter #righter-control.show img {

        -moz-transform: rotate(0deg);

         -ms-transform: rotate(0deg);

          -o-transform: rotate(0deg);

             transform: rotate(0deg);

        -webkit-transform: rotate(0deg);

        background: transparent; }

  .product-head {

    width: 100%;

    display: block;

    text-align: center;

    height: 0.8rem;

    line-height: 0.8rem;

    color: #96989f;

    font-weight: bold; }

  .product-nav {

    height: 0.8rem;

    line-height: 0.8rem; } }



.clearfix {

  clear: both;

  display: block;

  height: 0; }



#qiao-icon-wrap {

  display: none !important; }



span[id*=cnzz_stat_icon] {

  display: none; }



body > a:not(#QIAO_ICON_CONTAINER) {

  display: none !important; }



.mask {

  width: 100%;

  height: 100%;

  top: 0px;

  left: 0px;

  opacity: 0.8;

  filter: alpha(opacity=80);

  background: #000;

  z-index: 8888;

  position: fixed;

  display: none; }



.model {

  text-align: center;

  width: 100%;

  height: 100%;

  top: 0px;

  left: 0px;

  z-index: 8889;

  position: absolute;

  display: none; }



.clearmid {

  height: 100%;

  width: 0px;

  display: inline-block;

  vertical-align: middle; }



.clearbtm {

  height: 100%;

  width: 0px;

  display: inline-block;

  vertical-align: bottom; }



.cleartop {

  height: 100%;

  width: 0px;

  display: inline-block;

  vertical-align: top; }



.divider {

  width: 1px;

  height: 20px;

  display: inline-block;

  vertical-align: middle;

  margin: 0 10px; }

  .divider.gray {

    background: rgba(0, 0, 0, 0.1); }



.moreSlution {

  text-align: center;

  cursor: pointer;

  text-decoration: underline;

  color: #333333;

  font-size: 18px; }



.w430 {

  width: 430px; }



.w480 {

  width: 480px; }



.w490 {

  width: 490px; }



.w515 {

  width: 515px; }



.h5 {

  height: 5px;

  width: 100%; }



.h10 {

  height: 10px;

  width: 100%; }



.h20 {

  height: 20px;

  width: 100%; }



.h30 {

  height: 30px;

  width: 100%; }



.h40 {

  height: 40px;

  width: 100%; }



.mainStyle {

  width: 1200px;

  margin: 0 auto; }



@media screen and (max-width: 769px) {

  .mainStyle {

    width: 100%; } }



* {

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

  margin: 0;

  padding: 0;

  font-family: Hiragino Sans GB, Helvetica Neue, arial, ��������������, ΢���ź�, ����; }



html {

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  -ms-touch-action: pan-y;

  background: #fff; }



body {

  margin: 0;

  font-family: Hiragino Sans GB, Helvetica Neue, arial, ��������������, ΢���ź�, ����;

  word-break: break-word;

  color: #000;

  position: relative; }



h1, h2, h3, h4, h5, p {

  margin: 0; }



pre {

  padding: 24px 28px; }



a {

  cursor: pointer;

  text-decoration: none;

  color: #3399ff;

  outline: none !important;

  -webkit-tap-highlight-color: transparent; }



input, textarea {

  outline: none !important;

  -webkit-appearance: none;

  border: 1px solid #ddd;

  background: #fcfcfc;

  color: #777; }

  input:focus, textarea:focus {

    border-color: #cfcfcf;

    background: #fff;

    color: #444; }

  input[readonly], textarea[readonly] {

    border-color: #e0e0e0;

    background: red;

    color: #bbb; }



input {

  word-break: break-all; }



label {

  vertical-align: middle; }



textarea {

  resize: none; }



ul {

  list-style: none;

  margin: 0;

  padding: 0; }



hr {

  margin: 0 auto;

  border: none; }



img {

  border: none; }



.icon {

  background-image: url("../images/icon_1x_build/sprite.png"); }



@media screen and (min-width: 1201px) {

  body {

    background-color: #f5f7f9;

    font-size: 100%;

    margin: 0;

    padding: 0;

    position: relative; }

  ul, ul li {

    list-style: none;

    margin: 0;

    padding: 0; }

  .about-section {

    width: 100%; }

    .about-section .about-bgImg {

      background-image: url("/images/history/gywm_banner.jpg");

      background-repeat: no-repeat;

      -moz-background-size: cover;

        -o-background-size: cover;

           background-size: cover;

      background-position: center center;

      height: 650px;

      background-color: #333; }

    .about-section .about-title {

      margin: -445px auto 0 auto;

      font-size: 50px;

      color: #fff; }

    .about-section .about-menus {

      margin-top: 50px; }

      .about-section .about-menus .menu-list {

        display: inline-block; }

        .about-section .about-menus .menu-list a {

          color: #fff;

          font-size: 16px;

          font-weight: 600;

          margin-right: 35px;

          padding: 10px 0px; }

          .about-section .about-menus .menu-list a.currentMenu {

            border-bottom: 3px solid #00cc33; }

          .about-section .about-menus .menu-list a:hover {

            border-bottom: 3px solid #00cc33; }

    .about-section .about-down {

      margin-top: 135px;

      margin-bottom: 123px; }

      .about-section .about-down .down-round {

        width: 40px;

        height: 40px;

        line-height: 40px;

        border: 1px solid #fff;

        -webkit-border-radius: 50%;

           -moz-border-radius: 50%;

                border-radius: 50%;

        position: relative; }

        .about-section .about-down .down-round .arrow-content {

          margin: auto;

          text-align: center;

          position: absolute;

          top: 50%;

          left: 50%;

          -o-transform: translate(-50%, -50%);

             transform: translate(-50%, -50%);

          -webkit-transform: translate(-50%, -50%);

          -moz-transform: translate(-50%, -50%);

          -ms-transform: translate(-50%, -50%);

          -webkit-animation: slide_down 1s linear infinite;

             -moz-animation: slide_down 1s linear infinite;

               -o-animation: slide_down 1s linear infinite;

                  animation: slide_down 1s linear infinite; }

          .about-section .about-down .down-round .arrow-content .arrow-line {

            border: 1px solid #fff;

            width: 0px;

            height: 15px;

            display: block;

            margin: 0 auto; }

          .about-section .about-down .down-round .arrow-content .arrow-triangle {

            display: block;

            border-top: 4px solid #fff;

            border-left: 4px solid transparent;

            border-right: 4px solid transparent;

            width: 0;

            height: 0;

            font-size: 0;

            line-height: 0;

            margin: 0 auto; }

  @-webkit-keyframes slide_down {

    from {

      top: 30%; }

    to {

      top: 70%; } }

  @-moz-keyframes slide_down {

    from {

      top: 30%; }

    to {

      top: 70%; } }

  @-o-keyframes slide_down {

    from {

      top: 30%; }

    to {

      top: 70%; } }

  @keyframes slide_down {

    from {

      top: 30%; }

    to {

      top: 70%; } }

    .about-section .about-content {

      border: 1px solid transparent;

      margin-top: -2px;

      background: #fff;

      padding-bottom: 200px; }

      .about-section .about-content #aboutus h2 {

        margin-top: 120px;

        margin-left: 65px;

        margin-right: 65px;

        font-size: 30px; }

      .about-section .about-content #aboutus .contactUS {

        display: inline-block;

        vertical-align: top;

        margin-top: 120px; }

        .about-section .about-content #aboutus .contactUS #title {

          font-size: 30px;

          margin-left: 65px;

          margin-right: 65px;

          margin-bottom: 20px; }

        .about-section .about-content #aboutus .contactUS .contactUS-title {

          margin-top: 0;

          font-size: 20px;

          color: #333; }

      .about-section .about-content #aboutus .aboutus_detail {

        font-size: 15px;

        margin-top: 30px;

        color: #6b6b6b;

        line-height: 28px;

        margin-left: 65px;

        margin-right: 65px; }

      .about-section .about-content #aboutus .aboutus_detail:nth-of-type(1) {

        margin-top: 20px; }

      .about-section .about-content #aboutus .aboutusperson_detail {

        font-size: 15px;

        margin-top: 20px;

        color: #6b6b6b;

        line-height: 28px;

        margin-left: 65px;

        margin-right: 65px;

        display: inline-block; }

      .about-section .about-content .about-img {

        margin-top: 100px;

        margin-bottom: 50px; }

      .about-section .about-content .company-map {

        width: 400px;

        height: 220px;

        display: inline-block;

        margin-left: 15%;

        vertical-align: top;

        margin-top: 120px; }

      .about-section .about-content .contactUS {

        width: 47%; }

      .about-section .about-content .about-text {

        width: 303px;

        height: 315px;

        background: #f9fbfd;

        position: relative;

        z-index: 999;

        border: 1px solid transparent; }

        .about-section .about-content .about-text .about-h {

          width: 80%;

          font-size: 30px;

          text-align: left; }

        .about-section .about-content .about-text span {

          margin: 24px 60px 0 60px;

          color: #6b6b6b;

          display: block;

          font-size: 15px;

          width: 80%; }

        .about-section .about-content .about-text .span-mobile {

          display: none; }

      .about-section .about-content .about-huanjing {

        margin-top: -315px; }

      .about-section .about-content .about-huanjing-mobile {

        display: none; }

    .about-section .about-history-bgImg {

      background-image: url("/images/history/fzlc_banner.jpg");

      background-repeat: no-repeat;

      -moz-background-size: cover;

        -o-background-size: cover;

           background-size: cover;

      background-position: center center;

      height: 650px; }

    .about-section .about-history-content {

      border: 1px solid transparent;

      margin-top: -2px;

      padding-bottom: 200px;

      padding-left: 60px;

      background-color: #fff;

      position: relative; }

      .about-section .about-history-content .splitLine {

        border-left: 1px solid #e8ecee;

        width: 0px;

        height: 100%;

        position: absolute;

        left: 197.4px; }

      .about-section .about-history-content .timezone {

        position: relative;

        margin-top: 176px; }

        .about-section .about-history-content .timezone .time {

          margin-bottom: 100px; }

          .about-section .about-history-content .timezone .time .year {

            display: inline-block;

            margin-right: 40px;

            vertical-align: top;

            color: #333;

            font-weight: 600;

            font-size: 32px; }

          .about-section .about-history-content .timezone .time .month {

            display: inline-block;

            vertical-align: top; }

            .about-section .about-history-content .timezone .time .month .month-info {

              margin-bottom: 20px; }

              .about-section .about-history-content .timezone .time .month .month-info .time-dot {

                display: inline-block;

                width: 6px;

                height: 6px;

                -webkit-border-radius: 50%;

                   -moz-border-radius: 50%;

                        border-radius: 50%;

                background-color: #00cc33;

                position: relative;

                left: -1px;

                z-index: 999; }

              .about-section .about-history-content .timezone .time .month .month-info .time-triangle {

                font-size: 0;

                line-height: 0;

                border-width: 6px;

                border-color: #3399ff;

                border-left-width: 0;

                border-style: dashed;

                border-right-style: solid;

                border-top-color: transparent;

                border-bottom-color: transparent;

                vertical-align: middle;

                margin-left: 12px; }

              .about-section .about-history-content .timezone .time .month .month-info .month-time {

                display: inline-block;

                margin-left: -2px;

                margin-right: 30px;

                width: 50px;

                height: 25px;

                line-height: 25px;

                text-align: center;

                -webkit-border-radius: 5px;

                   -moz-border-radius: 5px;

                        border-radius: 5px;

                background-color: #3399ff;

                color: #fff;

                font-size: 14px;

                vertical-align: middle; }

              .about-section .about-history-content .timezone .time .month .month-info .month-event {

                display: inline-block;

                color: #6b6b6b;

                font-size: 15px; }



    .about-section .about-certificate-bgImg {

      background-image: url("/images/certificate/zzzs_banner.jpg");

      background-repeat: no-repeat;

      -moz-background-size: cover;

        -o-background-size: cover;

           background-size: cover;

      background-position: center center;

      height: 650px; }

    .about-section .about-certificate-content {

      border: 1px solid transparent;

      margin-top: -2px;

      padding-bottom: 200px;

      background: #fff; }

      .about-section .about-certificate-content .certificate {

        margin-top: 70px;

        padding: 0 100px; }

        .about-section .about-certificate-content .certificate .certificate-title {

          margin-bottom: 90px;

          font-size: 30px; }

        .about-section .about-certificate-content .certificate .certificate-lists li {

          display: inline-block;

          margin-right: 35px;

          margin-top: 30px; }

          .about-section .about-certificate-content .certificate .certificate-lists li img {

            width: 460px;

            height: 600px; }

  .about-certificate-mobile-bgImg,

  .certificate-lists-mobile,

  .about-employee-mobile-bgImg,

  .company-huanjing-mobile,

  .span-mobile,

  .about-history-mobile-bgImg,

  .about-mobile-bgImg,

  .about-img-mobile {

    display: none; } }



@media screen and (min-width: 770px) and (max-width: 1200px) {

  body {

    background-color: #f5f7f9;

    font-size: 100%;

    margin: 0;

    padding: 0;

    position: relative; }

  ul, ul li {

    list-style: none;

    margin: 0;

    padding: 0; }

  .about-section {

    width: 100%; }

    .about-section .about-bgImg {

      background-image: url("/images/aboutus/gywm_banner.jpg");

      background-repeat: no-repeat;

      -moz-background-size: cover;

        -o-background-size: cover;

           background-size: cover;

      background-position: center center;

      height: 650px;

      background-color: #333; }

    .about-section .about-title {

      margin: -445px auto 0 auto;

      font-size: 50px;

      color: #fff;

      width: 98%; }

    .about-section .about-menus {

      margin-top: 50px;

      width: 98%; }

      .about-section .about-menus .menu-list {

        display: inline-block; }

        .about-section .about-menus .menu-list a {

          color: #fff;

          font-size: 16px;

          font-weight: 600;

          margin-right: 35px;

          padding: 10px 0px; }

          .about-section .about-menus .menu-list a.currentMenu {

            border-bottom: 3px solid #00cc33; }

          .about-section .about-menus .menu-list a:hover {

            border-bottom: 3px solid #00cc33; }

    .about-section .about-down {

      margin-top: 135px;

      margin-bottom: 123px;

      width: 98%; }

      .about-section .about-down .down-round {

        width: 40px;

        height: 40px;

        line-height: 40px;

        border: 1px solid #fff;

        -webkit-border-radius: 50%;

           -moz-border-radius: 50%;

                border-radius: 50%;

        position: relative; }

        .about-section .about-down .down-round .arrow-content {

          margin: auto;

          text-align: center;

          position: absolute;

          top: 50%;

          left: 50%;

          -o-transform: translate(-50%, -50%);

             transform: translate(-50%, -50%);

          -webkit-transform: translate(-50%, -50%);

          -moz-transform: translate(-50%, -50%);

          -ms-transform: translate(-50%, -50%);

          -webkit-animation: slide_down 1s linear infinite;

             -moz-animation: slide_down 1s linear infinite;

               -o-animation: slide_down 1s linear infinite;

                  animation: slide_down 1s linear infinite; }

          .about-section .about-down .down-round .arrow-content .arrow-line {

            border: 1px solid #fff;

            width: 0px;

            height: 15px;

            display: block;

            margin: 0 auto; }

          .about-section .about-down .down-round .arrow-content .arrow-triangle {

            display: block;

            border-top: 4px solid #fff;

            border-left: 4px solid transparent;

            border-right: 4px solid transparent;

            width: 0;

            height: 0;

            font-size: 0;

            line-height: 0;

            margin: 0 auto; }

  @-webkit-keyframes slide_down {

    from {

      top: 30%; }

    to {

      top: 70%; } }

  @-moz-keyframes slide_down {

    from {

      top: 30%; }

    to {

      top: 70%; } }

  @-o-keyframes slide_down {

    from {

      top: 30%; }

    to {

      top: 70%; } }

  @keyframes slide_down {

    from {

      top: 30%; }

    to {

      top: 70%; } }

    .about-section .about-content {

      border: 1px solid transparent;

      margin-top: -2px;

      background: #fff;

      padding-bottom: 200px;

      width: 100%; }

      .about-section .about-content #aboutus h2 {

        margin-top: 120px;

        margin-left: 65px;

        margin-right: 65px;

        font-size: 30px; }

      .about-section .about-content #aboutus .contactUS {

        display: inline-block;

        vertical-align: top;

        margin-top: 120px; }

        .about-section .about-content #aboutus .contactUS #title {

          font-size: 30px;

          margin-left: 65px;

          margin-right: 65px;

          margin-bottom: 20px; }

        .about-section .about-content #aboutus .contactUS .contactUS-title {

          margin-top: 0;

          font-size: 20px;

          color: #333; }

      .about-section .about-content #aboutus .aboutus_detail {

        font-size: 15px;

        margin-top: 30px;

        color: #6b6b6b;

        line-height: 28px;

        margin-left: 65px;

        margin-right: 65px; }

      .about-section .about-content #aboutus .aboutus_detail:nth-of-type(1) {

        margin-top: 20px; }

      .about-section .about-content #aboutus .aboutusperson_detail {

        font-size: 15px;

        margin-top: 20px;

        color: #6b6b6b;

        line-height: 28px;

        margin-left: 65px;

        margin-right: 65px;

        display: inline-block; }

      .about-section .about-content .about-img {

        margin-top: 100px;

        width: 100%; }

      .about-section .about-content .company-map {

        width: 400px;

        height: 220px;

        display: inline-block;

        margin-left: 8%;

        vertical-align: middle;

        margin-top: 120px; }

      .about-section .about-content .contactUS {

        width: 47%;

        vertical-align: middle; }

      .about-section .about-content .about-text {

        width: 25%;

        height: 200px;

        position: relative;

        z-index: 999;

        border: 1px solid transparent; }

        .about-section .about-content .about-text .about-h {

          width: 100%;

          font-size: 30px;

          text-align: center;

          margin-top: 50px !important;

          margin-left: 0px !important; }

        .about-section .about-content .about-text span {

          margin: 24px 60px 0 60px;

          color: #6b6b6b;

          display: block;

          font-size: 15px;

          width: 80%;

          margin-top: 50px !important;

          margin-left: 20px !important; }

        .about-section .about-content .about-text .span-mobile {

          margin: 10px auto 50px auto;

          color: #6b6b6b;

          display: none;

          font-size: 16px; }

      .about-section .about-content .about-huanjing {

        margin-top: -200px;

        width: 100%;

        display: block; }

      .about-section .about-content .about-huanjing-mobile {

        display: none;

        text-align: center;

        margin: 0 auto;

        background: #f9fbfd; }

    .about-section .about-history-bgImg {

      background-image: url("/images/history/fzlc_banner.jpg");

      background-repeat: no-repeat;

      -moz-background-size: cover;

        -o-background-size: cover;

           background-size: cover;

      background-position: center center;

      height: 650px; }

    .about-section .about-history-content {

      border: 1px solid transparent;

      margin-top: -2px;

      padding-bottom: 200px;

      padding-left: 3%;

      background-color: #fff;

      position: relative;

      width: 100%; }

      .about-section .about-history-content .splitLine {

        border-left: 1px solid #e8ecee;

        width: 0px;

        height: 100%;

        position: absolute;

        left: 159.4px; }

      .about-section .about-history-content .timezone {

        position: relative;

        margin-top: 176px; }

        .about-section .about-history-content .timezone .time {

          margin-bottom: 100px; }

          .about-section .about-history-content .timezone .time .year {

            display: inline-block;

            margin-right: 40px;

            vertical-align: top;

            color: #333;

            font-weight: 600;

            font-size: 32px; }

          .about-section .about-history-content .timezone .time .month {

            display: inline-block;

            vertical-align: top; }

            .about-section .about-history-content .timezone .time .month .month-info {

              margin-bottom: 20px; }

              .about-section .about-history-content .timezone .time .month .month-info .time-dot {

                display: inline-block;

                width: 6px;

                height: 6px;

                -webkit-border-radius: 50%;

                   -moz-border-radius: 50%;

                        border-radius: 50%;

                background-color: #00cc33;

                position: relative;

                left: -1px;

                z-index: 999; }

              .about-section .about-history-content .timezone .time .month .month-info .time-triangle {

                font-size: 0;

                line-height: 0;

                border-width: 6px;

                border-color: #3399ff;

                border-left-width: 0;

                border-style: dashed;

                border-right-style: solid;

                border-top-color: transparent;

                border-bottom-color: transparent;

                vertical-align: middle;

                margin-left: 12px; }

              .about-section .about-history-content .timezone .time .month .month-info .month-time {

                display: inline-block;

                margin-left: -2px;

                margin-right: 30px;

                width: 50px;

                height: 25px;

                line-height: 25px;

                text-align: center;

                -webkit-border-radius: 5px;

                   -moz-border-radius: 5px;

                        border-radius: 5px;

                background-color: #3399ff;

                color: #fff;

                font-size: 14px;

                vertical-align: middle; }

              .about-section .about-history-content .timezone .time .month .month-info .month-event {

                display: inline-block;

                color: #6b6b6b;

                font-size: 15px;

                width: 450px;

                vertical-align: middle; }

				

    .about-section .about-certificate-bgImg {

      background-image: url("/images/certificate/zzzs_banner.jpg");

      background-repeat: no-repeat;

      -moz-background-size: cover;

        -o-background-size: cover;

           background-size: cover;

      background-position: center center;

      height: 650px; }

    .about-section .about-certificate-content {

      border: 1px solid transparent;

      margin-top: -2px;

      padding-bottom: 200px;

      background: #fff;

      width: 100%; }

      .about-section .about-certificate-content .certificate {

        margin-top: 70px;

        padding: 0 100px; }

        .about-section .about-certificate-content .certificate .certificate-title {

          margin-bottom: 90px;

          font-size: 30px; }

        .about-section .about-certificate-content .certificate .certificate-lists {

          text-align: center; }

          .about-section .about-certificate-content .certificate .certificate-lists li {

            display: inline-block;

            margin-right: 35px;

            margin-top: 30px; }

            .about-section .about-certificate-content .certificate .certificate-lists li img {

              width: 460px;

              height: 600px; }

  .about-certificate-mobile-bgImg,

  .certificate-lists-mobile,

  .about-employee-mobile-bgImg,

  .company-huanjing-mobile,

  .span-mobile,

  .about-history-mobile-bgImg,

  .about-mobile-bgImg,

  .about-img-mobile {

    display: none; } }



@media screen and (width: 1200px) {

  .about-section .about-history-content .timezone .time .month {

    margin-left: -1.25%; } }



@media screen and (max-width: 769px) {

  .about-section {

    margin-top: -1.2rem;

    overflow-x: hidden; }

    .about-section .about-certificate-bgImg {

      display: none; }

    .about-section .about-certificate-mobile-bgImg {

      display: block;

      height: 100%;

      width: 100%; }

    .about-section .about-title {

      margin: -4rem auto 0 auto;

      font-size: 0.4rem;

      color: #fff;

      width: 90%; }

    .about-section .about-menus {

      width: 90%;

      margin: 50px auto 0 auto; }

      .about-section .about-menus .menu-list {

        display: inline-block; }

        .about-section .about-menus .menu-list a {

          color: #fff;

          font-size: 0.24rem;

          font-weight: 600;

          margin-right: 10px;

          padding: 10px 0px; }

          .about-section .about-menus .menu-list a.currentMenu {

            border-bottom: 3px solid #00cc33; }

          .about-section .about-menus .menu-list a:hover {

            border-bottom: 3px solid #00cc33; }

    .about-section .about-certificate-content {

      width: 90%;

      margin: 100px auto 0 auto;

      padding-top: 20px; }

      .about-section .about-certificate-content .certificate-title {

        width: 90%;

        margin-top: 0.6rem;

        margin-bottom: 0.5rem;

        font-size: 0.3rem;

        font-weight: 600; }

      .about-section .about-certificate-content .certificate-lists {

        display: none; }

      .about-section .about-certificate-content .certificate-lists-mobile {

        display: block; }

        .about-section .about-certificate-content .certificate-lists-mobile li {

          display: block;

          width: 80%;

          margin: 0 auto 30px auto; }

          .about-section .about-certificate-content .certificate-lists-mobile li img {

            width: 100%; }

    .about-section .about-down {

      margin-top: 70px;

      margin-left: 30px; }

      .about-section .about-down .down-round {

        display: none; }

        .about-section .about-down .down-round .arrow-content {

          margin: auto;

          text-align: center;

          position: absolute;

          top: 50%;

          left: 50%;

          -o-transform: translate(-50%, -50%);

             transform: translate(-50%, -50%);

          -webkit-transform: translate(-50%, -50%);

          -moz-transform: translate(-50%, -50%);

          -ms-transform: translate(-50%, -50%);

          -webkit-animation: slide_down 1s linear infinite;

             -moz-animation: slide_down 1s linear infinite;

               -o-animation: slide_down 1s linear infinite;

                  animation: slide_down 1s linear infinite; }

          .about-section .about-down .down-round .arrow-content .arrow-line {

            border: 1px solid #fff;

            width: 0px;

            height: 15px;

            display: block;

            margin: 0 auto; }

          .about-section .about-down .down-round .arrow-content .arrow-triangle {

            display: block;

            border-top: 4px solid #fff;

            border-left: 4px solid transparent;

            border-right: 4px solid transparent;

            width: 0;

            height: 0;

            font-size: 0;

            line-height: 0;

            margin: 0 auto; }

  @-webkit-keyframes slide_down {

    from {

      top: 30%; }

    to {

      top: 70%; } }

  @-moz-keyframes slide_down {

    from {

      top: 30%; }

    to {

      top: 70%; } }

  @-o-keyframes slide_down {

    from {

      top: 30%; }

    to {

      top: 70%; } }

  @keyframes slide_down {

    from {

      top: 30%; }

    to {

      top: 70%; } }

  .about-employee-bgImg {

    display: none; }

  .about-employee-mobile-bgImg {

    display: block;

    height: 100%;

    width: 100%; }

  .about-employee-content {

    margin-top: 100px !important;

    background: #fff;

    width: 90% !important; }

    .about-employee-content #employee {

      margin-bottom: 140px;

      border: 1px solid transparent; }

      .about-employee-content #employee h2 {

        width: 95%;

        margin: 0.8rem auto 0 auto;

        font-size: 0.3rem;

        font-weight: 600; }

      .about-employee-content #employee .aboutus_detail {

        font-size: 0.24rem;

        color: #6b6b6b;

        line-height: 35px;

        width: 95%;

        margin: 30px auto 0 auto; }

      .about-employee-content #employee .aboutus_detail:nth-of-type(1) {

        margin-top: 20px; }

    .about-employee-content .office-text {

      width: 95%;

      margin: 0 auto; }

      .about-employee-content .office-text .office-h {

        width: 95%;

        font-size: 0.3rem;

        font-weight: 600; }

      .about-employee-content .office-text span {

        display: none; }

      .about-employee-content .office-text .span-mobile {

        margin: 24px auto 50px auto;

        color: #6b6b6b;

        display: block;

        font-size: 0.24rem; }

    .about-employee-content .company-huanjing {

      display: none; }

    .about-employee-content .company-huanjing-mobile {

      display: block;

      width: 100%;

      margin: 0 auto; }

  .about-history-bgImg {

    display: none; }

  .about-history-mobile-bgImg {

    display: block;

    height: 100%;

    width: 100%; }

  .about-history-content {

    margin-top: 100px !important;

    background: #fff;

    width: 98% !important;

    position: relative;

    border: 1px solid transparent; }

    .about-history-content .splitLine {

      border-left: 1px solid #e8ecee;

      width: 0px;

      height: 100%;

      position: absolute;

      left: 15.5%; }

    .about-history-content .timezone {

      position: relative;

      margin-top: 85px; }

      .about-history-content .timezone .time {

        margin-bottom: 100px; }

        .about-history-content .timezone .time .year {

          display: inline-block;

          vertical-align: top;

          color: #333;

          font-weight: 600;

          font-size: 0.3rem;

          width: 14%; }

        .about-history-content .timezone .time .month {

          display: inline-block;

          vertical-align: top;

          width: 80%; }

          .about-history-content .timezone .time .month .month-info {

            margin-bottom: 20px; }

            .about-history-content .timezone .time .month .month-info .time-dot {

              display: inline-block;

              width: 6px;

              height: 6px;

              -webkit-border-radius: 50%;

                 -moz-border-radius: 50%;

                      border-radius: 50%;

              background-color: #00cc33;

              position: relative;

              left: -0.4%;

              z-index: 111; }

            .about-history-content .timezone .time .month .month-info .time-triangle {

              font-size: 0;

              line-height: 0;

              border-width: 6px;

              border-color: #3399ff;

              border-left-width: 0;

              border-style: dashed;

              border-right-style: solid;

              border-top-color: transparent;

              border-bottom-color: transparent;

              vertical-align: middle;

              margin-left: 12px; }

            .about-history-content .timezone .time .month .month-info .month-time {

              display: inline-block;

              margin-left: -0.02rem;

              margin-right: 4%;

              width: 50px;

              height: 25px;

              line-height: 25px;

              text-align: center;

              -webkit-border-radius: 0.02rem;

                 -moz-border-radius: 0.02rem;

                      border-radius: 0.02rem;

              background-color: #3399ff;

              color: #fff;

              font-size: 0.24rem;

              vertical-align: top; }

            .about-history-content .timezone .time .month .month-info .month-event {

              display: inline-block;

              color: #6b6b6b;

              font-size: 0.24rem;

              width: 70%;

              vertical-align: top; }

  .about-bgImg {

    display: none; }

  .about-mobile-bgImg {

    display: block;

    width: 100%;

    height: 100%;

    background-color: #333; }

  #title {

    margin-bottom: 20px; }

  .about-content {

    border: 1px solid transparent;

    margin-top: 100px !important;

    background: #fff;

    width: 98%; }

    .about-content #aboutus {

      width: 90%;

      margin: 0 auto; }

      .about-content #aboutus h2 {

        margin-top: 0.8rem;

        font-size: 0.3rem;

        font-weight: 600; }

      .about-content #aboutus .contactUS {

        display: inline-block;

        vertical-align: top; }

        .about-content #aboutus .contactUS .contactUS-title {

          margin-top: 0; }

      .about-content #aboutus .contactUS-two {

        margin-top: 20px; }

      .about-content #aboutus .aboutus_detail {

        font-size: 0.24rem;

        margin-top: 0.3rem;

        color: #6b6b6b;

        line-height: 0.5rem; }

      .about-content #aboutus .aboutus_detail:nth-of-type(1) {

        margin-top: 20px; }

      .about-content #aboutus .aboutusperson_detail {

        font-size: 0.24rem;

        margin-top: 0.2rem;

        color: #6b6b6b;

        line-height: 0.4rem;

        display: inline-block; }

      .about-content #aboutus .about-img {

        display: none; }

      .about-content #aboutus .about-img-mobile {

        display: block;

        width: 100%;

        margin: 40px auto; }

    .about-content .company-map {

      display: none; }

  .about-text {

    width: 95%;

    margin: 0 auto; }

    .about-text .about-h {

      width: 95%;

      font-size: 2rem;

      font-weight: 600; }

    .about-text span {

      display: none; }

    .about-text .span-mobile {

      margin: 24px auto 50px auto;

      color: #6b6b6b;

      display: block;

      font-size: 0.24rem; }

  .about-huanjing {

    display: none; }

  .about-huanjing-mobile {

    display: block;

    width: 100%;

    margin: 0 auto; } }



.my-map {

  margin: 0 auto;

  width: 400px;

  height: 220px; }



.my-map .icon {

  background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }



.my-map .icon-cir {

  height: 31px;

  width: 28px; }



.my-map .icon-cir-red {

  background-position: -11px -5px; }



.amap-container {

  height: 100%; }