/* CSS Document */

/* ----------------- public ----------------- */
@import url("public.css");

/* ----------------- banner ----------------- */
#banner{
	position:relative;
	width:1000px;
	height:325px;
}
#banner img{
	position:absolute;
	top:0x;
	left:0px;
	width:1000px;
	height:325px;
	display:none;
	z-index:0;
}
#banner ul{
	position:absolute;
	top:300px;
	left:0px;
	width:1000px;
	height:25px;
	text-align:center;
	z-index:2;
}
#banner ul span{
	margin:0px 1px;
	padding:0px 5px;
	background:url(../image/banner_ico.gif) no-repeat 2px -19px;
	cursor:pointer;
}
#banner ul span.s{
	background:url(../image/banner_ico.gif) no-repeat 2px 5px;
}

/* ----------------- about ----------------- */
#about{
	margin-bottom:5px;
	width:1000px;
	height:345px;
	border-bottom:1px solid #E4E4E4;
}
#about .left{
	width:574px;
	height:345px;
	border-right:1px solid #E4E4E4;
	float:left;
}
#about .left .top{
	padding-top:10px;
	width:574px;
	height:270px;
}
#about .left .top img{
	width:560px;
	height:254px;
}
#about .left .bot{
	width:574px;
	height:45px;
}
#about .left .bot .l{
	padding-left:10px;
	width:80px;
	height:45px;
	color:#333333;
	font-size:14px;
	float:left;
}
#about .left .bot .c{
	width:410px;
	height:45px;
	line-height:20px;
	color:#999999;
	float:left;
}
#about .left .bot .r{
	padding:20px 19px 0px 0px;
	width:55px;
	height:25px;
	text-align:right;
	float:left;
}
#about .left .bot .r a{
	color:#F08005;
}
#about .left .bot .r a:hover{
	text-decoration:underline;
}
#about .right{
	width:425px;
	height:345px;
	float:left;
}
#about .right .top{
	width:425px;
	height:119px;
	border-bottom:1px solid #E4E4E4;
}
#about .right .top .t{
	padding:15px 0px 0px 25px;
	width:400px;
	height:35px;
	font-weight:bold;
}
#about .right .top .c{
	padding-left:25px;
	width:400px;
	height:69px;
	color:#F08005;
}
#about .right .top .c a{
	margin:0px 20px;
	color:#F08005;
}
#about .right .top .c a:hover{
	text-decoration:underline;
}
#about .right .bot{
	width:425px;
	height:225px;
}
#about .right .bot .t{
	padding:15px 0px 0px 25px;
	width:400px;
	height:35px;
	font-weight:bold;
}
#about .right .bot .c{
	padding-left:25px;
	width:400px;
	height:175px;
}
#about .right .bot .c img{
	width:338px;
	height:159px;
}

/* ----------------- slide ----------------- */
#slide{
	width:999px;
	height:187px;
	border:1px solid #C9C9C9;
	border-right:0px;
	margin-top:5px;
}
#slide .tab{
	width:96px;
	height:187px;
	float:left;
}
#slide .tab li{
	width:96px;
	height:46px;
	line-height:46px;
	text-align:center;
	font-weight:bold;
	border-bottom:1px solid #D4D4D4;
	background:url(../image/slide_bg.gif) no-repeat 0px -46px;
	cursor:pointer;
	float:left;
}
#slide .tab li.li1{
	color:#95C136;
}
#slide .tab li.li2{
	color:#78BAC8;
}
#slide .tab li.li3{
	color:#A8A872;
}
#slide .tab li.li4{
	color:#E39147;
	border-bottom:0px;
}
#slide .tab li.li{
	color:#FFFFFF;
	background:url(../image/slide_bg.gif) no-repeat 0px 0px;
	cursor:default;
}
#slide .con{
	width:903px;
	height:187px;
	float:left;
}
#slide .con .leftbar{
	width:8px;
	height:187px;
	border-left:1px solid #C9C9C9;
	border-right:1px solid #C9C9C9;
	background-color:#E6E6E8;
	background-image:url(../image/slide_ico.gif);
	background-repeat:no-repeat;
	background-position:2px 90px;
	float:left;
}
#slide .con .leftbar:hover{
	background-color:#F2F2F2;
}
#slide .con .conwrap{
	position:relative;
	width:883px;
	height:187px;
	overflow:hidden;
	float:left;
}
#slide .con .conwrap .imgwrap{
	width:883px;
	height:608px;
}
#slide .con .conwrap .imgwrap .listwrap{
	margin-top:35px;
	width:883px;
	height:117px;
	float:left;
}
#slide .con .conwrap .imgwrap .listwrap .list{
	width:5000px;
	height:117px;
	overflow:hidden;
}
#slide .con .conwrap .imgwrap .listwrap .list a{
	position:relative;
	margin:0px 10px;
	width:200px;
	height:117px;
	float:left;
}
#slide .con .conwrap .imgwrap .listwrap .list a:hover{
	filter:alpha(opacity=90);
	opacity:0.9;
}
#slide .con .conwrap .imgwrap .listwrap .list a img{
	width:200px;
	height:117px;
	float:left;
}
#slide .con .conwrap .imgwrap .listwrap .list a span{
	position:absolute;
	top:92px;
	left:0px;
	width:200px;
	height:25px;
	filter:alpha(opacity=60);
	opacity:0.6;
	background:#CADA99;
}
#slide .con .conwrap .imgwrap .listwrap .list a b{
	position:absolute;
	top:92px;
	left:0px;
	width:200px;
	height:25px;
	line-height:25px;
	color:#FFFFFF;
	font-weight:normal;
	text-align:center;
	overflow:hidden;
}
#slide .con .rightbar{
	width:8px;
	height:187px;
	border-left:1px solid #C9C9C9;
	border-right:1px solid #C9C9C9;
	background-color:#E6E6E8;
	background-image:url(../image/slide_ico.gif);
	background-repeat:no-repeat;
	background-position:-24px 90px;
	float:left;
}
#slide .con .rightbar:hover{
	background-color:#F2F2F2;
}