.dj_header {
    background: none;
}

.header.currents .nav li>a {
    color: #000;
}

.nav .ser_link path {
    fill: #b0221f;
}

.nav .sub_nav a:hover {
    color: #b0221f;
}

.nav .sub_nav_content::before {
    background-color: #b0221f;
}

.dj_header .gp-container::before {
    display: none;
}

.cover_box {
    background: url(../images/cover_bg2.jpg) no-repeat center;
    background-size: cover;
}

.cover_btn {
    background: linear-gradient(to right, #fcb678, #b0221f);
    /* 标准写法 */
    background: -webkit-linear-gradient(left, #fcb678, #b0221f);
    /* Webkit 内核兼容 */
    background: -moz-linear-gradient(left, #fcb678, #b0221f);
    /* Firefox 兼容 */
    background: -o-linear-gradient(left, #fcb678, #b0221f);
    /* Opera 兼容 */
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 0 0 0 25px;
    cursor: pointer;
}

.nav .ser_link::before {
    display: none;
}

.nav .sub_nav_content {
    background: #fff url(../images/nav_bg2.jpg) no-repeat center/cover;
}

.d_banner {
    padding-bottom: 33.3%;
}

.d_banner::before {
    content: '';
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 154px;
    background: linear-gradient(to bottom, rgba(0, 0, 0.6), rgba(0, 0, 0, 0));
    /* 标准写法 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0.6), rgba(0, 0, 0, 0));
    /* Webkit 内核兼容 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0.6), rgba(0, 0, 0, 0));
    /* Firefox 兼容 */
    background: -o-linear-gradient(top, rgba(0, 0, 0.6), rgba(0, 0, 0, 0));
    opacity: 0.8;
}

.d_banner img {
    position: relative;
    z-index: 1;
}

.wrap_mode01 {
    padding-bottom: 7.5rem;
}

.dj_title .icon svg {
    vertical-align: middle;
    margin-right: 1.2rem;
}

.dj_title {
    padding: 5rem 0 2.3rem;
}

.dj_more {
    color: #999;
}

.dj_swiper {
    width: 51.88%;
}

.dj_swiper .swiper-pagination {
    width: auto;
    left: auto;
    right: 3.3rem;
    bottom: 3rem;
}

.dj_swiper .swiper-pagination-bullet {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    background: rgba(255, 255, 255, 0.8);
    color: #c30500;
    opacity: 1;
}

.dj_swiper .swiper-pagination-bullet-active {
    background-color: #c30500;
    color: #fff;
}

.dj_swiper .swiper-button-next,
.dj_swiper .swiper-button-prev {
    color: #c30500;
    display: none;
}

.dj_swiper:hover .swiper-button-next,
.dj_swiper:hover .swiper-button-prev {
    display: block;
}

.swiper_title1 {
    position: absolute;
    width: 100%;
    padding-left: 3rem;
    bottom: 2.5rem;
    z-index: 55;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 20rem;
}

.dj_swiper .gp-img {
    padding-bottom: 55.5%;
    position: relative;
}

.dj_swiper .gp-img:before {
    width: 100%;
    height: 10rem;
    background: rgba(0, 0, 0, 0.6);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
    /* 标准的语法 */
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 5;
    content: '';
}

.dj_list1 {
    width: 46.3%;
}

.dj_list2 li.active {
    border-bottom: 1px dashed #ccc;
}

.dj_list2 li.active:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../images/d_li_bg.png) no-repeat right center;
    width: 22.8rem;
    height: 12rem;
    z-index: 0;
}

.dj_list2 li.active p {
    display: block !important;
}

.dj_list2 li.active h3 {
    color: #c30500;
    margin-bottom: 1.8rem;
    font-weight: bold;
    font-size: 2.4rem;
    height: calc(1.6rem + 12px);
}

.dj_list2 li:first-child a {
    padding-top: 0;
}

.dj_list2 li {
    border-bottom: 1px dashed #ccc;
    position: relative;
}

.dj_list2 li a {
    padding: 2.19rem 0;
    display: block;
    position: relative;
    z-index: 10;
}

.dj_list2 li h3 {
    font-weight: normal;
    transition: all 0.35s ease-out;
}

.dj_list2 li p {
    color: #999;
    display: none !important;
    transition: all 0.35s ease-out;
}

.dj_con3 {
    padding-bottom: 4rem;
    position: relative;
}

.dj_con3 .data-list,
.dj_con3 .image-swiper {
    position: relative;
    z-index: 5;
}

.dj_con3::before {
    content: '';
    position: absolute;
    left: 4rem;
    width: calc(100% - 4rem);
    height: 100%;
    z-index: 0;
    background: linear-gradient(to right, #fcb678, #b0221f);
    /* 标准写法 */
    background: -webkit-linear-gradient(left, #fcb678, #b0221f);
    /* Webkit 内核兼容 */
    background: -moz-linear-gradient(left, #fcb678, #b0221f);
    /* Firefox 兼容 */
    background: -o-linear-gradient(left, #fcb678, #b0221f);
    /* Opera 兼容 */
    border-radius: 0 9.5rem 0 6.5rem;
}

.wrap_mode02 {
    background: url(../images/dj_bg1.jpg) no-repeat center;
    background-size: cover;
    padding-bottom: 7rem;
}

.image-swiper {
    width: 55.77%;
    margin: 0;
}

.data-list {
    width: 42.9%;
    padding: 2rem 4rem 0 2rem;
}

.data-list li {
    padding: 2.23rem 0;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
    position: relative;
}

.data-list li a {
    display: block;
    color: #fff;
    position: relative;
    z-index: 10;
    ;
}

.data-list li::after {
    width: 0;
    content: '';
    position: absolute;
    left: -2rem;
    bottom: 0;
    height: 100%;
    background: linear-gradient(to right, #fcb678, #b0221f);
    /* 标准写法 */
    background: -webkit-linear-gradient(left, #fcb678, #b0221f);
    /* Webkit 内核兼容 */
    background: -moz-linear-gradient(left, #fcb678, #b0221f);
    /* Firefox 兼容 */
    background: -o-linear-gradient(left, #fcb678, #b0221f);
    /* Opera 兼容 */
    border-radius: 0 1.5rem 0 2.5rem;
    transition: width 0.35s ease-out;
    z-index: 1;
}

.dj_sub_menu {
    background: linear-gradient(to bottom, #dea16d, #b0221f);
    /* 标准写法 */
    background: -webkit-linear-gradient(top, #dea16d, #b0221f);
    /* Webkit 内核兼容 */
    background: -moz-linear-gradient(top, #dea16d, #b0221f);
    /* Firefox 兼容 */
    background: -o-linear-gradient(top, #dea16d, #b0221f);
}

.dj_sub_menu li.on>.item>.title,
.dj_sub_menu li>.item:hover>.title {
    color: #c30500;
}

.sub_menu li.on>.item::after,
.sub_menu li>.item:hover::after {
    background: #fff url(../images/dj_sub_menu_li.png) no-repeat center/cover;
}

.dj_page_title h2 {
    color: #000;
}


/*统战之家*/

.wrap_mode03 {
    background-color: #fdfefe;
    padding-bottom: 3rem;
}

.dj_list3 {
    margin: 0 -2.5rem;
}

.dj_list3 li {
    margin-bottom: 3rem;
}

.dj_list3 li>a {
    display: block;
    margin: 0 2.5rem;
    background: url(../images/dj_li1.png) no-repeat left bottom #fff;
    box-shadow: 0.44rem 0.14rem 12rem rgba(235, 244, 244, 1);
    border-radius: 0 0 5.5rem 0;
    padding: 2.5rem 5rem 5.5rem 3rem;
}

.dj_list3 li h3 {
    font-weight: normal;
    color: #000;
    margin-bottom: 2.5rem;
}

.dj_list3 li p {
    color: #999;
}

.dj_list3 li:nth-child(2)>a,
.dj_list3 li:nth-child(5)>a {
    background: url(../images/dj_li2.png) no-repeat left top #fff;
}

.dj_list3 li:nth-child(3)>a,
.dj_list3 li:nth-child(6)>a {
    background: url(../images/dj_li3.png) no-repeat right bottom #fff;
}

footer {
    background: url(../images/dj_fppter.jpg) no-repeat center;
    background-size: cover;
}

.friend_links .select_link p::before {
    border-bottom: 1rem solid #ffeeea;
}

.friend_links .select_link .alert_box {
    background: #bf0500;
}

.friend_links .select_link.on p {
    background-color: #bf0500;
    border-color: #bf0500;
}

.friend_links .select_link.on {
    border-color: #bf0500;
}


/*图片列表页*/

.sub_01 {}

.sub_01 ul {
    margin: 0 0 -3rem;
    padding: 0 0;
}

.sub_01 .item {
    margin: 0 0 2.9rem;
    align-items: center;
    padding: 0 8.7rem 0 0;
    background: url(../images/sub01.png) no-repeat right bottom/22.6rem auto;
    box-shadow: 0rem .3rem 11.75rem .75rem rgb(235, 244, 244);
}

.sub_01 .img_box {
    width: 39.3rem;
}

.sub_01 .info_box {
    margin: 0 0 0;
    padding: 0 0 0;
    width: calc(100% - 42.7rem);
}

.sub_01 .title {
    margin: 0 0 4.5rem;
}

.sub_01 .time {
    color: #757575;
}

.sub_menu .btn {
    background: #ab211e;
}

.bread a.cur,
.bread a:hover {
    color: #ab211e;
}

.sub_01 .item {
    background: url(../images/dj_sub01.png) no-repeat right bottom/22.6rem auto;
}

.content {
    background: #f1efea;
}

.content::before {
    display: none;
}

.page_title {
    border-bottom-color: #fbad72;
}

.pages>a:hover,
.pages>a.on_page,
.pages .select_link .alert_box,
.pages .select_link.on {
    background-color: #ab211e;
}


/*文字列表*/

.sub_03 {}

.sub_03 ul {
    margin: -14px 0 0;
    padding: 0 0;
}

.sub_03 .item {
    margin: 0 0;
    line-height: 75px;
    position: relative;
    padding: 0 0 5px;
    border-bottom: 1px dashed #b12420;
    z-index: 2;
}

.sub_03 .item::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background-image: -moz-linear-gradient( 0deg, rgb(203, 110, 77) 0%, rgb(177, 35, 32) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(203, 110, 77) 0%, rgb(177, 35, 32) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(203, 110, 77) 0%, rgb(177, 35, 32) 100%);
    transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    z-index: -1;
}

.sub_03 .title {
    white-space: nowrap;
    position: relative;
    padding: 0 0 0 41px;
}

.sub_03 .title::before {
    content: '';
    display: block;
    width: 20px;
    height: 32px;
    position: absolute;
    left: 0;
    top: 33.3%;
    background: url(../images/dj_icon1.svg) no-repeat center/cover;
}

.sub_03 .time {
    color: #999;
    margin: 0 0 0 16px;
    float: right;
}

.sub_03 .item:hover {
    box-shadow: 0px 3px 47px 3px rgba(176, 35, 32, 0.3);
}

.sub_03 .item:hover .title::before {
    background-image: url(../images/sub03_ico2.png);
}

.sub_03 .item:hover::after {
    width: 100%;
}

.sub_03 .item:hover .title {
    color: #fff;
}

.sub_03 .item:hover .time {
    color: #fff;
    margin-right: 20px;
}


/*文章页*/

.article_author {
    background-color: #fff2ee;
}

.article_author span {
    color: #666;
}

.article_author span::before {
    background-color: #999;
}

@media screen and (min-width: 996px) {
    .dj_list2 li,
    .dj_list_top,
    .data-list li,
    .dj_list3 li>a,
    .sub_01 li {
        transition: all 0.35s ease-out;
    }
    .dj_list2 li:hover,
    .dj_list_top:hover,
    .data-list li:hover {
        transform: translateX(1rem);
    }
    .data-list li:hover::after {
        width: calc(100% + 2rem);
    }
    .dj_list3 li>a:hover {
        transform: translateY(-1rem);
        box-shadow: 0.44rem 0.14rem 12rem rgba(235, 244, 244, 1), 0.44rem 0.14rem 12rem rgba(235, 244, 244, 1);
    }
    .sub_01 li:hover {
        transform: translateX(1.5rem);
    }
}

@media screen and (max-width: 996px) {
    .dj_con1 .dj_swiper {
        width: 100%;
        margin-bottom: 2.5rem;
    }
    .dj_list1,
    .data-list,
    .image-swiper {
        width: 100%;
    }
    .dj_con3::before {
        left: 0;
        width: 100%;
    }
    .data-list {
        padding: 2.5rem;
    }
    .dj_header {
        background: #ab211e;
    }
    .d_banner::before {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .sub_01 .item {
        padding-right: 0;
    }
    .sub_01 .img_box {
        width: 100%;
    }
    .sub_01 .info_box {
        width: 100%;
        padding: 10px 10px 16px;
    }
    .bread a {
        color: #333;
    }
    .dj_list2 li.active h3 {
        font-size: 18px
    }
    .footer_nav .item::before {
        border-bottom: 1rem solid #73d9ab;
    }
    .footer_nav .bottom {
        background: #c30500;
    }
}