.pages {
    position: relative;
}

.pages .vide {
    width: 100%;
}
.button-container {
	position: absolute; 
	bottom: 25%; 
	left: 50%; 
	transform: translateX(-50%);
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
}

    .button {
        display: inline-block;
        border: none;
        outline: none;
        background-size: cover; 
        background-position: center;
        background-repeat: no-repeat; 
        cursor: pointer; 
        transition: opacity 0.3s ease; 
        text-indent: -9999px; 
    }
    
    .large-button {
        width: 300px; 
        height: 100px; 
        margin: 0 55px; 
    }
    
    .small-buttons {
        display: flex;
        justify-content: center; 
        margin-top: 140px;
    }
    
    .small-button,.a66 {
        width: 270px;
        height: 57px; 
        margin: 0 40px;
    }
    .small-buttons .a66{
        background: url(../images/kefuanniu.png) no-repeat;
    } 


    

.container {
    padding-right: 0px;
    padding-left: 0px;
}
.mt-3, .my-3 {
    margin-top: -0.4rem !important;
}

/*@media(max-width:2320px) {*/
/*    .small-buttons {*/
/*        margin-top: 120px;*/
/*    }*/
/*}*/

/*@media(max-width:2100px) {*/
/*    .small-buttons {*/
/*        margin-top: 100px;*/
/*    }*/
/*}*/

/*@media(max-width:2000px) {*/
/*    .home-border{*/
/*        width: 80%;*/
/*    }*/
/*    .font11{*/
/*        top: 55%!important;*/
/*    }*/
/*     .home-video .vide{*/
/*        width: 73%!important;*/
/*    }*/
        
/*    .home-video {*/
/*            top: 25%!important;*/
/*        }*/
/*    .font11 img {*/
/*            width: 80% !important;*/
/*        }*/
/*}*/
@media(max-width:2320px) {
    .button-container {
        bottom: 12%;
   }
   .small-buttons {
    margin-top: 20px; 
}
.large-button {
    width: 268px;
    height: 87px;
    margin: 0 20px; 
}

.small-button {
    width: 200px;
    height: 50px;
    margin: 0 30px;
}

    
}
@media(max-width:2000px) {
.home-border{
    width: 80%;
}
.font11{
    top: 55%!important;
}
 .home-video .vide{
    width: 73%!important;
}
    
.home-video {
        top: 25%!important;
    }
.font11 img {
        width: 80% !important;
    }
}

@media(max-width:1920px) {
       
    .button-container {
        bottom: 12%;
    }
   .small-buttons {
    margin-top: 20px; 
    }
    .large-button {
        width: 200px;
        height: 61px;
        margin: 0 20px; 
    }
    .home-video {
        top: 35% !important;
    }
    .small-button {
        width: 200px;
        height: 50px;
        margin: 0 30px;
    }
    .font11 img {
        width: 65% !important;
    }
}
@media(max-width:1650px) {
    .logo1 img{
         width: 70%!important;
    }
    /*.font11 img{*/
    /*     width: 88%!important;*/
    /*}*/
    
    /*.large-button {*/
    /*    width: 200px;*/
    /*    height: 61px;*/
    /*    margin: 0 20px; */
    /*}*/
    .home-border{
        width: 77%;
    }
     .home-video .vide{
        width: 70%!important;
    }
}
@media(max-width:1550px) {
    .small-buttons {
        margin-top: 83px;
    }
}
@media(max-width:1440px) {
    /*.home-border{*/
    /*    width: 66%;*/
    /*}*/
    /* .home-video .vide{*/
    /*    width: 60%!important;*/
    /*}*/
    /*.logo1 img{*/
    /*     width: 80%!important;*/
    /*}*/
    /*.font11 img{*/
    /*         width: 88%!important;*/
    /*    }*/
    /*.button-container {*/
    /*        bottom: 10%;*/
    /*   }*/
    /*.small-buttons {*/
    /*    margin-top: 112px; */
    /*}*/
    
    /*.small-button {*/
    /*    width: 150px;*/
    /*    height: 37px;*/
    /*    margin: 0 15px;*/
    /*}*/
    .home-border{
        width: 66%;
    }
        .home-video {
        top: 40% !important;
    }
     .home-video .vide{
        width: 60%!important;
    }
    .button-container {
            bottom: 10%;
       }
    .small-buttons {
        margin-top: 15px; 
    }
    .large-button {
        width: 150px;
        height: 45px;
        margin: 0 20px; 
    }
    .small-button {
        width: 150px;
        height: 37px;
        margin: 0 15px;
    }
    
}
@media(max-width:1280px) {
        .small-buttons {
        margin-top: 97px; 
    }
}
@media(max-width:1100px) {
        .small-buttons {
        margin-top: 80px; 
    }
}
@media(max-width:1024px) {
    .logo1 img{
         width: 66%!important;
    }
    .font11 img{
         width: 60%!important;
    }
    .home-video {
        top: 30% !important;
    }
}

@media(max-width:768px) {
    .small-buttons {
        margin-top: 113px; 
    }
    
    .large-button {
        width: 120px;
        height: 27px;
        margin: 0 20px;
    }
}


@media(max-width:570px) {
    .home-video {
        width:auto!important;
    }
    .home-border {
        top: 0%!important;

    }
    .logo11 {
        font-size: 7px!important;
        top: 5%!important;
   }
   .logo1 {
       display: block!important;
       text-align: center;
       top: 2%!important;
   }
    .logo1 img{
       width: 200px;
   }
    .font11{
       display: block!important;
       text-align: center;
       top: 35%!important;
   }
    .font1 img{
       width: 200px;
   }
          .small-buttons {
    margin-top: 26px; 
    }
    .large-button {
        width: 75px;
        height: 15px;
        margin: 0 10px;
    }
    .small-button {
        width: 90px;
        height: 20px;
        margin: 0 5px;
    }
    .mt-3, .my-3 {
        margin-top: -2rem !important;
    }
    .pages {
        padding: 0rem;
    }
}