@-webkit-keyframes above-to-1 {
0% {
    -webkit-transform: translateY(40px);
            transform: translateY(40px);
}
100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
}
}
@keyframes above-to-1 {
0% {
    -webkit-transform: translateY(40px);
            transform: translateY(40px);
}
100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
}
}

#saas-home-swiper[data-v-5df124a3] {
  position: relative;
  width: 90%;
  margin: 0 auto;
}
#saas-home-swiper .swiper-slide[data-v-5df124a3] {
  width: 32vw;
  text-align: center;
}
#saas-home-swiper .swiper-slide img[data-v-5df124a3] {
  margin: 0 auto;
  width: 100%;
}
.saas-home[data-v-5df124a3] {
  background: -webkit-gradient(linear, left top, left bottom, from(#e4edf6), to(#e8f6f6));
  background: linear-gradient(180deg, #e4edf6, #e8f6f6);
}
.saas-home .content[data-v-5df124a3] {
  margin-top: 15.22vh;
  position: relative;
}
.saas-home .content .bg-image[data-v-5df124a3] {
  width: 100%;
  position: absolute;
  top: 30px;
}
.saas-home .content .text-area[data-v-5df124a3] {
  position: absolute;
  z-index: 9;
  width: 100%;
}
.saas-home .content .text-area .tag[data-v-5df124a3] {
  color: #0944bc;
  border: 1.8px solid #0944bc;
  border-radius: 18px 18px 18px 0px;
}
.saas-home .content .text-area .title[data-v-5df124a3] {
  font-weight: 700;
  letter-spacing: 6px;
}
.saas-home .content .text-area .desc[data-v-5df124a3] {
  color: #333333;
  width: 100%;
}
.saas-home .content .text-area .business-button[data-v-5df124a3] {
  background: #0944bc;
  color: #ffffff;
  border-radius: 4px;
}
.saas-home .content .text-area .business-button[data-v-5df124a3]:hover {
  background-color: #3a69c9;
}
.saas-home .content .image-area[data-v-5df124a3] {
  position: absolute;
  z-index: 99;
  width: 100%;
}

.title-block[data-v-164f93a4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.title-block .title-en[data-v-164f93a4] {
  font-weight: 700;
}
.title-block .title-cn[data-v-164f93a4] {
  font-weight: 500;
}
.title-block .dark-en[data-v-164f93a4] {
  color: #ffffff22;
}
.title-block .dark-cn[data-v-164f93a4] {
  color: #ffffff;
}
.title-block .light-en[data-v-164f93a4] {
  color: #33333312;
}
.title-block .light-cn[data-v-164f93a4] {
  color: #333333;
}


@-webkit-keyframes above-to {
0% {
    -webkit-transform: translateY(150px);
            transform: translateY(150px);
}
100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
}
}
@keyframes above-to {
0% {
    -webkit-transform: translateY(150px);
            transform: translateY(150px);
}
100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
}
}
@-webkit-keyframes zoomOut {
0% {
    opacity: 1;
}
100% {
    opacity: 1;
    /* transform: scale3d(0.8, 0.8, 0.8); */
}
}
@keyframes zoomOut {
0% {
    opacity: 1;
}
100% {
    opacity: 1;
    /* transform: scale3d(0.8, 0.8, 0.8); */
}
}
@-webkit-keyframes zoomIn {
0% {
    opacity: 1;
    /* transform: scale3d(0.8, 0.8, 0.8); */
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
}
100% {
    opacity: 1;
}
}
@keyframes zoomIn {
0% {
    opacity: 1;
    /* transform: scale3d(0.8, 0.8, 0.8); */
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
}
100% {
    opacity: 1;
}
}

.saas-product[data-v-6eabbd47] {
  background-color: #e6ecf8;
  background-image: url(../img/product-background-image.00bde0ab.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.saas-product .columnNew[data-v-6eabbd47] {
  width: 50%;
  margin: 0 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.saas-product .columnNew .clickableNew[data-v-6eabbd47] {
  width: 19%;
  margin: 0 2%;
}
.saas-product .screen-size[data-v-6eabbd47] {
  width: 81vw;
  margin: auto;
}
.saas-product .pro-content[data-v-6eabbd47] {
  margin: auto;
  height: calc(100vh - 160px);
}
.saas-product .pro-content .products[data-v-6eabbd47] {
  background-repeat: no-repeat;
  background-size: 68%;
  background-position: center;
}
.saas-product .pro-content .products .intros[data-v-6eabbd47] {
  height: 18.88vh;
  background-color: #ffffff;
}
.saas-product .pro-content .products .intros .icon-arrow-right[data-v-6eabbd47] {
  font-size: 12px;
  margin-left: 30px;
  margin-right: 14px;
}
.saas-product .pro-content .products .intros-unselected[data-v-6eabbd47] {
  background-color: #ffffff;
}
.saas-product .pro-content .products .intros-unselected .icon-arrow-right[data-v-6eabbd47] {
  color: #0944bc;
}
.saas-product .pro-content .products .intros-unselected span[data-v-6eabbd47] {
  color: #333333;
}
.saas-product .pro-content .products .intros-selected[data-v-6eabbd47] {
  background-color: #0944bc;
}
.saas-product .pro-content .products .intros-selected .icon-arrow-right[data-v-6eabbd47] {
  color: #ffffff;
}
.saas-product .pro-content .products .intros-selected span[data-v-6eabbd47] {
  color: #ffffff;
}
.saas-product .pro-content .area[data-v-6eabbd47] {
  position: absolute;
  z-index: 85;
  margin-top: 158px;
  padding: 0 260px;
}


@-webkit-keyframes run {
to {
    -webkit-transform: translateX(-2244px);
            transform: translateX(-2244px);
}
}
@keyframes run {
to {
    -webkit-transform: translateX(-2244px);
            transform: translateX(-2244px);
}
}

.saas-case[data-v-5e59259e] {
  position: relative;
  background-color: transparent;
  width: 100%;
  height: 100%;
}
.saas-case .screen-size[data-v-5e59259e] {
  width: 81vw;
  margin: auto;
}
.saas-case .background[data-v-5e59259e] {
  position: absolute;
  z-index: -1;
  right: 0;
}
.saas-case .background .image[data-v-5e59259e] {
  z-index: 80;
}
.saas-case .pro-content[data-v-5e59259e] {
  margin: auto;
  height: calc(100vh - 160px);
}
.saas-case .pro-content .products[data-v-5e59259e] {
  position: relative;
}
.saas-case .pro-content .products .content[data-v-5e59259e] {
  position: absolute;
  z-index: 85;
  overflow: hidden;
  background: #ffffff;
  padding: 50px;
  width: 100%;
  border-radius: 5px;
}
.saas-case .pro-content .products .content .card[data-v-5e59259e] {
  -webkit-animation: run 50s linear infinite;
          animation: run 50s linear infinite;
}


@-webkit-keyframes scale {
0% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
}
100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
}
}
@keyframes scale {
0% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
}
100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
}
}
@-webkit-keyframes above-two {
0% {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
}
100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
}
}
@keyframes above-two {
0% {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
}
100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
}
}

.saas-about[data-v-4a1ecd17] {
  position: relative;
  background-color: #ffffff;
}
.saas-about .screen-size[data-v-4a1ecd17] {
  width: 81vw;
  margin: auto;
}
.saas-about .pro-content[data-v-4a1ecd17] {
  margin: auto;
  height: calc(100vh - 160px);
}


@-webkit-keyframes ball {
0% {
    top: 0px;
}
50% {
    top: 8%;
}
100% {
    top: 0px;
}
}
@keyframes ball {
0% {
    top: 0px;
}
50% {
    top: 8%;
}
100% {
    top: 0px;
}
}
@-webkit-keyframes ball-2 {
0% {
    top: 0px;
}
50% {
    top: 100px;
}
100% {
    top: 0px;
}
}
@keyframes ball-2 {
0% {
    top: 0px;
}
50% {
    top: 100px;
}
100% {
    top: 0px;
}
}
@-webkit-keyframes text {
0% {
    -webkit-transform: scale(100px);
            transform: scale(100px);
}
100% {
    -webkit-transform: scale(0px);
            transform: scale(0px);
}
}
@keyframes text {
0% {
    -webkit-transform: scale(100px);
            transform: scale(100px);
}
100% {
    -webkit-transform: scale(0px);
            transform: scale(0px);
}
}
/* @keyframes slide-right-to-left {
    0% {
      transform: translateX(200px);
    }
    100% {
      transform: translate(0px);
    }
  }
  
  @keyframes slide-bottom-to-top {
    0% {
      transform: translateY(900px);
    }
    100% {
      transform: translateY(0px);
    }
  } */

.saas-next[data-v-2aad158e] {
  background-color: #e6ecf8;
  background-image: url(../img/bgm.9a3dd175.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}
.saas-next .screen-size[data-v-2aad158e] {
  width: 81vw;
  margin: auto;
}
.saas-next .next-content[data-v-2aad158e] {
  margin: auto;
  height: calc(100vh - 160px);
}
.saas-next .next-content .conter[data-v-2aad158e] {
  min-width: 1000px;
  height: 100%;
  background-image: url(../img/bgd.308dbc7b.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: bottom;
  position: relative;
  top: -100px;
}
.saas-next .next-content .conter .main[data-v-2aad158e] {
  min-width: 1000px;
  height: 100%;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.saas-next .next-content .conter .main .dynamic-div[data-v-2aad158e] {
  height: 200px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.saas-next .next-content .conter .main .dynamic-div .dynamic[data-v-2aad158e] {
  text-align: center;
  -webkit-box-shadow: 0px 5px 8px 0px rgba(9, 68, 188, 0.13);
          box-shadow: 0px 5px 8px 0px rgba(9, 68, 188, 0.13);
  border-radius: 50%;
  border: 1px solid #d8e5ff;
  cursor: pointer;
  position: relative;
  -webkit-animation-name: ball;
          animation-name: ball;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.saas-next .next-content .conter .main .dynamic-div .dynamicActice[data-v-2aad158e] {
  color: #fff;
  background: #0944bc;
}
.saas-next .next-content .conter .main .dynamic-div .dynamicUnactice[data-v-2aad158e] {
  color: #0944bc;
  background: -webkit-gradient(linear, left bottom, left top, from(#f0f7ff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(0deg, #f0f7ff 0%, rgba(255, 255, 255, 0) 100%);
}
.saas-next .next-content .conter .main .dynamic-div .dynamic-shadow[data-v-2aad158e] {
  width: 193px;
  height: 45px;
  background-image: url(../img/bgs.aef23366.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: bottom;
  position: absolute;
  bottom: 0;
}
.saas-next .next-content .conter .logo-bg[data-v-2aad158e] {
  position: absolute;
  bottom: 19%;
  left: 56%;
  background-image: url(../img/logo.b14bdb77.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: bottom;
}
.saas-next .next-content .description[data-v-2aad158e] {
  position: absolute;
  height: auto;
  z-index: 85;
}
.saas-next .next-content .description .desc-text[data-v-2aad158e] {
  color: #ffffff;
}
.saas-next .next-content .description .desc-split[data-v-2aad158e] {
  background-color: #ffffff;
}
.saas-next .next-content .description .desc-icon .block-icon[data-v-2aad158e] {
  color: #ffffff;
}
.saas-next .next-content .products .text-area .introduce[data-v-2aad158e] {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-perspective: 200px;
          perspective: 200px;
}
.saas-next .next-content .products .text-area .introduce .cards[data-v-2aad158e] {
  background-color: #ffffff;
  width: 100%;
  -webkit-box-shadow: 0px 2px 30px 0px rgba(9, 68, 188, 0.3);
          box-shadow: 0px 2px 30px 0px rgba(9, 68, 188, 0.3);
  -webkit-transform: translateZ(0px);
          transform: translateZ(0px);
  -webkit-transition: -webkit-transform 0.3s linear;
  transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
}
.saas-next .next-content .products .text-area .introduce .cards .point-area[data-v-2aad158e] {
  width: 16px;
  height: 16px;
}
.saas-next .next-content .products .text-area .introduce .cards .point-area .point[data-v-2aad158e] {
  width: 16px;
  height: 16px;
  border-style: solid;
  border-color: #1443a4;
  border-radius: 8px;
}
.saas-next .next-content .products .text-area .introduce .cards .texts .title[data-v-2aad158e] {
  font-weight: 500;
}
.saas-next .next-content .products .text-area .introduce .cards .texts .contents[data-v-2aad158e] {
  color: #323333ff;
}
.saas-next .next-content .products .text-area .introduce .cards[data-v-2aad158e]:hover {
  -webkit-transform: translateZ(15px);
          transform: translateZ(15px);
  font-size: 18px;
}
.saas-next .content[data-v-2aad158e] {
  width: 100%;
  height: 600px;
  margin-top: 77px;
  position: relative;
}
.saas-next .content .background[data-v-2aad158e] {
  position: absolute;
  z-index: 80;
}

.dialog[data-v-53719557] {
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0%;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
}
.dialog .dialog-div[data-v-53719557] {
  width: 45%;
  margin: 8% auto 0 auto;
  padding: 14px;
  background: #ffffff;
  border-radius: 10px;
  background-image: url(../img/dialogBG.145a0def.png);
  background-repeat: no-repeat;
  background-size: 100% 50%;
  position: relative;
}
.dialog .dialog-div .dialogTop[data-v-53719557] {
  position: absolute;
  top: -8%;
  right: 7%;
}
.dialog .dialog-div .top .title[data-v-53719557] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.dialog .dialog-div .top .title img[data-v-53719557] {
  width: 60px;
  display: inline-block;
}
.dialog .dialog-div .top .title .el-icon-close[data-v-53719557] {
  cursor: pointer;
}
.dialog .dialog-div .top .name[data-v-53719557] {
  margin: 40px 0 0 30px;
  line-height: normal;
}
.dialog .dialog-div .top .name .name-big[data-v-53719557] {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 600;
}
.dialog .dialog-div .top .name .name-big span[data-v-53719557] {
  color: #0944bc;
}
.dialog .dialog-div .top .name .name-se[data-v-53719557] {
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #99a4bb;
}
.dialog .dialog-div .content[data-v-53719557] {
  margin: 20px 30px;
}
.dialog .dialog-div .content .form-item-div[data-v-53719557] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.dialog .dialog-div .content .form-item-div[data-v-53719557] .el-form-item {
  width: 48%;
}
.dialog .dialog-div .content .form-item-div[data-v-53719557] .el-form-item .el-form-item__label {
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #333333;
  opacity: 0.8;
}
.dialog .dialog-div .content .form-item-div[data-v-53719557] .el-form-item input {
  height: 32px;
}
.dialog .dialog-div .btn-div[data-v-53719557] {
  cursor: pointer;
  width: 90px;
  text-align: center;
  line-height: 30px;
  background: #0944bc;
  border-radius: 3px;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #ffffff;
  margin: 20px auto;
}


@-webkit-keyframes down {
0% {
    -webkit-transform: translate(0);
            transform: translate(0);
}
25% {
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
}
50% {
    -webkit-transform: translateY(6px);
            transform: translateY(6px);
}
75% {
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
}
100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
}
}
@keyframes down {
0% {
    -webkit-transform: translate(0);
            transform: translate(0);
}
25% {
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
}
50% {
    -webkit-transform: translateY(6px);
            transform: translateY(6px);
}
75% {
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
}
100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
}
}

.saas[data-v-059ae465] {
  overflow: hidden;
  position: relative;
  color: #333333;
  font-size: 16px;
}
.saas .down-fade-transform-enter-active[data-v-059ae465],
.saas .down-fade-transform-leave-active[data-v-059ae465],
.saas .up-fade-transform-enter-active[data-v-059ae465],
.saas .up-fade-transform-leave-active[data-v-059ae465] {
  -webkit-transition: all 0.7s, opacity 0.6s;
  transition: all 0.7s, opacity 0.6s;
}
.saas .down-fade-transform-enter[data-v-059ae465],
.saas .down-fade-transform-leave-active[data-v-059ae465],
.saas .up-fade-transform-enter[data-v-059ae465],
.saas .up-fade-transform-leave-active[data-v-059ae465] {
  opacity: 0.1;
}
.saas .down-fade-transform-enter[data-v-059ae465],
.saas .up-fade-transform-leave-active[data-v-059ae465] {
  -webkit-transform: translateY(90vh);
          transform: translateY(90vh);
}
.saas .down-fade-transform-leave-active[data-v-059ae465],
.saas .up-fade-transform-enter[data-v-059ae465] {
  -webkit-transform: translateY(-90vh);
          transform: translateY(-90vh);
}
.saas .header[data-v-059ae465] {
  position: absolute;
  top: 0;
  z-index: 99;
}
.saas .mouse[data-v-059ae465] {
  position: absolute;
  bottom: 0;
  z-index: 999;
}
.saas .indicator[data-v-059ae465] {
  position: absolute;
  z-index: 98;
  top: 0;
  height: 100%;
}
.saas .indicator .dot[data-v-059ae465] {
  width: 8px;
  height: 8px;
  border-radius: 10px;
  margin: 11px 0;
}
.saas .indicator .dot-selected[data-v-059ae465] {
  width: 18px;
  height: 4px;
  border-radius: 3px;
  margin: 11px 0;
}
.saas .indicator .darken-dot[data-v-059ae465] {
  background-color: #ffffff;
}
.saas .indicator .light-dot[data-v-059ae465] {
  background-color: #33333322;
}
.saas .indicator .darken-dot-selected[data-v-059ae465] {
  background-color: #ffffff;
}
.saas .indicator .light-dot-selected[data-v-059ae465] {
  background-color: #0944bc;
}
.saas .content[data-v-059ae465] {
  position: relative;
  top: 0;
  height: 100%;
  width: 100%;
}
.saas .content .page[data-v-059ae465] {
  position: absolute;
  height: 100vh;
  width: 100vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.saas .light-text[data-v-059ae465] {
  color: #333333;
}
.saas .dark-text[data-v-059ae465] {
  color: #ffffff;
}