@charset "utf-8";
/* CSS Document */
body {
    margin: 0;
}

#certify {
    position: relative;
    width: 1400px;
    margin: 0 auto
}

    #certify  .swiper-container{
        padding:60px 0;
    }

    #certify .swiper-slide {
        width: 408px;
        height: 305px;
        background: #fff;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    }

        #certify .swiper-slide img {
            display: block;
        }

        #certify .swiper-slide p {
            line-height: 50px;
            padding-top: 0;
            text-align: left;
            color: #636363;
            font-size: 1.1em;
            margin: 0;
            box-shadow: 0 3px 6px rgba(0,0,0,0.16);
            background:#fff;
            padding:0 18px;
            font-size:16px;
            font-weight:600;
        }
        #certify .swiper-slide:hover p {
            color: #0443C1;
        }

            #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: 0px;
        width: 28px;
        height: 28px;
        background: url(../img/z3.png) no-repeat;
        background-position: 0 0;
        background-size: 100%;
    }
        #certify .swiper-button-prev:hover {
            background: url(../img/z2.png) no-repeat;
        }
        #certify .swiper-button-prev:hover {
            background-position: 0 0;
            background-size: 100%
        }

    #certify .swiper-button-next {
        right: 0px;
        width: 28px;
        height: 28px;
        background: url(../img/y3.png) no-repeat;
        background-position: 0 0;
        background-size: 100%;
    }
        #certify .swiper-button-next:hover {
            background: url(../img/y2.png) no-repeat;
        }
        #certify .swiper-button-next:hover {
            background-position: 0 0;
            background-size: 100%
        }

        @media (max-width:1400px){
            #certify .swiper-button-next {
                right: -40px;
                width: 28px;
                height: 28px;
                background: url(../img/y3.png) no-repeat;
                background-position: 0 0;
                background-size: 100%;
            }
            #certify .swiper-button-prev {
                left: -40px;
                width: 28px;
                height: 28px;
                background: url(../img/z3.png) no-repeat;
                background-position: 0 0;
                background-size: 100%;
            }
        }