body a {
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}
li,ul{
	list-style: none;
}
html, body{
    font-size: 100%;
	font-family: 'Roboto Condensed', sans-serif;
}
a:hover{
		text-decoration: none;
}
body{
	background:#FFFFFF;
}
/*-- banner --*/
.banner{
	background: url(../images/sy_01.jpg) repeat fixed center;
	background-size: 100%;
}
.about{
	background: url(../images/about_01.png) repeat fixed center;
	background-size: 100%;
}
.agileinfo-dot {
    background: url(../images/dott.png)repeat 0px 0px;
    background-size: 3px;
    -webkit-background-size: 3px;
    -moz-background-size: 3px;
    -o-background-size: 3px;
    -ms-background-size: 3px;
    padding: 1em 0;
}

.jarallax {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.header {
    margin: 1em 0 0 0;
    background: rgba(0, 0, 0, 0);
    padding: 1em 0;
}
.agileits-logo{
    float: left;
    width: 10%;
}
.agileits-logo h1{
	margin:0;
}

.agileits-logo h1 a span{
    color: #FFFFFF;
    display: block;
    font-size: .18em;
    font-weight: 400;
    letter-spacing: 1px;
}
/*-- top-nav --*/
.top-nav{
    float: left;
    width: 80%;
    text-align: center;
    margin: 0 0 0 0;
}
.navbar-default {
    background: none;
    border: none;
}
.navbar {
    margin-bottom: 0;
	
}
.navbar-collapse {
    padding: 0;
    box-shadow: none;
}
.navbar-default .navbar-brand {
    color: #fff;
}
.navbar-nav {
	
	float: right;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #8bc34a;
    background: none;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #ffffff;
}

.navbar-nav > li {
	float: none;
    display: inline-block;
}
.navbar-nav  li:last-child{
	border:none;
}
.navbar-nav > li > a {
    font-size: 1em;
    padding: .5em 1em;
    text-transform: uppercase;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #8bc34a;
    background: none;
}
ul.dropdown-menu {
    background: rgb(139, 195, 74);
    box-shadow: 0 0 0;
    border: none;
    margin: 0;
    top: 3.7em;
    left: 0 !important;
    min-width: 150px;
    text-align: center;
}
.dropdown-menu > li > a {
    display: block;
    padding: 0px 0px !important;
    clear: both;
    margin: .2em 0 !important;
    font-weight: normal;
    line-height: 1.42857143;
    color: #FFF !important;
    border: none !important;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,.dropdown-menu > li > a:active {
    background: none;
    color: #000000 !important;
}
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 103%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-width: 5px 0 5px 5px;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background: none !important;
    box-shadow: 1px 0px 0px 0px rgba(72, 72, 72, 0);
    color: #fff;
}
/*-- //top-nav --*/

.yy{
	width: 120px;
	background-color: #eba612;
	border-radius: 1em;
	}
.yy li{
	width: 30px;
	height: 30px;
	margin-left: 10px;
	margin-top: 3px;
}	
	.yy li img{
		width: 100%;
	}
	.yy select{
		background-color: transparent;
		border: none;
	}
/*-- social-icons --*/
.agileinfo-social-grids{
	height: 30px;
    float: right;
	position: relative; 
	top:0em;
    margin: -3em 0 0 0;
	width: 120px;
	background-color: #eba612;
	border-radius: 1em;
}

.yy_1 li{
	float: left;
}
.yy_1 select{
	margin-top: 0.1em;
	float: left;
}
.yy_1 li{
	width: 30px;
	height: 30px;
	margin-left: 10px;
	margin-top: 3px;
}	
.yy_1 li img{
		width: 100%;
	}
.yy_1 select{
		background-color: transparent;
		border: none;
	}
/* .agileinfo-social-grids ul{
	padding:0;
	margin:0;
}
.agileinfo-social-grids ul li{
    display: inline-block;
}
.agileinfo-social-grids ul li a {
	color: #333;
    text-align: center;
}
.agileinfo-social-grids ul li a i.fa.fa-facebook,.agileinfo-social-grids ul li a i.fa.fa-twitter,.agileinfo-social-grids ul li a i.fa.fa-rss{
    color: #FFFFFF;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.agileinfo-social-grids ul li a i.fa.fa-facebook:hover {
    color: #3b5998;
}
.agileinfo-social-grids ul li a i.fa.fa-twitter{
	margin:0 1em;
}
.agileinfo-social-grids ul li a i.fa.fa-twitter:hover{
	color: #55acee;
}
.agileinfo-social-grids ul li a i.fa.fa-rss{
	margin:0 1em 0 0;
}
.agileinfo-social-grids ul li a i.fa.fa-rss:hover{
	color: #f26522;
}
.agileinfo-social-grids ul li:nth-child(2){
	margin:.5em 0;
} */
/*-- //social-icons --*/
/*-- w3layouts-banner --*/
.w3layouts-banner{
	width: 60%;
    margin: 3em  auto;
	
}
.w3-banner-info{
    text-align: center;
    background: rgba(255, 255, 255, 0);
    padding: 2em 1em;
    width: 63%;
    position: relative;
}
.w3l-banner-text {
    padding: 1em 2em;
   border-image: url(../images/3.jpg) 30 round;
}
.w3l-banner-text h2{
	color: #FFFFFF;
    font-size: 3em;
	margin: -2rem 0;
	text-align: left;
    letter-spacing: 5px;
  
}
.w3l-banner-text p{
	color: #FFFFFF;
    font-size: 1.3em;
    margin: 3em 0 0 0;
    letter-spacing: 3px;
    font-weight: 800;
	text-align: left;
 
}
.w3l-banner-text li {
	width: 48%;
	border-radius: 1.7em;
	border: 1px solid white;
	background-color: #FFFFFF;
	line-height: 3em;
	font-weight: bold;
	margin-top: 3em;
	font-size: 1.5em;
}
.w3l-banner-text ul{
	color: #FFFFFF;
	font-size: 1em;
	text-align: left;
	margin-top: 3em;
}
.index {
		display: none;
	}
/*-- //w3layouts-banner --*/
/*-- w3ls-banner-info-bottom --*/
.app-a{
	width: 60%;
	margin: 0 auto;
    background-color: #FFFFFF;
	opacity: 1;
	border-radius: 5.5em;
    padding: 1em 0;
	margin-top: -5em;
	box-shadow: 5px 5px 50px 15px rgba(0, 255, 235, 0.3);
}
.app-ab img{
	width: 92%;
	margin-left: 4%;
}
.app-aw {
	display: none;
	}
.queli{
	background-image: url(../images/sy_02.jpg);
	background-size: 100% 100%;
}
.queli .Q_size{
	width: 68%;
	border: 1px solid transparent;
	margin:3em auto;
	
}
.queli .Q_size p{
	font-size: 3em;
	margin-top:7em;
}
.queli .Q_size li{
	font-size: 1.3em;
	line-height: 2em;
	margin-bottom: 14em;
	margin-top:2em;
}
.queli_S{
	display: none;
	
}

.queli_A{
	background-image: url(../images/sy_04.jpg);
	background-size: 100% 100%;
	
}
.queli_A .Q_size{
	width: 68%;
	border: 1px solid transparent;
	margin:3em auto;
}
.queli_A .Q_size p{
	font-size: 3em;
	margin-top:7em;
	text-align: right;
	color: #FFFFFF;
}
.queli_A .Q_size li{
	font-size: 1.3em;
	line-height: 2em;
	margin-bottom: 14em;
	margin-top:2em;
	text-align: right;
	color: #FFFFFF;
}
.queli_A .Q_size ul{
	width: 18%;
	border: 1px solid white;
	font-size: 1.3em;
	border-radius: 1.5em;
	line-height: 3em;
	position: relative;
	top: -12em;
	left:80%;
	background-color: #ba4d90;
	color: #FFFFFF;
}
.queli_A_s{
	display: none;
}
.queli_C{
	background-image: url(../images/sy_05.jpg);
	background-size: 100% 100%;
}
.queli_C .Q_size{
	width: 68%;
	border: 1px solid transparent;
	margin:0 auto;
}
.queli_C .Q_size ul{
	width: 30%;
	margin-left: -3%;
}

.queli_C .Q_size p{
	font-size: 3em;
	margin-top:3em;
}
.queli_C .Q_size li{
	font-size: 1.3em;
	line-height: 2em;
	margin-top:2em;
}

.queli_C_s{
	display: none;
}
.queli_D{
	border: 1px solid transparent;
	background-image: url(../images/sy_06.jpg);
	background-size: 100% 100%;
	
}
.queli_D .D_size{
	width: 68%;
	border: 1px solid transparent;
	margin:9em auto;
}
.queli_D .D_size p{
	font-size: 3.5em;
	text-align: right;
	color: #000000;
	font-weight: bold;
}
.queli_D .D_size ul{
	margin-left: 60%;
	width: 40%;
	height: 20em;
	margin-top: 6em;
	background-image: url(../images/02_17.png);
	background-size: 100% 100%;
}
.queli_D .D_size li{
	width: 18%;
	border: 1px solid white;
	font-size: 1.3em;
	border-radius: 1.5em;
	line-height: 3em;
	position: relative;
	top: 1em;
	left:70%;
	background-color: #ba4d90;
	color: #FFFFFF;
	text-align: center;
}
.queli_D_S{
	display: none;
}
.F_ZZ{
	background-image: url(../images/0_21.jpg);
    width: 100%;
	height: 37em;
}
.F_ZZ_s,.F_ZA_s{
	display: none;
}
.F_ZA{
	background-image: url(../images/sy_09.jpg);
    width: 100%;
	height: 37em;
}
.w3-agileits-bottom-left-text{
	background: rgba(255, 255, 255, 0.88);
    padding: 2em;
}
.w3-agileits-bottom-left-text h3{
    color: #000000;
    font-size: 2em;
    margin: 0;
    letter-spacing: 14px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.8em;
}
.w3-agileits-bottom-left-text p{
    color: #c9847f;
    font-size: .9em;
    line-height: 1.8em;
    margin: 1em 0 0 0;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
}

/* 底部 */
	.clearfix:after {content: ".";display: block;height: 0;visibility: hidden;clear: both;}
	.w1100 {width: 50%;margin: 0 auto;}
	.fl {float: left;}
	a{text-decoration: none;}
	ul{list-style: none;}
	/*底部*/
	.site-footer { font-size: 14px; line-height: 1.8; color: #FFF; }
	.site-footer {  background-image: linear-gradient(#c95085, #9645aa);}
	.site-footer a { color: #FFF;}
	.site-footer a:hover { color: #f44 !important;}
	.site-footer .footer-article { padding: 30px 0 20px; overflow: hidden;}
	.site-footer .contact { float: left; width: 280px;}
	.site-footer .contact dt { width: 90px;}
	.site-footer .contact .iconfont { width: 66px;height: 66px; display: block;float: left;background: url(../images/kefu.png) center center no-repeat;background-size: 55px;}
	.site-footer .contact .text { font-size: 14px; line-height: 30px; color: #fff;}
	.site-footer .contact .tel { padding: 3px 0 15px; font-size: 20px; color: #fff;}
	.site-footer .contact a { display: block; width: 90px; font-size: 14px; line-height: 30px; color: #9b9ea0; text-align: center; border: 1px solid #9b9ea0; border-radius: 4px;}
	.site-footer .contact a:hover { color: #fff !important;}
	.site-footer .col-article { float: left; width: 171px;}
	.site-footer .col-article dt { margin-bottom: 15px; font-size: 16px; font-weight: normal; color: #d7d8d9;}
	.site-footer .col-article dd { margin-bottom: 8px; overflow: hidden;}
	.site-footer .col-article dd a { font-size: 12px; color: #FFF; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	.site-footer .wx { float: left; width: 135px; margin-right: 0;}
	.site-footer .wx dt { margin-bottom: 15px; font-size: 16px; font-weight: normal; color: #d7d8d9;}
	.site-footer .wx dd { margin-bottom: 15px;}
	.site-footer .wx dd img { display: block; width: 110px; height: 110px; margin: 5px 0; border-radius: 2px;}
	.site-footer .wx dd.other { margin-bottom: 0; line-height: 18px;}
	.site-footer .wx dd.other span { display: block; font-size: 12px;}
	.site-footer .wx dd.other a { display: inline-block; margin-right: 5px; font-size: 12px; line-height: 18px; vertical-align: top;}
	.footer-links { padding: 10px 0; border-top: 1px solid #41424c; border-bottom: 1px solid #41424c;}
	.footer-links p { font-size: 14px; color: #a8aaba;}
	.footer-links a { margin-right: 20px; font-size: 12px; color: #a8aaba;}
	.footer-info .info-text { padding: 20px 0; font-size: 12px; text-align: center;}
	.footer-info .info-text .nav-bottom { padding: 20px 0 5px; font-size: 14px; color: #ccc; text-align: center;}
	.footer-info .info-text .nav-bottom a { padding: 0 8px; color: #9b9ea0;}
	.footer-info .info-text .copyright { padding-top: 5px;}
	.footer-info .info-text em { padding: 0 8px;}
	.a2{
		display: none;
	}
	.a1{
		display: block;
	}
	.a1 {
		width: 100%;
	}
	
	/* 关于我们 */
	.banner_a .banner_a_b{
		display: none;
	}
	.world{
		width: 100%;
		background: url(../images/about_02.png);
		background-size:cover;
		border: 1px solid transparent;
	}
	.world_a{
		width:80%;
		margin: 2em auto;
	}
	.world_a ul p{
		font-size:2.5em;
		text-align: center;
		line-height: 2.5em;
		font-weight: bold;
	}
	.world_a li{
		width: 78%;
		margin: 0 auto;
	}
	.world_a li p{
		font-size: 1.7em;
		text-align: center;
		line-height: 2em;
	}
	.about_s {
		width: 100%;
		background: url(../images/about_03.png);
		background-size:cover;
		border: 1px solid transparent;
		height: 70em;
		
	}
	.about_z{
		width: 80%;
		margin: 0 auto;
	}
	.about_z li{
		width: 78%;
		margin: 0 auto;
	}
	.about_z ul p{
		font-size:2.5em;
		text-align: center;
		line-height: 2.5em;
		font-weight: bold;
	}
	.about_z li p{
		font-size: 1.7em;
		text-align: center;
		line-height: 2em;
	}
	.android{
		width: 100%;
		background: url(../images/AndroidVPNa_04.png);
		background-size:cover;
		border: 1px solid transparent;
	}
	.android_a{
		width: 64%;
		margin: 3.6em auto;
	}
	.android_a ul ,.android_a li{
		text-align: right;
	}
	
	.android_a ul p{
		font-size: 2.8em;
		font-weight: bold;
	}
	.android_a ul{
		margin-bottom: 6em;
	}
	.android_a li{
		margin-top: 2em;
	}
	.android .android_a li a{
		font-size: 1.8em;
		text-decoration: none;
		color: #000000;
	}
	.android_And{
		width: 100%;
		
	}
	.android_And h2{
		text-align: center;
		font-size: 3em;
		font-weight: bold;
		line-height: 5em;
	}
	.android_And_a{
		width: 64%;
		margin: 0 auto;
	}
	
	.android_And_a_c ul{
		list-style: none;
		border: 1px solid #FFF;
		background-color: #fff;
		width: 24%;
		height: 13em;
		padding: 0;
		margin: 0;
		margin-left: 7%;
		margin-bottom: 3em;
		float: left;
		box-shadow: 5px 5px 50px 15px rgba(255, 255, 255, 0.3);
	}
	.android_And_a_c ul li{
		width: 33%;
		list-style: none;
		padding: 0;
		margin: 0;
		margin: 1em auto;
	}
	.android_And_a_c ul li img{
		width: 100%;
		text-align: center;
	}
	.android_And_a_c ul p{
		font-size: 1.2em;
		text-align: center;
	}
	.android_And_a_c ul span{
		display: block;
		font-size: 0.8em;
		line-height: 2em;
		text-align: center;
		margin-bottom: 2em;
	}
	
	/* wifi */
	.wifi_a{
		width: 100%;
		background: url(../images/wifiVPN_03.png);
		background-size:cover;
		border: 1px solid transparent;
	}
	.wifi_text {
		width:60%;
		margin: 0 auto;
		
	}
	.wifi_text h2{
		text-align: center;
		font-size: 2.5em;
		line-height: 2em;
	}
	.wifi_text p{
		font-size: 1.4em;
		line-height: 2em;
		letter-spacing: 4px;
	}
	.wifi_b{
		background: url(../images/wifiVPN_04.png);
		background-size:cover;
		width: 100%;
	}
	.wifi_b_b {
		width: 65%;
		margin: 0 auto;
		
	}
	.wifi_b_b h2{
		font-size: 4em;
		text-align: center;
		line-height:3em;
		color: #FFF;
	}
	.wifi_b_b p{
		font-size: 2.1em;
		text-align: center;
		line-height: 2em;
		color: #FFF;
	}
	.wifi_b_b li{
		width: 100%;
		margin: 3em auto;
		border-radius: 3em;
		background-color: #FFF;
	}
	.wifi_b_b li span{
		font-size: 2em;
		margin-left: 4%;
		line-height: 3em;
	}
	.wifi_b_b dd{
		text-align: center;
		color: #FFF; 
		font-size: 2.5em;
		line-height: 2.2em;
	}
	.wifi_b_b dl{
		font-size: 2.1em;
		text-align: center;
		line-height: 2em;
		color: #fff;
		display: block;
	}
	.wifi_aq{
		width: 65%;
		margin: 0 auto;
		
	}
	.wifi_aq h2{
		text-align: center;
		font-size: 3em;
	}
	.wifi_aq li{
		width: 100%;
		margin-bottom: 2em;
		background-image: linear-gradient(#c95084, #9945a8);
	}
	.wifi_aq li p{
		font-size: 2em;
		line-height: 1.5em;
		text-align: left;
		text-indent: 1.5em;
		color: #FFF;
		padding-top: 0.5em;
	}
	.wifi_aq li span{
		display: block;
		font-size: 1.4em;
		line-height: 1.5em;
		text-align: left;
		text-indent: 2em;
		color: #FFF;
		padding-bottom: 0.5em;
	}
	/* 安全 */
	.safe_text{
		width: 100%;
		background: url(../images/safe1_03.png);
		background-size:cover;
	}
	.safe_text_n{
		width: 62%;
		margin: 0 auto;
	}
	.safe_text_n li {
		
		margin-top: 2em;
	}
	
	.safe_text_n li p{
		font-size: 1.6em;
		line-height: 2em;
	}
	.safe_text_n h2{
		font-size: 3em;
		font-weight: bold;
	}
	.safe_text_n h3{
		font-size: 2.5em;
		font-weight: bold;
	}
	.safe_text_n ul{
		width: 25%;
		margin: 1em auto;
		border-radius: 3em;
		background-color: ;
		background-image: linear-gradient(#c95085, #9645aa);
	}
	.safe_text_n ul p{
		font-size: 2em;
		line-height: 3em;
		color: #fff;
	}
	
/* 帮助中心 */
	.help{
		background: url(../images/help_01.png) repeat fixed center;
		background-size: 100%;
		height: 60em;
	}
	.help_bann h2{
		text-align: center;
		font-size: 3em;
		margin-top: 5em;
		color: #FFF;
	}
	.help_n{
		width: 100%;
		margin-top:28em;
	}
	
	.help_n_a{
		width:100%;
		margin: 0 auto;
	}
	.help_n_c{
		width: 100%;
	}
	.help_n_c ul{
		width: 22%;
		float: left;
		background-color: #f3f3f3;
		border: 1PX solid gold;
		margin-left: 2.5%;
		border-radius: 1em;
		list-style: none;
		padding: 0;
	}
	.clear{
		clear: both;
	}
	.help_ss{
		display: none;
	}
	 .help_n_c ul li{
		 list-style: none;
		 padding: 0;
		 width: 38%;
		 margin: 1em auto;
	 }
	.help_n_c ul li img{
		width: 100%;
		text-align: center;
	}
	.help_n_c ul p{
		font-size: 1.2em;
		text-align: center;
	}
	.help_n_c ul span{
		display: block;
		width: 80%;
		margin: 0 auto;
		font-size: 0.8em;
		line-height: 2em;
		text-align: center;
		margin-bottom: 2em;
	} 
	.help_img{
		display: none;
	}
	.question{
		width: 90%;
		margin: 3em auto;
		margin-top: 6em;
		
	}
	.help_que {
		width: 90%;
		margin: 3em auto;
		margin-top: 11em;
	}
	.question h2{
		text-align: center;
	}
	.question ul{
		width: 54%;
		margin: 0 auto;
		border: 1px solid #F3F3F3;
		margin-top: 1em;
		background-color: #F3F3F3;
	}
	.question ul li p{
		font-size: 1.2em;
		line-height: 2em;
		padding-top:0.5em;
	}
	/* 服务器 */

	/* .w3-agileits-bottom-right{
	background: url(../images/4.jpg) no-repeat 0px 0px !important;
} */

/*-- //typography --*/
/*-- contact --*/
.agileits-contact-address{
	margin: 3em 0 0 0;
}
.w3layouts-contact-form-top h3,.contact-form-top h3,.w3agile-map h3{
	color:#000000;
	text-align:left;
}
.w3layouts-contact-form-top p{
	margin:2em 0;
	color:#999999;
	font-size:.9em;
	line-height:1.8em;
}
.agileits-contact-address ul {
    padding: 0;
    margin: 0;
}
.agileits-contact-address ul li {
    display: block;
    margin: 1em 0;
}
.agileits-contact-address ul li i.fa.fa-phone,.agileits-contact-address ul li i.fa.fa-map-marker {
    height: 40px;
    width: 40px;
    background: #8bc34a;
    line-height: 40px;
    text-align: center;
    color: #FFF;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
}
.agileits-contact-address ul li span {
    color: #999999;
    font-size: .875em;
    margin-left: 1em;
}
.agileits-contact-address ul li span a {
    color: #999999;
    text-decoration: none;
}
.agileits-contact-address ul li span a:hover{
    color: #8bc34a;
}
.agileinfo-contact-form-grid{
    margin: 2em 0 0 0;
}
.agileinfo-contact-form-grid input[type="text"],.agileinfo-contact-form-grid input[type="email"] {
    display: inline-block;
    background: none;
    border: 1.5px solid #BBBBBB;
    width: 100%;
    outline: none;
    padding: 10px 15px 10px 15px;
    font-size: .9em;
    color: #BBBBBB;
    margin-bottom: 1.5em;
}
.agileinfo-contact-form-grid textarea {
    background: none;
    border: 1.5px solid #BBBBBB;
    width: 100%;
    display: block;
    height: 150px;
    outline: none;
    font-size: 0.9em;
    color: #BBBBBB;
    resize: none;
    padding: 10px 15px 10px 15px;
    margin-bottom: 1em;
}
button.btn1{
    border: solid 1px #8bc34a;
    color: #ffffff;
    font-size: .875em;
    padding: .5em 2em;
    text-decoration: none;
    background: #8bc34a;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
button.btn1:hover{
    border: solid 1px #000000;
    color: #000000;
    background: none;
}
.w3agile-map {
    margin: 4em 0 0 0;
}
.w3agile-map iframe{
    border: none;
    min-height: 300px;
    width: 100%;
	margin:2em 0 0 0;
}
/*-- //contact --*/
/*-- single --*/
.agileits-single-img img{
	width:100%;
}
.agileits-single-img h4{
	color: #000000;
    font-size: 1.2em;
    margin: 1em 0;
    font-weight: 600;
    line-height: 1.5em;
    text-transform: capitalize;
}
.agileinfo-single-icons{
	margin:2em 0;
}
.agileinfo-single-icons ul{
	padding:0;
	margin:0;
}
.agileinfo-single-icons ul li{
    display: inline-block;
    color: #999999;
    font-size: 1em;
    margin-right: 1.5em;
}
.agileinfo-single-icons ul li:last-child{
	margin-right:0;
}
.agileinfo-single-icons ul li a{
    color: #999999;
	text-decoration:none;
}
.agileinfo-single-icons ul li span{
    margin-left: .5em;
}
.agileinfo-single-icons ul li span:hover{
    color: #8bc34a;
}
.agileits-single-img p{
    color: #999999;
    font-size: .9em;
    line-height: 1.8em;
    margin: 0;
}

/*-- leave-comments --*/
.w3_leave_comment {
    width: 70%;
}
.w3_leave_comment form {
    margin: 3em 0 0;
}
.w3_leave_comment input[type="text"], .w3_leave_comment input[type="email"], .w3_leave_comment textarea {
    background: none;
    border: 1.5px solid #BBBBBB;
    width: 100%;
    outline: none;
    padding: 10px;
    font-size: .9em;
    color: #BBBBBB;
}
.w3_leave_comment input[type="email"], .w3_leave_comment textarea {
    margin: 1em 0;
}
.w3_leave_comment textarea {
    min-height: 200px;
    resize: none;
}
.w3_leave_comment input[type="submit"] {
	border: solid 1px #8bc34a;
    color: #ffffff;
    font-size: .875em;
    padding: .5em 2em;
    text-decoration: none;
    background: #8bc34a;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.w3_leave_comment input[type="submit"]:hover {
    border: solid 1px #000000;
    color: #000000;
    background: none;
}
/*-- //leave-comments --*/
/*-- //single --*/
/*-- to-top --*/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 20px;
	right: 2%;
	overflow: hidden;
	z-index: 999; 
	width: 40px;
	height: 40px;
	border: none;
	text-indent: 100%;
	background: url(../images/arrow.png) no-repeat 0px 0px;
}
#toTopHover {
	width: 40px;
	height: 40px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
/*-- //to-top --*/

/*-- //responsive --*/
@media(max-width:640px){
	.banner{
		display: none;
	}
	.navbar-header{
		display: none;
	}
	.header,.w3layouts-banner,{
		display: none;
	}
	
	.index{
		background: url(../images/sy0001.jpg);
		display: block;
		position: fixed;
		top: 0px;
		z-index: -10;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 100%;
		height: 18em;
		}
		
	.index img{
		width: 100%;
	}
	.help_img{
		display: block;
	}
	.app-a{
		width:65%;
		height: 3em;
		margin: 0 auto;
		border-radius: 2.8em;
		padding: 1em 0;
		margin-top:16.5em;
		box-shadow: 5px 5px 50px 15px rgba(0, 255, 235, 0.3);
		z-index: -1;
		
	}
	/* .app-a{
		width: 60%;
		margin: 0 auto;
	    background-color: #FFFFFF;
		opacity: 1;
		border-radius: 5.5em;
	    padding: 1em 0;
		margin-top: -5em;
		box-shadow: 5px 5px 50px 15px rgba(0, 255, 235, 0.3);
	} */
	.loading_box{
		width: 80%;
		margin: 0 auto;
		/* height: 2.8em;
		background: url(../images/S_03.png) repeat fixed center;
		background-size: 100% 100%; */
		position: relative;
		top: -1em;
	}
	.app-ab{
		display: none;
	}
	.app-aw{
		display: block;
		width: 100%;
		margin: 0 auto;
		margin-top: 0.5em;
	}
	.app-aw img{
		width: 100%;
	}
	.queli_A{
		background-image: url(../images/s-SY_03.png);
		background-size: 100% 100%;
	}
	.queli{
		display: none;
	}
	.queli_S{
		display: block;
		height: 33em;
		border: 1px solid transparent;
		background-color: #fff;
		
	}
	
	.queli_S img{
		width: 100%;
	}
	.queli_S .Q_size{
		width: 78%;
		margin:0 auto;
		margin-top: 1.5em;
	}
	.queli_S .Q_size p{
		font-size: 1.8em;
		line-height: 2em;
		text-align: center;
	}
	.queli_A{
		display: none;
	}
	.queli_A_s{
		background-image: url(../images/s-SY_04.png);
		background-size: 100% 100%;
		display: block;
		height: 42em;
	}
	.queli_A_s .Q_size{
		width: 76%;
		border: 1px solid transparent;
		margin:0em auto;
	}
	.queli_A_s .Q_size p{
		font-size: 1.5em;
		text-align: center;
		color: #FFFFFF;
		margin-top: 4em;
	}
	.queli_A_s .Q_size li{
		font-size: 1em;
		line-height: 2em;
		margin-bottom: 14em;
		margin-top:0.5em;
		text-align: right;
		color: #FFFFFF;
	}
	.queli_A_s .Q_size ul{
		width: 76%;
		border: 1px solid white;
		font-size: 1.3em;
		border-radius: 1.5em;
		line-height: 2em;
		text-align: center;
		padding: 0;
		background-color: #ba4d90;
		color: #FFFFFF;
		margin-top: -1em;
	}
	.queli_C{
		display: none;
	}
	.queli_C_s{
		display: block;
	}
	.queli_C_s img{
		width: 100%;
	}
	.queli_D{
		display: none;
	}
	.queli_D_S{
		display: block;
		
	}
	.queli_D_S img{
		width: 100%;
	}
	
	/* .queli_D_S .D_size{
		width: 68%;
		border: 1px solid transparent;
		margin:9em auto;
	}
	.queli_D_S .D_size p{
		font-size: 3.5em;
		text-align: right;
		color: #000000;
		font-weight: bold;
	}
	.queli_D_S .D_size ul{
		margin-left: 60%;
		width: 40%;
		height: 20em;
		margin-top: 6em;
		background-image: url(../images/02_17.png);
		background-size: 100% 100%;
	}
	.queli_D_S .D_size li{
		width: 18%;
		border: 1px solid white;
		font-size: 1.3em;
		border-radius: 1.5em;
		line-height: 3em;
		position: relative;
		top: 1em;
		left:70%;
		background-color: #ba4d90;
		color: #FFFFFF;
		text-align: center;
	} */
	.F_ZZ{
		display: none;
	}
	.F_ZZ_s{
		display: block;
	}
	.F_ZA{
		display: none;
	}
	.F_ZA_s {
		display: block;
	}
	.F_ZA_s img,.F_ZZ_s img{
		width: 100%;
	}
	
	
	
	
	
	
	
	/* 底部 */
	.clearfix:after {content: ".";display: block;height: 0;visibility: hidden;clear: both;}
	.w1100 {width:85%;margin: 0 auto;}
	.fl {float: left;}
	a{text-decoration: none;}
	ul{list-style: none;}
	 .site-footer .footer-article { padding: 30px 0 20px; }
	.site-footer .contact { float: left; width: 50%;  }
	.site-footer .contact dt {width: 90px;float: left;}
	.site-footer .contact .iconfont { width: 66px;height: 66px; display: block;float: left;background: url(../images/kefu.png) center center no-repeat;background-size: 55px;}
	.site-footer .contact .text { font-size: 14px; line-height: 30px; color: #fff;}
	.site-footer .contact .tel { padding: 3px 0 15px; font-size: 20px; color: #fff;}
	.site-footer .contact a { display: block; width: 90px; font-size: 14px; line-height: 30px; color: #9b9ea0; text-align: center; border: 1px solid #9b9ea0; border-radius: 4px;}
	.site-footer .contact a:hover { color: #fff !important;}
	.site-footer .col-article { float: left; width: 50%;}
	.site-footer .col-article dt { margin-bottom: 15px; font-size: 16px; font-weight: normal; color: #fff;}
	.site-footer .col-article dd { margin-bottom: 8px;float: left;margin-left: 5px; overflow: hidden;}
	.site-footer .col-article dd a { font-size: 12px; color: #FFF; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	.site-footer .wx { float: left; width: 135px; margin-right: 0;}
	.site-footer .wx dt { margin-bottom: 15px; font-size: 16px; font-weight: normal; color: #d7d8d9;}
	.site-footer .wx dd { margin-bottom: 15px;}
	.site-footer .wx dd img { display: block; width: 110px; height: 110px; margin: 5px 0; border-radius: 2px;}
	.site-footer .wx dd.other { margin-bottom: 0; line-height: 18px;}
	.site-footer .wx dd.other span { display: block; font-size: 12px;}
	.site-footer .wx dd.other a { display: inline-block; margin-right: 5px; font-size: 12px; line-height: 18px; vertical-align: top;}
	.footer-links { padding: 10px 0; border-top: 1px solid #41424c; border-bottom: 1px solid #41424c;}
	.footer-links p { font-size: 14px; color: #a8aaba;}
	.footer-links a { margin-right: 20px; font-size: 12px; color: #a8aaba;}
	.footer-info .info-text { padding: 20px 0; font-size: 12px; text-align: center;}
	.footer-info .info-text .nav-bottom { padding: 20px 0 5px; font-size: 14px; color: #ccc; text-align: center;}
	.footer-info .info-text .nav-bottom a { padding: 0 8px; color: #9b9ea0;}
	.footer-info .info-text .copyright { padding-top: 5px;}
	.footer-info .info-text em { padding: 0 8px;}
	.a2{
		display: block;
	}
	.a1{
		display: none;
	}
	.a2 {
			width: 100%;
		}
	
		/* 关于我们 */
		.dh_a{
			display: none;
		}
		.banner_a .banner_a_a{
			display: none;
		}
		.banner_a .banner_a_b{
			display: block;
			margin-top: 50px;
		}
		.world{
			background: url(../images/a2_02.png);
			background-size:cover;
			border: 1px solid transparent;
		}
		.world_a{
			width:95%;
			margin: 1em auto;
		}
		.world_a ul p{
			font-size:0.8em;
			text-align: center;
			line-height: 1.6em;
			font-weight: bold;
		}
		.world_a li{
			width:100%;
			margin: 0 auto;
		}
		.world_a li p{
			font-size: 0.5em;
			text-align: center;
			line-height: 1.5em;
		}
		.about_s {
			width: 100%;
			height: 18em;
			background: url(../images/a3_03.png);
				background-size: 100%;
			
		}
		
		.about_z{
			width: 80%;
			margin: 0 auto;
		}
		.about_z li{
			width: 90%;
			margin: 0 auto;
		}
		.about_z ul p{
			font-size:0.8em;
			text-align: center;
			line-height: 1.6em;
			font-weight: bold;
		}
		.about_z li p{
			font-size: 0.5em;
			text-align: center;
			line-height: 1em;
		}
		.android{
			width: 100%;
			background: url(../images/AndroidVPNS_04.png);
			background-size:cover;
			border: 1px solid transparent;
		}
		/* .android_a{
			height: 7em;
		} */
		.android_a{
			width: 64%;
			margin: 3.6em auto;
		}
		.android_a ul ,.android_a li{
			text-align: right;
		}
		
		.android_a ul p{
			font-size: 1em;
			color: transparent;
		}
		
		.android_a li{
			margin-top: 2em;
			display: none;
		}
		.android{
			width: 100%;
			background: url(../images/AndroidVPNS_04.png);
			background-size:cover;
			border: 1px solid transparent;
		}
		.ios{
			width: 100%;
			background: url(../images/iosVPN3_04.png);
			background-size:cover;
			border: 1px solid transparent;
		}
		.mac{
			width: 100%;
			background: url(../images/mac_P_04.png);
			background-size:cover;
			border: 1px solid transparent;
		}
		.mac{
			width: 100%;
			background: url(../images/windows_p_04.png);
			background-size:cover;
			border: 1px solid transparent;
		}
		.android_a{
			width: 64%;
			margin: 3.6em auto;
		}
		/* .android_a ul ,.android_a li{
			text-align: right;
		} */
		
		.android_a ul p{
			font-size: 1.4em;
			font-weight: bold;
		}
		/* .android_a ul{
			margin-bottom: 6em;
		} */
		/* .android_a li{
			margin-top: 2em;
		}
		.android .android_a li a{
			font-size: 1.8em;
			text-decoration: none;
			color: #000000;
		} */
		.android_And{
			width: 100%;
			background-color: #f8f9fb;
		}
		.android_And h2{
			text-align: center;
			font-size: 1em;
			font-weight: bold;
			line-height: 2.5em;
		}
		.android_And_a{
			width: 94%;
			margin: 0 auto;
		}
		
		.android_And_a_c ul{
			list-style: none;
			border: 1px solid #FFF;
			background-color: #fff;
			width: 100%;
			height: 4em;
			padding: 0;
			margin: 0;
			margin-bottom: 1em;
			float: left;
			box-shadow: 5px 5px 50px 15px rgba(255, 255, 255, 0.3);
		}
		.android_And_a_c ul li{
			width: 12%;
			list-style: none;
			padding: 0;
			margin: 0;
			float: right;
		}
		.android_And_a_c ul li img{
			width: 100%;
			text-align: center;
			margin-top: 0.5em;
		}
		.android_And_a_c ul p{
			font-size: 0.8em;
			text-align: right;
			margin-top: 1em;
		}
		.android_And_a_c ul span{
			width: 87%;
			display: block;
			font-size: 0.5em;
			line-height: 1.9em;
			text-align: right;
			margin-top: -1em;
		}
		.android_And .android_And_a .android_And_a_c ul span br{
			display: none;
		}
		.medium_tex ul span{
			width: 100%;
		}
		/* wifi */
		.wifi_a{
			width: 100%;
			background: url(../images/wifiVPN_03.png);
			background-size:cover;
			border: 1px solid transparent;
		}
		.wifi_text {
			width:90%;
			margin: 0 auto;
			
		}
		.wifi_text h2{
			text-align: center;
			font-size: 1em;
			line-height: 1.5em;
		}
		.wifi_text p{
			font-size: 0.6em;
		}
		.wifi_text p br{
			display: none;
		}
		.wifi_b{
			background: url(../images/wifis_03.png);
			background-size:cover;
			width: 100%;
			height: 24em;
		}
		.wifi_b_b {
			width: 96%;
			margin: 0 auto;
			
			
		}
		.wifi_b_b h2{
			font-size: 1.2em;
			text-align: center;
			line-height:2em;
			color: #FFF;
			padding-top:2em;
		}
		.wifi_b_b p{
			font-size: 0.6em;
			text-align: center;
			line-height: 1.5em;
			color: #FFF;
			padding-top:2em;
		}
		.wifi_b_b li{
			width: 100%;
			margin: 1em auto;
			border-radius: 2em;
			background-color: #FFF;
			height: 2em;
		}
		.wifi_b_b li span{
			font-size:0.2em;
			margin-left: 3%;
		}
		.wifi_b_b dd{
			text-align: center;
			color: #FFF; 
			font-size: 0.8em;
			line-height: 1.6em;
			margin-top: 3em;
			
		}
		.wifi_b_b dl{
			font-size: 0.6em;
			text-align: center;
			line-height: 1.6em;
			color: #fff;
			display: block;
			margin-top: 3em;
		}
		.wifi_aq{
			width: 94%;
			margin: 0 auto;
			
		}
		.wifi_aq h2{
			text-align: center;
			font-size: 1.3em;
		}
		.wifi_aq li{
			width: 100%;
			margin-bottom: 2em;
			background-image: linear-gradient(#c95084, #9945a8);
		}
		.wifi_aq li p{
			font-size: 0.8em;
			line-height: 1.5em;
			text-align: left;
			text-indent: 0.8em;
			color: #FFF;
			padding-top: 0.5em;
		}
		.wifi_aq li span{
			display: block;
			font-size: 0.5em;
			line-height: 1.5em;
			text-align: left;
			text-indent:0.8em;
			color: #FFF;
			padding-bottom: 0.5em;
		}
		/* 安全 */
		.safe_text{
			width: 100%;
			background: url(../images/safe2_02.png);
			background-size:cover;
		}
		.safe_text_n{
			width: 92%;
			margin: 0 auto;
		}
		.safe_text_n li {
			margin-top: 1em;
		}
		
		.safe_text_n li p{
			font-size: 0.6em;
			line-height: 1.3em;
		}
		.safe_text_n h2{
			font-size: 1em;
			font-weight: bold;
		}
		.safe_text_n h3{
			font-size: 0.8em;
			font-weight: bold;
		}
		.safe_text_n ul{
			width: 30%;
			margin: 1em auto;
			border-radius:1.3em;
			background-image: linear-gradient(#c95085, #9645aa);
			padding: 0;
		}
		.safe_text_n a ul p{
			font-size: 0.8em;
			color: #fff;
			text-align: center;
			padding-top: 0.2em;
			padding-bottom: 0.2em;
		}
		.help {
			display: none;
		}
		.help_n {
			display: none;
		}
		
		.help_ss{
			display: block;
			width: 100%;
			height: 41em;
			background: url(../images/help1_01.jpg) ;
			background-size: 100%;
			border: 1px solid red;
			margin-top: 3em;
			
		}
		.help_ss .help_n_a{
			margin-top: 3em;
		}
		.help_n_a h2{
			margin-top: -2em;
		}
		.help_n_c{
			width: 96%;
			margin:0 auto;
			background-color: #fff;
			border-radius: 18px;
			
		}
		.help_n_c h3{
			text-align: center;
			font-size: 1.5em;
			line-height: 2em;
		}
		.help_n_c dd{
			font-size: 0.6em;
			text-align: center;
			margin-top: -1em;
			margin-bottom: 1em;
		}
		.help_n_c ul{
			width: 94%;
			margin: 0 auto;
			margin-left: 3%;
			margin-bottom: 1em;
		}
		.help_n_c ul li{
			width: 15%;
			float: left;
		}
		.help_n_c ul li img{
			width: 100%;
		}
		.help_n_c ul p{
			display: block;
			width: 75%;
			
			font-size: 1em;
			line-height: 1em;
			margin-top: 1em;
			text-align: left;
			margin-left:18%;
		}
		.help_n_c ul span{
			display: block;
			width: 75%;
			font-size: 0.6em;
			text-align: left;
			margin-left:18%;
		}
		.help_ss .help_n_a h2{
			color: #fff;
			text-align: center;
			font-size: 1.5em;
			line-height: 3em;
		}	
		
		.help_ss img{
			width: 100%;
		}
		.help_img{
			display: block;
		}
		.question{
			width: 100%;
			margin: 2em auto;
			
		}
		.question h2{
			text-align: center;
		}
		.question ul{
			width: 90%;
			margin: 0 auto;
			border: 1px solid #F3F3F3;
			margin-top: 0.8em;
			background-color: #F3F3F3;
		}
		.question ul li p{
			font-size: 0.6em;
			line-height: 1.5em;
			padding-top:1em;
		} 
		
	}
	* {
	    padding:0;
	    margin: 0;
	}
	
	html, body {
	    width: 100%;
	}
	#header{
		display: none;
	}
	
	
	@media(max-width:640px){
		#header {
			width: 100%;
			display: block;
		    background-color: #C95085;
		   
			position: fixed;
			top: 0;
			left: 0;
			z-index: 999;
		}
		
		#header a {
		    text-decoration: none;
		    color: white;
		}
		
		#header a:hover {
		    color: #DDD;
		}
		/* 导航栏按钮 */
		.btn {
		    display: none;
		    float:right;
		    margin-top: -15px;
		    border: 0;
		    border-radius: 5px;
		    width: 40px;
		    height: 40px;
		}
		/* 文字Logo */
		#header a.logo {
			width: 140px;
			height: 50px;
		    float:left;
			margin-top: -15px;
		}
		#header a.logo img{
			width: 100%;
		}
		
		#header div.nav {
		    height: 50px;
		}
		
		#header ul.nav-bar {
		    list-style: none;
		    float: right;
		    line-height: 50px;
		}
		#header ul.nav-bar li {
		    float:left;
		    padding: 0 10px;
		}
		
		
		
		
		
	    #header {
	        padding: 10px 5%;
	        height: 50px;
	        overflow: hidden;
	    }
	    #header a.logo {
			width: 100px;
	        line-height: 55px;
	        font-size: 30px;
	    }
	    .btn {
	        display: block;
	    }
	    #header ul.nav-bar {
	        margin-top: 15px;
	        border-top: solid 1px transparent;
	        width:100%;
	    }
	    #header ul.nav-bar li {
	        float: none;
	        padding: 0 10px;
	    }
		.her_aa{
			height: 30px;
		    float: left;
			position: relative; 
			top:0em;
			margin-left: 50px;
			width: 120px;
			background-color: #eba612;
			border-radius: 1em;
		}
		
		.yy_1 li{
			float: left;
		}
		.yy_1 select{
			margin-top: 0.1em;
			float: left;
		}
		.yy_1 li{
			width: 30px;
			height: 30px;
			margin-left: 10px;
			margin-top: 3px;
		}	
		.yy_1 li img{
				width: 100%;
			}
		.yy_1 select{
				background-color: transparent;
				border: none;
			}
		
	}
	
	#container {
	    width: 100%;
	    height: 300px;
	}