.content{
    width: 100%;
    /*height: calc(100vh - 1rem - 1.95rem);*/
    height: auto;
    overflow: hidden;
}

.content p{
    font-size: 0.18rem;
    line-height: 0.3rem;
}
.content img{
    width:auto;
    max-width: 100%;
    margin: 0.3rem auto;
}
.banner2{
    width: 100%;
    height: 4.5rem;
    overflow: hidden;
    position: relative;
}
.banner2 .banner-box{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    padding-left: 2.04rem;
    box-sizing: border-box;
}
.banner2 .banner-name{
    width: 100%;
    height: 0.6rem;
    font-size: 0.35rem;
    /*font-weight: bold;*/
    color: #ffffff;
    line-height: 0.6rem;
    margin-top: 1.5rem;
    transform: translateY(380px);
    transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
}
.banner2 .banner-name.ua{
    transform: translateY(0);
}
.banner2 .banner-text{
    width: 100%;
    height: 0.4rem;
    font-size: 0.18rem;
    color: #ffffff;
    line-height: 0.4rem;
    margin-top: 0.1rem;
    transform: translateY(360px);
    transition: transform 1.2s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
}
.banner2 .banner-text.ua{
    transform: translateY(0);
}
.banner2 .banner-span{
    width: 100%;
    height: 0.26rem;
    font-size: 0.16rem;
    color: #ffffff;
    line-height: 0.26rem;
    transform: translateY(380px);
    transition: transform 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
    margin-top: 0.35rem;
}
.banner2 .banner-span.ua{
    transform: translateY(0);
}
.banner2 .banner-p{
    width: 100%;
    height: 0.26rem;
    font-size: 0.16rem;
    color: #ffffff;
    line-height: 0.26rem;
    transform: translateY(400px);
    transition: transform 1.8s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
}
.banner2 .banner-p.ua{
    transform: translateY(0);
}
