@charset "utf-8";
/*翻页条*/
.pagebar{margin:.8rem auto 0 auto;display: flex;align-items: center;justify-content: center;}
.pagebar>.p_t{align-self: flex-start;line-height: .38rem;}
.p_pages1{text-align: center;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}
.pagebar *{font-size: .14rem;white-space: nowrap;}
.p_pages1 span{padding: 0 .1rem;height: .36rem;display: flex;margin: 0 .04rem;box-sizing: border-box;border-radius: 0;min-width: .36rem;color: #333;align-items: center;justify-content: center;position: relative;z-index: 1;margin-bottom: .1rem;}
.p_pages1 span:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #e5e5e5 1px solid; border-radius: .04rem; z-index: -1}
.p_pages1 span a{display: flex;align-items: center;border-radius: .04rem;justify-content: center;margin: 0 -.1rem;height: 100%;width: calc(100% + .2rem);padding: 0 .1rem; transition: .5s;}
.p_pages1 svg{width: .16rem;height: .16rem; transition: .5s;}
.p_pages1 .p_last + span, .p_pages1 .p_last + span + span{padding: 0;margin-right: -.05rem;}
.p_pages1 .p_goto + span{ padding: 0;}
.p_pages1 .p_t:before{ display: none}
.p_goto{ margin: 0 .03rem}
.p_goto input{display: flex;align-items: center;justify-content: center;height: .36rem;padding: 0;transition: .5s;position: relative;z-index: 1;border: none;border-radius: 0;width: .3rem;}
.p_goto a{display: flex;align-items: center;border-radius: .04rem;justify-content: center;height: .36rem;padding: 0 .1rem;transition: .5s;position: relative;z-index: 1;}
.p_goto a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #e5e5e5 1px solid; border-radius: .04rem; z-index: -1; transition: .5s;}

.p_pages span.p_no_d{ border-radius: .04rem;  background: #2477BC; color: #fff!important}
.p_pages span.p_no_d:before{ border: #2477BC 1px solid}

.p_pages a:hover, .p_pages a.on, .p_goto a:hover{background: #2477BC;color:#fff!important;}
.p_pages a:hover svg{ fill: #fff}
.p_goto a:hover::before{ border: #2477BC 1px solid;}

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

.n_ba{position: relative;z-index: 1;}
.n_ba .imgBox .img{padding-bottom: 33.85%;}
.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: #666;font-style: normal;line-height: 1.35;font-weight: normal;}
.mianbao img{width: .19rem;margin: -.03rem .06rem 0 0;}
.mianbao span{margin: 0 .06rem;}

#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9;width: 100%;background: #2477bc;}
#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 #2477BC; height: 30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: rgb(83, 84, 85); }
#sub_nav_content ul li.on a { color: #2477BC; }
#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: #2477BC;}
#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_container{padding: 0 0 .7rem;min-height:500px;}
.n_banner .wp, .n_container .wp{align-items: flex-start}
.n_left{width: 3.2rem;position: relative;z-index: 10;margin: -1.6rem 0 0;background: url(../images/yj.jpg) center no-repeat;background-size: cover;padding: 0 0 .85rem;clip-path: polygon(0 100%, 0 0, 100% .4rem, 100% 0, 100% calc(100% - .4rem), 0 100%, 0 100%, 0 100%);}
.n_right{width: calc(100% - 3.2rem);padding: .4rem 0 0 .6rem;}
.yj{height: 1.6rem;display: flex;align-items: center;padding: .2rem .2rem 0;position: relative;}

.yj h2{font-size: .4rem;color: #fff;line-height: 1.35;font-weight: normal;}
.yj h6{font-size: .16rem;color: rgba(255,255,255,.6);}
.erji{background: #F4F9FF url(../images/erji.jpg) center bottom no-repeat;padding: 0 .2rem 1.9rem;background-size: 100% auto;margin: 0 0 0 .2rem;}

.erji li{position: relative;padding: 0;}
.erji li:after{content: "";position: absolute;bottom: 0;left: 0;right: 0;border-bottom: #979797 1px solid;height: 1px;opacity: .2;}
.erji li *{ transition: .5s;}
.erji li .a{display: flex;font-size: .22rem;color: #333;position: relative;z-index: 1;padding: .22rem 0;line-height: 1.5;align-items: center;justify-content: flex-start;}
.erji li .a:before{content: "";position: absolute;top: -1px;left: 0;right: 0;bottom: -1px;background: url(../images/erji.png) right center no-repeat;opacity: 0;transition: .5s;z-index: -1}
.erji li a i{position: absolute;top: 50%;transform: translateY(-50%);right: .4rem;font-size: .3rem;color: #2477BC;font-family: 'lib';opacity: 0;transition: .5s;display: none;}

.erji li:hover .a{ color: #2477BC}
.erji li.on .a:before{ opacity: 1}
.erji li.on .a:after{  opacity: 1;}
.erji li.on .a{ color: #2477BC;}
.erji li.on a i{ opacity: 1}

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

.n_tit1{margin-bottom: .4rem;position: relative;border-bottom: 1px solid rgba(151,151,151,.2);align-items: baseline;}
.n_tit1 h3{font-size: .3rem;color: #333;display: flex;align-items: baseline;justify-content: space-between;position: relative;margin-bottom: -.01rem;font-weight: normal;border-bottom: #2477BC .05rem solid;padding-bottom: .2rem;line-height: 1;}

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

@media(min-width: 769px){
}
@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_ba .imgBox .img{ padding-bottom: 40%;}
    .n_container{overflow: hidden;padding: .4rem 0 .5rem;}

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

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

.ar_tit{position: relative;z-index: 1;margin: 0 0 .25rem;text-align: center;}
.ar_tit h3{font-size: .28rem;color: #333333;line-height: 1.35;margin: 0 auto;border-bottom: 1px solid #e8e8e8;padding-bottom: .2rem;text-align: center;font-family: -apple-system, "PingFang SC", "Microsoft YaHei", Arial, sans-serif, Helvetica Neue, "Helvetica Neue", "Open Sans", "Hiragino Sans GB", sans-serif;}
.ar_tit .con .ll{justify-content: center;margin: .25rem 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 2vw;}
.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(36,119,188,.5);padding: .4rem 0 0;position: relative;z-index: 1;margin: .5rem 0 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.ar_tj .a{display: flex;font-size: .2rem;color: #333333;line-height: 1.7;margin: .1rem 0;transition: .5s;max-width: 38%;align-items: center;overflow: hidden;}
.ar_tj .a:nth-child(1) svg{ transform: rotate(180deg); margin: 0 .1rem 0 0;}
.ar_tj .a:nth-child(2) svg{margin: 0 0 0 .1rem;}
.ar_tj .a:nth-child(2){ text-align: right}
.ar_tj .a svg{ width: .5rem; height: .5rem; stroke: #9999; transition: .5s;}

.details1 .content{padding: .55rem .48rem;position: relative;z-index: 1;}
.details1 .content:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;opacity: 0.0975;background: linear-gradient(180deg, #1E6DBC 0%, rgba(30, 109, 189, 0) 100%);z-index: -1;}
.details1 .ar_tit{margin-bottom: .4rem;border-bottom: 1px solid rgba(36,119,188,.5);padding: 0 0 .3rem;}
.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;}

.fanhui{ text-align: center; justify-content: center; margin: .3rem 0 0;}
.fanhui .a{ display: flex; justify-content: center; align-items: center; background: #2477BC; border-radius: 50vw; font-size: .2rem; color: #fff; min-width: 1.68rem; height: .43rem; padding: 0 .15rem;}

@media(min-width: 769px){
    .ar_tj .a:hover{color: #2477BC;} 
    .ar_tj .a:hover svg{ stroke: #2477BC}
}
@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: .04rem 0;max-width: 100%;width: 100%;text-align: left !important;}

    .details1 .content{padding: .25rem 15px .4rem;}
    .ar_tit .con .ll{ margin: .15rem 0 0;}
    .ar_tj .a svg{ display: none;}
    .details1 .ar_tit{margin-bottom: .25rem;}
} 
@media(max-width: 560px){
} 

.ns1{ margin: -.36rem 0 0;}
.ns1 li{ border-bottom: 1px solid rgba(36,119,188,.3);}
.ns1 .a{ align-items: center; position: relative; z-index: 1; padding: .36rem 0; }
.ns1 .a::before{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/ns1_b.png) center no-repeat; background-size: cover; z-index: -1; opacity: 0; transition: .5s; filter: drop-shadow(0px 2px .22rem rgba(36, 119, 188, 0.5839));}
.ns1 .imgBox{ width: 3.42rem; margin: 0 .3rem 0 0;}
.ns1 .imgBox .img{ padding-bottom: 62.57%;}
.ns1 .time{position: absolute;left: 0;bottom: 0;width: .6rem;height: .6rem;background: #2477BC;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.ns1 .time h3{ font-size: .26rem; color: #fff; font-family: Georgia; line-height: 1; font-weight: normal; }
.ns1 .time h6{ font-size: .12rem; color: #fff; font-family: Georgia; margin: .04rem 0 0;}
.ns1 .txt{ flex: 1; overflow: hidden;}
.ns1 p{ margin: .22rem 0 .34rem;}
.more1{ font-size: .16rem; color: #2477BC; align-items: center; transition: .5s;}
.more1 i{ font-size: .22rem; color: #2477BC; font-family: "lib"; margin: 0 0 0 .1rem; transition: .5s;}

@media(min-width: 769px){
    .ns1 .a:hover::before{ opacity: 1;}
    .ns1 .a:hover *{ color: #fff;}
}
@media(max-width: 769px){
    .ns1 .imgBox{ width: 100%; margin: 0;}
    .ns1 .txt{ width: 100%; flex: auto; margin: .2rem 0 0;}
    .ns1 p{ margin: .12rem 0 .24rem;}
    .ns1 .a{ padding: .2rem 0;}
}

.ns2{ margin: 0 -.2rem -.3rem;}
.ns2 li{ padding: 0 .2rem; width: 50%; margin-bottom: .3rem;}
.ns2 .a{ align-items: center; height: 1.18rem; padding: 0 .32rem; background: url(../images/ns2_b.jpg) center no-repeat; background-size: cover; transition: .5s; border-left: #2477BC 2px solid;}
.ns2 .time{ width: .7rem; height: .7rem; flex-direction: column; justify-content: center; align-items: center; margin: 0 .24rem 0 0; position: relative; z-index: 1;}
.ns2 .time::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/ls3_b.png) center no-repeat; background-size: cover; z-index: -1; }
.ns2 .time::after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/ls3_b1.png) center no-repeat; background-size: cover; z-index: -1; opacity: 0; transition: .5s;}
.ns2 .time h3{ font-size: .24rem; color: #2477BC; font-family: Georgia; line-height: 1; font-weight: normal; transition: .5s;}
.ns2 .time h6{ font-size: .12rem; color: #666666; font-family: Georgia; margin: 0 0 0; transition: .5s;}
.ns2 .txt{ flex: 1; overflow: hidden;}

@media(min-width: 769px){

}
@media(max-width: 769px){
    .ns2 li{width: 100%;margin-bottom: .2rem;}
    .ns2 .a{padding: 0 .2rem;height: 1rem;}
}

.ns3{ margin: 0 -.2rem -.4rem;}
.ns3 li{ padding: 0 .2rem; width: 50%; margin-bottom: .4rem;}
.ns3 .imgBox{ width: 1.66rem; }
.ns3 .imgBox .img{ padding-bottom: 133.53%;}
.ns3 .txt{flex: 1;overflow: hidden;background: url(../images/ns3_b1.jpg) center no-repeat;background-size: cover;padding: 0 .32rem;display: flex;flex-direction: column;justify-content: center;}
.ns3 .con{ margin: .1rem 0 .2rem; position: relative; padding: 0 0 0 .14rem}
.ns3 .con:before{ content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 1px; background: #2477BC;}
.ns3 h3{ font-size: .28rem; color: #2477BC; font-weight: normal}
.ns3 h5{ font-size: .18rem; color: #333; line-height: 1.75}

@media(min-width: 769px){

}
@media(max-width: 769px){
    .ns3{ margin: 0 -.2rem -.2rem;}
    .ns3 li{width: 100%;margin-bottom: .2rem;}
    .ns3 .imgBox{ width: 1.4rem; }
    .ns3 .con{ margin: .06rem 0 .1rem;}
    .ns3 .txt{ padding: 0 .2rem;}
    .ns3 h3{ font-size: .22rem;}
    .ns3 h5{ font-size: .16rem;}
}

.ns4 .a{position: relative;z-index: 1;align-items: flex-start;padding: .22rem;overflow: hidden;background: url(../images/ns4_b.jpg) center no-repeat;background-size: cover;}
.ns4 .a:after{content: "";position: absolute;top: 0;left: 0;bottom: 0; width: 1.5rem; background: linear-gradient(180deg, #4AAFDF 0%, #2477BC 100%); z-index: -1; transform: skewX(-10deg); transform-origin: top right}
.ns4 .imgW{ position: relative; z-index: 1;}
.ns4 .imgW{width: 2.2rem;}
.ns4 .imgBox .img{ padding-bottom: 133.14%;}
.ns4 .txt{flex: 1;padding: .4rem .4rem;}
.ns4 .txt .name{align-items: flex-end;margin-bottom: .4rem;}
.ns4 .txt .name .ll{font-size: .32rem;color: #333;padding: 0;margin: 0 .54rem 0 0;}
.ns4 .txt .name .rr{font-size: .22rem;color: #2477BC;padding: 0 0 .04rem;flex: 1;}
.ns4 .txt .name .rr span{ margin: 0 .24rem 0 0}
.ns4 dl{ margin: 0 -7px}
.ns4 dl dd{ width: 50%; padding: 0 7px; font-size: .18rem;color: #333; line-height: 1.5; margin-bottom: .15rem}

.slides1{ margin: .8rem 0 0;}
.slides1 .hd{ margin-bottom: .36rem;}
.slides1 .hd ul{ margin: 0 -.12rem;}
.slides1 .hd ul li{ padding: 0 .12rem; flex: 1; margin-bottom: .2rem;}
.slides1 .hd ul .a{height: .6rem;border: 1px solid rgba(36,119,188,.3);align-items: center;justify-content: center;transition: .5s;cursor: pointer;}
.slides1 .hd ul .a h4{font-size: .2rem;color: #333;line-height: 1.5;position: relative;padding-bottom: .06rem;transition: .5s;}
.slides1 .hd ul .a h4:before{ content: ""; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: .34rem; height: 2px; background: #2477BC; transition: .5s;}

.slides1 .arc-con{position: relative;color: #666;border-left: 0.5px dashed rgba(36,119,188,.11);padding: .1rem 0 .1rem .3rem;}
.slides1 .arc-con p{margin-bottom: .1rem !important;font-size: .18rem;text-indent: 0 !important;}

.slides1 .hd ul li.on .a{ background: #2477BC; border: 1px solid #2477BC; box-shadow: 0px 2px 12px 0px rgba(36, 119, 188, 0.6016);}
.slides1 .hd ul li.on .a h4{ color: #fff;}
.slides1 .hd ul li.on .a h4:before{ background: #fff;}

.h3-1{font-size: .22rem;color: #2477BC;align-items: center;font-weight: normal;margin: 0 0 .12rem;}
.h3-1 img{margin: 0 .1rem 0 0;width: .24rem;}

@media(max-width: 769px){
    .ns4 .imgW{width: 1.5rem;margin: 0 auto}
    .ns4 .txt{width: 100%;margin: .2rem 0 0;padding: 0;flex: auto;}
    .ns4 .txt .name .ll{font-size: .24rem;margin: 0 .24rem 0 0;width: auto;} 
    .ns4 .txt .name .rr{ font-size: .16rem}
    .ns4 .a:before{ display: none;}

    .ns4 .a:after{ display: none}
    .ns4 dl dd{width: 100%;font-size: .16rem;margin-bottom: .1rem;}

    .slides1{ margin: .4rem 0 0;}
    .slides1 .hd ul{ margin: 0 -4px}
    .slides1 .hd ul li{ flex: inherit; width: 25%; padding: 0 4px; margin-bottom: .12rem}
    .slides1 .hd ul .a h4{font-size: .16rem;}
    .slides1 .arc-con p{ font-size: .16rem}
    .slides1 .hd{ margin-bottom: .24rem;}
    .slides1 .hd ul .a h4:before{ width: .16rem;}
    .ns4 .txt .name{ margin-bottom: .2rem;}
}
p.vsbcontent_img {
    margin: 0 auto;
    text-align: center;
    text-indent: 0;
}
.v_news_content table {
    margin: 0 auto !important;
}

.v_news_content table p {
    text-indent: 0;
}
.pb_sys_style1 .p_no a:hover,.pb_sys_style1 .p_fun a:hover, .pb_sys_style1 .p_goto a:hover, .pb_sys_style1 .p_search a:hover,{
    background-color: #2477bc !important;
}
div#vsb_content p:has(img) {
    margin: 0 auto !important;
    text-indent: 0 !important;
    text-align: center !important;
}