@charset "gb2312";

#left #navigation {
	width:249px;
	height:100%;
	padding:0 23px;
	position:relative;
	margin-bottom:15px;
}
#left #navigation h3 {
	font-size:18px;
	font-weight:bold;
}
#left #navigation ul{
	margin:10px 0 20px;
}
#left #navigation ul li{
	display:block;
	width:100%;
	height:25px;
	overflow:hidden;
	margin-bottom:5px;
	position:relative;
}
#left #navigation a {
	display:block;
	float:left;
	width:225px;
	height:25px;
	overflow:hidden;
	line-height:25px;
	padding-left:24px;
	background:url(../images/li-2.jpg) no-repeat 14px 8px #e4e4e4;
}

#right #title {
	width:100%;
	height:30px;
	overflow:hidden;
	border-bottom:1px solid #d9d9d9;
	margin:20px 0;
	line-height:30px;
	position:relative;
}
#right #title h3 {
	position:absolute;
	left:0;
	font-size:14px;
	font-weight:bold;
	color:#000;
	background:url(../images/title-1.jpg) no-repeat 0 9px;
	padding-left:15px;
}
#right #title span {
	position:absolute;
	right:10px;
	top:0;
	font-size:12px;
}
#right #about {
	width:100%;
	height:100%;
	overflow:hidden;
	text-indent:2em;
	position:relative;
}
#right #about p {
	margin-bottom:8px;
}

#right #products {
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
}
#right #products .products {
	float:left;
	width:200px;
	height:180px;
	overflow:hidden;
	padding:0 10px;
	margin:10px 0;
	position:relative;
}
#right #products .products .img {
	width:200px;
	height:150px;
	overflow:hidden;
	border:1px solid #c9c8c8;
	position:relative;
}
#right #products .products .img img {
	width:200px;
	height:150px;
}
#right #products .products span {
	display:block;
	width:100%;
	text-align:center;
	line-height:30px;
}

#right #news {
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
}
#right #news .news {
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
}
#right #news .news li {
	display:block;
	height:30px;
	overflow:hidden;
	line-height:30px;
	border-bottom:1px dashed #c9c8c8;
	padding-left:12px;
	background:url(../images/li-1.jpg) no-repeat 0 14px;
	position:relative;
}
#right #news .news li .text {
	float:left;
	width:80%;
}
#right #news .news li .time {
	float:left;
	width:18%;
	text-align:right;
	color:#444;
}

#right #page {
	clear:both;
	width:100%;
	height:30px;
	overflow:hidden;
	text-align:center;
	line-height:30px;
	margin-top:30px;
	position:relative;
}
#right #page a,#right #page span {
	padding:3px 8px;
	margin:0 3px;
	border:1px solid #c9c8c8;
}
#right #page a:hover {
	color:#005eb5;
}