@charset "utf-8";
body{font:19px/28px '微软雅黑';background-color:#FFF;background-repeat:no-repeat;background-position:top center;height:auto;}
.titu img{width:100%;height:539px;object-fit:cover;}
.nav{height:80px;background:#0F48B2;}
.nav .w{display:flex;justify-content:space-between;}
.nav a{color:#FFF;line-height:80px;}
.nav a:hover{color:#FBD317;}
.nav a:first-child{width:100px;background:url(../../images/zt/icon_zt_homeW.png) no-repeat center;background-size:contain;}
.nav a:first-child:hover{background-image:url(../../images/zt/icon_zt_homeY.png);}
.nav a:nth-child(5){width:40px;padding-left:95px;background:url(../../images/zt/zorq2024/icon_srq.png) no-repeat left;background-size:auto 26px;}
.nav a:nth-child(5):hover{background-image:url(../../images/zt/zorq2024/icon_srqY.png);}
.main .w{margin-bottom:40px;}
.main .w>div{margin-top:40px;}

.headline,.video a,.news a,.interview .swiper-container .swiper-slide-active,.viewpoint .swiper-slide,.speak ul a,.report ul a{background:#FBFBFB;border-radius:3px;overflow:hidden;}
.video a:hover,.news a:hover,.viewpoint ul a:hover,.speak ul a:hover,.report ul a:hover{color:#FFF;background:#1D69E1;}
h3{width:100%;height:84px;margin-bottom:20px;background:url(../../images/zt/zorq2024/bg_channel01.png) no-repeat center;background-size:cover;}
h3 a{height:100%;display:block;}
.headline{padding:30px 0;text-align:center;display:flex;justify-content:center;flex-wrap:wrap;}
.headline a:first-child{color:#0171DB;font-size:32px;font-weight:bold;width:100%;}
.headline a:nth-child(n+2){font-size:17px;padding:15px 20px 0;}
.headline span{margin-right:5px;}

.swiper-container .swiper-button-prev,.swiper-container .swiper-button-next{width:50px;height:60px;top:45%;}
.swiper-container .swiper-button-prev{background:url(../../images/arrowL.png) no-repeat top center;left:0;}
.swiper-container .swiper-button-next{background:url(../../images/arrowR.png) no-repeat top center;right:0;}
.swiper-container-horizontal>.swiper-pagination-bullets{width:auto;height:12px;display:flex;justify-content:center;align-items:center;left:auto;right:10px;bottom:18px;}
.swiper-pagination-bullet,.swiper-pagination-white .swiper-pagination-bullet{width:8px;height:8px;border-radius:5px;background:#FFF;opacity:1;}
.swiper-pagination-bullet-active,.swiper-pagination-white .swiper-pagination-bullet-active{width:8px;opacity:1;background:#F1CA4F;}
.swiper-pagination-fraction{font-size:22px;color:#FFF;width:auto;left:auto;bottom:0;right:5px;font-family:Times;display:flex;}
.swiper-pagination-current{font-size:28px;line-height:18px;padding-right:2px;}
.swiper-pagination-total{font-size:16px;line-height:30px;padding-left:2px;margin-top:2px;}

.hot,.video,.viewpoint ul,.speak ul,.report ul a{display:flex;flex-wrap:wrap;justify-content:space-between;}
.hot>div{width:690px;}
.hot .swiper-container,.video{width:100%;}
.hot .swiper-container{height:388px;margin-bottom:10px;}
.hot .swiper-container img,.video img,.interview img,.viewpoint img,.pictures img{width:100%;height:100%;object-fit:cover;}
.hot .swiper-container p{font-size:21px;width:100%;line-height:30px;padding:10px 20px;padding-right:60px;color:#fff;background:rgba(0,0,0,0.6);position:absolute;left:0;bottom:0;box-sizing:border-box;}

.video a{width:340px;height:271px;}
.video img{height:191px;}
.video p{font-size:17px;padding:10px 15px;}
.news{width:570px;}
.news a,.speak ul a,.report ul a{height:80px;display:flex;align-items:center;padding:0 20px;}
.news a{height:87px;}
.news a:nth-child(n+2){margin-top:10px;}
.interview .swiper-container{height:484px;}
.interview .swiper-container .swiper-button-prev,.interview .swiper-container .swiper-button-next{width:24px;height:40px;top:50%;}
.interview .swiper-container .swiper-button-prev{background:url(../../images/zt/arrowL_A.png) no-repeat center;left:20px;}
.interview .swiper-container .swiper-button-next{background:url(../../images/zt/arrowR_A.png) no-repeat center;right:20px;}
.viewpoint h3{background-image:url(../../images/zt/zorq2024/bg_channel02.png);background-size:cover;}
.viewpoint .swiper-slide{width:305px;height:510px;}
.viewpoint img{height:406px;}
.viewpoint p{padding:10px 15px;}
.speak h3{background-image:url(../../images/zt/zorq2024/bg_channel03.png);background-size:cover;}
.speak ul a{width:630px;box-sizing:border-box;}
.speak ul a:nth-child(n+3),.report ul a:nth-child(n+2){margin-top:20px;}
.pictures h3{background-image:url(../../images/zt/zorq2024/bg_channel04.png);background-size:cover;}
.pictures .swiper-container{height:560px;padding:0 140px;}
.pictures .swiper-container::before,.pictures .swiper-container::after{content:'';width:140px;height:100%;background:#FFF;display:inline-block;position:absolute;top:0;z-index: 2;}
.pictures .swiper-container::before{left: 0;}
.pictures .swiper-container::after{right: 0;}
.pictures .swiper-container .swiper-button-prev{left:20px;}
.pictures .swiper-container .swiper-button-next{right:20px;}
.pictures p{font-size:21px;position:absolute;bottom:0;left:0;width: 100%;color:white;background:rgba(0,0,0,0.5);padding:20px 15px;box-sizing:border-box;}
.report h3{background-image:url(../../images/zt/zorq2024/bg_channel05.png);background-size:cover;}
.report ul p{width:980px;}
.report ul span{width:100px;font-size:17px;color:#9E9E9E;text-align:right;}
.report ul a:hover span{color:#FFF;}
.review h3{background-image:url(../../images/zt/zorq2024/bg_channel06.png);background-size:cover;}

.review ul{height:590px;display:flex;}
.review ul li{width:107px;height:100%;overflow:hidden;cursor:pointer;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    transition: all .8s
}
.review ul li:nth-child(n+2){margin-left:2px;}
.review ul li>div{position:relative;height:100%;pointer-events:none;}
.review ul li img{height:100%;}
.review ul li>div>div{color:#FFF;width:517px;height:298px;padding:20px;box-sizing:border-box;position:absolute;bottom:0;display:none;flex-direction:column;background:url(../../images/zt/zorq2024/bg_text.png) no-repeat center;background-size:cover;}
.review ul a{color:#FFF;}
.review ul h4{font-size:21px;font-weight:bold;margin-bottom:10px;}
.review ul p,.review ul span{font-size:17px;}
.review ul span{margin-top:auto;}
.review ul span a{border:1px solid #FFF;border-radius:3px;padding:6px 15px;display:inline-block;}
.review ul .on{width:517px;cursor:auto;
}
.review ul .on>div{pointer-events:auto;}
.review ul .on img{height:292px;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    transition: all .8s
}
.review ul .on>div>div{display:flex;}
.footer{font-size:16px;border-top:0;}