@charset "utf-8";
/* CSS Document */
.video{ width:100%; height:auto; margin:0 auto; max-width:640px; min-width:320px; font-family: 微软雅黑; }
.video img{ max-width:100%; height:auto; border:0; vertical-align:bottom;}
.video .part{ padding: 20px 0;}
.video .t_en{ width: 100%; height: auto; font-size: 22px; color: #666; padding: 5px 0; line-height: 1; text-transform: uppercase; text-align: center; letter-spacing: 2px;}
.video .t_cn{ width: 100%; height: auto; font-size: 24px; color: #e5ac37; padding: 5px 0; line-height: 1; text-align: center;}
.w96{ width: 95%; height: auto; margin: 0 auto; margin-top: 15px;}
.p-img{ position: relative;}
.p-img .p-bg{ background:rgba(0,0,0,0.4); position: absolute; bottom: 0; left: 0; width: 100%; height: auto; color: #fff; font-size: 16px; padding: 10px 0; box-sizing: border-box; text-indent: 20px; z-index: 2;}
.p-img .p-bg .edc44e{ width: 5px; height: 24px; background: #edc44e; position: absolute; left: 10px; bottom: 10px;}
.video .small{}
.video .small li{ width: 49%; margin-left: 2%; margin-top: 10px; float: left;}
.video .small li:nth-child(3n+1){ margin-left: 0; }
.zx{ width: 95%; height: auto; text-align: center; margin: 0 auto; margin-top: 30px; font-size: 16px; line-height: 100%; padding: 10px 0; border: 2px solid #edc44e; box-sizing: border-box;}
.zx a{ color: #edc44e;}
@media (max-width:480px){
    .video .t_en{ font-size: 20px; }
    .video .t_cn{ font-size: 22px;}
}
@media (max-width:420px){
    .video .t_en{ font-size: 18px; }
    .video .t_cn{ font-size: 20px;}
    .p-img .p-bg{ font-size: 15px;}
    .p-img .p-bg .edc44e{ height: 22px;}
    .zx{ font-size: 15px; padding: 6px 0;}
}
@media (max-width:320px){
    .video .t_en{ font-size: 16px; }
    .video .t_cn{ font-size: 16px;}
    .p-img .p-bg{ font-size: 14px;}
    .p-img .p-bg .edc44e{ height: 20px;}
    .zx{ font-size: 14px;}
}