@charset "gb2312";
/* CSS Document */
body{ margin:0; padding:0;}
div:after,ul:after { content:"\20"; display:block; height:0; clear:both; visibility:hidden; }
div,ul { zoom:1;*zoom:1 }
li { list-style-type:none;}
.doc{overflow: hidden; text-align: left;  color:#2e2b2b; font: 16px/1.5 Microsoft Yahei,tahoma,HELVETICA; }
.doc .inner,.nav-inner{width:1000px; clear: both; margin:0 auto; overflow: hidden;}
.area1{ height:600px; background:url(../images/banner.jpg) no-repeat center top;}
.area2 img{ display:block; margin:40px auto 0;}
.title{ display:block; margin:70px auto 35px;}
.area3 ul{ padding:0; margin:0; height:180px;}
.area3 ul li{ width:473px; float:left;  background:#eee; margin-left:54px; position:relative;}
.area3 ul li:first-child{ margin-left:0px;}
.area3 ul li img{ width:246px; height:177px; display:block; float:left; margin-right:15px;}
.area3 ul li h2{ font-size:14px; color:#272727; margin:15px 0 0 0; line-height:20px;}
.area3 ul li p{ font-size:12px; color:#47484c; text-align:justify; text-justify:inter-ideograph; line-height:20px; padding-right:15px; margin-top:10px;}
.area3 li .more{ width:65px; height:22px; position:absolute; left:395px; top:145px; background:url(../images/more.jpg) no-repeat;}
.area4{ height:870px;}
.area4 .cplicon {
	width:1056px;
	overflow: hidden;
	zoom: 1;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.area4 .cplicon_l {
	width:240px;
	height:500px;
	float:left;
	background:#F0F0F0
}
.area4 .cplicon_l ul {
	padding-top:25px;
}
.area4 .cplicon_l ul li {
	width:237px;
	height:40px;
	cursor:pointer;
	line-height:40px;
	text-align:center;
	margin-top:5px;
	border-bottom:1px #CCCCCC dotted
}
.area4 .cplicon_l ul li.dq_li {
	width:237px;
	height:40px;
	border-left:3px #66cb4c solid;
	background-color:#42a5f5;
	line-height:40px;
	text-align:center;
	margin-top:5px;
	color:#FFF;
	
}
.area4 .cplicon_r {
	width:815px;
	float:right;
	font-size:12px;
	color:#999999
}
.area4 .cplicon_r2 {
	width:900px;
	float:right;
	padding-top:30px;
	margin-bottom:60px;
}
.area4 .cplicon_r2 h4 {
	width:860px;
	height:40px;
	margin-left:40px;
	border-bottom:1px #DADADA dotted;
	font-size:18px;
	color:#5e5e5e;
	margin-bottom:20px;
	font-weight:100;
}

.area4 .cplicon_r h2 {
	width:760px;
	height:40px;
	margin-left:25px;
	border-bottom:1px #DADADA dotted;
	font-size:18px;
	color:#5e5e5e;
	margin-bottom:25px;
}

.area4 .cpli_li {
	width:335px;
	height:300px;
	float:left;
	margin-left:20px;
	position:relative;
	margin-bottom:60px;
	position:relative;
}
.area4 .cpli_li h2 {
	width:365px;
	height:240px;
	line-height:40px;
	text-align:center;
	border-bottom:none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.area4 .cpli_li h2 a {
	font-size:15px;
	color:#5e5e5e;
	font-family:"Î¢ÈíÑÅºÚ";
	text-decoration:none;
}
.area4 .divcss5 {

	width:358px;
	height:242px;
}
.area4 .divcss5 .cp_list_border {
	width:358px;
	height:240px;
	border-radius:5px;
	display:block;
	border:1px #ccc solid;
}
.area4 .divcss5 .cp_list_border img {
	width:358px;
	height:240px;
	/* Gecko browsers */
    -moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	/* Webkit browsers */
-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	/* W3C syntax */
border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-radius:4px 4px 4px 4px;
}
.area4 .divcss5 a span {
	display:none;
	text-align:center;
	font-size:13px;
}
.area4 .divcss5 .cp_list_border:hover {
	cursor:pointer;
	border:1px #ccc solid;
}
.area4 .divcss5 a:hover span {
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	color:#FFF;
	width:337px;
	z-index:10;
	height:36px;
	line-height:36px;
	background:#66cb4c;
	/* Gecko browsers */
    -moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	/* Webkit browsers */
-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	/* W3C syntax */
border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-radius:0px 0px 4px 4px;
	font-family:"Î¢ÈíÑÅºÚ";
}

.area5 img{ display:block; margin:0 auto;}
.area6 .bottom{ background:url(../images/bottom.jpg) no-repeat center top; display:block; margin:0 auto; height:250px;}
.area6 ul li{ font-size:12px; line-height:25px; color:#999; margin-left:460px; }
.area6 ul li a{ color:#999;}
.area6 ul li a:hover{ color:#666;}
.area6 .mgtop{ padding-top:120px;}

/*backToTop*/
.backToTop { display:none; width:18px; line-height:1.2; padding:5px 0; background-color:#f56908; color:#fff; font-size:12px; text-align:center; position:fixed; _position:absolute; right:10px; bottom:100px; _bottom:"auto"; cursor:pointer; opacity:1; filter:Alpha(opacity=100); }

