img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.imgbox{
	width: 100%;
}

.mobile-banner{
	display: none;
	height: 500px;
}

.border-btm{
	border-bottom: 1px solid var(--c-gray-light);
}

.border-lft{
	border-left: 1px solid var(--c-gray-light);
}

.border-rgt{
	border-right: 1px solid var(--c-gray-light);
}

.graybg{
	background-color: var(--c-gray-bg-soft);
}

.mt{
	margin-top: 24px;
}

.banner-block .imgbox{
	position: relative;
}

.banner-block h1{
	position: absolute;
	left: 80px;
	bottom: 40px;
	color: var(--c-white);
}

.banner-block h1.shadow{
	text-shadow: 0px 4px 4px rgba(0,0,0,0.25), 0px 0px 4px rgba(0,0,0,0.25);
}

.banner-brief{
	padding: 24px 80px;
}

.banner-brief p{
	width: 65%;
	font-family: 'Inter';
	font-size: 24px;
	margin-bottom: 40px;
}

.imgtextshow-block{
	padding: 0 120px;
}

.imgtextshow-title{
	padding: 40px 0;
	font-family: 'Montserrat-SemiBold';
	font-size: 36px;
}

.imgtextshow-title.graybg{
	padding: 40px 30px;
}

.imgtextshow-grid{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0;
	padding: 48px 30px;
	position: relative;
}

.engineeringpage .imgtextshow-grid{
	gap: 20px;
}

.service-subpage .imgtextshow-grid{
	padding: 0;
}

.imgtextshow-item{
	padding: 48px 30px; 
}

.service-subpage .imgtextshow-item{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.imgtextshow-item .imgbox {
	margin-top: 60px;
}

.textshow .order-numer{
	font-family: 'Montserrat-Light';
	font-size: 36px;
	color: var(--c-black-soft);
}

.textshow img{
	width: 12px;
	height: 21px;
}

.textshow p{
	font-family: 'Inter-Medium';
	font-size: 24px;
	min-height: 60px;
}

.imgtextshow-grid.special{
	padding: 48px 0;
}

.imgtextshow-grid.special>div{
	padding: 0 30px;
}

.order-ul-block{
	background-color: var(--c-gray-bg);
	background-image: url(../../images/services/turnkey_epc_06.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
}

.order-ul-grid{
	grid-template-columns: 1fr 1fr;
	padding-right: 80px;
}

.order-ul-grid-item h1, .order-ul-grid-item li label{
	font-size: 36px;
	line-height: 1;
}

.order-ul-grid-item li p{
	font-family: 'Montserrat-Medium';
	color: var(--c-black);
	font-size: 24px;
	margin-top: 0;
}

.order-ul-last{
	display: none;
	width: 100%;
	height: 400px;
	background-image: url(../../images/services/turnkey_epc_06.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
}

.imgtextshow-grid .imgbox{
	z-index: 1; 
}

.imgtextshow-grid .industries-text{
	z-index: 2;
	display: flex;
	align-items: center;
}

.mar-lft{
	margin-left: -60px;
}

.industries-text .textbox{
	padding: 32px;
	background: rgba(255, 255, 255, 0.6);
	backdrop-filter: blur(10px);
	display: flex;
}

.industries-text .textbox .twoslash{
	width: 26px;
	height: 23px;
	margin-top: 3px;
}

.industries-text .textbox p{
	font-family: 'Inter';
	font-size: 24px;
	margin-left: 20px;
}

.zhanwei{
	width: 100%;
	height: 120px;
}

.projects-subpage{
	padding-bottom: 120px;
}

.projects-subpage .imgtextshow-grid{
	grid-template-columns: repeat(8, 1fr);
	gap: 40px;
	padding: 0;
	margin-top: 100px;
}

.projects-subpage .imgtextshow-grid .imgbox{
	grid-column: span 5;
}

.projects-subpage .imgtextshow-grid .projects-text{
	grid-column: span 3;
}

.projects-text h2{
	padding: 12px 0 24px 0;
	border-bottom: 1px solid var(--c-black-light);
}

.projects-text .pos{
	margin-top: 16px;
	display: flex;
	align-items: center;
}

.projects-text .pos img{
	width: 13px;
	height: 18px;
}

.projects-text .pos label{
	font-family: 'Inter';
	font-size: 20px;
	margin-left: 10px;
}

.projects-text p{
	font-family: 'Inter';
	font-size: 16px;
	margin-top: 48px;
}

.paragraph-block{
	padding: 80px 120px;
}

.paragraph-box{
	width: 75%;
	font-family: 'Montserrat-Light';
	font-size: 40px;
}

.paragraph-box label{
	font-size: 40px;
	font-family: 'Montserrat';
}

@media (max-width: 992px) {
	.banner-block h1{
		left: 20px;
	}
	.banner-brief{
		padding: 24px 20px;
	}
	
	.banner-brief p{
		font-size: 18px;
		width: 100%;
	}
	
	.imgtextshow-block{
		padding: 0 20px;
	}
	 
	 .textshow .order-numer{
	 	font-size: 28px;
	 }
	 
	 .textshow p{
	 	font-size: 20px;
	 }
	
	.paragraph-block{
		padding: 60px 20px;
	}
	
	.paragraph-box{
		width: 100%;
		font-size: 24px;
	}
	.paragraph-box label{
		font-size: 24px;
	}
	
	.order-ul-block{
		padding: 60px 20px 0 20px;
		background-image: none;
		background-color: var(--c-gray-bg);
	}
	
	.order-ul-grid{
		grid-template-columns: 1fr;
		padding-right: 0;
	}
	
	.order-ul-grid-item{
		padding-left: 0;
	}
	
	.order-ul-grid-item ul{
		margin-top: 20px;
	}
	
	.order-ul-grid-item h1{
		font-size: 32px;
	}
	.order-ul-grid-item li label{
		font-size: 40px;
	}
	
	.order-ul-grid-item li p{
		font-size: 20px;
	}
	
	.order-ul-last{
		display: block;
	}
}

@media (max-width: 768px) {
	.banner-block h1{
		font-size: 32px;
	}
	
	.normal-banner{
		display: none;
	}
	
	.mobile-banner{
		display: block;
	}
	
	.imgtextshow-title{
		padding: 24px 0;
		font-size: 24px;
	}
	
	.imgtextshow-grid, .projects-subpage .imgtextshow-grid{
		grid-template-columns: 1fr;
	}
	
	.engineering-text, .industries-text, .projects-text{
		order: 2;
	}
	
	.engineering-text h2.mt{
		margin-top: 0;
	}
	
	.imgtextshow-grid.special .imgbox {
		margin-top: 60px;
	}
	
	.imgtextshow-item, .imgtextshow-grid.special{
		padding: 32px 0; 
	}
	
	.imgtextshow-grid.special>div{
		padding: 0;
	}
	
	.service-subpage .border-rgt{
		border-right: 0;
	}
	
	.industries-text .textbox{
		padding: 10px 0 0 0;
	}
	
	.industries-text .textbox .twoslash{
		width: 18px;
		height: 15px;
	}
	
	.industries-text .textbox p{
		font-size: 18px;
		margin-left: 10px;
	}
	
	.mar-lft{
		margin-left: 0;
	}
	
	.projects-subpage .imgtextshow-grid{
		gap: 12px;
	}
	
	.projects-text h2{
		font-size: 20px;
	}
	
	.projects-text .pos label{
		font-size: 18px;
	}
}