.box{
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content:space-between;
      align-content:space-between;   
      margin: auto;      
      height: 250px;
  }
  .box>li{
      width:370px; 
      height:250px;  
      overflow: hidden;  
      position: relative;  

      
  }


.box  img{
      width: 100%; 
      height:250px;
      transition: all 0.4s;     
      padding-top: 10px;
  } 
  
  
.box img:hover{   
      transform: scale(1.1); 
  } 
   .btnc{
      width: 100%; 
  height: 110px; 
  background-color: rgba(48,48,48,0.7); 
  position: absolute; 
  left: 0px;
  bottom: -53px; 
  -webkit-transition-duration:0.3s; 
  -moz-transition-duration:0.3s; 
  -ms-transition-duration:0.3s;
   transition-duration:0.3s
  
  }
  
  .btnc h2{ 
  font-weight:normal; 
  font-size:14px; 
  color:#fff; 
  line-height: 50px;  
  overflow: hidden; 
  text-overflow: ellipsis; 
  text-align:left; 
  white-space: nowrap; 
  padding-left: 20px;
  } 
  
  .btnc:hover{  
  bottom:0px;
  background-color: #1296DB;
  opacity: 0.8;
  }   
  
  .btnc h3{ 
      
      height: 38px;
      line-height:38px; 
      font-weight:normal; 
      /* margin:0 auto;   */
      border-radius:10px; 
      text-align:center; 
      font-size:14px; color:#fff; 
      text-align: left;
  
      padding-left: 20px;
  }