.host-content{background:#f1f4f4;padding-top:0px;padding-bottom:0px;_zoom:1}
.vps_t h3{font-size: 30px;font-weight:500;color: #333;text-align: center;padding-top: 70px;margin-top: 0px}
.vps_t p{font-size:16px;font-weight:500;color: #666;text-align: center;padding: 20px 0px 50px;letter-spacing:10px;}
.virtue-list{width: 1200px;margin: 0 auto;padding-bottom: 80px;padding-left:0px;}
.virtue-list .virtue-bg1 {
    background-image: url(../img/virtue_1.png);
}
.virtue-list .virtue-bg2 {
    background-image: url(../img/virtue_2.png);
}
.virtue-list .virtue-bg3 {
    background-image: url(../img/virtue_3.png);
}
.virtue-list .virtue-bg4 {
    background-image: url(../img/virtue_4.png);
}
.virtue-list li {
    display: list-item;
    float: left;
    padding: 30px 10px 0 180px;
    width: 585px;
    height: 216px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 35px 41px;
    box-sizing: border-box;
}
.virtue-list li:hover {
    box-shadow: 1px 1px 15px rgba(223, 223, 223, 0.65);
}
.virtue-title {
    display: block;
    font-size: 22px;
    color: #333;
}
.virtue-sub-title {
    display: block;
    margin-top: 16px;
    padding-right:20px;
    line-height: 28px;
    font-size: 16px;
    color: #666;
}
.virtue-info {
    margin-top: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #999;
}
.margin-left-20 {
    margin-left: 20px;
}
.margin-top-20 {
    margin-top: 20px;
}

.col-lg-2{color: #333}
.col-md-3{float: left;padding: 0}
.col-md-9{width: 100%;}
.host-config{width: 75%;float: left;border-right: 1px solid #eee}
.panel-blue > .panel-heading{background:#fff;color: #333}
.panel-blue{border: none;}
.bg{background: #fff;padding: 0}
.bg1{background: #fff;border: none;}
.bg2{font-size: 18px;margin: 52px auto 25px;text-align: center;}
.slider.slider-horizontal .slider-track{background: #f1f1f1;box-shadow: none;}
.panel-body{padding-top: 0}
.col-lg-4{font-size: 16px;}
.checkbox{font-size: 14px;padding: 0px}
.slider.slider-horizontal .slider-track{width: 97%}
.col-lg-8,.col-lg-10,.col-lg-6{padding: 0}
.margin-bottom-30{margin-bottom: 40px;}
.control-label{font-size: 14px;}
.config-box{margin-bottom: 40px;padding-top: 0}
.config-box label{width: 106px;}
.col-lg-10{}
.fl{float: left;}
.bg3{height: 34px;padding: 6px 6px;}
.form-control{width: 75%;margin-left: 10px;}
.col-lg-6{width: 75%}

.cloudb{background: url(../img/yun1.jpg) no-repeat center;height: 420px;}


.flexslider {margin: 0px auto 0px;position: relative;width: 100%;height: 420px;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: 420px;display: block;}


.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½áÊø*/


.plate_t{font-size: 30px;color: #333;padding: 60px 0px 30px;text-align: center;}
.fff{color: #fff}
.plate1{width: 100%;height: 400px;background: url(../images/plate_bg.png) no-repeat center;}
.plate1 p{width: 70%;line-height: 32px;color: #fff;font-size: 14px;}
.plate2 img{display: block;margin: 0 auto 60px;}
.plate3{background: #fafafa}
.plate3 ul li{width: 48%;padding: 30px 30px 30px 130px;box-sizing: border-box;margin: 0 1% 20px;float: left;}
.plate3 ul li:nth-child(1){background: url(../images/plate3_icon.png) no-repeat  30px center #fff;}
.plate3 ul li:nth-child(2){background: url(../images/plate3_icon1.png) no-repeat  30px center #fff;}
.plate3 ul li:nth-child(3){background: url(../images/plate3_icon2.png) no-repeat  30px center #fff;}
.plate3 ul li:nth-child(4){background: url(../images/plate3_icon3.png) no-repeat  30px center #fff;}
.plate3 ul li p{font-size: 16px;color: #333;margin-bottom: 10px;}
.plate3 ul li span{height: 110px;font-size: 14px;color: #888;line-height: 30px;display: inline-block;}
.plate4 ul li{float: left;width: 18%;margin: 0 1% 20px;}
.plate4 ul li img{max-width: 100%;background: rgba(0,0,0,0.3);filter: grayscale(100%);}
.plate4 ul li:hover{box-shadow: 0px 0px 10px 0px #ddd}
.plate4 ul li:hover img{filter: grayscale(0%);}
.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}

.cloud_tuijian a{padding: 5px 10px;margin-right:10px;color: #333;border:1px solid #eee;font-size: 14px;line-height:32px;}
.cloud_tuijian a:hover{background: #2c5fc8;color: #fff;}
.cloud_xiangguan{padding-top: 20px;}