:root {
	--theme: #e56a31;
	--duration: 0.45s;
	--header-height: max(0.93rem, 70px);
	--space-min: 35px;
	--space: 45px;
	--font14: 14px;
	--font15: max(0.15rem, 14px);
	--font16: 16px;
	--font17: max(0.17rem, 16px);
	--font18: max(0.18rem, 16px);
	--font20: max(0.2rem, 16px);
	--font24: max(0.24rem, 18px);
	--font25: max(0.25rem, 18px);
	--font26: max(0.26rem, 18px);
	--font28: max(0.28rem, 18px);
	--font30: max(0.3rem, 20px);
	--font32: max(0.32rem, 20px);
	--font36: max(0.36rem, 22px);
	--font48: max(0.48rem, 24px);
	--font56: max(0.56rem, 24px);
	--font60: max(0.6rem, 24px);
	--font96: max(0.96rem, 30px);
}
/* 设置字体大小 */
html {
	font-size: calc(100vw / 19.2);
}
html::-webkit-scrollbar {
	width: 10px;
	height: 10px;
	background-color: #ccc;
}
html::-webkit-scrollbar-thumb {
	width: 10px;
	height: 10px;
	background-color: var(--theme);
	border-radius: 10px;
}
:target {
	scroll-margin-top: var(--header-height);
}
body {
	font-size: 16px;
	line-height: normal;
	font-family: "PingFang SC", sans-serif;
}
body.lock {
	overflow: hidden;
}
@media (min-width: 1921px) {
	html {
		font-size: 100px;
	}
}
@media (max-width: 768px) {
	html {
		font-size: calc(100vw / 15.36);
	}
}
.wrap {
	max-width: 1600px;
	width: 83.33333333%;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 768px) {
	.wrap {
		width: 92%;
	}
}
header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: var(--header-height);
	transition: 0.6s ease-in-out;
	z-index: 99;
}
header .header-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height: 100%;
}
header .header-wrap .logo img {
	transition: var(--duration);
	filter: brightness(0) invert(1);
	width: max(3.81rem, 180px);
}
header .header-wrap .nav {
	display: flex;
	align-items: center;
	margin-left: 1.18rem;
	height: 100%;
	margin-right: 20px;
}
header .header-wrap .nav .nav-item {
	height: 100%;
	position: relative;
	z-index: 10;
}
header .header-wrap .nav .nav-item:hover .nav-top a,
header .header-wrap .nav .nav-item.active .nav-top a {
	color: #fff;
}
header .header-wrap .nav .nav-item:hover .nav-top a::before,
header .header-wrap .nav .nav-item.active .nav-top a::before {
	height: 100%;
}
header .header-wrap .nav .nav-item:not(:last-child) {
	margin-right: max(0.2rem, 10px);
}
header .header-wrap .nav .nav-item .nav-top {
	height: 100%;
}
header .header-wrap .nav .nav-item .nav-top a {
	color: #fff;
	font-size: var(--font16);
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	white-space: nowrap;
	transition: var(--duration);
	display: block;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	user-select: none;
	cursor: pointer;
	padding-left: max(0.16rem, 10px);
	padding-right: max(0.16rem, 10px);
	position: relative;
	z-index: 2;
}
header .header-wrap .nav .nav-item .nav-top a::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0;
	background-color: var(--theme);
	z-index: -1;
	transition: var(--duration);
}
header .header-wrap .nav .nav-item .nav-bottom {
	background-color: #fff;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 100%;
	min-width: 100%;
	display: none;
}
header .header-wrap .nav .nav-item .nav-bottom::-webkit-scrollbar {
	width: 6px;
	background-color: #ccc;
	border-radius: 10px;
}
header .header-wrap .nav .nav-item .nav-bottom::-webkit-scrollbar-thumb {
	width: 6px;
	background-color: var(--theme);
	border-radius: 10px;
}

header .header-wrap .nav .nav-item .nav-bottom .cate-item {
	position: relative;
}

header .header-wrap .nav .nav-item .nav-bottom .cate-item:hover .cate-section {
	display: block;
}

header .header-wrap .nav .nav-item .nav-bottom .cate-section {
	position: absolute;
	left: 100%;
	top: 0;
	background-color: #fff;
	display: none;
}
header .header-wrap .nav .nav-item .nav-bottom .item {
	padding: 10px;
	white-space: nowrap;
	font-size: 14px;
	color: #333;
	display: block;
	text-align: center;
	transition: var(--duration);
	position: relative;
	z-index: 2;
	overflow: hidden;
}

header .header-wrap .nav .nav-item .nav-bottom .item::before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 100%;
	z-index: -1;
	background-color: var(--theme);
	transition: var(--duration);
}

/* 一级分类添加类名状态和二级分类hover状态 */
header .header-wrap .nav .nav-item .cate-item .item.active,
header .header-wrap .nav .nav-item .cate-section .item:hover {
	color: #fff;
}

header .header-wrap .nav .nav-item .cate-item .item.active::before,
header .header-wrap .nav .nav-item .cate-section .item:hover::before {
	right: auto;
	left: 0;
	width: 100%;
}
header .header-wrap .other {
	margin-left: auto;
	display: flex;
	align-items: center;
	height: 100%;
}
header .header-wrap .other .other-phone {
	display: flex;
	align-items: center;
	height: 100%;
}
header .header-wrap .other .other-phone:hover span {
	color: var(--theme) !important;
}
header .header-wrap .other .other-phone:hover .icon path {
	fill: var(--theme) !important;
}
header .header-wrap .other .other-phone .icon {
	margin-right: 10px;
}
header .header-wrap .other .other-phone .icon path {
	transition: var(--duration);
	fill: #fff;
}
header .header-wrap .other .other-phone span {
	color: #fff;
	font-weight: 400;
	font-size: var(--font20);
	transition: var(--duration);
}
header .header-wrap .other .search-icon {
	margin-left: max(0.3rem, 10px);
	user-select: none;
	cursor: pointer;
	height: 100%;
	display: flex;
	align-items: center;
}
header .header-wrap .other .search-icon:hover .icon path {
	fill: var(--theme) !important;
}
header .header-wrap .other .search-icon .icon {
	width: max(0.28rem, 18px);
}
header .header-wrap .other .search-icon .icon path {
	transition: var(--duration);
	fill: #fff;
}
header.active,
header.hover {
	background-color: #fff;
}
header.active .header-wrap .logo img,
header.hover .header-wrap .logo img {
	filter: none;
}
header.active .header-wrap .nav .nav-item.active .nav-top a,
header.hover .header-wrap .nav .nav-item.active .nav-top a,
header.active .header-wrap .nav .nav-item:hover .nav-top a,
header.hover .header-wrap .nav .nav-item:hover .nav-top a {
	color: #fff !important;
}
header.active .header-wrap .nav .nav-item.active .nav-top a::before,
header.hover .header-wrap .nav .nav-item.active .nav-top a::before,
header.active .header-wrap .nav .nav-item:hover .nav-top a::before,
header.hover .header-wrap .nav .nav-item:hover .nav-top a::before {
	height: 100%;
}
header.active .header-wrap .nav .nav-item .nav-top a,
header.hover .header-wrap .nav .nav-item .nav-top a {
	color: #333;
}

header.active .header-wrap .other .other-phone .icon path,
header.hover .header-wrap .other .other-phone .icon path {
	fill: #333;
}

header.active .header-wrap .other .other-phone span,
header.hover .header-wrap .other .other-phone span {
	color: #333333;
}

header.active .header-wrap .other .search-icon .icon path,
header.hover .header-wrap .other .search-icon .icon path {
	fill: #333;
}

header .head-search-area {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	padding: 30px;
	width: 100%;
	height: auto;
	background-color: #f2f2f2;
}
header .head-search-area .form {
	display: flex;
	align-items: center;
	border: 1px solid #ddd;
	border-radius: 26px;
	overflow: hidden;
	height: 50px;
	transition: var(--duration);
}
header .head-search-area .form:focus-within {
	border-color: var(--theme);
}
header .head-search-area .form input {
	flex: 1;
	min-width: 0;
	height: 100%;
	padding: 0 max(0.3rem, 15px);
	font-size: var(--font16);
	color: #333;
}
header .head-search-area .form input::placeholder {
	color: #666;
}
header .head-search-area .form button {
	background-color: #fff;
	width: 90px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	user-select: none;
	cursor: pointer;
	transition: var(--duration);
}
header .head-search-area .form button:hover {
	background-color: var(--theme);
}
header .head-search-area .form button:hover .icon path {
	fill: #fff;
}
header .head-search-area .form button .icon {
	height: 30px;
	object-fit: contain;
}
header .head-search-area .form button .icon path {
	transition: var(--duration);
	fill: var(--theme);
}
footer {
	background-color: #f3f3f3;
}
footer .foot-top {
	display: flex;
	align-items: flex-start;
	column-gap: 20px;
	padding-bottom: max(1.4rem, 30px);
	padding-top: max(0.92rem, 30px);
}
footer .foot-top .left {
	display: flex;
	align-items: flex-start;
}
footer .foot-top .left .foot-logo {
	margin-right: max(0.7rem, 30px);
}
footer .foot-top .left .foot-logo img {
	max-width: max(1.67rem, 150px);
	height: auto;
	object-fit: contain;
}
footer .foot-top .left .info-list {
	display: flex;
	align-items: flex-start;
}
footer .foot-top .left .info-list .info-item.info-item1 .group .item:hover {
	color: var(--theme);
}
footer .foot-top .left .info-list .info-item:not(:last-child) {
	margin-right: max(1.04rem, 20px);
}
footer .foot-top .left .info-list .info-item .info-title {
	color: #000;
	font-family: "PingFang SC";
	font-size: var(--font20);
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 1.6px;
	text-transform: uppercase;
	margin-bottom: 21px;
}
footer .foot-top .left .info-list .info-item .group .item {
	display: block;
	width: fit-content;
	transition: var(--duration);
	color: #6c6c6c;
	font-family: "PingFang SC";
	font-size: var(--font18);
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 1.44px;
}
footer .foot-top .left .info-list .info-item .group .item:not(:last-child) {
	margin-bottom: 9px;
}
footer .foot-top .right {
	margin-left: auto;
	display: flex;
	align-items: flex-start;
}
footer .foot-top .right .qrcode-item:not(:last-child) {
	margin-right: max(0.63rem, 30px);
}
footer .foot-top .right .qrcode-item .pic {
	border-radius: 4px;
	/*border: 2px solid #fff;*/
	width: 125px;
	height: 125px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: max(0.19rem, 10px);
}
footer .foot-top .right .qrcode-item .pic img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
footer .foot-top .right .qrcode-item .text {
	color: #333;
	font-family: "PingFang SC";
	font-size: var(--font16);
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 1.28px;
	text-transform: uppercase;
	text-align: center;
}
footer .copyright {
	padding-top: max(0.3rem, 15px);
	padding-bottom: max(0.3rem, 15px);
	background-color: #ededed;
}
footer .copyright .copyright-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	column-gap: 10px;
}
footer .copyright .text {
	color: #6c6c6c;
	font-family: "PingFang SC";
	font-size: var(--font16);
	font-style: normal;
	font-weight: 400;
	line-height: 2.25;
	letter-spacing: 1.28px;
	text-transform: uppercase;
}
footer .copyright .black {
	color: #333333;
	margin-left: max(0.28rem, 10px);
	transition: var(--duration);
}

footer .copyright .black:hover {
	color: var(--theme);
}
.common-aside {
	position: fixed;
	right: max(0.12rem, 10px);
	bottom: 5%;
	z-index: 70;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.15);
	width: max(1.01rem, 60px);
}
.common-aside .item {
	padding-top: max(0.14rem, 7px);
	padding-bottom: max(0.14rem, 7px);
	display: block;
	position: relative;
	z-index: inherit;
}
.common-aside .item:hover .icon path {
	fill: #f37d46;
}
.common-aside .item:hover .text {
	color: #f37d46;
}
.common-aside .item:hover .hover-box {
	transform: translateY(-50%) scale(1, 1);
}
.common-aside .item:not(:last-child) {
	border-bottom: 1px solid #f7f7f7;
}
.common-aside .item .icon {
	margin-bottom: 5px;
}
.common-aside .item .icon svg,
.common-aside .item .icon img {
	max-width: 60%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.common-aside .item .icon path {
	transition: var(--duration);
}
.common-aside .item .text {
	color: #2b7abc;
	text-align: center;
	font-family: "PingFang SC";
	font-size: max(0.15rem, 12px);
	font-style: normal;
	font-weight: 400;
	transition: var(--duration);
	white-space: nowrap;
}
.common-aside .item .hover-box {
	padding: 10px;
	min-height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: var(--font20);
	background-color: var(--theme);
	color: #fff;
	font-weight: bold;
	white-space: nowrap;
	position: absolute;
	right: 100%;
	top: 50%;
	transform: translateY(-50%) scale(1, 0);
	transition: var(--duration);
}
.common-aside .item .hover-box.img-box {
	width: max(1.25rem, 100px);
	height: max(1.25rem, 100px);
	background-color: var(--theme);
	background-color: #fff;
	padding: 2px;
	border-radius: 10px;
}
.common-aside .item .hover-box.img-box img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
@media (min-width: 1201px) {
	header .toggle-nav-btn {
		display: none !important;
	}
	header .phone-nav {
		display: none !important;
	}
}
@media (min-width: 769px) {
	.hide-pc {
		display: none !important;
	}
}
@media (max-width: 768px) {
	.hide-phone {
		display: none !important;
	}
}
@media (max-width: 1550px) {
	header .header-wrap .nav {
		margin-left: 0.7rem;
	}
	.common-aside .item .icon svg,
	.common-aside .item .icon img {
		max-width: 40%;
	}
	footer .foot-top .left .info-list .info-item:not(:last-child) {
		margin-right: 0.7rem;
	}
}
@media (max-width: 1400px) {
	header .header-wrap .nav {
		margin-left: 0.45rem;
	}
	header .header-wrap .nav .nav-item .nav-top a {
		font-size: 14px;
	}
}
@media (max-width: 1200px) {
	header .header-wrap .logo img {
		width: max(3.81rem, 200px);
	}
	header .header-wrap .pc-nav {
		display: none;
	}
	header .phone-nav {
		position: absolute;
		left: 0;
		top: 100%;
		background-color: #fff;
		width: 100%;
		height: auto;
		padding: 20px 0;
		display: none;
		max-height: calc(100vh - var(--header-height));
		max-height: calc(100dvh - var(--header-height));
		overflow-y: auto;
	}
	header .phone-nav::-webkit-scrollbar {
		width: 6px;
		border-radius: 6px;
		background-color: #ccc;
	}
	header .phone-nav::-webkit-scrollbar-thumb {
		width: 6px;
		border-radius: 6px;
		background-color: var(--theme);
	}
	header .phone-nav .nav-item:not(:last-child) {
		margin-bottom: 10px;
	}
	header .phone-nav .nav-item .nav-top {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	header .phone-nav .nav-item .nav-top.active a {
		color: var(--theme);
	}
	header .phone-nav .nav-item .nav-top.active .icon {
		transform: rotate(45deg);
	}
	header .phone-nav .nav-item .nav-top.active .icon path {
		fill: var(--theme);
	}
	header .phone-nav .nav-item .nav-top a {
		font-size: 18px;
		line-height: 1.5;
		color: #333;
		font-weight: 500;
	}
	header .phone-nav .nav-item .nav-top .icon {
		transition: var(--duration);
		width: 30px;
		height: 30px;
		user-select: none;
		cursor: pointer;
	}
	header .phone-nav .nav-item .nav-top .icon svg {
		width: 25px;
	}
	header .phone-nav .nav-item .nav-top .icon path {
		transition: var(--duration);
	}
	header .phone-nav .nav-item .nav-bottom {
		padding-left: 1em;
		padding-right: 1em;
		padding-top: 10px;
		padding-bottom: 10px;
		display: none;
	}

	header .phone-nav .nav-item .nav-bottom .bottom-item {
		margin-bottom: 10px;
	}

	header .phone-nav .nav-item .nav-bottom .bottom-item .item-top {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	header .phone-nav .nav-item .nav-bottom .bottom-item .item-top .item {
		transition: var(--duration);
	}

	header .phone-nav .nav-item .nav-bottom .bottom-item .item-top .icon {
		transition: var(--duration);
	}

	header .phone-nav .nav-item .nav-bottom .bottom-item .item-top .icon path {
		transition: var(--duration);
	}

	header .phone-nav .nav-item .nav-bottom .bottom-item .item-top.active .item {
		color: var(--theme);
	}

	header .phone-nav .nav-item .nav-bottom .bottom-item .item-top.active .icon {
		transform: rotate(45deg);
	}

	header .phone-nav .nav-item .nav-bottom .bottom-item .item-top.active .icon path {
		fill: var(--theme);
	}

	header .phone-nav .nav-item .nav-bottom .bottom-item .item-top .icon {
		width: 25px;
		display: flex;
		justify-content: center;
		align-items: center;
		user-select: none;
		cursor: pointer;
	}

	header .phone-nav .nav-item .nav-bottom .bottom-item .item-top .icon svg {
		width: 25px;
	}

	header .phone-nav .nav-item .nav-bottom .bottom-item .item-bottom {
		padding: 10px 1em;
		display: none;
	}

	header .phone-nav .nav-item .nav-bottom .bottom-item .item-bottom .link {
		font-size: 14px;
		color: #333;
		display: block;
	}

	header .phone-nav .nav-item .nav-bottom .bottom-item .item-bottom .link:not(:last-child) {
		margin-bottom: 10px;
	}

	header .phone-nav .nav-item .nav-bottom .item {
		display: block;
		font-size: 16px;
		color: #333;
	}
	header .phone-nav .nav-item .nav-bottom .item:not(:last-child) {
		margin-bottom: 6px;
	}
	header .toggle-nav-btn {
		margin-left: 20px;
		user-select: none;
		cursor: pointer;
	}
	header .toggle-nav-btn.active span:nth-child(1) {
		transform: rotate(-45deg) translate(-5px, 5px);
	}
	header .toggle-nav-btn.active span:nth-child(2) {
		display: none;
	}
	header .toggle-nav-btn.active span:nth-child(3) {
		transform: rotate(45deg);
	}
	header .toggle-nav-btn span {
		display: block;
		width: 24px;
		height: 2px;
		background-color: var(--theme);
		margin-bottom: 5px;
		transition: all 0.6s ease;
	}
	header .toggle-nav-btn span:nth-child(3) {
		margin-bottom: 0;
	}
	footer .foot-top {
		flex-wrap: wrap;
		row-gap: 30px;
	}
	footer .foot-top .left {
		width: 100%;
	}
	footer .foot-top .right {
		margin-left: auto;
		margin-right: auto;
	}
}
@media (max-width: 768px) {
	footer .foot-top .left {
		flex-wrap: wrap;
		row-gap: 30px;
	}
	footer .foot-top .left .info-list {
		justify-content: space-between;
		flex-wrap: wrap;
		row-gap: 15px;
	}
	footer .copyright .copyright-wrap {
		flex-wrap: wrap;
		justify-content: center;
	}
}
@media (max-width: 576px) {
	header .header-wrap .other .other-phone {
		display: none;
	}
	header .head-search-area {
		padding: 20px;
	}
	header .head-search-area .form {
		height: 45px;
	}
	header .head-search-area .form input {
		font-size: 14px;
	}
	header .head-search-area .form button .icon {
		height: 20px;
	}
	header .head-search-area .form button {
		width: 70px;
	}
	footer .foot-top .left .info-list .info-item.info-item1 {
		display: none;
	}
	footer .foot-top .left .foot-logo img {
		width: 100px;
	}
	footer .foot-top .left .info-list .info-item .group .item {
		font-size: 14px;
	}
	footer .foot-top .left .info-list .info-item .group .item:not(:last-child) {
		margin-bottom: 6px;
	}
	footer .foot-top .right .qrcode-item .text {
		font-size: 14px;
	}

	footer .foot-top .right {
		flex-wrap: wrap;
		row-gap: 20px;
		justify-content: space-between;
	}
	footer .copyright .text {
		font-size: 12px;
		margin-left: 0;
	}

	.common-aside {
		bottom: auto;
		top: 70%;
		right: 0;
	}

	.common-aside .item:not(:last-child) {
		border-color: transparent;
	}

	.common-aside .item:not(.phone-show) {
		display: none;
		margin-bottom: 10px;
	}
	.common-aside .item .hover-box {
		display: none !important;
	}
}