.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:46px;color:#212121;text-align:center;line-height:1;}
.huake-indexD h3::after{display:block;content:'';width:95px;height:3px;background:#0067A9;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(0,103,169,0.65);}
.huake-indexD dl dd .txt h6{font-size:20px;color:#0067A9;}
.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(0,103,169,0.65);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:992px){
.huake-indexD::before {
    display: none !important;
}


@media screen and (max-width:1440px) {
  .huake-indexD h3 {
    font-size: 40px;
  }
}

@media screen and (max-width:1280px) {
  .huake-indexD h3 {
    font-size: 36px;
  }
}

@media screen and (max-width:992px) {
  .huake-indexD h3 {
    font-size: 32px;
  }
}

@media screen and (max-width:768px) {
  .huake-indexD h3 {
    font-size: 28px;
  }
}

@media screen and (max-width:480px) {
  .huake-indexD h3 {
    font-size: 24px;
  }
}