@charset "utf-8";
/* CSS Document */
html { overflow-x:hidden; margin:0; padding:0; }
body { width:100%; margin:0; padding:0px; font-size:12px; color:#333; background:#fff; font-family:"Microsoft YaHei"; overflow:hidden; }
div,img,form,h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; border:0px; }
a{ text-decoration:none; color:#333; }
a:hover { text-decoration:none; color:#fb9107; }
input,textarea{ font-family:"Microsoft YaHei"; font-size:12px; color:#999; }

.w-gray{ width:1100px; height:100%; margin:0 auto; position:relative; overflow:hidden; }

#header{ width:100%; height:175px; background:url(../images/header.jpg) no-repeat center top; }
#banner{ width:100%; height:400px; background:url(../images/banner.jpg) no-repeat center top; overflow:hidden; }
#footer{ width:100%; height:680px; background:url(../images/foot.jpg) no-repeat center top; overflow:hidden; }

#sertop{
	font-size: 24px;
	margin-top: 30px;
	
}
#server{ width:100%; height:368px; margin:15px 0 0 0; background:#fff; overflow:hidden; }
.server-slide{ width:1058px; height:363px; margin:0 20px; padding:0; position:relative; border:1px solid #d6d6d6; overflow:hidden; }
.server-slide .server-prev{display:block;position:absolute;width:20px;height:400px;left:20px;background:url(../images/left.jpg) no-repeat left center; cursor:pointer;}
.server-slide .server-next{display:block;position:absolute;width:20px;height:400px;right:20px;background:url(../images/right.jpg) no-repeat right center; cursor:pointer; }
.server-slide .server-content{ width:1100px; position:absolute;left:100px; overflow:hidden;}
.server-slide li{ width:190px; height:365px; float:left; margin:0 10px; text-align:center; overflow:hidden;}
.server-slide li img{ width:75px; height:75px; display:block; margin:20px auto; }
.server-slide li h4{ font-size:20px; font-weight:normal; color:#333; margin:20px 0 0 0;  }
.server-slide li p{ font-size:12px; color:#333; margin:10px 0 0 0; height:160px; line-height:20px; padding:0; overflow:hidden; }
.ibuy{ width:90px; height:27px; display:block; margin:10px auto;  background:url(../images/buy.png) no-repeat center center; overflow:hidden; }

#Computing{ width:100%; height:415px; margin:50px 0 0 0; overflow:hidden; }
.ComputingMT{ width:1100px; font-size:30px; text-align:center; position:absolute; top:0; left:50px; }
.ComputingST{ width:1100px; text-align:center; font-size:16px; position:absolute; top:50px; left:50px; }
.ComputingList{ width:1100px; list-style:none; margin:0; padding:0; position:absolute; top:120px; left:50px; overflow:hidden; }
.ComputingList li{ width:270px; height:295px; float:left; margin:0 75px 0 0; padding:0; overflow:hidden; }
.ComputingList li img{ width:180px; height:180px; display:block; margin:0 auto; }
.ComputingList li h4{ width:100%; margin:20px 0 0 0; font-size:20px; text-align:center; }
.ComputingList li p{ width:100%; margin:10px 0 0 0; padding:0; line-height:1.5; font-size:15px; color:#999; text-align:center; }

#process{ width:100%; margin:50px 0 0 0; overflow:hidden; }
#process img{ display:block; max-width:100%; margin:0 auto; }

#network{ width:100%; height:440px; margin:50px 0 0 0; overflow:hidden; }
.networkMT{ width:1000px; font-size:30px; text-align:center; position:absolute; top:0; left:50px; }
.networkST{ width:1000px; height:48px; line-height:24px; text-align:center; font-size:16px; position:absolute; top:50px; left:50px; overflow:hidden; }
.networkList{ width:1050px; list-style:none; margin:0; padding:0; position:absolute; top:150px; left:20px; overflow:hidden; }
.networkList li{ width:270px; height:295px; float:left; margin:0 75px 0 0; padding:0; overflow:hidden; }
.networkList li img{ width:180px; height:180px; display:block; margin:0 auto; }
.networkList li h4{ width:100%; margin:20px 0 0 0; font-size:20px; text-align:center; }
.networkList li p{ width:100%; margin:10px 0 0 0; padding:0; line-height:1.5; font-size:15px; color:#999; text-align:center; }

#advantage{ width:100%; height:340px; background:#0e99d2; margin:40px 0 0 0; overflow:hidden; }
#advantage img{ max-width:100%; display:block; margin:0 auto; }

#customer{ width:100%; height:430px; margin:40px 0 0 0; overflow:hidden; }
.customerMT{ width:1000px; font-size:30px; text-align:center; position:absolute; top:0; left:50px; }
.customerST{ width:1000px; height:48px; line-height:24px; text-align:center; font-size:16px; position:absolute; top:50px; left:50px; overflow:hidden; }
.customerList{ width:960px; position:absolute; top:80px; left:20px; overflow:hidden; }
.customerLoop{ width:100%; height:350px; overflow:hidden; position:relative; }
.customerLoop .bd{ width:100%; overflow:hidden; }
.customerLoop .bd ul{ overflow:hidden; zoom:1; list-style:none; margin:0; padding:0px; }
.customerLoop .bd ul li{ width:100%; height:264px; float:left; overflow:hidden; }
.customerLoop .bd ul li dl{ width:1100px; margin:0; padding:0; overflow:hidden; }
.customerLoop .bd ul li dl dd{ width:242px; height:92px; float:left; margin:40px 117px 0 0; padding:0; overflow:hidden; }
.customerLoop .bd ul li dl dd img{ width:240px; height:90px; border:1px solid #e5e5e5; border-radius:5px; }
.customerLoop .hd{ width:90px; height:20px; margin-left:-45px; position:absolute; top:300px; left:50%; overflow:hidden; }
.customerLoop .hd ul{ overflow:hidden; zoom:1; margin:0; list-style:none; padding:0px;  }
.customerLoop .hd ul li{ float:left;  width:20px; height:20px; line-height:20px; margin:0 5px; font-size:12px; color:#fff; text-align:center; overflow:hidden; background:url(../images/num1.png) no-repeat center center; cursor:pointer; }
.customerLoop .hd ul li.on{ background:url(../images/num2.png) no-repeat center center;  }
.red{
	color: #FF0000;
}