/*index banner */
#mainTitle{position:relative;width:100%;}
#mainTitle .swiper-slide{width:100%;}
#mainTitle .swiper-slide a{display:flex;align-items:center;justify-content:center;width:100%;height:570px;text-align:center;}
#mainTitle .swiper-slide a  img{}

#mainTitle .swiper-pagination-bullet{border-radius:0px;margin:0px 2px;height:4px;color:#aaa;width:10px;}
#mainTitle .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:black;width:20px;}

#mainTitle  .swiper-button-next, #mainTitle .swiper-button-prev{color:#777;}

#mainTitle .swiperNav{position:absolute;bottom:30px;left:50%;width:100%;max-width:1400px;transform:translateX(-50%);display:flex;align-items:center;justify-content:flex-end;z-index:2;}

/*index hit swiper */
#indexHit .swiper-button{position:absolute;top:130px;width:auto;height:auto;}
#indexHit .swiper-button:after{display:none;}
#indexHit .swiper-button.swiper-button-prev{left:-35px;}
#indexHit .swiper-button.swiper-button-next{right:-35px;}

.indexTitle.indexTitle2{margin-bottom:15px;}
.indexBasic{margin-bottom:30px;color:#a7a7a7;font-size:18px;}

.indexBanner{display:flex;justify-content:space-between;}
.indexBanner a{display:block;}

.greyBg{padding-top:30px;background-color:#fafafa}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content:"";}
#mainTitle .swiper-button-next{right:20px;}
#mainTitle .swiper-button-prev{left:20px;}

.swiperNav{}
.swiperNav .stop{display:inline}
.swiperNav .start{display:none}
.swiperNav.on .stop{display:none}
.swiperNav.on .start{display:inline}

.swiperPage{margin-left:10px;width:100px;height:45px;display:flex;align-items:center;justify-content:center;color:#8e8e8e;background-color:#524a40;border-radius:23px;}
.swiperPage .num{color:white;}
.swiperPage .vline{padding:0px 5px;}