.banner-wq { width: 100%; position: relative;} .banner-wq a { display: block;} .banner-wq>img { display: block; width: 100%;} .banner-wq .slick { position: relative; z-index: 9;} .banner-wq .slick-slide a { height: 5rem; display: block; position: relative; } .banner-wq .slick-slide a img { display: block; height: 100%; width: 100%; } .banner-wq .slick-dots { width: 150px; bottom: 7px; /* font-size: 0; */ text-align: right; box-sizing: border-box; right: 10px;} .banner-wq .slick-dots li { width: 20px; height: 20px; background: #fff; border-radius: 4px; margin: 0 3px;} .banner-wq .slick-dots li button { /* display: none; */ font-size: 14px; color: #333; padding: 0;} .banner-wq .slick-dots li.slick-active { background:#236593; color:#fff;} .banner-wq .slick-dots li.slick-active button{ color:#fff;} /* @media screen and (max-width:768px){ .banner-wq .slick-dots{ bottom: 10px; } .banner-wq .slick-dots li{ width: 5px; height: 5px; } } */ .banner-wq .img_hezi{/* padding-bottom: 54%; */} .banner-wq .txt{ width: 100%; position: absolute; left: 0; right: 0; bottom: 0; height: 35px; color: #fff; padding: 0 150px 0 20px; box-sizing: border-box; line-height: 35px; background: rgba(0 0 0 /30%); }