﻿@charset "utf-8";
@font-face{font-family:'imp';font-style:normal;src:url(../fonts/impact.woff;vpn_img)}
.imp{font-family: "imp"}
.zi5{position: relative;z-index: 5}
.zi2{position: relative;z-index: 5}
.social-share{font-family: "swiper-icons" !important;}
.social-share *{font-family: "swiper-icons" !important;}
.social-share .icon-qq:before{content:"\e60f";color: #4dafea}
.social-share .icon-qzone:before{content:"\e80f";color: #fece00}
.social-share .icon-weibo:before{content:"\e61f";color: #e83437}
.social-share .icon-wechat:before{content:"\e615";color: #7dd43c}
/*.social-share .icon-qzone:hover{background: #FDBE3D;color: #fff}
.social-share .icon-weibo:hover{background: #ff3b3b;color: #fff}
.social-share .icon-wechat:hover{background: #33b045;color: #fff}*/
.social-share a{position:relative;text-decoration:none;display:inline-block;outline:0;margin:0 .15rem}
.social-share .social-share-icon{position:relative;display:inline-block;width:.56rem;height:.56rem;font-size:.28rem;border-radius:5px;line-height:.56rem;text-align:center;border-radius: 50%;background: #fff}
.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;left:50%;bottom:calc(100% + 10px);width:140px;height:152px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all .2s;-webkit-tansition:all 350ms;-moz-transition:all 350ms;margin-left: -70px}
.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}
.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}
.social-share .icon-wechat .wechat-qrcode h4{font-weight:400;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}
.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}
.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0!important}
.social-share .icon-wechat .wechat-qrcode .help{display: none}
.social-share .icon-wechat .wechat-qrcode .help p{font-weight:400;line-height:16px;padding:0;margin:0}
.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;transform: translateX(-50%);top: 100%;width:0;height:0;border-width:10px;border-style:solid;border-color:#fff transparent  transparent transparent}
.social-share .icon-wechat:hover .wechat-qrcode{display:block}

.nyArc .wp{background:linear-gradient(to bottom,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%);min-height: 3rem;border-radius: .3rem .3rem 0 0;padding: .4rem .8rem .5rem}
/*.nyArc{background: #fff;border-top: .1rem solid #cc0000;padding: .35rem 5%;}*/
.arc-con{line-height: 1.8em;color: #333;text-align: justify;padding-bottom: .2rem;font-size: .18rem}
.arc-con img{max-width: 9rem;height: auto!important;margin: 0 auto;width: 100%}
.arc-con p{margin-bottom: .2rem;}
.arc-con table{border: 1px solid #eee;min-width: 640px;margin-left:0!important;width: 100%;background: #fff}

.arc-con table tr th,.arc-con table tr td{border: 1px solid #eee!important;padding: 15px;text-align: center;}
/*.arc-con table tr:nth-child(2n){background: #EEEEEE}*/
.tbsc{overflow: auto;padding: 15px 0;width: 100%}
.tbsc::-webkit-scrollbar{height:4px}
.tbsc::-webkit-scrollbar-thumb{border-radius:10px;background:#999;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2)}
.tbsc::-webkit-scrollbar-track{border-radius:10px;background:#ededed;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2)}
.arc-con video{max-width: 100%!important;height: auto!important;display: block;}
.arc-tit{margin-bottom: .3rem;}
.arc-tit h1{font-size: .36rem;text-align: center;line-height: 1.4em;}
.arc-info{text-align: center;padding-bottom: .2rem;font-size: .16rem;color: #666;border-bottom: 1px solid #ddd;margin-bottom: .3rem}
.arc-info span{display: inline-block;margin: 0 .1rem;padding: 4px 0 2px}
.arc-info span i{color: #3366cc;margin-right: 5px}
.arc-sibs{border-top: 1px solid #ddd;padding-top: .26rem;}
.arc-sib{}
.arc-sib div{padding: .06rem 0;}
.arc-sib div:hover{color: #ba0019;}
.arc-sib div:hover a{color: #ba0019;}
.arc-back{margin-left: .3rem}
.arc-back a{display: flex;border-radius: 5px;color: #fff;text-align: center;width: 1.2rem;height: .38rem;line-height: .38rem;justify-content: center;align-items: center;background:#ba0019;background-size: cover;border-radius: 5px;margin: 0 auto}
.arc-back a span{display: block;margin-left: 5px}
.arc-back a img{width: .24rem}

.arc-share .back{position: absolute;right: 0;top:50%;width: 1.05rem;height: 1.05rem;text-align: center;display: flex;justify-content: center;flex-direction: column;background: rgba(255,255,255,.3);backdrop-filter: blur(5px);border-radius: 50%;text-align: center;margin-top: -.52rem}
.arc-share .back img{display: block;margin:  0 auto;width: .38rem}
.arc-share .back p{width: 100%;font-size: .14rem;margin-top: .08rem}
@media (min-width: 1930px){

}

@media (max-width:1600px){

}


.pages ul{text-align: center;}
.pages ul li{text-align:center;font-size: .16rem;display: inline-block;margin:.02rem}
.pages ul li a{height: .4rem;text-align: center;line-height: .38rem;padding: 0 8px;min-width: .4rem;
display: block;border: 1px solid #ededed;border-radius: 3px;background: #fff}
.pages ul li.cur{background:#3366cc;padding: 0 8px;min-width: .4rem;height: .4rem;line-height: .38rem;
border: 1px solid #3366cc;border-radius: 3px }
.pages ul li a.on{background:#3366cc;padding: 0 8px;min-width: .4rem;height: .4rem;line-height: .38rem;color: #fff ;border-radius: 3px}
.pages ul li.cur{color:#fff;}
.pages ul li.page-count{line-height: .38rem}
.page-form {line-height: .38rem}
.page-form input{border:1px solid #ddd;width: .4rem;height: .4rem;float: left;text-align: center;padding: 0 3px;background: #fff;border-radius: 3px;margin: 0 5px}
.page-form span{float: left;color: #666}
.page-form button{border:none;width: 52px;height: .4rem;line-height: .4rem;text-align: center;margin-left: 3px;
float: left;background: #3366cc;color: #fff;border-radius: 3px;margin-left: 5px}

@media (max-width: 640px){
.pages ul li{padding: 0}
.pages ul li.pageitem{display: none}
.pages ul li.page-form{padding-left: .1rem}
}
@media (max-width: 375px){
.pages ul li ,.page-form button{border-left: 0}
}

.ny-ba{position: relative;height:6rem;overflow: hidden;border-radius: 0 0 0 1.1rem;z-index: 3}
.ny-ba .imgBox{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0;pointer-events: none;user-select: none}
.ny-ba .imgBox .img{padding-bottom: 0;height: 100%}
.ny-ba .imgBox:before{content: '';position: absolute;left: 0;right: 0;;z-index: 1;height:2rem;background: url(../images/bas.png;vpn_img) no-repeat left bottom;background-size:100% 100%;opacity: 1}
/*.ny-ba .imgBox:after{content: '';position: absolute;left: 0;right: 0;bottom: 0;z-index: 0;height: 40%;background: url(../images/blackms.png;vpn_img) no-repeat bottom center;background-size:100% 100%;opacity: .9;}*/
.ny-ba.nomask .imgBox:before{display: none}
.ny-ba .wp{height: 100%;position: relative;z-index: 5;}
.nytit{position:absolute;color: #fff;left: 0;bottom: .9rem}
.nytit span.cn{font-size: .48rem;line-height: 1em;z-index: 3;display: block;position: relative;}
.nytit span.en{font-size: .4rem;line-height: 1em;z-index: 3;display: block;opacity: .2;margin-top: -.1rem;text-transform: uppercase;}
.nytit span.cn:before{content: '';position: absolute;width: .1rem;height: .1rem;background: #3366cc;left: -.2rem;top: 50%;margin-top: -.05rem;transform: rotate(45deg);}

/* .typetit:after{content: '';height: 3px;width: .6rem;background:#ba0019;display: block;margin: .1rem auto 0 } */

/*@media (min-width: 1930px){
.ny-ba .imgBox .img{height:7rem;position: relative;;}	
}
*/

.posi{position: relative; font-size: .14rem;z-index: 2}
.posi .pos{padding-left: .22rem;background: url(../images/home.png;vpn_img) no-repeat left center;background-size: .17rem .17rem}


.nyMain{ padding:1.6rem 0 2rem;min-height: 4rem;position: relative;margin-top: -1.1rem;position: relative;z-index: 2}
.nyMain.bg{background: url(../images/ny/126.png;vpn_img) #e3f0ff no-repeat top center ;background-size: 100% auto; }
.nyMain.sp{padding-top:0;padding-bottom: 0}

.nysubNav{margin-bottom: .35rem}
.nysubNav ul{padding-bottom: .1rem;white-space: nowrap;overflow: auto;text-align: center;}
.nysubNav ul li{display: inline-block;margin: 0 .1rem;font-size: .24rem;padding: .15rem}
.nysubNav ul li a{display: block;border-radius: .3rem; }
.nysubNav ul li.on a{background: linear-gradient(to right,#0067cc,#00cbfe);color: #fff;line-height: .46rem;padding: 0 .25rem;box-shadow: 0 0 .15rem rgba(0,0,0,.3)}


@media (max-width: 1024px){
.ny-ba{height: 36vw;border-radius: 0 0 0 .6rem}
.nyMain{margin-top: -.7rem;padding-top: 1.1rem}
.nytit{bottom: .5rem;left: .3rem}
.nytit span.cn{font-size: .4rem;}
.nytit span.en{font-size: .32rem;}
}
@media (max-width: 900px){
.ny-ba .wp{padding-top: 5%}
.nyarc .wp {padding: .3rem .3rem .5rem;}
.ny-ba{hyphenate-character: 40vw}
.arc-share{display: block;}
.arc-share .back{position: relative;top: 0;margin: .3rem auto 0}
.arc-tit h1{font-size: .3rem}
.nyArc .wp{padding: .4rem .5rem 0}
}
@media (max-width:750px){
.nyposi .wp:before{width: 5vw}
.ny-ba{height: 45vw}
.arc-con img{width: 100%!important;height: auto!important;}
.nyArc .wp{padding: .35rem .3rem 0}
}
@media (max-width: 640px){
.nyMain{}
.ny-ba{border-radius: 0 0 0 .4rem}
.arc-tit h1{font-size: .26rem}
.arc-con p,.arc-con span{font-size: .18rem!important}
.arc-sib{width: 100%}
.arc-back{width: 100%;margin-left: 0;margin-top: .15rem}
.nytit{bottom: .3rem;left: .2rem}
.nytit span.cn{font-size: .36rem;}
.nytit span.en{font-size: .3rem;margin-top: -5px}

.nysubNav ul li{font-size: .2rem;padding: .1rem}
.nysubNav ul li.on a{line-height: .46rem;padding: 0 .25rem;box-shadow: 0 0 .1rem rgba(0,0,0,.3)}

}
@media (max-width: 480px){
.nytit span.cn{font-size: 7vw;}
.nytit span.en{font-size: 6vw;margin-top: -1vw}
}


.typeName{position: relative;z-index: 5}
.typeName .h3{color: #fff;text-align: center;padding: 0 .8rem 0 0;position: relative;height: .9rem;line-height:.9rem;margin-top: -.9rem}
.typeName .h3:before{content: '';position: absolute;right: 0;top: 0;bottom: 0;background:#ba0019;background-size: auto 100%;width: calc((100vw - 14.4rem) / 2 + 100%) }
.typeName .h3 span{font-size: .36rem;position: relative;z-index: 3}
@media (max-width: 1024px){
 .typeName .h3:before{width: calc(100% + 3vw);} 
}
@media (max-width: 750px){
 .typeName .h3:before{width: calc(100% + 5vw);} 
}
@media (max-width: 480px){
.typeName .h3{height: .7rem;line-height:.7rem;margin-top: -.7rem}
.typeName .h3 span{font-size: .3rem}
}



.imgList:after{content: '';width:calc(33.3333% - .24rem);display: inline-block;}
.imgList li{width:calc(33.3333% - .24rem);background: rgba(255,255,255,.6);border-radius:0 .3rem 0 .3rem;overflow:hidden;margin-bottom:.6rem;box-shadow:0 5px .2rem rgba(0,0,0,.1) }
.imgList li .img{padding-bottom: 63%}
.imgList li .txt{padding:.2rem .3rem .3rem;transition: .3s;background: transparent;}
.imgList li .txt .h4{font-size: .2rem;line-height: 1.5em;height:.6rem;margin-bottom:.2rem }
.imgList li .txt .info{display: flex;justify-content: space-between;align-items: center;}
.imgList li .txt .info time{color:#3366cc }
.imgList li .txt .info time i{margin-right: 5px;}
.imgList li .txt .info span.arr{display: block;width: .5rem;height: .5rem;position: relative;border-radius: 50%;transition: .3s}
.imgList li .txt .info span.arr:before{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;border-radius: 50%;border: 1px dashed #3366cc;animation: roted 30s linear infinite;}
.imgList li .txt .info span.arr:after{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;border-radius: 50%;background: url(../images/ny/arr.png;vpn_img) no-repeat center;background-size: .19rem .13rem}

.txtList{padding-bottom: .2rem}
.txtList li{margin-bottom: .2rem}
.txtList li a{height: .88rem;display: flex;justify-content: space-between;background: rgba(255,255,255,.6);border-radius: 0 .3rem 0 .3rem;line-height: .88rem;padding: 0 .3rem;box-shadow: 0 0 .15rem rgba(0,0,0,.1);transition: .3s}
.txtList li .h4{width: calc(100% - 1.4rem);font-size: .22rem;background: url(../images/ny/21.png;vpn_img) no-repeat left center;background-size: .18rem .18rem;padding-left: .28rem}

.txtList li time i{margin-right: 5px;color: #3366cc}
.txtList li time{color: #666}


.newsList li{margin-bottom: .4rem}
.newsList li a{display: flex;align-items: center;justify-content: space-between;background: rgba(255,255,255,.6);border-radius: 0 .3rem 0 .3rem;box-shadow: 0 0 .15rem rgba(0,0,0,.1);overflow: hidden;transition: .3s;background-size: cover;background-repeat: no-repeat;;background-position: center;}
.newsList li .imgBox{width: 3.8rem;border-radius: 0 .3rem 0 0}
.newsList li .txt{width:calc(100% - 3.8rem);padding:.2rem 1.8rem .2rem .4rem;position: relative;}
.newsList li .txt .h4{font-size: .24rem;margin-bottom: .15rem}
.newsList li .txt .p{color: #666;line-height: 1.6em;margin-top: .2rem}
.newsList li time i{margin-right: 5px;color: #3366cc}
.newsList li time{color: #666}
.newsList li .txt span.arr{display: block;width: .5rem;height: .5rem;position: relative;border-radius: 50%;transition: .3s;position: absolute;right: .3rem;top: 50%;margin-top: -.25rem}
.newsList li .txt span.arr:before{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;border-radius: 50%;border: 1px dashed #3366cc;animation: roted 30s linear infinite;opacity: 0;transition: .3s}
.newsList li .txt span.arr:after{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;border-radius: 50%;background: url(../images/ny/arr.png;vpn_img) no-repeat center;background-size: .19rem .13rem}
.newsList li.nopic .txt{width: 100%;padding:.3rem 1.8rem .3rem .4rem;}



@media (min-width:1025px){
.imgList li:hover .txt{background: url(../images/ny/4.png;vpn_img) no-repeat center;background-size: cover}
.imgList li:hover .txt .info span.arr:after{background: url(../images/ny/arrw.png;vpn_img) no-repeat center;background-size: .19rem .13rem;}
.imgList li:hover .txt .info span.arr{ background:linear-gradient(to right,#0067cc,#00cbfe);box-shadow:0 0 .15rem rgba(0,144,208,.7)}
.imgList li:hover .txt .info span.arr:before{ opacity: 0;}
.txtList li:hover a{background: url(../images/ny/22.png;vpn_img) no-repeat center;background-size: 100% 100%;box-shadow: 0 5px .15rem rgba(0,0,0,.15)}
.newsList li:hover .txt span.arr:before{opacity: 1}
.newsList li:hover a{background-image: url(../images/ny/24.png;vpn_img) ;box-shadow: 0 5px .15rem rgba(0,0,0,.15)}

}

@media (max-width:1024px){
.imgList li{width:calc(50% - .2rem);margin-bottom:.5rem }
.txtList li a{background: url(../images/ny/22.png;vpn_img) no-repeat center;background-size: 100% 100%;}	
.imgList li .txt{background: url(../images/ny/4.png;vpn_img) no-repeat center;background-size: cover}
.newsList li .txt span.arr{display: none}
.newsList li .txt{padding-right: .4rem}
.newsList li .txt .h4{font-size: .22rem}
.newsList li.nopic .txt{width: 100%;padding:.3rem .4rem .3rem .4rem;}

}
@media (max-width:900px){
.txtList li .h4{font-size: .2rem}
.newsList li .imgBox{width: 3.2rem;}
.newsList li .txt{width:calc(100% - 3.2rem);}
.newsList li .txt .p{display: none}
}
@media (max-width:640px){
.imgList li{width:100%;margin-bottom:.4rem }
.imgList li .txt .h4{height: auto}	
.newsList li a{flex-wrap: wrap;}
.newsList li .imgBox{width: 100%;}
.newsList li .txt{width:100%;padding: .2rem .3rem .3rem}
.newsList li.nopic .txt{width:100%;padding: .3rem .3rem .3rem}
.newsList li.nopic .txt .p{display: -webkit-box;line-height: 1.6em;font-size: .18rem}
.newsList li .txt .h4{line-height: 1.5em}
}
@media (max-width:540px){
.txtList li a{height: auto;padding: .2rem .2rem;flex-wrap: wrap;line-height: 1.4em;}
.txtList li .h4{background-position: left .05rem;width: 100%;margin-bottom: .15rem;line-height: 1.5em;}
.txtList li time{margin-left: .28rem}
}

/*概况*/
.umore a{display: flex;align-items: center;color:#3467ce }
.umore a i{display: block;width: .3rem;height: .3rem;position: relative;margin-right: .2rem}
.umore a i:before{position: absolute;left: .18rem;color:#3467ce;top: 50%;transform: translateY(-50%);font-size: .24rem }
.umore a i:after{position: absolute;top: 0;left: 0;right: 0;bottom: 0;content: ''; border: 1px dashed #3467ce;border-radius: 50%;animation: roted 10s linear infinite}
.nyab-a{padding-top: 2rem;position: relative;padding-bottom: .7rem}
.nyab-a:before{content: '';position: absolute;left: 0;top: 0;right: 0;height:60%;background: url(../images/ny/ab3.png;vpn_img) #e2e7f1 no-repeat right bottom;}
.nyab-a:after{content: '';position: absolute;left: 0;bottom: 0;right: 0;height:40%;background: url(../images/ny/ab4.jpg;vpn_img) no-repeat center;background-size: cover}
.nyab-a .swiper-button-disabled{display: none}
.nyab-a .left{width:5.5rem;padding-left: .66rem}
.nyab-a .left .slide-zcps{width:4.84rem;height:7.57rem;background: url(../images/ny/ab1.png;vpn_img) no-repeat center;background-size: 100% 100%;padding:.5rem .45rem;filter: drop-shadow(0 0 .15rem rgba(0,0,0,.2));  }
.nyab-a .left .slide-zcps:before{content: '';position: absolute;top: 0;left: 0;right: 0;height: .05rem;background: linear-gradient(45deg,#006ace 0%,#00cafe 100%);}
.nyab-a .left .slide-zcp:before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;background: rgba(255,255,255,.7);transform: rotate(-5deg);box-shadow: 0 0 .15rem rgba(0,0,0,.1)}
.nyab-a .left .slide-zcp:after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0;background: rgba(255,255,255,.2);transform: rotate(-10deg);box-shadow: 0 0 .15rem rgba(0,0,0,.1)}
.nyab-a .left .slide-zcps .tit{font-size: .36rem;text-align: center;font-weight: bold;margin-bottom: .35rem}
.nyab-a .left .slide-zc .page h5{font-size: .24rem;font-weight: normal;margin-bottom: .25rem}
.nyab-a .left .slide-zc .page  p{margin-bottom: .2rem;line-height: 2em;text-align: justify;text-indent: 2em}
.nyab-a .left .slide-zcp .swiBtn{position: absolute;right: .45rem;bottom: .45rem;z-index: 5}
.nyab-a .left .slide-zcp .swiBtn a{color: #3366cc}
.nyab-a .left .slide-zcp .swiBtn img{width: .34rem;margin-right: .1rem}
.nyab-a .right{width:52% }
.nyab-a .right .tit{margin-bottom: .6rem;height: .76rem;}
.nyab-a .right .h4{font-size: .36rem;font-weight: bold;margin-bottom: .1rem}
.nyab-a .right .data-list{margin-bottom: .9rem}
.nyab-a .right .data-list li{width: 50%;display: flex;align-items: center;padding: .25rem 0}
.nyab-a .right .data-list li .ico{width: .64rem}
.nyab-a .right .data-list li .txt{width: calc(100% - .64rem);padding-left: .3rem}
.nyab-a .right .data-list li .txt span{font-size: .48rem;display: inline-block;background: linear-gradient(45deg,#006ace 0%,#00cafe 100%);-webkit-background-clip: text;color: transparent;background: transparent\0;color: #006ace\0;}
.nyab-a .right .data-list li .txt p{color: #666}
.nyab-a .right .desc{font-size: .18rem;text-align: justify;text-indent: 2em;line-height: 1.8em;margin-bottom: .2rem}
.nyab-a .right .desc p+p{margin-top: .2rem}
.abtit{margin-bottom: .45rem}
.abtit span{font-size: .36rem;font-weight: bold;display: flex;align-items: center;}
.abtit span:before{content: '';display: block;width:.83rem;height: .21rem;background: url(../images/ny/linl.png;vpn_img) no-repeat left center;background-size: auto 100%;margin-right: .1rem }
.abtit span:after{content: '';display: block;width:.83rem;height: .21rem;background: url(../images/ny/linr.png;vpn_img) no-repeat right center;background-size: auto 100%;margin-left: .1rem }
.nyab-b{padding: .8rem 0;background: url(../images/ny/ab2-bg.png;vpn_img) no-repeat bottom center;background-size: cover}
.nyab-b .left{width: 47%}
.nyab-b .slide-yy{width: 48%}
.nyab-b .left .desc{line-height: 1.8em;font-size: .18rem;text-align: justify;text-indent: 2em;margin-bottom: .3rem}
.nyab-b .left .desc p{margin-bottom: .1rem}
.nyab-b .left .imgs li{width: 47.5%}
.nyab-b .left .imgs li img{width: 100%}
.nyab-b .slide-yy .imgBox:before{content: '';position: absolute;left: 0;bottom: 0;right: 0;z-index: 1;height: 40%;background: url(../images/blackms.png;vpn_img) no-repeat bottom center;background-size: 100% 100%;pointer-events: none}
.nyab-b .slide-yy .imgBox{height: 100%}
.nyab-b .slide-yy .imgBox .img{padding-bottom: 0;height: 100%}
.nyab-b .slide-yy .swiDots {display: flex;justify-content: center;align-items: center;position: absolute;bottom: .2rem;right: .2rem;z-index: 5;left: auto;width: auto}
.nyab-b .slide-yy .swiDots:before{content: '';height: 1px;background: rgba(255,255,255,.4);width: .35rem;display: block;margin-right: .1rem}
.nyab-b .slide-yy .swiDots:after{content: '';height: 1px;background: rgba(255,255,255,.4);width: .35rem;display: block;margin-left: .1rem}
.nyab-b .slide-yy .swiDots span{width: .29rem;height: .27rem;background:url(../images/dot.png;vpn_img) no-repeat center;background-size: 100% 100%;transform: scale(.8);transition: .3s;margin: 0 .06rem;opacity: .6;}
.nyab-b .slide-yy .swiDots span.active{opacity: 1;transform: scale(1);}

.nyab-c{padding: .8rem 0 2rem;background: url(../images/ny/ab3-bg.png;vpn_img)#e2e7f1 no-repeat bottom center;background-size: cover;overflow: hidden;width: 100vw}
.nyab-c .row-b dt{font-size: .36rem;font-weight: bold;background: linear-gradient(45deg,#006ace 0%,#00cafe 100%);padding:.1rem .3rem;text-align: center;color: #fff;border-radius: 0 .4rem 0 0 }
.nyab-c .row-b dd .map1,.nyab-c .row-b dd .map2{width: 100%;pointer-events: none;user-select: none} 
.nyab-c .row-b dd .address{position: absolute;z-index: 5;left: 5%;bottom: .8rem;z-index: 4}
.nyab-c .row-b dd .address h4{font-size: .24rem;display: flex;align-items: center;margin-bottom: .2rem}
.nyab-c .row-b dd .address h4 img{width: .34rem;margin-right: .1rem}
.nyab-c .row-b dd .address p{display: flex;align-items: center;margin-bottom: .18rem;font-size: .18rem}
.nyab-c .row-b dd .address p img{margin-right: .1rem;width: .11rem}
.nyab-c .row-a{margin-bottom: .5rem}
.nyab-c .row-a .slide-qyp{width: 7.28rem;height: 7.28rem;border-radius: 50%;position: relative;display: flex;justify-content: center;flex-direction: column;}
.nyab-c .row-a .slide-qy{width: 3.96rem;height: 3.96rem;border-radius: 50%;position: relative;margin: 0 auto;}
.nyab-c .row-a .slide-qy:before{content: '';width: 2.56rem;height: 2.56rem;position: absolute;left: 50%;top: 50%;margin-left: -1.28rem;margin-top: -1.28rem;z-index: 2;pointer-events: none;background: url(../images/ny/3.png;vpn_img) no-repeat center;background-size: 100% 100%}
.nyab-c .row-a .slide-qy .img{width: 100%;height: 100%;border-radius: 50%;overflow: hidden;}
.nyab-c .row-a .slide-qy .img img{width: 100%;height: 100%;object-fit: cover}
.nyab-c .row-a .slide-qyp .cirbg .ico{position: absolute;width: .4rem;height: .4rem;pointer-events: none;user-select: none}
.nyab-c .row-a .slide-qyp .cirbg .cir1{position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: url(../images/ny/cir1.png;vpn_img) no-repeat center;background-size: 100% 100%;animation: roted 50s linear infinite;pointer-events: none}
.nyab-c .row-a .slide-qyp .cirbg .cir2{position: absolute;top: 50%;left: 50%;width: 5.86rem;height: 5.86rem; background: url(../images/ny/cir2.png;vpn_img) no-repeat center;background-size: 100% 100%;margin-left: -2.93rem;margin-top: -2.93rem;animation: rotedb 60s linear infinite;pointer-events: none}
.nyab-c .row-a .slide-qyp .cirbg .cir3{position: absolute;top: 50%;left: 50%;width: 5.3rem;height: 5.3rem;background: url(../images/ny/cir3.png;vpn_img) no-repeat center;background-size: 100% 100%;margin-left: -2.65rem;margin-top: -2.65rem;animation: roted 60s linear infinite;z-index: 1;pointer-events: none}
.nyab-c .row-a .slide-qyp .cirbg .cir4{position: absolute;top: 50%;left: 50%;width: 5.12rem;height: 5.12rem;background: url(../images/ny/2.png;vpn_img) no-repeat center;background-size: 100% 100%;margin-left: -2.56rem;margin-top: -2.56rem;z-index: 0;pointer-events: none;animation: rotedb 30s linear infinite;}
.nyab-c .row-a .slide-qyp .cirbg .cir1 .ico{left: -.12rem;top:36%;animation: rotedb 50s linear infinite}
.nyab-c .row-a .slide-qyp .cirbg .cir3 .ico{left: -.12rem;top:39%;animation: rotedb 60s linear infinite}
.nyab-c .row-a .slide-qyp .cirbg .cir2 .ico:nth-child(1){left: -.12rem;top: 59%;animation: roted 60s linear infinite}
.nyab-c .row-a .slide-qyp .cirbg .cir2 .ico:nth-child(2){top: -.12rem;left: 61%;animation: roted 60s linear infinite}
.nyab-c .row-a .qyList{}
.nyab-c .row-a .qyList li{cursor: pointer;}
.nyab-c .row-a .qyList li .h4{font-size: .18rem;position: relative;padding-left: .45rem;}
.nyab-c .row-a .qyList li .h4 span{font-size: .3rem;position: absolute;left: 0;top: -.03rem;display: inline-block;background: linear-gradient(45deg,#006ace 0%,#00cafe 100%);-webkit-background-clip: text;color: transparent;background: transparent\0;color: #006ace\0;height: .31rem}
.nyab-c .row-a .qyList li .umore{margin-top: .1rem;margin-left: .2rem}

@media (min-width:1025px){
.nyab-c .row-a .qyList li.on{padding-bottom: .7rem;}
.nyab-c .row-a .qyList li.on .umore{opacity: 1;visibility: visible;margin-top: .25rem;transition: .3s}
.nyab-c .row-a .qyList li.on .h4{padding-top: 1.25rem;padding-left: 0;font-size: .3rem;transition: .3s}
.nyab-c .row-a .qyList li.on .h4 span{font-size: 1.1rem;top: 0;transition: .3s;height: 1.14rem}
.nyab-c .row-a .qyList li .umore{opacity: 0;visibility: hidden;}

}
@media (max-width:1024px){
.nyab-a{padding-top: 1.6rem}
.nyab-a .left{width:5.5rem;padding-left: .66rem;margin:  0 auto}
.nyab-a .right{width:100%;margin-top: .7rem}  
.nyab-c .row-a .qyList{width: 100%}
.nyab-c .row-a .slide-qyp{margin:0 auto}
.nyab-c .row-b dd .address{bottom: .3rem}
.nyab-c .row-a .qyList li{margin-bottom: .3rem;display: flex;justify-content: center;}
.nyab-c .row-a .qyList li .umore{margin-top: .3rem;margin-left: .3rem;display: none}
.nyab-c .row-a .qyList li .h4{font-size: .2rem}
.nyab-c .row-a .qyList li.on .h4 a{background: linear-gradient(45deg,#006ace 0%,#00cafe 100%);-webkit-background-clip: text;color: transparent;background: transparent\0;color: #006ace\0; }
}
@media (max-width:900px){
.nyab-b .left{width: 100%}
.nyab-b .slide-yy{width: 100%;margin-top: .4rem}
.nyab-b .slide-yy .imgBox .img{height: 55vw}
.nyab-c .row-b dd .map1{display: none}
.nyab-c .row-b dd .map2{display: block;}

.nyab-c .row-a .slide-qyp{width: 80vw;height: 80vw;}
.nyab-c .row-a .slide-qy{width: 39.6vw;height: 39.6vw;}
.nyab-c .row-a .slide-qy:before{width: 25.6vw;height: 25.6vw;margin-left: -12.8vw;margin-top: -12.8vw;}
.nyab-c .row-a .slide-qyp .cirbg .cir2{width: 68vw;height: 68vw; margin-left: -34vw;margin-top: -34vw;}
.nyab-c .row-a .slide-qyp .cirbg .cir3{width: 58vw;height: 58vw;margin-left: -29vw;margin-top: -29vw;}
.nyab-c .row-a .slide-qyp .cirbg .cir4{width: 51.2vw;height: 51.2vw;margin-left: -25.6vw;margin-top: -25.6vw;}
.nyab-a:before{height:68%;}
.nyab-a:after{height:32%;}
}
@media (max-width:640px){
.nyab-a{padding-top: 1.3rem}
.nyab-a .left{width:100%;padding-left: 0;margin: 0}
.nyab-a .left .slide-zcps{width:100%;height:auto;padding:.35rem .45rem; }
.nyab-a .left .slide-zcp:before{transform: rotate(-3deg);display: none}
.nyab-a .left .slide-zcp:after{transform: rotate(-6deg);display: none}
.nyab-a .left .slide-zc{padding-bottom: .7rem}
.nyab-a .left .slide-zcps .tit{font-size: .32rem}
.nyab-a .right .tit{height: auto;margin-bottom: .4rem}
.nyab-a .right .h4{font-size: .3rem}
.nyab-a .right .data-list li .txt p{font-size: .14rem}
.nyab-a .right .data-list li .txt{padding-left: .15rem}
.nyab-a .right .data-list li .txt span{font-size: .44rem}
.nyab-a .right .data-list{margin-bottom: .6rem}
.nyab-c .row-b dd .address{position: relative;bottom: 0}
.nyab-c .row-b dt{font-size: .32rem}
.nyab-b .left .imgs li{width: 48%}
.nyab-b .slide-yy{width: 100%;margin-top: .2rem}
}