* { margin: 0; padding: 0;}
.clear{ clear:both;}
.warp{ width:1100px; margin:0 auto;}
body { font: 14px/1.6 "Microsoft Yahei";}
 
*:focus { outline: none; }
 
img{margin:0;padding:0;border:none; -ms-interpolation-mode: bicubic;}
a { 
text-decoration: none;
border:none;
}
a:hover {
color:#fff;
text-decoration:none;
}
ul,li,p{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0; font-weight:normal}
.fl{ float: left; }
.fr{float: right;}

.inner { position: relative; width: 1100px; margin: 0 auto;}
.pagescroll-hd { position: fixed; top: 0; z-index: 1000; width: 100%; height:80px; background: url(../images/hd_bg.png) 0 0 repeat-x;}
.pagescroll-hd h1 { float: left;  height: 60px; margin-top: 10px;}
.pagescroll-hd h1 a { display: inline;  height:60px; text-indent: -9999px;  }
.pagescroll-hd h1 a img{ height: 100% }
.pagescroll-hd .nav { float: right; list-style-type: none;}
.pagescroll-hd .nav li { float: left; margin-left: 5px;}
.pagescroll-hd .nav a { float: left; padding: 0 30px; line-height:80px; font-size: 16px; color: #fff; text-decoration: none;}
.pagescroll-hd .nav a:hover { height: 62px; border-bottom: 2px solid #d0b98c; background: none;}
 
#pagescroll .section2 { background: url(../images/slider2.png) 0 0 repeat-x;}
#pagescroll .section3 { background: url(../images/part2.png) 0 0 repeat-x;}
#pagescroll .inner { width:75vw; height: 100%;}
#pagescroll .section1 {  background: url(../images/bg1.jpg) center  top;  }
#pagescroll .section1 .fp-tableCell { vertical-align: top;}
#pagescroll .section1 .war { height: 100%;overflow: hidden; }
#pagescroll .section1 .left_box{ width:575px; position:absolute; top:50%; margin-top:-244px; left:0;}
#pagescroll .section1 .left_box img{ width: 100% }
#pagescroll .section1 .left_boxbg{ background-image: url(../images/logo.png);}
#pagescroll .section1 .right_box{position:absolute; top:40%; margin-top:-30vh; right:0;width:100%; text-align: center; height: 50vh;}
#pagescroll .section1 .right_box h4{ line-height:30px; font-size:15px;  color:#fff; margin-top: 20px;}
#pagescroll .section1 .right_box h3{ line-height:30px; font-size:50px;  color:#fff; font-style:italic; margin-top: 20px;}
#pagescroll .section1 .right_box img{width:50%;height:80%;}
#pagescroll .section1 .right_box h1{ font-weight:bold; font-size:100px;  color:#0745bc; letter-spacing:5px; margin-bottom: 30px; text-shadow: 0px 0px 10px #2bfaff,0px 0px 10px #2bfaff,0px 0px 10px #2bfaff,0px 0px 10px #2bfaff,0px 0px 10px #2bfaff;}
#pagescroll .section1 .right_box .indexbuy {   display: block;    width: 220px;    height: 70px;    z-index: 1;}
#pagescroll .section1 .right_box a.btn {
  text-decoration: none;
  display: inline-block;
  background: none;
  border: 0;
  box-sizing: border-box;
  box-shadow: inset 0 0 0 2px #fff;
  color: #fff;
  font-size: 25px;
  font-weight: 700;
  margin: 3em 0 1em;
  padding: 25px 60px;
  text-align: center;
  text-transform: capitalize;
  position: relative;
  vertical-align: middle;
}
#pagescroll .section1 .right_box  a.btn::before, #pagescroll .section1 .right_box  a.btn::after {
  box-sizing: border-box;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
}

#pagescroll .section1 .right_box  a.btn {
  -webkit-transition: color 0.25s;
          transition: color 0.25s;
}
#pagescroll .section1 .right_box  a.btn::before, #pagescroll .section1 .right_box  a.btn::after {
  border: 2px solid transparent;
  width: 0;
  height: 0;
}
#pagescroll .section1 .right_box  a.btn::before {
  top: 0;
  left: 0;
}
#pagescroll .section1 .right_box  a.btn::after {
  bottom: 0;
  right: 0;
}
#pagescroll .section1 .right_box  a.btn:hover {
  color: #999;
}
#pagescroll .section1 .right_box  a.btn:hover::before, #pagescroll .section1 .right_box  a.btn:hover::after {
  width: 100%;
  height: 100%;
}
 
#pagescroll .section1 .right_box  a.btn:hover {
  color: #f45e61;
}
#pagescroll .section1 .right_box  a.btn::after {
  top: 0;
  left: 0;
}
#pagescroll .section1 .right_box  a.btn:hover::before {
  border-top-color: #fff;
  border-right-color: #fff;
}
#pagescroll .section1 .right_box  a.btn:hover::after {
  border-bottom-color: #fff;
  border-left-color: #fff;
  -webkit-transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;
          transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;
}
#pagescroll .section1 .right_box  a.btn:hover{ background: #fff; color: #2d7bb9 }
}
 
#pagescroll .section2 .fp-tableCell { vertical-align: top;}
#pagescroll .section2 .war { height: 100%;overflow: hidden; }
#pagescroll .section2 .left_box{ width:500px; height:300px;position:absolute; top:50%; margin-top:-150px; right:20px; overflow:hidden; 
  box-shadow: 15px 15px 10px #989898; border:1px solid #999;opacity:0;

}
#pagescroll .section3 .fp-tableCell { vertical-align: top;}
#pagescroll .section3 .war { height: 100%;overflow: hidden; }
#pagescroll .section3 .left_box{ width:500px; height:300px;position:absolute; top:50%; margin-top:-150px; right:20px; overflow:hidden; 
  box-shadow: 15px 15px 10px #989898; border:1px solid #999;opacity:0;

}
#pagescroll .section2 .right_box{position:absolute; top:50%; margin-top:-150px; left:0;width:540px;opacity:0;}
#pagescroll .section2 .right_box h4{ line-height:30px; color:#999;}
#pagescroll .section2 .right_box h1{ font-size:72px; color:#2c4e36; }
a.buttom{ display:block; width:130px; height:40px; line-height:40px; text-align:center; background:#f7941d; font-family:"微软雅黑"; font-size:18px; color:#fff; outline-style:none; border-radius:6px; margin:20px 0; }

#pagescroll .section3 .right_box{position:absolute; top:50%; margin-top:-150px; left:0;width:540px;opacity:0;}
#pagescroll .section3 .right_box h4{ line-height:30px; color:#999;}
#pagescroll .section3 .right_box h1{ font-size:72px; color:#2c4e36; }

/*
#pagescroll .section3 { background-color: #fdf6e4; background-image: none;}
#pagescroll .section3 .fp-tableCell { vertical-align: top; background: url(../images/slider2.1.jpg) 50% 0 no-repeat;}
#pagescroll .section3 .war { height: 100%;overflow: hidden;}
#pagescroll .section3 .left_box{ width:500px; height:300px;position:absolute; top:50%; margin-top:-150px; left:0px; overflow:hidden; 
  box-shadow: 15px 15px 10px #989898; border:1px solid #999;opacity:0;
}
*/
.op{opacity:1;}
/*
#pagescroll .section3 .right_box{position:absolute; top:50%; margin-top:-150px; right:0;width:540px;opacity:0;
}
#pagescroll .section3 .right_box h4{ line-height:30px; color:#999}
#pagescroll .section3 .right_box h1{ font-size:72px; color:#2c4e36;}
*/
a.buttom{ display:block; width:130px; height:40px; line-height:40px; text-align:center; background:#f7941d; font-family:"微软雅黑"; font-size:18px; color:#fff; outline-style:none; border-radius:6px; margin:20px 0;}

 


.ind-download{margin-top: 110px; }
.ind-download a{display: inline-block; padding-left: 40px; background: url(../images/downloag.png) left center no-repeat ; color: #fff; text-decoration: none; font-size: 18px; /*margin-right: 50px;*/ }
.ind-download a.ico-windows{ background-position: 0 0 }
.ind-download a.ico-mac{ background-position: 0 -63px }
.ind-download a.ico-ios{ background-position: 0 -124px }
.ind-download a.ico-Android{ background-position: 0 -185px }

#fp-nav ul li a span, .fp-slidesNav ul li a span{ border:none; background: #ccc;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{ background:#72c0e6 }

.vpnts{width:100%; min-width:1440px  margin:0 auto;}
.ts-part{width:1440px; margin:0 auto;}
.ult{width:370px; margin:5% auto;}  
.ult-df { text-align: center;}
.tuigs-xgfz{height:auto;}
.tuigs-xgfz-ul{width:1210px;}
.tuigs-xgfz-ul li{width:400px; float:left;height:180px;}
.tuigs-xgfz-img{width:75px;margin:0 auto;}
.tuigs-xgfz-div{width:340px;margin:0 auto;text-align:center; }
.tuigs-xgfz-div p{color:#989898;}
.tuigs-xgfz-div h2{padding:4px 0 4px 0;font-size:23px;font-family:'思源黑体 CN'; cursor:pointer;
  transition:color 0.5s;
  -moz-transition:color 0.5s; /* Firefox 4 */
  -webkit-transition:color 0.5s; /* Safari and Chrome */
  -o-transition:color 0.5s; /* Opera */
}
.tuigs-xgfz-div:hover h2{color:#00c1de;}
.tuigs-qiy{height:170px; }
.tuigs-qiy h2{width:1000px;margin:70px auto 0;padding-top:28px;text-align:center;font-size:30px; color:#fff;}
.tuigs-qiy p{width:300px;margin:40px auto;text-align:center; border:1px solid #fff;color:#fff; padding:8px;}
.tuigs-smkx{height:720px; width:1130px; }
.tuigs-smkx div{width:49.8%;height:100%;float:left;}
.tuigs-smkx div .left{width:500px;height:46%;margin-left:6%;}
.tuigs-smkx div .right{width:500px;height:47%;margin-left:6%; text-align:center;}
.tuigs-smkx div .right h2{padding:20px 0 10px 0; font-size:30px;font-family:'思源黑体 CN';}
.tuigs-smkx div .right p{padding:8px;font-size:17px;color:#989898;}
.tuigs-smkx div .right .right-p5{border:1px solid #ddd; width:100px;height:30px;line-height:30px; text-align:center;margin:20px auto;border-radius:5px;transition:color 0.5s,border-radius 0.5s,background 0.5s,width 0.5s,letter-spacing 0.5s;
  -moz-transition:color 0.5s,border-radius 0.5s,background 0.5s,width 0.5s,letter-spacing 0.5s; /* Firefox 4 */
  -webkit-transition:color 0.5s,border-radius 0.5s,background 0.5s,width 0.5s,letter-spacing 0.5s; /* Safari and Chrome */
  -o-transition:color 0.5s,border-radius 0.5s,background 0.5s,width 0.5s,letter-spacing 0.5s; /* Opera */}
.tuigs-smkx div .right .right-p5:hover{color:#fff;border-radius:20px;background:#227cf3;border:1px solid #227cf3;width:150px;letter-spacing:6px;}
.fffbtn,.bluebtn,.cjwt-li{transition:max-width 0.5s,letter-spacing 0.5s;
-moz-transition:max-width 0.5s,letter-spacing 0.5s; /* Firefox 4 */
-webkit-transition:max-width 0.5s,letter-spacing 0.5s; /* Safari and Chrome */
-o-transition:max-width 0.5s,letter-spacing 0.5s; /* Opera */}
.fffbtn:hover,.bluebtn:hover{max-width:440px;letter-spacing:6px;} 
#pagescroll .section2{padding: 150px 0}
#pagescroll .section3{padding: 150px 0}
.title-s {
  font-weight: 600;
  color: #1e1e1e;
  font-size: 1.1rem;
}
 
.title-box {
  margin-bottom: 10px;
  text-align: center;
}

.title-a {
  font-size: 3rem;
  letter-spacing: 5px;
  font-weight: bold;
  text-transform: uppercase;
}

.subtitle-a {
  color: #4e4e4e;
  margin-top:10px;
  margin-bottom:15px;
  letter-spacing: 1px;
}

.line-mf {
  width:70px;
  height: 5px;
 /* background-color: #0078ff;*/
 background-color: #24387f;
  margin: 0 auto;
}
.section2-vpn{display: flex; justify-content : center; margin-top: 30px;}
.section2-vpn li{width: 45%; height: 500px; padding: 10px; float: left; margin: 0 25px; text-align: center; }
.section2-vpn li img{ height: 550px;   width: 500px; margin-bottom: 10px;}
.section2-vpn li .mobile {height: 100px; width: 92%; margin-right:110px; margin-top: 100px; margin-bottom:0px;}
.section2-vpn li .mobile2{display:none;}
.section2-vpn li h2{ font-size: 5rem; margin-bottom: 15px; color:white;text-align:center;}
.section2-vpn li p{ font-size: 2.6rem; color:#24387f; text-align:center; font-style:italic; font-weight:bold;margin-left: 50px; position:absolute; top:67%; left:41%;}

.section3-vpn{display: flex; justify-content : center; margin-top: 30px;}
.section3-vpn li{width: 45%; height: 400px; padding: 60px; float: left; margin: 0 25px; text-align: center; padding-left:10px;padding-right:30px; }
.section3-vpn li img{ height: 600px;   width: 450px; margin-bottom: 0; margin-top: 0;}
.section3-vpn li .mobile {height: 600px; width: 400px;}
.section3-vpn li h2{ font-size: 5rem; margin-bottom: 15px; color:black;}
.section3-vpn li p{ font-size: 2.0rem; color:white;}
.vpnbuy{display: inline-block; width: 100%; text-align: center; margin-top:50px; }
.vpnbuy a{display: inline-block;padding: 8px 50px; background:#4d83cc; color: #fff; border-radius:35px; }

/*收费标准*/ 
.cardinner {
  width: 22%;
    font-size: 12px;
    margin: 20px 15px 30px;
    color: #AFAFAF;
    border-radius: 2px;
    transition: all 0.25s cubic-bezier(0.31, 1, 0.34, 1);
    position: relative;
    padding: 20px 0 35px 0;
    text-align: center;
    box-sizing: border-box;
}

.cardinner{
  color: rgba(255, 255, 255, 0.78);
  border-radius: 8px;
  background-image: -moz-linear-gradient( 58deg, rgb(134,144,169) 0%, rgb(194,204,228) 99%);
  background-image: -webkit-linear-gradient( 58deg, rgb(134,144,169) 0%, rgb(194,204,228) 99%);
  background-image: -ms-linear-gradient( 58deg, rgb(134,144,169) 0%, rgb(194,204,228) 99%);
  box-shadow: 0px 10px 42px 0px rgba(158, 162, 174, 0.5);
  position: relative;
  top: 0;
  background:#a7b1c9\9;
}

.cardinner.hovervip{
  color: rgba(255, 255, 255, 0.9);
  background-image: -moz-linear-gradient( 75deg,rgb(189,158,103) 0%,rgb(228,213,179) 100%);
  background-image: -webkit-linear-gradient( 75deg,rgb(189,158,103) 0%,rgb(228,213,179) 100%);
  background-image: -ms-linear-gradient( 75deg,rgb(189,158,103) 0%,rgb(228,213,179) 100%);
  box-shadow: 0px 10px 42px 0px rgba(189,158,103,0.7);
  background:#ceb688\9;
  }
.cardinner span{ display: block;}
.cardinner span b{font-size: 20px;}
.cardinner span:nth-child(1){ color:#fff; font-size:18px; padding-bottom:8px; padding-top:12px;}
.cardinner span:nth-child(2){ border-bottom:2px solid #fff; width:15px; height:3px; margin:0 auto;}
.cardinner span:nth-child(3){ font-size:40px; padding:30px 0px 20px 0px;}
.cardinner span:nth-child(4){ font-size:18px; padding:15px 0px 15px 0px;}
.cardinner span:nth-child(5){ line-height:30px;}
.cardinner span:nth-child(6){ line-height:30px;}
.cardinner span:nth-child(7){ line-height:30px;}
.cardinner span:nth-child(8){ line-height:30px;}
.secmid{ margin-top: 25%; }

#pagescroll .section4{   background: url(../images/bg3.jpg) repeat; }
.vipbuy{display: inline-block; width: 10vw; margin-top: 35px; border: 2px solid #fff; font-size: 16px; letter-spacing: 2px; color: #fff; border-radius: 30px; padding: 7px 40px;     -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s; }
.vipbuy:hover{ border-color: #fbce37; color: #fbce37 }

.mapbg{ width: 1100px; height: 80vh;   background: url(../images/rg.png) no-repeat; margin: 0 auto;margin-top:35px; color: #fff; text-align: center;}
.section5{position: relative; text-align: center; color:#dfdfdf; background: #000 }
.section5-title{width:60%;height: 70vh; text-align:left; margin: auto;}
.section5 h2{ margin-bottom: 25px; }
footer{position: absolute; bottom: 0; width: 100%; margin-top: 25px; padding:15px 0; border-top: 1px solid #3a3a3a }
footer p{ line-height: 35px; color: #fff}
footer .fr{ color: #fff}
footer .fr img{ vertical-align: middle; width: 200px}
.footer{display: inline-block; position: inherit; background: #000} 

.sect3{ padding-top: 5%;}
.sect3-a,.sect3-b{ display: inline-block; width: 100%;}
.sect3-a-proico{width: 50%; background:url(../images/protect.png) left center no-repeat; height: 388px;  }
.sect3-a-czico{width: 50%; background:url(../images/dpt.png) right center no-repeat; height: 446px;   }
.sect3txt{ width: 50%; margin-top:10%; }
.sect3txt h1{ margin-bottom: 5%; }
.sect3txt h4{ color: #8b8b8b; line-height: 35px; }

/*login*/
.login-form{
  
  margin-top:50px;
  padding:100px 0px 50px 0px;

}
.login-form h1{
  font-size:2em;
  color:#fff;
  font-weight:800;
  text-transform:uppercase;
  text-align:center;
  margin-bottom:2em;
/*-- w3layouts --*/
}
.top-login {
    width: 130px;
    height: 130px;
    display: block; 
    margin: 0 auto 2em; 
    position: relative;
}
.top-login span{ 
    width: 105px;
    height: 105px;
    display: block;
    margin: 0px auto;
    position: absolute;
    top: 11px;
    left: 11px;
}
.top-login  img{ 
  width: 100%;
    margin: 20px 0 0 0;
}
/*----*/

.login-top{
  width: 460px;
  display: block;
  margin: 0 auto;
}
.login-ic {
    background: rgba(255, 255, 255, 0.32); 
  margin-bottom:1.5em;
    padding: 8px; 

}
.login-ic input::placeholder{ color: #ccc }
.login-ic i {
        background: url(../images/m.png)no-repeat 6px 6px;
    width: 38px;
    height: 38px;
    float: left;
  /*-- agileits --*/
    display: inline-block;
}
.login-ic i.icon {
    background: url(../images/l.png)no-repeat 6px 6px;  
}
.login-ic input[type="text"],.login-ic  input[type="password"] {
      float: left;
    background: none;
    outline: none;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    padding: 10px 16px;
    border: none;
    border-left: 1px solid #585d7a;
    width: 82%;
    display: inline-block;
    margin-left: 7px;
}
.login-top1 .login-ic input[type="text"]{
  border:none;
}
.log-bwn {
  text-align: center;
}
.log-bwn input[type="submit"] {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    padding:8px 0;
    letter-spacing: 5px;
    background:#55c6ff;
    display: inline-block;
    width: 100%;
  outline:none; 
  border: none;
  cursor:pointer;
  text-transform:uppercase;
}
.log-bwn input[type="submit"]:hover{
  background:#cf9000;
  transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
    
}

.check-browser {
    position: absolute;
    background: #000;
    width: 200px;
    height: 150px;
    z-index: 1111;
    left: 50%; 
    top: 50%; margin-top: -75px; 
    margin-left: -100px;
}
.othercz { margin-top: 15px; }
.othercz a{ color: #fff }
.othercz a.fr{ color: #ccc; text-decoration: underline; }

/*--meadia quiries start here--*/
@media (max-width:1024px){
 
.login-form {
    padding: 60px 0px 40px 0px;
}

}

@media (max-width:600px){
.login-top {
    width: 425px;
}
.login-ic input[type="text"], .login-ic input[type="password"] {
    width: 79%;
}
}
 
@media (max-width:450px){
.login-top {
    width: 360px;
}
.login-ic input[type="text"], .login-ic input[type="password"] {
    width: 76%;
  /*-- agileits --*/
}
.top-login {
    width: 90px;
    height:90px;
    margin: 0 auto 3em;
}
.top-login span img {
    margin: 5px 0 0 5px;
}
.top-login span {
    width: 75px;
    height: 75px;
    top: 5px;
    left: 5px;
}
.login-form h1 {
    margin-bottom: 1em;
    font-size: 1.7em;
}
 
.login-form {
    padding: 80px 0px 45px 0px;
}
.login-ic {
    margin-bottom: 1em;
    padding: 3px;
}
.log-bwn input[type="submit"] {
    padding: 10px 0;
} 

} 

@media (max-width:384px){
.login-top {
    width: 340px;
}
.login-ic input[type="text"], .login-ic input[type="password"] {
    width: 75%;
} 
}

@media(max-width:320px){
.login-top {
    width: 280px;
}
.login-ic input[type="text"], .login-ic input[type="password"] {
    width: 70%;
}
.login-form {
    padding: 50px 0px 45px 0px;
}
 
}

/*帮助中心*/
.hp_top {
    margin-top: 80px;
    margin-bottom: 36px;
    height: 30px; 
    background: url(../images/bg_top.jpg) center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
  }
  .hp_top .hp_top_box {
    max-width: 1200px;
    margin: 0 auto 1.5em;
    padding-top: 45px;
    box-sizing: border-box;
}

.hp_top .hp_top_box>div { 
    box-sizing: border-box; 
    padding-left: 110px;
    zoom: 1;
}
.hp_top .hp_top_box>div i {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.hp_top .hp_top_box>div h2 {
  display: inline-block;
    font-size: 28px;
    vertical-align: middle;
    font-weight: 500;
    letter-spacing: 2px;
    margin-top: 10px;
}

.hp_top .hp_top_box>div p {
    color: #999;
}

.hp_top .hp_top_box>div:after {
    content: " ";
    clear: both;
    display: table;
}

.white{padding: 25px; background: #fff; min-height:500px; }
.FAQ ul {text-align:center;}
.FAQ li{ padding: 15px 0 }
.FAQ li h4{font-weight: bold; line-height: 30px; margin-bottom: 15px; font-size:30px; }
.FAQ li  p{ color: #666 ;font-size: 18px;}
.FAQ li  img{ width:40px;height:40px;}


.download-head {
    border-top: 1px solid #f1eeee;
    background: #fafafa;
    height: 55px;
    _width: expression((document.documentElement.clientWidth||document.body.clientWidth)<1020?"1020px":"");
}
.tab-download {
    display: block;
   float: right;
}
.tab-download li {
    float: left; 
    display: block;
    text-align: center;
    margin-right: 5px;
}
.tab-download li.xz-navsel a span,.tab-download li:hover a span{
  background: #ddd;
}
.tab-download li a {
    display: block;
    height: 55px;
    line-height: 55px;
    cursor: pointer;
    outline: 0;
    position: relative;
    color: #333
}
.tab-download li a span { 
  padding: 0 15px;
  height: 35px; 
  line-height: 35px; 
  margin: auto 0; 
  position: relative; 
  top: 10px;
  display: block;  
  border-radius: 20px;
  -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
}
.download-info {
  width: 100%;
  background:white; 
  overflow: hidden;
  _width: expression((document.documentElement.clientWidth||document.body.clientWidth)<1020?"1020px":"");
}
.content {
    display: none;
    text-align: center;
} 
.content-info { 
  display: inline-block;
    position: relative;
    width: 1040px;  
    padding: 25px 0
}
.content-info img{ height: 500px; }
.wincontent .content-info .iphone-down  img{ width: 100%; height: auto; }
 

.content-info .clint { 

  padding-top: 30px;
    line-height: 23px;
    color: #000;
    font-size: 14px;
    font-family: "microsoft yahei"; 
    text-align: left;
}
.content-info .clint h1{ margin-bottom: 20px; }
.content-info .clint .first {
    float: left;
    margin-right: 25px;
}
.clint-ewm{ margin-top: 25px; }
.clint-ewm img{ width: 130px; height: 130px; margin-left: 15px;}
 
.clint .clint-guanjia {
  margin-top: 30px;
  font-size: 16px;
  width: auto;height: auto;
      padding: 7px 50px;
    background: #55a2ca;
    color: #fff;
    border-radius: 35px;
} 
.guanjia-c a {
    float: left;
}
.clint a {
    display: inline-block;
    height: 58px;
    width: 183px;
    margin-top: 5px; 
    outline: 0;
}
.iphone-down{ text-align: center; }
.backindex{display: inline-block;  margin-top: 10px; height: 35px; line-height: 38px; color: #333; font-size: 16px; background: url(../images/home.png) 2px center no-repeat; background-size: 23px auto; padding-left:32px; }
.backindex:hover{ color: #069 }

.main-timeline{
  overflow: hidden;
  position: relative;
}
.main-timeline .timeline{
  position: relative;
  margin-top: -95px;
}
.main-timeline .timeline:first-child{ margin-top: 0; }
.main-timeline .timeline:before,
.main-timeline .timeline:after{
  content: "";
  display: block;
  width: 100%;
  clear: both;
}
.main-timeline .timeline:before{
  content: "";
  width: 100%;
  height: 100%;  
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.main-timeline .timeline-icon{
  width: 140px;
  height: 140px;
  border-radius: 50%;
  border: 25px solid transparent;
  border-top-color: #f44556;
  border-right-color: #f44556;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  transform: rotate(45deg);
}
.main-timeline .year{
  display: block;
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 20px rgba(0,0,0,0.4);
  margin: auto;
  font-size: 18px;
  font-weight: bold;
  color: #f44556;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transform: rotate(-45deg);
}
.main-timeline .timeline-content{
  width: 37%;
  float: right;
  background: #f44556;
  padding: 15px 20px;
  margin: 50px 0;
  z-index: 1;
  position: relative;
}
.main-timeline .timeline-content:before{
  content: "";
  width: 20%;
  height: 15px;
  background: #f44556;
  position: absolute;
  top: 50%;
  left: -20%;
  z-index: -1;
  transform: translateY(-50%);
}
.main-timeline .title{
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  margin: 0 0 10px 0;
}
.main-timeline .description{
  font-size: 16px;
  color: #fff;
  line-height: 24px;
  margin: 0;
} 
.main-timeline .timeline:nth-child(2n) .timeline-icon{ transform: rotate(-135deg); }
.main-timeline .timeline:nth-child(2n) .year{ transform: rotate(135deg); }
.main-timeline .timeline:nth-child(2n) .timeline-content{ float: left; }
.main-timeline .timeline:nth-child(2n) .timeline-content:before{
  left: auto;
  right: -20%;
}
.main-timeline .timeline:nth-child(2n) .timeline-icon{
  border-top-color: #e97e2e;
  border-right-color: #e97e2e;
}
.main-timeline .timeline:nth-child(2n) .year{ color: #e97e2e; }
.main-timeline .timeline:nth-child(2n) .timeline-content,
.main-timeline .timeline:nth-child(2n) .timeline-content:before{ background: #e97e2e; }
.main-timeline .timeline:nth-child(3n) .timeline-icon{
  border-top-color: #13afae;
  border-right-color: #13afae;
}
.main-timeline .timeline:nth-child(3n) .year{ color: #13afae; }
.main-timeline .timeline:nth-child(3n) .timeline-content,
.main-timeline .timeline:nth-child(3n) .timeline-content:before{ background: #13afae; }
.main-timeline .timeline:nth-child(4n) .timeline-icon{
  border-top-color: #105572;
  border-right-color: #105572;
}
.main-timeline .timeline:nth-child(4n) .year{ color: #105572; }
.main-timeline .timeline:nth-child(4n) .timeline-content,
.main-timeline .timeline:nth-child(4n) .timeline-content:before{ background: #105572; }
@media only screen and (max-width: 1199px){
  .main-timeline .timeline{ margin-top: -103px; }
  .main-timeline .timeline-content:before{ left: -18%; }
  .main-timeline .timeline:nth-child(2n) .timeline-content:before{ right: -18%; }
}
@media only screen and (max-width: 990px){
  .main-timeline .timeline{ margin-top: -127px; }
  .main-timeline .timeline-content:before{ left: -2%; }
  .main-timeline .timeline:nth-child(2n) .timeline-content:before{ right: -2%; }
}
@media only screen and (max-width: 767px){
  .main-timeline .timeline{
    margin-top: 0;
    overflow: hidden;
  }
  .main-timeline .timeline:before,
  .main-timeline .timeline:nth-child(2n):before{
    box-shadow: none;
  }
  .main-timeline .timeline-icon,
  .main-timeline .timeline:nth-child(2n) .timeline-icon{
    margin-top: -30px;
    margin-bottom: 20px;
    position: relative;
    transform: rotate(135deg);
  }
  .main-timeline .year,
  .main-timeline .timeline:nth-child(2n) .year{ transform: rotate(-135deg); }
  .main-timeline .timeline-content,
  .main-timeline .timeline:nth-child(2n) .timeline-content{
    width: 100%;
    float: none;
    border-radius: 0 0 20px 20px;
    text-align: center;
    padding: 25px 20px;
    margin: 0 auto;
  }
  .main-timeline .timeline-content:before,
  .main-timeline .timeline:nth-child(2n) .timeline-content:before{
    width: 15px;
    height: 25px;
    position: absolute;
    top: -22px;
    left: 50%;
    z-index: -1;
    transform: translate(-50%,0);
  }
}

.management{display: inline-block; width: 100%; height: 300px; margin-top: 80px; margin-bottom: 20px; background:url(../images/mangement.jpg) no-repeat top center;}
.logoh1{ position: relative; z-index: 111 }
.logo2{ float: left; margin-top: 10px; margin-right: 15px; } 
.manage-r{ float: left; width: 100%; min-height: 800px; border:1px solid #e8e8e8; }
.manage-l li{line-height: 55px; border-bottom: 1px solid #e8e8e8 }
.manage-l li a{ display: table; width: 271px; font-size: 16px; color: #000 }
.manage-l li a.gl-sel,.manage-l li a:hover{ background: #c9a267; color: #fff}
.manage-l li a i{  display: inline-block; width: 9px; height: 9px; margin-left: 35px; margin-right: 5px; background:url(../../images/home2/arr.png) no-repeat;}
.manage-l li li{ line-height: 35px; margin-left: 50px; border:none; }
.manage-l li li a{ width: auto; color: #999 }
.manage-l li ul{ display:none; margin-bottom: 5px; }
.manage-l li a i.mang-sel{ background-position: 0 -18px }
.manage-l li li a.mage-red,.manage-l li li a:hover{ color: #f00 }
.manage-r .crumbs{ padding: 25px; }
.manage-r .crumbs,.manage-r .crumbs a,.manage-r .crumbs span{ color: #999999 }
.manage-r .crumbs a{ margin: 0 5px; }
.manage-r .crumbs a.red,.manage-r .crumbs a:hover{ color: #f00 }
.w1375 {width: 1375px; margin: 0 auto;}
.recharge{ width: 95%; margin: 20px;}
.recharge-a{ padding-bottom: 15px; border-bottom: 1px solid #ebeaea }
.recharge-a span{ margin-right: 25px; font-size: 14px; }
.recharge-a span b{color: #f00 }
.recharge-b{ padding-top: 20px; }
.recharge-b p,.recharge-d p{ color: #1a93ca; font-size: 14px;}
.recharge-b ul{ display: inline-block; width: 100%; margin-top: 15px; }
.recharge .table{ margin: 20px; margin-left: 0; text-align: center; border:1px solid #e8e8e8; font-size: 14px;}
.recharge .table td{ padding:8px 5px; color: #999; }
.recharge .table>thead>tr>th{ padding: 10px 0; text-align: center; border-bottom: 1px solid #ddd}
.recharge .table td a.btn{ margin: 0 5px; }
.recharge .table>tbody>tr>td{ vertical-align: middle; }
.recharge-b .cz-custom{ width: 203px; height: 55px; line-height: 55px; text-align: center; border: 1px solid #ccc; background: #f5f5f5; margin-bottom: 14px; margin-right: 19px; font-size: 16px; font-weight: bold; cursor: pointer;  }
.recharge-b ul{ padding: 0 }
.recharge-b li{ float: left; width: 23%; margin: 0 1%; border: 1px solid #D8D9D8; background: #fff; border-radius: 5px; cursor: pointer; }
.recharge-b .cz-custom{ float: left; background: #fff }
.recharge-b .cz-custom input{width: 180px; padding: 0 10px;  margin-bottom: 4px; text-align: center; height: 50px; line-height: 50px;  border: none; font-size: 16px;}
.recharge-b li.cz-active{  background: #5bc0de; color: #fff;  color: rgba(255, 255, 255, 0.9);
  background-image: -moz-linear-gradient( 75deg,rgb(189,158,103) 0%,rgb(228,213,179) 100%);
  background-image: -webkit-linear-gradient( 75deg,rgb(189,158,103) 0%,rgb(228,213,179) 100%);
  background-image: -ms-linear-gradient( 75deg,rgb(189,158,103) 0%,rgb(228,213,179) 100%);
   }
   .recharge-b li.cz-active span{ color: #fff }
.recharge-c{ display: inline-block; width: 100%; min-height: 50px; padding: 10px; }
.recharge-d p{ margin: 20px 0 10px; }
.czerm{ float: left; width: 150px; text-align: center; }
.czerm p{ line-height: 25px; font-size: 16px; margin-bottom: 5px; }
.czerm-wx{   float: left; font-size: 16px; margin-left: 15px; }
.czerm-wx .czerm-fs{ float: left; margin: 35px 0 ;  }
.czerm-wx .czerm-fs b{ line-height: 60px; }
.czerm-wx  b{ float: left; font-weight: normal; margin-right: 10px; }
.czerm-wx .czerm-fs span{ float: left;  height: 69px; border: 2px solid #ccc; min-width: 100px; margin-right: 15px;  }
.czerm-wx .czerm-fs span.zfactive{ border: 2px solid #5bc0de }
.czerm-wx .czerm-fs span i{ display: inline-block;  width:255px;   height: 65px;  background: url(../images/pay.jpg) no-repeat;}
.czerm-wx .czerm-fs span i.zfbico{ background-position: 0 0; width: 174px; }
.czerm-wx .czerm-fs span i.visaico{ background-position: 10px -103px; width: 102px; }
.czerm-wx .czerm-fs span i.ppico{ background-position: 0 -200px; width: 142px;}
.czerm-wx .czerm-je span{ color: #f00; margin-left: 15px;  font-size: 24px; line-height: 25px;}
.czerm-wx .czerm-je .czerm-many{ display: block; width: 100%; }
.czerm-wx .czerm-je .p-many a{ display: inline-block; padding: 7px 30px; font-size: 18px; border-radius: 3px; background: #f0ad4e; color: #fff; margin-top:30px; margin-bottom: 20px; }
.czerm-wx .czerm-je .p-many a:hover{ background: #ff9600 }
.panel .panel-body .areas0{ padding-top: 40px }
.panel .panel-body .areas0 .userinfo{ padding-left: 0 }
.panel .panel-body .areas .media a.pad5{ position: static; background: none; text-decoration: underline; color: #337ab7; margin-left: 10px; }
.panel .panel-body .areas .media a.btn-danger{ color: #fff; background-color: #d9534f; border-color: #d43f3a;}
.coins,.money{ line-height: 30px; }

.manag-l{ float: left; margin-top: 90px;  }
.manag-l span{float: left; margin-right: 20px;}
.manag-l span p{ font-size: 16px; color: #fff; line-height:25px; margin-bottom: 10px;}
.manag-l span p em{display: inline-block;}
.manag-l span p input{ color: #333; width: 50px; height: 25px; border: none; padding: 3px;  border-radius: 3px; line-height: 20px; margin-left: 20px;}
.manag-l img{ width: 120px; height: 120px; border-radius: 50%; border: 5px solid #fff }
.manag-r{position: relative; width: 365px;  height: 230px; float: right; margin-top: 35px;  background: url(../images/card.jpg) no-repeat;}
.manag-r p{ position: absolute; bottom: 0; left: 0; line-height: 50px; font-size: 16px;color: #fff; padding-left: 15px; font-weight: bold; }
.manag-l p b{ margin-right: 10px; }
.manag-l p a{display: inline-block;margin-left: 25px; text-decoration: underline; font-size: 14px; color:#555555}
.manage-nav{float: left; width: 100% }
.manage-nav li{float: left;  padding: 10px 25px; background: #f1f1f1; margin-right: 15px; }
.manage-nav li a{ font-size: 14px; color: #333}
.manage-nav li.gl-sel{ background:#f0ad4e }
.manage-nav li.gl-sel a{color: #fff}
.recharge-b .cardinner{width: 100%; position: relative; margin: 0; background: none;box-shadow: none }
.recharge-b .cardinner span{ color: #80838D}
.recharge-b .cardinner span:nth-child(3){font-weight: bold;}
.recharge-b .circle{  position: absolute; top:5px; left: 5px; width: 25px; height: 25px; border-radius: 50%; border: 1px solid #ccc }
.recharge-b li.cz-active .circle{ background: url(../images/gou.png) no-repeat ; }
.editbtn{ padding: 3px 15px; background: #fff;border: none; border-radius: 5px; margin-top: 5px;font-size: 14px; }

.section2 .section2-vpn,.section2 .title-box,.section2 .vpnbuy,.section3 .section3-vpn,.section3 .title-box,.section3 .vpnbuy,.section3 .sect3txtl,.section3 .sect3-a-proico,.section3 .sect3txtr,.section3 .sect3-a-czico,.section4 .title-box,.section4 .cardinner{ opacity: 0;  opacity: 1\9; }
.secmid{ margin-top: 150px\9; }


.suggest{ padding:10px  25px 25px; min-height: 600px; }
.suggest-cont input{ width: 50%; padding: 0 0.2rem; box-sizing: border-box; height:35px; line-height: 35px; border:1px solid #ccc; border-radius: 0.1rem; background: #fdfffe }
.suggest-cont textarea{width: 100%; height:200px; border-color: #ccc; padding: 10px; border-radius: 5px; box-sizing: border-box; background: #fdfffe}
.suggest-cont span{display: inline-block; width: 100%; padding: 5px 0; color: #333; font-size: 16px; margin-top:15px}
.tjbtn{ text-align: center; margin-top: 1rem; }
.tjbtn a{ display: inline-block; padding: 7px 25px; background:#37a1d4; color: #fff; font-size: 18px; border-radius: 5px; }

.footeroth{display: inline-block; position: inherit; background: #000}
@media screen and (max-width:1440px) {
 
.inner{ width: 1200px }
}
@media screen and (max-width:1200px) {  
.inner{ width: 980px; }

}
@media screen and (max-width:1440px) {
.manage-l,.manage-l li a{ width: 205px; } 
.mange-hdlist li,.hdlist-pic,.hdlist-pic img{ width: 295px; }
.mange-hdlist li{ height: 220px; }
#pagescroll .section1 .right_box .ind-download{margin-top:30px;}

.section2-vpn li{width: 45%; height: 330px; padding: 0px; float: left; margin: 0 20px; text-align: center; }
.section2-vpn li img{ width:auto; height: 400px; margin-top: 0}
.section2-vpn li .mobile {height: 80px; width: 92%; }
.section2-vpn li h2{ font-size: 5rem; margin-bottom: 15px; color:white;text-align:center;}

.section3-vpn li{width: 45%; height: 290px; padding: 10px; float: left; margin: 0 15px; text-align: center; padding-left:40px; padding-right:40px;}
.section3-vpn li img{ height: 450px;   width: 350px; margin-bottom: 0; margin-top: 0;}
.section3-vpn li .mobile {height: 450px; width: 300px;}

}

/*@media screen and (max-width:1024px) {
#pagescroll .section1 .right_box h1{ font-size: 50px; }
#pagescroll .section1 .right_box h4{ font-size: 20px; }
#pagescroll .section1 .right_box h3{ font-size: 35px; }
#pagescroll .section1 .right_box img{height:400px;width:50%; margin-top:200px;background:red;}
	
.section2-vpn li{width: 50%; height: 350px; padding: 10px; float: left; margin: 0 70px; text-align: center; }
.section2-vpn li img{ width:auto; height: 400px; margin-top: 0; padding-left:80px;}
.section2-vpn li .mobile {max-width:80%;position:absolute; top:70%; right:3%;}
.section2-vpn li h2{ font-size: 5rem; margin-bottom: 15px; color:white;text-align:center;}
.section2-vpn li p{ font-size: 2.0rem; color:#24387f; text-align:center; font-style:italic; font-weight:bold;margin-left: 50px; position:absolute; top:80%; left:2.5%;}

.section3-vpn li{width: 45%; height: 290px; padding: 0px; float: left; margin: 0 70px; text-align: center;}
.section3-vpn li img{ max-height: 90%;   max-width: 100%; margin-bottom: 0; margin-top: 0; margin-left:100px;}
.section3-vpn .mobileclass {width: 40%; height: 130px; padding: 0px; float: left; margin: 0 10px; text-align: center; }
.section3-vpn li .mobile {height: 40; width: 50%;}
.section3-vpn .mobileclass .icon1{font-size: 2.0rem; margin-bottom: 15px; color:black; position:absolute; bottom:37%; left:19%; font-style:italic; font-weight:bold;}
.section3-vpn .mobileclass .icon2{font-size: 2.0rem; margin-bottom: 15px; color:black; position:absolute; bottom:37%; left:68%; font-style:italic; font-weight:bold;}
.section3-vpn .mobileclass .icon3{font-size: 2.0rem; margin-bottom: 15px; color:black; position:absolute; bottom:13%; left:19%; font-style:italic; font-weight:bold;}
.section3-vpn .mobileclass .icon4{font-size: 2.0rem; margin-bottom: 15px; color:black; position:absolute; bottom:13%; left:68%; font-style:italic; font-weight:bold;}

}*/

@media screen and (max-width:1200px) {
.manage-l,.manage-l li a{ width: 185px; } 
 .recharge-b .cz-custom{ width: 155px; height: 45px; line-height: 45px; margin-bottom: 10px; }
.recharge-b .cz-custom input{ width: 153px; height: 43px; }
.czerm-wx .czerm-je .p-many a{ margin: 10px 0 }
.suggest-cont textarea{ height: 100px; }
.suggest-cont input{ width: 100% }
.suggest{ min-height: 200px; }
}
@media screen and (max-width:1200px) { 
.inner{ width: 100%; }
.wincontent .content-info .iphone-down img{ width: 100% }
.content-info .clint{text-align: center;}
.clint .clint-guanjia{ float: initial; display: inline-block; margin-top: 15px; }
.main-timeline .timeline-icon{border-width: 15px;}
.main-timeline .timeline-content{ width: 42%;  }
.main-timeline .timeline{ margin-top: -85px; }
.content-info{ width: auto; }
.pad0{ padding: 0 }
.section2-vpn li{width: 100%; margin-top: 15px;}
.section3-vpn li{width: 100%; margin-top: 15px;}

.vipbuy{ width: 50%; margin-top: 0}
#pagescroll .section1 .left_box,#pagescroll .section1 .right_box{ position: inherit; margin: 0; top: 0}
#pagescroll .section1 .left_box{text-align: center; margin-top: 20% }
#pagescroll .inner{width:100VW}

.section2-vpn li{ width: 45%; height: 330px; padding: 0px; float: left; margin: 0 1px; text-align: center; margin-top: 25px; padding-left:100px;}
.section2-vpn li p{ width: 85%; height: 34vh;}
#pagescroll .section2{ padding:  0; padding-top: 100px;}
#pagescroll .section2 .section2-vpn{ margin-top: 100px; }
.section2-vpn li img{ width:auto; height: 360px; margin-top: 0}
.section2-vpn{ margin-top: 15px; }
.section2-vpn li .mobile {height:70px; width: 90%; margin-right: 120px; margin-top: 40px; margin-bottom:0px;}

.section3-vpn li{ width: 45%; height: 34vh; margin-top: 25px;padding-left:20px;}
.section3-vpn li p{ width: 90%; height: 34vh;}
#pagescroll .section3{ padding:  0; padding-top: 100px;}
#pagescroll .section3 .section3-vpn{ margin-top: 50px; margin-bottom:300px;}
.section3-vpn{ margin-top: 15px; }
.section3-vpn li img{ height: 450px;   width: 350px; margin-bottom: 0; margin-top: 0;}
.section3-vpn li .mobile {height: 450px; width: 300px;}

.sect3-a,.sect3-b{ padding: 0 20px; }
.mapbg{width: auto; background-size: 80% auto;background-position:center top; }

.section5-title{margin-top:80px;}
.section5-title img{width:90%; margin: auto;}
.section5-title p{font-size:10px;height: 10vh; text-align:left; margin: auto;}

.cardinner{ width: 40%; padding: 10px 0 15px 0; margin: 15px 0}
.cardinner span:nth-child(3){ padding: 5px 0; font-size: 36px;} 
#pagescroll .section1 .right_box h1{ font-size: 50px; }
#pagescroll .section1 .right_box h4{ font-size: 20px; }
#pagescroll .section1 .right_box h3{ font-size: 35px; }
#pagescroll .section1 .right_box img{height:100%;margin-top:120px;}
#pagescroll .section1 .right_box{padding-bottom:150px;}
#pagescroll .section1 .left_box{ width: 100%; float: left;}
.secmidsf{ display: inline-block; width:90%; padding: 0 5%  }
.cardinner{ margin-left: 5%; }
.vpnbuy{ display: none; }
.sect3-a-czico{ background-size: 50% auto;  background-position:  top center }
.sect3-a-proico{background-size: 50% auto; height: 340px;}

.clint-ewm{ margin-top: 25px; }
.clint-ewm img{ width: 130px; height: 130px; margin-left: 1px;}
}

@media screen and (max-width:980px) {

.sect3txt,.sect3-a-proico,.sect3-a-czico,.cardinner{ width: 100% }
.cardinner{ margin-left:0; }
.sect3-a-proico{ height: 0 }
.sect3-a-czico{ background-position: center; }

.section2-vpn li img{ width:auto; height: 360px; margin-top: 0}
.section2-vpn{ margin-top: 15px; }
.section2-vpn li .mobile {height:70px; width: 90%; margin-right: 120px; margin-top: 40px; margin-bottom:0px;}

.section5-title p{font-size:7px;height: 15vh; text-align:left; margin: auto;}
  }
@media screen and (max-width:767px) { 
.main-timeline .timeline{ margin-top: 0 }
.content{ background: #fff }
.clint-ewm img{ margin-left: 0 }
} 

@media screen and (min-width:768px) {
.navbar-toggler{ display: none; }

}
@media screen and (max-width:768px){
#pagescroll .section1 .right_box img{height:100%;margin-top:120px;}
#pagescroll .section1 .right_box{padding-bottom:150px;height:100%;}

.section2-vpn li img{ width:auto; height: 360px; margin-top: 0}
.section2-vpn{ margin-top: 15px; }
.section2-vpn li .mobile {max-height:50px; max-width: 100%; margin-right: 110px; margin-top: 40px; margin-bottom:0px;}
.section2-vpn li{ width: 45%; height: 330px; padding: 0px; float: left; margin: 0 1px; text-align: center; margin-top: 25px; padding-left:50px;}

.section3-vpn li{width: 45%; height: 290px; padding: 0px; float: left; margin: 0 15px; text-align: center; padding-right:10px;}
.section3-vpn li img{ max-height: 350px;  max-width: 320px; margin-bottom: 0; margin-top: 0;}
.section3-vpn li .mobile {max-height: 350px; max-width: 270px;}


.content-info .clint {padding-top: 40px;line-height: 23px;color: #000;font-size: 16px;font-family: "microsoft yahei"; font-weight:bold; }
.content-info .clint h1{color:#fff;}
.clint-ewm{ margin-top: 25px; }
.clint-ewm img{ width: 130px; height: 130px; margin-left: 5px;}
}

@media (max-width:1023px){
  .vpnbuy{ display: block; }
  #pagescroll .section3{ margin-top: 20px ;padding-bottom: 20px; }
.section5{ padding-top: 30px; }
.sect3txt h4{ font-size: 16px; line-height: 25px; } 
#pagescroll .section2{ padding-top: 50px; }
#pagescroll .section3{ padding-top: 50px; }
  .vpnbuy{ margin-top: 25px; }
.secmid{ margin-top: 10% }
#pagescroll .section1 .right_box a.btn{ font-size: 18px; padding: 10px 35px; }
.sect3-a-czico{ height: 380px; }
#pagescroll .section4{ padding-bottom: 20px; }
.section5 h2{ font-size: 26px; }
.cardinner span:nth-child(4){ font-size: 16px; }
.cardinner span:nth-child(3){ font-size: 35px; }

.section2-vpn li img{ width:auto; height: 360px; margin-top: 0}
.section2-vpn{ margin-top: 15px; }
.section2-vpn li .mobile {height:70px; width: 90%; margin-right: 130px; margin-top: 40px; margin-bottom:0px;}

.section3-vpn li{ width: 45%; height: 34vh; margin-top: 25px;padding-left:20px;}
.section3-vpn{ margin-top: 15px; }
.section3-vpn li img{ height: 450px;   width: 400px; margin-bottom: 0; margin-top: 0;}
.section3-vpn li .mobile {height: 450px; width: 300px;}

.content-info .clint {padding-top: 40px;line-height: 23px;color: #000;font-size: 16px;font-family: "microsoft yahei";  }
.content-info .clint h1{color:#000;}
.clint-ewm{ margin-top: 25px; }
.clint-ewm img{ width: 130px; height: 130px; margin-left: 1px;}

.section5-title img{width:100%; margin: auto;}
.section5-title p{font-size:10px;height: 10vh; text-align:left; margin: auto;}


.hp_top{ margin-bottom: 0 }
.pagescroll-hd .nav a:hover{ border: none; height: 45px; } 
#pagescroll .section1 .right_box img{height:100%;margin-top:120px;}
#pagescroll .section1 .right_box{padding-bottom:150px;}
.section2 .section2-vpn, .section2 .title-box, .section2 .vpnbuy, .section3 .section3-vpn, .section3 .title-box, .section3 .vpnbuy,.section3 .sect3txtl, .section3 .sect3-a-proico, .section3 .sect3txtr, .section3 .sect3-a-czico, .section4 .title-box, .section4 .cardinner{ opacity: 1 }
}
@media (max-width: 767px){
    .main_menu_area {
        padding: 0px 0px;
    }
    .main_menu_area .navbar .navbar-toggler{
      float: right;
      margin-top: 30px;
        border: none;
        background: none;
        padding: 0px;
        padding-right: 15px;
        cursor: pointer;
    }
    .main_menu_area .navbar .navbar-brand{
        padding-top: 18px;
        padding-bottom: 18px;
        padding-left: 15px;
    }
    .main_menu_area .navbar .navbar-toggler span{
        height: 3px;
        background: #fff;
        width: 25px;
        display: block;
        margin-bottom: 5px;
        cursor: pointer;
    }
    .main_menu_area.navbar_fixed .navbar .navbar-nav li a {
        line-height: 50px;
    }
    .main_menu_area .navbar .navbar-toggler span:last-child{
        margin-bottom: 0px;
    }
    .navbar-collapse{ background: #fff }
    .navbar-collapse ,.pagescroll-hd .nav li,.pagescroll-hd .nav{ width: 100%;   }
    .navbar-nav{ margin: 0 }
    .pagescroll-hd .nav a{ width: 100%; padding: 0 5px; line-height: 45px; text-align: center; color: #069;   }
    .section2-vpn ul{ display: inline-block; width:100%;  margin-bottom:-180px;}
    .section2-vpn li{ width: 100%; margin: 0; margin-bottom: 25px; }
    .cardinner{ margin-left: 0 }
    #pagescroll .section1 .right_box h1,.sect3txt h1{ font-size:40px; }
    #pagescroll .section1 .right_box h4{ font-size: 13px; }
	#pagescroll .section1 .right_box h3{ font-size: 25px; }
	#pagescroll .section1 .right_box img{height:40%;width:70%;}
	#pagescroll .section1 .right_box {margin-top:0;margin-bottom:80px;}
	
    .section2-vpn li{ height: 45vh;}
	.section2-vpn li h2{ font-size: 2.2rem;}
    .section2-vpn li p{ font-size: 1.7rem; margin-left:48px;}
	.section2-vpn li img{ width:auto; height: 300px; margin-top: 0;padding-right:30px;}
	.section2-vpn li .mobile {height: 50px; width: 90%; margin-right: 40px; margin-top: 0px; margin-bottom:0px;padding:8px;}

	.section3-vpn ul{ display: inline-block; width:100%; margin-bottom:-200px; }
	.section3-vpn li{width: 45%; height: 400px; padding: 0px; float: left; margin: 0 15px; text-align: center; }
	.section3-vpn li img{ height: 350px;  width: 300px; margin-bottom: 0; margin-top: 0;}
	.section3-vpn li .mobile {height: 350px; width: 240px;}

	.content-info .clint {padding-top: 40px;line-height: 23px;color: #000;font-size: 14px;font-family: "microsoft yahei";  }
	
	.sect3-a-czico{ background-size: 50% auto }
    .sect3txt{ margin-top: 15% }
	
    .section5 h4{ line-height: 25px; font-size: 16px; }
	.section5-title{margin-top:50px; }
	.section5-title img{width:100%; margin: auto;}
	.section5-title p{font-size:9px;height: 10vh; text-align:left; margin: auto;}
    .pagescroll-hd .nav li{ margin-left: 0; border-bottom: 1px dashed #ccc }
    .mapbg{ margin-top: 0 }  
    .footeroth .fl,.footeroth .fr{ width: 100%; text-align: center;}
.sect3-a-czico{ height: 300px; }
  #pagescroll .section1 .right_box{ height: 100vh}
  .mapbg{width: auto; background-size: 100% auto;}
}

@media (max-width: 425px){
	 .section2-vpn ul{ display: inline-block; width:100%;  margin-bottom:-180px;}
    .section2-vpn li{ width: 100%; margin: 0; margin-bottom: 25px; }
	 #pagescroll .section1 .right_box h1,.sect3txt h1{ font-size:40px; }
    #pagescroll .section1 .right_box h4{ font-size: 13px; }
	#pagescroll .section1 .right_box h3{ font-size: 25px; }
	#pagescroll .section1 .right_box img{height:40%;width:70%;}
	#pagescroll .section1 .right_box {margin-top:0;margin-bottom:80px;}
	
    .section2-vpn li{ height: 45vh;}
	.section2-vpn li h2{ font-size: 2.2rem;}
    .section2-vpn li p{ font-size: 1.7rem; margin-left:48px;}
	.section2-vpn li img{ width:auto; height: 300px; margin-top: 0;padding-right:30px;}
	.section2-vpn li .mobile{display:none;}
	.section2-vpn li .mobile2{display:block;overflow:hidden;height: 90px; width: 73%; margin-left:30px;padding:8px;}
	
	.section3-vpn ul{ display: inline-block; width:100%; margin-bottom:-200px; }
	.section3-vpn li{width: 45%; height: 400px; padding: 0px; float: left; margin: 0 85px; text-align: center;}
	.section3-vpn li img{ height: 330px;  width: 250px; margin-bottom: 0; margin-top: 0;}
	.section3-vpn li .mobile {height: 330px; width: 250px;}

	.content-info .clint {padding-top: 40px;line-height: 23px;color: #000;font-size: 14px;font-family: "microsoft yahei";  }
	
    .sect3-a-czico{ background-size: 50% auto }
    .sect3txt{ margin-top: 15% }
	
    .section5 h4{ line-height: 25px; font-size: 16px; }
	.section5-title{margin-top:50px; }
	.section5-title img{width:100%; margin: auto;}
	.section5-title p{font-size:8px;height: 10vh; text-align:left; margin: auto;}
}

@media (max-width: 375px){
	#pagescroll .section1 .right_box img{height:35%;width:70%;}
	.section2-vpn li{ height: 45vh }
	.section5 h4{ padding: 0 5% }
	.section5-title p{font-size:7px;height: 10vh; text-align:left; margin: auto;}
	
	.section3-vpn li{width: 45%; height: 360px; padding: 0px; float: left; margin: 0 70px; text-align: center;}
	.section3-vpn li img{ height: 310px;  width: 240px; margin-bottom: 0; margin-top: 0;}
	.section3-vpn li .mobile {height: 310px; width: 240px;}
	
	.section2-vpn li .mobile2{display:block;overflow:hidden;height: 90px; width: 85%; margin-left:5px;padding:8px;}
}

@media (max-width: 330px){ 
	#pagescroll .section1 .right_box img{height:30%;width:70%;}
	#pagescroll .section1 .right_box h3{ font-size: 20px; }
	
   .section2-vpn li img{ width:auto; height: 300px; margin-top: 0}
   .section2-vpn li{ width: 45%; height: 330px; padding: 0px; float: left; margin: 0 30px; text-align: center;}
   .section2-vpn li .mobile2{display:block;overflow:hidden;height: 90px; width: 85%; margin-left:-5px;padding:8px;}
   
   .section3-vpn li{width: 45%; height: 360px; padding: 0px; float: left; margin: 0 55px; text-align: center;}
   .section3-vpn li img{ height: 280px;  width: 210px; margin-bottom: 0; margin-top: 0;}
   .section3-vpn li .mobile {height: 280px; width: 210px;}
   .section3-vpn ul{ display: inline-block; width:100%; margin-bottom:-250px; }
   
   .section5-title{margin-top:50px; }
   .section5-title img{width:100%; margin: auto;}
   .section5-title p{font-size:7px;height: 10vh; text-align:left; margin: auto;}
   
   .FAQ li  p{ color: #666 ;font-size: 16px;}
   .FAQ li  img{ width:40px;height:40px;}

}

.talkhed{ position: absolute; left: 50%; width: 50%; margin-left: -25%; text-align: center; display: inline-block; color: #fff; font-size: 26px; line-height: 80px; } 
@media only screen and (max-width: 1200px){ 
.talkhed{ width: 40%; margin-left: -20%;}
}
@media only screen and (max-width: 990px){ 
.talkhed{ width: 30%; margin-left: -15%;}
}

@media only screen and (max-width: 640px){ 
.talkhed{ top: 100px; width: 100%; left: 0; margin-left: 0} 
}