/*设置banner*/
/*-----------------------------------*/
.top-img {
	background-image: url('../images/service-engineering/TopImg.jpg');
}
.topImg-title {
	color: #000000;
}
@media only screen and (max-width: 1024px) {
	.top-img {
		background-image: url('../images/service-engineering/TopImg-m.png');
	}
}
/*-----------------------------------*/
/*设置banner end*/

.service-ability,
.process-support,
.general-service,
.solutions {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	padding: 140px 80px;
}

.general-service {
	padding: 80px;
	background: #F6F6F6;
}

.sA-desc,
.pS-desc,
.gS-desc,
.solutions-desc {
	flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	padding-right: 4.5%;
	text-align: justify;
}

.pS-desc,
.solutions-desc {
	padding-right: 0;
}

.solutions-desc {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
}

.sAdesc-title,
.pSdesc-title,
.gSdesc-title,
.solutionsdesc-title {
    font-family: "HarmonyOS_Sans_SC_Bold";
    font-size: 50px;
    line-height: 60px;
    text-align: center;
    padding-bottom: 40px;
}

.sAdesc-info,
.pSdesc-info,
.gSdesc-info,
.solutionsdesc-info {
	font-family: "HarmonyOS_Sans_SC_Regular";
	font-size: 18px;
	line-height: 36px;
	color: #595757;
}

.sAdesc-info-item,
.pSdesc-info-item,
.gSdesc-info-item {
	padding-bottom: 22px;
}

.sAdesc-info-item:last-child,
.pSdesc-info-item:last-child,
.gSdesc-info-item:last-child {
	padding-bottom: 0;
}

.sA-img,
.pS-img,
.gS-img,
.solutions-img {
	flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	overflow: hidden;
}

.pS-img,
.gS-img,
.solutions-img {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	padding-right: 4.5%;
	align-items: center;
	-webkit-align-items: center;
}

.gS-img {
	padding-right: 0;
}

.sA-img img,
.pS-img img,
.gS-img img,
.solutions-img img {
	display: block;
	width: 100%;
}

.learn-more {
    width: 240px;
    margin: 0 auto;
}

.learn-more .buttonBox {
	width: 100%;
}
.effect-group-container {
  	margin-left: auto;
  	margin-right: auto;
}
/*.learn-more:hover {
	color: #FFFFFF;
	background: #004898;
}

.learn-more:active {
	border: 2px solid #FFFFFF;
	color: #FFFFFF;
	background: #004898;
}*/

@media only screen and (max-width: 1919px) {
	.service-ability, .process-support, .general-service, .solutions {
		padding: 116.2px 80px;
	}
	.sAdesc-title, .pSdesc-title, .gSdesc-title, .solutionsdesc-title {
		padding-bottom: 24.9px;
	}
	.sAdesc-info-item, .pSdesc-info-item, .gSdesc-info-item {
		padding-bottom: 18.26px;
	}
}

@media only screen and (max-width: 1599px) {
	.sAdesc-title, .pSdesc-title, .gSdesc-title, .solutionsdesc-title {
		font-size: 34px;
		line-height: 42px;
		padding-bottom: 22.5px;
	}
	.sAdesc-info-item, .pSdesc-info-item, .gSdesc-info-item {
		font-size: 16px;
		line-height: 30px;
		padding-bottom: 16.5px;
	}
	.service-ability, .process-support, .general-service, .solutions {
		padding: 105px 80px;
	}
}

@media only screen and (max-width: 1399px) {
	.service-ability,
	.process-support,
	.general-service,
	.solutions {
		padding: 105px 60px;
	}

	.general-service {
		padding: 80px 60px;
	}
}

@media only screen and (max-width: 1299px) {
	.service-ability,
	.process-support,
	.general-service,
	.solutions {
		padding: 95.2px 40px;
	}

	.general-service {
		padding: 80px 40px;
	}
	
	.sAdesc-title, .pSdesc-title, .gSdesc-title, .solutionsdesc-title {
		font-size: 36px;
		padding-bottom: 20.4px;
	}
	
	.sAdesc-info-item, .pSdesc-info-item, .gSdesc-info-item {
		padding-bottom: 14.96px;
	} 
}

/*移动端*/
.div-m{
	display: none;
}
@media only screen and (max-width: 1024px) {
	.div-pc{
		display: none;
	}
	.div-m{
		display: block;
	}
	.service-ability, .process-support, .general-service, .solutions {
    	padding: 42px 0;
    	display: block;
	}
	.general-service, .solutions {
		padding: 24px 0 42px 0;
	}
	.sAdesc-title, .pSdesc-title, .gSdesc-title, .solutionsdesc-title {
    	font-size: 34px;
    	line-height: 42px;
    	padding-bottom: 24px;
	}
	.pS-img, .gS-img, .solutions-img {
	    display: block;
	    padding-right: 0;
	}
	.pS-desc, .solutions-desc{
		padding: 0 15px;
	}
	.sAdesc-info, .pSdesc-info, .gSdesc-info, .solutionsdesc-info {
	    font-size: 18px;
	    line-height: 28px;
	    color: #333333;
	    margin-top: 24px;
	}
	.gSdesc-info{
		padding: 0 15px;
	}
	.sAdesc-info-item, .pSdesc-info-item, .gSdesc-info-item {
    	font-size: 18px;
    	line-height: 28px;
    	padding-bottom: 0;
	}
	.spot {
	    margin-right: 12px;
	}
	.sA-desc, .pS-desc, .gS-desc, .solutions-desc {
	    padding-right: 15px;
	    padding-left: 15px;
	    text-align: left;
	}
	.solutions-desc {
	    display: block;
	}
	.learn-more {
    	width: 200px;
	}
	.solutions .learn-more{
		margin-top: 24px;
	}
	.buttonBox {
	    width: 200px;
	    height: 36px;
	}
	.learn-more button {
	    height: 36px;
	    font-size: 16px;
	    line-height: 36px;
	    border: 1px solid #004898;
	}
	.buttonBox:link button {
    	border: 1px solid #004898;
	}		
}
@media only screen and (max-width: 450px) {
	.sAdesc-title, .pSdesc-title, .gSdesc-title, .solutionsdesc-title {
    	font-size: 28px;
    	line-height: 36px;
	}
	.sAdesc-info, .pSdesc-info, .gSdesc-info, .solutionsdesc-info {
	    font-size: 16px;
	    line-height: 24px;
	}
	.sAdesc-info-item, .pSdesc-info-item, .gSdesc-info-item {
    	font-size: 16px;
    	line-height: 28px;
	}
	.learn-more {
    	width: 160px;
	}
	.buttonBox {
	    width: 160px;
	    height: 32px;
	}
	.learn-more button {
	    height: 32px;
	    font-size: 14px;
	    line-height: 32px;
	}
}