.sort ul li:nth-child(2) a:after {
    width: 100%;
}

.sort ul li:nth-child(2) a{
    color: var(--yx_Color);
}

.con1 {
    background: url(../img/kgbj1.jpg) no-repeat;
    background-size: 100%;
}

.con_b {
    text-align: center;
    color: #333;
    font-weight: bold;
}

.con_l {
    width: 64px;
    height: 2px;
    background: var(--yx_Color);
    margin-right: auto;
    margin-left: auto;
}

.img {
    width: auto;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    display: block;
}

.con1_bot {
    font-size: 0.94vw !important;
}

.con_list {
    width: 100%;
    position: relative;
}

.img2 {
    width: 32.2rem;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    display: block;
}

.nh_li {
    width: auto;
    position: absolute;
}

.nh_li1 {
    left: 7rem;
    top: 2rem;

}

.nh_li2 {
    right: 7rem;
    top: 3rem;
}

.nh_li3 {
    position: relative;
    width: fit-content;
    margin: 4vw auto 0;
}

.nh_li_t {
    font-weight: bold;
    color: #333;
}

.nh_li_t span {
    color: var(--yx_Color);
}

.nh_li_s {
    color: #666;
    line-height: 1.8;
}

.nh_li_s p {
    padding-left: 18px;
    position: relative;
}

.nh_li_s p::before {
    content: '★';
    position: absolute;
    left: 0;
    top: 0;
}

.nh_li3 .nh_li_s {
    margin-top: 20px;
}

.xian1 {
    position: absolute;
    width: auto;
    top: 60px;
    left: -20px;
}

.xian2 {
    position: absolute;
    width: auto;
    top: 60px;
    right: -20px;
}

.xian3 {
    width: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -70%;
}

@media only screen and (max-width: 1600px) {
    .nh_li {
        transform: scale(0.9);
    }

    .img2 {
        width: 28.2rem;
    }

    .nh_li1 {
        left: 4rem;
        top: 1rem;

    }

    .nh_li2 {
        right: 4rem;
        top: 1rem;
    }
}

@media only screen and (max-width: 1440px) {
    .nh_li {
        transform: scale(0.8);
    }
}

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

    .img2 {
        width: 25rem;
    }

    .nh_li2 {
        right: 3rem;
        top: 0rem;
    }
}

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

    .img2 {
        width: 20rem;
    }

    .nh_li1 {
        left: 2rem;
        top: 0rem;
    }

    .nh_li2 {
        right: 6rem;
    }

    .xian1 {
        top: 47px;
    }

    .xian2 {
        width: 30vw;
        top: 47px;
    }
}

@media only screen and (max-width: 769px) {
    .nh_li {
        position: unset;
        transform: scale(1);
        width: 100%;
        margin-top: 25px;
    }

    .nh_li img {
        display: none;
    }

    .nh_li .nh_li_s {
        margin-top: 15px;
    }

    .img2 {
        width: 14rem;
    }
}