@charset "utf-8";
.qjbanner{}
.qjbanner img{width: 100%}
.qjbanner:after{content: '';width: 100%;bottom: 0;position: absolute;left: 0;background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);z-index: 5;height: 30%;pointer-events: none;}
.nyqjkx .row-a{padding:.2rem 0 .6rem}
.nyqjkx .row-a video{object-fit: cover;position: relative;z-index: 3}
.nyqjkx .row-a .videoBox{max-width: 12rem;margin: 0 auto;position: relative;}
.nyqjkx .row-a .videoBox:before{content: '';position: absolute;left: -.1rem;top: -.1rem;right: .1rem;bottom: .2rem;background: var(--color)}
.row-b{margin-bottom: .4rem}
.row-b .imgs{width: 44%;position: relative;}
.row-b .imgs .img{position: relative;z-index: 5}
.row-b .txt{width: 56%;position: relative;}
.row-b .txt:after{content: '';position: absolute;top: -.1rem;left: .1rem;bottom: .3rem;right: -.1rem;background:  var(--color);z-index: 0}
.row-b .imgs:after{content: '';position: absolute;top: .1rem;left: -.1rem;bottom: -.1rem;right: .1rem;border: 1px solid var(--color);border-radius: 0 .8rem 0 0}
.row-b .txt .suTab{background:url(../images/ny/kx.png;vpn_img)  #fff no-repeat right bottom;box-shadow: 0 0 20px rgba(0,0,0,.1);padding: .5rem .4rem;height: 5.3rem;position: relative;z-index: 3}
.row-b .txt .suTab .hd{margin-bottom: .3rem}
.row-b .txt .suTab .hd ul li{font-size: .24rem;font-weight: bold;color: var(--color);padding: 0 .5rem 0 .3rem;line-height: .5rem;cursor: pointer;}
.row-b .txt .suTab .hd ul li.on{background: url(../images/ny/605.png;vpn_img) no-repeat right center;background-size: auto 100%;color: #fff;line-height: .5rem}
.row-b .txt .suTab .hd .mores a{display: block;width: .44rem;height: .44rem;text-align: center;line-height: .42rem;color: var(--color);border: 1px dashed var(--color);border-radius: 50%}
.row-b .txt .suTab .bd .scbox {
    /* max-height: 3.5rem; */
    padding-right: 0.2rem;
}
.row-b .txt .suTab .bd .scbox .tit{text-align: center;margin-bottom: .2rem;font-size: .22rem}
.row-b .txt .suTab .bd  .arc{text-align: justify;line-height: 1.8em;}
.row-b .txt .suTab .bd  .arc p+p{margin-top: .15rem}
.row-b .txt .suTab .bd .intro{text-align: justify;line-height: 2em;font-size: .18rem;}
.row-b .suTabs .hds{margin-bottom: .2rem}
.row-b .suTabs .hds ul li{width: 54%;text-align: center;cursor: pointer;/* padding: 0px 1%; */}
.row-b .suTabs .hds ul li img{height:.81rem }
.row-b .suTabs .hds ul li p{font-size: .18rem;margin-top: .1rem;/* text-align: left; */}
.row-b .suTabs .hds ul li.on {margin-right: 6%;width: 40%;}
.row-b .suTabs .hds .tab{text-align: justify;line-height:1.8em;}
.row-c{margin-bottom: .5rem}
.row-c .box{background: #f5f5f5;padding: .3rem 0}
.row-c .box .items{width: 33.3333%;padding:0 .3rem }
.row-c .box .items+.items{border-left: 1px dashed #ddd}
.row-c .box .items .tit{font-size: .18rem;font-weight: bold;color: var(--color);}
.row-c .box .left .tit{margin-bottom: .2rem}
.row-c .box .left ul li{width: 46%;text-align: center;font-size: .18rem;font-weight: bold;}
.row-c .box .left ul li h4{margin-top: .15rem}
.row-c .box .left ul li p{margin-top: .1rem}
.row-c .box .mid .tit{margin-bottom: .1rem}
.row-c .box .mid ul li{display: flex;padding: .05rem 0}
.row-c .box .mid ul li span{margin-right: .1rem;width: .6rem}
.row-c .box .mid .item1{border-bottom: 1px dashed #ddd;padding-bottom: .2rem;margin-bottom: .2rem}
.row-c .box .mid .item2 ul li{width: 20%}
.row-c .box .right .img{border: 5px solid rgba(255,255,255,.5);box-shadow: 0 0 15px rgba(0,0,0,.1);background: #fff;margin-bottom: .15rem}
.row-c .box .right .img img{width: 100% }
.row-c .box .right .tit{margin-bottom: .1rem;cursor: pointer;}
.row-c .box .right .tit a{color: var(--color)}
.row-c .box .right dl dd{display: none}
.row-c .box .right dl:nth-child(1) dd{display: block;}
.row-c .box .right dl dd ul{padding-bottom: .2rem; max-height: 2.4rem;}
.row-c .box .right dl dd ul li{width: 20%;padding: .05rem 0}
.nyqjkx .qjtit{text-align: center;margin-bottom: .4rem}
.nyqjkx .qjtit img{width: 3.9rem }
.hoverImg .img{transition: .3s;position: relative;z-index: 2}
.hoverImg .imgon{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;opacity: 0;visibility: hidden;transition: .3s}

@media(min-width: 1025px){
.hoverImgp:hover .hoverImg .imgon{opacity: 1;visibility: visible;z-index: 3}
.hoverImgp:hover .hoverImg .img{opacity: 0;visibility: hidden;}
.row-d .icolist li:hover .block{background: url(../images/ny/1500.png;vpn_img) no-repeat center;background-size: cover;color: #fff}
}
.row-d{margin-bottom: .6rem}
.row-d .icolist{margin-bottom: .3rem}
.row-d .icolist li{width:calc(16.6666% - .2rem)}
.row-d .icolist li .block{background: #f5f5f5;padding: .3rem 0;text-align: center;}
.row-d .icolist li .hoverImg{height: .45rem;width: .45rem;margin: 0 auto .1rem}
.row-d .icolist li p{font-size: .2rem}
.row-d dl{width: calc(50% - .14rem);background: #f5f5f5;padding: .3rem}
.row-d dl dt{margin-bottom: .25rem;position: relative;}
.row-d dl dt:after{content: '';position: absolute;height: 1px;left: .1rem;top: 50%;right: .1rem;background: #ddd;z-index: 0}
.row-d dl dt span{font-size: .3rem;color: var(--color);font-weight: bold;background:#f5f5f5;padding-right: .2rem;position: relative;z-index: 4 }
.row-d dl dt a{background:#f5f5f5;padding-left: .2rem;position: relative;z-index: 4;color: #666}
.row-d dl dt a:hover{color: var(--color)}
.row-d dl dd .sp{padding-bottom: .25rem;border-bottom: 1px dashed var(--color);margin-bottom: .1rem}
.row-d dl dd .sp a{display: flex;align-items: center;}
.row-d dl dd .sp .time{width: .7rem;height: .65rem;border: 1px solid var(--color);color: var(--color);text-align: center;font-size: .14rem}
.row-d dl dd .sp .time span{display: block;line-height: .4rem;height: .4rem;font-size: .26rem;font-family: 'Arial';font-weight: bold;}
.row-d dl dd .sp .time em{display: block;line-height: .25rem;height: .25rem;background: var(--color);color: #fff}
.row-d dl dd .sp .txt{padding-left: .2rem;width: calc(100% - .7rem);}
.row-d dl dd .sp .txt h4{line-height: 1.4em;font-size: .18rem;color: var(--color)}
.row-d dl dd .sp .txt p{margin-top: .05rem;color: #777;font-size: .15rem}
.row-d dl dd .list2 li:last-child{border-bottom: 0}
.row-d dl dd .list2 li time{background: transparent;color: #666;padding-left: 0}
.row-e{margin-bottom: .6rem}
.row-e ul li{width: 16.66666%;text-align: center;}
.row-e ul li img{height:1.27rem }
.row-e ul li h4{font-size: .18rem;margin-top: .15rem;font-weight: normal;}
.row-e ul li p{color: #666;margin-top: .05rem}

.row-f{margin-bottom: .5rem}
.row-f ul{display: flex}
.row-f ul li{width: 1.7rem;box-shadow:  0 5px 15px rgba(0,0,0,.15);;background: #f5f5f5;position: relative;overflow: hidden;transition: .5s}
.row-f ul li:nth-child(1){border-radius: .1rem 0 0 .4rem;}
.row-f ul li:nth-child(4){border-radius:0  .4rem .1rem 0 ;}
.row-f ul li.cur{width:calc(100% - 5.1rem);}
.row-f ul li.cur .default{opacity: 0;visibility: hidden;z-index: 0}
.row-f ul li .hoverBox{opacity: 0;visibility: hidden;position: absolute;top: 0;left: 0;bottom: 0;padding: .4rem;background: url(../images/ny/604.png;vpn_img) no-repeat center;background-size: cover;color: #fff;transition: .3s;width:8.9rem }
.row-f ul li .hoverBox .col img{height:.3rem;margin-right: .1rem }
.row-f ul li .hoverBox .col {font-size: .26rem}
.row-f ul li .hoverBox .li{margin-top: .3rem}
.row-f ul li .hoverBox .li .imgBox{width: 40%;border: 4px solid rgba(255,255,255,.3)}
.row-f ul li .hoverBox .li .imgBox .img{padding-bottom: 68%}
.row-f ul li .hoverBox .li .txt{width: 60%;padding-left: .4rem}
.row-f ul li .hoverBox .li .txt h4{font-size: .18rem;margin-bottom: .2rem;color: #fff}
.row-f ul li .hoverBox .li .txt time{margin-bottom: .15rem;display: block;color: #fff}
.row-f ul li .hoverBox .li .txt time i{margin-right: 5px}
.row-f ul li .hoverBox .li .txt p{font-size: .15rem;line-height: 1.8em;color: rgba(255,255,255,.7)}
.row-f ul li.cur .hoverBox{opacity: 1;visibility: visible;}
.row-f ul li .default{padding: .4rem 0;height: 5.45rem;position: relative;width: 1.7rem;transition: .3s;}
.row-f ul li .default .imgBox{width: 1.2rem;height: 1.2rem;border-radius: 50%;border: 4px solid #c4d4e1;margin: 0 auto}
.row-f ul li .default .imgBox .img{padding-bottom: 0;height: 100%}
.row-f ul li .default .txt{writing-mode: tb-lr;writing-mode: vertical-rl;max-height: 60%;margin-top: .15rem;position: absolute;left: 50%;transform: translateX(-50%);color: #666;line-height: 1.5em}
.row-f ul li .default .txt p{margin: 0 auto}
.row-g {margin-bottom: .5rem}
.row-g .box .img{width: 50%}
.row-g .box .txts{width: 48%;}
.row-g .box .txts:after{content: '';position: absolute;top: .1rem;left: -.1rem;bottom: -.1rem;right: .1rem;border: 1px solid var(--color);border-radius: 0 .8rem 0 0}
.row-g .box .txt{background:url(../images/ny/606.png;vpn_img) no-repeat center ;background-size: cover; padding: .4rem;border-radius: 0 .8rem 0 0;color: #fff;position: relative;z-index: 3}
.row-g .box .txt .tit{font-size: .24rem;font-weight: bold;margin-bottom: .2rem}
.row-g .box .txt .tit:after{content: '';position: absolute;left: 1rem;right: 0;height: 1px;background: rgba(255,255,255,.3);top: 50%}
.row-g .box .txt .tit img{height:.22rem;margin-left: .1rem }
.row-g .box .txt .desc{line-height: 1.8em;text-align: justify;}

@media (min-width: 1025px){
	.row-e ul li:hover h4{font-weight: bold;}
.row-e ul li:hover p{font-weight: bold;color: var(--color)}
}
@media (max-width: 1024px){
.row-b .imgs{width: 100%}
.row-b .imgs img{width: 100%}
.row-b .txt{width: 100%}
.row-b .txt .suTab{height: auto}
.row-c .box .items+.items{border-left: 0;border-top: 1px dashed #ddd}

.row-c .box .items{width: 100%;padding: .3rem }
.row-c .box .items .tit{font-size: .2rem}
.row-c .box{padding: 0}

.row-e ul{padding-bottom: .15rem;display: block;overflow: auto;white-space: nowrap;}
.row-e ul li{display: inline-block;width: auto;margin-right: .2rem}

.row-g .box .img{width: 100%;margin-bottom: .2rem}
.row-g .box .txts{width: 100%}
.row-f ul{flex-wrap: wrap;}
.row-f ul li{width: 100%;margin-bottom: .2rem}
.row-f ul li.cur{width: 100%}
.row-f ul li .hoverBox{position: relative;width: 100%;opacity: 1;visibility: visible;}
.row-f ul li.cur .hoverBox{display: block;}
.row-f ul li.cur .default {opacity: 1;visibility: visible;z-index: 2;}
.row-f ul li .default{padding: .3rem;height: auto;position: relative;width: 100%;transition: .3s;display: flex;align-items: center;display: none}
.row-f ul li .default .imgBox{margin: 0}
.row-f ul li .default .txt{position: relative;left: 0;transform: translateX(0);writing-mode: inherit;width: calc(100% - 1.4rem);max-height: inherit;margin-top: 0;margin-left: .3rem;font-size: .18rem}
.row-f ul li:nth-child(1){border-radius: 0;}
.row-f ul li:nth-child(4){border-radius:0}
}

@media (max-width: 900px){
.row-d dl{width: 100%}	
.row-d dl+dl{margin-top: .2rem}	
.row-d .icolist li{width: calc(33.3333% - .2rem);margin-bottom: .2rem}
.row-d .icolist{margin-bottom: .1rem}
}

@media (max-width: 640px){
.row-b .txt .suTab .hd ul li{font-size: .22rem;padding: 0 .4rem 0 .2rem;}
.row-b .txt .suTab .hd ul{display: block;overflow: auto;white-space: nowrap;width: calc(100% - .6rem)}	
.row-b .txt .suTab .hd ul li{display: inline-block;}
.row-f ul li .hoverBox .li .txt p{-webkit-line-clamp: 2;}		
}

@media (max-width: 480px){
.nyqjkx .qjtit img{width: 3.2rem}
.row-b .txt .suTab{padding: .4rem .3rem}
.row-d dl dd .sp .txt p{display: none}
.row-d .icolist li{width: calc(33.3333% - .1rem);margin-bottom: .2rem}	
.row-d .icolist li p{font-size: .18rem}
.row-d dl dt span{font-size: .26rem}
.row-f ul li .hoverBox .li .txt p{display: none;}
.row-f ul li .hoverBox .li .txt{padding-left: .2rem}
.row-f ul li .hoverBox{padding: .25rem}
}

/*1226*/
.row-g .box .img .dot li{position: absolute;z-index: 5;color: #fff;cursor: pointer;text-shadow: 0 0 5px rgba(0,0,0,1)}
.row-g .box .img .dot li:before{content: '';position: absolute;left: -.16rem;width: .14rem;height: .2rem;background: url(../images/18.png;vpn_img) no-repeat center;background-size: 100% 100%;top: 0;filter: drop-shadow(0 0 5px rgba(0,0,0,1));opacity: 0;visibility: hidden;}
.row-g .box .img .dot li.on:before{opacity: 1;visibility: visible;}
.row-g .box .img .imgs{pointer-events: none}
.row-g .box .img .imgs img{opacity: 0;visibility: hidden; width:100%;}
.row-g .box .img .imgs img+img{position: absolute;top: 0;left: 0;opacity: 0;visibility: hidden;}
.row-g .box .img .imgs img.on{opacity: 1;visibility: visible;}
.row-g .box .img .dot li.li1{left: 20%; top: 25%;}
.row-g .box .img .dot li.li2{left: 28%; top: 30%;}
.row-g .box .img .dot li.li3{left: 42%; top: 37%;}
.row-g .box .img .dot li.li4{left: 53%; top: 40%;}
.row-g .box .img .dot li.li5{left: 59%; top: 47%;}
.row-g .box .img .dot li.li6{left: 69%; top: 53%;}
.row-g .box .img .dot li.li7{left: 89%; top: 54%;}
.row-g .box .img .dot li.li8{left: 65%; top: 59%;}
.row-g .box .img .dot li.li9{left: 52%; top: 67%;}
.row-g .box .img .dot li.li10{left: 89%; top: 66%;}
.row-g .box .img .dot li.li11{left: 73%; top: 70%;}
.row-g .box .img .dot li.li12{left: 81%; top: 74%;}
.row-g .box .img .dot li.li13{left: 52%; top: 78%;}
.row-g .box .img .dot li.li14{left: 78%; top: 84%;}
.row-g .box .txts .txt ul li{display: none;}
.row-g .box .txt .tit{display: flex;}
.row-g .box .txt .tit span{background: #015899;padding-right: .2rem;position: relative;z-index: 3}
.row-g .box .txt .tit:after{z-index: 0}
@media (max-width: 640px){
.row-g .box .img .dot li.li9{left: 45%; top: 67%;}
.row-g .box .img .dot li.li13{left: 45%; top: 78%;}  
}


.kxslog .item{width: 48%}
                    .kxslog .item .tit{text-align: center;margin-bottom: .2rem} 
                    .kxslog .item .tit img{height: .81rem} 
                    .kxslog .item .tit p{font-size: .18rem;margin-top: .15rem;font-weight: bold;}
                      .kxslog .item .desc p{font-size: .18rem;;}
                    @media (max-width:640px){
                    .kxslog .item{width: 100%}  
                    .kxslog .item+.item{margin-top: .3rem}
                    }



.row-g .box .txt .desc{line-height: 1.8em;text-align: justify;height: 1.96rem;overflow: auto;padding-right: .1rem;}
.row-g .box .txt .desc::-webkit-scrollbar-thumb{background:#2a86d0}