.services-container {
	width: 1200px;
	margin: 0 auto;
}

.services-title {
	padding: 20px 0;
}

.services-body {
	overflow: auto;
}

.body-left {
	float: left;
	width: 265px;
}

.body-right {
	float: right;
	width: 848px;
}

.left-title {
	background-color: #333A82;
	color: #FFF;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	padding: 0 20px;
}

.left-body {
	color: #333333;
	width: 100%;
	cursor: pointer;
}

.left-body div {
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	border-bottom: 2px solid #EEE;
}

.right-title {
	background-color: #333;
	color: #FFF;
	padding: 0 20px;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
}

.right-body {
	width: 100%;
}

.body-item {
	margin-top: 18px;
	background-color: #F3F3F3;
	padding: 15px;
	overflow: auto;
	cursor: pointer;
}

.item-pic {
	width: 140px;
	height: 105px;
	float: left;
}

.item-pic img {
	width: 100%;
	height: 100%;
	border-radius: 15px;
}

.item-text {
	float: right;
	width: 655px;
}

.item-text div:nth-child(1) {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	height: 40px;
	border-bottom: 2px solid #409EFF;
}

.item-text div:nth-child(2) {
	margin-top: 10px;
	line-height: 25px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.right-page {
	width: 100%;
	text-align: center;
	margin: 30px 0 50px 0;
}

.title-active {
	background-color: rgb(35, 85, 152);
	color: #FFF;
}

.info-body {
	width: 100%;
	min-height: 500px;
}

.hidden {
	display: none;
}

@media screen and (max-width: 765px) {
	.services-container {
		width: 100%;
	}

	.services-title {
		text-align: center;
	}

	.body-left {
		width: 100%;
	}

	.body-right {
		width: 100%;
	}

	.item-text {
		width: 100%;
	}

	.layui-btn,
	.layui-edge,
	.layui-inline,
	img {
		width: 100%;
		object-fit: scale-down;
	}

}