.video h3{font-size: 23px;color: #008f80;padding: 80px 0 16px;background: url(/static/index/images/news_bg_08.jpg) no-repeat left center}
.banner{height: 210px;overflow: hidden;position: relative}
.video ul a{display: block;float: left;height: 280px;margin:0 28px 20px;width: 330px}
.videoUlDiv{position: relative;overflow: hidden}
.video ul a span{display: block;position: absolute;width: 330px;height: 220px;;background:url("/static/index/images/videobj_03.png") no-repeat center center;left: 0;top: 0;webkit-transition: .7s;transition: .7s;opacity:0;z-index: 22}
.video ul a img{display: block;width: 330px;height: 220px;webkit-transition: .7s;transition: .7s;}
.video ul a p{font-size: 16px;color: #000;line-height: 36px;text-align: center;padding: 0 8px;margin-top: 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width: 90%}
.video ul.videoUl{width: 1160px;margin: 30px auto 0}

.video ul a .videoUlDiv:hover .playMc{opacity: 1!important;}
.video ul a:hover img{webkit-transform: scale(1.05); transform: scale(1.05);}


@media only screen and (max-width: 1024px) and (min-width: 320px) {
    .nav2{height: 35px}
    .nav2 a{width: 33%}
    .video h3{background: none!important;padding: 35px 0 25px;display: none}
    .video{width: 94%;padding: 0 3%}
    .video ul.videoUl{width: 100%;}
    .video ul a{width: 48%;height: auto;margin: 0 0 20px 0;}
    .video ul a img{height: auto;width: 100%}
    .video ul a:nth-child(2n){float: right}
    .video ul a span{width: 100%;height: 100%}
}
























<!--ºÄʱ1753081083.9128Ãë-->