.page .paging-top{background-image: url('../image/news_5.png')}
.page .paging-top.supp{background-image: url('../image/jszc_logo.png')}
.paging-content-box .subclass-data{display: flex;justify-content: space-between;flex-wrap: wrap;}
.paging-content-box .subclass-data li{background-color: #f9f9f9;margin: 50px 0}
.paging-content-box img{width: 100%;height: auto;margin-top: 20px;}
.show_title>span{display: none}
.show_news_con{margin-top: 30px;width: 70%;float: left;}
.news_nxt_pre{display: none}
.news-btn{float: right;width: 25%}
.news-btn a{position: relative; display: block;width: 200px;height: 50px;background-color: #333333;color: #fff;padding-left: 20px;line-height: 50px;border-radius: 9px;margin-top: 20px}
.news-btn a:hover{color: #FFE400}
.back::after{content: ''; position: absolute;background-image: url('../image/bacak-y.png');width: 25px;height: 20px;background-size: 100% 100%;top: 50%;right: 20px;transform: translateY(-50%)}
.pera::after,.nexta::after{content: ''; position: absolute;background-image: url('../image/11.png');width: 20px;height: 20px;background-size: 100% 100%;top: 50%;right: 20px;transform: translateY(-50%);}
.video-list li{height: auto;min-height: auto;background-color: transparent !important; padding-top: 0;cursor: pointer;width:32%;}
.video-list .box{position: relative;}
.video-list li video{display: none;width: 100%;}
.video-list li .image{width: 100%;}
.video-list li .image img{margin: 0}
.video-list li span{display: block;text-align: center;margin-top: 20px}
.video-list li:hover .image img{transform: scale(1)}
.video-list li:hover .bg{background-color: rgba(0, 0, 0, 0.4)}
.video-list li .play{width: 40px;height: 40px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-image: url('../image/play.png');background-size: 100%;z-index: 2}
.video-list li .bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.7);transition: all 1s;}
.paging .video-bg{position:fixed;top:0;left: 0;width: 100%;height: 100%;background-color:rgba(0, 0, 0, 0.8);z-index: 1000;display: none}
.paging .video-bg .box{width: 60%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.paging .video-bg .box video{width: 100%;outline-style: none}
.paging .video-bg .box span{position: absolute;top: 20px;right: 20px;font-size: 16px;color: #fff;font-weight: bold;width: 30px;height: 30px;text-align: center;line-height: 30px;background-color: rgba(0, 0, 0, 0.8);border-radius: 50%;opacity: 0;cursor: pointer;transition: all 0.5s;}
.paging .video-bg .box span:hover{opacity: 1;}
.down-list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.down-list li{width: 23%;height: 350px;margin-bottom: 40px;border: 5px solid #fdc400;position: relative;}
.down-list li.flt{border: none}
.down-list li span:nth-of-type(1){margin-top: 60px}
.down-list li span:nth-of-type(2){margin-top: 40px}
.down-list li span{display: block;text-align: center;font-size: #3333;font-size: 18px;}
.down-list li .down-img{width: 40px;height: 40px;background-image: url('../image/down_1.png');background-size: 100%;margin: 0 auto;margin-top: 90px;}
.down-list li a{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
@media ( max-width : 760px ){
    .paging-content-box span{font-size: 15px !important}
    .paging-content-box .subclass-data li{margin: 20px 0px}
}

@media ( max-width : 1240px ){
    .down-list li{width: 45%}
    .paging-content-box .subclass-data li{width: 48%}
}

@media ( max-width : 600px ){
    .down-list li{width: 100%}
    .paging-content-box .subclass-data li{width: 100%}
}