* {
    margin: 0;
    padding: 0;
}
ul,ol,li{list-style:none;margin:0;padding: 0;}

.case {
    width: 1400px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
}

.case-list {}

.case-list li {
    float: left;
    width: 24%;
    height: 344px;
    margin-left: 1%;
    border: 1px solid #e6e6e6;
    text-align: center;
    margin-bottom: 20px;
}
.case-list li:nth-child(4n+1) {
    margin-left: 0;
}
.case-list li > a {
    display: block;
    padding: 0 20px;
}

.case-img {
    line-height: 160px;
    border-bottom: 1px solid #e6e6e6;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
}

.case-img img {
    max-width: 100%;
}

.case-list li > a p {
    font-size: 1em;
    color: #808080;
    line-height: 26px;
    margin-bottom: 20px;
}

.case-btn {
    display: inline-block;
    width: 80px;
    line-height: 30px;
    font-size: 1em;
    color: #808080;
    text-align: center;
    border: 1px solid #a38b78;
    border-radius: 30px;
	margin-top:10px;
}

.case-btn:hover, .case-btn:focus {
    background: #c9bc9c;
    color: #fff;
}

.case-list li:hover {
    border-color: #c9bc9c;
}

.case-more {
    text-align: center;
    margin-top: 50px;
}