/*工程案例列表*/
.case-list {}
.case-item {}
.case-item ul {}
.case-item ul li {
	float: left;
    width: 23%;
    margin:1%;
    background: #f5f5f5;
}
.case-item ul li .pic {
	max-height: 363px;
    overflow: hidden;
	position:relative;
}
.case-item ul li .pic img {
	width: 100%;
	height:250px;
	transition: all 0.3s;
}

.case-item ul li .item {
	padding: 5%;
}
.case-item ul li .item h3 {
	font-size: 15px;
    color: #55504f;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
/*鼠标hover效果*/
.case-item ul li:hover .pic img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.case-item ul li:hover .pic:after {
    display:block;
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all 0.3s;
    background:rgba(0, 0, 0, 0.2) url(../images/magnifier.svg) no-repeat center center/40px;
}

/*工程案例详情页*/
.case-artilce {}
.case-content {
	text-align: center;
}
.case-content h1 {
	font-size: 20px;
    color: #252525;
    padding:5%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.case-content img {
	max-width: 100% !important;
    height:auto !important;
}

.goback {
    margin: 10% 0 0 0;
}
.goback a {
    display:block;
    width:110px;
    padding: 0.5% 0;
    margin:0 auto;
    font-size:14px;
    color:#fff;
	text-align: center;
    background:#d22633;
}
/*以下代码是自适应样式*/

@media screen and (max-width:1320px){}
@media screen and (max-width:1178px){

.case-item ul li {
    width: 31%;
    margin:1%;
}
.case-item ul li .pic {
	max-height: 230px;
    overflow: hidden;
}

}
	


@media screen and (max-width:800px){

.case-item ul li {
    width: 48%;
    margin:1%;
}
.case-item ul li .pic {
	max-height: 150px;
    overflow: hidden;
}
.case-item ul li .pic img {
	height:100%;}

.case-item ul li .item {
	padding: 5%;
}
.case-item ul li .item h3 {
	font-size: 14px;
}

}