#swiper {overflow:hidden; position: relative;}
#swiper::before {content: ""; width: 100%; height: 90%; border: 1px solid #ddd; position: absolute; top: 0; left: 0; box-sizing: border-box; z-index: 999; pointer-events: none;}
#swiper .swiper-wrapper .swiper-slide {position: relative;}
#swiper .swiper-wrapper .swiper-slide a {display: block; width: 100%; height:100%; overflow: hidden;}
#swiper .swiper-wrapper .swiper-slide a .img_wrap {width: 100%; }
#swiper .swiper-wrapper .swiper-slide a .title_wrap {width: 100%; height: 7rem; font-size:2rem; line-height: 1.3; word-break:keep-all; color: #000; font-weight: bold; padding: 1.5rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
#swiper .swiper-wrapper .swiper-slide a img {width: 100%; height: 100%;}
/* #swiper .swiper-wrapper .swiper-slide:nth-child(1) {background: #419271 url(../sub/top_banner_deco.png) no-repeat 94% 75% / 20%;}
#swiper .swiper-wrapper .swiper-slide:nth-child(2) {background: #428892 url(../sub/top_banner_deco.png) no-repeat 94% 75% / 20%;;}
#swiper .swiper-wrapper .swiper-slide:nth-child(3) {background: #425d88 url(../sub/top_banner_deco.png) no-repeat 94% 75% / 20%;;} */
#swiper .swiper-pagination {position: relative; bottom: 0; padding-top: 1.5rem;}
#swiper .swiper-pagination .swiper-pagination-bullet {background: #888;}
#swiper .swiper-pagination .swiper-pagination-bullet-active {background: var(--swiper-pagination-bullet-inactive-color,#666);}