.zhzitem {
}

    .zhzitem .zzcatnm {
        border-bottom: 1px solid #abcd05;
        padding: 50px 0 20px 0;
        margin-bottom: 30px;
    }

    .zhzitem .cen {
        font-size: 30px;
        line-height: 30px;
    }

    .zhzitem .can {
        font-size: 26px;
        line-height: 30px;
        margin-left: 10px;
    }


    .zhzitem .fstscn {
        display: flex;
        justify-content: space-between;
    }

    .zhzitem .fstfl {
        width: 320px;
        height: 648px;
        box-sizing: border-box;
        border: 8px solid #FFF;
        border-radius: 6px;
        background-color: #fff;
    }

    .zhzitem .flul {
    }

        .zhzitem .flul a {
            display: block;
            height: 70px;
            position: relative;
            margin-bottom: 10px;
            line-height: 50px;
            font-size: 14px;
            color: #333;
        }

    .zhzitem .xxlay {
        position: absolute;
        z-index: 2;
        left: 0px;
        top: 0px;
        width: 304px;
        box-sizing: border-box;
        height: 70px;
        display: flex;
        padding: 10px;
        background-color: #f3f3f3;
        border-radius: 6px;
    }
    .zhzitem .listr {
        margin-top:5px;
        height: 40px;
        line-height: 20px;
    }
.zhzitem .xxlayon {
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 0px;
    width: 330px;
    box-sizing: border-box;
    height: 70px;
    pointer-events: none;
}

    .zhzitem .layon {
        display: none;
        position: relative;
        width: 100%;
        height: 70px;
        background: #abcd05;
        border-radius: 6px 0 0 6px;
        pointer-events: none;
    }

        .zhzitem .layon::after {
            content: '';
            position: absolute;
            top: 0;
            right: -35px;
            width: 0;
            height: 0;
            border-top: 35px solid transparent;
            border-left: 35px solid #abcd05;
            border-bottom: 35px solid transparent;
        }

    .zhzitem .liaon .xxlay {
        background-color: transparent;
    }

    .zhzitem .liaon .layon {
        display: block;
    }

    .zhzitem .flul a:hover .xxlay {
        background-color: transparent;
    }

    .zhzitem .flul a:hover .layon {
        display: block;
    }

    .zhzitem .liimg {
        margin-right: 20px;
    }

        .zhzitem .liimg img {
            display: block;
            width: 50px;
            height: 50px;
        }

    .zhzitem .ennm {
        margin-right: 10px;
    }

    .zhzitem .annm {
    }

    .zhzitem .fstfr {
        flex: 1;
        height: 648px;
        box-sizing: border-box;
        margin-left: 10px;
        background-color: #FFF;
        border-radius: 6px;
        box-sizing: border-box;
        padding: 40px;
        overflow: hidden;
        overflow-y: auto;
    }

    .zhzitem .zzimg {
        width: 200px;
        height: 200px;
        margin:0 auto;
        background-color: #f3f3f3;
        border-radius:50%;
        display:flex;
        justify-content:center;align-items:center;
    }

        .zhzitem .zzimg img {
            display: block;
            width: 80%;
            margin: 0 auto;
        }

    .zhzitem .fren {
        text-align: center;
        line-height: 30px;
        font-size: 23px;
        margin-top:20px;
    }

    .zhzitem .fran {
        text-align: center;
        line-height: 30px;
        font-size: 20px;
    }

    .zhzitem .frnr {
        margin-top: 30px;
    }

        .zhzitem .frnr p {
            margin-top: 10px;
            line-height: 1.5
        }

        .zhzitem .frnr img {
            display: block;
            width: 100%;
        }
    /****/
    .zhzitem .sndscn {
/*        background-image: url(/img/ifimg/zzibg.jpg);*/
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        margin-top: 100px;
    }

    .zhzitem .sdnbox {
        position: relative;
        height: 100vh;
        width: 320px;
    }

    .zhzitem .boxm {
        position: absolute;
        z-index: 2;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .zhzitem .boxbg {
        position: absolute;
        z-index: 1;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        background-color: #000;
        opacity: 0.4;
    }

    .zhzitem .bxen {
        text-align: center;
        color: #FFF;
        font-size: 20px;
    }

    .zhzitem .bxan {
        text-align: center;
        color: #FFF;
        font-size: 20px;
        margin-bottom: 40px;
    }

    .zhzitem .bximg {
        width: 80%;
        margin: 20px auto;
        display: flex;
        justify-content: space-between;
        margin-bottom: 40px;
    }

        .zhzitem .bximg img {
            display: block;
            width: 48%;
            border-radius: 6px;
        }

    .zhzitem .boxm a {
        display: block;
        width: 60%;
        background-color: #FFF;
        line-height: 50px;
        border-radius: 25px;
        text-align: center;
        padding: 0 10px;
        margin: 0 auto;
        color: #333;
    }
        .zhzitem .boxm a:hover{
            background-color:#abcd05
        }
        .zhzitem .boxm a span {
            margin: 0 10px;
        }