/* img scale */
.ser_pic_item .ser_pic img,
.ser_txt_div .title,
.ser_txt_div .title::before,
.ser_txt_div .brief,
.ser_blue_div,
.ser_blue_div .brief {
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.ser_pic_item:hover .ser_pic img {
	transform: scale(1.06);
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-o-transform: scale(1.06);
}

/* common */
.web_main {
	padding-bottom: 0;
}

/* s_services_box */
.s_services_box {
	padding-top: 1%;
}

.service_list li {
	background: #fff;
}

.service_list li:nth-child(even) {
	background: #FAFAFA;
}

.service_item .th {
	font-family: Archivo Black;
	line-height: 1.25;
}

.service_item .th .order {
	font-size: 72px;
	color: var(--commonColor);
}

.service_item .th .txt {
	font-size: 45px;
}

.ser_pic_div {
	margin-top: 10px;
}

.ser_pic_item {
	width: 32.5%;
}

.ser_pic_item .ser_pic {
	padding-bottom: 66%;
}

.ser_pic_info {
	width: 64%;
}

.ser_pic_info .brief {
	font-size: 18px;
	line-height: 32px;
	/* max-height: 224px; */
	/* overflow-y: auto; */
}

.ser_txt_div {
	margin-top: 3%;
}

.ser_txt_div .title {
	font-family: Archivo Black;
	font-size: 20px;
	position: relative;
}

.ser_txt_div .title::before {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1px;
	height: 2px;
	width: 0;
	background: var(--commonColor);
	content: '';
}

.ser_txt_div .title a {
	color: inherit;
}

.ser_txt_div:hover .title {
	color: var(--commonColor);
	padding-left: 40px;
}

.ser_txt_div:hover .title::before {
	width: 28px;
}

.ser_txt_div .brief {
	color: #666;
	line-height: 1.5;
	margin-top: 20px;
}

.ser_txt_div:hover .brief {
	color: #333;
}

.ser_blue_div {
	margin-top: 3%;
	background: var(--commonColor);
	padding: 4% 7%;
}

.ser_blue_div .brief {
	font-family: Archivo Black;
	color: #fff;
	text-align: center;
	line-height: 1.5;
	opacity: 0.9;
}

.ser_blue_div:hover {
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.5);
}

.ser_blue_div:hover .brief {
	opacity: 1;
}

@media only screen and (max-width: 1450px) {
	.service_item .th .order {
		font-size: 64px;
	}

	.service_item .th .txt {
		font-size: 42px;
	}
}

@media only screen and (max-width: 1350px) {
	.service_item .th .order {
		font-size: 56px;
	}

	.service_item .th .txt {
		font-size: 38px;
	}

}

@media only screen and (max-width: 1200px) {
	.service_item .th .order {
		font-size: 48px;
	}

	.service_item .th .txt {
		font-size: 34px;
	}

	.ser_pic_info .brief {
		line-height: 30px;
		/* max-height: 210px; */
	}
}

@media only screen and (max-width: 950px) {
	.s_services_box {
		padding-top: 0;
	}

	.service_item .th .order {
		font-size: 40px;
	}

	.service_item .th .txt {
		font-size: 26px;
	}

	.ser_pic_info .brief {
		max-height: unset;
		margin-top: 16px;
		line-height: 28px;
	}

	.ser_pic_item,
	.ser_pic_info {
		width: 100%;
	}

	.ser_pic_div {
		margin-top: 5px;
	}

	.ser_txt_div {
		margin-top: 20px;
	}

	.ser_txt_div .brief {
		margin-top: 10px;
	}

	.ser_blue_div {
		margin-top: 20px;
		padding: 16px 16px;
	}
}