:root{
	--text-color:#333;
	--text-size:16px;
}
h2{font-size:30px;color:var(--text-color);text-align: center;margin:25px 0;}
p.desc{font-size: var(--text-size); line-height: 40px;}
.m35{margin:35px 0;}
.m50{margin:50px 0;}
.banner-bg{
	background: url("/static/special/2025/coal/image/banner_bg.jpg") no-repeat;
	background-size: cover;
	background-position: center;
	padding:25px 0 25px 0;
	margin-bottom:25px;
}
.banner{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: end;
}
.application {
	background: url("/static/special/2025/coal/image/application_bg.jpg") no-repeat center/cover;
	padding:25px 0;
	margin-top:35px;
}
.application .item{
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	text-align: justify;
	margin-bottom:55px;
}
.application .item:nth-child(1){background:#fff;}
.application .item-desc{padding:45px 0 0 55px;}
.application .item-material{}
.application .item-material:hover img{opacity: 0.8;}
.application .item-material img{width:100%;}
.application .item-sub{position:relative;border: 1px solid #fff;border-radius: 3px;transition: all 0.3s ease;}
.application .item-sub .text-title{
	text-align: center;
	height:40px;line-height: 40px;
	width:100%;
	background-color: rgba(255,255,255,0.8);
	position: absolute;
	bottom:0;left:0;
	font-size: var(--text-size);
	margin:0;
	}
.application .item-sub:hover{transform: translateY(-5px);}	
.application .item-sub:hover .text-title{background-color: rgba(232,48,52,0.8);color:#fff;}
.application .item-sub:hover img{opacity: 0.8;}

.gongyi .item-grid .item-sub{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.gongyi .index {
	display: grid;
	grid-template-columns: repeat(1,1fr);
	justify-content:space-between;
	gap:30px;
	margin: 25px 0;
	}
.gongyi .index p{text-align: center;}	
.gongyi .index span{
	display:block;width:130px;height:130px;margin:0 auto;
	background-position: center;
	background-repeat: no-repeat;
}
.gongyi .index .ico-1{
	background-image: url("/static/special/2025/coal/image/index-ico-1-1.png");
	}
.gongyi .index .ico-2{
	background-image: url("/static/special/2025/coal/image/index-ico-2-1.png");
	}
.gongyi .index .ico-3{
	background-image: url("/static/special/2025/coal/image/index-ico-3-1.png");
	}
.gongyi .index .item-sub{background-color: #f2f4f8;	padding:35px 0;}
.gongyi .index .item-sub:hover{background-color: #d31e2f;color:#fff;}
.gongyi .index .item-sub:nth-child(1):hover .ico-1{background-image: url("/static/special/2025/coal/image/index-ico-1-2.png");}
.gongyi .index .item-sub:nth-child(2):hover .ico-2{background-image: url("/static/special/2025/coal/image/index-ico-2-2.png");}
.gongyi .index .item-sub:nth-child(3):hover .ico-3{background-image: url("/static/special/2025/coal/image/index-ico-3-2.png");}

.advantage-bg{
	background: url("/static/special/2025/coal/image/advantage_bg.jpg") no-repeat center/cover;
	padding:25px 0;
}
.advantage-pic {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 15px;
	margin-top: 25px;
}
.advantage-pic .item{position:relative;transition: all 0.3s ease;}
.advantage-pic .item:hover{transform:translateY(-5px) ;}
.advantage-pic p{color: var(--text-color);font-size: 20px;text-align: center;background:#fff;}
.advantage-pic .item:hover p{color:#fff;background-color: #d31e2f;}
.advantage-pic .item:hover img{opacity: 0.8;}
.advantage-pic .item img{border:1px solid #fff;}
.advantage{display: grid;grid-template-columns: repeat(1,1fr);gap:15px;margin:15px 0;}
.advantage img{width:100%;height: auto;max-width: 450px;margin:0 auto;}
.advantage img:hover{opacity:0.8;}
.advantage dt{color:#d31e2f;font-weight: bold;margin-bottom: 10px;}
.advantage dl{background:#fff;padding:30px;font-size:20px;}
.advantage dl:hover{box-shadow:0px 0px 5px #d31e2f;}
.advantage .item:nth-child(2n+1){display: flex;flex-direction: column;gap:15px;justify-content: space-between;}
.click-box	{display: flex; flex-direction: row;justify-content: center;gap: 50px;margin:35px 0;}
.click-box .item{background: linear-gradient(90deg, #d21d2f, #e25050);color:#fff;text-align:center;height:50px;border-radius: 900px;padding:0 50px;position:relative;min-width:220px;}
.click-box .item:hover{background: linear-gradient(90deg, #e25050, #d21d2f);}
.click-box .item:nth-child(1){padding-right: 80px;}
.click-box .item:nth-child(1) span{display: block;position: absolute;bottom:0;right:0;}
.click-box p{margin:0;line-height: 50px;}
.click-box a{font-size:20px;color:#fff;text-decoration: none;}
.click-box a:hover{text-decoration:underline;}
.technicial {padding-top:25px;}
.technicial tr{border:1px solid #fecbcd;line-height: 45px;}
.technicial tr:hover{background:#d11a2d; color: #fff;}
.technicial td{border:1px solid #fecbcd;}
.application-lm-bg{
	background: url("/static/special/2025/coal/image/application-lm-bg.jpg") no-repeat center/cover;
	padding:25px 0;
}

.application-lm-bg p,.application-lm-bg h2{color:#fff;}
.application-item{
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap:15px;
	margin:25px auto 50px auto;
}
.application-item .item{
	position:relative;
	transition: all 0.3s ease;
	border:1px solid #5b9dca;
	padding-bottom:85px;
}
.application-item .item:hover{
	transform: translateY(-5px);
}

.application-item .item .item-desc{
	position: absolute;
	background: linear-gradient(0deg,rgba(53,94,172,1) 0%,rgba(53,94,172,0.9) 50%,rgba(255,255,255,0.1) 75%);
	min-height: 175px;
	bottom:0;
	left:0;
	right:0;
	display: flex;
	flex-direction: column-reverse;
}
.application-item .item p{
	text-align: center;
	margin:0;
	font-size:14px;
	padding:25px 0;
	}
.application-item .item p span{font-size:16px;font-weight: bold;}
	
.application-hy{
	display:flex;
	flex-direction: row;
	gap:15px;
}
.application-hy .item{
	position:relative;
	transition: all 0.3s ease;
}
.application-hy .item:hover{
	transform: translateY(-5px);
}
.application-hy .item .item-desc{
	position: absolute;
	background: linear-gradient(0deg,rgba(53,94,172,1) 0%,rgba(53,94,172,1) 15%,rgba(255,255,255,0.1) 85%);
	min-height: 175px;
	bottom:0;
	left:0;
	right:0;
	display: flex;
	flex-direction: column-reverse;
}
.application-hy .item p{
	text-align: center;
	margin:0;
	font-size:16px;
	height: 45px;
	line-height: 45px;
	color: #fff;
	}
.application-item .item p span{font-size:16px;font-weight: bold;}
.professional{
	background: url("/static/special/2025/coal/image/professional-bg.jpg") no-repeat center/cover;
	padding-top:25px;
	padding-bottom: 50px;
	margin-top:25px;
	position: relative;
}
.professional p.desc{margin:35px 0;}
.professional .click-box{margin-top:0;}
.zhengshu{
	display: flex;
	flex-direction: row;
	gap: 50px;
	justify-content: center;
	margin-top:25px;
	position: relative;
}
.zhengshu-btn{position:absolute;left:0;right:0;margin:0 auto;bottom:15px;}
.zhengshu .item,.zhengshu-big .item{
	position: relative;
	transition: all 0.3s ease;
}
.zhengshu .item:hover ,.zhengshu-big .item:hover,.hezuo-ul li:hover{
	transform: translateY(-5px);
}
.zhengshu-big{
	display: flex;
	flex-direction: row;
	gap: 15px;
	justify-content: center;
}
.zhengshu-big .item:hover{opacity: 0.8;}
.zhengshu-big .item{display: flex;flex-direction: column;justify-content: center;}

.hezuo-bg{
	background: url("/static/special/2025/coal/image/hezuo.jpg") no-repeat center/cover;
	padding:25px 0;
	margin-top:15px;
}
.hezuo-ul{
	list-style: none;
	maring:0;
	padding:0;
	display: grid;
	grid-template-columns: repeat(6,1fr);
	justify-content: space-between;
	gap:15px;
}
.hezuo-ul li{
	position: relative;
	transition: all 0.3s ease;
}
.form-grid{display:flex;flex-direction: column;justify-content: space-between;row-gap:15px;column-gap: 50px;margin:25px 0;}
.form-grid .item{width:100%;display: flex;flex-direction: row;}
.form-grid .item label,.form-grid .item input{display: inline-block;}
.form-grid .item label{min-width: 90px;}
.form-grid input.submit{margin:25px 0;}
.form-grid input.submit{background: linear-gradient(90deg, #d21d2f, #e25050);color:#fff;text-align:center;height:50px;border-radius: 900px;padding:0 50px;position:relative;min-width:220px;border:none;}
.form-grid input.submit:hover{background: linear-gradient(90deg, #e25050, #d21d2f);}
.submit-center{justify-content: center;}

@media  (max-width: 575px){
	.technicial {overflow-x: scroll;}
	.advantage-pic {grid-template-columns: repeat(1,1fr);}
	.application-item{grid-template-columns: repeat(1,1fr);}
	.application .item:nth-child(1){flex-direction: column;}
	.application .item-desc{padding:25px;}
	.click-box{flex-direction: column;}
	.application-hy{flex-direction: column;}
	.zhengshu{gap: 10px;}
	.click-box .item{min-width:160px;}
	.hezuo-ul{grid-template-columns: repeat(3,1fr);}
	.zhengshu-btn{position: static;}
}
@media  (min-width: 576px) {
	.advantage-pic {grid-template-columns: repeat(1,1fr);}
	.advantage-pic p{line-height: 60px;}
	.click-box	{flex-direction: column;}
	.application-item{grid-template-columns: repeat(1,1fr);}
}
@media  (min-width: 768px) {
	.advantage-pic {grid-template-columns: repeat(2,1fr);}
	.application-item{grid-template-columns: repeat(2,1fr);}
}
@media  (min-width: 992px) {
	.gongyi .index {grid-template-columns: repeat(3,1fr);}
	.click-box	{flex-direction: row;}
	.form-grid{display:flex;flex-direction: row;}
}
@media  (min-width: 1200px) {
	.hezuo-ul{grid-template-columns: repeat(6,1fr);}
}
@media  (min-width: 1400px) {
	
	.banner img{width:65%;position: relative;bottom:-45px;}
	.application .item:nth-child(1){
		border-bottom-left-radius: 75px;
		border-top-right-radius: 75px;
		margin-top:25px;
	}
	.application .item:nth-child(2){gap:25px;margin-bottom: 30px;}
	.application .item-desc{width:47%;border-bottom-left-radius: 35px;}
	.application .item-material{width:50%;}
	.gongyi .item-grid {
		display: grid;
		grid-template-columns: 4fr 6fr;
		margin-bottom: 30px;
	}
	.gongyi .index{
		gap:30px;
	}
	.advantage{grid-template-columns: repeat(3,1fr)}
	.advantage-pic {grid-template-columns: repeat(4,1fr);}
	.advantage-pic p{line-height: 50px;}
	.application-item{grid-template-columns: repeat(4,1fr);}
	.click-box .item{min-width:220px;}
		
}
@media  (min-width: 1600px) {
	.advantage-pic p{line-height: 60px;}
}
@media  (min-width: 1900px) {

}