.st2 {
	padding: 20px 0 0px;
}

.st2 .wrap {
	margin-top: 90px;
}

.st2 .ev {
	margin-bottom: 135px;
}

.st2 .ev .pic {
	width: 53%;
}

.st2 .ev .pic img {
	width: 100%;
	transition: all ease .8s;
}

.st2 .ev:hover .pic img,
.st2 .ev:nth-of-type(2n):hover .intr {
	transform: translateX(-20px);
}

.st2 .ev:nth-of-type(2n):hover .pic img,
.st2 .ev:hover .intr {
	transform: translateX(20px);
}

.st2 .ev .intr {
	width: 47%;
	padding: 0 10px 0 65px;
	transition: all ease .8s;
}

.st2 .ev:nth-of-type(2n) {
	flex-direction: row-reverse;
}

.st2 .ev:nth-of-type(2n) .intr {
	padding: 0 65px 0 10px;
}

.st2 .ev h2 {
	font-size: 30px;
}

.st2 .ev b {
	display: inline-block;
	width: 39px;
	height: 6px;
	background: #0C9898;
	margin: 12px 0;
}

.st2 .ev p {
	font-size: 16px;
	color: #666666;
	line-height: 1.8;
}

.st2 .Cmore {
	margin-top: 40px;
}

.st2 .wrap>.Cmore {
	margin: 0 auto;
}

/* -------------------------- */
.sp2 {
	padding: 54px 0 50px;
	border-bottom: 1px solid #D2D2D2;
}

.sp2 .title {
	border-bottom: 1px solid #E8E8E8;
}

.sp2 .title h2 {
	font-size: 40px;
	color: #030303;
	max-width: 940px;
	margin: 0 auto 30px;
	text-align: center;
}

.sp2 .empty {
	padding: 20px 0 0;
	color: #666666;
	font-size: 16px;
	line-height: 1.6;
}

.sp2 .empty .tip {
	color: #0C9898;
	font-size: 20px;
	margin-bottom: 30px;
	font-weight: bold;
}


.sp2 .empty p,
.sp2 .empty img {
	margin-bottom: 30px;
}

.sp2 .empty img {
	max-width: 100%;
}

.sp2 .empty * {
	white-space: normal !important;
}

.sp3 {
	padding: 124px 0 103px;
}

.sp3 h2 {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 80px;
	text-align: center;
}

.sp3 .swiper-wrapper {
	padding: 0 0 55px;
}

.sp3 img {
	width: 100%;
}

.sp3 .swiper-pagination-bullet {
	width: 16px;
	height: 16px;
	background: #DCDCDC;
	margin: 0 15px !important;
	opacity: 1 !important;
}

.sp3 .swiper-pagination-bullet-active {
	background: #0C9898;
}

/* 
*======================================================media===============================================================
*/
@media screen and (max-width:1919px) {}

@media screen and (max-width:1519px) {}

@media screen and (max-width:1366px) {
	.st2 .ev p {
		font-size: 14px;
	}

	.sp2 .title h2 {
		font-size: 36px;
	}
}

@media screen and (max-width:1250px) {

	.st2 .ev:hover .pic img,
	.st2 .ev:nth-of-type(2n):hover .intr {
		transform: translateX(0px);
	}

	.st2 .ev:nth-of-type(2n):hover .pic img,
	.st2 .ev:hover .intr {
		transform: translateX(0px);
	}

	.st2 .ev .pic {
		width: 100%;
	}

	.st2 .ev .intr {
		width: 100%;
		padding: 5% 5% 0;
	}

	.st2 .ev:nth-of-type(2n) {
		flex-direction: row;
	}

	.st2 .ev:nth-of-type(2n) .intr {
		padding: 5% 5% 0;
	}

	.st2 .ev {
		margin-bottom: 80px;
	}

	.sp3 .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
	}

	.sp3 {
		padding: 80px 0;
	}
}

@media screen and (max-width:991px) {
	.sp2 .title h2 {
		font-size: 24px;
	}

	.sp3 h2 {
		font-size: 25px;
		margin-bottom: 40px;
	}

	.st2 .wrap {
		margin-top: 40px;
	}

	.st2 {
		padding: 26px 0 0px;
	}
}

@media screen and (max-width:768px) {
	.sp2 .title h2 {
		font-size: 24px;
	}

	.sp2 .title h2 {
		font-size: 18px;
	}

	.sp3 h2 {
		font-size: 18px;
		margin-bottom: 40px;
	}

	.sp2 .empty {
		font-size: 14px;
	}



	.sp2 .empty p,
	.sp2 .empty img {
		margin-bottom: 10px;
	}

}

@media screen and (max-width:480px) {
	.st2 .ev h2 {
		font-size: 26px;
	}
}