@media screen and (max-width:1680px) {
	.section-box {
		padding: 0 10%;
	}

	.second-page {
		margin: 70px 0;
	}
}

@media screen and (max-width:1440px) {
	.solutions-item {
		height: 380px;
	}

	.four-flex-item .item-explain {
		padding: 0 10%;
	}
}

@media screen and (max-width:1280px) {
	.section-box {
		padding: 0 7%;
	}

	.solutions-item-description {
		right: 42px;
	}

	.solutions-item:nth-child(2n-1) .solutions-item-description {
		left: 42px;
	}

	.solutions-item-description-text {
		line-height: 24px;
		margin: 16px 0 32px;
		font-size: 16px;
	}

	.four-flex-item {
		width: calc(100% / 3 - 12px);
	}

}

@media screen and (max-width:992px) {
	.crumbs-box {
		font-size: 14px;
		height: 30px;
		line-height: 30px;
	}

	.page-nav {
		margin: 0 5px 0;
	}

	.section-box {
		padding: 0 5%;
	}

	.solutions-container {
		margin-top: 30px;
		padding: 0;
	}

	.solutions-description {
		margin: 20px 0 52px;
		font-size: 16px;
		line-height: 32px;
	}

	.solutions-item {
		margin-bottom: 24px;
		height: 170px;
	}

	.solutions-item-description {
		width: 40%;
		right: 16px;
		bottom: 16px;
	}

	.solutions-item:nth-child(2n-1) .solutions-item-description {
		left: 16px;
	}

	.solutions-item-description-title {
		font-size: 16px;
		font-weight: bold;
	}

	.solutions-item-description-text {
		line-height: 22px;
		font-size: 12px;
		margin: 10px 0 16px;
		-webkit-line-clamp: 2;
	}
	.solutions-item-description-btn{
		font-size: 12px;
	}

	.second-page .solutions-item-description {
		top: 20px;
	}

	.second-page .solutions-item-description-title,
	.second-tit {
		font-size: 18px;
	}

	.second-page .solutions-item-description-text {
		font-size: 14px;
		-webkit-line-clamp: 4
	}

	.section-second-page-box {
		padding: 0 5%;
		margin-bottom: 20px;
	}

	.second-page {
		margin: 20px 0;
	}

	.three-flex-item-tit {
		font-size: 16px;
		padding: 0 6px;
		margin-bottom: 10px;
	}

	.three-flex-item {
		height: auto;
		width: calc(100% / 2 - 15px);
		padding-bottom: 18px;
	}

	.three-flex-item:nth-child(2n) {
		margin-right: 0;
	}

	.four-flex-item {
		width: calc(100% / 2 - 6px);
		margin: 0 6px 12px;
	}

	.four-flex-item:nth-child(2n) {
		margin: 0;
	}

	.four-flex-item .item-explain {
		width: auto;
		padding: 0 10%;
	}
}
@media screen and (max-width:750px) {
	.four-flex-item .item-inner{
		padding: 20px 0;
	}
	.four-flex-item .item-tit{
		margin-bottom: 10px;
	}
	.four-flex-item .item-btns {
		margin-top: 16px;
	}
	
	.four-flex-item .item-btns .item-btn{
		display: block;
		margin-right: 0 !important;
		margin-top: 10px;
	}
	
}