body {
	background-color: #F9f9f9;
}

.solution {
	background-image: url(images/ctj/banner1.jpg) !important;
}

.about {
	background-image: url(images/ctj/banner1.jpg) !important;
	height: 32.5rem;
}

.headerContent {
	top: 0px !important;
}

.face-recognition {
	background-color: #FFFFFF;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 16%;
	padding-right: 16%;
	padding-top: 60px;
	padding-bottom: 60px;
}

.xd-bg {
	background-color: #f9f9f9;
}

.js-bg {
	background-color: #ffffff;
}

.face-con p:nth-child(1) {
	font-size: 40px;
}

.face-con p:nth-child(2) {
	font-size: 20px;
	color: #999999;
}


.parameter-bg {
	width: 66%;
	margin: auto;
	margin-top: 24px;
	margin-bottom: 30px;
}

.title-a {
	text-align: center;
	font-size: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.parameter-con {
	display: flex;
}

.parameter-con-one {
	display: flex;
}

.parameter-con>div:nth-child(1) {
	background-color: #f9f9f9;
	width: 50%;
	padding: 10px;
	margin: 10px;
}

.parameter-con>div:nth-child(2) {
	background-color: #f9f9f9;
	width: 50%;
	padding: 10px;
	margin: 10px;
}

.parameter-title {
	background-color: #dadada;
	padding: 10px;
	font-size: 18px;
}

.parmeter-width {
	width: 50%;
	margin: 6px;
}

.block-span span {
	display: block;
}

.one-1 {
	font-size: 12px;
	background-color: #FFFFFF;
	margin-bottom: 10px;
	width: 100%;
}

.parameter-con-span {
	padding: 10px;
	border-bottom: 1px solid #F5F5F5;
	padding-top: 20px;
	padding-bottom: 20px;

}

.parameter-con-span span:nth-child(1) {
	color: #999999;
	padding-right: 10px;
}

@media screen and (min-width: 768px) and (max-width: 1100px) {

	.header,
	.out .img li,
	.out ul li img {
		height: 17rem !important;
	}

	.application-a img {
		width: 60px;
		height: 60px;
	}

	.porduct-con .function-con:nth-child(2) {
		margin-left: 20px;
		margin-right: 20px;
	}

	.porduct-con {
		width: 92%;
	}
}

@media screen and (max-width: 767px) {
	.solution {
		height: 12rem;
	}

	.application-a img {
		width: 60px;
		height: 60px;
	}

	.porduct-con .function-con:nth-child(2) {
		margin-left: 20px;
		margin-right: 20px;
	}

	.porduct-con {
		width: 92%;
	}

	.verification-style div:nth-child(2) {
		font-size: 14px;
	}
}

@media screen and (max-width: 1100px) {
	.list-bg div {
		height: 189px;
		padding: 6px;
	}
}


@media screen and (max-width: 1300px) {
	.list-bg div {
		height: 216px;
		padding: 6px;
	}

	.list-bg>div>span img {
		width: 66%;
	}

	.list-bg>div>span:nth-child(1) {
		padding-top: 0px;
	}

	.eatout-con {
		width: 82% !important;
	}
}

@media screen and (min-width: 1099px) and (max-width: 1410px) {
	.header {
		height: 25rem !important;
	}
}