@charset "utf-8";

.header.on::before{ height: 1.78rem;}

.n_container{min-height: 100vh;position: relative;background: linear-gradient(180deg, #FAFBFF 30%, rgba(255, 255, 255, 0) 100%);padding: .9rem 0;}
.n_container .wp{ max-width: 14rem;width: 80%;}

.n_container .arc-con{ color: #333333;}
.n_container .arc-con p{ text-indent: 2em; font-size: .16rem;}

.n_ej{ position: absolute; left: 5%;}
.n_ej.on{ position: fixed; top: 1.4rem}
.n_ej:before{ content: ""; position: absolute; top: -1rem; bottom: 0; left: 0; width: 1px; background: linear-gradient(180deg, #D8D8D8 0%, rgba(216, 216, 216, 0) 110%);}
.n_ej ul li{ margin-bottom: .12rem;white-space: nowrap;}
.n_ej ul .a{ display: block; position: relative; font-size: .18rem; color: #333333; line-height: 2;padding: 0 .2rem;}
.n_ej ul .a:before{ content: ""; position: absolute; left: 0; width: .04rem; height: 0; background: #253A93; top: 50%; transform: translateY(-50%);transition: .5s;}
.n_ej ul li.on .a:before, .n_ej ul li .a:hover:before{ height: .2rem}
.n_ej ul li.on .a, .n_ej ul li .a:hover{ color: #253A93; font-weight: bold}

.n_ba{ position: relative;}
.n_ba .imgBox .img{ padding-bottom: 33.69%;}
.n_ba .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.n_ba .top .wp{ height: 100%;justify-content: flex-end;padding-bottom: 6%;max-width: 14rem;}
.n_ba .top h3{ font-size: .4rem; color: #fff; font-weight: bold; font-family: Microsoft YaHei; margin: 0 0 .2rem}
.m_bar{ display: flex; align-items: center}
.m_bar *{ font-size: .16rem; color: #fff; line-height: 1.5}
.m_bar img{ height: .19rem; margin: 0 .1rem 0 0}
.m_bar span{ margin: 0 .06rem}

.n_tit1{ border-bottom: 1px solid #D8D8D8; padding: 0 0 .25rem; margin-bottom: .25rem;}
.n_tit1 h3{ font-size: .3rem; color: #253A93; font-family: Microsoft YaHei; font-weight: bold;}
.n_tit1 h4{ font-family: Cormorant Unicase; font-size: .24rem;  text-transform: uppercase; color: #253A93;margin: .1rem 0 0;}

.about .fl1 .wp{ align-items: flex-start;}
.about .fl1 .left{ flex: 1; overflow: hidden;}
.about .fl1 .right{ width: 50.8%; margin: 0 0 0 3.6vw;position: relative;}
.about .fl1 .right:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #253A93; transform: translate(.15rem, -.15rem)}
.about .fl1 .right .imgBox .img{ padding-bottom: 62.35%;}

.n_pad1{ padding: .9rem 0; overflow: hidden;}
.list17{ justify-content: space-between; margin: 0 -.12rem;}
.list17 li{ width: 14.28%; padding: 0 .12rem;}
.list17 .a{ display: flex; height: 1.8rem; border: 1px solid #E8E8E8; border-radius: .08rem;flex-direction: column;justify-content: center;padding: 0 .15rem;text-align: center;}
.list17 h3{ font-family: Georgia; font-size: .48rem; color: #253A93;font-weight: normal;}
.list17 h5{ font-size: .18rem; color: #253A93;margin: .1rem 0 .04rem;}
.list17 h6{ font-size: .16rem; color: #333333; line-height: 20px; height: 40px}

.list17 li:nth-child(2n) .a{ background: #F8F8F8;}

.n_tit2{ position: relative;padding: 0 0 .18rem;margin-bottom: .68rem;}
.n_tit2:before{ content: ""; position: absolute; left: 0; bottom: 0;width: .45rem;height: .04rem;background: #253A93;}
.n_tit2 h3{ font-family: Microsoft YaHei; font-size: 28px; font-weight: bold; color: #253A93;}
.n_tit2 h3 img{ height: .3rem; margin: 0 0 0 .12rem}

.about .fl3 .imgBox .img{ background: none; padding-bottom: 68%;}
.about .fl3 .left{ width: 5rem; margin: 0 3.6vw 0 0;}
.about .fl3 .right{ flex: 1; overflow: hidden;}

.about .fl4 .content{ align-items: center;}
.about .fl4 .left{ flex: 1; overflow: hidden;}
.about .fl4 .right{ width: 4.5rem; margin: 0 0 0 3.6vw;}

.list18{ justify-content: space-between}
.list18 li{ width: 2.04rem; text-align: center;}
.list18 .a{ display: flex; flex-direction: column;  border-radius: 50%;border: 1px solid #D2E2ED;height: 2.04rem;justify-content: center;align-items: center;}
.list18 h3{ font-family: Georgia; font-size: .55rem; font-weight: normal;color: #253A93;}
.list18 h6{ font-size: .16rem; color: #333;margin: .06rem 0 0;}

.about .fl5{ padding-top: 0 !important;}
.about .fl5 .imgBox{ border-radius: .2rem;}
.about .fl5 .imgBox .img{ padding-bottom: 29.46%;}
.about .fl5 .content{ position: relative; margin-bottom: .5rem}
.about .fl5 .content .n_tit2{ position: absolute; background: #fff;right: .25rem;bottom: 0;margin: 0;padding: .4rem .54rem .18rem;width: 52%;}
.about .fl5 .content .n_tit2:before{ left: .54rem}

.about .arc-con p{ margin-bottom: 0}
.about .fl6 .imgBox .img{ background: none; padding-bottom: 101.84%;}
.about .fl6 .left{ width: 5.97rem; margin: 0 0 0 3.6vw;order: 1;}
.about .fl6 .right{ flex: 1; overflow: hidden;}

.about .fl7 .n_tit2{ float: right; margin-bottom: .4rem;}

.about .fl7 .content{ align-items: center;}
.about .fl7 .left{ flex: 1; overflow: hidden;order: 1;}
.about .fl7 .right{ width: 4.3rem; margin: 0 3.6vw 0 0;}

.list19 li{ border-top: 1px solid #EDEDED; padding: .35rem 0;}
.list19 .a{ align-items: center;flex-wrap: nowrap;}
.list19 img{ width: .31rem}
.list19 h6{ font-size: .2rem; color: #333; margin: 0 0 0 .15rem;width: 2.26rem;}
.list19 h3{ font-family: Georgia; font-size: .45rem; font-weight: normal;color: #253A93; }

.about .fl9{ padding: 0 !important;}

.list20{ margin: .5rem -.26rem 0;padding: 0 7%;}
.list20 li{ width: 50%; padding: 0 .26rem;}
.list20 .a{ background: #EDF3F9; height: 1.75rem; padding: 0 .5rem;align-items: center;}
.list20 .ll h4{ font-size: .24rem; color: #000000;}
.list20 .ll h3{ font-size: .3rem; color: #666666;margin: .1rem 0 0;}
.list20 .ll h3 big{ font-family: Georgia; font-size: .45rem; font-weight: normal;color: #9C0606; margin: 0 .12rem 0 0;}
.list20 img{ width: .98rem;}

@media(max-width: 1700px){
    .n_ej{ left: 1.5%}
}

@media(max-width: 1300px){
    .list17 li{ width: 25%;flex: auto;margin-bottom: .2rem;}
}
@media(max-width: 1024px){
    .n_ej{ position: relative !important;left: auto;margin: 0 15px .3rem;top: auto !important;}
    .n_ej ul{ display: flex; flex-wrap: nowrap;overflow: hidden;overflow-x: scroll;}
    .n_ej::before{ display: none}

    .n_ba{ padding: .7rem 0 0;}
    .n_ba .top h3{ font-size: .24rem;margin: 0 0 .1rem;}
    

    .n_container .wp{width: 100%;min-height: 40vh;}

    .list20 .a{ padding: 0 .3rem;}
    .list20{ padding: 0;}

    .n_container{ padding: .4rem 0;overflow: hidden;min-height: auto;}

    .about .fl6 .right{ flex: auto; width: 100%;}
}
@media(max-width: 800px){
    .n_ej ul li{ white-space: nowrap;}
    .n_ej ul .a{ padding: 0 .15rem;}

    .n_container{ padding: .4rem 0}
    .m_bar *{ font-size: .14rem}
    .about .fl1 .left{ flex: auto; width: 100%;}
    .about .fl1 .right{ flex: auto; width: 100%;margin: .4rem 0 0;}
    
    .about .fl3 .left{ max-width: 100%;margin: 0 auto .4rem;}
    .about .fl3 .right{ width: 100%;flex: auto;}
    
    .list17{ margin: 0 -7px}
    .list17 li{ width: 33.33%;flex: auto;padding: 0 7px;}
    .list17 .a{ height: 1.6rem}
    .list17 h3{ font-size: .3rem}
    .list17 h6{ font-size: .14rem;height: auto;}
    
    .n_tit2{ margin-bottom: .3rem}
    
    .about .fl4 .left{ max-width: 100%;margin: 0 auto .4rem;flex: auto;}
    .about .fl4 .right{ max-width: 100%;margin: 0 auto;}

    .list18 h3{ font-size: .4rem;}
    .list18{ justify-content: center}
    .list18 li{ width: 1.5rem;margin: 0 .15rem;}
    .list18 .a{ height: 1.5rem;}

    .about .fl5 .content{ margin-bottom: .25rem}
    .n_tit2 h3{ font-size: .24rem;}
    .about .fl5 .content .n_tit2{ padding: .2rem 0 .18rem;position: relative;background: none;width: 100%;right: auto;}
    .about .fl5 .content .n_tit2::before{ left: 0;}

    
    .about .fl6 .left{ margin: .3rem auto 0;}

    .about .fl7 .n_tit2{ float: none;}

    .about .fl7 .left{ flex: auto;}
    .about .fl7 .right{ max-width: 100%; margin: 0 auto .25rem;}
    .list19 li{ padding: .2rem 0;}
    
    .list19 h3{ font-size: .3rem}

    .n_pad1{ padding: .4rem 0;}

    .n_tit1{ padding: 0 0 .2rem}
    .n_tit1 h3{ font-size: .24rem;}
    .n_tit1 h4{ font-size: .2rem;margin: .06rem 0 0;}
    
    .n_ba .top .wp{ padding-bottom: .3rem;}
    
    .list20 li{ width: 100%; margin-bottom: .25rem}
    .list20 .a{ height: 1rem;}
    .list20 .ll h4{ font-size: .18rem}
    .list20 .ll h3{ font-size: .24rem; margin: .04rem 0 0;}
    .list20 .ll h3 big{ font-size: .3rem}
    .list20 .a img{ height: .6rem; width: .6rem}
    
    .n_container .arc-con p{ font-size: .17rem;}
}
@media(max-width: 560px){
    .list17 li{ width: 50%}
    .list17 .a{ height: 1.25rem}
} 

.n_tit4{ margin-bottom: .4rem;}
.n_tit4 h3{ font-size: .22rem; color: #253A93; font-family: Microsoft YaHei;}

.list21{ margin: 0 -1.45vw;}
.list21 li{ width: 25%; padding: 0 1.45vw; }
.list21 .a{ display: block; position: relative; padding: .14rem .3rem .14rem 0; line-height: .3rem; border-bottom: 1px solid #D8D8D8;font-size: .18rem;color: #000000;transition: .5s;}
.list21 .a:before{ content: ""; position: absolute; bottom: -1px; left: 0; width: 0; height: 1px; background: #253A93;transition: .5s;}
.list21 i{ position: absolute; right: 0; background: url(/images/list21_i1.svg) center no-repeat; background-size: cover;width: .16rem;height: .16rem;top: 50%;margin: -.08rem 0 0;transition: .5s;}

.zuzhi .box{ margin: 0 0 1.2rem}
.zuzhi .box:last-child{ margin: 0 }

@media(min-width: 1024px){
    .list21 .a:hover:before{ width: 100%}
    .list21 .a:hover i{ background: url(/images/list21_i1_on.svg) center no-repeat; background-size: cover;}
    .list21 .a:hover{ color: #253A93}
}
@media(max-width: 1024px){
    

    .list21 li{ width: 50%;}
}
@media(max-width: 800px){
} 
@media(max-width: 560px){
} 

.list22W{ margin: 0 0 .6rem; position: relative; z-index: 1;padding: 0 .8rem;}
.list22W:before{ content: ""; position: absolute; left: 0; right: 0; bottom: .22rem; height: 1px; background: #00479D;}
.list22 li{ text-align: center;}
.list22 .a{ height: 1.06rem; display: flex; flex-direction: column; justify-content:flex-end;}
.list22 h4{ font-size: .18rem; color: #00479D;margin-bottom: .06rem;transition: .5s;}
.list22 .b1{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/chuan.png) center no-repeat; background-size: cover;transform: scale(0);transition: .5s;}
.list22 .ico{ width: .45rem; height: .45rem; border-radius: 50vw;margin: 0 auto; position: relative; z-index: 1}
.list22 .ico .line{ position: absolute; width: 1px; height: .16rem; left: 50%; bottom: .3rem; background: #00479D;margin: 0 0 0 -.5px;transition: .5s;}
.list22 .ico:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #00479D; border-radius: 50vw; transform: scale(.4);transition: .5s; background: #fff}
.list22 .ico:after{ content: ""; position: absolute; top: 50%; left: 50%; background: #00479D; border-radius: 50vw; width: .06rem; height: .06rem; border-radius: 50vw; transform: translate(-50%, -50%)}

.list22 li.swiper-slide-active .b1{ transform: scale(1);}
.list22 li.swiper-slide-active .ico::before{ transform: scale(1)}
.list22 li.swiper-slide-active .ico .line{ transform: translateY(-.15rem);height: .26rem;}
.list22 li.swiper-slide-active h4{ transform: translateY(-.28rem) scale(1.5);}
.list22 li.swiper-slide-active .ico::after{ opacity: 0;}

.list23{ padding: 0 4vw;}
.list23 .box{ margin-bottom: .3rem;}
.list23 .box:last-child{ margin-bottom: 0;}

.list23 li{ opacity: 0; visibility: hidden; transition: .5s; display: none}
.list23 li.active{ opacity: 1; visibility: visible; display: block;}
.list23 h3{ font-size: .18rem; color: #333333; margin-bottom: .15rem;font-weight: normal;}
.n_container .list23 .arc-con p{ text-indent: 0; color: #999999;}

.arrow5{ width: .61rem; height: .61rem; background: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 71, 157, 0.11);display: flex;justify-items: center;align-items: center;position: absolute;top: 50%; display: flex; align-items: center; justify-content: center; border-radius: 50vw;cursor: pointer;transition: .5s;}
.arrow5.prev{ left: 0}
.arrow5.next{ right: 0;}
.arrow5 svg{ width: .21rem; height: .21rem; fill: #00479D; transition: .5s;}

.list24{ margin: 0 -.25rem -.55rem;}
.list24 li{ width: 50%; padding: 0 .25rem; margin-bottom: .55rem;}
.list24 .a{ border: 1px solid #EEEDED; padding: .36rem .4rem .1rem; align-items: center;border-top: #253A93 2px solid; position: relative; z-index: 1; transition: .5s;}
.list24 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/list24_b.jpg) center bottom no-repeat; background-size: 100% 100%; opacity: 0; visibility: hidden; transition: .5s; z-index: -1;}
.list24 .txt{ flex: 1; overflow: hidden;}
.list24 h3{ font-size: .24rem; color: #000000; margin-bottom: .3rem}
.list24 h3 span{ margin: 0 0 0 .3rem}
.list24 .imgBox{ width: 1.66rem; margin: 0 0 0 .4rem}
.list24 .imgBox .img{ padding-bottom: 125.3%}
.list24 .more{ width: 100%; border-top: 1px solid #EBECF1;padding: .15rem 0;display: flex;align-items: center;font-size: .14rem;color: #B7BBCB; margin: .4rem 0 0; transition: .5s; position: relative;}
.list24 .more:after{ content: ""; position: absolute; top: -1px; height: 1px; background: rgba(37, 58, 147, 0.5294); left: 0; width: 0; transition: .5s;}
.list24 .more svg{ width: .12rem; height: .12rem; fill: #B7BBCB; margin: 0 0 0 .1rem; transition: .5s;}

@media(min-width: 1024px){
    .arrow5:hover{ background: #00479D; box-shadow: 0px 0px 10px 0px rgba(0, 71, 157, 0.81); }
    .arrow5:hover svg{ fill: #fff}

    .list24 .a:hover{ border: 1px solid rgba(37, 58, 147, 0.5294); box-shadow: 0px 0px 15px 0px rgba(37, 58, 147, 0.53); border-top: #253A93 2px solid;}
    .list24 .a:hover::before{ opacity: 1; visibility: visible;}
    .list24 .a:hover .more{ color: #253A93;}
    .list24 .a:hover .more svg{ fill: #253A93;}
    .list24 .a:hover .more:after{ width: 100%;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .arrow5{ width: .4rem; height: .4rem; top: 60%;}
    .arrow5 svg{ width: .16rem;}
    .list22W{ padding: 0 .5rem;}
    .list22W{ margin: 0 0 .3rem;}
    .list22 .ico .line{ bottom: .32rem;}
} 
@media(max-width: 560px){
} 

/*====·­Ò³====*/
.j_pages{margin:.8rem auto 0 auto;display: flex;align-items: center;justify-content: center;}
.j_pages .box{text-align: center;display: flex;align-items: center;flex-wrap: wrap;}
.j_pages .box *{font-size: .16rem;}
.j_pages a{padding: 0 .1rem;height: .36rem;line-height: .34rem;display:inline-block;margin: 0 .08rem;box-sizing: border-box;border-radius: 0;transition: .5s;min-width: .36rem;border: #d2d5da 1px solid;color: #9E9E9E;}
.j_pages a font{ padding:0 10px}
.j_pages a:hover, .j_pages a.on{background: #253A93;color:#fff!important;border: #253A93 1px solid;}


@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .j_pages{ margin-top: .4rem;}
    .j_pages a{ display: none; margin: 0 .03rem;}
	.j_pages a.m_bnt{ display: block}

    .list24{ margin-bottom: -.25rem}
    .list24 li{ width: 100%; margin-bottom: .25rem}
    .list24 .a{ padding: .25rem .2rem .05rem;}
    .list24 h3{ font-size: .2rem;margin-bottom: .15rem;}
    .list24 h3 span{ margin: 0 0 0 .1rem}
    .list24 .imgBox{ width: 1.4rem;}
    .list24 .more{ margin: .25rem 0 0}
}
@media(max-width: 560px){
} 

.list25{ margin-top: -.48rem;}
.list25 .a{ padding: .48rem .34rem; position: relative; z-index: 1;align-items: flex-start;}
.list25 .a:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: url(/images/list25_b.jpg) center no-repeat; background-size: cover; opacity: 0; transition: .5s;}
.list25 .a:after{ content: ""; position: absolute; bottom: 0; left: .34rem; right: .34rem; background: #E8E8EE;height: 2px; transition: .5s;}
.list25 .time{ width: .77rem; margin: 0;border-top: #253A93 2px solid;text-align: center;}
.list25 .time h6{ font-size: .16rem; color: #253A93; margin: .1rem 0 .06rem}
.list25 .time h3{ font-size: .32rem; color: #253A93;}
.list25 .imgBox{ width: 2.34rem; margin: 0 0 0 .2rem}
.list25 .imgBox .img{ padding-bottom: 70%}
.list25 .txt{ flex: 1; overflow: hidden; margin: 0 0 0 .4rem}
.list25 h4{ font-size: .24rem}
.list25 p{ color: #999999; margin: .18rem 0 0}

@media(min-width: 1024px){
    .list25 .a:hover:before{ opacity: 1; box-shadow: 0px 0px 10px 0px rgba(0, 71, 157, 0.26);}
    .list25 .a:hover:after{ opacity: 0;}
}
@media(max-width: 1024px){
    .list25 .a{ padding: .35rem 0;}
    .list25 .time{ margin: .1rem 0 0 0;}
    .list25 .a::after{ left: 0; right: 0;}
}
@media(max-width: 800px){
    .list25 .time h3{ font-size: .28rem;}
    .list25 p{ margin: .1rem 0 0;}
    .list25 .txt{ margin: 0 0 0 .25rem}
    .list25 .imgBox{ width: 100%; order: 1; margin: .25rem 0 0}
} 
@media(max-width: 560px){
} 

.list26{ margin: 0 -.37rem;}
.list26 li{ flex: 1; padding: 0 .37rem;flex-direction: column;}
.list26 .a{ display: flex; flex-direction: column;}
.list26 .txt{ margin: 0 .66rem; position: relative; padding: 0 0 .5rem .4rem;}
.list26 .txt:before{ content: ""; position: absolute; left: .12rem; top: .1rem; bottom: 0; width: 1px; background: #1959A6;}
.list26 .txt:after{ content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: .24rem; height: .24rem; background: url(/images/list26_s.svg) center no-repeat;background-size: 100% 100%;}
.list26 h4{ font-size: .2rem; color: #1C2650; font-weight: bold}
.list26 p{ font-size: .16rem; color: #333333; line-height: 2; margin: .12rem 0 0}
.list26 .time{ background: url(/images/list26_s1.png) center no-repeat;width: 1.63rem;height: 1.88rem;background-size: 100% 100%;text-align: center;padding: .3rem 0;}
.list26 h3{ font-size: .22rem; color: #00479D; line-height: .28rem}
.list26 .imgBox{ width: 1.12rem; border-radius: 50vw; border: 3px solid #1959A6; margin: -1rem 0 0 1.1rem; cursor: pointer}
.list26 .imgBox .img{ padding-bottom: 100%}


@media(min-width: 1024px){
    .list26 .a:last-child{ align-self: flex-end;margin: -.65rem 0 0;}

    .list26 .a:last-child .txt{ order: 1;padding: 1rem .4rem 0 0;transform: translateY(-.1rem);}
    .list26 .a:last-child .txt:before{ left: auto; right: .12rem; top: 0; bottom: auto;height: 1.16rem;}
    .list26 .a:last-child .txt:after{ left: auto; right: 0; top: 1rem; }
    .list26 .a:last-child .time{ align-self: flex-end;display: flex;flex-direction: column;justify-content: flex-end;}
    .list26 .a:last-child .imgBox{ align-self: flex-end;transform: translate(.3rem, -1rem);}
}
@media(max-width: 1024px){
    .list26{ overflow: hidden; overflow-x: scroll; padding: 0 .3rem 0 0;flex-wrap: nowrap;}

    .list26 li{ min-width: 8rem;flex-direction: row;}

    .list26 .a{ flex-direction: row;width: 50%;align-items: flex-end;}
    .list26 .imgBox{ margin: 0 0 0 -.3rem;}
}
@media(max-width: 800px){
    .list26 .time{ width: 1rem; height: 1.1rem;margin-bottom: .6rem;}
    .list26 .time h3{ font-size: .18rem; line-height: 1.35}
    .list26 .txt{ margin: 0 .4rem;}
} 
@media(max-width: 560px){
} 

.n_tit3{ position: relative; z-index: 1; margin-bottom: .55rem;}
.n_tit3 h3{ background: url(/images/n_tit3.png) center bottom no-repeat;height: .64rem; background-size: auto 100% !important;font-size: .24rem;color: #253A93;text-align: center;font-weight: bold;line-height: .7rem;font-family: Microsoft YaHei;}

.list27{ padding: 0 .065rem .13rem;}
.list27 li{ width: 25%; padding: 0 .065rem; margin-bottom: .13rem;}
.list27 .a{ display: block; position: relative; z-index: 1; overflow: hidden;}
.list27 .imgBox .img{ padding-bottom: 71.5%;}
.list27 .txt{ background: rgba(12, 33, 117, 0.68);}
.list27 .txt{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex;align-items: center;justify-content: center; opacity: 0; transform: translateY(101%); transition: .5s;}
.list27 .txt:before{ content: ""; position: absolute; top: .2rem; right: .2rem; bottom: .2rem; left: .2rem; border: 1px solid rgba(255, 255, 255, 0.27);}
.list27 h4{ font-size: .2rem; color: #fff !important}
.list27 .more{ width: .32rem;  background: #fff;height: .32rem;display: flex;justify-content: center;align-items: center;position: absolute;right: .2rem;bottom: .2rem;}

.list28{ justify-content: space-between;}
.list28 .a{ display: block; position: relative; overflow: hidden;}
.list28 .txt{ position: absolute; right: 0; bottom: 0; left: 0;display: flex;align-items: center;justify-content: center; height: .54rem; background: rgba(0, 0, 0, 0.7); transform: translateY(.7rem); transition: .5s;}
.list28 h4{ padding: 0 .1rem; font-size: .2rem; color: #fff !important;;}
.list28s1 li:nth-child(1){ width: 44.56%;}
.list28s1 li:nth-child(2){ width: 26.66%;}
.list28s1 li:nth-child(3){ width: 26.66%;}

.list28s1 li:nth-child(1) .imgBox .img{ padding-bottom: 54.30%}
.list28s1 li:nth-child(2) .imgBox .img{ padding-bottom: 90.80%}
.list28s1 li:nth-child(3) .imgBox .img{ padding-bottom: 90.80%}

.list28{ margin: 1% 0 0;}

.list28s2 li:nth-child(1){ width: 26.66%;}
.list28s2 li:nth-child(2){ width: 26.66%;}
.list28s2 li:nth-child(3){ width: 44.56%;}

.list28s2 li:nth-child(1) .imgBox .img{ padding-bottom: 90.80%}
.list28s2 li:nth-child(2) .imgBox .img{ padding-bottom: 90.80%}
.list28s2 li:nth-child(3) .imgBox .img{ padding-bottom: 54.30%}

.piclist .fl2 .n_tit3 h3{ background: url(/images/n_tit3_b1.png) center bottom no-repeat;padding: 0 0 0 .2rem;}

.piclist .fl3{ padding-top: .5rem !important;}
.piclist .fl3 .n_tit3{justify-content: space-between;display: flex;/* width: 3.85rem; */align-items: center;}
.piclist .fl3 .n_tit3 h3{ background: url(/images/n_tit3_b2.png) center bottom no-repeat;padding: 0 0 0 .8rem;min-width: 2.88rem;}

.n_tit3 .a1{ font-size: .16rem; color: #9E9E9E;transition: .5s;}

.piclist .fl3 .left{ width: 54.18%; position: relative;}
.piclist .fl3 .right{ width: 44.36%; position: relative;}
.piclist .contentW{ position: relative; z-index: 1;}
.piclist .content{ justify-content: space-between; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}

.list29.box1{width: 28%;position: absolute;left: 0;top: 41%;}

.list29 .a{display: block;position: relative;overflow: hidden;}
.list29 .txt{ background: rgba(12, 33, 117, 0.68);}
.list29 .txt{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex;align-items: center;justify-content: center; opacity: 0; transform: translateY(101%); transition: .5s; padding: 0 .3rem}
.list29 h4{ font-size: .2rem; color: #fff !important}
.list29 .more{ width: .32rem;  background: #fff;height: .32rem;display: flex;justify-content: center;align-items: center;position: absolute;right: 0;bottom: 0;}
.list29 .imgBox .img{ padding-bottom: 130.66%;}

.list29.box2{width: 33.5%;background: #ff860b;position: absolute;left: 30.75%;top: 33.5%;}
.list29.box2 .imgBox .img{padding-bottom: 60%;}

.list29.box3{width: 33.5%;background: #ff860b;position: absolute;left: 30.75%;top: 54%;}
.list29.box3 .imgBox .img{padding-bottom: 60%;}

.list29.box4{width: 33.5%;background: #ff860b;position: absolute;left: 30.75%;top: 74.5%;}
.list29.box4 .imgBox .img{padding-bottom: 60%;}

.list29.box5{width: 24%;background: #ffbd0b;position: absolute;right: 0;top: 0;}
.list29.box5 .imgLi{padding-bottom: 124.66%;}

.list29.box6{width: 33%;position: absolute;right: 0;top: 31%;}
.list29.box6 .imgBox .img{padding-bottom: 69%;}

.list29.box7{width: 33%;position: absolute;right: 0;top: 54.25%;}
.list29.box7 .imgBox .img{padding-bottom: 73%;}

.list29.box8{width: 33%;position: absolute;right: 0;top: 78.7%;}
.list29.box8 .imgBox .img{padding-bottom: 74%;}

.list29.box9{width: 34%;position: absolute;left: 0;top: 8%;}
.list29.box9 .imgBox .img{padding-bottom: 111%;}

.list29.box10{width: 29.49%;position: absolute;left: 0;top: 38.7%;}
.list29.box10 .imgBox .img{padding-bottom: 127%;}

.list29.box11{width: 40%;position: absolute;left: 0;top: 68.8%;}
.list29.box11 .imgBox .img{padding-bottom: 72%;}

.list29.box12{width: 35%;background: #0b66bb;position: absolute;left: 37.75%;top: 8%;}
.list29.box12 .imgBox .img{padding-bottom: 108%;}

.list29.box13{width: 29.49%;position: absolute;left: 32.5%;top: 38.7%;}
.list29.box13 .imgBox .img{padding-bottom: 127%;}

.list29.box14{width: 34.49%;position: absolute;left: 65%;top: 38.7%;}
.list29.box14 .imgBox .img{padding-bottom: 108%;}


@media(min-width: 1024px){
    .list27 .a:hover .txt{ transform: translateY(0); opacity: 1;}
    .list28 .a:hover .txt{ transform: translateY(0)}
    
    .list29 .a:hover .txt{ transform: translateY(0); opacity: 1;}
    
    .n_tit3 .a1:hover{ color: #253A93} 
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .list27 li{ width: 50%;}
    .n_tit3{ margin-bottom: .3rem}
    .piclist .fl3 .n_tit3{ width: 100%;}
    .n_tit3 h3{ background-size: auto .45rem !important;padding: 0 0 0 .6rem !important;}
    .piclist .fl3 .n_tit3 h3{ min-width: inherit; padding: 0 0 0 .9rem !important;background: url(/images/n_tit3_b2.png) left bottom no-repeat;}
    .piclist .fl3{ padding-top: .3rem !important;}
} 
@media(max-width: 560px){
} 
.list6{ margin: 0 -.08rem .3rem;}
.list6 li{  padding: 0 .08rem; margin-bottom: .18rem;}
.list6 .a{ display: flex; height: .4rem; border: 1px solid #d2d2d2; border-radius: 50vw;align-items: center;justify-content: center;transition: all .5s; position: relative;padding: 0 .15rem;}
.list6 .a:before{ content: ""; position: absolute; top: -.02rem; left: 20%; width: .13rem; height: .03rem; background: #00D4FF; box-shadow: 0px 0px 5px 0px #00D4FF; border-radius: 50vw; transform: translateX(.5rem); opacity: 0; transition: all .5s;}
.list6 .a:after{ content: ""; position: absolute; bottom: -.02rem; right: 20%; width: .13rem; height: .03rem; background: #00D4FF; box-shadow: 0px 0px 5px 0px #00D4FF; border-radius: 50vw; transform: translateX(-.5rem); opacity: 0; transition: all .5s;}
.list6 h3{ font-size: .15rem; color: #333; transition: all .5s;font-weight: normal;}

.list6 li.on .a, .list6 li .a:hover{ border: 1px solid #253A93; background: #253A93;}
.list6 li.on .a h3, .list6 li .a:hover h3{ color: #fff; font-weight: bold;}
.list6 li.on .a:before, .list6 li .a:hover:before{ transform: translateX(0); opacity: 1;}
.list6 li.on .a:after, .list6 li .a:hover:after{ transform: translateX(0); opacity: 1;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
    
}
@media(max-width: 800px){
    .list6{ margin: 0 -.08rem .1rem;}
} 
@media(max-width: 560px){
} 50%; left: 50%; background: #00479D; border-radius: 50vw; width: .06rem; height: .06rem; border-radius: 50vw; transform: translate(-50%, -50%)}

.list22 li.swiper-slide-active .b1{ transform: scale(1);}
.list22 li.swiper-slide-active .ico::before{ transform: scale(1)}
.list22 li.swiper-slide-active .ico .line{ transform: translateY(-.15rem);height: .26rem;}
.list22 li.swiper-slide-active h4{ transform: translateY(-.28rem) scale(1.5);}
.list22 li.swiper-slide-active .ico::after{ opacity: 0;}

.list23{padding: 0 4vw;pointer-events: none;}
.list23 .box{ margin-bottom: .3rem;}
.list23 .box:last-child{ margin-bottom: 0;}

.list23 li{ opacity: 0; visibility: hidden; transition: .5s; display: none}
.list23 li.active{ opacity: 1; visibility: visible; display: block;}
.list23 h3{ font-size: .18rem; color: #333333; margin-bottom: .15rem;font-weight: normal;}
.n_container .list23 .arc-con p{ text-indent: 0; color: #999999;}

.arrow5{ width: .61rem; height: .61rem; background: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 71, 157, 0.11);display: flex;justify-items: center;align-items: center;position: absolute;top: 50%; display: flex; align-items: center; justify-content: center; border-radius: 50vw;cursor: pointer;transition: .5s;}
.arrow5.prev{ left: 0}
.arrow5.next{ right: 0;}
.arrow5 svg{ width: .21rem; height: .21rem; fill: #00479D; transition: .5s;}

.list24{ margin: 0 -.25rem -.55rem;}
.list24 li{ width: 50%; padding: 0 .25rem; margin-bottom: .55rem;}
.list24 .a{ border: 1px solid #EEEDED; padding: .36rem .4rem .1rem; align-items: center;border-top: #253A93 2px solid; position: relative; z-index: 1; transition: .5s;}
.list24 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/list24_b.jpg) center bottom no-repeat; background-size: 100% 100%; opacity: 0; visibility: hidden; transition: .5s; z-index: -1;}
.list24 .txt{ flex: 1; overflow: hidden;}
.list24 h3{ font-size: .24rem; color: #000000; margin-bottom: .3rem}
.list24 h3 span{ margin: 0 0 0 .3rem}
.list24 .imgBox{ width: 1.66rem; margin: 0 0 0 .4rem}
.list24 .imgBox .img{ padding-bottom: 125.3%}
.list24 .more{ width: 100%; border-top: 1px solid #EBECF1;padding: .15rem 0;display: flex;align-items: center;font-size: .14rem;color: #B7BBCB; margin: .4rem 0 0; transition: .5s; position: relative;}
.list24 .more:after{ content: ""; position: absolute; top: -1px; height: 1px; background: rgba(37, 58, 147, 0.5294); left: 0; width: 0; transition: .5s;}
.list24 .more svg{ width: .12rem; height: .12rem; fill: #B7BBCB; margin: 0 0 0 .1rem; transition: .5s;}

@media(min-width: 1024px){
    .arrow5:hover{ background: #00479D; box-shadow: 0px 0px 10px 0px rgba(0, 71, 157, 0.81); }
    .arrow5:hover svg{ fill: #fff}

    .list24 .a:hover{ border: 1px solid rgba(37, 58, 147, 0.5294); box-shadow: 0px 0px 15px 0px rgba(37, 58, 147, 0.53); border-top: #253A93 2px solid;}
    .list24 .a:hover::before{ opacity: 1; visibility: visible;}
    .list24 .a:hover .more{ color: #253A93;}
    .list24 .a:hover .more svg{ fill: #253A93;}
    .list24 .a:hover .more:after{ width: 100%;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .arrow5{ width: .4rem; height: .4rem; top: 60%;}
    .arrow5 svg{ width: .16rem;}
    .list22W{ padding: 0 .5rem;}
    .list22W{ margin: 0 0 .3rem;}
    .list22 .ico .line{ bottom: .32rem;}
} 
@media(max-width: 560px){
} 

/*====·­Ò³====*/
.j_pages{margin:.8rem auto 0 auto;display: flex;align-items: center;justify-content: center;}
.j_pages .box{text-align: center;display: flex;align-items: center;flex-wrap: wrap;}
.j_pages .box *{font-size: .16rem;}
.j_pages a{padding: 0 .1rem;height: .36rem;line-height: .34rem;display:inline-block;margin: 0 .08rem;box-sizing: border-box;border-radius: 0;transition: .5s;min-width: .36rem;border: #d2d5da 1px solid;color: #9E9E9E;}
.j_pages a font{ padding:0 10px}
.j_pages a:hover, .j_pages a.on{background: #253A93;color:#fff!important;border: #253A93 1px solid;}


@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .j_pages{ margin-top: .4rem;}
    .j_pages a{ display: none; margin: 0 .03rem;}
	.j_pages a.m_bnt{ display: block}

    .list24{ margin-bottom: -.25rem}
    .list24 li{ width: 100%; margin-bottom: .25rem}
    .list24 .a{ padding: .25rem .2rem .05rem;}
    .list24 h3{ font-size: .2rem;margin-bottom: .15rem;}
    .list24 h3 span{ margin: 0 0 0 .1rem}
    .list24 .imgBox{ width: 1.4rem;}
    .list24 .more{ margin: .25rem 0 0}
}
@media(max-width: 560px){
} 

.list25{ margin-top: -.48rem;}
.list25 .a{ padding: .48rem .34rem; position: relative; z-index: 1;align-items: flex-start;}
.list25 .a:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: url(/images/list25_b.jpg) center no-repeat; background-size: cover; opacity: 0; transition: .5s;}
.list25 .a:after{ content: ""; position: absolute; bottom: 0; left: .34rem; right: .34rem; background: #E8E8EE;height: 2px; transition: .5s;}
.list25 .time{ width: .77rem; margin: 0;border-top: #253A93 2px solid;text-align: center;}
.list25 .time h6{ font-size: .16rem; color: #253A93; margin: .1rem 0 .06rem}
.list25 .time h3{ font-size: .32rem; color: #253A93;}
.list25 .imgBox{ width: 2.34rem; margin: 0 0 0 .2rem}
.list25 .imgBox .img{ padding-bottom: 70%}
.list25 .txt{ flex: 1; overflow: hidden; margin: 0 0 0 .4rem}
.list25 h4{ font-size: .24rem}
.list25 p{ color: #999999; margin: .18rem 0 0}
.wp textarea,.wp input{
    background: #fff;
    border: 1px solid #ccc;
}

@media(min-width: 1024px){
    .list25 .a:hover:before{ opacity: 1; box-shadow: 0px 0px 10px 0px rgba(0, 71, 157, 0.26);}
    .list25 .a:hover:after{ opacity: 0;}
}
@media(max-width: 1024px){
    .list25 .a{ padding: .35rem 0;}
    .list25 .time{ margin: .1rem 0 0 0;}
    .list25 .a::after{ left: 0; right: 0;}
}
@media(max-width: 800px){
    .list25 .time h3{ font-size: .28rem;}
    .list25 p{ margin: .1rem 0 0;}
    .list25 .txt{ margin: 0 0 0 .25rem}
    .list25 .imgBox{ width: 100%; order: 1; margin: .25rem 0 0}
} 
@media(max-width: 560px){
} 

.list26{ margin: 0 -.37rem;}
.list26 li{ flex: 1; padding: 0 .37rem;flex-direction: column;}
.list26 .a{ display: flex; flex-direction: column;}
.list26 .txt{ margin: 0 .66rem; position: relative; padding: 0 0 .5rem .4rem;}
.list26 .txt:before{ content: ""; position: absolute; left: .12rem; top: .1rem; bottom: 0; width: 1px; background: #1959A6;}
.list26 .txt:after{ content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: .24rem; height: .24rem; background: url(/images/list26_s.svg) center no-repeat;background-size: 100% 100%;}
.list26 h4{ font-size: .2rem; color: #1C2650; font-weight: bold}
.list26 p{ font-size: .16rem; color: #333333; line-height: 2; margin: .12rem 0 0}
.list26 .time{ background: url(/images/list26_s1.png) center no-repeat;width: 1.63rem;height: 1.88rem;background-size: 100% 100%;text-align: center;padding: .3rem 0;}
.list26 h3{ font-size: .22rem; color: #00479D; line-height: .28rem}
.list26 .imgBox{ width: 1.12rem; border-radius: 50vw; border: 3px solid #1959A6; margin: -1rem 0 0 1.1rem; cursor: pointer}
.list26 .imgBox .img{ padding-bottom: 100%}


@media(min-width: 1024px){
    .list26 .a:last-child{ align-self: flex-end;margin: -.65rem 0 0;}

    .list26 .a:last-child .txt{ order: 1;padding: 1rem .4rem 0 0;transform: translateY(-.1rem);}
    .list26 .a:last-child .txt:before{ left: auto; right: .12rem; top: 0; bottom: auto;height: 1.16rem;}
    .list26 .a:last-child .txt:after{ left: auto; right: 0; top: 1rem; }
    .list26 .a:last-child .time{ align-self: flex-end;display: flex;flex-direction: column;justify-content: flex-end;}
    .list26 .a:last-child .imgBox{ align-self: flex-end;transform: translate(.3rem, -1rem);}
}
@media(max-width: 1024px){
    .list26{ overflow: hidden; overflow-x: scroll; padding: 0 .3rem 0 0;flex-wrap: nowrap;}

    .list26 li{ min-width: 8rem;flex-direction: row;}

    .list26 .a{ flex-direction: row;width: 50%;align-items: flex-end;}
    .list26 .imgBox{ margin: 0 0 0 -.3rem;}
}
@media(max-width: 800px){
    .list26 .time{ width: 1rem; height: 1.1rem;margin-bottom: .6rem;}
    .list26 .time h3{ font-size: .18rem; line-height: 1.35}
    .list26 .txt{ margin: 0 .4rem;}
} 
@media(max-width: 660px){
input, textarea, select {
    padding: 0;
    font-family: inherit;
    outline: none;
    resize: none;
    /* background: none; */
    /* border: none; */
    font-size: inherit;
    color: inherit;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
}
} 

.n_tit3{ position: relative; z-index: 1; margin-bottom: .55rem;}
.n_tit3 h3{ background: url(/images/n_tit3.png) center bottom no-repeat;height: .64rem; background-size: auto 100% !important;font-size: .24rem;color: #253A93;text-align: center;font-weight: bold;line-height: .7rem;font-family: Microsoft YaHei;}

.list27{ padding: 0 .065rem .13rem;}
.list27 li{ width: 25%; padding: 0 .065rem; margin-bottom: .13rem;}
.list27 .a{ display: block; position: relative; z-index: 1; overflow: hidden;}
.list27 .imgBox .img{ padding-bottom: 71.5%;}
.list27 .txt{ background: rgba(12, 33, 117, 0.68);}
.list27 .txt{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex;align-items: center;justify-content: center; opacity: 0; transform: translateY(101%); transition: .5s;}
.list27 .txt:before{ content: ""; position: absolute; top: .2rem; right: .2rem; bottom: .2rem; left: .2rem; border: 1px solid rgba(255, 255, 255, 0.27);}
.list27 h4{ font-size: .2rem; color: #fff !important}
.list27 .more{ width: .32rem;  background: #fff;height: .32rem;display: flex;justify-content: center;align-items: center;position: absolute;right: .2rem;bottom: .2rem;}

.list28{ justify-content: space-between;}
.list28 .a{ display: block; position: relative; overflow: hidden;}
.list28 .txt{ position: absolute; right: 0; bottom: 0; left: 0;display: flex;align-items: center;justify-content: center; height: .54rem; background: rgba(0, 0, 0, 0.7); transform: translateY(.7rem); transition: .5s;}
.list28 h4{ padding: 0 .1rem; font-size: .2rem; color: #fff !important;;}
.list28s1 li:nth-child(1){ width: 44.56%;}
.list28s1 li:nth-child(2){ width: 26.66%;}
.list28s1 li:nth-child(3){ width: 26.66%;}

.list28s1 li:nth-child(1) .imgBox .img{ padding-bottom: 54.30%}
.list28s1 li:nth-child(2) .imgBox .img{ padding-bottom: 90.80%}
.list28s1 li:nth-child(3) .imgBox .img{ padding-bottom: 90.80%}

.list28{ margin: 1% 0 0;}

.list28s2 li:nth-child(1){ width: 26.66%;}
.list28s2 li:nth-child(2){ width: 26.66%;}
.list28s2 li:nth-child(3){ width: 44.56%;}

.list28s2 li:nth-child(1) .imgBox .img{ padding-bottom: 90.80%}
.list28s2 li:nth-child(2) .imgBox .img{ padding-bottom: 90.80%}
.list28s2 li:nth-child(3) .imgBox .img{ padding-bottom: 54.30%}

.piclist .fl2 .n_tit3 h3{ background: url(/images/n_tit3_b1.png) center bottom no-repeat;padding: 0 0 0 .2rem;}

.piclist .fl3{ padding-top: .5rem !important;}
.piclist .fl3 .n_tit3{ justify-content: space-between;display: flex;width: 3.85rem;align-items: center;}
.piclist .fl3 .n_tit3 h3{background: url(/images/n_tit3_b2.png) center bottom no-repeat;padding: 0 0 0 .6rem;min-width: 2.88rem;}

.n_tit3 .a1{ font-size: .16rem; color: #9E9E9E;transition: .5s;}

.piclist .fl3 .left{ width: 54.18%; position: relative;}
.piclist .fl3 .right{ width: 44.36%; position: relative;}
.piclist .contentW{ position: relative; z-index: 1;}
.piclist .content{ justify-content: space-between; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}

.list29.box1{width: 28%;position: absolute;left: 0;top: 41%;}

.list29 .a{display: block;position: relative;overfl