header, nav, section, footer {
    display: block;
}

body {
    min-width: 1250px;
    overflow-x: hidden;
    font-family: 'Microsoft YaHei';
    margin: 0px;
    padding: 0px;
}

.wrap {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

body, ul, ol, dl, li, dt, dd, p, input, datalist, h1, h2, h3, h4 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

ol, ul, dl, li {
    list-style-type: none;
}

a, input, button {
    text-decoration: none !important;
    color: inherit;
    outline: none;
}

img {
    max-width: 100%;
    height: auto;
}

.clearfix {
    *zoom: 1
}

/* 首页 */
.dj .top_bg {
    height: 1992px;
    background: url(/content/img/party/all-bg1.jpg) center center no-repeat;
    max-width: 1920px;
    margin: 0 auto;
}

.dj .intro p {
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FFF;
    text-align: right;
    padding: 46px 0 10px 0;
}

.dj .intro .t_font {
    text-align: center;
    margin-bottom: 75px;
}

.dj .ct_bg {
    height: 2248px;
    background: url(/content/img/party/all-bg2.jpg) center center no-repeat;
    max-width: 1920px;
    margin: 0 auto;
}
/* 公共头部 */
@font-face {
    font-family: commonFont;
    src: url(/content/fonts/STZHONGS.TTF);
}

.dj .custom,
.learn .custom {
    padding: 17px 20px 0 20px;
}

    .dj .custom.long_c .common_tit,
    .learn .custom.long_c .common_tit,
    .edu .custom.long_c .common_tit {
        margin-left: 50%;
        transform: translateX(-55%);
    }

.dj .common_tit,
.learn .common_tit,
.edu .common_tit {
    width: 216px;
    height: 88px;
    background: url(/content/img/party/tit-bg-4.png) no-repeat;
    background-size: contain;
    display: inline-block;
}

    .dj .common_tit.long_bg,
    .learn .common_tit.long_bg,
    .edu .common_tit.long_bg {
        width: 348px;
        height: 88px;
        background: url(/content/img/party/tit-bg-8.png) no-repeat;
        background-size: contain;
    }

    .dj .common_tit.medium_bg {
        width: 247px;
        height: 88px;
        background: url(/content/img/party/tit-bg-5.png) no-repeat;
        background-size: contain;
    }

    .dj .common_tit em,
    .learn .common_tit em,
    .edu .common_tit em {
        color: #DD031C;
        font-size: 34px;
        font-style: italic;
        font-family: commonFont;
        font-weight: bold;
        position: relative;
        left: 50px;
        top: 24px;
    }

.dj .custom.long_c a,
.learn .custom.long_c a {
    top: 80px;
}

.dj .custom a,
.learn .custom a {
    font-size: 16px;
    color: #373737;
    position: relative;
    top: 43px;
    float: right;
}

    .dj .custom a:hover {
        color: #C40C14;
    }
/* ********** 学习强国 ********** */
.dj .top_lb {
    position: relative;
    margin-top: 50px;
}
    .dj .top_lb #box {
        position: relative;
        width: 900px;
        height: 500px;
        margin: 0 auto;
    }

        .dj .top_lb #box ul {
            position: relative;
            width: 900px;
            height: 500px;
        }

        .dj .top_lb #box li {
            position: absolute;
            list-style: none;
            background: #000;
            width: 0;
            height: 0;
            top: 146px;
            left: 377px;
            z-index: 0;
            cursor: pointer;
            overflow: hidden;
            border-radius: 5px;
            box-sizing: border-box;
        }

            .dj .top_lb #box li a {
                list-style: none;
                background: #000;
                width: 0;
                height: 0;
                top: 146px;
                left: 377px;
                z-index: 0;
                cursor: pointer;
                overflow: hidden;
                border-radius: 3px;
                box-sizing: border-box;
                position: relative;
                top: 0;
                left: 0px;
            }

            .dj .top_lb #box li img {
                width: 100%;
                height: 100%;
            }

        .dj .top_lb #box .prev, #box .next {
            position: absolute;
            top: 50%;
            width: 86px;
            height: 95px;
            overflow: hidden;
            text-indent: -999px;
            cursor: pointer;
            background: url(/content/img/party/gray-arrow-lt.png) no-repeat;
            z-index: 99;
        }

        .dj .top_lb #box .prev {
            left: 60px;
            top: 170px;
        }
        .dj .top_lb #box .next {
            right: 20px;
            top: 170px;
            background: url(/content/img/party/gray-arrow-rt.png) no-repeat;
        }
/*end*/
.dj .roundabout-moveable-item img {
    width: 100%;
    height: 100%;
}

.dj .top_lb .next {
    width: 86px;
    height: 95px;
    background: url(/content/img/party/gray-arrow-rt.png) no-repeat;
    z-index: 999;
    position: absolute;
    top: 200px;
    right: 220px;
    cursor: pointer;
}

.dj .top_lb .prev {
    width: 86px;
    height: 95px;
    background: url(/content/img/party/gray-arrow-lt.png) no-repeat;
    z-index: 999;
    position: absolute;
    top: 200px;
    left: 220px;
    cursor: pointer;
}
/* ********** 红色海淀模块 ********** */
.pat1 {
    margin-bottom: 15px;
}

    .pat1 .flx {
        margin-top: 120px;
        display: flex;
        justify-content: space-between;
    }

.pat1_bg {
    width: 576px;
    height: 449px;
    background: url(/content/img/party/pat1-bg.png) no-repeat;
}

.pat1_list {
    margin: 20px 0 0 24px;
}

    .pat1_list li a {
        width: 500px;
        font-size: 20px;
        font-family: Source Han Sans CN;
        color: #2E2D2D;
        line-height: 46px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
    }

        .pat1_list li a:hover {
            color: #C40C14;
            cursor: pointer;
        }
/* ********** 社企共建模块 ********** */
.dj .pat2 .act_item {
    margin: 34px 0 75px 0;
}

    .dj .pat2 .act_item ul {
        display: flex;
        justify-content: space-between;
    }

    .dj .pat2 .act_item li a {
        width: 284px;
        height: 268px;
        color: #000;
        text-align: center;
        background: #F1F3F8;
        display: inline-block;
    }

        .dj .pat2 .act_item li a:hover {
            background-color: #F0D4D1;
            transition: all 0.5s;
        }

    .dj .pat2 .act_item img {
        width: 248px;
        height: 166px;
        margin: 14px 0 17px 0;
    }

    .dj .pat2 .act_item p {
        width: 218px;
        height: 52px;
        line-height: 28px;
        text-align: left;
        margin: 0 auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
/* ********** 党建课堂模块 ********** */
.dj .pat3 {
    padding-top: 10px;
}

    .dj .pat3 .study {
        height: 541px;
        background: url(/content/img/party/pat3-bg.png) no-repeat;
        padding-top: 30px;
    }

    .dj .pat3 .s-tit {
        font-size: 34px;
        font-family: STZhongsong;
        color: #C40C14;
        text-align: center;
        padding-top: 70px;
    }

        .dj .pat3 .s-tit img {
            vertical-align: text-top;
            margin-left: 12px;
        }

        .dj .pat3 .s-tit .more {
            float: right;
            font-size: 16px;
            font-family: Microsoft YaHei;
            color: #373737;
            position: relative;
            top: 20px;
            right: 73px;
        }

            .dj .pat3 .s-tit .more:hover {
                color: #C40C14;
            }

    .dj .pat3 .s_box {
        width: 1139px;
        margin: 0 auto;
    }

    .dj .pat3 .s_box_tit div {
        color: #DD031C;
        font-size: 24px;
        display: inline-block;
    }

        .dj .pat3 .s_box_tit div span {
            font-size: 30px;
        }

    .dj .pat3 .s_box_tit .rt_110 {
        position: relative;
        right: 10px;
    }

    .dj .pat3 .s_box_tit .more {
        float: right;
        position: relative;
        top: 15px;
        color: #373737;
        font-size: 16px;
    }
        .dj .pat3 .s_box_tit .more:hover {
            color: #D51409;
        }

        .dj .pat3 .s-lt {
            width: 655px;
            display: inline-block;
            margin-left: 35px;
        }

        .dj .pat3 .s-lt ul {
            margin-top: 34px;
        }

        .dj .pat3 .s-lt li a {
            width: 638px;
            font-size: 17px;
            font-family: Source Han Sans CN;
            color: #333;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            display: inline-block;
            position: relative;
            margin-bottom: 15px;
        }

        .dj .pat3 .s-lt li span {
            margin-right: 7px;
        }

        .dj .pat3 .s-lt li a:hover {
            color: #C40C14;
            cursor: pointer;
        }

            .dj .pat3 .s-lt li a:hover span {
                color: #C40C14;
            }

    .dj .pat3 .s_rt {
        width: 378px;
        float: right;
        margin-right: 30px;
        position: relative;
    }

        .dj .pat3 .s_rt:before {
            content: '';
            width: 2px;
            height: 290px;
            border-left: 2px dotted #c5aa8d;
            position: absolute;
            left: -25px;
            top: 55px;
        }

        .dj .pat3 .s_rt ul {
            display: flex;
            justify-content: space-between;
            flex-flow: wrap;
            margin-top: 10px;
        }

        .dj .pat3 .s_rt li a {
            width: 176px;
            color: #000;
            font-size: 14px;
            text-align: center;
            display: inline-block;
            margin-bottom: 8px;
        }

            .dj .pat3 .s_rt li a img {
                width: 83px;
                height: 116px;
            }

        .dj .pat3 .s_rt li p {
            width: 160px;
            height: 19px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            display: inline-block;
            margin-top: 10px;
        }

        .dj .pat3 .s_rt li:hover p {
            color: #C40C14;
        }
/* ********** 党建主题教育专栏模块 ********** */
.pat4 .pat4_list ul {
    display: flex;
    justify-content: space-around;
    flex-flow: wrap;
    margin-top: 39px;
}

    .pat4 .pat4_list ul li {
        margin-bottom: 44px;
    }

    .pat4 .pat4_list ul img {
        width: 284px;
        height: 180px;
    }
/* ********** 党建园地模块 ********** */
.pat5 .img_box {
    margin: 28px 0 33px 0;
}

.pat5 .pt_0 {
    padding-top: 0 !important;
}

.pat5 .img_box ul {
    display: flex;
    justify-content: space-between;
    margin-top: 58px;
}

.pat5 .img_box img {
    width: 376px;
    height: 252px;
}
/* ********** 最美先锋人模块 ********** */
.pat6 {
    overflow:hidden;
}
.pat6_con {
    margin-top: 40px;
}

    .pat6_con .dg-container {
        position: relative;
    }

    .pat6_con .dg-wrapper {
        width: 1200px;
        height: 500px;
        margin: 0 auto;
        position: relative;
        left: 190px;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        -o-perspective: 1000px;
        -ms-perspective: 1000px;
        perspective: 1000px;
    }

        .pat6_con .dg-wrapper a {
            width: 825px;
            height: 463px;
            display: block;
            position: absolute;
            left: 0;
            top: 0;
        }

            .pat6_con .dg-wrapper a.dg-transition {
                -webkit-transition: all 0.5s ease-in-out;
                -moz-transition: all 0.5s ease-in-out;
                -o-transition: all 0.5s ease-in-out;
                -ms-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out;
            }

            .pat6_con .dg-wrapper a img {
                width: 825px;
                height: 463px;
                display: block;
            }

            .pat6_con .dg-wrapper a div {
                font-style: italic;
                text-align: center;
                line-height: 50px;
                text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
                color: #333;
                font-size: 16px;
                width: 100%;
                bottom: -55px;
                display: none;
                position: absolute;
            }

            .pat6_con .dg-wrapper a.dg-center div {
                display: block;
            }

    .pat6_con .dg-container nav {
        width: 1200px;
        position: absolute;
        z-index: 1000;
        bottom: 260px;
        left: 10px;
    }

        .pat6_con .dg-container nav span {
            text-indent: -9000px;
            float: left;
            cursor: pointer;
            width: 20px;
            height: 40px;
            background: transparent url(/content/img/party/arrow-lt.png) no-repeat top left;
            background-size: 100% 100%;
        }

            .pat6_con .dg-container nav span:hover {
                opacity: 1;
            }

            .pat6_con .dg-container nav span.dg-next {
                background: transparent url(/content/img/party/arrow-rt.png) no-repeat top left;
                background-size: 100% 100%;
                float: right;
                position: relative;
                right: 0;
            }
/* ********** 右侧栏固定内容 ********** */
.rt_col {
    width: 267px;
    position: fixed;
    right: 5px;
    bottom: 10%;
    z-index: 1000;
}
    .rt_col .rt1.mb_40 {
        margin-bottom: 40px;
    }
    .rt_col .rt1 {
        margin-bottom: 40px;
    }

    .rt_col .rt_box {
        width: 267px;
        height: 148px;
        text-align: center;
        background: url(/content/img/party/rt-col-box.png) no-repeat;
        padding-top: 77px;
        cursor: pointer;
    }

        .rt_col .rt_box span {
            font-size: 24px;
            color: #DD031C;
            line-height: 32px;
        }

    .rt_col .hide_box {
        display: none;
        width: 263px;
        height: 420px;
        background: rgba(255 255 255,0);
        box-shadow: 0px 9px 10px 0px rgba(14,24,53,0.09);
        margin-top: 7px;
        position: relative;
        padding-top: 1px
    }

        .rt_col .hide_box::before {
            content: "";
            position: absolute;
            top: -8px;
            left: 50%;
            transform: translateX(-50%);
            border: 15px solid transparent;
            border-bottom-color: #fff;
            overflow: visible !important;
        }

        .rt_col .hide_box p {
            height: 400px;
            line-height: 32px;
            color: #010101;
            font-size: 18px;
            text-indent: 2em;
            text-align: justify;
            overflow-y: scroll !important;
            background: #FFF;
            padding: 15px 13px 15px 15px;
            margin-top: 20px;
        }

    .rt_col .hide_img {
        height: 400px;
        overflow-y: scroll !important;
        background: #FFF;
        padding: 15px 0 15px 15px;
        margin-top: 20px;
    }

        .rt_col .hide_img li {
            display: inline-block;
            margin-bottom: 8px;
        }

    .rt_col .mask_box {
        width: 100%;
        height:100vh;
        background: #000;
        z-index: 9999;
        display: none;
        position: fixed;
        top: 0;
        left: 0;
    }
    /*图片放大*/
#enlarge-div {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.9);
    z-index: 2;
    width: 100%;
    height: 100%;
    display: none;
}
    #enlarge-div:hover {
        cursor: zoom-out;
    }
    #enlarge-div #inner-div {
        width: 80%;
        height: 85%;
        margin: 0 auto;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
        #enlarge-div #inner-div #big-img {
            max-width: 100%;
            max-height: 100%;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translateY(-50%) translateX(-50%);
        }
.enlarge-img {
    cursor: zoom-in;
    transition: all 0.3s;
}

/* ********** 社区卫生 ********** */
.comm .all_bg {
    height: 2521px;
    background: url(/content/img/party/comm-bg.jpg) center no-repeat;
    max-width: 1920px;
    margin: 0 auto;
}

    .comm .all_bg .t_font {
        text-align: center;
        padding-top: 140px;
    }

.comm .m_bg {
    height: 1325px;
    background: url(/content/img/party/comm-m-bg.png) no-repeat;
    margin-top: 230px;
    padding-top: 49px;
}

.comm .comm_tit {
    text-align: center;
}
    .comm .comm_tit em {
        color: #D51409;
        line-height: 40px;
        font-size: 40px;
        font-weight: bold;
        font-style:normal;
        letter-spacing: 6px;
    }
        .comm .comm_tit em.lt_ct {
            padding-left:37px;
        }
    .comm .comm_tit a {
        font-size: 16px;
        color: #D51409;
        position: relative;
        top: 40px;
        right: 30px;
        float: right;
        position: relative;
    }
            .comm .comm_tit a:hover:before {
                content: '';
                position: absolute;
                left: 0;
                bottom: -5px;
                width: 30px;
                height: 2px;
                background: #D51409;
            }
            .comm .comm_tit.ft_36 {
                font-size: 36px;
            }
    .comm .comm_tit.f_blod {
        color: #D51409;
        font-size: 36px;
        font-weight: bold;
    }

    .comm .m1_box {
        width: 1152px;
        margin-top: 42px;
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        margin-top: 42px;
    }

.comm .m1 .content_lt {
    width: 630px;
    height: 366px;
    display: inline-block;
}

    .comm .m1 .content_lt img {
        width: 630px;
        height: 366px;
    }

    .comm .m1 .content_lt a {
        width: 630px;
        height: 366px;
        position: relative;
        display: inline-block;
    }

        .comm .m1 .content_lt a:hover {
            color: #333;
        }
    .comm .m1 .content_lt .swiper-horizontal > .swiper-pagination-bullets {
        position: relative;
        left: -20px;
        bottom: 35px;
        z-index: 100;
    }
    .comm .m1 .content_lt .swiper-paginations {
        text-align: right;
    }

.comm .m1 .rt_box {
    width: 500px;
}

.comm .m1 .con_rt {
    background-color: #fff;
}

    .comm .m1 .con_rt li {
        height: 90px;
        font-size: 18px;
        position: relative;
        cursor: pointer;
        background: #F0E9E3;
        display: flex;
        align-items: center;
        margin-bottom: 2px;
    }

        .comm .m1 .con_rt li::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            height: 100%;
            width: 0;
            transition: 1s;
            background-color: #C3A790;
        }

        .comm .m1 .con_rt li:hover {
            z-index: 1;
            color: #fff;
        }

            .comm .m1 .con_rt li:hover::before {
                width: 100%;
            }

        .comm .m1 .con_rt li > a {
            color: #333;
        }

        .comm .m1 .con_rt li:hover::after {
            content: "";
            width: 12px;
            height: 90px;
            background: #BA0000;
            display: inline-block;
            vertical-align: middle;
            position: absolute;
            top: 0;
            left: 0;
        }

        .comm .m1 .con_rt li div {
            width: 477px;
            line-height: 30px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            padding: 0 30px;
        }

        .comm .m1 .con_rt li:hover a {
            color: #fff;
        }

.comm .m1 .swiper-horizontal > .swiper-pagination-bullets {
    left: -20px;
    bottom: 15px;
}

.comm .m1 .swiper-pagination {
    text-align: right;
}

.comm .m1 .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(10,10,10,0.39);
    opacity: 1;
}

.comm .m1 .swiper-pagination-bullet-active {
    background-color: #D51409;
}
/* ********** 健康守门人 ********** */
.comm .m2 {
    width: 1152px;
    margin: 0 auto;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
}

    .comm .m2 .m2_tit {
        height: 34px;
        font-size: 36px;
        font-weight: bold;
        color: #D51409;
        line-height: 30px;
        letter-spacing: 5px;
    }

        .comm .m2 .m2_tit img {
            width: 350px;
            margin-top: -5px;
        }
        .comm .m2 .m2_tit a {
            font-size: 16px;
            font-weight: normal;
            color: #D51409;
            letter-spacing: 0px;
            position: relative;
            right: 10px;
            float: right;
        }
            .comm .m2 .m2_tit a:hover:before {
                content: '';
                position: absolute;
                left: 0;
                bottom: -3px;
                width: 30px;
                height: 2px;
                background: #D51409;
            }

            .comm .m2 .m2_con {
                margin-top: 37px;
            }

    .comm .m2 .m2_box {
        width: 570px;
    }

    .comm .m2 .m2_head a {
        display: flex;
        justify-content: start;
        flex-flow: wrap;
    }

        .comm .m2 .m2_head a:hover .tit,
        .comm .m2 .m2_head a:hover .con {
            color: #D51409;
        }

    .comm .m2 .m2_head img {
        width: 178px;
        height: 110px;
        margin-right: 15px;
    }

    .comm .m2 .m2_flx {
        width: 360px;
        display: flex;
        justify-content: start;
        flex-flow: wrap;
        align-items: center;
    }

        .comm .m2 .m2_flx .tit {
            color: #000;
            line-height: 30px;
            font-size: 18px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }

            .comm .m2 .m2_flx .tit span {
                color: #D51409;
                margin-right: 7px;
            }

        .comm .m2 .m2_flx .con {
            width: 305px;
            line-height: 30px;
            color: #616161;
            font-size: 16px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            margin-left: 15px;
        }

    .comm .m2 .m2_list {
        padding-left: 3px;
    }

        .comm .m2 .m2_list li a {
            width: 520px;
            color: #000;
            font-size: 18px;
            line-height: 30px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            margin-top: 21px;
        }

            .comm .m2 .m2_list li a:hover {
                color: #D51409;
            }

            .comm .m2 .m2_list li a span {
                color: #D51409;
                margin-right: 11px;
            }
/* ********** 社区服务指南 ********** */
.comm .m3 {
    margin-top: 60px;
}

    .comm .m3 .img_box {
        position: relative;
        margin-top: 42px;
        padding-left: 10px;
    }

        .comm .m3 .img_box .guideSwiper {
            width: 1120px;
            text-align: center;
        }

        .comm .m3 .img_box a {
            width: 270px;
            height: 150px;
            color: #D51409;
            font-size: 20px;
            background-color: #F5D1C6;
            display: flex;
            justify-content: center;
            flex-flow: column;
            align-items: center;
        }

            .comm .m3 .img_box a img {
                display: block;
                max-height: 60px;
            }

            .comm .m3 .img_box a span {
                width: 232px;
                height: 60px;
                display: block;
                padding-top: 15px;
            }

    .comm .m3 .swiper-button-prev {
        background: url(/content/img/party/comm-m3-lt.png) no-repeat center;
        left: 5px;
    }

    .comm .m3 .swiper-button-next {
        background: url(/content/img/party/comm-m3-rt.png) no-repeat center;
        right: 5px;
    }

        .comm .m3 .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
            content: none !important;
        }

    .comm .m3 .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
        content: none !important;
    }
/* ********** 业务合作 ********** */
.comm .m4 {
    margin-top: 50px;
}

.mod2-lb-box {
    margin-top: 35px;
}

.comm .m4 .exhibition_hall {
    position: relative;
}

.comm .m4 .roundabout_box {
    display: inline-block;
    margin: 42px 0 0 110px;
}

    .comm .m4 .roundabout_box li {
        width: 452px;
        height: 290px;
        text-align: center;
        border-radius: 6px;
    }

    .comm .m4 .roundabout_box img {
        width: 100%;
        height: 100%;
    }

.comm .m4 .hide {
    display: none;
}

.comm .m4 .roundabout-holder {
    list-style: none;
    width: 452px;
    height: 290px;
    margin: 0px auto;
}

.comm .m4 .roundabout-moveable-item {
    width: 452px;
    height: 290px;
}
/* 右侧 */
.comm .m4 .mod2-lb-con {
    width: 865px;
    height: 420px;
    background: #FFFFFF;
    box-shadow: 0px 8px 27px 2px rgba(119,11,5,0.15);
    position: absolute;
    top: 0;
    right: 0;
    padding-left: 360px;
}

.comm .m4 .m4_list {
    width: 450px;
    padding-top: 55px;
    padding-left: 20px;
}

.comm .m4 .mod2-lb-con .hide {
    display: none;
}

.comm .m4 .m4_list .tit {
    color: #1E1E1E;
    line-height: 30px;
    font-size: 30px;
    font-weight: 500;
    border-bottom: 2px solid #F3F3F3;
    padding-bottom: 12px;
}

.comm .m4 .m4_list .con {
    color: #1E1E1E;
    line-height: 36px;
    font-size: 20px;
    padding-top: 28px;
}

.comm .m4 .get_btn {
    position: relative;
    top: -10px;
    z-index: 5;
    float: right;
    margin-right: 30px;
}

    .comm .m4 .get_btn img {
        width: 184px;
        height: 71px;
    }
/* ********** 电话弹窗 ********** */
.comm .tcq-bj {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    background: url(/content/img/party/comm-tc-bj.png);
    z-index: 1000;
}

.comm .tcq-tu {
    width: 561px;
    height: 390px;
    background: #fff;
    border-radius: 6px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background: #fff;
    z-index: 1002;
    box-shadow: 0 0 10px #333;
}

.comm .tcq-tu-title {
    height: 86px;
    padding: 30px 30px 0 0;
    text-align: right;
    background: url(/content/img/party/comm-tc-top.png);
}

.comm .tcq-tu-nr {
    height: 290px;
    padding-top: 50px;
    background: url(/content/img/party/comm-tc-icon.jpg) no-repeat right bottom;
    padding-left: 50px;
    font-size: 20px;
    color: #2f3c4e;
}

    .comm .tcq-tu-nr dt {
        height: 101px;
        line-height: 34px;
    }

    .comm .tcq-tu-nr dd {
        background: url(/content/img/party/comm-tc-phone.jpg) no-repeat;
        line-height: 18px;
        height: 22px;
        padding-left: 30px;
    }

    .comm .tcq-tu-nr dt span {
        display: block;
    }
/* ********** 学习文库 ********** */
.learn {
    height: 1083px;
    background: url(/content/img/party/learn-bg.jpg) center no-repeat;
    max-width: 1920px;
    margin: 0 auto;
    padding-top: 102px;
}

    .learn .ln_con {
        width: 1091px;
        margin: 0 auto;
        margin-top: 37px;
    }

    .learn .ln_list:first-child {
        margin-bottom: 43px;
    }

        .learn .ln_list ul {
            padding-left: 104px;
        }

        .learn .ln_list li {
            display: inline-block;
            margin-right: 54px;
        }

            .learn .ln_list li:last-child {
                margin-right: 0;
            }

            .learn .ln_list li img {
                width: 180px;
                height: 240px;
            }
    /* 分页 */
    .learn .i-s-left-fy,
    .edu .i-s-left-fy {
        text-align: center;
        clear: both;
        padding-bottom: 23px;
        display: flex;
        justify-content: center;
    }
    .learn .pagination,
    .edu .pagination {
        margin: 0 !important;
    }

    .learn .jump,
    .edu .jump {
        color: #444;
        margin-left: 34px;
    }
    .learn .i-s-left-fy a,
    .edu .i-s-left-fy a {
        padding: 8px 15px;
        border-radius: 6px;
        background: #fff;
        color: #333;
        border: solid 1px #dadada;
        margin-left: 5px;
    }
        .learn .i-s-left-fy a:hover,
        .edu .i-s-left-fy a:hover {
            background: #eb7973;
            border: solid 1px #eb7973;
            color: #fff;
        }
    .learn .jump input,
    .edu .jump input {
        width: 62px;
        height: 36px;
        border: solid 1px #dadada;
        border-radius: 4px;
        text-align: center;
        margin: 0 5px;
    }

    .learn .jump a,
    .edu .jump a {
        color: #eb7973;
        cursor: pointer;
    }

        .learn .jump a:hover,
        .edu .jump a:hover {
            color: #fff;
        }
/* ********** 党建主题教育专栏 ********** */
.edu {
    height: 1083px;
    background: url(/content/img/party/learn-bg.jpg) center no-repeat;
    max-width: 1920px;
    margin: 0 auto;
    padding-top: 102px;
}
.edu_list {
    width: 950px;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 40px;
}
.edu_list li {
    width: 284px;
    height: 180px;
    display: inline-block;
    margin-right: 40px;
    margin-bottom: 50px;
}
    .edu_list li:nth-child(3n) {
        margin-right: 0;
    }



/* ********** 政策法规部分隐藏 ********** */
.show_book {
    width: 1200px;
    margin: 0 auto;
    padding: 70px 0;
}

.show_book_con {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
}

    .show_book_con li {
        margin-bottom: 40px;
    }

        .show_book_con li img {
            width: 800px;
        }

.show_book_mask {
    position: relative;
}

    .show_book_mask:before {
        background-image: linear-gradient(180deg,hsla(0,0%,100%,0),#fff 40%);
        content: " ";
        display: block;
        filter: "progid:DXImageTransform.Microsoft.Gradient(startColorstr=#ffffff00, endColorstr=#ffffffff)";
        height: 850px;
        margin-top: -850px;
        position: absolute;
        top: 0;
        width: 800px;
        left: 50%;
        transform: translateX(-50%);
    }

.show_book_box {
    position: absolute;
    bottom: 300px;
    left: 50%;
    transform: translateX(-50%);
}

    .show_book_box .tips {
        color: #D60000;
        font-size: 26px;
    }

.show_book_btn {
    width: 280px;
    margin: 0 auto;
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
}

    .show_book_btn a {
        width: 130px;
        height: 45px;
        line-height: 40px;
        color: #fff;
        font-size: 20px;
        text-align: center;
        background-color: #D70000;
        display: inline-block;
    }