.clearfix:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    /* 为 IE6、IE7浏览器设置的清除浮动 */
    *zoom: 1;
}

.jzxx {
    width: 1200px;
    margin: 0 auto;
}

.banner_con {
    width: 100%;
    height: 300px;
    background: url("https://www.laizhou.gov.cn/picture/76/2404031545046899827.jpg") no-repeat;
    background-size: 100%;
}

.mod_con {
    margin-top: 50px;
    margin-bottom: 50px;
}

.mod_l {
    float: left;
    width: 246px;
    height: 876px;
    background-color: #e0ebfa;
    border-radius: 5px;
    position: relative;
    box-shadow: #0f7ff0;
    padding-top: 45px;
}

.lx_title {
    width: 226px;
    height: 45px;
    background-image: linear-gradient(90deg,
    #1a6df8 0%,
    #4aa9fa 100%);
    border-radius: 5px;
    margin: 10px auto;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 20px;
    line-height: 45px;
    cursor: pointer;
}

.xx_con {
    display: none;
    padding-left: 30px;
    font-size: 15px;
    height: 600px;
    overflow: auto;
    /*background: #0a886c;*/
}

.xx_con li {
    display: block;
    margin: 10px 0;
}

.xx_con li a {
    position: relative;
}

.xx_con li a:hover {
    color: #115db2;
}

.xx_con li a::before {
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    background-color: #115db2;
    left: -10px;
    top: 10px;
}

.mod_r {
    margin-left: 27px;
    float: left;
    width: 920px;
    height: 876px;
}

.mldh {
    position: absolute;
    width: 200px;
    height: 40px;
    background: url("mldh.png") no-repeat;
    background-size: 100%;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    font-size: 24px;
    top: -15px;
    left: 50%;
    margin-left: -100px;
}

.ss_con {
    width: 100%;
    height: 110px;
    line-height: 100px;
    background-color: #e0ebfa;
    border-radius: 5px;
}

.ss_con img {
    /*margin-left: 20px;*/
    vertical-align: middle;
}

.dzcx_con {
    float: right;
    width: 500px;
    height: 100%;
    /*background: #0a886c;*/
}

.list_con {
    width: 100%;
    margin-top: 20px;
    height: 750px;
    background-color: #e0ebfa;
    border-radius: 5px;
    padding-top: 20px;
}

.wjxx {
    width: 880px;
    height: 30px;
    background-color: #f3f8fe;
    margin: 0 auto;
    line-height: 30px;
    font-size: 15px;
    font-weight: bold;
}

.wjxx span {
    display: inline-block;
    text-align: center;
}

.wjxx span:nth-of-type(1) {
    width: 50%;
    text-align: center;
}

.wjxx span:nth-of-type(2) {
    width: 30%;
}

.wjxx span:nth-of-type(3) {
    width: 20%;
}

.list_ul {
    width: 100%;
    height: auto;
    overflow: auto;
}

.list_ul li {
    width: 880px;
    margin: 20px auto;
    padding: 20px 0;
    height: 100px;
    border-bottom: 1px dashed #999999;
}

.list_ul li a {
    width: 100%;
    height: 50px;
    position: relative;
}

.list_ul li a span {
    /*display: inline-block;*/
    height: 100%;
    float: left;
    text-align: center;
    font-size: 16px;

}

.list_ul li a > span:nth-of-type(1) {
    width: 50%;
    color: #115db2;
    font-weight: bold;
}

.list_ul li a > span:nth-of-type(2) {
    width: 30%;
}

.list_ul li a > span:nth-of-type(3) {
    width: 20%;
}

.list_ul li a::before {
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    background-color: #115db2;
    left: 0;
    top: 10px;
}


.list_ul::-webkit-scrollbar {
    width: 0 !important
}

.list_ul {
    -ms-overflow-style: none;
}

.list_ul {
    overflow: -moz-scrollbars-none;
}

.xx_con::-webkit-scrollbar {
    width: 0 !important
}

.xx_con {
    -ms-overflow-style: none;
}

.xx_con {
    overflow: -moz-scrollbars-none;
}
@media screen and (width: 996px) {
    .banner_con {
        height: 160px;
    }
    .jzxx {
        width: 100%;
    }
    .mod_l {
        width: 240px;
    }
    .mod_r {
        width: calc(100% - 280px);
    }
    .wjxx {
        width: 100%;
    }
    .dzcx_con {
        width: 372px;
    }
    .gjjs_con input[name='vc_name'].input-text {
        width: 280px !important;
    }
    .list_ul li {
        width: 100% !important;
    }
    .wjxx span:nth-of-type(1) {
        width: 50% !important;
    }
    .wjxx span:nth-of-type(2) {
        width: 30% !important;
    }
    .wjxx span:nth-of-type(3) {
        width: 20% !important;
    }
    .list_ul li a > span:nth-of-type(1) {
        width: 50% !important;
    }
    .list_ul li a > span:nth-of-type(2) {
        width: 30% !important;
    }
    .list_ul li a > span:nth-of-type(3) {
        width: 20% !important;
    }
}