﻿html{ position:relative; width:100%; height:100%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, dl, dt, dd, span { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
td { border-color:#000; }
fieldset, img { border: 0px; }
address, caption, cite, code, dfn, em, strong, th, var { font-weight: normal; font-style: normal; }
strong { font-weight:bold; }
ol, ul, dl { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight:normal;}
img { vertical-align:middle; }
input, button { vertical-align:middle; outline:none; }
input { text-indent:2px; }
button { cursor:pointer; }
abbr, acronym { border: 0px; }
a{ text-decoration:none;outline:none; cursor:pointer;}
a:hover{ color:#e9c46c; text-decoration:none;outline:none; }
.clearfix:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.clearfix { display:block; }
.fl{ float:left;}
.fr{ float:right;}
.textCenter{ text-align:center;}

body{ font-size:12px; font-family:Microsoft YaHei,SimHei,SimSun; position:relative; min-height:100%; min-width:1200px;}
.common{ width:1200px; margin:0 auto; position:relative;    overflow: hidden;}
.common h2{font-size:20px;text-align:center;color:#3d3d3d; font-weight:bold;}
.common .textLeft{ text-align:left;}
.common-title{ text-align:center; color:#383838;}
.common-title h2{ font-size:20px;  font-weight:bold;color:#3d3d3d;}
.common-title b{ display:block; margin:12px auto; width:603px; height:1px; background:#383838;}
.common-title p{ font-size:14px; line-height:30px;color:#565656;}

.topBar{ width:100%; height:34px; background:#0093dd; line-height:34px; position:fixed; left:0; top:0px; font-size:14px; overflow:hidden; color:#fff; z-index:999; }
.topBar.add_advert{top: 90px;}
.topBar .login-box{ float:right;    margin-right:26px; display:inline; }
.topBar .hotline{padding-left:41px;}
.topBar .welcome{ float:left; padding-right:15px;}
.topBar .welcome span{ margin-left:0;}
.topBar a{ float:left; width:70px; height:34px; text-align:center; line-height:34px; color:#fff;}
.topBar .register{ background:#fb736d;}
.topBar .barnch{ margin-left:20px;}
.topBar .barnch a{ float:none; margin-right:18px; font-weight:normal;}
.topBar .barnch a.last{ cursor:inherit;}
.topBar .barnch a:hover,.topBar .barnch a.current{ color:#cc1d1c;}
/*header*/
.ui-header{ width:100%; height:68px; position:fixed; left:0; top:34px; z-index:111; box-shadow: 0px 1px #c4bebe;}
.ui-header.add_advert{top: 124px;}
.tOpacity{ width:100%; height:100%; background:#fff; opacity:0.9; filter:alpha(opacity=90); z-index:1; position:absolute; left:0; top:0;}
.header{ width:1200px; margin:0 auto; position:relative; z-index:11;}
.header-logo{margin: 10px 0 0 31px; position:relative;height:48px;}
.header-logo img{height: 100%;}
.header-logo span{ position:absolute; left:160px; bottom:3px; color:#2d2d2d; font-size:12px; width:100%;}
.header-nav{font-size:16px;margin-right: 26px;}
.header-nav li{ float:left; position:relative; height:68px; line-height:68px; padding:0 24px;}
.header-nav .first{ padding-left:0;}
.header-nav .last{ padding-right:0;}
.header-nav a{ color:#4d4d4d; position: relative;}
.header-nav a em{ position: absolute;right:-10px; top:-15px; float: left; display: block; width:31px; height: 17px;}
.header-nav a:hover,.header-nav a.current{ color:#1f7ac3;}
.header-nav a:hover em{ display:block;}
/*.header-nav b{ float:left; margin-top:23px; display:inline; font-weight:normal; color:#dcdbdb; *position:absolute; *right:0;*top:-24px;}*/
.header-nav i{width:18px; height:11px;position:absolute;background:url(img/index_arrow.png) no-repeat;left: 40px; bottom: -2px;display:none;}
.header-nav .drop{position:absolute; left:0;top:68px; display:none;background-color:#fff;border-top:#0093dd solid 6px;/*box-shadow: 0 3px 6px rgba(0,0,0,.2);**/}
.header-nav dl{ overflow:hidden; color:#595959;float:left;}
.header-nav dd,.header-nav dt{ text-align:center;}
.header-nav dt a{border-bottom:1px solid #777;font-weight:bold;line-height:44px;display:block;}
.header-nav dd{ line-height:40px; background:#fff;}
.header-nav dd a{font-size:14px;}
.header-nav dd a{ display:block; color:#595959; text-decoration:none;}
.header-nav dd a:hover{ color:#fff; background:#1f7ac3;}
.header-nav .dl1 dl{ width:148px;}
.header-nav .dl1 a,.header-nav .dl3 a,.header-nav .dl5 a {padding-left:23px;text-align:left;}
.header-nav .dl2{width:773px;left:-176px;}
.header-nav .dl2 dl{width:143px;margin:0 25px;padding:10px 0px 0 0px;}
.header-nav .dl3{ width:430px; left:-17px;}
.header-nav .dl3 dl{ width:215px;text-align:left;}
.header-nav .dl4{ width:270px;}
.header-nav .dl4 dl{ width:135px;}
.header-nav .dl5,.header-nav .dl5 dl{ width:194px;}
.header-nav li:hover .drop,.header-nav li:hover i{display:block;}
/*big-banner*/
.list-banner{ width:100%; height: 186px; overflow:hidden; margin-top:102px; background: url(img/news_list_banner.jpg) no-repeat center 0;}
.ui-banner{ width:100%; overflow:hidden; margin-top:102px;height:340px;}
.ui-banner .text{color:#fff;font-size:18px;margin-top:120px;padding-left:80px;}
.ui-banner .text h1{font-size:24px;font-weight:bold;padding-bottom:12px;}
.ui-banner .text p{width:574px;line-height:24px;font-size:14px;}
.datacenters-bg{ background:url(img/datacenters_bg.jpg) no-repeat center center; height:340px;}
.conference-bg{ background:url(img/conference-bg.png) no-repeat 0 center; height:340px;}
.highlights-bg{ background:url(img/highlights-bg.png) no-repeat 0 center; height:340px;}
.bandwidth-bg{ background:url(img/bandwidth-bg.jpg) no-repeat 0 center; height:340px;}
.colocation-bg{ background:url(img/colocation_bgf9e3.jpg?v=1.1) no-repeat center center; height:340px;}
.dedicated-bg{ background:url(img/dedicated_bgf9e3.jpg?v=1.1) no-repeat center center; height:340px;}
.culture-bg{ background:url(img/culture-bg.jpg) no-repeat center center; height:340px;}
.aboutus-bg{ background:url(img/aboutus_bg.jpg) no-repeat center center; height:340px;}
.honor-bg{ background:url(img/honor_bg.jpg) no-repeat center center; height:340px;}
.safe-bg{ background:url(img/safe_bgf9e3.jpg?v=1.1) no-repeat center center; height:340px;}
.benefit-bg{ background:url(img/benefit_bg.jpg) no-repeat center center; height:340px;}
.life-bg{ background:url(img/life_bg.jpg) no-repeat center center; height:340px;}
.cases-bg{ background:url(img/cases_bgf9e3.jpg?v=1.1) no-repeat center center; height:340px;}
.history-bg{ background:url(img/history_bg.jpg) no-repeat center center; height:340px;}
.solution-bg{ background:url(img/solution_bg.jpg) no-repeat center center; height:340px;}
.preferential-bg{ background:url(img/banner_activity.jpg) no-repeat center center; height:546px;}
.yinliu-bg{ background:url(img/yinliu_bg.jpg) no-repeat center center; height:388px;margin-top:102px;}
.bjcu-bg{background:url(img/bjcx.jpg) no-repeat center center; height:388px;}
.beian-bg{ background:url(img/banner_beian.jpg) no-repeat center center; height: 186px;margin-top: 103px;}
.crumb{ width:100%; height:46px; background:#0093dd; font-size:16px; color:#fff; line-height:46px;}
.crumb a{ color:#fff; margin:0 5px;}
/*.crumb a:hover{ color:#fc635e;}*/
.crumb ul{overflow:hidden;}
.crumb li{float:left;}
.crumb li a{ width:128px;text-align:center;cursor:pointer;color:#fff;display:inline-block;}
.crumb li.current{background-color:#e44d4f;}
.crumb b{ margin-left:5px;}

/*footer*/
.ui-footer{ width:100%; position:absolute; left:0; bottom:0; height:663px;}
.footer-links{ width:100%; padding:50px 0; background:#1f7ac3; font-size:14px; overflow:hidden;}
.footer-links dl{ float:left; padding:20px 75px 0 0;}
.footer-links dt{ color:#fff; font-size:20px; padding-bottom:25px;}
.footer-links dd{ line-height:35px; color:#fff;}
.footer-links span{/*opacity:0.2; filter:alpha(opacity=20);*/}
.footer-links dd a{color:#e1e0e0; /*opacity:0.2; filter:alpha(opacity=20);*/}
.footer-links dd a:hover{color:#fff; /*opacity:1;filter:alpha(opacity=100);*/}
.footer-links-address{ float:right; color:#7b7b7b;}
.footer-links-address b{ position:absolute; left:0; background:url(img/new_sprite.png) no-repeat;display:block;}
.footer-links-address .tel{font: 30px/62px Tahoma, Geneva, sans-serif; display:inline-block; overflow:hidden; width:209px; vertical-align:middle; margin-right:18px;*float:left;position:relative; background:#cc1b22;padding-left:69px;}
.footer-links-address .tel b{ width:34px; height:34px; background-position:0 -35px;top:15px;left:20px;}
.footer-links-address .tel i{  width:146px;font-style:normal;color:#fff;}
.footer-links-address .qrCode{ width:55px; height:55px;}
.footer-links-address ul{  position:relative; margin-top:28px;}
.footer-links-address li{ color:#e1e0e0; padding-bottom:15px;}
.footer-links-address p{position:relative;}
.footer-links-address a{ display:block; color:#e1e0e0; position:relative; padding-left:50px;line-height: 31px;}
.footer-links-address a img{ position:absolute; left:-134px; top:-105px; display:none;}
.footer-links-address a:hover img{ display:block;}
.footer-links-address .b2{ background-position:0px 0; top:1px; width:36px; height:29px;margin-right:20px;}
.footer-info{ width:100%; padding:40px 0; background:#3c3c3c; color:#878787; font-size:14px; line-height:30px; text-align:center;}
.footer-info p{ padding:2px 0;}
.footer-info a{ color:#878787;}
.footer-info a:hover{ color:#fff; text-decoration:underline;}
.footer-info ul{ overflow:hidden; padding-top:18px;}
.footer-info li{height:48px;overflow:hidden; margin-left:15px; display:inline-block;background-size:884px; background-image:url(img/approve_bg.png); background-repeat:no-repeat; transition:background 0.2s linear 0s;-webkit-transition:background 0.2s linear 0s;*float:left;}
.footer-info li a{ display:block; width:100%; height:100%;}
.footer-info .li1{ margin-left:0; width:86px; background-position:0px 0px;}
.footer-info .li1:hover{ background-position:0px -60px;}
.footer-info .li2{ width:51px; background-position:-93px 1px;}
.footer-info .li2:hover{ background-position:-93px -59px;}
.footer-info .li3{ width:114px; background-position:-152px 2px;}
.footer-info .li3:hover{ background-position:-152px -58px;}
.footer-info .li4{ width:88px; background-position:-287px 0px;}
.footer-info .li4:hover{ background-position:-287px -56px;}
.footer-info .li5{ width:40px; background-position:-396px 0px;}
.footer-info .li5:hover{ background-position:-396px -57px;}
.footer-info .li6{ width:89px; background-position:-646px 1px;}
.footer-info .li6:hover{ background-position:-646px -56px;}
.footer-info .li7{ width:32px; background-position:-527px 0px;}
.footer-info .li7:hover{ background-position:-527px -50px;}
.footer-info .li8{ width:40px; background-position:-646px 0px;}
.footer-info .li8:hover{ background-position:-646px -57px;}
.footer-info .li9{ width:46px; background-position:-711px 0px;}
.footer-info .li9:hover{ background-position:-711px -56px;}
.footer-info .li10{ width:100px; background-position:-784px 0px;}
.footer-info .li10:hover{ background-position:-784px -56px;}
.online－customer{ position:fixed; left:2%; top:55%; margin:0px 0 0 0; cursor:pointer; width:97px;z-index:1112222;}
.online－customer a{ display:block; width:92px; line-height:25px; background:#eee; text-align:center; color:#000;}
.footer-info .li11{ width:130px; background-position:-3000px 0px;}
.footer-info .li11 img{ margin-bottom:20px; margin-top:1px; transition:all 0.3s;}
.footer-info .li11:hover img{ margin-top:-59px}


/* 游戏客户迁移消息框 */
.notice{height: 430px;left: 50%;margin: -215px 0 0 -222px;position: fixed;top: 50%;width: 444px;z-index: 111;}
.notice-tit{background: #f6ad3a;border-radius: 5px 5px 0 0;color: #fff;font-size: 30px;height: 40px;
letter-spacing: 5px;line-height: 40px;position: relative;text-align: center;}
.notice-tit span{background:url(img/sprite2.png) no-repeat 0 -1000px;display: block;height: 62px;left: 6px;position: absolute;top: -10px;width: 62px;}
.notice-tit .close{background:url(img/sprite2.png) no-repeat -63px -1000px;display: block;height: 23px;position: absolute;right: 17px;text-indent: -9999em;top: 9px;width: 25px;}
.notice-con{ background: #fbf9f9;border-radius: 0 0 5px 5px;padding: 12px;}
.notice-con-word{border: 2px solid #f1efef;color: #957171;font-size: 13px;line-height: 18px;margin-bottom: 12px;padding: 6px 14px;}
.notice-con-word p{ text-indent:2em;}
.notice-con-operation{ overflow:hidden;}
.notice-con-operation .btn{background: #f6ad3a;border-radius: 5px;color: #fff;float: left;font-size: 19px;height: 40px;line-height: 40px;margin-right: 33px;padding-right: 32px;position: relative;text-align: center;width: 102px;}
.notice-con-operation .btn:hover{ background:#ff7e00;}
.notice-con-operation .btn:hover span{background-position: -123px -1000px;}
.notice-con-operation .btn span{background-image: url(img/sprite2.png);background-position: -89px -1000px;
background-repeat: no-repeat;display: block;height: 32px;position: absolute;right: 5px;top: 4px;width: 33px;}
.notice-con-operation .btn1{display: inline;margin-left: 67px;}
.notice-con-operation .btn2{display: inline;margin-left: 105px;padding-right: 40px;width: 180px;}
.notice-con-operation .btn2 span{ right:25px;}
/* 注册登录底部 */
.foot{position:absolute;bottom:15px;width:100%;}
.foot p{font-size:15px;text-align:center;}
