.solution {
	position: relative;
	background: #fff
}

 


.industry-solution-list .solution-item {
	padding: 35px 25px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: rgba(236, 242, 248, .4);
	border-radius: 1px;
	margin-bottom: 48px
}

.solution-link {
	display: block;
	margin-bottom: 48px
}

.industry-solution-list .solution-item:hover {
	box-shadow: 0 0 10px 0 rgba(49, 102, 156, .33)
}

.industry-solution-list .solution-item:last-child {
	margin-bottom: 0
}

.industry-solution-list .solution-item .solution-item-img {
	display: block
}

.industry-solution-list .solution-item .solution-item-content {
	width: 100%
}

.industry-solution-list .solution-item .solution-item-content .title {
	font-size: 24px;
	font-weight: 500;
	color: #333;
	line-height: 28px;
	margin-bottom: 12px
}

.industry-solution-list .solution-item .solution-item-content .desc {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	margin-bottom: 24px;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.industry-solution-list .solution-item .solution-item-content .naturaldesc {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	margin-bottom: 24px
}

.industry-solution-list .solution-item .solution-item-content .points {
	font-size: 16px;
	color: #0a2349;
	line-height: 32px;
	margin-bottom: 32px
}

.industry-solution-list .solution-item .solution-item-content .points .point-item {
	padding-left: 17px;
	margin-right: 48px;
	position: relative;
	display: inline-block
}

.industry-solution-list .solution-item .solution-item-content .points .point-item:before {
	content: "";
	position: absolute;
	left: 0;
	top: 12px;
	width: 8px;
	height: 7px;
	background-color: #0e57a2;
	transform: skewX(-10deg)
}

 

.logistics-column {
	width: 800px;
	height: 72px;
	display: flex;
	position: absolute;
	top: -36px;
	left: 50%;
	margin-left: -400px;
	cursor: pointer
}

.logistics-column .logistics-column-left {
	width: 50%;
	height: 100%;
	text-align: center;
	
}

.logistics-column .logistics-column-left.active {
	width: 50%;
	height: 100%;
	text-align: center;
	background-size: 100%;
	background: #cfddec;
	border-radius: 1px 1px 0 0
}

.logistics-column .logistics-column-left .column-1 {
	width: 9px;
	height: 17px;
	transform: skewX(-10deg);
	background: #2590f2;
	display: inline-block;
	margin-right: 16px
}

.logistics-column .logistics-column-left .column-1.active,
.logistics-column .logistics-column-left .column-3.active {
	display: none
}

.logistics-column .logistics-column-left .column-3 {
	width: 9px;
	height: 17px;
	transform: skewX(-10deg);
	background: #2590f2;
	display: inline-block;
	margin-left: 16px
}

.logistics-column .logistics-column-left .column-2,
.logistics-column .logistics-column-left .column-2.active {
	width: 96px;
	height: 60px;
	font-size: 24px;
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 500;
	color: #fff;
	line-height: 72px
}

.logistics-column .logistics-column-left .column-2.active {
	font-weight: 400;
	color: #3e79b5
}

.solution-case {
	max-width: 1160px;
	height: 373px;
	margin: 60px auto 196px
}

.solution-case .solution-case-banner {
	width: 100%;
	height: 100%;
	background-size: 100%;
	position: relative
}

.solution-case .solution-case-banner .solution-case-content {
	width: 1104px;
	height: 250px;
	background: #4169e1;
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, .2);
	display: flex;
	position: absolute;
	top: 319px;
	left: 50%;
	margin-left: -552px
}

.solution-case .solution-case-banner .solution-case-content .solution-case-content-left {
	width: 552px;
	height: 100%;
	background: #fefefe;
	padding: 36px 64px;
	position: relative
}

.solution-case .solution-case-banner .solution-case-content .solution-case-content-right {
	width: 552px;
	height: 100%;
	background: #f2f3f5;
	padding: 36px 58px;
	position: relative
}

.solution-case .solution-case-banner .solution-case-content .solution-case-content-left,
.solution-case .solution-case-banner .solution-case-content .solution-case-content-right,
.title {
	font-size: 24px;
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 500;
	color: #333;
	line-height: 34px;
	margin-bottom: 20px
}

.solution-case .solution-case-banner .solution-case-content .solution-case-content-left .introduce.select,
.solution-case .solution-case-banner .solution-case-content .solution-case-content-right .introduce.select {
	font-size: 14px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #666;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	height: 48px;
	position: relative
}

.solution-case .solution-case-banner .solution-case-content .solution-case-content-left .introduce,
.solution-case .solution-case-banner .solution-case-content .solution-case-content-right .introduce {
	font-size: 14px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #666;
	line-height: 24px;
	max-height: 70px;
	display: -webkit-box;
	overflow: hidden;
	position: relative;
	white-space: normal;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.solution-case .solution-case-banner .solution-case-content .solution-case-content-left.item-after::after,
.solution-case .solution-case-banner .solution-case-content .solution-case-content-right.item-after::after {
	content: "";
	background: #0e57a2;
	width: 100%;
	height: 8px;
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 0
}

.solution-case .solution-case-banner .solution-case-content .solution-case-content-left::after,
.solution-case .solution-case-banner .solution-case-content .solution-case-content-right::after {
	content: ""
}

.solution-case .btns-contianer {
	display: flex;
	justify-content: space-between;
	margin-top: 32px
}

.mobile-solution-case {
	display: none
}


.button {
	display: inline-block;
	width: 140px;
	height: 46px;
	line-height: 46px;
	border-radius: 1px;
	font-size: 16px;
	text-align: center;
	transition: all .1s linear 0s;
}

.button-default {
	background: 0 0;
	color: #0e57a2;
	border: 1px solid rgba(14, 87, 162, .2);
}