@charset "utf-8"; /* CSS Document */ #certify { position: relative; /* width: 1200px; */ width: 100%; margin: 0 auto } #certify .swiper-container { padding-bottom: 25px; } #certify .swiper-slide { width: 30.8vw; height: calc(15.4vw + 100px); background: #fff; box-shadow: 0 8px 30px #ddd; min-width: 550px; min-height: 375px; } #certify .swiper-slide a:hover { text-decoration: none !important; } #certify .swiper-slide img { display: block; width: 30.8vw; height: 15.4vw; min-width: 550px; min-height: 275px; } #certify .swiper-slide p { /* line-height: 98px; */ /* padding-top: 0; */ color: #636363; font-size: 1.1em; margin: 0; background: #fff; height: 100px; border: 1px solid #f2f2f2; padding: 10px; } #certify .swiper-slide p .title { font-size: 1.1em; color: #333; line-height: 3.1rem; text-align: center; display: block; } #certify .swiper-slide p .desc { text-align: left; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #certify .swiper-pagination { width: 100%; bottom: -40px; } #certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 1px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1; cursor: pointer; } #certify .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 1px solid #00aadc; background-color: #fff; } #certify .swiper-button-prev { left: -30px; width: 45px; height: 45px; background: url(../img/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(../img/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: ''; }