@charset "utf-8";
@font-face {
    font-family: zhezhi;
    src: url('../fonts/zhezhi.TTF');
}
html {-webkit-tap-highlight-color: transparent;}


.page-title{font-size: 36px;line-height: 100px;color:#fff;font-weight: normal;}
.page-title-wrapper{padding-top:240px}
.page-title-big{font-weight: bold;font-size: 36px;color:#fff;line-height: 85px}
.page-title-en{font-size: 18px;color:#fff;position: relative;white-space: nowrap}


.btn.active {
    background: -webkit-linear-gradient(to left, #4196fe, #7c7ee5);
    background: -webkit-linear-gradient(right, #4196fe, #7c7ee5);
    background: linear-gradient(to left, #4196fe, #7c7ee5);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4196fe, endcolorstr=#7c7ee5, gradientType=1);
    color: #fff;
    border: 1px solid transparent;
    cursor: pointer
}
.btn.btn-white{color: #fff;}
.section-title h2,.section-title h3{font-size:28px;line-height:60px;-webkit-font-smoothing:antialiased;font-weight: bold;position: relative;z-index: 99}
.section-title h2{font-size:30px;line-height:75px;font-weight: normal;}
.section-title{text-align: center;margin-bottom: 60px;}
.section-title p{font-size: 16px;line-height: 30px;max-width: 1380px;width:96%;margin:0 auto}

.col-title h3{font-size: 24px;}
.col-title p{line-height: 25px;}

.pep-activity-promotion-component .btn{display:inline-block;border:1px solid #c7cdd9;color:#32363f;width: 110px;line-height: 40px;text-align: center;border-radius: 40px;}


.pep-activity-promotion-component .btn.active:hover{box-shadow: 0 0 15px rgba(63,138,238,0.4);}

/* part03 */
.section03 .section-title{margin-bottom: 100px}
.block03{width: 496px;height: 460px;background-image: url(../images/part03-bg.png);background-repeat: no-repeat;margin:0 auto;position: relative;padding-bottom: 27px;}
.block-item-person{width: 100%;height: 100%;position: relative}
.p01-1{fill: #FFCEBD;}
.p01-2{fill: #5A379E;}
.p01-3{fill: #85F1FD;}
.p01-4{fill: #CB876A;}
.p01-5{fill: #FEA689;}
.p01-6{fill: #60A1F7;}
.p01-7{fill: #280BB4;}
.p01-8{fill: #2709B2;}
.p02-1{fill: #F37B57;}
.p02-2{fill: #FFA386;}
.p02-3{fill: #280CAE;}
.p02-4{fill: #FFA289;}
.p02-5{fill: #F97F5F;}
.p02-6{fill: #2A11B7;}
.p02-7{fill: #61A2F6;}
.p02-8{fill: #1E008A;}
.p02-9{fill: #270CAF;}
.p02-10{fill: #FFA489;}
.p02-11{fill: #C1C1D5;}
.p03-2{fill:#F17A5A;}
.p03-3{fill:#2709B2;}
.p03-4{fill:#FFFFFF;}
.p03-5{fill:#280BB4;}
.p03-6{opacity:0.2;fill:#231F20;}
.p03-7{fill:#60A1F7;}
.p03-8{fill:#5A379E;}
.p03-9{fill:#AF6348;}
.p03-10{fill:#CB876A;}
.p03-11{fill:#85F1FD;}
.p03-12{fill:#545671;}
.p03-13{fill:#3F4155;}
.p03-14{fill:#F5F7F9;}
.p03-15{fill:#4D5068;}

.p01{position: absolute;right: 71px;top: 236px;width: 165px;height: 156px;}
.p02{position: absolute;right: 0;top: 0;width: 185px;height: 156px;}
.p03{position: absolute;left: -22px;top: 188px;width: 140px;height: 156px;}

.origin-lt{-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top}
.origin-rt{-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top}
.origin-lb{-webkit-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom}
.origin-rb{-webkit-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom}
.delay1{-webkit-animation-delay: 1s;animation-delay: 1s}
.delay2{-webkit-animation-delay: 2s;animation-delay: 2s}
.delay3{-webkit-animation-delay: 3s;animation-delay: 3s}
.dur1{-webkit-animation-duration: 1s;animation-duration: 1s}
.dur3{-webkit-animation-duration: 3s;animation-duration: 3s}
.dur5{-webkit-animation-duration: 5s;animation-duration: 5s}
.dur7{-webkit-animation-duration: 7s;animation-duration: 7s}
.rotate3{-webkit-animation-name: rotate3;animation-name: rotate3;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite}
.rotate5{-webkit-animation-name: rotate5;animation-name: rotate5;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite}
.rotate10{-webkit-animation-name: rotate10;animation-name: rotate10;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite}

.block-item-line{width: 100%;height: 100%;background-image: url(../images/part03-line.png);background-repeat: no-repeat;position: absolute;top:0;left: 0;}
.block-item-tab {display: none}
.block-item-hover .dot{cursor: pointer;position: absolute}
.block-item-hover .dot i:nth-child(1){display: block;width: 20px;height: 20px;opacity:0;background-color: #60bfed;border-radius: 50px;position: absolute;top:50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-animation: scaleOut 3s 1s ease-in infinite;animation: scaleOut 3s 1s ease-in infinite;}
.block-item-hover .dot i:nth-child(2){display: block;width: 20px;height: 20px;opacity:0;background-color: #60bfed;border-radius: 50px;position: absolute;top:50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-animation: scaleOut 3s 2s ease-in infinite;animation: scaleOut 3s 2s ease-in infinite;}
.block-item-hover .dot i:nth-child(3){display: block;width: 20px;height: 20px;opacity:0;background-color: #60bfed;border-radius: 50px;position: absolute;top:50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-animation: scaleOut 3s 3s ease-in infinite;animation: scaleOut 3s 3s ease-in infinite;}
@-webkit-keyframes scaleOut {
    from{
        -webkit-transform: scale(.5);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(2.5);
        opacity: 0;
    }
}
@keyframes scaleOut {
    from{
        -webkit-transform: scale(.5);
                transform: scale(.5);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(2.5);
                transform: scale(2.5);
        opacity: 0;
    }
}
.block-item-hover .bubble{position: absolute;color:#fff;padding:15px 20px;border-radius: 10px;background: -webkit-linear-gradient(to bottom, #4196fe,#7c7ee5 );background: -webkit-linear-gradient(top, #4196fe,#7c7ee5 );background: linear-gradient(to bottom, #4196fe,#7c7ee5 );filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = #4196fe, endColorstr = #7c7ee5);  box-shadow: 2px 2px 10px rgba(70,148,251,.4)}
.block-item-hover li{position: absolute;white-space: nowrap;}
.block-item-hover li dt{font-size: 18px;margin-bottom: 10px;font-weight: bold}
.block-item-hover li dd{line-height: 24px;font-weight: bold;padding-left: 15px;;position: relative}
.block-item-hover li dd:before{content:'';display:block;width: 8px;height: 8px;border-radius: 8px;background-color: #fff;position: absolute;left: 0;top:8px;}
.block-item-hover li:nth-child(1){left: 40px;top: 162px;}
.block-item-hover li:nth-child(1) .bubble{top: -14px;left: -200px;}
.block-item-hover li:nth-child(1) .bubble:after{content:'';display:inline-block;width:0;height:0;border-width:8px;border-style:solid;border-color: transparent transparent transparent #4296fe;position: absolute;right: -16px;top: 15px;}
.block-item-hover li:nth-child(2){left: 460px;top: 45px;}
.block-item-hover li:nth-child(2) .bubble{top: -8px;left: 60px;}
.block-item-hover li:nth-child(2) .bubble:after{content:'';display:inline-block;width:0;height:0;border-width: 8px;border-style: solid;border-color:transparent #4296fe transparent transparent;position: absolute;left: -16px;top: 15px;}
.block-item-hover li:nth-child(3){left: 277px;top: 247px;}
.block-item-hover li:nth-child(3) .dot i{background-color: #88eafe}
.block-item-hover li:nth-child(3) .bubble{top: 43px;left: -90px;}
.block-item-hover li:nth-child(3) .bubble:after{content:'';display:inline-block;width:0;height:0;position: absolute;left: 89px;top: -16px;border-width: 8px;border-style: solid;border-color: transparent transparent #4296fe transparent}

@-webkit-keyframes rotate3 {
    0%{
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    50%{
        -webkit-transform: rotate(3deg);
                transform: rotate(3deg);
    }
    100% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
}

@keyframes rotate3 {
    0%{
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    50%{
        -webkit-transform: rotate(3deg);
                transform: rotate(3deg);
    }
    100% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
}

@-webkit-keyframes rotate5 {
    0%{
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    50%{
        -webkit-transform: rotate(5deg);
                transform: rotate(5deg);
    }
    100% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
}

@keyframes rotate5 {
    0%{
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    50%{
        -webkit-transform: rotate(5deg);
                transform: rotate(5deg);
    }
    100% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
}

@-webkit-keyframes rotate10 {
    0%{
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    50%{
        -webkit-transform: rotate(10deg);
                transform: rotate(10deg);
    }
    100% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
}

@keyframes rotate10 {
    0%{
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    50%{
        -webkit-transform: rotate(10deg);
                transform: rotate(10deg);
    }
    100% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
}

.detail-wrapper{width: 360px;height: 0;border-radius: 800px;position: absolute;overflow: hidden;-webkit-transform: translate(-50%,-47%);-ms-transform: translate(-50%,-47%);transform: translate(-50%,-47%);-webkit-transition: all 1s;transition: all 1s}
.detail-wrapper .detail{width: 360px;background-color: rgba(99,164,248,0.9);border:3px solid rgba(255,255,255,.7);border-radius: 14px;padding:30px 20px;box-sizing: border-box;margin:0 auto}
.detail-wrapper .detail h3{color:#fff;text-align: center;font-size: 20px;font-weight: bold;margin-bottom: 25px;}
.detail-wrapper .detail-item{background-color: #fff;border-radius: 10px;padding:15px 100px 15px 15px ;margin-bottom: 10px;position: relative}
.detail-wrapper .detail-item p{font-weight: bold;margin-bottom: 10px;text-align: left}
.detail-wrapper .detail-item span{white-space: normal;color:#6d6f74;text-align: left}
.detail-wrapper .detail-item a{background:var(--zdans);background: -webkit-linear-gradient(right,#4196fe,#7c7ee5 );background: linear-gradient(to left,#4196fe,#7c7ee5 );filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4196fe,endcolorstr=#7c7ee5,gradientType=1);color:#fff;display: block;width: 80px;line-height: 30px;text-align:center;border-radius: 30px;position: absolute;top:36px;right: 15px;}
.detail-wrapper .detail>*{opacity: 0;-webkit-transition: opacity .5s;transition: opacity .5s;text-align: left}

.block-item-hover li:nth-child(1) .detail-wrapper{top:65px;left: -220px}
.block-item-hover li:nth-child(2) .detail-wrapper{top:190px;left: 230px}
.block-item-hover li:nth-child(3) .detail-wrapper{top:50%;left:50%}

.block-item-hover li:hover .detail-wrapper{width: 360px;height: 644px;z-index: 5;border-radius: 0}
.block-item-hover li:hover .detail>*{opacity: 1;-webkit-transition: opacity 1s 1s;transition: opacity 1s 1s}
.block-item-hover li:hover .detail>*:nth-child(1){-webkit-transition-delay: .3s;transition-delay: .3s}
.block-item-hover li:hover .detail>*:nth-child(2){-webkit-transition-delay: .6s;transition-delay: .6s}
.block-item-hover li:hover .detail>*:nth-child(3){-webkit-transition-delay: .9s;transition-delay: .9s}
.block-item-hover li:hover .detail>*:nth-child(4){-webkit-transition-delay: 1.2s;transition-delay: 1.2s}
.block-item-hover li:hover .detail>*:nth-child(5){-webkit-transition-delay: 1.5s;transition-delay: 1.5s}
.block-item-hover li:hover .detail>*:nth-child(6){-webkit-transition-delay: 1.8s;transition-delay: 1.8s}

/* tab切换 */
.tab-box-head{text-align: center;margin-bottom: 40px}
.tab-box-head li{display: inline-block;cursor: pointer;color: #666;}
.tab-box-head li.active{color:#11111a}

/* 线条式 */
[data-skin="1"]>.tab-box-head{border-bottom: 1px solid #eaebef;}
[data-skin="1"]>.tab-box-head li{color: #2f2f40;padding: 0 10px 17px;line-height: 24px;margin: 0 70px;position: relative;font-size: 18px}
[data-skin="1"]>.tab-box-head li:after{content:'';display:block;position:absolute;left: 0;bottom: 0;width: 0;height: 2px;background-color: #2981ff;transition: 0.5s width cubic-bezier(.74,.29,.03,.91)}
[data-skin="1"]>.tab-box-head li.active:after{width: 100%}

/* 带图标式 */
[data-skin="2"] .tab-icon{display: block;width: 48px;height: 48px;padding: 6px;margin: 10px auto;border:1px solid transparent;border-radius: 40px;}
[data-skin="2"]>.tab-box-head{display: -webkit-flex;display: flex;justify-content: space-around}
[data-skin="2"]>.tab-box-head li{position: relative;padding: 0 10px}
[data-skin="2"]>.tab-box-head li:before, [data-skin="2"]>.tab-box-head li:after{content:'';display:block;width: 100px;height: 1px;background-color: #e5e8ed;position: absolute;top: 40px}
[data-skin="2"]>.tab-box-head li:before{right: 120px;}
[data-skin="2"]>.tab-box-head li:after{left: 120px;}
[data-skin="2"]>.tab-box-head li:first-child:before{display: none}
[data-skin="2"]>.tab-box-head li:last-child:after{display: none}
[data-skin="2"]>.tab-box-head li.active{color: #2981ff}
[data-skin="2"]>.tab-box-head li.active .tab-icon{border:1px solid #2981ff;box-shadow: 0 4px 10px rgba(0, 150,255,0.2);background-color: #fff}
[data-skin="2"]>.tab-box-head li.active .tab-icon:before{background-image: url(../images/icon-product-active-fun-48_48.png)}

/* 按钮式 */
[data-skin="3"]>.tab-box-head li{font-size: 18px;}
[data-skin="3"]>.tab-box-head{border-bottom: none;margin-bottom: 30px}
[data-skin="3"]>.tab-box-head li{padding: 0 15px;line-height: 30px;margin: 0 18px;font-size: 14px;border:1px solid #e6e6e6;border-radius: 2px}
[data-skin="3"]>.tab-box-head li.active{background-color: #2981ff;border:1px solid #2981ff;color: #fff;box-shadow: 0 4px 10px rgba(0, 150, 255, .3)}

/* 上下边框线 */
[data-skin="4"]>.tab-box-head{display: -webkit-flex;display: flex;justify-content: space-between;border-top: 1px solid #ececec;border-bottom: 1px solid #ececec}
[data-skin="4"]>.tab-box-head li{line-height: 38px;position: relative}
[data-skin="4"]>.tab-box-head li:after{content:'';display:block;position:absolute;left: 50%;bottom: 0;transform:translateX(-50%);width: 0;height: 2px;background-color: #2981ff;transition: 0.5s width cubic-bezier(.74,.29,.03,.91)}
[data-skin="4"]>.tab-box-head li.active:after{width: 100%}


/* part04 */
.section04{background:url(../images/new_website/sec04-bg.png) #141a23 no-repeat bottom center;}
.section04 .w1120{position: relative}
.datacenter{height: 488px;background: url(../images/sec04-line01.png) center no-repeat;position: relative;width: 1132px;margin:95px auto -120px auto}
.dataPath>path{-webkit-filter: none;filter: none; fill: none;stroke-width: 3px;stroke:url(#bg);}
#dcMachine{position: absolute;top:134px;left: 47%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%)}
.c01{-webkit-animation: changeColor 4s infinite;animation: changeColor 4s infinite}
.c02{-webkit-animation: changeColor 5s infinite;animation: changeColor 5s infinite}
.c03{-webkit-animation: changeColor 4s 2s infinite;animation: changeColor 4s 2s infinite}
.c04{-webkit-animation: changeColor 9s infinite;animation: changeColor 9s infinite}
@-webkit-keyframes changeColor {
    50%{
        fill:aqua;
    }
    100%{
        fill:aqua;
    }
}
@keyframes changeColor {
    50%{
        fill:aqua;
    }
    100%{
        fill:aqua;
    }
}
.section04 .info{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.section04 .info *{-webkit-transition: all .3s;transition: all .3s}
.section04 .info .item-head{color:#fff}
.section04 .info .item-head:before,.section04 .info .item-head:after{content:'';display: block;opacity:1;width: 40px;height: 40px;background-color: rgba(81,101,255,0.5);border-radius: 20px;position: absolute;top:0;left: 0}
.section04 .info .item-head a{display:inline-block;width:40px;line-height: 40px;height:40px;text-align: center;color:#fff;background-color: #5165ff;border-radius: 20px;position: relative;z-index: 3}
.section04 .info .item-head p{color:#fff;font-size: 14px;display: inline-block;line-height: 40px;margin-left: 10px}
.section04 .info .item-bubble{display:none;box-sizing:border-box;background:var(--zdans);background: var(--zdans);background: var(--zdans);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4196fe,endcolorstr=#7c7ee5,gradientType=1);color:#fff;padding:20px;width: 400px;position: absolute;bottom: 60px;left: -80px;z-index: 9;min-height: 200px}
.section04 .info .item-bubble:after{content:'';display: block;width: 0;height: 0;border-style: solid;border-width: 7px;border-color: #4196fe transparent transparent transparent;position: absolute;bottom: -13px;left: 93px}
.section04 .info .item-bubble>*{font-size: 14px;white-space: normal}
.section04 .info .item-bubble h3{line-height: 30px;margin-bottom: 10px}
.section04 .info .item-bubble p{line-height: 25px}

.section04 .info li{position: absolute}
.section04 .info li:nth-child(1){top:170px;left: 652px}
.section04 .info li:nth-child(2){top:170px;left: 300px}
.section04 .info li:nth-child(3){top:60px;left: 290px}
.section04 .info li:nth-child(4){top:10px;left: 640px}
.section04 .info li:nth-child(5){top:245px;left: 822px}
.section04 .info li:nth-child(6){top:330px;left: 640px}
.section04 .info li:nth-child(7){top:346px;left: 330px}

.section04 .info li:nth-child(3) .item-bubble{top:60px;left: -80px}
.section04 .info li:nth-child(4) .item-bubble{top:60px;left: -80px}
.section04 .info li:nth-child(3) .item-bubble:after,.section04 .info li:nth-child(4) .item-bubble:after{border-color: transparent transparent #4196fe transparent;top:-13px;bottom: auto}

.section04 .info li.active .item-head:before{-webkit-animation: scaleHide 3s infinite;animation: scaleHide 3s infinite}
.section04 .info li.active .item-head:after{-webkit-animation: scaleHide 3s 1s infinite;animation: scaleHide 3s 1s infinite}
@-webkit-keyframes scaleHide {
    0%{
        opacity: 1;
    }
    100%{
        -webkit-transform: scale(1.8);
                transform: scale(1.8);
        opacity: 0;
    }
}
@keyframes scaleHide {
    0%{
        opacity: 1;
    }
    100%{
        -webkit-transform: scale(1.8);
                transform: scale(1.8);
        opacity: 0;
    }
}
.section04 .info li.active .item-head a{background:var(--zdans);background: var(--zdans);background: var(--zdans);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4196fe,endcolorstr=#7c7ee5,gradientType=1);}
.section04 .info li.active .item-bubble{display: block}


/* section05 */
.block05{padding: 95px 40px;box-sizing: border-box;border-radius: 20px;position: relative}
.block05 .icon{margin:0 auto}
.block05 h3{font-weight: normal;margin: 25px 0 15px 0;}
.block05 p{text-align: justify;min-height: 54px}
.block05:before,.block05:after{content:'';position: absolute;top:0;left: 0;width: 100%;height: 100%;border-radius: 20px;border:1px solid #c7cdd9;-webkit-transition: all .3s;transition: all .3s}
.block05:hover:before{top:-5px;left: -5px;border:1px solid #32394a}
.block05:hover:after{top:5px;left: 5px;border:1px solid #32394a}

/* section06 */
.section06{background-color: #32394b}
.section06 .section-content{position: relative;}


.partner-container{overflow: hidden}
.partner-container .swiper-slide{display:inline-block;width:210px;height:68px;box-sizing: border-box;background-position: center center;background-size: 80%;background-color: #ffffff;border-radius: 10px; background-repeat: no-repeat;}
.partner-container img{width: 100%;height: 100%}

/* section08 */
.section08{background-image: url(../images/new_website/bg3.png);background-position:center center;background-size:auto 100%;position: relative;overflow: hidden;padding:58px 0 !important;}
.btn-border{display:inline-block;border:1px solid #fff;color:#fff;border-radius: 8px;width: 160px;text-align: center;line-height: 48px;margin:0 auto;font-size: 20px;position: relative;z-index: 3;-webkit-transition: all .3s;transition: all .3s}
.btn-border:hover{background-color: #fff;color:#5f8af2}
.section08 canvas{position: absolute;top:0;left: 0;width: 100%;height: 100%}
.section08 .section-title{margin-bottom: 0;display: flex;align-items: center;justify-content: space-between;}
.section08 .section-title .btn-border{margin-left: 0;width: 134px;height: 42px;line-height: 42px;font-size: 14px;margin: 0;}
.section08 .section-title h2{font-weight: normal;font-size: 24px;margin: 0;line-height: 1;}

/* section09 */
.linear{ background-image: linear-gradient(-54deg, #004cff 0%, #0774ff 100%), linear-gradient(#2a2b34, #2a2b34);opacity: 0.9;}

.prize-title{color: #fff;width: 100%;position: absolute;top: 100%;text-align: center;line-height: 1.6em;font-size: 12px;padding: 10px 0;}
.prize-title:after{content:'';width: 20px;height: 1px;background-color: #fff;position: absolute;left: 50%;bottom: 0;margin-left: -10px;}
.prizes-slides{padding: 0 80px;margin-bottom: -80px}
.prizes-slides .swiper-container{padding: 0 0 300px}
.prizes-slides .swiper-slide{width: 20%;padding-bottom: 36px;background-image: url(../images/prize/cone.png);background-position: bottom center;background-repeat: no-repeat;background-size: 100%;opacity: .6;position: relative;-webkit-transition: all .3s;transition: all .3s;text-align: center;-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;cursor: pointer}
.prizes-slides .swiper-slide .prize-title{display: none}
.prizes-slides .swiper-slide-active{-webkit-transform: scale(1.5) translate(0, 20px);-ms-transform: scale(1.5) translate(0, 20px);transform: scale(1.5) translate(0, 20px);opacity: 1}
.prizes-slides .swiper-slide-active .prize-title{display: block}
.prizes-slides .swiper-slide-prev{-webkit-transform: scale(1.1) translate(-30px, 55px);-ms-transform: scale(1.1) translate(-30px, 55px);transform: scale(1.1) translate(-30px, 55px);}
.prizes-slides .swiper-slide-next{-webkit-transform: scale(1.1) translate(30px, 55px);-ms-transform: scale(1.1) translate(30px, 55px);transform: scale(1.1) translate(30px, 55px);}
.prizes-slides .swiper-button{width: 50px;height: 50px;background-size: 100% 100%;outline: none;top: 30%}
.prizes-slides .swiper-button-prev{background-image: url(../images/prize/arr-left.png)}
.prizes-slides .swiper-button-next{background-image: url(../images/prize/arr-right.png)}

@media screen and (max-width: 769px) {
    .prizes-slides .swiper-slide-active{-webkit-transform: scale(1.4) translate(0, 20px);-ms-transform: scale(1.4) translate(0, 20px);transform: scale(1.4) translate(0, 20px);}
    .prizes-slides .swiper-slide-prev{-webkit-transform: scale(1) translate(0, 55px);-ms-transform: scale(1) translate(0, 55px);transform: scale(1) translate(0, 55px);}
    .prizes-slides .swiper-slide-next{-webkit-transform: scale(1) translate(0, 55px);-ms-transform: scale(1) translate(0, 55px);transform: scale(1) translate(0, 55px);}
    .pep-activity-promotion-tab-content-container{overflow: auto;}
.section-content,.section{width: 1280px;}
}

@media screen and (max-width: 640px) {
    .prizes-slides .swiper-container{padding-bottom: 100px}
    .prizes-slides .swiper-slide-active{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
    .prizes-slides .swiper-button{width: 30px;height: 30px;}
}



/* 数据中心 */
.tab-nav{background-color: #32394a;white-space: nowrap;overflow: auto}
.tab-nav li{display: inline-block;max-width: 300px;width: 32%}
.tab-nav li a{display:block;color:#fff;font-weight: bold;padding:15px 0}
.tab-nav li.on a{background-color: #3b496b;}
.tab-nav li i{margin:0 auto;margin-bottom: 8px}

.block1-1 .pic{height: 100px;margin:0 auto}
.block1-1 h3,.block1-1 h4{font-weight: normal;margin:30px 0 20px 0;font-size: 24px;}
.block1-1 p{line-height: 22px;font-size: 14px;text-align: left}

.block1-2{width: 1163px;background-color: #f5f8ff;margin:0 auto;padding:40px;box-sizing: border-box}
.block1-2 .photoList{width: 560px;overflow: hidden;position: relative;}
.block1-2 .photolist-item .swiper-wrapper{white-space: nowrap}
.block1-2 .photoList img{display: block;width: 100%;height: 100%;max-height: 430px}
.photolist-item .swiper-slide{padding-bottom: 77%;box-sizing: border-box;position: relative;overflow: hidden;height: 430px;display: inline-block}
.photolist-item .swiper-slide img{position: absolute}
.block1-2 .baseIntro{width: 480px;height:430px;position: relative;padding-left: 40px;box-sizing: border-box}
.block1-2 .baseIntro ul{position: absolute;top:50%;;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 40px}
.block1-2 .baseIntro li{line-height: 30px;padding-left: 120px;position: relative;margin-bottom: 20px}
.block1-2 .baseIntro li.other{padding-left: 0}
.block1-2 .baseIntro li:last-child{margin-bottom: 0}
.block1-2 .baseIntro li span{position: absolute;left: 0}


/* section09 */
.section09{background-color: #32394a}
.polygon-item{width: 436px;margin:120px auto;text-align: center;position: relative;-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2)}
.ploygonLine-0,.ploygonLine-1{fill: none;stroke: #8697ee;stroke-linejoin: round;stroke-width: 2px;fill-rule: evenodd;}
.ploygonLine-0{stroke-width: 5px;stroke-dasharray: 1500; stroke-dashoffset: 1500;-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center;-webkit-transition: stroke-dashoffset 1s;transition:stroke-dashoffset 1s; }
#shape01,#shape02{-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center;-webkit-transition: all .3s ease-in;transition: all .3s ease-in;fill:#7a7fe6;position: absolute;top:0;left: 0}
#polygon-path[data-path='1'] .ploygonLine-0{stroke-dashoffset: 1250;}
#polygon-path[data-path='1'] + #polygon-shape #shape01{-webkit-transform: rotate(60deg);-ms-transform: rotate(60deg);transform: rotate(60deg);}
#polygon-path[data-path='1'] + #polygon-shape #shape02{-webkit-transform: rotate(-60deg);-ms-transform: rotate(-60deg);transform: rotate(-60deg);}
#polygon-path[data-path='2'] .ploygonLine-0{stroke-dashoffset: 1025;}
#polygon-path[data-path='2'] + #polygon-shape #shape01{-webkit-transform: rotate(120deg);-ms-transform: rotate(120deg);transform: rotate(120deg);}
#polygon-path[data-path='2'] + #polygon-shape #shape02{-webkit-transform: rotate(-120deg);-ms-transform: rotate(-120deg);transform: rotate(-120deg);}
#polygon-path[data-path='3'] .ploygonLine-0{stroke-dashoffset: 780;}
#polygon-path[data-path='3'] + #polygon-shape #shape01{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
#polygon-path[data-path='3'] + #polygon-shape #shape02{-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
#polygon-path[data-path='4'] .ploygonLine-0{stroke-dashoffset: 540;}
#polygon-path[data-path='4'] + #polygon-shape #shape01{-webkit-transform: rotate(240deg);-ms-transform: rotate(240deg);transform: rotate(240deg);}
#polygon-path[data-path='4'] + #polygon-shape #shape02{-webkit-transform: rotate(-240deg);-ms-transform: rotate(-240deg);transform: rotate(-240deg);}
#polygon-path[data-path='5'] .ploygonLine-0{stroke-dashoffset: 300;}
#polygon-path[data-path='5'] + #polygon-shape #shape01{-webkit-transform: rotate(300deg);-ms-transform: rotate(300deg);transform: rotate(300deg);}
#polygon-path[data-path='5'] + #polygon-shape #shape02{-webkit-transform: rotate(-300deg);-ms-transform: rotate(-300deg);transform: rotate(-300deg);}
#polygon-path[data-path='0'] .ploygonLine-0{stroke-dashoffset: 0;}
#polygon-path[data-path='0'] + #polygon-shape #shape01{-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);}
#polygon-path[data-path='0'] + #polygon-shape #shape02{-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);}

.ploygonLine-2{fill: url(#lg);stroke: #fff;stroke-linejoin: round;stroke-width: 2px;fill-rule: evenodd;opacity: 0.6;}
#polygon-shape{position: absolute;top:50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width: 380px;height: 380px}
.polygon-list li{position: absolute;color:#fff;white-space: nowrap;cursor: pointer;z-index: 9}
.polygon-list li .tag{display: inline-block;width: 18px;line-height: 18px;color:#fff;background-color: #8697ee;border-radius: 18px;-webkit-transition: all .3s;transition: all .3s;font-size: 12px}
.polygon-list li.active .tag{-webkit-transform: scale(1.5);-ms-transform: scale(1.5);transform: scale(1.5);background:var(--zdans);background: -webkit-linear-gradient(right, #4196fe,#7c7ee5);background: linear-gradient(to left, #4196fe,#7c7ee5);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4196fe,endcolorstr=#7c7ee5,gradientType=1);}
.polygon-list li span{white-space: nowrap;font-weight: bold}
.polygon-list li.active span{color:#2981ff}
.polygon-list li.t span{position: absolute;bottom: 30px;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.polygon-list li.r span{margin-left: 10px}
.polygon-list li.b span{position: absolute;top: 30px;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.polygon-list li.l span{position: absolute;right: 100%;margin-right: 10px;}
.polygon-list li:nth-child(1){top: -7px;left: 209px;}
.polygon-list li:nth-child(2){top: 108px;left: 423px;}
.polygon-list li:nth-child(3){top: 337px;left: 423px;}
.polygon-list li:nth-child(4){top: 450px;left: 209px;}
.polygon-list li:nth-child(5){top: 337px;left: -6px;}
.polygon-list li:nth-child(6){top: 107px;left: -6px;}

.polygon-detail{position: absolute;top:0;left: 0;width: 100%;height: 100%;color:#fff;box-sizing: border-box;}
.polygon-detail>div{position: absolute;top:45%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.polygon-detail h4{font-weight: bold;line-height: 40px;}
.polygon-detail p{text-align: justify;line-height: 24px;font-size: 13px}




/*  section10 */
.section10 .block01{width: 325px;margin-right: 68px;}
.section10 .block01:last-child{margin-right:0}
.section10 .block01 h3,.section10 .block01 h4{font-size:18px;}


/*  section13 */
.section13{background: url('../images/about-bg.png') no-repeat;background-size: cover;padding: 170px 0;}
.section13 .intro-content{font-size: 14px;color: #32363f;margin: 0;padding: 0;}
.section13 .video-wrap{background-color: #1f2026;background-image: -webkit-linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0),rgba(0,0,0,0));background-image: linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0),rgba(0,0,0,0));}
.section13 .video-wrap, .section13 .section-content .video-poster{width: 100%;margin: 0;box-sizing: border-box;}
.section13 h3{font-size: 20px;}
.row-vertical-center{display: table;}
.row-vertical-center>div{display: table-cell;vertical-align: middle;float: none;}

/* 服务器租用 */
.tab-nav01{background-color: #f5f5f6;text-align: center}
.tab-nav01 ul{-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center}
.tab-nav01 ul::-webkit-scrollbar{display: none}
.tab-nav01 li{display: inline-block;margin-right: 45px;}
.tab-nav01 li:last-child{margin-right: 0}
.tab-nav01 li a{display: block;line-height: 65px;text-align: center}
.tab-nav01 li.on a{background:var(--zdans);background: var(--zdans);background: var(--zdans);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4196fe,endcolorstr=#7c7ee5,gradientType=1);color:#fff}

.tab-btn{margin:0 auto;}
.tab-btn ul{font-size: 0;margin-right: -20px;}
.tab-btn li{width: 212px;line-height: 42px;display: inline-block;border-radius: 4px;text-align: center;border:1px solid #eaebef;margin:0 7px 15px 7px;box-sizing: border-box}
.tab-btn li a{display: block;font-size: 14px;color: #626266;}
.tab-btn li.on a{color:#fff;background:var(--zdans);background: var(--zdans);background: var(--zdans);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4196fe,endcolorstr=#7c7ee5,gradientType=1)}
 .tab-btn li a:hover{background:var(--zdans);background: var(--zdans);background: var(--zdans);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4196fe,endcolorstr=#7c7ee5,gradientType=1);color:#fff}

.table01{width: 100%;border-collapse: collapse;background-color: #fff}
.table01 th,.table01 td{border:1px solid #eaebef;}
.table01 th{background-color: #f5f7fc;white-space: nowrap;padding:20px 5px}
.table01 td{text-align: center;padding:10px 5px}
.table01 td .btn{width: 90px;line-height: 35px;cursor: pointer;margin:5px;}
.table01 td .btn:hover{background:var(--zdans);background: var(--zdans);background: var(--zdans);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4196fe,endcolorstr=#7c7ee5,gradientType=1);color:#fff;border:1px solid #fff}

.table01-flex{width: 100%;box-sizing: border-box;border-top:1px solid #eaebef;background-color: #fff;box-sizing: border-box;text-indent: initial;border-spacing: 2px;}
.table01-flex .table-tr{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;vertical-align: inherit;border-color: inherit;}
.table01-flex .table-th{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;box-sizing: border-box;width: 100%;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;justify-content: center;border-right: 1px solid #eaebef;border-left: 1px solid #eaebef; border-bottom: 1px solid #eaebef;background-color: #f5f7fc;white-space: nowrap;padding:20px 5px;font-weight: bold;vertical-align: inherit;text-align: center;}
.table01-flex .table-td{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;box-sizing: border-box;width: 100%;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;border-left: 1px solid #eaebef;border-right: 1px solid #eaebef;border-bottom: 1px solid #eaebef;padding:10px 5px}

/* section11 */
.section11{background-image:url(../images/zy-bg.jpg);background-color:#121627;background-repeat: no-repeat;background-position: center center;background-size: 100%}
.section11 .section-title{margin-bottom: 30px}
.block11{color:#fff;text-align: center;width: 1200px;margin: 0 auto;}
.block11 h3{font-size: 20px;font-weight: normal}
.block11 p{line-height:34px;font-size: 16px}
.adv-section{padding:20px 0}
.adv-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.adv-list li{display: inline-block;margin: 40px;font-size: 20px;position: relative;}
.adv-list li p{margin-bottom: 50px;font-size: 16px;}
.adv-list li i{font-size: 32px;color:#2981ff }
.adv-list li:after{content:'';display:block;width: 28px;height: 1px;border-bottom: 1px solid #fff;position: absolute;top:50%;left: 50%;;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%)}
.adv-list li span{font-size: 16px}

/* section12 */
.sec-ani-box{width: 1000px;margin:0 auto}
.sec-ani{position:relative;height: 570px}
.sec-bg-arc{position: absolute;width: 800px;height: 402px;overflow: hidden;left: 50%;margin-left: -400px}
.sec-bg-arc i{display: block;position: absolute;left: 50%;top:100%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);border:1px solid #eaebef;}
.sec-bg-arc i:nth-child(1){width: 800px;height: 800px;border-radius: 800px;}
.sec-bg-arc i:nth-child(2){width: 650px;height: 650px;border-radius: 600px;}
.sec-bg-arc i:nth-child(3){width: 500px;height: 500px;border-radius: 400px;}

/* section14 */
.section14{background-image:url(../images/zuyong-yy-bg.jpg);background-color:#121627;background-repeat: no-repeat;background-position: center center;background-size: cover;padding: 80px 0 90px;}
.section14 .section-title{font-size: 30px;font-weight: normal;margin-bottom: 60px}
.block14 li{float: left;width: 16.6666%;color: #fff;font-size: 18px;text-align: center;}