/*************** [banner]basic ***************/
/*#section_type_introduce_18*/
#section_type_introduce_18 {clear:both;}
#section_type_introduce_18 .introduce {position:relative; width:100%; height:460px; background:url("/section/introduce/introduce_18/img/bg.jpg")no-repeat center center; 
background-size:cover;}
#section_type_introduce_18 .introduce .left {position:absolute; left:0; bottom:0;}
#section_type_introduce_18 .introduce .right {position:absolute; right:0; padding-top:80px; padding-right:15%;}
	#section_type_introduce_18 .introduce .right h1 {font-family:"GmarketSansMedium"; font-size:36px; font-weight:400; color:#fff; margin-bottom:40px; text-align:center; line-height:135%;}
	#section_type_introduce_18 .introduce .right h3 {font-family:"GmarketSansMedium"; font-size:18px; font-weight:400; color:#fff; margin-bottom:40px; text-align:center; line-height:135%;}
	#section_type_introduce_18 .introduce .right .icon_box {width:100%; overflow:hidden;}
	#section_type_introduce_18 .introduce .right .icon_box .icon {float:left; width:150px; height:150px; border:1px solid #fff; border-radius:50%; margin:0 10px;}
	#section_type_introduce_18 .introduce .right .icon_box .icon a {display:block; width:100%; height:100%; border-radius:50%; padding:35px 0; box-sizing:border-box;}
	#section_type_introduce_18 .introduce .right .icon_box .icon a h2 {text-align:center; padding-bottom:10px;}
	#section_type_introduce_18 .introduce .right .icon_box .icon a p {text-align:center; color:#fff; font-size:18px;}
	#section_type_introduce_18 .introduce .right .icon_box .icon a:hover p {text-decoration:underline;}

/*************** [banner]responsive ***************/

/*intro_box*/
@media screen and (max-width:1700px){
	#section_type_introduce_18 .introduce .left img {width:800px;}
}

@media screen and (max-width:1600px){
	#section_type_introduce_18 .introduce .left img {width:600px;}
}

@media screen and (max-width:1400px){
	#section_type_introduce_18 .introduce .left img {display:none;}
}

@media screen and (max-width:1200px){
	#section_type_introduce_18 .introduce .right {position:relative; padding-right:0;}
	#section_type_introduce_18 .introduce .right .icon_box {position:relative; width:860px; left:50%; margin-left:-430px;}
}

@media screen and (max-width:1024px){
	#section_type_introduce_18 .introduce {height:auto; padding-bottom:60px;}
	#section_type_introduce_18 .introduce .right h1 {font-size:30px;}
	#section_type_introduce_18 .introduce .right h3 {font-size:16px; padding:0 10px;}
	#section_type_introduce_18 .introduce .right .icon_box {width:610px; margin-left:-305px;}
	#section_type_introduce_18 .introduce .right .icon_box .icon {width:100px; height:100px;}
	#section_type_introduce_18 .introduce .right .icon_box .icon a {padding:20px 0;}
	#section_type_introduce_18 .introduce .right .icon_box .icon a h2 img {width:35px;}
	#section_type_introduce_18 .introduce .right .icon_box .icon a p {font-size:16px;}
}

@media screen and (max-width:620px){
	#section_type_introduce_18 .introduce .right .icon_box {width:250px; margin-left:-125px;}
	#section_type_introduce_18 .introduce .right .icon_box .icon {margin-bottom:20px;}
}
