.hotCaseArea .hotCaseBox .title-EN{
   margin: 10% 0 5% 0;
}

.hotCaseArea .hotCaseBox .item{
   display: block;
   margin-bottom: 1rem;
   background: #fff;
   transition: all 0.4s ease;
}

.hotCaseArea .hotCaseBox .item:hover{
   background: #ffffff6e;
   transition: all 0.4s ease;
}

.hotCaseArea .hotCaseBox .item .caseName{
   color: #3e3a39;
   text-align: center;
   font-weight: 300;
}

.hotCaseArea .hotCaseBox .item:hover .caseName{
   color: #000;
}

.hotCaseArea .hotCaseBox .item .Img .innerImg{
   padding-top: 33%;
}

.hotCaseArea .hotCaseBox .item .Img .innerImg .image::after{
   content: '';
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background: transparent;
   transition: all 0.4s ease;
}

.hotCaseArea .hotCaseBox .item:hover .Img .innerImg .image::after{
   background: #0000006e;
   transition: all 0.4s ease;
}

@media (max-width:991px) {
   .hotCaseArea{
      padding-bottom: 15%;
   }

   .hotCaseArea .title-EN{
      margin: 18% 0;
   }

   .hotCaseArea .hotCaseBox h2{
      margin-bottom: 10%;
   }

   .hotCaseArea .hotCaseBox .item{
      background: transparent;
      margin-bottom: 15%;
   }

   .hotCaseArea .hotCaseBox .item:last-of-type{
      margin-bottom: 0;
   }

   .hotCaseArea .hotCaseBox .item:hover{
      background: transparent;
   }

   .hotCaseArea .hotCaseBox .item .caseName{
      padding: 40% 0;
      background: #fff;
      margin-bottom: 12px;
   }
}