* {
 	box-sizing: border-box;
 	margin: 0;
 	padding: 0;
 }

 html,
 body {
 	overflow-x: hidden;
 	margin: 0px;
 }

 a {
 	text-decoration: none;
 }

 p {
 	margin-block-start: 0em;
 	margin-block-end: 0em;
 }

 ul {
 	display: block;
 	list-style-type: disc;
 	margin-block-start: 0px;
 	margin-block-end: 0px;
 	margin-inline-start: 0px;
 	margin-inline-end: 0px;
 	padding-inline-start: 40px;
 	unicode-bidi: isolate;
 }

 li {
 	list-style: none;
 }

 h1 {
 	display: block;
 	margin-block-start: 0em;
 	margin-block-end: 0em;
 }

 h2 {
 	margin-block-start: 0em;
 	margin-block-end: 0em;
 }

 h3 {
 	display: block;
 	font-size: 1.17em;
 	margin-block-start: 0em;
 	margin-block-end: 0em;
 }

 h4 {
 	display: block;
 	margin-block-start: 0em;
 	margin-block-end: 0em;
 }

 @font-face {
 	font-family: 'Inter';
 	src: url('./../font/Inter_700Bold.ttf') format('truetype');
 }

 @font-face {
 	font-family: 'CN-Medium';
 	src: url('./../font/CN-Medium.woff2') format('truetype');
 }

 @font-face {
 	font-family: 'CN-Regular';
 	src: url('./../font/CN-Regular.woff2') format('truetype');
 }

 @font-face {
 	font-family: 'CN-Light';
 	src: url('./../font/CN-Light.woff2') format('truetype');
 }

 @font-face {
 	font-family: 'CN-Bold';
 	src: url('./../font/CN-Bold.woff2') format('truetype');
 }

 @font-face {
 	font-family: 'Inter_400Regular';
 	src: url('./../font/Inter_400Regular.ttf') format('truetype');
 }

 .wrapper {
 	max-width: 1360px;
 	margin: auto;
 }

 .titlebar {
 	top: 0px;
 	left: 0px;
 	width: 100%;
 	height: 94px;
 	background: rgba(255, 255, 255, 1);
 	box-shadow: 0px 1px rgba(226, 232, 240, 1);
 }

 .b89c1270f9ac {
 	width: 50%;
 	height: 100%;
 	float: left;
 }

 .b89c1270f9ac img {
 	width: 100%;
 }

 .dlhs {
 	width: 23%;
 	float: left;
 	display: flex;
 	align-items: center;
 	height: 100%;
 }

 .dlhs img {
 	width: 70px;
 	height: 70px;
 }

 .dlhs a {
 	height: 50px;
 	color: rgba(0, 0, 0, 1);
 	font-family: Inter;
 	font-weight: 700;
 	font-size: 28px;
 	line-height: 24px;
 	padding-left: 10px;
 	text-decoration: none;
 }



 .ssyy {
 	float: right;
 	display: flex;
 	align-items: center;
 	height: 100%;

 	margin-right: 11px;
 }

 .ssyy .search-form {
 	position: relative;
 	display: flex;
 	align-items: center;
 	height: 32px;
 }

 .ssyy .search-input {
 	position: absolute;
 	right: 10px;
 	width: 0;
 	height: 32px;
 	border: 1px solid rgba(226, 232, 240, 1);
 	border-radius: 100px;
 	background: rgba(255, 255, 255, 1);
 	padding: 0 15px;
 	opacity: 0;
 	transition: all 0.3s ease;
 	pointer-events: none;
 	font-size: 14px;
 	color: #333;
 }


 .ssyy.search-active .search-input {
 	width: 200px;
 	opacity: 1;
 	pointer-events: auto;
 }

 .ssyy .Rectangle22 {
 	float: right;
 	display: flex;
 	align-items: center;
 	width: 112px;
 	height: 32px;
 	border-radius: 100px;
 	border: 1px solid rgba(226, 232, 240, 1);
 	box-sizing: border-box;
 	background: rgba(255, 255, 255, 1);
 	text-decoration: none;
 }

 .ssyy .Rectangle22 img {
 	width: 18px;
 	padding-left: 8px;
 }

 .ssyy .Rectangle22 a {
 	color: rgba(100, 116, 139, 1);
 	font-family: Inter;
 	font-weight: 500;
 	font-size: 12px;
 	line-height: 15px;
 	padding-left: 5px;
 	text-decoration: none;
 }

 .ssyy .Rectangle23 {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	width: 32px;
 	height: 32px;
 	border-radius: 100px;
 	border: 1px solid rgba(226, 232, 240, 1);
 	box-sizing: border-box;
 	background: rgba(248, 250, 252, 1);
 	margin-right: 10px;
 	cursor: pointer;
 	z-index: 2;
 	text-decoration: none;
 }

 .ssyy .Rectangle23 img {
 	width: 18px;
 }

 .column {
 	width: 100%;
 	height: 60px;
 	background: rgba(250, 252, 254, 1);
 	box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.05);
 	border-top: 1px rgba(226, 232, 240, 1);
 }

 .column ul {
 	display: flex;
 	align-items: center;
 	height: 100%;
 }

 .column ul li {
 	padding: 8px 14px;
 }

 .column ul li:first-child {
 	margin-right: 10px;
 }

 .column ul li a {
 	color: rgba(100, 116, 139, 1);
 	font-family: "CN-Medium";
 	font-weight: 500;
 	font-size: 16px;
 	line-height: 22px;
 }

 .column ul li:hover {
 	border-radius: 6px;
 	background: rgba(0, 91, 159, 1);
 }

 .column ul li:hover>a {
 	color: rgba(255, 255, 255, 1);
 }

 .column ul .active {
 	border-radius: 6px;
 	background: rgba(0, 91, 159, 1);
 }

 .column ul .active a {
 	color: rgba(255, 255, 255, 1);
 }


 .main-footer {
 	background-color: rgba(226, 232, 240, 1);
 	padding-top: 29px;
 	padding-bottom: 20px;
 	font-family: "CN-Regular", sans-serif;
 	color: #6b7a99;

 	font-size: 14px;
 	line-height: 1.6;
 	margin-top: 30px;
 }


 .footer-container {
 	display: flex;
 	justify-content: space-between;
 	flex-wrap: wrap;

 	padding-bottom: 14px;
 }

 .footer-col {
 	flex: 1;
 	max-width: 33%;
 	padding-left: 30px;
 }

 .footer-col:nth-child(2) {
 	padding-left: 150px;
 }


 .footer-col:last-child {
 	margin-right: 0;
 	padding-left: 150px;
 }

 .main-footer .footer-col img {
 	width: 24px;
 	padding-right: 10px;
 }


 .footer-title {
 	color: rgba(0, 0, 0, 1);
 	font-family: "CN-Medium";
 	font-weight: 500;
 	font-size: 18px;
 	line-height: 25px;
 	margin-bottom: 20px;
 	display: flex;
 	align-items: center;
 }


 .footer-title svg {
 	margin-right: 10px;
 	color: #005b9f;

 }


 .footer-desc {
 	margin-bottom: 25px;
 	color: rgba(100, 116, 139, 1);
 	font-family: 'Inter_400Regular';
 	font-weight: 400;
 	font-size: 14px;
 	line-height: 17px;
 }


 .btn-download {
 	display: inline-block;
 	background-color: rgba(0, 91, 159, 1);
 	color: #ffffff;
 	width: 120px;
 	height: 36px;
 	border-radius: 6px;
 	text-decoration: none;
 	font-family: 'Inter_400Regular';
 	font-weight: 400;
 	font-size: 14px;
 	transition: background-color 0.2s;
 	text-align: center;
 	line-height: 36px;
 }

 .btn-download:hover {
 	background-color: #004477;
 }


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

 .footer-links li {
 	margin-bottom: 6px;
 }

 .footer-links a {
 	color: rgba(0, 114, 199, 1);
 	font-family: 'Inter_400Regular';
 	font-weight: 400;
 	font-size: 14px;
 	line-height: 17px;
 }

 .footer-links a:hover {
 	color: #002b49;

 	text-decoration: underline;
 }


 .contact-info p {
 	margin-bottom: 10px;
 	color: rgba(100, 116, 139, 1);
 	font-family: 'Inter_400Regular';
 	font-weight: 400;
 	font-size: 14px;
 	line-height: 17px;
 }


 .footer-copyright {
 	text-align: center;
 	color: rgba(159, 175, 196, 1);
 	font-family: 'Inter_400Regular';
 	font-weight: 400;
 	font-size: 16px;
 	line-height: 19px;
 }
 .footer-copyright a {
 	text-align: center;
 	color: rgba(159, 175, 196, 1);
 	font-family: 'Inter_400Regular';
 	font-weight: 400;
 	font-size: 16px;
 	line-height: 19px;
 }

 @media (max-width: 768px) {
 	.footer-container {
 		flex-direction: column;
 	}

 	.footer-col {
 		margin-right: 0;
 		margin-bottom: 40px;
 	}
 }

 .middle-column {
 	flex: 1;
 	width: calc((1360px - 50px) / 3);
 	display: flex;
 	flex-direction: column;
 }

 .workshop-section {
 	max-width: 1360px;
 	margin: 0 auto;
 	display: flex;
 	gap: 31px;

 	align-items: flex-start;

 	margin-top: 30px;
 }


 .workshop-image-wrapper {
 	flex-shrink: 0;

 	width: 897px;
 	height: 260px;
 	border-radius: 16px;

 	overflow: hidden;

 	background-color: #e0e0e0;

 }

 .workshop-image-wrapper img {
 	width: 100%;
 	height: 100%;
 	object-fit: cover;

 	display: block;
 }


 .workshop-content {
 	flex: 1;
 	padding-top: 4px;

 }


 .workshop-header {
 	display: flex;
 	align-items: center;
 	margin-bottom: 25px;
 }


 .title-decoration {
 	width: 7px;
 	height: 33px;
 	background-color: rgba(0, 91, 159, 1);
 	border-radius: 12px;

 	margin-right: 20px;

 }

 .workshop-title {
 	color: rgba(15, 23, 42, 1);
 	font-family: "SimSun";
 	font-weight: 700;
 	font-size: 30px;
 	line-height: 30px;
 }


 .info-list {
 	list-style: none;
 	padding: 0;
 	margin: 0 0 24px 0;
 }

 .info-item {
 	display: flex;
 	align-items: center;
 	margin-bottom: 8px;
 	color: rgba(100, 116, 139, 1);
 	font-family: 'CN-Regular';
 	font-weight: 400;
 	font-size: 14px;
 	line-height: 20px;
 }

 .info-item:last-child {
 	margin-bottom: 0;
 }


 .info-icon {
 	width: 16px;
 	height: 16px;
 	margin-right: 10px;

 	flex-shrink: 0;

 }


 .workshop-desc {
 	color: rgba(100, 116, 139, 1);
 	font-family: "SimSun";
 	font-weight: 700;
 	font-size: 16px;
 	line-height: 20px;
 	text-align: justify;

 	margin: 0;
 }


 @media (max-width: 1200px) {
 	.workshop-section {
 		flex-direction: column;
 		align-items: center;
 		padding: 0 20px;
 	}

 	.workshop-image-wrapper {
 		width: 100%;
 		max-width: 897px;
 	}

 	.workshop-content {
 		width: 100%;
 	}
 }


 .second-section-container {
 	max-width: 1360px;
 	margin: 0 auto;
 	display: flex;
 	justify-content: space-between;
 	gap: 25px;

 	padding-top: 30px;
 	box-sizing: border-box;
 }


 .left-column {
 	flex: 1;
 	width: calc((1360px - 50px) / 3);
 	display: flex;
 	flex-direction: column;
 	gap: 15px;

 }


 .card {
 	background: #FFFFFF;
 	border-radius: 16px;

 	padding: 30px 28px 24px 30px;
 	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);

 	box-sizing: border-box;
 }


 .card-header {
 	display: flex;
 	align-items: center;
 	margin-bottom: 24px;
 }

 .header-icon {
 	width: 24px;
 	height: 24px;
 	margin-right: 10px;
 }

 .header-title {
 	color: rgba(15, 23, 42, 1);
 	font-family: "SimSun";
 	font-weight: 700;
 	font-size: 20px;
 	line-height: 20px;
 }


 .agenda-item {
 	display: flex;
 	margin-bottom: 15px;
 }

 .agenda-item:last-child {
 	margin-bottom: 0;
 }


 .timeline-marker {
 	width: 4px;
 	height: auto;
 	border-radius: 12px;

 	margin-right: 10px;
 	flex-shrink: 0;
 }


 .color-0 {
 	background-color: #FF9F43;
 }

 .color-1 {
 	background-color: #5D9CEC;
 }


 .color-2 {
 	background-color: #4FC1E9;
 }



 .agenda-content .day-title {
 	margin: 0 0 7px 0;
 	color: rgba(0, 0, 0, 1);
 	font-family: 'CN-Bold';
 	font-weight: 600;
 	font-size: 18px;
 	line-height: 25px;
 }

 .schedule {
 	margin: 0 0 6px 0;
 	color: rgba(100, 116, 139, 1);
 	font-family: 'CN-Bold';
 	font-weight: 600;
 	font-size: 14px;
 	line-height: 20px;
 }


 .download-footer {
 	display: flex;
 	align-items: center;

 	justify-content: flex-start;

 	margin-top: 20px;

 }

 .file-list {
 	list-style: none;
 	padding: 0;
 	margin: 0;
 	display: flex;
 	flex-direction: column;
 }

 .file-list li {
 	margin-bottom: 8px;
 }

 .file-list li:last-child {
 	margin-bottom: 0;
 }

 .file-list a {
 	text-decoration: none;
 	color: rgba(0, 114, 199, 1);
 	font-family: 'CN-Bold';
 	font-weight: 600;
 	font-size: 14px;
 	line-height: 20px;
 	transition: color 0.2s;
 }

 .file-list a:hover {
 	color: #0052A3;
 	text-decoration: underline;
 }

 .all-files-link {
 	margin-left: auto;

 	text-decoration: none;
 	color: rgba(0, 91, 159, 1);
 	font-family: 'CN-Bold';
 	font-weight: 600;
 	font-size: 14px;
 	white-space: nowrap;

 	margin-top: 52px;
 }

 .view-all-link {
 	display: block;
 	text-align: right;
 	text-decoration: none;
 	font-size: 14px;
 	font-weight: 500;
 	color: #0066CC;
 }




 .topic-item {
 	padding: 20px;
 	background-color: rgba(242, 247, 250, 1);
 	border-radius: 6px;
 	margin-bottom: 23px;

 }


 .topic-item:last-child {
 	margin-bottom: 0;
 }


 .topic-title {
 	margin: 0 0 11px 0;
 	color: rgba(15, 23, 42, 1);
 	font-family: 'CN-Bold';
 	font-weight: 600;
 	font-size: 18px;
 	line-height: 25px;
 }


 .topic-desc {
 	margin: 0 0 8px 0;
 	color: rgba(100, 116, 139, 1);
 	font-family: 'CN-Bold';
 	font-weight: 600;
 	font-size: 16px;
 	line-height: 22px;
 }


 .topic-link {
 	color: rgba(0, 114, 199, 1);
 	font-family: 'CN-Bold';
 	font-weight: 600;
 	font-size: 14px;
 	line-height: 20px;
 }

 .topic-link:hover {
 	text-decoration: underline;
 }


 .video-card {
 	background: #fff;
 	border-radius: 12px;
 	padding: 30px 30px 24px 30px;
 	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
 }

 .video-wrapper {
 	position: relative;
 	width: 100%;
 	padding-top: 56.25%;

 	border-radius: 12px;
 	overflow: hidden;
 	cursor: pointer;
 }

 .video-cover {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	object-fit: cover;
 	transition: transform 0.3s ease;
 }

 .video-wrapper:hover .video-cover {
 	transform: scale(1.05);
 }


 .play-button {
 	position: absolute;
 	top: 50%;
 	left: 50%;

 	transform: translate(-50%, -50%);


 	width: 55px;
 	height: 55px;


 	object-fit: contain;


 	cursor: pointer;
 	z-index: 10;

 	transition: transform 0.3s ease;

 }


 .play-button:hover {
 	transform: translate(-50%, -50%) scale(1.1);
 }


 .gallery-card {
 	background: #fff;
 	border-radius: 12px;
 	padding: 24px;
 	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
 }

 .gallery-grid {
 	display: flex;
 	justify-content: space-between;

 	gap: 17px;

 	margin-top: 20px;
 	margin-bottom: 37px;
 }

 .gallery-img {
 	width: calc((100% - 34px) / 3);

 	height: 110px;

 	border-radius: 12px;
 	object-fit: cover;
 	transition: opacity 0.3s ease;
 }

 .gallery-img:hover {
 	opacity: 0.8;
 }

 .view-more-container {
 	margin-top: 20px;
 	text-align: center;
 	color: rgba(0, 91, 159, 1);
 	font-family: 'CN-Bold';
 	font-weight: 600;
 	font-size: 14px;
 	line-height: 20px;
 }

 .view-more-link {
 	color: #0052d9;
 	text-decoration: none;
 	font-size: 14px;
 	font-weight: 500;
 }


 .video-modal {
 	display: none;

 	position: fixed;
 	z-index: 1000;
 	left: 0;
 	top: 0;
 	width: 100%;
 	height: 100%;
 	background-color: rgba(0, 0, 0, 0.85);

 	justify-content: center;
 	align-items: center;
 	animation: fadeIn 0.3s ease;
 }

 .video-modal .modal-content {
 	width: 1360px;
 	height: 765px;
 	background: #000;
 	border-radius: 12px;

 	overflow: hidden;
 	box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
 }

 .close-btn {
 	position: absolute;
 	top: 20px;
 	right: 30px;
 	color: #fff;
 	font-size: 40px;
 	font-weight: bold;
 	cursor: pointer;
 	z-index: 1001;
 	opacity: 0.8;
 	transition: opacity 0.2s;
 }

 .close-btn:hover {
 	opacity: 1;
 }

 .video-player-container {
 	width: 100%;
 	height: 100%;
 }

 .xczphl {
 	margin-top: 22px;
 }

 @keyframes fadeIn {
 	from {
 		opacity: 0;
 	}

 	to {
 		opacity: 1;
 	}
 }




 .image-modal {
 	display: none;

 	position: fixed;
 	z-index: 1000;
 	padding-top: 60px;
 	left: 0;
 	top: 0;
 	width: 100%;
 	height: 100%;
 	overflow: auto;
 	background-color: rgba(0, 0, 0, 0.9);

 }


 .modal-content {
 	width: auto;
 	height: auto;
 	max-width: 90%;

 	max-height: 90%;



 	margin: auto;
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%);


 	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
 	border-radius: 8px;
 }


 .close-btn {
 	position: absolute;
 	top: 20px;
 	right: 35px;
 	color: #f1f1f1;
 	font-size: 40px;
 	font-weight: bold;
 	cursor: pointer;
 	transition: 0.3s;
 }

 .close-btn:hover,
 .close-btn:focus {
 	color: #bbb;
 	text-decoration: none;
 	cursor: pointer;
 }


 @keyframes zoom {
 	from {
 		transform: scale(0)
 	}

 	to {
 		transform: scale(1)
 	}
 }


 .signing .col-left {

 	width: 29.5%;
 	flex-shrink: 0;
 	float: left;
 }

 .signing .ceremony-info {
 	border-radius: 12px;
 	background: rgba(255, 255, 255, 1);
 	box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.05);
 	padding: 30px;

 	display: flex;
 	flex-direction: column;
 }


 .signing .section-header {
 	display: flex;
 	align-items: center;
 	gap: 10px;

 	margin-bottom: 26px;
 }

 .signing .title-icon {
 	width: 24px;
 	height: 24px;
 	object-fit: contain;
 }

 .signing .section-title {
 	margin: 0;
 	color: rgba(15, 23, 42, 1);
 	font-family: "SimSun";
 	font-weight: 700;
 	font-size: 20px;
 	line-height: 20px;
 }


 .signing .info-list {
 	display: flex;
 	flex-direction: column;
 	margin-bottom: 20px;
 }

 .signing .info-item {
 	display: flex;
 	align-items: center;
 	gap: 10px;

 }

 .signing .item-icon {
 	width: 16px;
 	height: 16px;
 	object-fit: contain;

 }

 .signing .info-text {
 	color: rgba(100, 116, 139, 1);
 	font-family: 'CN-Regular';
 	font-weight: 400;
 	font-size: 14px;
 }


 .signing .description {
 	margin: 0;
 	color: rgba(100, 116, 139, 1);
 	font-family: "SimSun";
 	font-weight: 700;
 	font-size: 15px;
 	line-height: 20px;
 }


 .signing .image-container {
 	width: 100%;
 	border-radius: 12px;
 	overflow: hidden;

 	margin-top: 21px;

 }

 .signing .content-image {
 	width: 100%;
 	height: auto;
 	display: block;
 	object-fit: cover;

 }

 .signing {
 	margin-top: 30px;
 	display: flex;
 	gap: 25px;
 }




 .sign-panel {
 	width: 41%;
 	background: #fff;
 	border-radius: 12px;
 	padding: 30px;
 	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
 	box-sizing: border-box;
 	display: flex;
 	flex-direction: column;
 }


 .sign-header {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	margin-bottom: 20px;
 }


 .sign-title-group {
 	display: flex;
 	align-items: center;
 }

 .sign-title-icon {
 	width: 24px;
 	height: 24px;
 	margin-right: 10px;
 }

 .sign-heading {
 	color: rgba(15, 23, 42, 1);
 	font-family: "SimSun";
 	font-weight: 700;
 	font-size: 20px;
 	line-height: 20px;
 	margin: 0;
 }



 .sign-search-wrapper {
 	position: relative;
 	width: 190px;
 	height: 32px;
 	border-radius: 100px;


 	border: 1px solid rgba(226, 232, 240, 1);
 	box-sizing: border-box;
 	background: rgba(248, 250, 252, 1);
 }


 .sign-search-wrapper input {
 	width: 100%;

 	height: 100%;
 	border: none;
 	outline: none;
 	padding: 0 20px;

 	padding-right: 70px;

 	box-sizing: border-box;

 	font-size: 14px;
 	font-family: 'CN-Medium';
 	background: transparent;
 	border-radius: 100px;

 }


 .sign-search-btn {
 	position: absolute;
 	top: 0;
 	right: 0;
 	width: 57px;
 	height: 30px;
 	color: rgba(255, 255, 255, 1);
 	font-family: 'CN-Medium';
 	font-weight: 500;
 	font-size: 14px;
 	line-height: 20px;
 	border: none;
 	border-radius: 100px;

 	outline: none;
 	cursor: pointer;
 	z-index: 2;

 	border: 1px solid rgba(0, 91, 159, 1);
 	box-sizing: border-box;
 	background: rgba(0, 91, 159, 1);
 }

 .sign-search-btn:hover {
 	background: #004494;
 }


 .sign-table {
 	width: 100%;
 	border-collapse: collapse;
 }

 .sign-table th {
 	text-align: center;
 	color: rgba(15, 23, 42, 1);
 	font-family: 'CN-Bold';
 	font-weight: 600;
 	font-size: 14px;
 	line-height: 20px;
 	padding-bottom: 7px;
 }

 .sign-table td {
 	font-size: 14px;
 	vertical-align: middle;
 	text-align: center;
 }


 .file-icon {
 	width: 18px;
 	height: 18px;
 	cursor: pointer;
 	vertical-align: middle;
 }


 .sign-badge {
 	display: inline-block;
 	padding: 4px 10px;
 	border-radius: 6px;
 	color: rgba(255, 255, 255, 1);
 	font-family: 'CN-Regular';
 	font-weight: 400;
 	font-size: 14px;
 	line-height: 20px;
 	text-align: center;
 	min-width: 60px;
 }


 .qygj .Green {
 	background: rgba(81, 201, 77, 1);
 }

 .qygj .Grey {
 	background: rgba(100, 116, 139, 1);
 }

 .qygj .Blue {
 	background: rgba(0, 114, 199, 1);
 }

 .sign-table .qygj tr {
 	background-color: rgba(242, 247, 250, 1);
 	height: 40px !important;
 }

 .sign-table .qygj tr:nth-child(even) {
 	background-color: #ffffff;

 }


 .sign-table tbody tr:nth-child(odd) td:first-child {
 	border-top-left-radius: 6px;
 	border-bottom-left-radius: 6px;
 }

 .sign-table tbody tr:nth-child(odd) td:last-child {
 	border-top-right-radius: 6px;
 	border-bottom-right-radius: 6px;
 }

 .sign-table .qygj .gjmc,
 .qyrq {
 	text-align: center;
 	color: rgba(100, 116, 139, 1);
 	font-family: 'CN-Regular';
 	font-weight: 400;
 	font-size: 14px;
 	line-height: 20px;
 }

 .sign-panel .qsgjsm {
 	color: rgba(100, 116, 139, 1);
 	font-family: 'CN-Regular';
 	font-weight: 400;
 	font-size: 12px;
 	line-height: 17px;
 	margin-top: auto;

 	padding-top: 20px;

 }


 .media-panel {
 	width: 29.5%;
 	background-color: #ffffff;
 	border-radius: 12px;
 	padding: 24px;
 	box-sizing: border-box;
 	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
 	display: flex;
 	flex-direction: column;
 }


 .media-header {
 	display: flex;
 	align-items: center;
 	margin-bottom: 24px;

 }

 .media-header-icon {
 	width: 24px;
 	height: 24px;
 	margin-right: 10px;

 }

 .media-title {
 	color: rgba(15, 23, 42, 1);
 	font-family: "SimSun";
 	font-weight: 700;
 	font-size: 20px;
 	line-height: 20px;
 	margin: 0;
 }


 .media-content {
 	display: flex;
 	flex-direction: column;
 	gap: 23px;

 	height: 100%;



 	justify-content: flex-start;
 }


 .media-item {
 	display: flex;
 	align-items: center;
 	background-color: #f5f7fa;
 	border-radius: 8px;
 	padding: 26px 26px 28px 30px;
 	cursor: pointer;
 	transition: background-color 0.2s;



 	flex: 1;
 }

 .media-item:hover {
 	background-color: #eef1f5;
 }


 .media-icon-wrapper {
 	flex-shrink: 0;

 	margin-right: 20px;

 }

 .media-large-icon {
 	width: 50px;
 	height: 50px;
 	object-fit: contain;

 	flex-shrink: 0;
 }


 .media-text-group {
 	display: flex;
 	flex-direction: column;
 }

 .media-item-title {
 	color: rgba(15, 23, 42, 1);
 	font-family: 'CN-Bold';
 	font-weight: 600;
 	font-size: 18px;
 	line-height: 25px;
 	margin: -8px 0 7px 0;
 }

 .media-item-desc {
 	color: rgba(100, 116, 139, 1);
 	font-family: 'CN-Bold';
 	font-weight: 600;
 	font-size: 14px;
 	line-height: 20px;
 }

 .industry-review-wrapper {
 	width: 1360px;
 	margin: 0 auto;
 	margin-top: 34px;
 }


 .section-header-block {
 	margin-bottom: 18px;
 	padding-left: 30px;
 }

 .header-title-row {
 	display: flex;
 	align-items: center;
 	margin-bottom: 16px;
 }

 .title-accent-bar {
 	width: 7px;
 	height: 33px;
 	border-radius: 12px;
 	background: rgba(0, 91, 159, 1);
 	margin-right: 20px;
 	flex-shrink: 0;
 }

 .section-main-headline {
 	color: rgba(15, 23, 42, 1);
 	font-family: "SimSun";
 	font-weight: 700;
 	font-size: 30px;
 	line-height: 30px;
 }

 .section-description-text {
 	color: rgba(100, 116, 139, 1);
 	font-family: 'CN-Bold';
 	font-weight: 600;
 	font-size: 16px;
 	line-height: 22px;
 	max-width: 868px;
 }


 .industry-cards-grid {
 	display: flex;
 	gap: 26px;
 	width: 100%;
 }

 .industry-category-card {
 	flex: 1;
 	background-color: rgba(255, 255, 255, 1);
 	padding: 30px;
 	box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.05);
 	position: relative;
 	overflow: hidden;
 	min-height: 406px;
 	display: flex;
 	flex-direction: column;
 	border-radius: 12px;
 }


 .card-category-header {
 	display: flex;
 	align-items: center;
 	margin-bottom: 24px;
 }

 .category-icon-img {
 	width: 24px;
 	height: 24px;
 	margin-right: 10px;
 	object-fit: contain;
 }

 .category-name-label {
 	color: rgba(15, 23, 42, 1);
 	font-family: "SimSun";
 	font-weight: 700;
 	font-size: 20px;
 	line-height: 20px;
 }


 .report-preview-box {
 	height: 260px;
 	background-color: #e8f4fc;
 	border-radius: 8px;
 	padding: 20px;
 	flex: 1;
 	position: relative;
 	overflow: hidden;
 }

 .report-title-text {
 	margin-bottom: 11px;
 	color: rgba(15, 23, 42, 1);
 	font-family: 'CN-Medium';
 	font-weight: 500;
 	font-size: 18px;
 	line-height: 25px;
 }

 .report-source-info {
 	color: rgba(100, 116, 139, 1);
 	font-family: 'CN-Bold';
 	font-weight: 600;
 	font-size: 16px;
 	line-height: 22px;
 	margin-bottom: 11px;
 }

 .report-summary-text {
 	color: rgba(100, 116, 139, 1);
 	font-family: 'CN-Bold';
 	font-weight: 600;
 	font-size: 16px;
 	line-height: 22px;
 }


 .auspicious-cloud-decoration {
 	position: absolute;
 	bottom: 0;
 	right: 0;
 	width: 186px;
 	height: 52px;
 	background-image: url('./../img/xiangyun_2.png');
 	background-size: contain;
 	background-repeat: no-repeat;
 	background-position: bottom right;
 	opacity: 0.6;
 }


 .report-download-action {
 	margin: 24px 0px 28px 20px;
 	color: rgba(0, 114, 199, 1);
 	font-family: 'CN-Bold';
 	font-weight: 600;
 	font-size: 14px;
 	line-height: 20px;
 	text-decoration: none;
 	display: flex;
 	align-items: center;
 }

 .report-download-action:hover {
 	text-decoration: underline;
 }

 .report-download-action::after {
 	content: '›';
 	margin-left: 4px;
 }


 .pilot-project-section {
 	width: 1360px;
 	margin: 0 auto;
 	margin-top: 34px;
 }


 .pilot-section-header {
 	margin-bottom: 18px;
 	padding-left: 30px;
 }

 .pilot-header-title-row {
 	display: flex;
 	align-items: center;
 	margin-bottom: 13px;
 }

 .pilot-title-accent-bar {
 	width: 7px;
 	height: 33px;
 	border-radius: 12px;
 	background: rgba(0, 91, 159, 1);
 	margin-right: 20px;
 	flex-shrink: 0;
 }

 .pilot-section-main-headline {
 	color: rgba(15, 23, 42, 1);
 	font-family: "SimSun";
 	font-weight: 700;
 	font-size: 30px;
 	line-height: 30px;
 }

 .pilot-section-description {
 	color: rgba(100, 116, 139, 1);
 	font-family: 'CN-Bold';
 	font-weight: 600;
 	font-size: 16px;
 	line-height: 22px;
 	max-width: 64.3%;
 }


 .pilot-content-wrapper {
 	display: flex;
 	gap: 25px;
 	width: 100%;
 }


 .pilot-map-display-area {
 	width: 67.3%;
 	background-color: rgba(255, 255, 255, 1);
 	border-radius: 12px;
 	box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.05);
 	padding: 20px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 }

 .pilot-world-map-img {
 	width: 100%;
 	height: auto;
 	display: block;
 }


 .pilot-detail-info-card {
 	width: 32.7%;
 	padding: 30px;
 	border-radius: 12px;
 	background: rgba(255, 255, 255, 1);
 	box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.05);
 }


 .pilot-detail-card-header {
 	display: flex;
 	align-items: center;
 	margin-bottom: 24px;
 }

 .pilot-detail-card-icon {
 	width: 24px;
 	height: 24px;
 	margin-right: 10px;
 	object-fit: contain;
 }

 .pilot-detail-card-title {
 	color: rgba(15, 23, 42, 1);
 	font-family: "SimSun";
 	font-weight: 700;
 	font-size: 20px;
 	line-height: 20px;
 }


 .pilot-meta-info-list {
 	margin-bottom: 24px;
 }

 .pilot-meta-info-item {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	margin-bottom: 10px;
 }

 .pilot-meta-label-wrapper {
 	display: flex;
 	align-items: center;
 }

 .pilot-meta-icon {
 	width: 16px;
 	height: 16px;
 	margin-right: 10px;
 	object-fit: contain;
 }

 .pilot-meta-label-text {
 	color: #64748b;
 	font-family: 'CN-Regular';
 	font-weight: 400;
 	font-size: 14px;
 	line-height: 20px;
 }

 .pilot-meta-value-text {
 	color: #64748b;
 	font-family: 'CN-Regular';
 	font-weight: 400;
 	font-size: 14px;
 	line-height: 20px;
 	text-align: right;
 }


 .pilot-operation-steps-section {
 	margin-bottom: 24px;
 }

 .pilot-subsection-header {
 	display: flex;
 	align-items: center;
 	margin-bottom: 16px;
 }

 .pilot-subsection-icon {
 	width: 24px;
 	height: 24px;
 	margin-right: 10px;
 	object-fit: contain;
 }

 .pilot-subsection-title {
 	color: #0f172a;
 	font-family: "SimSun";
 	font-weight: 700;
 	font-size: 20px;
 	line-height: 20px;
 }

 .pilot-steps-list {
 	list-style: none;
 	padding-left: 0px;
 }

 .pilot-step-item {
 	position: relative;
 	padding-left: 30px;
 	margin-bottom: 10px;
 	color: #64748b;
 	font-family: 'CN-Regular';
 	font-weight: 400;
 	font-size: 14px;
 	line-height: 20px;
 }

 .pilot-step-item::before {
 	content: '';
 	position: absolute;
 	left: 7px;
 	top: 6px;
 	width: 9px;
 	height: 9px;
 	background-color: #ccc;
 	border-radius: 50%;
 }


 .pilot-conclusion-section {
 	margin-bottom: 28px;
 }

 .pilot-conclusion-list {
 	list-style: none;
 	padding-left: 0px;
 }

 .pilot-conclusion-item {
 	position: relative;
 	padding-left: 30px;
 	margin-bottom: 10px;
 	color: #64748b;
 	font-family: 'CN-Regular';
 	font-weight: 400;
 	font-size: 14px;
 	line-height: 20px;
 }

 .pilot-conclusion-item::before {
 	content: '';
 	position: absolute;
 	left: 7px;
 	top: 6px;
 	width: 9px;
 	height: 9px;
 	background-color: #ccc;
 	border-radius: 50%;
 }


 .pilot-download-report-btn {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	padding: 14px 20px;
 	background-color: #0072c7;
 	color: #fff;
 	border-radius: 6px;
 	text-decoration: none;
 	transition: background-color 0.2s;
 	font-family: 'Inter_400Regular';
 	font-weight: 400;
 	font-size: 14px;
 	line-height: 17px;
 }

 .pilot-download-report-btn:hover {
 	background-color: #1557b0;
 }

 .pilot-download-icon {
 	width: 24px;
 	height: 24px;
 	margin-right: 15px;
 	object-fit: contain;
 }

 .main-content-wrapper {
 	width: 1360px;
 	margin: 0 auto;
 	padding-top: 15px;
 }



 .search-module {
 	display: flex;
 	align-items: center;

 	justify-content: space-between;

 	padding: 15px;

 	height: 80px;
 	background-color: #fff;
 	border-radius: 12px;
 	margin-bottom: 12px;
 	box-shadow: 0px 4px 12px #0000000d;

 }

 .search-item {
 	height: 50px;
 	margin-right: 10px;

 	position: relative;

 	border-radius: 6px;
 	box-sizing: border-box;

 }

 .search-item:last-of-type {
 	margin-right: 10px;
 }

 .search-item input::placeholder {
 	color: #9fafc4;
 	font-family: 'CN-Medium';
 	font-weight: 500;
 	font-size: 16px;
 	line-height: 22px;
 }

 .search-item input {
 	width: 100%;
 	height: 100%;
 	padding-left: 48px;

 	border: 1px solid #e2e8f0;
 	background: #f8fafc;
 	border-radius: 4px;
 	outline: none;
 	color: #9fafc4;
 	font-family: 'CN-Medium';
 	font-weight: 500;
 	font-size: 16px;
 	line-height: 22px;
 }

 .search-item.input-keyword {
 	width: 36.9%;

 }


 .search-item.input-author {
 	width: 23.95%;
 }



 .search-item.select-year {
 	width: 23.95%;
 }

 .search-input-group input:focus {
 	border-color: #409eff;
 	background-color: #fff;
 }

 .search-item .input-icon {
 	position: absolute;
 	left: 12px;
 	top: 50%;
 	transform: translateY(-50%);
 	width: 24px;
 	height: 24px;
 }


 .search-input-group.year-select input {
 	cursor: pointer;
 }

 .main-content-wrapper .search-btn img {
 	width: 16px;
 	height: 16px;
 }


 .search-btn {
 	width: 15.2%;
 	height: 50px;
 	border-radius: 6px;
 	background: #0072c7;

 	color: #fff;
 	border: none;
 	cursor: pointer;
 	font-size: 16px;
 	margin-right: 0;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	font-family: 'CN-Bold';
 	font-weight: 600;
 	font-size: 16px;
 	line-height: 22px;
 	letter-spacing: 5px;
 }


 .year-dropdown-list {
 	display: none;

 	position: absolute;
 	top: 55px;

 	left: 0;
 	width: 100%;
 	background-color: #fff;
 	border: 1px solid #dcdfe6;
 	border-radius: 4px;
 	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
 	z-index: 1000;

 	max-height: 250px;

 	overflow-y: auto;

 }


 .year-dropdown-list.active {
 	display: block;
 }


 .dropdown-item {
 	padding: 10px 15px;
 	cursor: pointer;
 	font-size: 14px;
 	color: #606266;
 	transition: background-color 0.2s;
 }


 .dropdown-item:hover {
 	background-color: #f5f7fa;
 	color: #409EFF;

 }

 .search-btn:hover {
 	background-color: #0055aa;
 }


 .filter-section {
 	display: flex;
 	flex-wrap: wrap;
 }

 .filter-tag {
 	width: 148px;
 	height: 36px;
 	text-align: center;
 	background-color: #ffffff;
 	color: #64748b;
 	font-family: 'CN-Medium';
 	font-weight: 500;
 	font-size: 16px;
 	line-height: 35px;
 	border-radius: 100px;
 	border: 1px solid #e2e8f0;
 	box-sizing: border-box;

 	margin-right: 15px;

 	margin-bottom: 13px;
 	cursor: pointer;
 	transition: all 0.3s;
 }

 .filter-tag.active {
 	background-color: #005b9f;
 	color: #fff;
 }

 .filter-tag:hover {
 	background-color: #005b9f;
 	color: #fff;
 }


 .article-list {
 	display: flex;
 	flex-direction: column;
 	gap: 15px;

 }

 .article-card {
 	background-color: #fff;
 	padding: 20px 24px;
 	border-radius: 12px;
 	box-shadow: 0px 4px 12px #0000000d;
 	display: flex;
 	align-items: center;
 }

 .article-info {
 	width: 88%;
 }

 .article-title {
 	margin-bottom: 11px;
 	color: #0f172a;
 	font-family: 'CN-Bold';
 	font-weight: 600;
 	font-size: 20px;
 	line-height: 28px;
 }

 .article-meta {
 	font-size: 13px;
 	color: #666;
 	margin-bottom: 10px;
 	display: flex;
 	align-items: center;
 }

 .meta-author {
 	display: flex;
 	align-items: center;
 	margin-right: 50px;
 	color: #64748b;
 	font-family: 'CN-Medium';
 	font-weight: 500;
 	font-size: 14px;
 	line-height: 20px;
 }


 .icon-author {
 	width: 18px;
 	height: 18px;
 	margin-right: 8px;
 }

 .icon-author img {
 	width: 18px;
 	height: 18px;
 }


 .icon-source {
 	width: 18px;
 	height: 18px;
 	margin-right: 6px;
 }

 .icon-source img {
 	width: 18px;
 	height: 18px;
 }

 .article-desc {
 	display: -webkit-box;
 	-webkit-line-clamp: 3;
 	-webkit-box-orient: vertical;
 	overflow: hidden;
 	color: #64748b;
 	font-family: 'CN-Regular';
 	font-weight: 400;
 	font-size: 16px;
 	line-height: 22px;
 }

 .article-action {
 	width: 12%;
 	display: flex;
 	justify-content: flex-end;
 	align-items: center;
 	margin-right: 43px;
 }

 .download-link {
 	display: flex;
 	align-items: center;
 	text-decoration: none;
 	cursor: pointer;
 	color: #0072c7;
 	font-family: 'CN-Bold';
 	font-weight: 600;
 	font-size: 14px;
 	line-height: 20px;
 }


 .icon-download img {
 	width: 24px;
 	height: 24px;
 	align-items: center;
 	display: flex;
 }

 .icon-download img {
 	width: 24px;
 	height: 24px;
 	margin-right: 7px;
 }


 .pagination-section {
 	margin-top: 30px;
 	display: flex;
 	justify-content: flex-end;

 	align-items: center;
 }

 .total-count {
 	margin-right: 23px;
 	color: #64748b;
 	font-family: 'CN-Medium';
 	font-weight: 500;
 	font-size: 16px;
 	line-height: 22px;
 }

 .pagination-controls {
 	display: flex;
 }

 .page-item {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	background-color: #fff;
 	margin-left: 5px;
 	cursor: pointer;
 	color: #333;
 	border: 1px solid #e0e0e0;
 	transition: all 0.2s;
 	border-radius: 6px;
 	font-family: 'CN-Bold';
 	font-weight: 600;
 	font-size: 16px;
 	line-height: 22px;
 }

 .page-item.prev-next {
 	width: 90px;

 }

 .page-item:hover {
 	background-color: #f0f0f0;
 	color: #0072c7;
 }

 .page-item.active {
 	background-color: #0072c7;
 	color: #fff;
 	border-color: #0072c7;
 }


 .page-item.disabled {
 	cursor: not-allowed;
 	border-radius: 6px;
 	background: #ffffff;
 	box-shadow: 0px 4px 12px #0000000d;
 	color: #9fafc4;
 	font-family: 'CN-Bold';
 	font-weight: 600;
 	font-size: 16px;
 	line-height: 22px;
 }

 .mb-4,
 .my-4 {
 	margin-bottom: 10px !important;
 	margin-top: 10px !important;
 }

 .justify-content-center {
 	-ms-flex-pack: center !important;
 	justify-content: center !important;
 }

 .pagination {
 	display: -ms-flexbox;
 	display: flex;
 	padding-left: 0;
 	list-style: none;
 	border-radius: .25rem;
 }

 .page-link:not(:disabled):not(.disabled) {
 	cursor: pointer;
 }

 .page-num {
 	width: 50px;
 	height: 50px;
 	position: relative;
 	padding: 10px 10px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	color: #333;
 	background-color: #fff;
 	border: 1px solid #dee2e6;
 	text-align: center;
 	transition: all 0.2s;
 	border-radius: 6px;
 	font-family: 'CN-Bold';
 	font-weight: 600;
 	font-size: 16px;
 	line-height: 22px;
 	margin-left: 5px;
 }

 .page-num:hover {
 	background-color: #f0f0f0;
 	color: #0072c7;
 }

 .page-link {
 	width: 90px;
 	position: relative;
 	padding: 10px 10px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	color: #333;
 	background-color: #fff;
 	border: 1px solid #dee2e6;
 	text-align: center;
 	transition: all 0.2s;
 	border-radius: 6px;
 	font-family: 'CN-Bold';
 	font-weight: 600;
 	font-size: 16px;
 	line-height: 22px;
 }

 .page-num:not(:disabled) {
 	cursor: pointer;
 }

 .page-num-current {
 	z-index: 1;
 	color: #fff;
 	background-color: #0072c7;
 	border-color: #0072c7;
 }