ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#sec_topimg{

}
#sec_topimg img{
	width:100%;
	height:100%;
}


section h2{
	width:200px;
	margin:40px 0 0 0;
	padding-bottom:1px;
	font-size:16px;
	line-height:24px;
	font-weight:bold;
	text-align:center;
	border:1px solid #bbb;
	border-bottom:none;
	border-radius:4px 4px 0 0;
	background: linear-gradient(to bottom, #fdfdfd 20%, #dddddd);
}

section h4{
	position:relative;
	width:100%;
	margin:0;
	font-size:15px;
	line-height:15px;
	font-weight:bold;

	border-top:1px solid #bbb;

}
section h4 span{
	position:absolute;
	top:-21px;
	left:220px;
}

section .con_area{
	margin:15px 0 0px 0;
	display:flex;
	flex-wrap :wrap;
	justify-content:center;


}

section .con_pic{
	width:354px;
	height:177px;
}
section .con_pic img{
	width:100%;
	height:100%;
}

section .con_spic{
	width:176px;
	height:176px;
	margin: 0 1px 1px 0;
}
section .con_spic img{
	width:100%;
	height:100%;
}

section .scon_pic img{
	width:100%;
	height:100%;
}

section .con_text{
	width:354px;
	box-sizing: border-box;

	padding:15px;
}


.con_area ul.cates{
	display: flex;
	justify-content:center;
	flex-wrap :wrap;
}

.con_area ul.cates li{
	margin:10px 22px 12px 5px;
}


#sec_news ul li{
	padding: 10px 0;
	display: flex;
	align-items: flex-start;
}

#sec_news dt{
	margin:0 0px 0 34px;
	float:left;
}
#sec_news dd{
	margin:0 0 6px 160px;
}

section .cates img{
	width:150px;
	height:150px;
}

@media (max-width: 480px) {
	.con_area ul.cates{
		margin-left:-5px;
		margin-right:-22px;
	}
	section .cates img{
		width: 140px;
		height: 140px;
	}
	section .con_spic{
		width: calc(50% - 1px);
		height: 100%;
		max-width: 177px;
	}
}