/* BASIC css start */
.mainBannerWrap { width: 100%; margin: 0 auto; }
.mainBannerWrap .swiper-slide a {
    position: relative;
    display: block;
}
.mainBannerWrap .swiper-slide a::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(0 0 0 / 18%);
}
.mainBannerWrap img { width: 100%; }
.mainBannerWrap h2 {
    position: absolute;
    bottom: 30px;
    left: 5%;
    color: #fff;
    z-index: 10;
    font-size: 7.8vw;
    line-height: 9.5vw;
    font-weight: 500;
}

.main_txt_box i {
    position: absolute;
    bottom: 20px;
    z-index: 10;
    color: #fff;
    right: 5%;
    font-size: 14px;
    border: 1px solid;
    padding: 3px;
}

.main_txt_comment {
    padding: 20px 5%;
    font-size: 15px;
    line-height: 24px;
    display: none;
}
.main_txt_comment.on{display:block;}
/* BASIC css end */