body {
  min-height: 100vh; }

.page-index {
  -webkit-box-shadow: #333333 0 0 0.25rem -0.125rem;
          box-shadow: #333333 0 0 0.25rem -0.125rem;
  position: relative;
  font-size: 0.25rem; }
  .page-index .nav {
    height: 1.125rem;
    background-color: #f4f7fd;
    background-image: url("./../../images/nav/bg.png");
    background-size: 3.1875rem 1.15rem;
    background-position: right;
    background-repeat: no-repeat;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
    .page-index .nav .logo, .page-index .nav .tel {
      -webkit-flex: 1;
         -moz-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 1.125rem; }
      .page-index .nav .logo h1, .page-index .nav .tel h1 {
        width: 0;
        height: 0;
        opacity: 0; }
    .page-index .nav .logo img {
      width: 1.6875rem;
      height: auto; }
    .page-index .nav .tel {
      font-size: 0.25rem;
      font-family: AlibabaPuHuiTi;
      font-weight: 500;
      color: #323C55; }
      .page-index .nav .tel i {
        display: inline-block;
        background-image: url("./../../images/nav/icon-phone.png");
        background-size: 100%;
        width: 0.2625rem;
        height: 0.2625rem;
        margin-right: 0.1125rem; }
  .page-index .header {
    background-image: url("./../../images/common/header-bg.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    border-top: #FFAA1D solid 0.0625rem;
    width: 100%;
    height: 4.8rem;
    position: relative;
    padding-top: 1.6875rem; }
    .page-index .header h2 {
      text-align: center;
      font-size: 0.5375rem;
      font-family: AlibabaPuHuiTi;
      font-weight: bold;
      color: #fff; }
  .page-index .container {
    padding: 0 0.625rem;
    background: #fff; }
    .page-index .container.pt {
      padding-top: 1.525rem; }
    .page-index .container.gradient {
      background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
      background: -webkit-linear-gradient(#fff, #f0f0f0);
      background: linear-gradient(#fff, #f0f0f0); }
    .page-index .container.with-bg {
      background-image: url("./../../images/partner/bg-full.png");
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: bottom; }
    .page-index .container.transparent {
      background-color: transparent; }
    .page-index .container .separator {
      margin: 0 auto;
      width: 76%;
      height: 0.0125rem;
      border: 0.0125rem solid #BCBCBC; }
  .page-index .general-section {
    margin: 0 auto;
    max-width: 8.75rem;
    padding: 0.625rem 0; }
    .page-index .general-section .title-box {
      text-align: center;
      padding-bottom: 0.375rem; }
      .page-index .general-section .title-box small {
        display: inline-block;
        font-size: 0.225rem;
        font-family: AlibabaPuHuiTi;
        font-weight: bold;
        color: #FFAA1D;
        line-height: 0.225rem;
        margin-bottom: 0.1875rem; }
      .page-index .general-section .title-box h2 {
        font-size: 0.5375rem;
        font-family: AlibabaPuHuiTi;
        font-weight: bold;
        color: #323C55;
        line-height: 0.5375rem; }
  .page-index .carousel {
    position: relative;
    margin-top: 1.25rem; }
    .page-index .carousel:first-child {
      margin-top: 0; }
    .page-index .carousel .shadow {
      position: absolute;
      top: 3.3375rem;
      left: 0;
      width: 100%;
      height: 0.125rem;
      -webkit-box-shadow: #333333 inset 0 -0.225rem 0.125rem -0.25rem;
              box-shadow: #333333 inset 0 -0.225rem 0.125rem -0.25rem;
      z-index: 10; }
    .page-index .carousel .display-area {
      -webkit-transition: height .3s ease;
      transition: height .3s ease;
      width: 100%;
      height: 3.4625rem;
      position: relative;
      left: 0;
      overflow: hidden;
      background-color: #eee;
      z-index: 1;
      border-radius: 0.125rem 0.125rem 0;
      -webkit-perspective: 100vw;
              perspective: 100vw; }
      .page-index .carousel .display-area .carousel-card {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
           -moz-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        position: absolute;
        background-color: #fff;
        z-index: 1;
        visibility: hidden;
        padding: 0.125rem 0.25rem;
        top: -0.125rem;
        left: -0.25rem;
        border-radius: 0.25rem;
        height: 3.7125rem;
        width: calc(100% + 0.5rem);
        -webkit-transform-origin: bottom;
                transform-origin: bottom; }
        .page-index .carousel .display-area .carousel-card img {
          height: 3.4625rem;
          width: auto; }
        .page-index .carousel .display-area .carousel-card .desc .theme-color {
          color: #FFAA1D; }
        .page-index .carousel .display-area .carousel-card .desc .title {
          font-size: 0.2875rem;
          font-family: AlibabaPuHuiTi;
          font-weight: 800;
          color: #FFAA1D;
          line-height: 0.2875rem; }
        .page-index .carousel .display-area .carousel-card .desc .text {
          margin-top: 0.3625rem;
          font-size: 0.1625rem;
          font-family: AlibabaPuHuiTi;
          font-weight: 400;
          color: #323C55;
          line-height: 0.275rem; }
        .page-index .carousel .display-area .carousel-card .pl {
          padding-left: 0.6875rem; }
        .page-index .carousel .display-area .carousel-card .pr {
          padding-right: 0.6875rem; }
        .page-index .carousel .display-area .carousel-card.show {
          visibility: visible; }
        .page-index .carousel .display-area .carousel-card.in {
          -webkit-transition: -webkit-transform .5s ease .1s;
          transition: -webkit-transform .5s ease .1s;
          transition: transform .5s ease .1s;
          transition: transform .5s ease .1s, -webkit-transform .5s ease .1s;
          z-index: 2; }
        .page-index .carousel .display-area .carousel-card.in-before {
          -webkit-transform: translateX(100%);
                  transform: translateX(100%); }
        .page-index .carousel .display-area .carousel-card.out {
          -webkit-transition: -webkit-transform .3s ease;
          transition: -webkit-transform .3s ease;
          transition: transform .3s ease;
          transition: transform .3s ease, -webkit-transform .3s ease;
          z-index: 0; }
        .page-index .carousel .display-area .carousel-card.out-after {
          -webkit-transform: scale(0.8) translateY(-10%) rotateX(10deg);
                  transform: scale(0.8) translateY(-10%) rotateX(10deg); }
    .page-index .carousel .selector {
      width: 100%;
      position: relative;
      left: 0.0125rem; }
      .page-index .carousel .selector .control {
        background-image: url("./../../images/case/btn-switch.png");
        background-size: 100%;
        background-color: transparent;
        background-repeat: no-repeat;
        width: 0.3125rem;
        height: 0.3125rem;
        position: absolute;
        top: 50%;
        border: none;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        visibility: hidden; }
        .page-index .carousel .selector .control.show {
          visibility: visible; }
        .page-index .carousel .selector .control.left {
          left: -0.15rem;
          -webkit-transform: translateY(-50%) rotateY(180deg);
                  transform: translateY(-50%) rotateY(180deg); }
        .page-index .carousel .selector .control.right {
          right: -0.15rem; }
      .page-index .carousel .selector .select-area {
        width: 100%;
        overflow: hidden; }
        .page-index .carousel .selector .select-area .select-box {
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-transition: -webkit-transform .3s ease;
          transition: -webkit-transform .3s ease;
          transition: transform .3s ease;
          transition: transform .3s ease, -webkit-transform .3s ease; }
          .page-index .carousel .selector .select-area .select-box li {
            padding-bottom: 0.075rem;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            width: 33.333%;
            height: 1.0875rem;
            border-bottom: #BABABA solid 0.0125rem;
            position: relative;
            -webkit-justify-content: center;
               -moz-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-align-items: center;
               -moz-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            text-align: center;
            font-size: 0.2rem;
            color: #323C55; }
            .page-index .carousel .selector .select-area .select-box li:after {
              content: "";
              position: absolute;
              right: -0.0125rem;
              top: 0.25rem;
              width: 0.0125rem;
              height: 0.5rem;
              background: #969696; }
            .page-index .carousel .selector .select-area .select-box li:last-child:after {
              display: none; }
            .page-index .carousel .selector .select-area .select-box li.active {
              border-bottom: #FFAA1D solid 0.0875rem;
              color: #FFAA1D;
              padding-bottom: 0; }
            .page-index .carousel .selector .select-area .select-box li .big {
              font-size: 0.2875rem;
              line-height: 0.2875rem; }
            .page-index .carousel .selector .select-area .select-box li .small {
              font-size: 0.1625rem;
              line-height: 0.225rem; }
            .page-index .carousel .selector .select-area .select-box li .middle {
              font-size: 0.2375rem;
              line-height: 0.2375rem; }
  .page-index .company-profile {
    background-image: url("./../../images/common/profile-bg.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 8.7625rem;
    height: 2.3625rem;
    position: absolute;
    top: 5.0875rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0.25rem;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .page-index .company-profile .title {
      text-align: center;
      padding-right: 0.25rem; }
      .page-index .company-profile .title small {
        display: inline-block;
        font-size: 0.175rem;
        font-family: AlibabaPuHuiTi;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 0.175rem;
        margin-bottom: 0.225rem; }
      .page-index .company-profile .title h2 {
        width: 4em;
        font-size: 0.5375rem;
        font-family: AlibabaPuHuiTi;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 0.5375rem;
        padding-bottom: 0.125rem; }
    .page-index .company-profile .intro h3 {
      font-size: 0.1875rem;
      font-family: AlibabaPuHuiTi;
      font-weight: 500;
      color: #FFFFFF;
      line-height: 0.1875rem;
      margin-bottom: 0.125rem; }
    .page-index .company-profile .intro p {
      font-size: 0.15rem;
      font-family: AlibabaPuHuiTi;
      font-weight: 400;
      color: #323C55;
      line-height: 0.275rem;
      text-align: justify; }
  .page-index .product-solution-main {
    background-image: url("./../../images/solutions/bg.png");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 8.725rem;
    height: 3.1rem;
    margin: auto;
    position: relative; }
    .page-index .product-solution-main li {
      position: absolute;
      display: block;
      white-space: nowrap;
      font-size: 0.25rem;
      font-family: AlibabaPuHuiTi;
      font-weight: bold;
      color: #323C55;
      line-height: 0.4625rem; }
      .page-index .product-solution-main li:nth-child(2n-1) {
        color: #F39800; }
    .page-index .product-solution-main .top {
      top: 0.25rem; }
    .page-index .product-solution-main .bottom {
      top: 2.375rem; }
    .page-index .product-solution-main .left {
      right: 5.5rem; }
    .page-index .product-solution-main .right {
      left: 5.5rem; }
  .page-index .scene-system-main .row {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .page-index .scene-system-main .row:first-child {
      margin-bottom: 0.25rem; }
    .page-index .scene-system-main .row .card {
      text-align: center; }
      .page-index .scene-system-main .row .card .icon {
        width: 1.1rem;
        height: 1.0875rem; }
      .page-index .scene-system-main .row .card .text {
        font-size: 0.2125rem;
        font-family: AlibabaPuHuiTi;
        font-weight: 500;
        color: #323C55;
        line-height: 0.4625rem;
        display: block; }
  .page-index .partner-section {
    margin-top: 0.625rem; }
    .page-index .partner-section .main-box {
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-flex-basis: 25%;
          -ms-flex-preferred-size: 25%;
              flex-basis: 25%;
      -webkit-justify-content: space-between;
         -moz-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .page-index .partner-section .main-box .img-icon {
        width: 20%;
        height: 1rem;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .page-index .partner-section .main-box .img-icon img {
          display: block;
          width: -webkit-fit-content;
          width: -moz-fit-content;
          width: fit-content;
          max-width: 80%;
          height: auto;
          -webkit-box-shadow: #333333 0 0 0.25rem -0.1rem;
                  box-shadow: #333333 0 0 0.25rem -0.1rem; }
  .page-index .strength-section {
    margin-top: 0.625rem; }
    .page-index .strength-section .main-box {
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-flex-basis: 25%;
          -ms-flex-preferred-size: 25%;
              flex-basis: 25%;
      -webkit-justify-content: space-between;
         -moz-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .page-index .strength-section .main-box .img-icon {
        width: 33%;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-bottom: 0.125rem; }
        .page-index .strength-section .main-box .img-icon img {
          display: block;
          width: -webkit-fit-content;
          width: -moz-fit-content;
          width: fit-content;
          max-width: 90%;
          height: auto;
          -webkit-box-shadow: #333333 0 0 0.25rem -0.1rem;
                  box-shadow: #333333 0 0 0.25rem -0.1rem; }
  .page-index .page-footer {
    background-image: url("./../../images/footer/footer-bg.png");
    background-size: 100%;
    width: 100%;
    min-height: 3.575rem;
    padding-top: 0.375rem; }
    .page-index .page-footer .container .contact {
      max-width: 8.75rem;
      margin: 0 auto;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: flex-end;
         -moz-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-justify-content: space-between;
         -moz-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .page-index .page-footer .container .contact .address .title {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: flex-start;
           -moz-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-align-items: flex-end;
           -moz-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        margin-bottom: 0.4125rem; }
        .page-index .page-footer .container .contact .address .title .icon {
          display: inline-block;
          background-image: url("./../../images/footer/icon-location.png");
          background-size: 100%;
          background-repeat: no-repeat;
          background-position: bottom;
          width: 0.4rem;
          height: 0.4rem; }
        .page-index .page-footer .container .contact .address .title h2 {
          display: inline-block;
          font-size: 0.35rem;
          font-family: AlibabaPuHuiTi;
          font-weight: bold;
          color: #323C55;
          line-height: 0.35rem;
          margin: 0 0.1875rem 0 0.125rem; }
        .page-index .page-footer .container .contact .address .title small {
          display: inline-block;
          font-size: 0.225rem;
          font-family: AlibabaPuHuiTi;
          font-weight: bold;
          color: #F7F0E6;
          line-height: 0.225rem; }
      .page-index .page-footer .container .contact .address .details {
        font-size: 0.175rem;
        font-family: Alibaba PuHuiTi;
        font-weight: 400;
        color: #323C55;
        line-height: 0.35rem; }
      .page-index .page-footer .container .contact .qr-code {
        text-align: center; }
        .page-index .page-footer .container .contact .qr-code img {
          width: 1.3625rem;
          height: 1.3625rem; }
        .page-index .page-footer .container .contact .qr-code p {
          margin-top: 0.125rem;
          font-size: 0.1625rem;
          font-family: AlibabaPuHuiTi;
          font-weight: 400;
          color: #323C55;
          line-height: 0.2125rem;
          padding-bottom: 0.0875rem; }
    .page-index .page-footer .container .sign {
      max-width: 8.75rem;
      margin: 0.2875rem auto 0 auto;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
         -moz-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-top: 0.0125rem solid #FFFFFF; }
      .page-index .page-footer .container .sign img {
        width: 1.2rem; }
      .page-index .page-footer .container .sign p {
        padding: 0.175rem 0;
        text-align: center;
        float: right;
        font-size: 0.15rem;
        font-family: AlibabaPuHuiTi;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 0.2875rem; }
        .page-index .page-footer .container .sign p a {
          color: #FFFFFF; }
      .page-index .page-footer .container .sign .gn-logo {
        margin-right: 0.025rem;
        width: 0.2rem;
        height: 0.2rem;
        display: inline-block;
        vertical-align: -0.05rem; }