/*定义滚动滑块*/
::-webkit-scrollbar {
    width: 4px;
    background: var(--color-3);
    display: none;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
}

::-webkit-scrollbar-thumb {
    border-radius: 3px;
    height: 100px;
    background-color: #ccc;
}

/*自适应*/

@media (max-width: 900px) {
    .mainSubAboutConEnglis {
        margin-top: 2px;
    }
}

@media (max-width: 770px) {
    .mainSubModNavWenz {
        position: fixed;
        overflow: hidden;
        width: 50%;
        height: 100%;
        top: 0%;
        right: -50%;
        z-index: 333;
        background: #fff;
        transition: all 0.3s;
        box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.5);
    }

    .mainSubModNavCurs{
        right: 0;
    }
    .mainSubModNavWenz ul{
        position: relative;
        overflow: hidden;
        width: 100%;
        height: calc(100% - 60px);
        float: right;
        display: block;
        padding-top: 60px;
    }

    .mainSubModNavWenz ul li{
        padding: 10px 0;
    }

    .modelOphonButn{
        display: block;
        cursor: pointer;
    }

    .modelCloseSub{
        display: block;
    }

    .mainSubGuesImage{
        display: none;
    }
    .mainSubGuests form{
        width: 100%;
    }
}

@media (max-width: 660px) {

    .mainSubAboutConEnglis{
        flex-wrap: wrap;
    }
    .AboutConEngWenz{
        width: 100%;
    }
    .mainSubModBotms{
        flex-wrap: wrap;
    }

    .mainSubProdBiaoge{
        flex-wrap: wrap;
    }
    .mainSubProdTable{
        width: 100%;
    }

    .mainSubProdTupans{
        margin: 10px auto 0 auto;
    }
    .mainSubAboutConts{
        width: calc(100% - 40px);
        padding: 30px 20px;
    }

    .mainSubGuests{
        width: 100%;
        padding-left: 0;
    }

    .mainSubGuestInput{
        width: calc(100% - 80px);
    }

    .mainSubGuestInput input{
        width: calc(100% - 20px - 22px);
    }

    .mainSubGuestInput textarea{
        width: calc(100% - 20px - 22px);
    }

    .mainSubContMode{
        flex-wrap: wrap;
    }

    .SubContModeImgs{
        margin-top: 10px;
    }
}