@charset "utf-8";
@font-face{font-family:DingTalk JinBuTi;  src:url(/static/fonts/C1AWcZJq.ttf);font-display: swap;}
@font-face {font-family:'Source Han Sans';font-weight: 300;src: url("//at.alicdn.com/wf/webfont/FAACG3UAXdaz/82fx99lEMmdI.woff2") format("woff2"),url("//at.alicdn.com/wf/webfont/FAACG3UAXdaz/pynp7okDY6v9.woff") format("woff");font-display: swap;}
@font-face {font-family:'Source Han Sans';font-weight: 400;src: url("//at.alicdn.com/wf/webfont/FAACG3UAXdaz/P12j1VdmNEWE.woff2") format("woff2"), url("//at.alicdn.com/wf/webfont/FAACG3UAXdaz/lTa16zZ8ZULm.woff") format("woff");font-display: swap;}
@font-face {font-family:'Source Han Sans';font-weight: 700;src: url("//at.alicdn.com/wf/webfont/FAACG3UAXdaz/5VXnL2uP8KG9.woff2") format("woff2"), url("//at.alicdn.com/wf/webfont/FAACG3UAXdaz/lyzi9ZaD8pwz.woff") format("woff");font-display: swap;}
*,body{margin: 0;padding: 0;text-decoration: none;}
body{font-family: 'Source Han Sans', 'Helvetica Neue', Arial, sans-serif;}
html{font-family: 'Source Han Sans', 'Helvetica Neue', Arial, sans-serif;line-height:1.5}
body{font-family:inherit;line-height:inherit}
html, body {width: 100%;height: 100%;}
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0}
fieldset,img{border:0}
li,ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}
q:after,q:before{content:""}abbr,acronym{border:0}
@font-face {
	font-family: 'iconfont';  /* Project id 2784183 */
	src: url('//at.alicdn.com/t/c/font_2784183_jllma287j7.woff2?t=1690758231094') format('woff2'),
	url('//at.alicdn.com/t/c/font_2784183_jllma287j7.woff?t=1690758231094') format('woff'),
	url('//at.alicdn.com/t/c/font_2784183_jllma287j7.ttf?t=1690758231094') format('truetype');
}
:root {
	--color-1: #FF6720;
	--color-2: #FF854C;
	--color-3: #FFA378;
	--color-4: #FFC2A6;
	--color-5: #FFE0D2;
	--color-6: #173386;
	--color-7: #415FA4;
	--color-8: #6C8BC2;
	--color-9: #96B7E0;
	--color-10: #C1E4FF;
	--color-11: #231F20;
	--color-12: #797A7B;
	--color-13: #B2B3B5;
	--color-14: #DBDCDD;
	--color-15: #F1F2F2;
}
a{text-decoration:none;outline:none;background: transparent;}
a:link{color:#333; text-decoration:none;}
a:focus,a:hover{color:var(--color-2);}
a:visited{color:#333}
input{outline: none;}
h1,h2,h3,h4,h5,h6,p,i,span,a,.img,img,li{
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}
::-webkit-scrollbar {width:6px;/* 这是针对缺省样式 (必须的) */ }
::-webkit-scrollbar-track {background-color:#fff;/* 滚动条的滑轨背景颜色 */}
::-webkit-scrollbar-thumb {background-color:var(--color-6);/* 滑块颜色 */}
::-webkit-scrollbar-button {background-color:#fff;/* 滑轨两头的监听按钮颜色 */}
::-webkit-scrollbar-corner {background-color:#fff;/* 横向滚动条和纵向滚动条相交处尖角的颜色 */}
.mobile{display: none;}
@media (max-width: 1028px) {
	.mobile {display: block;}
}
@media (max-width: 992px) {
	::-webkit-scrollbar {height:2px;width: 2px}
	::-webkit-scrollbar-thumb {background-color:#ced4da}
}
.flex-sb{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-between;
	justify-content: space-between;
}
.flex-ce{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}
.flex-fs{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
.flex-fe{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	justify-content:  flex-end;
}

/* 原有样式保持不变 */
.ve-navbar {
	position: fixed;
	top: 0;
	z-index: 1000;
	width: 100%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	border-bottom: 1px solid #eee;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}
.ve-navbar:hover{background-color: rgba(255,255,255,1);}
.ve-container {padding: 0;}
.nav-wrapper {
	height: 60px;
	position: relative;align-items: center;
}
/* Logo区域 */
.ve-logo {display: flex;align-items: center;width: 230px; padding: 0 0 0 20px;}
.ve-logo img {height: 35px;width: auto;}
/* 导航菜单 */
.nav-list {width: calc(100% - 630px);}
.nav-item {position: relative;margin-right:40px;}
.nav-link {color: var(--color-11);line-height: 60px;font-size: 14px;font-weight: 400;transition: color 0.3s;}
.nav-link:hover {color: var(--color-1);}
/* 二级下拉菜单（全屏） */
.submenu {
	position: fixed;
	top: 61px;
	left: 0;
	width: 100vw;
	background: #f4f7fc;
	opacity: 0;
	visibility: hidden;
	transform: scaleY(0); /* 初始状态：垂直缩放为0 */
	transform-origin: top; /* 缩放原点在顶部 */
	transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
	-webkit-transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
	z-index: 999;
	box-shadow: 0 6px 12px -4px rgba(0, 0, 0, 0.1);
	overflow: hidden; /* 防止内容溢出 */
}

.nav-item:hover .submenu {
	opacity: 1;
	visibility: visible;
	transform: scaleY(1); /* 完全展开 */
}
.submenu-inner {
	display: flex;
}
.submenu-left {
	flex: 1;
	padding:100px 50px;
	flex-wrap: wrap;
	background-image: url(../images/logo-bg.png);background-repeat: no-repeat;background-size:90% auto;background-position: bottom center;
}
.submenu-left h3 {
	font-size: 22px;font-weight:600;color:var(--color-11);;margin-bottom: 20px;
}
.submenu-left p {
	color: var(--color-11);
	font-size: 14px;
	line-height: 25px;font-weight: 400;
}
.submenu-right {
	flex: 2;
	padding: 50px;
	background: #fff;
}
.submenu-column {
	display: flex;
	gap: 40px;
}
.submenu-group {width: 30%;border-right: 1px solid #eee;margin-right: 5%}
.submenu-group:last-child{border-right: none;margin-right: 0}
.submenu-title {
	color: var(--color-11);
	font-size: 20px;
	font-weight: 550;
	margin-bottom: 12px;
	padding-bottom: 8px;
}
.submenu-group .submenu-title{border-bottom:none}
.submenu-link {
	display: flex;
	align-items: center;
	color: var(--color-12);
	font-size: 14px;
	padding: 8px 0;
	transition: color 0.3s;
}
.submenu-link:hover {color: var(--color-1);}
.submenu-pro-group{width: 100%}
.submenu-pro-group .flex-fs{flex-wrap: wrap;padding-top: 10px;}
.submenu-pro-link{width:24.5%;padding:20px;text-align: center;border-right: 1px solid #eee;}
.submenu-pro-link img{display: block;width:80px;margin: 15px auto;}
.en .submenu-pro-link span{display:block}
.submenu-pro-link span{display:block}
.submenu-pro-link:last-child{border-right: none;}
.submenu-pro-link:hover img{transform: scale(1.1);-webkit-transform: scale(1.1)}
.submenu-solution-link{width: 32%;margin-right: 2%;margin-bottom: 2%;padding:20px;text-align: center;border-right: 1px solid #eee;}
.submenu-solution-link:nth-child(3n){margin-right: 0}
.submenu-solution-link img{display: block;width:80px;margin: 10px auto;}
.submenu-solution-link span{display:block;}
.submenu-solution-link:hover{color: var(--color-1);}
.submenu-solution-link:hover img{transform: scale(1.1);-webkit-transform: scale(1.1)}
/* 右侧操作区 */
.nav-actions {width: 400px;align-items: center;padding:0;height: 60px;}
.search-box {display: flex;align-items: center;gap: 8px;height: 60px;padding: 8px 16px;border-right: 1px solid #ddd;border-left: 1px solid #ddd;}
.search-box input {
	border: none;
	outline: none;
	width: 160px;
	font-size: 14px;
	background: transparent;
	transition: width 0.3s;
}
.search-box input:focus {width: 210px;}
.search-icon {color: #666;font-size: 14px;}

/* 语种切换 */
.lang-switch {
	display: flex;height: 100%;
	align-items: center;text-align: center;justify-content: center;
	width: 130px;
	font-size: 14px;
	position: relative;
	cursor: pointer;background-color:var(--color-1);
	color: #fff;
}
.lang-switch i:first-child{font-size:1.8rem;margin-right: 5px;position:relative;top:2px;}
.lang-switch:hover{background-color: var(--color-2)}
.lang-dropdown {
	position: absolute;
	top: 100%;
	right: 0;
	padding: 8px 0;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	min-width: 130px;
	z-index: 1001;
}
.lang-switch:hover .lang-dropdown {opacity: 1;visibility: visible;}
.lang-item {padding: 8px 16px;white-space: nowrap;transition: background 0.2s;}
.lang-item:hover {background-color: #f5f5f5;}
@media (max-width: 1360px) {
	.nav-item {margin-right:30px;}
}
@media (max-width: 1280px) {
	.nav-item {margin-right:25px;}
	.ve-logo {width: 230px;}
	.nav-list {width: calc(100% - 510px);}
	.nav-actions {width: 280px;}
	.search-box input {width:120px;}
	.search-box input:focus {width:120px;}
}
@media (max-width: 1200px) {
	.nav-list {width: calc(100% - 350px);}
	.nav-actions {width: 100px;}
	.search-box{display: none;}
}
/* 移动端适配样式 - 屏幕小于1028px */
@media (max-width: 1028px) {
	.ve-navbar:hover{background-color:unset;}
	.ve-logo {width: 35%;padding:0;}
	.ve-logo img {height: 30px;}
	.nav-actions{width: 65%;}
	.search-box{display: none;}
	.lang-switch {width: 120px;font-size: 1.5rem;background-color:transparent;color: var(--color-1);margin: 0 0 0 auto}
	.lang-switch:hover{background-color: transparent}
	.lang-dropdown{border-radius: 4px;}
	.lang-item{font-size: 1.4rem;}
	/* 移动端菜单按钮 */
	.mobile-menu-toggle {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 61px;
		color: var(--color-11);
		cursor: pointer;
		z-index: 1002;
	}
	.mobile-menu-toggle i{font-size: 2.8rem;color: var(--color-1)}
	/* 导航容器调整 */
	.nav-wrapper {padding: 0 20px;}
	/* 导航列表默认隐藏，通过菜单按钮控制显示 */
	.nav-list {
		position: fixed;
		top: 61px;
		left: 0;
		width: 100%;
		height: calc(100vh - 61px);
		background: #fff;
		flex-direction: column;
		overflow-y: auto;
		z-index: 1001;
		transform: translateX(-100%);
		transition: transform 0.3s ease;
		padding: 10px 10px;
		margin: 0;
	}
	/* 导航列表显示状态 */
	.nav-list.active {transform: translateX(0);}
	/* 导航项样式调整 */
	.nav-item {
		width: 100%;
		margin: 0;
		border-bottom: 1px solid #f1f1f1;
		position: static;
	}
	.nav-link {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 16px;font-size: 1.8rem;font-weight: 400;
		line-height: 60px;
	}
	.nav-link i{font-size: 2.5rem;transform: rotate(-90deg);transition: transform 0.3s ease;}
    .nav-link:hover i{transform: rotate(0deg);}
	/* 隐藏submenu-left */
	.submenu-left {display: none !important;}
	/* 二级菜单样式调整 */
	.submenu {
		position: static;
		width: 100%;
		opacity: 1;
		visibility: visible;
		transform: scaleY(1);
		box-shadow: none;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease;
		background-color: #f8f8f8;
	}
	.submenu.active {
		max-height: 2500px; /* 足够大的值容纳内容 */
	}
	.submenu-inner {
		flex-direction: column;
		padding: 0;
	}
	.submenu-right {
		padding: 0;
		flex: none;
		width: 100%;
	}
	.submenu-column {
		flex-direction: column;
		gap: 10px;
	}
	.submenu-group {
		width: 100%;
		border-right: none;
		margin-right: 0;
		padding: 20px;background-color: #f8f8f8;margin-bottom: 0;
	}
	.submenu-title{font-size: 1.6rem;font-weight: 550;margin-bottom: 0;}
	.submenu-link {font-size: 1.4rem;padding:15px 20px;line-height: 1.4rem;background-color: #fff;margin-bottom: 5px;}
	.submenu-pro-group{flex-wrap: wrap;background-color: #f8f8f8;padding: 0 10px }
	.submenu-pro-group .submenu-title{display: none;}
	/* 产品链接样式调整 */
	.submenu-pro-link .flex-fs{flex-wrap: wrap}
	.submenu-pro-link,.submenu-solution-link {
		width: 49% !important;
		margin-right:2%!important;
		margin-bottom:10px;
		padding: 10px;background-color: #fff;
	}
	.submenu-pro-link,.submenu-solution-link{border-right: none;}
	.submenu-pro-link:nth-child(2n),
	.submenu-solution-link:nth-child(2n) {margin-right: 0 !important;border-right: none;}
	.submenu-pro-link img,
	.submenu-solution-link img {width: 50px;margin: 10px auto;}
	.flex-3 .submenu-pro-link{width: 32%!important;margin-right: 2%!important;}
	.flex-3 .submenu-pro-link:nth-child(2){margin-right: 2%!important;}
	.flex-3 .submenu-pro-link:last-child{margin-right: 0!important;}
}

/* 小屏设备进一步适配 */
@media (max-width: 768px) {

}
/* 大屏设备隐藏菜单按钮 */
@media (min-width: 1025px) {
	.mobile-menu-toggle {display: none;}
}


.ve-footer {
	background-color: #f4f7fc;
	padding:50px 150px;
}
.ve-footer-container {
	width: 100%;
	margin: 0 auto;
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 20px;
}

.ve-footer-links {
	display: flex;
	justify-content: space-between;
	width:60%
}
.en .ve-footer-links{width:calc(100% - 350px)}
.ve-footer-column {}
.en .ve-footer-column{width:auto;margin-right: 2%}
.ve-footer-contact{margin: 0 0 0 auto;border-left: 1px solid #eee;padding-left: 50px;}
.en .ve-footer-contact{}
.ve-footer-contact p{line-height:25px;font-size: 14px;}
.en .ve-footer-contact p{font-family: Arial, sans-serif;font-size: 12px;line-height: 20px;}
.ve-footer-column h4 {margin-bottom: 15px;font-size: 15px;font-weight: 500;}
.en .ve-footer-column h4{text-transform: uppercase;font-size: 14px;font-weight: 550;}
.ve-footer-column ul {list-style-type: none;}
.ve-footer-column ul li {margin-bottom: 10px;}
.ve-footer-column ul li a {
	color:var(--color-12);font-size: 14px;
	text-decoration: none;
	transition: color 0.3s ease;text-transform: capitalize;
}
.en .ve-footer-column ul li a{font-size: 12px;font-family: Arial, sans-serif}
.ve-footer-column ul li a:hover {color:var(--color-1);}
.ve-footer-qr-codes {text-align: left;margin: 20px 0}
.ve-qr-code {width: 120px;display: block;text-align: center}
.ve-qr-code img {width:100%;margin-bottom: 10px;}
.ve-footer-bottom {
	text-align: center;
	padding-top: 20px;
	color:var(--color-12);
	font-size: 14px;line-height: 25px;
}
.en .ve-footer-bottom{font-size: 12px;line-height: 22px;}
.ve-footer-bottom a {
	color:var(--color-12);
	text-decoration: none;
	margin: 0 10px;
	transition: color 0.3s ease;
}
.ve-footer-bottom a:hover {color:var(--color-1);}
@media (max-width: 1440px) {
	.ve-footer {padding:50px 80px;}
}
@media (max-width: 1360px) {
	.ve-footer {padding:50px 60px;	}
}
@media (max-width: 1280px) {
	.ve-footer {padding:50px 50px;}
}
@media (max-width: 1028px) {
	.ve-footer {padding:30px 20px 20px  20px;}
	.ve-footer-container {border-bottom: none;padding-bottom:0;}
	.ve-footer-links {width: 100%;}
	.en .ve-footer-links{width:100%;}
	.ve-footer-links{display: none}
	.ve-footer-contact{margin: 0;border-left:none;padding-left: 0;padding-right: 120px;width: 100%!important;position: relative}
	.ve-footer-contact p{line-height:2rem;font-size:1.4rem;color:var(--color-12);margin-bottom: 5px;}
	.ve-footer-column h4 {margin-bottom: 5px;font-size: 1.4rem;font-weight: 550;}
	.ve-footer-qr-codes {text-align: center;position: absolute;width:100px;right:0;top:-20px;}
	.ve-qr-code{margin: 0 auto;width: 100%}
	.ve-qr-code img {width:100%;margin-bottom:0;}
	.ve-footer-bottom{font-size: 1.2rem;line-height: 2rem;padding-top: 40px;}
	.ve-footer-bottom a{margin: 0;}
	.ve-footer-bottom a:last-child{display: none}
	.ve-footer-bottom p:last-child a{display: none}
}
@media (max-width: 768px) {}
.offcanvas-search {
	position: fixed;
	top: 0;
	left: 0;
	right: auto;
	height: 100vh;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-webkit-transition-duration: 700ms;
	-o-transition-duration: 700ms;
	transition-duration: 700ms;
	z-index: 9999;
	background-color: rgba(0,0,0,0.35);
}

.offcanvas-search.open {opacity: 1;visibility: visible}
.offcanvas-search.open .offcanvas-search-inner {-webkit-transform: none;-ms-transform: none;transform: none}
.offcanvas-search-inner {
	width: 80%;
	height: 200px;
	margin: 20% auto;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	background-color: rgba(255,255,255,.75);
	border: 1px solid #fff;
	padding: 50px;
	box-shadow:5px 10px 20px  rgba(75,45,2,0.2);
	-webkit-box-shadow:5px 10px 20px  rgba(75,45,2,0.2);
	-moz-box-shadow:5px 10px 20px  rgba(75,45,2,0.2);
	border-radius:6px;
	position: relative;
	-webkit-transform: translateX(calc(100% - 0px));
	-ms-transform: translateX(calc(100% - 0px));
	transform: translateX(calc(100% - 0px));
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-webkit-transition-duration: 700ms;
	-o-transition-duration: 700ms;
	transition-duration: 700ms;
	overflow: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-flow: row-reverse;
	-ms-flex-flow: row-reverse;
	flex-flow: row-reverse
}
.offcanvas-search-inner .btn-close-bar {opacity: 1;position: absolute;right: 20px;top:5px;}
.offcanvas-search-inner .btn-close-bar i {
	font-size: 4rem;
	cursor: pointer;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s
}

.offcanvas-search-inner .btn-close-bar i:hover {
	color:var(--color-2);
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}
.offcanvas-search-form {width: 100%;}
.offcanvas-search-form select{border: none;font-size:18px;padding: 0 20px;outline: none;}
.offcanvas-search-form input {width:70%;border:none;border-left: 1px solid #eee;font-size:18px;line-height:60px;height:60px;padding: 0 20px;color:#495057;
	-webkit-appearance: none;border-radius: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.offcanvas-search-form input:focus {outline: none;}
.offcanvas-search-form button{width: 20%;background-color:var(--color-2);border: none;line-height:60px;height:60px;font-size: 22px;color: #fff;outline: none;}
.offcanvas-search-form button i{margin-right: 10px;font-size: 2.5rem;}
@media (max-width: 991px) {
	.offcanvas-search {background-color: rgba(0,0,0,0);padding: 10% 0 0 0;}
	.offcanvas-search-inner{width:90%;height:20%;padding: 20px;backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);background-color: rgba(255,255,255,.5);
		box-shadow:2px 5px 10px  rgba(75,45,2,0.1);-webkit-box-shadow:2px 5px 10px  rgba(75,45,2,0.1);-moz-box-shadow:2px 5px 10px  rgba(75,45,2,0.1);border-radius:8px;}
	.offcanvas-search-inner .btn-close-bar {right:10px;top:5px;}
	.offcanvas-search-inner .btn-close-bar i {font-size: 2rem;}
	.offcanvas-search-form input {font-size:1.4rem;width:75%;line-height:40px;height:40px;}
	.offcanvas-search-form button{font-size: 1.4rem;width: 25%;line-height:40px;height:40px;}
	.offcanvas-search-form button i{margin-right:5px;font-size:1.8rem;}
}