@charset "utf-8";

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

.mianbao{display: flex;align-items: center;padding: 0;justify-content: flex-end;}
.mianbao *{font-size: .18rem;color: #777;font-style: normal;line-height: 1.5;font-weight: normal;}
.mianbao span{margin: 0 .06rem;}

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

footer{ background: rgba(67, 150, 124, 0.06) url(../images/footer.png) center top no-repeat; background-size: cover;}

.n_container{padding: 0;background: rgba(67, 150, 124, 0.06);}
.n_banner .wp, .n_container .wp{max-width: 14.66rem;align-items: flex-start}
.n_left{width: 2.8rem;position: relative;margin: -1.26rem 0 0;z-index: 10;overflow: hidden;background: #43967C;border-radius: 0 0 .6rem 0;}
.n_right{width: calc(100% - 3.1rem);padding: .5rem 0 1rem .5rem;}
.yj{background: #43967C;height: 1.26rem;display: flex;align-items: center;justify-content: center;padding: 0 15px;position: relative;flex-direction: column;}
.yj h2{font-size: .4rem;color: #fff;line-height: 1; font-family: 'sys';}
.yj h6{font-size: .18rem;color: #fff; opacity: .6; text-transform: uppercase; margin: .04rem 0 0}
.erji{background: #fff url(../images/erj.jpg) center no-repeat; background-size: cover;padding: .1rem 0 .85rem;background-size: 100% auto;margin: 0 .09rem .09rem 0;border-radius: 0 0 0.52rem 0;}

.erji li *{ transition: .5s;}
.erji li{ position: relative; z-index: 1; width: calc(100% + .1rem);}
.erji li:before{content: "";background: rgba(151,151,151,.2);left: .3rem;right: .3rem;position: absolute;height: 1px;bottom: 0;}
.erji li .a{display: flex;line-height: .72rem;font-size: .22rem;color: #666666;position: relative;z-index: 1;padding: 0 .1rem;align-items: center;justify-content: center;}
.erji li .a:before{content: "";background: url(../images/erji1.png) center bottom no-repeat;width: .3rem;height: .05rem;background-size: 100% 100%;margin: 0 .12rem 0 0;}
.erji li .a:after{content: "";background: url(../images/erji2.png) center bottom no-repeat;width: .3rem;height: .05rem;background-size: 100% 100%;margin: 0 0 0 .12rem;}
.erji li.on .a, .erji li:hover .a{color: #fff;background: #DAB96B;}

.erji li dl{ padding: .1rem 0}
.erji li dl dd .a1{display: block;line-height: .4rem;text-align: center;font-size: .18rem;color: #666;position: relative;z-index: 1;padding: 0;transition: .5s}
.erji li dl dd .a1:hover, .erji li dl dd.on .a1{ color: #DAB96B}

.n_tit1{margin-bottom: .64rem;position: relative;border-bottom: 1px solid rgba(151,151,151,.2);}
.n_tit1 h3::before{content: "";position: absolute;left: 0;right: 0;background: #DAB96B;width: 100%;height: 3px;bottom: 0}
.n_tit1 h3:after{content: "";position: absolute;left: calc(100% - .24rem);background: url(../images/n_tit.png) center no-repeat;width: .76rem;height: .42rem;top: 0;}
.n_tit1 h3{font-size: .3rem;color: #43967C;padding: 0 0 .15rem;display: flex;align-items: baseline;justify-content: space-between;font-family: 'sys';position: relative;margin-bottom: -2px}

.list10{ margin: -.4rem -.24rem 0;}
.list10 .a{ overflow: hidden; transition: .5s; border-radius: 0 0 .6rem 0; }
.list10 li{ padding: .22rem 0; position: relative;}
.list10 li::before{ content: ""; position: absolute; bottom: 0; left: .24rem; right: .24rem; height: 1px; background: rgba(151,151,151,.3);}
.list10 a{ padding: .24rem; position: relative; z-index: 1;}
.list10 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/list10_b.jpg) center no-repeat; background-size: cover; z-index: -1; transition: .5s; opacity: 0;}
.list10 .imgBox{ width: 3.32rem;}
.list10 .imgBox .img{ padding-bottom: 57.53%;}
.list10 .txt{padding: 0 .36rem;flex-direction: column;justify-content: center;flex: 1;overflow: hidden;}
.list10 p{ margin: .2rem 0 .3rem}
.list10 h6{ align-items: center; }
.list10 h6 .ll{ font-size: .16rem; color: #43967C; transition: .5s;}
.list10 h6 .ll, .list10 h6 .rr{ align-items: center;}
.list10 h6 svg{ width: .22rem; height: .22rem; fill: #43967C; margin: 0 .12rem 0 0; transition: .5s;}
.list10 h6 img{ width: .25rem; height: .25rem; margin: 0 0 0 .1rem; animation: roted 5s infinite linear;}
.list10 h6 .rr{ font-size: .16rem; color: #DAB96B; opacity: 0; transition: .5s;}

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

@media(min-width: 1024px){
    .list10 .a:hover{ box-shadow: 0px 2px .2rem 0px rgba(67, 150, 124, 0.7469);}
    .list10 .a:hover::before{ opacity: 1;}
    .list10 .a:hover h6 .rr{ opacity: 1;}
    .list10 .a:hover *{ color: #fff;}
    .list10 .a:hover h6 svg{ fill: #fff;}
}
@media(max-width: 1024px){
}
@media(max-width:769px){
    .n_left{ display: none;}
    .n_right{ width: 100%; flex: auto; padding: .4rem 0 .6rem;}

    .list10 .imgBox{ width: 100%}
    .list10 .txt{ width: 100%; flex: auto; padding: .2rem 0 0;}

    .n_tit1{ display: none;}
    #m_n_nav{ display: block;}

    .n_ba{ margin: .7rem 0 0;}
    .list10 li{ padding: .1rem 0;}
    .n_container{ overflow: hidden;}

    .pages{ margin: .4rem auto 0; justify-content: center;}
} 
@media(max-width: 560px){
} 

.list3{ margin: 0 -.25rem -.45rem; min-height:450px;}
.list3 li{ width: 50%; padding: 0 .25rem; margin-bottom: .45rem;}
.list3 .a{ background: rgba(67,150,124,.2); height: 2rem; padding: 0 .06rem .06rem 0; position: relative; z-index: 1; align-items: center; transition: .5s;}
.list3 .a::before{ content: ""; position: absolute; top: 0; right: .06rem; bottom: .06rem; left: 0; background: #fff; border-radius: 0 0 .2rem 0; z-index: -1; transition: .5s;} 
.list3 .txt{ width: 100%; padding: 0 .24rem;}
.list3 h6{align-items: baseline;border-bottom: 1px dashed rgba(67,150,124,.3);padding-bottom: .2rem;margin-bottom: .15rem;color: #9D9D9D;}
.list3 h6 big{font-size: .28rem;margin: 0 .1rem 0 0;color: #43967C; transition: .5s;}

@media(min-width: 1024px){
    .list3 .a:hover{ background: #DAB96B;}
    .list3 .a:hover::before{ background: #43967C;}
    .list3 .a:hover *{ color: #fff;}
    .list3 .a:hover h6{ border-bottom: 1px dashed rgba(255,255,255,.3)}
}
@media(max-width: 1024px){
}
@media(max-width:769px){
    .list3{ margin: 0 -.25rem -.2rem;}
    .list3 li{ width: 100%; margin-bottom: .2rem;}
    .list3 .a{ height: 1.75rem;}
    .list3 h6{ padding-bottom: .1rem;}
}

.ar_tit{position: relative;z-index: 1;margin: 0 0 .25rem;text-align: center;}
.ar_tit h3{font-size: .26rem;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: .25rem 0 0;}
.ar_tit .con .ll p{font-size: .18rem;color: #666;line-height: .24rem;display: flex;flex-wrap: wrap;align-items: center;margin: 0 .15rem;}
.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 rgba(67,150,124,.2);padding: .5rem 0 0;position: relative;z-index: 1;margin: .4rem 0 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.ar_tj .a{display: block;font-size: .18rem;color: #666;line-height: 1.5;margin: .1rem 0;transition: .5s;width: 100%;}

.details1 .ar_tit{border-bottom: 2px solid rgba(67,150,124,.4);padding-bottom: .3rem;margin-bottom: .4rem;}
.details1 .ar_tit h3{border: none;padding-bottom: 0;}
.details1 .arc-con p{ text-indent:2em}
.details1 .wsj .arc-con p{

text-indent:0em !important;
}

.details1 .wsj .arc-con p a{
text-decoration:none !important;
}
.details1 .wsj .arc-con p *{

color:#333333 !important;
}
@media(min-width: 1024px){
    .ar_tj .a:hover{ color: #43967C;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .ar_tit h3{ font-size: .22rem;}
    .ar_tit .con .ll p{ margin: 0 .1rem;}

    .ar_tj{ padding-top: .15rem}
    .ar_tj .a{font-size: .16rem;margin: .1rem 0;max-width: 100%;width: 100%;}
} 
@media(max-width: 560px){
} 

.n_sj{margin: 0 -.26rem .5rem;}
.n_sj li{padding: 0 .05rem;margin-bottom: .2rem;}
.n_sj .a{background: url(../images/n_sj_b.png) center no-repeat;background-size: 100% 100% !important;width: 2.72rem;height: .7rem;display: flex;align-items: center;justify-content: center;padding: 0 .15rem;font-size: .24rem;color: #333;transition: .5s;}

.n_sj li.on .a{ background: url(../images/n_sj_bs.png) center no-repeat; color: #fff;}
.n_sj .a:hover{ color: #43967C;}

.list11{ margin: 0 -.25rem -.25rem;}
.list11 li{ width: 50%; padding: 0 .25rem; margin-bottom: .45rem;}
.list11 .a{ background: #43967C; padding: .2rem; position: relative; z-index: 1; align-items: center; transition: .5s; border-radius: 0 0 .2rem 0; }
.list11 .a::after{ content: ""; position: absolute; top: 0; right: .04rem; bottom: .04rem; left: 0; background: #fff; border-radius: 0 0 .2rem 0; z-index: -1; transition: .5s;} 
.list11 .a::before{ content: ""; position: absolute; top: 0; right: .04rem; bottom: .04rem; left: 0; background: #DAB96B; border-radius: 0 0 .2rem 0; z-index: -1; transition: .5s;} 
.list11 .imgBox{ width: 1.5rem; margin: 0 .28rem 0 0;}
.list11 .imgBox .img{ padding-bottom: 133.33%;}
.list11 .txt{ width: 100%; flex: 1; overflow: hidden;}
.list11 h4{ font-size: .24rem; color: #43967C; font-weight: bold; transition: .5s;}
.list11 dl{ position: relative; padding: 0 0 0 .14rem; margin: .15rem 0;}
.list11 dl::before{content: "";position: absolute;top: .05rem;bottom: .05rem;width: 2px;background: #43967C;left: 0;transition: .5s;}
.list11 dl dd{font-size: .16rem;color: #666;line-height: .3rem;transition: .5s;}

@media(min-width: 1024px){
    .list11 .a:hover{ background: transparent; box-shadow: 0px 2px 6px 0px rgba(218, 218, 218, 0.3024);}
    .list11 .a:hover::before{ transform: translate(.1rem, .1rem);}
    .list11 .a:hover::after{ background: #43967C;}
    .list11 .a:hover *{ color: #fff}
    .list11 .a:hover dl::before{ background: #fff}
}
@media(max-width: 1024px){
}
@media(max-width:769px){
    .list11 li{width: 100%;margin-bottom: .25rem;}
    .list11 .a{ padding: .15rem;}
    .list11 .imgBox{ width: 1.35rem; margin: 0 .2rem 0 0;}
    .list11 dl{ margin: .12rem 0;}

    .n_sj{margin: 0 -7px .25rem;}
    .n_sj li{ width: 50%; padding:0 7px; margin-bottom: .1rem}
    .n_sj .a{width: 100%;font-size: .16rem;height: .5rem;}
    .list11 h4{ font-size: .2rem;}
} 
@media(max-width: 560px){
} 

.pb_sys_style4 .p_no_d{ 

    border: 1px solid #DAB96B !important;
    color: #fff;
    background-color:#DAB96B !important;
}

.pb_sys_common{
   line-height:35px !important;
}



.lt6 .a{height: .6rem;border-bottom: 1px dashed rgba(67,150,124,.3);align-items: center;position: relative;padding: 0 0 0 .26rem;}
.lt6 .a::before{content: "";width: .07rem;height: .07rem;border-radius: 50%;border: #43967C 1px solid;position: absolute;top: 50%;left: .08rem;margin: -.045rem 0 0;}
.lt6 h4{ flex: 1; }
.lt6 h6{ margin: 0 0 0 .2rem; width: auto; font-size: .14rem !important;}

@media(min-width: 1024px){
    .lt6 .a:hover h4{ color: #43967C;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 769px){
    .lt6 h4{ font-size: .16rem !important;}
} 
@media(max-width: 560px){
}