body {
	margin: 0;
}

#box {
	width: 100%;
	height: 100%;
}

.swiper-container {
	overflow: hidden;
}

.shoujitiaozzhuan {
	display: none;
}

.fazhan_list {
	display: flex;
	flex-direction: column;
	padding: 3rem 0 8rem 0;

	.fz_list_head {
		width: 70%;
		margin: 3rem auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;

		span:nth-child(1) {
			font-size: 2rem;
		}

		span:nth-child(2) {
			font-size: 0.8rem;
			color: #666;
		}
	}

	.fz_list_content {
		width: 60%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		border: solid 1px #000;
	}

	.fz_list_right {
		width: 70%;
		border: solid 1px #000;
	}
}

.timeline {
	width: 60%;
	margin: 0 auto;
	border-left: solid 1px #ccc;
	margin-left: 10rem;
}

.phone_cp {
	display: none;
}

a {
	text-decoration: none;
	color: #666;
}

.toggle-container {
	display: none;
}

.phone_head {
	display: none;
}

.pf_sys_head {
	display: none;
}

.top_img {
	/* background-image: url('../img/index_img/index_bg_02.png'); */
	background-image: url('../img/index_img/index_bg_03.png');
	background-size: 100%;
	background-repeat: no-repeat;
	height: 640px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
	position: relative;
}

.top_img::before {
	content: "";
	position: absolute;
	top: 0;
	/* 投影位置在背景图下方 */
	left: 0;
	width: 100%;
	height: 8rem;
	/* 投影的高度 */
	background: linear-gradient(rgba(0, 0, 0, 0.3), transparent);
	/* 投影的颜色和透明度 */
	z-index: 1;
	/* 确保它在背景图之下 */
}

.top_img_list {
	display: flex;
	width: 70%;
	position: absolute;
	top: 3rem;
	left: 15%;
	z-index: 25;
	font-weight: bold;

	ul {
		width: 60%;
		display: flex;
		justify-content: space-between;
		/* margin-right: 3%;  */
	}
}

.top_img_list ul li {
	list-style-type: none;
	display: inline;
	display: flex;
	align-items: center;
	flex-direction: column;

	a {
		text-decoration: none;
		color: white;
	}

}

.top_img_list ul li::after {
	content: '______';
	/* 初始时隐藏 */
	transition: opacity 0.3s;
	margin-top: -10px;
	opacity: 0;
	color: white;
	/* 平滑过渡效果 */
}

.top_img_list ul li:hover::after {
	opacity: 1;
	/* 鼠标悬停时显示 */
}

.top_img_list_img {
	display: block !important;
	width: 30%;
	margin-left: 5%;

	img {
		display: block !important;
		width: 50%;
	}
}

.top_img_text {
	display: flex;
	flex-direction: column;
	position: absolute;
	bottom: 2rem;

	p:nth-child(1) {
		color: white;
		text-align: center;
		font-size: 2.8rem;

	}

	.top_img_text_one {
		color: white;
		border: 1px solid #ccc;
		width: 100px;
		margin: auto;
		border-radius: 20px;
		height: 30px;
		display: flex;

		div {
			font-size: 0.8rem;
			margin: auto;
			color: #ccc;
			display: flex;

			img {
				width: 1rem;
				height: 1rem;
				margin: auto;
			}
		}
	}
}

.or_us {
	width: 60%;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;

	div:nth-child(1) {
		margin: 5% 0 5% 0;
	}

	div:nth-child(2) {
		width: 50%;
		/* line-height: 2rem; */
		margin: 10% 0 5% 0;

		p:nth-child(1) {
			background-image: url('../img/index_img/douhao.png');
			background-repeat: no-repeat;
			background-position: right top;
			padding-top: 2rem;
		}

		p:nth-child(2) {
			display: flex;
			justify-content: space-between;
			margin-top: 3rem;

			span {
				border-left: 4px #7d67ab solid;
				padding-left: 6px;
				height: 23px;
				display: flex;
				line-height: 23px;
			}

			img {
				width: 1rem;
				height: 1rem;
				border: solid 1px #ccc;
				border-radius: 50%;
				padding: 0.3rem;
			}
		}
	}
}

.pe_vider {
	width: 70%;
	margin: 0 auto;
	position: relative;
	display: grid;
	place-items: center;

	video {
		border-radius: 20px;
	}

	div {
		img {
			width: 50px;
			height: 50px;
			position: absolute;
			bottom: 3rem;
			right: 3rem;
		}
	}

}

#controls {}

.jingzhun {
	width: 300px;
	height: 150px;
	z-index: 666;
	position: absolute;
	bottom: 40%;
}

.brand {
	width: 70%;
	margin: 0 auto;
	background-color: #F5F5F5;
	border-radius: 20px;
	display: flex;
	justify-content: space-between;
	margin-top: 4rem;

	div:nth-child(1) {
		width: 100%;
		margin: 3% 0 0 8%;

		p:nth-child(1) {
			width: 100%;
			border-bottom: 1px solid #ccc;
			padding-bottom: 1rem;

			span:nth-child(1) {
				font-size: 2rem;
				color: #494949;
			}

			span:nth-child(2) {
				color: #494949;
			}
		}

		p {
			margin-top: 2rem;
		}
	}

	div:nth-child(2) {
		margin: 3% 8% 0 0;
	}

	.brand_more {
		background-color: #ccc;
		width: 100px;
		padding: 5px;
		border-radius: 25px;
		color: #666;
		display: flex;
		align-items: center;
		justify-content: center;

		img {
			width: 1rem;
			height: 1rem;

		}
	}
}

.rd {
	width: 70%;
	margin: 2rem auto;
	display: flex;
	justify-content: space-around;
	background-color: #fffef9;

	div:nth-child(1) {
		display: flex;
		flex-direction: column;
		padding-top: 2rem;

		span:nth-child(1) {
			font-size: 1.5rem;
		}

		span:nth-child(2) {
			color: #666;
		}
	}

	div:nth-child(2) {
		width: 60%;
		padding: 5% 0 5% 0;
		text-align: left;

		ul {
			display: flex;
			justify-content: space-between;
			width: 100%;
			padding: 0;
		}

		ul li {
			list-style-type: none;
			display: inline;
			display: flex;
			align-items: center;
			flex-direction: column;

			span:nth-child(2) {
				color: #666;
			}
		}
	}
}

.baby {
	width: 70%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: stretch;

	div:nth-child(1) {
		width: 49%;
		position: relative;

		img {
			width: 100%;
		}

		p {
			display: flex;
			flex-direction: column;
			color: white;
			font-size: 1.4rem;
			position: absolute;
			top: 1rem;
			margin: 0;
			left: 4rem;
			align-items: center;

			a {
				color: white;
			}

			img:nth-child(2) {
				width: 1rem;
				height: 1rem;
				padding: 5px;
				/* margin-top: 0.7rem; */
				border: 1px solid #fff;
				border-radius: 50%;
			}
		}

	}

	div:nth-child(2) {
		width: 49%;
		background-color: #cbbbf8;
		border-radius: 20px;
		position: relative;

		p {
			height: 70%;
			padding: 1rem 0 0 4rem;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			color: white;
			font-size: 1.4rem;

			img {
				width: 1rem;
				height: 1rem;
				padding: 5px;
				/* margin-top: 0.7rem; */
				border: 1px solid #fff;
				border-radius: 50%;
			}

		}

		a {
			position: absolute;
			top: 1rem;
			left: 4rem;
			font-size: 1.7rem;
			color: white;
			display: flex;
			align-items: center;

			img {
				width: 1rem;
				height: 1rem;
				padding: 5px;
				border: 1px solid #fff;
				border-radius: 50%;
			}
		}

		.baby_us {
			width: 60%;
			position: absolute;
			bottom: 1rem;
			right: 5rem;
		}


	}
}

.product {
	width: 100%;

}

.product_head {
	width: 60%;
	margin: 2rem auto;
	margin-top: 5rem;
	display: flex;
	justify-content: space-between;

	a {
		display: flex;
	}

	div:nth-child(1) {
		display: flex;
		flex-direction: column;

		span:nth-child(1) {
			font-size: 1.7rem;
		}

		span:nth-child(2) {
			color: #666;
			font-size: 1rem;
		}
	}

	div:nth-child(2) {
		display: flex;
		align-items: center;

		span {
			padding-right: 1rem;
		}

		img {
			border: solid 1px #ccc;
			padding: 0.3rem;
			border-radius: 50%;
		}
	}
}

.index_naifen {

	div:nth-child(2) {
		width: 70%;
		box-shadow: 1px 1px 5px 1px #ccc;
		background-color: white;
		border-radius: 15px;
		margin: -4rem auto;
		display: flex;
		flex-direction: column;
		z-index: 666;
		position: relative;

		p {
			width: 80%;
			margin: 0 auto;
			padding: 2rem 0 1rem 2rem;
			color: #666;
			font-size: 1.3rem;
			border-bottom: 1px solid #ccc;
		}

		ul {
			width: 80%;
			margin: 2rem auto;
			list-style-type: none;
			display: inline;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;

			li {
				display: flex;
				align-items: center;
				width: 30%;
				padding: 1rem 0 1rem 0;

				span {
					margin-left: 1rem;
					color: #666;
					font-size: 1.1rem;
				}
			}
		}
	}
}

.pf_system_head {
	width: 60%;
	margin: 5rem auto;
	margin-top: 15rem;
	display: flex;
	justify-content: space-between;

	div:nth-child(1) {
		display: flex;
		flex-direction: column;

		span:nth-child(1) {
			font-size: 1.7rem;
		}

		span:nth-child(2) {
			color: #666;
			font-size: 1rem;
		}
	}

	div:nth-child(2) {
		display: flex;
		align-items: center;

		img {
			width: 1rem;
			height: 1rem;
			padding: 5px;
			border: 1px solid #ccc;
			border-radius: 50%;
		}

		span {
			padding-right: 1rem;
		}
	}
}

.pf_system_jingzhun {
	background-image: url('../img/index_img/index_zise2.png');
	width: 100%;
	height: 100vh;
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: 100% 100%;

}

.pf_jingzhun_left {
	height: 60vh;
	margin-left: 3rem;
	text-align: left;
	margin-top: 6rem;

	img {
		height: 100%;
	}
}

.pf_jingzhun_bottom {
	width: 80%;
	margin: 2rem auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	color: white;

	p {
		margin: 0;
	}

	div:nth-child(1) {
		line-height: 1.8rem;
		width: 50%;
		margin-top: 1rem;
	}

	div:nth-child(2) {
		width: 45%;
		display: flex;
		flex-direction: column;
		align-items: center;

		img {
			width: 50%;
		}

		p {
			display: flex;
			flex-direction: column;
			text-align: center;
		}

		.ewm_jieshao {
			display: none !important;
		}


	}
}

.pf_jingzhun_right {
	width: 40%;
	display: flex;
	flex-direction: column;
	margin-top: 6rem;

	div:nth-child(1) {
		img {
			width: 80%;
		}
	}
}

.development {
	width: 70%;
	margin: 10rem auto;
	display: flex;
	justify-content: space-between;

	.development_top {
		display: flex;
		flex-direction: column;
		width: 30%;

		span:nth-child(1) {
			font-size: 1.5rem;
		}

		span:nth-child(2) {
			color: #666;

		}
	}

	.development_left {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		/* height: 75%; */
		border-left: solid 1px #666;

		div {
			position: relative;
			/* margin-bottom: 6rem; */
			right: 50%;

			span {
				position: absolute;
				top: 0.5rem;
				left: 1.3rem;
				text-align: center;
				color: white;
			}
		}
	}

	.development_bottom {
		width: 60%;
		/* border-left: 1px #666 solid; */
		display: flex;
		margin-top: 7%;
	}

	.development_right {
		display: flex;
		flex-direction: column;

		p {
			margin-top: 3rem;
			padding: 1rem 0 1rem 0;
			margin-left: -7%;
		}
	}
}

.market {
	position: relative;
}

.market_head {
	width: 60%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	padding-top: 3rem;

	span:nth-child(1) {
		font-size: 1.7rem;
	}

	span:nth-child(2) {
		font-size: 1rem;
		color: #666;
	}
}

.market_bg {
	background-image: url('../img/index_img/index_book.png');
	width: 100%;
	height: 100vh;
	background-size: cover;
}

.market_list {
	width: 40%;
	/* border: solid 1px #ccc; */
	box-shadow: 2px 2px 10px 5px #f5f5f5;
	background-color: white;
	position: absolute;
	bottom: -20%;
	right: 22%;
	border-radius: 20px;

	ul li {
		width: 80%;
		margin: 0 auto;
		padding: 2rem;
		list-style-type: none;
		display: inline;
		display: flex;
		border-bottom: 1px solid #ccc;
		color: #666;

		span:nth-child(2) {
			padding-left: 5rem;

		}


	}

}

.market_more {
	display: flex;
	justify-content: flex-end;

	span {
		border: 1px solid #ccc;
		padding: 0.2rem 0.5rem;
		border-radius: 25px;
	}
}

.news {
	margin: 15% auto;
	width: 100%;
}

.news_list {
	width: 70%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;

	div {
		width: 30%;
		display: flex;
		flex-direction: column;
		margin-top: 2rem;

		span:nth-child(3) {
			color: #666;
		}
	}
}

.pf_bottom {
	background-image: url('../img/index_img/index_bottom.png');
	width: 100%;
	height: 60vh;
	position: relative;
	margin-top: -20%;
	background-size: contain;
}

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

}

.bottom_img_list ul {
	width: 50%;
	display: flex;
	justify-content: space-between;
	position: absolute;
	bottom: 20%;
	right: 15%;
}

.bottom_img_list ul li {
	list-style-type: none;
	display: inline;
	display: flex;
	align-items: center;
	flex-direction: column;

	a {
		text-decoration: none;
		color: white;
	}

}

.bottom_img_list ul li::after {
	content: '______';
	/* 初始时隐藏 */
	transition: opacity 0.3s;
	margin-top: -10px;
	opacity: 0;
	color: white;
	/* 平滑过渡效果 */
}

.bottom_img_list ul li:hover::after {
	opacity: 1;
	/* 鼠标悬停时显示 */
}

.bottom_img_list_img {
	width: 20%;
	margin-left: 5%;
	position: absolute;
	bottom: 20%;
	left: 10%;

	img {
		width: 50%;
	}
}

.pf_bottom_head {
	position: absolute;
	/* 绝对定位 */
	bottom: 0;
	/* 靠下 */
	left: 50%;
	/* 水平居中辅助 */
	transform: translateX(-50%);
	/* 水平居中 */
	color: white;

	div {
		display: flex;
		justify-content: center;
	}

	p {
		padding: 2rem;
		display: flex;
		align-items: center;

		span {
			padding-left: 1rem;
		}
	}

	img {
		width: 1.2rem;
		height: 1rem;

	}
}

@media (max-width: 600px) {
	.top_img {
		background-image: url('../img/index_img/top_img.jpg');
		background-size: cover;
		height: 30vh;
		background-repeat: no-repeat;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: column;
	}
}

@media (max-width: 1500px) and (min-width:1000px) {
	.pf_jingzhun_bottom {
		div:nth-child(1) {
			line-height: 1.4rem;
			font-size: 0.8rem;

		}

	}

	.news {
		margin: 25% auto;
	}

	.market_list {
		width: 40%;
		border: solid 1px #ccc;
		position: absolute;
		top: 22rem;
		right: 20%;

		ul {
			background-color: white;
			box-shadow: 1px 5px 10px 0 #ccc;
		}
	}
}



@media screen and (max-width: 500px) {
	body {
		position: relative;
	}

/* 	.top_img::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 8rem;
		background: linear-gradient(rgba(0, 0, 0, 0.3), transparent);
		z-index: -1;
	} */

	.lunbo {
		display: none;
	}

	.fazhan_list {
		display: none;
	}

	.market {
		display: none !important;
	}

	.news {
		display: none !important;
	}

	.top_img {
		background-image: url('../img/news/news_phone.png');
		background-size: cover;
		display: flex;
		flex-direction: column;
		height: 60vh;
		width: 100%;

		.top_img_list {
			display: none;
		}
	}

	.or_us {
		width: 90%;
		margin: 0 auto;

		div:nth-child(2) {
			p:nth-child(1) {
				font-size: 1.5rem;
			}

			p:nth-child(2) {
				/* float: right; */
				display: flex;
				justify-content: flex-end;
				align-items: center;

				span {
					border: none;
				}
			}
		}
	}

	.jingzhun {
		width: 50%;
		height: auto;
	}

	.pe_vider {
		width: 90%;

		div {
			img {
				bottom: 1rem;
			}
		}
	}

	.fz_list_head {
		width: 85% !important;
		margin: 3rem auto;
	}



	.phone_head {
		width: 100%;
		background-color: white;
		height: auto;
		padding: 1rem 0 1rem 0;
		display: flex;
		justify-content: space-around;
		align-items: center;

		img:nth-child(1) {
			width: 25%;
			height: 2rem;
		}

		img:nth-child(2) {
			width: 1rem;
			height: 1rem;
		}
	}

	.toggle-container {
		width: 100%;
		background-color: white;
		position: absolute;
		top: 3rem;
		padding: 1rem 0 1rem 0;
		z-index: -1;
	}

	.toggle-container {
		display: block;
	}

	.toggle-list {
		display: none;
		margin: 0;
		width: 70%;
		margin: 0 auto;
		background-color: white;

		a {
			text-decoration: none;
			color: #7E7E7E;
		}

		li {
			display: flex;
			align-items: center;
			justify-content: space-between;
			/* font-size: 2rem; */
			padding: 1rem 0 1rem 0;
			color: #7E7E7E;
			border-bottom: 0.5px #ccc solid;

		}

		img {
			width: 20px;
			height: 20px;
		}
	}

	.market_bg {
		background-image: url('../img/about/guanyu_phone.png');
		background-size: contain;
		background-repeat: no-repeat;

		p {
			display: flex;
			flex-direction: column;
			width: 85%;
			margin: 0 auto;
			padding: 3rem 0 3rem 0;

			span:nth-child(1) {
				font-size: 2rem;
			}

			span:nth-child(2) {
				font-size: 0.8rem;
				color: #7E7E7E;
			}
		}
	}

	.market {
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	.market_list {
		width: 90%;
		margin: 0 auto;
		position: absolute;
		left: 5%;
		top: 50%;
		box-shadow: 2px 2px 10px 5px #f5f5f5;
		border: none;
	}

	.contact_lianxi {
		span {
			font-size: 1rem !important;
		}
	}

	.pf_bottom {
		height: 30vh;
		position: absolute;
		display: flex;
		flex-direction: column;
		background-size: cover;
	}

	.contact_us {
		box-shadow: none;
		width: 80%;
	}

	.contact_list {
		display: flex;
		flex-direction: column;
		padding: 0;
	}

	.contact_ditu {
		width: 100%;
		z-index: 666;
	}

	.contact_head {
		padding: 0;
	}

	.bottom_img_list ul {
		display: none;
	}

	.bottom_img_list_img {
		position: absolute;
		left: 45%;
		transform: translate(-50%, -50%);

		img {
			width: 100%;

		}
	}

	.pf_bottom_head p:nth-child(1) {
		display: none;
	}

	.pf_bottom_head {
		p {
			padding: 0;
		}

		img {
			margin-left: 15px;
		}

	}

	.news {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-top: 25rem;

		div {
			width: 100%;
			border-radius: none;

			img {
				width: 100%;
			}
		}
	}

	.news_list {
		width: 90% !important;
		margin: 0 auto;
	}

	.or_us {
		display: flex;
		justify-content: space-between;
		flex-direction: column;

		div:nth-child(1) {
			margin: 0;
		}

		div:nth-child(2) {
			width: 100%;
			font-size: 1rem !important;
			margin: 0;
		}
	}

	.brand {
		width: 90%;
		margin: 1rem auto;
		padding: 2rem 0 2rem 0;
		display: flex;
		flex-direction: column;
		background-color: #F5F5F5;

		.brand_more {
			float: right;
		}

		div:nth-child(1) {
			width: 90%;
			margin: 0 auto;

			p:nth-child(1) {
				display: flex;
				flex-direction: column;

				span:nth-child(1) {
					font-size: 1.5rem;
				}

				span:nth-child(2) {
					margin: 0 !important;
				}
			}

			p:nth-child(2) {
				width: 80%;
				margin: 1rem auto;
			}

			p:nth-child(3) {
				width: 80%;
				margin: 1rem auto;
			}
		}

		div:nth-child(2) {
			width: 100%;

			img {
				width: 90%;
				margin: 0 auto;
			}
		}
	}

	.brand_content {
		display: flex;
		flex-direction: column;
		justify-content: space-between;

		img {
			float: right;
		}

		ul {
			li {
				display: flex;
				flex-direction: column;
				justify-content: flex-start;

				span:nth-child(2) {
					margin: 0;
					padding: 1rem 0 1rem 0;
				}
			}
		}
	}

	.development {
		width: 80%;
		display: flex;
		flex-direction: column;
		margin: 5rem auto;
		margin-right: 5%;

		.development_top {
			width: auto;
		}

		.development_left {
			height: auto;

			div:nth-child(2) {
				position: absolute;
				top: 10%;
			}

			div:nth-child(3) {
				position: absolute;
				top: 15%;
			}
		}

		.development_bottom {
			width: auto;
		}
	}

	.development_right {
		display: flex;
		flex-direction: column;

		p {
			padding: 0 !important;
			/* padding: 8rem 0 1rem 0; */
			color: #333333;
			margin-left: -20% !important;
			height: 300px;
			margin-top: 3rem !important;

		}

	}

	.rd {
		width: 90%;
		background-color: #EFEFEF;
		margin: 0 auto;
		border-radius: 20px;
		display: flex;
		flex-direction: column;

		div:nth-child(1) {
			width: 90%;
			margin: 0 auto;
		}

		div:nth-child(2) {
			width: 70%;
			margin: 0 auto;
			padding: 0;

			p {
				padding: 0 !important;
				text-align: center;
			}

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

				li {
					width: 45%;
					margin-top: 1rem;
				}
			}
		}
	}

	.baby {
		width: 90%;
		margin: 2rem auto;

		div:nth-child(1) {
			background-image: url('../img/index_img/index_phont_baby.png');
			background-size: cover;
			height: 200px;
			max-height: 300px;

			img {
				display: none;
			}

			p {
				font-size: 1rem;
				padding: 0 0 0 1rem;
				position: absolute;
				left: 0;

				img {
					display: block;
					padding: 1px;
				}
			}

		}

		div:nth-child(2) {
			height: auto;

			a {
				font-size: 1rem;
				position: absolute;
				left: 1rem;
				height: 80%;
				display: flex;
				justify-content: space-between;
				flex-direction: column;
			}

			p {
				font-size: 1rem;
				padding: 0 0 0 1rem;

				img {
					padding: 1px;
				}
			}

			.baby_us {
				width: 50%;
				position: absolute;
				bottom: 30%;
				right: 25%;
			}
		}
	}

	.product {
		width: 100%;
		/* margin: 0 auto; */
		position: relative;
	}

	.product_head {
		width: 100% !important;
		margin: 0 auto;
		display: flex;

		flex-direction: column;

		div:nth-child(1) {
			width: 80%;
			margin: 1rem auto;

			span:nth-child(1) {
				font-size: 1.5rem;
			}
		}

		div:nth-child(2) {
			display: none;
		}

		.phone_cp {
			margin-top: 1rem;
			width: 90%;
			margin: 0 auto;

			img {
				width: 100%;
				margin: 0 auto;
			}
		}

	}

	.index_naifen {
		width: 100%;
		margin: 0 auto;
		z-index: 666;
		position: absolute;
		bottom: -5rem;

		div:nth-child(1) {
			all: unset;
		}

		div:nth-child(2) {
			width: 90%;

			ul {
				padding: 0;
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;

				li {
					width: 48%;

					img {
						width: 40px;
					}

					span {
						font-size: 0.8rem;
					}
				}
			}
		}
	}

	.pf_system_head {
		display: none;
	}

	.pf_system_head {
		margin: 0 auto;

		div:nth-child(1) {
			z-index: 666;
			position: absolute;
			top: 20rem;
			left: 2rem;
		}

		div:nth-child(2) {
			display: none;

		}
	}

	.pf_jingzhun_left {
		height: 30vh;
		margin-top: 10rem;
	}

	.pf_jingzhun_right {
		width: auto;
		margin-top: 10rem;

		div:nth-child(1) {

			img {
				width: 100%;
			}
		}

		div:nth-child(2) {
			width: 100%;

			span {
				font-size: 0.5rem;
			}

			img {
				width: 50%;
			}
		}

		div:nth-child(3) {
			font-size: 0.5rem;
		}
	}

	.pf_jingzhun_bottom {
		display: flex;
		flex-direction: column;

		div:nth-child(1) {
			width: 100%;
			line-height: 12px;
			display: flex;
			align-items: center;
			/* justify-content: space-between; */
		}
	}

	.phone_head {
		width: 100%;
		background-color: white;
		height: auto;
		padding: 1rem 0 1rem 0;
		display: flex;
		justify-content: space-around;
		align-items: center;
		position: absolute;
		z-index: 667;

		img:nth-child(1) {
			width: 25%;
			height: 2rem;
		}

		img:nth-child(2) {
			width: 1rem;
			height: 1rem;
		}
	}

	.pf_system_jingzhun {
		position: relative;

		.pf_sys_head {
			display: block;
			width: 80%;
			margin: 0 auto;
			display: flex;
			flex-direction: column;
			position: absolute;
			top: 20%;

			span:nth-child(1) {
				font-size: 1.5rem;
				color: #5d5d5d;
			}

			span:nth-child(2) {
				font-size: 0.8rem;
				color: #7E7E7E;
			}
		}
	}



	.top_img_text {
		display: none;
	}

	.phone_cp {
		display: block;
	}

	.market_head {
		width: 80%;
		padding-top: 2rem;
	}

	.shoujitiaozzhuan {
		display: block;
	}


}

@media screen and (max-width: 400px) {
	.pf_bottom {
		position: absolute;
		/* bottom: -25%; */
	}

	.lunbo {
		display: none;
	}

	.news {
		margin-top: 40rem;
	}
}