@media screen and (min-width: 751px){
	/* 案例页面 */
	.keycase-list{
		background: #fff;
		padding: 0 0 40px;
	}
	.keycase-list .keycase-item{
		display: block;
		float: left;
		width: 384px;
		margin: 0 24px 20px 0;
		box-shadow: 0px 5px 15px #f1f1f1;
	}
	.keycase-list .keycase-item:nth-child(3n){
		margin-right: 0;
	}
	.keycase-list .keycase-item>.img{
		width: 384px;
		height: 230px;
		overflow: hidden;
	}
	.keycase-list .keycase-item img{
		width: 384px;
		height: 230px;
		transition: all 0.5s;
	}
	.keycase-list .keycase-item:hover img{
		transform: scale(1.1);
	}
	.keycase-list .keycase-item:hover .item-text{
		color: #d71a1b;
	}
	.keycase-list .keycase-item .item-text{
		height: 80px;
		line-height: 80px;
		padding: 0 15px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 16px;
		text-align: center;
	}
	.case-wrap{
		padding: 30px 0;
	}
	.case-wrap .case-classify{
		background: #fff;
		line-height: 54px;
		padding: 0 20px;
	}
	.case-wrap .case-classify .classify-list{
		display: inline-block;
		width: 1060px;
		margin-left: 10px;
		font-size: 14px;
		vertical-align: top;
	}
	.case-wrap .case-classify .classify-list .classify-item{
		display: inline-block;
		line-height: 50px;
		padding: 0 10px;
		margin: 0 5px;
		border-bottom: 3px solid #fff;
		font-size: 14px;
		font-weight: bold;
		cursor: pointer;
	}
	.case-wrap .case-classify .classify-list .on,.case-wrap .case-classify .classify-list :hover{
		color: #d71a1b;
		border-bottom: 3px solid #d71a1b;
	}
	.case-list{
		margin: auto;
		overflow: auto;
		width: 1200px;
		min-height: 275px;
	}
	.case-list .case-item{
		display: block;
		float: left;
		width: 286px;
		margin: 20px 18px 20px 0;
		box-shadow: 0px 10px 10px #e4e4e4;
	}
	.case-list .case-item:nth-child(4n){
		margin-right: 0;
	}
	.case-list .case-item img{
		width: 286px;
		height: 172px;
	}
	.case-list .case-item .item-text{
		background: #fff;
		height: 60px;
		line-height: 60px;
		padding: 0 15px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 16px;
		text-align: center;
	}
}
@media screen and (max-width: 750px){
	.keycase-list{
		padding: 0 0.1rem;
		margin: auto;
	}
	.keycase-list .keycase-item{
	    display: block;
    	box-shadow: 0 15px 15px #f1f1f1;
	    margin-bottom: 0.2rem;
	}
	.keycase-list .keycase-item .item-text{
	    height: 0.6rem;
	    line-height: 0.6rem;
	    padding: 0 0.15rem;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    font-size: 0.14rem;
	    text-align: center;
	}
	.case-wrap{
		padding: 0 0.1rem;
		margin: auto;
	}
	.classify-list{
		background: #f1f1f1;
		padding: 0.05rem 0;
	}
	.classify-item{
	    display: inline-block;
	    margin: 0.08rem 0.12rem;
	    padding: 0 0.15rem;
	    height: 0.25rem;
	    line-height: 0.25rem;
	    font-size: 0.14rem;
	    text-align: center;
	}
	.classify-item.on{
		color: #d71a1b;
	    background: #fff;
	}
	.case-list{
		overflow: auto;
		padding: 0.16rem 0 0.1rem;
	}
	.case-item{
	    display: block;
	    float: left;
	    width: 1.72rem;
	    font-size: 0.12rem;
	    text-align: center;
	    margin: 0 0.1rem 0.2rem 0.1rem;
	    box-shadow: 0 15px 15px #f1f1f1;
	}
	.case-item:nth-child(2n) {
	    margin: 0 0 0.2rem 0;
	}
	.case-item img{
		height: 1.28rem;
	}
	.item-text {
	    height: 0.35rem;
	    line-height: 0.35rem;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}
}