.header-box {
    background-image: url(../images/headerbg.png);
    background-size: 100% 100%;
    height: 111px;
    padding: 20px 0;
}

.logo {
    float: left;
}

.header-box .nav {
    float: right;
    margin-top: 23px;
}

.header-box .nav>li {
    display: inline-block;
    padding: 0 20px;
}

.header-box .nav>li>a {
    display: block;
    font-size: 17px;
    font-weight: bold;
    color: #FAE7E1;
    text-align: center;
}

.header-box .nav>li .nav-children {
    margin-top: 30px;
    /* display: none;   */
    text-align: center;
    border-radius: 0;
    overflow: hidden;
    background: rgba(255, 255, 255, .85);
    box-shadow: 0 3px 30px rgba(0, 0, 0, .08);
    position: absolute;
    left: 50%;
    top: 100%;
    z-index: 999;
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
    transform-origin: 0 0 0;
    transform: scaleY(0.2) translateX(-50%);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
    padding: 20px 0 0;
}

.header-box .nav>li .nav-children li>a {
    padding: 0 15px;
    line-height: 3.5;
    transition: .3s;
    font-size: 14px;
    letter-spacing: 1px;
    color: #636363;
    display: block;
    white-space: nowrap;
    position: relative;
}


.list_box_13 {
    margin: 0 -15px;
    padding: 0 20px;
    margin-bottom: 66px;
}

.list_box_13 li {
    display: inline-block;
    width: 56px;
    text-align: center;
    position: relative;
    margin-right: 9px;
}

.list_box_13 li img {
    transition: .5s;
    cursor: pointer;
}

.list_box_13 li .ewm {
    position: absolute;
    top: 99%;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
    padding: .5rem;
    width: 110px;
    background: rgba(171, 46, 54, .95);
    z-index: 10;
    border-radius: .625rem;
    transform: translateX(-50%) translateY(1.25rem);
    left: 50%;
}

.list_box_13 li .ewm:before {
    content: "";
    position: absolute;
    border-left: transparent 6px solid;
    border-right: transparent 6px solid;
    border-bottom: rgba(171, 46, 54, .95) 8px solid;
    top: -8px;
    left: 50%;
    margin-left: -6px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, .05);
}

.list_box_13 li .ewm img {
    width: 100%
}

.list_box_13 li:hover .ewm {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) translateX(-50%);
}

.link-box {
    width: 246px;
    height: 48px;
    background-image: url(../images/select-bg.png);
    background-size: 100% 100%;
    font-size: 16px;
    color: #F3CBC1;
    text-align: center;
    line-height: 48px;
    cursor: pointer;
    position: relative;
    margin: 0 auto;
}

.link-box>ul {
    text-align: center;
    border-radius: 0;
    overflow: hidden;
    background: rgba(255, 255, 255, .85);
    box-shadow: 0 3px 30px rgba(0, 0, 0, .08);
    position: absolute;
    left: 50%;
    top: 100%;
    z-index: 999;
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
    transform-origin: 0 0 0;
    transform: translateX(-50%);
    transition: all 0.3s ease 0s;
    opacity: 0;
    padding: 5px;
    font-size: 14px;
    width: 240px;
    height: 100px;
    overflow-y: scroll;

}

.link-box>ul::-webkit-scrollbar {
    width: 4px;
}

.link-box>ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.2);
}

.link-box>ul::-webkit-scrollbar-track {
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
}

.link-box:hover ul {
    opacity: 1;
}

.banner{
    background-size: 100% 100%;
    height: 585px;
    position: relative;
}
.banner .w80{
   position: absolute;
   bottom: 10px;
   left: 50%;
   transform: translateX(-50%);
}
.banner h2{
    font-size: 52px;
    font-weight: 400;
    color: #FFFFFF;
}
.banner span{
    display: inline-block;
    width: 99px;
    height: 3px;
    background: #FFFFFF;
    margin-top: 29px;
    margin-bottom: 59px;
}
.banner > div > div > a{
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
}
.list-box {
    min-height: 950px;
    padding: 37px 0 53px;
    background-image: url(../images/listbg1.png);
    background-size: 100%;
    background-position: bottom;
}
.list-box .left{
    width: 270px;
    background: #DAAA71;
    display: inline-block;
    vertical-align: top;
    margin-right: 50px;
    position: relative;
    top: 20px;
}
.list-box .left > div{
    min-height: 463px;
    width: 270px;
    position: relative;
    left: 20px;
    top: -20px;
}
.list-box .left > div > ul{
    min-height: 700px;
    background: #FFFFFF url(../images/listbg2.png) no-repeat;
    background-size: 100%;
    background-position: bottom;
    padding-bottom: 100px;
}
.list-box .left > div > ul >li >div{
    display: inline-block;
    width: 100%;
    padding: 20px 20px;
    background-size: 100% 100%;
    clear: right;
    cursor: pointer;
}
.list-box .left > div > ul >li >div> a{
    font-size: 18px;
}
.list-box .left > div > ul >li >div>  img{
    float: right;
    margin: 10px 0 0 0;
}
.ac-title > div{
    background-image: url(../images/list-title.png) !important;
    background-size: 100% 100%;
}
.ac-title >div > a{
    color: #FFDD8B !important;
}
.ac-title > ul{
    display: block;
}
.list-box .left > div > .ac-title >li > ul {
    padding: 10px;
    display: none;
}
.list-box .left > div > ul >li:first-child ul{
    display: block;
}
.list-box .left > div > ul >li > ul >li{
    padding: 15px 10px;
    border-bottom: 1px solid #E6E6E6;
}
.list-box .left > div > ul >li > ul >li a{
    font-size: 15px;
}
.list-box .left > div > ul >li > ul >li::before{
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #b7b5b5;
    margin: 0px 12px 0 0px;
    vertical-align: middle;
}
.list-box .left > div > ul >li > ul > .ac::before{
    background-color: #8D0E15 !important;

}
.list-box .left > div > ul >li > ul > .ac >a{
    color: #8D0E15;
}
.list-box .right{
    width: 875px;
    min-height: 800px;
    /* background: #FFFFFF; */
    background: rgba(255,255,255,.5);
    border: 1px solid #E6E6E6;
    display: inline-block;
    vertical-align: top;
}
.list-box .right > ul >li > a {
    display: block;
}
.list-box .right > ul >li{
    padding: 20px 10px 0;
}

.list-box .right .time{
    display: inline-block;
    width: 100px;
    text-align: center;
    vertical-align: top;
}
.list-box .right .time p{
    font-size: 40px;
    font-weight: 400;
    font-style: italic;
    color: #8D0E15;
    margin-bottom: 8px;
    margin-top: 9px;
}
.list-box .right .time span{
    font-size: 14px;
    font-weight: 400;
    color: #ADADAD;
}
.list-box .right .text-info{
    display: inline-block;
    width:740px;
    border-bottom: 1px solid #EBE8E8;
    padding-bottom: 20px;
}
.list-box .right .text-info h2{
    font-size: 18px;
    font-weight: bold;
    color: #373131;
    margin-bottom: 6px;
}
.list-box .right .text-info p{
    font-size: 15px;
    color: #969494;
    line-height: 31px;
    height: 62px;
}

.img-title{
    font-size: 26px;
    font-weight: bold;
    color: #1C191A;
    padding: 30px;
}
.list-img{
    padding: 25px;
}
.list-img > div{
    width: 31.9%;
    background: #F1F1F1;
    display: inline-block;
    margin-right: 1.6%;
    margin-bottom: 30px;
}
.list-img > div:nth-child(3n)
{
    margin-right:0;
}

.list-img > div img{
    width: 100%;
    height: 256px;
}
.list-img > div p{
    font-size: 17px;
    font-weight: 400;
    color: #1C191A;
    text-align: center;
    padding: 15px 0;
}

.page{color:#222;font:14px/24px Arial,"Microsoft YaHei";overflow:hidden;padding:36px 0}
.page a{background-color:#f5f5f5;color:#333;display:inline-block;height:24px;margin:0 4px 0 0;min-width:12px;padding:0 12px;text-align:center;vertical-align:middle;white-space:nowrap}
.page a,.page span{font-family:Arial,"Microsoft YaHei"}
.page .prev,.page .next{background-color:#f5f5f5;width:42px}
.page .prev{background-image:url(../image/page-prev.png);background-position:left center;background-repeat:no-repeat;padding-left:26px;padding-right:12px}
.page .next{background-image:url(../image/page-next.png);background-position:right center;background-repeat:no-repeat;padding-left:12px;padding-right:26px}
.page .prev:hover,.page .next:hover{background-color:#8D0E15}
.page .prev:hover{background-image:url(../image/page-prev-hover.png);background-position:left center}
.page .next:hover{background-image:url(../image/page-next-hover.png);background-position:right center}
.page a:hover,.page .now{background-color:#8D0E15;color:#fff!important;text-decoration:none}
.page .prev:hover,.page .next:hover,.page a:hover{background-color:#8D0E15}
.page .now:hover{background-color:#8D0E15}

.center-box .title{
    font-size: 32px;
    text-align: center;
    font-weight: bold;
    color: #232020;
    margin-bottom: 28px;
}
.center-box .author{
    font-size: 14px;
    font-weight: 400;
    color: #8A8786;
    text-align: center;
}
.center-box .info{
    border-top: 1px solid #E9E7E7;
    margin-top: 38px;
    padding-top: 20px;
}
.article-cont p{font:16px/28px simsun!important;margin:28px 0 0;word-break:normal;word-wrap:break-word}
.article-cont p .key-word{border-bottom:1px dashed #ff4f4f}
.article-cont p .key-word:hover{border-bottom:0 none}
.article-cont p em{font-style:italic!important}


.m_header_box{
    display: none;
}
#m_nav{
    display: none;
}
.nav_mask{
    display: none;
}


@media(max-width: 768px){
    .banner{
        display: none;
    }
    .m-list-img{
        /* padding: 25px; */
    }

    .m-list > .info{
        /* background: url(../images/m/infobg.png); */
        background-repeat: no-repeat;
        background-size: 100%;
        padding: 24px 15px;
        background-position: top;
    }
    .m-list > .info .title{
        font-size: 17px;
        font-weight: 800;
        color: #232020;
        text-align: center;
        margin-bottom: 20px;
    }
    .m-list > .info .author{
        font-size: 12px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #8A8786;
        line-height: 24px;
        text-align: center;
    }

    .m-list-img > div{
        width: 45%;
        background: #F1F1F1;
        display: inline-block;
        margin-right: 20px;
        margin-bottom: 30px;
    }
    .m-list-img > div:nth-child(2n){
        margin-right:0;
    }
    
    .m-list-img > div img{
        width: 100%;
        height: 170px;
    }
    .m-list-img > div p{
        font-size: 14px;
        font-weight: 400;
        color: #1C191A;
        text-align: center;
        padding: 10px 0;
    }

    .m-banner{
        height: 161px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        position: relative;
    }

    .m-banner h2{
        font-size: 26px;
        font-weight: 400;
        color: #FFFFFF;
        text-align: center;
        margin: 50px 0 0;
    }

    .m-banner span{
        display: block;
        width: 52px;
        height: 3px;
        background: #FFFFFF;
        margin: 15px auto;
    }
    .m-banner .blank{
        background: rgba(0, 0, 0, .3);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .m-list-box{
        background: url(../images/m/m-list-bg1.png);
        background-repeat: no-repeat;
        background-size: 100%;
        padding: 24px 15px;
        background-position: bottom;
    }

    .m-list-box .crumb{
        margin-bottom: 25px;
    }

    .m-list-box .crumb a{
        font-size: 13px;
        font-weight: 400;
        color: #707070;
    }

    .m-list-box .crumb a img{
        width: 15px;
        margin-right: 10px;
    }
    .title a{
        display: inline-block;
        padding: 12px 22px;
        font-size: 15px;
        font-weight: 500;
        color: #3D3D3D
    }
    .title .ac{
        font-size: 16px;
        font-weight: 800;
        color: #AD3737;
        background-image: url(../images/m/m-list-title.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    .m-list{
        padding-top: 20px;
        background-image: url(../images/m/m-list-bg2.png);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 100%;
    }
    .m-list .time{
        display: inline-block;
        width: 20%;
        text-align: center;
        vertical-align: top;
    }
    .m-list .time p{
        font-size: 31px;
        font-weight: 400;
        font-style: italic;
        color: #8D0E15;
    }
    .m-list .time span{
        font-size: 14px;
        font-weight: 400;
        color: #ADADAD;
    }
    .m-list .text-info{
        display: inline-block;
        width:78%;
        border-bottom: 1px solid #EBE8E8;
        padding: 0 10px;
    }
    .m-list .text-info h2{
        font-size: 15px;
        font-weight: 500;
        color: #1D1D1D;
        padding: 20px 0;
        /* margin-bottom: 26px; */
    }
    .m-page{
        text-align: center;
    }
    .m-page a{
        display: inline-block;
        width: 31px;
        height: 31px;
        background: #FFFFFF;
        border: 1px solid #E8E6E6;
        border-radius: 2px;
        text-align: center;
        line-height: 31px;
        font-size: 15px;
        color: #6F6F6F;
        margin: 0 5px;
    }
    .m-page .ac{
        color: #ffffff !important;
        background: #AE2330 !important;
    }
    .m-page a img{
        width: 6px;
    }




    .w100{
        display: none;
    }

    .m-w100{
        display: block;
        padding: 10px;

    }

    .m-footer{
        /* height: 343px; */
        background-image: url(../images/m/m-footerbg.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        padding: 30px;
        /* overflow: hidden; */
    }

    .m-footer .left{
        display: inline-block;
        width: 76%;
        font-size: 12px;
        font-weight: 400;
        color: #F3CBC1;
    }
    .m-footer .left > img{
        width: 100%;
    }
    .m-footer .left p{
        margin-bottom: 25px;
    }
    .m-footer .right{
        margin-left: 2%;
        width: 20%;
        display: inline-block;
    }
    .m-footer .right ul{
        margin: 0;
    }
    .m-footer .right li{
        margin-bottom: 10px;
    }

    .m-footer li .ewm {
        position: absolute;
        top: -47%;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
        padding: 0.5rem;
        width: 110px;
        background: rgba(171, 46, 54, .95);
        z-index: 10;
        border-radius: 0.625rem;
        transform: translateX(-50%) translateY(1.25rem);
        left: -120%;
    }
    .m-footer li .ewm::before{
        border: none;
    }
    .beian{
        font-size: 12px;
        font-weight: 400;
        color: #B3807B;
        text-align: center;
        background-color: #6E161E;
        overflow: hidden;
    }


    .tc_search {margin: 0;width: calc(100% - 30px);position: absolute;bottom: 1rem;}
    .tc_search form { height: 40px; border-radius: 0px; background: rgba(255, 255, 255, 0.1); position: relative; width: 100%; margin-bottom: 1rem; }
    .focus_js { font-size: 0.875rem; color: #ffffff; height: 40px; line-height: 40px; padding: 0px 1rem; box-shadow: none; appearance: none; border-right: 0px; background: none; width: 90%; }
    .tc_search .btn_blue { position: absolute; top: 0px; right: 0px; width: 40px; height: 38px; line-height: 38px; border: 0px; background: url("../images/m/search_white.svg") center center / 1.2rem no-repeat; }
    .tc_search .btn_blue.fr { background: #e9edef; color: #4e4f53; }
    .tc_search input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7); }
    .tc_search input:focus::-webkit-input-placeholder { color: transparent; }
    #nav_btn_box { height: 100%; z-index: 999999999; float: right; margin-left: 20px;     margin-top: 16px;}
    #nav_btn_box.on { background: none; }
    #nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before { background: #ffffff; }
    #nav_btn { cursor: pointer; text-align: center; z-index: 99999; transition: all 0.5s ease 0s; outline: none; box-shadow: none; }
    #nav_btn .point { display: inline-block; width: 1.875rem; height: 22px; position: relative; outline: none; }
    #nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before { width: 1.75rem; }
    #nav_btn .navbtn {position: absolute;top: 12px;left: 0px;display: inline-block;width: 1.75rem;height: 1px;transition: all 0.3s ease-out 0s;background: #fff;}
    #nav_btn .navbtn::after, #nav_btn .navbtn::before {position: absolute;left: 0px;display: inline-block;width: 1.75rem;height: 1px;content: "";transition: all 0.3s ease-out 0s;background: #fff;}
    #nav_btn .navbtn::after { top: -8px; }
    #nav_btn .navbtn::before { top: 8px; }
    #nav_btn .point.on .navbtn { background: transparent; }
    #nav_btn .point.on .navbtn::after { transform: rotate(45deg); top: 0px; }
    #nav_btn .point.on .navbtn::before { transform: rotate(-45deg); top: 0px; }
    .m_nav_list { flex-direction: column; justify-content: flex-start; width: 100%; overflow: auto; margin: 10px 0px 0px; }
    .m_nav_list::-webkit-scrollbar { display: none; }
    #m_nav {z-index: 99999;position: fixed;width: 100%;height: 100vh;right: -105%;top: 0px;padding: 30px 15px 70px;overflow: hidden;pointer-events: none;transition: all 0.3s ease-out 0s;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;background: rgba(171,46,54,.95);}
    #m_nav .close { position: absolute; top: 6px; right: 15px; font-size: 28px; color: #fff; z-index: 10000; }
    #m_nav.act { pointer-events: auto; right: 0px; }
    .list_box_nav_mobile{width:100%;height: 100%;/* background: rgba(255,255,255,.1); */padding: 0 0 10px;overflow: hidden;overflow-y: scroll;}
    .list_box_nav_mobile>li{width: 100%;overflow: hidden;padding: 0;position: relative;}
    .list_box_nav_mobile>li .con{ position:relative}
    .list_box_nav_mobile>li .a{width: 100%;border-bottom: 1px solid rgba(255, 255, 255, 0.1);line-height: 4rem;color: #fff;padding: 0;font-size: 1rem;display: flex;position: relative;transition:.5s;}
    .list_box_nav_mobile>li i{opacity: 1;filter: alpha(opacity=100);display: inline-block;width: 10%;height: 4rem;display: inline-block;background: url(../images/m/arrow_down.svg) calc(100% - 5px) center no-repeat;background-size: 13px 13px !important;position: absolute;display: block;right: 0;top: 0;}
    .list_box_nav_mobile>li.on1 i{background: url(../images/arrow_down_on.svg) calc(100% - 5px) center no-repeat;}
    .list_box_nav_mobile>li.on .a{ border-bottom:1px solid rgba(255, 255, 255, 0.3)}
    /*三级导航 开始*/
    .list_box_nav_mobile>li .list{padding:10px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.1); display:none}
    .list_box_nav_mobile>li .list a{display:block;font-size:13px;color:rgba(255,255,255,.7);line-height: 2.5;}
    .nav_mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 888; background-color: rgba(0,0,0,0.4); display: none; }
    .nav_mask { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 888; background-color: rgba(0, 0, 0, 0.4); display: none; }
    .m_header_box { transition: all 0.6s ease 0s; display: block; height: 60px; }
    #m_header #logo .box_table, #nav_btn_box .box_table { width: auto; float: left; }
    .m_header_box header {padding: 0px 15px;height: 60px;position: fixed;top: 0px;left: 0px;right: 0px;z-index: 100;box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(0, 0, 0, 0.05) 0px 2px 4px 0px;background: url(../images/m/m-navbg.png);background-size: cover;}
    #m_header #logo { height: 60px; float: left; margin-top: 13px;}
    #m_header #logo img { max-height: 34px; }
    #m_header .yuyan { height: 4.5rem; float: right; margin-right: 4rem; }
    #m_header .yuyan span { display: block; width: 24px; height: 24px; line-height: 24px; color: #fff; font-size: 0.9rem; text-align: center; margin-left: 17px; background: rgba(255, 255, 255, 0.3); }
    #m_nav .list_box_00{width:100%;justify-content: center;}
    #m_nav .list_box_00 li{color: #fff;line-height: 2;font-size: 13px;}
    #m_nav .list_box_00 li.line{ margin:0 1.25rem}


}