*{margin:0;padding:0;}
ul{list-style:none;}
body{background:url(../images/mainbg.jpg) repeat-x top; font-family:Arial,"宋体";font-size:12px;}
#header{
	width:735px;
	height:37px;
	margin:0 auto;
	padding:28px 20px 7px 15px;
	_padding:28px 20px 1px 15px;
}
#logo{float:left;width:180px;height:37px;background:url(../images/logo.jpg) no-repeat;overflow:hidden;}
#logo h1{
	margin-left:-180px;
}
#header h1{
	font:100 12px/3.5em Arial;
	color:#999;
	padding-left:10px;
	float:left;
}
#header span{
	float:right;
	font:100 12px/350% Arial;
	margin:-10px -8px 0 0;
}
#header span a{
	color:#636363;
	text-decoration:none;
}
#header span a:hover{
	color:#9ac907;
	text-decoration:underline;
}
#banner{
	width:770px;
	height:300px;
	margin:0 auto;
	background:url(../images/mainNavbg.jpg) repeat-x;
}
#mainNav{
	float:left;
	width:720px;
	margin:33px 0 0 8px;
	display:inline;
}
#mainNav li{float:left;font:100 12px/100% Arial;}
#mainNav li a{color:#808080; text-decoration:none;padding:5px 12px 11px; display:block;}
#mainNav li a:hover{color:#9AC907; background:url(../images/navbg4.jpg) no-repeat center;padding:5px 12px 11px;}
#mainNav .current{background:url(../images/navbg4.jpg) no-repeat center;color:#9AC907;}
#mainNav #Navtext2 a:hover,#mainNav #Navtext5 a:hover,#mainNav #Navtext2 .current,#mainNav #Navtext5 .current{background:url(../images/navbg1.jpg) no-repeat center;}
#mainNav #Navtext3 a:hover,#mainNav #Navtext3 .current{background:url(../images/navbg2.jpg) no-repeat center;}
#mainNav #Navtext4 a:hover,#mainNav #Navtext4 .current{background:url(../images/navbg3.jpg) no-repeat center;}

#mainContent{
	width:768px;
	margin:0 auto;
	border-left:1px solid #f1f1f3;
	border-right:1px solid #f1f1f3;
	height:100%;
	overflow:hidden !important;/*IE6、FF*/
	overflow /*IE5.5*/:visible;/*当高设为100％时，在IE5.5中须把overflow属性设为visible*/
}
#botNav{
	float:left;
	width:740px;
	height:38px;
	background:url(../images/footerNavbg.jpg) no-repeat center bottom;
	padding:21px 14px 10px;
	margin-top:40px;
        line-height: 150%;
	text-align:center;
}
#footer{clear:both;width:100%;height:112px; background:url(../images/footerBg.jpg) repeat-x;text-align:center;}
#footer p,#footer p a{color:#848b9d;text-decoration:none;}
#footer p a:hover{color:#232843;}

.bannerLeft{float:left;background:url(../images/bannerleft.jpg) no-repeat left top; padding-left:21px;width:728px;height:300px;}
.bannerRight{float:right;background:url(../images/bannerright.jpg) no-repeat; width:21px; height:300px;}
.flash{clear:both;padding-top:19px;}
.footerLine{width:782px;height:52px;background:url(../images/footerLine.png) no-repeat;margin:0 auto;}

.sub_nav{
	float:left;
	width:704px;
	height:30px;
	margin:8px 0 0 32px;
	display:inline;
	background:#999;
	border:1px solid #666;
	color:#ccc;
	text-align:center;
}
.sub_nav a{
	padding:0 14px;
	font:700 12px/30px 宋体;
	color:#fff;
	text-decoration:none;
}
.sub_nav a:hover,.sub_nav_current a{
	color:#ff0;
}

/* content Style */
.templ_list{
	float:left;
	width:168px;
	margin:24px 0 0 16px;
	display:inline;
	text-align:center;
}
.templ_list2{
	float:left;
	width:142px;
	
	display:inline;
	text-align:center;
}
.templ_tu{
	width:160px;
	padding:4px;
	border:1px solid #ccc;
	margin-bottom:6px;
}
.version{
	float:left;
	display:inline;
	margin:-29px 0 0 5px;
	width:160px;
	height:18px;
	line-height:18px;
	font-size:11px;
	filter: Alpha(Opacity=80);
	background:#eaeaea;
}
.templ_list p{
	text-align:center;
	line-height:1.4em;
}
.templ_list p a{
display:inline;
	color:#000;
	text-decoration:none;
}
.templ_list p a:hover{
	text-decoration:underline;
}
#mainContent h1{
	background:url(../images/titleContact.jpg) no-repeat left;
	border-bottom:1px solid #D5D3E0;
	height:18px;
	width:702px;
	margin:20px 0 0 32px;	
}
#mainContent h1 span{
	display:none;
}
.contact p{
	line-height:2.4em;
	padding-left:36px;
	padding-top:10px;
}
.contact img{
	float:right;
	padding-top:30px;
	padding-right:50px;
}
#mainContent .titServer{
	background:url(../images/titleServer.jpg) no-repeat left;
}
#mainContent .titPrice{
	background:url(../images/titlePrice.jpg) no-repeat left;
}
#mainContent .WebDesign{
	background:url(../images/WebDesign.jpg) no-repeat left;
}
#mainContent .shop{
	background:url(../images/shop.jpg) no-repeat left;
}
#mainContent .Domain{
	background:url(../images/Domain.jpg) no-repeat left;
}
#mainContent .mail{
	background:url(../images/mail.jpg) no-repeat left;
}
#mainContent .Case{
	background:url(../images/Case.jpg) no-repeat left;
}
.serverNotice{
	  background:url(../images/serverNotice.jpg) no-repeat;
	  margin:10px 20px 0 22px;
	  line-height:1.8em;
	  color:#666;
	  padding:10px;
}
.serverNotice span,.serverNotice b{float:left;}
.price{
	padding:10px 20px 0 60px;
	line-height:2.3em;
}
.homeAbout{
	width:747px;
	height:100px;
	margin:14px auto 0;
	background: url(../images/home_aboutbg.gif) no-repeat;
}
.homeAbout2{
	width:747px;
	margin:14px auto 0;
}
.AboutCon{
	float:left;
	width:330px;
	font:12px/170% Arial;
	color:#636177;
	padding:6px 0 0 58px;
}
.homeNews{
	float:left;
	width:320px;
	font:12px/140% Arial;
	color:#555;
	padding:14px 0 0 30px;
}
.homeNews li a{
	color:#555;
	text-decoration:none;
}
.homeNews li a:hover{
	color:#f60;
}
.homeTit1,.homeTit2,.homeTit3{
	float:left;
	width:747px;
	margin-left:11px;
	display:inline;
	background:url(../images/homeTit1.gif) no-repeat 0 15px;
	border-bottom:1px solid #dedede;
	padding-top:15px;
}
.homeTit2{
	background:url(../images/homeTit2.gif) no-repeat 0 15px;
}
.homeTit3{
	background:url(../images/homeTit3.gif) no-repeat 0 15px;
	text-align:right;
	font-size:12px;
	height:35px;
	font-weight:100;
	color:#999;
}
.homeTit1 span,.homeTit2 span,.homeTit3 span{
	margin-left:-10000px;
}
/* 浮动 */
.pop{width:118px; position:absolute;}
/* font style */
.f-orange{
	color:#f60;
}
.f-grey{
	color:#333;
}
.f-hui{
	color:#666;
}
.f-link a{
	color:#333;
}
.f-link a:hover{
	color:#9AC907;
}
.f-red{
	color:#eb0000;
}
.f-bold{
	font-weight:700;
}
.biaoti{
	float:left;
	width:704px;
	height:19px;
	margin:20px 0 0 32px;
	display:inline;
	border-bottom:1px solid #d5d3de;
}
.uhere{
	border-bottom:1px solid #D5D3DE;
	float:left;
	width:704px;
	margin-left:30px;
	display:inline;
	padding:15px 0 5px 0;
	color:#444;
}
.uhere a{
	color:#444;
	text-decoration:none;
}
.uhere a:hover{
	color:#f60;
}
.detail{
	float:left;
	width:700px;
	margin-left:28px;
	display:inline;
	padding:10px;
}
.detailImg{
	float:left;
}
.detailTxt{
	float:left;
	padding-left:20px;
}
.detailTxt ul li{
	border-bottom:1px dotted #ccc;
	line-height:25px;
	color:#666;
}
.detailTxt ul li a{
	color:#000;
}
.detailTxt ul li a:hover{color:#f60;}
.otherImg{
	clear:both;
}

.new{
	margin-top:-9px;
	_margin-top:-14px;
	width:50px;
	height:9px;
	background:url(../images/new.gif) no-repeat right;
}
.hot_nav a{
	color:#f00;
}
