* {
	margin:0;
	padding:0;
}
body {
	font-size:14px;
	background: url("common/box_bg.jpg") repeat-x 0 0;
	font-family: "宋体", Verdana, Arial, sans-serif;
}
li{list-style-type:none;}
img{border:none;}
a {
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#005D9D;
	text-decoration:underline;
}
.right{float:right;}
.left{float:left;}

#wrap {
	margin:0 auto;
	width:870px;
}
#head {
	margin:0 auto;
	background:url("common/head_bg.jpg");
	width:870px;
	height:100px;
}
#head .logo {
	float:left;
	display:inline;
	margin-top:18px;
	margin-left:10px;
}
#head .top {
	float:right;
	display:inline;
	margin:30px 10px 0 0;
	color:#607eb4;
	font-size:22px;
	font-weight:bold;
}
#head h1 {
	text-indent:-999em;
}
#nav {
	margin:0 auto;
	background:url("common/nav.jpg") repeat-x 0 -30px;
	width:870px;
	height:30px;
}
#nav ul{
	margin:0 0 0 80px;
	width:780px;
	height:30px;
}
#nav ul li {
	float:left;
	width:85px;
	line-height:30px;
	display:inline;
	text-align:center;
}
#nav ul li a {
	color:#fff;
	width:85px;
	height:30px;
	line-height:30px;
	text-decoration:none;
	display:block;
}
#nav ul li a:hover {
	color:#fff;
	width:85px;
	height:30px;
	line-height:30px;
	background:url("common/nav.jpg") repeat-x 0 0;
}
#banner {
	margin:0 auto;
	width:870px;
	height:180px;
	
	background:#fff url("common/banner.jpg") no-repeat 0 0;
}
#main {
	background:#fff url("common/main_bg.jpg") no-repeat 0 0;
	width:870px;
	margin:0 auto;
	margin-top:15px;
	padding-top:20px;
	float:left;
}
#sidebar {
	width:190px;
	float:left;
	display:inline;
	margin-left:20px;
}
#sidebar h2 {
	color:#3A65A9;
	background: url("common/h2_bg.jpg") no-repeat 15px 5px;
	text-indent:2em;
	margin:10px 0;
	border-bottom:solid 1px #ddf;
	font-size:1.2em;
	line-height:28px;
}
#content {
	float:right;
	width:600px;
	margin:0 20px;
	display:inline;
}

#foot {
	clear:both;
	width:870px;
	margin:15px auto;
	padding-top:10px;
	background-color:#0E6AAB;
	
}
#foot p {
	color:#FFF;
	text-align:center;
	font-size:0.9em;
	line-height:1.5em;
	
}
#foot a{
	color:#FFF;
	text-align:center;
	line-height:1.5em;
	
}

#content h2 {
	color:#3A65A9;
	background: url("common/h2_bg.jpg") no-repeat 15px 5px;
	text-indent:2em;
	margin:10px 0;
	border-bottom:solid 1px #339;
	font-size:1.2em;
	line-height:28px;
}
#content h3 {
	color:#666;
	background-color: #eaeaea;
	text-indent:2em;
	margin:10px 0;
	border-top:solid 2px #ccc;
	font-size:1.2em;
	line-height:28px;
}
#content p {
	margin:0 auto;
	line-height:2em;
	color:#676767;
	text-indent:2em;
}
#content img {
	
	margin:10px;
}
#case p {
	margin:0 auto;
	font-size:1.3em;
	line-height:1.5em;
	color:#676767;
	text-indent:2em;
}
#contact p {
	margin:0 auto;
	font-size:1.3em;
	line-height:2em;
	color:#676767;
	text-indent:2em;
	font-weight:bold;
}
#wx p {
	margin:0 auto;
	font-size:1em;
	line-height:1.5em;
	color:#676767;
	text-indent:2em;
}
/*subnav======================================================================*/
#subnav {
	margin:10px 0;
	padding:5px 0;
	text-indent:18px;
	border:solid 1px #ddd;
}
#subnav ul{
	margin:10px;
}
#subnav ul li {
	line-height:32px;
	height:32px;
	border-bottom:dotted 1px #ddd;
}
#subnav ul li a {
	text-decoration:none;
	color:#676767;
	height:32px;
	display:block;

}
#subnav ul li a:hover {
	text-decoration:none;
	color:#fff;
	background-color:#005D9D;
}
#subnav ul span {
	position:absolute;
	right:20px;
	bottom:2px;
	color:#676767;
}
ul.case {float:left;}
ul.case li {width:200px;float:left;text-align:center;}
ul.case li img {display:block;width:150px;height:185px;padding:10px;background-color:#EDEDED;border:solid 1px #CCC;}
ul.case li a:hover img{display:block;width:150px;background-color:#FFF;}

ul.honor {float:left;}
ul.honor li {width:260px;float:left;padding:10px 0;margin-left:20px;text-align:center;}
ul.honor li img {display:block;width:200px;height:140px;padding:10px;background-color:#EDEDED;border:solid 1px #CCC;}
ul.honor li a:hover img{display:block;width:200px;background-color:#FFF;}

/*index==================================================*/
#imain {
	background:#fff url("common/main_bg.jpg") no-repeat 0 0;
	width:870px;
	height:200px;
	margin:0 auto;
	margin-top:15px;
	padding-top:20px;
	position:relative;
}
#imain h2{
	height:30px;
	line-height:30px;
	margin:5px 10px;
	font-size:14px;
	border-bottom:solid 1px #E1E1E1; 
	background:url("common/h2_bg.jpg") no-repeat left center;
	text-indent:1em;
}
#imain p{
	line-height:22px;
	font-size:12px;
	padding:0 10px;
}
#left {
	width:220px;
	height:200px;
	position:absolute;
	left:10px;
	top:10px;
	background-color:#FFF;
}

#middle {
	width:370px;
	height:200px;
	position:absolute;
	left:250px;
	top:10px;
	background-color:#FFF;

}
#right {
	width:220px;
	height:200px;
	position:absolute;
	right:10px;
	top:10px;
	background-color:#FFF;
	border:solid 1PX #EDEDED;
}
/* 产品展示滚动的代码系列 **********************************************************************************************************/
#d0{paddig:0;marging:0;width:30px;padding-left:12px;}
.d1 {padding:0;margin:0;width:345px;overflow:hidden;white-space:nowrap;}
.div2 {width:auto;height:auto;font-size:12px;float:left;overflow:hidden;margin-top:5px;}
ul.div3 {margin:0;padding:0px;list-style:none;line-height:19px;font-size:12px;}
ul.div3 li{width:auto;float:left;display:inline;padding-left:15px;text-align:center;}
ul.div3 li a img {display:block;height:120px;padding:5px;border:solid 1px #D7EAFA;}
ul.div3 a:hover{color:#666;text-decoration:underline;}