@charset "gb2312";
/* CSS Document */
body { background:url(wp_2015hs_fjhs_mainbg.jpg) no-repeat top center; overflow:hidden;}
.MainBg { height:100%; padding-left:110px; width:1226px; margin:0px auto; min-height:620px; *min-height:678px; position:relative; *overflow:hidden;}
.MainBg .TreeImg { position:absolute; right:-280px; bottom:-280px;}
.MainBg .MainLogo { padding-top:60px; }
.MainBg .Title { padding-top:30px; }
.MainBg .Nav { padding-top:0px; }
.MainBg .Nav ul { display:block; width:60%; padding-left:10px;}
.MainBg .Nav li { display:block; width:174px; height:61px; border:1px solid #bdc1c6; line-height:61px; text-align:center;float: left; margin-right:30px; margin-top:33px; background-color:#eef0f3;}
.MainBg .Nav li a { display:block; font-family:microsoft yahei; font-size:20px; color:#6d7985;}
.MainBg .Nav li:hover { border:1px solid #c90000; }
.MainBg .Nav li:hover a { color:#c90000; text-decoration:none; }



@media screen and (max-width: 1336px){
	body{ width:100%; min-width:inherit;}
	.MainBg{ width:98%; padding:0;}
	.MainLogo,.Title{ text-align:center;}
	.MainBg .TreeImg{ display:none;}
	
	.MainBg .Nav ul{ width:100%; padding:0;}
	.MainBg .Nav li { width:30%; margin:30px 1% 0;}
}

@media screen and (max-width: 760px){
	.MainBg .MainLogo img{ width:40%; height:auto;}
	.MainBg .Title img{ width:80%; height:auto;}
}

@media screen and (max-width: 480px){
	.MainBg .Nav li{ width:47%;}
}

@media screen and (max-width: 320px){
	.MainBg .Nav li{ width:98%;}
}