/* 全局样式 */
			* {
				margin: 0;
				padding: 0;
				box-sizing: border-box;
			}
			
			body {
				font-family: "Microsoft YaHei", sans-serif;
				color: #333;
				line-height: 1.6;
				margin: 0;
				padding: 0;
				background-color: white;
			}
		
		/* 轮播图样式 */
		.carousel {
			width: 100%;
			max-width: 1280px;
			margin: 0 auto;
			position: relative;
			overflow: hidden;
			border-radius: 10px;
			/* 设置固定宽高比，在1980px宽度时高度为440px，宽高比约为4.5:1 */
			height: 0;
			padding-bottom: 32.2222%; /* 440/1980 * 100% */
			background: #ededed;
			margin-top: 20px;
		}
		
		.carousel-item {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			display: none;
		}
		
		.carousel-item.active {
			display: block;
		}
		
		.carousel-image {
			width: 60%;
			height: 100%;
			object-fit: cover;
			display: block;
			float: right;
		}



		.carousel-content {
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			padding: 30px;
			/* background: linear-gradient(to top, rgba(0,0,0,0.8), transparent); */
			color: #333;
			width: 40%;
			padding-bottom: 70px;
		}

		/* Mobile styles - hide sidebar modules by default to prevent flicker */
		@media (max-width: 768px) {
			
		}

		.news-category {
			display: inline-block;
			padding: 5px 15px;
			background-color: #0e8c5d;
			color: #fff;
			border-radius: 30px;
			font-size: 14px;
			margin-bottom: 10px;
		}

		.carousel-title {
			font-family: "Microsoft YaHei", sans-serif;
			/* 使用vw单位实现等比例缩放字体大小 */
			font-size: 1.323vw; /* 46px / 1980px * 100% */
			line-height: 2vw; /* 60px / 1980px * 100% */
			color: #333;
			margin: 30px 0;
			/* 设置最小和最大字体大小限制 */
			min-font-size: 18px;
			max-font-size: 46px;
		}
		
		/* 为carousel-title中的a标签添加等比例缩放样式 */
		.carousel-title a {
			color: inherit;
			text-decoration: none;
			/* 继承父元素的字体大小，确保同样等比例缩放 */
			font-size: inherit;
			/* 添加悬停效果 */
			transition: color 0.3s ease;
			font-size: 20px;
			display: -webkit-box;
           -webkit-line-clamp: 2;
           -webkit-box-orient: vertical;
           overflow: hidden;
           text-overflow: ellipsis;
           line-height:1.6;
		
		}
		
		.carousel-title a:hover {
			color:  #068d81;
		}

		.carousel-meta {
			font-size: 14px;
			color: #999;
		}

		.carousel-meta span {
			margin-right: 20px;
		}

		.carousel-nav {
			position: absolute;
			bottom: 40px;
			left: 30px;
			display: flex;
			gap: 10px;
		}

		.carousel-dot {
			display: inline-block;
			width: 8px;
			height: 8px;
			border-radius: 50%;
			background-color: #bebebe;
			cursor: pointer;
		}

		.carousel-dot.active {
	background-color: #068d81;
}

		/* 新闻资讯标题样式 */
		.news-section-title {
			padding-top: 25px;
		}

		.news-section-title h1 {
			font-family: "Microsoft YaHei", sans-serif;
			font-weight: bold;
			font-size: 50px;
			color: #333333;
			margin: 0;
			padding-left: 20px;
		}

		/* 主内容区域布局 - PC端保持不变 */
		.main-content {
			max-width: 2300px;
			margin: 0 auto;
			padding: 20px;
			display: flex;
			gap: 100px; /* PC端固定间距 */
			width: 100%;
			box-sizing: border-box;
		}

		/* 左侧内容区域 - PC端 */
		.content-left {
			width: 800px;
			max-width: 800px;
		}

		/* 右侧内容区域 - PC端 */
		.content-right {
			width: 600px;
			max-width: 600px;
		}

		/* 确保在所有屏幕尺寸下都能等比例缩小 */
		@media (max-width: 1980px) {
			.main-content {
				max-width: 100%;
				gap: calc(100px * (100vw / 1980)); /* 间距等比例缩放 */
			}
			
			.content-left {
				width: calc(1280px * (100vw / 1980)); /* 左侧内容等比例缩放 */
			}
			
			.content-right {
				width: calc(600px * (100vw / 1980)); /* 右侧内容等比例缩放 */
			}
		}

		/* 移动端优化 */
		@media (max-width: 768px) {
			/* 移动端特定样式 */
			body {
				background-color: #ffffff;
			}
			.news-section-title {
               padding-top: 0px;
            }

			.header-content {
				flex-direction: column;
				align-items: flex-start;
				padding: 0 15px;
			}

			.logo-section {
				margin-bottom: 10px;
			}

			.logo-section span {
				font-size: 16px;
			}

			.search-bar {
				width: 100%;
				/*margin-top: 5px;*/
				/*margin-bottom: 5px;*/
			}

			.search-bar input {
				font-size: 13px;
				height: 34px;
			}

			.nav-menu {
				padding: 5px 10px;
			}

			.nav-container {
				padding: 0!important;
			}

			.nav-links {
				justify-content: flex-start;
				padding-bottom: 5px;
			}

			.nav-links li {
				flex: none;
				margin-right: 12px!important;
			}

			.nav-links a {
				font-size: 12px;
				padding: 8px 6px!important;
			}

			.main-content {
				flex-direction: column;
				gap: 20px;
				padding: 10px;
				margin: 15px auto;
			}
			
			.content-left,
			.content-right {
				width: 100%;
				max-width: 100%;
			}
			
			/* 响应式三农人物样式 */
			.people-item-container {
				/* flex-direction: column;
				text-align: center; */
			}
			
			.people-item-img {
				margin-right: 0;
				margin-bottom: 15px;
			}
			
			.people-item-title {
				font-size: 18px;
			}
			.people-item-desc{
				display: none;
			}
		}

		/* 小屏幕时确保内容可读 */
		@media (max-width: 1200px) {
			.main-content {
				flex-direction: column;
				gap: 30px;
			}
			
			.content-left,
			.content-right {
				width: 100%;
				max-width: 100%;
			}
		}

		body {
			font-family: "Microsoft YaHei", sans-serif;
			color: #333;
			line-height: 1.6;
			margin: 0;
			padding: 0;
			/* background-color: #f9f9f9; */
		}

		/* 顶部导航栏样式 */
		.header-top {
			background-color: white;
			padding: 10px 0;
			border-bottom: 1px solid #eee;
		}

		.header-content {
			display: flex;
			justify-content: space-between;
			align-items: center;
			max-width: 1200px;
			margin: 0 auto;
			padding: 0 20px;
		}

		.logo-section {
			display: flex;
			align-items: center;
		}

		.logo-section img {
			width: 30px;
			height: 30px;
			margin-right: 8px;
		}

		.logo-section span {
			color: #333;
			font-size: 22px;
			font-weight: bold;
		}

		.search-bar {
			position: relative;
			border: 1px solid #cfd4db;
			border-radius: 100px;
			background: white;
			width: 300px;
		}

		.search-bar input {
			border-radius: 20px;
			padding-left: 15px;
			padding-right: 40px;
			font-size: 14px;
			border: none;
			width: 100%;
			height: 36px;
			outline: none;
		}

		.search-bar button {
			position: absolute;
			right: 10px;
			top: 50%;
			transform: translateY(-50%);
			background: none;
			border: none;
			color: #999;
			cursor: pointer;
			font-size: 16px;
		}

		/* 导航菜单 */
		.nav-menu {
			background-color: #06a496;
			border-top: 1px solid #068d81;
		}

		.nav-container {
			max-width: 1200px;
			margin: 0 auto;
			padding: 0 20px;
			/* 添加水平滚动 */
			overflow-x: auto;
			white-space: nowrap;
			/* 隐藏滚动条但保留功能 */
			scrollbar-width: none; /* Firefox */
			-ms-overflow-style: none; /* IE/Edge */
		}

		/* 隐藏Chrome等浏览器的滚动条 */
		.nav-container::-webkit-scrollbar {
			display: none;
		}

		.nav-links {
			list-style: none;
			padding: 0;
			margin: 0;
			display: flex;
			justify-content: flex-start;
			white-space: nowrap;
			width: auto;
			line-height: 1;
		}

		.nav-links li {
			flex: 1;
			text-align: center;
			margin: 0;
		}

		.nav-links a {
			color: white;
			text-decoration: none;
			font-size: 16px;
			display: inline-block;
			padding: 14px 5px;
			width: 100%;
			transition: color 0.3s ease;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		.nav-links a:hover {
			color: #f0f0f0;
			background-color: rgba(255, 255, 255, 0.1);
		}

		/* 激活状态 */
		.nav-links a.active {
			background-color: #068d81;
			font-weight: bold;
		}

		/* 主要内容区域 */
		.main-content {
			max-width: 1200px;
			margin: 20px auto;
			padding: 0 20px;
			display: flex;
			gap: 40px;
		}

		/* 左侧内容区域 */
		.content-left {
			flex: 3;
			background-color: white;
			border-radius: 10px;
			/* padding: 20px; */
		}

		/* 右侧边栏 */
		.content-right {
			flex: 1;
		}

		/* 标题样式 */
		.section-title {
			font-size: 1.5rem;
			color: #333;
			font-weight: bold;
			padding-bottom: 10px;
			border-bottom: 2px solid #06a496;
			margin-bottom: 15px;
			position: relative;
		}

		.more-link {
			color: #666;
			font-size: 14px;
			float: right;
			text-decoration: none;
			font-weight: 400;
		}

		.more-link:hover {
			color: #06a496;
			text-decoration: underline;
		}

		/* 新闻分类标签 */
		.news-category-tabs {
			margin-bottom: 20px;
			border-bottom: 1px solid #eee;
			padding-bottom: 10px;
		}

		.category-tabs {
			list-style: none;
			padding: 0;
			margin: 0;
			display: flex;
			gap: 20px;
			flex-wrap: wrap;
		}

		.category-tabs li a {
			color: #666;
			text-decoration: none;
			font-size: 14px;
			transition: color 0.3s ease;
			padding: 5px 0;
		}

		.category-tabs li a:hover,
		.category-tabs li a.active {
			color: #06a496;
			font-weight: bold;
			border-bottom: 2px solid #06a496;
		}

		/* 新闻列表样式 */
		.news-list {
			list-style: none;
			padding: 0;
			margin: 0;
		}
		
		/* 三农人物分类特殊样式 */
		.people-category-list {
			padding: 0px;
			margin-top: 20px;
		}
		
		.people-item {
			margin-bottom: 20px;
			padding: 20px;
			background-color: #f8f9fa;
			border-radius: 8px;
			transition: all 0.3s ease;
			border: 1px solid #e9ecef;
		}
		
		.people-item:hover {
			transform: translateY(-3px);
			box-shadow: 0 5px 15px rgba(0,0,0,0.1);
			border-color: #06a496;
		}
		
		.people-item-container {
			display: flex;
			align-items: center;
		}
		
		.people-item-img {
			width: 120px;
			height: 120px;
			border-radius: 50%;
			overflow: hidden;
			margin-right: 20px;
			flex-shrink: 0;
			border: 3px solid #fff;
			box-shadow: 0 2px 8px rgba(0,0,0,0.1);
		}
		
		.people-item-img img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			transition: transform 0.3s;
		}
		
		.people-item:hover .people-item-img img {
			transform: scale(1.1);
		}
		
		.people-item-content {
			flex: 1;
		}
		
		.people-item-title {
			font-size: 20px;
			font-weight: 700;
			color: #06a496;
			margin-bottom: 10px;
		}
		
		.people-item-title a {
			color: #06a496;
			text-decoration: none;
			transition: color 0.3s;
		}
		
		.people-item-title a:hover {
			color: #068d81;
			text-decoration: underline;
		}
		
		.people-item-desc {
			color: #666;
			font-size: 14px;
			line-height: 1.6;
			margin-bottom: 10px;
			overflow: hidden;
			display: -webkit-box;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
		}
		
		.people-item-meta {
			font-size: 13px;
			color: #999;
		}

		.news-item {
			padding: 17px 0;
			border-bottom: 1px solid #eee;
			display: flex;
			align-items: flex-start;
			transition: background-color 0.3s ease;
		}

		.news-item:last-child {
			border-bottom: none;
		}

		.news-item:hover {
			background-color: #f9f9f9;
		}

		.news-item-img {
			width: 200px;
			height: 140px;
			border-radius: 6px;
			overflow: hidden;
			flex-shrink: 0;
			margin-right: 35px;
		}

		.news-item-img img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			transition: transform 0.3s ease;
		}

		.news-item:hover .news-item-img img {
			transform: scale(1.05);
		}

		.news-item-content {
			flex: 1;
		}

		.news-item-title {
			/* font-size: clamp(16px, 1.2vw, 18px); */
			font-size: 20px;
			font-weight: bold;
			margin-bottom: 8px;
			line-height: 1.4;
			
		}

		.news-item-title a {
			color: #333;
			text-decoration: none;
			transition: color 0.3s ease;
			/* overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap; */
		}

		.news-item-title a:hover {
			color: #06a496;
		}

		.news-item-excerpt {
			color: #666;
			font-size: 16px;
			line-height: 1.5;
			margin-bottom: 8px;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		.news-item-meta {
			display: flex;
			align-items: center;
			color: #999;
			font-size: 12px;
		}

		.news-item-date {
			margin-right: 15px;
		}

		.news-item-category {
			color: #06a496;
			font-size: 12px;
			padding: 2px 6px;
			background-color: #f0f9f8;
			border-radius: 3px;
			text-decoration: none;
		}

		.news-item-category:hover {
			background-color: #e0f3f1;
		}

		/* 分页样式 */
		.pagination {
			margin-top: 30px;
			text-align: center;
			width: 100%;
			max-width: 100%;
			margin-left: auto;
			margin-right: auto;
		}

		.pagination ul {
			list-style: none;
			padding: 0;
			margin: 0 auto;
			display: inline-flex;
			gap: 5px;
			justify-content: center;
			align-items: center;
		}

		.pagination li a {
			display: inline-block;
			padding: 8px 12px;
			color: #666;
			text-decoration: none;
			border: 1px solid #ddd;
			border-radius: 4px;
			transition: all 0.3s ease;
		}

		.pagination li a:hover {
			background-color: #f5f5f5;
			color: #06a496;
			border-color: #06a496;
		}

		.pagination li.active a {
			background-color: #06a496;
			color: white;
			border-color: #06a496;
		}
		
		/* 省略号样式 */
		.pagination li.ellipsis {
			padding: 8px 12px;
			color: #666;
			cursor: default;
		}
		
		/* 移动端分页样式优化 */
		@media (max-width: 768px) {
			.carousel{
				display: none;
			}

			.pagination {
				margin-top: 20px;
			}
			.pagination ul {
				flex-wrap: wrap;
				gap: 3px;
			}
			.pagination li a {
				padding: 6px 10px;
				font-size: 14px;
				min-width: 32px;
				text-align: center;
			}
			.pagination li.ellipsis {
				padding: 6px 8px;
				font-size: 14px;
			}
		}
		
		@media (max-width: 480px) {
			.pagination li a {
				padding: 5px 2px;
				font-size: 12px;
				min-width: 23px;
			}
			.pagination li.ellipsis {
				padding: 5px 6px;
				font-size: 13px;
			}
			
		}
		#recommended-articles .hot-article-item{
		    border-bottom: 1px solid#dcdcdc;
		}
		#recommended-articles .hot-article-item:last-child{
		     border-bottom:0px;
		}

		/* 右侧边栏模块 */
		.sidebar-module {
			background-color: white;
			border-radius: 10px;
			padding: 20px 0;
			margin-bottom: 0px;
		}

		/* 热门文章样式 - 左图右文布局 */
		.hot-articles {
			list-style: none;
			padding: 0;
			margin: 0;
		}

		.hot-article-item {
			display: flex;
			align-items: flex-start;
			gap: 12px;
			margin-bottom: 15px;
			transition: transform 0.3s ease;
		}

		.hot-article-img {
			width: 100px;
			height: 70px;
			flex-shrink: 0;
			overflow: hidden;
			border-radius: 4px;
		}

		.hot-article-img img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		.hot-article-content {
			flex: 1;
			min-width: 0;
		}

		.hot-article-content a {
			color: #333;
			text-decoration: none;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
			line-height: 1.4;
		}

		.hot-article-date {
		font-size: 14px;
		color: #999;
		margin-top: 5px;
		margin-bottom: 5px
	}

	/* 设置所有p标签只显示两行 */
	p.hot-article-date{
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: normal;
		line-height: 1.5;
		max-height: 3em; /* 2行 * 1.5行高 */
	}

		.hot-article-item:hover {
			transform: translateX(5px);
		}

		.hot-article-item a {
			color: #333;
			text-decoration: none;
			font-size: 16px;
			line-height: 1.4;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
			transition: color 0.3s ease;
		}

		.hot-article-item a:hover {
			color: #06a496;
		}

		/* 响应式字体大小调整 */
		@media (max-width: 1200px) {
			.main-content {
				max-width: 100%;
			}
			.news-item-img {
				width: 150px;
				height: 100px;
			}
		}

		@media (max-width: 768px) {
			.main-content {
				flex-direction: column;
				gap: 20px;
				margin-bottom: 0px;
			}
			.news-item {
				flex-direction: row;
				align-items: center;
				gap: 12px;
				justify-content: space-between;
			}
			.news-item-content {
				flex: 1;
				order: 1;
			}
			.news-item-img {
				width: 100px;
				height: 70px;
				margin-right: 0;
				margin-bottom: 0;
				flex-shrink: 0;
				order: 2;
			}
			 .sidebar-module {
    background-color: white;
    border-radius: 10px;
    padding:0;
    margin-bottom: 20px;
}

			
			.news-item-title {
				font-size: 16px;
				margin-bottom: 6px;
				display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
			}
			.news-item-title a{
				font-weight:400;
			}
			.news-item-excerpt {
				-webkit-line-clamp: 1;
				font-size: 14px;
				line-height: 1.4;
				margin-bottom: 4px;
				display: none;
			}
			.news-item-meta {
				flex-direction: row;
				align-items: center;
				gap: 8px;
				flex-wrap: nowrap;
			}
			.news-item-date {
				margin-right: 0;
				font-size: 11px;
			}
			.news-item-category {
				font-size: 11px;
				padding: 1px 4px;
			}
			.nav-links {
				/* flex-wrap: wrap; */
			}
			
			/* 移动端三农人物列表 - 左图右文布局 */
			#main-content .people-category-list {
				width: 100% !important;
			}
			
			/* 列表项容器 */
			#main-content .people-category-list .people-item,
			#main-content .people-category-list li {
				display: flex !important;
				flex-direction: row !important;
				align-items: center !important;
				justify-content: flex-start !important;
				padding: 10px 0 !important;
				margin: 0 !important;
				width: 100% !important;
				clear: both !important;
				overflow: hidden !important;
			}
			
			/* 图片容器 - 左侧 */
			#main-content .people-category-list .people-item-img {
				float: left !important;
				display: block !important;
				width: 70px !important;
				height: 70px !important;
				margin-right: 12px !important;
				flex-shrink: 0 !important;
				order: 1 !important;
			}
			
			/* 图片样式 */
			#main-content .people-category-list .people-item-img img {
				width: 100% !important;
				height: 100% !important;
				object-fit: cover !important;
			}
			
			/* 文字容器 - 右侧 */
			#main-content .people-category-list .people-item-content {
				float: right !important;
				display: block !important;
				width: calc(100% - 82px) !important;
				margin: 0 !important;
				padding: 0 !important;
				flex: 1 !important;
				order: 2 !important;
			}
			
			/* 文字标题样式 */
			#main-content .people-category-list .people-item-title a {
				font-size: 14px !important;
				white-space: nowrap !important;
				overflow: hidden !important;
				text-overflow: ellipsis !important;
				width: 100% !important;
			}
			
			/* 隐藏描述文本 */
			#main-content .people-category-list .people-item-desc {
				display: none !important;
			}
			
			/* 日期样式 */
			#main-content .people-category-list .people-item-date {
				font-size: 10px !important;
			}
		}

		@media (max-width: 768px) {
			.header-content {
				flex-direction: row;
				align-items: center;
				gap: 10px;
			}
			.logo-section {
				width: auto;
				flex-shrink: 0;
			}
			.logo-section img {
				width: 50px;
				height: 50px;
			}
			.logo-section span {
				font-size: 16px;
			}
			.search-bar {
				max-width: 60%;
				flex-grow: 1;
			}
			.search-bar input {
				height: 36px;
				font-size: 14px;
			}
			.search-bar button {
				height: 36px;
			}
		}

		@media (max-width: 480px) {
			.header-content {
			  padding: 0 10px;
			}
			.logo-section img {
				width: 50px;
				height: 50px;
				margin-right: 2px;
			}
			.logo-section span {
				font-size: 22px;
			}
			.logo-section {
               margin-bottom: 0px;
             }
			.search-bar input {
				height: 36x;
				font-size: 14px;
			}
			.search-bar button {
				height: 32px;
			}
			/*.news-item-img {*/
			/*	height: 80px;*/
			/*}*/
			
			.people-item {
				padding: 15px;
			}
			
			.people-item-img {
				width: 100px;
				height: 100px;
			}
		}

		/* 广告横幅 */
		.ad-banner {
			background-color: #ffffff;
			border-radius: 5px;
			overflow: hidden;
			margin: 20px 0;
			padding: 0;
			text-align: center;
			border: 1px solid #e9ecef;
		}

		.ad-banner img {
			max-width: 100%;
			height: auto;
			display: block;
		}
		
		/* 错误提示样式 */
		.error-message {
			background-color: #f8d7da;
			color: #721c24;
			padding: 15px;
			border-radius: 5px;
			border: 1px solid #f5c6cb;
			margin: 20px 0;
			text-align: center;
			font-size: 14px;
		}
		#sectionTitle{
			color: #06a496;
			margin: 0;
		}
		#sectionTitle img{
		height: 25px;
            vertical-align: middle;
            margin-right: 4px;
            padding-bottom: 4px;
		}
		


		mark {
    padding: 0.1875em;
    background-color: #f8f8f8;
    color: #06a496;
}
/* 底部样式 */
		footer {
			background-color: #e5e5e5;
			padding: 20px 0;
			margin-top: 30px;
			border-top: 1px solid #ddd;
		}

		.footer-content {
			max-width: 1200px;
			margin: 0 auto;
			padding: 0 20px;
			text-align: center;
		}

		.footer-links {
			list-style: none;
			padding: 0;
			margin: 0 0 15px 0;
		}

		.footer-links li {
			display: inline-block;
			margin: 0 10px;
		}

		.footer-links a {
			color: #666;
			text-decoration: none;
			font-size: 14px;
			transition: color 0.3s ease;
		}

		.footer-links a:hover {
			color: #06a496;
			text-decoration: underline;
		}

		.copyright {
			color: #999;
			font-size: 12px;
			line-height: 1.5;
		}/* 在移动端隐藏首页标题 */
		@media (max-width: 768px) {
		    #sectionTitle.homepage-title {
		        display: none;
		    }
			footer {
			
			margin-top: 0px;
			
		}
		}