@charset "gb2312";
/** common **/
body,td,th {
	font:12px/20px  Arial, Verdana, Helvetica,"宋体";
	color: #333333;	
	background:url(../images/bg.jpg) repeat-x left top;
	margin: 0px;
	padding: 0px;
}
/***link CSS***/
a:link {
	color: #1b5fb4;
	text-decoration: none
}
a:visited {
	color:#1b5fb4;
    text-decoration: none
}
a:hover {
	color:#ff7200;
    text-decoration: underline
}
a:active {
	color:#5B144E;
	text-decoration: none
}
table {
    border:0;
    border-spacing:0;
    border-collapse: collapse; 
}
table,tr,th {
    border: solid 1px #cbdae7 ; 
	height: 26px;
}
table,td,th{
	padding-right:4px;
	padding-left:4px
	}
th{
	font-weight:bold;
	color:#385d7a;
	background:url(../images/tabtit.gif) repeat-x left top;
	}
caption{
	font-size:14px;
	line-height:26px;
	color:#31598d;
	font-weight:bold;
 	background: url(../images/titleh3.jpg) no-repeat -2px top;
	text-align:left;
	text-indent:8px
	}
/***ul dl li dd dt定义***/
ul,ol,dl,li,dd,dt{
	margin:0px;
	padding:0px;
	list-style: none;
}
h1,h2,h3,h4,h5,p,form,span{
	margin:0px;
	padding:0px;
}
img{border:0px}
/***表单定义***/
input,select{
	font-size:12px;
    color:#373737;
    vertical-align:middle;
}
label{vertical-align:middle}
img{border:0px}
iframe{
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border: none;
}
/***topNav CSS***/	
.topNav{
	line-height:32px;
	background: url(../images/background.png) repeat-x 0% -32px;
	width:962px;
	height:32px;
	margin:0 auto;
	position:relative;		
	}
	.topNav .bgL{
		background: url(../images/background.png) repeat-x 0% 0%;
		width:4px;
		height:32px;
		position:absolute;
		left:0;
		top:0
		}
	.topNav .bgR{
		background: url(../images/background.png) repeat-x 0% -64px;
		width:4px;
		height:32px;
		position:absolute;
		right:0;
		top:0
		}
	.loginBar{
		 font-size:14px;
		 color:#aaa;
		 height:32px;
		 position:absolute;
		 left:10px;
		 _top:2px
		 }
		 .loginBar a:link,.loginBar a:visited {
			 	  font-weight:bold;
				  color: #f00;
				  margin:0 5px
				  }
         .loginBar a:hover {
				  color:#dd6215
				  }
		.loginInput {
			font-size:12px;
			color:#7f7f7f;
			background-color:#fbfbfb;
			width: 100px;
			padding:3px;
			border: 1px solid #88c3e5;
			}
		.loginout{
			font-size: 12px;
			line-height:22px;
			color: #fff;
			background:transparent url(../images/buttonbg.gif) no-repeat left -44px;	
			text-align: center;
			height: 22px;
			width: 57px;
			border: none;
		}
		.loginmove{
			font-size: 12px;
			line-height:22px;	
			color: #a5f8ff;
			background:transparent url(../images/buttonbg.gif) no-repeat left -66px;		
			text-align: center;	
			width: 57px;
			height: 22px;
			border: none;
		}
.search{
		 background:url(../images/searchBg.gif) no-repeat left top;
		 width:384px;
		 height:28px;
		 position:absolute;
		 right:90px;
		 top:1px
		 }	
		.searchInput{
			line-height:24px;
			font-size:14px;
			color:#989898;
			background:transparent;
			width:276px;
			height:24px;
			padding:6px 19px 0 19px;
			padding:2px 19px 0 19px\9;
			*padding:-2px 19px 1px 19px;
			border: none;
			overflow:hidden;
			}
.searchBut{
	background:transparent url(../images/searchButton.gif) no-repeat left top;
	}
a.searchBut{
	display:block;
	width:62px;
	height:23px;
	background-position: 0% 0%;
	position:absolute;
	top:2px;
	_top:3px;
	right:20px;
}
a.searchBut:hover{
	background-position: 0% 0%;
}
#buyButton{
		 width:63px;
		 height:28px;
		 position:absolute;
		 right:20px;
		 top:3px		 		 	
	     }
/*	.subNav{
		 color:#aaa;
		 height:32px;
		 position:absolute;
		 right:10px;
		 }
		 .subNav a:link,.subNav a:visited  {
				  color: #606060;
				  margin:0 5px
				  }
         .subNav a:hover {
				  color:#f00
				  }*/
/***header CSS***/
#header{
    color:#666;
	background: url(../images/background.png) repeat-x 0% -96px;
	width: 962px;
	height:94px;
	margin:0 auto;
	position:relative
}
#header #logo{
	     background: url(../images/logo.gif) no-repeat 0% 0%;
	     text-indent:-1000px;
		 width:242px;
		 height:94px;
		 overflow:hidden;
		 position:absolute;
		 left:0px;
		 top:0px
		 }
		 #header #logo a{
			 display:block;
			 width:242px;
			 height:94px
			 }
#header #banner{
	     background: url(../images/banner.gif) no-repeat 0% 0%;
		 width:338px;
		 height:66px;
		 overflow:hidden;
		 position:absolute;
		 right:0px;
		 top:20px
		 }
/***mainNav css***/		 
#mainNav{
	font: bold 15px/41px "微软雅黑";
	color:#fff;
	background:url(../images/menu.jpg) no-repeat left top;
	width:962px;
	height:41px;
	margin:0 auto 6px auto;
	}
   #mainNav li{
	    line-height:41px;
		color:#fff;
		width:auto;
		width:105px;
		height:41px;
		float:left;
		padding-left:55px;
		}
			#mainNav li a{
				color:#fff;	
				}
			#mainNav li a:hover{
				color:#fff;
			    text-decoration:none;				
				}	
/***currentPath css***/	
.currentPath{
	line-height:35px;
	background: url(../images/background.png) repeat-x 0% -290px;
	width:962px;
	height:35px;
	margin:0 auto;
	position:relative;		
	}
	.currentPath strong{
		font-size:15px;
		font-family:"微软雅黑";
		color:#fff;
		background: url(../images/buttonBg01.png) no-repeat 0% -181px;
		text-indent:30px;
		width:192px;
		height:35px;
		position:absolute;
		left:0;
		top:0
		}
	.currentPath .bgR{
		background: url(../images/background.png) no-repeat 0% -325px;
		width:4px;
		height:35px;
		position:absolute;
		right:0;
		top:0
		}
	.currentPath p{
		width:auto;
		position:absolute;
		left:200px;
		top: 1px;
		}
		.currentPath p em{
			font-family: Arial, Helvetica, sans-serif;
			font-size:12px;
			font-style:normal
			}
	.currentPath a{
		margin-right:4px
		}
.regOut{
	font-size: 15px;
	line-height:32px;
	font-weight:bold;
	color: #fff;
	background:transparent url(../images/buttonBg01.png) no-repeat left top;	
	text-align: center;
	height: 32px;
	width: 88px;
	border: none;
}
.regMove{
	font-size: 15px;
	line-height:32px;	
	font-weight: bold;
	color: #a5f8ff;
	background:transparent url(../images/buttonBg01.png) no-repeat left -32px;		
	text-align: center;	
	width: 88px;
	height: 32px;
	border: none;
}
/***footer***/
#footer{
	color:#828282;
	background: url(../images/footer.gif) no-repeat left top;
	text-align: center;
	width: 962px;
	height:70px;
	padding:6px 0;
	margin:0 auto;	
	clear: both;
	overflow: visible;
}
#footer a{
	color:#656565
	}
#footer .link{
	padding:3px;
	border-top: 1px solid #fff
	}	
/***main css***/
.line01{
	margin:5px auto;
	border-top: 1px solid #cdd2e4;
	border-bottom: 1px solid #fff;
}
.line02{
	height:auto;
	margin:5px auto;
	border: 1px solid #cdd2e4;
	overflow:auto
}
.line03{
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #fff;
	margin-bottom:5px;
}
.spaceheight{padding:4px;clear: both;}
/***input CSS***/
.input01,.input02,.input03,.input04{
	line-height:18px;
	color:#3b3b3b;
	background:#fff url(../images/inputbg.gif) repeat-x left 1px;	
	height:18px;
	_margin-top:4px;
	padding:1px 5px 1px 3px;
	border:1px solid #7bc2dc;
	overflow:hidden;
	}
.input01{
	width:140px;
	}
.input02{	
	width:70px;	
	}
.input03{
	width:200px;
	}
.input04{
	width:350px;
	}
.textarea01{
	width:350px;
	height:40px;
	padding:1px 5px 1px 3px;
	border:1px solid #7bc2dc;
	}
.textarea02{
	width:700px;
	height:150px;
	padding:1px 5px 1px 3px;
	border:1px solid #79abdb;
	}
.textarea03{
	width:580px;
	height:120px;
	padding:1px 5px 1px 3px;
	border:1px solid #79abdb;
	}
.select01{
	font-size: 12px;
	line-height:20px;
	width: 210px;
	height:22px;
	padding:1px;
	margin:3px 0;
	border: 1px solid #7aacdb;
    overflow:hidden;
}
.select01 select {
	line-height:20px;
    width:212px; 
    margin:-1px;
}
.select02{
	font-size: 12px;
	line-height:20px;
	width: 103px;
	height:22px;
	padding:1px;
	margin:3px 0;
	border: 1px solid #7aacdb;
    overflow:hidden;
}
.select02 select {
	line-height:20px;
    width:105px; 
    margin:-1px;
}
/*input*/
.inputOn{
	line-height:18px;
	width:180px;
	height:18px;
	padding:2px 8px 0px 3px;
	border:1px solid #09bc48;
	background-color:#ffc;
	}
.inputOff{
	line-height:18px;
	width:180px;
	height:18px;
	padding:2px 8px 0px 3px;
	border:1px solid #7bc2dc;
	background-color:#fff;
	}
.inputMove{
	line-height:18px;
	width:180px;
	height:18px;
	padding:2px 8px 0px 3px;
	border:1px solid #09bc48;
	background-color:#ffc;
	}
.inputOut{
	line-height:18px;
	width:180px;
	height:18px;
	padding:2px 8px 0px 3px;
	border:1px solid #7bc2dc;
	background-color:#fff;
	}
.inputOn01{
	line-height:18px;
	width:80px;
	height:18px;
	padding:2px 8px 0px 3px;
	border:1px solid #09bc48;
	background-color:#ffc;
	}
.inputOff01{
	line-height:18px;
	width:80px;
	height:18px;
	padding:2px 8px 0px 3px;
	border:1px solid #7bc2dc;
	background-color:#fff;
	}
.inputMove01{
	line-height:18px;
	width:80px;
	height:18px;
	padding:2px 8px 0px 3px;
	border:1px solid #09bc48;
	background-color:#ffc;
	}
.inputOut01{
	line-height:18px;
	width:80px;
	height:18px;
	padding:2px 8px 0px 3px;
	border:1px solid #7bc2dc;
	background-color:#fff;
	}
.buttonOut{
	font-size: 12px;
	line-height:24px;
	color: #973900;
    background:url(../images/buttonBg01.gif) no-repeat -368px -191px;	
	text-align: center;
	height: 24px;
	width: 64px;
	border: none;
}
.buttonMove{
	font-size: 12px;
	line-height:24px;	
	color: #513609;
    background:url(../images/buttonBg01.gif) no-repeat -368px -191px;		
	text-align: center;	
	width: 64px;
	height: 24px;
	border: none;
}
/*Element Css*/
.zlChoseCard
{
	font-size:14px;
	font-family:微软雅黑;
	font-weight:bold;
	padding:15px;
}
.zlChoseCard img
{
	float:right;
}
.zlChoseCard input
{
	float:left;margin-left:120px;margin-top:15px;
}


#hoverpage ul#outer li div p {font-size:12px; line-height:16px; margin:5px 0 15px 0;}
#hoverpage ul#outer li div h3 {line-height:1.2em; color:#585; font-size:1.5em; font-weight:normal; margin-top:0; font-family:verdana, sans-serif; margin-bottom:10px; font-weight:bold}
#hoverpage ul#outer li div h3.clear {clear:left;}


#hoverpage {width:600px; height:450px; border:1px solid #aaa; background:#fff; position:relative; z-index:500; overflow:hidden; text-align:left; margin:0 auto; margin-top:10px;}
#hoverpage table {border-collapse:collapse; margin:-1px;}
#hoverpage ul#outer {background:transparent; padding:0; margin:0;list-style:none;}

#hoverpage ul#outer li.page {display:inline;} /* needed for IE to function correctly */

#hoverpage ul#outer li.page a.menuitem {text-decoration:none;}

#hoverpage ul#outer li.page i {position:absolute; display:block; height:25px; right:500px; background:transparent; cursor:default; z-index:100; text-align:right; text-decoration:none; color:#080; font-style:normal; font-size:14px; cursor:pointer;}

#hoverpage ul#outer li.p1 i {top:30px;}
#hoverpage ul#outer li.p2 i {top:55px;}
#hoverpage ul#outer li.p3 i {top:80px;}
#hoverpage ul#outer li.p4 i {top:105px;}
#hoverpage ul#outer li.p5 i {top:130px;}


#hoverpage ul#outer li.page div {display:block; width:600px; height:400px; padding:25px; font-weight:normal; color:#444;}
#hoverpage ul#outer li.p1 div {background:#fff  url(../images/page1_back.jpg)}
#hoverpage ul#outer li.p2 div {background:#fff url(../images/page1_back.jpg);}
#hoverpage ul#outer li.p3 div {background:#fff url(../images/page1_back.jpg);}
#hoverpage ul#outer li.p4 div {background:#fff url(../images/page1_back.jpg);}
#hoverpage ul#outer li.p5 div {background:#fff url(../images/page1_back.jpg);}

#hoverpage ul#outer li div img {border:1px solid #888; float:right; margin:0 10px 5px 0;}
#hoverpage ul#outer li div p.big {line-height:1em; color:#004; font-size:1.5em;}
#hoverpage ul#outer li div a {color:#00c; text-decoration:underline;}
#hoverpage ul#outer li div em {display:block; width:190px; height:230px; float:left; background:transparent url(../images/current.gif) no-repeat; margin-right:10px;}

#hoverpage ul#outer li.p1 div em {background-position: 21px 0;}
#hoverpage ul#outer li.p2 div em {background-position: 21px 25px;}
#hoverpage ul#outer li.p3 div em {background-position: 21px 50px;}
#hoverpage ul#outer li.p4 div em {background-position: 21px 75px;}
#hoverpage ul#outer li.p5 div em {background-position: 21px 100px;}

#hoverpage ul#outer li.page div a:hover {text-decoration:none;}

#hoverpage ul#outer li.page a:hover {white-space:normal;} /* for IE6 */

#hoverpage ul#outer :hover div {position:absolute; left:0; top:0;}
#hoverpage ul#outer a:hover i {color:#66a; font-weight:bold;} /* for IE6 */
#hoverpage ul#outer :hover a i {color:#66a; font-weight:bold;}
#hoverpage ul#outer div ul li {line-height:20px; font-size:1em; color:#256; list-style-type:disc; float:left; width:140px; }
#hoverpage ul#outer div ul li a {line-height:20px; font-size:1.1em; color:#005eac;text-decoration:none}

#hoverpage ul#outer div dl dd {line-height:20px; font-size:1.1em; color:#448;}
#hoverpage ul#outer div dl dt {line-height:30px; font-size:1.3em; color:#333;}

/*Element Css*/