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

.n_banner .imgBox .img {
    padding-bottom: 17%;
}

.n_banner .imgBox::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(/images/n_bat.png) center 101% no-repeat;
    background-size: 100% auto
}

.n_banner .top {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0
}

.mianbao {
    display: flex;
    align-items: center;
    padding: 0;
    justify-content: flex-end;
    order: 1
}

.mianbao * {
    font-size: .14rem;
    color: #999;
    font-style: normal;
    line-height: 1.5;
    font-weight: normal;
    transition: .5s
}

.mianbao span {
    margin: 0 .04rem
}

#m_n_nav {
    display: none;
    line-height: 50px;
    position: relative;
    z-index: 9;
    width: 100%;
    background: #1152a3
}

#bnt_back {
    position: absolute;
    left: 15px;
    top: 0px
}

#bnt_back img {
    height: 28px
}

#bnt_back svg {
    fill: rgb(255, 255, 255);
    height: 30px;
    vertical-align: middle;
    width: 26px
}

#m_n_nav h1 {
    font-size: 14px;
    color: rgb(255, 255, 255);
    text-align: center;
    margin: 0px;
    line-height: 50px
}

#bnt_sub_nav {
    position: absolute;
    right: 15px;
    top: 0px;
    height: 50px;
    cursor: pointer;
    color: rgb(255, 255, 255);
    font-size: 18px;
    display: flex;
    align-items: center
}

#bnt_sub_nav svg {
    fill: rgb(255, 255, 255);
    height: 20px;
    vertical-align: middle;
    width: 20px
}

#bnt_sub_nav img {
    display: block;
    height: 20px
}

#bnt_sub_nav.on img {
    transform: rotate(-180deg)
}

#sub_nav_content {
    background: rgb(240, 243, 245);
    display: none;
    box-shadow: rgb(153, 153, 153) 0px 0px 5px;
    z-index: 9
}

#sub_nav_content ul {
    padding: 10px
}

#sub_nav_content ul li {
    display: block;
    line-height: 28px;
    margin: 1rem 0px
}

#sub_nav_content ul li a {
    display: block;
    border-left: 2px solid rgb(202, 158, 78);
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    padding-left: 10px;
    color: rgb(83, 84, 85)
}

#sub_nav_content ul li.on a {
    color: rgb(202, 158, 78)
}

#sub_nav_content dl {
    font-size: 0px;
    overflow: hidden;
    background: rgb(255, 255, 255);
    padding: 10px 0px;
    display: flex;
    flex-wrap: wrap
}

#sub_nav_content dt {
    position: relative;
    background: rgb(255, 255, 255);
    z-index: 999;
    min-width: 100%;
    display: inline-block;
    margin-bottom: 0px;
    text-align: left;
}

#sub_nav_content dt a {
    margin: 0px 20px;
    display: block;
    color: #333;
    line-height: 30px;
    font-size: 14px;
    font-weight: 400;
    vertical-align: top
}

#sub_nav_content dt a i {
    position: absolute;
    right: 15px;
    top: 0px;
    opacity: 0;
    display: none
}

#sub_nav_content dt.title {
    background: rgb(250, 250, 251)
}

#sub_nav_content dt.title i {
    opacity: 1
}

#sub_nav_content dt.title_on {
    background: rgb(250, 250, 251)
}

#sub_nav_content dt.title_on a {
    color: rgb(215, 0, 41);
    border-top: 1px solid rgb(255, 255, 255)
}

#sub_nav_content dt.title_on a i {
    color: rgb(215, 0, 41)
}

#sub_nav_content dt.last a {
    border-top: 1px solid rgb(248, 248, 248)
}

#sub_nav_content dt.on a,#sub_nav_content dt.title_on a {
    color: #1152a3
}

#sub_nav_content dd {
    /* display: none; */
    padding: 0 .3rem;
}

#sub_nav_content dd .box {
    padding: 0px
}

#sub_nav_content dd a {
    padding: 0px 10px;
    line-height: 30px;
    /* border-top: 1px solid rgb(231, 231, 231); */
    font-size: 12px;
    color: #666;
    display: block;
    height: 30px
}

#sub_nav_content dd a.on {
    color: rgb(215, 0, 41)
}

.n_container {
    padding: 0;
    background: #fff;
    background: linear-gradient(#fcfcfc, #fcfcfc, #fff)
}

.n_banner .wp,.n_container .wp {
    align-items: flex-start;
    max-width: 13rem;
}

.n_left {
    width: 3rem;
    position: sticky;
    margin: -2rem 0 0;
    z-index: 10;
    top: .2rem
}

.n_right {
    width: calc(100% - 3rem);
    padding: .3rem 0 1.05rem .55rem
}

.yj {
    height: 1.61rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    position: relative;
    z-index: 1;
    flex-direction: column
}

.yj:before {
    content: "";
    position: absolute;
    top: 0;
    left: -.2rem;
    width: 3.39rem;
    height: 1.61rem;
    background: url(/images/yj.png) center no-repeat;
    background-size: 100% 100%;
    z-index: -1
}

.yj h2 {
    font-size: .4rem;
    color: #c39a72;
    font-family: "思源宋体 Bold";
    font-weight: 700;
    opacity: .16;
    text-transform: uppercase;
    line-height: 1;
    width: 100%;
    text-align: center;
    word-wrap: break-word;
}

.yj h3 {
    font-size: .26rem;
    color: #d0aa84;
    font-weight: normal;
    margin: -.2rem 0 0;
    position: relative;
    padding: 0 .45rem;
    text-align: center
}

.yj h3:before {
    content: "";
    position: absolute;
    width: .32rem;
    height: 1px;
    background: #d0aa84;
    top: 50%;
    left: 0
}

.yj h3:after {
    content: "";
    position: absolute;
    width: .32rem;
    height: 1px;
    background: #d0aa84;
    top: 50%;
    right: 0
}

.list_erji {
    background: #e6edf5;
    padding: .2rem .22rem .85rem;
    background-size: 100% auto;
    background: linear-gradient(180deg, #e7eef5, #e7eef5, #e7eef5, transparent)
}

.list_erji li {
    border-bottom: #ddd7d1 2px dotted;
    position: relative;
}

.list_erji li * {
    transition: .5s
}

.list_erji li .a {
    display: block;
    line-height: .5rem;
    text-align: left;
    font-size: .16rem;
    color: #333333;
    position: relative;
    z-index: 1;
    padding: 0 .36rem
}

.list_erji li .a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    background: url(/images/more1.png) center bottom repeat-x;
    height: .25rem;
    width: .28rem;
    margin: -.125rem 0 0;
    opacity: 0;
    transition: .5s;
    background-size: 100% 100%
}

.list_erji li .a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: .04rem;
    background: url(/images/list_erji_r.svg) center bottom repeat-x;
    width: .06rem;
    height: .1rem;
    transform: translateY(-50%);
    background-size: 100% 100%;
    opacity: 0;
    transition: .5s;
    display: none
}

.e_btn{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background: url(/images/list_erji_r.svg) center no-repeat;
    width: .5rem;
    height: .5rem;
    /* transform: translateY(-50%); */
    background-size: .06rem .1rem;
    /* opacity: 0; */
    transition: .5s;
    z-index: 2;
}

.list_erji li.on .a:before,.list_erji li:hover .a:before {
    opacity: 1
}

.list_erji li.on .a:after,.list_erji li:hover .a:after {
    opacity: 1
}

.list_erji li.on .a,.list_erji li:hover .a {
    color: #1152a3
}

.list_erji dl {
    padding: 0 0 .1rem .72rem;
    display: none;
    transition: 0s;
}

.list_erji dl .a1 {
    font-size: .14rem;
    color: #111F2D;
    line-height: 1.5;
    padding: .08rem 0;
    display: block
}

.list_erji dl dd.on .a1,.list_erji dl dd .a1:hover {
    color: #1152a3
}

.list_erji li.on.act dl{ display: block !important;}

.n_tit1 {
    border-bottom: #ddd7d1 1px dotted;
    margin-bottom: .5rem;
    padding-bottom: .24rem;
    align-items: flex-end;
    position: relative
}

.n_tit1:before {
    content: "";
    position: absolute;
    width: .07rem;
    height: .07rem;
    border: #114d99 1px solid;
    border-radius: 50%;
    box-sizing: border-box;
    left: -.07rem;
    bottom: -.045rem
}

.n_tit1:after {
    content: "";
    position: absolute;
    width: 1.98rem;
    height: 1px;
    left: 0;
    bottom: -1px;
    background: #114d99
}

.n_tit1 h3 {
    order: -1;
    font-size: .22rem;
    color: #111f2d;
    font-weight: normal
}

@media(max-width: 1024px) {
    .n_left,.n_banner .top {
        display: none
    }

    #m_n_nav {
        display: block;
        margin: 0;
        width: 100%
    }

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

    .n_tit1 {
        margin-bottom: .3rem;
        display: none
    }

    .n_container {
        overflow: hidden
    }
}

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

    .n_banner .imgBox .img {
        padding-bottom: 38%
    }
}

@media(max-width: 800px) {
    .n_tit1 h3 {
        font-size: 0;
        color: transparent
    }

    .n_right {
        padding: .43rem 0 0
    }
}

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

.about {
    padding: .2rem 0 19vw
}

.about .fl1 .content {
    background: linear-gradient(45deg, #165eb5, #244a86);
    padding: 0 .46rem;
    align-items: flex-end;
    border-radius: .1rem;
    position: relative;
    z-index: 1
}

.about .fl1 .content::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: url(/images/about_b1.png) center 101% no-repeat;
    background-size: 100% auto
}

.about .fl1 .content .left {
    width: calc(100% - 1.41rem - .5rem);
    padding: .46rem 0 .65rem
}

.about .fl1 .content .left h3 {
    text-align: left;
    margin-bottom: .2rem
}

.about .fl1 .content .left h3 img {
    height: .5rem !important
}

.about .fl1 .content .left .arc-con p {
    color: #fff
}

.about .fl1 .content .right {
    width: 1.41rem;
    margin: -.32rem 0 0
}

.about .fl2 {
    padding: .5rem 0
}

.list22 {
    justify-content: space-around;
    background: url(/images/list22_b.jpg) center no-repeat;
    background-size: cover;
    border-radius: .1rem;
    padding: .44rem .3rem
}

.list22 li {
    flex: 1;
    padding: 0 .1rem;
    text-align: center
}

.list22 .a {
    display: block;
    position: relative;
    z-index: 1;
    height: 100%;
    padding-bottom: .18rem
}

.list22 .a:before {
    content: "";
    position: absolute;
    background: url(/images/list22.svg) center no-repeat;
    background-size: cover;
    width: 1.66rem;
    height: 1.46rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: .5s
}

.list22 .a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: .22rem;
    height: .04rem;
    background: #c39a72;
    border-radius: 50vw;
    transform: translateX(-50%)
}

.list22 h3 {
    line-height: 1
}

.list22 h3 big {
    font-size: .36rem;
    color: #1152a3;
    font-family: "思源宋体 Regular";
    font-weight: 400
}

.list22 h3 small {
    font-size: .3rem;
    color: #1152a3;
    font-family: "思源宋体 Regular";
    font-weight: 400;
    font-weight: normal
}

.list22 p {
    font-size: .15rem;
    color: #283348;
    line-height: .24rem;
    opacity: .8;
    margin: .06rem 0 0
}

.about .fl3 {
    align-items: center
}

.about .fl3 .left {
    width: 4.36rem;
    padding: .26rem 0 .26rem .26rem;
    position: relative;
    z-index: 1
}

.about .fl3 .left::before {
    content: "";
    position: absolute;
    z-index: -1;
    background: url(/images/about_b1.jpg) center no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
    bottom: 0;
    width: 90%
}

.about .fl3 .right {
    width: calc(100% - 4.36rem - .6rem);
}

.about .fl4 .left {
    order: 1;
    padding: .26rem .26rem .26rem 0
}

.about .fl4 .left::before {
    left: auto;
    right: 0
}

.list23 {
    margin-bottom: .4rem
}

.list23 li {
    width: 45%
}

.list23 h3 {
    line-height: 1
}

.list23 h3 big {
    font-size: .36rem;
    color: #c39a72;
    font-family: "思源宋体 Regular";
    font-weight: 400
}

.list23 h3 small {
    font-size: .3rem;
    color: #c39a72;
    font-family: "思源宋体 Regular";
    font-weight: 400;
    font-weight: normal
}

.list23 p {
    font-size: .16rem;
    color: #999;
    line-height: .24rem;
    opacity: .8;
    margin: .06rem 0 0
}

#gotop {
    position: fixed;
    right: .1rem;
    bottom: .5rem;
    z-index: 10000;
    opacity: 1;
    visibility: visible;
    transition: .5s;
    background: #114f9d;
    width: 0.46rem;
    height: 0.46rem
}

#gotop img {
    width: .16rem
}

#gotop.hide {
    opacity: 0;
    visibility: hidden
}

@media(min-width: 1024px) {
    .list22 .a:hover:before {
        opacity: 1;
        visibility: visible
    }
}

@media(max-width: 1024px) {
    .about .fl3 .left {
        margin: 0 auto;
        max-width: 100%
    }

    .about .fl3 .right {
        width: 100%;
        padding: .3rem 0 0;
        order: 1
    }
}

@media(max-width: 800px) {
    .list22 {
        padding: .2rem .1rem
    }

    .list22 li {
        flex: auto;
        width: 25%;
        padding: .15rem .05rem
    }

    .list22 h3 big {
        font-size: .26rem
    }

    .list22 h3 small {
        font-size: .18rem
    }

    .list22 p {
        font-size: .14rem;
        line-height: 1.35
    }

    .about .fl2 {
        padding: .3rem 0
    }

    .list23 h3 big {
        font-size: .26rem
    }

    .list23 h3 small {
        font-size: .18rem
    }

    .list23 p {
        font-size: .14rem;
        line-height: 1.35
    }

    #gotop {
        transform: scale(.7)
    }

    .about {
        padding: 0 0 19vw
    }
}

@media(max-width: 560px) {
    .about .fl1 .content {
        padding: 0 0 0 .25rem
    }

    .about .fl1 .content .left {
        flex: 1;
        padding: .3rem 0
    }

    .about .fl1 .content .left h3 img {
        height: .4rem !important
    }

    .about .fl1 .content .right {
        max-width: 100%;
        margin: 0 0 0 .25rem;
        width: .5rem
    }
}

.list24 li {
    margin-bottom: .3rem;
}

.list24 .top {
    padding: .2rem .4rem;
    position: relative;
    align-items: center;
    cursor: pointer;
    background: url(/images/list24_b.png) center no-repeat;
    background-size: 100% 100%
}

.list24 .ll {
    font-size: .22rem;
    color: #283348;
    width: calc(100% - .7rem);
    flex: 1;
    overflow: hidden
}

.list24 .ico {
    width: .502rem;
    margin: 0 0 0 .2rem;
    transition: .5s
}

.list24 .ico img {
    width: 100%
}

.list24 i {
    font-size: .18rem;
    color: #333;
    font-family: 'swiper-icons';
    transition: .5s;
    font-weight: bold;
    transform: rotate(90deg)
}

.list24 .bottom {
    padding: .3rem 0 0;
    display: none
}

.list24 li.on .ico {
    transform: rotate(180deg)
}

.list25 {
    margin: 0 -.12rem
}

.list25 dd {
    width: 50%;
    padding: 0 .12rem;
    margin-bottom: .2rem
}

.list25 .a {
    background: url(/images/list25_b1.png) center no-repeat;
    background-size: 100% 100% !important;
    display: flex;
    min-height: .46rem;
    padding: .1rem .5rem;
    align-items: center;
    font-size: .16rem;
    color: #283348;
    transition: .5s;
}

@media(min-width: 1024px) {
    .list25 .a:hover {
        background: url(/images/list25_b1_on.png) center no-repeat;
        color: #C39A72
    }
}

@media(max-width: 1024px) {
    .list25 dd {
        width: 100%
    }
}

@media(max-width: 800px) {
    .list25 .a {
        padding: .15rem .25rem;
        font-size: .16rem
    }

    .list24 li {
        margin-bottom: .2rem
    }

    .list24 .top {
        padding: .14rem .2rem
    }

    .list24 .top .ll {
        font-size: .2rem
    }

    .list24 .ico {
        width: .3rem
    }
}

@media(max-width: 560px) {
    .list25 dd {
        margin-bottom: .15rem
    }
}

.n_news_detail .ar_article_box .nav01 {
    margin-bottom: .3rem
}

.n_news_detail .ar_article_box h3 {
    color: #283348;
    font-size: .3rem;
    line-height: 1.5;
    font-weight: bold;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
    margin-bottom: .2rem;
    font-weight: normal
}

.n_news_detail .ar_article_box h6 {
    color: #666666;
    font-size: .16rem;
    line-height: .42rem;
    margin-bottom: 0;
    vertical-align: top;
    border-bottom: 1px solid #1152A3;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 .3rem;
    flex-wrap: wrap;
    justify-content: center
}

.n_news_detail .ar_article_box h6 span {
    margin: 0 2vw;
    font-size: .18rem;
    line-height: 1.5;
    color: #283348
}

.n_news_detail .ar_article_box h6 span img {
    margin: -3px .1rem 0 0;
    height: .2rem
}

.n_news_detail p {
    color: #000000;
    font-size: .16rem;
    text-indent: 2em
}

#ar_fot {
    position: relative;
    padding: .36rem 0 0;
    box-sizing: border-box;
    width: 100%;
    margin-top: .6rem;
    border-top: 2px solid #1152A3;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

#ar_fot h1 {
    display: block;
    width: 100%;
    line-height: 1.5;
    color: #283348;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .18rem;
    padding: .06rem 0;
}

#ar_fot h1 span {
    text-decoration: none;
    display: inline-block
}

#ar_fot h1 a {
    color: #283348;
    font-weight: normal;
    transition: .5s;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#ar_fot .bnt_back {
    position: absolute;
    top: 28px;
    right: 0;
    color: #fff;
    background: #063579;
    padding: 0 25px;
    font-size: 14px;
    height: 30px;
    line-height: 30px
}

#ar_fot .bnt_back:hover {
    border-radius: 3px
}

#ar_fot h1 a:hover {
    color: #1152A3
}

#ar_fot .ll {
    flex: 1
}

#ar_fot .rr a {
    display: flex;
    font-size: .14rem;
    color: #fff;
    align-items: center;
    justify-content: center;
    transition: .5s;
    background: #e67a18;
    width: 1.15rem;
    height: .35rem;
    border-radius: 3px;
    transition: .5s
}

#ar_fot .rr a img {
    margin: 0 .06rem 0 0;
    height: .22rem
}

#ar_fot .rr a:hover {
    background: #046787
}

.n_news_detail01 h4 {
    font-size: 1.5rem;
    color: #000000;
    font-weight: bold;
    margin: 2.5rem 0 1rem;
    text-align: center
}

.n_news_detail01 .ar_article p {
    line-height: 2.5rem;
    margin-bottom: 0.375rem
}

@media(max-width: 800px) {
    .n_news_detail .ar_article_box h3 {
        font-size: .26rem
    }

    #ar_fot .ll {
        flex: auto;
        width: 100%
    }

    #ar_fot .rr {
        text-align: center;
        margin: .2rem 0 0;
        display: flex;
        justify-content: center;
        width: 100%
    }

    #ar_fot .rr a {
        margin: 0 auto
    }

    .n_news_detail .ar_article_box h6 span {
        margin: 0 2vw
    }
}

@media(max-width: 640px) {
    #ar_fot h1 {
        font-size: .18rem;
        padding: .05rem 0
    }
}

.list26 {
    margin: -.2rem 0 0
}

.list26 li {
    margin-bottom: 0;
    position: relative;
    border-bottom: 1px dashed #DDD7D1;
    padding: .31rem 0
}

.list26 li::before {
    content: "";
    position: absolute;
    left: 0;
    width: .05rem;
    height: .05rem;
    background: #1152A3;
    border-radius: 50vw;
    bottom: -.03rem
}

.list26 li::after {
    content: "";
    position: absolute;
    right: 0;
    width: .05rem;
    height: .05rem;
    background: #1152A3;
    border-radius: 50vw;
    bottom: -.03rem
}

.list26 .a {
    align-items: center;
    position: relative;
    z-index: 1;
    padding: .23rem .26rem
}

.list26 .a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #FBE7D5;
    box-shadow: 0px 8px 11px 0px rgba(195, 195, 195, 0.3469);
    z-index: -1;
    opacity: 0;
    transition: .5s
}

.list26 .imgW {
    width: 3.39rem;
    position: relative;
    z-index: 1;
    margin: 0 .4rem 0 0;
    transform: translateX(-.23rem);
    transition: .5s
}

.list26 .imgW::before {
    content: "";
    position: absolute;
    top: 0;
    right: -.04rem;
    width: .04rem;
    height: .98rem;
    background: #C39A72;
    transition: .5s
}

.list26 .txt {
    flex: 1;
    overflow: hidden;
    transform: translateX(-.23rem);
    transition: .5s;
    padding: 0 .4rem 0 0
}

.list26 h6 {
    color: #C39A72;
    font-size: 12px
}

.list26 h6 big {
    font-size: .22rem
}

.list26 h4 {
    margin: .25rem 0
}

.list26 p {
    color: #111F2D;
    opacity: .5;
    font-size: .16rem
}

.list25 .a {
    justify-content: center
}

@media(min-width: 1024px) {
    .list26 .a:hover:before {
        opacity: 1
    }

    .list26 .a:hover .imgW,.list26 .a:hover .txt {
        transform: translateX(0)
    }

    .list26 .a:hover .imgW::before {
        background: #1152A3
    }

    .list26 .a:hover h6,.list26 .a:hover h4 {
        color: #1152A3
    }

    .list26 .a:hover h4 {
        color: #283348
    }

    .list26 .a:hover p {
        opacity: .7;
        color: #283348
    }
}

@media(max-width: 800px) {
    .list26 .a {
        padding: 0
    }

    .list26 .imgW {
        margin: 0 auto;
        max-width: 100%;
        transform: translateX(0)
    }

    .list26 .txt {
        flex: auto;
        width: 100%;
        transform: translateX(0);
        padding: 0;
        margin: 0
    }
}

@media(max-width: 560px) {
    .list26 .imgW {
        width: 100%;
        margin-bottom: .2rem
    }
}

.list27 {
    margin: 0 -.15rem;
}

.list27 li {
    width: 33.33%;
    padding: 0 .15rem;
    margin-bottom: .4rem
}

.list27 .imgBox .img {
    padding-bottom: 78.45%
}

.list27 .txt {
    height: 1.2rem;
    background: #F3F8FF;
    padding: 0 .25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0px 4px 11px 0px rgba(173, 173, 173, 0.143)
}

.list27 .txt h4 {
    font-size: .2rem;
    color: #333
}

.more2 {
    display: flex;
    align-items: center;
    font-size: .16rem;
    color: #283348;
    margin: .2rem 0 0;
}

.more2 img {
    height: .13rem;
    margin: 0 0 0 .14rem
}

@media(max-width: 800px) {
    .list27 {
        margin: 0 -7px
    }

    .list27 li {
        width: 33.33%;
        padding: 0 7px;
        margin-bottom: .25rem
    }

    .list27 .txt {
        height: 1rem;
        padding: 0 .2rem
    }

    .more2 {
        margin: .12rem 0 0
    }
}

@media(max-width: 640px) {
    .list27 {
        margin: 0 -7px
    }

    .list27 li {
        width: 50%;
        padding: 0 7px;
        margin-bottom: .25rem
    }
}

.list28 li {
    margin-bottom: .3rem
}

.list28 .a {
    border-radius: .12rem;
    background: #FFFFFF;
    box-shadow: 0px 4px .12rem 0px rgba(56, 56, 56, 0.06);
    height: .9rem;
    align-items: center;
    transition: .5s
}

.list28 .txt {
    flex: 1;
    overflow: hidden;
    padding: 0 .28rem
}
.list28 .txt{ align-items: center}
.list28 .txt h6{font-size: .16rem;color: #234885;margin: 0 .15rem 0 0;line-height: 1.25;}
.list28 .txt h4{ flex: 1; overflow: hidden}

.list28 .time {
    text-align: center;
    padding: 0 .34rem 0 .44rem;
    position: relative
}

.list28 .time::before {
    content: "";
    position: absolute;
    width: 1px;
    height: .54rem;
    background: #DDD7D1;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: .5;
    transition: .5s
}

.list28 .time h3 {
    font-size: .3rem;
    color: #c89f78;
    font-weight: normal;
    line-height: 1;
    font-family: "思源宋体 SemiBold";
    transition: .5s
}

.list28 .time h6 {
    font-size: .16rem;
    color: #c89f78;
    font-family: "思源宋体 Regular";
    font-weight: 400;
    font-weight: normal;
    margin: .04rem 0 0;
    transition: .5s
}

@media(min-width: 1024px) {
    .list28 .a:hover {
        background: #FBE7D5;
        box-shadow: 0px .08rem .16rem 0px rgba(250, 232, 215, 0.6313)
    }

    .list28 .a:hover h4 {
        color: #283348
    }

    .list28 .a:hover .time h3,.list28 .a:hover .time h6 {
        color: #1152A3
    }

    .list28 .a:hover .time::before {
        background: #1152A3;
        opacity: .5
    }
}

@media(max-width: 800px) {
    .list28 li {
        margin-bottom: .2rem
    }

    .list28 .time {
        padding: 0 .14rem 0 .24rem
    }

    .list28 .time h6 {
        font-size: .14rem
    }

    .list28 .txt {
        padding: 0 .2rem
    }
}

.list29 li {
    margin-bottom: 1.5rem
}

.list29 .top {
    height: auto;
    background: url(/images/list29_b1.png) center no-repeat;
    background-size: 100% 100%;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    margin: .6rem 0 0;
    min-height: .9rem;
    padding: .2rem
}

.list29 .top::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(/images/list29_b2.png) center bottom no-repeat;
    background-size: 100% auto;
    transform: translateY(-99%)
}

.list29 .top h4 {
    font-size: .24rem;
    color: #283348
}

.list29 dl {
    align-items: center;
    padding: .16rem 8vw;
    line-height: 1.35;
    min-height: .65rem;
}

.list29 dl:nth-child(2n) {
    background: #fdf6ee
}

.list29 dl dt {
    width: 50%;
    text-align: right;
    padding: 0 .55rem 0 0;
    position: relative;
    font-size: .18rem;
    color: #283348
}

.list29 dl dt:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 100%;
    background: #C39A72;
    transform: translateY(-50%);
    opacity: .3
}

.list29 dl .dd {
    width: 50%;
    padding: 0 0 0 .55rem
}

.list29 dl dd a {
    font-size: .18rem;
    color: #283348;
    transition: .5s;
    margin: 0 .1rem 0 0
}

@media(min-width: 1024px) {
    .list29 dl dd a:hover {
        color: #1152A3
    }
}

@media(max-width: 800px) {
    .list29 .top h4 {
        font-size: .2rem
    }

    .list29 .top {
        min-height: .7rem;
        margin: .3rem 0 0
    }

    .list29 dl dt,.list29 dl dd a {
        font-size: .18rem
    }

    .list29 dl {
        padding: .12rem .2rem;
        min-height: .65rem
    }

    .list29 dl dt {
        padding: 0 .25rem 0 0
    }

    .list29 dl .dd {
        padding: 0 0 0 .25rem
    }

    .list29 li {
        margin-bottom: .5rem
    }
}

.list30 {
    margin: 0 -.23rem -.46rem
}

.list30 li {
    width: 50%;
    padding: 0 .23rem;
    margin-bottom: .46rem
}

.list30 .a {
    display: block;
    position: relative
}

.list30 .imgBox .img {
    padding-bottom: 66.44%
}

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

.list30 .txt {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: .25rem .44rem;
    align-items: center
}

.list30 .txt h4 {
    flex: 1;
    overflow: hidden;
    color: #fff
}

.list30 .txt .ico {
    width: .12rem;
    margin: 0 0 0 .2rem
}

.list30 .txt .ico img {
    width: 100%
}

@media(max-width: 800px) {
    .list30 {
        margin-bottom: -.25rem
    }

    .list30 li {
        width: 100%;
        margin-bottom: .25rem
    }

    .list30 .txt {
        padding: .2rem .2rem
    }

    .list30 .txt .ico {
        width: .1rem
    }
}

.list31 {
    margin: 0 -1% .75vw;
    overflow: hidden
}

.list31 li {
    float: left;
    width: 33%;
    padding: 0 1%;
    margin-bottom: 1.65%
}

.list31 li:nth-child(1) {
    width: 66.66%
}

.list31 .a {
    display: block;
    position: relative
}

.list31 .imgBox .img {
    padding-bottom: 66.34%
}

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

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

.list31 h4 {
    color: #fff !important
}

.list32 li {
    margin-bottom: .35rem
}

.list32 .a {
    height: 1.6rem
}

.list32 .line {
    width: .4rem;
    height: 2px;
    background: #C39A72;
    margin: .14rem 0;
    transition: .5s
}

.list32 p {
    font-size: .16rem;
    color: #111F2D;
    opacity: .5
}

.list32 .time::before {
    height: .96rem
}

.list28 .time h6 {
    margin: .06rem 0 0
}

@media(min-width: 1024px) {
    .list32 .a:hover p {
        color: #111F2D;
        opacity: .7
    }

    .list32 .a:hover .line {
        background: #1152A3
    }
}

@media(max-width: 640px) {
    .list31 {
        margin-bottom: .2rem
    }

    .list31 li:nth-child(1) {
        width: 100%
    }

    .list31 li {
        width: 50%;
        margin-bottom: .1rem
    }

    .list31 .txt {
        padding: 0 .22rem .15rem
    }

    .list32 li {
        margin-bottom: .2rem
    }
}

.ld_d {
    border-radius: .14rem .14rem .1rem .1rem;
    background: #FFFFFF;
    box-shadow: 0px 5px .17rem 0px rgba(115, 115, 115, 0.1581);
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding: .3rem .42rem .3rem .32rem;
    margin: .3rem 0 0
}

.ld_d::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background: #E8EFF8;
    height: .56rem;
    z-index: -1
}

.ld_d .left {
    width: 1.76rem;
    margin: 0 .36rem 0 0
}

.ld_d .left .imgBox .img {
    padding-bottom: 133.89%
}

.ld_d .right {
    flex: 1;
    overflow: hidden;
    padding: .62rem 0 .3rem
}

.ld_d .right h3 {
    margin-bottom: .4rem
}

.ld_d .right h3 big {
    font-size: .26rem;
    color: #111F2D;
    font-weight: normal
}

.ld_d .right h3 small {
    font-size: .18rem;
    color: #111F2D;
    font-weight: normal;
    margin: 0 0 0 .24rem
}

.ld_d .content {
    padding: 0 0 0 .36rem;
    position: relative;
    z-index: 1
}

.ld_d .content::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 2px;
    background: rgba(17, 82, 163, .7)
}

.ld_d .content .box {
    padding: .1rem 0;
    margin-bottom: .3rem
}

.ld_d .content .box h4 {
    font-size: .2rem;
    color: #1152A3;
    margin-bottom: .25rem
}

.ld_d .content .box:last-child {
    margin-bottom: 0
}

@media(max-width: 800px) {
    .ld_d .left {
        margin: 0 auto;
        width: 1.4rem
    }

    .ld_d .right {
        flex: auto;
        width: 100%;
        padding: .3rem 0
    }

    .ld_d .content {
        padding: 0 0 0 .25rem
    }

    .ld_d {
        padding: .3rem .2rem;
        margin: 0
    }

    .ld_d .content .box h4 {
        margin-bottom: .15rem
    }

    .ld_d .content .box {
        margin-bottom: .2rem
    }
}

.his {
    position: relative
}

.his .line {
    position: absolute;
    top: 0;
    bottom: 0;
    width: .4rem;
    left: 50%;
    transform: translateX(-50%)
}

.his .line::before {
    content: "";
    top: .6rem;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(195, 154, 114, .2);
    position: absolute;
    border-radius: 50vw
}

.his .line::after {
    content: "";
    top: .6rem;
    bottom: .2rem;
    left: 50%;
    width: 1px;
    background: #c39a72;
    position: absolute;
    border-radius: 50vw
}

.his::after {
    content: "";
    top: 0;
    left: 50%;
    background: url(/images/his.png) center no-repeat;
    position: absolute;
    border-radius: 50vw;
    width: .72rem;
    height: 1.38rem;
    background-size: cover;
    transform: translateX(-50%)
}

.list33 {
    margin: 0 -.65rem;
    padding: 1.5rem 0 1rem
}

.list33 li {
    padding: .2rem 0
}

.list33 .a {
    align-items: center
}

.list33 .imgW {
    width: 50%;
    padding: 0 10%;
}

.list33 .imgBox .img {
    padding-bottom: 78.01%;
    background: none
}

.list33 .txt {
    width: 50%;
    padding: 0 .65rem
}

.list33 h3 {
    font-size: .36rem;
    color: #C39A72;
    margin-bottom: .15rem;
    font-family: "思源宋体 Bold";
    font-weight: 700;
    position: relative
}

.list33 h3:before {
    content: "";
    position: absolute;
    background: url(/images/list33.png) center no-repeat;
    background-size: cover;
    left: -.83rem;
    width: .36rem;
    height: .36rem;
    top: .3rem
}

.list33 p {
    font-size: .16rem;
}

.list33 li:nth-child(2n) .imgW {
    order: 1
}

.list33 li:nth-child(2n) .txt {
    text-align: right
}

.list33 li:nth-child(2n) .txt .arc-con p {
    text-align: right
}

.list33 li:nth-child(2n) h3::before {
    left: auto;
    right: -.83rem
}

@media(max-width: 800px) {
    .list33 {
        margin: 0 -.35rem;
        padding: 1rem 0 .5rem
    }

    .list33 .imgW {
        padding: 0 .36rem
    }

    .list33 .txt {
        padding: 0 .35rem
    }

    .list33 h3 {
        font-size: .36rem
    }

    .list33 h3:before {
        width: .22rem;
        height: .22rem
    }

    .his .line {
        width: .24rem
    }

    .list33 h3:before {
        left: -.46rem;
        top: .15rem
    }

    .list33 li:nth-child(2n) h3:before {
        right: -.46rem
    }

    .list33 p {
        font-size: .16rem
    }

    .list33 li {
        padding: .1rem 0
    }
}

@media(max-width: 640px) {
    .list33 h3 {
        font-size: .25rem;
        margin-bottom: .05rem
    }

    .list33 h3:before {
        top: .1rem
    }
}

.pad1 {
    padding: .6rem 0
}

.tit1 {
    margin-bottom: .22rem;
    align-items: center;
    margin-bottom: .44rem
}

.tit1 .ll {
    align-items: center;
    font-size: .4rem;
    color: #283348
}

.tit1 .ll font {
    color: #1152A3;
    margin: 0 .03rem 0 0
}

.tit1 .ll img {
    height: .67rem;
    margin: 0 .1rem 0 0
}

.more1 {
    align-items: center;
    font-size: .16rem;
    color: #234885;
    transition: .5s
}

.more1 img {
    height: .25rem
}

.more1 i {
    position: relative;
    margin: 0 .1rem 0 .02rem
}

.more1 i::before {
    content: "";
    position: absolute;
    border-top: transparent .025rem solid;
    border-bottom: transparent .025rem solid;
    border-left: #234885 .03rem solid
}

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