@charset "utf-8";
.footer{
	width: 100%;
	background:#7D93A0;
	height: auto;
	border-top:1px solid #af0a1a;
	}
.fot_wap{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	color: #fff;
	font-size: 14px;
	height: auto;
	background:url(../figs/fly_water.png) repeat-x bottom;
	}
.fot_cen{
	width:100%; 
	float:none;
	text-align: center;
	height: 30px;
	padding: 10px 0;
	}
.fot_cen .iop_edu{
	float: left;
	width: 16.5%;
	}
.edu_icon{
	background:url(../figs/iphy_favicon.png) no-repeat center center;
	}
.fot_wap .fot_cen ul li{
	margin: 0 30px;
	font-size: 16px;
	padding: 4px 16px;
	border:1px solid #af0a1a;
	background-color:#333333;
	filter:alpha(opacity=75); 
	-moz-opacity:0.75; 
	opacity:0.75;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-bordert-radius: 4px;
    border-radius: 4px;
}

.fot_wap .fot_cen ul li a{
	color: #fff;
}

.fot_wap .fot_cen ul li a:visited{
	color: #bbbbbb;
	}
.fot_wap .fot_cen ul li a:hover{
	color: #000;
	}
.fot_wap .fot_cen ul li:hover{
	background-color:#7D93A0;
}
.fot_bot{
	border-top:1px solid #af0a1a;
	width:100%; 
	margin:0 auto;
	font-size: 12px;
	overflow: hidden;
	color: #fff;
	text-align: center;
	height:32px;
	line-height: 32px;
	background: #000;
	}
.fot_bot span{
	padding: 0 18px;
	}
.bq2,.bq3{
	display: none;
	}
.bq1{
	display: block;
	}
.fot_wap{
	display: block;
	}

 @media screen and (max-width:1024px) {
.fot_bot{
	padding: 16px 0;
	text-align: center;
	line-height: 18px;
	}
.bq2{
	display: block;
}
.bq1,.bq3{
	display: none;
}
.fot_wap{
	display: block; 
	width:100%;
	}
.fot_wap .fot_cen ul li{
	margin: 0 10px;
	font-size: 16px;
	padding: 4px 10px;
}

}


 @media screen and (max-width:800px) {
 
.fot_wap .fot_cen .edu_icon{
	display: none;
	}
.fot_cen .iop_edu{
	float: left;
	width: 24.5%;
	}
.fot_bot{
	height:55px;
	}
.bq3{
	display: block;
	width: 350px;
	margin: 0 auto;
	text-align: center;
	}
.bq3 div{
	float:left;
	}
.bq3 div span{display:block;padding:0px;}
.bq3 #bq3_left{width:125px;text-align:right;}
.bq3 #bq3_mid{width:40px;text-align:center;}
.bq3 #bq3_right{width:180px;text-align:left;padding-left:5px}
.bq1,.bq2{display: none;}

}

 @media screen and (max-width:640px) {
 .fot_cen .iop_edu{
	float: left;
	width: 49%;
	margin-top: 5px;
	margin-bottom: 5px;
	}
.fot_wap{
	display: block; 
	width:100%;
	height:auto;
	}
.fot_wap .fot_cen{
	height: auto;
	}
}