/* BASIC css start */
.mainBannerWrap { max-width: 1920px; width: 100%; margin: 0 auto; }
.mainBannerWrap .swiper-slide a { position: relative; display: block; }
.mainBannerWrap .swiper-slide a::after { content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: rgb(0 0 0 / 18%); }
.mainBannerWrap img { width: 100%; }
.mainBannerWrap .main_txt_box { position: absolute; z-index: 1; top: 50%; left: 50%; width: 760px; margin-left: -380px; text-align: center; height: 310px; margin-top: -155px; }
.mainBannerWrap .main_txt_box h1, .mainBannerWrap .main_txt_box p, .mainBannerWrap .main_txt_box a { color: #fff; opacity: 0; transition: .5s; }
.mainBannerWrap .main_txt_box h1 { font-family: 'Keep Calm', sans-serif; font-size: 54px; font-weight: regular; }
.mainBannerWrap .main_txt_box p { font-size: 19px; line-height: 29px; margin: 40px 0 50px; font-weight: 300; }
.mainBannerWrap .main_txt_box a { display: inline-block; width: 180px; height: 50px; line-height: 50px; border: 1px solid #fff; border-radius: 25px; font-size: 17px; }
.mainBannerWrap .main_txt_box a i { display: inline-block; vertical-align: text-top; margin: 5px -10px 0 0; }

/* BASIC css end */