/* 添加字体声明 */

* {
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #313131;
	font-family: Microsoft YaHei, PingFang SC;
	box-sizing: border-box;
}
div {
	width: 100%;
	height: 100%;
	display: flex;
}

/* 全局标题字体设置 */
h1,
h2,
h3,
h4,
h5,
h6,
dt,
b,
strong {
	font-family: Microsoft YaHei, PingFang SC;
	font-weight: bold;
}

a {
	text-decoration: none;
}

ul {
	list-style: none;
}
/* 默认 ≤1200px 样式（可留可删） */
.wrap {
	margin: 0 auto;
	flex-direction: column;
	max-width: 1200px;
}

/* 1201px - 1439px：保持 1200px 容器宽度 */
@media (min-width: 1201px) and (max-width: 1600px) {
	.wrap {
		max-width: 1200px;
	}
}

/* ≥1440px：放大到 1440px */
@media (min-width: 1601px) {
	.wrap {
		max-width: 1440px;
	}
}
.col {
	flex-direction: column;
}

.fit {
	object-fit: cover;
	transition: transform 1s ease;
	width: 100%;
	height: 100%;
}
.pc {
	display: block;
}
.mb {
	display: none;
}

img.fit:hover {
	transform: scale(1.02);
	transition: all 1s ease;
}

.hidden {
	overflow: hidden;
}
.ebiz {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 0;
}
.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
	border-radius: 4px;
}

.dropdown-content a {
	color: #333;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

.dropdown-content a:hover {
	background-color: #f1f1f1;
}

.show {
	display: block;
}
.tc {
	background-image: linear-gradient(315deg, #6772ff 0, #00f9e5 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.flex {
	display: flex;
}
.ebiz-bet {
	justify-content: space-between;
}
.radius {
	border-radius: 1em;
}
.z1 {
	z-index: 1;
}
.c1,
.c2,
.c3 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.c2 {
	-webkit-line-clamp: 2;
	line-clamp: 2;
}
.c3 {
	-webkit-line-clamp: 3;
	line-clamp: 3;
}
.w100 {
	width: 100%;
}
.h100 {
	height: 100%;
}
.vh100 {
	height: 100vh;
}
.cw {
	color: #fff;
	text-align: center;
}
.mt10 {
	margin-top: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.bgh {
	background: #f1f6ff;
}
.center {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.btn {
	border-radius: 10px;
	padding: 10px 20px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
	background: #1085de;
	height: fit-content;
	line-height: 16px;
	border: 1px solid transparent;
}
.btn:hover {
	background: #026173;
	border: 1px solid transparent;
}
.btnw {
	border-radius: 20px;
	padding: 10px 20px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	border: 2px solid rgb(255, 255, 255);
	cursor: pointer;
	width: auto;
	height: auto;
}
.btna {
	background: #c9eff7;
	color: #1085de;
}
.btnf {
	background: #9b9b9b;
	color: #fff;
}
.btnt {
	background: #10101000;
	color: #fff;
	border: 1px solid #fff;
}
.clearfix:after {
	content: '';
	display: table;
	clear: both;
}
.swiper-pagination {
	height: auto;
	display: block;
}
.btnbox {
	/*height: auto;*/
}

.popvideo {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	z-index: 999;
	display: none;
	background: #303030;
}
.popvideo video {
	width: 106.62vh;
	max-height: 60vh;
}
/* 头部 */
.header {
	border-top: 3px solid;
	border-image: linear-gradient(to right, #1085de, #ff9400) 1;
	flex-direction: column;
	position: sticky;
	top: 0;
	left: 0;
	z-index: 999;
	background-color: #fff;
}
.header .com {
	background-color: #070707;
	color: #fff;
	padding: 10px 0;
}
.header .com .wrap {
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
}
.header .com h3 {
	color: #fff;
	font-size: 12px;
	font-weight: 200;
	width: auto;
}
.header .com h3 b {
	color: #fff;
	padding: 0 5px;
	font-weight: 400;
	font-size: 16px;
}
.header .com .right {
	align-items: center;
	justify-content: flex-end;
	padding: 0 20px;
}
.header .com .right .user {
	display: flex;
	align-items: center;
	width: auto;
	gap: 5px;
	color: #1085de;
}
.header .com .right .user i,
.header .com .right .user p {
	font-size: 16px;
	color: #fff;
}
.header .top {
	height: 80px;
}
.header .top .wrap {
	background-color: #fff;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
}
.header .top .logo {
	height: 50px;
	gap: 5px;
	width: 20%;
	display: flex;
	align-items: center;
}
.header .top .logo img {
	height: 100%;
}
.header .top .logo .coTitle {
	flex-direction: column;
	gap: 5px;
	align-items: center;
	justify-content: center;
	width: auto;
}
.header .top .logo .coTitle h1 {
	font-size: 26px;
	color: #1085de;
	line-height: 26px;
}
.header .top .logo .coTitle p {
	color: #638086;
	font-size: 13px;
	line-height: 13px;
}

.header .nav {
	gap: 20px;
	align-items: center;
	justify-content: flex-end;
}
.header .nav .navButton {
	display: none;
}
.header .nav .navBox {
	justify-content: end;
}
.header .nav .navList {
	width: auto;
	justify-content: center;
	align-items: center;
	padding: 0 10px;
}
.header .nav a {
	font-size: 16px;
	line-height: 40px;
	padding: 0 10px;
}
.header .nav a:hover,
.header .nav a.act {
	color: #1085de;
	font-weight: bold;
}
/* 首页 */
.banner .swiper {
	width: 100%;
	height: 580px; /* 高度设为视窗高度 */
}

.banner .swiper-slide video,
.banner .swiper-slide picture,
.banner .swiper-slide picture img {
	object-fit: cover; /* 无变形填充满DIV */
	width: 100%;
	height: 100%;
}

.banner .mySwiper .swiper-pagination {
	margin-left: 260px;
}
.banner .content {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: flex-end; /* 水平靠右显示 */
	align-items: center; /* 垂直居中 */
}
.banner .content .wrap {
	display: flex;
	justify-content: flex-end; /* 水平靠右显示 */
	align-items: center; /* 垂直居中 */
}
.banner .content .cont-tit {
	flex: 1;
	/*flex-direction: column;*/
	/*align-items: center;*/
	/*justify-content: center;*/
	/*margin-left: 520px;*/
	padding-top: 40px;
}
.banner .content .cont-tit img {
	max-height: 500px;
}
.banner .content h1 {
	font-size: 56px;
	color: #fff;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.banner .content h2 {
	font-size: 32px;
	color: #fff;
	margin: 10px 0 20px 0;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.banner .content .btn {
	background-color: #0e0e0e96;
	border-radius: 20px;
	color: white;

	padding: 7px 30px;

	font-size: 16px;

	border: none;

	cursor: pointer;
	font-family: 'MundialHair', sans-serif;
}

.banner .mySwiper .swiper-pagination-bullet {
	width: 48px;

	height: 3px;

	background: #ffffff4d;

	border-radius: 10px;

	opacity: 1;
}
.banner .mySwiper .swiper-pagination-bullet-active {
	width: 120px;
}

.banner .mySwiper .swiper-pagination-bullet-active i {
	display: block;

	width: 100%;

	height: 100%;

	border-radius: 10px;

	background: white;

	animation: progress 10s linear; /* 默认动画时间为10s */
}

@keyframes progress {
	from {
		width: 0;
	}

	to {
		width: 120px;
	}
}

.banner .mySwiper .autoplay-progress {
	position: absolute;

	right: 16px;

	bottom: 16px;

	z-index: 10;

	width: 48px;

	height: 48px;

	display: flex;

	align-items: center;

	justify-content: center;

	font-weight: bold;

	color: var(--swiper-theme-color);
}

.banner .mySwiper .autoplay-progress svg {
	--progress: 0;

	position: absolute;

	left: 0;

	top: 0px;

	z-index: 10;

	width: 100%;

	height: 100%;

	stroke-width: 4px;

	stroke: var(--swiper-theme-color);

	fill: none;

	stroke-dashoffset: calc(125banner 0.6px * (1 - var(--progress)));

	stroke-dasharray: 125banner 0.6;

	transform: rotate(-90deg);
}
.banner {
	position: relative;
}
.banner .index-ser {
	position: absolute;
	top: 70px;
	left: calc(50% - 720px);
	width: 520px;
	height: 420px;
	background-color: #f0fcff;
	z-index: 10;
}
.index-box {
	padding: 60px 0;
}
.index-box .wrap > h2 {
	padding-bottom: 20px;
	font-size: 24px;
	text-align: center;
}
.index-box .wrap > p {
	font-size: 14px;
	font-weight: 300;
	text-align: center;
	padding-bottom: 40px;
}
.index-news {
	background: #f4fdff;
}
.index-news .wrap {
	gap: 20px;
	flex-direction: row;
}
.index-news .wrap > div {
	background-color: #fff;
	padding: 20px;
	height: 580px;
	border-radius: 10px;
	flex-direction: column;
	flex: 1;
}
.index-news .wrap h3 {
	font-size: 24px;
	padding-bottom: 20px;
}
.index-news .coNews {
	flex: 2;
}

.index-news .coNews .newItem {
	flex-direction: column;
}
.index-news .newsTop {
	gap: 10px;
	height: auto;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #e0e0e0;
}
.index-news .newsTop a {
	width: 100%;
	height: fit-content;
}
.index-news .newsTop .topImg {
	aspect-ratio: 5 / 3;
	margin-bottom: 10px;
}
.index-news .newsTop .topImg img {
	border-radius: 8px;
}
.index-news .newsTop .topTxt {
	flex-direction: column;
	padding: 5px;
	gap: 10px;
}
.index-news .newsTop p {
	font-weight: 300;
}
.index-news .newsList {
	flex-direction: column;
	gap: 12px;
}
.index-news .newsList a {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.index-news .newsList a span {
	font-size: 12px;
	background-color: #1085de;
	padding: 2px 5px;
	border-radius: 5px;
	margin-right: 10px;
	color: #fff;
}

.index-news .newsList .time {
	width: 100px;
	text-align: right;
	font-size: 12px;
	color: #999;
	justify-content: end;
	text-align: center;
}
.index-news .proList {
	gap: 15px;
	flex-wrap: wrap;
	height: auto;
}
.index-news .proItem {
	width: calc(50% - 7.5px);
}
.index-news .proItem .proImg {
	aspect-ratio: 5 / 3;
	height: auto;
}
.index-news .proItem .proImg img {
	border-radius: 8px;
}
.index-news .proItem .proTxt {
	justify-content: center;
	font-size: 16px;
	padding-top: 10px;
	height: auto;
}
.index-news .blogList {
	padding: 20px;
	gap: 10px;
	display: flex;
	flex-direction: column;
}
.index-news a:hover,
.index-news a:hover div,
.index-news a:hover h4,
.index-news a:hover p {
	color: #1085de !important;
}

.serBox .serList {
	width: 30%;
	background-color: #1085de;
	flex-direction: column;
}
.serBox .serList .serNav {
	padding: 10px 20px;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	height: 50px;
	align-items: center;
	gap: 5px;
	position: relative;
}
.serBox .serList .serNav.act {
	background-color: #f0fcff;
	font-weight: bold;
	color: #1085de;
}
.serBox .serList .serNav i {
	color: #fff;
}
.serBox .serList .serNav.act i {
	color: #1085de;
}
.serBox .serList .serNav.act::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -15px;
	height: 30px;
	width: 5px;
	border-radius: 0 5px 5px 0;
	background: center center #4a54ff;
	background-image: linear-gradient(315deg, #6772ff 0, #00f9e5 100%);
	background-size: 104% 104%;
}
.serBox .serList .serNav:hover,
.serBox .serList .serNav:hover i {
	color: #080808;
	font-weight: bold;
}
.serBox .serRight {
	/* width: 70%; */
	background-color: #f0fcff;
}
.serBox .serRight .serItem {
	padding: 20px;
	display: none;
	flex-direction: column;
	gap: 20px;
}
.serBox .serRight .serItem > div {
	height: auto;
}
.serBox .serRight .serItem.act {
	display: flex;
}
.serBox .serRight .serItem .serItem-tips {
	flex-direction: column;
	gap: 10px;
}
.serBox .serRight .serItem .serItem-tips h3 {
	font-size: 16px;
	color: #1085de;
}
.serBox .serRight .serItem .serItem-tips p {
	font-size: 14px;
	color: #161616;
	font-weight: 300;
}
.serBox .serRight .serItem-notice {
	gap: 10px;
	background-color: #c9eff7;
	align-items: center;
	padding: 10px;
}
.serBox .serRight .notice-icon {
	width: 40px;
	justify-content: center;
	align-items: center;
}
.serBox .serRight .notice-icon i {
	font-size: 26px;
	color: #1085de;
}
.serBox .serRight .serItem-notice .notice-item {
	height: 60px;
}
.serBox .serRight .serItem-notice .notice-item p {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 12px;
	font-weight: 300;
}
.serBox .serRight .serItem-notice .notice-item a {
	color: #161616;
}
.serBox .serRight .serItem-notice .swiper-pagination {
	bottom: 0;
}
.serBox .serRight .serItem-notice .swiper-pagination-bullet {
	width: 20px;
	height: 2px;
	background-color: #5e5e5e;
	border-radius: 0;
}
.serBox .serRight .serItem-notice .swiper-pagination-bullet-active {
	background-color: #1085de;
	width: 30px;
}
.aiUpload {
	background-color: #fff;
	padding: 20px;
	border: 1px dashed #1085de;
	flex-direction: column;
	gap: 15px;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.aiUpload.dragover {
	border: 1px dashed #21ae3d;
}
.aiUpload .upload-title {
	color: #1085de;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}
.aiUpload .upload-title i {
	font-size: 26px;
	color: #1085de;
}
.aiUpload .upload-tips {
	font-size: 12px;
	font-weight: 300;
}
.aiUpload .upload-safe,
.aiUpload .upload-safe i {
	color: #1085de;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	gap: 5px;
}
.aiFeat {
	gap: 100px;
	padding-top: 15px;
}
.aiFeat > div {
	flex: 1;
	flex-direction: column;
	gap: 10px;
	color: #222222;
	align-items: center;
	text-align: center;
}
.aiFeat > div i {
	font-size: 36px;
	color: #5d5d5d;
}
.aiFeat > div p {
	font-size: 12px;
	font-weight: 300;
}
.index-process {
	background: #f4fdff;
	padding: 80px 0;
}
.index-process h2 {
	font-size: 24px;
	margin-bottom: 20px;
	font-weight: 300;
	text-align: center;
}
.process {
	padding: 20px;
	background: #fff;
	justify-content: space-between;
	align-items: start;
}
.process > div {
	width: 135px;
	height: auto;
	flex-direction: column;
}
.process .process-item {
	gap: 20px;
	align-items: center;
	justify-content: center;
}
.process .process-item .icon {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: #f4fdff;
	justify-content: center;
	align-items: center;
	position: relative;
}
.process .process-item .icon::after {
	content: '';
	position: absolute;
	background: linear-gradient(to right, #1085de 50%, transparent 50%);
	background-size: 5px 1px;
	background-repeat: repeat-x;
	background-position: 0% 100%;
	height: 1px;
	width: 155px;
	right: -165px;
}
.process .process-item:last-child .icon::after {
	display: none;
}
.process .process-item .icon i {
	font-size: 28px;
	color: #1085de;
}
.process .process-item h4 {
	font-size: 16px;
	font-weight: 300;
}
.index-cnc {
	background: url(/template/assets/img/in_cnc.jpg) center / cover no-repeat
		fixed;
	padding: 100px 0;
}
.cnc-box {
	background: rgba(0, 0, 0, 0.58);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	transition: all 0.3s ease;
	height: 550px;
	flex-direction: column;
	align-items: center;
	border-radius: 40px;
}
.cnc-box:hover {
	background: rgba(0, 0, 0, 0.25);
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
	transform: translateY(-2px);
}
.cnc-box .cnc-nav {
	justify-content: center;
	gap: 20px;
	background: linear-gradient(135deg, #1085debd, 80%, #26ff73d6);
	border-radius: 30px;
	margin-top: 40px;
	padding: 10px;
	width: fit-content;
	height: auto;
}
.cnc-box .cnc-nav .nav-item {
	font-size: 16px;
	font-weight: bold;
	width: 200px;
	height: 40px;
	cursor: pointer;
	padding-bottom: 5px;
	color: #fff;
	text-align: center;
	align-items: center;
	justify-content: center;
	border-radius: 20px;
}
.cnc-box .cnc-nav .nav-item.act {
	background: rgba(255, 255, 255, 0.801);
	backdrop-filter: blur(10px);
	color: #000;
}
.cnc-box .item-list {
	display: none;
	padding: 40px 30px;
}
.cnc-box .item-list.act {
	display: flex;
}
.cnc-box .item-list .item-tips {
	width: 55%;
	flex-direction: column;
	color: #fff;
	gap: 10px;
	padding-right: 30px;
}
.cnc-box .item-list .item-tips h4 {
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	background: linear-gradient(to right, #fff, #1085de);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}
.cnc-box .item-list .item-tips p,
.cnc-box .item-list .item-tips p i {
	color: #fff;
	line-height: 2;
	font-weight: 400;
}
.cnc-box .item-list .item-tips i {
	padding-right: 10px;
	background: linear-gradient(to right, #fff, #1085de);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}
.cnc-box .item-list .tips-list {
	flex-direction: column;
	gap: 10px;
	padding: 20px;
}
.cnc-box .item-list .img {
	width: 45%;
	height: 100%;
	padding-left: 30px;
}
.cnc-box .item-list .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}
.mate {
	flex-direction: column;
}

.mate .mate-nav {
	justify-content: center;
	gap: 20px;
	padding-bottom: 20px;
}
.mate .nav-item {
	font-size: 24px;
	font-weight: bold;
	width: auto;
	cursor: pointer;
	padding-bottom: 5px;
	border-bottom: 3px solid transparent;
}
.mate .nav-item.act {
	color: #1085de;
	border-bottom: 3px solid #1085de;
}
.mate .item-list {
	display: none;
	height: 420px;
}

.mate .item-list.act {
	display: flex;
}

.mate .item-list .item-tips {
	width: 30%;
	flex-direction: column;
	gap: 10px;
	background: #f4fdff;
	padding: 30px 20px 30px 30px;
	position: relative;
}
.mate .item-list .item-tips h4 {
	font-size: 18px;
	color: #1085de;
}
.mate .item-list .item-tips p {
	font-weight: 300;
	/*line-height: 30px;*/
}
.mate .tips-list {
	margin: 20px 0 0 20px;
	flex-direction: column;
	gap: 15px;
}
.mate .tips-list i {
	color: #1085de;
	padding-right: 10px;
}
.mate .btnbox {
	justify-content: center;
	/*position: absolute;*/
	margin-top: 10px;
	bottom: 20px;
	gap: 20px;
	/*height: auto;*/
	/*left: -20px;*/
}
.mate .item-list .item-box {
	width: 70%;
	gap: 20px;
	background: #f5f5f5;
	padding: 20px;
	flex-wrap: wrap;
}
.mateMax .item-list .item-box {
	width: 100%;
}
.mate .box-list {
	width: calc(33.33% - 13.33px);
	gap: 10px;
	background: #fff;
	height: 180px;
}
.mateMax .box-list {
	width: calc(50% - 10px);
}
.mate .box-list .box-cont {
	padding: 10px;
	gap: 10px;
}
.mate .box-list .box-cont .box-img {
	width: 100%;
	height: 160px;
	background: #f5f5f5;
}
.mate .box-list .box-cont .box-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mate .box-list .box-cont .box-txt {
	flex-direction: column;
	gap: 10px;
	justify-content: center;
}
.mate .box-list .box-cont .box-txt h4 {
	font-size: 16px;
	font-weight: bold;
	color: #1085de;
}
.mate .box-list .box-cont .box-txt p {
	font-size: 14px;
	font-weight: 300;
}
.mate .box-list .box-cont .box-txt .more {
	font-size: 12px;
	font-weight: 300;
	color: #b1b1b1;
	gap: 5px;
	text-align: right;
}
.mate .box-list .box-cont .box-txt .more i {
	font-size: 12px;
	color: #b1b1b1;
}
.mate .box-list .box-cont .box-txt .more:hover,
.mate .box-list .box-cont .box-txt .more:hover i {
	color: #1085de;
}
.index-ability {
	background: url(/upload/img/dqh.jpg) center / cover no-repeat fixed;
	padding: 100px 0;
}
.index-ability h2 {
	color: #fff;
}
.index-ability p {
	color: #fff;
}
.ability {
	gap: 15px;
}
.ability .ability-item {
	width: calc(16.67% - 12.5px);
	cursor: pointer;
	height: 450px;
	border-radius: 8px;
	background-size: cover;
	background-position: center;
	transition: width 0.5s ease, transform 0.3s ease;
}
.ability .ability-item.act {
	width: calc(33.34% - 10px);
	transform: scale(1.02);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.ability .ability-box {
	flex-direction: column;
	gap: 15px;
	border-radius: 8px;
	padding: 20px;
	background: linear-gradient(
		rgba(0, 155, 13, 0.884),
		70%,
		rgba(0, 0, 0, 0.253)
	);
	position: relative;
}

.ability .ability-box h3 {
	font-size: 18px;
	color: #fff;
}
.ability .ability-box p {
	font-weight: 300;
	color: #fff;
}
.ability .advantage {
	flex-direction: column;
	gap: 10px;
}
.ability .advantage h4 {
	color: #fff;
	border-left: 4px solid #1085de;
	padding-left: 10px;
	margin: 10px 0;
	font-size: 16px;
}
.ability .advantage h5 {
	color: #fff;
}
.ability .advantage h5 i {
	color: #ff5858;
	padding-right: 10px;
}
.ability .advantage,
.ability .btnbox {
	display: none;
	opacity: 0;
	transition: opacity 0.3s ease-in;
}

.ability .btnbox {
	position: absolute;
	bottom: 30px;
	/*left: -20px;*/
	/*justify-content: center;*/
	height: auto;
	gap: 20px;
}
.ability .ability-box.cx {
	background: linear-gradient(
		rgba(6, 62, 184, 0.884),
		70%,
		rgba(0, 0, 0, 0.253)
	);
}
.ability .ability-box.oem {
	background: linear-gradient(
		rgba(0, 192, 192, 0.884),
		70%,
		rgba(0, 0, 0, 0.253)
	);
}
.ability .ability-box.zp {
	background: linear-gradient(
		rgba(255, 165, 0, 0.884),
		70%,
		rgba(0, 0, 0, 0.253)
	);
}
.ability .ability-box.robot {
	background: linear-gradient(
		rgba(115, 0, 192, 0.884),
		70%,
		rgba(0, 0, 0, 0.253)
	);
}
.evaluate {
	gap: 20px;
}
.evaluate .evaluate-item {
	flex-direction: column;
	width: calc(25% - 16px);
}
.evaluate .evaluate-item .item-img {
	aspect-ratio: 1/1;
}
.evaluate .evaluate-item .item-txt {
	flex-direction: column;
	gap: 10px;
	padding: 15px;
	background-image: linear-gradient(#f4fdff, #fff);
}
.evaluate .evaluate-item .item-txt p {
	font-size: 14px;
}
.evaluate .evaluate-icon i {
	color: #e46e00;
	padding-right: 5px;
}
.footGuide {
	flex-direction: column;
	height: 280px;
	background-image: url('/upload/img/zp.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.footGuide .guide {
	background-color: #00000080;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 20px;
}
.footGuide .guide h2 {
	font-size: 24px;
	color: #fff;
}
.footer {
	background: #151515;
	padding: 20px 0;
}
.footer .footFeat {
	justify-content: space-between;
	padding: 30px 0;
	border-bottom: 1px solid #747474;
	margin-bottom: 30px;
}
.footer .footFeat .featItem {
	flex: 1;
	gap: 10px;
	align-items: center;
	max-width: fit-content;
}
.footer,
.footer i,
.footer h5,
.footer h6,
.footer a,
.footer p {
	color: #fff;
}
.footer .footFeat i {
	font-size: 40px;
}
.footer .footFeat .txt {
	flex-direction: column;
	width: fit-content;
}
.footer h5 {
	font-size: 18px;
}
.footer .footFeat p {
	font-weight: 300;
}
.footer {
	gap: 20px;
}
.footer .footAbout {
	width: 20%;
	flex-direction: column;
	padding-right: 20px;
	margin-right: 20px;
	border-right: 1px solid #747474;
	gap: 20px;
}
.footer .footAbout .com {
	background: #fff;
	border-radius: 10px;
	padding: 10px;
	justify-content: space-between;
	align-items: center;
}
.footer .footAbout .logo {
	width: fit-content;
	/*gap: 10px;*/
}
.footer .footAbout .logo img {
	height: 30px;
}
.footer .footAbout h2 {
	font-size: 20px;
	color: #1085de;
}
.footer .footAbout .hotline {
	font-size: 14px;
	color: #fff;
	flex-direction: column;
	width: fit-content;
}
.footer .footAbout .hotline p {
	color: #7e7e7e;
	font-size: 12px;
	font-weight: 300;
}
.footer .footAbout .hotline h6 {
	color: #000;
	font-size: 18px;
}
.footer .footAbout .contact {
	flex-direction: column;
	gap: 10px;
}
.footer .contact .item {
	gap: 10px;
}
.footer .contact .item p {
	max-width: 80%;
	font-weight: 300;
}
.footer .sns {
	gap: 10px;
}
.footer .sns .item {
	position: relative;
}
.footer .sns .item > img {
	height: 30px;
	transition: transform 0.3s ease;
}
.footer .sns .item:hover > img {
	transform: scale(1.2);
}
.footer .sns .item .imgBox {
	display: none;
	position: absolute;
	width: 200px;
	height: 200px;
	padding: 20px;
	background: #fff;
	border-radius: 10px 10px 10px 0;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	bottom: -100px;
	left: 5px;
	transition: all 0.3s ease;
	z-index: 1;
}
.footer .sns .item .imgBox::after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #fff;
	bottom: -10px;
	left: 0;
}
.footer .sns .item:hover .imgBox {
	display: flex;
	bottom: 50px;
}
.footer .sns .item .imgBox img {
	max-width: 100%;
	max-height: 100%;
}
.footer .footNav {
	width: 80%;
	/*padding-left: 20px;*/
}
.footer .navItem {
	flex-direction: column;
	gap: 10px;
	/*text-align: center;*/
}
.footer .navItem li {
	padding: 4px 0;
	color: white;
}
.footer .footCopy {
	gap: 10px;
	justify-content: center;
	align-items: center;
	padding-top: 30px;
	margin-top: 30px;
	border-top: 1px solid #747474;
}
.footer a:hover {
	color: #1085de;
}
/* 制造能力 */
.upTop {
	height: 580px;
	background: url('/template/assets/img/in_cnc.jpg') center / cover no-repeat
		fixed;
	align-items: center;
}
.upTop.Printing {
	background: url('/template/assets/img/3d.jpg') center / cover no-repeat
		fixed;
}
.upTop .wrap {
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	height: fit-content;
}
.upTop .title {
	flex-direction: column;
	gap: 20px;
	width: 40%;
}
.upTop .title h2,
.upTop .title p {
	color: #fff;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.upTop .title h2 {
	font-size: 36px;
}
.upTop .title p {
	font-size: 16px;
	font-weight: 300;
}
.upTop .aiFeat .feat-item {
	/*padding: 20px;*/
	/* background: #02020249;
  border-radius: 10px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); */
}
.upTop .aiUpload {
	width: 40%;
	border-radius: 10px;
}
.upTop .aiUpload > div {
	font-size: 16px;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.upTop .aiUpload .btn {
	width: 50%;
	justify-content: center;
}
.upTop .aiUpload .upload-safe i {
	font-size: 18px;
}
.box {
	padding: 50px 0;
	flex-direction: column;
}
.box > h3,
.box .wrap > h3 {
	font-size: 24px;
	text-align: center;
}
.box .wrap > p {
	font-size: 16px;
	padding: 15px 0 30px 0;
	text-align: center;
	font-weight: 300;
}
.cateNav {
	justify-content: center;
	align-items: center;
	gap: 20px;
	background: #1085de;
	position: sticky;
	top: 0;
	z-index: 100;
}
.cateNav .cateItem {
	color: #313131;
	padding: 10px;
	flex-direction: row;
	display: flex;
	gap: 10px;
	border-bottom: 3px solid transparent;
}
.cateNav .cateItem h2 {
	font-size: 18px;
}
.cateNav .cateItem.act h2 {
	background-image: linear-gradient(315deg, #e2e2e2 0, #ffffff 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.cateNav .cateItem i {
	font-size: 24px;
}
.cateNav .cateItem.act i {
	background-image: linear-gradient(315deg, #e2e2e2 0, #ffffff 100%);
}
.cateNav .cateItem p {
	font-size: 16px;
}
.pBox {
	padding: 40px;
	border-radius: 10px;
	background: #fff;
	gap: 20px;
	margin-bottom: 40px;
	align-items: center;
}
.pBox .lf {
	width: 60%;
	aspect-ratio: 5 / 3;
}
.pBox .lf .lfItem {
	width: 100%;
	height: 100%;
	display: none;
}
.pBox .lf .lfItem.act {
	display: block;
}
.pBox .lf .lfItem img {
	width: 100%;
	height: 100%;
	border-radius: 10px;
	box-shadow: 0 12px 16px -4px rgba(9, 44, 71, 0.04),
		0 4px 6px -2px rgba(9, 44, 71, 0.02);
}
.pBox .rig {
	width: 40%;
	padding: 20px;
	flex-direction: column;
}
.pBox .rig .rigItem {
	padding: 20px;
}
.pBox .rig .rigItem.act {
	background: #f1fdff;
	border-radius: 10px;
}
.pBox .rig .rigBox {
	flex-direction: column;
	cursor: pointer;
	gap: 20px;
}
.pBox .rig .rigBox h4,
.pBox .rig .rigBox i {
	font-size: 24px;
	padding-right: 8px;
	color: #616161;
}
.pBox .rig .rigItem.act h4,
.pBox .rig .rigItem.act p {
	color: #000;
}
.pBox .rig .rigBox p {
	text-align: left;
	color: #616161;
}

.processBox {
	gap: 20px;
	margin: 40px 0;
}
.processBox .processItem {
	flex-direction: column;
	gap: 20px;
	background: #f0fcff;
}
.printProcess .processItem {
	background: #fff;
	box-shadow: 0 12px 16px -4px rgba(9, 44, 71, 0.04),
		0 4px 6px -2px rgba(9, 44, 71, 0.02);
}
.processBox .processItem .processItem-img {
	aspect-ratio: 1 / 1;
}
.processBox .processItem .processItem-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.processBox .processItem h4 {
	font-size: 18px;
	padding: 0 20px;
}
.processBox .processItem p {
	font-size: 16px;
	text-align: left;
	padding: 0 20px 20px 20px;
}
.printProcess .processItem p {
	height: 140px;
	line-height: 25px;
	font-weight: 400;
}
.processTable {
	background: #fff;
	margin: 50px 0;
	border-radius: 12px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	border: 1px solid #e1e5e9;
}

.processTable table {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	font-family: 'Arial', sans-serif;
}

.processTable tbody tr:first-child {
	background: linear-gradient(135deg, #ffffff 0%, #cfcfcf 100%);
}

.processTable tbody tr:first-child td {
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	min-width: 170px;
}

.processTable tbody tr:first-child td:first-child {
	border-top-left-radius: 12px;
}

.processTable tbody tr:first-child td:last-child {
	border-top-right-radius: 12px;
}

.processTable td {
	padding: 16px 20px;
	text-align: center;
	border-bottom: 1px solid #f0f2f5;
	transition: all 0.3s ease;
	position: relative;
}

.processTable tbody tr:not(:first-child):hover {
	background-color: #f8fafc;
	transform: translateY(-2px);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.processTable tbody tr:not(:first-child) td:first-child {
	background: linear-gradient(135deg, #f6f9fc 0%, #e9ecef 100%);
	font-weight: 600;
	color: #495057;
	text-align: left;
}

.processTable tbody tr:not(:first-child):nth-child(even) {
	background-color: #f8f9fa;
}

.processTable tbody tr:not(:first-child):nth-child(even):hover {
	background-color: #e3f2fd;
}

.processTable td p {
	margin: 0;
	line-height: 1.5;
}

.processTable td b {
	font-weight: 700;
	font-size: 14px;
}

.processTable tbody tr:not(:first-child) td:not(:first-child) {
	font-size: 14px;
	color: #6c757d;
	font-weight: 500;
}

.processTable tbody tr:last-child td:first-child {
	border-bottom-left-radius: 12px;
}

.processTable tbody tr:last-child td:last-child {
	border-bottom-right-radius: 12px;
}

.processTable tbody tr:last-child td {
	border-bottom: none;
}

/* 添加数据单元格的特殊样式 */
.processTable tbody tr:not(:first-child) td:nth-child(2) {
	color: #28a745;
	font-weight: 200;
}

.processTable tbody tr:not(:first-child) td:nth-child(3) {
	color: #007bff;
	font-weight: 200;
}

.processTable tbody tr:not(:first-child) td:nth-child(4) {
	color: #ffc107;
	font-weight: 200;
}

.processTable tbody tr:not(:first-child) td:nth-child(5) {
	color: #dc3545;
	font-weight: 200;
}

.printMate {
	padding: 50px 0 100px 0;
}
.mfgMaterial {
	background: #f0fcff;
}
.mfgMaterial .materialBox {
	gap: 20px;
	flex-wrap: wrap;
	padding: 40px 0;
}
.mfgMaterial .materialItem {
	flex-direction: column;
	gap: 20px;
	width: calc(33.33% - 13.33px);
	height: 500px;
	border: 1px solid #000;
	border-radius: 10px;
	background: #fff;
}
.mfgMaterial .materialItem h4 {
	font-size: 18px;
	padding: 0 20px;
}
.mfgMaterial .materialItem p {
	font-size: 16px;
	text-align: left;
	padding: 0 20px 20px 20px;
}
.mfgMaterial .materialItem .materialItem-img {
	height: 350px;
}
.mfgMaterial .materialItem .materialItem-img img {
	width: 100%;
	height: 100%;
	border-radius: 10px 10px 0 0;
	object-fit: cover;
}
.mfg h3 {
	padding-bottom: 20px;
}
.mfg .mfgItem {
	gap: 40px;
}
.mfg .mfgItem .itemList {
	height: 250px;
	padding: 40px;
	border-radius: 10px;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	box-shadow: 0 12px 16px -4px rgba(9, 44, 71, 0.04),
		0 4px 6px -2px rgba(9, 44, 71, 0.02);
}
.mfg .mfgItem i {
	font-size: 64px;
}
.mfg .mfgItem h4 {
	font-size: 18px;
}
.mfg .mfgItem p {
	font-weight: 300;
}
.imgTxt .wrap {
	flex-direction: row;
	padding: 40px 0;
}
.imgTxt h3 {
	width: 20%;
}
.imgTxt .imgTxtItem {
	width: 80%;
	gap: 60px;
}
.imgTxt .imgTxtItem .itemList {
	width: calc(33.33% - 40px);
	height: 400px;
	position: relative;
}
.imgTxt .imgTxtItem .itemList .img {
	width: 100%;
	height: 100%;
}
.imgTxt .imgTxtItem .itemList .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.imgTxt .imgTxtItem .itemList .txt {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 94%;
	height: 95%;
	background: #000000ad;
	color: #fff;
	padding: 20px;
	box-sizing: border-box;
}
.imgTxt .imgTxtItem .itemList h4,
.imgTxt .imgTxtItem .itemList i {
	font-size: 24px;
	color: #fff;
}
.imgTxt .imgTxtItem .itemList p {
	color: #fff;
}
.techBox {
	padding: 40px 0 100px 0;
}
.techBox .img {
	width: 60%;
}
.techBox .img img {
	width: 100%;
	height: 100%;
}
.techBox .txt {
	width: 40%;
	gap: 20px;
	flex-direction: column;
	padding: 0 40px;
}
.techBox .txt .txtItem {
	gap: 10px;
	flex-direction: column;
	height: auto;
}
.techBox .txt .txtItem h4 {
	font-size: 24px;
}
.techBox .txt .txtItem p {
	text-align: left;
	padding: 10px;
}
.proBox {
	padding: 0 0 100px 0;
	gap: 30px;
	flex-wrap: wrap;
}
.proBox .proItem {
	width: calc(33.33% - 20px);
	box-shadow: 0 12px 16px -4px rgba(9, 44, 71, 0.04),
		0 4px 6px -2px rgba(9, 44, 71, 0.02);
	background: #fff;
	border-radius: 10px;
	flex-direction: column;
}
.proBox .proItem .proItem-img {
	aspect-ratio: 4 / 3;
}
.proBox .proItem .proItem-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.proBox .proItem h4 {
	font-size: 18px;
	padding: 20px 15px;
}
.mfgMate {
	background: #f0fcff;
}
.mfgMate .title {
	justify-content: space-between;
	align-items: center;
	position: relative;
	padding: 20px;
}
.mfgMate .title h4 {
	font-size: 18px;
}
.mfgMate .title::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -15px;
	height: 30px;
	width: 5px;
	border-radius: 0 5px 5px 0;
	background: center center #4a54ff;
	background-image: linear-gradient(315deg, #6772ff 0, #00f9e5 100%);
	background-size: 104% 104%;
}

.mfgMate .mateBox {
	flex-direction: column;
	background: #fff;
	margin-bottom: 40px;
}
.mfgMate .mateList {
	gap: 20px;
	flex-wrap: wrap;
	padding: 0 20px 40px 20px;
}
.mfgMate .mateItem {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: calc(25% - 15px);
}
.mfgMate .mateItem .mateItem-img {
	aspect-ratio: 4 / 3;
}
.mfgMate .mateItem h5 {
	font-size: 16px;
	text-align: center;
}
.mfgMate .mateItem:hover h5,
.mfgMate .title a:hover,
.mfgMate .title a:hover i {
	color: #1085de;
}
.txtUP {
	background: linear-gradient(
		to right,
		rgba(0, 53, 133, 0.884),
		rgba(0, 0, 0, 0.253)
	);
	align-items: center;
}
.txtUP .title .btn {
	width: 150px;
	margin-top: 40px;
}
.txtBox .wrap {
	flex-direction: row;
	flex-wrap: wrap;
	gap: 40px;
	align-items: center;
}
.txtBox .mateBox {
	width: calc(50% - 20px);
	margin-bottom: auto;
}
.txtBox .mateList {
	gap: 20px;
	flex-direction: row;
	flex-wrap: nowrap;
	padding: 0 20px 20px 20px;
	align-items: center;
}
.txtBox .mateList i {
	font-size: 64px;
}
.txtBox .mateList p {
	line-height: 28px;
	font-weight: 300;
}
.hotBox {
	background: url(/upload/img/bg.jpg) no-repeat bottom #f4f7fa;
	background-size: 100% auto;
}
.hotBox .mfgItem {
	flex-wrap: wrap;
}
.hotBox .mfgItem .itemList {
	background: #ffffffb5;
	height: 300px;
	width: calc(33.33% - 26.66px);
}
.hotBox .itemList .txt {
	flex-direction: column;
	gap: 10px;
}
.hotBox .itemList .txt span {
	font-weight: bold;
	padding-right: 10px;
	color: #1085de;
}
.mfgSer .serList {
	flex-direction: row;
	gap: 10%;
	align-items: center;
}
.mfgSer .wrap {
	gap: 100px;
}
.mfgSer .serList:nth-child(2n) {
	flex-direction: row-reverse;
}
.mfgSer .serList .serImg {
	width: 35%;
	aspect-ratio: 4 / 3;
}
.mfgSer .serList .serTxt {
	width: 55%;
	flex-direction: column;
}
.mfgSer .serList .serTxt h3 {
	padding-bottom: 0;
	font-size: 18px;
	padding-left: 20px;
	text-align: left;
	position: relative;
}
.mfgSer .serList .serTxt h3::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -15px;
	height: 30px;
	width: 5px;
	border-radius: 0 5px 5px 0;
	background: center center #4a54ff;
	background-image: linear-gradient(315deg, #6772ff 0, #00f9e5 100%);
	background-size: 104% 104%;
}
.mfgSer .serList .txtItem {
	flex-direction: column;
	gap: 10px;
	margin-top: 40px;
}
.mfgSer .serList .txtItem h4 {
	font-size: 16px;
}
.mfgSer .serList .txtItem p {
	font-weight: 300;
	padding-bottom: 20px;
}
.longBox .wrap {
	gap: 40px;
}
.longBox .serList {
	gap: 0;
	box-shadow: 0 12px 16px -4px rgba(9, 44, 71, 0.04),
		0 4px 6px -2px rgba(9, 44, 71, 0.02);
}
.longBox .serList .serImg {
	width: 50%;
	aspect-ratio: auto;
	height: 300px;
}
.longBox .serList .serTxt {
	width: 50%;
	padding: 50px;
	gap: 20px;
}
.white .wrap {
	gap: 40px;
}
.white .serList {
	box-shadow: 0 12px 16px -4px rgba(9, 44, 71, 0.04),
		0 4px 6px -2px rgba(9, 44, 71, 0.02);
	background: #fff;
	height: 500px;
}
.white .serList .serTxt {
	justify-content: center;
}
.white .serList:nth-child(2n + 1) .serTxt h3 {
	padding: 0 20px 0 0;
}
.white .serList .serTxt .txtItem {
	padding: 10px 40px 0 40px;
	font-weight: 300;
	height: auto;
}
.white .serList .serTxt .txtItem h4 {
	color: #1085de;
}
.white .serList:nth-child(2n + 1) .serTxt,
.white .serList:nth-child(2n + 1) .serTxt .txtItem {
	align-items: end;
}
.white .serList:nth-child(2n + 1) .serTxt h3::before {
	left: auto;
	right: 0;
	border-radius: 5px 0 0 5px;
}
/* 帮助中心详情 */
.help-cont {
	padding: 40px 0 100px 0;
}
.help-cont .contbox .radius {
	padding: 20px;
	background: #fff;
}
.help-cont .contbox {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}
.help-cont .contbox .left {
	width: 20%;
}
.help-cont .contbox .left .leftbox,
.help-cont .contbox .left .title,
.help-cont .item,
.help-cont .navtit,
.help-cont .right,
.help-cont .rightcont {
	flex-direction: column;
}
.help-cont .contbox .left .leftbox h2 {
	text-align: center;
	font-size: 28px;
	margin-bottom: 20px;
}
.help-cont .left .title .item .tit {
	display: flex;
	justify-content: space-between;
	height: 40px;
	align-items: center;
	cursor: pointer;
}
.help-cont .left .title .item .tit h3 {
	font-size: 16px;
}
.help-cont .left .title .item .tit img {
	width: 24px;
	height: 24px;
	transform: rotate(-90deg);
}
.help-cont .left .title .item.active img {
	transform: rotate(0deg);
}
.help-cont .left .title .item .navtit {
	display: none;
}
.help-cont .left .title .item.active .navtit {
	display: block;
}
.help-cont .left .title .item .navtit h4 {
	margin: 10px 0 10px 8px;
}
.help-cont .left .title .item .navtit h4 a {
	font-size: 14px;
	font-weight: 300;
	color: #3b3b3b;
	line-height: 16px;
}
.help-cont .left .title .item .navtit h4 a.active,
.help-cont .left .title .item .navtit h4 a:hover {
	color: #1085de;
}
.help-cont .contbox .right {
	width: 76%;
}
.help-cont .contbox .right .tit h3 {
	text-align: center;
	font-size: 30px;
}
.help-cont .contbox .right .rightcont {
	padding: 20px;
}
.help-cont .contbox .right .rightcont p {
	margin-bottom: 10px;
}
/* 关于我们 */
.topbanner {
	width: 100%;
	height: 400px;
	position: relative;
}
.topbanner .imgslide {
	height: 100%;
}
.topbanner .imgslide img {
	width: 100%;
	transition: transform 1s ease;
}
/*.topbanner:hover img{transform: scale(1.2);*/
/*    transition: all 1s ease;}*/
.topbanner h1 {
	font-size: 40px;
	line-height: 40px;
	font-weight: 700;
	box-shadow: 0 12px 16px -4px rgba(9, 44, 71, 0.04),
		0 4px 6px -2px rgba(9, 44, 71, 0.02);
}
.abouttop {
	margin: 92px 0;
}
.about {
	margin: 100px 0;
}
.abouttop .slide {
	width: 100%;
	height: 600px;
	position: relative;
}

/*.about .slide{padding: 50px}*/
.about h3 {
	font-size: 26px;
	margin-bottom: 30px;
	text-align: center;
}
.about .slide .aboutus p {
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
	text-align: left;
}
.about .aboutus .about-content {
	display: flex;
	flex-direction: row;
	gap: 20px;
	align-items: center;
}
.about .aboutus .about-content .img {
	width: 50%;
}
.about .aboutus .about-content .img img {
	width: 100%;
}
.about .aboutus .about-content .content {
	width: 50%;
}
.aboutus {
	margin-left: 40px;
	text-align: justify;
}
.aboutdata {
	border-top: 1px solid #edeff2;
	padding: 40px 20px 0 20px;
	margin-top: 40px;
}
.aboutdata p {
	font-size: 14px;
	font-weight: 300;
}
.aboutdata h4 span {
	font-size: 70px;
	font-weight: 700;
	font-family: 'MundialBold', sans-serif;
}
.aboutdata h4 em {
	font-size: 14px;
	color: #929292;
	font-weight: 300;
}
.aboutdata h4 p {
	display: inline;
}
.about-wedo .wedo-box {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}
.about-wedo .wedo-box .item {
	width: calc(33.33% - 20px);
}
.about-wedo .wedo-box .item .img {
	width: 100%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}
.about-wedo .wedo-box .item .img img {
	width: 100%;
}
.about-wedo .wedo-box .item .title {
	font-size: 24px;
	font-weight: 700;
	margin: 20px 0;
	font-family: 'MundialBold', sans-serif;
	text-align: center;
}
.about-wedo .wedo-box .item .des {
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 10px;
}
.choose {
	padding: 50px 0;
	background-image: url(/template/assets/img/bg.jpg);
	margin-top: 100px;
	background-size: cover;
}
.choose .choose-box {
	display: flex;
	gap: 20px;
	justify-content: center;
	align-items: flex-start;
	padding: 50px 0;
	flex-wrap: wrap;
}
.choose .choose-box .item {
	width: calc(16.66% - 20px);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}
.choose .choose-box .item .img {
	width: 96px;
	height: 96px;
	overflow: hidden;
	border-radius: 48px;
	background-color: #fff;
	object-fit: contain;
	margin: auto;
}
.choose .choose-box .item .img img {
	width: 100%;
}
.choose .choose-box .item .title {
	font-size: 18px;
	font-weight: 700;
	margin: 20px 0;
	font-family: 'MundialBold', sans-serif;
	text-align: center;
}
.choose .choose-box .item .des p {
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 10px;
	text-align: center;
}
/* 联系我们 */
.contact-box {
	margin: 50px 0 100px 0;
}
.contact-box .contwrap {
	width: 100%;
	position: relative;
	height: 688px;
}
.contact-box .contwrap .map {
	width: 100%;
	height: auto;
}
.contact-box .contwrap .map > div {
	width: 100%;
	height: 688px;
	border-radius: 1rem;
}
.contact-box .imap-box p {
	margin-top: 10px;
	font-weight: 300;
}
.contact-box .contwrap .cont-list {
	justify-content: right;
	pointer-events: none;
}
.contact-box .contwrap .contbox {
	background: #fff;
	border-radius: 1rem;
	width: 300px;
	height: 350px;
	margin-right: 60px;
	pointer-events: auto;
	gap: 30px;
}
.contact-box .contwrap .contbox .clogo {
	width: auto;
	height: auto;
}
.contact-box .contwrap .contbox .clogo img {
	margin-bottom: 20px;
	max-height: 40px;
}
.contact-box .cont {
	margin: 80px 0;
	padding: 20px;
	background: #fff;
}

/* 联系表单样式 */
.contact-box .cont form {
	width: 100%;
	margin: 0 auto;
}

.contact-box .cont .form-group {
	margin-bottom: 20px;
	width: 100%;
	flex-direction: column;
}

.contact-box .cont .form-group label {
	display: block;
	margin-bottom: 8px;
	font-weight: 500;
}

.contact-box .cont .form-group input,
.contact-box .cont .form-group textarea {
	width: 100%;
	padding: 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-sizing: border-box;
	font-family: inherit;
}

.contact-box .cont .form-group textarea {
	height: 150px;
	resize: vertical;
}

.contact-box .cont .form-submit {
	text-align: center;
	margin-top: 30px;
}

.contact-box .cont .form-submit .btn {
	background-color: #26b9f5;
	color: white;
	border: none;
	padding: 12px 40px;
	font-size: 16px;
	cursor: pointer;
	border-radius: 4px;
	transition: background-color 0.3s;
	width: 120px;
}

.contact-box .cont .form-submit .btn:hover {
	background-color: #1b9ad2;
}
.contact {
	width: auto;
	height: auto;
}
.contact .contact-tit {
	margin-bottom: 30px;
	width: auto;
	height: auto;
}
.contact .contact-tit .tit {
	display: flex;
	align-items: center;
	height: 25px;
}

.contact .contact-tit .tit img {
	height: 20px;
	margin-right: 8px;
}

.contact .contact-tit .tit h3 {
	font-size: 16px;
	font-weight: 700;
	color: #000;
}

.contact .contact-tit p {
	margin-left: 30px;
	font-size: 16px;
	word-wrap: break-word;
}
.BMap_noprint {
	width: auto;
	height: auto;
}
/* 项目分类列表 */
.category-list {
	margin: 50px 0;
}

.category-list h1 {
	text-align: center;
	font-size: 34px;
	padding-bottom: 30px;
	border-bottom: 1px solid #edeff2;
}

.category-list .category-item {
	display: flex;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
}

.category-list .category-item a {
	padding: 20px 30px;
	background-color: #dcdcdc;
	text-align: center;
	transition: all 0.3s ease;
	flex: 0 1 150px;
	font-size: 16px;
	color: #333;
}

.category-list .category-item a:hover {
	background-color: #c5c5c5;
}

.category-list .category-item a.active {
	background-color: #222;
	color: #fff;
}
.tech-list .tech-item {
	gap: 20px;
	width: 100%;
	flex-direction: column;
}
.tech-list .tech-item .item a {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	gap: 50px;
	padding-bottom: 50px;
}
.tech-list .tech-item .item .img {
	width: 30%;
	aspect-ratio: 5 / 3;
}
.tech-list .tech-item .item .img img {
	width: 100%;
}
.tech-list .tech-item .item .titbox {
	width: 70%;
}
.tech-list .tech-item .item .titbox h3 {
	font-size: 20px;
}
.tech-list .tech-item .item .titbox .des {
	font-size: 16px;
	padding: 30px 0 60px 0;
}
.tech-list .tech-item .item .titbox .more {
	padding: 15px 30px;
	color: #000;
	border: 1px solid #000;
	border-radius: 5px;
	cursor: pointer;
	width: fit-content;
	transition: all 0.3s ease;
	height: auto;
}
.tech-list .tech-item .item .titbox .more i {
	padding-left: 10px;
}
.tech-list .tech-item .item:hover .titbox .more {
	background-color: #000;
	color: #fff;
}
.tech-list .tech-item .item:hover .titbox .more i {
	color: #fff;
}
/* 项目详情 */
.project-cont {
	margin: 50px 0;
}
.project-cont .box .title {
	font-size: 56px;
	line-height: 56px;
	font-weight: 700;
	font-family: 'MundialBold', sans-serif;
	border-bottom: 1px solid #edeff2;
	margin-bottom: 40px;
	padding-bottom: 20px;
}
.project-cont .box .content {
	max-width: 100%;
}
.project-cont .box .tips {
	display: flex;
	gap: 20px;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	padding: 20px 0;
}
.project-cont .box .tips .tips-item {
	font-size: 16px;
	line-height: 24px;
	color: #333;
}

.project-page {
	margin: 50px 0;
	border-top: 1px solid #edeff2;
	padding-top: 50px;
}
.project-page .box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	gap: 20px;
}
.project-page .box > div {
	align-items: center;
	gap: 10px;
}
.project-page .box .previous i {
	transform: rotate(180deg);
	display: inline-block;
}
.project-page .box .next {
	justify-content: flex-end;
}
.about-banner .cw {
	margin-top: 325px;
}
.about-banner .cw img {
	width: 423px;
}
.about-banner-fixed-img {
	display: flex;
	justify-content: flex-end;
	margin-top: -6vw;
	position: relative;
	z-index: 99;
}
.about-banner-fixed-img img {
	width: 693px;
}
#about .main-width {
	place-items: center;
}
#about .main-width .img-box {
	width: 507px;
}
#about .main-width .img-box img {
	display: block;
	width: 100%;
	height: auto;
}
#about .main-width .aboutus p:not(:first-child) {
	margin-top: 20px;
}
.about-features {
	padding: 128px 0;
}
@media screen and (min-width: 768px) {
	.contact-box .cont form {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	.contact-box .cont .form-group:nth-child(5),
	.contact-box .cont .form-submit {
		grid-column: span 2;
	}
}
@media screen and (max-width: 1660px) {
	.wrap {
		width: 100%;
		/*max-width: 100%;*/
		/*padding: 0 100px;*/
	}
	.banner .index-ser {
		left: 100px;
	}
	.footer .footAbout {
		width: 30%;
	}
	.footer .footNav {
		width: 70%;
	}
}
@media screen and (max-width: 1210px) {
	.pc {
		display: none;
	}
	.mb {
		display: block;
	}

	.wrap {
		width: 100%;
		padding: 0 20px;
	}
	.banner .index-ser {
		display: none;
	}
	.banner .content .cont-tit,
	.banner .mySwiper .swiper-pagination {
		margin-left: 0;
	}
	.header .nav .navButton {
		height: 64px;
		width: 64px;
		display: flex;
		align-items: center;
		position: relative;
		cursor: pointer;
	}
	.header .top {
		position: relative;
		height: 66px;
	}
	.header .top .logo {
		width: 100%;
		height: 28px;
	}
	.header .nav {
		width: 20%;
	}
	.header .navButton::before,
	.header .navButton::after {
		position: absolute;
		bottom: 22px;
		content: '';
		width: 25px;
		height: 3px;
		background: #000;
		left: 20px;
	}

	.header .navButton::before {
		top: 20px;
		bottom: auto;
		box-shadow: 0 9px 0 0 #000;
	}
	.header .nav .navBox {
		display: none;
	}
	/* act切换样式 */
	.header .nav.act .navBox {
		display: flex;
		flex-direction: column;
		position: absolute;
		top: 100%;
		right: 0;
		background: #fff;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
		padding: 20px;
		gap: 0;
		z-index: 1000;
		height: fit-content;
		width: 100vw;
		animation: slideDown 0.3s ease-out;
	}

	.header .nav.act .navList {
		width: 100%;
		border-bottom: 1px solid #f0f0f0;
		height: 50px;
		justify-content: center;
		align-items: center;
	}

	.header .nav.act .navList:last-child {
		border-bottom: none;
	}

	.header .nav.act .navList a {
		display: block;
		width: 100%;
		text-align: left;
		color: #333;
		transition: color 0.3s ease;
		line-height: 40px;
	}

	.header .nav.act .navList a:hover,
	.header .nav.act .navList a.act {
		color: #1085de;
	}

	/* navButton变成X的动画 */
	.header .nav.act .navButton::before {
		transform: rotate(45deg);
		top: 30px;
		box-shadow: none;
		transition: all 0.3s ease;
		width: 35px;
		left: 16px;
	}

	.header .nav.act .navButton::after {
		transform: rotate(-45deg);
		bottom: 30px;
		transition: all 0.3s ease;
		width: 35px;
		left: 16px;
	}

	.header .navButton::before,
	.header .navButton::after {
		transition: all 0.3s ease;
	}

	/* 下拉动画 */
	@keyframes slideDown {
		from {
			opacity: 0;
			transform: translateY(-10px);
		}
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}
	.process {
		flex-wrap: wrap;
	}
	.process .process-item {
		width: 33.33%;
		margin-bottom: 20px;
	}
	.process .process-item:nth-child(3) .icon::after {
		display: none;
	}
	.process .process-item .icon::after {
		width: calc(33.33vw - 93.33px);
		right: calc(93.33px - 33.33vw);
	}
	.cnc-box .cnc-nav .nav-item {
		width: calc(40vw - 30px);
		max-width: 200px;
	}
}

@media screen and (max-width: 1000px) {
	.cnc-box {
		height: auto;
	}
	.cnc-box .item-list,
	.mate .item-list,
	.mate .box-list .box-cont {
		flex-direction: column;
		gap: 20px;
	}
	.cnc-box .item-list .item-tips,
	.cnc-box .item-list .img,
	.mate .item-list .item-tips,
	.mate .item-list .item-box {
		width: 100%;
	}
	.mate .item-list {
		height: auto;
	}
	.mate .tips-list {
		margin: 20px 20px 70px 20px;
	}
	.mate .box-list {
		width: calc(50% - 10px);
		height: fit-content;
	}
	.mate .box-list .box-cont .box-img {
		height: 30vw;
	}
	.ability,
	.evaluate,
	.index-news .wrap {
		flex-wrap: wrap;
	}
	.ability .advantage,
	.ability .btnbox {
		display: flex;
		opacity: 1;
		transition: opacity 0.3s ease-in;
	}
	.ability .ability-item,
	.ability .ability-item.act,
	.evaluate .evaluate-item {
		width: 100%;
	}
	.index-news .wrap > div {
		width: 100%;
		flex: auto;
		height: auto;
	}
	.footer .footFeat .featItem {
		flex-direction: column;
	}
	.footer .footFeat .txt {
		align-items: center;
		gap: 5px;
	}
	.footer .footFeat .txt p {
		text-align: center;
	}
	.foot {
		flex-direction: column-reverse;
	}
	.footer .footAbout,
	.footer .footNav {
		width: 100%;
	}
	.footer .footNav {
		display: none;
	}
	.banner .content .cont-tit img {
		max-width: 100%;
		object-fit: contain;
	}
	.upTop .title {
		width: 100%;
	}
	.upTop .title p {
		line-height: 1.8;
	}
	.upTop .title .aiFeat {
		gap: 20px;
	}
	.upTop .title .aiFeat p {
		line-height: 1.5;
		font-size: 14px;
	}
	.processBox {
		margin: 20px 0 0;
		flex-wrap: wrap;
		gap: 12px;
	}
	.processBox .processItem {
		width: calc(50% - 6px);
	}
	.mfgMaterial .materialBox {
		gap: 12px;
	}
	.mfgMaterial .materialItem {
		width: calc(50% - 6px);
		height: auto;
		gap: 15px;
	}
	.mfgMaterial .materialItem .materialItem-img {
		width: 100%;
		padding-top: calc(calc(350 / 465) * 100%);
		position: relative;
		height: 0;
	}
	.mfgMaterial .materialItem .materialItem-img img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: block;
	}
	.designRobot.imgTxt .wrap {
		flex-direction: column;
		padding: 0 20px;
		align-items: center;
	}
	.designRobot.imgTxt h3 {
		width: 100%;
		margin-bottom: 20px;
	}
	.designRobot.imgTxt .imgTxtItem {
		width: 100%;
		gap: 20px;
		justify-content: space-between;
	}
	.designRobot.imgTxt .imgTxtItem .itemList {
		width: calc(33.33% - 40px);
	}
	.designRobot.imgTxt .imgTxtItem .itemList p {
		line-height: 2;
	}
}

@media screen and (max-width: 768px) {
	.about {
		margin: 0;
		padding: 50px 0;
	}
	.about-banner-fixed-img {
		display: flex;
		justify-content: flex-end;
		margin-top: -55px;
		position: relative;
		z-index: 99;
	}
	.about-banner-fixed-img img {
		width: 100%;
		max-width: 300px;
	}
	.about-banner .cw {
		margin-top: 350px;
		text-align: left;
		padding-left: 10px;
	}
	.about-banner .cw img {
		width: 80%;
	}
	.robotCustom .wrap {
		gap: 20px;
	}
	.robotCustom .proBox {
		gap: 10px;
		padding: 0;
	}
	.robotCustom .proBox .proItem {
		width: calc(50% - 5px);
	}
	.designRobot.imgTxt .imgTxtItem {
		flex-wrap: wrap;
	}
	.designRobot.imgTxt .imgTxtItem .itemList {
		width: 100%;
		height: 240px;
	}
	.processTable {
		margin: 20px 0;
		border-radius: 8px;
		overflow-x: auto;
	}

	.processTable td {
		padding: 12px 8px;
		font-size: 12px;
	}

	.processTable tbody tr:not(:first-child) td:first-child {
		font-size: 11px;
	}
	.processTable tbody tr:first-child td:first-child {
		white-space: nowrap;
		width: 135px;
		min-width: auto;
		display: inline-block;
		text-align: left;
	}
	.materialBox {
		padding: 20px 0 0;
	}
	.mfgMaterial .materialItem p {
		font-size: 14px;
		line-height: 1.5;
	}
	.processBox .processItem {
		width: 100%;
		gap: 10px;
	}
	.mfgMaterial .materialItem {
		width: 100%;
		gap: 10px;
	}
	.header .nav.act .navButton::before {
		transform: rotate(45deg);
		top: 20px;
		box-shadow: none;
		transition: all 0.3s ease;
		width: 30px;
		left: 8px;
	}
	.header .nav.act .navButton::after {
		transform: rotate(-45deg);
		bottom: 22px;
		transition: all 0.3s ease;
		width: 30px;
		left: 8px;
	}
	.header .navButton::before,
	.header .navButton::after {
		left: 10px;
		bottom: 12px;
	}
	.header .navButton::before {
		top: 12px;
	}
	.header .nav .navButton {
		width: 45px;
		height: 45px;
	}
	.header .top {
		height: 50px;
	}

	.index-process {
		padding: 50px 0;
	}

	.index-process h2 {
		font-size: 20px;
		margin-bottom: 20px;
		font-weight: 300;
		text-align: center;
		line-height: 1.5;
	}
	.process {
		padding: 12px;
	}
	.process .process-item h4 {
		font-size: 14px;
	}

	.index-cnc {
		padding: 50px 0;
	}
	.cnc-box {
		border-radius: 20px;
	}
	.cnc-box .cnc-nav {
		margin-top: 20px;
	}
	.cnc-box .item-list {
		padding: 20px 30px;
	}
	.cnc-box .item-list .item-tips {
		padding-right: 0;
		order: 1;
	}
	.cnc-box .item-list .item-tips p,
	.cnc-box .item-list .item-tips p i {
		text-align: justify;
	}
	.cnc-box .item-list .tips-list {
		padding: 0;
		gap: 0;
	}
	.cnc-box .item-list .img {
		padding-left: 0;
	}
	.cnc-box .item-list .item-tips h4 {
		font-size: 20px;
	}
	.btn {
		font-size: 14px;
	}

	.index-box {
		padding: 50px 0;
	}
	.mate .nav-item {
		font-size: 20px;
	}
	.mate .item-list .item-tips {
		padding: 20px;
	}
	.mate .tips-list {
		margin: 10px 0;
	}
	.mate .tips-list i {
		font-size: 12px;
	}
	.mate .box-list .box-cont .box-img {
		height: 0;
		padding-top: 100%;
		position: relative;
	}
	.mate .box-list .box-cont .box-img img {
		position: absolute;
		left: 0;
		top: 0;
		object-fit: contain;
	}
	.cnc-box .item-list .item-tips,
	.cnc-box .item-list .img,
	.mate .item-list .item-tips,
	.mate .item-list .item-box {
		padding: 5px;
		gap: 10px;
	}
	.mate .box-list {
		width: calc(50% - 5px);
		height: auto;
	}
	.cnc-box .item-list,
	.mate .item-list,
	.mate .box-list .box-cont {
		gap: 10px;
	}
	.mate .box-list .box-cont .box-txt {
		gap: 5px;
	}
	.mate .box-list .box-cont .box-txt p {
		line-height: 1.5;
	}
	.mate .box-list .box-cont .box-txt {
		justify-content: flex-start;
	}
	.footer .footFeat {
		justify-content: space-around;
		flex-wrap: wrap;
		gap: 10px;
	}
	.footer .footFeat .featItem {
		flex-basis: 30%;
	}
	.footer .footFeat .txt p {
		font-size: 12px;
	}
	.footer .footCopy {
		flex-direction: column;
	}
	.footer .footAbout {
		border-right: none;
		margin-right: 0;
		padding-right: 0;
	}
	.printMate {
		padding: 50px 0;
	}
	.printMate .mate .box-list {
		width: 100%;
	}
	.printMate .mate .box-list .box-cont {
		flex-direction: row;
	}
	.printMate .mate .box-list .box-cont .box-img {
		padding-top: calc(50% - 5px);
		height: 0;
	}
	.printMate .mate .box-list .box-cont .box-txt p {
		font-size: 13px;
		line-height: 1.4;
	}
	.printMate .mate .box-list .box-cont .box-txt {
		padding-top: 4px;
	}
	#about .main-width {
		place-items: flex-start flex-start;
		flex-wrap: wrap;
	}
	#about .main-width .img-box {
		width: 100%;
	}
	#about .main-width .aboutus {
		margin-left: 0;
		margin-top: 10px;
	}
	#about .main-width .aboutus p {
		font-size: 14px;
		line-height: 1.8;
	}
	#about .main-width .aboutus p:not(:first-child) {
		margin-top: 8px;
	}
	.about-features {
		padding: 50px 20px;
	}
	.abouttop {
		margin: 50px 0;
	}
	.abouttop .slide {
		height: 250px;
	}
}

.index-process-new {
	padding: 72px 0;
	background: #f4fdff;
}

.index-process-new .wrap {
	max-width: 1032px;
	margin: 0 auto;
}
.index-process-new .process-tit {
	display: block;
	font-size: 26px;
	font-weight: 600;
	line-height: 1;
	color: #000000;
	text-align: center;
	margin-bottom: 30px;
}

.index-process-new .process-new {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.index-process-new .process-new .process-item {
	display: block;
	position: relative;
}
.index-process-new .process-new .process-item .icon {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50px;
	height: 50px;
	margin-bottom: 24px;
}
.index-process-new .process-new .process-item .icon img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: contain;
}
.index-process-new .process-new .process-item .item-tit {
	display: block;
	font-size: 20px;
	font-weight: 500;
	line-height: 1;
	color: #000000;
	text-align: center;
}

.index-process-new .process-new .process-item .item-desc {
	display: block;
	margin-top: 10px;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.2;
	color: #000000;
	text-align: center;
}

@media (min-width: 768px) {
	.index-process-new .process-new .process-item .process-item:nth-child(1) {
		max-width: 252px;
	}
	.index-process-new .process-new .process-item .process-item:nth-child(3) {
		max-width: 200px;
	}
	.index-process-new .process-new .process-item .process-item:nth-child(5) {
		max-width: 224px;
	}
}
.index-process-new .process-new .process-arrow {
	display: block;
	content: '';
	flex: 0 0 15.5px;
	width: 15.5px;
	height: 16.5px;
	background: url('../img/process4.png') no-repeat center / contain;
}
@media (max-width: 768px) {
	.index-process-new {
		padding: 50px 0;
	}
	.index-process-new .process-tit {
		font-size: 22px;
		line-height: 1.5;
		max-width: 284px;
		margin-left: auto;
		margin-right: auto;
	}
	.index-process-new .process-new {
		flex-direction: column;
		justify-content: flex-start;
	}
	.index-process-new .process-new .process-item .item-tit {
		font-size: 18px;
	}
	.index-process-new .process-new .process-item .item-desc {
		line-height: 1.5;
	}
	.index-process-new .process-new .process-arrow {
		transform: rotate(90deg);
		margin-top: 30px;
		margin-bottom: 30px;
	}
}