/* BASIC css start */
.mainBanner { margin-bottom: 150px; padding-top: 80px; background: linear-gradient(180deg, #222 74%, transparent 0); }
.mainBanner .mainWrap { position: relative; }
.mainBanner .swiper-container { height: 100%; /*overflow: visible;*/ margin: 0 80px; }
/*.mainBanner .swiper-wrapper {  margin-left: -586px; }*/
.mainBanner .swiper-slide { /*opacity: 0.4; transition: opacity 0.3s; width: 570px; */ height: 100%; /*border: 0; border-bottom-left-radius: 100px;*/ overflow: hidden; }
/*
.mainBanner .swiper-slide-active,
.mainBanner .swiper-slide-active + .mainBanner .swiper-slide,
.mainBanner .swiper-slide-active + .mainBanner .swiper-slide + .mainBanner .swiper-slide,
.mainBanner .swiper-slide-active + .mainBanner .swiper-slide + .mainBanner .swiper-slide + .mainBanner .swiper-slide,
.mainBanner .swiper-slide-next { opacity:1 }
*/
.mainBanner .swiper-slide a { width: 100%; }
.mainBanner .swiper-slide img { width: 100%; } 
.mainBanner .swiper-pagination { bottom: -40px; position: inherit; }
.mainBanner .swiper-pagination-bullet { background: #797979; margin: 0 6px; width: 10px; height: 10px; }
.mainBanner .swiper-pagination-bullet-active { background: #c29460; }
/* BASIC css end */