.huake-indexD{padding:90px 0;position:relative;}
.huake-indexD .tit {text-align:center;}
.huake-indexD .tit h3{font-size:42px;line-height:1;padding-bottom:15px;position:relative;color:#0b2c3d;font-weight:700;border-bottom:1px solid #dadada;display:inline-block;}
.huake-indexD .tit h3::after {content:"";position:absolute;left:calc(50% - 35px);bottom:-2px;width:70px;height:4px;background:#EE831C;display:block;}
.huake-indexD .tit p {margin:20px 0 0;line-height:28px;font-size:17px;color:#444;}

.huake-indexD dl {margin:20px -15px 0;display:flex;flex-wrap:wrap;}
.huake-indexD dl dd {position:relative;width:20%;cursor:pointer;padding:15px;}
.huake-indexD dl dd img {display:block;width:100%;/*border-radius:13%;*/}
.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);text-align:center;opacity:0;transition:opacity 0.2s,transform 0.35s;transform:scale(0);display:flex;justify-content:center;align-items:center;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 {transition:opacity 0.35s,transform 0.35s;opacity:1;transform:scale(1);}
.huake-indexD dl dd:hover::after {display:block;}
.huake-indexD dl dd:hover .txt {opacity:1;transform:scale(1);transition-duration:0.35s;}
.huake-indexD dl dd:hover ins {display:none;}

@media screen and (max-width:1550px){
.huake-indexD{padding:80px 0;}
.huake-indexD .tit h3{font-size:39px;}
}

@media screen and (max-width:1441px) {
.huake-indexD{padding:75px 0;}
.huake-indexD .tit h3{font-size:38px;}
}

@media screen and (max-width:1367px) {
.huake-indexD{padding:70px 0;}
.huake-indexD .tit h3{font-size:36px;}
}

@media screen and (max-width:1281px){
.huake-indexD{padding:60px 0;}
.huake-indexD .tit h3{font-size:34px;}
.huake-indexD .tit p{line-height:26px;}
.huake-indexD dl dd {width:25%;}
}

@media screen and (max-width:1171px){
.huake-indexD{padding:50px 0;}
.huake-indexD .tit h3{font-size:32px;}
.huake-indexD dl {margin:20px -12px 0;}
.huake-indexD dl dd {padding:12px;}
}

@media screen and (max-width:992px){
.huake-indexD{padding:40px 0;}
.huake-indexD .tit h3{font-size:31px;}

.huake-indexD dl dd {width:33.333333%;}
}

@media screen and (max-width:768px){

.huake-indexD{padding:30px 0;}
.huake-indexD .tit h3{font-size:28px;}
.huake-indexD .tit h3::after{width:50px;height:3px;}
.huake-indexD .tit p{margin:15px 0 0;line-height:24px;font-size:16px;}
  
}


@media screen and (max-width:576px) {
.huake-indexD .tit h3{font-size:26px;}
.huake-indexD dl dd {width:50%;}
}

@media screen and (max-width:480px) {
.huake-indexD .tit h3{font-size:24px;}
.huake-indexD .tit p{line-height:22px;font-size:15px;}
.huake-indexD dl {margin:20px -6px 0;}
.huake-indexD dl dd {padding:6px;}
}	

@media screen and (max-width:420px) {
.bobo-index-tit h3{font-size:22px;}
}