* {
				margin: 0;
				padding: 0;
				box-sizing: border-box;
			}
			
			body {
				font-family: "Microsoft YaHei", sans-serif;
			}
			
			a {
				text-decoration: none;
				color: inherit;
			}
			
			ul {
				list-style: none;
			}
			
			.hide {
				display: none;
			}
			
			.wrap {
				max-width: 1300px;
				margin: 0 auto;
				overflow: hidden;
			}
			
			.fn-left {
				float: left;
			}
			
			.fn-right {
				float: right;
			}
			
			.topLogo {
				width: 1300px;
				margin: auto;
				padding-top: 60px;
			}
			/* ====================== 头部Banner ====================== */
			
			.banner {
				width: 100%;
				background-size: cover;
				position: relative;
			}
			
			.gov-header-top {
				text-align: center;
				color: #fff;
				font-size: 22px;
				font-weight: bold;
			}
			
			.main-title {
				font-size: 102px;
				font-weight: bold;
				color: #ffffff;
				margin: 32px 0 0 50px;
				line-height: 1.1;
			}
			
			.intro-card {
				width: 1222px;
				height: 477px;
				margin: auto;
				background: url(/material/zt/2026/xh/images/intro.png) no-repeat;
				padding: 90px 57px 44px 54px;
				margin-top: 764px;
			}
			
			.intro-text {
				color: #218fcd;
				font-size: 22px;
				line-height: 36px;
				font-weight: bold;
				text-align: justify;
			}
			
			.intro-text p {
				text-indent: 2em;
				margin-bottom: 15px;
			}
			
			.intro-text p:last-child {
				margin-bottom: 0;
			}
			/* ====================== 通用板块标题 ====================== */
			
			.more-link {
				position: absolute;
				right: 40px;
				top: 4px;
				background: #0099ff;
				color: #fff;
				font-size: 12px;
				padding: 3px 8px;
				border-radius: 4px;
			}
			/* ====================== 要闻聚焦 ====================== */
			
			.ywjj-wrap {
				margin-top: 54px;
			}
			
			.news-focus {
				width: 100%;
				overflow: hidden;
				background: #fff;
				padding: 39px 14px 43px 14px;
				border-radius: 8px;
			}
			
			.news-list {
				flex: 1;
				width: 646px;
			}
			
			.news-list li {
				font-size: 14px;
				padding: 24px 0;
				border-bottom: 1px dashed #eee;
				color: #222;
				font-size: 20px;
				display: flex;
			}
			
			.news-list li::before {
				content: "●";
				color: #e3ebec;
				margin-right: 6px;
			}
			
			.news-list li a {
				text-align: left;
			}
			
			.news-list li:hover a {
				font-weight: bold;
				color: #1989c9;
			}
			
			.news-list li:hover::before {
				color: #1989c9;
			}
			
			.news-img-box {
				width: 600px;
				height: 450px;
				background: #CCCCCC;
				border-radius: 6px;
			}
			
			.flexslider li span {
				background: url(/material/zt/2026/xh/images/swiper-span-bg.png) no-repeat;
				padding: 6px 0px;
				background-size: 100% 100%;
			}
			
			.flex-control-paging li a {
				width: 16px;
				height: 6px;
				border-radius: 3px;
				background: #b3e9f2;
			}
			
			.flex-control-paging li a.flex-active {
				background: #fffa64;
			}
			
			.news-img-box .swiper-slide {
				text-align: center;
				font-size: 18px;
				background: #fff;
				/* Center slide text vertically */
				display: -webkit-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				-webkit-justify-content: center;
				justify-content: center;
				-webkit-box-align: center;
				-ms-flex-align: center;
				-webkit-align-items: center;
				align-items: center;
			}
			
			.news-img-box .swiper-container-horizontal>.swiper-pagination-bullets {
				width: auto;
				position: absolute;
				right: 10px;
				left: auto;
			}
			
			.news-img-box .swiper-pagination-bullet {
				width: 16px;
				height: 6px;
				border-radius: 4px;
				opacity: 1;
				background: #b3e9f2;
			}
			
			.news-img-box .swiper-pagination-bullet-active {
				background: #fbf967;
			}
			/* ====================== 向海实践 2*2 网格 ====================== */
			
			.section-tab-list {
				background: url(/material/zt/2026/xh/images/section-bg.png) no-repeat bottom center;
				padding-bottom: 277px;
			}
			
			.xhsj-wrap {
				margin-top: 84px;
			}
			
			.practice-grid {
				width: 100%;
				margin: 0 auto;
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 20px;
			}
			
			.practice-item {
				width: 640px;
				height: 250px;
				padding: 23px 29px 51px 23px;
				background: url(/material/zt/2026/xh/images/xhsj-left-bg.png) no-repeat;
				border-radius: 8px;
			}
			
			.practice-item:nth-child(2n) {
				background: url(/material/zt/2026/xh/images/xhsj-right-bg.png) no-repeat;
			}
			
			html .practice-item h4 {
				color: #fffa64;
				margin-bottom: 10px;
				font-size: 24px;
				font-weight: bold;
			}
			
			html .practice-item h4 a {
				color: #fffa64;
			}
			
			.practice-item h4::before {
				content: "●";
				color: #fffa64;
			}
			
			.practice-item p {
				font-size: 20px;
				color: #FFFFFF;
				line-height: 1.6;
				display: -webkit-box;
				-webkit-line-clamp: 4;
				/* 只展示4行 */
				-webkit-box-orient: vertical;
				overflow: hidden;
				text-overflow: ellipsis;
			}
			/* ====================== 政策解读 + 评论声音 双栏 ====================== */
			
			.two-column {
				width: 1300px;
				margin: 158px auto auto;
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 28px;
			}
			
			.col-card .section-head {
				margin-top: 0;
				margin-bottom: 16px;
			}
			
			html .tab-group span {
				display: inline-block;
				color: #fff;
				padding: 6px 14px;
				border-radius: 6px 6px 0 0;
				margin-right: 4px;
				font-size: 24px;
				font-weight: bold;
			}
			
			html .tab-group span a {
				color: #FFFFFF;
				display: block;
				margin-bottom: 16px;
			}
			
			html .tab-group span.cur a {
				color: #fffa64;
			}
			
			html .tab-group span.cur {
				background: url(/material/zt/2026/xh/images/icon_sjx_white.png) no-repeat bottom center;
				background-position-y: 46px;
			}
			
			.doc-list li {
				padding: 30px 0;
				color: #222;
				border-bottom: 1px dashed #c5d0d1;
				padding-left: 28px;
				position: relative;
			}
			
			.doc-list li::before {
				content: "●";
				color: #009dc8;
				position: absolute;
				left: 0;
			}
			
			.comment-item {
				width: 369px;
				height: 96px;
				background: url(/material/zt/2026/xh/images/pl-bg.png) no-repeat;
				background-size: 100% 100%;
				font-size: 24px;
				line-height: 96px;
				padding-left: 26px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				padding-right: 10px;
			}
			
			.comment-item::before {
				content: "●";
				color: #009dc8;
				margin-right: 13px;
			}
			
			.comment-item:hover,
			.comment-item:hover a {
				font-weight: bold;
				color: #198ac9;
			}
			
			.col-card .comment-item:nth-child(2) {
				margin-left: 222px;
			}
			
			.col-card .comment-item:nth-child(3) {
				margin-left: 6px;
				width: 444px;
				height: 92px;
				line-height: 84px;
				background: url(/material/zt/2026/xh/images/pl-bg2.png) no-repeat;
				background-size: 100% 100%;
			}
			
			.col-card .comment-item:nth-child(4) {
				margin-left: 120px;
				width: 488px;
				height: 92px;
				line-height: 92px;
				background: url(/material/zt/2026/xh/images/pl-bg2.png) no-repeat;
				background-size: 100% 100%;
			}
			
			.xh_wrap {
				background: url(/material/zt/2026/xh/images/header-bg.png) no-repeat no-repeat top center;
			}
			
			.zcjd-wrap {
				width: 633px;
				height: 480px;
				background: url(/material/zt/2026/xh/images/zcjd-bg.png) no-repeat;
				padding: 35px 27px 40px 27px;
			}
			
			.zcjd-wrap .zcjd-center {
				background: #FFFFFF;
				font-size: 22px;
				padding: 18px 26px 45px 20px;
			}
			/* ====================== 融媒视界 视频模块 ====================== */
			
			.bg-wrap {
				background: url(/material/zt/2026/xh/images/sp-bg.png) no-repeat bottom center;
				background-position-y: 100px;
			}
			
			.rmsj-wrap h2 {
				width: 1300px;
				margin: 134px auto auto;
				
			}
			.media-area-wrap{width: 1500px;margin: auto;position: relative;}			
			.media-area {
				width: 1300px;
				height: auto;
				padding: 60px 0px;
				margin: auto;
				overflow: hidden;
			}
			
			.swiper-container {
				width: 100%;
				height: 100%;
				overflow: hidden;
			}
			
			.rmsj-wrap .swiper-slide {
				text-align: center;
				font-size: 18px;
				/* Center slide text vertically */
				display: -webkit-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				-webkit-justify-content: center;
				justify-content: center;
				-webkit-box-align: center;
				-ms-flex-align: center;
				-webkit-align-items: center;
				align-items: center;
				transition: 300ms;
				transform: scale(0.8);
				border-radius: 12px;
				position: relative;
				z-index: 1;
				overflow: hidden;
			}
			
			.rmsj-wrap .swiper-slide-active {
				transform: scale(1);
				z-index: 9;
				overflow: initial;
			}
			
			.rmsj-wrap .swiper-slide-prev,
			.rmsj-wrap .swiper-slide-next {
				z-index: 8;
			}
			
			.rmsj-wrap .swiper-slide-active::before {
				content: '';
				display: block;
				width: 208px;
				height: 208px;
				background: url(/material/zt/2026/xh/images/icon_video.png) no-repeat;
				position: absolute;
				transform: translate(-50%, -73%);
				pointer-events: none;
				top: 50%;
				left: 50%;
				cursor: pointer;
			}
			
			html .rmsj-wrap .swiper-slide a {
				display: block;
				width: 890px;
				height: 570px;
				border-radius: 12px;
			}
			
			.rmsj-wrap .swiper-slide img {
				border-radius: 12px;
				object-fit: cover;
			}
			
			.rmsj-wrap .swiper-slide span {
				opacity: 0;
			}
			
			.rmsj-wrap .swiper-slide-active span {
				display: block;
				opacity: 1;
				background: url(/material/zt/2026/xh/images/swiper-span-bg.png) no-repeat;
				height: 70px;
				width: 100%;
				border-radius: 0px 0px 12px 12px;
				background-size: cover;
				line-height: 70px;
				color: #FFFFFF;
				font-size: 24px;
				position: relative;
				bottom: 76px;
			}
			/*.swiper-slide img{display: block;width: 100%;height: 100%;object-fit: cover;}*/
			
			.rmsj-wrap .swiper-pagination {
				position: static;
				margin-top: 37px;
			}
			
			.rmsj-wrap .swiper-pagination-bullet {
				width: 50px;
				height: 10px;
				background: #FFFFFF;
				border-radius: 4px;
				margin: 0px 5px;
				opacity: 1;
			}
			
			.rmsj-wrap .swiper-pagination-bullet-active {
				background: #038ef0;
			}
			.rmsj-wrap .swiper-button-next, .rmsj-wrap .swiper-button-prev{width: 50px;height: 120px;background: #038ef0;color: #ffffff;}
			.rmsj-wrap .swiper-button-next{right: 40px;border-radius:0px 5px 5px 0px;}
			.rmsj-wrap .swiper-button-prev{left: 40px;border-radius:5px 0px 0px 5px;}
			
			/*向海百事通*/
			.bst-wrap {
					margin-top: -100px;
				}
				
				.bst-wrap h2 {
					width: 1300px;
					margin: auto;
				}
				
				.bst-container {
					overflow: hidden;
				}
				
				.bst-container .item-title {
					font-size: 48px;
					color: #FFFFFF;
					font-weight: bold;
					width: 165px;
					height: 400px;
					padding: 0px 60px;
					box-sizing: border-box;
					display: flex;
					align-items: center;
				}
				.bst-container .item-title  a{color: #FFFFFF;}
				
				.bst-container .bst-item {
					width: 165px;
					float: left;
					background: #FFFFFF;
					overflow: hidden;
					height: 400px;
				}
				
				.bst-container .bst-item>.fn-right {
				width: 955px;
				position: relative;
				}
				.bst-container .bst-item>.fn-right .more-wrap{position: absolute;right:23px;bottom: 0;}
					.bst-container .bst-item.open{width: 1120px;transition:0.3s ease}
				
				.bst-container {
					width: 1300px;
					margin: 64px auto auto;
				}
				
				.bsfw-wrap .item-title {
					background: url(/material/zt/2026/xh/images/bst-bsfw.png) no-repeat;
				}
				
				.xhkp-wrap .item-title {
					background: url(/material/zt/2026/xh/images/bst-xhkp.png) no-repeat;
				}
				
				.xhbsfw-btn {
					float: left;
					padding: 34px 36px 00px 36px;
				}
				
				.xhbsfw-btn li {
					width: 344px;
					height: 90px;
					padding-left: 104px;
					line-height: 90px;
					margin-bottom: 30px;
					border-radius: 31px;
					border: 1px solid #8ceaf4;
					color: #0a5c88;
					font-size: 24px;
					background:#dff8fc;
					position: relative;
				}
				.xhbsfw-btn li a {color: #0a5c88;}
				.xhbsfw-btn li:hover{background: linear-gradient(90deg, #02a0ed, #01d8d6);}
				.xhbsfw-btn li:hover a{color: #FFFFFF;}
			
				
			
					.xhbsfw-btn li::before{content: '';display: block;position: absolute;left: 58px;top: 50%;transform: translateY(-50%);}
				.xhbsfw-btn li:nth-child(1)::before {
					width: 33px;height: 34px;
					background: url(/material/zt/2026/xh/images/icon1.png) no-repeat left center;

				}
				
				.xhbsfw-btn li:nth-child(2)::before {
					width: 33px;height: 41px;
					background: url(/material/zt/2026/xh/images/icon2_blue.png) no-repeat left center;
				}
				
				.xhbsfw-btn li:nth-child(3)::before {
					width: 32px;height: 33px;
					background: #dff8fc url(/material/zt/2026/xh/images/icon3.png) no-repeat left center;
					margin-bottom: 0;
				}
				.xhbsfw-btn li:nth-child(1):hover::before{background:url(/material/zt/2026/xh/images/icon1_white.png) no-repeat left center;}
				.xhbsfw-btn li:nth-child(2):hover::before{background:url(/material/zt/2026/xh/images/icon2.png) no-repeat left center;}
				.xhbsfw-btn li:nth-child(3):hover::before{background:url(/material/zt/2026/xh/images/icon3_white.png) no-repeat left center;}
				
				
				.xhbsfw-list {
					width: 493px;
					float: left;
					background: #f7f7f7;
					border-radius: 10px;
					margin-top: 34px;
					padding: 0px 21px 33px 34px;
				}
				
				.xhbsfw-list li {
					padding-left: 52px;
					border-bottom: 2px solid #cdeaf2;
					display: flex;
					align-items: center;
					min-height: 75px;
					font-size: 24px;
				}
				
				.xhbsfw-list li {
					background: url(/material/zt/2026/xh/images/icon_dian.png) no-repeat left center;
				}