/*banner*/
a {
    text-decoration: none;
}
/*正常的未被访问过的链接*/
a:link {
    text-decoration: none;
}
/*已经访问过的链接*/
a:visited {
    text-decoration: none;
}
/*鼠标划过(停留)的链接*/
a:hover {
    text-decoration: none;
}
/* 正在点击的链接，鼠标在元素上按下还没有松开*/
a:active {
    text-decoration: none;
}
/* 获得焦点的时候 鼠标松开时显示的颜色*/
a:focus {
    text-decoration: none;
}

.banner{
    width: 100%;
    height: 360px;
    background-color: #17222B;
    margin-top: 54px;
}
.half-left{
    width: 600px;
    float: left;
}
.half-right{
    width: 600px;
    float: left;
}
.banner-title{
    font-size:36px;
    color:white;
    padding-top:77px;
    padding-bottom:40px;
}
.banner-text{
    font-size:14px;
    color:rgba(255,255,255,0.78);
    line-height:30px;
    width: 580px;
}
.half-right img{
    padding-top: 23px;
}


/*数据中心机房菜单*/
.center-nav{
    width: 100%;
    height: 54px;
}
/* 下拉按钮样式 */
.dropbtn11 {
    width: 146px;
    height: 54px;
    font-size: 16px;
    padding-top: 20px;
    text-align: center;
    color:rgba(51,51,51,1);
    border: 0px !important;
    background-color: white;
    cursor: pointer;
}
/* 容器 <div> - 需要定位下拉内容 */
.dropdown11 {
    position: relative;
    display: inline-block;
}
/* 下拉内容 (默认隐藏) */
.dropdown-content11 {
    display: none;
    position: absolute;
    width:146px;
    font-size: 14px;
    border-radius: 4px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
    z-index:100;
}
/* 下拉菜单的链接 */
.dropdown-content11 a{
    color: #333333;
    background-color: white;
    font-size: 14px;
    padding: 8px 8px;
    text-decoration: none;
    text-align: center;
    display: block;
    cursor: pointer;
}
/* 鼠标移上去后修改下拉菜单链接颜色 */
.dropdown-content11 a:hover{
    color:#3BA5FF;
}
/* 在鼠标移上去后显示下拉菜单 */
.dropdown11:hover .dropdown-content11 {
    display: block;
}
/* 当下拉内容显示后修改下拉按钮的背景颜色 */
.dropdown11:hover .dropbtn11{
    background-color:white;
    color:#333 !important;
}
.dropdown11:hover .add-line{
    display: block;
}

.add-line{
    margin: 10px auto 0px;
    width: 48px;
    height:2px;
    background:rgba(5,159,255,1);
    display: none;
}


/*基本介绍*/
.introduce{
    margin-top: 60px;
    width: 100%;
    background:rgba(255,255,255,1);
    box-shadow:0px 2px 8px 1px rgba(4,0,0,0.1);
    border-radius: 4px;
}
.column-title{
    font-size:28px;
    color:rgba(51,51,51,1);
    text-align: center;
    padding-top: 40px;
    padding-bottom:36px;
}
.intro-zuo{
    width: 560px;
    margin-left: 40px;
    float: left;
}
.intro-icon{
    font-size:22px;
    margin-bottom: 20px;
    color:rgba(51,51,51,1);
}
.intro-text{
    width: 510px;
    margin-left: 10px;
    font-size:14px;
    color:rgba(102,102,102,1);
    line-height:28px;
    text-indent:2em;
    z-index: 2;
    position: absolute;
}
.intro-icon img{
    margin-right: 20px;
}
.intro-icon02{
    position: absolute;
    z-index:1;
    padding-left: 380px;
    padding-top: 80px;
}

.intro-pic{
    width: 600px;
    margin-bottom: 40px;
    float: left;
}
.intro-pic img{
    margin-left: 40px;
}

/*为用户精心打造优质机房*/
.room-adv{
    width: 100%;
    margin-top: 80px;
    background:rgba(249,249,249,0.4);
    padding-bottom: 40px;
}
.specific-room-adv{
    width: 600px;
    height: 160px;
    border-radius: 4px;
    float: left;
    cursor: pointer;
}
.specific-room-adv:hover{
    background-color: white;
}
.specific-room-adv:hover .text01{
    color: #50ADFF;
}
.room-adv-icon{
    width: 122px;
    height: 100px;
    margin-left: 30px;
    margin-right: 10px;
    margin-top: 30px;
    float: left;
}
.room-adv:hover .room-adv-icon{
    transition: all 2s ease 0s;
}
.room-adv-text{
    width: 400px;
    margin-left:20px;
    float: left;
    margin-top: 26px;
}
.room-adv-text .text01{
    font-size:22px;
    color:#333333;
    margin-bottom:10px;
}
.room-adv-text .text02{
    font-size:12px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:#333333;
    line-height:22px;
}



/*优质服务确保您能专注业务拓展*/
.service-adv{
    width: 100%;
    margin-top: 20px;
    padding-bottom: 40px;
}
.specific-service-adv{
    margin-top: 20px;
    width: 300px;
    border-radius: 4px;
    float: left;
    cursor: pointer;

}
.service-adv-icon{
    margin-left: 60px;
    font-size:18px;
    color:rgba(51,51,51,1);
}
.service-adv-icon img{
    margin-right: 20px;
}
.service-adv-text{
    margin-left: 60px;
    margin-top: 16px;
    font-size:14px;
    color:rgba(102,102,102,1);
    line-height:24px;
}


/*地图*/
.last-adv{
    width: 100%;
    margin-top: 20px;
    background-color: rgba(249,249,249,0.4);
}
.last-adv-zuo{
    width: 600px;
    float: left;
    margin-top: 60px;
}
.specific-last-adv{
    width: 480px;
}
.last-adv-title{
    width: 100%;
    height: 40px;
}
.last-adv-title img{
    width: 25px;
    height: 25px;
    margin-right: 20px;
}
.last-adv-title p{
    margin-top: 2px;
    font-size:16px;
    color:rgba(51,51,51,1);
}
.last-adv-text{
    font-size:14px;
    color:rgba(102,102,102,1);
    margin-bottom: 30px;
}
.last-adv-you{
    width: 600px;
    height: 280px;
    margin-top: 60px;
    margin-bottom: 60px;
    float: left;
}
.data-zu{
    color: white;
    width: 110px;
    text-align: center;
    text-indent:0;
    display: inline-block;
    background-color: #3BA5FF;
    border-radius: 2px;
    height: 30px;
    line-height: 30px;
}
.data-tuo{
    color:#3BA5FF;
    width: 110px;
    text-align: center;
    text-indent:0;
    display: inline-block;
    background-color: rgba(255,255,255,0 );
    border-radius: 2px;
    margin-left: 20px;
    border: 1px solid rgba(255,255,255,0 );
    height: 30px;
    line-height: 30px;
    /*border-radius: 2px;*/
}
.data-tuo:hover{
    border: 1px solid #3BA5FF;
}
.zutuot{
    position: absolute;
    top:368px;
    left: 430px;
}