﻿@charset "utf-8";
/* CSS Document */
ul, ol {list-style-type:none; }

.slideBox{width:100%;height:500px;overflow:hidden;position:relative}
.slideBox .hd{width:100%;position:absolute;bottom:20px;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%;height:500px;overflow:hidden}
.slideBox .bd li{text-align:center;height: 500px;cursor: pointer;}
.slideBox .bd li a{width: 100%;height: 500px;display: block;}
.slideBox .bd img{width:100%;height:500px;}
.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}
/*banner css结束*/

/*顶部*/
.vps_bann{ width:100%;}
.vps_bann img{ width: 100%;}
.vps_sj{ width:100%; display:none;}
.vps_sj img{ width:100%;}
/*/xuanxiangka*/
.vpss_bg{ width: 100%; height:66px; box-sizing:border-box;background: #f5f8ff}
.vpstext{ width:50%;float:left; height:66px; box-sizing:border-box; text-align:center;font-size:18px;color:#333;background:#f5f8ff;cursor: pointer;line-height: 66px;}

.vps_act {border-bottom:none; color:#fff; background: #2c5fc8;}

/*原改*/
.content-md { padding-bottom:20px; padding-top:30px;}
.margin-bottom-40{  margin-bottom:30px;}
.vps_box{            display: none;        }
.curr{ display:block;}




/*.vpsys_bg{ width:100%; background:url(../img/25.jpg) 0% 50% no-repeat fixed; }*/
.vps_baise { padding-top:1px;}
.vps_baise h2{ width:100%; height:48px; background:url(../img/h3tit.png) center center no-repeat; margin-top:40px; }

.vpsys_list{ width:100%; box-sizing:border-box; padding:10px 15px; max-width:1170px; margin:0 auto;}
.vpsys_list ul{ width:100%;margin:0; padding:0px;}
.vpsys_list ul li{ width:25%; margin-right:12.5%; float:left; /*padding-top:30px;*/}
.vpsys_list ul li:nth-child(3n){ margin-right:0;}
.vpsys_list ul li h5{ font-family:"微软雅黑"; font-size:20px; color:#333; line-height:40px;font-weight:200; height:40px; margin-bottom:10px; padding-left:44px; width:100%; box-sizing:border-box;}
.vpsys_list ul li h6{ font-family:"微软雅黑"; font-size:14px; color:#999; line-height:24px;font-weight:400; height:48px; margin-bottom:30px; overflow:hidden; padding-left:44px; width:100%; box-sizing:border-box;}
.ys1{ background:url(../img/h51.png) center left no-repeat;}
.ys2{ background:url(../img/h52.png) center left no-repeat;}
.ys3{ background:url(../img/h53.png) center left no-repeat;}
.ys4{ background:url(../img/h54.png) center left no-repeat;}
.ys5{ background:url(../img/h55.png) center left no-repeat;}
.ys6{ background:url(../img/h56.png) center left no-repeat;}






.vpswt_text{ width:100%; box-sizing:border-box; padding:0px 15px 60px; max-width:1170px; margin:0 auto; }

.text_fl{ float:left; width:48%; box-sizing:border-box; border:1px solid #ccc; padding:20px;}

.text_fr{ float:right; width:48%; box-sizing:border-box; border:1px solid #ccc; padding:30px 20px;}

.fl_img{ width:100%; height:200px; background:url(../img/wenti.jpg) center center no-repeat; }

.text_fl h1{ width:100%;overflow:hidden; height:38px;margin:0; padding:0px;} 
.text_fl h1 a{ font-family:"微软雅黑"; font-size:16px; color:#434343; line-height:24px; font-weight:400; padding-top:10px; text-decoration:none;}
.text_fl h2{ font-family:"微软雅黑"; font-size:12px; color:#666666; line-height:24px;font-weight:400;margin:0; padding:0px;}
.text_fl h3{ font-family:"微软雅黑"; font-size:14px; color:#999999; line-height:24px;font-weight:400; height:44px; overflow:hidden;margin:0; padding:0px;}

.text_fl h1 a:hover{ color:#2c5fc8;}


.fl_one{ display:none;}
.fl_one{ width:100%; height:100%; background-color:rgba(0,0,0,0.20);-webkit-transition:all 2s ease-out;	-o-transition:all 2s ease-out; -moz-transition:all 2s ease-out;-ms-transition:all 2s ease-out;	transition:all 1.6s ease-out;}
.fl_one a{ font-family:"微软雅黑"; font-size:22px; color:#ffffff; line-height:200px; font-weight:400;  text-decoration:none; text-align:center; display:block;}
.fl_one a span{ width:22px; height:22px; background:url(../img/wenti.png) center center no-repeat;}

.fl_img:hover .fl_one{ display:block;}
.fl_one:hover{ background-color:rgba(0,0,0,0.80); }


.text_fr li{ width:100%; margin-bottom:27px;}
.text_fr  ul { margin:0px; padding:0px;}
.text_fr li:nth-child(3){ margin-bottom:0px;}
.tt_date{ width:64px; height:70px; background-color:#e67e22; display:block; float:left;}

.tt_tt{ float:right; width:100%;box-sizing:border-box;}
.tt_tt h5{ width:100%; height:16px;  overflow:hidden;margin:0; padding:0px;margin-bottom:10px;}
.tt_tt h5 a{font-family:"微软雅黑"; font-size:16px; color:#434343; line-height:16px; font-weight:400;  text-decoration:none; display:block;}
.tt_tt h5 a:hover{ color:#2c5fc8;}
.tt_tt h6{ font-family:"微软雅黑"; font-size:13px; color:#999999; line-height:24px;font-weight:400; height:43px; overflow:hidden;margin:0; padding:0px;}

@media (max-width: 1150px) {
	.vps_bann{ display:none;}
	.vps_sj{ display:block;}
	
	
	
}

@media (max-width: 640px) {
	
	.vpsys_list ul{ padding-top:40px;}
	.vpsys_list ul li{ width:100%; margin-right:0px; padding-top:0px;}
	
	
	
	
	
.text_fl{ width:100%; border-bottom:none;}
.text_fl h1{ display:none}
.text_fl h2{ display:none}
.text_fl h3{ display:none}
.fl_one{ display:block;background-color:rgba(0,0,0,0.80);}
.text_fr{ width:100%; border-top:none;}
	
}
.list-unstyled>li>a{font-size: 16px;border: none;text-align:center;height: 40px;width: 60%;background: #2c5fc8;margin: 0 auto;border-radius: 6px;}
/*.pricing-table-v5 .pricing-v5-content li i.tianjia2{width:50%;height: 60px;padding: 5px 0px;background: url(../img/11.png) no-repeat center left;background-size: 100%;float: left;}*/

.list-unstyled>li p.goumai{float: right;width:100%;font-size: 16px;line-height:30px;text-align: center;}
.btn-u.btn-u-orange{background: #2c5fc8;}


.pricing-v5-head h4{position: relative;}
.pricing-v5-head h4 i.tianjia3{width:50px;height:100px;padding: 5px 0px;/*background: url(../img/12.png) no-repeat center left;*/background-size: 100%;float: left;position: absolute;top: 0;right: 0;}
.pricing-v5 i.tianjia4{color: #ff0000;text-align: center;font-size: 16px;display: block;background-size: 2%;background: url(../img/liwu.png) no-repeat center left;padding-left: 20px;    width: 173px;margin: 0 auto;}
.pricing-v5-head{min-height:190px;}

.flexslider {margin: 0px auto 0px;position: relative;width: 100%;height: 416px;overflow: hidden;zoom: 1;}
.flexslider .slides li {width: 100%;height: 100%;}
.flex-direction-nav a {width: 70px;height: 70px;line-height: 99em;overflow: hidden;margin: -35px 0 0;display: block;background: url(../images/ad_ctr.png) no-repeat;position: absolute;top: 50%;z-index: 10;cursor: pointer;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .3s ease;border-radius: 35px;}
.flex-direction-nav .flex-next {background-position: 0 -70px;right: 0;}
.flex-direction-nav .flex-prev {left: 0;}
.flexslider:hover .flex-next {opacity: 0.8;filter: alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter: alpha(opacity=25);}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {opacity: 1;filter: alpha(opacity=50);}
.flex-control-nav {width: 100%;position: absolute;bottom: 10px;text-align: center;}
.flex-control-nav li {margin: 0 2px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {background: url(../images/dot.png) no-repeat 0 -16px;display: block;height: 16px;overflow: hidden;text-indent: -99em;width: 16px;cursor: pointer;}
.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {background-position: 0 0;}
.flexslider .slides a img {width: 100%;height: 416px;display: block;}



.vps_tt{font-size:30px;color:#333;text-align:center;padding:60px 0px 30px;}
.search_zhuce{width: 100%;height: 226px;background: url(../images/heng2.png) no-repeat center;padding: 60px 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}


.product{background: #f5f5f5;padding-bottom: 60px;padding-top: 40px;}
.product_l{width: 74%;float: left;    border: 1px solid #eee;}

.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: #666;width: 49%;display: inline-block;padding-left: 10px;box-sizing: border-box;}
.zuyong_desc p span b{color: #e14b4c;font-size:16px;}
.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;}

.container{width: 100%;background: #fff;}
.content-md{padding: 20px;}
.row{margin: 0}
.col-md-3{width: 24%;margin: 0px .5%;padding: 0}

.host-package-left {position: relative;width: 76%;border: 2px solid #2c5fc8;float: left;}
.package-rec {display: block;position: absolute;right: -6px;top: -6px;width: 55px;height: 55px;background: url(../img/backage_rec1.png) no-repeat center;}
.host-package-right {width:22%;border: 1px solid #ddd;float: right;}
.host-package-title {border-bottom: 1px solid #ddd;padding: 25px 0 25px 25px;background-color: #2c5fc8;}
.host-package-title2 {background-color: #fff;}
.host-package-title2 {background-color: #fff;}
.package-title-text {position: relative;font-size: 22px;color: #fff;}
.host-package-title2 .package-title-text {color: #333;}
.package-subtitle-text {margin-top: 5px;font-size: 14px;color: #fff;}
.host-package-title2 .package-subtitle-text {color: #666;}
.cloud-product{padding: 20px;box-sizing: border-box;}
.module{padding-top: 40px;padding-bottom: 40px;}
.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{padding-left: 10px;}
.idc-right-main-desc p{font-size: 12px;color: #666;}
.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}