.yx_NewProduct1 .item a:hover{    background: var(--yx_Grad);}
.yx_NewProduct1 .item a:hover .content2 .left h5{ color:#fff;}
.yx_NewProduct1 .item a{ padding:0;    background: #fff;}
.yx_NewProduct1 .item a .content2{margin-top:0;    padding: 12px 0;}
.yx_NewProduct1{ background:#f7f7f7;}
.index_case_list {

	padding: 0;

	overflow: hidden;

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

	margin-top: 30px;

}

.index_case_list .caselist {
    flex-basis: calc((100% - 160px) / 3);
    background: #f7f7f7;
    margin-bottom: 20px;
    padding: 30px 20px;
}

.caselist .img {

	position: relative;
    text-align: center;
	overflow: hidden;
    padding-top: 50px;
	padding-bottom: 20px;

}

.caselist .img img {

	width: 100%;

	height: 100%;

	object-fit: cover;

 transition: all .8s ease;

	left: 50%!important;

	top: 50%!important;

	-webkit-transform: translate(-50%, -50%)!important;

	-ms-transform: translate(-50%, -50%)!important;

	transform: translate(-50%, -50%)!important;

	position: absolute;

}

.caselist .txt {

	padding: 15px;

}

.caselist .txt .title {

	word-break: break-all;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;

	overflow: hidden;

	font-size: 18px;

	color: #333;

	text-align:center;

	width:100%;font-weight: bold;

}

.caselist .txt .summry {
    font-size: 14px;
    color: #666;
    margin-top: 20px;
    height: 96px;
    line-height: 1.6;

}

.caselist:hover .img img {

	width: 110%;

}

.caselist:hover .txt .title {

	color: #fff;

}
.caselist:hover .txt .summry{ color:#fff;}
.caselist:hover svg path{ fill:#fff!important}

.case-list{    background: #fff;

    padding: 45px 20px;

}
.caselist:hover { background:var(--yx_Color);}
.yy_1 img{ width:100%;}
.yy_1 li{    margin-bottom: 14px; list-style:none;}
.yy_11{ width:39.5%;}
.yy_22{ width:19.2%}