* { margin: 0; padding: 0; box-sizing: border-box; font-family: "Microsoft Yahei", sans-serif; font-size: 16px; }
body { background-color: #fff; color: #333; font-size: 16px; }
a { text-decoration: none; color: #333;}
a:hover { color: #DF78CB;}
/* 容器 */
.container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 15px; }
/* 头部 */

.banner { height: 545px; overflow: hidden; background: url(./banner_pc.jpg) no-repeat center top;}
.banner img { display: none;}


/* 主要内容区 */
.main { padding: 40px 0; }
.section { margin-bottom: 40px; }
.section-title { font-size: 22px; color: #0078d7; font-weight: bold; margin-bottom: 20px; padding-bottom: 8px; position: relative; }
.section-title::before { content: ''; width: 50px; height: 2px; background: #0078d7; position: absolute; left: 0; bottom: 0px;}
	.section-title a { float: right; font-size: 14px; color: #0078d7; font-weight: normal; text-decoration: none;}
/* 环资要闻区 */
.news-wrap { display: flex; gap: 30px; }
.swiper-t-left { flex: 0 0 48%; height: 350px; overflow: hidden; background-color: #fff; position: relative; }
.swiper-t-left .swiper-slide { position: relative;}
	.swiper-slide img { width: 100%; height: 100%;}
	.swiper-slide p { position: absolute; left: 0; right: 0; bottom: 0; height: 50px; line-height: 50px; font-size: 18px; background: rgba(0,0,0,0.5); padding: 0 20px; color: #fff; }
	.swiper-pagination { text-align: right; padding-right: 20px; left: auto!important; bottom:15px!important; box-sizing: border-box; }
	.swiper-pagination span { width: 10px; height: 10px; border-radius: 0;}
	.swiper-pagination-bullet { background-color: #fff; opacity: 1;}
	.swiper-pagination-bullet-active { background-color: #C90D31; opacity: 1;}
		.swiper-button-next,.swiper-button-prev { width: 30px; height: 50px; margin-top: -25px;}
		.swiper-button-next::after,.swiper-button-prev::after { display: none;}
		.swiper-button-prev{ background: rgba(0,0,0,.5) url(left-ico2.png) no-repeat center center; left:5px;}	
			.swiper-button-next { background: rgba(0,0,0,.5) url(right-ico2.png) no-repeat center center; right: 5px;}	

.news-list { flex: 1; display: flex; flex-direction: column; gap: 40px; }
.news-item { display: flex; gap: 15px; align-items: flex-start; }
.news-date { flex: 0 0 80px; background-color: #F6F6F6; color: #0060AD; text-align: center; border-radius: 4px; }
	.news-date .day { font-size: 22px; font-weight: bold; display: block; background: #0060AD; color: #fff; padding: 5px 0; }
	.news-date .month { font-size: 13px; display: block; padding: 10px 0; }
.news-content { flex: 1; }
.news-content h3 { font-size: 18px; margin-bottom: 8px; color: #333; }
	.news-content h3 a { font-size: 18px; margin-bottom: 8px; }
.news-content p { font-size: 13px; color: #666; line-height: 1.5; }
/* 基层动态区 */
.dynamic-wrap { display: flex; gap: 40px; }
.dynamic-col { flex: 1; }
.dynamic-list { list-style: none; }
.dynamic-list li { padding: 8px 0; border-bottom: 1px dashed #eee; }
.dynamic-list li a { color: #333; text-decoration: none; font-size: 16px; line-height: 1.6; }
.dynamic-list li a:hover { color: #0078d7; }
.dynamic-more { text-align: right; font-size: 14px; color: #0078d7; cursor: pointer; margin-top: 10px; }
.footer { background: #ddd; text-align: center; font-size: 14px; line-height: 2; padding: 30px 0;}
/* 响应式适配 */

@media (max-width: 813px) {
	.banner { height: auto; background: none;}
		.banner img { display: block; width: 100%; height: auto;}
	.section { width: 100%; padding: 0 15px;}
	.news-wrap { flex-wrap: wrap;}
	.news-list { gap: 15px;}
	.news-item { align-items: center;}
	.news-content p { display: none;}
	.news-content h3 a { font-size: 16px;}

	.swiper-t-left { flex: 0 0 100%; height: 220px;}
	.dynamic-wrap { flex-wrap: wrap; gap: 0;}
	.dynamic-col { flex: 0 0 100%;}
	.dynamic-list li a { font-size: 14px;}
	
}