@charset "utf-8";
/* CSS Document */
body { background:url(../images/bg.gif); background-repeat:repeat-x; margin:0;
}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p,li {
	padding:0;
	margin:0;
	list-style-type: none;
}
a { font:Verdana, Geneva, sans-serif; font-size:12px; color: #99b8e5; text-decoration: none; }
a:hover { color:#c8dcf8; text-decoration: none; }
.top{
	width:960px;
	height:133px;
	margin:0 auto;
	}

.toplogo{
	width:320px;
	height:124px;
	float:left;
	padding-left:20px;
		}
.nav{
	width:549px;
	height:66px;
	float:right;
	background-repeat:no-repeat;
	background-image: url(../images/img-02.gif);
	background-position: 18px 59px;
	padding:59px 0 0 36px;
	}
.nav a.a01,a.a02,a.a03,a.a04,a.a05,a.a06,a.a07,a.a08{ width:70px; height:27px; float:left; margin-right:8px;
	}
.nav a.a01:hover{ background:url(../images/img-07.png) no-repeat; background-position: -70px 0px;
	}
.nav a.a02:hover{ background:url(../images/img-07.png) no-repeat; background-position: -140px 0px;
	}
.nav a.a03:hover{ background:url(../images/img-07.png) no-repeat; background-position: -210px 0px;
	}
.nav a.a04:hover{ background:url(../images/img-07.png) no-repeat; background-position: -280px 0px;
	}
.nav a.a05:hover{ background:url(../images/img-07.png) no-repeat; background-position: -350px 0px;
	}
.nav a.a06:hover{ background:url(../images/img-07.png) no-repeat; background-position: -420px 0px;
	}
.nav a.a07:hover{ background:url(../images/img-07.png) no-repeat; background-position: -490px 0px;
	}
.nav a.a08:hover{ background:url(../images/img-07.png) no-repeat; background-position: -560px 0px;
	}
.nav a.a01.current{ background:url(../images/img-07.png) no-repeat; background-position: -70px 0px;
	}
.nav a.a02.current{ background:url(../images/img-07.png) no-repeat; background-position: -140px 0px;
	}
.nav a.a03.current{ background:url(../images/img-07.png) no-repeat; background-position: -210px 0px;
	}
.nav a.a04.current{ background:url(../images/img-07.png) no-repeat; background-position: -280px 0px;
	}
.nav a.a05.current{ background:url(../images/img-07.png) no-repeat; background-position: -350px 0px;
	}
.nav a.a06.current{ background:url(../images/img-07.png) no-repeat; background-position: -420px 0px;
	}
.nav a.a07.current{ background:url(../images/img-07.png) no-repeat; background-position: -490px 0px;
	}
.nav a.a08.current{ background:url(../images/img-07.png) no-repeat; background-position: -560px 0px;
	}
.banner{width:960px; height:380px; 	margin:0 auto; 
	}
.nav02{width:960px; height:53px; margin:0 auto;
}
.nav02 li.l01,li.l02,li.l03{display:block; float:left;}
#l01{ width:146px; padding-left:31px;}
#l02{padding-left:137px; width:146px;}
#l03{ width:144px;padding-left:273px;}
.bg01{background:url(../images/img-06.jpg); background-repeat:no-repeat;
background-position:top 0px; margin: 0 auto; width:960px; height:378px;}
.about{
	width:262px;
	height:147px;
	float:left;
	font-size:12px;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 20px;
	color: #99b8e5;
	padding:20px 21px 0 31px;
	text-decoration: none;
	}
.contact{
	width:394px;
	height:167px;
	float:left;
}
.case{
	width:196px;
	height:147px;
	float:right;
	padding:20px 0 0 30px;
}
.case ul{
	height:120px;
	overflow:hidden;
}
.case li{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height:20px;
	color: #99b8e5;
	text-decoration: none;
	background:url(../images/dian.gif);
	background-repeat:no-repeat;
	background-position:0 10px;
	text-indent: 10px;	
}
.honor{
	width:262px;
	position:relative;
	height:191px;
	float:left;
	padding:20px 21px 0 31px;
	background:url(../images/img-07.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	margin-top:1px;
}
.product{
	width:477px;
	height:206px;
	float:right;
	overflow:hidden;
	background:url(../images/img-08.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	margin:1px 1px 0 0;
	padding:5px 0 0 166px;
}
.bottom{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #4e6a91;
	text-decoration: none;
	width:960px;
	height:100px;
	margin:0 auto;
	clear:both;
	text-align: center;
	padding-top:35px;
}
.honor01{
	width:99px;
	height:143px;
	border: 1px solid #728aac;
	position:absolute;
	left:181px;
	background-color:#FFF;
}

.honorbox{
	width:93px;
	height:145px;
	position:relative;
	top:-152px;
	left:149px;
	background:url(../images/diandian.gif);
	}
.honorbox:hover{
	width:93px;
	height:137px;
	border:solid #173259 4px;
 	position:relative;
	top:-152px;
	left:149px;
	filter: alpha(opacity=70);
	
}
.abc1{display:block; width:101px; height:144px;}
.honorfont{
	margin:0 12px 7px auto;
	width:99px;
	height:14px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	position:absolute;
	top:169px;
	left:181px;

}
.pro-ul{padding:42px 17px 0 0; float:left;text-decoration: none;
}
.pro-img{ border:solid #173259 1px; background-color:#FFF;
}
.pro-font{
	width:102px;
	text-align: center;
	padding-top:5px;
}
.aaa1,.aaa2{
	position:absolute;
	width:100px;
	height:20px;
	display:none;
}
.bbb{
	width:8px;
	margin:4px;
	float:left;
	height:8px;
	background-color:#d0e1fa;
	display:block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8px;
	color: #000;
	text-decoration: none;
	text-align: center;
}
.bbb a{ width:10px; height:10px; background-color:#d0e1fa; display:block;	font-family: Verdana, Geneva, sans-serif;
	font-size: 8px;
	color: #000;
	text-decoration: none;
	text-align: center;
}
.bbb a:hover{ width:10px; height:10px; background-color:#ffb400; display:block;	font-family: Verdana, Geneva, sans-serif;
	font-size: 8px;
	color: #000;
	text-decoration: none;
	text-align: center;
}
.bbb a.current{ width:10px; height:10px; background-color:#ffb400; display:block;	font-family: Verdana, Geneva, sans-serif;
	font-size: 8px;
	color: #000;
	text-decoration: none;
	text-align: center;
}