@charset "UTF-8";
/* banner002_1
 * @latest 2020.03.20 ssj
*/

.banner002_1 {width:100%; position:relative; float:left; overflow:hidden; text-align:center; background:#000;}

	.banner002_1 .bg {width:100%; padding:0 15px; max-height:100%; transition:background 1s; box-sizing:border-box;}
	.banner002_1 .bg .bTitle {color:white; padding-bottom:5px; font-size:18px; overflow:hidden; line-height:150%; word-break:keep-all;}
	.banner002_1 .bg hr {width:100px; display:inline-block; height:1px; background:rgba(255,255,255,0.5); border:none; margin:0 0 20px;}
	.banner002_1 .bg .bContent {color:white; line-height:22px; clear:both; display:inline-block;width: 100%; font-size: 15px;
								box-sizing:border-box; word-break:keep-all;}
	.banner002_1 img {/* width:100%; */ height:auto; min-height:100%; min-width:100%; -webkit-transition:transform 1s;transition:transform 1s;
					 display:inline-block; vertical-align:middle; max-width:100%; opacity:0.7;}
	
	

	@media (min-width:800px){
		.banner002_1:hover img {transform:scale(1.1);}
		.banner002_1 .bg {position:absolute; left:0; top:50%; transform:translate(0,-50%);}
		
		.layout_height_H .banner002_1 {height:350px;}
		.layout_height_M .banner002_1 {height:250px;}
		.layout_height_L .banner002_1 {height:150px;}
	}

	@media (min-width:1050px){ 
		.banner002_1 .bg hr {width:145px; margin:0 0 15px;}
		.layout_height_L .banner002_1 .bg .bContent {height:44px; -webkit-line-clamp:2;}
	}

	@media (max-width:799px){
		.banner002_1 img {position:absolute; top:-9999px; bottom:-9999px; right:-9999px; left:-9999px; margin:auto; max-width:none;}
		.banner002_1 .bg {position:relative; transform:translate(0,0); padding:50px 15px;}

	}
	@media (min-width:600px) and (max-width:799px){
		.banner002_1 .bg .bTitle {margin-bottom:6px; font-size:17px;}
		.layout_04 .banner002_1 {height:100% !important;}
	}

	@media (max-width:599px){
		.banner002_1 .bg .bTitle {font-size:17px;}
		.banner002_1 .bg hr {margin:0 0 10px;}
	}