@charset "utf-8";.mianbao {
    overflow: hidden;
    position: relative;
    z-index: 1
}

.mianbao::before {
    content: "";
    position: absolute;
    top: 0;
    right: calc((100vw - 15.6rem)/2);
    bottom: 0;
    width: 100vw;
    background: #f9f9f9;
    z-index: -1
}

.mianbao .wp {
    height: 2.1rem;
    position: relative;
    z-index: 1;
    flex-direction: column;
    justify-content: center
}

.header::before {
    opacity: 0
}

.header.on::after {
    opacity: 0
}

.n_container {
    min-height: 10rem;
    position: relative;
    z-index: 1;
    background: #fff;
    padding: 1.28rem 0 0
}

.n_container::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background: url(../images/header.jpg) center no-repeat;
    background-size: cover;
    height: 1.78rem
}

.mianbao h3 {
    font-size: .36rem;
    color: #333333;
    font-family: '微软雅黑'
}

.breadcrumb {
    align-items: center;
    margin: .12rem 0 0;
    width: 100%
}

.breadcrumb * {
    font-size: .16rem;
    color: #333333;
    transition: .5s
}

.breadcrumb em {
    color: #333333
}

.breadcrumb .a1 {
    color: #333333
}

.breadcrumb img {
    width: .2rem;
    margin: 0 .1rem 0 0
}

.breadcrumb span {
    margin: 0 .06rem;
    position: relative;
    z-index: 1
}

.breadcrumb span img {
    width: .04rem;
    margin: 0
}

.breadcrumb .ll em {
    color: #347243
}

.n_bg1 {
    background: url(../images/n_bg1.jpg) center bottom no-repeat;
    background-size: 100% auto
}

.n_pad1 {
    padding: .65rem 0 1.2rem
}

.n_container .wp {
    max-width: 14rem;
}

.n_left {
    width: calc(100% - 2.8rem - .8rem);
}

.n_right {
    width: 2.8rem;
}

.list11 li {
    padding-bottom: .36rem;
    margin-bottom: .36rem;
    border-bottom: #dddddd 1px dashed
}

.list11 .a {
    align-items: center
}

.list11 .imgBox {
    width: 4rem;
    margin: 0 .36rem 0 0
}

.list11 .imgBox .img {
    padding-bottom: 60.33%
}

.list11s .imgBox{ width: 2.5rem}
.list11s .imgBox .img {
    padding-bottom: 80.33%; background: none
}
.list11s .imgBox .img img{ height: auto; top: 50%; transform: translateY(-50%) !important}

.list11 .time {
    background: url(../images/list11.png) center no-repeat;
    width: .6rem;
    height: .6rem;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-size: cover
}

.list11 .time h4 {
    font-size: .24rem;
    color: #f5d8ad;
    line-height: 1
}

.list11 .time h6 {
    font-size: .12rem;
    color: #f5d8ad;
    margin: .01rem 0 0;
    width: 100%;
    text-align: center;
    transform: scale(.9)
}

.list11 .txt {
    flex: 1;
    overflow: hidden
}
.list11 .txt .flex{ margin: -.1rem 0 0}

.list11 h4 {
    font-size: .2rem;
    color: #333333;
    font-family: '微软雅黑';
    font-weight: bold
}
.list11s h4{ margin-bottom: .25rem}

.list11 p {
    margin: .15rem 0 .36rem
}
.list11 h6{font-size: .16rem;padding: .05rem  0;width: auto;}
.list11 .h61{ margin: 0 .15rem 0 0; }

.more1 {
    width: .32rem;
    height: .32rem;
    border: #bfbfbf 1px solid;
    border-radius: 50vw;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .18rem;
    color: #bfbfbf;
    font-family: 'lib';
    transition: .5s
}

.h3-1 {
    display: flex;
    /* border-bottom: #dddddd 1px solid; */
    /* margin-bottom: .25rem; */
}

.h3-1 span {
    display: flex;
    align-items: center;
    position: relative;
    font-size: .22rem;
    color: #333333;
    /* border-bottom: #9d1d22 1px solid; */
    font-weight: 500
}

.h3-1 span img {
    width: .3rem;
    margin: 0 .12rem 0 0
}
.list12 {position: relative;padding: .36rem 0;}
.list12:before{ content: ""; position: absolute; left: .15rem; width: 1px; top: 0; bottom: 0; background: #e0e0e0}
.list12 li {
    padding: 0 0 .35rem;
}

.list12 h4 {
    margin: .14rem 0 0;
    font-size: .16rem;
    font-weight: normal;
}

.list12 h6 {
    justify-content: flex-start;
    position: relative;
}
.list12 .a{display: block;position: relative;padding: 0 0 0 .32rem;}
.list12 .a:after{content: "";position: absolute;border: #e0e0e0 2px solid;border-radius: 50vw;width: .1rem;height: .1rem;left: .09rem;top: .09rem;background: #fff; transition: .5s}
.list12 h6 span{background: url(../images/time.svg) center no-repeat;background-size: 100% 100%;width: 107px;height: .31rem;display: flex;align-items: center;justify-content: center;font-size: .14rem;color: #999999; transition: .5s}
.pages {
    margin: .6rem auto 0;
    justify-content: center
}

@media(min-width: 1024px) {
    .list11 .a:hover .more1 {
        background: #9d1d22;
        border: #9d1d22 1px solid;
        color: #fff
    }

    .list12 .a:hover h6 span{ background: url(../images/times.svg) center no-repeat;background-size: 100% 100%; color: #9d1d22}
    .list12 .a:hover:after{ border: #9d1d22 2px solid;}
    .list12 .a:hover h4{color: #9d1d22}
}

@media(max-width: 769px) {
    .n_container {
        padding: .9rem 0 0
    }

    .header1::after {
        right: 15px;
        bottom: -.7rem
    }

    .header1::before {
        height: 1.4rem
    }

    .mianbao::before {
        right: 15px
    }

    .navShow .header1::before {
        background: #9d1d22
    }

    .n_left {
        width: 100%
    }

    .n_right {
        width: 100%;
        padding: .6rem 0 0
    }

    .mianbao .wp {
        height: 1.35rem
    }
    .mianbao{padding: .2rem 15px .2rem 0;overflow: visible}
    .mianbao h3 {
        font-size: .22rem;
        width: 100%;
    }

    .list11 .imgBox {
        width: 100%;
        margin: 0 0 .3rem
    }

    .list11 .txt {
        flex: auto
    }

    .list11 p {
        margin: .1rem 0 .25rem
    }

    .n_pad1 {
        padding: .4rem 0 .6rem
    }

    .pages {
        margin: .4rem 0 0
    }

    .list11 li {
        padding-bottom: .25rem;
        margin-bottom: .25rem
    }

    .breadcrumb * {
        font-size: .14rem
    }

    .breadcrumb img {
        width: .16rem
    }

    .mianbao .wp {
        height: 1.15rem;
        flex-direction: row;
    }

    .header.on.on1:before {
        height: 1
    }
}

.list13 {
    margin: 0 -.1rem
}

.list13 li {
    width: 33.33%;
    padding: 0 .1rem;
    margin-bottom: .2rem
}

.list13 .a {
    flex-direction: column;
    background-color: #fff;
    box-shadow: -1.046px .12rem .2rem 0px rgba(60, 0, 2, 0.09);
    padding: 0 .38rem;
    height: 2.8rem;
    justify-content: center
}
.list13 .ico{ height: .5rem; display: flex; align-items: center}
.list13 .ico img{ max-height: 100%; max-width: .8rem}
.ssjg { height: 1.8rem !important;}

.list13 h4 {
    margin: .2rem 0 .4rem;
    height: .84rem;
}

.list13 p {
    margin: .12rem 0 .18rem;
    font-size: .14rem;
    display: none;
}

@media(max-width: 769px) {
    .list13 li {
        width: 50%
    }

    .list13 .a {
        height: 3rem
    }

    .list13 h4 {
        height: .6rem;
        -webkit-line-clamp: 2
    }

    .list13 p {
        -webkit-line-clamp: 3
    }
}

@media(max-width: 560px) {
    .list13 li {
        width: 100%
    }
}

.list14 {
    margin: 0 -.18rem
}

.list14 li {
    width: 50%;
    padding: 0 .18rem;
    margin-bottom: .36rem
}

.list14 .a {
    display: block;
    position: relative;
    box-shadow: .038rem .06rem .14rem 0px rgba(89, 5, 8, 0.18)
}

.list14 .txt {
    background: #fff;
    padding: 0 .38rem;
    height: 1.14rem;
    display: flex;
    align-items: center;
    position: relative
}

.list14 .txt:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: .03rem;
    background: #9d1d22;
    transition: .5s;
    width: 0
}

.list14 .txt h4 {
    height: .6rem;
    font-size: .2rem;
    line-height: .3rem;
    max-height: .6rem\0
}

@media(min-width: 1024px) {
    .list14 .a:hover .txt:after {
        width: 100%
    }
}

@media(max-width: 769px) {
    .list14 {
        margin: 0 -.1rem
    }

    .list14 li {
        width: 50%;
        padding: 0 .1rem;
        margin-bottom: .2rem
    }

    .list14 .txt {
        padding: 0 .2rem;
        height: .9rem
    }
}

.list15 {
    margin: 0 -.24rem
}

.list15 li {
    width: 50%;
    padding: 0 .24rem;
    margin-bottom: .1rem
}

.list15 .a {
    padding: .25rem .2rem;
    transition: .5s
}

.list15 .ll {
    width: .8rem;
    margin: 0 .36rem 0 0;
    text-align: right;
    border-top: #9d1d22 2px solid;
    padding: .15rem 0;
    transition: .5s
}

.list15 .ll h3 {
    font-size: .28rem;
    color: #9d1d22;
    transition: .5s
}

.list15 .ll h6 {
    font-size: .12rem;
    color: #7b7d87;
    transition: .5s
}

.list15 .more1 {
    float: right;
    width: .45rem;
    height: .45rem;
    margin: .2rem 0 0
}

.list15 .rr {
    flex: 1;
    overflow: hidden
}

.list15 .rr .imgBox .img {
    padding-bottom: 62.90%
}

.list15 .txt {
    padding: .16rem 0 0
}

.list15 h4 {
    font-size: .18rem
}

@media(min-width: 1024px) {
    .list15 .a:hover {
        background-color: rgb(157, 29, 34);
        box-shadow: 0px .2rem .5rem 0px rgba(157, 29, 34, 0.51);
        transition: .5s
    }

    .list15 .a:hover * {
        color: #fff
    }

    .list15 .a:hover .ll {
        border-top: #fff 2px solid
    }

    .list15 .a:hover .more1 {
        border: rgba(242, 228, 199, .3) 1px solid
    }
}

@media(max-width: 769px) {
    .list15 li {
        width: 100%
    }

    .list15 .a {
        padding: .1rem .1rem
    }

    .list15 .more1 {
        width: .32rem;
        height: .32rem
    }
}

.list16Box {
    width: calc(100% - 4.1rem - .1rem)
}

.list16Box .imgBox .img {
    padding-bottom: 4.96rem
}

.list16Box .imgBox::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: .7rem;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%)
}

.list16 .a {
    display: block;
    position: relative;
    z-index: 1
}

.list16 .txt {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 .28rem .2rem
}

.list16 h4 {
    font-size: .22rem;
    font-weight: bold;
    color: #fff !important
}

.list17Box {
    width: 4.1rem;
    height: 4.96rem
}

.list17 .a {
    height: 100%;
    padding: 0 0 0 .1rem;
    position: relative;
    z-index: 1
}

.list17 .a:before {
    content: "";
    border-top: transparent .05rem solid;
    border-bottom: transparent .05rem solid;
    border-right: #9d1d22 .05rem solid;
    position: absolute;
    left: .01rem;
    top: 50%;
    opacity: 0;
    transition: .5s
}

.list17 .a:after {
    content: "";
    width: .04rem;
    top: 0;
    bottom: 0;
    background: #9d1d22;
    position: absolute;
    left: .06rem;
    opacity: 0;
    transition: .5s
}

.list17 .imgBox {
    width: 2rem;
    height: 100%
}

.list17 .imgBox .img {
    padding-bottom: 0;
    height: 100%
}

.list17 .txt {
    flex: 1;
    overflow: hidden;
    background: #f9f9f9;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0 .2rem;
    transition: .5s
}

.list17 h4 {
    font-size: .16rem;
    margin-bottom: .1rem
}

.list17 li.swiper-slide-active .a:before,.list17 li.swiper-slide-active .a:after {
    opacity: 1
}

.list17 li.swiper-slide-active .txt {
    background: #9d1d22
}

.list17 li.swiper-slide-active .txt h4,.list17 li.swiper-slide-active .txt h6 {
    color: #fff
}

.shijue .fl1 {
    padding-top: 1rem
}

.shijue .fl2 {
    padding-top: 0 !important
}

.n_pad2 {
    padding: .5rem 0
}

.tit1 {
    align-items: center;
    border-bottom: #d1d1d1 1px solid;
    margin-bottom: .25rem
}

.tit1 .ll {
    font-size: .22rem;
    color: #9d1d22;
    font-weight: bold;
    border-bottom: #9d1d22 .03rem solid;
    padding: .1rem 0;
    margin-bottom: -1px
}

.more2 {
    font-size: .14rem;
    color: #333333
}

.list18 {
    margin: 0 -.12rem
}

.list18 li {
    width: 25%;
    padding: 0 .12rem
}

.list18 .txt {
    background: #f9f9f9;
    padding: .2rem .2rem;
    transition: .5s
}

.list18 h4 {
    margin-bottom: .1rem;
    height: .48rem;
    font-size: .16rem
}

.list19 {
    margin: 0 -.12rem
}

.list19 li {
    width: 25%;
    padding: 0 .12rem
}

.list19 .txt {
    background: #f9f9f9;
    padding: .28rem .28rem;
    transition: .5s
}

.list19 h6 big {
    font-size: .2rem;
    color: #666666;
    margin: 0 .05rem 0 0
}

.list19 h4 {
    margin: .1rem 0;
    font-size: .16rem
}

.list19 .more3 {
    border-top: #dcdcdc 1px solid;
    padding: .1rem 0 0;
    font-size: .12rem;
    color: #666666
}

.list19 .more3 i {
    font-size: .12rem;
    color: #666666;
    font-family: 'lib'
}

.shijue .fl3 {
    padding-bottom: 1rem
}

@media(min-width: 1024px) {
    .list18 .a:hover .txt,.list19 .a:hover .txt {
        background: #9d1d22
    }

    .list18 .a:hover *,.list19 .a:hover * {
        color: #fff
    }
}

@media(max-width: 769px) {
    .n_pad2 {
        padding: .4rem 0
    }

    .list16Box {
        width: 100%
    }

    .list17Box {
        width: 100%;
        margin: .3rem 0 0
    }

    .list18 h4 {
        height: .6rem
    }

    .list18 {
        margin: 0 -7px
    }

    .list18 li {
        padding: 0 7px
    }

    .list18 li {
        width: 50%;
        margin-bottom: .2rem
    }

    .list19 {
        margin: 0 -7px
    }

    .list19 li {
        padding: 0 7px
    }

    .list19 li {
        width: 50%;
        margin-bottom: .2rem
    }

    .shijue .fl3 {
        padding-top: 0 !important
    }

    .list16Box .imgBox .img {
        padding-bottom: 60%
    }

    .list17 .imgBox {
        width: 1.75rem
    }

    .shijue .fl1 {
        padding-top: .4rem
    }

    .shijue .fl3 {
        padding-bottom: .4rem
    }
}

.ar_tit {
    position: relative;
    z-index: 1;
    margin: 0 0 .4rem;
    border-bottom: #dfdfdf 1px solid;
    padding: 0 0 .15rem
}

.ar_tit h3 {
    font-size: .32rem;
    color: #9d1d22;
    line-height: 1.35;
    margin: 0 auto;
    padding-bottom: .25rem;
    width: 10rem;
    max-width: 100%;
}

.ar_tit .con .ll p {
    font-size: .14rem;
    color: #666666;
    line-height: .24rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 .1rem
}

.ar_tit .con .ll p img {
    width: .18rem;
    margin: 0 .1rem 0 0
}

.details .arc-con p {
    font-size: 16px !important;
    line-height: 1.75em  !important;
}

.details .arc-con video{ width: 100% !important; height: auto !important}