html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
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;
}
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;
}


.icon {
  width: 1.3em;
  height: 1.3em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
/*-- banner --*/
.banner{
	background-image:url(../images/sy_01.jpg);
	background-repeat:no-repeat;
	background-attachment:no;
}
.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{
    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;
}
.long{
	display: none;
}
.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;
	margin-bottom: 20em;
}
.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;
    font-size: bold;
}
.w3l-banner-text p{
	color: #FFFFFF;
    font-size: 1.3em;
    margin: 3em 0 0 0;
    letter-spacing: 3px;
	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;
	}
	.clause_banner2{
	    text-align: center;
	    background: rgba(255, 255, 255, 0);
	    padding: 2em 1em;
	    width: 52%;
	    position: relative;
		left: -12%;
		
	}
	.clause_banner h2{
		color: #FFFFFF;
	    font-size: 3em;
		text-align: left;
	    letter-spacing: 5px;
		margin-top:2.5em;
		font-weight: bold;
	  
	}
	
	.clause_banner p{
		color: #FFFFFF;
	    font-size: 1.8em;
	    margin: 3em 0 0 0;
	    letter-spacing: 3px;
		text-align: left;
		font-weight: 200;
	}
/*-- //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;
	border: 1px solid silver;
}
.app-ab img{
	width: 92%;
	margin-left: 4%;
}
.index_down{
	width: 96%;
	margin: 0 auto;
	
}
.index_down li{
	width:24%;
	margin-left: 1%;
	margin-top:0em;
	position: relative;
	left: 3%;
	display: inline-block;
}
.index_down li img{
	width: 28%;
	
	float: left;
	margin-top: 0.2em;
}
.index_down ul{
	vertical-align:middle;
	margin-left: 2%;
	line-height:4em;
	font-size: 1.1em;
	margin-top:-0em;
}
.index_down li,.index_down ul{
	float: left;
}
.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:0em auto;
	
}
.queli .Q_size p{
	font-size: 3em;
	margin-top:3em;
	line-height: 1.5em;
	font-weight: 800;
}
.queli .Q_size p span{
	color: #9f47a4;
}
.queli .Q_size li{
	font-size: 1.2em;
	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: 2.5em;
	margin-top:7em;
	text-align: right;
	color: #FFFFFF;
	font-weight: 600;
}
.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:14%;
	border: 1px solid white;
	font-size: 1.2em;
	border-radius: 1.5em;
	text-align: center;
	line-height: 2.5em;
	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%;
	height: 40em;
	margin-top: 0px;
	
}
.queli_C .Q_size{
	width: 60%;
	margin: 0 auto;
}
.queli_C .Q_size ul {
	width: %;
}
.queli_C .Q_size ul img{
	width: 100%;
}
.queli_C .Q_size p{
	font-size: 2.5em;
	font-weight: 800; 
}
.queli_C .Q_size li{
	font-size: 1.2em;
	line-height: 2em;
}
.queli_C .Q_top{
	border: 1px solid transparent;
}
.queli_C .Q_top p,.queli_C .Q_top ul,.queli_C .Q_top li{
	margin-top: 2em;
	border: 1px solid transparent;
}
.Q_top li{
	width:47%;
}
.Q_top2 li{
	width: 43%;
}
.Q_top ul .tex_nn{
	width:47%;
}
.tex_nn{
	width: 100%;
	margin-top: 1em;
	height: 5em;
}
.tex_nn div{
	width: 14%;
}
.tex_nn div img{
	width: 100%;
	float: left;
	
}
.tex_nn h2 span{
	font-size: 0.7em;
	font-weight: 100;
}
.tex_nn h2{
	font-size: 1.8em;
	font-weight: bold;
	margin-left: 5%;
	letter-spacing: 3px;
	float: left;
}
.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%;
	margin:0 auto ;
}
.D_size_z{
	width: 45%;
	float: right;
}
.queli_D .D_size p{
	font-size: 2.5em;
	
	text-align: center;
	color: #000000;
	font-weight: bold;
}
.queli_D .D_size ul{
	margin-top: 2em;
	width: 100%;
	height: 20em;
	background-image: url(../images/02_17.png);
	background-size: 100% 100%;
}
.queli_D .D_size li{
	width: 33%;
	margin: 0 auto;
	border: 1px solid white;
	font-size: 1.2em;
	border-radius: 1.5em;
	line-height: 2.5em;
	
	background-color: #ba4d90;
	color: #FFFFFF;
	text-align: center;
}
.queli_D_S{
	display: none;
}


.queli_D_index{
	border: 1px solid transparent;
	background-image: url(../images/sy_06.jpg);
	background-size: 100% 100%;
	height: 35em;
}

.queli_D_index .D_size{
	width: 45%;
	float: right;
	margin-right: 0%;
}
.queli_D_index .D_size p{
	width: 100%;
	border: 1px solid transparent;
	font-size: 2.2em;
	margin: 0 auto;
	color: #000000;
	font-weight: bold;
	margin-top: 1em;
	line-height: 3em;
	height: 3em;
	text-align: center;
}
.queli_D_index .D_size div{
	width: 60%;
	margin: 0 auto;
	height: auto;
	background-size: cover;
	border: 1px solid transparent;
}
.D_size div ul{
	width: 100%;
	
}
.D_size div ul dd{
	display: block;
	width: 25%;
	float: left;
	text-align: center;
	line-height: 1.5em;
	color: #ac4a9a;
	height:10em;
}
.D_size div ul dd dl{
	display: block;
	width: 60%;
	margin: 0 auto;
}
.D_size div .d_size_color dd {
	color: #000000;
}
.queli_D_index .D_size div img{
	width: 100%;
}
/* .queli_D_index .D_size ul img{
	position: relative;
	top: -15em;
} */
.queli_D_index .D_size li{
	
	width: 25%;
	margin: 0 auto;
	border: 1px solid white;
	font-size: 1.2em;
	border-radius: 1.5em;
	line-height: 2.5em;
	background-color: #ba4d90;
	color: #FFFFFF;
	text-align: center;
}








.F_ZZ{
    width:62.5%;
	margin: 0 auto;
}
.rz_a{
	width: 30%;
	background-color: #f8f9fb;
	float: left;
	margin-left: 2%;
	margin-top: 3em;
	margin-bottom: 3em;
}
.rz_a_img{
	width: 25%;
	margin: 2em auto;
}
.rz_a_img img{
	width: 100%;
}
.rz_a p{
	text-align: center;
	font-size: 1.2em;
	font-weight: 600;
	margin-top: 2em;
	color: #000000;
}
.rz_a dd{
	display: block;
	width: 80%;
	margin:0 auto ;
	font-size: 0.8em;
	text-align: center;
	line-height: 1.8em;
	color: #000000;
}
.rz_a ul{
	
	width: 55%;
	margin: 1em auto;
	border-radius: 25px;
	font-size: 1.2em;
	line-height: 2.5em;
	text-align: center;
	background-color: #ba4d90;
	color: #fff;
	margin-top: 2em;
	}

.F_ZZ_s,.F_ZA_s{
	display: none;
}
.F_ZZ a .but_index{
	display: none;
}
.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: 62.5%;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: 20%;}
	.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_dis{
		width: 100%;
		margin-top: 0px;
		 
	}
	
	.xxxsa{
		font-size: 3em;
		text-align: center;
		height: 8.9em;
		position: relative;
		top: -2em;
		
	}
	.xxxsa p{
		position: relative;
		top: -7.5em;
		font-weight: bold;
		letter-spacing: 5px;
	}
	
	.xxxsa li .banner_a_b{
		display: none;
	}
	
	.banner_a_dis .banner_a_a{
		display: block;
		width: 100%;
	}
	.banner_a_dis .banner_a_b{
		display: none;
	}
	.banner_a{
		background-image: url(../images/a_0a1_05.png);
	}
	.adnroid{
		background-image: url(../images/AndroidVPN_02.png);
	}
	.mac{
		background: url(../images/AndroidVPN_02.png);
	}
	
	.about_banner {
		width: 62.5%;
		border: 1px solid transparent;
		margin: 0 auto;
		
	}
	.about_banner ul{
		width: 50%;
		margin-top:7em;
	}
	.about_banner ul h1{
		font-size: 3.2em;
		font-weight: bold;
		letter-spacing: 10px;
	}
	.about_banner li{
		width:50%;
		margin-top: 2.5em;
		margin-bottom: 15.8em;
	}
	.about_banner li p{
		font-size: 2em;
	}
	/* Android */
	.adnroid_banner{
		height: 50em;
	}
	.adnroid_banner ul{
		width: 55%;
		margin-top:7em;
	}
	.adnroid_banner ul h1{
		font-size: 3.2em;
		font-weight: bold;
		letter-spacing: 10px;
		line-height: 1.5em;
	}
	.adnroid_banner li{
		width:55%;
		margin-top: 2.5em;
		margin-bottom: 2.8em;
	}
	.adnroid_banner li p{
		font-size: 2em;
	}
	.adnroid_banner h4{
		font-size: 1.8em;
		margin-top: 1.4em;
	}
	.and_la{
		margin-bottom: 1.6em;
	}
	.adnroid_banner_a{
		width: 40%;
		float: right;
		margin-right: 15%;
		position: relative;
		top: -8em;
		
	}
	
	.adnroid_banner_a .android_xz{
		width: 80%;
		margin: 0 auto;
	}
	.android_xz ul{
		width: 30%;
		margin-left: 10%;
		float: left;
		text-align: center;
		border-radius: 25px;
		line-height: 2em;
		font-size: 1.5em;
		background-image: linear-gradient(#c95085, #9645aa);
		color: #FFF;
	}
	.adnroid_banner_a p{
		text-align: center;
		
	}
	
	
	.adnroid_banner_ac{
		width: 40%;
		float: right;
		margin-right: 15%;
		position: relative;
		top: -8em;
		
	}
	
	.adnroid_banner_ac .android_xzd{
		width: 80%;
		margin: 0 auto;
	}
	.android_xzd .adnxxa{
		width: 30%;
		margin-left: 10%;
		float: left;
		text-align: center;
		border-radius: 25px;
		line-height: 2em;
		font-size: 1.5em;
		background-image: linear-gradient(#c95085, #9645aa);
		color: #FFF;
	}
	.adnxxa a{
		color: #fff;

	}
	.adnroid_banner_ac p{
		text-align: center;
		
	}
	
	.use{
		width: 100%;
		
	}
	.use h1{
		font-size:3.5em ;
		text-align: center;
		font-weight: bold;
		margin-top: 2em;
	}
	.use p{
		font-size: 1.4em;
		text-align: center;
		line-height: 4em;
	}
	
	/* .banner_a_dis li{
		width: 40%;
		margin: 0 auto;
		font-weight: bold;
		border: 1px solid red;
		position: relative;
		top: 3em;
	}
	.font-and p{
		font-size: 3.5em;
		font-weight: bold;
		text-align: center;
	} */
	.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-image: linear-gradient(#9144ae,#cf5180);
		background-size:cover;
		border: 1px solid transparent;
	}
	.about_dun{
		width: 63%;
		margin: 0 auto;
		background-color: #fff;
		margin-top: 2.8em;
		margin-bottom: 2em;
	}
	.about_dun ul{
		width: 70%;
		float: left;
		margin-left: 2%;
		margin-top: 0.5em;
	}
	.about_dun ul h1{
		font-size:2.5em;
		font-weight: 800;
		letter-spacing: 1px;
	}
	.about_dun ul p{
		font-size: 1.6em;
		font-weight: 400;
		line-height: 2.4em;
		letter-spacing: 2px;
		margin-top: 0.5em;
	}
	.about_dun li{
		width:25%;
		float: right;
		margin-top: 1em;
	}
	.about_dun li img{
		width: 100%;
		
	}
	.about_dun_r li{
		float: left;
	}
	.about_dun_r ul{
		float: right;
	}
	.about_dun_r ul p,.about_dun_r ul h1{
		text-align: right;
		margin-right: 2%;
	}
	
	.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;
	}
	.and_vpn_p{
		width: 35%;
		margin: 0 auto;
	}
	.and_vpn_p img{
		width: 100%;
	}
	.android_And{
		width: 100%;
		
	}
	
	.and_vpn_p ul{
		width: 100%;
		
	}
	.and_vpn_p ul dd{
		display: block;
		width: 20%;
		float: left;
		text-align: center;
		line-height: 1.5em;
		color: #000000;
		height:10em;
	}
	.and_vpn_p ul dd dl{
		display: block;
		width: 60%;
		margin: 0 auto;
	}
	.and_vpn_p .d_size_color dd {
		color: #000000;
	}
	
	
	.android_And_index{
		display: none;
	}
	.btn_a{
		width: 100%;
		margin-top: 2em;
	}
	.btn_a ul{
		width:14%;
		border: 1px solid white;
		font-size: 1.2em;
		border-radius: 1.5em;
		text-align: center;
		line-height: 2.5em;
		margin: 0 auto;
		background-color: #ba4d90;
		color: #FFFFFF;
	}
	.btn_a p{
		text-align: center;
		line-height: 2em;
	}
	.btn_a ul a{
		color: #fff;
	}
	
	
	.android_And h2{
		text-align: center;
		font-size: 3em;
		font-weight: bold;
		line-height: 3.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: 3em;
	}
	
	/* 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;
		line-height: 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;
	}
	.wifi_but{
		width: 14%;
		margin-left: 10%;
		text-align: center;
		line-height: 3em;
		border-radius: 35px;
		position: relative;
		top: -10em;
		background-color: #fff;
		font-weight: bold;
	}
	.question_dis_wifi{
		width: 100%;
		margin: 0 auto;
	}
	.que_swifi{
		width: 62.5%;
		margin: 1em auto;
	}
	
	.question_dis_wifi .que_swifi h1{
		text-align: left;
		font-size: 3em;
	}
	.question_dis_wifi .que_swifi a li{
		border-bottom: 1px solid #000;
		margin-top: 1.5em;
		
	}
	.question_dis_wifi .que_swifi a li p{
		text-align: left;
		font-size: 1.5em;
		color: #000000;
	}
	.medium_a_wifi .medium_banner_wifi ul{
		width: 100%;
	}
	.medium_a_wifi .medium_banner_wifi ul h1{
		font-size: 3.5em;
		font-weight: bold;
		letter-spacing: 5px;
		line-height: 3.5;
		
		color: #000;
		text-align: center;
	}
	.medium_a_wifi .medium_banner_wifi li{
		width:100%;
		margin-top: 1em;
	}
	.medium_a_wifi .medium_banner_wifi li p{
		font-size: 1.4em;
		text-align: center;
		color: #000;
	}
	.med_but_wifi{
		width: 12%;
		border: 1px solid white;
		margin: 3em auto;
		font-size: 1.6em;
		border-radius: 35px;
		line-height: 2.5em;
		color: #fff;
		background-color: #f1af49;
		text-align: center;
	}
	
	
	
	
	
	/* 安全 */
	.safe_bann{
		margin-top: 3em;
		background-image: url(../images/safe_02.png);
		background-size: 100% 100%;
	}
	.safe_text{
		width: 100%;
		background: url(../images/safe1_03.png);
		background-size:cover;
	}
	.safe_text_n{
		width: 62.5%;
		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_ss{
		display: none;
	}
	.help_n{
		display: block;
		width: 100%;
		margin-top:20em;
	}
	#header{
		display: none;
	}
	.sy11a{
		display: none;
	}
	.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_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;
	}
	.help_bann{
		width: 100%;
		margin: 0 auto;
	}
	.help_bann h2{
		font-size: 5em;
		
		margin-top: 4em;
		font-weight: bold;
		color: #FFF;
	}
	
	
	
	.help_n1{
		width: 100%;
		margin-top:20em;
	}
	
	.help_n_a1{
		width:100%;
		margin: 0 auto;
	}
	.help_n_c1{
		width: 100%;
	}
	.help_n_c1 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_n_c1 ul li{
		 list-style: none;
		 padding: 0;
		 width: 38%;
		 margin: 1em auto;
	 }
	.help_n_c1 ul li img{
		width: 100%;
		text-align: center;
	}
	.help_n_c1 ul p{
		font-size: 1.2em;
		text-align: center;
	}
	.help_n_c1 ul span{
		display: block;
		width: 80%;
		margin: 0 auto;
		font-size: 0.8em;
		line-height: 2em;
		text-align: center;
		margin-bottom: 2em;
	} 
	
	
	.question{
		width: 90%;
		margin: 3em auto;
		margin-top: 9em;
		
	}
	.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;
	}
	.conceal_a{
		background-image: url(../images/conceal_01.jpg);
		background-size: 100% 100%;
	}
	.conceal_banner {
		width: 62.5%;
		border: 1px solid transparent;
		margin: 0 auto;
		
	}
	.conceal_banner ul{
		width: 50%;
		margin-top:7em;
	}
	.conceal_banner ul h1{
		font-size: 3.2em;
		font-weight: bold;
		letter-spacing: 10px;
		color: #fff;
	}
	.conceal_banner li{
		width:50%;
		margin-top: 2.5em;
		margin-bottom: 15.8em;
	}
	.conceal_banner li p{
		font-size: 1.4em;
		color: #fff;
		line-height: 2.5em;
		font-weight: 100;
	}
	
	/* 服务器 */

	/* .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/s-SY_01.png);
		display: block;
		/* position: fixed;
		top: 0px; */
		z-index:-1;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 100%;
		height: 33em;
		}
		
	.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:-1.3em;
		box-shadow: 5px 5px 50px 15px rgba(0, 255, 235, 0.3);
		z-index: -1;
		
	}
	.long{
		display: none;
		width: 60px; position: fixed;right: 20px; top: 50px;color: #FFF;background-color: #9945A8; line-height: 30px;border-radius: 10px;text-align: center;
	}
	/* .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: 100%;
		height: 3em;
		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: 90%;
		margin: 0 auto;
		margin-top: 0.25em;
		overflow: hidden;
	}
	.index_down_s{
		width: 100%;
		
	}
	.index_down_s li{
		width:43%;
		float: left;
		margin-left: 1%;
		margin-top:0.4em;
	}
	.index_down_s li img{
		width: 100%;
	}
	.index_down_s ul{
		width: 38%;
		float: right;
		margin-right: 2%;
		margin-top: 0.2em;
		font-size: 1em;
		text-align: center;
		line-height: 2em;
		border-radius: 16px;
		background-color: #a348a1;
		color: #fff;
	}
	.index_down_s ul a{
		color: #fff;
	}
	
	
	
	
	
	
	.loading_box .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.2em;
	}
	.queli_S .Q_size p{
		font-size: 1.5em;
		line-height: 2em;
		text-align: center;
		font-weight: 800;
	}
	.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: 100%;
		border: 1px solid transparent;
		margin:0em auto;
	}
	.queli_A_s .Q_size p,.queli_D_S .Q_size1{
		font-size: 1.5em;
		text-align: center;
		color: #FFFFFF;
		margin-top: 3em;
		font-weight: 800;
	}
	.queli_A_s .Q_size li{
		width: 78%;
		margin: 0 auto;
		font-size: 1em;
		line-height: 2em;
		margin-bottom: 14em;
		margin-top:0.1em;
		text-align: center;
		color: #FFFFFF;
	}
	.queli_A_s .Q_size ul{
		width:35%;
		margin: 0 auto;
		font-size: 1.2em;
		border-radius: 1.5em;
		line-height: 2em;
		text-align: center;
		background-color: #ba4d90;
		color: #FFFFFF;
	}
	.queli_C_s ul,.F_ZZ_s ul{
		width:35%;
		margin: 1em auto;
		font-size: 1.2em;
		border-radius: 1.5em;
		line-height: 2em;
		text-align: center;
		background-color: #ba4d90;
		color: #FFFFFF;
	}
	.queli_C{
		display: none;
	}
	.queli_C_s{
		display: block;
	}
	.queli_C_s img{
		width: 100%;
	}
	.queli_C_s .Q_size{
		width: 100%;
		border: 1px solid transparent;
		margin:0em auto;
		margin-top: 2.5em;
	}
	.queli_C_s .Q_size p{
		font-size: 1.5em;
		text-align: center;
		color: #000;
		font-weight: 800;
	}
	.queli_C_s .Q_size li{
		width: 78%;
		margin: 0 auto;
		font-size:0.7em;
		line-height: 2em;
		margin-top:1.5em;
		text-align: center;
		color: #000;
		
	}
	.queli_C_s .Q_size ul{
		width:35%;
		margin: 0 auto;
		font-size: 1.2em;
		border-radius: 1.5em;
		line-height: 2em;
		text-align: center;
		background-color: #ba4d90;
		color: #000;
	}
	
	.queli_D{
		display: none;
	}
	.queli_D_S{
		display: block;
		
	}
	.queli_D_S img{
		width: 100%;
	}
	.txe_nns{
		width: 86%;
		margin: 0 auto;
	}
	.tex_nn{
	   
		width: 48%;
		margin-top: 1em;
		height: 3em;
		float: left;
	}
	.tex_nn div{
		width:20%;
	}
	.tex_nn div img{
		width: 100%;
		float: left;
		
	}
	.tex_nn h2 span{
		font-size: 0.6em;
		font-weight: 100;
	}
	.tex_nn h2{
		font-size: 1em;
		font-weight: bold;
		margin-left:0;
		letter-spacing:0px;
		float: left;
		margin-top: 0.5em;
	}
	/* .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_s{
		display: block;
	}
	.F_ZA{
		display: none;
	}
	.F_ZA_s {
		display: block;
	}
	.F_ZA_s img,.F_ZZ_s img{
		width: 100%;
	}
	.F_ZZ{
		width: 92%;
		margin: 0 auto;
	}
	.rz_a{
		width: 100%;
		background-color: #f8f9fb;
		margin-top:.5em;
		margin-bottom: 0.5em;
		margin-left: 0;
		height: 6em;
	}
	.rz_a_img{
		width: 15%;
		float: left;
	}
	.rz_a_img img{
		width: 100%;
		margin-top: -1em;
	}
	.rz_a p{
		display: block;
		width: 63%;
		float: left;
		text-align: left;
		font-size: 1.2em;
		font-weight: 600;
		margin-top: 0.5em;
		color: #000000;
		margin-left: 2%;
	}
	.rz_a dd{
		display: block;
		width: 63%;
		font-size: 0.7em;
		text-align: left;
		line-height: 1.5em;
		float: left;
		color: #696969;
		margin-left: 2%;
	}
	.rz_a ul{
		width: 19%;
		margin: 0em auto;
		border-radius: 12px;
		font-size: 1em;
		text-align: center;
		background-color: #ba4d90;
		line-height: 1.5em;
		color: #fff;
		float: right;
		margin-top: -2.8em;
		}
	.rz_a ul dl{
		margin-top: 1.9em;
		margin-bottom: 1.1em;
	}
	
	
	
	
	
	body{
	background-color: #f8f9fb;	
	}
	/* 底部 */
	.clearfix:after {content: ".";display: block;height: 0;visibility: hidden;clear: both;}
	.w1100 {width:95%;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: 14px; font-weight: normal; color: #fff;}
	.site-footer .col-article dd {width: 48%; margin-bottom: 8px;float: left;	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{
			margin-top: 3em;
			background-image: url(../images/a_a_01.png);
			background-size: 100% 100%;
		}
		.about_banner {
			width: 95%;
			border: 1px solid transparent;
			margin: 0 auto;
			
		}
		.about_banner ul{
			width: 90%;
			margin-top:2em;
		}
		.about_banner ul h1{
			font-size: 1.2em;
			font-weight: bold;
			letter-spacing: 5px;
		}
		.about_banner li{
			width:45%;
			margin-top: 1em;
			margin-bottom: 3.8em;
		}
		.about_banner li p{
			font-size: 0.4em;
		}
		
		.adnroid{
			background-image: url(../images/AndroidVPNS_02.png);
			background-size: 100% 100%;
			height: 15em;
			margin-top: 3em;
			overflow: hidden;
		}
		
		.adnroid_banner ul{
			width:50%;
			margin-top:1em;
		}
		.adnroid_banner ul h1{
			font-size: 1.2em;
			font-weight: bold;
			line-height: 1.2em;
			letter-spacing: 0px;
		}
		.adnroid_banner li{
			width:48%;
			margin-top: 0em;
			margin-bottom: 0em;
		}
		.adnroid_banner li p{
			font-size: 0.6em;
		}
		.adnroid_banner h4{
			font-size:0.6em;
			margin-top: -1em;
		}
		.and_la{
			margin-bottom: 1.6em;
		}
		
		.adnroid_banner_a{
			width:60%;
			float: right;
			position: relative;
			top: -4em;
			margin-right: 0;
		}
		.adnroid_banner_a br{
			display: none;
		}
		.adnroid_banner_a .android_xz{
			width: 90%;
			margin: 0 auto;
			height: 2.5em;
		}
		.android_xz ul{
			width: 40%;
			margin-left: 10%;
			float: left;
			text-align: center;
			border-radius: 25px;
			line-height: 2em;
			font-size: 0.8em;
			background-image: linear-gradient(#c95085, #9645aa);
			color: #FFF;
		}
		.adnroid_banner_a p{
		
			text-align: center;
			
		}
		.banner_a_dis .banner_a_a{
			display: none;
		}
		.banner_a_dis .banner_a_b{
			
			display: block;
			width: 100%;
		}
		.xxxsa li.banner_a_a{
			display: none;
		}
		.xxxsa li.banner_a_b{
			display: block;
		}
		.xxxsa{
			width: 100%;
			font-size: 1.3em;
			text-align: center;
			height: 4.5em;
			position: relative;
			top: 0em;
			
		}
		.xxxsa li img{
			width: 100%;
		}
		.xxxsa p{
			position: relative;
			top: -4em;
			font-weight: bold;
			letter-spacing: 1px;
		}
		.use h1{
			font-size:1.2em ;
			text-align: center;
			font-weight: bold;
			margin-top: 2em;
		}
		.use p{
			font-size: 0.8em;
			text-align: center;
			line-height: 2em;
		}
		.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:1.2em;
			text-align: center;
			line-height: 1.6em;
			font-weight: bold;
		}
		.world_a li{
			width:98%;
			margin: 0 auto;
		}
		.world_a li p{
			font-size: 0.8em;
			text-align: center;
			line-height: 1.5em;
		}
		.about_s {
			width: 100%;
			background: url(../images/6-14-d.png);
			background-size:cover;
			border: 1px solid transparent;
			height: 25em;
			
		}
		
		.about_dun{
			width:96%;
			margin: 0 auto;
			background-color: #fff;
			margin-top: 0.8em;
		}
		.about_dun ul{
			width: 65%;
			float: left;
			margin-left: 1%;
		}
		.about_dun ul h1{
			font-size:1em;
			font-weight: 800;
			letter-spacing: 1px;
			line-height: 1em;
			margin-top: 0;
		}
		.about_dun ul p{
			font-size:0.6em;
			font-weight: 600;
			line-height: 1.3em;
			letter-spacing: 2px;
			
		}
		.about_dun li{
			width:25%;
			float: right;
			margin-top: 1em;
		}
		.about_dun li img{
			width: 100%;
			
		}
		.about_dun_r li{
			float: left;
		}
		.about_dun_r ul{
			float: right;
		}
		.about_dun_r ul p,.about_dun_r ul h1{
			text-align: right;
			margin-right: 2%;
		}
		
		
		.about_z{
			width:100%;
			margin: 0 auto;
		}
		.about_z li{
			width: 90%;
			margin: 0 auto;
		}
		.about_z ul p{
			font-size:1.2em;
			text-align: center;
			line-height: 1.6em;
			font-weight: bold;
		}
		.about_z li p{
			font-size: 0.8em;
			text-align: center;
			line-height: 1.5em;
		}
		.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_S_02.png);
			background-size:cover;
			border: 1px solid transparent;
			height: 15em;
			margin-top: 3em;
			overflow: hidden;
		}
		.mac_cs{
			width: 100%;
			background: url(../images/mac_S_04.png);
			background-size:cover;
			border: 1px solid transparent;
		}
		.mac_banner ul{
			width:50%;
			margin-top:1em;
		}
		.mac_banner ul h1{
			font-size: 1.2em;
			font-weight: bold;
			line-height: 1.2em;
			letter-spacing: 0px;
		}
		.mac_banner li{
			width:48%;
			margin-top: 0em;
			margin-bottom: 0em;
		}
		.mac_banner li p{
			font-size: 0.6em;
		}
		.mac_banner h4{
			font-size:0.6em;
			margin-top: -1em;
		}
		.and_la{
			margin-bottom: 1.6em;
		}
		
		.mac_banner_a{
			width:60%;
			float: right;
			position: relative;
			top: -4em;
			margin-right: 0;
		}
		.mac_banner_a br{
			display: none;
		}
		.mac_banner_a .android_xz{
			width: 90%;
			margin: 0 auto;
			height: 2.5em;
		}
		.mac_banner_a .android_xz ul{
			width: 40%;
			margin-left: 10%;
			float: left;
			text-align: center;
			border-radius: 25px;
			line-height: 2em;
			font-size: 0.8em;
			background-image: linear-gradient(#c95085, #9645aa);
			color: #FFF;
			margin-top: 3em;
		}
		.mac_banner_a .android_xz p{
			margin-top: 1em;
			font-size: 0.8em;
		}
		.window{
			width: 100%;
			background: url(../images/windows_s_04.png);
			background-size:cover;
			
		}
		.android_a{
			width: 64%;
			margin: 3.6em auto;
			height: 04em;
		}
		/* .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;
		} */
		.queli_D_index{
			display: none;
		}
		.queli_D_index .D_size{
			display: none;
		}
		.android_And_index{
			display: block;
			width: 100%;
			background-color: #f8f9fb;
		}
		.android_And{
			display: block;
			width: 100%;
			background-color: #f8f9fb;
		}
		.android_And_index ul,.F_ZZ a .but_index{
		    display: block;
			width:35%;
			margin: 1em auto;
			font-size: 1.2em;
			border-radius: 1.5em;
			line-height: 2em;
			text-align: center;
			background-color: #ba4d90;
			color: #FFFFFF;
		}
		.android_And h2,.android_And_index h2{
		    display: block;
			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: 0em;
		}
		.android_And .android_And_a .android_And_a_c ul span br{
			display: none;
		}
		.and_vpn_p,.android_And_index .and_vpn_p {
			width: 100%;
			margin: 0 auto;
		}
		.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;
			line-height: 1.5em;
		}
		.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;
		}
		.wifi_but{
			width: 35%;
			margin-left: 5%;
			text-align: center;
			line-height: 2em;
			border-radius: 15px;
			position: relative;
			top: -2em;
			background-color: #fff;
			font-weight: bold;
		}
		.que_swifi{
			width: 94.5%;
			margin: 1em auto;
		}
		
		.question_dis_wifi .que_swifi h1{
			text-align: left;
			font-size: 1.5em;
		}
		.question_dis_wifi .que_swifi a li{
			border-bottom: 1px solid #000;
			margin-top: 1.5em;
			
		}
		.question_dis_wifi .que_swifi a li p{
			text-align: left;
			font-size: 1em;
			color: #000000;
		}
		.medium_a_wifi .medium_banner_wifi ul{
			width: 100%;
		}
		.medium_a_wifi .medium_banner_wifi ul h1{
			font-size: 1.3em;
			font-weight: bold;
			letter-spacing: 2px;
			line-height: 2.5;
			
			color: #000;
			text-align: center;
		}
		.medium_a_wifi .medium_banner_wifi li{
			width:100%;
			margin-top: 1em;
		}
		.medium_a_wifi .medium_banner_wifi li p{
			font-size: 0.6em;
			text-align: center;
			color: #000;
		}
		.med_but_wifi{
			width: 45%;
			border: 1px solid white;
			margin: 1em auto;
			font-size: 1.2em;
			border-radius: 25px;
			line-height: 2.5em;
			color: #fff;
			background-color: #f1af49;
		}
		
		
		/* 安全 */
		.safe_bann{
				margin-top: 3em;
				background-image: url(../images/a_a_01.png);
				background-size: 100% 100%;
			}
		}
		.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_ss{
				background: url(../images/help1_01.jpg) ;
				background-size: 100%;
			}
			.help_ss .help_n_a{
				margin-top: 3em;
			}
			.help_ss .help_n_a h2{
				color: #fff;
				text-align: center;
				font-size: 1.5em;
				line-height: 3em;
			}
		
			
			.help_n_a{
				width:100%;
				margin: 0 auto;
			}
			.help_n_c{
				width: 96%;
				margin: 0 auto;
				background-color: #fff;
			}
			.help_n_c ul{
				width: 96%;
				margin:0.1em auto;
				background-color: #f3f3f3;
				
				border-radius: 1em;
				list-style: none;
				margin-left: 2%;
				margin-bottom: 0.5em;
			}
			.help_n_c h3{
				text-align: center;
				line-height: 1.7em;
			}
			.help_n_c dd{
				font-size: 1em;
				text-align: center;
				margin-bottom: 1em;
			}
			.clear{
				clear: both;
			}
			.help_ss{
				display: block;
			}
			 .help_n_c ul li{
				 list-style: none;
				 padding: 0;
				 width: 15%;
				 margin: 0m auto;
				 float: left;
			 }
			.help_n_c ul li img{
				width: 100%;
				
			}
			.help_n_c ul p{
				font-size: 1.2em;
				text-align: left;
				margin-top: 0.8em;
				line-height: 1em;
				position: relative;
				left: 3%;
			}
			.help_n_c ul span{
				display: block;
				width: 80%;
				margin: 0 auto;
				font-size: 0.8em;
				line-height:1.2em;
				text-align: left;
				margin-bottom: 1em;
				margin-top: -0.5em;
				position: relative;
				left: 3%;
			} 
			.help_img{
				display: none;
			}
			.help_bann{
				width: 100%;
				margin: 0 auto;
			}
			.help_n_a h2{
				font-size: 3em;
				margin-top: 2em;
				font-weight: bold;
				color: #FFF;
			}
		.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;
			}
			.w3layouts-banner{
				width:99%;
			    margin:2em  auto;
				margin-bottom: 17em;
			}
			.w3-banner-info{
			    text-align: center;
			    background: rgba(255, 255, 255, 0);
			    padding: 1em 1em;
			    width:99%;
			    position: relative;
			}
			.w3l-banner-text {
				width: 100%;
			    padding: 1em 1em;
			}
			
			.w3l-banner-text h2{
				color: #FFFFFF;
			    font-size: 1.5em;
				text-align: center;
			    letter-spacing: 5px;
				margin-top: 0.5em;
				font-weight: bold;
			  
			}
			.w3l-banner-text p{
				color: #FFFFFF;
			    font-size: 1em;
			    margin: 2.5em 0 0 0;
			    letter-spacing: 3px;
				text-align: center;
			 
			}
			.w3l-banner-text li {
				width: 55%;
				border-radius: 1em;
				line-height: 2em;
				font-size: 0.8em;
				margin-top: 0.5em;
			}
			.w3l-banner-text ul{
				color: #FFFFFF;
				font-size: 0.8em;
				text-align: center;
				margin-top: 0.5em;
			}
			
			.conceal_a{
				background-image: url(../images/conceal_02.jpg);
				background-size: 100% 100%;
				margin-top: 2em;
			}
			.conceal_banner {
				width: 98.5%;
				border: 1px solid transparent;
				margin: 0 auto;
				
				
			}
			.conceal_banner ul{
				width: 50%;
				margin-top:2em;
			}
			.conceal_banner ul h1{
				font-size: 1.1em;
				font-weight: bold;
				letter-spacing:1px;
				color: #fff;
			}
			.conceal_banner li{
				width:45%;
				margin-top: 1em;
				margin-bottom: 3.8em;
			}
			.conceal_banner li p{
				font-size: 0.4em;
				color: #fff;
				line-height:2.6em;
				font-weight: 100;
			}
		/* 按钮 */
		.btn_a{
			width: 100%;
			margin-top: 2em;
		}
		.btn_a a ul{
			width:45%;
			border: 1px solid white;
			font-size: 1.2em;
			border-radius: 1.5em;
			line-height: 2em;
			margin: 0 auto;
			background-color: #ba4d90;
			color: #FFFFFF;
		}
		.btn_a a ul dd{
			position: relative;
			left: -5%;
		}
		.btn_a p{
		    line-height: 1.5em;
		}
		
		
	}
	
	#container {
	    width: 100%;
	    height: 300px;
	}