@charset "utf-8";
/*翻页条*/


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

@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: 39.58%; background: none;}
.n_ba .top{ position: absolute; right: 0; bottom: 0; left: 0;}

.mianbao{display: flex;align-items: center;padding: 0;justify-content: flex-end;transform: translateY(-.5rem);}
.mianbao *{font-size: .18rem;color: #666;font-style: normal;line-height: 1.35;font-weight: normal;}
.mianbao img{width: .18rem;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: #1166ba;}
#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: #fff;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 #1166BA; height: 30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: rgb(83, 84, 85); }
#sub_nav_content ul li.on a { color: #1166BA; }
#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: #1166BA;}
#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: 5vw 0 24.5vw;min-height:500px;position: relative;z-index: 1;margin: -4vw 0 0;}
.n_container::before{content: "";position: absolute;bottom: 0;left: 0;right: 0;z-index: -1;background: url(../images/in6_b.jpg) center bottom no-repeat;background-size: 100% auto;height: 100%;-webkit-mask: linear-gradient(180deg, transparent 16%, #fff 45%);mask: linear-gradient(180deg, transparent 16%, #fff 45%);opacity: .1;}
.n_container::after{ content: ""; position: absolute; bottom: 0; left: 0; right: 0; z-index: -1; background: url(../images/footer.png) center bottom no-repeat; background-size: 100% 100%; height: 4.5rem; }

.n_banner .wp, .n_container .wp{align-items: flex-start}
.n_left{width: 3.2rem;position: relative;z-index: 10;}
.n_right{width: calc(100% - 3.2rem);padding: .3rem 0 0 .65rem;}
.yj{height: 1.2rem;display: flex;align-items: center;justify-content: center;padding: 0 15px;position: relative;background: url(../images/yj.jpg) center no-repeat;background-size: cover;flex-direction: column;border-radius: .1rem .1rem 0 0;}

.yj h2{font-size: .4rem;line-height: 1.35;font-weight: normal;font-family: 'sys';color: #FFE7AE;}
.yj h6{font-size: .6rem;color: #FFE7AE;opacity: .1;font-family: Arial Black;line-height: 1;position: absolute;left: 50%;bottom: -.1rem;text-align: center;white-space: nowrap;transform: translateX(-50%);}
.erji{background: #ffffff url(../images/erjib.jpg) center bottom no-repeat;padding: .2rem 0 1.5rem;background-size: 100% auto;box-shadow: 0px 2px 12px 0px #E8ECF7;}

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

.erji li:hover .a{ color: #1166BA}
.erji li.on .a:before{ opacity: 1}
.erji li.on .a:after{  opacity: 1;}
.erji li.on .a{color: #fff;}
.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 .7rem;transition: .5s}
.erji li dl dd .a1:hover, .erji li dl dd.on .a1{ color: #1166BA}

.n_tit1{margin-bottom: .45rem;position: relative;border-bottom: 1px solid rgba(151,151,151,.2);align-items: baseline;}
.n_tit1 h3{font-size: .36rem;color: #333;display: flex;align-items: baseline;justify-content: space-between;position: relative;font-weight: normal;padding-bottom: .32rem;line-height: 1;z-index: 1;padding-left: .34rem;}
.n_tit1 h3::before{content: "";position: absolute;top: -.3rem;left: 0;width: .85rem;height: .85rem;border-radius: 50%;background-image: linear-gradient( 135deg, rgb(255,231,174) 0%, rgba(255,231,174,0.01) 99%, rgb(255,231,174) 100%);z-index: -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;margin: -4vw 0 0;}

    .n_ba .imgBox .img{ padding-bottom: 40%;}
    .n_container{overflow: hidden;padding: .4rem 0 3.5rem;margin: 0;}

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

.n_b1{ background: url(../images/n_b1.png) center top 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: .3rem;color: #1166BA;line-height: 1.35;margin: 0 auto;border-bottom: 1px solid #e8e8e8;padding-bottom: .2rem;font-weight: normal;}
.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 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 rgba(17,102,186,.2);padding: .3rem 0 0;position: relative;z-index: 1;margin: .5rem 0 0;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.ar_tj .ll{ flex: 1; overflow: hidden}
.ar_tj .a{display: flex;font-size: .2rem;color: #666;line-height: 1.5;margin: .15rem 0;transition: .5s;align-items: center;overflow: hidden;}
.ar_tj .a svg{margin: 0 .1rem 0 0;}
.ar_tj .a svg{width: .24rem;height: .24rem;fill: #fff;transition: .5s;}

.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;line-height: 0.4rem;}
.details1 .arc-con span{ background:none !important;}

.fanhui{text-align: center;justify-content: center;margin: 0 0 0 .2rem;}
.fanhui .a{display: flex;justify-content: center;align-items: center;background: linear-gradient(270deg, #279FDE 0%, #1166BA 99%);border-radius: 50vw;font-size: .2rem;color: #fff;min-width: 1.48rem;height: .52rem;}

@media(min-width: 769px){
    .ar_tj .ll .a:hover{ color: #1166ba} 
    .ar_tj .a:hover svg{ stroke: #1166ba}
}
@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;margin: .3rem 0 0;}
    .ar_tj .a{font-size: .16rem;margin: .04rem 0;max-width: 100%;width: 100%;text-align: left !important;min-width: 1.3rem;height: .42rem;}

    .details1 .content{padding: 0;}
    .ar_tit .con .ll{ margin: .15rem 0 0;}
    .ar_tj .a svg{}
    .details1 .ar_tit{margin-bottom: .25rem;}

    .n_container::before{background-size: 280% auto;}

    .fanhui{margin: .1rem auto 0;}
    .ar_tj .ll{ width: 100%; flex: auto}
} 
@media(max-width: 560px){
} 

.ls10 li{padding: 0; border-bottom: 1px dashed rgba(17,102,186,.2);}
.ls10 .a{padding: 0 0;align-items: center;position: relative;z-index: 1;transition: .5s; border-radius: .2rem; overflow: hidden; height: 1.25rem;}
.ls10 .a::before{ content: "";position: absolute;top: -1px; bottom: -1px; left: 0;width: 100%;background: url(../images/ls10_b.jpg) right center no-repeat;background-size: cover;z-index: -1;transition: .5s; opacity: 0;} 
.ls10 .a::after{content: "";position: absolute;top: 50%;width: .27rem;height: .11rem;background: url(../images/ls10_b1.png) right center no-repeat;background-size: cover;transition: .5s;right: .45rem;opacity: 0;}    
.ls10 .time{ margin: 0 .7rem 0 0; transition: .5s; position: relative;}
.ls10 .time::before{content: "";position: absolute;background: url(../images/ls10_t1.png) center no-repeat;width: .07rem;height: .65rem;background-size: cover !important;right: -.36rem;top: 50%;transform: translateY(-50%);}
.ls10 .time h3{font-size: .28rem;color: #1166BA;line-height: 1;}
.ls10 .time h6{font-size: .18rem;color: #1166BA;margin: .08rem 0 0;position: relative;}
.ls10 .txt{flex: 1;overflow: hidden;padding: 0 .7rem 0 0;}
.ls10 h4{ font-size: .2rem}

.ls3 li{ border-bottom: #e8e8e8 1px solid; }
.ls3 .a{ align-items: center; padding: .3rem 0; position: relative; border-radius: .2rem; transition: .5s;}
.ls3 .a::before{ content: ""; position: absolute; left: 0; bottom: -1px; right: 0; top: -1px; background: url(../images/ls3.jpg) center no-repeat; background-size: cover; z-index: -1; opacity: 0; transition: .5s; border-radius: .2rem;}
.ls3 .imgBox{ width: 4.05rem; margin: 0 .3rem 0 0; border-radius: .1rem;}
.ls3 .imgBox .img{ padding-bottom: 56.33%;}
.ls3 .txt{flex: 1;overflow: hidden; order: 1;}
.ls3 h4{ font-size: .2rem;}
.ls3 h6{ align-items: flex-end}
.ls3 h6 big{font-size:.3rem;color: #1166ba;font-weight: bold;line-height: 1;display: inline-block;margin: 0 .1rem 0 0;}
.ls3 h4{margin: .25rem 0 .15rem;}
.ls3 p{ margin: 0 0 .1rem}
.ls3 i{font-size: .3rem;color: #dcdcdc;font-family: 'lib';position: relative;z-index: 1;padding: 0 0 0 .04rem;transition: .5s;}
.ls3 i:after{ content: ""; position: absolute; width: .1rem; height: .1rem; background: #f0f0f0; border-radius: 50vw; left: 0; bottom: .07rem; z-index: -1; transition: .5s;}


 .arc-con img.px50 {
        vertical-align: middle !important;
        display: inline !important;
        margin-right: 10px;
    }


@media(min-width: 769px){
    .ls10 .a:hover{ box-shadow: 0px 2px .26rem 0px rgba(157, 0, 0, 0.2175); padding: 0 .25rem;}
    .ls10 .a:hover::before{ opacity: 1;}
    .ls10 .a:hover .time:before{ background: url(../images/ls10_t2.png) center no-repeat; }
    .ls10 .a:hover *{ color: #FFE7AE}
    .ls10 .a:hover::after{ opacity: 1}

    .ls3 .a:hover{ box-shadow: 0px 2px .26rem 0px rgba(157, 0, 0, 0.2175); padding: .3rem .25rem;}
    .ls3 .a:hover::before{ opacity: 1;}
    .ls3 .a:hover *{ color: #fff;}
    .ls3 .a:hover h4{ color: #FFE7AE}
    .ls3 .a:hover i{ color: #FFE7AE;}
    .ls3 .a:hover i:after{ background: #FFE7AE; opacity: 0.4563;}
    .ls3 .a:hover h6 small, .ls3 .a:hover h6 big{ color: #FFE7AE;}
} 
@media(max-width: 769px){
    .ls10 .time{ margin: 0 15px 0 0;}
    .ls10 .txt{ padding: 0 0 0 0;}
    .ls10 .time h3{ font-size: .22rem;}
    .ls10 .time::before{ display: none;}
    .ls10 .a{ height: .9rem;}
    .ls10 .time h6{ margin: .04rem 0 0; font-size: .14rem;}

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