.terminalbanner {
    width: 100%;
    height: 500px;
    background: url("../img/terminal/system.jpg") no-repeat;
    background-position: center center;
}

.topbox {
    margin: 0 auto;
    text-align: center;
}

.topbox img {
    width: 100%;
}

.topbox :first-child {
    font: normal normal bold 40px/59px Microsoft YaHei;
    letter-spacing: 2.4px;
    color: #16307A;
    margin-top: 150px;
}

.topbox :nth-child(2) {
    font: normal normal normal 24px/40px Microsoft YaHei;
    letter-spacing: 1.44px;
    color: #242424;
    margin-top: 40px;
}

.bottombox {
    position: relative;
    margin-top: 10%;
    text-align: center;
}

.bottombox>div {
    position: absolute;
    top: 52%;
    right: 19%;
}

.bottombox div p {
    font-size: 22px;
    text-align: left;
}

.onebox {
    width: 100%;
    margin: 10% auto 5%;
    text-align: center;
}

.onebox .bluetext2 {
    margin: 0 auto;
    width: 378px;
    height: 85px;
    background: linear-gradient(270deg, #006BB6 0%, #1EA2A7 100%);
    border-radius: 42px;
    color: white;
    line-height: 85px;
    font-size: 40px;
}

.onebox .text_three {
    margin: 20px auto 10px;
    color: #666666;
    font-size: 18px;
    opacity: 0.58;
}

.onebox .blueline {
    width: 202px;
    height: 3px;
    background: #16307A;
    margin: 30px auto;
}

.partsbox {
    width: 100%;
    height: 70vh;
    background: #F7F7F7;
    display: flex;
    /* justify-content: space-evenly; */
    align-items: center;
}

.partsbox .part_mid {
    text-align: center;
    width: 32vw;
}

.partsbox .part_mid img {
    width: 415px;
    height: 297px;
}

.partsbox .part_mid :nth-child(2) {
    font: normal normal bold 20px Microsoft YaHei;
    letter-spacing: 2.4px;
    color: #010101;
    margin-top: 4%;
}

.partsbox .part_mid :nth-child(3) {
    font: normal normal normal 18px/40px Microsoft YaHei;
    letter-spacing: 1.08px;
    color: #666666;
}

@media (max-width: 768px) {
    .terminalbanner {
        height: 180px;
        background-size: 150%;
        margin-top: 50px;
    }

}