/*************** [banner]basic ***************/
/*#section_type_introduce_15*/

#section_type_introduce_15 {clear:both;}
#section_type_introduce_15 .intro {width:100%; height:100%; overflow:hidden;}
#section_type_introduce_15 .intro .intro_box {float:left; height:100%; transition:all 0.3s;}
	#section_type_introduce_15 .intro .intro_box.bg1 {width:33%; background:url("/section/introduce/introduce_15/img/bg1.jpg") center center; background-size:cover;}
	#section_type_introduce_15 .intro .intro_box.bg2 {width:34%; background:url("/section/introduce/introduce_15/img/bg2.jpg") center center; background-size:cover;}
	#section_type_introduce_15 .intro .intro_box.bg3 {width:33%; background:url("/section/introduce/introduce_15/img/bg3.jpg") center center; background-size:cover;}

#section_type_introduce_15 .intro .intro_box:hover {/* background-size:110%; */ transform:scale(1.01); transition:all 0.3s;}

#section_type_introduce_15 .intro .intro_box .in_box {display:table; width:100%; height:100%;}
#section_type_introduce_15 .intro .intro_box .in_box a {display:table-cell; vertical-align:middle; width:100%; height:100%;}

#section_type_introduce_15 .intro .intro_box .in_box a .icon {width:220px; height:220px; border-radius:50%; background:rgba(255,255,255,0.3); text-align:center; position:relative; left:50%; margin-left:-110px; margin-bottom:100px;}
#section_type_introduce_15 .intro .intro_box .in_box:hover a .icon {background:rgba(255,255,255,0.4);}
#section_type_introduce_15 .intro .intro_box .in_box a .icon h1 img {padding-top:75px;}

#section_type_introduce_15 .intro .intro_box .in_box a .text h2 {text-align:center; color:#fff; margin-bottom:40px; font-size:40px; font-weight:400;}
#section_type_introduce_15 .intro .intro_box .in_box a .text p {text-align:center; color:#fff; font-size:18px; line-height:170%; font-weight:300;}

/*************** [banner]responsive ***************/

/*intro_box*/
@media screen and (max-width:1024px){
	#section_type_introduce_15 .intro .intro_box .in_box a .icon {width:160px; height:160px; margin-left:-80px;}
	#section_type_introduce_15 .intro .intro_box .in_box a .icon h1 img {padding-top:45px;}
	#section_type_introduce_15 .intro .intro_box .in_box a .text h2 {font-size:30px;}

}	
@media screen and (max-width:900px){
	#section_type_introduce_15 .intro .intro_box {float:none; height:auto;}
	#section_type_introduce_15 .intro .intro_box.bg1 {width:100%;	}
	#section_type_introduce_15 .intro .intro_box.bg2 {width:100%;	}
	#section_type_introduce_15 .intro .intro_box.bg3 {width:100%;	}
	
	#section_type_introduce_15 .intro .intro_box .in_box a {padding:40px 0;}
	#section_type_introduce_15 .intro .intro_box .in_box a .icon {margin-bottom:40px;}

	#section_type_introduce_15 .intro .intro_box .in_box a .text h2 {margin-bottom:20px; font-size: 26px;}
}
@media screen and (max-width:600px){
	#section_type_introduce_15 .intro .intro_box .in_box a {padding:80px 0;}
	#section_type_introduce_15 .intro .intro_box .in_box a .icon {
	float: left;
    width: 50%;
    height: 100%;
    background: none;
    left: 0;
    margin-left: 0;
    margin-bottom: 0;}
	
	#section_type_introduce_15 .intro .intro_box .in_box:hover a .icon {background:none;}

	#section_type_introduce_15 .intro .intro_box .in_box a .icon h1 {
	width: 140px;
    height: 140px;
    background: rgba(255,255,255,0.3);
    border-radius: 50%;
    position: relative;
    left: 50%;
    margin-left: -70px;}

	#section_type_introduce_15 .intro .intro_box .in_box a .icon h1 img {padding-top: 38px;}

	#section_type_introduce_15 .intro .intro_box .in_box a .text {float: left;
    width: 50%;
    height: 100%;
    padding-top: 20px;}

	#section_type_introduce_15 .intro .intro_box .in_box a .text h2 {text-align: left;}
	#section_type_introduce_15 .intro .intro_box .in_box a .text p {text-align: left;}
}
@media screen and (max-width:450px){
	#section_type_introduce_15 .intro .intro_box .in_box a {padding:90px 10px;}
	#section_type_introduce_15 .intro .intro_box .in_box a .icon {width:45%;}
	#section_type_introduce_15 .intro .intro_box .in_box a .icon h1 {width: 100px;
    height: 100px;
    margin-left: -50px;}
	#section_type_introduce_15 .intro .intro_box .in_box a .icon h1 img {height: 45px;
    padding-top: 30px;}
	#section_type_introduce_15 .intro .intro_box .in_box a .text {width: 55%;
    padding-top: 0;}
	#section_type_introduce_15 .intro .intro_box .in_box a .text h2 {font-size: 24px;}
	#section_type_introduce_15 .intro .intro_box .in_box a .text p {font-size: 16px;}
}
/*@media screen and (max-width:450px){
	#section_type_introduce_15 .intro .intro_box .in_box a .icon {width:110px; height:110px; margin-left:-55px;}
	#section_type_introduce_15 .intro .intro_box .in_box a .icon h1 img {padding-top:35px; height:40px;}

	#section_type_introduce_15 .intro .intro_box .in_box a .text h2 {font-size: 22px;}
	#section_type_introduce_15 .intro .intro_box .in_box a .text p {font-size:16px; line-height:135%;}
}*/
