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

/* roll_img004 */
.roll_img004 {width:100%; height:100%; float:left; position:relative; overflow:hidden;}
.roll_img004 .bnr_p {width: 100%;height:100%; position:absolute;top:0;left: 0;background: url(../img/black_layer.png) no-repeat 100% 100%;background-size: cover;}
.roll_img004 .bnr_p:after {}
.roll_img004 .swiper-slide img {width:100%;min-height:100%;}
.roll_img004 .bnr_p .bnr_p_wrap {width:100%; box-sizing:border-box; line-height:0; color: white; z-index: 999;position:absolute;
								padding:15px 15px 0px; left: 0; display:inline-block;vertical-align:middle;}
.roll_img004 .bnr_p .bnr_p_wrap:after {content:""; width:100%; position:absolute; left:0; bottom:0; border-bottom:4px solid #6c6c6c; z-index:0;}

.roll_img004 .bnr_p h4, .roll_img004 .bnr_p .title {line-height:25px; font-weight:400; letter-spacing:-1px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box;}
.roll_img004 .bnr_p p {line-height:20px; width:auto; display:inline-block; position:relative; padding-bottom: 20px; overflow:hidden;
					   white-space:normal; -webkit-box-orient:vertical; display:-webkit-box; word-break:keep-all;}
.roll_img004 .bnr_p p:after {content:"";border-bottom:4px solid #32cfbc;width:100%;position:absolute;left:0;bottom:0;margin-bottom:0px; z-index: 1}

.roll_img004 .swiper-container {height:100%;}
.roll_img004 .swiper-pagination-bullet {width:13px;height:13px;box-sizing:border-box;opacity: 1;width:  15px;height:  15px;background:  none;border: 3px solid #aaa;}
.roll_img004 .swiper-pagination-bullet-active {opacity:1;border: 3px solid #32cfbc !important;}



@media (min-width:800px){
	.roll_img004 .bnr_p h4, .roll_img004 .bnr_p .title {font-size:19px; line-height:25px; width:100%;}
	.roll_img004 .bnr_p p {line-height:22px;}

	.layout_01 .roll_img004 {height:250px;}
	.layout_01 .roll_img004 .bnr_p h4, .layout_01 .roll_img004 .bnr_p .title {padding:15px 150px 15px 0;}
	.layout_height_H .roll_img004 .bnr_p h4, .layout_height_H .roll_img004 .bnr_p .title {padding: 60px 0px 30px 0;}
	.layout_height_M .roll_img004 .bnr_p h4, .layout_height_M .roll_img004 .bnr_p .title {padding: 30px 0px 30px 0;}
	.layout_height_L .roll_img004 .bnr_p h4, .layout_height_L .roll_img004 .bnr_p .title {padding: 0px 0 10px; padding-right:90px;}
	.layout_height_L .roll_img004 .bnr_p p {max-height:60px; line-height:20px; font-size:12px;}
	.layout_01 .roll_img004 .bnr_p p {max-width: 100%;max-height:97px;overflow:hidden;-webkit-line-clamp:5;padding-right: 150px;}

	.layout_height_H .roll_img004 .swiper-slide img {min-height:350px;}
	.layout_height_M .roll_img004 .swiper-slide img {min-height:250px;}
	.layout_height_L .roll_img004 .swiper-slide img {min-height:150px;}

	.layout_height_H .roll_img004 .bnr_p .bnr_p_wrap {height:310px; overflow:hidden;}
	.layout_height_M .roll_img004 .bnr_p .bnr_p_wrap {}
	.layout_height_L .roll_img004 .bnr_p .bnr_p_wrap {}
	.layout_height_H .roll_img004 .bnr_p p {height:157px; -webkit-line-clamp:8;}
	.layout_height_H .roll_img004 .bnr_p .bnr_p_wrap:after {bottom:3px;}
	.layout_height_M .roll_img004 .bnr_p p {height:70px; -webkit-line-clamp:4;}
	.layout_height_L .roll_img004 .bnr_p p {height:28px; -webkit-line-clamp:2;}
	.layout_height_H.layout_03 .roll_img004 .bnr_p p,
	.layout_height_H.layout_04 .roll_img004 .bnr_p p {height:202px;-webkit-line-clamp:10;}
	.layout_height_M.layout_03 .roll_img004 .bnr_p p,
	.layout_height_M.layout_04 .roll_img004 .bnr_p p {height:114px; max-height:100% !important;}

	.layout_03.layout_height_M .roll_img004 .bnr_p p {max-height: 100% !important; height:95px; -webkit-line-clamp:5;}
	.layout_03.layout_height_L .roll_img004 .bnr_p p {height:48px; max-height:100%; padding-bottom:0; overflow:hidden; box-sizing:border-box;}
	.layout_04.layout_height_M .roll_img004 .bnr_p p {-webkit-line-clamp:6;}

	.roll_img004 .swiper-container-horizontal>.swiper-pagination-bullets {top:15px;width: 100px; height:50px; right:15px;left:auto;text-align:right; line-height:normal;}
	.layout_02.layout_height_L .roll_img004 .swiper-container-horizontal>.swiper-pagination-bullets {top:15px; }

	.layout_03 .roll_img004 .swiper-pagination-bullet,.layout_04 .roll_img004 .swiper-pagination-bullet {width:10px;height:10px;border: 3px solid #9b9b9b;}

	.layout_03 .roll_img004 .bnr_p .bnr_p_wrap,
	.layout_04 .roll_img004 .bnr_p .bnr_p_wrap {padding: 0 15px 0;}
	.layout_03 .roll_img004 .bnr_p p,
	.layout_04 .roll_img004 .bnr_p p {/* max-width:89%; */word-break:keep-all;}
	.layout_03 .roll_img004 .bnr_p p:after,
	.layout_04 .roll_img004 .bnr_p p:after {width:50%;}


	.layout_03 .roll_img004 .bnr_p h4, .layout_04 .roll_img004 .bnr_p h4, .layout_03 .roll_img004 .bnr_p .title, .layout_04 .roll_img004 .bnr_p .title {padding: 30px 0px 30px 0;}
	.layout_03.layout_height_M .roll_img004 .bnr_p h4, .layout_04.layout_height_M .roll_img004 .bnr_p h4,
  .layout_03.layout_height_M .roll_img004 .bnr_p .title, .layout_04.layout_height_M .roll_img004 .bnr_p .title {font-size:18px;}
	.layout_03.layout_height_L .roll_img004 .bnr_p h4, .layout_04.layout_height_L .roll_img004 .bnr_p h4,
  .layout_03.layout_height_L .roll_img004 .bnr_p .title, .layout_04.layout_height_L .roll_img004 .bnr_p .title {font-size:17px; padding:30px 70px 10px 0;}
	.layout_03.layout_height_M .roll_img004 .bnr_p p,.layout_04.layout_height_M .roll_img004 .bnr_p p {max-height:89px;}
	.layout_03.layout_height_L .roll_img004 .bnr_p p,.layout_04.layout_height_L .roll_img004 .bnr_p p {height:45px; overflow:hidden; padding:0;}




}
@media (min-width:1300px){
}
@media (min-width:1050px){

}
@media (min-width:1050px) and (max-width:1299px){
	.roll_img004 .swiper-slide img {min-height:270px;}
	.roll_img004 .bnr_p h4, .roll_img004 .bnr_p .title {padding:80px 0 30px;}
}
@media (min-width:800px) and (max-width:1049px){
	.layout_03.layout_height_L .roll_img004 .bnr_p h4, .layout_04.layout_height_L .roll_img004 .bnr_p h4,
  .layout_03.layout_height_L .roll_img004 .bnr_p .title, .layout_04.layout_height_L .roll_img004 .bnr_p .title {padding:30px 100px 5px 0; display:block; line-height:19px; font-size:17px;}
	.layout_03.layout_height_M .roll_img004 .bnr_p p, .layout_04.layout_height_M .roll_img004 .bnr_p p {max-height:109px;}


}
@media (min-width:600px) and (max-width:799px){

	.roll_img004 .bnr_p .bnr_p_wrap {padding:0 15px;}
	.roll_img004 .bnr_p h4, .roll_img004 .bnr_p .title {font-size:17px; padding:20px 80px 15px 0;}
	.roll_img004 .bnr_p p {font-size:13px;line-height:20px;height:85px;-webkit-line-clamp:5;padding-right: 80px;}

	.layout_block4 .roll_img004 {height:100%;}
	.layout_block4 .layout_04.layout_height_H .roll_img004 .swiper-slide img {min-height:350px;}
	.layout_block4 .layout_04.layout_height_H .roll_img004 .bnr_p p {height:184px;padding-right: 0;}
	.layout_block4 .layout_04.layout_height_L .roll_img004 .bnr_p p {height:40px;}
	.layout_block4 .layout_04.layout_height_H .roll_img004 .bnr_p h4, .layout_block4 .layout_04.layout_height_H .roll_img004 .bnr_p .title {padding:30px 0 15px;}
	.layout_block4 .layout_04.layout_height_M .roll_img004 .bnr_p h4, .layout_block4 .layout_04.layout_height_M .roll_img004 .bnr_p .title {padding:20px 100px 15px 0;}
	.layout_block4 .layout_04.layout_height_L .roll_img004 .bnr_p h4, .layout_block4 .layout_04.layout_height_L .roll_img004 .bnr_p .title {padding:20px 100px 10px 0;}

	.layout_block4 .layout_04.layout_height_M .roll_img004 .bnr_p p {max-height:91px; line-height:17px; padding-left: 0; letter-spacing:-1px; font-size:11px; overflow:hidden;}
	.layout_block4 .layout_04.layout_height_L .roll_img004 .bnr_p p {max-height:46px; height:46px; line-height:16px; padding-left: 0; letter-spacing:-1px; font-size:11px; overflow:hidden;}
	.layout_block4 .roll_img004 .bnr_p p:after {width:55%;}

}
@media (max-width:799px){
	.roll_img004 .swiper-container-horizontal>.swiper-pagination-bullets,.roll_img004  .swiper-pagination-custom,.roll_img004  .swiper-pagination-fraction {bottom:auto !important; top:15px; left:auto !important; right:15px; width:100px !important; text-align:right;}
	.roll_img004 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width:10px; height:10px;}
	.layout_01 .roll_img004 {height:200px;} .layout_01 .roll_img004 .swiper-slide img {min-height:250px;}
	.roll_img004 {height:200px;} .roll_img004 .swiper-slide img {min-height:250px;}
}
@media (max-width:599px){
	.roll_img004 .swiper-container-horizontal>.swiper-pagination-bullets {text-align:right;}


	.roll_img004 .swiper-slide img {min-height:150px;}
	.roll_img004 .bnr_p .bnr_p_wrap {padding:0 15px;}
	.roll_img004 .bnr_p {height:100%;}
	.roll_img004 .bnr_p h4, .roll_img004 .bnr_p .title {font-size:17px; padding:30px 0px 10px 0;}
	.roll_img004 .bnr_p p {font-size:13px; height:89px; overflow:hidden; line-height:21px; letter-spacing:-1px;  -webkit-line-clamp:5;}
	.roll_img004 .bnr_p p:after {width:55%;}

	.layout_height_L .roll_img004 {height:150px;}
	.layout_height_L .roll_img004 .bnr_p p {-webkit-line-clamp:3; height:48px;}

}