@media screen and (max-width: 768px) {
    .about-box{
padding-top: 0.9rem;
padding-bottom:0.8rem;
}

.about-banner{
    width: 100%;
    margin-top: unset;
    
}
.about-content h3{
font-size: 0.46rem;
line-height: 0.42rem;
    margin-top: 0.5rem;
margin-bottom:0.3rem;
font-weight: bold;

}
.about-content h4{
font-size: 0.46rem;
line-height: 0.37rem;
margin-top: 0.4rem;
margin-bottom: 0.3rem;
font-weight: bold;
}
.about-content p{
font-size: 0.3rem;
text-indent: 2em;
line-height: 0.55rem;
}

.culture-box{
    padding: 0.39rem 0;
}
.culture-item{
    width: 100%;
    padding: 0.63rem 0.57rem; 
   flex-direction: column;
   align-items: flex-start;
    margin-bottom: 0.39rem;
}

.culture-item img{
max-width: 2.09rem;
margin-right: unset;
}
.culture-item h3{
font-size: 0.36rem;
margin-bottom: 0.04rem;
}
.culture-item span{
font-size:0.26rem;
}
.culture-item p{
font-size: 0.2rem;
line-height: 0.35rem;
margin-top: 0.17rem;
text-align: justify;
}
}