@charset "utf-8";


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

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

.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: .14rem;color: #333333;font-style: normal;line-height: 1.35;font-weight: normal;}
.mianbao img{width: .26rem;margin: 0 .1rem 0 0;}
.mianbao span{margin: 0 .06rem;}

#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9;width: 100%;background: #204cc1;}
#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: #204cc1;}
#sub_nav_content dd {display: flex;padding: 0px 20px;width: 100%;flex-wrap: wrap;}
#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: 33.33%;padding: 0 .1rem 0 0;}
#sub_nav_content dd a.on { color: rgb(215, 0, 41); }


.n_container{padding: 0 0 1.2rem;min-height:500px; }
.n_banner .wp, .n_container .wp{align-items: flex-start}
.n_left{width: 3.7rem;position: relative;z-index: 10;padding: 0 0 0 .13rem;margin: -1.4rem 0 0;background: rgba(32,76,193,.9);}
.n_right{width: calc(100% - 3.7rem);padding: .5rem 0 0 1.2rem;}
.yj{height: 1.4rem;display: flex;align-items: center;justify-content: center;padding: 0 15px;position: relative;}

.yj h2{font-size: .35rem;color: #fff;line-height: 1.75;font-weight: normal;}
.erji{background: #ffffff url(../images/erji.jpg) center bottom no-repeat;padding: 0 0 .9rem;background-size: 100% auto;min-height: 6.3rem;box-shadow: 0px 6px 15px 0px rgba(187, 187, 187, 0.5);}

.erji li{position: relative;padding: .3rem 0;}
.erji li:after{content: "";position: absolute;bottom: 0;left: .3rem;right: .3rem;background: #999999;height: 1px;}
.erji li *{ transition: .5s;}
.erji li .a{display: flex;height: .4rem;font-size: .24rem;color: #000000;position: relative;z-index: 1;padding: 0 .4rem;line-height: 1.5;align-items: center;}
.erji li .a:before{content: "";position: absolute;top: -.31rem;left: 0;right: 0;bottom: -.3rem;background: #999999;background-image: linear-gradient( 90deg, rgb(122,155,242) 0%, rgb(255,255,255) 100%);opacity: 0;transition: .5s;z-index: -1}
.erji li a i{position: absolute;top: 50%;transform: translateY(-50%);right: .4rem;font-size: .3rem;color: #204cc1;font-family: 'lib';opacity: 0;transition: .5s}
.erji li:last-child::after{ display: none;}

.erji li.on .a:before{ opacity: 1}
.erji li.on .a:after, .erji li:hover .a:after{  opacity: 1;}
.erji li.on .a, .erji li:hover .a{color: #1551A0;}
.erji li.on a i{ opacity: 1}

.erji li dl{padding: .6rem 0 0.1rem;}
.erji li dl dd .a1{display: block;line-height: .4rem;font-size: .18rem;color: #000;position: relative;z-index: 1;padding: 0 .7rem;transition: .5s}
.erji li dl dd .a1:hover, .erji li dl dd.on .a1{ color: #1551A0}

.n_tit1{margin-bottom: .6rem;position: relative;border-bottom: 2px solid #204cc1;padding-bottom: .2rem;align-items: baseline;}
.n_tit1 h3{font-size: .3rem;color: #000000;display: flex;align-items: baseline;justify-content: space-between;position: relative;margin-bottom: -2px;font-weight: normal;}

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

.h3-1{font-size: .24rem;color: #333;margin-bottom: .1rem;font-weight: normal;padding: 0 .44rem;margin-top: .25rem;}

@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;}

    .h3-1{ font-size: .22rem; color: #333}
} 
@media(max-width: 560px){
}

.ar_tit{position: relative;z-index: 1;margin: 0 0 .25rem;text-align: center;}
.ar_tit h3{font-size: .3rem;color: #333333;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 1.35vw;}
.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 #858585;padding: .2rem 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: .16rem;color: #333333;line-height: 1.7;margin: .1rem 0;transition: .5s;max-width: 48%;align-items: center;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;position: relative;}
.ar_tj .a:nth-child(1){padding: 0 0 0 .7rem;}
.ar_tj .a:nth-child(1) svg{transform: rotate(180deg);left: 0;}
.ar_tj .a:nth-child(2) svg{right: 0;}
.ar_tj .a:nth-child(2){text-align: right;padding: 0 .7rem 0 0;}
.ar_tj .a svg{width: .5rem;height: .5rem;stroke: #9999;transition: .5s;position: absolute;top: 50%;margin: -.25rem 0 0;}

.details1 .ar_tit{margin-bottom: .4rem;}
.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: #204cc1;} 
    .ar_tj .a:hover svg{ stroke: #204cc1}
}
@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;padding: 0 !important;!i;!;}

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

.ls15 li{ position: relative; z-index: 1; margin-bottom: .38rem;}
.ls15 .a{height: 1.78rem;align-items: center;padding: 0 1rem 0 .05rem;position: relative;transition: .5s;background: #fafbfd;box-shadow: 0px 6px 5px 0px rgba(147, 145, 145, 0.13);}
.ls15 .a::after{ content: ""; position: absolute; right: 0; top: 0; left: 0; height: .05rem; background: #98040c; opacity: 0; transition: .5s;}
.ls15 .time{ text-align: center; width: 1.26rem; position: relative; margin: 0 .3rem 0 0}
.ls15 .time:before{ content: ""; position: absolute; width: 1px; height: 1rem; background: #c1c1c1; right: 0; top: 50%; transform: translateY(-50%)}
.ls15 .time h3{font-size: .28rem;color: #204cc1;font-weight: normal;line-height: 1; transition: .5s;}
.ls15 .time h6{ font-size: .16rem; color: #204cc1; transition: .5s; margin: .06rem 0 0;}
.ls15 .txt{ flex: 1; overflow: hidden;}
.ls15 p{ margin: .18rem 0 0; font-size: .18rem; line-height: .3rem; max-height: .6rem\0;}

@media(min-width: 769px){
    .ls15 .a:hover{ background: #204cc1; }
    .ls15 .a:hover *{ color: #fff;}
    .ls15 .a:hover p{ color: rgba(255,255,255,.6);}
}
@media(max-width: 769px){
    .ls15 li{ margin-bottom: .2rem}
    .ls15 .a{padding: 0 .2rem 0 .05rem;height: 1.2rem;}
    .ls15 .time{ width: .9rem;}
    .ls15 .time:before{ height: .7rem;}
    .ls15 p{ margin: .1rem 0 0;}
    .ls15 .time h6{ font-size: .14rem;}
} 

.szdw .box{ margin-bottom: .6rem; position: relative; z-index: 1;}
.szdw .box::before{content: "";position: absolute;top: 0;left: 0;right: 0;height: 100%;border: #204cc1 1px solid;z-index: -1;-webkit-mask: linear-gradient(-180deg, transparent 10%, #fff 80%, #fff);mask: linear-gradient(-180deg, transparent 10%, #fff 80%, #fff);}
.szdw .box .top{background: url(../images/ls16_b1.jpg) center no-repeat;background-size: cover !important;height: .62rem;align-items: center;padding: 0 .3rem;justify-content: space-between;}
.szdw .box .top .ll{ align-items: center}
.szdw .box .top .ll img{ width: .25rem}
.szdw .box .top .ll big{ font-size: .25rem; color: #fff; margin: 0 .28rem 0 .14rem}
.szdw .box .top .ll small{ font-size: .16rem; color: #fff}
.szdw .box .bottom{padding: .25rem;}
.szdw .box .bottom h3:first-child{ margin-top: 0}
.szdw .box .top .rr img{ height: .19rem}

.ls16{ text-align: center}
.ls16 li{width: 14.28%;padding: 7px;align-self: center;}
.ls16 .a{line-height: .36rem;display: inline-block;padding: 0 .2rem;border-radius: .1rem;font-size: .2rem;color: #666;transition: .5s;}

.szdw .box .nth-child2.top{background: url(../images/ls16_b2.jpg) center no-repeat}
.szdw .box .nth-child3.top{background: url(../images/ls16_b3.jpg) center no-repeat}
.szdw .box .nth-child2::before{border: #c52f2f 1px solid;}
.szdw .box .nth-child3::before{border: #1ebcf7 1px solid;}

@media(min-width: 769px){
    .szdw .box:nth-child(1) .ls16 .a:hover{ background: #1551A0; color: #fff}
    .szdw .box:nth-child(2) .ls16 .a:hover{ background: #c12020; color: #fff}
    .szdw .box:nth-child(3) .ls16 .a:hover{ background: #1ebcf7; color: #fff}
}
@media(max-width: 769px){
    .szdw .box .bottom{ padding: 15px;}
    .ls16 .a{padding: 0 7px;font-size: .18rem;line-height: 1.5;}
    .ls16 li{width: 25%;}
    .szdw .box .top{ padding: 0 .2rem}
    .szdw .box .top .ll img{ width: .2rem}
    .szdw .box .top .ll big{ font-size: .20rem; margin: 0 .2rem 0 .1rem}
    .szdw .box .top .ll small{ font-size: .14rem;}
    .szdw .box .top .rr img{ height: .12rem}
    .szdw .box{ margin-bottom: .2rem;}
} 


.ls17{ margin: 0 -.2rem -.4rem;}
.ls17 li{ width: 50%; padding: 0 .2rem; margin-bottom: .4rem;}
.ls17 .a{ background: #f8f8f8; border-right: #204cc1 .04rem solid;}
.ls17 .imgBox{width: 1.48rem;}
.ls17 .imgBox .img{ padding-bottom: 143.62%;}
.ls17 .txt{flex: 1;overflow: hidden;padding: 0 .25rem; position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: center;}
.ls17 .txt::before{ content: ""; position: absolute; top: 0; left: 0; right: 0; height: 100%; z-index: -1; background: #204cc1 url(../images/ls17_b.png) right center no-repeat; background-size: cover 100%; opacity: 0; transition: .5s;}
.ls17 h3{ font-size: .2rem; color: #204cc1; width: 100%; transition: .5s;}
.ls17 h4{ font-size: .16rem; color: #333333; margin: .06rem 0 0; width: 100%; transition: .5s;}
.ls17 .p{border-top: #bdbdbd 1px solid;padding: .18rem 0 0;margin: .14rem 0 0; width: 100%;}
.ls17 .p p{position: relative;padding: .01rem 0 .04rem .32rem;transition: .5s;line-height: 1.5;font-size: .16rem;color: #333;}
.ls17 .p p::before{content: "";position: absolute;background-size: cover !important;left: 0;top: .04rem;width: .2rem;height: .2rem;}
.ls17 .p .p1::before{ background: url(../images/ls17_i1.png) center no-repeat; }
.ls17 .p .p2::before{ background: url(../images/ls17_i2.png) center no-repeat; }
.ls17 .p .p3::before{ background: url(../images/ls17_i3.png) center no-repeat; }

@media(min-width: 769px){
    .ls17 .a:hover .txt::before{ opacity: 1; opacity: 0\0;}
    .ls17 .a:hover *{ color: #fff; color: inherit\0;}
    .ls17 .a:hover .p p{ filter: brightness(5); filter: brightness(0)\0;}
}
@media(max-width: 769px){
    .ls17{ margin: 0 -7px -.2rem;}
    .ls17 li{ width: 100%; padding: 0 7px; margin-bottom: .2rem;}
}

.xrld_d{ padding: .6rem .42rem .6rem .6rem; position: relative; z-index: 1;}
.xrld_d::before{content: "";position: absolute;top: 0;right: 1.4rem;bottom: 0;left: 0;background: #e9effe;z-index: -1;pointer-events: none;}
.xrld_d::after{content: "";position: absolute;top: .26rem;right: 0;bottom: 0; width: 1.4rem;background: #e9effe;z-index: -1; background-image: linear-gradient( -180deg, rgb(32,76,193) 0%, rgb(255,255,255) 100%);}
.xrld_d .left{ width: calc(100% - 2.22rem - .26rem);}
.xrld_d .left h3{border-bottom: #8e9198 1px solid;margin-bottom: .4rem;}
.xrld_d .left h3 big{ font-size: .3rem; color: #333333; padding-bottom: .2rem; display: inline-block; position: relative; z-index: 1;}
.xrld_d .left h3 big::before{ content: ""; position: absolute; bottom: -2px; left: 0; right: 0; height: 3px; background: #204cc1; z-index: -1;}
.xrld_d .left h3 small{font-size: .2rem;color: #333;position: relative;z-index: 1;margin-left: .2rem;}

.xrld_d .left .p{ margin-bottom: .25rem}
.xrld_d .left .p p{ position: relative; font-size: .18rem; color: #333; line-height: 1.875;margin: 0 0;padding: 0 0 0 .2rem;}
.xrld_d .left .p p:before{ content: ""; position: absolute; top: 50%; width: .06rem; height: .06rem; border-radius: 50vw; left: 0; margin: -.03rem 0 0}

.xrld_d .left .arc-con p{ margin-bottom: .3rem;}
.xrld_d .right{ width: 2.22rem; }
.xrld_d .right .img{ box-shadow: .3rem .3rem 0 -.16rem rgba(255,255,255,.8);}
.xrld_d .right .p{ margin-top:35px; line-height:30px; font-size:16px;}
@media(max-width: 769px){
    .xrld_d .right{margin: 0 auto;width: 1.5rem; }
    .xrld_d .left{width: 100%;order: 1; padding: .25rem 0 0}
    .xrld_d::before{ right: 0}
    .xrld_d::after{ display: none}
    .xrld_d{ padding: .3rem 15px}
    .xrld_d .left h3{ margin-bottom: .25rem}
    .xrld_d .left h3 big{ font-size: .24rem;}
    .xrld_d .left h3 small{font-size: .16rem;}
    .xrld_d .left .arc-con p{ margin-bottom: .15rem;}
}