.con {
    width: 110rem;
    margin: 0 auto 20px;
    min-height: 70rem;
}

.left_con{
    float: left;;
}

/* 中间的左边 */
.left_con>ul>li {
    cursor: pointer;
    margin: 0;
    width: 170px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
}

.left_con>ul>li a {
    width: 100%;
    height: 100%;
    color: rgba(51,51,51,1);
    display: block;
}

.left_con>ul>li.active_nav {
    background: #FFE600;
}

/* 中间的右边 */
.right_con {
    float: left;;
    margin-left: 10rem;
}
.right_con h5{
    width: 80rem;
}

.right_con p span{
    width: 80rem;
}


#greenOne {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid green;
}

#redOne{
    display: none;
}

.comNoneLi{
    display: none;
}
.active_nav768{
    background: #FFE600;
}


/* @media (max-width: 768px) { */
@media (max-width: 70rem) {
    .active_nav768{
        background: 0;
    }
    .comNoneLi{
        display: block;
    }
    /*手机版*/
    .con {
        width: 100%;
        height: 100%;
    }
    .left_con{
        width: 100%;
        height: 100%;
        position: relative;
        float: initial;

    }
    /* 中间的右边 */
    .right_con {
        /* float: right; */
        /* width: 870px; */
        /* height: 694px; */
        /* background: #fff; */
        float: initial;
        /* width: 100%; */
        margin: auto;
        height: 100%;
        background: #fff;
        margin-top: 3rem;

        margin-left: 1rem;
    }
    .right_con p span{
        width: initial;
    }
    .right_con h5{
        width: initial;
    }
    .left_con>ul{
        /* height: 5rem; */
        overflow: hidden;
        transition:all .25s ease-out;
        -webkit-transition:all .25s ease-out;
        background: #333;
    }


    /* 被点击后 */
    .left_conClass{
        height: 35rem;
    }
    /* 中间的左边 */
    .left_con>ul>li {
        cursor: pointer;
        margin: 0;
        width: 100%;
        height: 5rem;
        /* padding-left: 50px; */
        line-height: 5rem;
        text-align: center;
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: rgba(51, 51, 51, 1);
        /* border-bottom: 0.1rem solid #ffe600; */
    }

    .left_con>ul>li a {
        width: 100%;
        height: 100%;
        color:#fff;
    }

    .left_con>ul>li.active_nav {
        background: #FFE600;

    }
    .comNoneUl{
        height: 5rem;
    }

    .comBlockUl{
        height: 35rem;
    }
    #redOne {
        display: block;
        width: 5rem;
        height: 5rem;
        /* border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 20px solid red; */
        /* margin-left: 60%; */
        /* margin-right: 10%; */
        background: rgba(51, 51, 51, 3);
        color: #fff;
        line-height: 5rem;
        text-align: center;
        /* margin-top: 1.5rem; */
        position: absolute;
    }

    .toggleButton {
        border-left: 1px solid rgba(255,255,255,0.07);
        transition:all .25s ease-out;
        -webkit-transition:all .25s ease-out;
    }

    .toggleButton {
        margin: 10px 0;
        padding: 0 20px;
    }
    .toggleButton {
        color: inherit;
        cursor: pointer;
        font-family: inherit;
        position: relative;
        text-align: inherit;
        user-select: none;
        background: none;
        border: none;
        box-shadow: none;
        border-radius: 0;
        font-size: inherit;
        font-weight: 400;
        letter-spacing: inherit;
        padding: 0;
        text-transform: none;
    }
    .toggleButton{
        /* position: absolute;     */
    }
    .svg-icon{
        /* position: absolute; */
        transition: all 250ms;
        overflow: hidden;
    }

}