body{background: #ffffff;}
canvas{margin: 0;padding: 0; position: fixed; z-index:-1;}

.clr{
	clear: both;
	width: 0px;
	height: 0px;
}

#container{
		margin: 0 auto;
		width: 1002px;
}
#headernav{
	height: 40px;
	background: gray url(./top_bg.jpg);
}

#nav li {
	width: 90px;
	margin-right: 1px;
	float:left;
}

#nav a {
	/* font-size: 16px;
	line-height: 37px;
	font-family: '微软雅黑';
	color:#363636;
	display: block;
	width: 90px;
	height: 37px;
	text-align: center; */
	
	font:16px/37px '微软雅黑','黑体',sans-serif;
	color:#363636;
	display: block;
	width: 90px;
	height: 37px;
	text-align: center;
}
#nav a:hover {
	color:white;
	background: url(./nav_on.gif);
}



.submenu {
	margin-top: 1px;
	background: #EEE;
	padding-left: 20px;
	padding-top: 8px;
	padding-bottom: 3px;
}
.submenu ul {
	background: #EEE;
	height:20px;
}
.submenu li {
	font-size: 12px;
	float: left;
	margin-right: 20px;
}
.submenu a:hover,a:active{
	color:#f00;
}



/* #banner {
	margin: 6px 0;
} */

#main{	
}

#lside{
	height: 480px;
	width: 694px;
	border: 1px solid #EEE;
	float: left;
	border-top: none;
}

.subtitle{
	height: 37px;
	background: gray url(./index_main_top_bg.gif);
}

.subtitle img {
	margin: 5px 0 0 10px;
	float: left;
}

.subtitle h1 {
	/* float: left;
	margin-left: 10px;
	font-size: 16px;
	font-family: 'Microsoft Yahei',SimHei,sans-serif;
	line-height: 37px;
	text-align: center; */
	
	color: #151515;
	float: left;
	margin-left: 10px;
	font: 16px/37px 'Microsoft Yahei',SimHei,sans-serif;
}

.subtitle a {
	/* color: #888;
	font-size: 12px;
	float: right;
	line-height: 37px;
	text-align: center; */
	
	display: block;
	color: #888;
	font: 12px/37px SimSun,serif;
	float: right;
	margin-right: 10px;
}

/* 
问题：IE6的bug: 
	左浮元素，左margin是定义的2倍；
	右浮元素，右margin是定义的2倍。
解决方法：
	添加：_display:inline;
*/
.four{
	width: 326px;
	height: 200px;
	background: #EEE;
	margin: 10px;
	float: left;
	_display:inline;
}

.four img {
	float: left;
	margin-left: 10px;
	padding: 6px;
	background: white;
}

.four ul {
	float: left;
	margin-left: 10px;
}

.four li {
	background: url(./service_intro_bg.gif) no-repeat;
	padding-left: 10px;
	height: 20px;
}

.four a {
	font-size: 12px;
	color: #888;
}

.four a:visited {
	color: #808080;
}

.four a:hover{
	color: #FF832C;
}

.four h2 {
	color: #A0A0A0;
	margin: 6px 0 6px 10px;
	font-size: 16px;
	font-family: 'Microsoft Yahei',SimHei,sans-serif;
}

#rside{
	width: 294px;
	float: right;
}

#art{
	background: #EEE;
	margin-top: 1px;
	padding-top: 10px;
}

#art a {
	font-size: 12px;
	line-height: 29px;
	color: #888;
	display: block; 
	height: 29px;
	padding-left: 30px;
	background: url(./article_head.gif) no-repeat;
}

#art a:hover{
	color: #FF832C;
	background: url(./article_on_bg.gif);
}

/* #contact {
	height: 190px;
	background: #EEE;
	margin-top: 1px;
} */

#art1{
	height: 170px;
	background: #EEE;
	margin-top: 1px;
	padding-top: 10px;
}

#art1 a {
	font-size: 12px;
	line-height: 29px;
	color: #888;
	display: block; 
	height: 29px;
	padding-left: 30px;
	background: url(./article_head.gif) no-repeat;
}

#art1 a:hover{
	color: #FF832C;
	background: url(./article_on_bg.gif);
}

#footer {	
	margin-top: 15px;
	height: 120px;
}

#footer ul {
	height: 40px;
	background: #EEE;
	padding-left:10px;
}

#footer li {
	font-size: 12px;
	float: left;
	margin-top: 15px;
	margin-right: 10px;
}

#footer address {
	margin-top: 15px;
	font-size: 12px;
	font-family: '微软雅黑',sans-serif;
	color:#999;	
	text-align: center;
}
#footer address a {
	margin-top: 15px;
	font-size: 12px;
	font-family: '微软雅黑',sans-serif;
	color:#999;	
	text-align: center;
}

#footer a:hover,a:active{
	color:#f00;
}



#headertitle{width:1002px; height:200px;}
#logo{margin-top: 15px; position:absolute; z-index: 1;}
#login{font-size: 12px;}


/*top notice*/
.pagetop_notice{position:relative; width:1002px; margin:0 auto; height:50px; background:#00ffffff; line-height:28px; text-align:left; text-align:right; margin-bottom:2px;}
.pagetop_notice{padding-bottom:3px\9;}
.pagetop_notice a{font-size: 12px; padding:0 6px; text-decoration:none;}
.pagetop_notice a:hover,
.pagetop_notice a:active{color:#f00;}
pagetop_notice div{padding-top:2px;}
/* .pagetop_notice span{margin:0;} */
/* .pagetop_notice span.login{margin-right:6px; display:inline; color:#f00;} */
/* .pagetop_notice span em{color:#f00; padding:0 6px 0 3px;margin-right: 20px;} */
/* .pagetop_notice span a.notice_num{display:none; width:auto; height:11px; margin:0 20px 0 0; padding:2px 5px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; background:#ddd; color:#666 !important; line-height:11px; text-decoration:none;} */
/* .pagetop_notice span a{padding:0 5px;} */
/* .pagetop_notice span .red{color:#f00;} */
.pagetop_notice img{margin:0 2px -3px;float:right;}
.pagetop_notice .search{width:170px; height:14px; margin:2px 0 2px 5px; padding:2px 3px; border:solid 1px #ccc; background:#fff url(http://localhost:8080/yudiTest1/images/ico_sear_top.gif) no-repeat 160px 2px; color:#999; line-height:14px; vertical-align:middle;}
.pagetop_notice .search{margin-top:2px\9; margin-bottom:0\9;padding-top:2px\9;}

.pagetop_notice cite{font-style:normal;font-weight:normal}
.pagetop_notice a,a:link,a:visited { color: #333; text-decoration: none; }
.pagetop_notice a:focus { outline: none; }


/* 	.clr {
		clear: both;
		width: 0px;
		height: 0px;
		overflow: hidden;
	}

	#container{
		margin: 0 auto;
		width:1002px;
	}
	#header{
		height: 128px;
		background: gray url(./top_bg.jpg);
	}

	#nav li {
		width: 90px;
		margin-right: 1px;
		float:left;
	}

	#nav a {
		font-size: 16px;
		line-height: 37px;
		font-family: '微软雅黑';
		font:16px/37px '微软雅黑','黑体',sans-serif;
		color:#363636;
		display: block;
		width:90px;
		height: 37px;
		text-align: center;
	}

	#nav a:hover {
		color:white;
		background: url(./nav_on.gif);
	}

	#banner {
		margin: 6px 0;
	}

	#main{
	}

	#lside {
		height: 480px;
		width: 694px;
		border: 1px solid #EEE;
		border-radius:5px; 
		float: left;
		border-top:none;
	}

	.subtitle {
		height: 37px;
		background: gray url(./index_main_top_bg.gif);
	}

	.subtitle img {
		margin:5px 0 0 10px;
		float: left;
	}

	.subtitle h1 {
		color: #151515;
		float: left;
		margin-left: 10px;
		font:16px/37px 'Microsoft Yahei' , SimHei , sans-serif;
	}

	.subtitle a {
		display: block;
		color: #888;
		font: 12px/37px SimSun,serif;
		float:right;
	}

	.four {
		width: 326px;
		height: 200px;
		background: #EEE;
		margin: 10px;
		float: left;
	}

	.four img {
		float: left;
		margin-left: 10px;
		padding: 6px;
		background: white;
	}

	.four ul{
		float: left;
		margin-left: 10px;
	}

	.four li {
		background: url(./service_intro_bg.gif) no-repeat;
		padding-left: 10px;
		height: 20px;
	}
	
	.four a {
		font-size: 12px;
		color:#888;
	}

	.four a:visited {
		color:#808080;
	}

	.four a:hover{
		color: #FF832C;
	}

	.four h2 {
		color: #A0A0A0;
		margin: 6px 0 6px 10px;
		font-size:16px;
		font-family: 'Microsoft Yahei' , SimHei , sans-serif;
	}

	#rside {
		width: 294px;
		float:right;
	}

	#art {
		background: #EEE;
		margin-top: 1px;
		padding-top: 10px;
	}

	#art a {
		font-size: 12px;
		line-height: 29px;
		color: #888;
		display: block;
		height: 29px;
		padding-left: 30px;
		background: url(./article_head.gif) no-repeat;
	}

	#art a:hover{
		color: #FF832C;
		background: url(./article_on_bg.gif);
	}

	#contact {
		margin-top: 1px;
		height: 249px;
		background: #EEE;
	}

	#footer {
		margin-top: 15px;
		height: 120px;
	}

	#footer ul {
		height: 40px;
		background: #EEE;
	}
	#footer li {
		font-size: 12px;
		float: left;
		margin-top: 15px;
		margin-right: 10px;
	}

	#footer address {
		margin-top: 10px;
		font-size: 12px;
		font-family: '微软雅黑',sans-serif;
	} */