@media screen and (min-width: 800px) {
    .mainMinddle {max-width: 1056px;margin: auto}
    .mainMinddle *{font-size: 18px;}
    .mainMinddle h2{font-size: 20px;}
    .honor{margin: auto;max-width: 1202px;}
}
.mainMinddle *{font-size: 0.33rem;}
body .mainMinddle{width: 80%;margin: auto;}
.honor{margin-bottom: 111px;}
.honor img{max-width: 100%;height: auto}
.honor a {
    position: absolute;
    width: 13%;
    height: 40%;
    left: 50%;
    top: 42%;
    margin-left: -6%;
}
.honor a.num1{
    left: 13%;
    margin-left:0;
}
.honor a.num2{
    left: 27%;
    margin-left:0;
}
.honor a.num3{
    left: 60.5%;
    margin-left:0;
}
.honor a.num4{
    left: 73.5%;
    margin-left:0;
}
.honor a img{
    display: none;
}