@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 750px){
    .swiper-container {
        padding-top: 30px;
        padding-bottom: 20px;
    }
    
    .swiper-slide {
        width: 580px;
        height: 488px;
        background: #fff;
        box-shadow: 0 -3px 20px #BDECF9;
    }
    .swiper-slide img{
        width: 580px;
        height: 383px;
        display:block;
    }
    .swiper-slide video{
        width: 100%;
        height:auto;
    }
    .swiper-slide p {
        line-height: 43px;
        padding-top: 0;
        text-align: center;
        color: #636363;
        font-size: 1.1em;
        margin: 0;
    }
}
@media screen and (max-width: 750px) {
    .swiper-container {
        padding-top: .3rem;
        padding-bottom: .2rem;
    }
    .swiper-slide {
        width: 4rem;
        height: 3rem;
        background: #fff;
        box-shadow: 0 -.03rem .2rem #BDECF9;
    }
    .swiper-slide img{
        width: 4rem;
        display:block;
    }
    .swiper-slide video{
        width: 100%;
        height:auto;
        padding-bottom: .5rem
    }
    .swiper-slide p {
        line-height: .26rem;
        padding-top: 0;
        text-align: center;
        color: #636363;
        font-size: .24rem;
        margin: 0;
    } 
}