@charset"UTF-8";

.steel-banner-text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 250px;
	text-align: center;
	z-index: 100;
}

.steel-banner-text h3 {
	line-height: 90px;
	font-size: 60px;
	font-weight: bold;
	background: -webkit-linear-gradient(13deg, #fc466b, #3f5efb);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.steel-banner-text p {
	line-height: 50px;
	font-size: 35px;
	font-weight: bold;
	background: -webkit-linear-gradient(193deg, #fc466b, #3f5efb);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.steel-banner-text .to-buy {
	width: 160px;
	margin: 28px auto 0;
}

/* 钢铁行业智能化解决方案 */
.steel-box .title {
	padding: 73px 0 60px;
	text-align: center;
	color: #888;
}

.steel-box .title h2 {
	line-height: 64px;
	color: #232330;
	font-weight: bold;
	font-size: 36px;
}

.steel-box .title p {
	line-height: 48px;
	font-size: 20px;
}

.steel-box .inner {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 48px;
}

.steel-box .steel-item {
	position: relative;
	width: 380px;
	margin: 0 30px 50px 0;
	background-color: #fff;
	box-shadow: -1px 4px 13px 0px rgba(124, 125, 127, 0.43);
	border-radius: 12px;
}
.steel-box .steel-item:nth-child(3n) {
	margin: 0 0 50px 0;
}

.steel-box .steel-item dt img {
	display: block;
	width: 100%;
	height: 136px;
}

.steel-box .steel-item dt div {
	position: absolute;
	top: 0;
	left: 0;
	padding: 36px 24px 0;
	color: #fff;
	z-index: 100;
}

.steel-box .steel-item dt div h3 {
	line-height: 34px;
	font-size: 24px;
	font-weight: bold;
}

.steel-box .steel-item dt div p {
	line-height: 30px;
	font-size: 14px;
}

.steel-box .steel-item dd {
	margin: 0;
	min-height: 184px;
}

.steel-box .steel-item dd p {
	padding: 18px 20px 0;
	font-size: 14px;
	color: #666;
}

.steel-box .steel-item .learn-more {
	display: block;
	position: absolute;
	right: 30px;
	bottom: 30px;
	width: 120px;
	line-height: 40px;
	background-color: #006bff;
	border-radius: 20px;
	color: #fff;
	text-align: center;
	cursor: pointer;
}