@font-face {
  font-family: "SourceHanSans-Regular";
  src: url("../fonts/SourceHanSans-Regular.woff2") format("woff2"),
       url("../fonts/SourceHanSans-Regular.woff") format("woff"),
       url("../fonts/SourceHanSans-Regular.ttf") format("truetype"),
       url("../fonts/SourceHanSans-Regular.eot") format("embedded-opentype"),
       url("../fonts/SourceHanSans-Regular.svg") format("svg");
}
body,button, input, select, textarea,h1 ,h2, h3, h4, h5, h6 { font-family: "SourceHanSans-Regular","Helvetica Neue",Helvetica,Arial,sans-serif;}

.navbar-default{
	color:#000;
	border:0px;
	z-index:9999;
	}


/*reset重置*/
ul,li,a,dl,dt,dd{
	list-style:none;
	padding:0;
	}
a{
	text-decoration:none;
	}
a:hover{
	text-decoration:none;
	}
.float_right{float:right;}
.float_left{float:left;}
.clear_both{clear:both;}
/*浮动按钮*/	

	
.slideBar{
	position:fixed;
	right:4%	;
	top:40%;
	width:50px;
	height:246px;
	padding:5px 0;
	background:#036eb8;
	border-radius:40px;
	z-index:9998;
	}	

.slideBar>.slideicon li{
	position:relative;
}
.slideBar>.slideicon li div.slide_tit{
	display:none;
}
.slideBar>.slideicon li:hover div.slide_tit{
	display:block;
	position:absolute;
	right:52px;
	top:0px;
	background-color:#036eb8;
	height:36px;
	line-height:36px;
	text-align:center;
	color:#ffffff;
	padding:0 8px;
	font-size:14px;
	border-radius:6px;
}
/*.slideBar>.slideicon li:hover div.slide_tit:before{content: ''; display: block; width: 10px; height: 10px; position: absolute; right: -5px; top: 14px; background-color:rgba(47,168,225,.5); transform:rotate(45deg);}*/
.slideBar>.slideicon li:hover div.icon_tit_01{
	width: 164px;
}
.slideBar>.slideicon li:hover div.icon_tit_01 a{
	color:#fff;
}

.slideBar>.slideicon li:hover div.icon_tit_02{
	width:124px;
}

.slideBar>.slideicon li:hover div.icon_tit_03{
	width:124px;
}

.slideBar>.slideicon li:hover div.icon_tit_04{
	width:124px;
}
.slideBar>.slideicon li:hover div.icon_tit_04 a{
	color:#fff;
}

.slideBar>.slideicon li:hover div.icon_tit_05{
	width:124px;
}
.slideBar>.slideicon li:hover div.icon_tit_05 a{
	color:#fff;
}

.slideBar>.slideicon>.icon_01{
	background:url(../image/icon_01.png) no-repeat;
	background-size:40px 40px;
	background-position:center center;
	width:50px;
	height:40px;
	margin:5px auto;
	cursor:pointer;
	}	
.slideBar>.slideicon>.icon_01:hover{
	background:url(../image/icon_hover_01.png) no-repeat;
	background-size:40px 40px;
	background-position:center center;
	width:50px;
	height:40px;
	margin:5px auto;
	}
	
.slideBar>.slideicon>.icon_02{
	background:url(../image/icon_02.png) no-repeat;
	background-size:40px 40px;
	background-position:center center;
	width:50px;
	height:40px;
	margin:6px auto;
	cursor:pointer;
	}
.slideBar>.slideicon>.icon_02:hover{
	background:url(../image/icon_hover_02.png) no-repeat;
	background-size:40px 40px;
	background-position:center center;
	width:50px;
	height:40px;
	margin:6px auto;
	}	
	
.slideBar>.slideicon>.icon_03{
	background:url(../image/icon_03.png) no-repeat;
	background-size:40px 40px;
	background-position:center center;
	width:50px;
	height:40px;
	margin:6px auto;
	cursor:pointer;
	}
.slideBar>.slideicon>.icon_03:hover{
	background:url(../image/icon_hover_03.png) no-repeat;
	background-size:40px 40px;
	background-position:center center;
	width:50px;
	height:40px;
	margin:6px auto;
	}	
	
.slideBar>.slideicon>.icon_04{
	background:url(../image/icon_04.png) no-repeat;
	background-size:40px 40px;
	background-position:center center;
	width:50px;
	height:40px;
	margin:6px auto;
	cursor:pointer;
	}	
.slideBar>.slideicon>.icon_04:hover{
	background:url(../image/icon_hover_04.png) no-repeat;
	background-size:40px 40px;
	background-position:center center;
	width:50px;
	height:40px;
	margin:6px auto;
	}	
.slideBar>.slideicon>.icon_05{
	background:url(../image/icon_05.png) no-repeat;
	background-size:40px 40px;
	background-position:center center;
	width:50px;
	height:40px;
	margin:6px auto;
	cursor:pointer;
	}	
.slideBar>.slideicon>.icon_05:hover{
	background:url(../image/icon_hover_05.png) no-repeat;
	background-size:40px 40px;
	background-position:center center;
	width:50px;
	height:40px;
	margin:6px auto;
	}
	
/*nav*/
.nav>.active>a{
	color:#2fa8e1!important;
	background:transparent!important;
	}
.nav>li>a:hover{
	color:#2fa8e1;
	}



/*title*/
.vpntitle{

	width:100%;
	/*height:100%;*/
	height:100px;
	}
.vpntitle>.titletext{
	text-align:center;
	font-size:21px;
	color:#026eb8;
	margin-top:100px;
	font-weight:bold;
	}
.vpntitle>.titlelogo{
	width:170px;
	margin:10px auto;
	}	
.vpntitle>.titlelogo>img{
	width:100%;
	}
	
/*蓝色按钮、描边按钮样式*/	
.vpnbtn{
	line-height:36px;
	width:200px;
	border-radius:40px;
	margin:10px auto 10px auto;
	text-align:center;
	background:#2fa8e1;
	font-weight:bold;
	color:#fff;
}
.vpnbtn a{
	color:#fff;

}
.linebtn{
	border:solid 1px #2fa8e1;
	background:transparent;
	}	
.linebtn:hover{
	background:#2fa8e1;

	}
.linebtn:hover>a{
	color:#fff;
	}	
.bluebtn>a{
	color:#fff;
	}
.navbar-default{
	background-color:#02233f;
	opacity: 1; 
	border:0px;
	z-index:9999;
}	
/*footer*/	
/*.desclist{
	color:#fff;
	padding:20px;
	}*/

/**footer**/

/*.desclist .col-md-4{
	    margin-bottom: 60px;
	}

.desclist .col-md-4 .desclt-list li{
	height:50px;
	line-height:50px;
	}
.desclist .col-md-4 .d-service li a{
	margin-right:24px;
	}

.desclist .col-md-4 .vpnphone{
	font-size:26px;
	color:#3497e3;
	font-weight:bold;
	letter-spacing:4px;
	}	

.desclist .col-md-4 .vpnqq{
	border-radius:30px;
	text-align:center;
	width:230px;
	height:40px !important;
	line-height:40px !important;
	margin-top:5px;
    background: #3497e3 url(../image/footer_qq.png) 22px center no-repeat;
    background-size: 20px 20px;
    padding-left: 32px;
	}


.desclist .col-md-4 .vpnqq span a{
	color:#fff;
	}

.desclist .col-md-4 .vpnqq span a:hover{
	color:#fff!important;
	}

.desclist .col-md-4 .vpnemail{
    background:url(../image/footer_email.png) left center no-repeat;
    background-size: 20px 20px;
    padding-left: 26px;
	}

.desclist .col-md-4 .vpnlocate{
	background:url(../image/footer_locate.png) left center no-repeat;
    background-size: 20px 20px;
    padding-left: 26px;
	}*/

/*footer友情链接*/
/*.desclist div ul.d-friendship{
	overflpw:hidden;
	}
.desclist div ul.d-friendship li{
	float:left;
	margin-right:24px;
	}
.desclist div ul.desclt-list li a{
	color:#fff;
	}
.desclist div ul.desclt-list li a:hover{
	color:#3497e3;
	}


.vpnlaw{
	max-width:1000px;
	color:#636363;
	font-size:12px;
	text-align:center;
	line-height: 24px;
	margin:0 auto 12px auto;
	}
copyright{
	display: block;
	text-align:center;
	line-height: 22px;
	color:#636363;
	font-size:12px;
	margin:auto;
	padding:8px;
	margin:0 auto;
	}
*/
.cityBtit i.city_close{
	float: right;
    display: block;
    height: 26px;
    width: 26px;
    margin-top: 3px;
    background: url(/public/statics/image/city_close.png) no-repeat center center;
    background-size: 46%;
}
@media (max-width: 768px) {
	.slidehide{
		display:none;
	}
	.navbar-default-kg{
		height:114px;
	}
	.navbar-default{
		position: fixed;
		top:0;
		width: 100%;
	}
	.navbar-nav{
		margin: 0;
	    padding: 70px 0 28px 0;
	    left: 0;
		background:rgba(0,0,0,.5);
	}
	.navbar-default{
	}
	
	.navbar-right{
		display:none;
	}
	.nav>li{
		width:90px;
		border-bottom:1px solid rgba(255, 255, 255, 0.7);;
		margin:0 auto;
	}
	.nav>li.nav_register{
		border-bottom:0;
	}
	.nav>li.toclose{
		right:20px;
		top:28px;
		position:absolute;
		border-bottom:0px;
		width:34px;
		height:34px;
	}
	.nav>li.toclose a{
		display:block;
		width:34px;
		height:34px;
		background:url('../image/toclost.png') no-repeat center center;
		background-size:84%;
	}
	.nav>li.nav-logo{
		display:none;
	}

	.navbar-default .navbar-collapse{
		border-color:transparent;
		position: absolute;
	    width: 100%;
	    padding:0;
	    z-index: 999;
	    top: 0px;
	}
	.navbar-default .navbar-nav>li>a{
		text-align:center;
		color:#ffffff;
	}
	.navbar-default .navbar-nav>li>a:focus{
		color:#2fa8e1;
	}
	.ind_echina{
		position: relative;
		width:100%;
		height:580px;;
		margin:0 auto;
	}
	
	.cmm_bga{}
	/**今日ip连接数**/
	.ind_stat_ip{
		height:auto;
	}
	.ind_stat_ip p{
		
	}
	.ind_stat_ip p span.txt{
		vertical-align:top;
		display:inline-block;
		height:40px;
		line-height:40px;
		color:#ffd85c;
		font-size:12px;
		font-weight:bold;
		letter-spacing:6px;
	}
	.ind_stat_ip p span.num{
		display:inline-block;
		height:40px;
		line-height:40px;
		color:#000000;
		letter-spacing:0px;
	}
	#all{
		text-align: center;
	}
	#all .t_num i {
		width: 24px;
		height: 40px;
		margin-right: 2px;
		display: inline-block;
		background: url(../image/number2.png) no-repeat;
		background-position: 0 0;
	}
	/**右浮动按钮**/

}
@media (min-width: 768px) {
	.mainload{
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:#000000;
		z-index:10010;
	}
	.spinner {
		width: 60px;
		height: 60px;
		position: relative;
		top: 50%;
		left: 50%;
		margin-top: -30px;
		margin-left: -30px;
	}

	.double-bounce1, .double-bounce2 {
		width: 100%;
		height: 100%;
		border-radius: 50%;
		background-color: #2196F3;
		opacity: 0.6;
		position: absolute;
		top: 0;
		left: 0;

	-webkit-animation: bounce 2.0s infinite ease-in-out;
		animation: bounce 2.0s infinite ease-in-out;
	}

	.double-bounce2 {
		-webkit-animation-delay: -1.0s;
		animation-delay: -1.0s;
	}

	@-webkit-keyframes bounce {
		0%, 100% { -webkit-transform: scale(0.0) }
		50% { -webkit-transform: scale(1.0) }
	}

	@keyframes bounce {
		0%, 100% {
				transform: scale(0.0);
				-webkit-transform: scale(0.0);
		} 50% {
				transform: scale(1.0);
				-webkit-transform: scale(1.0);
		}
	}
	.navbar-header{
		display:none;
	}
	.navbar{
		margin-bottom:0px;
	}
	.navbar-default{
		width:100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index:1000;
	}

	.ind_kg_g{
		height:92px;
	}
	#cmm_nav{
		margin-top:6px;

	}
	#cmm_nav ul.nav{
		width:1100px;
		margin:0 auto;
		float:none;
		text-align:center;
		background:transparent;
	}
	#cmm_nav ul.nav>li{
		padding:0px;
		width:140px;
		float:none;
		display:inline-block;
		
	}
	#cmm_nav ul li a{
		padding:15px 0 15px 0;
		letter-spacing:6px;
		color:#000;
		font-size:16px;

	}

.navbar-default{
	background:transparent;
}

	#cmm_nav ul li a:hover{
		color: #268ec1;
	}
	#cmm_nav ul li.active>a{
		letter-spacing:6px;
		font-size:16px;
		/*font-weight:bold;*/
		color:#268ec1;
		background-color:transparent;
	}
	.navbar-default .navbar-nav>.active>a:hover{
		background-color:transparent;
	}
	#cmm_nav ul.nav>li.nav-logo{
		width:auto;
	}
	#cmm_nav ul.nav>li.toclose{
		display:none;
	}
	#cmm_nav ul.nav>li.nav-logo a img{
		height:56px;
	}
	.navbar-right{
		position:absolute;
		top:14px;
		right:60px;
	}
	.navbar-right p{
		display:block;
		padding:0;
		margin:0;
		height:124px;
	}
	.navbar-right p a{
		display:inline-block;
		height:40px;;
		width:80px;
		font-size:16px;
		line-height:40px;
		text-align:center;
		border:1px solid #3497e3;
		margin-top:14px;
		border-radius:36px;
		text-decoration:none;
	}
	.navbar-right p a:nth-child(1){
		margin-right:22px;
	}
	.navbar-right p a.tattr{
		background:#3497e3;
		color:#ffffff;
	}
	.navbar-right p a:hover{
		background:#3497e3;
		color:#ffffff;
		cursor:pointer;
		text-decoration:none;
	}
	.ind_echina{
		width:auto;
		margin:0 auto;
	}
	.map-pie{
		float:left;
		width:auto;
		height:auto;
		margin-left:30px;
	}
	.map-wrap{
		width:auto;
		margin:0 auto;
	}
	.navbar-default .navbar-nav li.nav_login{
		display:none !important;
	}
	.navbar-default .navbar-nav li.nav_register{
		display:none !important;
	}
	/**今日ip连接数**/
	.ind_stat_ip{
		margin-top:18px;
		height:45px;
		text-align:center;
	}
	.ind_stat_ip p{
		
	}
	.ind_stat_ip p span.txt{
		vertical-align:top;
		display:inline-block;
		height:42px;
		line-height:42px;
		color:#ffd85c;
		font-size:14px;
		font-weight:bold;
		letter-spacing:6px;
	}
	.ind_stat_ip p span.num{
		display:inline-block;
		height:42px;
		line-height:42px;
		color:#000000;
		letter-spacing:0px;
	}
	#all{
	}
	#all .t_num i {
		/*width: 36px;
		height: 60px;
		margin-right: 2px;*/
		width: 24px;
		height: 40px;
		margin-right: 2px;
		display: inline-block;
		background: url(../image/number2.png) no-repeat;
		background-position: 0 0;
	}
	/**index2.html css**/
	div.onepage-cent div.section{
		width:100%;
		height:100%;
	}
	@keyframes pulse {
	    0% {
	        color: #3497e3;
	        opacity: .2;
	    }
	    50% {
	        opacity: .7;
	    }
	    100% {
	        color: #3497e3;
	        opacity: .2;
	    }

	}
	
	.onepage-cent div.page2{
		background:url('../image/hxys_bg.jpg') no-repeat center center;
		
	}
	.onepage-cent div.page2 div.pagecent{
		position: absolute;
		bottom: 210px;
		width:100%;
		padding:0 200px;
		height:400px;
		background:url('../image/ldys_ct.png') no-repeat center center;
	}
	.onepage-cent div.page2 div.pagecent div.six-adv div h3{
		cursor:pointer;
	}
	.onepage-cent div.page2 div.pagecent div.six-adv div.sixright{
		width:50%;
		float:right;
	}
	.onepage-cent div.page2 div.pagecent div.six-adv div.sixleft{
		width:50%;
		float:left;
		text-align:right;
	}
	.onepage-cent div.page2 div.pagecent div.sixd_1{
		height:130px;
	}
	.onepage-cent div.page2 div.pagecent div.sixd_1 div.sixcent{
		padding-top: 28px;
		height:130px;
	}
	.onepage-cent div.page2 div.pagecent div.sixd_1 div.sixright{
		padding-left:170px;
	}
	.onepage-cent div.page2 div.pagecent div.sixd_1 div.sixleft{
		padding-right:170px;
	}
	.onepage-cent div.page2 div.pagecent div.sixd_1 div.sixcent h3{
		color: #3497e3;
		display: inline-block;
		letter-spacing:2px;
		margin:0;
		height:26px;
		line-height:24px;
		font-size:16px;
		font-weight:bold;
	}
	.onepage-cent div.page2 div.pagecent div.sixd_1 div.sixcent p{
		letter-spacing:2px;
		margin:0;
		height:22px;
		line-height:22px;
		font-size:12px;
		color:#ffffff;
	}
	.onepage-cent div.page2 div.pagecent div.sixd_2{
		height:200px;
	}
	.onepage-cent div.page2 div.pagecent div.sixd_2 div.sixcent{
		padding-top: 38px;
		height:200px;
	}
	.onepage-cent div.page2 div.pagecent div.sixd_2 div.sixright{
		padding-left:230px;
	}
	.onepage-cent div.page2 div.pagecent div.sixd_2 div.sixleft{
		padding-right:230px;
	}
	.onepage-cent div.page2 div.pagecent div.sixd_2 div.sixcent h3{
		color: #3497e3;
		display: inline-block;
		margin:0;
		letter-spacing:2px;
		height:26px;
		line-height:24px;
		font-size:16px;
		font-weight:bold;
	}
	.onepage-cent div.page2 div.pagecent div.sixd_2 div.sixcent p{
		margin:0;
		letter-spacing:2px;
		line-height:22px;
		font-size:12px;
		color:#ffffff;
	}
	.onepage-cent div.page2 div.pagecent div.sixd_3{
		height:130px;
	}
	.onepage-cent div.page2 div.pagecent div.sixd_3 div.sixcent{
		padding-top: 18px;
		height:130px;
	}
	.onepage-cent div.page2 div.pagecent div.sixd_3 div.sixright{
		padding-left:170px;
	}
	.onepage-cent div.page2 div.pagecent div.sixd_3 div.sixleft{
		padding-right:170px;
	}
	.onepage-cent div.page2 div.pagecent div.sixd_3 div.sixcent h3{
		color: #3497e3;
		display: inline-block;
		margin:0;
		letter-spacing:2px;
		height:26px;
		line-height:24px;
		font-size:16px;
		font-weight:bold;
	}
	.onepage-cent div.page2 div.pagecent div.sixd_3 div.sixcent p{
		margin:0;
		letter-spacing:2px;
		height:22px;
		line-height:22px;
		font-size:12px;
		color:#ffffff;
	}
	/*.onepage-cent div.page2 div.pagecent div.six-adv div.sixcent h3.pulse1 {
	    animation: pulse 2.8s infinite;
	    -webkit-animation: pulse 2.8s infinite;
	    -mox-animation: pulse 2.8s infinite;
	}
	.onepage-cent div.page2 div.pagecent div.six-adv div.sixcent h3.pulse2 {
	    animation: pulse 2.8s infinite;
	    -webkit-animation: pulse 2.8s infinite;
	    -mox-animation: pulse 2.8s infinite;
	}
	.onepage-cent div.page2 div.pagecent div.six-adv div.sixcent h3.pulse3 {
	    animation: pulse 3s infinite;
	    -webkit-animation: pulse 3s infinite;
	    -mox-animation: pulse 3s infinite;
	}
	.onepage-cent div.page2 div.pagecent div.six-adv div.sixcent h3.pulse4 {
	    animation: pulse 2.4s infinite;
	    -webkit-animation: pulse 2.4s infinite;
	    -mox-animation: pulse 2.4s infinite;
	}
	.onepage-cent div.page2 div.pagecent div.six-adv div.sixcent h3.pulse5 {
	    animation: pulse 3s infinite;
	    -webkit-animation: pulse 3s infinite;
	    -mox-animation: pulse 3s infinite;
	}
	.onepage-cent div.page2 div.pagecent div.six-adv div.sixcent h3.pulse6 {
	    animation: pulse 2.5s infinite;
	    -webkit-animation: pulse 2.5s infinite;
	    -mox-animation: pulse 2.5s infinite;
	}
	.onepage-cent div.page2 div.pagecent div div.sixcent p.intdelay{}
	{
		animation: right 0.2s linear;
    	animation-fill-mode: forwards;
	}*/
	.vpnlogo{
		color:#ffffff;
	}
	.vpnlogo:hover{
		color:#ffffff;
	}
	.loginmyvpn{
		display:none;
		position: fixed;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    z-index: 10011;
	}
	.loginmyvpn div.lyv_bg{
		width: 100%;
		height: 100%;
		background: #000000;
		opacity: 0.6;
	}
	.loginmyvpn div.lyv_cent{
		position: absolute;
	    width: 360px;
	    height: 236px;
	    background: #ffffff;
	    top: 0px;
	    border-radius: 6px;
	    padding: 12px;
	}
	.loginmyvpn div.lyv_cent i.toclose2{
		display:block;
		position: absolute;
		background: url('/public/statics/image/toclose.png') no-repeat center center;
		background-size:100%;
		height:32px;
		width:32px;
		top: 7px;
    	right: 10px;
    	cursor:pointer;
	}
	.loginmyvpn div.lyv_cent img{
		display: block;
    	width: 120px;
    	margin: 20px auto 20px auto;
	}
	.loginmyvpn div.lyv_cent p{
		height: 46px;
    	margin: 0 auto;
    	border-top:1px solid #ffffff;
    	margin-bottom:8px;
	}
	.loginmyvpn div.lyv_cent a{
		display: block;
	    height: 40px;
	    width: 160px;
	    letter-spacing: 2px;
	    line-height: 40px;
	    text-align: center;
	    margin: 2px auto 2px auto;
	    border:1px solid #036eb8;
	    border-radius:36px;
	    font-size:14px;
	}
	.loginmyvpn div.lyv_cent a.active{
		border:1px solid #036eb8;
		color:#ffffff;
		background:#036eb8;
	}
	.loginmyvpn div.lyv_cent a:hover{
		border:1px solid #036eb8;
		color:#ffffff;
		background:#036eb8;
	}
	.joinmyvpn{
		display:none;
		position: fixed;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    z-index: 10011;
	}
	.joinmyvpn div.jyv_bg{
		width: 100%;
		height: 100%;
		background: #000000;
		opacity: 0.6;
	}
	.joinmyvpn div.jyv_cent{
		position: absolute;
	    width: 360px;
	    height: 236px;
	    background: #ffffff;
	    top: 0px;
	    border-radius: 6px;
	    padding: 12px;
	}
	.joinmyvpn div.jyv_cent i.toclose3{
		display:block;
		position: absolute;
		background: url('/public/statics/image/toclose.png') no-repeat center center;
		background-size:100%;
		height:32px;
		width:32px;
		top: 7px;
    	right: 10px;
    	cursor:pointer;
	}
	.joinmyvpn div.jyv_cent img{
		display: block;
    	width: 120px;
    	margin: 20px auto 20px auto;
	}
	.joinmyvpn div.jyv_cent p{
		height: 46px;
    	margin: 0 auto;
    	border-top:1px solid #ffffff;
    	margin-bottom:8px;
	}
	.joinmyvpn div.jyv_cent a{
		display: block;
	    height: 40px;
	    width: 190px;
	    letter-spacing: 2px;
	    line-height: 40px;
	    text-align: center;
	    margin: 2px auto 2px auto;
	    border:1px solid #036eb8;
	    border-radius:36px;
	    font-size:14px;
	}
	.joinmyvpn div.jyv_cent a.active{
		border:1px solid #036eb8;
		color:#ffffff;
		background:#036eb8;
	}
	.joinmyvpn div.jyv_cent a:hover{
		border:1px solid #036eb8;
		color:#ffffff;
		background:#036eb8;
	}
}

.navbar-default .navbar-brand img.m-logo{
	display:block;
	HEIGHT:52px;
	margin:20px auto 20px auto;
}
.navbar-default a.navbar-brand{
	border-top:1px solid #02233f;
	border-bottom:1px solid #02233f;
	float:none;
	/*width:100%;*/
	height:94px;
	display:block;
	margin: 0 74px 0 74px;
	padding:0;
}
.navbar-toggle{
	margin:30px 15px 30px 0;
}
.navbar-default .navbar-toggle{
	border-color:transparent;
}
.navbar-default .navbar-toggle:hover{
	background-color:transparent;
}
.navbar-default .navbar-toggle .icon-bar{
	background-color:#ffffff;
}




/*.bodybg{
	background:url('/public/statics/image/body_bg.jpg') no-repeat top left;
}*/


@media (max-width: 767px) {
	.mainload{
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:#03233f;
		z-index:10010;
	}
	.spinner {
		width: 60px;
		height: 60px;
		position: relative;
		top: 50%;
		left: 50%;
		margin-top: -30px;
		margin-left: -30px;
	}

	.double-bounce1, .double-bounce2 {
		width: 100%;
		height: 100%;
		border-radius: 50%;
		background-color: #2196F3;
		opacity: 0.6;
		position: absolute;
		top: 0;
		left: 0;

	-webkit-animation: bounce 2.0s infinite ease-in-out;
		animation: bounce 2.0s infinite ease-in-out;
	}

	.double-bounce2 {
		-webkit-animation-delay: -1.0s;
		animation-delay: -1.0s;
	}

	@-webkit-keyframes bounce {
		0%, 100% { -webkit-transform: scale(0.0) }
		50% { -webkit-transform: scale(1.0) }
	}

	@keyframes bounce {
		0%, 100% {
				transform: scale(0.0);
				-webkit-transform: scale(0.0);
		} 50% {
				transform: scale(1.0);
				-webkit-transform: scale(1.0);
		}
	}
	.aboutus{
		width:70%;
		margin:100px auto;
	}
	.aboutvpn{
		width:70%;
	}
	.vpntitle>.titletext{
		font-size: 18px;
		letter-spacing: 4px;
		margin-top: 0px;
	}
	.vpnlogo{
		color:#ffffff;
	}
	.vpnlogo:hover{
		color:#ffffff;
	}
	.loginmyvpn{
		display:none;
		position: fixed;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    z-index: 10011;
	}
	.loginmyvpn div.lyv_bg{
		width: 100%;
		height: 100%;
		background: #000000;
		opacity: 0.6;
	}
	.loginmyvpn div.lyv_cent{
		position: absolute;
		width: 300px;
		height: 209px;
		background: #ffffff;
		top: 0px;
		border-radius: 6px;
		padding: 12px;
	}
	.loginmyvpn div.lyv_cent i.toclose2{
		display:block;
		position: absolute;
		background: url('/public/statics/image/toclose.png') no-repeat center center;
		background-size:100%;
		height:32px;
		width:32px;
		top: 7px;
    	right: 10px;
    	cursor:pointer;
	}
	.loginmyvpn div.lyv_cent img{
		display: block;
		width: 104px;
		margin: 14px auto 20px auto;
	}
	.loginmyvpn div.lyv_cent p{
		height: 40px;
		margin: 0 auto;
		border-top:1px solid #ffffff;
		margin-bottom:8px;
	}
	.loginmyvpn div.lyv_cent a{
		display: block;
		height: 36px;
		width: 160px;
		line-height: 36px;
		text-align: center;
		margin: 2px auto 2px auto;
		border:1px solid #036eb8;
		border-radius:36px;
		font-size:12px;
	}
	.loginmyvpn div.lyv_cent a.active{
		border:1px solid #036eb8;
		color:#ffffff;
		background:#036eb8;
	}
	.loginmyvpn div.lyv_cent a:hover{
		border:1px solid #036eb8;
		color:#ffffff;
		background:#036eb8;
	}
	.joinmyvpn{
		display:none;
		position: fixed;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    z-index: 10011;
	}
	.joinmyvpn div.jyv_bg{
		width: 100%;
		height: 100%;
		background: #000000;
		opacity: 0.6;
	}
	.joinmyvpn div.jyv_cent{
		position: absolute;
	    width: 300px;
	    height: 236px;
	    background: #ffffff;
	    top: 0px;
	    border-radius: 6px;
	    padding: 12px;
	}
	.joinmyvpn div.jyv_cent i.toclose3{
		display:block;
		position: absolute;
		background: url('/public/statics/image/toclose.png') no-repeat center center;
		background-size:100%;
		height:32px;
		width:32px;
		top: 7px;
    	right: 10px;
    	cursor:pointer;
	}
	.joinmyvpn div.jyv_cent img{
		display: block;
    	width: 120px;
    	margin: 20px auto 20px auto;
	}
	.joinmyvpn div.jyv_cent p{
		height: 46px;
    	margin: 0 auto;
    	border-top:1px solid #ffffff;
    	margin-bottom:8px;
	}
	.joinmyvpn div.jyv_cent a{
		display: block;
	    height: 40px;
	    width: 190px;
	    letter-spacing: 2px;
	    line-height: 40px;
	    text-align: center;
	    margin: 2px auto 2px auto;
	    border:1px solid #036eb8;
	    border-radius:36px;
	    font-size:14px;
	}
	.joinmyvpn div.jyv_cent a.active{
		border:1px solid #036eb8;
		color:#ffffff;
		background:#036eb8;
	}
	.joinmyvpn div.jyv_cent a:hover{
		border:1px solid #036eb8;
		color:#ffffff;
		background:#036eb8;
	}
}

/*.aboutus dt{
	color: #3497e3;
    margin: 20px 0;
    line-height: 40px;
	font-size:16px;
	text-align:center;
}





.aboutvpn dt{
	background:url('/public/statics/image/aboutvpn_bg.png') no-repeat center center;
	background-size:300px 40px;
	width:300px;
	height:40px;
}




.aboutpermit dt{
	background:url('/public/statics/image/aboutpermit_bg.png') no-repeat center center;
	background-size:320px 40px;
	width:320px;
	height:40px;
}*/