*{
		font-size:16px
	}
	body{
		background-color:#f2f2f2;
		overflow-x:hidden
	}
	.row{
		padding:0;
		margin:0
	}
	.contentbg{
		 background-color:#1446a0;
		 min-height:300px
	}
	.bottombg{
		 background-color:#333;
		 min-height:150px
	}
	.contentpadding{
		padding:40px;
	}
    .contentpaddingx{
		padding:40px 245px 10px 245px;
	}
	.contentpaddingx1{
		max-width:1400px;
		padding:24px 0px 10px 0px;
		margin:0 auto
	}
	.contentpaddingxxx{
		padding:10px 40px 0 40px;
	}
	.contentpaddingxx{
		display:block;
		min-height:300px;
		background-color:#fff;
		margin:20px 0 0 0;
	}
	.contentpaddingxx1{
		display:block;
		max-width:1400px;
		min-height:300px;
		margin:0 auto;
	}
    .carousel-fade .carousel-inner .item{ opacity:0; -webkit-transition-property:opacity;-moz-transition-property:opacity ; -ms-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity ;}
	.carousel-fade .carousel-inner .active{ opacity: 1;}
	.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left: 0;opacity: 0;}
	.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {opacity: 1;}
	@-webkit-keyframes fadenum {
		from {transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2)}
		to {transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1)}
	}

	@keyframes fadenum {
		from {transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2)}
		to {transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1)}
	}
	.carousel-control {
		width: 100px;
		top: 0;
		bottom: 0;
		background: transparent !important;
		opacity: 0.7 !important;
		transition: all 0.3s ease;
		text-shadow: none !important;
		filter: none !important;
		z-index: 20;
	}

	.carousel-control.left {
		left: 0;
		right: auto;
		background-image: none !important;
	}

	.carousel-control.right {
		right: 0;
		left: auto;
		background-image: none !important;
	}

	.carousel-control:hover {
		opacity: 1 !important;
	}

	.carousel-control.left:hover {
		background: linear-gradient(to right, rgba(0,0,0,0.4), transparent) !important;
	}

	.carousel-control.right:hover {
		background: linear-gradient(to left, rgba(0,0,0,0.4), transparent) !important;
	}

	.carousel-control .carousel-arrow-left,
	.carousel-control .carousel-arrow-right {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 60px;
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all 0.2s ease;
	}

	.carousel-control .carousel-arrow-left {
		left: 30px;
	}

	.carousel-control .carousel-arrow-right {
		right: 30px;
	}

	.carousel-control svg {
		width: 48px;
		height: 48px;
		filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.4));
		transition: transform 0.2s ease;
	}

	.carousel-control:hover svg {
		transform: scale(1.1);
	}

	.carousel-control.left:hover svg {
		transform: translateX(-5px) scale(1.1);
	}

	.carousel-control.right:hover svg {
		transform: translateX(5px) scale(1.1);
	}

	.carousel-control .glyphicon-chevron-left,
	.carousel-control .glyphicon-chevron-right {
		display: none;
	}

	.carousel-indicators {
		bottom: 24px;
		z-index: 15;
		margin-bottom: 0;
	}

	.carousel-indicators li {
		width: 48px;
		height: 5px;
		background-color: rgba(255, 255, 255, 0.7);
		border-radius: 20px;
		border: 0;
		margin: 0 6px;
		transition: all 0.25s ease;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	}

	.carousel-indicators .active {
		width: 48px;
		height: 5px;
		background-color: #ffffff;
		box-shadow: 0 0 8px rgba(255, 255, 255, 0.6);
	}

	.grid-four {
		max-width: 1400px;
		margin: 0 auto;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 28px;
	}


	.card {
		background: #ffffff;
		box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
		overflow: hidden;
		transition: transform 0.2s ease, box-shadow 0.2s ease;
		height: 100%;
		display: flex;
		flex-direction: column;
		border-radius: 0;
	}

	.card:hover {
		transform: translateY(-4px);
		box-shadow: 0 16px 30px rgba(0, 0, 0, 0.08);
	}

	.card-header {
		background: linear-gradient(135deg, #5a9bd5 0%, #3a7bb5 100%);
		padding: 18px 20px;
		border-bottom: 3px solid #7ab3e0;
	}

	.card-header h2 {
		font-size: 1.8rem;
		font-weight: 600;
		letter-spacing: 1px;
		margin: 0;
		display: flex;
		align-items: center;
		gap: 8px;
	}

	.card-header h2::before {
		content: "📌";
		font-size: 1.3rem;
		font-weight: normal;
	}
    .news{
		line-height:30px;
		font-size:1.4rem;
	}
	.news-list {
		list-style: none;
		padding: 8px 0 12px 0;
		margin: 0;
		flex: 1;
	}

	.news-item {
		padding: 12px 20px;
		border-bottom: 1px solid #e8edf5;
		transition: background 0.2s;
		display: flex;
		align-items: flex-start;
		gap: 10px;
	}

	.news-item:hover {
		background: #f0f7ff;
	}

	.news-icon {
		flex-shrink: 0;
		font-size: 1.3rem;
		color: #5a9bd5;
		font-weight: 500;
		width: 24px;
		text-align: left;
	}

	.news-title {
		flex: 1;
		font-size: 1.5rem;
		line-height: 1.45;
		color: #2c4a6e;
		text-decoration: none;
		font-weight: 500;
		transition: color 0.2s;
		display: inline-block;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		word-break: break-word;
	}

	.news-title:hover {
		color: #3a7bb5;
		text-decoration: underline;
	}

	.news-meta {
		display: block;
		font-size: 1.2rem;
		color: #8ba0bc;
		margin-top: 4px;
		font-weight: normal;
	}

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

	@media (max-width: 1100px) {
		.grid-four {
			grid-template-columns: repeat(2, 1fr);
			gap: 24px;
		}
		body {
			padding: 28px 20px;
		}
	}

	@media (max-width: 640px) {
		.grid-four {
			grid-template-columns: 1fr;
			gap: 24px;
		}
		.card-header h2 {
			font-size: 1.35rem;
		}
		.contentpadding{
		  padding:20px 0;
		}
	}

	.footer-note {
		text-align: center;
		margin-top: 48px;
		font-size: 0.85rem;
		color: #6a85a0;
		border-top: 1px solid #dce5f0;
		padding-top: 28px;
		max-width: 1400px;
		margin-left: auto;
		margin-right: auto;
	}

	.card {
		height: auto;
		min-height: 420px;
	}

	.more-link {
		margin: 12px 20px 20px 20px;
		text-align: right;
		font-size: 0.8rem;
	}
	.more-link a {
		color: #5a9bd5;
		text-decoration: none;
		font-weight: 500;
		transition: 0.2s;
	}
	.more-link a:hover {
		color: #3a7bb5;
		text-decoration: underline;
	}
	
	.card,
	.card-header,
	.news-list,
	.more-link a {
		border-radius: 0;
	}
	
	.card {
		border: 1px solid #e0e8f2;
	}
	.shining-text {
		font-size: 4rem;
		font-weight: bold;
		color: #fff;  
		background: linear-gradient(
			120deg,                     /* 鍊炬枩瑙掑害锛屼粠宸﹀埌鍙崇暐甯﹀�炬枩 */
			#ffffff 0%,                /* 璧峰鐧借壊锛堜寒鍏夐儴鍒嗭級 */
			#ffffff 20%,               /* 浜厜鍖哄煙寮�濮� */
			#ffdd99 30%,               /* 鏆栬壊鍏夋檿 */
			#ffaa66 50%,               /* 鏈�浜腑蹇� */
			#ffdd99 70%,
			#ffffff 80%,               /* 浜厜鍖哄煙缁撴潫 */
			#ffffff 100%
		);
		/* 鑳屾櫙澶у皬瑕佸ぇ浜庢枃瀛楀搴︼紝杩欐牱鎵嶈兘绉诲姩鍑烘壂杩囩殑鏁堟灉 */
		background-size: 200% auto;
		/* 鑳屾櫙鍙鍓埌鏂囧瓧鍖哄煙 */
		background-clip: text;
		-webkit-background-clip: text;
		/* 鏂囧瓧棰滆壊閫忔槑锛岃鑳屾櫙閫忓嚭鏉� */
		color: transparent;
		/* 鍔ㄧ敾锛氬悕绉� 鏃堕暱 缂撳姩 鏃犻檺寰幆 */
		background-position: 150% 0;
		transition: background-position 0s; /* 纭繚鍔ㄧ敾鑳借鐩� */
	}
	.shining-textx {
		font-size: 4rem;
		font-weight: bold;
		color: #fff;
		background: linear-gradient(
			100deg,
			#ffffff 0%,
			#ffffff 20%,
			#ffffff 30%,
			#ffaa66 50%,
			#ffdd99 70%,
			#ffffff 80%,
			#ffffff 100%
		);
		background-size: 210% auto;
		background-clip: text;
		-webkit-background-clip: text;
		color: transparent;
		background-position: 150% 0;
		/* 娣诲姞鍔ㄧ敾锛氶〉闈㈠姞杞芥椂鎵ц涓�娆� */
		animation: shineWithGap 5.8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
	}
	.shining-textxx {
		font-size: 4rem;
		font-weight: bold;
		color: #000;  /* 鍩虹鏂囧瓧棰滆壊鏀逛负榛戣壊 */
		background: linear-gradient(
			120deg,
			#333333 0%,      /* 娣辩伆鑹茶捣濮� */
			#333333 20%,     /* 娣辩伆鑹插尯鍩� */
			#333333 30%,     /* 姗欒壊鍏夋檿 */
			#ffdd99 50%,     /* 浜噾鑹叉渶浜腑蹇� */
			#ffaa66 70%,     /* 姗欒壊鍏夋檿 */
			#333333 80%,     /* 娣辩伆鑹茬粨鏉� */
			#333333 100%
		);
		background-size: 210% auto;
		background-clip: text;
		-webkit-background-clip: text;
		color: transparent;
		background-position: 150% 0;
		/* 娣诲姞鍔ㄧ敾锛氶〉闈㈠姞杞芥椂鎵ц涓�娆� */
		animation: shineWithGap 5.8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
	}
	@keyframes shineWithGap {
		/* 绛夊緟闃舵锛氬墠86.2%鏃堕棿锛�5绉掞級淇濇寔闈欐 */
		0%, 86.2% {
			background-position: 150% 0;
		}
		/* 鎵厜寮�濮� */
		86.2% {
			background-position: 150% 0;
		}
		/* 鎵厜杩囩▼ */
		89.66% {
			background-position: 100% 0;
		}
		93.1% {
			background-position: 0% 0;
		}
		100% {
			background-position: -50% 0;
		}
	}
	/* 瀹氫箟鎵厜鍔ㄧ敾锛氳儗鏅綅缃粠宸﹀悜鍙崇Щ鍔� */
	@keyframes shine {
		0% {
			background-position: 150% 0;    /* 璧峰鍦ㄥ彸渚у閮紙涓嶅彲瑙侊級 */
		}
		30% {
			background-position: 100% 0;    /* 杩涘叆鏂囧瓧鍖哄煙 */
		}
		70% {
			background-position: 0% 0;      /* 鎵繃鏂囧瓧锛屽埌杈惧乏渚� */
		}
		100% {
			background-position: -50% 0;    /* 瀹屽叏绉诲嚭宸︿晶 */
		}
	}
	 .card:hover .shining-text {
		animation: shine 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
	}

	.shining-text {
		text-shadow: 0 0 5px rgba(255, 255, 255, 0.3);
	}
	
	.contenttitle {
		position: relative;
		display: inline-block;
		width:100%;
		color:#fff;
		text-align:center;
	}

	.contenttitle span {
		font-size: 3.5rem;
		font-weight: bold;
		position: relative;
		display: inline-block;
		padding: 60px 0 20px 0;
	}

	.contenttitle span::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 50%;
		height: 4px;
		background: linear-gradient(90deg, #f39c12, #e74c3c);
		border-radius: 2px;
	}
	.contenttitle.double span::after {
		background: linear-gradient(90deg, 
			#f39c12 0%, 
			#f39c12 50%, 
			#e74c3c 50%, 
			#e74c3c 100%);
	}
	.multi-carousel{
		padding: 20px 0;
	}
    
    .card-img-container {
        position: relative;
        overflow: hidden;
        padding-top: 66.67%;
        background: #f0f0f0;
    }
    
    .multi-slide-card img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.5s ease;
    }
    
    .multi-slide-card:hover img {
        transform: scale(1.08);
    }
		@media (min-width: 1200px) {
			.multi-carousel .carousel-item .row > div {
				flex: 0 0 25%;
				max-width: 25%;
			}
		}

	/* 涓睆骞曪細姣忚鏄剧ず3寮� */
	@media (min-width: 992px) and (max-width: 1199px) {
		.multi-carousel .carousel-item .row > div {
			flex: 0 0 33.333%;
			max-width: 33.333%;
		}
	}

	/* 骞虫澘锛氭瘡琛屾樉绀�2寮� */
	@media (min-width: 768px) and (max-width: 991px) {
		.multi-carousel .carousel-item .row > div {
			flex: 0 0 50%;
			max-width: 50%;
		}
	}
	/* 鎵嬫満锛氭瘡琛屾樉绀�1寮� */
	@media (max-width: 767px) {
		.multi-carousel .carousel-item .row > div {
			flex: 0 0 100%;
			max-width: 100%;
		}
	}
		
		
	.scroll-carousel-container {
		position: relative;
		overflow: hidden;
		margin: 0 auto;
    }

	#singleRowCarousel {
		position: relative;
	}

	#singleRowCarousel .carousel-inner {
		overflow: visible;
	}

	#singleRowCarousel .carousel-inner > .item {
		position: relative;
		display: block;
		transition: none;
	}

	.scroll-wrapper {
		overflow: hidden;
		position: relative;
		width: 100%;
	}

	.scroll-track {
		display: flex;
		flex-wrap: nowrap;
		transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
		will-change: transform;
	}

	.carousel-card-item {
		flex-shrink: 0;
		padding: 0 12px;
	}
	.carousel-card-item a:hover,a:visited{
		text-decoration:none;
	}

	@media (min-width: 1200px) {
		.carousel-card-item {
			width: 25%; /* 姣忛〉鏄剧ず4寮� */
		}
	}

	@media (min-width: 992px) and (max-width: 1199px) {
		.carousel-card-item {
			width: 33.333%; /* 姣忛〉鏄剧ず3寮� */
		}
	}

	@media (min-width: 768px) and (max-width: 991px) {
		.carousel-card-item {
			width: 50%; /* 姣忛〉鏄剧ず2寮� */
		}
	}

	@media (max-width: 767px) {
		.carousel-card-item {
			width: 100%; /* 姣忛〉鏄剧ず1寮� */
		}
	}

	.project-card {
		background: white;
		border-radius: 12px;
		overflow: hidden;
		box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
		transition: all 0.3s ease;
		cursor: pointer;
		min-height:330px
	}

	.project-card:hover {
		transform: translateY(-5px);
		box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
	}

	.card-img-container {
		position: relative;
		overflow: hidden;
		padding-top: 66.67%; /* 3:2 姣斾緥 */
		background: #f0f0f0;
	}

	.project-card img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: transform 0.5s ease;
	}

	.project-card:hover img {
		transform: scale(1.08);
	}

	.card-info {
		padding: 16px 20px 20px;
	}

	.card-info h4 {
		font-size: 1.8rem;
		font-weight: bold;
		margin: 0 0 8px 0;
		color: #2c4a6e;
	}

	.card-info p {
		font-size: 1.5rem;
		color: #666;
		margin: 0 0 12px 0;
		line-height: 1.5;
		overflow: hidden;
        display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		word-break: break-word;
		min-height:40px
	}

	.card-tag {
		display: inline-block;
		background: linear-gradient(135deg, #5a9bd5, #3a7bb5);
		color: white;
		padding: 4px 12px;
		border-radius: 20px;
		font-size: 1.2rem;
	}

	#singleRowCarousel .carousel-control {
		width: 50px;
		background: rgba(0, 0, 0, 0.5);
		border-radius: 50%;
		top: 50%;
		transform: translateY(-50%);
		height: 50px;
		margin-top: -25px;
		opacity: 0.7;
		transition: all 0.3s;
	}

	#singleRowCarousel .carousel-control.left {
		left: -25px;
	}

	#singleRowCarousel .carousel-control.right {
		right: -25px;
	}

	#singleRowCarousel .carousel-control:hover {
		opacity: 1;
		background: rgba(0, 0, 0, 0.7);
	}

	#singleRowCarousel .carousel-indicators {
		bottom: -30px;
		position: relative;
		margin-top: 20px;
	}

	#singleRowCarousel .carousel-indicators li {
		width: 30px;
		height: 4px;
		border-radius: 2px;
		background-color: rgba(20, 70, 160, 0.5);
	}

	#singleRowCarousel .carousel-indicators .active {
		background-color: #1446a0;
	}

	@media (max-width: 768px) {
		#singleRowCarousel .carousel-control {
			width: 40px;
			height: 40px;
			margin-top: -20px;
		}
		
		#singleRowCarousel .carousel-control.left {
			left: -15px;
		}
		
		#singleRowCarousel .carousel-control.right {
			right: -15px;
		}
		
		.card-info h4 {
			font-size: 1rem;
		}
		
		.card-info p {
			font-size: 0.75rem;
		}
		.contentpaddingxxx{
		   margin:0;
		   padding:0
		}
	}

	.org-wrapper {
		width: 100%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		gap: 2rem;
		padding:30px 0 50px 0
	}

	.org-panel {
		flex: 1;
		min-width: 300px;
		background: rgba(255, 255, 255, 0.85);
		backdrop-filter: blur(6px);
		border-radius: 2rem;
		padding: 1.8rem 2rem;
		box-shadow: 0 25px 40px -16px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255,255,255,0.6);
		border: 1px solid rgba(255, 255, 255, 0.8);
		transition: transform 0.25s ease, box-shadow 0.3s ease;
	}

	.org-panel:hover {
		transform: translateY(-4px);
		box-shadow: 0 30px 45px -18px rgba(0, 0, 0, 0.25);
		background: rgba(255, 255, 255, 0.92);
	}

	.left-content {
		display: flex;
		flex-direction: column;
		gap: 1.8rem;
	}

	.section-card {
		background: #ffffffdd;
		border-radius: 1.5rem;
		padding: 1.5rem 1.6rem;
		transition: all 0.2s;
		border: 1px solid #eef2fc;
		box-shadow: 0 6px 14px rgba(0, 0, 0, 0.02);
	}

	.section-card:hover {
		border-color: #cde1f0;
		background: white;
	}

	.right-content {
		display: flex;
		flex-direction: column;
		gap: 1.8rem;
	}

	.section-title {
		display: flex;
		align-items: center;
		gap: 12px;
		font-size: 1.8rem;
		font-weight: 800;
		margin-bottom: 1.2rem;
		color: #1a4c6e;
		border-left: 6px solid #2c7cb6;
		padding-left: 1rem;
		letter-spacing: -0.3px;
	}

	.org-desc {
		color: #2c3e50;
		line-height: 1.55;
		font-size: 1.5rem;
		text-align: justify;
		margin-bottom: 0.8rem;
	}

	.org-desc strong {
		color: #1b5a7e;
		font-weight: 700;
	}

	.contact-list {
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}
	.contact-item {
		display: flex;
		align-items: center;
		gap: 1rem;
		flex-wrap: wrap;
		border-bottom: 1px dashed #d4e2f0;
		padding-bottom: 0.75rem;
	}
	.contact-item:last-child {
		border-bottom: none;
		padding-bottom: 0;
	}
	.contact-info {
		flex: 1;
	}
	.contact-label {
		font-weight: 700;
		color: #0e4a6e;
		font-size: 1.5rem;
		letter-spacing: 0.5px;
	}
	.contact-value {
		font-size: 1.5rem;
		color: #1e3c5e;
		word-break: break-word;
	}
	.contact-value a {
		text-decoration: none;
		color: #1e6a9f;
		transition: 0.2s;
	}
	.contact-value a:hover {
		color: #f39c12;
		text-decoration: underline;
	}

	.committee-card {
		background: #ffffffdd;
		border-radius: 1.5rem;
		padding: 1.5rem 1.6rem;
		transition: all 0.2s;
		border: 1px solid #eef2fc;
	}
	.committee-card:hover {
		background: white;
		border-color: #cbe1ef;
	}
	.committee-desc {
		color: #2c3e50;
		line-height: 1.55;
		font-size: 1.5rem;
		margin-top: 0.5rem;
	}
	.badge-role {
		display: inline-block;
		background: #eef2fa;
		border-radius: 40px;
		padding: 0.2rem 1rem;
		font-size: 1.5rem;
		font-weight: 700;
		color: #2c7cb6;
		margin-right: 0.5rem;
	}

	.divider-light {
		height: 1px;
		background: linear-gradient(90deg, #c2d8ec, transparent);
		margin: 1rem 0 0.5rem 0;
	}

	@media (max-width: 850px) {
		body {
			padding: 1rem;
		}
		.org-wrapper {
			flex-direction: column;
			gap: 1.5rem;
		}
		.org-panel {
			width: 100%;
		}
		.section-title {
			font-size: 1.4rem;
		}
	}

	@keyframes fadeUp {
		0% {
			opacity: 0;
			transform: translateY(12px);
		}
		100% {
			opacity: 1;
			transform: translateY(0);
		}
	}

	.org-panel {
		animation: fadeUp 0.45s ease-out forwards;
	}
	.page-info {
		font-size: 1.5rem;
		color: #5b6e8c;
		background: #f1f5f9;
		padding: 6px 14px;
		border-radius: 40px;
		margin:20px 0;
	}
	.page-footer {
		background: #1e2a36;
		padding: 30px 0 15px 0;
		border-top: 1px solid #2c3e50;
	}

	.footer-container {
		max-width: 1400px;
		margin: 0 auto;
		padding: 0 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		gap: 30px;
	}

	.footer-left {
		flex: 1;
	}

	.copyright-text {
		color: #fff;
		font-size: 1.8rem;
		margin: 0 0 8px 0;
	}

	.license-info {
		display: flex;
		gap: 15px;
	}
	.license-info a{
		color:#fff;
	}

	.license-link {
		color: #7f8c8d;
		text-decoration: none;
		font-size: 1.5rem;
		transition: color 0.3s;
	}

	.license-link:hover {
		color: #f39c12;
	}

	.separator {
		color: #4a627a;
		line-height:20px
	}

	.footer-right {
		flex-shrink: 0;
	}

	.qrcode-container {
		display: flex;
		gap: 20px;
	}

	.qrcode-image {
		width: 100px;
		height: 100px;
		background: white;
		border-radius: 12px;
		padding: 6px;
		box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	}

	.qrcode-image img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	.qrcode-label {
		text-align: center;
		font-size: 1.2rem;
		color: #fff;
		margin-top: 6px;
	}
	
	.one-line-container {
		color:#fff;
		width: 100%;
		margin: 0 auto;
		padding: 0 1rem;
		box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.1);
		transition: all 0.2s;
		overflow:hidden
	}

	.timeline-strip {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: stretch;
		gap: 0;
		position: relative;
		margin: 1.8rem 0 1.2rem 0;
		padding: 0.5rem 0;
		overflow: hidden;
		scroll-behavior: smooth;
		scrollbar-width: thin;
		scrollbar-color: #2c7cb6 #cde1ef;
	}
	.timeline-strip::-webkit-scrollbar {
		height: 5px;
	}
	.timeline-strip::-webkit-scrollbar-track {
		background: #cde1ef;
		border-radius: 10px;
	}
	.timeline-strip::-webkit-scrollbar-thumb {
		background: #2c7cb6;
		border-radius: 10px;
	}

	.stage-node {
		flex: 1;
		min-width: 150px;
		text-align: center;
		position: relative;
		padding: 0.6rem 0.5rem 0.9rem 0.5rem;
		transition: all 0.2s ease;
		cursor: default;
		background: transparent;  
		border-radius: 0;
		box-shadow: none;
		backdrop-filter: none;
	}

	.stage-node::after {
		content: '';
		position: absolute;
		right: -0.5rem;
		top: 38%;
		width: calc(100% + 0.5rem);
		height: 2px;
		background: linear-gradient(90deg, #9bc3df, #b9d6f0, #9bc3df);
		z-index: 0;
		pointer-events: none;
		border-radius: 2px;
	}

	.node-marker {
		width: 44px;
		height: 44px;
		background: #ffffff;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 auto 0.7rem auto;
		font-weight: 800;
		font-size: 1.8rem;
		color: #1e6793;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05), 0 0 0 2px #eaf3fc;
		border: 1px solid #c2dcf0;
		transition: 0.2s;
	}
	.stage-node:hover .node-marker {
		transform: scale(1.03);
		box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
		border-color: #6eaad2;
	}

	.date-text {
		font-size: 1.5rem;
		font-weight: 700;
		background: transparent;
		color: #fff;
		letter-spacing: 0.5px;
		margin: 2rem 0 0.5rem 0;
		display: inline-block;
		padding: 0 0.3rem;
	}
	.date-text1 {
		font-size: 1.8rem;
	}

	.stage-title {
		font-size: 1.8rem;
		font-weight: 800;
		margin: 0.2rem 0 0.3rem;
		background: none;
		-webkit-background-clip: unset;
		background-clip: unset;
		color: #fff;
	}

	.stage-desc {
		font-size: 0.7rem;
		color: #3a627f;
		line-height: 1.35;
		margin: 0.2rem 0;
		padding: 0 0.2rem;
		font-weight: 500;
		opacity: 0.85;
	}

	.stage-special .stage-title {
		color: #cb6e1f;
		background: linear-gradient(115deg, #d45a1a, #f39c12);
		background-clip: text;
		-webkit-background-clip: text;
		color: transparent;
		font-weight: 800;
	}
	.stage-special .node-marker {
		background: #fff7e8;
		border-color: #f6bc7c;
		color: #c45f00;
		box-shadow: 0 2px 8px rgba(245, 158, 11, 0.2);
	}
	.stage-special .date-text {
		background: transparent;
		color: #c45f00;
		font-weight: 800;
	}
	
	.info-footer {
		margin-top: 2rem;
		text-align: center;
		background: #e9f0f8c9;
		backdrop-filter: blur(2px);
		border-radius: 20px;
		padding: 0.6rem 1rem;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		gap: 0.8rem 1.6rem;
		font-size: 1.5rem;
		font-weight: 600;
		color: #1d5a7c;
		border: 1px solid #cbe1ef;
	}
	.info-footer .data-highlight {
		background: #1e3c72;
		color: white;
		padding: 0.2rem 0.8rem;
		border-radius: 20px;
		font-size: 0.8rem;
	}

	@media (max-width: 950px) {
		.stage-node {
			min-width: 170px;
		}
		.stage-title {
			font-size: 1rem;
		}
	}

	@media (max-width: 680px) {
		body {
			padding: 1rem;
		}
		.stage-node {
			min-width: 155px;
		}
		.node-marker {
			width: 38px;
			height: 38px;
			font-size: 1rem;
		}
		.stage-title {
			font-size: 0.9rem;
		}
		.stage-desc {
			font-size: 0.65rem;
		}
	}

	@keyframes fadeSlide {
		0% {
			opacity: 0;
			transform: translateY(8px);
		}
		100% {
			opacity: 1;
			transform: translateY(0);
		}
	}
	.stage-node {
		animation: fadeSlide 0.35s ease forwards;
		opacity: 0;
	}
	.stage-node:nth-child(1) { animation-delay: 0.02s; }
	.stage-node:nth-child(2) { animation-delay: 0.06s; }
	.stage-node:nth-child(3) { animation-delay: 0.1s; }
	.stage-node:nth-child(4) { animation-delay: 0.14s; }
	.stage-node:nth-child(5) { animation-delay: 0.18s; }
    .listbg{
		min-height:300px;
		background-image:url(../images/listbg.png);
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center center;
	}
	.row.listbg {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100px;
	}

	.menunavs {
		color:#fff;
	    display: flex;
	    flex-direction: column;    
	    justify-content: center;    
	    align-items: center;       
	    width: 100%;                
	    height: 200px;               
	}

	.menunavs span {
	    width: 100%;               
	    text-align: center;      
	    padding: 8px 0;
	    box-sizing: border-box;
		letter-spacing:3px
	}
	.menunavs span:first-child {
	   font-size:4rem;
	   font-weight:600
	}
	.menunavs span a{
       text-decoration:none
	}
	.menunavs span a:hover{
       color:#ff6600
	}

	.listnav {
		display: flex;
		flex-wrap: wrap;
		max-width:1400px;
		margin:0 auto
	}

	.listmenu {
		background: #fafcff;
		border-right: 1px solid #eef2f8;
		padding: 32px 16px 32px 28px;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.listcontent {
		flex: 0 0 75%;
		max-width: 75%;
                min-height:500px;
		background: #ffffff;
		padding: 24px 20px 32px 24px;
	}

	.listmenu ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		gap: 12px;
	}

	.listmenu li {
		font-size: 1.5rem;
		font-weight: 500;
		padding: 12px 18px;
		background: #ffffff;
		border-radius: 16px;
		color: #2c4c6c;
		transition: all 0.25s ease;
		cursor: pointer;
		border: 1px solid #e9edf2;
		box-shadow: 0 1px 2px rgba(0,0,0,0.02);
		display: flex;
		align-items: center;
		gap: 12px;
	}
        .listmenu li a{
		color: #2c4c6c;
	}
	.listmenu li::before {
		content: "▹";
		color: #2c7da0;
		font-size: 1rem;
		transition: transform 0.2s;
	}

	.listmenu li:hover {
		background: #f0f6fe;
		border-color: #cde1ef;
		transform: translateX(4px);
		color: #1a5d7a;
	}

	.listmenu li:hover::before {
		transform: translateX(2px);
		color: #1a6b8f;
	}

	.content-header {
		margin-bottom: 24px;
		border-left: 4px solid #2c7da0;
		padding-left: 16px;
	}
	.content-header1 {
		margin-bottom: 24px;
		border-bottom: 1px solid #2c7da0;
	}
	.content-header h3,.content-header1 h3 {
		font-size: 2rem;
		font-weight: 600;
		color: #1f3b4c;
		letter-spacing: -0.2px;
	}
	.content-header1 h3 {
		width:80%;
		margin:0 auto;
		line-height:30px
	}
	.content-header1 h5 {
        padding:3px 0;
		color:#ccc
	}
	.content-header p {
		color: #6a7e9e;
		font-size: 0.85rem;
		margin-top: 6px;
	}
    .othersnews{
		padding:40px 0 0 0;
	}
	.othersnews span{
		font-size:1.3rem;
		display:block;
		line-height:30px;
		color: #1f3b4c;
	}
	.othersnews a{
        font-size:1.3rem;
		color: #1f3b4c;
	}
	.mainnav {
		background: #ffffff;
		transition: all 0.22s ease;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		padding: 18px 0 18px 0;
		margin: 0;
		border-bottom: 1px solid #edf2f7;
		gap: 12px;
	}

	.mainnav:last-child {
		border-bottom: none;
	}

	.mainnav:hover {
		background-color: #fbfdff;
		padding-left: 8px;
		transition: 0.2s;
	}

	.listnewtitle {
		font-size: 1rem;
		font-weight: 510;
		line-height: 1.48;
		margin: 0;
		padding-right: 16px;
		flex: 1;
		min-width: 0;
		word-wrap: break-word;
		word-break: break-word;
		white-space: normal;
		overflow-wrap: break-word;
	}

	.listnewtitle a {
		color: #1f3b4c;
		text-decoration: none;
		transition: color 0.2s;
		display: inline;
		font-weight: 500;
		word-break: break-all; 
		white-space: normal;
	}

	.listnewtitle a:hover {
		color: #1b6b93;
	}

	.listnewdate {
		font-size: 1.3rem;
		font-weight: 500;
		color: #2f5e7a;
		background: #eff5fa;
		padding: 5px 14px;
		border-radius: 40px;
		white-space: nowrap;
		letter-spacing: 0.2px;
		transition: background 0.2s;
		display: inline-flex;
		align-items: center;
		gap: 6px;
		flex-shrink: 0;
		width:auto
	}

	.listnewdate::before {
		content: "📅";
		font-size: 0.7rem;
		opacity: 0.85;
		margin-right: 4px;
		display: inline-block;
	}

	/* 鍙�夌殑绱у噾妯″紡锛堢Щ鍔ㄧ閫傞厤锛� */
	@media (max-width: 640px) {
		.page-link {
			min-width: 34px;
			height: 34px;
			padding: 0 8px;
			font-size: 0.8rem;
			border-radius: 10px;
		}
		.paginationx {
			gap: 6px;
		}
	}
	@media (max-width: 992px) {
		body {
			padding: 24px 20px;
		}
		.listmenu {
			flex: 0 0 30%;
			max-width: 30%;
			padding: 24px 12px 24px 20px;
		}
		.listcontent {
			flex: 0 0 70%;
			max-width: 70%;
			padding: 20px 16px;
		}
		.listmenu li {
			padding: 10px 14px;
			font-size: 0.9rem;
		}
	}

	@media (max-width: 560px) {
		.mainnav {
			flex-direction: column;
			align-items: flex-start;
		}
		.listnewtitle {
			width: 100%;
			padding-right: 0;
			margin-bottom: 8px;
		}
		.listnewdate {
			align-self: flex-start;
			white-space: nowrap;
		}
		.content-header h3 {
			font-size: 1.25rem;
		}
	}

	@keyframes fadeInUp {
		from {
			opacity: 0;
			transform: translateY(8px);
		}
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

	.mainnav {
		animation: fadeInUp 0.3s ease backwards;
	}
	.mainnav:nth-child(1) { animation-delay: 0.02s; }
	.mainnav:nth-child(2) { animation-delay: 0.06s; }
	.mainnav:nth-child(3) { animation-delay: 0.10s; }
	.mainnav:nth-child(4) { animation-delay: 0.14s; }

	::-webkit-scrollbar {
		width: 6px;
	}
	::-webkit-scrollbar-track {
		background: #eef2f8;
		border-radius: 10px;
	}
	::-webkit-scrollbar-thumb {
		background: #cbdae6;
		border-radius: 10px;
	}
	@media (max-width: 768px) {
		.footer-container {
			flex-direction: column;
			text-align: center;
		}
		
		.license-info {
			justify-content: center;
		}
		
		.qrcode-container {
			justify-content: center;
		}
		.timeline-strip {
            overflow: auto;
        }
		.listnav {
			flex-direction: column;
		}
		.listmenu {
			flex: 0 0 100%;
			max-width: 100%;
			border-right: none;
			border-bottom: 1px solid #eef2f8;
			padding: 20px 24px;
		}
		.listmenu ul {
			flex-direction: row;
			flex-wrap: wrap;
			gap: 12px;
		}
		.listmenu li {
			flex: 1 0 auto;
			justify-content: center;
			text-align: center;
			font-size: 0.85rem;
			padding: 8px 12px;
		}
		.listmenu li::before {
			display: none; 
		}
		.listcontent {
			flex: 0 0 100%;
			max-width: 100%;
			padding: 20px 20px 28px;
		}
		.mainnav {
			padding: 16px 0;
		}
		.listnewdate {
			white-space: nowrap;
			font-size: 0.75rem;
			padding: 4px 12px;
		}
	}
	@media (-webkit-min-device-pixel-ratio: 1.5), 
       (min-resolution: 144dpi) {
		.contentpaddingx{
		    padding:40px 24px 10px 24px;
		}
		.contentpaddingx1{
		    padding:24px 24px 10px 24px;
		}
		.info-grid {
			padding: 20px;
		}
		.contentpaddingxx1{
			margin:20px 0 40px 0;
		}
	}