* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	background: #f4f6f9;
	color: #222832;
	font-family: Arial, "Microsoft YaHei", "PingFang SC", sans-serif;
	font-size: 14px;
	line-height: 1.65;
}
a { color: inherit; text-decoration: none; }
a:hover { color: #c62828; }
img { max-width: 100%; height: auto; vertical-align: middle; }
ul, dl, dd, p, h1, h2, h3 { margin: 0; padding: 0; }
li { list-style: none; }
.wrap {
	width: min(1190px, calc(100% - 32px));
	margin: 0 auto;
}
.site-header {
	position: relative;
	z-index: 30;
	background: #fff;
	box-shadow: 0 2px 16px rgba(31,38,48,.05);
}
.top-line {
	position: relative;
	z-index: 3;
	background: #fff;
	color: #5f6876;
	font-size: 13px;
	box-shadow: 0 1px 0 rgba(232,235,241,.86);
}
.top-line .wrap {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	min-height: 34px;
	align-items: center;
}
.top-line a {
	color: #3b4450;
	opacity: .96;
}
.top-line a:hover {
	color: #c62828;
}
.top-links {
	display: flex;
	gap: 16px;
	white-space: nowrap;
}
.top-links > a,
.top-menu-item > a {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.top-links > a:before,
.top-menu-item > a:before {
	display: none;
}
.top-links > .top-link-home:before {
	content: "";
	display: block;
	width: 13px;
	height: 13px;
	background: currentColor;
	opacity: .72;
	-webkit-mask: var(--top-icon) center / contain no-repeat;
	mask: var(--top-icon) center / contain no-repeat;
}
.top-link-home { --top-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 1.4 1.8 6.2v8h4.1V9.7h4.2v4.5h4.1v-8L8 1.4Z'/%3E%3C/svg%3E"); }
.top-link-company { --top-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.2 2h7.1v12H2.2V2Zm8.5 4.2h3.1V14h-3.1V6.2ZM4 4.2v1.4h1.4V4.2H4Zm2.3 0v1.4h1.4V4.2H6.3ZM4 7v1.4h1.4V7H4Zm2.3 0v1.4h1.4V7H6.3ZM4 9.8v1.4h1.4V9.8H4Zm2.3 0v1.4h1.4V9.8H6.3Z'/%3E%3C/svg%3E"); }
.top-link-product { --top-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 3.7 8 1l6 2.7v8.6L8 15l-6-2.7V3.7Zm2.2.5L8 5.9l3.8-1.7L8 2.5 4.2 4.2ZM8.7 7.1v5.9l3.9-1.8V5.4L8.7 7.1Z'/%3E%3C/svg%3E"); }
.top-link-news { --top-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2.2h12v11.6H2V2.2Zm2 2v2.9h4.1V4.2H4Zm5.2.1v1.1H12V4.3H9.2Zm0 2.1v1.1H12V6.4H9.2ZM4 8.7v1.1h8V8.7H4Zm0 2.1v1.1h8v-1.1H4Z'/%3E%3C/svg%3E"); }
.top-link-vip { --top-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 1.5 9.9 5l3.9.7-2.8 2.8.5 4-3.5-1.8-3.5 1.8.5-4-2.8-2.8L6.1 5 8 1.5Z'/%3E%3C/svg%3E"); }
.top-menu-item {
	position: relative;
	display: inline-flex;
	align-items: center;
}
.top-menu-panel {
	position: absolute;
	z-index: 120;
	top: calc(100% + 9px);
	left: 50%;
	display: grid;
	grid-template-columns: repeat(4, minmax(48px, 1fr));
	gap: 8px 10px;
	width: 260px;
	padding: 12px;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 14px 36px rgba(31,38,48,.14);
	opacity: 0;
	visibility: hidden;
	transform: translate(-50%,6px);
	transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
}
.top-menu-industries {
	width: 310px;
	grid-template-columns: repeat(5, minmax(42px, 1fr));
}
.top-menu-panel:before {
	content: "";
	position: absolute;
	top: -5px;
	left: 50%;
	width: 10px;
	height: 10px;
	background: #fff;
	transform: translateX(-50%) rotate(45deg);
}
.top-menu-panel a {
	display: block;
	overflow: hidden;
	color: #465160;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.top-menu-item:hover .top-menu-panel,
.top-menu-item:focus-within .top-menu-panel {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%,0);
}
#toplogin {
	min-height: 20px;
	text-align: left;
}
#toplogin a {
	margin-right: 12px;
	color: #c62828;
	font-weight: 700;
}
#toplogin a:first-child { margin-left: 0; }
.brand-row {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	padding: 18px 0;
}
.brand {
	display: flex;
	align-items: center;
	gap: 16px;
	min-width: 0;
}
.brand-logo {
	display: block;
	width: 270px;
	height: 53px;
	background: url(//static.11467.com/www/css/logo.gif) no-repeat left center / 270px auto;
	flex: 0 0 auto;
}
.brand h1 {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.25;
	color: #c62828;
	white-space: nowrap;
}
.search {
	display: flex;
	width: min(258px, 100%);
	height: 44px;
	padding: 0;
	border: 1px solid #c62828;
	border-radius: 999px;
	overflow: hidden;
	background: #fff;
}
.search input {
	flex: 1;
	min-width: 0;
	border: 0;
	border-radius: 999px 0 0 999px;
	padding: 0 16px;
	background: #fff;
	color: #2c3440;
	font-size: 14px;
	outline: none;
}
.search input::placeholder {
	color: #9a6970;
}
.search button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	width: 56px;
	height: 100%;
	border: 0;
	background: #c62828;
	color: #fff;
	font-size: 0;
	font-weight: 400;
	border-radius: 0 999px 999px 0;
	cursor: pointer;
}
.search button:before {
	content: "";
	width: 15px;
	height: 15px;
	background: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M7.8 1.8a6 6 0 1 0 0 12 6 6 0 0 0 0-12Zm0 2.1a3.9 3.9 0 1 1 0 7.8 3.9 3.9 0 0 1 0-7.8Zm4.5 8.1 3.1 3.1a1 1 0 0 0 1.4-1.4l-3.1-3.1a7.3 7.3 0 0 1-1.4 1.4Z'/%3E%3C/svg%3E") no-repeat center / contain;
	flex: 0 0 auto;
}
.city-nav {
	background: #fff;
}
.city-nav .wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	min-height: 44px;
}
.city-nav-left {
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}
.city-nav strong {
	color: #222832;
	white-space: nowrap;
}
.nav-dropdown {
	position: relative;
	flex: 0 0 auto;
}
.nav-dropdown button {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: 30px;
	padding: 0 13px;
	border: 0;
	border-radius: 999px;
	background: #fff7f7;
	color: #b91f24;
	font-weight: 700;
	cursor: pointer;
}
.nav-dropdown button svg {
	width: 15px;
	height: 15px;
}
.nav-dropdown button:after {
	content: "";
	width: 6px;
	height: 6px;
	border-right: 1px solid currentColor;
	border-bottom: 1px solid currentColor;
	transform: rotate(45deg) translateY(-2px);
}
.nav-dropdown-panel {
	position: absolute;
	z-index: 20;
	top: calc(100% + 8px);
	left: 0;
	display: grid;
	grid-template-columns: repeat(6, minmax(92px, 1fr));
	gap: 8px 12px;
	width: min(760px, calc(100vw - 32px));
	max-height: 360px;
	overflow: auto;
	padding: 14px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 18px 48px rgba(31,38,48,.16);
	opacity: 0;
	visibility: hidden;
	transform: translateY(6px);
	transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
}
.nav-dropdown:hover .nav-dropdown-panel,
.nav-dropdown:focus-within .nav-dropdown-panel {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.nav-dropdown-panel a {
	overflow: hidden;
	color: #465160;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.nav-dropdown-panel a:hover {
	color: #c62828;
}
.city-nav-links {
	display: flex;
	gap: 8px;
	overflow-x: auto;
}
.city-nav-links a {
	display: block;
	padding: 6px 14px;
	border-radius: 999px;
	background: #f7f8fa;
	color: #5a6472;
	white-space: nowrap;
}
.city-nav-links a:hover {
	background: #fff1f1;
	color: #c62828;
}
.card {
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 12px rgba(30, 43, 68, .05);
	min-width: 0;
}
.card-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 44px;
	padding: 0 16px;
	border-bottom: 1px solid #edf0f4;
	color: #1f2630;
	font-size: 16px;
	font-weight: 700;
}
.card-title a { color: #1f2630; }
.card-body { padding: 15px 16px; min-width: 0; }
.link-grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 8px 14px;
	min-width: 0;
}
.link-grid a {
	overflow: hidden;
	color: #566170;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.intro {
	color: #586372;
	line-height: 1.9;
}
.intro p + p { margin-top: 8px; }
.intro a {
	color: #b91f24;
	font-weight: 700;
}
.footer-links { margin-top: 18px; }
.footer-links .card + .card { margin-top: 18px; }
#b {
	width: min(1190px, calc(100% - 32px));
	margin: 20px auto 0;
	color: #667080;
	font-size: 12px;
	text-align: center;
}
#bottomnav { margin-bottom: 8px; }
#bottomnav a { color: #465160; }

@media (max-width: 760px) {
	body {
		font-size: 13px;
		background: #f6f7f9;
	}
	.wrap,
	#b {
		width: calc(100% - 20px);
	}
	.top-line .wrap {
		align-items: center;
		overflow-x: auto;
	}
	.top-links { gap: 12px; }
	.top-menu-panel { display: none; }
	#toplogin { white-space: nowrap; }
	.brand-row {
		align-items: stretch;
		flex-direction: column;
		gap: 12px;
		padding: 13px 0;
	}
	.brand-logo {
		width: 160px;
		height: 31px;
		background-size: 160px auto;
	}
	.brand h1 { font-size: 20px; }
	.search { width: 100%; }
	.city-nav .wrap {
		align-items: stretch;
		flex-direction: column;
		gap: 8px;
		padding: 10px 0;
	}
	.city-nav-left {
		align-items: flex-start;
		flex-direction: column;
		gap: 8px;
	}
	.nav-dropdown-panel {
		position: static;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		width: 100%;
		max-height: 0;
		padding: 0 12px;
		overflow: hidden;
		box-shadow: none;
		opacity: 1;
		visibility: visible;
		transform: none;
		transition: max-height .18s ease, padding .18s ease;
	}
	.nav-dropdown {
		width: 100%;
	}
	.nav-dropdown button {
		width: 100%;
		justify-content: center;
	}
	.nav-dropdown:hover .nav-dropdown-panel,
	.nav-dropdown:focus-within .nav-dropdown-panel {
		max-height: 300px;
		padding: 12px;
	}
	.city-nav-links {
		margin: 0 -10px;
		padding: 0 10px 2px;
	}
	.card-title {
		min-height: 42px;
		padding: 0 12px;
		font-size: 15px;
	}
	.card-body { padding: 12px; }
	.link-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 420px) {
	.link-grid {
		grid-template-columns: 1fr;
	}
}

.ad-a {
    display: block;
    position: relative
}

.banner_gg {
    position: absolute;
    right: 5px;
    top: 3px;
    font-size: 12px;
    color: #fff;
    opacity: .5;
    z-index: 9
}