.slider {position: relative;overflow: hidden;width: 100%;z-index:1;touch-action: pan-y;user-select: none;}
.slides {display: flex;transition: transform 0.3s ease;height: 100%;}
.slide {min-width: 100%;height: 100%;background-size: cover;background-position: center;flex-shrink: 0;}
.top-indicators {position: absolute;left: 50%;transform: translateX(-50%);display: flex;z-index: 2;}
.dot {border-radius: 1rem;background:#000;opacity:.4;transition: background-color 0.3s ease;cursor: pointer;}
.dot.active {background:#ddd;}
@media only screen and (min-width:768px){
.slider {height:46rem;}.top-indicators {bottom:3rem;gap: 0.6rem;}.dot { width:3rem; height: 0.4rem; }
}
@media only screen and (max-width:768px){
.slider {height:32rem;}.top-indicators {bottom:1.6rem;gap: 0.2rem;}.dot { width:2rem; height: 0.2rem; }
}
.slide-ddos,.slide-zhanqun,.slide-cn2{box-sizing:border-box;position:relative;z-index:1;width:100%;text-align:center;overflow: hidden;}
.slidebody{box-sizing: border-box;position:absolute;z-index:10;text-align:center;}
.slidebody h2, .slidebody p{color: #fff;text-shadow:0px 0px 4px #666;}
.slidebody h2{font-weight:500;}
.slidebuy{margin:0 auto;padding:12px 0 0;width:150px;height:40px;}
.slidebuy a:link,.slidebuy a:active,.slidebuy a:visited{display:block;padding:0 0 0 3px;text-align:center;color:#fff;border-radius:3px;text-decoration:none;transition:background 0.3s ease-out;letter-spacing:3px;font-weight:600;background:#09cf48;cursor:pointer;}
.slidebuy a:hover{color:#fff;text-decoration:none;transition-duration:0.1s;background:#00E008;}
@media only screen and (min-width:768px){
.slidebody{margin:0 auto;top:0;width:1200px;left: 50%;transform: translateX(-50%);}
.slidebody h2{padding:100px 0 30px;font-size:6.8rem;letter-spacing:1px;}
.slidebody p{padding:0 0 38px;font-size:2.8rem;letter-spacing:1px;}
.slidebuy a:link,.slidebuy a:active,.slidebuy a:visited{width:138px;height:48px;line-height:47px;font-size:2rem;}
}
@media only screen and (max-width:768px){
.slidebody{top:0;left:0;width:100%;transform: translateZ(2px);/*设置transform上下优先*/}
.slidebody h2{padding:80px 0 10px;font-size:4.2rem;}
.slidebody p{margin:0 auto;padding:0 0 16px;width:96%;height:60px;font-size:2.2rem;line-height:38px;overflow:hidden;}
.slidebuy a:link,.slidebuy a:active,.slidebuy a:visited{margin:0 auto;width:110px;height:42px;line-height:42px;font-size:1.8rem;}
}
/*ddos*/
.slide-ddos{height:100%;background:#036CA7;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#036CA7), to(#00A6E0));overflow: hidden;}
.Cabinet{position:absolute;z-index:1;top:16rem;left:0;right:0;width:100%;height:100%;background:url(index/slide/Cabinet.svg)center 0 no-repeat;background-size:48%;}
@media only screen and (min-width:768px){
.slide-ddos .slidebody,.slide-ddos .slidebody h2{background-image:url(index/slide/cloud-2.svg);background-repeat:no-repeat;}
.slide-ddos .slidebody{background-position:left 9rem;background-size:12%;}
.slide-ddos .slidebody h2{background-position:right 5rem;background-size:20%;}
.clo span{position:absolute;}
.clo > span:nth-child(1),.clo > span:nth-child(2){z-index:1;height:10rem;background:url(index/slide/cloud-1.svg)0 0 no-repeat;background-size:90%;}
.clo > span:nth-child(1) {top:16rem;left:-1rem;width:20rem;}.clo > span:nth-child(2) {top:22rem;right:-5px;width:12rem;}
.clo > span:nth-child(3){z-index:1;left:0;bottom:0;width:100%;height:17rem;background:url(index/slide/cloud-5.svg)center 0 no-repeat;background-size:198%;}
.guard{position:relative;top:28rem;z-index:4;width:100%;display:flex;flex-wrap:nowrap;justify-content:center;align-content: flex-start;align-items:flex-end;}
.guard span{width:18rem;height:16.2rem;}
.guard > span:nth-child(1) {background:url(index/slide/man-1.svg)left 2.1rem no-repeat;background-size:40%;}
.guard > span:nth-child(2) {background:url(index/slide/man-2.svg)left 1.1rem no-repeat;background-size:40%;}
.guard > span:nth-child(3),.guard > span:nth-child(4){background:url(index/slide/man-3.svg)right 0.2rem no-repeat;background-size:40%;}
.guard > span:nth-child(3) {transform: rotateY(180deg);}
.guard > span:nth-child(5) {background:url(index/slide/man-4.svg)right 0.6rem no-repeat;background-size:40%;}
.guard > span:nth-child(6) {background:url(index/slide/man-5.svg)right 1.8rem no-repeat;background-size:40%;}
}
@media only screen and (max-width:768px){.Cabinet{top:16.8rem;background-size:90%;}.slide-ddos-desk,.clo,.guard{display:none;}}
/*ddos,zhanqun*/
.slide-zhanqun{height:100%;background:#0F3166;overflow: hidden;}
.zhanqun-bga{position:absolute;top:0;z-index:4;width:100%;height:44rem;display:flex;flex-wrap:nowrap;justify-content:center;align-content: flex-start;align-items:flex-end;overflow: hidden;}
.zhanqun-bga span{position:relative;z-index:4;bottom:-2rem;display:inline-block;background:#0E2B59;}
.zhanqun-bgb{position:absolute;bottom:0;z-index:4;width:100%;background:#1E62CC;overflow:hidden;}
.zhanqun-bgc,.zhanqun-bgd{box-sizing:border-box;position:absolute;bottom:0;z-index:4;display:flex;flex-wrap:nowrap;align-content: flex-start;overflow:hidden;}
.zhanqun-bgc{left:0;justify-content:flex-end;}.zhanqun-bgd{right:0;justify-content:flex-start;}
.zhanqun-bgc span,.zhanqun-bgd span{position:relative;z-index:3;display:inline-block;}
.zhanqun-bgc span,.zhanqun-bgd span:nth-child(2),.zhanqun-bgd span:nth-child(3),.zhanqun-bgc span,.zhanqun-bgd span{background:url(index/slide/Cabinet-3.svg)center 0 no-repeat;}
@media only screen and (min-width:768px){
.zhanqun-bga > span:nth-child(1) {width:10%;height:21rem;}.zhanqun-bga > span:nth-child(2) {width:13%;height:31.9rem;}.zhanqun-bga > span:nth-child(3) {width:8%;height:14.8rem;}.zhanqun-bga > span:nth-child(4) {width:23%;height:36rem;}.zhanqun-bga > span:nth-child(5) {width:15%;height:23rem;}.zhanqun-bga > span:nth-child(6) {width:12%;height:32rem;}.zhanqun-bga > span:nth-child(7) {width:9%;height:18rem;}.zhanqun-bga > span:nth-child(8) {width:10%;height:26rem;}
.zhanqun-bgb{height:8rem;}.zhanqun-bgc,.zhanqun-bgd{width:100%;height:26rem;}
.zhanqun-bgc span{width:10rem;height:36rem;bottom:-8rem;right:62%;background-size:60%;transform: rotateY(180deg);}
.zhanqun-bgd span:nth-child(1) {left:50%;width:33rem;background:url(index/slide/office.svg)right 8.6rem no-repeat;background-size:45%;}
.zhanqun-bgd span:nth-child(2),.zhanqun-bgd span:nth-child(3){width:11rem;bottom:-6.8rem;left:50%;background-size:70%;}
}
@media only screen and (max-width:768px){
.zhanqun-bga > span:nth-child(1) {width:12%;height:320px;}.zhanqun-bga > span:nth-child(2) {width:15%;height:360px;}.zhanqun-bga > span:nth-child(3) {width:13%;height:276px;}.zhanqun-bga > span:nth-child(4) {width:20%;height:390px;}.zhanqun-bga > span:nth-child(5) {width:15%;height:320px;}.zhanqun-bga > span:nth-child(6) {width:14%;height:340px;}.zhanqun-bga > span:nth-child(7) {display:none;}.zhanqun-bga > span:nth-child(8) {width:10%;height:310px;}
.zhanqun-bgb{height:42px;}.zhanqun-bgc{width:66%;}.zhanqun-bgd{width:34%;}.zhanqun-bgc,.zhanqun-bgd{height:260px;opacity:.9;}
.zhanqun-bgc span,.zhanqun-bgd span{width:130px;height:220px;}.zhanqun-bgc span{right:0;bottom:-130px;background-size:72%;}
.zhanqun-bgc span:nth-child(1),.zhanqun-bgc span:nth-child(2),.zhanqun-bgc span:nth-child(3){bottom:-130px;background-size:72%;transform: rotateY(180deg);}
.zhanqun-bgd span:nth-child(1) {display:none;}.zhanqun-bgd span:nth-child(2),.zhanqun-bgd span:nth-child(3){left:0;bottom:-130px;background-size:70%;}
}
/*zhanqun,cn2*/
.slide-cn2{height:100%;background:#181C29;background:gradient(linear, 0% 0%, 0% 100%, from(#222828), to(#031b5a));overflow: hidden;}
.star{position:absolute;z-index:4;top: 0; left: 0; width: 100%; height: 100%; z-index:4;} .star>span{position: absolute;top:-10px; display:inline-block;}.star>span:nth-child(5n){ width:2px; height: 2px; border-radius: 2px; background:#ddd;animation:shine 1s linear 1s infinite;}.star>span:nth-child(5n+1){ width:4px; height: 4px; border-radius: 4px; background:#fff;animation:shine 1s linear 2s infinite;}.star>span:nth-child(5n+2){ width:2px; height: 2px; border-radius: 2px; background:#fff;animation:shine 1s linear 3s infinite;}.star>span:nth-child(5n+3){ width:4px; height: 4px; border-radius: 4px; background:#fff;animation:shine 1s linear 1.5s infinite;}.star>span:nth-child(5n+4){ width:1px; height: 1px; border-radius: 2px; background:#fff;animation:shine 1s linear 2.5s infinite;} .star>span:nth-child(1){top:30%; left: 80%;}.star>span:nth-child(2){top: 30%; left: 20%;}.star>span:nth-child(3){top: 50%; left: 40%;}.star>span:nth-child(4){top: 70%; left: 50%;} .star>span:nth-child(5){top: 60%; left: 10%;}.star>span:nth-child(6){top:21%; left:45%;}.star>span:nth-child(7){top: 40%; left: 30%;}.star>span:nth-child(8){top: 70%; left: 20%;} .star>span:nth-child(9){top: 20%; left: 40%;}.star>span:nth-child(10){top: 40%; left: 70%;}.star>span:nth-child(11){top: 60%; left: 60%;}.star>span:nth-child(12){top: 20%; left: 40%;}.star>span:nth-child(13){top: 50%; left: 95%;}.star>span:nth-child(14){top: 70%; left: 20%;}.star>span:nth-child(15){top: 20%; left: 40%;}.star>span:nth-child(16){top: 65%; left: 15%;} .star>span:nth-child(17){top: 35%; left: 55%;}.star>span:nth-child(18){top: 75%; left: 65%;}.star>span:nth-child(19){top: 25%; left: 25%;}.star>span:nth-child(20){top: 45%; left: 90%;}.star>span:nth-child(21){top: 25%; left: 75%;}.star>span:nth-child(22){top: 75%; left: 75%;}.star>span:nth-child(23){top: 45%; left: 65%;}
.planet span{position:absolute;z-index:4;top:0;left:0; width:100%;height:100%;z-index:5;background-repeat:no-repeat;}
.planet span:nth-child(1){background-image:url(index/slide/astronaut.svg);}.planet span:nth-child(2){background-image:url(index/slide/mars.svg);}.planet span:nth-child(3){background-image:url(index/slide/saturn.svg);}
@media only screen and (min-width:768px){.planet span:nth-child(1){background-position:0 252px;background-size:15%;}.planet span:nth-child(2){background-position:center 190px;background-size:59%;}.planet span:nth-child(3){background-position:93% 110px;background-size:10%;}}
@media only screen and (max-width:768px){.planet span:nth-child(1){background-position:-8px 210px;background-size:28%;}.planet span:nth-child(2){background-position:260% 200px;background-size:84%;}.planet span:nth-child(3){background-position:96% 80px;background-size:16%;}}

.slogan{width:100%;box-shadow:inset 0px 6px 3px -6px rgba(83, 141, 119, 0.1),inset 0px -3px 2px -3px rgba(83, 141, 119, 0.1);background:#F8FAF9;overflow:hidden;}
.slogan-main{display: flex;flex-wrap:wrap;align-items:center;align-content:center;}
.slogan-main span{box-sizing:border-box;border-radius:5px;box-shadow: 0 0 6px 0 rgba(83, 141, 119, 0.1);overflow:hidden;display:flex;align-items: center;background-repeat:no-repeat;background-color:#fff;color:#111;}
.slogan-main > span:nth-child(1) {background-image:url(index/root-server.svg);background-size:15%;}.slogan-main > span:nth-child(2) {background-image:url(index/host.svg);background-size:14.5%;}.slogan-main > span:nth-child(3) {background-image:url(index/earth.svg);background-size:15%;}.slogan-main > span:nth-child(4) {background-image:url(index/life-bouy.svg);background-size:15%;}
.slogan-main > span:nth-child(1):before {content:'超十年运维经验';}.slogan-main > span:nth-child(2):before {content:'专销物理服务器';}.slogan-main > span:nth-child(3):before {content:'全球多节点选择';}.slogan-main > span:nth-child(4):before {content:'24小时售后客服';}
@media only screen and (min-width:768px){
.slogan-main{margin:0 auto;padding:26px 0 24px;width:1200px;justify-content:space-around;}
.slogan-main span{padding:0 0 0 80px;width:280px;height:78px;text-align:left;font-size:2rem;background-position:22px center;}
}
@media only screen and (max-width:768px){
.slogan-main{padding:16px 0 0;width:100%;height:17vh;justify-content:center;font-size:0;}
.slogan-main span{margin:0 1vh 2vh 1vh;padding:0 0 0 5.8vh;width:44%;height:6.6vh;justify-content:flex-start;background-position:1.5vh center;font-size:2.1vh;white-space:nowrap;overflow:hidden;}
}