.banner img {
	width: 100%;
}

/* 主体内容开始 */
/* 上边距 */
.content {
	margin-top: 40px;
}

/* 公众号开始 */
.content .content-item:nth-child(1) {
	background: url(../images/xiexian.png) no-repeat center;
	background-size: 100%;
	height: 100vh;
}

.product-image {
	position: relative;
	top: 15rem;
}

.info {
	position: relative;
	top: 21rem;
	color: #FFF;
	letter-spacing: 3px;
}

.info img {
	width: 12px;
}

.info h3 {
	position: relative;
	left: 1.4rem;
	top: -1.7rem;
}

.info p {
	position: relative;
	left: 2.6rem;
	font-size: 12px;
}

.qrcode {
	position: relative;
	top: 10rem;
	text-align: center;
	color: #FFF;
}

.qrcode img {
	width: 180px;
	margin: 0 auto;
}

.qrcode span {
	position: relative;
	top: 1rem;
}


/* 公众号结束 */
/* 公众号四大功能开始 */

.content .content-item:nth-child(2) {
	margin-top: 50px;
	background: url(../images/yuandianbeijing.png) no-repeat center;
	background-size: 100%;
	height: 100vh;
}

.introduce {
	width: 200px;
}

.function {
	margin-top: 6rem;
	height: 105%;
}

.function .function-item img {
	width: 92%;
	margin: 0 auto;
	/* position: relative; */
	/* bottom: 0px; */
}

.function .function-item:nth-child(2) img {
	width: 86%;
}

.function .function-item:nth-child(4) img {
	width: 86%;
}

.row {
	height: 65%;
}

.function-item {
	height: 55%;
	position: relative;
}

.particulars-wapper {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 11%;
	top: 0px;
}

.manage-left .function-item .particulars img {
	width: 20%;
}

.function .function-item .particulars-wapper .bg {
	width: 78.5%;
	position: absolute;
	left: -1px;
	z-index: 0;
	top: 1px;
}

.function .function-item .particulars {
	width: 83%;
	height: 100%;
	position: relative;
	width: 62.5%;
	position: absolute;
	left: 25px;
}

.function .function-item .particulars img {
	width: 11rem;
	margin: 0 auto;
	position: relative;
	top: 6rem;
}

.particulars-title {
	display: block;
	font-size: 16px;
	color: #FFF;
	width: 100%;
	text-align: center;
	position: relative;
	top: 6.5rem;
}

.particulars-title::after {
	content: ' ';
	display: block;
	height: 1px;
	background-color: #FFF;
	width: 15%;
	margin: 0 auto;
	margin-top: 5px;
}

.particulars span:last-child {
	color: #FFF;
	font-size: 10px;
	display: block;
	width: 56%;
	margin: 0 auto;
	text-align: center;
	letter-spacing: 3px;
	margin-top: 77px;
}

/* 公众号四大功能结束 */
/* 管理端app开始 */
.content .content-item:nth-child(3) {
	background: url(../images/xiexian.png) no-repeat center;
	background-size: 100%;
	height: 100vh;
}

.manage-left {
	height: 90%;
}

.manage-right {
	height: 90%;
}

.manage-right img {
	width: 87%;
	position: relative;
	bottom: 7.5rem;
}

.manage-left .function-item img {
	width: 75%;
	/* margin: 0 auto; */
	float: right;
}

.manage-left-top {
	margin-top: 16rem;
	width: 100%;
	height: 33%;
}

.function-item-wrapper {
	width: 100%;
}

.product-carousel {
	position: absolute;
	right: 60px;
	bottom: 30px;
	display: flex;
	width: 50px;
}
.product-carousel .product-carousel-item {
	flex: 1;
	text-align: center;
}

.product-carousel .product-carousel-item img {
	width: 15px;
	height: auto;
	cursor: pointer;
}

.scales-product {
	
}

.manage-left .function-item {
	width: 33.33%;
	margin-left: -5%;
}

.manage-left-bottom img {


	position: relative;

	left: 12px;

	top: 20px;

	height: 25px;
}

.manage-left-bottom-right {
	color: #FFF;
	width: 56%;
}

.manage-left-bottom-right h3 {

	margin-left: 30px;
}

.top6 {
	top: 6px;
}

.manage-left-bottom-right p {
	margin-top: 22px;
	line-height: 23px;
	letter-spacing: 3px;
	font-size: 12px;
}

/* 管理端app结束 */
/* 主体内容结束 */

/* 适配开始 */
@media (min-width: 1100px) {

	.function .function-item .particulars img {
		width: 6rem;
	}
}

/*>=1100的设备*/
@media (min-width: 1280px) {

	.function .function-item .particulars img {
		width: 9rem;
	}
}

@media (min-width: 1366px) {
	.qrcode {
		position: relative;
		top: 1rem;
	}

	.info {
		top: 18rem;
	}



	.function .function-item .particulars img {
		width: 7rem;
	}

}

@media (min-width:1440px) {
	.qrcode {
		position: relative;
		top: 3rem;
	}

	.info {
		top: 21rem;
	}

	.function .function-item .particulars img {
		width: 9rem;
	}

}

@media (min-width: 1680px) {
	.qrcode {
		position: relative;
		top: 5rem;
	}

	.info {
		top: 23rem;
	}



	.function .function-item .particulars img {
		width: 11rem;
	}
}

@media (min-width:1800px) {
	.function .function-item .particulars {
		height: 29.1rem;
	}
	
	.manage-left-bottom {
		margin-top: 70px;
	}
	
	.function .function-item .particulars-wapper .bg {
		width: 80%;
		position: absolute;
		left: -3px;
		z-index: 0;
		top: 6px;
	}
	
	.function .function-item .particulars img {
		width: 48%;
		left: 10px;
		top: 100px;
	}
	
	.particulars-title {
		top: 10.5rem;
		left: 12px;
		font-size: 22px;
	}
	
	.particulars span:last-child {
		margin-top: 112px;
		position: relative;
		left: 18px;
	}
}

@media (min-width: 1920px) {
	.manage-left-bottom {
		margin-top: 70px;
	}
	
	.function .function-item .particulars-wapper .bg {
		width: 80%;
		position: absolute;
		left: -3px;
		z-index: 0;
		top: 6px;
	}
	
	.function .function-item .particulars img {
		width: 48%;
		left: 10px;
		top: 100px;
	}
	
	.particulars-title {
		top: 10.5rem;
		left: 12px;
		font-size: 22px;
	}
	
	.particulars span:last-child {
		margin-top: 112px;
		position: relative;
		left: 18px;
	}
}

/* 67适配 */
@media (min-width: 2278px) {
	.manage-left-bottom {
		margin-top: 70px;
	}

	.function .function-item .particulars-wapper .bg {
		width: 80%;
		position: absolute;
		left: -3px;
		z-index: 0;
		top: 6px;
	}

	.function .function-item .particulars img {
		width: 48%;
		left: 20px;
		top: 100px;
	}

	.particulars-title {
		top: 10.5rem;
		left: 21px;
		font-size: 22px;
	}

	.particulars span:last-child {
		margin-top: 120px;
		position: relative;
		left: 18px;
	}
}

/* 适配结束 */