@charset "utf-8";
/*·­Ò³Ìõ*/
.pagebar{margin:.8rem auto 0 auto;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.pagebar>.p_t{align-self: flex-start;line-height: .38rem;margin: 0 .04rem;/* min-width: .36rem; */margin-bottom: .1rem;}
.pagebar>.p_goto{margin-bottom: .1rem;padding: 0 .1rem;height: .36rem;}
.p_pages{text-align: center;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}
.pagebar *{font-size: .16rem;white-space: nowrap;}
.pagebar .p_pages span{padding: 0 .1rem;height: .36rem;display: flex;margin: 0 .08rem;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;background: #fff;}
.pagebar span.p_goto:before,.p_pages span:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: #EAEAEA 1px solid;border-radius: 0;z-index: -1;}
.p_pages span a, .pagebar span a{display: flex;align-items: center;border-radius: 0;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;}
.pagebar .p_last + span, .pagebar .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;position: relative; z-index: 1;}
.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: #0030A0; color: #fff!important}
.p_pages span.p_no_d:before{ border: #0030A0 1px solid}

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

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

/* .p_first_d{display:none !important;}
.p_last_d{display:none !important;}
.p_first{display:none !important;}
.p_last{display:none !important;} */

#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9;width: 100%;}
#bnt_back { position: absolute; left: 15px; top: 50%; margin-top: -14px;height: 28px;}
#bnt_back img { height: 28px; vertical-align: top;}
#bnt_back svg { fill: rgb(255, 255, 255); height: 30px; vertical-align: middle; width: 26px; }
#m_n_nav i {position: absolute;top: .06rem;right: 0;font-size: .2rem;color: #666;font-family: "lib";width: .3rem;height: .3rem;display: flex;justify-content: center;align-items: center;}
#m_n_nav i:before{ content: "\e62e";}
#m_n_nav .active i:before{content: "\e62f";}
#m_n_nav h3{font-size: 16px;color: rgb(255, 255, 255);text-align: center;margin: 0 .6rem;line-height: 50px;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#n_n_title{position: relative;background: #0030A0;}
#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 dl{padding: 0 .16rem; display: none;}
#sub_nav_content dl dd {display: block;margin: .06rem 0px;}
#sub_nav_content dl dd a {padding: .05rem 0;display: flex;color: #333;line-height: 1.5;font-size: .16rem;align-items: center;}
#sub_nav_content dl dd.on a { color: #0030A0; }
#sub_nav_content ul {font-size: 0px;overflow: hidden;background: rgb(255, 255, 255);padding: 10px 15px;display: flex;flex-wrap: wrap;background: url(/images/bgbg1.jpg) !important;background-size: .5rem auto !important;}
#sub_nav_content li {position: relative;/* background: #fff; */z-index: 999;min-width: 100%;}
#sub_nav_content li>a {padding: .08rem 0;display: flex;color: #333;line-height: 1.5;font-size: .18rem;align-items: center;}
#sub_nav_content li>.a i { position: absolute; right: 15px; top: 0px; opacity: 0; display: none; }
#sub_nav_content li.title { background: rgb(250, 250, 251); }
#sub_nav_content li.title i { opacity: 1; }
#sub_nav_content li.title_on { background: rgb(250, 250, 251); }
#sub_nav_content li.title_on a { color: #0030A0 border-top: 1px solid rgb(255, 255, 255);}
#sub_nav_content li.title_on a i { color: #0030A0 }
#sub_nav_content li.last a { border-top: 1px solid rgb(248, 248, 248); }
#sub_nav_content li.on>a{color: #0030A0;}

#sub_nav_content dl dd .siji .a2{ padding: .02rem 0 .02rem .18rem; color: #999}

.n_container{ min-height: 50vh;}

@media(max-width: 769px){
    #m_n_nav{ display: block;}
}  

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

.n_ba{ position: relative; overflow: hidden}
.n_ba .imgBox .img{padding-bottom: 32.55%;}
.n_ba .imgBox:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);z-index: 1;height: 2.3rem;}
.n_ba .txt{position: absolute;right: 0;bottom: 0;left: 0;top: 0;}
.n_ba .txt .wp{height: 100%;flex-direction: column;justify-content: center;position: relative;}

.breadcrumb{align-items: center;position: absolute;left: 0;bottom: .3rem;}
.breadcrumb * {font-size: .18rem;color: #fff;transition: .5s}
.breadcrumb .a1{color: #fff;}
.breadcrumb img {width: .22rem;margin: 0 .1rem 0 0;}
.breadcrumb span{margin: 0 .12rem;position: relative;z-index: 1;font-size: .16rem;font-family: simsun;}
.breadcrumb span img{width: .04rem;margin: 0;}
.breadcrumb em {color: #fff;font-style: normal;} 
.breadcrumb *:hover{ color: #fff !important}

.n_container{ padding: .44rem 0 16.66vw; }

.n_left{ width: calc(100% - 3.18rem - .72rem);}
.n_right{ width: 3.18rem; margin: .15rem 0 0; text-align: center; }
.n_right .sticky{position: sticky;top: .3rem; background: url(/images/nav_b1.png) center top no-repeat; background-size: 100% auto; min-height: 10.7rem; padding: .78rem 0 0; }

.ntit1{ background: url(/images/ntit1_b1.svg) center bottom no-repeat; margin-bottom: .32rem; padding: 0 0 .16rem;}
.ntit1 h3{ font-size: .36rem; color: #0030A0; font-weight: normal; letter-spacing: 0.04em;}

.nerji{background: url(/images/nav_b2.png) center bottom no-repeat;background-size: 100% auto;padding: 0 0 20vw;}
.nerji li{ position: relative;}
.nerji li::before{ content: ""; position: absolute; left: .48rem; right: .48rem; bottom: 0; height: 1px; background: #fff;}
.nerji .a{font-size: .2rem;color: #000;line-height: 1.5;display: block;padding: .18rem 0;position: relative;z-index: 1; transition: .5s;}
.nerji .a:before{ content: ""; position: absolute; top: 0;right: 0; bottom: 0; left: 0; z-index: -1; background: url(/images/nerji_b.jpg) center no-repeat; background-size: cover; opacity: 0; transition: .5s;}
.nerji .a:after{ content: ""; position: absolute; top: 0;right: 0; bottom: 0; background: #FF5521; width: .06rem;; opacity: 0; transition: .5s;}

.nerji li dl{padding: .15rem .4rem .25rem .64rem;position: relative;z-index: 1;}
.nerji li dl:before{content: "";position: absolute;border-bottom: #eef2f7 .08rem solid;border-left: transparent .12rem solid;border-right: transparent .12rem solid;top: -.06rem;left: 50%;margin-left: -.12rem;}
.nerji li dl .a1{display: block;font-size: .14rem;color: #333;line-height: 1.5;padding: .05rem 0;text-align: left;padding-left: .24rem;position: relative;}
.nerji li dl .a1:before{content: "";position: absolute;width: .14rem;height: .14rem;background: url(/images/nerji.svg) center no-repeat;background-size: cover;left: 0;top: .08rem;opacity: .37;transition: .5s;}
.nerji li dl .a1:hover, .nerji li dl .a1.on{ color: #0030A0;}
.nerji li dl .a1:hover:before, .nerji li dl .a1.on:before{ opacity: 1}

.nerji li.on .a{ color: #fff;}
.nerji li.on .a:before{ opacity: 1;}
.nerji li.on .a:after{ opacity: 1;}
.nerji .a:hover{ color: #0030A0;}

.ntit2{ margin-bottom: .5rem; }
.ntit2 h3{ font-size: .24rem; color: #0030A0; font-weight: 500; letter-spacing: 0.02em; line-height: 1;}
.ntit2 .line{ align-items: center; margin: .16rem 0 0;}
.ntit2 .line::before{ content: ""; flex: 1; height: 2px; background: #0030A0;}
.ntit2 .line::after{ content: ""; width: .95rem; height: .07rem; background: url(/images/ntit2_b1.svg) center no-repeat; background-size: cover; margin: 0 0 0 .08rem;}

.about .fl1 .right{ width: 5.4rem; float: right; margin: 0 .1rem .1rem .3rem; position: relative; z-index: 1;}
.about .fl1 .right::before{ content: ""; position: absolute; right: 0; bottom: 0; width: .94rem; height: .8rem; background: #FF8E33; transform: translate(.1rem, .1rem);}
.about .fl1 .right .transImg img{ margin: 0 !important;}

.lt12Box{background: rgba(0, 48, 160, 0.76);padding: .44rem .5rem .2rem;backdrop-filter: blur(6px);}
.lt12{display: grid;grid-template-columns: auto auto auto auto;gap: .35rem 1vw;}
.lt12 .a{ align-items: center;}
.lt12 .ll{font-size: .4rem;color: #fff;font-family: Canela Web;/* min-width: 1.3rem; */display: flex;align-items: center;}
.lt12 .spanw{position: relative;color: transparent;}
.lt12 .spanw span{position: absolute;top: 0;left: 0;color: #fff;}
.lt12 .rr{margin: 0 0 0 .1rem;flex: 1;overflow: hidden;}
.lt12 h6{font-size: .12rem;color: rgba(255, 255, 255, 0.6);margin: 0 0 .08rem -.05rem;}
.lt12 p{ font-size: .12rem; color: rgba(255, 255, 255, 0.6);}

.about .fl2{margin-top: -.12rem;background: url(/images/ho5_b.jpg) center top no-repeat;background-size: cover;padding: .8rem .6rem .4rem;}

.lt12Box .dots{justify-content: center;align-items: center;margin: .25rem 0 0;gap: .14rem;}
.lt12Box .dots span{flex: 1;opacity: 1;height: .2rem;margin: 0 !important; position: relative; background: none}
.lt12Box .dots span:before{ content: ""; position: absolute; top: 50%; right: 0; left: 0; height: 1px; background: rgba(255, 255, 255, 0.22); transition: .5s; }
.lt12Box .dots span:after{content: "";position: absolute;top: calc(50% + 1px);right: -.18rem;width: .2rem;height: .2rem;transition: .5s;transform: translateY(-50%);background: url(/images/lt12_b.png) no-repeat center;background-size: 100% 100%;}

.lt12Box .dots span.active:before{ background: #fff}
.lt12Box .dots span.active:before{right: .1rem;width: calc(100% - .1rem);}
.lt12Box .dots span.active + span:before{left: .1rem;width: calc(100% - .1rem);}
.lt12Box .dots span.active:after{ background: url(/images/dots.svg) no-repeat center;background-size: 100% 100%;}

.lt12Box .dots span:last-child::after{ display: none;}

.about .fl3{ padding: .5rem 0 0;}
.about .fl3 .box{ margin: .5rem 0 0;}
.about .fl3 .arc-con{ overflow: hidden;}
.about .fl3 .right{width: 5.4rem;float: left;margin: .15rem .3rem .1rem .1rem;position: relative;z-index: 1;}
.about .fl3 .right::before{content: "";position: absolute;left: 0;bottom: 0;width: .94rem;height: .8rem;background: #0030A0;transform: translate(-.1rem, .1rem);}
.about .fl3 .right .transImg img{ margin: 0 !important;}

.ntit3{ margin-bottom: .25rem; }
.ntit3 h3{ font-size: .28rem; color: #0030A0; font-weight: 400; letter-spacing: 0.02em; line-height: 1;}
.ntit3 .line{ align-items: center; margin: .16rem 0 0; flex: 1; margin: 0 0 0 .2rem;}
.ntit3 .line::before{ content: ""; flex: 1; height: 1px; background: rgba(0, 48, 160, 0.1);}
.ntit3 .line::after{ content: ""; width: .95rem; height: .07rem; background: url(/images/ntit2_b1.svg) center no-repeat; background-size: cover; margin: 0 0 0 .08rem;}

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

.nt1 li{ border-bottom: 1px solid #E5E7EE;}
.nt1 .a{ align-items: flex-start; position: relative; z-index: 1; padding: .45rem 0;}
.nt1 .a::before{ content: ""; position: absolute; top: 0; right: -.3rem; left: -.3rem; bottom: 0; background: url(/images/nt1_b.jpg) center no-repeat; background-size: cover; box-shadow: 0px 14px 16px 14px rgba(0, 48, 160, 0.19); z-index: -1; border-bottom: #0030A0 .04rem solid; opacity: 0; transition: .5s;}
.nt1 .imgBox{ width: 2.8rem; margin: 0 .32rem 0 0;}
.nt1 .imgBox .img{ padding-bottom: 64.28%;}
.nt1 .txt{ flex: 1; overflow: hidden; padding: .04rem 0 0;}
.nt1 .tit1{ font-size: .2rem; color: #0030A0; font-weight: 600;}
.nt1 .tit2{ font-size: .24rem; color: #0030A0; font-weight: 600; margin: .08rem 0 .25rem}

@media(min-width: 769px){
    .nt1 .a:hover:before{ opacity: 1;}
}
@media(max-width: 769px){
    .n_container{ overflow: hidden;}
    .breadcrumb{ display: none;}
    .n_ba .imgBox .img{padding-bottom: 40%;}
    .n_ba .imgBox:after{ height: .7rem; display: none;}
    .n_left{ width: 100%;}
    .n_right{ width: 100%;}

    .about .fl1 .right{width: 100%;margin-right: 0;margin-bottom: .2rem;}
    .lt12Box{ padding: .25rem 15px;}
    .lt12 .ll{font-size: .24rem;}
    .lt12 p, .lt12 h6{font-size: .13rem;}
    .lt12{ grid-template-columns: auto auto;gap: .15rem 3vw;}
    .about .fl2{ padding: .4rem 15px .2rem}
    .about .fl3{ padding: .25rem 0 0;}
    .about .fl3 .box{ margin: .3rem 0 0;}
    .ntit3 h3{font-size: .22rem;}
    .about .fl3 .right{width: 100%;margin-right: 0;margin-bottom: .2rem;}
    .n_right{ display: none;}
    .ntit2{ margin-bottom: .3rem; }
    .ntit2 h3{ font-size: .2rem;}

    .nt1 .a{ padding: .2rem 0;}
    .nt1 .imgBox{ width: 100%; margin: 0 0 .2rem;}
    .nt1 .txt{ flex: auto; width: 100%;}
    .nt1 .tit2{ margin: .04rem 0 .15rem}

    .nt1 .tit1{ font-size: .16rem;}
    .nt1 .tit2{ font-size: .2rem;}

    .nt1 li:nth-child(1) .a{ padding-top: 0;}
}

.nt2 li{ margin-bottom: .42rem;}
.nt2 .a1{position: relative;padding: .3rem 0 .3rem .34rem;background: url(/images/nt2_b1.svg) left center no-repeat;background-size: auto .57rem;border-bottom: rgba(0, 48, 160, 0.1) 1px solid;align-items: center;cursor: pointer;}
.nt2 .a1 .line{ align-items: center; position: absolute; top: 0; right: 0; left: 0;}
.nt2 .a1 .line::before{ content: ""; flex: 1; height: 2px; background: #0030A0;}
.nt2 .a1 .line::after{ content: ""; width: .95rem; height: .07rem; background: url(/images/ntit2_b1.svg) center no-repeat; background-size: cover; margin: 0 0 0 .08rem;}
.nt2 .a1 h4{ font-size: .24rem; color: #0030A0; font-weight: 500;}
.nt2 .a1 p{ font-size: .2rem; color: #222222; line-height: 1.5; margin: .04rem 0 0;}
.nt2 .a{ flex: 1; overflow: hidden;}
.nt2 i{transition: .5s;margin: 0 .1rem;cursor: pointer;width: .17rem;}
.nt2 li.on i{ opacity: 0;}

.nt2 .box{ padding: .35rem 0; display: none;}
.nt2 dl{margin: 1px 0;padding: .3rem;}
.nt2 dl:nth-child(2), .nt2 dl:nth-child(4){ background: #F8FAFC}
.nt2 dl:nth-child(3){ background: #F1F5F9}
.nt2 dl dt{ font-size: .2rem; color: #0030A0; width: 1.21rem; line-height: .32rem; padding: .02rem 0;}
.nt2 dl .dd{ flex: 1; overflow: hidden; position: relative; padding: 0 0 0 .44rem; }
.nt2 dl .dd::before{ content: ""; position: absolute; top: .1rem; bottom: .1rem; left: 0; width: 1px; background: rgba(0, 48, 160, 0.1); transition: .5s; } 
.nt2 dl dd{ width: 25%; padding: .02rem 0;}
.nt2 dl dd .a2{ font-size: .16rem; color: #333333; line-height: .32rem; margin: 0 .12rem 0 0;}
.nt2 dl dd span{ font-size: .15rem; color: #999999; line-height: .32rem;}
.nt2 dl .dd1{ flex-direction: column;}

.nt2 dl .dd:hover::after{ opacity: 1;}

.nt2 li:nth-child(1) .a1 .line{ display: none;}

@media(max-width: 769px){
    .nt2 .a1{ padding: .2rem 0 .2rem .24rem;}
    .nt2 .a1 h4{ font-size: .2rem; }
    .nt2 .a1 p{ font-size: .16rem;}

    .nt2 dl{ margin-bottom: .25rem}
    .nt2 dl dt{width: 100%;font-size: .18rem;}
    .nt2 dl .dd{ flex: auto; width: 100%; padding: 0 0 0 .15rem; margin: .1rem 0 0}
    .nt2 dl dd{ width: 50%}
    .nt2 .box{ padding: .2rem 0}
    .nt2 dl dd .a2{ font-size: .15rem; }
    .nt2 dl dd span{ font-size: .14rem;}
    .nt2 i{ width: .12rem}
    .nt2 li{ margin-bottom: .25rem;}
}

.ntit4{ text-align: center;}
.ntit4 h3{ font-size: .36rem; color: #0030A0; font-weight: 500; letter-spacing: 0.02em; line-height: 1; padding: .2rem 0;}
/* .ntit4 .line{ align-items: center; margin: .16rem 0 0;}
.ntit4 .line::before{ content: ""; flex: 1; height: 2px; background: #0030A0;}
.ntit4 .line::after{ content: ""; width: .95rem; height: .07rem; background: url(/images/ntit2_b1.svg) center no-repeat; background-size: cover; margin: 0 0 0 .08rem;} */

.maodian{ position: relative; top: -.7rem}

.nt3 li{ margin-bottom: .42rem;}
.nt3 .a1{position: relative;padding: .3rem 0 .3rem .34rem;background: url(/images/nt3_b1.svg) left center no-repeat;background-size: auto .4rem;border-bottom: rgba(0, 48, 160, 0.1) 1px solid;align-items: center;}
.nt3 .a1 .line{ align-items: center; position: absolute; top: 0; right: 0; left: 0;}
.nt3 .a1 .line::before{ content: ""; flex: 1; height: 2px; background: #0030A0;}
.nt3 .a1 .line::after{ content: ""; width: .95rem; height: .07rem; background: url(/images/ntit2_b1.svg) center no-repeat; background-size: cover; margin: 0 0 0 .08rem;}
.nt3 .a1 h4{font-size: .24rem;color: #0030A0;font-weight: 600;line-height: .4rem;}
.nt3 .a1 p{ font-size: .2rem; color: #222222; line-height: 1.5; margin: .04rem 0 0;}
.nt3 .a{ flex: 1; overflow: hidden;}
.nt3 i{transition: .5s;margin: 0 .1rem;cursor: pointer;width: .17rem;}
.nt3 li.on i{ opacity: 0;}

.nt3 .box{padding: .35rem 0;}

.nt3 dl{ display: grid; grid-template-columns: repeat(4, 1fr); gap: .26rem .26rem;}
.nt3 dl dd{min-width: 0;background: #f6f7fa url(../images/nt3_b2.png) center no-repeat; background-size: cover; padding: 0 .1rem 0 .25rem;position: relative; z-index: 1;}
.nt3 dl dd::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(/images/nt3_b3.png) center bottom no-repeat;background-size: 100% auto;z-index: -1;opacity: 0;transition: .5s;transform: translateY(.2rem);}
.nt3 dl dd::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/nt3_b2s.png) center no-repeat; background-size: cover; z-index: -1; opacity: 0; transition: .5s;}
.nt3 dl dd .a{ display: flex;align-items: center; height: .98rem; }
.nt3 dl dd .a span{ display: inline-block; font-size: .2rem; color: #222; line-height: .28rem; padding: 0 0 0 .2rem; position: relative; transition: .5s;}
.nt3 dl dd .a span::before{ content: ""; position: absolute; width: .05rem; height: .05rem; background: #0030A0; border-radius: 50vw; top: .12rem; left: 0; transition: .5s;}

@media(min-width: 769px){
    .nt3 dl dd:hover::before, .nt3 dl dd:hover::after{ opacity: 1; }
    .nt3 dl dd:hover .a span{ color: #fff;}
    .nt3 dl dd:hover .a span::before{ background: #fff;}
}
@media(max-width: 769px){
    .nt3 dl{grid-template-columns: repeat(1, 1fr);gap: .15rem 15px;}
    .nt3 dl dd .a{ height: auto; padding: .15rem 0;}
    .ntit4 h3{ font-size: .24rem;}
    .nt3 .a1 h4{ font-size: .22rem;}
    .nt3 .a1{background-size: auto .3rem;padding: .2rem 0 .2rem .34rem;}
    .nt3 dl dd .a span{ font-size: .18rem}
    .nt3 .box{padding: .2rem 0;}
    .nt3 li{ margin-bottom: .25rem;}
}

.nt4{background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);padding: .3rem .7rem 1rem;border: 1px solid;border-image: linear-gradient(180deg, #E1E1E1 0%, rgba(225, 225, 225, 0) 100%) 1;}
.nt4 li{border-bottom: rgba(0, 48, 160, 0.08) 1px solid;padding: .32rem 0;align-items: center;}
.nt4 .ll{font-size: .2rem;color: #0030A0;width: 2.4rem;padding: .08rem .2rem .08rem 0;line-height: .24rem}
.nt4 .rr{ position: relative; padding: 0 0 0 .4rem; flex: 1; overflow: hidden;}
.nt4 .rr:before{ content: ""; position: absolute; width:1px; left: 0; top: 0; bottom: 0; background: rgba(0, 48, 160, 0.19); }
.nt4 .rr .a{font-size: .2rem;color: #020101;line-height: .4rem;transition: .5s;display: block;}

@media(min-width: 769px){
    .nt4 .rr .a:hover{ color: #0030A0;}
}
@media(max-width: 769px){
    .nt4{ padding: .2rem 15px .5rem;}
    .nt4 li{padding: .15rem 0;align-items: flex-start;}
    .nt4 .ll{/* width: 100%; */padding: .08rem .1rem .08rem 0;width: 2.2rem;}
    .nt4 .rr{/* flex: auto; *//* width: 100%; */padding: 0 0 0 .25rem;}
    .nt4 .ll{font-size: .18rem;width: 1.1rem;}
    .nt4 .ll br{ display: none}
    .nt4 .rr .a{font-size: .18rem;}
}

.nt5 li{ padding: .23rem 0; border-bottom: 1px solid #E5E7EE;}
.nt5 .a{ align-items: center; position: relative; z-index: 1; padding: .24rem 0;}
.nt5 .a::before{ content: ""; position: absolute; top: 0; right: -.27rem; left: -.27rem; bottom: 0; background: url(/images/nt1_b.jpg) center no-repeat; background-size: cover; box-shadow: 0px 14px 16px 14px rgba(0, 48, 160, 0.19); z-index: -1; border-bottom: #0030A0 .04rem solid; opacity: 0; transition: .5s;}
.nt5 .imgBox{ width: 3.36rem; margin: 0 .32rem 0 0;}
.nt5 .imgBox .img{ padding-bottom: 61.60%;}
.nt5 .time{ width: .82rem; height: .82rem; background: url(/images/nt5_t1.svg) center no-repeat; background-size: cover; position: absolute; top: 0; left: 0; z-index: 2; flex-direction: column; justify-content: center; align-items: center; flex-direction: column; transition: .5s;}
.nt5 .time h3{ font-size: .36rem; color: #fff; line-height: 1;}
.nt5 .time h6{ font-size: .16rem; color: #fff; line-height: 1; margin: .04rem 0 0;}
.nt5 .txt{ flex: 1; overflow: hidden; padding: .04rem 0 0;}
.nt5 i{ display: inline-block; width: .56rem; height: .56rem; background: url(/images/nt5_s1.svg) center no-repeat; background-size: cover; float: right;}
.nt5 i img{ opacity: 0; transition: .5s;}
.nt5 h4{ font-size: .24rem;}
.nt5 p{ font-size: .16rem; line-height: .28rem; margin: .24rem 0 .04rem;}

.nt5s li{ padding: 0;}
.nt5s .a{ align-items: flex-start; padding: .36rem 0;}
.nt5s .time{ position: relative; margin: 0 .28rem 0 0;}
.nt5s .txt{ padding: .04rem 0 0 .2rem; position: relative;}
.nt5s .txt::before{ content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 1rem; background: #DFE5EB;}

@media(min-width: 769px){
    .nt5 .a:hover:before{ opacity: 1;}
    .nt5 .a:hover i img{ opacity: 1;}
    .nt5 .a:hover .time{ background: url(/images/nt5_t2.svg) center no-repeat; background-size: cover;}
}
@media(max-width: 769px){
    .nt5 li:nth-child(1){ padding-top: 0;}
    .nt5 .a{ padding: 0;}
    .nt5 .imgBox{ width: 100%; margin: 0 0 .2rem;}
    .nt5 .txt{ flex: auto; width: 100%;}
    .nt5 i{ float: inherit; width: .4rem; height: .4rem;}
    .nt5 p{ margin: .14rem 0 .1rem;}
    .pagebar .p_pages span{ margin: 0 .04rem; margin-bottom: .1rem;}
    .nt5 .time{ width: .7rem; height: .7rem;}
    .nt5 .time h3{ font-size: .26rem; }
    .nt5 .time h6{ font-size: .13rem;}

    .nt5s .txt{ flex: 1; width: auto;}
    .nt5s .a{ padding: .25rem 0;}
    .nt5s .time{ margin: 0 .2rem 0 0;}

    .nt5 h4{white-space: normal;}
}

.ntit5{ text-align: center; margin-bottom: .4rem;}
.ntit5 h3{ font-size: .36rem; color: #000000;}

.nt6{ display: grid; grid-template-columns: repeat(5, 1fr); gap: .24rem .24rem; }
.nt6 li{ min-width: 0;}
.nt6 .a{ display: block; background: #fff; border: 1px solid #F4F9FB; transition: .5s;}
.nt6 .imgBox .img{ padding-bottom: 45.45%;}
.nt6 img{object-fit: contain;max-width: 70%;max-height: 70%;left: 50%;top: 50%;transform: translate(-50%, -50%) !important;!i;!;}

.nbg2{background: url(/images/nbg1.png) center bottom no-repeat, url(/images/nbg2.jpg) center top no-repeat;background-size: 100% auto;}

@media(min-width: 769px){
    .nt6 .a:hover{ border: 1px solid #0030A0; box-shadow: 0px 15px 15px 0px rgba(0, 48, 160, 0.3);}
}
@media(max-width: 769px){
    .nt6{ grid-template-columns: repeat(2, 1fr); gap: .15rem 15px; }

    .ntit5{ margin-bottom: .25rem;}
    .ntit5 h3{ font-size: .24rem; }
}

.nt7{ display: grid; grid-template-columns: repeat(3, 1fr); gap: .34rem .38rem;}
.nt7 li{ min-width: 0;}
.nt7 .a{ display: block; background: #FCFCFC; border: 1px solid #F3F3F3; padding: .15rem;}
.nt7 .imgBox .img{ padding-bottom: 65.9%;}
.nt7 .time{ width: .64rem; height: .64rem; background: url(/images/nt5_t1.svg) center no-repeat; background-size: cover; position: absolute; top: 0; left: 0; z-index: 2; flex-direction: column; justify-content: center; align-items: center; flex-direction: column; transition: .5s;}
.nt7 .time h3{ font-size: .3rem; color: #fff; line-height: 1;}
.nt7 .time h6{ font-size: .12rem; color: #fff; line-height: 1; margin: .04rem 0 0;}
.nt7 .txt{ padding: .2rem 0 .1rem;}
.nt7 i{ align-items: center; font-size: .16rem; color: #0030A0;;}
.nt7 i img{ width: .13rem; margin: 0 .07rem 0 0;}
.nt7 .line{ margin: .24rem 0 .15rem; width: 100%; height: 1px; background: #E8E8E8;}

@media(min-width: 769px){
    .nt7 .a:hover .time{ background: url(/images/nt5_t2.svg) center no-repeat; background-size: cover;}
}
@media(max-width: 769px){
    .nt7{ grid-template-columns: repeat(1, 1fr); gap: .15rem;}
}

.pxyw .fl1{ margin-bottom: .5rem;}

.h3-1{ background: url(/images/h3-1.svg) center no-repeat; background-size: 100% auto; text-align: center; margin-bottom: .44rem;}
.h3-1 span{ font-size: .3rem; color: #0030A0; font-weight: 500; padding: 0 .2rem; background: #fff;}

.h3-2{ align-items: center; font-size: .18rem; color: #222222; font-weight: 600; margin: 0 0 .15rem;}
.h3-2 img{ width: .33rem; margin: 0 .1rem 0 0;}

.nt8{ display: grid; grid-template-columns: repeat(2, 1fr); gap: .22rem .22rem; margin: .3rem 0 0;}
.nt8 li{ min-width: 0;}
.nt8 .txt{ padding: .2rem .25rem;}

@media(min-width: 769px){
    
}
@media(max-width: 769px){
    .nt8{ grid-template-columns: repeat(1, 1fr); gap: .15rem;}
    .h3-1{ margin-bottom: .25rem;}
    .h3-1 span{ font-size: .24rem;}
    .pxyw .fl1{ margin-bottom: .25rem;}
    .h3-2 img{ width: .24rem; margin: 0 .1rem 0 0;}
}

.h3-2s{ align-items: center; font-size: .32rem; color: #222222; font-weight: 600; margin: 0 0 .15rem;}
.h3-2s img{ width: .33rem; margin: 0 .1rem 0 0;}

.sstj .fl1 .content{ width: 11.78rem; max-width: 100%; margin: 0 auto;}

.nt9Box{ margin: .28rem 0;}
.nt9 .imgBox .img{ padding-bottom: 53.14%;}
.nt9 .imgBox::after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 61%, rgba(0,0,0,.8) 100%);height: 2.5rem;pointer-events: none;}
.nt9 .txt{position: absolute;right: 0;bottom: 0;left: 0;padding: 0 .6rem .25rem;z-index: 2;align-items: center}
.nt9 h4{font-size: .3rem;flex: 1;color: #fff !important;}

.nt10 .imgBox .img{ padding-bottom: 62.86%;}

.sstj .fl1{ padding: 0 0 .9rem;}
.sstj .fl2{ position: relative; padding: .36rem 0 0; background: url(/images/sstj_b2.png) center top no-repeat; background-size: 100% auto;}

.arr4{ width: .56rem; height: .56rem; position: relative; cursor: pointer; z-index: 2;}
.arr4::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/arr4_p.svg) center no-repeat; background-size: cover !important;}
.arr4::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/arr4_ps.svg) center no-repeat; background-size: cover !important; opacity: 0; transition: .5s;}

.nt9Box .arr4.prev1{left: .3rem;position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;}
.nt9Box .arr4.next1{right: .3rem;position: absolute;top: 50%;transform: translateY(-50%) rotateY(180deg);z-index: 2;}

.nt11W{ position: relative; margin: .3rem 0 0;}
.nt11W .arr4.prev1{left: 0;position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;}
.nt11W .arr4.next1{right: 0;position: absolute;top: 50%;transform: translateY(-50%) rotateY(180deg);z-index: 2;}

.swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-left{ display: none;}

.nt11Box{margin: -1.5rem 0;padding: 1.5rem 0;}
.nt11 li{ width: 7.4rem; max-width: 100%;}
.nt11 .txt{ padding: .35rem 0; position: absolute; top: 100%; width: 100%; left: 0;}
.nt11 h4{ font-size: .24rem; text-align: center; opacity: 0; transition: .5s;}

.nt11 .swiper-slide-active h4{ opacity: 1;}

.sstj .fl3{ padding: 1.2rem 0 0;}
.sstj .fl3 .content{ width: 10.8rem; max-width: 100%; margin: .8rem auto 0;}
.sstj .fl3 .left{width: 35.18%;align-self: flex-end;padding: 0 0 .24rem;}
.sstj .fl3 .line{ width: 1px; background: #D8D8D8;}
.sstj .fl3 .right{ width: 61.94%; }
.sstj .fl3 .left .nt12{ margin: -.05rem 0;}
.sstj .fl3 .left .nt12 li{ padding: .05rem 0;}
.sstj .fl3 .right .nt12{ margin: -.13rem 0; }
.sstj .fl3 .right .nt12 li{ padding: .13rem 0; position: relative;}
.sstj .fl3 .right .nt12 li:nth-child(1)::before{content: "";position: absolute;bottom: -1px;height: 1px;left: -.15rem;background: #D8D8D8;right: 0;}

.sstj .fl3 .right .nt12 li:nth-child(2){ width: 3.8rem}

.nt12 .a{ display: block; position: relative;}
.nt12 .txt{ position: absolute; right: 0; left: 0; bottom: 0; z-index: 2;}
.nt12 h4{ font-size: .24rem; color: #fff !important; line-height: 1.25;}

.left .nt12 li:nth-child(1) .txt{ width: .76rem; height: .76rem; background: #FF8E33; align-items: center; justify-content: center; display: flex; padding: 0 .12rem; text-align: center;}
.left .nt12 li:nth-child(2) .txt{ width: auto; height: .53rem; background: #4570D4; align-items: center; justify-content: center; display: flex; padding: 0 .15rem; text-align: center; top: 0; bottom: auto; left: auto;}

.right .nt12 li:nth-child(1) .txt{ background: #0030A0; padding: .2rem .3rem;}
.right .nt12 li:nth-child(2) .txt{ width: .76rem; height: .76rem; background: #FF5722; align-items: center; justify-content: center; display: flex; padding: 0 .12rem; text-align: center;}

.sstj .n_left{ position: relative; z-index: 1; }
.sstj .n_left::before{content: "";position: absolute;top: 0;right: -.5rem;bottom: 0;left: -.5rem;background: url(/images/sstj_b1.png) center 84% no-repeat;background-size: 100% auto;z-index: -1;}

@media(min-width: 769px){
    .arr4:hover::after{ opacity: 1;}
}
@media(max-width: 769px){
    .h3-2s{ font-size: .24rem}
    .arr4{ width: .44rem; height: .44rem;}
    .nt9Box .arr4.prev1{ left: .15rem;}
    .nt9Box .arr4.next1{ right: .15rem;}
    .nt9 .txt{ padding: 0 15px .15rem;}

    .sstj .fl1{ padding: 0 0 .4rem;}

    .h3-2s img{ width: .24rem; margin: 0 .1rem 0 0;}
    .sstj .fl2{ padding: 0;}
    .nt11Box{margin: 0 0;padding:0 0;}
    .sstj .fl3{padding: .3rem 0 0;}

    .sstj .fl3 .content{ margin: .4rem auto 0;}

    .sstj .fl3 .left{ width: 100%}
    .sstj .fl3 .right{ width: 100%}
    .sstj .fl3 .right .nt12 li:nth-child(2){ width: 100%}
    .sstj .fl3 .line{ display: none}
    .right .nt12 li:nth-child(1) .txt{ padding: .15rem 15px;}
    .nt11 .txt{position: relative;padding: .15rem 0 0;}
    .sstj .fl3 .right .nt12 li:nth-child(1)::before{ display: none}
}

.lsyg .content{ text-align: center;}
.lsyg .content .middle{overflow: hidden;height: 0px; margin: -.05rem 0;}
.lsyg .content .middle img{ max-height: inherit}
.lsyg .content .top, .lsyg .content .bottom{ position: relative; z-index: 1;}