﻿#Page{margin:0 auto;}
	.Pages {
			padding:2px;
	}
	.Pages a {
		border: #DDD 1px solid;
		padding: 2px 6px;
		background: #FFF;
		color: #333;
		margin-right:1px;
		vertical-align: middle;
	}
	.Pages a:hover {
		border-color: #F30;
		background: #F90;
		color: #FFF;
		text-decoration:none;
	}
	.General {
		font-weight: bold;
		border: #DDD 1px solid;
		padding: 2px 6px;
		background: #FFF;
		color:#F30;
		margin-right:1px;
		vertical-align: middle;
	}
*{word-break:break-all;}

/*----------------------------------------------------------共用*/	
body {
	margin:0px;
	padding:0px;
	font-family:Verdana;
	font-size:12px;
	line-height:180%;
	background-color: #012C5A;
	color: #FFFFFF;
}
a,a:link {
	text-decoration: none;
	color:#7e7e7e;
}
a:hover {
	color:#0099CC;
}

ul {
	margin:0px;
	padding:0px;
}
li {
	list-style-type:none;
}
img {
	border:0px;
}
input,textarea {
	font-family:Verdana;
	font-size:12px;
	line-height:14px;
	color:#7e7e7e;
}

/*----------------------------------------------------------container*/

#container {
	margin: 0 auto;
}

/*----------------------------------------------------------hear*/
#hear{
	background:url(images/toplogo.gif) repeat-x repeat-y center top;
	height:123px;
	margin:0px auto;
}

/*----------------------------------------------------------contain*/	
#contain{
margin:0px auto;
}
	.mainnav{
	background:url(images/leftnav.gif) repeat-x;
	height:54px;
	margin:0px auto;
	}
		.navleftbg{
		width:46px;
		float:left;
		height:54px;
		}
		.navcenter{
		width:902px;
		margin:0px auto;
		}
				.nav{
				width:902px;
				margin:0px auto;
				}
				.nav li{
				float:left;
				width:128px;
				}
				.nav li a{
			display:block;
			height:24px;
			line-height:20px;
			text-align:center;
			font-weight: bold;
			color: #FFFFFF;
			background:url(images/navbg.gif) repeat-x;
			padding-top:30px;
				}
				.nav li a:hover{
				background:url(images/navbghov.gif) repeat-x;
				}
			.navrighbg{
			width:46px;
			float:left;
			height:54px;
			}
		#bannerandnews{
		margin:16px auto;
		width:904px;
		}
			.left{
			float:left;
			width:533px;
			}
				.left a{
				color:#FFFFFF;
				font:Verdana;
				}
				.left a hover{
				color:#0066CC;
				}
				
			.english{
			}
			.english a{
			color:#FFFFFF;
			}
			#riht{
			float:left;
			width:353px;
			padding-left:18px;
			}
				.newstill{
				border:solid 1px #3c5274;
				width:349px;
				padding:1px;
	
				}
				.newstillbg{
				height:27px;
				background: url(images/tittlebg.gif);
				padding-left:10px;
				}
					.newsicon{
				background:url(images/icon.gif) no-repeat left 6px;
				padding-top:2px;
				font-weight: bold;
				}
				.news{
				border:solid 1px #3c5274;
				width:331px;
				background:#14387d;
				padding:2px 10px;
				margin-top:3px;
				}
					.news ul{
					padding-bottom:10px;
					}
					.news li{
					}
					.news li a{
	background:url(images/icon_01.gif) no-repeat left 6px;
	line-height:23px;
	height:23px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3c4b66;
	color: #FFFFFF;
	width:320px;
	display: block;
	padding-left:10px;
	}
					.news li a:hover{
					background:url(images/icon_02.gif) no-repeat left 6px;
					}
	#latestproduct{
	margin:0px auto;
	border:solid 1px #3c5274;
	padding:1px;
	clear:both;
	}
		.latestproductbg{
		height:27px;
		background: url(images/tittlebg.gif);
		}
			.latestproducttil{
			width:894px;
			margin:0px auto;
			
			}
			.lefttill{
			background:url(images/icon.gif) no-repeat left 6px;
			padding-top:2px;
			font-weight: bold;
			padding-left:10px;
			float:left;
			width:600px;
			}
	.NewProMain {
		width:904px;
		margin:0px auto;
		clear:both;
	}
	.NewPro{
	width:129px;
	float:left;
	margin:10px 9px 0px 9px;
	}
	.NewProB{
	width:129px;
	float:left;
	margin:10px 15px 0px 15px;
	}

	.NewProBox {
	border: 1px solid #196cc8;
	}
	.NewProTit {
	background:url(images/NewProTitBj.gif) no-repeat;
	width:115px;
	height:29px;
	line-height:20px;
	padding-left:15px;
	margin:1px 0px;
	color:#FFFFFF;
	text-align: center;
	padding-top:5px;
			}
	.bottomnavbg{
	margin:0px auto;
	border:solid 1px #3c5274;
	background:#233859;
	height:20px;
	clear:both;
	}
	.bottomnav{
	width:600px;
	height:20px;
	margin:0px auto;
	}
	.bottomnav li{
	width:120px;
	float:left;
	}
	.bottomnav li a{
			display:block;
			height:20px;
			line-height:20px;
			text-align:center;
			color: #FFFFFF;
			padding-top:3px;
	}
	.bottomnav li a:hover{
	color:#0099CC;
	}
	#in{
		margin:0px auto;
		width:904px;
	}
		.inle{
		width:904px;
		background:url(images/bg.gif) repeat-y;
		clear:both;
		}
		.inleft{
		float:left;
		width:200px;
		}
			.inlftbor{
		}
			.serchbor{
			border:solid 1px #3c4b66;
			width:187px;
			padding:1px;
			clear:both;
			height:25px;
			}
			.serchbg{
			background:url(images/tittlebg.gif);
			clear:both;
			height:25px;
			}
			
			.tilbor{
			border:solid 1px #3c4b66;
			width:187px;
			padding:1px;
			clear:both;
			height:25px;
			margin-top:2px;
			}
			.tilbg{
			background:url(images/tittlebg.gif);
			clear:both;
			height:25px;
			padding-left:5px;
			}
			.tilicobg{
			background:url(images/icon.gif) no-repeat left 6px;
			clear:both;
			height:25px;
			padding:2px 0px 0px 10px;
			font-weight: bold;
			}
			.leftnav{
			border:solid 1px #3c4b66;
			width:187px;
			padding:1px;
			clear:both;
			margin-top:2px;
			background:#233859;
			margin-bottom:5px;
			}
			.leftnav ul{
			padding:0px 0px 10px 5px;
			}
			.leftnav a{
			background:url(images/icon_01.gif) no-repeat left 6px;
			line-height:23px;
			height:23px;
			text-decoration: none;
			border-bottom-width: 1px;
			border-bottom-style: solid;
			border-bottom-color: #3c4b66;
			color: #FFFFFF;
			width:175px;
			display: block;
			}
			.leftnav a:hover{background:url(images/icon_02.gif) no-repeat left 6px;
			}
			
			
			/*<---------------------------------产品目录------------------------->*/
			#LeftMenu{
		width:185px;
		float:left;
	}
		.LeftMenuTit {
			padding-left:10px;
			color:#FFFFFF;
			line-height:25px;
			margin:1px 0px;
		}
			.LeftMenuTit a,.leftnav a:link {
				color:#FFFFFF;
			}
			.LeftMenuTit a:hover {
				color:#000000;
			}
	#menu {
		width:180px;
		line-height: 22px; 
		list-style-type: none;
		text-align:left;
		 /*定义整个ul菜单的行高和背景色*/
	}
	
	/*==================一级目录===================*/
	#menu li a {
		width: 160px; 
		display: block;
		line-height:23px;
		padding-top:0px !important;
		height:23px !important;
		height:17px;
		padding-top:5px;
		padding-left:12px;
		background:url(images/icon_01.gif) no-repeat left 10px;
		/*Width(一定要)，否则下面的Li会变形*/
	}
	
	#menu li {
		float:left;
		/*float：left,本不应该设置，但由于在Firefox不能正常显示
		继承menu的width,限制宽度，li自动向下延伸*/
	}
	
	#menu li a:hover{
/*一级目录onMouseOver显示的背景色*/
		background:url(images/icon_02.gif) no-repeat left 10px;
	}
	
	#menu li a:link {
		color:#FFFFFF;
		text-decoration:none;
	}
	#menu li a:hover {
		color:#196cc8;
		text-decoration:none;
	}
	
	/*==================二级目录===================*/
	#menu li ul {
		list-style:none;
		text-align:left;
	}
	#menu li ul li{ 
		background: #233859;/*二级目录的背景色*/
	}
	
	#menu li ul li a{
		 padding-left:15px;
		 width:150px;
		 background:url(images/icon_03.gif) no-repeat left 12px;
		/* padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/
	}
	
	/*下面是二级目录的链接样式*/
	
	#menu li ul li a:link {
		color:#FFFFFF;
		text-decoration:none;
	}
	#menu li ul li a:hover {
		color:#ffffff;
		text-decoration:none;
		background:url(images/icon_04.gif) no-repeat left 12px #14397d;
		/* 二级onmouseover的字体颜色、背景色*/
	}
	
	/*==============================*/
	#menu li:hover ul {
		left: auto;
	}
	#menu li.sfhover ul {
		left: auto;
	}

	#menu ul.collapsed {
		display: none;
	}
	
	
	
	/*<---------------------------------产品目录------------------------->*/
	
			
		.inrigt{
	float:left;
	width:698px;
	margin-left:0px;
		}
			.datile{
	color:#bed2ec;
	font-family: "黑体";
	font-size: 30px;
	clear:both;
	height:40px;
	padding:15px 5px 5px 0px;
	line-height:30px;
			}
			.text{
			padding:5px 2px 10px 10px;
			}
		.proPath{
	width:670px;
	height:20px;
	padding-right:16px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #3c5274;
	border-bottom-color: #3c5274;
	text-align: right;
		}
		.vienewsA{
	width:450px;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #3c5274;
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
		}
		.vienewsB{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #3c5274;
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	line-height:20px;
		}
		.viewnews{
		}
			.viewnews ul{
			width:600px;
			}
			.viewnews li{
			}
			.viewnews li a{
			background:url(images/icon_03.gif) no-repeat left 10px;
			line-height:23px;
			height:23px;
			text-decoration: none;
			border-bottom-width: 1px;
			border-bottom-style: solid;
			border-bottom-color: #3c4b66;
			color: #FFFFFF;
			width:670px;
			display: block;
			padding-left:10px;
			}
			.viewnews li a:hover{
			background:url(images/icon_04.gif) no-repeat left 10px;
			}



/*----------------------------------------------------------footer*/	

#footer {
	color:#999999;
	clear:both;
}
