/*************** [banner]basic ***************/
/*#section_type_introduce_10*/

#section_type_introduce_10 {clear:both;}
#section_type_introduce_10 .intro {width:100%; background:#f7f7f7; padding:85px 0;}

/*intro_box*/
 #section_type_introduce_10 .intro .intro_box {}
#section_type_introduce_10 .intro .intro_box > h2 {text-align:center; font-size:36px; color:#000; letter-spacing:-0.5px; font-weight:400;}
#section_type_introduce_10 .intro .intro_box > h3 {text-align:center; font-size:18px; color:#1a252f; opacity:0.63; letter-spacing:-0.5px; margin:10px 0 80px 0; font-weight:400;}

#section_type_introduce_10 .intro .intro_box .intro_inbox {overflow:hidden; width:100%; margin:0 auto;}
#section_type_introduce_10 .intro .intro_box .intro_inbox .box,
#section_type_introduce_10 .intro .intro_box .intro_inbox .box div {box-sizing:border-box;}

#section_type_introduce_10 .intro .intro_box .intro_inbox .box{float:left; width:32%;}
#section_type_introduce_10 .intro .intro_box .intro_inbox .box .in_box {position:relative; width:96%; height:250px; border:1px solid #ccc; overflow:hidden;}
#section_type_introduce_10 .intro .intro_box .intro_inbox .box .in_box + .in_box{margin-top:30px;}

#section_type_introduce_10 .intro .intro_box .intro_inbox .box a {width:100%; height:100%; display:block;}
#section_type_introduce_10 .intro .intro_box .intro_inbox .box a h2{position:absolute; top:25px; left:25px; font-size:26px; color:#282828; letter-spacing:-0.5px; font-weight:400;}
/* #section_type_introduce_10 .intro .intro_box .intro_inbox .box h2 a{display:block; font-size:16px; color:#282828; letter-spacing:-0.25px; opacity:0.7; margin-top:7px; font-weight:400;} */
#section_type_introduce_10 .intro .intro_box .intro_inbox .box a:hover h2{opacity:0.8;}

#section_type_introduce_10 .intro .intro_box .intro_inbox .quick1 {background:url("/section/introduce/introduce_10/img/box1.jpg")no-repeat right bottom; background-size:cover;}
#section_type_introduce_10 .intro .intro_box .intro_inbox .quick2 {background:url("/section/introduce/introduce_10/img/box2.jpg")no-repeat right bottom; background-size:cover;}
#section_type_introduce_10 .intro .intro_box .intro_inbox .quick3 {background:url("/section/introduce/introduce_10/img/box3.jpg")no-repeat right bottom; background-size:cover;}
#section_type_introduce_10 .intro .intro_box .intro_inbox .quick4 {background:url("/section/introduce/introduce_10/img/box4.jpg")no-repeat right bottom; background-size:cover;}
#section_type_introduce_10 .intro .intro_box .intro_inbox .quick5 {background:url("/section/introduce/introduce_10/img/box5.jpg")no-repeat right bottom; background-size:cover;}
#section_type_introduce_10 .intro .intro_box .intro_inbox .quick6 {background:url("/section/introduce/introduce_10/img/box6.jpg")no-repeat right bottom; background-size:cover;}

/* #section_type_introduce_10 .intro .intro_box .intro_inbox .quick3{position:relative; width:32%; height:530px; margin:0 2%; border:1px solid #ccc; z-index:1;}
#section_type_introduce_10 .intro .intro_box .intro_inbox .quick3 h2{color:#fff;}
#section_type_introduce_10 .intro .intro_box .intro_inbox .quick3 h2 a{color:#fff;} */

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

/*intro_box*/
@media screen and (max-width:1024px) {
	#section_type_introduce_10 .intro {padding:60px 0;}
	#section_type_introduce_10 .intro .intro_box > h3 {margin: 10px 0 20px 0;}
	#section_type_introduce_10 .intro .intro_box .intro_inbox{width:95%;}

	#section_type_introduce_10 .intro .intro_box .intro_inbox .box{width:48%; overflow:hidden;}
	#section_type_introduce_10 .intro .intro_box .intro_inbox .box .in_box{height:200px;}
	#section_type_introduce_10 .intro .intro_box .intro_inbox .box .in_box img{width:100%; min-width:305px;}

	/* #section_type_introduce_10 .intro .intro_box .intro_inbox .quick3 {margin:0 0 0 4%; height:430px;}
	#section_type_introduce_10 .intro .intro_box .intro_inbox .quick3 img{width:100%; bottom:0;} */
}
@media screen and (min-width:600px) and (max-width:1024px) {
	#section_type_introduce_10 .intro .intro_box .intro_inbox .box {clear:both; float:none; width:100%; padding-top:30px;}
	#section_type_introduce_10 .intro .intro_box .intro_inbox .box .in_box{float:left; width:48%;}
	#section_type_introduce_10 .intro .intro_box .intro_inbox .box .in_box + .in_box{margin:0; margin-left:4%;}
}
@media screen and (max-width:800px) {
	#section_type_introduce_10 .intro .intro_box > h2{font-size:30px;}
}
@media screen and (max-width:680px) {
	/* #section_type_introduce_10 .intro .intro_box .intro_inbox .quick3 img{height:100%;} */
}
@media screen and (max-width:599px) {
	#section_type_introduce_10 .intro .intro_box .intro_inbox .box{float:none; width:100%; max-width: 378px; margin:0 auto; }
	#section_type_introduce_10 .intro .intro_box .intro_inbox .box .in_box {margin-top:30px;}
	/* #section_type_introduce_10 .intro .intro_box .intro_inbox .quick3{height:200px; margin:30px auto; }
	#section_type_introduce_10 .intro .intro_box .intro_inbox .quick3 h2 {color: #000;}
	#section_type_introduce_10 .intro .intro_box .intro_inbox .quick3 h2 a {color:#282828;} */
}
@media screen and (max-width:480px) {
	#section_type_introduce_10 .intro .intro_box > h2{font-size:26px;}
	#section_type_introduce_10 .intro .intro_box > h3{font-size:18px; margin:8px 0 0 0;}

	#section_type_introduce_10 .intro .intro_box .intro_inbox{width:90%;}
	/* #section_type_introduce_10 .intro .intro_box .intro_inbox .box h2{font-size:20px;} */
	#section_type_introduce_10 .intro .intro_box .intro_inbox .box a h2{font-size:22px;}
}