/* case */
.list-case{
    margin-top: 20px;
}
.flowbox {
display: block;
margin: 0 0 30px 0;
background: #fff;
border-radius: 3px;
overflow: hidden;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
transition: all 220ms;
}
.flowbox .flowbox-img{
    overflow: hidden;
    border-radius:5px 5px 0 0;
}
.flowbox:hover {
box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
transform: translateY(-5px);
transition: all 220ms;
}
.flowbox img {
display: block;
width: 100%;
-webkit-transition: all 1.2s;
}
.flowbox:hover img{
transform: scale(1.1);
}
.flowbox:hover .flowbox-title{
background: #333;
}
.flowbox:hover .flowbox-title-a{
color: #fff;
}
.flowbox-title {
    background: #f5f5f5;
    padding: 5px 0;
    overflow: hidden;
}
.flowbox-title p{
    font-size: 18px;
    padding: 5px 0;
    margin-left: 10px;
    overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.flowbox-title h2 {
font-size: 14px;
text-transform: uppercase;
margin-left: 10px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.flowbox-ifon{
    text-align: center;
    margin-bottom: 5px ;
    background: #fafafa;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    border-top: 1px solid #c9c9c9 ;
    position: relative;
}
.flowbox-ifon p {
    float: left;
    display: block;
    padding: 5px 0;
    font-size: 14px;
    width: 49%;
    overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.flowbox-ifon::after {
    content: '';
    width: 1px;
    height: 20px;
    position: absolute;
    background: #c9c9c9;
    margin-left: -50%;
    margin-top: 2%;
}
.flowbox:hover .flowbox-ifon::after{
margin-left: -50%;
}
.wall {
display: block;
position: relative;
overflow: hidden;
padding-top: 10px;
}
.wall-column {
display: block;
position: relative;
width: 25%;
float: left;
padding: 0 12px;
box-sizing: border-box;
}
@media (max-width: 640px) {
.wall-column {
    width: 50%;
}
}
@media (max-width: 480px) {
.wall-column {
    width: auto;
    float: none;
}
}