/*************** [banner]basic ***************/
/*#section_type_introduce_11*/

#section_type_introduce_11 {clear:both;}
#section_type_introduce_11 .intro {width:100%; padding:50px 0;}
#section_type_introduce_11 .intro_box {width:100%; overflow:hidden;}
#section_type_introduce_11 .intro_box .boxwrap {width:100%; height:420px;}

#section_type_introduce_11 .intro_box .boxwrap .box {float:left; display:table; box-sizing:border-box; height:100%; padding:5px; text-align:center; color:#fff;}
#section_type_introduce_11 .intro_box .boxwrap .box .inbox {display:table-cell; box-sizing:border-box;}
#section_type_introduce_11 .intro_box .boxwrap .box .top {vertical-align:top; padding:45px;}
#section_type_introduce_11 .intro_box .boxwrap .box .middle {vertical-align:middle; }
#section_type_introduce_11 .intro_box .boxwrap .box .txt_left {text-align:left;}

#section_type_introduce_11 .intro_box .boxwrap .box_w50 {width:50%;}
#section_type_introduce_11 .intro_box .boxwrap .box_w25 {width:25%;} 
#section_type_introduce_11 .intro_box .boxwrap .box_h50 {height:50%;}

#section_type_introduce_11 .intro_box .boxwrap_h100 {height:420px;}
#section_type_introduce_11 .intro_box .boxwrap_h70 {height:330px;}
#section_type_introduce_11 .intro_box .boxwrap_h50 {height:210px;}

#section_type_introduce_11 .intro_box .boxwrap .box h4 {font-size:22px; font-weight:300; margin-bottom:10px; line-height:135%; color:#fff;}
#section_type_introduce_11 .intro_box .boxwrap .box h3 {font-size:32px; font-weight:300; margin-bottom:10px; line-height:135%; color:#fff;}
#section_type_introduce_11 .intro_box .boxwrap .box h2 {display:inline-block; font-size:28px; font-weight:400; margin-bottom:10px; line-height:135%;}
#section_type_introduce_11 .intro_box .boxwrap .box h2 a {color:#fff;}
#section_type_introduce_11 .intro_box .boxwrap .box h2:hover a {text-decoration:underline; color:#fff;}
#section_type_introduce_11 .intro_box .boxwrap .box h1 {color:#fff; margin-bottom:5px;}
#section_type_introduce_11 .intro_box .boxwrap .box p {font-size:18px; font-weight:300; margin-bottom:10px; line-height:135%; color:#fff;}

#section_type_introduce_11 .intro_box .boxwrap .box .fc_y {color:#ffe118;}
#section_type_introduce_11 .intro_box .boxwrap .box .fc_g {color:#4eab15;}
#section_type_introduce_11 .intro_box .boxwrap .box .fc_b {color:#4c4c4c;}

#section_type_introduce_11 .intro_box .boxwrap .box1 .inbox {background:url("/section/introduce/introduce_11/img/box1_bg.jpg")no-repeat center center; background-size:cover;}
#section_type_introduce_11 .intro_box .boxwrap .box2 .inbox {background:url("/section/introduce/introduce_11/img/box2_bg.jpg")no-repeat center center; background-size:cover;}
#section_type_introduce_11 .intro_box .boxwrap .box3 .inbox {background:url("/section/introduce/introduce_11/img/box3_bg.jpg")no-repeat center center; background-size:cover;}
#section_type_introduce_11 .intro_box .boxwrap .box4 .inbox {background:url("/section/introduce/introduce_11/img/box4_bg.jpg")no-repeat center center; background-size:cover;}
#section_type_introduce_11 .intro_box .boxwrap .box5 .inbox {background:#587fb8;}
#section_type_introduce_11 .intro_box .boxwrap .box6 .inbox {background:#78bdab;}
#section_type_introduce_11 .intro_box .boxwrap .box7 .inbox {background:url("/section/introduce/introduce_11/img/box5_bg.jpg")no-repeat center center; background-size:cover;}
#section_type_introduce_11 .intro_box .boxwrap .box8 .inbox {background:url("/section/introduce/introduce_11/img/box6_bg.jpg")no-repeat center center; background-size:cover;}
#section_type_introduce_11 .intro_box .boxwrap .box9 .inbox {background:url("/section/introduce/introduce_11/img/box7_bg.jpg")no-repeat center center; background-size:cover;}
#section_type_introduce_11 .intro_box .boxwrap .box10 .inbox {background:url("/section/introduce/introduce_11/img/box8_bg.jpg")no-repeat center center; background-size:cover;}

#section_type_introduce_11 .intro_box .boxwrap .box .btn {display:inline-block;}
	#section_type_introduce_11 .intro_box .boxwrap .box .btn1 {background:#024ba9;}
	#section_type_introduce_11 .intro_box .boxwrap .box .btn2 {background:#ff8b0e;}
	#section_type_introduce_11 .intro_box .boxwrap .box .btn3 {background:#ba2520;}
#section_type_introduce_11 .intro_box .boxwrap .box .btn a {display:block; width:100%; height:100%; padding:10px 20px; color:#fff; font-weight:300; box-sizing:border-box;}
#section_type_introduce_11 .intro_box .boxwrap .box .btn a:hover {text-decoration:underline;}



/*************** [banner]responsive ***************/

/*intro_box*/
@media screen and (max-width:900px) {
	#section_type_introduce_11 .intro_box .boxwrap .box .top {vertical-align:middle; padding:0 0 0 45px;}

	#section_type_introduce_11 .intro_box .boxwrap .box_w50 {width:100%;}
	#section_type_introduce_11 .intro_box .boxwrap .box_w25 {width:50%;} 
	#section_type_introduce_11 .intro_box .boxwrap .box_h50 {height:320px;}
	
	#section_type_introduce_11 .intro_box .boxwrap_h100 {height:320px;}
	#section_type_introduce_11 .intro_box .boxwrap_h70 {height:320px;}
	#section_type_introduce_11 .intro_box .boxwrap_h50 {height:320px;}

	#section_type_introduce_11 .intro_box .boxwrap .box h3 {font-size:30px;}
	#section_type_introduce_11 .intro_box .boxwrap .box h2 {font-size:26px;}
}
@media screen and (max-width:450px) {
	#section_type_introduce_11 .intro_box .boxwrap .box_w25 {width:100%;}
	#section_type_introduce_11 .intro_box .boxwrap .box_h50 {height:250px;}
	
	#section_type_introduce_11 .intro_box .boxwrap_h100 {height:250px;}
	#section_type_introduce_11 .intro_box .boxwrap_h70 {height:250px;}
	#section_type_introduce_11 .intro_box .boxwrap_h50 {height:250px;}

	#section_type_introduce_11 .intro_box .boxwrap .box h4 {font-size:20px;}
	#section_type_introduce_11 .intro_box .boxwrap .box h3 {font-size:28px;}
	#section_type_introduce_11 .intro_box .boxwrap .box h2 {font-size:24px;}
	#section_type_introduce_11 .intro_box .boxwrap .box p {font-size:16px;}
}