/*base*/
* { margin:0; padding:0; border:0; list-style:none; font-family:"宋体";}
body { background:url(images/bg.jpg) #fcfcfc repeat-y center; font-size:12px; line-height:16px; color:#6e6e6c;}
a { color:#6e6e6c; text-decoration:none;}
a:hover { color:#e8651d; text-decoration:none;}
input, textarea { border:1px solid #cccccc;}
a img { border:1px solid #e5e5e5; padding:2px; background:url(images/nophoto_bg.gif)  no-repeat center;}
a:hover img { border:3px solid #e8651d; padding:0px;}
.hide { display:none;}
.clear { clear:both; height:0; overflow:hidden;}

/*basic framework*/
h2 { height:30px; overflow:hidden; line-height:32px; border-bottom:1px solid #e5e5e5; padding-left:18px; font-size:14px; background:url(images/dot.gif) no-repeat 0px 11px;}
	h2 a { float:right; display:block; margin-top:18px; width:35px; height:5px; overflow:hidden; text-indent:-5000px; background:url(images/more.gif);}

#wapper { margin:0 auto; width:1008px; background:url(images/head.jpg) no-repeat left top;}
	#head {}
		#logo { float:left; padding-left:80px; padding-top:25px;}
			#logo a { display:block; float:left; width:211px; height:47px; text-indent:-5000px;}
		#opt { float:right; padding-top:48px; padding-right:53px;}
			#opt a { display:block; float:left; width:108px; height:34px; text-indent:-5000px;}
		#show { display:inline; float:left; margin-left:45px; margin-top:12px; width:715px; height:355px;}
		#nav { display:inline; float:right; margin-right:42px; margin-top:12px; padding-top:18px; width:200px; height:337px; background:#ececec;}
			#nav ul { margin:0 auto; width:160px; font-size:14px; font-weight:bold;}
				#nav ul li { border-bottom:1px solid #bababa; padding:2px 0; line-height:23px;}
					#nav ul li a { display:block; border-left:3px solid #bababa; padding-left:8px; height:21px; overflow:hidden;}
					#nav ul li a:hover, #nav ul li a.on { color:#e8651d; border-left:3px solid #e8651d;}
					#nav ul li a:hover { background:#fff;}
						#nav li ul { padding-left:26px; padding-top:2px; width:auto;}
							#nav li ul li { border-bottom:0;}
	#body { margin:0 auto; width:888px; height:610px;}
		#intro { float:left; padding-top:70px; width:590px; background:url(images/slogo.jpg) no-repeat 0px 20px; line-height:22px;}
		#news { float:right; padding-top:20px; width:290px;}
			#news ul { padding:5px 8px; height:154px; background:url(images/telephone.gif) no-repeat center 116px;}
				#news ul li { height:20px; line-height:20px;}
					#news ul li span { float:right;}
		#products { clear:both;}
			#products ul { padding-top:8px; padding-left:14px; height:156px;}
				#products ul li { float:left; margin:0 3px; width:166px; text-align:center; line-height:30px;}
					#products ul li a img { float:left;}
		#actions { float:left; width:540px;}
			#actions dl { margin:10px auto; border:1px solid #e5e5e5; padding:2px; width:514px;}
				#actions dl b { display:block; float:left; text-align:center;}
				#actions dl .b1 { padding-left:10px; width:140px;}
				#actions dl .b2 { width:60px;}
				#actions dl .b3 { width:60px;}
				#actions dl .b4 { padding-left:10px; width:230px;}
				#actions dl dt { height:21px; overflow:hidden; background:url(images/thead-bg.gif); color:#fff; line-height:24px;}
				#actions dl dd { height:24px; overflow:hidden; line-height:28px;}
				#actions dl dd b { font-weight:normal;}
				#actions dl dd .b1, #actions dl dd .b4 { text-align:left;}
		#feedback { float:right; width:338px;}
			#post { margin-top:16px; font-size:14px; font-weight:bold;}
				#post dd { height:30px;}
					#post dd span { float:left; margin-left:14px;}
					#post dd input { width:164px; height:18px;}
					#post dd input.bnt { width:88px; height:24px;}
					#post dd textarea { width:164px; height:71px;}
	#foot { padding-top:50px; height:55px; background:url(images/foot.jpg) no-repeat; text-align:center; color:#858585;}
	
	#banner { margin-top:13px; width:920px; height:78px; background:url(images/banner.jpg) no-repeat;}
	
	#body #nav { background:none;}
	#body #nav a:hover { background:#6e6e6e; color:#fff;}
	
/*article*/
#position { padding-left:24px; background:url(images/dot.gif) no-repeat 6px 3px;}
#title { margin:20px; text-align:center; font-size:26px; font-weight:bold; line-height:30px;}
#info { margin-bottom:20px; text-align:center; color:#888;}
#info a {color:#888;}
#content { padding:0 20px 80px; font-size:14px; line-height:26px; min-height:300px;}
#content p { margin-bottom:1em;}

/*news-list*/
#list { margin-top:10px;}
#list li { margin:0 14px; padding-top:8px; height:100px;}
#list .preImg { float:left;}
#list .info { float:right; width:542px;}
#list .info h3 { padding-left:24px; font-size:14px; line-height:30px; background:url(images/txt.gif) no-repeat 0px 7px;}
#list .info p { margin-top:3px; line-height:18px; color:#666;}

/*showpage*/
#showpage {clear:both; margin:10px 12px; text-align:right;}
#showpage a {
	display:block;
	float:left;
	height:14px;
	font-size:11px;
	margin:0px 3px;
	padding:2px 6px;
	vertical-align:middle;
	border:1px solid #f1f1f1;
	line-height:14px;
	overflow:hidden;
	text-decoration:none;
	font-weight:bold;
	background:#fff;
}
#showpage a:hover, #showpage .foucs {
	color:#fff;
	background:#f60;
}