@charset "utf-8";
#inc06{overflow:hidden;width:100%}
#inc06 .inc06_wrap{position:relative;margin:200px auto;width:90%}
#inc06 .inc06_wrap .tit{display:flex;flex-direction:column;align-items:center}
#inc06 .inc06_wrap .tit a{border:2px solid #fff;color:#000;background-color:#fff;transition:all .3s}



#m_bnr { 
	position: relative;
	width:100%;  height:1200px;  margin:0px auto; 
	/* background:url('<?php echo G5_THEME_URL;?>/index/inc06/img/con_box_back.jpg') no-repeat top center; 
	background-size:cover; */
	background-color: transparent;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 5% 0 0 ;

}
#m_bnr:after{ content:""; display:block; clear:both;}
#m_bnr > div {margin: 6px; cursor: pointer;}
#m_bnr .con_box1 {width: 33%; height: 99%; display: flex; flex-direction: column; justify-content: space-between;}
#m_bnr .con_box1>div {position: relative; width: 100%; margin: 1%; background-color: aqua;transition: all 0.3s;}
#m_bnr .con_box1>div:hover {background-size: 110% 110%;transition: all 0.3s;}
#m_bnr .con_box1 .con_box1_1 {height: 60%; background-size: 105% 105%;background-position: center;
	background-image: url(img/con_box1_1.jpg); 
}
#m_bnr .con_box1 .con_box1_2 {height: 39%; background-size: 105% 105%;background-position: center;
	background-image: url(img/con_box1_2.jpg); 
}

#m_bnr .con_box2 {width: 33%; height: 99%; display: flex; flex-direction: column; justify-content: space-between;}
#m_bnr .con_box2>div {position: relative; width: 100%; margin: 1%; background-color: rgb(157, 197, 10);transition: all 0.3s;}
#m_bnr .con_box2>div:hover {background-size: 110% 110%; transition: all 0.3s;}
#m_bnr .con_box2 .con_box2_1 {height: 50%; background-size: 105% 105%; background-position: center;
	background-image: url(img/con_box2_1.jpg); 
}
#m_bnr .con_box2 .con_box2_2 {height: 26%; background-size: 105% 105%;background-position: center;
	background-image: url(img/con_box2_2.jpg); 
}
#m_bnr .con_box2 .con_box2_3 {height: 23%; background-size: 105% 105%;background-position: center;
	background-image: url(img/con_box2_3.jpg); 
}

#m_bnr .con_box3 {width: 33%; height: 99%; display: flex; flex-direction: column; justify-content: space-between;}
#m_bnr .con_box3>div {position: relative; width: 100%;  margin: 1%; background-color: rgb(132, 0, 255);transition: all 0.3s;}
#m_bnr .con_box3>div:hover {background-size: 110% 110%;transition: all 0.3s;}
#m_bnr .con_box3 .con_box3_1 {height: 25%; background-size: 105% 105%;background-position: center;
	background-image: url(img/con_box3_1.jpg); 
}
#m_bnr .con_box3 .con_box3_2 {height: 44%; background-size: 105% 105%;background-position: center;
	background-image: url(img/con_box3_2.jpg); 
}
#m_bnr .con_box3 .con_box3_3 {height: 30%; background-size: 105% 105%;background-position: center;
	background-image: url(img/con_box3_3.jpg); 
}



#m_bnr .con_box1>div .t00{position: absolute; bottom: 2%; left: 2%; text-align: left; font-size: 1.2em;
	line-height: 1.2em; color: #fff;}
#m_bnr .con_box2>div .t00{position: absolute; bottom: 2%; left: 2%; text-align: left; font-size: 1.2em;
	line-height: 1.2em; color: #fff;}
#m_bnr .con_box3>div .t00{position: absolute; bottom: 2%; left: 2%; text-align: left; font-size: 1.2em;
	line-height: 1.2em; color: #fff;}





/* #m_bnr div.con_box1 {position:relative; float:left; width:33.3333%; height:100%; text-align:center; background:rgba(0,0,0,0.1); border-right:1px solid rgba(255,255,255,0.1); transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease; opacity:0; z-index:1;}
#m_bnr div.con_box2 {position:relative; float:left; width:33.3333%; height:100%; text-align:center; background:rgba(0,0,0,0.1); border-right:1px solid rgba(255,255,255,0.1); transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease; opacity:0; z-index:1;}
#m_bnr div.con_box3 {position:relative; float:left; width:33.3333%; height:100%; text-align:center; background:rgba(0,0,0,0.1); transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease; opacity:0; z-index:1;}
#m_bnr div .hover_area em { display:block; color:#fff;  
	font-size:3em; padding-top:40vh; text-align:center; 
	letter-spacing:-0em; font-style: normal;
	line-height: 1.1em;
 } */





