body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, form, fieldset, input, p, span, th, td, blockquote, lengend, button, textarea {
    margin: 0;
    padding: 0;
}

ul, li {
    list-style: none outside;
}

ul, ol {
    list-style: none;
}

a {
    text-decoration: none;
}

a img, input {
    border: 0
}

img {
    vertical-align: middle;
}

input, select, option {
    outline: none;
}

@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}
/* 样式开始设置 */
body {
    background: url(./banner.png) top center no-repeat;
    font-family: "微软雅黑";
    font-family: "Microsoft YaHei" !important;
}

a:link {
    color: #333;
    text-decoration: none;
}

a:visited {
    color: #333;
    text-decoration: none;
}

a:hover {
    color: #3990d3;
    text-decoration: none;
}

a:active {
    color: #333;
    text-decoration: none;
}

.clear {
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.main {
    width: 1200px;
    margin: 0 auto;
    margin-top: 650px;
}

.banner {
    background-color: #ef2527;
    padding: 25px 0 47px 51px;
}
.banner ul li {
    float:left;
    margin-left: 76px;
    font-size: 18px;
}

.banner ul li a {
    color: #fff;
}

.active {
    width: 100px;
    height: 72px;
    background-color: #fff;
}
/* 轮播开始 */
.lunbo {
    margin-top: 25px;
}
.title {
    width: 900px;
    margin: 0 auto;
    margin-bottom: 50px;
}

.title p {
    font-size: 30px;
    color: #d0021b;
    font-weight: 600;
}

.title .img {
    padding-top: 10px;
}


.newspics {
    display: none;
    float: left;
    width: 800px;
    height: 450px;
    overflow: hidden;
    position: relative;
}

.newspics .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 5px;
    bottom: 13px;
    z-index: 1;
}

.newspics .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}

.newspics .hd ul li {
    float: left;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    line-height: 10px;
    text-align: center;
    background: url("./icon.png") no-repeat;
    cursor: pointer;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.newspics .hd ul li.on {
    background: url("./dotblue.png") no-repeat;
    color: #fff;
}

.newspics .bd {
    height: 450px;
    width: 100%;
    position: relative;
}

.newspics .bd li {
    zoom: 1;
    vertical-align: middle;
    position: relative;
}

.newspics .bd img {
    width: 800px;
    height: 450px;
    display: block;
}

.newspics .bd li span {
    display: block;
    position: absolute;
    bottom: 0;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    width: 100%;
    height: 48px;
    line-height: 48px;
    background-color: rgba(223, 58, 45, 0.8);
    color: #fff;
    text-indent: 1em;
}

.newspics_pc {
    display: block;
}

.news {
    width: 400px;
    float: right;
}

.news ul li {
    font-size: 18px;
    padding:10px 73px 20px  44px;
    height: 81px;
    border-bottom: 1px dashed #d0d0d0;
}

.bg {
    background: url(./back1.png)  no-repeat;
    background-position: -23px 0 ;
    z-index: 999;
}

/* 深入学习 */
.pic {
    padding-top: 50px;
    padding-bottom: 50px;
}

/* 学习新思想 */
.title_xxxsx {
    float:left;
    width: 47%;
    padding: 50px 20px 50px 0;
}

.title_xxxsx .underline {
    width: 580px;
}

.more {
    display: none;
}
.title_xxxsx p {
    font-size: 30px;
    color: rgb(208, 2, 27);
}

.tit p {
    float: left;
}

.tit img {
    float:right;
    padding-top: 12px;
}

.title_xxxsx ul li {
    padding: 25px 0 25px 25px;
    background: url(./icon_white.png) left center no-repeat;
    border-bottom: 1px dotted rgb(217,217,217);
}

.lljl {
    float:right;
}

.zjby p, .xfkj p {
    font-size: 30px;
    color: rgb(208, 2, 27);
}

/* 图片视频 */
.tpsp {
    position: relative;
    padding: 40px 34px;
    border: 2px solid rgb(222,222,222);
    border-radius: 24px;
    overflow: hidden;
    margin-top: 40px;
}

.tpsp .als-prev {
    left: 2px
}

.tpsp .als-next {
    right: 2px;
}

.tpsp .als-prev, .als-next {
    position: absolute;
    top: 102px;
    width: 36px;
    height: 80px;
    z-index: 99;
    cursor: pointer;
}

.tpsp .als-prev img, .als-next img {
    padding-top: 22px;
    padding-left: 10px
}

.tpsp ul li img {
    width: 352px;
    height: 195px;
}

.zjby, .xfkj {
    width: 100%;
    padding-top: 35px
}

.zjby ul li {
    position: relative;
    float: left;
    width: 352px;
    margin-right: 36px;
}

.zjby ul li.last {
    margin-right: 0px;
}

.zjby ul li p {
    position: absolute;
    left: 10px;
    bottom: 10px;
    font-size: 16px;
}

.zjby ul li p a {
    color: #fff;
}
.als-viewport {
    position: relative;
    overflow: hidden;
    margin: 0px auto;
}

.als-wrapper {
    position: relative;
    list-style: none;
}

/* 幸福空间 */
.xfkj .tp {
    height: 470px;
    overflow-y: hidden;
    margin-top: 30px;
}

.xfkj .sp {
    float: left;
    width: 60%;
    position: relative;
    border-top: 6px solid #e60012;
    border-left: 6px solid #e60012;
    border-bottom: 6px solid #e60012;
    border-radius: 12px;
}

.xfkj .sp .pict {
    width: 700px;
    height: 470px;
}

.xfkj .sp i {
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translateX(50%) translateY(-50%);
}

/* .tupian_row{
    display: none;
} */

.xfkj .tupian {
    float: right;
    width: 39%;
    overflow: hidden;
    border-top: 6px solid #e60012;
    border-right: 6px solid #e60012;
    border-bottom: 6px solid #e60012;
    border-radius: 12px;
}

.xfkj .tupian .bd {
    padding-left: 62px;
}

.xfkj .tupian ul li {
    position: relative;
    margin-top: 5px;
    margin-bottom: 10px;
}

.tupian ul li p {
    position: absolute;
    left: 5px;
    bottom: 5px;
}

.tupian ul li p a {
    font-size: 16px;
    color: #fff;
}

/* 底部 */
.footer {
    margin-top: 40px;
    background-color: #ef2527;
    padding: 40px;
}

.footer p, .footer p a {
    color: #fff;
    text-align: center;
}

/* 列表页 */
.newslist {
    margin-top: 50px;
}

.newslist ul {
    padding-left: 40px;
}

.newslist ul li {
    padding-left: 20px;
    height: 53px;
    line-height: 53px;
    background: url(./icon.png) left center no-repeat;
    border-bottom: 1px dashed #fa101c;
}

.newslist ul li span {
    padding-left: 45px;
}

/* 分页开始 */
.page {
    margin: 40px 0 50px 0;
    text-align: center;
}

.page span {
    color: #fa101c;
    font-weight: 600;
    font-size: 23px;
    line-height: 27px;
}

/* 详情页开始 */
.content_wrap {
    margin-top: 60px;
}
.content_wrap .new_title .right {
    float: right;
}

.content_wrap .new_title p {
    float: left;
}

.new_title h1 {
    text-align: center;
    padding-bottom: 40px;
}

.content_wrap .time {
    width: 1000px;
    margin-left: 100px;
    padding-bottom: 25px;
    border-bottom: 1px solid #d9d9d9;
}

.right span:nth-child(2) {
    background: url(./print.png) left center no-repeat;
    background-size: 20px;
}

.right span {
    padding-left: 30px;
}

.right .weibo {
    background: url(./weibo.png) left center no-repeat;
    background-size: 20px;
}

.right span:nth-child(4) {
    background: url(./weixin.png) left center no-repeat;
    background-size: 30px;
}

.content {
    width: 1000px;
    margin-left: 100px;
    margin-top: 40px;
}

.content p {
    text-indent: 32px;
    line-height: 32px;
}

.content img {
    margin: 0 auto;
}

/* 手机端开始 */

@media screen and (max-width: 992px) {
    .main{
        width: 100%;
        margin-top: 140px;
    }

    body {
        background-size: 100%;
    }

    .banner {
        padding: 25px 0 47px 0;
    }

    .banner ul li {
        float:left;
        margin-right: 7px;
        font-size: 11px;
        margin-left: 0;
    }

    .title {
        width:100%;
        margin: 0 auto;
        margin-bottom: 50px;
    }

    .title p {
        text-indent: 32px;
    }
    .title img {
        display: none;
    }

    .newspics ul li {
        width: 100%;
    }

    .newspics_pc {
        display: none !important;
    }

    .news {
        display: none;
    }

    .newspics{
        width: 100%;
        display: block;
        height: 206px;
    }

    .newspics .bd img {
        width: 100%;
        height: 100%;
    }

    .title_xxxsx {
        width: 100%;
        padding: 20px 0px 30px 0;
    }

    .title_xxxsx ul li {
        padding: 25px 19px 25px 25px;
        margin-left: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .title_xxxsx .underline, .zjby .underline, .xfkj .underline{
        width: 100%;
    }

    .pic {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .lljl {
        float: left;
    }

    .tit img {
        display: none;
    }

    .tit {
        text-align: center;
    }

    .tit p {
        float: none;
    }

    .more {
        display: block;
        border: 1px solid #999;
        margin: 0 auto;
        margin-top: 30px;
        border-radius: 10px;
        padding: 13px 36px;
        width: 64px;
    }

    .more a {
        color: #999;
    }

    .newspics .bd li span {
        text-align: left;
        height: 62px;
        display: block;
        position: absolute;
        bottom: 0;
        font-weight: 600;
        font-size: 20px;
        width: 100%;
        line-height: 48px;
        background-color: rgba(223, 58, 45, 0.8);
        color: #fff;
        text-indent: 1em;
    }

    .tpsp ul li img {
        position: relative;
        float: left;
        width: 99%;
        height: auto;
        margin-right: 10px;
    }

    /* .tpsp .als-prev, .als-next {
        top: 54px;
    }
     */
    .bd {
        width: 99%;
    }

    .tempWrap {
        width: 100% !important;
    }

    .xfkj .sp {
        float: none;
        width: 89%;
        margin-left: 20px;
        margin-right: 20px;
        border-right: 6px solid #e60012;
        border-bottom: none;
    }

    .xfkj .sp .pict {
        width: 100%;
        height: auto;
    }

    .xfkj .tupian {
        float: none;
        width: 89%;
        padding-top: 20px;
        margin-left: 20px;
        overflow: hidden;
        border-top: none;
        border-left: 6px solid #e60012;
        border-right: 6px solid #e60012;
        border-bottom: 6px solid #e60012;
        border-radius: 12px;
    }

   .xfkj .tupian .bd {
    padding-left: 0;
   }

   /* 详情页 */
   .content_wrap {
       width: 100%;
       margin-top: 30px;
    }

    .new_title {
        width: 100%;
    }

    .content_wrap .time {
        width: 100%;
        padding-left: 5px;
        margin-left: 0;
    }

    .time span {
        float: none;
        width: 100%;
    }

    .right span:first-child {
        padding-left: 0;
    }
    .content_wrap .time .right {
        float: none;
        width: 100%;
    }

    .newslist ul li {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .newslist ul {
        padding-left: 0;
    }

    /* 列表 */
    .content {
        width: 100%;
        margin-left: 0px;
        margin-top: 10px;
        padding: 0 10px;
    }

    .content img {
        width: 80%;
    }

    /* 底部 */
    .footer {
        padding: 40px 20px;
    }
}