/*************** [board]basic ***************/
#section_type_board_10 {}
#section_type_board_10 .board_wrap {background:url("/section/board/board_10/img/bg4.jpg")no-repeat center center; background-size:cover; width:100%;/* height:310px; */padding:40px 0;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
#section_type_board_10 .board_wrap .board_box {width:100%; overflow:hidden;}

#section_type_board_10 .board_wrap .board_box .board_con {float:left; width:30%; margin-right:5%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
	#section_type_board_10 .board_wrap .board_box .board_con3 {margin-right:0;}

#section_type_board_10 .board_wrap .board_box .board_con h3 {position:relative; font-size:21px; font-weight:normal; color:#222; margin-bottom:40px;}
#section_type_board_10 .board_wrap .board_box .board_con h3:after {position:absolute; left:0; top:40px; content:""; width:40px; height:1px; background:#222;}
#section_type_board_10 .board_wrap .board_box .board_con h3 span {float:right; display:inline-block; width:24px; height:24px;}
#section_type_board_10 .board_wrap .board_box .board_con h3 span a {display:block; width:100%; height:100%;}
#section_type_board_10 .board_wrap .board_box .board_con h3 span a img {transition:all 1s;}
#section_type_board_10 .board_wrap .board_box .board_con h3 span a:hover img {transform:rotate(360deg);}

#section_type_board_10 .board_wrap .board_box .board_con ul {}
#section_type_board_10 .board_wrap .board_box .board_con ul li {padding:8px 0; overflow:hidden;}
#section_type_board_10 .board_wrap .board_box .board_con ul li a {float:left; font-size:18px; color:#444; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:65%; }
#section_type_board_10 .board_wrap .board_box .board_con ul li a:hover {color:#367cd3;}
#section_type_board_10 .board_wrap .board_box .board_con ul li span {float:right; font-size:17px; color:#888;}


/*************** [board]responsive ***************/
@media screen and (max-width:900px){
	#section_type_board_10 .board_wrap .board_box .board_con {width:100%; margin-right:0; margin-bottom:40px; padding:0 5px;}
		#section_type_board_10 .board_wrap .board_box .board_con3 {margin-bottom:0;}
}
@media screen and (max-width:450px){
	#section_type_board_10 .board_wrap .board_box .board_con h3 {font-size:20px;}

	#section_type_board_10 .board_wrap .board_box .board_con ul li a {font-size:17px;} 
	#section_type_board_10 .board_wrap .board_box .board_con ul li span {font-size:16px;}
}