/* ================== 新内容开始 ================== */
.back{
    background-image: url(../images/sub-nav/backimg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 3rem 0 1rem 0;
}
.centerbox{
    width: 85%;
    margin: 0 auto;
}
.centerbox h2{
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    font-size: 2.6rem;
    line-height: 6;
}
.buttons{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 34rem;
}
.buttons div{
    width: 11rem;
    height: 100%;
}
.buttons div a{
    display: block;
    width: 100%;
}

.one a:hover p{color: rgb(0, 126, 255);}
.one a:nth-child(2):hover p{color: rgb(0, 171, 144);}
.two a:hover p{color: rgb(0, 178, 92);}
.two a:nth-child(2):hover p{color: rgb(88, 62, 217);}
.three a:hover p{color: rgb(244, 75, 75);}
.three a:nth-child(2):hover p{color: rgb(241, 141, 0);}
.four a:hover p{color: rgb(0, 48, 225);}
.four a:nth-child(2):hover p{color: rgb(142, 64, 209);}

.buttons div a:nth-child(2){
    transform: translateY(4rem);
}
.buttons div a img{
    display: block;
    width: 65%;
    margin: 0 auto;
}
.buttons div a p{
    text-align: center;
    line-height: 3;
    color: #ffffff;
    font-weight: bold;
    font-size: 1rem;
}