body{ background:#bdd0df url('fh_bg.gif') repeat-x 0 -660px; }
#wrapper{ width:960px;}
#header{ height:180px;}

#top{ height:30px; line-height:30px; padding:0 12px; overflow:hidden}
#top .l{ width:500px;}#top .l span{ font-family:Arial}
#rss a{padding:0 8px;background:url('fh_bg.gif') 2px -53px;}#rss a:hover{ text-decoration:none}
#top .r{ width:400px; text-align:right}
a{ color: #002B55}
a:visited{ color:#555}
dt a:visited{ color: #002B55}

#banner{ height:67px;padding-top:10px; background: url('bannerbg.png') no-repeat right top;}
	#logo{ float:left;padding:11px 0 0 10px;width: 202px;height:44px;}
	#logo a{ display:block;width: 202px;height:44px; background:transparent url('fh_bg.gif') no-repeat 0 -6px}
	#logo a strong{ display:none}
	#so{float:right;width:366px; padding:19px 42px 0 0}
	#so input{ border:none;background:transparent; height:28px;}
	#keyword{ width:190px; padding:0 10px 0 50px; float:left; font:14px/28px Verdana; }
	#solmc{width:115px; cursor:pointer; float:right; text-align:center; font:bold 14px/28px 'Microsoft Yahei',Verdana; color:#FFF;}
	#so .Hover{background:url('bannerbg.png') no-repeat -563px -89px;}

#nav{ height:63px; overflow:hidden; background:transparent url('fh_bg.gif') repeat-x 0 -100px;min-width:960px}
#navIn{ background:url('fh_bg.gif') no-repeat right -180px}
#mainNav{ height:33px; overflow:hidden;background:url('fh_bg.gif') no-repeat -322px -250px}
	#mainNav li{ height:33px; line-height:33px; display:inline-block;  float:left;width:auto;background: transparent url('fh_bg.gif') no-repeat 0 -250px}
	#mainNav #liHome{ background:none}
	#mainNav a{ color:#FFF;font: 14px/33px "PingHei","Lucida Grande", "Lucida Sans Unicode", "Helvetica","Arial","Verdana","sans-serif","Microsoft Yahei"; display:inline-block;height:33px;padding:0 10px 0 10px;width:auto}
	#mainNav a:hover,#mainNav .Hover a{ text-decoration:none;background:transparent url('fh_hover.gif') no-repeat center top}
#subNav{ height:30px; overflow:hidden;background:url('fh_bg.gif') no-repeat -322px -283px;padding:0 21px; line-height:30px;}
	#subNav  li{ display:inline-block;padding:0px 1px 0 2px;margin:0 9px 0 0;float:left }
	#subNav .Hover a,#subNav a:hover{ text-decoration:none; background-color:#003366; color:#FFF}

#topad-950-out{ background:transparent url('adbgtop.png') repeat-y center 0;}
#topad-950-top{ line-height:5px;height:5px; background:transparent url('adbgtop.png') no-repeat}
#topad-950{ padding:0 5px 5px 5px;  text-align:center;vertical-align:middle; background:#FFF url('mainbg.gif') repeat-y center 0;width:950px; overflow:hidden;  }

#main{ background:#FFF url('mainbg.gif') repeat-y center 0;min-height:680px;_height:680px;}
	#mainTop{}
	#mainBtm{ width:960px; height:5px;line-height:5px; background: transparent url('mainbg.gif') no-repeat  right bottom}
	#main .nobg{ background:none;}
	#mainLeft{ width:100%;margin-left:-320px;}
	#mainLeftInner{ margin:0 0 0 320px;}

	#myPosition{ height: 30px; line-height:28px; border-bottom:1px #eee solid;  }
	#myPosition cite{ font:12px/24px Impact;padding:4px 4px 0 21px; display:inline-block}
	#myPosition a{ color:#00457d}


#mainRight{ width:320px;}
#noticeList{  margin:12px 28px; width: auto}
#mainRight .dlList{margin:0 0 10px 10px; width:300px;}
.dlList{border:1px #c6c6c6 solid;}
.dlList dt{border:1px #FFF solid;height:34px; background:#eeeeee url('fh_bg.gif') repeat-x 0 -350px;}
.dlList dd{background:#FFF;margin:0;padding:0}
.dlList dt strong{ padding:9px 16px 0 16px; height:25px; width: 95px; text-align:center; display:inline-block; font:bold 14px/25px 'Microsoft Yahei';background:#eeeeee url('fh_bg.gif') no-repeat 0 -400px; color:#006699}
#mainRight .dlList dd{ padding:10px 6px}
#mainRight .dlList li{ height:20px; overflow: hidden;line-height:20px;text-overflow:ellipsis; white-space:nowrap;_white-space:normal; font-family:"Lantinghei SC", "PingHei","Lucida Grande", "Lucida Sans Unicode", "Helvetica","Arial","Verdana","sans-serif"}
#mainRight .dlList dd a{ font-family:"Lantinghei SC", Arial, Helvetica, sans-serif}

#rightSubNav ul{ padding:0 2px 0 12px}
#mainRight #rightSubNav li{background:transparent url('fh_ico.gif') no-repeat -291px -344px; padding-left:17px;height:25px }
#rightSubNav dt a{ font:bold 14px/25px 'Microsoft Yahei'}
#rightSubNav dd a{ font:15px/22px "PingHei","Lucida Grande", "Lucida Sans Unicode", "Helvetica","Arial","Verdana","sans-serif";text-decoration:underline}
#rightSubNav dd a:hover{text-decoration:none}
#rightSubNav .Hover a{ text-decoration:none;color:#990000}

.dlList ol{padding:0 2px 0 12px}
#mainRight .dlList li.title{ font:14px/150% "Lantinghei SC", "PingHei","Lucida Grande", "Lucida Sans Unicode", "Helvetica","Arial","Verdana","sans-serif";}
#mainRight .dlList li.desc{ height:auto; overflow: auto; white-space: normal;text-overflow: auto; display:block}
#mainRight .dlList li p{ text-indent:2em;color:gray;border-bottom:10px #FFF solid;}

#contactUs { background:transparent url('fh_ico.gif') no-repeat 0 -516px;padding:64px 0 0 0;border:none}
#contactUs *{ font:14px/1.5 "Lantinghei SC", "PingHei","Lucida Grande", "Lucida Sans Unicode", "Helvetica","Arial","Verdana","sans-serif"}
#contactUs dt{ display:none}
#mainRight #contactUs dd { padding:0 12px 10px 18px;border:1px #c9c9c9 solid;border-top:none;background:#f9f9f9}

#mainRight #hotList ol{ padding: 0 0 0 18px;background:transparent url('fh_ico.gif') no-repeat -286px 6px;margin-left:10px;}
	#mainRight #hotList li{ height:22px}

#footer{background:#0c6bba url('fh_bg.gif') repeat-x 0 -500px; margin:25px 0 0 0; padding:7px 0 1px 0;border-top:1px #b5c0c9 solid}
#footerInner{ background:#0c6bba url('fh_footer.gif') repeat-y center 0; width:760px; margin:0 auto; color: #B3FFFF;padding:20px 0; line-height:25px }
#footerInner a{color: #B3FFFF}
#footerLinks{ font-family:"Lantinghei SC", "PingHei","Lucida Grande", "Lucida Sans Unicode", "Helvetica","Arial","Verdana","sans-serif"}
#footerLinks a{ color:#FFF}

/* list */
#listPage { margin:12px 28px;}
#listPage li{ line-height:18px ;padding:0 100px 8px 15px; background:transparent url('fh_bg.gif') no-repeat -318px 3px; position:relative}
#listPage li a{ font-size:14px;}
#listPage li span{ float:right; position:absolute;top:0;right:0px;_right:24px;}
#listPage li p{ display:none}
#listPage li.dot{ border-bottom:1px #c6c6c6 dotted; margin-bottom:15px; padding-bottom:10px}
#listPage .channelList li{font:14px/18px "Lantinghei SC", SimSun;}

.pages { text-align:center;padding:12px 0 }
.pages li{ display:inline; }
.pages a{ font:14px/22px Arial;padding:0 3px}
.pages a:hover{ color:red}
.pages .thisclass a{ font-size:16px;color: maroon;cursor:default;text-decoration:none}

/* channel */
#channelPage{margin:12px 0 12px 20px;_margin-right:-10px}
#channelPage dl{ float:left;width:290px;margin:0 13px 15px 0;border:1px #99adbd solid}
#channelPage dd{ border-top:1px #CCCCCC solid;padding:6px;min-height:110px}
#channelPage li{ height:22px; overflow:hidden;line-height:22px;text-overflow:ellipsis; white-space:nowrap;_white-space: normal;}
#channelPage span{ padding-right:6px;font-family:Tahoma;font-size:10px;color:#666}
#channelPage dt{ height:26px;background:#eee; border:1px #FFF solid; padding:0 6px;line-height:26px;overflow:hidden}
#channelPage dt strong{ font:bold 14px/26px 'Microsoft Yahei'}
#channelPage .more{ float:right}

/* listimage */
#listImage #main{background:#FFF}
#listImages{ padding:15px 0 10px 15px;position: relative;}
#listImages li{width:300px; padding:0 15px 0 0;float:left; margin-bottom:15px; overflow:hidden;height:200px; position:relative;display:block}
#listImages h4{ position:absolute; height:35px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;_white-space: normal; padding:3px 5px; width:290px;
	 background:black;-moz-opacity:0.7;opacity: 0.7;filter:alpha(opacity=70); bottom:0px; font:bold 12px/18px 'Microsoft Yahei'}
#listImages h4 *{ color:#FFF;}
#listImages h4 span{ display:block;font-size:10px;color:#CCFFFF}
#listImages p{width:300px;overflow:hidden; height:200px;}
#listImages img{min-height:200px;min-width:300px}
#listImages img.b{height: auto;width:300px;}

/* ad */
.thead{padding:0 0 10px 10px;width:300px;overflow:hidden}

.bdSug_app{ display:none}

#footerLinks span i{font:12px/150% Verdana;}
@media (max-width:640px) {
	body{background: #FFF;}
	#wrapper{width: 100%;}
	#top,#topad-950-out,#mainBtm,#subNav,#so,#rightAD2 {display:none;}
	#header{ height: auto}
	#banner{height: 58px;background: #fff; padding: 0; border-bottom: 1px  rgb(0, 138, 199) solid;}
	#logo{ float:left;padding: 15px 0 10px 10px;height: 32px}
	#logo a{background-size: 240px auto;height: 32px}
	#nav{height: auto;background: #fff;min-width: 90%;display: none;}
	#mainNav{height: 300px;overflow: hidden;background: rgb(0, 138, 199);}
	#mainNav li,#mainNav #liHome{height: auto; width:50%;background: rgb(0, 138, 199);height: 50px;text-align: center;border-left: 1px rgb(71,209,254) solid;border-bottom: 1px rgb(71,209,254) solid; box-sizing: border-box;}
	#mainNav a{background: none;line-height: 49px;font-size: 16px;}
	#mainNav a:hover, #mainNav .Hover a{background: none;}

	#navBtn{width: 26px; height: 26px; position: absolute; top: 24px;right: 5px;display: block; }
	#navBtn b{ display: block;width: 8px;border: 1px rgb(0, 138, 199) solid;height: 8px; margin: 0 0 3px 3px;float: left; }
	#navBtn b.Hover{ background-color: rgb(0, 138, 199); }
	#navBtn.navBtn_close b.Hover{ background: #FFF }


	#main{background: #fff;}
	#mainLeft, #mainLeftInner{width: 100%; float: none;margin-left: 0;margin: 0;}
	#mainRight{float: none;width: inherit;margin: 0;padding: 0.5em;}
	#mainRight .dlList{margin: 1em 0 0 0;width: inherit;}
	.thead{border: 1px #c6c6c6 solid;width: inherit;padding: 0.5em;}
	.thead img{width: 100%;}
	#contactUs{background:none;padding-top: 0;border-top: 1px #c6c6c6 solid;}
	#mainRight #contactUs dd{ padding-top: 10px;}

	#listPage{margin: 1em 1em;}
	#listPage li{padding: 0 80px 0 15px; margin-bottom: 12px; height: 20px;overflow: hidden;line-height: 20px}
	#listPage li a{line-height: 20px;height: 20px;overflow: hidden;display: block;white-space: nowrap;text-overflow: ellipsis;}

	#listpages{padding: 0 1em;}
	.pageinfo{ display: block;}
	#channelPage{margin: 0; padding: 0.5em;}
	#channelPage dl{float: none;width: 100%;margin: 1em 0; box-sizing: border-box; overflow: hidden;}

	#footer{margin-top: 10px;}
	#footerInner{width: auto;}
	#footerLinks span{display: block;}
	#footerLinks span i{display: none;}

	.soResult .url span{display: block;}

	#listImages{ padding:0;}
	#listImages li{width:47%; margin:1em 0% 0 2%;padding: 0;float:left; overflow:hidden;height:150px; position:relative;display:block;box-sizing:border-box;}
	#listImages h4{ position:absolute; height:35px;width:100%;box-sizing:boder-box;}
	#listImages h4 span{ display:block;font-size:10px;color:#CCFFFF}
	#listImages p{width:100%;overflow:hidden; height:150px;}
	#listImages img{min-height:150px;min-width:240px;width: 240px;height: 150px}
	#listImages img.b{height: auto;width:100%;}

}