@charset "utf-8";
/* CSS Document */
#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 {
	font-family: Verdana;
	font-size:12px;
	line-height:180%;
	margin:0px;
	padding:0px;
	background:url(../images/bj.jpg) repeat-x center top #f9f9f9;
}

img {
	border:0px;
}

a,a:link {
	text-decoration: none;
	color:#FF6600;
}
a:hover {
	color:#fff;
	background:#FF6600;
}

ul {
	margin:0px;
	padding:0px;
}
li {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

input,select {
	font-family:Arial;
	font-size:12px;
	line-height:15px;
	color:#7e7e7e;
}


/*----------公用------------*/

.clear {
	clear:both;
}

.ADRight{
		width:100px;
		height:310px;
		float:right;   
		position:fixed !important;
		top/**/:130px !important;
		top/**/:300px;   
		position:absolute; 
		z-index:2; 
		top:expression(offsetParent.scrollTop+37) !important;
		top:expression(offsetParent.scrollTop+137);
		right:1%;
}

.OnlineSales{
		width:100px;
		height:100px;
		float:right;   
		position:fixed !important;
		top/**/:450px !important;
		top/**/:300px;   
		position:absolute; 
		z-index:2; 
		top:expression(offsetParent.scrollTop+457);
		right:1%;
}

.ADLeft{
		width:100px;
		height:310px;
		float:right;   
		position:fixed !important; 
		top/**/:130px !important;
		top/**/:300px;   
		position:absolute; 
		z-index:2; 
		top:expression(offsetParent.scrollTop+37) !important;
		top:expression(offsetParent.scrollTop+137);
		left:1%;
}


.button {
	height:25px;
	line-height:20px;
	width:70px;
}

/*END*/



#header {
	padding:5px 0px;
	width:1002px;
	margin:0 auto;
}
	.logo {
		float:left;
		padding-left:10%;
	}
	.logoGree {
		float:right;
		padding-right:10%;
	}

/*------------------导航----------------------*/

#TopNav {
	background:url(../images/NavBJ.gif) repeat-x;
	height:46px;
}
	#nav {
		width:780px;
		margin:0px auto;
		padding:0px 3px;
	}
		#nav li {
			float:left;
			width:86px;
			font-size:12px;
			font-weight:bold;
		}
		#nav li a {
			display:block;
			line-height:39px;
			color:#ffffff;
			height:39px;
			text-align:center;
		}
		#nav li a:hover {
			color:#ffffff;
			background:#e63500;
		}
		#nav li ul {
			list-style-type: none;
			text-align:left;
			left: -999em;
			width: 100px; 
			position: absolute;
			margin:0px;
		}
		#nav li ul li{
			width: 100px;
			background-color:#cccccc;
			float: left;
		}
		
		
		#nav li ul a{
			display: block;
			width: 90px;
			text-align:left;
			padding:0px 5px;
			height:25px;
			line-height:25px;
			font-weight:normal;
		}
		
		#nav li ul a:link  {
			color:#000;
			text-decoration:none;
		}
		#nav li ul a:visited  {
			color:#000;
			text-decoration:none;
		}
		#nav li ul a:hover  {
			color:#ffffff;
			text-decoration:none;
			background: #FF6600;
			font-weight: normal;
			height:25px;
			line-height:25px;
		}
		
		#nav li:hover ul {
			left: auto;
		}
		#nav li.sfhover ul {
			left: auto;
		}

/*------------------end*/



#content {
	width:780px;
	margin:0px auto;
}

	.banner {
		padding:5px 0px;
		clear:both;
	}
	.BaiduSearch {
		background:#ff6f25;
		color:#FFFFFF;
		padding:2px 10px;
	}


#left {
	float:left;
	width:220px;
}
		
		#search {
			background: url(../images/searchBJ.gif) no-repeat;
			width:200px;
			height:203px;
			padding:40px 10px 0px 10px;
			color:#FFFFFF;
		}
		
		
		.Sidebar {
			padding-bottom:10px;
		}
			.SidebarTitle {
				background:url(../images/columnTop.gif) no-repeat;
				width:200px;
				height:26px;
				font-size:14px;
				padding:0px 10px;
				font-weight:bold;
				line-height:26px;
			}
			.SidebarMenu {
				border-bottom: solid 1px #ff7321;
				border-left: solid 1px #ff7321;
				border-right: solid 1px #ff7321;
				background:#ffffff;
			}
				.SidebarMenu ul {
					background:#ccc;
					line-height:25px;
					margin-bottom:10px;
				}
				.SidebarMenu ul b {
					padding-left:10px;
				}
				.SidebarMenu li {
					background:#fff;
				}
				.SidebarMenu li a {
					color:#000000;
					display:block;
					line-height:25px;
					height:25px;
					padding-left:30px;
					border-bottom:solid 1px #ccc;
					background: url(../images/ico_LeftMenu2.gif) no-repeat 15px center;
				}
				.SidebarMenu li a:hover {
					font-weight:bold;
					color:#FF6600;
					background: url(../images/doubleright.gif) no-repeat 10px center #ededed;
				}
	
			#menu {
			width:218px;
			line-height: 22px; 
			list-style-type: none;
			text-align:left;
			 /*定义整个ul菜单的行高和背景色*/
			}
			
			/*==================一级目录===================*/
			#menu li a {
				width: 188px; 
				display: block;
				padding-left:30px;
				line-height:22px;
				padding-top:0px !important;
				height:22px !important;
				height:17px;
				padding-top:5px;
				background: url(../images/ico_LeftMenu2.gif) no-repeat 15px center;
				/*Width(一定要)，否则下面的Li会变形*/
			}
			
			#menu li {
				float:left;
				/*float：left,本不应该设置，但由于在Firefox不能正常显示
				继承menu的width,限制宽度，li自动向下延伸*/
			}
			
			#menu li a:hover{
		/*一级目录onMouseOver显示的背景色*/
				background:#ededed;
				background: url(../images/doubleright.gif) no-repeat 10px center #ededed;
			}
			
			#menu li a:link {
				color:#666;
				text-decoration:none;
			}
			#menu li a:hover {
				color:#FF6600;
				text-decoration:none;
			}
			
			/*==================二级目录===================*/
			#menu li ul {
				list-style:none;
				text-align:left;
			}
			#menu li ul li{ 
				background: #f2f2f2;/*二级目录的背景色*/
			}
			
			#menu li ul li a{
				 padding-left:50px;
				 width:168px;
				 background: url(../images/ico_pro.gif) no-repeat 30px center;
				 border-bottom: solid 1px #f2f2f2
				/* padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/
			}
			
			/*下面是二级目录的链接样式*/
			
			#menu li ul li a:link {
				color:#666;
				text-decoration:none;
			}
			#menu li ul li a:hover {
				color:#FF6600;
				text-decoration:none;
				background:url(../images/ico_pro.gif) no-repeat 30px center #ccc;
				/* 二级onmouseover的字体颜色、背景色*/
			}
			
			/*==============================*/
			#menu li:hover ul {
				left: auto;
			}
			#menu li.sfhover ul {
				left: auto;
			}
		
			#menu ul.collapsed {
				display: none;
			}							
				
			.online {
				background:#FFFFFF;
				border:solid 1px #cccccc;
				padding:5px;
			}
		
		
#right {
	float:right;
	width:550px;
}
	
	.ADFlash {
	}
	
	.Main {
		border: solid 1px #ccc;
		background:#FFFFFF;
	}
		.columnBox {
			padding-left:10px;
		}
		.column {
			background:url(../images/columnTitleBj.gif) repeat-x;
			padding:0px 10px;
			width:220px;
			height:22px;
			font-size:14px;
			font-weight:bold;
			color:#FFFFFF;
			line-height:22px;
		}
			.column b {
				font-size:10px;
			}

		.MainContent {
			padding:10px;
		}


/*------------------------产品*/		
			.NewPro {
				float:left;
				width:250px;
				padding:40px 5px;
			}
			.pro {
				float:left;
				width:250px;
				padding:10px 5px;
				height:240px;
			}
			.ProSubnav {
				border-bottom:solid 1px #7e7e7e;
				color:#7e7e7e;
			}
			.ProSubnav a {
				color:#000000;
			}
				.ProInfo {
				}
				.ProTitle {
					color:#11653a;
					line-height:16px;
					padding-bottom:10px;
					font-weight:bold;
				}
				.ProPrices {
					color:#7e7e7e;
					line-height:20px;
				}
			
			.ProShow {
				padding-top:20px;
			}
			
			.xts {
				background:url(../images/proShowJiao.gif) no-repeat right bottom #c1f45f;
				margin:2px;
				padding:5px;
			}
			
			
			.ProSales {
			}
			.ProSalesImg {
			}



.NewsMain {
}
	.NewNews {
		float:left;
		width:380px;
		padding-bottom:10px;
	}
	.NewsColumn {
		background:#FF6600;
		padding:2px 10px;
		color:#FFFFFF;
		font-weight:bold;
	}
	.NewsColumn2 {
		background:#688f0e;
		padding:2px 10px;
		color:#FFFFFF;
		font-weight:bold;
	}
	.NewsColumn a {
		color:#FFFFFF;
	}
	.NewsColumn2 a {
		color:#FFFFFF;
	}
		.NewsTitle a {
			color:#000000;
			padding-left:30px;
			background:url(../images/ico_News.gif) no-repeat 10px center;
		}
		.NewsTitle a:hover {
			background:#ededed;
			color:#000000;
			padding-left:30px;
			background:url(../images/ico_News.gif) no-repeat 10px center;
			text-decoration:underline;
		}
		
		.NewsTitleBorder {
			height:320px;
		}
		.NewsTitleBorder td {
			border-bottom:solid 1px #ccc;
		}
		
	
	.NewsShow {
		padding:10px 0px;
	}
	.NewsShowTitle {
		padding:10px 0px;
		font-size:14px;
		font-weight:bold;
	}




.footer {
	background:#ededed;
	border-top: solid 2px #7e7e7e;
	padding:5px 0px;
}