.fl{
	float: left;
  }
  .fr{
	float: right;
  }
  a{
	color:#333;
  }
   a:hover {
    color: #333 !important;
} 
  body{
	background: url(body-bj.png;vpn_img) no-repeat #ffffff top;
  }
  
  .box{
	margin-bottom: 20px;
	box-shadow: 2px 2px 5px #efefef;
  }
  .one{
	background:#fff;
	height: 100px;
	width: 100%;
	padding: 15px 20px;
  }
  .one-left{
	width: 5%;
  }
  .one-right{
	width: 95%;
  }
  .one-right h1{
	font-size: 32px;
	font-weight: bold;
	width: 100%;
	text-align: center;
	height: 43px;
	line-height: 43px;
  }
  .one-right p{
	font-size: 14px;
	width: 100%;
	text-align: center;
	height: 30px;
	line-height: 30px;
  }
  .one-right p span{
	float: right;
	color: #1658a0;
  }
  
  .two{
	background: #fff;
	height: 448px;
  }
  .two-left{
	width:780px;
  }
  .slideBox{ 
	width:780px; 
	height:439px; 
	overflow:hidden; 
	position:relative; 
  }
  .slideBox .hd{ 
	height:50px; 
	overflow:hidden; 
	position:absolute; 
	right:0px; 
	bottom: 0; 
	z-index:1; 
  }
  .slideBox .hd ul{ 
	overflow:hidden; 
	zoom:1; 
	float:left; 
  }
  .slideBox .hd ul li{ 
	float:left;
	 margin-right:5px;  
	 width:44px; 
	 height:50px; 
	 line-height:50px; 
	 text-align:center; 
	 color: #fff;
	 overflow:hidden; 
  }
  .slideBox .hd ul li:last-child{
	margin-right: 0px;
  }
  .slideBox .hd ul li.on{ 
	background:#1492ff; 
	width:44px; 
	height:50px; 
  }
  .slideBox .bd{ 
	position:relative;
	 height:100%; 
	 z-index:0;   
  }
  .slideBox .bd li{ 
	zoom:1; 
	vertical-align:middle; 
  }
  .slideBox .bd img{ 
	width:780px;
	display:block; 
  }
  .slideBox .bd li p{
	 width: 100%;
	 height: 50px;
	 color: #fff;
	 padding: 0px 20px;
	 line-height: 50px;
	background: rgba(0,0,0,0.5);
	position:absolute;
	bottom: 0px;
	z-index: 99;
  }
  
  /* 下面是前/后按钮代码，如果不需要删除即可 */
  .slideBox .prev,
  .slideBox .next{ 
	position:absolute; 
	left:3%; 
	top:50%;
	margin-top:-25px; 
	display:block; 
	width:32px; 
	height:40px; 
	background:url(slider-arrow.png;vpn_img) -110px 5px no-repeat; 
	filter:alpha(opacity=50);opacity:0.5;   
  }
  .slideBox .next{ 
	left:auto; 
	right:3%; 
	background-position:8px 5px; 
  }
  .slideBox .prev:hover,
  .slideBox .next:hover{ 
	filter:alpha(opacity=100);opacity:1;  
  }
  .slideBox .prevStop{ 
	display:none; 
  }
  .slideBox .nextStop{ 
	display:none;  
  }
  
  .two-right{
	width:410px;
  }
  .slideTxtBox{ 
	width:410px;
	height: 439px;
	overflow: hidden;
	text-align:left;  
  }
  .slideTxtBox .hd{ 
	height:50px; 
	line-height:50px; 
	position:relative; 
  }
  .slideTxtBox .hd ul{ 
	float:left;  
	position:absolute; 
	background: #f5f5f5; 
	width: 100%;
	height: 50px;
  }
  .slideTxtBox .hd ul li{ 
	color: #333;
	font-size: 18px;
	line-height:50px;
	float:left; 
	height:50px;
	cursor:pointer;  
	width: 124px;
	text-align: center;
	color: #8e8e8e;
  }
  .slideTxtBox .hd ul li.on{ 
	height:50px;  
	line-height: 50px;
	background: #249df8;
	font-weight: bold;
  }
  .slideTxtBox .hd ul li.on a{ 
    color: #fff;
    }
    .slideTxtBox .hd ul li.on a:hover{ 
      color: #fff !important;
      }
  .slideTxtBox .bd ul{ 
	padding:15px 20px;  
	zoom:1;  
  }
  .slideTxtBox .bd li{ 
	height: 36px;
	line-height:36px;   
	list-style-type: disc;
	color: #bdbdbd;
  }
  .slideTxtBox .bd li a{
	display: block;
	width: 77%;
	height: 36px;
	line-height: 36px;
	float: left;
	overflow: hidden;
	white-space: nowrap; 
	text-overflow: ellipsis; 
  }
  .slideTxtBox .bd li span{ 
	color:#333333;  
	float: right;
	font-size: 14px;
  }
  
  .three{
	width:100%;
	height: 124px;
  }
  .slideBox1{ 
	width:100%; 
	height:100%; 
	overflow:hidden; 
	position:relative; 
  }
  .slideBox1 .hd{ 
	height:10px; 
	overflow:hidden; 
	position:absolute; 
	right:5px; 
	bottom: 10px; 
	z-index:1; 
  }
  .slideBox1 .hd ul{ 
	overflow:hidden; 
	zoom:1; 
	float:left; 
  }
  .slideBox1 .hd ul li{ 
	float:left;
	 margin-right:5px;  
	 width:10px; 
	 height:10px; 
	 background: #fff;
	 border-radius: 5px;
  }
  .slideBox1 .hd ul li.on{ 
	background:#1492ff; 
	width:30px; 
	height:10px; 
  }
  .slideBox1 .bd{ 
	position:relative;
	 height:100%; 
	 z-index:0;   
  }
  .slideBox1 .bd li{ 
	zoom:1; 
	vertical-align:middle; 
  }
  .slideBox1 .bd img{ 
	width:100%;
	height:100%;
	display:block; 
  }
  .slideBox1 .bd li p{
	 width: 100%;
	 height: 50px;
	 color: #fff;
	 padding: 0px 20px;
	 line-height: 50px;
	background: rgba(0,0,0,0.5);
	position:absolute;
	bottom: 0px;
	z-index: 99;
  }
  
  
  .four{
	width:100%;
	height: 480px;
	background: #fff;
	padding: 30px;
  }
  .four-left{
	width: 745px;
  }
  
  /* 本例子css */
  .outBox{ 
	width:100%; 
	height: 100%;
  }
  .outBox .hd{
	height:435px; 
	width: 235px;
	float: left;;
	position:relative;  
  }
  .outBox .hd ul{ 
	float:left; 
	position:absolute; 
	height:100%;  
  }
  .outBox .hd ul li{ 
	width: 235px; 
	height: 68px;
	line-height: 68px;
	background:url(qh-bj.png;vpn_img) no-repeat left; 
	text-align: center;
	font-size: 24px;
	letter-spacing:10px;
	color:#636363;
	margin-bottom: 5px;
  }
  .outBox .hd ul li.on{ 
	height:68px;  
	background:url(qh1-bj.png;vpn_img) no-repeat left; 
	color: #fff;
  }
  
  .inBox{ 
	width: 490px;
	height: 435px;
	float: right;
  }
  .inBox .inHd{ 
	height:45px; 
	line-height:45px; 
	border-bottom:1px solid #e5e5e5; 
  }
  .inBox .inHd ul{ 
	overflow:hidden; 
	zoom:1; 
  }
  .inBox .inHd ul li{ 
	height:45px; 
	margin-right: 30px;
	float:left; 
	color: #666666;
	font-size: 20px;
  }
  .inBox .inHd ul div{ 
	height:45px; 
	margin-right: 30px;
	float:left; 
	color: #666666;
	font-size: 20px;
  }
  .inBox .inHd ul div:hover{
	font-weight: bold;
  }
  .inBox .inHd ul li.on{ 
	color:#be1c2e; 
	font-weight: bold;
  }
  .inBox .inBd ul{ 
	width: 100%;
	height: 100%;
	padding: 10px;
  }
  .inBox .inBd li{ 
	height:42px; 
	line-height:42px; 
	list-style-type: disc;
	color: #bdbdbd;
  }
  .inBox .inBd li .date{ 
	float:right;
	color:#333333; 
	font-size: 14px;
  }
  
  .four-right{
	width: 373px;
  }
  .four-right-title{
	height: 76px;
  }
  .four-top-box{
	padding: 15px 0px;
  }
  .four-right-top li{
	float: left;
	width: 93px;
	text-align: center;
  }
  .four-right-top li p{
	color: #636363;
	height: 32px;
	line-height: 32px;
  }
  
  .four-gd{
	height: 76px;
	width:36px;
	background: #efefef;
  }
  .four-gd a{
	color:#8c8c8c;
	font-size: 14px;
	width: 100%;
	height: 100%;
	display: block;
	padding: 0px 10px;
  }
  .four-right-bottom{
	width: 377px;
	height: 243px;
	background: #f5f5f5;
	padding: 20px;
  }
  .five{
	height: 114px;
	margin-bottom: 20px;
  }
  .five-left{
	width: 6%;
	height: 100%;
	background:#1384d9;
  }
  .five-left p a{
	color: #fff;
	font-size: 19px;
	font-weight: bold;
	display: block;
	width: 100%;
	height: 100%;
	padding: 8px 25px;
  }
  .five-right{
	width:93%;
	height: 100%;
  }
  
  .picScroll-left{ 
	width:100%;  
	overflow:hidden; 
	position:relative;
  }
  .picMarquee-left{
	 width:100%; 
	 overflow:hidden;
	 position:relative;
  }
  .picMarquee-left .bd ul{ 
	overflow:hidden; 
	zoom:1; 
  }
  .picMarquee-left .bd ul li{ 
	margin:0 13px; 
	float:left; 
	_display:inline; 
	overflow:hidden; 
	text-align:center;  
  }
  
  .six{
	width: 100%;
	height: 57px;
	background:#f6f6f6;
	padding: 10px 20px;
  }
  .six-left{
	width: 39%;
	height: 100%;
  }
  .six-left li{
   float: left;
   border:1px solid #dddddd;
   background: url(gh.png;vpn_img)no-repeat left;
   margin-right:20px;
  }
  .six-left li:nth-child(3){
	margin-right: 0px;
  }
  .six-left li a{
	width:100%;
	height:100%;
	display:block;
	font-size:14px;
	padding: 10px 15px 10px 40px;
  }
  .six-right{
	width: 60%;
	height: 100%;
	position: relative;
  }
  .six-right li{
	float: left;
	margin: 0px 37px;
	font-size: 14px;
	text-align: center;
  }
  .six-right li a{
	width: 100%;
	height: 40px;
	line-height: 40px;
	display: block;
  }
  .six-right li:nth-child(5){
	margin-right: 0px;
  }
  .six-right li:hover .six-ul{
	display: block;
  }
  .six-ul{
	width:696px;
	height: 150px;
	display: none;
	background: #fff;
	position: absolute;
	z-index: 99;
	overflow-y: scroll;
	left: 0px;
	padding: 10px;
	border: 3px solid #ccc;
  }
  .six-ul li{
	width: 25%;
	height: 40px;
	line-height: 40px;
	float:left;
	text-align: center;
	color: #fff;
	margin: 0px;
  }
  .six-ul li a{
	width:100%;
	height: 100%;
	display: block;
	color: #333;
  }
.six-ul li a:hover {
    background: #249df8;
    color: #ffffff !important;
}
.six-ul::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 6px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
.six-ul::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius   : 6px;
  background-color: #249df8;
  }
.six-ul::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #ededed;
  border-radius: 6px;
  }
  .footer{
	width: 100%;
	height: 216px;
	background: #efefef;
	margin-top: 0px !important;
  
  }