.listData{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content:flex-start;
}
.bannerDiv1{
    width: 18%;
    margin-right: 2%;
    margin-bottom:2%;
    cursor: pointer;
    border-radius: 10px;
    overflow: hidden;

}

.imgBgBox{
    width: 100%;
    height: 11rem;
    overflow: hidden;
    background: rgba(0,0,0,0.05);
}
.imgBg{
    width: 100%;
    height: 100%;
}
.imgBg:hover{
    transition: all .65s;
    transform: scale(1.2);
}

.pdfTitle{
    width: 100%;
    letter-spacing: 1px;
    font-size: 0.7rem;
    line-height: 1rem;
    text-align: center;
    padding: 0.5rem 0.2rem;
}
.bannerDiv1:hover .pdfTitle{
    transition: 0.65s;
    background: #1E9FFF;
    color: white;
}

.shadeBox{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;

    padding: 0.3rem 0;
}
.shadeBox p {
    width: 47%;
    border: 1px solid whitesmoke;
    /*margin: 0 auto;*/
    /*background:#1e9fff;*/
    text-align: center;
    /*line-height: 1rem;*/
    cursor: pointer;
    padding: 0.3rem 0;
    border-radius: 8px;
    font-size: 0.6rem;
    /*color: white;*/
}
.shadeBox p:hover{
    color: white;
    transition: all .65s;
    background: #1e9fff;
}



/*laypage来分页*/
#pageBar{
    width: 100%;
    text-align: center;
    margin: 1rem auto;
}


/*媒体查询*/
@media (max-width: 900px) {
    .bannerDiv1{
        width: 100%;
        margin-right: 0%;
        margin-bottom: 6%;
    }
    .bannerDiv1:hover .pdfTitle {
        background: initial; /* 重置背景色 */
        color: initial;      /* 重置文字颜色 */
    }
    .pdfTitle{
        background: #1E9FFF!important;
        color: white!important;
    }
    /*.imgBgBox {*/
        /*height: 8rem;*/
    /*}*/
    .imgBg:hover{
        transition: none;
        transform: none;
    }
    .shadeBox p{
        color: white;
        background: #1e9fff;
    }
    /*.shadeBox p:hover {*/
        /*color: inherit!important;*/
        /*background: transparent!important;*/
        /*transition: none;*/
    /*}*/
    .shadeBox .layui-icon-eye{
        display: none;
    }
    .shadeBox .layui-icon-eye:hover{
        color: white;
    }
    .shadeBox .layui-icon-download-circle:hover{
        background: #1e9fff;
    }
}