@charset "gb2312";
/* CSS Document */
 
/* ----------menu--------------*/
#head{ width:980px; height:83px; margin:0 auto; padding:0;}
.logo{ float:left; padding-top:18px;}
.search{ float:right; margin-top:29px; width:290px; padding-left:10px; height:37px; background:url(../images/search.jpg) left top no-repeat}


#nav{ width:100%; height:47px; line-height:47px; clear:both; background:#4c4c4c;}
.menu{ width:980px; margin:0 auto; }
.menu li{ float:left; text-align:center; margin:0 14px;}
.menu li a{ font-size:14px; color:#fff; padding:0 16px; display:block}
.menu li a:hover,.on a{ display:block; padding:0 16px; color:#eee; background:#333}

.lang{ width:150px; float:right; }
.lang a{ color:#000;}

#banner{ position:relative; border-bottom:1px solid #ddd}
.banner{ width:980px; margin:0 auto; clear:both;}
.border_top{ POSITION: absolute; WIDTH: 100%; HEIGHT:10px; top:0; z-index:9999px; background:url(../images/menu_bottom.png) bottom repeat-x;}
.border_bottom{ POSITION: absolute; WIDTH: 100%; HEIGHT:10px; bottom:0; background:url(../images/banner_bottom.png) top repeat-x;}


#main{ width:980px; height:auto; clear:both; margin:20px auto; padding:0;}
	.lefts{ width:220px; float:left}
		.l_title,.r_title{ height:48px; overflow-y:hidden; padding-left:42px; line-height:48px; background:url(../images/tubiao1.jpg) 20px center no-repeat #4c4c4c; color:#fff}
		.pro_class,.r_main{ background:#fff; border-bottom:1px solid #cecece; border-right:1px solid #cecece;}
		.pro_class li{ line-height:40px; height:40px; overflow-y:hidden; border-bottom:1px solid #ededed}
		.pro_class li a{ height:40px; padding-left:20px; color:#666; display:block}
		.pro_class li a:hover{ color:#666; display:block; background:#d8d8d8}
		.tubiao2{ background:url(../images/tubiao2.jpg) 20px center no-repeat #4c4c4c;}
		.tubiao3{ background:url(../images/tubiao3.jpg) 20px center no-repeat #4c4c4c;}
	.rights{ width:740px; float:right}
		.r_title a{ color:#fff; font-size:14px;}
		.r_main{ padding:10px 20px; height:auto!important; min-height:310px; _height:310px;}
			.pro_list{ padding:10px 0;}
			.pro_list dl{ width:140px; float:left; margin:0 30px 10px 10px;}
			.pro_list dd{ padding-bottom:10px}
			.pro_list dt{ height:24px; text-align:center; display:block; line-height:24px; overflow-y:hidden}
			.pro_list dt a{ color:#333; font-size:14px;}
			.pro_list .font_view a{font-size:12px; color:#999}

#links{ clear:both; width:980px; height:auto; padding:10px 0; margin:0 auto;}
/* =sub page
--------------------------------------------------------------------------------------------------------*/
.sub_title{ padding-bottom:10px;}
.R_con{ width:980px; height:auto!important; min-height:200px; _height:200px; font-size:12px; padding-top:10px; line-height:28px; overflow-x:hidden;}


.case_list li{ width:350px; float:left; padding:10px 0;}
.case_list .case_img a{ padding:4px; display:block; border:2px solid #F2F2F2;}
.case_list .case_img a:hover{ padding:4px; display:block; border:2px solid #d35400;}
.case_list .case_title{height:24px; overflow:hidden;}
.case_list .case_title a{ font-weight:bold; font-size:14px; color:#333;}
.case_list .case_title a:hover{ font-weight:bold; color:#d35400;}
.case_list .case_img{ float:left}
.case_list .info_list{ width:150px; height:90px; padding:0 0 0 20px; overflow:hidden; line-height:22px; float:left}
.case_list .flo_l{ width:78px; height:34px; margin:6px 0 0 20px; line-height:34px; text-align:center; background:url(../images/more.jpg) left top no-repeat;}
.case_list .flo_l a{ color:#fff}
.case_list .flo_l a:hover{ text-decoration:underline}

.newslist li{ line-height:20px; height:auto}
.newslist li img{ display:inline; padding-top:2px;}
.newslist li a{ color:#1c7cb1}
.newslist li a:hover{ color:#1c7cb1; text-decoration:underline}
.newslist li span{ float:right; padding:0 20px; color:#1c7cb1;}
.newslist .news_con{ width:auto; height:40px; margin:0px 14px 6px 14px; line-height:20px; overflow:hidden}
.newslist .border{ border:0; border-top:1px dashed #ccc; padding-bottom:10px; clear:both}


/* End sub page
--------------------------------------------------------------------------------------------------------*/

/* =Footer
--------------------------------------------------------------------------------------------------------*/
#footer { clear:both; background:#4c4c4c; height:47px; line-height:47px; margin-top:20px;}
.footer{ width:980px; margin:0 auto; color:#999}
.footer a{ color:#999}

/* End Footer
--------------------------------------------------------------------------------------------------------*/