@media screen and (max-width: 768px) {
		.swiper-container1 {
			display: none;
		}

		.swiper-container4 {
			display: block !important;
		}

		.swiper-p4 .swiper-pagination-bullet {
			width: 5.4666vw !important;
			height: 0.8vh !important;
			border-radius: 10px !important;
		}

		.swiper-p4 .swiper-pagination-bullet-active {
			background: #fff !important;
		}

		.swiper-container4>.swiper-pagination-bullets {
			position: absolute;
			bottom: 7.2vh !important;
			left: 2vw;
			z-index: 999;
		}

		.h120 {
			display: block !important;
		}

		#content {
			display: none !important;
		}

		.mb-introduce-box {
			box-sizing: border-box;
			padding: 1vh 4.7vw;
			display: flex !important;
		}

		.mb-button-box {
			padding: 1.52vh 5.3vw;
			border: 1px solid #734B23;
			border-radius: .50rem;
			width: fit-content;
			width: -webkit-fit-content;
			width: -moz-fit-content;
		}

		.mb-store-box {
			padding: 1vh 3.7vw;
			display: flex !important;
		}
		
		.lh-40 {
			line-height: 20px!important;
		}

		.mb-product-box {
			display: block !important;
			padding: 1vh 0;
		}

		.swiper-container5 {
			width: 100%;
			height: 65%;
		}

		.swiper-slide5 {
			text-align: center;
			font-size: .18rem;

			/* Center slide text vertically */
			display: -webkit-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			-webkit-justify-content: center;
			justify-content: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			-webkit-align-items: center;
			align-items: center;
			transition: 300ms;
			transform: scale(0.8);
		}

		.mb-product-next {
			position: absolute;
			right: 3.7vw;
			top: 50%;
			z-index: 999;
		}

		.mb-product-prev {
			position: absolute;
			left: 3.7vw;
			top: 50%;
			z-index: 999;
		}

		.mb-product-content {
			writing-mode: tb-rl;
		}

		.mb-all-product {
			padding: .20rem .30rem;
			border: 0.02rem solid #734B23;
			border-radius: .38rem;
			color: #734B23;
			margin: .20rem auto;
			width: fit-content;
			width: -webkit-fit-content;
			width: -moz-fit-content;
		}

		.mb-mendian-box {
			padding: 4.5vh 5.3vw;
			display: flex !important;
		}

		.mb-space-box {
			padding: 4.1vh 3.6vw;
			display: flex !important;
		}

		.mb-reason-box {
			padding: 4.1vh 3.6vw;
			display: flex !important;
			background-color: #F7F7F7;
		}

		.mb-join-box {
			padding: 4.1vh 3.6vw;
			display: flex !important;
			background-color: #F7F7F7;
		}

		.mb-join {
			width: 44vw;
			height: 10.4vh;
			background: #FFFFFF;
			padding: 2.2vh 2.6vw;
			padding-right: 0;
		}

		.mb-video-box {
			display: block !important;
		}

		.mb-video-logo {
			top: 3.34vh;
		}

		.top-140 {
			top: 10.65vh;
		}

		.top-200 {
			top: 15.22vh;
		}

		.top-288 {
			top: 21.91vh;
		}

		.mark-box>.mark-content {
			width: 90.6666%;
			border-radius: 7%;
			padding: 5.7% 6.6666% 5.7% 6.6666%;
			top: 19.8%;
		}

		.mb-slogan-box {
			display: block !important;
		}

		.slogan-logo {
			top: -6.4vh;
			right: -1.6vw;
		}

		.mb-wyjm {
			width: .31rem;
			height: .26rem;
		}

		.mb-mar-top {
			margin-top: 1.49vh !important;
		}

		.mark-line {
			background: #fff !important;
			border-left: #999 1px dashed !important;
			height: 7.8vh !important;
		}





		.mb-flow-box {
			display: block !important;
		}

		.mb-flow-box {
			padding: .40rem .25rem .55rem .25rem;
		}

		.mb-process-box {
			width: 44vw;
			height: 8.37vh;
			padding: 1.9vh 4vw 2.13vh 10.9vw;
		}

		.mb-process-box:nth-child(even)::after {
			content: '';
			width: 92.5vw;
			height: 1px;
			background-color: #DBDBDB;
			position: absolute;
			bottom: -2.73vh;
			left: -48.2vw;
			opacity: 0.3;
		}

		.mb-process-box:last-child::after {
			content: '';
			display: none;
		}
		.lh-34 {
			line-height: 20px!important;
		}
		.video-bg {
			position: absolute;
			width: 100%;
			height: 27vh;
			object-fit: cover;
			top: 0;
			left: 0;
		}
		.mb-news-box {
			background-color: #F7F7F7;
			padding: 0 3.6vw;
			display: flex!important;
		}
		.idx-newsimg {
			max-width: 27.8666vw;
			min-width: 27.8666vw;
			max-height: 14.611vh;
			min-height: 14.611vh;
			object-fit: cover!important;
			width: 27.8666vw;
			height: 14.611vh;
			border-radius: 8px;
		}
		.mb-news-time {
			width: 2.4vw;
			height: 1.369vh;
		}
		.mb-gonews {
			width: 4.8vw;
			height: 2.207vh;
		}
		.mb-news-item:last-child {
			border: none;
		}
		.mb-news-btn {
			width: 30.1333vw;
			height: 5.175vh;
			background: #734B23;
			border-radius: 34px;
			color: #fff;
		}
		.mb-more {
			width: 2.6666vw;
			height: 0.684vh;
		}
	}
	
	html{font-size:50px;}
	
	.mb-news-box {
		display: none;
	}
	
	.news-item>img{
		width: 100%;
		height: 3.49rem;
		object-fit: cover;
		border-radius: 12px;
	}
	
	.lh-24 {
		line-height: 24px;
	}
	
	.time-row>img {
		max-width: .27rem;
		max-height: .22rem;
	}
	
	.mh40{
		height: 40px;
	}
	
	.mh60 {
		height: 70px;
	}
	
	.new-nav>a{
		color: #999999;
		margin-right: .50rem;
	}
	
	.news-time {
		width: .11rem;
		height: .11rem;
		transform: translateY(1px);
	}
	
	._pad-x-120 {
		padding: 0 1.20rem;
	}
	
	.mark-line {
		width: 0.01rem;
		height: .46rem;
		background: #999999;
		opacity: 0.3;
	}

	.lh-40 {
		line-height: .40rem;
	}

	.lh-20 {
		line-height: .20rem;
	}

	.mark-box {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 999;
	}

	.mb-introduce-box {
		display: none;
	}

	.swiper-p1 .swiper-pagination-bullet {
		width: .26rem !important;
		height: 0.06rem !important;
		border-radius: 0.06rem !important;
	}

	.swiper-p1 .swiper-pagination-bullet-active {
		background: #fff !important;
	}

	.swiper-container1>.swiper-pagination-bullets {
		position: absolute;
		bottom: .30rem !important;
		z-index: 999;
	}

	.introduce-box {
		width: 100%;
		height: 7.32rem;
		background-position: bottom left;
	}

	.introduce-content {
		padding: .80rem .98rem 1.50rem 2.86rem;
	}

	.button-box {
		padding: .10rem .20rem;
		border: 0.01rem solid #734B23;
		border-radius: .50rem;
		width: fit-content;
		width: -webkit-fit-content;
		width: -moz-fit-content;
	}

	.swiper-container2 {
		width: 100%;
		height: 100%;
	}

	.swiper-slide2 {
		text-align: center;
		font-size: .18rem;

		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		transition: 300ms;
		transform: scale(0.8);
	}

	.swiper-slide-active,
	.swiper-slide-duplicate-active {
		transform: scale(1);
	}

	.introduce-banner {
		z-index: 999;
		right: 3.22rem;
		top: -1.15rem;
	}

	.pad-l360-t64 {
		margin-left: 3.60rem;
		padding-top: .64rem;
	}

	.font-64 {
		font-size: .64rem;
	}

	.zuo-yh {
		left: 3.52rem;
		top: .36rem;
	}

	.you-yh {
		left: 7.90rem;
		bottom: 1.18rem;
	}

	.lh-30 {
		line-height: .30rem;
	}

	.button-box:hover {
		background-color: #734B23;
		color: #fff;
	}

	.swiper-container3 {
		width: 100%;
		height: 100%;
	}

	.swiper-slide3 {
		text-align: center;
		font-size: 18px;
		background: #fff;

		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}

	.swiper-p3>.swiper-pagination-bullet-active {
		background-color: #734B23 !important;
	}

	.pad-l-360 {
		padding-left: 3.30rem;
	}

	.flow-box {
		width: 1.12rem;
		height: 1.12rem;
		border-radius: 50%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.flow-content1 {
		text-align: center;
		bottom: -.46rem;
	}

	.flow-content2 {
		text-align: center;
		bottom: -.46rem;
	}

	.flow-content3 {
		text-align: center;

		bottom: -.46rem;
	}

	.flow-content4 {
		text-align: center;

		bottom: -.46rem;
	}

	.flow-content5 {
		text-align: center;

		bottom: -.46rem;
	}

	.flow-content6 {
		text-align: center;

		bottom: -.46rem;
	}

	.flow-content7 {
		text-align: center;

		bottom: -.46rem;
	}

	.flow-content8 {
		text-align: center;

		bottom: -.46rem;
	}

	.arrow1 {
		left: 1.35rem;
		top: .55rem;
	}

	.arrow2 {
		top: .55rem;
		right: 1.35rem;
	}

	.video-logo {
		top: 1.24rem;
	}

	.top-230 {
		top: 2.30rem;
	}

	.top-290 {
		top: 2.90rem;
	}

	.top-400 {
		top: 4.00rem;
	}

	.top-430 {
		top: 4.30rem;
	}

	.abo-center {
		left: 50%;
		transform: translateX(-50%);
	}

	.play-btn {
		width: 2.00rem;
		height: .75rem;
	}

	.mb-play-btn {
		width: 26vw;
		height: 4.7vh;
	}

	.top-506 {
		top: 5.06rem;
	}

	.adv-mark {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 9;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, .6);
	}

	.mark-content {
		z-index: 10;
		position: absolute;
		top: 2.65rem;
		left: 50%;
		transform: translateX(-50%);
		width: 7.86rem;
		background: #FFFFFF;
		border-radius: .30rem;
	}

	.lh-34 {
		line-height: .34rem;
	}

	.grey-66 {
		color: #666666;
	}

	.swiper-slide2 {
		max-height: 5.90rem;
	}

	.swiper-slide2.swiper-slide-active img {
		width: 3.40rem;
		height: 5.90rem;
	}

	.left-box {
		background-color: #fff;
		width: 4.46rem;
		height: 1.98rem;
		background: #FFFFFF;
		border-radius: 0px .99rem .99rem 0px;
		left: 0;
		top: 50%;
	}

	#left-ico {
		position: absolute;
		left: 1.65rem;
		top: .75rem;
		cursor: hand;
		z-index: 11;
	}

	.right-box {
		background-color: #fff;
		width: 4.46rem;
		height: 1.98rem;
		background: #FFFFFF;
		border-radius: .99rem 0 0 .99rem;
		right: 0;
		top: 50%;
	}

	#right-ico {
		position: absolute;
		right: 1.65rem;
		top: .75rem;
		cursor: hand;
		z-index: 11;
	}

	.swiper-slide2.swiper-slide-prev img,
	.swiper-slide2.swiper-slide-next img {
		width: 1.50rem !important;
		height: 2.60rem !important;
	}

	.swiper-slide2.swiper-slide-prev>div>div,
	.swiper-slide2.swiper-slide-next>div>div {
		display: none;
	}

	.swiper-slide2.swiper-slide-active img {
		width: 3.40rem !important;
		height: 5.90rem !important;
	}

	.swiper-p3>.swiper-pagination-bullet {
		margin: 0 .33rem .18rem 0 !important;
		background: #fff;
		opacity: 1;
	}

	.white-r {
		display: none;
	}

	.button-box:hover .right {
		display: none;
	}

	.button-box:hover .white-r {
		display: block;
	}

	.shop_name {
		z-index: 12;
		bottom: .88rem;
		left: 50%;
		transform: translateX(-52%);
	}

	.video-bg {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}

	.swiper-container4 {
		display: none;
	}

	.h120 {
		display: none;
	}

	.scale8 {
		transform: scale(.8);
	}

	@keyframes key {
		0% {
			margin-bottom: -50px;
			opacity: 0;
		}

		50% {
			margin-bottom: 25px;
			opacity: .5;
		}

		100% {
			margin-left: 0;
			opacity: 1;
		}

	}