.clear{clear: both; line-height: 0; height: 0;}
.top{overflow: hidden;}
.top img{width: 100%; height: auto;}
.zdlyUI{margin-top: 15px;}
.zdlyUI li{position: relative;width: 14%;height: 145px;float: left;border: 1px solid #DCDCDC;margin-right: 23px;margin-bottom: 24px;text-align: center;}
.zdlyUI li:after{position: absolute; bottom: 0px; left: 0px; content: ""; display: none; width: 100%; height: 6px; background: #3293f5;}
.zdlyUI li:hover:after{display: block;}
.zdlyUI li a{display: block; width: 100%; height: 100%;}
.zdlyUI li img{margin: 0 auto; height: 91px; width: auto;}
.zdlyUI li span{color: #0062c5; font-size: 14px; font-weight: bold; display: block; width: 60%; margin: 0 auto; line-height: 18px; height: 36px; overflow: hidden;}
.zdlyUI li .img{display: block;}
.zdlyUI li .imgHover{display: none;}
.zdlyUI li:hover .img{display: none;}
.zdlyUI li:hover .imgHover{display: block;}
.zdlyUI li:hover{background: #0062c5;}
.zdlyUI li:hover span{color: white;}

@media (max-width: 920px) {
.zdlyUI li{margin: 0 15px 24px; width: 16.5%}
}

@media (max-width: 860px) {
    .zdlyUI li{width: 21%}
    .zdlyUI li span{width: 55%;}
}

@media (max-width: 780px) {
    .zdlyUI ul{display: flex; justify-content: space-around; flex-wrap: wrap}
    .zdlyUI ul li{width: 21%; float: none; margin: 0 0 24px;}
    .zdlyUI li span{width: 55%;}
    .top img{width: 250%; margin-left: -74.5%;}
}

@media (max-width: 540px) {
    .zdlyUI li span{width: 80%;}
}

@media (max-width: 480px) {
    .zdlyUI ul li{width: 29%;}
    .zdlyUI li span{width: 75%;}
}

@media (max-width: 380px) {
    .zdlyUI li{height: 125px;}
    .zdlyUI li img{height: 71px;}
    .zdlyUI li span{width: 85%;}
}

@media (max-width: 320px) {
    .zdlyUI ul li{width: 30%;}
    .zdlyUI li span{width: 95%;}
}