@charset "utf-8";

body{padding:0;margin:0;font-size:12px;font-family:Georgia, "Times New Roman", Times, serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-align:center;-webkit-overflow-scrolling:touch;  }
body,html{height: 100%; }
a{text-decoration:none}
a:hover, ul li a:hover, dl dt a:hover{color:#f00;transition:all 0.3s;-webkit-transition:all 0.3s}

ul{list-style:none;}img{border:0px}
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding:0;margin:0}

.clear{clear:both;height:0px;font-size:1px;line-height:0px}
abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{display:block}
.w100{width:100%}
.w94{width:94%;margin:0 auto}
.center-vertical{position:relative;top:50%;transform:translateY(-50%)}
.overfloat-dot{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.none{ display:none;}
.fl{float: left;}
.fr{float: right;}

.wrap{position: relative;overflow: hidden;}
.bg{width: 100%;height:100%;}
.con{position:absolute;top:20%;left:0px;width:100%;background-color:#f0efef;height:50%;}
.vpn{width:60%;margin:auto;overflow: hidden;background:url(../images/bg1.jpg) no-repeat;padding:100px 0px;}
.icon img{width:220px;height:280px;}
.vpn_h{line-height: 60px;font-size:24px;color:#ff8500;font-weight:bold;margin-top:20px;border-bottom:1px solid #d6d6d6;}
.vpn_h1{line-height: 60px;font-size:24px;color:#ff8500;font-weight:bold;margin-top:20px;border-bottom:1px solid #d6d6d6;display:none;}
.vpn_b {padding-top:40px;}
.vpn-bt1{display: none;}
.vpn_tt{position:absolute;width:60%;left:20%;bottom:20%;width:1024px;margin:auto;text-align: right;font-size:14px;height:60px;line-height: 60px;color:#fff;}
.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 18px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
.vpn-bt1 a{margin-left:10px;}

@media screen and (max-width:1550px) {
  .vpn{width:84%;}
	.vpn_tt{width:84%;left:8%;}
}
@media screen and (max-width:1050px) {
  .vpn{width:94%;padding:50px 0px;}
	.vpn_tt{width:94%;left:3%;}
	.icon{width:22%;}
	.icon img{width:100%;height:auto;}
	.vpn_r{width:75%;}
}
@media screen and (max-width:768px) {
table{width: 100%;
    margin: 0 auto;}
.nowBox .now{    font-size: 0.1rem;}
	.bg{height:600px;}
	.icon{float: none;margin:auto;width:30%;}
	.vpn_r{float: none;width:100%;}
	.con{top:10%;height:70%;}
	.vpn{padding:20px 0px;}
	.vpn_h{display:none;}
	.vpn_h1{line-height:30px;font-size:18px;display:block;}
	.vpn_tt{bottom:10%;}
	.vpn_b{padding-top:20px;}
	.vpn-bt{display: none;}
	.vpn-bt1{display:block;}
}
@media screen and (max-width:550px) {
	.bg{height:550px;}
	.icon{width:35%;}

}
@media screen and (max-width:450px) {
	.icon{width:40%;}
	.vpn_h{font-size:16px;}
	.button{font-size:14px;}
}