@charset "utf-8";
/* CSS Document */
.videobox{ width:100%; height:100vh; overflow:hidden; position:relative}
.videobox video{ width:100%; height:100%; overflow:hidden; object-fit:cover; position:relative; z-index:0}

.videobox .dflogo{ width:100%; height:auto; overflow:hidden; text-align:center; position:absolute; left:0; top:150px;}

.videobox .menu{ width:100%; height:auto; overflow:hidden; position:absolute; left:0; bottom:195px;}
.videobox .menu .list{ width:90%; margin:0 auto; max-width:800px;}
.videobox .menu .list ul{ margin:0px; padding:0px; list-style:none}
.videobox .menu .list ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; height:auto; float:left; overflow:hidden;}
.videobox .menu .list ul li .pic{ width:100%; height:auto; overflow:hidden; text-align:center}
.videobox .menu .list ul li .pic img{ display:block; margin:0 auto; transition:all 0.5s ease; margin-top:10px;}

.videobox .menu .list ul li .tit{ width:100%; height:60px; line-height:60px; text-align:center; font-size:18px; color:#FFF; overflow:hidden; text-align:center}

.videobox .menu .list ul li:hover .pic img{ margin-top:0px}


.videobox .tword{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#FFF; text-align:center; position:absolute; left:0; bottom:130px;}
.videobox .dar{ width:100%; height:auto; overflow:hidden; height:50px; background:url(../Images/dar.png) top center  no-repeat; position:absolute; left:0; bottom:30px; /* 添加动画 */
  animation: moveArrow 2s ease-in-out infinite;}
 
 /* 定义动画关键帧 */
@keyframes moveArrow {
  0% {
    background-position: top center;
  }
  50% {
    background-position: bottom center;
  }
  100% {
    background-position: top center;
  }
}