.index-banner-box{

    width: 100%;

    display: block;

    position: relative;

    overflow: hidden;

    margin-top: 100px;

}

.index-banner-box,

.index-banner-list,

.index-video-box,

.index-video,

.index-video-bg{

    height: calc((600 / 1920) * 100vw)

}

.index-banner-list-box{

    width: 100%;

    display: block;

    position: relative;

    

}

.index-banner-list{

    width: 100%;

    display: block;

     position: relative;

}

.index-banner-list img{

    height: 100%;

    width: 100%;

    display: block;

    object-fit: cover;

}

.index-banner{

    width: 100%;

    height: 100%;

    display: block;

    position: relative;

}



.index-banner-slong,

.index-video-slong{

    width: 100%;

    text-align: center;

    font-size: 36px;

    color: #FFF;

    display: block;

    position: absolute;

    z-index: 9;

    top: 48%;

    text-shadow: rgba(0,0,0,0.6) 2px 2px 2px;

    cursor: context-menu;

}

.index-video-mask{

    width: 100%;

    height: 100%;

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    background-color: #000;

    opacity: 0;

    z-index: 5;

}

.index-video-box{

    width: 100%;

    display: block;

    position: relative;

}

.index-video{

    width: 100%;

    height: 100%;

    position: relative;

    z-index: 5;

    display: block;

}



.index-video-bg{

    width: 100%;

    height: 100%;

    display: block;

    position: absolute;

    z-index: 1;

    top: 0;

    left: 0;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}



.index-banner-slong-box{

    width: 100%;

    display: block;

    position: absolute;

    top: 48%;

    left: 0;

    z-index: 5;

    pointer-events: none;

    text-align: center;

}

.index-video-open{

    display: none;

}

.not-banner{

    display: none;

}







@media only screen and (max-width: 768px){

    .index-banner-box{

        margin-top: 70px;

    }

    .index-banner-box, 

    .index-banner-list, 

    .index-video-box, 

    .index-video, 

    .index-video-bg {

        height: calc((300 / 550) * 100vw);

    }

}

@media only screen and (max-width: 550px){

    .index-banner-box{

        margin-top: 58px;

    }

}

@media only screen and (max-width: 400px){

    .index-banner-box{

        margin-top: 50px;

    }

}