.zst{
 width: 100%;
 height: 500px;
 background-color: #BFBFBF;
 margin-top: 170px;
}
.zst img{
 display: block;
 height: 100%;
 width: 100%;
}
.box{
 margin: 0 auto;
 padding-top: 30px;
}
.title_box{
 border-bottom: #003b9e solid 3px;
}
.title{
 width: 150px;
 height: 50px;
 margin: 0 auto;
 background-color: #003b9e;
 
}
.title p{
 font-size: 35px; 
 line-height: 50px;
 text-align: center;
 color: #FFFFFF;
}
.list_box{
 width: 1200px;
 margin: 0 auto;
 
 
 
}
div.list_box .list:hover{
 background-color: rgba(252, 252, 252, 0.5);
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 8px 20px 0 rgba(0, 0, 0, 0.19);
transition-duration: 0.3s;
 
}
div.list_box .list:hover img{
width: 91%;
height: 91%; 
}

.list_box .list{
 width: 500px;
 height: 380px;
float: left;
 background-color: rgba(229, 229, 229, 0.4);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0,0.1), 0 8px 20px 0 rgba(0, 0, 0, 0.1);

 border-radius: 15px;
 margin: 30px 50px;
 text-align: center;
padding-bottom: 70px;
}
.list li{
width: 128px;
 height: 128px;
}
.list img{
margin: 20px;
width: 90%;
height: 90%; 
border-radius: 15px;
 }
.list p{
 font-size: 22px;
 text-align: center;
    padding: 8px;
 
}