body{
	background-color: RGBA(243, 248, 255, 1);
}
.solution .box2{
	margin-top: 123px;
	padding: 100px 0 168px;
	background: linear-gradient(-150deg, #0A83EB, #50A9F5);
}
.solution .box2 .common-title{
	color: #fff;
}
.solution .box2 .box-t-c{
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
}
.solution .box2 .box-t-c .text-box{
	width: 47.14%;
	padding-top: 59px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #F3F8FF;
	line-height: 1.875;
}
.solution .box2 .box-t-c .text-title{
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 1.66;
	margin-bottom: 14px;
}
.solution .box2 .box-t-c .pic{
	width: 45.71%;
}
.solution .box2 .box-t-c .pic img{
	display: block;
	width: 100%;
}
.solution .box2 .box-c{
	margin-top: 100px;
}
.solution .box2 .box-c .pic{
	margin-top: 40px;
}
.solution .box2 .box-c .pic img{
	max-width: 100%;
	margin: 0 auto;
	width: 100%;
}
.solution .box3{
	padding-top: 100px;
}
.solution .box3 .commonCase{
	padding-bottom: 513px;
}
.solution .box3 .commonCase .swiper-slide-active{
	background: linear-gradient(150deg, #0A83EB, #50A9F5);
	box-shadow: 5px 9px 30px 0px rgba(20,136,236,0.3);
}
.solution .box3 .commonCase .swiper-slide-active .text-box .text,
.solution .box3 .commonCase .swiper-slide-active .text-box .text-des,
.solution .box3 .commonCase .swiper-slide-active .text-box .text-title{
	color: #fff;
}
.solution .box3 .commonCase .swiper-slide-active  .details{
	color: #F3F8FF;
	border-color: #F3F8FF;
}
.solution .box3 .commonCase .swiper-slide-active  .details:hover{
	background-color: #fff;
	color: #0A83EB;
}
@media (max-width: 1199px) {
	.solution .box2 .box-c,
	.solution .box2,
	.inner-Nav{
		margin-top: 80px;
	}
	.solution .box2{
		padding: 80px 0;
	}
	.solution .box3{
		padding-top: 80px;
	}
	.solution .box2 .box-t-c{
		margin-top: 50px;
	}
	.solution .box2 .box-t-c .text-box{
		padding-top: 30px;
	}
	.solution .box3 .commonCase{
		padding: 50px 0 80px;
	}
}
@media (max-width: 1024px) {
	.solution .box2 .box-c,
	.solution .box2,
	.inner-Nav{
		margin-top: 70px;
	}
	.solution .box2{
		padding: 70px 0;
	}
	.solution .box3{
		padding-top: 70px;
	}
	.solution .box2 .box-t-c{
		margin-top: 45px;
		flex-direction: column-reverse;
	}
	.solution .box3 .commonCase{
		padding: 45px 0 70px;
	}
	.solution .box2 .box-t-c .pic{
		width: 100%;
	}
	.solution .box2 .box-t-c .text-box{
		width: 100%;
	}
}
@media (max-width: 768px) {
	.solution .box2 .box-t-c .text-title{
		margin-bottom: 5px;
	}
	.solution .box2 .box-c,
	.solution .box2,
	.inner-Nav{
		margin-top: 60px;
	}
	.solution .box2{
		padding: 60px 0;
	}
	.solution .box3{
		padding-top: 60px;
	}
	.solution .box2 .box-t-c{
		margin-top: 40px;
	}
	.solution .box3 .commonCase{
		padding: 40px 0 60px;
	}
}
@media (max-width: 500px) {
	.inner-Nav{
		gap: 25px;
	}
	.inner-Nav a{
		font-size: 14px;
	}
	.solution .box2 .box-c .pic{
		margin-top: 25px;
	}
	.solution .box2 .box-c,
	.solution .box2,
	.inner-Nav{
		margin-top: 50px;
	}
	.solution .box2{
		padding: 50px 0;
	}
	.solution .box3{
		padding-top: 50px;
	}
	.solution .box2 .box-t-c{
		margin-top: 30px;
	}
	.solution .box3 .commonCase{
		padding: 30px 0 50px;
	}
}