﻿/*************************************
* �ļ����ƣ�layout_aboutus.css
* ��   �ߣ�QQ:280474722 E-mail:zcli@vip.qq.com
/*************************************/

#header_nav ul .nav_cas a{
	color:#fff;
	background:url(../images/nav_hover.jpg) no-repeat center top;
}

#header_banner{
	float:left;
	width:100%;
	height:200px;
	background:url(../images/n_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:30px;
	line-height:28px;
	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;
	font-weight:bold;
}

#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_prolist .two a{
	text-indent:20px;
	height:26px;
	line-height:24px;
	-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;
	font-weight:normal;
}

#content_left_prolist .two a:hover{
	text-indent:30px;
	-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;
	font-weight:normal;
}
#content_left_prolist .three a{
	height:20px;
	line-height:18px;
	text-indent:40px;
	-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;
	font-weight:normal;
	font-size:12px;
	color:#666;
}

#content_left_prolist .three a:hover{
	height:20px;
	line-height:18px;
	text-indent:50px;
	-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;
	font-weight:normal;
	font-size:12px;
	color:#fff;
}

#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:10px;
}

#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_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:12px;
	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:#F0880D;
}



#content_right .content_right_list li{
	float:left;
	width:216px;
	padding:5px;
	margin:10px 3px 10px 8px;
	color:#999;
	border:1px solid #ccc;
}
#content_right .content_right_list li img{
	float:left;
}
#content_right .content_right_list li p{
	color:#999;
	line-height:120%;
}
#content_right .content_right_list li p a{
	color:#333333;
}
#content_right .content_right_list li p a:hover{
	color:#E62513;
}
#content_right .content_right_list li .more{
	width:96px;
	height:20px;
	line-height:20px;
	text-align:center;
	display:block;
	color:#fff;
	font-weight:bold;
	background:#4A2A15;
	margin-top:10px;
	margin-left:85px;
}
#content_right .content_right_list li .more:hover{
	background:#E62513;
	color:#fff;
}


.contentexpand .info img{max-width:938px;}

.hh{ width:140px; margin:0 auto;}
.hh a{ float:left; width:100%;
height:30px;
line-height:30px;
text-align:center;
color:#fff;
font-size:16px;
background:#0262D7; margin-top:40px;}

.hh a:hover{
color:#fff;
background:#B00000;}

