@charset "utf-8"; /* CSS Document */ #certify { position: relative; width: 92%; max-width:1600px; margin: 0 auto;margin-top:20px; } #certify .swiper-container { padding-bottom:50px; } #certify .swiper-slide { width:36%; height:auto; background:none; box-shadow: 0 8px 35px #333; } #certify .swiper-slide img{ display:block; width: 100%; } #certify .swiper-slide p { position: absolute; left: 0; bottom:0; width: 100%; text-align: center;background-color: rgba(0,0,0,0.6); line-height: 1.4; padding-top: 0; text-align: center; color: #ffffff; font-size:18px; padding:10px 0px; margin: 0; } #certify .swiper-pagination { width: 100%; bottom: -10px; } #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(../images/wm_button_icon2.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(../images/wm_button_icon2.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: ''; } /*灏忓睆骞?/ @media screen and (max-width: 768px) { #certify .swiper-slide{ width:100%;box-shadow:none} #certify .swiper-button-next,#certify .swiper-button-prev{ display: none} #certify .swiper-slide p{ font-size: 14px; padding: 10px;} .tixi .tixi_one .tixi_titile{font-size: 16px;} .tixi .tixi_one .tixi_descipe{font-size: 13px;} }