/*************** [banner]basic ***************/
/*#section_type_introduce_12*/

#section_type_introduce_12 {clear:both;}
#section_type_introduce_12 .intro {width:100%;}
#section_type_introduce_12 .intro .intro_box {width:100%; padding:125px 0;}

#section_type_introduce_12 .intro .intro_box1 {background:url("/section/introduce/introduce_12/img/bg1.jpg")no-repeat center center; background-size:cover; text-align:center;}
#section_type_introduce_12 .intro .intro_box1 h2 {color:#fff; font-size:36px; line-height:135%; margin-bottom:50px; font-weight:400;}
#section_type_introduce_12 .intro .intro_box1 p {color:#fff; font-size:18px; line-height:135%;}
#section_type_introduce_12 .intro .intro_box1 p:nth-child(2) {margin-bottom:60px;}
#section_type_introduce_12 .intro .intro_box1 p a {text-decoration:underline; color:#fff;}
#section_type_introduce_12 .intro .intro_box1 p a:hover {color:#f9f077;}

#section_type_introduce_12 .intro .intro_box2 {background:url("/section/introduce/introduce_12/img/bg2.jpg")no-repeat center center; background-size:cover;}
#section_type_introduce_12 .intro .intro_box2 ul {width:100%; overflow: hidden;}
#section_type_introduce_12 .intro .intro_box2 ul li {float:left; width:25%; box-sizing:border-box;}
#section_type_introduce_12 .intro .intro_box2 ul li .box_inner {width:210px; height:210px; text-align:center; border-radius:50%; background:rgba(0 0 0 / 50%); box-sizing:border-box; margin:0 auto;}
	 #section_type_introduce_12 .intro .intro_box2 ul li .box_inner:hover {background:#000;}	
	#section_type_introduce_12 .intro .intro_box2 ul li .box_inner a {display:table; width:100%; height:100%; border-radius:50%; text-align:center; box-sizing:border-box;}
	#section_type_introduce_12 .intro .intro_box2 ul li .box_inner a div {display:table-cell; vertical-align:middle;}
	#section_type_introduce_12 .intro .intro_box2 ul li .box_inner a div h1 {margin-bottom:15px;}
	#section_type_introduce_12 .intro .intro_box2 ul li .box_inner a div p {font-size:22px; letter-spacing:-1px; color: #fff;}
	#section_type_introduce_12 .intro .intro_box2 ul li .box_inner:hover a div p {text-decoration:underline;} /**/


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

/*intro_box*/
@media screen and (max-width:1024px) {
	#section_type_introduce_12 .intro .intro_box {padding:80px 0;}

	#section_type_introduce_12 .intro .intro_box1 {padding-top:120px;}

	#section_type_introduce_12 .intro .intro_box2 ul li {width:50%; margin-bottom:30px;}
	#section_type_introduce_12 .intro .intro_box2 ul li:nth-child(3),
	#section_type_introduce_12 .intro .intro_box2 ul li:nth-child(4) {margin-bottom:0;}
}	
@media screen and (max-width:600px) {
	#section_type_introduce_12 .intro .intro_box1 h2 {font-size:28px;}
	#section_type_introduce_12 .intro .intro_box1 p {font-size:22px;}
	
	#section_type_introduce_12 .intro .intro_box2 ul li .box_inner {width:190px; height:190px;}
	#section_type_introduce_12 .intro .intro_box2 ul li .box_inner a div h1 img {width:80px;}
	#section_type_introduce_12 .intro .intro_box2 ul li:nth-child(1) .box_inner a div h1 img {width:40px;}

	#section_type_introduce_12 .intro .intro_box2 ul li .box_inner a div p {font-size:18px;}
}
@media screen and (max-width:450px) {
	#section_type_introduce_12 .intro .intro_box2 ul li {width:100%;}
	#section_type_introduce_12 .intro .intro_box2 ul li:nth-child(3) {margin-bottom:30px;}
}