@charset "utf-8";



/*重置CSS（sanitize.css）的加载
---------------------------------------------------------------------------*/
@import url("sanitize.css");

/*slick.css的加载
---------------------------------------------------------------------------*/
@import url("slick.css");

/*Font Awesome的加载
---------------------------------------------------------------------------*/
@import url("all.min.css");

html,
body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	height: 100%;
}

body {
	font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
	-webkit-text-size-adjust: none;
	background: #fff;
	color: #333;
	line-height: 2;
}

figure,
dd {
	margin: 0;
}

nav {
	margin: 0;
	padding: 0;
}


table {
	border-collapse: collapse;
}

/*图片全体的设置*/
img {
	border: none;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}


section+section {
	padding-top: 30px;
}


a {
	color: #333;
	transition: 0.3s;
}

a:hover {
	color: #ff8400;
}


/*container（包围网站整体的区块）
---------------------------------------------------------------------------*/
#container {
	margin: 0 auto;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}


header {
	display: none;
}

header #logo {
	line-height: 0;
	margin: 0;
	width: 150px;
	padding: 0 20px;
	position: static;
	background: none;
	border-radius: 0px;
	text-align: center;
	font-weight: 500;
}


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

	html,
	body {
		overflow-x: hidden;
		width: 100%;
	}

	header {
		display: block;
	}

	header #logo {
		position: absolute;
		left: 20px;
		top: 0px;
		background: linear-gradient(#ffa800, #ff8400);
		border-radius: 0px 0px 5px 5px;
		padding: 15px 20px;
		width: 100px;
	}

	header #logo a {
		font-size: 0.5em;
	}
}

#menubar_hdr {
	display: block;
	position: fixed;
	z-index: 100;
	top: 20px;
	right: 20px;
	width: 50px;
	height: 50px;
	cursor: pointer;
	background: rgba(0, 0, 0, 0.6) url(../images/ham.png) no-repeat center top/50px;
}

#menubar_hdr.ham {
	background: #FF7D00 url(../images/ham.png) no-repeat center bottom/50px;
}


#menubar ul {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}

#menubar {
	background: #fff;
	height: 0px;
	overflow: hidden;
}

/* 菜单显示状态 */
#menubar.db {
	height: auto;
	overflow: visible;
	position: fixed;
	inset: 0;
	z-index: 99;
	background: rgba(255, 255, 255, 0.98);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

/*菜单单个的设置*/
#menubar a {
	display: block;
	text-decoration: none;
	padding: 15px 20px;
	background: #fff;
}


#menubar .ddmenu {
	cursor: default;
}

#menubar span {
	display: block;
	font-size: 0.5em;
	opacity: 0.6;
	letter-spacing: 0.2em;
}


a.ddmenu::before {
	font-family: "Font Awesome 5 Free";
	content: "\f150";
	font-weight: bold;
	color: #B1B1B1;
	margin-right: 1em;
}


a.ddmenu:hover::before {
	color: #ff8400;
}

.ddmenu_parent ul {
	display: none;
}


/*下拉菜单（900px以下设备用的设置）
---------------------------------------------------------------------------*/
.sh .ddmenu_parent ul li a {
	border-bottom: 1px solid #ccc;
}

.sh .ddmenu_parent ul a {
	padding-left: 65px !important;
}

.sh .ddmenu_parent ul li:first-of-type a {
	border-top: 1px solid #ccc;
}

.sh .ddmenu_parent ul li:last-of-type a {
	border-bottom: none;
}


.sh {
	display: none;
	position: fixed;
	overflow: auto;
	z-index: 99;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	padding: 90px 20px;
}


.sh>ul {
	border-top: 1px solid #ccc;
}


.sh>ul>li {
	border-bottom: 1px solid #ccc;
}

.sh a.ddmenu span {
	padding-left: 3.8em;
}


.sh>ul>li>a:not(.ddmenu) {
	padding-left: 3.2em !important;
}

/*动态数据统计展示
---------------------------------------------------------------------------*/
.data_bg {
	background: #f8f8f8;
}

.data_list {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0;
	max-width: 1200px;
	padding: 80px 20px;
	margin: 0 auto;
}

.data_item {
	flex: 1 1 0;
	max-width: 33.3333%;
	padding: 0 20px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transform: translateY(30px) scale(0.8);
	animation: dataPopUp 0.6s ease forwards;
}

.data_item:nth-child(1) {
	animation-delay: 0.2s;
}

.data_item:nth-child(2) {
	animation-delay: 0.4s;
}

.data_item:nth-child(3) {
	animation-delay: 0.6s;
}

.data_icon {
	width: 60px;
	height: 60px;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.data_icon i {
	font-size: 2.5rem;
	color: #999;
	transition: color 0.3s ease;
}

.data_item:hover .data_icon i {
	color: #FF7D00;
}

@keyframes dataPopUp {
	0% {
		opacity: 0;
		transform: translateY(30px) scale(0.8);
	}

	60% {
		transform: translateY(-10px) scale(1.05);
	}

	100% {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

.data_number {
	font-size: 3.2rem;
	font-weight: bold;
	color: #FF7D00;
	line-height: 1.2;
	margin-bottom: 10px;
	height: 1.2em;
	transition: transform 0.3s ease;
}

.data_item:hover .data_number {
	transform: scale(1.1);
}

.data_label {
	font-size: 1rem;
	color: #666;
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(10px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

/*数据统计区域 - 手机端适配
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	.data_list {
		flex-direction: column;
		gap: 30px;
		padding: 40px 20px;
	}

	.data_item {
		width: 100%;
		max-width: 100%;
		padding: 0;
	}

	.data_number {
		font-size: 2.5rem;
	}

	/* 首页主图文字 - 手机端 */
	#mainimg-inner {
		width: 100% !important;
		max-width: 100% !important;
		overflow-x: hidden;
	}

	.hero_text {
		text-align: center;
		width: 90% !important;
		max-width: 100% !important;
		padding: 0 15px;
		box-sizing: border-box;
	}

	.hero_text h1 {
		font-size: 1.8rem !important;
	}

	.hero_text h1 span {
		font-size: 1.2rem !important;
	}

	.hero_text h2 {
		font-size: 2.2rem !important;
		word-break: break-all;
	}

	.hero_text p {
		font-size: 1rem !important;
	}

	.hero_text .contact_submit {
		margin: 0 auto;
	}
}

/*优势展示区域
---------------------------------------------------------------------------*/
.advantage_main {
	background-color: #fff;
	overflow: hidden;
}

.advantage {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 20px;
	padding: 40px 20px 80px 20px;
	background: #fff;
	flex-wrap: wrap;
	max-width: 1800px;
	margin: 0 auto;
}

.advantage_item {
	text-align: center;
	width: 13%;
	background-color: #f8f8f8;
	min-height: 330px;
	border-radius: 8px;
	transition: background-color 0.3s ease;
}

.advantage_item:hover {
	background-color: #FF7D00;
}

.advantage_item:hover .advantage_title,
.advantage_item:hover .advantage_desc {
	color: #fff;
}

.advantage_item:hover .advantage_icon::before {
	background: #fff;
	border-radius: 50%;
	transform: rotate(0deg);
}

.advantage_item:hover .advantage_icon i {
	color: #FF7D00;
}


.advantage_title {
	font-size: 1.3rem;
	font-weight: bold;
	color: #333;
	padding-top: 20px;
}

.advantage_icon {
	width: 100px;
	height: 100px;
	margin: 0 auto 30px;
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2.5rem;
	color: #fff;
	position: relative;
	z-index: 1;
}

.advantage_icon::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 20px;
	transform: rotate(45deg);
	z-index: -1;
}

.advantage_icon i {
	position: relative;
	z-index: 2;
}

.icon_green::before {
	background: #36CFCE;
}

.icon_purple::before {
	background: #a855a8;
}

.icon_red::before {
	background: #e74c3c;
}

.icon_yellow::before {
	background: #FF7D00;
}

.icon_blue::before {
	background: #236EB2;
}

.advantage_desc {
	font-size: 0.8rem;
	color: #333;
	line-height: 1.8;
}

/*优势展示区 - 手机端适配*/
@media screen and (max-width: 768px) {
	.advantage {
		gap: 20px;
		padding: 40px 20px;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
		margin: 0;
	}

	.advantage_item {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
		min-height: auto;
		padding: 30px 20px;
		box-sizing: border-box;
	}
}

main h2 span.uline {
	display: inline-block;
	border-bottom: 4px solid #FF7D00;
}

.footer_main {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 60px 20px;
	gap: 40px;
	width: 100%;
}

.footer-left {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 50%;
}

.footer-left h4 {
	font-size: 2rem;
	color: #fff;
	margin: 0;
	opacity: 0.85;
}

.footer-left h4 span {
	font-weight: 500;
}

.footer-divider {
	width: 100%;
	height: 0.5px;
	background-color: #505050;
	margin: 10px 0;
}

.footer-links {
	display: flex;
	flex-direction: row;
	gap: 20px;
}

.footer-social {
	color: #8a8a8a;
}

.address {
	color: #8a8a8a;
	font-size: 14px;
	line-height: 1.6;
	margin-top: 10px;
}

footer small {
	font-size: 100%;
}

footer {
	font-size: 0.6rem;

	background: #ff8400;
	color: #fff;
	text-align: center;
	padding: 20px;
}

/*首页的主图
---------------------------------------------------------------------------*/
#mainimg {
	width: 100%;
	position: relative;
}

#mainimg::before {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: 1;
}

#mainimg-inner {
	position: relative;
	z-index: 2;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.hero_text {
	color: #fff;
	z-index: 1;
	width: 70%;
	max-width: 1800px;
	margin: 0 auto;
}

.hero_text h1 {
	font-size: 3.2rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin: 0;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.hero_text h1 span {
	font-size: 2rem;
	font-weight: 500;
	letter-spacing: 0.05em;
}

.hero_text h2 {
	font-size: 4.4rem;
	font-weight: bold;
	letter-spacing: 0.02em;
	margin: 20px 0 15px;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.hero_text h2 .highlight {
	color: #FF7D00 !important;
}

.hero_text p {
	font-size: 1.2rem;
	letter-spacing: 0.01em;
	margin: 0 0 50px 0;
	text-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
}

#mainimg-inner i {
	opacity: 0.7;
	margin-left: 10px;
}


.scroll {
	position: absolute;
	z-index: 2;
	left: 50%;
	bottom: 0px;
	transform: translateX(-50%);
	width: 30px;
}

.btn {
	text-align: center;
	/*内容居中*/
}

/*按钮*/
.btn a,
.btn input {
	display: inline-block;
	text-decoration: none;
	border: none;
	color: #fff;
	border-radius: 3px;
	padding: 10px 20px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	background: linear-gradient(#ffa800, #ff8400);
	font-size: 1rem;
}

.btn a:hover,
.btn input:hover {
	opacity: 0.9;
	cursor: pointer;
}

.list .btn a,
.list .btn input {
	margin-top: 10px;
	display: block;
}

.pagetop-show {
	display: block;
}

/*按钮的设置*/
.pagetop a {
	display: block;
	text-decoration: none;
	text-align: center;
	width: 50px;
	line-height: 50px;
	position: fixed;
	right: 20px;
	bottom: 20px;
	color: #fff;
	border: 1px solid #fff;
	background: rgba(0, 0, 0, 0.4);
}


.pagetop a:hover {
	background: rgba(0, 0, 0, 0.8);
}


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

	html,
	body {
		font-size: 16px;
	}

	section+section {
		padding-top: 50px;
	}

	header {
		position: fixed;
		z-index: 99;
		display: flex;
		align-items: center;
		background: #fff;
		box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0.2);
		width: calc(100% - 40px);
		top: 20px;
		left: 20px;
	}

	header #logo {
		background: linear-gradient(#ffa800, #ff8400);
		padding: 23px 20px;
		width: 150px;
		text-align: center;
	}

	#menubar {
		height: auto;
		overflow: visible;
		display: block;
		flex: 1;
	}

	#menubar ul {
		display: flex;
		justify-content: space-between;
		flex: 1;
	}

	#menubar li {
		text-align: center;
		flex: 1;
		position: relative;
	}

	/*隐藏汉堡菜单*/
	#menubar_hdr {
		display: none;
	}


	#footermenu {
		font-size: 0.8rem;
		padding: 20px 50px;
	}


	#mainimg-inner {
		flex-direction: row;
	}

	#mainimg-inner div a {
		padding: 30px 20px;
	}

	#mainimg-inner div+div {
		margin-top: 0;
		margin-left: 10%;
	}



	/*图标图片（图标使用Font Awesome）*/
	#mainimg-inner i {
		margin-right: 0.4em;
	}

	/*提示滚动的图标*/
	.scroll {
		bottom: 20px;
		width: 40px;
	}

	#footermenu {
		font-size: 0.8rem;
		padding: 20px 50px;
	}

}

/*成功案例轮播区域
---------------------------------------------------------------------------*/
.success_wrapper {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 70px;
}

.success_arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	border: none;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	cursor: pointer;
	font-size: 1.2rem;
	color: #333;
	transition: all 0.3s ease;
	z-index: 10;
}

.success_arrow.success_prev {
	left: 0;
}

.success_arrow.success_next {
	right: 0;
}

.success_arrow:hover {
	background: #FF7D00;
	color: #fff;
}

.success_arrow:disabled,
.success_arrow.is-disabled {
	background: #f3f3f3;
	color: #bcbcbc;
	box-shadow: none;
	cursor: not-allowed;
	opacity: 1;
}

.success_arrow:disabled:hover,
.success_arrow.is-disabled:hover {
	background: #f3f3f3;
	color: #bcbcbc;
}

.success {
	overflow-x: auto;
	overflow-y: hidden;
	display: flex;
	gap: 30px;
	padding: 12px;
	box-sizing: border-box;
	scroll-behavior: smooth;
	flex-wrap: nowrap;
	width: 100%;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.success::-webkit-scrollbar {
	display: none;
}

.success_item {
	flex: 0 0 calc((100% - 60px) / 3);
	min-width: calc((100% - 60px) / 3);
	max-width: calc((100% - 60px) / 3);
	height: 100%;
}

.success_main {
	padding: 30px 20px 60px 20px;
}

.success_main h2,
.advantage_main h2,
.process_main h2 {
	text-align: center;
	font-size: 2.8rem;
	margin-bottom: 20px;
	color: #333;
}

.txt-center {
	text-align: center;
}

.success_item {
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

.success_img {
	margin: 0;
	width: 100%;
	height: 200px;
	overflow: hidden;
}

.success_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}

.success_item:hover .success_img img {
	transform: scale(1.08);
}

.success_brand {
	display: flex;
	align-items: center;
	padding: 15px 20px 10px;
	gap: 10px;
}

.brand_logo {
	width: 40px;
	height: 40px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

.brand_logo.orange {
	background: #ff8400;
}

.brand_logo.pink {
	background: #ff6b9d;
}

.brand_logo.white {
	background: #fff;
	border: 1px solid #ddd;
}

.brand_logo.cyan {
	background: #36CFCE;
}

.brand_logo.blue {
	background: #236EB2;
}

.brand_logo.purple {
	background: #a855a8;
}

.dr_logo {
	color: #c9a96e;
	font-size: 12px;
	font-weight: bold;
}

.brand_name {
	font-size: 16px;
	color: #333;
	font-weight: 500;
	transition: color 0.3s ease;
}

.success_item:hover .brand_name {
	color: #FF7D00;
}

.success_tag {
	padding: 0 20px;
	margin: 0 0 15px 0;
	font-size: 13px;
	color: #999;
}

.success_stats {
	display: flex;
	justify-content: space-around;
	padding: 20px;
	border-top: 1px solid #f0f0f0;
}

.stat_item {
	text-align: center;
}

.stat_num {
	font-size: 22px;
	font-weight: 600;
	color: #333;
	margin-bottom: 5px;
}

.stat_label {
	font-size: 12px;
	color: #999;
}

/*成功案例轮播 - 平板端 (768px - 992px) */
@media screen and (max-width: 992px) and (min-width: 769px) {
	.success_wrapper .success {
		height: auto !important;
		flex-wrap: wrap !important;
		overflow-x: hidden !important;
	}

	.success_wrapper .success_arrow {
		display: none !important;
	}

	.success_wrapper .success_item {
		flex: 0 0 calc((100% - 30px) / 2) !important;
		min-width: calc((100% - 30px) / 2) !important;
		max-width: calc((100% - 30px) / 2) !important;
		height: auto !important;
		margin-bottom: 20px !important;
	}
}

/*成功案例轮播 - 手机端 (<= 768px) */
@media screen and (max-width: 768px) {
	.success_wrapper {
		padding: 0 15px !important;
	}

	.success_wrapper .success {
		height: auto !important;
		padding: 10px !important;
		flex-wrap: wrap !important;
		overflow-x: hidden !important;
		gap: 20px !important;
		display: flex !important;
		flex-direction: column !important;
	}

	.success_wrapper .success_arrow {
		display: none !important;
	}

	.success_wrapper .success_item {
		flex: 0 0 100% !important;
		min-width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		width: 100% !important;
		margin-bottom: 20px !important;
	}
}

.contact {
	padding-top: 30px;
	background-color: #fff;
}

.adv_ct {
	position: relative;
	width: 100%;
	min-height: 400px;
	background: url('../images/img13.jpg') center bottom / cover no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.adv_overlay {
	position: absolute;
	inset: 0;
	background: rgba(20, 30, 60, 0.72);
	z-index: 0;
}

.adv_content {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 1000px;
	padding: 60px 30px;
	text-align: center;
	color: #fff;
}

.adv_title {
	font-size: 2.4rem;
	font-weight: bold;
	color: #fff;
	margin: 0;
	letter-spacing: 2px;
}

.adv_subtitle {
	font-size: 1rem;
	color: rgba(255, 255, 255, 0.85);
	margin: 0 0 28px;
	letter-spacing: 1px;
}

.adv_form {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	margin-bottom: 14px;
	max-width: 480px;
	margin-left: auto;
	margin-right: auto;
}

.adv_input {
	flex: 1;
	height: 46px;
	padding: 0 16px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-right: none;
	border-radius: 4px 0 0 4px;
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
	font-size: 0.95rem;
	outline: none;
}

.adv_input::placeholder {
	color: rgba(255, 255, 255, 0.6);
}

.adv_input:focus {
	border-color: #FF7D00;
	background: rgba(255, 255, 255, 0.15);
}

.adv_btn {
	height: 46px;
	padding: 0 28px;
	background: #FF7D00;
	color: #fff;
	border: none;
	border-radius: 0 4px 4px 0;
	font-size: 1rem;
	cursor: pointer;
	white-space: nowrap;
	transition: background 0.2s;
}

.adv_btn:hover {
	background: #FF7D00;
}

.adv_hint {
	font-size: 0.82rem;
	color: rgba(255, 255, 255, 0.6);
	margin: 0 0 6px;
}

.adv_phone {
	display: inline-block;
	font-size: 1.1rem;
	color: #FF7D00;
	text-decoration: none;
	letter-spacing: 1px;
}

.adv_phone i {
	margin-right: 6px;
}

@media screen and (max-width: 768px) {
	.adv_title {
		font-size: 1.6rem;
	}

	.adv_form {
		flex-direction: column;
		gap: 10px;
	}

	.adv_input {
		border-right: 1px solid rgba(255, 255, 255, 0.5);
		border-radius: 4px;
		width: 100%;
		padding: 10px;
	}

	.adv_btn {
		border-radius: 4px;
		width: 100%;
	}

	.adv_features {
		gap: 16px;
	}

	.adv_feature_item span {
		max-width: 120px;
	}
}

.contact_main {
	max-width: 1200px;
	margin: 0 auto;
	background: #fff;
	border-radius: 18px;
	box-shadow: 0 10px 40px rgba(75, 96, 136, 0.08);
	padding: 70px 60px;
	display: flex;
	gap: 60px;
	align-items: stretch;
}

.contact_form_wrap,
.contact_side {
	flex: 1;
}

.contact_form_wrap {
	padding-right: 50px;
	border-right: 1px solid #f0f0f0;
}

.contact_side {
	padding-left: 50px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	cursor: pointer;
}

.contact_main h3 {
	font-size: 1.6rem;
	font-weight: 500;
	color: #1f2d3d;
	line-height: 1.4;
	margin: 0 0 16px;
	text-align: center;
}

.contact_subtitle {
	font-size: 1rem;
	color: #b4bcc8;
	text-align: center;
	margin: 0 0 50px;
}

.contact_form {
	display: flex;
	flex-direction: column;
	gap: 28px;
	margin-top: 70px;
}

.contact_form input {
	width: 100%;
	height: 40px;
	padding: 0 20px;
	border: 1px solid #e4e8ef;
	border-radius: 6px;
	background: #f7f9fc;
	font-size: 0.8rem;
	color: #333;
	box-sizing: border-box;
}

.contact_form input::placeholder {
	color: #b7bfcc;
}

.contact_form input:focus {
	border-color: #FF7D00;
	outline: none;
}

.contact_submit {
	width: 155px;
	height: 52px;
	border: none;
	border-radius: 6px;
	background: #FF7D00;
	color: #fff;
	font-size: 1.2rem;
	cursor: pointer;
	transition: background 0.3s ease;
}

.contact_submit:hover {
	background: #FF7D00;
}

.hero_text .contact_submit {
	width: 240px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.phone_icon_wrap {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border: 1px solid #fff;
	border-radius: 50%;
	margin-right: 6px;
}

.phone_icon_wrap i {
	font-size: 0.75rem;
	transform: translateY(1px);
}

.contact_phone_icon {
	font-size: 2.1rem;
	color: #6e7684;
	transition: transform 0.5s ease, color 0.3s ease;
}

.contact_side:hover .contact_phone_icon {
	transform: rotate(360deg);
	color: #FF7D00;
}

.contact_phone {
	font-size: 2rem;
	line-height: 1.2;
	color: #FF7D00;
	font-weight: 500;
	margin: 10px 0 10px;
	transition: font-size 0.3s ease;
}

.contact_side:hover .contact_phone {
	font-size: 2.4rem;
}

.contact_email,
.contact_time_label {
	font-size: 1rem;
	color: #b7bfcc;
	margin: 0 0 0px;
}

.contact_time {
	font-size: 1.05rem;
	color: #6d7480;
	margin: 0;
}

.contact_qrcode {
	width: 130px;
	height: auto;
	display: block;
	margin: 0 auto 20px;
	border-radius: 6px;
}

@media screen and (max-width: 992px) {
	.contact_main {
		padding: 50px 30px;
		gap: 30px;
	}

	.contact_form_wrap {
		padding-right: 30px;
	}

	.contact_side {
		padding-left: 30px;
	}

	.contact_main h3 {
		font-size: 1.8rem;
	}

	.contact_phone {
		font-size: 2.6rem;
	}
}

@media screen and (max-width: 768px) {
	.contact_main {
		padding: 40px 20px;
		flex-direction: column;
		gap: 40px;
	}

	.contact_form_wrap {
		padding-right: 0;
		border-right: none;
		padding-bottom: 30px;
		border-bottom: 1px solid #f0f0f0;
	}

	.contact_side {
		padding-left: 0;
	}

	.contact_subtitle {
		margin-bottom: 30px;
	}

	.contact_form {
		margin-top: 40px;
		gap: 18px;
	}

	.contact_submit {
		width: 100%;
	}

	.contact_phone_icon {
		margin: 30px 0 20px;
	}

	.contact_phone {
		font-size: 2.2rem;
		margin-bottom: 40px;
	}
}


.float_wid {
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9999;
	display: flex;
	flex-direction: column;
	gap: 8px;
	align-items: flex-end;
}

.float_item {
	border-radius: 50%;
	padding: 8px;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	overflow: hidden;
	cursor: pointer;
	flex-shrink: 0;
	position: relative;
	border: 2px solid #fff;
	box-sizing: content-box;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.float_item:hover {
	width: 150px;
	border-radius: 16px 0 0 16px;
	justify-content: flex-start;
	padding: 8px 12px;
}

.float_icon {
	color: #fff;
	font-size: 1.2em;
	min-width: 20px;
	text-align: center;
}

.float_item a {
	color: #fff;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
	white-space: nowrap;
	opacity: 0;
	width: 0;
	margin-left: 0;
	transition: all 0.3s ease;
	overflow: hidden;
}

.float_item:hover a {
	opacity: 1;
	width: auto;
	margin-left: 10px;
}

.float_item_1 {
	background-color: #FF7D00;
}

.float_item_2 {
	background-color: #236EB2;
}

.float_item_3 {
	background-color: #36CFCE;
}

.footer-link {
	font-size: 16px;
	color: #8a8a8a;
	text-decoration: none;
	transition: color 0.3s ease;
}


#footermenu {
	background: #333;
	color: #999;
	font-size: 0.8em;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 50px 60px;
	gap: 60px;
}

.fotter_main {
	width: 100%;
	display: flex;
	gap: 80px;

}

#footermenu a {
	text-decoration: none;
}

#footermenu a:hover {
	color: #ccc;
}

#footermenu .title {
	font-weight: bold;
	color: #fff;
	font-size: 1.1em;
	margin-bottom: 15px;
}

/*右侧服务卡片*/
.footer_right {
	display: flex;
	gap: 30px;
	align-items: flex-start;
	flex: 0 0 50%;
	justify-content: flex-end;
}

.service_card {
	text-align: center;
}

.service_card a {
	color: #999;
	display: block;
}

.service_icon {
	width: 80px;
	height: 80px;
	border: 1px solid #666;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 20px;
	transition: all 0.3s ease;
}

.service_icon i {
	font-size: 2em;
	color: #999;
	transition: color 0.3s ease;
}

.service_card h3 {

	font-size: 18px;
	margin: 0 0 10px;
	font-weight: normal;
}

.service_card p {
	color: #888;
	font-size: 1em;
	line-height: 1.6;
	margin: 0;
}

/* 服务卡片悬停效果 */
.service_card:hover a,
.service_card:hover h3,
.service_card:hover p {
	color: #fff;
}

.service_card:hover .service_icon {
	background: #fff;
	border-color: #fff;
}

.service_card:hover .service_icon i {
	color: #333;
}


@media screen and (max-width: 992px) {
	#footermenu {
		flex-direction: column;
		padding: 40px 30px;
		gap: 40px;
	}

	.footer_main {
		flex-direction: column;
		padding: 40px 20px;
		gap: 30px;
	}

	.footer-left {
		width: 100%;
		order: 2;
		text-align: center;
	}

	.footer-left h4 {
		font-size: 2rem;
	}

	.footer-links {
		flex-wrap: wrap;
		gap: 15px;
		justify-content: center;
	}

	.footer-link {
		font-size: 1.2rem;
	}

	.address {
		font-size: 0.8rem;
	}

	.footer_right {
		flex-direction: column;
		align-items: center;
		width: 100%;
		flex: none;
		gap: 20px;
		order: 1;
	}

	.service_card {
		width: 100%;
		max-width: 300px;
	}
}

@media screen and (min-width: 900px) {
	#footermenu {
		padding: 2vw 5vw;
	}
}

footer small {
	font-size: 100%;
}

footer {
	font-size: 0.7em;
	background: #222;
	color: #999;
	text-align: center;
	padding: 20px;
}

footer a {
	color: #999;
	text-decoration: none;
}

footer .pr {
	display: block;
}

.c2 {
	display: flex;
	flex-direction: column;
}

.main section {
	padding: 0;
}

.main section:not(:nth-of-type(1)) {
	padding-top: 3%;
}

.main {
	order: 2;
}

.sub {
	order: 1;
}

.sub h3 {
	font-weight: normal;
	font-size: 1em;
	margin: 0;
	background: #36CFCE;
	color: #fff;
	text-align: center;
}

ul.submenu {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
	border-top: solid 1px #ccc;
}

ul.submenu li {
	display: block;
	margin: 0;
	border-bottom: solid 1px #ccc;
}

ul.submenu li a {
	text-decoration: none;
	display: block;
	padding: 5px 10px;
}

ul.submenu li a:hover {
	background: #f0f0f0;
}

/*推广流程 - 卡片悬停切换效果
---------------------------------------------------------------------------*/
.process_main {
	width: 100%;
	min-height: 500px;
	background: #f8f9fa;
}

.process_container {
	display: flex;
	max-width: 1200px;
	min-height: 500px;
	margin: 0 auto;
	padding: 30px 0;
}

.process_card {
	flex: 1;
	min-height: 500px;
	position: relative;
	overflow: hidden;
	transition: flex 0.3s ease;
	border-right: 1px solid #e0e0e0;
}

.process_card:last-child {
	border-right: none;
}

.card_default {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	padding: 60px 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	opacity: 1;
	transition: opacity 0.3s ease;
	box-sizing: border-box;
}

.card_icon {
	width: 80px;
	height: 80px;
	margin-bottom: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.card_icon i {
	font-size: 3rem;
	color: #FF7D00;
}

.card_default h4 {
	font-size: 1.3rem;
	font-weight: bold;
	color: #333;
	margin: 0 0 20px;
}

.card_default p {
	font-size: 0.9rem;
	color: #666;
	line-height: 1.8;
	margin: 0;
	min-height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/*展开状态 - 深色背景内容*/
.card_expanded {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
	padding: 60px 50px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.3s ease;
	box-sizing: border-box;
}

/*市场分析卡片背景图*/
.card_expanded_bg1 {
	background: linear-gradient(135deg, rgba(26, 26, 46, 0.85) 0%, rgba(22, 33, 62, 0.85) 100%), url('../images/pro_img1.jpg');
	background-size: cover;
	background-position: center;
}

/*搭建广告账户卡片背景图*/
.card_expanded_bg2 {
	background: linear-gradient(135deg, rgba(26, 26, 46, 0.85) 0%, rgba(22, 33, 62, 0.85) 100%), url('../images/pro_img2.jpg');
	background-size: cover;
	background-position: center;
}

/*广告数据分析卡片背景图*/
.card_expanded_bg3 {
	background: linear-gradient(135deg, rgba(26, 26, 46, 0.85) 0%, rgba(22, 33, 62, 0.85) 100%), url('../images/pro_img3.jpg');
	background-size: cover;
	background-position: center;
}

/*用户再营销卡片背景图*/
.card_expanded_bg4 {
	background: linear-gradient(135deg, rgba(26, 26, 46, 0.85) 0%, rgba(22, 33, 62, 0.85) 100%), url('../images/pro_img4.jpg');
	background-size: cover;
	background-position: center;
}

.card_expanded h2 {
	font-size: 2.5rem;
	font-weight: bold;
	margin: 0 0 10px;
	color: #fff;
}

.card_expanded h3 {
	font-size: 2.2rem;
	line-height: 1.5;
	margin: 0 0;
	color: #fff;
	letter-spacing: 2px;
}

.card_line {
	width: 50px;
	height: 3px;
	background: #fff;
	margin: 20px 0;
}

.card_slogan {
	font-size: 1.2rem;
	margin: 0 0 20px;
	color: #fff;
	letter-spacing: 2px;
}

.card_desc {
	font-size: 1rem;
	line-height: 1.8;
	color: rgba(255, 255, 255, 0.8);
	margin: 0;
	letter-spacing: 2px;
}

/*自动轮播效果 - 通过active类控制*/
.process_card.active {
	flex: 2;
}

.process_card.active .card_expanded {
	opacity: 1;
}

.process_card:not(.active) {
	flex: 1;
}

.process_card:not(.active) .card_expanded {
	opacity: 0;
}

.process_card:not(.active) .card_default {
	opacity: 1;
}

/*推广流程 - 手机端适配*/
@media screen and (max-width: 992px) {
	.process_container {
		flex-direction: column;
	}

	.process_card {
		border-right: none;
		border-bottom: 1px solid #e0e0e0;
		min-height: auto;
	}

	.process_card:last-child {
		border-bottom: none;
	}

	.card_default,
	.card_expanded {
		position: relative;
		padding: 40px 30px;
	}

	.card_expanded {
		display: none;
	}

	.process_card:hover .card_expanded {
		display: flex;
	}

	.process_card:hover .card_default {
		display: none;
	}
}

.adv {
	background-image: url('../images/adv_bg.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	min-height: 280px;
	display: flex;
	align-items: center;
	justify-content: center;
	letter-spacing: 0.1em;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	transition: background-position 0.1s ease-out;
	margin-bottom: 8vh;
}

.adv::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.2);

}

.adv_inner {
	position: relative;
	z-index: 1;
	text-align: center;
}

.adv_inner h2 {
	color: #fff;
	line-height: 1.6;
	margin-bottom: 20px;
	font-size: 2.8em;
	font-weight: 900;
}


.adv_inner p {
	color: #eee;
}