/* CSS Document */ body { margin: 0; } #certify { position: relative; width: auto; /*判断宽度设置响应式效果*/ margin: 60px auto } #certify .swiper-slide { width: 641px; height: 347px; position: relative; } #certify .swiper-slide:before { content: " "; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); left: 0; top: 0; z-index: 1; } #certify .swiper-slide-active:before { background: none; } #certify .swiper-slide img { width: 100%; height: 100%; display: block; z-index: 0; } #certify .swiper-pagination { width: 100%; bottom: 20px; } #certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1; } #certify .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #00aadc; background-color: #fff; } #certify .swiper-button-prev { left: -65px; width: 42px; height: 39px; top: 180px; background: url("/static/home/images/img-H/L8-zuoyou_03.png") no-repeat; background-size: 100%; } #certify .swiper-button-prev:hover { /*background-position: 0 -46px;*/ /*background-size: 100%*/ } #certify .swiper-button-next { right: -65px; width: 42px; height: 39px; top: 180px; background: url("/static/home/images/img-H/L8-zuoyou_05.png") no-repeat; background-size: 100%; } #certify .swiper-button-next:hover { /*background-position: 0 -139px;*/ /*background-size: 100%*/ }