#app {
  width: 100%;
  max-width: 1920px;
  position: relative;
  overflow-x: hidden;
  margin: 0 auto; }
  #app .top {
    position: absolute;
    bottom: 48px;
    right: 60px;
    cursor: pointer; }
  #app .drop-down {
    position: absolute;
    left: 50%;
    bottom: 48px;
    transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    cursor: pointer; }
    #app .drop-down img {
      width: 40px;
      height: 20px; }
  #app .show-list1 {
    width: 100%;
    overflow-x: hidden;
    height: 980px;
    position: relative;
    background: url(index-back1.png) no-repeat top center;
    background-size: 1920px 980px;
    -moz-background-size: 1920px 980px;
    -webkit-background-size: 1920px 980px;
    text-align: center; }
    #app .show-list1 .appOther {
      width: 1280px;
      height: 78%;
      margin: 0 auto;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      display: table; }
      #app .show-list1 .appOther .both {
        width: 100%;
        display: table-cell;
        vertical-align: middle; }
        #app .show-list1 .appOther .both .app-title p {
          font-size: 60px;
          color: #ffffff; }
          #app .show-list1 .appOther .both .app-title p span {
            color: #09bed1; }
        #app .show-list1 .appOther .both .app-list {
          margin-top: 30px; }
          #app .show-list1 .appOther .both .app-list .app-list-item {
            background-color: #000000;
            border-radius: 20px;
            display: inline-block;
            text-align: center;
            box-sizing: border-box;
            cursor: pointer; }
            #app .show-list1 .appOther .both .app-list .app-list-item .list-iphone {
              height: 36px;
              text-align: center;
              margin: 10px 20px 20px; }
              #app .show-list1 .appOther .both .app-list .app-list-item .list-iphone .app-logo {
                float: left;
                margin-top: 5px; }
                #app .show-list1 .appOther .both .app-list .app-list-item .list-iphone .app-logo img {
                  width: 29px;
                  height: 36px; }
              #app .show-list1 .appOther .both .app-list .app-list-item .list-iphone .app-style {
                float: left;
                margin: 0 auto; }
                #app .show-list1 .appOther .both .app-list .app-list-item .list-iphone .app-style p {
                  font-size: 12px;
                  color: #cccccc;
                  text-align: left;
                  margin-left: 10px; }
                #app .show-list1 .appOther .both .app-list .app-list-item .list-iphone .app-style p:nth-child(2) {
                  font-size: 18px;
                  color: #FFFFFF;
                  font-weight: bold; }
            #app .show-list1 .appOther .both .app-list .app-list-item .list-Android {
              height: 36px;
              text-align: center;
              margin: 10px 14px 20px; }
              #app .show-list1 .appOther .both .app-list .app-list-item .list-Android .app-logo {
                float: left;
                margin-top: 5px; }
                #app .show-list1 .appOther .both .app-list .app-list-item .list-Android .app-logo img {
                  width: 30px;
                  height: 36px; }
              #app .show-list1 .appOther .both .app-list .app-list-item .list-Android .app-style {
                float: left;
                margin: 0 auto; }
                #app .show-list1 .appOther .both .app-list .app-list-item .list-Android .app-style p {
                  font-size: 12px;
                  color: #cccccc;
                  text-align: left;
                  margin-left: 10px; }
                #app .show-list1 .appOther .both .app-list .app-list-item .list-Android .app-style p:nth-child(2) {
                  font-size: 18px;
                  color: #FFFFFF;
                  font-weight: bold; }
          #app .show-list1 .appOther .both .app-list .app-list-item + .app-list-item {
            margin-left: 20px; }
  #app .product {
    width: 100%;
    height: 980px;
    background: url(index-back2.png) no-repeat top center;
    background-size: 1920px 980px;
    -moz-background-size: 1920px 980px;
    -webkit-background-size: 1920px 980px;
    text-align: center;
    position: relative; }
    #app .product .product-center {
      width: 1280px;
      position: relative;
      margin: 0 auto; }
      #app .product .product-center .product-img {
        width: 480px;
        height: 510px;
        position: absolute;
        top: 264px;
        left: -208px;
        transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg); }
        #app .product .product-center .product-img img {
          width: 633px;
          height: 700px; }
      #app .product .product-center .product-function {
        position: absolute;
        top: 180px;
        right: 0px;
        color: #ffffff; }
        #app .product .product-center .product-function p {
          font-size: 48px;
          margin-bottom: 64px; }
        #app .product .product-center .product-function .list {
          display: flex;
          display: -moz-flex;
          align-items: center; }
          #app .product .product-center .product-function .list img {
            margin-right: 30px; }
          #app .product .product-center .product-function .list img:nth-child(1) {
            width: 67px;
            height: 68px; }
          #app .product .product-center .product-function .list img:nth-child(2) {
            width: 52px;
            height: 67px; }
          #app .product .product-center .product-function .list img:nth-child(3) {
            width: 68px;
            height: 62px; }
          #app .product .product-center .product-function .list img:nth-child(4) {
            width: 68px;
            height: 59px; }
          #app .product .product-center .product-function .list img:nth-child(5) {
            width: 72px;
            height: 72px; }
          #app .product .product-center .product-function .list span {
            font-size: 28px; }
        #app .product .product-center .product-function .list + .list {
          margin-top: 30px; }
  #app .join {
    width: 100%;
    height: 980px;
    position: relative;
    background: url(index-back3.png) no-repeat top center;
    background-size: 1920px 980px;
    -moz-background-size: 1920px 980px;
    -webkit-background-size: 1920px 980px;
    text-align: center; }
    #app .join .case {
      width: 1280px;
      height: 100%;
      text-align: center;
      padding: 80px 0;
      position: relative;
      color: #ffffff;
      margin: 0 auto; }
      #app .join .case p {
        font-size: 48px;
        margin-bottom: 29px; }
      #app .join .case .more {
        cursor: pointer; }
        #app .join .case .more a img {
          width: 14px;
          height: 28px;
          border: 0px;
          vertical-align: text-bottom; }
        #app .join .case .more a span {
          font-size: 22px;
          margin-right: 20px;
          color: #FFFFFF; }
      #app .join .case ul {
        margin-top: 78px; }
        #app .join .case ul li {
          float: left;
          width: 400px;
          text-align: center; }
          #app .join .case ul li img {
            width: 400px; }
          #app .join .case ul li p {
            font-size: 24px;
            color: #ffffff;
            margin: 0; }
          #app .join .case ul li p:last-child {
            font-size: 20px;
            color: #cccccc;
            line-height: 30px;
            text-align: left;
            box-sizing: border-box;
            padding: 0 23px 0 17px; }
        #app .join .case ul li + li {
          margin-left: 40px; }
  #app .contact {
    width: 100%;
    position: relative;
    text-align: center;
    background-color: #FFFFFF; }
    #app .contact .contact-title {
      width: 100%;
      height: 450px;
      background: url("index-back4.png") no-repeat top center;
      background-size: 1920px 450px;
      -moz-background-size: 1920px 450px;
      -webkit-background-size: 1920px 450px;
      text-align: center;
      padding: 124px; }
      #app .contact .contact-title p {
        font-size: 48px;
        color: #ffffff; }
    #app .contact .contact-all {
      background: url("index-back5.png") no-repeat top center;
      background-size: 1920px 1000px;
      -moz-background-size: 1920px 1000px;
      text-align: center; }
      #app .contact .contact-all .all-list {
        width: 100%;
        background-color: #FFFFFF; }
        #app .contact .contact-all .all-list .contact-way {
          width: 1280px;
          height: 500px;
          margin: 0 auto;
          /*padding: 130px;*/
          display: flex;
          align-items: center;
          justify-content: space-around; }
          #app .contact .contact-all .all-list .contact-way li {
            float: left;
            margin: 0 auto; }
            #app .contact .contact-all .all-list .contact-way li img {
              width: 128px;
              height: 128px;
              margin-bottom: 50px; }
            #app .contact .contact-all .all-list .contact-way li p {
              font-size: 24px;
              color: #999999; }
            #app .contact .contact-all .all-list .contact-way li p:last-child {
              margin-top: 20px;
              font-size: 24px;
              color: #333333; }
            #app .contact .contact-all .all-list .contact-way li p.active {
              color: #09bed1; }
          #app .contact .contact-all .all-list .contact-way li + li {
            margin-left: 250px; }
      #app .contact .contact-all .follow {
        width: 100%;
        height: 500px;
        text-align: center; }
        #app .contact .contact-all .follow p {
          padding: 30px 0px;
          font-size: 36px;
          color: #FFFFFF; }
        #app .contact .contact-all .follow img {
          width: 300px;
          height: 300px; }

/*# sourceMappingURL=index.css.map */