/*
 *	Created by Edward on 23/10/24
 *	Copyright (c) 2023 ishutime.com All rights reserved
*/

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

@font-face {
	font-family: 'iconfont';
	src: url('../fonts/iconfont.woff2') format('woff2'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype');
}

@font-face {
	font-family: SourceHanSans;
	src: url("../fonts/SourceHanSerifCN-Medium.otf");
}

@font-face {
	font-family: montserrat;
	src: url(../fonts/Geometr415MdBTMedium.ttf);
}

html, body {
	font-family: 'SourceHanSans', "思源黑体", " ", ' ', "Arial";
	color: #272727;
}

input, textarea {
	font-family: 'SourceHanSans', "思源黑体", " ", ' ', "Arial";
}

.iconfont {
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

.header {
	width: 100%;
	height: auto;
	position: fixed;
	left: 0%;
	top: 0%;
	z-index: 100;
	padding: 20px 1%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	-webkit-transition: all .5s;
	-webkit-transform: translateY(0%);
	background: #eae2cb;
}

	.header.active {
		-webkit-transform: translateY(-100%);
	}

.banner {
	width: 100%;
	position: relative;
	height: 100vh;
	z-index: 5;
}

	.banner i {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0%;
		top: 0%;
		-webkit-transform: scale(1.2);
	}

	.banner.active::i {
		-webkit-transition: all 3s;
		-webkit-transform: scale(1);
	}

	.banner i img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

.s1 {
	width: 25%;
	height: auto;
	position: absolute;
	left: 37.5%;
	top: -5%;
	z-index: 5;
	-webkit-transition: all 3s cubic-bezier(0.215, 0.610, 0.355, 1) 1.2s;
	opacity: 0;
	-webkit-filter: blur(20px);
}

.banner.active .s1 {
	top: 0%;
	opacity: 1;
	-webkit-filter: blur(0px);
}

.s2 {
	width: 70%;
	height: auto;
	position: absolute;
	left: 15%;
	top: 20%;
	z-index: 6;
	opacity: 0;
	-webkit-filter: blur(20px);
	-webkit-transition: all 3s cubic-bezier(0.215, 0.610, 0.355, 1) 0.5s;
}

	.s2 img:nth-child(2) {
		display: none;
	}

.banner.active .s2 {
	top: 25%;
	opacity: 1;
	-webkit-filter: blur(0px);
}

.s3 {
	width: 50%;
	height: auto;
	position: absolute;
	left: 25%;
	top: 50%;
	opacity: 0;
	-webkit-filter: blur(20px);
	-webkit-transition: all 3s cubic-bezier(0.215, 0.610, 0.355, 1) 0s;
}

.banner.active .s3 {
	top: 46%;
	opacity: 1;
	-webkit-filter: blur(0px);
}

.smoke {
	width: 50%;
	height: auto;
	position: absolute;
	left: 25%;
	top: 25%;
	z-index: 10;
	mix-blend-mode: plus-lighter;
	opacity: 0;
	-webkit-filter: blur(20px);
	-webkit-transition: all 3s cubic-bezier(0.215, 0.610, 0.355, 1) 2.4s;
}

.banner.active .smoke {
	opacity: 1;
	-webkit-filter: blur(0px);
}

.smoke::before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
	content: '';
	background: url(../images/smoke.png) no-repeat;
	background-size: cover;
	opacity: 0;
	-webkit-transform: rotate(135deg);
	animation: smoke2 4s linear infinite 2.5s;
}

.smoke span {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
	display: block;
	background: url(../images/smoke.png) no-repeat;
	background-size: cover;
	opacity: 0;
	animation: smoke4 4s linear infinite 2s;
}

@keyframes smoke4 {
	0% {
		transform: scale(0.75) rotate(80deg);
		opacity: 0;
	}

	50% {
		transform: scale(1) rotate(75deg);
		opacity: 1;
	}

	100% {
		transform: scale(1.4) rotate(70deg);
		opacity: 0;
	}
}

@keyframes smoke2 {
	0% {
		transform: scale(0.75) rotate(135deg);
		opacity: 0;
	}

	50% {
		transform: scale(1) rotate(140deg);
		opacity: 1;
	}

	100% {
		transform: scale(1.4) rotate(145deg);
		opacity: 0;
	}
}

.smoke::after {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
	content: '';
	background: url(../images/smoke.png) no-repeat;
	background-size: cover;
	opacity: 0;
	-webkit-transform: rotate(65deg);
	animation: smoke3 4s linear infinite 3.5s;
}

@keyframes smoke3 {
	0% {
		transform: scale(0.75) rotate(65deg);
		opacity: 0;
	}

	50% {
		transform: scale(1) rotate(70deg);
		opacity: 1;
	}

	100% {
		transform: scale(1.4) rotate(75deg);
		opacity: 0;
	}
}

.smoke img {
	opacity: 0;
	animation: smoke 4s linear infinite 1s;
}

@keyframes smoke {
	0% {
		transform: scale(0.75);
		opacity: 0;
	}

	50% {
		transform: scale(1);
		opacity: 1;
	}

	100% {
		transform: scale(1.4);
		opacity: 0;
	}
}

.logo {
	width: 9%;
	height: 50px;
	position: relative;
}

	.logo img {
		max-width: 100%;
		max-height: 100%;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto 0;
	}

.nav {
	margin-right: 230px;
}

	.nav > ul {
		width: 100%;
		display: flex;
	}

		.nav > ul > li {
		}

	.nav ul li.has_sub {
		position: relative;
	}

	.nav ul li .firstLab {
		position: relative;
		line-height: 45px;
	}

		.nav ul li .firstLab a {
			display: block;
			width: 100%;
			color: #000;
			text-align: center;
			font-size: 20px;
			padding: 0 1.56vw;
			-webkit-transition: all .5s;
			letter-spacing: 0px;
		}

			.nav ul li .firstLab a:hover { /* letter-spacing: 3px;*/
				opacity: .9;
			}

				.nav ul li .firstLab a:hover::after {
					width: 30%;
					left: 35%;
				}

			.nav ul li .firstLab a::after {
				width: 0%;
				height: 3px;
				left: 50%;
				border-radius: 5px;
				position: absolute;
				bottom: -5px;
				content: '';
				background: #fff;
				-webkit-transition: all .5s;
			}

	.nav ul li ul {
		width: 100%;
		min-width: 120px;
		padding: 10px 0;
		background: rgba(255,255,255,.9);
		box-shadow: 0 0 10px rgba(0,0,0,.1);
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		opacity: 0;
		visibility: hidden;
		transition: all .3s ease;
	}

	.nav ul li:hover > ul {
		opacity: 1;
		visibility: visible;
	}

	.nav ul li ul li {
	}

		.nav ul li ul li a {
			display: block;
			color: #666;
			text-align: center;
			font-size: 16px;
			padding: 10px 5px;
		}

			.nav ul li ul li a:hover {
				color: var(--primary-color);
			}

.boxes.about_box {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 12vw 0px;
}

.about_singe {
	width: 30%;
	position: relative;
	color: #fff;
}

	.about_singe .name {
		width: 280px;
		position: relative;
		margin-bottom: 3vw;
	}

	.about_singe .singePage {
		font-size: 18px;
		margin-bottom: 4vw;
	}

.luoma_btn {
	display: block;
	width: 182px;
	height: 66px;
	position: relative;
	background: url(../images/btn_bg.png) no-repeat;
	color: var(--secondary-color);
	font-size: 18px;
}

	.luoma_btn:hover p {
		letter-spacing: 2px;
	}

	.luoma_btn.c {
		margin: 0px auto;
	}

	.luoma_btn p {
		width: 100%;
		height: auto;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		text-align: center;
		font-weight: bold;
		-webkit-transition: all .5s;
	}

.food_warp {
	padding: 0px;
	margin-top: -6.4vw;
	background: transparent;
	z-index: 5;
}

.food_box, .about_box {
	background-image: url(../images/bg2_center.png);
	background-position: center center;
	background-repeat: repeat-y;
	padding-top: 2vw;
	position: relative;
}

.about_box {
	padding-top: 0vw;
}

.boxes.ys_box {
	background: url(../images/bg3.jpg);
	margin-top: -6.4vw;
	padding: 12vw 0px;
	overflow: hidden;
}

.loading {
	width: 100%;
	height: 100vh;
	position: fixed;
	left: 0%;
	top: 0%;
	z-index: 99999999;
	background: #fff;
	-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	overflow: hidden;
}

	.loading.active {
		height: 0px;
	}

.loading_logo {
	width: 400px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	overflow: hidden;
}

	.loading_logo img {
		-webkit-transform: translateY(100%);
		-webkit-animation: loadingAnimate 3s ease 1 forwards;
	}

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

	40%, 80% {
		-webkit-transform: translateY(0%);
		opacity: 1;
	}

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

.food_focus {
	width: 50%;
	position: absolute;
	left: 0%;
	top: 5vw;
}

.words1 {
	width: 30%;
	height: auto;
	position: absolute;
	left: 5%;
	top: 0%;
	color: var(--primary-color);
	font-size: 12vw;
	line-height: 1;
	text-align: center;
	font-weight: bold; /* font-family: montserrat; */
}

	.words1 img { /* -webkit-animation: hotBefore 20s ease infinite; */
	}

@-webkit-keyframes hotBefore {
	0% {
		-webkit-transform: translateX(-5%);
	}

	50% {
		-webkit-transform: translateX(10%);
	}

	100% {
		-webkit-transform: translateX(-5%);
	}
}

.words2 {
	width: 40%;
	height: auto;
	position: absolute;
	left: 50%;
	top: 0%;
	color: var(--primary-color);
	font-size: 9vw;
	line-height: 1;
	text-align: center;
	font-weight: bold;
}

	.words2 img { /* -webkit-animation: hotBefore 10s ease infinite; */
	}

.food_hand {
	width: 25%;
	height: auto;
	position: absolute;
	left: -2%;
	top: -10vw;
	z-index: 2;
}

	.food_hand img {
		-webkit-animation: swing2 4s linear infinite;
		-webkit-transform-origin: left top;
	}

@-webkit-keyframes swing2 {
	10% {
		-webkit-transform: rotate(2deg);
	}

	20% {
		-webkit-transform: rotate(-1.25deg);
	}

	30% {
		-webkit-transform: rotate(1.25deg);
	}

	40% {
		-webkit-transform: rotate(-1.25deg);
	}

	50%, 60% {
		-webkit-transform: rotate(0deg);
	}
}

.food_box .list {
	width: 50%;
	height: auto;
	position: relative;
	margin-left: 45%;
}

	.food_box .list ul {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 3vw;
	}

		.food_box .list ul li {
			width: 50%;
			position: relative;
			margin-bottom: 2vw;
		}

			.food_box .list ul li:nth-child(n+3) {
				margin-bottom: 0px;
			}

			.food_box .list ul li a {
				display: block;
				width: 100%;
				height: auto;
				position: relative;
			}

				.food_box .list ul li a .img {
					-webkit-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
				}

				.food_box .list ul li a:hover .img {
					-webkit-transform: scale(1.05);
				}

				.food_box .list ul li a .name {
					-webkit-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
				}

				.food_box .list ul li a:hover .name {
					left: 15%;
				}

				.food_box .list ul li a .name, .food_focus .name {
					width: 50%;
					height: auto;
					position: absolute;
					left: 10%;
					top: 70%;
					color: #dfd3bf;
					padding: 0px;
					display: flex;
					flex-wrap: wrap;
				}

					.food_box .list ul li a .name .cn {
						width: auto;
						text-transform: uppercase;
						display: flex;
						padding: 3px 10px;
						position: relative;
						z-index: 5;
						font-size: 18px;
					}

						.food_box .list ul li a .name .cn:last-child {
							padding-top: 0px;
							padding-bottom: 5px;
							padding-right: 30px;
						}

							.food_box .list ul li a .name .cn:last-child::after {
								height: 20px;
								width: 20px;
								background: #dfd3bf url(../images/jt_icon.png) no-repeat;
								background-size: cover;
								border-radius: 50%;
								position: absolute;
								right: 5px;
								top: 50%;
								-webkit-transform: translateY(-50%);
								content: '';
							}

						.food_box .list ul li a .name .cn::before {
							width: 100%;
							height: 100%;
							position: absolute;
							left: 0%;
							top: 0%;
							background: var(--primary-color);
							content: '';
							-webkit-transition: all .6s cubic-bezier(0.215, 0.610, 0.355, 1) .5s;
						}

.food_focus .name {
	width: auto;
}

	.food_focus .name .cn {
		width: 100%;
		display: flex;
	}

		.food_focus .name .cn span {
			background: var(--primary-color);
			padding: 5px 20px;
			width: auto;
			font-size: 1.6vw;
			text-transform: uppercase;
		}

.food_box .list ul li a .name .cn span {
	width: auto;
	position: relative;
	z-index: 3;
}

.food_focus .name {
	left: 10%;
}

.common_title {
	width: 100%;
	text-align: center;
	height: auto;
	margin: 0px auto;
	margin-bottom: 3vw;
	color: var(--third-color);
	font-size: 6vw;
	font-weight: bold;
}

.ysSwiper {
	overflow: inherit;
	margin-bottom: 3vw;
}

	.ysSwiper .info {
		width: 150%;
		color: var(--third-color);
		text-align: center;
		font-size: 18px;
		line-height: 1.7;
		position: relative;
		left: -25%;
		-webkit-transition: all .5s;
		opacity: 0;
		-webkit-transform: translateY(50px);
	}

		.ysSwiper .info .name {
			font-size: 2vw;
			font-weight: bold;
			margin-top: 15px;
		}

	.ysSwiper .swiper-slide {
		-webkit-transform: rotate(5deg) translateY(1.4vw);
		opacity: 0;
		-webkit-transition: all .5s;
	}

		.ysSwiper .swiper-slide.swiper-slide-prev {
			-webkit-transform: rotate(-5deg) translateY(1.4vw);
			opacity: 1;
		}

		.ysSwiper .swiper-slide.swiper-slide-next {
			-webkit-transform: rotate(5deg) translateY(1.4vw);
			opacity: 1;
		}

		.ysSwiper .swiper-slide.swiper-slide-active {
			opacity: 1;
			-webkit-transform: rotate(0deg) translateY(0vw);
		}

			.ysSwiper .swiper-slide.swiper-slide-active .info {
				opacity: 1;
				-webkit-transform: translateY(0px);
			}

	.ysSwiper .swiper-pagination {
		display: none;
	}

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

	.about_btop .name {
		width: 18%;
		font-size: 3vw;
		color: var(--primary-color);
		line-height: 1.1;
		font-weight: bold;
	}

	.about_btop .about_right {
		width: 78%;
	}

		.about_btop .about_right .singePage {
			margin-bottom: 3vw;
			font-size: 20px;
		}

.about_bottom {
	width: 70%;
	position: relative;
	margin-top: 3vw;
}

	.about_bottom .title {
		width: 100%;
		height: auto;
		position: relative;
		margin-bottom: 2vw;
		font-size: 3vw;
		font-weight: bold;
		color: var(--primary-color);
	}

		.about_bottom .title img {
			width: 25%;
		}

		.about_bottom .title::after {
			width: 73%;
			height: 1px;
			position: absolute;
			right: 0%;
			top: 50%;
			content: '';
			background: var(--primary-color);
		}

.team_list {
	width: 100%;
	position: relative;
}

	.team_list ul {
		width: 100%;
		display: flex;
		justify-content: space-between;
	}

		.team_list ul li {
			width: 22%;
			position: relative;
		}

			.team_list ul li:first-child {
				display: none;
			}

			.team_list ul li .name {
				background: #000000;
				text-align: center;
				padding: 5px 10px;
				color: #fff;
				font-size: 18px;
				position: relative;
				margin-top: -30px;
				margin-bottom: 10px;
			}

			.team_list ul li .des {
				width: 100%;
				position: relative;
				font-size: 16px;
				line-height: 1.7;
			}

.about_img {
	width: 22%;
	height: auto;
	position: absolute;
	right: 0%;
	bottom: -4vw;
}

.honor_box {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: -5vw;
	padding-top: 12vw;
}

.honor {
	width: 100%;
	position: relative;
	margin-top: -3vw;
	padding-bottom: 2vw;
}

.honor_warp {
	width: 60%;
	height: auto;
	position: absolute;
	left: 20%;
	bottom: 0%;
}

.footer {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	padding: 55px 0px 15px;
	position: relative;
}

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

	.footer_top .footer_left {
		width: 35%;
	}

	.footer_top .footer_nav {
		width: 60%;
		position: relative;
	}

		.footer_top .footer_nav ul {
			width: 100%;
			display: flex;
		}

			.footer_top .footer_nav ul li {
				width: 20%;
				position: relative;
			}

				.footer_top .footer_nav ul li a {
					display: block;
					width: 100%;
					position: relative;
					color: rgba(255, 255, 255, 0.6);
					font-size: 16px;
					text-align: center;
					line-height: 45px;
				}

					.footer_top .footer_nav ul li a:first-child {
						color: rgba(255, 255, 255, 1);
						font-size: 18px;
					}

					.footer_top .footer_nav ul li a:hover {
						color: rgba(255, 255, 255, 1);
					}

.footer_center {
	position: relative;
	text-align: center;
	font-size: 20px;
	padding: 15px 0px;
}

	.footer_center::after, .footer_center::before {
		width: 42%;
		position: absolute;
		height: 1px;
		top: 50%;
		content: '';
		background: rgba(255, 255, 255, 0.1);
	}

	.footer_center::before {
		right: 0%;
	}

	.footer_center::after {
		left: 0%;
	}

.copyright {
	font-size: 12px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	color: rgba(255, 255, 255, 0.5);
}

	.copyright a {
		color: rgba(255, 255, 255, 0.5);
	}

		.copyright a:hover {
			color: rgba(255, 255, 255, 1);
		}

#honor .common_title {
	line-height: 1;
}

.footer_left .f_name {
	width: 100%;
	position: relative;
	margin-bottom: 1vw;
	font-size: 18px;
}

	.footer_left .f_name b {
		display: block;
		width: 100%;
		position: relative;
		font-size: 1.8vw;
	}

.form_box {
	width: calc(100% - 150px);
	position: relative;
	margin-bottom: 1vw;
}

.footer_chat {
	width: 120px;
	height: auto;
	position: relative;
	text-align: center;
}

	.footer_chat .img {
		background: #fff;
		padding: 5px;
		margin-bottom: 5px;
		border-radius: 5px;
	}

	.footer_chat p {
		font-size: 14px;
	}

.form_box .label_row {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 5px;
	margin-bottom: 0.5vw;
}

	.form_box .label_row label {
		width: 60px;
		text-align: center;
	}

	.form_box .label_row input {
		width: calc(100% - 60px);
		border: none;
		line-height: 50px;
		background: transparent;
		color: #fff;
		outline: none;
		font-size: 16px;
	}

		.form_box .label_row input::placeholder {
			color: rgba(255, 255, 255, 0.5);
		}

.submit {
	width: 40%;
	height: auto;
	line-height: 45px;
	position: relative;
	display: block;
	background: #fff;
	color: var(--secondary-color);
	border-radius: 5px;
	text-align: center;
	cursor: pointer;
}

	.submit:hover {
		background: var(--secondary-color);
		color: #fff;
	}

	.submit.active {
		opacity: 0.5;
		cursor: no-drop;
	}

.add_box {
	width: 100%;
	height: auto;
	position: relative;
}

	.add_box ul li {
		width: 100%;
		display: flex;
		position: relative;
		padding: 5px 0px;
		line-height: 28px;
		align-items: center;
	}

		.add_box ul li .icon {
			width: 30px;
			height: 30px;
			border: 1px solid #fff;
			line-height: 28px;
			text-align: center;
			position: relative;
			border-radius: 50%;
		}

		.add_box ul li .txt {
			margin-left: 5px;
		}

.about_warp {
	width: 100%;
	height: 100vh;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.common_title.red {
	color: var(--fourth-color);
}

.awl {
	width: 61%;
	position: relative;
	color: var(--third-color);
}

.common_title.l {
	margin-left: 0px;
	width: 100%;
	text-align: left;
}

.awl .singePage img {
	width: 60%;
	margin-bottom: 1vw;
}

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

.stroe_box {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.kq_list {
	width: 100%;
	height: auto;
	position: relative;
}

	.kq_list ul {
		display: flex;
		width: 100%;
		flex-wrap: wrap;
	}

		.kq_list ul li {
			width: 32%;
			position: relative;
			height: auto;
			margin-right: 2%;
		}

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

			.kq_list ul li .thum {
				background: var(--primary-color);
				border-radius: 10px;
				margin-bottom: 10px;
			}

				.kq_list ul li .thum .pic {
					border-radius: 0px 0px 10px 10px;
				}

			.kq_list ul li .name {
				width: 100%;
				color: var(--third-color);
				display: flex;
				justify-content: space-between;
				padding: 10px 15px;
				font-size: 20px;
				align-items: center;
			}

				.kq_list ul li .name p {
					font-size: 36px;
				}

			.kq_list ul li .title {
				font-size: 20px;
				color: var(--primary-color);
			}

				.kq_list ul li .title span {
					font-size: 16px;
				}

.stroe_tips {
	width: 13%;
	height: auto;
	position: absolute;
	right: 0%;
	top: 0%;
}

.shop_box {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.shop_list {
	position: relative;
}

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

		.shop_list ul li {
			width: 48%;
			height: auto;
			position: relative;
			margin-bottom: 3vw;
		}

.cooper_box {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 12vw;
}

.cooper_list {
	width: 45%;
	height: auto;
	position: relative;
}

	.cooper_list ul li {
		width: 100%;
		display: flex;
		align-items: center;
		color: var(--third-color);
		margin-bottom: 1vw;
	}

		.cooper_list ul li .img {
			width: 70px;
			background: rgba(255, 255, 255, 0.1);
			border-radius: 50%;
		}

		.cooper_list ul li .info {
			width: calc(100% - 80px);
			margin-left: 10px;
			font-size: 18px;
			line-height: 1.7;
		}

			.cooper_list ul li .info .name {
				width: 100%;
				height: auto;
				position: relative;
				font-size: 17px;
				margin-bottom: 0;
				font-weight: bold;
			}

			.cooper_list ul li .info .des {
				opacity: .7;
			}

.tj_box {
	width: 100%;
	height: auto;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.tj_list {
	width: 100%;
	height: auto;
	position: relative;
}

	.tj_list ul {
		width: 100%;
		display: flex;
		justify-content: space-between;
	}

		.tj_list ul li {
			width: 18%;
			height: 60vh;
			position: relative;
			background: var(--fourth-color);
			border-radius: 10px;
			overflow: hidden;
			-webkit-transition: all 0.5s;
			cursor: pointer;
		}

			.tj_list ul li.active {
				width: 40%;
				box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
				z-index: 5;
				background: #dfd3bf;
			}

			.tj_list ul li .name {
				width: calc(100% - 70px);
				height: auto;
				position: absolute;
				left: 35px;
				top: 50px;
				color: rgba(255, 255, 255, 0.5);
				-webkit-transition: all .5s;
			}

				.tj_list ul li .name b {
					display: block;
					font-size: 2vw;
				}

				.tj_list ul li .name .h3 {
					font-size: 18px;
				}

			.tj_list ul li.active .name {
				color: #272727;
				width: calc(50% - 70px);
			}

			.tj_list ul li .icon {
				position: absolute;
				left: 0%;
				bottom: 0%;
				color: rgba(255, 255, 255, 0.1);
				font-size: 15vw;
				-webkit-transform: translate(-40%, 40%);
				opacity: 0.5;
			}

			.tj_list ul li .img {
				width: 0%;
				height: 100%;
				position: absolute;
				right: 0%;
				top: 0%;
				background: center center no-repeat;
				background-size: cover;
				-webkit-transition: all 0.5s;
			}

			.tj_list ul li.active .icon {
				color: var(--fifth-color);
			}

			.tj_list ul li.active .img {
				width: calc(100% - 300px);
			}

.store_box {
	width: 100%;
	height: auto;
	position: relative;
	background: url(../images/store_bg.jpg) center center no-repeat;
	background-size: cover;
}

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

	.fb_box .fb_select {
		width: 280px;
		position: relative;
	}

	.fb_box .list {
		width: calc(100% - 350px);
	}

		.fb_box .list ul {
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			align-content: baseline;
		}

.banner .bt {
	width: 40%;
	height: auto;
	position: absolute;
	left: 0%;
	top: 0%;
	z-index: 1;
}

#distpicker3 {
	position: relative;
	z-index: 20;
}

.fb_box .list ul li {
	width: calc(100% / 4);
	height: auto;
	position: relative;
	margin-right: 0%;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding: 15px;
}

.swiper-button-next, .swiper-button-prev {
	color: #000;
}

.fb_box .list ul li:nth-child(4n) {
	padding-right: 0px;
}

	.fb_box .list ul li:nth-child(4n)::after {
		display: none;
	}

.fb_box .list ul li .name {
	width: 100%;
	height: auto;
	line-height: 35px;
	font-weight: bold;
	font-size: 16px;
}

.fb_box .list ul li .info {
	position: relative;
}

	.fb_box .list ul li .info .p {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		line-height: 20px;
		margin-bottom: 10px;
	}

		.fb_box .list ul li .info .p p {
			width: 75px;
			height: auto;
			position: relative;
			padding-right: 10px;
			margin-right: 10px;
		}

			.fb_box .list ul li .info .p p::after {
				width: 1px;
				height: 15px;
				position: absolute;
				right: 3px;
				top: 2.5px;
				content: '';
				background: rgba(0, 0, 0, 0.1);
			}

.fb_box .list ul li::after {
	width: 1px;
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
	content: '';
	background: rgba(0, 0, 0, 0.1);
}

.fb_box .list ul li .info .p b {
	font-weight: normal;
	width: 100%;
}

.fb_select .box {
	position: relative;
}

	.fb_select .box .name {
		width: 100%;
		height: auto;
		line-height: 60px;
		font-size: 18px;
		color: #000;
		font-weight: bold;
		border-bottom: 1px solid #000;
		position: relative;
		cursor: pointer;
	}

		.fb_select .box .name::after {
			width: 20px;
			height: 20px;
			right: 0px;
			top: 50%;
			-webkit-transform: translateY(-50%);
			background: url(../images/sjx_icon.png) no-repeat;
			background-size: cover;
			content: '';
			position: absolute;
			-webkit-transition: all .5s;
		}

		.fb_select .box .name.active::after {
			-webkit-transform: translateY(-50%) rotate(180deg);
		}

	.fb_select .box .city {
		width: 100%;
		height: auto;
		position: relative;
		display: none;
	}

		.fb_select .box .city p {
			font-size: 14px;
			line-height: 50px;
			position: relative;
			padding-left: 15px;
			border-bottom: 1px solid rgba(0, 0, 0, 0.1);
			-webkit-transition: all .4s;
			cursor: pointer;
		}

			.fb_select .box .city p:hover {
				padding-left: 25px;
			}

.compnay_warp {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 12vw;
	color: var(--fifth-color);
}

.news_box {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 12vw; /*background: transparent;*/
}

.newBg {
	width: 100%;
	position: fixed;
	top: 0;
}

.newsItem {
	width: 100%;
	display: inline-block;
}

	.newsItem li {
		width: 23%;
		display: inline-block;
		float: left;
		margin-right: 2%;
		margin-bottom: 2%;
	}

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

		.newsItem li .item {
			display: block;
			text-align: center;
			background: var(--third-color);
			padding: 1vw;
		}

			.newsItem li .item .imgBox {
				width: 100%;
				height: 32vw;
				overflow: hidden;
			}

				.newsItem li .item .imgBox .img {
					width: 100%;
					height: 100%;
					background-size: cover !important;
					transition: .5s ease-in-out;
				}

			.newsItem li .item .text {
				color: #583614;
				padding-top: 1vw;
			}

				.newsItem li .item .text .name {
					font-size: 18px;
				}

				.newsItem li .item .text .time {
					font-size: 16px;
					margin-top: .5vw;
				}

			.newsItem li .item:hover .imgBox .img {
				transform: scale(1.05);
			}

.com_bg {
	width: 100%;
	height: 150vh;
	position: absolute;
	left: 0%;
	top: 0%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.food_con {
	width: 100%;
	height: auto;
	position: relative;
}

.compnay_warp .singePage {
	width: 50%;
}

.honor_line {
	width: 4000px;
	height: 64px;
	position: absolute;
	left: 0%;
	bottom: 0;
	display: flex;
	pointer-events: none;
	z-index: 3;
}

	.honor_line img {
		width: 50%;
	}

	.honor_line.hl1 {
		-webkit-animation: moves 5s linear infinite;
	}

	.honor_line.hl2 {
		-webkit-animation: moves 5s linear infinite 2s;
		opacity: 0.5;
	}

@-webkit-keyframes moves {
	0% {
		left: 0px;
	}

	100% {
		left: -2000px;
	}
}

.honorSwiper .swiper-slide {
	width: 25%;
	margin-top: 0px;
	-webkit-transition: all .65s;
}

.honorSwiper .name {
	width: 100%;
	height: auto;
	position: relative;
	margin-top: 20px;
	font-size: 18px;
	text-align: center;
	line-height: 25px;
}

.honor_page {
	width: 100%;
	height: 60px;
	display: flex;
	align-items: flex-start;
	position: absolute;
	left: 0px;
	bottom: 70px;
	justify-content: center;
}

	.honor_page .swiper-button-next, .honor_page .swiper-button-prev {
		position: relative;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		-webkit-transition: all .65s;
		border: 1px solid var(--fourth-color);
		color: var(--fourth-color);
	}

		.honor_page .swiper-button-next:after, .honor_page .swiper-button-prev:after {
			font-size: 18px;
		}

	.honor_page .swiper-button-next {
		right: 0px;
		margin-left: 25px;
	}

	.honor_page .swiper-button-prev {
		left: 0px;
	}

.honorSwiper .pic {
	background-size: contain;
}

.honorSwiper {
	overflow: initial;
}

.hornor_box {
	overflow: hidden;
	position: relative;
	padding-bottom: 0px;
}

	.hornor_box::after {
		width: 100%;
		height: 40%;
		position: absolute;
		left: 0%;
		bottom: 0%;
		content: '';
		background: linear-gradient(-180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	}

.honorSwiper {
	padding-bottom: 200px;
}

.honor_tips {
	width: auto;
	height: auto;
	position: absolute;
	right: 0%;
	top: 5%;
}

	.honor_tips p {
		margin-bottom: 0px;
		position: relative;
		line-height: 30px;
		padding-left: 15px;
		font-size: 18px;
	}

		.honor_tips p::after {
			width: 8px;
			height: 8px;
			content: '';
			background: #272727;
			border-radius: 50%;
			position: absolute;
			left: 0%;
			top: 12px;
		}

.team_box {
	background: url(../images/shop_bg.jpg) no-repeat;
	background-size: cover;
}

.team_warp {
	width: 100%;
	display: flex;
	position: relative;
	justify-content: space-between;
}

.team_left {
	width: 35%;
	position: relative;
	color: var(--fifth-color);
}

	.team_left ul li {
		display: none;
	}

		.team_left ul li:nth-child(1) {
			display: block;
		}

.footer_chat.fc2 {
	display: none;
}

.team_row {
	width: 65%;
	position: relative;
}

	.team_row ul {
		width: 100%;
		display: flex;
		justify-content: space-between;
	}

		.team_row ul li {
			width: 25%;
			position: absolute;
			left: 0%;
			top: 0%;
			cursor: pointer;
		}

.team_left .singePage .h3 {
	margin-bottom: 0px;
}

.team_left .singePage p {
	margin-bottom: 0px;
}

.team_row ul li img {
	opacity: .6;
}

.team_row ul li:hover img, .team_row ul li.active img {
	opacity: 1;
}

.team_row ul li:first-child {
	position: relative;
}

.team_row ul li:nth-child(2) {
	left: 18%;
}

.team_row ul li:nth-child(3) {
	left: 36%;
}

.team_row ul li:nth-child(4) {
	left: 54%;
}

.team_row ul li:nth-child(5) {
	left: 72%;
}

.team_left .name {
	position: relative;
	z-index: 2;
	display: initial;
}

	.team_left .name::before {
		width: 100%;
		height: 15px;
		position: absolute;
		left: 0%;
		bottom: -5px;
		content: '';
		background: #000;
		z-index: -1;
	}

	.team_left .name b {
		font-size: 2vw;
	}

	.team_left .name span {
		font-size: 20px;
	}

.team_left .singePage {
	margin-top: 1vw;
	font-size: 16px;
}

.f_name {
	width: 50%;
	height: auto;
	position: relative;
	margin-bottom: 3vw;
	font-size: 6vw;
	line-height: 1.2;
	color: var(--third-color);
}

.foods {
	width: 100%;
	position: relative;
	height: auto;
	margin-bottom: 28vw;
}

	.foods ul {
		width: 100%;
		height: auto;
		position: relative;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

		.foods ul li {
			width: 36%;
			position: relative;
			margin-bottom: 8vw;
		}

			.foods ul li:nth-child(even) {
				top: 32vw;
				margin-right: 5%;
			}

			.foods ul li .thum {
				border-radius: 10px;
			}

			.foods ul li .name {
				width: auto;
				height: auto;
				position: absolute;
				left: 0%;
				top: 20%;
				-webkit-transform: translateX(-100%);
				-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) .2s;
			}

			.foods ul li.is-inview .name {
				-webkit-transform: translateX(0%);
			}

			.foods ul li .name .en {
				background: var(--fourth-color);
				padding: 3px 10px;
				padding-top: 10px;
				text-transform: uppercase;
				display: initial;
			}

			.foods ul li .name .cn {
				background: var(--fourth-color);
				padding: 5px 10px;
				padding-top: 0px;
				color: var(--third-color);
				font-size: 28px;
			}

			.foods ul li .name .dn {
				background: var(--fourth-color);
				padding: 3px 10px;
				text-transform: uppercase;
				display: initial;
				font-size: 18px;
				color: var(--third-color);
				padding-top: 0px;
				padding-bottom: 10px;
			}

.food_top {
	width: 45%;
	height: auto;
	position: absolute;
	right: 0%;
	top: 0%;
}

.advan_box {
	width: 100%;
	height: auto;
	position: relative;
	background: url(../images/ad_bgs.jpg);
	padding-top: 12vw;
}

.ad_bg {
	width: 100%;
	height: 100vh;
	position: absolute;
	left: 0%;
	top: 0%;
}

.ad_list {
	width: 50%;
	height: auto;
	position: relative;
	color: var(--fifth-color);
}

	.ad_list ul li {
		width: 100%;
		margin-bottom: 10vw;
		position: relative;
	}

		.ad_list ul li:last-child {
			margin-bottom: 5vw;
		}

		.ad_list ul li .name {
			width: 30vw;
			height: auto;
			position: absolute;
			left: 40%;
			top: 80%;
		}

			.ad_list ul li .name b {
				display: block;
				font-size: 4vw;
				margin-bottom: 0.5vw;
				text-shadow: 4px 4px 0px rgba(0, 0, 0, 0.5);
			}

			.ad_list ul li .name .h3 {
				font-size: 20px;
				line-height: 2;
			}

		.ad_list ul li .thum {
			width: 30vw;
			height: 30vw;
			position: relative;
			border-radius: 50%;
		}

			.ad_list ul li .thum .pic {
				width: 100%;
				height: 100%;
			}

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

.ad_name {
	width: 100%;
	font-size: 4vw;
	font-weight: bold;
	color: var(--fourth-color);
	line-height: 1.2;
	height: auto;
	position: relative;
	margin-bottom: 2vw;
}

#ppyyzx .ad_name {
	color: var(--fifth-color);
}

.ad_tips {
	width: 100%;
	height: auto;
	position: relative;
	line-height: 1.7;
	font-size: 16px;
	margin-bottom: 1vw;
}

.stroeSinge img:nth-child(2) {
	display: none;
}

.ad_tips b {
	display: block;
	font-size: 28px;
}

.factory_num {
	width: 35%;
	position: relative;
}

	.factory_num ul li {
		width: 100%;
		margin-bottom: 2vw;
	}

		.factory_num ul li .name {
			width: 100%;
			color: #fff;
			background: var(--fourth-color);
			padding: 5px 10px;
			font-size: 20px;
		}

		.factory_num ul li .row {
			width: 100%;
			display: flex;
			flex-wrap: wrap;
		}

			.factory_num ul li .row .fac_row {
				width: 50%;
				position: relative;
				color: var(--fourth-color);
			}

				.factory_num ul li .row .fac_row b {
					display: block;
					width: 100%;
					font-size: 3vw;
				}

		.factory_num ul li:last-child {
			margin-bottom: 0px;
		}

.factory_img {
	width: 65%;
	height: auto;
	position: absolute;
	bottom: -15%;
	right: 0%;
}

.yy_box {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 0px;
}

.ad_info {
	width: 50%;
	height: auto;
	position: absolute;
	right: 0%;
	top: 4%;
	color: var(--fifth-color);
	font-size: 18px;
	line-height: 2;
}

.f_menu {
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	margin-bottom: 3vw;
	border-bottom: 1px solid rgba(255,255,255,.1);
}

	.f_menu a {
		width: auto;
		height: auto;
		line-height: 75px;
		position: relative;
		padding: 0px 25px;
		color: var(--third-color);
		font-size: 28px;
		font-weight: bold;
	}

.onlineChat {
	width: 118px;
	height: auto;
	display: block;
	position: fixed;
	z-index: 200;
	right: 1%;
	top: 50%;
	-webkit-transform: translateY(-50%);
}

.f_menu a::after {
	width: 0%;
	height: 5px;
	position: absolute;
	left: 50%;
	bottom: 0%;
	content: '';
	background: var(--fifth-color);
	-webkit-transition: all .5s;
}

.f_menu a:hover::after, .f_menu a.active::after {
	width: 100%;
	left: 0%;
}

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

.hote_tel {
	width: auto;
	display: flex;
	position: absolute;
	right: 3%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	color: #fff;
	align-items: center;
}

	.hote_tel .icon {
		width: 35px;
		height: 35px;
		border: 1px solid #fff;
		line-height: 33px;
		text-align: center;
		position: relative;
		font-size: 20px;
		border-radius: 50%;
	}

	.hote_tel p {
		margin-left: 5px;
		font-size: 28px;
	}

.m_select {
	display: none;
}

.lbox {
	position: fixed;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
}

	.lbox img {
		border-radius: 30px;
	}

.lclose {
	width: 2vw;
	right: 1vw;
	top: 1vw;
	cursor: pointer;
	position: absolute;
}

@media screen and (max-width:1399px) {
	.nav {
		margin-right: 200px;
	}

		.nav ul li .firstLab a {
			font-size: 18px;
		}

	.hote_tel .icon {
		width: 30px;
		height: 30px;
		line-height: 28px;
		font-size: 18px;
	}

	.hote_tel p {
		font-size: 24px;
	}
}

@media screen and (max-width:1024px) {
	.menu_btn {
		display: block;
		background: var(--primary-color);
		color: transparent;
	}

	.nav {
		height: calc(100vh - 120px);
		overflow-y: auto;
		position: fixed;
		left: 0px;
		top: 60px;
		display: block;
		width: 100%;
		background: url(../images/store_bg.jpg) center center no-repeat;
		background-size: cover;
		-webkit-transition: all .5s;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		margin-right: 0%;
	}

		.nav ul li ul {
			opacity: 1;
			visibility: visible;
			background: rgba(255,255,255,.5);
			box-shadow: none;
			padding: 0;
			position: static;
			transform: translateX(0);
		}

	.header {
		background: var(--primary-color);
		padding: 5px 3%;
		box-shadow: 0px 0px 30px rgba(0, 0, 0, .1);
		height: 60px;
	}

	.hote_tel {
		right: 70px;
	}

		.hote_tel .icon {
			width: 25px;
			height: 25px;
			line-height: 23px;
			font-size: 14px;
		}

		.hote_tel p {
			font-size: 18px;
		}

	.logo {
		width: 32%;
	}

	.s1 {
		left: 20%;
		width: 40%;
	}

	.banner.active .s1 {
		top: 60px;
	}

	html {
		overflow: inherit;
	}

	.s3 {
		width: 90%;
		left: 5%;
		top: 66%;
	}

	.s2 {
		width: 70%;
		left: 15%;
		top: 28%;
	}

	.banner.active .s2 {
		top: 38%;
	}

	.banner.active .s3 {
		top: 56%;
	}

	.smoke {
		width: 80%;
		left: 10%;
		top: 50%;
	}

	.loading_logo {
		width: 50%;
	}

	.s2 img:nth-child(2) {
		display: block;
	}

	.s2 img:nth-child(1) {
		display: none;
	}

	.about_singe .name {
		width: 150px;
		margin-bottom: 5vw;
	}

	.about_singe {
		width: 100%;
	}

	.boxes.about_box {
		background-position: left center;
		padding: 15vw 0px;
		padding-bottom: 25vw;
	}

	.about_singe .singePage {
		font-size: 16px;
		margin-bottom: 10vw;
	}

	.w1400 {
		width: 90%;
	}

	.luoma_btn {
		width: 110px;
		height: 40px;
		background-size: cover;
		font-size: 14px;
	}

	.words1, .food_focus, .food_hand {
		display: none;
	}

	.words2 {
		width: 150px;
		left: 50%;
		margin-left: -75px;
		top: 10vw;
	}

	.food_box {
		padding-top: 20vw;
		padding-bottom: 15vw;
	}

		.food_box .list {
			width: 90%;
			margin-left: 5%;
			margin-top: 5vw;
		}

			.food_box .list ul li {
				margin-bottom: 5vw;
				width: 100%;
			}

				.food_box .list ul li a .name .cn {
					font-size: 12px;
				}

					.food_box .list ul li a .name .cn:last-child {
						font-size: 16px;
					}

	.common_title, .about_bottom .title img {
		width: 100%;
	}

	.boxes.ys_box {
		padding: 20vw 0px;
	}

	.ysSwiper .info .name {
		font-size: 18px;
		margin-top: 5px;
	}

	.ysSwiper .info .des {
		font-size: 14px;
	}

	.ysSwiper .info {
		width: 100%;
		left: 0%;
	}

	.food_warp .about_box {
		padding-top: 15vw;
		padding-bottom: 15vw;
	}

	.about_btop .name {
		width: 100%;
		margin-bottom: 5vw;
		text-align: center;
	}

		.about_btop .name br {
			display: none;
		}

	.about_btop .about_right {
		width: 100%;
		margin-bottom: 10vw;
	}

		.about_btop .about_right .singePage {
			font-size: 16px;
			margin-bottom: 5vw;
		}

	.about_bottom .title::after {
		display: none;
	}

	.about_img {
		display: none;
	}

	.about_bottom {
		width: 100%;
	}

		.about_bottom .title {
			margin-bottom: 5vw;
		}

	.team_list ul {
		flex-wrap: wrap;
	}

		.team_list ul li {
			width: 100%;
		}

			.team_list ul li .name {
				margin-top: 0px;
				background: transparent;
				color: #000;
				font-size: 18px;
				font-weight: bold;
				padding: 5px 0px;
				margin-bottom: 0px;
			}

			.team_list ul li .des {
				font-size: 14px;
			}

	.honor_warp {
		width: 80%;
		left: 10%;
		bottom: auto;
		position: relative;
		margin-top: -20vw;
	}

	.banner {
		overflow: hidden;
	}

	.honor_warp img {
		margin-bottom: 7vw;
	}

	.honor_box {
		padding-top: 20vw;
		padding-bottom: 15vw;
	}

	.footer_top .footer_nav {
		display: none;
	}

	.footer_left .f_name {
		margin-bottom: 5vw;
	}

	.footer {
		padding-top: 10vw;
	}

	.footer_top .footer_left {
		width: 100%;
	}

	.footer_left .f_name b {
		font-size: 20px;
	}

	.footer_left .f_name p {
		font-size: 12px;
	}

	.form_box {
		width: 100%;
		margin-bottom: 5vw;
	}

	.footer_row {
		flex-wrap: wrap;
	}

	.submit {
		width: 40%;
		line-height: 45px;
		margin-left: 30%;
		font-size: 14px;
		color: #3e3e3e;
	}

	.footer_chat {
		width: 40%;
		margin-left: 30%;
	}

	.footer_center {
		font-size: 14px;
		margin-top: 0vw;
	}

		.footer_center::after, .footer_center::before {
			width: 25%;
		}

	.form_box .label_row input {
		width: calc(100% - 50px);
		line-height: 40px;
		font-size: 14px;
	}

	.form_box .label_row label {
		width: 50px;
		font-size: 14px;
	}

	.form_box .label_row {
		margin-bottom: 10px;
	}

	.footer_chat {
		display: none;
	}

		.footer_chat.fc2 {
			display: block;
		}

	.add_box ul li .txt {
		font-size: 14px;
		width: calc(100% - 30px);
	}

	.add_box {
		margin-bottom: 2vw;
	}

	.copyright {
		flex-wrap: wrap;
	}

	.nav.active {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}

	.nav ul li .firstLab a {
		color: #000;
	}

	.nav ul {
		flex-wrap: wrap;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		padding: 0px 5%;
	}

		.nav ul li {
			width: 100%;
			border-bottom: 1px solid rgba(0, 0, 0, .05);
		}

			.nav ul li .firstLab a {
				font-size: 28px;
			}

			.nav ul li .firstLab {
				line-height: 65px;
			}

				.nav ul li .firstLab a::after {
					background: var(--primary-color);
				}

	.awl {
		width: 100%;
	}

	.common_title {
		margin-bottom: 5vw;
		font-size: 9vw;
	}

		.common_title.l {
			width: 150px;
		}

	.singePage {
		font-size: 16px;
	}

	.awl .singePage img {
		margin-bottom: 3vw;
	}

	.boxes {
		padding: 15vw 0px;
	}

	.kq_list ul li {
		width: 100%;
		margin-right: 0%;
		margin-bottom: 5vw;
	}

		.kq_list ul li .name {
			padding: 5px 15px;
			font-size: 16px;
		}

			.kq_list ul li .name p {
				font-size: 24px;
			}

		.kq_list ul li .thum {
			margin-bottom: 5px;
		}

		.kq_list ul li .title {
			font-size: 16px;
		}

			.kq_list ul li .title span {
				font-size: 12px;
			}

	.shop_list ul li {
		width: 100%;
		margin-bottom: 5vw;
	}

	.f_name {
		display: none;
	}

	.f_menu a {
		width: 25%;
		position: relative;
		font-size: 16px;
		padding: 0px;
		text-align: center;
		line-height: 55px;
	}

		.f_menu a::after {
			height: 3px;
		}

	.food_con {
		padding-top: 30vw;
		background: url(../images/lf_bg.jpg) center no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}

	.foods ul li {
		width: 100%;
		margin-bottom: 5vw;
	}

		.foods ul li:nth-child(even) {
			top: 0vw;
			margin-right: 0%;
		}

		.foods ul li .name .en {
			font-size: 12px;
		}

		.foods ul li .name .cn {
			font-size: 18px;
		}

		.foods ul li .name .dn {
			font-size: 14px;
			padding-bottom: 5px;
			top: -2px;
			position: relative;
			padding-top: 0px;
		}

		.foods ul li .name {
			top: 30%;
		}

	.com_bg {
		display: none;
	}

	.foods {
		margin-bottom: 0px;
	}

	.f_menu {
		margin-top: 30vw;
		margin-bottom: 5vw;
	}

	.compnay_warp {
		background-attachment: fixed;
		padding-top: 30vw;
	}

		.compnay_warp .singePage {
			width: 100%;
		}

	.honor_tips {
		position: relative;
	}

		.honor_tips p {
			font-size: 14px;
			line-height: 20px;
			margin-bottom: 5px;
			padding-left: 12px;
		}

			.honor_tips p::after {
				top: 6px;
			}

	.honor_line {
		display: none;
	}

	.honor_page {
		display: none;
	}

	.honorSwiper {
		padding-bottom: 0px;
		margin-top: 5vw;
	}

		.honorSwiper .name {
			font-size: 16px;
			margin-top: 5px;
		}

	.team_warp {
		flex-wrap: wrap;
	}

	.team_left, .team_row {
		width: 100%;
	}

		.team_left .name span {
			font-size: 14px;
		}

		.team_left .name b {
			font-size: 28px;
		}

		.team_left .name::before {
			height: 10px;
		}

	.singePage .h3 {
		margin-bottom: 10px;
	}

	.cooper_box {
		background-attachment: fixed;
		padding-top: 30vw;
	}

	.cooper_list {
		width: 100%;
	}

		.cooper_list ul li .img {
			width: 40px;
		}

		.cooper_list ul li .info {
			width: calc(100% - 45px);
			margin-left: 5px;
			font-size: 14px;
		}

			.cooper_list ul li .info .name {
				font-size: 16px;
				margin-bottom: 0px;
			}

		.cooper_list ul li {
			align-items: flex-start;
			margin-bottom: 3vw;
		}

	.tj_list ul {
		flex-wrap: wrap;
	}

		.tj_list ul li {
			width: 100%;
			height: 30vh;
			margin-bottom: 5vw;
		}

			.tj_list ul li.active {
				width: 100%;
			}

			.tj_list ul li .name {
				top: 50%;
				-webkit-transform: translateY(-50%);
				left: 5%;
				width: 40%;
			}

			.tj_list ul li .img, .tj_list ul li.active .img {
				width: 50%;
			}

	.food_top {
		top: 60px;
		right: auto;
		left: 0%;
		width: 40%;
	}

	.food_warp {
		padding: 0px;
	}

	.food_box .list ul li a .name .cn:last-child {
		padding-bottom: 5px;
		padding-right: 25px;
	}

	.food_box .list .luoma_btn {
		margin: 0px auto;
	}

	.ysSwiper .swiper-slide.swiper-slide-prev, .ysSwiper .swiper-slide.swiper-slide-next {
		-webkit-transform: rotate(0deg) translateY(0vw);
		opacity: 1;
	}

	.food_warp {
		padding: 0px;
	}

	.team_list ul li {
		width: 48%;
	}

	.honor_box {
		padding: 15vw 0px;
	}

	.ysSwiper .info {
		-webkit-transform: translateY(0px);
	}

	.ysSwiper .swiper-slide {
		opacity: 1;
		-webkit-transform: rotate(0deg) translateY(0vw);
	}

	.stroeSinge img:nth-child(1) {
		display: none;
	}

	.stroeSinge img:nth-child(2) {
		display: block;
	}

	.stroe_box, .team_box {
		overflow: hidden;
	}

	.advan_box {
		padding-top: 30vw;
	}

	.ad_list {
		width: 100%;
	}

		.ad_list ul li .thum {
			width: 40vw;
			height: 40vw;
			margin: 0px auto;
		}

		.ad_list ul li .name {
			width: 100%;
			height: auto;
			position: relative;
			left: 0%;
			top: 0%;
		}

			.ad_list ul li .name b {
				font-size: 24px;
				text-align: center;
				margin-bottom: 2vw;
			}

			.ad_list ul li .name .h3 {
				font-size: 14px;
			}

		.ad_list ul li {
			margin-bottom: 5vw;
		}

	.ad_name {
		width: 100%;
		font-size: 9vw;
		margin-bottom: 5vw;
	}

	.ad_tips {
		font-size: 14px;
		margin-bottom: 5vw;
	}

		.ad_tips b {
			font-size: 20px;
		}

	.factory_num {
		width: 100%;
	}

		.factory_num ul li .name {
			font-size: 16px;
			padding: 10px;
		}

		.factory_num ul li .row .fac_row b {
			font-size: 8vw;
		}

		.factory_num ul li .row .fac_row p {
			font-size: 14px;
		}

		.factory_num ul li {
			margin-bottom: 5vw;
		}

	.factory_box {
		padding-bottom: 55vw;
	}

	.factory_img {
		width: 85%;
		bottom: 0%;
	}

	.ad_list ul li .name .h3 br {
		display: none;
	}

	.ad_list ul li .name .h3 {
		text-align: center;
	}

	.ad_info {
		width: 100%;
		position: relative;
		font-size: 14px;
		margin-bottom: 5vw;
	}

	.yy_box {
		padding-bottom: 0px;
	}

	.ysSwiper .info .des br {
		display: none;
	}

	.food_box .list ul li a .name .cn:last-child::after {
		top: 40%;
		-webkit-transform: translateY(-50%) scale(0.8);
	}

	.onlineChat {
		width: 78px;
	}

	.team_left {
		margin-bottom: 5vw;
	}

	.team_list ul li:first-child {
		display: block;
		width: 100%;
		margin-bottom: 5vw;
	}

		.team_list ul li:first-child .img {
			width: 50%;
			margin-left: 25%;
		}

		.team_list ul li:first-child .des {
			text-align: center;
		}

	.about_btop .name, .about_bottom .title {
		font-size: 9vw;
	}

	.tj_list ul li .name b {
		font-size: 6vw;
		margin-bottom: 1vw;
	}

	.tj_list ul li .name .h3 {
		font-size: 14px;
	}

	.about_bottom .title {
		text-align: center;
	}

	.news_box {
		padding-top: 30vw;
	}

	.newsItem li {
		width: 47%;
		margin-right: 5%;
		margin-top: 5%;
	}

		.newsItem li:nth-child(2n) {
			margin-right: 0;
		}

		.newsItem li .item {
			padding: 2vw;
		}

			.newsItem li .item .imgBox {
				height: 76vw;
			}

			.newsItem li .item .text .name {
				font-size: 16px;
			}

			.newsItem li .item .text .time {
				font-size: 14px;
			}

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

		.m_select select {
			width: 35%;
			height: 40px;
			position: relative;
			border: none;
			color: #000;
			outline: none;
			background: transparent;
			border: 1px solid #000;
		}

		.m_select .search_btn {
			width: 25%;
			height: 40px;
			background: var(--primary-color);
			color: #fff;
			line-height: 40px;
			text-align: center;
		}

	.fb_box .fb_select {
		margin-bottom: 5vw;
		display: none;
	}

	.fb_box .fb_select, .fb_box .list {
		width: 100%;
	}

		.fb_box .list ul {
			justify-content: space-between;
			min-height: auto !important;
		}

			.fb_box .list ul li {
				width: 48%;
				padding: 15px 0px;
			}

				.fb_box .list ul li::after {
					display: none;
				}

				.fb_box .list ul li .name {
					line-height: 30px;
					font-size: 16px;
				}

				.fb_box .list ul li .info .p {
					margin-bottom: 0px;
					font-size: 12px;
				}

					.fb_box .list ul li .info .p p {
						width: 65px;
						height: auto;
						position: relative;
						padding-right: 5px;
						margin-right: 5px;
					}

					.fb_box .list ul li .info .p b {
						font-weight: normal;
						width: 100%;
					}

	.lbox {
		width: 90%;
	}

	.lclose {
		width: 6vw;
	}
}

.banner_swiper .swiper-container {
	width: 100%;
}

	.banner_swiper .swiper-container .swiper-slide {
	}

		.banner_swiper .swiper-container .swiper-slide img {
			display: block;
			width: 100%;
		}

.banner_swiper .swiper-pagination {
	bottom: 20px;
	height: 10px;
}

	.banner_swiper .swiper-pagination .swiper-pagination-bullet {
		vertical-align: top;
		width: 10px;
		height: 10px;
		background: #000;
		opacity: .5;
	}

		.banner_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
			background: #fff;
			opacity: 1;
		}

.banner_swiper .swiper-button-prev, .banner_swiper .swiper-button-next {
	text-align: center;
	width: 60px;
	height: 60px;
	line-height: 60px;
	margin-top: -30px;
	border-radius: 8px;
	background-color: rgba(0,0,0,.5);
	color: #fff;
	font-size: 12px;
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease;
}

.banner_swiper:hover .swiper-button-prev, .banner_swiper:hover .swiper-button-next {
	opacity: 1;
	visibility: visible;
}

.banner_swiper .swiper-button-prev:hover, .banner_swiper .swiper-button-next:hover {
	background-color: var(--primary-color);
}

.banner_swiper .swiper-button-prev {
	left: 5%;
}

.banner_swiper .swiper-button-next {
	right: 5%;
}

@media(max-width:1024px) {
	.banner_swiper .swiper-pagination {
		bottom: 10px;
	}

	.banner_swiper .swiper-button-prev, .banner_swiper .swiper-button-next {
		width: 40px;
		height: 40px;
		line-height: 40px;
		margin-top: -20px;
		font-size: 20px;
	}

	.h_height {
		height: 60px;
	}
}