/*
Theme Name: 云网数据
Theme URI: http://demo-qw.luomisoft.com/
Description: 云网数据模板
Version: 2.0
Author: 络米软件
Author URI: http://www.luomisoft.com/
*/

/* 全局通用
----------------------------------------------- */
body { font-family: Microsoft Yahei, \5FAE\8F6F\96C5\9ED1, \5b8b\4f53, Arial, Lucida, Verdana, Helvetica, sans-serif; color: #333; background-color: #FFFFFF; }
body, button, input, textarea { font-size: 12px; line-height: 1.531; outline: none; margin: 0; padding: 0; border: 0; }
p, ul, ol, dl, dt, dd, form, blockquote { margin: 0; padding: 0; }
ul, ol { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 12px; margin: 0; padding: 0; }
em, b, i { font-style: normal; font-weight: normal; }
img { border: 0; }
a { text-decoration: none; color: #333333; }
a:hover { text-decoration: underline; color: #C70D0E; }
img { vertical-align: middle; }
input, select { font-family: Microsoft Yahei; vertical-align: middle; }
.clear { clear: both; height: 0; line-height: 0; font-size: 0; }
.none { display: none; }
#vcode { cursor: pointer; }
.captcha { text-transform: uppercase; }
.cue { color: red; font-size: 12px; }
label { cursor: pointer; }
/***/
.clearfix:after { display: block; clear: both; content: "\0020"; visibility: hidden; height: 0; }
.clearfix { zoom: 1 }
.overflow { overflow: hidden; }
.center { width: 1250px; margin: 0 auto }
.left { float: left; }
.right { float: right; }
.split { height: 10px; overflow: hidden; width: 100%; }
.yjiao { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.fl {
float: left;
}
.fr {
float: right;
}
/* 主体框架
----------------------------------------------- */
#wrapper { }
#wrapper .wrap { width:1180px; margin: 0px auto; }
#wrapper .mb { margin-bottom: 50px; }
/* -- index -- */
#indexLeft { float: left; width: 600px; }
#indexRight { float: right; width: 360px; text-align: left; }
/* -- page -- */
#pageLeft { float: left; width: 310px; }
#pageLeft .floatdiv { z-index: 999 }
#pageIn { float: right; width: 840px; overflow: hidden; }
#pageIn span.p_tit { float: left; display: inline-block; height: 45px; line-height: 45px; font-size: 18px; font-weight: bold; color: #111; border-bottom: 2px solid #19B4EA; }
/* 头部导航
----------------------------------------------- */
.ma_hea { width: 100%; }
.hovhead { background-color: #00a2ca; }
/* -- top -- */
#top { height: 40px; text-align: right; color: #ffffff; }
#top a { height: 40px; line-height: 40px; color: #ffffff; }
#top s { top: 9px; left: 0; width: 0; color: #ffffff; height: 8px;  overflow: hidden; }
/* userTop */
#top .userTop { float: left; }
#top .userTop s { margin: 0 12px; }
/* welcome */
#top .welcome { float: left; color: #ffffff; font-weight:bold; height: 40px; line-height: 40px; }
/* topNav */
#top .topNav { position: relative; z-index: 1000; height: 40px; float: right; margin-right: -5px; }
#top .topNav li { border-bottom: 0; float: left; zoom: 1; text-align: center; }
#top .topNav li a { padding: 0 12px; display:inline-block; color: #ffffff; }
#top .topNav li a:hover { color: #00a2ca; text-decoration: none; }
#top .topNav li.hover { position: relative; background: #FFFFFF; border: 1px solid #DDDDDD; border-bottom: 0; }
#top .topNav li.hover s { }
#top .topNav ul { background: #FFFFFF; border: 1px solid #DDDDDD; border-top: 0; width: 100%; display: none; position: absolute; top: 100%; left: -1px; padding-bottom: 4px; }
#top .topNav ul li { float: none; }
#top .topNav li.hover ul li { border: none; }
#top .topNav li.hover ul li a { height: 25px; line-height: 25px; }
.hovhead #top{ }
.hovhead #top .welcome, .hovhead #top .topNav li a { color: #ffffff; }
.hovhead #top s {   }
/* -- header -- */
#header { min-height: 80px;  width: 100%;transition: all 0.7s;-webkit-transition: all 0.7s;-ms-transition: all 0.7s;-moz-transition: all 0.7s; }
#header .phead { z-index: 1000; position: relative; }
#header .logo { padding: 9px 0; float: left; }
#header .logo a { display: inline-block; width: 213px; height: 60px; background: url(images/logo-bai.png) no-repeat center center; }
.hovhead #header { transition: all 0.7s;-webkit-transition: all 0.7s;-ms-transition: all 0.7s;-moz-transition: all 0.7s; }
.hovhead #header .logo a { background: url(images/logo-bai.png) no-repeat center center; }
#header .searchBox { float: right; }
#header .searchBox { margin: 30px 10px 0 0; }
#header .searchBox .keyword { width: 210px; }
/* -- mainNav -- */
#mainNav { margin-bottom: 10px; height: 35px; font-size: 14px; width: 780px; float: right; }
/* LEVEL ONE */
#mainNav ul.wrap { width: 880px; }
#mainNav ul li { float: left; zoom: 1;}
#mainNav ul li#ma_6 { position: relative;}
#mainNav ul li s{ border-left:2px solid #ddd; float:left; width:0px;height: 15px; left:0; margin-top:33px;}
#mainNav ul li a { display: block;   padding: 0 15px; text-align: center; height: 80px; line-height: 80px; color: #fff; text-decoration: none; font-size: 19px;}
#mainNav ul li.hover, #mainNav ul li.cur {background:url(images/botbj.png) no-repeat bottom; }
#mainNav ul li.hover a, #mainNav ul li.cur a { color: #ed9113; }
#mainNav ul li .first {  }
#mainNav ul li.hover .first, #mainNav ul li.cur .first { }
#mainNav ul li .last { background: #FFFFFFF; margin-right: -1px; }
#mainNav ul li.hover .last, #mainNav ul li.cur .last { }
.hovhead #mainNav ul li a { color: #ffffff; }
.hovhead #mainNav ul li s{ border:none; width:2px;}
.hovhead #mainNav ul li a:hover { color:#ed9113;transition: all 0.7s;-webkit-transition: all 0.7s;-ms-transition: all 0.7s;-moz-transition: all 0.7s;}
/* LEVEL TWO */
#mainNav ul div.mbx { width: 100%; background-color:#222222; position: absolute; top: 80px; left: 0; }
#mainNav ul ul { min-width: 125px; _width: 125px; display: none; padding-bottom: 10px; padding-top: 10px; }
#mainNav ul ul li { font-weight: normal; background: #09c; float: none; }
#mainNav ul li.hover ul li a { text-align: left; color: #ffffff; height: 35px; width: auto; white-space: nowrap; line-height: 35px; font-size: 14px; border-right: none; display: block; }
#mainNav ul li.hover ul li.hover a { color: #ffffff; background-color: #147ac1; height: 35px; line-height: 35px; }
#mainNav ul li.hover ul a.parent { }
/*产品与服务n_1*/
#mainNav ul ul.n_1 { width: 1180px; margin: 0 auto; display: none; border-top: none; padding: 10px; padding-left: 20px; padding-bottom: 20px; }
#mainNav ul ul.n_1 li { font-weight: normal; background: none; float: left; min-width: 175px; _width: 175px; margin-bottom: 30px; }
#mainNav ul li.hover ul.n_1 li a { color: #fff; height: 35px; width: auto; white-space: nowrap; line-height: 35px; font-size: 14px; border-right: none; display: block; }
#mainNav ul li.hover ul.n_1 li.hover a { background: none; height: 35px; line-height: 35px; }
#mainNav ul li.hover ul.n_1 li a span { height: 45px; line-height: 45px; font-size: 16px; font-weight: bold; display: inline-block; width: 100%; color: #fff; border-bottom: 1px solid #eee }
#mainNav ul li.hover ul.n_1 li.hover a span {}
#mainNav ul li.hover ul.n_1 li p a { font-size: 14px; color: #fff; margin-bottom: 5px; }
#mainNav ul li.hover ul.n_1 li p a:hover { color:#ed9113; text-decoration: underline }
#mainNav ul li.hover ul.n_1 a.parent { margin-bottom: 20px; }
#mainNav ul li.hover ul.n_1 li.ncase_1{ float:right; margin-top:50px;}
/*机房介绍n_6*/
#mainNav ul ul.n_6 { width: 1180px; margin: 0 auto; display: none; border-top: none; padding: 10px; padding-left: 20px; padding-bottom: 20px; }
#mainNav ul ul.n_6 li { font-weight: normal; background: none; float: left; min-width: 175px; _width: 175px; margin-bottom: 30px; }
#mainNav ul li.hover ul.n_6 li a { color: #fff; height: 35px; width: auto; white-space: nowrap; line-height: 35px; font-size: 14px; border-right: none; display: block; }
#mainNav ul li.hover ul.n_6 li.hover a {  background: none; height: 35px; line-height: 35px; }
#mainNav ul li.hover ul.n_6 li a span { height: 45px; line-height: 45px; font-size: 16px; font-weight: bold; display: inline-block; width: 100%; color: #fff; border-bottom: 1px solid #eee }
#mainNav ul li.hover ul.n_6 li.hover a span { }
#mainNav ul li.hover ul.n_6 li p a { font-size: 14px; color: #fff; margin-bottom: 5px; }
#mainNav ul li.hover ul.n_6 li p a:hover { color: #ed9113; text-decoration: underline }
#mainNav ul li.hover ul.n_6 a.parent { margin-bottom: 20px; }
#mainNav ul li.hover ul.n_6 li.ncase_6{ float:right;}
/*机房介绍n_6*/
#mainNav ul ul.n_7 { width: 1180px; margin: 0 auto; display: none; border-top: none; padding: 10px; padding-left: 20px; padding-bottom: 20px; }
#mainNav ul ul.n_7 li { font-weight: normal; background: none; float: left; min-width: 175px; _width: 175px; margin-bottom: 30px; }
#mainNav ul li.hover ul.n_7 li a { color: #fff; height: 35px; width: auto; white-space: nowrap; line-height: 35px; font-size: 14px; border-right: none; display: block; }
#mainNav ul li.hover ul.n_7 li.hover a { background: none; height: 35px; line-height: 35px; }
#mainNav ul li.hover ul.n_7 li a span { height: 45px; line-height: 45px; font-size: 16px; font-weight: bold; display: inline-block; width: 100%; color: #fff; border-bottom: 1px solid #eee }
#mainNav ul li.hover ul.n_7 li.hover a span {  }
#mainNav ul li.hover ul.n_7 li p a { font-size: 14px; color: #fff; margin-bottom: 5px; }
#mainNav ul li.hover ul.n_7 li p a:hover { color: #ed9113; text-decoration: underline }
#mainNav ul li.hover ul.n_7 a.parent { margin-bottom: 20px; }
#mainNav ul li.hover ul.n_7 li.ncase_7 { width: 460px; margin-left: 40px; }
#mainNav ul li.hover ul.n_7 li.ncase_7 a { height: auto; display: inline-block; float: left; margin-bottom: 10px; }
/*机房介绍n_6*/
#mainNav ul div.m_9 { width: 115px; margin: 0 auto;background: #222222; position: absolute; top: 80px; } 
#mainNav ul ul.n_9 { width: 115px; min-width: 95px; float: right;display: none; border-top: none;   padding-bottom: 20px; }
#mainNav ul ul.n_9 li { font-weight: normal; background: none; float: left; min-width: 115px; _width: 175px; margin-bottom: 0; } 
#mainNav ul ul.n_9 li a span{ color: #fff} 
#mainNav ul ul.n_9 li a:hover span{ color: #ed9113} 
 @media \0screen\,screen\9 {/* 只支持IE6、7、8 
#mainNav ul div.mbx { background-color: #fefefe; filter: Alpha(opacity=90); position: static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */  *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
}
}
/* LEVEL THREE */
#mainNav ul ul ul { left: 100%; top: 0; border-top: 0; _border-top: 1px; }
#mainNav ul li.hover ul li.hover ul li a { color: #24313C; }
#mainNav ul li.hover ul li.hover ul li.hover a { color: #FFF; }
/***/

.sliderbox { width: 100%; background: url(images/qw/shadowbg.png) repeat; padding: 15px 0 10px; position: absolute; top: 112px; left: 0; display: none; z-index: 10000; }
.slidernav { width: 1200px; margin: 0 auto; }
.slidernav ul { float: left; width: 120px; min-height: 50px; }
.slidernav .fir { margin-left: 450px; width: 120px; }
.slidernav .fir_1 { }
.slidernav .fir_2 { width: 140px; }
.slidernav .fir_3 { width: 120px; }
.slidernav .fir_4 { width: 140px; }
.slidernav .fir_5 { width: 110px; }
.slidernav .fir_6 { }
.slidernav ul li { margin-bottom: 20px; }
.slidernav ul li a { color: #bbbbbb; font-size: 14px; }
.slidernav ul li a:hover { color: #FFFFFF; text-decoration: none }
.floatdiv .sliderbox { top: 60px; }
/* second_nav1 */
.second_nav1 { background: url(images/qw/navbj2.png) no-repeat top center; position: absolute; z-index: 999; height: 57px; width: 1130px; margin: 0 auto; top: -54px; left: 0; }
.second_nav1 .secNav { position: relative; z-index: 1000; height: 57px; line-height: 57px; float: left; margin-left: 50px; }
.second_nav1 .secNav li { border-bottom: 0; float: left; zoom: 1; text-align: center;  }
.second_nav1 .secNav li a { padding: 0 32px; color: #f5f5f5; font-size: 18px; display: inline-block; height: 57px; line-height: 57px; }
.second_nav1 .secNav li a:hover, .second_nav1 .secNav li a.cur, .second_nav1 .secNav li.hover a { color: #ffffff; background: #0f74ba; text-decoration: none; }
.second_nav1 .secNav li.hover { position: relative; border-bottom: 0; }
.second_nav1 .secNav ul { background-color: #0f74ba; width: 100%; display: none; position: absolute; top: 46px; left: 0px; padding-bottom: 4px; }
.second_nav1 .secNav ul li { float: none; }
.second_nav1 .secNav li.hover ul li { border: none; height: 35px; line-height: 35px; }
.second_nav1 .secNav li.hover ul li a { height: 35px; line-height: 35px; padding: 0; width: 100% }
.second_nav1 .secNav li.hover ul li a:hover { background-color: #31a7e2 }
/* 首页样式
----------------------------------------------- */
#index .wrap { }
/* -- 幻灯 -- */
.slideShow { position: relative; height: 580px; overflow: hidden; margin: 0 auto; padding: 0; *zoom: 1;
}
.slideShow .slides a { display: block; height: 580px; background-repeat: no-repeat; background-position: center center; }
.slideShow .slideBox { background: #fff; /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); }
/* -- slideLoading -- */
.slideShow .slideLoading { min-height: 50px; background: url(images/slide_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
/* -- previous 和 next 按钮 -- */
.slideShow .arrowBox a { z-index: 50; font-family: \5b8b\4f53, sans-serif; position: absolute; display: block; margin-bottom: -20px; width: 40px; height: 40px; bottom: 50%; line-height: 40px; text-decoration: none; text-align: center; color: #fff; font-size: 2em; background-color: #333; background-color: rgba(50, 50, 50, .3); }
.slideShow .arrowBox a.disabled { display: none; }
.slideShow .arrowBox .arrowPrev { left: 20px; }
.slideShow .arrowBox .arrowNext { right: 20px; }
.slideShow .arrowBox a:hover { background-color: rgba(50, 50, 50, .6); }
/* -- controlBox -- */
.slideShow .controlBox { z-index: 30; position: absolute; bottom: 10px; width: 100%; text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; }
.slideShow .controlBox .control { display: inline-block; *zoom: 1;
 *display: inline;
}
.slideShow .controlBox.controlDefault a { background: url(images/inactive.png) no-repeat 50% 50%; text-indent: -9999px; overflow: hidden; width: 20px; height: 30px; clear: none; display: block; }
.slideShow .controlBox.controlDefault a:hover, .slideShow .controlBox.controlDefault a.active { background: url(images/active.png) no-repeat 50% 50%; }
/* -- slideTitle -- */
.slideShow .slideTitle { z-index: 20; position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; }
.slideShow .slideTitle span { color: #fff; display: block; font-size: .85em; padding: 15px 10px; }
/* -- sileThumb -- */
.slideShow .sileThumb { z-index: 30; text-align: center; position: absolute; bottom: 8px; right: 8px; }
.slideShow .sileThumb a { margin: 0 3px; }
.slideShow .sileThumb a img { border: solid #B0B0B0 1px; }
.slideShow .sileThumb a.active img { border: solid #19B4EA 1px; }
/* 通用结构 
----------------------------------------------- */
/* -- form -- */
.btn { display: inline-block; background-color: #0072C6; color: #EEE; padding: 6px 25px; text-transform: capitalize; cursor: pointer; font-weight: bold; text-align: center; -webkit-appearance: none; }
.btn:hover { text-decoration: none; color: #FFFFFF; background-color: #007AD5; }
.btnGray { display: inline-block; background-color: #CCC; border: 0; color: #333; padding: 6px 15px; text-transform: capitalize; cursor: pointer; font-weight: bold; -webkit-appearance: none; }
.btnPayment { display: inline-block; background-color: #ff4246; color: #FFF; padding: 7px 28px; text-transform: capitalize; cursor: pointer; font-weight: bold; font-size: 14px; text-align: center; -webkit-appearance: none; }
/* -- input -- */
.textInput { height: 20px; padding: 6px; font-size: 14px; border: 1px solid #DDD; background-color: #F4F4F4; color: #666; -webkit-appearance: none; }
.textArea { padding: 4px; border: 1px solid #DDDDDD; background-color: #F4F4F4; line-height: 20px; -webkit-appearance: none; }
.textAreaAuto { border: 1px solid #DBDBDB; background-color: #F4F4F4; padding: 0; font-size: 12x; line-height: 20px; resize: none; min-height: 40px; -webkit-appearance: none; }
/* -- style -- */
.price { color: #CC0000; }
/* -- incBox -- */
.incBox { margin-bottom: 15px; }
.incBox h3 { height: 35px; line-height: 35px; color: #7A7F81; font-weight: bold; font-size: 14px; border-bottom: 1px solid #CBD1D3; }
.incBox h3 a { color: #7A7F81; }
/* -- tree -- */
.treeBox { margin-bottom: 15px; width: 310px; background-color: #FFF; }
.treeBox h3 { height: 55px; line-height: 55px; color: #FFFFFF; background-color: #19B4EA; font-weight: bold; font-size: 18px; text-align: left }
.treeBox h3 span { display: inline-block; width: 30px; }
.treeBox ul { border: 1px solid #e0e0e0; padding-top: 20px; padding-bottom: 20px; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
-moz-box-shadow: 0px 2px 5px #e2e2e2; -webkit-box-shadow: 0px 2px 5px #e2e2e2; box-shadow: 0px 2px 5px #e2e2e2; }
.treeBox li { line-height: 50px; height: 50px; border-bottom: 1px solid #ededed; }
.treeBox li.cur a { border-right: 4px solid #19B4EA; background-color: #dddddd; color: #000000 }
.treeBox li a { color: #7A7F81; display: inline-block; width: 100%; text-align: left; font-size: 16px }
.treeBox li a span { display: inline-block; width: 30px; }
.treeBox li a:hover { border-right: 4px solid #19B4EA; background-color: #eeeeee; text-decoration: none; color: #000000 }
.treeBox .searchBox { margin: 20px 0; }
.treeBox .searchBox .keyword { width: 236px; border-bottom: 1px solid #ddd; background-color: #FFF; height: 30px; line-height: 30px; font-size: 14px }
/* -- searchBox -- */
.searchBox { border: 1px solid #DDDDDD; background-color: #FFF; height: 28px; padding-left: 10px; }
.searchBox { position: relative; white-space: normal }
.searchBox label { height: 0; line-height: 0; overflow: hidden; width: 0; position: absolute; font-size: 0; z-index: -1; outline: 0 }
.searchBox .keyword { color: #666666; }
.searchBox .keyword:focus { color: #555 }
.searchBox .keyword::-webkit-input-placeholder {
 color:#666666;
}
.searchBox .keyword:focus:-moz-placeholder, .searchBox .keyword:focus::-moz-placeholder {
color:transparent!important
}
.searchBox .keyword:focus::-webkit-input-placeholder {
color:transparent!important
}
.searchBox .btnSearch { background: #E0E0E0 url(images/btn_search.gif) no-repeat; width: 28px; height: 28px; text-indent: -999px; overflow: hidden; cursor: pointer; }
/* -- 上一页下一页 -- */
.lift { margin-top: 60px; color: #999; }
.lift a { color: #999; font-size:14px }
.lift span { margin-right: 15px; font-size:14px}
/*- tableBasic -*/
.tableBasic { color: #666666; border-left: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; border-collapse: collapse; }
.tableBasic select { color: #8F8F8F; }
.tableBasic td, .tableBasic th { border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }
.tableBasic th { background-color: #EFEFEF; }
.tableBasic .child { background-color: #FFFFFF; }
.tableBasic td label { margin-right: 15px; }
.tableBasic td i { color: #F00; margin-left: 5px; font-weight: bold; }
/*- tableDiv -*/
.tableDiv dl { zoom: 1; overflow: hidden; margin-bottom: 15px; }
.tableDiv dl dt { float: left; width: 160px; text-align: right; line-height: 34px; font-size: 13px; }
.tableDiv dl dd { float: left; width: 640px; padding-left: 10px; }
.tableDiv dl dd i { color: #F00; margin-left: 5px; font-weight: bold; }
.tableDiv dl dd label { margin-right: 15px; line-height: 34px; }
/* -- douBox -- */
#douBox .boxBg { position: fixed; top: 0; left: 0; z-index: 10000001; width: 100%; height: 100%; background: #000; filter: alpha(opacity=15); opacity: 0.15 }
#douBox .boxFrame { position: absolute; z-index: 10000002; overflow: hidden; padding: 0; border: 2px solid #C4C4C4; background-color: #FFF; width: 360px; left: 50%; top: 300px; margin-left: -180px; }
#douBox .boxFrame h2 { height: 28px; padding: 0 10px; background: #f5f5f5; line-height: 28px; color: #666; font-size: 14px; font-weight: normal; }
#douBox .boxFrame h2 .close { background: url(images/icon_fork.png) no-repeat; width: 12px; height: 12px; display: block; float: right; text-indent: -9999px; margin-top: 8px; }
#douBox .boxFrame .boxCon { background: url(images/icon_exclamation.png) no-repeat 15px 15px; padding: 13px 10px 15px 70px; height: 100px; }
#douBox .boxFrame .boxCon dt { font-family: Microsoft YaHei; font-size: 16px; color: #19B4EA; font-weight: bold; }
#douBox .boxFrame .boxCon dd { color: #999; zoom: 1; overflow: hidden; }
#douBox .boxFrame .boxCon dd a { background-color: #F5F5F5; border: 1px solid #CBD1D3; display: block; float: left; width: 70px; line-height: 26px; text-align: center; margin: 10px 12px 0 0; text-decoration: none; }
/* 库项目样式
----------------------------------------------- */
/* -- urHere -- */
.urHere { text-align: right; height: 45px; line-height: 45px; color: #999999; border-bottom: 1px solid #CBD1D3; }
.urHere a { color: #999999; }
.urHere b { margin: 0 8px; }
/* -- recommendProduct -- */
.recommendProduct { padding-top: 10px; zoom: 1; overflow: hidden; }
.recommendProduct li { float: left; width: 137px; height: 200px; margin-right: 17px; text-align: center; }
.recommendProduct li.clearBorder { margin-right: 0; }
.recommendProduct .img { border: 1px solid #E4E4E4; margin-bottom: 8px; }
/* -- about -- */
.about { padding-top: 13px; }
.about p { float: left; width: 120px; height: 154px; }
.about dl { float: right; width: 465px; height: 154px; }
.about dl dt { display: block; font-size: 16px; font-weight: bold; color: #313131; padding: 5px 0; }
.about dl dd { line-height: 200%; color: #999999; word-wrap: break-word; word-break: normal; }
.about .aboutBtn { display: block; text-decoration: underline; color: #CC0000; font-weight: bold; margin-top: 12px; }
/* -- recommendArticle -- */
.recommendArticle li { background: url(images/icon_red.gif) no-repeat left 50%; border-bottom: 1px dotted #D1D1D1; line-height: 38px; padding-left: 15px; }
.recommendArticle li b { float: right; color: #999999; }
.recommendArticle li.last { border-bottom: 0; }
/* -- contact -- */
.contact { padding: 0 15px 35px 15px; width: 470px; float: right; }
.contact h3 { font-size: 18px; padding-bottom: 10px; color: #dddddd; }
.contact .box { padding: 0px 0 0 3px; }
.contact dl { margin-bottom: 8px; zoom: 1; overflow: hidden; font-size: 14px; width:468px; }
.contact dt { float: left; background: url(images/icon_contact.png) no-repeat 0 0; width: 30px; height: 30px; margin-right: 17px; }
.contact dt.tel { background-position: 0 -30px; }
.contact dt.fax { background-position: 0 -60px; }
.contact dt.url { background-position: 0 -90px; }
.contact dt.email { background-position: 0 -120px; }
.contact dd { float: left; width: 418px; color: #7A7F81; line-height: 30px; }
/* page
----------------------------------------------- */
#page { padding: 20px 0; }
#page h1 { color: #333333; font-size: 18px; font-weight: bold; }
#page .info { padding: 2px 0 20px 0; color: #999999; font-size: 13px; }
#page .content { color: #666666; line-height: 200%; padding-top: 10px; }
/* product_category
----------------------------------------------- */
.productList { padding-top: 20px; color: #999999; }
.productList .vlist dl { float: left; width: 320px; overflow: hidden; margin: 30px 80px 60px 0; border: 1px solid #e0e0e0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
-moz-box-shadow: 0px 2px 5px #e2e2e2; -webkit-box-shadow: 0px 2px 5px #e2e2e2; box-shadow: 0px 2px 5px #e2e2e2; }
.productList .vlist dl.last { margin-right: 0; }
.productList .vlist dt { width: 320px; text-align: center; border-bottom: 1px dashed #e0e0e0; font-size: 18px; font-weight: bold; height: 50px; line-height: 50px; overflow: hidden; color: #666 }
.productList .vlist dd { width: 320px; overflow: hidden; padding: 0px 0 0 0px; }
.productList .vlist dd p { text-align: center; }
.productList .vlist dd p.img { text-align: center; border-bottom: 1px dashed #e0e0e0; padding-bottom: 10px; padding-top: 10px; }
.productList .vlist dd .cs { border-bottom: 1px dashed #e0e0e0; padding: 10px; }
.productList .vlist dd .cs li { padding-left: 20px; width: 100%; display: inline-block; line-height: 30px; font-size: 14px; color: #666 }
.productList .vlist .brief { color: #999999; padding-top: 8px; height: 60px; }
.productList .vlist .price { font-size: 22px; height: 60px; line-height: 60px; font-weight: bold }
.productList .vlist dd p a { display: inline-block; background-color: #F60; height: 60px; line-height: 60px; color: #EEE; width: 100%; text-transform: capitalize; cursor: pointer; font-weight: bold; text-align: center; -webkit-appearance: none; font-size: 18px; padding: 0; }
.productList .vlist dd p a:hover { background-color: #F30 }
.productList .yspt { font-size: 22px; color: #666; font-weight: bold; padding: 10px 0px; border-bottom: 0px solid #eee; }
/**/
.dis-w100 { width: 100%; margin-top: 20px; margin-bottom: 20px; display: inline-block; }
.productList .dl-three dl { width: 30%; }
.prod-advant dl { float: left; margin: 0 3% 10px 0; }
.prod-advant dl dt.ml105 { margin-left: 105px; }
.prod-advant dl dt { display: inline-block; text-align: center; margin-left: 70px; }
.prod-advant dl dt .icon { display: inline-block; width: 120px; height: 120px; border-radius: 50%; border: 1px solid #d4d4d4; }
.prod-advant dl dt .icon i.icon-kaizhi { background-position: -921px -442px; }
.prod-advant dl dt .icon i.icon-dingzhi { background-position: -921px -495px; }
.prod-advant dl dt .icon i.icon-prod-ff { background-position: -976px -442px; }
.prod-advant dl dt .icon i.icon-hunheyun { background-position: -976px -495px; }
.prod-advant dl dt .icon i.icon-team { background-position: -1030px -442px; }
.prod-advant dl dt .icon i.icon-perform { background-position: -145px -601px; }
.prod-advant dl dt .icon i { width: 46px; height: 50px; background: url(images/qw/icon1.png) no-repeat; display: inline-block; margin-top: 35px; }
.prod-advant dl dt .label { display: block; font-size: 18px; color: #d30830; margin: 15px 0; }
.prod-advant dl dd { display: inline-block; width: 100%; line-height: 24px; font-size: 14px; color: #424242; }
/**/

/*数据中心托管*/
.dl-four-data dl { width: 42% }
.dl-four-data dl { margin: 0px 0px; }
.dl-four-data dl.mal16 { margin-left: 16%; }
.dl-four-data dl.mt60 { margin-top: 60px; }
.dl-four-data dl.mt40 { margin-top: 40px; }
.dl-four-data dl dt.ml160 { margin-left: 160px; }
.dl-four-data dl dt.ml136 { margin-left: 136px; }
.dl-four-data dl dt.ml148 { margin-left: 148px; }
.dl-four-data dl dt.ml166 { margin-left: 166px; }
.data_icon dl dt .icon i { background: url(images/qw/icon1.png) no-repeat; display: inline-block; width: 50px; height: 50px }
.data_icon dl dt .icon i.icon-better { background-position: -674px -399px; width: 32px; margin-top: 43px; }
.data_icon dl dt .icon i.icon-tec { background-position: -711px -389px; margin-top: 38px; margin-left: 5px; }
.data_icon dl dt .icon i.icon-netgou { background-position: -533px -338px; }
.data_icon dl dt .icon i.icon-service { background-position: -761px -394px; margin-left: 6px; margin-top: 41px; }
/* product
----------------------------------------------- */
#product { padding: 15px 0; }
#product .productImg { float: left; width: 300px; }
#product .productInfo { float: left; width: 465px; padding: 10px 0 0 15px; line-height: 200%; }
#product .productInfo h1 { font-size: 18px; }
#product .productInfo ul { padding-top: 10px; margin-bottom: 50px; }
#product .productInfo .productPrice { margin-bottom: 5px; }
#product .productInfo .productPrice .price { font-family: Arial; font-size: 20px; font-weight: bold; }
#product .productInfo .btnAsk { zoom: 1; overflow: hidden; }
#product .productInfo .btnAsk dt { float: left; width: 88px; height: 39px; line-height: 39px; text-align: right; padding-right: 3px; margin-right: 6px; background-color: #E0E0E0; color: #333; font-weight: bold; }
#product .productInfo .btnAsk dd { float: left; width: 300px; }
#product .productInfo .btnBuy { margin-bottom: 40px; }
#product .productInfo .btnBuy .addToCart { background: #19B4EA url(images/btn_addtocart.png) no-repeat 20px 50%; color: #FFFFFF; padding: 8px 25px 8px 50px; text-decoration: none; cursor: pointer; font-size: 16px; }
#product .productInfo .btnBuy .addToCart:hover { background-color: #44C4EE; }
#product .productContent { padding: 15px 0; }
#product .productContent h3 { height: 35px; line-height: 35px; color: #7A7F81; font-weight: bold; font-size: 14px; border-bottom: 1px solid #CBD1D3; }
#product .productContent ul { padding: 15px 0; color: #666; line-height: 200%; }
/****/
.big_tit { font-size: 24px; padding: 10px; border-bottom: 1px dashed #CCC; text-align: center; }
.big_tit span { font-size: 20px; }
/* article_category
----------------------------------------------- */
#articleList dl { border-bottom: 1px dotted #D1D1D1; padding: 20px 0; }
#articleList dl.last { border-bottom: 0; }
#articleList dt { width: 250px; margin-bottom: 10px; margin-right: 10px; float: left; }
#articleList dd { color: #999999; padding-left: 2px; line-height: 180%; zoom: 1; overflow: hidden; width: 480px; }
#articleList dd p { float: left; }
#articleList dd a { display: inline-block; font-size: 16px; margin-bottom: 10px; }
#articleList dd p.img { margin-right: 10px; }
#articleList dd p.desc { width: 480px; font-size: 14px; }
#articleList .numDate { float: right; text-align: right; padding-top: 12px; }
#articleList .numDate em { background-color: #0072C6; color: #FFF; padding: 3px 4px; font-size: 14px; font-weight: bold; }
#articleList .numDate p { font-size: 16px; color: #999999; margin-top: 5px; }
/* article
----------------------------------------------- */
#article { padding: 20px 0; }
#article h1 { color: #333333; font-size: 18px; font-weight: bold; }
#article .info { padding: 2px 0 20px 0; color: #999999; font-size: 13px; }
#article .content { color: #666666; line-height: 180%; } 
/* 留言板
----------------------------------------------- */
#guestBook { padding: 20px 0; }
#guestBook h2 { color: #555; font-size: 18px; font-weight: bold; margin-bottom: 20px; }
/* bookList */
#guestBook .bookList { margin-bottom: 30px; line-height: 180%; font-size: 13px; }
#guestBook .bookList dl { margin-bottom: 15px; }
#guestBook .bookList dt { color: #999; margin-bottom: 3px; }
#guestBook .bookList dt b { color: #999; margin-left: 20px; }
#guestBook .bookList dd { color: #666; overflow: hidden; zoom: 1; }
#guestBook .bookList dd em { float: left; width: 70px; }
#guestBook .bookList dd span { float: right; width: 910px; text-align: left; }
#guestBook .bookList p { color: #0072C6; margin-top: 5px; overflow: hidden; zoom: 1; }
#guestBook .bookList p em { float: left; width: 70px; }
#guestBook .bookList p span { float: left; width: 800px; }
#guestBook .bookList p b { color: #999; float: right; }
#guestBook .bookList .pager { text-align: left; }
/* bookList */
#guestBook .bookAdd { line-height: 180%; font-size: 13px; }
#guestBook .bookAdd dl { overflow: hidden; zoom: 1; margin-bottom: 15px; }
#guestBook .bookAdd dl dt, #guestBook .bookAdd dl dd { float: left; }
#guestBook .bookAdd dl dt { width: 70px; text-align: right; line-height: 30px; }
#guestBook .bookAdd .select { height: 28px; }
#guestBook .bookAdd dl.cue { margin: -8px 0 10px 60px; color: #999; }
#guestBook .bookAdd dl.submit { margin: 20px 0 0 70px; }
#guestBook .bookAdd dd b { display: block; padding: 2px 0 2px 3px; border: 1px solid #fec600; color: #666; background-color: #fbf8e9; line-height: 16px; }
/* 提示信息
----------------------------------------------- */
#douMsg { padding: 10px 0 100px 0; }
#douMsg dl { padding: 160px 0 200px 0; text-align: center; border: 1px solid #E4E4E4; }
#douMsg dt { color: #0072C6; font-size: 16px; margin-bottom: 30px; font-weight: bold; }
#douMsg dd { color: #666; }
#douMsg dd a { margin-left: 5px; color: #000; }
/* 分页
----------------------------------------------- */
.pager { text-align: right; color: #666; height: 50px; line-height: 50px; }
.pager a { color: #666; padding: 10px 30px; border: 1px solid #ccc; font-size: 14px }
.pager a:hover { background-color: #09F; color: #FFF; border: 1px solid #FFF; text-decoration: none; }
/* link
----------------------------------------------- */
.link { margin-bottom: 10px; }
.link strong { color: #7A7F81; font-weight: bold; }
.link a { color: #555; }
/* 在线客服
----------------------------------------------- */
#onlineService { position: fixed; _position: absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-380+"px");
top: 308px; right: 0; z-index: 999999; display: block; }
#onlineService .onlineIcon { position: relative; cursor: pointer; background: url(images/online_service.png) no-repeat; width: 34px; height: 110px; text-indent: -9999px; overflow: hidden; }
#onlineService #pop { border: 3px solid #19B4EA; background-color: #F2F2F2; padding: 8px; width: 238px; min-height: 84px; position: absolute; right: 34px; top: 0; display: none; z-index: 999999; }
#onlineService .onlineQQ a { display: block; background: url(images/online_service.png) no-repeat left -160px; color: #19B4EA; width: 82px; height: 24px; line-height: 23px; padding-left: 27px; margin-bottom: 8px; float:left; margin-left:10px; }
#onlineService .onlineQQ a:hover { text-decoration: none; color: #19B4EA; }
#onlineService .service { border-top: 1px solid #DDDDDD; font-size:14px; padding-top: 8px; color: #666; }
#onlineService .service a { color: #666;font-size:14px; }
#onlineService .service li { background: url(images/online_service.png) no-repeat left -202px; padding-left: 8px; }
#onlineService .goTop { display: none; }
#onlineService .goTop .goBtn { background: #F2F2F2 url(images/online_service.png) no-repeat left -120px; width: 34px; height: 34px; display: block; }
/* footer
----------------------------------------------- */
#footer { border-top: 1px solid #303; background-color: #373d41; padding: 35px 0 0; line-height: 25px; color: #999999; border-top: 1px solid #000000 }
#footer a { color: #999999; } 
#footer .footNav ul li.one { width: 130px; float: left; }
#footer .footNav ul li.one a { height: 40px; line-height: 40px; font-size: 16px; color: #ddd; text-align: center; width: 100%; display: inline-block }
#footer .footNav ul li.one ul li a { font-size: 12px; color: #999; height: 30px; line-height: 30px; text-align: center; width: 100%; display: inline-block }
#footer .footNav i { margin: 0 12px; color: #CCC; }
#footer .footNav a.first { margin-left: 0; }
.key_foot { padding: 10px 0px; text-align: center; font-size: 14px; }
.key_foot a { display: inline-block; padding: 5px 10px; }
.wrap_copy { background-color: #262a2d; line-height: 200%; font-size:14px; color: #999999; padding: 10px 0;  }
.wrap_copy a { color: #999999;font-size:14px; }
.copyRight { font-family:'微软雅黑', Arial, Lucida, Verdana, Helvetica, sans-serif; text-align: center }
/***/
/**浮动*/
.floatdiv { position: fixed; z-index: 9999; top: 0px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); background-color: rgba(1,3,10,0.7); }
* html .floatdiv { position: absolute; _top:expression(documentElement.scrollTop-0);
}
.hotpru{ width:100%; height:160px; border-top:2px solid #ec6941; margin-bottom: 50px; margin-top:-50px;}
.left-icon{ width:160px; height:160px; background: url(images/left-icon.png) no-repeat;}
.item-pru{ width:230px; height:120px; border-right:1px dashed #e6e6e6; position: relative; padding: 30px 20px;}
.item-pru .sell{position: absolute; top: 0; right: 10px; width: 53px; height: 53px; background:url(images/sellbg.png) no-repeat;text-align: center;font-size: 14px; color: #e6e6e6; line-height: 1.3; padding-top: 2px;}
.item-pru .sell p{line-height: 1.3}
.item-pru .item-art{ width:100%; height:75px; margin-top:20px;}
.item-pru .item-art h3{ font-size:20px;}
.item-pru .item-art p{ font-size:14px;}
.item-pru-i{ font-size:24px; font-weight:bold; color: #d81e06;}
.item-pru-jg{ margin-top:10px;}
.itembuy{height: 30px; vertical-align: bottom; float: right; margin-top: 3px;display: inline-block; margin-left: 10px;}
.itembuy a{ padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; background-color: #d81e06; color:#fff;}
.itembuy a:hover{ text-decoration:none;}
.soultions{ width:100%; height:auto; margin-top:20px;}
.soultions h3{ text-align:center;font-size: 30px; color: #2e303f; line-height: 1.5; margin-bottom: 10px;}
.soultions p{ text-align:center;color: #6a6a6a; font-size: 16px; line-height: 1.5;}
.solution-list { font-size: 0; display: flex;justify-content: space-between;  align-items: center; margin-top:30px;}
.solution-list .listsolu{display: inline-block; width: 285px; height: 540px;}
.solution-list .bg1{ background:url(images/sbg4.jpg) no-repeat center;}
.solution-list .bg2{ background:url(images/sbg5.jpg) no-repeat center;}
.solution-list .bg3{ background:url(images/sbg6.jpg) no-repeat center;}
.solution-list .bg4{ background:url(images/sbg9.jpg) no-repeat center;}
.solution-list .listsolu .soluli{width: 100%; height: 100%; position: relative; background: rgba(0, 0, 0, 0.5); overflow: hidden; transition: all 0.2s;}
.solution-list .listsolu .soluli .solution-left{position: absolute; width: 100%; padding-top: 95px;top: 0; left: 0; transition: all 0.2s;}
.solution-list .listsolu .soluli .solution-left .solution-icon{display: inline-block; width: 100%; height: 50px; margin-bottom: 50px;}
.solution-list .listsolu .soluli .solution-left .icongb1{ background:url(images/icon5.png) no-repeat center;}
.solution-list .listsolu .soluli .solution-left .icongb2{ background:url(images/icon6.png) no-repeat center;}
.solution-list .listsolu .soluli .solution-left .icongb3{ background:url(images/icon7.png) no-repeat center;}
.solution-list .listsolu .soluli .solution-left .icongb4{ background:url(images/icon10.png) no-repeat center;}
.solution-list .listsolu .soluli .solution-left h4{    font-size: 20px; color: #ffffff;text-align: center; height: 130px; font-weight: bold;}
.solution-list .listsolu .soluli .solution-left p{font-size: 14px; color: #ffffff; line-height: 30px; text-align: center;}
.solution-list .listsolu .soluli .solution-right{position: absolute; width: 100%; height: 100%; padding: 130px 30px 0; top: 0; left: 280px; transition: all 0.2s;}
.solution-list .listsolu .soluli .solution-right h4{font-size: 20px; color: #ffffff; font-weight: bold; line-height: 1.5; margin-bottom: 10px; padding-bottom: 10px; position: absolute; top: 80px; left: 30px; width: 235px;-webkit-margin-before: 1.33em; -webkit-margin-after: 1.33em; -webkit-margin-start: 0px; -webkit-margin-end: 0px;}
.solution-list .listsolu .soluli .solution-right p{font-size: 14px; color: #ffffff; line-height: 30px; text-align:left;margin-top: 50px; padding-right: 50px;-webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px;}
.solution-list .listsolu .soluli .solution-right a{display: inline-block; width: 120px; height: 40px; border: 1px solid #ffffff; line-height: 38px; margin-top: 80px; border-radius: 10px; color: #ffffff; text-align: center; transition: all 0.2s; font-size: 14px; position: absolute; bottom: 185px; left: 30px;}
.solution-list .listsolu .soluli .solution-right a:hover{ color: #ff7c25; border-color: #ff7c25;}
.solution-list .listsolu .soluli .solution-right a:link{outline: none;}
.solution-list .listsolu .soluli:hover .solution-left{left: -280px;}
.solution-list .listsolu .soluli:hover .solution-right{left: 0;}