@charset "utf-8";
/* CSS Document */

.focusBox { position: relative; width:980px; height:300px; overflow: hidden; }
.focusBox .pic{ position:relative; z-index:0; }
.focusBox .pic img { width:980px; height:300px; display: block; }
.focusBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }	.focusBox .hd li{margin: 0 5px; background: url(../images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;		display:inline-block; *display:inline; zoom:1;  _background: url(../images/dot8.png) no-repeat 0 -16px;	}
.focusBox .hd .on{ background-position:0 0; }
.focusBox .prev,	.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.focusBox .prev { left: 0; }
.focusBox .next { background-position: 0 -90px; right: 0; }
.focusBox .prev:hover,.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;}	

body{ margin:0; padding:0; font-family:\5B8B\4F53;background:#FFF;}

		.dl{
		height:30px;
		width:95%;
		line-height:30px;
		color:#CCC;
		padding-top:7px;
		padding-left:15px;
		margin:0;
		font-size:14px;
		border-bottom:dotted 1px #DDD;
		float:left;
	}
		.dl a{
			float:right;
			padding:8px;
			margin-right:10px;
		}
		.dl strong{
			color:#1060b3;
			font:normal 16px "Microsoft YaHei","微软雅黑","Microsoft JhengHei","Verdana","Helvetica","sans-serif",\5B8B\4F53;
		}
		.dl em{
			color:#999;
			font:normal 14px "Microsoft YaHei","微软雅黑","Microsoft JhengHei","Verdana","Helvetica","sans-serif",\5B8B\4F53;
		}
#top{
	width:100%;
	height:220px;
	padding:0;
	background:url(../images/background.jpg) center top no-repeat;
}
.logo{
	width:990px;
	height:140px;
	margin:0 auto;
	padding-top:30px;
}
.nav{
	width:100%;
	height:50px;
	background:url(../images/navbg.gif) repeat-x;
}
.navigation{
	width:990px;
	height:50px;
	margin:0 auto;
}
	.navigation li{
		font-size:100%;
		font-weight:bolder;
		list-style:none;
		float:left;
		line-height:48px;
	}
	.navigation li a{
		font-size:14px;
		color:#333;
		padding:16px 20px 16px 20px;
		line-height:51px;
		text-decoration:none;
	}
	.navigation li a:hover{
		background:url(../images/navhover.png) no-repeat;
		color:#FFF;
	}
.main{
	width:990px;
	height:1500px;
	margin:10px auto 30px auto;
}
.slideshow{
	width:990px;
	height:350px;
}

#slide {
	width:990px;
	margin:0 auto;
	height:350px;
	overflow:hidden;
	position:relative;
	z-index:100;
}
#slide #banner { width:710px; height:350px; float:left;background:url(../images/loading.gif) center no-repeat;}
#slide #banner_title { width:280px; background-color:#005A8F; height:349px; float:right; font-size:14px;}
#banner_title ul { margin-left:10px; margin-top:20px;}
#banner_title li { margin-bottom:12px; list-style:none;}
#banner_title li a { padding:6px 0 2px 8px; color:#86d0f6; height:40px; line-height:40px; display:block; text-decoration:none; list-style:none;}
#banner_title li a:hover, #banner_title li a.slidenow { color:#333; background-color:#CCC;}

#left{
	width:620px;
	height:1175px;
	margin-top:10px;
	float:left;
}
#right{
	width:360px;
	height:1175px;
	margin-top:10px;
	float:right;
}
.project{
	width:345px;
	height:400px;
	border:solid 1px #ccc;
	float:left;
}
	.project li a{
		float:left;
	}
	.project li{
		list-style:none;
		float:left;
		width:76px;
		height:79px;
		margin-top:10px;
		padding:1px;
		border:solid 1px #DDD;
	}
	.project li:hover{
		border:solid 1px #B4B4B4;
	}











.service{
	width:265px;
	height:400px;
	border:solid 1px #ccc;
	float:right;
}
	.service ul{
		width:250px;
		height:84px;
		float:left;
		margin:1px 0 1px -8px;
		padding:1px 0;
	}
	.service ul li{
		list-style:none;
		float:left;
		margin-right:10px;
	}
	.service ul li a{
		border:solid #CCC 1px;
		padding:1px;
		text-decoration:none;
		margin:0;
	}
	.service ul li a:hover{
		padding:1px;
		border:solid #999 1px;	
	}
	.service ul strong{
		font-weight:normal;
		font-size:12px;
		float:left;
		color:#777;
		
		font-family:\5B8B\4F53;
	}
	.service ul strong a{
		padding:2px 0;
		border:none;
		float:left;
	}
	.service ul strong a:hover{
		color:#333;
	}
	.service ul span{
		float:left;
		font-size:12px;
		margin:0 0 2px 0; padding:0;
		height:49px;
		width:130px;
		overflow:hidden;
		color:#777;
		line-height:16px;
		float:left;
	}
	.service ul dd{
		float:left;
		line-height:18px;
		margin:0;
		padding:0;
		background: url(../images/pave.gif) left center no-repeat;
	}
	.service ul dd a{
		float:left;
		text-decoration:none;
		color:#999;
		margin-left:17px;
		padding:0;
		font-size:12px;
		border:none;
	}
	.service ul dd a:hover{
		text-decoration: underline;
	}

.tabs{
	width:618px;
	height:280px;
	border:solid 1px #ccc;
	float:left;
	margin:10px 0;
}
.product{
	width:618px;
	height:155px;
	border:solid 1px #ccc;
	float:left;
}
.incp{ width:618px; height:200px; float:left; }
.incp_m{ width:616px; height:114px; border:solid 1px #dbdbdb; float:left; padding:4px 0 0 2px; margin-left:-19px;}
.incp_m span{ float:left; width:25px; padding-top:22px;}
.incp_m ul{ float:left; width:682px;}
.incp_m ul li{ width:105px; height:105px; border:solid 1px #C1CEDA; margin:2px 3px;background:url(../images/bg3.png) repeat-x 0 bottom; float:left; display: inline;}
.incp_m ul li img{ width:125px; margin-top:-13px;}
.incp_m ul li a { width:105px;}
.incp_m ul li a:hover{background:url(../images/bg4.gif) repeat-x 0 bottom; height:198px; color:#FFF;}
.case{
	width:618px;
	height:300px;
	border:solid 1px #ccc;
	float:left;
	margin-top:10px;
}
.tittle{
	height:35px;
	width:600px;
	line-height:35px;
	font-size:14px;
	font-weight:bolder;
	padding-left:18px;
	position:absolute;
	background:url(../images/tittlebg.gif) repeat-x;
	color:#333;
}
.tittle a{
	float:right;
	padding:13px;
	margin-right:5px;
}
.caseimg{
	width:608px;
	height:255px;
	float:left;
	margin:45px 10px 10px 10px;
}
	.caseimg li{
		width:146px;
		height:120px;
		overflow:hidden;
		list-style:none;
		float:left;
		margin-right:5px;
		margin-bottom:5px;
		position: relative;
	}
	.caseimg span{
		position:absolute;
		z-index:999;
		padding:5px 0;
		text-align:center;
		width:146px;
		bottom:0;
		left:0;
		color:#FFF;
		font-size:12px;
		background-color:#333;
		filter:alpha(opacity=80); opacity:0.7;
	}
.caseimg li a:hover{filter:alpha(opacity=90); opacity:0.9;}
.about{
	width:358px;
	height:400px;
	border:solid 1px #ccc;
	float:left;
}
.about dt{
	width:335px;
	height:240px;
	overflow:hidden;
	margin-left:10px;
	margin-top:5px;
	margin-bottom:5px;
}
.about dt span{
	font-size:12px;
	color:#666;
	line-height:22px;
}
.news{
	width:358px;
	height:280px;
	margin:10px 0;
	border:solid 1px #ccc;
	float:left;
}
	.news ul{
		width:338px;
		height:25px;
		float:left;
		padding:0;
		background-color:#CCC;
		margin:10px 10px;
	}
	.news ul dt{
		background:url(../images/hot.gif) left center no-repeat;
		padding:5px 20px;
		margin-left:10px;
		width:240px;
		background-color:#CCC;
	}
	.news ul dt a{
		text-decoration:none;
		color:#333;
		font-size:12px;
		font-weight:bolder;
	}
	.news ul dt a:hover{
		text-decoration: underline;
	}
	.news li{
		list-style: url(../images/list2.gif) inside;
		font-size:12px;
		margin-left:20px;
		margin-top:6px;
		margin-right:15px;
		line-height:18px;
	}
	.news li a{
		text-decoration:none;
		color:#777;
	}
	.news li a:hover{
		text-decoration: underline;
		color:#1060b3;
	}
	.news li em{
		font:normal 12px Tahoma, Geneva, sans-serif;
		color:#999;
		float:right;
		margin-right:5px;
	}

.teachers{
	width:358px;
	height:467px;
	border:solid 1px #ccc;
	float:left;
}
	.teachers ul{
		width:325px;
		height:60px;
		float:left;
		margin:1px 0;
		padding:4px;
		border-bottom:dotted 1px #DDD;
	}
	.teachers ul li{
		list-style:none;
		float:left;
		margin-right:10px;
	}
	.teachers ul li a{
		border:solid #CCC 1px;
		padding:1px;
		text-decoration:none;
		margin:0;
	}
	.teachers ul li a:hover{
		padding:1px;
		border:solid #999 1px;	
	}
	.teachers ul strong{
		font-weight:normal;
		font-size:12px;
		font-family:\5B8B\4F53;
		float:left;
		color:#777;
	}
	.teachers ul span{
		float:left;
		font-size:12px;
		margin:0; padding:0;
		height:22px;
		width:240px;
		overflow:hidden;
		color:#777;
		line-height:24px;
		float:left;
	}
	.teachers ul dd{
		float:left;
		line-height:18px;
		margin:0;
		padding:0;
		background: url(../images/pave.gif) left center no-repeat;
	}
	.teachers ul dd a{
		text-decoration:none;
		color:#999;
		margin-left:17px;
		padding:0;
		font-size:12px;
	}
	.teachers ul dd a:hover{
		text-decoration: underline;
	}
#singlepage{
	width:990px;
	height:auto;
	margin:10px auto;
}
#singleleft{
	border:solid 1px #DDD;
	float:left;
	width:260px;
	padding:2px 10px 10px 10px;
	}
#singleright{
	border:solid 1px #DDD;
	float: right;
	width:680px;
	padding:5px 10px 10px 10px;
	}	
.list_t{
	width:98%;
	padding:10px;
	border-bottom:dotted 1px #DDD;
}
span.position{
	color:#999;
	font-size:12px;
}
span.position a{
	text-decoration:none;
	color:#999;
}
span.position a:hover{
	text-decoration:underline;
}

.classification{
	margin:10px 0;
	float:left;
}
.classification li{
	list-style:none;
	background-color:#EEE;
	width:200px;
	margin:5px 0px;
	height:26px;
	padding-left:23px;
}
.classification li:hover{
	background-color: #84bb06;
}
.classification li a{
	text-decoration:none;
	line-height:24px;
	font-size:12px;
	color:#666;
}
.classification li a:hover{
	color:#FFF;
}
.leco{
	margin-top:10px;
	float:left;
}
.leco li{
	list-style:none;
	line-height:24px;
	color:#666;
	margin-left:15px;
	font-size:12px;
}
.recommend{
	margin:10px 0;
	float:left;
}
.recommend li{
	list-style:square inside;
	margin-left:15px;
	color:#999;
}
.recommend li a{
	text-decoration:none;
	font-size:12px;
	color:#666;
	line-height:24px;
}
.recommend li a:hover{
	text-decoration: underline;
}
.recommend li p{
	color:#AAA;
	font-size:12px;
	margin:0;
	line-height:20px;
}
.popular{
	margin:10px 0;
	float:left;
}
.popular li{
	list-style: square inside;
	margin-left:15px;
	color:#CCC;
}
.popular li a{
	text-decoration:none;
	font-size:12px;
	color:#666;
	line-height:24px;
}
.popular li a:hover{
	text-decoration: underline;
}
.conbox{
	margin:20px 10px;
}
p.info{
	color:#999;
	font-size:12px;
	width:auto;
	text-align:center;
}
p img{
	max-width:680px;
}
.conbox li{
	list-style:none;
	line-height:35px;
	float:left;
	width:100%;
	color:#CCC;
	border-bottom:dotted 1px #DDD;
}
.conbox li b{
	font-weight: normal;
}
.conbox li a{
	line-height:35px;
	float: left;
	text-decoration:none;
	color:#555;
	font-size:14px;
}
.conbox li a:hover{
	text-decoration: underline;
	color:#333;
}
.conbox li span{
	line-height:36px;
	float:right;
	font-size:12px;
	color:#999;
}
.shop{
	margin:20px 0;
}
.shop ul{
	margin:0;
	padding:0;
	width:200px;
	height:200px;
	float:left;
	margin:7px;
	padding:5px;
	border:solid 1px #DDD;
}
.shop ul li{
	list-style:none;
	width:200px;
	height:150px;
	overflow:hidden;
	float:left;

}
.shop ul li a img{
	min-width:200px;
	min-height:150px;
	max-height:150px;
}
.shop ul dl{
	width:200px;
	float:left;
	margin:10px 0 6px 5px;
	position: relative;
}
.shop ul dl a{
	color:#333;
	text-decoration:none;
	font-size:14px;
}
.shop ul dl a:hover{
	text-decoration: underline;
}
.shop ul span{
	position: relative;
	color:#999;
	margin-left:5px;
	font-size:12px;
}




.pages{
	line-height:17px;
	padding:3px;
	margin-top: 25px;
	margin-bottom: 5px;
	margin-left: 10px;
	text-align:center;
	float:left;
}
.pages li{ list-style:none;float: left; margin-left: 5px;}

.pages a {
	display:block;
	height:17px;
	color:#666;
	border: 1px solid #999;
	padding:2px 5px;
	text-align:center;
	margin: 2px;
	text-decoration: none;
}   
.pages a:hover{
         border: #8dc63f 1px solid;
		 background-color:#8dc63f;
         color: #FFF;
}
.pages a:active {
	border: 1px solid #666;
	color: #000;
}		

.footer{
	float:left;
	width:100%;
	height:160px;
	margin-top:40px;
	background-color:#DDD;
	border-top:solid 2px #76c802;
}
.footer p{
	text-align:center;
	font-size:12px;
	color:#666;
	line-height:10px;
}