@charset "utf-8";
/* CSS Document */
/* adver*/





/* sec1 */
	/* 本例子css -------------------------------------- */
	.focus{ width:100%; height:400px;  margin:0 auto; position:relative; overflow:hidden;   }
	.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
	.focus .hd ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;}
	.focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
	.focus .hd ul .on{ background:#2f8cd7;  }

	.focus .bd{ position:relative; z-index:0; }
	.focus .bd li img{ width:100%; height:400px;  background:url(images/loading.gif) center center no-repeat;  }
	.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
	
/* sec2 */
.sec2{ width:1100px; margin:0 auto; margin-top:50px; } 	
.sec2_tit{ background-image:url(../images/tit.jpg); background-repeat:no-repeat; background-position:center center; text-align:center;margin-bottom:40px;}
.sec2_tit span{text-align:center; color:#2f8cd7; font-size:30px; }
.company_name{font-size:24px;color:#7aa2cc; font-weight:bold}
.sec2_l{ width:533px; float:left;}
.sec2_l img{width:533px; height:300px; }
.sec2_r{ width:533px; float:right;}
.more{ width:120px; height:40px; line-height:40px;background: #fe9d00; color:#FFF; text-align:center; border-radius:7px;}	
	
/* sec3 */	
.sec3_l{ width:533px; float:left}
.sec3_l img{ width:533px; height:300px;}
.sec3_l_tit{ width:100%; font-size:18px;}
.sec3_l_time{ font-size:14px; line-height:26px; color:#666;}
.sec3_l_cnt{ font-size:14px; line-height:26px; color:#666;}
.sec3_r{ width:533px; float:right;}
.sec3_r_time2{ display:none;}
.sec3_r_time{ width:68px; height:74px; padding-top:10px; text-align:center; float:left; padding-right:10px;}
.sec3_r_time span{ font-size:50px;}
.sec3_r_tit{ width:455px; height:32px; font-size:18px; float:right;}
.sec3_r_cnt{ width:455px;  color:#666; line-height:26px; font-size:14px; float:right;}
.sec3_wrap{ border-bottom:1px dashed #CCC; padding-bottom:10px; margin-bottom:10px;}

/* sec4 */	
.sec4_cnt{ margin-right:-25px;}
.cp{ width:350px; float:left; margin-right:25px; text-align:center; margin-bottom:15px;}	
.cp_img{width:328px; padding:10px; border:1px solid #CCC;}
.cp_img:hover{border:1px solid #2f8cd7; background-color:#f0f7fc;}
/* .cp img{ width:328px; height:185px;} */

#cp_special{ float:none; margin:0 auto;}
	
/* sec5 */	
.sec5_cnt{ margin-right:-25px;}
.fa{width:225px; float:left; margin-right:10px; text-align:center; padding:0 15px;}
.fa_tit a{ font-size:20px; color:#2f8cd7; font-weight:bold; margin-bottom:10px;}
	
	
	@media screen and (max-width: 1000px) { 
	.focus{height:150px;}
	.focus .bd li img{height:150px;}
	.sec2{ width:100%; margin-top:30px;}
	.sec2_tit{margin-bottom:20px;}
	.sec2_l{ display:none;}
	.sec2_r{ float:none; padding:5%; width:90%;}
	.company_name{ text-align:center;}
	.more{ margin:0 auto;}
	
	.sec3_l{ width:90%; padding-left:5%; padding-right:5%; float:none;}
	.sec3_l img{ display:none;}
	.sec3_l_cnt{border-bottom:1px dashed #CCC; padding-bottom:10px; margin-bottom:10px;}
	.sec3_r{ width:90%; padding-left:5%; padding-right:5%; float:none;}
	.sec3_r_time2{ display:block;font-size:14px; line-height:26px; color:#666;}
	.sec3_r_time{ display:none;}
	.sec3_r_tit{ width:100%;}
	.sec3_r_cnt{ width:100%;}
	
    .sec4_cnt{ margin-right:0px; padding-left:4%;}
    .cp{ width:45%; float:left; margin-right:4%; text-align:center; margin-bottom:15px;}	
	.cp_img{ padding:5%; height:auto; border:1px solid #CCC; width:88%;}
	.cp img{ width:100%; height:auto;}	
	.sec5_cnt{ margin-right:0px;}
	.fa{ width:23%; margin-right:0px; margin-left:5%; margin-bottom:10px; padding:0 2%;}
	.fa img{ width:110px; height:110px;}


	
	
	} 
	@media screen and (max-width: 500px) { 
	.sec4_cnt{ margin-right:0px; padding:0 5%; width:90%;}
	
	.sec5_cnt{ margin-right:0px;}
	.fa{ float:none; width:40%; padding:0 5%; margin-left:0; float:left;}
	.fa img{ width:110px; height:110px;}
	.fa_cnt{ border-bottom:1px dashed #CCC; padding-bottom:10px; margin-bottom:10px;}
	} 