.about-top-img{
    width: 100%;
    height: 95rem;
}
.about-a{
    background: url('../img/about/zj-bg.jpg');
    padding-bottom: 5%;
}
.about-brand{
    display: flex;
    padding: 10% 5% 5% 5%;
}
.a-b-left{
    width: 60%;
    height: 70rem;
}
.a-b-left img{
    height: 70rem;
}
.a-b-right{
    width: 40%;
    height: 70rem;
}
.a-b-right-img{
    position: relative;
    top: 5%;
    left: 5%;
}
.a-b-right-img img{
    width: 30rem;
    height: 10rem;
}
.a-b-right-text{
    position: relative;
    top: 8%;
    left: 5%;
    width: 80%;
    div{
        font-size: 1.8rem;
        text-indent: 2em;
    }
}
.about-introduce{
    font-size: 20rem;
}

.about-introduce{
    margin: 5% 5% 0 5%;
    height: 70rem;
    display: flex;
}
.about-i-left{
    width: 40%;
    height: 70rem;
}
.about-i-left-text{
    position: relative;
    top: 20%;
    left: 10%;
    width: 80%;
    div{
        font-size: 2rem;
        text-indent: 2em;  
    }
}
.about-i-left-text span{
    color: var(--main-ty-color1);
    font-size: 2rem;
}

.about-i-right{
    height: 70rem;
    width: 60%;
}
.about-i-right img{
    height: 70rem;
}
.a-i-s-r{
    position: relative !important;
    top: -6rem !important;
    left: 40% !important;
}
.about-life{
    width: 100%;
    background-image: url('../img/about/a-l-bg.jpg');
}
.about-life-img{
    padding: 5% 5% 5% 5%;
    display: flex;
    justify-content: space-between;
}
.about-life-img img{
    width: 25%;
    height: 70rem;
}