body {
    background: #F5F5F5;
}

.banner {
    /* height: 28rem; */
    height: 450px;
    width: 100%;
    overflow: hidden;
    background: url(../img/minTransitionBanner.jpg) no-repeat;
    background-size: cover;
}

.courseMinTransition {
    width: 100%;
    margin: 6.5rem 0 6rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.content-2 {
    width: 100%;
    background: url(../img/minTransitionCOntent-2.png) no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

.useCenter {
    width: 90%;
}

.useCenter .titP {
    text-align: center;
    color: #ffffff;
    margin: 3.8rem 0;
}

.content-2-list {
    display: flex;
    justify-content: center;
}

.content-2-list div {
    width: 10.5rem;
    height: 10.5rem;
    background: #ffffff;
    border-radius: 10px;
    margin: 0.7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transition: all 0.5s ease;
}

.content-2-list span {
    display: block;
    width: 4rem;
    height: 4rem;
    background: url(../img/chengji.png) no-repeat;
}

.content-2-list p {
    padding: 1rem 0;
}

.content-2-list div:nth-of-type(1) span {
    background-position: 12px 0;
}

.content-2-list div:nth-of-type(2) span {
    background-position: -198px 0;
}

.content-2-list div:nth-of-type(3) span {
    background-position: -396px 0;
}

.content-2-list div:nth-of-type(4) span {
    background-position: -598px 0;
}

.content-2-list div:nth-of-type(5) span {
    background-position: -796px 0;
}

.content-2-list div:nth-of-type(6) span {
    background-position: -998px 0;
}
.content-2-list div:hover{
    box-shadow: 8px 8px 10px #828b94e7;
}