@charset "utf-8";
body{ background: #f5f5f7;}
/*翻页条*/
.pagebar{margin:.8rem 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: .16rem;white-space: nowrap;}
.p_pages span{padding: 0 .14rem;height: .41rem;display: flex;margin: 0 .05rem;box-sizing: border-box;border-radius: 0;min-width: .41rem;color: #222222;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: #dedede 1px solid;border-radius: .08rem;z-index: -1}
.p_pages span a{display: flex;align-items: center;border-radius: .08rem;justify-content: center;margin: 0 -.14rem;height: 100%;width: calc(100% + .28rem);padding: 0 .14rem;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 span.p_next, .p_pages span.p_last, .p_pages span.p_first_d, .p_pages span.p_prev_d{ color: #969696}
.p_pages span.p_next a, .p_pages span.p_last a, .p_pages span.p_first_d a, .p_pages span.p_prev_d a{ color: #969696}

.p_pages span.p_no_d{border-radius: .08rem;background: #cbcbcb;color: #fff!important}
.p_pages span.p_no_d:before{ border: #cbcbcb 1px solid}

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

@media(max-width: 769px){
    .pagebar{ margin: .4rem auto 0;}
    .p_pages span{height: .36rem;padding: 0 .1rem;min-width: .36rem;}
    .p_pages span a{ margin: 0 -.1rem;width: calc(100% + .2rem);padding: 0 .1rem;}
} 

.n_ba{ position: relative}
.n_ba .imgBox .img{padding-bottom: 31.25%;}
.n_ba .txt{position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.n_ba .txt .wp{height: 100%;flex-direction: column;justify-content: center;align-items: flex-start;}
.n_ba .txt h6{font-size: .25rem;color: #fff;margin: .5rem 0 0;font-style: italic;align-items: baseline;filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.25));line-height: 1;}
.n_ba .txt h6 .big{ font-size: .52rem; margin: 0 .06rem 0 0}
.n_ba .txt h6 .big span{font-size: .95rem;text-transform: capitalize;}
.n_ba .txt h3{font-size: .82rem;color: #fff;line-height: 1;font-style: italic;padding: 0 0 0 .6rem;position: relative;filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.25));}
.n_ba .txt h3:before{content: "";position: absolute;width: .45rem;height: .04rem;background-image: linear-gradient( 90deg, rgb(5,123,233) 0%, rgb(4,201,115) 100%);top: 50%;margin: -1px 0 0;left: 0;}

.n_ejW{border-bottom: rgba(208,208,208,.5) 1px solid;}

.n_ej li{position: relative;margin-bottom: -1px;/* background: #fff; */margin-right: .56rem;}
.n_ej li .a{display: flex;align-items: center;justify-content: center;height: .72rem;font-size: .2rem;color: #333333;position: relative;z-index: 1;transition: .5s;}
.n_ej li .a:before{content: "";position: absolute;bottom: -1px;left: 0;width: 0;height: 4px;transition: .5s;z-index: -1;background-image: linear-gradient( 90deg, rgb(5,123,233) 0%, rgb(4,201,115) 100%);}
.n_ej li:last-child:before{ display: none}

.n_ej li.on .a:before, .n_ej li:hover .a:before{ width: 100%}
.n_ej li.on .a{ font-size: .24rem; color: #0059b1; font-weight: bold}
.n_ej li:hover .a{ color: #0059b1; }

#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9;width: 100%;background: #115eb3;}
#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: 0;right: 15px;font-size: .2rem;color: #666;font-family: simsun;font-style: normal;width: .3rem;height: .3rem;display: flex;justify-content: center;align-items: center;}
#m_n_nav h1 {font-size: 16px;color: rgb(255, 255, 255);text-align: center;margin: 0px;line-height: 50px;font-weight: normal;}
#n_n_title{  position: relative;}
#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: #115eb3; height: 30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #115eb3; }
#sub_nav_content ul li.on a { color: #115eb3; }
#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: #333;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: #115eb3 border-top: 1px solid rgb(255, 255, 255);}
#sub_nav_content dt.title_on a i { color: #115eb3 }
#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: #115eb3;}
#sub_nav_content dd {display: none;width: 100%;/* display: flex; */}
#sub_nav_content dd .box { padding: 0px; }
#sub_nav_content dd a {padding: 0px 25px;line-height: 30px;font-size: 12px;color: #999;display: block;height: 30px;}
#sub_nav_content dd a.on { color: #115eb3; }

.breadcrumb{align-items: center;margin: .15rem 0 0;}
.breadcrumb * {font-size: .14rem;color: #fff;transition: .5s}
.breadcrumb .a1{color: #fff;}
.breadcrumb img {width: .12rem;margin: 0 .08rem 0 0;}
.breadcrumb span{margin: 0 .05rem;position: relative;z-index: 1;font-family: 'lib';}
.breadcrumb span img{width: .04rem;margin: 0;}
.breadcrumb .ll em {color: #115eb3;}

.pad1{ padding: .8rem 0 2.5rem; overflow: hidden;}

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

.about .left{width: 7.86rem;margin: 0 .75rem 0 0;}
.about .right{ flex: 1; overflow: hidden;}
.about .fl1 .wp{align-items: flex-end;}
.about .fl2{ padding: .7rem 0 0;}

.n_b2{background: url(../images/h6_b.png) center calc(100% + 1px) no-repeat;background-size: 100% auto;}

@media(min-width: 769px){
}
@media(max-width: 769px){
    .n_ejW{ display: none;}
    .n_ba .txt h6{font-size: .14rem;}
    .n_ba .txt h3{font-size: .24rem;margin: .3rem 0 0;padding: 0 0 0 .3rem;}
    .n_ba .txt h3:before{ width: .24rem}
    .n_ba .imgBox .img{padding-bottom: 47%;}
    #m_n_nav{ display: block}
    .n_pad1{ padding: .4rem 0 .5rem; overflow: hidden;}

    .pad1{padding: .5rem 0 .7rem;}

    .about .left{ width: 100%; margin: 0 0 .25rem}
    .about .right{ width: 100%; flex: auto}

    .about .fl2{ padding: .24rem 0 0;}
}

.n_b3{ background: #f5f5f7 url(../images/n_b3.jpg) center top no-repeat; background-size: 100% auto;}

.tit1{position: relative;margin-bottom: .45rem;align-items: center;}
.tit1 .ll{ padding: 0 0 0 .36rem; position: relative;}
.tit1 .ll::before{content: "";position: absolute;background: url(../images/tit1.svg) center no-repeat;width: .22rem;height: .22rem;background-size: cover;left: 0;top: .1rem;}
.tit1 h3{font-size: .4rem;color: #0059b1;font-weight: bold;line-height: 1.08;}
.tit1 h6{ font-size: .16rem; color: #4f4f4f; text-transform: capitalize}

.ar_tit{position: relative;z-index: 1;margin: 0 0 .35rem;text-align: center;border-bottom: 1px solid #d2d4d8;padding: 0 0 .3rem;}
.ar_tit h3{font-size: .36rem;color: #333;line-height: 1.35;margin: 0 auto;padding-bottom: .2rem;}
.ar_tit .con .ll{justify-content: center;}
.ar_tit .con .ll p{font-size: .2rem;color: #9b9da1;line-height: .24rem;display: flex;flex-wrap: wrap;align-items: center;margin: 0 1vw;}
.ar_tit .con .ll p img{width: .18rem;margin: 0 .1rem 0 0}


.ar_tj{border-top: 1px solid #d6d6d7;padding: .3rem 0;position: relative;z-index: 1;margin: .6rem 0 0;}
.ar_tj .a{display: block;font-size: .24rem;color: #666666;line-height: 1.5;margin: .1rem 0;transition: .5s;}

.n_b4{background: url(../images/n_b4.png) center 77% no-repeat;background-size: 100% auto;}

.more2{position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 1.84rem;height: .54rem;align-items: center;justify-content: center;border: #929292 1px solid;border-radius: 50vw;font-size: .24rem;color: #999;transition: .5s;}
.more2 svg{width: .28rem;height: .28rem;fill: #999;margin: 0 .06rem 0 0;transition: .5s;}

@media(min-width: 769px){
    .more2:hover{ border: #0059b1 1px solid; background: #0059b1; color: #fff;}
    .more2:hover svg{ fill: #fff}
}
@media(max-width: 769px){
    .ar_tit h3{ font-size: .22rem;}
    .ar_tit .con .ll p{margin: 0 .1rem;font-size: .15rem;}
    .ar_tj .a{ font-size: .16rem; }
    .ar_tj{ margin: .3rem auto 0; padding: .25rem 0 0}

    .arc-con p{ margin-bottom: .24rem;}
    .more2{position: relative;top: auto;left: 50%;transform: translateX(-50%);width: 1.5rem;height: .44rem;font-size: .18rem;margin-top: .2rem;}
    .more2 svg{width: .2rem;height: .2rem;}
}

.miso_form2{width: 4.55rem;margin: 0 0 0 .15rem;max-width: 100%;position: relative;}
.miso_form2 .input-group .sub{position:absolute;right: .1rem;top:0;width: .3rem;height: 100%;overflow:hidden;background:0 0;cursor: pointer;border-radius: 0 .16rem .16rem 0;}
.miso_form2 .input-group .sub:after{content:'';position:absolute;top:0;bottom:0;left:0;z-index:0;right:0;background: url(../images/sers.png) no-repeat left center;background-size: .18rem .18rem;}
.miso_form2 .input-group .inp{height: .54rem;border:0;border-right:0;padding-right: .5rem;width:100%;padding-left: .26rem;background: #fff;border-radius: 50vw;font-size: .24rem;border: #b8d2ec 1px solid;background: rgba(255,255,255,.5);font-weight: 300;}

.nt1 li{ border-bottom: rgba(85,85,85,.1) 1px solid;}
.nt1 .a{align-items: center;padding: .44rem 0;position: relative;z-index: 1;}
.nt1 .a::before{content: "";position: absolute;top: -1px;right: -.54rem;bottom: -1px;left: -.52rem;background: url(../images/nt1_b.jpg) center no-repeat;background-size: cover;z-index: -1;border-radius: .1rem;box-shadow: 0px 12px 16px 0px rgba(0, 0, 0, 0.08);opacity: 0;transition: .5s;pointer-events: none;}
.nt1 .a::after{content: "";position: absolute;top: 0;right: -.54rem;bottom: 0;left: -.54rem;background: url(../images/nt1_b1.png) center top no-repeat;background-size: 100% auto;z-index: -1;border-radius: .1rem;transform: translateY(100%); opacity: 0; transition: .5s}
.nt1 .left{ width: 1.56rem;}
.nt1 .time h6{ font-family: 'Bahnschrift'; font-weight: bold; font-size: .16rem; color: rgba(102,102,102,.66); align-items: center; transition: .5s;}
.nt1 .time h6::after{content: "";flex: 1;height: 1px;background: rgba(102,102,102,.66);margin: 0 0 0 .06rem;}
.nt1 .time h3{font-family: 'Bahnschrift';font-weight: bold;font-stretch: condensed;font-size: .6rem;color: #686868;line-height: 1; transition: .5s;}
.nt1 .txt{flex: 1;overflow: hidden;border-left: rgba(0,0,0,.2) 1px dashed;padding: .13rem 0 .13rem .32rem;}
.nt1 h4{ font-size: .28rem;}
.nt1 p{margin: .2rem 0 0;font-size: .2rem;color: #999;line-height: .36rem;max-height: .72rem\0;}

@media(min-width: 769px){
    .nt1 .a:hover::before, .nt1 .a:hover::after{ opacity: 1}
    .nt1 .a:hover .time h6{ color: rgba(146,146,146,.66);}
    .nt1 .a:hover p{ color: rgba(92,116,141,.66);}
    .nt1 .a:hover .time h3{ background: linear-gradient(to top, #04c973, #057be9);-webkit-background-clip: text;background-clip: text; color: transparent;}
}
@media(max-width: 769px){
    .n_ba .txt h6 .big{ font-size: .26rem}
    .n_ba .txt h6 .big span{ font-size: .5rem}
    
    .miso_form2{display: block;order: 1;margin: .25rem 0 0;width: 100%;max-width: inherit;}
    .miso_form2 .input-group .inp{font-size: .18rem;height: .45rem;}
    .tit1{margin-bottom: .25rem;}
    .tit1 .ll{ padding: 0 0 0 .24rem;}
    .tit1 .ll::before{width: .14rem;height: .14rem;background-size: cover;top: .08rem;}
    .tit1 h3{ font-size: .26rem;}
    .tit1 h6{ font-size: .12rem;}

    .nt1 .a{ padding: .25rem 0}

    .nt1 .left{width: .8rem;}
    .nt1 .time h3{font-size: .32rem;}
    .nt1 .txt{ padding: 0 0 0 .2rem}
    .nt1 p{margin: .1rem 0 0;}
}

.yxcz .left1{width: 1rem;position: relative;}
.yxcz .left1:before{ content: ""; position: absolute; right: 0; top: .4rem; bottom: 0; border-right: #e5e5e7 1px dashed}
.yxcz .right1{ width: calc(100% - 1rem); padding: 0 0 0 .4rem;}

.lt19{justify-content: space-between;margin: .35rem 0 0;padding: 0;text-align: center;}
.lt19 li{text-align: center;position: relative; padding-bottom: .2rem; margin-bottom: .1rem}
.lt19 li:before{ content: ""; position: absolute; left: 50%; bottom: 0; width: .4rem; height: 1px; background: #d8d8d8; transform: translateX(-50%)}
.lt19 .ico{width: .54rem;height: .54rem;position: relative;z-index: 1;margin: 0 auto;}
.lt19 .ico img{ width: 100%; height: 100%; transition: .5s;}
.lt19 .ico .i2{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
.lt19 h6{font-size: .2rem;color: #222222;margin: .1rem 0 0;}

.lt19 li.on .ico .i1, .lt19 li:hover .ico .i1{ opacity: 0;}
.lt19 li.on .ico .i2, .lt19 li:hover .ico .i2{ opacity: 1;}
.lt19 li.on h6, .lt19 li:hover h6{ color: #0059b1}

.nt2 .a::before{ left: -.3rem;}
.nt2 .a::after{ right: -.3rem;}
.nt2 .a{ padding: .38rem 0;}
.nt2 .top{align-items: flex-end;margin-top: -.2rem;}
.nt2 .top .ico{ width: .54rem; height: .54rem; margin: 0 .06rem 0 0;}
.nt2 .top .ico img{ width: 100%;}
.nt2 .top h4{ flex: 1;}

.yxcz .wp{ align-items: flex-start;}

@media(max-width: 769px){
    .yxcz .left1{ width: 100%}
    .yxcz .right1{width: 100%;padding: .15rem 0 0;}

    .lt19{width: 100%;display: flex;flex-wrap: wrap;margin: 0;}
    .lt19 li{width: 20%;margin-bottom: 0;padding-bottom: .15rem;}
    .lt19 li:before{ display: none}

    .lt19 .ico{width: .44rem;height: .44rem; }
    .lt19 h6{ font-size: .18rem}
    .nt2 .top{ margin: -.1rem 0 0}
    .nt2 .top .ico{ width: .36rem; height: .36rem}

    .nt2 .a{ padding: .25rem 0}
}

.gszl .arc-con p{ text-indent: 0;}
.gszl ul.nt1{margin: .6rem 0 0;border-top: rgba(85, 85, 85, .1) 1px solid;}

.n_b5{ background: url(../images/n_b5.png) center bottom no-repeat; background-size: 100% auto;}
.n_b6{background: url(../images/n_b6.png) center 50% no-repeat;background-size: 100% auto;}

.nt1s .a::before{background: url(../images/nt1s_b.jpg) center no-repeat; background-size: cover;}

.tit1 .cc{flex: 1;overflow: hidden;padding: 0 5vw 0 0;}

.n_sanji{ margin: 0 -.12rem}
.n_sanji li{padding: 0 .12rem;margin-bottom: .2rem;}
.n_sanji li .a{width: 1.5rem;height: .48rem;border: #b8d2ec 1px solid;border-radius: 50vw;align-items: center;justify-content: center;font-size: .22rem;color: #666666;transition: .5s;background: #fafafb;}
.n_sanji li.on .a{border: #0059b1 2px solid;background: #0059b1;color: #fff !important;!i;!;font-weight: bold;}

.qysl{align-items: center;font-size: .2rem;color: #666666;margin: 0 .6rem 0 .15rem;}
.qysl img{ width: .28rem; margin: 0 .1rem 0 0}

.nt3{ border-top: rgba(102,102,102,.2) 1px solid;}
.nt3 li{ border-bottom: rgba(102,102,102,.2) 1px solid;}
.nt3 .top{ height: .98rem; align-items: center;}
.nt3 .top .ll{font-size: .36rem;color: rgba(102,102,102,.36);font-family: 'Bahnschrift';line-height: 1;padding: .05rem 0 0;transition: .5s;min-width: .36rem;}
.nt3 .top .cc{flex: 1;overflow: hidden;padding: 0 .22rem;}
.nt3 .top .cc h4{font-size: .28rem;color: #666666;transition: .5s;}
.nt3 .top .rr{font-size: .32rem;color: #666666;font-family: 'lib';cursor: pointer;transition: .5s;}
.nt3 .bottom{padding: 0 0 .3rem;display: none;}
.nt3 .bottom dl{ margin: 0 -7px}
.nt3 .bottom dl dd{ width: 33.33%; padding: 0 7px; margin-bottom: .3rem}
.nt3 .bottom dl dd .a{align-items: flex-start;}
.nt3 .bottom dl dd i{display: inline-block;width: .3rem;height: .19rem;background: url(../images/nt3_i1.png) center no-repeat;background-size: .3rem .19rem !important;margin: .08rem .1rem 0 0;transition: .5s;}
.nt3 .bottom dl dd h4{font-size: .22rem;color: #666666;line-height: 1.5;flex: 1;overflow: hidden;transition: .5s;}

.nt3 li.on .top .ll{ color: #0059b1}
.nt3 li.on .top .rr{color: #0059b1;transform: rotate(90deg);}
.nt3 li.on .top .cc h4{ color: #0059b1}
.nt3 li .bottom dl dd a:hover i{ background: url(../images/nt3_i2.png) center no-repeat;}
.nt3 li .bottom dl dd a:hover h4{ color: #0059b1}

@media(min-width: 769px){
    .n_sanji li .a:hover{ color: #0059b1}
}
@media(max-width: 769px){
    .tit1 .cc{flex: auto;width: 100%;padding: 0;order: 1}

    .n_sanji{ margin: 0 -7px}
    .n_sanji li{width: 50%;padding: 3.5px 7px;}
    .n_sanji li .a{width: 100%;font-size: .18rem;}
    .qysl img{ width: .2rem}
    .qysl{font-size: .16rem;margin: .1rem 0 0 0;}
    .nt3 .top .ll{font-size: .24rem;min-width: .24rem;}
    .nt3 .top .cc h4{font-size: .18rem;}
    .nt3 .top .rr{ font-size: .24rem}

    .nt3 .top{ height: .6rem}

    .nt3 .bottom dl dd{width: 100%;margin-bottom: .15rem;}
    .nt3 .bottom dl dd i{transform: scale(.7);margin: .04rem .1rem 0 0;}
    .nt3 .bottom dl dd h4{ font-size: .18rem}
    .nt3 .bottom{padding: .1rem 0 .15rem;}

    .gszl ul.nt1{margin: .3rem 0 0;}

}

.nt4{position: relative;z-index: 1;overflow: hidden;}
.nt4::before{content: "";position: absolute;top: 0;left: 3.15rem;bottom: 0;width: 1px;background: #cfcfcf;}
.nt4::after{content: "";position: absolute;top: 0;border-left: transparent .125rem solid;border-right: transparent .125rem solid;border-bottom: #0059b1 .125rem solid;left: 3.03rem;}
.nt4 .a{align-items: center;position: relative;}
.nt4 .a:before{content: "";position: absolute;left: 2.8rem;width: .35rem;top: 0;bottom: 0;background: url(../images/nt4.png) top center repeat-y;background-size: 100% auto}
.nt4 .a:after{content: "";position: absolute;left: 2.8rem;width: .36rem;top: 50%;height: .02rem;background: #dadadb}
.nt4 .ll{width: 3.16rem;display: flex;position: relative;}
.nt4 .ll:after{content: "";position: absolute;width: .17rem;height: .17rem;border: #0059b1 2px solid;border-radius: 50vw;background: #f4f5f8;right: -.08rem;top: 50%;transform: translateY(-50%);z-index: 1;}
.nt4 .ll span{display: flex;justify-content: flex-end;min-width: 2.6rem;font-size: .48rem;color: #343434;}
.nt4 .rr{width: calc(100% - 3.16rem);padding: .4rem 0 .4rem .8rem; position: relative;}
.nt4 .rr:before{ content: ""; position: absolute; left: .8rem; right: 0; bottom: 0; height: 1px; background: #dddddd}
.nt4 .rr h4{font-size: .36rem;color: #0059b1;font-weight: 600;line-height: 1.5;}
.nt4 .rr .arc-con{ color: #222222; line-height: 1.5; margin-top: .26rem;}
.nt4 .rr .arc-con p{ font-size: .24rem; }

.nt4 li:nth-child(1) .a:before{ top: 50%;}
.nt4 li:last-child{ margin-bottom: -.4rem}
.nt4 li:last-child .rr:before{display: none;}

@media(max-width: 769px){
    .nt4 .ll{width: 100%;padding: 0 0 0 .3rem;}
    .nt4 .rr{width: 100%;padding: .05rem 0 .3rem .3rem;}
    .nt4::before{ left:.1rem}
    .nt4::after{ left: 0}
    .nt4 .ll span{justify-content: flex-start;font-size: .24rem;}
    .nt4 .ll:after{left: .05rem;width: .1rem;height: .1rem;right: auto;}
    .nt4 .rr h4{ font-size: .24rem}

    .nt4 .rr .arc-con{ margin: .15rem 0 0}

    .nt4{padding: .25rem 0 0;}
    .nt4 .a{padding: .25rem 0 0;}
    .nt4 .a:before, .nt4 .a:after{ display: none}
    .nt4 .rr:before{ left: .3rem}
    .nt4 .rr .arc-con p{ font-size: .18rem; }
}

.cybj .content{ position: relative;}
.cybj .content .imgBox{ border-radius: .1rem;}
.cybj .content .imgBox .img{ padding-bottom: 43.71%;}
.cybj .txt{ position: absolute; z-index: 1; top: 47%; right: .68rem; width: 5.36rem; background: rgba(255,255,255,.75); transform: translateY(-50%); border-radius: .1rem; padding: .52rem; min-height: 4.8rem;}

.cybj .arc-con{color: #222222;line-height: 2;}
.cybj .content .arc-con{ padding: .2rem 0 0;position: relative;z-index: 1;}
.cybj .content .arc-con::before{content: "";position: absolute;left: 0;top: 0;width: .3rem;height: .04rem;background: #0059b1;}
.cybj .arc-con p{ font-size: .24rem; text-indent: 0; margin-bottom: 0;}

.gsmc{font-size: .2rem;color: #333;line-height: 1.5;margin: .25rem 0 .4rem;}
.gsmc .rr{ margin: 0 0 0 .3rem;}

@media(max-width: 769px){
    .cybj .txt{position: relative;top: auto;transform: none;right: 0;width: 100%;padding: .25rem 15px;margin: .25rem 0 0;}
    .cybj .arc-con p{ font-size: .18rem; }
    .cybj .txt{ min-height: auto}
    .gsmc{margin: .25rem 0 .25rem;font-size: .18rem;}

    .gsmc .ll{ width: 100%}
    .gsmc .rr{width: 100%;margin: .06rem 0 0;}
}

.nt5{ margin: 0 -.73rem;}
.nt5 li{ padding: .26rem .73rem; width: 50%; }
.nt5 .a{ align-items: flex-start;}
.nt5 .ico{width: 1.32rem;height: 1.32rem;box-shadow: 0px 5px 21px 0px rgba(0, 0, 0, 0.11);border-radius: 50vw;margin: 0 .4rem 0 0;background: #fff;}
.nt5 .ico img{ width: 100%; height: 100%;}
.nt5 .txt{ flex: 1; overflow: hidden; padding: .12rem 0 0;}
.nt5 h3{font-size: .36rem;color: #222222;line-height: 1;}
.nt5 .line{margin: .16rem 0 .2rem;height: 1px;background: #c6c6c6;}
.nt5 p{ font-size: .24rem; color: #333; line-height: 1.5;}
.nt5 p font{ color: #0059b1}

@media(max-width: 769px){
    .nt5{ margin: 0 -7px;}
    .nt5 li{padding: .12rem 7px;width: 100%;}
    .nt5 .ico{width: .7rem;height: .7rem; margin: 0 .2rem 0 0}
    .nt5 h3{font-size: .24rem;}
    .nt5 p{ font-size: .18rem;}
}

.nt6{ margin: 0 -.48rem;}
.nt6 li{ width: 50%; padding: 0 .48rem;}
.nt6 .imgBox{ border-radius: .1rem;}
.nt6 .imgBox .img{ padding-bottom: 77.18%;}
.nt6 .txt{ padding: .25rem 0 0;}
.nt6 h3{ font-size: .36rem; color: #000000;}
.nt6 p{ font-size: .24rem; line-height: .36rem; max-height: .72rem\0; margin: .2rem 0 .7rem;}

.more1{width: 1.18rem;height: .4rem;border: #bbbbbb 1px solid;border-radius: 50vw;padding: 0 .12rem 0 .16rem;align-items: center;background: linear-gradient(to right, #057be9, #04c973);-webkit-background-clip: text;background-clip: text;color: transparent;font-size: .16rem;color: #04c973\0;justify-content: space-between; transition: .5s;}
.more1 i{font-size: .13rem;color: #04c973;font-family: 'lib'; transition: .5s;}

@media(min-width: 769px){
    .nt6 .a:hover .more1{ border: #0059b1 1px solid; background: #0059b1; color: #fff;}
    .nt6 .a:hover .more1 i{ color: #fff;}
}
@media(max-width: 769px){
    .nt6{ margin: 0 -7px;}
    .nt6 li{ width: 50%; padding: 0 7px;}
    .nt6 p{ margin: .1rem 0 .25rem;}
    .nt6 h3{ font-size: .24rem;}
    .nt6 .txt{ padding: .15rem 0 0;}
}

.n_b1s:before{background: url(../images/n_b1s.png) center top no-repeat;background-size: 100% auto;}
.nt1s2 .a::before{background: url(../images/nt1s2_b.jpg) center no-repeat; background-size: cover;}
.n_b7{background: url(../images/n_b7.png) center bottom no-repeat;background-size: 100% auto;}

.nt1s3 .a::before{background: url(../images/nt1s3_b.jpg) center no-repeat; background-size: cover;}
.n_b8{background: url(../images/n_b8.png) center bottom no-repeat;background-size: 100% auto;}

@media(min-width: 769px){
    .gszls .nt1 .a:hover .time h3{background: linear-gradient(to top, #edd68e, #ba1b21 110%);-webkit-background-clip: text;background-clip: text;color: transparent;}
    .gszls .nt1 .a:hover h4{ color: #ee1d23;}
    .nt1 .a:hover h4{ font-weight: 600;}
}

.nt1s4 .a::before{background: url(../images/nt1s4_b.jpg) center no-repeat; background-size: cover;}
.nt1s5 .a::before{background: url(../images/nt1s5_b.jpg) center no-repeat; background-size: cover;}
.nt1s6 .a::before{background: url(../images/nt1s6_b.jpg) center no-repeat; background-size: cover;}
.nt1s7 .a::before{background: url(../images/nt1s7_b.jpg) center no-repeat; background-size: cover;}
.nt1s8 .a::before{background: url(../images/nt1s8_b.jpg) center no-repeat; background-size: cover;}
.nt1s9 .a::before{background: url(../images/nt1s9_b.jpg) center no-repeat; background-size: cover;}
.nt1s10 .a::before{background: url(../images/nt1s10_b.jpg) center no-repeat; background-size: cover;}

.n_b9{background: url(../images/n_b9.png) center bottom no-repeat;background-size: 100% auto;}
.n_b10{background: url(../images/n_b10.png) center bottom no-repeat;background-size: 100% auto;}
.n_b11{background: url(../images/n_b11.png) center bottom no-repeat;background-size: 100% auto;}
.n_b12{background: url(../images/n_b12.png) center bottom no-repeat;background-size: 100% auto;}
.n_b13{background: url(../images/n_b13.png) center bottom no-repeat;background-size: 100% auto;}
.n_b14{background: url(../images/n_b14.png) center bottom no-repeat;background-size: 100% auto;}
.n_b15{background: url(../images/n_b15.png) center bottom no-repeat;background-size: 100% auto;}
.n_b16{background: url(../images/n_b16.png) center center no-repeat;background-size: 100% auto;}

.nt7{ margin: 0 -.21rem;}
.nt7 li{ padding: 0 .21rem; width: 20%; text-align: center; margin-bottom: .2rem;}
.nt7 .imgBox{ border-radius: .1rem; box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.13);}
.nt7 .imgBox .img{ padding-bottom: 134.17%;}
.nt7 .txt{ padding: .25rem 0 0;}
.nt7 h4{ font-size: .26rem;}

@media(max-width: 769px){
    .nt7{ margin: 0 -7px;}
    .nt7 li{ width: 50%; padding: 0 7px;}
    .nt7 .txt{ padding: .15rem 0 0;}
}

.n_left{width: 3.82rem;position: relative;z-index: 10;padding: 0;background: #fff;border-radius: .15rem .15rem .15rem 0;overflow: hidden;}
.n_right{width: calc(100% - 3.82rem);padding: 0 0 1rem .5rem;}

.yj{height: 1.3rem;background-image: linear-gradient(90deg, rgb(5, 123, 233) 0%, rgb(4, 201, 115) 100%);display: flex;justify-content: center;align-items: center;}
.yj .tit1{ margin-bottom: 0}

.tit1w *{ color: #fff !important;}
.tit1w .ll::before{ background: url(../images/tit1s.svg) center no-repeat; background-size: cover;}

.erji{ position: relative; z-index: 1; padding: .15rem .35rem .4rem;}
.erji::before{ content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: .05rem; background-image: linear-gradient(-180deg, rgb(5, 123, 233) 0%, rgb(4, 201, 115)); }

.erji{background: #fff;padding: .1rem 0 .2rem;box-shadow: 0px 3px .36rem 2px rgba(87, 87, 87, 0.13);border-radius: 0 0 .2rem .2rem}

.erji li .a{display: flex;align-items: center;text-align: center;font-size: .28rem;color: #333333;position: relative;z-index: 1;padding: 0 .35rem;height: .74rem;transition: .5s;}
.erji li:before{content: "";position: absolute;right: .35rem;bottom: 0;left: .35rem;background: #666666;opacity: .11;height: 1px;}
.erji li .a i{font-size: .22rem;color: #fff;font-family: 'lib';position: absolute;right: .2rem;opacity: 0;}
.erji li{ position: relative;}
.erji li i{position: absolute;top: .12rem;right: .24rem;width: .5rem;height: .5rem;z-index: 1;cursor: pointer;font-size: .2rem;color: #222222;font-family: 'lib';display: flex;align-items: center;justify-content: center;opacity: .66;transform: rotate(90deg);}

.erji li.on .a:before, .erji li:hover .a:before{  opacity: 0;}
.erji li.on .a, .erji li:hover .a{color: #186299;font-weight: bold;}
.erji li.on .a i, .erji li:hover .a i{ opacity: 1}
.erji li:last-child:before{ display: none}

.erji li dl{padding: 0 0 .2rem;margin: 0 .35rem;display: none;}
.erji li dl dd .a1{display: block;line-height: .48rem;font-size: .22rem;color: #222222;position: relative;z-index: 1;padding: 0;transition: .5s}
.erji li dl dd .a1:hover, .erji li dl dd.on .a1{color: #045aae;}

.erji li.on i{ transform: rotate(-90deg); opacity: 1}
.erji li.on dl{ display: block !important;}

.erji li.on1 .jia::before{ transform: translate(-50%, 0) rotate(0deg);}

.tit2{ text-align: center;}
.tit2 h3{font-size: .36rem;color: #333333;font-weight: bold;margin-bottom: .3rem;text-align: center;border-bottom: rgba(102,102,102,.22) 1px solid;padding-bottom: .2rem;}

.detail2 .arc-con p{ margin-bottom: 0 !important;}

@media(max-width: 769px){
    .n_left{width: 100%;display: none;}
    .n_right{width: 100%;padding: 0;}
    .tit2 h3{font-size: .24rem}
}

.fanshu{ margin: 0 0 .8rem;}

.tit1c{ justify-content: center;}
.tit1s .ll::before{background: url(../images/tit1s2.svg) center no-repeat;background-size: cover;}
.tit1s h3{ color: #ee1d23;}

.more3{align-items: center;width: 1.88rem;justify-content: flex-end;border-bottom: #8de740 1px solid;padding: .08rem 0;}
.more3 img{ height: .2rem; margin: 0 0 0 .04rem}
.more3 span{font-size: .16rem;color: #222222; transition: .5s;}

@media(min-width: 769px){
    .more3:hover span{ color: #0059b1;}
}
@media(max-width: 769px){
    .more3{ width: 1.25rem}
    .more3 img{ height: .14rem}
    .more3 span{ font-size: .15rem}
}

.srgczy .fl1 .tit1{ margin-bottom: .4rem;}
.srgczy .fl1 .left{ width: 8.16rem;}
.srgczy .fl1 .right{ width: calc(100% - 8.16rem - .6rem);}

.nt8W{ position: relative;}
.nt8W .arrow{display: flex;width: .64rem;height: .64rem;align-items: center;justify-content: center;border-radius: 50vw;font-size: .34rem;font-family: 'lib';transition: .5s;cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;color: rgba(58, 58, 58, .7);background: rgba(255, 255, 255, .7);box-shadow: 0px 8px .18rem 0px rgba(0, 0, 0, 0.2);}
.nt8W .arrow:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-image: linear-gradient(90deg, rgb(5, 123, 233) 0%, rgb(4, 201, 115) 100%);border-radius: 50vw;opacity: 0;transition: .5s;z-index: -1;}
.nt8W .arrow.prev{left: -.32rem;}
.nt8W .arrow.next{right: -.32rem;}
.nt8 .a{ display: block; position: relative; z-index: 1;}
.nt8 .imgBox{ border-radius: .15rem;}
.nt8 .imgBox .img{ padding-bottom: 56.25%;}
.nt8 .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.5) 100%);z-index: 1;height: 1rem;}
.nt8 .txt{ padding: .2rem .36rem; position: absolute; right: 0; bottom: 0; left: 0;}
.nt8 h6{ color: #fff}
.nt8 h4{ color: #fff !important; margin: .06rem 0 0;}

.nt9 li{border-bottom: #d2d2d2 1px dashed;padding: .15rem 0 .3rem;}
.nt9 h4{ margin: .06rem 0 .12rem;}

.nt10 .a{height: .84rem;align-items: center;}
.nt10 li{ border-bottom: #d2d2d2 1px dashed;}

.srgczy .fl2{ padding: .5rem 0 0;}
.srgczy .fl2 .left, .srgczy .fl2 .right{ width: calc(50% - .56rem);}

.nt11 .a{height: .73rem;align-items: center;}
.nt11 li{ border-bottom: #d2d2d2 1px dashed;}
.nt11 h4{ flex: 1;}
.nt11 h6{ width: auto; margin: 0 0 0 .15rem;}

.srgczy .fl2 .tit1{ margin-bottom: .1rem;}

@media(max-width: 769px){
    .srgczy .fl1 .left{ width: 100%;}
    .srgczy .fl1 .right{ width: 100%; padding: .2rem 0 0;}

    .srgczy .fl2 .left{ width: 100%;}
    .srgczy .fl2 .right{ width: 100%; padding: .4rem 0 0;}

    .nt8W .arrow{ width: .32rem; height: .32rem; font-size: .2rem;}
    .nt8W .arrow.prev{ left: -.16rem;}
    .nt8W .arrow.next{ right: -.16rem;}

    .nt10 .a, .nt11 .a{ height: .5rem;}
}

.tit3{ text-align: center;}
.tit3 h3{font-size: .6rem;color: #0059b1; margin-bottom: .3rem;text-align: center;}

.shiwuwu .arc-con p{ margin-bottom: 0 !important;}

.h3-1, .shiwuwu .arc-con h3{font-size: .4rem;color: #0059b1;margin: .3rem 0 .2rem;text-indent: 1.2em;}

.nt12{ padding: .1rem 0 0 .7rem}
.nt12 li{align-items: flex-start;font-size: .24rem;color: #666666;}
.nt12 li img{margin: .15rem .1rem 0 0;}

.shiwuwu .fl2{padding: .5rem .5rem 0;}

.miso_f1 .box{margin: 0 -.22rem;}
.miso_f1 .box .con{/* width: 33.33%; */flex: auto;padding: 0 .22rem;margin-bottom: .2rem;}
.miso_f1 .box .con.conw33{ width: 33.33%;}
.miso_f1 .box .con.conw100{ width: 100%;}
.miso_f1 .box .con h4{ font-size: .18rem; color: #313131; margin-bottom: .15rem; padding:0 .03rem}
.miso_f1 .input input{height: .44rem;position: relative;border-radius: 0.05rem;align-items: center;}
.miso_f1 .input .tt{ font-size: .3rem; color: #222222; margin: 0 .25rem 0 0}
.miso_f1 .input input{flex: 1;height: .44rem;padding: 0 .16rem;font-size: .2rem;color: #333;border: #dadada 1px solid;border-radius: .1rem;overflow: hidden !important;}
.miso_f1 .textarea textarea{height: 4.1rem;position: relative;padding: .15rem 0;border: #dadada 1px solid;border-radius: .1rem;}
.miso_f1 .textarea textarea{width: 100%;/* height: 100%; */background: none;padding: .15rem .3rem;font-size: .2rem;color: #333;}
.miso_f1 .input .yzm{ margin: 0 0 0 .18rem}
.miso_f1 .input .yzm img{ height: .44rem}
.miso_f1 button{width: 2.94rem;height: .78rem;background: #a4aadb;border-radius: 50vw;font-size: .36rem;color: #fff;cursor: pointer;transition: all .5s;display: flex;align-items: center;justify-content: center;background-image: linear-gradient(90deg, rgb(5, 123, 233) 0%, rgb(4, 201, 115) 100%);margin: .3rem 0 0; box-shadow: 2.121px 2.121px 5px 0px rgba(0, 0, 0, 0.19);}
.miso_f1 button i{ font-size: .24rem; color: #fff; font-family: 'iconfont'; margin: 0 0 0 .1rem}
.miso_f1 button:hover{ opacity: .8;}

.miso_f1 *::-webkit-input-placeholder{color:#a7a7a7;font-size:inherit}
.miso_f1 *:-ms-input-placeholder{color:#a7a7a7;font-size:inherit}

.miso_f1 .box:last-child{ margin-bottom: 0;}
.miso_f1 .box .con1{text-align: right;display: flex;align-items: center;justify-content: flex-end;}
.miso_f1 .box .con1{ font-size: .2rem; color: #0059b1}
.miso_f1 .yzmBox .input input{max-width: 1.86rem;}

.miso_f1 .input input:focus, .miso_f1 .textarea textarea:focus{
    --gradient-glow: var(--clr-1), var(--clr-2), var(--clr-1);
    border: 1px solid transparent;
    border-radius: .1rem;
    background-color: #f5f5f7; /* 添加纯色背景 */
    background-image: 
        linear-gradient(var(--surface, canvas) 0 0),
        conic-gradient(from var(--glow-deg), var(--gradient-glow));
    background-origin: border-box;
    background-clip: padding-box, border-box;
    -webkit-animation: glow 10s infinite linear;
    animation: glow 10s infinite linear;
}

@property --glow-deg {
    syntax: "<angle>";
    inherits: true;
    initial-value: -180deg;
}
@property --clr-1 {
    syntax: "<color>";
    inherits: true;
    initial-value: #057be9;
}
@property --clr-2 {
    syntax: "<color>";
    inherits: true;
    initial-value: #04c973;
}
@property --surface {
    syntax: "<color>";
    inherits: true;
    initial-value: #f5f5f7;
}
@keyframes glow {
    100% {
      --glow-deg: 270deg;
    }
}

@media(min-width: 769px){
    .arc-bot .con .a:hover h4{ color: #00458e;}
}
@media(max-width: 769px){
    .miso_f1 .box .con{margin-bottom: .15rem;width: 100% !important;justify-content: flex-start;text-align: left;}
    .miso_f1 .input input{height: .44rem;}
    .miso_f1 button{height: .6rem;font-size: .2rem;}

    .tit3 h3{ font-size: .24rem;}
    .h3-1, .shiwuwu .arc-con h3{font-size: .2rem;text-indent: 1.6em;margin: .2rem 0 .1rem;}

    .nt12{ padding: .1rem 0 0 .3rem}
    .nt12 li{align-items: flex-start;font-size: .16rem;}
    .nt12 li img{margin: .08rem .1rem 0 0;; width: .1rem}

    .shiwuwu .fl2{ padding: .3rem 0 0}
    .miso_f1 .input .tt{width: 100%;font-size: .2rem;margin: 0 0 .1rem;}
    .miso_f1 .input input{ width: 100%; flex: auto}
    .miso_f1 .textarea textarea{padding: .15rem .15rem;height: 2rem;}

    .miso_f1 .box .con1 .zhushi1{ font-size: .16rem}
}

.tit4{ margin-bottom: .3rem;}
.tit4 h3{ font-size: .4rem; color: #c70000;}
.tit4 h4{ font-size: .24rem; color: #c70000; margin: .1rem 0 0;}
.xfjb .arc-con{ color: #222222}
.xfjb .arc-con p{ text-indent: 0; margin-bottom: 0 !important;}

.xfjb .box{ margin: .8rem 0 0;}
.xfjb .box .tit4{ margin-bottom: .2rem;}

.h4-1{font-size: .24rem;color: #222222;position: relative;padding: 0 0 0 .36rem;line-height: 2;}
.h4-1::before{content: "";position: absolute;top: .15rem;left: 0;width: .16rem;height: .16rem;background: #c70000;}

@media(max-width: 769px){
    .tit4{ margin-bottom: .2rem;}
    .tit4 h3{ font-size: .24rem; }
    .tit4 h4{ font-size: .2rem; }
    .xfjb .box{ margin: .4rem 0 0;}
    .h4-1{font-size: .18rem;padding: 0 0 0 .26rem;}
    .h4-1::before{width: .12rem;height: .12rem;top: .1rem;}
}

.book_boxW{margin: 0 0 1.2rem;position: relative;z-index: 1;}
.book_boxW:after{content: "";position: absolute;top: 96%;left: .2rem;right: 0;z-index: 0;background: url(../images/bookshadow.png) center no-repeat;background-size: 84% 100%;height: 1.5rem;pointer-events: none;opacity: .3;}
.book_box{width: 11.23rem;position: relative;margin: 0 auto;max-width: 100%;}
.book_boxs{padding: .1rem .25rem .1rem;position: relative;z-index: 1;overflow: hidden;}
.book_boxs:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;background: url(../images/book_box_b1.png) center no-repeat;background-size: 100% 100%;}
#cover{position: absolute;top: .1rem;bottom: .5rem;left: .25rem;width: calc(50% - .25rem);}
.page_d{padding: 0;/* height: 100%; */text-align: left;}
.even .page_d, #cover .page_d{width: 100%;/*background: url(../images/page_p.png) center no-repeat;background-size: 100% 100%;*/overflow: hidden;padding-right: .01rem;}
.odd .page_d{width: 100%;/*background: url(../images/page_n.png) center no-repeat;background-size: 100% 100%;*/padding-left: .01rem;}
.page-wrapper div:last-child{ /*! display: none; *//*! pointer-events: none; */}

.flipbook{ z-index: 10;}
.book_boxs .imgBox .img{ padding-bottom: 142.02%;}

@media(max-width: 769px){
    .book_boxW:after{ height: .4rem; background-size: 100% 100%;}
    .book_boxs{padding: 1vw 2.5vw 1vw;}
    #cover{left: 2.5vw;width: calc(50% - 2.5vw);bottom: 1vw;top: 1vw;}
    .page_d{/* height: 100%; */}
    .book_boxW{margin: 0 0 .5rem;}
}