﻿/*************************************
* �ļ����ƣ�layout_aboutus.css
* ��   �ߣ�QQ:280474722 E-mail:zcli@vip.qq.com
/*************************************/

#header_nav ul .nav_abo a{
	color:#fff;
	background:url(../images/nav_hover.jpg) no-repeat center top;
}

#header_banner{
	float:left;
	width:100%;
	height:200px;
	background:url(../images/a_banner.jpg) no-repeat center top;
}


 /*�м�����*/
#content{
	width:100%;
	margin:0 auto;
	padding-bottom:20px;
	background:#F0F0F0;
	padding-top:20px;
}
#content_left{
	float:left;
	width:190px;
}
#content_left .title_h3{
	width:100%;
	height:64px;
	line-height:64px;
	text-indent:10px;
	background:#0262D7;
	color:#fff;
	font-size:20px;
}

#content_left_prolist{
	width:160px;
	float:left;
	padding:10px 15px;
	background:url(../images/left_bg_conter.jpg) repeat-y left top;
}
#content_left_prolist ul{
	width:100%;
}

#content_left_prolist li{
	width:100%;
	float:left;
}
#content_left_prolist li a{
	width:100%;
	float:left;
	height:26px;
	line-height:24px;
	display:block;
	color:#333;
	font-size:14px;
	text-indent:0px;
	padding:5px 0px;
	background:url(../images/li_bg.jpg) no-repeat left 50%;
	-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s;
}

#content_left_prolist li a:hover{
	color:#fff;
	background:url(../images/li_hover.jpg) no-repeat left 50%;
	text-indent:10px;
	-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s;
}

#content_left .content_left_bottom{
	float:left;
	width:100%;
	padding-top:20px;
}

#content_right{
	float:right;
	width:994px;
	background:#fff;
}
#content_right .title_h3{
	width:100%;
	height:80px;
	line-height:80px;
	font-size:30px;
	color:#333;
	background:url(../images/a_h3_line.jpg) no-repeat left bottom;
	margin-top:-20px;
	margin-bottom:30px;
}

#content_right .content_aboutus{
	padding:10px;
	width:958px;
	margin:0 auto;
	color:#666;
	font-size:14px;
	padding-top:20px;
	line-height:200%;
	padding-left:18px;
	padding-right:18px;
	padding-bottom:20px;
	float:left;
	min-height:412px;
}
#content_right .content_aboutus p{
	line-height:200%;
	font-size:14px;
}
#content_right .content_aboutus_bottom{
	float:left;
	width:100%;
	height:9px;
	background:url(../images/a_right_bg_bottom.jpg) no-repeat left bottom;
}

#content_right .boxlist{
	float:left;
	width:100%;
}
#content_right .boxlist li{
	float:left;
	width:100%;
	height:auto;
	line-height:18px;
	border-bottom:dotted 1px #E1E1E1;
	padding-bottom:12px;
	padding-top:12px;
}
#content_right .boxlist h1{
	width:100%;
	height:20px;
	line-height:20px;
	color:#CCCCCC;
}
#content_right .boxlist li .title{
	font-size:12px;
}

#content_right .boxlist li h3 a{
	font-size:14px;
	color:#333;
	font-weight:bold;
	padding-left:10px;
	background:url(../images/ico.jpg) no-repeat left 50%;
}
#content_right .boxlist li h3 a:hover{
	color:#8EBC1B;
}

#content_right .boxlist li p{
	color:#999;
}



.about_pic li{
	float:left;
	width:260px;
	height:175px;
	margin:0px 15px 20px 40px;
	overflow:hidden;
	position:relative;
}
.about_pic li img{
	width:260px;
	height:175px;
	filter:alpha(opacity=80); 
	-moz-opacity:1; 
	opacity:1;
	-webkit-transition:opacity 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s;
}
.about_pic li div{
	width:260px;
	height:175px;
	background:url(../images/fd.png) no-repeat center 40%;
	background-color:#B91920;
	color:#fff;
	text-align:center;
	padding-top:30px;
	position:absolute;
	left:0px;
	top:200px;
	-webkit-transition:top 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s;
	filter:alpha(opacity=80); 
	-moz-opacity:0.8; 
	opacity:0.8;
	line-height:175px;
}
.about_pic li:hover div{
	top:0px;
}
.about_pic li:hover img{
	filter:alpha(opacity=50); 
	-moz-opacity:0.5; 
	opacity:0.5;
}
.about_pic li div span{
	font-size:50px;
}
