.intro{
    display: flex;
    padding-top: 6%;
    max-width: 1200px;
    flex-direction: column;
}
.HonList{
    display: flex;
    flex-direction: row;
    height: 110px;
}
.mtt5{
    margin-top: 5%;
}
.photo{
    width:200px;
    margin-top: 10px;
}
.content{
    margin-left: 5%;
}
img{
    object-fit: cover;
}
@media(max-width:800px){
    .HonList{
        flex-direction: column;
        height: 200px;
        align-items: center;
        justify-content: center;
    }
    img{
        height: 100px;
    }
    .content{
        margin-left: 0px;
    }
    .mtt5{
        margin-top: 1%;
    }
    h2{
        font-size: 18px;
    }
    h5{
        font-size: 12px;
    }
    .photo{
        margin-bottom: 10px;
    }
    .content{
        max-width: 320px;
    }

}