.huake-indexA{background:#f7feff;}
.huake-indexA .tit {text-align:center;}
.huake-indexA .tit h3{font-size:44px;color:#333;font-weight:700;line-height:1;}
.huake-indexA .tit p{font-size:20px;color:#333;margin:6px 0 0;}

.huake-indexA dl {margin:18px -12px 0;display:flex;flex-wrap:wrap;}
.huake-indexA dl dd {width:25%;padding:12px;}
.huake-indexA dl dd .box{position:relative;}
.huake-indexA dl dd .box::after {display:none;content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:99;background:rgba(0,0,0,.6);transition:all 0.3s ease 0s;}
.huake-indexA dl dd .box::before {position:absolute;content:'';opacity:0;top:10px;right:10px;bottom:10px;left:10px;z-index:102;border:1px solid rgba(255,255,255,0.6);-webkit-transform:scale(0);transform:scale(0);}
.huake-indexA dl dd .pic{display:block;position:relative;}
.huake-indexA dl dd .pic img {display:block;width:100%;}
.huake-indexA dl dd .pic ins {height:56px;line-height:56px;text-align:center;background:rgba(0,0,0,.5);position:absolute;bottom:0;left:0;right:0;color:#fff;font-size:18px;}
.huake-indexA dl dd .txt {position:absolute;left:0;top:0;right:0;bottom:0;width:100%;z-index:105;padding:0 20px;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:flex;justify-content:center;align-items:center;flex-direction:column;}
.huake-indexA dl dd .txt::after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.6);transition:all 0.3s ease 0s;}
.huake-indexA dl dd .txt > *{position:relative;z-index:10;}
.huake-indexA dl dd .txt h6 {font-size:18px;color:#fff;}
.huake-indexA dl dd .txt h6 a {color:#fff;}
.huake-indexA dl dd .txt p {font-size:14px;color:#fff;line-height:24px;max-height:120px;overflow:hidden;margin:15px 0 0 0;}
.huake-indexA dl dd .txt .more {border-radius:50%;border:1px solid #fff;width:45px;height:45px;line-height:45px;display:inline-block;text-align:center;margin:15px 0 0;}
.huake-indexA dl dd .txt .more i {color:#fff;font-size:12px;}


@media screen and (min-width:768px) {
.huake-indexA 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-indexA dl dd:hover .txt {opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition-duration:0.35s;transition-duration:0.35s;}
.huake-indexA dl dd:hover ins {display:none;}
}



@media screen and (max-width:1680px){
.huake-indexA .tit h3{font-size:42px;}
}


@media screen and (max-width:1441px) {
.huake-indexA .tit h3{font-size:40px;}
.huake-indexA .tit p{font-size:19px;}
}

@media screen and (max-width:1367px) {
.huake-indexA .tit h3{font-size:38px;}
.huake-indexA .tit p{font-size:18px;}
}

@media screen and (max-width:1281px){
.huake-indexA .tit h3{font-size:36px;}
.huake-indexA .tit p{font-size:17px;}
.huake-indexA dl dd .pic ins {height:50px;line-height:50px;font-size:17px;}
}


@media screen and (max-width:1171px){
.huake-indexA dl dd {width:33.333333%;}
.huake-indexA .tit h3{font-size:34px;}
.huake-indexA dl dd .pic ins {height:45px;line-height:45px;font-size:16px;}
}




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

.huake-indexA .tit h3{font-size:28px;}
.huake-indexA .tit p{font-size:16px;}
.huake-indexA dl dd {width:50%;}

.huake-indexA dl dd .pic ins{height:40px;line-height:40px;}

}

@media screen and (max-width:480px) {
.huake-indexA .tit h3 {font-size:24px;}
.huake-indexA dl {margin:20px -10px 0;}
.huake-indexA dl dd {padding:10px;}
.huake-indexA dl dd .pic ins {height:36px;line-height:36px;font-size:15px;}
}


@media screen and (max-width:420px) {
.huake-indexA .tit h3 {font-size:22px;}
}
              
            .huake-indexA{
                background: linear-gradient(to bottom, rgb(255 255 255), rgba(52, 174, 223,.2)) !important;
            }