/* 第四屏解决方案  SOLUTION */
.page_wrap {
	width: 100%;
	height: 100%;
	background-color: #aaa;
	position: relative;
}

.solution_top {
	width: 100%;
	height: 83%;
	position: absolute;
	top: 0;
	background: url('../../image/index/plan_top.png') no-repeat;
	background-size: 100% 100%;
}

.solution_box_top {
	height: 68%;
	width: 62.5%;
	margin: 0 auto;
	position: absolute;
	top: 42%;
	left: 50%;
	transform: translate(-50%, -40%);
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.page4_title {
	font-family: SourceHanSansCN-Bold;
	font-size: 3rem;
	line-height: 1;
	color: #ffffff;
}

.page4_title span {
	font-family: ArialMT;
	font-size: 1.6rem;
}

.solution_item_wrap {
	height: 80%;
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.solution_item {
	text-align: center;
	width: calc((100% / 4) - 10px);
	position: relative;
	background-color: #fff;
	cursor: pointer;
}

.solution_item_wrap .solution_item_active,
.solution_item_wrap .solution_item:hover {
	background-color: #0068b7;
}

.solution_item>h5 {
	font-weight:550;
	width: 66%;
	font-family: SourceHanSansCN-Bold;
	font-size: 3rem;
	line-height: 1;
	color: #262626;
	position: absolute;
	top: 10%;
	left: 17%;
}

.solution_item>p {
	width: 66%;
	font-family: SourceHanSansCN-Normal;
	font-size: 1.6rem;
	line-height: 2.92rem;
	color: #7e7e7e;
	text-align: left;
	position: absolute;
	top: 25%;
	left: 17%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
}

.solution_item>a {
	display: inline-block;
	width: 18.8rem;
	height: 5rem;
	line-height: 5rem;
	background-color: #eeeeee;
	border-radius: 360px;
	position: absolute;
	bottom: 10%;
	left: 17%;
}

.solution_item_active>h5,
.solution_item:hover>h5 {
	color: #fff;
}

.solution_item_active>p,
.solution_item:hover>p {
	color: #fff;

}

.solution_item_active>a,
.solution_item:hover>a {
	color: #0068b7;
}

.solution_foot {
	width: 100%;
	height: 20%;
	position: absolute;
	bottom: 0;
}

.solution_foot_l {
	position: absolute;
	bottom: 0;
	width: 56%;
	height: 100%;
	z-index: 1;
	background: url('../../image/index/plan_b_l.png') no-repeat;
	background-size: 100% 100%;
}

.solution_foot_r {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 85%;
	background: url('../../image/index/plan_b.png');
}

.solution_foot_box {
	width: 62.5%;
	margin: 0 auto;
	height: 100%;
	position: relative;
	z-index: 2;
	color: #fff;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.solution_foot_text {
	display: flex;
}

.solution_foot_text>h5 {
	font-family: Impact;
	color: #ff7c1c;
	line-height: 1;
	font-size: 11.5rem;
	letter-spacing: 0.71rem
}

.solution_foot_text>p {
	font-size: 4rem;
	letter-spacing: 0.23rem;
	line-height: 5.5rem;
}

.solution_foot_text>p span {
	font-family: SourceHanSansCN-Light;
	color: #ff7c1c;
}

.solution_foot_text>p label {
	font-family: SourceHanSansCN-Medium;
	color: #ffffff;
}

.solution_foot_en {
	width: 58%;
	font-family: SourceHanSansCN-Light;
	font-size: 1rem;
	line-height: 3.6rem;
	letter-spacing: 0.3rem;
	color: #8d8e90;
}

@media screen and (max-width: 1140px) {

	/* 第四屏解决方案  SOLUTION */
	.solution_top {
		height: 80%;
	}

	.solution_box_top {
		height: 80%;
		width: 172.5rem;
		top: 8.4rem;
		left: 9.5rem;
		transform: translate(0%, 0%);
	}

	.page4_title {
		font-size: 5rem;
	}

	.page4_title span {
		font-size: 2.695rem;
	}

	.solution_item_wrap {
		height: 82%;
		width: 100%;
	}

	.solution_item {
		width: calc((100% / 4) - 2rem);
	}

	.solution_item>h5 {
		width: 71%;
		font-size: 5rem;
		top: 16.7%;
		left: 14.5%;
	}

	.solution_item>p {
		width: 71%;
		font-size: 2.695rem;
		line-height: 4rem;
		top: 33%;
		left: 14.5%;
	}

	.solution_item>a {
		width: 26.947rem;
		height: 7.242rem;
		line-height: 7.242rem;
		bottom: 10%;
		left: 17%;
	}

	.solution_foot {
		width: 100%;
		height: 23.65%;
	}

	.solution_foot_l {
		width: 59.3%;
		height: 100%;
	}

	.solution_foot_r {
		width: 100%;
		height: 84.9%;
	}

	.solution_foot_box {
		width: 89.65%;
		height: 100%;
	}

	.solution_foot_text>h5 {
		font-size: 20.162rem;
		letter-spacing: 1rem
	}

	.solution_foot_text>p {
		font-size: 6.565rem;
		letter-spacing: 0.32rem;
		line-height: 1.3;
	}

	.solution_foot_en {
		width: 58%;
		font-family: SourceHanSansCN-Light;
		font-size: 1.427rem;
		line-height: 4.5rem;
		letter-spacing: 0.4rem;
		color: #8d8e90;
	}

}
