@media only screen and (min-width:750px) and (max-width: 1920px) {

    /* videos */

    .img-box2 {
        /* position: absolute;
        width: 42%;
        left: 0;
        bottom: 160px;
        z-index: 9; */

        display: flex;
        position: absolute;
        justify-content: flex-start;
        flex-direction: column;
        width: 42%;
        left: 0;
        bottom: 160px;
        z-index: 9;
    }

    .f-videos {
        display: flex;
        width: 100%;
        background-color: #f7f7f7;
        justify-content: center;
        padding: 0 0 80px 0;
    }

    .f-videos .wrapper {
        display: flex;
        width: 90vw;
        /* height: 600px; */
        flex-direction: column;
        /* background-color: #5956a5; */
    }

    .f-videos .head {
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
    }

    .f-videos .title {
        position: relative;
        font-size: 2rem;
        text-align: left;
        padding: 20px 0 20px 0;
        margin-top: 30px;
    }

    .f-videos .title::after {
        position: absolute;
        content: ' ';
        left: 0px;
        bottom: 10px;
        width: 50px;
        height: 3px;
        background-color: #eb6100;
    }

    .video-title {
        font-size: 1.4rem;
        /* font-weight: bold; */
        margin-top: 15px;
        text-align: right;
    }

    .video-box {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        /* margin-top: 30px; */
    }

    .video-js button {
        outline: none;
    }

    .video-js.vjs-fluid,
    .video-js.vjs-16-9,
    .video-js.vjs-4-3 {
        /* 视频占满容器高度 */
        height: 100%;
        background-color: #161616;
    }

    .vjs-poster {
        background-color: #161616;
    }

    .video-js .vjs-big-play-button {
        line-height: 2.3em !important;
        height: 2.5em !important;
        width: 2.5em !important;
        -webkit-border-radius: 2.5em !important;
        -moz-border-radius: 2.5em !important;
        border-radius: 2.5em !important;
        background-color: rgba(115, 133, 159, .5) !important;
        border-width: 0.16em !important;
        /* margin-left: calc(20vw - 50px) !important; */
        /* margin-top: calc(11.25vw - 50px) !important; */
        left: calc(275px - 1.5em) !important;
        top: calc(154.5px - 1.5em) !important;
         background: url(../image/播放_play-one.png) no-repeat center;
        background-size: 50%;
    }

    /* .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .vjs-icon-play:before {
    content: none !important;
} */

    .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
        content: none !important;
    }

    .video-js.vjs-paused .vjs-big-play-button {
        /* 视频暂停时显示播放按钮 */
        display: block;
    }

    .video-js.vjs-error .vjs-big-play-button {
        /* 视频加载出错时隐藏播放按钮 */
        display: none;
    }

    .vjs-loading-spinner {
        /* 加载圆圈 */
        font-size: 2.5em !important;
        width: 2em !important;
        height: 2em !important;
        border-radius: 1em !important;
        margin-top: -1em !important;
        margin-left: -1.5em !important;
    }

    .video-js .vjs-control-bar {
        /* 控制条默认显示 */
        display: flex;
    }

    .video-js .vjs-time-control {
        display: block;
    }

    .video-js .vjs-remaining-time {
        display: none;
    }

    .vjs-button>.vjs-icon-placeholder:before {
        /* 控制条所有图标，图标字体大小最好使用px单位，如果使用em，各浏览器表现可能会不大一样 */
        font-size: 22px;
        line-height: 1.9;
    }

    .video-js .vjs-playback-rate .vjs-playback-rate-value {
        line-height: 2.4;
        font-size: 18px;
    }

    /* 进度条背景色 */
    .video-js .vjs-play-progress {
        color: #ffb845;
        background-color: #ffb845;
    }

    .video-js .vjs-progress-control .vjs-mouse-display {
        background-color: #ffb845;
    }

    .vjs-mouse-display .vjs-time-tooltip {
        padding-bottom: 6px;
        background-color: #ffb845;
    }

    .video-js .vjs-play-progress .vjs-time-tooltip {
        display: none !important;
    }


    /* video */
    .video-box {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .video-js {
        position: relative !important;
        /* width: 500px; */
        /* height: 350px; */
        width: 550px;
        height: 309px;
        margin-top: 50px;
    }

    .out_container2 {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .video-js .vjs-big-play-button {
        /* position: absolute !important;
        width: 3vw !important;
        height: 3vw !important;
        left: -4.4vw !important;
        top: -2vw !important; */
    }

}




@media only screen and (max-width: 750px) {

    .img-box2{
        width: 90vw;
        margin: 0 auto;
    }

    /* videos */
    .f-videos {
        display: flex;
        width: 100%;
        background-color: #f7f7f7;
        justify-content: center;
        padding: 0 0 80px 0;
    }

    .f-videos .wrapper {
        display: flex;
        width: 90vw;
        /* height: 600px; */
        flex-direction: column;
        /* background-color: #5956a5; */
    }

    .f-videos .head {
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
    }

    .f-videos .title {
        position: relative;
        font-size: 2rem;
        text-align: left;
        padding: 20px 0 20px 0;
        margin-top: 30px;
    }

    .f-videos .title::after {
        position: absolute;
        content: ' ';
        left: 0px;
        bottom: 10px;
        width: 50px;
        height: 3px;
        background-color: #eb6100;
    }

    .video-title {
        font-size: 1.4rem;
        /* font-weight: bold; */
        margin-top: 15px;
    }

    .video-box {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        /* margin-top: 30px; */
    }

    .video-js button {
        outline: none;
    }

    .video-js.vjs-fluid,
    .video-js.vjs-16-9,
    .video-js.vjs-4-3 {
        /* 视频占满容器高度 */
        height: 100%;
        background-color: #161616;
    }

    .vjs-poster {
        background-color: #161616;
    }

    .video-js .vjs-big-play-button {
        line-height: 2.3em !important;
        height: 2.5em !important;
        width: 2.5em !important;
        -webkit-border-radius: 2.5em !important;
        -moz-border-radius: 2.5em !important;
        border-radius: 2.5em !important;
        background-color: rgba(115, 133, 159, .5) !important;
        border-width: 0.16em !important;
        margin-left: calc(20vw - 50px) !important;
        margin-top: calc(11.25vw - 50px) !important;
        background: url(../image/播放_play-one.png) no-repeat center;
        background-size: 50%;
    }

    /* .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .vjs-icon-play:before {
    content: none !important;
} */

    .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
        content: none !important;
    }

    .video-js.vjs-paused .vjs-big-play-button {
        /* 视频暂停时显示播放按钮 */
        display: block;
    }

    .video-js.vjs-error .vjs-big-play-button {
        /* 视频加载出错时隐藏播放按钮 */
        display: none;
    }

    .vjs-loading-spinner {
        /* 加载圆圈 */
        font-size: 2.5em !important;
        width: 2em !important;
        height: 2em !important;
        border-radius: 1em !important;
        margin-top: -1em !important;
        margin-left: -1.5em !important;
    }

    .video-js .vjs-control-bar {
        /* 控制条默认显示 */
        display: flex;
    }

    .video-js .vjs-time-control {
        display: block;
    }

    .video-js .vjs-remaining-time {
        display: none;
    }

    .vjs-button>.vjs-icon-placeholder:before {
        /* 控制条所有图标，图标字体大小最好使用px单位，如果使用em，各浏览器表现可能会不大一样 */
        font-size: 22px;
        line-height: 1.9;
    }

    .video-js .vjs-playback-rate .vjs-playback-rate-value {
        line-height: 2.4;
        font-size: 18px;
    }

    /* 进度条背景色 */
    .video-js .vjs-play-progress {
        color: #ffb845;
        background-color: #ffb845;
    }

    .video-js .vjs-progress-control .vjs-mouse-display {
        background-color: #ffb845;
    }

    .vjs-mouse-display .vjs-time-tooltip {
        padding-bottom: 6px;
        background-color: #ffb845;
    }

    .video-js .vjs-play-progress .vjs-time-tooltip {
        display: none !important;
    }


    /* video */
    .video-box {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .video-js {
        position: relative !important;
        width: 90vw;
        height: 52.88vw;
        margin-top: 50px;
    }

    .out_container2 {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .video-js .vjs-big-play-button {
        position: absolute !important;
        width: 3vw !important;
        height: 3vw !important;
        left: -4.4vw !important;
        top: -2vw !important;
    }
}