@charset "utf-8";

/*** 视频页 ***/
.video_wrap{overflow:hidden;}
.video-wrap{margin-top:60px;margin-left:-15px;margin-right:-15px;}
.video-wrap>ul{list-style:none;padding:0;margin:0;}
.video-wrap>ul>li{padding-right:15px;padding-left:15px;margin-bottom:30px;float:left;width:25%;height:auto;text-align:center}
.video-wrap>ul>li .video-img{border:solid 1px #f3f3f3;width:100%;height:0;padding-bottom:54%;position:relative;overflow:hidden}
.video-wrap>ul>li .video-img img{width:100%;height:auto}
.video-wrap>ul>li .video-tit{height:36px;line-height:36px;overflow:hidden}
.video-wrap>ul>li .video-tit h4{margin:0;font-size:14px;display:inline-block;vertical-align:middle;color:#000;line-height:36px}
.video-wrap>ul>li .video-tit h4:hover{color:#00628e;}
.am-animation-fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
@-webkit-keyframes fadeInUp{
    from{opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%);}
    to{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInUp{
    from{opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%);}
    to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@media screen and (max-width:950px){
    .video-wrap>ul>li{width:33.33%}
}
@media screen and (max-width:640px){
    .video-wrap{margin-top:30px;margin-left:-10px;margin-right:-10px;}
    .video-wrap>ul>li{width:50%;padding-right:5px;padding-left:5px;}
}