.searchBox {
	/**/
	width: 100%;
	background: url('../images/tech-pattern.svg') no-repeat center center;
	background-size: cover;
	height: 260px;
	margin-top: 59px;
}

.search2022 {
	/**/
	height: 318px;
	/* border-radius: 2px; */
	/* width: 950px; */
	/* margin: 87px auto 0; */
	/* display: block; */
	border: 0;
	/* position: relative; */
	z-index: 2;
	padding-top: 6px;
}

	.search2022:after {
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
		clear: both;
	}

	.search2022 a {
		display: block;
		float: left;
		width: 105px;
		background: #00578f;
		height: 42px;
		font-size: 18px;
		color: #ffffff;
		line-height: 42px;
		text-align: center;
		border-left: 0;
		border-radius: 5px;
	}

		.search2022 a:hover {
			background: #007acb;
		}

	.search2022 input {
		width: 825px;
		height: 46px;
		background: #ffffff;
		border: 0;
		outline: 0;
		font-size: 17px;
		/* padding-left: 150px; */
		float: left;
		display: block;
		/* border: 2px solid #00578f; */
		border-right: 0;
	}

.search2025-tab-box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	background: none;
	border: none;
	box-shadow: none;
	padding: 0 0 18px 0;
	margin-bottom: 0;
	width: 100%;
	max-width: 950px;
	margin-left: auto;
	margin-right: auto;
}

.search2025-box {
	border: 2px solid #00578f;
	display: flex;
	align-items: center;
	border-radius: 5px;
	position: relative;
	width: 950px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}

.search2025-form {
	width: 100%;
}

.search2025-select-group {
	display: flex;
	align-items: center;
	width: 100%;
	gap: 0;
	position: relative;
}

.search2025-dropdown {
	position: relative;
	z-index: 11;
	width: 140px;
	min-width: 120px;
	margin-right: -1px; /* 与输入框无缝衔接 */
}

.search2025-dropdown-selected {
	background: #fff;
	/* border: 1px solid #dbeafe; */
	/* border-radius: 8px 0 0 8px; */
	padding: 10px 36px 10px 16px;
	cursor: pointer;
	font-weight: 500;
	color: #2a3a5a;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-shadow: 0 2px 8px rgba(42,58,90,0.10);
	position: relative;
	font-size: 1rem;
	height: 48px;
	transition: box-shadow 0.2s, border-color 0.2s;
}

	.search2025-dropdown-selected.active,
	.search2025-dropdown-selected:hover {
	}

.search2025-dropdown-icon {
	margin-left: 8px;
	display: flex;
	align-items: center;
}

.search2025-dropdown-list {
	position: absolute;
	left: 0;
	top: 110%;
	width: 100%;
	background: #fff;
	border: 1px solid #dbeafe;
	border-radius: 0 0 8px 8px;
	box-shadow: 0 4px 16px rgba(42,58,90,0.10);
	z-index: 20;
	display: none;
	max-height: 180px;
	overflow-y: auto;
	animation: fadeIn 0.2s;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(-8px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.search2025-dropdown-item {
	padding: 12px 16px;
	cursor: pointer;
	color: #2a3a5a;
	transition: background 0.15s;
	font-size: 1rem;
}

	.search2025-dropdown-item:hover {
		background: #e0e7ff;
		color: #1d2a4a;
	}

.search2025-input {
	flex: 1;
	/* min-width: 220px; */
	/* max-width: 420px; */
	padding: 10px 14px;
	border: 1px solid #dbeafe;
	border-radius: 0 8px 8px 0;
	font-size: 1rem;
	color: #2a3a5a;
	box-sizing: border-box;
	background: #fff;
	height: 44px;
	border-left: none;
	position: relative;
	z-index: 10;
	/* margin-right: 178px; */ /* 按钮间距更近 */
}

.search2025-btn {
	background: linear-gradient(90deg, #00578f 0%, #457a9c 100%);
	color: #fff;
	font-weight: 600;
	border: none;
	/* border-radius: 8px; */
	/* padding: 6px 38px; */
	font-size: 1.2em;
	cursor: pointer;
	box-shadow: 0 2px 8px rgba(42,58,90,0.06);
	transition: background 0.2s;
	text-decoration: none;
	/* margin-left: 84px; */
	height: 49px;
	width: 153px;
}

	.search2025-btn:hover {
		background: linear-gradient(90deg, #075e97 0%, #5087ab 100%);
	}

.search2025-tab {
	display: inline-block;
	min-width: 72px;
	padding: 0 18px;
	height: 32px;
	line-height: 32px;
	font-size: 15px;
	color: #43799b;
	background: #f4f8ff;
	border-radius: 16px;
	border: 1px solid #e0e7ef;
	margin: 0;
	cursor: pointer;
	transition: background 0.18s, color 0.18s, border-color 0.18s, box-shadow 0.18s;
	font-weight: 500;
	letter-spacing: 0.01em;
	box-shadow: 0 1px 4px rgba(79,140,255,0.04);
	position: relative;
}

	.search2025-tab.active {
		background: #3e769b;
		color: #fff;
		border-color: #40779b;
		font-weight: 700;
		box-shadow: 0 2px 8px rgba(79,140,255,0.10);
		z-index: 2;
	}

	.search2025-tab:hover:not(.active) {
		background: #e6f0ff;
		color: #07588b;
		border-color: #b6d2ff;
	}

	.search2025-tab:hover {
		background: #356787;
		color: #fff;
	}

.search2025-down {
	display: flex;
	position: absolute;
	left: 10px;
	/*width:200px;*/
	height: 50px;
	cursor: pointer;
}


.search2025-down-con {
	position: absolute;
	top: 50px;
	padding: 5px 0px;
	background: #fff;
	width: 150px;
	left: -10px;
}

.search2025-text {
	line-height: 50px;
}

.search2025-down-item {
	line-height: 1.5;
	padding: 5px 10px;
}

	.search2025-down-item:hover {
		background: #E9F3FA;
	}

.search-down-icon {
	background: url(../images/icon_5@2x.png) no-repeat right center;
	background-size: auto 5px;
	font-size: 13px;
	padding-right: 14px;
}

	.search-down-icon.down {
		background: url(../images/icon_5down@2x.png) no-repeat right center;
		background-size: auto 7px;
		font-size: 13px;
		padding-right: 14px;
	}
/* 搜索框外层容器 */
.search2025-input-wrapper {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
}

/* 搜索图标样式 */
.search2025-icon {
	position: absolute;
	left: 9px;
	width: 16px;
	height: 16px;
	pointer-events: none; /* 防止图标阻挡输入框点击 */
	z-index: 11;
}

/* 搜索输入框样式 */
.search2025-input {
	width: 100%;
	padding: 10px 14px 10px 30px; /* 为图标留出空间 */
	border: 1px solid #dbeafe;
	border-radius: 8px;
	font-size: 1rem;
	color: #2a3a5a;
	box-sizing: border-box;
	background: #fff;
	transition: border-color 0.2s, box-shadow 0.2s;
}

	/* 输入框聚焦时的样式 */
	.search2025-input:focus {
		border-color: #4f8cff;
		box-shadow: 0 0 4px rgba(79, 140, 255, 0.2);
		outline: none;
	}

body {
	background: #ffffff;
}

.company2022 {
	width: 1170px;
	margin: 0 auto;
	margin-top: 0px !important;
}

	.company2022:after {
		content: ".";
		display: block;
		/*height: 0;*/
		visibility: hidden;
		clear: both;
	}

.comp22Left {
	float: left;
	width: 160px;
	margin-right: 10px;
}

.comp22Right {
	float: left;
	width: 1000px;
}

.keyWords2022 {
	background: #ffffff;
	margin-bottom: 10px;
	padding: 16px 0 0;
}

	.keyWords2022 dl:after {
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
		clear: both;
	}

	.keyWords2022 dl {
		padding: 0 20px;
	}

		.keyWords2022 dl dt {
			float: left;
			width: 80px;
			font-size: 13px;
			line-height: 28px;
			color: #666666;
		}

		.keyWords2022 dl dd {
			float: left;
			width: 880px;
		}

			.keyWords2022 dl dd ul:after {
				content: ".";
				display: block;
				height: 0;
				visibility: hidden;
				clear: both;
			}

			.keyWords2022 dl dd ul li {
				float: left;
				display: inline-block;
				padding: 0 12px;
				background: #00578f;
				height: 28px;
				margin-bottom: 6px;
				border-radius: 28px;
				margin-right: 20px;
			}

				.keyWords2022 dl dd ul li a {
					display: block;
					background: url(../images/keydel@2x.png) no-repeat right center;
					background-size: auto 8px;
					font-size: 13px;
					color: #ffffff;
					padding-right: 20px;
					line-height: 28px;
				}


.firLeven {
	border: 1px solid #f4f4f5;
}

	.firLeven li {
		background: #ffffff;
		margin-bottom: 10px;
		padding: 6px 0;
	}

		.firLeven li a {
			display: block;
			padding-left: 10px;
			line-height: 28px;
			height: 28px;
		}

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

		.firLeven li a span {
			display: block;
			background: url(../images/icon_2@2x.png) no-repeat left center;
			background-size: auto 8px;
			font-size: 13px;
			padding-left: 12px;
			text-overflow: ellipsis;
			overflow: hidden;
			white-space: nowrap;
			word-wrap: normal;
			color: #666666;
		}

		.firLeven li.downR22 a span {
			background: url(../images/leftarrow.png) no-repeat left center;
			background-size: auto 5px;
			color: #00578f;
		}

.secLeven {
	margin-left: 22px;
}

	.secLeven ol li {
		margin-bottom: 0;
		line-height: 28px;
		padding: 0;
	}

		.secLeven ol li a {
			display: block;
			/* background: url(../images/icon_2@2x.png) no-repeat left center; */
			background-size: auto 8px;
			background-size: auto 8px;
			font-size: 13px;
			padding-left: 12px;
			text-overflow: ellipsis;
			overflow: hidden;
			white-space: nowrap;
			word-wrap: normal;
			color: #666666;
		}

		.secLeven ol li.downR22 a {
			/* background: url(../images/leftarrow.png) no-repeat left center; */
			background-size: auto 5px;
			color: #00578f;
		}

.threeLeven {
	margin-left: 26px;
}

.secLeven ol li .threeLeven ol li a {
	background: none;
	color: #666;
	padding-left: 0;
}

.secLeven ol li.downR22 .threeLeven ol li a:hover, .secLeven ol li.downR22 .threeLeven ol li.downR22 a {
	color: #00578f;
}

/*缂佹鍏涚粩瀵哥棯閿燂拷*/
.infinitLeven {
	border: 1px solid #f4f4f5;
}

	.infinitLeven li {
		background: #ffffff;
		margin-bottom: 10px;
		padding: 6px 0;
	}

		.infinitLeven li a {
			display: block;
			padding-left: 10px;
			line-height: 28px;
			height: 28px;
		}

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

		.infinitLeven li a span {
			display: block;
			background: url(../images/icon_2@2x.png) no-repeat left center;
			background-size: auto 8px;
			font-size: 13px;
			padding-left: 12px;
			text-overflow: ellipsis;
			overflow: hidden;
			white-space: nowrap;
			word-wrap: normal;
		}

		.infinitLeven li.downR22 a.cur22 span {
			background: url(../images/leftarrow.png) no-repeat left center;
			background-size: auto 5px;
			color: #00578f;
		}

		.infinitLeven li.downR22 a.cur23 span {
			background: url(../images/icon_5@2x.png) no-repeat left center;
			background-size: auto 5px;
		}

		.infinitLeven li.downR22 a.cur221 span {
			background: url(../images/icon_5@2x.png) no-repeat left center;
			background-size: auto 5px;
		}

	.infinitLeven ol li {
		margin-left: 22px;
		margin-bottom: 0;
		line-height: 28px;
		padding: 0;
	}

		.infinitLeven ol li a {
			display: block;
			background: url(../images/icon_2@2x.png) no-repeat left center;
			background-size: auto 8px;
			background-size: auto 8px;
			font-size: 13px;
			padding-left: 12px;
			text-overflow: ellipsis;
			overflow: hidden;
			white-space: nowrap;
			word-wrap: normal;
		}

		.infinitLeven ol li.downR22 a {
			background: url(../images/icon_2@2x.png) no-repeat left center;
			background-size: auto 8px;
		}

			.infinitLeven ol li.downR22 a.cur22 {
				color: #00578f;
				background: url(../images/leftarrow.png) no-repeat left center;
				background-size: auto 5px;
				color: #00578f;
			}

			.infinitLeven ol li.downR22 a.cur221 {
				background: url(../images/icon_5@2x.png) no-repeat left center;
				background-size: auto 5px;
			}

		.infinitLeven ol li.lastLeven a {
			background: none !important;
			color: #666;
			padding-left: 14px;
		}

			.infinitLeven ol li.lastLeven a.cur22 {
				color: #00578f;
			}

			.infinitLeven ol li.lastLeven a.cur221 {
			}

.spreadout {
	position: relative;
}

.grayLayer22 {
	background: linear-gradient(#f3f2f2, #ffffff);
	height: 8px;
	position: absolute;
	width: 158px;
	top: 0;
	left: 0;
	z-index: 8;
}

.firLeven .grayLayer22 {
	display: none;
}

.spreadout .grayLayer22 {
	display: block;
}

.sroll22 a {
	display: block;
	position: absolute;
	right: 0px;
	top: 10px;
	width: 4px;
	height: 160px;
	border-radius: 4px;
	background: #e3e3e3;
}

/*閼句粙顣柍銉ャ偨閳规儳浜鹃柍銉嫹*/
.topcondition {
	background: #ffffff;
	height: 40px;
}

	.topcondition:after {
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
		clear: both;
	}

.topConLeft {
	float: left;
	width: 690px;
}

.topConRight {
	float: left;
	width: 172px;
	margin-top: 5px;
	margin-left: 30px;
}

.topConLeft ul:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.topConLeft ul li {
	float: left;
	position: relative;
	margin: 10px 46px 0 0;
	line-height: 20px;
	font-size: 13px;
}

	.topConLeft ul li:first-child {
		margin-left: 20px;
	}

	.topConLeft ul li:last-child {
		margin-right: 0;
	}

	.topConLeft ul li a {
		color: #666;
	}

		.topConLeft ul li a.glupA {
			background: url(../images/icon_5@2x.png) no-repeat right center;
			background-size: auto 5px;
			font-size: 13px;
			padding-right: 14px;
		}

		.topConLeft ul li a.gldownA {
			background: url(../images/icon_5down@2x.png) no-repeat right center;
			background-size: auto 7px;
			font-size: 13px;
			padding-right: 14px;
		}

.topConRight a {
	display: block;
	width: 50px;
	height: 30px;
	background: #00578F;
	font-size: 12px;
	text-align: center;
	color: #ffffff;
	line-height: 30px;
	float: right;
}

.topConRight input {
	width: 110px;
	border: 1px solid #00578F;
	height: 28px;
	font-size: 12px;
	padding-left: 10px;
	outline: 0;
}

/*韫囨瑩鍨鹃幍鍐蹭壕濮樻捁澧弧鎾寸毘閼规瑦骞婂鎾瑰濞肩偞鐨宠ぐ鏇㈢畭濮樻挸宕甸柍銉嫹2閼捐姤缍栭幖锟�*/
.glLayerTwo {
	width: 325px;
	height: 270px;
	background: #FFFFFF;
	box-shadow: 0px 1px 4px 0px rgba(195, 195, 195, 0.5);
	position: absolute;
	top: 30px;
	left: -19px;
}

.glTwoBox:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.glTwoLeft {
	float: left;
	width: 100px;
	height: 200px;
	background: #ffffff;
	padding-top: 10px;
}

.glTwoRight {
	float: left;
	width: 225px;
	padding-top: 10px;
}

.glTwoLeft ol {
	height: 200px;
	overflow-y: scroll;
}

	.glTwoLeft ol::-webkit-scrollbar {
		width: 6px;
		height: 6px;
	}

	.glTwoLeft ol::-webkit-scrollbar-thumb {
		background: #D8D8D8;
		border-radius: 3px;
	}

	.glTwoLeft ol::-webkit-scrollbar-track {
		background: #F7F7F7;
	}

.topConLeft ul li .glTwoLeft ol li {
	float: none;
	margin: 0;
}

	.topConLeft ul li .glTwoLeft ol li:first, .topConLeft ul li .glTwoLeft ol li:last-child {
		margin: 0;
	}

	.topConLeft ul li .glTwoLeft ol li a {
		display: block;
		height: 40px;
		font-size: 13px;
		line-height: 40px;
		color: #666666;
		padding-left: 14px;
	}

		.topConLeft ul li .glTwoLeft ol li a.twoLeftCur, .topConLeft ul li .glTwoLeft ol li a:hover {
			color: #00578F !important;
			background: rgba(229,240,255,0.7);
		}

.glTwoRight ol {
	height: 200px;
	overflow-y: scroll;
}

	.glTwoRight ol::-webkit-scrollbar {
		width: 6px;
		height: 6px;
	}

	.glTwoRight ol::-webkit-scrollbar-thumb {
		background: #D8D8D8;
		border-radius: 3px;
	}

	.glTwoRight ol::-webkit-scrollbar-track {
		background: #ffffff;
	}

.topConLeft ul li .glTwoRight ol li {
	float: none;
	margin: 0;
}

	.topConLeft ul li .glTwoRight ol li a {
		display: block;
		height: 40px;
		font-size: 14px;
		line-height: 40px;
		color: #666666;
		padding-left: 40px;
	}

		.topConLeft ul li .glTwoRight ol li a.twoRightCur, .glTwoRight ol li a:hover {
			color: #00578F !important;
			background: rgba(229,240,255,0.7);
		}

.glblueBut a {
	display: block;
	width: 147px;
	height: 32px;
	background: #00578F;
	border-radius: 32px;
	font-size: 13px;
	line-height: 32px;
	color: #ffffff;
	text-align: center;
	margin: 15px auto 10px;
}


.glLayerOne {
	background: #FFFFFF;
	box-shadow: 0px 1px 4px 0px rgba(195, 195, 195, 0.5);
	position: absolute;
	top: 30px;
	left: 0;
	width: 180px;
	padding: 5px 0;
	z-index: 100;
}

	.glLayerOne ol {
		max-height: 250px;
		overflow-y: scroll;
	}

		.glLayerOne ol::-webkit-scrollbar {
			width: 6px;
			height: 6px;
		}

		.glLayerOne ol::-webkit-scrollbar-thumb {
			background: #D8D8D8;
			border-radius: 3px;
		}

		.glLayerOne ol::-webkit-scrollbar-track {
			background: #ffffff;
		}

.topConLeft ul li .glLayerOne ol li {
	float: none;
	margin: 0;
}

	.topConLeft ul li .glLayerOne ol li a {
		display: block;
		height: 40px;
		font-size: 13px;
		line-height: 40px;
		color: #666666;
		padding: 0 15px;
	}

		.topConLeft ul li .glLayerOne ol li a.oneLayCur, .topConLeft ul li .glLayerOne ol li a:hover {
			color: #00578F !important;
			background: rgba(229,240,255,0.7);
		}

/*濮樻挸缍嶆ィ鎸庣毘閸椼倝鍨鹃敓锟�3閼捐姤缍栭幖锟�*/
.glLayerThree {
	background: #FFFFFF;
	box-shadow: 0px 1px 4px 0px rgba(195, 195, 195, 0.5);
	position: absolute;
	top: 30px;
	left: -230px;
	width: 510px;
	padding-bottom: 15px;
}

.glThreeBox:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.glThLeft {
	float: left;
	width: 170px;
	background: #F7F7F7;
}

.glThMiddle {
	float: left;
	width: 170px;
}

.glThRight {
	float: left;
	width: 170px;
}

.glThLeft ol {
	max-height: 290px;
	overflow-y: scroll;
}

	.glThLeft ol::-webkit-scrollbar {
		width: 6px;
		height: 6px;
	}

	.glThLeft ol::-webkit-scrollbar-thumb {
		background: #D8D8D8;
		border-radius: 3px;
	}

	.glThLeft ol::-webkit-scrollbar-track {
		background: #ffffff;
	}

.topConLeft ul li .glThLeft ol li {
	float: none;
	margin: 0;
}

	.topConLeft ul li .glThLeft ol li a {
		display: block;
		font-size: 13px;
		line-height: 20px;
		color: #666666;
		padding-left: 14px;
		padding: 10px 0 10px 14px;
	}

		.topConLeft ul li .glThLeft ol li a.threeLeftCur, .glTitle dl dd ul li .glThLeft ol li a:hover {
			background: #ffffff;
			color: #00578F;
		}

.glThRight ol, .glThMiddle ol {
	max-height: 290px;
	overflow-y: scroll;
}

	.glThRight ol::-webkit-scrollbar, .glThMiddle ol::-webkit-scrollbar {
		width: 6px;
		height: 6px;
	}

	.glThRight ol::-webkit-scrollbar-thumb, .glThMiddle ol::-webkit-scrollbar-thumb {
		background: #D8D8D8;
		border-radius: 3px;
	}

	.glThRight ol::-webkit-scrollbar-track, .glThMiddle ol::-webkit-scrollbar-track {
		background: #ffffff;
	}

.topConLeft ul li .glThRight ol li, .topConLeft ul li .glThMiddle ol li {
	float: none;
	margin: 0;
}

	.topConLeft ul li .glThRight ol li a, .topConLeft ul li .glThMiddle ol li a {
		display: block;
		font-size: 13px;
		line-height: 20px;
		color: #666666;
		padding-left: 14px;
		padding: 10px 0 10px 14px;
	}

		.topConLeft ul li .glThRight ol li a.threeLeftCur, .topConLeft ul li .glThRight ol li a:hover, .topConLeft ul li .glThMiddle ol li a.threeLeftCur, .topConLeft ul li .glThMiddle ol li a:hover {
			background: #ffffff;
			color: #00578F;
		}

/*韫囨瑩顣幏銏犵箹闁炽儲鎸撮埀顒婃嫹*/
.bodyCond {
	margin-top: 10px;
}

	.bodyCond:after {
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
		clear: both;
	}

.bodyCondLeft {
	float: left;
	width: 710px;
	margin-right: 10px;
}

.bodyCondRight {
	float: left;
	width: 280px;
	background: #fff;
	padding-left: 18px;
	padding-top: 7px;
}

.recommend-ul h3 {
	font-weight: 600;
	font-size: 16px;
	width: 245px;
}

.activity-list-con-left-text h3 {
	font-weight: 600;
	font-size: 14px;
}

.bodyCondLeft dl {
	padding: 20px 18px 21px;
	margin-bottom: 10px;
	background: #ffffff;
}

	.bodyCondLeft dl:hover {
		box-shadow: 0 0 8px 1px #e4e5e6;
		background: #f2f8fe;
	}

	.bodyCondLeft dl:after {
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
		clear: both;
	}

	.bodyCondLeft dl dt {
		float: left;
		width: 582px;
		margin-right: 10px;
	}

	.bodyCondLeft dl dd {
		float: left;
		width: 82px;
		margin-top: 10px;
	}

.ph80 {
	width: 80px;
	height: 80px;
	border: 1px solid #EBEBEB;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	background-color: #fff
}

	.ph80 a img {
		width: 100%;
	}

.recorded22 {
	float: left;
	margin: 3px 8px 4px 0;
	width: auto;
	height: 18px;
	background: linear-gradient(315deg, #FFC468 0%, #FF993F 100%);
	border-radius: 2px;
	padding: 0 4px;
	display: block;
}

	.recorded22:after {
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
		clear: both;
	}

	.recorded22 span {
		float: left;
		height: 16px;
		margin-top: 1px;
		margin-right: 0;
	}

		.recorded22 span img {
			width: auto;
			height: 16px;
			display: block;
		}

	.recorded22 b {
		display: block;
		font-size: 12px;
		color: #ffffff;
		float: left;
		line-height: 17px;
		height: 18px;
		margin-right: 0;
		font-weight: normal;
	}

.bodyCondLeft dl dt p {
	font-size: 12px;
	line-height: 17px;
	color: #999999;
	display: block;
	margin-top: 8px;
	padding-bottom: 5px;
}

	.bodyCondLeft dl dt p span {
		margin-right: 40px;
		color: #666;
	}

		.bodyCondLeft dl dt p span a {
			color: #666;
		}

	.bodyCondLeft dl dt p.bltxt {
		color: #666666;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		word-wrap: normal;
		margin-top: 5px;
		padding-bottom: 0;
	}

		.bodyCondLeft dl dt p.bltxt strong {
			color: #00578F;
			font-weight: normal;
		}

/*閻╁弶缍栭幖鍌涚毘闁炽儲绨╂导钄芥祴鍩涢崰鈧划闁款垪鍋撻敓锟�*/
.case22 {
	background: #ffffff;
	padding: 14px 18px 14px;
	margin-bottom: 10px;
}

.riTitle22 a {
	float: right;
	font-size: 12px;
	color: #999999;
	line-height: 22px;
}

.riTitle22 span {
	display: block;
	background: url(../images/newsupply/rightblueline.png) no-repeat left center;
	font-size: 15px;
	line-height: 22px;
	color: #333333;
	padding-left: 10px;
}

.caseImg {
	width: 244px;
	height: 134px;
	margin: 10px auto 0;
}

	.caseImg img {
		display: block;
		width: auto;
		height: 194px;
		margin: 0 auto;
		max-width: 100%;
	}

.case22 p {
	margin-top: 10px;
	font-size: 12px;
	line-height: 19px;
	color: #333;
}

	.case22 p a {
		color: #00578F;
	}

.case22 ul:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.case22 ul {
	margin-top: 18px;
}

	.case22 ul li {
		float: left;
		width: 72px;
		margin-right: 14px;
	}

		.case22 ul li a {
			width: 72px;
			height: 25px;
			background: #E6F4FF;
			border-radius: 2px;
			color: #00578F;
			font-size: 13px;
			line-height: 25px;
			text-align: center;
			display: block;
		}

		.case22 ul li:last-child {
			margin-right: 0;
		}

/*閻╁弶缍栭幖鍌涚毘闁炽儲绨╂导钄借鑵归埀顒侇嚔椤⿴鐏橀敓锟�*/
.pro22 {
	background: #ffffff;
	padding: 14px 18px 14px;
	margin-bottom: 10px;
}

.proImg22 {
	width: 244px;
	margin: 15px auto 0;
}

	.proImg22 img {
		display: block;
		width: 100%;
	}

/*閻╁弶缍栭幖鍌涚毘闁炽儲绨╂导鎲嬫嫹 闁炽儲绶疯敋閻樺拑鎷�*/
.resRep22 {
	background: #ffffff;
	padding: 14px 18px 14px;
	margin-bottom: 10px;
}

	.resRep22 ul {
		margin-top: 5px;
	}

		.resRep22 ul li a {
			display: block;
			background: url(../images/adsupply/icon_down@2x.png) no-repeat right center;
			background-size: auto 8px;
			font-size: 12px;
			line-height: 18px;
			text-overflow: ellipsis;
			overflow: hidden;
			white-space: nowrap;
			word-wrap: normal;
			margin-top: 10px;
			height: 18px;
			padding-right: 15px;
			color: #666;
		}

/*閼句粙鍨剧悰鈾€鍋撻幘浣典划缁洍鍋撻幘浣靛劗閳ь剛濮埀顑╃偨鍎岃箛濞惧亾閿燂拷*/
.reference22 {
	background: #ffffff;
	padding: 14px 0 5px;
	margin-bottom: 10px;
}

	.reference22 .riTitle22 {
		padding: 0 18px;
	}

.refBox22 {
}

	.refBox22 ul {
		margin-top: 15px;
		margin-left: 3px;
	}

		.refBox22 ul:after {
			content: ".";
			display: block;
			height: 0;
			visibility: hidden;
			clear: both;
		}

		.refBox22 ul li {
			float: left;
			width: 115px;
			height: 155px;
			border-radius: 2px;
			margin-left: 15px;
			margin-bottom: 15px;
		}

			.refBox22 ul li img {
				display: block;
				width: 100%;
			}

/*閻╁弶缍栭幖鍌涚毘闁炽儲绨╂导槌栫仒閸″繆鍋撻悩鍠测偓閳ь剚顕＄拠銉ｅ劗閳ь剟鍎╅敓锟�*/
.proBoom:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.proBoomLeft {
	float: left;
	width: 160px;
	margin: 20px 10px 0 0;
	background: #ffffff;
	height: 45px;
	overflow: hidden;
	padding-top: 5px;
}

.proBoomRight {
	float: left;
	width: 1000px;
}

.proBoomLeft span {
	display: block;
	background: url(../images/adsupply/texstbg.png) no-repeat bottom center;
	background-size: auto 2px;
	height: 45px;
	font-size: 14px;
	line-height: 19px;
	text-align: center;
	color: #00578f;
}

.proBoomRight .search2022 {
	width: 996px;
}

	.proBoomRight .search2022 input {
		width: 876px;
	}

.container {
	height: calc(100vh - 130px);
	overflow-x: hidden;
	overflow-y: auto;
}

.mCSB_container {
	margin-right: 0px;
}

.red {
	color: red;
}

.comp22Left ::-webkit-scrollbar {
	width: 0px;
	height: 6px;
}

.comp22Left ::-webkit-scrollbar-thumb {
	background: #848484;
	border-radius: 3px;
}

.comp22Left ::-webkit-scrollbar-track {
	background: #dadada;
}

.comp22Left:hover ::-webkit-scrollbar {
	width: 4px
}

/*闁轰胶顥愬┃鍛娴ｉ鐟归幖杈炬嫹*/
.numb22 {
	background: #ffffff;
	padding-bottom: 7px;
}

	.numb22 ul:after {
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
		clear: both;
	}

	.numb22 ul {
		margin-left: 2px;
	}

		.numb22 ul li {
			float: left;
			width: 18px;
			height: 18px;
			margin-left: 6px;
			margin-top: 7px;
		}

			.numb22 ul li a {
				display: block;
				font-size: 12px;
				line-height: 17px;
				text-align: center;
				font-weight: normal;
				border: 1px solid #e1e1e1;
			}

				.numb22 ul li a:hover {
					color: #00578f;
				}

			.numb22 ul li.unclick a {
				background: #f2f2f2;
				color: #999999;
			}

			.numb22 ul li.onCur22 a {
				background: #00578f;
				color: #ffffff;
				border: 1px solid #00578f;
			}

.numbList {
	margin-top: 10px;
	background: #ffffff;
	/*height:calc(100vh - 166px);overflow-y:scroll;*/
}

	.numbList dl dt {
		background: #f9f9f9;
		height: 30px;
		border-bottom: 1px solid #f4f4f5;
		font-size: 14px;
		line-height: 30px;
		color: #00578f;
		padding-left: 10px;
	}

	.numbList dl dd {
		background: #ffffff;
		padding: 6px 0;
	}

		.numbList dl dd a {
			font-size: 13px;
			padding-left: 10px;
			line-height: 26px;
			display: block;
		}

.bodyCondLeft dl dt p.fullCar span {
	margin-right: 25px;
}

.saleInfo22 {
	margin-top: 18px;
}

	.saleInfo22 table {
		font-size: 12px;
		line-height: 28px;
		font-weight: normal;
		color: #333;
		text-align: center;
		color: #666;
	}

		.saleInfo22 table tr th {
			background: #e7e7e7;
			height: 28px;
			font-size: 12px;
			line-height: 28px;
			font-weight: normal;
			color: #333;
		}

		.saleInfo22 table tr:nth-child(odd) td {
			background: #f7f7f7;
		}

.layout22 {
	width: 244px;
	height: 163px;
	margin: 15px auto 10px;
}

	.layout22 a img {
		display: block;
		width: 100%;
	}

.saleInfo22 table tr td:first-child {
	color: #f60;
	font-weight: normal;
}

.probasic {
	font-size: 12px;
	line-height: 18px;
	color: #999999;
	margin-top: 6px;
	padding-bottom: 2px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	word-wrap: normal
}

	.probasic span {
		color: #FF0000;
	}

.condInfo:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.condInfo {
	line-height: 25px;
	word-wrap: break-word;
	display: inline-flex;
	word-break: normal;
}

	.condInfo a.comName22 {
		float: left;
		font-size: 17px;
		font-weight: bold;
		line-height: 25px;
		margin-right: 8px;
		max-width: 525px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		word-wrap: normal;
		color: #333333;
	}

	.condInfo em.verti22 {
		float: left;
		background: url(../images/adsupply/contacts.gif) no-repeat left center;
		background-size: 14px 14px;
		width: 14px;
		height: 14px;
		display: block;
		margin: 5px 8px 6px 0;
	}

	.condInfo em.nature0122 {
		float: left;
		display: block;
		background: url(../images/adsupply/data_company_icon_type4@2x.png) no-repeat left center;
		background-size: 52px 18px;
		width: 52px;
		height: 18px;
		margin: 3px 8px 4px 0;
	}

	.condInfo em.nature0222 {
		float: left;
		display: block;
		background: url(../images/adsupply/data_company_icon_type1@2x.png) no-repeat left center;
		background-size: 52px 18px;
		width: 52px;
		height: 18px;
		margin: 3px 8px 4px 0;
	}

	.condInfo em.nature0322 {
		float: left;
		display: block;
		background: url(../images/adsupply/data_company_icon_type2@2x.png) no-repeat left center;
		background-size: 52px 18px;
		width: 52px;
		height: 18px;
		margin: 3px 8px 4px 0;
	}

	.condInfo em.nature0422 {
		float: left;
		display: block;
		background: url(../images/adsupply/data_company_icon_type3@2x.png) no-repeat left center;
		background-size: 52px 18px;
		width: 52px;
		height: 18px;
		margin: 3px 8px 4px 0;
	}

	.condInfo em.nature0522 {
		float: left;
		display: block;
		background: url(../images/adsupply/data_company_icon_type5.png) no-repeat left center;
		background-size: 74px 18px;
		width: 74px;
		height: 18px;
		margin: 3px 8px 4px 0;
	}

	.condInfo em.nature0622 {
		float: left;
		display: block;
		background: url(../images/adsupply/data_company_icon_type6.png) no-repeat left center;
		background-size: 74px 18px;
		width: 74px;
		height: 18px;
		margin: 3px 8px 4px 0;
	}

	.condInfo em.nature0722 {
		float: left;
		display: block;
		background: url(../images/adsupply/data_company_icon_type7.png) no-repeat left center;
		background-size: 52px 18px;
		width: 52px;
		height: 18px;
		margin: 3px 8px 4px 0;
	}

	.condInfo em.nature0822 {
		float: left;
		display: block;
		background: url(../images/adsupply/data_company_icon_type8.png) no-repeat left center;
		background-size: 101px 18px;
		width: 101px;
		height: 18px;
		margin: 3px 8px 4px 0;
	}

	.condInfo a.cancel22 {
		float: left;
		width: 28px;
		height: 16px;
		border-radius: 2px;
		display: block;
		border: 1px solid #FD4246;
		font-size: 11px;
		line-height: 16px;
		text-align: center;
		color: #FD4246;
		font-weight: normal;
		margin: 3px 8px 4px 0;
	}

	.condInfo .copy {
		display: none;
		color: #217BBD;
		cursor: pointer;
		margin: 0px 13px 0px 5px;
	}

	.condInfo:hover a.comName22 {
		color: #007bcd !important;
		background: #DAEFFF !important
	}

	.condInfo:hover .copy {
		display: block !important;
	}


/*页码*/
.paging {
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
	background-color: #FFF;
	margin-bottom: 13px;
}

	.paging a {
		display: inline-block;
		padding: 5px 11px;
		border: 1px solid #dbdbdb;
		font-size: 14px;
		color: #787575;
		font-family: "Microsoft YaHei";
		height: 32px;
		line-height: 20px;
		margin-left: 5px;
	}

	.paging .current {
		display: inline-block;
		padding: 5px 11px;
		border: 1px solid #0d9be6;
		font-size: 14px;
		color: #FFF;
		background: #2987b7;
		height: 32px;
		line-height: 20px;
	}

.tips-purchase {
	background-color: #FFFFFF; /*width: 237px;*/
	height: 76px;
	padding: 25px;
}

	.tips-purchase span {
		margin: 0px auto;
		text-align: center;
		display: block;
		font-size: 12px;
	}

	.tips-purchase div {
		margin: 20px auto;
		width: 220px;
		height: 34px;
		background: linear-gradient(270deg, #5CB3BC 0%, #5ED2C1 100%);
		border-radius: 2px;
		text-align: center;
	}

	.tips-purchase a {
		font-size: 12px;
		line-height: 34px;
		color: #FFFFFF;
	}

.tips-top {
	font-weight: 400;
	color: #545454;
	background: #E9FAE4;
	position: fixed;
	top: 303px;
	left: 50%;
	text-shadow: 0px 5px 20px rgba(0,0,0,0.17);
	font-size: 14px;
	transform: translateX(-50%);
	z-index: 88;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 110px;
	height: 40px;
	background: #EBFFF4;
	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.17), 0px 2px 12px 0px rgba(0,0,0,0.15);
	border-radius: 2px;
	text-align: center;
}

	.tips-top img {
		margin-right: 10px;
		width: 19px;
		vertical-align: -2px;
	}

.logOff {
	color: #ff8900;
	border: 1px solid;
	padding: 0px 8px;
	border-radius: 4px;
	border-color: #ffce94;
	background-color: #fffbf7;
	height: 21px;
	line-height: 22px;
	margin-right: 8px;
}

.search2022 h2 {
	text-align: center;
	font-size: 2.8rem;
	font-weight: 700;
	color: #2a3a5a;
	margin: 32px 0 24px 0;
	letter-spacing: 0.08em;
	/* background: linear-gradient(90deg, #e0e7ff 0%, #f5f7fa 100%); */
	border-radius: 12px;
	padding: 20px 0;
	/* box-shadow: 0 2px 12px rgba(42,58,90,0.08); */
}



.rightTitle {
	font-size: 18px;
	font-weight: 700;
	color: #2a3a5a;
	margin: 0 0 18px 0;
	padding: 0 0 0 14px;
	line-height: 1.6;
	position: relative;
	background: #f7faff;
	border-radius: 8px 8px 8px 8px;
	box-shadow: 0 2px 8px rgba(79,140,255,0.06);
	letter-spacing: 0.04em;
	display: flex;
	align-items: center;
	min-height: 38px;
}

	.rightTitle::before {
		content: "";
		display: inline-block;
		width: 4px;
		height: 22px;
		background: linear-gradient(180deg, #4f8cff 0%, #6ed6ff 100%);
		border-radius: 3px;
		margin-right: 10px;
		margin-left: -8px;
	}

/* 高质量供应商列表整体样式 */
.Js_high_quality_list_rec {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	justify-content: flex-start;
	margin-top: 20px;
}

/* 单个卡片样式 */
.high-quality-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	transition: transform 0.2s, box-shadow 0.2s;
	width: 240px;
	text-align: center;
	padding: 16px;
}

	/* 鼠标悬浮效果 */
	.high-quality-card:hover {
		transform: translateY(-4px);
		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
	}

	/* 图片样式 */
	.high-quality-card img {
		width: 100%;
		height: 140px;
		object-fit: cover;
		border-radius: 8px;
		margin-bottom: 12px;
	}

/* 内容区域样式 */
.high-quality-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
}

	/* 公司名称样式 */
	.high-quality-content .dat-name {
		font-size: 16px;
		font-weight: 600;
		color: #2a3a5a;
		margin: 0;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}

	/* 文本信息样式 */
	.high-quality-content p {
		font-size: 14px;
		color: #666;
		margin: 4px 0;
		line-height: 1.5;
	}

	/* 重点信息高亮 */
	.high-quality-content span {
		font-weight: 500;
		color: #333;
	}