.pic {
    padding-top: 75%;
    position: relative;
    overflow: hidden;}
.pic div {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    height: 100%;
    transition: all .8s;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;}
.szlist ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.2rem
;}

.szlist ul li {
    width: 50%;
    margin-top: .64rem
;}

.szlist ul li a {
    margin: 0 .2rem;
    display: flex;
    border-radius: 0.1rem;
    border: solid 0.01rem #f6f5f5;
    background-color: #fff;
    padding: .2rem .25rem;
    transition: all .5s;
    min-height: 100%;
    position: relative;
    z-index: 1
;}

.szlist ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(45, 123, 187,.05);
    transition: all .5s;
    z-index: -1;
    pointer-events: none;
    opacity: 0;
    border-radius: 0.1rem
;}

.szlist ul li a .pics {
    width: 1.53rem;
    margin-right: .27rem
;}

.szlist ul li a .pics .pic {
    padding-top: 124%;
    border-radius: .1rem
;}

.szlist ul li a .info {
    flex: 1;
    min-width: 0;
    padding-top: .1rem
;}

.szlist ul li a .info h3 {
    display: flex;
    margin-bottom: .2rem
;}

.szlist ul li a .info h3 b {
    font-family: SourceHanSerifCN-Bold;
    font-size: 0.24rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.26rem;
    letter-spacing: 0rem;
    color: #222222;
    border-bottom: .03rem solid #1074f0;
    padding-bottom: .12rem
;}

.szlist ul li a .info dl {
    display: flex;
    font-size: 0.15rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    letter-spacing: 0rem;
    color: #222222
;}

.szlist ul li a .info dl dd {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;

    flex: 1;
    min-width: 0;
    line-height: .3rem;
    max-height: .6rem;}

.szlist ul li a:hover .info dl dd{
    
display: block;
    
max-height: none;
    
-webkit-box-orient: inherit;
    
-webkit-line-clamp: inherit;}

.szlist ul li a:hover {
    background-color: #ffffff;
    border: solid 0.01rem #e5e5e5;
    box-shadow: 0 0.08rem .1rem rgba(0, 0, 0, .2)
;}

.szlist ul li a:hover::before {
    opacity: 1
;}

 
@media screen and (max-width: 1024px) {
    .szdw ul li {
        margin-top: .25rem
    ;}

    .szdw ul li a {
        display: block
    ;}

    .szlist ul {
        margin: 0 -.1rem
    ;}

    .szdw ul li a {
        margin: 0 .1rem
    ;}

    .szdw ul li a .pics {
        margin: 0 auto
    ;}

}

@media screen and (max-width: 768px) {
    .szdw ul li {
        width: 100%
    ;}

    .szdw ul li a {
        padding: .15rem .1rem
    ;}

    .szlist ul li a .info h3 {
        justify-content: center
    ;}
}