body{ margin:0; padding:0; font:14px/1.5 "Microsoft YaHei",Tahoma,Arial,"宋体"; color:#333} 
form,ul,li,ol,dl,dt,dd,p,i,h1,h2,h3,h4,h5,h6{ margin:0; padding:0}
ul,li{ list-style:none}  img{ border:0} 
.divc{ margin:0 auto} em,i{ font-style:normal}
.dp{ display:block} .fl{ float:left} .fr{ float:right}
.cl{ clear:both; height:0; font-size:0; overflow:hidden}
.fb{ font-weight:bold}  .tc{ text-align:center}
.mt10{ margin-top:10px} .mt5{ margin-top:5px} 
.red{ color:#e01e15}  .w1200{ width:1200px} 
.cor_bs{ color: #fff;}
a{color:#333; text-decoration:none}   
a.bs:link,a.bs:visited{ color:#fff; text-decoration:none} 
a.bs:hover,a.bs:active{ color:#fff; text-decoration:none}
a.lsd:link,a.lsd:visited{ color:#4a9ced; text-decoration:none} 
a.lsd:hover,a.lsd:active{ color:#4a9ced; text-decoration:none}
.clearfix:after{content:"."; display:block; visibility:hidden; height:0; clear:both}
.header,.phone,.logo,.logo img{ height: 100px;}
.phone{ width: 284px; background: url(../img/phone.jpg) no-repeat;}
.logo,.logo img{ width: 196px;}
/*****nav*****/
.nav-box{ height:46px; line-height:46px; background:#1770e6;}
.nav{ position:relative; z-index:1;}
.nav a{ color:#fff;  }
.nav .nLi{ float:left; width: 150px;  position:relative; display:inline;  text-align: center; }
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; width: 150px; font-size:16px; font-weight: normal;}
.nav .sub{ display:none; width:180px; left:0; top:46px;  position:absolute; background:#ff7800;  line-height:26px; padding:5px 0;  }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; padding:0 10px; }
.nav .sub a:hover{ background:#bb5800; color:#fff;}
.nav .on h3 a{ background:#ff7800; color:#fff; }

.banner{ height: 510px; background: url(../img/banner.jpg) center no-repeat;}
/***关键词***/
.key{ height: 60px; line-height: 60px;}
.key-info a{ margin-right: 30px; color: #555;}
.mr10{ margin-right: 10px;}
.search{ margin-top:16px}
.sbox{ width: 188px; height:26px; line-height:26px; border:1px #d3d3d2 solid; padding:0 8px; outline:none}
.search .btn{ width:42px; height:28px; background-color:#1770E6; border:0; color:#fff; font-size:12px; cursor:pointer}
/*********烦恼***********/
.fann-box{ height: 544px; background-color: #eee; margin-bottom: 25px;}
.fnpic,.fnpic{ width: 598px; height: 455px;}
.fnpic{ margin: 85px 0 0 28px;}
.trouble{ margin-left: 25px;}
.trouble .tit{ font-size: 36px; color: #1770E6; margin: 73px 0 12px;}
.trouble ul li{ line-height: 38px;}
/********产品*******/
.side-nav{ width: 252px; height: 674px;} .pro-con{ width: 930px;}
.side-nav .tit{ width: 252px; height: 144px; background: url(../img/cdh-tit.jpg) no-repeat;}
.side-nav .tit .hzt{ padding-top: 42px; font-size: 24px;}
.side-nav .tit .ywt{ font-size: 16px;}
.lf_n_c{ height: 506px; background-color: #f0f0f0; padding: 24px 0 0 22px;}
.lf_n_c h4{ font-size: 16px; color: #333; font-weight: normal; margin-top: 14px;}
.lf_n_c ul{ margin-top: 8px;}
.lf_n_c ul li{ height: 32px; line-height: 32px; background: url(../img/sdpic.jpg) 5px 13px no-repeat; padding-left: 17px;}
.lf_n_c ul li a{ color: #666;}
.pro-con .tit{ height: 40px; line-height: 40px; background-color: #1770E6;}
.pro-con .tit .bt{ width: 118px; background-color: #ff7800; margin-left: 22px; text-align: center; font-size: 16px;}
.pro-con .tit .more{ font-size: 12px; margin-right: 20px;}
.pro-con-info{ margin-top: 15px;}
.pro-con-info ul li{ width: 288px; height: 310px; float: left; margin: 0 10px;}
.pro-con-info ul li img{ width: 288px; height: 266px; border: 1px #dbdbdb solid;}
.pro-con-info ul li a{ width: 290px; height: 268px; display: block;}
.pro-con-info ul li span{ height: 42px; line-height: 42px;}
/******虚拟化优势******/
.xnh-adv-box{ height: 612px; background-color: #eee; margin-top: 36px;}
.xnh-adv{ height: 612px; background: url(../img/xnh-ys.jpg) no-repeat;}
.xnh-adv .tit{ padding-top: 56px;}
.xnh-adv .tit .bt-hz{ font-size: 34px; color: #1770E6;}
.xnh-adv .tit .bt-yw{ font-size: 16px; text-transform: uppercase; color: #1770E6;}
.xnh-info-l{ width: 335px; margin-left: 16px;} .xnh-info-r{ width: 340px;}
.xnhpic{ width: 614px; height: 428px; background: url(../img/xnh-ys.jpg) no-repeat;}
.xnh-info-z{ margin-top: 45px;}
.xnh-info-z h3{ font-size: 18px; color: #1770E6;}
.ch-s{ color: #FF7800;}
.xnh01 h3{ height: 36px; line-height: 36px;}
.xnh01 p{ line-height: 24px; color: #666;}
/******优势******/
.ys-box{ height: 705px; background: url(../img/ys-bg.jpg) center no-repeat;}
.ys .ys-pic{ margin: 226px 0 0 77px; width: 502px; height: 374px;}
.ysinfo ul li{ font-size: 20px; font-weight: bold; color: #fff; margin-bottom: 30px;}
.ysinfo{ width: 440px; margin: 220px 60px 0 0;}
/******案例******/
.case-box{ margin-top: 50px;}
.case{ width: 1232px; height: 580px; background: url(../img/anli-bg.jpg) center no-repeat;}
.case-box .tit{ width: 328px; margin-bottom: 45px;}
.case .anl-con{ margin: 35px 0 0 32px;}
.case ul li{ float: left;} .case ul li a{ display: block;}
.case span,.case span img,.case ul li,.case ul li a,.case ul li a img{ width: 300px; height: 255px;}
/****banner02****/
.banner02-box{ height: 167px; background: url(../img/banner02.jpg) center no-repeat; margin-top: 54px;}
.btn-zx{ width: 212px; height: 30px; line-height: 30px; font-size: 16px; background-color: #ff7800; border-radius: 4px; margin: 105px 105px 0 0 ;}
/*******关于我们******/
.ab-box{ height: 495px; background: url(../img/ab-us.jpg) center no-repeat;}
.aboutus .gy-con{ width: 530px; line-height: 30px;  font-size: 16px;  padding: 210px 0 0 114px; text-indent: 2em;}
.gy-con p{ color: #444;}
.news .tit-y{ width: 328px; margin: 30px auto;}
/******新闻******/
.news01,.news02,.news03{ width: 386px;}
.news01 .xbt,.news02 .xbt,.news03 .xbt{ height: 52px; line-height: 52px; font-size: 16px; background-color: #1770e6; color: #fff;}
.nr-list{ width: 354px; height: 184px; border: 1px #eee solid;}
.xwpic,.xwpic img{ width: 386px; height: 176px;}
.nr-list{ padding: 15px;}
.nr-list li{ height: 30px; line-height: 30px; font-size: 12px;  background: url(../img/ddpic.jpg) 0 12px no-repeat; padding-left: 15px;}
.nr-list li span{ float: right; color: #999;}
.news02{ margin: 0 21px;}
.ld-more{ width: 142px; height: 36px; line-height: 36px; border: 1px #4a9ced solid; border-radius: 18px; margin: 20px auto 0;}
.xwb{ display: block; width: 252px; height: 22px; overflow: hidden; float: left;}
/*****合作伙伴*****/
.hz-partner .tit{ width: 328px; margin: 45px auto 30px;}
.hz-partner ul li{ width: 198px; height: 86px; border: 1px #e0e0e0 solid; float: left; margin-left: -1px;}
.hz-partner ul li img{ width: 198px; height: 86px;}
.hz-partner{ margin-bottom: 40px;}
/*******/
.footer-box{ height: 355px; background: url(../img/footer-bg.jpg) center no-repeat; overflow: hidden;}
.logo-db{ margin: 87px 0 0 14px;} .logo-db,.logo-db img{  width: 255px; height: 196px;}
.ld-info-db p{ color: #fff; font-size: 16px; margin-bottom: 10px;} .ld-info-db{ width: 486px; padding: 124px 0 0 88px;}
.ewm,.ewm img{ width: 177px; height: 213px;} .ewm{ margin: 70px 34px 0 0;}
.dbxx p{ color: #fff;}
.footer02-box{ height: 48px; line-height: 48px; background-color: #21242b;}
/*************服务器*************/
.banner-ny{ height: 350px; }
.main-box,.main-box-gg{ background-color: #e9e9e9;}
.info-fwq{ padding-top: 38px;}
.info-fwq ul li{ float: left; margin: 0 5px 5px 0; background-color: #fff;}
.info-fwq ul li,.info-fwq ul li img{ width: 295px; height: 295px;}
.info-fwq{ margin-bottom: 45px;}
.info-fwq ul li a{ display: block; margin: 20px auto 0;}
.info-fwq ul li a,.info-fwq ul li a img{ width: 225px; height: 208px;}
.info-fwq ul li span{ text-align: center; color: #666; margin-top: 8px;}
/*****新闻******/
.fen{ background-color:#fff; width:250px; padding-bottom:30px}
.dwei{ height:63px; line-height:63px; color:#666; overflow:hidden}
.fen .tit{ height:80px;  background-color:#1770e6; border-top:5px #93bcff solid}
.fen .tit p{ color:#fff}
.fen .tit .ut{ font-size:20px; color:#fff; padding-top:13px}
.fen .tit .fbt-yw{ text-transform: uppercase;}
.fen .ul01{ margin:10px 16px 0}
.fen .ul01 li{ font-size:14px;  padding: 13px 0 13px 28px; border-bottom:1px dashed #ccc; overflow:hidden; background:url(../img/fen_jt.gif) 12px 19px no-repeat; text-transform: uppercase}
.fen .ul01 li a{ color:#666}
.fen .ul01 li a:hover{ color:#059DDC}
.erj-f{ width: 140px;} 
.erj-f li{ height: 38px; line-height: 38px; padding: 0 !important; background: none !important; font-size: 12px !important; border-bottom:1px dashed #e0e0e0 !important;}



.dz-y{ margin:30px 18px 0} .dz-y p{ margin-bottom:10px; color:#666}
.dh-h{ width:235px; height:100px; background:url(../img/kf74.jpg) no-repeat; margin-top:15px}
.dh-h span{ font-size:16px; padding:15px 0 2px 18px}
.dh-h p{ font-size:20px; color:#000; margin-left:17px}
.right-con{ background-color:#fff; width:880px; padding: 10px 20px 30px; border-top: 5px #1770e6 solid;}
.right-con .tit01{ font-size:20px; height:53px; line-height:53px; overflow:hidden; color:#333; background:url(../img/line-ab.jpg) no-repeat left bottom; font-weight:normal; padding-left:5px}
.mlist{ margin-top:20px}
.mlist ul{ margin: 0 20px}
.mlist ul li{ height:50px; line-height:50px; border-bottom:1px #DCDCDC dashed}
.mlist ul li span{ float:right}
.mlist ul li a{ display:block; float:left; width:500px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.info-fwq-gg{ margin-bottom: 38px;}
/****产品****/
.pro-con-ny{ width: 920px; overflow: hidden;}
.pro-con-ny ul li a,.pro-con-ny ul li a img{ width: 195px; height: 180px; display: block;}
.pro-con-ny ul li{ float: left; margin:20px 33px 0 0;}
.pro-con-ny ul li span{ height: 28px; line-height: 28px; text-align: center; margin-top: 5px;}
.uu-ov{ overflow: hidden;}


/********cp_add******/
.cp_xqtxt{
margin:0 auto;
width:100%;
height:auto;
}
.cp_xqtxt .cp_title{
text-align:center;
font-size:26px;
color:#333;
line-height:50px;
}
.cp_xqtxt hr{ border:0; border-bottom:#eee solid 1px; margin-bottom:10px;}


.cp_xqtxt .cp_time{
width:inherit;
text-align:center;
line-height:16px; 
font-size:12px; 
color:#aaa;
}
.cp_xqtxt .cp_content{
width:inherit;
height:auto;
padding-bottom:36px;
padding-top:20px;
color:#666;
font-size:14px;
}

/* 本例子css */
		.cp_slideBox{ width:100%; height:510px; overflow:hidden; position:relative; border:0px solid #ddd;  }
		
		/* 下面是色块切换*/
		.cp_slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:50%; bottom:5px; z-index:1; }
		.cp_slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.cp_slideBox .hd ul li{ float:left; margin-right:6px;  width:15px; height:15px; line-height:14px; text-align:center; background:rgba(255,255,255,0.6); cursor:pointer; }
		.cp_slideBox .hd ul li.on{  background:rgba(0,0,0,0.6); color:#fff; }
		
		/* 下面是图片切换*/
		.cp_slideBox .bd{ position:relative; height:100%; z-index:0;}
		.cp_slideBox .bd li{ zoom:1; vertical-align:middle;}
		.cp_slideBox .bd li div{ width:100%; height:510px; background-repeat: no-repeat; background-position: center; background-color: #eee;}
		.cp_slideBox .bd li div a{display: block; width: 100%; height: 100%;}
		.cp_slideBox .bd img{ width:450px; height:230px; display:block;}

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.cp_slideBox .prev,
		.cp_slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.cp_slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.cp_slideBox .prev:hover,
		.cp_slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.cp_slideBox .prevStop{ display:none;  }
		.cp_slideBox .nextStop{ display:none;  }
/********cp_add结束******/