* { margin: 0; padding: 0;}
a { text-decoration: none;}
input { outline: none;}
body { overflow-y: scroll;}

#banner { position: relative;}

.swiper-container { z-index: 1;}
.swiper-slide { background-position: 50% 0; box-sizing: border-box;}
.swiper-slide a { display: block; font-size: 0; position: relative;}
.swiper-slide a img {width: 100%; height: 9.7rem;}
.swiper-container-horizontal > .swiper-pagination-bullets { bottom: 24px; display: none;}

.swiper-pagination-bullet { width: 6px; height: 6px; border-width: 1px; border-style: solid; opacity: 1;}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 8px;}

.swiper-slide a .txt {position: absolute; left: 0; right: 0; bottom: -1px; height: 1.8rem; line-height: 1.8rem; background: rgba(0,0,0,.3); color: #fff; font-size: .7rem; padding: 0 1rem 0 .7rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width: 100%; box-sizing: border-box;}


.swiper-slide .title {height: 3rem; background: url(../../images/lunbo-bg.png) no-repeat; position: absolute; left: 0; right: 0; top: 50%; margin-top: -1.5rem; text-align: center; font-size: .8rem; line-height: 3rem; color: #fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding: 0 1rem; background-size: cover;}