#animal {
    width: 100%;
    padding: 60px 0px;
    background: url(../images/bg3.jpg);
    background-size: 100% auto;
}

.animal_box {
    width: 700px;
    margin: 0 auto;
    color: #fff;
    margin-bottom: 100px;
}

.animal_box p {
    margin-bottom: 20px;
}

#animail1 {
    margin-bottom: 60px;
}

#animail1 img {
    width: 32%;
    float: left;
    margin-left: 2%;
    margin-bottom: 2%;
}

#animail1 img:nth-child(3n-2) {
    margin-left: 0px;
}

#fish {
    padding-bottom: 50px;
}

#fish li {
    width: 48%;
    float: left;
    height: 20%;
    margin-left: 2%;
}

#fish li:nth-child(2n-1) {
    margin-left: 0px;
    margin-left: 1%;
}


#fish li img {
    width: 100%;
}

#fish li p {
    display: block;
    color: #fff;
    text-align: center;
    width: 90%;
    margin: 0 auto;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

#horse li {
    width: 48%;
    float: left;
    margin-left: 2%;
}

#horse li:nth-child(2n-1) {
    margin-left: 0px;
    margin-left: 1%;
}


#horse li img {
    width: 100%;
}

#horse li p {
    display: block;
    color: #fff;
    text-align: center;
    width: 90%;
    margin: 0 auto;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}