#header  .hlogo{
	width:20%;
}

.hddiv{
	margin-top:11%;
}
.hddiv .hdmenu ul{
	width:100%
}
.hddiv .hdmenu ul li{
	float:left;
	width:50%;
	margin:0;
	padding:0;
	text-align:center;
	height:39px;
	color:#aaa;
	line-height:200%;
	font-size:160%;
	border-bottom:1px solid #d9d9d9;
	background-color:#f0f2f5;
}
.hddiv .hdmenu ul li.on,.hddiv .hdmenu ul a:hover li{
	height:37px;
	color:#ff8500;
	border-bottom:3px solid #ff8500;
	background-color:#d9d9d9;
	margin:0;
	padding:0;
}


.hddiv ul{
	padding:0;
	width:98%;
	margin: 0 auto;
}

    
.hddiv ul li{
	width:100%;
	float:left;
	height:36%;
	margin:2px;
}


.hddiv ul li .bg{
	border: 1px solid #aeaeae;
    -moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
	background-color:#FFF;
	height:16%;
	padding:0;
	float:left;
	width:98%;
}

.hddiv ul li .bgcon{
	border: 1px solid #aeaeae;
    -moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
	background-color:#FFF;
	height:auto;
	padding:0.5%;
	margin-top:1%;
	float:left;
	width:97%;
}

.hddiv ul li .bg .leftdiv{
	width:33%; float:left; text-align:center; margin:1% 0 1% 0.1%
}

.hddiv ul li .bg .hdpic{
	width:96%; 
}

.hddiv ul li .bg .infodiv{
	width:50%; float:left
}
.hddiv ul li .bg .infodiv p{
	padding:2.5% 0 0 0 ;margin:0;
	font-size:86%
}
.hddiv ul li .bg .infodiv p.title{
	font-size:130%;padding-top:0%
}

.hddiv ul li .bg .rightdiv{
	float:right;
	padding:0;
	margin:0;
	width:15%;
}

.hddiv ul li .bg .rightdiv img{
	width:100%
}

.hddiv ul li .bg .line{
	border-bottom:1px dashed #c4c4c4;
	height:1px; 
	width:100%; 
	float:left
}

.hddiv ul li .bg .gb_ico{
	clear:both; 
	text-align:center;
	padding:0;
	margin:0;
	padding-top:2%;
	padding-bottom:2%
}

.gb_active_downico {
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2); 
	-moz-transform: rotate(180deg); 
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg); 
	transform: rotate(180deg);
	cursor:pointer;
	
}
.gb_active_upico {
	cursor:pointer;
}



@media only screen and (min-width: 481px) {
	
	#header  .hlogo{
		width:20%;
	}
	
	.hddiv{
		margin-top:7%;
	}
	
	.hddiv .hdmenu ul li{
		float:left;
		width:50%;
		margin:0;
		padding:0;
		text-align:center;
		height:59px;
		color:#aaa;
		line-height:250%;
		font-size:200%;
		border-bottom:1px solid #d9d9d9;
		background-color:#f0f2f5;
	}
	
	
	.hddiv .hdmenu ul li.on,.hddiv .hdmenu ul a:hover li{
		height:57px;
		color:#ff8500;
		border-bottom:3px solid #ff8500;
		background-color:#d9d9d9;
		margin:0;
		padding:0;
	}
	
	.hddiv ul li .bg .leftdiv{
		width:33%; float:left; text-align:center; margin:0.8% 0 1% 0.7%
	}
	
	.hddiv ul li .bg .infodiv{
		width:50%; float:left;
		font-size:140%
	}
	.hddiv ul li .bg .infodiv p{
		padding:4.5% 0 0 0 ;margin:0;
	}
	.hddiv ul li .bg .infodiv p.title{
		font-size:170%;padding-top:0%
	}
	
	.hddiv ul li .bg .gb_ico{
		clear:both; 
		text-align:center;
		padding:0;
		margin:0;
		padding-top:1%;
		padding-bottom:1%
	}
	
	.hddiv ul li .bgcon{
		margin-top:0.5%;
	}
	
}