@charset "utf-8";
/*翻页条*/
.pagebar{margin: .5rem auto 0 auto;display: flex;align-items: center;justify-content: center;}
.pagebar>.p_t{align-self: flex-start;line-height: .38rem;}
.p_pages{text-align: center;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}
.pagebar *{font-size: .14rem;white-space: nowrap;}
.p_pages 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_pages span:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #e5e5e5 1px solid; border-radius: .04rem; z-index: -1}
.p_pages 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_pages svg{width: .16rem;height: .16rem; transition: .5s;}
.p_pages .p_last + span, .p_pages .p_last + span + span{padding: 0;margin-right: -.05rem;}
.p_pages .p_goto + span{ padding: 0;}
.p_pages .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 a:hover, .p_pages a.on, .p_goto a:hover{background: #045AAE;color:#fff!important;}
.p_pages a:hover svg{ fill: #fff}
.p_goto a:hover::before{ border: #045AAE 1px solid;}

.img.light.imges img {
    object-fit: contain;
}

h4.l1.h4s1.li4 {
    width: 170px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.li5 {width: 100%;display: flex;justify-content: center;}
@media(max-width: 769px){
    .pagebar{ margin: .4rem auto 0;}
} 

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

.pad2{padding: .4rem 0 .6rem;/* overflow: hidden; */background: #EFF7FD;}

.n_left{width: 3.2rem;position: relative;z-index: 10;padding: 0;}
.n_right{width: calc(100% - 3.2rem);padding: 0 0 0 .6rem;}
.yj{height: .72rem;display: flex;align-items: center;justify-content: center;padding: 0 15px;position: relative;background: url(../images/yj_b.jpg) center bottom no-repeat;background-size: cover;z-index: 10;margin-top: calc(-.72rem - .4rem);}

.yj h2{font-size: .22rem;color: #fff;line-height: 1.75;font-weight: normal;}
.erji{background: #fff;padding: 0;}

.erji li *{ transition: .5s;}
.erji li .a{display: flex;align-items: center;text-align: center;font-size: .18rem;color: #333;position: relative;z-index: 1;padding: 0;height: .62rem;justify-content: center;}
.erji li .a:before{content: "";position: absolute;bottom: 0;left: .28rem;right: .28rem;background: #D3E3F3;height: 1px; transition: .5s}
.erji li .a i{font-size: .22rem;color: #fff;font-family: 'lib';position: absolute;right: .2rem;opacity: 0;}
.erji li.on .a:before, .erji li:hover .a:before{  opacity: 0;}
.erji li.on a:hover{background: #1079cd;color: #fff;}
.erji li.on .a i, .erji li:hover .a i{ opacity: 1}
.erji li:last-child .a:before{ display: none}

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

.n_tit1{margin-bottom: .5rem;position: relative; border-bottom: 1px solid rgba(0,70,137,.3);}
.n_tit1 h3{font-size: .22rem;color: #333;padding: 0 0 .2rem;display: flex;align-items: baseline;justify-content: space-between;position: relative;margin-bottom: -2px;font-weight: normal;}
.n_tit1 h3 font{ color: #004689;}

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

.mianbao{display: flex;align-items: center;padding: 0;justify-content: flex-end;}
.mianbao *{font-size: .16rem;color: #666;font-style: normal;line-height: 1.5;font-weight: normal;transition: .5s;}
.mianbao img{width: .22rem;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: #035DB5;border-top: #0065c5 1px solid;}
#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: #035DB5;}
#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_ba .imgBox .img{padding-bottom: 25%;}
@media(min-width: 1024px){
}
@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_container{overflow: hidden;padding: .4rem 0 .5rem;margin: 0;}
    .n_ba{ margin: 0.7rem 0 0;}
    .n_ba .imgBox .img{padding-bottom: 25%;}

    .pagebar{ margin: .4rem auto 0; justify-content: center;}
    .pad2{ overflow: hidden}
} 
@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: #045cb5;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: .2rem 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 1vw;}
.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 #004689;padding: .58rem 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: .2rem;color: #333;line-height: 1.7;margin: .1rem 0;transition: .5s;max-width: 42%;}
.ar_tj .a span{display: flex;width: 1.14rem;height: .44rem;border-radius: .06rem;background: #004689;align-items: center;justify-content: center;font-size: .18rem;color: #fff;transition: .5s;}
.ar_tj .a:nth-child(2){ text-align: right}

.details1 .ar_tit{padding: .3rem 0;margin-bottom: .2rem;}
.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: #019192;} 
    .ar_tj .a:hover span{ background: #C4A461}
}
@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: .1rem 0;max-width: 100%;width: 100%;text-align: left !important;}

    .details1 .content{padding: 0;}
    .ar_tit .con .ll{ margin: .15rem 0 0;}
    
} 

.n_sj{margin: 0 -7px .3rem;justify-content: center;}
.n_sj li{padding: 0 7px;margin-bottom: .2rem}
.n_sj .a{display: inline-block;line-height: .4rem;background: #ffffff;min-width: 1.2rem;padding: 0 .2rem;text-align: center;border-radius: 50vw;transition: .5s;font-size: .16rem;color: #035DB5;border: #1079cd 1px solid;}
.n_sj .a:hover, .n_sj li.on .a{background: #1079cd;color: #fff;}

@media(max-width: 769px){
    .n_sj{margin: 0 -7px .1rem;}
    .n_sj .a{line-height: .4rem;min-width: 1.2rem;font-size: .16rem;padding: 0 .15rem}
    .n_sj li{ padding: 0 7px}
} 

.h3-1{ margin-bottom: .3rem; font-size: .24rem; color: #333; font-weight: bold;}
.ls3 .a{height: .6rem;border-bottom: #e0ebf2 1px solid;align-items: center;position: relative;padding: 0 0 0 .2rem;}
.ls3 .a::before{content: "";width: .06rem;height: .06rem;border-radius: 50%;background: #025eb5;position: absolute;top: 50%;left: 0;margin: -.03rem 0 0;}
.ls3 h4{flex: 1;}
.ls3 h6{ margin: 0 0 0 .2rem; width: auto; font-size: .14rem !important;}

.ls1 dl{ margin: 0 -.21rem;}
.ls1 dd{ width: 33.33%; padding: 0 .21rem; margin-bottom: .4rem;}
.ls1 .a{ display: block; border: 1px solid #BED7EE; padding: .13rem; transition: .5s;}
.ls1 .imgBox .img{ padding-bottom: 35.92%;}
.ls1 h4{font-size: .22rem;color: #333333;font-weight: 600;padding: .15rem 0;text-align: center;margin: .1rem 0 0;}

@media(min-width: 769px){
    .ls1 .a:hover{ border: #F7A32C solid 1px;}
}

@media(max-width: 769px){
    .ls1 dl{ margin: 0 -7px;}
    .ls1 dd{ width: 50%; padding: 0 7px; margin-bottom: .2rem;}
    .ls1 h4{ padding: 0;}
    .tit1 .ll i:before{ width: 1.5rem;}
    .ls1 .a{ padding: .06rem;}
}

.ls1s1 .a{ padding: 0; border: none;}
.ls1s1 .imgBox .img{ padding-bottom: 60%;}
.ls1s1 h4{margin: .06rem 0 0;font-size: .14rem;}

.ls1s1 dd{ margin-bottom: .15rem;}

@media(min-width: 769px){
    .ls1s1 .a:hover{ border: none;}
}
@media(max-width: 769px){
    
}

.wtsqk .fl1{ position: relative; z-index: 1; padding: 1.26rem 0 .9rem; overflow: hidden;}
.wtsqk .fl1::before{content: "";position: absolute;top: 0;left: 0;bottom: 1.96rem;width: 100%;background: url(../images/wtsqk_b1.jpg) center no-repeat;background-size: cover;z-index: -1;}
.wtsqk .fl1 .wp{ align-items: flex-start;}
.wtsqk .fl1 .left{ width: 4.82rem;}
.wtsqk .fl1 .right{ width: calc(100% - 4.82rem - .5rem); padding: .2rem 0 0;}
.wtsqk .fl1 .right h4{ font-size: .4rem; color: #fff; margin-bottom: .3rem;}
.wtsqk .fl1 .arc-con p{color: #fff;text-indent: 0;margin-bottom: 0.3rem;}

.more2{display: flex;width: 1.15rem;height: .36rem;border-radius: .18rem;background: #0957A2;font-size: .16rem;color: #fff;transition: .5s;justify-content: center;align-items: center;margin: .2rem 0 0;}

.h3-2{ font-size: .36rem; color: #333333; margin-bottom: .2rem; font-weight: normal;}
.h3-2 a{ font-size: .16rem; color: #0957A2;}

.wtsqk .fl2{ background: url(../images/wtsqk_b2.jpg) center no-repeat; background-size: cover; padding: .72rem 0; overflow: hidden;}
.wtsqk .fl3{ padding: .72rem 0; overflow: hidden;}

.ls5 li{ border-bottom: 1px solid rgba(151,151,151,.2); padding: .3rem 0;}
.ls5 h4{ font-size: .2rem;}
.ls5 .bottom{ align-items: center; margin: .15rem 0 0;}
.ls5 .ll{ font-size: .18rem; color: #666666;;}
.ls5 h6{ width: auto; font-size: .18rem; color: #0957A2;}

.ls6s li{ padding: .15rem 0}
.ls6s .a{ align-items: center}
.ls6s .time{background: url(../images/ls6_b.svg) center no-repeat;background-size: cover;width: .84rem;height: 1rem;flex-direction: column;justify-content: center;align-items: center; margin: 0 .24rem 0 0}
.ls6s .time h3{ font-size: .28rem; color: #0957A2; font-weight: normal; line-height: 1}
.ls6s .time h6{ font-size: .12rem; color: #0957A2; margin-bottom: .04rem}
.ls6s .txt{ flex: 1; overflow: hidden}
.ls6s h4{ font-size: .2rem;}
.ls6s p{ margin: .1rem 0 0}

@media(min-width: 769px){
    .ls5 .a:hover *{ color: #0957A2;}
}
@media(max-width: 769px){
    .wtsqk .fl1 .left{width: 100%;padding: 0 20%;}
    .wtsqk .fl1 .right{ width: 100%; padding: .3rem 0 0;}

    .wtsqk{ padding: 0;}
    .wtsqk .fl1{padding: .5rem 0 .3rem;}
    .wtsqk .fl1 .right h4{ font-size: .26rem; margin-bottom: .2rem}
    .wtsqk .fl1::before{bottom: 1.3rem;}

    .wtsqk .fl2, .wtsqk .fl3{ padding: .4rem 0}

    .h3-2{font-size: .26rem;margin-bottom: .1rem;}
    .ls5 li{ padding: .15rem 0}

    .ls5 .bottom{ margin: .1rem 0 0;}
    .ls5 .ll{ font-size: .16rem;}
    .ls5 h6{ font-size: .16rem; }
    .ls6s li{ padding: .1rem 0}
}

.ls4 li{border-bottom: #e9e9e9 1px solid;margin-bottom: .08rem;padding: .15rem 0;}
.ls4 i{ font-size: .2rem; color: #dedede; font-family: 'iconfont'; margin: 0 .1rem 0 0; transition: .5s;}
.ls4 .a{ align-items: center}
.ls4 .ll, .ls4 h4{flex: 1;overflow: hidden;align-items: center;}
.ls4 h6{ width: auto; margin: 0 0 0 .15rem}

.index4{ padding-top: 0 !important;}

.ls5 .imgBox .img{ padding-bottom: 81.96%;}

.index3-4{ background: url(../images/wawa.png) center 36% no-repeat; background-size: 100% auto; }

@media(min-width: 769px){
    .ar1:hover svg{ fill: #1079cd; opacity: 1;}

    .more1:hover{ color: #1079cd;}

    .ls4 .a:hover i{ color: #1079cd;}
}