.body{
	padding: 20px;
}
.wz{
	width: 100%;
	height: 48px;
	background: #f4f4f4;
	line-height: 48px;
}
.lo{
	margin-top: 15px;
	margin-left: 20px;
	margin-right: 10px;
}
.title{
	text-align: center;
	margin-top: 20px;
	border-bottom: 1px dashed #ccc;
}
.title p{
	font-size: 28px;
	font-weight: bold;
}
.title span{
	color: #999;
	line-height: 70px;
	margin-left: 50px;
}
.text{
	margin: auto;
	width: 80%;
	margin-top: 20px;
}
.sxp{
	width: 80%;
	margin: 20px auto;
	border-top: 1px solid #eee;
}

@media screen and (max-width: 455px) {
	.body{
		padding:0px;
	}
	.title{
		height:100%;
	}
	.title span{
	margin-top: 10px;
	line-height:10px;
	margin-left: 0px;
	font-size: 12px;
}
}
.tzgg{
	width: 100%;
	height: 46px;
	line-height: 46px;
	background: url(tzgg-bg.png;vpn_img);
	margin-bottom: 20px;
}
.tz-g{
	display: block;
	width: 115px;
	height: 46px;
	color: #fff;
	text-align: center;
}
.tz-g:hover{
	color: #fff;
}
.tz-te{
	width: 1040px;
	height: 46px;
	overflow: hidden;
}
.tz-te a{
	float: left;
	display: block;
	width: 450px;
	margin-left: 50px;
}
.title-t{
	margin-top: 5px;
	text-align: center;
}
.title a{
	font-size: 26px;
	color: #b20000;
	font-weight: bold;
}
.title a:hover{
	color: #12447f;
}
.title-t a{
	margin-left: 8px;
	margin-right: 12px;
	font-size: 14px;
	color: #666;
}
.main2{
	margin-top: 15px;
	margin-bottom: 20px;
}
.banner{
	width: 507px;
	height: 292px;
}
.tab{
	width:630px;
	height: 292px;
}
.tab-top{
	height: 42px;
	line-height: 42px;
	width: 100%;
	background: #f4f4f4;
}
.tab-top a{
	display: block;
	float: left;
	text-align: center;
	width: 33.3%;
	border-right: 1px solid #e9e9e9;
}
.tab-top .on{
	background: #5475c2;
	border-right: 1px solid #5475c2;
	color: #fff;
	font-weight: bold;
}
.tab-body ul{
	margin-top: 5px;
}
.tab-body li{
	line-height: 36px;
	height: 36px;
	width:630px;
	position: relative;
}
.tab-body a p{
	position: absolute;
	top:0;
	right: 0;
}
.tab-body li:hover .di{
	background: #588fff;
}
.di{
	width: 5px;
	height: 5px;
	background: #666;
	margin-top:15px;
	margin-right: 10px;
	transition: all .5s ease-out;
}

.main3 img{
	width: 1160px;
	height: 100px;
}
.main4{
	margin-top: 20px;
	margin-bottom: 20px;
	height: 294px;
	width: 100%;
}
.xxgk{
	width: 430px;
}
.sbdt{
	margin-left: 30px;
	width: 409px;
}
.bsfw{
	margin-left: 30px;
	width: 261px;
}
.xxgk-top{
	width: 100%;
	height: 38px;
	background:url(xxgk.png;vpn_img);
	line-height: 38px;
	color: #fff;
	text-indent:21px;
}
.sbdt-top{
	width: 100%;
	height: 38px;
	background:url(sbdt.png;vpn_img);
	line-height: 38px;
	color: #fff;
	text-indent:21px;
}
.bsfw-top{
	width: 100%;
	height: 38px;
	background:url(bsfw.png;vpn_img);
	line-height: 38px;
	color: #fff;
	text-indent:21px;
}
.gd{
	display: block;
	width: 28px;
	height: 28px;
	float: right;
	margin-top: 5px;
}
.xxgk-body{
	margin-top: 23px;
}
.xxgk-a{
	float: left;
	margin-left: 23px;
	display: block;
	margin-bottom: 15px;
	width: 128px;
	height: 86px;
	border: 1px solid #d1d7e8;
	text-align: center;
	font-size: 14px;
}
.xxgk-a div{
	margin-top: 10px;
	width: 128px;
	height:40px;transition: all .5s ease-out;
}
.l1{
	background: url(l1.png;vpn_img) center no-repeat;
}
.l2{
	background: url(l2.png;vpn_img) center no-repeat;
}
.l3{
	background: url(l3.png;vpn_img) center no-repeat;
}
.l4{
	background: url(l4.png;vpn_img) center no-repeat;
}
.l5{
	background: url(l5.png;vpn_img) center no-repeat;
}
.l6{
	background: url(l6.png;vpn_img) center no-repeat;
}
.l7{
	background: url(l7.png;vpn_img) center no-repeat;
}
.l8{
	background: url(l8.png;vpn_img) center no-repeat;
}
.l9{
	background: url(l9.png;vpn_img) center no-repeat;
}
.l10{
	background: url(l10.png;vpn_img) center no-repeat;
}
.l11{
	background: url(l11.png;vpn_img) center no-repeat;
}
.xxgk-a:hover{
	background: #5475c2;
	border: 1px solid #5475c2;
	color: #fff;
}
.l12{
	background: url(l12.png;vpn_img) center no-repeat;
}
.a1:hover .l1{
	background: url(l1-h.png;vpn_img) center no-repeat;
}
.a2:hover .l2{
	background: url(l2-h.png;vpn_img) center no-repeat;
}
.a3:hover .l3{
	background: url(l3-h.png;vpn_img) center no-repeat;
}
.a4:hover .l4{
	background: url(l4-h.png;vpn_img) center no-repeat;
}
.a5:hover .l5{
	background: url(l5-h.png;vpn_img) center no-repeat;
}
.a6:hover .l6{
	background: url(l6-h.png;vpn_img) center no-repeat;
}
.a7:hover .l7{
	background: url(l7-h.png;vpn_img) center no-repeat;
}
.a8:hover .l8{
	background: url(l8-h.png;vpn_img) center no-repeat;
}
.a9:hover .l9{
	background: url(l9-h.png;vpn_img) center no-repeat;
}
.a10:hover .l10{
	background: url(l10-h.png;vpn_img) center no-repeat;
}
.a11:hover .l11{
	background: url(l12-h.png;vpn_img) center no-repeat;
}
.a12:hover .l12{
	background: url(l11-h.png;vpn_img) center no-repeat;
}
.sbdt-a a{
	float: left;
	text-align: center;
	color: #fff;
	display: block;
	width: 120px;
	height: 82px;
	background:url(zxsb-bg.png;vpn_img);
	margin-left: 24px;
}
.sbdt-a a div{
	margin-top: 8px;
	width: 120px;
	height: 48px;
}
.sbdt-a p{
	font-size: 14px;
	line-height: 25px;
}
#xxgk-body{
	margin-bottom:2px;
}
.tz{
	background: url(lxtz.png;vpn_img) center no-repeat;
}
.xz{
	background: url(zlxz.png;vpn_img) center no-repeat;
}
.sb{
	background: url(zxsb.png;vpn_img) center no-repeat;
}
.sbdt-b ul{
	margin-top: 5px;
}
.sbdt-b li{
	width: 409px;
	height: 48px;
	position: relative;
	border-bottom: 1px dashed #ccc;
	line-height: 48px;
}
.sbdt-b li:hover .di{
	background: #588fff;
}
.sbdt-b p{
	position: absolute;
	right: 0;
	top: 0;
}
.sbdt-b .di{
	margin-top: 23px;
}
.sbdt-a a:hover{
	background: url(zxsb-bg-h.png;vpn_img);
}
.sbdt-a .off{
	background: url(zxsb-bg-h.png;vpn_img);
}
.bsfw-a a{
	margin-top: 11px;
	display: block;
	float: left;
	width: 261px;
	height: 50px;
	line-height: 50px;
	color: #fff;
}
.bsfw-a div{
	margin-left: 24px;
	margin-right: 12px;
	float: left;
	width: 33px;
	height: 50px;
}
.p1:hover{
	background: url(p1-h.png;vpn_img);
}
.p2:hover{
	background: url(p2-h.png;vpn_img);
}
.p3:hover{
	background: url(p3-h.png;vpn_img);
}
.p4:hover{
	background: url(p1-h.png;vpn_img);
}
.p1{
	background: url(p1.png;vpn_img);
}
.p2{
	background: url(p2.png;vpn_img);
}
.p3{
	background: url(p3.png;vpn_img);
}
.p4{
	background: url(p1.png;vpn_img);
}
.dj{
	background: url(dj.png;vpn_img) center no-repeat;
}
.xmsb{
	background: url(sb.png;vpn_img) center no-repeat;
}
.gzxk{
	background: url(xk.png;vpn_img) center no-repeat;
}
.wgrxk{
	background: url(wg.png;vpn_img) center no-repeat;
}
.main5{
	width: 100%;
	height:90px ;
	overflow: hidden;
}
#list1{
	width:2352px ;
}
#list1 a{
	float: left;
	margin-right: 15px;
}
#list1 img{
	width: 377px;
}
.main6{
	margin-top: 20px;
	height: 242px;
}
.zj-text{
	
	width: 100%;
	height: 104px;
	border-bottom: 1px dashed #ccc;
}
.zj-title{
	line-height:40px;
	display: block;
	text-align: center;
	color: #466a9b;
}
.zj-p{
	text-indent: 2em;
	font-size: 14px;
	line-height:26px;
}
.zj-body li{
	margin-top: 5px;
		width:430px;
		height:32px;
		position: relative;
}
.zj-body li:hover .di{
	background: #588fff;
}
.zj-body p{
	position: absolute;
	right: 0;
	top:0;
}
.cy-b a{
	display: block;
	width: 194px;
	height: 50px;
	background: url(cy-bg.png;vpn_img);
	line-height: 50px;
	margin-top: 20px;
}
.cy-b a:hover{
	background: ;
}
.cy-b img{
	float: left;
	margin-left:35px;
	margin-right:20px;
	margin-top: 13px;
}
#yjx{
	margin-top: 20px;
	display: block;
	width:100%;
	height: 50px;
	background: url(yjx.png;vpn_img);
}
#yjx img{
	margin-left:80px;
	margin-top:10px;
}
.kj{
	text-align: center;
	margin-top: 21px;
	display: block;
	width: 260px;
	height: 48px;
	border: 1px solid #4c96db;
	line-height: 48px;
}
.kj div{
	width: 61px;
	height:100%;
	background:url(tj.png;vpn_img) center no-repeat #4c96db;
	border-right: 1px solid #fff;
}
.kj:hover  span{
	height: 100%;
	display: block;
	color: #fff;
	background:#4c96db;
	transition:all .15s ease-in 0s; 
}
.zs{text-align: center;
	margin-top: 21px;
	display: block;
	width: 260px;
	height: 48px;
	border: 1px solid #95aded;
	line-height: 48px;
}
.zs div{
	width: 61px;
	height:100%;
	background:url(zs.png;vpn_img) center no-repeat #95aded;
	border-right: 1px solid #fff;
}
.zs:hover  span{
	height: 100%;
	display: block;
	color: #fff;
	background:#95aded;
	transition:all .15s ease-in 0s; 
}
.zj{text-align: center;
	margin-top: 21px;
	display: block;
	width: 260px;
	height: 48px;
	border: 1px solid #67bbe7;
	line-height: 48px;
}
.zj div{
	width: 61px;
	height:100%;
	background:url(kjzj.png;vpn_img) center no-repeat #67bbe7;
	border-right: 1px solid #fff;
}
.zj:hover  span{
	height: 100%;
	display: block;
	color: #fff;
	background:#67bbe7;
	transition:all .15s ease-in 0s; 
}
.main7{
	margin-top: 20px;
	width: 100%;
	height: 128px;
}
.zy{
	color: #fff;
	width: 100%;
	height: 38px;
	background: url(zy.png;vpn_img);
	text-indent:21px;
	line-height: 38px;
}
.zy-b{
	margin-top: 10px;
	width: 100%;
	height: 70px;
	background: #f5f9ff;
	line-height: 70px;
}
.zy-b a{
	margin-left: 30px;
}
.main8{
	margin-top: 10px;
}
.main8 select{
	width: 348px;
	height: 36px;
	line-height: 36px;
	line-height:36px;
	font-size: 16px;
}
.swj{
	position: absolute;
	top:250px;
	right:-70px;
}
.swj a{
	display: block;
	width: 50px;
	height: 109px;
	margin-top:20px;
	color: #fff;
	line-height:18px;
	writing-mode: vertical-
}
.swj a:hover{
	border: 1px solid #fff;
}
.swj a span{
	float: left;
	display: block;
	width: 16px;
	margin-left:17px;
	margin-top:10px;
}
.g1{ 
	background: url(xx.png;vpn_img);
}
.g2{
	background: url(wj.png;vpn_img);
}
.g3{
	background: url(sxx.png;vpn_img);
}
.right-bg{
	position: fixed;
	top:360px;
	right: 0;
	width:62px;
	height:253px;
	background:url(r-bg.png;vpn_img);
}
.right-bg a{
	display: block;
	width: 38px;
	height: 38px;
	margin-top:35px;
	margin-left:15px;
}
.r1 {
	background: url(wb.png;vpn_img);
}
.r2 {
	background: url(vx.png;vpn_img);
}
.r3 {
	background: url(rss.png;vpn_img);
}
.r1:hover {
	background: url(wb-h.png;vpn_img);
}
.r2:hover {
	background: url(wx-h.png;vpn_img);
}
.r3:hover {
	background: url(rss-h.png;vpn_img);
}
.r2:hover .co{
	display: block;
}
.co{
	display: none;
	position: absolute;
	left:-105px;
	top:60px ;
}
.title-t a:hover{
	color: #588fff;
}


.mF_expo2010{position:relative;width:410px;height:266px;overflow:hidden;font:12px/1.5 Verdana,Geneva,sans-serif;background:#fff;}
.mF_expo2010 .loading{position:absolute;z-index:9999;width:100%;height:100%;color:#666;text-align:center;padding-top:90px;background:#fff url(loading.gif;vpn_img) center -40px no-repeat;}/*载入画面*/
.mF_expo2010 .pic li{position:absolute;left:0px;}
.mF_expo2010 .pic li img{width:410px;height:266px;}/*图片和焦点图框架一样大小*/
.mF_expo2010 .txt li{position:absolute;z-index:2;left:0;width:410px;height:36px;line-height:36px;overflow:hidden;left:0px;}
.mF_expo2010 .txt li a{display:block;color:#fff;padding:2px 0 0 16px;font-size:14px;font-weight:bold;text-decoration:none;}/*标题样式*/
.mF_expo2010 .txt-bg{position:absolute;bottom:0;z-index:1;width:410px;height:36px;overflow:hidden;background:#000;filter:alpha(opacity=40);opacity:0.4;left:0px;}/*标题背景*/
.mF_expo2010 .num,.mF_expo2010 .num-bg{position:absolute;z-index:3;bottom:8px;right:8px;color:#fff;}/*按钮样式*/
.mF_expo2010 .num li,.mF_expo2010 .num-bg li{float:left;width:22px;height:18px;line-height:18px;overflow:hidden;text-align:center;margin-right:1px;cursor:pointer;}
.mF_expo2010 .num-bg li{background:#fff;filter:alpha(opacity=50);opacity:0.5;}/*按钮背景*/
.mF_expo2010 .num li.current,.mF_expo2010 .num li.hover{background:#F60;}/*当前/悬停按钮背景*/
/*一流素材网收藏整理：www.16sucai.com*/      