body{
    background-color: #fff;
}

.sjj_container{
    width: 1440px;
    margin: 0 auto;
}


.djlz{
    padding: 40px 0 27px;
}

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

.djlz_nav{
    width: 22.2%;
}

.djlz_dbt{
    background: #F6F9FF;
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    text-align: center;
    padding: 29px 0;
    border-bottom: 3px solid #3067C9;
}

.djlz_dbt img{
    margin-right: 8px;
    vertical-align: middle;
}

.djlz_nav ul{
    height: 817px;
    padding: 30px 29px 0 30px;
    border: 1px solid #DDDDDD;
}

.djlz_nav ul li{
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.djlz_nav ul li:first-child{
    padding-bottom: 20px;
    border-bottom: 1px solid #DDDDDD;
}

.djlz_nav ul li span{
    font-size: 20px;
    font-weight: 400;
    color: #333333;
}

.djlz_nav ul li img{
    margin-top: 6px;
}

.lan{
    display: none;
}

.djlz_nav ul li.on span,
.djlz_nav ul li:hover span{
    font-weight: bold;
    color: #3067C9;
}

.djlz_nav ul li.on .lan,
.djlz_nav ul li:hover .lan{
    display: block;
}

.djlz_nav ul li.on .hui,
.djlz_nav ul li:hover .hui{
    display: none;
}


.djlz_nr{
    width: 75.7%;
}

.djlzbt{
    padding-bottom: 17px;
    border-bottom: 1px solid #DDDDDD;
}

.djlzbt span{
    font-size: 20px;
    font-weight: bold;
    color: #3067C9;
    padding-bottom: 14px;
    border-bottom: 4px solid #3067C9;
}

.djlznr{
    margin-top: 4px;
}

.djlznr li {
    padding: 19px 0 20px;
    border-bottom: 1px dashed #CCCCCC;
    display: flex;
    justify-content: flex-start;
}

.djlznr li img {
    margin-right: 12px;
}

.djlznr li a {
    width: 84%;
    margin-right: 64px;
    font-size: 16px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.djlznr li span {
    font-size: 16px;
    color: #999999;
    position: relative;
}

.djlznr li span::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -20px;
    margin: auto;
    width: 1px;
    height: 21px;
    background: #CCCCCC;
}

/* 手机版 */

@media screen and (max-width: 768px) {
    .sjj_container{
        width: 100% !important;
    }
    .djlz_main{
        flex-wrap: wrap;
        padding: 0 15px;
    }
    .djlz_nav,
    .djlz_nr{
        width: 100%;
    }
    .djlz_nav ul{
        height: auto;
    }
    .djlz_nav{
        margin-bottom: 30px;
    }
    .djlznr li a{
        margin-right: 20px;
    }
    .djlznr li span::before{
        /*left: -10px;*/
		display:none;
    }
    .djlznr li{
        display: block;
    }
    .djlznr li div{
        display: inline-block;
    }
    .djlznr li a{
        overflow: visible;
        text-overflow: initial;
        white-space: normal;
    }
}

/* 长者版 */

.wzazzms .sjj_container{
    width: 100% !important;
}

.wzazzms .djlz_main{
    flex-wrap: wrap;
    padding: 0 15px;
}

.wzazzms .djlz_nav,
.wzazzms .djlz_nr{
    width: 100%;
}

.wzazzms .djlz_dbt img{
    width: 4%;
}

.wzazzms .djlz_dbt{
    font-size: 64px;
}

.wzazzms .djlz_nav ul li span,
.wzazzms .djlzbt span{
    font-size: 50px;
}

.wzazzms .djlz_nav ul{
    height: auto;
}

.wzazzms .djlz_nav{
    margin-bottom: 30px;
}

.wzazzms .djlznr li a,
.wzazzms .djlznr li span{
    font-size: 34px;
}

.wzazzms .djlznr li a{
    width: 75%;
}

.wzazzms .djlz_nav ul li img{
    margin-top: 30px;
}
.wzazzms .djlznr li img{
    margin-top: 20px;
}