.pages {
    position: relative;
}

.pages .vide {
    width: 100%;
}
.button-container {
	position: absolute; 
	bottom: 15%; 
	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: 65px;
    }
    
    .small-button,.a66 {
        width: 270px;
        height: 57px; 
        margin: 0 40px;
    }
    .small-buttons .a66{
        background: url(../static/picture/kefuanniu.png) no-repeat;
    } 


    

.container {
    padding-right: 0px;
    padding-left: 0px;
}
.mt-3, .my-3 {
    margin-top: -0.4rem !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; 
}

.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;*/
    /*}*/
    .home-border{
        width: 77%;
    }
     .home-video .vide{
        width: 70%!important;
    }
}
@media(max-width:1440px) {
        .home-border{
        width: 66%;
    }
     .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) {
    .font11 img {
        width: 50% !important;
    }
    .font11{
        top: 59%!important;
    }
    
}
@media(max-width:1024px) {
    
    .logo1 img{
         width: 66%!important;
    }
    .font11{
         display: none!important;
    }
    .home-video {
        top: 30% !important;
    }
}
@media(max-width:570px) {
   .logo11{
        font-size: 7px!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: 10px; 
    }
    .large-button {
        width: 100px;
        height: 27px;
        margin: 0 10px; 
    }
    .small-button {
        width: 90px;
        height: 20px;
        margin: 0 5px;
    }
    .mt-3, .my-3 {
        margin-top: -2rem !important;
    }
    .pages {
        padding: 0rem;
    }
}