@charset "utf-8";
/* @latest 2021.03.15 YHY */
/* @latest 2022.01.27 SSJ */

.banner004 {width:100%;height:100%;float:left;padding:0;text-align:left;background:#fff;box-sizing:border-box;position:relative;}

.banner004 > a {width:100%; height:100%; float:left; padding:15px; background:white; box-sizing:border-box; position:relative; text-align:left;}
.banner004 > a:focus {border:1px dashed #666;}
.banner004 .bnr04tit {font-size:18px; line-height: 25px; font-weight:600; color:#333;
						width:100%; float:left; margin-bottom:15px; padding-right:20%; display:block; box-sizing:border-box;
						-webkit-box-orient:vertical; display:-webkit-box; white-space:normal; word-break:keep-all; overflow: hidden;}
.banner004 .bnr04co {font-size: 16px;line-height: 160%;letter-spacing:-0.5px;color:#636363;padding-right:20%;width:100%;float:left;display:block;box-sizing:border-box;overflow:hidden;-webkit-box-orient:vertical;display:-webkit-box;white-space:normal;word-break:keep-all;}

.banner004 .bnr04icon {position:absolute;}
.banner004 .bnr04icon img {max-width:100%;max-height:80%;}

.banner004 .bnr04bg {position:absolute; top:0; right:0; text-align:right; background:transparent;}
.banner004 .bnr04bg img {-webkit-filter:grayscale(100%); filter:gray; zoom:3; opacity:0.1; max-width:65px; vertical-align:middle;}

.banner004 .bnr04btn {color:#1261b0;line-height: 150%;text-align:center;font-size:15px;position:relative;width:100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;box-sizing: border-box;padding-right:15px;}
.banner004 .bnr04btn strong {float:left; max-width:83%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align:left;}

.banner004 .bnr04btn:after {content:"\276d"; float:left; padding-left:15px; font-weight:600;}
.banner004:hover span.bnr04btn:after {padding-left:25px; -webkit-transition:padding-left 1s; transition:padding-left 1s;}
.banner004:hover .bnr04bg img {opacity:0.06; -webkit-transition:opacity 1s; transition:opacity 1s;}



	/*layer height - different styling */
	.layout_height_H .banner004 .bnr04tit {-webkit-line-clamp:3; max-height:75px;}
	.layout_height_M .banner004 .bnr04tit {-webkit-line-clamp:2; max-height:50px;}
	.layout_height_L .banner004 .bnr04tit {-webkit-line-clamp:1; white-space:nowrap; text-overflow:ellipsis; display:block;}
	.layout_height_H .banner004 .bnr04co {-webkit-line-clamp:6;}
	.layout_height_M .banner004 .bnr04co {-webkit-line-clamp:4;}
	.layout_height_L .banner004 .bnr04co {display:block;}

    .layout_height_A .banner004 .bnr04btn {position:relative;bottom:auto;margin-top:30px;float: left;padding: 0;}
    .layout_height_A .banner004 .bnr04bg,
    .layout_height_A .banner004 .bnr04icon {top:50%;transform: translateY(-50%);}

@media (min-width:800px){
	.banner004 .bnr04icon {top:0px;right:30px;width:130px;text-align:center;}
	.banner004 .bnr04btn {position:absolute; left:0; bottom:15px; padding-left:15px; }

	.layout_height_H .banner004 .bnr04bg {line-height:320px;}
	.layout_height_H .banner004 .bnr04icon {line-height:350px; }
	.layout_height_M .banner004 .bnr04bg {line-height:240px;}
	.layout_height_M .banner004 .bnr04icon {line-height:240px; }

		.layout_height_H .banner004 .bnr04tit {margin-top:40px;}
		.layout_height_H .banner004 .bnr04co {margin:10px 0 20px; height:130px; padding-right:130px;}

		.layout_height_M .banner004 .bnr04tit {padding-bottom:10px;}
		.layout_height_M .banner004 .bnr04co {height:90px; margin:5px 0 25px; padding-right:130px;}

		.layout_height_L .banner004 .bnr04tit {box-sizing:border-box; padding-bottom:0; margin-top:-3px;}
		.layout_height_L .banner004 .bnr04co {width:100%; height:22px; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:7px 0;}
		.layout_height_L .banner004 .bnr04bg img {zoom:2;}
		.layout_height_L .banner004 .bnr04icon {width:70px; line-height:150px;}

		.layout_03 .banner004 .bnr04bg img, .layout_04 .banner004 .bnr04bg img {zoom:2;}
		.layout_03 .banner004 .bnr04icon, .layout_04 .banner004 .bnr04icon {width:70px;}
		.layout_03.layout_height_H .banner004 .bnr04tit, .layout_04.layout_height_H .banner004 .bnr04tit {margin-top:0px;}
		.layout_03.layout_height_H .banner004 .bnr04co, .layout_04.layout_height_H .banner004 .bnr04co {padding-right:30%; height:185px;}
		.layout_03.layout_height_H .banner004 .bnr04bg, .layout_04.layout_height_H .banner004 .bnr04bg  {line-height:350px;}
		.layout_03.layout_height_H .banner004 .bnr04icon, .layout_04.layout_height_H .banner004 .bnr04icon {line-height:350px;}

		.layout_03.layout_height_L .banner004 .bnr04bg, .layout_04.layout_height_L .banner004 .bnr04bg {line-height:150px;}
		.layout_03.layout_height_L .banner004 .bnr04bg img, .layout_04.layout_height_L .banner004 .bnr04bg img {zoom:2.05;}
		.layout_03.layout_height_L .banner004 .bnr04icon, .layout_04.layout_height_L .banner004 .bnr04icon {line-height: 60px;top: 35px;}
		.layout_03.layout_height_L .banner004 .bnr04co,.layout_04.layout_height_L .banner004 .bnr04co {width:90%;}

}
@media (max-width:799px){
	.banner004 .bnr04icon {top:50px; right:15px; width:20%;}
	.banner004 .bnr04bg {display:none;}
	.banner004 .bnr04tit {font-size:17px !important;}

	.layout_block2 .banner004 .bnr04tit,
	.layout_block3 .banner004 .bnr04tit {text-align:left;box-sizing:border-box;}
	.layout_block2 .banner004 .bnr04co,
	.layout_block3 .banner004 .bnr04co {float:left; text-align:left;}


}
@media (min-width:800px) and (max-width:1050px){
	 .banner004 .bnr04tit {font-size:19px; letter-spacing:-2px;}
}
@media (min-width:600px) and (max-width:799px){
	 .banner004 .bnr04tit {font-size:19px; text-align:left;}
	 .banner004 .bnr04co {font-size: 15px;text-align:left;}

	 .layout_block4 .banner004 {text-align:center;}
	 .layout_block4 > .layout_height_H .banner004 .bnr04co {font-size:13px; height:140px; margin-bottom:45px; padding-right:30%;}
	 .layout_block4 > .layout_height_H .banner004 .bnr04icon {width:100px; bottom:50px; top:initial;}
	 .layout_block4 > .layout_height_M .banner004 .bnr04icon {width:100px; top:70px;}
	 .layout_block4 > .layout_height_H .banner004 .bnr04bg {display:inline; line-height:400px;}
	 .layout_block4 > .layout_height_M .banner004 .bnr04bg {display:inline; line-height:190px;}
	 .layout_block4 > .layout_height_H .banner004 .bnr04bg img,
	 .layout_block4 > .layout_height_M .banner004 .bnr04bg img {zoom:2;}
	 .layout_block4 > .layout_height_M .banner004 .bnr04co {float:left; margin:0; padding-right:35%; height:90px;}
	 .layout_block4 > .layout_height_L .banner004 .bnr04co {width:100%; height:auto; max-height:22px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:10px;}
	 .layout_block4 .banner004 .bnr04btn {position:absolute; left:0; bottom:15px; padding-left:15px; }

}

@media (max-width:599px){
	 .banner004 .bnr04tit {font-size:17px; letter-spacing:-1px; box-sizing:border-box; padding-right:32%;}
	 .banner004 .bnr04co { margin:0 0 10px; box-sizing:border-box; padding-right:32%;}

	.layout_block2 .banner004 .bnr04tit,
	.layout_block3 .banner004 .bnr04tit {font-size:17px; letter-spacing:-1px; box-sizing:border-box; padding-right:35%; padding-left:0;}
	.layout_block2 .banner004 .bnr04co,
	.layout_block3 .banner004 .bnr04co {width:100%;font-size: 15px;margin:0;box-sizing:border-box;padding-right:35%;}

	.layout_height_H .banner004 .bnr04co {height:128px;}
	.layout_height_M .banner004 .bnr04co {height:84px;}
	.layout_height_L .banner004 .bnr04co {height:22px; white-space:nowrap; text-overflow:ellipsis;}
	.banner004 .bnr04icon {width:30%; top:40px; text-align:right;}
}