.ld-nav {
    float: right;
}

.ld-nav-l li {
    min-height: 2.2rem;
}

.ld-info {
    display: flex;
}

.ld-main {
    display: flex;
    justify-content: space-between;
}

.ld-main .lf {
    width: 3rem;
}

.ld-main .lf a {
    display: block;
    width: 2rem;
    margin: 0 auto;
}

.ld-main .lf a:hover .name,
.ld-main .lf a:hover .con {
    color: #236cb5;
}

.ld-main .lf img {
    width: 100%;
}

.ld-main .lf .name {
    font-size: .22rem;
    font-weight: bold;
    line-height: .4rem;
    text-align: center;
}

.ld-main .lf .con {
    font-size: .16rem;
    text-align: center;
    font-weight: bold;
}

.ld-nav {
    width: 8rem;
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
}

/* .ld-nav-l {
    padding-top: 0;
} */

.ld-nav-l li {
    width: 1.8rem;
    margin: 0 .1rem .2rem;
}

.ld-nav-l li img {
    box-sizing: border-box;
    width: 100%;
    height: 1.9rem;
}

.ld-tx p.name {
    font-size: .2rem;
    font-weight: bold;
}

.ld-tx p.con {
    font-size: .16rem;
}

.ld-content {
    width: 100%;
}

.ld-info .info {
    width: calc(100% - 1.78rem);
}

@media screen and (max-width: 768px) {
    .ld-main {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
    }

    .ld-main .lf {
        width: 100%;
        margin-bottom: .2rem;
    }

    .ld-main .lf .name {
        font-size: .26rem;
    }

    .ld-main .lf .con {
        font-size: .24rem;
        font-weight: bold;
    }

    .ld-nav {
        width: 100%;
    }

    .ld-nav-l li {
        width: calc(25% - .1rem);
        margin: 0 .05rem .3rem;
    }

    .ld-tx img {
        box-sizing: border-box;
        width: 100%;
        height: 26vw;
    }

    .ld-tx p.name {
        font-size: .26rem;
    }

    .ld-tx p.con {
        font-size: .24rem;
    }

    .ld-tx.l1 img {
        width: 30%;
        height: auto;
    }

    .ld-tx.l1 p.name {
        font-size: .28rem;
    }

    .ld-tx.l1 p.con {
        font-size: .26rem;
    }
}