@charset "utf-8";
/*--------------  Header  ---------------*/
.header{
	clear:both;
	margin:0 auto;
	width:100%;
	height:151px;
	background:url(../images/header_bg.jpg) left top repeat-x; position:relative;
	overflow:hidden;
}
.top{
	clear:both;
	margin:0 auto;
	width:1000px;
	height:111px;
	overflow:hidden;
}
.ico{
	float:right;
	padding-top:25px;
}
.ico a{
	padding:0 0 0 35px;
}
.ico-1{
	background:url(../images/ico-1.gif) 22px center no-repeat;
	*background:url(../images/ico-1.gif) 22px 2px no-repeat;
}
.ico-2{
	background:url(../images/ico-2.gif) 18px 4px no-repeat;
	*background:url(../images/ico-2.gif) 18px 2px no-repeat;
}
.ico-3{
	background:url(../images/ico-3.gif) 15px center no-repeat;
	*background:url(../images/ico-3.gif) 15px 2px no-repeat;
}
.nav{
	clear:both;
	width:100%;
	height:50px;
	background:url(../images/nav_bg.jpg) center top no-repeat;
}
.nav ul{
	margin:0 auto;
	width:1000px;
	overflow:hidden;
}
.nav li{
	float:left;
	width:115px;
	text-align:center;
	line-height:30px;
	font-family:Microsoft YaHei;
}
.nav li.about{ width:125px;}
.nav li.products{ width:150px;}
.nav li.case{ width:92px;}
.nav li.news{ width:160px;}
.nav li.message{ width:100px;}
.nav li.jobs{ width:160px;}
.nav li.contact{ width:96px;}
.nav li a,
.nav li a:link,
.nav li a:visited{
	display:block;
	color:#fff;
	font-size:13px;
}

.nav li a:hover,
.nav li a:active{
	color:#fff;
	text-decoration:underline;
}




.banner-box{ width:100%; height:349px; overflow:hidden; position:relative;}
#banner{ position:relative; width:100%; height:349px;}
#banner li{ width:100%; height:349px;text-align:center}
.page-box{ width:100%; position:absolute; right:0; bottom:0;}
#page{ margin:0 auto; text-align:center; width:198px; height:28px; padding:16px 42px 0 36px; overflow:hidden; background:url(../images/page.png) left top no-repeat;}
#page span{ display:inline-block; width:13px; height:13px; overflow:hidden;  cursor:pointer;  margin-left:10px; background:url(../images/banner-btn.jpg) -13px top no-repeat;}
#page span#active{
	background:url(../images/banner-btn.jpg) left top no-repeat;
}






.about-banner{ width:100%; height:249px; position:relative; padding-bottom:5px; background:url(../images/banner_bg.jpg) no-repeat center bottom; overflow:hidden}
.about-banner p{ width:1600px; height:249px; position:absolute; left:50%; margin-left:-800px; top:0px; overflow:hidden;}




/*--------------  Footer  ---------------*/
.footer-content{
	 clear:both;
	 width:100%; 
	 height:253px; 
	 overflow:hidden;
	 background:#001659 url(../images/footer-bg.jpg) no-repeat center center;
	 border-bottom:1px #00052B solid;
}
.footer-content .section{
	margin:0 auto;
	width:1000px;
	height:auto;
	padding-top:27px;
	overflow:hidden;
}
.F-contact{
	float:left;
	width:305px;
	height:auto;
	padding:0 55px 0 12px;
	overflow:hidden;
}
.F-contact p{
	line-height:24px;
	color:#a5b6d7;
}
.F-contact p a{
	ine-height:24px;
	color:#a5b6d7;
}
.F-message{
	float:left;
	width:280px;
	padding-right:66px;
	height:auto;
	overflow:hidden;
}
.F-job{
	float:left;
	width:280px;
	height:auto;
	overflow:hidden;
}

.p-1{
	height:100px;
	padding-bottom:10px;
	overflow:hidden;
}
.p-2{
	height:100px;
	padding-bottom:15px;
	overflow:hidden;
}
.p-2 p{
	line-height:24px;
}
.p-3{
	height:81px;
	padding-bottom:10px;
	overflow:hidden;
}
.p-3 p{
	line-height:24px;
	color:#a5b6d7;
}
.footer{
	width:100%;
	height:auto;
	padding:15px 0 20px;
	clear:both;
	background:#001659 url(../images/footer-bg.jpg) no-repeat center -253px;
	overflow:hidden;
	border-top:1px #00438A solid;
}
.footer-text{
	margin:0 auto;
	padding:0 10px 0 20px;
	width:970px;
	color:#a5b6d7;
}
.footer-text a{ color:#a5b6d7;}
.npage{ text-align:center; padding:15px 0px 0px 0px; border:0; line-height:normal}
.npage input{width:20px;padding-left:10px;margin-left:10px;}
.npage a,.npage a:visited,.pnum:link,.pnum:visited {color: #666; line-height:24px; padding:2px 5px 2px 5px; margin:2px 5px 2px 5px; border:1px solid #D9D9D9; height:24px; overflow:hidden; background:#fff}
.npage a:hover,.npage a:active,.pnum:hover,.pnum:active {color: #333; background:#DCDDDF; border:1px solid #D9D9D9}
.npage span,.npage span:hover,.npage span:active {color: #fff; line-height:24px; padding:2px 5px 2px 5px;  margin:2px 5px 2px 5px; background:#f06522; border:1px solid #f06522; height:24px; overflow:hidden}



table{max-width:100%;border-collapse:collapse;border-spacing:0}table,.table{width:100%;margin-bottom:18px}table th,.table th,table td,.table td{padding:8px;line-height:18px;text-align:left;vertical-align:top;border-top:1px solid #ddd}table th,.table th{font-weight:bold}table thead th,.table thead th{vertical-align:bottom}table thead:first-child tr th,.table thead:first-child tr th,table thead:first-child tr td,.table thead:first-child tr td{border-top:0}table tbody+tbody,.table tbody+tbody{border-top:2px solid #ddd}.table-condensed th,.table-condensed td{padding:4px 5px}table,.table-bordered{border:1px solid #ddd;*border-collapse:collapsed;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}table th+th,.table-bordered th+th,table td+td,.table-bordered td+td,table th+td,.table-bordered th+td,table td+th,.table-bordered td+th{border-left:1px solid #ddd}table thead:first-child tr:first-child th,.table-bordered thead:first-child tr:first-child th,table tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,table tbody:first-child tr:first-child td,.table-bordered tbody:first-child tr:first-child td{border-top:0}table thead:first-child tr:first-child th:first-child,.table-bordered thead:first-child tr:first-child th:first-child,table tbody:first-child tr:first-child td:first-child,.table-bordered tbody:first-child tr:first-child td:first-child{-webkit-border-radius:4px 0 0 0;-moz-border-radius:4px 0 0 0;border-radius:4px 0 0 0}table thead:first-child tr:first-child th:last-child,.table-bordered thead:first-child tr:first-child th:last-child,table tbody:first-child tr:first-child td:last-child,.table-bordered tbody:first-child tr:first-child td:last-child{-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0}table thead:last-child tr:last-child th:first-child,.table-bordered thead:last-child tr:last-child th:first-child,table tbody:last-child tr:last-child td:first-child,.table-bordered tbody:last-child tr:last-child td:first-child{-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px}table thead:last-child tr:last-child th:last-child,.table-bordered thead:last-child tr:last-child th:last-child,table tbody:last-child tr:last-child td:last-child,.table-bordered tbody:last-child tr:last-child td:last-child{-webkit-border-radius:0 0 4px 0;-moz-border-radius:0 0 4px 0;border-radius:0 0 4px 0}.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th{background-color:#f9f9f9}.table tbody tr:hover td,.table tbody tr:hover th{background-color:#f5f5f5}table .span1{float:none;width:44px;margin-left:0}table .span2{float:none;width:124px;margin-left:0}table .span3{float:none;width:204px;margin-left:0}table .span4{float:none;width:284px;margin-left:0}table .span5{float:none;width:364px;margin-left:0}table .span6{float:none;width:444px;margin-left:0}table .span7{float:none;width:524px;margin-left:0}table .span8{float:none;width:604px;margin-left:0}table .span9{float:none;width:684px;margin-left:0}table .span10{float:none;width:764px;margin-left:0}table .span11{float:none;width:844px;margin-left:0}table .span12{float:none;width:924px;margin-left:0}table th{background:#fffbe9}.table th,.table td{vertical-align:middle}