@charset "utf-8";

/* =================================== WAP端样式 ================================*/
@media only screen and (max-width:1024px) {

    /* 公共样式 */
    body {
        min-width: auto;
        font-size: 0.3rem;
        color: rgb(51, 51, 51);
        font-family: "微软雅黑";
    }

    @keyframes roll {
        from {
            transform: scale(5);
            opacity: 0;
        }

        70% {
            transform: scale(.8);
            opacity: 1;
        }

        100% {
            transform: scale(1);
            opacity: 1;
        }
    }

    @keyframes bigger {
        from {
            transform: scale(1);
        }

        to {
            transform: scale(1.1);
        }
    }

    .w1280 {
        width: 95%;
        margin: 0 auto;
    }

    .w1530 {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }


    /* ***********************header*********************** */
    .header {
        width: 100%;
        height: auto;
        display: block;
        overflow: hidden;
        position: relative;
    }

    .top {
        width: 100%;
        height: 0.7rem;
        background-color: #ffffff;
    }

    .top img {
        width: auto;
        height: 0.6rem;
        margin-top: 0.1rem;
        margin-left: 0.4rem;
    }

    .banner {
        width: 100%;
        height: auto;
    }

    .banner img {
        width: 100%;
        height: auto;
    }

    /* ******************************首页content****************************** */
    .container {
        width: 100%;
        height: auto;
    }

    /* 栏目 */
    .topicColumn {
        margin: 0.45rem auto 0;
        height: auto;
        display: block;
        text-align: center;
    }

    .topicColumn img {
        width: 100%;
        height: auto;
    }

    .columnPc {
        display: none;
    }

    .columnMo {
        display: block;
    }

    /* 第一板块 安全生产工作部署&民政领域安全生产政策制度 */
    .topicPlateOne {
        overflow: hidden;
    }

    .topicPlateCont {
        margin-top: 0.25rem;
    }

    /* 轮播 */
    .mySwiperTopic {
        width: 100%;
        height: auto;
        overflow: hidden;
        float: initial;
        position: relative;
    }

    .swiperImg img {
        width: 100%;
        height: 100%;
    }

    .swiperImg p {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0.6rem;
        line-height: 0.6rem;
        background: rgba(0, 0, 0, 0.3);
        color: #ffffff;
        box-sizing: border-box;
        padding: 0 0.25rem;
    }

    .swiper-pagination {
        position: absolute;
        left: initial !important;
        right: 0 !important;
        width: 1.5rem !important;
        bottom: 0.2rem !important;
    }

    .swiper-pagination-bullet-active {
        background: #e60000;
    }

    /* 动态列表 */
    .synthesisCont {
        width: 100%;
        height: auto;
        overflow: hidden;
        border: 0;
        float: initial;
        box-sizing: border-box;
        padding: 0;
    }

    .synthesisFist {
        border-bottom: 1px dashed #e2e2e2;
        margin-top: 10px;
    }

    .synthesisFist p a {
        font-size: 0.36rem;
        color: #e60000;
        font-weight: bold;
    }

    .synthesisFist span {
        display: block;
        text-indent: 2em;
        margin: 0.2rem 0;
        line-height: 1.8;
    }

    .synthesisList li {
        padding-left: 0.35rem;
        height: 0.7rem;
        line-height: 0.7rem;
        position: relative;
        box-sizing: border-box;
        overflow: hidden;
    }

    .synthesisList li:before {
        content: "";
        background: #e60000;
        width: 0.12rem;
        height: 0.12rem;
        border-radius: 50%;
        display: inline-block;
        position: relative;
        right: 5px;
        top: -0.05rem;
    }

    .synthesisList li a {
        font-size: 0.32rem;
        height: 100%;
    }

    /* 第二板块 民政故事*/
    .topicPlateTwo {
        display: block;
        overflow: hidden;
    }

    .imgLeft {
        width: 100%;
        height: auto;
        overflow: hidden;
        float: left;
        margin-top: 0;
        position: relative;
    }

    .imgLeft::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        border-top: 5px solid #e93b0a;
        border-left: 5px solid #e93b0a;
        width: 0.6rem;
        height: 0.6rem;
    }

    .imgLeft::before {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        border-bottom: 5px solid #e93b0a;
        border-right: 5px solid #e93b0a;
        width: 0.6rem;
        height: 0.6rem;
    }

    .imgLeft ul li img {
        width: 100%;
        height: 100%;
    }

    .imgLeft li {
        display: none;
    }

    .imgLeftCont,
    .imgRightBottom li {
        display: none;
    }

    .imgLeft li:nth-child(1) {
        display: block;
    }

    .imgLeftCont,
    .imgRightBottom li:nth-child(1) {
        display: block;
    }

    .imgRight {
        float: left;
        width: 100%;
    }

    .imgRightTop {
        display: block;
        border-bottom: 1px solid #e1cead;
        overflow: hidden;
        padding-bottom: 20px;
    }

    .imgRightTop li {
        width: 33%;
        float: left;
        text-align: center;
        margin: 0;
        position: relative;
        margin-top: 20px;
    }

    .imgRightTop li img {
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 50%;
        border: 1px solid #eb4514;
        padding: 2px;
        box-sizing: border-box;
        cursor: pointer;
    }

    .imgRightTop li p {
        margin-top: 0.1rem;
        color: #eb4514;
    }

    .currImg::after {
        content: '';
        width: 50%;
        height: 5px;
        background: #eb4514;
        margin: 0 auto;
        border-radius: 0.2rem;
        display: block;
        position: absolute;
        bottom: -0.15rem;
        right: 50%;
        transform: translateX(50%);
    }

    .imgRightBottom {
        margin-top: 0.25rem;
    }

    .peopName {
        font-size: 0.36rem;
        font-weight: bold;
        color: #eb4514;
        margin-bottom: 10px;
    }

    .peopCloum {
        font-size: 0.34rem;
        font-weight: bold;
        color: #b5842b;
        padding-left: 20px;
        position: relative;
    }

    .peopCloum::after {
        content: '';
        width: 0;
        height: 0;
        border-top: 0.1rem solid transparent;
        border-bottom: 0.1rem solid transparent;
        border-left: 12px solid #b5842b;
        display: block;
        position: absolute;
        left: 0;
        top: 0.13rem;
    }

    .peopCont {
        display: block;
        text-indent: 2em;
        line-height: 1.6;
        margin: 0.15rem 0;
    }

    .peopList dt {
        padding-left: 0.35rem;
        border-bottom: 1px solid #f3d7af;
        height: 0.7rem;
        line-height: 0.7rem;
        position: relative;
        overflow: hidden;
    }

    .peopList dt::after {
        content: '';
        background: #e60000;
        width: 0.12rem;
        height: 0.12rem;
        border-radius: 50%;
        display: inline-block;
        position: absolute;
        left: 0.05rem;
        top: 0.3rem;
    }



    /* 第三板块 视频集锦 */
    .topicPlateThree {
        display: block;
        overflow: hidden;
        padding-bottom: 0.4rem;
    }

    .videoLeft {
        width: 100%;
        height: auto;
        overflow: hidden;
        box-sizing: border-box;
        border: 5px solid #bc9247;
        border-radius: 10px;
        float: left;
        margin-top: 0;
    }

    .videoLeft video {
        width: 100%;
        height: auto;
    }

    .videoLeft img {
        width: 100%;
        height: 100%;
    }

    .videoRight {
        width: 100%;
        height: auto;
        float: left;
        background: none;
        background-size: 100% 100%;
        box-sizing: border-box;
        overflow: hidden;
        position: relative;
    }

    .swiperVideo {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0.2rem 0 0 0;
        position: relative;
    }

    .swiperVideoList a {
        display: inline-block;
        width: 45%;
        height: auto;
        overflow: hidden;
        margin: 0.1rem 0.2rem 0 0.1rem;
        text-align: center;
        position: relative;
    }

    .swiperVideoList a:nth-of-type(2n) {
        margin-right: 0;
    }

    .swiperVideoList a img {
        width: 100%;
        height: auto;
    }

    .swiperVideoList p {
        margin-top: 5px;
    }

    .swiperVideoList a::after {
        content: '';
        width: 0.45rem;
        height: 0.45rem;
        display: block;
        background: url('7661.png') no-repeat center center;
        background-size: 100% 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -140%);
    }

    .swiperVideo-prev {
        width: 0.45rem;
        height: 0.45rem;
        background: url('7670.png') no-repeat center center;
        background-size: 100% 100%;
        position: absolute;
        top: 50%;
        left: 20px;
        transform: translate(0, -50%);
        cursor: pointer;
    }

    .swiperVideo-next {
        width: 0.45rem;
        height: 0.45rem;
        background: url('7671.png') no-repeat center center;
        background-size: 100% 100%;
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translate(0, -50%);
        cursor: pointer;
    }


    /* ******************************二级页****************************** */
    .path {
        width: 100%;
        height: auto;
        line-height: normal;
        background-color: #ffffff;
        border-bottom: 1px #eee solid;
        font-size: 0.3rem;
        box-sizing: border-box;
        padding: 0.2rem 0;
    }

    .path a {
        font-size: 0.28rem;
    }

    .listColumnLeft {
        width: 100%;
        height: auto;
        display: inline-block;
        /* float: left; */
        overflow: hidden;
    }

    .listColumnTit {
        height: 0.7rem;
        line-height: 0.7rem;
        padding: 0 0.2rem;
        color: #d31421;
        border-bottom: 1px solid #d31421;
        font-size: 0.3rem;
        font-weight: bold;
        box-sizing: border-box;
    }

    .listColumnTit span {
        height: 0.6rem;
        line-height: 0.6rem;
        border-bottom: 3px solid #d31421;
        display: inline-block;
    }

    .listColumnRight {
        width: 100%;
        height: auto;
        display: inline-block;
        float: none;
        overflow: hidden;
    }

    .listCont {
        min-height: 300px;
        margin: auto;
        padding: 0.3rem 0;
        background-color: #ffffff;
        box-sizing: border-box;
    }

    .listCont ul li {
        position: relative;
        margin: 0 0 0.3rem;
        padding-left: 0.2rem;
        font-size: 0.3rem;
    }

    .listCont ul li a {
        width: 65%;
        display: inline-block;
        overflow: hidden;
    }

    .publishTime {
        text-align: right;
    }

    /* ******************************文章页****************************** */
    .mainText {
        background-color: #ffffff;
        min-height: 300px;
        padding: 0 0.2rem 0;
        overflow: hidden;
        box-sizing: border-box;
    }

    .contentTitle {
        width: auto;
        height: auto;
        text-align: center;
        box-sizing: border-box;
        border-bottom: 1px #ddd dotted;
        overflow: hidden;
    }

    .textTitle {
        box-sizing: border-box;
        color: #000;
        text-align: center;
        font-family: "微软雅黑";
        font-size: 0.35rem;
        font-weight: bold;
        overflow: hidden;
        padding: 0.3rem 0;
    }

    .source {
        width: 100%;
        display: block;
        text-align: center;
        padding: 0 0 0.3rem;
        overflow: hidden;
        font-size: 0.3rem;
    }

    .source span {
        margin-right: 20px;
    }

    .contPublishTime {
        display: block;
        margin-top: 0.1rem;
    }

    .contentMain {
        padding: 0.2rem 0;
        line-height: 2.2;
    }

    .contentMain img,
    video,
    table {
        width: 100%;
    }

    /* 二维码 */
    .sjsm {
        display: none;
    }

    .sjsm p {
        color: #999;
        font-size: 0.3rem;
    }


    /* ******************************footer***************************** */
    .footer {
        width: 100%;
        padding: 0.25rem 0;
        text-align: center;
        background-color: #333333;
        color: #ffffff;
    }

    .dangzheng {
        display: none;
    }

    .footerCont {
        display: inline-block;
        box-sizing: border-box;
        overflow: hidden;
    }

    .footerCont ul li {
        margin: 10px 0;
    }

    .footerCont a {
        color: #ffffff;
        margin: 0 10px
    }

    .zhaocuo {
        display: none;
    }


}

@media screen and (min-width: 1024px) and (max-width: 1600px) {
    /* .header {
        height: 550px;
    }
    .banner {
        margin-top: 140px;
    } */
}