/*************** [board]basic ***************/
#section_type_board_11 {clear:both;}
#section_type_board_11 {width:100%;}
#section_type_board_11 .board_box {width:100%; padding:50px 0;}

#section_type_board_11 .board_box1 {background:url("/section/board/board_11/img/bg1.jpg")no-repeat center center; background-size:cover; text-align:center; padding-top:100px;}
#section_type_board_11 .board_box1 h2 {font-size:36px; margin-bottom:25px; font-weight:400; line-height:135%; color:#000;}
#section_type_board_11 .board_box1 p {font-size:24px; margin-bottom:30px; line-height:135%; color:#000;}
#section_type_board_11 .board_box1 ul {width:100%; height:230px; overflow:hidden;}
#section_type_board_11 .board_box1 ul li {float:left; width:14%; height:210px; margin:0 1%; border-radius:20px; border:2px solid #fff; box-shadow: 5px 5px 5px rgba(100 100 100 / 30%); box-sizing:border-box; }
	#section_type_board_11 .board_box1 ul li:nth-child(1) {background:url("/section/board/board_11/img/box1.jpg")no-repeat center center; background-size:cover;}
	#section_type_board_11 .board_box1 ul li:nth-child(2) {background:url("/section/board/board_11/img/box2.jpg")no-repeat center center; background-size:cover;}
	#section_type_board_11 .board_box1 ul li:nth-child(3) {background:url("/section/board/board_11/img/box3.jpg")no-repeat center center; background-size:cover;}
	#section_type_board_11 .board_box1 ul li:nth-child(4) {background:url("/section/board/board_11/img/box4.jpg")no-repeat center center; background-size:cover;}
	#section_type_board_11 .board_box1 ul li:nth-child(5) {background:url("/section/board/board_11/img/box5.jpg")no-repeat center center; background-size:cover;}
	#section_type_board_11 .board_box1 ul li:nth-child(6) {background:url("/section/board/board_11/img/box6.jpg")no-repeat center center; background-size:cover;}
#section_type_board_11 .board_box1 ul li a {display: table; width:100%; height:100%;}
#section_type_board_11 .board_box1 ul li a p {display: table-cell; vertical-align: middle; margin-bottom:0; color:#fff; font-size:20px;}
#section_type_board_11 .board_box1 ul li a:hover p {text-decoration:underline;}


#section_type_board_11 .board_box2 {background:url("/section/board/board_11/img/bg2.jpg")no-repeat center center; background-size:cover; padding-bottom:100px;}
#section_type_board_11 .board_box2 .inner {overflow:hidden;}
#section_type_board_11 .board_box2 .inner .box2_sec1 {position: relative; float:left; width:48%; margin-right:2%;}

	/*tab css*/
	#section_type_board_11 .board_box2 .box2_sec1 ul.tabs {overflow:hidden; width:100%; border-bottom: 1px solid #ddd;}
	#section_type_board_11 .board_box2 .box2_sec1 ul.tabs li {float:left; text-align:center; cursor: pointer; font-size:20px; overflow:hidden; position: relative; width:25%; height:60px; line-height:60px; font-weight:400; color:#fff;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	}
	#section_type_board_11 .board_box2 .box2_sec1 ul.tabs li.active {color:#6af6ff;}
	#section_type_board_11 .board_box2 .box2_sec1 ul.tabs li:hover {color:#6af6ff;}
	#section_type_board_11 .board_box2 .box2_sec1 .tab_container {margin-top:20px;}
	#section_type_board_11 .board_box2 .box2_sec1 .tab_content {/*display: none;*/ padding:0 20px;}
	#section_type_board_11 .board_box2 .box2_sec1 .tab_content h3 {position: absolute; right: 25px; top: 19px;}
	#section_type_board_11 .board_box2 .box2_sec1 .tab_content .tab_box {}
	#section_type_board_11 .board_box2 .box2_sec1 .tab_content .tab_box li {font-size:16px; color:#fff; line-height:145%; margin-bottom:10px; font-weight:300;}
	#section_type_board_11 .board_box2 .box2_sec1 .tab_content .tab_box li a {color:#fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 70%; display: inline-block;}
	#section_type_board_11 .board_box2 .box2_sec1 .tab_content .tab_box li a:before {content:"·"; display:inline-block; margin-right:8px;}
	#section_type_board_11 .board_box2 .box2_sec1 .tab_content .tab_box li span {float:right;}

#section_type_board_11 .board_box2 .inner .box2_sec2 {float:left; width:48%; margin-left:2%; margin-top:20px; overflow:hidden;}
#section_type_board_11 .board_box2 .inner .box2_sec2 .banner {float:left; height:120px;}
#section_type_board_11 .board_box2 .inner .box2_sec2 .banner1 {width:100%; background:#fff url("/section/board/board_11/img/banner_bg1.jpg")no-repeat left center; margin-bottom:20px;}
#section_type_board_11 .board_box2 .inner .box2_sec2 .banner2 {width:48%; background:#6f1fa4 url("/section/board/board_11/img/banner_bg2.jpg")no-repeat left center; margin-right:2%; color: #fff;}
#section_type_board_11 .board_box2 .inner .box2_sec2 .banner3 {width:48%; background:#48d29e url("/section/board/board_11/img/banner_bg3.jpg")no-repeat left center; margin-left:2%; color: #fff;}
#section_type_board_11 .board_box2 .inner .box2_sec2 .banner a {display:table; width:100%; height:100%;}
#section_type_board_11 .board_box2 .inner .box2_sec2 .banner a p {display:table-cell; vertical-align:middle; color:#000; font-size:22px; text-align:right; padding-right:60px;}
#section_type_board_11 .board_box2 .inner .box2_sec2 .banner a:hover p {text-decoration:underline;}



/*************** [board]responsive ***************/
@media screen and (max-width:1024px){
	#section_type_board_11 .board_box1 {padding-top:50px;}
	#section_type_board_11 .board_box1 ul {height:auto;}
	#section_type_board_11 .board_box1 ul li {width:31%; margin:1%;}

	#section_type_board_11 .board_box2 {padding-bottom:50px;}
	#section_type_board_11 .board_box2 .inner .box2_sec1 {width: 100%; margin-right: 0;}
	#section_type_board_11 .board_box2 .inner .box2_sec2 {width: 100%; margin-left: 0;}
}
@media screen and (max-width:450px){
	#section_type_board_11 .board_box1 h2 {font-size:30px;}
	#section_type_board_11 .board_box1 p {font-size:18px;}
	#section_type_board_11 .board_box1 ul li {width:48%; height:150px; margin:1%;}
	#section_type_board_11 .board_box1 ul li a p {font-size:18px;}
	
	#section_type_board_11 .board_box2 .box2_sec1 ul.tabs li {width:33%;}
	#section_type_board_11 .board_box2 .inner .box2_sec2 .banner1 {background:#becf35 url("/section/board/board_11/img/banner_bg1.jpg")no-repeat -80px center; background-size: cover;}
	#section_type_board_11 .board_box2 .inner .box2_sec2 .banner2 {width:100%; margin-right:0; margin-bottom:20px;}
	#section_type_board_11 .board_box2 .inner .box2_sec2 .banner3 {width:100%; margin-left:0;}
	#section_type_board_11 .board_box2 .inner .box2_sec2 .banner1 a p {padding-right:30px;}
	#section_type_board_11 .board_box2 .inner .box2_sec2 .banner a p {font-size:20px;}
}