html,
body {
	margin: 0;
	width: 100%;
	height: 100%;
	background: #F2F2F2
}


p,
h4,
ul {
	margin: 0 !important;
	padding: 0 !important;
}

p {
	margin: 0;
	padding: 0;
}

ul li {
	list-style-type: none;
}

.navlist li a {
	text-decoration: none;
}

#nav {
	width: 3.2rem;
	height: 100%;
	background: #FFFFFF;
	float: left;
	font-size: 0.24rem;
}

#nav .title {
	padding: 0.1rem;
	margin: 0 auto;
	display: flex;
	justify-content: center;

}

.logo {
	margin-top: 0.35rem;
	width: 1.87rem;
	height: 1.03rem;
}

.navlist {
	/* position: absolute; */
	/*margin-top: 0.47rem !important;*/
	margin-top: 0.17rem !important;
	padding: 0;

}

.navlist li {
	/* height: ; */
	text-align: center;

}

.line {
	margin: 0 auto !important;
	width: 1.5rem;
	height: 0px;
	border-bottom: 1px solid #757575;
	opacity: 0.5;
	margin-top: 0.14rem !important;
	margin-bottom: 0.1rem !important;
}

.layer1 {
	/*font-size: 0.17rem;*/
	font-size: 0.23rem;
	font-family: DFPHeiW3;
	font-weight: 400;
	color: #67A785;
	line-height: 0.35rem;
	letter-spacing: 1px;
}

.layer2 {
	/*font-size: 0.12rem;*/
	font-size: 0.17rem;
	font-family: DFPHeiW3;
	font-weight: 400;
	color: #757575;
	letter-spacing: 1px;
	line-height: 0.15rem;
}

.layer2:hover {
	color: #67A785;


}

#section {
	float: left;
	width: calc(100% - 3.2rem);
	height: 100%;
	font-size: 0.875rem;
}

.title_code {
	/*margin-top: 1.48rem;*/
	margin-top: 0.38rem;
	display: flex;
	justify-content: center;

}

.code {
	width: 1.17rem;
	height: 1.17rem;
}

.Contact {
	/*margin: 0.52rem 0.19rem 0 0.19rem;*/
	/*margin: 0.12rem 0.19rem 0 0.19rem;*/
	margin: 0.12rem 0.19rem 0 0.1rem;
	/*font-size: 0.15rem;*/
	font-size: 0.17rem;
	font-family: DFPHeiW3;
	font-weight: 400;
	line-height: 0.3rem;
}

.Contact span {
	color: #3B76C2;
	cursor: pointer;
}

.Contact p {
	color: #757575;
	margin: 0;
}

/* 内容头部 */
.hande {
	height: 1.2rem;
	/* width: 100%; */
	background: #fff;
	background-image: url('../img/bifs.png');
	background-size: 100%;
	display: flex;
	align-items: center;
	object-fit: scale-down;
}

.hande h4 {
	/*font-size: 0.55rem;*/
	font-size: 0.6rem;
	font-family: DFPHeiW7;
	font-weight: 400;
	/*font-style: italic;*/
	color: #586994;
	line-height: 0.83rem;
}
.Runningaway{
	position: absolute;
	width: 100%;
	top: 0;
	z-index: 9;
	display: flex;
	align-items:center ;
	padding: 10px;
	background: #00000014;
}
.marquees{
	width: 100%;
	font-size: 18px;
	
}

/* 内容 */
.center {
	position: relative;
	width: 100%;
	height: calc(100% - 1.2rem);
	/* background-image: url('../img/big.png'); */
}

.center .backdrop {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;

	/* background-size: 100% 100%; */
	/* object-fit:cover; */
}
.backdrop:hover{
	/* scale: 103%; */

}

.chairlist {
	position: absolute;
	bottom: 0;
	z-index: 6;
	width: 100%;

}

.chairlist .chair_img {
	/*width: 3.15rem;*/
	width: 3.10rem;
	height: 1.94rem;
	cursor: pointer;
}
.chair_img:hover{
	scale: 105%;
	/* border: 5px solid #57BB89; */
	box-shadow:  0 2px 12px 0 #57BB89;
}

.commodity {
	padding: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	/*argin-left: 0.1rem !important;*/
	margin-left: 0.13rem !important;
	margin-bottom: 0.1rem !important;
	margin-right: 0.1rem !important;
	margin: 0;
}

.commodity li {
	display: flex;
	align-items: flex-end;
}

.iphone_nav,
.iphone_section {
	display: none;
}

/* 移动端适配 */
@media (max-width:750px) {

	.layer1,
	.layer2 {
		font-size: 16px !important;
	}

	.navtitle p,
	.description_iphone {
		font-size: 14px !important;
	}

	#nav,
	#section {
		display: none;

	}

	.iphone_section {
		display: block;
		background: #FFFFFF;
	}

	.iphone_nav {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0.2rem 0rem 0.2rem 0.7rem;
		height: 3.34rem;
		background: #FFFFFF;

	}

	.logoiphone {
		width: 3.43rem;
		/* height: 1.79rem; */
	}


	.NavigationMenu_YD_icon {
		width: 2.94rem;
		height: 2.94rem;
		background: #57BB89;
		cursor: pointer;
		position: relative;
		display: flex;
		justify-content: center;
		margin-right: 0.2rem;
	}

	.NavigationMenu_YD_icon span {
		margin: 0 auto;
		display: block;
		width: 24px;
		height: 3px;
		/* left: 10px; */
		border-radius: 0.2rem;
		background-color: #fff;
		position: absolute;
		transition: all 0.25s linear;
	}

	span.l_1 {
		top: 1rem;
	}

	span.l_2 {
		top: 1.41rem;
	}

	span.l_3 {
		top: 1.8rem;
	}

	.NavigationMenu_YD_icon.open span.l_2 {
		opacity: 0;
	}

	.NavigationMenu_YD_icon.open span.l_1 {
		top: 30px !important;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.NavigationMenu_YD_icon.open span.l_3 {
		top: 30px !important;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.img1 {
		position: absolute;
		z-index: 6;
		bottom: 0;
		width: 100%;
		background-color: #a6c92861;
		padding: 0.5rem 0.2rem;
	}

	.img1 img {
		width: 6.11rem;
		height: 4.71rem;
	}

	.imglist1 {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.imglist2 {
		margin-top: 0.39rem;
		margin-bottom: 0.14rem;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.imglist2 img {
		width: 7.11rem;
		height: 4.71rem;
	}

	.imglist2img {
		margin-left: 0.19rem;
	}

	/* 弹窗菜单 */
	.offcanvas {
		--bs-offcanvas-width: 70% !important;
	}

	.offcanvas-body {
		flex-grow: 0 !important;
		padding: 0.4rem !important;
		text-align: center;
		text-decoration: none;

	}

	.offcanvas-body a {
		text-decoration: none;
		margin-bottom: 0.1rem;
	}

	.offcanvas-body .lines {
		margin: 0 auto;
		height: 0px;
		border-bottom: 1px solid #757575;
		opacity: 0.5;
		margin-top: 0.14rem;
		margin-bottom: 0.1rem;
	}

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

	.big_iphone {
		width: 100%;

	}

	.offcanvas-header .btn-close {
		background-color: #57BB89 !important;
	}

	.navtitle {
		margin-top: 0.78rem;
		text-align: center;
	}

	/* iphone_message */

	.navtitle h4 {
		font-size: 1.2rem;
		font-family: DFPHeiW7-GB;
		font-weight: bold;
		color: #313131;
		line-height: 0.83rem;
		letter-spacing: 1.5px;
	}

	.navtitle p {
		-webkit-text-size-adjust: none;
		transform: scale(0.833333);
		font-size: 0.16rem;
		font-family: DFPHeiW7-GB;
		font-weight: 500;
		color: #313131;
		line-height: 0.83rem;
		padding: 0.38rem 0 !important;
	}

	.line_iphone {
		width: 2.1rem;
		height: 0.2rem;
		background: #57BB89;
		border-radius: 0.2rem;
		margin: 0 auto;
	}

	/* from */
	.formlist {
		width: 90%;
		margin: 0 auto;
		margin-top: 0.38rem;

	}

	.mb-3 .form-control {
		border-color: #AAAAAA !important;
		padding: 0.5rem 0.5rem;
		font-size: 0.14rem;
		font-weight: 400;
		line-height: 1.5;
		border-radius: 0;
		border: 2px dashed #AAAAAA;
		background-size: 0.2rem !important;
		--webkit-box-shadow: none;
		box-shadow: none;

	}

	.form-control.is-invalid {
		border-radius: 0;
		border: 2px dashed #AAAAAA;
		background-size: 0.2rem !important;
	}

	.form-control:invalid {
		border-radius: 0;
		border: 2px dashed #AAAAAA;
		background-size: 0.2rem !important;
	}

	input,
	input:focus,
	.mb-3 textarea {
		background: #EEEEEE !important;
		/* border: none !important; */
		box-shadow: none !important;

	}

	.form-label {
		font-size: 14px !important;
		margin-bottom: 0.1rem;
		font-family: Adobe Heiti Std;
		font-weight: normal;
		color: #515151;
		line-height: 0.31rem;

	}

	.mb-3 {
		margin-bottom: 0.1rem !important;
		display: grid;
	}

	.spinner-border-sm {
		--bs-spinner-width: 0.2rem;
		--bs-spinner-height: 0.2rem;
		margin-right: 0.1rem;
	}

	.mb-3 .btn-primarys {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		--bs-btn-border-radius: '0';
		margin-top: 0.15rem;
		padding: 0.1rem 0.32rem;
		font-size: 0.9rem;
		font-family: DFPHeiW7;
		font-weight: 400;
		color: #FFFFFF;
		--bs-btn-color: #fff;
		--bs-btn-bg: #57BB89;
		--bs-btn-border-color: #57BB89;
		--bs-btn-hover-color: #fff;
		--bs-btn-hover-bg: #84d4ac;
		--bs-btn-hover-border-color: #57BB89;
		--bs-btn-focus-shadow-rgb: 49, 132, 253;
		--bs-btn-active-color: #fff;
		--bs-btn-active-bg: #84d4ac;
		--bs-btn-active-border-color: #57BB89;
		--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
		--bs-btn-disabled-color: #fff;
		--bs-btn-disabled-bg: #57BB89;
		--bs-btn-disabled-border-color: #57BB89;


	}

	.invalid-feedback {
		font-size: 0.14rem;
	}

	.Message {
		border-bottom: 1px solid #AAAAAA;
	}

	.Message P {
		font-size: 0.16rem;
		font-family: Adobe Heiti Std;
		text-align: center;
		font-weight: normal;
		color: #000000;
		line-height: 0.24rem;
		margin-bottom: 0.13rem;
	}

	.telephone {
		width: 90%;

		margin: 1rem auto;
		padding-bottom: 1rem;
		font-size: 0.36rem;
		font-family: DFPHeiW3-GB;
		font-weight: 400;
		color: #757575;
		line-height: 0.51rem;
	}

	.telephone span {
		font-size: 0.8rem;

	}

	.telephone p {
		font-size: 0.8rem;
		color: #3B76C2;
		padding: 0.8rem 0 !important;
	}

}