/*
Theme Name: CFX
Version: 1.0
Description: CFX - Digital Marketing Solutions
Author: CFX Technology
*/



@charset "utf-8";



.cfx-container {

	width: 1600px;

	margin: 0 auto
}



@media screen and (max-width:1680px) {

	.cfx-container {

		width: 90%
	}

}

@media screen and (max-width:1200px) {

	.cfx-container {

		width: 94%
	}

}

@media screen and (max-width:768px) {

	.cfx-container {

		width: 92%
	}

}

@media screen and (max-width:560px) {

	.cfx-container {

		width: 90%
	}

}



:root {

	--i_color: #1B61D5;

	/* 全局颜色 */

	--i_color2: #F08514;

	/* 副颜色 */

	--i_color3: #23428A;

	/* 选中颜色 */

	--header_height: .8rem;

	/* 头部高度 */

	--border_color: rgba(0, 0, 0, .1);

	/* 默认边框颜色 */

	--f_menu_height: 50px;

	/* 移动端底部菜单 */

}

@media screen and (max-width:1024px) {

	:root {

		--header_height: .6rem;

	}

}

@media screen and (max-width:768px) {

	:root {

		--border_color: rgba(0, 0, 0, .06)
	}

}





/* header */

header {

	margin-bottom: calc(-1 * var(--header_height));

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 50;

}

header::before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 0;

	background: #FFF;

}

header::after {

	opacity: 0;

	content: '';

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 1px;

	background: #DDD;

	-webkit-transition: all 0 ease;

	transition: all 0 ease
}

.cfx-header-sticky::before {

	height: 100%;

}

.cfx-header-sticky::after {

	opacity: 1;

	-webkit-transition: all 3s ease;

	transition: all 3s ease
}



header,

header::before {

	-webkit-transition: all .5s ease;

	transition: all .5s ease
}



.cfx-header-bar {

	height: var(--header_height);

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

}



@media screen and (max-width:1024px) {

	header {

		background: #FFF !important;

	}

}

@media screen and (max-width:768px) {}

@media screen and (max-width:560px) {}





.cfx-logo {

	height: 100%;

	width: 1.9rem;

	flex: 0 0 1.9rem;

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

	align-items: center;

	overflow: visible;

}

/* Article detail banner */
.cfx-article-banner {
	position: relative;
	width: 100%;
	min-height: 166px;
	background-color: #f3f8ff;
	background-image: url("../img/article-banner-bg.webp");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-top: 1px solid #dce5f0;
	overflow: hidden;
	box-sizing: border-box;
}

.cfx-article-banner-inner {
	position: relative;
	min-height: 166px;
	max-width: 1040px;
	box-sizing: border-box;
}

.cfx-article-banner-breadcrumb {
	position: relative;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	display: flex;
	align-items: center;
	width: auto;
	height: auto;
	min-width: 0;
	padding-top: 27px;
	color: #48607e;
	font-size: 13px;
	line-height: 20px;
	white-space: nowrap;
	background: transparent;
	transform: none;
	z-index: 1;
}

.cfx-article-banner-breadcrumb a {
	position: relative;
	display: inline-block;
	color: #314967;
	font-size: 13px;
	line-height: 20px;
}

.cfx-article-banner-breadcrumb a:not(:first-child) {
	margin-left: 7px;
}

.cfx-article-banner-breadcrumb a:not(:last-child) {
	margin-right: 7px;
}

.cfx-article-banner-breadcrumb a:first-child {
	padding-left: 25px;
}

.cfx-article-banner-breadcrumb a:first-child::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 16px;
	height: 16px;
	background: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="%230d6efd" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3 11l9-8l9 8v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm6 11V12h6v10"%2F%3E%3C%2Fsvg%3E') no-repeat center;
	background-size: contain;
	transform: translateY(-50%);
}

.cfx-article-banner-breadcrumb a:last-child {
	color: #0d6efd;
}

.cfx-article-banner-breadcrumb a:hover {
	color: #0d6efd;
}

.cfx-article-banner-heading {
	display: flex;
	align-items: center;
	margin-top: 28px;
	color: #102b55;
}

.cfx-article-banner-title h2 {
	color: #102b55;
	font-size: 29px;
	font-weight: 700;
	line-height: 36px;
	letter-spacing: 0;
}

.cfx-article-banner-title p {
	margin-top: 1px;
	color: #a5bce7;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0;
}

.cfx-article-banner-heading > i {
	display: block;
	width: 1px;
	height: 31px;
	margin: 0 20px;
	background: #b8c8dc;
}

.cfx-article-banner-heading > span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 94px;
	height: 22px;
	padding: 0 15px;
	color: #fff;
	font-size: 13px;
	line-height: 22px;
	white-space: nowrap;
	background: #0d6efd;
	border-radius: 11px;
	box-sizing: border-box;
}

@media screen and (max-width: 1024px) {
	.cfx-article-banner,
	.cfx-article-banner-inner {
		min-height: 156px;
	}

	.cfx-article-banner-breadcrumb {
		padding-top: 22px;
		overflow-x: auto;
		scrollbar-width: none;
	}

	.cfx-article-banner-breadcrumb::-webkit-scrollbar {
		display: none;
	}

	.cfx-article-banner-heading {
		margin-top: 25px;
	}
}

@media screen and (max-width: 560px) {
	.cfx-article-banner,
	.cfx-article-banner-inner {
		min-height: 148px;
	}

	.cfx-article-banner {
		background-position: 62% center;
	}

	.cfx-article-banner-breadcrumb {
		padding-top: 19px;
		font-size: 12px;
	}

	.cfx-article-banner-breadcrumb a {
		font-size: 12px;
	}

	.cfx-article-banner-breadcrumb a:not(:first-child) {
		margin-left: 5px;
	}

	.cfx-article-banner-breadcrumb a:not(:last-child) {
		margin-right: 5px;
	}

	.cfx-article-banner-breadcrumb a:first-child {
		padding-left: 21px;
	}

	.cfx-article-banner-breadcrumb a:first-child::before {
		width: 14px;
		height: 14px;
	}

	.cfx-article-banner-heading {
		margin-top: 22px;
	}

	.cfx-article-banner-title h2 {
		font-size: 24px;
		line-height: 30px;
	}

	.cfx-article-banner-title p {
		font-size: 12px;
		line-height: 18px;
	}

	.cfx-article-banner-heading > i {
		height: 27px;
		margin: 0 14px;
	}

	.cfx-article-banner-heading > span {
		min-width: 78px;
		height: 22px;
		padding: 0 12px;
		font-size: 12px;
		line-height: 22px;
	}
}

.cfx-logo img {

	width: auto;

	max-width: 100%;

	height: auto;

	max-height: none;

	display: block;

	transform: none;

}

.cfx-logo img.cfx-logo-light {

	display: block;

	height: .72rem;

	max-height: calc(var(--header_height) - .08rem);

}

.cfx-logo img.cfx-logo-dark {

	display: none;

	width: 100%;

	height: auto;

}

.cfx-header-sticky .cfx-logo img.cfx-logo-light {

	display: none;

}

.cfx-header-sticky .cfx-logo img.cfx-logo-dark {

	display: block;

}

@media screen and (max-width:1366px) {

	.cfx-logo {

		width: 1.7rem;

		flex-basis: 1.7rem;

	}

}

@media screen and (max-width:1024px) {

	.cfx-logo {

		width: 1.3rem;

		flex-basis: 1.3rem;

	}

	.cfx-logo img {

		transform: none;

	}

	.cfx-logo img.cfx-logo-light {

		display: block !important;

		height: .52rem;

		max-height: calc(var(--header_height) - .08rem);

	}

	.cfx-logo img.cfx-logo-dark {

		display: none !important;

		width: 100%;

		height: auto;

	}

	.cfx-header-sticky .cfx-logo img.cfx-logo-light {

		display: none !important;

	}

	.cfx-header-sticky .cfx-logo img.cfx-logo-dark {

		display: block !important;

	}

}

@media screen and (max-width:768px) {}

@media screen and (max-width:560px) {}







@media screen and (min-width:1025px) {

	nav {

		margin-left: auto;

	}

	nav ul {

		display: -webkit-flex;

		display: flex;

		flex-wrap: wrap;

	}

	nav li {

		margin: 0 .34rem;

	}

	nav li a {

		display: block;

		font-size: 0.16rem;

		color: #FFF;

		line-height: var(--header_height);

	}

	.cfx-header-sticky nav li a {

		color: #333
	}

	.cfx-header-sticky nav .cfx-menu-current>a,

	.cfx-header-sticky nav .cfx-menu-current-cat>a,

	.cfx-header-sticky nav .cfx-menu-current-post>a,

	.cfx-header-sticky nav .cfx-menu-current-anc>a,

	.cfx-header-sticky nav .cfx-menu-current-parent>a,

	.cfx-header-sticky nav .cfx-menu-current-parent>a,

	.cfx-header-sticky nav .cfx-menu-current-page-parent>a,

	.cfx-header-sticky nav .cfx-menu-current-page-anc>a,

	.cfx-header-sticky nav li:hover>a,

	.cfx-header-sticky nav .cfx-active>a {

		color: var(--i_color) !important
	}



	nav li .cfx-sub-menu {

		display: none;

	}

}

@media screen and (max-width:1366px) {

	nav li {

		margin: 0 .24rem;

	}

	nav li a {

		font-size: 0.15rem;

	}

}

@media screen and (max-width:1200px) {}

@media screen and (max-width:1024px) {

	nav {

		display: none;

		position: fixed;

		top: var(--header_height);

		left: 0;

		width: 100%;

		width: 100vw;

		max-height: calc(100vh - var(--header_height));

		box-sizing: border-box;

		border-top: 1px solid var(--border_color);

		background: #FFF;

		overflow-y: auto;

		z-index: 2
	}

	/*滚动条*/

	nav::-webkit-scrollbar {

		width: 3px;

		height: 8px
	}

	nav::-webkit-scrollbar-thumb {

		-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);

		background: #555
	}

	nav::-webkit-scrollbar-track {

		-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);

		border-radius: 0;

		background: #F1F1F1
	}

	nav>ul>li {

		margin: 0 0 !important;

		border-bottom: 1px solid var(--border_color);

		position: relative
	}

	nav>ul>.cfx-menu-has-children span {

		display: block;

		position: absolute;

		top: 0;

		right: 0;

		width: .4rem;

		height: .4rem;

		box-sizing: border-box;

		background: rgb(0 0 0 / 3%) url(../images/public/arrow/hollow/arrow_d_b.svg) no-repeat center;

		background-size: .18rem;

	}



	nav>ul>.cfx-menu-has-children span.cfx-on {

		background: rgb(0 0 0 / 3%) url(../images/public/arrow/hollow/arrow_u_b.svg) no-repeat center;

		background-size: .18rem;

	}



	nav>ul>li>a {

		padding: 0 .2rem;

		font-size: .14rem;

		color: #222;

		line-height: .4rem;

		text-transform: uppercase;

	}



	nav>ul>li>.cfx-sub-menu {

		display: none
	}

	nav>ul>li>.cfx-sub-menu li {

		position: relative;

	}

	nav .cfx-sub-menu a {

		padding: 0 .2rem;

		font-size: .14rem;

		color: #555;

		line-height: .4rem;

		position: relative
	}

	nav .cfx-sub-menu li:not(:last-child) {

		border-bottom: 1px solid var(--border_color)
	}



	nav>ul>li>.cfx-sub-menu b {

		position: absolute;

		top: 0;

		right: 0;

		width: .4rem;

		height: .4rem;

		background: url(https://www.ljglobal.cn/wp-content/themes/LJGlobal/static/images/public/arrow_down_hollow_hei.svg) no-repeat center;

		background-size: .16rem;

	}

	nav>ul>li>.cfx-sub-menu b.cfx-on {

		background: url(https://www.ljglobal.cn/wp-content/themes/LJGlobal/static/images/public/arrow_up_hollow_hei.svg) no-repeat center;

		background-size: .16rem;

	}



	nav .cfx-sub-menu .cfx-sub-menu {

		display: none;

	}



	nav .cfx-sub-menu .cfx-sub-menu a {

		padding: 0 .6rem;

		font-size: .13rem;

		color: #888;

		line-height: .36rem;

		position: relative;

	}



	nav a {

		display: block;

		overflow: hidden;

		white-space: nowrap;

		text-overflow: ellipsis
	}

}

@media screen and (max-width:768px) {}

@media screen and (max-width:560px) {}











/* Mobile nav button */

.cfx-nav-toggle {

	position: absolute;

	width: 22px;

	height: 16px;

	right: 0;

	top: 50%;

	transform: translateY(-50%);

	display: none;

	cursor: pointer
}

.cfx-nav-toggle i {

	display: block;

	width: 100%;

	height: 3px;

	position: absolute;

	top: 50%;

	margin-top: -2px;

	background: var(--i_color);

	border-radius: .1rem;

	transition: 0.5s
}

.cfx-nav-toggle::before,

.cfx-nav-toggle::after {

	content: "";

	width: 100%;

	height: 3px;

	background: var(--i_color);

	position: absolute;

	left: 0;

	border-radius: .1rem;

	transition: 0.5s
}

.cfx-nav-toggle::before {

	top: 0;

}

.cfx-nav-toggle::after {

	bottom: 0;

}





.cfx-nav-toggle.cfx-on i {

	opacity: 0
}



.cfx-nav-toggle.cfx-on::before {

	transform: rotate(45deg);

	top: 50%;

	margin-top: -2px
}



.cfx-nav-toggle.cfx-on::after {

	transform: rotate(-45deg);

	top: 50%;

	margin-top: -2px
}



@media screen and (max-width:1024px) {

	.cfx-nav-toggle {

		display: block !important
	}

}













/* PC nav menu */

.cfx-nav-dropdown {

	display: none;

	position: fixed;

	top: var(--header_height);

	left: 0;

	width: 100%;

	background: #FFF;

	z-index: 999;

}



.cfx-nav-dropdown ul {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: center;

}

.cfx-nav-dropdown li {

	margin: 0 .24rem;

}

.cfx-nav-dropdown a {

	padding: .2rem 0;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	position: relative;

}

.cfx-nav-dropdown a::before {

	content: '';

	position: absolute;

	bottom: 0;

	left: 50%;

	transform: translate(-50%, 0);

	width: 0;

	height: 2px;

	background: var(--i_color);

}

.cfx-nav-dropdown img {

	margin-right: 0.08rem;

	height: 0.2rem;

}

.cfx-nav-dropdown i {

	font-size: 0.14rem;

	color: #666;

}

.cfx-sub-active a::before,

.cfx-nav-dropdown a:hover::before {

	width: 100%;

}

.cfx-sub-active i,

.cfx-nav-dropdown a:hover i {

	color: var(--i_color);

}

.cfx-nav-dropdown a::before {

	-webkit-transition: all .5s ease;

	transition: all .5s ease
}

















.cfx-header-actions {

	--size: .4rem
}

.cfx-header-actions {

	margin-left: auto;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

}

.cfx-header-phone {

	margin-right: 0.2rem;

	padding-right: 0.2rem;

	position: relative;

}

.cfx-header-phone::before {

	content: '';

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	right: 0;

	width: 1px;

	height: 70%;

	background: #FFF;

}

.cfx-header-sticky .cfx-header-phone::before {

	background: #888;

}



.cfx-header-phone a {

	padding-left: 0.26rem;

	font-size: 0.18rem;

	color: #FFF;

	background: url(../images/public/contact/tel.svg) no-repeat left center;

	background-size: .2rem;

}

.cfx-header-sticky .cfx-header-phone a {

	color: #333;

	background: url(../images/public/contact/tel_b.svg) no-repeat left center;

	background-size: .2rem;

}

@media screen and (max-width:1024px) {

	.cfx-header-phone a {

		color: #333;

		background: url(../images/public/contact/tel_b.svg) no-repeat left center;

		background-size: .2rem;

	}

}



/* 搜索 */

.cfx-header-search {

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

	height: var(--size);

	box-sizing: border-box;

	position: relative;

	z-index: 2015;

}

.cfx-header-search form {

	width: var(--size);

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

	position: relative;

}

.cfx-search-input {

	opacity: 0;

	position: absolute;

	top: 0;

	right: 0;

	width: var(--size);

	height: var(--size);

	box-sizing: border-box;

	padding: 0 var(--size) 0 0;

	line-height: var(--size);

	box-sizing: border-box;

	font-size: .14rem;

	color: #555;

	z-index: 3;

	cursor: pointer;

	-webkit-border-radius: 6px 0 0 6px;

	-moz-border-radius: 6px 0 0 6px;

	border-radius: 6px 0 0 6px;

}

.cfx-header-search.cfx-on .cfx-search-input {

	opacity: 1;

	padding-left: 10px;

	width: 2.6rem;

	background: #FFF;

	border: 1px solid var(--border_color);

	z-index: 1;

	-webkit-border-radius: .06rem;

	border-radius: .06rem;

}

.cfx-search-btn {

	font-size: 0;

	width: var(--size);

	height: var(--size);

	background: url(../images/public/search_w1.svg) no-repeat center;

	background-size: .24rem;

	-webkit-border-radius: 6px 0 0 6px;

	-moz-border-radius: 6px 0 0 6px;

	border-radius: 6px 0 0 6px;

	cursor: pointer;

	position: relative;

	z-index: 2;

}

.cfx-header-sticky .cfx-search-btn {

	background: url(../images/public/search_b1.svg) no-repeat center;

	background-size: .24rem;

}

.cfx-header-search.cfx-on .cfx-search-btn {

	background: url(../images/public/search_b1.svg) no-repeat center;

	background-size: .24rem;

}

@media screen and (max-width:1024px) {

	.cfx-search-btn {

		background: url(../images/public/search_b1.svg) no-repeat center;

		background-size: .24rem;

	}

}



.cfx-header-search {

	-webkit-transition: all .5s ease;

	-moz-transition: all .5s ease;

	-ms-transition: all .5s ease;

	-o-transition: all .5s ease;

	transition: all .5s ease
}

.cfx-search-input,

.cfx-search-btn {

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease
}









.cfx-header-lang {



	display: none !important;



	margin-left: 0.06rem;

	width: var(--size);

	position: relative;

	-webkit-border-radius: 0 6px 6px 0;

	-moz-border-radius: 0 6px 6px 0;

	border-radius: 0 6px 6px 0
}

.cfx-header-lang i {

	display: block;

	width: var(--size);

	height: var(--size);

	background: url(../images/public/language_w3.svg) no-repeat center;

	background-size: .22rem;

	cursor: pointer;

}

.cfx-header-sticky .cfx-header-lang i {

	background: url(../images/public/language_b3.svg) no-repeat center;

	background-size: .22rem;

}

@media screen and (max-width:1024px) {

	.cfx-header-lang i {

		background: url(../images/public/language_b3.svg) no-repeat center;

		background-size: .22rem;

	}

}



.cfx-header-lang-list {

	display: none;

	position: absolute;

	right: 0;

	top: 52px;

	z-index: 2;

	-moz-user-select: none;

	-webkit-user-select: none;

	-ms-user-select: none;

	-khtml-user-select: none;

	user-select: none;

}

.cfx-header-lang-list::before {

	content: '';

	position: absolute;

	top: -.1rem;

	right: .12rem;

	width: 0;

	height: 0;

	border-left: 8px solid transparent;

	border-right: 8px solid transparent;

	border-bottom: 10px solid #FFF
}

.cfx-header-lang.cfx-on .cfx-header-lang-list {

	display: block !important;

}

.cfx-header-lang-list ul {

	-webkit-border-radius: .05rem;

	border-radius: .05rem;

	overflow: hidden;

}



.cfx-header-lang-list li {

	background: #FFF;

}

.cfx-header-lang-list a>span {

	display: block;

	padding: 0 14px;

	min-width: 100px;

	overflow: hidden
}

.cfx-header-lang-list img,

.cfx-header-lang-list .trp-ls-language-name {

	display: inline-block;

	vertical-align: middle
}

.cfx-header-lang-list .trp-ls-language-name {

	margin-left: 8px;

	font-size: .13rem;

	color: #606060;

	line-height: 32px
}

.cfx-header-lang:hover>i,

.cfx-header-lang.cfx-on>i {

	-webkit-transform: rotate(180deg);

	transform: rotate(180deg)
}

.cfx-header-lang-list li:hover {

	background: #DDD
}

.cfx-header-lang,

.cfx-header-lang>i {

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease
}



@media screen and (max-width:1366px) {

	.cfx-header-phone a {

		font-size: 0.16rem;

	}

}

@media screen and (max-width:1024px) {

	.cfx-header-actions {

		margin-right: 0.4rem;

	}

}

@media screen and (max-width:768px) {

	.cfx-header-phone a {

		font-size: 0;

	}

}

@media screen and (max-width:560px) {}











@media screen and (max-width:1024px) {

	#luxy {

		margin-top: var(--header_height);

	}

}





.cfx-hero {

	width: 100%;

	overflow: hidden;

}

.cfx-hero .swiper-container {

	margin: 0 auto;

	position: relative;

	overflow: hidden;

	list-style: none;

	padding: 0;

	z-index: 1;

}

.cfx-hero .swiper-wrapper {

	display: flex;

	position: relative;

	width: 100%;

	z-index: 1
}

.cfx-hero .swiper-slide {

	height: 0;

	padding-bottom: 100vh;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	flex-shrink: 0;

	position: relative;

	overflow: hidden
}

.cfx-hero .swiper-slide>img {

	position: absolute;

	top: 0;

	left: 0;

	width: 100vw;

	height: 100%;

	object-fit: cover
}



.banner-button-prev,

.banner-button-next {

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	width: .5rem;

	height: .5rem;

	z-index: 999;

	outline: none;

	cursor: pointer;

	-webkit-user-select: none;

	user-select: none;

	-webkit-border-radius: .05rem;

	border-radius: .05rem;

	overflow: hidden;

	-webkit-transition: all .3s ease;

	transition: all .3s ease
}

.banner-button-prev {

	left: -.6rem;

	background: rgb(0 0 0 / 30%) url(../images/public/arrow/long/arrow_l_w2.svg) no-repeat center;

	background-size: .22rem
}

.banner-button-next {

	right: -.6rem;

	background: rgb(0 0 0 / 30%) url(../images/public/arrow/long/arrow_r_w2.svg) no-repeat center;

	background-size: .22rem
}

.cfx-hero:hover .banner-button-prev {

	left: .3rem
}

.cfx-hero:hover .banner-button-next {

	right: .3rem
}

.banner-button-prev:hover,

.banner-button-next:hover {

	background-color: var(--i_color)
}



.cfx-hero-pagination-wrap {

	position: absolute;

	left: 0;

	bottom: 10%;

	width: 100%;

	z-index: 10
}



.cfx-hero-pagination {

	width: auto;

	cursor: pointer;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}



.cfx-hero-pagination .swiper-pagination-bullet {

	display: block;

	width: .7rem;

	height: 1px;

	margin: 0;

	background: rgb(255 255 255 / 20%);

	position: relative;

	outline: none
}

.cfx-hero-pagination .swiper-pagination-bullet-active::before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: #FFF;

}

.cfx-hero-pagination .swiper-pagination-bullet-active::before {

	-webkit-animation: w100 5800ms 1;

	animation: w100 5800ms 1;

}

@keyframes w100 {

	0% {

		width: 0%;

	}



	100% {

		width: 100%;

	}

}



@media screen and (max-width:1024px) {

	.cfx-hero .swiper-slide {

		padding-bottom: 60%;

	}

}

@media screen and (max-width:768px) {

	.cfx-hero-pagination-wrap {

		bottom: 8%;

	}

	.cfx-hero-pagination {

		justify-content: center;

	}

	.cfx-hero-pagination .swiper-pagination-bullet {

		margin: 0 .05rem;

		width: 0.5rem;

	}

}

@media screen and (max-width:560px) {

	.cfx-hero-pagination .swiper-pagination-bullet {

		width: 0.3rem;

	}

}





.cfx-hero-slide {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: var(--i_color);

}

.cfx-hero-slide .cfx-container {

	height: 100%;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	position: relative;

}



.cfx-hero-slide-1 {

		background: #B8E1FF;

	}

.cfx-hero-content-1 {

	position: relative;

	z-index: 3;

}

.cfx-hero-content-1 h2 {

	margin: .14rem 0 .26rem;

	font-size: 0.58rem;

	color: #FFF;

}

.cfx-hero-content-1 p {

	margin-bottom: 0.6rem;

	font-size: 0.2rem;

	color: #FFF;

	font-weight: 100;

}



.cfx-hero-image-1 {

		position: absolute;

		top: 50%;

		transform: translate(0, -50%);

		right: 8%;

		margin-top: 0.4rem;

		height: 460px;

		max-height: 70%;

}

.cfx-hero-image-1 picture {
	display: block;

	height: 100%;

	position: relative;

	z-index: 2;

}
.cfx-hero-image-1 picture img{height: 100%;}



.cfx-hero-image-1 i::before,

.cfx-hero-image-1 i::after {

	content: '';

	position: absolute;

	top: 50%;

	left: 50%;

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

	border: 3px solid rgb(255 255 255 / 20%);

	border-radius: 50%;

	opacity: 0;

}



.cfx-ornament-line-1:before {

	width: 60%;

	height: 60%;

	animation: serv_one_border 2s 0s ease infinite;

}

.cfx-ornament-line-1:after {

	width: 70%;

	height: 70%;

	animation: serv_one_border 2.4s 0s ease infinite;

}

.cfx-ornament-line-2:before {

	width: 55%;

	height: 55%;

	animation: serv_one_border 2.6s 0s ease infinite;

}

.cfx-ornament-line-2:after {

	width: 65%;

	height: 65%;

	animation: serv_one_border 2.8s 0s ease infinite;

}



@keyframes serv_one_border {

	0% {

		opacity: 0
	}

	5% {

		opacity: 1
	}

	80% {

		opacity: 0
	}

	100% {

		opacity: 0;

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

		-ms-transform: translate(-50%, -50%) scale(1.5);

		-o-transform: translate(-50%, -50%) scale(1.5);

		-webkit-transform: translate(-50%, -50%) scale(1.5);

		-moz-transform: translate(-50%, -50%) scale(1.5)
	}

}



.cfx-hero-slide-2 {

	background: -webkit-linear-gradient(-45deg, var(--i_color) 55%, #e98e2f 100%);

	background: linear-gradient(-45deg, var(--i_color) 55%, #e98e2f 100%);

}

.cfx-hero-content {

	position: relative;

	top: .4rem;

	z-index: 3;

}

.cfx-hero-content h2 {

	font-size: 0.48rem;

	color: #FFF;

}

.cfx-hero-content p {

	margin: .34rem 0 2rem 0;

	font-size: 0.2rem;

	color: #FFF;

	font-weight: 100;

}



.cfx-hero-image-2 {

	position: absolute;

	right: 0;

	top: 60%;

	transform: translate(0, -50%);

	max-width: 68%;

}

.cfx-hero-image-2 img,.cfx-hero-image-2 picture {

	max-width: 100%;

}



/* .cfx-hero-slide-3>img {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	object-fit: cover;

} */

.cfx-hero-slide-3 {

	background: -webkit-linear-gradient(top, #0c47a8, #abc2e9, #003da3);

	background: linear-gradient(to bottom, #0c47a8, #abc2e9, #003da3);

}

.cfx-hero-image-3 {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

}

.cfx-hero-image-3 picture {

	position: relative;

	width: 100%;

	z-index: 2;

}
.cfx-hero-image-3 picture img{width: 100%;}

.cfx-hero-image-3 .cfx-container {

	position: absolute;

	left: 50%;

	transform: translate(-50%, 0);

	bottom: 0;

	justify-content: right;

	align-items: flex-end;

	height: auto;

	-webkit-transition: all 2s ease;

	transition: all 2s ease
}

.cfx-hero-image-3 .cfx-container img {

	max-width: 70%;

}



.swiper-slide-active .cfx-move-up {

	bottom: 100%;

	-webkit-transition: all 1.5s ease;

	transition: all 1.5s ease
}



.cfx-hero-slide .cfx-btn-outline {

	border-color: #FFF;

}

.cfx-hero-slide .cfx-btn-outline i {

	color: #FFF !important;

}

.cfx-hero-slide .cfx-btn-outline:hover {

	border-color: var(--i_color);

}



.cfx-hero-slide-4 {

	background: -webkit-linear-gradient(top, #00479d 45%, #e9f3fe 110%);

	background: linear-gradient(to bottom, #00479d 45%, #e9f3fe 110%);

}

.cfx-hero-slide-4 picture {
	opacity: .25;

	position: absolute;

	top: 52%;

	left: 50%;

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

	width: 92.5%;

}
.cfx-hero-slide-4 picture img{width: 100%;}

.cfx-hero-content-4 {

	position: absolute;

	top: 44.5%;

	left: 50%;

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

	width: 100%;

	text-align: center;

}

.cfx-hero-content-4 h2 {

	font-size: 0.48rem;

	color: #FFF;

}

.cfx-hero-content-4 p {

	margin: .34rem 0 .5rem 0;

	font-size: 0.2rem;

	color: #FFF;

	font-weight: 100;

}

.cfx-hero-content-4 .cfx-btn-outline {

	margin: 0 auto;

}



@media screen and (max-width:1440px) {

	.cfx-hero-content-1 img {

		height: .6rem;

	}

	.cfx-hero-content-1 h2 {

		font-size: 0.5rem;

	}



	.cfx-hero-content h2 {

		font-size: 0.44rem;

	}



	.cfx-hero-content-4 h2 {

		font-size: 0.44rem;

	}

}

@media screen and (max-width:1366px) {

	.cfx-hero-content-1 img {

		height: .5rem;

	}

	.cfx-hero-content-1 h2 {

		font-size: 0.44rem;

	}

	.cfx-hero-content-1 p {

		font-size: 0.18rem;

	}



	.cfx-hero-content {

		top: .2rem;

	}

	.cfx-hero-content h2 {

		font-size: .42rem;

	}

	.cfx-hero-content p {

		margin: .34rem 0 1.7rem 0;

		font-size: 0.18rem;

	}



	.cfx-hero-content-4 h2 {

		font-size: 0.42rem;

	}

	.cfx-hero-content-4 p {

		font-size: 0.18rem;

	}

}

@media screen and (max-width:1200px) {

	.cfx-hero-content-1 img {

		height: .46rem;

	}

	.cfx-hero-content-1 h2 {

		font-size: 0.4rem;

	}



	.cfx-hero-content h2 {

		font-size: .38rem;

	}



	.cfx-hero-image-3 .cfx-container img {

		max-width: 60%;

	}



	.cfx-hero-content-4 h2 {

		font-size: 0.38rem;

	}

}

@media screen and (max-width:1024px) {

	.cfx-hero-content-1 {

		top: -.18rem;

	}

	.cfx-hero-content-1 img {

		height: 0.36rem;

	}

	.cfx-hero-content-1 h2 {

		font-size: 0.32rem;

	}

	.cfx-hero-content-1 p {

		font-weight: normal;

	}

	.cfx-hero-image-1 {

		margin-top: 0;

	}



	.cfx-hero-content {

		top: -.18rem;

	}

	.cfx-hero-content h2 {

		font-size: .32rem;

	}

	.cfx-hero-content p {

		margin: .26rem 0 .9rem 0;

		font-size: 0.17rem;

	}



	.cfx-hero-content-4 h2 {

		font-size: 0.32rem;

	}

	.cfx-hero-content-4 p {

		font-size: 0.17rem;

	}

}

@media screen and (max-width:768px) {

	.cfx-hero-content-1 img {

		height: 0.3rem;

	}

	.cfx-hero-content-1 h2 {

		margin: .1rem 0 .16rem;

		font-size: 0.24rem;

	}

	.cfx-hero-content-1 p {

		margin-bottom: 0.34rem;

		font-size: 0.16rem;

	}



	.cfx-hero-content h2 {

		font-size: .28rem;

	}

	.cfx-hero-content p {

		margin: .22rem 0 .6rem 0;

		font-size: 0.16rem;

		font-weight: normal;

	}



	.cfx-hero-content-4 h2 {

		font-size: 0.26rem;

		line-height: 0.26rem;

	}

	.cfx-hero-content-4 p {

		margin: 0.2rem 0 0.4rem 0;

		font-size: 0.16rem;

		font-weight: normal;

	}

}

@media screen and (max-width:560px) {

	.cfx-hero-content-1 {

		top: -.1rem;

	}

	.cfx-hero-content-1 img {

		height: 0.24rem;

	}

	.cfx-hero-content-1 h2 {

		margin: .08rem 0 .12rem;

		font-size: 0.2rem;

	}

	.cfx-hero-content-1 p {

		margin-bottom: 0.2rem;

		font-size: 0.14rem;

	}

	.cfx-hero-image-1 {

		opacity: .4;

	}



	.cfx-hero-content {

		top: -.1rem;

	}

	.cfx-hero-content h2 {

		font-size: .2rem;

	}

	.cfx-hero-content p {

		margin: .14rem 0 .36rem 0;

		font-size: 0.14rem;

	}

	.cfx-hero-image-2 {

		opacity: .5;

		max-width: 80%;

	}



	.cfx-hero-content-4 h2 {

		font-size: .18rem;

		line-height: 0.18rem;

	}

	.cfx-hero-content-4 p {

		margin: 0.14rem 0 0.3rem 0;

		font-size: 0.14rem;

		line-height: 0.14rem;

	}

}



















.cfx-home-main {

	background: #FFF;

	position: relative;

	z-index: 3;

	overflow: hidden;

}



.cfx-section-shrink {

	margin-bottom: -1rem;

}





/* BOX - margin and padding */

.cfx-section-margin {

	margin: 1.2rem auto
}

.cfx-section-padding {

	padding: 1.2rem 0
}

@media screen and (max-width:1440px) {

	.cfx-section-margin {

		margin: .8rem auto;

	}

	.cfx-section-padding {

		padding: .8rem 0;

	}

}

@media screen and (max-width:1366px) {

	.cfx-section-margin {

		margin: .7rem auto;

	}

	.cfx-section-padding {

		padding: .7rem 0;

	}

}

@media screen and (max-width:1024px) {}

@media screen and (max-width:768px) {

	.cfx-section-margin {

		margin: .6rem auto;

	}

	.cfx-section-padding {

		padding: .6rem 0;

	}

}

@media screen and (max-width:560px) {

	.cfx-section-margin {

		margin: .4rem auto;

	}

	.cfx-section-padding {

		padding: .4rem 0;

	}

}













.cfx-section-title {

	margin-bottom: 0.6rem;

	font-size: 0.36rem;

	color: #333;

}

.cfx-section-title i {

	color: var(--i_color);

	font-weight: bold;

}

@media screen and (max-width:1440px) {

	.cfx-section-title {

		font-size: 0.34rem;

	}

}

@media screen and (max-width:1366px) {

	.cfx-section-title {

		margin-bottom: 0.5rem;

		font-size: 0.3rem;

	}

}

@media screen and (max-width:1200px) {

	.cfx-section-title {

		font-size: 0.26rem;

	}

}

@media screen and (max-width:1024px) {

	.cfx-section-title {

		margin-bottom: 0.4rem;

		font-size: 0.22rem;

	}

}

@media screen and (max-width:768px) {

	.cfx-section-title {

		margin-bottom: 0.3rem;

		font-size: 0.2rem;

	}

}

@media screen and (max-width:560px) {

	.cfx-section-title {

		margin-bottom: 0.24rem;

		font-size: 0.18rem;

	}

}









.cfx-btn {

	display: table;

	-webkit-border-radius: .08rem;

	border-radius: .08rem;

	box-shadow: 0 14px 24px rgb(27 97 213 / 60%);

	overflow: hidden;

}

.cfx-btn i {

	display: block;

	padding: .12rem .56rem;

	font-size: .15rem;

	color: #FFF;

	background: var(--i_color);

}



.cfx-btn-outline {

	box-sizing: border-box;

	border: 1px solid #CCC;

	box-shadow: none;

}

.cfx-btn-outline i {

	color: #AAA;

	background: none;

}

.cfx-btn-outline:hover {

	border-color: var(--i_color);

	box-shadow: 0 14px 24px rgb(27 97 213 / 60%)
}

.cfx-btn-outline:hover i {

	color: #FFF;

	background: var(--i_color);

}



@media screen and (max-width:1366px) {

	.cfx-btn i {

		padding: .1rem .52rem;

		font-size: 0.14rem;

	}

}

@media screen and (max-width:1024px) {

	.cfx-btn i {

		font-size: 0.13rem;

	}

}

@media screen and (max-width:560px) {

	.cfx-btn i {

		padding: .08rem .34rem;

		font-size: 0.12rem;

	}

}











.cfx-about {}



.cfx-about-wrap {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

}

.cfx-about-text {

	width: 48%;

}

.cfx-about-text article {

	margin: .46rem 0;

	font-size: 0.18rem;

	color: #333;

	line-height: 0.32rem;

	font-weight: 100;

}



.cfx-about-media {

	margin-left: auto;

	width: 50%;

}

.cfx-about-media picture {
	display: block;
	float: right;

	max-width: 100%;

}
.cfx-about-media picture img{width: 100%;}


@media screen and (max-width:1366px) {

	.cfx-about-text article {

		font-size: 0.17rem;

	}

}

@media screen and (max-width:1200px) {

	.cfx-about-text article {

		font-size: 0.16rem;

	}

}

@media screen and (max-width:1024px) {

	.cfx-about-text article {

		font-size: 0.15rem;

		color: #888;

		font-weight: normal;

	}

}

@media screen and (max-width:768px) {

	.cfx-about-text {

		width: 100%;

	}

	.cfx-about-text article {

		margin: .3rem 0;

		font-size: 0.14rem;

		line-height: 0.26rem;

	}

	.cfx-about-media {

		margin: .3rem 0 0 0;

		width: 100%;

	}

	.cfx-about-media picture {

		float: none;

		width: 84%;

		max-width: 3.6rem;

	}

}

@media screen and (max-width:560px) {

	.cfx-about-text article {

		margin: .24rem 0;

		font-size: 0.13rem;

		line-height: 0.24rem;

	}

}













.cfx-services {

	position: relative;

	overflow: hidden;

}

.cfx-services::before,

.cfx-services::after {

	content: '';

	position: absolute;

	border-radius: 50%;

	-webkit-filter: blur(80px);

	filter: blur(80px);

	z-index: -1;

}

.cfx-services::before {

	width: 7rem;

	height: 7rem;

	opacity: .6;

	bottom: 1.6rem;

	left: 0;

	background: linear-gradient(0deg, #9dc0e9 0%, #c6d9f4 100%);

}

.cfx-services::after {

	width: 7rem;

	height: 7rem;

	opacity: .8;

	bottom: 1.4rem;

	right: 2rem;

	background: linear-gradient(40deg, #ffedc9 0%, #ffdfe2 100%);

}



.cfx-services-grid {

	--box_gap: .24rem
}

.cfx-services-grid {

	width: 100%;

	position: relative;

}

.cfx-services-grid::before {

	content: '';

	display: block;

	padding-bottom: 38.875%;

}



.cfx-services-grid dt,

.cfx-services-grid dd {

	position: absolute;

	top: 0;

	height: 100%;

}

.cfx-services-featured {

	left: 0;

	width: 24%;

	background: #FFF;

}

.cfx-services-featured a {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;

	height: 100%;

}

.cfx-services-featured img {

	display: block;

	max-width: 80%;

	margin: 1.3rem auto 0;

}



.cfx-services-list {

	right: 0;

	width: calc(100% - 24% - var(--box_gap));

}

.cfx-services-list ul {

	width: 100%;

	height: 100%;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}

.cfx-services-list li {

	width: calc((100% - var(--box_gap) * 2) / 3);

	height: calc((100% - var(--box_gap)) / 2);

	margin: 0 var(--box_gap) var(--box_gap) 0;

	background: #FFF;

	position: relative;

}

.cfx-services-list li:nth-child(3n) {

	margin-right: 0;

}

.cfx-services-list li::before {

	opacity: 0;

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: url(../images/i_ser_B_bg.webp) no-repeat center;

	background-size: cover;

}

.cfx-services-list li::after {

	opacity: 0;

	content: '';

	position: absolute;

	right: 0;

	bottom: -1.2rem;

	width: 50%;

	height: 30%;

	background: url(../images/i_ser_B_bg3.webp) no-repeat right top;

	background-size: contain;

}



.cfx-services-list a {

	height: 100%;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;

	position: relative;

	z-index: 3;

}

.cfx-services-list a::before {

	opacity: 0;

	content: '';

	position: absolute;

	top: -1.2rem;

	left: 0;

	width: 50%;

	height: 34%;

	background: url(../images/i_ser_B_bg1.webp) no-repeat left bottom;

	background-size: contain;

}

.cfx-services-list a::after {

	opacity: 0;

	content: '';

	position: absolute;

	top: 0;

	right: -1.16rem;

	width: 30%;

	height: 50%;

	background: url(../images/i_ser_B_bg2.webp) no-repeat bottom right;

	background-size: contain;

}



.cfx-services-list li:hover::before {

	opacity: 1;

}

.cfx-services-list li:hover::after {

	opacity: 1;

	bottom: 0;

}

.cfx-services-list li:hover a::before {

	opacity: 1;

	top: 0;

}

.cfx-services-list li:hover a::after {

	opacity: 1;

	right: 0;

}



.cfx-services-list li::before {

	-webkit-transition: all .7s ease;

	transition: all .7s ease
}

.cfx-services-list li::after {

	-webkit-transition: all 1.4s ease;

	transition: all 1.4s ease
}

.cfx-services-list a::before {

	-webkit-transition: all 1.2s ease;

	transition: all 1.2s ease
}

.cfx-services-list a::after {

	-webkit-transition: all .9s ease;

	transition: all .9s ease
}



.cfx-services-featured,

.cfx-services-list li {

	-webkit-border-radius: .3rem;

	border-radius: .3rem;

	overflow: hidden;

}



.cfx-services-grid h4 {

	margin-bottom: 0.16rem;

	font-size: 0.24rem;

	color: #333;

	text-transform: uppercase;

}

.cfx-services-grid p {

	font-size: 0.18rem;

	color: #333;

	font-weight: 100;

	line-height: 0.3rem;

}

.cfx-services-grid h4,

.cfx-services-grid p {

	text-align: center;

	padding: 0 .3rem;

}



.cfx-services .cfx-btn {

	margin: .6rem auto 0;

}



.cfx-services-list li:hover h4,

.cfx-services-list li:hover p {

	color: #FFF;

}

.cfx-services-grid h4,

.cfx-services-grid p {

	-webkit-transition: all .7s ease;

	transition: all .7s ease
}



@media screen and (max-width:1440px) {

	.cfx-services-featured img {

		margin: 1rem auto 0;

	}

	.cfx-services-grid h4 {

		font-size: 0.22rem;

	}

	.cfx-services-grid p {

		font-size: 0.17rem;

	}

}

@media screen and (max-width:1366px) {

	.cfx-services::before {

		width: 6rem;

		height: 6rem;

	}

	.cfx-services-featured img {

		margin: .8rem auto 0;

	}

	.cfx-services-grid h4 {

		font-size: 0.2rem;

	}

	.cfx-services-grid p {

		font-size: 0.16rem;

		line-height: 0.26rem;

	}

	.cfx-services-list a::before {

		width: 46%;

		height: 28%;

	}

	.cfx-services-list a::after {

		width: 20%;

		height: 40%;

	}

}

@media screen and (max-width:1024px) {

	.cfx-services::before {

		bottom: initial;

		top: 1.5rem;

		width: 100%;

		height: 50%;

	}

	.cfx-services::after {

		right: 0;

		width: 100%;

		height: 50%;

	}

	.cfx-services-grid::before {

		display: none;

	}

	.cfx-services-grid dt,

	.cfx-services-grid dd {

		position: relative;

	}

	.cfx-services-featured {

		width: 100%;

		justify-content: flex-start;

	}

	.cfx-services-featured a {

		box-sizing: border-box;

		padding: .2rem .3rem;

	}

	.cfx-services-featured span {

		width: 100%;

		display: -webkit-flex;

		display: flex;

		flex-wrap: wrap;

		align-items: center;

	}

	.cfx-services-featured span i {

		width: 70%;

	}

	.cfx-services-featured span h4,

	.cfx-services-featured span p {

		padding: 0 0;

		text-align: left !important
	}

	.cfx-services-featured picture{margin-left: auto;}
	.cfx-services-featured img {

		width: 1.2rem;

		margin: 0 0;

	}



	.cfx-services-list {

		width: 100%;

		margin: var(--box_gap) 0 0 0;

	}

	.cfx-services-list li {

		height: auto !important;

	}

	.cfx-services-list span {

		padding: .3rem 0;

	}



	.cfx-services-grid h4 {

		font-size: 0.17rem;

	}

	.cfx-services-grid p {

		font-size: 0.13rem;

		line-height: 0.22rem;

		color: #888;

		font-weight: normal;

	}



	.cfx-services .cfx-btn {

		margin: 0.2rem auto 0;

	}

}

@media screen and (max-width:768px) {

	.cfx-services-grid {

		--box_gap: .16rem
	}

	.cfx-services-featured a {

		padding: .14rem .2rem;

	}

	.cfx-services-list span {

		padding: .24rem 0;

	}

	.cfx-services-grid h4 {

		font-size: 0.16rem;

	}

	.cfx-services-grid h4,

	.cfx-services-grid p {

		padding: 0 .2rem;

	}

}

@media screen and (max-width:560px) {

	.cfx-services-featured,

	.cfx-services-list li {

		-webkit-border-radius: .2rem;

		border-radius: .2rem;

	}

	.cfx-services-featured img {

		width: 0.76rem;

	}

	.cfx-services-list li {

		width: calc((100% - var(--box_gap)) / 2);

	}

	.cfx-services-list li:nth-child(3n) {

		margin-right: var(--box_gap);

	}

	.cfx-services-list li:nth-child(2n) {

		margin-right: 0;

	}

	.cfx-services-grid h4 {

		margin-bottom: 0.1rem;

		font-size: 0.15rem;

	}

	.cfx-services-grid p {

		line-height: 0.2rem;

	}

}













.cfx-why-us {

	-webkit-border-radius: 0 0 .5rem .5rem;

	border-radius: 0 0 .5rem .5rem;

	position: relative;

	background: #FFF;

	z-index: 2;

}



.cfx-why-us-wrap {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

}

.cfx-why-us-text {

	width: 48%;

}

.cfx-why-us-text article {

	margin: .46rem 0;

	font-size: 0.18rem;

	color: #333;

	line-height: 0.32rem;

	font-weight: 100;

}



.cfx-stats {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}

.cfx-stats dt {

	width: 50%;

	margin: .2rem 0;

	box-sizing: border-box;

}

.cfx-stats dt:nth-child(odd) {

	padding-right: 0.3rem;

}

.cfx-stats dt:nth-child(even) {

	padding-left: 0.3rem;

}

.cfx-stats i {

	font-size: 0.6rem;

	color: #333;

	font-weight: bold;

}

.cfx-stats b {

	font-size: 0.6rem;

	color: #333;

	font-weight: bold;

}

.cfx-stats p {

	font-size: 0.18rem;

	color: #333;

	font-weight: 100;

}

.cfx-stats dt:hover i,

.cfx-stats dt:hover b {

	color: var(--i_color);

}



.cfx-why-us-media {

	margin-left: auto;

	width: 50%;

}

.cfx-why-us-media picture {
	display: block;
	float: right;

	margin-bottom: 0.6rem;

	max-width: 100%;

}
.cfx-why-us-media picture img{width: 100%;}


@media screen and (max-width:1440px) {

	.cfx-stats b,

	.cfx-stats i {

		font-size: 0.48rem;

	}

}

@media screen and (max-width:1366px) {

	.cfx-stats b,

	.cfx-stats i {

		font-size: 0.36rem;

	}

	.cfx-stats p {

		font-size: 0.16rem;

	}

}

@media screen and (max-width:1200px) {

	.cfx-stats b,

	.cfx-stats i {

		font-size: 0.32rem;

	}

}

@media screen and (max-width:1024px) {

	.cfx-why-us-text article {

		margin: .34rem 0;

		font-size: 0.15rem;

		color: #888;

		line-height: 0.28rem;

		font-weight: normal;

	}

	.cfx-stats b,

	.cfx-stats i {

		font-size: 0.28rem;

	}

	.cfx-stats p {

		font-size: 0.13rem;

		font-weight: normal;

		color: #888;

	}

	.cfx-why-us-media {

		width: 48%;

	}

}

@media screen and (max-width:768px) {

	.cfx-why-us-text {

		width: 100%;

	}

	.cfx-why-us-text article {

		margin: 0.3rem 0;

		font-size: 0.14rem;

		line-height: 0.26rem;

	}

	.cfx-stats dt {

		margin: .16rem 0;

	}

	.cfx-stats b,

	.cfx-stats i {

		font-size: 0.24rem;

	}

	.cfx-stats p {

		margin-top: 0.08rem;

	}

	.cfx-why-us-media {

		margin: .3rem 0 0 0;

		width: 100%;

	}

	.cfx-why-us-media picture {

		float: none;

		margin-bottom: 0.4rem;

		width: 84%;

		max-width: 3.6rem;

	}

}

@media screen and (max-width:560px) {

	.cfx-why-us {

		-webkit-border-radius: 0 0 .2rem .2rem;

		border-radius: 0 0 .2rem .2rem;

	}

	.cfx-why-us-text article {

		margin: .22rem 0 .16rem;

	}

	.cfx-stats b,

	.cfx-stats i {

		font-size: 0.2rem;

	}

}













.cfx-testimonials {

	padding: 2rem 0 1rem;

	margin-top: -1rem;

	width: 100%;

	background: -webkit-linear-gradient(left, #daebff, #f4f8fe, #eff3fd, #fbfbf1, #fffbc4);

	background: linear-gradient(left, #daebff, #f4f8fe, #eff3fd, #fbfbf1, #fffbc4);

}

.cfx-testimonials-header {

	margin-bottom: 0.4rem;

	text-align: center;

}

.cfx-testimonials-header h2 {

	font-size: 0.38rem;

	color: #333;

}

.cfx-testimonials-header h5 {

	margin: .2rem auto .3rem;

	font-size: 0.18rem;

	color: #333;

	font-weight: 100;

}

.cfx-testimonials-header .cfx-btn {

	margin: 0 auto;

}





.cfx-testimonials-slider {

	position: relative;

}

.cfx-testimonials-slider .swiper-wrapper {

	display: -webkit-flex;

	display: flex;

	position: relative;

	width: 100%
}

.cfx-testimonials-slider .swiper-slide {

	flex-shrink: 0;

	position: relative;

	-webkit-border-radius: .4rem;

	border-radius: .4rem;

	overflow: hidden;

	transition-duration: 0.4s !important;

	transition-timing-function: cubic-bezier(0.28, 0.44, 0.49, 1) !important;

}

.cfx-testimonials-slider .swiper-slide a {

	display: block;

	background: #FFF;

}



.cfx-client-logo {

	padding: .3rem .3rem .2rem;

}

.cfx-client-logo img {

	max-width: 60%;

	max-height: 0.4rem;

	object-fit: contain;

}

.cfx-client-review {

	box-sizing: border-box;

	padding: .4rem .3rem;

	background: #26458c;

	-webkit-border-radius: .4rem;

	border-radius: .4rem;

	overflow: hidden;

}

.cfx-client-review h2 {

	margin-bottom: 0.3rem;

	padding-bottom: 0.3rem;

	font-size: 0.2rem;

	color: #FFF;

	font-weight: bold;

	border-bottom: 1px solid rgb(255 255 255 / 20%);

}

.cfx-client-review p {

	margin-bottom: 0.6rem;

	font-size: 0.14rem;

	color: #FFF;

	line-height: 0.32rem;

	font-weight: 100;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 5
}

.cfx-client-review i {

	display: block;

	width: 0.16rem;

	height: 0.16rem;

	background: url(../images/public/arrow/hollow/arrow_r_w.svg) no-repeat center;

	background-size: contain;

}



.cfx-testimonials-pagination {

	display: none;

	margin-top: 0.2rem;

	text-align: center
}

.cfx-testimonials-pagination .swiper-pagination-bullet {

	width: .06rem;

	height: .06rem;

	display: inline-block;

	margin: 0 5px;

	background: #CCC;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	outline: none
}

.cfx-testimonials-pagination .swiper-pagination-bullet-active {

	background: var(--i_color)
}



@media screen and (max-width:1440px) {

	.cfx-client-review h2 {

		margin-bottom: 0.2rem;

		padding-bottom: 0.2rem;

		font-size: 0.18rem;

	}

}

@media screen and (max-width:1366px) {

	.cfx-testimonials {

		padding: 1.7rem 0 0.9rem;

	}

	.cfx-testimonials-header h2 {

		font-size: 0.3rem;

	}

	.cfx-testimonials-header h5 {

		font-size: 0.16rem;

	}

	.cfx-client-review h2 {

		font-size: 0.17rem;

	}

	.cfx-client-review p {

		margin-bottom: 0.4rem;

		line-height: 0.28rem;

	}

}

@media screen and (max-width:1200px) {

	.cfx-testimonials-header h2 {

		font-size: 0.26rem;

	}

}

@media screen and (max-width:1024px) {

	.cfx-testimonials {

		padding: 1.7rem 0 0.7rem;

	}

	.cfx-testimonials-header {

		margin-bottom: 0.4rem;

	}

	.cfx-testimonials-header h2 {

		font-size: 0.24rem;

	}

	.cfx-testimonials-header h5 {

		font-size: 0.15rem;

		color: #888;

		font-weight: normal;

	}

	.cfx-testimonials-slider {

		width: 94%;

		margin: 0 auto;

		overflow: hidden;

	}

	.cfx-testimonials-slider dt {

		width: 100%;

	}

	.cfx-client-logo {

		padding: 0.2rem 0.3rem .12rem;

	}

	.cfx-client-logo img {

		max-width: 1.2rem;

		height: .4rem;

	}

	.cfx-client-review {

		padding: .3rem .3rem;

	}

	.cfx-client-review h2 {

		margin-bottom: 0.14rem;

		padding-bottom: 0.14rem;

		font-size: 0.16rem;

		overflow: hidden;

		white-space: nowrap;

		text-overflow: ellipsis;

	}

	.cfx-client-review p {

		font-size: 0.13rem;

		line-height: 0.26rem;

		font-weight: normal;

		height: calc(3 * .26rem);

		-webkit-line-clamp: 3
	}

}

@media screen and (max-width:768px) {

	.cfx-testimonials {

		padding: 1.5rem 0 0.6rem;

	}

	.cfx-testimonials-header {

		margin-bottom: 0.5rem;

	}

	.cfx-testimonials-header h2 {

		font-size: 0.2rem;

	}

	.cfx-testimonials-header h5 {

		margin: .1rem auto .3rem;

		font-size: 0.14rem;

	}

	.cfx-client-logo img {

		max-width: 1rem;

		height: 0.3rem;

	}

	.cfx-client-review h2 {

		font-size: 0.15rem;

	}

	.cfx-client-review p {

		margin-bottom: 0.3rem;

	}

	.cfx-client-review i {

		width: 0.12rem;

		height: 0.12rem;

	}

}

@media screen and (max-width:560px) {

	.cfx-testimonials-slider .swiper-slide,

	.cfx-client-review {

		-webkit-border-radius: .24rem;

		border-radius: .24rem;

	}

	.cfx-client-review {

		padding: 0.2rem .3rem;

	}



	.cfx-testimonials-pagination {

		display: block;

	}

}













.cfx-partners {}



.cfx-partners-header {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

}

.cfx-partners .cfx-section-title {

	margin-bottom: 0.22rem;

}

.cfx-partners-desc {

	font-size: 0.18rem;

	color: #333;

	font-weight: 100;

}

.cfx-partners-header a {

	margin-left: auto;

	height: 100%;

}



.cfx-partners-slider-wrap {

	margin-top: 0.7rem;

	position: relative;

	overflow: hidden
}

.cfx-partners-slider-wrap::before {

	content: '';

	display: block;

	padding-bottom: 13.3125%;

}



.cfx-partners-slider {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	box-sizing: border-box;

	padding: 0 1px;

}



.cfx-partners-slider .swiper-wrapper {

	height: 100%;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	flex-direction: column;

	position: relative;

}

.cfx-partners-slider .swiper-slide {

	height: calc((100% - 30px) / 2);

	flex-shrink: 0;

	box-sizing: border-box;

	border: 1px solid #FFF;

	-webkit-border-radius: .15rem;

	border-radius: .15rem;

	display: -webkit-flex;

	display: flex;

	position: relative;

	overflow: hidden;

}

.cfx-partners-slider img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	max-width: 100%;

	max-height: 100%;
}

.cfx-partners-slider li:hover {

	border-color: #DDD;

}

.cfx-partners-slider li:hover img {

	opacity: 1;

	-webkit-filter: none;

	filter: none
}

.cfx-partners-slider li,

.cfx-partners-slider img {

	-webkit-transition: all .5s ease;

	transition: all .5s ease
}



.cfx-partners-pagination {

	display: block;

	margin-top: 0.2rem;

	text-align: center
}

.cfx-partners-pagination .swiper-pagination-bullet {

	width: .08rem;

	height: .08rem;

	display: inline-block;

	margin: 0 6px;

	background: #CCC;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	outline: none
}

.cfx-partners-pagination .swiper-pagination-bullet-active {

	background: var(--i_color)
}

@media screen and (max-width:1366px) {

	.cfx-partners-slider-wrap::before {

		padding-bottom: 15%;

	}

}

@media screen and (max-width:1024px) {

	.cfx-partners-header span {

		width: 70%;

	}

	.cfx-partners-desc {

		font-size: 0.15rem;

		font-weight: normal;

		color: #888;

	}

	.cfx-partners-slider-wrap {

		margin-top: 0.5rem;

	}

	.cfx-partners-slider-wrap::before {

		padding-bottom: 18%;

	}

	.cfx-partners-slider img {

		opacity: 1;

		-webkit-filter: none;

		filter: none;

	}

}

@media screen and (max-width:768px) {

	.cfx-partners-header span {

		width: 100%;

		text-align: center;

	}

	.cfx-partners-header a {

		margin: .22rem auto 0;

	}

	.cfx-partners-slider-wrap::before {

		padding-bottom: 25%;

	}

	.cfx-partners-slider .swiper-slide {

		border: 1px solid var(--border_color);

	}

	.cfx-partners-pagination {

		margin-top: 0.3rem;

	}

}

@media screen and (max-width:560px) {

	.cfx-partners-desc {

		font-size: 0.14rem;

	}

	.cfx-partners-slider-wrap {

		margin-top: 0.32rem;

	}

	.cfx-partners-slider-wrap::before {

		padding-bottom: 50%;

	}

	.cfx-partners-slider img {

		opacity: 1;

		max-width: 90%;

		max-height: 90%;

		-webkit-filter: none;

		filter: none;

	}

	.cfx-partners-pagination {

		margin-top: 0.1rem;

	}

	.cfx-partners-pagination .swiper-pagination-bullet {

		width: 0.06rem;

		height: 0.06rem;

		margin: 0 5px;

	}

}





















.cfx-news {

	padding-bottom: 1.8rem;

	background: -webkit-linear-gradient(left, #ebf2fb, #e6f0f8 10%, #fefefd, #fff9ee);

	background: linear-gradient(left, #ebf2fb, #e6f0f8 10%, #fefefd, #fff9ee);

}



.cfx-news-wrap {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}

.cfx-news .cfx-section-title {

	display: inline-block;

}



.cfx-news-left {

	width: 60%;

}



.cfx-news-list {}

.cfx-news-list li {

	border-bottom: 1px solid var(--border_color);

}

.cfx-news-list a {

	padding: .22rem 0;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

}

.cfx-news-list p {

	max-width: 88%;

	font-size: 0.16rem;

	color: #333;

	font-weight: 100;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.cfx-news-list i {

	margin-left: auto;

	font-size: 0.14rem;

	color: #666;

	font-weight: 100;

}



.cfx-news-left .cfx-btn {

	margin-top: 0.4rem;

}



.cfx-news-list a:hover p,

.cfx-news-list a:hover i {

	color: var(--i_color);

}



.cfx-news-right {

	margin-left: auto;

	width: 35%;

}

.cfx-academy-list {}

.cfx-academy-list li {}



.cfx-academy-list .img {

	width: 100%;

	-webkit-border-radius: .3rem;

	border-radius: .3rem;

	position: relative;

	overflow: hidden
}

.cfx-academy-list .img::before {

	content: "";

	display: block;

	padding-bottom: 54%
}

.cfx-academy-list .img img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 100%;

	object-fit: cover
}

.cfx-academy-list .cfx-text-block {

	margin-top: 0.16rem;

}

.cfx-academy-list .cfx-text-block p {

	font-size: 0.18rem;

	color: #333;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

}



.cfx-academy-list li:hover img {

	width: 115%;

	height: 115%;

}

.cfx-academy-list li:hover p {

	color: var(--i_color);

}

.cfx-academy-list img {

	-webkit-transition: all .8s ease;

	transition: all .8s ease
}



@media screen and (max-width:1366px) {

	.cfx-news-list a {

		padding: .16rem 0;

	}

	.cfx-news-list p {

		font-size: 0.15rem;

	}

}

@media screen and (max-width:1024px) {

	.cfx-news-left {

		width: 100%;

	}

	.cfx-news-right {

		margin: .5rem 0 0 0;

		width: 100%;

	}

	.cfx-news .cfx-section-title {

		margin-bottom: 0.2rem;

	}

	.cfx-news-list p,

	.cfx-news-list i {

		font-weight: normal;

	}

	.cfx-academy-list .cfx-text-block p {

		font-size: 0.16rem;

	}

}

@media screen and (max-width:768px) {

	.cfx-news-list a {

		padding: .14rem 0;

	}

	.cfx-news-list p {

		width: 100%;

		max-width: 100%;

		white-space: initial;

	}

	.cfx-news-list i {

		margin: .06rem 0 0 0;

		font-size: 0.13rem;

	}

	.cfx-news-left .cfx-btn {

		margin-top: 0.3rem;

	}

}

@media screen and (max-width:560px) {

	.cfx-news-list a {

		padding: .1rem 0;

	}

	.cfx-news-list i {

		color: #888;

	}

	.cfx-news-left .cfx-btn {

		margin-top: 0.2rem;

	}

	.cfx-academy-list .img {

		-webkit-border-radius: .2rem;

		border-radius: .2rem;

	}

	.cfx-academy-list .cfx-text-block p {

		font-size: 0.15rem;

	}

}















.cfx-cta {

	position: relative;

	padding-top: 0.6rem;

	background: #264ca4;

	background: -webkit-linear-gradient(left, #294fa7, #002373);

	background: linear-gradient(to right, #294fa7, #002373);

	-webkit-border-radius: .6rem .6rem 0 0;

	border-radius: .6rem .6rem 0 0;

	overflow: hidden;

	z-index: 3;

}



.cfx-cta-wrap {}



.cfx-cta-content {

	padding-bottom: 0.6rem;

	position: relative;

	z-index: 3;

}

.cfx-cta-content h2 {

	font-size: 0.36rem;

	color: #FFF;

}

.cfx-cta-content p {

	margin: .14rem 0 .34rem;

	font-size: 0.18rem;

	color: #FFF;

	font-weight: 100;
	line-height:1.6;

}

.cfx-cta-content a {

	display: table;

	-webkit-border-radius: .06rem;

	border-radius: .06rem;

	background: var(--i_color2);

	overflow: hidden;

}

.cfx-cta-content a i {

	display: block;

	padding: .1rem .46rem;

	font-size: 0.14rem;

	color: #FFF;

}

.cfx-cta-content a:hover {

	background: var(--i_color);

}



.cfx-globe {

	position: absolute;

	right: 0;

	bottom: 0;

	width: 7rem;

	text-align: center;

}

.cfx-globe>img {

	margin-bottom: -3px;

	max-width: 100%;

	padding-top: 0.5rem;

}



.cfx-orbit {

	position: absolute;

	top: 0;

	right: 0;

	width: 7rem;

	height: 7rem;

	box-sizing: border-box;

	border: 1px solid rgb(255 255 255 / 20%);

	-webkit-border-radius: 50%;

	border-radius: 50%;

	z-index: 2;

}

.cfx-orbit ul {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

.cfx-stars-1 {

	animation: round 38s linear infinite;

	-webkit-animation: round 38s linear infinite;

}

.cfx-stars-2 {

	animation: round2 47s linear infinite;

	-webkit-animation: round2 47s linear infinite;

}



.cfx-orbit li {

	position: absolute;

	width: 0.14rem;

	height: 0.14rem;

	-webkit-border-radius: 50%;

	border-radius: 50%;

}

.cfx-orbit .cfx-star-1 {

	left: 50%;

	transform: translate(-50%, 0);

	top: -.07rem;



}

.cfx-orbit .cfx-star-2 {

	right: -.07rem;

	top: 50%;

	transform: translate(0, -50%);

}

.cfx-orbit .cfx-star-3 {

	left: 50%;

	transform: translate(-50%, 0);

	bottom: -.07rem;

}

.cfx-orbit .cfx-star-4 {

	left: -.07rem;

	top: 50%;

	transform: translate(0, -50%);

}



.cfx-stars-1 .cfx-star-1 {

	background: #fecb36;

}

.cfx-stars-1 .cfx-star-2 {

	background: #e72e2e;

}

.cfx-stars-1 .cfx-star-3 {

	background: #22d66e;

}

.cfx-stars-1 .cfx-star-4 {

	background: #4ea1ff;

}

.cfx-stars-2 .cfx-star-1 {

	background: #947bee;

}

.cfx-stars-2 .cfx-star-2 {

	background: #4ef4cb;

}

.cfx-stars-2 .cfx-star-3 {

	background: #fd8b38;

}

.cfx-stars-2 .cfx-star-4 {

	background: #6451f5;

}



@-webkit-keyframes round {

	from {

		transform: rotateZ(0deg);

	}

	to {

		transform: rotateZ(360deg);

	}

}

@keyframes round {

	from {

		transform: rotateZ(0deg);

	}

	to {

		transform: rotateZ(360deg);

	}

}

@-webkit-keyframes round2 {

	from {

		transform: rotateZ(360deg);

	}

	to {

		transform: rotateZ(0deg);

	}

}

@keyframes round2 {

	from {

		transform: rotateZ(360deg);

	}

	to {

		transform: rotateZ(0deg);

	}

}



@media screen and (max-width:1440px) {

	.cfx-cta {

		padding-top: 0.5rem;

	}

	.cfx-cta-content {

		padding-bottom: 0.46rem;

	}

	.cfx-cta-content h2 {

		font-size: 0.32rem;

	}

	.cfx-globe {

		top: 0;

		width: 6rem;

	}

	.cfx-globe>img {

		box-sizing: border-box;

		padding: .5rem .5rem 0;

	}

	.cfx-orbit {

		width: 6rem;

		height: 6rem;

	}

}

@media screen and (max-width:1366px) {

	.cfx-cta-content h2 {

		font-size: 0.26rem;

	}

	.cfx-cta-content p {

		font-size: 0.17rem;

	}

	.cfx-globe {

		width: 5rem;

	}

	.cfx-globe>img {

		box-sizing: border-box;

		padding: .3rem .3rem 0;

	}

	.cfx-orbit {

		width: 5rem;

		height: 5rem;

	}

}

@media screen and (max-width:1200px) {

	.cfx-cta-content h2 {

		font-size: 0.24rem;

	}

}

@media screen and (max-width:1024px) {

	.cfx-cta {

		padding-top: 0.4rem;

	}

	.cfx-cta-content {

		padding-bottom: 0.4rem;

	}

	.cfx-cta-content h2 {

		font-size: 0.22rem;

	}

	.cfx-cta-content p {

		font-size: 0.15rem;

		font-weight: normal;

	}

	.cfx-globe {

		top: initial;

		bottom: 0;

		width: 3.6rem;

	}

	.cfx-globe>img {

		box-sizing: border-box;

		padding: .3rem .3rem 0;

	}

	.cfx-orbit {

		width: 3.6rem;

		height: 3.6rem;

	}

}

@media screen and (max-width:768px) {

	.cfx-cta-content h2 {

		font-size: 0.18rem;

	}

	.cfx-cta-content p {

		margin: .14rem 0 .24rem;

		font-size: 0.14rem;

	}

}

@media screen and (max-width:560px) {

	.cfx-cta {

		padding-top: 0.3rem;

		-webkit-border-radius: .2rem .2rem 0 0;

		border-radius: .2rem .2rem 0 0;

	}

	.cfx-cta-content {

		padding-bottom: 0.3rem;

	}

	.cfx-cta-content h2 {

		font-size: 0.17rem;

	}

	.cfx-cta-content p {

		font-size: 0.13rem;

	}

	.cfx-cta-content a i {

		font-size: 0.13rem;

		padding: 0.08rem 0.3rem;

	}

	.cfx-globe {

		opacity: .3;

	}

}













/* Footer */

footer {

	padding: .9rem 0 .4rem;

	background: #FFF;

	position: relative;

	z-index: 3;

}



.cfx-footer-wrap {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}



.cfx-footer-left {

	width: 54%;

}



.cfx-footer-logo {}



.cfx-footer-nav {

	margin: .6rem auto 0;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}

/* .cfx-footer-nav dl {}

.cfx-footer-nav dl:not(:last-child) {

	margin-right: 1rem;

} */

.cfx-footer-nav dt {

	margin-bottom: 0.2rem;

}

.cfx-footer-nav dt a {

	font-size: 0.16rem;

	color: #333;

	font-weight: bold;

}

.cfx-footer-nav dd a {

	display: block;

	padding: .06rem 0;

	font-size: 0.14rem;

	color: #333;

	font-weight: 100;

}



.cfx-footer-nav a:hover {

	color: var(--i_color);

}



.cfx-footer-copyright,

.cfx-footer-copyright a {

	font-size: 0.14rem;

	color: #333;

	font-weight: 100;

}

.cfx-footer-copyright a:hover {

	color: var(--i_color);

}



.cfx-footer-right {

	margin-left: auto;

}

.cfx-footer-tagline {

	-webkit-border-radius: 1rem;

	border-radius: 1rem;

	background: #FFF;

	text-align: center;

	box-shadow: 0 0 .1rem rgb(27 97 213 / 30%);

}

.cfx-footer-tagline i {

	display: block;

	padding: .12rem .38rem;

	font-size: 0.26rem;

	color: var(--i_color3);

	letter-spacing: 1px;

}



.cfx-footer-contact-wrap{margin: .5rem 0;}

.fWA{margin-bottom: 0.3rem;}
.fWA a{display:flex; flex-wrap:wrap; align-items: center; gap: 0 .1rem;}
.fWA i{flex-shrink: 0; display: block; width: 0.36rem; height: 0.36rem; position: relative; border-radius:50%; background:#30B945 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF' d='M12.001 2c5.523 0 10 4.477 10 10s-4.477 10-10 10a9.95 9.95 0 0 1-5.03-1.355L2.005 22l1.352-4.968A9.95 9.95 0 0 1 2.001 12c0-5.523 4.477-10 10-10M8.593 7.3l-.2.008a1 1 0 0 0-.372.1a1.3 1.3 0 0 0-.294.228c-.12.113-.188.211-.261.306A2.73 2.73 0 0 0 6.9 9.62c.002.49.13.967.33 1.413c.409.902 1.082 1.857 1.97 2.742c.214.213.424.427.65.626a9.45 9.45 0 0 0 3.84 2.046l.568.087c.185.01.37-.004.556-.013a2 2 0 0 0 .833-.231a5 5 0 0 0 .383-.22q.001.002.125-.09c.135-.1.218-.171.33-.288q.126-.13.21-.302c.078-.163.156-.474.188-.733c.024-.198.017-.306.014-.373c-.004-.107-.093-.218-.19-.265l-.582-.261s-.87-.379-1.402-.621a.5.5 0 0 0-.176-.041a.48.48 0 0 0-.378.127c-.005-.002-.072.055-.795.931a.35.35 0 0 1-.368.13a1.4 1.4 0 0 1-.191-.066c-.124-.052-.167-.072-.252-.108a6 6 0 0 1-1.575-1.003c-.126-.11-.243-.23-.363-.346a6.3 6.3 0 0 1-1.02-1.268l-.059-.095a1 1 0 0 1-.102-.205c-.038-.147.061-.265.061-.265s.243-.266.356-.41c.11-.14.203-.276.263-.373c.118-.19.155-.385.093-.536q-.42-1.026-.868-2.041c-.059-.134-.234-.23-.393-.249q-.081-.01-.162-.016a3 3 0 0 0-.403.004z'/%3E%3C/svg%3E") no-repeat; background-position-y: center; background-position-x: 50%; background-size: .22rem;}
.fWA p{font-size: 0.18rem; color: #666; font-weight: bold;}
.fWA b{font-size:14px; color:#999}
.fWA a:hover p{color: var(--i_color); text-decoration: underline;}

.cfx-footer-qrcode-list{display:flex; flex-wrap:nowrap; gap:0 .2rem}
.cfx-footer-qrcode-list li{text-align: center;}
.cfx-footer-qrcode-list img{height: 110px;}
.cfx-footer-qrcode-list p{margin-top: 0.1rem; font-size: 0.16rem; color: #666;}

@media screen and (max-width:1440px) {
	.cfx-footer-qrcode-list img{height: 100px;}
}
@media screen and (max-width:1200px) {
	.cfx-footer-qrcode-list img{height: 90px;}

	.fWA i{background-position-x: 56%}
}
@media screen and (max-width:1024px) {
	.cfx-footer-qrcode-list{justify-content: flex-start;}
	.cfx-footer-qrcode-list p{font-size: 15px;}

	.fWA a{justify-content: flex-start;}
	.fWA p{font-size: 16px;}
}
@media screen and (max-width:560px) {
	.cfx-footer-contact-wrap{margin: 40px 0;}
	.cfx-footer-qrcode-list img{height: 70px;}
	.cfx-footer-qrcode-list p{font-size: 14px;}

	.fWA i{width: 30px; height: 30px; background-size: 18px;}
	.fWA p{font-size: 15px;}
	.fWA b{font-size: 13px;}
}



.f_contact {

	margin: .5rem 0;

}

.f_tel {

	display: block;

	margin-bottom: 0.2rem;

	font-size: 0.2rem;

	color: var(--i_color3);

	font-weight: bold;

}

.f_contact p {

	margin: .1rem 0;

}

.f_contact p,

.f_contact p a {

	font-size: 0.14rem;

	color: #333;

	line-height: 0.2rem;

}

.f_add {

	padding-left: 0.24rem;

	background: url(../images/f_add.svg) no-repeat left center;

	background-size: .18rem;

}



.f_contact a:hover {

	color: var(--i_color3);

}



.f_menu {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: flex-end;

}



.f_qr img {

	padding: .08rem;

	height: 1.3rem;

	background: var(--i_color3);

}

.f_qr p {

	margin-top: 0.14rem;

	font-size: 0.14rem;

	color: #333;

}



.f_menu_r {

	margin-left: auto;

}

.f_media {

	margin-bottom: 0.1rem;

	padding-top: 0.1rem;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}

.f_media li:not(:last-child) {

	margin-right: 0.2rem;

}

.f_media img {

	height: 0.36rem;

}

.f_media li:hover {

	-webkit-transform: translate(0, -.08rem);

	transform: translate(0, -.08rem)
}

.f_media li {

	-webkit-transition: all .5s ease;

	transition: all .5s ease
}


.cfx-footer-links-wrap{margin:.5rem auto .3rem}
.cfx-footer-links {
    display: table;
    margin-left: auto;
    width:100%;
    max-width: 380px;
	position: relative;

}


.cfx-footer-links-toggle {

	border-bottom: 1px solid var(--border_color);

	cursor: pointer;

}

.cfx-footer-links-toggle p {

	font-size: 0.14rem;

	color: #333;

	line-height: 0.4rem;

	position: relative;

}

.cfx-footer-links-toggle p::before {

	content: '';

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	right: 0;

	width: 0;

	height: 0;

	border-left: 6px solid transparent;

	border-right: 6px solid transparent;

	border-bottom: 6px solid #C0C0C0
}



.cfx-footer-links-list {

	opacity: 0;

	visibility: hidden;

	position: absolute;

	bottom: 0;

	width: 100%;

	background: #EEE;

	z-index: 4;

	box-sizing: border-box;

	padding: .1rem .16rem;

}

.cfx-footer-links-list li {}

.cfx-footer-links-list a {

	display: block;

	font-size: 0.13rem;

	color: #444;

	line-height: 0.24rem;

}



.cfx-footer-links.cfx-active .cfx-footer-links-list {

	opacity: 1;

	visibility: visible;

	bottom: 100%;

}

.cfx-footer-links-list {

	-webkit-transition: all .3s ease;

	transition: all .3s ease
}



@media screen and (max-width:1440px) {

	.cfx-footer-logo img {

		height: 0.48rem;

	}

}

@media screen and (max-width:1366px) {

	.cfx-footer-tagline i {

		font-size: 0.24rem;

	}

	.f_qr img {

		height: 1.2rem;

	}

}

@media screen and (max-width:1200px) {

	.cfx-footer-tagline i {

		font-size: 0.22rem;

	}

}

@media screen and (max-width:1024px) {

	footer {

		padding: 0.7rem 0 0.4rem;

	}

	.cfx-footer-left {

		width: 100%;

	}

	.cfx-footer-logo img {

		height: 0.4rem;

	}

	.cfx-footer-nav {

		display: none;

	}

	.cfx-footer-right {

		width: 100%;

		margin: .3rem 0 .2rem 0;

	}

	.cfx-footer-tagline {

		display: inline-block;

	}

	.cfx-footer-tagline i {

		padding: .1rem .3rem;

		font-size: 0.2rem;

	}

	.f_contact {

		margin: .3rem 0;

	}

	.f_qr p {

		font-size: 0.13rem;

	}
	
	.cfx-footer-links-wrap{margin-top:20px}
	.cfx-footer-links{margin-left:0}

}

@media screen and (max-width:768px) {

	footer {

		padding: 0.6rem 0 0.3rem;

	}

	.cfx-footer-logo img {

		height: 0.3rem;

	}

	.cfx-footer-tagline i {

		font-size: 0.18rem;

	}

	.f_contact {

		margin: 0.2rem 0 .28rem;

	}

	.f_tel {

		font-size: 0.18rem;

	}

	.f_menu {

		display: block;

	}

	.f_menu_r {}

	.f_media {

		margin-top: 0.18rem;

		justify-content: flex-start;

	}

	.cfx-footer-copyright,

	.cfx-footer-copyright a {

		font-size: 0.13rem;

	}

}

@media screen and (max-width:560px) {

	footer {

		padding: 0.5rem 0 0.3rem;

	}

	.cfx-footer-tagline i {

		padding: .1rem .2rem;

		font-size: 0.16rem;

	}

	.f_contact p,

	.f_contact p a {

		font-size: 0.13rem;

	}

	.f_qr img {

		height: .8rem;

	}

	.f_qr p {

		font-size: 0.12rem;

	}

	.f_media img {

		height: 0.3rem;

	}

    .cfx-footer-links-wrap{margin-top:0}
	.cfx-footer-copyright,

	.cfx-footer-copyright a {

		font-weight: normal;

		color: #888;

	}

}















/* ----------------------- Inside Page ----------------------- */



.cfx-inner-main {

	background: #FFF;

	position: relative;

	z-index: 3;

	overflow: hidden;

}



.cfx-fw-100 {

	font-weight: 100;

}

@media screen and (max-width:768px) {

	.cfx-fw-100 {

		font-weight: normal;

	}

}





/* Inside Banner */

.cfx-inner-hero {

	width: 100%;

	height: 0;

	padding-bottom: 100vh;

	background: var(--i_color);

	position: relative;

	overflow: hidden;

}

.cfx-inner-hero picture img {

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	right: 0;

	max-height: 90%;

}

.cfx-inner-hero-content {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

}

.cfx-inner-hero-content .cfx-container {

	height: 100%;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

}





.cfx-inner-hero-about picture img {

	max-height: 100%;

}

.in_banner_cases picture img {

	max-height: 100%;

}

.in_banner_news picture img {

	right: 9%;

	max-height: 64%;

}

.in_banner_contact picture img {

	right: 6%;

}

.cfx-page-cover picture img {

	top: 54%;

	right: 9%;

}

.cfx-hero-seo picture img {

	top: initial;

	bottom: 0;

	transform: none;

}

.cfx-hero-build picture img {

	top: initial;

	bottom: 0;

	transform: none;

}

.in_banner_school picture img {

	top: initial;

	bottom: 0;

	transform: none;

	width: 100%;

}



@media screen and (max-width:1440px) {

	.in_banner_contact picture img {

		max-height: 70%;

	}

	.cfx-hero-seo picture img {

		width: 80%;

	}

	.cfx-hero-build picture img {

		width: 90%;

	}

}

@media screen and (max-width:1366px) {

	.in_banner_news picture img {

		right: 5%;

	}

	.cfx-page-cover picture img {

		max-height: 74%;

	}

}

@media screen and (max-width:1200px) {

	.in_banner_news picture img {

		right: 2%;

	}

}

@media screen and (max-width:1024px) {

	.cfx-inner-hero {

		padding-bottom: 54%;

	}



	.in_banner_news picture img {

		right: 6%;

	}

}

@media screen and (max-width:768px) {

	.cfx-hero-build picture img {

		width: 80%;

	}

}

@media screen and (max-width:560px) {

	.cfx-inner-hero picture img {

		opacity: .4;

	}

	.in_banner_news picture img {

		max-height: 80%;

	}

}







.cfx-inner-hero-text {}

.cfx-inner-hero-text h2 {

	font-size: 0.56rem;

	color: #FFF;

}

.cfx-inner-hero-text p {

	margin: .22rem 0 .7rem 0;

	font-size: 0.2rem;

	color: #FFF;

	line-height: 0.34rem;

}

.cfx-inner-hero-text img {

	height: 0.7rem;

}



.cfx-btn-accent {

	margin-top: 1.3rem;

	box-sizing: border-box;

	border: 1px solid #FFF;

}

.cfx-btn-accent i {

	color: #FFF;

	background: none;

}

.cfx-btn-accent:hover {

	box-shadow: 0 14px 24px rgb(35 66 138 / 50%)
}

.cfx-btn-accent:hover i {

	color: #FFF;

	background: var(--i_color);

}



@media screen and (max-width:1440px) {

	.cfx-inner-hero-text h2 {

		font-size: 0.44rem;

	}

	.cfx-inner-hero-text img {

		height: 0.6rem;

	}

}

@media screen and (max-width:1366px) {

	.cfx-inner-hero-text h2 {

		font-size: 0.38rem;

	}

}

@media screen and (max-width:1200px) {

	.cfx-inner-hero-text h2 {

		font-size: 0.34rem;

	}

	.cfx-inner-hero-text p {

		font-size: 0.18rem;

	}

	.cfx-inner-hero-text img {

		height: 0.5rem;

	}

	.cfx-btn-accent {

		margin-top: 1rem;

	}

}

@media screen and (max-width:1024px) {

	.cfx-inner-hero-text h2 {

		font-size: 0.28rem;

	}

	.cfx-inner-hero-text p {

		margin: .2rem 0 .46rem 0;

		font-size: 0.16rem;

		line-height: 0.3rem;

	}

	.cfx-inner-hero-text img {

		height: 0.44rem;

	}

	.cfx-btn-accent {

		margin-top: .6rem;

	}

}

@media screen and (max-width:768px) {

	.cfx-inner-hero-text h2 {

		font-size: 0.23rem;

	}

	.cfx-inner-hero-text p {

		margin: .14rem 0 .38rem 0;

		font-size: 0.15rem;

		line-height: 0.26rem;

	}

	.cfx-inner-hero-text img {

		height: 0.36rem;

	}

	.cfx-btn-accent {

		margin-top: .36rem;

	}

}

@media screen and (max-width:560px) {

	.cfx-inner-hero-text h2 {

		font-size: 0.18rem;

	}

	.cfx-inner-hero-text p {

		margin: .1rem 0 .2rem 0;

		font-size: 0.13rem;

		line-height: 0.2rem;

	}

	.cfx-inner-hero-text img {

		height: 0.28rem;

	}

	.cfx-btn-accent {

		margin-top: 0;

	}

}















.cfx-about-page {}



.cfx-about-page .cfx-heading-bar {

	margin-bottom: 0.54rem;

	text-align: center;

}

.cfx-about-page .cfx-heading-bar,

.cfx-about-page .cfx-heading-bar span {

	font-size: 0.4rem;

	color: #333;

	line-height: 0.7rem;

}

.cfx-about-page .cfx-heading-bar span {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;

}

.cfx-about-page .cfx-heading-bar img {

	margin-right: 0.16rem;

	height: 0.54rem;

}

.cfx-about-page .cfx-heading-bar i {

	color: var(--i_color);

}



.cfx-about-page article {

	width: 70%;

	margin: 0 auto;

}

.cfx-about-page article,

.cfx-about-page article * {

	font-size: 0.18rem;

	color: #333;

	letter-spacing: 1px;

	line-height: 0.32rem;

}

.cfx-about-page article i {

	color: var(--i_color);

	font-weight: bold;

}



@media screen and (max-width:1440px) {

	.cfx-about-page .cfx-heading-bar img {

		height: 0.5rem;

	}

	.cfx-about-page .cfx-heading-bar,

	.cfx-about-page .cfx-heading-bar span {

		font-size: 0.34rem;

		line-height: 0.6rem;

	}

}

@media screen and (max-width:1366px) {

	.cfx-about-page .cfx-heading-bar img {

		height: 0.46rem;

	}

	.cfx-about-page .cfx-heading-bar,

	.cfx-about-page .cfx-heading-bar span {

		font-size: 0.3rem;

		line-height: 0.5rem;

	}

	.cfx-about-page article {

		width: 80%;

	}

	.cfx-about-page article,

	.cfx-about-page article * {

		font-size: 0.17rem;

	}

}

@media screen and (max-width:1200px) {

	.cfx-about-page .cfx-heading-bar {

		margin-bottom: 0.4rem;

	}

	.cfx-about-page .cfx-heading-bar img {

		height: 0.4rem;

	}

	.cfx-about-page .cfx-heading-bar,

	.cfx-about-page .cfx-heading-bar span {

		font-size: 0.28rem;

		line-height: 0.46rem;

	}

}

@media screen and (max-width:1024px) {

	.cfx-about-page .cfx-heading-bar {

		margin-bottom: 0.3rem;

	}

	.cfx-about-page .cfx-heading-bar img {

		margin-right: .1rem;

		height: 0.3rem;

	}

	.cfx-about-page .cfx-heading-bar,

	.cfx-about-page .cfx-heading-bar span {

		font-size: 0.22rem;

		line-height: 0.36rem;

	}

	.cfx-about-page article {

		width: 100%;

	}

	.cfx-about-page article,

	.cfx-about-page article * {

		font-size: 0.16rem;

		line-height: 0.28rem;

	}

}

@media screen and (max-width:768px) {

	.cfx-about-page .cfx-heading-bar {

		margin-bottom: 0.3rem;

	}

	.cfx-about-page .cfx-heading-bar img {

		margin-right: .04rem;

		height: 0.3rem;

	}

	.cfx-about-page .cfx-heading-bar,

	.cfx-about-page .cfx-heading-bar span {

		font-size: 0.2rem;

	}

	.cfx-about-page article,

	.cfx-about-page article * {

		font-size: 0.15rem;

		line-height: 0.26rem;

		color: #555;

	}

}

@media screen and (max-width:560px) {

	.cfx-about-page .cfx-heading-bar {

		margin-bottom: 0.2rem;

	}

	.cfx-about-page .cfx-heading-bar img {

		margin-right: 0.08rem;

		height: 0.24rem;

	}

	.cfx-about-page .cfx-heading-bar,

	.cfx-about-page .cfx-heading-bar span {

		font-size: 0.18rem;

		line-height: 0.3rem;

	}

	.cfx-about-page article,

	.cfx-about-page article * {

		font-size: 0.14rem;

		line-height: 0.24rem;

	}

}













.cfx-inner-section-title {

	margin-bottom: 0.5rem;

	text-align: center;

}

.cfx-inner-section-title h2 {

	font-size: 0.36rem;

	color: #333;

}

.cfx-inner-section-title h6 {

	margin: .3rem auto 0;

	font-size: 0.18rem;

	color: #333;

	line-height: 0.32rem;

}

.cfx-inner-section-title h6 a {

	color: var(--i_color3);

	font-weight: bold;

}

.cfx-inner-section-title h6 a:hover {

	text-decoration: underline;

}



@media screen and (max-width:1440px) {

	.cfx-inner-section-title h2 {

		font-size: 0.34rem;

	}

}

@media screen and (max-width:1366px) {

	.cfx-inner-section-title h2 {

		font-size: 0.3rem;

	}

	.cfx-inner-section-title h6 {

		margin: .2rem auto 0;

		font-size: 0.17rem;

		line-height: 0.3rem;

	}

}

@media screen and (max-width:1024px) {

	.cfx-inner-section-title {

		margin-bottom: 0.4rem;

	}

	.cfx-inner-section-title h2 {

		font-size: 0.24rem;

	}

	.cfx-inner-section-title h6 {

		font-size: 0.16rem;

		line-height: 0.28rem;

	}

}

@media screen and (max-width:768px) {

	.cfx-inner-section-title {

		margin-bottom: 0.34rem;

	}

	.cfx-inner-section-title h2 {

		font-size: 0.22rem;

	}

	.cfx-inner-section-title h6 {

		margin: .14rem auto 0;

		font-size: 0.15rem;

		line-height: 0.24rem;

		color: #888;

	}

}

@media screen and (max-width:560px) {

	.cfx-inner-section-title {

		margin-bottom: 0.24rem;

	}

	.cfx-inner-section-title h2 {

		font-size: 0.2rem;

	}

	.cfx-inner-section-title h6 {

		font-size: 0.13rem;

		line-height: 0.2rem;

	}

}











.cfx-culture {

	position: relative;

}

.cfx-culture::before,

.cfx-culture::after {

	content: '';

	position: absolute;

	border-radius: 50%;

	-webkit-filter: blur(80px);

	filter: blur(80px);

	z-index: -1;

}

.cfx-culture::before {

	width: 7rem;

	height: 7rem;

	opacity: .8;

	bottom: .2rem;

	left: 1rem;

	background: linear-gradient(40deg, #ffedc9 0%, #ffdfe2 100%);

}

.cfx-culture::after {

	width: 7rem;

	height: 7rem;

	opacity: .6;

	bottom: .2rem;

	right: 1rem;

	background: linear-gradient(0deg, #9dc0e9 0%, #c6d9f4 100%);

}



.cfx-culture-grid {

	width: 88%;

	margin: 0 auto;

	overflow: hidden;

}

.cfx-culture-grid dt {

	float: left;

	width: 31%;

	height: 4.4rem;

	overflow: hidden;

}

.cfx-culture-grid dt:not(:last-child) {

	margin-right: 3.5%;

}



.cfx-culture-card {

	height: calc(100% - 1rem);

	background: #FFF;

	box-sizing: border-box;

	padding: .4rem;

	-webkit-border-radius: .3rem;

	border-radius: .3rem;

	position: relative;

	overflow: hidden;

}

.cfx-culture-card::before {

	content: '';

	position: absolute;

	right: -1.8rem;

	bottom: -.3rem;

	width: 1.64rem;

	height: 1.64rem;

	background: rgb(27 97 213 / 10%);

	-webkit-border-radius: 50%;

	border-radius: 50%;

	-webkit-filter: blur(10px);

	filter: blur(10px);

	border: 1px solid rgb(0 0 0 / 30%);

}



.cfx-culture-grid .cfx-icon-holder {

	padding-left: 0.06rem;

	position: relative;

}

.cfx-culture-grid .cfx-icon-holder::before {

	content: '';

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	left: 0;

	width: .46rem;

	height: .46rem;

	box-sizing: border-box;

	border: 1px solid #FFF;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	background: rgb(27 97 213 / 10%);

	backdrop-filter: blur(2px);

}

.cfx-culture-grid .cfx-icon-holder img {

	height: 0.6rem;

}



.cfx-culture-grid h5 {

	margin: .2rem 0 .24rem;

	font-size: 0.22rem;

	color: #333;

}

.cfx-culture-grid .cfx-text-block p {

	margin: .1rem 0;

	padding-left: 0.2rem;

	font-size: 0.18rem;

	color: #333;

	font-weight: 100;

	position: relative;

}

.cfx-culture-grid .cfx-text-block p::before {

	content: '';

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	left: 0;

	width: 0.04rem;

	height: 0.04rem;

	background: var(--i_color);

	-webkit-border-radius: 50%;

	border-radius: 50%;

}



.cfx-culture-grid .cfx-icon-alt {

	position: absolute;

	right: .1rem;

	bottom: -1.8rem;

}

.cfx-culture-grid .cfx-icon-alt img {

	width: 1.64rem;

	position: relative;

}



.cfx-culture-grid dt i {

	display: block;

	position: absolute;

	left: 50%;

	transform: translate(-50%, 0);

	bottom: -5rem;

	width: 80%;

	background: rgb(27 97 213 / 5%);

	backdrop-filter: blur(3px);

	box-sizing: border-box;

	border: 1px solid #FFF;

	-webkit-border-radius: 50%;

	border-radius: 50%;

}

.cfx-culture-grid dt i::before {

	content: '';

	display: block;

	padding-bottom: 100%;

}



.cfx-culture-grid dt:hover .cfx-culture-card {

	height: 100%;

}

.cfx-culture-grid dt:hover .cfx-culture-card::before {

	right: -.4rem;

}

.cfx-culture-grid dt:hover .cfx-icon-alt {

	bottom: -.58rem;

}

.cfx-culture-grid dt:hover i {

	bottom: -2.2rem;

}

.cfx-culture-card,

.cfx-culture-card::before,

.cfx-culture-grid .cfx-icon-alt,

.cfx-culture-grid dt i {

	-webkit-transition: all .5s ease;

	transition: all .5s ease
}



@media screen and (max-width:1440px) {

	.cfx-culture-grid {

		width: 92%;

	}

}

@media screen and (max-width:1366px) {

	.cfx-culture-grid {

		width: 96%;

	}

	.cfx-culture-grid .cfx-icon-holder img {

		height: 0.5rem;

	}

	.cfx-culture-grid .cfx-icon-holder::before {

		width: 0.36rem;

		height: 0.36rem;

	}

	.cfx-culture-grid h5 {

		font-size: 0.2rem;

	}

	.cfx-culture-grid .cfx-text-block p {

		font-size: 0.16rem;

	}

}

@media screen and (max-width:1200px) {

	.cfx-culture-grid {

		width: 100%;

	}

}

@media screen and (max-width:1024px) {

	.cfx-culture-card {

		padding: .3rem;

	}

	.cfx-culture-card span {

		margin-bottom: 0.14rem;

		display: -webkit-flex;

		display: flex;

		flex-wrap: wrap;

		align-items: center;

	}

	.cfx-culture-grid {

		display: -webkit-flex;

		display: flex;

		flex-wrap: wrap;

	}

	.cfx-culture-grid dt,

	.cfx-culture-card {

		height: initial;

	}

	.cfx-culture-grid dt {

		width: 31.66%;

		background: #FFF;

		-webkit-border-radius: .2rem;

		border-radius: .2rem;

	}

	.cfx-culture-grid dt:not(:last-child) {

		margin-right: 2.5%;

	}

	.cfx-culture-card {

		background: none;

		-webkit-border-radius: 0;

		border-radius: 0;

	}

	.cfx-culture-grid .cfx-icon-holder img {

		height: 0.4rem;

	}

	.cfx-culture-grid .cfx-icon-holder::before {

		width: 0.3rem;

		height: 0.3rem;

	}

	.cfx-culture-grid h5 {

		margin: 0 0 0 .1rem;

		font-size: 0.18rem;

	}

	.cfx-culture-grid .cfx-text-block p {

		padding-left: 0.14rem;

		font-size: 0.14rem;

	}

	.cfx-culture-grid .cfx-icon-alt,

	.cfx-culture-grid dt i,

	.cfx-culture-card::before {

		display: none;

	}

}

@media screen and (max-width:768px) {

	.cfx-culture-card {

		padding: .2rem .2rem;

	}

	.cfx-culture-grid dt {

		width: 100%;

		margin: 0 0 .16rem 0 !important;

	}

	.cfx-culture-grid .cfx-icon-holder img {

		height: 0.3rem;

	}

	.cfx-culture-grid .cfx-icon-holder::before {

		width: 0.24rem;

		height: 0.24rem;

	}

	.cfx-culture-grid .cfx-text-block p {

		font-weight: normal;

		color: #888;

	}

}

@media screen and (max-width:560px) {

	.cfx-culture-grid h5 {

		font-size: 0.17rem;

	}

	.cfx-culture-grid .cfx-text-block p {

		margin: .06rem 0;

		font-size: 0.13rem;

	}

}













.cfx-team {

	width: 100%;

}

.cfx-team-content {

	position: relative;

}

.cfx-team-item {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 28%;

	background: rgb(27 96 212 / 30%);

	-webkit-border-radius: 50%;

	border-radius: 50%;

	-webkit-filter: blur(100px);

	filter: blur(100px);

	z-index: 1;

}

.cfx-team-item::before {

	content: '';

	display: block;

	padding-bottom: 100%;

}



.cfx-team-title {

	position: absolute;

	top: 50%;

	left: 50%;

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

	text-align: center;

	z-index: 4;

}

.cfx-team-title img {

	height: .8rem;

}



.cfx-team-list {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 3;

}

.cfx-team-list li {

	position: absolute;

	width: 5%;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	background: #FFF;

	overflow: hidden;

}

.cfx-team-list li::before {

	content: '';

	display: block;

	padding-bottom: 100%;

}

.cfx-team-list li:nth-child(1) {

	top: 15%;

	left: 12%;

}

.cfx-team-list li:nth-child(2) {

	bottom: 29%;

	left: 11%;

}

.cfx-team-list li:nth-child(3) {

	top: 29%;

	transform: translate(0, -50%);

	left: 19%;

}

.cfx-team-list li:nth-child(4) {

	bottom: 22%;

	left: 19.5%;

}

.cfx-team-list li:nth-child(5) {
	width: 6.5%;
	top: 8%;

	left: 28%;

}

.cfx-team-list li:nth-child(6) {

	bottom: 36%;

	left: 26.2%;

}

.cfx-team-list li:nth-child(7) {

	top: 6%;

	right: 28%;
	width:6.8%


}

.cfx-team-list li:nth-child(8) {

	top: 44%;

	right: 26%;

}

.cfx-team-list li:nth-child(9) {

	top: 26%;

	right: 19%;

}

.cfx-team-list li:nth-child(10) {
	bottom: 28%;
	right: 18.8%;
}
.cfx-team-list li:nth-child(11) {
	top: 8%;
	right: 12.3%;
}
.cfx-team-list li:nth-child(12) {
	bottom: 30%;
	right: 11%;
}
.cfx-team-list li:nth-child(13) {
	bottom: 5%;
	right: 29%;
	width: 4.5%;
}


/* 新增6个人 */
.cfx-team-list li:nth-child(14) {bottom: 0;left: 22%;width: 3.6%;}
.cfx-team-list li:nth-child(15) {bottom: 8%;left: 29.1%;width: 4.2%;}
.cfx-team-list li:nth-child(16) {bottom: 7%;right: 21.2%;width: 3.6%;}
.cfx-team-list li:nth-child(17) {bottom: 0;right: 13.3%;width: 3.6%;}

.cfx-team-list li:nth-child(18) {bottom: 0;left: 13.2%;width: 4.4%;}

@media screen and (min-width:1025px) {

	.cfx-move-slow {

		animation: bounceIn-infinite2 4s linear infinite;

		-webkit-animation: bounceIn-infinite2 4s linear infinite;

		-moz-animation: bounceIn-infinite2 4s linear infinite;

		-o-animation: bounceIn-infinite2 4s linear infinite;

		-ms-animation: bounceIn-infinite2 4s linear infinite;

	}

	.cfx-move-medium {

		animation: bounceIn-infinite2 5s linear infinite;

		-webkit-animation: bounceIn-infinite2 5s linear infinite;

		-moz-animation: bounceIn-infinite2 5s linear infinite;

		-o-animation: bounceIn-infinite2 5s linear infinite;

		-ms-animation: bounceIn-infinite2 5s linear infinite;

	}

	.cfx-move-fast {

		animation: bounceIn-infinite2 6s linear infinite;

		-webkit-animation: bounceIn-infinite2 6s linear infinite;

		-moz-animation: bounceIn-infinite2 6s linear infinite;

		-o-animation: bounceIn-infinite2 6s linear infinite;

		-ms-animation: bounceIn-infinite2 6s linear infinite;

	}

}

@-webkit-keyframes bounceIn-infinite2 {

	0% {

		-webkit-transform: translate(0, 0);

	}

	20% {

		-webkit-transform: translate(0, 12px);

	}

	50% {

		-webkit-transform: translate(0, 0);

	}

	70% {

		-webkit-transform: translate(0, -12px);

	}

	100% {

		-webkit-transform: translate(0, 0);

	}

}

@keyframes bounceIn-infinite2 {

	0% {

		transform: translate(0, 0);

	}

	20% {

		transform: translate(0, 12px);

	}

	50% {

		transform: translate(0, 0);

	}

	70% {

		transform: translate(0, -12px);

	}

	100% {

		transform: translate(0, 0);

	}

}



.cfx-team-list li img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: calc(100% - 6px);

	height: calc(100% - 6px);

	object-fit: cover;

	-webkit-border-radius: 50%;

	border-radius: 50%;

}




.cfx-team-backdrop {

	width: 100vw;

}



.cfx-team .cfx-btn {

	margin: 0 auto;

}



@media screen and (max-width:1440px) {

	.cfx-team-title img {

		height: 0.7rem;

	}

}

@media screen and (max-width:1366px) {

	.cfx-team-title img {

		height: 0.6rem;

	}

}

@media screen and (max-width:1200px) {

	.cfx-team-title img {

		height: 0.5rem;

	}

}

@media screen and (max-width:1024px) {

	.cfx-team-title {

		position: relative;

		top: initial;

		left: initial;

		transform: none;

	}

	.cfx-team-title img {

		height: .36rem;

	}

	.cfx-team-card {

		position: relative;

	}

	.cfx-team-list {

		position: relative;

		width: 94%;

		margin: .4rem auto .3rem;

		display: -webkit-flex;

		display: flex;

		flex-wrap: wrap;

		justify-content: center;

	}

	.cfx-team-list li {

		position: relative;

		top: initial !important;

		left: initial !important;

		bottom: initial !important;

		right: initial !important;

		transform: none !important;

		width: 12% !important;

		margin: 0 4% .3rem 4%;

	}

	.cfx-team-backdrop {

		display: none;

	}

}

@media screen and (max-width:768px) {

	.cfx-team-title img {

		height: .3rem;

	}

	.cfx-team-list li {

		width: 16% !important;

		margin: 0 2% .3rem 2%;

	}

}

@media screen and (max-width:560px) {

	.cfx-team-title img {

		height: .24rem;

	}

	.cfx-team-list {

		margin-bottom: 0.1rem;

	}

	.cfx-team-list li {

		width: 25% !important;

		margin: 0 4% .2rem 4%;

	}

}

















.cfx-gallery {}



.cfx-gallery-slider {

	position: relative;

	overflow: hidden
}

.cfx-gallery-slider .swiper-wrapper {

	display: -webkit-flex;

	display: flex;

	position: relative;

	width: 100%
}

.cfx-gallery-slider li {

	flex-shrink: 0;

	-webkit-border-radius: .3rem;

	border-radius: .3rem;

	position: relative;

	cursor: pointer;

	overflow: hidden;

}

.cfx-gallery-slider li::before {

	content: '';

	display: block;

	padding-bottom: 63.15%;

}

.cfx-gallery-slider li>img {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;
	object-fit: cover;
}

.cfx-gallery-slider .cfx-heading-bar {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	background: rgb(0 0 0 / 30%);

	background: -webkit-linear-gradient(top, transparent, rgb(0 0 0 / 75%));

	background: linear-gradient(to bottom, transparent, rgb(0 0 0 / 75%));

}

.cfx-gallery-slider .cfx-heading-bar p {

	padding: 0 .4rem;

	font-size: 0.18rem;

	color: #FFF;

	line-height: 1rem;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}





.cfx-gallery-pager {

	display: block;

	margin-top: 0.3rem;

	text-align: center
}

.cfx-gallery-pager .swiper-pagination-bullet {

	width: .1rem;

	height: .1rem;

	display: inline-block;

	margin: 0 6px;

	box-sizing: border-box;

	border: 1px solid #999;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	outline: none
}

.cfx-gallery-pager .swiper-pagination-bullet-active {

	border-color: var(--i_color3);

	background: var(--i_color3)
}



@media screen and (max-width:1024px) {

	.cfx-gallery-slider li {

		-webkit-border-radius: .2rem;

		border-radius: .2rem;

	}

	.cfx-gallery-slider .cfx-heading-bar p {

		padding: 0 .3rem;

		font-size: 0.16rem;

		line-height: 0.6rem;

	}

}

@media screen and (max-width:768px) {

	.cfx-gallery-slider .cfx-heading-bar p {

		padding: 0 .2rem;

		font-size: 0.15rem;

		line-height: 0.5rem;

	}

	.cfx-gallery-pager .swiper-pagination-bullet {

		width: 0.08rem;

		height: 0.08rem;

		margin: 0 4px;

	}

}

@media screen and (max-width:560px) {

	.cfx-gallery-slider li {

		-webkit-border-radius: .06rem;

		border-radius: .06rem;

	}

	.cfx-gallery-slider .cfx-heading-bar p {

		font-size: 0.13rem;

		line-height: 0.4rem;

	}

	.cfx-gallery-pager {

		margin-top: 0.2rem;

	}

}













.cfx-case-grid {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}

.cfx-case-grid li {

	width: 45%;

	margin: 1rem 0 0 0;

}

.cfx-case-grid li a {
	cursor: initial;
}

.cfx-case-grid .img {

	width: 100%;

	position: relative;

	overflow: hidden
}

.cfx-case-grid .img::before {

	content: "";

	display: block;

	padding-bottom: 54%
}

.cfx-case-grid .img img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 100%;

	object-fit: cover
}



.cfx-case-grid .cfx-text-block {

	padding-bottom: 0.26rem;

	position: relative;

}

.cfx-case-grid .cfx-text-block::before,

.cfx-case-grid .cfx-text-block::after {

	content: '';

	position: absolute;

	bottom: 0;

	height: 1px;

}

.cfx-case-grid .cfx-text-block::before {

	left: 0;

	width: 100%;

	background: #D2D2D2;

}

.cfx-case-grid .cfx-text-block::after {

	right: 0;

	width: 0;

	background: var(--i_color);

}



.cfx-case-grid .cfx-text-block h4 {

	margin: .3rem 0 .3rem;

	font-size: 0.24rem;

	color: #333;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.cfx-case-grid .cfx-text-block h6 {

	font-size: 0.16rem;

	color: #333;

	line-height: 0.34rem;

	font-weight: 100;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 99;

}



.cfx-case-grid li:hover .cfx-text-block::after {

	right: initial;

	left: 0;

	width: 100%;

}

.cfx-case-grid li:hover h4 {

	color: var(--i_color);

}

.cfx-case-grid li:hover .img {

	-webkit-border-radius: .3rem;

	border-radius: .3rem;

}

.cfx-case-grid .cfx-text-block::after,

.cfx-case-grid .img {

	-webkit-transition: all .7s ease;

	transition: all .7s ease
}



@media screen and (max-width:1440px) {

	.cfx-case-grid li {

		margin-top: 0.8rem;

	}

	.cfx-case-grid .cfx-text-block h4 {

		font-size: 0.22rem;

	}

	.cfx-case-grid .cfx-text-block h6 {

		font-size: 0.15rem;

		line-height: 0.3rem;

	}

}

@media screen and (max-width:1366px) {

	.cfx-case-grid .cfx-text-block h4 {

		margin: 0.26rem 0 0.16rem;

		font-size: 0.2rem;

	}

}

@media screen and (max-width:1024px) {

	.cfx-case-grid li {

		margin-top: 0.6rem;

		width: 47%;

	}

	.cfx-case-grid .cfx-text-block h4 {

		font-size: 0.18rem;

	}

	.cfx-case-grid .cfx-text-block h6 {

		font-size: 0.14rem;

		line-height: 0.26rem;

	}

}

@media screen and (max-width:768px) {

	.cfx-case-grid li {

		margin-top: 0.4rem;

		width: 48%;

	}

	.cfx-case-grid .cfx-text-block {

		padding-bottom: 0.2rem;

	}

	.cfx-case-grid .cfx-text-block h4 {

		margin: 0.2rem 0 0.12rem;

		font-size: 0.16rem;

	}

	.cfx-case-grid .cfx-text-block h6 {

		font-size: 0.13rem;

		line-height: 0.2rem;

		color: #888;

		font-weight: normal;

	}

}

@media screen and (max-width:560px) {

	.cfx-case-grid li {

		margin-top: 0.3rem;

		width: 48%;

	}

	.cfx-case-grid .cfx-text-block h4 {

		font-size: 0.15rem;

	}

}



















/* Number of pages */

.cfx-pagination-wrap {

	text-align: center;

	margin: .8rem auto 1rem;

	overflow: hidden
}

.cfx-pagination {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: center;

	align-items: center;

}

.cfx-pagination li {

	width: 0.4rem;

	height: 0.4rem;

	margin: 0 .06rem;

}

.cfx-pagination a,

.cfx-pagination span {

	display: block;

	line-height: .4rem;

	font-size: .16rem;

	color: #555;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	overflow: hidden;

}

.cfx-pagination>i {

	margin-left: 0.1rem;

	font-size: 0.15rem;

	color: #888;

}



.cfx-pagination a:hover,

.cfx-pagination .cfx-page-current a,

.cfx-pagination .cfx-page-current span {

	background: var(--i_color);

	font-size: 0.18rem;

	color: #FFF !important;

	font-weight: bold;

}

@media screen and (max-width:1366px) {

	.cfx-pagination-wrap {

		margin: 0.5rem auto 0.7rem;

	}

}

@media screen and (max-width:1024px) {

	.cfx-pagination li {

		width: 0.34rem;

		height: 0.34rem;

	}

	.cfx-pagination a,

	.cfx-pagination span {

		font-size: 0.15rem;

		line-height: 0.34rem;

	}

	.cfx-pagination a:hover,

	.cfx-pagination .cfx-page-current a,

	.cfx-pagination .cfx-page-current span {

		font-size: 0.16rem;

	}

}

@media screen and (max-width:768px) {

	.cfx-pagination-wrap {

		margin: 0.3rem auto 0.5rem;

	}

}

@media screen and (max-width:560px) {

	.cfx-pagination li {

		width: 0.3rem;

		height: 0.3rem;

		margin: 0 .04rem;

	}

	.cfx-pagination a,

	.cfx-pagination span {

		font-size: 0.14rem;

		line-height: 0.3rem;

	}

}















.cfx-news-page {

	margin-top: 1rem;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}

.cfx-news-page .cfx-inner-section-title {

	text-align: left;

}



.cfx-news-content {

	width: 68%;

}

.cfx-news-content .cfx-pagination {

	justify-content: flex-start;

}



.cfx-news-list {}

.cfx-news-list li {

	margin-bottom: 0.36rem;

	padding-bottom: 0.36rem;

	position: relative;

}

.cfx-news-list li::before,

.cfx-news-list li::after {

	content: '';

	position: absolute;

	bottom: 0;

	height: 1px;

}

.cfx-news-list li::before {

	left: 0;

	width: 100%;

	background: #D2D2D2;

}

.cfx-news-list li::after {

	right: 0;

	width: 0;

	background: var(--i_color);

}



.cfx-news-list a {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

}



.cfx-news-list .img {

	width: 24.5%;

	-webkit-border-radius: .2rem;

	border-radius: .2rem;

	position: relative;

	overflow: hidden
}

.cfx-news-list .img::before {

	content: "";

	display: block;

	padding-bottom: 75%
}

.cfx-news-list .img img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 100%;

	object-fit: cover
}



.cfx-news-list .cfx-text-block {

	margin-left: auto;

	width: 71%;

}

.cfx-news-list .cfx-text-block h5 {

	font-size: 0.18rem;

	color: #333;

	line-height: 0.28rem;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

}

.cfx-news-list .cfx-text-block h6,

.cfx-news-list .cfx-text-block i {

	font-size: 0.14rem;

	color: #333;

	font-weight: 100;

}

.cfx-news-list .cfx-text-block h6 {

	margin: 0.16rem 0 0.36rem;

	line-height: 0.26rem;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

}

.cfx-news-list .cfx-text-block i {

	float: right;

}



.cfx-news-list li:hover::after {

	right: initial;

	left: 0;

	width: 100%;

}

.cfx-news-list li:hover img {

	width: 115%;

	height: 115%;

}

.cfx-news-list li:hover h5 {

	color: var(--i_color);

}

.cfx-news-list li::after,

.cfx-news-list .img img {

	-webkit-transition: all .5s ease;

	transition: all .5s ease
}



@media screen and (max-width:1366px) {

	.cfx-news-list .img {

		-webkit-border-radius: .1rem;

		border-radius: .1rem;

	}

	.cfx-news-list .cfx-text-block h6 {

		margin: 0.1rem 0 0.24rem;

	}

}

@media screen and (max-width:1200px) {

	.cfx-news-content {

		width: 64%;

	}

	.cfx-news-list .cfx-text-block h5 {

		font-size: 0.16rem;

	}

}

@media screen and (max-width:1024px) {

	.cfx-news-content .cfx-pagination {

		justify-content: center
	}

	.cfx-news-page {

		margin-top: 0.6rem;

	}

	.cfx-news-page .cfx-inner-section-title {

		display: none;

	}

	.cfx-news-content {

		width: 100%;

	}

	.cfx-news-list .img {

		width: 2rem;

	}

	.cfx-news-list .cfx-text-block {

		width: calc(100% - 2rem - .3rem);

	}

	.cfx-news-list .cfx-text-block h5 {

		font-size: 0.15rem;

		line-height: 0.22rem;

	}

	.cfx-news-list .cfx-text-block h6,

	.cfx-news-list .cfx-text-block i {

		font-size: 0.13rem;

	}

	.cfx-news-list .cfx-text-block h6 {

		line-height: 0.2rem;

	}

}

@media screen and (max-width:768px) {

	.cfx-news-list .cfx-text-block h6,

	.cfx-news-list .cfx-text-block i {

		font-weight: normal;

		color: #888;

	}

}

@media screen and (max-width:560px) {

	.cfx-news-page {

		margin-top: 0.38rem;

	}

	.cfx-news-list li {

		padding-bottom: 0.2rem;

		margin-bottom: 0.3rem;

	}

	.cfx-news-list .img {

		width: 100%;

	}

	.cfx-news-list .cfx-text-block {

		margin: .16rem 0 0 0;

		width: 100%;

	}

}









.cfx-news-sidebar {

	width: 27%;

	margin-left: auto;

}



.cfx-sidebar-list {}

.cfx-sidebar-list li {

	padding-bottom: 0.24rem;

	margin-bottom: 0.24rem;

	border-bottom: 1px solid var(--border_color);

}



.cfx-sidebar-list .img {

	width: 100%;

	-webkit-border-radius: .3rem;

	border-radius: .3rem;

	position: relative;

	overflow: hidden
}

.cfx-sidebar-list .img::before {

	content: "";

	display: block;

	padding-bottom: 54%
}

.cfx-sidebar-list .img img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 100%;

	object-fit: cover
}

.cfx-sidebar-list li:not(:first-child) .img {

	display: none
}



.cfx-sidebar-list .cfx-text-block {

	margin-top: 0.16rem;

}

.cfx-sidebar-list .cfx-text-block p {

	font-size: 0.18rem;

	color: #333;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

}



.cfx-sidebar-list li:hover img {

	width: 115%;

	height: 115%;

}

.cfx-sidebar-list li:hover p {

	color: var(--i_color);

}

.cfx-sidebar-list img {

	-webkit-transition: all .8s ease;

	transition: all .8s ease
}



@media screen and (max-width:1440px) {}

@media screen and (max-width:1366px) {

	.cfx-sidebar-list .img {

		-webkit-border-radius: .16rem;

		border-radius: .16rem;

	}

	.cfx-sidebar-list .cfx-text-block p {

		font-size: 0.16rem;

	}

}

@media screen and (max-width:1200px) {

	.cfx-news-sidebar {

		width: 31%;

	}

}

@media screen and (max-width:1024px) {

	.cfx-news-sidebar {

		display: none;

	}

}















.cfx-article {

	box-sizing: border-box;

	padding: 0 6%;

}

.cfx-article-page {
	padding-top: var(--header_height);
}

@media screen and (max-width:1024px) {
	.cfx-article-page {
		padding-top: 0;
	}
}

.cfx-article-title .cfx-article-meta-separator {
	margin: 0 .08rem;
	color: #AAA;
}

.cfx-article-body {
	min-width: 0;
	overflow-wrap: break-word;
	word-break: break-word;
}

.cfx-article-body iframe,
.cfx-article-body video {
	max-width: 100%;
}

.cfx-article-body table {
	display: block;
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}



.cfx-article-title {

	border-bottom: 1px solid #DDD;

	margin-bottom: .4rem;

	text-align: center
}

.cfx-article-title h1 {

	font-size: .28rem;

	color: #222;

	line-height: .36rem;

	font-weight: bold
}

.cfx-article-title h6 {

	text-align: center;

	margin: .1rem 0 .08rem;

	font-size: .13rem;

	color: #666;

	line-height: .28rem
}




.cfx-article-body .scrollbar{display: block;margin-left: auto;margin-right: auto; max-height: 75vh;overflow-y: auto;}
.cfx-article-body .scrollbar::-webkit-scrollbar{width:3px}

.cfx-article .wp-video{margin: 20px auto;}
.cfx-article article video{display: block;margin: 20px auto;}

.cfx-article article img {

	display: block;

	margin: .2rem auto;

	max-width: 100% !important;

	height: initial !important
}

.cfx-article article .aligncenter{margin-left: auto;margin-right: auto;}


.cfx-article article{}
.cfx-article article,
.cfx-article article * {
	font-family: "Microsoft Yahei", 微软雅黑, tahoma, Srial, helvetica, sans-serif !important;
	margin: revert;
	padding: revert;
	list-style: revert;
}
.cfx-article article strong,.cfx-article article strong p,.cfx-article article strong b,.cfx-article article strong i,.cfx-article article strong span,.cfx-article article b {
	font-weight: bold;
}
.cfx-article article a {
	text-decoration: underline;
}
.cfx-article article figure {
	margin-left: auto;
	margin-right: auto;
}
.wp-block-column figure img {
	width: 100%;
}
.cfx-article article img {
	/* margin-top: 0.3rem;
	margin-bottom: 0.3rem; */
	max-width: 100% !important;
	height: initial !important
}
.cfx-article article h1,
.cfx-article article h2,
.cfx-article article h3,
.cfx-article article h4,
.cfx-article article h5,
.cfx-article article h6 {
	font-weight: bold;
}
.has-text-align-center {
	text-align: center;
}
/* .cfx-article article ul,.cfx-article article li,.cfx-article article ol{list-style: revert;} */
/* .cfx-article article ul,.cfx-article article ol{padding-left: 0.22rem;margin-top: 0.3rem;margin-bottom: 0.3rem;}
.cfx-article article li{margin-top: .1rem;margin-bottom: 0.1rem;} */

.cfx-article article .aligncenter {
	margin-left: auto;
	margin-right: auto;
}
.cfx-article article .wp-caption {
	max-width: 100% !important;
}



@media screen and (max-width:1024px) {

	.cfx-article {

		padding: 0 0;

	}

	.cfx-article-title h1 {

		font-size: .24rem;

	}

}

@media screen and (max-width:767px) {

	.cfx-article-title h1 {

		font-size: .22rem;

	}

}

@media screen and (max-width:560px) {

	.cfx-article-title {

		margin-bottom: 0.24rem;

	}

	.cfx-article-title h1 {

		font-size: .18rem;

		line-height: .24rem;

	}

	.cfx-article article,

	.cfx-article article * {

		font-size: .15rem;

		line-height: .22rem
	}

}



.cfx-article-footer {

	min-height: .4rem;

	border-bottom: 1px solid #CCC;

	margin-top: 0.8rem;

	padding-bottom: 0.4rem;

	position: relative;

}

.cfx-article-footer ul {

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

	justify-content: space-between;

}

.cfx-article-footer li {

	width: 40%;

}

.cfx-article-footer a {

	width: 100%;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

}

.cfx-article-footer li:nth-child(2) a {

	justify-content: flex-end;

}



.cfx-article-footer a i {

	display: block;

	width: 0.46rem;

	height: 0.46rem;

	-webkit-border-radius: 50%;

	border-radius: 50%;

}

.cfx-article-footer li:nth-child(1) i {

	margin-right: 0.2rem;

	background: rgb(8 52 114 / 10%) url(../images/public/arrow/long/arrow_l_b2.svg) no-repeat center;

	background-size: .22rem;

}

.cfx-article-footer li:nth-child(2) i {

	margin-left: 0.2rem;

	background: rgb(8 52 114 / 10%) url(../images/public/arrow/long/arrow_r_b2.svg) no-repeat center;

	background-size: .22rem;

}



.cfx-article-footer a span {

	width: calc(100% - .46rem - .2rem);

}

.cfx-article-footer li:nth-child(2) span {

	text-align: right;

}

.cfx-article-footer a p {

	font-size: 0.17rem;

	color: #555;

	margin-bottom: 0.06rem;

}

.cfx-article-footer a h6 {

	font-size: 0.15rem;

	color: #666;

}

.cfx-article-footer li:hover h6 {

	color: var(--i_color);

}



@media screen and (max-width:1200px) {

	.cfx-article-footer {

		margin-top: 0.6rem;

	}

}

@media screen and (max-width:1024px) {

	.cfx-article-footer {

		padding-bottom: .3rem;

	}

	.cfx-article-footer a i {

		width: 0.4rem;

		height: 0.4rem;

		background-size: .18rem !important;

	}

	.cfx-article-footer a p {

		font-size: 0.16rem;

	}

	.cfx-article-footer a h6 {

		font-size: 0.15rem;

	}

}

@media screen and (max-width:959px) {

	.cfx-article-footer li {

		width: 48%;

	}

}

@media screen and (max-width:767px) {

	.cfx-article-footer {

		margin-top: 0.4rem;

		padding-bottom: 0.2rem;

	}

	.cfx-article-footer ul {

		flex-wrap: wrap;

	}

	.cfx-article-footer li {

		margin-top: 0.2rem;

		width: 100%;

	}

	.cfx-article-footer li a {

		justify-content: flex-start !important;

	}

	.cfx-article-footer li span {

		text-align: left !important;

		float: none;

	}

	.cfx-article-footer a i {

		display: none !important;

	}

	.cfx-article-footer a span {

		width: 100%;

	}

	.cfx-article-footer a p {

		font-size: 0.14rem;

	}

	.cfx-article-footer a h6 {

		font-size: 0.13rem;

	}

}







.cfx-related-section{margin-top:-.4rem; margin-bottom: 1rem; box-sizing: border-box; padding: 0 6%;}

.cfx-related-tabs{margin-bottom: 0.36rem; display:flex; flex-wrap:wrap;gap: .16rem 1%;}
.cfx-related-tabs li{cursor: pointer; background: none; border-radius:2rem; overflow: hidden;}
.cfx-related-tabs li p{padding: 6px .2rem; font-size: 0.2rem; font-weight: bold;}
.cfx-related-tabs li.cfx-active-el{background: #F1F1F1 !important;}
.cfx-related-tabs li.cfx-active-el p{color: var(--i_color);}

.cfx-related-content .cfx-related-item{opacity: 0; visibility: hidden; height: 0; position: relative; top: 20px;}
.cfx-related-content .cfx-related-item.cfx-active-el{opacity: 1; visibility: visible; height: auto; top: 0; transition:all .5s ease;}

.cfx-related-content ul{display:flex; flex-wrap:wrap; gap: 10px 4%;}
.cfx-related-content li{width: 48%; position: relative;}
.cfx-related-content li::before{content: ''; position:absolute; top: 50%; margin-top: -3px; left: 0; width: 5px; height: 5px; background: #777; border-radius:50%;}
.cfx-related-content li a{display: block; padding: 6px 0 6px .18rem; font-size: 0.18rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.cfx-related-content li a:hover{color: var(--i_color); text-decoration: underline;}

@media screen and (max-width:1440px) {
    .cfx-related-section{margin-top:-.2rem}
}
@media screen and (max-width:1024px) {
	.cfx-related-section{padding: 0 0;}

	.cfx-related-tabs li p{font-size: 18px;}

	.cfx-related-content li a{font-size: 16px;}
}
@media screen and (max-width:768px) {
	.cfx-related-tabs{margin-bottom: 28px;}

	.cfx-related-content ul{gap: 10px 0;}
	.cfx-related-content li{width: 100%;}
	.cfx-related-content li::before{top: 16.5px; margin-top: 0;}
	.cfx-related-content li a{white-space: initial; line-height: 1.6;}
}
@media screen and (max-width:560px) {
    .cfx-related-section{margin-top:0; margin-bottom: 50px}
    
	.cfx-related-tabs{gap: 12px 1%; margin-bottom: 20px;}
	.cfx-related-tabs li{background: #FAFAFA;}
	.cfx-related-tabs li p{padding: 6px 16px; font-size: 16px;}

	.cfx-related-content ul{gap: 4px 0;}
	.cfx-related-content li a{font-size: 14px;}
}









.cfx-promo-block {}

.cfx-promo-grid {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}

.cfx-promo-grid dt,

.cfx-promo-grid dd {

	width: 46%;

	box-sizing: border-box;

	padding: .9rem .7rem 0;

	-webkit-border-radius: .3rem;

	border-radius: .3rem;

	position: relative;

	overflow: hidden;

}

.cfx-promo-grid dt {

	box-shadow: 0 1px .1rem rgb(27 97 213 / 10%);

}

.cfx-promo-grid dt::before {

	content: '';

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 30%;

	background: -webkit-linear-gradient(top, transparent, rgb(27 97 213 / 20%));

	background: linear-gradient(to bottom, transparent, rgb(27 97 213 / 20%));

}

.cfx-promo-grid dd {

	background: var(--i_color);

	background: -webkit-linear-gradient(top, #1b61d5, #26458c);

	background: linear-gradient(to bottom, #1b61d5, #26458c);

}

.cfx-promo-grid dd::before {

	content: '';

	position: absolute;

	left: -1rem;

	bottom: -1rem;

	width: 3rem;

	height: 3rem;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	background: rgb(240 133 20 / 50%);

	-webkit-filter: blur(80px);

	filter: blur(80px);

}



.cfx-promo-header {}

.cfx-promo-header h3 {

	font-size: 0.3rem;

	height: .92rem;

	line-height: 0.46rem;

}

.cfx-promo-header h6 {

	margin-top: 0.2rem;

	font-size: 0.18rem;

	line-height: 0.36rem;

}

.cfx-promo-grid dt .cfx-promo-header h3,

.cfx-promo-grid dt .cfx-promo-header h6 {

	color: #333;

}

.cfx-promo-grid dd .cfx-promo-header h3,

.cfx-promo-grid dd .cfx-promo-header h6 {

	color: #FFF;

}

.cfx-promo-header h3 i {

	color: var(--i_color);

}



.cfx-promo-grid .img {

	margin-top: 1rem;

	text-align: center;

	position: relative;

	z-index: 2;

}

.cfx-promo-grid .img img {

	max-width: 100%;

	object-fit: contain;

}



@media screen and (max-width:1440px) {

	.cfx-promo-header h3 {

		font-size: 0.26rem;

	}

}

@media screen and (max-width:1366px) {

	.cfx-promo-grid dt,

	.cfx-promo-grid dd {

		padding: .8rem .6rem 0;

	}

	.cfx-promo-header h3 {

		height: 0.8rem;

		line-height: 0.4rem;

		font-size: 0.24rem;

	}

	.cfx-promo-header h6 {

		font-size: 0.16rem;

	}

	.cfx-promo-grid .img {

		margin-top: 0.7rem;

	}

}

@media screen and (max-width:1024px) {

	.cfx-promo-grid dt,

	.cfx-promo-grid dd {

		width: 48%;

		padding: 0.5rem 0.4rem 0;

	}

	.cfx-promo-header h3 {

		height: 0.6rem;

		line-height: 0.3rem;

		font-size: 0.2rem;

	}

	.cfx-promo-header h6 {

		font-size: 0.15rem;

		line-height: 0.28rem;

	}

	.cfx-promo-grid .img {

		margin-top: 0.54rem;

	}

}

@media screen and (max-width:768px) {

	.cfx-promo-grid dt,

	.cfx-promo-grid dd {

		width: 100%;

		padding: 0.36rem 0.3rem .36rem;

	}

	.cfx-promo-grid dt {

		margin-bottom: 0.24rem;

	}

	.cfx-promo-grid dd::before {

		left: -0.6rem;

		bottom: -0.6rem;

		width: 2rem;

		height: 2rem;

	}

	.cfx-promo-header {

		position: relative;

		z-index: 2;

	}

	.cfx-promo-header h3 {

		height: auto;

		font-size: 0.18rem;

	}

	.cfx-promo-header h6 {

		font-size: 0.14rem;

		line-height: 0.24rem;

	}

	.cfx-promo-grid dt .cfx-promo-header h6 {

		color: #555;

	}

	.cfx-promo-grid .img {

		opacity: .15;

		position: absolute;

		right: 8%;

		bottom: 0;

		width: 30%;

		max-height: 80%;

	}

	.cfx-promo-grid .img img {

		max-height: 100%;

	}

}

@media screen and (max-width:560px) {

	.cfx-promo-grid dt,

	.cfx-promo-grid dd {

		padding: 0.2rem 0.2rem .3rem;

		-webkit-border-radius: .1rem;

		border-radius: .1rem;

	}

	.cfx-promo-grid dt {

		margin-bottom: 0.18rem;

	}

	.cfx-promo-header h3 {

		font-size: 0.17rem;

		line-height: 0.26rem;

	}

	.cfx-promo-header h6 {

		font-size: 0.13rem;

		line-height: 0.22rem;

	}

}











.cfx-channel-showcase {

	background: #f2f8ff;

}

.cfx-channel-showcase .cfx-inner-section-title {

	margin-bottom: 0 !important;

	text-align: left;

}



.cfx-showcase-wrap {

	padding: .8rem 0;

	position: relative;

}



.cfx-detail-view {

	width: 34%;

	position: relative;

	overflow: hidden
}

.cfx-detail-view .swiper-wrapper {

	display: -webkit-flex;

	display: flex;

	position: relative;

	width: 100%
}

.cfx-detail-view .swiper-slide {

	flex-shrink: 0;

	background: #f2f8ff;

	position: relative
}

.cfx-detail-view .swiper-slide-active {

	z-index: 3;

}

.cfx-detail-view .swiper-slide h4 {

	font-size: 0.24rem;

	color: #333;

}

.cfx-detail-view .swiper-slide h6 {

	margin-top: 0.2rem;

	height: calc(0.34rem * 9);

	font-size: 0.16rem;

	color: #333;

	line-height: 0.34rem;

}

.cfx-detail-view dl {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}

.cfx-detail-view dt {

	font-size: 0.16rem;

	color: #333;

	line-height: 0.34rem;

}

.cfx-detail-view dt::after {

	content: '/';

	margin: 0 4px;

}



.cfx-thumb-slider {

	margin-left: auto;

	width: 58%;

	position: absolute;

	top: 50%;

	right: .2rem;

	transform: translate(0, -50%);

	overflow: hidden;

}

.cfx-thumb-slider .swiper-wrapper {

	display: -webkit-flex;

	display: flex;

	position: relative;

	width: 100%
}

.cfx-thumb-slider .swiper-slide {

	flex-shrink: 0;

	position: relative;

	-webkit-border-radius: .24rem;

	border-radius: .24rem;

	overflow: hidden;

}

.cfx-thumb-slider .swiper-slide::before {

	content: '';

	display: block;

	padding-bottom: 164.0625%;

}



.cfx-thumb-slider span {

	position: absolute;

	left: 0;

	top: 8%;

	width: 100%;

	box-sizing: border-box;

	padding: 0 .3rem;

	z-index: 2;

}

.cfx-thumb-slider .cfx-icon-holder {

	width: 1rem;

	height: 1rem;

	-webkit-border-radius: .2rem;

	border-radius: .2rem;

	background: #FFF;

	position: relative;

}

.cfx-thumb-slider .cfx-icon-holder img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	height: 0.5rem;

}

.cfx-thumb-slider span p {

	margin-top: 0.18rem;

	font-size: 0.16rem;

	color: #FFF;

	font-weight: bold;

	text-transform: capitalize;

}

.cfx-thumb-slider .swiper-slide>img {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.cfx-slider-nav {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}

.cfx-nav-prev,

.cfx-nav-next {

	width: .66rem;

	height: .66rem;

	box-sizing: border-box;

	border: 1px solid #898989;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	z-index: 3;

	cursor: pointer;

	outline: none;

	-webkit-user-select: none;

	user-select: none;

	position: relative;

}

.cfx-nav-prev {

	margin-right: -.1rem;

}

.cfx-nav-next {

	background-color: #f2f8ff
}

.cfx-nav-prev::before,

.cfx-nav-next::before {

	opacity: .5;

	content: '';

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 0.26rem;

	height: 0.26rem;

}

.cfx-nav-prev::before {

	background: url(../images/public/arrow/long/arrow_l_b3.svg) no-repeat center;

	background-size: contain;

}

.cfx-nav-next::before {

	background: url(../images/public/arrow/long/arrow_r_b3.svg) no-repeat center;

	background-size: contain;

}

.cfx-nav-next,

.cfx-nav-prev:hover,

.cfx-nav-next:hover {

	border-color: var(--i_color);

	background: var(--i_color);

}

.cfx-nav-prev:hover::before {

	opacity: 1;

	background: url(../images/public/arrow/long/arrow_l_w3.svg) no-repeat center;

	background-size: contain;

}

.cfx-nav-next::before,

.cfx-nav-next:hover::before {

	opacity: 1;

	background: url(../images/public/arrow/long/arrow_r_w3.svg) no-repeat center;

	background-size: contain;

}



@media screen and (max-width:1366px) {

	.cfx-thumb-slider .cfx-icon-holder {

		width: 0.8rem;

		height: 0.8rem;

	}

	.cfx-thumb-slider .cfx-icon-holder img {

		height: 0.44rem;

	}

}

@media screen and (max-width:1200px) {

	.cfx-showcase-wrap {

		padding: .6rem 0;

	}

}

@media screen and (max-width:1024px) {

	.cfx-showcase-wrap {

		padding: .4rem 0;

	}

	.cfx-thumb-slider {

		position: relative;

		top: initial;

		right: initial;

		transform: none;

		margin: 0 0 .2rem 3%;

		width: 3rem;

	}

	.cfx-thumb-slider .swiper-slide {

		box-sizing: border-box;

		border: 1px solid var(--border_color);

		-webkit-border-radius: .1rem;

		border-radius: .1rem;

	}

	.cfx-thumb-slider .swiper-slide::before {

		padding-bottom: 100%;

	}

	.cfx-thumb-slider .swiper-slide-active {

		border-color: var(--i_color);

	}



	.cfx-thumb-slider span {

		top: 0;

		height: 100%;

		padding: 0 0;

	}

	.cfx-thumb-slider .cfx-icon-holder {

		width: 100%;

		height: 100%;

		-webkit-border-radius: 0;

		border-radius: 0;

		background: none;

	}

	.cfx-thumb-slider .cfx-icon-holder img {

		height: 60%;

	}

	.cfx-thumb-slider span p {

		display: none;

	}

	.cfx-thumb-slider .swiper-slide>img {

		opacity: .1;

	}



	.cfx-detail-view {

		width: 100%;

	}

	.cfx-detail-view .swiper-slide h4 {

		font-size: 0.2rem;

	}

	.cfx-detail-view .swiper-slide h6 {

		margin-bottom: 0.1rem;

		height: auto;

		line-height: 0.28rem;

	}

	.cfx-detail-view .swiper-slide h6 {

		font-size: 0.15rem;

	}

	.cfx-detail-view dt {

		font-size: 0.14rem;

		color: #999;

		line-height: 0.24rem;

	}



	.cfx-nav-prev,

	.cfx-nav-next {

		width: 0.5rem;

		height: 0.5rem;

	}

}

@media screen and (max-width:768px) {

	.cfx-showcase-wrap {

		padding: .4rem 0 .2rem;

	}

	.cfx-thumb-slider {

		margin: 0 0 .2rem 4%;

		width: 2.6rem;

	}

	.cfx-detail-view .swiper-slide h4 {

		font-size: 0.18rem;

	}

	.cfx-detail-view .swiper-slide h6,

	.cfx-detail-view dt {

		font-size: 0.14rem;

	}

}

@media screen and (max-width:560px) {

	.cfx-showcase-wrap {

		padding: .3rem 0 .2rem;

	}

	.cfx-thumb-slider {

		margin: 0 0 .2rem 4%;

		width: 2.2rem;

	}

	.cfx-detail-view .swiper-slide h4 {

		font-size: 0.17rem;

	}

	.cfx-nav-prev,

	.cfx-nav-next {

		width: 0.44rem;

		height: 0.44rem;

	}

	.cfx-nav-prev {

		margin-right: -.06rem;

	}

	.cfx-nav-prev::before,

	.cfx-nav-next::before {

		width: 0.22rem;

		height: 0.22rem;

	}

}













.cfx-benefits {}



.cfx-benefits .cfx-inner-section-title {

	position: absolute;

	top: 0;

	left: 0;

	text-align: left;

	z-index: 2;

}



.cfx-benefits-grid {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}

.cfx-benefits-grid li {

	width: 29.66%;

	margin: 0 5.5% .3rem 0;

	padding-bottom: 0.8rem;

	margin-bottom: 0.8rem;

	position: relative;

}

.cfx-benefits-grid li::before,

.cfx-benefits-grid li::after {

	content: '';

	position: absolute;

	bottom: 0;

	height: 1px;

}

.cfx-benefits-grid li::before {

	left: 0;

	width: 100%;

	background: var(--border_color);

}

.cfx-benefits-grid li::after {

	right: 0;

	width: 0;

	background: var(--i_color);

}

.cfx-benefits-grid li:nth-child(3n) {

	margin-right: 0;

}

.cfx-benefits-grid .cfx-spacer::before,

.cfx-benefits-grid .cfx-spacer::after {

	display: none !important;

}



.cfx-benefits-grid .cfx-icon-holder {

	padding-left: 0.06rem;

	position: relative;

}

.cfx-benefits-grid .cfx-icon-holder::before {

	content: '';

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	left: 0;

	width: .36rem;

	height: .36rem;

	box-sizing: border-box;

	border: 1px solid #FFF;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	background: rgb(27 97 213 / 10%);

	backdrop-filter: blur(2px);

}

.cfx-benefits-grid .cfx-icon-holder img {

	height: 0.46rem;

}



.cfx-benefits-grid h5 {

	margin: .4rem 0 .16rem;

	font-size: 0.22rem;

	color: #333;

}

.cfx-benefits-grid p {

	font-size: 0.18rem;

	color: #333;

	font-weight: 100;

	line-height: 0.3rem;

}



.cfx-benefits-grid li:hover::after {

	right: initial;

	left: 0;

	width: 100%;

}

.cfx-benefits-grid li::after {

	-webkit-transition: all .5s ease;

	transition: all .5s ease
}



@media screen and (max-width:1366px) {

	.cfx-benefits-grid li {

		padding-bottom: 0.6rem;

		margin-bottom: 0.6rem;

	}

	.cfx-benefits-grid h5 {

		font-size: 0.2rem;

	}

	.cfx-benefits-grid p {

		font-size: 0.17rem;

	}

}

@media screen and (max-width:1024px) {

	.cfx-benefits .cfx-inner-section-title {

		position: relative;

	}

	.cfx-benefits-grid .cfx-spacer {

		display: none;

	}

	.cfx-benefits-grid li {

		padding-bottom: 0.2rem;

		margin-bottom: 0.38rem;

	}

	.cfx-benefits-grid h5 {

		font-size: 0.16rem;

	}

	.cfx-benefits-grid p {

		font-size: 0.14rem;

		line-height: 0.26rem;

	}

}

@media screen and (max-width:768px) {

	.cfx-benefits-grid li {

		width: 47%;

		margin: 0 6% .3rem 0;

	}

	.cfx-benefits-grid li:nth-child(3n) {

		margin-right: 6%;

	}

	.cfx-benefits-grid li:nth-child(2n) {

		margin-right: 0;

	}

	.cfx-benefits-grid .cfx-icon-holder::before {

		width: 0.28rem;

		height: 0.28rem;

	}

	.cfx-benefits-grid .cfx-icon-holder img {

		height: 0.36rem;

	}

	.cfx-benefits-grid h5 {

		margin: 0.2rem 0 .1rem;

	}

	.cfx-benefits-grid p {

		font-weight: normal;

		color: #666;

	}

}

@media screen and (max-width:560px) {

	.cfx-benefits-grid p {

		font-size: 0.13rem;

		line-height: 0.24rem;

	}

}

















.sem_logo {}

.sem_logo_tit {

	margin-bottom: 0.6rem;

	position: relative;

}

.sem_logo_tit>p {

	font-size: 0.18rem;

	color: #333;

	font-weight: 100;

	line-height: 0.46rem;

}

.sem_logo_tit a {

	position: absolute;

	top: 0;

	right: 0;

}



.cfx-brand-roll {

	position: relative;

	overflow: hidden
}

.cfx-brand-roll .swiper-wrapper {

	display: -webkit-flex;

	display: flex;

	position: relative;

	width: 100%
}

.cfx-brand-roll .swiper-slide {

	flex-shrink: 0;

	box-sizing: border-box;

	border: 1px solid #FFF;

	-webkit-border-radius: .15rem;

	border-radius: .15rem;

	position: relative
}

.cfx-brand-roll .swiper-slide::before {

	content: '';

	display: block;

	padding-bottom: 47.6%;

}

.cfx-brand-roll img {

	opacity: .5;

	position: absolute;

	top: 50%;

	left: 50%;

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

	max-width: 100%;

	max-height: 100%;

	-webkit-filter: grayscale(1);

	filter: grayscale(1)
}

.cfx-brand-roll li:hover {

	border-color: #DDD;

}

.cfx-brand-roll li:hover img {

	opacity: 1;

	-webkit-filter: none;

	filter: none
}

.cfx-brand-roll li,

.cfx-brand-roll img {

	-webkit-transition: all .5s ease;

	transition: all .5s ease
}



.cfx-roll-pager {

	display: block;

	margin-top: 0.3rem;

	text-align: center
}

.cfx-roll-pager .swiper-pagination-bullet {

	width: .08rem;

	height: .08rem;

	display: inline-block;

	margin: 0 6px;

	background: #CCC;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	outline: none
}

.cfx-roll-pager .swiper-pagination-bullet-active {

	background: var(--i_color)
}



@media screen and (max-width:1024px) {

	.sem_logo_tit>p {

		font-size: 0.16rem;

	}

	.cfx-brand-roll img {

		opacity: 1;

		-webkit-filter: none;

		filter: none;

	}

}

@media screen and (max-width:768px) {

	.cfx-brand-roll .swiper-slide {

		border-color: #DDD;

	}

	.sem_logo_tit {

		margin-bottom: 0.4rem;

	}

	.sem_logo_tit>p {

		margin-bottom: 0.16rem;

		font-size: 0.15rem;

		line-height: 0.26rem;

		font-weight: normal;

	}

	.sem_logo_tit a {

		position: relative;

	}

}

@media screen and (max-width:560px) {

	.sem_logo_tit>p {

		font-size: 0.14rem;

	}

}













/* SEO */

.cfx-optimization {}

.cfx-opt-wrapper {

	width: 90%;

	margin: 0 auto;

}

.cfx-opt-wrapper>img {

	width: 100%;

}



.cfx-opt-center {

	position: absolute;

	top: 50%;

	left: 50%;

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

}

.cfx-opt-logo {

	width: 2.7rem;

	height: 2.7rem;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	background: #FFF;

	position: relative;

	z-index: 3;

}

.cfx-opt-logo span {

	position: absolute;

	top: 54%;

	left: 50%;

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

	width: 60%;

	text-align: center;

}

.cfx-opt-logo img {

	max-width: 100%;

	max-height: .46rem;

}

.cfx-opt-logo h2 {

	margin-top: 0.04rem;

	font-size: 0.46rem;

	color: var(--i_color);

	font-weight: 900;

}



.cfx-opt-center .cfx-bg-overlay {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 160%;

	height: 160%;

	background: rgb(113 110 221 / 26%);

	-webkit-border-radius: 50%;

	border-radius: 50%;

	z-index: -1;

	-webkit-filter: blur(100px);

	filter: blur(100px)
}

.cfx-opt-center i {}

.cfx-opt-center i:before {

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: rgb(255 255 255 / 80%);

	-webkit-border-radius: 50%;

	border-radius: 50%;

	opacity: 0;

	animation: undulate 2s 0s ease infinite;

}

.cfx-opt-center i:after {

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: rgb(255 255 255 / 80%);

	-webkit-border-radius: 50%;

	border-radius: 50%;

	opacity: 0;

	animation: undulate 2.5s 0s ease infinite;

}

@keyframes undulate {

	0% {

		opacity: 0
	}

	5% {

		opacity: 1
	}

	80% {

		opacity: 0
	}

	100% {

		opacity: 0;

		transform: scale(1.4);

		-ms-transform: scale(1.4);

		-o-transform: scale(1.4);

		-webkit-transform: scale(1.4);

		-moz-transform: scale(1.4)
	}

}



.cfx-opt-grid {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

.cfx-opt-grid li {

	position: absolute;

	display: inline-block;

	-webkit-border-radius: 2rem;

	border-radius: 2rem;

	background: #FFF;

	box-shadow: 0 2px .06rem rgb(27 96 212 / 20%);

	cursor: pointer;

}

.cfx-opt-grid li:nth-child(1) {

	top: 14%;

	left: 6%;

}

.cfx-opt-grid li:nth-child(2) {

	left: 13%;

	top: 44%;

	/* transform: translate(0, -50%); */

}

.cfx-opt-grid li:nth-child(3) {

	left: 17%;

	bottom: 14%;

}

.cfx-opt-grid li:nth-child(4) {

	top: 4%;

	right: 21%;

}

.cfx-opt-grid li:nth-child(5) {

	right: 6%;

	top: 44%;

	/* transform: translate(0, -50%); */

}

.cfx-opt-grid li:nth-child(6) {

	right: 19%;

	bottom: 7%;

}

.cfx-opt-grid p {

	padding: .2rem .4rem;

	font-size: 0.24rem;

	color: #333;

}



.cfx-opt-grid li:hover {

	background: var(--i_color);

}

.cfx-opt-grid li:hover p {

	color: #FFF;

}



@media screen and (max-width:1440px) {

	.cfx-opt-grid p {

		padding: .14rem .3rem;

		font-size: 0.22rem;

	}

}

@media screen and (max-width:1366px) {

	.cfx-opt-center .cfx-bg-overlay {

		width: 140%;

		height: 140%;

	}

	.cfx-opt-grid p {

		padding: .1rem .3rem;

		font-size: 0.18rem;

	}

}

@media screen and (max-width:1024px) {

	.cfx-opt-grid {

		position: relative;

		display: -webkit-flex;

		display: flex;

		flex-wrap: wrap;

	}

	.cfx-opt-grid li {

		width: 30.33%;

		margin: 0 1.5% .2rem;

		position: initial;

		transform: none !important;

	}

	.cfx-opt-grid p {

		padding: .1rem .2rem;

		text-align: center;

		font-size: 0.16rem;

	}



	.cfx-opt-center {

		margin-top: 0.6rem;

		position: relative;

		top: initial;

		left: 50%;

		transform: translate(-50%, 0);

		display: inline-block;

	}

	.cfx-opt-logo {

		width: 2rem;

		height: 2rem;

	}

	.cfx-opt-wrapper>img {

		display: none;

	}

}

@media screen and (max-width:768px) {

	.cfx-opt-grid li {

		width: 48%;

		margin: 0 4% .2rem 0;

	}

	.cfx-opt-grid li:nth-child(2n) {

		margin-right: 0;

	}

	.cfx-opt-grid p {

		padding: .1rem .06rem;

		font-size: 0.15rem;

	}

	.cfx-opt-center {

		margin-top: 0.4rem;

	}

	.cfx-opt-logo {

		width: 1.6rem;

		height: 1.6rem;

	}

}

@media screen and (max-width:560px) {

	.cfx-optimization {

		padding-bottom: 0.2rem;

	}

	.cfx-opt-grid p {

		font-size: 0.14rem;

		color: #666;

	}

	.cfx-opt-center {

		margin-top: 0.3rem;

	}

}













.cfx-orientation {

	background: #FAFAFA;

	position: relative;

}

.cfx-orientation::before {

	content: '';

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 30%;

	background: -webkit-linear-gradient(top, transparent, rgb(27 97 213 / 10%));

	background: linear-gradient(to bottom, transparent, rgb(27 97 213 / 10%));

}

.cfx-orient-wrap {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}



.cfx-orient-left {

	width: 40%;

}

.cfx-orient-left .cfx-inner-section-title {

	text-align: left
}

.cfx-orient-left picture img {

	max-width: 100%;

}



.cfx-orient-right {

	margin-left: auto;

	width: 50%;

}



.cfx-orient-card {

	padding-left: 0.9rem;

	margin-bottom: 0.6rem;

	position: relative;

}

.cfx-orient-card .cfx-icon-holder {

	position: absolute;

	top: 0;

	left: 0;

	padding-left: 0.06rem;

}

.cfx-orient-card .cfx-icon-holder::before {

	content: '';

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	left: 0;

	width: .4rem;

	height: .4rem;

	box-sizing: border-box;

	border: 1px solid #FFF;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	background: rgb(27 97 213 / 10%);

	backdrop-filter: blur(2px);

}

.cfx-orient-card .cfx-icon-holder::before {

	width: 0.3rem;

	height: 0.3rem;

}

.cfx-orient-card .cfx-icon-holder img {

	height: 0.4rem;

}



.cfx-orient-card h5 {

	display: inline-block;

	font-size: 0.24rem;

	color: #333;

}

.cfx-orient-card p {

	margin-top: 0.16rem;

	font-size: 0.18rem;

	color: #333;

	font-weight: 100;

	line-height: 0.28rem;

}



@media screen and (max-width:1440px) {

	.cfx-orient-card h5 {

		font-size: 0.22rem;

	}

}

@media screen and (max-width:1200px) {

	.cfx-orient-card h5 {

		font-size: 0.2rem;

	}

	.cfx-orient-card p {

		font-size: 0.17rem;

	}

}

@media screen and (max-width:1024px) {

	.cfx-orient-left {

		width: 100%;

	}

	.cfx-orient-right {

		margin-left: 0;

		width: 100%;

	}

	.cfx-orient-left picture img {

		opacity: .1;

		position: absolute;

		bottom: 0;

		left: 0;

		width: 60%;

	}

	.cfx-orient-card {

		margin-bottom: 0.34rem;

		padding-left: 0.7rem;

	}

	.cfx-orient-card h5 {

		font-size: 0.18rem;

	}

	.cfx-orient-card p {

		margin-top: 0.1rem;

		font-size: 0.16rem;

	}

}

@media screen and (max-width:768px) {

	.cfx-orient-card h5 {

		font-size: 0.17rem;

	}

	.cfx-orient-card p {

		font-size: 0.14rem;

		color: #888;

		font-weight: normal;

		line-height: 0.22rem;

	}

}

@media screen and (max-width:560px) {

	.cfx-orient-card {

		margin-bottom: 0.3rem;

		padding-left: 0.5rem;

	}

	.cfx-orient-card .cfx-icon-holder::before {

		width: 0.24rem;

		height: 0.24rem;

	}

	.cfx-orient-card .cfx-icon-holder img {

		height: 0.3rem;

	}

	.cfx-orient-card h5 {

		font-size: 0.16rem;

	}

	.cfx-orient-card p {

		font-size: 0.13rem;

	}

}











.cfx-process {

	margin-bottom: .2rem !important;

}



.cfx-process-wrap {

	--li_w: calc(100% / 8)
}

.cfx-process-wrap {

	position: relative;

}

.cfx-process-wrap::before {

	content: '';

	position: absolute;

	top: 50%;

	left: 0;

	width: 100%;

	height: 1px;

	background: var(--border_color);

}



.cfx-process-steps {

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

}

.cfx-process-steps li {

	width: 50%;

	text-align: center;

	position: relative;

}

.cfx-process-steps li:nth-child(odd) {

	padding-bottom: 0.4rem;

}

.cfx-process-steps li:nth-child(even) {

	padding-top: 0.4rem;

	margin-top: 2rem;

}



.cfx-process-steps .cfx-icon-holder {

	display: inline-block;

	padding-left: 0.06rem;

	position: relative;

}

.cfx-process-steps .cfx-icon-holder::before {

	content: '';

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	left: 0;

	width: .4rem;

	height: .4rem;

	box-sizing: border-box;

	border: 1px solid #FFF;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	background: rgb(27 97 213 / 10%);

	backdrop-filter: blur(2px);

}

.cfx-process-steps .cfx-icon-holder img {

	height: 0.5rem;

}



.cfx-process-steps h5 {

	margin: .1rem 0;

	font-size: 0.18rem;

	color: #333;

}

.cfx-process-steps p {

	font-size: 0.13rem;

	color: #333;

	font-weight: 100;

	line-height: 0.22rem;

}



.cfx-step-line {

	position: absolute;

	top: 50%;

	left: 0;

	margin-top: -1px;

	width: 0;

	height: 3px;

	background: var(--i_color);

	z-index: 3;

	-webkit-transition: all 1s ease;

	transition: all 1s ease
}

.cfx-process-steps li:nth-child(1).cfx-active~.cfx-step-line {

	width: var(--li_w);

}

.cfx-process-steps li:nth-child(2).cfx-active~.cfx-step-line {

	width: calc(var(--li_w) * 2);

}

.cfx-process-steps li:nth-child(3).cfx-active~.cfx-step-line {

	width: calc(var(--li_w) * 3);

}

.cfx-process-steps li:nth-child(4).cfx-active~.cfx-step-line {

	width: calc(var(--li_w) * 4);

}

.cfx-process-steps li:nth-child(5).cfx-active~.cfx-step-line {

	width: calc(var(--li_w) * 5);

}

.cfx-process-steps li:nth-child(6).cfx-active~.cfx-step-line {

	width: calc(var(--li_w) * 6);

}

.cfx-process-steps li:nth-child(7).cfx-active~.cfx-step-line {

	width: calc(var(--li_w) * 7);

}

.cfx-process-steps li:nth-child(8).cfx-active~.cfx-step-line {

	width: calc(var(--li_w) * 8);

}

.cfx-process-steps li:nth-child(9).cfx-active~.cfx-step-line {

	width: calc(var(--li_w) * 9);

}

.cfx-process-steps li:nth-child(10).cfx-active~.cfx-step-line {

	width: calc(var(--li_w) * 10);

}



@media screen and (max-width:1024px) {

	.cfx-process-wrap::before {

		display: none;

	}

	.cfx-process-steps {

		flex-wrap: wrap;

	}

	.cfx-process-steps li {

		width: 25%;

		padding: 0 .14rem !important;

		margin: 0 0 .36rem 0 !important;

		box-sizing: border-box;

	}

	.cfx-process-steps h5 {

		font-size: 0.16rem;

	}


}

@media screen and (max-width:768px) {

	.cfx-process-steps li {

		width: 50%;

	}

	.cfx-process-steps p {

		font-weight: normal;

		color: #888;

	}

}

@media screen and (max-width:560px) {

	.cfx-process-steps .cfx-icon-holder::before {

		width: 0.28rem;

		height: 0.28rem;

	}

	.cfx-process-steps .cfx-icon-holder img {

		height: 0.36rem;

	}

}













.cfx-pricing {

	padding-bottom: 0.3rem;

	position: relative;

}

.cfx-pricing::before,

.cfx-pricing::after {

	content: '';

	position: absolute;

	border-radius: 50%;

	-webkit-filter: blur(80px);

	filter: blur(80px);

	z-index: -1;

}

.cfx-pricing::before {

	width: 7rem;

	height: 7rem;

	opacity: .6;

	bottom: 0;

	left: 0;

	background: linear-gradient(90deg, #aec3ef 0%, #bfd9eb 100%);

}

.cfx-pricing::after {

	width: 7rem;

	height: 7rem;

	opacity: .8;

	bottom: 0;

	right: 2rem;

	background: linear-gradient(40deg, #feeeb9 0%, #fee2dd 100%);

}



.cfx-pricing-grid {

	padding-top: 0.3rem;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}

.cfx-pricing-grid dt {

	width: 27%;

	margin-right: 2%;

	background: #FFF;

}

.cfx-pricing-grid dd {

	width: 42%;

	background: var(--i_color);

	background: -webkit-linear-gradient(top, var(--i_color), var(--i_color3));

	background: linear-gradient(to bottom, var(--i_color), var(--i_color3));

}

.cfx-pricing-grid dt,

.cfx-pricing-grid dd {

	box-sizing: border-box;

	padding: .6rem .6rem .7rem;

	-webkit-border-radius: .3rem;

	border-radius: .3rem;

	position: relative;

	overflow: hidden;

	cursor: pointer;

}

.cfx-pricing-grid dt::before {

	content: '';

	position: absolute;

	right: 0;

	bottom: 0;

	width: 1rem;

	height: 1rem;

	background: var(--i_color);

	-webkit-filter: blur(60px);

	filter: blur(60px)
}

.cfx-pricing-grid dt:nth-child(2)::after {

	content: '';

	position: absolute;

	right: -20%;

	bottom: -20%;

	width: 2rem;

	height: 2rem;

	box-sizing: border-box;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	border: 1px solid rgb(255 255 255 / 50%);

	background: rgb(27 97 213 / 3%);

	backdrop-filter: blur(3px);

	z-index: 3;

}



.cfx-pricing-grid dt i {

	display: block;

	position: absolute;

	bottom: -1.5rem;

	width: 60%;

	background: rgb(27 97 213 / 3%);

	backdrop-filter: blur(3px);

	box-sizing: border-box;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	z-index: 4;

}

.cfx-pricing-grid dt i::before {

	content: '';

	display: block;

	padding-bottom: 100%;

}

.cfx-pricing-grid dt:nth-child(1) i {

	left: 50%;

	transform: translate(-50%, 0);

}

.cfx-pricing-grid dt:nth-child(2) i {

	left: -.6rem;

}



.cfx-pricing-grid .cfx-icon-holder {

	position: absolute;

	right: .5rem;

	bottom: .5rem;

}

.cfx-pricing-grid dt:nth-child(1) .cfx-icon-holder::before {

	content: '';

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 140%;

	height: 140%;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	background: -webkit-linear-gradient(top, transparent, rgb(255 255 255 / 30%));

	background: linear-gradient(to bottom, transparent, rgb(255 255 255 / 30%));

}





.cfx-pricing-grid .cfx-icon-holder img {

	height: 1rem;

	position: relative;

	z-index: 2;

}

.cfx-pricing-grid dd .cfx-icon-holder {

	display: none;

}



.cfx-pricing-grid h4 {

	margin-bottom: 0.32rem;

	font-size: 0.3rem;

}

.cfx-pricing-grid li {

	margin: .12rem 0;

	padding-left: 0.2rem;

	font-size: 0.18rem;

	font-weight: 100;

	position: relative;

}

.cfx-pricing-grid dt h4,

.cfx-pricing-grid dt li {

	color: #333;

}

.cfx-pricing-grid dd h4,

.cfx-pricing-grid dd li {

	color: #FFF;

}



.cfx-pricing-grid li:not(:last-child)::before {

	content: '';

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	left: 0;

	width: 0.04rem;

	height: 0.04rem;

	-webkit-border-radius: 50%;

	border-radius: 50%;

}

.cfx-pricing-grid dt li::before {

	background: var(--i_color);

}

.cfx-pricing-grid dd li::before {

	background: #FFF;

}



.cfx-pricing-grid dd>img {

	position: absolute;

	right: 0;

	bottom: 0;

	max-width: 46%;

	max-height: 80%;

}



@media screen and (max-width:1440px) {

	.cfx-pricing-grid h4 {

		font-size: 0.24rem;

	}

}

@media screen and (max-width:1366px) {

	.cfx-pricing-grid dt,

	.cfx-pricing-grid dd {

		padding: 0.5rem 0.5rem .7rem;

	}

	.cfx-pricing-grid .cfx-icon-holder {

		bottom: 0.4rem;

	}

	.cfx-pricing-grid .cfx-icon-holder img {

		height: 0.7rem;

	}

	.cfx-pricing-grid dt:nth-child(2)::after {

		right: -27%;

		bottom: -22%;

	}



	.cfx-pricing-grid h4 {

		font-size: 0.22rem;

	}

}

@media screen and (max-width:1200px) {

	.cfx-pricing-grid li {

		font-size: 0.16rem;

	}

	.cfx-pricing-grid h4 {

		font-size: 0.2rem;

	}

}

@media screen and (max-width:1024px) {

	.cfx-pricing-grid dt,

	.cfx-pricing-grid dd {

		padding: 0.4rem 0.3rem .7rem;

		-webkit-border-radius: .2rem;

		border-radius: .2rem;

	}

	.cfx-pricing-grid dt:nth-child(2)::after {

		display: none;

	}

	.cfx-pricing-grid dt:nth-child(1) .cfx-icon-holder::before {

		display: none;

	}

	.cfx-pricing-grid dt i {

		display: none;

	}

	.cfx-pricing-grid h4 {

		margin-bottom: 0.2rem;

		font-size: 0.18rem;

	}

	.cfx-pricing-grid li {

		margin: .08rem 0;

		font-size: 0.15rem;

	}

	.cfx-pricing-grid .cfx-icon-holder img {

		height: 0.5rem;

	}

}

@media screen and (max-width:768px) {

	.cfx-pricing-grid dt,

	.cfx-pricing-grid dd {

		padding: 0.3rem 0.3rem 0.4rem;

		width: 100%;

		box-shadow: 0 0 .1rem rgb(27 97 213 / 20%);

	}

	.cfx-pricing-grid dt {

		margin: 0 0 .2rem 0;

	}

	.cfx-pricing-grid dt span,

	.cfx-pricing-grid dd span {

		margin-bottom: 0.2rem;

		display: -webkit-flex;

		display: flex;

		flex-wrap: wrap;

		align-items: center;

	}

	.cfx-pricing-grid .cfx-icon-holder {

		position: initial;

	}

	.cfx-pricing-grid dd .cfx-icon-holder {

		display: block;

	}

	.cfx-pricing-grid .cfx-icon-holder img {

		height: 0.3rem;

	}

	.cfx-pricing-grid h4 {

		margin: 0 0 0 .16rem;

		font-size: 0.17rem;

	}

	.cfx-pricing-grid li {

		font-size: 0.14rem;

		font-weight: normal;

	}

	.cfx-pricing-grid dt li {

		color: #777 !important;

	}

}

@media screen and (max-width:560px) {

	.cfx-pricing-grid dt,

	.cfx-pricing-grid dd {

		padding: 0.2rem 0.3rem 0.2rem;

	}

	.cfx-pricing-grid li {

		margin: .05rem 0;

	}

	.cfx-pricing-grid .cfx-icon-holder img {

		height: 0.22rem;

	}

	.cfx-pricing-grid h4 {

		font-size: 0.16rem;

	}

	.cfx-pricing-grid dd>img {

		opacity: .6;

		max-width: 42%;

	}

}











.cfx-sitebuilding {}

.cfx-sitebuilding .cfx-inner-section-title h6 {

	max-width: 50%;

}



.cfx-serv-list {

	padding-top: 0.2rem;

	margin: 0 auto;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: center;

}

.cfx-serv-list li {

	text-align: center;

	margin: 0 .5rem;

	position: relative;

}

.cfx-serv-list .cfx-icon-holder {

	width: 1.2rem;

	height: 1.2rem;

	margin: 0 auto;

	box-sizing: border-box;

	-webkit-border-radius: .2rem;

	border-radius: .2rem;

	background: #f5f9ff;

	position: relative;

}

.cfx-serv-list .cfx-icon-holder i {

	display: block;

	position: absolute;

	top: 50%;

	left: 50%;

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

	padding-left: 0.06rem;

}

.cfx-serv-list .cfx-icon-holder i::before {

	content: '';

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	left: 0;

	width: .38rem;

	height: .38rem;

	box-sizing: border-box;

	border: 1px solid #FFF;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	background: rgb(27 97 213 / 10%);

	backdrop-filter: blur(2px);

}

.cfx-serv-list .cfx-icon-holder i img {

	height: 0.44rem;

}

.cfx-serv-list li p {

	margin-top: 0.2rem;

	font-size: 0.18rem;

	color: #333;

}



.cfx-serv-list li:hover {

	-webkit-transform: translate(0, -.2rem);

	transform: translate(0, -.2rem);

}

.cfx-serv-list li:hover .cfx-icon-holder {

	box-shadow: 2px 2px .14rem rgb(27 97 213 / 20%);

}

.cfx-serv-list li {

	-webkit-transition: all .5s ease;

	transition: all .5s ease
}



@media screen and (max-width:1440px) {

	.cfx-sitebuilding .cfx-inner-section-title h6 {

		max-width: 60%;

	}

}

@media screen and (max-width:1366px) {

	.cfx-serv-list li {

		margin: 0 .4rem;

	}

	.cfx-serv-list li p {

		font-size: 0.18rem;

	}

}

@media screen and (max-width:1200px) {

	.cfx-sitebuilding .cfx-inner-section-title h6 {

		max-width: 70%;

	}

	.cfx-serv-list li {

		margin: 0 .34rem;

	}

	.cfx-serv-list li p {

		font-size: 0.17rem;

	}

}

@media screen and (max-width:1024px) {

	.cfx-sitebuilding .cfx-inner-section-title h6 {

		max-width: 80%;

	}

	.cfx-serv-list li {

		margin: 0 .2rem;

	}

	.cfx-serv-list .cfx-icon-holder {

		width: .74rem;

		height: .74rem;

	}

	.cfx-serv-list .cfx-icon-holder i::before {

		width: 0.34rem;

		height: 0.34rem;

	}

	.cfx-serv-list .cfx-icon-holder i img {

		height: 0.38rem;

	}

	.cfx-serv-list li p {

		font-size: 0.15rem;

	}

}

@media screen and (max-width:768px) {

	.cfx-sitebuilding .cfx-inner-section-title h6 {

		max-width: 100%;

	}

	.cfx-serv-list li {

		width: 20%;

		margin: 0 0;

	}

	.cfx-serv-list .cfx-icon-holder {

		width: 0.6rem;

		height: 0.6rem;

		-webkit-border-radius: .12rem;

		border-radius: .12rem;

	}

	.cfx-serv-list .cfx-icon-holder i::before {

		width: 0.26rem;

		height: 0.26rem;

	}

	.cfx-serv-list .cfx-icon-holder i img {

		height: 0.34rem;

	}

	.cfx-serv-list li p {

		margin-top: 0.16rem;

		font-size: 0.14rem;

	}

}

@media screen and (max-width:560px) {

	.cfx-serv-list li {

		width: 32%;

		margin-bottom: 0.3rem;

	}

	.cfx-serv-list .cfx-icon-holder i::before {

		width: 0.24rem;

		height: 0.24rem;

	}

	.cfx-serv-list .cfx-icon-holder i img {

		height: 0.3rem;

	}

}











.cfx-lang-section {}



.cfx-lang-wrap {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}



.cfx-lang-wrap dt {

	width: 48.5%;

	-webkit-border-radius: .3rem;

	border-radius: .3rem;

	position: relative;

	overflow: hidden;

}

.cfx-lang-wrap dt::before {

	content: '';

	display: block;

	padding-bottom: 109%;

}



.cfx-lang-showcase {

	background: -webkit-linear-gradient(140deg, var(--i_color) 16%, transparent 100%);

	background: linear-gradient(140deg, var(--i_color) 16%, transparent 100%);

}

.cfx-lang-showcase span {

	position: absolute;

	top: 10%;

	left: 0;

	width: 100%;

	box-sizing: border-box;

	padding: 0 .4rem;

}

.cfx-lang-showcase span h2 {

	font-size: 0.32rem;

	color: #FFF;

}

.cfx-lang-showcase span p {

	margin-top: 0.2rem;

	font-size: 0.18rem;

	color: #FFF;

	line-height: 0.32rem;

}

.cfx-lang-showcase>img {

	position: absolute;

	right: 0;

	bottom: 0;

	max-width: 80%;

}



.cfx-lang-features {

	box-shadow: 1px 3px .1rem rgb(27 96 212 / 30%);

}

.cfx-lang-features ul {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 84%;

	height: 80%;

	box-sizing: border-box;

	padding-right: 0.3rem;

	overflow-y: auto;

}

.cfx-lang-features ul::-webkit-scrollbar {

	width: 1px;

	height: 8px
}

.cfx-lang-features ul::-webkit-scrollbar-thumb {

	background: var(--i_color)
}

.cfx-lang-features ul::-webkit-scrollbar-track {

	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);

	background: #FFF
}

.cfx-lang-features li {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: flex-start;

}

.cfx-lang-features li:not(:last-child) {

	margin-bottom: 0.8rem;

}

.cfx-lang-features .cfx-icon-holder {

	padding-left: 0.06rem;

	position: relative;

}

.cfx-lang-features .cfx-icon-holder::before {

	content: '';

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	left: 0;

	width: .34rem;

	height: .34rem;

	box-sizing: border-box;

	border: 1px solid #FFF;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	background: rgb(27 97 213 / 10%);

	backdrop-filter: blur(2px);

}

.cfx-lang-features .cfx-icon-holder img {

	height: 0.4rem;

}

.cfx-lang-features span {

	margin-left: auto;

	width: calc(100% - .8rem);

}

.cfx-lang-features span h5 {

	margin-bottom: 0.2rem;

	font-size: 0.22rem;

	color: #333;

}

.cfx-lang-features span p {

	font-size: 0.18rem;

	color: #333;

	line-height: 0.3rem;

	font-weight: 100;

}



@media screen and (max-width:1440px) {

	.cfx-lang-showcase span h2 {

		font-size: 0.3rem;

	}

}

@media screen and (max-width:1366px) {

	.cfx-lang-showcase span h2 {

		font-size: 0.26rem;

	}

}

@media screen and (max-width:1200px) {

	.cfx-lang-features ul {

		width: 88%;

		height: 84%;

	}

	.cfx-lang-features li:not(:last-child) {

		margin-bottom: 0.66rem;

	}

	.cfx-lang-features span h5 {

		font-size: 0.2rem;

	}

	.cfx-lang-features span p {

		font-size: 0.16rem;

	}

}

@media screen and (max-width:1024px) {

	.cfx-lang-showcase span h2 {

		font-size: 0.22rem;

	}

	.cfx-lang-showcase span p {

		font-size: 0.16rem;

		line-height: 0.28rem;

	}



	.cfx-lang-features .cfx-icon-holder::before {

		width: 0.24rem;

		height: 0.24rem;

	}

	.cfx-lang-features .cfx-icon-holder img {

		height: 0.32rem;

	}

	.cfx-lang-features li:not(:last-child) {

		margin-bottom: 0.5rem;

	}

	.cfx-lang-features span {

		width: calc(100% - 0.62rem);

	}

	.cfx-lang-features span h5 {

		font-size: 0.18rem;

	}

	.cfx-lang-features span p {

		font-size: 0.15rem;

		line-height: 0.28rem;

	}



}

@media screen and (max-width:768px) {

	.cfx-lang-wrap dt {

		width: 100%;

	}

	.cfx-lang-wrap dt::before {

		padding-bottom: 80%;

	}

	.cfx-lang-features {

		margin-top: 0.3rem;

	}

	.cfx-lang-features::before {

		display: none !important;

	}

	.cfx-lang-features ul {

		position: relative;

		top: initial;

		left: initial;

		transform: none;

		width: 100%;

		height: auto;

		padding: .4rem .3rem;

	}

	.cfx-lang-features li:not(:last-child) {

		margin-bottom: 0.28rem;

	}

	.cfx-lang-features span h5 {

		margin-bottom: 0.1rem;

		font-size: 0.16rem;

	}

	.cfx-lang-features span p {

		font-size: 0.14rem;

		color: #888;

		font-weight: normal;

		line-height: 0.22rem;

	}

}

@media screen and (max-width:560px) {

	.cfx-lang-showcase span {

		padding: 0 .3rem;

	}

	.cfx-lang-showcase span h2 {

		font-size: 0.18rem;

	}

	.cfx-lang-showcase span p {

		font-size: 0.14rem;

		line-height: 0.22rem;

	}

	.cfx-lang-showcase>img {

		max-height: 70%;

	}



	.cfx-lang-features {

		margin-top: 0.2rem;

	}

	.cfx-lang-features ul {

		padding: .3rem .26rem;

	}

	.cfx-lang-features span p {

		font-size: 0.13rem;

	}

}















.cfx-workflow {}



.cfx-workflow-steps {

	width: 100%;

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

	justify-content: space-between;

}

.cfx-workflow-steps dt {}

.cfx-workflow-steps dt:not(:last-child) {

	margin-right: .5%;

}



.cfx-workflow-steps dt {

	width: 14%;

	height: 1.2rem;

	box-sizing: border-box;

	padding: 0 .2rem;

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

	align-items: center;

	justify-content: center;

	-webkit-border-radius: .2rem;

	border-radius: .2rem;

	border: 1px solid var(--border_color);

	cursor: pointer;

	-webkit-transition: all .5s ease;

	transition: all .5s ease
}

.cfx-workflow-steps .cfx-active {

	width: 27.5%;

	background: var(--i_color3);

}



.cfx-workflow-steps span {

	flex-shrink: 0;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

}

.cfx-workflow-steps .cfx-icon-holder {

	padding-left: 0.1rem;

	position: relative;

}

.cfx-workflow-steps .cfx-icon-holder::before {

	content: '';

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	left: 0;

	width: .36rem;

	height: .36rem;

	box-sizing: border-box;

	border: 1px solid #FFF;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	background: rgb(255 255 255 / 10%);

	backdrop-filter: blur(2px);

}

.cfx-workflow-steps .cfx-icon-holder img {

	height: 0.4rem;

}

.cfx-workflow-steps h6 {

	margin-left: 0.14rem;

	font-size: 0.18rem;

	color: #333;

}

.cfx-workflow-steps .cfx-active h6 {

	color: #FFF;

}

.cfx-workflow-steps p {

	display: none;

	margin-left: 0.3rem;

	font-size: 0.14rem;

	color: #FFF;

	font-weight: 100;

	line-height: 0.2rem;

	overflow: hidden;

	flex-wrap: wrap;

	align-items: center;

}

.cfx-workflow-steps .cfx-active p {

	display: -webkit-flex;

	display: flex;

}



@media screen and (max-width:1024px) {

	.cfx-workflow-steps {

		flex-wrap: wrap;

		justify-content: space-between;

	}

	.cfx-workflow-steps dt {

		width: 48.5%;

		height: auto;

		padding: .16rem .2rem;

		margin: 0 0 .2rem 0 !important;

		justify-content: flex-start;

	}

	.cfx-workflow-steps h6 {

		font-size: 0.15rem;

	}

	.cfx-workflow-steps p {

		display: block;

		height: auto;

		margin-left: 0.2rem;

		color: #333;

	}

}

@media screen and (max-width:768px) {

	.cfx-workflow-steps dt {

		display: block;

	}

	.cfx-workflow-steps .cfx-icon-holder::before {

		width: 0.3rem;

		height: 0.3rem;

	}

	.cfx-workflow-steps .cfx-icon-holder img {

		height: 0.34rem;

	}

	.cfx-workflow-steps h6 br {

		display: none;

	}

	.cfx-workflow-steps p {

		margin: .1rem 0 0 0;

		font-weight: normal;

		color: #777;

	}

}

@media screen and (max-width:560px) {}











.cfx-showcase {

	padding: 1rem 0 2rem;

	background: #eceff5;

	overflow: hidden;

}

.cfx-showcase .cfx-btn {

	float: right;

	margin-top: -.3rem;
	position: relative;
	z-index: 3;

}



.cfx-showcase-slider {

	position: relative;

}

.cfx-showcase-slider .swiper-wrapper {

	display: -webkit-flex;

	display: flex;

	position: relative;

	width: 100%
}

.cfx-showcase-slider .swiper-slide {

	flex-shrink: 0;

	position: relative;

	-webkit-border-radius: .3rem;

	border-radius: .3rem;

	overflow: hidden;

}

.cfx-showcase-slider .swiper-slide::before {

	content: '';

	display: block;

	padding-bottom: 63%;

}

.cfx-showcase-slider .cfx-showcase-header {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 13%;

	background: -webkit-linear-gradient(top, #FFF 10%, #d6d8db 90%);

	background: linear-gradient(to bottom, #FFF 10%, #d6d8db 90%);

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

}

.cfx-showcase-slider .cfx-showcase-header i:nth-child(1) {

	margin-left: 0.44rem;

}

.cfx-showcase-slider .cfx-showcase-header i {

	display: inline-block;

	margin-right: 0.12rem;

	width: 0.1rem;

	height: 0.1rem;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	background: #FFF;

}

.cfx-showcase-slider .swiper-slide>img {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: calc(100% - 13%);

	object-fit: cover;

}



.cfx-showcase-pager {

	display: block;

	margin-top: 0.7rem;

}

.cfx-showcase-pager .swiper-pagination-bullet {

	width: .1rem;

	height: .1rem;

	display: inline-block;

	margin: 0 6px;

	box-sizing: border-box;

	border: 1px solid #999;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	outline: none
}

.cfx-showcase-pager .swiper-pagination-bullet-active {

	border-color: var(--i_color3);

	background: var(--i_color3)
}

@media screen and (max-width:1366px) {

	.cfx-showcase-slider {

		overflow: hidden;

	}

}

@media screen and (max-width:1200px) {

	.cfx-showcase {

		padding-top: 0.8rem;

	}

}

@media screen and (max-width:1024px) {

	.cfx-showcase-pager {

		margin-top: 0.5rem;

	}

}

@media screen and (max-width:768px) {

	.cfx-showcase {

		padding-top: 0.6rem;

	}

	.cfx-showcase-slider .swiper-slide {

		-webkit-border-radius: .16rem;

		border-radius: .16rem;

	}

	.cfx-showcase-header {

		display: none !important;

	}

	.cfx-showcase-slider .swiper-slide>img {

		height: 100%;

	}

}

@media screen and (max-width:560px) {

	.cfx-showcase {

		padding-top: 0.4rem;

		padding-bottom: 1.6rem;

	}

}






.honor_list{margin: .8rem auto 1rem; display:-webkit-flex; display:flex; flex-wrap:wrap;gap: .7rem 3%;}
.honor_list li{width: 22.75%;cursor: pointer; -webkit-transition:all .5s ease; transition:all .5s ease;}

.honor_list .img{width:100%; position:relative; overflow:hidden}
.honor_list .img::before{content:""; display:block; padding-bottom:80%}
.honor_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:contain}

.honor_list .cfx-text-block{text-align: center;margin-top: 10px;}
.honor_list .cfx-text-block p{font-size: 16px;}

.honor_list li:hover{-webkit-transform:translate(0,-8px); transform:translate(0,-8px);}
.honor_list li:hover p{color: var(--i_color);}

@media screen and (max-width:1024px) {
	.honor_list{margin: .6rem auto .8rem;}
	.honor_list .cfx-text-block p{font-size: 15px;}
}
@media screen and (max-width:768px) {
	.honor_list{margin: .4rem auto .8rem; gap: .4rem 4%;}
	.honor_list li{width: 48%;}
}
@media screen and (max-width:560px) {
	.honor_list .cfx-text-block p{font-size: 14px;}
}








.school_list {}



.school_t_pic {

	margin-top: 0.3rem;

	text-align: center;

}

.school_t_pic img {

	max-width: 100%;

}



@media screen and (max-width:1200px) {

	.school_t_pic img {

		max-width: 70%;

	}

}

@media screen and (max-width:768px) {

	.school_list li {

		width: 30% !important;

		box-sizing: border-box;

		padding: 0 2%;

		margin-bottom: 0.26rem;

	}

	.school_t_pic {

		margin-top: 0.1rem;

	}

}

@media screen and (max-width:560px) {}











.school_sv {

	padding-bottom: 0 !important;

	position: relative;

}

.school_sv::before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 5rem;

	background: -webkit-linear-gradient(top, #edf4fd, transparent);

	background: linear-gradient(to bottom, #edf4fd, transparent);

	z-index: -1;

}

.school_sv .cfx-btn {

	margin: 0 auto;

}



.school_sv_list {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}

.school_sv_list li {

	width: 31.33%;

	margin: 0 3% .5rem 0;

	padding-bottom: 0.3rem;

	border-bottom: 1px solid var(--border_color);

}

.school_sv_list li:nth-child(3n) {

	margin-right: 0;

}



.school_sv_list .img {

	width: 100%;

	-webkit-border-radius: .3rem;

	border-radius: .3rem;

	position: relative;

	overflow: hidden
}

.school_sv_list .img::before {

	content: "";

	display: block;

	padding-bottom: 54%
}

.school_sv_list .img img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 100%;

	object-fit: cover
}



.school_sv_list .cfx-text-block {

	margin-top: 0.2rem;

}

.school_sv_list .cfx-text-block p {

	font-size: 0.18rem;

	color: #333;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

}



.school_sv_list li:hover img {

	width: 115%;

	height: 115%;

}

.school_sv_list li:hover p {

	color: var(--i_color);

}

.school_sv_list img {

	-webkit-transition: all .8s ease;

	transition: all .8s ease
}



@media screen and (max-width:1024px) {

	.school_sv_list li {

		margin-bottom: 0.4rem;

	}

	.school_sv_list .cfx-text-block p {

		font-size: 0.16rem;

	}

}

@media screen and (max-width:768px) {

	.school_sv_list li {

		width: 48%;

		margin: 0 4% .3rem 0;

	}

	.school_sv_list li:nth-child(3n) {

		margin-right: 4%;

	}

	.school_sv_list li:nth-child(2n) {

		margin-right: 0;

	}

	.school_sv_list .img {

		-webkit-border-radius: .2rem;

		border-radius: .2rem;

	}

	.school_sv_list .cfx-text-block p {

		font-size: 0.15rem;

	}

}

@media screen and (max-width:560px) {

	.school_sv_list li {

		width: 100%;

		margin: 0 0 .2rem 0;

	}

}







.school_pic {}























.cfx-contact-page {

	margin: 1rem auto;

}



.cfx-contact-intro {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}

.cfx-contact-intro dt {

	padding-bottom: 0.3rem;

	width: 46%;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: flex-start;

	border-bottom: 1px solid var(--border_color);

}

.cfx-contact-intro .cfx-icon-holder {

	padding-left: 0.06rem;

	position: relative;

}

.cfx-contact-intro .cfx-icon-holder::before {

	content: '';

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	left: 0;

	width: .24rem;

	height: .24rem;

	box-sizing: border-box;

	border: 1px solid #FFF;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	background: rgb(27 97 213 / 10%);

	backdrop-filter: blur(2px);

}

.cfx-contact-intro .cfx-icon-holder img {

	height: 0.32rem;

}



.cfx-contact-intro span {

	max-width: calc(100% - .4rem - .3rem);

	margin-left: 0.3rem;

}

.cfx-contact-intro span p {

	margin: .1rem 0;

}

.cfx-contact-intro span p,

.cfx-contact-intro span a {

	font-size: 0.16rem;

	color: #333;

}

.cfx-contact-intro span a:hover {

	color: var(--i_color);

}



@media screen and (max-width:1024px) {

	.cfx-contact-page {

		margin: 0.6rem auto .7rem;

	}

	.cfx-contact-intro span p,

	.cfx-contact-intro span a {

		font-size: 0.15rem;

	}

}

@media screen and (max-width:768px) {

	.cfx-contact-intro dt {

		padding-bottom: 0.2rem;

		margin-bottom: 0.2rem;

		width: 100%;

	}

}

@media screen and (max-width:560px) {

	.cfx-contact-page {

		margin: 0.36rem auto .5rem;

	}

	.cfx-contact-intro .cfx-icon-holder::before {

		width: 0.2rem;

		height: 0.2rem;

	}

	.cfx-contact-intro .cfx-icon-holder img {

		height: 0.26rem;

	}

	.cfx-contact-intro span {

		margin-left: 0.2rem;

	}

	.cfx-contact-intro span p {

		margin: 0 0 .06rem;

	}

	.cfx-contact-intro span p,

	.cfx-contact-intro span a {

		font-size: 0.14rem;

	}

}







.c_link {

	margin-top: 0.6rem;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: center;

}

.c_link li {

	margin: 0 .24rem;

}



.i_more4 {

	box-shadow: none;

}

.i_more4 i {

	background: #F2F2F2;

	color: #333;

}

.i_more4:hover {

	box-shadow: 0 14px 24px rgb(27 97 213 / 60%);

}

.i_more4:hover i {

	background: var(--i_color);

	color: #FFF;

}



@media screen and (max-width:1024px) {

	.c_link {

		margin-top: 0.4rem;

	}

}

@media screen and (max-width:768px) {

	.c_link {

		margin-top: 0.2rem;

	}

	.c_link li {

		margin: 0 .18rem;

	}

}

@media screen and (max-width:560px) {

	.c_link {

		margin-top: 0;

	}

}








.cfx-contact-map {

	width: 100%;

	box-sizing: border-box;

	border-left: 4px solid var(--i_color);

	position: relative;

	overflow: hidden;

}

.cfx-contact-map::before {

	content: '';

	display: block;

	padding-bottom: 31.25%;

}



.cfx-contact-map #simpleMap,

.cfx-contact-map .fluid-width-video-wrapper,

.cfx-contact-map iframe {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100% !important
}



@media screen and (max-width:1024px) {

	.cfx-contact-map::before {

		padding-bottom: 40%;

	}

}

@media screen and (max-width:768px) {

	.cfx-contact-map::before {

		padding-bottom: 54%;

	}

}

@media screen and (max-width:560px) {

	.cfx-contact-map::before {

		padding-bottom: 70%;

	}

}









.cfx-recruit {}

.cfx-recruit .cfx-inner-section-title {

	text-align: left;

}



.cfx-recruit-icon {

	position: absolute;

	top: .1rem;

	right: 0;

	width: 1.1rem;

	height: 1.1rem;

	box-sizing: border-box;

	border: 1px solid #FFF;

	background: #eff5ff;

	box-shadow: 1px 1px 6px rgb(209 221 242 / 100%);

	-webkit-border-radius: .2rem;

	border-radius: .2rem;

}

.cfx-recruit-icon::before {

	content: '';

	position: absolute;

	top: 50%;

	left: 34%;

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

	width: .4rem;

	height: .4rem;

	box-sizing: border-box;

	border: 1px solid #FFF;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	background: rgb(27 97 213 / 10%);

	backdrop-filter: blur(2px);

	z-index: 2;

}

.cfx-recruit-icon img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	height: 0.52rem;

}







.cfx-recruit-list {}

.cfx-recruit-list li {

	position: relative;

}

.cfx-recruit-list li.cfx-active {

	border-bottom: 1px solid var(--border_color);

}



.cfx-recruit-header {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	border-bottom: 1px solid var(--border_color);

}

.cfx-recruit-list li:nth-child(1) .cfx-recruit-header {

	border-top: 1px solid var(--border_color);

}

.cfx-recruit-title {

	width: 35%;

	box-sizing: border-box;

	padding-left: 0.3rem;

}

.cfx-recruit-dept {

	width: 20%;

}

.cfx-recruit-location {

	width: 20%;

}

.cfx-recruit-number {

	width: 15%;

}



.cfx-recruit-header dt {

	padding-top: .3rem;

	padding-bottom: .3rem;

	font-size: 0.16rem;

	color: #333;

}

.cfx-recruit-trigger {

	display: block;

	position: absolute;

	top: .2rem;

	right: 0;

	margin: 0 .3rem 0 auto;

	width: 0.42rem;

	height: 0.42rem;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	background: var(--i_color);

	cursor: pointer;

}

.cfx-recruit-trigger::before,

.cfx-recruit-trigger::after {

	content: '';

	position: absolute;

	top: 50%;

	left: 50%;

	background: #FFF;

}

.cfx-recruit-trigger::before {

	transform: translate(-50%, 0);

	margin-top: -.01rem;

	width: 0.15rem;

	height: .03rem;

}

.cfx-recruit-trigger::after {

	transform: translate(0, -50%);

	margin-left: -.01rem;

	width: 0.03rem;

	height: 0.15rem;

}

.cfx-recruit-list .cfx-active .cfx-recruit-trigger::after {

	display: none !important;

}



.cfx-recruit-desc {

	display: none;

	padding: .3rem;

}



.cfx-recruit-text {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}

.cfx-recruit-role,

.cfx-recruit-requirement {

	width: 46%;

}

.cfx-recruit-text div>p {

	margin-bottom: 0.14rem;

	font-size: 0.15rem;

	color: #333;

}

.cfx-recruit-text article,

.cfx-recruit-text article * {

	font-size: 0.14rem;

	color: #333;

	line-height: 0.26rem;

	font-weight: 100;

}

.cfx-recruit-desc>h6 {

	margin-top: 0.3rem;

	font-size: 0.14rem;

	color: var(--i_color3);

	font-weight: bold;

}



@media screen and (max-width:1024px) {

	.cfx-recruit-icon {

		width: 0.8rem;

		height: 0.8rem;

	}

	.cfx-recruit-icon img {

		height: 0.4rem;

	}

	.cfx-recruit-icon::before {

		width: 0.3rem;

		height: 0.3rem;

	}

	.cfx-recruit-header dt {

		font-size: 0.15rem;

	}

	.cfx-recruit-title {

		padding-left: 0.2rem;

	}

	.cfx-recruit-trigger {

		margin: 0 0.2rem 0 auto;

	}

	.cfx-recruit-desc {

		padding: .3rem .2rem;

	}

}

@media screen and (max-width:768px) {

	.cfx-recruit-icon {

		display: none;

	}

	.cfx-recruit-title {

		width: 40%;

		padding-left: 0;

	}

	.cfx-recruit-dept {

		width: 30%;

	}

	.cfx-recruit-location {

		width: 10%;

	}

	.cfx-recruit-number {

		width: 10%;

	}

	.cfx-recruit-trigger {

		top: 0.24rem;

		margin: 0 0 0 auto;

		width: 0.3rem;

		height: 0.3rem;

	}

	.cfx-recruit-desc {

		padding: .3rem 0;

	}

	.cfx-recruit-role,

	.cfx-recruit-requirement {

		width: 100%;

	}

	.cfx-recruit-role {

		margin-bottom: 0.2rem;

	}

	.cfx-recruit-text article,

	.cfx-recruit-text article * {

		font-weight: normal;

		color: #666;

	}

}

@media screen and (max-width:560px) {

	.cfx-recruit-header dt {

		font-size: 0.14rem;

	}

	.cfx-recruit-text div>p {

		margin-bottom: 0.1rem;

		font-size: 0.14rem;

	}

	.cfx-recruit-text article,

	.cfx-recruit-text article * {

		font-size: 0.13rem;

	}

}















.cfx-recruit-apply {}

.cfx-recruit-apply>p {

	margin-bottom: 0.3rem;

	font-size: 0.18rem;

	color: #333;

}



.cfx-recruit-apply-list {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}

.cfx-recruit-apply-list li {

	width: 22%;

	margin: 0 4% .4rem 0;

	-webkit-border-radius: .2rem;

	border-radius: .2rem;

	box-sizing: border-box;

	border: 1px solid var(--border_color);

	overflow: hidden;

}

.cfx-recruit-apply-list li:nth-child(4n) {

	margin-right: 0;

}

.cfx-recruit-apply-list a {

	display: block;

	position: relative;

	overflow: hidden;

}

.cfx-recruit-apply-list a::before {

	content: '';

	display: block;

	padding-bottom: 32.35%;

}

.cfx-recruit-apply-list img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 100%;

	object-fit: cover;

}



@media screen and (max-width:1024px) {

	.cfx-recruit-apply>p {

		font-size: 0.16rem;

	}

	.cfx-recruit-apply-list li {

		-webkit-border-radius: .1rem;

		border-radius: .1rem;

	}

}

@media screen and (max-width:768px) {

	.cfx-recruit-apply-list li {

		margin-bottom: 0.2rem;

	}

}

@media screen and (max-width:560px) {

	.cfx-recruit-apply-list li {

		width: 47%;

		margin: 0 6% .2rem 0;

	}

	.cfx-recruit-apply-list li:nth-child(2n) {

		margin-right: 0;

	}

}













.aside_main {
	position: fixed;
	top: 20%;
	right: -1.2rem;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	z-index: 99999;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}
.aside_main.cfx-on {
	right: 0;
}

.google_partner {
	display: block;
	width: 1.1rem;
	height: 1.1rem;
	background: #FFF;
	box-sizing: border-box;
	border: 6px solid #e94235;
	border-right: none;
	position: relative;
	-webkit-border-radius: .2rem 0 0 .2rem;
	border-radius: .2rem 0 0 .2rem;
}
.google_partner img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	height: 80%;
	object-fit: contain;
}
@media screen and (max-width:1366px) {
	.google_partner {
		width: 1rem;
		height: 1rem;
	}
}
@media screen and (max-width:1024px) {
	.google_partner {
		width: .76rem;
		height: .76rem;
	}
}
@media screen and (max-width:768px) {
	.google_partner {
		width: .56rem;
		height: .56rem;
		border-width: 4px;
		-webkit-border-radius: .1rem 0 0 .1rem;
		border-radius: .1rem 0 0 .1rem;
	}
	.google_partner img {
		width: 90%;
		height: 90%;
	}
}



/* aside */

/* .aside_right {

	--ico_size: .5rem
}

.aside_right {

	opacity: 0;

	position: fixed;

	right: 0;

	bottom: 18%;

	z-index: 999999
}

.aside_right.cfx-on {

	opacity: 1;

}

.aside_right ul {}

.aside_right li {

	background: #666;

	position: relative;

	cursor: pointer
}

.aside_right li>a {

	display: block;

	width: var(--ico_size);

	height: var(--ico_size);

	box-sizing: border-box;

	border-bottom: 1px solid rgb(255 255 255 / 20%);

	display: flex;

	justify-content: center;

	align-items: center;

	position: relative;

	z-index: 3
}

.aside_right li>a img {

	display: block;

	margin: 0 auto;

	width: .18rem;

	height: .18rem;

	object-fit: contain
}



.aside_t {

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	right: -3rem;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	max-width: 3rem;

	min-height: 100%;

	box-sizing: border-box;

	padding: .1rem .2rem;

	background: #FFF;

	box-shadow: -1px 2px 6px rgb(0 0 0 / 20%);

	z-index: -1;

}

.aside_t a,

.aside_t p {

	display: block;

	font-size: 0.15rem;

	color: #666;

	line-height: 0.24rem;

	white-space: nowrap;

}

.aside_t img {

	height: 0.8rem;

}



.aside_right li:hover>a {

	background: var(--i_color2)
}

.aside_right li:hover .aside_t {

	right: var(--ico_size);

}

.aside_t a:hover {

	color: var(--i_color2);

}

.aside_right,

.aside_t {

	-webkit-transition: all .5s ease;

	transition: all .5s ease
}



@media screen and (max-width:1366px) {

	.aside_right {

		--ico_size: .4rem
	}

	.aside_right li>a img {

		width: 0.16rem;

		height: 0.16rem;

	}

	.aside_t a,

	.aside_t p {

		font-size: 0.13rem;

		line-height: 0.2rem;

	}

}

@media screen and (max-width:959px) {

	.aside_right {

		--ico_size: .32rem
	}

	.aside_right li>a img {

		width: 0.14rem;

		height: 0.14rem;

	}

} */







.cfx-back-to-top {
	opacity: 0;
	position: fixed;
	right: 30px;
	bottom: 110px;
	width: 56px;
	height: 56px;
	background: #FFF;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	box-sizing: border-box;
	box-shadow: 2px 2px .1rem rgb(27 96 212 / 30%);
	z-index: 2013;
	cursor: pointer;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}
.cfx-back-to-top.cfx-visible {
	opacity: 1;
}
.cfx-back-to-top i {
	opacity: .9;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 0.26rem;
	height: 0.26rem;
	background: url(../images/back_top_ico.svg) no-repeat center;
	background-size: contain;
}
@media screen and (max-width:1024px) {
	.cfx-back-to-top {
		width: 40px;
		height: 40px;
		right:24px;
		bottom: 80px;
	}
	.cfx-back-to-top i{widht:18px;height:18px}
}






#aside_mask_bg {

	display: none;

	position: fixed;

	top: 50%;

	transform: translate(0, -50%);

	left: 0%;

	width: 100%;

	height: 100%;

	background: rgb(0 0 0 / 70%);

	z-index: 9999999999998;

}

#aside_sc_from {

	display: none;

	position: fixed;

	top: 50%;

	left: 50%;

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

	width: 800px;

	box-sizing: border-box;

	padding: 30px 30px 40px;

	background: rgb(255 255 255 / 100%);

	z-index: 9999999999999;

	overflow: auto
}

#aside_sc_from .cfx-heading-bar {

	margin-bottom: .2rem
}

#aside_sc_from .cfx-heading-bar p {

	text-align: center;

	font-size: .26rem;

	color: var(--i_color);

	font-weight: bold;

	line-height: .3rem
}

.aside_close {

	position: absolute;

	top: .3rem;

	right: .3rem;

	display: block;

	width: .3rem;

	height: .3rem;

	background: url(../images/public/close_b1.svg) no-repeat center;

	background-size: 30px;

	cursor: pointer
}

.aside_close:hover {

	-webkit-transform: rotate(180deg);

	transform: rotate(180deg)
}

.aside_close {

	-webkit-transition: all 0.5s ease;

	transition: all 0.5s ease
}



#wpforms-68 {

	--input_font_color: rgb(0 0 0 / 50%);

	--input_font_size: 14px;

	--input_height: 42px
}

#wpforms-68 {

	width: 100%;

	margin: 0 auto;

	padding: 0
}

#wpforms-form-68 {

	width: 100%;

	overflow: hidden
}

#wpforms-68 input,

#wpforms-68 button {

	margin: 0;

	padding: 0;

	border: none;

	background: none
}

#wpforms-68 .wpforms-field {

	padding: 0;

	margin: 0
}

#wpforms-68 .wpforms-error-container {

	line-height: 16px
}

#wpforms-68 .wpforms-field-container {

	width: 100%;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	overflow: hidden
}

#wpforms-68 .wpforms-submit-container {

	padding: 0 !important;

	margin: 0 auto;

	width: 170px;

	background: var(--i_color);

	-webkit-border-radius: .05rem;

	border-radius: .05rem;

	position: relative
}

#wpforms-68 .wpforms-field-label {

	font-size: 0
}

#wpforms-68 .wpforms-required-label {

	position: absolute;

	top: 16px;

	left: 5px;

	font-size: 16px;

	color: #F00
}

#wpforms-68 .wpforms-field {

	width: 100%;

	margin-bottom: 0;

	padding-bottom: .18rem;

	background: transparent;

	position: relative;

	overflow: hidden
}

#wpforms-68 input {

	height: var(--input_height)
}

#wpforms-68 textarea {

	min-height: 100px
}

#wpforms-68 input,

#wpforms-68 textarea {

	width: 100%;

	max-width: 100% !important;

	font-size: var(--input_font_size);

	color: #333;

	box-sizing: border-box;

	border: 1px solid rgb(0 0 0 / 30%);

	line-height: var(--input_height);

	padding: 0 16px
}

#wpforms-68 input::-webkit-input-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-68 input::-moz-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-68 input::-moz-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-68 input::-ms-input-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-68 textarea::-webkit-input-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-68 textarea::-moz-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-68 textarea::-moz-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-68 textarea::-ms-input-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-68 #wpforms-68-field_1-error,

#wpforms-68 #wpforms-68-field_2-error,

#wpforms-68 #wpforms-68-field_3-error,

#wpforms-68 #wpforms-68-field_5-error {

	position: absolute;

	font-size: 13px
}

#wpforms-68 .wpforms-submit-container button {

	width: 100%;

	height: 38px;

	font-size: 14px;

	color: #FFF;

	line-height: 38px;

	cursor: pointer;

	text-transform: uppercase;

	position: relative;

	z-index: 2
}

#wpforms-68 .wpforms-submit-container img {

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	right: 4px
}

#wpforms-68 .wpforms-submit-container:hover {

	background: var(--i_color2);

}



@media screen and (max-width:1366px) {

	.aside_right li>a {

		width: 0.4rem;

		height: 0.4rem;

	}

	.aside_right li img {

		width: 0.18rem;

		height: 0.18rem;

	}

}



@media screen and (max-width:1024px) {

	#aside_sc_from {

		width: 94%;

	}

}

@media screen and (max-width:959px) {

	.aside_right li>a {

		width: 0.34rem;

		height: 0.34rem;

	}

	.aside_right li img {

		width: 0.16rem;

		height: 0.16rem;

	}

}

@media screen and (max-width:767px) {

	#aside_sc_from {

		padding: 20px 20px 30px
	}

	#aside_sc_from .cfx-heading-bar {

		margin-bottom: 0.18rem;

	}

	#wpforms-68 {

		--input_font_size: 13px;

		--input_height: 38px
	}

	#wpforms-68 .wpforms-submit-container {

		height: 34px;

	}

	#wpforms-68 .wpforms-submit-container button {

		height: 30px;

		line-height: 30px;

		font-size: 14px;

	}

	.aside_close {

		top: 0.1rem;

		right: 0.1rem;

	}

}

@media screen and (max-width:560px) {

	#aside_sc_from .cfx-heading-bar p {

		font-size: 0.17rem;

	}

}




/*社媒页面 20251231*/
/* 覆盖海外 */
.cover {
  padding: 1.3rem 0;
}

.cover_box {
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.3rem 0;
}

.cover_left {
  width: 54.94%;
  position: relative;
  overflow: hidden;
}
.cover_left::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 90.7%;
}
.cover_left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.4s ease;
}
.cover_left video{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover;}

.cover_right {
  width: 39.14%;
  display: flex;
  flex-direction: column;
  gap: 0.1rem 0;
}

.cover_right li {
  box-sizing: border-box;
  border-radius: 0.1rem;
  padding: 0.3rem;
  transition: all 0.4s ease;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.cover_right img {
  flex-shrink: 0;
  width: 18%;
  object-fit: contain;
}

.cover_right p {
  width: 73.5%;
  color: #333;
}

.cover_right li:hover {
  box-shadow: 0px 10px 30px 0px rgba(27, 97, 213, 0.1);
}

@media screen and (max-width: 1024px) {
  .cover {
    padding: 0.8rem 0;
  }
  .cover_box {
    margin-top: 0.8rem;
  }
  .cover_left,
  .cover_right {
    width: 100%;
  }
  .cover_left::before {
    padding-bottom: 73.7%;
  }
  .cover_right {
    order: -1;
  }
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 560px) {
  .cover {
    padding: 0.4rem 0;
  }
  .cover_box {
    margin-top: 0.3rem;
  }
  .cover_right li {
    padding: 0.15rem;
  }
}

.marketing {
  padding: 1rem 0;
  background: linear-gradient(0deg, #d8e6ff 1%, #f8fbff 37%);
  position: relative;
}

.marketing_txt {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  bottom: 0.4rem;
  left: 50%;
  transform: translateX(-50%);
}

.marketing_txt img {
  width: 2.3rem;
  height: auto;
}
.float_box_bac{
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.float_box{
  position: relative;
  height: 6.5rem;
  z-index: 2;
}
.float {
  position: absolute;
  width: max-content;
  box-sizing: border-box;
  border-radius: 5rem;
  background-color: #fff;
  border: 1px solid #a2bfee;
  padding: 0.09rem 0.12rem;
  display: flex;
  align-items: center;
  gap: 0 0.2rem;
  animation: abc 4.5s linear infinite;
}
.float_pic {
  flex-shrink: 0;
  width: 0.58rem;
  border-radius: 50%;
  box-sizing: border-box;
  border: 3px solid #4edf6a;
  position: relative;
  overflow: hidden;
}
.float_box .float:nth-child(1) .float_pic{border-color:#F04931}
.float_box .float:nth-child(2) .float_pic{border-color:#FBAB18}
.float_box .float:nth-child(3) .float_pic{border-color:#E94235}
.float_box .float:nth-child(4) .float_pic{border-color:#00AE57}
.float_box .float:nth-child(5) .float_pic{border-color:#AF6400}
.float_box .float:nth-child(6) .float_pic{border-color:#6e08a6}
.float_box .float:nth-child(7) .float_pic{border-color:#0081C6}
.float_box .float:nth-child(8) .float_pic{border-color:#F9C006}
.float_box .float:nth-child(9) .float_pic{border-color:#E99060}


.float_pic::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 100%;
}
.float_pic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.4s ease;
}

.float p {
  flex-shrink: 0;
}

.float1{
  top: 11%;
  left: 14%;
  animation-delay: 0.2s;
}
.float2{
  top: 0%;
  left: 37%;
  animation-delay: 1s;
}
.float3{
  top: 17%;
  left: 64%;
  animation-delay: 0.8s;
}
.float4{
  top: 27%;
  left: 31%;
  animation-delay: 0.5s;
}
.float5{
  top: 47%;
  left: 19%;
  animation-delay: 0.1s;
}
.float6{
  top: 38%;
  right: 0%;
  animation-delay: 0.6s;
}
.float7{
  top: 68%;
  left: 3%;
  animation-delay: 1s;
}
.float8{
  top: 59%;
  left: 64%;
  animation-delay: 0.8s;
}
.float9{
  bottom: 2%;
  left: 19%;
  animation-delay: 0.6s;
}
.float10{
  bottom: 6%;
  right: 5%;
  animation-delay: 0.2s;
}



@keyframes abc {
  0%{
    transform: scale(0.8);
    opacity: 0.2;
  }
  50%{
    transform: scale(1);
    opacity: 1;
  }
  100%{
    transform: scale(0.8);
    opacity: 0.2;
  }
}







/* float评论自适应 */
@media screen and (max-width: 1024px) {
  .float_pic {
    width: 0.4rem;
  }
}
@media screen and (max-width: 560px) {
  .float {
    padding: 0.05rem 0.1rem;
  }
  .float_pic {
    width: 0.3rem;
  }
  .float p {
    font-size: 0.12rem;
    gap: 0 0.05rem;
  }
}

/* 板块自适应 */
@media screen and (max-width: 1440px) {
  .float_box{
    height: 5rem;
  }
  .marketing_txt img {
    width: 2rem;
  }
  .marketing {
    padding: 0.8rem 0;
  }
  .float_pic {
    width: 0.5rem;
    border: 2px solid #4edf6a;
  }
}
@media screen and (max-width: 1200px) {
  .marketing_txt img {
    width: 1.8rem;
  }
  .marketing {
    padding: 0.6rem 0;
  }
  .float_pic {
    width: 0.4rem;
    border: 1px solid #4edf6a;
  }
}
@media screen and (max-width: 1024px) {
  .marketing_txt img {
    width: 1.5rem;
  }
  .float{
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
    animation: unset;
  }
  .float_box{
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem;
    align-content: flex-start;
    height: unset;
  }
  .marketing_txt {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    bottom: unset;
    left: unset;
    transform: unset;
  }
  .float_box_bac{
    overflow: auto;
  }
}
@media screen and (max-width: 768px) {
  .marketing_txt img {
    width: 1.2rem;
  }
  .marketing {
    padding: 0.6rem 0 0.2rem 0;
  }
  .marketing_txt{
    z-index: 5;
  }
}
@media screen and (max-width: 560px) {
}

/* 营销流程 */
.Marketing_process {
  padding: 0.95rem 0 0.24rem 0;
}

.mp_list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem 2%;
}
.mp_list li {
  width: 32%;
  border-radius: 0.3rem;
  box-sizing: border-box;
  padding: 0.42rem 0.5rem 0.4rem 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: all 0.4s ease;
}

.mp_list img {
  width: 19.5%;
}

.mp_list p {
  font-size: 0.24rem;
  margin: 0.21rem 0 0.17rem 0;
}
.mp_list li span{display:block; color:#666; line-height:1.7; text-align:center}

@media screen and (min-width: 1025px) {
  .mp_list li:nth-child(odd) {
    background: #ffffff;
    box-shadow: 0px 10px 30px 0px rgba(27, 96, 213, 0.1);
  }

  .mp_list li:nth-child(even) {
  }

  /* 悬停效果 */
  .mp_list li:nth-child(odd):hover {
    background: transparent;
    box-shadow: none;
  }

  .mp_list li:nth-child(even):hover {
    background: #ffffff;
    box-shadow: 0px 10px 30px 0px rgba(27, 96, 213, 0.1);
  }
}

@media screen and (max-width: 1024px) {
  .Marketing_process {
    padding: 0.6rem 0 0.2rem 0;
  }
  .mp_list li {
    width: 49%;
    background: #ffffff;
    box-shadow: 0px 10px 30px 0px rgba(27, 96, 213, 0.1);
  }
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 560px) {
  .Marketing_process {
    padding: 0.4rem 0 0.2rem 0;
  }
  .mp_list li {
    width: 100%;
    padding: 0.2rem;
  }
  .mp_list img {
    width: 0.35rem;
  }
  .mp_list p {
    margin: 0.1rem 0;
    font-size: 0.16rem;
  }
}

/* 选择我们 */
.Choose_us {
  background: url(../images/Choose_us.webp) no-repeat center;
  background-size: cover;
  padding: 1.3rem 0;
}

.ChooseUs_list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem 2%;
}

.ChooseUs_list li {
  width: 23.5%;
  box-sizing: border-box;
  border-radius: 0.35rem;
  padding: 0.54rem 0.45rem 0.55rem 0.37rem;
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
}
.ChooseUs_list li::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/ChooseUs_b.webp) no-repeat center;
  background-size: cover;
  transition: all 0.4s ease;
}
.ChooseUs_list li::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/ChooseUs_n.webp) no-repeat center;
  background-size: cover;
  opacity: 0;
  transition: all 0.4s ease;
}

.ChooseUs_list img {
  width: 27.3%;
  position: relative;
  z-index: 2;
}
.ChooseUs_list p {
  font-size: 0.24rem;
  color: #333;
  margin: 1.86rem 0 0.26rem 0;
  position: relative;
  z-index: 2;
}
.ChooseUs_list h6 {
  font-size: 0.16rem;
  color: #333;
  line-height: 0.32rem;
  position: relative;
  z-index: 2;
}

.ChooseUs_list li:hover {

}
.ChooseUs_list li:hover::after {
  opacity: 0;
}
.ChooseUs_list li:hover::before {
  opacity: 1;
}
.ChooseUs_list li:hover p {
  font-weight: bold;
}
.ChooseUs_list li:hover p,
.ChooseUs_list li:hover h6 {
  color: #fff;
}

@media screen and (max-width: 1440px) {
  .ChooseUs_list p {
    margin: 1.2rem 0 0.15rem 0;
  }
}
@media screen and (max-width: 1200px) {
  .ChooseUs_list li {
    padding: 0.3rem;
  }
}
@media screen and (max-width: 1024px) {
  .Choose_us {
    padding: 0.8rem 0;
  }
  .ChooseUs_list li {
    width: 49%;
  }
}
@media screen and (max-width: 560px) {
  .Choose_us {
    padding: 0.4rem 0;
  }
  .ChooseUs_list li {
    width: 100%;
  }
  .ChooseUs_list img {
    width: 0.5rem;
  }
  .ChooseUs_list p {
    font-size: 0.16rem;
    margin: 0.4rem 0 0.1rem 0;
  }
  .ChooseUs_list h6 {
    font-size: 0.14rem;
  }
}




/* reputation */
.reputation_bac{
  box-sizing: border-box;
  padding: 1.2rem 0 0.8rem 0;
}
.reputation{
  display: flex;
  flex-wrap: wrap;
}
.reputation_left{
  width: 35.75%;
}
.reputation_left .cfx-inner-section-title{
  text-align: left;
}
.reputation_ul{
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  box-sizing: border-box;
  padding-right: 33%;
  margin-top: 1.5rem;
}
.reputation_ul li{
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid var(--i_color);
}
.reputation_ul li h3{
  font-size: 0.2rem;
  color: #333;
}
.reputation_ul li img{
  width: 0.8rem;
  height: auto;
}
.reputation_right{
  width: 64.25%;
}
.reputation_right img{
  width: 100%;
  height: auto;
}






@media screen and (max-width:1440px){
  .reputation_ul {
    gap: 0.6rem;
    padding-right: 30%;
    margin-top: 1.2rem;
  }
  .reputation_bac {
    padding: 1rem 0 0.6rem 0;
  }
  .reputation_ul li img {
    width: 0.7rem;
  }
}
@media screen and (max-width:1200px){
  .reputation_ul {
    padding-right: 25%;
    margin-top: 1rem;
  }
  .reputation_ul li img {
    width: 0.6rem;
  }
}
@media screen and (max-width:1024px){
  .reputation_ul {
    gap: 0.4rem;
    padding-right: 20%;
    margin-top: 0.8rem;
  }
  .reputation_ul li img {
    width: 0.5rem;
  }
  .reputation_ul li h3 {
    font-size: 0.18rem;
  }
}
@media screen and (max-width:960px){
  .reputation_ul {
    gap: 0.3rem;
    padding-right: 10%;
    margin-top: 0.6rem;
  }
}
@media screen and (max-width:767px){
  .reputation_ul {
    gap: 0.2rem;
    padding-right: 0%;
    margin-top: 0.4rem;
  }
  .reputation_right {
    width: 100%;
  }
  .reputation_left {
    width: 100%;
  }
  .reputation_bac {
    padding: 0.4rem 0 0.6rem 0;
  }
}
@media screen and (max-width:560px){
  .reputation_ul li h3 {
    font-size: 0.16rem;
  }
}
@media screen and (max-width:425px){
  .reputation_ul li h3 {
    font-size: 0.14rem;
  }
}



/* ------------------------------------- GEO */
.cfx-inner-hero-content-geo .cfx-inner-hero-text p {
  width: 44%;
  margin-bottom: 0;
  margin-top: 0.4rem;
}

@media screen and (max-width: 560px) {
  .cfx-inner-hero-content-geo .cfx-inner-hero-text p {
    width: 100%;
    margin-top: 0.1rem;
  }
}

/* 行业洞察 */
.cfx-market-intel {
  margin-top: 1.1rem;
}

.cfx-intel-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.3rem 0;
}

.cfx-intel-visual {
  width: 49.13%;
  position: relative;
}
.cfx-intel-visual::before {
  content: "";
  display: block;
  padding-bottom: 64.13%;
}
.cfx-intel-visual img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

/* 滚动容器 */
.cfx-ticker {
  width: 4.89rem;
  height: 2.68rem;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  border-radius: 0.08rem;
  z-index: 1;
}

.cfx-ticker-track {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  mask-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.8) 20%,
    rgba(0, 0, 0, 1) 40%,
    rgba(0, 0, 0, 1) 60%,
    rgba(0, 0, 0, 0.8) 80%,
    rgba(0, 0, 0, 0) 100%
  );
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.8) 20%,
    rgba(0, 0, 0, 1) 40%,
    rgba(0, 0, 0, 1) 60%,
    rgba(0, 0, 0, 0.8) 80%,
    rgba(0, 0, 0, 0) 100%
  );
}

.cfx-ticker-content {
  position: absolute;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  animation: scrollUp 20s linear infinite;
  animation-delay: 1s;
}

.cfx-ticker-item {
  font-size: 0.18rem;
  color: #e4e4e4;
  text-align: center;
  transition: all 0.3s ease;
  opacity: 0.8;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 滚动动画 */
@keyframes scrollUp {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}

@media screen and (max-width: 1024px) {
  .cfx-ticker {
    width: 100%;
    height: 2rem;
  }
  .cfx-ticker-item {
    font-size: 0.16rem;
  }
}
@media screen and (max-width: 768px) {
  .cfx-ticker-item {
    font-size: 0.14rem;
  }
}
@media screen and (max-width: 560px) {
  .cfx-ticker-item {
    font-size: 0.12rem;
  }
}

.cfx-intel-cards {
  width: 41.25%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 0.36rem 0;
}

.cfx-intel-card {
  position: relative;
  box-sizing: border-box;
  border-radius: 0.1rem;
  padding: 0.2rem 0.3rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem 0.2rem;
  background-color: #fff;
  transition: all 0.4s ease;
}
.cfx-intel-card::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0.1rem;
  background: #ecf2fe;
  filter: blur(2px);
  position: absolute;
  left: 0;
  top: -2%;
  z-index: -1;
  opacity: 0;
}

.cfx-intel-card img {
  flex-shrink: 0;
  width: 0.69rem;
  height: 0.63rem;
}

.cfx-intel-desc {
  flex-shrink: 0;
  width: 63.64%;
}

.cfx-intel-desc h6 {
  font-size: 0.24rem;
  margin-bottom: 0.14rem;
}

.cfx-intel-card:hover {
  box-shadow: 0px 10px 30px 0px rgba(27, 97, 213, 0.1);
}
.cfx-intel-card:hover::before {
  opacity: 1;
}

@media screen and (max-width: 1024px) {
  .cfx-market-intel {
    margin-top: 0.8rem;
  }
  .cfx-intel-visual,
  .cfx-intel-cards {
    width: 100%;
  }
  .cfx-intel-cards {
    order: -1;
  }
  .cfx-intel-card {
    padding: 0.1rem 0.2rem;
  }
  .cfx-intel-card img {
    width: 0.5rem;
    height: 0.44rem;
  }
  .cfx-intel-desc h6 {
    font-size: 0.18rem;
    margin-bottom: 0.1rem;
  }
}
@media screen and (max-width: 560px) {
  .cfx-market-intel {
    margin-top: 0.4rem;
  }
  .cfx-intel-cards {
    gap: 0.2rem 0;
  }
  .cfx-intel-desc {
    width: 77%;
  }
  .cfx-intel-desc h6 {
    font-size: 0.15rem;
  }
}

/* 核心服务 */
.cfx-core-offerings {
  margin-top: 1.2rem;
}

.cfx-offering-layout {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.3rem 0;
}

.cfx-offering-list {
  width: 45.5%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 0.28rem 0;
}

.cfx-offering-item {
  width: 100%;
  box-sizing: border-box;
  border-radius: 8px;
  background: linear-gradient(92deg, #e7f0ff 0%, rgba(216, 231, 255, 0) 99%);
  padding: 0.19rem 0.4rem;
  cursor: pointer;
}

.cfx-offering-item h6 {
  font-size: 0.24rem;
}

.cfx-offering-detail {
  margin-top: 0.12rem;
  display: flex;
  flex-direction: column;
  gap: 0.08rem 0;
  display: none;
}

.cfx-offering-item.cfx-active-el {
  border-left: 5px solid var(--i_color);
  background: #fff;
  box-shadow: 0px 10px 30px 0px rgba(27, 96, 213, 0.1);
}

.cfx-offering-media {
  width: 50%;
  position: relative;
  overflow: hidden;
}
/*.cfx-offering-media::before {*/
/*  content: "";*/
/*  display: block;*/
/*  width: 100%;*/
/*  padding-bottom: 81%;*/
/*}*/
.cfx-offering-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.4s ease;
}
.cfx-offering-media video{
    width:100%;
}

@media screen and (max-width: 1024px) {
  .cfx-core-offerings {
    margin-top: 0.8rem;
  }
  .cfx-offering-list,
  .cfx-offering-media {
    width: 100%;
  }
  .cfx-offering-item h6 {
    font-size: 0.2rem;
  }
}
@media screen and (max-width: 768px) {
  .cfx-offering-item {
    padding: 0.15rem 0.2rem;
  }
  .cfx-offering-item h6 {
    font-size: 0.16rem;
  }
}
@media screen and (max-width: 560px) {
  .cfx-core-offerings {
    margin-top: 0.4rem;
  }
  .cfx-offering-list {
    gap: 0.2rem 0;
  }
}

/* 技术优势:选择我们 */
.cfx-tech-edge {
  background: url(../images/Technological_advantagesBa.webp) no-repeat
    center;
  background-size: cover;
  padding-top: 0.85rem;
  padding-bottom: 1.4rem;
}

.cfx-edge-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.32rem 2%;
}

.cfx-edge-card {
  width: 32%;
  box-sizing: border-box;
  position: relative;
  border-radius: 0.24rem;
  overflow: hidden;
  padding: 0.2rem 0.49rem 0.79rem 0.49rem;
}
.cfx-edge-card::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/tal_itemBlack.webp) no-repeat center;
  background-size: cover;
  transition: all 0.4s ease;
}
.cfx-edge-card::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/tal_itemHide.webp) no-repeat center;
  background-size: cover;
  opacity: 0;
  transition: all 0.4s ease;
}

.cfx-edge-card img {
  width: .8rem;
  position: relative;
  z-index: 2;
}

.cfx-edge-card h6 {
  font-size: 0.24rem;
  margin-bottom: 0.11rem;
  position: relative;
  z-index: 2;
}

.cfx-edge-card p {
  position: relative;
  z-index: 2;
  display: flex;
  box-sizing: border-box;
}

.cfx-edge-card p::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--i_color);
  margin-top: 0.1rem;
  margin-right: 0.1rem;
}

.cfx-edge-card:hover::before {
  opacity: 0;
}
.cfx-edge-card:hover::after {
  opacity: 1;
}
.cfx-edge-card:hover h6,
.cfx-edge-card:hover p {
  color: #fff;
}

@media screen and (max-width: 1024px) {
  .cfx-tech-edge {
    padding-top: 0.6rem;
    padding-bottom: 1.2rem;
  }
  .cfx-edge-grid {
    gap: 0.2rem 2%;
  }
  .cfx-edge-card {
    width: 49%;
    padding: 0.3rem 0.2rem;
  }
  .cfx-edge-card img {
    width: 0.8rem;
  }
  .cfx-edge-card h6 {
    font-size: 0.18rem;
  }
}
@media screen and (max-width: 560px) {
  .cfx-tech-edge {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }
  .cfx-edge-card {
    width: 100%;
  }
  .cfx-edge-card img {
    width: 0.6rem;
  }
  .cfx-edge-card h6 {
    font-size: 0.16rem;
  }
}

/* Ai时代 */
.cfx-ai-epoch {
  padding-top: 0.8rem;
  padding-bottom: 0.7rem;
  background: linear-gradient(180deg, #eceff6 50%, #ffffff 100%);
}

.cfx-ai-epoch .cfx-inner-section-title h6 i {
  color: #0066ff;
}

.cfx-ai-epoch .cfx-btn {
  box-shadow: none;
}
.cfx-ai-epoch .cfx-btn i {
  background: linear-gradient(281deg, #00b7ff 0%, #0066ff 90%);
}

@media screen and (max-width: 1024px) {
  .cfx-ai-epoch {
    padding-top: 0.6rem;
    padding-bottom: 0.5rem;
  }
}
@media screen and (max-width: 560px) {
  .cfx-ai-epoch {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }
}





.cfx-related-entries{display:flex; flex-wrap:wrap; gap: .6rem 2%;}
.cfx-related-entries li{width: 23.5%; overflow: hidden;}

.cfx-related-entries .cfx-thumb-frame{width: 100%; position: relative; font-size:0; overflow: hidden;}
.cfx-related-entries .cfx-thumb-frame img{width: 100%; height:auto; aspect-ratio: 100 / 75; object-fit: cover; transition:all .5s ease;}
.cfx-related-entries .cfx-thumb-frame i{position: absolute; right: 0; bottom: 0; padding: 6px; background: var(--i_color); font-size: 12px; color: #FFF;}

.cfx-related-entries .cfx-text-block{margin-top: 0.16rem; text-align: center;}
.cfx-related-entries .cfx-text-block h5{font-size: 0.2rem; color: #333; font-weight: bold; line-height: 1.6; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.cfx-related-entries .cfx-text-block p{margin-top: 0.1rem; font-size: 0.16rem; color: #666; line-height: 1.6; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}

.cfx-related-entries li:hover img{transform: scale(1.05, 1.05);}
.cfx-related-entries li:hover h5{color: var(--i_color);}

@media screen and (max-width:1024px) {
	.cfx-related-entries .cfx-text-block h5{font-size: 16px;}
	.cfx-related-entries .cfx-text-block p{font-size: 14px;}
}
@media screen and (max-width:768px) {
	.cfx-related-entries{gap: 40px 4%;}
	.cfx-related-entries li{width: 48%;}
}
@media screen and (max-width:560px) {
	.cfx-related-entries .cfx-text-block h5{font-size: 15px;}
}






.cfx-faq-panel li{margin-bottom: 0.2rem;}

.cfx-faq-panel .cfx-heading-bar{padding: .2rem .2rem; display:flex; flex-wrap:nowrap; align-items: center; gap: 0 .2rem; background: #F6F7F9; cursor: pointer;}

.cfx-faq-panel .cfx-heading-bar p{font-size: 0.18rem; font-weight: bold;}
.cfx-faq-panel .cfx-heading-bar em{flex-shrink: 0; margin-left: auto; display: table; width: 0.3rem; height: 0.3rem; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z'/%3E%3C/svg%3E") no-repeat center; background-size: .26rem;}
.cfx-faq-panel .cfx-active-el .cfx-heading-bar em{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 12.998H5v-2h14z'/%3E%3C/svg%3E") no-repeat center; background-size: .26rem;}

.cfx-faq-panel .cfx-text-block{display: none;}
.cfx-faq-panel .cfx-text-container{padding: .2rem .2rem .3rem; display:flex; flex-wrap:nowrap; align-items: center; gap: 0 .2rem;}
.cfx-faq-panel .cfx-text-block article{font-size: 0.16rem; line-height: 1.6;}

.cfx-faq-panel li.cfx-active-el .cfx-heading-bar p{color: var(--i_color);}

@media screen and (max-width:1024px) {
	.cfx-faq-panel .cfx-heading-bar p{font-size: 16px; line-height: 1.5;}
	.cfx-faq-panel .cfx-text-block article{font-size: 14px;}
}
@media screen and (max-width:560px) {
	.cfx-faq-panel .cfx-heading-bar{padding: 12px 16px;}
	.cfx-faq-panel .cfx-text-container{padding: 20px 16px 20px;}

	.cfx-faq-panel .cfx-heading-bar p{font-size: 15px;}

	.cfx-faq-panel .cfx-heading-bar em,.cfx-faq-panel .cfx-active-el .cfx-heading-bar em{background-size: 20px;}
}






.cfx-news-categories{margin-bottom: 0.5rem; display:flex; flex-wrap:wrap; gap: .2rem 1.5%;}
.cfx-news-categories li{box-sizing: border-box; border: 1px solid #DDD;}
.cfx-news-categories a{display: block; text-align: center; padding: 6px 20px; font-size: 0.18rem}
.cfx-news-categories li.cfx-active-el{background: var(--i_color); border-color: var(--i_color);}
.cfx-news-categories li.cfx-active-el a{color: #FFF !important;}

.cfx-news-categories li:hover{border-color: var(--i_color);}
.cfx-news-categories li:hover a{color: var(--i_color);}

@media screen and (max-width:1440px) {
	.cfx-news-categories a{padding: 6px 16px; font-size: 16px;}
}
@media screen and (max-width:560px) {
	.cfx-news-categories{gap: 10px 2%;}
	.cfx-news-categories a{padding: 6px 16px; font-size: 15px;}
}






/* Breadcrumb */
.cfx-breadcrumb{padding:.2rem 0;background:#F1F1F1;position:relative;}
.cfx-breadcrumb .cfx-container{display:flex;flex-wrap:wrap;align-items:center;}
.cfx-breadcrumb a{display:block;font-size:15px;color:#333;position:relative;line-height:20px;}
.cfx-breadcrumb a:first-child{padding-left: 0.26rem;}
.cfx-breadcrumb a:first-child::before{
	content: '';
	position:absolute; top:50%; transform:translate(0,-50%);left: 0;
	width: 18px;height: 18px;
	background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="80" height="80" viewBox="0 0 2048 2048"%3E%3Cpath fill="currentColor" d="m1024 165l941 942l-90 90l-83-82v805h-640v-640H896v640H256v-805l-83 82l-90-90l941-942zm640 1627V987l-640-640l-640 640v805h384v-640h512v640h384z"%2F%3E%3C%2Fsvg%3E') no-repeat center;
	background-size: contain;
}
.cfx-breadcrumb a:not(:last-child):after {content:">";margin:0 4px;color:#555}
.cfx-breadcrumb a:last-child {color:var(--i_color) !important}
.cfx-breadcrumb a:hover {color:var(--i_color)}
@media screen and (max-width:1024px) {
	.cfx-breadcrumb {padding:.16rem 0;}
	.cfx-breadcrumb a {font-size:14px}
}
@media screen and (max-width:560px) {
	.cfx-breadcrumb {padding:.12rem 0;}
	.cfx-breadcrumb a {font-size:13px}
}






/*服务项目*/
/* 核心业务 */

.cfx-core-business {
  margin: 1.1rem 0 0.4rem 0;
}

.cfx-core-business img {
  display: block;
  width: 67%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 1024px) {
  .cfx-core-business {
    margin: 0.4rem 0;
  }
  .cfx-core-business img {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 560px) {
}

/* 双引擎 */
.cfx-dual-engine {
  padding: 1.4rem 0 1rem 0;
  background: linear-gradient(0deg, rgba(216, 230, 255, 0) 14%, #f8fbff 96%);
}

.cfx-dual-engine .cfx-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.4rem 0;
}

.cfx-de-left {
  width: 40.5%;
}

.cfx-de-left .cfx-inner-section-title {
  margin-bottom: 0.8rem;
  text-align: left;
}

.cfx-big-icon {
  width: 1.6rem;
}

.cfx-de-list {
  margin-top: 0.34rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.53rem 0;
}

.cfx-icon-item {
  width: 45%;
  display: flex;
  align-items: center;
  gap: 0 0.24rem;
}

.cfx-icon-item img {
  width: 0.48rem;
}

.cfx-icon-item p {
  font-size: 0.2rem;
}

.cfx-de-right {
  width: 48.63%;
  position: relative;
  overflow: hidden;
}
.cfx-de-right::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 56.55%;
}
.cfx-de-right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.4s ease;
}

@media screen and (max-width: 1024px) {
  .cfx-dual-engine {
    padding: 0.4rem 0;
  }
  .cfx-de-left,
  .cfx-de-right {
    width: 100%;
  }
  .cfx-de-left .cfx-inner-section-title {
    margin-bottom: 0.3rem;
  }
}
@media screen and (max-width: 768px) {
  .cfx-big-icon {
    width: 1rem;
  }
}
@media screen and (max-width: 560px) {
  .cfx-big-icon {
    width: 0.6rem;
  }
  .cfx-de-list {
    gap: 0.2rem 0;
  }
  .cfx-icon-item {
    width: 100%;
  }
  .cfx-icon-item img {
    width: 0.4rem;
  }
  .cfx-icon-item p {
    font-size: 0.16rem;
  }
}

/* 新势力 */
.cfx-new-forces {
  margin: 1rem 0 0.8rem 0;
}

.cfx-new-forces .cfx-inner-section-title {
  margin-bottom: 0.9rem;
}

.cfx-nf-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.3rem 1.24rem;
  margin-bottom: 0.6rem;
}

.cfx-nf-list li {
  display: flex;
  align-items: center;
  gap: 0 0.24rem;
}

.cfx-nf-list li p {
  font-size: 0.2rem;
}

.cfx-app-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem 2.72%;
}

.cfx-app-list li {
  width: 48.63%;
  box-sizing: border-box;
  border-radius: 0.16rem;
  overflow: hidden;
  position: relative;
}
.cfx-app-list li::before {
  content: "";
  display: block;
  padding-bottom: 41.13%;
}
.cfx-app-list li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1366px) {
  .cfx-nf-list {
    gap: 0 0.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .cfx-new-forces {
    margin: 0.4rem 0;
  }
  .cfx-nf-list {
    gap: 0.2rem 0;
    justify-content: space-between;
  }
  .cfx-nf-list li {
    width: 40%;
  }
}
@media screen and (max-width: 768px) {
  .cfx-new-forces .cfx-inner-section-title,
  .cfx-nf-list {
    margin-bottom: 0.4rem;
  }
}
@media screen and (max-width: 560px) {
  .cfx-nf-list li {
    width: 100%;
  }
  .cfx-nf-list li img {
    width: 0.4rem;
  }
  .cfx-nf-list li p {
    font-size: 0.16rem;
  }
  .cfx-app-list li {
    width: 100%;
  }
}

/* 智能营销 */
.cfx-smart-marketing {
  background: none;
}

@media screen and (max-width: 1024px) {
  .cfx-smart-marketing .cfx-de-left {
    order: -1;
  }
}

/* 转化 */
.cfx-transformation {
}

.cfx-transformation .cfx-container {
  border-radius: 0.16rem;
  overflow: hidden;
  background: url(../images/Transformation.webp) no-repeat center;
  background-size: cover;
  padding: 1rem 0 0.34rem 0;
}

.cfx-transformation .cfx-inner-section-title {
  margin-bottom: 0.84rem;
}

.cfx-transformation img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 57.75%;
}

@media screen and (max-width: 1024px) {
  .cfx-transformation .cfx-container {
    padding: 0.4rem 0;
  }
}
@media screen and (max-width: 768px) {
  .cfx-transformation .cfx-inner-section-title {
    margin-bottom: 0.4rem;
  }
}
@media screen and (max-width: 560px) {
  .cfx-transformation .cfx-container {
    padding: 0.3rem 0;
  }
  .cfx-transformation .cfx-inner-section-title {
    margin-bottom: 0.2rem;
  }
  .cfx-transformation img {
    width: 100%;
  }
}

/* 商学院 */
.cfx-business-school {
  margin: 0.6rem 0 0.84rem 0;
  padding: 1rem 0;
  background: url(../images/Business_SchoolBa.webp) no-repeat center;
  background-size: cover;
}

.cfx-business-school .cfx-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.4rem 0;
}

.cfx-bs-left {
  width: 50%;
  position: relative;
  border-radius: 0.16rem;
  overflow: hidden;
}
.cfx-bs-left::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 48.75%;
}
.cfx-bs-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.4s ease;
}

.cfx-bs-right {
  width: 45%;
}

.cfx-bs-right .cfx-inner-section-title {
  margin-bottom: 0.8rem;
  text-align: left;
}

.cfx-bs-list {
  display: flex;
  flex-direction: column;
  gap: 0.36rem 0;
}

.cfx-bs-list li {
  display: flex;
  align-items: center;
  gap: 0 0.24rem;
}
.cfx-bs-list li img {
  width: 0.48rem;
}
.cfx-bs-list li p {
  font-size: 0.2rem;
}

@media screen and (max-width: 1024px) {
  .cfx-business-school {
    margin: 0.4rem 0;
    padding: 0.4rem 0;
  }
  .cfx-bs-left,
  .cfx-bs-right {
    width: 100%;
  }
  .cfx-bs-right {
    order: -1;
  }
  .cfx-bs-right .cfx-inner-section-title {
    margin-bottom: 0.3rem;
  }
}
@media screen and (max-width: 768px) {
  .cfx-bs-list {
    gap: 0.2rem 0;
  }
}
@media screen and (max-width: 560px) {
  .cfx-bs-list li img {
    width: 0.4rem;
  }
  .cfx-bs-list li p {
    font-size: 0.16rem;
  }
}

/* 选择我们 */
.cfx-choose-solve {
  margin-bottom: 0.5rem;
}

.cfx-choose-solve .cfx-inner-section-title {
  margin-bottom: 0.6rem;
}

.cfx-cs-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem 1rem;
  justify-content: center;
  border-bottom: 1px solid #e4e4e4;
}

.cfx-cs-list li {
  padding-bottom: 0.3rem;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.cfx-cs-list li::before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: linear-gradient(311deg, #00b7ff 0%, #0066ff 85%);
  margin-right: 7px;
  opacity: 0;
  transition: all 0.4s ease;
}
.cfx-cs-list li::after {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background: linear-gradient(270deg, #00b7ff 4%, #0066ff 90%);
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all 0.4s ease;
}

.cfx-cs-list li p {
  font-size: 0.24rem;
  color: #666;
}

.cfx-cs-list li:hover::before {
  opacity: 1;
}
.cfx-cs-list li:hover::after {
  width: 100%;
}
.cfx-cs-list li:hover p {
  background: linear-gradient(278deg, #00b7ff 0%, #0066ff 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

@media screen and (max-width: 1440px) {
  .cfx-cs-list {
    gap: 0.2rem 0.5rem;
  }
  .cfx-cs-list li p {
    font-size: 0.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .cfx-cs-list {
    gap: 0.2rem 0.3rem;
  }
  .cfx-cs-list li {
    padding-bottom: 0.15rem;
  }
  .cfx-cs-list li p {
    font-size: 0.18rem;
  }
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 560px) {
  .cfx-cs-list {
    justify-content: space-between;
    gap: 0.05rem 0;
  }
  .cfx-cs-list li p {
    font-size: 0.16rem;
  }
}

.cfx-cs-content {
  margin-top: 0.68rem;
}

.cfx-csc-title {
  font-size: 0.24rem;
  margin-bottom: 0.36rem;
}

.cfx-csc-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.4rem 0;
}

.cfx-cscb-left {
  width: 36.38%;
  display: flex;
  flex-direction: column;
  gap: 0.3rem 0;
}

.cfx-cscb-left li {
  display: flex;
  align-items: center;
  gap: 0 0.2rem;
  border-radius: 0.1rem;
  transition: 0.4s ease;
  box-sizing: border-box;
  padding: 0.14rem;
}

.cfx-cscb-img {
  width: 35.1%;
  position: relative;
  overflow: hidden;
}
.cfx-cscb-img::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 41.12%;
}
.cfx-cscb-img img {
  width: 80%;
  height: 80%;
  object-fit: contain;
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  transition: all 0.4s ease;
}

.cfx-cscb-left li p {
  font-size: 0.2rem;
}

.cfx-cscb-left li:hover {
  box-shadow: 0px 10px 30px 0px rgba(27, 97, 213, 0.1);
}

.cfx-cscb-right {
  width: 57.13%;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.cfx-double-quotes {
  width: 10.5%;
  position: absolute;
  left: 0;
  top: 0;
}

.cfx-csr-mark {
  width: 40.37%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.44rem 0;
}

.cfx-csr-mark-pic {
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
}

.cfx-csr-mark-pic img {
  width: 86%;
}

.cfx-csr-mark p {
  font-size: 0.18rem;
  color: #666;
  margin-top: 0.3rem;
}

.cfx-csr-info {
  width: 54.38%;
}

.cfx-csr-info-title {
  width: 61.16%;
  margin-bottom: 1rem;
  position: relative;
  padding-bottom: 0.3rem;
}

.cfx-csr-info-title p {
  font-size: 0.18rem;
  color: #666;
  text-align: center;
}

.cfx-csr-info-title h2 {
  font-size: 0.38rem;
  margin: 0.12rem 0 0 0;
}

.cfx-csr-info-title::before {
  content: "";
  display: block;
  width: 39.5%;
  height: 2px;
  background: linear-gradient(271deg, #00b7ff 2%, #0066ff 90%);
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}

.cfx-discuss-list {
  position: relative;
  overflow: hidden;
}
.cfx-discuss-list .swiper-wrapper {
  display: -webkit-flex;
  display: flex;
  position: relative;
  width: 100%;
}
.cfx-discuss-list .swiper-slide {
  flex-shrink: 0;
  position: relative;
  font-size: 0.16rem;
  font-weight: 100;
  line-height: 1.8;
  color: #333;
}

/* -------------------------- */
.cfx-discuss-pagination {
  display: block;
  margin-top: 0.24rem;
  text-align: center;
}
.cfx-discuss-pagination .swiper-pagination-bullet {
  width: 0.3rem;
  height: 0.02rem;
  display: inline-block;
  margin: 0 6px;
  background: #d6d6d6;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
}
.cfx-discuss-pagination .swiper-pagination-bullet-active {
  background: #333;
}

@media screen and (max-width: 1440px) {
  .cfx-csr-info-title {
    width: 80%;
  }
}
@media screen and (max-width: 1366px) {
  .cfx-csr-info-title {
    width: 65%;
  }
  .cfx-csr-info-title h2 {
    font-size: 0.28rem;
  }
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1024px) {
  .cfx-cscb-left,
  .cfx-cscb-right {
    width: 100%;
  }
  .cfx-cscb-right {
    align-items: flex-start;
    order: -1;
  }
  .cfx-csr-info-title {
    width: 100%;
    margin-bottom: 0.4rem;
    padding-bottom: 0;
  }
  .cfx-csr-info-title h2 {
    text-align: center;
  }
  .cfx-double-quotes,
  .cfx-csr-mark,
  .cfx-csr-info-title::before {
    display: none;
  }
  .cfx-csr-info {
    width: 100%;
  }

  .cfx-cscb-left li {
    box-shadow: 0px 10px 30px 0px rgba(27, 97, 213, 0.1);
  }
  .cfx-cscb-img {
    width: 18%;
  }
}
@media screen and (max-width: 768px) {
  .cfx-cscb-left,
  .cfx-cscb-right {
    width: 100%;
  }
  .cfx-cscb-right {
    order: -1;
  }
  .cfx-csr-info-title h2 {
    font-size: 0.2rem;
  }
  .cfx-cscb-left li p {
    font-size: 0.16rem;
  }
}
@media screen and (max-width: 560px) {
  .cfx-csr-info-title p {
    font-size: 0.14rem;
  }
  .cfx-csr-info-title h2 {
    font-size: 0.18rem;
  }
  .cfx-cscb-left {
    gap: 0.15rem 0;
  }
  .cfx-cscb-img {
    width: 25%;
  }
  .cfx-cscb-left li p {
    font-size: 0.14rem;
  }
}




/* ===== 首页浮动小图 ===== */
@keyframes cfx-float-updown {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-18px); }
}
.cfx-float-icon{position:absolute;z-index:5;width:160px;height:160px;max-width:28%;animation:cfx-float-updown 3.5s ease-in-out infinite;pointer-events:none;}
.cfx-float-1{top:0;left:-40%;animation-delay:0s;}
.cfx-float-2{top:50%;left:-35%;animation-delay:.8s;}
.cfx-float-3{top:-5%;right:-40%;animation-delay:1.6s;}
.cfx-float-4{top:45%;right:-45%;animation-delay:2.4s;}

/* ===== 服务卡片四列布局 ===== */
.cfx-services-grid{display:flex;flex-wrap:wrap;gap:20px;}
.cfx-services-grid::before{display:none;}
.cfx-services-grid dt{position:static!important;width:calc(25% - 15px);aspect-ratio:0.6/1;}
.cfx-services-grid dt a{height:100%;}

/* ===== 客户案例区块 (SaaS风格) ===== */
.cfx-showcase-section{padding:80px 0;position:relative;overflow:hidden;background:linear-gradient(180deg,#F8FAFE 0%,#FFF 100%);}
.cfx-showcase-section::before{content:'';position:absolute;top:0;right:0;width:600px;height:600px;background:url(../images/world-map-dots.webp) no-repeat right top/contain;opacity:.08;pointer-events:none;z-index:0;}
.cfx-showcase-inner{position:relative;z-index:1;}
.cfx-showcase-tag{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#2F6BFF;font-weight:600;margin-bottom:16px;letter-spacing:.5px;}
.cfx-showcase-tag::before{content:'';width:8px;height:8px;border-radius:50%;background:#2F6BFF;flex-shrink:0;}
.cfx-showcase-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;flex-wrap:wrap;gap:20px;}
.cfx-showcase-left{flex:1;min-width:280px;}
.cfx-showcase-title{font-size:42px;font-weight:800;color:#1F2937;line-height:1.2;margin:0 0 16px;}
.cfx-showcase-title .hl{color:#2F6BFF;}
.cfx-showcase-desc{font-size:15px;color:#6B7280;line-height:1.7;max-width:540px;margin:0;}
.cfx-showcase-cta{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:linear-gradient(135deg,#2F6BFF,#1E5BFF);color:#FFF;border-radius:10px;font-size:15px;font-weight:600;border:none;cursor:pointer;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px rgba(47,107,255,.3);white-space:nowrap;}
.cfx-showcase-cta:hover{box-shadow:0 8px 30px rgba(47,107,255,.45);transform:translateY(-2px);color:#FFF;}
.cfx-showcase-cta::after{content:'→';}
.cfx-testimonials-kicker{display:inline-block;font-size:13px;color:#2F6BFF;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;position:relative;padding-left:16px;}
.cfx-testimonials-kicker::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:#2F6BFF;}
.cfx-showcase-metrics{display:flex;gap:24px;margin-bottom:48px;flex-wrap:wrap;}
.cfx-metric-card{display:flex;align-items:center;gap:16px;flex:1;min-width:180px;padding:20px 24px;background:#FFF;border-radius:12px;border:1px solid #EAECEF;transition:all .3s ease;}
.cfx-metric-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.06);}
.cfx-metric-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;}
.cfx-metric-icon.blue{background:#EEF4FF;color:#2F6BFF;}
.cfx-metric-icon.green{background:#E8F9F0;color:#10B981;}
.cfx-metric-icon.purple{background:#F3EFFF;color:#7C3AED;}
.cfx-metric-num{font-size:28px;font-weight:800;color:#2F6BFF;line-height:1;margin-bottom:4px;}
.cfx-metric-label{font-size:13px;color:#6B7280;line-height:1.3;}
.cfx-showcase-wall{background:#FFF;border-radius:16px;padding:36px 32px;box-shadow:0 4px 24px rgba(0,0,0,.06);border:1px solid #F3F4F6;margin-bottom:24px;}
.cfx-logo-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:16px;margin:0;padding:0;list-style:none;}
.cfx-logo-item{display:flex;align-items:center;justify-content:center;height:80px;padding:12px 16px;border:1px solid #EAECEF;border-radius:10px;background:#FFF;transition:all .3s ease;cursor:default;}
.cfx-logo-item:hover{box-shadow:0 6px 20px rgba(0,0,0,.08);transform:translateY(-3px);border-color:#D1D5DB;}
.cfx-logo-item img{max-width:100%;max-height:100%;object-fit:contain;filter:none;opacity:1;transition:all .3s ease;}
.cfx-logo-item:hover img{filter:none;opacity:1;}
.cfx-showcase-dots{display:none;}
.cfx-showcase-dot{width:8px;height:8px;border-radius:50%;background:#D1D5DB;transition:all .3s ease;border:none;padding:0;cursor:pointer;}
.cfx-showcase-dot.active{width:24px;border-radius:4px;background:#2F6BFF;}
.cfx-showcase-dot:hover{background:#9CA3AF;}
.cfx-showcase-footnote{text-align:center;font-size:12px;color:#9CA3AF;letter-spacing:.3px;}
@media(max-width:1024px){.cfx-showcase-title{font-size:32px;}.cfx-logo-grid{grid-template-columns:repeat(4,1fr);}.cfx-showcase-header{flex-direction:column;}}
@media(max-width:640px){.cfx-logo-grid{grid-template-columns:repeat(3,1fr);}.cfx-showcase-title{font-size:26px;}.cfx-metric-card{min-width:100%;}}

/* ===== SEM六大优势 - 设计图还原版 ===== */
.cfx-benefits {
	position: relative;
	overflow: hidden;
	padding: 0.78rem 0 0.72rem;
	margin: 0;
	background:
		radial-gradient(circle at 4% 7%, rgb(47 107 255 / 8%) 0 0.02rem, transparent 0.025rem),
		radial-gradient(circle at 95% 0%, rgb(47 107 255 / 8%), transparent 30%),
		linear-gradient(180deg, #f7fbff 0%, #ffffff 56%, #f5f9ff 100%);
	background-size: 0.12rem 0.12rem, auto, auto;
}

.cfx-benefits::before {
	content: "";
	position: absolute;
	right: -1.2rem;
	top: -1.3rem;
	width: 4.6rem;
	height: 4.6rem;
	border: 1px solid rgb(88 139 225 / 14%);
	border-radius: 50%;
	box-shadow: inset 0 0 0 0.18rem rgb(88 139 225 / 5%);
	pointer-events: none;
}

.cfx-benefits .cfx-container {
	max-width: 16.2rem;
}

.cfx-benefits .cfx-inner-section-title {
	position: relative;
	margin-bottom: 0.48rem;
	text-align: center;
}

.cfx-benefits .cfx-inner-section-title::before,
.cfx-benefits .cfx-inner-section-title::after {
	content: "";
	position: absolute;
	top: 0.44rem;
	width: 1.34rem;
	height: 0.02rem;
	background: linear-gradient(90deg, transparent, #2f6bff);
}

.cfx-benefits .cfx-inner-section-title::before {
	left: 2.92rem;
}

.cfx-benefits .cfx-inner-section-title::after {
	right: 2.92rem;
	transform: scaleX(-1);
}

.cfx-benefits .cfx-inner-section-title h2 {
	position: relative;
	display: inline-flex;
	align-items: baseline;
	gap: 0.08rem;
	margin: 0 0 0.16rem;
	color: #0b1530;
	font-size: 0.52rem;
	font-weight: 900;
	line-height: 1.12;
	letter-spacing: 0.02em;
}

.cfx-benefits .cfx-inner-section-title h2::before,
.cfx-benefits .cfx-inner-section-title h2::after {
	content: "";
	position: absolute;
	top: 0.28rem;
	width: 0.13rem;
	height: 0.13rem;
	border: 0.035rem solid #2f6bff;
	transform: rotate(45deg);
}

.cfx-benefits .cfx-inner-section-title h2::before {
	left: -0.5rem;
}

.cfx-benefits .cfx-inner-section-title h2::after {
	right: -0.5rem;
}

.cfx-benefits .cfx-inner-section-title h2 em {
	color: #236cff;
	font-style: normal;
}

.cfx-benefits .cfx-inner-section-title h6 {
	margin: 0;
	color: #4e5a70;
	font-size: 0.2rem;
	font-weight: normal;
	line-height: 1.7;
	letter-spacing: 0.04em;
}

.cfx-benefits-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.28rem 0.32rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.cfx-benefits-grid li {
	position: relative;
	min-height: 2.88rem;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
}

.cfx-benefits-grid li::before,
.cfx-benefits-grid li::after {
	display: none;
}

.cfx-benefits-grid li > span {
	position: relative;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: 1.74rem 1fr;
	align-items: center;
	gap: 0.34rem;
	width: 100%;
	height: 100%;
	min-height: 2.88rem;
	padding: 0.32rem 0.34rem 0.3rem 0.24rem;
	border: 1px solid rgb(211 225 246 / 76%);
	border-radius: 0.18rem;
	background: rgb(255 255 255 / 92%);
	box-shadow: 0 0.16rem 0.42rem rgb(35 76 134 / 9%);
	overflow: hidden;
	transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.cfx-benefits-grid li > span::before {
	display: none;
}

.cfx-benefits-grid li > span::after {
	content: "";
	position: absolute;
	left: 0.3rem;
	top: 0.72rem;
	width: 1.54rem;
	height: 1.54rem;
	border-radius: 50%;
	background:
		radial-gradient(circle, rgb(255 255 255 / 92%) 0 48%, transparent 49%),
		linear-gradient(145deg, #f2f7ff, #ffffff);
	box-shadow: inset 0 0 0 0.12rem rgb(238 245 255 / 84%), 0 0.12rem 0.3rem rgb(42 100 185 / 10%);
}

.cfx-benefits-grid li:hover > span {
	transform: translateY(-0.05rem);
	border-color: rgb(62 122 255 / 26%);
	box-shadow: 0 0.22rem 0.52rem rgb(35 76 134 / 13%);
}

.cfx-benefit-num {
	position: absolute;
	left: 0.22rem;
	top: 0.16rem;
	z-index: 1;
	color: #e7efff;
	font-size: 0.52rem;
	font-weight: 900;
	line-height: 1;
	letter-spacing: -0.03em;
}

.cfx-benefit-tag {
	position: absolute;
	right: 0.2rem;
	top: 0.22rem;
	z-index: 2;
	padding: 0.07rem 0.16rem;
	border-radius: 0.06rem;
	background: linear-gradient(135deg, #2f78ff 0%, #0759e8 100%);
	box-shadow: 0 0.08rem 0.18rem rgb(47 107 255 / 22%);
	color: #fff;
	font-size: 0.14rem;
	font-weight: 800;
	line-height: 1;
}

.cfx-benefits-grid .cfx-icon-holder {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.54rem;
	height: 1.54rem;
	margin: 0;
	border-radius: 50%;
	background: transparent;
	box-shadow: none;
}

.cfx-benefits-grid .cfx-icon-holder::before {
	display: none;
}

.cfx-benefits-grid .cfx-icon-holder img {
	position: relative;
	z-index: 1;
	display: block;
	width: 1.08rem;
	height: 1.08rem;
	max-width: 1.08rem;
	max-height: 1.08rem;
	object-fit: contain;
}

.cfx-benefit-copy {
	position: relative;
	z-index: 2;
	padding-top: 0.26rem;
}

.cfx-benefits-grid h5 {
	margin: 0 0 0.16rem;
	color: #0d1630;
	font-size: 0.28rem;
	font-weight: 900;
	line-height: 1.2;
}

.cfx-benefits-grid h5::after {
	content: "";
	display: block;
	width: 0.38rem;
	height: 0.03rem;
	margin-top: 0.14rem;
	border-radius: 999px;
	background: #1f70ff;
}

.cfx-benefits-grid p {
	margin: 0;
	color: #4a5568;
	font-size: 0.16rem;
	line-height: 1.82;
}

.cfx-benefits-platforms {
	display: flex;
	align-items: center;
	margin-top: 0.26rem;
	border: 1px solid rgb(211 225 246 / 82%);
	border-radius: 0.14rem;
	background: rgb(255 255 255 / 86%);
	box-shadow: 0 0.12rem 0.32rem rgb(35 76 134 / 8%);
	overflow: hidden;
}

.cfx-benefits-platforms strong {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 1.86rem;
	min-height: 0.66rem;
	padding: 0 0.28rem;
	background: linear-gradient(135deg, #2f78ff 0%, #0f63ed 100%);
	color: #fff;
	font-size: 0.17rem;
	font-weight: 900;
	white-space: nowrap;
}

.cfx-benefits-platforms strong::after {
	content: "";
	position: absolute;
	right: -0.28rem;
	top: 0;
	width: 0.48rem;
	height: 100%;
	background: linear-gradient(135deg, #2f78ff 0%, #0f63ed 100%);
	clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.cfx-benefits-platforms ul {
	display: flex;
	align-items: center;
	gap: 0.28rem;
	margin: 0;
	padding: 0 0.24rem 0 0.5rem;
	list-style: none;
	overflow-x: auto;
	scrollbar-width: none;
}

.cfx-benefits-platforms ul::-webkit-scrollbar {
	display: none;
}

.cfx-benefits-platforms li {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	gap: 0.08rem;
	color: #273247;
	font-size: 0.15rem;
	white-space: nowrap;
}

.cfx-benefits-platforms img {
	width: 0.28rem;
	height: 0.28rem;
	object-fit: contain;
}

@media screen and (max-width: 1440px) {
	.cfx-benefits .cfx-container {
		max-width: 14.6rem;
	}

	.cfx-benefits-grid li > span {
		grid-template-columns: 1.52rem 1fr;
		gap: 0.24rem;
	}

	.cfx-benefits-grid h5 {
		font-size: 0.24rem;
	}

	.cfx-benefits-grid p {
		font-size: 0.15rem;
	}
}

@media screen and (max-width: 1200px) {
	.cfx-benefits-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.cfx-benefits .cfx-inner-section-title::before,
	.cfx-benefits .cfx-inner-section-title::after {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	.cfx-benefits {
		padding: 0.64rem 0;
	}

	.cfx-benefits .cfx-inner-section-title h2 {
		font-size: 0.32rem;
	}

	.cfx-benefits .cfx-inner-section-title h2::before,
	.cfx-benefits .cfx-inner-section-title h2::after {
		display: none;
	}

	.cfx-benefits .cfx-inner-section-title h6 {
		font-size: 0.15rem;
	}

	.cfx-benefits-grid {
		grid-template-columns: 1fr;
		gap: 0.18rem;
	}

	.cfx-benefits-grid li > span {
		min-height: 2.5rem;
		grid-template-columns: 1.28rem 1fr;
		padding: 0.28rem 0.24rem;
	}

	.cfx-benefits-grid li > span::after,
	.cfx-benefits-grid .cfx-icon-holder {
		width: 1.22rem;
		height: 1.22rem;
	}

	.cfx-benefits-grid .cfx-icon-holder img {
		width: 0.9rem;
		height: 0.9rem;
	}

	.cfx-benefits-grid h5 {
		font-size: 0.22rem;
	}

	.cfx-benefits-platforms {
		align-items: stretch;
		flex-direction: column;
	}

	.cfx-benefits-platforms strong {
		min-height: 0.52rem;
	}

	.cfx-benefits-platforms strong::after {
		display: none;
	}

	.cfx-benefits-platforms ul {
		padding: 0.16rem 0.2rem;
	}
}

/* ===== 客户评价轮播 (新版) ===== */
.cfx-testimonials-new{padding:80px 0 100px;background:linear-gradient(180deg,#F5F7FA 0%,#FFF 100%);position:relative;overflow:hidden;}
.cfx-testimonials-new::before{content:'';position:absolute;top:-100px;right:-100px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(47,107,255,.06) 0%,transparent 70%);pointer-events:none;}
.cfx-testimonials-new::after{content:'';position:absolute;bottom:0;left:0;width:400px;height:200px;background:radial-gradient(ellipse at bottom left,rgba(47,107,255,.04) 0%,transparent 70%);pointer-events:none;}
.cfx-tnew-header{text-align:center;margin-bottom:50px;}
.cfx-tnew-title{font-size:44px;font-weight:800;color:#1F2937;margin:0 0 16px;letter-spacing:-.5px;}
.cfx-tnew-sub{font-size:16px;color:#6B7280;line-height:1.7;margin:0;}
.cfx-tnew-sub br{display:none;}

/* 轮播容器 */
.cfx-tnew-carousel{position:relative;padding:20px 0 40px;max-width:1200px;margin:0 auto;}
.cfx-tnew-carousel .swiper-container{overflow:visible;padding:30px 0;}
.cfx-tnew-carousel .swiper-slide{width:420px;height:480px;transition:all .5s cubic-bezier(.4,0,.2,1);opacity:.3;transform:scale(.78) perspective(1000px) rotateY(8deg);filter:blur(1px);}
.cfx-tnew-carousel .swiper-slide-next{opacity:.5;transform:scale(.85) perspective(1000px) rotateY(-4deg);filter:blur(.5px);}
.cfx-tnew-carousel .swiper-slide-prev{opacity:.5;transform:scale(.85) perspective(1000px) rotateY(4deg);filter:blur(.5px);}
.cfx-tnew-carousel .swiper-slide-active{opacity:1;transform:scale(1) perspective(1000px) rotateY(0);filter:blur(0);z-index:10;}

/* 卡片主体 */
.cfx-tcard{height:100%;border-radius:26px;padding:32px 28px;display:flex;flex-direction:column;position:relative;overflow:hidden;color:#FFF;box-shadow:0 8px 40px rgba(0,0,0,.12);}
.cfx-tcard::before{content:'';position:absolute;top:0;right:0;width:200px;height:200px;background:rgba(255,255,255,.06);border-radius:50%;transform:translate(60px,-60px);pointer-events:none;}
.cfx-tcard-top{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.cfx-tcard-logo{width:48px;height:48px;background:rgba(255,255,255,.95);border-radius:10px;display:flex;align-items:center;justify-content:center;padding:6px;flex-shrink:0;}
.cfx-tcard-logo img{max-width:100%;max-height:100%;object-fit:contain;}
.cfx-tcard-company{font-size:16px;font-weight:700;color:#FFF;line-height:1.3;flex:1;}
.cfx-tcard-divider{width:40px;height:2px;background:rgba(255,255,255,.3);margin-bottom:12px;border-radius:2px;}
.cfx-tcard-desc{font-size:13px;color:rgba(255,255,255,.85);line-height:1.6;margin-bottom:16px;flex:1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}
.cfx-tcard-review{background:rgba(255,255,255,.95);border-radius:14px;padding:16px 18px;margin-top:auto;}
.cfx-tcard-review-header{display:flex;align-items:center;gap:6px;margin-bottom:6px;}
.cfx-tcard-review-header svg{width:14px;height:14px;flex-shrink:0;}
.cfx-tcard-review-header span{font-size:11px;font-weight:600;color:#4B5563;letter-spacing:.5px;text-transform:uppercase;}
.cfx-tcard-review-text{font-size:13px;color:#6B7280;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}

/* 左右导航 */
.cfx-tnew-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:48px;height:48px;border-radius:50%;background:#FFF;border:none;box-shadow:0 4px 16px rgba(0,0,0,.1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#374151;font-size:20px;}
.cfx-tnew-arrow:hover{box-shadow:0 8px 24px rgba(0,0,0,.15);transform:translateY(-50%) scale(1.05);color:#2F6BFF;}
.cfx-tnew-arrow:active{transform:translateY(-50%) scale(.95);}
.cfx-tnew-prev{left:-20px;}
.cfx-tnew-next{right:-20px;}

/* 分页 */
.cfx-tnew-dots{display:flex;justify-content:center;gap:8px;margin-top:10px;}
#testimonialsPagination{display:flex;justify-content:center;gap:8px;margin-top:10px;}
#testimonialsPagination .swiper-pagination-bullet{width:8px;height:8px;border-radius:50%;background:#D1D5DB;opacity:1;transition:all .3s ease;margin:0;}
#testimonialsPagination .swiper-pagination-bullet-active{width:28px;border-radius:4px;background:#2F6BFF;}
#testimonialsPagination .swiper-pagination-bullet:hover{background:#9CA3AF;}

/* 卡片颜色主题 */
.cfx-tcard-orange{background:linear-gradient(145deg,#F59E0B,#D97706);}
.cfx-tcard-red{background:linear-gradient(145deg,#EF4444,#DC2626);}
.cfx-tcard-blue{background:linear-gradient(145deg,#3B82F6,#2563EB);}
.cfx-tcard-darkblue{background:linear-gradient(145deg,#1E40AF,#1E3A8A);}
.cfx-tcard-green{background:linear-gradient(145deg,#10B981,#059669);}

@media(max-width:1024px){
  .cfx-tnew-title{font-size:32px;}
  .cfx-tnew-carousel .swiper-slide{width:320px;height:420px;}
}

/* ===== 一站式出海服务方案 (像素级优化) ===== */
.cfx-serv-section{padding:80px 0;background:#F7F9FC;}
.cfx-serv-header{margin-bottom:40px;}
.cfx-serv-title{font-size:44px;font-weight:800;color:#111827;margin:0 0 10px;line-height:1.2;}
.cfx-serv-title .hl{color:#2F6BFF;}
.cfx-serv-sub{font-size:16px;color:#6B7280;line-height:1.6;margin:0;}

.cfx-serv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}

.cfx-serv-card{background:#FFF;border-radius:18px;padding:40px 18px 0;box-shadow:0 8px 20px rgba(0,0,0,.06);border:1px solid #EEF2F7;transition:all .3s ease;display:flex;flex-direction:column;position:relative;overflow:hidden;height:460px;}
.cfx-serv-card:hover{transform:translateY(-5px);box-shadow:0 16px 30px rgba(0,0,0,.08);}

.cfx-serv-num{position:absolute;top:8px;right:14px;font-size:64px;font-weight:800;color:#111827;opacity:.04;line-height:1;pointer-events:none;user-select:none;}

.cfx-serv-card-title{font-size:18px;font-weight:700;color:#111827;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:40px;}

.cfx-serv-card-desc{font-size:14px;color:#6B7280;line-height:1.5;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-shrink:0;}

.cfx-serv-img-wrap{width:100%;height:160px;display:flex;align-items:center;justify-content:center;margin-top:auto;margin-bottom:70px;flex-shrink:0;}
.cfx-serv-img-wrap img{max-width:230px;max-height:230px;width:auto;height:auto;object-fit:contain;display:block;}

.cfx-serv-cta-wrap{text-align:center;margin-top:40px;}
.cfx-serv-cta{display:inline-flex;align-items:center;gap:8px;padding:14px 36px;background:linear-gradient(135deg,#2F6BFF,#1E5BFF);color:#FFF;border-radius:12px;font-size:15px;font-weight:600;border:none;cursor:pointer;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px rgba(47,107,255,.3);}
.cfx-serv-cta:hover{box-shadow:0 8px 30px rgba(47,107,255,.45);transform:translateY(-2px);color:#FFF;}
.cfx-serv-cta::after{content:'→';font-size:18px;margin-left:4px;}
.cfx-serv-footnote{text-align:center;font-size:13px;color:#9CA3AF;margin-top:16px;}

@media(max-width:1024px){.cfx-serv-grid{grid-template-columns:repeat(2,1fr);}.cfx-serv-title{font-size:32px;}}
@media(max-width:640px){.cfx-serv-grid{grid-template-columns:1fr;}.cfx-serv-title{font-size:28px;}}

/* ===== 业务生态全景 (新) ===== */
.cfx-eco-section{padding:80px 0;background:linear-gradient(180deg,#F7F9FC 0%,#FFF 100%);position:relative;overflow:hidden;}
.cfx-eco-inner{max-width:1200px;margin:0 auto;padding:0 20px;}
.cfx-eco-header{text-align:center;margin-bottom:50px;}
.cfx-eco-title-wrap{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:14px;}
.cfx-eco-line{width:60px;height:1px;background:linear-gradient(90deg,transparent,#2F6BFF);display:block;}
.cfx-eco-line:last-child{background:linear-gradient(90deg,#2F6BFF,transparent);}
.cfx-eco-dot{width:8px;height:8px;border-radius:50%;background:#2F6BFF;flex-shrink:0;}
.cfx-eco-title{font-size:36px;font-weight:800;color:#111827;margin:0;white-space:nowrap;}
.cfx-eco-sub{font-size:15px;color:#6B7280;letter-spacing:1px;margin:0;}

/* 层级行 */
.cfx-eco-layer{display:flex;gap:24px;margin-bottom:24px;align-items:flex-start;}
.cfx-eco-layer-label{width:80px;flex-shrink:0;padding-top:4px;}
.cfx-eco-num{font-size:32px;font-weight:800;color:#2F6BFF;opacity:.3;line-height:1;display:block;margin-bottom:4px;}
.cfx-eco-layer-title h3{font-size:16px;font-weight:700;color:#111827;margin:0;line-height:1.2;}
.cfx-eco-layer-title p{font-size:12px;color:#6B7280;margin:2px 0 0;}

/* 第一层卡片 */
.cfx-eco-cards{display:flex;gap:24px;flex:1;}
.cfx-eco-card{width:260px;height:140px;background:#FFF;border-radius:16px;padding:20px;box-shadow:0 8px 20px rgba(0,0,0,.06);border:1px solid #EEF2F7;transition:all .3s ease;display:flex;flex-direction:column;justify-content:center;}
.cfx-eco-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.1);}
.cfx-eco-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;}
.cfx-eco-card-icon svg{width:22px;height:22px;}
.cfx-eco-icon-seo{background:#EFF6FF;}
.cfx-eco-icon-sem{background:#ECFEFF;}
.cfx-eco-icon-geo{background:#F3EFFF;}
.cfx-eco-icon-sns{background:#FFF7ED;}
.cfx-eco-card h4{font-size:15px;font-weight:700;color:#111827;margin:0 0 4px;}
.cfx-eco-card p{font-size:12px;color:#6B7280;line-height:1.4;margin:0;}

/* 流向箭头 */
.cfx-eco-arrows{height:40px;position:relative;margin-left:104px;margin-bottom:8px;}

/* 第二层转化卡片 */
.cfx-eco-conversion{flex:1;}
.cfx-eco-conversion-card{width:100%;max-width:1000px;height:160px;background:linear-gradient(135deg,#1E5BFF,#2F6BFF);border-radius:20px;padding:28px 36px;display:flex;align-items:center;gap:32px;box-shadow:0 12px 40px rgba(47,107,255,.25);}
.cfx-eco-conv-icon{width:64px;height:64px;border-radius:16px;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.cfx-eco-conv-icon svg{width:32px;height:32px;}
.cfx-eco-conv-content{flex:1;}
.cfx-eco-conv-content h4{font-size:22px;font-weight:700;color:#FFF;margin:0 0 4px;}
.cfx-eco-conv-desc{font-size:14px;color:rgba(255,255,255,.8);margin:0 0 12px;}
.cfx-eco-conv-points{display:flex;gap:24px;margin:0;padding:0;list-style:none;}
.cfx-eco-conv-points li{font-size:13px;color:#FFF;display:flex;align-items:center;gap:6px;}
.cfx-eco-conv-points li svg{width:16px;height:16px;flex-shrink:0;}

/* 第三层支撑 */
.cfx-eco-support{flex:1;display:flex;gap:16px;width:100%;max-width:1200px;min-height:120px;background:linear-gradient(135deg,#F0F5FF,#E8F0FE);border-radius:20px;padding:24px 32px;align-items:center;justify-content:space-between;}
.cfx-eco-support-item{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;}
.cfx-eco-support-item svg{width:32px;height:32px;transition:all .3s ease;}
.cfx-eco-support-item:hover svg{transform:scale(1.1);}
.cfx-eco-support-item span{font-size:13px;font-weight:600;color:#374151;white-space:nowrap;}

@media(max-width:1024px){
  .cfx-eco-layer{flex-direction:column;}
  .cfx-eco-layer-label{width:100%;display:flex;gap:12px;align-items:center;}
  .cfx-eco-cards{flex-wrap:wrap;}
  .cfx-eco-card{width:calc(50% - 12px);}
  .cfx-eco-conversion-card{flex-direction:column;height:auto;padding:24px;text-align:center;}
  .cfx-eco-conv-points{flex-direction:column;gap:8px;align-items:center;}
  .cfx-eco-support{flex-wrap:wrap;gap:16px;justify-content:center;min-height:auto;padding:20px;}
  .cfx-eco-arrows{display:none;}
}
@media(max-width:640px){
  .cfx-eco-card{width:100%;}
  .cfx-eco-title{font-size:26px;}
  .cfx-eco-support-item{width:calc(50% - 12px);}
}

/* ===== 业务生态全景 (新版-无SVG纯占位) ===== */
.cfx-eco2-section{padding:80px 0;background:linear-gradient(180deg,#F7F9FC 0%,#FFF 100%);position:relative;overflow:hidden;}
.cfx-eco2-inner{max-width:1320px;margin:0 auto;padding:0 40px;}

.cfx-eco2-header{text-align:center;margin-bottom:50px;}
.cfx-eco2-title-row{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:14px;}
.cfx-eco2-line{width:80px;height:2px;background:linear-gradient(90deg,transparent,#2F6BFF);display:block;}
.cfx-eco2-line:last-child{background:linear-gradient(90deg,#2F6BFF,transparent);}
.cfx-eco2-diamond{width:10px;height:10px;background:#2F6BFF;transform:rotate(45deg);flex-shrink:0;}
.cfx-eco2-title{font-size:64px;font-weight:800;color:#1E3A8A;margin:0;white-space:nowrap;letter-spacing:2px;}
.cfx-eco2-sub{font-size:20px;color:#6B7280;letter-spacing:2px;margin:0;}

/* 行容器 */
.cfx-eco2-row{display:flex;gap:20px;margin-bottom:20px;padding:20px;border:1px solid #E5E9F0;border-radius:24px;background:rgba(255,255,255,.6);box-shadow:0 4px 20px rgba(0,0,0,.04);}

/* 侧卡 */
.cfx-eco2-side{width:120px;height:220px;flex-shrink:0;background:linear-gradient(180deg,#F0F5FF,#E8F0FE);border-radius:20px;padding:20px 16px;display:flex;flex-direction:column;justify-content:center;}
.cfx-eco2-side-short{height:220px;justify-content:center;}
.cfx-eco2-side-badge{display:inline-block;background:#2F6BFF;color:#FFF;font-size:13px;font-weight:700;padding:4px 12px;border-radius:6px;margin-bottom:14px;align-self:flex-start;}
.cfx-eco2-side-title{font-size:20px;font-weight:700;color:#111827;margin:0 0 4px;line-height:1.2;}
.cfx-eco2-side-desc{font-size:12px;color:#6B7280;margin:0;line-height:1.5;}

/* 认知层卡片 */
.cfx-eco2-cards{display:flex;gap:16px;flex:1;min-width:0;}
.cfx-eco2-card{flex:1;min-width:0;height:220px;background:#FFF;border-radius:20px;padding:18px 14px;box-shadow:0 8px 20px rgba(0,0,0,.06);border:1px solid #EEF2F7;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;}
.cfx-eco2-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.1);}
.cfx-eco2-card-circle{width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;}
.cfx-eco2-card-circle img{max-width:60px;max-height:60px;display:block;}
.cfx-eco2-card h4{font-size:20px;font-weight:700;margin:0 0 6px;}
.cfx-eco2-card h4 span{font-weight:400;font-size:12px;color:#6B7280;display:block;margin-top:2px;}
.cfx-eco2-card p{font-size:13px;color:#6B7280;line-height:1.5;margin:0;}

/* 流向箭头 */
.cfx-eco2-flow{display:flex;gap:16px;justify-content:space-between;padding:4px 0 12px;margin-left:140px;}
.cfx-eco2-flow-line{flex:1;height:2px;border-top:2px dashed #3B82F6;position:relative;opacity:.5;}
.cfx-eco2-flow-line::after{content:'';position:absolute;right:0;top:-4px;width:0;height:0;border-left:6px solid #3B82F6;border-top:5px solid transparent;border-bottom:5px solid transparent;}

/* 转化层 */
.cfx-eco2-conversion{flex:1;min-width:0;}
.cfx-eco2-conv-card{min-height:180px;background:linear-gradient(135deg,#1E5BFF,#2F6BFF);border-radius:24px;padding:24px 28px;display:flex;align-items:center;gap:20px;box-shadow:0 12px 40px rgba(47,107,255,.25);}
.cfx-eco2-conv-left{display:flex;align-items:center;gap:16px;flex-shrink:0;}
.cfx-eco2-main-pic{max-width:160px;max-height:96px;width:auto;height:auto;object-fit:contain;display:block;}
.cfx-eco2-conv-text h4{font-size:24px;font-weight:700;color:#FFF;margin:0 0 4px;line-height:1.1;white-space:nowrap;}
.cfx-eco2-conv-text p{font-size:15px;color:rgba(255,255,255,.8);margin:0;white-space:nowrap;}
.cfx-eco2-conv-right{display:flex;gap:12px;flex:1;min-width:0;}
.cfx-eco2-conv-item{flex:1;min-width:0;height:72px;background:rgba(255,255,255,.95);border-radius:14px;padding:10px 12px;display:flex;align-items:center;gap:10px;}
.cfx-eco2-conv-sm{max-width:32px;max-height:32px;width:auto;height:auto;object-fit:contain;display:block;flex-shrink:0;}

/* 向下箭头 */
.cfx-eco2-down-arrow{display:flex;flex-direction:column;align-items:center;padding:6px 0 14px;margin-left:140px;}
.cfx-eco2-arrow-body{width:2px;height:18px;background:#2F6BFF;}
.cfx-eco2-arrow-head{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid #2F6BFF;}

/* 支撑层 */
.cfx-eco2-support{flex:1;min-width:0;display:flex;flex-direction:column;gap:0;}
.cfx-eco2-support-header h4{font-size:20px;font-weight:700;color:#111827;margin:0 0 4px;}
.cfx-eco2-support-header p{font-size:14px;color:#6B7280;margin:0;letter-spacing:1px;}
.cfx-eco2-support-divider{width:100%;height:1px;background:#EEF2F7;margin:20px 0 24px;}
.cfx-eco2-support-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;}
.cfx-eco2-support-item{text-align:center;padding:16px 8px;border-radius:12px;transition:all .3s ease;}
.cfx-eco2-support-item:hover{background:#F8FAFE;}
.cfx-eco2-support-img{max-width:48px;max-height:48px;width:auto;height:auto;object-fit:contain;display:block;margin:0 auto 12px;}
.cfx-eco2-support-item strong{font-size:14px;font-weight:600;color:#111827;display:block;margin-bottom:4px;}
.cfx-eco2-support-item span{font-size:12px;color:#6B7280;line-height:1.4;display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

@media(max-width:1200px){
  .cfx-eco2-title{font-size:44px;}
  .cfx-eco2-cards{flex-wrap:wrap;justify-content:center;}
  .cfx-eco2-card{width:calc(50% - 10px);}
  .cfx-eco2-row{flex-direction:column;}
  .cfx-eco2-side{width:100%;height:auto;flex-direction:row;align-items:center;gap:16px;padding:16px 20px;}
  .cfx-eco2-side-badge{margin-bottom:0;}
  .cfx-eco2-conv-card{flex-direction:column;height:auto;padding:24px;}
  .cfx-eco2-conv-right{flex-wrap:wrap;justify-content:center;}
  .cfx-eco2-flow,.cfx-eco2-down-arrow{margin-left:0;}
  .cfx-eco2-support-grid{flex-wrap:wrap;}
  .cfx-eco2-support-item{min-width:calc(33% - 14px);}
}

/* ===== 为什么选择我们 (新版) ===== */
.cfx-choose-section{padding:80px 0;background:linear-gradient(180deg,#F7F9FC 0%,#FFF 100%);position:relative;overflow:hidden;}
.cfx-choose-inner{max-width:1240px;margin:0 auto;padding:0 40px;}

.cfx-choose-header{text-align:center;margin-bottom:48px;}
.cfx-choose-title{font-size:44px;font-weight:800;color:#111827;margin:0 0 16px;}
.cfx-choose-line{width:60px;height:3px;background:#2F6BFF;border-radius:2px;margin:0 auto 16px;}
.cfx-choose-sub{font-size:16px;color:#6B7280;letter-spacing:1px;margin:0;}

.cfx-choose-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:56px;}
.cfx-choose-card{background:#FFF;border-radius:18px;padding:32px 16px;box-shadow:0 8px 20px rgba(0,0,0,.06);border:1px solid #EEF2F7;text-align:center;transition:all .3s ease;}
.cfx-choose-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.1);}
.cfx-choose-icon{width:52px;height:52px;border-radius:50%;background:#EEF4FF;object-fit:contain;display:block;margin:0 auto 16px;padding:10px;}
.cfx-choose-card p{font-size:15px;font-weight:600;color:#1F2937;line-height:1.5;margin:0;}

.cfx-choose-bottom{display:flex;gap:24px;}
.cfx-choose-clients{flex:1.2;background:#FFF;border-radius:20px;padding:28px 24px;box-shadow:0 8px 20px rgba(0,0,0,.06);border:1px solid #EEF2F7;}
.cfx-choose-clients-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.cfx-choose-client-item{height:80px;border:1px solid #EEF2F7;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:8px;transition:all .3s ease;background:#FAFBFC;}
.cfx-choose-client-item img{max-width:100%;max-height:100%;object-fit:contain;display:block;}
.cfx-choose-client-item:hover{border-color:#2F6BFF;box-shadow:0 4px 12px rgba(47,107,255,.1);}

.cfx-choose-testimonial{flex:1;background:linear-gradient(135deg,#F0F5FF,#E8F0FE);border-radius:20px;padding:32px 28px;display:flex;flex-direction:column;position:relative;}
.cfx-choose-test-slider{flex:1;position:relative;}
.cfx-choose-test-item{display:none;}
.cfx-choose-test-item.active{display:block;}
.cfx-choose-test-tag{display:inline-block;font-size:12px;font-weight:600;color:#2F6BFF;background:rgba(47,107,255,.1);padding:4px 12px;border-radius:6px;margin-bottom:12px;align-self:flex-start;}
.cfx-choose-testimonial h3{font-size:24px;font-weight:700;color:#111827;margin:0 0 16px;}
.cfx-choose-test-quote p{font-size:14px;color:#4B5563;line-height:1.7;margin:0 0 20px;font-style:italic;}
.cfx-choose-test-author{display:flex;align-items:center;gap:12px;margin-top:auto;}
.cfx-choose-test-avatar{width:44px;height:44px;border-radius:50%;background:#2F6BFF;display:flex;align-items:center;justify-content:center;color:#FFF;font-size:12px;font-weight:700;}
.cfx-choose-test-author strong{font-size:14px;color:#111827;display:block;margin-bottom:2px;}
.cfx-choose-test-author span{font-size:12px;color:#6B7280;}
.cfx-choose-test-dots{display:flex;gap:8px;margin-top:16px;}
.cfx-choose-dot{width:8px;height:8px;border-radius:50%;background:#D1D5DB;transition:all .3s ease;cursor:pointer;display:inline-block;}
.cfx-choose-dot.active{width:28px;border-radius:4px;background:#2F6BFF;}
.cfx-choose-dot:hover{background:#9CA3AF;}

@media(max-width:1024px){
  .cfx-choose-title{font-size:32px;}
  .cfx-choose-grid{grid-template-columns:repeat(3,1fr);}
  .cfx-choose-bottom{flex-direction:column;}
  .cfx-choose-clients-grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:640px){
  .cfx-choose-grid{grid-template-columns:repeat(2,1fr);}
  .cfx-choose-clients-grid{grid-template-columns:repeat(2,1fr);}
  .cfx-choose-title{font-size:26px;}
}

/* ===== 多语种优势能力 (新版) ===== */
.cfx-cap-section{padding:80px 0;background:linear-gradient(180deg,#F7F9FC 0%,#FFF 100%);}
.cfx-cap-inner{max-width:1200px;margin:0 auto;padding:0 40px;}

.cfx-cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:40px;}

.cfx-cap-card{background:#FFF;border-radius:18px;padding:28px 24px;box-shadow:0 8px 20px rgba(0,0,0,.06);border:1px solid #EEF2F7;transition:all .3s ease;position:relative;overflow:hidden;}
.cfx-cap-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.1);}

.cfx-cap-num{position:absolute;top:10px;right:14px;font-size:48px;font-weight:800;color:#111827;opacity:.04;line-height:1;pointer-events:none;user-select:none;}

.cfx-cap-icon{width:48px;height:48px;border-radius:14px;object-fit:contain;display:block;margin-bottom:16px;}
.cfx-cap-card h3{font-size:18px;font-weight:700;color:#111827;margin:0 0 8px;}
.cfx-cap-card p{font-size:14px;color:#6B7280;line-height:1.6;margin:0;}

/* 数据统计栏 */
.cfx-cap-stats{display:flex;align-items:center;background:#FFF;border-radius:16px;padding:24px 32px;box-shadow:0 8px 20px rgba(0,0,0,.06);border:1px solid #EEF2F7;}
.cfx-cap-stat-item{flex:1;text-align:center;}
.cfx-cap-stat-icon-box{width:36px;height:36px;border-radius:10px;object-fit:contain;display:block;margin:0 auto 10px;}

@media(max-width:1024px){
  .cfx-cap-grid{grid-template-columns:repeat(2,1fr);}
  .cfx-cap-stats{flex-wrap:wrap;gap:16px;padding:20px;}
  .cfx-cap-stat-item{min-width:calc(50% - 16px);}
  .cfx-cap-stat-divider{display:none;}
}
@media(max-width:640px){
  .cfx-cap-grid{grid-template-columns:1fr;}
  .cfx-cap-stat-item{min-width:100%;}
}

/* ===== 国内平台品牌增长全案服务 (新版) ===== */
.cfx-brand-section{padding:80px 0;background:linear-gradient(180deg,#F7F9FC 0%,#FFF 100%);position:relative;overflow:hidden;}
.cfx-brand-inner{max-width:1200px;margin:0 auto;padding:0 40px;}

.cfx-brand-header{text-align:center;margin-bottom:48px;max-width:800px;margin-left:auto;margin-right:auto;}
.cfx-brand-tag{display:inline-block;font-size:13px;font-weight:600;color:#2F6BFF;background:rgba(47,107,255,.08);padding:4px 16px;border-radius:20px;margin-bottom:16px;}
.cfx-brand-title{font-size:44px;font-weight:800;color:#111827;margin:0 0 12px;line-height:1.15;}
.cfx-brand-desc{font-size:16px;color:#6B7280;line-height:1.7;margin:0;}

.cfx-brand-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;}

.cfx-brand-card{background:#FFF;border-radius:18px;padding:32px 20px 24px;box-shadow:0 8px 20px rgba(0,0,0,.06);border:1px solid #EEF2F7;text-align:center;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;}
.cfx-brand-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.1);}

.cfx-brand-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#EEF4FF,#D6E4FF);display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.cfx-brand-icon img{max-width:32px;max-height:32px;object-fit:contain;display:block;}

.cfx-brand-card h3{font-size:16px;font-weight:700;color:#111827;margin:0 0 6px;}
.cfx-brand-card p{font-size:13px;color:#6B7280;line-height:1.5;margin:0 0 16px;}
.cfx-brand-line{width:32px;height:3px;border-radius:2px;background:#2F6BFF;display:block;margin-top:auto;}

@media(max-width:1024px){
  .cfx-brand-title{font-size:32px;}
  .cfx-brand-grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:640px){
  .cfx-brand-grid{grid-template-columns:repeat(2,1fr);}
  .cfx-brand-title{font-size:26px;}
}

/* ===== SEM搜索营销 (栅格对齐版) ===== */
.cfx-sem-section{padding:80px 0;background:linear-gradient(180deg,#F7F9FC 0%,#FFF 100%);}
.cfx-sem-inner{max-width:1200px;margin:0 auto;padding:0 40px;}

.cfx-sem-header{text-align:center;margin-bottom:48px;}
.cfx-sem-title{font-size:44px;font-weight:800;color:#111827;margin:0 0 12px;}
.cfx-sem-desc{font-size:16px;color:#6B7280;line-height:1.6;margin:0;}

.cfx-sem-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;}

.cfx-sem-card{background:#FFF;border-radius:20px;padding:24px;box-shadow:0 8px 20px rgba(0,0,0,.06);border:1px solid #EEF2F7;display:flex;flex-direction:column;height:560px;transition:all .3s ease;}

.cfx-sem-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#EEF4FF,#D6E4FF);display:flex;align-items:center;justify-content:center;margin-bottom:12px;flex-shrink:0;}
.cfx-sem-icon-purple{background:linear-gradient(135deg,#F0F0FF,#E0E0FF);}
.cfx-sem-icon img{max-width:22px;max-height:22px;object-fit:contain;display:block;}

.cfx-sem-card-title{font-size:18px;font-weight:700;color:#111827;margin:0 0 16px;text-align:left;}

.cfx-sem-list{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:8px;}
.cfx-sem-list li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#4B5563;line-height:1.6;text-align:left;}
.cfx-sem-dot{width:6px;height:6px;border-radius:50%;background:#2F6BFF;flex-shrink:0;margin-top:7px;}

.cfx-sem-img{width:100%;height:300px;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-top:auto;background:#F0F4FF;flex-shrink:0;}
.cfx-sem-img img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;display:block;}

@media(max-width:1024px){
  .cfx-sem-title{font-size:32px;}
  .cfx-sem-cards{grid-template-columns:1fr;}
  .cfx-sem-card{height:auto;}
  .cfx-sem-img{height:200px;}
}

/* ===== 国内主流投放渠道 ===== */
.cfx-sinc-section{padding:80px 0;background:linear-gradient(180deg,#F7F9FC 0%,#FFF 100%);}
.cfx-sinc-inner{max-width:1200px;margin:0 auto;padding:0 40px;display:flex;gap:48px;}

.cfx-sinc-left{flex:1;max-width:420px;display:flex;flex-direction:column;justify-content:center;}
.cfx-sinc-title{font-size:36px;font-weight:800;color:#111827;margin:0 0 24px;line-height:1.15;}
.cfx-sinc-content h3{font-size:24px;font-weight:700;color:#111827;margin:0 0 12px;}
.cfx-sinc-content p{font-size:15px;color:#6B7280;line-height:1.7;margin:0 0 24px;}
.cfx-sinc-label{font-size:13px;font-weight:600;color:#2F6BFF;display:block;margin-bottom:10px;}
.cfx-sinc-services ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px;}
.cfx-sinc-services li{font-size:13px;color:#374151;background:#FFF;border:1px solid #E5E7EB;border-radius:20px;padding:6px 14px;}

.cfx-sinc-right{flex:1;min-width:0;}
.cfx-sinc-carousel{overflow:visible;padding:40px 0;}
.cfx-sinc-carousel .swiper-slide{width:260px;height:400px;transition:all .5s ease;opacity:.35;transform:scale(.85);}
.cfx-sinc-carousel .swiper-slide-active{opacity:1;transform:scale(1.05);z-index:10;}

.cfx-sinc-card{width:100%;height:100%;border-radius:20px;padding:24px 20px 20px;display:flex;flex-direction:column;position:relative;overflow:hidden;background:#FFF;border:1px solid #EEF2F7;box-shadow:0 8px 20px rgba(0,0,0,.06);}
.cfx-sinc-card-num{position:absolute;top:12px;right:16px;font-size:40px;font-weight:800;color:#111827;opacity:.04;line-height:1;}
.cfx-sinc-card-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;flex-shrink:0;}
.cfx-sinc-card-icon span{width:20px;height:20px;border:2px dashed rgba(255,255,255,.6);border-radius:4px;opacity:.7;}
.cfx-icolor-blue{background:linear-gradient(135deg,#3B82F6,#1D4ED8);}
.cfx-icolor-green{background:linear-gradient(135deg,#10B981,#059669);}
.cfx-icolor-purple{background:linear-gradient(135deg,#8B5CF6,#6D28D9);}
.cfx-icolor-orange{background:linear-gradient(135deg,#F59E0B,#D97706);}
.cfx-icolor-gray{background:linear-gradient(135deg,#6B7280,#374151);}
.cfx-sinc-card h4{font-size:18px;font-weight:700;color:#111827;margin:0 0 6px;}
.cfx-sinc-card p{font-size:13px;color:#6B7280;line-height:1.5;margin:0 0 auto;}
.cfx-sinc-card-img{width:100%;height:140px;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-top:16px;flex-shrink:0;background:#F0F4FF;}
.cfx-sinc-card-img img{max-width:100%;max-height:100%;object-fit:contain;display:block;}

.cfx-sinc-arrows{display:flex;gap:12px;justify-content:center;margin-top:20px;}
.cfx-sinc-arrow{width:44px;height:44px;border-radius:50%;background:#FFF;border:none;box-shadow:0 4px 12px rgba(0,0,0,.1);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px;color:#374151;transition:all .3s ease;}
.cfx-sinc-arrow:hover{box-shadow:0 6px 20px rgba(0,0,0,.15);color:#2F6BFF;}
.cfx-sinc-arrow-next{background:#2F6BFF;color:#FFF;}
.cfx-sinc-arrow-next:hover{background:#1E5BFF;color:#FFF;}

@media(max-width:1024px){
  .cfx-sinc-inner{flex-direction:column;}
  .cfx-sinc-left{max-width:100%;}
  .cfx-sinc-title{font-size:28px;}
  .cfx-sinc-carousel .swiper-slide{width:220px;height:360px;}
}

/* ===== 国内主流投放渠道 - 设计图还原版 ===== */
.cfx-sinc-section {
	position: relative;
	overflow: hidden;
	padding: 1.34rem 0 1.08rem;
	background:
		radial-gradient(circle at 88% 8%, rgb(66 123 226 / 8%), transparent 28%),
		linear-gradient(180deg, #f7fbff 0%, #ffffff 58%, #f7fbff 100%);
}

.cfx-sinc-section::before {
	content: "";
	position: absolute;
	left: -0.8rem;
	bottom: -1.2rem;
	width: 3.4rem;
	height: 3.4rem;
	border-radius: 50%;
	background: radial-gradient(circle, rgb(47 112 255 / 7%), transparent 68%);
	pointer-events: none;
}

.cfx-sinc-inner {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(3.95rem, 0.9fr) minmax(8.2rem, 1.6fr);
	align-items: center;
	gap: 0.76rem;
	max-width: 16.4rem;
	margin: 0 auto;
	padding: 0 0.64rem;
}

.cfx-sinc-left {
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: none;
	min-height: 6.48rem;
}

.cfx-sinc-title {
	position: relative;
	margin: 0 0 0.64rem;
	color: #0c1630;
	font-size: 0.42rem;
	font-weight: 800;
	line-height: 1.12;
	letter-spacing: 0.01em;
}

.cfx-sinc-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -0.28rem;
	width: 0.38rem;
	height: 0.03rem;
	border-radius: 999px;
	background: #4d79ff;
	box-shadow: 0 0.08rem 0.18rem rgb(47 107 255 / 25%);
}

.cfx-sinc-content h3 {
	position: relative;
	margin: 0 0 0.28rem;
	padding-left: 0.24rem;
	color: #10182c;
	font-size: 0.2rem;
	font-weight: 800;
	line-height: 1.35;
}

.cfx-sinc-content h3::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.06rem;
	width: 0.03rem;
	height: 0.22rem;
	border-radius: 999px;
	background: #2f6bff;
}

.cfx-sinc-content p {
	max-width: 4.95rem;
	margin: 0 0 0.14rem;
	color: #3f4b63;
	font-size: 0.16rem;
	line-height: 1.95;
}

.cfx-sinc-services {
	box-sizing: border-box;
	width: 4.58rem;
	margin-top: 0.56rem;
	padding: 0.24rem 0.3rem 0.28rem;
	border: 1px solid rgb(225 234 248 / 70%);
	border-radius: 0.08rem;
	background: linear-gradient(135deg, rgb(255 255 255 / 92%) 0%, rgb(245 249 255 / 86%) 100%);
	box-shadow: 0 0.18rem 0.5rem rgb(33 72 126 / 7%);
}

.cfx-sinc-label {
	position: relative;
	display: flex;
	align-items: center;
	gap: 0.13rem;
	margin-bottom: 0.18rem;
	color: #2468ff;
	font-size: 0.16rem;
	font-weight: 800;
}

.cfx-sinc-label::before {
	content: "";
	width: 0.22rem;
	height: 0.22rem;
	border: 2px solid #2f6bff;
	border-radius: 50%;
	background: radial-gradient(circle, #2f6bff 0.04rem, transparent 0.05rem);
	box-shadow: 0 0.08rem 0.16rem rgb(47 107 255 / 18%);
}

.cfx-sinc-services ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0.1rem 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.cfx-sinc-services li {
	position: relative;
	margin: 0;
	padding: 0 0.16rem 0 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #3e495e;
	font-size: 0.15rem;
	line-height: 1.8;
}

.cfx-sinc-services li:not(:last-child)::after {
	content: "/";
	margin-left: 0.16rem;
	color: #9ca8bc;
}

.cfx-sinc-arrows {
	display: flex;
	justify-content: flex-start;
	gap: 0.2rem;
	margin-top: 0.66rem;
}

.cfx-sinc-arrow {
	-webkit-appearance: none;
	appearance: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0.52rem;
	height: 0.52rem;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #f2f6fb;
	box-shadow: none;
	cursor: pointer;
	transition: transform 0.28s ease, background 0.28s ease, box-shadow 0.28s ease;
}

.cfx-sinc-arrow-next {
	background: linear-gradient(135deg, #4381ff 0%, #2469ff 100%);
	box-shadow: 0 0.12rem 0.28rem rgb(47 107 255 / 28%);
}

.cfx-sinc-arrow:hover {
	transform: translateY(-0.03rem);
	box-shadow: 0 0.14rem 0.32rem rgb(34 64 116 / 12%);
}

.cfx-sinc-arrow-next:hover {
	background: linear-gradient(135deg, #4f8cff 0%, #1f62f4 100%);
	box-shadow: 0 0.16rem 0.34rem rgb(47 107 255 / 34%);
}

.cfx-sinc-arrow span {
	display: block;
	width: 0.1rem;
	height: 0.1rem;
	border-top: 2px solid #1d293d;
	border-right: 2px solid #1d293d;
}

.cfx-sinc-arrow-prev span {
	margin-left: 0.04rem;
	transform: rotate(-135deg);
}

.cfx-sinc-arrow-next span {
	margin-right: 0.04rem;
	border-color: #fff;
	transform: rotate(45deg);
}

.cfx-sinc-right {
	min-width: 0;
}

.cfx-sinc-carousel {
	overflow: visible;
	padding: 0;
}

.cfx-sinc-track {
	display: grid;
	grid-template-columns: repeat(5, minmax(1.68rem, 1fr));
	gap: 0.14rem;
	align-items: stretch;
	margin: 0;
	padding: 0;
	list-style: none;
}

.cfx-sinc-item {
	min-width: 0;
	height: 6.05rem;
}

.cfx-sinc-card {
	-webkit-appearance: none;
	appearance: none;
	position: relative;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 0.46rem 0.22rem 0.3rem;
	border: 1px solid rgb(197 216 244 / 78%);
	border-radius: 0.2rem;
	background:
		linear-gradient(180deg, rgb(255 255 255 / 94%) 0%, rgb(255 255 255 / 80%) 56%, var(--sinc-soft) 100%);
	box-shadow: 0 0.18rem 0.44rem rgb(36 78 134 / 10%);
	overflow: hidden;
	font-family: inherit;
	text-align: left;
	cursor: pointer;
	transition: transform 0.32s ease, box-shadow 0.32s ease, border-color 0.32s ease;
}

.cfx-sinc-card::before {
	content: "";
	position: absolute;
	left: -22%;
	right: -18%;
	bottom: -0.1rem;
	height: 1.25rem;
	background:
		radial-gradient(ellipse at 22% 30%, rgb(255 255 255 / 46%) 0 28%, transparent 29%),
		linear-gradient(155deg, rgb(255 255 255 / 16%) 0%, var(--sinc-soft) 62%, var(--sinc-color) 100%);
	border-radius: 50% 50% 0 0 / 42% 42% 0 0;
	opacity: 0.64;
}

.cfx-sinc-card::after {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 86% 8%, rgb(255 255 255 / 70%), transparent 28%);
	pointer-events: none;
}

.cfx-sinc-item.is-active .cfx-sinc-card,
.cfx-sinc-card:hover {
	transform: translateY(-0.06rem);
	border-color: var(--sinc-color);
	box-shadow: 0 0.24rem 0.52rem rgb(36 78 134 / 15%);
}

.cfx-sinc-card h4,
.cfx-sinc-card i,
.cfx-sinc-card p,
.cfx-sinc-visual {
	position: relative;
	z-index: 1;
}

.cfx-sinc-card h4 {
	margin: 0 0 0.16rem;
	color: var(--sinc-color);
	font-size: 0.25rem;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: -0.01em;
}

.cfx-sinc-card i {
	display: block;
	width: 0.24rem;
	height: 0.02rem;
	margin-bottom: 0.28rem;
	border-radius: 999px;
	background: var(--sinc-color);
}

.cfx-sinc-card p {
	min-height: 0.72rem;
	margin: 0;
	color: #3d485d;
	font-size: 0.14rem;
	font-weight: 600;
	line-height: 1.72;
}

.cfx-sinc-visual {
	flex: 1;
	min-height: 2.5rem;
	margin-top: 0.34rem;
}

.cfx-sinc-visual span,
.cfx-sinc-visual b,
.cfx-sinc-visual em {
	position: absolute;
	display: block;
	box-sizing: border-box;
}

.cfx-sinc-visual-search span {
	left: 0;
	top: 0;
	width: 1.55rem;
	height: 0.36rem;
	border: 1px solid rgb(47 107 255 / 28%);
	border-radius: 999px;
	background: #fff;
}

.cfx-sinc-visual-search span::after {
	content: "";
	position: absolute;
	right: 0.18rem;
	top: 0.09rem;
	width: 0.1rem;
	height: 0.1rem;
	border: 2px solid var(--sinc-color);
	border-radius: 50%;
	box-shadow: 0.08rem 0.08rem 0 -0.03rem var(--sinc-color);
}

.cfx-sinc-visual-search b {
	left: 0.54rem;
	top: 0.55rem;
	width: 0.86rem;
	height: 0.86rem;
	border: 0.1rem solid var(--sinc-color);
	border-radius: 50%;
	box-shadow: inset 0.08rem 0.08rem 0.2rem rgb(255 255 255 / 70%);
}

.cfx-sinc-visual-search b::after {
	content: "";
	position: absolute;
	right: -0.42rem;
	bottom: -0.28rem;
	width: 0.56rem;
	height: 0.12rem;
	border-radius: 999px;
	background: var(--sinc-color);
	transform: rotate(45deg);
}

.cfx-sinc-visual-search em {
	left: 0.04rem;
	top: 0.72rem;
	width: 0.74rem;
	height: 1.44rem;
	background: repeating-linear-gradient(180deg, transparent 0 0.24rem, rgb(112 151 216 / 18%) 0.24rem 0.34rem);
	border-radius: 0.12rem;
	opacity: 0.75;
}

.cfx-sinc-visual-feed span {
	left: 0.2rem;
	top: 0.05rem;
	width: 1.34rem;
	height: 2.05rem;
	border-radius: 0.1rem;
	background: #fff;
	box-shadow: 0 0.12rem 0.28rem rgb(32 115 96 / 10%);
}

.cfx-sinc-visual-feed span::before,
.cfx-sinc-visual-feed span::after {
	content: "";
	position: absolute;
	left: 0.18rem;
	right: 0.18rem;
	height: 0.08rem;
	border-radius: 999px;
	background: rgb(19 184 135 / 24%);
}

.cfx-sinc-visual-feed span::before {
	top: 0.22rem;
}

.cfx-sinc-visual-feed span::after {
	top: 0.44rem;
}

.cfx-sinc-visual-feed b {
	left: 0.34rem;
	top: 0.78rem;
	width: 1.02rem;
	height: 0.72rem;
	border-radius: 0.08rem;
	background:
		radial-gradient(circle at 70% 30%, rgb(19 184 135 / 38%) 0 0.1rem, transparent 0.11rem),
		linear-gradient(135deg, rgb(19 184 135 / 26%) 0 45%, rgb(19 184 135 / 48%) 46% 100%);
}

.cfx-sinc-visual-feed em {
	right: 0.06rem;
	bottom: 0.42rem;
	width: 0.48rem;
	height: 0.48rem;
	border-radius: 50%;
	background: linear-gradient(135deg, #67dec0, var(--sinc-color));
	box-shadow: 0 0.12rem 0.24rem rgb(19 184 135 / 22%);
}

.cfx-sinc-visual-feed em::before {
	content: "";
	position: absolute;
	left: 0.16rem;
	top: 0.13rem;
	width: 0.16rem;
	height: 0.2rem;
	border-right: 0.05rem solid #fff;
	border-bottom: 0.05rem solid #fff;
	transform: rotate(35deg);
}

.cfx-sinc-visual-video span {
	left: 0.2rem;
	top: 0;
	width: 1.28rem;
	height: 2.18rem;
	border-radius: 0.14rem;
	background:
		radial-gradient(circle at 45% 48%, rgb(255 255 255 / 38%) 0 0.34rem, transparent 0.35rem),
		linear-gradient(160deg, #7567ff 0%, #aa8cff 100%);
	box-shadow: 0 0.18rem 0.34rem rgb(103 85 255 / 20%);
}

.cfx-sinc-visual-video span::after {
	content: "";
	position: absolute;
	left: 0.58rem;
	top: 0.86rem;
	width: 0;
	height: 0;
	border-top: 0.12rem solid transparent;
	border-bottom: 0.12rem solid transparent;
	border-left: 0.18rem solid #fff;
}

.cfx-sinc-visual-video b,
.cfx-sinc-visual-video em {
	right: 0.04rem;
	width: 0.2rem;
	height: 0.2rem;
	color: var(--sinc-color);
}

.cfx-sinc-visual-video b {
	top: 0.58rem;
	background: currentColor;
	clip-path: polygon(50% 85%, 8% 44%, 28% 10%, 50% 30%, 72% 10%, 92% 44%);
}

.cfx-sinc-visual-video em {
	top: 1.12rem;
	border-radius: 50%;
	background: currentColor;
	box-shadow: 0 0.42rem 0 currentColor;
	opacity: 0.72;
}

.cfx-sinc-visual-shop span {
	left: 0.14rem;
	top: 0.22rem;
	width: 1.54rem;
	height: 0.72rem;
	border-radius: 0.12rem 0.12rem 0.2rem 0.2rem;
	background: linear-gradient(135deg, #ff9b2c, #ff7108);
}

.cfx-sinc-visual-shop span::before {
	content: "";
	position: absolute;
	left: 0.04rem;
	top: -0.26rem;
	width: 0.35rem;
	height: 0.35rem;
	border-left: 0.08rem solid #ff8517;
	border-top: 0.08rem solid #ff8517;
	border-radius: 0.08rem 0 0 0;
}

.cfx-sinc-visual-shop span::after {
	content: "";
	position: absolute;
	left: 0.28rem;
	right: 0.22rem;
	top: 0.22rem;
	height: 0.1rem;
	border-radius: 999px;
	background: rgb(255 255 255 / 28%);
	box-shadow: 0 0.28rem 0 rgb(255 255 255 / 22%);
}

.cfx-sinc-visual-shop b {
	left: 0.28rem;
	top: 1.16rem;
	width: 0.24rem;
	height: 0.24rem;
	border-radius: 50%;
	background: #ff8517;
	box-shadow: 0.9rem 0 0 #ff8517;
}

.cfx-sinc-visual-shop em {
	right: 0.08rem;
	bottom: 0.4rem;
	width: 0.86rem;
	height: 0.62rem;
	border-left: 0.08rem solid rgb(255 133 23 / 36%);
	border-bottom: 0.08rem solid rgb(255 133 23 / 36%);
}

.cfx-sinc-visual-shop em::after {
	content: "";
	position: absolute;
	right: -0.04rem;
	top: -0.22rem;
	width: 0.48rem;
	height: 0.48rem;
	border-top: 0.08rem solid rgb(255 133 23 / 54%);
	border-right: 0.08rem solid rgb(255 133 23 / 54%);
	transform: rotate(0deg);
}

.cfx-sinc-visual-private span {
	left: 0.05rem;
	top: 0.18rem;
	width: 1.08rem;
	height: 0.72rem;
	border-radius: 0.12rem;
	background: linear-gradient(135deg, #5aa0ff, var(--sinc-color));
	box-shadow: 0 0.14rem 0.28rem rgb(47 130 255 / 20%);
}

.cfx-sinc-visual-private span::before {
	content: "";
	position: absolute;
	left: 0.26rem;
	top: 0.28rem;
	width: 0.12rem;
	height: 0.12rem;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0.28rem 0 0 #fff, 0.56rem 0 0 #fff;
}

.cfx-sinc-visual-private span::after {
	content: "";
	position: absolute;
	left: 0.22rem;
	bottom: -0.18rem;
	width: 0.24rem;
	height: 0.24rem;
	background: var(--sinc-color);
	clip-path: polygon(0 0, 100% 0, 0 100%);
}

.cfx-sinc-visual-private b {
	right: 0.1rem;
	bottom: 0.46rem;
	width: 1.2rem;
	height: 1.36rem;
	border-radius: 0.12rem;
	background: linear-gradient(180deg, #5aa0ff, #2b73ee);
	box-shadow: 0 0.16rem 0.3rem rgb(47 130 255 / 18%);
}

.cfx-sinc-visual-private b::before {
	content: "";
	position: absolute;
	left: 0.42rem;
	top: 0.26rem;
	width: 0.36rem;
	height: 0.36rem;
	border-radius: 50%;
	background: rgb(255 255 255 / 72%);
}

.cfx-sinc-visual-private b::after {
	content: "";
	position: absolute;
	left: 0.28rem;
	right: 0.28rem;
	bottom: 0.24rem;
	height: 0.42rem;
	border-radius: 0.28rem 0.28rem 0.12rem 0.12rem;
	background: rgb(255 255 255 / 36%);
}

.cfx-sinc-visual-private em {
	display: none;
}

@media(max-width:1440px) {
	.cfx-sinc-inner {
		grid-template-columns: minmax(3.7rem, 0.86fr) minmax(7.4rem, 1.58fr);
		gap: 0.54rem;
	}

	.cfx-sinc-track {
		gap: 0.1rem;
	}

	.cfx-sinc-card {
		padding-left: 0.18rem;
		padding-right: 0.18rem;
	}

	.cfx-sinc-card h4 {
		font-size: 0.22rem;
	}
}

@media(max-width:1200px) {
	.cfx-sinc-section {
		padding: 0.9rem 0;
	}

	.cfx-sinc-inner {
		grid-template-columns: 1fr;
		gap: 0.48rem;
	}

	.cfx-sinc-left {
		min-height: auto;
	}

	.cfx-sinc-content p,
	.cfx-sinc-services {
		max-width: none;
		width: 100%;
	}

	.cfx-sinc-arrows {
		margin-top: 0.32rem;
	}

	.cfx-sinc-carousel {
		overflow-x: auto;
		overflow-y: hidden;
		padding: 0.08rem 0 0.24rem;
		scrollbar-width: none;
	}

	.cfx-sinc-carousel::-webkit-scrollbar {
		display: none;
	}

	.cfx-sinc-track {
		display: flex;
		gap: 0.16rem;
		width: max-content;
	}

	.cfx-sinc-item {
		width: 2.28rem;
		height: 4.72rem;
		scroll-snap-align: center;
	}
}

@media(max-width:768px) {
	.cfx-sinc-inner {
		padding: 0 0.24rem;
	}

	.cfx-sinc-title {
		font-size: 0.3rem;
	}

	.cfx-sinc-services {
		padding: 0.2rem;
	}

	.cfx-sinc-item {
		width: 2.16rem;
		height: 4.5rem;
	}

	.cfx-sinc-card h4 {
		font-size: 0.2rem;
	}

	.cfx-sinc-card p {
		font-size: 0.13rem;
	}
}

/* ===== SEM六大优势 - 卡片比例修正版 ===== */
.cfx-sem-benefits {
	padding: 0.72rem 0 0.62rem;
}

.cfx-sem-benefits .cfx-container {
	width: 100%;
	max-width: 16.3rem;
}

.cfx-sem-benefits .cfx-inner-section-title {
	margin-bottom: 0.42rem;
}

.cfx-sem-benefits .cfx-sem-benefits-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 0.28rem 0.32rem !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}

.cfx-sem-benefits .cfx-sem-benefits-grid > li {
	width: auto !important;
	min-width: 0;
	min-height: 0 !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	justify-self: stretch !important;
}

.cfx-sem-benefits .cfx-sem-benefits-grid > li:nth-child(2n),
.cfx-sem-benefits .cfx-sem-benefits-grid > li:nth-child(3n) {
	margin-right: 0 !important;
}

.cfx-sem-benefits .cfx-sem-benefits-grid > li::before,
.cfx-sem-benefits .cfx-sem-benefits-grid > li::after {
	display: none !important;
}

.cfx-sem-benefits .cfx-sem-benefits-grid > li > span {
	position: relative;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: 1.68rem minmax(0, 1fr);
	align-items: center;
	gap: 0.26rem;
	width: 100%;
	height: 2.58rem;
	min-height: 2.58rem;
	padding: 0.25rem 0.32rem 0.25rem 0.24rem;
	overflow: hidden;
	border: 1px solid rgb(204 222 255 / 88%);
	border-radius: 0.2rem;
	background:
		linear-gradient(145deg, rgb(255 255 255 / 96%) 0%, rgb(255 255 255 / 88%) 54%, rgb(244 249 255 / 92%) 100%);
	box-shadow: 0 0.16rem 0.42rem rgb(34 76 137 / 9%);
	transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}

.cfx-sem-benefits .cfx-sem-benefits-grid > li > span::before {
	display: none !important;
}

.cfx-sem-benefits .cfx-sem-benefits-grid > li > span::after {
	display: none !important;
}

.cfx-sem-benefits .cfx-sem-benefits-grid > li:hover > span {
	transform: translateY(-0.04rem);
	border-color: rgb(43 112 255 / 32%);
	box-shadow: 0 0.2rem 0.5rem rgb(34 76 137 / 13%);
}

.cfx-sem-benefits .cfx-benefit-num {
	top: 0.17rem;
	left: 0.21rem;
	font-size: 0.48rem;
	line-height: 1;
	letter-spacing: -0.03em;
	color: rgb(35 105 255 / 9%);
}

.cfx-sem-benefits .cfx-benefit-tag {
	top: 0.21rem;
	right: 0.2rem;
	height: 0.34rem;
	padding: 0 0.16rem;
	border-radius: 0.07rem;
	font-size: 0.15rem;
	line-height: 0.34rem;
	box-shadow: 0 0.08rem 0.18rem rgb(0 88 255 / 18%);
}

.cfx-sem-benefits .cfx-sem-benefits-grid .cfx-icon-holder {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	justify-self: center;
	align-self: center;
	width: 1.28rem;
	height: 1.28rem;
	margin: 0;
	padding: 0 !important;
	border-radius: 50%;
	background: transparent;
}

.cfx-sem-benefits .cfx-sem-benefits-grid .cfx-icon-holder::before {
	display: none !important;
}

.cfx-sem-benefits .cfx-sem-benefits-grid .cfx-icon-holder::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	border-radius: 50%;
	background:
		radial-gradient(circle at 50% 50%, #fff 0 44%, transparent 45%),
		linear-gradient(145deg, rgb(234 242 255 / 96%), rgb(255 255 255 / 70%));
	box-shadow:
		inset 0 0 0 0.1rem rgb(235 243 255 / 70%),
		0 0.12rem 0.28rem rgb(41 111 255 / 8%);
}

.cfx-sem-benefits .cfx-sem-benefits-grid .cfx-icon-holder img {
	position: relative;
	z-index: 1;
	display: block;
	width: 0.92rem;
	height: 0.92rem;
	max-width: 0.92rem;
	max-height: 0.92rem;
	object-fit: contain;
	object-position: center center;
}

.cfx-sem-benefits .cfx-benefit-copy {
	position: relative;
	z-index: 2;
	min-width: 0;
	padding-top: 0.22rem;
}

.cfx-sem-benefits .cfx-sem-benefits-grid h5 {
	margin: 0 0 0.14rem;
	color: #07122e;
	font-size: 0.26rem;
	font-weight: 800;
	line-height: 1.25;
}

.cfx-sem-benefits .cfx-sem-benefits-grid h5::after {
	content: "";
	display: block;
	width: 0.38rem;
	height: 0.03rem;
	margin-top: 0.14rem;
	border-radius: 999px;
	background: linear-gradient(90deg, #1168ff, #55a6ff);
}

.cfx-sem-benefits .cfx-sem-benefits-grid p {
	margin: 0;
	color: #4a5568;
	font-size: 0.155rem;
	font-weight: 400;
	line-height: 1.72;
}

.cfx-sem-benefits .cfx-benefits-platforms {
	margin-top: 0.28rem;
}

@media screen and (max-width: 1200px) {
	.cfx-sem-benefits .cfx-sem-benefits-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media screen and (max-width: 768px) {
	.cfx-sem-benefits {
		padding: 0.56rem 0;
	}

	.cfx-sem-benefits .cfx-sem-benefits-grid {
		grid-template-columns: 1fr !important;
		gap: 0.18rem !important;
	}

	.cfx-sem-benefits .cfx-sem-benefits-grid > li > span {
		grid-template-columns: 1.18rem minmax(0, 1fr);
		gap: 0.2rem;
		height: auto;
		min-height: 2.18rem;
		padding: 0.24rem;
	}

	.cfx-sem-benefits .cfx-sem-benefits-grid .cfx-icon-holder {
		width: 1.1rem;
		height: 1.1rem;
	}

	.cfx-sem-benefits .cfx-sem-benefits-grid .cfx-icon-holder img {
		width: 0.78rem;
		height: 0.78rem;
		max-width: 0.78rem;
		max-height: 0.78rem;
	}

	.cfx-sem-benefits .cfx-sem-benefits-grid h5 {
		font-size: 0.22rem;
	}

	.cfx-sem-benefits .cfx-sem-benefits-grid p {
		font-size: 0.14rem;
	}
}

/* ===== SEO自然优化规则 - 设计图还原版 ===== */
.cfx-seo-rules {
	position: relative;
	overflow: hidden;
	padding: 0.82rem 0 0.7rem;
	background:
		radial-gradient(circle at 50% 48%, rgb(232 240 255 / 88%) 0, rgb(246 249 255 / 66%) 29%, transparent 58%),
		linear-gradient(180deg, #f9fbff 0%, #eef5ff 100%);
}

.cfx-seo-rules::before,
.cfx-seo-rules::after {
	content: "";
	position: absolute;
	pointer-events: none;
	border-radius: 50%;
}

.cfx-seo-rules::before {
	right: -1.6rem;
	top: -2.2rem;
	width: 5.2rem;
	height: 5.2rem;
	border: 1px solid rgb(86 139 245 / 12%);
	box-shadow: inset 0 0 0 0.28rem rgb(255 255 255 / 34%);
}

.cfx-seo-rules::after {
	left: 50%;
	bottom: -3rem;
	width: 10rem;
	height: 10rem;
	transform: translateX(-50%);
	background: radial-gradient(circle, rgb(255 255 255 / 48%) 0 18%, transparent 19% 100%);
}

.cfx-seo-rules .cfx-container,
.cfx-seo-rules-stage {
	position: relative;
	z-index: 1;
}

.cfx-seo-rules-title {
	margin-bottom: 0.38rem;
	text-align: center;
}

.cfx-seo-rules-title h2 {
	margin: 0 0 0.22rem;
	color: #09142f;
	font-size: 0.52rem;
	font-weight: 900;
	line-height: 1.15;
	letter-spacing: 0.01em;
}

.cfx-seo-rules-title h6 {
	margin: 0 auto;
	max-width: 8.8rem;
	color: #5a6475;
	font-size: 0.22rem;
	font-weight: 400;
	line-height: 1.75;
}

.cfx-seo-rules-stage {
	width: 100% !important;
	max-width: 14.7rem;
	height: 5.72rem;
	margin: 0.14rem auto 0 !important;
}

.cfx-seo-rules-orbit {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.cfx-seo-orbit-ring {
	position: absolute;
	left: 50%;
	top: 52%;
	display: block;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

.cfx-seo-orbit-ring-1 {
	width: 2.56rem;
	height: 2.56rem;
	border: 1px solid rgb(255 255 255 / 90%);
	background: radial-gradient(circle, rgb(255 255 255 / 88%) 0 43%, rgb(235 242 255 / 52%) 44% 100%);
	box-shadow:
		0 0.18rem 0.55rem rgb(55 104 185 / 11%),
		inset 0 0 0 0.16rem rgb(240 246 255 / 70%);
}

.cfx-seo-orbit-ring-2 {
	width: 3.26rem;
	height: 3.26rem;
	border: 1px solid rgb(255 255 255 / 82%);
	box-shadow: inset 0 0 0 1px rgb(76 126 245 / 10%);
}

.cfx-seo-orbit-ring-3 {
	width: 4.66rem;
	height: 4.66rem;
	border: 1px dashed rgb(59 130 246 / 24%);
}

.cfx-seo-orbit-ring-4 {
	width: 8.55rem;
	height: 8.55rem;
	border: 1px solid rgb(255 255 255 / 70%);
	box-shadow: inset 0 0 0 0.46rem rgb(255 255 255 / 12%);
}

.cfx-seo-rules-center {
	position: absolute !important;
	left: 50% !important;
	top: 52% !important;
	z-index: 5;
	width: auto;
	height: auto;
	margin: 0 !important;
	transform: translate(-50%, -50%) !important;
}

.cfx-seo-rules .cfx-opt-logo {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.58rem !important;
	height: 2.58rem !important;
	border: 1px solid rgb(255 255 255 / 86%);
	border-radius: 50%;
	background:
		radial-gradient(circle at 48% 38%, #fff 0, #fff 45%, rgb(241 246 255 / 95%) 100%);
	box-shadow:
		0 0.24rem 0.62rem rgb(51 103 184 / 13%),
		inset 0 0 0 0.18rem rgb(245 249 255 / 78%);
}

.cfx-seo-rules .cfx-opt-logo span {
	position: static !important;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	transform: none !important;
}

.cfx-seo-rules .cfx-opt-logo h2 {
	margin: 0 !important;
	font-size: 0.68rem !important;
	font-weight: 900;
	letter-spacing: 0.02em;
	line-height: 1;
	color: #2678ff;
	background: linear-gradient(180deg, #65a7ff 0%, #1063f3 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0 0.1rem 0.22rem rgb(25 101 240 / 12%);
}

.cfx-seo-rules .cfx-opt-grid.cfx-seo-rules-list {
	position: absolute !important;
	inset: 0;
	z-index: 8;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}

.cfx-seo-rules .cfx-seo-rule-card {
	position: absolute !important;
	box-sizing: border-box;
	display: flex !important;
	align-items: center;
	width: 3.16rem !important;
	height: 0.78rem;
	margin: 0 !important;
	padding: 0.09rem 0.25rem !important;
	border: 1px solid rgb(207 222 248 / 88%);
	border-radius: 999px;
	background: linear-gradient(180deg, rgb(255 255 255 / 94%) 0%, rgb(248 251 255 / 92%) 100%);
	box-shadow:
		0 0.13rem 0.32rem rgb(54 91 146 / 12%),
		inset 0 1px 0 rgb(255 255 255 / 90%);
	transform: none !important;
	transition: transform .32s ease, border-color .32s ease, box-shadow .32s ease;
}

.cfx-seo-rules .cfx-seo-rule-card:hover {
	border-color: rgb(69 137 255 / 35%);
	box-shadow:
		0 0.18rem 0.42rem rgb(54 91 146 / 17%),
		inset 0 1px 0 rgb(255 255 255 / 95%);
	transform: translateY(-0.03rem) !important;
}

.cfx-seo-rules .cfx-seo-rule-left {
	justify-content: flex-start;
}

.cfx-seo-rules .cfx-seo-rule-right {
	flex-direction: row;
	justify-content: flex-start;
}

.cfx-seo-rules .cfx-seo-rule-1 {
	left: 1.2rem;
	top: 0.65rem;
	width: 3.3rem !important;
}

.cfx-seo-rules .cfx-seo-rule-2 {
	left: 1.42rem;
	top: 2.28rem;
	width: 2.55rem !important;
}

.cfx-seo-rules .cfx-seo-rule-3 {
	left: 1.42rem;
	top: 3.88rem;
	width: 2.78rem !important;
}

.cfx-seo-rules .cfx-seo-rule-4 {
	right: 1.22rem;
	top: 0.65rem;
	width: 3.08rem !important;
}

.cfx-seo-rules .cfx-seo-rule-5 {
	right: 1.22rem;
	top: 2.28rem;
	width: 2.72rem !important;
}

.cfx-seo-rules .cfx-seo-rule-6 {
	right: 1.22rem;
	top: 3.88rem;
	width: 3rem !important;
}

.cfx-seo-rules .cfx-seo-rule-card::before {
	content: "";
	position: absolute;
	top: 50%;
	width: 0.44rem;
	height: 1px;
	background: linear-gradient(90deg, rgb(69 137 255 / 0%), rgb(69 137 255 / 32%));
}

.cfx-seo-rules .cfx-seo-rule-card::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 0.11rem;
	height: 0.11rem;
	border: 0.03rem solid rgb(255 255 255 / 92%);
	border-radius: 50%;
	background: #2678ff;
	box-shadow: 0 0 0 0.03rem rgb(38 120 255 / 24%), 0 0.06rem 0.14rem rgb(38 120 255 / 28%);
}

.cfx-seo-rules .cfx-seo-rule-left::before {
	right: -0.44rem;
}

.cfx-seo-rules .cfx-seo-rule-left::after {
	right: -0.54rem;
	transform: translateY(-50%);
}

.cfx-seo-rules .cfx-seo-rule-right::before {
	left: -0.44rem;
	background: linear-gradient(90deg, rgb(69 137 255 / 32%), rgb(69 137 255 / 0%));
}

.cfx-seo-rules .cfx-seo-rule-right::after {
	left: -0.54rem;
	transform: translateY(-50%);
}

.cfx-seo-rule-icon {
	position: relative;
	display: flex;
	flex: 0 0 0.48rem;
	align-items: center;
	justify-content: center;
	width: 0.48rem;
	height: 0.48rem;
	margin-right: 0.22rem;
	border-radius: 50%;
	background: linear-gradient(145deg, #eef5ff, #fff);
	box-shadow: inset 0 0 0 1px rgb(45 123 255 / 8%);
}

.cfx-seo-rule-icon img {
	display: block;
	width: 0.3rem;
	height: 0.3rem;
	max-width: 0.3rem;
	max-height: 0.3rem;
	object-fit: contain;
	object-position: center center;
}

.cfx-seo-rules .cfx-seo-rule-card p {
	margin: 0 !important;
	padding: 0 !important;
	color: #111a30 !important;
	font-size: 0.2rem !important;
	font-weight: 700;
	line-height: 1.3;
	white-space: nowrap;
}

@media screen and (max-width: 1440px) {
	.cfx-seo-rules-stage {
		max-width: 13.7rem;
	}

	.cfx-seo-rules .cfx-seo-rule-1 {
		left: 0.68rem;
	}

	.cfx-seo-rules .cfx-seo-rule-2,
	.cfx-seo-rules .cfx-seo-rule-3 {
		left: 0.9rem;
	}

	.cfx-seo-rules .cfx-seo-rule-4,
	.cfx-seo-rules .cfx-seo-rule-5,
	.cfx-seo-rules .cfx-seo-rule-6 {
		right: 0.72rem;
	}
}

@media screen and (max-width: 1200px) {
	.cfx-seo-rules-stage {
		height: auto;
		max-width: 9.6rem;
	}

	.cfx-seo-rules-orbit {
		display: grid;
		grid-template-columns: 1fr;
		gap: 0.34rem;
		height: auto;
		overflow: visible;
	}

	.cfx-seo-orbit-ring {
		display: none;
	}

	.cfx-seo-rules-center {
		position: relative !important;
		left: auto !important;
		top: auto !important;
		order: 1;
		margin: 0 auto !important;
		transform: none !important;
	}

	.cfx-seo-rules .cfx-opt-grid.cfx-seo-rules-list {
		position: relative !important;
		order: 2;
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.18rem;
		height: auto !important;
	}

	.cfx-seo-rules .cfx-seo-rule-card {
		position: relative !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		width: auto !important;
	}

	.cfx-seo-rules .cfx-seo-rule-card::before,
	.cfx-seo-rules .cfx-seo-rule-card::after {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	.cfx-seo-rules {
		padding: 0.58rem 0;
	}

	.cfx-seo-rules-title h2 {
		font-size: 0.32rem;
	}

	.cfx-seo-rules-title h6 {
		font-size: 0.15rem;
		line-height: 1.7;
	}

	.cfx-seo-rules .cfx-opt-logo {
		width: 1.8rem !important;
		height: 1.8rem !important;
	}

	.cfx-seo-rules .cfx-opt-logo h2 {
		font-size: 0.48rem !important;
	}

	.cfx-seo-rules .cfx-opt-grid.cfx-seo-rules-list {
		grid-template-columns: 1fr;
	}

	.cfx-seo-rules .cfx-seo-rule-card {
		height: 0.7rem;
		padding: 0.08rem 0.18rem !important;
	}

	.cfx-seo-rule-icon {
		width: 0.42rem;
		height: 0.42rem;
		flex-basis: 0.42rem;
		margin-right: 0.16rem;
	}

	.cfx-seo-rule-icon img {
		width: 0.26rem;
		height: 0.26rem;
		max-width: 0.26rem;
		max-height: 0.26rem;
	}

	.cfx-seo-rules .cfx-seo-rule-card p {
		font-size: 0.16rem !important;
	}
}

/* ===== SEO自然优化规则 - 还原修正版：纯CSS胶囊卡 ===== */
.cfx-seo-rules {
	min-height: 8.45rem;
	padding: 0.86rem 0 0.68rem;
	background:
		radial-gradient(circle at 50% 55%, rgb(229 238 255 / 78%) 0, rgb(248 251 255 / 55%) 31%, transparent 60%),
		linear-gradient(180deg, #fbfdff 0%, #f1f6ff 100%);
}

.cfx-seo-rules-title {
	margin-bottom: 0.54rem;
}

.cfx-seo-rules-title h2 {
	font-size: 0.5rem;
	font-weight: 800;
	letter-spacing: -0.02em;
}

.cfx-seo-rules-title h6 {
	max-width: 8.3rem;
	font-size: 0.2rem;
	line-height: 1.78;
	white-space: normal;
}

.cfx-seo-rules-stage {
	max-width: 14.8rem;
	height: 5.28rem;
	margin-top: 0.54rem !important;
	overflow: visible;
}

.cfx-seo-rules-orbit {
	overflow: visible;
}

.cfx-seo-orbit-ring {
	top: 50%;
}

.cfx-seo-orbit-ring-1 {
	width: 2.52rem;
	height: 2.52rem;
	background:
		radial-gradient(circle at 50% 50%, #fff 0 46%, transparent 47%),
		linear-gradient(145deg, rgb(244 248 255 / 94%), rgb(255 255 255 / 76%));
}

.cfx-seo-orbit-ring-2 {
	width: 3.18rem;
	height: 3.18rem;
	border-color: rgb(255 255 255 / 88%);
}

.cfx-seo-orbit-ring-3 {
	width: 5rem;
	height: 5rem;
	border-color: rgb(58 126 255 / 23%);
}

.cfx-seo-orbit-ring-4 {
	width: 11.2rem;
	height: 11.2rem;
	border-color: rgb(255 255 255 / 76%);
	box-shadow:
		inset 0 0 0 0.58rem rgb(255 255 255 / 13%),
		inset 0 0 0 1.34rem rgb(255 255 255 / 10%);
}

.cfx-seo-rules-center {
	top: 50% !important;
}

.cfx-seo-rules .cfx-opt-logo {
	width: 2.52rem !important;
	height: 2.52rem !important;
}

.cfx-seo-rules .cfx-opt-logo h2 {
	font-size: 0.66rem !important;
}

.cfx-seo-rules .cfx-seo-rule-card {
	height: 0.76rem;
	padding: 0.1rem 0.24rem !important;
	border-color: rgb(211 224 247 / 88%);
	background: linear-gradient(180deg, rgb(255 255 255 / 96%), rgb(249 252 255 / 94%));
	box-shadow:
		0 0.12rem 0.26rem rgb(56 87 139 / 12%),
		inset 0 1px 0 rgb(255 255 255 / 95%);
}

.cfx-seo-rules .cfx-seo-rule-1 {
	left: 1.18rem;
	top: 0.42rem;
	width: 3.32rem !important;
}

.cfx-seo-rules .cfx-seo-rule-2 {
	left: 1.44rem;
	top: 2.05rem;
	width: 2.55rem !important;
}

.cfx-seo-rules .cfx-seo-rule-3 {
	left: 1.44rem;
	top: 3.63rem;
	width: 2.85rem !important;
}

.cfx-seo-rules .cfx-seo-rule-4 {
	right: 1.18rem;
	top: 0.42rem;
	width: 3.08rem !important;
}

.cfx-seo-rules .cfx-seo-rule-5 {
	right: 1.18rem;
	top: 2.05rem;
	width: 2.78rem !important;
}

.cfx-seo-rules .cfx-seo-rule-6 {
	right: 1.18rem;
	top: 3.63rem;
	width: 3rem !important;
}

.cfx-seo-rules .cfx-seo-rule-card p {
	font-size: 0.2rem !important;
	font-weight: 700;
	color: #101a32 !important;
}

.cfx-seo-rule-icon {
	position: relative;
	overflow: hidden;
	color: #2f82ff;
}

.cfx-seo-rule-icon::before,
.cfx-seo-rule-icon::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	box-sizing: border-box;
	transform: translate(-50%, -50%);
}

.cfx-seo-icon-code::before {
	content: "</>";
	width: auto;
	height: auto;
	color: #2f82ff;
	font-size: 0.18rem;
	font-weight: 800;
	line-height: 1;
}

.cfx-seo-icon-rank::before {
	width: 0.06rem;
	height: 0.2rem;
	margin-left: -0.11rem;
	margin-top: 0.04rem;
	border-radius: 999px;
	background: #2f82ff;
	box-shadow: 0.1rem -0.06rem 0 #2f82ff, 0.2rem -0.14rem 0 #2f82ff;
}

.cfx-seo-icon-link::before,
.cfx-seo-icon-link::after {
	width: 0.23rem;
	height: 0.13rem;
	border: 0.025rem solid #2f82ff;
	border-radius: 999px;
}

.cfx-seo-icon-link::before {
	margin-left: -0.08rem;
	transform: translate(-50%, -50%) rotate(-42deg);
}

.cfx-seo-icon-link::after {
	margin-left: 0.08rem;
	transform: translate(-50%, -50%) rotate(-42deg);
}

.cfx-seo-icon-write::before {
	width: 0.24rem;
	height: 0.07rem;
	border-radius: 999px;
	background: #2f82ff;
	transform: translate(-50%, -50%) rotate(-42deg);
}

.cfx-seo-icon-write::after {
	width: 0.18rem;
	height: 0.02rem;
	margin-top: 0.13rem;
	background: #2f82ff;
	box-shadow: 0.08rem 0 0 #2f82ff;
}

.cfx-seo-icon-spider::before {
	width: 0.16rem;
	height: 0.16rem;
	border-radius: 50%;
	background: #2f82ff;
	box-shadow: 0 -0.11rem 0 -0.04rem #2f82ff;
}

.cfx-seo-icon-spider::after {
	width: 0.28rem;
	height: 0.22rem;
	border-left: 0.025rem solid #2f82ff;
	border-right: 0.025rem solid #2f82ff;
	box-shadow: inset 0.09rem 0 0 -0.065rem #2f82ff, inset -0.09rem 0 0 -0.065rem #2f82ff;
}

.cfx-seo-icon-report::before {
	width: 0.2rem;
	height: 0.26rem;
	border: 0.025rem solid #2f82ff;
	border-radius: 0.03rem;
	background: linear-gradient(135deg, transparent 0 70%, rgb(47 130 255 / 18%) 71% 100%);
}

.cfx-seo-icon-report::after {
	width: 0.12rem;
	height: 0.02rem;
	background: #2f82ff;
	box-shadow: 0 0.07rem 0 #2f82ff, 0 0.14rem 0 #2f82ff;
}

@media screen and (max-width: 1440px) {
	.cfx-seo-rules .cfx-seo-rule-1 {
		left: 0.86rem;
	}

	.cfx-seo-rules .cfx-seo-rule-2,
	.cfx-seo-rules .cfx-seo-rule-3 {
		left: 1.08rem;
	}

	.cfx-seo-rules .cfx-seo-rule-4,
	.cfx-seo-rules .cfx-seo-rule-5,
	.cfx-seo-rules .cfx-seo-rule-6 {
		right: 0.88rem;
	}
}

@media screen and (max-width: 1200px) {
	.cfx-seo-rules {
		min-height: 0;
	}

	.cfx-seo-rules-stage {
		margin-top: 0.34rem !important;
	}
}

/* ===== SEO自然优化规则 - 设计稿最终桌面版 ===== */
@media screen and (min-width: 1201px) {
	.cfx-seo-rules.cfx-section-margin {
		position: relative;
		box-sizing: border-box;
		width: 100%;
		height: 898px;
		min-height: 898px;
		margin: 0 auto !important;
		padding: 0 !important;
		overflow: hidden;
		background:
			radial-gradient(circle at 50% 61%, rgb(220 232 255 / 66%) 0, rgb(242 247 255 / 54%) 31%, transparent 59%),
			linear-gradient(180deg, #fbfdff 0%, #f0f6ff 100%);
	}

	.cfx-seo-rules.cfx-section-margin::before {
		right: -240px;
		top: -260px;
		width: 620px;
		height: 620px;
		border: 1px solid rgb(88 140 245 / 10%);
		box-shadow: inset 0 0 0 34px rgb(255 255 255 / 34%);
	}

	.cfx-seo-rules.cfx-section-margin::after {
		display: none;
	}

	.cfx-seo-rules .cfx-container {
		width: 100% !important;
		max-width: none !important;
	}

	.cfx-seo-rules .cfx-seo-rules-title {
		width: 100%;
		margin: 0 !important;
		padding-top: 86px;
		text-align: center;
	}

	.cfx-seo-rules .cfx-seo-rules-title h2 {
		margin: 0 !important;
		color: #101832;
		font-size: 54px;
		font-weight: 900;
		line-height: 1.16;
		letter-spacing: -1px;
	}

	.cfx-seo-rules .cfx-seo-rules-title h6 {
		margin: 24px auto 0 !important;
		max-width: 850px;
		color: #5c6678;
		font-size: 22px;
		font-weight: 400;
		line-height: 1.65;
		text-align: center;
		white-space: normal;
	}

	.cfx-seo-rules .cfx-seo-rules-stage {
		position: relative;
		z-index: 2;
		width: 1400px !important;
		max-width: 1400px !important;
		height: 570px !important;
		margin: 24px auto 0 !important;
		padding: 0 !important;
		overflow: visible !important;
	}

	.cfx-seo-rules .cfx-seo-rules-orbit {
		position: relative;
		width: 100%;
		height: 100%;
		overflow: visible !important;
	}

	.cfx-seo-rules .cfx-seo-orbit-ring {
		left: 700px !important;
		top: 285px !important;
		transform: translate(-50%, -50%) !important;
	}

	.cfx-seo-rules .cfx-seo-orbit-ring-1 {
		width: 296px;
		height: 296px;
		border: 1px solid rgb(255 255 255 / 92%);
		background:
			radial-gradient(circle at 50% 50%, #fff 0 46%, transparent 47%),
			linear-gradient(145deg, rgb(244 248 255 / 96%), rgb(255 255 255 / 78%));
		box-shadow:
			0 22px 58px rgb(55 104 185 / 11%),
			inset 0 0 0 18px rgb(240 246 255 / 70%);
	}

	.cfx-seo-rules .cfx-seo-orbit-ring-2 {
		width: 360px;
		height: 360px;
		border: 1px solid rgb(255 255 255 / 90%);
		box-shadow: inset 0 0 0 1px rgb(77 128 246 / 10%);
	}

	.cfx-seo-rules .cfx-seo-orbit-ring-3 {
		width: 520px;
		height: 520px;
		border: 1px dashed rgb(58 126 255 / 24%);
	}

	.cfx-seo-rules .cfx-seo-orbit-ring-4 {
		width: 1140px;
		height: 1140px;
		border: 1px solid rgb(255 255 255 / 76%);
		box-shadow:
			inset 0 0 0 58px rgb(255 255 255 / 13%),
			inset 0 0 0 136px rgb(255 255 255 / 10%);
	}

	.cfx-seo-rules .cfx-seo-rules-center {
		left: 700px !important;
		top: 285px !important;
		z-index: 6;
		transform: translate(-50%, -50%) !important;
	}

	.cfx-seo-rules .cfx-opt-logo {
		width: 296px !important;
		height: 296px !important;
		border: 1px solid rgb(255 255 255 / 88%);
		border-radius: 50%;
		background: radial-gradient(circle at 50% 42%, #fff 0, #fff 45%, rgb(241 246 255 / 96%) 100%);
		box-shadow:
			0 24px 64px rgb(51 103 184 / 13%),
			inset 0 0 0 20px rgb(245 249 255 / 78%);
	}

	.cfx-seo-rules .cfx-opt-logo h2 {
		margin: 0 !important;
		font-size: 78px !important;
		font-weight: 900;
		line-height: 1;
		letter-spacing: 2px;
		background: linear-gradient(180deg, #68a9ff 0%, #1264f2 100%);
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.cfx-seo-rules .cfx-opt-grid.cfx-seo-rules-list {
		position: absolute !important;
		inset: 0 !important;
		z-index: 9;
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.cfx-seo-rules .cfx-seo-rule-card {
		position: absolute !important;
		box-sizing: border-box;
		display: flex !important;
		align-items: center;
		height: 90px !important;
		margin: 0 !important;
		padding: 0 28px !important;
		border: 1px solid rgb(210 224 248 / 86%);
		border-radius: 999px;
		background: linear-gradient(180deg, rgb(255 255 255 / 97%) 0%, rgb(249 252 255 / 96%) 100%);
		box-shadow:
			0 14px 30px rgb(56 87 139 / 12%),
			inset 0 1px 0 rgb(255 255 255 / 95%);
		transform: none !important;
	}

	.cfx-seo-rules .cfx-seo-rule-card:hover {
		transform: translateY(-3px) !important;
	}

	.cfx-seo-rules .cfx-seo-rule-1 {
		left: 48px !important;
		top: 54px !important;
		width: 350px !important;
	}

	.cfx-seo-rules .cfx-seo-rule-2 {
		left: 74px !important;
		top: 229px !important;
		width: 278px !important;
	}

	.cfx-seo-rules .cfx-seo-rule-3 {
		left: 74px !important;
		top: 410px !important;
		width: 288px !important;
	}

	.cfx-seo-rules .cfx-seo-rule-4 {
		right: 48px !important;
		top: 54px !important;
		width: 320px !important;
	}

	.cfx-seo-rules .cfx-seo-rule-5 {
		right: 52px !important;
		top: 229px !important;
		width: 276px !important;
	}

	.cfx-seo-rules .cfx-seo-rule-6 {
		right: 50px !important;
		top: 410px !important;
		width: 302px !important;
	}

	.cfx-seo-rules .cfx-seo-rule-card::before {
		top: 50%;
		width: 38px;
		height: 1px;
		background: linear-gradient(90deg, rgb(64 132 255 / 0%), rgb(64 132 255 / 30%));
	}

	.cfx-seo-rules .cfx-seo-rule-card::after {
		top: 50%;
		width: 12px;
		height: 12px;
		border: 3px solid rgb(255 255 255 / 96%);
		background: #2a7bff;
		box-shadow: 0 0 0 3px rgb(42 123 255 / 22%), 0 6px 14px rgb(42 123 255 / 26%);
	}

	.cfx-seo-rules .cfx-seo-rule-left::before {
		right: -38px;
	}

	.cfx-seo-rules .cfx-seo-rule-left::after {
		right: -52px;
		transform: translateY(-50%);
	}

	.cfx-seo-rules .cfx-seo-rule-right::before {
		left: -38px;
		background: linear-gradient(90deg, rgb(64 132 255 / 30%), rgb(64 132 255 / 0%));
	}

	.cfx-seo-rules .cfx-seo-rule-right::after {
		left: -52px;
		transform: translateY(-50%);
	}

	.cfx-seo-rules .cfx-seo-rule-icon {
		position: relative;
		flex: 0 0 54px;
		width: 54px;
		height: 54px;
		margin-right: 22px;
		border-radius: 50%;
		background: linear-gradient(145deg, #edf4ff 0%, #fff 100%);
		box-shadow: inset 0 0 0 1px rgb(45 123 255 / 8%);
		color: #2f82ff;
	}

	.cfx-seo-rules .cfx-seo-rule-icon::before,
	.cfx-seo-rules .cfx-seo-rule-icon::after {
		position: absolute;
		left: 50%;
		top: 50%;
		box-sizing: border-box;
		transform: translate(-50%, -50%);
	}

	.cfx-seo-rules .cfx-seo-icon-code::before {
		font-size: 20px;
		font-weight: 800;
	}

	.cfx-seo-rules .cfx-seo-icon-rank::before {
		width: 7px;
		height: 21px;
		margin-left: -12px;
		margin-top: 5px;
		box-shadow: 11px -7px 0 #2f82ff, 22px -15px 0 #2f82ff;
	}

	.cfx-seo-rules .cfx-seo-icon-link::before,
	.cfx-seo-rules .cfx-seo-icon-link::after {
		width: 25px;
		height: 14px;
		border-width: 3px;
	}

	.cfx-seo-rules .cfx-seo-icon-write::before {
		width: 27px;
		height: 8px;
	}

	.cfx-seo-rules .cfx-seo-icon-write::after {
		width: 20px;
		height: 2px;
		margin-top: 14px;
		box-shadow: 9px 0 0 #2f82ff;
	}

	.cfx-seo-rules .cfx-seo-icon-spider::before {
		width: 17px;
		height: 17px;
		box-shadow: 0 -12px 0 -4px #2f82ff;
	}

	.cfx-seo-rules .cfx-seo-icon-spider::after {
		width: 30px;
		height: 24px;
		border-left-width: 3px;
		border-right-width: 3px;
	}

	.cfx-seo-rules .cfx-seo-icon-report::before {
		width: 22px;
		height: 28px;
		border-width: 3px;
		border-radius: 4px;
	}

	.cfx-seo-rules .cfx-seo-icon-report::after {
		width: 13px;
		height: 2px;
		box-shadow: 0 7px 0 #2f82ff, 0 14px 0 #2f82ff;
	}

	.cfx-seo-rules .cfx-seo-rule-card p {
		margin: 0 !important;
		padding: 0 !important;
		color: #111a30 !important;
		font-size: 24px !important;
		font-weight: 700;
		line-height: 1.25;
		white-space: nowrap;
	}
}

/* ===== 六大SEO定向 - 设计图还原版 ===== */
.cfx-seo-targeting {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 26% 58%, rgb(229 238 255 / 52%) 0, rgb(248 251 255 / 48%) 34%, transparent 62%),
		linear-gradient(180deg, #fbfdff 0%, #f3f8ff 100%);
}

.cfx-seo-targeting::before {
	content: "";
	position: absolute;
	left: -1.4rem;
	bottom: -2.6rem;
	width: 7.6rem;
	height: 7.6rem;
	border-radius: 50%;
	background: radial-gradient(circle, rgb(95 146 255 / 10%) 0 18%, transparent 19% 100%);
	pointer-events: none;
}

.cfx-seo-target-wrap {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(5.8rem, 0.9fr) minmax(7.3rem, 1fr);
	align-items: center;
	gap: 0.8rem;
}

.cfx-seo-target-left {
	position: relative;
	min-width: 0;
}

.cfx-seo-target-heading {
	position: relative;
	z-index: 2;
}

.cfx-seo-target-heading h2 {
	margin: 0;
	color: #07112d;
	font-size: 0.66rem;
	font-weight: 900;
	line-height: 1.15;
	letter-spacing: -0.02em;
}

.cfx-seo-target-heading i {
	position: relative;
	display: block;
	width: 0.9rem;
	height: 0.08rem;
	margin: 0.26rem 0 0.26rem;
	border-radius: 999px;
	background: linear-gradient(90deg, #1266ff, #4a97ff);
}

.cfx-seo-target-heading i::after {
	content: "";
	position: absolute;
	right: -0.18rem;
	top: 50%;
	width: 0.1rem;
	height: 0.1rem;
	border-radius: 50%;
	background: #5c9cff;
	transform: translateY(-50%);
	box-shadow: 0 0 0 0.04rem rgb(92 156 255 / 14%);
}

.cfx-seo-target-heading p {
	margin: 0;
	color: #667085;
	font-size: 0.22rem;
	font-weight: 400;
	line-height: 1.72;
}

.cfx-seo-target-visual {
	position: relative;
	width: 6.9rem;
	max-width: 100%;
	margin-top: 0.42rem;
}

.cfx-seo-target-visual::before {
	content: "";
	position: absolute;
	left: -0.28rem;
	right: -0.28rem;
	bottom: 0.12rem;
	height: 2.1rem;
	border-radius: 50%;
	background: radial-gradient(ellipse at center, rgb(64 121 245 / 16%) 0, rgb(64 121 245 / 6%) 45%, transparent 72%);
	filter: blur(0.02rem);
}

.cfx-seo-target-visual img {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
}

.cfx-seo-target-right {
	min-width: 0;
}

.cfx-seo-target-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.28rem 0.28rem;
	margin: 0;
	padding: 0;
}

.cfx-seo-target-card {
	box-sizing: border-box;
	display: grid;
	grid-template-columns: 0.86rem minmax(0, 1fr);
	gap: 0.24rem;
	align-items: start;
	min-height: 2.08rem;
	padding: 0.38rem 0.32rem 0.3rem 0.28rem;
	border: 1px solid rgb(220 230 248 / 72%);
	border-radius: 0.18rem;
	background: linear-gradient(145deg, rgb(255 255 255 / 94%) 0%, rgb(249 252 255 / 88%) 100%);
	box-shadow:
		0 0.2rem 0.5rem rgb(53 88 143 / 9%),
		inset 0 1px 0 rgb(255 255 255 / 94%);
	transition: transform .32s ease, border-color .32s ease, box-shadow .32s ease;
}

.cfx-seo-target-card:hover {
	transform: translateY(-0.05rem);
	border-color: rgb(76 138 255 / 26%);
	box-shadow:
		0 0.26rem 0.62rem rgb(53 88 143 / 13%),
		inset 0 1px 0 rgb(255 255 255 / 96%);
}

.cfx-seo-target-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0.78rem;
	height: 0.78rem;
	border-radius: 50%;
	background: linear-gradient(145deg, #edf4ff 0%, #fff 100%);
	box-shadow: inset 0 0 0 1px rgb(45 123 255 / 8%);
}

.cfx-seo-target-icon img {
	display: block;
	width: 0.48rem;
	height: 0.48rem;
	max-width: 0.48rem;
	max-height: 0.48rem;
	object-fit: contain;
	object-position: center center;
}

.cfx-seo-target-card h5 {
	margin: 0 0 0.14rem;
	color: #0d1730;
	font-size: 0.24rem;
	font-weight: 800;
	line-height: 1.25;
}

.cfx-seo-target-card p {
	margin: 0;
	color: #596477;
	font-size: 0.16rem;
	font-weight: 400;
	line-height: 1.78;
}

@media screen and (min-width: 1201px) {
	.cfx-seo-targeting.cfx-section-padding {
		box-sizing: border-box;
		height: 898px;
		min-height: 898px;
		padding: 0 !important;
	}

	.cfx-seo-targeting .cfx-seo-target-wrap {
		width: 1600px !important;
		max-width: 1600px;
		height: 100%;
		grid-template-columns: 660px 792px;
		gap: 88px;
		padding-top: 104px;
	}

	.cfx-seo-targeting .cfx-seo-target-heading h2 {
		font-size: 72px;
	}

	.cfx-seo-targeting .cfx-seo-target-heading i {
		width: 88px;
		height: 8px;
		margin: 28px 0 26px;
	}

	.cfx-seo-targeting .cfx-seo-target-heading i::after {
		right: -18px;
		width: 10px;
		height: 10px;
	}

	.cfx-seo-targeting .cfx-seo-target-heading p {
		font-size: 22px;
	}

	.cfx-seo-targeting .cfx-seo-target-visual {
		width: 650px;
		margin-top: 44px;
	}

	.cfx-seo-targeting .cfx-seo-target-right {
		padding-top: 66px;
	}

	.cfx-seo-targeting .cfx-seo-target-grid {
		grid-template-columns: repeat(2, 382px);
		gap: 28px 28px;
	}

	.cfx-seo-targeting .cfx-seo-target-card {
		width: 382px;
		min-height: 212px;
		grid-template-columns: 82px 1fr;
		gap: 24px;
		padding: 40px 32px 30px 28px;
		border-radius: 18px;
	}

	.cfx-seo-targeting .cfx-seo-target-icon {
		width: 82px;
		height: 82px;
	}

	.cfx-seo-targeting .cfx-seo-target-icon img {
		width: 48px;
		height: 48px;
		max-width: 48px;
		max-height: 48px;
	}

	.cfx-seo-targeting .cfx-seo-target-card h5 {
		margin-bottom: 14px;
		font-size: 24px;
	}

	.cfx-seo-targeting .cfx-seo-target-card p {
		font-size: 16px;
		line-height: 1.78;
	}
}

@media screen and (max-width: 1200px) {
	.cfx-seo-target-wrap {
		grid-template-columns: 1fr;
		gap: 0.48rem;
	}

	.cfx-seo-target-right {
		width: 100%;
	}

	.cfx-seo-target-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media screen and (max-width: 768px) {
	.cfx-seo-target-heading h2 {
		font-size: 0.34rem;
	}

	.cfx-seo-target-heading p {
		font-size: 0.15rem;
	}

	.cfx-seo-target-grid {
		grid-template-columns: 1fr;
	}

	.cfx-seo-target-card {
		min-height: auto;
		grid-template-columns: 0.68rem 1fr;
		gap: 0.18rem;
		padding: 0.26rem 0.22rem;
	}

	.cfx-seo-target-icon {
		width: 0.62rem;
		height: 0.62rem;
	}

	.cfx-seo-target-icon img {
		width: 0.38rem;
		height: 0.38rem;
		max-width: 0.38rem;
		max-height: 0.38rem;
	}

	.cfx-seo-target-card h5 {
		font-size: 0.2rem;
	}

	.cfx-seo-target-card p {
		font-size: 0.14rem;
	}
}

/* 六大SEO定向 - 底部安全留白修正 */
@media screen and (min-width: 1201px) {
	.cfx-seo-targeting.cfx-section-padding {
		height: auto !important;
		min-height: 940px !important;
		padding: 0 0 86px !important;
	}

	.cfx-seo-targeting .cfx-seo-target-wrap {
		height: auto !important;
		align-items: start;
		padding-top: 104px;
		padding-bottom: 0;
	}

	.cfx-seo-targeting .cfx-seo-target-right {
		padding-top: 54px;
	}

	.cfx-seo-targeting .cfx-seo-target-card {
		min-height: 198px;
		padding-top: 34px;
		padding-bottom: 26px;
	}
}

@media screen and (max-width: 1200px) {
	.cfx-seo-targeting.cfx-section-padding {
		padding-bottom: 0.72rem;
	}
}

/* ===== 搜索引擎优化八步走 - 设计图还原版 ===== */
.cfx-seo-process {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 50% 48%, rgb(228 238 255 / 62%) 0, rgb(249 252 255 / 52%) 35%, transparent 68%),
		linear-gradient(180deg, #fbfdff 0%, #f5f9ff 100%);
}

.cfx-seo-process-title {
	text-align: center;
}

.cfx-seo-process-title h2 {
	margin: 0;
	color: #0a1430;
	font-size: 0.54rem;
	font-weight: 900;
	line-height: 1.15;
	letter-spacing: 0.02em;
}

.cfx-seo-process-title i {
	display: block;
	width: 0.62rem;
	height: 0.04rem;
	margin: 0.2rem auto 0.18rem;
	border-radius: 999px;
	background: linear-gradient(90deg, #1468ff, #4b95ff);
}

.cfx-seo-process-title h6 {
	margin: 0 auto;
	color: #4d5a73;
	font-size: 0.2rem;
	font-weight: 400;
	line-height: 1.72;
}

.cfx-seo-process-wrap {
	position: relative;
}

.cfx-seo-process-steps {
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.72rem 0.86rem;
	margin: 0;
	padding: 0;
}

.cfx-seo-process-step {
	position: relative;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 0.64rem;
}

.cfx-seo-process-num {
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0.58rem;
	height: 0.58rem;
	border: 1px solid rgb(176 195 232 / 92%);
	border-radius: 50%;
	background: rgb(255 255 255 / 86%);
	color: #1669ff;
	font-size: 0.22rem;
	font-weight: 800;
	line-height: 1;
	transform: translateX(-50%);
	box-shadow: 0 0.08rem 0.22rem rgb(47 104 200 / 8%);
}

.cfx-seo-process-step::before {
	content: "";
	position: absolute;
	left: calc(50% + 0.42rem);
	top: 0.29rem;
	z-index: 1;
	width: calc(100% + 0.42rem);
	height: 1px;
	background: linear-gradient(90deg, rgb(149 171 218 / 72%), rgb(149 171 218 / 55%));
}

.cfx-seo-process-step:nth-child(4)::before,
.cfx-seo-process-step:nth-child(8)::before {
	display: none;
}

.cfx-seo-process-step::after {
	content: "";
	position: absolute;
	left: calc(100% + 0.08rem);
	top: 0.255rem;
	z-index: 2;
	width: 0.08rem;
	height: 0.08rem;
	border-radius: 50%;
	background: #6c8fe8;
	box-shadow: 0 0 0 0.03rem rgb(108 143 232 / 14%);
}

.cfx-seo-process-step:nth-child(4)::after,
.cfx-seo-process-step:nth-child(8)::after {
	display: none;
}

.cfx-seo-process-card {
	box-sizing: border-box;
	width: 100%;
	min-height: 2.24rem;
	padding: 0.34rem 0.28rem 0.28rem;
	text-align: center;
	border: 1px solid rgb(209 222 246 / 86%);
	border-radius: 0.16rem;
	background: linear-gradient(145deg, rgb(255 255 255 / 94%) 0%, rgb(249 252 255 / 88%) 100%);
	box-shadow:
		0 0.2rem 0.52rem rgb(58 92 148 / 9%),
		inset 0 1px 0 rgb(255 255 255 / 96%);
	transition: transform .32s ease, border-color .32s ease, box-shadow .32s ease;
}

.cfx-seo-process-card:hover {
	transform: translateY(-0.05rem);
	border-color: rgb(74 137 255 / 28%);
	box-shadow:
		0 0.28rem 0.68rem rgb(58 92 148 / 14%),
		inset 0 1px 0 rgb(255 255 255 / 96%);
}

.cfx-seo-process-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0.78rem;
	height: 0.78rem;
	margin: 0 auto 0.18rem;
	border-radius: 50%;
	background:
		radial-gradient(circle at 48% 44%, #fff 0 38%, transparent 39%),
		linear-gradient(145deg, #eef5ff 0%, #fff 100%);
	box-shadow: inset 0 0 0 1px rgb(45 123 255 / 8%), 0 0.1rem 0.24rem rgb(48 106 204 / 8%);
}

.cfx-seo-process-icon img {
	display: block;
	width: 0.48rem;
	height: 0.48rem;
	max-width: 0.48rem;
	max-height: 0.48rem;
	object-fit: contain;
	object-position: center center;
}

.cfx-seo-process-card h5 {
	margin: 0 0 0.14rem;
	color: #101a36;
	font-size: 0.24rem;
	font-weight: 800;
	line-height: 1.25;
}

.cfx-seo-process-card p {
	margin: 0 auto;
	max-width: 2.34rem;
	color: #4f5c74;
	font-size: 0.145rem;
	font-weight: 400;
	line-height: 1.75;
}

@media screen and (min-width: 1201px) {
	.cfx-seo-process.cfx-section-margin {
		box-sizing: border-box;
		height: 898px;
		min-height: 898px;
		margin: 0 auto !important;
		padding: 0 !important;
	}

	.cfx-seo-process > .cfx-container {
		width: 1600px !important;
		max-width: 1600px;
		height: 100%;
		padding-top: 48px;
	}

	.cfx-seo-process .cfx-seo-process-title h2 {
		font-size: 54px;
	}

	.cfx-seo-process .cfx-seo-process-title i {
		width: 62px;
		height: 4px;
		margin: 20px auto 18px;
	}

	.cfx-seo-process .cfx-seo-process-title h6 {
		font-size: 20px;
		line-height: 1.72;
	}

	.cfx-seo-process .cfx-seo-process-wrap {
		width: 1450px;
		margin: 58px auto 0;
	}

	.cfx-seo-process .cfx-seo-process-wrap::before {
		content: "";
		position: absolute;
		right: -46px;
		top: 31px;
		width: 104px;
		height: 306px;
		border-top: 1px dashed rgb(129 156 213 / 62%);
		border-right: 1px dashed rgb(129 156 213 / 62%);
		border-bottom: 1px dashed rgb(129 156 213 / 62%);
		border-radius: 0 70px 70px 0;
		pointer-events: none;
	}

	.cfx-seo-process .cfx-seo-process-wrap::after {
		content: "";
		position: absolute;
		left: -46px;
		top: 346px;
		width: 104px;
		height: 276px;
		border-top: 1px dashed rgb(129 156 213 / 62%);
		border-left: 1px dashed rgb(129 156 213 / 62%);
		border-bottom: 1px dashed rgb(129 156 213 / 62%);
		border-radius: 70px 0 0 70px;
		pointer-events: none;
	}

	.cfx-seo-process .cfx-seo-process-steps {
		grid-template-columns: repeat(4, 286px);
		gap: 78px 102px;
		justify-content: center;
	}

	.cfx-seo-process .cfx-seo-process-step {
		width: 286px;
		min-height: 292px;
		padding-top: 64px;
	}

	.cfx-seo-process .cfx-seo-process-num {
		width: 58px;
		height: 58px;
		font-size: 22px;
	}

	.cfx-seo-process .cfx-seo-process-step::before {
		left: calc(50% + 40px);
		top: 29px;
		width: 318px;
	}

	.cfx-seo-process .cfx-seo-process-step::after {
		left: calc(100% + 77px);
		top: 25px;
		width: 8px;
		height: 8px;
	}

	.cfx-seo-process .cfx-seo-process-card {
		width: 286px;
		min-height: 224px;
		padding: 34px 28px 28px;
		border-radius: 16px;
	}

	.cfx-seo-process .cfx-seo-process-icon {
		width: 78px;
		height: 78px;
		margin-bottom: 18px;
	}

	.cfx-seo-process .cfx-seo-process-icon img {
		width: 48px;
		height: 48px;
		max-width: 48px;
		max-height: 48px;
	}

	.cfx-seo-process .cfx-seo-process-card h5 {
		margin-bottom: 14px;
		font-size: 24px;
	}

	.cfx-seo-process .cfx-seo-process-card p {
		max-width: 234px;
		font-size: 14px;
		line-height: 1.75;
	}
}

@media screen and (max-width: 1200px) {
	.cfx-seo-process {
		padding: 0.72rem 0;
	}

	.cfx-seo-process-steps {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.36rem;
	}

	.cfx-seo-process-step::before,
	.cfx-seo-process-step::after {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	.cfx-seo-process-title h2 {
		font-size: 0.34rem;
	}

	.cfx-seo-process-title h6 {
		font-size: 0.15rem;
	}

	.cfx-seo-process-steps {
		grid-template-columns: 1fr;
		gap: 0.22rem;
	}

	.cfx-seo-process-step {
		padding-top: 0.5rem;
	}

	.cfx-seo-process-num {
		width: 0.48rem;
		height: 0.48rem;
		font-size: 0.18rem;
	}

	.cfx-seo-process-card {
		min-height: auto;
	}
}

/* 搜索引擎优化八步走 - 连线与底部卡片修正 */
@media screen and (min-width: 1201px) {
	.cfx-seo-process.cfx-section-margin {
		height: auto !important;
		min-height: 1040px !important;
		overflow: hidden;
		padding-bottom: 86px !important;
	}

	.cfx-seo-process > .cfx-container {
		height: auto !important;
		overflow: visible;
	}

	.cfx-seo-process .cfx-seo-process-wrap {
		position: relative;
		overflow: visible;
		margin-top: 58px;
		padding-bottom: 34px;
	}

	.cfx-seo-process .cfx-seo-process-wrap::before {
		right: -44px;
		top: 31px;
		width: 118px;
		height: 310px;
	}

	.cfx-seo-process .cfx-seo-process-wrap::after {
		left: -44px;
		top: 342px;
		width: 118px;
		height: 286px;
	}

	.cfx-seo-process .cfx-seo-process-steps {
		position: relative;
		gap: 78px 102px;
		overflow: visible;
	}

	.cfx-seo-process .cfx-seo-process-steps::before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: 340px;
		z-index: 0;
		height: 1px;
		background-image: linear-gradient(90deg, rgb(129 156 213 / 62%) 50%, transparent 0);
		background-size: 8px 1px;
		background-repeat: repeat-x;
		pointer-events: none;
	}

	.cfx-seo-process .cfx-seo-process-step {
		z-index: 2;
		min-height: 294px;
	}

	.cfx-seo-process .cfx-seo-process-card {
		height: 224px;
		min-height: 224px;
		overflow: visible;
	}
}

/* SEO套餐 - 新版三卡片推荐样式 */
.cfx-seo-pricing {
	position: relative;
	z-index: 0;
	overflow: hidden;
	background:
		radial-gradient(circle at 9% 13%, rgba(41, 112, 255, .12) 0, transparent 17%),
		radial-gradient(circle at 94% 24%, rgba(41, 112, 255, .1) 0, transparent 22%),
		linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%);
}

.cfx-seo-pricing::before,
.cfx-seo-pricing::after {
	content: "";
	position: absolute;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	border-radius: 0;
	filter: none;
	-webkit-filter: none;
	pointer-events: none;
	z-index: 0;
}

.cfx-seo-pricing::before {
	left: 48px;
	top: 28px;
	width: 118px;
	height: 48px;
	opacity: .8;
	background-image: radial-gradient(circle, rgba(255, 255, 255, .95) 2px, transparent 3px);
	background-size: 22px 22px;
}

.cfx-seo-pricing::after {
	right: -132px;
	top: -118px;
	width: 430px;
	height: 430px;
	border: 1px solid rgba(71, 125, 224, .16);
	border-radius: 50%;
	box-shadow: -74px 112px 0 -70px rgba(59, 129, 255, .45), inset 72px 96px 0 rgba(255, 255, 255, .42);
}

.cfx-seo-pricing > .cfx-container {
	position: relative;
	z-index: 1;
}

.cfx-seo-pricing-title {
	margin: 0 auto;
	text-align: center;
}

.cfx-seo-pricing-title h2 {
	margin: 0;
	color: #101a36;
	font-weight: 900;
	letter-spacing: .02em;
}

.cfx-seo-pricing-title h6 {
	margin: 0;
	color: #526178;
	font-weight: 400;
	line-height: 1.8;
}

.cfx-seo-pricing .cfx-pricing-grid.cfx-seo-pricing-grid {
	position: relative;
	z-index: 2;
	display: grid !important;
	padding: 0 !important;
	margin-right: auto;
	margin-left: auto;
	flex-wrap: initial !important;
}

.cfx-seo-pricing .cfx-seo-pricing-card {
	position: relative;
	box-sizing: border-box;
	width: auto !important;
	margin: 0 !important;
	overflow: hidden;
	cursor: default;
	border: 1px solid rgba(189, 211, 245, .7);
	border-radius: 18px;
	background: rgba(255, 255, 255, .86) !important;
	box-shadow: 0 24px 58px rgba(36, 78, 144, .11);
	backdrop-filter: blur(12px);
}

.cfx-seo-pricing .cfx-seo-pricing-card::before,
.cfx-seo-pricing .cfx-seo-pricing-card::after {
	display: none !important;
}

.cfx-seo-pricing .cfx-seo-pricing-head {
	position: relative;
	z-index: 3;
	display: block !important;
	margin: 0 !important;
	text-align: center;
}

.cfx-seo-pricing .cfx-seo-pricing-icon {
	position: relative !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	margin: 0 auto;
	border-radius: 50%;
	background: linear-gradient(180deg, #eef4ff 0%, #e5efff 100%);
	border: 1px solid rgba(207, 220, 245, .7);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95), 0 14px 30px rgba(59, 112, 204, .08);
}

.cfx-seo-pricing .cfx-seo-pricing-icon::before,
.cfx-seo-pricing .cfx-seo-pricing-icon::after {
	display: none !important;
}

.cfx-seo-pricing .cfx-seo-pricing-icon img {
	display: block;
	width: 58%;
	height: 58%;
	object-fit: contain;
}

.cfx-seo-pricing .cfx-seo-pricing-card h4 {
	position: relative;
	margin: 0 !important;
	color: #101a36 !important;
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: -.02em;
}

.cfx-seo-pricing .cfx-seo-pricing-card h4::after {
	content: "";
	display: block;
	width: 42px;
	height: 2px;
	margin: 18px auto 0;
	border-radius: 99px;
	background: linear-gradient(90deg, #125dff 0%, #58a2ff 100%);
}

.cfx-seo-pricing .cfx-seo-pricing-card ul {
	position: relative;
	z-index: 3;
	box-sizing: border-box;
	padding: 0 !important;
	margin-right: auto;
	margin-left: auto;
	list-style: none;
}

.cfx-seo-pricing .cfx-seo-pricing-card li {
	position: relative;
	box-sizing: border-box;
	padding: 0 0 0 34px !important;
	margin: 0 !important;
	color: #2c3a52 !important;
	font-weight: 400;
	line-height: 1.55;
}

.cfx-seo-pricing .cfx-seo-pricing-card li::before {
	content: "" !important;
	position: absolute;
	left: 0;
	top: .28em;
	display: block !important;
	box-sizing: border-box;
	width: 18px !important;
	height: 18px !important;
	border: 1px solid #1e70ff;
	border-radius: 50%;
	background: #fff !important;
}

.cfx-seo-pricing .cfx-seo-pricing-card li::after {
	content: "";
	position: absolute;
	left: 6px;
	top: calc(.28em + 4px);
	width: 5px;
	height: 8px;
	border-right: 1.5px solid #1e70ff;
	border-bottom: 1.5px solid #1e70ff;
	transform: rotate(42deg);
}

.cfx-seo-pricing .cfx-seo-pricing-card > i {
	display: none !important;
}

.cfx-seo-pricing .cfx-seo-pricing-illus {
	position: absolute !important;
	z-index: 1;
	display: block;
	max-width: none;
	object-fit: contain;
	pointer-events: none;
	user-select: none;
}

.cfx-seo-pricing .cfx-seo-pricing-card-featured {
	color: #fff;
	border-color: rgba(43, 116, 255, .55);
	background:
		radial-gradient(circle at 22% 20%, rgba(93, 173, 255, .6) 0, transparent 26%),
		linear-gradient(150deg, #2f82ff 0%, #005fdf 54%, #004dc2 100%) !important;
	box-shadow: 0 28px 62px rgba(0, 84, 199, .26);
}

.cfx-seo-pricing .cfx-seo-pricing-card-featured::before {
	content: "" !important;
	position: absolute;
	right: 38px;
	top: 160px;
	display: block !important;
	width: 76px;
	height: 170px;
	opacity: .25;
	background-image: radial-gradient(circle, rgba(255, 255, 255, .78) 2px, transparent 3px);
	background-size: 18px 18px;
}

.cfx-seo-pricing .cfx-seo-pricing-card-featured .cfx-seo-pricing-icon {
	background: rgba(255, 255, 255, .12);
	border-color: rgba(255, 255, 255, .35);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .38), 0 16px 34px rgba(0, 35, 118, .12);
}

.cfx-seo-pricing .cfx-seo-pricing-card-featured h4,
.cfx-seo-pricing .cfx-seo-pricing-card-featured li {
	color: #fff !important;
}

.cfx-seo-pricing .cfx-seo-pricing-card-featured h4::after {
	background: rgba(255, 255, 255, .9);
}

.cfx-seo-pricing .cfx-seo-pricing-card-featured li::before {
	border-color: #fff;
	background: #fff !important;
}

.cfx-seo-pricing .cfx-seo-pricing-card-featured li::after {
	border-color: #1b73ff;
}

.cfx-seo-pricing .cfx-seo-pricing-badge {
	position: absolute;
	z-index: 5;
	top: 10px;
	right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-width: 126px;
	height: 44px;
	padding: 0 18px 0 28px;
	border-radius: 0 10px 0 14px;
	color: #10203f;
	font-size: 20px;
	font-weight: 600;
	font-style: normal;
	line-height: 1;
	background: linear-gradient(180deg, #fff5d9 0%, #f0d184 100%);
	box-shadow: 0 12px 24px rgba(23, 65, 153, .16);
}

.cfx-seo-pricing .cfx-seo-pricing-badge::before {
	content: "";
	position: absolute;
	left: -28px;
	top: 0;
	width: 0;
	height: 0;
	border-top: 44px solid #f9e8b5;
	border-left: 18px solid transparent;
}

.cfx-seo-pricing .cfx-seo-pricing-badge em {
	position: relative;
	display: block;
	width: 18px;
	height: 18px;
	margin-right: 12px;
	font-style: normal;
	background: #132449;
	clip-path: polygon(50% 0, 61% 35%, 98% 35%, 68% 56%, 80% 92%, 50% 70%, 20% 92%, 32% 56%, 2% 35%, 39% 35%);
}

@media screen and (min-width: 1201px) {
	.cfx-seo-pricing.cfx-section-padding {
		min-height: 960px;
		box-sizing: border-box;
		padding: 0 0 72px !important;
	}

	.cfx-seo-pricing > .cfx-container {
		width: 1460px !important;
		padding-top: 88px;
	}

	.cfx-seo-pricing-title h2 {
		font-size: 56px;
		line-height: 1.18;
	}

	.cfx-seo-pricing-title h6 {
		margin-top: 24px;
		font-size: 20px;
	}

	.cfx-seo-pricing .cfx-pricing-grid.cfx-seo-pricing-grid {
		grid-template-columns: 460px 450px 475px;
		gap: 42px;
		margin-top: 60px;
	}

	.cfx-seo-pricing .cfx-seo-pricing-card {
		min-height: 612px;
		padding: 42px 76px 46px !important;
		border-radius: 18px !important;
	}

	.cfx-seo-pricing .cfx-seo-pricing-card:nth-child(2) {
		padding-right: 68px !important;
		padding-left: 68px !important;
	}

	.cfx-seo-pricing .cfx-seo-pricing-icon {
		width: 92px;
		height: 92px;
		margin-bottom: 28px;
	}

	.cfx-seo-pricing .cfx-seo-pricing-card h4 {
		font-size: 30px;
	}

	.cfx-seo-pricing .cfx-seo-pricing-card ul {
		width: 236px;
		margin-top: 34px;
	}

	.cfx-seo-pricing .cfx-seo-pricing-card li {
		font-size: 18px;
	}

	.cfx-seo-pricing .cfx-seo-pricing-card li + li {
		margin-top: 15px !important;
	}

	.cfx-seo-pricing .cfx-seo-pricing-illus-basic {
		left: 46px;
		bottom: 32px;
		width: 386px;
		opacity: .82;
	}

	.cfx-seo-pricing .cfx-seo-pricing-illus-standard {
		right: 38px;
		bottom: 28px;
		width: 292px;
		opacity: .72;
	}

	.cfx-seo-pricing .cfx-seo-pricing-illus-platinum {
		right: 34px;
		bottom: 36px;
		width: 248px;
		opacity: .9;
	}

	.cfx-seo-pricing .cfx-seo-pricing-card-featured {
		padding-right: 66px !important;
		padding-left: 66px !important;
	}

	.cfx-seo-pricing .cfx-seo-pricing-card-featured .cfx-seo-pricing-head {
		margin-top: 6px !important;
	}

	.cfx-seo-pricing .cfx-seo-pricing-card-featured ul {
		width: 270px;
		margin-top: 34px;
		margin-left: 34px;
	}
}

@media screen and (max-width: 1200px) {
	.cfx-seo-pricing {
		padding-top: .8rem !important;
		padding-bottom: .8rem !important;
	}

	.cfx-seo-pricing-title h2 {
		font-size: .46rem;
		line-height: 1.25;
	}

	.cfx-seo-pricing-title h6 {
		margin-top: .18rem;
		font-size: .18rem;
	}

	.cfx-seo-pricing .cfx-pricing-grid.cfx-seo-pricing-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: .22rem;
		margin-top: .42rem;
	}

	.cfx-seo-pricing .cfx-seo-pricing-card {
		min-height: 5.7rem;
		padding: .4rem .34rem .44rem !important;
	}

	.cfx-seo-pricing .cfx-seo-pricing-icon {
		width: .78rem;
		height: .78rem;
		margin-bottom: .24rem;
	}

	.cfx-seo-pricing .cfx-seo-pricing-card h4 {
		font-size: .26rem;
	}

	.cfx-seo-pricing .cfx-seo-pricing-card ul {
		width: 2.35rem;
		margin-top: .3rem;
	}

	.cfx-seo-pricing .cfx-seo-pricing-card li {
		font-size: .16rem;
	}

	.cfx-seo-pricing .cfx-seo-pricing-card li + li {
		margin-top: .12rem !important;
	}

	.cfx-seo-pricing .cfx-seo-pricing-illus {
		width: 62%;
		right: .18rem;
		bottom: .18rem;
		opacity: .55;
	}

	.cfx-seo-pricing .cfx-seo-pricing-badge {
		min-width: 1rem;
		height: .36rem;
		font-size: .16rem;
	}
}

@media screen and (max-width: 768px) {
	.cfx-seo-pricing .cfx-pricing-grid.cfx-seo-pricing-grid {
		grid-template-columns: 1fr;
		gap: .24rem;
	}

	.cfx-seo-pricing .cfx-seo-pricing-card {
		min-height: auto;
		padding: .42rem .36rem 1.4rem !important;
	}

	.cfx-seo-pricing .cfx-seo-pricing-card ul {
		width: 100%;
		max-width: 2.8rem;
	}
}

/* Footer - 浅色科技官网新版 */
footer.cfx-site-footer {
	position: relative;
	z-index: 0;
	overflow: hidden;
	box-sizing: border-box;
	padding: 124px 0 56px !important;
	background:
		radial-gradient(circle at 84% 47%, rgba(40, 111, 255, .08) 0, transparent 19%),
		linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
	color: #172036;
}

footer.cfx-site-footer::before,
footer.cfx-site-footer::after {
	content: "";
	position: absolute;
	pointer-events: none;
	z-index: 0;
}

footer.cfx-site-footer::before {
	left: 78px;
	top: 32px;
	width: 112px;
	height: 64px;
	opacity: .52;
	background-image: radial-gradient(circle, rgba(44, 110, 255, .16) 2px, transparent 3px);
	background-size: 22px 22px;
}

footer.cfx-site-footer::after {
	right: -230px;
	top: -130px;
	width: 560px;
	height: 560px;
	border: 1px solid rgba(54, 118, 255, .1);
	border-radius: 50%;
	box-shadow: inset 72px 118px 0 rgba(239, 246, 255, .8), -58px 205px 0 -52px rgba(40, 118, 255, .25);
}

footer.cfx-site-footer .cfx-container {
	position: relative;
	z-index: 1;
	width: 1770px;
	max-width: calc(100% - 120px);
}

footer.cfx-site-footer .cfx-footer-wrap {
	display: grid !important;
	grid-template-columns: 430px 660px 500px;
	align-items: start;
	gap: 70px;
	margin: 0 auto;
}

footer.cfx-site-footer .cfx-footer-brand {
	min-width: 0;
}

footer.cfx-site-footer .cfx-footer-logo {
	margin: 0;
}

footer.cfx-site-footer .cfx-footer-logo a {
	position: relative;
	display: inline-flex;
	align-items: flex-start;
	text-decoration: none;
}

footer.cfx-site-footer .cfx-footer-logo img {
	display: block;
	width: auto;
	height: 54px;
	max-width: 280px;
	object-fit: contain;
}

footer.cfx-site-footer .cfx-footer-logo em {
	display: inline-flex;
	align-items: center;
	height: 26px;
	margin: -7px 0 0 8px;
	padding: 0 10px;
	border: 1px solid rgba(145, 158, 180, .38);
	border-radius: 13px;
	color: #8b94a6;
	font-size: 14px;
	font-style: normal;
	line-height: 1;
	background: rgba(255, 255, 255, .78);
}

footer.cfx-site-footer .cfx-footer-desc {
	width: 370px;
	max-width: 100%;
	margin: 38px 0 0;
	color: #5f6878;
	font-size: 18px;
	line-height: 1.9;
	letter-spacing: .01em;
}

footer.cfx-site-footer .cfx-footer-adv-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 22px;
	width: 368px;
	max-width: 100%;
	padding: 0;
	margin: 34px 0 0;
	list-style: none;
}

footer.cfx-site-footer .cfx-footer-adv-list li {
	text-align: center;
}

footer.cfx-site-footer .cfx-footer-adv-list p {
	margin: 13px 0 0;
	color: #4f5a6d;
	font-size: 16px;
	line-height: 1.2;
	white-space: nowrap;
}

footer.cfx-site-footer .cfx-footer-adv-icon {
	position: relative;
	display: block;
	width: 28px;
	height: 28px;
	margin: 0 auto;
	color: #1f6dff;
}

footer.cfx-site-footer .cfx-footer-adv-cube::before {
	content: "";
	position: absolute;
	inset: 4px;
	border: 2px solid currentColor;
	border-radius: 5px;
	transform: rotate(30deg) skew(-8deg);
}

footer.cfx-site-footer .cfx-footer-adv-cube::after {
	content: "";
	position: absolute;
	left: 13px;
	top: 7px;
	width: 2px;
	height: 14px;
	background: currentColor;
	box-shadow: 7px -3px 0 -1px currentColor, -7px -3px 0 -1px currentColor;
	opacity: .8;
}

footer.cfx-site-footer .cfx-footer-adv-data::before,
footer.cfx-site-footer .cfx-footer-adv-data::after {
	content: "";
	position: absolute;
	bottom: 5px;
	width: 2px;
	border-radius: 2px;
	background: currentColor;
	box-shadow: 8px -6px 0 currentColor, 16px -13px 0 currentColor;
}

footer.cfx-site-footer .cfx-footer-adv-data::before {
	left: 4px;
	height: 8px;
	opacity: .45;
}

footer.cfx-site-footer .cfx-footer-adv-data::after {
	left: 8px;
	height: 13px;
}

footer.cfx-site-footer .cfx-footer-adv-shield::before {
	content: "";
	position: absolute;
	left: 5px;
	top: 3px;
	width: 18px;
	height: 21px;
	border: 2px solid currentColor;
	border-radius: 8px 8px 11px 11px;
	clip-path: polygon(50% 0, 100% 19%, 92% 76%, 50% 100%, 8% 76%, 0 19%);
}

footer.cfx-site-footer .cfx-footer-adv-shield::after {
	content: "";
	position: absolute;
	left: 11px;
	top: 11px;
	width: 7px;
	height: 4px;
	border-left: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(-45deg);
}

footer.cfx-site-footer .cfx-footer-adv-heart::before,
footer.cfx-site-footer .cfx-footer-adv-heart::after {
	content: "";
	position: absolute;
	left: 8px;
	top: 5px;
	width: 12px;
	height: 19px;
	border: 2px solid currentColor;
	border-radius: 12px 12px 0 0;
	transform: rotate(-45deg);
	transform-origin: 0 100%;
}

footer.cfx-site-footer .cfx-footer-adv-heart::after {
	left: 7px;
	transform: rotate(45deg);
	transform-origin: 100% 100%;
}

footer.cfx-site-footer .cfx-footer-more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 220px;
	height: 58px;
	margin-top: 34px;
	border: 1.5px solid #1d67ff;
	border-radius: 30px;
	color: #1d67ff;
	font-size: 17px;
	font-weight: 600;
	text-decoration: none;
	transition: all .25s ease;
}

footer.cfx-site-footer .cfx-footer-more span,
footer.cfx-site-footer .cfx-footer-link-apply span {
	position: relative;
	display: block;
	width: 22px;
	height: 1px;
	margin-left: 18px;
	background: currentColor;
}

footer.cfx-site-footer .cfx-footer-more span::after,
footer.cfx-site-footer .cfx-footer-link-apply span::after {
	content: "";
	position: absolute;
	right: 0;
	top: -4px;
	width: 8px;
	height: 8px;
	border-top: 1.5px solid currentColor;
	border-right: 1.5px solid currentColor;
	transform: rotate(45deg);
}

footer.cfx-site-footer .cfx-footer-more:hover {
	color: #fff;
	background: #1d67ff;
	box-shadow: 0 14px 30px rgba(29, 103, 255, .2);
}

footer.cfx-site-footer .cfx-footer-nav {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0;
	margin: 46px 0 0 !important;
}

footer.cfx-site-footer .cfx-footer-nav dl {
	position: relative;
	box-sizing: border-box;
	min-height: 250px;
	padding: 0 34px 0 0;
	margin: 0;
}

footer.cfx-site-footer .cfx-footer-nav dl + dl {
	padding-left: 44px;
	border-left: 1px solid rgba(212, 222, 238, .74);
}

footer.cfx-site-footer .cfx-footer-nav dt {
	position: relative;
	margin: 0 0 52px !important;
	color: #172036;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.2;
}

footer.cfx-site-footer .cfx-footer-nav dt::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -25px;
	width: 25px;
	height: 3px;
	border-radius: 99px;
	background: linear-gradient(90deg, #1b67ff 0%, #65a5ff 100%);
}

footer.cfx-site-footer .cfx-footer-nav dd {
	margin: 0;
}

footer.cfx-site-footer .cfx-footer-nav dd + dd {
	margin-top: 22px;
}

footer.cfx-site-footer .cfx-footer-nav a {
	display: inline-block !important;
	padding: 0 !important;
	color: #535d70 !important;
	font-size: 17px !important;
	line-height: 1.2 !important;
	text-decoration: none;
	white-space: nowrap;
	transition: color .2s ease, transform .2s ease;
}

footer.cfx-site-footer .cfx-footer-nav a:hover {
	color: #1d67ff !important;
	transform: translateX(3px);
}

footer.cfx-site-footer .cfx-footer-social-card {
	position: relative;
	box-sizing: border-box;
	min-height: 400px;
	margin-top: 0;
	padding: 56px 38px 42px;
	overflow: visible;
	border: 1px solid rgba(185, 207, 239, .74);
	border-radius: 18px;
	background:
		linear-gradient(165deg, rgba(255, 255, 255, .92) 0%, rgba(239, 246, 255, .88) 100%);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95), 0 24px 62px rgba(44, 87, 159, .1);
}

footer.cfx-site-footer .cfx-footer-social-card::before {
	content: "";
	position: absolute;
	right: -72px;
	bottom: -102px;
	width: 250px;
	height: 250px;
	border-radius: 50%;
	background:
		repeating-linear-gradient(-18deg, rgba(40, 103, 255, .08) 0 1px, transparent 1px 5px),
		radial-gradient(circle, rgba(36, 114, 255, .1) 0, transparent 65%);
}

footer.cfx-site-footer .cfx-footer-social-card::after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 96px;
	background: linear-gradient(167deg, transparent 0 40%, rgba(255, 255, 255, .54) 41% 100%);
	pointer-events: none;
}

footer.cfx-site-footer .cfx-footer-social-card h2 {
	position: relative;
	z-index: 2;
	margin: 0;
	color: #172036;
	font-size: 30px;
	font-weight: 800;
	line-height: 1.45;
	letter-spacing: .01em;
}

footer.cfx-site-footer .cfx-footer-social-card h2 strong {
	display: block;
	color: #1d67e9;
	font-size: 30px;
	font-weight: 900;
}

footer.cfx-site-footer .cfx-footer-social-card h2::after {
	content: "";
	display: block;
	width: 50px;
	height: 4px;
	margin-top: 24px;
	border-radius: 99px;
	background: linear-gradient(90deg, #1d67ff 0%, #7eb3ff 100%);
}

footer.cfx-site-footer .cfx-footer-social-list {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
	padding: 0;
	margin: 62px 0 0;
	list-style: none;
}

footer.cfx-site-footer .cfx-footer-social-list a {
	display: block;
	color: #424b5c;
	text-align: center;
	text-decoration: none;
}

footer.cfx-site-footer .cfx-footer-social-list li {
	position: relative;
}

footer.cfx-site-footer .cfx-footer-social-list span {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 68px;
	height: 68px;
	margin: 0 auto;
	border: 1px solid rgba(205, 218, 239, .86);
	border-radius: 50%;
	background: rgba(255, 255, 255, .9);
	box-shadow: 0 14px 32px rgba(52, 96, 164, .1);
	transition: transform .25s ease, box-shadow .25s ease;
}

footer.cfx-site-footer .cfx-footer-social-list img {
	display: block;
	width: 32px;
	height: 32px;
	object-fit: contain;
}

footer.cfx-site-footer .cfx-footer-social-list p {
	margin: 16px 0 0;
	color: #424b5c;
	font-size: 16px;
	line-height: 1.2;
	white-space: nowrap;
}

footer.cfx-site-footer .cfx-footer-social-list a:hover span {
	transform: translateY(-4px);
	box-shadow: 0 18px 36px rgba(30, 103, 255, .16);
}

footer.cfx-site-footer .cfx-footer-social-qr {
	position: absolute;
	left: 50%;
	bottom: calc(100% + 16px);
	z-index: 12;
	box-sizing: border-box;
	width: 136px;
	padding: 10px 10px 9px;
	border: 1px solid rgba(190, 208, 238, .92);
	border-radius: 14px;
	background: rgba(255, 255, 255, .98);
	box-shadow: 0 18px 42px rgba(28, 72, 145, .16);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translate(-50%, 10px);
	transition: opacity .22s ease, visibility .22s ease, transform .22s ease;
}

footer.cfx-site-footer .cfx-footer-social-qr::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -7px;
	width: 12px;
	height: 12px;
	border-right: 1px solid rgba(190, 208, 238, .92);
	border-bottom: 1px solid rgba(190, 208, 238, .92);
	background: rgba(255, 255, 255, .98);
	transform: translateX(-50%) rotate(45deg);
}

footer.cfx-site-footer .cfx-footer-social-qr img {
	display: block;
	width: 114px;
	height: 114px;
	margin: 0 auto;
	object-fit: cover;
	border-radius: 8px;
}

footer.cfx-site-footer .cfx-footer-social-qr em {
	display: block;
	margin-top: 8px;
	color: #526178;
	font-size: 13px;
	font-style: normal;
	line-height: 1.2;
	text-align: center;
	white-space: nowrap;
}

footer.cfx-site-footer .cfx-footer-social-list li:hover .cfx-footer-social-qr {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, 0);
}

footer.cfx-site-footer .cfx-footer-links-wrap {
	margin: 46px auto 0 !important;
}

footer.cfx-site-footer .cfx-footer-links {
	position: relative;
	display: flex !important;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	min-height: 92px;
	margin: 0 !important;
	padding: 0 36px;
	border: 1px solid rgba(185, 207, 239, .9);
	border-radius: 12px;
	background: rgba(255, 255, 255, .58);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85);
}

footer.cfx-site-footer .cfx-footer-links-toggle {
	position: static !important;
	flex: 0 0 auto;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	cursor: default;
}

footer.cfx-site-footer .cfx-footer-links-toggle p {
	position: static;
	margin: 0;
	padding: 0 !important;
	color: #172036;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
}

footer.cfx-site-footer .cfx-footer-links-toggle p::before,
footer.cfx-site-footer .cfx-footer-links-toggle p::after {
	display: none !important;
}

footer.cfx-site-footer .cfx-footer-links-list {
	position: static !important;
	display: flex !important;
	align-items: center;
	flex: 1 1 auto;
	flex-wrap: nowrap;
	width: auto !important;
	padding: 0 !important;
	margin: 0 28px !important;
	opacity: 1 !important;
	visibility: visible !important;
	list-style: none;
	background: transparent !important;
	transform: none !important;
	box-shadow: none !important;
}

footer.cfx-site-footer .cfx-footer-links-list li {
	position: relative;
	flex: 0 0 auto;
	margin: 0 !important;
	padding: 0 28px !important;
}

footer.cfx-site-footer .cfx-footer-links-list li + li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 16px;
	background: rgba(113, 124, 146, .42);
	transform: translateY(-50%);
}

footer.cfx-site-footer .cfx-footer-links-list a {
	display: block !important;
	padding: 0 !important;
	color: #4e586a !important;
	font-size: 16px !important;
	line-height: 1 !important;
	text-decoration: none;
	white-space: nowrap;
}

footer.cfx-site-footer .cfx-footer-links-list a:hover,
footer.cfx-site-footer .cfx-footer-link-apply:hover,
footer.cfx-site-footer .cfx-footer-copyright a:hover {
	color: #1d67ff !important;
}

footer.cfx-site-footer .cfx-footer-link-apply {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	color: #1d67ff;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
}

footer.cfx-site-footer .cfx-footer-link-apply span {
	width: 18px;
	margin-left: 14px;
}

footer.cfx-site-footer .cfx-footer-copyright {
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	margin-top: 34px;
	padding-top: 31px;
	border-top: 1px solid rgba(202, 214, 233, .86);
	color: #5f6878;
	font-size: 15px;
	line-height: 1.5;
}

footer.cfx-site-footer .cfx-footer-copyright p {
	margin: 0;
}

footer.cfx-site-footer .cfx-footer-copyright a {
	color: #5f6878;
	font-size: 15px;
	text-decoration: none;
}

footer.cfx-site-footer .cfx-footer-copyright ul {
	display: flex;
	align-items: center;
	padding: 0;
	margin: 0;
	list-style: none;
}

footer.cfx-site-footer .cfx-footer-copyright li {
	position: relative;
	padding: 0 20px;
}

footer.cfx-site-footer .cfx-footer-copyright li + li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 16px;
	background: rgba(113, 124, 146, .48);
	transform: translateY(-50%);
}

footer.cfx-site-footer .cfx-footer-copyright li:last-child {
	padding-right: 0;
}

.cfx-back-to-top {
	width: 76px !important;
	height: 76px !important;
	right: 68px !important;
	bottom: 58px !important;
	border: 1px solid rgba(205, 218, 239, .9);
	border-radius: 50%;
	background: rgba(255, 255, 255, .9) !important;
	box-shadow: 0 16px 42px rgba(31, 80, 156, .12);
}

.cfx-back-to-top i {
	left: 50% !important;
	top: 50% !important;
	width: 20px !important;
	height: 20px !important;
	margin: 0 !important;
	border-top: 2px solid #1b2a48;
	border-left: 2px solid #1b2a48;
	background: none !important;
	transform: translate(-50%, -35%) rotate(45deg);
}

.cfx-back-to-top i::after {
	content: "";
	position: absolute;
	left: 8px;
	top: -2px;
	width: 2px;
	height: 28px;
	background: #1b2a48;
	transform: rotate(-45deg) translate(5px, 5px);
	transform-origin: top;
}

@media screen and (max-width: 1600px) {
	footer.cfx-site-footer .cfx-container {
		width: 1400px;
		max-width: calc(100% - 80px);
	}

	footer.cfx-site-footer .cfx-footer-wrap {
		grid-template-columns: 360px 570px 430px;
		gap: 40px;
	}

	footer.cfx-site-footer .cfx-footer-nav dl + dl {
		padding-left: 32px;
	}

	footer.cfx-site-footer .cfx-footer-links-list li {
		padding: 0 18px !important;
	}
}

@media screen and (max-width: 1200px) {
	footer.cfx-site-footer {
		padding: 82px 0 42px !important;
	}

	footer.cfx-site-footer .cfx-container {
		max-width: calc(100% - 48px);
	}

	footer.cfx-site-footer .cfx-footer-wrap {
		grid-template-columns: 1fr;
		gap: 42px;
	}

	footer.cfx-site-footer .cfx-footer-nav {
		margin-top: 0 !important;
	}

	footer.cfx-site-footer .cfx-footer-social-card {
		min-height: auto;
	}

	footer.cfx-site-footer .cfx-footer-links {
		align-items: flex-start;
		flex-direction: column;
		gap: 18px;
		padding: 26px;
	}

	footer.cfx-site-footer .cfx-footer-links-list {
		flex-wrap: wrap;
		margin: 0 !important;
		gap: 14px 0;
	}

	footer.cfx-site-footer .cfx-footer-links-list li {
		padding: 0 18px 0 0 !important;
	}

	footer.cfx-site-footer .cfx-footer-links-list li + li::before {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	footer.cfx-site-footer {
		padding: 58px 0 34px !important;
	}

	footer.cfx-site-footer .cfx-container {
		max-width: calc(100% - 32px);
	}

	footer.cfx-site-footer .cfx-footer-logo img {
		height: 42px;
	}

	footer.cfx-site-footer .cfx-footer-desc {
		margin-top: 24px;
		font-size: 15px;
	}

	footer.cfx-site-footer .cfx-footer-adv-list {
		grid-template-columns: repeat(2, 1fr);
		width: 240px;
	}

	footer.cfx-site-footer .cfx-footer-more {
		width: 180px;
		height: 50px;
		font-size: 15px;
	}

	footer.cfx-site-footer .cfx-footer-nav {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 30px 20px;
	}

	footer.cfx-site-footer .cfx-footer-nav dl,
	footer.cfx-site-footer .cfx-footer-nav dl + dl {
		min-height: auto;
		padding: 0 !important;
		border-left: 0;
	}

	footer.cfx-site-footer .cfx-footer-nav dt {
		margin-bottom: 34px !important;
		font-size: 18px;
	}

	footer.cfx-site-footer .cfx-footer-nav dd + dd {
		margin-top: 14px;
	}

	footer.cfx-site-footer .cfx-footer-nav a {
		font-size: 15px !important;
	}

	footer.cfx-site-footer .cfx-footer-social-card {
		padding: 34px 24px;
	}

	footer.cfx-site-footer .cfx-footer-social-card h2,
	footer.cfx-site-footer .cfx-footer-social-card h2 strong {
		font-size: 24px;
	}

	footer.cfx-site-footer .cfx-footer-social-list {
		grid-template-columns: repeat(2, 1fr);
		margin-top: 34px;
	}

	footer.cfx-site-footer .cfx-footer-copyright {
		align-items: flex-start;
		flex-direction: column;
		gap: 16px;
	}

	footer.cfx-site-footer .cfx-footer-copyright ul {
		flex-wrap: wrap;
	}

	.cfx-back-to-top {
		width: 48px !important;
		height: 48px !important;
		right: 20px !important;
		bottom: 24px !important;
	}
}

/* Footer - 友链完整卡片与返回顶部箭头修正 */
footer.cfx-site-footer .cfx-footer-nav dt a {
	display: inline-block !important;
	padding: 0 !important;
	color: #172036 !important;
	font-size: 20px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	text-decoration: none;
	transform: none !important;
}

footer.cfx-site-footer .cfx-footer-nav dt a:hover {
	color: #1d67ff !important;
}

footer.cfx-site-footer .cfx-footer-links-wrap {
	display: block !important;
	box-sizing: border-box;
	width: 1770px !important;
	max-width: calc(100% - 120px) !important;
	margin: 46px auto 0 !important;
	padding: 0 !important;
}

footer.cfx-site-footer .cfx-footer-links {
	display: grid !important;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center !important;
	width: 100% !important;
	max-width: none !important;
	min-height: 92px !important;
	padding: 0 36px !important;
	overflow: hidden;
	border: 1px solid rgba(185, 207, 239, .95) !important;
	border-radius: 12px !important;
	background: rgba(255, 255, 255, .72) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 10px 30px rgba(43, 91, 157, .04) !important;
}

footer.cfx-site-footer .cfx-footer-links-toggle {
	display: flex !important;
	align-items: center;
	height: 100%;
	min-width: 82px;
	background: transparent !important;
}

footer.cfx-site-footer .cfx-footer-links-list {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start;
	min-width: 0;
	margin: 0 26px !important;
	overflow: hidden;
}

footer.cfx-site-footer .cfx-footer-links-list li {
	padding: 0 26px !important;
}

footer.cfx-site-footer .cfx-footer-link-apply {
	justify-self: end;
}

.cfx-back-to-top {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 76px !important;
	height: 76px !important;
	right: 68px !important;
	bottom: 58px !important;
	border: 1px solid rgba(205, 218, 239, .95) !important;
	border-radius: 50% !important;
	background: rgba(255, 255, 255, .94) !important;
	box-shadow: 0 16px 42px rgba(31, 80, 156, .14) !important;
}

.cfx-back-to-top i {
	position: relative !important;
	left: auto !important;
	top: auto !important;
	display: block !important;
	width: 28px !important;
	height: 32px !important;
	margin: 0 !important;
	border: 0 !important;
	background: none !important;
	opacity: 1 !important;
	transform: none !important;
}

.cfx-back-to-top i::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 2px;
	width: 18px;
	height: 18px;
	border-top: 2px solid #172036;
	border-left: 2px solid #172036;
	transform: translateX(-50%) rotate(45deg);
}

.cfx-back-to-top i::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 8px;
	width: 2px;
	height: 24px;
	border-radius: 2px;
	background: #172036;
	transform: translateX(-50%);
}

@media screen and (max-width: 1600px) {
	footer.cfx-site-footer .cfx-footer-links-wrap {
		width: 1400px !important;
		max-width: calc(100% - 80px) !important;
	}

	footer.cfx-site-footer .cfx-footer-links {
		padding: 0 28px !important;
	}

	footer.cfx-site-footer .cfx-footer-links-list li {
		padding: 0 18px !important;
	}
}

@media screen and (max-width: 1200px) {
	footer.cfx-site-footer .cfx-footer-links-wrap {
		max-width: calc(100% - 48px) !important;
	}

	footer.cfx-site-footer .cfx-footer-links {
		grid-template-columns: 1fr;
		align-items: flex-start !important;
		padding: 24px 26px !important;
	}

	footer.cfx-site-footer .cfx-footer-links-list {
		flex-wrap: wrap;
		margin: 18px 0 !important;
		overflow: visible;
		gap: 14px 0;
	}

	footer.cfx-site-footer .cfx-footer-link-apply {
		justify-self: start;
	}
}

@media screen and (max-width: 768px) {
	footer.cfx-site-footer .cfx-footer-links-wrap {
		max-width: calc(100% - 32px) !important;
	}

	footer.cfx-site-footer .cfx-footer-nav dt a {
		font-size: 18px !important;
	}

	.cfx-back-to-top {
		width: 48px !important;
		height: 48px !important;
		right: 20px !important;
		bottom: 24px !important;
	}

	.cfx-back-to-top i {
		width: 22px !important;
		height: 26px !important;
	}

	.cfx-back-to-top i::before {
		width: 14px;
		height: 14px;
	}

	.cfx-back-to-top i::after {
		top: 7px;
		height: 18px;
	}
}

/* 全站右侧悬浮咨询窗 */
.cfx-float-contact {
	position: fixed;
	right: 30px;
	top: 50%;
	z-index: 9999;
	display: flex;
	align-items: center;
	transform: translateY(-50%);
}

.cfx-float-bar {
	position: relative;
	z-index: 2;
	box-sizing: border-box;
	width: 72px;
	padding: 26px 0 24px;
	margin: 0;
	overflow: hidden;
	border: 1px solid rgba(205, 218, 239, .88);
	border-radius: 36px;
	background: rgba(255, 255, 255, .96);
	box-shadow: 0 18px 48px rgba(31, 80, 156, .13);
	backdrop-filter: blur(12px);
	list-style: none;
}

.cfx-float-bar li {
	position: relative;
	margin: 0;
	padding: 0;
	text-align: center;
}

.cfx-float-bar li + li {
	margin-top: 26px;
}

.cfx-float-bar a,
.cfx-float-bar button {
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	color: #343434;
	font-family: inherit;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

.cfx-float-bar span {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	margin: 0 auto 9px;
	color: #0d5be8;
}

.cfx-float-bar img {
	position: relative;
	z-index: 2;
	display: block;
	width: 34px;
	height: 34px;
	object-fit: contain;
}

.cfx-float-bar em {
	display: block;
	color: #343434;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.15;
	white-space: nowrap;
	transition: color .22s ease;
}

.cfx-float-bar a:hover em,
.cfx-float-bar button:hover em {
	color: #0d5be8;
}

.cfx-float-top-icon::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 4px;
	width: 28px;
	height: 4px;
	border-radius: 4px;
	background: #0d5be8;
	box-shadow: 0 6px 12px rgba(13, 91, 232, .18);
	transform: translateX(-50%);
}

.cfx-float-top-icon::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 18px;
	width: 23px;
	height: 23px;
	border-top: 4px solid #0d5be8;
	border-left: 4px solid #0d5be8;
	border-radius: 4px 0 0 0;
	transform: translateX(-50%) rotate(45deg);
}

.cfx-float-pop {
	position: absolute;
	right: 90px;
	top: 50%;
	z-index: 1;
	box-sizing: border-box;
	width: 338px;
	padding: 34px 34px 32px;
	border: 1px solid rgba(205, 218, 239, .88);
	border-radius: 24px;
	background: rgba(255, 255, 255, .98);
	box-shadow: 0 22px 58px rgba(31, 80, 156, .16);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translate(18px, -50%);
	transition: opacity .26s ease, visibility .26s ease, transform .26s ease;
}

.cfx-float-pop::after {
	content: "";
	position: absolute;
	right: -14px;
	top: 50%;
	width: 28px;
	height: 28px;
	border-top: 1px solid rgba(205, 218, 239, .88);
	border-right: 1px solid rgba(205, 218, 239, .88);
	background: rgba(255, 255, 255, .98);
	transform: translateY(-50%) rotate(45deg);
}

.cfx-float-contact:hover .cfx-float-pop {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translate(0, -50%);
}

.cfx-float-pop-head {
	display: flex;
	align-items: center;
}

.cfx-float-pop-head span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	margin-right: 16px;
}

.cfx-float-pop-head img {
	display: block;
	width: 32px;
	height: 32px;
	object-fit: contain;
}

.cfx-float-pop h3 {
	margin: 0;
	color: #172036;
	font-size: 24px;
	font-weight: 900;
	line-height: 1.2;
}

.cfx-float-pop strong {
	display: block;
	margin-top: 22px;
	color: #0d5be8;
	font-size: 39px;
	font-weight: 900;
	line-height: 1;
	letter-spacing: -.03em;
}

.cfx-float-pop p {
	margin: 16px 0 0;
	color: #727c8e;
	font-size: 18px;
	line-height: 1.35;
}

.cfx-float-pop > i {
	display: block;
	width: 100%;
	height: 1px;
	margin: 30px 0 30px;
	background-image: linear-gradient(90deg, #b9c5d9 50%, transparent 0);
	background-size: 10px 1px;
	background-repeat: repeat-x;
}

.cfx-float-pop h4 {
	margin: 0;
	color: #172036;
	font-size: 23px;
	font-weight: 900;
	line-height: 1.25;
}

.cfx-float-qr {
	box-sizing: border-box;
	width: 196px;
	height: 196px;
	margin-top: 22px;
	padding: 12px;
	border: 1px solid rgba(219, 226, 238, .95);
	border-radius: 15px;
	background: #fff;
	box-shadow: 0 14px 36px rgba(31, 80, 156, .08);
}

.cfx-float-qr img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
}

@media screen and (max-width: 1440px) {
	.cfx-float-contact {
		right: 18px;
	}

	.cfx-float-bar {
		width: 64px;
		padding: 22px 0 20px;
		border-radius: 32px;
	}

	.cfx-float-bar li + li {
		margin-top: 22px;
	}

	.cfx-float-bar span {
		width: 30px;
		height: 30px;
		margin-bottom: 8px;
	}

	.cfx-float-bar img {
		width: 30px;
		height: 30px;
	}

	.cfx-float-bar em {
		font-size: 14px;
	}

	.cfx-float-pop {
		right: 80px;
		width: 306px;
		padding: 30px 30px;
	}

	.cfx-float-pop h3 {
		font-size: 22px;
	}

	.cfx-float-pop strong {
		font-size: 34px;
	}

	.cfx-float-pop p {
		font-size: 16px;
	}

	.cfx-float-pop h4 {
		font-size: 21px;
	}

	.cfx-float-qr {
		width: 174px;
		height: 174px;
	}
}

@media screen and (max-width: 768px) {
	.cfx-float-contact {
		right: 12px;
	}

	.cfx-float-bar {
		width: 58px;
		padding: 20px 0;
		border-radius: 29px;
	}

	.cfx-float-bar li + li {
		margin-top: 18px;
	}

	.cfx-float-bar span {
		width: 28px;
		height: 28px;
		margin-bottom: 7px;
	}

	.cfx-float-bar img {
		width: 28px;
		height: 28px;
	}

	.cfx-float-bar em {
		font-size: 13px;
	}

	.cfx-float-top-icon::before {
		width: 24px;
		height: 4px;
	}

	.cfx-float-top-icon::after {
		top: 19px;
		width: 20px;
		height: 20px;
		border-width: 4px;
	}

	.cfx-float-pop {
		right: 70px;
		width: 272px;
		padding: 26px 24px;
		border-radius: 22px;
	}

	.cfx-float-pop h3 {
		font-size: 22px;
	}

	.cfx-float-pop strong {
		margin-top: 18px;
		font-size: 31px;
	}

	.cfx-float-pop p {
		margin-top: 14px;
		font-size: 16px;
	}

	.cfx-float-pop > i {
		margin: 24px 0;
	}

	.cfx-float-pop h4 {
		font-size: 21px;
	}

	.cfx-float-qr {
		width: 168px;
		height: 168px;
		margin-top: 20px;
	}
}

/* 全站右侧悬浮咨询窗 - 回顶部独立触发修正 */
.cfx-float-contact {
	align-items: flex-end;
	flex-direction: column;
	gap: 12px;
}

.cfx-float-service {
	position: relative;
	display: flex;
	align-items: center;
}

.cfx-float-contact:hover .cfx-float-pop {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translate(18px, -50%);
}

.cfx-float-service:hover .cfx-float-pop {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translate(0, -50%);
}

.cfx-float-top {
	box-sizing: border-box;
	width: 72px;
	padding: 18px 0 18px;
	border: 1px solid rgba(205, 218, 239, .88);
	border-radius: 36px;
	background: rgba(255, 255, 255, .96);
	box-shadow: 0 18px 48px rgba(31, 80, 156, .13);
	backdrop-filter: blur(12px);
}

.cfx-float-top button {
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	color: #343434;
	font-family: inherit;
	text-align: center;
	cursor: pointer;
}

.cfx-float-top span {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	margin: 0 auto 8px;
	color: #0d5be8;
}

.cfx-float-top em {
	display: block;
	color: #343434;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.15;
	white-space: nowrap;
	transition: color .22s ease;
}

.cfx-float-top button:hover em {
	color: #0d5be8;
}

@media screen and (max-width: 1440px) {
	.cfx-float-contact {
		gap: 10px;
	}

	.cfx-float-top {
		width: 64px;
		padding: 15px 0;
		border-radius: 32px;
	}

	.cfx-float-top span {
		width: 30px;
		height: 30px;
		margin-bottom: 7px;
	}

	.cfx-float-top em {
		font-size: 14px;
	}
}

@media screen and (max-width: 768px) {
	.cfx-float-contact {
		gap: 8px;
	}

	.cfx-float-top {
		width: 58px;
		padding: 13px 0;
		border-radius: 29px;
	}

	.cfx-float-top span {
		width: 28px;
		height: 28px;
		margin-bottom: 6px;
	}

	.cfx-float-top em {
		font-size: 13px;
	}
}

/* 客户案例列表页 - 新版案例卡片 */
.cfx-case-page-main {
	background:
		radial-gradient(circle at 86% 12%, rgba(34, 104, 255, .05) 0, transparent 22%),
		linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.cfx-case-page-main > .cfx-container > .cfx-case-grid,
.cfx-case-page-main > .cfx-container > .cfx-pagination-wrap,
.cfx-case-page-main .cfx-cta {
	display: none !important;
}

.cfx-case-showcase {
	box-sizing: border-box;
	padding: 42px 0 92px;
}

.cfx-case-page-title {
	margin-bottom: 46px;
}

.cfx-case-page-title h2 {
	position: relative;
	margin: 0;
	padding-left: 28px;
	color: #101a36;
	font-size: 40px;
	font-weight: 900;
	line-height: 1.15;
	letter-spacing: .02em;
}

.cfx-case-page-title h2::before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	width: 6px;
	height: 39px;
	border-radius: 6px;
	background: linear-gradient(180deg, #176dff 0%, #5ea2ff 100%);
}

.cfx-case-page-title p {
	margin: 23px 0 0;
	color: #667184;
	font-size: 18px;
	line-height: 1.6;
}

.cfx-case-showcase-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 28px 30px;
	padding: 0;
	margin: 0;
	list-style: none;
}

.cfx-case-showcase-grid li {
	min-width: 0;
	margin: 0 !important;
}

.cfx-case-showcase-grid a {
	display: grid;
	grid-template-columns: 330px minmax(0, 1fr);
	align-items: center;
	box-sizing: border-box;
	min-height: 292px;
	padding: 13px 30px 13px 13px;
	overflow: hidden;
	border: 1px solid rgba(190, 204, 224, .8);
	border-radius: 12px;
	background: rgba(255, 255, 255, .94);
	box-shadow: 0 14px 32px rgba(38, 72, 132, .08);
	text-decoration: none;
	transition: transform .26s ease, border-color .26s ease, box-shadow .26s ease;
}

.cfx-case-showcase-grid a:hover {
	border-color: rgba(32, 105, 255, .36);
	box-shadow: 0 20px 44px rgba(30, 88, 170, .14);
	transform: translateY(-4px);
}

.cfx-case-showcase-img {
	position: relative;
	width: 100%;
	height: 262px;
	overflow: hidden;
	border-radius: 10px;
	background: #edf4ff;
}

.cfx-case-showcase-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .5s ease;
}

.cfx-case-showcase-grid a:hover .cfx-case-showcase-img img {
	transform: scale(1.04);
}

.cfx-case-showcase-info {
	box-sizing: border-box;
	min-width: 0;
	padding-left: 30px;
}

.cfx-case-showcase-info h4 {
	margin: 0;
	color: #101a36;
	font-size: 26px;
	font-weight: 900;
	line-height: 1.24;
	letter-spacing: -.02em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.cfx-case-showcase-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 22px;
	overflow: hidden;
}

.cfx-case-showcase-tags span {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	height: 28px;
	padding: 0 13px;
	border-radius: 999px;
	background: #edf4ff;
	color: #1d67ff;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
}

.cfx-case-showcase-info p {
	display: -webkit-box;
	min-height: 62px;
	margin: 22px 0 0;
	overflow: hidden;
	color: #26334b;
	font-size: 16px;
	line-height: 1.95;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.cfx-case-showcase-info strong {
	display: inline-flex;
	align-items: center;
	margin-top: 31px;
	color: #0965f8;
	font-size: 16px;
	font-weight: 800;
	line-height: 1;
}

.cfx-case-showcase-info strong i {
	position: relative;
	display: block;
	width: 20px;
	height: 1px;
	margin-left: 15px;
	background: currentColor;
}

.cfx-case-showcase-info strong i::after {
	content: "";
	position: absolute;
	right: 0;
	top: -4px;
	width: 8px;
	height: 8px;
	border-top: 1.5px solid currentColor;
	border-right: 1.5px solid currentColor;
	transform: rotate(45deg);
}

.cfx-case-showcase-pagination {
	margin-top: 50px;
	text-align: center;
}

.cfx-case-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	margin: 0;
	padding: 0;
}

.cfx-case-pagination li {
	width: auto;
	height: auto;
	margin: 0 !important;
}

.cfx-case-pagination a,
.cfx-case-pagination span {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 42px;
	box-sizing: border-box;
	padding: 0 12px;
	border-radius: 50%;
	color: #16213a;
	font-size: 17px;
	font-weight: 500;
	text-decoration: none;
	background: transparent;
	transition: all .22s ease;
}

.cfx-case-pagination a:hover,
.cfx-case-pagination .cfx-page-current a,
.cfx-case-pagination .cfx-page-current span,
.cfx-case-pagination .active a,
.cfx-case-pagination .active span {
	color: #fff !important;
	background: #1f6dff !important;
	box-shadow: 0 10px 22px rgba(31, 109, 255, .24);
}

.cfx-case-pagination li:last-child a,
.cfx-case-pagination .next a {
	min-width: 92px;
	border-radius: 0;
	color: #16213a;
	background: transparent !important;
	box-shadow: none !important;
}

.cfx-case-pagination li:last-child a::after,
.cfx-case-pagination .next a::after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	margin-left: 14px;
	border-top: 1.5px solid currentColor;
	border-right: 1.5px solid currentColor;
	transform: rotate(45deg);
}

.cfx-case-pagination > i {
	margin-left: 22px;
	color: #8a94a6;
	font-size: 17px;
	font-style: normal;
	line-height: 42px;
}

@media screen and (min-width: 1201px) {
	.cfx-case-page-main > .cfx-container {
		width: 1600px;
		max-width: calc(100% - 80px);
	}
}

@media screen and (max-width: 1440px) {
	.cfx-case-showcase-grid a {
		grid-template-columns: 290px minmax(0, 1fr);
		min-height: 260px;
	}

	.cfx-case-showcase-img {
		height: 232px;
	}

	.cfx-case-showcase-info h4 {
		font-size: 23px;
	}

	.cfx-case-showcase-info p {
		font-size: 15px;
		line-height: 1.8;
	}
}

@media screen and (max-width: 1024px) {
	.cfx-case-showcase {
		padding: 36px 0 70px;
	}

	.cfx-case-showcase-grid {
		grid-template-columns: 1fr;
	}

	.cfx-case-showcase-grid a {
		grid-template-columns: 42% minmax(0, 1fr);
	}
}

@media screen and (max-width: 640px) {
	.cfx-case-page-title h2 {
		font-size: 30px;
	}

	.cfx-case-page-title p {
		font-size: 15px;
	}

	.cfx-case-showcase-grid a {
		display: block;
		min-height: auto;
		padding: 12px;
	}

	.cfx-case-showcase-img {
		height: 210px;
	}

	.cfx-case-showcase-info {
		padding: 22px 6px 10px;
	}

	.cfx-case-showcase-info h4 {
		font-size: 22px;
	}

	.cfx-case-pagination {
		flex-wrap: wrap;
		gap: 10px;
	}
}

/* 联系我们页 - 新版联系卡片与地图 */
.cfx-contact-modern {
	position: relative;
	z-index: 0;
	margin: 0 auto !important;
	padding: 70px 0 0;
	overflow: hidden;
	background:
		radial-gradient(circle at 12% 28%, rgba(33, 111, 255, .05) 0, transparent 24%),
		radial-gradient(circle at 88% 22%, rgba(33, 111, 255, .04) 0, transparent 22%),
		linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

.cfx-contact-modern::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	z-index: -1;
	width: 680px;
	height: 360px;
	border-radius: 50%;
	background: rgba(45, 111, 255, .06);
	filter: blur(80px);
	transform: translateX(-50%);
}

.cfx-contact-modern-title {
	margin: 0 auto 52px !important;
	text-align: center;
}

.cfx-contact-modern-title h2 {
	margin: 0;
	color: #101a36;
	font-size: 48px;
	font-weight: 900;
	line-height: 1.18;
	letter-spacing: .06em;
}

.cfx-contact-modern-title h6 {
	margin: 20px 0 0;
	color: #6b7485;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.65;
}

.cfx-contact-modern .cfx-container {
	position: relative;
	z-index: 1;
}

.cfx-contact-modern-cards {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 38px;
	width: 1360px;
	max-width: 100%;
	padding: 0 !important;
	margin: 0 auto !important;
}

.cfx-contact-modern-card {
	display: grid !important;
	grid-template-columns: 116px minmax(0, 1fr);
	align-items: center;
	box-sizing: border-box;
	min-height: 250px;
	padding: 38px 54px 38px 36px !important;
	margin: 0 !important;
	border: 1px solid rgba(207, 220, 241, .72);
	border-radius: 18px;
	background: rgba(255, 255, 255, .92);
	box-shadow: 0 22px 52px rgba(42, 80, 142, .08);
	backdrop-filter: blur(12px);
}

.cfx-contact-modern-card > span {
	display: initial;
	max-width: none !important;
	margin: 0 !important;
}

.cfx-contact-modern-card .cfx-icon-holder {
	display: none !important;
}

.cfx-contact-modern-card::before,
.cfx-contact-modern-card::after {
	display: none !important;
}

.cfx-contact-card-main-icon {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 112px;
	height: 112px;
	margin: 0 !important;
	border-radius: 50%;
	background: linear-gradient(180deg, #edf4ff 0%, #e7f0ff 100%);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
}

.cfx-contact-card-main-icon img {
	display: block;
	width: 62px;
	height: 62px;
	object-fit: contain;
}

.cfx-contact-card-content {
	display: block !important;
	width: auto !important;
	max-width: none !important;
	min-width: 0;
	padding-left: 36px;
}

.cfx-contact-card-content h3 {
	position: relative;
	margin: 0 0 38px;
	color: #101a36;
	font-size: 28px;
	font-weight: 900;
	line-height: 1.2;
}

.cfx-contact-card-content h3::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -17px;
	width: 46px;
	height: 3px;
	border-radius: 99px;
	background: linear-gradient(90deg, #176dff 0%, #68a8ff 100%);
}

.cfx-contact-card-content ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.cfx-contact-card-content li {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	align-items: center;
	gap: 16px;
	margin: 0;
}

.cfx-contact-card-content li + li {
	margin-top: 24px;
}

.cfx-contact-card-content i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #edf4ff;
}

.cfx-contact-card-content i img {
	display: block;
	width: 24px;
	height: 24px;
	object-fit: contain;
}

.cfx-contact-card-content p,
.cfx-contact-card-content a {
	display: inline;
	margin: 0;
	color: #18243b;
	font-size: 18px;
	line-height: 1.65;
	text-decoration: none;
	word-break: normal;
	white-space: normal;
}

.cfx-contact-card-content a:hover {
	color: #176dff;
}

.cfx-contact-map-modern {
	position: relative !important;
	width: auto !important;
	margin: 42px auto 0 !important;
	padding: 0 0 82px !important;
	overflow: visible !important;
	background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
}

.cfx-contact-map-modern::before {
	display: none !important;
}

.cfx-contact-map-modern .cfx-container {
	position: relative;
	width: 1360px;
	max-width: calc(100% - 80px);
}

.cfx-contact-map-card {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 386px;
	padding: 9px;
	overflow: hidden;
	border: 1px solid rgba(207, 220, 241, .78);
	border-radius: 18px;
	background: rgba(255, 255, 255, .9);
	box-shadow: 0 24px 58px rgba(42, 80, 142, .09);
}

.cfx-contact-map-card img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 12px;
}

@media screen and (min-width: 1025px) {
	.cfx-contact-modern > .cfx-container {
		width: 1360px;
		max-width: calc(100% - 96px);
	}

	.cfx-contact-modern-cards {
		width: 100% !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.cfx-contact-modern-card {
		grid-template-columns: 122px minmax(420px, 1fr);
		min-height: 250px;
	}

	.cfx-contact-card-content li {
		grid-template-columns: 42px minmax(0, 1fr);
	}

	.cfx-contact-card-content li p {
		min-width: 0;
	}
}

@media screen and (max-width: 1440px) {
	.cfx-contact-modern-cards,
	.cfx-contact-map-modern .cfx-container {
		width: 1280px;
	}

	.cfx-contact-modern-card {
		padding: 34px 38px 34px 30px !important;
	}

	.cfx-contact-card-content {
		padding-left: 28px;
	}

	.cfx-contact-card-content p,
	.cfx-contact-card-content a {
		font-size: 16px;
	}
}

@media screen and (max-width: 1024px) {
	.cfx-contact-modern {
		padding-top: 54px;
	}

	.cfx-contact-modern-title h2 {
		font-size: 40px;
	}

	.cfx-contact-modern-cards {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.cfx-contact-modern-card {
		min-height: auto;
	}

	.cfx-contact-map-card {
		height: 320px;
	}
}

@media screen and (max-width: 640px) {
	.cfx-contact-modern {
		padding-top: 42px;
	}

	.cfx-contact-modern-title {
		margin-bottom: 34px !important;
	}

	.cfx-contact-modern-title h2 {
		font-size: 32px;
	}

	.cfx-contact-modern-title h6 {
		font-size: 15px;
	}

	.cfx-contact-modern-card {
		display: block !important;
		padding: 28px 22px !important;
	}

	.cfx-contact-card-main-icon {
		width: 82px;
		height: 82px;
		margin-bottom: 22px !important;
	}

	.cfx-contact-card-main-icon img {
		width: 46px;
		height: 46px;
	}

	.cfx-contact-card-content {
		padding-left: 0;
	}

	.cfx-contact-card-content h3 {
		font-size: 24px;
	}

	.cfx-contact-card-content li {
		grid-template-columns: 36px minmax(0, 1fr);
		gap: 12px;
	}

	.cfx-contact-card-content i {
		width: 34px;
		height: 34px;
	}

	.cfx-contact-card-content p,
	.cfx-contact-card-content a {
		font-size: 15px;
	}

	.cfx-contact-map-modern {
		margin-top: 28px !important;
		padding-bottom: 56px !important;
	}

	.cfx-contact-map-modern .cfx-container {
		max-width: calc(100% - 32px);
	}

	.cfx-contact-map-card {
		height: 230px;
	}
}

/* 联系我们页 - 卡片宽度与文字包裹修正 */
.cfx-contact-modern .cfx-contact-modern-cards {
	display: grid !important;
	width: 100% !important;
	max-width: none !important;
}

.cfx-contact-modern .cfx-contact-modern-card {
	width: 100% !important;
	max-width: none !important;
	border-bottom: 1px solid rgba(207, 220, 241, .72) !important;
}

.cfx-contact-modern .cfx-contact-card-content {
	overflow: visible;
}

.cfx-contact-modern .cfx-contact-card-content p {
	display: block;
	max-width: 100%;
	overflow-wrap: normal;
	word-break: normal;
}

@media screen and (min-width: 1025px) {
	.cfx-contact-modern > .cfx-container {
		width: 1500px !important;
		max-width: calc(100% - 96px) !important;
	}

	.cfx-contact-modern .cfx-contact-modern-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 38px !important;
	}

	.cfx-contact-modern .cfx-contact-modern-card {
		grid-template-columns: 122px minmax(0, 1fr) !important;
		min-height: 250px;
	}
}

/* 联系我们页 - 需求留言 */
.cfx-contact-demand-main > .cfx-recruit,
.cfx-contact-demand-main > .cfx-recruit-apply {
	display: none !important;
}

.cfx-demand-section {
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding: 110px 0 96px;
	background:
		radial-gradient(circle at 0 52%, rgba(37, 111, 255, .18) 0, rgba(37, 111, 255, .08) 26%, rgba(37, 111, 255, 0) 56%),
		linear-gradient(115deg, #eef5ff 0%, #f8fbff 42%, #ffffff 100%);
}

.cfx-demand-section::before {
	content: "";
	position: absolute;
	left: -420px;
	top: -160px;
	width: 930px;
	height: 930px;
	border-radius: 50%;
	background: linear-gradient(142deg, rgba(28, 105, 255, .28), rgba(255, 255, 255, .78) 62%);
	box-shadow: inset -70px -80px 120px rgba(255, 255, 255, .62);
	pointer-events: none;
}

.cfx-demand-section::after {
	content: "";
	position: absolute;
	left: -120px;
	bottom: -120px;
	width: 820px;
	height: 280px;
	border-radius: 50% 50% 0 0;
	border-top: 1px solid rgba(255, 255, 255, .86);
	box-shadow: 0 -18px 0 rgba(255, 255, 255, .18), 0 -42px 0 rgba(255, 255, 255, .1);
	transform: rotate(-8deg);
	pointer-events: none;
}

.cfx-demand-dots {
	position: absolute;
	left: 34%;
	top: 108px;
	width: 180px;
	height: 42px;
	opacity: .46;
	background-image: radial-gradient(circle, rgba(37, 111, 255, .36) 2px, transparent 3px);
	background-size: 18px 18px;
	pointer-events: none;
}

.cfx-demand-wrap {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(0, 600px) minmax(650px, 760px);
	align-items: center;
	gap: 112px;
	width: 1500px;
	max-width: calc(100% - 96px);
	margin: 0 auto;
}

.cfx-demand-left {
	position: relative;
	padding-left: 56px;
}

.cfx-demand-kicker {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-bottom: 22px;
	color: #226cff;
	font-size: 22px;
	font-weight: 700;
	line-height: 1;
}

.cfx-demand-kicker i {
	position: relative;
	display: block;
	width: 104px;
	height: 1px;
	background: linear-gradient(90deg, rgba(34, 108, 255, .85), rgba(34, 108, 255, .08));
}

.cfx-demand-kicker i::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	width: 7px;
	height: 7px;
	margin-top: -3px;
	border-radius: 50%;
	background: #226cff;
	box-shadow: 0 0 0 5px rgba(34, 108, 255, .12);
}

.cfx-demand-left h2 {
	margin: 0;
	color: #071432;
	font-size: 70px;
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: 2px;
}

.cfx-demand-lead {
	margin: 22px 0 0;
	color: #64718a;
	font-size: 20px;
	line-height: 1.8;
}

.cfx-demand-feature-list {
	width: 470px;
	margin: 48px 0 0;
	padding: 0;
	list-style: none;
}

.cfx-demand-feature-list li {
	display: grid;
	grid-template-columns: 88px minmax(0, 1fr);
	align-items: center;
	gap: 26px;
	box-sizing: border-box;
	min-height: 98px;
	margin-bottom: 22px;
	padding: 14px 32px 14px 16px;
	border: 1px solid rgba(219, 228, 244, .62);
	border-radius: 18px;
	background: rgba(255, 255, 255, .58);
	box-shadow: 0 18px 44px rgba(46, 91, 160, .08);
	backdrop-filter: blur(8px);
}

.cfx-demand-feature-list li:last-child {
	margin-bottom: 0;
}

.cfx-demand-feature-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: linear-gradient(145deg, #eaf2ff, #ffffff);
	box-shadow: 0 12px 30px rgba(30, 105, 255, .14), inset 0 0 0 1px rgba(39, 109, 255, .06);
}

.cfx-demand-feature-icon img {
	display: block;
	width: 38px;
	height: 38px;
	object-fit: contain;
}

.cfx-demand-feature-list h3 {
	margin: 0 0 8px;
	color: #071432;
	font-size: 22px;
	font-weight: 800;
	line-height: 1.25;
}

.cfx-demand-feature-list p {
	margin: 0;
	color: #657188;
	font-size: 16px;
	line-height: 1.7;
}

.cfx-demand-form-card {
	box-sizing: border-box;
	width: 100%;
	min-height: 720px;
	padding: 52px 70px 56px;
	border: 1px solid rgba(219, 228, 244, .74);
	border-radius: 26px;
	background: rgba(255, 255, 255, .82);
	box-shadow: 0 28px 74px rgba(43, 82, 147, .12);
	backdrop-filter: blur(12px);
}

.cfx-demand-form {
	display: grid;
	gap: 26px;
	margin: 0;
}

.cfx-demand-form-row {
	display: grid;
	grid-template-columns: 100px minmax(0, 1fr);
	align-items: center;
	gap: 26px;
}

.cfx-demand-form-row label {
	margin: 0;
	color: #121b30;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
	white-space: nowrap;
}

.cfx-demand-form input,
.cfx-demand-form select,
.cfx-demand-form textarea {
	box-sizing: border-box;
	display: block;
	width: 100%;
	border: 1px solid #dbe4f1;
	border-radius: 8px;
	background: rgba(255, 255, 255, .72);
	color: #17243a;
	font-size: 16px;
	outline: none;
	transition: border-color .25s ease, box-shadow .25s ease, background .25s ease;
}

.cfx-demand-form input,
.cfx-demand-form select {
	height: 58px;
	padding: 0 22px;
}

.cfx-demand-form input::placeholder,
.cfx-demand-form textarea::placeholder,
.cfx-demand-form select {
	color: #9aa6ba;
}

.cfx-demand-form input:focus,
.cfx-demand-form select:focus,
.cfx-demand-form textarea:focus {
	border-color: #337cff;
	background: #ffffff;
	box-shadow: 0 0 0 4px rgba(51, 124, 255, .1);
}

.cfx-demand-select-row {
	position: relative;
}

.cfx-demand-select-row::after {
	content: "";
	position: absolute;
	right: 22px;
	top: 50%;
	width: 9px;
	height: 9px;
	margin-top: -7px;
	border-right: 2px solid #7c89a0;
	border-bottom: 2px solid #7c89a0;
	transform: rotate(45deg);
	pointer-events: none;
}

.cfx-demand-form select {
	appearance: none;
	-webkit-appearance: none;
	padding-right: 52px;
}

.cfx-demand-textarea-row {
	align-items: flex-start;
}

.cfx-demand-textarea-row label {
	padding-top: 17px;
}

.cfx-demand-textarea-box {
	position: relative;
}

.cfx-demand-form textarea {
	height: 120px;
	padding: 18px 22px 34px;
	line-height: 1.65;
	resize: none;
}

.cfx-demand-textarea-box em {
	position: absolute;
	right: 20px;
	bottom: 14px;
	color: #8e9ab0;
	font-size: 14px;
	font-style: normal;
	line-height: 1;
}

.cfx-demand-textarea-box strong {
	font-weight: 400;
}

.cfx-demand-reply-note {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 2px 0 -2px;
	padding-left: 126px;
	color: #7a8598;
	font-size: 15px;
	line-height: 1.4;
}

.cfx-demand-reply-note img {
	width: 20px;
	height: 20px;
	object-fit: contain;
}

.cfx-demand-submit {
	display: block;
	width: calc(100% - 126px);
	height: 62px;
	margin: 0 0 0 126px;
	border: 0;
	border-radius: 9px;
	background: linear-gradient(90deg, #2066ff 0%, #5aa0ff 100%);
	box-shadow: 0 12px 26px rgba(31, 101, 255, .26);
	color: #ffffff;
	font-size: 22px;
	font-weight: 800;
	letter-spacing: 1px;
	cursor: pointer;
	transition: transform .25s ease, box-shadow .25s ease;
}

.cfx-demand-submit:hover {
	transform: translateY(-2px);
	box-shadow: 0 18px 34px rgba(31, 101, 255, .32);
}

@media screen and (max-width: 1500px) {
	.cfx-demand-wrap {
		grid-template-columns: minmax(0, 520px) minmax(620px, 700px);
		gap: 70px;
	}

	.cfx-demand-left {
		padding-left: 28px;
	}

	.cfx-demand-left h2 {
		font-size: 62px;
	}

	.cfx-demand-form-card {
		padding-right: 56px;
		padding-left: 56px;
	}
}

@media screen and (max-width: 1200px) {
	.cfx-demand-wrap {
		grid-template-columns: 1fr;
		gap: 48px;
	}

	.cfx-demand-left {
		padding-left: 0;
	}

	.cfx-demand-feature-list {
		width: 100%;
		max-width: 620px;
	}

	.cfx-demand-form-card {
		max-width: 780px;
	}
}

@media screen and (max-width: 640px) {
	.cfx-demand-section {
		padding: 64px 0 70px;
	}

	.cfx-demand-wrap {
		max-width: calc(100% - 32px);
	}

	.cfx-demand-dots {
		display: none;
	}

	.cfx-demand-kicker {
		font-size: 17px;
	}

	.cfx-demand-left h2 {
		font-size: 42px;
	}

	.cfx-demand-lead {
		font-size: 16px;
	}

	.cfx-demand-feature-list li {
		grid-template-columns: 68px minmax(0, 1fr);
		gap: 16px;
		padding: 14px 18px;
	}

	.cfx-demand-feature-icon {
		width: 58px;
		height: 58px;
	}

	.cfx-demand-feature-list h3 {
		font-size: 19px;
	}

	.cfx-demand-form-card {
		min-height: 0;
		padding: 28px 18px 30px;
		border-radius: 20px;
	}

	.cfx-demand-form-row {
		display: block;
	}

	.cfx-demand-form-row label {
		display: block;
		margin-bottom: 10px;
		font-size: 16px;
	}

	.cfx-demand-textarea-row label {
		padding-top: 0;
	}

	.cfx-demand-reply-note,
	.cfx-demand-submit {
		width: 100%;
		margin-left: 0;
		padding-left: 0;
	}
}

/* 新闻资讯页 - 行业资讯新版 */
.cfx-industry-page-main > .cfx-news-page {
	display: none !important;
}

.cfx-industry-news {
	position: relative;
	overflow: hidden;
	padding: 72px 0 82px;
	background:
		radial-gradient(circle at 11% 7%, rgba(34, 108, 255, .08) 0, transparent 28%),
		radial-gradient(circle at 85% 18%, rgba(34, 108, 255, .07) 0, transparent 30%),
		linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);
}

.cfx-industry-news::before {
	content: "";
	position: absolute;
	left: -160px;
	top: -160px;
	width: 420px;
	height: 420px;
	border-radius: 50%;
	background: rgba(37, 111, 255, .06);
	filter: blur(18px);
	pointer-events: none;
}

.cfx-industry-wrap {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1030px) 470px;
	gap: 30px;
	width: 1520px;
	max-width: calc(100% - 96px);
	margin: 0 auto;
}

.cfx-industry-main {
	min-width: 0;
}

.cfx-industry-title {
	margin-bottom: 30px;
}

.cfx-industry-title h2 {
	margin: 0;
	color: #091633;
	font-size: 46px;
	font-weight: 900;
	line-height: 1.1;
	letter-spacing: .02em;
}

.cfx-industry-title p {
	margin: 18px 0 0;
	color: #5e6b83;
	font-size: 15px;
	line-height: 1.7;
}

.cfx-industry-tabs {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 24px;
	margin: 0 0 30px;
	padding: 0;
	list-style: none;
}

.cfx-industry-tabs li {
	margin: 0;
}

.cfx-industry-tabs a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 108px;
	height: 38px;
	box-sizing: border-box;
	padding: 0 20px;
	border-radius: 8px;
	color: #4b5870;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	transition: all .24s ease;
}

.cfx-industry-tabs .cfx-active a,
.cfx-industry-tabs a:hover {
	color: #ffffff !important;
	background: linear-gradient(90deg, #1f66ff 0%, #337eff 100%);
	box-shadow: 0 10px 24px rgba(31, 102, 255, .2);
}

.cfx-industry-tabs a i {
	position: relative;
	width: 14px;
	height: 14px;
	margin-right: 10px;
}

.cfx-industry-tabs a i::before,
.cfx-industry-tabs a i::after {
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 2px;
	background: currentColor;
}

.cfx-industry-tabs a i::before {
	left: 0;
	top: 0;
	box-shadow: 8px 0 0 currentColor;
}

.cfx-industry-tabs a i::after {
	left: 0;
	top: 8px;
	box-shadow: 8px 0 0 currentColor;
}

.cfx-industry-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.cfx-industry-list li {
	position: relative;
	margin: 0 0 14px;
	border: 1px solid rgba(210, 222, 242, .78);
	border-radius: 14px;
	background: rgba(255, 255, 255, .9);
	box-shadow: 0 14px 38px rgba(40, 76, 135, .08);
	overflow: hidden;
	transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

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

.cfx-industry-list li:hover {
	transform: translateY(-3px);
	border-color: rgba(53, 126, 255, .36);
	box-shadow: 0 22px 54px rgba(40, 76, 135, .12);
}

.cfx-industry-list li:first-child::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	width: 46px;
	height: 46px;
	background: linear-gradient(135deg, #2a76ff 0%, #1f63ee 100%);
	clip-path: polygon(0 0, 100% 0, 0 100%);
}

.cfx-industry-list li:first-child::after {
	content: "";
	position: absolute;
	left: 9px;
	top: 8px;
	z-index: 4;
	width: 10px;
	height: 10px;
	background: #ffffff;
	clip-path: polygon(50% 0, 63% 34%, 100% 38%, 72% 60%, 82% 100%, 50% 78%, 18% 100%, 28% 60%, 0 38%, 37% 34%);
}

.cfx-industry-list a {
	display: grid;
	grid-template-columns: 270px minmax(0, 1fr);
	align-items: center;
	gap: 26px;
	box-sizing: border-box;
	min-height: 172px;
	padding: 20px 28px 20px 20px;
	color: inherit;
	text-decoration: none;
}

.cfx-industry-list li:first-child a {
	grid-template-columns: minmax(0, 1fr) 340px;
	min-height: 260px;
	padding: 26px 28px 26px 36px;
}

.cfx-industry-list li:first-child .cfx-industry-thumb {
	order: 2;
	height: 206px;
}

.cfx-industry-list li:first-child .cfx-industry-info {
	order: 1;
}

.cfx-industry-thumb {
	display: block;
	width: 100%;
	height: 136px;
	overflow: hidden;
	border-radius: 10px;
	background: #eaf2ff;
}

.cfx-industry-thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .35s ease;
}

.cfx-industry-list li:hover .cfx-industry-thumb img {
	transform: scale(1.04);
}

.cfx-industry-info {
	min-width: 0;
}

.cfx-industry-info h3 {
	margin: 0 0 14px;
	color: #111b34;
	font-size: 19px;
	font-weight: 900;
	line-height: 1.38;
	letter-spacing: .01em;
}

.cfx-industry-list li:first-child .cfx-industry-info h3 {
	font-size: 23px;
}

.cfx-industry-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px 14px;
	margin-bottom: 14px;
}

.cfx-industry-meta span {
	display: inline-flex;
	align-items: center;
	height: 26px;
	padding: 0 12px;
	border-radius: 8px;
	background: #eaf2ff;
	color: #1469ff;
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
}

.cfx-industry-meta time {
	display: inline-flex;
	align-items: center;
	margin-left: auto;
	color: #718098;
	font-size: 13px;
	font-style: normal;
	white-space: nowrap;
}

.cfx-industry-meta time i {
	position: relative;
	width: 16px;
	height: 16px;
	margin-right: 8px;
	border: 1.6px solid #8895aa;
	border-radius: 3px;
	box-sizing: border-box;
}

.cfx-industry-meta time i::before {
	content: "";
	position: absolute;
	left: 2px;
	right: 2px;
	top: 4px;
	height: 1.5px;
	background: #8895aa;
}

.cfx-industry-info p {
	display: -webkit-box;
	margin: 0 0 20px;
	overflow: hidden;
	color: #506078;
	font-size: 14px;
	line-height: 1.78;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.cfx-industry-info strong {
	display: inline-flex;
	align-items: center;
	color: #176dff;
	font-size: 14px;
	font-weight: 800;
	line-height: 1;
}

.cfx-industry-info strong i,
.cfx-industry-side-head a i,
.cfx-industry-archive-list i {
	display: block;
	width: 9px;
	height: 9px;
	margin-left: 12px;
	border-top: 1.8px solid currentColor;
	border-right: 1.8px solid currentColor;
	transform: rotate(45deg);
}

.cfx-industry-sidebar {
	display: grid;
	align-content: start;
	gap: 16px;
	padding-top: 16px;
}

.cfx-industry-side-card {
	box-sizing: border-box;
	padding: 26px 26px 24px;
	border: 1px solid rgba(210, 222, 242, .76);
	border-radius: 14px;
	background: rgba(255, 255, 255, .92);
	box-shadow: 0 14px 42px rgba(40, 76, 135, .08);
}

.cfx-industry-side-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 22px;
}

.cfx-industry-side-head h3 {
	display: flex;
	align-items: center;
	margin: 0;
	color: #111b34;
	font-size: 18px;
	font-weight: 900;
	line-height: 1.3;
}

.cfx-industry-side-head a {
	display: inline-flex;
	align-items: center;
	color: #176dff;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
}

.cfx-industry-side-head a i {
	width: 7px;
	height: 7px;
	margin-left: 8px;
}

.cfx-industry-card-icon {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	margin-right: 12px;
	color: #176dff;
}

.cfx-industry-icon-tag::before,
.cfx-industry-icon-tag::after {
	content: "";
	position: absolute;
	display: block;
	box-sizing: border-box;
}

.cfx-industry-icon-tag::before {
	width: 16px;
	height: 12px;
	border: 3px solid currentColor;
	border-left: 0;
	border-radius: 3px;
	transform: rotate(-45deg);
}

.cfx-industry-icon-tag::after {
	left: 3px;
	top: 4px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: currentColor;
}

.cfx-industry-icon-hot::before {
	content: "";
	width: 15px;
	height: 19px;
	border-radius: 10px 10px 11px 11px;
	background: linear-gradient(180deg, #ff634c 0%, #ff3f2d 100%);
	clip-path: polygon(50% 0, 72% 28%, 92% 44%, 86% 82%, 50% 100%, 14% 82%, 8% 44%, 28% 28%);
}

.cfx-industry-icon-calendar {
	border: 2px solid #176dff;
	border-radius: 4px;
	box-sizing: border-box;
}

.cfx-industry-icon-calendar::before {
	content: "";
	position: absolute;
	left: 3px;
	right: 3px;
	top: 6px;
	height: 2px;
	background: #176dff;
}

.cfx-industry-icon-calendar::after {
	content: "";
	position: absolute;
	left: 5px;
	top: 11px;
	width: 3px;
	height: 3px;
	background: #176dff;
	box-shadow: 6px 0 0 #176dff, 0 5px 0 #176dff, 6px 5px 0 #176dff;
}

.cfx-industry-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 14px;
}

.cfx-industry-tags a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 34px;
	padding: 0 15px;
	border: 1px solid #cad9f1;
	border-radius: 8px;
	background: rgba(255, 255, 255, .74);
	color: #176dff;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	transition: all .22s ease;
}

.cfx-industry-tags a:hover {
	color: #ffffff !important;
	border-color: #176dff;
	background: #176dff;
}

.cfx-industry-hot-list,
.cfx-industry-archive-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.cfx-industry-hot-list {
	counter-reset: industry-hot;
}

.cfx-industry-hot-list li,
.cfx-industry-archive-list li {
	margin: 0;
}

.cfx-industry-hot-list li + li {
	margin-top: 15px;
}

.cfx-industry-hot-list a {
	display: grid;
	grid-template-columns: 24px minmax(0, 1fr) 68px;
	align-items: center;
	gap: 14px;
	color: #17243c;
	text-decoration: none;
}

.cfx-industry-hot-list em {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 5px;
	background: #aab5c8;
	color: #ffffff;
	font-size: 14px;
	font-style: normal;
	font-weight: 800;
}

.cfx-industry-hot-list em::before {
	counter-increment: industry-hot;
	content: counter(industry-hot);
}

.cfx-industry-hot-list li:nth-child(1) em {
	background: #f04d3d;
}

.cfx-industry-hot-list li:nth-child(2) em {
	background: #ff7a20;
}

.cfx-industry-hot-list li:nth-child(3) em {
	background: #ffb21c;
}

.cfx-industry-hot-list span {
	overflow: hidden;
	color: #17243c;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.45;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.cfx-industry-hot-list strong {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	color: #78869c;
	font-size: 13px;
	font-weight: 500;
	line-height: 1;
	white-space: nowrap;
}

.cfx-industry-hot-list strong i {
	position: relative;
	width: 16px;
	height: 10px;
	margin-right: 6px;
	border: 1.5px solid #8b98ae;
	border-radius: 50%;
	box-sizing: border-box;
}

.cfx-industry-hot-list strong i::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 4px;
	height: 4px;
	margin: -2px 0 0 -2px;
	border-radius: 50%;
	background: #8b98ae;
}

.cfx-industry-archive-list li + li {
	margin-top: 14px;
}

.cfx-industry-archive-list a {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 38px 14px;
	align-items: center;
	gap: 8px;
	color: #526078;
	font-size: 14px;
	text-decoration: none;
}

.cfx-industry-archive-list span {
	color: #526078;
	font-weight: 600;
}

.cfx-industry-archive-list em {
	color: #6f7e95;
	font-style: normal;
	text-align: right;
}

.cfx-industry-archive-list i {
	width: 7px;
	height: 7px;
	margin-left: 0;
	color: #7e8ba0;
}

.cfx-industry-pagination {
	margin-top: 22px;
}

.cfx-industry-page-list {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin: 0;
	padding: 0;
}

.cfx-industry-page-list li {
	margin: 0 !important;
}

.cfx-industry-page-list a,
.cfx-industry-page-list span {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	box-sizing: border-box;
	padding: 0 14px;
	border: 1px solid #dce5f2;
	border-radius: 8px;
	background: rgba(255, 255, 255, .82);
	color: #1b2740;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}

.cfx-industry-page-list .cfx-page-current span,
.cfx-industry-page-list .active span,
.cfx-industry-page-list .active a,
.cfx-industry-page-list a:hover {
	border-color: #176dff;
	background: linear-gradient(180deg, #317eff 0%, #1766f0 100%);
	color: #ffffff !important;
	box-shadow: 0 10px 22px rgba(31, 102, 255, .24);
}

.cfx-industry-page-list i {
	color: #7c8799;
	font-size: 15px;
	font-style: normal;
}

@media screen and (max-width: 1500px) {
	.cfx-industry-wrap {
		grid-template-columns: minmax(0, 1fr) 420px;
		gap: 26px;
	}

	.cfx-industry-list li:first-child a {
		grid-template-columns: minmax(0, 1fr) 320px;
	}
}

@media screen and (max-width: 1200px) {
	.cfx-industry-wrap {
		grid-template-columns: 1fr;
	}

	.cfx-industry-sidebar {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media screen and (max-width: 900px) {
	.cfx-industry-sidebar {
		grid-template-columns: 1fr;
	}

	.cfx-industry-list a,
	.cfx-industry-list li:first-child a {
		display: block;
		min-height: auto;
		padding: 16px;
	}

	.cfx-industry-thumb,
	.cfx-industry-list li:first-child .cfx-industry-thumb {
		height: 220px;
		margin-bottom: 18px;
	}

	.cfx-industry-meta time {
		margin-left: 0;
	}
}

@media screen and (max-width: 640px) {
	.cfx-industry-news {
		padding: 46px 0 62px;
	}

	.cfx-industry-wrap {
		max-width: calc(100% - 32px);
	}

	.cfx-industry-title h2 {
		font-size: 32px;
	}

	.cfx-industry-title p {
		font-size: 15px;
	}

	.cfx-industry-tabs {
		gap: 10px;
	}

	.cfx-industry-tabs a {
		min-width: auto;
		height: 36px;
		padding: 0 14px;
		font-size: 14px;
	}

	.cfx-industry-list li:first-child .cfx-industry-info h3,
	.cfx-industry-info h3 {
		font-size: 18px;
	}

	.cfx-industry-thumb,
	.cfx-industry-list li:first-child .cfx-industry-thumb {
		height: 190px;
	}

	.cfx-industry-side-card {
		padding: 22px 18px;
	}

	.cfx-industry-hot-list a {
		grid-template-columns: 24px minmax(0, 1fr);
	}

	.cfx-industry-hot-list strong {
		display: none;
	}
}

/* ===== 独立站建设流程 (新版) ===== */
.cfx-build-flow {
	position: relative;
	overflow: hidden;
	padding: 96px 0 108px;
	background:
		linear-gradient(120deg, rgba(226, 238, 255, .76) 0%, rgba(255, 255, 255, 0) 26%),
		linear-gradient(300deg, rgba(224, 235, 252, .72) 0%, rgba(255, 255, 255, 0) 25%),
		#f6faff;
}

.cfx-build-flow *,
.cfx-build-flow *::before,
.cfx-build-flow *::after {
	box-sizing: border-box;
}

.cfx-build-flow .cfx-container {
	width: min(1780px, calc(100% - 128px));
}

.cfx-build-flow-title {
	margin-bottom: 56px;
	text-align: center;
}

.cfx-build-flow-title h2 {
	margin: 0;
	color: #071b49;
	font-size: 44px;
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: 0;
}

.cfx-build-flow-title p {
	margin: 16px 0 0;
	color: #5a6b8a;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.7;
	letter-spacing: 0;
}

.cfx-build-flow-list {
	display: grid;
	grid-template-columns: 1.32fr repeat(5, minmax(0, 1fr));
	gap: 26px;
	align-items: stretch;
	width: 100%;
	margin: 0;
	padding: 0;
	transition: grid-template-columns .45s ease;
}

.cfx-build-flow-card {
	position: relative;
	height: 420px;
	padding: 64px 28px 38px;
	border: 1px solid #dfe9f8;
	border-radius: 28px;
	background: rgba(255, 255, 255, .95);
	box-shadow: 0 18px 42px rgba(30, 71, 130, .09);
	text-align: center;
	cursor: pointer;
	overflow: hidden;
	transition: background .35s ease, border-color .35s ease, box-shadow .35s ease, transform .35s ease;
}

.cfx-build-flow-card.cfx-active {
	background: linear-gradient(180deg, #b8d2ff 0%, #327dff 100%);
	border-color: #a9c7ff;
	box-shadow: 0 24px 48px rgba(41, 107, 224, .27);
}

.cfx-build-flow-num {
	position: absolute;
	top: 30px;
	right: 26px;
	z-index: 2;
	color: #176dff;
	font-size: 26px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 0;
}

.cfx-build-flow-card.cfx-active .cfx-build-flow-num {
	min-width: 64px;
	height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 24px;
	background: #ffffff;
	color: #176dff;
}

.cfx-build-flow-icon {
	width: 128px;
	height: 128px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 36px;
	border-radius: 50%;
	background: linear-gradient(180deg, #ffffff 0%, #eef5ff 100%);
	box-shadow: 0 9px 22px rgba(29, 84, 168, .16), inset 0 0 0 1px #e0ebfb;
}

.cfx-build-flow-card.cfx-active .cfx-build-flow-icon {
	width: 142px;
	height: 142px;
	margin-bottom: 28px;
	box-shadow: 0 12px 30px rgba(20, 75, 172, .20);
}

.cfx-build-flow-icon img {
	max-width: 86px;
	max-height: 86px;
	display: block;
	object-fit: contain;
}

.cfx-build-flow-card.cfx-active .cfx-build-flow-icon img {
	max-width: 98px;
	max-height: 98px;
}

.cfx-build-flow-card h3 {
	margin: 0;
	color: #071b49;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.18;
	letter-spacing: 0;
	white-space: nowrap;
}

.cfx-build-flow-card.cfx-active h3 {
	color: #ffffff;
	text-shadow: 0 8px 18px rgba(10, 53, 137, .18);
}

.cfx-build-flow-card i {
	display: block;
	width: 42px;
	height: 6px;
	margin: 24px auto 0;
	border-radius: 6px;
	background: #176dff;
}

.cfx-build-flow-card.cfx-active i {
	width: 40px;
	background: #ffffff;
}

.cfx-build-flow-card p {
	display: none;
	margin: 24px auto 0;
	color: #ffffff;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.55;
}

.cfx-build-flow-card.cfx-active p {
	display: block;
	max-width: 310px;
}

@media screen and (min-width: 1201px) {
	.cfx-build-flow-list.cfx-active-index-1 {
		grid-template-columns: 1.32fr 1fr 1fr 1fr 1fr 1fr;
	}

	.cfx-build-flow-list.cfx-active-index-2 {
		grid-template-columns: 1fr 1.32fr 1fr 1fr 1fr 1fr;
	}

	.cfx-build-flow-list.cfx-active-index-3 {
		grid-template-columns: 1fr 1fr 1.32fr 1fr 1fr 1fr;
	}

	.cfx-build-flow-list.cfx-active-index-4 {
		grid-template-columns: 1fr 1fr 1fr 1.32fr 1fr 1fr;
	}

	.cfx-build-flow-list.cfx-active-index-5 {
		grid-template-columns: 1fr 1fr 1fr 1fr 1.32fr 1fr;
	}

	.cfx-build-flow-list.cfx-active-index-6 {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1.32fr;
	}
}

@media screen and (max-width: 1500px) {
	.cfx-build-flow .cfx-container {
		width: min(1320px, calc(100% - 72px));
	}

	.cfx-build-flow-title h2 {
		font-size: 38px;
	}

	.cfx-build-flow-title p {
		font-size: 15px;
	}

	.cfx-build-flow-list {
		gap: 18px;
	}

	.cfx-build-flow-card {
		height: 360px;
		padding: 66px 20px 34px;
		border-radius: 24px;
	}

	.cfx-build-flow-icon {
		width: 108px;
		height: 108px;
		margin-bottom: 30px;
	}

	.cfx-build-flow-card.cfx-active .cfx-build-flow-icon {
		width: 120px;
		height: 120px;
	}

	.cfx-build-flow-icon img {
		max-width: 72px;
		max-height: 72px;
	}

	.cfx-build-flow-card h3 {
		font-size: 20px;
	}

	.cfx-build-flow-card p {
		font-size: 13px;
	}
}

@media screen and (max-width: 1200px) {
	.cfx-build-flow {
		padding: 76px 0 86px;
	}

	.cfx-build-flow .cfx-container {
		width: min(960px, calc(100% - 48px));
	}

	.cfx-build-flow-list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.cfx-build-flow-card,
	.cfx-build-flow-card.cfx-active {
		height: auto;
		min-height: 320px;
	}

	.cfx-build-flow-card p {
		display: block;
		color: #60708c;
		font-size: 14px;
	}

	.cfx-build-flow-card.cfx-active p {
		color: #ffffff;
	}
}

@media screen and (max-width: 768px) {
	.cfx-build-flow {
		padding: 56px 0 64px;
	}

	.cfx-build-flow .cfx-container {
		width: calc(100% - 32px);
	}

	.cfx-build-flow-title {
		margin-bottom: 34px;
	}

	.cfx-build-flow-title h2 {
		font-size: 26px;
	}

	.cfx-build-flow-title p {
		margin-top: 14px;
		font-size: 14px;
	}

	.cfx-build-flow-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 14px;
	}

	.cfx-build-flow-card,
	.cfx-build-flow-card.cfx-active {
		height: auto;
		min-height: 270px;
		padding: 56px 16px 24px;
		border-radius: 18px;
	}

	.cfx-build-flow-num {
		top: 20px;
		right: 18px;
		font-size: 20px;
	}

	.cfx-build-flow-card.cfx-active .cfx-build-flow-num {
		min-width: 50px;
		height: 30px;
	}

	.cfx-build-flow-icon,
	.cfx-build-flow-card.cfx-active .cfx-build-flow-icon {
		width: 88px;
		height: 88px;
		margin-bottom: 22px;
	}

	.cfx-build-flow-icon img,
	.cfx-build-flow-card.cfx-active .cfx-build-flow-icon img {
		max-width: 58px;
		max-height: 58px;
	}

	.cfx-build-flow-card h3 {
		font-size: 17px;
		white-space: normal;
	}

	.cfx-build-flow-card i {
		width: 34px;
		height: 5px;
		margin-top: 18px;
	}

	.cfx-build-flow-card p {
		margin-top: 18px;
		font-size: 13px;
		line-height: 1.55;
	}
}

@media screen and (max-width: 480px) {
	.cfx-build-flow-list {
		grid-template-columns: 1fr;
	}

	.cfx-build-flow-card,
	.cfx-build-flow-card.cfx-active {
		min-height: auto;
	}
}

/* ===== 关于我们页面新版简介模块 ===== */
.cfx-profile-main {
	background: #f7fbff;
	color: #111827;
	padding: 0.24rem 0 0.28rem;
}
.cfx-profile-main *,
.cfx-profile-main *::before,
.cfx-profile-main *::after {
	box-sizing: border-box;
}
.cfx-profile-wrap {
	width: min(13rem, calc(100% - 0.64rem));
	margin: 0 auto;
}
.cfx-profile-panel {
	background: rgba(255, 255, 255, .92);
	border: 1px solid rgba(226, 238, 255, .96);
	border-radius: 0.18rem;
	box-shadow: 0 0.22rem 0.55rem rgba(34, 93, 172, .08);
}
.cfx-profile-anchor {
	display: block;
	position: relative;
	top: -1rem;
	height: 0;
	overflow: hidden;
}
.cfx-profile-intro {
	display: grid;
	grid-template-columns: 1fr 1.2fr;
	gap: 0.5rem;
	align-items: center;
	padding: 0.34rem 0.46rem;
}
.cfx-profile-photo {
	position: relative;
	min-height: 2.62rem;
	border-radius: 0.12rem;
	overflow: hidden;
	background: linear-gradient(135deg, #e7f1ff 0%, #f8fbff 100%);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .86);
}
.cfx-profile-photo::before {
	content: attr(data-label);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 86%;
	color: #7a93b7;
	font-size: 0.15rem;
	line-height: 1.6;
	text-align: center;
}
.cfx-profile-photo img {
	position: absolute;
	inset: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.cfx-profile-copy h1,
.cfx-profile-title h2 {
	color: #101828;
	font-weight: 700;
	letter-spacing: 0;
}
.cfx-profile-copy h1 {
	font-size: 0.34rem;
	line-height: 1.24;
}
.cfx-profile-copy h1::after,
.cfx-profile-title h2::after {
	content: '';
	display: block;
	width: 0.3rem;
	height: 0.03rem;
	margin-top: 0.14rem;
	background: #1f6bff;
	border-radius: 0.03rem;
}
.cfx-profile-copy p {
	max-width: 6.2rem;
	margin-top: 0.2rem;
	color: #5b667a;
	font-size: 0.16rem;
	line-height: 1.9;
}
.cfx-profile-stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.25rem;
	margin-top: 0.32rem;
}
.cfx-profile-stat {
	display: flex;
	align-items: center;
	gap: 0.14rem;
	min-width: 0;
}
.cfx-profile-icon {
	position: relative;
	flex: none;
	width: 0.52rem;
	height: 0.52rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.14rem;
	background: #edf4ff;
	color: #1f6bff;
	font-size: 0.12rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	overflow: hidden;
}
.cfx-profile-icon::before {
	content: attr(data-icon);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.cfx-profile-icon img {
	position: relative;
	z-index: 1;
	width: 0.28rem;
	height: 0.28rem;
	object-fit: contain;
	object-position: center center;
	display: block;
}
.cfx-profile-stat .cfx-profile-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 0;
	font-size: 0;
	line-height: 1;
}
.cfx-profile-stat .cfx-profile-icon img {
	margin: 0;
}
.cfx-profile-stat strong,
.cfx-profile-card strong {
	display: block;
	color: #111827;
	font-size: 0.22rem;
	font-weight: 700;
	line-height: 1.15;
	white-space: nowrap;
}
.cfx-profile-stat div > span,
.cfx-profile-card p {
	display: block;
	margin-top: 0.07rem;
	color: #687386;
	font-size: 0.13rem;
	line-height: 1.7;
}
.cfx-profile-section {
	margin-top: 0.32rem;
}
.cfx-profile-title {
	margin-bottom: 0.22rem;
	text-align: center;
}
.cfx-profile-title h2 {
	display: inline-block;
	font-size: 0.25rem;
	line-height: 1.28;
}
.cfx-profile-title h2::after {
	margin: 0.1rem auto 0;
}
.cfx-profile-card-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.26rem;
}
.cfx-profile-card {
	min-height: 1.5rem;
	display: grid;
	grid-template-columns: 0.56rem 1fr;
	gap: 0.2rem;
	align-items: center;
	padding: 0.32rem 0.34rem;
}
.cfx-profile-card .cfx-profile-icon {
	width: 0.62rem;
	height: 0.62rem;
	border-radius: 50%;
}
.cfx-profile-card.is-green .cfx-profile-icon {
	background: #e8faf6;
	color: #20bfa3;
}
.cfx-profile-card.is-purple .cfx-profile-icon {
	background: #f1e9ff;
	color: #8c55e9;
}
.cfx-profile-card.is-orange .cfx-profile-icon {
	background: #fff1e4;
	color: #ff8a2a;
}
.cfx-profile-card strong {
	font-size: 0.17rem;
}
.cfx-profile-card p {
	margin-top: 0.08rem;
}
.cfx-profile-timeline {
	position: relative;
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 0.18rem;
	padding-top: 0.18rem;
}
.cfx-profile-timeline::before {
	content: '';
	position: absolute;
	left: 0.62rem;
	right: 0.62rem;
	top: 0.25rem;
	height: 1px;
	background: #c7dcff;
}
.cfx-profile-timeline li {
	position: relative;
	padding-top: 0.34rem;
	text-align: center;
}
.cfx-profile-timeline li::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0.02rem;
	transform: translateX(-50%);
	width: 0.1rem;
	height: 0.1rem;
	border: 0.025rem solid #1f6bff;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 0 0.04rem #f7fbff;
}
.cfx-profile-timeline time {
	display: block;
	color: #1f6bff;
	font-size: 0.15rem;
	font-weight: 700;
}
.cfx-profile-timeline strong {
	display: block;
	margin-top: 0.12rem;
	color: #101828;
	font-size: 0.14rem;
	font-weight: 700;
}
.cfx-profile-timeline p {
	width: 1.25rem;
	max-width: 100%;
	margin: 0.1rem auto 0;
	color: #718096;
	font-size: 0.12rem;
	line-height: 1.7;
}
.cfx-profile-culture {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.28rem;
}
.cfx-profile-culture li {
	min-height: 1.5rem;
	padding: 0.3rem 0.36rem;
	border-radius: 0.16rem;
	text-align: center;
}
.cfx-profile-culture li:nth-child(1) {
	background: linear-gradient(135deg, #eef5ff 0%, #f9fbff 100%);
}
.cfx-profile-culture li:nth-child(2) {
	background: linear-gradient(135deg, #eefaf8 0%, #f8fdff 100%);
}
.cfx-profile-culture li:nth-child(3) {
	background: linear-gradient(135deg, #f4efff 0%, #faf7ff 100%);
}
.cfx-profile-culture li:nth-child(4) {
	background: linear-gradient(135deg, #fff2e9 0%, #fffaf6 100%);
}
.cfx-profile-culture .cfx-profile-icon {
	margin: 0 auto 0.16rem;
	background: transparent;
	font-size: 0.14rem;
}
.cfx-profile-culture strong {
	display: block;
	color: #101828;
	font-size: 0.16rem;
	font-weight: 700;
}
.cfx-profile-culture p {
	margin-top: 0.12rem;
	color: #687386;
	font-size: 0.13rem;
	line-height: 1.7;
}
.cfx-profile-gallery {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 0.16rem;
}
.cfx-profile-gallery .cfx-profile-photo {
	min-height: 1.28rem;
	border-radius: 0.08rem;
}
.cfx-profile-env-bar {
	display: grid;
	grid-template-columns: 1.45fr 1fr;
	gap: 0.26rem;
	align-items: center;
	margin-top: 0.22rem;
	padding: 0.2rem 0.36rem;
	background: rgba(241, 247, 255, .9);
	border-radius: 0.14rem;
}
.cfx-profile-env-bar p {
	color: #59687f;
	font-size: 0.15rem;
	line-height: 1.9;
}
.cfx-profile-tags {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.12rem;
}
.cfx-profile-tag {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.1rem;
	min-height: 0.5rem;
	padding: 0 0.1rem;
	border-radius: 0.25rem;
	background: #fff;
	color: #49627f;
	font-size: 0.13rem;
	white-space: nowrap;
}
.cfx-profile-tag .cfx-profile-icon {
	width: 0.3rem;
	height: 0.3rem;
	border-radius: 50%;
	background: transparent;
	font-size: 0.1rem;
}
.cfx-profile-cta {
	position: relative;
	display: grid;
	grid-template-columns: 1.55fr 0.9fr;
	gap: 0.3rem;
	align-items: center;
	min-height: 1.78rem;
	margin-top: 0.28rem;
	padding: 0.34rem 0.5rem;
	overflow: hidden;
	background: linear-gradient(105deg, #eaf4ff 0%, #f7fbff 56%, #ddecff 100%);
}
.cfx-profile-cta h2 {
	color: #1455d9;
	font-size: 0.28rem;
	font-weight: 700;
	line-height: 1.25;
}
.cfx-profile-cta p {
	margin-top: 0.12rem;
	color: #42526b;
	font-size: 0.15rem;
}
.cfx-profile-contact-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.22rem;
	margin-top: 0.28rem;
}
.cfx-profile-contact-list li {
	display: grid;
	grid-template-columns: 0.36rem 1fr;
	gap: 0.12rem;
	align-items: center;
	min-width: 0;
}
.cfx-profile-contact-list .cfx-profile-icon {
	width: 0.32rem;
	height: 0.32rem;
	border-radius: 50%;
	background: transparent;
}
.cfx-profile-contact-list strong {
	display: block;
	color: #1f2b3d;
	font-size: 0.14rem;
	font-weight: 700;
	white-space: nowrap;
}
.cfx-profile-contact-list span {
	display: block;
	margin-top: 0.04rem;
	color: #687386;
	font-size: 0.12rem;
}
.cfx-profile-actions {
	position: relative;
	z-index: 2;
	display: grid;
	gap: 0.16rem;
	justify-items: center;
}
.cfx-profile-action {
	width: 1.72rem;
	height: 0.46rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.1rem;
	border-radius: 0.24rem;
	color: #1f6bff;
	font-size: 0.15rem;
	font-weight: 700;
	background: #fff;
	box-shadow: 0 0.12rem 0.24rem rgba(31, 107, 255, .12);
}
.cfx-profile-action.is-primary {
	color: #fff;
	background: #1f6bff;
	box-shadow: 0 0.12rem 0.24rem rgba(31, 107, 255, .22);
}
.cfx-profile-action .cfx-profile-icon {
	width: 0.18rem;
	height: 0.18rem;
	border-radius: 0;
	background: transparent;
	color: currentColor;
	font-size: 0.1rem;
}
.cfx-profile-cta-art {
	position: absolute;
	right: 0.2rem;
	bottom: 0;
	width: 3.4rem;
	height: 1.7rem;
	pointer-events: none;
}
.cfx-profile-cta-art::before {
	content: attr(data-label);
	position: absolute;
	right: 0.16rem;
	bottom: 0.18rem;
	width: 2.5rem;
	height: 1.1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.14rem;
	color: #7a93b7;
	font-size: 0.12rem;
	background: rgba(255, 255, 255, .48);
}
.cfx-profile-cta-art img {
	position: absolute;
	inset: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
@media screen and (max-width: 1200px) {
	.cfx-profile-wrap {
		width: min(11.2rem, calc(100% - 0.48rem));
	}
	.cfx-profile-intro,
	.cfx-profile-cta {
		grid-template-columns: 1fr;
	}
	.cfx-profile-card-grid,
	.cfx-profile-culture {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.cfx-profile-timeline {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		row-gap: 0.24rem;
	}
	.cfx-profile-timeline::before {
		display: none;
	}
	.cfx-profile-env-bar {
		grid-template-columns: 1fr;
	}
	.cfx-profile-cta-art {
		opacity: .28;
	}
}
@media screen and (max-width: 768px) {
	.cfx-profile-main {
		padding-top: 0.16rem;
	}
	.cfx-profile-wrap {
		width: calc(100% - 0.28rem);
	}
	.cfx-profile-panel,
	.cfx-profile-culture li {
		border-radius: 0.14rem;
	}
	.cfx-profile-intro {
		gap: 0.24rem;
		padding: 0.22rem;
	}
	.cfx-profile-photo {
		min-height: 2rem;
	}
	.cfx-profile-copy h1 {
		font-size: 0.26rem;
	}
	.cfx-profile-copy p {
		font-size: 0.14rem;
	}
	.cfx-profile-stats,
	.cfx-profile-card-grid,
	.cfx-profile-culture,
	.cfx-profile-gallery,
	.cfx-profile-contact-list {
		grid-template-columns: 1fr;
	}
	.cfx-profile-card {
		min-height: auto;
		padding: 0.24rem;
	}
	.cfx-profile-timeline {
		grid-template-columns: 1fr;
		padding-top: 0;
	}
	.cfx-profile-timeline li {
		padding: 0 0 0 0.28rem;
		text-align: left;
	}
	.cfx-profile-timeline li::before {
		left: 0;
		top: 0.04rem;
		transform: none;
	}
	.cfx-profile-timeline p {
		width: auto;
		margin-left: 0;
	}
	.cfx-profile-gallery .cfx-profile-photo {
		min-height: 1.8rem;
	}
	.cfx-profile-env-bar,
	.cfx-profile-cta {
		padding: 0.24rem;
	}
	.cfx-profile-tags {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.cfx-profile-cta h2 {
		font-size: 0.23rem;
	}
	.cfx-profile-actions {
		justify-items: start;
	}
	.cfx-profile-cta-art {
		display: none;
	}
}
@media screen and (max-width: 480px) {
	.cfx-profile-tags {
		grid-template-columns: 1fr;
	}
	.cfx-profile-action {
		width: 100%;
	}
}

/* ===== 全站移动端 UI 最终优化 ===== */
@media screen and (max-width: 768px) {
	html,
	body {
		width: 100%;
		max-width: 100%;
		overflow-x: hidden;
	}

	body *,
	body *::before,
	body *::after {
		box-sizing: border-box;
	}

	img,
	svg,
	video,
	canvas,
	iframe,
	object,
	embed {
		max-width: 100%;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	a,
	span,
	strong {
		overflow-wrap: break-word;
	}

	input,
	select,
	textarea {
		max-width: 100%;
		font-size: 16px;
	}

	.cfx-container,
	.cfx-inner-main,
	.cfx-inner-main section {
		min-width: 0;
	}

	/* 手机头部固定为白底，始终使用深色 Logo。 */
	header .cfx-logo img.cfx-logo-light,
	header.cfx-header-sticky .cfx-logo img.cfx-logo-light {
		display: none !important;
	}

	header .cfx-logo img.cfx-logo-dark,
	header.cfx-header-sticky .cfx-logo img.cfx-logo-dark {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		max-height: none !important;
		object-position: center center;
	}

	/* 首页客户数据卡片和客户 Logo 墙。 */
	.cfx-showcase-section {
		padding: 0.52rem 0;
	}

	.cfx-showcase-header {
		margin-bottom: 0.28rem;
	}

	.cfx-showcase-metrics {
		display: grid;
		grid-template-columns: 1fr;
		gap: 0.12rem;
		width: 100%;
		margin-bottom: 0.32rem;
	}

	.cfx-metric-card {
		width: 100%;
		min-width: 0;
		padding: 0.16rem 0.18rem;
	}

	.cfx-showcase-wall {
		padding: 0.18rem 0.14rem;
	}

	.cfx-logo-grid {
		gap: 0.1rem;
	}

	.cfx-logo-item {
		height: 0.72rem;
		padding: 0.08rem;
	}

	/* 全平台服务页：层级模块改为适合手机阅读的卡片布局。 */
	.cfx-eco2-section {
		padding: 0.48rem 0;
	}

	.cfx-eco2-inner {
		width: 100%;
		padding: 0 0.16rem;
	}

	.cfx-eco2-header {
		margin-bottom: 0.28rem;
	}

	.cfx-eco2-title-row {
		gap: 0.08rem;
		width: 100%;
		margin-bottom: 0.1rem;
	}

	.cfx-eco2-line {
		width: auto;
		max-width: 0.4rem;
		flex: 1;
	}

	.cfx-eco2-diamond {
		width: 0.07rem;
		height: 0.07rem;
	}

	.cfx-eco2-title {
		font-size: 0.28rem;
		line-height: 1.2;
		letter-spacing: 0;
		white-space: normal;
	}

	.cfx-eco2-sub {
		padding: 0 0.08rem;
		font-size: 0.14rem;
		line-height: 1.7;
		letter-spacing: 0;
	}

	.cfx-eco2-row {
		width: 100%;
		gap: 0.16rem;
		margin-bottom: 0.16rem;
		padding: 0.16rem;
		border-radius: 0.16rem;
	}

	.cfx-eco2-side,
	.cfx-eco2-side-short {
		display: grid;
		grid-template-columns: auto auto minmax(0, 1fr);
		align-items: center;
		width: 100%;
		height: auto;
		min-height: 0.54rem;
		gap: 0.1rem;
		padding: 0.12rem 0.14rem;
		border-radius: 0.14rem;
	}

	.cfx-eco2-side-badge {
		align-self: center;
		margin: 0;
		padding: 0.04rem 0.1rem;
		font-size: 0.13rem;
	}

	.cfx-eco2-side-title {
		margin: 0;
		font-size: 0.19rem;
		white-space: nowrap;
	}

	.cfx-eco2-side-desc {
		justify-self: end;
		font-size: 0.12rem;
		text-align: right;
	}

	.cfx-eco2-side-desc br {
		display: none;
	}

	.cfx-eco2-cards {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.12rem;
		width: 100%;
	}

	.cfx-eco2-card {
		width: auto !important;
		height: auto;
		min-height: 1.82rem;
		padding: 0.16rem 0.1rem;
		border-radius: 0.14rem;
	}

	.cfx-eco2-card-circle {
		width: 0.52rem;
		height: 0.52rem;
		margin-bottom: 0.1rem;
	}

	.cfx-eco2-card-circle img {
		max-width: 0.52rem;
		max-height: 0.52rem;
	}

	.cfx-eco2-card h4 {
		font-size: 0.18rem;
	}

	.cfx-eco2-card h4 span,
	.cfx-eco2-card p {
		font-size: 0.12rem;
	}

	.cfx-eco2-flow {
		gap: 0.12rem;
		margin-left: 0;
		padding: 0.02rem 0.08rem 0.12rem;
	}

	.cfx-eco2-conv-card {
		width: 100%;
		gap: 0.18rem;
		padding: 0.18rem;
		border-radius: 0.18rem;
	}

	.cfx-eco2-conv-left {
		width: 100%;
		justify-content: center;
		gap: 0.12rem;
	}

	.cfx-eco2-main-pic {
		max-width: 0.96rem;
		max-height: 0.72rem;
	}

	.cfx-eco2-conv-text h4 {
		font-size: 0.2rem;
		white-space: normal;
	}

	.cfx-eco2-conv-text p {
		font-size: 0.13rem;
		white-space: normal;
	}

	.cfx-eco2-conv-right {
		display: grid;
		grid-template-columns: 1fr;
		gap: 0.1rem;
		width: 100%;
	}

	.cfx-eco2-conv-item {
		width: 100%;
		height: auto;
		min-height: 0.64rem;
		padding: 0.1rem 0.14rem;
	}

	.cfx-eco2-conv-item strong,
	.cfx-eco2-conv-item span {
		display: block;
		white-space: normal;
	}

	.cfx-eco2-conv-item strong {
		font-size: 0.14rem;
	}

	.cfx-eco2-conv-item span {
		margin-top: 0.02rem;
		font-size: 0.12rem;
	}

	.cfx-eco2-down-arrow {
		margin-left: 0;
	}

	.cfx-eco2-support-header h4 {
		font-size: 0.18rem;
		line-height: 1.4;
	}

	.cfx-eco2-support-header p {
		font-size: 0.13rem;
		line-height: 1.6;
		letter-spacing: 0;
	}

	.cfx-eco2-support-divider {
		margin: 0.14rem 0;
	}

	.cfx-eco2-support-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.1rem;
	}

	.cfx-eco2-support-item {
		min-width: 0;
		padding: 0.14rem 0.08rem;
		background: #f8fafe;
	}

	.cfx-eco2-support-item:last-child {
		grid-column: 1 / -1;
	}

	/* SEO 装饰光晕只在容器内部显示。 */
	.cfx-seo-target-left,
	.cfx-globe,
	.cfx-orbit {
		overflow: hidden;
	}

	.cfx-seo-target-visual::before {
		left: 0;
		right: 0;
	}

	/* 页脚在触屏设备上取消悬浮二维码和越界装饰。 */
	footer.cfx-site-footer .cfx-footer-wrap,
	footer.cfx-site-footer .cfx-footer-social-card {
		overflow: hidden;
	}

	footer.cfx-site-footer .cfx-footer-adv-list {
		width: 100%;
		gap: 0.18rem 0.12rem;
	}

	footer.cfx-site-footer .cfx-footer-social-list {
		gap: 0.2rem 0.14rem;
	}

	footer.cfx-site-footer .cfx-footer-social-list p {
		white-space: normal;
	}

	footer.cfx-site-footer .cfx-footer-social-qr {
		display: none;
	}

	footer.cfx-site-footer .cfx-footer-copyright p {
		max-width: 100%;
		overflow-wrap: anywhere;
	}

	/* 手机端咨询入口放入页脚，页面仅保留轻量回顶部按钮。 */
	.cfx-float-contact {
		display: none !important;
		right: 0.12rem;
		top: auto;
		bottom: calc(0.14rem + env(safe-area-inset-bottom));
		z-index: 990;
		gap: 0;
		transform: none;
	}

	.cfx-float-service {
		display: none !important;
	}

	.cfx-float-top {
		width: 0.46rem;
		height: 0.46rem;
		padding: 0;
		border-radius: 50%;
	}

	.cfx-float-top button {
		align-items: center;
		justify-content: center;
		height: 100%;
	}

	.cfx-float-top span {
		width: 0.22rem;
		height: 0.22rem;
		margin: 0;
	}

	.cfx-float-top em {
		display: none;
	}

	.cfx-float-top-icon::before {
		top: 0.02rem;
		width: 0.2rem;
		height: 0.03rem;
	}

	.cfx-float-top-icon::after {
		top: 0.1rem;
		width: 0.15rem;
		height: 0.15rem;
		border-width: 0.03rem;
	}
}

@media screen and (max-width: 480px) {
	.cfx-eco2-inner {
		padding: 0 0.12rem;
	}

	.cfx-eco2-row {
		padding: 0.13rem;
	}

	.cfx-eco2-card {
		min-height: 1.74rem;
	}

	.cfx-showcase-wall {
		padding: 0.14rem 0.1rem;
	}
}