@charset "utf-8";
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: #5676a5; text-decoration: none; }
a:hover { color:#264167; text-decoration: none; }
body {
	background:url(../images/view-bg.jpg);
	background-repeat:repeat-x;	margin:0;
}

.top{
	width:960px;
	height:128px;
	margin:0 auto;
	}
.toplogo{
	width:320px;
	height:124px;
	float:left;
	padding-left:20px;
		}
.nav{
	width:549px;
	height:65px;
	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:200px; margin:0 auto;}
.contact{width:210px; height:200px; float:left; position: top left;}
.banner01{width:745px; height:185px; float:left; padding-left:5px; padding-top:15px;  position: top right; background:url(../images/view02.jpg) no-repeat left top;}
.main{ width:960px; height:auto; margin:0 auto; }
.leftall{ width:200px; height:auto; float:left}
.leftnav{ background:url(../images/view03.gif); background-repeat:no-repeat; background-position:top; width:200px; height:auto; float:left; padding:30px 0 10px 0;}
.leftnav-view1{
	margin-top:6px;}
.leftbg{
	background-repeat:repeat-y;
	background-position:top;
	width:200px;
	height:auto;
	float:left;
	background-image: url(../images/view04.gif);
}
.leftnav-view{
	width:186px;
	height:12px;
	margin:0 auto;
	padding:4px 0 4px 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #7d99c1;
	text-decoration: none;
	text-indent: 31px;
	text-align: left;
}
.leftnav-view a.font{
	width:186px;
	height:12px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-decoration: none;
	display:block;
	color:#3e577d;
	padding:4px 0 4px 0;
	position:relative 0 0;
}

.leftnav-view a.font:hover{
	width:186px;
	height:12px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-decoration: none;
	background:url(../images/view09.jpg);
	color: #fff;
	display:block;
	padding:4px 0 4px 0;
}

.leftnavbottom{ margin:0px auto; width:200px; height:20px; float:left;}
.leftbanner{}
.main01{
	width:741px;
	min-height:755px;
	_height:755px;
	float:left;
	margin-left:11px;
	margin-bottom:20px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #bfcee1;
	border-bottom-color: #bfcee1;
	border-left-color: #bfcee1;
	background-color:#fff;
}
.mainlogobg{ width:741px; height:56px; margin:0 auto 20px auto; background:url(../images/view07.gif); background-repeat:no-repeat;}
.mainlogo{ width:126px; height:56px; float:left; margin:0 auto;}
.mainbak{
	width:360px;
	float:right;
	padding:18px 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-decoration: none;
	text-align: right;
	color: #7a98be;
}
.mainbak a{	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-decoration: none;
	text-align: right;
	color: #7a98be;
}
.mainbak a:hover{	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-decoration: none;
	text-align: right;
	color: #3e577d;
}
.bottom{ width:100%; height:130px; margin-top:30px; background-color:#091c36; clear:both;}
.bottomview{
	widht:960px;
	height:70px;
	margin:0 auto;
	padding:30px 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #293a54;
	text-decoration: none;
	text-align: center;
}




.pro{ width:691px;height:170px; padding:30px 0 0 40px; margin:0 auto;}
.pro ul{
	width:141px;
	height:161px;
	margin-right:15px;
	padding:2px;
	float:left;
	text-decoration: none;
	border:#d7e4ed solid 1px;
}
.imgbg{ float:left; border:solid #d7e4ed 1px; background-color:#FFF;
}
.abc{ margin:0 auto; width:670px;}
.pro li{
	width:141px;
	height:16px;
	padding-top:2px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #5274a1;
	float:left;
	background-color:#e6f0fa;
	text-decoration: none;	
}
.libg{
	float:left;
	width:141px;
	height:16px;
	text-align: center;
	margin:0 auto;
	padding-top:2px;
}
div.page {
	width:741px; padding-right:3px; padding-left:3px; padding-bottom:10px; margin:3px; padding-top:30px; text-align:center; margin:0 auto; color:#5278C3; font-family: Verdana, Geneva, sans-serif; font-size: 12px; text-decoration: none;
}
div.page a {
	border-right:#9AAFE5 1px solid; padding-right:5px; border-top:#9AAFE5 1px solid; padding-left:5px; padding-bottom:2px; border-left:#9AAFE5 1px solid; color:#5278C3; margin-right:2px; padding-top:2px; border-bottom:#9AAFE5 1px solid; text-decoration:none;
}
div.page a:hover {
	border-right:#5278C3 1px solid; border-top:#5278C3 1px solid; border-left:#5278C3 1px solid; color:#000; border-bottom:#5278C3 1px solid; background-color:#FFE6CC;
}
div.page a:active {
	border-right:#5278C3 1px solid; border-top:#5278C3 1px solid; border-left:#5278C3 1px solid; color:#000; border-bottom:#5278C3 1px solid; background-color:#FFE6CC;
}
div.page span.current {
	border-right:#5278C3 1px solid; padding-right:5px; border-top:#5278C3 1px solid; padding-left:5px; font-weight:bold; padding-bottom:2px; border-left:#5278C3 1px solid; color:#5278C3; margin-right:2px; padding-top:2px; border-bottom:#5278C3 1px solid; background-color:#D6DFF1;
}
div.page span.disabled {
	border-right:#B3BAC7 1px solid; padding-right:5px; border-top:#B3BAC7 1px solid; padding-left:5px; padding-bottom:2px; border-left:#B3BAC7 1px solid; color:#B3BAC7; margin-right:2px; padding-top:2px; border-bottom:#B3BAC7 1px solid;
}
.honor{ width:691px;height:200px; padding:30px 0 0 50px; margin:0 auto;}
.honor ul{
	width:100px;
	height:165px;
	margin-right:20px;
	padding:2px;
	float:left;
	text-decoration: none;
	border:#d7e4ed solid 1px;
}

.honor li{
	width:100px;
	height:16px;
	padding-top:2px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #5274a1;
	float:left;
	background-color:#e6f0fa;
	text-decoration: none;	
}
.libg01{
	float:left;
	width:100px;
	height:16px;
	text-align: center;
	margin:0 auto;
	padding-top:2px;
}
.case{
	height: 25px;
	width: 90%;
	margin:0 auto 5px auto ;
	overflow: auto;
	line-height:25px;
	background-image:url(../images/dian.jpg);
	background-repeat:repeat-x;
	background-position: 0 24px;

}
.case ul{ width:100%;}
.case01{background:url(../images/dian2.jpg);
 background-repeat: no-repeat; background-position: 0px 12px; padding-left: 10px; float: left; height: 25px; width: 550px; overflow: hidden; 
}
.case02{
	float:left;
	height: 25px;
	text-align: right;
	width: 100px;
	overflow: hidden;
	font-size: 12px;
	color: #568FD3;
	text-decoration: none;
}
