/*************** [banner]basic ***************/
/*#section_type_introduce_6*/
/*etc*/
#section_type_introduce_6 .etc{margin:100px auto; text-align:center;}
#section_type_introduce_6 .etc h2 {font-size: 30px; color: #222; font-weight: 500; margin-bottom: 40px;}
#section_type_introduce_6 .etc h2 p {font-size: 18px; color: #666; font-weight: normal; margin-top: 15px;}

#section_type_introduce_6 .boxwrap {text-align:center; width:100%; height:430px; overflow:hidden;}
#section_type_introduce_6 .boxwrap .etc_box {width:30%; height:100%; margin-right:5%; padding:30px; float:left; display:table;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
#section_type_introduce_6 .boxwrap .etc_box1 {background:url("/section/introduce/introduce_6/img/img1.jpg")no-repeat center center; background-size:cover; transition:all 0.5s;}
#section_type_introduce_6 .boxwrap .etc_box2 {background:url("/section/introduce/introduce_6/img/img2.jpg")no-repeat center center; background-size:cover; transition:all 0.5s;}
#section_type_introduce_6 .boxwrap .etc_box3 {background:url("/section/introduce/introduce_6/img/img3.jpg")no-repeat center center; background-size:cover; margin-right:0; transition:all 0.5s;}

#section_type_introduce_6 .boxwrap .etc_box1:hover {background:url("/section/introduce/introduce_6/img/img1_h.jpg")no-repeat center center; background-size:cover;}
#section_type_introduce_6 .boxwrap .etc_box2:hover {background:url("/section/introduce/introduce_6/img/img2_h.jpg")no-repeat center center; background-size:cover;}
#section_type_introduce_6 .boxwrap .etc_box3:hover {background:url("/section/introduce/introduce_6/img/img3_h.jpg")no-repeat center center; background-size:cover; margin-right:0;}

#section_type_introduce_6 .boxwrap .etc_box .etc_middle_box {display:table-cell; vertical-align:middle;}
#section_type_introduce_6 .boxwrap .etc_box .etc_middle_box h3 {color: #fff; font-size: 27px; font-weight: 500; margin: 20px 0;}
#section_type_introduce_6 .boxwrap .etc_box .etc_middle_box p {color: #fff; font-size: 18px; margin-bottom: 15px; text-shadow: 0px 1px 1px #888; line-height:135%;}
#section_type_introduce_6 .boxwrap .etc_box .etc_middle_box h4 a img {transition:all 0.3s;}
#section_type_introduce_6 .boxwrap .etc_box .etc_middle_box h4 a:hover img {transform:scale(1.2);}



/*************** [banner]responsive ***************/
@media screen and (max-width:1024px){
	#section_type_introduce_6 .etc h2 {font-size:28px;}
	#section_type_introduce_6 .etc h2 p {font-size: 17px;}
	#section_type_introduce_6 .boxwrap .etc_box .etc_middle_box h3 {font-size:25px;}
	#section_type_introduce_6 .boxwrap .etc_box .etc_middle_box p {font-size:17px;}
}
@media screen and (max-width:975px){
    #section_type_introduce_6 .boxwrap {height:330px;}
}
@media screen and (max-width:800px){ /*pc, tablet - galaxy tab*/
	#section_type_introduce_6 .boxwrap {height:940px;}
	#section_type_introduce_6 .boxwrap .etc_box {width:100%; height:300px; margin-right:0; margin-bottom:20px; float:none;}
	#section_type_introduce_6 .boxwrap .etc_box3 {margin-bottom:0;}
}
@media screen and (max-width:414px){ /*mobile - iphone 6+,7+,8+*/
	#section_type_introduce_6 .etc h2 {font-size:26px;}
	#section_type_introduce_6 .etc h2 p {font-size: 16px;}
	#section_type_introduce_6 .boxwrap .etc_box .etc_middle_box h3 {font-size:23px;}
	#section_type_introduce_6 .boxwrap .etc_box .etc_middle_box p {font-size:16px;}
}