.nav_tit{

     font-weight: 400;
  color: #2b2b2b;
  line-height: 1;
padding-bottom: 18px;
position: relative;
    border-bottom: 1px solid #DCDCDC;
}
.nav_tit::after{
     content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 60px;
  height: 2px;

  background: #d0121b;
}
.con{
    padding: 3.6458vw 0 5.2vw 0
}
.con .list{
margin-bottom:2.7vw
}
.con .image_box{
    margin-top: 1.56vw;
    display: flex;flex-wrap: wrap;
  
}
.con .dis_flex_wrap{
    display: flex;
    flex-wrap: wrap;
}
.con .image_box > p{
    
    color: #2b2b2b;
    margin-right:2vw;
    
}
.con .image_list{
    margin-right: 3vw;
}

.con .image_box  .image{
    width: 110px;
    height: 110px;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;

}
.con .image_box  .image img{
    width: 100%;
    height: 100%;
    
}
.con .image_box .image_list .tit{
 margin-top:10px;
    text-align: center;
    color: #2b2b2b;
}
@media only screen and (max-width: 768px) {
 .con .dis_flex_wrap  .image_box{
        flex: 0 0 100%;
        
    }
    .nav_tit{
        padding-bottom: 10px;
    }
    .con{
        padding: 20px 0 40px 0;
        
    }
    .con .dis_flex_wrap .image_box{
        margin-top: 20px;
    }
    .con .image_box .image{
        width: 90px;
        height: 90px;
    }
}
<!--ºÄÊ±1754672603.5225Ãë-->