@charset "utf-8";
@media(max-width: 769px){
    .pagebar{ margin: .4rem auto 0;}
    .p_pages span{ margin: 0 .03rem;}
} 

.n_ba{position: relative;z-index: 1; }
.n_ba .imgBox .img{padding-bottom: 31.25%;}

.mianbaoBox{position: relative;z-index: 2;background: url(../images/erji.png) no-repeat center center;background-size: 100% 100%;display: flex;justify-content: center;margin: -.52rem 0 0;align-items: flex-end;}
.mianbaoBox .wp{height: 1.3rem;align-items: flex-end;}
.mianbaoBox:before{content: "";position: absolute;right: 0;bottom: 0;height: .78rem;background: #fff;border-radius: 0 0 0 50vw;z-index: -1;width: 37%;}
.mianbaoBox .left{align-items: center;height: 100%;}
.mianbaoBox .right{height: .78rem;align-items: center;}

.yj{ align-items: center; margin: 0 6vw 0 0;}
.yj img{width: .28rem;margin: 0 .14rem 0 0;}
.yj h3{ font-size: .4rem; color: #fff; font-weight: normal;}

.sanji li{ margin: 0 3vw 0 0}
.sanji .a{font-size: .26rem;color: #fff;line-height: 1.3rem;position: relative;display: inline-block;z-index: 1;}
.sanji .a:before{ content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); border-left: transparent .225rem solid; border-right: transparent .225rem solid; border-bottom: #fff .11rem solid; opacity: 0; transition: .5s}
.sanji li.on .a{font-weight:bold}
.sanji li.on .a:before, .sanji li:hover .a:before{ opacity: 1}

.mianbao{display: flex;align-items: center;justify-content: flex-end;}
.mianbao *{font-size: .16rem;font-style: normal;line-height: 1.35;font-weight: normal;color: #666666;}
.mianbao img{width: .2rem;margin: -.03rem .06rem 0 0;}
.mianbao span{margin: 0 .03rem;}

.ar_tit{position: relative;z-index: 1;margin: 0 0 .35rem;border-bottom: 1px solid rgba(15,110,186,.3);padding-bottom: .35rem;}
.ar_tit h3{font-size: .3rem;color: #0F6EBA;line-height: 1.5;margin: 0 auto;padding-bottom: .25rem;}
.ar_tit .con .ll{margin: 0;}
.ar_tit .con .ll p{font-size: .16rem;color: #666;line-height: .24rem;display: flex;flex-wrap: wrap;align-items: center;margin: 0 4vw 0 0;}
.ar_tit .con .ll p img{ width: .22rem; margin: 0 .1rem 0 0}

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

.ar_tj{border-top: 1px solid rgba(15,110,186,.3);padding: .4rem 0 0;position: relative;z-index: 1;margin: .6rem 0 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.ar_tj .a{display: block;font-size: .18rem;color: #333;line-height: 1.5;margin: .1rem 0;transition: .5s;width: 100%;}
.ar_tj .a:hover{ color: #0F6EBA}

.n_container{padding: .6rem 0 1.3rem;background: #f9fafe url(../images/n_b1.jpg) center bottom no-repeat;background-size: 100% auto;}
.news_d .left{width: 10.2rem;position: relative;}
.news_d .right{width: calc(100% - 10.2rem - .86rem);padding: .1rem 0 0;}
.news_d .sticky{position: sticky;top: 1.2rem;}

.h3-1{align-items: center;font-size: .26rem;color: #333;position: relative;padding: 0 0 0 .2rem;margin-bottom: .3rem;}
.h3-1::before{ content: ""; position: absolute; width: .05rem; height: .3rem; background: #C40F0F; top: 50%; transform: translateY(-50%); left: 0;}

.ns1{position: relative;z-index: 1;}
.ns1::before{content: "";position: absolute;top: .1rem;left: .04rem;bottom: .62rem;border-left: 1px dashed rgba(151,151,151,.3);z-index: -1;}
.ns1 li{margin: 0 0 .3rem;position: relative;padding: 0 0 0 .3rem;}
.ns1 li::before{content: "";position: absolute;top: .08rem;left: 0;bottom: 0;width: .09rem;height: .09rem;background: #599BD0;z-index: -1;border-radius: 50vw;}
.ns1 h4{ color: #666;}
.ns1 h6{ margin: .1rem 0 0;}

#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9;width: 100%;background: #0F6EBA;}
#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 #0F6EBA; height: 30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: rgb(83, 84, 85); }
#sub_nav_content ul li.on a { color: #0F6EBA; }
#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: #0F6EBA;}
#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); }
.pb_sys_common span
{
    display: inline-block;
    margin-top: 10px;
}
.pagesa
{
    margin-top:40px;
}
.pagesa span
{
    height: 18px !important;
}
.pagesa a
{
    height: 18px !important;
    display: inline-block !important;
}
.pagesa input
{
    height: 18px !important;
}
.pagesa input:nth-child(2n)
{
    border:solid 1px #AFD5F5;
    text-align: center;
}



@media(min-width: 769px){
}
@media(max-width: 769px){
    .n_ba{ margin: .7rem 0 0;}
    .news_d .left{width: 100%;padding: 0;}
    .news_d .left:before{ display: none;}
    .news_d .right{width: 100%;padding: .3rem 0 0;}
    .ar_tit{padding: 0 0 .25rem;}
    .ar_tit h3{ font-size: .24rem}
    .ar_tj .a{ font-size: .18rem}
    .ar_tj{ margin-top: .25rem; padding-top: .25rem}
    .h3-4{ font-size: .24rem}
    .lt17 li{ padding: .15rem 0}
    
    .arc-con img{ margin: 0 auto;}

    .mianbaoBox{ display: none;}

     #m_n_nav{ display: block;}

     .n_container{ padding: .4rem 0 .5rem}
} 

@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 769px){
} 
@media(max-width: 560px){
} 

.ns2{ margin: 0 -.26rem -.46rem;}
.ns2 li{ width: 50%; padding: 0 .26rem; margin-bottom: .46rem;}
.ns2 .a{ border-radius: .18rem; background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(15, 110, 186, 0.3029); height: 1.68rem; align-items: center; padding: 0 .3rem 0 .12rem; transition: .5s; position: relative; z-index: 1; overflow: hidden;}
.ns2 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/ns2.jpg) center no-repeat; background-size: cover; z-index: -1; transition: .5s; opacity: 0;}
.ns2 .time{ width: 1rem; text-align: center; margin: 0 .24rem 0 0; height: 1rem; position: relative;}
.ns2 .time::before{content: "";position: absolute;top: 0;right: 0;width: 1px;height: .96rem;background: #979797;opacity: .2; transition: .5s;}
.ns2 .time h3{ font-size: .3rem; color: #0F6EBA; font-family: Georgia; transition: .5s;}
.ns2 .time h6{font-size: .14rem;color: #0F6EBA;font-family: Georgia;margin: .03rem 0 0;transition: .5s;}
.ns2 .txt{ flex: 1; overflow: hidden;}
.ns2 p{ margin: .15rem 0 0;}
.keywordfontcolor1166451
{
    font-size: .2rem !important;
    font-weight: bold !important;
    color: #dd4b39 !important;
    font-family: -apple-system, "PingFang SC", "Microsoft YaHei", Arial, sans-serif, Helvetica Neue, "Helvetica Neue", "Open Sans", "Hiragino Sans GB", sans-serif !important;
}

@media(min-width: 769px){
    .ns2 .a:hover::before{ opacity: 1;}
    .ns2 .a:hover *{ color: #fff;}
    .ns2 .a:hover .time::before{ background: rgba(255, 255, 255, 0.2); opacity: 1;}
    .ns2 .a:hover{ box-shadow: 0px 2px 14px 0px rgba(15, 110, 186, 0.7439); border: 1px solid rgba(15, 110, 186, 1);}
}
@media(max-width: 769px){
    .ns2{ margin: 0 -7px -.2rem;}
    .ns2 li{ width: 100%; padding: 0 7px; margin-bottom: .2rem;}
    .ns2 .time{ width: .9rem;}
    .ns2 .a{height: auto;padding: .15rem .2rem .15rem .1rem;}
    .ns2 p{ margin: .1rem 0 0;}
    .ns2 h4{ white-space: normal}
}

.ns3 li{ border-bottom: 1px solid rgba(151,151,151,.3);}
.ns3 .a{ align-items: center; padding: .4rem 0; position: relative; z-index: 1; transition: .5s;}
.ns3 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/ns3_b.jpg) center no-repeat; background-size: cover; z-index: -1; opacity: 0; transition: .5s;}
.ns3 .imgBox{ width: 4.8rem; margin: 0 .4rem 0 0;}
.ns3 .imgBox .img{ padding-bottom: 61.66%;}
.ns3 .time{ width: .8rem; height: .8rem; background: #0F6EBA; flex-direction: column; justify-content: center; align-items: center; position: absolute; left: 0; bottom: 0; z-index: 1;}
.ns3 .time h3{ font-size: .3rem; color: #fff; font-family: Georgia; line-height: 1;}
.ns3 .time h6{font-size: .14rem;color: #fff;font-family: Georgia;margin: 0 0 .06rem;}
.ns3 .txt{ flex: 1; overflow: hidden;}
.ns3 .line{ width: .95rem; height: .03rem; background: #C40F0F; margin: .24rem 0; transition: .5s;}
.ns3 h6{ font-size: .18rem; color: #0F6EBA; align-items: center; margin: .5rem 0 0}
.ns3 h6 i{ font-size: .18rem; color: #0F6EBA; font-family: 'lib'; margin: 0 0 0 .1rem; transition: .5s}
.ns3 h4{ font-size: .24rem;}

@media(min-width: 769px){
    .ns3 .a:hover{ padding: .4rem; box-shadow: 0px 2px 17px 0px rgba(15, 110, 186, 0.6752);}
    .ns3 .a:hover::before{ opacity: 1;}
    .ns3 .a:hover *{ color: #fff;}
    .ns3 .a:hover .line{ background: #fff;}
    .ns3 .a:hover .time{ background: #C40F0F;}
}
@media(max-width: 769px){
    .ns3 .imgBox{ width: 100%; margin: 0 0 .15rem 0;}
    .ns3 .txt{ flex: auto; overflow: hidden; width: 100%;}
    .ns3 .line{ margin: .1rem 0; width: .5rem;}
    .ns3 h6{ margin: .25rem 0 0}
    .ns3 .a{ padding: .2rem 0;}
}