.hdjl_main{
    width: 100%;
    margin: 20px 0;
}

.zwzx_one{
    width: 100%;
    overflow: hidden;
}
.zo_left{
    float: none;
    width: 100%;
}
.zo_left a img{
    width: 100%;
}
.zo_right{
    display: none;
    float: none;
    width: 100%;
    overflow: hidden;
    margin: 12px 0 0;
}
.zo_right a{
    display: block;
    float: right;
    width: 49%;
    height: 48px;
    line-height: 48px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    background-color: #508fc1;
}
.zo_right a:first-child{
    float: left;
    background-color: #559ec9;
}
.zo_right a img{
    margin: -5px 10px 0 0;
}

.zwzx_two{
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.zt_left{
    width: 100%;
    padding: 20px 0;
    border:1px solid #e5e5e5;
    margin: 20px 0;
}
.zt_right{
    width: 100%;
    padding: 20px 0;
    border:1px solid #e5e5e5;
}

.zt_title{
    width: 96%;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 0 20px;
    border-bottom: 1px solid #e5e5e5;
}
.zt_titles{
    width: 94%;
}
.zt_title img{
    display: block;
    float: left;
    margin: 5px 15px 0 5px;
}
.zt_title p{
    float: left;
    font-size: 20px;
}
.zt_title a{
    display: block;
    float: right;
    font-size: 16px;
    color: #7c7c7c;
    margin: 4px 0 0;
}
.zt_title a:hover{
    color: red;
}

.zt_main{
    width: 96%;
    margin: 20px auto 0;
    overflow: hidden;
}
.ztm{
    float: left;
    width: 50%;
    overflow: hidden;
    margin: 0 0 20px;
}
.ztm_left{
    float: left;
    width: 62px;
    height: 63px;
    color: #fff;
    text-align: center;
    background: url(../images/zwzx/zt_bj.png) no-repeat;
    background-size: 100% 100%;
}
.ztm_left p{
    font-size: 22px;
    margin: 3px 0 0;
}
.ztm_right{
    float: right;
    width: 84%;
}
.ztm_right h2{
    width: 100%;
    font-size: 18px;
    overflow: hidden;
}
.ztm_right h2 a{
    display: block;
    float: left;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ztm_right h2 span{
    display: none;
    float: left;
    width: 16%;
    font-size: 12px;
    color: #fff;
    text-indent: 10px;
    padding: 2px 0;
    background: url(../images/zwzx/ks.png) no-repeat;
    background-size: 100% 100%;
    margin: 3px 0 0 2%;
}
.ztm_right h2 span.js{
    background: url(../images/zwzx/js.png) no-repeat;
    background-size: 100% 100%;
}
.ztm_right p{
    width: 100%;
    font-size: 14px;
    overflow: hidden;
    margin: 7px 0 0;
}
.ztm_right p span{
    display: block;
    float: left;
    max-width: 80%;
    color: #565656;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ztm_right p a{
    display: block;
    float: left;
    color: #c40707;
}
.ztm_right p a:hover{
    color: red;
}

/* ios */
@media (max-width: 760px) {
    .zo_left,
    .zo_right{
        float: none;
        width: 92%;
        margin: 0 auto;
    }
    .zo_right a{
        float: none;
        width: 100%;
    }
    .zo_right a:first-child{
        float: none;
        margin: 15px 0;
    }
    .zt_left,
    .zt_right{
        width: 92%;
        margin: 0 auto;
    }
    .zt_left{
        margin: 20px auto;
    }
    .ztm{
        float: none;
        width: 100%;
    }
    .ztm_right{
        width: 78%;
    }
    .ztm_right p span{
        max-width: 72%;
    }
}