.video-class{ margin-top:70px;}





.video-van{ width:1200px; margin:0 auto;}

.video-van:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}

.video-list{ width:550px; float:left; padding:10px; margin-bottom:40px;}

.video-list.margin{ margin-right:60px;}

.video-list:hover{ background:#dedede;}

.video-list .video{ width:550px; height:340px; position:relative; text-align:center; margin-top:0; border-bottom:0}

.video-list .content{ width:550px;  line-height:22px; color:#444; padding-top:10px; padding-bottom:10px; text-align:center; font-size:18px;}



.video-list .video .video-icon{ position:absolute;left:0;top:0;bottom:0;right:0; margin:auto; padding-top:115px;}

.video-list .video .video-icon img{ width:110px; height:110px;}







@media (max-width: 639px) {

.video-class{ margin-top:20px;}





.video-van{ width:93.75%; margin:0 auto;}

.video-van:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}

.video-list{ width:48%; float:left; padding:0%; margin-bottom:20px;}

.video-list.margin{ margin-right:2%;}

.video-list:hover{ background:#dedede;}

.video-list .video{ width:100%; height:auto; position:relative; text-align:center;}

.video-list .video img{ width:100%; height:auto;}

.video-list .content{ width:100%; height:20px; overflow:hidden;  line-height:20px; color:#444; padding-top:10px; padding-bottom:0px; text-align:center; font-size:12px;}



.video-list .video .video-icon{ position:absolute;left:0;top:0;bottom:0;right:0; margin:auto; padding-top:25px;}

.video-list .video .video-icon img{ width:50px; height:50px;}

}



@media (min-width: 640px) and (max-width:1023px ) {

.video-class{ margin-top:20px;}





.video-van{ width:93.75%; margin:0 auto;}

.video-van:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}

.video-list{ width:48%; float:left; padding:0%; margin-bottom:20px;}

.video-list.margin{ margin-right:2%;}

.video-list:hover{ background:#dedede;}

.video-list .video{ width:100%; height:auto; position:relative; text-align:center;}

.video-list .video img{ width:100%; height:auto;}

.video-list .content{ width:100%; height:20px; overflow:hidden;  line-height:20px; color:#444; padding-top:10px; padding-bottom:0px; text-align:center; font-size:12px;}



.video-list .video .video-icon{ position:absolute;left:0;top:0;bottom:0;right:0; margin:auto; padding-top:85px;}

.video-list .video .video-icon img{ width:50px; height:50px;}

}



@media (min-width: 1024px) and (max-width:1440px ) {

.video-class{ margin-top:70px;}





.video-van{ width:1200px; margin:0 auto;}

.video-van:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}

.video-list{ width:550px; float:left; padding:10px; margin-bottom:40px;}

.video-list.margin{ margin-right:60px;}

.video-list:hover{ background:#dedede;}

.video-list .video{ width:550px; height:340px; position:relative; text-align:center;}

.video-list .content{ width:550px;  line-height:22px; color:#444; padding-top:10px; padding-bottom:10px; text-align:center; font-size:18px;}



.video-list .video .video-icon{ position:absolute;left:0;top:0;bottom:0;right:0; margin:auto; padding-top:115px;}

.video-list .video .video-icon img{ width:110px; height:110px;}

}

@media (min-width: 1441px) and (max-width:1920px ) {

}