html,body { margin: 0px; padding: 0px; color: #333333; background-color:rgba(233, 239, 244, 1); font-size: 16px; }

/* 超大宽屏 */
.layui-container { width: 100%; padding: 0; }
.video_banner { margin-top: 100px; }
.video_banner img { width: 100%; }

.video_back { background-image: url(../image/video/v_back.png); background-size: 100% 100%; padding-top: 116px; padding-bottom: 134px; }
.video_back .video_title { color: #333333; text-align: center; }
.video_back .video_title .en { text-transform: uppercase; font-size: 30px; }
.video_back .video_title .ch { font-size: 36px; margin-top: 10px; display: flex; align-items: center; justify-content: center; }
.video_back .video_title .ch img { padding: 2px 10px; }
.video_back .video_title .ch .line { width: 100px; height: 1px; background-color: #d5d5d5; }

.video_back .video_con { width: 1397px; margin: 0 auto; }
.video_back .video_con .video_item { display: flex; justify-content: space-between; align-items: center; background-color: #ffffff; padding: 100px 54px 100px 64px; margin-top: 80px; }
.video_back .video_con .video_item:nth-child(2n) { flex-direction: row-reverse; }
.video_back .video_con .video_item .video_item_l { width: 45%; }
.video_back .video_con .video_item .video_item_l .title { font-size: 30px; color: #a40182; font-weight: bold; }
.video_back .video_con .video_item .video_item_l .desc { font-size: 18px; color: #333333; line-height: 40px; margin-top: 40px; }

.video_back .video_con .video_item .video_item_r { width: 52%; }
.video_back .video_con .video_item .video_item_r video { width: 100%; height: auto; border-radius: 20px; }

/* 宽屏设备 */
@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .video_back { }
    .video_back .video_con { width: 98%; }
}

/* 中等屏幕 */
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .video_back { padding-top: 50px; padding-bottom: 70px; }
    .video_back .video_con { width: 98%; }
    .video_back .video_con .video_item { padding: 60px 36px 60px 30px; margin-top: 30px; }
    .video_back .video_con .video_item .video_item_l .title { font-size: 22px; }
    .video_back .video_con .video_item .video_item_l .desc { line-height: 26px; margin-top: 10px; font-size: 16px; }
} 

/* ipad */
@media screen and (max-width:991px)  {
    .video_banner { margin-top: 64px; }
    .video_back { padding-top: 50px; padding-bottom: 70px; }
    .video_back .video_con { width: 98%; }
    .video_back .video_con .video_item { padding: 60px 36px 60px 30px; margin-top: 30px; }
    .video_back .video_con .video_item .video_item_l .title { font-size: 22px; }
    .video_back .video_con .video_item .video_item_l .desc { line-height: 26px; margin-top: 10px; font-size: 16px; }
}

/* 手机端 */
@media screen and (max-width:767px) {
    .video_banner { margin-top: 64px; }
    .video_back { padding-top: 20px; padding-bottom: 30px; }
    .video_back .video_con { width: 98%; }
    .video_back .video_con .video_item { padding: 20px 14px; margin-top: 20px; display: block; }
    .video_back .video_con .video_item .video_item_l { width: 100%; }
    .video_back .video_con .video_item .video_item_l .title { font-size: 22px; }
    .video_back .video_con .video_item .video_item_l .desc { line-height: 26px; margin-top: 10px; font-size: 16px; }
    .video_back .video_con .video_item .video_item_r { width: 100%; margin-top: 10px; }
    .video_back .video_title .en { font-size: 16px; }
    .video_back .video_title .ch { font-size: 18px; }
    .video_back .video_title .ch img { width: 8px; height: 14px; }
    .video_back .video_title .ch .line { width: 50px; }
}