/* pc */
@media (min-width: 1200px) {
  .maxhub-container {
    margin-top: 0;
    /* 去除滚动条 */
  }
  .footer,
  .copyright {
    display: none;
  }
  .pivot-mb {
    display: none;
  }
  .pivot-pc {
    display: block;
  }
  .pivot-pc .footer,
  .pivot-pc .copyright {
    display: block;
  }
  .pivot-pc .nav {
    position: fixed;
    z-index: 9;
    top: 50%;
    transform: translateY(-50%);
    right: 8.25rem;
    background-color: transparent;
  }
  .pivot-pc .nav-item {
    opacity: 0.5;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 0.375rem;
    margin: 0.75rem 0;
    width: 0.625rem;
    height: 1.25rem;
    cursor: pointer;
  }
  .pivot-pc .nav-item.on {
    background: #4965d6;
  }
  .pivot-pc .nav-item:nth-child(3).on,
  .pivot-pc .nav-item:nth-child(5).on,
  .pivot-pc .nav-item:nth-child(7).on {
    background: #ffffff;
  }
  .pivot-pc .text1 {
    font-family: KumbhSans-Bold;
    font-size: 3.25rem;
  }
  .pivot-pc .text2 {
    font-family: KumbhSans-Regular;
    font-size: 1.5rem;
    color: #585858;
    line-height: 2.25rem;
  }
  .pivot-pc .dms-box {
    transform: translateY(0);
    transition: transform 0.7s;
    will-change: transform;
  }
  .pivot-pc .h960 {
    height: 100vh;
    overflow: hidden;
  }
  .pivot-pc .slide {
    position: relative;
    overflow: hidden;
  }
  .pivot-pc .p1-text1 {
    font-family: KumbhSans-Bold;
    font-size: 3.25rem;
    color: #4965d6;
    margin: 8.88rem 0 1.5rem;
    line-height: 4.19rem;
    font-weight: 700;
  }
  .pivot-pc .slide {
    position: relative;
    overflow: hidden;
  }
  .pivot-pc .p1-box {
    position: relative;
    height: 60rem;
  }
  .pivot-pc .p1-box > .flex {
    margin: 2.5rem 0 0.75rem;
  }
  .pivot-pc .p1 {
    position: relative;
    justify-content: center;
    overflow: hidden;
  }
  .pivot-pc .p1 .text2 a {
    text-decoration: underline;
    -webkit-text-decoration-color: #999;
            text-decoration-color: #999;
    text-decoration-thickness: 1px;
  }
  .pivot-pc .p1 .text2 a:hover {
    color: #06b5ff;
    -webkit-text-decoration-color: #06b5ff;
            text-decoration-color: #06b5ff;
  }
  .pivot-pc .p1 .flex a {
    width: 11.625rem;
    height: 2.625rem;
    border-radius: 5rem;
    margin: 0 1.5rem;
    background: #4965d6;
    font-size: 1.125rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
  }
  .pivot-pc .p1 .flex a span {
    margin-bottom: 0.125rem;
  }
  .pivot-pc .p1 .flex a svg {
    margin-right: 0.5rem;
  }
  .pivot-pc .p1 .flex a:hover {
    opacity: 0.7;
  }
  .pivot-pc .p1 .text2 {
    width: 91.125rem;
    text-align: left;
    margin-bottom: 0.75rem;
  }
  .pivot-pc .p1 .bg {
    width: 42rem;
    margin: 2rem 0 0 8rem;
  }
  .pivot-pc .p1-img2 {
    width: 6.625rem;
    position: absolute;
    right: 27.25rem;
    bottom: 6.375rem;
    -webkit-animation-duration: 4s;
            animation-duration: 4s;
  }
  .pivot-pc .kffloat {
    -webkit-animation-name: float;
            animation-name: float;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
            animation-direction: alternate;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  @-webkit-keyframes float {
    0% {
      transform: translate(0, 0);
    }
    33% {
      transform: translate(0.5rem, 1rem);
    }
    66% {
      transform: translate(-0.5rem, 0rem);
    }
    100% {
      transform: translate(0, 0);
    }
  }
  @keyframes float {
    0% {
      transform: translate(0, 0);
    }
    33% {
      transform: translate(0.5rem, 1rem);
    }
    66% {
      transform: translate(-0.5rem, 0rem);
    }
    100% {
      transform: translate(0, 0);
    }
  }
  .pivot-pc .cloud {
    position: fixed;
    top: calc(30rem + (100vh - 60rem) / 2);
    left: 22.125rem;
    width: 14.625rem;
    z-index: 2;
    transition: all 0.7s;
    opacity: 0.45;
  }
  .pivot-pc .cloud.on2 {
    width: 23.875rem;
    top: 24.75rem;
    left: 47.875rem;
    opacity: 1;
  }
  .pivot-pc .cloud.off {
    display: none;
  }
  .pivot-pc footer.footer.off {
    display: none;
  }
  .pivot-pc .p2 {
    position: relative;
    background: #e6ecf0;
  }
  .pivot-pc .p2 .text1 {
    color: #4965d6;
    margin: 8.375rem 0 2.06rem;
    transition-delay: 0.5s;
    font-weight: 700;
    font-family: KumbhSans-Bold;
  }
  .pivot-pc .p2 .text2 {
    width: 64rem;
    text-align: center;
    transition-delay: 0.5s;
  }
  .pivot-pc .p2 .flex-between {
    flex-wrap: wrap;
    margin-top: 10rem;
  }
  .pivot-pc .p2-item:not(:nth-child(2)) {
    width: 35.56rem;
    height: 18.81rem;
    margin-bottom: 4.13rem;
    border-radius: 1rem;
    background-image: linear-gradient(137deg, #e8eff4 0%, #e6ecf0 100%);
    box-shadow: 3.375rem 2.875rem 2.875rem 0 rgba(218, 226, 231, 0.36), -2.3125rem -1.875rem 2.875rem 0 rgba(255, 255, 255, 0.57);
  }
  .pivot-pc .p2-item:not(:nth-child(2)) .p2-text2 {
    color: #cfdbeb;
  }
  .pivot-pc .p2-item:not(:nth-child(2)) img {
    width: 9.625rem;
    margin: 3.75rem 0 1.25rem;
    transition-delay: 0.5s;
  }
  .pivot-pc .p2-text2 {
    color: #4965d6;
    font-family: KumbhSans-Regular;
    font-size: 2rem;
    z-index: 2;
  }
  .pivot-pc .p2-item:nth-child(2) {
    width: 39.375rem;
    height: 26.25rem;
    position: relative;
    top: -4.75rem;
    border-radius: 1rem;
  }
  .pivot-pc .p2-item:nth-child(2) .p2-item1 img:nth-child(2) {
    width: 9.625rem;
    margin: 4.375rem 0 1.375rem;
    z-index: 2;
    transition-delay: 0.5s;
  }
  .pivot-pc .p2-item:nth-child(2) .p2-item1 img:nth-child(1) {
    width: 32.375rem;
    position: absolute;
    top: 0.2rem;
    left: 7.6rem;
    opacity: 0;
  }
  .pivot-pc .p2-item:nth-child(2) .p2-item1 img.show {
    opacity: 1;
    transition: opacity 0.2s;
  }
  .pivot-pc .t1 {
    transform: translateY(3rem);
    opacity: 0;
    transition-property: opacity, transform;
    transition-duration: 1s;
    transition-delay: 0.5s;
  }
  .pivot-pc .on .t1 {
    opacity: 1;
    transform: translateY(0);
  }
  .pivot-pc .p2-item1,
  .pivot-pc .p2-item2 {
    position: absolute;
    width: 39.375rem;
    height: 26.25rem;
    top: 0;
  }
  .pivot-pc .p2-item.on .p2-item1 {
    opacity: 0;
  }
  .pivot-pc .p2-item.on .p2-item2 {
    opacity: 1;
  }
  .pivot-pc .p2-item2 {
    opacity: 0;
    transition: opacity 0.6s;
    background-image: linear-gradient(137deg, #e8eff4 0%, #e6ecf0 100%);
    box-shadow: 10.1875rem 9rem 7.8125rem 0 rgba(181, 190, 197, 0.66), 4.1875rem 3.625rem 3.625rem 0 #dae2e7, -2.875rem -2.3125rem 3.625rem 0 rgba(255, 255, 255, 0.57);
    justify-content: center;
    border-radius: 1rem;
  }
  .pivot-pc .p2-item2 img {
    width: 37.625rem;
  }
  .pivot-pc .p3-box {
    height: 60rem;
    position: relative;
    padding: 19rem 0 0 15.125rem;
  }
  .pivot-pc .p3 {
    background: #4965d6;
    position: relative;
    color: white;
    justify-content: center;
  }
  .pivot-pc .p3 .text2 {
    color: white;
    width: 35.75rem;
    margin-top: 2rem;
  }
  .pivot-pc .p3 img {
    position: absolute;
  }
  .pivot-pc .p3 img:nth-child(3) {
    width: 39.5rem;
    top: 22.5rem;
    left: 57.125rem;
    transition-delay: 0.2s;
  }
  .pivot-pc .p3 img:nth-child(4) {
    width: 18.25rem;
    top: 17.5rem;
    left: 86.625rem;
    transition-delay: 0.4s;
  }
  .pivot-pc .p3 #v1,.pivot-pc .p3 #V1 {
    position: absolute;
    overflow: hidden;
    width: 25.75rem;
    height: 25.75rem;
    top: 25rem;
    left: 59.375rem;
    transition-delay: 0.2s;
  }
  .pivot-pc .p3 img:nth-child(5) {
    width: 9rem;
    top: 13.25rem;
    left: 50.875rem;
    -webkit-animation-duration: 3.8s;
            animation-duration: 3.8s;
    opacity: 0.8;
  }
  .pivot-pc .p3 img:nth-child(6) {
    width: 4.5rem;
    top: 48.875rem;
    left: 46.875rem;
    -webkit-animation-duration: 4.4s;
            animation-duration: 4.4s;
    opacity: 0.8;
  }
  .pivot-pc #v1,.pivot-pc #V1 {
    position: absolute;
    overflow: hidden;
    width: 25.75rem;
    height: 25.75rem;
    top: 25rem;
    left: 59.375rem;
  }
  .pivot-pc .p4 {
    justify-content: center;
    background: #e7ecf0;
  }
  .pivot-pc .p4 .text1 {
    color: #4965d6;
    margin: 6.375rem 0 1.5rem;
  }
  .pivot-pc .p4 .text2 {
    width: 56.375rem;
    text-align: center;
  }
  .pivot-pc .p4-box {
    position: relative;
    overflow: hidden;
    height: 60rem;
  }
  .pivot-pc .p4-box > .flex {
    margin: 2.5rem;
    transform: translateY(0);
    opacity: 1;
    transition: opacity 0.4s 0.4s, transform 0.4s 0.4s;
  }
  .pivot-pc .p4-box > .flex img {
    width: 5.25rem;
    height: 5.25rem;
    margin: 0 2rem;
  }
  .pivot-pc .p4-box .click {
    top: 47rem;
    left: 66rem;
    transition: opacity 0.2s 0.4s;
  }
  .pivot-pc .p4-box .bg1 {
    width: 37.75rem;
    opacity: 1;
    transition: opacity 0.4s 0.4s;
    box-shadow: -2.75rem -2.875rem 2.875rem 0 rgba(255, 255, 255, 0.77), 5.125rem 4.6875rem 3.25rem 0 rgba(180, 190, 197, 0.78), inset -0.125rem -0.125rem 0.1875rem 0 rgba(0, 0, 0, 0.36), inset 0.125rem 0.125rem 0.0625rem 0 rgba(255, 255, 255, 0.44);
    border-radius: 0.625rem;
  }
  .pivot-pc .click {
    width: 4.625rem;
    position: absolute;
  }
  @-webkit-keyframes click {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(0.8rem);
    }
    100% {
      transform: translateY(0);
    }
  }
  @keyframes click {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(0.8rem);
    }
    100% {
      transform: translateY(0);
    }
  }
  .pivot-pc .p4.on1 .click {
    -webkit-animation: click 0.2s 1 ease alternate;
            animation: click 0.2s 1 ease alternate;
    opacity: 0;
  }
  .pivot-pc .p4.on1 .bg1 {
    opacity: 0;
  }
  .pivot-pc .p4.on1 .p4-box > .flex {
    opacity: 0;
    transform: translateY(3rem);
  }
  .pivot-pc .p4.on1 .p4-item2 {
    transition: opacity 1s 0.6s;
    opacity: 1;
  }
  .pivot-pc .p4.on1 .p4-item2 .flex {
    opacity: 1;
    transform: translateY(0);
  }
  .pivot-pc .p4-item2 {
    opacity: 0;
    position: absolute;
    top: 22rem;
    height: 72.875rem;
    overflow: hidden;
  }
  .pivot-pc .p4-item2 > img {
    position: absolute;
  }
  .pivot-pc .p4-item2 > img:nth-child(1) {
    width: 149.5rem;
    bottom: 26rem;
    left: -24rem;
    -webkit-animation: bgmove 2.8s infinite ease alternate;
            animation: bgmove 2.8s infinite ease alternate;
    height: inherit;
    max-width: inherit;
  }
  .pivot-pc .p4-item2 > img:nth-child(2) {
    top: 0;
  }
  .pivot-pc .p4-item2 .flex {
    position: absolute;
    transform: translateY(3rem);
    opacity: 0;
    transition: transform 0.8s 0.8s, opacity 0.8s 0.8s;
    z-index: 4;
  }
  .pivot-pc .p4-item2 .flex img {
    width: 2rem;
    height: 2rem;
    margin: 0 0.5rem;
  }
  .pivot-pc .p4-item2 .flex:nth-child(3) {
    top: 10rem;
    left: 11rem;
  }
  .pivot-pc .p4-item2 .flex:nth-child(4) {
    top: 10rem;
    left: 42rem;
  }
  .pivot-pc .p4-item2 .flex:nth-child(5) {
    top: 10rem;
    left: 72rem;
  }
  .pivot-pc .p4-item2 .flex:nth-child(6) {
    top: 10rem;
    left: 104rem;
  }
  .pivot-pc .p4-item2 .flex:nth-child(7) {
    top: 27rem;
    left: -1rem;
  }
  .pivot-pc .p4-item2 .flex:nth-child(8) {
    top: 27rem;
    left: 29rem;
  }
  .pivot-pc .p4-item2 .flex:nth-child(9) {
    top: 27rem;
    left: 60rem;
  }
  .pivot-pc .p4-item2 .flex:nth-child(10) {
    top: 27rem;
    left: 90rem;
  }
  @-webkit-keyframes bgmove {
    0% {
      bottom: 26rem;
      left: -24rem;
    }
    100% {
      bottom: 24rem;
      left: -28rem;
    }
  }
  @keyframes bgmove {
    0% {
      bottom: 26rem;
      left: -24rem;
    }
    100% {
      bottom: 24rem;
      left: -28rem;
    }
  }
  .pivot-pc .p5 {
    justify-content: center;
    background: #4965d6;
    position: relative;
  }
  .pivot-pc .p5-box {
    height: 60rem;
    padding: 27.5rem 0 0 68.5rem;
    color: white;
    position: relative;
  }
  .pivot-pc .p5-box .text2 {
    width: 34.625rem;
    margin-top: 2rem;
    color: white;
  }
  .pivot-pc .p5-box img {
    position: absolute;
  }
  .pivot-pc .p5-box img:nth-child(3) {
    width: 41rem;
    top: 22.375rem;
    left: 16.75rem;
    transition-delay: 0.4s;
    border-radius: 0.75rem;
    box-shadow: 1.25rem 2rem 3.5rem 0 rgba(59, 85, 183, 0.7), 3.75rem 5.125rem 6.5rem 0 rgba(72, 99, 207, 0.8);
  }
  .pivot-pc .p5-box img:nth-child(4) {
    width: 27.75rem;
    top: 11.75rem;
    left: 40.75rem;
    transition-delay: 0.8s;
    border-radius: 0.75rem;
    box-shadow: 1.25rem 2rem 3.5rem 0 rgba(59, 85, 183, 0.7), 3.75rem 5.125rem 6.5rem 0 rgba(72, 99, 207, 0.8);
  }
  .pivot-pc .p5-box img:nth-child(5) {
    width: 5.375rem;
    top: 16.5rem;
    left: 18.5rem;
    -webkit-animation-duration: 2.4s;
            animation-duration: 2.4s;
  }
  .pivot-pc .p5-box img:nth-child(6) {
    width: 9rem;
    top: 46.375rem;
    left: 59.625rem;
    -webkit-animation-duration: 3.4s;
            animation-duration: 3.4s;
  }
  .pivot-pc .p6 {
    justify-content: center;
    position: relative;
  }
  .pivot-pc .p6-box {
    position: relative;
    height: 60rem;
  }
  .pivot-pc .p6-box .text1 {
    margin: 6.375rem 0 1.5rem;
    color: #4965d6;
  }
  .pivot-pc .p6-box .text2 {
    width: 58.75rem;
    text-align: center;
  }
  .pivot-pc .p6-box img {
    position: absolute;
  }
  .pivot-pc .p6-box > img:nth-child(3) {
    width: 48.625rem;
    top: 22.625rem;
    left: 44.125rem;
  }
  .pivot-pc .p6-box #v2 {
    position: absolute;
    width: 2.375rem;
    height: 2.375rem;
    top: 34.25rem;
    left: 31rem;
    opacity: 0;
    transition: opacity 0.4s 0.4s;
  }
  .pivot-pc .p6-box #v3 {
    position: absolute;
    width: 2.375rem;
    height: 2.375rem;
    top: 19.375rem;
    left: 46.5rem;
    opacity: 0;
    transition: opacity 0.4s 2.4s;
  }
  .pivot-pc .p6-box .click {
    top: 47rem;
    left: 38rem;
  }
  .pivot-pc .p6-img {
    position: absolute;
    width: 26rem;
    top: 37.75rem;
    left: 29.5rem;
  }
  .pivot-pc .p6-img img {
    width: 100%;
  }
  .pivot-pc .p6-img img:nth-child(1) {
    opacity: 0;
    z-index: -1;
    transition: opacity 0.6s 2.8s, z-index 0.8s 2.8s;
  }
  .pivot-pc .p6-line {
    width: 14.5rem;
    height: 14.125rem;
    position: absolute;
    top: 25.375rem;
    left: 34rem;
    z-index: 6;
  }
  .pivot-pc .p6-line img {
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition-property: opacity;
    transition-duration: 0.2s;
  }
  .pivot-pc .p6-line img:nth-child(1) {
    transition-delay: 0.8s;
  }
  .pivot-pc .p6-line img:nth-child(2) {
    transition-delay: 1s;
  }
  .pivot-pc .p6-line img:nth-child(3) {
    transition-delay: 1.2s;
  }
  .pivot-pc .p6-line img:nth-child(4) {
    transition-delay: 1.4s;
  }
  .pivot-pc .p6-line img:nth-child(5) {
    transition-delay: 1.6s;
  }
  .pivot-pc .p6-line img:nth-child(6) {
    transition-delay: 1.8s;
  }
  .pivot-pc .p6-line img:nth-child(7) {
    transition-delay: 2s;
  }
  .pivot-pc .p6-line img:nth-child(8) {
    transition-delay: 2.2s;
  }
  .pivot-pc .p6-line img:nth-child(9) {
    transition-delay: 2.4s;
  }
  .pivot-pc .p6.on .click {
    -webkit-animation: click 0.2s 1 ease alternate;
            animation: click 0.2s 1 ease alternate;
  }
  .pivot-pc .p6.on .p6-line img {
    opacity: 1;
  }
  .pivot-pc .p6.on .p6-img img:nth-child(1) {
    opacity: 1;
    z-index: 5;
  }
  .pivot-pc .p6.on #v2,
  .pivot-pc .p6.on #v3 {
    opacity: 1;
  }
  .pivot-pc .p7 {
    color: white;
    overflow: hidden;
  }
  .pivot-pc .p7 .text1 {
    margin: 5.375rem 0 3.375rem;
  }
  .pivot-pc .p7 > .flex {
    align-items: center;
  }
  .pivot-pc .p7-item {
    position: relative;
    margin: 0 3.75rem;
    width: 20.75rem;
    height: 20.75rem;
    box-shadow: -3.75rem -4.25rem 7.875rem 0 rgba(83, 117, 255, 0.34), 5.625rem 1.875rem 12.125rem 0 rgba(44, 44, 44, 0.16);
    border-radius: 0.75rem;
    opacity: 0.57;
    background: transparent;
    transition: opacity 0.6s, background 0.6s;
  }
  .pivot-pc .p7-item:hover {
    opacity: 1;
    background: #5e7eff;
  }
  .pivot-pc .p7-item:hover .desc {
    opacity: 0.73;
  }
  .pivot-pc .p7-item img,
  .pivot-pc .p7-item svg {
    position: absolute;
    width: 4rem;
    top: 5rem;
  }
  .pivot-pc .p7-item .text2 {
    margin: 10rem 0 1.5rem;
    color: white;
  }
  .pivot-pc .download {
    font-family: KumbhSans-Bold;
    font-size: 1.125rem;
    font-weight: 700;
    padding: 0.5rem 1.5rem;
    border-radius: 2.125rem;
    border: 1px solid white;
    cursor: pointer;
    display: block;
  }
  .pivot-pc .desc {
    width: 19.5rem;
    position: absolute;
    top: 102%;
    font-family: KumbhSans-Regular;
    font-size: 1rem;
    font-weight: 400;
    opacity: 0;
    transition: opacity 0.6s;
  }
  .pivot-pc .header .flex a:nth-child(2) {
    padding-bottom: 0.375rem;
    border-bottom: 0.125rem solid #08c265;
  }
  .pivot-pc .p8 {
    position: relative;
    width: 100%;
    justify-content: center;
    background: linear-gradient(90deg, #74a3ff 0%, #3260df 100%);
  }
  .pivot-pc .p8 .p8-box {
    position: absolute;
    width: 35.75rem;
    left: 15.0625rem;
    top: 19rem;
    color: #fff;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.5s 0.5s;
  }
  .pivot-pc .p8 .p8-box .p8-title {
    margin-bottom: 2.625rem;
    font-family: KumbhSans-Bold;
    font-size: 3.25rem;
    color: #fff;
  }
  .pivot-pc .p8 .p8-box .p8-text {
    font-family: KumbhSans-Regular;
    font-size: 1.5rem;
    color: #fff;
    line-height: 2.25rem;
  }
  .pivot-pc .p8 .p8-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .pivot-pc .p8 #v8 {
    position: absolute;
    right: 6.8rem;
    top: 4.4375rem;
    width: 56.52rem;
    height: 46.375rem;
  }
  .pivot-pc .p8.on .p8-box {
    opacity: 1;
    transform: translateY(0);
  }
  .pivot-pc .p9 {
    position: relative;
    width: 100%;
    justify-content: center;
    background-color: #fff;
  }
  .pivot-pc .p9 .p9-title {
    margin-top: 6.375rem;
    font-family: KumbhSans-Bold;
    font-size: 3.25rem;
    color: #4965D6;
  }
  .pivot-pc .p9 .p9-text {
    width: 64.4375rem;
    margin-top: 1.875rem;
    font-family: KumbhSans-Regular;
    font-size: 1.5rem;
    color: #585858;
    line-height: 2.25rem;
  }
  .pivot-pc .p9 .p9-video {
    margin-top: 0.625rem;
    width: 55.6875rem;
    height: 36.125rem;
  }
  .pivot-pc .p9.on .p9-box {
    opacity: 1;
    transform: translateY(0);
  }
}
/* mobile */
@media (max-width: 1199px) {
  .pivot-pc {
    display: none;
  }
  .pivot-mb {
    display: block;
  }
  .pivot-mb .text1,
  .pivot-mb .text3 {
    font-family: KumbhSans-Bold;
    font-size: 3.25rem;
    line-height: 3.875rem;
    font-weight: 700;
  }
  .pivot-mb .text2,
  .pivot-mb .text4 {
    font-family: KumbhSans-Regular;
    font-size: 1.625rem;
    line-height: 2.375rem;
    font-weight: 400;
  }
  .pivot-mb .text1 {
    color: #4965d6;
  }
  .pivot-mb .text3,
  .pivot-mb .text4 {
    color: white;
  }
  .pivot-mb .p1-title {
    font-family: KumbhSans-Bold;
    font-size: 4.5rem;
    color: #4965d6;
    font-weight: 700;
    margin: 5rem 0 1.5rem;
  }
  .pivot-mb .p1 {
    text-align: center;
    padding-bottom: 2.625rem;
    position: relative;
    background-image: linear-gradient(180deg, #ffffff 52%, #f1f5f7 97%);
  }
  .pivot-mb .p1 .text2 {
    width: 37.125rem;
  }
  .pivot-mb .p1 .text2 a {
    text-decoration: underline;
    -webkit-text-decoration-color: #999;
    text-decoration-color: #999;
    text-decoration-thickness: 1px;
    color: inherit;
    background-color: transparent;
  }
  .pivot-mb .p1 .text2.t2 {
    margin-bottom: 2.75rem;
  }
  .pivot-mb .p1 a {
    align-items: center;
    justify-content: center;
    border-radius: 4rem;
    font-size: 1.625rem;
    color: white;
    width: 18rem;
    height: 4.125rem;
    margin: 0 1.375rem;
    background-color: #4965d6;
  }
  .pivot-mb .p1 a svg {
    margin-right: 0.4rem;
  }
  .pivot-mb .p1 a svg g,
  .pivot-mb .p1 a svg path {
    fill: white;
  }
  .pivot-mb .p1 a:nth-child(2) svg {
    margin-top: 0.375rem;
  }
  .pivot-mb .p1 a.on {
    opacity: 0.7;
  }
  .pivot-mb .p1 > .flex {
    margin: 2.75rem 0 6.25rem;
  }
  .pivot-mb .p1 .p1-icon:nth-child(5) {
    width: 6.875rem;
    top: 37.25rem;
    left: -2.4rem;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
  }
  .pivot-mb .p1 .p1-icon:nth-child(6) {
    width: 4.25rem;
    bottom: 2rem;
    left: 7.5rem;
    -webkit-animation-duration: 2.4s;
            animation-duration: 2.4s;
  }
  .pivot-mb .p1-bg {
    width: 43rem;
  }
  .pivot-mb .p1-icon {
    position: absolute;
  }
  @-webkit-keyframes kffloat {
    0% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(0.5rem, 1rem);
    }
  }
  @keyframes kffloat {
    0% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(0.5rem, 1rem);
    }
  }
  .pivot-mb .kffloat {
    -webkit-animation-name: kffloat;
            animation-name: kffloat;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
            animation-direction: alternate;
  }
  .pivot-mb .p2 {
    text-align: center;
    background: #f1f5f7;
  }
  .pivot-mb .p2 .text1 {
    width: 33.125rem;
    margin: 8.5rem 0 1.875rem;
  }
  .pivot-mb .p2 .text2 {
    width: 38.75rem;
  }
  .pivot-mb .p2 > .w100 {
    height: 46.875rem;
    margin-top: 4.125rem;
    overflow: hidden;
    position: relative;
  }
  .pivot-mb .p2-1 {
    flex-wrap: wrap;
    width: 62rem;
    opacity: 1;
    transition: opacity 0.8s;
  }
  .pivot-mb .p2-item {
    height: 20rem;
    margin-bottom: 2rem;
  }
  .pivot-mb .p2-item img {
    width: 12rem;
    margin: 3rem 0 2rem;
  }
  .pivot-mb .p2-item span {
    font-family: KumbhSans-Regular;
    font-size: 1.6rem;
  }
  .pivot-mb .p2-item:not(:nth-child(2)) {
    width: 18rem;
    border-radius: 0.6rem;
    background-image: linear-gradient(137deg, #e8eff4 0%, #e6ecf0 100%);
    box-shadow: 3.375rem 2.875rem 2.875rem 0 rgba(218, 226, 231, 0.36), -2.3125rem -1.875rem 2.875rem 0 rgba(255, 255, 255, 0.57);
  }
  .pivot-mb .p2-item:not(:nth-child(2)) span {
    color: #cfdbeb;
  }
  .pivot-mb .p2-item:nth-child(2) {
    width: 24rem;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .pivot-mb .p2-item:nth-child(2) span {
    color: #4965d6;
  }
  .pivot-mb .p2-2 {
    position: absolute;
    top: 0;
    justify-content: center;
    height: 100%;
    opacity: 0;
    transition: opacity 0.8s;
  }
  .pivot-mb .p2-2 img {
    width: 41.25rem;
    background-image: linear-gradient(137deg, #e8eff4 0%, #e6ecf0 100%);
    box-shadow: 0.875rem 2.25rem 2.625rem 0 rgba(181, 190, 197, 0.66), 21.25rem 1.875rem 3.75rem 0 #dae2e7, -3rem -2.4375rem 3.8125rem 0 rgba(255, 255, 255, 0.57);
  }
  .pivot-mb .p2.on2 .p2-1 {
    opacity: 0;
  }
  .pivot-mb .p2.on2 .p2-2 {
    opacity: 1;
  }
  .pivot-mb .p3 {
    text-align: center;
    background: #4965d6;
    height: 81.25rem;
    position: relative;
    overflow: hidden;
  }
  .pivot-mb .p3 .text3 {
    width: 36.875rem;
    margin: 10rem 0 4rem;
  }
  .pivot-mb .p3 .text4 {
    width: 37.625rem;
  }
  .pivot-mb .p3 img {
    position: absolute;
  }
  .pivot-mb .p3 img:nth-child(3) {
    width: 32.375rem;
    bottom: 10.5rem;
    left: 6.625rem;
  }
  .pivot-mb .p3 img:nth-child(4) {
    width: 14.75rem;
    bottom: 26.875rem;
    left: 27.875rem;
  }
  .pivot-mb .p3 img:nth-child(5) {
    width: 9.125rem;
    bottom: 29.875rem;
    left: 0.75rem;
    -webkit-animation-duration: 1.8s;
            animation-duration: 1.8s;
  }
  .pivot-mb .p3 img:nth-child(6) {
    width: 4.625rem;
    bottom: 4.375rem;
    right: 0.375rem;
    -webkit-animation-duration: 2.4s;
            animation-duration: 2.4s;
  }
  .pivot-mb #v1,.pivot-mb #V1 {
    width: 17.5rem;
    height: 17.5rem;
    position: absolute;
    bottom: 10.75rem;
    left: 10.25rem;
  }
  .pivot-mb .p4 {
    text-align: center;
    height: 81.25rem;
    background: #f1f5f7;
  }
  .pivot-mb .p4 .text1 {
    margin: 11.5rem 0 3.625rem;
  }
  .pivot-mb .p4 .text2 {
    width: 42rem;
  }
  .pivot-mb .p4 img:nth-child(3) {
    width: 29.625rem;
    margin: 1rem 0;
  }
  .pivot-mb .p4-box {
    height: 37.875rem;
    position: relative;
    justify-content: center;
  }
  .pivot-mb .p4-box img {
    position: absolute;
    transition: opacity 0.8s;
  }
  .pivot-mb .p4-box img:nth-child(1) {
    width: 39rem;
    opacity: 1;
  }
  .pivot-mb .p4-box img:nth-child(2) {
    opacity: 0;
  }
  .pivot-mb .p4.on2 .p4-box img:nth-child(1) {
    opacity: 0;
  }
  .pivot-mb .p4.on2 .p4-box img:nth-child(2) {
    opacity: 1;
  }
  .pivot-mb .p5 {
    height: 81.25rem;
    background: #4965d6;
    overflow: hidden;
    position: relative;
  }
  .pivot-mb .p5 .text3 {
    margin: 10.5rem 0 3.25rem;
  }
  .pivot-mb .p5 .text4 {
    width: 37.625rem;
    text-align: center;
  }
  .pivot-mb .p5 img {
    position: absolute;
  }
  .pivot-mb .p5 img:nth-child(3) {
    width: 36.75rem;
    top: 46.625rem;
    left: 2rem;
  }
  .pivot-mb .p5 img:nth-child(4) {
    width: 25.125rem;
    top: 36.375rem;
    left: 19.875rem;
  }
  .pivot-mb .p5 img:nth-child(5) {
    width: 5.5rem;
    bottom: 1.125rem;
    left: 3.875rem;
    -webkit-animation-duration: 2.2s;
            animation-duration: 2.2s;
  }
  .pivot-mb .p5 img:nth-child(6) {
    width: 7.25rem;
    bottom: 13.875rem;
    right: 1rem;
    -webkit-animation-duration: 2.6s;
            animation-duration: 2.6s;
  }
  .pivot-mb .p6 {
    height: 81.25rem;
    position: relative;
    overflow: hidden;
  }
  .pivot-mb .p6 .text1 {
    margin: 8.125rem 0 2.5rem;
    text-align: center;
  }
  .pivot-mb .p6 .text2 {
    width: 38.125rem;
    text-align: center;
  }
  .pivot-mb .p6 img {
    position: absolute;
  }
  .pivot-mb .p6 > img:nth-child(3),
  .pivot-mb .p6 > img:nth-child(4) {
    width: 23.625rem;
    top: 56.75rem;
    left: 2rem;
    z-index: 2;
  }
  .pivot-mb .p6 > img:nth-child(3) {
    z-index: 5;
    transition-delay: 1.7s;
  }
  .pivot-mb .p6 > img:nth-child(5) {
    width: 38.375rem;
    right: 0;
    top: 30rem;
  }
  .pivot-mb .p6 > img:nth-child(6) {
    width: 3.25rem;
    top: 68rem;
    left: 9.125rem;
    z-index: 3;
  }
  .pivot-mb .p6-line {
    width: 7.25rem;
    height: 23.5rem;
    position: absolute;
    top: 38rem;
    left: 6rem;
    z-index: 4;
  }
  .pivot-mb .p6-line img {
    width: 100%;
    top: 0;
  }
  .pivot-mb .p6-line img:nth-child(1) {
    transition-delay: 0.4s;
  }
  .pivot-mb .p6-line img:nth-child(2) {
    transition-delay: 0.5s;
  }
  .pivot-mb .p6-line img:nth-child(3) {
    transition-delay: 0.6s;
  }
  .pivot-mb .p6-line img:nth-child(4) {
    transition-delay: 0.7s;
  }
  .pivot-mb .p6-line img:nth-child(5) {
    transition-delay: 0.8s;
  }
  .pivot-mb .p6-line img:nth-child(6) {
    transition-delay: 0.9s;
  }
  .pivot-mb .p6-line img:nth-child(7) {
    transition-delay: 1s;
  }
  .pivot-mb .p6-line img:nth-child(8) {
    transition-delay: 1.1s;
  }
  .pivot-mb .p6-line img:nth-child(9) {
    transition-delay: 1.2s;
  }
  .pivot-mb .p6-line img:nth-child(10) {
    transition-delay: 1.3s;
  }
  .pivot-mb .p6-line img:nth-child(11) {
    transition-delay: 1.4s;
  }
  .pivot-mb .p6.on > img:nth-child(6) {
    -webkit-animation: click 0.2s 1 ease alternate;
            animation: click 0.2s 1 ease alternate;
  }
  .pivot-mb #v2,
  .pivot-mb #v3 {
    width: 2.25rem;
    height: 2.25rem;
    position: absolute;
    transition: opacity 0.4s;
  }
  .pivot-mb #v2 {
    top: 56.75rem;
    left: 2.2rem;
    transition-delay: 0.2s;
  }
  .pivot-mb #v3 {
    top: 28.125rem;
    left: 10.125rem;
    transition-delay: 1.6s;
  }
  @-webkit-keyframes click {
    0% {
      transform: translateY(0);
    }
    100% {
      transform: translateY(1rem);
    }
  }
  @keyframes click {
    0% {
      transform: translateY(0);
    }
    100% {
      transform: translateY(1rem);
    }
  }
  .pivot-mb .p7 {
    background: #4965d6;
    position: relative;
    padding-bottom: 4.375rem;
  }
  .pivot-mb .p7 .flex {
    align-items: center;
  }
  .pivot-mb .p7-title {
    font-family: KumbhSans-Bold;
    font-size: 3.25rem;
    color: #ffffff;
    line-height: 3.875rem;
    font-weight: 700;
    margin: 9.375rem 0 3.25rem;
  }
  .pivot-mb .p7-item.on {
    opacity: 1;
  }
  .pivot-mb .p7-item {
    width: 38.125rem;
    padding: 2.125rem 2.625rem;
    background: #4965d6;
    box-shadow: -3rem -3.375rem 6.25rem 0 rgba(83, 117, 255, 0.39), 4.5rem 1.5rem 9.6875rem 0 rgba(44, 44, 44, 0.18);
    border-radius: 0.625rem;
    position: relative;
    opacity: 0.57;
    margin-bottom: 2.5rem;
  }
  .pivot-mb .p7-item svg {
    margin-right: 1rem;
  }
  .pivot-mb .p7-item a.text4 {
    padding: 0.125rem 1.625rem;
    border: 1px solid white;
    border-radius: 5rem;
    position: absolute;
    right: 2.625rem;
  }
  .pivot-mb .p7-desc {
    opacity: 0.5;
    font-family: KumbhSans-Regular;
    font-size: 1.25rem;
    color: #ffffff;
    line-height: 1.5rem;
    font-weight: 400;
    padding-left: 4rem;
    margin-top: 1.625rem;
  }
  .pivot-mb .p7-icon1 {
    position: absolute;
    width: 4.25rem;
    top: 11.125rem;
    left: 5.625rem;
    -webkit-animation-duration: 1.8s;
            animation-duration: 1.8s;
  }
  .pivot-mb .p8 {
    position: relative;
    text-align: center;
    padding-top: 7.5rem;
    padding-bottom: 6.685625rem;
    color: #fff;
    background: linear-gradient(87.4deg, #6EA0FF -58.83%, #2755D9 178.03%);
  }
  .pivot-mb .p8 .p8-title {
    width: 29.6875rem;
    margin-bottom: 3.625rem;
    font-family: KumbhSans-Bold;
    font-size: 3.25rem;
    line-height: 3.875rem;
    font-weight: 700;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.5s 0.5s;
  }
  .pivot-mb .p8 .p8-text {
    font-family: KumbhSans-Regular;
    font-size: 1.625rem;
    line-height: 2.375rem;
    width: 40rem;
    text-align: center;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.5s 0.5s;
  }
  .pivot-mb .p8 .p8-text.text2 {
    margin-top: 2.5rem;
  }
  .pivot-mb .p8 .p8-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .pivot-mb .p8 #v8 {
    margin-top: 4.665rem;
    width: 38.421875rem;
    height: 32.274375rem;
  }
  .pivot-mb .p8 > .w100 {
    height: 80.4375rem;
    overflow: hidden;
    position: relative;
  }
  .pivot-mb .p8.on .p8-title,
  .pivot-mb .p8.on .p8-text {
    opacity: 1;
    transform: translateY(0);
  }
  .pivot-mb .p9 {
    padding: 7.5rem 0;
    text-align: center;
    color: #fff;
    background-color: #fff;
  }
  .pivot-mb .p9 .p9-title {
    width: 29.6875rem;
    margin-bottom: 3.75rem;
    font-family: KumbhSans-Bold;
    font-size: 3.25rem;
    line-height: 3.875rem;
    font-weight: 700;
    color: #4965D6;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.5s 0.5s;
  }
  .pivot-mb .p9 .p9-text {
    font-family: KumbhSans-Regular;
    font-size: 1.625rem;
    line-height: 2.375rem;
    width: 40rem;
    text-align: center;
    color: #585858;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.5s 0.5s;
  }
  .pivot-mb .p9 .p9-text.text2 {
    margin-top: 2.5rem;
  }
  .pivot-mb .p9 .p9-video {
    margin-top: 2.375rem;
    width: 100%;
  }
  .pivot-mb .p9 > .w100 {
    height: 80.4375rem;
    overflow: hidden;
    position: relative;
  }
  .pivot-mb .p9.on .p9-title,
  .pivot-mb .p9.on .p9-text {
    opacity: 1;
    transform: translateY(0);
  }
}