﻿/* CSS Document */

/*----------------------------------------------------------------------------

	*fileName					index.css
	*description   				single CSS
	*version 					2		(2009-09-06)
	*website					http://www.husteye.cn
	*author						yyznl@126.com
	====================STRUCTURE:============================================
	
	*pageWidth:950px;
	*numberofColumns:1-1-1-2-1-1
	------------------------------------------------------------------------*/


body,div,ul,li,h1,h2,h3,form,p{
	margin:0px;
	padding:0px;
	}	
body{
	font-size:12px;
	background:url(../images/body.gif) top repeat-x;
	background-color:#fff;
	padding-bottom:30px;
	}
ul,li{
	list-style-type:none;
	}
a,a:link{
	text-decoration:none;
	color:#2630ac;
	}
a:hover{
	text-decoration:underline;
	color:#006;
	}
img{
	border:0px;
	}
.cleanner{
	clear:both;
	}

/*----------------------------------wrapper start----------------------------*/
#wrapper{
	width:900px;
	margin:0px auto;
	}
/*------------------------------上方导航条，logo，百度，天气---------------------*/
#topNav{
	padding:10px 0px;
	position:relative;
	}
	#topNav .text{
		padding-left:15px;
		font-size:15px;
		font-family:"微软雅黑","黑体";
		color:#8F8F8F;
		background:none;
		}
	.textBox{
		height:20px;
		border:none;
		background:url(../images/input2.gif) top left repeat-x;
		border-left:2px solid #ECECEC;
		font-size:16px;
		color:#39F;
		font-weight:bold;
		}
	.select{
		width:110px;
		height:20px;
		background:url(../images/input2.gif) top repeat-x;
		border:none;
		border-left:2px solid #ECECEC;
		position:relative;
		top:-3px;
		}
	.btn{
		background:url(../images/buttonBg.gif) no-repeat;
		width:88px;
		height:24px;
		border:none;
		font-size:12px;
		font-family:"微软雅黑","黑体";
		color:#333;
		}
	#topNav ul{
		float:right;
		width:200px;
		position:absolute;
		right:10px;
		top:14px;
		}
		#topNav ul li{
			float:left;
			padding:0px 5px;
			}
			#topNav ul li a{
				color:#929292;
				}
#logo{
	height:150px;
	background:url(../images/logoBg.gif) left bottom no-repeat;
	position:relative;
	}
	.husteye{
		display:block;
		width:220px;
		height:150px;
		position:absolute;
		top:0px;
		left:0px;
		background:url(../images/logo.gif) left top no-repeat;
		}
	.imgContainer{
		position:absolute;
		right:0px;
		top:12px;
		}
#backGroundContainer{
	background:url(../images/searchAndWeatherBgCenter.gif) center top repeat-y;
	}
#searchAndWeather{
	height:90px;
	background:url(../images/searchAndWeatherBg.gif) center top no-repeat;
	border-bottom:1px solid #B9DBF3;
	}
	#search{
		width:650px;
		float:left;
		position:relative;
		margin:5px;
		}
		#SearchLogo{
			width:130px;
			margin:20px 0px 0px;
			display:block;
			position:absolute;
			left:0px;
			top:0px;
			text-align:center;
			}
		#text{
			width:520px;
			position:absolute;
			left:130px;
			top:0px;
			}
			#text ul{
				padding:10px 0px 10px 10px;
				}
				#text ul li{
					padding:4px 6px;
					float:left;
					}
					#text ul li a,#text ul li a:link{
						color:#003399;
						text-decoration:none;
						font-size:14px;
						font-weight:bold;
						font-family:"微软雅黑","黑体";
						}
					#text ul li a:hover{
						color:#333;
						text-decoration:none;
						}
				#text .choosen{
						color:#333;
						text-decoration:none;
						}
				#textBox{
					width:295px;
					height:25px;
					padding:2px 0px 0px 6px;
					border:0px solid #fff;
					background:url(../images/textBoxBg.gif) left top no-repeat;
					color:#069;
					font-size:14px;
					font-weight:500;
					font-family:"微软雅黑","黑体";
					}
				#text p{
					margin-top:10px;
					color:#666;
					}
			#textBoxAndBtn{
				clear:left;
				}
		
	#wheather{
		width:250px;
		float:right;
		}
		#wheather ul li{
			width:60px;
			margin-top:10px;
			float:left;
			text-align:center;
			color:#4da9d4;
			font-family:"微软雅黑","黑体";
			}
		#first{
			padding-top:40px;
			/*background:url(../images/whtq.gif) 10px 5px no-repeat;*/
			}
		#wheather ul li img{
			margin:6px 10px;
			width:40px;
			height:40px;
			}
/*---------------------------------------------主导航栏-------------------------------------*/
#mainLeft{
	width:235px;
	float:left;
	}
	.leftBox{
		margin:8px 0px 0px;
		}
		.leftBox h2{
			height:40px;
			background:url(../images/titleBg.gif) center top no-repeat;
			color:#FFF;
			font-family:"微软雅黑", "黑体";
			line-height:40px;
			font-size:16px;
			padding-left:10px;
			position:relative;
			}
			.leftBox h2 span{
				position:absolute;
				right:10px;
				top:5px;
				display:block;
				width:43px;
				height:28px;
				background:url(../images/rss.gif) left top no-repeat;
				line-height:28px;
				text-align:center;
				font-size:14px;
				}
				.leftBox h2 span a,.leftBox h2 span a:link{
				line-height:28px;
				font-size:14px;
				color:#FFF;
				}
			.leftBox ul{
				padding:5px 5px 0px 10px;
				background:url(../images/leftBoxBg.gif) left top repeat-y;
				}
			.leftBox ul li{
				height:24px;
				line-height:24px;
				background:url(../images/dot.gif) bottom left repeat-x;
				}
			.leftBox ul .last{
				background:url(../images/lastLiBg.gif) left bottom no-repeat;
				padding-bottom:5px;
				}
				.leftBox ul li a,.leftBox ul li a:hover{
					color:#CF650F;
					font-size:14px;
					}
				.leftBox ul li a:hover{
					color:#CF650F;
					}
				#products ul li a,.leftBox ul li a:hover{
					color:#333;
					font-size:14px;
					}
				#products ul li a:hover{
					color:#CF650F;
					}
			#products ul{
				padding:0px 10px 0px;
				}
			#products ul li{
				padding-right:10px;
				margin-right:10px;
				
				}
				.blank{font-size:14px;
				color:#333;}
#mainRight{
	width:654px;
	float:right;
	background:url(../images/zdhls.gif) -654px repeat-y;
	}
	.linksInLine{
		padding:0px 0px 0px 15px;
		height:24px;
		line-height:20px;
	}
.links{
	text-align:center;
	}
.links table{
	width:95%;
	}
	.links table td{
		height:35px;
		line-height:35px;
		}
	.links a{
		font-size:16px;
		font-family: "宋体","微软雅黑";
		
		}
	.linksInLine span{
		float:left;
		font-size:14px;
		color:#075D9A;
		}
		.linksInLine ul li{
				float:left;
				padding:0px 7px;
				}
			.linksInLine ul li a,.linksInLine ul li a:link
			{
			    color:#CF6510;
			    font-size:14px;
			    }
	#mainNav{
		background:#FFF;
		height:50px;
		margin:0px auto;
		}
	#navContainer{
		width:606px;
		margin:0px auto;
		}
		#navContainer ul li{
			float:left;
			display:block;
			width:101px;
			height:35px;
			}
			.nav{
				display:block;
				width:101px;
				height:35px;
				}
			.nav1{
				background:url(../images/navBg.gif) 0px 1px no-repeat;			
				}
			.nav1:hover{
				background:url(../images/navBg.gif) 0px -35px no-repeat;
				}
		    .nav1_s{
				background:url(../images/navBg.gif) 0px -35px no-repeat;
				}
			.nav2{
				background:url(../images/navBg.gif) -101px 1px no-repeat;
				}
			.nav2:hover{
				background:url(../images/navBg.gif) -101px -35px no-repeat;
				}
			.nav2_s{
				background:url(../images/navBg.gif) -101px -35px no-repeat;
				}
			.nav3{
				background:url(../images/navBg.gif) -202px 1px no-repeat;
				}
			.nav3:hover{
				background:url(../images/navBg.gif) -202px -35px no-repeat;
				}
		    .nav3_s{
				background:url(../images/navBg.gif) -202px -35px no-repeat;
				}
			.nav4{
				background:url(../images/navBg.gif) -303px 1px no-repeat;
				}
			.nav4:hover{
				background:url(../images/navBg.gif) -303px -35px no-repeat;
				}
			.nav4_s{
				background:url(../images/navBg.gif) -303px -35px no-repeat;
				}
			.nav5{
				background:url(../images/navBg.gif) -404px 1px no-repeat;
				}
			.nav5:hover{
				background:url(../images/navBg.gif) -404px -35px no-repeat;
				}
			.nav5_s{
				background:url(../images/navBg.gif) -404px -35px no-repeat;
				}
			.nav6{
				background:url(../images/navBg.gif) -505px 1px no-repeat;
				}
			.nav6:hover{
				background:url(../images/navBg.gif) -505px -35px no-repeat;
				}
			.nav6_s{
				background:url(../images/navBg.gif) -505px -35px no-repeat;
				}
	#mainLinks{
		background:url(../images/zdhls.gif) left top no-repeat;
		padding-top:10px;
		}

		.links{
			height:330px;
			}
		#mainFooter{
			background:url(../images/zdhls.gif) right bottom no-repeat;
			}
			
#coolWebsite{
	width:950px;
	height:513px;
	margin:0px auto;
	background:url(../images/coolWebsiteBg.gif) center top no-repeat;
	}
#coolContainer{
	width:900px;
	margin:0px auto;
	padding-top:70px;
	}
	.panel{
		width:225px;
		float:left;
		}
		.panel h3{
			background:url(../images/title_3.gif) center top no-repeat;
			height:35px;
			text-align:center;
			color:#FFF;
			font-family:"微软雅黑", "黑体";
			line-height:35px;
			letter-spacing:3px;
			font-size:15px;
			}
		.panel ul{
			margin:0px 0px 0px 20px;
		}
		.panel ul li a{
			font-size:14px;
			line-height:25px;
			color:#006;
			}
#footer{
	width:900px;
	margin:0px auto;
	padding-top:15px;
	background:url(../images/footerBg.gif) top left repeat-x;
	text-align:center;
	}
	#footer p{
		color:#1A8FD9;
		font-weight:500;
		font-family:"微软雅黑", "黑体";
		}
	#footer ul{
		width:300px;
		margin:0px auto;
		}
		#footer ul li{
			float:left;
			padding:2px 3px;
			}
			#footer ul li a,#footer ul li a:link{
				color:#1A8FD9;
				font-weight:500;
				font-family:"微软雅黑", "黑体";
				}
				
				
				
#UrlMenu input
{
    background-color: #FFF5A0;
    cursor: pointer; 
    padding-top: 4px; 
    width: 100%; 
    height: 100%; 
    border: 0;
}
#UpdateUrl
{
	width:300px;
	height:160px;
	background:url(../images/bg.gif) top left repeat-x;
	border:1px solid #bec8d1;
	font-size:14px;
	text-align:center;
	position:absolute;
	display:none;
	z-index:102;
}
#UpdateUrl table
{
width:260px;
margin-top:15px;
display:inline;
color:#666666;
}
#UpdateUrl_head
{
width:100%;
height:20px;
text-align:center;
color:#164883;
line-height:24px;
vertical-align:middle;
font-weight:bold;
}
.bt
{
width:75px;
height:20px;
float:left;
margin-left:50px;
margin-top:10px;
background:url(../images/bt_bg.gif) top left repeat-x;
border:1px solid #b7bcc2;
letter-spacing:10px;
color:#333333;
line-height:20px;
font-size:12px;
display:inline;
}
.bt a{width:75px;height:20px;text-decoration:none;}
.bt a:link{background:url(../images/bt_bg.gif) top left repeat-x;color:#333333; }
.bt a:hover{background:url(../images/bt_bg2.gif) top left repeat-x;color:#ffffff;}
