.quali_con{padding-top:2rem; width: 100%; background-color: #fff;}

.quali_tit{padding: 1.56vw 0; position: relative; font-size: 2rem; color: #333; text-align: center;}

.quali_tit::after{content:''; position: absolute; bottom: 0; left: 50%; margin-left: -2.6vw; width: 5.2vw; border-bottom: solid 0.25rem #004bc8;}

.quali_t1{margin: 1.56vw auto; width: 38%; line-height: 2; color: rgb(85, 83, 83); text-align: center;}

.quali_con .container{display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap:wrap; justify-content:flex-start;align-items:center;}

.quali_blo{margin: 2.6vw 1.5%; width: 22%; overflow: hidden;}

.quali_blo img{margin: 0 auto; width: 100%;}

.quali_blo:hover{-moz-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1);-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}



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

}

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

    .quali_t1{width: 60%;}

    .quali_blo{margin: 2.6vw 1.5%;width: 30%;} 

}

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

}

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

    .quali_t1{width: 90%;}

    .quali_blo{margin: 2.6vw 2%;width: 46%;} 

}

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

}

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

    

}

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

}

<!--ºÄʱ1773292901.6669Ãë-->