.section-subtitle {
	text-align: center !important;
	color: #6b7280;
	font-size: 16px;
	margin: -10px auto 30px auto;
	line-height: 1.6;
	max-width: 800px;
	padding: 0 20px;
	font-weight: normal
}
@media (max-width:768px) {
.section-subtitle {
	font-size: 14px;
	margin: -5px auto 20px auto;
	padding: 0 15px
}
}
.svc-card-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 10px
}
.svc-tag {
	font-size: 12px;
	padding: 2px 8px;
	border-radius: 4px;
	background: #f3f4f6;
	color: #4b5563
}
@media (max-width:576px) {
.svc-card-tags {
	gap: 4px
}
.svc-tag {
	font-size: 11px;
	padding: 2px 6px
}
}
.svc-product-card {
	height: 100%;
	display: flex;
	flex-direction: column
}
.svc-card-img-wrap {
	display: block
}
.svc-card-img {
	height: 160px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%
}
.svc-card-img i {
	font-size: 48px
}
.svc-card-body {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 16px
}
.svc-card-desc {
	margin: 8px 0 0 0;
	font-size: 14px;
	color: #6b7280;
	line-height: 1.6;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	flex: 1
}
.svc-card-actions {
	padding: 0 16px 16px 16px;
	margin-top: auto
}
.svc-product-card[data-svc-cat="1"] .svc-tag {
	background: #e6f4ff;
	color: #1677ff
}
.svc-product-card[data-svc-cat="2"] .svc-tag {
	background: #f6ffed;
	color: #52c41a
}
.svc-product-card[data-svc-cat="3"] .svc-tag {
	background: #fff7e6;
	color: #fa8c16
}
.svc-product-card[data-svc-cat="4"] .svc-tag {
	background: #f9f0ff;
	color: #722ed1
}
@media (max-width:768px) {
.svc-card-img {
	height: 120px
}
.svc-card-img i {
	font-size: 36px
}
.svc-card-body {
	padding: 12px
}
.svc-card-desc {
	font-size: 13px
}
.svc-card-actions {
	padding: 0 12px 12px 12px
}
}
.tools-grid .tool-card {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.04);
	transition: all 0.3s ease;
	text-align: center;
	padding-top: 24px
}
.tools-grid .tool-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(0,0,0,0.08)
}
.tool-card-icon {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 16px auto
}
.tool-card-icon i {
	font-size: 22px;
	color: #fff
}
.tool-card-icon.blue {
	background: #1677ff
}
.tool-card-icon.green {
	background: #52c41a
}
.tool-card-icon.orange {
	background: #fa8c16
}
.tool-card-icon.purple {
	background: #722ed1
}
.tools-grid .tool-card .svc-card-body {
	padding: 0 20px;
	text-align: center
}
.tools-grid .tool-card .svc-card-title {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 8px
}
.tools-grid .tool-card .svc-card-desc {
	font-size: 13px;
	color: #6b7280;
	margin: 0 0 12px 0;
	-webkit-line-clamp: 1;
	text-align: center
}
.tool-card-tag {
	font-size: 12px;
	font-weight: 500;
	display: inline-block;
	padding: 2px 10px;
	border-radius: 10px;
	margin-bottom: 16px
}
.tool-card-tag:has(+.tool-card-link.blue) {
background:#e6f4ff;
color:#1677ff
}
.tool-card-tag:has(+.tool-card-link.green) {
background:#f6ffed;
color:#52c41a
}
.tool-card-tag:has(+.tool-card-link.orange) {
background:#fff7e6;
color:#fa8c16
}
.tool-card-tag:has(+.tool-card-link.purple) {
background:#f9f0ff;
color:#722ed1
}
.tools-grid .tool-card .svc-card-actions {
	padding: 20px 20px 20px 20px;
	margin-top: 0
}
.tool-card-link {
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	transition: all 0.2s ease
}
.tool-card-link i {
	font-size: 12px;
	transition: transform 0.2s ease
}
.tool-card-link:hover i {
	transform: translateX(3px)
}
.tool-card-link.blue {
	color: #1677ff
}
.tool-card-link.green {
	color: #52c41a
}
.tool-card-link.orange {
	color: #fa8c16
}
.tool-card-link.purple {
	color: #722ed1
}
.tools-grid .tool-card:has(.tool-card-link.blue):hover {
border-color:#1677ff
}
.tools-grid .tool-card:has(.tool-card-link.green):hover {
border-color:#52c41a
}
.tools-grid .tool-card:has(.tool-card-link.orange):hover {
border-color:#fa8c16
}
.tools-grid .tool-card:has(.tool-card-link.purple):hover {
border-color:#722ed1
}
@media (max-width:768px) {
.tools-grid .tool-card {
	padding-top: 20px
}
.tool-card-icon {
	width: 40px;
	height: 40px;
	margin-bottom: 12px
}
.tool-card-icon i {
	font-size: 18px
}
.tools-grid .tool-card .svc-card-body {
	padding: 0 16px
}
.tools-grid .tool-card .svc-card-title {
	font-size: 15px
}
.tools-grid .tool-card .svc-card-desc {
	font-size: 12px;
	margin-bottom: 8px
}
.tool-card-tag {
	font-size: 11px;
	margin-bottom: 12px
}
.tools-grid .tool-card .svc-card-actions {
	padding: 0 16px 20px 16px
}
.tool-card-link {
	font-size: 13px
}
}
#svcProductsGrid .svc-product-card {
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 4px 12px rgba(0,0,0,0.06);
	border: none;
	background: #fff !important;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1)
}
#svcProductsGrid .svc-card-body {
	background: #fff !important
}
#svcProductsGrid .svc-card-actions {
	background: #fff !important
}
#svcProductsGrid .svc-product-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 16px 32px rgba(0,0,0,0.12)
}
#svcProductsGrid .svc-card-img-wrap {
	background: #fff !important;
	height: 160px !important;
	display: block !important;
	overflow: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 0
}
#svcProductsGrid .svc-card-img {
	border-radius: 0;
	height: 160px !important;
	width: 100% !important
}
#svcProductsGrid .svc-product-card[data-svc-cat="1"] .svc-card-img-wrap {
	background: linear-gradient(135deg, #1677ff 0, #0f59c7 100%) !important
}
#svcProductsGrid .svc-product-card[data-svc-cat="1"] .svc-card-img {
	background: linear-gradient(135deg, #1677ff 0, #0f59c7 100%) !important
}
#svcProductsGrid .svc-product-card[data-svc-cat="1"] .svc-card-img i {
	color: #fff !important;
	font-size: 56px !important;
	filter: drop-shadow(0 4px 8px rgba(0,0,0,0.15))
}
#svcProductsGrid .svc-product-card[data-svc-cat="2"] .svc-card-img-wrap {
	background: linear-gradient(135deg, #52c41a 0, #389e0d 100%) !important
}
#svcProductsGrid .svc-product-card[data-svc-cat="2"] .svc-card-img {
	background: linear-gradient(135deg, #52c41a 0, #389e0d 100%) !important
}
#svcProductsGrid .svc-product-card[data-svc-cat="2"] .svc-card-img i {
	color: #fff !important;
	font-size: 56px !important;
	filter: drop-shadow(0 4px 8px rgba(0,0,0,0.15))
}
#svcProductsGrid .svc-product-card[data-svc-cat="3"] .svc-card-img-wrap {
	background: linear-gradient(135deg, #fa8c16 0, #d46b08 100%) !important
}
#svcProductsGrid .svc-product-card[data-svc-cat="3"] .svc-card-img {
	background: linear-gradient(135deg, #fa8c16 0, #d46b08 100%) !important
}
#svcProductsGrid .svc-product-card[data-svc-cat="3"] .svc-card-img i {
	color: #fff !important;
	font-size: 56px !important;
	filter: drop-shadow(0 4px 8px rgba(0,0,0,0.15))
}
#svcProductsGrid .svc-product-card[data-svc-cat="4"] .svc-card-img-wrap {
	background: linear-gradient(135deg, #722ed1 0, #531dab 100%) !important
}
#svcProductsGrid .svc-product-card[data-svc-cat="4"] .svc-card-img {
	background: linear-gradient(135deg, #722ed1 0, #531dab 100%) !important
}
#svcProductsGrid .svc-product-card[data-svc-cat="4"] .svc-card-img i {
	color: #fff !important;
	font-size: 56px !important;
	filter: drop-shadow(0 4px 8px rgba(0,0,0,0.15))
}
#svcProductsGrid .svc-tag {
	font-weight: 500;
	border-radius: 6px;
	padding: 3px 10px
}
#svcProductsGrid .svc-btn-consult {
	border-radius: 8px;
	font-weight: 500;
	padding: 8px 20px;
	width: 100%;
	text-align: center;
	justify-content: center;
	transition: all 0.2s ease
}
#svcProductsGrid .svc-product-card[data-svc-cat="1"] .svc-btn-consult {
	background: #1677ff
}
#svcProductsGrid .svc-product-card[data-svc-cat="1"] .svc-btn-consult:hover {
	background: #0f59c7
}
#svcProductsGrid .svc-product-card[data-svc-cat="2"] .svc-btn-consult {
	background: #52c41a
}
#svcProductsGrid .svc-product-card[data-svc-cat="2"] .svc-btn-consult:hover {
	background: #389e0d
}
#svcProductsGrid .svc-product-card[data-svc-cat="3"] .svc-btn-consult {
	background: #fa8c16
}
#svcProductsGrid .svc-product-card[data-svc-cat="3"] .svc-btn-consult:hover {
	background: #d46b08
}
#svcProductsGrid .svc-product-card[data-svc-cat="4"] .svc-btn-consult {
	background: #722ed1
}
#svcProductsGrid .svc-product-card[data-svc-cat="4"] .svc-btn-consult:hover {
	background: #531dab
}
@media (max-width:768px) {
#svcProductsGrid .svc-card-img {
	height: 120px
}
#svcProductsGrid .svc-card-img i {
	font-size: 42px !important
}
#svcProductsGrid .svc-product-card:hover {
	transform: translateY(-4px)
}
}
#svcProductsGrid .svc-product-card {
	background: #fff !important;
	border-radius: 16px !important;
	overflow: hidden !important;
	box-shadow: 0 4px 12px rgba(0,0,0,0.06) !important;
	border: none !important;
	margin-bottom: 24px !important
}
#svcProductsGrid .svc-card-img-wrap {
	display: block !important;
	height: 160px !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	line-height: 0 !important
}
#svcProductsGrid .svc-card-img {
	width: 100% !important;
	height: 160px !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important
}
#svcProductsGrid .svc-card-img i {
	font-size: 56px !important;
	color: #fff !important;
	filter: drop-shadow(0 4px 8px rgba(0,0,0,0.15)) !important;
	margin: 0 !important
}
#svcProductsGrid .svc-card-body {
	background: #fff !important;
	padding: 20px !important;
	margin: 0 !important
}
#svcProductsGrid .svc-card-actions {
	background: #fff !important;
	padding: 0 20px 20px 20px !important;
	margin: 0 !important
}
#svcProductsGrid .svc-product-card[data-svc-cat="1"] .svc-card-img-wrap, #svcProductsGrid .svc-product-card[data-svc-cat="2"] .svc-card-img-wrap, #svcProductsGrid .svc-product-card[data-svc-cat="3"] .svc-card-img-wrap, #svcProductsGrid .svc-product-card[data-svc-cat="4"] .svc-card-img-wrap, #svcProductsGrid .svc-product-card[data-svc-cat="1"] .svc-btn-consult {
	background: #1677ff !important;
	color: #fff !important
}
#svcProductsGrid .svc-product-card[data-svc-cat="2"] .svc-btn-consult {
	background: #52c41a !important;
	color: #fff !important
}
#svcProductsGrid .svc-product-card[data-svc-cat="3"] .svc-btn-consult {
	background: #fa8c16 !important;
	color: #fff !important
}
#svcProductsGrid .svc-product-card[data-svc-cat="4"] .svc-btn-consult {
	background: #722ed1 !important;
	color: #fff !important
}
#svcProductsGrid .svc-product-card {
	border-radius: 20px !important;
	box-shadow: 0 8px 24px rgba(0,0,0,0.06) !important;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
	border: 1px solid rgba(0,0,0,0.04) !important;
	overflow: hidden !important
}
#svcProductsGrid .svc-product-card:hover {
	transform: translateY(-8px) scale(1.01) !important;
	box-shadow: 0 16px 32px rgba(0,0,0,0.1) !important
}
#svcProductsGrid .svc-card-img-wrap {
	height: 180px !important;
	position: relative !important;
	overflow: hidden !important
}
#svcProductsGrid .svc-card-img-wrap::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 50%;
	background: linear-gradient(180deg, rgba(255,255,255,0.15) 0, rgba(255,255,255,0) 100%);
	z-index: 1;
	pointer-events: none
}
#svcProductsGrid .svc-card-img {
	height: 180px !important;
	position: relative
}
#svcProductsGrid .svc-card-img i {
	font-size: 72px !important;
	color: #fff !important;
	filter: drop-shadow(0 4px 12px rgba(0,0,0,0.15)) drop-shadow(0 0 20px rgba(255,255,255,0.2)) !important;
	z-index: 2;
	position: relative
}
#svcProductsGrid .svc-product-card[data-svc-cat="1"] .svc-card-img-wrap, #svcProductsGrid .svc-product-card[data-svc-cat="1"] .svc-card-img {
	background: linear-gradient(135deg, #4096ff 0, #1677ff 50%, #0958d9 100%) !important
}
#svcProductsGrid .svc-product-card[data-svc-cat="2"] .svc-card-img-wrap, #svcProductsGrid .svc-product-card[data-svc-cat="2"] .svc-card-img {
	background: linear-gradient(135deg, #73d13d 0, #52c41a 50%, #389e0d 100%) !important
}
#svcProductsGrid .svc-product-card[data-svc-cat="3"] .svc-card-img-wrap, #svcProductsGrid .svc-product-card[data-svc-cat="3"] .svc-card-img {
	background: linear-gradient(135deg, #ffc53d 0, #fa8c16 50%, #d46b08 100%) !important
}
#svcProductsGrid .svc-product-card[data-svc-cat="4"] .svc-card-img-wrap, #svcProductsGrid .svc-product-card[data-svc-cat="4"] .svc-card-img {
	background: linear-gradient(135deg, #9254de 0, #722ed1 50%, #531dab 100%) !important
}
#svcProductsGrid .svc-card-body {
	padding: 24px !important
}
#svcProductsGrid .svc-card-title {
	font-size: 18px !important;
	font-weight: 600 !important;
	color: #1f2937 !important;
	margin-bottom: 12px !important;
	line-height: 1.4 !important;
	text-align: center
}
#svcProductsGrid .svc-card-desc {
	font-size: 14px !important;
	color: #4b5563 !important;
	line-height: 1.7 !important;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden
}
#svcProductsGrid .svc-card-jiage {
	font-size: 22px !important;
	color: #531dab !important;
	line-height: 1.7 !important;
	text-align: center;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden
}
#svcProductsGrid .svc-tag {
	border-radius: 8px !important;
	padding: 4px 10px !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	margin-right: 8px !important;
	margin-bottom: 8px !important
}
#svcProductsGrid .svc-product-card[data-svc-cat="1"] .svc-tag {
	background: rgba(22,119,255,0.08) !important;
	color: #1677ff !important
}
#svcProductsGrid .svc-product-card[data-svc-cat="2"] .svc-tag {
	background: rgba(82,196,26,0.08) !important;
	color: #52c41a !important
}
#svcProductsGrid .svc-product-card[data-svc-cat="3"] .svc-tag {
	background: rgba(250,140,22,0.08) !important;
	color: #fa8c16 !important
}
#svcProductsGrid .svc-product-card[data-svc-cat="4"] .svc-tag {
	background: rgba(114,46,209,0.08) !important;
	color: #722ed1 !important
}
#svcProductsGrid .svc-card-actions {
	padding: 20px 20px 20px 20px !important
}
#svcProductsGrid .svc-btn-consult {
	border-radius: 12px !important;
	height: 44px !important;
	line-height: 44px !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	transition: all 0.3s ease !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important
}
#svcProductsGrid .svc-product-card[data-svc-cat="1"] .svc-btn-consult {
	background: linear-gradient(135deg, #4096ff 0, #1677ff 100%) !important;
	box-shadow: 0 4px 12px rgba(22,119,255,0.25) !important
}
#svcProductsGrid .svc-product-card[data-svc-cat="1"] .svc-btn-consult:hover {
	background: linear-gradient(135deg, #69b1ff 0, #4096ff 100%) !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 6px 16px rgba(22,119,255,0.35) !important
}
#svcProductsGrid .svc-product-card[data-svc-cat="2"] .svc-btn-consult {
	background: linear-gradient(135deg, #73d13d 0, #52c41a 100%) !important;
	box-shadow: 0 4px 12px rgba(82,196,26,0.25) !important
}
#svcProductsGrid .svc-product-card[data-svc-cat="2"] .svc-btn-consult:hover {
	background: linear-gradient(135deg, #95de64 0, #73d13d 100%) !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 6px 16px rgba(82,196,26,0.35) !important
}
#svcProductsGrid .svc-product-card[data-svc-cat="3"] .svc-btn-consult {
	background: linear-gradient(135deg, #ffc53d 0, #fa8c16 100%) !important;
	box-shadow: 0 4px 12px rgba(250,140,22,0.25) !important
}
#svcProductsGrid .svc-product-card[data-svc-cat="3"] .svc-btn-consult:hover {
	background: linear-gradient(135deg, #ffd666 0, #ffc53d 100%) !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 6px 16px rgba(250,140,22,0.35) !important
}
#svcProductsGrid .svc-product-card[data-svc-cat="4"] .svc-btn-consult {
	background: linear-gradient(135deg, #9254de 0, #722ed1 100%) !important;
	box-shadow: 0 4px 12px rgba(114,46,209,0.25) !important
}
#svcProductsGrid .svc-product-card[data-svc-cat="4"] .svc-btn-consult:hover {
	background: linear-gradient(135deg, #b37feb 0, #9254de 100%) !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 6px 16px rgba(114,46,209,0.35) !important
}
.svc-tabs .svc-tab.active {
	box-shadow: 0 4px 12px rgba(250,140,22,0.3) !important;
	font-weight: 600 !important
}
.about-intro-section {
	padding: 48px 0;
	background: #f8fafc
}
.about-intro-content {
	background: #fff;
	padding: 40px;
	border-radius: 20px;
	box-shadow: 0 8px 24px rgba(0,0,0,0.05);
	line-height: 1.9;
	color: #374151;
	font-size: 16px
}
.about-intro-content p {
	margin-bottom: 16px
}
.about-intro-content p:last-child {
	margin-bottom: 0
}
.about-intro-content strong {
	color: #1f2937;
	font-weight: 600
}
.lifecycle-section {
	padding: 48px 0;
	background: #fff
}
.lifecycle-steps {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	width: 100%
}
.lifecycle-step {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 16px;
	padding: 28px 16px;
	text-align: center;
	flex: 1;
	min-width: 140px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.04);
	transition: all 0.3s ease
}
.lifecycle-step:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 24px rgba(0,0,0,0.08);
	border-color: #fa8c16
}
.step-icon {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 16px auto;
	color: #fff;
	font-size: 28px
}
.lifecycle-step h3 {
	font-size: 17px;
	font-weight: 600;
	color: #1f2937;
	margin: 0 0 8px 0
}
.lifecycle-step p {
	font-size: 13px;
	color: #6b7280;
	margin: 0;
	line-height: 1.5
}
.step-arrow {
	color: #d1d5db;
	font-size: 24px;
	flex-shrink: 0
}
.industry-section {
	padding: 48px 0;
	background: #f8fafc
}
.industry-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
	width: 100%;
	justify-content: center
}
.industry-card {
	background: #fff;
	border-radius: 20px;
	padding: 32px 24px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.04);
	transition: all 0.3s ease;
	border: 1px solid transparent;
	text-align: center
}
.industry-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 16px 32px rgba(0,0,0,0.08);
	border-color: #fa8c16
}
.industry-icon {
	width: 64px;
	height: 64px;
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 28px;
	margin: 0 auto 20px
}
.industry-card h3 {
	font-size: 18px;
	font-weight: 600;
	color: #1f2937;
	margin: 0 0 12px 0
}
.industry-card p {
	font-size: 14px;
	color: #6b7280;
	line-height: 1.7;
	margin: 0 0 20px 0
}
.industry-link {
	font-size: 14px;
	font-weight: 500;
	color: #fa8c16;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: all 0.2s ease
}
.industry-link:hover {
	color: #d46b08;
	gap: 10px
}
.industry-link i {
	font-size: 12px
}
@media (max-width:992px) {
.industry-grid {
	grid-template-columns: repeat(2, 1fr)
}
.lifecycle-step {
	min-width: 120px
}
.step-arrow {
	display: none
}
}
@media (max-width:768px) {
.about-intro-section, .lifecycle-section, .industry-section {
	padding: 40px 0
}
.about-intro-content {
	padding: 24px;
	font-size: 15px;
	line-height: 1.8
}
.lifecycle-steps {
	gap: 12px
}
.lifecycle-step {
	width: calc(50% - 6px);
	flex: none;
	padding: 20px 12px
}
.step-icon {
	width: 52px;
	height: 52px;
	font-size: 22px;
	margin-bottom: 12px
}
.lifecycle-step h3 {
	font-size: 15px
}
.lifecycle-step p {
	font-size: 12px
}
.industry-grid {
	grid-template-columns: 1fr;
	gap: 16px
}
.industry-card {
	padding: 24px 20px
}
.industry-icon {
	width: 52px;
	height: 52px;
	font-size: 22px;
	margin-bottom: 16px;
	border-radius: 12px
}
.industry-card h3 {
	font-size: 16px
}
}
.gs-hero {
	background: linear-gradient(135deg, #1677ff 0, #0958d9 100%) !important
}
.gs-hero .hero-banner-title em {
	color: #91caff !important;
	font-style: normal
}
.gs-btn-primary {
	background: #fff !important;
	color: #1677ff !important
}
.gs-btn-primary:hover {
	background: #f0f5ff !important;
	transform: translateY(-2px);
	box-shadow: 0 10px 20px rgba(0,0,0,0.15)
}
.gs-btn-secondary {
	background: rgba(255,255,255,0.15) !important;
	border-color: rgba(255,255,255,0.3) !important;
	color: #fff !important
}
.gs-btn-secondary:hover {
	background: rgba(255,255,255,0.25) !important
}
.breadcrumb-nav {
	padding: 24px 0;
	font-size: 14px;
	color: #64748b
}
.breadcrumb-nav a {
	color: #64748b;
	transition: color 0.3s
}
.breadcrumb-nav a:hover {
	color: #1677ff
}
.breadcrumb-nav span {
	margin: 0 8px;
	color: #cbd5e1
}
.breadcrumb-nav .current {
	color: #1677ff;
	font-weight: 500
}
.section-block {
	padding: 60px 0
}
.gs-card .service-card-icon {
	background: linear-gradient(135deg, #1677ff 0, #0958d9 100%) !important
}
.gs-card .service-card-btn {
	background: linear-gradient(135deg, #1677ff 0, #0958d9 100%) !important
}
.gs-card:hover {
	border-color: #1677ff !important;
	box-shadow: 0 20px 40px rgba(22,119,255,0.15) !important
}
.process-steps {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px
}
.process-step {
	flex: 1;
	text-align: center;
	padding: 32px 16px;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 4px 20px rgba(0,0,0,0.06);
	transition: all 0.3s
}
.process-step:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 30px rgba(22,119,255,0.12)
}
.step-num {
	width: 56px;
	height: 56px;
	line-height: 56px;
	border-radius: 50%;
	background: linear-gradient(135deg, #1677ff 0, #0958d9 100%);
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	margin: 0 auto 20px
}
.process-step h3 {
	font-size: 18px;
	font-weight: 600;
	color: #1e293b;
	margin-bottom: 8px
}
.process-step p {
	font-size: 14px;
	color: #64748b;
	margin: 0;
	line-height: 1.6
}
.step-arrow {
	color: #1677ff;
	font-size: 20px;
	flex-shrink: 0
}
.faq-list {
	max-width: 900px;
	margin: 0 auto
}
.faq-item {
	background: #fff;
	border-radius: 12px;
	margin-bottom: 16px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.05);
	overflow: hidden
}
.faq-q {
	padding: 20px 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	font-size: 16px;
	font-weight: 500;
	color: #1e293b;
	transition: color 0.3s
}
.faq-q:hover {
	color: #1677ff
}
.faq-q i {
	color: #1677ff;
	transition: transform 0.3s;
	flex-shrink: 0
}
.faq-item.active .faq-q i {
	transform: rotate(180deg)
}
.faq-a {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease
}
.faq-item.active .faq-a {
	max-height: 200px
}
.faq-a p {
	padding: 0 24px 20px;
	margin: 0;
	color: #64748b;
	line-height: 1.7;
	font-size: 14px
}
.bottom-cta {
	margin: 40px 0 80px;
	padding: 60px 40px;
	border-radius: 20px;
	text-align: center;
	color: #fff
}
.bottom-cta h2 {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 12px
}
.bottom-cta p {
	font-size: 16px;
	opacity: 0.9;
	margin-bottom: 32px
}
.cta-btns {
	display: flex;
	gap: 16px;
	justify-content: center;
	flex-wrap: wrap
}
.cta-btn-primary {
	padding: 14px 32px;
	border-radius: 12px;
	background: #fff;
	color: #1677ff;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.3s
}
.cta-btn-primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 20px rgba(0,0,0,0.15);
	color: #1677ff
}
.cta-btn-secondary {
	padding: 14px 32px;
	border-radius: 12px;
	background: rgba(255,255,255,0.15);
	border: 1px solid rgba(255,255,255,0.3);
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.3s
}
.cta-btn-secondary:hover {
	background: rgba(255,255,255,0.25);
	color: #fff
}
@media (max-width:992px) {
.process-steps {
	flex-direction: column
}
.step-arrow {
	transform: rotate(90deg)
}
}
@media (max-width:768px) {
.section-block {
	padding: 40px 0
}
.bottom-cta {
	padding: 40px 20px;
	margin: 20px 0 60px
}
.bottom-cta h2 {
	font-size: 22px
}
.faq-q {
	padding: 16px 20px;
	font-size: 15px
}
.faq-a p {
	padding: 0 20px 16px
}
}
.gs-card .svc-card-icon {
	background: linear-gradient(135deg, #1677ff 0, #0958d9 100%) !important
}
.gs-card .svc-card-btn {
	background: linear-gradient(135deg, #1677ff 0, #0958d9 100%) !important
}
.gs-banner {
	position: relative;
	padding: 80px 0;
	background: linear-gradient(135deg, #1677ff 0, #0958d9 100%);
	overflow: hidden;
	color: #fff
}
.gs-banner-orb {
	position: absolute;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255,255,255,0.15) 0, transparent 70%)
}
.gs-banner-orb1 {
	width: 400px;
	height: 400px;
	top: -200px;
	right: -100px
}
.gs-banner-orb2 {
	width: 300px;
	height: 300px;
	bottom: -150px;
	left: -50px
}
.gs-banner-inner {
	position: relative;
	z-index: 2;
	max-width: 900px;
	margin: 0 auto;
	text-align: center
}
.gs-banner-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 16px;
	background: rgba(255,255,255,0.15);
	border-radius: 20px;
	font-size: 14px;
	margin-bottom: 24px
}
.gs-badge-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #52c41a
}
.gs-banner-title {
	font-size: 48px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 20px
}
.gs-banner-title em {
	color: #91caff;
	font-style: normal
}
.gs-banner-subtitle {
	font-size: 18px;
	line-height: 1.8;
	opacity: 0.9;
	margin-bottom: 32px
}
.gs-banner-stats {
	display: flex;
	gap: 48px;
	margin-bottom: 40px
}
.gs-stat-num {
	font-size: 32px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 4px
}
.gs-unit {
	font-size: 18px;
	font-weight: 500;
	margin-left: 2px
}
.gs-stat-label {
	font-size: 14px;
	opacity: 0.8
}
.gs-banner-cta {
	display: flex;
	gap: 16px;
	justify-content: center;
	flex-wrap: wrap
}
.gs-btn-primary {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 14px 32px;
	border-radius: 12px;
	background: #fff;
	color: #1677ff;
	font-weight: 600;
	font-size: 16px;
	text-decoration: none;
	transition: all 0.3s
}
.gs-btn-primary:hover {
	background: #f0f5ff;
	transform: translateY(-2px);
	box-shadow: 0 10px 20px rgba(0,0,0,0.15);
	color: #1677ff
}
.gs-btn-secondary {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 14px 32px;
	border-radius: 12px;
	background: rgba(255,255,255,0.15);
	border: 1px solid rgba(255,255,255,0.3);
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	text-decoration: none;
	transition: all 0.3s
}
.gs-btn-secondary:hover {
	background: rgba(255,255,255,0.25);
	color: #fff
}
.gs-breadcrumb {
	padding: 24px 0;
	font-size: 14px;
	color: #64748b
}
.gs-breadcrumb a {
	color: #64748b;
	transition: color 0.3s;
	text-decoration: none
}
.gs-breadcrumb a:hover {
	color: #1677ff
}
.gs-breadcrumb span {
	margin: 0 8px;
	color: #cbd5e1
}
.gs-breadcrumb .current {
	color: #1677ff;
	font-weight: 500
}
.gs-section {
	margin-bottom: 60px
}
.gs-section-header {
	text-align: center;
	margin-bottom: 48px
}
.gs-section-title {
	font-size: 32px;
	font-weight: 700;
	color: #1e293b;
	margin-bottom: 12px
}
.gs-section-subtitle {
	font-size: 16px;
	color: #64748b;
	margin: 0;
	line-height: 1.6
}
.gs-svc-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px
}
.gs-svc-card {
	background: #fff;
	border-radius: 20px;
	padding: 32px 24px;
	border: 2px solid transparent;
	box-shadow: 0 4px 20px rgba(0,0,0,0.06);
	transition: all 0.3s;
	text-align: center
}
.gs-svc-card:hover {
	transform: translateY(-6px);
	border-color: #1677ff;
	box-shadow: 0 20px 40px rgba(22,119,255,0.15)
}
.gs-card-icon {
	width: 72px;
	height: 72px;
	line-height: 72px;
	border-radius: 16px;
	background: linear-gradient(135deg, #1677ff 0, #0958d9 100%);
	color: #fff;
	font-size: 32px;
	text-align: center;
	margin: 0 auto 20px;
	display: flex;
	align-items: center;
	justify-content: center
}
.gs-card-title {
	font-size: 20px;
	font-weight: 600;
	color: #1e293b;
	margin-bottom: 12px
}
.gs-card-desc {
	font-size: 14px;
	color: #64748b;
	line-height: 1.7;
	margin-bottom: 16px
}
.gs-card-tags {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin: 0 auto 20px;
	justify-content: center
}
.gs-tag {
	font-size: 12px;
	padding: 4px 10px;
	border-radius: 6px;
	background: #e6f4ff;
	color: #1677ff;
	font-weight: 500
}
.gs-card-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 10px 20px;
	border-radius: 10px;
	background: linear-gradient(135deg, #1677ff 0, #0958d9 100%);
	color: #fff;
	font-weight: 500;
	font-size: 14px;
	text-decoration: none;
	transition: all 0.3s
}
.gs-card-btn:hover {
	transform: translateX(4px);
	color: #fff;
	box-shadow: 0 8px 16px rgba(22,119,255,0.3)
}
.gs-process {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px
}
.gs-process-step {
	flex: 1;
	text-align: center;
	padding: 32px 16px;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 4px 20px rgba(0,0,0,0.06);
	transition: all 0.3s
}
.gs-process-step:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 30px rgba(22,119,255,0.12)
}
.gs-step-num {
	width: 56px;
	height: 56px;
	line-height: 56px;
	border-radius: 50%;
	background: linear-gradient(135deg, #1677ff 0, #0958d9 100%);
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	margin: 0 auto 20px
}
.gs-process-step h3 {
	font-size: 18px;
	font-weight: 600;
	color: #1e293b;
	margin-bottom: 8px
}
.gs-process-step p {
	font-size: 14px;
	color: #64748b;
	margin: 0;
	line-height: 1.6
}
.gs-step-arrow {
	color: #1677ff;
	font-size: 20px;
	flex-shrink: 0
}
.gs-faq-list {
	width: 100%
}
.gs-faq-item {
	background: #fff;
	border-radius: 12px;
	margin-bottom: 16px;
	box-shadow: 0 2px 12px rgba(22,119,255,0.08);
	overflow: hidden
}
.gs-faq-item:hover {
	box-shadow: 0 4px 20px rgba(22,119,255,0.1)
}
.gs-faq-q {
	padding: 20px 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	font-size: 16px;
	font-weight: 500;
	color: #1e293b;
	transition: color 0.3s
}
.gs-faq-q:hover {
	color: #1677ff
}
.gs-faq-q i {
	color: #1677ff;
	transition: transform 0.3s;
	flex-shrink: 0
}
.gs-faq-item.active .gs-faq-q i {
	transform: rotate(180deg)
}
.gs-faq-a {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease
}
.gs-faq-item.active .gs-faq-a {
	max-height: 200px
}
.gs-faq-a p {
	padding: 0 24px 20px;
	margin: 0;
	color: #64748b;
	line-height: 1.7;
	font-size: 14px
}
.gs-knowledge-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px
}
.gs-knowledge-card {
	background: #fff;
	border-radius: 16px;
	padding: 28px 20px;
	box-shadow: 0 4px 20px rgba(22,119,255,0.08);
	border: 1px solid #f0f5ff;
	transition: all 0.3s ease;
	text-decoration: none;
	color: inherit;
	text-align: center
}
.gs-knowledge-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 30px rgba(22,119,255,0.15);
	border-color: #1677ff
}
.gs-knowledge-icon {
	width: 48px;
	height: 48px;
	border-radius: 12px;
	background: linear-gradient(135deg, #e6f4ff 0, #bae0ff 100%);
	color: #1677ff;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 16px
}
.gs-knowledge-card h3 {
	font-size: 16px;
	font-weight: 600;
	color: #1f1f1f;
	margin: 0 0 10px 0
}
.gs-knowledge-card p {
	font-size: 14px;
	color: #666;
	line-height: 1.6;
	margin: 0 0 16px 0
}
.gs-knowledge-link {
	font-size: 14px;
	color: #1677ff;
	font-weight: 500;
	display: inline-flex;
	align-items: center;
	gap: 4px
}
.gs-cta {
	margin: 40px 0 80px;
	padding: 60px 40px;
	border-radius: 20px;
	text-align: center;
	background: linear-gradient(135deg, #1677ff 0, #0958d9 100%);
	color: #fff
}
.gs-cta h2 {
	font-size: 32px;
	font-weight: 700;
	margin: 0 0 16px 0
}
.gs-cta p {
	font-size: 16px;
	opacity: 0.95;
	margin: 0 0 32px 0;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto
}
.gs-cta-btns {
	display: flex;
	gap: 16px;
	justify-content: center;
	flex-wrap: wrap
}
.gs-cta-primary {
	padding: 14px 32px;
	border-radius: 12px;
	background: #fff;
	color: #1677ff;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.3s
}
.gs-cta-primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 20px rgba(0,0,0,0.15);
	color: #1677ff
}
.gs-cta-secondary {
	padding: 14px 32px;
	border-radius: 12px;
	background: rgba(255,255,255,0.15);
	border: 1px solid rgba(255,255,255,0.3);
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.3s
}
.gs-cta-secondary:hover {
	background: rgba(255,255,255,0.25);
	color: #fff
}
@media (max-width:992px) {
.gs-svc-grid {
	grid-template-columns: repeat(2, 1fr)
}
.gs-process {
	flex-direction: column;
	gap: 16px
}
.gs-step-arrow {
	transform: rotate(90deg)
}
.gs-process-step {
	width: 100%
}
.gs-banner-stats {
	gap: 24px
}
}
@media (max-width:768px) {
.gs-banner {
	padding: 50px 0 60px
}
.gs-banner-title {
	font-size: 32px
}
.gs-banner-subtitle {
	font-size: 15px
}
.gs-banner-stats {
	gap: 16px;
	flex-wrap: wrap
}
.gs-stat-num {
	font-size: 24px
}
.gs-section-title {
	font-size: 24px
}
.gs-svc-grid {
	grid-template-columns: 1fr;
	gap: 16px
}
.gs-svc-card {
	padding: 24px 20px
}
.gs-card-icon {
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 26px
}
.gs-faq-q {
	padding: 16px 20px;
	font-size: 15px
}
.gs-faq-a p {
	padding: 0 20px 16px
}
.gs-cta {
	padding: 40px 20px;
	margin: 20px 0 60px
}
.gs-knowledge-grid {
	grid-template-columns: repeat(2, 1fr);
	gap: 16px
}
.gs-cta h2 {
	font-size: 24px
}
.gs-banner-cta {
	flex-direction: column
}
.gs-btn-primary, .gs-btn-secondary {
	justify-content: center
}
}
.gs-banner-tags {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 0 40px 0
}
.gs-banner-tag {
	background: rgba(255,255,255,0.15);
	backdrop-filter: blur(10px);
	color: #fff;
	padding: 6px 14px;
	border-radius: 20px;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 6px
}
.gs-banner-tag i {
	color: #52c41a
}
.gs-banner-orb3 {
	width: 300px;
	height: 300px;
	top: -100px;
	right: -50px;
	background: radial-gradient(circle, rgba(255,255,255,0.1) 0, transparent 70%)
}
.gs-trust-bar {
	background: #fff;
	padding: 30px 0;
	border-bottom: 1px solid #f0f0f0;
	box-shadow: 0 2px 12px rgba(22,119,255,0.05)
}
.gs-trust-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
	text-align: center
}
.gs-trust-num {
	font-size: 36px;
	font-weight: 700;
	color: #1677ff;
	line-height: 1;
	margin-bottom: 8px
}
.gs-trust-num .gs-unit {
	font-size: 18px;
	font-weight: 500;
	margin-left: 2px
}
.gs-trust-label {
	font-size: 14px;
	color: #666
}
.gs-advantage-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px
}
.gs-advantage-card {
	background: #fff;
	border-radius: 16px;
	padding: 30px 24px;
	box-shadow: 0 4px 20px rgba(22,119,255,0.08);
	transition: all 0.3s ease;
	border: 1px solid #f0f5ff;
	text-align: center
}
.gs-advantage-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 30px rgba(22,119,255,0.15);
	border-color: #1677ff
}
.gs-adv-icon {
	width: 56px;
	height: 56px;
	border-radius: 12px;
	background: linear-gradient(135deg, #e6f4ff 0, #bae0ff 100%);
	color: #1677ff;
	font-size: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 16px
}
.gs-advantage-card h3 {
	font-size: 18px;
	font-weight: 600;
	color: #1f1f1f;
	margin-bottom: 10px
}
.gs-advantage-card p {
	font-size: 14px;
	color: #666;
	line-height: 1.6;
	margin: 0
}
.gs-area-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center
}
.gs-area-tag {
	padding: 10px 20px;
	background: #f0f5ff;
	color: #1677ff;
	border-radius: 8px;
	font-size: 15px;
	transition: all 0.3s ease;
	cursor: default
}
.gs-area-tag:hover {
	background: #1677ff;
	color: #fff
}
.gs-area-tag.hot {
	background: linear-gradient(135deg, #1677ff 0, #0958d9 100%);
	color: #fff;
	font-weight: 500
}
.gs-scene-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px
}
.gs-scene-card {
	background: #fff;
	border-radius: 16px;
	padding: 30px 24px;
	box-shadow: 0 4px 20px rgba(22,119,255,0.08);
	transition: all 0.3s ease;
	border: 1px solid #f0f5ff;
	text-align: center
}
.gs-scene-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 30px rgba(22,119,255,0.15)
}
.gs-scene-icon {
	width: 56px;
	height: 56px;
	border-radius: 12px;
	background: linear-gradient(135deg, #e6f4ff 0, #bae0ff 100%);
	color: #1677ff;
	font-size: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 16px
}
.gs-scene-card h3 {
	font-size: 18px;
	font-weight: 600;
	color: #1f1f1f;
	margin-bottom: 10px
}
.gs-scene-card p {
	font-size: 14px;
	color: #666;
	line-height: 1.6;
	margin: 0 0 16px
}
.gs-scene-link {
	color: #1677ff;
	font-size: 14px;
	font-weight: 500;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	transition: gap 0.3s ease
}
.gs-scene-link:hover {
	gap: 8px
}
.gs-policy-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px
}
.gs-policy-card {
	background: #fff;
	border-radius: 16px;
	padding: 24px;
	box-shadow: 0 4px 20px rgba(22,119,255,0.08);
	transition: all 0.3s ease;
	border: 1px solid #f0f5ff;
	position: relative;
	overflow: hidden
}
.gs-policy-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 30px rgba(22,119,255,0.15)
}
.gs-policy-tag {
	position: absolute;
	top: 16px;
	right: 16px;
	padding: 4px 10px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 500;
	background: #ff4d4f;
	color: #fff
}
.gs-policy-card:nth-child(2) .gs-policy-tag {
	background: #52c41a
}
.gs-policy-card:nth-child(3) .gs-policy-tag {
	background: #fa8c16
}
.gs-policy-card h3 {
	font-size: 17px;
	font-weight: 600;
	color: #1f1f1f;
	margin: 0 0 12px;
	padding-right: 50px;
	line-height: 1.5
}
.gs-policy-card p {
	font-size: 14px;
	color: #666;
	line-height: 1.6;
	margin: 16px 0 0 0
}
.gs-policy-link {
	color: #1677ff;
	font-size: 14px;
	font-weight: 500;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	transition: gap 0.3s ease;
	float: right
}
.gs-policy-link:hover {
	gap: 8px
}
.gs-svc-card {
	transition: all 0.3s ease
}
.gs-svc-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 30px rgba(22,119,255,0.15);
	border-color: #1677ff
}
@media (max-width:992px) {
.gs-trust-grid {
	grid-template-columns: repeat(3, 1fr);
	gap: 20px
}
.gs-advantage-grid {
	grid-template-columns: repeat(2, 1fr)
}
.gs-scene-grid {
	grid-template-columns: repeat(2, 1fr)
}
.gs-policy-grid {
	grid-template-columns: repeat(2, 1fr)
}
.gs-kr-title {
	white-space: normal;
	line-height: 1.5
}
.gs-step-arrow {
	margin: 8px 0
}
.gs-section {
	margin-bottom: 40px
}
}
@media (max-width:768px) {
.gs-banner-tags {
	gap: 8px;
	margin: 15px 0 20px
}
.gs-banner-tag {
	font-size: 12px;
	padding: 5px 10px
}
.gs-trust-bar {
	padding: 20px 0
}
.gs-trust-grid {
	grid-template-columns: repeat(2, 1fr);
	gap: 15px
}
.gs-trust-num {
	font-size: 28px
}
.gs-trust-num .gs-unit {
	font-size: 14px
}
.gs-advantage-grid {
	grid-template-columns: 1fr;
	gap: 16px
}
.gs-scene-grid {
	grid-template-columns: 1fr;
	gap: 16px
}
.gs-policy-grid {
	grid-template-columns: 1fr;
	gap: 16px
}
.gs-area-tag {
	padding: 8px 14px;
	font-size: 13px
}
}
.gs-detail-banner {
	background: linear-gradient(135deg, #1677ff 0, #0958d9 100%);
	padding: 40px 0 60px;
	position: relative;
	overflow: hidden
}
.gs-detail-banner-orb {
	position: absolute;
	width: 400px;
	height: 400px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255,255,255,0.1) 0, transparent 70%);
	top: -200px;
	right: -100px
}
.gs-detail-banner .gs-breadcrumb {
	color: rgba(255,255,255,0.8);
	margin-bottom: 20px
}
.gs-detail-banner .gs-breadcrumb a {
	color: rgba(255,255,255,0.8)
}
.gs-detail-banner .gs-breadcrumb .current {
	color: #fff
}
.gs-detail-title {
	font-size: 36px;
	font-weight: 700;
	color: #fff;
	margin: 0 0 10px
}
.gs-detail-subtitle {
	font-size: 16px;
	color: rgba(255,255,255,0.9);
	margin: 0
}
.gs-detail-banner .gs-breadcrumb {
	padding: 0 0 12px 0;
	color: rgba(255,255,255,0.85)
}
.gs-detail-banner .gs-breadcrumb a {
	color: #fff
}
.gs-detail-banner .gs-breadcrumb .current {
	color: #fff;
	opacity: 0.9
}
.gs-detail-container {
	display: grid;
	grid-template-columns: 7fr 3fr;
	gap: 30px;
	margin-top: 0;
	padding: 0 0 80px
}
.gs-detail-main {
	background: #fff;
	border-radius: 16px;
	padding: 32px;
	box-shadow: 0 4px 20px rgba(22,119,255,0.08)
}
.gs-detail-sidebar {
	position: sticky;
	top: 50px;
	align-self: flex-start
}
.gs-detail-section {
	margin-bottom: 40px
}
.gs-detail-section:last-child {
	margin-bottom: 0
}
.gs-detail-section-title {
	font-size: 22px;
	font-weight: 600;
	color: #1f1f1f;
	margin: 0 0 20px 0;
	padding-left: 12px;
	border-left: 4px solid #1677ff
}
.gs-detail-content {
	font-size: 15px;
	color: #333;
	line-height: 1.8
}
.gs-detail-content p {
	margin: 0 0 16px
}
.gs-info-table {
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid #f0f5ff
}
.gs-info-row {
	display: flex;
	border-bottom: 1px solid #f0f5ff
}
.gs-info-row:last-child {
	border-bottom: none
}
.gs-info-label {
	width: 120px;
	padding: 16px 20px;
	background: #f0f5ff;
	color: #1677ff;
	font-weight: 500;
	font-size: 15px
}
.gs-info-value {
	flex: 1;
	padding: 16px 20px;
	font-size: 15px;
	color: #333
}
.gs-material-list {
	list-style: none;
	padding: 0;
	margin: 0
}
.gs-material-list li {
	padding: 12px 0;
	font-size: 15px;
	color: #333;
	display: flex;
	align-items: center;
	gap: 10px;
	border-bottom: 1px dashed #f0f5ff
}
.gs-material-list li:last-child {
	border-bottom: none
}
.gs-material-list li i {
	color: #52c41a;
	font-size: 16px
}
.gs-detail-process {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px
}
.gs-detail-process .gs-process-step {
	flex: 1;
	text-align: center;
	padding: 20px 10px;
	background: #f0f5ff;
	border-radius: 12px;
	transition: all 0.3s ease
}
.gs-detail-process .gs-process-step:hover {
	background: #1677ff;
	color: #fff;
	transform: translateY(-3px)
}
.gs-detail-process .gs-process-step:hover .gs-step-num {
	background: #fff;
	color: #1677ff
}
.gs-detail-process .gs-step-num {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #1677ff;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 12px;
	transition: all 0.3s ease
}
.gs-detail-process .gs-process-step h3 {
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 8px
}
.gs-detail-process .gs-process-step p {
	font-size: 13px;
	margin: 0;
	line-height: 1.5;
	opacity: 0.8
}
.gs-detail-process .gs-step-arrow {
	color: #1677ff;
	font-size: 18px;
	flex-shrink: 0
}
.gs-detail-advantage {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px
}
.gs-adv-item {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	padding: 16px;
	background: #f0f5ff;
	border-radius: 12px
}
.gs-adv-item .gs-adv-icon {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: linear-gradient(135deg, #1677ff 0, #0958d9 100%);
	color: #fff;
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0
}
.gs-adv-item h4 {
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 6px;
	color: #1f1f1f
}
.gs-adv-item p {
	font-size: 13px;
	color: #666;
	margin: 0;
	line-height: 1.5
}
.gs-sidebar-card {
	background: #fff;
	border-radius: 16px;
	padding: 24px;
	margin-bottom: 20px;
	box-shadow: 0 4px 20px rgba(22,119,255,0.08);
	border: 1px solid #f0f5ff
}
.gs-sidebar-card:last-child {
	margin-bottom: 0
}
.gs-sidebar-card h3 {
	font-size: 18px;
	font-weight: 600;
	color: #1f1f1f;
	margin: 0 0 16px;
	padding-bottom: 12px;
	border-bottom: 1px solid #f0f0f0
}
.gs-contact-card {
	background: #fff;
	color: #333
}
.gs-contact-card h3 {
	color: #1f1f1f
}
.gs-contact-card p {
	font-size: 14px;
	color: #666;
	margin: 0 0 20px;
	text-align: center
}
.gs-sidebar-phone {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 16px
}
.gs-sidebar-phone i {
	color: #1677ff;
	font-size: 20px
}
.gs-sidebar-phone a {
	color: #1677ff;
	text-decoration: none
}
.gs-sidebar-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	padding: 12px;
	background: linear-gradient(135deg, #1677ff 0, #0958d9 100%);
	color: #fff;
	border-radius: 10px;
	font-weight: 500;
	font-size: 15px;
	text-decoration: none;
	transition: all 0.3s ease
}
.gs-sidebar-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(22,119,255,0.2)
}
.gs-related-list {
	list-style: none;
	padding: 0;
	margin: 0
}
.gs-related-list li {
	padding: 10px 0;
	border-bottom: 1px dashed #f0f5ff
}
.gs-related-list li:last-child {
	border-bottom: none
}
.gs-related-list li a {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	color: #333;
	transition: all 0.3s ease
}
.gs-related-list li a:hover {
	color: #1677ff;
	padding-left: 5px
}
.gs-related-list li i {
	font-size: 12px;
	color: #1677ff
}
.gs-detail-main .gs-cta {
	margin: 0
}
@media (max-width:992px) {
.gs-detail-container {
	grid-template-columns: 1fr;
	gap: 20px;
	padding: 20px 0 60px
}
.gs-detail-sidebar {
	position: static
}
.gs-detail-process {
	flex-direction: column;
	gap: 15px
}
.gs-detail-process .gs-step-arrow {
	transform: rotate(90deg)
}
.gs-detail-advantage {
	grid-template-columns: 1fr
}
}
@media (max-width:576px) {
.gs-detail-banner {
	padding: 30px 0 50px
}
.gs-detail-title {
	font-size: 24px
}
.gs-detail-subtitle {
	font-size: 14px
}
.gs-detail-main {
	padding: 20px 16px
}
.gs-detail-section-title {
	font-size: 18px
}
.gs-info-row {
	flex-direction: column
}
.gs-info-label {
	width: 100%;
	padding: 12px 16px
}
.gs-info-value {
	padding: 12px 16px
}
.gs-knowledge-grid {
	grid-template-columns: 1fr
}
.gs-knowledge-card {
	padding: 24px 16px
}
}
.cs-banner {
	position: relative;
	overflow: hidden;
	background: linear-gradient(135deg, #52c41a 0, #389e0d 100%);
	color: #fff;
	padding: 80px 0
}
.cs-banner-orb {
	position: absolute;
	border-radius: 50%;
	filter: blur(80px);
	opacity: 0.3
}
.cs-banner-orb1 {
	width: 400px;
	height: 400px;
	top: -200px;
	right: -100px
}
.cs-banner-orb2 {
	width: 300px;
	height: 300px;
	bottom: -150px;
	left: -50px
}
.cs-banner-orb3 {
	width: 300px;
	height: 300px;
	top: -100px;
	right: -50px;
	background: radial-gradient(circle, rgba(255,255,255,0.1) 0, transparent 70%)
}
.cs-banner-inner {
	position: relative;
	z-index: 2;
	max-width: 900px;
	margin: 0 auto;
	text-align: center
}
.cs-banner-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 16px;
	background: rgba(255,255,255,0.15);
	border-radius: 20px;
	font-size: 14px;
	margin-bottom: 24px
}
.cs-badge-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #fff;
	animation: pulse 2s infinite
}
@keyframes pulse {
0, 100% {
opacity:1
}
50% {
opacity:0.5
}
}
.cs-banner-title {
	font-size: 48px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 20px
}
.cs-banner-title em {
	font-style: normal;
	color: #d9f7be
}
.cs-banner-subtitle {
	font-size: 18px;
	line-height: 1.8;
	opacity: 0.9;
	margin-bottom: 32px
}
.cs-banner-tags {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 0 40px 0
}
.cs-banner-tag {
	background: rgba(255,255,255,0.15);
	backdrop-filter: blur(10px);
	color: #fff;
	padding: 6px 14px;
	border-radius: 20px;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 6px
}
.cs-banner-tag i {
	color: #d9f7be
}
.cs-banner-cta {
	display: flex;
	gap: 16px;
	justify-content: center;
	flex-wrap: wrap
}
.cs-btn-primary {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 14px 32px;
	border-radius: 12px;
	background: #fff;
	color: #389e0d;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.3s ease
}
.cs-btn-primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(0,0,0,0.15)
}
.cs-btn-secondary {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 14px 32px;
	border-radius: 12px;
	background: rgba(255,255,255,0.2);
	border: 1px solid rgba(255,255,255,0.3);
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.3s ease
}
.cs-btn-secondary:hover {
	background: rgba(255,255,255,0.3);
	transform: translateY(-2px)
}
.cs-trust-bar {
	background: #fff;
	padding: 30px 0;
	box-shadow: 0 2px 12px rgba(82,196,26,0.08)
}
.cs-trust-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px
}
.cs-trust-item {
	text-align: center
}
.cs-trust-num {
	font-size: 36px;
	font-weight: 700;
	color: #52c41a;
	line-height: 1;
	margin-bottom: 8px
}
.cs-unit {
	font-size: 18px;
	font-weight: 500
}
.cs-trust-label {
	font-size: 14px;
	color: #666
}
.cs-breadcrumb {
	padding: 24px 0;
	font-size: 14px;
	color: #999
}
.cs-breadcrumb a {
	color: #64748b;
	transition: color 0.3s;
	text-decoration: none
}
.cs-breadcrumb a:hover {
	color: #52c41a
}
.cs-breadcrumb .current {
	color: #333
}
.cs-section {
	margin-bottom: 60px
}
.cs-section-header {
	text-align: center;
	margin-bottom: 40px
}
.cs-section-title {
	font-size: 32px;
	font-weight: 700;
	color: #1f1f1f;
	margin: 0 0 12px 0
}
.cs-section-subtitle {
	font-size: 16px;
	color: #666;
	margin: 0
}
.cs-svc-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px
}
.cs-svc-card {
	background: #fff;
	border-radius: 16px;
	padding: 32px 24px;
	box-shadow: 0 4px 20px rgba(82,196,26,0.08);
	border: 1px solid #f6ffed;
	transition: all 0.3s ease;
	text-align: center
}
.cs-svc-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 12px 30px rgba(82,196,26,0.15);
	border-color: #52c41a
}
.cs-card-icon {
	width: 64px;
	height: 64px;
	border-radius: 16px;
	background: linear-gradient(135deg, #f6ffed 0, #d9f7be 100%);
	color: #52c41a;
	font-size: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 20px
}
.cs-card-title {
	font-size: 20px;
	font-weight: 600;
	color: #1f1f1f;
	margin: 0 0 12px 0
}
.cs-card-desc {
	font-size: 14px;
	color: #666;
	line-height: 1.7;
	margin: 0 0 20px 0
}
.cs-card-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
	margin-bottom: 20px
}
.cs-tag {
	padding: 4px 12px;
	border-radius: 6px;
	background: #f6ffed;
	color: #389e0d;
	font-size: 12px
}
.cs-card-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 10px 24px;
	border-radius: 8px;
	background: #52c41a;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.3s ease;
	margin: 0 auto
}
.cs-card-btn:hover {
	background: #389e0d
}
.cs-advantage-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px
}
.cs-advantage-card {
	background: #fff;
	border-radius: 16px;
	padding: 28px 20px;
	box-shadow: 0 4px 20px rgba(82,196,26,0.08);
	text-align: center;
	transition: all 0.3s ease
}
.cs-advantage-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 24px rgba(82,196,26,0.12)
}
.cs-adv-icon {
	width: 56px;
	height: 56px;
	border-radius: 14px;
	background: linear-gradient(135deg, #f6ffed 0, #d9f7be 100%);
	color: #52c41a;
	font-size: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 16px
}
.cs-advantage-card h3 {
	font-size: 18px;
	font-weight: 600;
	color: #1f1f1f;
	margin: 0 0 10px 0
}
.cs-advantage-card p {
	font-size: 14px;
	color: #666;
	line-height: 1.6;
	margin: 0
}
.cs-area-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center
}
.cs-area-tag {
	padding: 10px 24px;
	border-radius: 8px;
	background: #fff;
	border: 1px solid #f0f0f0;
	color: #666;
	font-size: 15px;
	transition: all 0.3s ease
}
.cs-area-tag.hot {
	background: #52c41a;
	border-color: #52c41a;
	color: #fff;
	font-weight: 500
}
.cs-area-tag:hover {
	border-color: #52c41a;
	color: #52c41a
}
.cs-area-tag.hot:hover {
	color: #fff;
	background: #389e0d
}
.cs-process {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px
}
.cs-process-step {
	flex: 1;
	background: #fff;
	border-radius: 16px;
	padding: 28px 20px;
	text-align: center;
	box-shadow: 0 4px 20px rgba(82,196,26,0.08)
}
.cs-step-num {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: linear-gradient(135deg, #52c41a 0, #389e0d 100%);
	color: #fff;
	font-size: 22px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 16px
}
.cs-process-step h3 {
	font-size: 18px;
	font-weight: 600;
	color: #1f1f1f;
	margin: 0 0 10px 0
}
.cs-process-step p {
	font-size: 14px;
	color: #666;
	line-height: 1.6;
	margin: 0
}
.cs-step-arrow {
	color: #52c41a;
	font-size: 20px;
	flex-shrink: 0
}
.cs-scene-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px
}
.cs-scene-card {
	background: #fff;
	border-radius: 16px;
	padding: 28px 20px;
	box-shadow: 0 4px 20px rgba(82,196,26,0.08);
	text-align: center;
	transition: all 0.3s ease
}
.cs-scene-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 24px rgba(82,196,26,0.12)
}
.cs-scene-icon {
	width: 56px;
	height: 56px;
	border-radius: 14px;
	background: linear-gradient(135deg, #f6ffed 0, #d9f7be 100%);
	color: #52c41a;
	font-size: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 16px
}
.cs-scene-card h3 {
	font-size: 18px;
	font-weight: 600;
	color: #1f1f1f;
	margin: 0 0 10px 0
}
.cs-scene-card p {
	font-size: 14px;
	color: #666;
	line-height: 1.6;
	margin: 0 0 16px 0
}
.cs-scene-link {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: #52c41a;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none
}
.cs-scene-link:hover {
	color: #389e0d
}
.cs-faq-list {
	width: 100%
}
.cs-faq-item {
	background: #fff;
	border-radius: 12px;
	margin-bottom: 16px;
	box-shadow: 0 2px 12px rgba(82,196,26,0.08);
	overflow: hidden;
	border-bottom: 1px solid #f5f5f5
}
.cs-faq-q {
	padding: 20px 24px;
	font-size: 16px;
	font-weight: 500;
	color: #1f1f1f;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: all 0.3s ease
}
.cs-faq-q:hover {
	color: #52c41a
}
.cs-faq-q i {
	transition: transform 0.3s ease;
	color: #52c41a
}
.cs-faq-item.active .cs-faq-q i {
	transform: rotate(180deg)
}
.cs-faq-a {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease
}
.cs-faq-item.active .cs-faq-a {
	max-height: 200px
}
.cs-faq-a p {
	padding: 0 24px 20px;
	font-size: 14px;
	color: #666;
	line-height: 1.7;
	margin: 0
}
.cs-policy-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px
}
.cs-policy-card {
	background: #fff;
	border-radius: 16px;
	padding: 28px 24px;
	box-shadow: 0 4px 20px rgba(82,196,26,0.08);
	border: 1px solid #f6ffed;
	position: relative;
	transition: all 0.3s ease
}
.cs-policy-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 24px rgba(82,196,26,0.12)
}
.cs-policy-tag {
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 4px 10px;
	border-radius: 6px;
	background: #f6ffed;
	color: #389e0d;
	font-size: 12px;
	font-weight: 500
}
.cs-policy-card h3 {
	font-size: 18px;
	font-weight: 600;
	color: #1f1f1f;
	margin: 0 0 12px 0;
	padding-right: 60px
}
.cs-policy-card p {
	font-size: 14px;
	color: #666;
	line-height: 1.7;
	margin: 0 0 16px 0
}
.cs-policy-link {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: #52c41a;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	float: right
}
.cs-policy-link:hover {
	color: #389e0d
}
.cs-cta {
	margin: 40px 0 80px;
	padding: 60px 40px;
	border-radius: 20px;
	text-align: center;
	background: linear-gradient(135deg, #52c41a 0, #389e0d 100%);
	color: #fff
}
.cs-detail-main .cs-cta {
	margin: 0
}
.cs-cta h2 {
	font-size: 32px;
	font-weight: 700;
	margin: 0 0 16px 0
}
.cs-cta p {
	font-size: 16px;
	opacity: 0.95;
	margin: 0 0 32px 0;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto
}
.cs-cta-btns {
	display: flex;
	gap: 16px;
	justify-content: center;
	flex-wrap: wrap
}
.cs-cta-primary {
	display: inline-flex;
	align-items: center;
	padding: 14px 32px;
	border-radius: 12px;
	background: #fff;
	color: #389e0d;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.3s ease
}
.cs-cta-primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(0,0,0,0.15)
}
.cs-cta-secondary {
	display: inline-flex;
	align-items: center;
	padding: 14px 32px;
	border-radius: 12px;
	background: rgba(255,255,255,0.2);
	border: 1px solid rgba(255,255,255,0.3);
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.3s ease
}
.cs-cta-secondary:hover {
	background: rgba(255,255,255,0.3);
	transform: translateY(-2px)
}
@media (max-width:992px) {
.cs-banner {
	padding: 60px 0
}
.cs-banner-title {
	font-size: 36px
}
.cs-trust-grid {
	grid-template-columns: repeat(3, 1fr);
	gap: 24px
}
.cs-svc-grid {
	grid-template-columns: repeat(2, 1fr);
	gap: 16px
}
.cs-advantage-grid {
	grid-template-columns: repeat(2, 1fr);
	gap: 16px
}
.cs-process {
	flex-direction: column
}
.cs-step-arrow {
	transform: rotate(90deg)
}
.cs-scene-grid {
	grid-template-columns: repeat(2, 1fr);
	gap: 16px
}
.cs-policy-grid {
	grid-template-columns: repeat(2, 1fr);
	gap: 16px
}
.cs-cta {
	padding: 40px 20px;
	margin: 20px 0 60px
}
.cs-cta h2 {
	font-size: 24px
}
.cs-section {
	margin-bottom: 40px
}
.cs-section-header {
	margin-bottom: 28px
}
.cs-breadcrumb {
	padding: 16px 0
}
.cs-step-arrow {
	margin: 8px 0
}
.cs-price-table {
	min-width: 580px
}
}
@media (max-width:576px) {
.cs-banner {
	padding: 40px 0
}
.cs-banner-title {
	font-size: 28px
}
.cs-banner-subtitle {
	font-size: 15px
}
.cs-banner-tags {
	gap: 10px;
	margin-bottom: 28px
}
.cs-banner-tag {
	font-size: 13px
}
.cs-banner-cta {
	flex-direction: column
}
.cs-btn-primary, .cs-btn-secondary {
	justify-content: center;
	width: 100%
}
.cs-trust-grid {
	grid-template-columns: repeat(2, 1fr);
	gap: 20px
}
.cs-trust-num {
	font-size: 28px
}
.cs-section-title {
	font-size: 24px
}
.cs-svc-grid {
	grid-template-columns: 1fr
}
.cs-advantage-grid {
	grid-template-columns: 1fr
}
.cs-scene-grid {
	grid-template-columns: 1fr
}
.cs-policy-grid {
	grid-template-columns: 1fr
}
.cs-cta-btns {
	flex-direction: column
}
.cs-cta-primary, .cs-cta-secondary {
	justify-content: center;
	width: 100%
}
.cs-faq-q {
	padding: 16px 20px;
	font-size: 15px
}
.cs-faq-a p {
	padding: 0 20px 16px
}
}
.cs-detail-banner {
	position: relative;
	overflow: hidden;
	background: linear-gradient(135deg, #52c41a 0, #389e0d 100%);
	padding: 40px 0 60px
}
.cs-detail-banner-orb {
	position: absolute;
	width: 400px;
	height: 400px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255,255,255,0.1) 0, transparent 70%);
	top: -200px;
	right: -100px
}
.cs-detail-title {
	font-size: 36px;
	font-weight: 700;
	color: #fff;
	margin: 0 0 10px
}
.cs-detail-subtitle {
	font-size: 16px;
	color: rgba(255,255,255,0.9);
	margin: 0
}
.cs-detail-banner .cs-breadcrumb {
	padding: 0 0 12px 0;
	color: rgba(255,255,255,0.85)
}
.cs-detail-banner .cs-breadcrumb a {
	color: #fff
}
.cs-detail-banner .cs-breadcrumb .current {
	color: #fff;
	opacity: 0.9
}
.cs-detail-banner .cs-breadcrumb {
	color: rgba(255,255,255,0.85);
	margin-bottom: 20px
}
.cs-breadcrumb span {
	margin: 0 8px;
	color: #cbd5e1
}
.cs-detail-container {
	display: grid;
	grid-template-columns: 7fr 3fr;
	gap: 30px;
	margin-top: 0;
	padding: 0 0 80px
}
.cs-detail-main {
	background: #fff;
	border-radius: 16px;
	padding: 32px;
	box-shadow: 0 4px 20px rgba(82,196,26,0.08)
}
.cs-detail-section {
	margin-bottom: 40px
}
.cs-detail-section:last-child {
	margin-bottom: 0
}
.cs-detail-section-title {
	font-size: 22px;
	font-weight: 600;
	color: #1f1f1f;
	margin: 0 0 20px 0;
	padding-left: 12px;
	border-left: 4px solid #52c41a
}
.cs-detail-content {
	font-size: 15px;
	color: #333;
	line-height: 1.8
}
.cs-detail-content p {
	margin: 0 0 12px 0
}
.cs-info-table {
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid #f6ffed
}
.cs-info-row {
	display: grid;
	grid-template-columns: 120px 1fr;
	border-bottom: 1px solid #f6ffed
}
.cs-info-row:last-child {
	border-bottom: none
}
.cs-info-label {
	padding: 16px 20px;
	background: #f6ffed;
	color: #389e0d;
	font-weight: 500;
	font-size: 15px
}
.cs-info-value {
	padding: 16px 20px;
	font-size: 15px;
	color: #333;
	line-height: 1.6
}
.cs-material-list {
	list-style: none;
	padding: 0;
	margin: 0
}
.cs-material-list li {
	padding: 12px 0;
	font-size: 15px;
	color: #333;
	display: flex;
	align-items: center;
	gap: 10px;
	border-bottom: 1px dashed #f0f0f0
}
.cs-material-list li:last-child {
	border-bottom: none
}
.cs-material-list li i {
	color: #52c41a
}
.cs-detail-process {
	display: flex;
	align-items: center;
	gap: 8px
}
.cs-detail-process .cs-process-step {
	flex: 1;
	background: #f6ffed;
	border-radius: 12px;
	padding: 20px 12px;
	text-align: center
}
.cs-detail-process .cs-step-num {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: linear-gradient(135deg, #52c41a 0, #389e0d 100%);
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 12px
}
.cs-detail-process .cs-process-step h3 {
	font-size: 16px;
	font-weight: 600;
	color: #1f1f1f;
	margin: 0 0 8px 0
}
.cs-detail-process .cs-process-step p {
	font-size: 13px;
	color: #666;
	line-height: 1.5;
	margin: 0
}
.cs-detail-process .cs-step-arrow {
	color: #52c41a;
	font-size: 16px;
	flex-shrink: 0
}
.cs-detail-advantage {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px
}
.cs-adv-item {
	display: flex;
	gap: 16px;
	padding: 20px;
	background: #f6ffed;
	border-radius: 12px
}
.cs-adv-item .cs-adv-icon {
	width: 48px;
	height: 48px;
	border-radius: 12px;
	background: linear-gradient(135deg, #52c41a 0, #389e0d 100%);
	color: #fff;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0
}
.cs-adv-item h4 {
	font-size: 16px;
	font-weight: 600;
	color: #1f1f1f;
	margin: 0 0 8px 0
}
.cs-adv-item p {
	font-size: 14px;
	color: #666;
	line-height: 1.6;
	margin: 0
}
.cs-knowledge-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px
}
.cs-knowledge-card {
	display: block;
	padding: 14px 10px;
	background: #fff;
	border: 1px solid #e9fbd7;
	border-radius: 12px;
	text-decoration: none;
	color: inherit;
	transition: all 0.3s ease;
	text-align: center;
	box-shadow: 0 2px 12px rgba(82,196,26,0.05)
}
.cs-knowledge-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 20px rgba(82,196,26,0.12);
	border-color: #52c41a
}
.cs-knowledge-icon {
	width: 48px;
	height: 48px;
	border-radius: 12px;
	background: linear-gradient(135deg, #f6ffed 0, #d9f7be 100%);
	color: #52c41a;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 12px
}
.cs-knowledge-card h3 {
	font-size: 16px;
	font-weight: 600;
	color: #1f1f1f;
	margin: 0 0 10px 0
}
.cs-knowledge-card p {
	font-size: 13px;
	color: #666;
	line-height: 1.6;
	margin: 0 0 12px 0
}
.cs-knowledge-link {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: #52c41a;
	font-size: 14px;
	font-weight: 500
}
.cs-detail-sidebar {
	position: sticky;
	top: 50px;
	align-self: flex-start
}
.cs-sidebar-card {
	background: #fff;
	border-radius: 16px;
	padding: 24px;
	margin-bottom: 20px;
	box-shadow: 0 4px 20px rgba(82,196,26,0.08);
	border: 1px solid #f0f5ff
}
.cs-contact-card {
	background: #fff;
	color: #333
}
.cs-sidebar-card:last-child {
	margin-bottom: 0
}
.cs-sidebar-card h3 {
	font-size: 18px;
	font-weight: 600;
	color: #1f1f1f;
	margin: 0 0 16px 0;
	padding-bottom: 12px;
	border-bottom: 1px solid #f0f0f0
}
.cs-contact-card p {
	font-size: 14px;
	color: #666;
	margin: 0 0 20px 0;
	text-align: center
}
.cs-sidebar-phone {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-bottom: 16px
}
.cs-sidebar-phone i {
	color: #52c41a;
	font-size: 20px
}
.cs-sidebar-phone a {
	font-size: 22px;
	font-weight: 700;
	color: #52c41a;
	text-decoration: none
}
.cs-sidebar-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	padding: 12px;
	border-radius: 10px;
	background: linear-gradient(135deg, #52c41a 0, #389e0d 100%);
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.3s ease
}
.cs-sidebar-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(82,196,26,0.2)
}
.cs-related-list {
	list-style: none;
	padding: 0;
	margin: 0
}
.cs-related-list li {
	padding: 10px 0;
	border-bottom: 1px dashed #f0f0f0
}
.cs-related-list li:last-child {
	border-bottom: none
}
.cs-related-list li a {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	color: #333;
	text-decoration: none;
	transition: all 0.3s ease
}
.cs-related-list li a:hover {
	color: #52c41a;
	padding-left: 4px
}
.cs-related-list li a i {
	color: #52c41a;
	font-size: 12px
}
@media (max-width:992px) {
.cs-detail-container {
	grid-template-columns: 1fr;
	gap: 20px;
	padding: 20px 0 60px
}
.cs-detail-sidebar {
	position: static
}
.cs-detail-process {
	flex-direction: column
}
.cs-detail-process .cs-step-arrow {
	transform: rotate(90deg)
}
.cs-knowledge-grid {
	grid-template-columns: repeat(2, 1fr)
}
.cs-detail-advantage {
	grid-template-columns: 1fr
}
}
@media (max-width:576px) {
.cs-detail-banner {
	padding: 30px 0 50px
}
.cs-detail-title {
	font-size: 24px
}
.cs-detail-main {
	padding: 20px 16px
}
.cs-info-row {
	grid-template-columns: 1fr
}
.cs-info-label {
	padding: 12px 16px
}
.cs-info-value {
	padding: 12px 16px
}
.cs-knowledge-grid {
	grid-template-columns: 1fr
}
.cs-detail-section-title {
	font-size: 18px
}
}
.gs-detail-content p {
	margin: 0 0 12px 0
}
.gs-info-table {
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid #e6f4ff
}
.gs-info-row {
	display: grid;
	grid-template-columns: 120px 1fr;
	border-bottom: 1px solid #e6f4ff
}
.gs-info-label {
	padding: 16px 20px;
	background: #e6f4ff;
	color: #0958d9;
	font-weight: 500;
	font-size: 15px
}
.gs-info-value {
	padding: 16px 20px;
	font-size: 15px;
	color: #333;
	line-height: 1.6
}
.gs-material-list li {
	padding: 12px 0;
	font-size: 15px;
	color: #333;
	display: flex;
	align-items: center;
	gap: 10px;
	border-bottom: 1px dashed #f0f0f0
}
.gs-material-list li i {
	color: #1677ff
}
.gs-detail-process {
	display: flex;
	align-items: center;
	gap: 8px
}
.gs-detail-process .gs-process-step {
	flex: 1;
	background: #e6f4ff;
	border-radius: 12px;
	padding: 20px 12px;
	text-align: center
}
.gs-detail-process .gs-step-num {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: linear-gradient(135deg, #1677ff 0, #0958d9 100%);
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 12px
}
.gs-detail-process .gs-process-step h3 {
	font-size: 16px;
	font-weight: 600;
	color: #1f1f1f;
	margin: 0 0 8px 0
}
.gs-detail-process .gs-process-step p {
	font-size: 13px;
	color: #666;
	line-height: 1.5;
	margin: 0
}
.gs-detail-process .gs-step-arrow {
	color: #1677ff;
	font-size: 16px;
	flex-shrink: 0
}
.gs-adv-item {
	display: flex;
	gap: 16px;
	padding: 20px;
	background: #e6f4ff;
	border-radius: 12px
}
.gs-adv-item .gs-adv-icon {
	width: 48px;
	height: 48px;
	border-radius: 12px;
	background: linear-gradient(135deg, #1677ff 0, #0958d9 100%);
	color: #fff;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0
}
.gs-adv-item h4 {
	font-size: 16px;
	font-weight: 600;
	color: #1f1f1f;
	margin: 0 0 8px 0
}
.gs-adv-item p {
	font-size: 14px;
	color: #666;
	line-height: 1.6;
	margin: 0
}
.gs-faq-item:last-child {
	border-bottom: none
}
.gs-faq-q {
	padding: 20px 24px;
	font-size: 16px;
	font-weight: 500;
	color: #1f1f1f;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: all 0.3s ease
}
.gs-faq-q i {
	color: #1677ff;
	transition: transform 0.3s ease
}
.gs-knowledge-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px
}
.gs-knowledge-card {
	display: block;
	padding: 14px 10px;
	background: #fff;
	border: 1px solid #e6f4ff;
	border-radius: 12px;
	text-decoration: none;
	color: inherit;
	transition: all 0.3s ease;
	text-align: center;
	box-shadow: 0 2px 12px rgba(22,119,255,0.05)
}
.gs-knowledge-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 20px rgba(22,119,255,0.12);
	border-color: #1677ff
}
.gs-knowledge-icon {
	width: 48px;
	height: 48px;
	border-radius: 12px;
	background: linear-gradient(135deg, #e6f4ff 0, #bae0ff 100%);
	color: #1677ff;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 12px
}
.gs-knowledge-card p {
	font-size: 13px;
	color: #666;
	line-height: 1.6;
	margin: 0 0 12px 0
}
.gs-cta-primary {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 14px 32px;
	border-radius: 10px;
	background: #fff;
	color: #1677ff;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.3s ease
}
.gs-cta-primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(0,0,0,0.15)
}
.gs-cta-secondary {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 14px 32px;
	border-radius: 10px;
	background: rgba(255,255,255,0.15);
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	border: 1px solid rgba(255,255,255,0.3);
	transition: all 0.3s ease
}
.gs-cta-secondary:hover {
	background: rgba(255,255,255,0.25)
}
@media (max-width:992px) {
.gs-detail-process {
	flex-direction: column
}
.gs-knowledge-grid {
	grid-template-columns: repeat(2, 1fr)
}
}
@media (max-width:576px) {
.gs-info-row {
	grid-template-columns: 1fr
}
.gs-info-label {
	padding: 12px 16px
}
.gs-cta-btns {
	flex-direction: column
}
.gs-cta-primary, .gs-cta-secondary {
	justify-content: center;
	width: 100%
}
}
.zz-banner {
	position: relative;
	overflow: hidden;
	background: linear-gradient(135deg, #fa8c16 0, #d46b08 100%);
	color: #fff;
	padding: 80px 0;
	text-align: center
}
.zz-banner-orb {
	position: absolute;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255,255,255,0.15) 0, transparent 70%)
}
.zz-banner-orb1 {
	width: 400px;
	height: 400px;
	top: -200px;
	right: -100px
}
.zz-banner-orb2 {
	width: 300px;
	height: 300px;
	bottom: -150px;
	left: -50px
}
.zz-banner-orb3 {
	width: 300px;
	height: 300px;
	top: -100px;
	right: -50px;
	background: radial-gradient(circle, rgba(255,255,255,0.1) 0, transparent 70%)
}
.zz-banner-inner {
	position: relative;
	z-index: 2;
	max-width: 900px;
	margin: 0 auto
}
.zz-banner-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 16px;
	background: rgba(255,255,255,0.15);
	border-radius: 20px;
	font-size: 14px;
	margin-bottom: 24px
}
.zz-badge-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #fff;
	animation: pulse 2s infinite
}
.zz-banner-title {
	font-size: 48px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 20px
}
.zz-banner-title em {
	font-style: normal;
	color: #fff;
	font-weight: 800
}
.zz-banner-subtitle {
	font-size: 18px;
	line-height: 1.8;
	opacity: 0.9;
	margin-bottom: 32px
}
.zz-banner-tags {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 0 40px 0
}
.zz-banner-tag {
	background: rgba(255,255,255,0.15);
	backdrop-filter: blur(10px);
	color: #fff;
	padding: 6px 14px;
	border-radius: 20px;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 6px
}
.zz-banner-tag i {
	color: #fff
}
.zz-banner-cta {
	display: flex;
	justify-content: center;
	gap: 16px;
	flex-wrap: wrap
}
.zz-btn-primary {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 14px 32px;
	border-radius: 12px;
	background: #fff;
	color: #fa8c16;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.3s ease;
	box-shadow: 0 8px 20px rgba(0,0,0,0.1)
}
.zz-btn-primary:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 28px rgba(0,0,0,0.15)
}
.zz-btn-secondary {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 14px 32px;
	border-radius: 12px;
	background: rgba(255,255,255,0.15);
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	border: 1px solid rgba(255,255,255,0.3);
	transition: all 0.3s ease;
	backdrop-filter: blur(10px)
}
.zz-btn-secondary:hover {
	background: rgba(255,255,255,0.25);
	transform: translateY(-3px)
}
.zz-trust-bar {
	background: #fff7e6;
	padding: 30px 0;
	border-bottom: 1px solid #ffe7ba
}
.zz-trust-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
	text-align: center
}
.zz-trust-num {
	font-size: 36px;
	font-weight: 700;
	color: #fa8c16;
	line-height: 1;
	margin-bottom: 8px
}
.zz-unit {
	font-size: 18px;
	font-weight: 500;
	margin-left: 2px
}
.zz-trust-label {
	font-size: 14px;
	color: #666
}
.zz-breadcrumb {
	padding: 24px 0;
	font-size: 14px;
	color: #999
}
.zz-breadcrumb a {
	color: #999;
	text-decoration: none;
	transition: color 0.3s ease
}
.zz-breadcrumb a:hover {
	color: #fa8c16
}
.zz-breadcrumb .current {
	color: #fa8c16;
	font-weight: 500
}
.zz-breadcrumb span {
	margin: 0 8px;
	color: #cbd5e1
}
.zz-section {
	margin-bottom: 80px
}
.zz-section-header {
	text-align: center;
	margin-bottom: 48px
}
.zz-section-title {
	font-size: 32px;
	font-weight: 700;
	color: #1f1f1f;
	margin: 0 0 12px
}
.zz-section-subtitle {
	font-size: 16px;
	color: #666;
	margin: 0
}
.zz-svc-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px
}
.zz-svc-card {
	background: #fff;
	border-radius: 16px;
	padding: 32px 24px;
	text-align: center;
	border: 1px solid #fff7e6;
	transition: all 0.3s ease;
	box-shadow: 0 2px 12px rgba(250,140,22,0.05)
}
.zz-svc-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 16px 32px rgba(250,140,22,0.12);
	border-color: #fa8c16
}
.zz-card-icon {
	width: 64px;
	height: 64px;
	border-radius: 16px;
	background: linear-gradient(135deg, #fff7e6 0, #ffd591 100%);
	color: #fa8c16;
	font-size: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 20px
}
.zz-card-title {
	font-size: 20px;
	font-weight: 600;
	color: #1f1f1f;
	margin: 0 0 12px
}
.zz-card-desc {
	font-size: 14px;
	color: #666;
	line-height: 1.7;
	margin: 0 0 16px;
	min-height: 70px
}
.zz-card-tags {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 20px
}
.zz-tag {
	padding: 4px 10px;
	background: #fff7e6;
	color: #d46b08;
	border-radius: 6px;
	font-size: 12px
}
.zz-card-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #fa8c16;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.3s ease
}
.zz-card-btn:hover {
	gap: 10px;
	color: #d46b08
}
.zz-advantage-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px
}
.zz-advantage-card {
	background: #fff;
	border-radius: 16px;
	padding: 32px 24px;
	text-align: center;
	border: 1px solid #fff7e6;
	transition: all 0.3s ease
}
.zz-advantage-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 24px rgba(250,140,22,0.1)
}
.zz-adv-icon {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: linear-gradient(135deg, #fa8c16 0, #d46b08 100%);
	color: #fff;
	font-size: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 20px
}
.zz-advantage-card h3 {
	font-size: 18px;
	font-weight: 600;
	color: #1f1f1f;
	margin: 0 0 12px
}
.zz-advantage-card p {
	font-size: 14px;
	color: #666;
	line-height: 1.7;
	margin: 0
}
.zz-area-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center
}
.zz-area-tag {
	padding: 10px 20px;
	background: #fff;
	border: 1px solid #fff7e6;
	border-radius: 8px;
	font-size: 15px;
	color: #666;
	transition: all 0.3s ease
}
.zz-area-tag:hover {
	border-color: #fa8c16;
	color: #fa8c16
}
.zz-area-tag.hot {
	background: linear-gradient(135deg, #fa8c16 0, #d46b08 100%);
	color: #fff;
	border-color: transparent;
	font-weight: 500
}
.zz-process {
	display: flex;
	align-items: center;
	gap: 12px
}
.zz-process-step {
	flex: 1;
	background: #fff7e6;
	border-radius: 16px;
	padding: 28px 20px;
	text-align: center;
	transition: all 0.3s ease
}
.zz-process-step:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 24px rgba(250,140,22,0.1)
}
.zz-step-num {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: linear-gradient(135deg, #fa8c16 0, #d46b08 100%);
	color: #fff;
	font-size: 22px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 16px
}
.zz-process-step h3 {
	font-size: 18px;
	font-weight: 600;
	color: #1f1f1f;
	margin: 0 0 8px
}
.zz-process-step p {
	font-size: 13px;
	color: #666;
	line-height: 1.6;
	margin: 0
}
.zz-step-arrow {
	color: #fa8c16;
	font-size: 20px;
	flex-shrink: 0
}
.zz-scene-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px
}
.zz-scene-card {
	background: #fff;
	border-radius: 16px;
	padding: 28px 20px;
	border: 1px solid #fff7e6;
	transition: all 0.3s ease;
	text-align: center
}
.zz-scene-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 24px rgba(250,140,22,0.1);
	border-color: #fa8c16
}
.zz-scene-icon {
	width: 56px;
	height: 56px;
	border-radius: 14px;
	background: #fff7e6;
	color: #fa8c16;
	font-size: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 16px
}
.zz-scene-card h3 {
	font-size: 16px;
	font-weight: 600;
	color: #1f1f1f;
	margin: 0 0 10px
}
.zz-scene-card p {
	font-size: 13px;
	color: #666;
	line-height: 1.7;
	margin: 0 0 12px
}
.zz-scene-link {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: #fa8c16;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.3s ease
}
.zz-scene-link:hover {
	gap: 8px
}
.zz-faq-item {
	background: #fff;
	border-radius: 12px;
	margin-bottom: 16px;
	box-shadow: 0 2px 12px rgba(82,196,26,0.08);
	overflow: hidden;
	border-bottom: 1px solid #f5f5f5
}
.zz-faq-item:last-child {
	border-bottom: none
}
.zz-faq-q {
	padding: 20px 24px;
	font-size: 16px;
	font-weight: 500;
	color: #1f1f1f;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: all 0.3s ease
}
.zz-faq-q:hover {
	color: #fa8c16
}
.zz-faq-q i {
	color: #fa8c16;
	transition: transform 0.3s ease
}
.zz-faq-item.active .zz-faq-q i {
	transform: rotate(180deg)
}
.zz-faq-a {
	max-height: 0;
	overflow: hidden;
	transition: all 0.3s ease
}
.zz-faq-a p {
	padding: 0 24px 20px;
	font-size: 14px;
	color: #666;
	line-height: 1.7;
	margin: 0
}
.zz-faq-item.active .zz-faq-a {
	max-height: 300px
}
.zz-policy-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px
}
.zz-policy-card {
	background: #fff;
	border-radius: 16px;
	padding: 24px;
	box-shadow: 0 4px 20px rgba(22,119,255,0.08);
	transition: all 0.3s ease;
	border: 1px solid #fa8c16;
	position: relative;
	overflow: hidden
}
.zz-policy-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 24px rgba(250,140,22,0.1)
}
.zz-policy-tag {
	position: absolute;
	top: 16px;
	right: 16px;
	padding: 4px 10px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 500;
	background: #e3780e;
	color: #fff
}
.zz-policy-card h3 {
	font-size: 17px;
	font-weight: 600;
	color: #1f1f1f;
	margin: 0 0 12px;
	padding-right: 50px;
	line-height: 1.5
}
.zz-policy-card p {
	font-size: 14px;
	color: #666;
	line-height: 1.7;
	margin: 16px 0 0 0
}
.zz-policy-link {
	color: #fa8c16;
	font-size: 14px;
	font-weight: 500;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	transition: gap 0.3s ease;
	float: right
}
.zz-policy-link:hover {
	gap: 8px
}
.zz-cta {
	margin: 40px 0 80px;
	padding: 60px 40px;
	border-radius: 20px;
	text-align: center;
	background: linear-gradient(135deg, #fa8c16 0, #d46b08 100%);
	color: #fff
}
.zz-detail-main .zz-cta {
	margin: 0
}
.zz-cta h2 {
	font-size: 32px;
	font-weight: 700;
	margin: 0 0 16px
}
.zz-cta p {
	font-size: 16px;
	opacity: 0.95;
	margin: 0 0 32px;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto
}
.zz-cta-btns {
	display: flex;
	gap: 16px;
	justify-content: center;
	flex-wrap: wrap
}
.zz-cta-primary {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 16px 36px;
	border-radius: 12px;
	background: #fff;
	color: #fa8c16;
	font-size: 17px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.3s ease;
	box-shadow: 0 8px 20px rgba(0,0,0,0.1)
}
.zz-cta-primary:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 28px rgba(0,0,0,0.15)
}
.zz-cta-secondary {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 16px 36px;
	border-radius: 12px;
	background: rgba(255,255,255,0.15);
	color: #fff;
	font-size: 17px;
	font-weight: 500;
	text-decoration: none;
	border: 1px solid rgba(255,255,255,0.3);
	transition: all 0.3s ease
}
.zz-cta-secondary:hover {
	background: rgba(255,255,255,0.25);
	transform: translateY(-3px)
}
@media (max-width:992px) {
.zz-banner {
	padding: 60px 0 80px
}
.zz-banner-title {
	font-size: 36px
}
.zz-banner-subtitle {
	font-size: 16px
}
.zz-trust-grid {
	grid-template-columns: repeat(3, 1fr);
	gap: 30px 20px
}
.zz-svc-grid {
	grid-template-columns: repeat(2, 1fr)
}
.zz-advantage-grid {
	grid-template-columns: repeat(2, 1fr)
}
.zz-process {
	flex-direction: column
}
.zz-step-arrow {
	transform: rotate(90deg)
}
.zz-scene-grid {
	grid-template-columns: repeat(2, 1fr)
}
.zz-policy-grid {
	grid-template-columns: repeat(2, 1fr)
}
}
@media (max-width:576px) {
.zz-banner {
	padding: 40px 0 60px
}
.zz-banner-title {
	font-size: 28px
}
.zz-banner-subtitle {
	font-size: 14px
}
.zz-banner-tags {
	gap: 10px;
	margin-bottom: 28px
}
.zz-banner-tag {
	font-size: 13px
}
.zz-banner-cta {
	flex-direction: column
}
.zz-btn-primary, .zz-btn-secondary {
	justify-content: center;
	width: 100%;
	padding: 14px 24px;
	font-size: 16px
}
.zz-trust-grid {
	grid-template-columns: repeat(2, 1fr);
	gap: 24px 16px
}
.zz-trust-num {
	font-size: 32px
}
.zz-section {
	margin-bottom: 50px
}
.zz-section-title {
	font-size: 24px
}
.zz-svc-grid {
	grid-template-columns: 1fr
}
.zz-advantage-grid {
	grid-template-columns: 1fr
}
.zz-scene-grid {
	grid-template-columns: 1fr
}
.zz-policy-grid {
	grid-template-columns: 1fr
}
.zz-faq-q {
	padding: 16px 20px;
	font-size: 15px
}
.zz-cta {
	padding: 40px 20px
}
.zz-cta h2 {
	font-size: 24px
}
.zz-cta-btns {
	flex-direction: column
}
.zz-cta-primary, .zz-cta-secondary {
	justify-content: center;
	width: 100%;
	padding: 14px 24px
}
}
.zz-detail-banner {
	background: linear-gradient(135deg, #fa8c16 0, #d46b08 100%);
	padding: 40px 0 60px;
	position: relative;
	overflow: hidden
}
.zz-detail-banner-orb {
	position: absolute;
	width: 400px;
	height: 400px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255,255,255,0.1) 0, transparent 70%);
	top: -200px;
	right: -100px
}
.zz-detail-banner .zz-breadcrumb {
	padding: 0 0 12px 0;
	color: rgba(255,255,255,0.85);
	margin-bottom: 20px
}
.zz-detail-banner .zz-breadcrumb a {
	color: #fff
}
.zz-detail-banner .zz-breadcrumb .current {
	color: #fff;
	opacity: 0.9
}
.zz-detail-title {
	font-size: 36px;
	font-weight: 700;
	color: #fff;
	margin: 0 0 10px
}
.zz-detail-subtitle {
	font-size: 16px;
	color: rgba(255,255,255,0.9);
	margin: 0
}
.zz-detail-container {
	display: grid;
	grid-template-columns: 7fr 3fr;
	gap: 30px;
	margin-top: 0;
	padding: 0 0 80px
}
.zz-detail-main {
	background: #fff;
	border-radius: 16px;
	padding: 32px;
	box-shadow: 0 4px 20px rgba(250,140,22,0.08)
}
.zz-detail-sidebar {
	position: sticky;
	top: 50px;
	align-self: flex-start
}
.zz-detail-section {
	margin-bottom: 40px
}
.zz-detail-section:last-child {
	margin-bottom: 0
}
.zz-detail-section-title {
	font-size: 22px;
	font-weight: 600;
	color: #1f1f1f;
	margin: 0 0 20px 0;
	padding-left: 12px;
	border-left: 4px solid #fa8c16
}
.zz-detail-content {
	font-size: 15px;
	color: #333;
	line-height: 1.8
}
.zz-info-table {
	border: 1px solid #fff7e6;
	border-radius: 12px;
	overflow: hidden
}
.zz-info-row {
	display: grid;
	grid-template-columns: 120px 1fr;
	border-bottom: 1px solid #fff7e6
}
.zz-info-row:last-child {
	border-bottom: none
}
.zz-info-label {
	padding: 16px 20px;
	background: #fff7e6;
	color: #d46b08;
	font-weight: 500;
	font-size: 15px
}
.zz-info-value {
	padding: 16px 20px;
	font-size: 15px;
	color: #333;
	line-height: 1.6
}
.zz-material-list {
	list-style: none;
	padding: 0;
	margin: 0
}
.zz-material-list li {
	padding: 12px 0;
	border-bottom: 1px dashed #f5f5f5;
	color: #333;
	display: flex;
	align-items: center;
	gap: 10px
}
.zz-material-list li:last-child {
	border-bottom: none
}
.zz-material-list li i {
	color: #fa8c16;
	flex-shrink: 0
}
.zz-detail-process {
	display: flex;
	align-items: center;
	gap: 12px
}
.zz-detail-process .zz-process-step {
	flex: 1;
	background: #fff7e6;
	border-radius: 12px;
	padding: 24px 16px;
	text-align: center
}
.zz-detail-process .zz-step-num {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: linear-gradient(135deg, #fa8c16 0, #d46b08 100%);
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 12px
}
.zz-detail-process .zz-process-step h3 {
	font-size: 16px;
	font-weight: 600;
	color: #1f1f1f;
	margin: 0 0 8px
}
.zz-detail-process .zz-process-step p {
	font-size: 13px;
	color: #666;
	line-height: 1.6;
	margin: 0
}
.zz-detail-process .zz-step-arrow {
	color: #fa8c16;
	font-size: 18px;
	flex-shrink: 0
}
.zz-detail-advantage {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(2, 1fr)
}
.zz-adv-item {
	display: flex;
	gap: 16px;
	padding: 20px;
	background: #fff7e6;
	border-radius: 12px
}
.zz-adv-icon {
	width: 48px;
	height: 48px;
	border-radius: 12px;
	background: linear-gradient(135deg, #fa8c16 0, #d46b08 100%);
	color: #fff;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0
}
.zz-adv-item h4 {
	font-size: 16px;
	font-weight: 600;
	color: #1f1f1f;
	margin: 0 0 8px
}
.zz-adv-item p {
	font-size: 14px;
	color: #666;
	line-height: 1.7;
	margin: 0
}
.zz-faq-list {
	width: 100%
}
.zz-knowledge-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px
}
.zz-knowledge-card {
	display: block;
	padding: 20px;
	border: 1px solid #fff7e6;
	border-radius: 12px;
	text-decoration: none;
	transition: all 0.3s ease;
	text-align: center
}
.zz-knowledge-card:hover {
	border-color: #fa8c16;
	transform: translateY(-4px);
	box-shadow: 0 8px 16px rgba(250,140,22,0.1)
}
.zz-knowledge-icon {
	width: 48px;
	height: 48px;
	border-radius: 12px;
	background: #fff7e6;
	color: #fa8c16;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 12px
}
.zz-knowledge-card h3 {
	font-size: 15px;
	font-weight: 600;
	color: #1f1f1f;
	margin: 0 0 8px;
	line-height: 1.5
}
.zz-knowledge-card p {
	font-size: 13px;
	color: #666;
	line-height: 1.6;
	margin: 0 0 12px
}
.zz-knowledge-link {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: #fa8c16;
	font-size: 14px;
	font-weight: 500
}
.zz-knowledge-card:hover .zz-knowledge-link {
	gap: 8px
}
.zz-sidebar-card {
	background: #fff;
	border-radius: 16px;
	padding: 24px;
	margin-bottom: 20px;
	box-shadow: 0 2px 12px rgba(250,140,22,0.05);
	border: 1px solid #fff7e6
}
.zz-contact-card {
	background: #fff;
	color: #333
}
.zz-sidebar-card:last-child {
	margin-bottom: 0
}
.zz-sidebar-card h3 {
	font-size: 18px;
	font-weight: 600;
	color: #1f1f1f;
	margin: 0 0 16px 0;
	padding-bottom: 12px;
	border-bottom: 1px solid #f5f5f5
}
.zz-sidebar-card p {
	font-size: 14px;
	color: #666;
	margin: 0 0 20px 0;
	text-align: center
}
.zz-sidebar-phone {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-bottom: 16px
}
.zz-sidebar-phone i {
	color: #fa8c16;
	font-size: 20px
}
.zz-sidebar-phone a {
	font-size: 22px;
	font-weight: 700;
	color: #fa8c16;
	text-decoration: none
}
.zz-sidebar-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	padding: 12px;
	border-radius: 10px;
	background: linear-gradient(135deg, #fa8c16 0, #d46b08 100%);
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.3s ease
}
.zz-sidebar-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 16px rgba(250,140,22,0.2)
}
.zz-related-list {
	list-style: none;
	padding: 0;
	margin: 0
}
.zz-related-list li {
	padding: 10px 0;
	border-bottom: 1px dashed #f5f5f5
}
.zz-related-list li:last-child {
	border-bottom: none
}
.zz-related-list li a {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #333;
	text-decoration: none;
	font-size: 14px;
	transition: color 0.3s ease
}
.zz-related-list li a i {
	color: #fa8c16;
	font-size: 12px
}
.zz-related-list li a:hover {
	color: #fa8c16
}
@media (max-width:992px) {
.zz-detail-container {
	grid-template-columns: 1fr;
	gap: 20px;
	padding: 20px 0 60px
}
.zz-detail-sidebar {
	position: static
}
.zz-detail-main {
	padding: 20px 16px
}
.zz-detail-advantage {
	grid-template-columns: 1fr
}
.zz-detail-banner {
	padding: 30px 0 50px
}
.zz-detail-title {
	font-size: 24px
}
.zz-detail-section-title {
	font-size: 18px
}
.zz-info-row {
	grid-template-columns: 1fr
}
.zz-info-label {
	padding: 12px 16px
}
.zz-info-value {
	padding: 12px 16px
}
.zz-detail-process {
	flex-direction: column
}
.zz-detail-process .zz-step-arrow {
	transform: rotate(90deg)
}
.zz-knowledge-grid {
	grid-template-columns: 1fr
}
.zz-knowledge-card {
	padding: 24px 16px
}
}
.jg-hero {
	background: linear-gradient(135deg, #faad14 0, #d48806 100%);
	padding: 80px 0 60px;
	color: #fff;
	position: relative;
	overflow: hidden
}
.jg-hero::before {
	content: '';
	position: absolute;
	top: -50%;
	right: -10%;
	width: 500px;
	height: 500px;
	background: rgba(255,255,255,0.1);
	border-radius: 50%
}
.jg-hero::after {
	content: '';
	position: absolute;
	bottom: -30%;
	left: -5%;
	width: 300px;
	height: 300px;
	background: rgba(255,255,255,0.08);
	border-radius: 50%
}
.jg-hero .container {
	position: relative;
	z-index: 2
}
.jg-hero .breadcrumb {
	margin-bottom: 20px
}
.jg-hero .breadcrumb a, .jg-hero .breadcrumb span {
	color: rgba(255,255,255,0.9);
	font-size: 14px
}
.jg-hero .breadcrumb .current {
	color: #fff
}
.jg-hero-badge {
	display: inline-block;
	background: rgba(255,255,255,0.2);
	padding: 6px 16px;
	border-radius: 20px;
	font-size: 14px;
	margin-bottom: 20px;
	backdrop-filter: blur(10px)
}
.jg-hero h1 {
	font-size: 42px;
	font-weight: 700;
	margin: 0 0 16px
}
.jg-hero-subtitle {
	font-size: 18px;
	opacity: 0.95;
	margin: 0 0 30px;
	max-width: 700px
}
.jg-hero-btns {
	display: flex;
	gap: 16px;
	flex-wrap: wrap
}
.jg-btn-white {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 28px;
	background: #fff;
	color: #d48806;
	border-radius: 30px;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.3s
}
.jg-btn-white:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(0,0,0,0.15)
}
.jg-btn-outline {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 28px;
	background: transparent;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 30px;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.3s
}
.jg-btn-outline:hover {
	background: rgba(255,255,255,0.15)
}
.jg-section {
	padding: 60px 0
}
.jg-section-gray {
	background: #fafafa
}
.jg-trust-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px
}
.jg-trust-item {
	background: #fff;
	padding: 28px 20px;
	border-radius: 12px;
	text-align: center;
	box-shadow: 0 2px 12px rgba(0,0,0,0.05)
}
.jg-trust-item i {
	font-size: 36px;
	margin-bottom: 12px
}
.jg-trust-item h4 {
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 8px
}
.jg-trust-item p {
	font-size: 14px;
	color: #666;
	margin: 0
}
.jg-anchor-section {
	padding: 0 0 20px
}
.jg-anchor-nav {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	justify-content: center
}
.jg-anchor-item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 24px;
	border-radius: 30px;
	background: #fff;
	box-shadow: 0 2px 12px rgba(0,0,0,0.05);
	text-decoration: none;
	font-weight: 500;
	transition: all 0.3s
}
.jg-anchor-item.blue {
	color: #1677ff;
	border: 1px solid #e6f4ff
}
.jg-anchor-item.blue:hover {
	background: #1677ff;
	color: #fff
}
.jg-anchor-item.green {
	color: #52c41a;
	border: 1px solid #f6ffed
}
.jg-anchor-item.green:hover {
	background: #52c41a;
	color: #fff
}
.jg-anchor-item.orange {
	color: #fa8c16;
	border: 1px solid #fff7e6
}
.jg-anchor-item.orange:hover {
	background: #fa8c16;
	color: #fff
}
.jg-anchor-item.purple {
	color: #722ed1;
	border: 1px solid #f9f0ff
}
.jg-anchor-item.purple:hover {
	background: #722ed1;
	color: #fff
}
.jg-section-header {
	text-align: center;
	margin-bottom: 40px
}
.jg-section-icon {
	width: 60px;
	height: 60px;
	border-radius: 16px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	color: #fff;
	margin-bottom: 16px
}
.jg-section-icon.blue {
	background: linear-gradient(135deg, #1677ff, #0958d9)
}
.jg-section-icon.green {
	background: linear-gradient(135deg, #52c41a, #389e0d)
}
.jg-section-icon.orange {
	background: linear-gradient(135deg, #fa8c16, #d46b08)
}
.jg-section-icon.purple {
	background: linear-gradient(135deg, #722ed1, #531dab)
}
.jg-section-header h2 {
	font-size: 28px;
	font-weight: 700;
	margin: 0 0 12px
}
.jg-section-header p {
	font-size: 16px;
	color: #666;
	margin: 0
}
.jg-price-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px
}
.jg-price-grid-3 {
	grid-template-columns: repeat(3, 1fr)
}
.jg-price-card {
	background: #fff;
	border-radius: 16px;
	padding: 32px 24px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.05);
	position: relative;
	transition: all 0.3s
}
.jg-price-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 12px 24px rgba(0,0,0,0.1)
}
.jg-price-tag {
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 4px 12px;
	border-radius: 12px;
	font-size: 12px;
	color: #fff
}
.jg-price-tag.blue {
	background: #1677ff
}
.jg-price-tag.green {
	background: #52c41a
}
.jg-price-tag.orange {
	background: #fa8c16
}
.jg-price-tag.purple {
	background: #722ed1
}
.jg-price-card h3 {
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 16px
}
.jg-price-num {
	font-size: 36px;
	font-weight: 700;
	color: #faad14;
	margin-bottom: 8px
}
.jg-price-num span {
	font-size: 16px;
	font-weight: 400;
	color: #666;
	margin-left: 4px
}
.jg-price-note {
	font-size: 13px;
	color: #8c8c8c;
	margin: 0 0 20px
}
.jg-price-list {
	list-style: none;
	padding: 0;
	margin: 0 0 20px
}
.jg-price-list li {
	padding: 8px 0;
	font-size: 14px;
	color: #333;
	display: flex;
	align-items: center;
	gap: 8px
}
.jg-price-list li i {
	color: #52c41a;
	font-size: 14px
}
.jg-price-cycle {
	font-size: 13px;
	color: #8c8c8c;
	padding: 10px 0;
	border-top: 1px solid #f0f0f0;
	margin-bottom: 20px
}
.jg-price-btn {
	display: block;
	width: 100%;
	text-align: center;
	padding: 12px;
	border-radius: 10px;
	text-decoration: none;
	font-weight: 500;
	transition: all 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px
}
.jg-price-btn.blue {
	background: #e6f4ff;
	color: #1677ff
}
.jg-price-btn.blue:hover {
	background: #1677ff;
	color: #fff
}
.jg-price-btn.green {
	background: #f6ffed;
	color: #52c41a
}
.jg-price-btn.green:hover {
	background: #52c41a;
	color: #fff
}
.jg-price-btn.orange {
	background: #fff7e6;
	color: #fa8c16
}
.jg-price-btn.orange:hover {
	background: #fa8c16;
	color: #fff
}
.jg-price-btn.purple {
	background: #f9f0ff;
	color: #722ed1
}
.jg-price-btn.purple:hover {
	background: #722ed1;
	color: #fff
}
.jg-notice-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px
}
.jg-notice-card {
	background: #fff;
	border-radius: 16px;
	padding: 28px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.05);
	border-left: 4px solid #1677ff
}
.jg-notice-warn {
	border-left-color: #ff4d4f
}
.jg-notice-card h3 {
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 20px;
	display: flex;
	align-items: center;
	gap: 10px
}
.jg-notice-card ul {
	list-style: none;
	padding: 0;
	margin: 0
}
.jg-notice-card li {
	padding: 10px 0;
	font-size: 14px;
	color: #333;
	line-height: 1.7;
	padding-left: 20px;
	position: relative
}
.jg-notice-card li::before {
	content: '•';
	position: absolute;
	left: 0;
	color: #faad14;
	font-weight: bold
}
.jg-package-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px
}
.jg-package-card {
	background: #fff;
	border-radius: 16px;
	padding: 32px 24px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.05);
	position: relative;
	text-align: center;
	transition: all 0.3s;
	border: 2px solid transparent
}
.jg-package-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 12px 24px rgba(0,0,0,0.1)
}
.jg-package-hot {
	border-color: #faad14;
	transform: scale(1.05)
}
.jg-package-hot:hover {
	transform: scale(1.05) translateY(-6px)
}
.jg-package-tag {
	position: absolute;
	top: -12px;
	left: 50%;
	transform: translateX(-50%);
	padding: 4px 16px;
	border-radius: 12px;
	font-size: 12px;
	color: #fff;
	background: #8c8c8c
}
.jg-package-tag.hot {
	background: linear-gradient(135deg, #faad14, #d48806)
}
.jg-package-card h3 {
	font-size: 22px;
	font-weight: 600;
	margin: 10px 0 16px
}
.jg-package-price {
	font-size: 42px;
	font-weight: 700;
	color: #faad14;
	margin-bottom: 8px
}
.jg-package-price span {
	font-size: 16px;
	font-weight: 400
}
.jg-package-origin {
	font-size: 14px;
	color: #ff4d4f;
	text-decoration: line-through;
	margin: 0 0 24px
}
.jg-package-list {
	list-style: none;
	padding: 0;
	margin: 0 0 30px;
	text-align: left
}
.jg-package-list li {
	padding: 10px 0;
	font-size: 14px;
	color: #333;
	display: flex;
	align-items: center;
	gap: 8px
}
.jg-package-list li i {
	color: #52c41a
}
.jg-package-btn {
	display: block;
	width: 100%;
	padding: 14px;
	background: linear-gradient(135deg, #faad14, #d48806);
	color: #fff;
	border-radius: 10px;
	text-decoration: none;
	font-weight: 500;
	transition: all 0.3s
}
.jg-package-btn:hover {
	box-shadow: 0 8px 20px rgba(250,173,20,0.3);
	transform: translateY(-2px)
}
.jg-area-card {
	background: #fff;
	border-radius: 16px;
	padding: 32px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.05)
}
.jg-area-card h3 {
	font-size: 22px;
	font-weight: 600;
	margin: 0 0 16px;
	display: flex;
	align-items: center;
	gap: 10px
}
.jg-area-card p {
	font-size: 15px;
	color: #666;
	margin: 0 0 20px;
	line-height: 1.7
}
.jg-area-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px
}
.jg-area-tags span {
	padding: 6px 16px;
	background: #fffbe6;
	color: #d48806;
	border-radius: 20px;
	font-size: 14px
}
.jg-faq {
	width: 100%
}
.jg-faq-item {
	background: #fff;
	border-radius: 12px;
	margin-bottom: 16px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.05);
	overflow: hidden
}
.jg-faq-summary {
	padding: 20px 24px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 500;
	font-size: 16px;
	list-style: none
}
.jg-faq-summary::-webkit-details-marker {
display:none
}
.jg-faq-summary i {
	transition: transform 0.3s;
	color: #999
}
.jg-faq-item[open] .jg-faq-summary i {
	transform: rotate(180deg)
}
.jg-faq-content {
	padding: 0 24px 20px;
	color: #666;
	line-height: 1.8;
	font-size: 14px
}
.jg-cta {
	background: linear-gradient(135deg, #faad14 0, #d48806 100%);
	border-radius: 20px;
	padding: 50px 40px;
	text-align: center;
	color: #fff
}
.jg-cta h2 {
	font-size: 28px;
	font-weight: 700;
	margin: 0 0 12px
}
.jg-cta p {
	font-size: 16px;
	opacity: 0.95;
	margin: 0 0 28px
}
.jg-cta-btns {
	display: flex;
	gap: 16px;
	justify-content: center;
	flex-wrap: wrap
}
@media (max-width:1024px) {
.jg-trust-grid, .jg-price-grid, .jg-package-grid {
	grid-template-columns: repeat(2, 1fr)
}
.jg-notice-grid {
	grid-template-columns: 1fr
}
.jg-price-grid-3 {
	grid-template-columns: repeat(2, 1fr)
}
}
@media (max-width:768px) {
.jg-hero {
	padding: 50px 0 40px
}
.jg-hero h1 {
	font-size: 28px
}
.jg-hero-subtitle {
	font-size: 15px
}
.jg-section {
	padding: 40px 0
}
.jg-trust-grid, .jg-price-grid, .jg-package-grid, .jg-price-grid-3 {
	grid-template-columns: 1fr
}
.jg-anchor-nav {
	gap: 10px
}
.jg-anchor-item {
	padding: 8px 16px;
	font-size: 14px
}
.jg-package-hot {
	transform: none
}
.jg-package-hot:hover {
	transform: translateY(-6px)
}
.jg-cta {
	padding: 40px 20px
}
.jg-cta h2 {
	font-size: 22px
}
}
.about-hero {
	background: linear-gradient(135deg, #1677ff 0, #0958d9 100%);
	padding: 80px 0 60px;
	color: #fff;
	position: relative;
	overflow: hidden
}
.about-hero::before {
	content: '';
	position: absolute;
	top: -50%;
	right: -10%;
	width: 500px;
	height: 500px;
	background: rgba(255,255,255,0.1);
	border-radius: 50%
}
.about-hero .container {
	position: relative;
	z-index: 2
}
.about-hero .breadcrumb a, .about-hero .breadcrumb span {
	color: rgba(255,255,255,0.9);
	font-size: 14px
}
.about-hero .breadcrumb .current {
	color: #fff
}
.about-hero-badge {
	display: inline-block;
	background: rgba(255,255,255,0.2);
	padding: 6px 16px;
	border-radius: 20px;
	font-size: 14px;
	margin-bottom: 20px;
	backdrop-filter: blur(10px)
}
.about-hero h1 {
	font-size: 42px;
	font-weight: 700;
	margin: 0 0 16px
}
.about-hero-subtitle {
	font-size: 18px;
	opacity: 0.95;
	margin: 0;
	max-width: 700px
}
.about-section {
	padding: 60px 0
}
.about-section-gray {
	background: #fafafa
}
.about-intro {
	display: grid;
	grid-template-columns: 1.5fr 1fr;
	gap: 40px;
	align-items: center
}
.about-intro-text h2 {
	font-size: 28px;
	font-weight: 700;
	margin: 0 0 20px
}
.about-intro-text p {
	font-size: 15px;
	color: #333;
	line-height: 1.8;
	margin: 0 0 16px
}
.about-intro-stats {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px
}
.about-stat-item {
	background: #fff;
	padding: 28px 20px;
	border-radius: 12px;
	text-align: center;
	box-shadow: 0 2px 12px rgba(0,0,0,0.05)
}
.about-stat-num {
	font-size: 42px;
	font-weight: 700;
	color: #1677ff;
	margin-bottom: 8px
}
.about-stat-num span {
	font-size: 20px
}
.about-stat-text {
	font-size: 14px;
	color: #666
}
.about-section-header {
	text-align: center;
	margin-bottom: 40px
}
.about-section-header h2 {
	font-size: 28px;
	font-weight: 700;
	margin: 0 0 12px
}
.about-section-header p {
	font-size: 16px;
	color: #666;
	margin: 0
}
.about-advantage-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px
}
.about-advantage-card {
	background: #fff;
	padding: 32px 24px;
	border-radius: 16px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.05);
	transition: all 0.3s
}
.about-advantage-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 12px 24px rgba(0,0,0,0.1)
}
.about-advantage-icon {
	width: 60px;
	height: 60px;
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	color: #fff;
	margin-bottom: 20px
}
.about-advantage-icon.blue {
	background: linear-gradient(135deg, #1677ff, #0958d9)
}
.about-advantage-icon.green {
	background: linear-gradient(135deg, #52c41a, #389e0d)
}
.about-advantage-icon.orange {
	background: linear-gradient(135deg, #fa8c16, #d46b08)
}
.about-advantage-icon.purple {
	background: linear-gradient(135deg, #722ed1, #531dab)
}
.about-advantage-icon.gold {
	background: linear-gradient(135deg, #faad14, #d48806)
}
.about-advantage-card h3 {
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 12px
}
.about-advantage-card p {
	font-size: 14px;
	color: #666;
	line-height: 1.7;
	margin: 0
}
.about-area-card {
	background: #fff;
	border-radius: 16px;
	padding: 32px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.05)
}
.about-area-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 20px
}
.about-area-tags span {
	padding: 8px 20px;
	background: #e6f4ff;
	color: #1677ff;
	border-radius: 20px;
	font-size: 14px
}
.about-area-note {
	font-size: 15px;
	color: #666;
	line-height: 1.7;
	margin: 0
}
.about-promise-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px
}
.about-promise-item {
	background: #fff;
	padding: 20px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 15px;
	font-weight: 500;
	box-shadow: 0 2px 12px rgba(0,0,0,0.05)
}
.about-promise-item i {
	font-size: 20px
}
.about-cta {
	background: linear-gradient(135deg, #1677ff 0, #0958d9 100%);
	border-radius: 20px;
	padding: 50px 40px;
	text-align: center;
	color: #fff
}
.about-cta h2 {
	font-size: 28px;
	font-weight: 700;
	margin: 0 0 12px
}
.about-cta p {
	font-size: 16px;
	opacity: 0.95;
	margin: 0 0 28px
}
.about-cta-btns {
	display: flex;
	gap: 16px;
	justify-content: center;
	flex-wrap: wrap
}
.about-btn-white {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 28px;
	background: #fff;
	color: #0958d9;
	border-radius: 30px;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.3s
}
.about-btn-white:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(0,0,0,0.15)
}
.about-btn-outline {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 28px;
	background: transparent;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 30px;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.3s
}
.about-btn-outline:hover {
	background: rgba(255,255,255,0.15)
}
.contact-hero {
	background: linear-gradient(135deg, #52c41a 0, #389e0d 100%);
	padding: 80px 0 60px;
	color: #fff;
	position: relative;
	overflow: hidden
}
.contact-hero::before {
	content: '';
	position: absolute;
	top: -50%;
	right: -10%;
	width: 500px;
	height: 500px;
	background: rgba(255,255,255,0.1);
	border-radius: 50%
}
.contact-hero .container {
	position: relative;
	z-index: 2
}
.contact-hero .breadcrumb a, .contact-hero .breadcrumb span {
	color: rgba(255,255,255,0.9);
	font-size: 14px
}
.contact-hero .breadcrumb .current {
	color: #fff
}
.contact-hero-badge {
	display: inline-block;
	background: rgba(255,255,255,0.2);
	padding: 6px 16px;
	border-radius: 20px;
	font-size: 14px;
	margin-bottom: 20px;
	backdrop-filter: blur(10px)
}
.contact-hero h1 {
	font-size: 42px;
	font-weight: 700;
	margin: 0 0 16px
}
.contact-hero-subtitle {
	font-size: 18px;
	opacity: 0.95;
	margin: 0;
	max-width: 700px
}
.contact-section {
	padding: 60px 0
}
.contact-section-gray {
	background: #fafafa
}
.contact-info-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px
}
.contact-info-card {
	background: #fff;
	padding: 40px 24px;
	border-radius: 16px;
	text-align: center;
	box-shadow: 0 2px 12px rgba(0,0,0,0.05);
	transition: all 0.3s
}
.contact-info-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 12px 24px rgba(0,0,0,0.1)
}
.contact-info-icon {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 32px;
	color: #fff;
	margin-bottom: 20px
}
.contact-info-icon.blue {
	background: linear-gradient(135deg, #1677ff, #0958d9)
}
.contact-info-icon.green {
	background: linear-gradient(135deg, #52c41a, #389e0d)
}
.contact-info-icon.orange {
	background: linear-gradient(135deg, #fa8c16, #d46b08)
}
.contact-info-card h3 {
	font-size: 22px;
	font-weight: 600;
	margin: 0 0 12px
}
.contact-info-desc {
	font-size: 14px;
	color: #666;
	margin: 0 0 20px
}
.contact-info-num {
	display: block;
	font-size: 28px;
	font-weight: 700;
	color: #52c41a;
	text-decoration: none;
	margin-bottom: 12px
}
.contact-info-btn {
	display: inline-block;
	padding: 12px 24px;
	background: #f6ffed;
	color: #52c41a;
	border-radius: 30px;
	font-weight: 500;
	text-decoration: none;
	margin-bottom: 12px;
	transition: all 0.3s
}
.contact-info-btn:hover {
	background: #52c41a;
	color: #fff
}
.contact-info-addr {
	font-size: 16px;
	font-weight: 500;
	color: #333;
	margin: 0 0 12px
}
.contact-info-time {
	font-size: 13px;
	color: #8c8c8c;
	margin: 0
}
.contact-section-header {
	text-align: center;
	margin-bottom: 40px
}
.contact-section-header h2 {
	font-size: 28px;
	font-weight: 700;
	margin: 0 0 12px
}
.contact-section-header p {
	font-size: 16px;
	color: #666;
	margin: 0
}
.contact-benefit-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px
}
.contact-benefit-item {
	background: #fff;
	padding: 28px 20px;
	border-radius: 12px;
	text-align: center;
	box-shadow: 0 2px 12px rgba(0,0,0,0.05)
}
.contact-benefit-item i {
	font-size: 36px;
	margin-bottom: 16px
}
.contact-benefit-item h4 {
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 10px
}
.contact-benefit-item p {
	font-size: 14px;
	color: #666;
	line-height: 1.7;
	margin: 0
}
.contact-area-card {
	background: #fff;
	border-radius: 16px;
	padding: 32px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.05)
}
.contact-area-card h3 {
	font-size: 22px;
	font-weight: 600;
	margin: 0 0 20px;
	display: flex;
	align-items: center;
	gap: 10px
}
.contact-area-card p {
	font-size: 15px;
	color: #333;
	line-height: 1.8;
	margin: 0 0 16px
}
.contact-area-card ul {
	list-style: none;
	padding: 0;
	margin: 0 0 20px
}
.contact-area-card li {
	padding: 10px 0;
	font-size: 14px;
	color: #666;
	padding-left: 20px;
	position: relative
}
.contact-area-card li::before {
	content: '✓';
	position: absolute;
	left: 0;
	color: #52c41a;
	font-weight: bold
}
.contact-faq {
	width: 100%
}
.contact-faq-item {
	background: #fff;
	border-radius: 12px;
	margin-bottom: 16px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.05);
	overflow: hidden
}
.contact-faq-summary {
	padding: 20px 24px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 500;
	font-size: 16px;
	list-style: none
}
.contact-faq-summary::-webkit-details-marker {
display:none
}
.contact-faq-summary i {
	transition: transform 0.3s;
	color: #999
}
.contact-faq-item[open] .contact-faq-summary i {
	transform: rotate(180deg)
}
.contact-faq-content {
	padding: 0 24px 20px;
	color: #666;
	line-height: 1.8;
	font-size: 14px
}
.contact-cta {
	background: linear-gradient(135deg, #52c41a 0, #389e0d 100%);
	border-radius: 20px;
	padding: 50px 40px;
	text-align: center;
	color: #fff
}
.contact-cta h2 {
	font-size: 28px;
	font-weight: 700;
	margin: 0 0 12px
}
.contact-cta p {
	font-size: 16px;
	opacity: 0.95;
	margin: 0 0 28px
}
.contact-cta-btns {
	display: flex;
	gap: 16px;
	justify-content: center;
	flex-wrap: wrap
}
.contact-btn-white {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 28px;
	background: #fff;
	color: #389e0d;
	border-radius: 30px;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.3s
}
.contact-btn-white:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(0,0,0,0.15)
}
.contact-btn-outline {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 28px;
	background: transparent;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 30px;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.3s
}
.contact-btn-outline:hover {
	background: rgba(255,255,255,0.15)
}
@media (max-width:1024px) {
.about-intro {
	grid-template-columns: 1fr;
	gap: 30px
}
.about-advantage-grid, .contact-benefit-grid {
	grid-template-columns: repeat(2, 1fr)
}
.about-promise-grid, .contact-info-grid {
	grid-template-columns: repeat(2, 1fr)
}
}
@media (max-width:768px) {
.about-hero, .contact-hero {
	padding: 50px 0 40px
}
.about-hero h1, .contact-hero h1 {
	font-size: 28px
}
.about-hero-subtitle, .contact-hero-subtitle {
	font-size: 15px
}
.about-section, .contact-section {
	padding: 40px 0
}
.about-advantage-grid, .contact-benefit-grid, .about-promise-grid, .contact-info-grid {
	grid-template-columns: 1fr
}
.about-cta, .contact-cta {
	padding: 40px 20px
}
.about-cta h2, .contact-cta h2 {
	font-size: 22px
}
.about-area-card, .contact-area-card {
	padding: 24px 20px
}
.about-timeline {
	padding-left: 40px;
	padding-right: 0
}
.about-timeline::before {
	left: 15px;
	transform: none;
	width: 3px
}
.about-timeline-item {
	width: 100%;
	padding-right: 0;
	padding-left: 0;
	margin-left: 0 !important;
	margin-bottom: 30px
}
.about-timeline-year {
	left: -40px !important;
	right: auto !important;
	width: 30px;
	height: 30px;
	font-size: 10px
}
.about-timeline-content {
	border-left: 3px solid #1677ff !important;
	border-right: none !important;
	padding: 20px
}
.about-timeline-content h4 {
	font-size: 18px
}
.contact-tip {
	flex-direction: column;
	align-items: flex-start;
	gap: 8px
}
}
.about-timeline {
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
	padding: 20px 0
}
.about-timeline::before {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	bottom: 0;
	width: 4px;
	background: linear-gradient(180deg, #1677ff 0, #0958d9 100%);
	border-radius: 2px
}
.about-timeline-item {
	position: relative;
	margin-bottom: 40px;
	width: 50%;
	padding-right: 40px
}
.about-timeline-item:nth-child(even) {
	margin-left: 50%;
	padding-right: 0;
	padding-left: 40px
}
.about-timeline-item:last-child {
	margin-bottom: 0
}
.about-timeline-year {
	position: absolute;
	right: -65px;
	top: 0;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: linear-gradient(135deg, #1677ff, #0958d9);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 14px;
	z-index: 2;
	box-shadow: 0 4px 12px rgba(22,119,255,0.3);
	transition: all 0.3s
}
.about-timeline-item:nth-child(even) .about-timeline-year {
	left: -65px;
	right: auto
}
.about-timeline-item:hover .about-timeline-year {
	transform: scale(1.1);
	box-shadow: 0 6px 20px rgba(22,119,255,0.4)
}
.about-timeline-content {
	background: #fff;
	padding: 28px 32px;
	border-radius: 16px;
	box-shadow: 0 4px 16px rgba(0,0,0,0.06);
	border-left: 4px solid #1677ff;
	transition: all 0.3s
}
.about-timeline-item:nth-child(even) .about-timeline-content {
	border-left: none;
	border-right: 4px solid #1677ff
}
.about-timeline-content:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 28px rgba(0,0,0,0.1)
}
.about-timeline-content h4 {
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 12px;
	color: #1677ff
}
.about-timeline-content p {
	font-size: 15px;
	color: #666;
	line-height: 1.8;
	margin: 0
}
.about-faq {
	width: 100%
}
.about-faq-item {
	background: #fff;
	border-radius: 12px;
	margin-bottom: 16px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.05);
	overflow: hidden
}
.about-faq-summary {
	padding: 20px 24px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 500;
	font-size: 16px;
	list-style: none
}
.about-faq-summary::-webkit-details-marker {
display:none
}
.about-faq-summary i {
	transition: transform 0.3s;
	color: #999
}
.about-faq-item[open] .about-faq-summary i {
	transform: rotate(180deg)
}
.about-faq-content {
	padding: 0 24px 20px;
	color: #666;
	line-height: 1.8;
	font-size: 14px
}
.contact-tip {
	background: #f6ffed;
	border-left: 4px solid #52c41a;
	padding: 16px 20px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 30px
}
.contact-tip i {
	font-size: 20px;
	flex-shrink: 0
}
.contact-tip span {
	font-size: 14px;
	color: #389e0d;
	line-height: 1.6
}
@media (max-width:1024px) {
.about-advantage-grid, .about-promise-grid,
}
@media (max-width:768px) {
.about-hero, .about-hero h1, .about-hero-subtitle, .about-section, .about-advantage-grid, .contact-benefit-grid, .about-promise-grid, .about-cta, .about-cta h2, .about-area-card,
}
.site-footer {
	background: linear-gradient(135deg, #0d47a1 0, #bf360c 33%, #1b5e20 66%, #4a148c 100%) !important
}
.footer-bar, .footer-copyright, .footer-legal, .footer-legal a {
	color: #fff !important
}
.site-footer {
	font-size: 14px !important
}
.footer-brand-sub {
	font-size: 12px !important
}
.footer-desc {
	font-size: 13px !important
}
.footer-col-title {
	font-size: 15px !important
}
.footer-link-list a {
	font-size: 13px !important
}
.footer-cities-label {
	font-size: 13px !important
}
.footer-cities-links a {
	font-size: 12px !important
}
.footer-friends {
	font-size: 12px !important
}
@media (max-width:768px) {
.footer-desc {
	font-size: 12px !important
}
}
.zhishi-list-page {
	background: #f5f7fa;
	min-height: 100vh
}
.zhishi-banner {
	background: linear-gradient(135deg, #ff5a1f 0, #e64a19 100%);
	height: 280px;
	display: flex;
	align-items: center;
	color: #fff
}
.zhishi-banner h1 {
	font-size: 32px;
	font-weight: 700;
	margin: 0 0 10px
}
.zhishi-banner p {
	font-size: 16px;
	opacity: 0.9;
	margin: 0
}
.zhishi-container {
	padding-top: 30px;
	padding-bottom: 80px
}
.breadcrumb {
	padding: 0 0 20px;
	margin-bottom: 0;
	font-size: 14px;
	background: transparent
}
.breadcrumb a {
	color: #666;
	text-decoration: none
}
.breadcrumb a:hover {
	color: #ff5a1f
}
.breadcrumb .current {
	color: #ff5a1f
}
.zhishi-tabs-card {
	background: #fff;
	border-radius: 12px;
	padding: 16px 20px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.04);
	margin-bottom: 24px
}
.zhishi-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 10px
}
.zhishi-tab {
	padding: 8px 10px;
	border-radius: 5px;
	background: #f5f7fa;
	color: #666;
	text-decoration: none;
	font-size: 14px;
	transition: all 0.3s
}
.zhishi-tab:hover {
	background: #fff3ed;
	color: #ff5a1f
}
.zhishi-tab.active {
	background: #ff5a1f;
	color: #fff
}
.zhishi-layout {
	display: grid;
	grid-template-columns: 7fr 3fr;
	gap: 24px
}
.zhishi-list-item {
	display: block;
	background: #fff;
	border-radius: 12px;
	padding: 28px;
	margin-bottom: 16px;
	text-decoration: none;
	color: inherit;
	box-shadow: 0 2px 8px rgba(0,0,0,0.04);
	transition: all 0.3s
}
.zhishi-list-item:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(255,90,31,0.1)
}
.zhishi-item-title {
	font-size: 18px;
	font-weight: 600;
	color: #333;
	margin: 0 0 12px;
	line-height: 1.5;
	transition: color 0.3s
}
.zhishi-list-item:hover .zhishi-item-title {
	color: #ff5a1f
}
.zhishi-item-desc {
	font-size: 14px;
	color: #666;
	line-height: 1.7;
	margin: 0 0 16px
}
.zhishi-item-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	font-size: 13px;
	color: #999
}
.zhishi-item-meta i {
	margin-right: 4px;
	font-size: 12px
}
.zhishi-item-cat {
	color: #ff5a1f;
	background: #fff3ed;
	padding: 2px 10px;
	border-radius: 4px
}
.zhishi-pagination {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: 40px;
	flex-wrap: wrap
}
.zhishi-pagination a, .zhishi-pagination span {
	min-width: 40px;
	height: 40px;
	padding: 0 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	border: 1px solid #f0f0f0;
	color: #666;
	font-size: 14px;
	text-decoration: none;
	transition: all 0.3s ease
}
.zhishi-pagination a:hover, .zhishi-pagination .active {
	background: #ff5a1f;
	border-color: #ff5a1f;
	color: #fff
}
@media (max-width:576px) {
.zhishi-pagination a, .zhishi-pagination span {
	min-width: 36px;
	height: 36px;
	padding: 0 10px;
	font-size: 13px
}
}
.zhishi-sidebar {
	position: sticky;
	top: 50px;
	align-self: flex-start
}
.sidebar-card {
	background: #fff;
	border-radius: 12px;
	padding: 24px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.04);
	margin-bottom: 20px
}
.sidebar-title {
	font-size: 17px;
	font-weight: 600;
	margin: 0 0 16px;
	padding-bottom: 12px;
	border-bottom: 2px solid #fff3ed;
	color: #333
}
.sidebar-cat-list {
	list-style: none;
	padding: 0;
	margin: 0
}
.sidebar-cat-list li {
	margin-bottom: 10px
}
.sidebar-cat-list a {
	color: #666;
	text-decoration: none;
	font-size: 14px;
	display: block;
	padding: 8px 12px;
	border-radius: 8px;
	transition: all 0.3s
}
.sidebar-cat-list a:hover {
	background: #fff3ed;
	color: #ff5a1f;
	padding-left: 16px
}
.sidebar-contact-card.orange {
	background: linear-gradient(135deg, #ff5a1f 0, #e64a19 100%);
	color: #fff;
	border-radius: 12px;
	padding: 28px 24px;
	margin-bottom: 20px;
	box-shadow: 0 4px 16px rgba(255,90,31,0.25)
}
.sidebar-contact-card h4 {
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 10px
}
.sidebar-contact-card p {
	font-size: 14px;
	opacity: 0.9;
	line-height: 1.6;
	margin: 0 0 20px
}
.sidebar-btn.orange {
	display: block;
	width: 100%;
	padding: 12px;
	border-radius: 24px;
	text-align: center;
	text-decoration: none;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 12px;
	transition: all 0.3s
}
.sidebar-btn.orange:not(.outline) {
	background: #fff;
	color: #e64a19
}
.sidebar-btn.orange.outline {
	background: rgba(255,255,255,0.15);
	color: #fff;
	border: 1px solid rgba(255,255,255,0.3);
	margin-bottom: 0
}
.sidebar-btn.orange:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0,0,0,0.15)
}
.zhishi-detail-page {
	background: #f5f7fa;
	min-height: 100vh;
	padding: 0 0 80px
}
.zhishi-article {
	background: #fff;
	border-radius: 12px;
	padding: 40px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.04);
	margin-bottom: 20px
}
.zhishi-article-title {
	font-size: 28px;
	font-weight: 700;
	color: #333;
	line-height: 1.5;
	margin: 0 0 20px
}
.zhishi-article-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	font-size: 14px;
	color: #999;
	padding-bottom: 20px;
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 30px
}
.zhishi-article-meta i {
	margin-right: 4px
}
.zhishi-article-meta a {
	color: #ff5a1f;
	text-decoration: none
}
.zhishi-article-content {
	font-size: 16px;
	line-height: 1.9;
	color: #333
}
.zhishi-article-content p {
	margin-bottom: 20px
}
.zhishi-article-content h2, .zhishi-article-content h3 {
	margin: 30px 0 15px;
	font-weight: 600;
	color: #333
}
.zhishi-related {
	background: #fff;
	border-radius: 12px;
	padding: 28px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.04)
}
.related-title {
	font-size: 17px;
	font-weight: 600;
	margin: 0 0 16px;
	padding-bottom: 12px;
	border-bottom: 2px solid #fff3ed
}
.related-list {
	list-style: none;
	padding: 0;
	margin: 0
}
.related-list li {
	margin-bottom: 10px
}
.related-list a {
	color: #666;
	text-decoration: none;
	font-size: 15px;
	display: block;
	padding: 8px 0;
	border-bottom: 1px dashed #f0f0f0;
	transition: all 0.3s
}
.related-list a:hover {
	color: #ff5a1f;
	padding-left: 8px
}
@media (max-width:768px) {
.zhishi-banner {
	height: 140px
}
.zhishi-banner h1 {
	font-size: 24px
}
.zhishi-banner p {
	font-size: 14px
}
.zhishi-layout {
	grid-template-columns: 1fr
}
.zhishi-sidebar {
	position: static
}
.zhishi-article {
	padding: 24px 20px
}
.zhishi-article-title {
	font-size: 22px
}
.zhishi-list-item {
	padding: 20px
}
.zhishi-tabs-card {
	overflow-x: auto
}
.zhishi-tabs {
	flex-wrap: nowrap
}
.zhishi-tab {
	flex-shrink: 0
}
.zhishi-item-meta {
	gap: 12px;
	font-size: 12px
}
}
.float-btns {
	z-index: 9999 !important
}
.zhishi-detail-banner {
	height: 200px
}
.zhishi-detail-banner-title {
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	margin: 10px 0 0;
	line-height: 1.4
}
.zhishi-breadcrumb {
	color: rgba(255,255,255,0.85);
	font-size: 14px
}
.zhishi-breadcrumb a {
	color: rgba(255,255,255,0.85);
	text-decoration: none;
	transition: color 0.3s
}
.zhishi-breadcrumb a:hover {
	color: #fff
}
.zhishi-breadcrumb span {
	margin: 0 8px
}
.zhishi-breadcrumb .current {
	color: #fff
}
@media (max-width:768px) {
.zhishi-detail-banner {
	height: 120px
}
.zhishi-detail-banner-title {
	font-size: 20px
}
}
.zhishi-detail-banner {
	height: 100px !important;
	display: flex !important;
	align-items: center !important
}
@media (max-width:768px) {
.zhishi-detail-banner {
	height: 80px !important
}
}
.zhishi-article-tags {
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px solid #f0f0f0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	color: #999
}
.zhishi-article-tags i {
	color: #ff5a1f;
	margin-right: 4px
}
.zhishi-tag {
	display: inline-block;
	padding: 4px 12px;
	background: #fff3ed;
	color: #ff5a1f;
	border-radius: 4px;
	font-size: 13px;
	text-decoration: none;
	transition: all 0.3s
}
.zhishi-tag:hover {
	background: #ff5a1f;
	color: #fff
}
html, body {
	overflow-x: hidden;
	max-width: 100vw
}
.container {
	padding-left: 15px !important;
	padding-right: 15px !important;
	box-sizing: border-box
}
img, table, iframe, video, canvas {
	max-width: 100% !important;
	height: auto !important;
	box-sizing: border-box
}
button, input[type="button"], input[type="submit"], .btn, .nav-item, .tab-item, .pagination a, .pagination span, .zhishi-pagination a, .zhishi-pagination span, .zrqg-pagination a, .zrqg-pagination span, .float-btn, .mobile-bottom-nav a {
	min-height: 44px;
	min-width: 44px;
	box-sizing: border-box;
	line-height: 25px;
	display: inline-flex;
	align-items: center;
	justify-content: center
}
a {
	display: inline;
	min-height: auto;
	min-width: auto;
	line-height: inherit;
	vertical-align: middle
}
.zhishi-tag, .zhishi-item-cat {
	min-height: 32px;
	padding: 0 12px;
	line-height: 32px
}
@media (max-width:768px) {
.btn, .cta-btn, .contact-btn, .primary-btn {
	width: 100% !important;
	display: flex !important;
	justify-content: center;
	align-items: center
}
.grid, .row, .solutions-grid, .tools-grid, .service-grid {
	grid-template-columns: 1fr !important;
	gap: 15px !important
}
.step-list, .process-list {
	flex-direction: column !important
}
.pagination a, .pagination span, .zhishi-pagination a, .zhishi-pagination span, .zrqg-pagination a, .zrqg-pagination span {
	min-width: 40px;
	min-height: 40px;
	line-height: 40px;
	font-size: 14px
}
.sidebar, .zhishi-sidebar, .detail-sidebar {
	position: static !important;
	margin-top: 20px
}
.card, .zhishi-list-item, .zhishi-article, .zhishi-related, .bm-card, .zr-card {
	padding: 20px 15px !important
}
}
.hy-hero {
	background: linear-gradient(135deg, #ff7d00 0, #ff5a1f 100%);
	color: #fff;
	padding: 60px 0 80px;
	position: relative;
	overflow: hidden
}
.hy-hero::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 400px;
	height: 400px;
	background: rgba(255,255,255,0.05);
	border-radius: 50%;
	transform: translate(150px, -150px)
}
.hy-hero .breadcrumb {
	margin-bottom: 20px
}
.hy-hero .breadcrumb a, .hy-hero .breadcrumb span {
	color: rgba(255,255,255,0.85)
}
.hy-hero .breadcrumb .current {
	color: #fff
}
.hy-hero-badge {
	display: inline-block;
	background: rgba(255,255,255,0.15);
	padding: 6px 16px;
	border-radius: 20px;
	font-size: 14px;
	margin-bottom: 20px;
	backdrop-filter: blur(10px)
}
.hy-hero h1 {
	font-size: 42px;
	font-weight: 700;
	margin: 0 0 16px;
	color: #fff
}
.hy-hero-subtitle {
	font-size: 16px;
	line-height: 1.8;
	max-width: 700px;
	margin: 0 0 32px;
	color: rgba(255,255,255,0.9)
}
.hy-hero-btns {
	display: flex;
	gap: 16px;
	flex-wrap: wrap
}
.hy-btn-primary {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 28px;
	background: #fff;
	color: #ff5a1f;
	border-radius: 8px;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.3s ease
}
.hy-btn-primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(0,0,0,0.15);
	color: #ff5a1f
}
.hy-btn-outline {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 28px;
	background: transparent;
	color: #fff;
	border: 1px solid rgba(255,255,255,0.6);
	border-radius: 8px;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.3s ease
}
.hy-btn-outline:hover {
	background: rgba(255,255,255,0.1);
	border-color: #fff;
	color: #fff
}
.hy-section {
	margin-bottom: 60px
}
.hy-section-gray {
	background: #f8fafc
}
.hy-section-head {
	text-align: center;
	margin-bottom: 48px
}
.hy-section-head h2 {
	font-size: 32px;
	font-weight: 700;
	color: #1f2937;
	margin: 0 0 12px
}
.hy-section-head p {
	font-size: 16px;
	color: #6b7280;
	margin: 0
}
.hy-industry-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px
}
.hy-industry-card {
	background: #fff;
	border-radius: 16px;
	padding: 32px 24px;
	text-align: center;
	box-shadow: 0 4px 12px rgba(0,0,0,0.04);
	border: 1px solid #f0f0f0;
	text-decoration: none;
	transition: all 0.3s ease;
	display: block;
	color: inherit
}
.hy-industry-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 16px 32px rgba(255,90,31,0.1);
	border-color: #ff7d00;
	color: inherit
}
.hy-card-icon {
	width: 64px;
	height: 64px;
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	color: #fff;
	margin: 0 auto 20px
}
.hy-industry-card h3 {
	font-size: 18px;
	font-weight: 600;
	color: #1f2937;
	margin: 0 0 12px
}
.hy-industry-card p {
	font-size: 14px;
	color: #6b7280;
	line-height: 1.7;
	margin: 0 0 20px
}
.hy-card-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #ff5a1f;
	font-weight: 500;
	font-size: 14px
}
.hy-industry-card:hover .hy-card-link i {
	transform: translateX(3px)
}
.hy-card-link i {
	transition: transform 0.2s ease
}
.hy-advantage-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px
}
.hy-advantage-item {
	text-align: center;
	padding: 24px
}
.hy-advantage-item i {
	font-size: 40px;
	margin-bottom: 16px
}
.hy-advantage-item h4 {
	font-size: 18px;
	font-weight: 600;
	color: #1f2937;
	margin: 0 0 8px
}
.hy-advantage-item p {
	font-size: 14px;
	color: #6b7280;
	line-height: 1.7;
	margin: 0
}
.hy-faq-item {
	background: #fff;
	border-radius: 12px;
	margin-bottom: 16px;
	box-shadow: 0 2px 12px rgba(255,90,31,0.08);
	overflow: hidden;
	border-bottom: 1px solid #f5f5f5
}
.hy-faq-item h4 {
	font-size: 16px;
	font-weight: 600;
	color: #1f2937;
	margin: 0 0 12px;
	display: flex;
	align-items: center;
	gap: 8px
}
.hy-faq-item h4 i {
	color: #ff5a1f
}
.hy-faq-item p {
	font-size: 14px;
	color: #6b7280;
	line-height: 1.8;
	margin: 0;
	padding-left: 28px
}
.hy-detail-banner {
	background: linear-gradient(135deg, #ff7d00 0, #ff5a1f 100%);
	padding: 40px 0
}
.hy-breadcrumb a, .hy-breadcrumb span {
	color: rgba(255,255,255,0.85)
}
.hy-breadcrumb .current {
	color: #fff
}
.hy-detail-main {
	padding: 40px 0 80px;
	background: #f5f7fa
}
.hy-detail-layout {
	display: grid;
	grid-template-columns: 7fr 3fr;
	gap: 24px;
	align-items: start
}
.hy-detail-card {
	background: #fff;
	border-radius: 16px;
	padding: 40px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.04)
}
.hy-detail-card h1 {
	font-size: 28px;
	font-weight: 700;
	color: #1f2937;
	margin: 0 0 16px;
	line-height: 1.4
}
.hy-detail-meta {
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
	padding-bottom: 24px;
	margin-bottom: 32px;
	border-bottom: 1px solid #f0f0f0;
	font-size: 14px;
	color: #6b7280
}
.hy-detail-meta span {
	display: inline-flex;
	align-items: center;
	gap: 6px
}
.hy-detail-meta i {
	color: #ff5a1f
}
.hy-info-table {
	margin-bottom: 40px
}
.hy-info-table h3 {
	font-size: 18px;
	font-weight: 600;
	color: #1f2937;
	margin: 0 0 16px;
	display: flex;
	align-items: center;
	gap: 8px
}
.hy-info-table h3 i {
	color: #ff5a1f
}
.hy-info-table table {
	width: 100%;
	border-collapse: collapse;
	border-radius: 8px;
	overflow: hidden
}
.hy-info-table th, .hy-info-table td {
	padding: 14px 20px;
	text-align: left;
	border: 1px solid #f0f0f0;
	font-size: 14px
}
.hy-info-table th {
	background: #fff7ed;
	color: #ff5a1f;
	font-weight: 600;
	width: 140px
}
.hy-info-table td {
	color: #374151
}
.hy-detail-body h2 {
	font-size: 22px;
	font-weight: 600;
	color: #1f2937;
	margin: 40px 0 16px
}
.hy-detail-body p {
	font-size: 15px;
	line-height: 1.8;
	color: #374151;
	margin: 0 0 16px
}
.hy-detail-body ul, .hy-detail-body ol {
	padding-left: 24px;
	margin: 0 0 20px
}
.hy-detail-body li {
	font-size: 15px;
	line-height: 1.8;
	color: #374151;
	margin-bottom: 8px
}
.hy-detail-body a {
	color: #ff5a1f;
	text-decoration: underline
}
.hy-package-card {
	background: linear-gradient(135deg, #fff7ed 0, #ffedd5 100%);
	border-radius: 16px;
	padding: 32px;
	margin: 32px 0;
	border: 1px solid #fed7aa
}
.hy-package-card h4 {
	font-size: 20px;
	font-weight: 600;
	color: #9a3412;
	margin: 0 0 12px
}
.hy-package-price {
	font-size: 36px;
	font-weight: 700;
	color: #ff5a1f;
	margin: 0 0 24px
}
.hy-package-price span {
	font-size: 16px;
	font-weight: 400;
	color: #6b7280
}
.hy-package-card ul {
	list-style: none;
	padding: 0;
	margin: 0 0 24px
}
.hy-package-card li {
	padding: 8px 0;
	font-size: 15px;
	color: #374151;
	display: flex;
	align-items: center;
	gap: 8px
}
.hy-package-card li i {
	color: #10b981
}
.hy-package-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 32px;
	background: #ff5a1f;
	color: #fff;
	border-radius: 8px;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.3s ease
}
.hy-package-btn:hover {
	background: #e64a19;
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(255,90,31,0.3);
	color: #fff
}
.hy-related {
	margin-top: 48px;
	padding-top: 32px;
	border-top: 1px solid #f0f0f0
}
.hy-related h3 {
	font-size: 18px;
	font-weight: 600;
	color: #1f2937;
	margin: 0 0 20px;
	display: flex;
	align-items: center;
	gap: 8px
}
.hy-related h3 i {
	color: #ff5a1f
}
.hy-related-links {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px
}
.hy-related-link {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px 16px;
	background: #f9fafb;
	border-radius: 8px;
	color: #374151;
	text-decoration: none;
	font-size: 14px;
	transition: all 0.2s ease
}
.hy-related-link:hover {
	background: #fff7ed;
	color: #ff5a1f
}
.hy-related-link i {
	color: #ff5a1f
}
.hy-detail-sidebar {
	position: sticky;
	top: 24px;
	align-self: flex-start
}
.hy-sidebar-card {
	background: #fff;
	border-radius: 16px;
	padding: 24px;
	margin-bottom: 24px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.04)
}
.hy-sidebar-card h4 {
	font-size: 18px;
	font-weight: 600;
	color: #1f2937;
	margin: 0 0 12px
}
.hy-sidebar-card p {
	font-size: 14px;
	color: #6b7280;
	line-height: 1.7;
	margin: 0 0 20px
}
.hy-sidebar-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	padding: 12px;
	border-radius: 8px;
	font-weight: 500;
	text-decoration: none;
	margin-bottom: 12px;
	transition: all 0.3s ease
}
.hy-btn-orange {
	background: #ff5a1f;
	color: #fff
}
.hy-btn-orange:hover {
	background: #e64a19;
	color: #fff
}
.hy-btn-green {
	background: #07c160;
	color: #fff
}
.hy-btn-green:hover {
	background: #06ad56;
	color: #fff
}
.hy-contact-info {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #f0f0f0
}
.hy-contact-info p {
	font-size: 13px;
	margin: 0 0 8px;
	display: flex;
	align-items: center;
	gap: 6px
}
.hy-contact-info i {
	color: #ff5a1f;
	width: 16px
}
.hy-sidebar-industry {
	list-style: none;
	padding: 0;
	margin: 0
}
.hy-sidebar-industry li {
	border-bottom: 1px solid #f5f5f5
}
.hy-sidebar-industry li:last-child {
	border-bottom: none
}
.hy-sidebar-industry a {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px 0;
	color: #374151;
	text-decoration: none;
	font-size: 14px;
	transition: all 0.2s ease
}
.hy-sidebar-industry a:hover {
	color: #ff5a1f;
	padding-left: 4px
}
.hy-sidebar-industry i {
	color: #9ca3af;
	font-size: 12px
}
@media (max-width:992px) {
.hy-industry-grid {
	grid-template-columns: repeat(2, 1fr)
}
.hy-advantage-grid {
	grid-template-columns: repeat(2, 1fr)
}
.hy-detail-layout {
	grid-template-columns: 1fr
}
.hy-detail-sidebar {
	position: static
}
}
@media (max-width:768px) {
.hy-hero {
	padding: 40px 0 60px
}
.hy-hero h1 {
	font-size: 28px
}
.hy-hero-subtitle {
	font-size: 15px
}
.hy-hero-btns {
	flex-direction: column
}
.hy-hero-btns a {
	width: 100%;
	justify-content: center
}
.hy-section {
	padding: 40px 0
}
.hy-section-head h2 {
	font-size: 24px
}
.hy-industry-grid {
	grid-template-columns: 1fr
}
.hy-advantage-grid {
	grid-template-columns: 1fr
}
.hy-detail-card {
	padding: 24px 20px
}
.hy-detail-card h1 {
	font-size: 22px
}
.hy-detail-meta {
	flex-direction: column;
	gap: 8px
}
.hy-info-table th {
	width: 100px;
	font-size: 13px;
	padding: 10px 12px
}
.hy-info-table td {
	padding: 10px 12px;
	font-size: 13px
}
.hy-detail-body h2 {
	font-size: 18px
}
.hy-package-card {
	padding: 24px 20px
}
.hy-package-price {
	font-size: 28px
}
.hy-related-links {
	grid-template-columns: 1fr
}
.hy-package-btn {
	width: 100%;
	justify-content: center
}
}
.hy-banner {
	position: relative;
	background: linear-gradient(135deg, #ff7d00 0, #ff5a1f 100%);
	color: #fff;
	padding: 80px 0;
	overflow: hidden;
	text-align: center
}
.hy-banner-orb {
	position: absolute;
	border-radius: 50%;
	background: rgba(255,255,255,0.08);
	filter: blur(40px)
}
.hy-banner-orb1 {
	width: 400px;
	height: 400px;
	top: -200px;
	right: -100px
}
.hy-banner-orb2 {
	width: 300px;
	height: 300px;
	bottom: -150px;
	left: -50px
}
.hy-banner-orb3 {
	width: 300px;
	height: 300px;
	top: -100px;
	right: -50px;
	background: radial-gradient(circle, rgba(255,255,255,0.1) 0, transparent 70%)
}
.hy-banner-inner {
	position: relative;
	z-index: 2;
	max-width: 800px
}
.hy-banner-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 16px;
	background: rgba(255,255,255,0.15);
	border-radius: 20px;
	font-size: 14px;
	margin-bottom: 24px
}
.hy-badge-dot {
	width: 8px;
	height: 8px;
	background: #fff;
	border-radius: 50%;
	animation: pulse 2s infinite
}
.hy-banner-title {
	font-size: 48px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 20px;
	color: #fff
}
.hy-banner-title em {
	font-style: normal;
	color: #fff;
	font-weight: 700
}
.hy-banner-subtitle {
	font-size: 18px;
	line-height: 1.8;
	opacity: 0.9;
	margin-bottom: 32px
}
.hy-banner-tags {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 0 40px 0
}
.hy-banner-tag {
	background: rgba(255,255,255,0.15);
	backdrop-filter: blur(10px);
	color: #fff;
	padding: 6px 14px;
	border-radius: 20px;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 6px
}
.hy-banner-tag i {
	color: #fff;
	font-size: 12px
}
.hy-banner-cta {
	display: flex;
	justify-content: center;
	gap: 16px;
	flex-wrap: wrap
}
.hy-btn-primary {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 14px 32px;
	background: #fff;
	color: #ff5a1f;
	border-radius: 10px;
	font-weight: 600;
	font-size: 16px;
	text-decoration: none;
	transition: all 0.3s ease
}
.hy-btn-primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 24px rgba(0,0,0,0.15);
	color: #ff5a1f
}
.hy-btn-secondary {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 14px 32px;
	background: rgba(255,255,255,0.15);
	color: #fff;
	border: 1px solid rgba(255,255,255,0.3);
	border-radius: 10px;
	font-weight: 500;
	font-size: 16px;
	text-decoration: none;
	transition: all 0.3s ease
}
.hy-btn-secondary:hover {
	background: rgba(255,255,255,0.25);
	border-color: #fff;
	color: #fff
}
.hy-trust-bar {
	background: #fff;
	padding: 30px 0;
	border-bottom: 1px solid #f0f0f0
}
.hy-trust-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
	text-align: center
}
.hy-trust-num {
	font-size: 36px;
	font-weight: 700;
	color: #ff5a1f;
	line-height: 1;
	margin-bottom: 8px
}
.hy-unit {
	font-size: 18px;
	font-weight: 500
}
.hy-trust-label {
	font-size: 14px;
	color: #6b7280
}
.hy-breadcrumb {
	padding: 24px 0;
	font-size: 14px;
	color: #9ca3af
}
.hy-breadcrumb a {
	color: #6b7280;
	text-decoration: none;
	transition: color 0.2s
}
.hy-breadcrumb a:hover {
	color: #ff5a1f
}
.hy-breadcrumb span {
	margin: 0 8px;
	color: #d1d5db
}
.hy-breadcrumb .current {
	color: #ff5a1f;
	font-weight: 500
}
.hy-section-header {
	text-align: center;
	margin-bottom: 48px
}
.hy-section-title {
	font-size: 32px;
	font-weight: 700;
	color: #1f2937;
	margin: 0 0 12px
}
.hy-section-subtitle {
	font-size: 16px;
	color: #6b7280;
	margin: 0;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto
}
.hy-card-title {
	font-size: 18px;
	font-weight: 600;
	color: #1f2937;
	margin: 0 0 12px
}
.hy-card-desc {
	font-size: 14px;
	color: #6b7280;
	line-height: 1.7;
	margin: 0 0 20px
}
.hy-advantage-item {
	text-align: center;
	padding: 24px;
	background: #fff;
	border-radius: 12px;
	border: 1px solid #f0f0f0
}
.hy-detail-banner {
	position: relative;
	background: linear-gradient(135deg, #ff7d00 0, #ff5a1f 100%);
	color: #fff;
	padding: 40px 0;
	overflow: hidden
}
.hy-detail-container {
	display: grid;
	grid-template-columns: 7fr 3fr;
	gap: 30px;
	margin-top: 0;
	padding: 0 0 80px
}
.hy-detail-banner-orb {
	position: absolute;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background: rgba(255,255,255,0.08);
	filter: blur(30px);
	top: -50px;
	right: 10%
}
.hy-detail-title {
	font-size: 32px;
	font-weight: 700;
	color: #fff;
	margin: 16px 0 12px;
	position: relative;
	z-index: 2
}
.hy-detail-subtitle {
	font-size: 15px;
	color: rgba(255,255,255,0.9);
	margin: 0;
	max-width: 800px;
	position: relative;
	z-index: 2
}
.hy-detail-banner .hy-breadcrumb a, .hy-detail-banner .hy-breadcrumb span {
	color: rgba(255,255,255,0.85)
}
.hy-detail-banner .hy-breadcrumb .current {
	color: #fff
}
@media (max-width:992px) {
.hy-banner-title {
	font-size: 36px
}
.hy-trust-grid {
	grid-template-columns: repeat(3, 1fr);
	gap: 24px
}
}
@media (max-width:768px) {
.hy-banner {
	padding: 40px 0 60px
}
.hy-banner-title {
	font-size: 28px
}
.hy-banner-subtitle {
	font-size: 15px;
	line-height: 1.8
}
.hy-banner-tags {
	flex-direction: column;
	gap: 10px
}
.hy-banner-cta {
	flex-direction: column
}
.hy-banner-cta a {
	width: 100%;
	justify-content: center
}
.hy-trust-grid {
	grid-template-columns: repeat(2, 1fr);
	gap: 20px
}
.hy-trust-num {
	font-size: 28px
}
.hy-section-title {
	font-size: 24px
}
.hy-detail-title {
	font-size: 24px
}
}
.hy-banner-inner {
	position: relative;
	z-index: 2;
	max-width: 900px;
	margin: 0 auto
}
.hy-faq-list {
	width: 100%
}
.hy-area-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center
}
.hy-area-tag {
	padding: 8px 20px;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 24px;
	font-size: 14px;
	color: #4b5563;
	transition: all 0.2s
}
.hy-area-tag.hot {
	background: linear-gradient(135deg, #ff7d00, #ff5a1f);
	color: #fff;
	border-color: transparent;
	font-weight: 500
}
.hy-area-tag:hover {
	border-color: #ff5a1f;
	color: #ff5a1f
}
.hy-area-tag.hot:hover {
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(255,90,31,0.2)
}
.hy-process {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px
}
.hy-process-step {
	flex: 1;
	text-align: center;
	background: #fff;
	padding: 28px 20px;
	border-radius: 16px;
	border: 1px solid #f0f0f0;
	transition: all 0.3s
}
.hy-process-step:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 24px rgba(255,90,31,0.1);
	border-color: #ff7d00
}
.hy-step-num {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: linear-gradient(135deg, #ff7d00, #ff5a1f);
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 16px
}
.hy-process-step h3 {
	font-size: 16px;
	font-weight: 600;
	color: #1f2937;
	margin: 0 0 8px
}
.hy-process-step p {
	font-size: 13px;
	color: #6b7280;
	line-height: 1.6;
	margin: 0
}
.hy-step-arrow {
	color: #ff5a1f;
	font-size: 20px;
	flex-shrink: 0
}
.hy-cta {
	margin: 40px 0 80px;
	padding: 60px 40px;
	border-radius: 20px;
	text-align: center;
	background: linear-gradient(135deg, #ff7d00 0, #ff5a1f 100%);
	color: #fff
}
.hy-cta h2 {
	font-size: 28px;
	font-weight: 700;
	margin: 0 0 12px;
	color: #fff
}
.hy-cta p {
	font-size: 16px;
	color: rgba(255,255,255,0.9);
	margin: 0 0 32px
}
.hy-cta-btns {
	display: flex;
	gap: 16px;
	justify-content: center;
	flex-wrap: wrap
}
.hy-cta-primary {
	display: inline-flex;
	align-items: center;
	padding: 14px 36px;
	background: #fff;
	color: #ff5a1f;
	border-radius: 10px;
	font-weight: 600;
	font-size: 16px;
	text-decoration: none;
	transition: all 0.3s
}
.hy-cta-primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 24px rgba(0,0,0,0.15);
	color: #ff5a1f
}
.hy-cta-secondary {
	display: inline-flex;
	align-items: center;
	padding: 14px 36px;
	background: rgba(255,255,255,0.15);
	color: #fff;
	border: 1px solid rgba(255,255,255,0.3);
	border-radius: 10px;
	font-weight: 500;
	font-size: 16px;
	text-decoration: none;
	transition: all 0.3s
}
.hy-cta-secondary:hover {
	background: rgba(255,255,255,0.25);
	border-color: #fff;
	color: #fff
}
@media (max-width:768px) {
.hy-process {
	flex-direction: column;
	gap: 0
}
.hy-process-step {
	width: 100%;
	position: relative
}
.hy-step-arrow {
	transform: rotate(90deg);
	margin: 8px 0
}
.hy-cta {
	padding: 32px 20px;
	margin: 20px 0
}
.hy-cta h2 {
	font-size: 22px
}
.hy-cta-btns {
	flex-direction: column
}
.hy-cta-btns a {
	width: 100%;
	justify-content: center
}
}
.hy-scene-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px
}
.hy-scene-card {
	background: #fff;
	border-radius: 16px;
	padding: 28px 24px;
	border: 1px solid #f0f0f0;
	transition: all 0.3s
}
.hy-scene-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 24px rgba(255,90,31,0.1);
	border-color: #ff7d00
}
.hy-scene-icon {
	width: 56px;
	height: 56px;
	border-radius: 14px;
	background: linear-gradient(135deg, #ff7d00, #ff5a1f);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	color: #fff;
	margin-bottom: 16px
}
.hy-scene-card h3 {
	font-size: 17px;
	font-weight: 600;
	color: #1f2937;
	margin: 0 0 10px
}
.hy-scene-card p {
	font-size: 14px;
	color: #6b7280;
	line-height: 1.7;
	margin: 0 0 16px
}
.hy-scene-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #ff5a1f;
	font-weight: 500;
	font-size: 14px;
	text-decoration: none
}
.hy-scene-link:hover i {
	transform: translateX(3px)
}
.hy-scene-link i {
	transition: transform 0.2s
}
.hy-policy-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px
}
.hy-policy-card {
	background: #fff;
	border-radius: 16px;
	padding: 28px 24px;
	border: 1px solid #f0f0f0;
	position: relative;
	transition: all 0.3s
}
.hy-policy-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 24px rgba(255,90,31,0.1);
	border-color: #ff7d00
}
.hy-policy-tag {
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 4px 10px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 500
}
.hy-policy-card:nth-child(1) .hy-policy-tag {
	background: #fff1f0;
	color: #f5222d
}
.hy-policy-card:nth-child(2) .hy-policy-tag {
	background: #f6ffed;
	color: #52c41a
}
.hy-policy-card:nth-child(3) .hy-policy-tag {
	background: #fff7e6;
	color: #fa8c16
}
.hy-policy-card h3 {
	font-size: 17px;
	font-weight: 600;
	color: #1f2937;
	margin: 0 0 12px;
	padding-right: 60px
}
.hy-policy-card p {
	font-size: 14px;
	color: #6b7280;
	line-height: 1.7;
	margin: 0 0 16px
}
.hy-policy-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #ff5a1f;
	font-weight: 500;
	font-size: 14px;
	text-decoration: none
}
.hy-policy-link:hover i {
	transform: translateX(3px)
}
.hy-policy-link i {
	transition: transform 0.2s
}
@media (max-width:992px) {
.hy-scene-grid {
	grid-template-columns: repeat(2, 1fr)
}
.hy-policy-grid {
	grid-template-columns: repeat(2, 1fr)
}
}
@media (max-width:768px) {
.hy-scene-grid {
	grid-template-columns: 1fr
}
.hy-policy-grid {
	grid-template-columns: 1fr
}
}
.section-more-btn {
	text-align: center;
	margin-top: 32px
}
.more-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 32px;
	border: 1px solid #ff5a1f;
	color: #ff5a1f;
	background: #fff;
	border-radius: 8px;
	font-weight: 500;
	font-size: 15px;
	text-decoration: none;
	transition: all 0.3s ease;
	min-height: 44px;
	box-sizing: border-box
}
.more-btn:hover {
	background: #ff5a1f;
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(255,90,31,0.25)
}
.more-btn i {
	transition: transform 0.2s ease
}
.more-btn:hover i {
	transform: translateX(4px)
}
@media (max-width:768px) {
.section-more-btn {
	margin-top: 24px
}
.more-btn {
	width: 100%;
	justify-content: center;
	padding: 14px 20px
}
}
.more-btn.blue {
	border-color: #1677ff;
	color: #1677ff
}
.more-btn.blue:hover {
	background: #1677ff;
	color: #fff;
	box-shadow: 0 8px 20px rgba(22,119,255,0.25)
}
.more-btn.green {
	border-color: #52c41a;
	color: #52c41a
}
.more-btn.green:hover {
	background: #52c41a;
	color: #fff;
	box-shadow: 0 8px 20px rgba(82,196,26,0.25)
}
.more-btn.orange {
	border-color: #fa8c16;
	color: #fa8c16
}
.more-btn.orange:hover {
	background: #fa8c16;
	color: #fff;
	box-shadow: 0 8px 20px rgba(250,140,22,0.25)
}
.more-btn.purple {
	border-color: #722ed1;
	color: #722ed1
}
.more-btn.purple:hover {
	background: #722ed1;
	color: #fff;
	box-shadow: 0 8px 20px rgba(114,46,209,0.25)
}
.about-advantage-card {
	text-align: center
}
.about-advantage-icon {
	margin: 0 auto 20px
}
.hy-advantage-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	margin-top: 20px
}
.hy-adv-item {
	display: flex;
	gap: 16px;
	padding: 20px;
	background: #f9fafb;
	border-radius: 12px;
	transition: all 0.3s
}
.hy-adv-item:hover {
	background: #fff7ed;
	transform: translateY(-2px)
}
.hy-adv-icon {
	width: 48px;
	height: 48px;
	flex-shrink: 0;
	border-radius: 12px;
	background: linear-gradient(135deg, #ff7d00, #ff5a1f);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px
}
.hy-adv-item h4 {
	font-size: 16px;
	font-weight: 600;
	color: #1f2937;
	margin: 0 0 8px
}
.hy-adv-item p {
	font-size: 14px;
	color: #6b7280;
	line-height: 1.6;
	margin: 0
}
.hy-faq-item:hover {
	border-color: #fed7aa
}
.hy-faq-q {
	padding: 20px 24px;
	font-size: 16px;
	font-weight: 500;
	color: #1f1f1f;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: all 0.3s ease
}
.hy-faq-q:hover {
	color: #ff5a1f
}
.hy-faq-q i {
	color: #ff5a1f;
	transition: transform 0.3s;
	flex-shrink: 0
}
.hy-faq-item.active .hy-faq-q i {
	transform: rotate(180deg)
}
.hy-faq-a {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease;
	background: #fafafa
}
.hy-faq-item.active .hy-faq-a {
	max-height: 300px
}
.hy-faq-a p {
	padding: 0 24px 20px;
	font-size: 14px;
	color: #6b7280;
	line-height: 1.7;
	margin: 0
}
.hy-knowledge-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	margin-top: 20px
}
.hy-knowledge-card {
	display: block;
	padding: 20px;
	background: #f9fafb;
	border-radius: 12px;
	text-decoration: none;
	transition: all 0.3s;
	border: 1px solid transparent
}
.hy-knowledge-card:hover {
	background: #fff7ed;
	border-color: #fed7aa;
	transform: translateY(-2px);
	text-decoration: none
}
.hy-knowledge-card h3 {
	font-size: 15px;
	font-weight: 600;
	color: #1f2937;
	margin: 0 0 8px;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden
}
.hy-knowledge-card p {
	font-size: 13px;
	color: #6b7280;
	line-height: 1.6;
	margin: 0 0 8px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden
}
.hy-card-date {
	font-size: 12px !important;
	color: #9ca3af !important;
	margin: 0 !important
}
.hy-sidebar-phone {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 16px;
	padding: 12px;
	background: #fff7ed;
	border-radius: 8px
}
.hy-sidebar-phone i {
	color: #ff5a1f;
	font-size: 18px
}
.hy-sidebar-phone a {
	font-size: 18px;
	font-weight: 700;
	color: #ff5a1f;
	text-decoration: none
}
.hy-sidebar-phone a:hover {
	color: #e64a19
}
.hy-contact-card {
	background: linear-gradient(135deg, #ff7d00 0, #ff5a1f 100%);
	color: #fff
}
.hy-contact-card h4 {
	color: #fff
}
.hy-contact-card p {
	color: rgba(255,255,255,0.9)
}
.hy-contact-card .hy-sidebar-phone {
	background: rgba(255,255,255,0.15)
}
.hy-contact-card .hy-contact-info {
	border-top-color: rgba(255,255,255,0.2)
}
.hy-contact-card .hy-contact-info p {
	color: rgba(255,255,255,0.9)
}
.hy-contact-card .hy-contact-info i {
	color: #fff
}
@media (max-width:768px) {
.hy-advantage-list {
	grid-template-columns: 1fr
}
.hy-knowledge-grid {
	grid-template-columns: 1fr
}
.hy-adv-item {
	padding: 16px
}
}
.hy-detail-main .hy-cta {
	margin: 0
}
.hy-cta h2 {
	font-size: 32px;
	font-weight: 700;
	margin: 0 0 16px;
	color: #fff
}
.hy-cta p {
	font-size: 16px;
	opacity: 0.95;
	margin: 0 0 32px;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	color: #fff
}
.hy-cta-primary {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 16px 36px;
	border-radius: 12px;
	background: #fff;
	color: #ff5a1f;
	font-size: 17px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.3s ease
}
.hy-cta-secondary {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 16px 36px;
	border-radius: 12px;
	background: rgba(255,255,255,0.15);
	color: #fff;
	border: 1px solid rgba(255,255,255,0.3);
	font-size: 17px;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.3s ease
}
.hy-detail-banner {
	background: linear-gradient(135deg, #ff5a1f 0, #e64a19 100%);
	padding: 40px 0 60px;
	position: relative;
	overflow: hidden
}
.hy-detail-banner-orb {
	position: absolute;
	width: 400px;
	height: 400px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255,255,255,0.1) 0, transparent 70%);
	top: -200px;
	right: -100px
}
.hy-detail-banner .hy-breadcrumb {
	padding: 0 0 12px 0;
	color: rgba(255,255,255,0.85);
	margin-bottom: 20px
}
.hy-detail-banner .hy-breadcrumb a {
	color: #fff;
	text-decoration: none
}
.hy-detail-banner .hy-breadcrumb .current {
	color: #fff;
	opacity: 0.9
}
.hy-detail-title {
	font-size: 36px;
	font-weight: 700;
	color: #fff;
	margin: 0 0 10px
}
.hy-detail-subtitle {
	font-size: 16px;
	color: rgba(255,255,255,0.9);
	margin: 0
}
.hy-detail-main {
	background: #fff;
	border-radius: 16px;
	padding: 32px;
	box-shadow: 0 4px 20px rgba(255,90,31,0.08)
}
.hy-detail-sidebar {
	position: sticky;
	top: 50px;
	align-self: flex-start
}
.hy-detail-section {
	margin-bottom: 40px
}
.hy-detail-section:last-child {
	margin-bottom: 0
}
.hy-detail-section-title {
	font-size: 22px;
	font-weight: 600;
	color: #1f1f1f;
	margin: 0 0 20px 0;
	padding-left: 12px;
	border-left: 4px solid #ff5a1f
}
.hy-detail-content {
	font-size: 15px;
	color: #333;
	line-height: 1.8
}
.hy-info-table {
	border: 1px solid #ffedd5;
	border-radius: 12px;
	overflow: hidden
}
.hy-info-row {
	display: grid;
	grid-template-columns: 120px 1fr;
	border-bottom: 1px solid #ffedd5
}
.hy-info-row:last-child {
	border-bottom: none
}
.hy-info-label {
	padding: 16px 20px;
	background: #fff7ed;
	color: #e64a19;
	font-weight: 500;
	font-size: 15px
}
.hy-info-value {
	padding: 16px 20px;
	font-size: 15px;
	color: #333;
	line-height: 1.6
}
.hy-material-list {
	list-style: none;
	padding: 0;
	margin: 0
}
.hy-material-list li {
	padding: 12px 0;
	border-bottom: 1px dashed #f5f5f5;
	color: #333;
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 15px
}
.hy-material-list li:last-child {
	border-bottom: none
}
.hy-material-list li i {
	color: #ff5a1f;
	flex-shrink: 0
}
.hy-detail-process {
	display: flex;
	align-items: center;
	gap: 12px
}
.hy-detail-process .hy-process-step {
	flex: 1;
	background: #fff7ed;
	border-radius: 12px;
	padding: 24px 16px;
	text-align: center
}
.hy-detail-process .hy-step-num {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: linear-gradient(135deg, #ff5a1f 0, #e64a19 100%);
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 12px
}
.hy-detail-process .hy-process-step h3 {
	font-size: 16px;
	font-weight: 600;
	color: #1f1f1f;
	margin: 0 0 8px
}
.hy-detail-process .hy-process-step p {
	font-size: 13px;
	color: #666;
	line-height: 1.6;
	margin: 0
}
.hy-detail-process .hy-step-arrow {
	color: #ff5a1f;
	font-size: 18px;
	flex-shrink: 0
}
.hy-detail-advantage {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(2, 1fr)
}
.hy-adv-item {
	display: flex;
	gap: 16px;
	padding: 20px;
	background: #fff7ed;
	border-radius: 12px
}
.hy-adv-icon {
	width: 48px;
	height: 48px;
	border-radius: 12px;
	background: linear-gradient(135deg, #ff5a1f 0, #e64a19 100%);
	color: #fff;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0
}
.hy-adv-item h4 {
	font-size: 16px;
	font-weight: 600;
	color: #1f1f1f;
	margin: 0 0 8px
}
.hy-adv-item p {
	font-size: 14px;
	color: #666;
	line-height: 1.7;
	margin: 0
}
.hy-faq-item:last-child {
	border-bottom: none
}
.hy-faq-a {
	max-height: 0;
	overflow: hidden;
	transition: all 0.3s ease
}
.hy-knowledge-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px
}
.hy-knowledge-card {
	display: block;
	padding: 20px;
	border: 1px solid #ffedd5;
	border-radius: 12px;
	text-decoration: none;
	transition: all 0.3s ease;
	text-align: center
}
.hy-knowledge-card:hover {
	border-color: #ff5a1f;
	transform: translateY(-4px);
	box-shadow: 0 8px 16px rgba(255,90,31,0.1);
	text-decoration: none
}
.hy-knowledge-icon {
	width: 48px;
	height: 48px;
	border-radius: 12px;
	background: #fff7ed;
	color: #ff5a1f;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 12px
}
.hy-knowledge-card h3 {
	font-size: 15px;
	font-weight: 600;
	color: #1f1f1f;
	margin: 0 0 8px;
	line-height: 1.5
}
.hy-knowledge-card p {
	font-size: 13px;
	color: #666;
	line-height: 1.6;
	margin: 0 0 12px
}
.hy-knowledge-link {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: #ff5a1f;
	font-size: 14px;
	font-weight: 500
}
.hy-knowledge-card:hover .hy-knowledge-link {
	gap: 8px
}
.hy-sidebar-card {
	background: #fff;
	border-radius: 16px;
	padding: 24px;
	margin-bottom: 20px;
	box-shadow: 0 2px 12px rgba(255,90,31,0.05);
	border: 1px solid #ffedd5
}
.hy-contact-card {
	background: #fff;
	color: #333
}
.hy-sidebar-card:last-child {
	margin-bottom: 0
}
.hy-sidebar-card h3 {
	font-size: 18px;
	font-weight: 600;
	color: #1f1f1f;
	margin: 0 0 16px 0;
	padding-bottom: 12px;
	border-bottom: 1px solid #f5f5f5
}
.hy-sidebar-card p {
	font-size: 14px;
	color: #666;
	margin: 0 0 20px 0;
	text-align: center
}
.hy-sidebar-phone {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-bottom: 16px
}
.hy-sidebar-phone i {
	color: #ff5a1f;
	font-size: 20px
}
.hy-sidebar-phone a {
	font-size: 22px;
	font-weight: 700;
	color: #ff5a1f;
	text-decoration: none
}
.hy-sidebar-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	padding: 12px;
	border-radius: 10px;
	background: linear-gradient(135deg, #ff5a1f 0, #e64a19 100%);
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.3s ease
}
.hy-sidebar-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 16px rgba(255,90,31,0.2);
	color: #fff
}
.hy-related-list {
	list-style: none;
	padding: 0;
	margin: 0
}
.hy-related-list li {
	padding: 10px 0;
	border-bottom: 1px dashed #f5f5f5
}
.hy-related-list li:last-child {
	border-bottom: none
}
.hy-related-list li a {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #333;
	text-decoration: none;
	font-size: 14px;
	transition: color 0.3s ease
}
.hy-related-list li a i {
	color: #ff5a1f;
	font-size: 12px
}
.hy-related-list li a:hover {
	color: #ff5a1f
}
@media (max-width:992px) {
.hy-detail-container {
	grid-template-columns: 1fr;
	gap: 20px;
	padding: 20px 0 60px
}
.hy-detail-main {
	padding: 20px 16px
}
.hy-detail-advantage {
	grid-template-columns: 1fr
}
.hy-detail-banner {
	padding: 30px 0 50px
}
.hy-detail-title {
	font-size: 24px
}
.hy-detail-section-title {
	font-size: 18px
}
.hy-info-row {
	grid-template-columns: 1fr
}
.hy-info-label {
	padding: 12px 16px
}
.hy-info-value {
	padding: 12px 16px
}
.hy-detail-process {
	flex-direction: column
}
.hy-detail-process .hy-step-arrow {
	transform: rotate(90deg)
}
.hy-knowledge-grid {
	grid-template-columns: 1fr
}
.hy-knowledge-card {
	padding: 24px 16px
}
.hy-cta {
	padding: 40px 20px
}
.hy-cta h2 {
	font-size: 24px
}
.hy-cta-btns {
	flex-direction: column
}
.hy-cta-primary, .hy-cta-secondary {
	justify-content: center;
	width: 100%;
	padding: 14px 24px
}
}
.about-news-list {
	max-width: 800px;
	margin: 0 auto
}
.about-news-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 0;
	border-bottom: 1px solid #f0f0f0;
	color: #333;
	text-decoration: none;
	transition: all 0.3s
}
.about-news-item:hover {
	color: #ff5a1f;
	padding-left: 8px
}
.about-news-title {
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-right: 20px
}
.about-news-date {
	color: #999;
	font-size: 14px;
	flex-shrink: 0
}
@media (max-width:768px) {
.about-news-item {
	flex-direction: column;
	align-items: flex-start;
	gap: 8px
}
.about-news-title {
	margin-right: 0;
	white-space: normal
}
}
.about-news-list {
	max-width: 1000px;
	margin: 0 auto;
	background: #fff;
	padding: 10px 30px;
	border-radius: 12px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.06)
}
.about-news-item:last-child {
	border-bottom: none
}
@media (max-width:768px) {
.about-news-list {
	padding: 10px 20px
}
}
.about-news-list {
	max-width: 100% !important;
	margin: 0 !important;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	background: transparent !important;
	padding: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important
}
.about-news-item {
	background: #fff;
	padding: 20px 24px;
	border-radius: 10px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.05);
	display: flex;
	flex-direction: column;
	gap: 10px;
	border-bottom: none !important;
	transition: all 0.3s
}
.about-news-item:hover {
	transform: translateY(-3px);
	box-shadow: 0 4px 16px rgba(0,0,0,0.1);
	padding-left: 24px !important;
	color: #333
}
.about-news-title {
	font-weight: 500;
	font-size: 16px;
	color: #333;
	white-space: normal;
	margin-right: 0 !important
}
.about-news-item:hover .about-news-title {
	color: #ff5a1f
}
.about-news-date {
	font-size: 13px;
	color: #999
}
@media (max-width:768px) {
.about-news-list {
	grid-template-columns: 1fr
}
}
.about-news-btn {
	display: inline-block;
	padding: 10px 28px;
	border: 1px solid #ff5a1f;
	color: #ff5a1f;
	background: #fff;
	border-radius: 8px;
	text-decoration: none;
	transition: all 0.3s;
	font-weight: 500
}
.about-news-btn:hover {
	background: #ff5a1f;
	color: #fff
}
.gs-knowledge-read-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px
}
.gs-knowledge-read-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 14px 18px;
	background: #f8fafc;
	border: 1px solid #e8ecf1;
	border-radius: 8px;
	text-decoration: none;
	transition: all 0.3s;
	min-height: 44px
}
.gs-knowledge-read-item:hover {
	background: #e6f4ff;
	border-color: #1677ff;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(22,119,255,0.12)
}
.gs-kr-title {
	color: #333;
	font-size: 14px;
	line-height: 1.5;
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.gs-knowledge-read-item:hover .gs-kr-title {
	color: #1677ff
}
.gs-kr-date {
	color: #999;
	font-size: 13px;
	flex-shrink: 0
}
@media (max-width:768px) {
.gs-knowledge-read-grid {
	grid-template-columns: 1fr
}
}
.gs-kr-subpage {
	grid-template-columns: 1fr
}
.gs-detail-section .gs-knowledge-grid {
	grid-template-columns: repeat(2, 1fr)
}
@media (max-width:768px) {
.gs-detail-section .gs-knowledge-grid {
	grid-template-columns: 1fr
}
}
.gs-case-subpage {
	grid-template-columns: repeat(2, 1fr)
}
@media (max-width:768px) {
.gs-case-subpage {
	grid-template-columns: 1fr
}
.gs-policy-card {
	padding: 18px
}
.gs-policy-card h3 {
	font-size: 15px;
	padding-right: 45px
}
.gs-policy-card p {
	font-size: 13px
}
.gs-policy-tag {
	top: 12px;
	right: 12px;
	padding: 3px 8px;
	font-size: 11px
}
.gs-knowledge-read-item {
	padding: 12px 14px;
	flex-wrap: wrap
}
.gs-kr-title {
	font-size: 13px;
	white-space: normal
}
.gs-kr-date {
	font-size: 12px
}
}
.theme-green .gs-knowledge-read-item:hover {
	background: #f6ffed;
	border-color: #389e0d;
	color: #389e0d;
	box-shadow: 0 4px 12px rgba(56,158,13,0.12)
}
.theme-green .gs-knowledge-read-item:hover .fa-circle-question, .theme-green .gs-knowledge-read-item:hover .gs-kr-title, .theme-green .gs-knowledge-read-item:hover .fa-angle-right {
	color: #389e0d
}
.theme-orange .gs-knowledge-read-item:hover {
	background: linear-gradient(135deg, #ff7d00 0, #ff5a1f 100%);
	border-color: #ff5a1f;
	color: #fff;
	box-shadow: 0 4px 12px rgba(255,90,31,0.3)
}
.theme-orange .gs-knowledge-read-item:hover .fa-circle-question, .theme-orange .gs-knowledge-read-item:hover .gs-kr-title, .theme-orange .gs-knowledge-read-item:hover .fa-angle-right {
	color: #fff
}
.theme-purple .gs-knowledge-read-item:hover {
	background: #f9f0ff;
	border-color: #722ed1;
	color: #722ed1;
	box-shadow: 0 4px 12px rgba(114,46,209,0.12)
}
.theme-purple .gs-knowledge-read-item:hover .fa-circle-question, .theme-purple .gs-knowledge-read-item:hover .gs-kr-title, .theme-purple .gs-knowledge-read-item:hover .fa-angle-right {
	color: #722ed1
}
.cs-case-subpage, .zz-case-subpage {
	grid-template-columns: repeat(2, 1fr)
}
@media (max-width:768px) {
.cs-case-subpage, .zz-case-subpage {
	grid-template-columns: 1fr
}
}
.cs-table-wrapper {
	width: 100%;
	overflow-x: auto;
	border-radius: 12px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.08);
	background: #fff;
	-webkit-overflow-scrolling: touch
}
.cs-price-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
	color: #1f2937;
	min-width: 640px
}
.cs-price-table thead th {
	background: linear-gradient(135deg, #52c41a 0, #389e0d 100%);
	color: #fff;
	font-weight: 600;
	padding: 14px 16px;
	text-align: left;
	white-space: nowrap;
	border-bottom: 2px solid #389e0d
}
.cs-price-table thead th:first-child {
	border-top-left-radius: 12px
}
.cs-price-table thead th:last-child {
	border-top-right-radius: 12px
}
.cs-price-table tbody td {
	padding: 12px 16px;
	border-bottom: 1px solid #f0f0f0;
	vertical-align: middle;
	line-height: 1.6
}
.cs-price-table tbody tr:nth-child(even) {
	background: #f6ffed
}
.cs-price-table tbody tr:hover {
	background: #d9f7be;
	transition: background 0.2s ease
}
.cs-price-table tbody tr:last-child td {
	border-bottom: none
}
.cs-price-table tbody tr:last-child td:first-child {
	border-bottom-left-radius: 12px
}
.cs-price-table tbody tr:last-child td:last-child {
	border-bottom-right-radius: 12px
}
.cs-price-table tbody td:first-child {
	font-weight: 600;
	color: #389e0d;
	white-space: nowrap
}
.cs-price-table tbody td:nth-child(2) {
	color: #f5222d;
	font-weight: 600;
	white-space: nowrap
}
@media (max-width:768px) {
.cs-price-table {
	font-size: 13px;
	min-width: 580px
}
.cs-price-table thead th, .cs-price-table tbody td {
	padding: 10px 12px
}
}
@media (max-width:576px) {
.gs-trust-grid {
	grid-template-columns: repeat(2, 1fr);
	gap: 16px
}
.gs-advantage-grid {
	grid-template-columns: 1fr
}
.gs-scene-grid {
	grid-template-columns: 1fr
}
.gs-policy-grid {
	grid-template-columns: 1fr
}
.gs-banner-title {
	font-size: 28px
}
.gs-section-title {
	font-size: 22px
}
}
.gs-table-wrapper {
	width: 100%;
	overflow-x: auto;
	border-radius: 12px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.08);
	background: #fff;
	-webkit-overflow-scrolling: touch
}
.gs-price-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
	color: #1f2937;
	min-width: 640px
}
.gs-price-table thead th {
	background: linear-gradient(135deg, #1677ff 0, #0958d9 100%);
	color: #fff;
	font-weight: 600;
	padding: 14px 16px;
	text-align: left;
	white-space: nowrap;
	border-bottom: 2px solid #0958d9
}
.gs-price-table thead th:first-child {
	border-top-left-radius: 12px
}
.gs-price-table thead th:last-child {
	border-top-right-radius: 12px
}
.gs-price-table tbody td {
	padding: 12px 16px;
	border-bottom: 1px solid #f0f0f0;
	vertical-align: middle;
	line-height: 1.6
}
.gs-price-table tbody tr:nth-child(even) {
	background: #f0f7ff
}
.gs-price-table tbody tr:hover {
	background: #e6f0ff;
	transition: background 0.2s ease
}
.gs-price-table tbody tr:last-child td {
	border-bottom: none
}
.gs-price-table tbody tr:last-child td:first-child {
	border-bottom-left-radius: 12px
}
.gs-price-table tbody tr:last-child td:last-child {
	border-bottom-right-radius: 12px
}
.gs-price-table tbody td:first-child {
	font-weight: 600;
	color: #0958d9;
	white-space: nowrap
}
.gs-price-table tbody td:nth-child(2) {
	color: #f5222d;
	font-weight: 600;
	white-space: nowrap
}
@media (max-width:768px) {
.gs-price-table {
	font-size: 13px;
	min-width: 580px
}
.gs-price-table thead th, .gs-price-table tbody td {
	padding: 10px 12px
}
}
.zz-table-wrapper {
	width: 100%;
	overflow-x: auto;
	border-radius: 12px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.08);
	background: #fff;
	-webkit-overflow-scrolling: touch
}
.zz-price-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
	color: #1f2937;
	min-width: 640px
}
.zz-price-table thead th {
	background: linear-gradient(135deg, #fa8c16 0, #d46b08 100%);
	color: #fff;
	font-weight: 600;
	padding: 14px 16px;
	text-align: left;
	white-space: nowrap;
	border-bottom: 2px solid #d46b08
}
.zz-price-table thead th:first-child {
	border-top-left-radius: 12px
}
.zz-price-table thead th:last-child {
	border-top-right-radius: 12px
}
.zz-price-table tbody td {
	padding: 12px 16px;
	border-bottom: 1px solid #f0f0f0;
	vertical-align: middle;
	line-height: 1.6
}
.zz-price-table tbody tr:nth-child(even) {
	background: #fff7e6
}
.zz-price-table tbody tr:hover {
	background: #ffe7ba;
	transition: background 0.2s ease
}
.zz-price-table tbody tr:last-child td {
	border-bottom: none
}
.zz-price-table tbody tr:last-child td:first-child {
	border-bottom-left-radius: 12px
}
.zz-price-table tbody tr:last-child td:last-child {
	border-bottom-right-radius: 12px
}
.zz-price-table tbody td:first-child {
	font-weight: 600;
	color: #d46b08;
	white-space: nowrap
}
.zz-price-table tbody td:nth-child(2) {
	color: #f5222d;
	font-weight: 600;
	white-space: nowrap
}
@media (max-width:992px) {
.zz-price-table {
	min-width: 580px
}
}
@media (max-width:768px) {
.zz-price-table {
	font-size: 13px;
	min-width: 580px
}
.zz-price-table thead th, .zz-price-table tbody td {
	padding: 10px 12px
}
}
.sidebar-contact-card.cyan {
	background: linear-gradient(135deg, #1bb5b5 0, #0f8a8a 100%);
	color: #fff;
	border-radius: 12px;
	padding: 28px 24px;
	margin-bottom: 20px;
	box-shadow: 0 4px 16px rgba(27,181,181,0.25)
}
.sidebar-btn.cyan {
	display: block;
	width: 100%;
	padding: 12px;
	border-radius: 24px;
	text-align: center;
	text-decoration: none;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 12px;
	transition: all 0.3s
}
.sidebar-btn.cyan:not(.outline) {
	background: #fff;
	color: #0f8a8a
}
.sidebar-btn.cyan.outline {
	background: rgba(255,255,255,0.15);
	color: #fff;
	border: 1px solid rgba(255,255,255,0.3);
	margin-bottom: 0
}
.sidebar-btn.cyan:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0,0,0,0.15)
}
.zhishi-banner.bszn-banner {
	background: linear-gradient(135deg, #1bb5b5 0, #0f8a8a 100%)
}
.bszn-tabs-card .zhishi-tab:hover {
	background: #e6f7f7;
	color: #1bb5b5
}
.bszn-tabs-card .zhishi-tab.active {
	background: #1bb5b5;
	color: #fff
}
.bszn-breadcrumb a:hover {
	color: #1bb5b5
}
.bszn-breadcrumb .current {
	color: #1bb5b5
}
.bszn-pagination a:hover, .bszn-pagination .active {
	background: #1bb5b5;
	border-color: #1bb5b5;
	color: #fff
}
.bszn-list-main .zhishi-list-item:hover {
	box-shadow: 0 8px 20px rgba(27,181,181,0.1)
}
.bszn-list-main .zhishi-list-item:hover .zhishi-item-title {
	color: #1bb5b5
}
.bszn-sidebar .sidebar-title {
	border-bottom-color: #e6f7f7
}
.bszn-sidebar .sidebar-cat-list a:hover {
	background: #e6f7f7;
	color: #1bb5b5
}
.bszn-article .zhishi-article-tags i {
	color: #1bb5b5
}
.bszn-article .zhishi-tag {
	background: #e6f7f7;
	color: #1bb5b5
}
.bszn-article .zhishi-tag:hover {
	background: #1bb5b5;
	color: #fff
}
.bszn-related .related-title {
	border-bottom-color: #e6f7f7
}
.bszn-related .related-list a:hover {
	color: #1bb5b5
}
.bszn-related .related-title {
	color: #1bb5b5
}
.bszn-prev-next {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin-top: 24px
}
.bszn-prev-next .prev-next-item {
	background: #fff;
	border: 1px solid #e6f7f7;
	border-radius: 10px;
	padding: 16px 20px;
	transition: all 0.3s
}
.bszn-prev-next .prev-next-item:hover {
	border-color: #1bb5b5;
	box-shadow: 0 4px 12px rgba(27,181,181,0.1)
}
.bszn-prev-next .prev-next-label {
	display: block;
	font-size: 13px;
	color: #1bb5b5;
	font-weight: 500;
	margin-bottom: 8px
}
.bszn-prev-next .prev-next-item a {
	color: #333;
	text-decoration: none;
	font-size: 14px;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: color 0.3s
}
.bszn-prev-next .prev-next-item a:hover {
	color: #1bb5b5
}
.bszn-prev-next .prev-next-item .no-more {
	color: #999;
	font-size: 14px
}
.bszn-prev-next .next {
	text-align: right
}
@media (max-width:600px) {
.bszn-prev-next {
	grid-template-columns: 1fr
}
.bszn-prev-next .next {
	text-align: left
}
}
.bszn-article .zhishi-article-tags a {
	display: inline-block;
	padding: 4px 12px;
	background: #e6f7f7;
	color: #1bb5b5;
	border-radius: 4px;
	font-size: 13px;
	text-decoration: none;
	transition: all 0.3s;
	min-height: 32px;
	line-height: 32px
}
.bszn-article .zhishi-article-tags a:hover {
	background: #1bb5b5;
	color: #fff
}
.zhishi-prev-next {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin: 24px 0
}
.zhishi-prev-next .prev-next-item {
	background: #fff;
	border: 1px solid #fff3ed;
	border-radius: 10px;
	padding: 16px 20px;
	transition: all 0.3s
}
.zhishi-prev-next .prev-next-item:hover {
	border-color: #ff5a1f;
	box-shadow: 0 4px 12px rgba(255,90,31,0.1)
}
.zhishi-prev-next .prev-next-label {
	display: block;
	font-size: 13px;
	color: #ff5a1f;
	font-weight: 500;
	margin-bottom: 8px
}
.zhishi-prev-next .prev-next-item a {
	color: #333;
	text-decoration: none;
	font-size: 14px;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: color 0.3s
}
.zhishi-prev-next .prev-next-item a:hover {
	color: #ff5a1f
}
.zhishi-prev-next .prev-next-item .no-more {
	color: #999;
	font-size: 14px
}
.zhishi-prev-next .next {
	text-align: right
}
@media (max-width:600px) {
.zhishi-prev-next {
	grid-template-columns: 1fr
}
.zhishi-prev-next .next {
	text-align: left
}
}
.zhishi-article-tags a {
	display: inline-block;
	padding: 4px 12px;
	background: #fff3ed;
	color: #ff5a1f;
	border-radius: 4px;
	font-size: 13px;
	text-decoration: none;
	transition: all 0.3s;
	min-height: 32px;
	line-height: 32px
}
.zhishi-article-tags a:hover {
	background: #ff5a1f;
	color: #fff
}
/* 导航下拉菜单位置修正 */
.hm-nav-item.has-submenu .hm-submenu {
	top: 58px !important;
}
/* 绿色主题 - 财税服务 */
.sidebar-contact-card.green {
	background: linear-gradient(135deg, #52c41a 0, #389e0d 100%);
	color: #fff;
	border-radius: 12px;
	padding: 28px 24px;
	margin-bottom: 20px;
	box-shadow: 0 4px 16px rgba(82,196,26,0.25)
}
.sidebar-btn.green {
	display: block;
	width: 100%;
	padding: 12px;
	border-radius: 24px;
	text-align: center;
	text-decoration: none;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 12px;
	transition: all 0.3s
}
.sidebar-btn.green:not(.outline) {
	background: #fff;
	color: #52c41a
}
.sidebar-btn.green.outline {
	background: rgba(255,255,255,0.15);
	color: #fff;
	border: 1px solid rgba(255,255,255,0.3);
	margin-bottom: 0
}
.sidebar-btn.green:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0,0,0,0.15)
}
/* 深橙主题 - 资质办理 */
.sidebar-contact-card.darkorange {
	background: linear-gradient(135deg, #fa8c16 0, #d46b08 100%);
	color: #fff;
	border-radius: 12px;
	padding: 28px 24px;
	margin-bottom: 20px;
	box-shadow: 0 4px 16px rgba(250,140,22,0.25)
}
.sidebar-btn.darkorange {
	display: block;
	width: 100%;
	padding: 12px;
	border-radius: 24px;
	text-align: center;
	text-decoration: none;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 12px;
	transition: all 0.3s
}
.sidebar-btn.darkorange:not(.outline) {
	background: #fff;
	color: #fa8c16
}
.sidebar-btn.darkorange.outline {
	background: rgba(255,255,255,0.15);
	color: #fff;
	border: 1px solid rgba(255,255,255,0.3);
	margin-bottom: 0
}
.sidebar-btn.darkorange:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0,0,0,0.15)
}
/* 蓝色主题 - 工商服务 */
.sidebar-contact-card.blue {
	background: linear-gradient(135deg, #1677ff 0, #0958d9 100%);
	color: #fff;
	border-radius: 12px;
	padding: 28px 24px;
	margin-bottom: 20px;
	box-shadow: 0 4px 16px rgba(22,119,255,0.25)
}
.sidebar-btn.blue {
	display: block;
	width: 100%;
	padding: 12px;
	border-radius: 24px;
	text-align: center;
	text-decoration: none;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 12px;
	transition: all 0.3s
}
.sidebar-btn.blue:not(.outline) {
	background: #fff;
	color: #1677ff
}
.sidebar-btn.blue.outline {
	background: rgba(255,255,255,0.15);
	color: #fff;
	border: 1px solid rgba(255,255,255,0.3);
	margin-bottom: 0
}
.sidebar-btn.blue:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0,0,0,0.15)
}