@charset "utf-8";
/*翻页条*/


@media(max-width: 769px){
    .pagebar{ margin: .4rem auto 0;}
} 

.n_ba{ position: relative;}
.n_ba .imgBox .img{ padding-bottom: 32.8125%;}
.n_ba .top{ position: absolute; right: 0; bottom: 0; left: 0; z-index: 2;}
.n_ba .wp{ display: flex; justify-content: flex-start}
.n_ba .yiji{position: relative;min-width: 3rem;height: 1.06rem;z-index: 1;display: flex;align-items: center;padding: 0 .3rem;}
.n_ba .yiji::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: calc((100vw - 14.4rem)/2 *-1); background: rgba(114,25,137,.8); z-index: -1;}
.n_ba .yiji h3{ font-size: .4rem; color: #fff; font-weight: normal;}

.n_container{ padding: .3rem 0 1.2rem; overflow: hidden; background: url(../images/n_con.png) center bottom no-repeat; background-size: 100% auto; }

.n_left{width: 3rem;position: relative;z-index: 10;padding: 0;}
.n_right{width: calc(100% - 3rem);padding: 0 0 0 .6rem;}
.yj{height: .72rem;display: flex;align-items: center;justify-content: center;padding: 0 15px;position: relative;background: url(../images/yj_b.jpg) center bottom no-repeat;background-size: cover;z-index: 10;border-top: #E29C04 .03rem solid;}

.yj h2{font-size: .22rem;color: #fff;line-height: 1.75;font-weight: normal;}
.erji{padding: 0;}

.erji li *{ transition: .5s;}
.erji li{ margin-bottom: .2rem;}
.erji li .a{display: flex;align-items: center;font-size: 0.18rem;color: #666;position: relative;z-index: 1;padding: 0 .4rem 0 .2rem;height: .75rem;background: #fff;box-shadow: 0px 2px 18px 0px rgba(217, 217, 217, 0.5);background-size: cover;}
.erji li .a i{font-size: .32rem;color: #888;font-family: 'lib';position: absolute;right: .2rem;}
.erji li.on .a, .erji li:hover .a{color: #fff;background: #721989 url(../images/erji.jpg) center no-repeat;box-shadow: 0px 2px 18px 0px rgba(114, 25, 137, 0.4461);}


.erji li.on .a i, .erji li:hover .a i{color: #fff;}
.erji li:last-child .a:before{ display: none}

.erji li dl{padding: .2rem .4rem;background: #FFFFFF;box-shadow: 0px 2px 14px 0px rgba(114, 25, 137, 0.1324);}
.erji li dl dd .a1{display: block;line-height: .4rem;text-align: center;font-size: .2rem;color: #666;position: relative;z-index: 1;padding: .05rem 0;transition: .5s;text-align: left;}
.erji li dl dd .a1:hover, .erji li dl dd.on .a1{color: #721989;}

.n_tit1{margin-bottom: .5rem;position: relative;height: .75rem;border-bottom: 1px solid rgba(114,25,137,.3);align-items: center;}
.n_tit1 h3{font-size: .32rem;color: #333;display: flex;align-items: baseline;justify-content: space-between;position: relative;margin-bottom: -2px;font-weight: normal;}
.n_tit1 h3 font{ color: #004689;}

.pages{ margin: .7rem auto 0; justify-content: center;}

.mianbao{display: flex;align-items: center;padding: 0;}
.mianbao *{font-size: .16rem;color: #666;font-style: normal;line-height: 1.5;font-weight: normal;transition: .5s;}
.mianbao img{width: .2rem;margin: -.03rem .06rem 0 0;}
.mianbao span{margin: 0 .04rem;}

#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9;width: 100%;background: #721989;margin: 0;}
#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 i { }
#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: rgb(91, 83, 73); 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: #721989;}
#sub_nav_content dd {display: flex;padding: 0px 20px;width: 100%;}
#sub_nav_content dd .box { padding: 0px; }
#sub_nav_content dd a {padding: 0;line-height: 30px;font-size: 12px;color: #999;display: block;height: 30px;min-width: 25%;}
#sub_nav_content dd a.on { color: rgb(215, 0, 41); }


@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width:769px){
    .n_left{ display: none;}
    .n_right{width: 100%;flex: auto;padding: 0;}

    .n_tit1{ display: none;}
    #m_n_nav{ display: block;}
    .n_container{overflow: hidden;padding: .4rem 0 .5rem;margin: 0;}
    .n_ba .imgBox .img{padding-bottom: 40%;}

    .n_ba .yiji h3{ font-size: .22rem; }
    .n_ba .yiji::before{ left: -15px;}
    .n_ba .yiji{width: auto;height: .4rem;min-width: auto;padding: 0 .2rem 0 0;}
} 
@media(max-width: 560px){
}


.ar_tit{position: relative;z-index: 1;margin: 0 0 .25rem;text-align: center;}
.ar_tit h3{font-size: .28rem;color: #333;line-height: 1.35;margin: 0 auto;border-bottom: 1px solid #e8e8e8;padding-bottom: .2rem;}
.ar_tit .con .ll{justify-content: center;margin: .2rem 0 0;}
.ar_tit .con .ll p{font-size: .16rem;color: #666;line-height: .24rem;display: flex;flex-wrap: wrap;align-items: center;margin: 0 1vw;}
.ar_tit .con .ll p img{ width: .22rem; margin: 0 .1rem 0 0}

.details .arc-con p{ text-indent: 2em;}

.ar_tj{border-top: .02rem solid #721989;padding: .36rem 0 0;position: relative;z-index: 1;margin: .5rem 0 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.ar_tj .a{display: block;font-size: .2rem;color: #333;line-height: 1.7;margin: .04rem 0;transition: .5s;width: 100%;}
.ar_tj .a span{display: flex;width: 1.14rem;height: .44rem;border-radius: .06rem;background: #004689;align-items: center;justify-content: center;font-size: .18rem;color: #fff;transition: .5s;}
.ar_tj .a:nth-child(2){}

.details1 .ar_tit{padding: .3rem 0;margin-bottom: .4rem;border-bottom: #d9d9d9 1px solid;}
.details1 .ar_tit h3{border: none;padding-bottom: 0;}
.details1 .arc-con p{ text-indent:2em;background:none !important;}
.details1 .arc-con span{ background:none !important;}

@media(min-width: 769px){
    .ar_tj .a:hover{color: #721989;} 
    .ar_tj .a:hover span{ background: #C4A461}
}
@media(max-width: 769px){
    .ar_tit h3{ font-size: .22rem;}
    .ar_tit .con .ll p{margin: 0 .1rem;font-size: .15rem;}

    .ar_tj{ padding-top: .15rem}
    .ar_tj .a{font-size: .16rem;margin: .1rem 0;max-width: 100%;width: 100%;text-align: left !important;}

    .details1 .content{padding: 0;}
    .ar_tit .con .ll{ margin: .15rem 0 0;}
    
} 

.ls11{ margin-top: -.3rem;}
.ls11 li{ padding: .4rem 0; position: relative; border-bottom: 1px rgba(114,25,137,.15) solid; position: relative;}
.ls11 li::before{ content: ""; position: absolute; left: 0; bottom: -.03rem; width: .05rem; height: .05rem; background: #721989;}
.ls11 li::after{ content: ""; position: absolute; right: 0; bottom: -.03rem; width: .05rem; height: .05rem; background: #721989;}
.ls11 .a{ position: relative; align-items: center; z-index: 1;}
.ls11 .a::before{ content: ""; position: absolute; top: -.24rem; right: -.24rem; bottom: -.24rem; left: -.24rem; z-index: -1; opacity: 0; transition: .5s; background: url(../images/ls11_b.jpg) center no-repeat; background-size: cover;}   
.ls11 .imgBox{ width: 3.14rem; margin: 0 .34rem 0 0;}
.ls11 .imgBox .img{ padding-bottom: 56.36%}
.ls11 .txt{ flex: 1; overflow: hidden;}
.ls11 h6{ align-items: center;}
.ls11 h6 i{font-size: .2rem;color: #721989;margin: 0 .08rem 0 0;font-family: 'lib';}
.ls11 p{ margin: .2rem 0}
.ls11 h4{ font-size: .2rem}

@media(min-width: 769px){
    .ls11 .a:hover::before{ opacity: 1; box-shadow: 0px 2px 19px 0px rgba(114, 25, 137, 0.4245);}
    .ls11 .a:hover *{ color: #fff;}
}
@media(max-width: 769px){
    .ls11 .imgBox{ width: 100%; margin: 0 0 .2rem 0;}
    .ls11 .txt{ flex: auto; width: 100%;}
    .ls11 p{ margin: .1rem 0;}
}

.ls12{ margin-top: -.3rem;}
.ls12 li{padding: 0;position: relative;border-bottom: 1px rgba(114,25,137,.15) solid;position: relative;}
.ls12 li::before{ content: ""; position: absolute; left: 0; bottom: -.03rem; width: .05rem; height: .05rem; background: #721989;}
.ls12 li::after{ content: ""; position: absolute; right: 0; bottom: -.03rem; width: .05rem; height: .05rem; background: #721989;}
.ls12 .a{height: 1.2rem;align-items: center;padding: 0 0;position: relative;}
.ls12 .time{width: .8rem;display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;margin: 0 .4rem 0 0;}
.ls12 .time:before{content: "";position: absolute;top: 50%;width: 1px;height: .5rem;background: #dcdcdc;right: -.1rem;transform: translateY(-50%) rotate(20deg);transition: .5s;}
.ls12 .time h3{font-size: .28rem;color: #666;line-height: 1;font-weight: normal;transition: .5s;}
.ls12 .time h6{font-size: .14rem;color: #444;margin: .04rem 0 0;transition: .5s;}
.ls12 .txt{flex: 1;overflow: hidden;align-items: center;}
.ls12 h4{flex: 1;font-size: .2rem;}
.ls12 i{ display: flex; width: .28rem; height: .28rem; background: #D8D8D8; border-radius: 50vw; font-size: .2rem; color: #fff; font-family: 'lib'; justify-content: center; align-items: center; font-weight: bold; margin: 0 0 0 .15rem; transition: .5s;}

@media(min-width: 769px){
    .ls12 .a:hover *{ color: #721989;}
    .ls12 .a:hover i{ background: #721989; color: #fff;}
}
@media(max-width: 769px){
    .ls12 .a{ height: 1rem;}
    .ls12 .time{ margin: 0 .25rem 0 0;}
    .ls12 .time:before{height: .4rem;right: -.04rem;}
}

.tit2{ justify-content: center; margin-bottom: .4rem;}
.h3-3{background: #721989;height: .56rem;border-radius: 50vw;padding: 0 .26rem;align-items: center;}
.h3-3 span{ font-size: .22rem; color: #fff; margin: 0 .15rem;}
.h3-3::before{ content: ""; width: .07rem; height: .07rem; background: #fff; border-radius: 50vw;}
.h3-3::after{ content: ""; width: .07rem; height: .07rem; background: #fff; border-radius: 50vw;}

.szdw .box{ margin-bottom: .3rem;}

.ls13{ margin: 0 -.16rem;}
.ls13 li{ width: 20%; padding: 0 .16rem; margin-bottom: .4rem;}
.ls13 .a{ display: block; text-align: center; padding: 0 .13rem; position: relative; z-index: 1; transition: .5s;}
.ls13 .a::before{content: "";position: absolute;top: .26rem;left: 0;right: 0;bottom: 0;z-index: -1;transition: .5s;border-radius: 10px;background: rgba(114, 25, 137, 0.04);}
.ls13 .imgBox .img{ padding-bottom: 132.31%;}
.ls13 .txt{height: .62rem;align-items: center;}
.ls13 h4{ font-size: .16rem}

@media(min-width: 769px){
    .ls13 .a:hover::before{ background: #721989;}
    .ls13 .a:hover h4{ color: #fff;}
}
@media(max-width: 769px){
    .h3-3{height: .46rem;}
    .h3-3 span{font-size: .2rem;display: flex;flex: 1;}

    .szdw .box{ margin-bottom: .1rem;}
    .ls13{ margin: 0 -7px; pading: 0 7px; margin-bottom: .2rem;}
    .ls13 li{width: 50%;padding: 0 7px;margin-bottom: .2rem;}
    .tit2{ margin-bottom: .25rem;}
}

.szdw_d .img{width: 2.5rem;}
.szdw_d .img img{ width: 100%}
.szdw_d .txt{width: calc(100% - 2.5rem - .66rem);}
.szdw_d  p{font-size: .16rem !important;color: #666;line-height: 1.75;margin-bottom: .1rem;}
.szdw_d .txt h3{font-size: .3rem;color: #000000;margin-bottom: .3rem;}
.szdw_d .txt h3 span{position: relative;padding: .1rem 0;}
.szdw_d .txt h3 span::before{content: "";position: absolute;right: 0;bottom: 0;width: 2rem;height: 1px;background: #6f1188;}
.szdw_d .box{ margin: .3rem 0 0}
.szdw_d h4, .szdw_d h3{font-size: .22rem;color: #000000;margin-bottom: .15rem;}

@media(max-width: 769px){
    .szdw_d .img{width: 2rem;margin: 0 auto;}
    .szdw_d .txt{width: 100%;padding: .4rem 0 0;}
    .szdw_d .txt h3{ margin-bottom: .3rem}
    .szdw_d .txt h3 span::before{ width: 100%}
}

.h3-1{ font-size: .24rem; color: #721989; margin-bottom: .2rem; position: relative; padding: 0 0 0 .22rem;}
.h3-1 a{color: #721989; }
.h3-1::before{ content: ""; position: absolute; width: .05rem; height: .35rem; background: #721989; left: 0; top: 50%; transform: translateY(-50%);}

.rcpy .box{ margin-bottom: .36rem;}
.ls15{ margin: 0 -.3rem; padding: 0 0 0 .22rem;}
.ls15 li{ width: 50%; padding: 0 .3rem; margin-bottom: .08rem;}
.ls15 .a{ align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(151,151,151,.2); height: .7rem; transition: .5s;}
.ls15 h4{ flex: 1;}
.ls15 i{ font-size: .22rem; color: #272636; font-family: 'lib'; opacity: .5;}

@media(min-width: 769px){
    .ls15 .a:hover{ border-bottom: 1px solid #721989;}
}
@media(max-width: 769px){
    .h3-1{ font-size: .22rem;}
    .h3-1::before{ height: .25rem;}
    .ls15 li{ width: 100%;}
    .ls15 .a{ height: .6rem;}
}


@media (max-width:769px){
    .banner_box{
        margin-top: 0.7rem;
    }
}