.pc-show {
    display: block !important;
}

.mobile-show {
    display: none !important;
}

.tech_technical {
    font-size: calc((24/19.2)*1vw);
}

.configuration {
    cursor: pointer;
}

.enginMore:hover {
    color: rgb(204, 0, 0);
}


.technHeader .kv {
    width: 100%;
}

.technHeader .kvText {
    width: calc((882/19.2)*1vw);
    position: absolute;
    top: calc((686/19.2)*1vw);
    left: calc((519/19.2)*1vw);
}

.play {
    width: calc((108/19.2)*1vw);
    position: absolute;
    top: calc((460/19.2)*1vw);
    left: 50%;
    transform: translateX(-50%);

}

.engineBox {
    position: relative;
}

.enginPiece {
    width: calc((407/19.2)*1vw);
    position: absolute;
    top: calc((127/19.2)*1vw);
    right: 0;
}

.enginBg {
    width: calc((1225/19.2)*1vw);
}

.enginImg {
    width: calc((1397/19.2)*1vw);
    position: absolute;
    top: calc((127/19.2)*1vw);
    left: calc((117/19.2)*1vw);
}

.enginText {
    width: calc((575/19.2)*1vw);
    background-color: #fff;
    position: absolute;
    right: calc((123/19.2)*1vw);
    bottom: 0;
    padding-left: calc((60/19.2)*1vw);
    padding-right: calc((30/19.2)*1vw);
    padding-top: calc((214/19.2)*1vw);
    padding-bottom: calc((188/19.2)*1vw);
    line-height: calc((36/19.2)*1vw);
}

.flatText {
    line-height: calc((36/19.2)*1vw);
}

/* .asEnginTitle {
    margin-top: calc((40/19.2)*1vw);
    margin-bottom: calc((140/19.2)*1vw);
} */

.enginMore {
    margin-top: calc((40/19.2)*1vw);
}

.flatBox {
    width: calc((1680/19.2)*1vw);
    margin: 0 auto;
    padding-top: calc((78/19.2)*1vw);
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* grid-gap: calc((30/19.2)*1vw); */
    /* 可根据需要调整间距 */
}

.flatBox img {
    width: calc((1110/19.2)*1vw);
}

.systemBox {
    width: calc((1680/19.2)*1vw);
    margin: 0 auto;
    padding-top: calc((154/19.2)*1vw);
    padding-bottom: calc((147/19.2)*1vw);
    display: flex;
    align-items: center;
    justify-content: space-around;
    /* grid-gap: calc((30/19.2)*1vw); */
    /* 可根据需要调整间距 */
}

.systemBox .systemDetails div img {
    width: calc((540/19.2)*1vw);
}


.systemTitle {
    font-size: calc((36/19.2)*1vw);
    position: relative;
    display: inline-block;
    padding-bottom: calc((20/19.2)*1vw);
    margin: calc((20/19.2)*1vw) 0;
}

.systemTitle::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 4px;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: rgb(204, 0, 0);
}


.unitBox {
    position: relative;
    overflow: hidden;
}

.unitBox img {
    width: 100%;
}

.unitTitle {
    position: absolute;
    top: calc((70/19.2)*1vw);
    left: calc((117/19.2)*1vw);
}

.accessoryBox {
    width: calc((1680/19.2)*1vw);
    margin: 0 auto;

    padding-top: calc((109/19.2)*1vw);
    padding-bottom: calc((124/19.2)*1vw);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.systemDetails div:nth-child(1) {
    position: relative;
    overflow: hidden;
}

.systemHoverBox {
    width: 100%;
    height: 0;

    line-height: calc((36/19.2)*1vw);
    position: absolute;
    bottom: 0;
    background-color: #000000CC;
    color: #fff;
    transition: height 0.5s ease-out;
    text-align: center;
}

.systemHover:hover .systemHoverBox {
    height: calc((310/19.2)*1vw);
}

.unitBox:hover .systemHoverBox {
    height: calc((310/19.2)*1vw);
}

.systemHoverBox p:nth-child(1) {
    margin-top: calc((50/19.2)*1vw);
}

.systemHoverBox div {
    margin-top: calc((48/19.2)*1vw);
}

.systemHoverBox div:hover {
    color: rgb(204, 0, 0);
}

.accessoryBox .systemDetails div img {
    width: calc((825/19.2)*1vw);
}

.accessoryBox .systemDetails div .key {
    width: calc((366/19.2)*1vw);
    position: absolute;
    left: calc((230/19.2)*1vw);
    top: calc((108/19.2)*1vw);
}

.dot {
    width: calc((407/19.2)*1vw);
}

@media (max-width: 860px) {
    .pc-show {
        display: none !important;
    }

    .mobile-show {
        display: block !important;
    }

    .tech_technical {
        font-size: calc((14/3.75)*1vw);
    }

    .systemContainer {
        width: calc((343/3.75)*1vw);
        margin: 0 auto;
    }

    .enginBg {
        width: calc((380/3.75)*1vw);
        position: relative;
        left: calc((60/3.75)*-1vw);
    }

    .enginPiece {
        width: calc((56/3.75)*1vw);
        top: 0;
    }

    .enginImg {
        width: calc((343/3.75)*1vw);
        height: calc((191/3.75)*1vw);
        z-index: 10;
        top: calc((16/3.75)*1vw);
        left: calc((16/3.75)*1vw);
    }

    .enginTextMod {

        position: absolute;
        bottom: calc((10/3.75)*1vw);
        left: calc((16/3.75)*1vw);
    }

    .systemBox {
        width: 100%;
        display: flex;
        /* align-items: center; */
        justify-content: space-between;

    }

    .flatBox {
        width: 100%;
    }

    .flatBox img {
        width: calc((343/3.75)*1vw);
    }


    .systemTitle {
        font-size: calc((16/3.75)*1vw);
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .systemBox .systemDetails div img {
        width: calc((160/3.75)*1vw);

    }

    .systemDetails div img {
        width: calc((343/3.75)*1vw);
    }

    .systemContainer .systemDetails {
        margin-bottom: calc((174/19.2)*1vw);
    }

    .accessoryBox {
        width: calc((343/3.75)*1vw);

        align-items: flex-start;
    }

    .accessoryBox .systemDetails {
        width: calc((160/3.75)*1vw);
    }
}