@charset "utf-8";
.h6s1{/* font-family: inherit; */}
/*翻页条*/
.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 .04rem;box-sizing: border-box;border-radius: 0;min-width: .36rem;color: #333;align-items: center;justify-content: center;position: relative;z-index: 1;margin-bottom: .1rem;}
.pagebar span.p_goto:before,.p_pages span:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: #e5e5e5 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: #0550a0; color: #fff!important}
.p_pages span.p_no_d:before{ border: #0550a0 1px solid}

.p_pages a:hover, .p_pages a.on, .p_goto a:hover{background: #0550a0;color:#fff!important;}
.p_pages a:hover svg{ fill: #fff}
.p_goto a:hover::before{ border: #0550a0 1px solid;}
.pagebar .p_first_d{display:none !important;}
.pagebar .p_first{display:none !important;}
.pagebar .p_last{display:none !important;}
.pagebar .p_last_d{display:none !important;}
@media(max-width: 769px){
    .pagebar{ margin: .4rem auto 0;}
    .pagebar>.p_pages{ width: 100%}
} 
.n_container{ min-height: 50vh;}
.bodyb{ background: linear-gradient(180deg, rgba(240, 247, 253, 0.99) 0%, #F0F7FD 100%);}
.n_container{position: relative;z-index: 2;margin: -5vw 0 0;padding: 6vw 0 22vw;background: url(../images/nbg1.png) center bottom no-repeat;background-size: 100% auto;overflow: hidden;}
.n_container svg{position: absolute;top: -8vw;right: 0;left: 0;transform: scaleY(.5);z-index: -1;-webkit-mask: linear-gradient(0deg, transparent 0%, black 25%, black, black 75%, transparent 100%);mask: linear-gradient(0deg, transparent 0%, black 25%, black, transparent 100%);pointer-events: none;}
.wave {
    animation: wave 10s linear;
    animation-iteration-count:infinite;
    fill: #f1f7fd;
}
@keyframes wave {
    to {transform: translateX(-100%);}
}
.svg-clipped-img{ transform: scaleY(200%)}
.n_container .bg{position: absolute;top: 0;right: 0;left: 0;z-index: -1;opacity: 0;}
.nbg10{background: url(../images/newbg1.jpg) center 5vw no-repeat, url(../images/newbg2.jpg) center bottom no-repeat;background-size: 100% auto;}

.n_ba{ position: relative}
.n_ba .imgBox .img{padding-bottom: 29.94%;}
.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: center;}
.n_ba .txt h6{font-size: .18rem;color: #fff;line-height: 1;font-family: Times New Roman;padding: 0;display: none;position: relative;order: 1;}
.n_ba .txt h3{font-size: .42rem;color: #fff;line-height: 1;margin: .15rem 0 .1rem;position: relative;}


.n_ejW{position: relative;z-index: 1;background: url(../images/n_ejW.png) right bottom no-repeat;background-size: .5rem auto;}
.n_ejW:before{content: "";position: absolute;left: 0;bottom: 0;width: calc(100% - .5rem);height: 2px;background: rgba(208,208,208,.5);}

.n_ej li{position: relative;margin-bottom: -1px;margin-right: .44rem;}
.n_ej li .a{display: flex;align-items: center;justify-content: center;height: .72rem;font-size: .22rem;color: #000000;position: relative;z-index: 1;transition: .5s;padding-bottom: .15rem;}
.n_ej li .a:before{content: "";position: absolute;bottom: 0px;left: 0;width: 0;height: 3px;transition: .5s;z-index: -1;background: #0B459D;}
.n_ej li .a:after{content: "";position: absolute;background: url(../images/tit1.svg) center no-repeat;background-size: cover;width: .51rem;height: .46rem;left: calc(100% - .06rem);top: 36%;transform: translateY(-50%) scale(.6);opacity: 0;transition: .5s;}
.n_ej li:last-child:before{ display: none}
.n_ej li:last-child{ margin-right: 0 !important}

.n_ej li.on .a:before, .n_ej li:hover .a:before{ width: 100%}
.n_ej li.on .a:after{ opacity: 1}
.n_ej li.on .a{color: #0057A7;font-weight: 600;}
.n_ej li:hover .a{ color: #0059b1; }

#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9;width: 100%;background: #0550a0;}
#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: #0550a0; height: 30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #0550a0; }
#sub_nav_content ul li.on a { color: #0550a0; }
#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: #0550a0 border-top: 1px solid rgb(255, 255, 255);}
#sub_nav_content dt.title_on a i { color: #0550a0 }
#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: #0550a0;}
#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: #0550a0; }

.breadcrumb{align-items: center;margin: .15rem 0 0;min-height: .72rem;}
.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: #0550a0;}



.n_ejW{ margin-bottom: .6rem;}



@media(min-width: 769px){
}
@media(max-width: 769px){
    .n_ejW{ display: none;}
    #m_n_nav{/* display: block; */}
}

.about .fl1 img{float: right;width: 6.15rem;margin: 0 0 0 .56rem;}

.ls1{ display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: .25rem; margin: .9rem 0;}
.ls1 li{ min-width: 0;}
.ls1 .a{display: block;position: relative;cursor: auto;}
.ls1 .imgBox .img{padding-bottom: 179.33%;}
.ls1 .txt{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;align-items: center;justify-content: center;padding: .2rem 0;}
.ls1 h3{font-size: .32rem;color: #fff;line-height: 1.1;writing-mode: tb-rl;letter-spacing: .05rem;min-height: 3.35rem;}

.ls2{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0; margin: .9rem 0;}
.ls2 li{ min-width: 0;}
.ls2 .a{display: block;position: relative;cursor: auto;}
.ls2 .imgBox .img{padding-bottom: 67.35%;}
.ls2 .txt{position: absolute;top: 0;right: 0;bottom: 0;left: 0; flex-direction: column; justify-content: center; align-items: center;}
.ls2 h3{font-size: .4rem;color: #fff; margin: 0 0 .36rem;}
.ls2 dl{ gap: .2rem; width: 100%; justify-content: center;}
.ls2 dl dd{ min-width: 1.26rem; height: .47rem; border: #fff 1px solid; border-radius: 50vw; justify-content: center; align-items: center; font-size: .24rem; color: #fff; display: flex; padding: 0 .06rem;}

@media(min-width: 769px){
}
@media(max-width: 769px){
    .n_ba .imgBox .img{padding-bottom: 40%;background: #123475;}
    .n_ba .imgBox .img img{/* opacity: .7; */}
    .n_ba .txt h6{ font-size: .14rem}
    .n_ba .txt h3{font-size: .24rem;margin: .08rem 0 .1rem;}

    .about .fl1 img{ width: 100%; margin: 0 0 .2rem;}

    .ls1 .imgBox .img{padding-bottom: 2.4rem;}
    .ls1{grid-template-columns: repeat(5, 1fr);grid-gap: 2px;margin: .3rem 0;}
    .ls1 h3{font-size: .2rem;letter-spacing: .01rem;min-height: inherit;height: 100%;}

    .ls2{grid-template-columns: repeat(1, 1fr);margin: .3rem 0;grid-gap: .15rem;}
    .ls2 h3{font-size: .24rem; margin: 0 0 .25rem;}
    .ls2 dl{ gap: 14px}
    .ls2 .imgBox .img{padding-bottom: 1.5rem;}
    .ls2 dl dd{ min-width: 1rem; height: .36rem; font-size: .18rem}
    .bodyb{margin-bottom: -36vw;}
    .n_container .bg{ display: none;}
}

.xrld .fl1{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 6vw; }
.xrld .fl1 .box{ min-width: 0;}
.xrld .fl1 .box .con{padding: .3rem 0;border-bottom:#CFE2F4 1px solid;align-items: flex-start;}
.xrld .fl1 .box .con .ll{width: 3.85rem;padding: 0 .1rem 0 0;position: relative;padding: .1rem 0 .1rem .4rem;font-size: .22rem;color: #000000;}
.xrld .fl1 .box .con .ll:before{content: "";position: absolute;top: .15rem;left: .14rem;/* transform: translateY(-50%); */width: .04rem;height: .2rem;background: #0057A7;}
.xrld .fl1 .box .con .ll p{ font-size: .16rem; color: #333333; margin: .06rem 0 0;}
.xrld .fl1 .box .con .rr{ flex: 1; overflow: hidden;}

.ls3 li{margin: 0 .5rem 0 0;padding: .1rem 0;}
.ls3 a{font-size: .22rem;color: #000000;transition: .5s;}

@media(min-width: 769px){
    .ls3 a:hover{ color: #0D47A1;}
}
@media(max-width: 769px){
    .xrld .fl1{ display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: .2rem; }
    .xrld .fl1 .box .con{padding: .15rem 0;}
    .xrld .fl1 .box .con .ll{width: 100%;padding: .1rem 0 .1rem .2rem; font-size: .2rem;}
    .xrld .fl1 .box .con .ll:before{left: 0;top: .16rem;height: .16rem;}
    .xrld .fl1 .box .con .rr{ flex: auto; width: 100%}
    .ls3 li{margin: 0 .2rem 0 0;padding: .05rem 0;}
    .ls3 a{font-size: .18rem}
}

.ns4 li{ border-bottom: rgba(26, 74, 143, 0.35) 1px dashed; }
.ns4 .a{ height: 1rem; padding: 0 .24rem; align-items: center; position: relative; z-index: 1;}
.ns4 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: -1px; left: 0; background: #fff; box-shadow: 0px -10px 30px 0px rgba(26, 74, 143, 0.24); border-bottom: #1A4A8F 2px solid; z-index: -1; transition: .5s; opacity: 0;}
.ns4 h4{flex: 1;padding: 0 0 0 .2rem;position: relative;font-size: .22rem;}
.ns4 h4:before{content: "";position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: .06rem;height: .06rem;background: #1A4A8F;border-radius: 50vw;}
.ns4 h6{ width: auto; margin: 0 0 0 .2rem;}

@media(min-width: 769px){
    .ns4 .a:hover::before{ opacity: 1;}
}
@media(max-width: 769px){
    .ns4 .a{padding: 0;height: .6rem;}
    .n_container{margin: -5vw 0 0;padding: calc(.4rem + 4vw) 0 20vw;}
    .nbg10{/* background: url(../images/newbg1.jpg) center top no-repeat, url(../images/newbg2.jpg) center bottom no-repeat; */background-size: 100% auto;}
}

.ns5{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: .55rem; }
.ns5 li{ min-width: 0; border-bottom: rgba(26, 74, 143, 0.2) 1px solid; }
.ns5 .a{ height: .7rem; align-items: center; position: relative; z-index: 1;}
.ns5 .a::after{ content: ""; position: absolute; bottom: -2px; left: 0; width: .2rem; height: 3px; background: #1A4A8F; transition: .5s;}
.ns5 h4{ flex: 1; font-size: .2rem;}
.ns5 .ico{ margin: 0 0 0 .2rem; width: .16rem;}

@media(min-width: 769px){
    .ns5 .a:hover::after{ width: 100%;}
}
@media(max-width: 769px){
    .ns5{ display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 10px; }
    .ns5 .a{ height: .6rem;}
}

.ns6{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 5.2vw; padding: 1vw 0 .8rem;}
.ns6 li{min-width: 0;border-bottom: rgba(26, 74, 143, 0.2) 1px solid;position: relative;}
.ns6 .a{position: relative;z-index: 1;}
.ns6 li::after{ content: ""; position: absolute; bottom: -2px; left: 0; width: .2rem; height: 3px; background: #1A4A8F; transition: .5s;}
.ns6 h4{ font-size: .22rem; color: #000000;}
.ns6 p{ font-size: .16rem; color: #666666; line-height: 1.5; margin: .45rem 0;}

@media(max-width: 769px){
    .ns6{grid-template-columns: repeat(1, 1fr);grid-gap: .3rem;padding: 0 0 .4rem;}
    .ns6 p{margin: .15rem 0 .25rem;}
}

.ns7{ margin: -.3rem 0 0}
.ns7 li{padding: .15rem 0;border-bottom: 1px solid rgba(26, 74, 143, 0.05);}
.ns7 .a{align-items: center;padding: .36rem .32rem;transition: .5s;position: relative;z-index: 1;}
.ns7 .a .bg{position: absolute;background: #fff;top: 0;right: 0;bottom: 0;opacity: 0;left: 0;transition: .5s;box-shadow: 0px 10px .4rem 0px rgba(99, 154, 203, 0.69);transition-delay: .3s;pointer-events: none;z-index: -1;}
.ns7 .a .bg i{display: block;width: 100%;height: 100%}
.ns7 .a .bg i:nth-child(1):before{content: '';position: absolute;top: 0;left: 0;width: 0;height: 1px;background: #0550A0;}
.ns7 .a .bg i:nth-child(1):after{content: '';position: absolute;top: 0;left: 0;width: 1px;height: 0;background: #0550A0}
.ns7 .a .bg i:nth-child(2):before{content: '';position: absolute;bottom: 0;right: 0;width: 0;height: 1px;background: #0550A0}
.ns7 .a .bg i:nth-child(2):after{content: '';position: absolute;bottom: 0;right: 0;width: 1px;height: 0;background: #0550A0}
.ns7 .ll{ flex: 1; overflow: hidden; align-items: center;}
.ns7 .ll .imgBox{width: 4rem;margin: 0 .45rem 0 0;border-radius: .1rem;}
.ns7 .ll .txt{ flex: 1; overflow: hidden;}
.ns7 h4{ font-size: .22rem; color: #000;}
.ns7 p{ margin: .2rem 0 .25rem;}
.more1{ align-items: center;}
.more1 i{ font-size: .16rem; color: #1A4A8F; font-family: 'lib'; margin: 0 0 0 .24rem;}
.ns7 .time{text-align: center;margin: 0 0 0 1rem;position: relative;width: .99rem;height: 1.26rem;background: url(../images/ns7_t.svg) center no-repeat;background-size: cover;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 0 0 .1rem;}
.ns7 .time:before{ content: ""; position: absolute; top: 50%; left: -.44rem; transform: translateY(-50%); width: 1px; height: 1.66rem; background: rgba(26, 74, 143, 0.05);}
.ns7 .time h3{font-size: .48rem;color: #fff;line-height: 1;}
.ns7 .time h6{font-size: .2rem;color: #fff;position: relative; padding: 0 0 .1rem}
.ns7 .time h6:before{ content: ""; position: absolute; width: .16rem; height: .04rem; background: #fff; left: 50%; transform: translateX(-50%); bottom: 0}

.lt7{margin: -.1rem 0 0;min-height: 5.5rem;}
.lt7 li{position: relative;}
.lt7 .a{align-items: center;height: 1.2rem;position: relative;z-index: 1;border-top: rgba(116, 143, 172, .4) 1px dashed;transition: .5s;}
.lt7 li:first-child .a{ border: none}
.lt7 li:last-child .a{ border-bottom: rgba(116, 143, 172, .4) 1px dashed}
.lt7 .a .bg{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;/* border-radius: .1rem; */background: #D1EBFF;opacity: 0;transition: .5s;box-shadow: 0px 10px .4rem 0px rgba(99, 154, 203, 0.69);}
.lt7 .a .bg i{display: block;width: 100%;height: 100%}
.lt7 .a .bg i:nth-child(1):before{content: '';position: absolute;top: 0;left: 0;width: 0;height: 1px;background: #0550A0;}
.lt7 .a .bg i:nth-child(1):after{content: '';position: absolute;top: 0;left: 0;width: 1px;height: 0;background: #0550A0}
.lt7 .a .bg i:nth-child(2):before{content: '';position: absolute;bottom: 0;right: 0;width: 0;height: 1px;background: #0550A0}
.lt7 .a .bg i:nth-child(2):after{content: '';position: absolute;bottom: 0;right: 0;width: 1px;height: 0;background: #0550A0}
.lt7 .txt{width: 100%;position: relative;z-index: 1;}
.lt7 h4{margin: 0 0 .1rem;font-size: .22rem;}
.lt7 .imgBox{width: 1.38rem;border-radius: .1rem;margin: 0 .18rem 0 0;/* border: 1px solid rgba(215, 221, 229, 0.8314); */}
.lt7 .imgBox .img{ padding-bottom: 51.85%}
.lt7 .txt{ flex:1; overflow: hidden}

@media(min-width: 769px){
    .ns7 .a:hover{}

    .ns7 .a:hover .bg{ opacity: 1}
    .ns7 .a:hover .bg i:nth-child(1):before{width: 100%;transition: .8s .2s}
    .ns7 .a:hover .bg i:nth-child(1):after{height: 100%;transition: .8s .2s}
    .ns7 .a:hover .bg i:nth-child(2):before{width: 100%;transition: .8s .2s}
    .ns7 .a:hover .bg i:nth-child(2):after{height: 100%;transition: .8s .2s}

    .lt7 .a:hover{ padding: 0 .28rem}
    .lt7 .a:hover:before{opacity: 1;width: 100%;box-shadow: 0px 10px .4rem 0px rgba(99, 154, 203, 0.69);}
    .lt7 .a:hover, .lt7 li:hover + li .a{ border-top: transparent 1px dashed}
    .lt7 .a:hover .imgBox{/* box-shadow: 0px 0px 10px 0px rgba(22, 78, 163, 0.12); */}

    .lt7 .a:hover .bg{ opacity: 1}
    .lt7 .a:hover .bg i:nth-child(1):before{width: 100%;transition: .8s .2s}
    .lt7 .a:hover .bg i:nth-child(1):after{height: 100%;transition: .8s .2s}
    .lt7 .a:hover .bg i:nth-child(2):before{width: 100%;transition: .8s .2s}
    .lt7 .a:hover .bg i:nth-child(2):after{height: 100%;transition: .8s .2s}
}
@media(max-width: 769px){
    .ns7 .a{padding: .15rem 0;}
    .ns7 .time{/* display: flex; *//* align-items: baseline; *//* justify-content: flex-end; *//* width: 100%; */position: absolute;bottom: .4rem;left: 0;margin: 0;width: .8rem;height: 1rem;background-size: contain;}
    .ns7 .time:before{ left: -.18rem; height: .9rem;}
    .ns7 .time h3{font-size: .24rem;}
    .ns7 .time h6{font-size: .14rem;margin: 0;}
    .ns7 h4{ white-space: normal;}
    .ns7 p{ margin: .1rem 0 .15rem;}

    .ns7 .ll{flex: auto;width: 100%;min-height: 1.5rem; }
    .ns7 .ll .imgBox{ width: 100%; margin: 0 0 .2rem;}
    .ns7 .ll .txt{flex: auto;width: 100%;height: 1.2rem;padding: 0 0 0 1rem;}

    .ns7s .ll{ padding: 0 0 0 1rem;}
    .ns7s .time{top: .2rem;bottom: auto;}

    .lt7{ min-height: auto}
    .lt7 .a{ height: .9rem}
    .lt7 h4{margin: 0 0 .04rem;}
    .lt7 p{margin: 0 0 .12rem}
}

.ns8{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: .46rem; }
.ns8 li{ min-width: 0;}
.ns8 .a{ display: block; background: #fff; border-bottom: #ACC6DE 3px solid; padding: .36rem .45rem; height: 100%;}
.ns8 .top{ align-items: center}
.ns8 .top .ico{ width: 1.46rem; height: .55rem; display: flex; justify-content: center; align-items: center;}
.ns8 .top .ico img{ max-width: 100%; max-height: 100%;}
.ns8 .top .tit{width: .5rem;height: .5rem;background: rgba(233, 113, 26, 0.72);border-radius: .06rem;font-size: .18rem;color: #fff;font-family: 'Noto Serif SC';font-style: normal;font-weight: 600;line-height: 1.15;display: flex;align-items: center;justify-content: center;text-align: center;margin: 0 0 0 .1rem;}
.ns8 .center{padding: .2rem 0;border-top: #ACC6DE 1px solid;border-bottom: #ACC6DE 1px solid;align-items: center;margin: .3rem 0;}
.ns8 h4{ font-size: .22rem; line-height: .28rem; flex: 1;}
.ns8 i{width: .38rem;height: .38rem;background: #E9F2FB;border-radius: 50vw;font-size: .2rem;color: #0550A0;font-family: 'lib';display: flex;justify-content: center;align-items: center;margin: 0 0 0 .32rem;transition: .5s;}
.ns8 .txt1 p{font-size: .16rem;color: #666;padding: .03rem 0 .03rem .38rem;line-height: 1.5;background-size: .21rem .21rem !important;}
.ns8 .txt1 p.p1{ background: url(../images/ns8_p1.png) left .04rem no-repeat; }
.ns8 .txt1 p.p2{ background: url(../images/ns8_p2.png) left .04rem no-repeat; }
.ns8 .txt1 p.p3{ background: url(../images/ns8_p3.png) left .04rem no-repeat; }
.ns8 .txt1 p.p4{ background: url(../images/ns8_p4.png) left .04rem no-repeat; }

@media(min-width: 769px){
    .ns8 .a:hover{ box-shadow: 0px 4px .1rem 0px rgba(5, 80, 160, 0.2);}
    .ns8 .a:hover i{ background: #0550A0; color: #fff;}
}
@media(max-width: 769px){
    .ns8{ grid-template-columns: repeat(1, 1fr); grid-gap: .2rem; }
    .ns8 .a{ padding: .3rem .25rem; }
    .ns8 .txt1 p{background-size: .18rem .18rem !important;padding: .03rem 0 .03rem .3rem;}
    .ns8 .top .ico{ width: 1.2rem; height: .4rem;}
    .ns8 .top .tit{width: .4rem;height: .4rem;font-size: .14rem;}
    .ns8 .center{padding: .15rem 0;margin: .2rem 0;}
}

.ns9 li:first-child .a{ padding-top: 0 !important;}
.ns9 .a{align-items: center;border-bottom: 1px dashed rgba(26, 74, 143, 0.2);padding: .45rem 0;transition: .5s;}
.ns9 .a{ align-items: center;}
.ns9 .imgW{ width: 5rem; position: relative; z-index: 1; margin: 0 .6rem 0 0}
.ns9 .imgW::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #0B459D; z-index: -1; transform: translate(.18rem, .18rem); opacity: 0; transition: .5s;}
.ns9 .imgBox .img{ padding-bottom: 60.61%;}
.ns9 .txt{ flex: 1; overflow: hidden; }
.ns9 h6{ font-size: .18rem;}
.ns9 h4{font-size: .24rem;line-height: .3rem;margin: .15rem 0;font-weight: 400;}
.ns9 p{ font-size: .16rem;  line-height: .3rem; }
.ns9 .more1{margin: .4rem 0 0;}

@media(min-width: 769px){
    .ns9 .a:hover{ border-bottom: #1A4A8F 1px solid;}
}
@media(max-width: 769px){
    .ns9 .a{ padding: .3rem 0}
    .ns9 .imgW{ width: 100%; margin: 0 0 .25rem}
    .ns9 .txt{width: 100%;flex: auto;}
    .ns9 .more1{ margin: .3rem 0 0;}
    .ns9 h4{margin: .16rem 0;}
    .more1 i{ margin: 0 0 0 .18rem;}
}

.h3-1{ font-size: .42rem; color: #fff; margin: 0 0 .3rem;}
.zyjs .fl1{background: url(../images/zyjs_b1.jpg) center no-repeat;background-size: cover;padding: .74rem 3.5vw .6rem;border-radius: .1rem;}
.zyjs .fl1 p{ font-size: .22rem; color: #fff; line-height: 1.5; padding: .08rem 0;}

.ns10 li{ align-items: flex-start; padding: .98rem 0; border-bottom: 1px dashed #6C92CA}
.ns10 .left{ width: calc(100% - 6.5rem - .85rem); align-items: flex-start;}
.ns10 .left .ll{ background: #1A4A8F; border-radius: 50vw; margin: 0 .3rem 0 0; width: .73rem;}
.ns10 .left .ll img{ width: 100%;}
.ns10 .left .rr{ flex: 1; overflow: hidden;}
.ns10 .left .rr h3{ font-size: .36rem; color: #1A4A8F; line-height: 1.16;}
.ns10 .left .rr h4{ font-size: .36rem; color: #1A4A8F; margin: .28rem 0 .6rem; font-weight: 400;}
.ns10 .left .rr p{ font-size: .2rem; color: #000000; line-height: 2; }
.ns10 .right{ width: 6.5rem;}
.ns10 .right .imgBox{ border-radius: .1rem;}
.ns10 .right .imgBox .img{ padding-bottom: 63.9%;}

.ns10 li:last-child{ border-bottom: none; padding-bottom: 0;}

@media(min-width: 769px){
    .ns10 li:nth-child(2n) .left{ order: 1;}
}
@media(max-width: 769px){
    .ns10 .left{ width: 100%;}
    .ns10 .left .ll{width: .5rem;margin: 0 .2rem 0 0;}
    .ns10 .right{ width: 100%; margin: .3rem 0 0;}
    .ns10 .left .rr h3{font-size: .22rem;}
    .ns10 .left .rr h3 br{ display: none}
    .ns10 .left .rr h4{font-size: .24rem;margin: .1rem 0 .24rem;}
    .ns10 .left .rr p{ font-size: .18rem}
    .ns10 li{ padding: .4rem 0;}

    .h3-1{font-size: .24rem;}
    .zyjs .fl1 p{font-size: .16rem;padding: .04rem 0;}
    .zyjs .fl1{ padding: .3rem .25rem}
}

.dsj_logo{ width: .74rem; margin: 0 auto;}
.dsj h4{ font-size: .36rem; color: #0057A7; margin: .08rem auto .2rem; text-align: center;}

.ns11{ position: relative; z-index: 1;}
.ns11::before{content: "";position: absolute;top: 0;bottom: 2rem;width: .25rem;background: url(../images/dsj_b.png) center top repeat-y;background-size: 100% auto;left: 50%;margin: 0 0 0 -.125rem;}

.ns11 li{ padding: .65rem 0;}
.ns11 .a{ position: relative;}
.ns11 .a::after{content: "";position: absolute;background: url(../images/ns11_bs.png) center no-repeat;background-size: cover !important;width: 1.81rem;height: .62rem;left: 50%;margin: 0 0 0 -.9rem;top: .7rem;backdrop-filter: blur(10px);}
.ns11 .left{ width: 50%; padding: 0 .9rem 0 1.1rem; position: relative;}
.ns11 .left .top{align-items: flex-end;position: relative;}
.ns11 .left .top::before{content: "";position: absolute;top: .7rem;left: 0;right: 0;height: 1px;background: #0057A7;}
.ns11 .left .top big{ font-size: .48rem; color: #0057A7; line-height: 1; font-family: Bebas;}
.ns11 .left .top small{margin: 0 0 0 .1rem;min-width: 1.06rem;height: .3rem;align-items: center;justify-content: center;font-size: .2rem;color: #fff;background: #0057A7;padding: 0 .1rem;border-radius: 50vw;text-align: center;}
.ns11 .left .arc-con{ margin: .5rem 0 0;}
.ns11 .left .arc-con p{ text-indent: 0; color: #666; font-size: .18rem; line-height: 1.8;}
.ns11 .right{ width: 50%; padding: 0 0 0 .9rem;}
.ns11 .right .imgBox{ width: 4.32rem; max-width: 100%;}
@media(min-width: 769px){
    .ns11 li:nth-child(2n) .left{ order: 1;}
    .ns11 li:nth-child(2n) .left{ padding: 0 1.1rem 0 .9rem;}
    .ns11 li:nth-child(2n) .right{ padding: 0 .9rem 0 0; display: flex; justify-content: flex-end;}
    .ns11 li:nth-child(2n) .a::after{ background: url(../images/ns11_b.png) center no-repeat;}
}
@media(max-width: 769px){
    .n_container svg{/* display: none; */}
    .ns11 li{ padding: .25rem 0;}
    .ns11 .left{ width: 100%; padding: 0 0 0 .3rem;}
    .ns11 .right{width: 100%;padding: .3rem 0 0 .3rem;}
    .ns11 .a::after{ display: none;}
    .ns11::before{left: 0;width: .17rem;margin: 0 0 0 -.08rem;}
    .ns11 .left .top big{font-size: .34rem;}
    .ns11 .left .top small{font-size: .14rem;min-width: .8rem;height: .24rem;}
    .ns11 .left .top::before{ top: .56rem}
    .ns11 .left .arc-con p{ font-size: .16rem}
    .dsj_logo{ width: .5rem; margin: 0 auto;}
    .dsj h4{ font-size: .24rem;}
    .n_ba .txt{/* display: none; */}
    .ns10 .left .rr{ flex: auto; width: 100%; padding: .2rem 0 0}
}


/*2025-12-02*/

.n_ej li{
    position: relative;
}
.n_ej .s-link{
    position: absolute;
    left: 50%;
    top: 100%;
    min-width: 1.4rem;
    transform: translateX(-50%) scaleY(0);
    transform-origin: top center;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    background: #fff;
    box-shadow: 0 0 .1rem rgba(0,0,0,.2);
    transition: .5s;
}
.n_ej .s-link a{
    display: block;
    font-size: .16rem;
    line-height: 1.5;
    color: #333;
    text-align: center;
    padding: .1rem ;
    transition: .5s;
}
.n_ej .s-link a:hover{
    background: #0057A7;
    color: #fff;
}
.n_ej li:hover .s-link{
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) scale(1);
}

#sub_nav_content dt i{
    float: right;
    font-family: simsun;
    font-style: normal;
    font-weight: bold;
    font-size: .16rem;
    transition: .5s
}
#sub_nav_content dt.active i{ transform: rotate(90deg)}
#sub_nav_content ul {
    display: none;
    padding: 0;
}
#sub_nav_content ul li {
    display: block;
    line-height: 28px;
    margin: 0;
}

#sub_nav_content ul li a {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    padding-left: 10px;
    color: rgb(83, 84, 85);
}

#sub_nav_content ul li.on a {
    color: #0057A7;
}

.detail .left{width: calc(100% - 4.04rem);padding: 0 1.06rem 0 0;}
.detail .right{width: 4.04rem;padding: .3rem 0 0 0;}
.nt11 li{ border-bottom: #D8D8D8 1px solid; padding: .2rem 0; transition: .5s;}
.nt11 h6{ color: #3D3D3D;}
.nt11 h4{ margin: .12rem 0 0;}

.h3-4{align-items: center;font-size: .28rem;color: #3D3D3D;margin-bottom: .1rem;}
.h3-4 img{ width: .29rem; margin: 0 .12rem 0 0;}

@media(max-width: 769px){
    .detail .left{ width: 100%; padding: 0}
    .detail .right{ width: 100%; padding: .3rem 0 0}
    .h3-4{font-size: .22rem;}
.h3-4 img{ width: .24rem; margin: 0 .12rem 0 0;}
    .nt11 h4{ margin: .08rem 0 0;}
}


.ns20{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 1.2rem;margin: 1.14rem 0 0;}
.ns20 li{ min-width: 0;}
.ns20 .a{background: url(../images/zyjs_b1s.jpg) center no-repeat;background-size: cover;padding: .74rem 3.5vw 1.3rem;border-radius: .1rem;height: 100%;}
.ns20 p{ font-size: .22rem; color: #fff; line-height: 1.875}

@media(max-width: 769px){
    .ns20{ margin: .4rem 0 0}
    .ns20{ grid-template-columns: repeat(1, 1fr);grid-gap: .2rem;}
    .ns20 .a{ padding: .3rem .25rem}
    .ns20 p{ font-size: .16rem;}
}
/*2026-01-20*/

.inner_s1 .item1 .imgBox .img{
    padding-bottom: 6.14rem;
    border-radius: .1rem;
    background-color: transparent;
}
.inner_s1 .item1 .text{
    position: absolute;
    right: .84rem;
    width: 5.52rem;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.55);
    border-radius: .1rem;
    z-index: 5;
    padding: .38rem 0 .46rem;
}
.inner_s1 .item2 ul{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: .33rem;
    padding: 0 .1rem 0 .37rem;
}
.inner_s1 .item2 ul li{
    width: 49%;
    font-size: .2rem;
    line-height: .36rem;
    color: #333333;
    font-weight: 500;
    display: flex;
    align-items: flex-start;
    word-break: break-all;
}

.inner_s1 .item1 .text ul li:nth-child(2n) .label{
    width: 6em;
    display: flex;
    justify-content: space-between;
}
.inner_s1 .item1 {
    position: relative;
}
.inner_s1 .item1 .imgBox{
    /* mask: linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0) 80%); */
}
.inner_s1 .item h3{
    display: flex;
    position: relative;
}
.inner_s1 .item h3 span{
    display: flex;
    align-items: center;
    font-size: .36rem;
    line-height: .66rem;
    color: #1A4A8F;
    font-weight: 700;
    padding: 0 .37rem;
    position: relative;
    z-index: 2;
}
.inner_s1 .item h3 span:before{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    right: .25rem;
    background: #D7ECFA;
    z-index: -1;
}
.inner_s1 .item h3 span:after{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    right: 0;
    width: .25rem;
    background: url("../images/n-img-5.png") no-repeat 50%/100% 100%;
    z-index: -1;
}
.inner_s1 .item h3 span img{
    display: block;
    width: .34rem;
    margin-right: .1rem;
}
.inner_s1 .item .desc{
    font-size: .2rem;
    line-height: .36rem;
    color: #333333;
    font-weight: 500;
    padding: 0 .5rem 0 .32rem;
    margin-top: .26rem;
}
.inner_s1 .item2{
    margin-top: .64rem;
    padding: .24rem 0 .67rem;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 0 0 1rem 0;
    border: .01rem solid #D8E5F9;
}
.inner_s1 .item2 + .item2{
    margin-top: .51rem;
}
.inner_s1 {
    margin-top: 0;
}

@media(max-width: 1025px){
    .inner_s1 .item1 .text{
        padding: .2rem 0;
        width: 6.5rem;
        right: .3rem;
    }
    .inner_s1 .item2 ul li{
        font-size: .26rem;
    }
    .inner_s1 .item2 ul{
        padding: 0 .2rem;
        margin-top: .2rem;
    }
    .inner_s1 .item h3 span{
        font-size: .3rem;
        padding: 0 .2rem;
    }
    .inner_s1 .item h3{
    }
}
@media(max-width: 769px){
    .inner_s1 .item h3 span img{
        width: .26rem;
        margin-right: .05rem;
    }
    .inner_s1 .item h3 span{
        font-size: .22rem;
        line-height: .48rem;
    }
    .inner_s1 .item1 .text{
        width: auto;
        left: .2rem;
    }
    .inner_s1 .item2 ul li{
        font-size: .18rem;
        line-height: 1.5;
    }
    .inner_s1 .item2 ul{
        margin-top: .1rem;
    }
    .inner_s1 .item1 .imgBox .img{
        padding-bottom: 42vw;
    }
    .inner_s1 .item1 .imgBox{
        border-radius: .1rem;
    }
    .inner_s1 .item .desc{
        font-size: .18rem;
        line-height: 1.85;
        padding: 0 .2rem;
        margin-top: .1rem;
    }
    .inner_s1 .item2{
        margin-top: .3rem;
        padding: .2rem 0;
        border-radius: 0 0 .2rem 0;
    }
    .inner_s1 .item2 + .item2{
        margin-top: .3rem;
    }
    .inner_s1{
        margin-top: 0;
    }
}
@media(max-width: 481px){
    .inner_s1 .item2 ul li{
        width: 100%;
        padding: .03rem 0;
    }
    .inner_s1 .item1 .text{
        position: relative;
        inset: 0;
        transform: none;
    }
    .inner_s1 .item1 .imgBox{
        position: static;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    .inner_s1 .item1 .imgBox .img{
        padding-bottom: 45vw;
        height: 100%;
    }
    .inner_s1 .item1{
        padding: 0;
    }
} 

.yiji{height: .7rem;background: #0B459D;align-items: center;justify-content: center;border-radius: .1rem .1rem 0 0;font-size: .24rem;color: #fff;}
.n_left{ width: 2.6rem; padding: .4rem 0 .4rem;}
.n_right{ width: calc(100% - 2.6rem - .7rem); padding: .4rem 0 0;}

.n_ej1{background: #fff url(../images/lt9_b.png) right bottom no-repeat;border-radius: 0 0 .1rem .1rem;margin: 0 0 .16rem;padding: .1rem 0 .6rem;background-size: 70% auto;}
.n_ej1 li{ position: relative}
.n_ej1 li:before{content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 80%;height: 1px;background: rgba(0, 0, 0, 0.05);}
.n_ej1 li .a{font-size: .16rem;color: #333333;min-height: .56rem;padding: .12rem;position: relative;z-index: 1;display: flex;justify-content: center;align-items: center; transition: .5s}

.n_ej1 li.on .a, .n_ej1 .a:hover{color: #0B459D;}

@media(max-width: 769px){
    .n_left{ display: none}
    .n_right{ width: 100%; padding: 0;}
}

.n_tit1{margin-bottom: .4rem;position: relative;border-bottom: 1px solid rgba(151,151,151,.2); display: none}
.n_tit1 h3{font-size: .24rem;color: #0B459D;;padding: 0 0 .2rem;display: flex;align-items: baseline;justify-content: space-between;position: relative;margin-bottom: -2px;font-weight: normal;}

.mianbao{display: flex;align-items: center;padding: 0;justify-content: flex-end;font-size: .14rem;color: #666;}
.mianbao *{font-size: .14rem;color: #666;font-style: normal;line-height: 1.5;font-weight: normal;}
.mianbao i{ color: #0B459D; margin: 0 .04rem 0 0; font-family: 'lib'; font-size: .18rem;}
.mianbao span{margin: 0 .06rem;}
@media(max-width: 769px){
    .n_tit1 h3{font-size: .2rem;}
    .n_tit1 h3{ padding-bottom: .12rem}
    .mianbao{ display: none}
}
/*2026-02-01*/


.inner_s2 .letter{
    position: relative;
    padding: 0 1.21rem;
}
.inner_s2 .letter .con{
    padding: .24rem .72rem 5.48rem .78rem;
    background: url("../images/letter-1.png") no-repeat top center/100% auto;
    box-shadow: 0 .17rem .36rem #dae5ed;

}
.inner_s2 .letter .con p{
    font-size: .24rem;
    line-height: .75rem;
    color: #333333;
    text-indent: 2em;
}
.inner_s2 .letter .con p:first-child{
  text-indent: 0;
}
.inner_s2 .letter .con p a{
    color: #0057a6;
    text-decoration: underline;
}
.inner_s2 .letter .letter-bg{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 29.43vw;
    width: 14.36rem;
    max-width: 100%;
    margin: 0 auto;
    background: url("../images/letter-2.png") no-repeat bottom center/100% auto;
    pointer-events: none;
}
.inner_s2 .letter:before{
    position: absolute;
    content: '';
    left: .935rem;
    right: .935rem;
    bottom: 2.98rem;
    height: 22.65625vw;
    background: url("../images/letter-3.png") no-repeat top center/100% auto;
    z-index: -1;
}
.inner_s2{
    margin-top: .8rem;
}

@media (max-width: 769px) {
    .inner_s2 .letter{
        padding: 0;
    }
    .inner_s2 .letter .con{
        padding: .2rem .2rem 29vw;
        background: #fcfaf3;
        margin: 0 .12rem;
    }
    .inner_s2 .letter .con p{
        font-size: .18rem;
        line-height: 1.85; /* 示例行高 */

    }
    .inner_s2 .letter .letter-bg{
        width: 100%;
        background-size: 100% 100%;
        background-image: url("../images/letter-4.png");
    }
    .inner_s2 .letter:before{
        left: 0;
        right: 0;
        bottom: 16.43vw;
    }
    .inner_s2{
        margin-top: 0rem;
    }
}
.inner_s3 .item .item-tit h3{
    font-size: .36rem;
    line-height: 1;
    color: #000000;
    font-weight: 500;
}
.inner_s3 .item .item-tit{
    position: relative;
    padding-bottom: .27rem;
    background: url("../images/line-1.png") no-repeat right bottom/100% .09rem;
}
.inner_s3 .item .item-con{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: .58rem .17rem;
}
.inner_s3 .item .imgBox{
    width: 2.6rem;
    height: 3.56rem;
}
.inner_s3 .item .text{
    width: calc(100% - 3.1rem);
    margin-top: .07rem;
}
.inner_s3 .item .desc,
.inner_s3 .item .desc *{
    font-size: .2rem;
    line-height: .4rem;
    color: #000000;
}
.inner_s3 .item .desc p + p{
    margin-top: 1em;
}
.inner_s3 .item:before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    height: .04rem;
    background: #003592;
}
.inner_s3 .item {
    position: relative;
    padding: .6rem .53rem 2.2rem .77rem;
    background: url("../images/bg-1.png") no-repeat 50%/cover;
}
.inner_s3 {
    margin-top: .8rem;
}
@media (max-width: 796px) {
    .inner_s3 .item{
        padding: .3rem .2rem;
    }
    .inner_s3 .item .item-tit h3{
        font-size: .3rem;
    }
    .inner_s3 .item .item-tit{
        padding-bottom: .18rem;
        background-size: auto .09rem;
    }
    .inner_s3 .item .item-con{
        padding: .2rem 0;
    }
    .inner_s3 .item .imgBox {
        width: 2.2rem;
        height: 2.96rem;
    }
    .inner_s3 .item .desc,
    .inner_s3 .item .desc *{
        font-size: .2rem;
        line-height: 1.75;
    }
    .inner_s3 .item .text {
        width: calc(100% - 2.5rem);
        margin-top: .0rem;
    }
    .inner_s3{
        margin-top: 0;
    }
}
@media (max-width: 596px) {
    .inner_s3 .item .imgBox {
        width: 1.4rem;
        height: 1.76rem;
        float: left;
        margin: 0 .2rem 0rem 0;
    }

    .inner_s3 .item .text {
        width: 100%;
    }
    .inner_s3 .item .desc, .inner_s3 .item .desc *{
        font-size: .18rem;
    }
    .inner_s3 .item .desc p + p{
        margin-top: .1rem;
    }
    .inner_s3 .item .item-con{
        display: block;
        overflow: hidden;
    }
}

.ar_wap{ display: none}
@media (max-width: 769px) {
    .ar_web{ display: none}
    .ar_wap{ display: block}
}