@charset "utf-8";

.clearfixed { clear: both; zoom: 1; }
.clearfixed:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


#main_bg{
	background-color:#f7f7f9;
	background:#f7f7f9 url(../images/vo.jpg) no-repeat center top; 
	padding-top:25px; 
}

#main_content{
	width:1100px;
	margin:0 auto;
	background:url(../images/content_bg.jpg) left repeat-y #fff;
	box-shadow:0 0 15px #CCCCCC;
}

#left_side{
	width:280px;
	float:left;
}

#left_side h1{
	font-size:26px;
	font-family:"microsoft yahei";
	background-color:#24a72d;
	padding:30px 20px;
	color:#FFF;
	letter-spacing:2px;
	text-shadow:1px 0 1px #666;
	border-bottom:2px solid #17711e;
	border-right:1px solid #17711e;
}

#left_side ul{
	padding-left:30px;
	padding-top:10px;
	padding-bottom:40px;
}

#left_side .xiao {
	padding-left:50px;
}

#left_side li{
	
}



#left_side li a{
	display:block;
	height:35px;
	padding:5px;
	line-height:35px;
	font-size:12px;
	font-family:"microsoft yahei";
	border-bottom:1px solid #24a72d;
	color:#17711e;
	position:relative;
	transition:0.2s;
}


#left_side li a i{
	position:absolute;
	border-bottom:1px solid #24a72d;
	bottom:-1px;
	left:0px;
	width:0px;
	height:0px;
	display:block;
	transition:0.5s;
}


	

#left_side li a:hover{
	text-decoration:none;	
	color:#24a72d;
	padding-left:0px;	
}

#left_side li a:hover::before{
	content:"►";
}


#left_side li a:hover i{
	width:250px;
	border:1px solid #fff;
}

#left_side .xiao li a:hover i{
	width:230px;
}

#content_main{
	width:820px;
	background-color:#FFF;
	float:left;
	color:#666666;
}

#content_tit{
	text-align:right;
	height:42px;
	line-height:42px;
	font-size:12px;
	text-shadow:1px 0 1px #ccc;
	font-family:"microsoft yahei";
	padding-right:15px;
	color:#666666;
	border-top:3px solid #17711e;
	border-bottom:1px solid #24a72d;
	background:url(../images/content_tit.png);
}

#content_content{
	background-color:#FFF;
	color:#666;
	padding:20px;
}

#content_content_tit{
	font-size:18px; 
	font-family:'microsoft yahei'; 
	font-weight:bold; 
	display:block; 
	text-align:center; 
	line-height:20px;
	color:#666;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:1px solid #17711e;
}

.case_pro li a{
	display:block;
	width:260px;
	height:206px;
	border:5px solid #eee;
	transition:0.5s;
	float:left;
	overflow:hidden;
	position:relative;
	margin:20px 58px;
}

.case_pro li a img{
	width:260px;
	height:206px;
	transition:0.5s;
	top:-24px;
	left:0px;
	position:absolute;
	z-index:4;
}

.case_pro li a span{
	display:block;
	height:24px;
	line-height:24px;
	background-color:#f4f9fa;
	text-align:center;
	position:absolute;
	bottom:0px;
	left:0px;
	width:260px;
	font-family:Verdana, Geneva, sans-serif;
	font-family:microsoft yahei;
}

.case_pro li a:hover{
	border:5px solid #24a72d;
	text-decoration:none;
	box-shadow:0 0 16px #24a72d;
}

.case_pro li a:hover img{
	top:0px;
}

.honor_pro{
}

.honor_pro li a{
	display:block;
	width:180px;
	height:251px;
	overflow:hidden;
	padding:1px;
	border-right:#c8c2b5 1px solid;
	border-bottom:#c8c2b5 1px solid;
	border-top:#e7e4df 1px solid;
	border-left:#e7e4df 1px solid;
	float:left;
	margin:10px 5px;
	transition:.4s;
}

.honor_pro li a img{
	height:221px;
	width:180px;
}

.honor_pro li a span{
	display:block;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:12px;
}

.honor_pro li a:hover{
	text-decoration:none;
	border:1px solid #24a72d;
}

.new_pro {
	margin:20px 0px;
	margin-right:25px;
}

.new_pro li{
	height:30px;
	line-height:30px;
	border-bottom:1px solid #CCC;
	transition:0.4s;
}

.new_pro li i{
	float:right;
}

.new_pro li:hover{	
	border-bottom:1px solid #24a72d;
}



.new_pro li a:hover{
	text-decoration:none;
}

a.aabc:hover{
	text-decoration:none;
}