.zfgzbg{width: 100%; height: auto; }
.zfgzbg-banner{width: 100%; height: 793px; float: left; background: url(2024-zfgzbg-banner.jpg) no-repeat center top;}
.zfgzbg-main{width: 1400px; height: auto; margin: 0 auto 50px; background: #fff; padding: 0 20px;}
.zfgzbg-top{width: 100%; height: 36px; float: right; line-height: 36px; color: #fff; font-size: 16px; text-align: right; margin-top: 35px;}
.zfgzbg-top a{text-align: center; color: #fff; margin: 0 5px;}
.zfgzbg-top span{width: 105px; margin: 0 5px; text-align: center; background: #007ad8; height: 36px; display: block; float: right; border-radius: 5px;}
.zfgzbg-logo{width: 442px; height: 121px; float: left; margin-top: -20px;}
.zfgzbg-logo img{width: 100%; height: auto;}
.zfgzbg-title{width: 1243px; height: 160px; margin: 30px 78px; float: left;}
.zfgzbg-zy{width: 1223px; height: auto; float: left; margin: 0 85px; background: rgba(0, 0, 0, 0.25);}
.zfgzbg-zy span{width: 90%; float: left;  height: auto; color: #fff; font-size: 20px; line-height: 40px; text-indent: 2em;text-align: justify; margin: 20px 5% 10px;}
.zfgzbg-zy a{width: auto; height: 30px; line-height: 30px; float: right; margin-right: 5%; font-size: 20px; color: #fff; margin-bottom: 20px;}

.zfgzbg-p{width: 100%; float: left; margin-top: 54px; }

/* 报告速览 */
.zfgzbg-gbsl{width: 650px; height: auto; float: left; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding-bottom: 50px;box-shadow:0px 5px 10px 0 rgba(0, 36, 121, 0.1);}
.zfgzbg-gbsl-title{width: 100%; background: url(2024-zfgzbg-title-bg1.png) no-repeat center; height: 60px; text-align: center;font-size: 35px;font-weight: bold;line-height: 60px;margin-top: -30px;}
.zfgzbg-gbsl-con{width: 100%; height: 475px; float: left; margin-top: 25px;padding: 15px;}
.zfgzbg-gbsl-con-top{width: 100%; height: 55px; float: left; line-height: 55px; font-size: 22px; font-weight: bold; /* background: #008edb; */border-bottom: 1px solid #e5e5e5;}
.zfgzbg-gbsl-con-top a{width: 50%; color: #666; text-align: center; display: block; float: left; }
.zfgzbg-gbsl-con-top a.on{border-bottom: 3px solid #008edb;}
.zfgzbg-gbsl-con-bot{width: 100%; height: 420px; float: left; overflow: auto;}
.zfgzbg-gbsl-con-list{width: 95%; height: 420px; float: left; margin-left: 5%; margin-top: 10px;}
.zfgzbg-gbsl-con-list ul li{width: 100%; height: 55px; line-height: 55px; float: left;/* border-bottom: 1px solid #e5e5e5; */ font-size: 18px; }
.zfgzbg-gbsl-con-list ul li a{color: #333; display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.zfgzbg-gbsl-con-list ul li a:hover{color: #008edb;font-weight: bold;}

/*滚动条自定义样式*/
.ScrollStyle{overflow: auto !important;}
.ScrollStyle::-webkit-scrollbar{box-sizing:border-box;width:9px;height:9px;background:#eee;}
.ScrollStyle::-webkit-scrollbar-button{width:9px;height:0px;}
.ScrollStyle::-webkit-scrollbar-button:vertical:start{background-position:0 0;}
.ScrollStyle::-webkit-scrollbar-button:vertical:start:hover{background-position:-10px 0;}
.ScrollStyle::-webkit-scrollbar-button:vertical:start:active{background-position:-20px 0;}
.ScrollStyle::-webkit-scrollbar-button:vertical:end{background-position:-30px 0;}
.ScrollStyle::-webkit-scrollbar-button:vertical:end:hover{background-position:-40px 0;}
.ScrollStyle::-webkit-scrollbar-button:vertical:end:active{background-position:-50px 0;}
.ScrollStyle::-webkit-scrollbar-button:horizontal:start{background-position:0 -11px;}
.ScrollStyle::-webkit-scrollbar-button:horizontal:start:hover{background-position:-10px -11px;}
.ScrollStyle::-webkit-scrollbar-button:horizontal:start:active{background-position:-19px -11px;}
.ScrollStyle::-webkit-scrollbar-button:horizontal:end{background-position:-30px -11px;}
.ScrollStyle::-webkit-scrollbar-button:horizontal:end:hover{background-position:-40px -11px;}
.ScrollStyle::-webkit-scrollbar-button:horizontal:end:active{background-position:-50px -11px;}
.ScrollStyle::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.15);}
.ScrollStyle::-webkit-scrollbar-thumb{border:1px solid rgba(0,0,0,.21);background-color:#00a0e9; border-radius:5px;}
.ScrollStyle::-webkit-scrollbar-thumb:hover{border:1px solid rgba(0,0,0,.21);background-color:#00a0e9;}
.ScrollStyle::-webkit-scrollbar-thumb:active{background:-webkit-gradient(linear,left top,left bottom,from(#e4e4e4),to(#f4f4f4));}
.ScrollStyle::-webkit-scrollbar-corner{background-color:#f1f1f1;}


/* 图说报告 */
.zfgzbg-tsbg{width: 650px; height: auto; float: right; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding-bottom: 35px;box-shadow:0px 5px 10px 0 rgba(0, 36, 121, 0.1);}
.zfgzbg-tsbg-con{width: 94%; margin-left: 3%; height: 475px; float: left; margin-top: 40px; position: relative;overflow: hidden; p15}
.zfgzbg-tsbg-con .swiper-button-next, .zfgzbg-tsbg-con  .swiper-button-prev{top: 50%;background-color: rgba(255, 255, 255, 0.7); background-size: 60%;}

/* 民生实事 */
.zfgzbg-msss-title{width: 100%; background: url(2024-zfgzbg-title-bg2.png) no-repeat center; height: 60px; text-align: center;font-size: 35px;font-weight: bold;line-height: 60px;}
.zfgzbg-msss-bot{width: 100%; height: 265px; float: left; margin-top: 40px;overflow: hidden; position: relative;}
.zfgzbg-msss-bot .swiper-slide{text-align: center;  }
.zfgzbg-msss-bot .swiper-slide a{color: #333; display: block;}
.zfgzbg-msss-bot .swiper-slide a:hover{color: #008edb;}
.zfgzbg-msss-bot .swiper-slide p{width: 100%; height: 50px; line-height: 50px; font-size: 18px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.zfgzbg-msss-bot .swiper-slide img{width: 315px; height: 220px; }
.zfgzbg-msss-bot .swiper-button-next,.zfgzbg-msss-bot  .swiper-button-prev{top: 40%;background-color: rgba(255, 255, 255, 0.7); background-size: 60%;}

/* 打造“两都五基地” */
.zfgzbg-ldwjd-title{width: 100%; background: url(2024-zfgzbg-title-bg3.png) no-repeat center; height: 60px; text-align: center;font-size: 35px;font-weight: bold;line-height: 60px;}
.zfgzbg-ldwjd-bot{width: 100%; margin: 40px 0; height: 470px; float: left;   position: relative;}
.zfgzbg-ldwjd-box{width: 96%; margin: 0 2%;overflow: hidden;}
.zfgzbg-ldwjd-box .swiper-slide{text-align: center;  }
.zfgzbg-ldwjd-box .swiper-slide a{color: #333; display: block;}
.zfgzbg-ldwjd-box .swiper-slide a:hover{color: #008edb;}
.zfgzbg-ldwjd-box .swiper-slide p{width: 100%; height: 50px; line-height: 50px; font-size: 18px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.zfgzbg-ldwjd-box .swiper-slide img{width: 320px; height: 390px; }
.zfgzbg-ldwjd-box .swiper-button-prev{left: -20px;top: 43%;background-color: rgba(255, 255, 255, 0.7); background-size: 60%;}
.zfgzbg-ldwjd-box .swiper-button-next{right: -20px;top: 43%;background-color: rgba(255, 255, 255, 0.7); background-size: 60%;}

/* 任务分解 */
.zfgzbg-rwfj{width: 650px; height: auto; float: left; margin-bottom: 30px;}
.zfgzbg-rwfj-con{width: 100%; height: 550px; float: left;}
.zfgzbg-rwfj-con li{ position: relative; overflow: hidden; width: 100%; height: 83px; font-size: 18px; color: #464646; box-shadow:0px 0px 10px -3px #cbbebe; border-radius: 10px; margin: 20px 0 0; box-sizing: border-box; padding:0px 30px; }
.zfgzbg-rwfj-con li a{ display: block; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; line-height: 83px; float: left; width: 100%; text-align: left;}
.zfgzbg-rwfj-con li::before{ content: ''; display: block; height: 100%; border-left: 10px solid transparent; position: absolute; left: 0; top: 0;}
.zfgzbg-rwfj-con li:nth-of-type(1)::before{ border-color: #158ffe; }
.zfgzbg-rwfj-con li:nth-of-type(2)::before{ border-color: #ff6d7a; }
.zfgzbg-rwfj-con li:nth-of-type(3)::before{ border-color: #fdca01; }
.zfgzbg-rwfj-con li:nth-of-type(4)::before{ border-color: #6cc7ff; }
.zfgzbg-rwfj-con li:nth-of-type(5)::before{ border-color: #40a6ff; }
.zfgzbg-rwfj-more{ width: 100%; height: 40px; text-align: center; float: left;}
.zfgzbg-rwfj-more a{color: #fff; font-size: 18px; background: #00a0e9; width: 170px; height: 40px; display: block; border-radius: 20px; line-height: 40px;margin: 0 auto;}

/* 贯彻落实 */
.zfgzbg-gcls{width: 650px; height: auto; float: right; margin-bottom: 30px;}
.zfgzbg-gcls .zfgzbg-rwfj-con li a{width: 80%; float: left;}
.zfgzbg-gcls .zfgzbg-rwfj-con li span{width: 20%;display: block;line-height: 83px;float: left; text-align: right; }



@media only screen and (max-width: 768px){
.zfgzbg-banner{height: auto;background-size: cover;padding-bottom: 3vw;}
.zfgzbg-main{width: 96%; margin: 0 2%;}
.zfgzbg-top{height: 10vw;line-height: 10vw;font-size: 3vw;margin-top: 0;}
.zfgzbg-top span{display: none;}
.zfgzbg-logo{width: 50vw;height: auto;margin-top: 0vw;}
.zfgzbg-title{width: 90%;height: auto; margin: 3vw 5%;}
.zfgzbg-title img{width: 100%;}
.zfgzbg-zy{width: 100%; margin: 0;}
.zfgzbg-zy span{font-size: 4vw;line-height: 8vw;margin: 2vw 5% 2vw;}
.zfgzbg-zy a{height: 8vw;line-height: 8vw;font-size: 3.5vw;margin-bottom: 2vw;}
.zfgzbg-p{margin-top: 3vw;}
.zfgzbg-gbsl{width: 100%;margin-top: 7vw;padding-bottom: 10vw;}
.zfgzbg-gbsl-title{background-size: 100vw auto; height: 10vw;font-size: 5vw;line-height: 10vw;}
.zfgzbg-gbsl-title img{width: 30vw; margin-top: 1vw;}
.zfgzbg-gbsl-con{height: 60vw;margin-top: 2vw;padding: 2vw;}
.zfgzbg-gbsl-con-top{height: 10vw;line-height: 10vw;font-size: 4vw;}
.zfgzbg-gbsl-con-bot{height: 50vw;}
.zfgzbg-gbsl-con-list{height: 50vw;}
.zfgzbg-gbsl-con-list ul li{height: 10vw;line-height: 10vw;font-size: 3.5vw;}
.zfgzbg-tsbg{width: 100%; margin-top: 10vw;padding-bottom: 5vw;}
.zfgzbg-tsbg-con{margin-top: 2vw; height: auto;}
.zfgzbg-tsbg-con .swiper-slide img{height: 60vw; width: 100%;}
.zfgzbg-msss-title{background-size: 150vw auto;height: 10vw;font-size: 5vw;line-height: 10vw;}
.zfgzbg-msss-title img{width: 50vw;margin-top: 1vw;}
.zfgzbg-msss-bot{height: 30vw;margin-top: 2vw;}
.zfgzbg-msss-bot .swiper-slide img{width: 100%; height: 20vw;}
.zfgzbg-msss-bot .swiper-slide p{height: 10vw; line-height: 10vw; font-size: 4vw;}
.zfgzbg-ldwjd-title{background-size: 160vw auto;height: 10vw;font-size: 5vw;line-height: 10vw;}
.zfgzbg-ldwjd-title img{width: 55vw;margin-top: 1vw;}
.zfgzbg-ldwjd-bot{margin: 2vw 0;height: 40vw;}
.zfgzbg-ldwjd-box .swiper-slide img{width: 100%; height: 25vw;}
.zfgzbg-ldwjd-box .swiper-slide p{height: 10vw; line-height: 10vw; font-size: 3vw;}
.zfgzbg-ldwjd-box .swiper-button-prev{left: -2vw;}
.zfgzbg-ldwjd-box .swiper-button-next{right: -2vw;}
.zfgzbg-rwfj{width: 100%; margin-bottom: 2vw;}
.zfgzbg-gcls{width: 100%; margin-bottom: 2vw; margin-top: 2vw;}
.zfgzbg-rwfj-con{height: auto;}
.zfgzbg-rwfj-con li{height: 10vw;font-size: 4vw;margin: 2vw 0 0;padding:0 2vw;}
.zfgzbg-rwfj-con li a{width: 90%; line-height: 10vw; margin-left: 5%;}
.zfgzbg-rwfj-more{height: 10vw; }
.zfgzbg-rwfj-more a{font-size: 3.5vw;width: 30vw;height: 8vw;border-radius: 4vw;line-height: 8vw;margin:2vw auto;}

.swiper-button-next, .swiper-button-prev{width: 3vw;height: 6vw;background-size: 100%;}

.zfgzbg-gcls .zfgzbg-rwfj-con li a{width: 60%; float: left;}
.zfgzbg-gcls .zfgzbg-rwfj-con li span{width: 30%;line-height: 10vw;}


}