* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: ' ';
	word-break: break-word;
}

ul li {
	list-style: none;
}

a {
	text-decoration: none;
}

	a:hover {
		text-decoration: none;
	}

img {
	vertical-align: top;
	outline-width: 0ch;
}

:root {
	--main-color: #1f62cf;
	--main-color1: #d32329;
	--main-color-white: #ffffff;
	--main-color-555: #555555;
	--main-color-999: #999999;
	--main-color-666: #666666;
	--main-color-333: #333333;
	--main-color-888: #888888;
	--main-color-222: #222222;
	--main-transition: all ease 0.4s;
	--main-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

@media screen and (min-width:1240px) and (max-width:1435px) {
	.pcnav > li > a {
		padding: 0 10px !important;
	}
}

@media screen and (min-width:996px) and (max-width:1240px) {
	.pcnav > li > a {
		padding: 0 5px !important;
		font-size: 14px !important;
	}
}

@media only screen and (min-width: 996px) {
	.top {
		height: 45px;
		background-color: #f9f9f9;
	}

	.topcon {
		width: 94%;
		margin: 0 auto;
		height: 45px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.topleft ul {
		display: flex;
	}

		.topleft ul li {
			margin-right: 20px;
			display: flex;
			align-items: center;
		}

			.topleft ul li img {
				width: 28px;
				margin-right: 5px;
			}

			.topleft ul li span {
				font-size: 14px;
				color: #212529;
			}

			.topleft ul li a {
				font-weight: bold;
				font-size: 13px;
				color: #000;
			}

	.topright span {
		color: #212529;
		font-size: 14px;
	}

	.head {
		width: 100%;
		height: 90px;
		background: rgb(255 255 255);
		position: sticky;
		top: 0;
		left: 0;
		z-index: 999;
		transition: var(--main-transition);
	}

	.header {
		padding-left: 3%;
		height: 90px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.pclogo {
		display: block;
		width: 16%;
	}

		.pclogo img {
			max-height: 81px;
		}

	.h_r {
		display: flex;
		align-items: center;
	}

	.pcnav {
		display: flex;
		align-items: center;
		border-right: 1px solid rgba(255, 255, 255, .2);
	}

		.pcnav > li {
			position: relative;
		}

			.pcnav > li > a::after {
				content: '';
				height: 2px;
				background-color: var(--main-color);
				bottom: 0;
				position: absolute;
				width: 0%;
				transition: var(--main-transition);
				left: 50%;
				transform: translateX(-50%);
			}

			.pcnav > li:hover a::after {
				width: 100% !important;
			}

			.pcnav > li:hover .secdrop {
				opacity: 1 !important;
				top: 100% !important;
				visibility: visible !important;
			}

	.secdrop {
		position: absolute;
		width: 241px;
		top: 100%;
		left: -61px;
		transition: var(--main-transition);
		top: 120%;
		opacity: 0;
		visibility: hidden;
	}

		.secdrop a {
			transition: var(--main-transition);
			display: block;
			font-size: 15px;
			height: 40px;
			line-height: 40px;
			text-align: center;
			background-color: var(--main-color-white);
			color: var(--main-color-333);
		}

			.secdrop a:hover {
				background-color: var(--main-color) !important;
				color: var(--main-color-white) !important;
			}

	.pcnav > li > a {
		display: block;
		height: 90px;
		position: relative;
		line-height: 90px;
		padding: 0 21px;
		font-size: 17px;
		color: #000;
		font-weight: bold;
	}

	.lang {
		background-color: #396aa8;
		padding: 0 20px;
		height: 90px;
		position: relative;
		line-height: 90px;
	}

	.lang_btn {
		cursor: pointer;
		font-size: 12px;
		color: var(--main-color-white);
		user-select: none;
	}

	.lang_box {
		position: absolute;
		top: 100;
		left: 0;
		width: 100%;
		display: none;
	}

		.lang_box ul li {
			display: flex;
			height: 40px;
			align-items: center;
			cursor: pointer;
			justify-content: center;
		}

			.lang_box ul li img {
				width: 24px;
			}

			.lang_box ul li:hover p {
				color: var(--main-color) !important;
			}

			.lang_box ul li p {
				font-size: 12px;
				height: 40px;
				margin-left: 5px;
				line-height: 40px;
				color: var(--main-color-666);
			}

	.hoverlogo {
		display: none;
	}

	.head_change {
		background-color: #fff;
	}

		.head_change .hoverlogo {
			display: block !important;
		}

		.head_change .commonlogo {
			display: none !important;
		}

		.head_change .pcnav > li > a {
			color: var(--main-color-333);
		}

	.ml_mb_head {
		display: none;
	}

	.ml_mb_nav {
		display: none;
	}

	.banner {
		width: 100%;
		margin-top: -90px !important;
	}

		.banner img {
			width: 100%;
			margin-top: 90px;
		}

	.banner_pos {
		width: 100%;
		height: 100%;
		position: absolute;
		padding: 0 10%;
		top: 0;
		left: 0;
		z-index: 99;
	}

	.banner_pos_con {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 100%;
	}

		.banner_pos_con h1 {
			color: var(--main-color-white);
			font-size: 60px;
		}

		.banner_pos_con p {
			color: var(--main-color-white);
			font-size: 30px;
			margin-bottom: 20px;
		}

		.banner_pos_con span {
			color: var(--main-color-white);
			font-size: 18px;
		}

		.banner_pos_con .banner_line {
			width: 60px;
			height: 5px;
			background-color: var(--main-color-white);
			margin: 30px 0;
		}

	.bannerbtn {
		position: absolute;
		z-index: 99;
		display: flex;
		align-items: center;
		right: 40px;
		bottom: 40px;
	}

	.bannerbtnitem {
		cursor: pointer;
		transition: var(--main-transition);
		width: 50px;
		color: var(--main-color-white);
		font-size: 25px;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 50px;
		margin-left: 10px;
		border-radius: 50%;
		border: 1px dashed var(--main-color-white);
	}

		.bannerbtnitem:hover {
			background-color: var(--main-color) !important;
			border-style: solid;
			border-color: var(--main-color);
		}

	.bannerpage {
		text-align: left !important;
		padding: 0 10% !important;
		bottom: 40px !important;
	}

		.bannerpage .swiper-pagination-bullet {
			width: 10px !important;
			height: 10px !important;
			transition: var(--main-transition);
			background-color: var(--main-color-white);
		}

		.bannerpage .swiper-pagination-bullet-active {
			width: 42px !important;
			background-color: var(--main-color);
			border-radius: 10px !important;
		}

	.banner_mouse {
		z-index: 99;
		position: absolute;
		bottom: 60px;
		left: calc((100% - 23px) / 2);
		width: 23px;
		height: 40px;
		cursor: pointer;
		background: url(../images/scorll.png) no-repeat -23px 0px;
		-webkit-animation: nudgeMouse 1.6s linear infinite;
		animation: nudgeMouse 1.6s linear infinite;
	}

	@keyframes nudgeMouse {
		0% {
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}

		50% {
			-webkit-transform: translateY(8px);
			transform: translateY(8px);
		}

		100% {
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}
	}

	@keyframes colorSlide {
		0% {
			height: 0;
		}

		90% {
			height: 40px;
		}
	}

	@keyframes trackBallSlide {
		0% {
			opacity: 1;
			-webkit-transform: scale(1) translateY(-8px);
			transform: scale(1) translateY(-8px);
		}

		34% {
			opacity: 1;
			-webkit-transform: scale(0.9) translateY(4px);
			transform: scale(0.9) translateY(4px);
		}

		68% {
			opacity: 0;
			-webkit-transform: scale(0.4) translateY(16px);
			transform: scale(0.4) translateY(16px);
		}

		100% {
			opacity: 0;
			-webkit-transform: scale(0.4) translateY(-8px);
			transform: scale(0.4) translateY(-8px);
		}
	}

	.banner_mouse::before {
		width: 23px;
		height: 40px;
		background: url(../images/scorll.png) no-repeat 0px 0px;
		-webkit-animation: colorSlide 1.6s linear infinite;
		animation: colorSlide 1.6s linear infinite;
		top: 0;
		left: 0;
		content: "";
		position: absolute;
	}

	.banner_mouse::after {
		background-color: #fff;
		width: 4px;
		height: 4px;
		content: "";
		position: absolute;
		border-radius: 100%;
		-webkit-animation: trackBallSlide 1.6s linear infinite;
		animation: trackBallSlide 1.6s linear infinite;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}

	.con1 {
		width: 100%;
		padding: 90px 0;
		background-image: url(../images/bg1.jpg);
		background-repeat: no-repeat;
		background-size: cover;
	}

	.con1con {
		max-width: 1660px;
		padding: 0 40px;
		margin: 0 auto;
	}

	.con_title {
		margin-bottom: 40px;
	}

		.con_title p {
			font-size: 42px;
			color: #000;
			position: relative;
			text-align: center;
			margin-bottom: 30px;
		}

			.con_title p::after {
				position: absolute;
				left: 50%;
				transform: translate(-50%);
				width: 60px;
				height: 3px;
				content: '';
				bottom: -10px;
				background-color: var(--main-color);
			}

		.con_title span {
			display: block;
			font-size: 16px;
			text-align: center;
			color: var(--main-color-999);
		}

	.mySwiper_brand {
		width: 100%;
		padding-bottom: 50px !important;
	}

		.mySwiper_brand img {
			width: 100%;
			transition: var(--main-transition);
			height: 300px;
			object-fit: cover;
		}

	.brandpos {
		position: absolute;
		bottom: 0;
		transition: var(--main-transition);
		left: 0;
		width: 100%;
		height: 20%;
		display: flex;
		align-items: center;
		font-size: 20px;
		justify-content: center;
		padding: 0 20px;
		background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 100%);
		z-index: 9;
	}

	.mySwiper_brand .swiper-slide {
		cursor: pointer;
		position: relative;
		overflow: hidden;
	}

		.mySwiper_brand .swiper-slide:hover img {
			transform: scale(1.1);
		}

		.mySwiper_brand .swiper-slide:hover .brandpos {
			height: 60%;
			color: var(--main-color-white);
			background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 0) 100%);
		}

	.brandpage .swiper-pagination-bullet {
		width: 15px !important;
		height: 15px !important;
	}

	.brandpage .swiper-pagination-bullet-active {
		background-color: var(--main-color);
	}

	.brandbtn {
		width: 40px !important;
		height: 60px !important;
		display: flex;
		background-image: none !important;
		align-items: center;
		color: var(--main-color-white);
		font-size: 20px;
		justify-content: center;
		background-color: var(--main-color);
	}

	.brandleft {
		left: 0 !important;
	}

	.brandright {
		right: 0 !important;
	}

	.more {
		width: 180px;
		height: 45px;
		line-height: 45px;
		text-align: center;
		transition: var(--main-transition);
		border: 2px solid var(--main-color);
		color: #000;
		font-size: 14px;
		display: block;
		border-radius: 40px;
		margin: 0 auto;
		margin-top: 30px;
	}

		.more:hover {
			background-color: var(--main-color);
			color: var(--main-color-white);
		}

	.mySwiper_brand .swiper-slide-active .brandpos {
		height: 60%;
		/* color: var(--main-color-white);
        background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 0) 100%); */
	}

	.con2 {
		width: 100%;
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}

	.con2con {
		width: 100%;
	}

	.con2box1 {
		max-width: 1360px;
		padding: 80px 40px;
		margin: 0 auto;
	}

		.con2box1 .con_title p {
			color: var(--main-color-white);
		}

	.con2box1_p p {
		text-align: center;
		font-size: 16px;
		color: var(--main-color-white);
		line-height: 30px;
		margin-bottom: 30px;
	}

	.num_scroll {
		width: 100%;
		margin: 60px auto;
	}

		.num_scroll ul {
			display: flex;
			align-items: center;
			justify-content: space-between;
		}

			.num_scroll ul li {
				flex: 1;
				padding: 0 20px;
				border-right: 1px solid rgba(255, 255, 255, .2);
			}

				.num_scroll ul li:last-child {
					border: none;
				}

				.num_scroll ul li h2 {
					color: var(--main-color-white);
					font-size: 42px;
					font-weight: normal;
				}

	.mun_top {
		justify-content: center;
		display: flex;
	}

		.mun_top span {
			font-size: 20px;
			margin-left: 10px;
			font-weight: bold;
			color: var(--main-color-white);
		}

	.num_scroll ul li p {
		text-align: center;
		color: var(--main-color-white);
		font-size: 14px;
		margin-top: 10px;
	}

	.con2con .more {
		background-color: var(--main-color);
		color: var(--main-color-white);
	}

	.con2box2 {
		width: 100%;
		border-bottom: 6px solid var(--main-color);
		background-color: rgba(0, 0, 0, 0.5);
	}

	.con2box2con {
		max-width: 1660px;
		padding: 0 40px;
		margin: 0 auto;
	}

		.con2box2con ul {
			display: flex;
			align-items: center;
			justify-content: space-between;
		}

			.con2box2con ul li {
				flex: 1;
				position: relative;
				border-right: 1px solid rgba(255, 255, 255, 0.2);
				display: flex;
				padding: 50px 20px;
				flex-direction: column;
				align-items: center;
				overflow: hidden;
				justify-content: center;
				cursor: pointer;
			}

				.con2box2con ul li:first-child {
					border-left: 1px solid rgba(255, 255, 255, 0.2);
				}

				.con2box2con ul li img {
					transition: var(--main-transition);
					z-index: 4;
					position: relative;
					width: 47px;
				}

				.con2box2con ul li p {
					font-size: 20px;
					margin-top: 25px;
					font-weight: bold;
					z-index: 4;
					position: relative;
					color: var(--main-color-white);
				}

	.con2boxpos {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 100%;
		transition: var(--main-transition);
		background-color: var(--main-color);
		z-index: 2;
	}

	.con2box2con ul li:hover .con2boxpos {
		top: 0 !important;
	}

	.con2box2con ul li:hover img {
		transform: rotateY(180deg)
	}

	.con3 {
		width: 100%;
		padding: 80px 0;
		background-color: #f7f7f7;
	}

	.con3con {
		max-width: 1660px;
		margin: 0 auto;
		padding: 0 40px;
	}

	.mySwiper_pro {
		width: 100%;
	}

	.proContainer img {
		width: 100%;
		transition: var(--main-transition);
		height: 238px;
		object-fit: cover;
	}

	.proContainer {
		position: relative;
		overflow: hidden;
	}

	.propos {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		transition: var(--main-transition);
		top: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background: rgba(0, 0, 0, .7);
		opacity: 0;
		visibility: hidden;
	}

	.linespan {
		width: 80%;
		display: block;
		height: 1px;
		background-color: var(--main-color-white);
		margin: 0 auto;
		transition: var(--main-transition);
	}

	.propos a {
		display: block;
		margin: 20px auto;
		color: var(--main-color-white);
		font-size: 14px;
		text-align: center;
	}

	.mySwiper_pro {
		padding-bottom: 50px !important;
	}

		.mySwiper_pro .swiper-slide {
			cursor: pointer;
		}

			.mySwiper_pro .swiper-slide:hover .propos {
				opacity: 1 !important;
				visibility: visible !important;
			}

			.mySwiper_pro .swiper-slide:hover img {
				transform: scale(1.1);
			}

			.mySwiper_pro .swiper-slide:hover .linespan {
				width: 10%;
			}

			.mySwiper_pro .swiper-slide p {
				height: 55px;
				width: 100%;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 1;
				text-align: center;
				padding: 0 20px;
				background-color: var(--main-color);
				font-size: 14px;
				color: var(--main-color-white);
				line-height: 55px;
			}

			.mySwiper_pro .swiper-slide:hover p {
				background-color: #f39904;
			}

	.propage .swiper-pagination-bullet {
		width: 15px !important;
		height: 15px !important;
	}

	.propage .swiper-pagination-bullet-active {
		background-color: var(--main-color);
	}

	.probtn {
		width: 40px !important;
		height: 60px !important;
		display: flex;
		background-image: none !important;
		align-items: center;
		color: var(--main-color-white);
		font-size: 20px;
		justify-content: center;
		background-color: var(--main-color);
	}

	.probtnleft {
		left: 0 !important;
	}

	.probtnright {
		right: 0 !important;
	}

	.con4 {
		background-repeat: no-repeat;
		background-size: cover;
	}

	.con4con {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.con4item {
		flex: 1;
		padding: 80px 30px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		border-right: 1px solid rgba(255, 255, 255, .4);
		background: rgba(0, 0, 0, .4);
	}

		.con4item img {
			width: 70px;
		}

		.con4item p {
			font-size: 32px;
			margin-top: 35px;
			position: relative;
			color: var(--main-color-white);
			margin-bottom: 40px;
		}

			.con4item p::after {
				position: absolute;
				content: '';
				width: 60px;
				height: 2px;
				background-color: var(--main-color);
				bottom: -10px;
				left: 50%;
				transform: translateX(-50%);
			}

		.con4item span {
			font-size: 14px;
			color: #ffffff99;
			margin-bottom: 40px;
			text-align: center;
			display: block;
			height: 59px;
		}

		.con4item a:hover {
			background-color: var(--main-color);
			border-color: var(--main-color);
		}

		.con4item a {
			display: block;
			transition: var(--main-transition);
			width: 140px;
			height: 40px;
			line-height: 40px;
			text-align: center;
			color: var(--main-color-white);
			font-size: 14px;
			border-radius: 40px;
			border: 1px solid var(--main-color-white);
		}

	.con5 {
		width: 100%;
		padding: 80px 0;
		background-image: url(../images/bg4.png);
		background-repeat: no-repeat;
		background-size: cover;
	}

	.con5con {
		max-width: 1660px;
		margin: 0 auto;
		padding: 0 40px;
	}

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

			.con5con ul li {
				width: calc((100% - 90px) / 4);
				margin-right: 30px;
				margin-bottom: 30px;
				position: relative;
				background-color: var(--main-color-white);
				transition: var(--main-transition);
				padding: 15px;
			}

				.con5con ul li::after {
					position: absolute;
					width: 0%;
					bottom: -3px;
					transition: var(--main-transition);
					left: 0;
					height: 3px;
					content: '';
					background-color: var(--main-color);
				}

				.con5con ul li:nth-child(4n) {
					margin-right: 0;
				}

				.con5con ul li a {
					display: block;
					overflow: hidden;
				}

					.con5con ul li a img {
						width: 100%;
						object-fit: cover;
						height: 230px;
						transition: var(--main-transition);
					}

				.con5con ul li p {
					color: #000;
					font-size: 18px;
					width: 100%;
					transition: var(--main-transition);
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
					margin-top: 15px;
					margin-bottom: 15px;
				}

				.con5con ul li strong {
					font-size: 14px;
					display: block;
					margin-bottom: 15px;
					color: var(--main-color);
				}

				.con5con ul li span {
					width: 100%;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
					font-size: 14px;
					color: #000000b3;
				}

	.tag {
		/*position: absolute;*/
		display: inline-block;
		padding: 5px;
		background-color: var(--main-color);
		color: var(--main-color-white);
		font-size: 14px;
		border-radius: 5px;
		/*left: 20px;
        top: 20px;
        z-index: 999;*/
	}

	.con5con ul li:hover img {
		transform: scale(1.1);
	}

	.con5con ul li:hover p {
		color: var(--main-color);
	}

	.con5con ul li:hover {
		box-shadow: 0 0 20px rgb(0 0 0 / 10%);
	}

		.con5con ul li:hover::after {
			width: 100%;
		}

	.con6 {
		width: 100%;
		padding: 80px 0;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;
		background-position: center;
	}

	.con6con {
		max-width: 1160px;
		padding: 0 40px;
		margin: 0 auto;
	}

		.con6con .con_title p {
			color: var(--main-color-white);
		}

	.group {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

		.group input {
			width: 49%;
			height: 42px;
			color: var(--main-color-white);
			border: 1px solid #4d5154;
			outline: none;
			display: block;
			margin-bottom: 10px;
			padding-left: 15px;
			background-color: rgba(255, 255, 255, 0.05);
			transition: var(--main-transition);
			border: none;
		}

			.group input::-webkit-input-placeholder {
				color: var(--main-color-white);
			}

			.group input:focus {
				border: 1px solid var(--main-color);
			}

		.group textarea {
			width: 100%;
			height: 100px;
			color: var(--main-color-white);
			border: 1px solid #4d5154;
			outline: none;
			display: block;
			margin-bottom: 10px;
			padding-left: 15px;
			background-color: rgba(255, 255, 255, 0.05);
			transition: var(--main-transition);
			border: none;
			padding-top: 15px;
		}

			.group textarea::-webkit-input-placeholder {
				color: var(--main-color-white);
			}

			.group textarea:focus {
				border: 1px solid var(--main-color);
			}

		.group .more {
			color: var(--main-color-white);
			border-color: var(--main-color-white);
		}

			.group .more:hover {
				border-color: var(--main-color);
			}

	.foot {
		width: 100%;
		padding: 40px 0;
		background-color: #222222;
	}

	.footer {
		max-width: 1660px;
		padding: 0 40px;
		margin: 0 auto;
	}

	.flogo {
		max-width: 1660px;
		padding: 0 40px;
		margin: 0 auto;
		margin-bottom: 20px;
	}

		.flogo img {
			display: block;
			height: 71px;
		}

	.footer {
		display: flex;
		justify-content: space-between;
	}

	.footerleft {
		width: 30%;
		border-right: 1px solid #414141;
		padding: 10px 0;
		padding-right: 40px;
	}

	.footernav {
		border-right: 1px solid #414141;
		width: 20%;
		padding: 10px 40px;
	}

	.footerright {
		width: 30%;
		padding: 10px 0;
		padding-left: 40px;
	}

	.f_strong {
		color: var(--main-color-white);
		margin-bottom: 20px;
		display: block;
		font-size: 20px;
	}

	.footerleft p {
		font-size: 14px;
		color: #ffffffb3;
		line-height: 25px;
		padding-bottom: 20px;
		border-bottom: 1px dashed #ffffffb3;
		margin-bottom: 20px;
	}

	.link_group {
		display: flex;
		align-items: center;
	}

		.link_group a {
			display: block;
			width: 28px;
			height: 28px;
			background-color: #7a7a7a;
			margin-right: 10px;
			display: flex;
			transition: var(--main-transition);
			border-radius: 50%;
			align-items: center;
			color: var(--main-color-222);
			justify-content: center;
		}

			.link_group a:hover {
				background-color: var(--main-color);
				color: var(--main-color-white);
			}

	.footernav a {
		display: block;
		font-size: 14px;
		color: #ffffffb3;
		margin-bottom: 10px;
	}

		.footernav a:hover {
			color: var(--main-color-white);
		}

	.footerright ul li {
		display: flex;
		align-items: center;
		margin-bottom: 10px;
	}

		.footerright ul li span {
			color: #ffffffb3;
			font-size: 14px;
			display: block;
			margin-left: 10px;
		}

	.copy {
		padding: 20px 0;
		background-color: #181818;
		color: #ffffff66;
		text-align: center;
		font-size: 14px;
	}

	.copycon {
		max-width: 1660px;
		padding: 0 40px;
		margin: 0 auto;
	}

	.copy a {
		color: #ffffff66;
		font-size: 14px;
	}

	.inbanner {
		width: 100%;
		position: relative;
		margin-top: -90px;
	}

		.inbanner img {
			width: 100%;
		}

	.in_pos h1 {
		color: var(--main-color-white);
		font-size: 40px;
		font-weight: normal;
		margin-bottom: 20px;
	}

	.in_pos p {
		text-align: center;
		color: #ffffffb3;
		font-size: 22px;
	}

	.in_pos {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.bread {
		width: 100%;
		height: 70px;
		background-color: var(--main-color-white);
	}

	.breadcon {
		max-width: 1560px;
		padding: 0 40px;
		margin: 0 auto;
		height: 70px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.bread_left i {
		color: var(--main-color);
	}

	.bread_left a {
		font-size: 14px;
		color: #212529;
	}

	.bread_left span {
		font-size: 14px;
		color: #212529;
	}

	.bread_right {
		display: flex;
		align-items: center;
	}

		.bread_right a {
			position: relative;
			display: inline-block;
			height: 70px;
			padding: 0 20px;
			color: #212529;
			line-height: 70px;
		}

			.bread_right a:hover::after {
				width: 100% !important;
			}

	.bread_active {
		background-color: var(--main-color) !important;
		color: var(--main-color-white) !important;
	}

	.bread_right a::after {
		position: absolute;
		content: '';
		width: 0%;
		transition: var(--main-transition);
		left: 50%;
		transform: translateX(-50%);
		height: 3px;
		bottom: 0px;
		background-color: var(--main-color);
	}

	.product {
		width: 100%;
		padding: 80px 0;
	}

	.productcon {
		max-width: 1560px;
		margin: 0 auto;
		padding: 0 40px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.proleft {
		width: 340px;
	}

	.proright {
		width: calc(100% - 340px);
		padding-left: 35px;
	}

	.pro_top {
		background-color: var(--main-color);
		padding: 25px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}

		.pro_top strong {
			display: block;
			color: var(--main-color-white);
			font-size: 22px;
			position: relative;
			font-weight: normal;
			margin-bottom: 20px;
		}

			.pro_top strong::after {
				position: absolute;
				width: 48px;
				height: 2px;
				left: 0;
				content: '';
				background-color: var(--main-color-white);
				bottom: -10px;
			}

		.pro_top p {
			font-size: 14px;
			color: #ffffff99;
		}

	.proleft ul li {
		display: flex;
		padding: 0 20px;
		justify-content: space-between;
		align-items: center;
		background-color: var(--main-color-white);
		border-bottom: 1px solid #f7f7f7;
		transition: var(--main-transition);
	}

		.proleft ul li:hover {
			background-color: var(--main-color);
		}

			.proleft ul li:hover a {
				color: var(--main-color-white);
			}

			.proleft ul li:hover i {
				color: var(--main-color-white);
			}

		.proleft ul li > a {
			display: block;
			font-size: 16px;
			transition: var(--main-transition);
			color: var(--main-color-333);
			height: 50px;
			line-height: 50px;
		}

		.proleft ul li span {
			display: block;
			cursor: pointer;
			width: 40px;
			height: 40px;
			transition: var(--main-transition);
			text-align: center;
			line-height: 40px;
		}

	.drop_menu {
		display: none;
	}

		.drop_menu a {
			transition: var(--main-transition);
			background-color: #efefef99;
			padding-left: 30px;
			color: var(--main-color-333);
			display: block;
			height: 40px;
			font-size: 14px;
			line-height: 40px;
		}

			.drop_menu a:hover {
				color: var(--main-color-white);
				background-color: var(--main-color);
			}

	.rrrr {
		transform: rotate(180deg);
	}

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

		.proright ul li a {
			display: block;
			overflow: hidden;
		}

		.proright ul li img {
			width: 100%;
			transition: var(--main-transition);
		}

		.proright ul li:hover img {
			transform: scale(1.1);
		}

		.proright ul li p {
			height: 40px;
			width: 100%;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 1;
			line-height: 40px;
			padding: 0 20px;
			text-align: center;
		}

	.prodetail {
		width: 100%;
		padding: 80px 0;
	}

	.detailcon {
		max-width: 1560px;
		padding: 0 40px;
		margin: 0 auto;
	}

	.detailbox {
		background-color: var(--main-color-white);
		padding: 25px;
	}

	.detail_top {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.move-view {
		background: rgba(255, 255, 255, .5);
		cursor: pointer;
	}

	.mb_swiper {
		display: none;
	}

	.detail_top_right {
		width: calc(100% - 500px);
		padding-left: 50px;
	}

		.detail_top_right strong {
			font-size: 28px;
			display: block;
			margin-bottom: 20px;
			padding-bottom: 15px;
			border-bottom: 1px solid #e5e5e5;
			color: #000;
		}

		.detail_top_right span {
			font-size: 14px;
			color: #00000099;
		}

	.cz {
		display: flex;
		align-items: center;
		margin-top: 40px;
	}

		.cz a {
			display: inline-block;
			padding: 10px;
			font-size: 15px;
			border-radius: 3px;
			color: var(--main-color-white);
		}

	.cz1 {
		background-color: var(--main-color);
		margin-right: 20px;
	}

	.cz a:hover {
		background-color: #222222;
	}

	.cz2 {
		background-color: #f39904;
	}

	.detail_bot {
		margin-top: 50px;
	}

	.detail_title {
		margin-bottom: 20px;
	}

		.detail_title strong {
			display: block;
			font-size: 18px;
			color: #292929;
			padding-bottom: 10px;
			border-bottom: 1px solid #e4e4e4;
		}

	.detail_p {
		font-size: 16px;
		color: var(--main-color-333);
		line-height: 30px;
	}

	.detail_bot_item {
		margin-bottom: 30px;
	}

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

		.factory ul li:nth-child(5n) {
			margin-right: 0;
		}

		.factory ul li img {
			width: 100%;
		}

		.factory ul li {
			width: calc((100% - 100px) / 5);
			margin-right: 25px;
			margin-bottom: 25px;
		}

	.application ul li {
		width: calc((100% - 125px) / 6);
	}

		.application ul li:nth-child(6n) {
			margin-right: 0;
		}

	.consulting {
		width: 100%;
		padding: 80px 0;
		background-color: var(--main-color-white);
	}

	.consultcon {
		max-width: 1560px;
		margin: 0 auto;
		padding: 0 40px;
	}

	.consult_group {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

		.consult_group input {
			width: 49%;
			height: 42px;
			border-radius: 4px;
			color: var(--main-color-333);
			outline: none;
			display: block;
			margin-bottom: 20px;
			padding-left: 15px;
			border: 1px solid #dddddd;
			transition: var(--main-transition);
		}

		.consult_group textarea {
			width: 100%;
			border-radius: 4px;
			height: 100px;
			border: 1px solid #dddddd;
			color: var(--main-color-white);
			outline: none;
			display: block;
			margin-bottom: 10px;
			padding-left: 15px;
			transition: var(--main-transition);
			padding-top: 15px;
		}

		.consult_group .more {
			width: 140px;
			height: 43px;
			line-height: 43px;
			text-align: center;
			color: var(--main-color-white);
			background-color: var(--main-color);
			border-radius: 4px;
			display: block;
		}

	.consultcon .con_title p {
		font-size: 30px;
	}

	.related_pro .con_title p {
		font-size: 30px;
	}

	.related_pro {
		width: 100%;
		padding: 80px 0;
	}

	.related_procon {
		max-width: 1560px;
		margin: 0 auto;
		padding: 0 40px;
	}

	.related_pro .proright {
		padding-left: 0;
	}

	.related_pro .proright {
		width: 100%;
	}

		.related_pro .proright ul li {
			width: calc((100% - 90px) / 4);
			margin-right: 30px !important;
		}

			.related_pro .proright ul li:nth-child(4n) {
				margin-right: 0 !important;
			}

			.related_pro .proright ul li:nth-child(3n) {
				margin-right: 30px !important;
			}

	.aboutus {
		width: 100%;
		padding: 60px 0;
	}

	.aboutuscon {
		max-width: 1560px;
		padding: 0 40px;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.aboutleft {
		width: 48%;
	}

		.aboutleft h1 {
			color: var(--main-color);
			font-size: 45px;
			margin-bottom: 20px;
		}

		.aboutleft p {
			font-size: 28px;
			margin-bottom: 45px;
			position: relative;
			color: #000;
		}

			.aboutleft p::after {
				content: '';
				position: absolute;
				left: 0;
				bottom: -20px;
				width: 65px;
				height: 3px;
				background-color: var(--main-color);
			}

		.aboutleft span {
			line-height: 30px;
			font-size: 16px;
			color: #000;
		}

	.aboutright {
		width: 48%;
		position: relative;
		z-index: 99;
	}

	.abimg {
		overflow: hidden;
	}

	.aboutright::after {
		content: '';
		height: 80%;
		z-index: 9;
		width: 40%;
		display: inline-block;
		clear: both;
		background: var(--main-color);
		position: absolute;
		top: -30px;
		right: -40px;
	}

	.abimg img {
		position: relative;
		z-index: 10;
		width: 100%;
		transition: var(--main-transition);
	}

		.abimg img:hover {
			transform: scale(1.1);
		}

	.ab2 {
		width: 100%;
		padding: 100px 0;
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}

	.ab2con {
		max-width: 1560px;
		margin: 0 auto;
		padding: 0 40px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.ab2item {
		width: 48%;
	}

		.ab2item p {
			color: var(--main-color-white);
			font-size: 16px;
			line-height: 30px;
		}

	.ab3 .aboutuscon {
		flex-direction: row-reverse;
	}

		.ab3 .aboutuscon .aboutright::after {
			left: -40px !important;
			right: auto !important;
		}

	.factoryList {
		width: 100%;
		padding: 90px 0;
	}

	.factoryListcon {
		max-width: 1560px;
		padding: 0 40px;
		margin: 0 auto;
	}

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

			.factoryListcon ul li {
				cursor: pointer;
				width: calc((100% - 75px) / 4);
				margin-right: 25px;
				margin-bottom: 25px;
			}

				.factoryListcon ul li:nth-child(4n) {
					margin-right: 0;
				}

				.factoryListcon ul li:hover img {
					transform: scale(1.1);
				}

				.factoryListcon ul li img {
					width: 100%;
					transition: var(--main-transition);
				}

				.factoryListcon ul li p {
					text-align: center;
					padding: 0 20px;
					height: 50px;
					line-height: 50px;
					width: 100%;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 1;
					background-color: var(--main-color-white);
					color: #000;
					font-size: 15px;
				}

	.fac_img {
		overflow: hidden;
	}

	.honorul li {
		width: calc((100% - 100px) / 5) !important;
		margin-right: 25px !important;
		margin-bottom: 25px !important;
	}

		.honorul li:nth-child(4n) {
			margin-right: 25px;
		}

		.honorul li:nth-child(5n) {
			margin-right: 0px !important;
		}

	.new {
		width: 100%;
		padding: 80px 0;
	}

	.newcon {
		max-width: 1560px;
		padding: 0 40px;
		margin: 0 auto;
	}

	.newitem:hover img {
		transform: scale(1.1);
	}

	.newitem {
		display: flex;
		cursor: pointer;
		margin-bottom: 30px;
		flex-wrap: wrap;
		background-color: var(--main-color-white);
		padding: 15px;
	}

		.newitem:hover h1 {
			color: var(--main-color);
		}

	.nn_l {
		display: block;
		width: 25%;
		overflow: hidden;
	}

		.nn_l img {
			width: 100%;
			height: 185px;
			object-fit: cover;
			transition: var(--main-transition);
		}

	.nn_r {
		width: 70%;
	}

		.nn_r h1 {
			font-weight: normal;
			font-size: 20px;
			color: #000;
			width: 100%;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 1;
		}

		.nn_r p {
			margin: 10px 0;
			color: #000;
			font-size: 14px;
			font-weight: bold;
		}

			.nn_r p i {
				font-size: 16px;
			}

		.nn_r span {
			display: block;
			color: #666;
			width: 100%;
			line-height: 25px;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			font-size: 14px;
		}

		.nn_r a {
			width: 105px;
			height: 35px;
			line-height: 35px;
			margin-top: 20px;
			text-align: center;
			color: var(--main-color-white);
			background-color: var(--main-color);
			border-radius: 3px;
			display: block;
			font-size: 13px;
		}

	.inside {
		width: 100%;
		padding: 80px 0;
	}

	.insidecon {
		max-width: 1560px;
		margin: 0 auto;
		padding: 0 40px;
	}

	.insideconbox {
		/* padding: 30px; */
		background-color: var(--main-color-white);
	}

	.network {
		width: 100%;
		padding: 80px 0;
	}

	.networkcon {
		max-width: 1560px;
		padding: 0 40px;
		margin: 0 auto;
	}

		.networkcon .con_title p {
			color: var(--main-color);
		}

		.networkcon img {
			width: 100%;
		}

	.contact {
		padding: 80px 0;
	}

	.contactcon {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		max-width: 1560px;
		margin: 0 auto;
		padding: 0 40px;
	}

	.tactleft {
		width: 48%;
	}

		.tactleft p {
			color: #000;
			font-size: 16px;
			margin-bottom: 10px;
		}

		.tactleft span {
			display: block;
			color: #0000004d;
			font-size: 14px;
			margin-bottom: 40px;
			position: relative;
		}

			.tactleft span::after {
				position: absolute;
				bottom: -12px;
				left: 0;
				width: 60px;
				content: '';
				height: 3px;
				background-color: var(--main-color);
			}

		.tactleft h1 {
			font-size: 28px;
			color: #000;
			margin-bottom: 10px;
		}

	.tactright {
		width: 48%;
	}
}

@media only screen and (max-width: 996px) {
	.contact {
		padding: 30px 15px;
	}

	.contactcon {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0 auto;
	}

	.tactleft {
		width: 100%;
		margin-bottom: 20px;
	}

		.tactleft p {
			color: #000;
			font-size: 14px;
			margin-bottom: 5px;
		}

		.tactleft span {
			display: block;
			color: #0000004d;
			font-size: 14px;
			margin-bottom: 40px;
			position: relative;
		}

			.tactleft span::after {
				position: absolute;
				bottom: -12px;
				left: 0;
				width: 60px;
				content: '';
				height: 3px;
				background-color: var(--main-color);
			}

		.tactleft h1 {
			font-size: 28px;
			color: #000;
			margin-bottom: 10px;
		}

	.tactright {
		width: 48%;
	}

	.network {
		width: 100%;
		padding: 30px 15px;
	}

	.networkcon .con_title p {
		color: var(--main-color);
	}

	.networkcon img {
		width: 100%;
	}

	.inside {
		width: 100%;
		padding: 30px 15px;
	}

	.insideconbox {
		/* padding: 15px; */
		background-color: var(--main-color-white);
	}

	.new {
		width: 100%;
		padding: 30px 15px;
	}

	.newitem {
		display: flex;
		cursor: pointer;
		margin-bottom: 30px;
		flex-wrap: wrap;
		background-color: var(--main-color-white);
		padding: 10px;
	}

		.newitem:hover h1 {
			color: var(--main-color);
		}

	.nn_l {
		display: block;
		width: 100;
		overflow: hidden;
	}

		.nn_l img {
			width: 100%;
			transition: var(--main-transition);
		}

	.nn_r {
		width: 100%;
		margin-top: 20px;
		padding: 10px;
	}

		.nn_r h1 {
			font-weight: normal;
			font-size: 16px;
			color: #000;
			width: 100%;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 1;
		}

		.nn_r p {
			margin: 5px 0;
			color: #000;
			font-size: 14px;
			font-weight: bold;
		}

			.nn_r p i {
				font-size: 16px;
			}

		.nn_r span {
			display: block;
			color: #666;
			width: 100%;
			line-height: 25px;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			font-size: 14px;
		}

		.nn_r a {
			width: 105px;
			height: 35px;
			line-height: 35px;
			margin-top: 20px;
			text-align: center;
			color: var(--main-color-white);
			background-color: var(--main-color);
			border-radius: 3px;
			display: block;
			font-size: 13px;
		}

	.factoryList {
		width: 100%;
		padding: 30px 15px;
	}

	.factoryListcon ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

		.factoryListcon ul li {
			cursor: pointer;
			width: 48%;
			margin-bottom: 20px;
		}

			.factoryListcon ul li:hover img {
				transform: scale(1.1);
			}

			.factoryListcon ul li img {
				width: 100%;
				transition: var(--main-transition);
			}

			.factoryListcon ul li p {
				text-align: center;
				padding: 0 20px;
				height: 50px;
				line-height: 50px;
				width: 100%;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 1;
				background-color: var(--main-color-white);
				color: #000;
				font-size: 15px;
			}

	.fac_img {
		overflow: hidden;
	}

	.ab2 {
		width: 100%;
		padding: 30px 15px;
		background-image: url(../images/abbg.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}

	.ab2con {
		margin: 0 auto;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.ab2item {
		width: 100%;
		margin-bottom: 20px;
	}

		.ab2item p {
			color: var(--main-color-white);
			font-size: 16px;
			line-height: 30px;
		}

	.aboutus {
		width: 100%;
		padding: 30px 15px;
	}

	.aboutuscon {
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
		justify-content: space-between;
	}

	.aboutleft {
		width: 100%;
		margin-top: 20px;
	}

		.aboutleft h1 {
			color: var(--main-color);
			font-size: 25px;
			margin-bottom: 20px;
		}

		.aboutleft p {
			font-size: 16px;
			margin-bottom: 25px;
			position: relative;
			color: #000;
		}

			.aboutleft p::after {
				content: '';
				position: absolute;
				left: 0;
				bottom: -20px;
				width: 65px;
				height: 3px;
				background-color: var(--main-color);
			}

		.aboutleft span {
			line-height: 30px;
			font-size: 14px;
			color: #000;
		}

	.aboutright {
		width: 100%;
		position: relative;
		z-index: 99;
	}

	.abimg {
		overflow: hidden;
	}

		.abimg img {
			position: relative;
			z-index: 10;
			width: 100%;
			transition: var(--main-transition);
		}

			.abimg img:hover {
				transform: scale(1.1);
			}

	.consulting {
		width: 100%;
		padding: 30px 15px;
		background-color: var(--main-color-white);
	}

	.consult_group {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

		.consult_group input {
			width: 100%;
			height: 42px;
			border-radius: 4px;
			color: var(--main-color-333);
			outline: none;
			display: block;
			margin-bottom: 20px;
			padding-left: 15px;
			border: 1px solid #dddddd;
			transition: var(--main-transition);
		}

		.consult_group textarea {
			width: 100%;
			border-radius: 4px;
			height: 100px;
			border: 1px solid #dddddd;
			color: var(--main-color-white);
			outline: none;
			display: block;
			margin-bottom: 10px;
			padding-left: 15px;
			transition: var(--main-transition);
			padding-top: 15px;
		}

		.consult_group .more {
			width: 140px;
			height: 43px;
			line-height: 43px;
			text-align: center;
			color: var(--main-color-white);
			background-color: var(--main-color);
			border-radius: 4px;
			display: block;
		}

	.consultcon .con_title p {
		font-size: 30px;
	}

	.detail_bot {
		margin-top: 50px;
	}

	.detail_title {
		margin-bottom: 20px;
	}

		.detail_title strong {
			display: block;
			font-size: 18px;
			color: #292929;
			padding-bottom: 10px;
			border-bottom: 1px solid #e4e4e4;
		}

	.detail_p {
		font-size: 16px;
		color: var(--main-color-333);
		line-height: 30px;
	}

	.detail_bot_item {
		margin-bottom: 30px;
	}

	.factory ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

		.factory ul li img {
			width: 100%;
		}

		.factory ul li {
			width: 48%;
			margin-bottom: 25px;
		}

	.detail_top_right {
		width: 100%;
		margin-top: 20px;
	}

		.detail_top_right strong {
			font-size: 28px;
			font-size: 20px;
			display: block;
			margin-bottom: 20px;
			padding-bottom: 15px;
			border-bottom: 1px solid #e5e5e5;
			color: #000;
		}

		.detail_top_right span {
			font-size: 14px;
			color: #00000099;
		}

	.cz {
		display: flex;
		align-items: center;
		margin-top: 20px;
	}

		.cz a {
			display: inline-block;
			padding: 10px;
			font-size: 14px;
			border-radius: 3px;
			color: var(--main-color-white);
		}

	.cz1 {
		background-color: var(--main-color);
		margin-right: 20px;
	}

	.cz a:hover {
		background-color: #222222;
	}

	.cz2 {
		background-color: #f39904;
	}

	.mySwiper_de_small .swiper-slide-thumb-active {
		border: 1px solid #ccc;
	}

	.mySwiper_de_small {
		width: 100%;
	}

		.mySwiper_de_small img {
			width: 100%;
		}

	.mySwiper2_de_big {
		width: 100%;
	}

		.mySwiper2_de_big img {
			width: 100%;
		}

	.prodetail {
		width: 100%;
		padding: 30px 15px;
	}

	.detailbox {
		background-color: var(--main-color-white);
		padding: 20px;
	}

	.magnifier {
		display: none;
	}

	.product {
		width: 100%;
		padding: 30px 15px;
	}

	.productcon {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.proleft {
		width: 100%;
	}

	.proright {
		width: 100%;
	}

	.pro_top {
		background-color: var(--main-color);
		padding: 25px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}

		.pro_top strong {
			display: block;
			color: var(--main-color-white);
			font-size: 22px;
			position: relative;
			font-weight: normal;
			margin-bottom: 20px;
		}

			.pro_top strong::after {
				position: absolute;
				width: 48px;
				height: 2px;
				left: 0;
				content: '';
				background-color: var(--main-color-white);
				bottom: -10px;
			}

		.pro_top p {
			font-size: 14px;
			color: #ffffff99;
		}

	.proleft ul li {
		display: flex;
		padding: 0 20px;
		justify-content: space-between;
		align-items: center;
		background-color: var(--main-color-white);
		border-bottom: 1px solid #f7f7f7;
		transition: var(--main-transition);
	}

		.proleft ul li:hover {
			background-color: var(--main-color);
		}

			.proleft ul li:hover a {
				color: var(--main-color-white);
			}

			.proleft ul li:hover i {
				color: var(--main-color-white);
			}

		.proleft ul li > a {
			display: block;
			font-size: 16px;
			transition: var(--main-transition);
			color: var(--main-color-333);
			height: 50px;
			line-height: 50px;
		}

		.proleft ul li span {
			display: block;
			cursor: pointer;
			width: 40px;
			height: 40px;
			transition: var(--main-transition);
			text-align: center;
			line-height: 40px;
		}

	.drop_menu {
		display: none;
	}

		.drop_menu a {
			transition: var(--main-transition);
			background-color: #efefef99;
			padding-left: 30px;
			color: var(--main-color-333);
			display: block;
			height: 40px;
			font-size: 14px;
			line-height: 40px;
		}

			.drop_menu a:hover {
				color: var(--main-color-white);
				background-color: var(--main-color);
			}

	.rrrr {
		transform: rotate(180deg);
	}

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

		.proright ul li {
			width: 100%;
			background-color: var(--main-color-white);
			margin-bottom: 30px;
		}

			.proright ul li a {
				display: block;
				overflow: hidden;
			}

			.proright ul li:nth-child(3n) {
				margin-right: 0;
			}

			.proright ul li img {
				width: 100%;
				transition: var(--main-transition);
			}

			.proright ul li:hover img {
				transform: scale(1.1);
			}

			.proright ul li p {
				height: 40px;
				width: 100%;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 1;
				line-height: 40px;
				padding: 0 20px;
				text-align: center;
			}

	.bread {
		width: 100%;
		padding: 30px 15px;
		background-color: var(--main-color-white);
	}

	.breadcon {
		margin: 0 auto;
		flex-wrap: wrap;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.bread_left {
		margin-bottom: 20px;
	}

		.bread_left i {
			color: var(--main-color);
		}

		.bread_left a {
			font-size: 14px;
			color: #212529;
		}

		.bread_left span {
			font-size: 14px;
			color: #212529;
		}

	.bread_right {
		width: 100%;
		white-space: nowrap;
		display: flex;
		align-items: center;
		overflow: scroll;
	}

		.bread_right a {
			position: relative;
			display: inline-block;
			padding: 10px 10px;
			color: #212529;
		}

			.bread_right a:hover::after {
				width: 100% !important;
			}

	.bread_active {
		background-color: var(--main-color) !important;
		color: var(--main-color-white) !important;
	}

	.bread_right a::after {
		position: absolute;
		content: '';
		width: 0%;
		transition: var(--main-transition);
		left: 50%;
		transform: translateX(-50%);
		height: 3px;
		bottom: 0px;
		background-color: var(--main-color);
	}

	.inbanner {
		width: 100%;
		margin-top: 60px;
		position: relative;
		height: 250px;
	}

		.inbanner img {
			width: 100%;
			height: 250px;
			object-fit: cover;
		}

	.in_pos h1 {
		color: var(--main-color-white);
		font-size: 18px;
		font-weight: normal;
		margin-bottom: 20px;
	}

	.in_pos p {
		text-align: center;
		color: #ffffffb3;
		font-size: 20px;
	}

	.in_pos {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.foot {
		width: 100%;
		padding: 30px 15px;
		background-color: #222222;
	}

	.flogo {
		margin: 0 auto;
		margin-bottom: 20px;
	}

		.flogo img {
			display: block;
			height: 36px;
		}

	.footer {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.footerleft {
		width: 100%;
		border-bottom: 1px solid #414141;
		padding: 10px 0;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.footernav {
		border-bottom: 1px solid #414141;
		width: 100%;
		padding: 20px 0;
	}

	.footerright {
		width: 100%;
		padding: 20px 0;
	}

	.f_strong {
		color: var(--main-color-white);
		margin-bottom: 15px;
		display: block;
		font-size: 16px;
	}

	.footerleft p {
		font-size: 14px;
		color: #ffffffb3;
		line-height: 25px;
		padding-bottom: 20px;
		border-bottom: 1px dashed #ffffffb3;
		margin-bottom: 20px;
	}

	.link_group {
		display: flex;
		align-items: center;
	}

		.link_group a {
			display: block;
			width: 28px;
			height: 28px;
			background-color: #7a7a7a;
			margin-right: 10px;
			display: flex;
			transition: var(--main-transition);
			border-radius: 50%;
			align-items: center;
			color: var(--main-color-222);
			justify-content: center;
		}

			.link_group a:hover {
				background-color: var(--main-color);
				color: var(--main-color-white);
			}

	.footernav a {
		display: inline-block;
		width: 48%;
		font-size: 14px;
		color: #ffffffb3;
		margin-bottom: 10px;
	}

		.footernav a:hover {
			color: var(--main-color-white);
		}

	.footerright ul li {
		display: flex;
		margin-bottom: 10px;
		align-items: center;
	}

		.footerright ul li span {
			color: #ffffffb3;
			font-size: 14px;
			display: block;
			margin-left: 10px;
		}

	.copy {
		padding: 20px 0;
		background-color: #181818;
		color: #ffffff66;
		text-align: center;
		font-size: 14px;
	}

	.copycon {
		max-width: 1660px;
		padding: 0 40px;
		margin: 0 auto;
	}

	.copy a {
		color: #ffffff66;
		font-size: 14px;
	}

	.con6 {
		width: 100%;
		padding: 30px 15px;
		background-image: url(../images/bg5.png);
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;
		background-position: center;
	}

	.con6con .con_title p {
		color: var(--main-color-white);
	}

	.group {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

		.group input {
			width: 100%;
			height: 42px;
			color: var(--main-color-white);
			border: 1px solid #4d5154;
			outline: none;
			display: block;
			margin-bottom: 10px;
			padding-left: 15px;
			background-color: rgba(255, 255, 255, 0.05);
			transition: var(--main-transition);
			border: none;
		}

			.group input::-webkit-input-placeholder {
				color: var(--main-color-white);
			}

			.group input:focus {
				border: 1px solid var(--main-color);
			}

		.group textarea {
			width: 100%;
			height: 100px;
			color: var(--main-color-white);
			border: 1px solid #4d5154;
			outline: none;
			display: block;
			margin-bottom: 10px;
			padding-left: 15px;
			background-color: rgba(255, 255, 255, 0.05);
			transition: var(--main-transition);
			border: none;
			padding-top: 15px;
		}

			.group textarea::-webkit-input-placeholder {
				color: var(--main-color-white);
			}

			.group textarea:focus {
				border: 1px solid var(--main-color);
			}

		.group .more {
			color: var(--main-color-white);
			border-color: var(--main-color-white);
		}

			.group .more:hover {
				border-color: var(--main-color);
			}

	.con5 {
		width: 100%;
		padding: 30px 15px;
		background-image: url(../images/bg4.png);
		background-repeat: no-repeat;
		background-size: cover;
	}

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

		.con5con ul li {
			width: 100%;
			margin-bottom: 20px;
			position: relative;
			background-color: var(--main-color-white);
			transition: var(--main-transition);
			padding: 10px;
			box-shadow: 0 0 20px rgb(0 0 0 / 10%);
		}

			.con5con ul li::after {
				position: absolute;
				width: 100%;
				bottom: -3px;
				transition: var(--main-transition);
				left: 0;
				height: 3px;
				content: '';
				background-color: var(--main-color);
			}

			.con5con ul li:nth-child(4n) {
				margin-right: 0;
			}

			.con5con ul li a {
				display: block;
				overflow: hidden;
			}

				.con5con ul li a img {
					width: 100%;
					object-fit: cover;
					transition: var(--main-transition);
				}

			.con5con ul li p {
				color: #000;
				font-size: 14px;
				width: 100%;
				transition: var(--main-transition);
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				margin-top: 10px;
				margin-bottom: 10px;
			}

			.con5con ul li strong {
				font-size: 14px;
				display: block;
				margin-bottom: 10px;
				color: var(--main-color);
			}

			.con5con ul li span {
				width: 100%;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				font-size: 14px;
				color: #000000b3;
			}

	.tag {
		/*position: absolute;*/
		display: inline-block;
		padding: 5px;
		background-color: var(--main-color);
		color: var(--main-color-white);
		font-size: 14px;
		border-radius: 5px;
		/*left: 20px;
        top: 20px;
        z-index: 999;*/
	}

	.con4 {
		background-image: url(../images/bg3.png);
		background-repeat: no-repeat;
		background-size: cover;
	}

	.con4con {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.con4item {
		width: 100%;
		padding: 30px;
		display: flex;
		flex-direction: column;
		border-bottom: 1px solid rgba(255, 255, 255, .4);
		align-items: center;
		justify-content: center;
		background: rgba(0, 0, 0, .4);
	}

		.con4item img {
			width: 70px;
		}

		.con4item p {
			font-size: 25px;
			margin-top: 35px;
			position: relative;
			color: var(--main-color-white);
			margin-bottom: 30px;
		}

			.con4item p::after {
				position: absolute;
				content: '';
				width: 60px;
				height: 2px;
				background-color: var(--main-color);
				bottom: -15px;
				left: 50%;
				transform: translateX(-50%);
			}

		.con4item span {
			font-size: 16px;
			color: #ffffff99;
			margin-bottom: 20px;
			text-align: center;
			display: block;
		}

		.con4item a:hover {
			background-color: var(--main-color);
			border-color: var(--main-color);
		}

		.con4item a {
			display: block;
			transition: var(--main-transition);
			width: 140px;
			height: 40px;
			line-height: 40px;
			text-align: center;
			color: var(--main-color-white);
			font-size: 14px;
			border-radius: 40px;
			border: 1px solid var(--main-color-white);
		}

	.con3 {
		width: 100%;
		padding: 30px 15px;
		background-color: #f7f7f7;
	}

	.mySwiper_pro {
		width: 100%;
	}

	.proContainer img {
		width: 100%;
		transition: var(--main-transition);
	}

	.proContainer {
		position: relative;
		overflow: hidden;
	}

	.propos {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		transition: var(--main-transition);
		top: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background: rgba(0, 0, 0, .7);
		opacity: 0;
		visibility: hidden;
	}

	.linespan {
		width: 80%;
		display: block;
		height: 1px;
		background-color: var(--main-color-white);
		margin: 0 auto;
		transition: var(--main-transition);
	}

	.propos a {
		display: block;
		margin: 20px auto;
		color: var(--main-color-white);
		font-size: 14px;
		text-align: center;
	}

	.mySwiper_pro {
		padding-bottom: 50px !important;
	}

		.mySwiper_pro .swiper-slide {
			cursor: pointer;
		}

			.mySwiper_pro .swiper-slide:hover .propos {
				opacity: 1 !important;
				visibility: visible !important;
			}

			.mySwiper_pro .swiper-slide:hover img {
				transform: scale(1.1);
			}

			.mySwiper_pro .swiper-slide:hover .linespan {
				width: 10%;
			}

			.mySwiper_pro .swiper-slide p {
				height: 55px;
				width: 100%;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 1;
				text-align: center;
				padding: 0 20px;
				background-color: var(--main-color);
				font-size: 14px;
				color: var(--main-color-white);
				line-height: 55px;
			}

			.mySwiper_pro .swiper-slide:hover p {
				background-color: #f39904;
			}

	.propage .swiper-pagination-bullet {
		width: 15px !important;
		height: 15px !important;
	}

	.propage .swiper-pagination-bullet-active {
		background-color: var(--main-color);
	}

	.probtn {
		width: 40px !important;
		height: 60px !important;
		display: flex;
		background-image: none !important;
		align-items: center;
		color: var(--main-color-white);
		font-size: 20px;
		justify-content: center;
		background-color: var(--main-color);
	}

	.probtnleft {
		left: 0 !important;
	}

	.probtnright {
		right: 0 !important;
	}

	.con2 {
		width: 100%;
		background-image: url(../images/bg2.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}

	.con2con {
		width: 100%;
	}

	.con2box1 {
		padding: 30px 15px;
		margin: 0 auto;
	}

		.con2box1 .con_title p {
			color: var(--main-color-white);
		}

	.con2box1_p p {
		text-align: center;
		font-size: 14px;
		color: var(--main-color-white);
		line-height: 25px;
		margin-bottom: 20px;
	}

	.num_scroll {
		width: 100%;
		margin: 30px auto;
	}

		.num_scroll ul {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: space-between;
		}

			.num_scroll ul li {
				width: 48%;
				padding: 20px;
			}

				.num_scroll ul li h2 {
					color: var(--main-color-white);
					font-size: 25px;
					font-weight: normal;
				}

	.mun_top {
		justify-content: center;
		display: flex;
	}

		.mun_top span {
			font-size: 14px;
			margin-left: 10px;
			font-weight: bold;
			color: var(--main-color-white);
		}

	.num_scroll ul li p {
		text-align: center;
		color: var(--main-color-white);
		font-size: 14px;
		margin-top: 10px;
	}

	.con2con .more {
		background-color: var(--main-color);
		color: var(--main-color-white);
	}

	.con2box2 {
		width: 100%;
		border-bottom: 6px solid var(--main-color);
		background-color: rgba(0, 0, 0, 0.5);
	}

	.con2box2con {
		padding: 30px 15px;
		margin: 0 auto;
	}

		.con2box2con ul {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: space-between;
		}

			.con2box2con ul li {
				width: 50%;
				position: relative;
				display: flex;
				padding: 20px;
				flex-direction: column;
				align-items: center;
				overflow: hidden;
				justify-content: center;
				cursor: pointer;
			}

				.con2box2con ul li img {
					transition: var(--main-transition);
					z-index: 4;
					position: relative;
					width: 30px;
				}

				.con2box2con ul li p {
					font-size: 14px;
					margin-top: 25px;
					font-weight: bold;
					z-index: 4;
					position: relative;
					color: var(--main-color-white);
				}

	.con2boxpos {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 100%;
		transition: var(--main-transition);
		background-color: var(--main-color);
		z-index: 2;
	}

	.con2box2con ul li:hover .con2boxpos {
		top: 0 !important;
	}

	.con2box2con ul li:hover img {
		transform: rotateY(180deg)
	}

	.mySwiper_brand .swiper-slide-active .brandpos {
		height: 60%;
		/* color: var(--main-color-white);
        background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 0) 100%); */
	}

	.con1 {
		width: 100%;
		padding: 30px 15px;
		background-image: url(../images/bg1.jpg);
		background-repeat: no-repeat;
		background-size: cover;
	}

	.con1con {
		margin: 0 auto;
	}

	.con_title {
		margin-bottom: 40px;
	}

		.con_title p {
			font-size: 20px;
			color: #000;
			position: relative;
			text-align: center;
			margin-bottom: 20px;
		}

			.con_title p::after {
				position: absolute;
				left: 50%;
				transform: translate(-50%);
				width: 60px;
				height: 3px;
				content: '';
				bottom: -10px;
				background-color: var(--main-color);
			}

		.con_title span {
			display: block;
			font-size: 14px;
			text-align: center;
			color: var(--main-color-999);
		}

	.mySwiper_brand {
		width: 100%;
		padding-bottom: 50px !important;
	}

		.mySwiper_brand img {
			width: 100%;
			transition: var(--main-transition);
		}

	.brandpos {
		position: absolute;
		bottom: 0;
		transition: var(--main-transition);
		left: 0;
		width: 100%;
		height: 20%;
		display: flex;
		align-items: center;
		font-size: 20px;
		justify-content: center;
		padding: 0 20px;
		background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 100%);
		z-index: 9;
	}

	.mySwiper_brand .swiper-slide {
		cursor: pointer;
		position: relative;
		overflow: hidden;
	}

		.mySwiper_brand .swiper-slide:hover img {
			transform: scale(1.1);
		}

		.mySwiper_brand .swiper-slide:hover .brandpos {
			height: 60%;
			color: var(--main-color-white);
			background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 0) 100%);
		}

	.brandpage .swiper-pagination-bullet {
		width: 15px !important;
		height: 15px !important;
	}

	.brandpage .swiper-pagination-bullet-active {
		background-color: var(--main-color);
	}

	.brandbtn {
		width: 30px !important;
		height: 45px !important;
		display: flex;
		background-image: none !important;
		align-items: center;
		color: var(--main-color-white);
		font-size: 15px;
		justify-content: center;
		background-color: var(--main-color);
	}

	.brandleft {
		left: 0 !important;
	}

	.brandright {
		right: 0 !important;
	}

	.more {
		width: 140px;
		height: 35px;
		line-height: 35px;
		text-align: center;
		transition: var(--main-transition);
		border: 2px solid var(--main-color);
		color: #000;
		font-size: 12px;
		display: block;
		border-radius: 40px;
		margin: 0 auto;
		margin-top: 20px;
	}

		.more:hover {
			background-color: var(--main-color);
			color: var(--main-color-white);
		}

	.banner {
		width: 100%;
		margin-top: 60px !important;
	}

		.banner img {
			width: 100%;
			/*height: 230px;*/
			object-fit: cover;
		}

	.banner_pos {
		width: 100%;
		height: 100%;
		position: absolute;
		padding: 0 10%;
		top: 0;
		left: 0;
		z-index: 99;
	}

	.banner_pos_con {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 100%;
	}

		.banner_pos_con h1 {
			color: var(--main-color-white);
			font-size: 18px;
		}

		.banner_pos_con p {
			color: var(--main-color-white);
			font-size: 13px;
			margin-bottom: 10px;
		}

		.banner_pos_con span {
			display: none;
			color: var(--main-color-white);
			font-size: 12px;
		}

		.banner_pos_con .banner_line {
			width: 60px;
			height: 2px;
			background-color: var(--main-color-white);
			margin: 10px 0;
		}

	.bannerbtn {
		position: absolute;
		z-index: 99;
		display: flex;
		align-items: center;
		right: 20px;
		bottom: 20px;
	}

	.bannerbtnitem {
		cursor: pointer;
		transition: var(--main-transition);
		width: 35px;
		color: var(--main-color-white);
		font-size: 18px;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 35px;
		margin-left: 10px;
		border-radius: 50%;
		border: 1px dashed var(--main-color-white);
	}

		.bannerbtnitem:hover {
			background-color: var(--main-color) !important;
			border-style: solid;
			border-color: var(--main-color);
		}

	.bannerpage {
		text-align: left !important;
		padding: 0 10% !important;
		bottom: 20px !important;
	}

		.bannerpage .swiper-pagination-bullet {
			width: 8px !important;
			height: 8px !important;
			transition: var(--main-transition);
			background-color: var(--main-color-white);
		}

		.bannerpage .swiper-pagination-bullet-active {
			width: 25px !important;
			background-color: var(--main-color);
			border-radius: 10px !important;
		}

	.banner_mouse {
		z-index: 99;
		position: absolute;
		bottom: 20px;
		left: calc((100% - 23px) / 2);
		width: 23px;
		height: 40px;
		cursor: pointer;
		background: url(../images/scorll.png) no-repeat -23px 0px;
		-webkit-animation: nudgeMouse 1.6s linear infinite;
		animation: nudgeMouse 1.6s linear infinite;
	}

	@keyframes nudgeMouse {
		0% {
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}

		50% {
			-webkit-transform: translateY(8px);
			transform: translateY(8px);
		}

		100% {
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}
	}

	@keyframes colorSlide {
		0% {
			height: 0;
		}

		90% {
			height: 40px;
		}
	}

	@keyframes trackBallSlide {
		0% {
			opacity: 1;
			-webkit-transform: scale(1) translateY(-8px);
			transform: scale(1) translateY(-8px);
		}

		34% {
			opacity: 1;
			-webkit-transform: scale(0.9) translateY(4px);
			transform: scale(0.9) translateY(4px);
		}

		68% {
			opacity: 0;
			-webkit-transform: scale(0.4) translateY(16px);
			transform: scale(0.4) translateY(16px);
		}

		100% {
			opacity: 0;
			-webkit-transform: scale(0.4) translateY(-8px);
			transform: scale(0.4) translateY(-8px);
		}
	}

	.banner_mouse::before {
		width: 23px;
		height: 40px;
		background: url(../images/scorll.png) no-repeat 0px 0px;
		-webkit-animation: colorSlide 1.6s linear infinite;
		animation: colorSlide 1.6s linear infinite;
		top: 0;
		left: 0;
		content: "";
		position: absolute;
	}

	.banner_mouse::after {
		background-color: #fff;
		width: 4px;
		height: 4px;
		content: "";
		position: absolute;
		border-radius: 100%;
		-webkit-animation: trackBallSlide 1.6s linear infinite;
		animation: trackBallSlide 1.6s linear infinite;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}

	.h_mr {
		display: flex;
	}

		.h_mr .lang_m {
			margin-right: 20px;
		}

	.lang_m a {
		color: var(--main-color-666);
		font-size: 14px;
		font-weight: bold;
	}

	.lang_m span {
		color: var(--main-color-666);
		margin: 0 3px;
	}

	.top {
		display: none;
	}

	.head {
		display: none;
	}

	.ml_mb_arrowChange {
		transform: rotate(90deg);
	}

	.ml_mbnav_3 {
		display: none;
	}

	.ml_mbnav_3_item {
		display: flex;
		padding: 0 20px;
		justify-content: space-between;
		align-items: center;
		border-bottom: 1px solid #f3f3f3;
		background-color: #efefef;
	}

		.ml_mbnav_3_item > a {
			display: block;
			width: 100%;
			height: 40px;
			line-height: 40px;
			color: var(--main-color-333);
			font-size: 14px;
			padding-left: 35px;
		}

	.ml_mb_nav i {
		font-size: 22px !important;
		transition: var(--main-transition);
	}

	.ml_mbnav_2_item {
		display: flex;
		padding: 0 20px;
		justify-content: space-between;
		align-items: center;
		border-bottom: 1px solid #f3f3f3;
		background-color: #e3e3e3;
	}

		.ml_mbnav_2_item > a {
			display: block;
			height: 40px;
			width: 100%;
			line-height: 40px;
			color: var(--main-color-333);
			font-size: 14px;
			padding-left: 20px;
		}

	.ml_mbnav_2 {
		display: none;
	}

	.ml_mbnav_1_item > a {
		display: block;
		height: 40px;
		line-height: 40px;
		color: var(--main-color-333);
		font-size: 14px;
		width: 100%;
	}

	.ml_mbnav_1_item {
		display: flex;
		padding: 0 20px;
		justify-content: space-between;
		align-items: center;
		border-bottom: 1px solid #f3f3f3;
	}

	.ml_mb_nav {
		width: 100%;
		height: calc(100% - 60px);
		position: fixed;
		top: 60px;
		right: -100%;
		background-color: var(--main-color-white);
		z-index: 100;
		border-top: 1px solid #ccc;
		overflow: scroll;
		padding: 20px 0;
		transition: var(--main-transition);
	}

	.mb_navShow {
		right: 0 !important;
	}

	.hb_fadeout {
		opacity: 0 !important;
	}

	.change2 {
		transform: translateY(-10px) rotate(-45deg);
	}

	.change1 {
		transform: translateY(10px) rotate(45deg);
	}

	.hb span {
		display: block;
		width: 30px;
		height: 1px;
		background-color: var(--main-color-333);
		transition: var(--main-transition);
	}

	.hb {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		height: 20px;
		flex-direction: column;
	}

	.ml_mb_logo img {
		width: 120px;
	}

	.ml_mb_head {
		display: flex;
		height: 60px;
		padding: 0 20px;
		background-color: var(--main-color-white);
		position: fixed;
		top: 0;
		left: 0;
		align-items: center;
		justify-content: space-between;
		box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
		width: 100%;
		z-index: 9999;
	}
}