/* Code tidied up by ScrapBook */
body, div, p, img, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote { padding: 0px; margin: 0px; outline: 0px none; }

ul li { list-style: outside none none; }
.clear { clear: both; }
article, aside, dialog, footer, header, section, footer, nav, figure, menu { padding: 0px; margin: 0px; display: block; }
img, div {  }
.pos { position: relative; }
.abs { position: absolute; }
.FontRed { color: rgb(255, 0, 0); }
h3 { font-size: 14px; }
img { border: 0px none; }
.gray { color: rgb(102, 102, 102); }

p { line-height: 180%; }

/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.clearfix:after {content: "";display: block;height: 0; clear: both;}
.clearfix {zoom: 1;}

.flex{display: -webkit-box;display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;display: flex;  }
.flex1{-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1; -ms-flex: 1 flex: 1; }

input, textarea { font-family: "Microsoft Yahei",Arial,Helvetica,sans-serif; }
img {border: 0px;vertical-align: middle;}
#wrapper { width: 100%; margin: 0px auto; }

.table_box{display: table;text-align: center;}
.table_cell{display: table-cell;vertical-align: middle;}

.common-img { background: url(../common.png;vpn_img) no-repeat;}
/*.su_leftmenu{display: none;}*/




.clearfix::after { content: "."; display: block; visibility: hidden; height: 0px; clear: both; }
.clearfix { clear: both; }
.reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: rgb(0, 0, 0) none repeat scroll 0% 0%; opacity: 0.35; z-index: 100; display: none; top: 0px; left: 0px; }
.reveal-modal { visibility: hidden; top: 300px; left: 50%; margin-left: -300px; width: 620px; background: rgb(0, 0, 0) none repeat scroll 0% 0%; opacity: 0.8; position: fixed; z-index: 101; padding: 30px 0px 30px 55px; }
.reveal-modal p { font-size: 25px; color: rgb(255, 255, 255); }
.reveal-modal p span { display: block; margin-top: 20px; }
.reveal-modal p a { font-size: 18px; margin-right: 47px; color: rgb(255, 255, 255); text-decoration: none; }
.reveal-modal p a:hover { color: rgb(43, 154, 243); }
.reveal-modal .close-reveal-modal { position: absolute; top: 46px; right: 50px; font-size: 28px; color: rgb(255, 255, 255); font-family: Arial; display: block; width: 20px; height: 20px; text-align: center; line-height: 20px; text-decoration: none; cursor: pointer; }
.reveal-modal .close-reveal-modal:hover { color: red; }
.online { position: fixed; top: 250px; right: 10px; }
.anti-btn { position: fixed; top: 425px; right: -46px; display: none; }


@media (max-width: 1024px){
    .wrap{width:96%;margin:0 auto;}
	.top .topbar .topbar-l{ padding-left:0px;}
	.hidden_xs{display: none;}

	.headDiv{ height:60px; z-index:7;}
	.headDiv .logo{ left:10px; top:17px;}
	.headDiv .logo img{height: 50px;margin:5px 0;}
	.headDivcon{position: relative;}
	.navIco{ display:block; width:38px; height:60px; position:absolute; top:0px; right:0px;}
	.navIco img{ width:30px; position:relative; top:20px;}
	.navContent a {display: block;height: 36px;line-height: 36px;color: #333;font-size: 14px;}

	/*导航菜单触发*/
	.navLayer{overflow-x: auto; height:100%; width:100%; overflow:hidden; position:fixed; z-index:22; right:-100%; top:0px;}
	.navLayer .top{ position:relative; height:60px; background:#fff;}
	.navLayer .logo{ position:absolute; left:10px; top:7px;}
	.navLayer .logo img{ position:relative; width:70px;}
	.navLayer .closeBtn{ display:block; width:24px; height:24px; background:url(../close3.png;vpn_img) center no-repeat; background-size:24px; position:absolute; top:12px; right:10px; z-index:11;}
	.navLayer .bg{overflow-x: auto;position:relative; background:#fafafa; height:100%; width:80%; margin-left:20%;}
	.sideNav{ padding:0 15px;}
	.subNav{ cursor:pointer; display:block; height:40px; line-height:40px; border-bottom:1px solid #ccc; position:relative;  font-size:14px; color:#333;}
	.subNav1{ background:url(../nimg28_1.png;vpn_img) right center no-repeat; background-size:16px;}
	.subNav .name{  position:relative;}
	.subNav .name a{ display:block; color:#333;}
	.currentDt{ background:url(../nimg28_1on.png;vpn_img) right center no-repeat; background-size:16px;}
	.navContent{display: none;}
	.navContent li{ position:relative;}
	.navContent .back{ border-bottom:#ccc solid 1px;}
	.navContent .back img{ width:9px;}
	.navContent a{display:block;  height:36px; line-height:36px; color:#333; font-size:14px;}
	.navContent .list{ display:none;}
	.sideNav .list .aNow{ color:#fff;}
	.sideNav .list a{ font-size:13px; color:#666;}
	.sideNav li em a{ background:url(../nimg28_1.png;vpn_img) right center no-repeat; background-size:16px;}
	.sideNav li em a.aNow{ background:url(../nimg28_1on.png;vpn_img) right center no-repeat; background-size:16px;}

}

@media (min-width: 768px){

   .wrap{width:96%;margin: 0px auto; }
   
}


@media (min-width: 1025px){
   .wrap{width:992px;margin: 0px auto; }
   .hidden_lg{display: none;}

}


@media screen and (min-width: 1280px){
   .wrap{width:1000px;margin: 0px auto; }
}

@media (max-width: 767px){
	.bdshare-slide-button-box{display: none!important;}
}



@media (min-width: 768px) and (max-width: 1024px){
	.bottom_left{width:60%;}
	.bottom_right{width: 40%;}
	.footer_logo img{max-width: 90px;}
	.company_info{margin-left: 20px;padding-left: 20px;}
	.bottom_right .imgbox img{max-width:100px;}
}

@media (max-width: 767px){
	
	.bottom_left{width:100%;}
	.bottom_right{width: 100%;text-align: center;}
	.footer_logo img{max-width: 50px;}
	.company_info{margin-left: 10px;padding-left: 10px;font-size: 13px;line-height: 22px;}
	.bottom_right .imgbox img{max-width:100px;}
	.news .news-left .switch-bar ul li{width: 25%;}
	.news .news-left .sublist li span{width: 70%;}
	.footer .footer_top{text-align: center;}
	.footer .footer_top .top_right{text-align: left;}
	.footer .footer_top .friend-ico{float: none;display: inline-block;margin-bottom: 10px;}
	.footer .footer_top .top_right p{margin:4px 0;}
}