:root {
	--hue: #D97745;
	--max-width: 1600px;
	--space: clamp(2.5rem, 1.563rem + 4.17vw, 6.25rem);
}

.text {
	line-height: 1.6;
}

.grid--1 {
	display: grid !important;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	inline-size: 100%;
}

.grid--1>* {
	grid-column: 1 !important;
}

.grid--2 {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	inline-size: 100%;
}

.grid--3 {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	inline-size: 100%;
}

.grid--4 {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	inline-size: 100%;
}

.grid--5 {
	display: grid !important;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	inline-size: 100%;
}

.grid--6 {
	display: grid !important;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	inline-size: 100%;
}

.grid--7 {
	display: grid !important;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	inline-size: 100%;
}

.grid--8 {
	display: grid !important;
	grid-template-columns: repeat(8, minmax(0, 1fr));
	inline-size: 100%;
}

.grid--9 {
	display: grid !important;
	grid-template-columns: repeat(9, minmax(0, 1fr));
	inline-size: 100%;
}

.grid--10 {
	display: grid !important;
	grid-template-columns: repeat(10, minmax(0, 1fr));
	inline-size: 100%;
}

.grid--11 {
	display: grid !important;
	grid-template-columns: repeat(11, minmax(0, 1fr));
	inline-size: 100%;
}

.grid--12 {
	display: grid !important;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	inline-size: 100%;
}

.grid--1-2 {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
	inline-size: 100%;
}

.grid--1-3 {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
	inline-size: 100%;
}

.grid--2-1 {
	display: grid !important;
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	inline-size: 100%;
}

.grid--2-3 {
	display: grid !important;
	grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
	inline-size: 100%;
}

.grid--3-1 {
	display: grid !important;
	grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
	inline-size: 100%;
}

.grid--3-2 {
	display: grid !important;
	grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
	inline-size: 100%;
}

.grid-rows--1 {
	grid-template-rows: repeat(1, minmax(0, 1fr));
}

.grid-rows--2 {
	grid-template-rows: repeat(2, minmax(0, 1fr));
}

.grid-rows--3 {
	grid-template-rows: repeat(3, minmax(0, 1fr));
}

.grid-rows--4 {
	grid-template-rows: repeat(4, minmax(0, 1fr));
}

.grid-rows--5 {
	grid-template-rows: repeat(5, minmax(0, 1fr));
}

.grid-rows--6 {
	grid-template-rows: repeat(6, minmax(0, 1fr));
}

.grid-rows--7 {
	grid-template-rows: repeat(7, minmax(0, 1fr));
}

.grid-rows--8 {
	grid-template-rows: repeat(8, minmax(0, 1fr));
}

.grid-rows--9 {
	grid-template-rows: repeat(9, minmax(0, 1fr));
}

.grid-rows--10 {
	grid-template-rows: repeat(10, minmax(0, 1fr));
}

.grid-rows--11 {
	grid-template-rows: repeat(11, minmax(0, 1fr));
}

.grid-rows--12 {
	grid-template-rows: repeat(12, minmax(0, 1fr));
}



/* xl */
@media (max-width: 1280px) {
	.width-xl-100 {
		width: 100% !important;
	}

	.flex-xl-row {
		flex-direction: row !important;
	}

	.flex-xl-column {
		flex-direction: column !important;
	}

	.flex-xl-row-reverse {
		flex-direction: row-reverse !important;
	}

	.flex-xl-column-reverse {
		flex-direction: column-reverse !important;
	}

	.show-xl {
		display: block !important;
	}

	.hide-xl {
		display: none !important;
	}



	.grid--xl-1 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.grid--xl-1>* {
		grid-column: 1 !important;
	}

	.grid--xl-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.grid--xl-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.grid--xl-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.grid--xl-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.grid--xl-6 {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	.grid--xl-7 {
		grid-template-columns: repeat(7, minmax(0, 1fr));
	}

	.grid--xl-8 {
		grid-template-columns: repeat(8, minmax(0, 1fr));
	}

	.grid--xl-9 {
		grid-template-columns: repeat(9, minmax(0, 1fr));
	}

	.grid--xl-10 {
		grid-template-columns: repeat(10, minmax(0, 1fr));
	}

	.grid--xl-11 {
		grid-template-columns: repeat(11, minmax(0, 1fr));
	}

	.grid--xl-12 {
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}

	.grid-rows--xl-1 {
		grid-template-rows: repeat(1, minmax(0, 1fr));
	}

	.grid-rows--xl-2 {
		grid-template-rows: repeat(2, minmax(0, 1fr));
	}

	.grid-rows--xl-3 {
		grid-template-rows: repeat(3, minmax(0, 1fr));
	}

	.grid-rows--xl-4 {
		grid-template-rows: repeat(4, minmax(0, 1fr));
	}

	.grid-rows--xl-5 {
		grid-template-rows: repeat(5, minmax(0, 1fr));
	}

	.grid-rows--xl-6 {
		grid-template-rows: repeat(6, minmax(0, 1fr));
	}

	.grid-rows--xl-7 {
		grid-template-rows: repeat(7, minmax(0, 1fr));
	}

	.grid-rows--xl-8 {
		grid-template-rows: repeat(8, minmax(0, 1fr));
	}

	.grid-rows--xl-9 {
		grid-template-rows: repeat(9, minmax(0, 1fr));
	}

	.grid-rows--xl-10 {
		grid-template-rows: repeat(10, minmax(0, 1fr));
	}

	.grid-rows--xl-11 {
		grid-template-rows: repeat(11, minmax(0, 1fr));
	}

	.grid-rows--xl-12 {
		grid-template-rows: repeat(12, minmax(0, 1fr));
	}
}

@media (max-width: 1024px) {
	.width-l-100 {
		width: 100% !important;
	}

	.flex-l-row {
		flex-direction: row !important;
	}

	.flex-l-column {
		flex-direction: column !important;
	}

	.flex-l-row-reverse {
		flex-direction: row-reverse !important;
	}

	.flex-l-column-reverse {
		flex-direction: column-reverse !important;
	}

	.show-l {
		display: block !important;
	}

	.hide-l {
		display: none !important;
	}



	.grid--l-1 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.grid--l-1>* {
		grid-column: 1 !important;
	}

	.grid--l-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.grid--l-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.grid--l-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.grid--l-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.grid--l-6 {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	.grid--l-7 {
		grid-template-columns: repeat(7, minmax(0, 1fr));
	}

	.grid--l-8 {
		grid-template-columns: repeat(8, minmax(0, 1fr));
	}

	.grid--l-9 {
		grid-template-columns: repeat(9, minmax(0, 1fr));
	}

	.grid--l-10 {
		grid-template-columns: repeat(10, minmax(0, 1fr));
	}

	.grid--l-11 {
		grid-template-columns: repeat(11, minmax(0, 1fr));
	}

	.grid--l-12 {
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}

	.grid-rows--l-1 {
		grid-template-rows: repeat(1, minmax(0, 1fr));
	}

	.grid-rows--l-2 {
		grid-template-rows: repeat(2, minmax(0, 1fr));
	}

	.grid-rows--l-3 {
		grid-template-rows: repeat(3, minmax(0, 1fr));
	}

	.grid-rows--l-4 {
		grid-template-rows: repeat(4, minmax(0, 1fr));
	}

	.grid-rows--l-5 {
		grid-template-rows: repeat(5, minmax(0, 1fr));
	}

	.grid-rows--l-6 {
		grid-template-rows: repeat(6, minmax(0, 1fr));
	}

	.grid-rows--l-7 {
		grid-template-rows: repeat(7, minmax(0, 1fr));
	}

	.grid-rows--l-8 {
		grid-template-rows: repeat(8, minmax(0, 1fr));
	}

	.grid-rows--l-9 {
		grid-template-rows: repeat(9, minmax(0, 1fr));
	}

	.grid-rows--l-10 {
		grid-template-rows: repeat(10, minmax(0, 1fr));
	}

	.grid-rows--l-11 {
		grid-template-rows: repeat(11, minmax(0, 1fr));
	}

	.grid-rows--l-12 {
		grid-template-rows: repeat(12, minmax(0, 1fr));
	}
}

/* m */
@media (max-width: 768px) {
	.width-m-100 {
		width: 100% !important;
	}

	.flex-m-row {
		flex-direction: row !important;
	}

	.flex-m-column {
		flex-direction: column !important;
	}

	.flex-m-row-reverse {
		flex-direction: row-reverse !important;
	}

	.flex-m-column-reverse {
		flex-direction: column-reverse !important;
	}

	.show-m {
		display: block !important;
	}

	.hide-m {
		display: none !important;
	}



	.grid--m-1 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.grid--m-1>* {
		grid-column: 1 !important;
	}

	.grid--m-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.grid--m-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.grid--m-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.grid--m-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.grid--m-6 {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	.grid--m-7 {
		grid-template-columns: repeat(7, minmax(0, 1fr));
	}

	.grid--m-8 {
		grid-template-columns: repeat(8, minmax(0, 1fr));
	}

	.grid--m-9 {
		grid-template-columns: repeat(9, minmax(0, 1fr));
	}

	.grid--m-10 {
		grid-template-columns: repeat(10, minmax(0, 1fr));
	}

	.grid--m-11 {
		grid-template-columns: repeat(11, minmax(0, 1fr));
	}

	.grid--m-12 {
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}

	.grid-rows--m-1 {
		grid-template-rows: repeat(1, minmax(0, 1fr));
	}

	.grid-rows--m-2 {
		grid-template-rows: repeat(2, minmax(0, 1fr));
	}

	.grid-rows--m-3 {
		grid-template-rows: repeat(3, minmax(0, 1fr));
	}

	.grid-rows--m-4 {
		grid-template-rows: repeat(4, minmax(0, 1fr));
	}

	.grid-rows--m-5 {
		grid-template-rows: repeat(5, minmax(0, 1fr));
	}

	.grid-rows--m-6 {
		grid-template-rows: repeat(6, minmax(0, 1fr));
	}

	.grid-rows--m-7 {
		grid-template-rows: repeat(7, minmax(0, 1fr));
	}

	.grid-rows--m-8 {
		grid-template-rows: repeat(8, minmax(0, 1fr));
	}

	.grid-rows--m-9 {
		grid-template-rows: repeat(9, minmax(0, 1fr));
	}

	.grid-rows--m-10 {
		grid-template-rows: repeat(10, minmax(0, 1fr));
	}

	.grid-rows--m-11 {
		grid-template-rows: repeat(11, minmax(0, 1fr));
	}

	.grid-rows--m-12 {
		grid-template-rows: repeat(12, minmax(0, 1fr));
	}
}

@media (max-width: 480px) {
	.width-s-100 {
		width: 100% !important;
	}

	.flex-s-row {
		flex-direction: row !important;
	}

	.flex-s-column {
		flex-direction: column !important;
	}

	.flex-s-row-reverse {
		flex-direction: row-reverse !important;
	}

	.flex-s-column-reverse {
		flex-direction: column-reverse !important;
	}

	.show-s {
		display: block !important;
	}

	.hide-s {
		display: none !important;
	}


	.grid--s-1 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.grid--s-1>* {
		grid-column: 1 !important;
	}

	.grid--s-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.grid--s-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.grid--s-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.grid--s-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.grid--s-6 {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	.grid--s-7 {
		grid-template-columns: repeat(7, minmax(0, 1fr));
	}

	.grid--s-8 {
		grid-template-columns: repeat(8, minmax(0, 1fr));
	}

	.grid--s-9 {
		grid-template-columns: repeat(9, minmax(0, 1fr));
	}

	.grid--s-10 {
		grid-template-columns: repeat(10, minmax(0, 1fr));
	}

	.grid--s-11 {
		grid-template-columns: repeat(11, minmax(0, 1fr));
	}

	.grid--s-12 {
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}

	.grid-rows--s-1 {
		grid-template-rows: repeat(1, minmax(0, 1fr));
	}

	.grid-rows--s-2 {
		grid-template-rows: repeat(2, minmax(0, 1fr));
	}

	.grid-rows--s-3 {
		grid-template-rows: repeat(3, minmax(0, 1fr));
	}

	.grid-rows--s-4 {
		grid-template-rows: repeat(4, minmax(0, 1fr));
	}

	.grid-rows--s-5 {
		grid-template-rows: repeat(5, minmax(0, 1fr));
	}

	.grid-rows--s-6 {
		grid-template-rows: repeat(6, minmax(0, 1fr));
	}

	.grid-rows--s-7 {
		grid-template-rows: repeat(7, minmax(0, 1fr));
	}

	.grid-rows--s-8 {
		grid-template-rows: repeat(8, minmax(0, 1fr));
	}

	.grid-rows--s-9 {
		grid-template-rows: repeat(9, minmax(0, 1fr));
	}

	.grid-rows--s-10 {
		grid-template-rows: repeat(10, minmax(0, 1fr));
	}

	.grid-rows--s-11 {
		grid-template-rows: repeat(11, minmax(0, 1fr));
	}

	.grid-rows--s-12 {
		grid-template-rows: repeat(12, minmax(0, 1fr));
	}
}






.fz85 {
	font-size: clamp(1.875rem, 1.016rem + 4.3vw, 5.313rem);
}

.fz72 {
	font-size: clamp(1.625rem, 0.554rem + 4.51vw, 4.5rem);
}

.fz70 {
	font-size: clamp(1.625rem, 0.6rem + 4.31vw, 4.375rem);
}

.fz68 {
	font-size: clamp(1.625rem, 0.647rem + 4.12vw, 4.25rem);
}

.fz66 {
	font-size: clamp(1.625rem, 0.694rem + 3.92vw, 4.125rem);
}

.fz64 {
	font-size: clamp(1.625rem, 0.74rem + 3.73vw, 4rem);
}

.fz62 {
	font-size: clamp(1.625rem, 0.787rem + 3.53vw, 3.875rem);
}

.fz60 {
	font-size: clamp(1.625rem, 0.833rem + 3.33vw, 3.75rem);
}

.fz58 {
	font-size: clamp(1.625rem, 0.88rem + 3.14vw, 3.625rem);
}

.fz56 {
	font-size: clamp(1.625rem, 0.926rem + 2.94vw, 3.5rem);
}

.fz54 {
	font-size: clamp(1.625rem, 0.973rem + 2.75vw, 3.375rem);
}

.fz52 {
	font-size: clamp(1.625rem, 1.02rem + 2.55vw, 3.25rem);
}

.fz50 {
	font-size: clamp(1.5rem, 0.895rem + 2.55vw, 3.125rem);
}

.fz48 {
	font-size: clamp(1.5rem, 0.941rem + 2.35vw, 3rem);
}

.fz46 {
	font-size: clamp(1.5rem, 0.988rem + 2.16vw, 2.875rem);
}

.fz44 {
	font-size: clamp(1.5rem, 0.988rem + 2.16vw, 2.875rem);
}

.fz42 {
	font-size: clamp(1.5rem, 1.081rem + 1.76vw, 2.625rem);
}

.fz40 {
	font-size: clamp(1.375rem, 0.956rem + 1.76vw, 2.5rem);
}

.fz38 {
	font-size: clamp(1.375rem, 1.002rem + 1.57vw, 2.375rem);
}

.fz36 {
	font-size: clamp(1.375rem, 1.049rem + 1.37vw, 2.25rem);
}

.fz34 {
	font-size: clamp(1.25rem, 0.924rem + 1.37vw, 2.125rem);
}

.fz32 {
	font-size: clamp(1.25rem, 0.971rem + 1.18vw, 2rem);
}

.fz30 {
	font-size: clamp(1.25rem, 1.017rem + 0.98vw, 1.875rem);
}

.fz28 {
	font-size: clamp(1.25rem, 1.064rem + 0.78vw, 1.75rem);
}

.fz26 {
	font-size: clamp(1.125rem, 0.939rem + 0.78vw, 1.625rem);
}

.fz24 {
	font-size: clamp(1.125rem, 0.985rem + 0.59vw, 1.5rem);
}

.fz22 {
	font-size: clamp(1rem, 0.86rem + 0.59vw, 1.375rem);
}

.fz20 {
	font-size: clamp(1rem, 0.907rem + 0.39vw, 1.25rem);
}

.fz18 {
	font-size: clamp(1rem, 0.953rem + 0.2vw, 1.125rem);
}

.fz16 {
	font-size: clamp(0.875rem, 0.828rem + 0.2vw, 1rem);
}

.fz14 {
	font-size: 14px;
}



/* 水平排列，右对齐，垂直居中 */
.flex-row-end-center {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}

/* 水平排列，右对齐，垂直顶部对齐 */
.flex-row-end-start {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: flex-start;
}

/* 水平排列，右对齐，垂直底部对齐 */
.flex-row-end-end {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: flex-end;
}

/* 水平排列，左对齐，垂直居中 */
.flex-row-start-center {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

/* 水平排列，左对齐，垂直顶部对齐 */
.flex-row-start-start {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}

/* 水平排列，左对齐，垂直底部对齐 */
.flex-row-start-end {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-end;
}

/* 水平排列，居中对齐，垂直居中 */
.flex-row-center-center {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

/* 水平排列，居中对齐，垂直顶部对齐 */
.flex-row-center-start {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
}

/* 水平排列，居中对齐，垂直底部对齐 */
.flex-row-center-end {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-end;
}

/* 水平排列，均匀分布，垂直居中 */
.flex-row-around-center {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}

/* 水平排列，均匀分布，垂直顶部对齐 */
.flex-row-around-start {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: flex-start;
}

/* 水平排列，均匀分布，垂直底部对齐 */
.flex-row-around-end {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: flex-end;
}

/* 水平排列，间隔均匀，垂直居中 */
.flex-row-evenly-center {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: center;
}

/* 水平排列，间隔均匀，垂直顶部对齐 */
.flex-row-evenly-start {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: flex-start;
}

/* 水平排列，间隔均匀，垂直底部对齐 */
.flex-row-evenly-end {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: flex-end;
}

/* 水平排列，两端对齐，垂直居中 */
.flex-row-between-center {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

/* 水平排列，两端对齐，垂直顶部对齐 */
.flex-row-between-start {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}

/* 水平排列，两端对齐，垂直底部对齐 */
.flex-row-between-end {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
}



/* 水平排列，右对齐，垂直拉伸 */
.flex-row-end-stretch {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: stretch;
}

/* 水平排列，左对齐，垂直拉伸 */
.flex-row-start-stretch {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
}

/* 水平排列，居中对齐，垂直拉伸 */
.flex-row-center-stretch {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
}

/* 水平排列，均匀分布，垂直拉伸 */
.flex-row-around-stretch {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: stretch;
}

/* 水平排列，间隔均匀，垂直拉伸 */
.flex-row-evenly-stretch {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: stretch;
}

/* 水平排列，两端对齐，垂直拉伸 */
.flex-row-between-stretch {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
}


/* 垂直排列，顶部对齐，水平居中 */
.flex-column-start-center {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}

/* 垂直排列，顶部对齐，水平左对齐 */
.flex-column-start-start {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}

/* 垂直排列，顶部对齐，水平右对齐 */
.flex-column-start-end {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-end;
}

/* 垂直排列，居中对齐，水平居中 */
.flex-column-center-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

/* 垂直排列，居中对齐，水平左对齐 */
.flex-column-center-start {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

/* 垂直排列，居中对齐，水平右对齐 */
.flex-column-center-end {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
}

/* 垂直排列，底部对齐，水平居中 */
.flex-column-end-center {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
}

/* 垂直排列，底部对齐，水平左对齐 */
.flex-column-end-start {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
}

/* 垂直排列，底部对齐，水平右对齐 */
.flex-column-end-end {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
}

/* 垂直排列，均匀分布，水平居中 */
.flex-column-around-center {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
}

/* 垂直排列，均匀分布，水平左对齐 */
.flex-column-around-start {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: flex-start;
}

/* 垂直排列，均匀分布，水平右对齐 */
.flex-column-around-end {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: flex-end;
}

/* 垂直排列，间隔均匀，水平居中 */
.flex-column-evenly-center {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
}

/* 垂直排列，间隔均匀，水平左对齐 */
.flex-column-evenly-start {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: flex-start;
}

/* 垂直排列，间隔均匀，水平右对齐 */
.flex-column-evenly-end {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: flex-end;
}

/* 垂直排列，两端对齐，水平居中 */
.flex-column-between-center {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

/* 垂直排列，两端对齐，水平左对齐 */
.flex-column-between-start {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
}

/* 垂直排列，两端对齐，水平右对齐 */
.flex-column-between-end {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-end;

}


/* 垂直排列，顶部对齐，水平拉伸 */
.flex-column-start-stretch {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
}

/* 垂直排列，底部对齐，水平拉伸 */
.flex-column-end-stretch {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: stretch;
}

/* 垂直排列，居中对齐，水平拉伸 */
.flex-column-center-stretch {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: stretch;
}

/* 垂直排列，均匀分布，水平拉伸 */
.flex-column-around-stretch {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: stretch;
}

/* 垂直排列，间隔均匀，水平拉伸 */
.flex-column-evenly-stretch {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: stretch;
}

/* 垂直排列，两端对齐，水平拉伸 */
.flex-column-between-stretch {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: stretch;
}


.flex-wrap {
	display: flex;
	flex-wrap: wrap;
}



.mt_0 {
	margin-top: 0;
}

.mb_0 {
	margin-bottom: 0;
}




.pt {
	padding-top: var(--space);
}

.pb {
	padding-bottom: var(--space);
}

.ptb {
	padding-top: var(--space);
	padding-bottom: var(--space);
}

.bgfixed {
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}


html,
body {
	font-family: "Regular";
	font-weight: 400;
}

html {
	scroll-padding-top: 120px;
}

input,
button,
textarea,
select,
button {
	font-family: "Regular", sans-serif;
	font-weight: 400;
	border: none;
}

.bgf {
	background: #fff;
}

.bgf3 {
	background: #F3F5FA;
}

.bgf4 {
	background: #f4f4f4;
}

.bgf5 {
	background: #F5F5F7;
}

.bgf6 {
	background: #f6f6f6;
}

.bgf8 {
	background: #f8f8f8;
}

.bgfa {
	background: #fafafa;
}

.bgm {
	background: var(--hue);
}

.fwn {
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0;
}

.fmr {
	font-family: "Regular";
}

.fmb {
	font-family: "Bold";
}

.fmm {
	font-family: "Medium";
}



.mb_15_10 {
	margin-bottom: clamp(0.625rem, 0.547rem + 0.39vw, 0.938rem);
}

.mb_18_12 {
	margin-bottom: clamp(0.75rem, 0.656rem + 0.47vw, 1.125rem);
}

.mb_20_14 {
	margin-bottom: clamp(0.875rem, 0.781rem + 0.47vw, 1.25rem);
}

.mb_24_18 {
	margin-bottom: clamp(1.125rem, 1.031rem + 0.47vw, 1.5rem);
}

.mb_30_18 {
	margin-bottom: clamp(1.125rem, 0.938rem + 0.94vw, 1.875rem);
}

.mb_35_20 {
	margin-bottom: clamp(1.25rem, 1.016rem + 1.17vw, 2.188rem);
}

.mb_40_25 {
	margin-bottom: clamp(1.563rem, 1.328rem + 1.17vw, 2.5rem);
}

.mb_45_25 {
	margin-bottom: clamp(1.563rem, 1.25rem + 1.56vw, 2.813rem);
}

.mb_50_25 {
	margin-bottom: clamp(1.563rem, 1.172rem + 1.95vw, 3.125rem);
}

.mb_60_30 {
	margin-bottom: clamp(1.875rem, 1.406rem + 2.34vw, 3.75rem);
}

.mb_70_30 {
	margin-bottom: clamp(1.875rem, 1.25rem + 3.13vw, 4.375rem);
}

.wrapper {
	width: 92%;
	max-width: var(--max-width);
	margin-left: auto;
	margin-right: auto;
}

.w_1480 {
	width: 88%;
	max-width: 1480px;
	margin-left: auto;
	margin-right: auto;
}

.w_1400 {
	width: 88%;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}


.header_box {
	height: 0;
	position: relative;
	z-index: 4
}

.header {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 4;
	width: 100%;
	height: 111px;
	padding: 0 clamp(1.25rem, -1.25rem + 3.13vw, 2.5rem);
	border-bottom: 1px solid #7C7C7C;
   backdrop-filter: blur(15px); 
	transition: all 0.5s;
	-webkit-transition: all 0.5s
}

.logo {
	width: 219px;
	height: 110px;
	position: relative
}

.logo img {
	width: 100%
}

.menu_dl {
	gap: clamp(1.25rem, -4.375rem + 7.5vw, 3.125rem);
	margin: 0;
	padding: 0;
	padding-left: clamp(3.125rem, -24.063rem + 36.25vw, 12.188rem)
}

.menu_dl_item {
	position: relative;
	margin: 0;
	padding: 0
}

.menu_dl dd.dd_pro {
	position: static
}

.menu_tt {
	display: block;
	line-height: 110px;
	color: #fff;
	font-size: 18px;
	white-space: nowrap;
	position: relative;
	text-transform: capitalize
}

.menu_tt::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background: var(--hue);
	opacity: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s
}

.menu_dl .menu_dl_item.hover .menu_tt::after {
	opacity: 1
}

.menu_dl .menu_dl_item.hover .menu_tt {
	color: var(--hue)
}

 
.publicTwo_stage_nav {
    display: none;
    position: absolute;
    z-index: 5;
    top: 100%;
    left: 0;
    width: 240px;
    padding: 10px 0;
    background: #FFFFFF;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}

.publicTwo_stage_nav .everyOne {
    position: relative;
}

.publicTwo_stage_nav .everyOne a {
    display: block;
    font-size: 16px;
    color: #1A1A1A;
    padding: 10px 10px 10px 22px;
}

.publicTwo_stage_nav .everyOne:hover>a {
    color: #fff;
    background: var(--hue);
}

.Three_stage_nav {
    display: none;
    position: absolute;
    top: -10px;
    left: 100%;
    width: 240px;
    padding: 10px 0;
    background: #FFFFFF;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}

.Three_stage_nav a:hover {
    color: #fff;
    background: var(--hue);
}

.publicTwo_stage_nav .everyOne:hover .Three_stage_nav {
    display: block;
}


.header_r {
	gap: clamp(0.938rem, -0.938rem + 2.34vw, 1.875rem)
}

.header_r_search {
	width: 30px;
	height: 30px;
	font-size: 24px;
	color: #fff;
	cursor: pointer
}

.header_r_lag {
	position: relative
}

.header_r_lag_tt {
	width: 30px;
	height: 30px;
	font-size: 24px;
	color: #fff;
	cursor: pointer
}

.header_r_lag_tt .icon1 {
	font-size: 26px
}

.header_r_lag_down {
	display: none;
	position: absolute;
	left: 50%;
	top: 100%;
	width: 140px;
	background: #fff;
	border-radius: 10px;
	padding: 8px 0;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0)
}

.header_r_lag_down a {
	display: block;
	font-size: 14px;
	color: #666;
	line-height: 30px;
	text-align: center
}

.header_r_lag_down a:hover {
	color: var(--hue)
}

.header_r_btn {
	width: 144px;
	height: 50px;
	color: #fff;
	background: var(--hue)
}

.search_box {
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -30px 0 0 -450px;
	z-index: 15;
	width: 900px;
	height: 60px;
	padding: 10px;
	background: #f5f5f5
}

.search_box_l {
	width: calc(100% - 90px)
}

.search_box_text {
	width: 100%;
	height: 40px;
	border: 0;
	font-size: 14px;
	padding-left: 20px;
	background: none
}

.search_box_text::-webkit-input-placeholder {
	font-size: 14px;
	text-transform: uppercase
}

.search_box_sub {
	width: 40px;
	height: 40px;
	font-size: 30px;
	color: var(--hue);
	border: 0;
	background: none
}

.search_box_close {
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 26px;
	color: #666;
	border: 0;
	background: none
}

.search_box_close:hover {
	transform: rotateZ(180deg);
	-webkit-transform: rotateZ(180deg)
}

.header.hover {
	background: #fff;
	box-shadow: 0 4px 8px rgb(167 166 166 / .25)
}

.header_box.pro_det {
	height: 111px
}

.location_det2 {
	padding: 10px 0
}

.header_box.pro_det .header {
	border-bottom: none;
	box-shadow: 0 4px 8px rgb(167 166 166 / .25);
	position: relative !important
}



.header.hover .menu_tt,
.header_box.pro_det .menu_tt,
.header.hover .header_r_search,
.header.hover .header_r_lag_tt,
.header_box.pro_det .header_r_search,
.header_box.pro_det .header_r_lag_tt {
	color: #333
}

.header.hover .menu_tt::after,
.header_box.pro_det .menu_tt::after {
	background: var(--hue)
}





































.search_box {
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -30px 0 0 -450px;
	z-index: 15;
	width: 900px;
	height: 60px;
	padding: 10px;
	background: #f5f5f5;
}

.search_box_l {
	width: calc(100% - 90px);
}

.search_box_text {
	width: 100%;
	height: 40px;
	border: 0;
	font-size: 14px;
	padding-left: 20px;
	background: none;
}

.search_box_text::-webkit-input-placeholder {
	font-size: 14px;
	text-transform: uppercase;
}

.search_box_sub {
	width: 40px;
	height: 40px;
	font-size: 30px;
	color: var(--hue);
	border: 0;
	background: none;
}

.search_box_close {
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 26px;
	color: #666;
	border: 0;
	background: none;
}

.search_box_close:hover {
	transform: rotateZ(180deg);
	-webkit-transform: rotateZ(180deg);
}



/*
 * wap head
 */
.mobile_header {
	display: none;
	clear: both;
	width: 100%;
	height: 52px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.mobile_header_top {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 14;
	width: 100%;
	height: 52px;
	background: #ffffff;
	box-shadow: 0 0 5px rgba(50, 50, 50, .2);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.mobile_logo {
	height: 52px;
	margin-left: 0;
	padding: 0 15px;
}

.mobile_logo img {
	height: 34px;
	width: auto;
}

.mobile_header_top_r {
	gap: 5px;
}



.mobile_menu_btn {
	width: 54px;
	height: 52px;
	cursor: pointer;
}

.mobile_menu_btn .line {
	display: block;
	height: 3px;
	width: 28px;
	background: #222222;
	border-radius: 4px;
	margin-bottom: 6px;
}

.mobile_menu_btn .line:last-child {
	margin-bottom: 0;
}

.mobile_search_icon,
.mobile_lag_icon {
	width: 30px;
	color: #222222;
	font-size: 24px;
	line-height: 52px;
	text-align: center;
	cursor: pointer;
}

.mobile_menu_box {
	position: fixed;
	right: -110%;
	top: 0;
	z-index: 15;
	width: 75%;
	height: 100%;
	background: #fff;
	padding: 20px 15px;
	overflow-y: auto;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.mobile_menu_close {
	color: #222222;
	position: absolute;
	right: calc(clamp(1.125rem, 0.739rem + 1.93vw, 2.188rem) * -0.6);
	top: calc(clamp(1.125rem, 0.739rem + 1.93vw, 2.188rem) * -0.6);
	z-index: 15;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 20px;
	text-align: center;
}

.mobile_menu_box.show {
	right: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.mobile_menu_dl {
	margin: 0;
	padding-top: 20px;
}

.mobile_menu_dl dd {
	clear: both;
	margin: 0;
	line-height: 1.3;
	border-bottom: 1px solid #e1e1e1;
}

.mobile_menu_tt {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-align-items: center;
	-webkit-align-items: center;
	align-items: center;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.mobile_menu_tt .text {
	width: calc(100% - 50px);
	color: #333;
	font-size: clamp(1rem, 0.958rem + 0.21vw, 1.125rem);
	line-height: 24px;
	padding: clamp(0.625rem, 0.458rem + 0.83vw, 1.125rem) 0;
	text-transform: uppercase;
	font-family: "PlusJakartaSans-Bold";
}

.mobile_menu_dl dd.hover .mobile_menu_tt .text {
	color: var(--hue);
}

.mobile_menu_tt_icon {
	display: none;
	width: 44px;
	line-height: 44px;
	text-align: center;
	color: #333;
	font-size: clamp(1rem, 0.917rem + 0.42vw, 1.25rem);
	-webit-transition: all 0.5s;
	transition: all 0.5s;
	transform: rotateZ(0deg);
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	cursor: pointer;
}

.mobile_menu_down {
	display: none;
	padding: 6px 0 10px 12px;
}

.mobile_menu_down_clm {
	margin-bottom: 8px;
}

.mobile_menu_down_clm_tt {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	-ms-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-align-items: center;
	-webkit-align-items: center;
	align-items: center;
	color: #333;
}

.mobile_menu_down_clm_tt .tt {
	width: calc(100% - 50px);
	color: #333;
	line-height: 20px;
	font-size: clamp(0.875rem, 0.833rem + 0.21vw, 1rem);
	text-transform: capitalize;
	padding: clamp(0.313rem, 0.208rem + 0.52vw, 0.625rem) 0;
}

.mobile_menu_down_clm_tt .icon {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	transform: rotateZ(90deg);
	transform: rotateZ(0deg);
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-webit-transition: all 0.5s;
	transition: all 0.5s;
}

.mobile_menu_down_clm.hover .mobile_menu_down_clm_tt .icon {
	-webit-transition: all 0.5s;
	transition: all 0.5s;
	transform: rotateZ(90deg);
	-webkit-transform: rotateZ(90deg);
	-ms-transform: rotateZ(90deg);
}

.mobile_menu_down_clm_list {
	display: none;
	padding: 5px 0 0 10px;
}

.mobile_menu_down_clm_list a {
	display: block;
	font-size: 12px;
	line-height: 1.4;
	color: #333;
	padding: 5px 0;
	position: relative;
}

.mobile_menu_tt_icon.hover {
	transform: rotateZ(90deg);
	-webkit-transform: rotateZ(90deg);
	-ms-transform: rotateZ(90deg);
	-webit-transition: all 0.5s;
	transition: all 0.5s;
}





















.mobile_menu_dl dd.hover .mobile_menu_tt .text {
	color: var(--hue);
}

.mobile_search_box {
	position: fixed;
	left: 0;
	top: 52px;
	z-index: 13;
	display: none;
	width: 100%;
	padding: 20px;
	background: #fafafa;
}

.mobile_search_box form {
	width: 100%;
	padding: 2px;
	border-radius: 5px;
	border: 1px solid #ddd;
}

.mobile_search_text {
	line-height: 40px;
	padding-left: 15px;
	font-size: 14px;
	color: #333;
	width: calc(100% - 40px);
	border: 0;
}

.mobile_search_btn {
	width: 40px;
	height: 40px;
	font-size: 22px;
	color: var(--hue);
	text-align: center;
	line-height: 40px;
	font-weight: bold;
	border: none;
	background: #fff;
}

.mobile_menu_b {
	margin-top: 40px;
}

.mobile_menu_b_clm {
	margin-bottom: 25px;
}

.mobile_menu_b_clm .tt {
	font-size: 16px;
	color: #333;
	margin-bottom: 8px;
}

.mobile_menu_b_clm .text {
	font-size: 14px;
	color: #333;
}

.mobile_menu_b_clm .text a {
	color: #333;
	word-break: break-all;
}




.mask,
.mobile_menu_mask {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 15;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .2);
}

.mask {
	z-index: 13;
}






.scroll_dots .scroll_dots_bars {
	position: relative;
	padding-top: clamp(1.25rem, 0.938rem + 1.56vw, 2.5rem);
	z-index: 3;
	left: auto;
	bottom: auto !important;
	width: 100%;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	gap: clamp(0.438rem, 0.313rem + 0.63vw, 0.938rem);
}

.scroll_dots .scroll_dots_bars .swiper-pagination-bullet {
	width: clamp(0.625rem, 0.531rem + 0.47vw, 1rem);
	height: clamp(0.625rem, 0.531rem + 0.47vw, 1rem);
	opacity: 1;
	margin: 0;
	position: relative;
	background: #EEEEEE;
	border-radius: 50%;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}


.scroll_dots2 .scroll_dots_bars .swiper-pagination-bullet {
	background: #F4F4F4;
}

.scroll_dots .scroll_dots_bars .swiper-pagination-bullet-active {
	background: var(--hue);
}


.public_scroll_bars {
	position: relative;
	width: 100%;
	height: 1px !important;
	background: #D9D9D9;
	margin-top: clamp(1.563rem, 1.219rem + 1.72vw, 2.938rem);
	margin-bottom: 2px;
}

.public_scroll_bars .swiper-pagination-progressbar-fill {
	top: -2px;
	height: 5px !important;
	background: var(--hue) !important;
	border-radius: 3px !important;
}





.lh12 {
	line-height: 1.2;
}

.lh13 {
	line-height: 1.3;
}

.lh14 {
	line-height: 1.4;
}

.lh15 {
	line-height: 1.5;
}

.lh16 {
	line-height: 1.625;
}

.lh17 {
	line-height: 1.75;
}

.lh18 {
	line-height: 1.875;
}




.lh15 img,
.lh16 img,
.lh17 img,
.lh18 img {
	height: auto !important;
}





.public_scroll_bars {
	position: relative;
	width: 100%;
	height: 1px !important;
	background: #DFDFDF;
	margin-top: clamp(1.563rem, 1.219rem + 1.72vw, 2.938rem);
	margin-bottom: 2px;
}

.public_scroll_bars .swiper-pagination-progressbar-fill {
	top: -2px;
	height: 5px !important;
	background: var(--hue) !important;
	border-radius: 3px !important;
}




.public_scroll_btn1 {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	width: clamp(1.875rem, 1.641rem + 1.17vw, 2.813rem);
	height: clamp(1.875rem, 1.641rem + 1.17vw, 2.813rem);
	font-size: clamp(1rem, 0.938rem + 0.31vw, 1.25rem);
	border-radius: 6px;
	border: 1px solid #666;
	cursor: pointer;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.public_scroll_btn1.hover {
	color: #fff;
	background: var(--hue);
	border-color: var(--hue);
}

.public_scroll_btn1.prev {
	transform: rotateZ(180deg);
	-webkit-transform: rotateZ(180deg);
	-ms-transform: rotateZ(180deg);
}


/* 返回顶部  */
.float_fixed {
	position: fixed;
	right: 0;
	bottom: 20%;
	z-index: 3;
	width: clamp(1.875rem, 1.563rem + 1.56vw, 3.125rem)
}

.float_fixed .item {
	display: block;
	position: relative;
	margin-top: 8px;
}


.float_fixed .item .item_icon {
	position: relative;
	z-index: 3;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	width: clamp(1.875rem, 1.563rem + 1.56vw, 3.125rem);
	height: clamp(1.875rem, 1.563rem + 1.56vw, 3.125rem);
	font-size: clamp(1.125rem, 1rem + 0.63vw, 1.625rem);
	color: var(--hue);
	box-shadow: 0 0px 6px rgba(0, 0, 0, .25);
	background-color: #ffffff;
	border-radius: 50%;
	transition: all 0.5s;
	-webkit-transition: all 0.5s
}

.float_fixed .item .item_con {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	width: 230px;
	line-height: clamp(1.875rem, 1.563rem + 1.56vw, 3.125rem);
	color: #fff;
	background: var(--hue);
	opacity: 0;
	border-radius: 50px;
	font-size: 14px;
	padding-left: 14px;
	pointer-events: none;
	transition: all 0.5s;
	-webkit-transition: all 0.5s
}

.float_fixed .item .item_con .icon {
	font-size: clamp(1.125rem, 1rem + 0.63vw, 1.625rem);
	color: #fff;
	margin-right: 5px
}

.float_fixed .item:hover {
	.item_icon {
		color: #FFF;
		background-color: var(--hue);
	}
}

.float_fixed .item:hover .item_con {
	pointer-events: auto;
	opacity: 1;
	right: calc(100%)
}

.float_fixed .item.get {
	white-space: nowrap;
	width: 100%;
}

.float_fixed .item.get .item_icon {
	border-radius: 10px;
	height: 120px;
	background-color: var(--hue);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 18px;
	writing-mode: vertical-rl;
	text-orientation: mixed;
	cursor: pointer;
}

.back_top {
	margin-top: 20px;
	border-radius: 5px
}

.back_top .item_icon {
	transform: rotateZ(-90deg)
}





/* open_inq */

.open_window {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 15;
	width: 100%;
	height: 100%
}

.open_window_mask {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5)
}

.open_window_con {
	position: fixed;
	left: 50%;
	top: 50%;
	width: 90%;
	max-height: 90vh;
	height: auto;
	max-width: 650px;
	overflow: hidden;
	background: #fff;
	transform: translate(-50%, -50%)
}

.open_window_con_rela {
	position: relative;
	height: 100%
}

.open_window_close {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	width: clamp(2.5rem, 2.188rem + 1.56vw, 3.75rem);
	height: clamp(2.5rem, 2.188rem + 1.56vw, 3.75rem);
	color: #333;
	font-size: clamp(1.125rem, 0.969rem + 0.78vw, 1.75rem);
	cursor: pointer;
	transition: all 0.5s;
	-webkit-transition: all 0.5s
}

.open_window_con_l {
	width: clamp(13.75rem, -0.139rem + 21.7vw, 21.563rem)
}

.open_window_con_l img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.open_window_con_r {
	width: calc(100% );
	padding: clamp(1.875rem, 1.563rem + 1.56vw, 3.125rem) clamp(0.938rem, 0.234rem + 3.52vw, 3.75rem)
}

.open_window_con_r_title {
	display: grid;
	gap: 10px;
	margin-bottom: clamp(0.938rem, 0.859rem + 0.39vw, 1.25rem)
}

.open_window_con_r_list {
	row-gap: 13px;
	margin: 0;
	padding: 0
}

.open_window_con_r_list dd {
	margin: 0;
	padding: 0
}

.open_window_con_r_list_text_box {
	position: relative
}

.open_window_con_r_list_icon {
	position: absolute;
	top: 0;
	left: 13px;
	font-size: 18px;
	line-height: 48px;
	color: var(--hue)
}

.open_window_con_r_list_text,
.open_window_con_r_list_area {
	display: block;
	width: 100%;
	height: 44px;
	font-size: 16px;
	font-family: "MEDIUM";
	padding: 0 clamp(0.625rem, 0.469rem + 0.69vw, 1.25rem);
	color: #888888;
	background: #fff;
	outline: none;
	border: 1px solid #888888
}

.open_window_con_r_list_area {
	height: clamp(6.25rem, 5.672rem + 2.89vw, 8.563rem);
	resize: none;
	line-height: 1.5;
	padding: 12px 20px
}

.open_window_form_list_text::-webkit-input-placeholder,
.open_window_form_list_area::-webkit-input-placeholder {
	color: #777
}

.open_window_form_list_btn {
	display: block;
	width: 100%;
	height: 48px;
	font-size: 16px;
	cursor: pointer;
	color: #fff;
	font-family: "Inter-Bold";
	background: var(--hue);
	border-radius: 5px
}



/* public_btn1 */
/* public_btn1 */
/* public_btn1 */
.public_btn1 {
	display: inline-block;
	overflow: hidden;
	padding: 0 30px;
	border: 1px solid #888888;
	line-height: 40px;
	cursor: pointer;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.public_btn_out_line {
	background: none;
	border: 1px solid #DCDCDC;
}

.public_btn1.hover {
	color: #fff;
	background: var(--hue);
	border-color: var(--hue);
}

.public_btn1.dark {
	color: #fff;
	background: #222;
	border-color: #222;
}

.public_btn1.white {
	background: #fff;
}

.public_btn_out_line.white {
	border: 1px solid #dcdcdc;
}

.public_btn1:hover {
	color: #fff !important;
	background: var(--hue);
	border-color: var(--hue);
}

.public_btn1 .icon2 {
	width: 12px;
	position: relative;
	bottom: -2px;
	margin-left: 5px;
}



/* footer_contact */
/* footer_contact */
/* footer_contact */
.footer_contact {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	z-index: 2;
	padding: 20px 15px;
	min-height: 325px;
}

.footer_contact_l {
	width: 25%;
}

.footer_contact_r {
	width: 75%;
}

.footer_contact_form .list {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	margin-right: auto;
	gap: clamp(0.625rem, 0.469rem + 0.78vw, 1.25rem);
}

.footer_contact_form .item {
	width: clamp(7.5rem, 6.25rem + 6.25vw, 12.5rem);
}

.footer_contact_form .item input {
	width: 100%;
	height: clamp(2.5rem, 2.344rem + 0.78vw, 3.125rem);
	background-color: rgba(255, 255, 255, 50%);
	color: #ffffff;
	border-radius: 100px;
	padding: 0 clamp(0.625rem, 0.469rem + 0.78vw, 1.25rem);
	font-size: 14px;
}

.footer_contact_form .item input::placeholder {
	color: #ffffff;
	text-transform: capitalize;
}

.footer_contact_form .item.submit {
	width: 150px;
}

.footer_contact_form .item.submit input {
	background-color: var(--hue);
	text-align: center;
	cursor: pointer;
}

/* footer */
/* footer */
/* footer */
.public_footer {
	position: relative;
	background-color: #000000;
}

.public_footer_t {
	padding: 40px 0;
	border-bottom: 1px solid #353535;
}

.public_footer_t_list {
	gap: clamp(0.625rem, 0.49rem + 0.68vw, 1.25rem) 0;
}

.public_footer_t_item {
	position: relative;
	z-index: 2;
	gap: clamp(0.625rem, 0.49rem + 0.68vw, 1.25rem);
}

.public_footer_t_item .con {
	display: grid;
	gap: clamp(0rem, -0.135rem + 0.68vw, 0.625rem);
}

.public_footer_t_item::before {
	content: "";
	width: 1px;
	height: 100%;
	position: absolute;
	left: 0;
	background-image: linear-gradient(to top, rgba(124, 124, 124, 0), rgba(136, 136, 136, 100%), rgba(78, 78, 78, 31%));
}

.public_footer_t_item:last-child::after {
	content: "";
	position: absolute;
	right: 0;
	width: 1px;
	height: 100%;
	background-image: linear-gradient(to top, rgba(124, 124, 124, 0), rgba(136, 136, 136, 100%), rgba(78, 78, 78, 31%));
}



.public_footer_c {
	padding: clamp(1.875rem, 1.334rem + 2.7vw, 4.375rem) 0;
}







.public_footer_l {
	width: 26%;
}

.public_footer_l .text {
	word-wrap: break-word;
	/* 旧标准，兼容老浏览器 */
	overflow-wrap: break-word;
	/* 新标准，推荐 */
	word-break: break-all;
	/* 强制任意位置断行（纯英文/链接必加） */
}

.public_footer_logo {
	display: block;
    width:150px;
	margin-bottom: 20px;
}


.public_footer_ms {
	margin-top: clamp(0.625rem, 0.313rem + 1.56vw, 1.875rem);
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	grid-gap: clamp(0.625rem, 0.469rem + 0.78vw, 1.25rem);
}

.public_footer_ms a {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	width: 42px;
	height: 42px;
	background-color: transparent;
	border-radius: 5px;
	color: #ffffff;
	font-size: clamp(1rem, 0.86rem + 0.59vw, 1.375rem);
}

.public_footer_ms a:hover {
	transform: translate(0%, -5px);
	-ms-transform: translate(0%, -5px);
	-webkit-transform: translate(0%, -5px);
	color: #ffffff;
	background-color: var(--hue);
	border-color: var(--hue);
	transition: all linear 0.6s;
}

.public_footer_r {
	width: 60%;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.footer_t_r_item {
	width: 50%;
}

.footer_t_r_item .bottom {
	width: 100%;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.footer_t_r_item_tt {
	text-transform: capitalize;
	color: #ffffff;
	position: relative;
	margin-bottom: 20px;
}


.footer_t_r_item_list a {
	position: relative;
	gap: 5px;
	text-transform: capitalize;
	color: #ffffff;
	padding: clamp(0.188rem, 0.125rem + 0.31vw, 0.438rem) 0;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	line-height: 1.5;
}


.footer_t_r_item_list a:hover {
	color: var(--hue);
	transform: translateX(3px);
	-webkit-transform: translateX(3px);
}

.public_footer_b {
	border-top: 1px solid #353535;
	padding: 15px 0;
}

.public_footer_b .footer_b_text {
	text-align: center;
}







/* location */
.location {
	background-color: transparent;
	border-bottom: 1px solid #EEEEEE;
}


.location .wrapper {
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 50px;
	gap: 0 8px;
}

.location a {
	color: #666666;
}

.location a:hover {
	color: var(--hue);
}

.public_module_title {
	display: grid;
	gap: 15px 0;
}

.public_module_title .line {
	width: 60px;
	height: 6px;
	background-color: var(--hue);
}

.public_module_title .text {
	line-height: 1.6;
	word-wrap: break-word;
	/* 旧标准，兼容老浏览器 */
	overflow-wrap: break-word;
	/* 新标准，推荐 */
	word-break: break-all;
	/* 强制任意位置断行（纯英文/链接必加） */
}

.public_module_title .text a {
	color: #333333;
	text-decoration: underline;
}

.public_module_title .text a:hover {
	color: var(--hue);
}


/* swiper——page */
.public_swiper_pagination {
	position: relative;
	bottom: 0 !important;
}

.public_swiper_pagination .swiper-pagination-bullet {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	position: relative;
	margin: 0 10px !important;
	background-color: #DCDCDC;
	opacity: 1;
	transition: all .6s;
	-ms-transition: all .6s;
	-webkit-transition: all .6s;
}

.public_swiper_pagination .swiper-pagination-bullet-active {
	background-color: var(--hue);
}

/* page */
.page_box {
	padding: clamp(2.5rem, 2.21rem + 1.45vw, 3.75rem) 0 0;
}

.page_box .wp-pagenavi {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	gap: clamp(0.313rem, 0.156rem + 0.78vw, 0.938rem);
}

.wp-pagenavi>a,
.wp-pagenavi>span {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	color: #333;
	font-size: clamp(0.875rem, 0.844rem + 0.16vw, 1rem);
	width: clamp(2.25rem, 2.2rem + 0.25vw, 2.5rem);
	height: clamp(2.25rem, 2.2rem + 0.25vw, 2.5rem);
	border: 1px solid #DCDCDC;
	border-radius: 50%;
}

.page_box a:hover,
.page_box a.hover,
.page_box a.current,
.page_box span.current {
	color: #fff;
	background: var(--hue);
	border-color: var(--hue);
}

.wp-pagenavi>a:hover {
	color: #fff;
	background: var(--hue);
	border-color: var(--hue);
}

.page_btn {}

.wp-pagenavi a.page_btn.prev {
	transform: rotateZ(180deg);
	-webkit-transform: rotateZ(180deg);
	-ms-transform: rotateZ(180deg);
}




/* page */


.error_box {
	padding-top: clamp(4.375rem, 3.531rem + 4.22vw, 7.75rem);
	padding-bottom: clamp(4.375rem, 3.531rem + 4.22vw, 7.75rem);
}

.error_con_icon {
	height: clamp(7.5rem, 3.25rem + 21.25vw, 24.5rem);
}


.success_con_icon {
	height: clamp(6.25rem, 4.875rem + 6.88vw, 11.75rem);
}

.error_con_btn {
	width: 280px;
	height: clamp(2.75rem, 2.5rem + 1.25vw, 3.75rem);
}

.success_con_btn {
	width: 128px;
	height: clamp(2.75rem, 2.5rem + 1.25vw, 3.75rem);
}

.error_btn {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	gap: 5px;
	color: #333;
	height: clamp(2.5rem, 2.344rem + 0.78vw, 3.125rem);
	border-radius: clamp(1.25rem, 1.172rem + 0.39vw, 1.563rem);
	background: var(--hue);
	cursor: pointer;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.error_btn .tt {
	color: #fff;
	padding: 0 clamp(1.063rem, 0.781rem + 1.41vw, 2.188rem);
}

.error_btn .icon {
	width: clamp(2.5rem, 2.344rem + 0.78vw, 3.125rem);
	height: clamp(2.5rem, 2.344rem + 0.78vw, 3.125rem);
	color: var(--hue);
	border-radius: 50%;
	background: #fff;
	border: 1px solid var(--hue);
}

/* index */
/* index */
/* index */
.index_one {
	position: relative;
	z-index: 2;
}

.index7_banner_item {
	display: block;
	width: 100%; 
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: center;
	-ms-align-items: center;
	-webkit-align-items: center;
}
.index7_banner_item img{
	width:100%;
	height:100%;
	transition: all .6s;
	-ms-transition: all .6s;
	-webkit-transition: all .6s;
}
.index7_banner_item .con {
	width: 100%;

	max-width: 580px;
}


.index7_banner_item .subtitle {
	margin-bottom: 5px;
}

.index7_banner_item .title {
	margin-bottom: 10px;
}

.index7_banner_item .public_btn1 {
	border-radius: 4px;
	margin-top: 20px;
}

.index7_banner_swiper_pagination {
	z-index: 2;
	position: absolute;
	bottom: clamp(1.25rem, 0.859rem + 1.95vw, 2.813rem) !important;
	left: 0;
	width: 100%;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
}

.index7_banner_swiper_pagination {
	padding-bottom: 5px;
}

.index7_banner_swiper_pagination .swiper-pagination-bullet {
	background-color: #E6E6E6;
	opacity: 1;
	position: relative;
	width: 6px;
	height: 6px;
	margin: 0 clamp(0.625rem, 0.547rem + 0.39vw, 0.938rem) !important;
	transition: all .6s;
	-ms-transition: all .6s;
	-webkit-transition: all .6s;
}

.index7_banner_swiper_pagination .swiper-pagination-bullet::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	border: 1px solid var(--hue);
	width: 16px;
	height: 16px;
	display: block;
	border-radius: 50%;
	opacity: 0;
	transition: all .6s;
	-ms-transition: all .6s;
	-webkit-transition: all .6s;
}

.index7_banner_swiper_pagination .swiper-pagination-bullet-active {
	background-color: var(--hue);
}

.index7_banner_swiper_pagination .swiper-pagination-bullet-active::before {
	opacity: 1;
}


.indBoxFive {
	position: relative;
	isolation: isolate;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover
}

.indBoxFive1 {
	padding: clamp(3.125rem, -0.387rem + 14.79vw, 16.25rem) clamp(0.938rem, 0.185rem + 3.17vw, 3.75rem) 0
}

.indBoxFive2 {
	padding: clamp(1.563rem, -0.026rem + 6.69vw, 7.5rem) 0 0 clamp(0.938rem, -2.157rem + 13.03vw, 12.5rem);
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-align-items: center;
	-webkit-align-items: center;
	align-items: center;
	-ms-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.indFive2_l {
	width: 53.3%
}

.indFive2_l_01 {
	color: #888
}

.indFive2_r {
	width: 42.1%;
	-ms-perspective: 900px;
	-moz-perspective: 900px;
	-webkit-perspective: 900px;
	perspective: 900px;
	overflow: hidden
}

.indFive2_r img {
	width: 100%
}

.indFive2_r:hover img {
	-ms-transform: translateZ(80px);
	-moz-transform: translateZ(80px);
	-webkit-transform: translateZ(80px);
	transform: translateZ(80px);
	-ms-transition: all 1.6s;
	-webkit-transition: all 1.6s;
	transition: all 1.6s
}

.indFive2_l_02 {
	padding-top: clamp(0.938rem, 0.519rem + 1.76vw, 2.5rem);
	text-align: center;
	column-gap: 9%;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}

.indFive2_l_02 .item .number {
	color: #1A1A1A
}

.indFive2_l_02 .item .text {
	color: #888;
	padding-top: clamp(0rem, -0.067rem + 0.28vw, 0.25rem)
}

.indFive2_l_03 {
	padding-top: clamp(1.25rem, 0.497rem + 3.17vw, 4.063rem);
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.indBoxFive3 {
	position: relative;
	padding-top: clamp(2.5rem, 1.998rem + 2.11vw, 4.375rem);
	overflow: hidden
}

.indBoxFive3 img {
	width: 100%
}

.indFive3_01 {
	position: absolute;
	z-index: 2;
	left: 0;
	bottom: -40%;
	width: 100%
}

.indBoxFive4 {
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0
}

.indBoxFive4 img {
	width: 72.08vw;
	height: fit-content;
	-ms-transition: none;
	-webkit-transition: none;
	transition: none
}

.indBoxFive4 svg.path {
	width: 72.08vw;
	height: fit-content;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	--path: 2808.8564453125
}

@keyframes ind_line {
	0% {
		stroke-dashoffset: 2809
	}

	100% {
		stroke-dashoffset: 0
	}
}

.indBoxFive4 svg.path .st0 {
	fill: none;
	stroke: #131313;
	stroke-dasharray: 2808.8564453125;
	stroke-dashoffset: 2809;
	animation: 10s ind_line linear forwards;
	animation-play-state: paused
}



.index05_three{
   padding-bottom: var(--space); 
	background-size: cover;
	background-repeat: no-repeat;
	background-position:  bottom;
	position: relative;
	z-index: 2;
}
.index05_three1 { 
	row-gap: clamp(0.938rem, 0.749rem + 0.79vw, 1.563rem);
}

.index05_three1_item {
	border-radius: 20px;
	padding: clamp(1.25rem, 0.873rem + 1.59vw, 2.5rem) clamp(0.938rem, 0.655rem + 1.19vw, 1.875rem) clamp(1.125rem, 0.899rem + 0.95vw, 1.875rem);
	transition: all 0.6s;
}

.index05_three1_item:hover {
	background: var(--hue);
}

.index05_three1_item .icon {
	width: clamp(2.75rem, 2.222rem + 2.22vw, 4.5rem);
	margin: 0 auto;
}

.index05_three1_item .icon img {
	width: 100%;
}

.index05_three1_item .icon .img_02 {
	display: none;
}

.index05_three1_item:hover .icon .img_02 {
	display: block;
}

.index05_three1_item:hover .icon .img_01 {
	display: none;
}

.index05_three1_item .title {
	color: #333333;
	text-align: center;
	padding-top: 28px;
	transition: all 0.6s;
}

.index05_three1_item .text {
	color: #666;
	padding-top: 12px;
	text-align: center;
	transition: all 0.6s;
}

.index05_three1_item:hover .title,
.index05_three1_item:hover .text {
	color: #fff;
}













































/* index_two */
.index_two_list {
	gap: 25px;
}

.index_two_item {
	padding: 15px;
	border-radius: 20px;
	overflow: hidden;
	background-color: #F5F5F5;
	display: block;
	transition: all .6s;
	-ms-transition: all .6s;
	-webkit-transition: all .6s;
}

.index_two_item .pic {
	border-radius: 20px;
	overflow: hidden;
	width: 100%;
	position: relative;
	z-index: 2;
}

.index_two_item .pic::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .17);
	transition: all .6s;
	-ms-transition: all .6s;
	-webkit-transition: all .6s;
	z-index: 2;
}

.index_two_item:hover .pic::before {
	opacity: 0;
}

.index_two_item .pic img {
	width: 100%;
	height: 100%;
	transition: all 1.8s;
	-ms-transition: all 1.8s;
	-webkit-transition: all 1.8s;
}

.index_two_item:hover .pic img {
	transform: scale(1.13, 1.13);
	-ms-transform: scale(1.13, 1.13);
	-webkit-transform: scale(1.13, 1.13);
	transition: all 1.8s;
	-ms-transition: all 1.8s;
	-webkit-transition: all 1.8s;
}

.index_two_item .con {
	text-align: center;
	padding: 20px 0;
}

.index_two_item .title {
	margin-bottom: 10px;
}

.index_two_item .text {
	margin-bottom: 15px;
}

.index_two_item:hover {
	box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
}

.index_two_item:hover .public_btn1 {
	background-color: var(--hue);
	color: #ffffff !important;
	border-color: var(--hue);
}

/* index_three */
.index_three_t {
	padding: 60px 0 clamp(0.938rem, 0.6rem + 1.69vw, 2.5rem) 0;
	background-color: #F5F5F5;
}

.index_three_table {
	gap: clamp(0.938rem, 0.735rem + 1.01vw, 1.875rem);
}

.index_three_table .item {
	cursor: pointer;
	color: #222222;
	font-family: "Bold";
	font-size: clamp(1rem, 0.907rem + 0.39vw, 1.25rem);
	position: relative;
	z-index: 2;
	border-bottom: 4px solid transparent;
	padding-bottom: 8px;
}

.index_three_table .item.hover {
	border-color: var(--hue);
	color: var(--hue);
}

.index_three_b {
	background-color: #0D0B0B;
	padding-bottom: 40px;
}

.index_three_b_con {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	z-index: 2;
	min-height: 25vw;
}

.index_three_b_con::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to top, rgba(0, 0, 0, 33%), rgba(0, 0, 0, 0%));
	z-index: -1;
}

.index_three_b_con .title {
	margin-bottom: 20px;
}

.index_three_b_con .public_btn1 {
	margin-top: clamp(0.938rem, 0.6rem + 1.69vw, 2.5rem);
	border-color: #ffffff;
	background-color: var(--hue);
}



.index_three_swiper {
	padding: 5px clamp(0.625rem, 0.49rem + 0.68vw, 1.25rem);
}

.index_three_item {
	position: relative;
	z-index: 2;
}

.index_three_item .pic {
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.index_three_item .pic::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .15);
	z-index: 1;
	transition: all .6s;
	-ms-transition: all .6s;
	-webkit-transition: all .6s;
}

.index_three_item .pic img {
	width: 100%;
	height: 100%;
	transition: all 1.8s;
	-ms-transition: all 1.8s;
	-webkit-transition: all 1.8s;
}

.index_three_item:hover .pic img {
	transform: scale(1.13, 1.13);
	-ms-transform: scale(1.13, 1.13);
	-webkit-transform: scale(1.13, 1.13);
	transition: all 1.8s;
	-ms-transition: all 1.8s;
	-webkit-transition: all 1.8s;
}

.index_three_item:hover .pic::before {
	opacity: 0;
}

.index_three_item .con {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 15px;
	backdrop-filter: blur(15px);
	z-index: 4;
}

.index_three_item .left {
	width: 87%;
}

.index_three_item .text {
	margin-top: 12px;
	margin-bottom: 10px;
	display: none;
}

.index_three_item .right {
	width: 13%;
	text-align: right;
	display: none;
}

.index_three_swiper_pagination {
	position: relative;
	display: block;
	margin-top: 20px;
	background-color: rgba(255, 255, 255, 33%);
	height: 1px !important;

}

.index_three_b .swiper-pagination-progressbar-fill {
	background-color: var(--hue);
	height: 7px;
	top: -3px;
	border-radius: 30px;
	overflow: hidden;
}

/* index_four */
.index_four {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	z-index: 2;
	text-align: center;
}

.index_four_con {
	max-width: 1225px;
	margin: auto;
}

.index_four_l {
	width: 160px;
	position: relative;
	z-index: 2;
}

.index_four_l::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 20px;
	overflow: hidden;
	width: calc(100% + clamp(0rem, -0.27rem + 1.35vw, 1.25rem));
	height: 100%;
	background-color: #323232;
	z-index: -1;
}

.index_four_r {
	width: calc(100% - 160px);
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	z-index: 2;
	background-color: #2A2A2A;
}

.index_four_box {
	width: 38%;
	position: relative;
	z-index: 2;
	background-color: #323232;
}

.index_four_box:first-child:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url(../images/index_four_con_bg.png);
	z-index: -1;
}

.index_four_box:first-child {
	width: 62%;
	background-color: #1F1F1F;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 25%);
}

.index_four_title {
	min-height: clamp(3.125rem, 2.625rem + 2.5vw, 5.438rem);
	gap: 0 5px;
	background-color: #2A2A2A;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 25%);
}

.index_four_box:first-child .index_four_title {
	background-image: linear-gradient(to right, #D02125, #6A1113);
}

.index_four_list {
	padding: clamp(0.625rem, 0.422rem + 1.01vw, 1.563rem);
}

.index_four_item {
	padding: 5px;
	min-height: clamp(2.5rem, 1.824rem + 3.38vw, 5.625rem);
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-webkit-align-items: center;
	border-bottom: 1px dashed #ffffff;
}

.index_four_item:last-child {
	border: none;
}

.index_four_box:last-child .index_four_item {
	color: #CCCCCC !important;
}

/* index_five */
.index_five_list {
	gap: 25px;
	min-height: 500px;
}

.index_five_item {
	background-color: #ffffff;
	border-radius: 20px;
	height: min-content;
	overflow: hidden;
	border: 1px solid #F0F0F0;
	transition: all .6s;
	-ms-transition: all .6s;
	-webkit-transition: all .6s;
}

.index_five_item.hover {
	box-shadow: 0 4px 4px rgba(0, 0, 0, 25%);
}

.index_five_item .pic {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	max-width: 170px;
	margin: auto;
	margin-top: 45px;
	width: 100%;

}

.index_five_item .pic img {
	width: 100%;
	height: 100%;
	transition: all 1.8s;
	-ms-transition: all 1.8s;
	-webkit-transition: all 1.8s;
}

.index_five_item:hover .pic img {
	transform: scale(1.13, 1.13);
	-ms-transform: scale(1.13, 1.13);
	-webkit-transform: scale(1.13, 1.13);
	transition: all 1.8s;
	-ms-transition: all 1.8s;
	-webkit-transition: all 1.8s;
}

.index_five_item .con {
	padding: 30px 15px;
	text-align: center;
}

.index_five_item .text {
	line-height: 1.6;
	margin: 10px 0;
	display: none;
}

/* index_six */
.index_six {
	background-color: #F5F5F5;
}

.index_six_swiper_btn {
	gap: 0 15px;
}

.public_swiper_button {
	width: clamp(2.188rem, 1.877rem + 1.55vw, 3.625rem);
	height: clamp(2.188rem, 1.877rem + 1.55vw, 3.625rem);
	border: 1px solid #000000;
	border-radius: 50%;
	overflow: hidden;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: center;
	-ms-align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	cursor: pointer;
	transition: all .6s;
	-ms-transition: all .6s;
	-webkit-transition: all .6s;
}

.public_swiper_button.prev {
	transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
}

.public_swiper_button:hover {
	background-color: var(--hue) !important;
	border-color: var(--hue) !important;
	color: #ffffff;
}

.index_six_b {
	width: calc((100% - 10px) / 2 + 50vw);
}

.index_six_item {
	width: 100%;

	position: relative;
	z-index: 2;
}

.index_six_item .pic {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.index_six_item .pic::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 29%);
	z-index: 1;
}

.index_six_item .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 1.8s;
	-ms-transition: all 1.8s;
	-webkit-transition: all 1.8s;
}

.index_six_item:hover .pic img {
	transform: scale(1.13, 1.13);
	-ms-transform: scale(1.13, 1.13);
	-webkit-transform: scale(1.13, 1.13);
	transition: all 1.8s;
	-ms-transition: all 1.8s;
	-webkit-transition: all 1.8s;
}

.index_six_item .con {
	position: absolute;
	bottom: 10px;
	left: 15px;
	backdrop-filter: blur(15px);
	padding: clamp(0.938rem, 0.735rem + 1.01vw, 1.875rem) 15px;
	width: 300px;
	border-radius: 10px 10px 0 0;
	gap: clamp(0.313rem, 0.177rem + 0.68vw, 0.938rem) 0;
	z-index: 2;
}

.index_six_item .trim {
	gap: 5px;
}

/* index_seven */
.index_seven_swiper_btn {
	gap: 15px;
}

.index_seven_swiper {
	width: calc(100% + 20px);
	padding: 10px;
	position: relative;
	left: -10px;
}

.index_seven_item {
	background-color: #F5F5F5;
	border-radius: 20px;
	overflow: hidden;
	padding: clamp(1.25rem, 0.845rem + 2.03vw, 3.125rem) clamp(0.938rem, 0.532rem + 2.03vw, 2.813rem);
	transition: all .6s;
	-ms-transition: all .6s;
	-webkit-transition: all .6s;
}

.index_seven_item .name_pic {
	width: clamp(2.813rem, 2.191rem + 3.11vw, 5.688rem);
	height: clamp(2.813rem, 2.191rem + 3.11vw, 5.688rem);
	border-radius: 50%;
	overflow: hidden;
	margin-right: 10px;
}

.index_seven_item .name_pic img {
	width: 100%;
	height: 100%;
	transition: all 1.8s;
	-ms-transition: all 1.8s;
	-webkit-transition: all 1.8s;
}

.index_seven_item .name_con {
	width: calc(100% - clamp(2.813rem, 2.191rem + 3.11vw, 5.688rem) - 10px);
	display: grid;
	gap: 10px 0;
}

.index_seven_item .bottom .item {
	margin-top: 15px;
}

.index_seven_item .bottom .text {
	margin-top: 10px;
}

.index_seven_item:hover {
	box-shadow: 0 4px 4px rgba(0, 0, 0, 25%);
}

/* index_eight */
.index_eight {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	z-index: 2;
}

.index_eight::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 38%);
	z-index: -1;
}

.index_eight_t .left {
	width: 60%;
}

.index_eight_t .public_btn1 {
	margin-top: 2.6vw;
}

.index_eight_list {
	width: 30%;
	display: grid;
	gap: clamp(1.25rem, 0.912rem + 1.69vw, 2.813rem);
}

.index_eight_item .size {
	font-size: clamp(3.125rem, 2.449rem + 3.38vw, 6.25rem);
	line-height: .7;
	-webkit-text-stroke: 4px #fff;
	font-weight: bold;
	color: #fff;
	/* 垂直渐变蒙版，实现文字渐变透明 */
	mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
	-webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
	transition: all .6s;
	-ms-transition: all .6s;
	-webkit-transition: all .6s;
}

.index_eight_item .title {
	min-height: clamp(3.75rem, 3.074rem + 3.38vw, 6.875rem);
	border-radius: 10px;
	overflow: hidden;
	backdrop-filter: blur(5px);
	padding: 20px;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: center;
	-ms-align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	background-color: rgba(217, 217, 217, 20%);
	transition: all .6s;
	-ms-transition: all .6s;
	-webkit-transition: all .6s;
}

.index_eight_item:hover .size {
	color: var(--hue) !important;
	-webkit-text-stroke: 4px var(--hue) !important;
	mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%) !important;
	-webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%) !important;
}

.index_eight_item:hover .title {
	background-color: var(--hue);
}

.index_eight_b {
	border-top: 1px solid #ffffff;
	backdrop-filter: blur(5px);
	padding: 30px 15px;
	margin-top: 60px;
}

.index_eight_number {
	text-align: center;
	gap: 20px;
}

.index_eight_number .number {
	margin-bottom: clamp(0.625rem, 0.49rem + 0.68vw, 1.25rem);
	line-height: 1;
}

/* index_nine */


.public_swiper_p15 {
	width: calc(100% + 20px);
	padding: 10px;
	position: relative;
	left: -10px;
}

.index_nine_l {
	width: 40%;
}

.index_nine_logo {
	margin: clamp(0.625rem, 0.49rem + 0.68vw, 1.25rem) 0;
}

.index_nine_swiper_btn {
	gap: 15px;
}

.index_nine_r {
	width: 50%;
	position: relative;
	z-index: 2;
}


.index_nine_swiper {
	position: relative;
	z-index: 2;
	width: calc((100% - 10px) / 2 + 32vw);
	padding: 15px;
}

.index_nine_swiper .swiper-slide {
	transition: all 1.8s;
	-ms-transition: all 1.8s;
	-webkit-transition: all 1.8s;
}

.index_nine_swiper .swiper-slide.next_00 .index_nine_item {
	z-index: 5;
	opacity: 1;
}

.index_nine_swiper .swiper-slide.next_01 .index_nine_item {
	z-index: 4;
	opacity: 80%;
}

.index_nine_swiper .swiper-slide.next_02 .index_nine_item {
	z-index: 3;
	opacity: 60%;
}

.index_nine_swiper .swiper-slide.next_03 .index_nine_item {
	z-index: 2;
	opacity: 40%;
}

.index_nine_swiper .swiper-slide.next_04 .index_nine_item {
	z-index: 1;
	opacity: 20%;
}

.index_nine_item {
	position: relative;
	min-width: clamp(9.375rem, 6.402rem + 14.86vw, 23.125rem);
	border-radius: 20px;
	overflow: hidden;
	padding: clamp(0.938rem, 0.6rem + 1.69vw, 2.5rem) clamp(0.938rem, 0.735rem + 1.01vw, 1.875rem);
	background-color: #F5F7FF;
	box-shadow: 0px 0 16px rgba(0, 0, 0, 25%);
	opacity: 0;
	transition: all 0.6s;
	-ms-transition: all 0.6s;
	-webkit-transition: all 0.6s;
}

.index_nine_item img {
	width: 100%;
	height: 100%;
	transition: all 0.6s;
	-ms-transition: all 0.6s;
	-webkit-transition: all 0.6s;
}

.index_nine_item:hover img {
	transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
}







.faq_list {
	display: grid;
	gap: 20px 0
}

.faq_list_item {
	cursor: pointer;
	position: relative;
	border: 1px solid #B4B9C0;
	border-radius: 5px;
	padding: 20px clamp(0.938rem, 0.703rem + 1.17vw, 1.875rem);
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-webkit-justify-content: space-between;
	transition: all .6s;
	-ms-transition: all .6s;
	-webkit-transition: all .6s
}


.faq_list_item .right {
	width: calc(100% - clamp(1.25rem, 0.859rem + 1.95vw, 2.813rem))
}

.faq_list_item .top {
	line-height: 1;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: flex-start;
	-ms-align-items: flex-start;
	-webkit-align-items: flex-start;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-webkit-justify-content: space-between
}

.faq_list_item .top .title {
	padding: 0 5px
}

.faq_list_item .bottom {
	padding-top: 15px;
	display: none;
}

.faq_list_item .top .icon {
	position: relative;
	z-index: 2;
}

.faq_list_item.hover .top .icon::before {
	content: "\e616";
	color: var(--hue);
}

/* index_eleven */
.index_eleven_l {
	width: 50%;
}

.index_eleven_item {
	display: block;
}

.index_eleven_item .pic {
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
}

.index_eleven_item .pic img {
	width: 100%;
	height: 100%;
	transition: all 1.8s;
	-ms-transition: all 1.8s;
	-webkit-transition: all 1.8s;
}

.index_eleven_item:hover .pic img {
	transform: scale(1.13, 1.13);
	-ms-transform: scale(1.13, 1.13);
	-webkit-transform: scale(1.13, 1.13);
	transition: all 1.8s;
	-ms-transition: all 1.8s;
	-webkit-transition: all 1.8s;
}

.index_eleven_item .con {
	display: grid;
	gap: clamp(0.625rem, 0.422rem + 1.01vw, 1.563rem) 0;
	margin-top: clamp(0.625rem, 0.422rem + 1.01vw, 1.563rem);
}

.index_eleven_r .btn {
	border: 1px solid #CCCCCC;
}

/* index_twelve */
.index_twelve {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	z-index: 2;
}

.index_twelve_l {
	width: 45%;
}

.index_twelve::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-image: linear-gradient(to right,rgba(0,0,0,60%),rgba(0,0,0,0));
	z-index: -1;
	width: 100%;
	height: 100%;
}

.index_twelve_item {
	gap: clamp(0.625rem, 0.355rem + 1.35vw, 1.875rem);
	border-bottom: 1px dotted rgba(255, 255, 255, 25%);
	padding: clamp(0.938rem, 0.802rem + 0.68vw, 1.563rem) 0; 
}
.index_twelve_item .iconfont{
	width:60px;
}
.index_twelve_item .con {
	display: grid;
	gap: 10px;
}

.index_twelve_r {
	width: 48%;
	border: 1px solid #ffffff;
	border-radius: 20px;
	padding: clamp(1.25rem, 0.845rem + 2.03vw, 3.125rem) clamp(0.938rem, 0.329rem + 3.04vw, 3.75rem);
	backdrop-filter: blur(5px);
}

.index_twelve_form .list_item {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-webkit-justify-content: space-between;
	gap: clamp(0.625rem, 0.49rem + 0.68vw, 1.25rem) 0;
}

.index_twelve_form .list_item .item {
	width: calc((100% - clamp(0.625rem, 0.355rem + 1.35vw, 1.875rem)) / 2);
}

.index_twelve_form .item.width-s-100 {
	width: 100%;
}

.index_twelve_form .list_item .tt {
	margin-bottom: 10px;
}

.index_twelve_form .input_tt input {
	width: 100%;
	border-radius: 5px;
	backdrop-filter: blur(5px);
	background-color: rgba(255, 255, 255, 20%);
	border: 1px solid rgba(255, 255, 255, 60%);
	height: clamp(2.5rem, 2.365rem + 0.68vw, 3.125rem);
	color: #ffffff;
	font-size: clamp(1rem, 0.946rem + 0.27vw, 1.25rem);
	padding: 10px;
}

.index_twelve_form .item .list {
	gap: 10px;
	margin-top: 20px;
}

.index_twelve_form .item .list .checkbox-item {
	color: #ffffff;
	font-size: 14px;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: flex-start;
	-ms-align-items: flex-start;
	-webkit-align-items: flex-start;
	line-height: 1.2;
	gap: 10px;
}

/* 隐藏原生复选框 */
.index_twelve_form .item .list .checkbox-item input[type="checkbox"] {
	display: none;
}

.index_twelve_form .item .list .checkbox-item .check-box {
	width: 10px;
	height: 10px;
	background-color: rgba(255, 255, 255, 50%);
	box-sizing: border-box;
	position: relative;
}

/* 选中样式：红色背景+白色对勾 */
.index_twelve_form .item .list .checkbox-item input[type="checkbox"]:checked+.check-box {
	background-color: var(--hue);
}

.index_twelve_form .item textarea {
	width: 100%;
	border-radius: 5px;
	backdrop-filter: blur(5px);
	background-color: rgba(255, 255, 255, 20%);
	border: 1px solid rgba(255, 255, 255, 60%);
	height: 95px;
	color: #ffffff;
	font-size: clamp(1rem, 0.946rem + 0.27vw, 1.25rem);
	padding: 10px;
	resize: none;
}

.index_twelve_form .item textarea::placeholder {
	color: #A2A2A2;
	font-size: 14px;
}

.index_twelve_form .submit input {
	background-color: var(--hue);
	border-radius: 50px;
	border-color: var(--hue);
	backdrop-filter: blur(0);
	font-size: 14px;
	font-family: "Bold";
	text-transform: uppercase;
	cursor: pointer;
}

/* index end*/
/* index end*/
/* index end*/
.subPage_banner {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}

.subPage_banner_w {
	height: clamp(12.5rem, 5.81rem + 28.17vw, 37.5rem);
	padding-bottom: clamp(1.25rem, -0.59rem + 7.75vw, 8.125rem);
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-align-items: flex-end;
	-webkit-align-items: flex-end;
	align-items: flex-end
}

.subPage_banner1 {
	width: 100%
}

.subPage_banner1 .text {
	padding-top: clamp(0.438rem, 0.354rem + 0.35vw, 0.75rem)
}




.pro_li2BoxOne {
	background: #F4F4F5
}

.pro_li2One1 {
	column-gap: 8%;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center
}

.pro_li2One1 .item a {
	display: block;
	color: #1A1A1A;
	height: clamp(2.5rem, 1.831rem + 2.82vw, 5rem);
	line-height: clamp(2.5rem, 1.831rem + 2.82vw, 5rem);
	border-bottom: 1px solid transparent
}

.pro_li2One1 .item.hover a,
.pro_li2One1 .item a:hover {
	color: var(--hue);
	border-bottom-color: var(--hue)
}












.pro_li1Two1 {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.pro_li1Two1_l {
	width: 20.3%
}

.pro_li1Two1_l_1 {
	border-bottom: 1px solid #102842;
	padding-bottom: 15px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-align-items: center;
	-webkit-align-items: center;
	align-items: center;
	-ms-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.pro_li1Two1_l_1 .title {
	color: #000
}

.pro_li1Two1_l_1 .clear_btn a {
	color: var(--hue)
}

.pro_li1Two1_l_1 .clear_btn a:hover {
	text-decoration: underline
}

.pro_li1Two1_l_2 .item {
	padding: clamp(0.938rem, 0.77rem + 0.7vw, 1.563rem) 0;
	border-bottom: 1px solid #102842
}

.pro_li1Two1_l_2_top {
	cursor: pointer;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.pro_li1Two1_l_2_top .title {
	width: calc(100% - clamp(2.188rem, 2.137rem + 0.21vw, 2.375rem));
	color: #1A1A1A
}

.pro_li1Two1_l_2_top .iconfont {
	font-weight: 700;
	font-size: clamp(1rem, 0.967rem + 0.14vw, 1.125rem);
	color: #1A1A1A;
	text-align: center;
	width: clamp(1.563rem, 1.512rem + 0.21vw, 1.75rem);
	height: clamp(1.563rem, 1.512rem + 0.21vw, 1.75rem);
	line-height: clamp(1.563rem, 1.512rem + 0.21vw, 1.75rem)
}

.pro_li1Two1_l_2_bot {
	padding-top: clamp(0.5rem, 0.383rem + 0.49vw, 0.938rem)
}

.pro_li1Two1_l_2_bot .every {
	margin-bottom: clamp(0.438rem, 0.337rem + 0.42vw, 0.813rem)
}

.pro_li1Two1_l_2_bot>.every:last-child {
	margin-bottom: 0
}

.pro_li1Two1_l_2_bot .every a {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.pro_li1Two1_l_2_bot .every a .icon {
	width: 16px;
	height: 16px;
	border: 1px solid #102842;
	margin-top: clamp(0.188rem, 0.171rem + 0.07vw, 0.25rem);
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-align-items: center;
	-webkit-align-items: center;
	align-items: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
	-ms-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s
}

.pro_li1Two1_l_2_bot .every a:hover .icon {
	background: var(--hue);
	border-color: var(--hue)
}

.pro_li1Two1_l_2_bot .every a .icon img {
	display: block
}

.pro_li1Two1_l_2_bot .every a .text {
	width: calc(100% - 16px);
	color: #1A1A1A;
	padding-left: clamp(0.375rem, 0.342rem + 0.14vw, 0.5rem)
}

.pro_li1Two1_l_2_bot .every a .text .number {
	color: #898989;
	padding-left: 4px
}

.pro_li1Two1_l_2_bot .every.hover a .icon {
	background: var(--hue);
	border-color: var(--hue)
}

.pro_li1Two1_r {
	width: 75.6%
}

.pro_li1Two1_r_1 {
	display: grid;  
	column-gap: clamp(0.75rem, 0.365rem + 1.62vw, 2.188rem);
	row-gap: clamp(1.563rem, 1.312rem + 1.06vw, 2.5rem)
}

.pro_li1Two1_r_3 {
	color: #000;
	padding-bottom: clamp(1rem, 0.849rem + 0.63vw, 1.563rem)
}

.attachment-full {
	width: 100%;
	height: auto;
	object-fit: cover
}

.indOne1_item a {
	display: block
}

.indOne1_item a .img_box {
	position: relative;
	-ms-perspective: 900px;
	-moz-perspective: 900px;
	-webkit-perspective: 900px;
	perspective: 900px;
	overflow: hidden
}

.indOne1_item a .img_box img {
	width: 100%;
   height:100%;     
}

.indOne1_item a:hover .img_box>img {
	-ms-transform: translateZ(80px);
	-moz-transform: translateZ(80px);
	-webkit-transform: translateZ(80px);
	transform: translateZ(80px);
	-ms-transition: all 1.6s;
	-webkit-transition: all 1.6s;
	transition: all 1.6s
}

.indOne1_item a .bot_box {
	 
}

.indOne1_item a .bot_box .title {
        margin-bottom: 10px;
	color: #222222;
	-ms-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s
}

.indOne1_item a:hover .bot_box .title {
	color: var(--hue)
}

.indOne1_item a .bot_box .text {
	color: #666666;
	padding-top: clamp(0.125rem, 0.092rem + 0.14vw, 0.25rem);
   overflow:hidden; 
   text-overflow:ellipsis;
   display:-webkit-box;
   -webkit-box-orient:vertical;   
   -webkit-line-clamp:2;
}

.indOne1_item a .bot_box .btn {
	padding-top: clamp(0.75rem, 0.583rem + 0.7vw, 1.375rem);
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}






















/* pro_det1 */
/* pro_det1 */
/* pro_det1 */
 .det4_box1 {
	padding: clamp(1.563rem, 1.172rem + 1.95vw, 3.125rem) 0;
}

.det4_box1_l {
	width: 46.5%;
}

.det4_box1_r {
	width: 50%;
}

.det4_box1_l .item {
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
   height:100%; 
}

.det4_box1_l .item img {
	width: 100%;
	height: 100%;
   max-height:500px;
   object-fit: cover;  
	transition: all 1.8s;
	-ms-transition: all 1.8s;
	-webkit-transition: all 1.8s;
}

.det4_box1_l .item:hover img {
	transform: scale(1.13, 1.13);
	-ms-transform: scale(1.13, 1.13);
	-webkit-transform: scale(1.13, 1.13);
	transition: all 1.8s;
	-ms-transition: all 1.8s;
	-webkit-transition: all 1.8s;
}


.det4_box1_l .bottom {
   max-height: 120px;
	margin-top: clamp(0.938rem, 0.703rem + 1.17vw, 1.875rem);
}

.det4_box1_min_swiper {
	width: calc(100% - (clamp(2.5rem, 2.234rem + 1.33vw, 3.563rem) * 2) - clamp(0.625rem, 0.313rem + 1.56vw, 1.875rem) * 2);
}

.det4_box1_swiper_btn {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: center;
	-ms-align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	border-radius: 6px;
	width: clamp(2.5rem, 2.234rem + 1.33vw, 3.563rem);
	position: relative;
	z-index: 2;
	border: 1px solid var(--hue);
	background-color: rgba(255, 255, 255, 40%);
	cursor: pointer;
	transition: all .6s;
	-ms-transition: all .6s;
	-webkit-transition: all .6s;
}

  
.det4_box1_swiper_btn.prev {
	transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
}
 

.det4_box1_swiper_btn:hover {
	background-color: var(--hue);
    color:#fff !important;
}

 

.det4_box1_r_title {
	margin-bottom: 15px;
}



.det4_box1_r_type {
	margin: clamp(0.938rem, 0.547rem + 1.95vw, 2.5rem) 0;
	padding: clamp(0.625rem, 0.313rem + 1.56vw, 1.875rem) 0;
	background-image: repeating-linear-gradient(-8deg, var(--hue), var(--hue) 6px, transparent 6px, transparent 12px, var(--hue) 12px), repeating-linear-gradient(82deg, var(--hue), var(--hue) 6px, transparent 6px, transparent 12px, var(--hue) 12px), repeating-linear-gradient(172deg, var(--hue), var(--hue) 6px, transparent 6px, transparent 12px, var(--hue) 12px), repeating-linear-gradient(262deg, var(--hue), var(--hue) 6px, transparent 6px, transparent 12px, var(--hue) 12px);
	background-size: 1px calc(0%), calc(100% + 12.12px) 1px, 1px calc(0%), calc(100% + 12.12px) 1px;
	background-position: 0 0, 0 0, 100% 0, 0 100%;
	background-repeat: no-repeat;
	animation: det4_box1_r_type 1s infinite linear;
}

.det4_box1_r_type .title {
	margin-bottom: 10px;
}

.det4_box1_r_type .list {
	display: grid;
	gap: clamp(0.313rem, 0.234rem + 0.39vw, 0.625rem);
}

@keyframes det4_box1_r_type {
	from {
		background-position: 0 0, -12.12px 0, 100% -12.12px, 0 100%;
	}

	to {
		background-position: 0 -12.12px, 0 0, 100% 0, -12.12px 100%;
	}
}

.det4_box1_r_btn {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	gap: clamp(0.625rem, 0.547rem + 0.39vw, 0.938rem);
	margin-bottom: clamp(0.625rem, 0.313rem + 1.56vw, 1.875rem);
}

.det4_box1_r_btn a {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: center;
	-ms-align-items: center;
	-webkit-align-items: center;
	gap: 10px;
	border: 1px solid var(--hue);
	border-radius: 50px;
	height: clamp(2.5rem, 2.25rem + 1.25vw, 3.5rem);
	padding: 0 clamp(0.938rem, 0.625rem + 1.56vw, 2.188rem);
}

.det4_box1_r_btn a:first-child {
	background-color: var(--hue);
}

.det4_box1_r_share {
        white-space: nowrap;
	gap: 5px;
    flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}


.pro_det1_b_bars_box {
	height: calc(clamp(3.125rem, 2.188rem + 4.69vw, 6.875rem) + 6px);
}

.pro_det1_b_bars {
	position: relative;
	z-index: 5;
	width: 100%;
	height: calc(clamp(3.125rem, 2.188rem + 4.69vw, 6.875rem) + 5px);
	border-top: 4px solid var(--hue);
	background: #fff;
	border-bottom: 1px solid #dfdfdf;
}

.pro_det1_b_bars_list {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	border-left: 1px solid #dfdfdf;
}

.pro_det1_b_bars_list .item {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	text-align: center;
	width: calc(100% / 6);
	height: clamp(3.125rem, 2.188rem + 4.69vw, 6.875rem);
	text-align: center;
	border-right: 1px solid #DFDFDF;
	gap: 3px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	cursor: pointer;
}

.pro_det1_b_bars_list .item.hover {
	background: var(--hue);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.pro_det1_b_bars_list .item .icon {
	width: clamp(1.75rem, 1.531rem + 1.09vw, 2.625rem);
	height: clamp(1.75rem, 1.531rem + 1.09vw, 2.625rem);
	position: relative;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.pro_det1_b_bars_list .item .icon .icon2 {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
}

.pro_det1_b_bars_list .item .tt {
	color: #333;
	text-transform: capitalize;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.pro_det1_b_bars_list .item.hover .icon .icon1 {
	opacity: 0;
}

.pro_det1_b_bars_list .item.hover .icon .icon2 {
	opacity: 1;
}

.pro_det1_b_bars_list .item.hover .tt {
	color: #fff;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

/* pro_det1_one */
.pro_det1_one .left {
	width: 48%;
}

.pro_det1_one .right {
	width: 45%;
	position: relative;
	z-index: 2;
	overflow: hidden;
	display: block;
}

.pro_det1_one .right img {
	width: 100%;
	height: 100%;
}

.pro_det1_one .right .icon {
	width: clamp(3.125rem, 2.656rem + 2.08vw, 5rem);
	height: clamp(3.125rem, 2.656rem + 2.08vw, 5rem);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	background-color: var(--hue);
	border-radius: 50%;

}

.pro_det1_one .right .icon::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 55%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	border-width: 20px 0px 20px 25px;
	border-style: solid;
	border-color: transparent transparent transparent #ffffff;
}

 

/* pro_det1_three */
 
.pro_deBoxFour {
    background: #F4F4F5;
}

.pro_deFour1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: clamp(0.938rem, 0.754rem + 0.77vw, 1.625rem);
}

.pro_deFour1_01 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: clamp(0.938rem, 0.754rem + 0.77vw, 1.625rem);
    row-gap: clamp(0.938rem, 0.754rem + 0.77vw, 1.625rem);
}

.pro_deFour1_item a {
    position: relative;
    display: block;
}

.pro_deFour1_item a .img_box {
    -ms-perspective: 900px;
    -moz-perspective: 900px;
    -webkit-perspective: 900px;
    perspective: 900px;
    overflow: hidden;
}

.pro_deFour1_item a .img_box img {
    width: 100%;
}

.pro_deFour1_item a:hover .img_box img {
    -ms-transform: translateZ(80px);
    -moz-transform: translateZ(80px);
    -webkit-transform: translateZ(80px);
    transform: translateZ(80px);
    -ms-transition: all 1.6s;
    -webkit-transition: all 1.6s;
    transition: all 1.6s;
}

.pro_deFour1_item a .text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 10px clamp(0.625rem, 0.491rem + 0.56vw, 1.125rem);
    color: #fff;
    text-align: center;
}

.pro_deFour1_02 {
    column-gap: clamp(0.938rem, 0.754rem + 0.77vw, 1.625rem);
    row-gap: clamp(0.938rem, 0.754rem + 0.77vw, 1.625rem);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.pro_deFour1_02>.pro_deFour1_item:nth-child(1) {
    width: 66.1%;
}

.pro_deFour1_02>.pro_deFour1_item:nth-child(2) {
    width: calc(100% - 66.1% - clamp(0.938rem, 0.754rem + 0.77vw, 1.625rem));
}

.pro_deFour1_03 {
    column-gap: clamp(0.938rem, 0.754rem + 0.77vw, 1.625rem);
    row-gap: clamp(0.938rem, 0.754rem + 0.77vw, 1.625rem);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.pro_deFour1_03>.pro_deFour1_item:nth-child(1) {
    width: calc(100% - 66.1% - clamp(0.938rem, 0.754rem + 0.77vw, 1.625rem));
}

.pro_deFour1_03>.pro_deFour1_item:nth-child(2) {
    width: 66.1%;
}

.pro_deFive1 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: clamp(0.75rem, -0.555rem + 5.49vw, 5.625rem);
    row-gap: 16px;
}

.pro_deFive1_item {
    color: #1A1A1A;
    text-align: center;
}

.pro_deFive1_item .icon {
    width: clamp(3.75rem, 2.847rem + 3.8vw, 7.125rem);
    margin: 0 auto;
    -ms-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.pro_deFive1_item:hover .icon {
    transform: rotateY(180deg);
}

.pro_deFive1_item .icon img {
    width: 100%;
}

.pro_deFive1_item .title {
    padding-top: clamp(0.625rem, 0.541rem + 0.35vw, 0.938rem);
}

.pro_deFive1_item .text {
    padding-top: clamp(0.25rem, 0.116rem + 0.56vw, 0.75rem);
}
/* pro_det1_four */
.pro_det1_four_con .pic {
	width: 50%;
	overflow: hidden;
}

.pro_det1_four_con .con {
	width: 45%;
	display: grid;
	gap: clamp(0.938rem, 0.781rem + 0.78vw, 1.563rem);
}

/* pro_det1_five */
.pro_det1_five {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	z-index: 2;
}

.pro_det1_five_l {
	width: 35%;
}

.pro_det1_five_r {
	width: 57%;
}

.pro_det1_five_mailto {
	gap: 10px;
}

.pro_det1_five_mailto .icon {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: var(--hue);
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: center;
	-ms-align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
}

.pro_det1_five_mailto .mailto {
	width: calc(100% - 50px);
}

.pro_det1_five_mailto a {
	text-decoration: underline;
	color: #ffffff;
}

.pro_det1_five_mailto a:hover {
	color: var(--hue);
}

.pro_det1_five_form .list {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-webkit-justify-content: space-between;
	gap: clamp(0.625rem, 0.469rem + 0.78vw, 1.25rem) clamp(0rem, -0.25rem + 1.25vw, 1rem);
}

.pro_det1_five_form .list .item {
	width: calc((100% - clamp(0rem, -0.25rem + 1.25vw, 1rem)) / 2);
}

.pro_det1_five_form .list .item.submit,
.pro_det1_five_form .list .item.textarea {
	width: 100%;
}

.pro_det1_five_form .list .item input {
	width: 100%;
	height: clamp(2.5rem, 2.344rem + 0.78vw, 3.125rem);
	background-color: #ffffff;
	overflow: hidden;
	font-size: clamp(0.875rem, 0.828rem + 0.2vw, 1rem);
	color: #333333;
	padding: 0 clamp(0.625rem, 0.547rem + 0.39vw, 0.938rem);
}

.pro_det1_five_form .list .item textarea::placeholder,
.pro_det1_five_form .list .item input::placeholder {
	font-size: clamp(0.875rem, 0.828rem + 0.2vw, 1rem);
	color: #333333;
}

.pro_det1_five_form .list .item textarea {
	height: clamp(6.25rem, 5.781rem + 2.34vw, 8.125rem);
	width: 100%;
	resize: none;
	color: #333333;
	padding: clamp(0.625rem, 0.547rem + 0.39vw, 0.938rem);
}

.pro_det1_five_form .list .item.submit input {
	width: clamp(12.5rem, 8.625rem + 19.38vw, 28rem);
	border-radius: 4px;
	font-family: "Inter_Bold";
	background-color: var(--hue);
	padding: 0;
	color: #ffffff;
	font-size: clamp(1rem, 0.953rem + 0.2vw, 1.125rem);
	margin: auto;
	cursor: pointer;
	margin-top: clamp(0rem, -0.313rem + 1.56vw, 1.25rem);
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
}

/* pro_det1_six */
.pro_det1_six_item {
	border: 1px solid #DCDCDC;
	padding: clamp(0.625rem, 0.469rem + 0.78vw, 1.25rem);
	background-color: #ffffff;
	display: block;
}

.pro_det1_six_item .pic {
	width: 100%;
	overflow: hidden;
}

.pro_det1_six_item .pic img {
	width: 100%;
	height: 100%;
	transition: all 1.8s;
	-ms-transition: all 1.8s;
	-webkit-transition: all 1.8s;
}

.pro_det1_six_item .con {
	padding: 15px 0;
}

.pro_det1_six_item .list {
	margin-top: clamp(0.625rem, 0.313rem + 1.56vw, 1.875rem);
}

.pro_det1_six_item .list .item {
	border-bottom: 1px solid #EEEEEE;
	padding: 10px 0;
	line-height: 1.6;
}

.pro_det1_six_item .btn {
	width: 156px;
	height: 50px;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: center;
	-ms-align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	margin: auto;
	margin-top: 20px;
	background-color: var(--hue);
	border-radius: 30px;
}

.pro_det1_six_item:hover .pic img {
	transform: scale(1.13, 1.13);
	-ms-transform: scale(1.13, 1.13);
	-webkit-transform: scale(1.13, 1.13);
	transition: all 1.8s;
	-ms-transition: all 1.8s;
	-webkit-transition: all 1.8s;
}

/* pro_det1 */
/* pro_det1 */
/* pro_det1 */
/* about07 */
/* about07     这个是about06  顺序颠倒了 */
/* about07 */
.about07_banner {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	z-index: 2;
}
.about07_banner::before{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width:100%;
	height:100%;
	background-image: linear-gradient(to right,rgba(0,0,0,30%),rgba(0,0,0,0));
	z-index: -1;
}
.about07_banner img{
	width:100%;
	height:100%;
}
 

.pro_l_box4_bars {
	width: 100%;
   gap: 15px clamp(0.938rem, 0.484rem + 2.02vw, 2.5rem);     
}

.pro_l_box4_bars .item {  
	cursor: pointer;
	transition: all 0.5s;
	-webkit-transition: all 0.5s
}

.pro_l_box4_bars .item .num {
	width: clamp(1.875rem, 1.75rem + 0.63vw, 2.375rem);
	height: clamp(1.875rem, 1.75rem + 0.63vw, 2.375rem);
	border-radius: 50%;
	color: #fff;
	background: #333;
	transition: all 0.5s;
	-webkit-transition: all 0.5s
}

.pro_l_box4_bars .item .tt {
	color: #333;
        margin: 0;
        margin-bottom: 10px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s
}
.pro_l_box4_bars .item .pic{
	width:100%;
    border-radius: 10px;
	overflow: hidden;
    margin-top: 15px;
}
.pro_l_box4_bars .item .pic img {
	width:100%;
	height:100%;
	transition: all .6s;
	-ms-transition: all .6s;
	-webkit-transition: all .6s;
}
 
.pro_l_box4_bars .item:hover .pic img {
	 transform:scale(1.13, 1.13);
	 -ms-transform: scale(1.13, 1.13);
	 -webkit-transform: scale(1.13, 1.13);
	 transition: all 1.8s;
	 -ms-transition: all 1.8s;
	 -webkit-transition: all 1.8s;
}
.pro_l_box4_bars  .item:hover .num {
	background: var(--hue)
}

.pro_l_box4_bars  .item:hover .tt {
	color: var(--hue)
}
 

/* index7_seven */
.index7_seven_con {
	position: relative;
	overflow: hidden;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	row-gap: clamp(0.625rem, 0.437rem + 0.79vw, 1.25rem)
}

@keyframes goAnimate {
	100% {
		transform: translateX(-50%)
	}
}

.index7_seven_item {
	width: max-content;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	animation: goAnimate 36s linear infinite
}

.index7_seven_item {
	padding-right: clamp(0.625rem, 0.587rem + 0.16vw, 0.75rem);
	column-gap: clamp(0.625rem, 0.587rem + 0.16vw, 0.75rem);
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.index7_seven_item .every {
	width: clamp(12.5rem, 8.484rem + 20.08vw, 28.563rem);
	background: #FFF;
	-ms-perspective: 900px;
	-moz-perspective: 900px;
	-webkit-perspective: 900px;
	perspective: 900px;
	overflow: hidden;
	position: relative;
	border: 1px solid #EEE
}

.index7_seven_item .every::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .1);
	z-index: 2;
	width: 100%;
	height: 100%;
}

.index7_seven_item .every img {
	width: 100%
}

.index7_seven_item .every:hover img {
	-ms-transform: translateZ(80px);
	-moz-transform: translateZ(80px);
	-webkit-transform: translateZ(80px);
	transform: translateZ(80px);
	-ms-transition: all 1.6s;
	-webkit-transition: all 1.6s;
	transition: all 1.6s
}

.index7_seven_item.active {
	animation: goAnimate 36s linear infinite reverse
}

.oemBoxTwo {
	background: #F4F4F5
}

.oemBoxTwo_l {
	width: 48%;
}

.oemBoxTwo_r {
	width: 48%;
	overflow: hidden;
}
.oemBoxTwo_list{
	display: grid; 
	gap: 20px;
    margin-bottom: 20px;
}
.oemBoxTwo_list .item{
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
   align-items: center;
	-ms-align-items: center;
	-webkit-align-items: center;
	gap: 15px;
}
.oemBoxTwo_list .item .icon{
	width: clamp(3.125rem, 2.656rem + 2.08vw, 5rem);
	height: clamp(3.125rem, 2.656rem + 2.08vw, 5rem);
	border-radius: 50%;
}
.oemBoxTwo_list .item .icon img{
	width:100%;
	height:100%;
	transition: all 1.8s;
	-ms-transition: all 1.8s;
	-webkit-transition: all 1.8s;
}
.oemBoxTwo_list .item .con{
	width: calc(100% - 80px - 15px);
}
.oemBoxTwo_list .item .con .title{
	margin-bottom: 10px;
}
.oemBoxTwo_r img {
	width: 100%;
	height: 100%;
	transition: all 1.8s;
	-ms-transition: all 1.8s;
	-webkit-transition: all 1.8s;
}

.oemBoxTwo_r:hover img {
	transform: scale(1.13, 1.13);
	-ms-transform: scale(1.13, 1.13);
	-webkit-transform: scale(1.13, 1.13);
	transition: all 1.8s;
	-ms-transition: all 1.8s;
	-webkit-transition: all 1.8s;
} 
/* index7_seven end*/
/* about07_one */
.about07_one .con {
	width: 45%;
}

.about07_one .list {
	margin: 30px 0;
	display: grid;
	gap: 15px 0;
}

.about07_one .item {}

.about07_one .pic {
	width: 50%;
	position: relative;
	z-index: 2;
}

.about07_one .pic .img {
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
}

.about07_one .pic .img img {
	width: 100%;
	height: 100%;
	transition: all 1.8s;
	-ms-transition: all 1.8s;
	-webkit-transition: all 1.8s;
}

.about07_one .pic .img:hover img {
	transform: scale(1.13, 1.13);
	-ms-transform: scale(1.13, 1.13);
	-webkit-transform: scale(1.13, 1.13);
	transition: all 1.8s;
	-ms-transition: all 1.8s;
	-webkit-transition: all 1.8s;
}

.about07_one_video {
	position: absolute;
	top: 50%;
	left: 50%;
	width: clamp(6.25rem, 5.469rem + 3.91vw, 9.375rem);
	height: clamp(6.25rem, 5.469rem + 3.91vw, 9.375rem);
	border: 2px solid #ffffff;
	border-radius: 50%;
	z-index: 2;
	padding: clamp(0.375rem, 0.281rem + 0.47vw, 0.75rem);
	background-color: rgba(217, 217, 217, 19%);
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.about07_one_video::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	border-width: 13px 0px 13px 25px;
	border-style: solid;
	border-color: transparent transparent transparent var(--hue);
}

.about07_one_video::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	border-radius: 50%;
	width: clamp(3.438rem, 3.125rem + 1.56vw, 4.688rem);
	height: clamp(3.438rem, 3.125rem + 1.56vw, 4.688rem);
	z-index: -1;
	background-color: #ffffff;
}

.about07_one_video img {
	width: 100%;
	height: 100%;
}

/* about07_two */
.about07_two {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 2;
}

.about07_two_number {}

.about07_two_item {
	padding: clamp(1.25rem, 0.703rem + 2.73vw, 3.438rem) clamp(1.25rem, 0.859rem + 1.95vw, 2.813rem);
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: center;
	-ms-align-items: center;
	-webkit-align-items: center;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	gap: clamp(0.625rem, 0.469rem + 0.78vw, 1.25rem);
	transition: all .6s;
	-ms-transition: all .6s;
	-webkit-transition: all .6s;
}

.about07_two_item .icon {
	width: clamp(3.125rem, 2.813rem + 1.56vw, 4.375rem);
	height: clamp(3.125rem, 2.813rem + 1.56vw, 4.375rem);
	transition: all .6s;
	-ms-transition: all .6s;
	-webkit-transition: all .6s;
}

.about07_two_item .icon img {
	width: 100%;
	height: 100%;
	transition: all 1.8s;
	-ms-transition: all 1.8s;
	-webkit-transition: all 1.8s;
}

.about07_two_item .con {
	width: calc(100% - 90px);
}

.about07_two_item .number {
	color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #ffffff;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: center;
	-ms-align-items: center;
	-webkit-align-items: center;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(255, 255, 255, 40%);
}

.about07_two_item:hover {
	background-color: var(--hue);
}

.about07_two_item:hover .icon {
	transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	-webkit-transform: rotateY(-180deg);
}

/* about07_three */
.about07_three_swiper .swiper-slide {
	height: auto;
}

.about07_three_item {
	height: 100%;
	background-color: #ffffff;
	border-radius: 10px;
	overflow: hidden;
	padding: clamp(1.25rem, 0.703rem + 2.73vw, 3.438rem);
	text-align: center;
}

.about07_three_item .icon {
	height: clamp(3.75rem, 3.125rem + 3.13vw, 6.25rem);
	margin-bottom: clamp(0.938rem, 0.703rem + 1.17vw, 1.875rem);
}

.about07_three_item .icon img {
	height: 100%;
	transition: all .6s;
	-ms-transition: all .6s;
	-webkit-transition: all .6s;
}

.about07_three_item .title {
	margin-bottom: clamp(0.938rem, 0.781rem + 0.78vw, 1.563rem);
}

/* about07_four */
.about07_four {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	z-index: 2;
}

.about07_four .public_btn1 {
	margin-top: 25px;
	width: 156px;
	height: 50px;
}

/* about07_five */
.about07_five_item {
	display: block;
	text-align: center;
}

.about07_five_item .pic {
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid #DCDCDC;
	padding: clamp(0.625rem, 0.469rem + 0.78vw, 1.25rem);
	margin-bottom: clamp(0.625rem, 0.469rem + 0.78vw, 1.25rem);
	transition: all .6s;
	-ms-transition: all .6s;
	-webkit-transition: all .6s;
}

.about07_five_item .pic img {
	width: 100%;
	height: 100%;
	transition: all 1.8s;
	-ms-transition: all 1.8s;
	-webkit-transition: all 1.8s;
}

.about07_five_item:hover .pic {
	box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
}

.about07_five_swiper {
	position: relative;
	z-index: 2;
}

.about07_five_swiper::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: clamp(3.125rem, 0.781rem + 11.72vw, 12.5rem);
	height: 100%;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 100%), rgba(255, 255, 255, 0%));
	z-index: 2;
}

.about07_five_swiper::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: clamp(3.125rem, 0.781rem + 11.72vw, 12.5rem);
	height: 100%;
	background-image: linear-gradient(to left, rgba(255, 255, 255, 100%), rgba(255, 255, 255, 0%));
	z-index: 2;
}

.about07_five_btn {
	gap: 20px;
	position: relative;
}

.about07_five_btn::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	width: calc((100% - 150px) / 2);
	height: 1px;
	background-color: #EEEEEE;
}

.about07_five_btn::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	width: calc((100% - 150px) / 2);
	height: 1px;
	background-color: #EEEEEE;
}



.about7_box11_list1 {
	gap: clamp(0.625rem, 0.594rem + 0.16vw, 0.75rem);
}

.about7_box11_list1 .item {
	border: 1px solid #eee;
	border-radius: 10px;
	padding: 8px;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
}


.about7_box10_scroll_item_pic {
	position: relative;
}

.about7_box10_scroll_item_pic img {
	display: block;
	width: 100%;
}

.about7_box10_scroll_item_sm {
	position: absolute;
	left: 0;
	bottom: clamp(0.938rem, 0.547rem + 1.95vw, 2.5rem);
	width: 100%;
	gap: clamp(0.313rem, 0.078rem + 1.17vw, 1.25rem);
}

.about7_box10_scroll_item_sm .icon {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	width: clamp(1.875rem, 1.625rem + 1.25vw, 2.875rem);
	height: clamp(1.875rem, 1.625rem + 1.25vw, 2.875rem);
	border-radius: 50%;
	font-size: clamp(1.125rem, 1.063rem + 0.31vw, 1.375rem);
	color: #fff;
	background: var(--hue);
}

.about7_box10_scroll_item_sm .icon:hover {
	transform: translateY(-3px);
	-webkit-transform: translateY(-3px);
}

.about7_box10_scroll_item_con {
	padding: clamp(1.125rem, 1.031rem + 0.47vw, 1.5rem) 0 0;
}

.about7_box10_scroll_item_con .tt {
	margin-bottom: 6px;
}



.about7_box9_l {
	width: 45.83%;
}

.about7_box9_r {
	width: 49.7%;
}

.about7_box9_r_clm {
	gap: clamp(0.938rem, 0.703rem + 1.17vw, 1.875rem);
}

.about7_box9_r_clm .item .icon {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	width: clamp(3.75rem, 3.281rem + 2.34vw, 5.625rem);
	height: clamp(3.75rem, 3.281rem + 2.34vw, 5.625rem);
	border-radius: 50%;
	background: #F5F5F5;
	position: relative;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.about7_box9_r_clm .item .icon .icon2 {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
}

.about7_box9_r_clm .item .con {
	width: calc(100% - clamp(3.75rem, 3.281rem + 2.34vw, 5.625rem));
	padding-left: clamp(0.625rem, 0.313rem + 1.56vw, 1.875rem);
}

.about7_box9_r_clm .item .con .tt {
	color: #333;
	margin-bottom: 6px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.about7_box9_r_clm .item .con .text {
	color: #666;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.about7_box9_r_clm .item:hover .icon {
	background: var(--hue);
}

.about7_box9_r_clm .item:hover .icon .icon1 {
	opacity: 0;
}

.about7_box9_r_clm .item:hover .icon .icon2 {
	opacity: 1;
}

.about7_box9_r_clm .item:hover .con .tt,
.about7_box9_r_clm .item:hover .con .text {
	color: var(--hue);
}


.about7_box7_l {
	width: 46.7%;
}

.about7_box7_l_list {
	gap: clamp(0.625rem, 0.469rem + 0.78vw, 1.25rem);
}

.about7_box7_l_list .item {
	min-height: clamp(2.5rem, 2.281rem + 1.09vw, 3.375rem);
	background: #f5f5f5;
	border-radius: 10px;
	padding: 0 clamp(0.625rem, 0.469rem + 0.78vw, 1.25rem);
	cursor: pointer;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.about7_box7_l_list .item .icon {
	width: 20px;
	height: 20px;
	font-size: 12px;
	color: #333;
	background: #fff;
	border-radius: 50%;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.about7_box7_l_list .item .tt {
	width: calc(100% - 20px);
	padding-left: 8px;
	color: #333;
	transition: all 0.5s;
}

.about7_box7_l_list .item.hover {
	color: #fff;
	background: var(--hue);
}

.about7_box7_l_list .item.hover .icon {
	color: var(--hue);
	background: #fff;
}

.about7_box7_l_list .item.hover .tt {
	color: #fff;
}

.about7_box7_r {
	width: 49.3%;
}

.about7_box7_r img {
	width: 100%;
}

.about7_box8_scroll_item {
	position: relative;
}

.about7_box8_scroll_item img {
	width: 100%;
}

.about7_box8_scroll_item .tt {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	line-height: 46px;
	background: rgba(0, 0, 0, .4);
}

.about7_box8_scroll_item:hover img {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
}

.about7_box8_scroll_item_box {
	gap: clamp(0.938rem, 0.703rem + 1.17vw, 1.875rem);
}


.about7_box6_scroll_item {
	gap: clamp(0.938rem, 0.703rem + 1.17vw, 1.875rem);
}

.about7_box6_scroll_item_l {
	width: 40.27%;
}

.about7_box6_scroll_item_l img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.about7_box6_scroll_item_l:hover img {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
}

.about7_box6_scroll_item_r {
	width: calc(100% - 40.27% - clamp(0.938rem, 0.703rem + 1.17vw, 1.875rem));
	gap: clamp(0.938rem, 0.703rem + 1.17vw, 1.875rem);
}

.about7_box6_scroll_item_r .item img {
	width: 100%;
}

.about7_box6_scroll_item_r .item:hover img {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
}

/* about07 */
/* about07 */
/* about07 */

/* news1_list */
/* news1_list */
/* news1_list */
.news1_list_banner {
	position: relative;
	z-index: 2;
}

.news1_list_banner .bg {
	width: 100%;
	height: 100%;
}

.news1_list_banner_con {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* news1_list_table */
.news1_list_table {
	background-color: #f5f5f5;

}

.news1_list_table .wrapper {

	gap: 0 clamp(1.25rem, -1.406rem + 13.28vw, 11.875rem);
}

.news1_list_table .item {
	gap: 10px;
	text-transform: uppercase;
	padding: clamp(0.938rem, 0.703rem + 1.17vw, 1.875rem) 0;
}

.news1_list_table .item .icon {
	width: 30px;
	position: relative;
	z-index: 2;
}

.news1_list_table .item .icon img {
	width: 100%;
	height: 100%;
	transition: all .6s;
	-ms-transition: all .6s;
	-webkit-transition: all .6s;
}

.news1_list_table .item .icon .hide {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 2;
}

.news1_list_table .item.hover .icon .hide {
	opacity: 1;
}

.news1_list_table .item.hover .title {
	color: var(--hue) !important;
}

/* news1_list_one */
.news1_list_one {
	padding-top: clamp(2.5rem, 2.188rem + 1.56vw, 3.75rem);
}

.news1_list_one_list {
	gap: clamp(0.938rem, 0.625rem + 1.56vw, 2.188rem);
}

.news1_list_one_item {
	padding: clamp(0.938rem, 0.703rem + 1.17vw, 1.875rem) clamp(0.938rem, 0.703rem + 1.17vw, 1.875rem) clamp(0.938rem, 0.625rem + 1.56vw, 2.188rem);
	display: block;
	overflow: hidden;
	background-color: #f5f5f5;
}

.news1_list_one_item .pic {
	width: 100%;
	overflow: hidden;
}

.news1_list_one_item .pic img {
	width: 100%;
	height: 100%;
	transition: all 1.8s;
	-ms-transition: all 1.8s;
	-webkit-transition: all 1.8s;
}

.news1_list_one_item:hover .pic img {
	transform: scale(1.13, 1.13);
	-ms-transform: scale(1.13, 1.13);
	-webkit-transform: scale(1.13, 1.13);
	transition: all 1.8s;
	-ms-transition: all 1.8s;
	-webkit-transition: all 1.8s;
}

.news1_list_one_item .con {
	margin-top: 15px;
}

.news1_list_one_item .trim {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: center;
	-ms-align-items: center;
	-webkit-align-items: center;
	gap: 10px;
	margin-bottom: 15px;
}

.news1_list_one_item .trim .icon img {
	vertical-align: text-top;
}

.news1_list_one_item .btn {
	margin-top: clamp(0.938rem, 0.703rem + 1.17vw, 1.875rem);
	width: clamp(10rem, 9.219rem + 3.91vw, 13.125rem);
	height: 41px;
	border: 1px solid #888888;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: center;
	-ms-align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	border-radius: 30px;
	gap: 5px;
	transition: all .6s;
	-ms-transition: all .6s;
	-webkit-transition: all .6s;
}

.news1_list_one_item:hover .title {
	color: var(--hue) !important;
}

/* m */
@media (max-width:768px) {
	.news1_list_table .wrapper {
		overflow-x: scroll;
		padding-left: 15px;
		padding-right: 15px;
		justify-content: start;
		-ms-justify-content: start;
		-webkit-justify-content: start;
	}
}

/* news1_list */
/* news1_list */
/* news1_list */


/* news4_del */
/* news4_del */
/* news4_del */
.news4_del_banner img {
	width: 100%;
	height: 100%;
}


/* news4_del_one */
.news4_del_one_l {
	width: calc(100% - clamp(5.625rem, 1.297rem + 21.64vw, 22.938rem) - clamp(0rem, -1.766rem + 8.83vw, 7.063rem));
}

.news4_del_one_type .left {
	position: relative;
	z-index: 2;
	padding-left: 16px;
	margin-right: 20px;
}

.news4_del_one_type .left::before {
	content: "";
	position: absolute;
	top: 7px;
	left: 0;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	overflow: hidden;
	display: block;
	background-color: var(--hue);
}

.news4_del_one_title {
	margin: clamp(0.625rem, 0.469rem + 0.78vw, 1.25rem) 0;
}

.news4_del_one_share {
	margin-top: clamp(1.25rem, 0.625rem + 3.13vw, 3.75rem);
}

.news4_del_one_page {
	border-top: 1px solid #DDDDDD;
	margin-top: clamp(1.25rem, 0.938rem + 1.56vw, 2.5rem);
	padding-top: clamp(1.25rem, 0.938rem + 1.56vw, 2.5rem);
	gap: 15px clamp(0rem, -2.656rem + 13.28vw, 10.625rem);
}

.news4_del_one_page .item {
	gap: clamp(0.625rem, 0.469rem + 0.78vw, 1.25rem);
}

.news4_del_one_page .item:nth-child(2) {
	text-align: right;
	flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
}

.news4_del_one_page .pic {
	width: clamp(5rem, 4.375rem + 3.13vw, 7.5rem);
	height: clamp(5rem, 4.375rem + 3.13vw, 7.5rem);
}

.news4_del_one_page .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.news4_del_one_page .con {
	width: calc(100% - clamp(5.625rem, 4.844rem + 3.91vw, 8.75rem));
	display: grid;
	gap: 10px;
}

.news4_del_one_page .item .con .title {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: center;
	-ms-align-items: center;
	-webkit-align-items: center;
	gap: 7px;
}

.news4_del_one_page .item:nth-child(2) .con .title {
	flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
}

.news4_del_one_page .item:nth-child(2) .con .title img {
	transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
}

.news4_del_one_page .item:hover .text {
	color: var(--hue) !important;
}

.news4_del_one_r {
	width: clamp(5.625rem, 1.297rem + 21.64vw, 22.938rem);
	height: auto;
}

.news4_del_one_table {
	background-color: #F6F6F6;
	border-radius: 16px;
	overflow: hidden;
	padding: clamp(0.938rem, 0.703rem + 1.17vw, 1.875rem);
	margin-bottom: clamp(0.938rem, 0.547rem + 1.95vw, 2.5rem);
}

.news4_del_one_table .list {
	display: grid;
	gap: clamp(0.625rem, 0.469rem + 0.78vw, 1.25rem);
	margin-top: clamp(0.938rem, 0.703rem + 1.17vw, 1.875rem);
}

.news4_del_one_table .list .item {
	color: #222429;
	position: relative;
	z-index: 2;
	padding-left: clamp(0.938rem, 0.859rem + 0.39vw, 1.25rem);
}

.news4_del_one_table .list .item::before {
	content: "";
	position: absolute;
	top: 6px;
	left: 0;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	overflow: hidden;
	background-color: var(--hue);
}

.news4_del_one_table .list .item:hover {
	text-decoration: underline;
	color: var(--hue);
}

.news4_del_one_form {
	position: sticky;
	top: 120px;
	right: 0;
	background-color: #212121;
	padding: clamp(0.625rem, 0.234rem + 1.95vw, 2.188rem) clamp(0.625rem, 0.469rem + 0.78vw, 1.25rem);
	border-radius: 16px;
	overflow: hidden;
}

.news4_del_one_form form {
	margin-top: clamp(0.938rem, 0.703rem + 1.17vw, 1.875rem);
}

.news4_del_one_form .item {
	width: 100%;
	margin-top: clamp(0.625rem, 0.469rem + 0.78vw, 1.25rem);
}

.news4_del_one_form .item .item_input {
	border-radius: 4px;
	overflow: hidden;
	width: 100%;
	background-color: #ffffff;
	padding: 10px clamp(0.625rem, 0.469rem + 0.78vw, 1.25rem);
	color: #222222;
	height: clamp(2.5rem, 2.344rem + 0.78vw, 3.125rem);
}

.news4_del_one_form .item textarea {
	height: clamp(5rem, 4.25rem + 3.75vw, 8rem) !important;
}

.news4_del_one_form .item .item_submit {
	width: 144px;
	height: 44px;
	border-radius: 30px;
	overflow: hidden;
	background-color: var(--hue);
	color: #ffffff;
	font-family: "Inter_Bold";
	margin: auto;
	cursor: pointer;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;

}

.news4_del_one_form .item .item_submit::placeholder {
	color: #999999;
}

/* news4_del_two */
.news4_del_two {
	background-color: #f5f5f5;
}

.news4_del_two_swiper {
	padding: 10px;
	left: -10px;
	width: calc((100% + 20px));
}

.news4_del_two_item {
	display: inline-block;
	background-color: #ffffff;
	box-shadow: 0 4px 4px rgba(191, 191, 191, 50%);
	border-radius: 16px;
	overflow: hidden;
}

.news4_del_two_item .pic {
	width: 100%;
	overflow: hidden;
}

.news4_del_two_item .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 1.8s;
	-ms-transition: all 1.8s;
	-webkit-transition: all 1.8s;
}

.news4_del_two_item:hover .pic img {
	transform: scale(1.13, 1.13);
	-ms-transform: scale(1.13, 1.13);
	-webkit-transform: scale(1.13, 1.13);
	transition: all 1.8s;
	-ms-transition: all 1.8s;
	-webkit-transition: all 1.8s;
}

.news4_del_two_item .con {
	padding: clamp(0.938rem, 0.781rem + 0.78vw, 1.563rem) clamp(0.938rem, 0.781rem + 0.78vw, 1.563rem) clamp(0.938rem, 0.625rem + 1.56vw, 2.188rem);
}

.news4_del_two_item .trim {
	gap: clamp(0.938rem, 0.625rem + 1.56vw, 2.188rem);
	margin-bottom: clamp(0.5rem, 0.391rem + 0.55vw, 0.938rem);
}

.news4_del_two_item .title {
	margin-bottom: 10px;
	transition: all .6s;
	-ms-transition: all .6s;
	-webkit-transition: all .6s;
}

.news4_del_two_item .btn {
	margin-top: clamp(0.625rem, 0.391rem + 1.17vw, 1.563rem);
}

.news4_del_two_item:hover .title {
	color: var(--hue) !important;
}

.news4_del_two_swiper_pagination {
	padding-bottom: 5px;
	margin-top: clamp(0.938rem, 0.391rem + 2.73vw, 3.125rem)
}

.news4_del_two_swiper_pagination .swiper-pagination-bullet {
	background-color: #E6E6E6;
	opacity: 1;
	position: relative;
	width: 6px;
	height: 6px;
	margin: 0 clamp(0.625rem, 0.547rem + 0.39vw, 0.938rem) !important;
	transition: all .6s;
	-ms-transition: all .6s;
	-webkit-transition: all .6s
}

.news4_del_two_swiper_pagination .swiper-pagination-bullet::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	border: 1px solid var(--hue);
	width: 16px;
	height: 16px;
	display: block;
	border-radius: 50%;
	opacity: 0;
	transition: all .6s;
	-ms-transition: all .6s;
	-webkit-transition: all .6s
}

.news4_del_two_swiper_pagination .swiper-pagination-bullet-active {
	background-color: var(--hue)
}

.news4_del_two_swiper_pagination .swiper-pagination-bullet-active::before {
	opacity: 1
}

/* news4_del */
/* news4_del */
/* news4_del */

/* contact3 */
/* contact3 */
/* contact3 */
.contact3_banner .pic img {
	width: 100%;
	height: 100%;
}

/* contact3_one */
.contact3_one_b {
	gap: clamp(0.938rem, 0.797rem + 0.7vw, 1.5rem);

}

.contact3_one_item {
	border-radius: 20px;
	overflow: hidden;
	background-color: #ffffff;
	text-align: center;
	padding: clamp(0.938rem, 0.547rem + 1.95vw, 2.5rem);
	box-shadow: 0 4px 12px rgba(169, 164, 164, 25%);
}

.contact3_one_item .icon {
	width: clamp(2.188rem, 1.953rem + 1.17vw, 3.125rem);
	margin: auto;
	margin-bottom: clamp(0.5rem, 0.391rem + 0.55vw, 0.938rem);
}

.contact3_one_item .icon img {
	width: 100%;
	height: 100%;
}

.contact3_one_item .text {
	margin-top: clamp(0.5rem, 0.391rem + 0.55vw, 0.938rem);
	word-wrap: break-word;
	/* 旧标准，兼容老浏览器 */
	overflow-wrap: break-word;
	/* 新标准，推荐 */
	word-break: break-all;
	/* 强制任意位置断行（纯英文/链接必加） */
}

.contact3_one_item:hover .icon img {
	transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	-webkit-transform: rotateY(-180deg);
}

/* contact3_two */
.contact3_two_form .list {
	max-width: 1230px;
	margin: auto;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-webkit-justify-content: space-between;
	gap: clamp(0.625rem, 0.469rem + 0.78vw, 1.25rem) clamp(0rem, -0.25rem + 1.25vw, 1rem);
}

.contact3_two_form .list .item {
	width: calc((100% - clamp(0rem, -0.25rem + 1.25vw, 1rem)) / 2);
}

.contact3_two_form .list .item.submit,
.contact3_two_form .list .item.textarea {
	width: 100%;
}

.contact3_two_form .list .item input {
	width: 100%;
	height: clamp(2.5rem, 2.344rem + 0.78vw, 3.125rem);
	background-color: #ffffff;
	border-radius: 4px;
	overflow: hidden;
	font-size: clamp(0.875rem, 0.828rem + 0.2vw, 1rem);
	color: #222222;
	padding: 0 clamp(0.625rem, 0.547rem + 0.39vw, 0.938rem);
}

.contact3_two_form .list .item textarea::placeholder,
.contact3_two_form .list .item input::placeholder {
	font-size: clamp(0.875rem, 0.828rem + 0.2vw, 1rem);
	color: #999999;
}

.contact3_two_form .list .item textarea {
	height: clamp(6.25rem, 5.781rem + 2.34vw, 8.125rem);
	width: 100%;
	resize: none;
	color: #222222;
	padding: clamp(0.625rem, 0.547rem + 0.39vw, 0.938rem);
}

.contact3_two_form .list .item.submit input {
	width: clamp(11.25rem, 10.313rem + 4.69vw, 15rem);
	font-family: "Inter_Bold";
	border-radius: 25px;
	background-color: var(--hue);
	padding: 0;
	color: #ffffff;
	font-size: clamp(1rem, 0.953rem + 0.2vw, 1.125rem);
	margin: auto;
	cursor: pointer;
	margin-top: clamp(0rem, -0.313rem + 1.56vw, 1.25rem);
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
}

/* contact3 */
/* contact3 */
/* contact3 */


/* ~~~~oem,css */
/* ~~~~oem,css */
/* ~~~~oem,css */
.oemBoxOne1 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.oemOne1_l {
    width: 50%;
}

.oemOne1_l_01 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: clamp(0.625rem, 0.374rem + 1.06vw, 1.563rem);
}

.oemOne1_l_01 .item {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.oemOne1_l_01 .item .iconfont {
    width: clamp(2.875rem, 2.39rem + 2.04vw, 4.688rem);
    font-size: clamp(2.5rem, 2.065rem + 1.83vw, 4.125rem);
    color: #1A1A1A;
}

.oemOne1_l_01 .item .r_box {
    width: calc(100% - clamp(2.875rem, 2.39rem + 2.04vw, 4.688rem));
}

.oemOne1_l_01 .item .r_box .title {
    color: #000000;
}

.oemOne1_l_01 .item .r_box .text {
    color: #898989;
    padding-top: clamp(0.25rem, 0.217rem + 0.14vw, 0.375rem);
}

.oemOne1_r {
    width: 45.6%;
    -ms-perspective: 900px;
    -moz-perspective: 900px;
    -webkit-perspective: 900px;
    perspective: 900px;
    overflow: hidden;
}

.oemOne1_r img {
    width: 100%;
}

.oemOne1_r:hover img {
    -ms-transform: translateZ(80px);
    -moz-transform: translateZ(80px);
    -webkit-transform: translateZ(80px);
    transform: translateZ(80px);
    -ms-transition: all 1.6s;
    -webkit-transition: all 1.6s;
    transition: all 1.6s;
}
 
.oemBoxThree1 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.oemThree1_l {
    width: 43.1%;
}

.oemThree1_r {
    width: 51%;
}

.oemThree1_r_01 {
    border-top: 1px solid #102842;
}

.oemThree1_r_01 .item {
    border-bottom: 1px solid #102842;
    padding: clamp(0.938rem, 0.72rem + 0.92vw, 1.75rem) 0;
}

.oemThree1_r_01_top {
    cursor: pointer;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.oemThree1_r_01_top .title {
    width: calc(100% - clamp(2.25rem, 2.099rem + 0.63vw, 2.813rem));
    color: #1A1A1A;
}

.oemThree1_r_01_top .iconfont {
    font-weight: 700;
    font-size: clamp(1.125rem, 0.991rem + 0.56vw, 1.625rem);
    color: #1A1A1A;
    text-align: center;
    width: clamp(1.625rem, 1.474rem + 0.63vw, 2.188rem);
    height: clamp(1.625rem, 1.474rem + 0.63vw, 2.188rem);
    line-height: clamp(1.625rem, 1.474rem + 0.63vw, 2.188rem);
}

.oemThree1_r_01_bot {
    display: none;
    color: #444;
    padding-top: clamp(0.25rem, 0.183rem + 0.28vw, 0.5rem);
}

.oemThree1_r_01_bot img {
    height: auto !important;
    max-width: 100%;
}

.oemThree1_l_01 {
    position: sticky;
    top: 140px;
}

.oemBoxFour {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.oemBoxFour_w {
    padding-top: clamp(3.125rem, 1.285rem + 7.75vw, 10rem);
    padding-bottom: clamp(3.125rem, 1.285rem + 7.75vw, 10rem);
}

.oemBoxFour1 {
    color: #FFFFFF;
}

.oemBoxFour2 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.oemBoxFive1 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.oemFive1_l {
    width: 46.3%;
}

.oemFive1_l_01 {
    -ms-perspective: 900px;
    -moz-perspective: 900px;
    -webkit-perspective: 900px;
    perspective: 900px;
    overflow: hidden;
}

.oemFive1_l_01 img {
    width: 100%;
}

.oemFive1_l_01:hover img {
    -ms-transform: translateZ(80px);
    -moz-transform: translateZ(80px);
    -webkit-transform: translateZ(80px);
    transform: translateZ(80px);
    -ms-transition: all 1.6s;
    -webkit-transition: all 1.6s;
    transition: all 1.6s;
}

.oemFive1_r {
    width: 46.3%;
}

.oemFive1_r_01 {
    margin-bottom: clamp(1.563rem, 0.98rem + 2.45vw, 3.125rem);
    -ms-perspective: 900px;
    -moz-perspective: 900px;
    -webkit-perspective: 900px;
    perspective: 900px;
    overflow: hidden;
}

.oemFive1_r_01 img {
    width: 100%;
}

.oemFive1_r_01:hover img {
    -ms-transform: translateZ(80px);
    -moz-transform: translateZ(80px);
    -webkit-transform: translateZ(80px);
    transform: translateZ(80px);
    -ms-transition: all 1.6s;
    -webkit-transition: all 1.6s;
    transition: all 1.6s;
}

/* ~~~~oem,css~~end */
/* ~~~~oem,css~~end */
/* ~~~~oem,css~~end */
.pro_table{
 width: 100%; 
    overflow-x: auto; 
}
.pro_table table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    background: #fff;
    font-size: 15px;
    color: #333;
}

.pro_table table th,
.pro_table table td {
    border: 1px solid #ddd;
    padding: 14px 20px;
    text-align: left;
    vertical-align: middle;
    line-height: 1.5;
}

.pro_table table th {
    width: 15%;
    background: #f7f7f7;
    font-weight: 400;
    color: #333;
}

.pro_table table td {
    width: 35%;
    background: #fff;
    font-weight: 400;
    color: #333;
}

.pro_table table tr:hover td,
.pro_table table tr:hover th {
    background: #fafafa;
}