
@media screen and (max-width:1024px){

}
@media screen and (max-width:800px){
    .pc{display: none;}
    .app{display: inline-block;}
}

@media screen and (max-width:600px){
    /*#bloc header{height: 50px;background-color: #333;}*/

}
@media screen and (max-height:752px){
    #home #main #roll #r2 .rowMain .con .mid .col-1{
        height: 65vw;
    }

    #home #main #roll #r2 .rowMain .con .mid .col-2 h2{
        margin-bottom: .3rem;
    }
    #home #main #roll #r4 .bg .group{
        margin-top: 5vh;
    }
    #home #main #roll #r4 .rowMain .con .btm .box{
        margin-top: 3vh;
    }
    #home #main #roll #r5 .rowMain .con .mid .col-1{
        height: 65vw;
    }
    #home #main #roll #r5 .rowMain .con .mid .col-2{
        margin-bottom: 4.5vh;
    }


    #home #main #roll #r6 .rowMain .con .mid .loop .box .swiper-item > li > .pic{
        width: 80%;
    }

    #home #main #roll #r4 .rowMain{
        margin-top: -5vh;
    }

}
@media screen and (max-height:720px){
    #home #main #roll #r2 .rowMain .con .mid .col-1{
        height: 35vh;
    }
    #home #main #roll #r2 .rowMain .con .top a{
        margin-top: 3vh;
    }
}
@media screen and (max-height:667px){
    #home #main #roll #r2 .rowMain .con .mid .col-1{
        height: 30vh;
    }
    #home #main #roll #r5 .rowMain .con .mid .col-1{
        height: 60vw;
    }
    #home #main #roll #r5 .rowMain .con .mid .col-2{
        margin-bottom: 4vh;
    }
    #home #main #roll #r6 .rowMain .con .mid .loop .pager{
        margin-top: .3rem;
    }
    #home #main #roll #r6 .rowMain .con .mid .loop .layout-btn-5{
        margin-top: .3rem;
    }
}