.about .flex-one{
    gap:2rem;
}
.about .lt{
    width: 25%;
}
.about .rt{
    flex: 1;
}
.about .rt .subt{
    font-size: var(--f24);
    color: var(--themeColor2);
    font-family: 'pingfangm-font';
    margin-bottom: 1rem;
}

.about .lt .icon{
    margin-top: 2rem;
    width: 8rem ;
}

.about .flex-two{
    margin-top: 3rem;
    gap: 1rem;
    height: 23rem;
}
.about .flex-two .img-db{
    flex: 1;
    border-radius: 1rem;
}
.about .flex-two .img-db:first-child{
    width: 40%;
    flex:none ;
}



.about_yewu .grid{
    gap:1.8rem;
}
.about_yewu .grid .item{
    gap: .6rem;
}
.about_yewu .grid .item .lt{
    padding: 1.5rem;
    background:#fff ;
    transition: background .5s;
    width: 32%;
    border-radius: .7rem;
}
.about_yewu .grid .item .lt .flexjs{
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.about_yewu .grid .item .lt .icon{
    width: 3rem;
    height: auto;
    aspect-ratio:1/1 ;
    object-fit: contain;
    transition: filter .5s;
}
.about_yewu .grid .item .lt .tt{
    font-size: var(--f24);
    font-family: 'pingfangm-font';
    color: #414141;
    transition: color .5s;
}
.about_yewu .grid .item:hover .lt{
    background: var(--noBtnBgColor);
}

.about_yewu .grid .item:hover .lt .icon{
    filter:var(--imgWhite);
}

.about_yewu .grid .item:hover .lt .tt{
    color: #fff;
}
.about_yewu .grid .item .rt{
    flex: 1;
}
.about_yewu .grid .item .rt .img-db{
    height: auto;
    aspect-ratio: 515/325;
    border-radius: .7rem;
}