@charset "utf-8"; /* CSS Document */ #certify { position: relative; width: 100%; margin: 0 auto } #certify .swiper-container { padding-bottom: 60px; } #certify .swiper-slide { width: 520px; width: 47.5vw; max-width: 1170px; height: 408px; height: 38.5vw; background: #fff; box-shadow: 0 8px 30px #ddd; } #certify .swiper-slide img{ width: 100%; display:block; } #certify .swiper-slide p { line-height: 10vw; padding-top: 0; text-align: center; color: #636363; font-size: 2vw; margin: 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: 30px; width: 45px; height: 45px; background: url(/upload/demo/certify/wm_button_icon.png) no-repeat; background-position: 0 0; background-size: 100%; } #certify .swiper-button-prev:hover { background-position: 0 -46px; background-size: 100% } #certify .swiper-button-next { right: 30px; width: 45px; height: 45px; background: url(/upload/demo/certify/wm_button_icon.png) no-repeat; background-position: 0 -93px; background-size: 100%; } #certify .swiper-button-next:hover { background-position: 0 -139px; background-size: 100% } #certify .swiper-button-prev::after,#certify .swiper-button-next::after{ content: ''; } #certify .swiper-pagination{ z-index: 1; }