﻿/*头部*/
#header{ width:100%; height:442px}
#header .div{ width:1300px; height:442px; background:url(images/top.jpg); position:relative}
.down{width:317px;height:114px;float:right;margin:242px 140px 0 0;display:inline;position:absolute;left: 783px;top: -4px}
.dowmimg{ width:287px; height:39px; font:bold 18px/39px "Microsoft YaHei" ; background:url(images/down.png) left center no-repeat; padding-left:30px}
.down p{ width:317px; height:75px; text-align:left; font:12px/25px "simsun"}
.login{ width:100%; height:43px; background:url(images/login.png);}
.login .div{ width:75%;height:43px; float:left}
.login .button{ width:62px; height:20px; float:left; text-align:center; margin:10px 5px ; }
.login .button a{ width:62px; height:20px; background:url(images/button.jpg); display:block;font:12px/20px "simsun";color:#FFF}
.login .button a:hover{background:url(images/button2.jpg); display:block; color:#FFF}
#content{ width:1000px; height:auto; margin:auto}
.one{ width:1000px; height:180px; padding-left:50px}
h2{font:bold 24px/24px "Microsoft YaHei"; padding-top:24px }
.one .div{ width:330px; height:135px;float:left}
.one .div h3{font:bold 14px/14px "Microsoft YaHei"; background:url(images/icon.jpg) left bottom no-repeat; padding:20px 0 0 24px}
.one .div p{ width:285px; font:12px/20px "simsun"; padding:10px 45px 0 0; margin:0;float:left }
.two{ width:1000px; height:auto;padding-left:50px; float:left}
.two .div{ width:462px; height:225px;  background:url(images/bg.png); float:left; margin:20px 20px 0 0}
.two .div .word{ width:240px; height:225px; float:left;}
.two .div .word h3{ width:218px; height:26px;font:bold 18px/18px "Microsoft YaHei";padding:21px 0 0 22px}
.two .div .word p{ width:210px;_width:210px; height:151px; font:12px/21px "simsun" ;padding:0 10px 0 14px;}
.two .div .word p span,.server_detail_topic{ color:#336600}
.two .div .word dd{ width:100px; height:30px;float:right; padding-right:15px}
.two .div .word dd img{ float:right; margin:0 2px}
.two .div .img{ width:222px; height:199px; float:left; padding-top:26px}

.three{ width:1000px; height:auto;padding-left:50px}
.three .ab{ width:997px; height:80px; background:url(images/ab.png); margin-top:20px}

.basic{ width:497px; height:340px; float:left; margin-top:5px;font:12px/17px "simsun"; }
.basic .word{ width:385px;background:#CCC; float:left; margin:4px 4px 4px 4px;line-height:20px; padding:10px 20px 0 20px; color:#474747;}
.basic a {
	width:312px;
	height:17px;
	padding-left:20px;
	cursor:pointer;
	display:block;
	margin:4px;
	text-decoration: none;
	color: black;
	border:1px solid white;
	background:url(images/icon3.png) 312px center #f6f6f6 no-repeat;
	clear:both;
}
.basic a:hover {
	border:1px solid #80cfe2;
	background:url(images/icon4.png) 314px center #f6f6f6 no-repeat;
}
.basic a.selected {
	border:1px solid #bb0c0c;
	background:url(images/icon4.png) 314px center #f6f6f6 no-repeat;
}



#footer{ width:100%; height:110px; background:url(images/foot.png); float:left}
.Shangq_server_box{display:none; margin:auto;}
.server_detail_box{width:938px;height:705px;overflow:auto;font:12px/21px "simsun"}
.server_detail_box1{width:938px;height:705px;overflow:auto;font:12px/21px "simsun"}
