.w1500 { max-width: 1500px; margin: 0 auto;}
.zt-warp{background-color: #7397d8;}
.bannerBox{height: 630px; background: url(/images/2024ffffjzxc_head_02.jpg) no-repeat center; background-size: cover;}
.zt-content { padding-bottom: 95px;}
.bgBor {border-radius: 20px; background-color: #b9cbec; box-sizing: 0px 0px 10px rgba(93, 139, 237, 0.2);}
.theme{margin-bottom: 96px; position: relative;}
.theme:last-child{margin-bottom: 0px;}
.theme .titBox{position: absolute; left: 50%; top: -66px; transform: translateX(-50%);}
.theme{ padding: 110px 30px 46px; }

.vjs_video_3-dimensions { width: 100%;}
.videoWarp .videoBtn{white-space: nowrap; font-size: 0px; margin-left: -25px;}
.videoWarp .videoBtn li { display: inline-block; width: 33.3333%; padding: 3px 0; padding-left: 25px;}
.videoWarp .videoBtn li a {display: block; border: 3px solid transparent; box-sizing: border-box;}
.videoWarp .videoBtn li a img { max-width: 100%; height: auto;}
.videoWarp .videoBtn li a.on { border: 3px solid #ff8901; position: relative;}
.videoWarp .videoBtn li a.on::after{content: ''; position: absolute; top: -20px; left: 50%; transform: translateX(-50%);  display: block; width: 0px; height: 0px; border-top:10px solid  transparent; border-left:10px solid transparent ; border-bottom:10px solid #ff8901 ; border-right:10px solid transparent ; }
.videoWarp .videoBtn li a.on img{ opacity: .5;}
.videoWarp .videoBox video { width: 100%; height: 770px; background: #000;}

.videoWarp .vod-lists{ padding-top: 18px; overflow: hidden;position: relative;}
.videoWarp .vod-lists > b{height: 16px;position: absolute;left: 0;right: 0;background: #5DB9EA;cursor: pointer;text-align: center; margin-left: 10px;}
.videoWarp .vod-lists > b.not{background: #E5E5E5;}
.videoWarp .vod-lists > b.upBtn{top: 0;}
.videoWarp .vod-lists > b.downBtn{bottom: 0;}
.videoWarp .vod-lists > b i{display: inline-block;width: 18px;height: 18px;position: relative;top: 4px;background: url(/images/zt-dzsdfcq-ico-1-3.png) no-repeat center 0;}
.videoWarp .vod-lists > b.downBtn i{background-position: center -19px;}

.theme2 .themeBox ul{padding: 0 60px;}
.theme2 .themeBox ul li{float: left; width: 50%; font-size: 0px;}
.theme2 .themeBox ul a{display: block; text-align: center;}
.theme3{padding-left: 77px; padding-right: 50px;}
.theme3 .themeBox{height: 869px; overflow: hidden; overflow-y: auto; padding-right: 30px;}
.theme3 .themeBox::-webkit-scrollbar-thumb{background-color: #aaa; border-radius: 20px; width: 10px;}
.theme3 .themeBox::-webkit-scrollbar{background-color: #e5e5e5; border-radius: 20px; width: 10px;}

@media screen and (max-width: 1665px) {
  .w1500 { max-width: 1200px;}
}
@media screen and (max-width: 1200px) {
  .bannerBox{height: 300px;}
  .w1500{padding: 0 15px;}
  .zt-content{padding-bottom: 30px;}
  .theme{padding: 30px 10px 10px; border-radius: 8px; margin-bottom: 35px;}
  .theme .titBox{top: -30px;}
  .theme .titBox img{height: 50px;}
  .videoWarp .videoBox video{height: 380px;}
  .videoWarp .videoBtn{margin-left: -5px;}
  .videoWarp .videoBtn li{padding-left: 5px;}
  .videoWarp .videoBtn li a{border-width: 2px !important;}
  .videoWarp .vod-lists{padding-top: 7px;}
  .theme2 .themeBox ul{margin-left: 0px; height: 400px; overflow: hidden; overflow-y: auto;}
  .theme2 .themeBox ul li{width: 100%; float: none; padding-left: 0px;}
  .theme3 {padding-left: 15px;}
  .theme3 .themeBox{padding-right: 5px; height: 450px;}
  .theme3 .themeBox::-webkit-scrollbar{width: 4px;}
}
@media screen and (max-width: 760px) {
  .bannerBox{height: 200px; background-position-x: 30%;}
  .videoWarp .videoBox video{height: 180px;}
  .theme2 .themeBox ul{height: 300px;}
  .theme3 .themeBox{height: 350px;}

}