@charset "UTF-8";
.index-banner { position: relative; width: 100%; overflow: hidden; }
.index-banner .banner1 { width: 100%; height: 160.8vw; background: url('../images/banner1_bg@mb.jpg') center/cover no-repeat; }
.index-banner .banner1 .banner-title-box { padding-top: 12.8vw; text-align: center; }
.index-banner .banner1 h2 { font-family: "SourceHanSansCN-Bold"; font-size: 8vw; font-weight: bold; line-height: 1.1; color: #fff; }
.index-banner .banner1 span { position: relative; display: inline-block; left: -4.5vw; margin-top: 6.133vw; font-size: 4vw; color: #fff; }
.index-banner .banner1 span i { position: absolute; bottom: 50%; width: 9.6vw; height: 5.067vw; max-width: 72px; max-height: 38px; background: url('../images/banner1_txt.png') 0 0/contain no-repeat; }
.index-banner .banner1 .banner-img-box { position: relative; width: 66.4vw; height: 2px; max-width: 500px; max-height: 492px; margin-top: 18vw; margin-right: auto; margin-left: auto; }
.index-banner .banner1 .banner-img-box .banner-img01 {
    position: absolute; top: 0; width: 100%;
    -webkit-animation: float_UpDown 3s linear infinite;
            animation: float_UpDown 3s linear infinite;
}
.index-banner .banner1 .banner-img-box .banner-img02 { position: absolute; top: 0; width: 100%; }
.index-banner .banner1 .banner-img-box .banner-img03 {
    position: absolute; top: 0; width: 100%;
    -webkit-animation: float_UpDown 2.5s linear infinite;
            animation: float_UpDown 2.5s linear infinite;
}
@-webkit-keyframes float_UpDown {
    0%, 100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        }
    50% {
        -webkit-transform: translateY(-10px);
                transform: translateY(-10px);
    }
}
@keyframes float_UpDown {
    0%, 100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        }
    50% {
        -webkit-transform: translateY(-10px);
                transform: translateY(-10px);
    }
}
.index-banner .banner2 { width: 100%; height: 160.8vw; background: url('../images/banner2_bg@mb.jpg') center/cover no-repeat; }
.index-banner .banner2 .banner-title-box { padding-top: 12.8vw; text-align: center; }
.index-banner .banner2 h2 { font-family: "SourceHanSansCN-Bold"; font-size: 8vw; font-weight: bold; line-height: 1.1; color: #fff; }
.index-banner .banner2 h2 b { display: none; }
.index-banner .banner2 span { position: relative; display: inline-block; margin-top: 6.133vw; font-size: 4vw; color: #fff; }
.index-banner .banner2 .banner-img-box { position: relative; width: 100%; margin-top: 24.533vw; }
.index-banner .banner3 { width: 100%; height: 160.8vw; background: #2367e9; }
.index-banner .banner3 .banner-title-box { padding-top: 12.8vw; text-align: center; }
.index-banner .banner3 h2 { font-family: "SourceHanSansCN-Bold"; font-size: 8vw; font-weight: bold; line-height: 1.1; color: #fff; }
.index-banner .banner3 span { position: relative; display: inline-block; margin-top: 6.133vw; font-size: 4vw; color: #fff; }
.index-banner .banner3 .banner-img-box { position: relative; width: 100%; height: 2px; margin-top: 13.067vw; }
.index-banner .banner3 .banner-img-box .banner-img01 {
    position: absolute; top: 0; right: 50%; width: 79.467vw; max-width: 596px; max-height: 488px;
    -webkit-transform: translate(50%,0);
       -moz-transform: translate(50%,0);
        -ms-transform: translate(50%,0);
         -o-transform: translate(50%,0);
            transform: translate(50%,0);
    -webkit-animation: bannerIII_UpDown 3s linear infinite;
            animation: bannerIII_UpDown 3s linear infinite;
}
@-webkit-keyframes bannerIII_UpDown {
    0%, 100% {
        -webkit-transform: translate(50%,0);
                transform: translate(50%,0);
        }
    50% {
        -webkit-transform: translate(50%,-10px);
                transform: translate(50%,-10px);
    }
}
@keyframes bannerIII_UpDown {
    0%, 100% {
        -webkit-transform: translate(50%,0);
                transform: translate(50%,0);
        }
    50% {
        -webkit-transform: translate(50%,-10px);
                transform: translate(50%,-10px);
    }
}
.index-banner .banner3 .banner-img-box .banner-img02 {
    position: absolute; top: 26vw; right: 50%; width: 79.467vw; max-width: 596px; max-height: 294px;
    -webkit-transform: translate(50%,0);
       -moz-transform: translate(50%,0);
        -ms-transform: translate(50%,0);
         -o-transform: translate(50%,0);
            transform: translate(50%,0);
    -webkit-animation: bannerIII_Scale 3s linear infinite;
            animation: bannerIII_Scale 3s linear infinite;
}
@-webkit-keyframes bannerIII_Scale {
    0%, 100% {
        -webkit-transform: translate(50%,0) scale(1);
                transform: translate(50%,0) scale(1);
        }
    50% {
        -webkit-transform: translate(50%,0) scale(.9);
                transform: translate(50%,0) scale(.9);
    }
}
@keyframes bannerIII_Scale {
    0%, 100% {
        -webkit-transform: translate(50%,0) scale(1);
                transform: translate(50%,0) scale(1);
        }
    50% {
        -webkit-transform: translate(50%,0) scale(.9);
                transform: translate(50%,0) scale(.9);
    }
}
.index-banner .banner3 .banner-img-box .banner-img03 {
    position: absolute; top: 22vw; right: 50%; width: 100vw; max-width: 750px; max-height: 408px;
    -webkit-transform: translate(50%,0);
       -moz-transform: translate(50%,0);
        -ms-transform: translate(50%,0);
         -o-transform: translate(50%,0);
            transform: translate(50%,0);
}
.index-banner .statistics { position: absolute; bottom: 0; z-index: 1; width: 100%; background: rgba(39,31,70,.6); }
.index-banner .statistics .item { padding: 4.533vw 0; text-align: center; color: #fff; }
.index-banner .statistics .item:hover { background: rgba(255,255,255,.12); }
.index-banner .statistics .item h2 { position: relative; font-family: "DIN-Medium"; font-size: 7.2vw; line-height: 0.728; }
.index-banner .statistics .item h2 sup { top: -0.7em; font-size: 4vw; }
.index-banner .statistics .item h4 { margin-top: 2.667vw; font-size: 3.2vw; }
.index-banner .swiper-container .swiper-pagination { position: absolute; bottom: 28.8vw; }
.index-banner .swiper-container .swiper-pagination-bullet { display: inline-block; width: 30px; height: 3px; background: rgba(255,255,255,.2); border-radius: 0; opacity: 1; transition: all .5s; }
.index-banner .swiper-container .swiper-pagination-bullet-active { position: relative; }
.index-banner .swiper-container .swiper-pagination-bullet-active:before {
    position: absolute; display: inline-block; content: ''; left: 0; width: 0; height: 3px; background: #fff;
    -webkit-animation: progress_line 3.5s linear forwards;
            animation: progress_line 3.5s linear forwards;
}
@-webkit-keyframes progress_line {
    0% { width: 0; }
    100% { width: 30px; }
}
@keyframes progress_line {
    0% { width: 0; }
    100% { width: 30px; }
}
.industry-analysis { padding-top: 13.333vw; padding-bottom: 12vw; }
.industry-analysis h2 { padding-bottom: 13.333vw; font-family: "SourceHanSansCN-Bold"; font-size: 6.4vw; font-weight: bold; text-align: center; color: #4c4c4c; }
.industry-analysis .industry-analysis-txt { position: relative; }
.industry-analysis .industry-analysis-txt h3 { font-family: "DIN-Medium"; font-size: 5.867vw; font-weight: bold; color: #808080; }
.industry-analysis .industry-analysis-txt p {
    position: absolute; top: 50%; padding-left: 8.667vw; font-size: 3.733vw; line-height: 1.4; color: #808080;
    -webkit-transform: translate(0,-50%);
       -moz-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
         -o-transform: translate(0,-50%);
            transform: translate(0,-50%);
}
.industry-analysis .industry-analysis-txt.industry-analysis-animation h3 { color: #8b59fc; }
.industry-analysis .industry-analysis-txt.industry-analysis-animation p {
    background-image: linear-gradient(to right, #8b59fc 25%, #00cef7);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
    color: transparent;
}
.industry-analysis .industry-analysis-txt+.industry-analysis-txt { margin-top: 10.667vw; }
.industry-analysis .industry-analysis-img-box { position: relative; width: 60.267vw; height: 60.267vw; margin: 9.333vw auto; }
.industry-analysis .industry-analysis-img-box .industry-analysis-img { position: absolute; }
.industry-analysis .industry-analysis-img-box .industry-analysis-img img { width: 100%; }
.industry-analysis .industry-analysis-img-box .industry-analysis-img.img-01 { width: 100%; }
.industry-analysis .industry-analysis-img-box .industry-analysis-img.img-02 {
    bottom: 19.912%; left: 50%; width: 60.398%;
    -webkit-transform: translate(-50%,0);
       -moz-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
         -o-transform: translate(-50%,0);
            transform: translate(-50%,0);
}
.industry-analysis .industry-analysis-img-box .industry-analysis-img.img-03 {
    top: 50%; left: 0; width: 17.478%;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    -webkit-animation: requirementIII_Scale 3s linear infinite;
            animation: requirementIII_Scale 3s linear infinite;
}
@-webkit-keyframes requirementIII_Scale {
    0%, 100% {
        -webkit-transform: translate(-50%,-50%) scale(1);
                transform: translate(-50%,-50%) scale(1);
        }
    50% {
        -webkit-transform: translate(-50%,-50%) scale(.8);
                transform: translate(-50%,-50%) scale(.8);
    }
}
@keyframes requirementIII_Scale {
    0%, 100% {
        -webkit-transform: translate(-50%,-50%) scale(1);
                transform: translate(-50%,-50%) scale(1);
        }
    50% {
        -webkit-transform: translate(-50%,-50%) scale(.8);
                transform: translate(-50%,-50%) scale(.8);
    }
}
.industry-analysis .industry-analysis-img-box .industry-analysis-img.img-04 {
    top: 50%; left: 0; width: 17.478%;
    -webkit-transform: translate(-50%,-50%) rotate(135deg);
       -moz-transform: translate(-50%,-50%) rotate(135deg);
        -ms-transform: translate(-50%,-50%) rotate(135deg);
         -o-transform: translate(-50%,-50%) rotate(135deg);
            transform: translate(-50%,-50%) rotate(135deg);
    -webkit-transform-origin: 336% 50%;
       -moz-transform-origin: 336% 50%;
        -ms-transform-origin: 336% 50%;
         -o-transform-origin: 336% 50%;
            transform-origin: 336% 50%;
}
.industry-analysis .industry-analysis-img-box .industry-analysis-img.img-04 img {
    -webkit-transform: rotate(-135deg);
       -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
         -o-transform: rotate(-135deg);
            transform: rotate(-135deg);
    -webkit-animation: requirementIV_Scale 3s linear infinite;
            animation: requirementIV_Scale 3s linear infinite;
}
@-webkit-keyframes requirementIV_Scale {
    0%, 100% {
        -webkit-transform: rotate(-135deg) scale(1);
                transform: rotate(-135deg) scale(1);
        }
    50% {
        -webkit-transform: rotate(-135deg) scale(.8);
                transform: rotate(-135deg) scale(.8);
    }
}
@keyframes requirementIV_Scale {
    0%, 100% {
        -webkit-transform: rotate(-135deg) scale(1);
                transform: rotate(-135deg) scale(1);
        }
    50% {
        -webkit-transform: rotate(-135deg) scale(.8);
                transform: rotate(-135deg) scale(.8);
    }
}
.industry-analysis .industry-analysis-img-box .industry-analysis-img.img-05 {
    top: 50%; left: 0; width: 17.478%;
    -webkit-transform: translate(-50%,-50%) rotate(-65deg);
       -moz-transform: translate(-50%,-50%) rotate(-65deg);
        -ms-transform: translate(-50%,-50%) rotate(-65deg);
         -o-transform: translate(-50%,-50%) rotate(-65deg);
            transform: translate(-50%,-50%) rotate(-65deg);
    -webkit-transform-origin: 336% 50%;
       -moz-transform-origin: 336% 50%;
        -ms-transform-origin: 336% 50%;
         -o-transform-origin: 336% 50%;
            transform-origin: 336% 50%;
}
.industry-analysis .industry-analysis-img-box .industry-analysis-img.img-05 img {
    -webkit-transform: rotate(65deg);
       -moz-transform: rotate(65deg);
        -ms-transform: rotate(65deg);
         -o-transform: rotate(65deg);
            transform: rotate(65deg);
    -webkit-animation: requirementV_Scale 3s linear infinite;
            animation: requirementV_Scale 3s linear infinite;
}
@-webkit-keyframes requirementV_Scale {
    0%, 100% {
        -webkit-transform: rotate(65deg) scale(1);
                transform: rotate(65deg) scale(1);
        }
    50% {
        -webkit-transform: rotate(65deg) scale(.8);
                transform: rotate(65deg) scale(.8);
    }
}
@keyframes requirementV_Scale {
    0%, 100% {
        -webkit-transform: rotate(65deg) scale(1);
                transform: rotate(65deg) scale(1);
        }
    50% {
        -webkit-transform: rotate(65deg) scale(.8);
                transform: rotate(65deg) scale(.8);
    }
}
.industry-analysis .industry-analysis-img-box .industry-analysis-img.img-06 {
    top: 50%; left: 0; width: 17.478%;
    -webkit-transform: translate(-50%,-50%) rotate(-135deg);
       -moz-transform: translate(-50%,-50%) rotate(-135deg);
        -ms-transform: translate(-50%,-50%) rotate(-135deg);
         -o-transform: translate(-50%,-50%) rotate(-135deg);
            transform: translate(-50%,-50%) rotate(-135deg);
    -webkit-transform-origin: 336% 50%;
       -moz-transform-origin: 336% 50%;
        -ms-transform-origin: 336% 50%;
         -o-transform-origin: 336% 50%;
            transform-origin: 336% 50%;
}
.industry-analysis .industry-analysis-img-box .industry-analysis-img.img-06 img {
    -webkit-transform: rotate(135deg);
       -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
         -o-transform: rotate(135deg);
            transform: rotate(135deg);
    -webkit-animation: requirementVI_Scale 3s linear infinite;
            animation: requirementVI_Scale 3s linear infinite;
}
@-webkit-keyframes requirementVI_Scale {
    0%, 100% {
        -webkit-transform: rotate(135deg) scale(1);
                transform: rotate(135deg) scale(1);
        }
    50% {
        -webkit-transform: rotate(135deg) scale(.8);
                transform: rotate(135deg) scale(.8);
    }
}
@keyframes requirementVI_Scale {
    0%, 100% {
        -webkit-transform: rotate(135deg) scale(1);
                transform: rotate(135deg) scale(1);
        }
    50% {
        -webkit-transform: rotate(135deg) scale(.8);
                transform: rotate(135deg) scale(.8);
    }
}
.scope-of-services { padding-top: 13.333vw; padding-bottom: 12vw; background-color: #f2f2f2; }
.scope-of-services h2 { padding-bottom: 13.333vw; font-family: "SourceHanSansCN-Bold"; font-size: 6.4vw; font-weight: bold; text-align: center; color: #4c4c4c; }
.scope-of-services .services-list { width: 76.533vw; margin: 0 auto; }
.scope-of-services .services-list li { float: left; width: 36.8vw; padding-top: 7.467vw; padding-bottom: 9.333vw; text-align: center; background-color: #fff; }
.scope-of-services .services-list li:nth-child(even) { margin-left: 2.933vw; }
.scope-of-services .services-list .list-02~li { margin-top: 2.933vw; }
.scope-of-services .services-list .services-icon { width: 14.4vw; margin: 0 auto 8vw auto; }
.scope-of-services .services-list li h3 { font-size: 4vw; color: #4c4c4c; }
.scope-of-services .services-list li p { margin-top: 2.667vw; padding: 0 2.667vw; font-size: 3.2vw; line-height: 1.167; color: #808080; }
.pos-cloud-alliance { padding-top: 13.333vw; padding-bottom: 12vw; }
.pos-cloud-alliance .alliance-text h2 { padding-bottom: 8vw; font-family: "SourceHanSansCN-Bold"; font-size: 6.4vw; font-weight: bold; color: #4c4c4c; }
.pos-cloud-alliance .alliance-text p { font-size: 3.2vw; line-height: 1.5; color: #808080; }
.pos-cloud-alliance .alliance-text p+p { margin-top: 4vw; }
.pos-cloud-alliance .alliance-pic-box { position: relative; width: 53.467vw; height: 54.933vw; margin: 9.333vw auto 0; }
.pos-cloud-alliance .alliance-pic-box .pic-01 { position: absolute; bottom: 0; width: 100%; }
.pos-cloud-alliance .alliance-pic-box .pic-02 {
    position: absolute; top: 13.35%; left: 0; width: 30.673%;
    -webkit-animation: float_UpDown 3s linear infinite;
            animation: float_UpDown 3s linear infinite;
}
.pos-cloud-alliance .alliance-pic-box .pic-03 {
    position: absolute; top: 0; right: 0; width: 27.182%;
    -webkit-animation: move_LeftDown 2.5s linear infinite;
            animation: move_LeftDown 2.5s linear infinite;
}
@-webkit-keyframes move_LeftDown {
    0%, 100% {
        -webkit-transform: translate(0,0);
                transform: translate(0,0);
        }
    50% {
        -webkit-transform: translate(-21.446%,-12.953%);
                transform: translate(-21.446%,-12.953%);
    }
}
@keyframes move_LeftDown {
    0%, 100% {
        -webkit-transform: translate(0,0);
                transform: translate(0,0);
        }
    50% {
        -webkit-transform: translate(-21.446%,-12.953%);
                transform: translate(-21.446%,-12.953%);
    }
}
.pos-cloud-alliance .alliance-pic-box .pic-04 {
    position: absolute; bottom: 14.806%; left: 31.92%; width: 27.182%;
    -webkit-animation: float_UpDown 2.5s linear infinite;
            animation: float_UpDown 2.5s linear infinite;
}
.function-introduction { padding-top: 13.333vw; padding-bottom: 12vw; background-color: #f2f2f2; }
.function-introduction h2 {  padding-bottom: 13.333vw; font-family: "SourceHanSansCN-Bold"; font-size: 6.4vw; font-weight: bold; text-align: center; color: #4c4c4c; }
.function-introduction .function-block .function-txt { position: relative; padding-left: 3.733vw; }
.function-introduction .function-block .function-txt+.function-txt { margin-top: 6.667vw; }
.function-introduction .function-block .function-txt:before {
    position: absolute; top: 1.867vw; left: 0; display: inline-block; content: ''; width: 1.6vw; height: 1.6vw; background-color: #4c4c4c; border-radius: 50%;
    -webkit-transform: translate(0,-50%);
       -moz-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
         -o-transform: translate(0,-50%);
            transform: translate(0,-50%);
}
.function-introduction .function-block .function-txt h3 { font-family: "SourceHanSansCN-Bold"; font-size: 3.733vw; font-weight: bold; color: #4c4c4c; }
.function-introduction .function-block .function-txt p { margin-top: 3.2vw; font-size: 3.2vw; line-height: 1.1875; color: #808080; }
.function-introduction .function-block .function-img.img01 { position: relative; margin: 10.667vw auto 12vw auto; width: 58.667vw; }
.function-introduction .function-block .function-img .img01-1 { width: 100%; }
.function-introduction .function-block .function-img .img01-2 { position: absolute; top: 29.343%; left: 0; width: 33.182%; 
}
.function-introduction .function-block .function-img.current .img01-2 {
    -webkit-animation: deviation_RightDown 1s ease-in forwards;
            animation: deviation_RightDown 1s ease-in forwards;
}
@-webkit-keyframes deviation_RightDown {
    0% {
        -webkit-transform: translate(0);
                transform: translate(0);
    }
    100% {
        -webkit-transform: translate(7.534%,2.239%);
                transform: translate(7.534%,2.239%);
    }
}
@keyframes deviation_RightDown {
    0% {
        -webkit-transform: translate(0);
                transform: translate(0);
    }
    100% {
        -webkit-transform: translate(7.534%,2.239%);
                transform: translate(7.534%,2.239%);
    }
}
.function-introduction .function-block .function-img .img01-3 { position: absolute; top: 42.488%; right: 0; width: 29.545%; }
.function-introduction .function-block .function-img.current .img01-3 {
    -webkit-animation: deviation_LeftDown 1s ease-in 1s forwards;
            animation: deviation_LeftDown 1s ease-in 1s forwards;
}
@-webkit-keyframes deviation_LeftDown {
    0% {
        -webkit-transform: translate(0);
                transform: translate(0);
    }
    100% {
        -webkit-transform: translate(-8.462%,4.369%);
                transform: translate(-8.462%,4.369%);
    }
}
@keyframes deviation_LeftDown {
    0% {
        -webkit-transform: translate(0);
                transform: translate(0);
    }
    100% {
        -webkit-transform: translate(-8.462%,4.369%);
                transform: translate(-8.462%,4.369%);
    }
}
.function-introduction .function-block .function-img.img02 { position: relative; margin: 10.667vw auto 0 auto; width: 39.733vw; }
.function-introduction .function-block .function-img .img02-1 { width: 100%; }
.function-introduction .function-block .function-img .img02-2 { position: absolute; top: 34.958%; right: -29.53%; width: 57.718%; }
.function-introduction .function-block .function-img .img02-3 { position: absolute; top: 44.915%; left: -16.364%; width: 42.953%; }
.function-introduction .function-block .function-img .img02-4 { position: absolute; bottom: 15.89%; left: -5.227%; width: 42.953%; }
.service-support { padding-top: 13.333vw; padding-bottom: 12vw; }
.service-support h2 { padding-bottom: 13.333vw; font-family: "SourceHanSansCN-Bold"; font-size: 6.4vw; font-weight: bold; text-align: center; color: #4c4c4c; }
.service-support .support-box { position: relative; padding: 9.333% 4.8vw; }
.service-support .support-box+.support-box { margin-top: 2.667vw; }
.service-support .support-box.box-1 { background: linear-gradient(90deg,#7a38ff,#945fff); }
.service-support .support-box.box-2 { background: linear-gradient(90deg,#2e96ff,#6eb6ff); }
.service-support .support-box.box-3 { background: linear-gradient(90deg,#4abd11,#6fc718); }
.service-support .support-box.box-4 { background: linear-gradient(90deg,#fe6b22,#ff9c38); }
.service-support .support-box .support-txt { width: 50.133vw; }
.service-support .support-box .support-txt h3 { font-family: "SourceHanSansCN-Bold"; font-size: 4.8vw; font-weight: bold; color: #fff; }
.service-support .support-box .support-txt p { margin-top: 3.733vw; font-size: 3.2vw; line-height: 1.4; color: #fff; }
.service-support .support-box .support-icon { position: absolute; top: 6.933vw; right: 4.8vw; width: 20.8vw; }
.cooperative-partner { padding-top: 13.333vw; padding-bottom: 12vw; background: url('../images/index_partner_bg@mb.jpg') center/cover no-repeat; }
.cooperative-partner h2 { padding-bottom: 13.333vw; font-family: "SourceHanSansCN-Bold"; font-size: 6.4vw; font-weight: bold; text-align: center; color: #fff; }
.cooperative-partner .partner-logo-row { position: relative; overflow: hidden;  font-size: 0; box-sizing: border-box; white-space: nowrap; }
.cooperative-partner .partner-logo-row:nth-child(2) { margin-top: 2.267vw; }
.cooperative-partner .partner-logo-row .partner-block img { width: 29.867vw; height: 11.2vw; margin-right: 2.4vw; box-sizing: border-box; }
.cooperative-partner .partner-logo-row:nth-child(2) .partner-block img {
    -webkit-transform: translate3d(-35%,0,0);
            transform: translate3d(-35%,0,0);
}
.cooperative-partner .partner-logo-row .partner-block {
    display: inline-block; width: 161.335vw; font-size: 0;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-animation: slide_infinite 20s linear 0s infinite normal;
            animation: slide_infinite 20s linear 0s infinite normal;
}
@-webkit-keyframes slide_infinite {
    0% {
        -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
    }
    100% {
        -webkit-transform: translate3d(-161.335vw,0,0);
                transform: translate3d(-161.335vw,0,0);
    }
}
@keyframes slide_infinite {
    0% {
        -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
    }
    100% {
        -webkit-transform: translate3d(-161.335vw,0,0);
                transform: translate3d(-161.335vw,0,0);
    }
}
.news-events { padding-top: 13.333vw; padding-bottom: 12vw; }
.news-events h2 { padding-bottom: 13.333vw; font-family: "SourceHanSansCN-Bold"; font-size: 6.4vw; font-weight: bold; text-align: center; color: #4c4c4c; }
.news-events .container-custom { position: relative; }
.news-events a { display: block; color: #4c4c4c; }
.news-events a h4 { font-size: 4vw; line-height: 1.1875; }
.news-events a span { display: block; margin-top: 1.867vw; font-size: 3.2vw; }
.news-events a:hover, .news-events a:focus { text-decoration: none; color: #6127e4; -webkit-tap-highlight-color: transparent; }
.news-events .recommended { float: left; width: calc((100% - 2.667vw) / 2); margin-bottom: 2.667vw; }
.news-events .recommended.block1 { margin-right: 2.667vw; }
.news-events .recommended .image { height: 29.333vw; overflow: hidden; background-color: #a7a7a7; }
.news-events .recommended .image img {
    height: 100%; object-fit: cover; object-position: 50% 50%;
    -webkit-transition: all .45s;
       -moz-transition: all .45s;
        -ms-transition: all .45s;
         -o-transition: all .45s;
            transition: all .45s;
}
.news-events a:hover img {
    -webkit-transform: scale(1.05);
       -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
         -o-transform: scale(1.05);
            transform: scale(1.05);
}
.news-events .recommended .text { height: 29.333vw; padding: 4.267vw; background-color: #f2f2f2; }
.news-events .scroller-list { float: left; width: 100%; height: 50.667vw; padding: 4.267vw; overflow: auto; background-color: #f2f2f2; }
.news-events .scroller-list::-webkit-scrollbar { width: 4px; }
.news-events .scroller-list::-webkit-scrollbar-thumb { background-color: #7033ff; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; }
.news-events .scroller-list a+a { margin-top: 5.333vw; }
@media (min-width: 768px) {
    .index-banner .banner1 { height: 886px; background: url('../images/banner1_bg@ipad.jpg') bottom right/cover no-repeat; }
    .index-banner .banner1 .banner-title-box { padding-top: 56px; }
    .index-banner .banner1 h2 { font-size: 48px; }
    .index-banner .banner1 span { left: -35px; margin-top: 34px; font-size: 24px; }
    .index-banner .banner1 .banner-img-box { width: 466px; margin-top: 20px; }
    .index-banner .banner2 { height: 886px; background: url('../images/banner2_bg@ipad.jpg') center/cover no-repeat; }
    .index-banner .banner2 .banner-title-box { padding-top: 56px; }
    .index-banner .banner2 h2 { font-size: 48px; }
    .index-banner .banner2 span { margin-top: 34px; font-size: 24px; }
    .index-banner .banner2 .banner-img-box { width: 730px; margin-top: 110px; margin-right: auto; margin-left: auto; }
    .index-banner .banner3 { height: 886px; }
    .index-banner .banner3 .banner-title-box { padding-top: 56px; }
    .index-banner .banner3 h2 { font-size: 48px; }
    .index-banner .banner3 span { margin-top: 34px; font-size: 24px; }
    .index-banner .banner3 .banner-img-box { margin-top: 44px; }
    .index-banner .banner3 .banner-img-box .banner-img01 { width: 558px; }
    .index-banner .banner3 .banner-img-box .banner-img02 { top: 182px; width: 558px; }
    .index-banner .banner3 .banner-img-box .banner-img03 { top: 154px; width: 708px; }
    .index-banner .statistics .item { padding: 18px 0; }
    .index-banner .statistics .item h2 { font-size: 44px; }
    .index-banner .statistics .item h2 sup { top: -0.6em; font-size: 30px; }
    .index-banner .statistics .item h4 { margin-top: 20px; font-size: 24px; }
    .index-banner .swiper-container .swiper-pagination { bottom: 140px; }
    .industry-analysis { padding-top: 80px; padding-bottom: 100px; }
    .industry-analysis h2 { padding-bottom: 110px; font-size: 40px; }
    .industry-analysis .industry-analysis-txt { margin-left: 70px; }
    .industry-analysis .industry-analysis-txt+.industry-analysis-txt { margin-top: 40px; }
    .industry-analysis .industry-analysis-img-box { width: 280px; height: 280px; margin: 100px auto; }
    .industry-analysis .industry-analysis-txt h3 { font-size: 28px; }
    .industry-analysis .industry-analysis-txt p { padding-left: 40px; font-size: 16px; }
    .scope-of-services { padding-top: 80px; padding-bottom: 100px; }
    .scope-of-services h2 { padding-bottom: 110px; font-size: 40px; }
    .scope-of-services .services-list { width: 574px; }
    .scope-of-services .services-list li { width: calc((100% - 22px) / 2); padding-top: 56px; padding-bottom: 70px; }
    .scope-of-services .services-list li:nth-child(even) { margin-left: 22px; }
    .scope-of-services .services-list .list-02~li { margin-top: 22px; }
    .scope-of-services .services-list .services-icon { width: 108px; margin-bottom: 60px; }
    .scope-of-services .services-list li h3 { font-size: 24px; }
    .scope-of-services .services-list li p { margin-top: 20px; padding: 0 40px; font-size: 18px; }
    .pos-cloud-alliance { padding-top: 110px; padding-bottom: 100px; }
    .pos-cloud-alliance .alliance-text h2 { padding-bottom: 80px; font-size: 40px; }
    .pos-cloud-alliance .alliance-text p { font-size: 18px; }
    .pos-cloud-alliance .alliance-text p+p { margin-top: 30px; }
    .pos-cloud-alliance .alliance-pic-box { width: 401px; height: 412px; margin-top: 70px; }
    .function-introduction { padding-top: 80px; padding-bottom: 100px; }
    .function-introduction h2 { padding-bottom: 110px; font-size: 40px; }
    .function-introduction .function-block .function-txt { padding-left: 26px; }
    .function-introduction .function-block .function-txt+.function-txt { margin-top: 30px; }
    .function-introduction .function-block .function-txt:before { top: 12px; width: 8px; height: 8px; }
    .function-introduction .function-block .function-txt h3 { font-size: 24px; }
    .function-introduction .function-block .function-txt p { margin-top: 10px; font-size: 16px; }
    .function-introduction .function-block .function-img.img01 { margin-top: 54px; margin-bottom: 90px; width: 400px; }
    .function-introduction .function-block .function-img.img02 { margin-top: 54px; width: 240px; }
    .service-support { padding-top: 80px; padding-bottom: 100px; }
    .service-support h2 { padding-bottom: 110px; font-size: 40px; }
    .service-support .support-box { padding: 80px 36px; }
    .service-support .support-box .support-txt { width: 50%; }
    .service-support .support-box .support-txt h3 { font-size: 26px; }
    .service-support .support-box .support-txt p { margin-top: 32px; font-size: 18px; }
    .service-support .support-box .support-icon { top: 56px; right: 36px; width: 144px; }
    .cooperative-partner { padding-top: 80px; padding-bottom: 100px; background: url('../images/index_partner_bg@ipad.jpg') center/cover no-repeat; }
    .cooperative-partner h2 { padding-bottom: 110px; font-size: 40px; }
    .cooperative-partner .partner-logo-row .partner-block { width: 1210px; }
    .cooperative-partner .partner-logo-row:nth-child(2) { margin-top: 18px; }
    .cooperative-partner .partner-logo-row .partner-block img { width: 224px; height: 84px; margin-right: 18px; }
    @-webkit-keyframes slide_infinite {
        0% {
            -webkit-transform: translate3d(0,0,0);
                    transform: translate3d(0,0,0);
        }
        100% {
            -webkit-transform: translate3d(-1210px,0,0);
                    transform: translate3d(-1210px,0,0);
        }
    }
    @keyframes slide_infinite {
        0% {
            -webkit-transform: translate3d(0,0,0);
                    transform: translate3d(0,0,0);
        }
        100% {
            -webkit-transform: translate3d(-1210px,0,0);
                    transform: translate3d(-1210px,0,0);
        }
    }
    .news-events { padding-top: 80px; padding-bottom: 100px; }
    .news-events h2 { padding-bottom: 110px; font-size: 40px; }
    .news-events a h4 { font-size: 24px; }
    .news-events a span { margin-top: 14px; font-size: 16px; }
    .news-events .recommended { width: calc((100% - 20px) / 2); margin-bottom: 20px; }
    .news-events .recommended.block1 { margin-right: 20px; }
    .news-events .recommended .image { height: 220px; }
    .news-events .recommended .text { height: 220px; padding: 32px; }
    .news-events .scroller-list { height: 380px; padding: 32px; }
    .news-events .scroller-list a+a { margin-top: 40px; }
}
@media (min-width: 1024px) {
    .index-banner .banner1 { height: 630px; }
    .index-banner .banner1 .container-custom { position: relative; }
	.index-banner .banner1 .banner-title-box { margin-left: 40px; padding-top: 156px; text-align: left; }
    .index-banner .banner1 span { left: 0; }
    .index-banner .banner1 .banner-img-box { position: absolute; top: 54px; right: 55px; width: 384px; margin-top: 0; }
    .index-banner .banner2 { height: 630px; }
    .index-banner .banner2 .banner-title-box { padding-top: 100px; }
    .index-banner .banner2 h2 b { display: inline; }
    .index-banner .banner2 h2 br { display: none; }
    .index-banner .banner2 span { margin-top: 20px; }
    .index-banner .banner2 .banner-img-box { margin-top: 56px; }
    .index-banner .banner3 { height: 630px; }
    .index-banner .banner3 .container-custom { position: relative; }
    .index-banner .banner3 .banner-title-box { margin-left: 40px; padding-top: 156px; text-align: left; }
    .index-banner .banner3 .banner-img-box { position: absolute; top: 78px; right: 55px; width: 486px; margin-top: 0; }
    .index-banner .banner3 .banner-img-box .banner-img01 { width: 486px; }
    .index-banner .banner3 .banner-img-box .banner-img02 { top: 160px; width: 486px; }
    .index-banner .banner3 .banner-img-box .banner-img03 { top: 135px; width: 612px; }
    .industry-analysis { padding-top: 60px; padding-bottom: 90px; }
    .industry-analysis h2, .scope-of-services h2, .function-introduction h2, .service-support h2, .cooperative-partner h2 { padding-bottom: 100px; }
    .industry-analysis .container-custom { position: relative; }
    .industry-analysis .industry-analysis-txt { position: absolute; width: 326px; margin-left: 0; }
    .industry-analysis .industry-analysis-txt+.industry-analysis-txt { margin-top: 0; }
    .industry-analysis .industry-analysis-img-box { margin: 70px auto; }
    .industry-analysis .industry-analysis-txt.txt-01 { top: -22%; left: 120px; }
    .industry-analysis .industry-analysis-txt.txt-02 { top: 18%; left: 15px; }
    .industry-analysis .industry-analysis-txt.txt-03 { bottom: 18%; left: 27px; }
    .industry-analysis .industry-analysis-txt.txt-04 { bottom: -22%; left: 115px; }
    .industry-analysis .industry-analysis-txt.txt-08 { top: -22%; right: 120px; }
    .industry-analysis .industry-analysis-txt.txt-07 { top: 18%; right: 15px; }
    .industry-analysis .industry-analysis-txt.txt-06 { bottom: 18%; right: 27px; }
    .industry-analysis .industry-analysis-txt.txt-05 { bottom: -22%; right: 115px; }
    .industry-analysis .industry-analysis-txt h3 { font-size: 32px; }
    .scope-of-services { padding-top: 60px; padding-bottom: 90px; }
    .scope-of-services h2 { padding-bottom: 100px; }
    .scope-of-services .services-list { width: 100%; }
    .scope-of-services .services-list li { width: calc((100% - 42px) / 4); padding-top: 40px; padding-bottom: 56px; transition: all .45s; }
    .scope-of-services .services-list li:nth-child(n+2) { margin-left: 14px; }
    .scope-of-services .services-list .list-02~li { margin-top: 0; }
    .scope-of-services .services-list li:hover {
        -webkit-transform: translateY(-20px);
           -moz-transform: translateY(-20px);
            -ms-transform: translateY(-20px);
             -o-transform: translateY(-20px);
                transform: translateY(-20px);
        -webkit-box-shadow: 0 10px 14px rgba(0,0,0,.14);
                box-shadow: 0 10px 14px rgba(0,0,0,.14);
    }
    .scope-of-services .services-list li:hover img {
    -webkit-animation: rotate_Icon .5s linear;
            animation: rotate_Icon .5s linear;
    }@-webkit-keyframes rotate_Icon {
        0% {
            -webkit-transform: rotate(0deg);
                    transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
                    transform: rotate(360deg);
        }
    }
    @keyframes rotate_Icon {
        0% {
            -webkit-transform: rotate(0deg);
                    transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
                    transform: rotate(360deg);
        }
    }
    .scope-of-services .services-list li p { padding: 0 24px; }
    .pos-cloud-alliance { padding-top: 100px; }
    .pos-cloud-alliance .container-custom { position: relative; }
    .pos-cloud-alliance .alliance-text { width: 50%; margin-left: auto; }
    .pos-cloud-alliance .alliance-text h2 { padding-bottom: 80px; }
    .pos-cloud-alliance .alliance-pic-box { position: absolute; top: 50%; left: 25%; margin-top: -206px; margin-left: -200px; }
    .function-introduction { padding-top: 60px; padding-bottom: 0; }
    .function-introduction h2 { padding-bottom: 168px; }
    .function-introduction .function-block.block-1 { position: relative; padding-bottom: 250px; }
    .function-introduction .function-block.block-1  .function-txt { width: 444px; margin-left: 56px; }
    .function-introduction .function-block .function-img.img01 { position: absolute; top: -68px; right: 22px; margin-top: 0; margin-bottom: 0; }
    .function-introduction .function-block.block-2 { position: relative; padding-bottom: 168px; }
    .function-introduction .function-block.block-2 .function-txt { width: 444px; margin-right: 40px; margin-left: auto; }
    .function-introduction .function-block .function-img.img02 { position: absolute; top: -82px; left: 78px; margin-top: 0; }
    .service-support { padding-top: 60px; padding-bottom: 90px; }
    .service-support h2 { padding-bottom: 100px; }
    .service-support .support-box { width: calc((100% - 20px) / 2); float: left; padding: 64px 36px; }
    .service-support .support-box.box-2 { margin-top: 0; }
    .service-support .support-box:nth-child(even) { margin-left: 20px; }
    .service-support .support-box:nth-child(n+3) { margin-top: 20px; }
    .service-support .support-box:hover {
        transition-duration: .45s;
        -webkit-box-shadow: 0 10px 16px rgba(0,0,0,.24);
                box-shadow: 0 10px 16px rgba(0,0,0,.24);
        -webkit-transform: scale(1.02);
           -moz-transform: scale(1.02);
            -ms-transform: scale(1.02);
             -o-transform: scale(1.02);
                transform: scale(1.02);
    }
    .service-support .support-box .support-txt { width: 70%; }
    .service-support .support-box .support-icon { width: 110px; }
    .cooperative-partner { padding-top: 60px; padding-bottom: 90px; }
    .cooperative-partner h2 { padding-bottom: 100px; }
    .news-events { padding-top: 60px; padding-bottom: 90px; }
    .news-events h2 { padding-bottom: 100px; }
}
@media (min-width: 1200px) {
    .index-banner .banner1 { height: 590px; background: url('../images/banner1_bg.jpg') center/cover no-repeat; }
    .index-banner .banner1 .banner-title-box { margin-left: 30px; padding-top: 130px; }
    .index-banner .banner1 h2 { font-size: 54px; }
    .index-banner .banner1 span { font-size: 28px; }
    .index-banner .banner1 .banner-img-box { top: 20px; right: 45px; width: 446px; }
    .index-banner .banner2 { height: 590px; background: url('../images/banner2_bg.jpg') center/cover no-repeat; }
    .index-banner .banner2 .banner-title-box { padding-top: 54px; }
    .index-banner .banner2 h2, .index-banner .banner3 h2 { font-size: 54px; }
    .index-banner .banner2 span { margin-top: 20px; font-size: 28px; }
    .index-banner .banner2 .banner-img-box { width: 876px; margin-top: 48px; }
    .index-banner .banner3 { height: 590px; }
    .index-banner .banner3 .banner-title-box { margin-left: 30px; padding-top: 130px; }
    .index-banner .banner3 h2 { font-size: 54px; }
    .index-banner .banner3 span { font-size: 28px; }
    .index-banner .banner3 .banner-img-box { top: 20px; right: 45px; width: 526px; }
    .index-banner .banner3 .banner-img-box .banner-img01 { width: 526px; }
    .index-banner .banner3 .banner-img-box .banner-img02 { top: 170px; width: 526px; }
    .index-banner .banner3 .banner-img-box .banner-img03 { top: 150px; width: 660px; }
    .industry-analysis .industry-analysis-img-box { width: 424px; height: 424px; margin: 40px auto; }
    .industry-analysis .industry-analysis-txt.txt-01 { top: -8%; left: 120px; }
    .industry-analysis .industry-analysis-txt.txt-02 { top: 24%; left: 15px; }
    .industry-analysis .industry-analysis-txt.txt-03 { bottom: 24%; left: 27px; }
    .industry-analysis .industry-analysis-txt.txt-04 { bottom: -8%; left: 115px; }
    .industry-analysis .industry-analysis-txt.txt-08 { top: -8%; right: 120px; }
    .industry-analysis .industry-analysis-txt.txt-07 { top: 24%; right: 15px; }
    .industry-analysis .industry-analysis-txt.txt-06 { bottom: 24%; right: 27px; }
    .industry-analysis .industry-analysis-txt.txt-05 { bottom: -8%; right: 115px; }
    .scope-of-services .services-list li { padding-top: 46px; padding-bottom: 70px; }
    .scope-of-services .services-list li p { padding: 0 40px; }
    .function-introduction { padding-top: 100px; }
    .function-introduction .function-block.block-1 .function-txt { margin-left: 0; }
    .function-introduction .function-block .function-img.img01 { right: 45px; }
    .function-introduction .function-block .function-img.img02 { left: 134px; }
    .service-support .support-box .support-txt h3 { font-size: 28px; }
    .service-support .support-box .support-txt p { font-size: 20px; }
    .cooperative-partner { padding-top: 100px; padding-bottom: 130px; background: url('../images/index_partner_bg.jpg') center/cover no-repeat; }
    .news-events .recommended { width: calc((100% - 40px) / 3); margin-right: 20px; margin-bottom: 0; }
    .news-events .scroller-list { width: calc((100% - 40px) / 3); height: 440px; }
    
@media (min-width: 1440px) {
    .index-banner .banner1 { height: 820px; }
    .index-banner .banner1 .banner-title-box { margin-left: 0; padding-top: 240px; }
    .index-banner .banner1 h2 { font-size: 60px; }
    .index-banner .banner1 span { font-size: 30px; }
    .index-banner .banner1 .banner-img-box { top: 86px; right: 0; width: 500px; }
    .index-banner .banner2 { height: 820px; }
    .index-banner .banner2 .banner-title-box { padding-top: 110px; }
    .index-banner .banner2 h2 { font-size: 60px; }
    .index-banner .banner2 span { margin-top: 28px; font-size: 30px; }
    .index-banner .banner2 .banner-img-box { width: 974px; margin-top: 86px; }
    .index-banner .banner3 { height: 820px; }
    .index-banner .banner3 .banner-title-box { margin-left: 0; padding-top: 240px; }
    .index-banner .banner3 h2 { font-size: 60px; }
    .index-banner .banner3 span { font-size: 30px; }
    .index-banner .banner3 .banner-img-box { top: 100px; right: 0; width: 596px; margin-top: 0; }
    .index-banner .banner3 .banner-img-box .banner-img01 { width: 596px; }
    .index-banner .banner3 .banner-img-box .banner-img02 { top: 196px; width: 596px; }
    .index-banner .banner3 .banner-img-box .banner-img03 { top: 170px; width: 750px; }
    .index-banner .statistics .item { padding: 24px 0; }
    .index-banner .statistics .item h2 { font-size: 60px; }
    .index-banner .statistics .item h2 sup { font-size: 32px; }
    .index-banner .statistics .item h4 { font-size: 28px; }
    .index-banner .swiper-container .swiper-pagination { bottom: 190px; }
    .scope-of-services .services-list li { padding-top: 56px; padding-bottom: 80px; }
    .scope-of-services .services-list .services-icon { margin: 0 auto 80px auto; }
    .pos-cloud-alliance { padding-top: 140px; padding-bottom: 140px; }
    .pos-cloud-alliance .alliance-text { width: 50.9%; }
    .pos-cloud-alliance .alliance-text p { font-size: 20px; }
}
@media (min-width: 1920px) {
    .industry-analysis { padding-top: 100px; padding-bottom: 130px; }
    .scope-of-services { padding-top: 100px; padding-bottom: 130px; }
    .service-support { padding-top: 100px; padding-bottom: 130px; }
    .industry-analysis h2 { padding-bottom: 150px; }
    .scope-of-services h2 { padding-bottom: 150px; }
    .function-introduction h2 { padding-bottom: 150px; }
    .function-introduction .function-block.block-1 .function-txt { width: 520px; }
    .function-introduction .function-block.block-2 .function-txt { width: 520px; }
    .service-support h2 { padding-bottom: 150px; }
    .cooperative-partner h2 { padding-bottom: 150px; }
    .news-events { padding-top: 100px; padding-bottom: 130px; }
    .news-events h2 { padding-bottom: 150px; }
}