.pb_sys_style3 .p_no_d{    border: 1px solid #005b30!important;color: #fff;background-color: #005b30!important;}
@media(max-width: 769px){
    .pagebar{ margin: .4rem auto 0;}
} 

.n_ba{position: relative;z-index: 1;}
.n_ba .imgBox .img{padding-bottom: 26.04%;}
.n_ba .top{ position: absolute; right: 0; bottom: 0; left: 0;}

.n_tit1{border-bottom: #006233 2px solid;margin-bottom: .4rem;}

.mianbao{display: flex;align-items: center;padding: 0 0 .2rem;justify-content: flex-end;line-height: 1.5;}
.mianbao *{font-size: .16rem;color: #999999;font-style: normal;line-height: 1.5;font-weight: normal;transition: .5s;}
.mianbao img{width: .39rem;margin: 0 .06rem 0 0;}
.mianbao span{margin: 0 .06rem;}
.mianbao em{ color: #006233}

#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9;width: 100%;background: #005B30;}
#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: rgb(91, 83, 73); line-height: 30px; font-size: 14px; font-weight: 400; }
#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: #005b30;}
#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); }

.n_left{width: 3rem;position: relative;z-index: 10;padding: 0;margin: -1.4rem 0 0;}
.n_right{width: calc(100% - 3rem);padding: .36rem 0 .7rem .7rem;}
.yj{height: 1.4rem;display: flex;align-items: center;justify-content: center;padding: 0 15px;position: relative;background: url(../images/yj.jpg) center no-repeat;background-size: cover;z-index: 10;border-radius: .4rem 0 0 0;}

.yj h2{font-size: .3rem;color: #fff;line-height: 1.5;font-weight: normal;font-family: 'sys';position: relative;padding-bottom: .15rem;}
.yj h2:before{content: "";position: absolute;width: .3rem;height: 2px;background: #fff;left: 50%;transform: translateX(-50%);bottom: 0;}
.erji{background: url(../images/erji.png) center bottom no-repeat;background-size: 100% auto;padding: .15rem .22rem .7rem;border-radius: 0 0 .2rem .2rem;filter: drop-shadow(0px 2px 37.24px rgba(16, 102, 66, 0.08));position: relative;z-index: 1;}
.erji:before{ content: ''; position: absolute; top: 0; right: 0; left: 0; height: calc(100% - 2rem); }

.erji li .a{display: flex;align-items: center;text-align: center;font-size: .2rem;color: #000000;position: relative;z-index: 1;padding: 0;height: .7rem;transition: .5s;}
.erji li .a i{font-size: .22rem;color: #fff;font-family: 'lib';position: absolute;right: .2rem;opacity: 0;}
.erji li{position: relative;border-bottom: #e7e7e7 1px solid;}
.erji li:before{ content: ""; position: absolute; left: -.2rem; width: .04rem; background: #005b30; height: 100%; opacity: 0; transition: .5s}
.erji li .jia{position: absolute;top: .24rem;right: 0;z-index: 1;cursor: pointer;font-size: .2rem;color: #595959;font-family: 'lib';}
.erji li:last-child{ border: none}

.erji li.on .a:before, .erji li:hover .a:before{  opacity: 0;}
.erji li.on .a, .erji li:hover .a{color: #005b30;font-weight: bold;}
.erji li.on .a i, .erji li:hover .a i{ opacity: 1}
.erji li:last-child .a:before{ display: none}
.erji li.on:before{ opacity: 1}

.erji li dl{padding: 0 0 .2rem;background: #fff;border-radius: .1rem;margin: 0;display: none;}
.erji li dl dd .a1{display: block;line-height: .4rem;font-size: .18rem;color: #414141;position: relative;z-index: 1;padding: 0;transition: .5s}
.erji li dl dd .a1 img{ width: .26rem; margin: 0 .1rem 0 0}
.erji li dl dd .a1:hover, .erji li dl dd.on .a1{color: #005b30;}

.erji li.on .jia{transform: translate(-50%, 0) rotate(90deg);color: #005b30;}
.erji li.on dl{ display: block !important;}

.erji li.on1 .jia::before{ transform: translate(-50%, 0) rotate(0deg);}

@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{ margin: .7rem 0 0;}
    .n_ba .imgBox .img{padding-bottom: 40%;}

    .pagebar{ margin: .4rem auto 0; justify-content: center;}
} 
@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: #323232;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: #666666;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: 2px solid #005b30;padding: .25rem 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: .18rem;color: #323232;line-height: 1.7;margin: .06rem 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;}

.details1 .ar_tit{padding: .15rem 0 .25rem;margin-bottom: .4rem;border-bottom: 1px solid #eeeeee;}
.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;}

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

.arc-con video{width: 7.77rem;margin: 0 auto;max-width: 100%;}

@media(min-width: 769px){
    .ar_tj .a:hover{color: #005b30;} 
    .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: .25rem;}
    .ar_tj .a{font-size: .16rem;max-width: 100%;width: 100%;text-align: left !important;}

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

.h3-1{ font-size: .32rem; color: #323232; font-family: 'sys'; margin-bottom: .25rem;}

.ns1{ margin: 0 -.16rem -.2rem;}
.ns1 li{ width: 33.33%; padding: 0 .16rem; margin-bottom: .2rem;}
.ns1 .a{height: .85rem;border-radius: .08rem;background: rgba(0,98,51,.2);/* border: rgba(0,98,51,.2) 1px solid; */position: relative;z-index: 1; padding: 0 .34rem; align-items: center; transition: .5s;}
.ns1 .a:before{ content: ""; position: absolute; top: 1px; right: .06rem; bottom: .06rem; left: 1px; background: #fff; z-index: -1; border-radius: .08rem;}
.ns1 .a:after{ content: ""; position: absolute; left: -.01rem; top: 50%; transform: translateY(-50%); width: .03rem; height: .3rem; background: #005b30}
.ns1 h4{font-size: .2rem;color: #323232;font-weight: 600;}

.zuhzhi .box{ margin-bottom: .4rem;}

@media(min-width: 769px){
    .ns1 .a:hover{ background: #005b30}
} 
@media(max-width: 769px){
    .h3-1{ font-size: .24rem;}
    .ns1{ margin: 0 -7px -.2rem;}
    .ns1 li{ width: 100%; padding: 0 7px; margin-bottom: .15rem;}
    .ns1 .a{ padding: 0 .2rem;}
} 
@media(max-width: 560px){
} 

.ns2{ margin: 0 -.2rem -.4rem;}
.ns2 li{ width: 50%; padding: 0 .2rem; margin-bottom: .4rem;}
.ns2 .a{ position: relative; z-index: 1;}
.ns2 .a:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #ccded6 1px solid; z-index: -1; border-radius: .08rem; transition: .5s;}
.ns2 .imgBox{ border-radius: .08rem .08em 0 0;}
.ns2 .imgBox .img{ padding-bottom: 64.22%;}
.ns2 .txt{ height: .8rem; align-items: center; padding: 0 .2rem; text-align: center;}
.ns2 h4{ font-weight: 600;}

@media(min-width: 769px){
    .ns2 .a:hover::before{ background: #005b30; border: #005b30 1px solid;}
    .ns2 .a:hover h4{ color: #fff;}
} 
@media(max-width: 769px){
    .ns2{ margin: 0 -.2rem -.2rem;}
    .ns2 li{ width: 100%; margin-bottom: .2rem;}
} 
@media(max-width: 560px){
} 

.ns3{ margin-bottom: -.12rem;}
.ns3 li{ margin-bottom: .12rem;}
.ns3 .a{height: .92rem;border-radius: .08rem;background: rgba(0,98,51,.2);/* border: rgba(0,98,51,.2) 1px solid; */position: relative;z-index: 1;padding: 0 .26rem .06rem;align-items: center;transition: .5s;}
.ns3 .a:before{ content: ""; position: absolute; top: 1px; right: .06rem; bottom: .06rem; left: 1px; background: #fff; z-index: -1; border-radius: .08rem;}
.ns3 .time{margin: 0 .22rem 0 0;text-align: center;position: relative;z-index: 1;width: .8rem;}
.ns3 .time::before{content: "";position: absolute;top: 52%;left: 50%;width: .8rem;height: .66rem;background: url(../images/ls2_b.png) center no-repeat;background-size: cover;z-index: -1;transform: translate(-50%, -50%); transition: .5s;}
.ns3 .time h3{ font-size: .3rem; color: #005b30; font-family: Impact; font-weight: normal; transition: .5s;}
.ns3 .time h6{ font-size: .14rem; color: #666; transition: .5s;}
.ns3 h4{flex: 1;margin: .05rem 0 0;}

@media(min-width: 769px){
    .ns3 .a:hover{ background: #005b30}
} 
@media(max-width: 769px){
    .ns3 .a{ padding: 0 .24rem .06rem .1rem;}
    .ns3 .time{ margin: 0 .12rem 0 0;}
}

.ns4 li{ margin: 0 0 .2rem;}
.ns4 .a{align-items: center;padding: .09rem .15rem .15rem .09rem;position: relative;z-index: 1;transition: .5s;background: rgba(0,98,51,.2);border-radius: .08rem;}
.ns4 .a:before{ content: ""; position: absolute; top: 1px; right: .06rem; bottom: .06rem; left: 1px; background: #fff; z-index: -1; border-radius: .08rem;}
.ns4 .imgBox{width: 3.2rem;margin: 0;}
.ns4 .imgBox .img{ padding-bottom: 66.66%;}
.ns4 .txt{ flex: 1; overflow: hidden;}
.ns4 .con{padding: 0 .3rem;width: 100%;margin: 0;}
.ns4 h4{font-weight: 600;margin: 0 0 .2rem;}
.ns4 h6{margin: .15rem 0 0;background: url(../images/ls4_bs.png) center no-repeat;background-size: cover;width: 1.6rem;height: .32rem;border-radius: 50vw 0 0 50vw;justify-content: center;align-items: center;font-size: .14rem;color: #006233;padding: 0 .2rem 0 0;float: right;}
.ns4 h6 i{font-size: .14rem;color: #006233;font-family: 'lib';margin: 0 .08rem 0 0}

@media(min-width: 769px){
    .ns4 .a:hover{ background: #005b30}
} 
@media(max-width: 769px){
    .ns4 .imgBox{width: 100%;margin: 0;}
    .ns4 .txt{flex: auto;width: 100%;padding: .2rem 0;}
    .ns4 .con{ padding: 0 .2rem}
    .ns4 h4{ margin: 0 0 .1rem;}
} 
@media(max-width: 560px){
}