.list-top-show{
	width:100vw;
	position:relative;
	left:50%;
	right:50%;
	margin-left:-50vw;
	margin-right:-50vw;
	background:#F1FDFF;
	padding:210px 0 22px;
}

.list-top-inner{
	width:1200px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	padding:0 28px;
	box-sizing:border-box;
}

.list-top-left{
	flex:1;
	padding-top:28px;
}

.list-top-title{
	margin:0 0 10px;
	font-size:52px;
	line-height:1.2;
	color:#202020;
	font-weight:700;
}

.list-top-desc{
	margin:0 0 14px;
	max-width:460px;
	max-height:64px;
	overflow:hidden;
	font-size:13px;
	line-height:1.7;
	color:#666;
}

.list-top-btn{
	display:inline-block;
	padding:7px 18px;
	font-size:12px;
	color:#fff;
	text-decoration:none;
	border-radius:4px;
	background:linear-gradient(90deg,#ffaf66,#f08a3d);
}

.list-top-right{
	flex:0 0 420px;
	position:relative;
	height:200px;
}

.list-top-back,.list-top-front{
	position:absolute;
	width:290px;
	height:165px;
	overflow:hidden;
}

.list-top-back{right:0;top:0;}
.list-top-front{left:0;bottom:0;z-index:2;box-shadow:0 8px 20px rgba(0,0,0,0.18);}

.list-top-back img,.list-top-front img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}

.list-top-back img{
	filter:blur(2.5px);
	transform:scale(1.04);
}

.list-top-back:after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(77,88,97,0.35);
}

.list-main-wrap{
	width:1200px;
	margin:24px auto 10px;
}

.list-main-header{
	height:42px;
	background:url("../images/4_22.png") no-repeat left top;
	background-size:100% 100%;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:0 16px 0 78px;
	box-sizing:border-box;
}

.list-main-title{
	font-size:24px;
	color:#fff;
	font-weight:700;
	line-height:1;
}

.list-main-more{
	display:inline-flex;
	align-items:center;
	font-size:14px;
	color:#4f4f4f;
	text-decoration:none;
}

.list-main-more-icon{
	display:block;
	width:12px;
	height:12px;
	margin-right:6px;
}

.list-main-more:hover{color:#1c9d43;}

.list-main-grid-wrap{
	margin-top:14px;
}

.list-main-grid{
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	gap:22px;
}

.list-main-item{
	width:283px;
	position:relative;
	padding-bottom:52px;
}

.list-main-image{
	display:block;
	width:100%;
	height:260px;
	overflow:hidden;
	background:#ececec;
}

.list-main-image img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}

.list-main-float{
	position:absolute;
	left:18px;
	right:18px;
	bottom:0;
	height:76px;
	background:#fff;
	box-shadow:0 2px 8px rgba(0,0,0,0.12);
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	transition:background .25s ease,color .25s ease;
}

.list-main-item-title{
	max-width:95%;
	font-size:18px;
	font-weight:700;
	color:#222;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	line-height:1.2;
}

.list-main-detail{
	margin-top:8px;
	font-size:16px;
	font-weight:700;
	color:#25a8c9;
	text-decoration:none;
	line-height:1;
}

.list-main-item:hover .list-main-float{
	background:linear-gradient(90deg,#7bd5b3 0%,#4dc0e8 100%);
}

.list-main-item:hover .list-main-item-title,
.list-main-item:hover .list-main-detail{
	color:#fff;
}