﻿

.slideBox{width:100%;height:420px;overflow:hidden;position:relative}
.slideBox .hd{width:100%;position:absolute;bottom:40px;z-index:1}
.slideBox .hd ul{text-align:center}
.slideBox .hd ul li{width:16px;height:16px;margin:0 3px;display:inline-block;position:relative;border-radius: 50%;}
.slideBox .hd ul li .dot{width:16px;height:16px;background-color:hsla(0,0%,60%,.4);border-radius: 50%;}
.slideBox .hd ul li span{display:none;color:#fff;position:absolute;width:100%;font-size:14px;left:0;top:0;line-height:4px;cursor:pointer}
.slideBox .hd ul li.on .liner{width:16px;height:16px;animation:liner 2.5s;position:absolute;top:0;left:0;background:linear-gradient(90deg,#198cff,#8847c1);border-radius: 50%;}
.slideBox .hd ul li:hover .dot{display:none}
.slideBox .hd ul li:hover{width:16px;height:16px;background:linear-gradient(90deg,#198cff,#8847c1);transition:all .1s ease;border-radius: 50%;}
.slideBox .hd ul li:hover span{display:inline-block}@keyframes liner{from{width:0}to{width:100%}}
.slideBox .bd{width:100%;position:relative;height:420px;overflow:hidden}
.slideBox .bd li{text-align:center;height: 420px;cursor: pointer;}
.slideBox .bd li a{width: 100%;height: 420px;}
.slideBox .bd img{width:100%;height:420px;}
.slideBox .bd:hover~.prev{display:block}
.slideBox .bd:hover~.next{display:block}
.slideBox .prev:hover{display:block}
.slideBox .next:hover{display:block}
.slideBox .prev{display:none;position:absolute;left:5%;top:50%;margin-top:-25px;width:29px;height:52px;background:url(../images/left_array.png) no-repeat;background-size:cover}
.slideBox .next{display:none;position:absolute;right:5%;top:50%;margin-top:-25px;width:29px;height:52px;background:url(../images/right_array.png) no-repeat;background-size:cover}
.slideBox .bd li.active{animation-name:ai-big-out;animation-duration:.3s;animation-timing-function:ease;animation-fill-mode:forwards}
@keyframes ai-big-out{0%{z-index:3;transform:scale(1.1);opacity:1}50%{transform:scale(1.2);opacity:.5}to{transform:scale(1.3);opacity:1}}
/*banner css结束*/
/*产品开始*/
#z_p{width:100%; overflow:hidden; margin:0px auto;}
#z_pm{width: 100%;background: #005fc0;height: 70px;z-index: 600}
#z_p #z_pt {display:block;width:1200px;padding:0;margin:0 auto;list-style:none;}
#z_p #z_pt li {float:left;width:25%;text-align: center;color: #fff;position: relative;}
#z_p #z_pt li i{position: absolute;right: 10px;top: 10px;width: 45px;height: 17px;background: url(../images/z_t.png) no-repeat ;display: block;z-index: 1;}
#z_p #z_pt li a {display:block;line-height:70px;text-decoration:none;text-align:center; color:#fff;font-size: 20px}
#menu_con{ width:100%; height:auto; border-top:none}
.tag{ overflow:hidden;width: 100%;}
.selected{background:#024385; color:#fff;}

.z_ppt1{font-size: 30px;text-align: center;margin: 70px auto 5px;color: #333}
.z_ppt2{margin: 0 auto;display: block;}
.z_ppt3{font-size: 16px;text-align: center;margin: 5px auto 30px;color: #999}
.z_ppt3 span{color: #005fc0}
.tag dl{width: 1200px;height: auto;margin: 0 auto}
.tag dl dt{width: 24%;float: left;color: #fff;text-align: center;position: relative;/*box-shadow: 0px 0px 10px 0px #a1d0ff;*/margin-right: 1.25%;border: 1px solid #ddd;display: block;}
.tag dl dt:hover{box-shadow: 0px 0px 10px 0px #a1d0ff;}
.tag dl dt i{position: absolute;right: 0;top: 0;width: 68px;height: 68px;background: url(../images/z_pc.png) no-repeat ;display: block;z-index: 1;}
.tag dl dt i span{transform:rotate(45deg);
        -ms-transform:rotate(45deg); /* Internet Explorer 9*/
        -moz-transform:rotate(45deg); /* Firefox */
        -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
        -o-transform:rotate(45deg); /* Opera */display: inline-block;}
.z_pc1{font-size: 20px;text-align: center;background: url(../images/z_pb.png) center right;line-height: 68px;color: #fff}
.z_pc2{color: #666;line-height: 36px;text-align: left;margin: 20px 20px 0px;border-bottom:1px dashed #ccc;padding-bottom: 20px;}
.z_pc3{color: #666;line-height: 36px;text-align:center;padding: 20px 20px 5px;}
.z_pc3 span{color: #ff5a00;font-size: 32px;}
.z_pc4{margin-bottom: 20px;}
.z_pc4 a.chakan{width: 116px;height: 34px;line-height: 34px;text-align: center;display: inline-block;background: #005fc0;border-radius: 6px;color: #fff;margin-right: 20px;}
.z_pc4 a.liji{width: 116px;height: 34px;line-height: 34px;text-align: center;display: inline-block;border: 1px solid #005fc0;border-radius: 6px;color: #005fc0;}
.tag dl dt.z_pp{width: 48%}
.tag dl.z_xiugai{width: 1000px;margin: 0 auto}
/*产品css结束*/
/*服务器对比css开始*/
.z_duibi{width: 100%;height: 576px;background: url(../images/duibi_b.png) no-repeat center;}
.tian{color: #fff;}
.tian1{padding-top: 60px;}
.z_duibi dl{width: 1200px;margin: 0 auto}
.z_duibi dl dt{font-weight: normal;width: 398px;border: 1px solid #ccc;background: #fff;height: 58px;display: inline-block;border-bottom: none;float: left;border-right: none;font-size:16px;line-height: 58px;text-align: center;color: #666}
.z_duibi dl dt.blue{color: #005fc0}
.z_duibi dl dt.z_font{font-size: 20px;background: #f6f6f6}
.z_duibi dl dt i{margin-top: 10px;position: relative;top: 8px;margin-right: 10px;}
.z_duibi dl dt i.z_tubiao1{background: url(../images/tubiao7.png) center bottom;width: 25px;height: 25px;display: inline-block;}
.z_duibi dl dt i.z_tubiao2{background: url(../images/tubiao71.png) center  bottom;width: 25px;height: 25px;display: inline-block;}
.z_duibi dl dt i.z_tubiao3{background: url(../images/tubiao1.png) center  bottom;width: 25px;height: 25px;display: inline-block;}
.z_duibi dl dt i.z_tubiao4{background: url(../images/tubiao2.png) center bottom;width: 25px;height: 25px;display: inline-block;}
.z_duibi dl dt i.z_tubiao5{background: url(../images/tubiao3.png) center bottom;width: 25px;height: 25px;display: inline-block;}
.z_duibi dl dt i.z_tubiao6{background: url(../images/tubiao4.png) center bottom;width: 25px;height: 25px;display: inline-block;}
.z_duibi dl dt i.z_tubiao7{background: url(../images/tubiao5.png) center bottom;width: 25px;height: 25px;display: inline-block;}
/*服务器对比css结束*/
/*dell服务开始*/
.z_fuwu{width: 1200px;height: auto;margin: 0 auto}
.z_fuwu_m img{display: block;margin: 0 auto;}
.banner_cs {width: 600px;margin: 48px auto 0 auto;}
.banner_cs li {float: left;width: 98px;height: 86px;border: 1px #cccccc solid;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;text-align: center;font-weight: bold;font-size: 26px;color: #787878;padding-top: 10px;}
.banner_cs li span {display: block;font-size: 14px;font-weight: normal;padding-top: 5px;}
.banner_cs li.no_boder {border: 0;width: 60px;text-align: center;padding-top: 36px;height: 60px;}
/*dell服务结束*/
/*租用pk开始*/
.z_pk{width: 100%;height:576px;background: url(../images/pk_b.png) no-repeat center;}
.z_pk ul{width: 800px;margin: 0 auto;position: relative;}
.z_pk li{width: 375px;background: #fff;border-radius: 6px;height: 340px;float: left;margin-right: 20px;}
.z_pk li img{display: block;margin: 0 auto;padding: 60px 0px 20px;box-sizing: border-box;}
.z_pk li p{font-size: 16px;color: #333;text-align: center;}
.z_pk li p.z_pkc1{background: #dae7f8;border-radius: 6px;width: 275px;line-height: 45px;margin: 40px auto 0px;}
.z_pk li p.z_pkc2{background: #e0f9bf;border-radius: 6px;width: 275px;line-height: 45px;margin: 20px auto 0px;}
.z_pk li p.z_pkc3{background: #edecfe;border-radius: 6px;width: 275px;line-height: 45px;margin: 20px auto 0px;}
.z_pk li p.z_pkc4{background: #f2cac2;border-radius: 6px;width: 275px;line-height: 45px;margin: 20px auto 0px;}
.z_pk img.z_pki{position:absolute;top:110px;left:340px;}
/*租用pk结束*/
/*亮点开始*/
.z_liang ul{width: 1200px;height: auto;margin: 0 auto;}
.z_liang li{background: #f5f7fa;width: 19%;margin: 0 0.5% ;padding: 20px;box-sizing: border-box;text-align: center;border-radius: 6px;float: left;min-height: 212px;}
.z_liang li p{font-size: 16px;color: #333;padding: 15px 0 8px;}
.z_liang li span{font-size: 14px;color: #666}
/*亮点结束*/
.z_jizhi{background: #f2f2f2;}
.z_jizhi_img{position: relative;width: 1200px;margin: 0 auto}
.z_jizhi_img img{display: block;margin: 0px auto;padding: 30px 0}
.z_jizhi_main{position: absolute; bottom:40px;right: 0;}
.z_jizhi_main p{font-size: 16px;color: #333;line-height: 36px;}
.z_jizhi_main p span{color: #fe6600;}
/*极致服务结束*/
.z_beian{width: 1200px;margin: 0 auto;}
.z_beian_m{width: 966px;height: 138px;margin: 30px auto;background: url(../images/beian_vs.png) no-repeat center;}
.z_beian_m p{font-size:24px;color: #fff;line-height: 138px;}
.z_beian_m p span{margin: 0px 240px  0px 60px;}
/*备案速度对比结束*/
.z_cases{background: url(../images/albgpic.png) no-repeat center;width: 100%;height: 545px;}
.z_cases_m{width: 1200px;position: relative;height: 410px;margin:20px auto 0px}
.z_cases_m img{ transition: All 0.6s ease-in-out; -webkit-transition: All 0.6s ease-in-out; -moz-transition: All 0.6s ease-in-out; -o-transition: All 0.6s ease-in-out; margin: 0 auto;}
.z_cases_m img:hover{transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); }
.xinyuwang{position: absolute; top: 50px;left: 0px;border: 1px solid #b4b4b4;border-radius: 50%}
.fuwang{position: absolute; top: 0px;left: 300px;border: 1px solid #b4b4b4;border-radius: 50%}
.zhenji{position: absolute; bottom:30px;left: 300px;border: 1px solid #b4b4b4;border-radius: 50%}
.lvxing{position: absolute; top:125px;left: 432px;border: 1px solid #b4b4b4;border-radius: 50%}
.xsj{position: absolute; top:30px;left:714px;border: 1px solid #b4b4b4;border-radius: 50%}
.ruijia{position: absolute; top:220px;left:680px;border: 1px solid #b4b4b4;border-radius: 50%}
.nixiong{position: absolute; top:10px;right:68px;border: 1px solid #b4b4b4;border-radius: 50%}
.huamu{position: absolute; top:160px;left:180px;border: 1px solid #b4b4b4;border-radius: 50%}
.yun{position: absolute; top:0px;right:503px;border: 1px solid #b4b4b4;border-radius: 50%}
.dna{position: absolute; top:240px;right:200px;border: 1px solid #b4b4b4;border-radius: 50%}
/*客户案例结束*/
.z_wenti{padding-bottom: 60px;}
.container{width: 1200px;margin: 0 auto;}
.z_tiwen p{margin-top: 10px;width: 100%;line-height: 60px;border-bottom: 1px solid #b4b4b4;font-size: 18px;color: #333;padding-left: 30px;background: url(../images/tiwen.png) no-repeat left center;}
.z_jieda p{font-size: 14px;color: #999;margin-top: 10px;line-height: 24px;}

.z_pro{width: 100%;background: #f5f5f5;padding: 40px 0px;}
.z_pro_l{border:1px solid #eee;background: #fff;width: 74%;float: left;}
#outer {width: 100%;}
#tab {overflow:hidden;zoom:1;}
#tab li {float:left;height:66px;	cursor:pointer;	line-height:66px;width: 25%;text-align: center;background: #f5f8ff;color: #333;font-size: 18px;}
#tab li.current {color:#fff;background:#2c5fc8;}
#content {margin-top:30px;}
#content ul {line-height:25px;display:none;	margin:0 20px;}
.z_pro_list{width: 48%;margin: 0px 1% 20px;float:left;border: 1px solid #eee;padding: 30px;box-sizing: border-box;}
.z_pro_list_title{border-bottom: 1px solid #eee;padding-bottom: 10px}
.z_pro_list_desc{font-size: 22px;color: #333;}
.pro_price{font-size: 14px;color: #777;float:right;}
.pro_price i{font-size: 30px;color: #e14b4c;font-style: normal;}
.z_pro_list_main{font-size: 14px;line-height: 30px;margin: 10px 0px;}
.pro_more a.chakan{width: 120px;height: 34px;line-height: 34px;text-align: center;display: inline-block;background: #005fc0;border-radius: 6px;color: #fff;margin-right: 20px;font-size: 14px;}
.pro_more a.chakan:hover{ background: #ff6600;}
.pro_more a.zixun{width: 130px;height: 34px;line-height: 34px;text-align: center;display: inline-block;border: 1px solid #005fc0;border-radius: 6px;color: #005fc0;font-size: 14px;}
.pro_more a.zixun:hover{background: #005fc0;color: #fff}
.pro_more{width: 80%;margin: 20px auto 0px;}

.zuyong_pro_r{width:25%;float: right;border: 1px solid #EAEAEA;background: #fff}
.zuyong_pro_r_title{font-size: 18px;color: #333;background: #f5f5f5;line-height: 67px;text-align: center;}
.zuyong_pro_r_main{padding: 20px;box-sizing: border-box;}
.zuyong_pro{border-bottom: 1px dashed #eaeaea;padding-bottom: 20px;margin-bottom: 20px;}
.zuyong_pro:nth-child(2){border-bottom: none;}
.zuyong_rimg img{display: block;margin: 0 auto;max-width: 100%;}
.zuyong_r_main_t{font-size: 18px;color: #333;text-align: center;margin: 10px auto}
.zuyong_desc{}
.zuyong_desc p{font-size: 14px;color: #777;line-height: 30px;}
.zuyong_desc p span{font-size: 12px;color: #777;width: 49%;display: inline-block;padding-left: 10px;box-sizing: border-box;}
.zuyong_more a{width: 140px;height: 36px;line-height: 36px;text-align: center;background: #fff;border:1px solid #2c5fc8;color: #2c5fc8;border-radius: 6px;display: block;margin: 20px auto 10px;font-size: 14px;}
.zuyong_more a:hover{color: #fff;background: #2c5fc8;}

.search_zhuce{width: 100%;height: 226px;background: url(../images/heng2.png) no-repeat center;padding: 76px 0px;box-sizing: border-box;}
.search_zhuce p{font-size: 24px;color: #333;text-align: center;}
.search_zhuce a{width: 170px;height: 38px;line-height: 38px;border-radius: 6px;background: #2c5fc8;color: #fff;font-size: 16px;display: block;text-align: center;margin: 20px auto 0px;letter-spacing: 2px}

.idc{padding-top: 40px;background: #f8f8f8;padding-bottom: 40px;}
.idc-left{float: left;width: 75%;border: 1px solid #eee;background: #fff;}
.idc-right{float: right;width: 24%;border:1px solid #eee;background: #fff}
.idc-right-title{background: #f8f8f8;line-height: 67px;text-align: center;}
.idc-right-title span{font-size: 18px;color: #333;}
.idc-right-main{padding: 20px;box-sizing: border-box;}
.idc-right-main-img img{display: block;max-width: 54%;margin: 0 auto;}
.idc-right-main-head{font-size: 18px;color: #333;text-align: center;margin: 10px auto}
.idc-right-main-head i{padding: 0px 5px;background: #ff6600;font-size: 12px;border-radius: 2px;color: #fff;margin-left: 8px;font-style: normal;}
.idc-right-main-desc{font-size:12px;color: #666;padding-left: 10px;}
.idc-right-main-desc span{font-size: 13px;color: #666;width: 30%;display: inline-block;}
.idc-right-main-desc span:nth-child(2n){padding-left:10px;}
.idc-right-main-desc span i{font-style: normal;width: 40%;}
.idc-right-main-desc span b{color: #e14b4c;font-size: 18px;}
.idc-right_more a{width: 140px;height: 36px;line-height: 36px;text-align: center;background: #fff;border:1px solid #2c5fc8;color: #2c5fc8;border-radius: 6px;display: block;margin: 5px auto 10px;font-size: 14px;}
.idc-right_more a:hover{color: #fff;background: #2c5fc8;}
.idc-right-price {padding-top: 15px;color: #555;margin-bottom: 0px;text-align: center;font-size: 14px;}
.price-color {color: #e14b4c;font-size: 28px;}
.idc-right-center{border-bottom: 1px dashed #eee;margin-bottom:10px;padding-bottom: 10px}
.idc-right-center:last-child{border:none;padding: 0;margin: 0}