.container{
    width: 1200px;
    margin: 0 auto;
    margin-top: 30px;
}
.content img{
    height: 500px;
}
.container ul{
    display: grid;  
    grid-template-columns: repeat(3,1fr);  
    justify-items: stretch;  
    grid-gap: 20px;
    margin-top: 30px;
}
.container ul li{
    border: 1px solid #e5e5e5;
    /* border-radius: 5px; */
}
.container ul li:hover p{
    color: #007841;
}
.container ul li img{
    width: 100%;
    height: 240px;
    
}
.container ul li p{
    color: #333;
    padding: 10px 10px;
    width: 370px;
    box-sizing: border-box;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.page{margin:0 auto;margin-left:-25px;overflow: hidden;width: 100%;height: 60px;padding:20px;display: flex;align-items: center;justify-content: center;}
.page-list{ float: left;}
.page-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.page-list a,.page-list span{ margin:0;  padding:0 20px; float:left; line-height:35px; border:1px solid #ddd; border-right-color:#fff; font-size:13px; text-align:center; background:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.page-list span{ color:#999;}
.page-list a{ color:#0088D1;}
.page-list span:nth-child(1),.page-list span:nth-child(2),.page-list a:nth-child(2){ display:block; float:left;}
.page-list span:nth-last-child(1),.page-list a:nth-last-child(1){ display:block; float:left; border-right-color:#ddd;}
.page-list .current{ display:block; float:left;}