.huake-indexD{padding:90px 0;position:relative;}
.huake-indexD::before{display:block;content:'';width:437px;height:1245px;position:absolute;left:0;bottom:60px;}

.huake-indexD h3{font-size:28px;color:#212121;text-align:center;line-height:1;}
.huake-indexD h3::after{display:block;content:'';width:95px;height:3px;background:#F6AA00;margin:25px auto 0;}
.huake-indexD dl{margin-top:20px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.huake-indexD dl dd{position:relative;width:31%;box-sizing:border-box;cursor:pointer;margin:36px 0 0;}
.huake-indexD dl dd img{display:block;width:100%;}
.huake-indexD dl dd ins{height:56px;line-height:56px;text-align:center;background:rgba(0,0,0,.65);position:absolute;bottom:0;left:0;right:0;color:#fff;font-size:20px;}
.huake-indexD dl dd .txt{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;z-index:105;padding:0 35px;background:rgba(33,33,33,.85);box-sizing:border-box;text-align:center;opacity:0;-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition:opacity 0.2s, transform 0.35s;-webkit-transform:scale(0);transform:scale(0);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;}
.huake-indexD dl dd .txt::before{position:absolute;content:'';top:10px;right:10px;bottom:10px;left:10px;z-index:102;border:2px solid rgba(246,170,0,0.65);}
.huake-indexD dl dd .txt h6{font-size:20px;color:#f6aa00;}
.huake-indexD dl dd .txt p{font-size:15px;color:#fff;line-height:30px;margin:15px 0 0 0;}
.huake-indexD dl dd .txt .more{border-radius:50%;width:46px;height:46px;background:rgba(246,170,0,0.5);line-height:46px;display:inline-block;text-align:center;margin:15px 0 0;}
.huake-indexD dl dd .txt .more i{color:#fff;font-size:12px;}

.huake-indexD dl dd:hover::before{-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.huake-indexD dl dd:hover::after{display:block;}
.huake-indexD dl dd:hover .txt{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition-duration: 0.35s;transition-duration: 0.35s;}
.huake-indexD dl dd:hover ins{display:none;}

@media screen and (max-width:550px){
  .huake-indexD::before{
    width:100% !important;
  }
  .huake-indexD {
    padding: 20px 0;
  }
  .huake-indexD h3{
    font-size: 24px;
  }
  .huake-indexD dl dd{
    width: 50%;
    margin-top: 10px;
  }
  .huake-indexD dl dd ins {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
  }
}