@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; }



  .leapCloud-header{

    position: fixed;

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

  }



@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;

    z-index: 111; 

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

  }

    .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;

    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; }



/*

 * Swiper 2.7.0

 * Mobile touch slider and framework with hardware accelerated transitions

 *

 * http://www.idangero.us/sliders/swiper/

 *

 * Copyright 2010-2014, Vladimir Kharlampidi

 * The iDangero.us

 * http://www.idangero.us/

 *

 * Licensed under GPL & MIT

 *

 * Released on: August 30, 2014

*/

/* ===============================================================

Basic Swiper Styles 

================================================================*/

.swiper-container {

  margin: 0 auto;

  position: relative;

  overflow: hidden;

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  backface-visibility: hidden;

  /* Fix of Webkit flickering */

  z-index: 1; }



.swiper-wrapper {

  position: relative;

  width: 100%;

  -webkit-transition-property: -webkit-transform, left, top;

  -webkit-transition-duration: 0s;

  -webkit-transform: translate3d(0px, 0, 0);

  -webkit-transition-timing-function: ease;

  -moz-transition-property: -moz-transform, left, top;

  -moz-transition-duration: 0s;

  -moz-transform: translate3d(0px, 0, 0);

  -moz-transition-timing-function: ease;

  -o-transition-property: -o-transform, left, top;

  -o-transition-duration: 0s;

  -o-transform: translate3d(0px, 0, 0);

  -o-transition-timing-function: ease;

  -o-transform: translate(0px, 0px);

  -ms-transition-property: -ms-transform, left, top;

  -ms-transition-duration: 0s;

  -ms-transform: translate3d(0px, 0, 0);

  -ms-transition-timing-function: ease;

  -webkit-transition-property: left, top, -webkit-transform;

  transition-property: left, top, -webkit-transform;

  -o-transition-property: left, top, -o-transform;

  -moz-transition-property: transform, left, top, -moz-transform;

  transition-property: transform, left, top;

  transition-property: transform, left, top, -webkit-transform, -moz-transform, -o-transform;

  transition-duration: 0s;

  transform: translate3d(0px, 0, 0);

  transition-timing-function: ease;

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box; }



.swiper-free-mode > .swiper-wrapper {

  -webkit-transition-timing-function: ease-out;

  -moz-transition-timing-function: ease-out;

  -o-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

  margin: 0 auto; }



.swiper-slide {

  float: left;

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box; }



/* IE10 Windows Phone 8 Fixes */

.swiper-wp8-horizontal {

  -ms-touch-action: pan-y; }



.swiper-wp8-vertical {

  -ms-touch-action: pan-x; }



/* ===============================================================

Your custom styles, here you need to specify container's and slide's

sizes, pagination, etc.

================================================================*/

.swiper-container {

  /* Specify Swiper's Size: */

  /*width:200px;

	height: 100px;*/ }



.swiper-slide {

  /* Specify Slides's Size: */

  /*width: 100%;

	height: 100%;*/ }



.swiper-slide-active {

  /* Specific active slide styling: */ }



.swiper-slide-visible {

  /* Specific visible slide styling: */ }



/* ===============================================================

Pagination Styles

================================================================*/

.pagination {

  position: absolute;

  z-index: 20;

  bottom: 10px;

  width: 100%;

  text-align: center; }



.swiper-pagination-switch {

  display: inline-block;

  width: 7px;

  height: 7px;

  -webkit-border-radius: 8px;

     -moz-border-radius: 8px;

          border-radius: 8px;

  background: #555;

  margin: 0 5px;

  opacity: 0.8;

  cursor: pointer; }



.swiper-active-switch {

  background: #3399ff;

  border: 1px solid #3399ff; }



.swiper-visible-switch {

  /* Specific visible button style: */ }



.swiper-button-next {

  position: absolute;

  width: 50px;

  top: 0px;

  right: -50px;

  height: 100%;

  cursor: pointer;

  text-align: right; }

  .swiper-button-next > div {

    height: 62px;

    width: 31px;

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

    background-position: -95px 0px;

    display: inline-block;

    vertical-align: middle; }

  .swiper-button-next:hover > div {

    background-position: -31px 0px; }

  .swiper-button-next.swiper-button-disabled {

    cursor: auto; }

    .swiper-button-next.swiper-button-disabled > div {

      background-position: -95px 0px; }



.swiper-button-prev {

  position: absolute;

  width: 50px;

  top: 0px;

  left: -50px;

  height: 100%;

  cursor: pointer; }

  .swiper-button-prev > div {

    height: 62px;

    width: 31px;

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

    background-position: -62px 0px;

    vertical-align: middle;

    display: inline-block; }

  .swiper-button-prev:hover > div {

    background-position: 0px 0px; }

  .swiper-button-prev.swiper-button-disabled {

    cursor: auto; }

    .swiper-button-prev.swiper-button-disabled > div {

      background-position: -62px 0px; }



.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; } }



.icon {

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



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

  .icon {

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



.video {

  display: block !important; }



.video .right-alert {

  cursor: pointer !important; }



@media (min-width: 1201px) {

  .clearTop {

    width: 100%; }

    .clearTop.h100 {

      height: 100px; }

    .clearTop.h90 {

      height: 90px; }

    .clearTop.h80 {

      height: 80px; }

    .clearTop.h60 {

      height: 60px; }

    .clearTop.h30 {

      height: 30px; }

  #landing-image {

    font-size: 0;

    white-space: nowrap;

    background-image: url("../images/tailor/banner@1x.jpg");

    -moz-background-size: cover;

      -o-background-size: cover;

         background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    height: 650px;

    position: absolute;

    width: 100%;

    z-index: 1;

    overflow: hidden;

    top: 0;

    -webkit-animation: backgroundSize 50s infinite linear;

       -moz-animation: backgroundSize 50s infinite linear;

         -o-animation: backgroundSize 50s infinite linear;

            animation: backgroundSize 50s infinite linear;

    -ms-animation: backgroundSize 50s infinite linear; } }



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

  #landing-image {

    background-image: url("../images/website/img_2x/banner@2x.jpg"); } }



@media (min-width: 1201px) {

  @-webkit-keyframes backgroundSize {

    0% {

      -webkit-transform: scale(1, 1);

              transform: scale(1, 1); }

    25% {

      -webkit-transform: scale(1.1, 1.1);

              transform: scale(1.1, 1.1); }

    50% {

      -webkit-transform: scale(1.2, 1.2);

              transform: scale(1.2, 1.2); }

    75% {

      -webkit-transform: scale(1.3, 1.3);

              transform: scale(1.3, 1.3); }

    100% {

      -webkit-transform: scale(1, 1);

              transform: scale(1, 1); } }

  @-moz-keyframes backgroundSize {

    0% {

      -moz-transform: scale(1, 1);

           transform: scale(1, 1); }

    25% {

      -moz-transform: scale(1.1, 1.1);

           transform: scale(1.1, 1.1); }

    50% {

      -moz-transform: scale(1.2, 1.2);

           transform: scale(1.2, 1.2); }

    75% {

      -moz-transform: scale(1.3, 1.3);

           transform: scale(1.3, 1.3); }

    100% {

      -moz-transform: scale(1, 1);

           transform: scale(1, 1); } }

  @-o-keyframes backgroundSize {

    0% {

      -o-transform: scale(1, 1);

         transform: scale(1, 1); }

    25% {

      -o-transform: scale(1.1, 1.1);

         transform: scale(1.1, 1.1); }

    50% {

      -o-transform: scale(1.2, 1.2);

         transform: scale(1.2, 1.2); }

    75% {

      -o-transform: scale(1.3, 1.3);

         transform: scale(1.3, 1.3); }

    100% {

      -o-transform: scale(1, 1);

         transform: scale(1, 1); } }

  @keyframes backgroundSize {

    0% {

      -webkit-transform: scale(1, 1);

         -moz-transform: scale(1, 1);

           -o-transform: scale(1, 1);

              transform: scale(1, 1); }

    25% {

      -webkit-transform: scale(1.1, 1.1);

         -moz-transform: scale(1.1, 1.1);

           -o-transform: scale(1.1, 1.1);

              transform: scale(1.1, 1.1); }

    50% {

      -webkit-transform: scale(1.2, 1.2);

         -moz-transform: scale(1.2, 1.2);

           -o-transform: scale(1.2, 1.2);

              transform: scale(1.2, 1.2); }

    75% {

      -webkit-transform: scale(1.3, 1.3);

         -moz-transform: scale(1.3, 1.3);

           -o-transform: scale(1.3, 1.3);

              transform: scale(1.3, 1.3); }

    100% {

      -webkit-transform: scale(1, 1);

         -moz-transform: scale(1, 1);

           -o-transform: scale(1, 1);

              transform: scale(1, 1); } }

  .bg-content {

    position: relative;

    overflow: hidden;

    height: 650px;

    top: 0px;

    width: 100%;

    background-color: #333;

    z-index: -1; }

  #index {

    top: 0px;

    width: 100%;

    position: absolute;

    z-index: 2; }

    #index .mainStyle {

      margin: 0 auto;

      border: 1px solid red; }

    #index .title-1-wrapper {

      position: relative;

      margin-bottom: 18px; }

      #index .title-1-wrapper.floating {

        left: -140px; }

    #index .title-1 {

      font-weight: bold;

      font-size: 28px; }

    #index .title-2 {

      font-size: 28px;

      margin-bottom: 30px; }

      #index .title-2.floating {

        text-align: right; }

    #index .title-1-2 {

      font-size: 30px;

      color: #cccccc;

      position: relative;

      left: 180px;

      bottom: -5px; }

    #index .title-1-3 {

      font-size: 30px;

      color: #cccccc;

      position: absolute;

      display: inline-block;

      right: -110px;

      top: 0px; }

    #index .title-1-4 {

      font-size: 30px;

      color: #cccccc;

      display: inline-block;

      margin-top: 10px; }

    #index .baseline {

      display: inline-block;

      vertical-align: bottom; }

    #index .phoneShop img {

      width: 350px;

      margin-right: 20px; }

    #index .index-section-first {

      background: #f8f8f8; }

    #index #basicInfo {

      padding: 80px 0; }

      #index #basicInfo .index-content-header {

        text-align: center;

        font-size: 28px; }

        #index #basicInfo .index-content-header h3 {

          cursor: pointer; }

      #index #basicInfo .index-content-icons .android {

        background-position: -428px -67px;

        background-repeat: no-repeat;

        overflow: hidden;

        display: block;

        width: 67px;

        height: 67px;

        cursor: pointer;

        display: inline-block; }

      #index #basicInfo .index-content-icons .apple {

        background-position: -357px -215px;

        background-repeat: no-repeat;

        overflow: hidden;

        display: block;

        width: 67px;

        height: 67px;

        cursor: pointer;

        display: inline-block; }

      #index #basicInfo .index-content-icons .wechat {

        background-position: -428px 0px;

        background-repeat: no-repeat;

        overflow: hidden;

        display: block;

        width: 67px;

        height: 67px;

        cursor: pointer;

        display: inline-block; }

      #index #basicInfo .index-content-icons .ie {

        background-position: -357px -148px;

        background-repeat: no-repeat;

        overflow: hidden;

        display: block;

        width: 67px;

        height: 67px;

        cursor: pointer;

        display: inline-block; }

      #index #basicInfo .index-content-icons .appstore {

        background-position: -357px -81px;

        background-repeat: no-repeat;

        overflow: hidden;

        display: block;

        width: 67px;

        height: 67px;

        cursor: pointer;

        display: inline-block; }

      #index #basicInfo .index-content-icons .ipad {

        background-position: -357px -282px;

        background-repeat: no-repeat;

        overflow: hidden;

        display: block;

        width: 67px;

        height: 67px;

        cursor: pointer;

        display: inline-block; }

      #index #basicInfo .index-content-icons {

        text-align: center;

        margin-top: 30px;

        margin-bottom: 30px; }

        #index #basicInfo .index-content-icons li {

          display: inline-block;

          margin-right: 20px; }

      #index #basicInfo .index-content-info {

        text-align: center;

        font-size: 18px;

        line-height: 30px;

        color: #333; }

      #index #basicInfo .index-content-imgs-lists {

        text-align: center;

        margin-top: 40px; }

        #index #basicInfo .index-content-imgs-lists li {

          width: 13%;

          height: 100px;

          text-align: center;

          display: inline-block;

          vertical-align: top;

          margin-top: 20px; }

          #index #basicInfo .index-content-imgs-lists li img {

            width: 31px;

            cursor: pointer; }

          #index #basicInfo .index-content-imgs-lists li p {

            cursor: pointer; }

          #index #basicInfo .index-content-imgs-lists li .item-imgs {

            height: 50px;

            line-height: 50px; }

            #index #basicInfo .index-content-imgs-lists li .item-imgs .modules_01 {

              background-position: -298px -394px;

              background-repeat: no-repeat;

              overflow: hidden;

              display: block;

              width: 35px;

              height: 35px;

              cursor: pointer;

              display: inline-block; }

            #index #basicInfo .index-content-imgs-lists li .item-imgs .modules_02 {

              background-position: -309px -357px;

              background-repeat: no-repeat;

              overflow: hidden;

              display: block;

              width: 44px;

              height: 27px;

              cursor: pointer;

              display: inline-block; }

            #index #basicInfo .index-content-imgs-lists li .item-imgs .modules_03 {

              background-position: -353px -357px;

              background-repeat: no-repeat;

              overflow: hidden;

              display: block;

              width: 47px;

              height: 24px;

              cursor: pointer;

              display: inline-block; }

            #index #basicInfo .index-content-imgs-lists li .item-imgs .modules_04 {

              background-position: -261px -357px;

              background-repeat: no-repeat;

              overflow: hidden;

              display: block;

              width: 48px;

              height: 33px;

              cursor: pointer;

              display: inline-block; }

            #index #basicInfo .index-content-imgs-lists li .item-imgs .modules_05 {

              background-position: -494px 0px;

              background-repeat: no-repeat;

              overflow: hidden;

              display: block;

              width: 29px;

              height: 35px;

              cursor: pointer;

              display: inline-block; }

            #index #basicInfo .index-content-imgs-lists li .item-imgs .modules_06 {

              background-position: 0px -441px;

              background-repeat: no-repeat;

              overflow: hidden;

              display: block;

              width: 31px;

              height: 32px;

              cursor: pointer;

              display: inline-block; }

            #index #basicInfo .index-content-imgs-lists li .item-imgs .modules_07 {

              background-position: 0px -473px;

              background-repeat: no-repeat;

              overflow: hidden;

              display: block;

              width: 29px;

              height: 33px;

              cursor: pointer;

              display: inline-block; }

            #index #basicInfo .index-content-imgs-lists li .item-imgs .modules_08 {

              background-position: -494px -35px;

              background-repeat: no-repeat;

              overflow: hidden;

              display: block;

              width: 28px;

              height: 33px;

              cursor: pointer;

              display: inline-block; }

            #index #basicInfo .index-content-imgs-lists li .item-imgs .modules_09 {

              background-position: -31px -441px;

              background-repeat: no-repeat;

              overflow: hidden;

              display: block;

              width: 31px;

              height: 31px;

              cursor: pointer;

              display: inline-block; }

            #index #basicInfo .index-content-imgs-lists li .item-imgs .modules_10 {

              background-position: -254px -394px;

              background-repeat: no-repeat;

              overflow: hidden;

              display: block;

              width: 44px;

              height: 35px;

              cursor: pointer;

              display: inline-block; }

            #index #basicInfo .index-content-imgs-lists li .item-imgs .modules_11 {

              background-position: -47px -394px;

              background-repeat: no-repeat;

              overflow: hidden;

              display: block;

              width: 43px;

              height: 42px;

              cursor: pointer;

              display: inline-block; }

            #index #basicInfo .index-content-imgs-lists li .item-imgs .modules_12 {

              background-position: -402px -394px;

              background-repeat: no-repeat;

              overflow: hidden;

              display: block;

              width: 40px;

              height: 29px;

              cursor: pointer;

              display: inline-block; }

            #index #basicInfo .index-content-imgs-lists li .item-imgs .modules_13 {

              background-position: -442px -394px;

              background-repeat: no-repeat;

              overflow: hidden;

              display: block;

              width: 36px;

              height: 29px;

              cursor: pointer;

              display: inline-block; }

            #index #basicInfo .index-content-imgs-lists li .item-imgs .modules_14 {

              background-position: -428px -376px;

              background-repeat: no-repeat;

              overflow: hidden;

              display: block;

              width: 35px;

              height: 12px;

              cursor: pointer;

              display: inline-block; }

    #index .paragraph {

      font-size: 16px;

      line-height: 28px;

      margin: 18px 0; }

    #index .special {

      padding-top: 45px; }

      #index .special .icon-wrapper {

        display: inline-block;

        padding: 30px 35px 10px 0;

        text-align: center;

        cursor: pointer; }

        #index .special .icon-wrapper span {

          margin-left: 10%; }

        #index .special .icon-wrapper .suppot {

          background-position: -213px -394px;

          background-repeat: no-repeat;

          overflow: hidden;

          display: block;

          width: 41px;

          height: 39px;

          cursor: pointer;

          display: inline-block; }

        #index .special .icon-wrapper .bbs {

          background-position: -172px -394px;

          background-repeat: no-repeat;

          overflow: hidden;

          display: block;

          width: 41px;

          height: 39px;

          cursor: pointer;

          display: inline-block; }

        #index .special .icon-wrapper .gamble {

          background-position: -90px -394px;

          background-repeat: no-repeat;

          overflow: hidden;

          display: block;

          width: 41px;

          height: 39px;

          cursor: pointer;

          display: inline-block; }

        #index .special .icon-wrapper .push {

          background-position: -131px -394px;

          background-repeat: no-repeat;

          overflow: hidden;

          display: block;

          width: 41px;

          height: 39px;

          cursor: pointer;

          display: inline-block; }

    #index #moreSolution {

      position: relative;

      height: 80px;

      text-align: center; }

      #index #moreSolution .grayLine {

        border-bottom: 1px solid #d6d6d6;

        width: 36%;

        display: inline-block;

        vertical-align: middle; }

      #index #moreSolution .content {

        width: 26%;

        height: 40px;

        overflow: visible;

        display: inline-block;

        vertical-align: middle;

        text-align: center; }

    #index .solutionLinks {

      height: 90px;

      line-height: 90px;

      text-align: center;

      overflow: hidden; }

      #index .solutionLinks > div {

        margin-right: 25px; }

        #index .solutionLinks > div.link {

          display: inline-block;

          height: 100%; }

          #index .solutionLinks > div.link:last-child {

            margin-right: 0px; }

          #index .solutionLinks > div.link a {

            color: #333333;

            font-weight: bold;

            font-size: 18px;

            display: block;

            height: 100%; }

            #index .solutionLinks > div.link a:hover {

              color: #3399ff; }

    #index .landing {

      height: 650px;

      font-size: 0px;

      text-align: center; }

      #index .landing .tips {

        display: inline-block;

        vertical-align: middle;

        white-space: nowrap;

        text-align: center; }

        #index .landing .tips > p {

          color: #fff; }

        #index .landing .tips .main-title {

          font-size: 42px;

          margin-top: 60px;

          font-weight: bold;

          padding: 0px 60px; }

        #index .landing .tips .explain {

          font-size: 18px;

          margin-top: 30px;

          line-height: 30px; }

      #index .landing .gobtn-wrapper {

        margin: 65px 0px 0px 0px;

        text-align: center; }

        #index .landing .gobtn-wrapper .gobtn {

          overflow: hidden;

          position: relative;

          display: inline-block;

          height: 70px;

          font-size: 0;

          width: 240px;

          background: #3399ff;

          cursor: pointer;

          -webkit-border-radius: 40px;

             -moz-border-radius: 40px;

                  border-radius: 40px; }

          #index .landing .gobtn-wrapper .gobtn > *:not(.clearmid) {

            position: relative;

            z-index: 2; }

          #index .landing .gobtn-wrapper .gobtn .btnmask {

            width: 0;

            height: 100%;

            position: absolute;

            background: -webkit-gradient(linear, left top, right top, from(#3399ff), to(#61e5fe));

            background: -webkit-linear-gradient(left, #3399ff, #61e5fe);

            background: -moz-linear-gradient(left, #3399ff, #61e5fe);

            background: -o-linear-gradient(left, #3399ff, #61e5fe);

            background: linear-gradient(left, #3399ff, #61e5fe);

            background: -ms-linear-gradient(left, #3399ff, #61e5fe);

            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3399ff', endColorstr='#61e5fe',GradientType=0 );

            content: '';

            display: block;

            top: 0px;

            left: 0px;

            -webkit-transition: width 1s;

            -o-transition: width 1s;

            -moz-transition: width 1s;

            transition: width 1s; }

            #index .landing .gobtn-wrapper .gobtn .btnmask :root .gradient {

              -webkit-filter: none;

                      filter: none; }

          #index .landing .gobtn-wrapper .gobtn:hover .btnmask {

            width: 100%; }

  @-webkit-keyframes buttonBackground {

    0% {

      background: -webkit-gradient(linear, left top, right top, from(#00cc33), to(#0080ff));

      background: -webkit-linear-gradient(left, #00cc33, #0080ff);

      background: linear-gradient(left, #00cc33, #0080ff);

      background: -ms-linear-gradient(left, #00cc33, #0080ff); }

    25% {

      background: -webkit-gradient(linear, left top, right top, from(#00cc33), to(#004d99));

      background: -webkit-linear-gradient(left, #00cc33, #004d99);

      background: linear-gradient(left, #00cc33, #004d99);

      background: -ms-linear-gradient(left, #00cc33, #004d99); }

    50% {

      background: -webkit-gradient(linear, left top, right top, from(#00cc33), to(#001a33));

      background: -webkit-linear-gradient(left, #00cc33, #001a33);

      background: linear-gradient(left, #00cc33, #001a33);

      background: -ms-linear-gradient(left, #00cc33, #001a33); }

    100% {

      background: -webkit-gradient(linear, left top, right top, from(#00cc33), to(black));

      background: -webkit-linear-gradient(left, #00cc33, black);

      background: linear-gradient(left, #00cc33, black);

      background: -ms-linear-gradient(left, #00cc33, black); } }

  @-moz-keyframes buttonBackground {

    0% {

      background: -moz-linear-gradient(left, #00cc33, #0080ff);

      background: linear-gradient(left, #00cc33, #0080ff);

      background: -ms-linear-gradient(left, #00cc33, #0080ff); }

    25% {

      background: -moz-linear-gradient(left, #00cc33, #004d99);

      background: linear-gradient(left, #00cc33, #004d99);

      background: -ms-linear-gradient(left, #00cc33, #004d99); }

    50% {

      background: -moz-linear-gradient(left, #00cc33, #001a33);

      background: linear-gradient(left, #00cc33, #001a33);

      background: -ms-linear-gradient(left, #00cc33, #001a33); }

    100% {

      background: -moz-linear-gradient(left, #00cc33, black);

      background: linear-gradient(left, #00cc33, black);

      background: -ms-linear-gradient(left, #00cc33, black); } }

  @-o-keyframes buttonBackground {

    0% {

      background: -o-linear-gradient(left, #00cc33, #0080ff);

      background: linear-gradient(left, #00cc33, #0080ff);

      background: -ms-linear-gradient(left, #00cc33, #0080ff); }

    25% {

      background: -o-linear-gradient(left, #00cc33, #004d99);

      background: linear-gradient(left, #00cc33, #004d99);

      background: -ms-linear-gradient(left, #00cc33, #004d99); }

    50% {

      background: -o-linear-gradient(left, #00cc33, #001a33);

      background: linear-gradient(left, #00cc33, #001a33);

      background: -ms-linear-gradient(left, #00cc33, #001a33); }

    100% {

      background: -o-linear-gradient(left, #00cc33, black);

      background: linear-gradient(left, #00cc33, black);

      background: -ms-linear-gradient(left, #00cc33, black); } }

  @keyframes buttonBackground {

    0% {

      background: -webkit-gradient(linear, left top, right top, from(#00cc33), to(#0080ff));

      background: -webkit-linear-gradient(left, #00cc33, #0080ff);

      background: -moz-linear-gradient(left, #00cc33, #0080ff);

      background: -o-linear-gradient(left, #00cc33, #0080ff);

      background: linear-gradient(left, #00cc33, #0080ff);

      background: -ms-linear-gradient(left, #00cc33, #0080ff); }

    25% {

      background: -webkit-gradient(linear, left top, right top, from(#00cc33), to(#004d99));

      background: -webkit-linear-gradient(left, #00cc33, #004d99);

      background: -moz-linear-gradient(left, #00cc33, #004d99);

      background: -o-linear-gradient(left, #00cc33, #004d99);

      background: linear-gradient(left, #00cc33, #004d99);

      background: -ms-linear-gradient(left, #00cc33, #004d99); }

    50% {

      background: -webkit-gradient(linear, left top, right top, from(#00cc33), to(#001a33));

      background: -webkit-linear-gradient(left, #00cc33, #001a33);

      background: -moz-linear-gradient(left, #00cc33, #001a33);

      background: -o-linear-gradient(left, #00cc33, #001a33);

      background: linear-gradient(left, #00cc33, #001a33);

      background: -ms-linear-gradient(left, #00cc33, #001a33); }

    100% {

      background: -webkit-gradient(linear, left top, right top, from(#00cc33), to(black));

      background: -webkit-linear-gradient(left, #00cc33, black);

      background: -moz-linear-gradient(left, #00cc33, black);

      background: -o-linear-gradient(left, #00cc33, black);

      background: linear-gradient(left, #00cc33, black);

      background: -ms-linear-gradient(left, #00cc33, black); } }

          #index .landing .gobtn-wrapper .gobtn > div {

            display: inline-block;

            vertical-align: middle;

            color: #fff;

            font-weight: bold;

            font-size: 20px;

            margin-right: 16px; }

          #index .landing .gobtn-wrapper .gobtn span {

            background-position: -62px -441px;

            background-repeat: no-repeat;

            overflow: hidden;

            display: block;

            width: 30px;

            height: 30px;

            display: inline-block;

            vertical-align: middle; }

  .mobile-pic-decoration {

    display: none; }

  #video-modal {

    position: fixed;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    width: 100%;

    height: auto;

    z-index: 999999;

    display: none;

    overflow-y: scroll; }

    #video-modal .video-mask {

      position: absolute;

      top: 0;

      bottom: 0;

      left: 0;

      right: 0;

      background-color: #000;

      opacity: .8; }

    #video-modal .video-content {

      z-index: 99999;

      width: 70%;

      height: 60%;

      position: absolute;

      top: 0;

      bottom: 0;

      left: 0;

      right: 0;

      margin: auto; }

    #video-modal .video-close {

      position: absolute;

      z-index: 99999999;

      right: 15%;

      top: 5%;

      color: #fff;

      font-size: 30px;

      cursor: pointer; }

      #video-modal .video-close:hover {

        cursor: pointer; }

  .video-icon {

    background-image: url(../images/dingzhi/shipin_icon@1x.png) !important;

    background-repeat: no-repeat !important;

    width: 30px;

    height: 30px; } }



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

  .clearTop {

    width: 100%; }

    .clearTop.h100 {

      height: 100px; }

    .clearTop.h90 {

      height: 90px; }

    .clearTop.h80 {

      height: 80px; }

    .clearTop.h60 {

      height: 60px; }

    .clearTop.h30 {

      height: 30px; }

  #landing-image {

    font-size: 0;

    white-space: nowrap;

    background-image: url("../images/tailor/banner@1x.jpg");

    -moz-background-size: cover;

      -o-background-size: cover;

         background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    height: 650px;

    position: absolute;

    width: 100%;

    z-index: 1;

    overflow: hidden;

    top: 0;

    -webkit-animation: backgroundSize 50s infinite linear;

       -moz-animation: backgroundSize 50s infinite linear;

         -o-animation: backgroundSize 50s infinite linear;

            animation: backgroundSize 50s infinite linear;

    -ms-animation: backgroundSize 50s infinite linear; } }



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

  #landing-image {

    background-image: url("../images/website/img_2x/banner@2x.jpg"); } }



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

  @-webkit-keyframes backgroundSize {

    0% {

      -webkit-transform: scale(1, 1);

              transform: scale(1, 1); }

    25% {

      -webkit-transform: scale(1.1, 1.1);

              transform: scale(1.1, 1.1); }

    50% {

      -webkit-transform: scale(1.2, 1.2);

              transform: scale(1.2, 1.2); }

    75% {

      -webkit-transform: scale(1.3, 1.3);

              transform: scale(1.3, 1.3); }

    100% {

      -webkit-transform: scale(1, 1);

              transform: scale(1, 1); } }

  @-moz-keyframes backgroundSize {

    0% {

      -moz-transform: scale(1, 1);

           transform: scale(1, 1); }

    25% {

      -moz-transform: scale(1.1, 1.1);

           transform: scale(1.1, 1.1); }

    50% {

      -moz-transform: scale(1.2, 1.2);

           transform: scale(1.2, 1.2); }

    75% {

      -moz-transform: scale(1.3, 1.3);

           transform: scale(1.3, 1.3); }

    100% {

      -moz-transform: scale(1, 1);

           transform: scale(1, 1); } }

  @-o-keyframes backgroundSize {

    0% {

      -o-transform: scale(1, 1);

         transform: scale(1, 1); }

    25% {

      -o-transform: scale(1.1, 1.1);

         transform: scale(1.1, 1.1); }

    50% {

      -o-transform: scale(1.2, 1.2);

         transform: scale(1.2, 1.2); }

    75% {

      -o-transform: scale(1.3, 1.3);

         transform: scale(1.3, 1.3); }

    100% {

      -o-transform: scale(1, 1);

         transform: scale(1, 1); } }

  @keyframes backgroundSize {

    0% {

      -webkit-transform: scale(1, 1);

         -moz-transform: scale(1, 1);

           -o-transform: scale(1, 1);

              transform: scale(1, 1); }

    25% {

      -webkit-transform: scale(1.1, 1.1);

         -moz-transform: scale(1.1, 1.1);

           -o-transform: scale(1.1, 1.1);

              transform: scale(1.1, 1.1); }

    50% {

      -webkit-transform: scale(1.2, 1.2);

         -moz-transform: scale(1.2, 1.2);

           -o-transform: scale(1.2, 1.2);

              transform: scale(1.2, 1.2); }

    75% {

      -webkit-transform: scale(1.3, 1.3);

         -moz-transform: scale(1.3, 1.3);

           -o-transform: scale(1.3, 1.3);

              transform: scale(1.3, 1.3); }

    100% {

      -webkit-transform: scale(1, 1);

         -moz-transform: scale(1, 1);

           -o-transform: scale(1, 1);

              transform: scale(1, 1); } }

  .bg-content {

    position: relative;

    overflow: hidden;

    height: 650px;

    top: 0px;

    width: 100%;

    background-color: #333;

    z-index: -1; }

  #index {

    top: 0px;

    width: 100%;

    position: absolute;

    z-index: 2; }

    #index .mainStyle {

      margin: 0 auto;

      border: 1px solid red; }

    #index .title-1-wrapper {

      position: relative;

      margin-bottom: 18px; }

      #index .title-1-wrapper.floating {

        left: -140px; }

    #index .title-1 {

      font-weight: bold;

      font-size: 28px; }

    #index .title-2 {

      font-size: 28px;

      margin-bottom: 30px; }

      #index .title-2.floating {

        text-align: right; }

    #index .title-1-2 {

      font-size: 30px;

      color: #cccccc;

      position: relative;

      left: 180px;

      bottom: -5px; }

    #index .title-1-3 {

      font-size: 30px;

      color: #cccccc;

      position: absolute;

      display: inline-block;

      right: -110px;

      top: 0px; }

    #index .title-1-4 {

      font-size: 30px;

      color: #cccccc;

      display: inline-block;

      margin-top: 10px; }

    #index .baseline {

      display: inline-block;

      vertical-align: bottom; }

    #index .phoneShop img {

      width: 350px;

      margin-right: 20px; }

    #index .index-section-first {

      background: #f8f8f8; }

    #index #basicInfo {

      padding: 80px 0; }

      #index #basicInfo .index-content-header {

        text-align: center;

        font-size: 28px; }

        #index #basicInfo .index-content-header h3 {

          cursor: pointer; }

      #index #basicInfo .index-content-icons .android {

        background-position: -428px -67px;

        background-repeat: no-repeat;

        overflow: hidden;

        display: block;

        width: 67px;

        height: 67px;

        cursor: pointer;

        display: inline-block; }

      #index #basicInfo .index-content-icons .apple {

        background-position: -357px -215px;

        background-repeat: no-repeat;

        overflow: hidden;

        display: block;

        width: 67px;

        height: 67px;

        cursor: pointer;

        display: inline-block; }

      #index #basicInfo .index-content-icons .wechat {

        background-position: -428px 0px;

        background-repeat: no-repeat;

        overflow: hidden;

        display: block;

        width: 67px;

        height: 67px;

        cursor: pointer;

        display: inline-block; }

      #index #basicInfo .index-content-icons .ie {

        background-position: -357px -148px;

        background-repeat: no-repeat;

        overflow: hidden;

        display: block;

        width: 67px;

        height: 67px;

        cursor: pointer;

        display: inline-block; }

      #index #basicInfo .index-content-icons .appstore {

        background-position: -357px -81px;

        background-repeat: no-repeat;

        overflow: hidden;

        display: block;

        width: 67px;

        height: 67px;

        cursor: pointer;

        display: inline-block; }

      #index #basicInfo .index-content-icons .ipad {

        background-position: -357px -282px;

        background-repeat: no-repeat;

        overflow: hidden;

        display: block;

        width: 67px;

        height: 67px;

        cursor: pointer;

        display: inline-block; }

      #index #basicInfo .index-content-icons {

        text-align: center;

        margin-top: 30px;

        margin-bottom: 30px; }

        #index #basicInfo .index-content-icons li {

          display: inline-block;

          margin-right: 20px; }

      #index #basicInfo .index-content-info {

        text-align: center;

        font-size: 18px;

        line-height: 30px;

        color: #333; }

      #index #basicInfo .index-content-imgs-lists {

        text-align: center;

        margin-top: 40px; }

        #index #basicInfo .index-content-imgs-lists li {

          width: 13%;

          height: 100px;

          text-align: center;

          display: inline-block;

          vertical-align: top;

          margin-top: 20px; }

          #index #basicInfo .index-content-imgs-lists li img {

            width: 31px;

            cursor: pointer; }

          #index #basicInfo .index-content-imgs-lists li p {

            cursor: pointer; }

          #index #basicInfo .index-content-imgs-lists li .item-imgs {

            height: 50px;

            line-height: 50px; }

            #index #basicInfo .index-content-imgs-lists li .item-imgs .modules_01 {

              background-position: -298px -394px;

              background-repeat: no-repeat;

              overflow: hidden;

              display: block;

              width: 35px;

              height: 35px;

              cursor: pointer;

              display: inline-block; }

            #index #basicInfo .index-content-imgs-lists li .item-imgs .modules_02 {

              background-position: -309px -357px;

              background-repeat: no-repeat;

              overflow: hidden;

              display: block;

              width: 44px;

              height: 27px;

              cursor: pointer;

              display: inline-block; }

            #index #basicInfo .index-content-imgs-lists li .item-imgs .modules_03 {

              background-position: -353px -357px;

              background-repeat: no-repeat;

              overflow: hidden;

              display: block;

              width: 47px;

              height: 24px;

              cursor: pointer;

              display: inline-block; }

            #index #basicInfo .index-content-imgs-lists li .item-imgs .modules_04 {

              background-position: -261px -357px;

              background-repeat: no-repeat;

              overflow: hidden;

              display: block;

              width: 48px;

              height: 33px;

              cursor: pointer;

              display: inline-block; }

            #index #basicInfo .index-content-imgs-lists li .item-imgs .modules_05 {

              background-position: -494px 0px;

              background-repeat: no-repeat;

              overflow: hidden;

              display: block;

              width: 29px;

              height: 35px;

              cursor: pointer;

              display: inline-block; }

            #index #basicInfo .index-content-imgs-lists li .item-imgs .modules_06 {

              background-position: 0px -441px;

              background-repeat: no-repeat;

              overflow: hidden;

              display: block;

              width: 31px;

              height: 32px;

              cursor: pointer;

              display: inline-block; }

            #index #basicInfo .index-content-imgs-lists li .item-imgs .modules_07 {

              background-position: 0px -473px;

              background-repeat: no-repeat;

              overflow: hidden;

              display: block;

              width: 29px;

              height: 33px;

              cursor: pointer;

              display: inline-block; }

            #index #basicInfo .index-content-imgs-lists li .item-imgs .modules_08 {

              background-position: -494px -35px;

              background-repeat: no-repeat;

              overflow: hidden;

              display: block;

              width: 28px;

              height: 33px;

              cursor: pointer;

              display: inline-block; }

            #index #basicInfo .index-content-imgs-lists li .item-imgs .modules_09 {

              background-position: -31px -441px;

              background-repeat: no-repeat;

              overflow: hidden;

              display: block;

              width: 31px;

              height: 31px;

              cursor: pointer;

              display: inline-block; }

            #index #basicInfo .index-content-imgs-lists li .item-imgs .modules_10 {

              background-position: -254px -394px;

              background-repeat: no-repeat;

              overflow: hidden;

              display: block;

              width: 44px;

              height: 35px;

              cursor: pointer;

              display: inline-block; }

            #index #basicInfo .index-content-imgs-lists li .item-imgs .modules_11 {

              background-position: -47px -394px;

              background-repeat: no-repeat;

              overflow: hidden;

              display: block;

              width: 43px;

              height: 42px;

              cursor: pointer;

              display: inline-block; }

            #index #basicInfo .index-content-imgs-lists li .item-imgs .modules_12 {

              background-position: -402px -394px;

              background-repeat: no-repeat;

              overflow: hidden;

              display: block;

              width: 40px;

              height: 29px;

              cursor: pointer;

              display: inline-block; }

            #index #basicInfo .index-content-imgs-lists li .item-imgs .modules_13 {

              background-position: -442px -394px;

              background-repeat: no-repeat;

              overflow: hidden;

              display: block;

              width: 36px;

              height: 29px;

              cursor: pointer;

              display: inline-block; }

            #index #basicInfo .index-content-imgs-lists li .item-imgs .modules_14 {

              background-position: -428px -376px;

              background-repeat: no-repeat;

              overflow: hidden;

              display: block;

              width: 35px;

              height: 12px;

              cursor: pointer;

              display: inline-block; }

    #index .paragraph {

      font-size: 16px;

      line-height: 28px;

      margin: 18px 0; }

    #index .special {

      padding-top: 45px; }

      #index .special .icon-wrapper {

        display: inline-block;

        padding: 30px 35px 10px 0;

        text-align: center;

        cursor: pointer; }

        #index .special .icon-wrapper span {

          margin-left: 10%; }

        #index .special .icon-wrapper .suppot {

          background-position: -213px -394px;

          background-repeat: no-repeat;

          overflow: hidden;

          display: block;

          width: 41px;

          height: 39px;

          cursor: pointer;

          display: inline-block; }

        #index .special .icon-wrapper .bbs {

          background-position: -172px -394px;

          background-repeat: no-repeat;

          overflow: hidden;

          display: block;

          width: 41px;

          height: 39px;

          cursor: pointer;

          display: inline-block; }

        #index .special .icon-wrapper .gamble {

          background-position: -90px -394px;

          background-repeat: no-repeat;

          overflow: hidden;

          display: block;

          width: 41px;

          height: 39px;

          cursor: pointer;

          display: inline-block; }

        #index .special .icon-wrapper .push {

          background-position: -131px -394px;

          background-repeat: no-repeat;

          overflow: hidden;

          display: block;

          width: 41px;

          height: 39px;

          cursor: pointer;

          display: inline-block; }

    #index #moreSolution {

      position: relative;

      height: 80px;

      text-align: center; }

      #index #moreSolution .grayLine {

        border-bottom: 1px solid #d6d6d6;

        width: 36%;

        display: inline-block;

        vertical-align: middle; }

      #index #moreSolution .content {

        width: 26%;

        height: 40px;

        overflow: visible;

        display: inline-block;

        vertical-align: middle;

        text-align: center; }

    #index .solutionLinks {

      height: 90px;

      line-height: 90px;

      text-align: center;

      overflow: hidden; }

      #index .solutionLinks > div {

        margin-right: 25px; }

        #index .solutionLinks > div.link {

          display: inline-block;

          height: 100%; }

          #index .solutionLinks > div.link:last-child {

            margin-right: 0px; }

          #index .solutionLinks > div.link a {

            color: #333333;

            font-weight: bold;

            font-size: 18px;

            display: block;

            height: 100%; }

            #index .solutionLinks > div.link a:hover {

              color: #3399ff; }

    #index .landing {

      font-size: 0px;

      text-align: center;

      margin-top: 130px; }

      #index .landing .tips {

        display: inline-block;

        vertical-align: middle;

        white-space: nowrap;

        text-align: center; }

        #index .landing .tips > p {

          color: #fff; }

        #index .landing .tips .main-title {

          font-size: 42px;

          margin-top: 60px;

          font-weight: bold;

          padding: 0px 60px; }

        #index .landing .tips .explain {

          font-size: 18px;

          margin-top: 30px;

          line-height: 30px; }

      #index .landing .gobtn-wrapper {

        margin: 65px 0px 0px 0px;

        text-align: center; }

        #index .landing .gobtn-wrapper .gobtn {

          overflow: hidden;

          position: relative;

          display: inline-block;

          height: 70px;

          font-size: 0;

          width: 240px;

          background: #3399ff;

          cursor: pointer;

          -webkit-border-radius: 40px;

             -moz-border-radius: 40px;

                  border-radius: 40px; }

          #index .landing .gobtn-wrapper .gobtn > *:not(.clearmid) {

            position: relative;

            z-index: 2; }

          #index .landing .gobtn-wrapper .gobtn .btnmask {

            width: 0;

            height: 100%;

            position: absolute;

            background: -webkit-gradient(linear, left top, right top, from(#3399ff), to(#61e5fe));

            background: -webkit-linear-gradient(left, #3399ff, #61e5fe);

            background: -moz-linear-gradient(left, #3399ff, #61e5fe);

            background: -o-linear-gradient(left, #3399ff, #61e5fe);

            background: linear-gradient(left, #3399ff, #61e5fe);

            background: -ms-linear-gradient(left, #3399ff, #61e5fe);

            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3399ff', endColorstr='#61e5fe',GradientType=0 );

            content: '';

            display: block;

            top: 0px;

            left: 0px;

            -webkit-transition: width 1s;

            -o-transition: width 1s;

            -moz-transition: width 1s;

            transition: width 1s; }

            #index .landing .gobtn-wrapper .gobtn .btnmask :root .gradient {

              -webkit-filter: none;

                      filter: none; }

          #index .landing .gobtn-wrapper .gobtn:hover .btnmask {

            width: 100%; }

  @-webkit-keyframes buttonBackground {

    0% {

      background: -webkit-gradient(linear, left top, right top, from(#00cc33), to(#0080ff));

      background: -webkit-linear-gradient(left, #00cc33, #0080ff);

      background: linear-gradient(left, #00cc33, #0080ff);

      background: -ms-linear-gradient(left, #00cc33, #0080ff); }

    25% {

      background: -webkit-gradient(linear, left top, right top, from(#00cc33), to(#004d99));

      background: -webkit-linear-gradient(left, #00cc33, #004d99);

      background: linear-gradient(left, #00cc33, #004d99);

      background: -ms-linear-gradient(left, #00cc33, #004d99); }

    50% {

      background: -webkit-gradient(linear, left top, right top, from(#00cc33), to(#001a33));

      background: -webkit-linear-gradient(left, #00cc33, #001a33);

      background: linear-gradient(left, #00cc33, #001a33);

      background: -ms-linear-gradient(left, #00cc33, #001a33); }

    100% {

      background: -webkit-gradient(linear, left top, right top, from(#00cc33), to(black));

      background: -webkit-linear-gradient(left, #00cc33, black);

      background: linear-gradient(left, #00cc33, black);

      background: -ms-linear-gradient(left, #00cc33, black); } }

  @-moz-keyframes buttonBackground {

    0% {

      background: -moz-linear-gradient(left, #00cc33, #0080ff);

      background: linear-gradient(left, #00cc33, #0080ff);

      background: -ms-linear-gradient(left, #00cc33, #0080ff); }

    25% {

      background: -moz-linear-gradient(left, #00cc33, #004d99);

      background: linear-gradient(left, #00cc33, #004d99);

      background: -ms-linear-gradient(left, #00cc33, #004d99); }

    50% {

      background: -moz-linear-gradient(left, #00cc33, #001a33);

      background: linear-gradient(left, #00cc33, #001a33);

      background: -ms-linear-gradient(left, #00cc33, #001a33); }

    100% {

      background: -moz-linear-gradient(left, #00cc33, black);

      background: linear-gradient(left, #00cc33, black);

      background: -ms-linear-gradient(left, #00cc33, black); } }

  @-o-keyframes buttonBackground {

    0% {

      background: -o-linear-gradient(left, #00cc33, #0080ff);

      background: linear-gradient(left, #00cc33, #0080ff);

      background: -ms-linear-gradient(left, #00cc33, #0080ff); }

    25% {

      background: -o-linear-gradient(left, #00cc33, #004d99);

      background: linear-gradient(left, #00cc33, #004d99);

      background: -ms-linear-gradient(left, #00cc33, #004d99); }

    50% {

      background: -o-linear-gradient(left, #00cc33, #001a33);

      background: linear-gradient(left, #00cc33, #001a33);

      background: -ms-linear-gradient(left, #00cc33, #001a33); }

    100% {

      background: -o-linear-gradient(left, #00cc33, black);

      background: linear-gradient(left, #00cc33, black);

      background: -ms-linear-gradient(left, #00cc33, black); } }

  @keyframes buttonBackground {

    0% {

      background: -webkit-gradient(linear, left top, right top, from(#00cc33), to(#0080ff));

      background: -webkit-linear-gradient(left, #00cc33, #0080ff);

      background: -moz-linear-gradient(left, #00cc33, #0080ff);

      background: -o-linear-gradient(left, #00cc33, #0080ff);

      background: linear-gradient(left, #00cc33, #0080ff);

      background: -ms-linear-gradient(left, #00cc33, #0080ff); }

    25% {

      background: -webkit-gradient(linear, left top, right top, from(#00cc33), to(#004d99));

      background: -webkit-linear-gradient(left, #00cc33, #004d99);

      background: -moz-linear-gradient(left, #00cc33, #004d99);

      background: -o-linear-gradient(left, #00cc33, #004d99);

      background: linear-gradient(left, #00cc33, #004d99);

      background: -ms-linear-gradient(left, #00cc33, #004d99); }

    50% {

      background: -webkit-gradient(linear, left top, right top, from(#00cc33), to(#001a33));

      background: -webkit-linear-gradient(left, #00cc33, #001a33);

      background: -moz-linear-gradient(left, #00cc33, #001a33);

      background: -o-linear-gradient(left, #00cc33, #001a33);

      background: linear-gradient(left, #00cc33, #001a33);

      background: -ms-linear-gradient(left, #00cc33, #001a33); }

    100% {

      background: -webkit-gradient(linear, left top, right top, from(#00cc33), to(black));

      background: -webkit-linear-gradient(left, #00cc33, black);

      background: -moz-linear-gradient(left, #00cc33, black);

      background: -o-linear-gradient(left, #00cc33, black);

      background: linear-gradient(left, #00cc33, black);

      background: -ms-linear-gradient(left, #00cc33, black); } }

          #index .landing .gobtn-wrapper .gobtn > div {

            display: inline-block;

            vertical-align: middle;

            color: #fff;

            font-weight: bold;

            font-size: 20px;

            margin-right: 16px; }

          #index .landing .gobtn-wrapper .gobtn span {

            background-position: -62px -441px;

            background-repeat: no-repeat;

            overflow: hidden;

            display: block;

            width: 30px;

            height: 30px;

            display: inline-block;

            vertical-align: middle; }

  @-webkit-keyframes slide-to-left {

    from {

      transform: translate3d(2000px, 0, 0);

      -webkit-transform: translate3d(2000px, 0, 0);

      -moz-transform: translate3d(2000px, 0, 0);

      -o-transform: translate3d(2000px, 0, 0);

      -ms-transform: translate3d(2000px, 0, 0); }

    to {

      transform: translate3d(0, 0, 0);

      -webkit-transform: translate3d(0, 0, 0);

      -moz-transform: translate3d(0, 0, 0);

      -o-transform: translate3d(0, 0, 0);

      -ms-transform: translate3d(0, 0, 0); } }

  @-moz-keyframes slide-to-left {

    from {

      transform: translate3d(2000px, 0, 0);

      -webkit-transform: translate3d(2000px, 0, 0);

      -moz-transform: translate3d(2000px, 0, 0);

      -o-transform: translate3d(2000px, 0, 0);

      -ms-transform: translate3d(2000px, 0, 0); }

    to {

      transform: translate3d(0, 0, 0);

      -webkit-transform: translate3d(0, 0, 0);

      -moz-transform: translate3d(0, 0, 0);

      -o-transform: translate3d(0, 0, 0);

      -ms-transform: translate3d(0, 0, 0); } }

  @-o-keyframes slide-to-left {

    from {

      transform: translate3d(2000px, 0, 0);

      -webkit-transform: translate3d(2000px, 0, 0);

      -moz-transform: translate3d(2000px, 0, 0);

      -o-transform: translate3d(2000px, 0, 0);

      -ms-transform: translate3d(2000px, 0, 0); }

    to {

      transform: translate3d(0, 0, 0);

      -webkit-transform: translate3d(0, 0, 0);

      -moz-transform: translate3d(0, 0, 0);

      -o-transform: translate3d(0, 0, 0);

      -ms-transform: translate3d(0, 0, 0); } }

  @keyframes slide-to-left {

    from {

      transform: translate3d(2000px, 0, 0);

      -webkit-transform: translate3d(2000px, 0, 0);

      -moz-transform: translate3d(2000px, 0, 0);

      -o-transform: translate3d(2000px, 0, 0);

      -ms-transform: translate3d(2000px, 0, 0); }

    to {

      transform: translate3d(0, 0, 0);

      -webkit-transform: translate3d(0, 0, 0);

      -moz-transform: translate3d(0, 0, 0);

      -o-transform: translate3d(0, 0, 0);

      -ms-transform: translate3d(0, 0, 0); } }

  @-webkit-keyframes slide-to-right {

    from {

      transform: translate3d(-2000px, 0, 0);

      -webkit-transform: translate3d(-2000px, 0, 0);

      -moz-transform: translate3d(-2000px, 0, 0);

      -o-transform: translate3d(-2000px, 0, 0);

      -ms-transform: translate3d(-2000px, 0, 0); }

    to {

      transform: translate3d(0, 0, 0);

      -webkit-transform: translate3d(0, 0, 0);

      -moz-transform: translate3d(0, 0, 0);

      -o-transform: translate3d(0, 0, 0);

      -ms-transform: translate3d(0, 0, 0); } }

  @-moz-keyframes slide-to-right {

    from {

      transform: translate3d(-2000px, 0, 0);

      -webkit-transform: translate3d(-2000px, 0, 0);

      -moz-transform: translate3d(-2000px, 0, 0);

      -o-transform: translate3d(-2000px, 0, 0);

      -ms-transform: translate3d(-2000px, 0, 0); }

    to {

      transform: translate3d(0, 0, 0);

      -webkit-transform: translate3d(0, 0, 0);

      -moz-transform: translate3d(0, 0, 0);

      -o-transform: translate3d(0, 0, 0);

      -ms-transform: translate3d(0, 0, 0); } }

  @-o-keyframes slide-to-right {

    from {

      transform: translate3d(-2000px, 0, 0);

      -webkit-transform: translate3d(-2000px, 0, 0);

      -moz-transform: translate3d(-2000px, 0, 0);

      -o-transform: translate3d(-2000px, 0, 0);

      -ms-transform: translate3d(-2000px, 0, 0); }

    to {

      transform: translate3d(0, 0, 0);

      -webkit-transform: translate3d(0, 0, 0);

      -moz-transform: translate3d(0, 0, 0);

      -o-transform: translate3d(0, 0, 0);

      -ms-transform: translate3d(0, 0, 0); } }

  @keyframes slide-to-right {

    from {

      transform: translate3d(-2000px, 0, 0);

      -webkit-transform: translate3d(-2000px, 0, 0);

      -moz-transform: translate3d(-2000px, 0, 0);

      -o-transform: translate3d(-2000px, 0, 0);

      -ms-transform: translate3d(-2000px, 0, 0); }

    to {

      transform: translate3d(0, 0, 0);

      -webkit-transform: translate3d(0, 0, 0);

      -moz-transform: translate3d(0, 0, 0);

      -o-transform: translate3d(0, 0, 0);

      -ms-transform: translate3d(0, 0, 0); } }

  @-webkit-keyframes phoneAnimate {

    0% {

      -webkit-transform: rotateZ(0deg);

              transform: rotateZ(0deg); }

    25% {

      -webkit-transform: rotateZ(-20deg);

              transform: rotateZ(-20deg); }

    50% {

      -webkit-transform: rotateZ(0deg);

              transform: rotateZ(0deg); }

    75% {

      -webkit-transform: rotateZ(20deg);

              transform: rotateZ(20deg); }

    100% {

      -webkit-transform: rotateZ(0deg);

              transform: rotateZ(0deg); } }

  @-moz-keyframes phoneAnimate {

    0% {

      -moz-transform: rotateZ(0deg);

           transform: rotateZ(0deg); }

    25% {

      -moz-transform: rotateZ(-20deg);

           transform: rotateZ(-20deg); }

    50% {

      -moz-transform: rotateZ(0deg);

           transform: rotateZ(0deg); }

    75% {

      -moz-transform: rotateZ(20deg);

           transform: rotateZ(20deg); }

    100% {

      -moz-transform: rotateZ(0deg);

           transform: rotateZ(0deg); } }

  @-o-keyframes phoneAnimate {

    0% {

      -o-transform: rotateZ(0deg);

         transform: rotateZ(0deg); }

    25% {

      -o-transform: rotateZ(-20deg);

         transform: rotateZ(-20deg); }

    50% {

      -o-transform: rotateZ(0deg);

         transform: rotateZ(0deg); }

    75% {

      -o-transform: rotateZ(20deg);

         transform: rotateZ(20deg); }

    100% {

      -o-transform: rotateZ(0deg);

         transform: rotateZ(0deg); } }

  @keyframes phoneAnimate {

    0% {

      -webkit-transform: rotateZ(0deg);

         -moz-transform: rotateZ(0deg);

           -o-transform: rotateZ(0deg);

              transform: rotateZ(0deg); }

    25% {

      -webkit-transform: rotateZ(-20deg);

         -moz-transform: rotateZ(-20deg);

           -o-transform: rotateZ(-20deg);

              transform: rotateZ(-20deg); }

    50% {

      -webkit-transform: rotateZ(0deg);

         -moz-transform: rotateZ(0deg);

           -o-transform: rotateZ(0deg);

              transform: rotateZ(0deg); }

    75% {

      -webkit-transform: rotateZ(20deg);

         -moz-transform: rotateZ(20deg);

           -o-transform: rotateZ(20deg);

              transform: rotateZ(20deg); }

    100% {

      -webkit-transform: rotateZ(0deg);

         -moz-transform: rotateZ(0deg);

           -o-transform: rotateZ(0deg);

              transform: rotateZ(0deg); } }

  @keyframes phoneAnimate {

    0% {

      -webkit-transform: rotateZ(0deg);

         -moz-transform: rotateZ(0deg);

           -o-transform: rotateZ(0deg);

              transform: rotateZ(0deg); }

    25% {

      -webkit-transform: rotateZ(-20deg);

         -moz-transform: rotateZ(-20deg);

           -o-transform: rotateZ(-20deg);

              transform: rotateZ(-20deg); }

    50% {

      -webkit-transform: rotateZ(0deg);

         -moz-transform: rotateZ(0deg);

           -o-transform: rotateZ(0deg);

              transform: rotateZ(0deg); }

    75% {

      -webkit-transform: rotateZ(20deg);

         -moz-transform: rotateZ(20deg);

           -o-transform: rotateZ(20deg);

              transform: rotateZ(20deg); }

    100% {

      -webkit-transform: rotateZ(0deg);

         -moz-transform: rotateZ(0deg);

           -o-transform: rotateZ(0deg);

              transform: rotateZ(0deg); } }

  .mobile-module {

    padding: 50px 0;

    text-align: center; }

    .mobile-module .mobile-module-content {

      width: 100%; }

      .mobile-module .mobile-module-content .mobile-module-title {

        text-align: center;

        margin-bottom: 40px; }

        .mobile-module .mobile-module-content .mobile-module-title h1 {

          font-size: 30px;

          color: #333;

          margin-bottom: 15px; }

        .mobile-module .mobile-module-content .mobile-module-title h2 {

          color: #777;

          font-size: 18px; }

        .mobile-module .mobile-module-content .mobile-module-title h3 {

          color: #777;

          font-size: 18px; }

      .mobile-module .mobile-module-content .mobile-module-img {

        position: relative;

        display: none; }

        .mobile-module .mobile-module-content .mobile-module-img.animate-active .icon-phone {

          -webkit-animation: slide-to-left 1s 0.5s forwards,phoneAnimate 0.5s 3  2s forwards;

             -moz-animation: slide-to-left 1s 0.5s forwards,phoneAnimate 0.5s 3  2s forwards;

               -o-animation: slide-to-left 1s 0.5s forwards,phoneAnimate 0.5s 3  2s forwards;

                  animation: slide-to-left 1s 0.5s forwards,phoneAnimate 0.5s 3  2s forwards;

          -ms-animation: slide-to-left 1s 0.5s forwards,phoneAnimate 0.5s 3  2s forwards; }

        .mobile-module .mobile-module-content .mobile-module-img .mobile-module-img-01 {

          width: 682px;

          vertical-align: middle;

          margin-top: 10px;

          margin-right: -35px;

          -webkit-animation: slide-to-right 1s 0.5s forwards;

             -moz-animation: slide-to-right 1s 0.5s forwards;

               -o-animation: slide-to-right 1s 0.5s forwards;

                  animation: slide-to-right 1s 0.5s forwards;

          -ms-animation: slide-to-right 1s 0.5s forwards; }

        .mobile-module .mobile-module-content .mobile-module-img .mobile-img-center {

          width: 231px;

          display: inline-block;

          margin-left: -5px;

          position: relative; }

        .mobile-module .mobile-module-content .mobile-module-img .mobile-module-img-02 {

          width: 231px;

          vertical-align: middle;

          -webkit-animation: slide-to-left 1s 0.5s forwards;

             -moz-animation: slide-to-left 1s 0.5s forwards;

               -o-animation: slide-to-left 1s 0.5s forwards;

                  animation: slide-to-left 1s 0.5s forwards;

          -ms-animation: slide-to-left 1s 0.5s forwards; }

        .mobile-module .mobile-module-content .mobile-module-img .icon-phone {

          color: #fff;

          font-size: 40px;

          position: absolute;

          top: 50%;

          left: 50%;

          margin-left: -20px;

          margin-top: -15px;

          -webkit-transform-origin: bottom center;

             -moz-transform-origin: bottom center;

               -o-transform-origin: bottom center;

                  transform-origin: bottom center;

          -ms-transform-origin: bottom center; }

        .mobile-module .mobile-module-content .mobile-module-img .icon-xuanzhuan {

          color: #fff;

          font-size: 30px;

          position: absolute;

          bottom: 100px;

          right: 585px; }

      .mobile-module .mobile-module-content .mobile-block-img {

        display: block;

        text-align: center;

        margin-top: 50px; }

  .company-app {

    padding: 50px 0;

    background: #f5f7f9; }

    .company-app .company-app-content {

      width: 100%; }

      .company-app .company-app-content .company-app-title {

        text-align: center;

        margin-bottom: 0px; }

        .company-app .company-app-content .company-app-title h1 {

          font-size: 30px;

          color: #333;

          margin-bottom: 15px; }

        .company-app .company-app-content .company-app-title h2 {

          color: #777;

          font-size: 18px; }

      .company-app .company-app-content .company-app-img {

        text-align: center;

        position: relative;

        display: none; }

        .company-app .company-app-content .company-app-img.animate-active .company-app-img-01 {

          -webkit-animation: slide-to-right 1s 1s forwards;

             -moz-animation: slide-to-right 1s 1s forwards;

               -o-animation: slide-to-right 1s 1s forwards;

                  animation: slide-to-right 1s 1s forwards;

          -ms-animation: slide-to-right 2s 1s forwards; }

        .company-app .company-app-content .company-app-img.animate-active .company-app-img-03 {

          -webkit-animation: slide-to-left 1s 1s forwards;

             -moz-animation: slide-to-left 1s 1s forwards;

               -o-animation: slide-to-left 1s 1s forwards;

                  animation: slide-to-left 1s 1s forwards;

          -ms-animation: slide-to-left 1s 1s forwards; }

        .company-app .company-app-content .company-app-img img {

          display: inline-block; }

        .company-app .company-app-content .company-app-img .company-app-img-01 {

          width: 292px;

          vertical-align: middle; }

        .company-app .company-app-content .company-app-img .company-img-center {

          display: inline-block;

          width: 651px;

          margin: 0 -90px;

          position: relative;

          vertical-align: middle;

          text-align: center; }

        .company-app .company-app-content .company-app-img .company-app-img-02 {

          width: 651px; }

        .company-app .company-app-content .company-app-img .company-app-img-03 {

          width: 386px;

          vertical-align: middle; }

        .company-app .company-app-content .company-app-img .icon-xuanzhuan {

          font-size: 25px;

          color: #fff;

          position: absolute;

          left: 50%;

          top: 50%;

          margin-left: -15px;

          margin-top: -15px;

          -webkit-animation: rotateImg 2s linear infinite;

             -moz-animation: rotateImg 2s linear infinite;

               -o-animation: rotateImg 2s linear infinite;

                  animation: rotateImg 2s linear infinite;

          -ms-animation: rotateImg 2s linear infinite; }

  @-webkit-keyframes rotateImg {

    0% {

      -webkit-transform: rotate(0deg);

              transform: rotate(0deg); }

    50% {

      -webkit-transform: rotate(180deg);

              transform: rotate(180deg); }

    100% {

      -webkit-transform: rotate(360deg);

              transform: rotate(360deg); } }

  @-moz-keyframes rotateImg {

    0% {

      -moz-transform: rotate(0deg);

           transform: rotate(0deg); }

    50% {

      -moz-transform: rotate(180deg);

           transform: rotate(180deg); }

    100% {

      -moz-transform: rotate(360deg);

           transform: rotate(360deg); } }

  @-o-keyframes rotateImg {

    0% {

      -o-transform: rotate(0deg);

         transform: rotate(0deg); }

    50% {

      -o-transform: rotate(180deg);

         transform: rotate(180deg); }

    100% {

      -o-transform: rotate(360deg);

         transform: rotate(360deg); } }

  @keyframes rotateImg {

    0% {

      -webkit-transform: rotate(0deg);

         -moz-transform: rotate(0deg);

           -o-transform: rotate(0deg);

              transform: rotate(0deg); }

    50% {

      -webkit-transform: rotate(180deg);

         -moz-transform: rotate(180deg);

           -o-transform: rotate(180deg);

              transform: rotate(180deg); }

    100% {

      -webkit-transform: rotate(360deg);

         -moz-transform: rotate(360deg);

           -o-transform: rotate(360deg);

              transform: rotate(360deg); } }

      .company-app .company-app-content .company-mobile-img {

        display: block;

        text-align: center;

        margin-top: 40px; }

  .code-module {

    padding: 50px 0;

    text-align: center; }

    .code-module .code-module-content {

      width: 100%; }

      .code-module .code-module-content .code-module-title {

        text-align: center;

        margin-bottom: 30px; }

        .code-module .code-module-content .code-module-title h1 {

          color: #333;

          font-size: 30px; }

      .code-module .code-module-content .code-module-img {

        position: relative;

        display: none; }

        .code-module .code-module-content .code-module-img .icon-tuodong {

          display: inline-block;

          font-size: 30px;

          color: #fff;

          position: absolute;

          top: 435px;

          left: 575px; }

        .code-module .code-module-content .code-module-img .code-module-img-01 {

          width: 1042px; }

        .code-module .code-module-content .code-module-img .code-module-img-02 {

          width: 148px;

          position: absolute;

          top: 266px;

          left: 223px; }

        .code-module .code-module-content .code-module-img .code-module-img-03 {

          width: 119px;

          position: absolute;

          top: 265px;

          right: 131px; }

        .code-module .code-module-content .code-module-img .dots-warpper-1 {

          width: 25px;

          height: 25px;

          -webkit-border-radius: 50%;

             -moz-border-radius: 50%;

                  border-radius: 50%;

          background: rgba(255, 144, 0, 0.4);

          position: absolute;

          text-align: center;

          top: 49%;

          left: 29.5%;

          opacity: 0; }

          .code-module .code-module-content .code-module-img .dots-warpper-1 .dot1 {

            display: inline-block;

            width: 8px;

            height: 8px;

            -webkit-border-radius: 50%;

               -moz-border-radius: 50%;

                    border-radius: 50%;

            background: #ff9000;

            position: absolute;

            left: 37%;

            top: 34%; }

        .code-module .code-module-content .code-module-img .dots-warpper-2 {

          width: 25px;

          height: 25px;

          -webkit-border-radius: 50%;

             -moz-border-radius: 50%;

                  border-radius: 50%;

          background: rgba(255, 144, 0, 0.4);

          position: absolute;

          top: 56%;

          right: 15.2%;

          text-align: center;

          opacity: 0; }

          .code-module .code-module-content .code-module-img .dots-warpper-2 .dot2 {

            display: inline-block;

            width: 8px;

            height: 8px;

            -webkit-border-radius: 50%;

               -moz-border-radius: 50%;

                    border-radius: 50%;

            background: #ff9000;

            position: absolute;

            left: 37%;

            top: 38%; }

        .code-module .code-module-content .code-module-img .code-module-img-02 {

          opacity: 1;

          -webkit-transition: opacity 1s linear 0s;

          -o-transition: opacity 1s linear 0s;

          -moz-transition: opacity 1s linear 0s;

          transition: opacity 1s linear 0s; }

        .code-module .code-module-content .code-module-img .dots-warpper-1 {

          opacity: 0;

          -webkit-transition: opacity 1s linear 0.3s;

          -o-transition: opacity 1s linear 0.3s;

          -moz-transition: opacity 1s linear 0.3s;

          transition: opacity 1s linear 0.3s;

          -webkit-animation: dotOpacity 1s 4s infinite;

             -moz-animation: dotOpacity 1s 4s infinite;

               -o-animation: dotOpacity 1s 4s infinite;

                  animation: dotOpacity 1s 4s infinite;

          -ms-animation: dotOpacity 1s 4s infinite; }

        .code-module .code-module-content .code-module-img .icon-tuodong {

          opacity: 1;

          -webkit-transition: opacity 1s linear 0.6s;

          -o-transition: opacity 1s linear 0.6s;

          -moz-transition: opacity 1s linear 0.6s;

          transition: opacity 1s linear 0.6s; }

        .code-module .code-module-content .code-module-img .dots-warpper-2 {

          opacity: 0;

          -webkit-transition: opacity 1s linear 1s;

          -o-transition: opacity 1s linear 1s;

          -moz-transition: opacity 1s linear 1s;

          transition: opacity 1s linear 1s;

          -webkit-animation: dotOpacity 1s 4s infinite;

             -moz-animation: dotOpacity 1s 4s infinite;

               -o-animation: dotOpacity 1s 4s infinite;

                  animation: dotOpacity 1s 4s infinite;

          -ms-animation: dotOpacity 1s 4s infinite; }

        .code-module .code-module-content .code-module-img .code-module-img-03 {

          opacity: 1;

          -webkit-transition: opacity 0.5s linear 1.3s;

          -o-transition: opacity 0.5s linear 1.3s;

          -moz-transition: opacity 0.5s linear 1.3s;

          transition: opacity 0.5s linear 1.3s; }

        .code-module .code-module-content .code-module-img.active .code-module-img-02, .code-module .code-module-content .code-module-img.active .dots-warpper-1, .code-module .code-module-content .code-module-img.active .icon-tuodong, .code-module .code-module-content .code-module-img.active .dots-warpper-2, .code-module .code-module-content .code-module-img.active .code-module-img-03 {

          opacity: 1; }

        .code-module .code-module-content .code-module-img.active .code-module-img-02 {

          -webkit-animation: scale 0.6s linear 0s;

             -moz-animation: scale 0.6s linear 0s;

               -o-animation: scale 0.6s linear 0s;

                  animation: scale 0.6s linear 0s;

          -ms-animation: scale 0.6s linear 0s; }

        .code-module .code-module-content .code-module-img.active .code-module-img-03 {

          -webkit-animation: scale 0.6s linear 2s;

             -moz-animation: scale 0.6s linear 2s;

               -o-animation: scale 0.6s linear 2s;

                  animation: scale 0.6s linear 2s;

          -ms-animation: scale 0.6s linear 2s; }

  @-webkit-keyframes dotOpacity {

    from {

      opacity: 0; }

    to {

      opacity: 1; } }

  @-moz-keyframes dotOpacity {

    from {

      opacity: 0; }

    to {

      opacity: 1; } }

  @-o-keyframes dotOpacity {

    from {

      opacity: 0; }

    to {

      opacity: 1; } }

  @keyframes dotOpacity {

    from {

      opacity: 0; }

    to {

      opacity: 1; } }

  @-webkit-keyframes scale {

    0% {

      -webkit-transform: scale(1, 1);

              transform: scale(1, 1); }

    50% {

      -webkit-transform: scale(1.1, 1.1);

              transform: scale(1.1, 1.1); }

    100% {

      -webkit-transform: scale(1, 1);

              transform: scale(1, 1); } }

  @-moz-keyframes scale {

    0% {

      -moz-transform: scale(1, 1);

           transform: scale(1, 1); }

    50% {

      -moz-transform: scale(1.1, 1.1);

           transform: scale(1.1, 1.1); }

    100% {

      -moz-transform: scale(1, 1);

           transform: scale(1, 1); } }

  @-o-keyframes scale {

    0% {

      -o-transform: scale(1, 1);

         transform: scale(1, 1); }

    50% {

      -o-transform: scale(1.1, 1.1);

         transform: scale(1.1, 1.1); }

    100% {

      -o-transform: scale(1, 1);

         transform: scale(1, 1); } }

  @keyframes scale {

    0% {

      -webkit-transform: scale(1, 1);

         -moz-transform: scale(1, 1);

           -o-transform: scale(1, 1);

              transform: scale(1, 1); }

    50% {

      -webkit-transform: scale(1.1, 1.1);

         -moz-transform: scale(1.1, 1.1);

           -o-transform: scale(1.1, 1.1);

              transform: scale(1.1, 1.1); }

    100% {

      -webkit-transform: scale(1, 1);

         -moz-transform: scale(1, 1);

           -o-transform: scale(1, 1);

              transform: scale(1, 1); } }

      .code-module .code-module-content .code-mobile-img {

        display: block; }

  .h5-module {

    padding: 50px 0;

    text-align: center;

    background: #f5f7f9; }

    .h5-module .h5-module-content {

      text-align: center;

      width: 100%; }

      .h5-module .h5-module-content .h5-module-title {

        text-align: center;

        margin-bottom: 20px; }

        .h5-module .h5-module-content .h5-module-title h1 {

          font-size: 30px;

          color: #333;

          margin-bottom: 15px; }

        .h5-module .h5-module-content .h5-module-title h2 {

          color: #777;

          font-size: 18px; }

      .h5-module .h5-module-content .h5-module-img img {

        width: 100% !important; }

      .h5-module .h5-module-content .h5-mobile-img {

        display: none; }

  .app-module {

    padding: 50px 0 0 0;

    height: 600px;

    background: #fff; }

    .app-module .app-module-content {

      text-align: center;

      width: 100%; }

      .app-module .app-module-content .app-module-title {

        text-align: center;

        margin-bottom: 20px; }

        .app-module .app-module-content .app-module-title h1 {

          font-size: 30px;

          color: #333;

          margin-bottom: 15px; }

        .app-module .app-module-content .app-module-title h2 {

          color: #777;

          font-size: 18px; }

      .app-module .app-module-content .app-module-img img {

        width: 100% !important; }

  .new-module {

    padding: 240px 0 100px 0;

    width: 100%; }

    .new-module .new-module-content {

      width: 100%; }

      .new-module .new-module-content .new-module-title {

        text-align: center;

        margin-bottom: 45px; }

        .new-module .new-module-content .new-module-title h1 {

          font-size: 30px;

          color: #333;

          margin-bottom: 15px; }

        .new-module .new-module-content .new-module-title h2 {

          color: #777;

          font-size: 18px; }

      .new-module .new-module-content .new-module-img {

        position: relative;

        text-align: center;

        display: none; }

        .new-module .new-module-content .new-module-img .module-circle-warpper {

          width: 215px;

          height: 214px;

          position: absolute;

          left: 42.8%;

          bottom: 25%; }

        .new-module .new-module-content .new-module-img .module-circles {

          width: 215px;

          height: 214px;

          -webkit-border-radius: 50%;

             -moz-border-radius: 50%;

                  border-radius: 50%;

          border: 1px solid transparent;

          position: relative;

          -webkit-animation: rotateZ 5s infinite linear;

             -moz-animation: rotateZ 5s infinite linear;

               -o-animation: rotateZ 5s infinite linear;

                  animation: rotateZ 5s infinite linear;

          -ms-animation: rotateZ 5s infinite linear; }

  @-webkit-keyframes rotateZ {

    from {

      -webkit-transform: rotateZ(0deg);

              transform: rotateZ(0deg); }

    to {

      -webkit-transform: rotateZ(360deg);

              transform: rotateZ(360deg); } }

  @-moz-keyframes rotateZ {

    from {

      -moz-transform: rotateZ(0deg);

           transform: rotateZ(0deg); }

    to {

      -moz-transform: rotateZ(360deg);

           transform: rotateZ(360deg); } }

  @-o-keyframes rotateZ {

    from {

      -o-transform: rotateZ(0deg);

         transform: rotateZ(0deg); }

    to {

      -o-transform: rotateZ(360deg);

         transform: rotateZ(360deg); } }

  @keyframes rotateZ {

    from {

      -webkit-transform: rotateZ(0deg);

         -moz-transform: rotateZ(0deg);

           -o-transform: rotateZ(0deg);

              transform: rotateZ(0deg); }

    to {

      -webkit-transform: rotateZ(360deg);

         -moz-transform: rotateZ(360deg);

           -o-transform: rotateZ(360deg);

              transform: rotateZ(360deg); } }

        .new-module .new-module-content .new-module-img .module-circle-1 {

          display: inline-block;

          width: 6px;

          height: 6px;

          -webkit-border-radius: 50%;

             -moz-border-radius: 50%;

                  border-radius: 50%;

          position: absolute;

          top: -1%;

          right: 48%;

          background: #00cc33; }

        .new-module .new-module-content .new-module-img .module-circle-2 {

          display: inline-block;

          width: 6px;

          height: 6px;

          -webkit-border-radius: 50%;

             -moz-border-radius: 50%;

                  border-radius: 50%;

          position: absolute;

          top: 71%;

          right: 93%;

          background: #3399ff; }

        .new-module .new-module-content .new-module-img .module-img-1 {

          width: 243px;

          vertical-align: middle;

          -webkit-animation: slide-to-right 1s forwards;

             -moz-animation: slide-to-right 1s forwards;

               -o-animation: slide-to-right 1s forwards;

                  animation: slide-to-right 1s forwards;

          -ms-animation: slide-to-right 1s forwards;

          margin-right: -23px; }

        .new-module .new-module-content .new-module-img .module-img-2 {

          width: 582px;

          vertical-align: middle; }

        .new-module .new-module-content .new-module-img .module-img-3 {

          width: 206px;

          vertical-align: middle;

          -webkit-animation: slide-to-left 1s forwards;

             -moz-animation: slide-to-left 1s forwards;

               -o-animation: slide-to-left 1s forwards;

                  animation: slide-to-left 1s forwards;

          -ms-animation: slide-to-left 1s forwards;

          margin-left: -23px; }

      .new-module .new-module-content .new-mobile-img {

        display: block;

        text-align: center; }

  .solutions {

    width: 100%;

    padding: 60px 0;

    background: -webkit-linear-gradient(150deg, #29d9ff, #1187ff);

    background: -moz-linear-gradient(150deg, #29d9ff, #1187ff);

    background: -o-linear-gradient(150deg, #29d9ff, #1187ff);

    background: linear-gradient(-60deg, #29d9ff, #1187ff);

    background: -ms-linear-gradient(-60deg, #29d9ff, #1187ff);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1187ff', endColorstr='#29d9ff',GradientType=0 ); }

    .solutions :root .gradient {

      -webkit-filter: none;

              filter: none; }

    .solutions .solutions-content {

      text-align: center;

      width: 100%; }

      .solutions .solutions-content .solutions-h {

        color: #fff;

        font-size: 30px;

        text-align: center; }

      .solutions .solutions-content .solutions-link {

        text-align: center;

        margin: 60px 0;

        width: 100%;

        border: 1px solid rgba(255, 255, 255, 0.4);

        table-layout: auto;

        border-collapse: collapse;

        display: none; }

        .solutions .solutions-content .solutions-link tr {

          border: 1px solid rgba(255, 255, 255, 0.4);

          width: 100%;

          height: 100px;

          line-height: 100px;

          text-align: center;

          border-top: none;

          border-left: none;

          border-right: none; }

          .solutions .solutions-content .solutions-link tr:nth-child(2) {

            border-bottom: none; }

          .solutions .solutions-content .solutions-link tr td {

            border: 1px solid rgba(255, 255, 255, 0.2);

            width: 24.71%; }

            .solutions .solutions-content .solutions-link tr td:hover {

              background: rgba(255, 255, 255, 0.3); }

            .solutions .solutions-content .solutions-link tr td a {

              display: inline-block;

              color: #fff;

              font-size: 18px; }

            .solutions .solutions-content .solutions-link tr td i {

              display: inline-block;

              vertical-align: middle;

              margin-right: 20px;

              color: #fff;

              font-size: 30px; }

        .solutions .solutions-content .solutions-link .bordernone {

          border-top: none;

          border-right: none; }

        .solutions .solutions-content .solutions-link .no-right {

          border-right: none; }

        .solutions .solutions-content .solutions-link .last-li {

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

      .solutions .solutions-content .solutions-link-mobile {

        display: block !important;

        text-align: center;

        margin: 60px auto;

        width: 80% !important;

        table-layout: auto;

        border-collapse: collapse; }

        .solutions .solutions-content .solutions-link-mobile tr {

          border: 1px solid rgba(255, 255, 255, 0.4);

          width: 100%;

          height: 100px;

          line-height: 100px;

          text-align: center;

          border-top: none;

          border-left: none;

          border-right: none; }

          .solutions .solutions-content .solutions-link-mobile tr:nth-child(2) {

            border-bottom: none; }

          .solutions .solutions-content .solutions-link-mobile tr td {

            border: 1px solid rgba(255, 255, 255, 0.4);

            width: 10% !important; }

            .solutions .solutions-content .solutions-link-mobile tr td:hover {

              background: rgba(255, 255, 255, 0.3);

              height: 100%;

              width: 24.71%; }

              .solutions .solutions-content .solutions-link-mobile tr td:hover a {

                font-size: 16px; }

            .solutions .solutions-content .solutions-link-mobile tr td a {

              display: inline-block;

              color: #fff;

              font-size: 14px; }

            .solutions .solutions-content .solutions-link-mobile tr td i {

              display: inline-block;

              vertical-align: middle;

              margin-right: 20px;

              color: #fff;

              font-size: 30px; }

        .solutions .solutions-content .solutions-link-mobile .bordernone {

          border-top: none;

          border-right: none; }

        .solutions .solutions-content .solutions-link-mobile .no-right {

          border-right: none; }

        .solutions .solutions-content .solutions-link-mobile .last-li {

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

      .solutions .solutions-content .solutions-button {

        display: inline-block;

        color: #fff;

        text-align: center;

        width: 273px;

        height: 47px;

        line-height: 47px;

        background: #00cc33;

        -webkit-border-radius: 5px;

           -moz-border-radius: 5px;

                border-radius: 5px;

        font-size: 14px; }

        .solutions .solutions-content .solutions-button:hover {

          background: #00b32d; }

  .partners-links {

    width: 100%;

    padding-bottom: 50px;

    padding-top: 50px; }

    .partners-links .partners-links-content {

      position: relative;

      width: 100% !important; }

      .partners-links .partners-links-content .partners-h {

        color: #333;

        font-size: 30px;

        margin-bottom: 30px;

        text-align: center; }

      .partners-links .partners-links-content .forward, .partners-links .partners-links-content .back {

        display: inline-block;

        width: 40px;

        height: 40px;

        line-height: 40px;

        -webkit-border-radius: 50%;

           -moz-border-radius: 50%;

                border-radius: 50%;

        text-align: center;

        background: #cccccc;

        color: #fff;

        font-size: 20px;

        font-weight: bold;

        position: absolute;

        z-index: 999;

        top: 60%;

        cursor: pointer; }

        .partners-links .partners-links-content .forward:hover, .partners-links .partners-links-content .back:hover {

          background-color: #00cc33;

          color: #fff; }

      .partners-links .partners-links-content .forward {

        left: 0; }

      .partners-links .partners-links-content .back {

        right: 0; }

      .partners-links .partners-links-content .partners-container {

        text-align: center;

        width: 100%; }

      .partners-links .partners-links-content .partners-slide {

        display: inline-block;

        width: 19%;

        margin-bottom: 30px; }

      .partners-links .partners-links-content .partners {

        display: block;

        text-align: center;

        width: 100%; }

        .partners-links .partners-links-content .partners .partners-icon {

          display: block;

          width: 184px;

          height: 64px;

          margin: 0 auto; }

        .partners-links .partners-links-content .partners .partners-text {

          display: inline-block;

          margin-top: 30px;

          color: #999999;

          font-size: 14px; }

  .mobile-pic-decoration {

    display: none; }

  #video-modal {

    position: fixed;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    z-index: 999999;

    overflow-y: scroll;

    display: none; }

    #video-modal .video-mask {

      position: absolute;

      top: 0;

      bottom: 0;

      left: 0;

      right: 0;

      background-color: #000;

      opacity: .8; }

    #video-modal .video-content {

      position: absolute;

      z-index: 99999;

      width: 70%;

      height: 60%;

      top: 0;

      bottom: 0;

      left: 0;

      right: 0;

      margin: auto; }

    #video-modal .video-close {

      position: absolute;

      z-index: 99999999;

      right: 15%;

      top: 5%;

      color: #fff;

      font-size: 30px;

      cursor: pointer; }

      #video-modal .video-close:hover {

        cursor: pointer; }

  .video-icon {

    background-image: url(../images/dingzhi/shipin_icon@1x.png) !important;

    background-repeat: no-repeat !important;

    width: 30px;

    height: 30px; } }



/********************************************************************mobile*****************************************************************/

@media (max-width: 769px) {

  #landing-image {

    z-index: 1;

    white-space: nowrap;

    background: #666;

    background-image: url("../images/website/mobile-banner.jpg");

    -moz-background-size: auto 100% !important;

      -o-background-size: auto 100% !important;

         background-size: auto 100% !important;

    background-repeat: no-repeat;

    background-position: center;

    height: 7rem;

    position: absolute;

    width: 100%;

    overflow: hidden;

    font-size: 0px; }

  .bg-content {

    position: relative;

    overflow: hidden;

    height: 7rem;

    top: -1.2rem;

    background-color: #333; }

  #index {

    position: absolute;

    z-index: 2;

    top: 2.5rem;

    width: 100%; }

    #index .landing {

      font-size: 0px;

      text-align: center; }

      #index .landing .gobtn-wrapper {

        display: none; }

      #index .landing .tips {

        text-align: center;

        color: #fff;

        width: 99.99%;

        vertical-align: middle;

        display: inline-block;

        padding: 0 0.2rem; }

        #index .landing .tips .title {

          font-weight: bold;

          font-size: 1rem;

          margin-bottom: 10px;

          line-height: 20px; }

        #index .landing .tips .main-title {

          font-weight: bold;

          margin-bottom: 0.5rem;

          font-size: 0.45rem; }

        #index .landing .tips .explain {

          font-weight: bold;

          font-size: 0.35rem; }

          #index .landing .tips .explain i {

            clear: both;

            display: block; }

    #index .moreSlution {

      font-size: 1.4rem; }

  #basicInfo .left.w430 {

    display: none; }

  #cases-swiper {

    height: 100%;

    position: relative;

    background: #f2f2f2;

    overflow: hidden; }

    #cases-swiper .swiper-button-next, #cases-swiper .swiper-button-prev {

      display: none; }

    #cases-swiper .swiper-list, #cases-swiper .cases-wrapper, #cases-swiper .swiper-wrapper {

      height: 100%; }

    #cases-swiper .swiper-container {

      height: 100%; }

    #cases-swiper .case_title {

      margin: 40px 0; }

  #moreSolution {

    position: relative;

    margin: 50px 0 30px 0;

    text-align: center; }

    #moreSolution .grayLine {

      border-bottom: 1px solid #d6d6d6;

      width: 22%;

      display: inline-block;

      vertical-align: middle; }

    #moreSolution .content {

      width: 44%;

      overflow: visible;

      display: inline-block;

      vertical-align: middle;

      text-align: center; }

      #moreSolution .content .title-1 {

        font-size: 1.4rem;

        font-weight: bold; }

  .h30 {

    height: 20px !important; }

  .solutionLinks {

    margin: 0 auto;

    padding-left: 5px;

    text-align: center; }

    .solutionLinks i {

      display: block;

      clear: both;

      height: 20px; }

    .solutionLinks .desk-show {

      display: none;

      clear: both; }

    .solutionLinks .divider.gray {

      position: relative;

      margin: 0 8px;

      height: 1.2rem; }

    .solutionLinks > div.link {

      vertical-align: middle;

      display: inline-block;

      height: 100%; }

      .solutionLinks > div.link a {

        color: #333333;

        font-weight: bold;

        font-size: 1.2rem;

        display: block;

        height: 100%; }

        .solutionLinks > div.link a:hover {

          color: #3399ff; }

  .moreSlution {

    margin-bottom: 30px; }

  #basicInfo {

    position: relative; }

    #basicInfo .right {

      text-align: center; }

      #basicInfo .right .dowhat {

        padding-bottom: 20px;

        text-align: left;

        width: 90%;

        margin: 0 auto;

        padding-left: 20px; }

        #basicInfo .right .dowhat .title-3 {

          font-weight: bold;

          font-size: 1.1rem;

          margin-bottom: 0.4rem; }

        #basicInfo .right .dowhat .title-3-2 {

          font-size: 1rem;

          line-height: 1.7rem; }

        #basicInfo .right .dowhat .dot.floating {

          width: 5px;

          height: 5px;

          background: #ccc;

          -webkit-border-radius: 50%;

             -moz-border-radius: 50%;

                  border-radius: 50%;

          position: absolute;

          left: -20px;

          top: 8px; }

        #basicInfo .right .dowhat li {

          position: relative;

          margin-bottom: 20px; }

      #basicInfo .right .title-1-wrapper {

        position: relative;

        margin-top: 30px;

        margin-bottom: 8px;

        text-align: center; }

        #basicInfo .right .title-1-wrapper.floating {

          left: -140px; }

      #basicInfo .right .title-1 {

        width: 44%;

        font-weight: bold;

        font-size: 1.4rem;

        overflow: visible;

        display: inline-block;

        vertical-align: middle;

        text-align: center; }

      #basicInfo .right .title-2 {

        font-size: 1.2rem;

        text-align: center;

        margin-bottom: 20px; }

      #basicInfo .right .grayLine {

        border-bottom: 1px solid #d6d6d6;

        width: 23%;

        display: inline-block;

        vertical-align: middle; }

      #basicInfo .right img {

        width: 90%;

        margin: 0 0px 30px 0px; }

  .baseline {

    background: #f2f2f2;

    padding: 20px 5% 20px 5%; }

    .baseline .paragraph {

      font-size: 1rem;

      line-height: 1.7rem;

      margin: 18px 0px 18px 0px; }

    .baseline.w490 {

      width: 100%; }

    .baseline.w480 {

      width: 48%; }

    .baseline .special .special-title {

      padding-top: 10px;

      position: relative;

      font-size: 1.2rem;

      line-height: 2rem;

      display: block;

      text-align: left; }

      .baseline .special .special-title span {

        font-weight: bold;

        padding-right: 20px;

        background: #f2f2f2;

        position: relative;

        z-index: 2; }

    .baseline .special .grayLine {

      position: absolute;

      top: 50%;

      width: 100%;

      left: 0;

      margin-top: 5px; }

    .baseline .special > .icon-wrapper {

      display: inline-block;

      float: left;

      width: 25%;

      margin: 20px auto 30px auto;

      text-align: center;

      font-size: 1.1rem; }

      .baseline .special > .icon-wrapper:last-child {

        padding-right: 0px; }

      .baseline .special > .icon-wrapper .special-icon {

        width: 40%;

        margin-bottom: 5px;

        display: inline-block;

        margin-left: 35%; }

      .baseline .special > .icon-wrapper .suppot {

        background-position: -213px -394px;

        background-repeat: no-repeat;

        overflow: hidden;

        display: block;

        width: 41px;

        height: 39px;

        cursor: pointer; }

      .baseline .special > .icon-wrapper .bbs {

        background-position: -172px -394px;

        background-repeat: no-repeat;

        overflow: hidden;

        display: block;

        width: 41px;

        height: 39px;

        cursor: pointer; }

      .baseline .special > .icon-wrapper .gamble {

        background-position: -90px -394px;

        background-repeat: no-repeat;

        overflow: hidden;

        display: block;

        width: 41px;

        height: 39px;

        cursor: pointer; }

      .baseline .special > .icon-wrapper .push {

        background-position: -131px -394px;

        background-repeat: no-repeat;

        overflow: hidden;

        display: block;

        width: 41px;

        height: 39px;

        cursor: pointer; }

    .baseline.phoneShop {

      display: none; }

      .baseline.phoneShop img {

        width: 350px;

        margin-right: 20px; }

    .baseline .title-1-wrapper {

      position: relative;

      margin-top: 30px;

      margin-bottom: 8px;

      text-align: center; }

      .baseline .title-1-wrapper.floating {

        left: -140px; }

    .baseline .title-1 {

      width: 55%;

      font-weight: bold;

      font-size: 1.4rem;

      overflow: visible;

      display: inline-block;

      vertical-align: middle;

      text-align: center; }

    .baseline .title-2 {

      font-size: 1.2rem;

      text-align: center;

      margin-bottom: 20px; }

    .baseline .grayLine {

      border-bottom: 1px solid #d6d6d6;

      width: 20%;

      display: inline-block;

      vertical-align: middle; }

    .baseline .mobile-pic-decoration img {

      margin: 10px auto 20px;

      width: 40%; } }



.maxapper_cases-content {

  margin: 0 auto;

  overflow: hidden; }



.content-cases {

  content: '';

  clear: both;

  display: block;

  width: 100%;

  padding: 0 40px;

  overflow: hidden;

  background: #f2f2f2;

  height: 550px; }

  .content-cases .img-left {

    width: 980px;

    margin: 0 auto; }

  .content-cases .left .cases-left-index {

    display: inline-block;

    float: left; }

    .content-cases .left .cases-left-index img {

      width: 406.5px; }

  .content-cases .left .cases-right-index {

    display: inline-block;

    float: right;

    width: 420px;

    margin-top: 110px;

    margin-right: 42px; }

    .content-cases .left .cases-right-index img {

      width: 50px; }

    .content-cases .left .cases-right-index h3 {

      margin: 10px 0;

      font-size: 16px; }

    .content-cases .left .cases-right-index p {

      font-size: 14px;

      margin-top: 26px; }

  .content-cases .right .cases-left-index {

    float: right;

    display: inline-block;

    margin-right: 50px; }

    .content-cases .right .cases-left-index img {

      width: 406.5px; }

  .content-cases .right .cases-right-index {

    float: left;

    display: inline-block;

    width: 420px;

    margin-top: 110px; }

    .content-cases .right .cases-right-index img {

      width: 50px; }

    .content-cases .right .cases-right-index h3 {

      margin: 10px 0;

      font-size: 16px; }

    .content-cases .right .cases-right-index p {

      font-size: 14px;

      margin-top: 26px; }



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

  #footer-news {

    text-align: left; }

    #footer-news .news-ul {

      margin: 0 auto; }

    #footer-news .news-info {

      width: 100%;

      margin-bottom: 15px;

      line-height: 30px; } }



/************************************************************************add by ammie PC*************************************************************************************************/

@-webkit-keyframes slide-to-left {

  from {

    transform: translate3d(2000px, 0, 0);

    -webkit-transform: translate3d(2000px, 0, 0);

    -moz-transform: translate3d(2000px, 0, 0);

    -o-transform: translate3d(2000px, 0, 0);

    -ms-transform: translate3d(2000px, 0, 0); }

  to {

    transform: translate3d(0, 0, 0);

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0); } }

@-moz-keyframes slide-to-left {

  from {

    transform: translate3d(2000px, 0, 0);

    -webkit-transform: translate3d(2000px, 0, 0);

    -moz-transform: translate3d(2000px, 0, 0);

    -o-transform: translate3d(2000px, 0, 0);

    -ms-transform: translate3d(2000px, 0, 0); }

  to {

    transform: translate3d(0, 0, 0);

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0); } }

@-o-keyframes slide-to-left {

  from {

    transform: translate3d(2000px, 0, 0);

    -webkit-transform: translate3d(2000px, 0, 0);

    -moz-transform: translate3d(2000px, 0, 0);

    -o-transform: translate3d(2000px, 0, 0);

    -ms-transform: translate3d(2000px, 0, 0); }

  to {

    transform: translate3d(0, 0, 0);

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0); } }

@keyframes slide-to-left {

  from {

    transform: translate3d(2000px, 0, 0);

    -webkit-transform: translate3d(2000px, 0, 0);

    -moz-transform: translate3d(2000px, 0, 0);

    -o-transform: translate3d(2000px, 0, 0);

    -ms-transform: translate3d(2000px, 0, 0); }

  to {

    transform: translate3d(0, 0, 0);

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0); } }



@-webkit-keyframes slide-to-right {

  from {

    transform: translate3d(-2000px, 0, 0);

    -webkit-transform: translate3d(-2000px, 0, 0);

    -moz-transform: translate3d(-2000px, 0, 0);

    -o-transform: translate3d(-2000px, 0, 0);

    -ms-transform: translate3d(-2000px, 0, 0); }

  to {

    transform: translate3d(0, 0, 0);

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0); } }



@-moz-keyframes slide-to-right {

  from {

    transform: translate3d(-2000px, 0, 0);

    -webkit-transform: translate3d(-2000px, 0, 0);

    -moz-transform: translate3d(-2000px, 0, 0);

    -o-transform: translate3d(-2000px, 0, 0);

    -ms-transform: translate3d(-2000px, 0, 0); }

  to {

    transform: translate3d(0, 0, 0);

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0); } }



@-o-keyframes slide-to-right {

  from {

    transform: translate3d(-2000px, 0, 0);

    -webkit-transform: translate3d(-2000px, 0, 0);

    -moz-transform: translate3d(-2000px, 0, 0);

    -o-transform: translate3d(-2000px, 0, 0);

    -ms-transform: translate3d(-2000px, 0, 0); }

  to {

    transform: translate3d(0, 0, 0);

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0); } }



@keyframes slide-to-right {

  from {

    transform: translate3d(-2000px, 0, 0);

    -webkit-transform: translate3d(-2000px, 0, 0);

    -moz-transform: translate3d(-2000px, 0, 0);

    -o-transform: translate3d(-2000px, 0, 0);

    -ms-transform: translate3d(-2000px, 0, 0); }

  to {

    transform: translate3d(0, 0, 0);

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0); } }



@-webkit-keyframes phoneAnimate {

  0% {

    -webkit-transform: rotateZ(0deg);

            transform: rotateZ(0deg); }

  25% {

    -webkit-transform: rotateZ(-20deg);

            transform: rotateZ(-20deg); }

  50% {

    -webkit-transform: rotateZ(0deg);

            transform: rotateZ(0deg); }

  75% {

    -webkit-transform: rotateZ(20deg);

            transform: rotateZ(20deg); }

  100% {

    -webkit-transform: rotateZ(0deg);

            transform: rotateZ(0deg); } }



@-moz-keyframes phoneAnimate {

  0% {

    -moz-transform: rotateZ(0deg);

         transform: rotateZ(0deg); }

  25% {

    -moz-transform: rotateZ(-20deg);

         transform: rotateZ(-20deg); }

  50% {

    -moz-transform: rotateZ(0deg);

         transform: rotateZ(0deg); }

  75% {

    -moz-transform: rotateZ(20deg);

         transform: rotateZ(20deg); }

  100% {

    -moz-transform: rotateZ(0deg);

         transform: rotateZ(0deg); } }



@-o-keyframes phoneAnimate {

  0% {

    -o-transform: rotateZ(0deg);

       transform: rotateZ(0deg); }

  25% {

    -o-transform: rotateZ(-20deg);

       transform: rotateZ(-20deg); }

  50% {

    -o-transform: rotateZ(0deg);

       transform: rotateZ(0deg); }

  75% {

    -o-transform: rotateZ(20deg);

       transform: rotateZ(20deg); }

  100% {

    -o-transform: rotateZ(0deg);

       transform: rotateZ(0deg); } }



@keyframes phoneAnimate {

  0% {

    -webkit-transform: rotateZ(0deg);

       -moz-transform: rotateZ(0deg);

         -o-transform: rotateZ(0deg);

            transform: rotateZ(0deg); }

  25% {

    -webkit-transform: rotateZ(-20deg);

       -moz-transform: rotateZ(-20deg);

         -o-transform: rotateZ(-20deg);

            transform: rotateZ(-20deg); }

  50% {

    -webkit-transform: rotateZ(0deg);

       -moz-transform: rotateZ(0deg);

         -o-transform: rotateZ(0deg);

            transform: rotateZ(0deg); }

  75% {

    -webkit-transform: rotateZ(20deg);

       -moz-transform: rotateZ(20deg);

         -o-transform: rotateZ(20deg);

            transform: rotateZ(20deg); }

  100% {

    -webkit-transform: rotateZ(0deg);

       -moz-transform: rotateZ(0deg);

         -o-transform: rotateZ(0deg);

            transform: rotateZ(0deg); } }



@keyframes phoneAnimate {

  0% {

    -webkit-transform: rotateZ(0deg);

       -moz-transform: rotateZ(0deg);

         -o-transform: rotateZ(0deg);

            transform: rotateZ(0deg); }

  25% {

    -webkit-transform: rotateZ(-20deg);

       -moz-transform: rotateZ(-20deg);

         -o-transform: rotateZ(-20deg);

            transform: rotateZ(-20deg); }

  50% {

    -webkit-transform: rotateZ(0deg);

       -moz-transform: rotateZ(0deg);

         -o-transform: rotateZ(0deg);

            transform: rotateZ(0deg); }

  75% {

    -webkit-transform: rotateZ(20deg);

       -moz-transform: rotateZ(20deg);

         -o-transform: rotateZ(20deg);

            transform: rotateZ(20deg); }

  100% {

    -webkit-transform: rotateZ(0deg);

       -moz-transform: rotateZ(0deg);

         -o-transform: rotateZ(0deg);

            transform: rotateZ(0deg); } }



.mobile-module {

  padding: 50px 0;

  text-align: center; }

  .mobile-module .mobile-module-content .mobile-module-title {

    text-align: center;

    margin-bottom: 40px; }

    .mobile-module .mobile-module-content .mobile-module-title h1 {

      font-size: 30px;

      color: #333;

      margin-bottom: 15px; }

    .mobile-module .mobile-module-content .mobile-module-title h2 {

      color: #777;

      font-size: 18px; }

    .mobile-module .mobile-module-content .mobile-module-title h3 {

      color: #777;

      font-size: 18px; }

  .mobile-module .mobile-module-content .mobile-module-img {

    position: relative; }

    .mobile-module .mobile-module-content .mobile-module-img.animate-active .icon-phone {

      -webkit-animation: slide-to-left 1s 0.5s forwards,phoneAnimate 0.5s 3  2s forwards;

         -moz-animation: slide-to-left 1s 0.5s forwards,phoneAnimate 0.5s 3  2s forwards;

           -o-animation: slide-to-left 1s 0.5s forwards,phoneAnimate 0.5s 3  2s forwards;

              animation: slide-to-left 1s 0.5s forwards,phoneAnimate 0.5s 3  2s forwards;

      -ms-animation: slide-to-left 1s 0.5s forwards,phoneAnimate 0.5s 3  2s forwards; }

    .mobile-module .mobile-module-content .mobile-module-img .mobile-module-img-01 {

      width: 682px;

      vertical-align: middle;

      margin-top: 10px;

      margin-right: -35px;

      -webkit-animation: slide-to-right 1s 0.5s forwards;

         -moz-animation: slide-to-right 1s 0.5s forwards;

           -o-animation: slide-to-right 1s 0.5s forwards;

              animation: slide-to-right 1s 0.5s forwards;

      -ms-animation: slide-to-right 1s 0.5s forwards; }

    .mobile-module .mobile-module-content .mobile-module-img .mobile-img-center {

      width: 231px;

      display: inline-block;

      margin-left: -5px;

      position: relative; }

    .mobile-module .mobile-module-content .mobile-module-img .mobile-module-img-02 {

      width: 231px;

      vertical-align: middle;

      -webkit-animation: slide-to-left 1s 0.5s forwards;

         -moz-animation: slide-to-left 1s 0.5s forwards;

           -o-animation: slide-to-left 1s 0.5s forwards;

              animation: slide-to-left 1s 0.5s forwards;

      -ms-animation: slide-to-left 1s 0.5s forwards; }

    .mobile-module .mobile-module-content .mobile-module-img .icon-phone {

      color: #fff;

      font-size: 40px;

      position: absolute;

      top: 50%;

      left: 50%;

      margin-left: -20px;

      margin-top: -15px;

      -webkit-transform-origin: bottom center;

         -moz-transform-origin: bottom center;

           -o-transform-origin: bottom center;

              transform-origin: bottom center;

      -ms-transform-origin: bottom center; }

    .mobile-module .mobile-module-content .mobile-module-img .icon-xuanzhuan {

      color: #fff;

      font-size: 30px;

      position: absolute;

      bottom: 100px;

      right: 585px; }



.company-app {

  padding: 50px 0;

  background: #f5f7f9; }

  .company-app .company-app-content .company-app-title {

    text-align: center;

    margin-bottom: 0px; }

    .company-app .company-app-content .company-app-title h1 {

      font-size: 30px;

      color: #333;

      margin-bottom: 15px; }

    .company-app .company-app-content .company-app-title h2 {

      color: #777;

      font-size: 18px; }

  .company-app .company-app-content .company-app-img {

    text-align: center;

    position: relative; }

    .company-app .company-app-content .company-app-img.animate-active .company-app-img-01 {

      -webkit-animation: slide-to-right 1s 1s forwards;

         -moz-animation: slide-to-right 1s 1s forwards;

           -o-animation: slide-to-right 1s 1s forwards;

              animation: slide-to-right 1s 1s forwards;

      -ms-animation: slide-to-right 2s 1s forwards; }

    .company-app .company-app-content .company-app-img.animate-active .company-app-img-03 {

      -webkit-animation: slide-to-left 1s 1s forwards;

         -moz-animation: slide-to-left 1s 1s forwards;

           -o-animation: slide-to-left 1s 1s forwards;

              animation: slide-to-left 1s 1s forwards;

      -ms-animation: slide-to-left 1s 1s forwards; }

    .company-app .company-app-content .company-app-img img {

      display: inline-block; }

    .company-app .company-app-content .company-app-img .company-app-img-01 {

      width: 292px;

      vertical-align: middle; }

    .company-app .company-app-content .company-app-img .company-img-center {

      display: inline-block;

      width: 651px;

      margin: 0 -90px;

      position: relative;

      vertical-align: middle;

      text-align: center; }

    .company-app .company-app-content .company-app-img .company-app-img-02 {

      width: 651px; }

    .company-app .company-app-content .company-app-img .company-app-img-03 {

      width: 386px;

      vertical-align: middle; }

    .company-app .company-app-content .company-app-img .icon-xuanzhuan {

      font-size: 25px;

      color: #fff;

      position: absolute;

      left: 50%;

      top: 50%;

      margin-left: -15px;

      margin-top: -15px;

      -webkit-animation: rotateImg 2s linear infinite;

         -moz-animation: rotateImg 2s linear infinite;

           -o-animation: rotateImg 2s linear infinite;

              animation: rotateImg 2s linear infinite;

      -ms-animation: rotateImg 2s linear infinite; }



@-webkit-keyframes rotateImg {

  0% {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg); }

  50% {

    -webkit-transform: rotate(180deg);

            transform: rotate(180deg); }

  100% {

    -webkit-transform: rotate(360deg);

            transform: rotate(360deg); } }



@-moz-keyframes rotateImg {

  0% {

    -moz-transform: rotate(0deg);

         transform: rotate(0deg); }

  50% {

    -moz-transform: rotate(180deg);

         transform: rotate(180deg); }

  100% {

    -moz-transform: rotate(360deg);

         transform: rotate(360deg); } }



@-o-keyframes rotateImg {

  0% {

    -o-transform: rotate(0deg);

       transform: rotate(0deg); }

  50% {

    -o-transform: rotate(180deg);

       transform: rotate(180deg); }

  100% {

    -o-transform: rotate(360deg);

       transform: rotate(360deg); } }



@keyframes rotateImg {

  0% {

    -webkit-transform: rotate(0deg);

       -moz-transform: rotate(0deg);

         -o-transform: rotate(0deg);

            transform: rotate(0deg); }

  50% {

    -webkit-transform: rotate(180deg);

       -moz-transform: rotate(180deg);

         -o-transform: rotate(180deg);

            transform: rotate(180deg); }

  100% {

    -webkit-transform: rotate(360deg);

       -moz-transform: rotate(360deg);

         -o-transform: rotate(360deg);

            transform: rotate(360deg); } }



.code-module {

  padding: 50px 0;

  text-align: center; }

  .code-module .code-module-content .code-module-title {

    text-align: center;

    margin-bottom: 30px; }

    .code-module .code-module-content .code-module-title h1 {

      color: #333;

      font-size: 30px; }

  .code-module .code-module-content .code-module-img {

    position: relative; }

    .code-module .code-module-content .code-module-img .icon-tuodong {

      display: inline-block;

      font-size: 30px;

      color: #fff;

      position: absolute;

      top: 435px;

      left: 575px; }

    .code-module .code-module-content .code-module-img .code-module-img-01 {

      width: 1042px; }

    .code-module .code-module-content .code-module-img .code-module-img-02 {

      width: 148px;

      position: absolute;

      top: 266px;

      left: 223px; }

    .code-module .code-module-content .code-module-img .code-module-img-03 {

      width: 119px;

      position: absolute;

      top: 265px;

      right: 131px; }

    .code-module .code-module-content .code-module-img .dots-warpper-1 {

      width: 25px;

      height: 25px;

      -webkit-border-radius: 50%;

         -moz-border-radius: 50%;

              border-radius: 50%;

      background: rgba(255, 144, 0, 0.4);

      position: absolute;

      text-align: center;

      top: 49%;

      left: 29.5%;

      opacity: 0; }

      .code-module .code-module-content .code-module-img .dots-warpper-1 .dot1 {

        display: inline-block;

        width: 8px;

        height: 8px;

        -webkit-border-radius: 50%;

           -moz-border-radius: 50%;

                border-radius: 50%;

        background: #ff9000;

        position: absolute;

        left: 37%;

        top: 34%; }

    .code-module .code-module-content .code-module-img .dots-warpper-2 {

      width: 25px;

      height: 25px;

      -webkit-border-radius: 50%;

         -moz-border-radius: 50%;

              border-radius: 50%;

      background: rgba(255, 144, 0, 0.4);

      position: absolute;

      top: 56%;

      right: 15.2%;

      text-align: center;

      opacity: 0; }

      .code-module .code-module-content .code-module-img .dots-warpper-2 .dot2 {

        display: inline-block;

        width: 8px;

        height: 8px;

        -webkit-border-radius: 50%;

           -moz-border-radius: 50%;

                border-radius: 50%;

        background: #ff9000;

        position: absolute;

        left: 37%;

        top: 38%; }

    .code-module .code-module-content .code-module-img .code-module-img-02 {

      opacity: 1;

      -webkit-transition: opacity 1s linear 0s;

      -o-transition: opacity 1s linear 0s;

      -moz-transition: opacity 1s linear 0s;

      transition: opacity 1s linear 0s; }

    .code-module .code-module-content .code-module-img .dots-warpper-1 {

      opacity: 0;

      -webkit-transition: opacity 1s linear 0.3s;

      -o-transition: opacity 1s linear 0.3s;

      -moz-transition: opacity 1s linear 0.3s;

      transition: opacity 1s linear 0.3s;

      -webkit-animation: dotOpacity 1s 4s infinite;

         -moz-animation: dotOpacity 1s 4s infinite;

           -o-animation: dotOpacity 1s 4s infinite;

              animation: dotOpacity 1s 4s infinite;

      -ms-animation: dotOpacity 1s 4s infinite; }

    .code-module .code-module-content .code-module-img .icon-tuodong {

      opacity: 1;

      -webkit-transition: opacity 1s linear 0.6s;

      -o-transition: opacity 1s linear 0.6s;

      -moz-transition: opacity 1s linear 0.6s;

      transition: opacity 1s linear 0.6s; }

    .code-module .code-module-content .code-module-img .dots-warpper-2 {

      opacity: 0;

      -webkit-transition: opacity 1s linear 1s;

      -o-transition: opacity 1s linear 1s;

      -moz-transition: opacity 1s linear 1s;

      transition: opacity 1s linear 1s;

      -webkit-animation: dotOpacity 1s 4s infinite;

         -moz-animation: dotOpacity 1s 4s infinite;

           -o-animation: dotOpacity 1s 4s infinite;

              animation: dotOpacity 1s 4s infinite;

      -ms-animation: dotOpacity 1s 4s infinite; }

    .code-module .code-module-content .code-module-img .code-module-img-03 {

      opacity: 1;

      -webkit-transition: opacity 0.5s linear 1.3s;

      -o-transition: opacity 0.5s linear 1.3s;

      -moz-transition: opacity 0.5s linear 1.3s;

      transition: opacity 0.5s linear 1.3s; }

    .code-module .code-module-content .code-module-img.active .code-module-img-02, .code-module .code-module-content .code-module-img.active .dots-warpper-1, .code-module .code-module-content .code-module-img.active .icon-tuodong, .code-module .code-module-content .code-module-img.active .dots-warpper-2, .code-module .code-module-content .code-module-img.active .code-module-img-03 {

      opacity: 1; }

    .code-module .code-module-content .code-module-img.active .code-module-img-02 {

      -webkit-animation: scale 0.6s linear 0s;

         -moz-animation: scale 0.6s linear 0s;

           -o-animation: scale 0.6s linear 0s;

              animation: scale 0.6s linear 0s;

      -ms-animation: scale 0.6s linear 0s; }

    .code-module .code-module-content .code-module-img.active .code-module-img-03 {

      -webkit-animation: scale 0.6s linear 2s;

         -moz-animation: scale 0.6s linear 2s;

           -o-animation: scale 0.6s linear 2s;

              animation: scale 0.6s linear 2s;

      -ms-animation: scale 0.6s linear 2s; }



@-webkit-keyframes dotOpacity {

  from {

    opacity: 0; }

  to {

    opacity: 1; } }



@-moz-keyframes dotOpacity {

  from {

    opacity: 0; }

  to {

    opacity: 1; } }



@-o-keyframes dotOpacity {

  from {

    opacity: 0; }

  to {

    opacity: 1; } }



@keyframes dotOpacity {

  from {

    opacity: 0; }

  to {

    opacity: 1; } }



@-webkit-keyframes scale {

  0% {

    -webkit-transform: scale(1, 1);

            transform: scale(1, 1); }

  50% {

    -webkit-transform: scale(1.1, 1.1);

            transform: scale(1.1, 1.1); }

  100% {

    -webkit-transform: scale(1, 1);

            transform: scale(1, 1); } }



@-moz-keyframes scale {

  0% {

    -moz-transform: scale(1, 1);

         transform: scale(1, 1); }

  50% {

    -moz-transform: scale(1.1, 1.1);

         transform: scale(1.1, 1.1); }

  100% {

    -moz-transform: scale(1, 1);

         transform: scale(1, 1); } }



@-o-keyframes scale {

  0% {

    -o-transform: scale(1, 1);

       transform: scale(1, 1); }

  50% {

    -o-transform: scale(1.1, 1.1);

       transform: scale(1.1, 1.1); }

  100% {

    -o-transform: scale(1, 1);

       transform: scale(1, 1); } }



@keyframes scale {

  0% {

    -webkit-transform: scale(1, 1);

       -moz-transform: scale(1, 1);

         -o-transform: scale(1, 1);

            transform: scale(1, 1); }

  50% {

    -webkit-transform: scale(1.1, 1.1);

       -moz-transform: scale(1.1, 1.1);

         -o-transform: scale(1.1, 1.1);

            transform: scale(1.1, 1.1); }

  100% {

    -webkit-transform: scale(1, 1);

       -moz-transform: scale(1, 1);

         -o-transform: scale(1, 1);

            transform: scale(1, 1); } }



.h5-module {

  padding: 50px 0;

  text-align: center;

  background: #f5f7f9; }

  .h5-module .h5-module-content {

    text-align: center; }

    .h5-module .h5-module-content .h5-module-title {

      text-align: center;

      margin-bottom: 20px; }

      .h5-module .h5-module-content .h5-module-title h1 {

        font-size: 30px;

        color: #333;

        margin-bottom: 15px; }

      .h5-module .h5-module-content .h5-module-title h2 {

        color: #777;

        font-size: 18px; }

    .h5-module .h5-module-content .h5-module-img img {

      width: 880px; }

    .h5-module .h5-module-content .h5-mobile-img {

      display: none; }



.app-module {

  padding: 50px 0 0 0;

  height: 600px;

  background: #fff; }

  .app-module .app-module-content {

    text-align: center; }

    .app-module .app-module-content .app-module-title {

      text-align: center;

      margin-bottom: 20px; }

      .app-module .app-module-content .app-module-title h1 {

        font-size: 30px;

        color: #333;

        margin-bottom: 15px; }

      .app-module .app-module-content .app-module-title h2 {

        color: #777;

        font-size: 18px; }

    .app-module .app-module-content .app-module-img img {

      width: 1099px; }



.new-module {

  padding: 240px 0 100px 0;

  width: 100%; }

  .new-module .new-module-content .new-module-title {

    text-align: center;

    margin-bottom: 45px; }

    .new-module .new-module-content .new-module-title h1 {

      font-size: 30px;

      color: #333;

      margin-bottom: 15px; }

    .new-module .new-module-content .new-module-title h2 {

      color: #777;

      font-size: 18px; }

  .new-module .new-module-content .new-module-img {

    position: relative;

    text-align: center; }

    .new-module .new-module-content .new-module-img .module-circle-warpper {

      width: 215px;

      height: 214px;

      position: absolute;

      left: 42.8%;

      bottom: 25%; }

    .new-module .new-module-content .new-module-img .module-circles {

      width: 215px;

      height: 214px;

      -webkit-border-radius: 50%;

         -moz-border-radius: 50%;

              border-radius: 50%;

      border: 1px solid transparent;

      position: relative;

      -webkit-animation: rotateZ 5s infinite linear;

         -moz-animation: rotateZ 5s infinite linear;

           -o-animation: rotateZ 5s infinite linear;

              animation: rotateZ 5s infinite linear;

      -ms-animation: rotateZ 5s infinite linear; }



@-webkit-keyframes rotateZ {

  from {

    -webkit-transform: rotateZ(0deg);

            transform: rotateZ(0deg); }

  to {

    -webkit-transform: rotateZ(360deg);

            transform: rotateZ(360deg); } }



@-moz-keyframes rotateZ {

  from {

    -moz-transform: rotateZ(0deg);

         transform: rotateZ(0deg); }

  to {

    -moz-transform: rotateZ(360deg);

         transform: rotateZ(360deg); } }



@-o-keyframes rotateZ {

  from {

    -o-transform: rotateZ(0deg);

       transform: rotateZ(0deg); }

  to {

    -o-transform: rotateZ(360deg);

       transform: rotateZ(360deg); } }



@keyframes rotateZ {

  from {

    -webkit-transform: rotateZ(0deg);

       -moz-transform: rotateZ(0deg);

         -o-transform: rotateZ(0deg);

            transform: rotateZ(0deg); }

  to {

    -webkit-transform: rotateZ(360deg);

       -moz-transform: rotateZ(360deg);

         -o-transform: rotateZ(360deg);

            transform: rotateZ(360deg); } }

    .new-module .new-module-content .new-module-img .module-circle-1 {

      display: inline-block;

      width: 6px;

      height: 6px;

      -webkit-border-radius: 50%;

         -moz-border-radius: 50%;

              border-radius: 50%;

      position: absolute;

      top: -1%;

      right: 48%;

      background: #00cc33; }

    .new-module .new-module-content .new-module-img .module-circle-2 {

      display: inline-block;

      width: 6px;

      height: 6px;

      -webkit-border-radius: 50%;

         -moz-border-radius: 50%;

              border-radius: 50%;

      position: absolute;

      top: 71%;

      right: 93%;

      background: #3399ff; }

    .new-module .new-module-content .new-module-img .module-img-1 {

      width: 243px;

      vertical-align: middle;

      -webkit-animation: slide-to-right 1s forwards;

         -moz-animation: slide-to-right 1s forwards;

           -o-animation: slide-to-right 1s forwards;

              animation: slide-to-right 1s forwards;

      -ms-animation: slide-to-right 1s forwards;

      margin-right: -23px; }

    .new-module .new-module-content .new-module-img .module-img-2 {

      width: 582px;

      vertical-align: middle; }

    .new-module .new-module-content .new-module-img .module-img-3 {

      width: 206px;

      vertical-align: middle;

      -webkit-animation: slide-to-left 1s forwards;

         -moz-animation: slide-to-left 1s forwards;

           -o-animation: slide-to-left 1s forwards;

              animation: slide-to-left 1s forwards;

      -ms-animation: slide-to-left 1s forwards;

      margin-left: -23px; }



.solutions {

  width: 100%;

  padding: 60px 0;

  background: -webkit-linear-gradient(150deg, #29d9ff, #1187ff);

  background: -moz-linear-gradient(150deg, #29d9ff, #1187ff);

  background: -o-linear-gradient(150deg, #29d9ff, #1187ff);

  background: linear-gradient(-60deg, #29d9ff, #1187ff);

  background: -ms-linear-gradient(-60deg, #29d9ff, #1187ff);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1187ff', endColorstr='#29d9ff',GradientType=0 ); }

  .solutions :root .gradient {

    -webkit-filter: none;

            filter: none; }

  .solutions .solutions-content {

    text-align: center; }

    .solutions .solutions-content .solutions-h {

      color: #fff;

      font-size: 30px;

      text-align: center; }

    .solutions .solutions-content .solutions-link {

      text-align: center;

      margin: 60px 0;

      width: 100%;

      border: 1px solid rgba(255, 255, 255, 0.4);

      table-layout: auto;

      border-collapse: collapse; }

      .solutions .solutions-content .solutions-link tr {

        border: 1px solid rgba(255, 255, 255, 0.4);

        width: 100%;

        height: 100px;

        line-height: 100px;

        text-align: center;

        border-top: none;

        border-left: none;

        border-right: none; }

        .solutions .solutions-content .solutions-link tr:nth-child(2) {

          border-bottom: none; }

        .solutions .solutions-content .solutions-link tr td {

          border: 1px solid rgba(255, 255, 255, 0.2);

          width: 24.71%; }

          .solutions .solutions-content .solutions-link tr td:hover {

            background: rgba(255, 255, 255, 0.3); }

          .solutions .solutions-content .solutions-link tr td a {

            display: inline-block;

            color: #fff;

            font-size: 18px; }

          .solutions .solutions-content .solutions-link tr td i {

            display: inline-block;

            vertical-align: middle;

            margin-right: 20px;

            color: #fff;

            font-size: 30px; }

      .solutions .solutions-content .solutions-link .bordernone {

        border-top: none;

        border-right: none; }

      .solutions .solutions-content .solutions-link .no-right {

        border-right: none; }

      .solutions .solutions-content .solutions-link .last-li {

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

    .solutions .solutions-content .solutions-link-mobile {

      text-align: center;

      margin: 60px auto;

      width: 100%;

      table-layout: auto;

      border-collapse: collapse; }

      .solutions .solutions-content .solutions-link-mobile tr {

        border: 1px solid rgba(255, 255, 255, 0.4);

        width: 100%;

        height: 100px;

        line-height: 100px;

        text-align: center;

        border-top: none;

        border-left: none;

        border-right: none; }

        .solutions .solutions-content .solutions-link-mobile tr:nth-child(2) {

          border-bottom: none; }

        .solutions .solutions-content .solutions-link-mobile tr td {

          border: 1px solid rgba(255, 255, 255, 0.4);

          width: 14.71%; }

          .solutions .solutions-content .solutions-link-mobile tr td:hover {

            background: rgba(255, 255, 255, 0.3);

            height: 100%;

            width: 24.71%; }

            .solutions .solutions-content .solutions-link-mobile tr td:hover a {

              font-size: 16px; }

          .solutions .solutions-content .solutions-link-mobile tr td a {

            display: inline-block;

            color: #fff;

            font-size: 14px; }

          .solutions .solutions-content .solutions-link-mobile tr td i {

            display: inline-block;

            vertical-align: middle;

            margin-right: 20px;

            color: #fff;

            font-size: 30px; }

      .solutions .solutions-content .solutions-link-mobile .bordernone {

        border-top: none;

        border-right: none; }

      .solutions .solutions-content .solutions-link-mobile .no-right {

        border-right: none; }

      .solutions .solutions-content .solutions-link-mobile .last-li {

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

    .solutions .solutions-content .solutions-button {

      display: inline-block;

      color: #fff;

      text-align: center;

      width: 273px;

      height: 47px;

      line-height: 47px;

      background: #00cc33;

      -webkit-border-radius: 5px;

         -moz-border-radius: 5px;

              border-radius: 5px;

      font-size: 14px; }

      .solutions .solutions-content .solutions-button:hover {

        background: #00b32d; }



.partners-links {

  width: 100%;

  padding-bottom: 50px;

  padding-top: 50px; }

  .partners-links .partners-links-content {

    position: relative;

    width: 1200px; }

    .partners-links .partners-links-content .partners-h {

      color: #333;

      font-size: 30px;

      margin-bottom: 30px;

      text-align: center; }

    .partners-links .partners-links-content .forward, .partners-links .partners-links-content .back {

      display: inline-block;

      width: 40px;

      height: 40px;

      line-height: 40px;

      -webkit-border-radius: 50%;

         -moz-border-radius: 50%;

              border-radius: 50%;

      text-align: center;

      background: #cccccc;

      color: #fff;

      font-size: 20px;

      font-weight: bold;

      position: absolute;

      z-index: 999;

      top: 60%;

      cursor: pointer; }

      .partners-links .partners-links-content .forward:hover, .partners-links .partners-links-content .back:hover {

        background-color: #00cc33;

        color: #fff; }

    .partners-links .partners-links-content .forward {

      left: 0; }

    .partners-links .partners-links-content .back {

      right: 0; }

    .partners-links .partners-links-content .partners-container {

      text-align: center;

      width: 100%; }

    .partners-links .partners-links-content .partners-slide {

      display: inline-block;

      width: 19%;

      margin-bottom: 30px; }

    .partners-links .partners-links-content .partners {

      display: block;

      text-align: center;

      width: 100%; }

      .partners-links .partners-links-content .partners .partners-icon {

        display: block;

        width: 184px;

        height: 64px;

        margin: 0 auto; }

      .partners-links .partners-links-content .partners .partners-text {

        display: inline-block;

        margin-top: 30px;

        color: #999999;

        font-size: 14px; }



#footer-news {

  width: 100%;

  padding-top: 100px; }

  #footer-news .news-content {

    width: 1120px !important; }

  #footer-news .news-header {

    margin-bottom: 40px;

    font-size: 30px;

    color: #333;

    text-align: center; }

  #footer-news .news-new {

    display: inline-block;

    width: 45%; }

    #footer-news .news-new .news-img {

      width: 400px;

      height: 230px;

      margin-bottom: 40px;

      position: relative; }

      #footer-news .news-new .news-img img {

        width: 400px;

        height: 230px; }

      #footer-news .news-new .news-img .news-date-new {

        display: none;

        position: absolute;

        width: 100px;

        height: 100px;

        background: #00cc33;

        opacity: 1;

        color: #ccc;

        text-align: center;

        font-size: 16px;

        top: 0;

        left: 0; }

        #footer-news .news-new .news-img .news-date-new .day {

          font-size: 50px;

          display: inline-block;

          color: #fff;

          width: 100%;

          margin-bottom: -10px; }

        #footer-news .news-new .news-img .news-date-new .year {

          display: inline-block;

          width: 100%;

          color: #fff; }

    #footer-news .news-new .news-text {

      width: 400px; }

      #footer-news .news-new .news-text .news-title-new {

        display: block;

        margin-bottom: 10px;

        font-size: 16px;

        color: #3399ff; }

      #footer-news .news-new .news-text .news-article {

        color: #aaa;

        font-size: 14px; }

  #footer-news .news-ul {

    display: inline-block;

    width: 45%;

    vertical-align: top; }

    #footer-news .news-ul li:before {

      content: ' ';

      width: 4px;

      height: 4px;

      background-color: #777;

      position: absolute;

      -webkit-border-radius: 5px;

         -moz-border-radius: 5px;

              border-radius: 5px;

      margin-top: 10px;

      margin-left: -12px; }

  #footer-news .news-info {

    margin-bottom: 45px; }

    #footer-news .news-info .news-title {

      height: 30px;

      line-height: 30px;

      overflow: hidden;

      -o-text-overflow: ellipsis;

         text-overflow: ellipsis;

      white-space: nowrap; }

    #footer-news .news-info .news-link {

      font-size: 16px;

      color: #777; }

      #footer-news .news-info .news-link:hover {

        color: #00cc33; }

        #footer-news .news-info .news-link:hover .news-date {

          color: #fff;

          background: #00cc33; }

    #footer-news .news-info .news-title {

      width: 88%;

      margin-top: 5px;

      font-size: 14px;

      color: #aaa; }

    #footer-news .news-info a {

      color: #000;

      font-size: 16px;

      display: inline-block; }

      #footer-news .news-info a .news-date {

        display: inline-block;

        color: #fff;

        background: #cccccc;

        margin-right: 5px;

        padding: 0px 5px;

        -webkit-border-radius: 3px;

           -moz-border-radius: 3px;

                border-radius: 3px; }



.mobile-block-img, .company-mobile-img, .new-mobile-img, .code-mobile-img {

  display: none; }



/****************************************************************add by  mobile****************************************************************************/

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

  #landing-image {

    -moz-background-size: 100% 100%;

      -o-background-size: 100% 100%;

         background-size: 100% 100%; }

  .mainStyle {

    width: 100%; }

  .mobile-module-img, .company-app-img, .code-module-img, .new-module-img {

    display: none; }

  .company-app-title, .mobile-module-title, .code-module-title, .h5-module-title, .app-module-title, .new-module-title {

    display: none; }

  .mobile-module-title-phone, .company-app-title-phone, .code-module-title-phone, .h5-module-title-phone, .app-module-title-phone, .new-module-title-phone {

    display: block !important; }

  .mobile-module-title-phone, .company-app-title-phone, .code-module-title-phone, .h5-module-title-phone, .app-module-title-phone, .new-module-title-phone {

    text-align: center; }

    .mobile-module-title-phone h1, .company-app-title-phone h1, .code-module-title-phone h1, .h5-module-title-phone h1, .app-module-title-phone h1, .new-module-title-phone h1 {

      font-size: 0.38rem;

      margin-bottom: 0.5rem;

      color: #333; }

    .mobile-module-title-phone h2, .company-app-title-phone h2, .code-module-title-phone h2, .h5-module-title-phone h2, .app-module-title-phone h2, .new-module-title-phone h2 {

      font-size: 0.28rem;

      margin-bottom: 0.5rem;

      color: #777; }

  .mobile-block-img {

    display: block;

    width: 100%;

    text-align: center; }

    .mobile-block-img img {

      width: 280px; }

  .company-mobile-img {

    display: block;

    width: 100%;

    text-align: center; }

    .company-mobile-img img {

      width: 325px; }

  .code-mobile-img {

    display: block;

    width: 100%;

    text-align: center; }

    .code-mobile-img img {

      width: 291px; }

  .new-mobile-img {

    display: block;

    width: 100%;

    text-align: center; }

    .new-mobile-img img {

      width: 237px; }

  .mobile-module {

    padding: 0.8rem 0;

    margin-top: -1.2rem; }

    .mobile-module .mobile-module-content {

      width: 95%;

      text-align: center; }

      .mobile-module .mobile-module-content .mobile-module-title h1 {

        font-size: 0.38rem; }

      .mobile-module .mobile-module-content .mobile-module-title h2 {

        font-size: 1.2rem; }

      .mobile-module .mobile-module-content .mobile-module-title h3 {

        font-size: 1.2rem; }

      .mobile-module .mobile-module-content .mobile-module-img .mobile-module-img-01 {

        width: 65%;

        margin-top: -8px; }

      .mobile-module .mobile-module-content .mobile-module-img .mobile-module-img-02 {

        width: 35%; }

      .mobile-module .mobile-module-content .mobile-module-img .icon-phone {

        bottom: 44%;

        left: 79%;

        font-size: 2.2rem; }

  .company-app {

    padding: 0.8rem 0;

    width: 100%; }

    .company-app .company-app-content {

      width: 95%; }

      .company-app .company-app-content .company-app-title h1 {

        font-size: 2rem; }

      .company-app .company-app-content .company-app-title h2 {

        font-size: 1.2rem;

        margin-bottom: 15px; }

      .company-app .company-app-content .company-app-img .company-app-img-01 {

        width: 25%;

        vertical-align: middle; }

      .company-app .company-app-content .company-app-img .company-app-img-02 {

        width: 48%;

        margin: 0;

        vertical-align: middle; }

      .company-app .company-app-content .company-app-img .company-app-img-03 {

        width: 25%;

        vertical-align: middle; }

      .company-app .company-app-content .company-app-img .icon-xuanzhuan {

        bottom: 46%;

        left: 50%;

        font-size: 1px; }

  .code-module {

    padding: 0.8rem 0;

    width: 100%;

    text-align: center; }

    .code-module .code-module-content {

      width: 95%;

      margin: 0 auto; }

      .code-module .code-module-content .code-module-title h1 {

        font-size: 2rem; }

      .code-module .code-module-content .code-module-img {

        width: 100%; }

        .code-module .code-module-content .code-module-img .code-module-img-01 {

          width: 100%; }

        .code-module .code-module-content .code-module-img .code-module-img-02 {

          width: 14%;

          top: 102px;

          left: 55px; }

        .code-module .code-module-content .code-module-img .code-module-img-03 {

          width: 11%;

          top: 100px;

          right: 20px; }

        .code-module .code-module-content .code-module-img .icon-tuodong {

          top: 163px;

          left: 186px;

          font-size: 1.2rem; }

  .h5-module {

    padding: 0.8rem 0;

    width: 100%;

    text-align: center; }

    .h5-module .h5-module-content {

      width: 95%;

      margin: 0 auto; }

      .h5-module .h5-module-content .h5-module-title h1 {

        font-size: 2rem; }

      .h5-module .h5-module-content .h5-module-title h2 {

        font-size: 1.2rem; }

      .h5-module .h5-module-content .h5-module-img {

        display: none; }

      .h5-module .h5-module-content .h5-mobile-img {

        display: block; }

        .h5-module .h5-module-content .h5-mobile-img img {

          width: 100%; }

  .app-module {

    padding: 0.8rem 0;

    width: 100%;

    height: 9rem; }

    .app-module .app-module-content {

      width: 95%;

      margin: 0 auto; }

      .app-module .app-module-content .app-module-title h1 {

        font-size: 2rem; }

      .app-module .app-module-content .app-module-title h2 {

        font-size: 1.2rem; }

      .app-module .app-module-content .app-module-img {

        text-align: center; }

        .app-module .app-module-content .app-module-img img {

          width: 100%; }

  .new-module {

    padding: 0.8rem 0; }

    .new-module .new-module-content {

      width: 95%; }

      .new-module .new-module-content .new-module-title h1 {

        font-size: 2rem; }

      .new-module .new-module-content .new-module-title h2 {

        font-size: 1.2rem; }

      .new-module .new-module-content .new-module-img .module-img-1 {

        width: 30%; }

      .new-module .new-module-content .new-module-img .module-img-2 {

        width: 38%; }

      .new-module .new-module-content .new-module-img .module-img-3 {

        width: 30%; }

      .new-module .new-module-content .new-module-img .module-circle-1 {

        top: 31px;

        left: 199px; }

      .new-module .new-module-content .new-module-img .module-circle-2 {

        top: 77px;

        left: 174px; }

  .solutions {

    padding: 0.8rem 0;

    width: 100%; }

    .solutions .solutions-content {

      width: 95%; }

      .solutions .solutions-content .solutions-h {

        font-size: 0.38rem; }

      .solutions .solutions-content .solutions-link {

        display: none; }

      .solutions .solutions-content .solutions-link-mobile {

        display: block !important; }

  #footer-news {

    width: 100%;

    padding: 0.8rem 0; }

    #footer-news .news-content {

      width: 95%; }

      #footer-news .news-content .news-header {

        font-size: 0.38rem; }

      #footer-news .news-content .news-new {

        width: 100%; }

      #footer-news .news-content .news-ul {

        width: 100%;

        margin-top: 0.55rem; }

        #footer-news .news-content .news-ul li {

          width: 100%;

          margin-bottom: 0.3rem; }

          #footer-news .news-content .news-ul li .news-title {

            display: none; }

  .partners-links {

    padding: 0.8rem 0;

    width: 100%;

    margin-bottom: 0.4rem; }

    .partners-links .partners-links-h {

      font-size: 0.38rem; }

    .partners-links .partners-links-lists li a {

      font-size: 1.2rem; }

    .partners-links .partners-links-content {

      width: 95%; }

      .partners-links .partners-links-content .partners-h {

        font-size: 0.38rem; }

      .partners-links .partners-links-content .partners-container {

        width: 100%; }

        .partners-links .partners-links-content .partners-container .partners-wrapper .partners-slide {

          display: inline-block;

          margin-bottom: 0.5rem;

          width: 45%; }

      .partners-links .partners-links-content .forward, .partners-links .partners-links-content .back {

        display: none; }

  #footer-news .news-content {

    width: 95% !important; }

  #footer-news .news-new {

    width: 100%; }

    #footer-news .news-new .news-text {

      width: 100%;

      margin-top: 15px; }

    #footer-news .news-new .news-img {

      width: 100%;

      margin: 0 auto; }

      #footer-news .news-new .news-img img {

        width: 100%;

        height: 100%; }

  #modal {

    position: fixed;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    z-index: 99999; }

  #modal .mask {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background-color: #000;

    opacity: .3; }

  * {

    padding: 0px;

    margin: 0px;

    -webkit-box-sizing: border-box;

       -moz-box-sizing: border-box;

            box-sizing: border-box; }

  div#maxleap_mask {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

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

    background-image: url("../images/website/ic_share_arrows.png");

    background-repeat: no-repeat;

    background-position: 90% 2%;

    z-index: 99999999; }

  div#maxleap_mask > div.tips {

    position: absolute;

    font-size: 30px;

    color: #ffffff;

    left: 50%;

    top: 24%;

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

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

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

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

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

  div.maxleap_top_tips, div.maxleap_bottom_tips {

    margin-bottom: 0px;

    white-space: nowrap;

    font-size: 18px;

    text-align: center; } }



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

  .news-link {

    margin-left: 10px !important; }

  .news-ul li:before {

    margin-left: 0 !important; }

  #video-modal {

    position: fixed;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    width: 100%;

    z-index: 999999;

    display: none; }

    #video-modal .video-mask {

      position: absolute;

      top: 0;

      bottom: 0;

      left: 0;

      right: 0;

      background-color: #000;

      opacity: .9; }

    #video-modal .video-content {

      position: absolute;

      z-index: 99999;

      width: 100%;

      top: 0;

      bottom: 0;

      left: 0;

      right: 0;

      margin: auto; }

    #video-modal .video-close {

      position: absolute;

      z-index: 99999999;

      right: 5%;

      top: 2%;

      color: #fff;

      font-size: 30px;

      cursor: pointer; }

      #video-modal .video-close:hover {

        cursor: pointer; }

  .video-icon {

    background-image: url(../images/dingzhi/shipin_icon@2x.png) !important;

    background-repeat: no-repeat !important;

    width: 60px;

    height: 60px;

    -moz-background-size: 35px 35px !important;

      -o-background-size: 35px 35px !important;

         background-size: 35px 35px !important;

    background-position: 7px !important; } }