@charset "utf-8";
/* CSS Document */
body{  }
/*返回顶部*/
#totop {
	position: fixed;
	bottom: 40px;
	right: 10px;
	z-index: 999;
	width: 71px;
	cursor: pointer;
	display: none;
}
*html #totop {
	position: absolute;
	cursor: pointer;
	right: 10px;
	display: none;
	top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight) -112 +"px" )
}
#totop a {
	display: block;
	width: 71px;
	height: 24px;
	padding-top: 48px;
	background: url(../images/index/toTop.gif;vpn_img) no-repeat;
	text-align: center;
	color: #888
}
#totop a.cur {
	background-position: -88px 0;
	text-decoration: none;
	color: #007ad8;
}
map area{ outline: none;}
.w1200{width:1200px;margin:0 auto; }

.xwtop{ position:relative; overflow:hidden;}
.xwt1,.xwt2,.xwt3,.xwt4{ z-index:2; position:relative;}
.xwt1{ z-index:3;}
.xwt5{ height:588px; width:100%; position:absolute; left:0; top:0;}
.xwt5 .li_1{background:url(../images/top/xwbj.jpg;vpn_img) no-repeat center top;height:588px;  }
.xwt5 .li_2{background:url(../images/top/xwbj2.jpg;vpn_img) no-repeat center top; height:588px; }

.xwt1{ height:35px; margin-top:20px;  }
.zgzf,.zz{ background:rgba(255,255,255,0.5) no-repeat; padding:5px 15px; border-radius:20px; border:1px solid #d1d3f0;}
.zgzf a{ margin:0 5px;}
.zz a{ margin:0 5px;}
.grzx{ margin-right:15px; margin-top:5px;}
.grzx img{ margin-right:5px;}
.wx{ margin-right:10px; margin-top:5px;}
.xwwx{ position:relative;}
.xwwx span{ position:absolute; left:0; top:30px; display:none; z-index:9;}
.xwwx:hover span{ display:block;}
.xwwx span img{ width:130px; height:130px;}
.wb{  margin-right:10px; margin-top:5px;}
.xwt2{ height:208px; margin-top:60px; text-align:center;}
.xwt3{ overflow:hidden; width:645px; margin:15px auto 0;}
.xwt3 input{ float:left; width:430px; height:60px; line-height:60px; border:1px solid #c5c5c5; padding-left:50px; background:url(../images/top/ssan.jpg;vpn_img) no-repeat 15px center #fff;}
.xwt3 span{ float:left;width:160px; text-align:center; height:62px; background:#1892d0; line-height:62px;}
.xwt3 span a{ font-size:23px; color:#fff;}
.xwt4{background:url(../images/top/xwdh.png;vpn_img) no-repeat top center; height:63px; margin-top:125px;}
.xwt4 a{ color:#fff;}
.xwt4 dl{ float:left; margin-right:20px;}
.xwt4 dl a{ font-size:23px; display:inline-block; padding:0 19px; line-height:60px; height:60px; border-top:3px solid #4589dc; text-shadow: 1px 1px 2px  rgba(0,0,0,0.5); 
transition: all 0.3s ease 0s; float:left;}

.xwt4 dl a:hover{  background:rgba(255,255,255,0.3) no-repeat; color:#fff600; border-top:3px solid #ffba00;}
.xwt4 dl a.on{  background:rgba(255,255,255,0.3) no-repeat; color:#fff600; border-top:3px solid #ffba00;}


.xwt4 span{ float:left;  padding:8px 22px; border-radius:20px; font-size:18px; margin-left:15px; margin-top:10px; }
.xwt4 .sp1{ background:#1892d0;}
.xwt4 .sp2{ background:#17c6bc;}
.xwt4 .sp3{ background:#4fc542;}
.xwt4 span:hover{ border:1px solid #fff; margin-top:8px;}
.xwt4 span.on{ border:1px solid #fff; margin-top:8px;}


.top{ width:100%; overflow:hidden; height:348px;  font-family:"微软雅黑"; position:relative; }

.dh{font-size:18px;  clear:both; line-height:64px; background:#fbfbfb;}

.dh a{ color:#000; margin-left:50px;}
.dh a.on{ color:#ae0e16; font-weight:bold;}
.dh a:hover{ color:#ae0e16;}

.ss{height:235px; position:relative;}

input{ outline: none; } 
.tb{ height:48px; line-height:48px; color:#fff;}
.tb a{ color:#fff;}
.sous{ height:43px; margin:0 auto; position:absolute; right:0; bottom:-53px; display:none;}
.ewm{ width:125px;   position:absolute; right:0; bottom:5px; text-align:center; }
.ewm p{ margin-top:5px;}
.sous input{ float:left; height:37px; line-height:37px; border:3px solid #9d6641; width:200px; text-indent:10px;}
.sous a{ float:left; width:86px; display:block; line-height:43px; color:#fff; background:#9d6641; text-align:center;}
.wstdlg{ display:none;}

#zzms{ display: inline-block;}
.zz2{  display:none;}


@media screen and (max-width: 1024px) {
	
	
	img{ max-width:100%;}
	*{ box-sizing: border-box;}
	body{background:url(../images/xwej/ejtp72.jpg;vpn_img) no-repeat center top;}
	.w100{ width:100%!important; }
	.h_auto{ height:auto!important; padding-bottom:10px;} 
	.w1200{ width:100%!important; }
	.none{ display:none!important;}
	.zgzf,.grzx,.wb,.wx{ display:none;}
	
	.xwt2{ margin-top:15px; height:auto;}
	.xwt2 img{ width:60%;}
	.xwt3{ width:90%; margin-top:40px;}
	.xwt3 input{     width: 80%;  height: 50px;  line-height: 50px;}
	.xwt3 span{  width: 20%;  height: 50px;  line-height: 50px;}
	.xwt3 span a {  font-size: 16px; color: #fff;}
	
	.xwt4{ background:none; margin-top: 30px;}
	.xwt4 dl{ margin:0; width: 100%;}
	.xwt4 dl a{ width:33.3%; background:#4589dc; text-align:center; padding:0; font-size:18px; line-height:50px; height:50px; float: left;}
	.xwt4 span{ background:#4589dc!important;}
	.xwt4 span{  width:33.3%; background:#4589dc; text-align:center; padding:0; font-size:18px; display:inline-block; line-height:50px; height:50px; border-top:3px solid #4589dc; text-shadow: 1px 1px 2px  rgba(0,0,0,0.5); transition: all 0.3s ease 0s; margin:0; border-radius:0;}
	.xwt4 span:hover{  background:rgba(255,255,255,0.3) no-repeat!important;  border-top:3px solid #ffba00;}
	.xwt4 span:hover a{color:#fff600;}
	.xwtt{padding:0 10px 10px;}
	.xwtt h3{ margin-top:25px!important;  font-size:20px!important;}
	.xwt5{ display:none;}
	.xwt4 dl a.on{ background:#4589dc; border:none;}
	.xwt4 span.on{ border:none; margin-top:0;}
	.xwt4 span.on a{ color: #fff600;}
	
	
	
	
	.dzjg,.dzjg3{ position:relative!important; width:100%!important; text-align:center!important; right:0!important; left:0!important;}
	.foot .footdh a{ display:inline-block!important;}
	#totop{ display:none!important;}
	
	
	
	
	
}