.banner-home {
    padding-bottom: 5rem;
}
.banner-home::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 50% /* 60% 开始完全透明 */);
    z-index: 10;
}
.banner-home .bj {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index:2
}
.banner-home .main-title {

    font-family: '452';
    font-style: normal;
    text-transform: none;

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

    font-weight: normal;
    font-size: 4.5vw;
    color: #FFFFFF;
    line-height: 1;

    opacity: 0;
    transform: translateY(40px); /* 只往下偏移 */
    transition: transform 0.8s ease-out, opacity 0.8s ease-out;
    will-change: transform, opacity;
    z-index:11

}
/*.banner-home .content{*/
/*    height: 100%;*/
/*    position: relative;*/
/*}*/
.banner-home .main-title1{
    /*font-family: 'bahnschrift';*/
    /*font-weight: normal;*/
    font-size: 3vw;
    color: #FFFFFF;
    /*text-align: left;*/
    /*font-style: normal;*/
    /*text-transform: none;*/
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    /*position: absolute;*/
    /*top: 18.5vw;*/
    /*left: 5.1vw;*/
    /*z-index:11;*/

    opacity: 0;
    transform: translateY(40px); /* 只往下偏移 */
    transition: transform 0.8s ease-out, opacity 0.8s ease-out;
    will-change: transform, opacity;



}

.banner-home .main-title.animate,.banner-home .main-title1.animate{
    opacity: 1;
    transform: translateY(0);
}
/*.banner-home .main-title1.animate{*/
/*    transform: scaleX(0.8);*/
/* }*/
.banner-home .phone {
    object-fit: cover;

    position: absolute;
    left: 0;
    bottom: 0;
    width: 80rem;
    height: 80.1rem;
    z-index:2;
}




@media only screen and (max-width: 767px) {
    .banner-home{
        aspect-ratio: 9 / 16;
    }
    .banner-home .main-title{
        width: 100vw;
        font-size: 22rem;
        top: 16%;
        text-align: center;
        width: 100%;
        z-index: 222;
        left: 0 !important;

    }
    .banner-home .main-title1{
        top: 23%;
        text-align: center;
        width: 100%;
        font-size: 13rem;
    }



}