@charset "utf-8";

/* CSS Document */

@media (max-width: 1366px) {
    #certify {
        position: relative;
        width: 1100px;
        margin: 0 auto
    }
}

@media (min-width: 1366px) {
    #certify {
        position: relative;
        width: 1316px;
        margin: 0 auto
    }
}

#certify .swiper-container2 {
    padding-bottom: 110px;
}

#certify .swiper-slide {
    width: 650px;
    height: 485px;
    box-sizing: border-box;
    /* padding-bottom: 10px; */
    background: #fff;
    margin-bottom: 20px;
    box-shadow: 0 8px 20px #ddd;
    overflow: hidden;
}

.swiper-container2 .swiper-slide img {
    display: block;
    width: 650px;
    height: 370px;
    transition: all .3s ease;
}

.swiper-container2 .swiper-slide:hover img {
    transform: scale(1.1);
}

.swiper-slide-next img,
.swiper-slide-prev img {
    opacity: 0.5;
}

#certify .swiper-slide p {
    font-size: 18px;
    font-family: Microsoft YaHei, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #919CAA;
    padding-left: 20px;
    /* line-height: 60px; */
    line-height: 20px;
}

#certify .swiper-slide span {
    line-height: 40px;
    font-size: 20px;
    padding-left: 20px;
    line-height: 80px;
    font-family: Microsoft YaHei, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: dimgrey;
}

#certify .swiper-slide span:hover {
    line-height: 40px;
    font-size: 20px;
    padding-left: 20px;
    line-height: 80px;
    font-family: Microsoft YaHei, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #1B1834;
}

#certify .swiper-pagination {
    width: 100%;
    bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    border: 3px solid red;
    background-color: #d5d5d5;
    width: 10px;
    height: 10px;
    opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 3px solid red;
    background-color: #fff;
}

#certify .swiper-button-prev {
    left: -30px;
    width: 45px;
    height: 45px;
    background: url(../image/public/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(../image/public/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%
}