#voild-box{padding:0 143px;margin:0 auto;max-width:1366px;position:relative}#voild-box .video{position:absolute;height:44px;width:44px;top:30%;left:50%;transform:translate(-50%,-30%)}.volid-title{position:relative;margin:30px 0;font-size:28px;color:#333}.volid-title .line{display:inline-block;margin:0 10px;width:200px;height:1px;background:#ededed}.title-type{color:#ededed}.volid-ul li img{width:100%;height:197px}.volid-ul li{position:relative;margin-bottom:32px;width:32%;height:23.17%;background:#fff;box-shadow:1px 5px 15px #ededed;font-size:24px;color:#000;cursor:pointer}.volid-ul li:hover .video-img-box::before{content:'';display:block;height:62%;width:100%;position:absolute;z-index:1;background:rgba(0,0,0,.1)}.volid-ul li:nth-child(3n-1){margin:0 15px}.volid-ul li::before{position:absolute;right:100%;bottom:0;width:0;height:2px;background:#005aaa;content:"";transition:all .5s}.volid-ul li:hover::before{right:0;bottom:0;width:100%;transition-delay:.1s}.ul-title{padding:28px 15px;font-size:20px}.volid-link{font-size:14px;color:#005aaa}#media-box{padding:0 143px;margin:0 auto;max-width:1366px}.media-ul li{position:relative;margin-bottom:48px;display:flex;flex-direction:column;align-items:center;width:270px}.media-ul li img{width:100%;height:100%}.media-ul li .zept{position:absolute;left:50%;top:50%;width:100%;height:64px;background:#000;opacity:.18;line-height:64px;text-align:center;font-size:24px;color:#fff;transform:translateX(-50%) translateY(-50%)}<!--0.00013995170593262-->