@import url(common.css);
@import url(icon.css);

h1 { height:60px; padding-left:24px; line-height:60px; font-size:24px;}
h1 span { margin-left:12px; font-weight:normal;}
h1 span a { color:#f60; text-decoration:underline;font-size:14px;}
h1 a { font-size:24px; text-decoration:underline;}

#main {}
#main .class, #flinks .class {clear:both; padding-top:5px; padding-left:12px; font-weight:bold; font-size:14px; line-height:30px; color:#1989D7;}
#main .class span, #flinks .class span {float:right; }

#main-h-1 { float:left; margin-left:5px; width:570px;}
#main-h-1 .class {  margin-top:10px;  border-top:1px solid #f1f1f1; }
#main-h-1 .class span { float:right; margin-right:5px;}

/*¶þ¼¶²Ëµ¥*/
#second-menu { height:160px; overflow:hidden; border-top:2px solid #1989D7; background:#f8f8f8;}
#second-menu ul { float:left; margin-left:1px;}
#second-menu ul li { float:left; margin-right:2px; padding-bottom:2px; font-weight:bold; color:#fff; line-height:28px; }
#second-menu ul li a { display:block;}
#second-menu ul li a span { display:block; padding:0 18px; font-size:14px;}
#second-menu ul li a.foucs span { background:#1989D7; text-decoration:none; color:#fff;}
#second-menu ul li a:hover { background:#78c3f7; text-decoration:none;}
#second-menu ul li a:hover span {  color:#fff;}

#weather { margin-top:10px;}

#weather .item { float:left; width:190px; height:160px; text-align:center;}
#weather .item div { line-height:20px; font-size:14px;}
#weather .item b {display:block; margin:6px; width:75px; height:70px; background:none transparent scroll repeat 0% 0%;}

#weather-s { margin-left:20px;}
.weather-s-item { clear:both;}
.weather-s-item div { float:left; height:35px; line-height:35px;}
.weather-s-item b {display:block; float:left; margin:-4px auto -2px; width:45px; height:35px; text-align:center; background-image:url(images/icon/Wea_Small.png); background-repeat:no-repeat;}
.weather-s-item .image { margin-left:20px; margin-right:24px;}
.weather-s-item .temperature { margin:0 24px;}

#banner { clear:both;}
#banner-h-1 { float:left;}
#banner-h-2 { float:right;}

#main-h-2 { float:right; margin-right:5px; width:360px;}
#main-h-2 .class {border-top:2px solid #1989D7;}
#main-h-2 .class span {margin-right:12px;}

#main-h-2 .newsList {
	
}
#main-h-2 .newsList ul { margin-left:12px; line-height:20px; margin-bottom:10px;}
#main-h-2 .newsList ul li a { color:#666;}

#call {}
#call dl { margin:0 24px;}
#call dl dt { font-weight:bold; line-height:24px;}
#call dl dt span { font-weight:normal; float:right;}
#call dl dt a { display:block; width:68px; border-left:1px solid #fff; border-top:1px solid #fff; border-right:1px solid #fe6700; border-bottom:1px solid #fe6700; height:23px; line-height:23px; overflow:hidden; background:#feeedf; text-align:center; color:#fe6700;}
#call dl dt a:hover {background:#fe8534; color:#fff; text-decoration:none;}
#call dl dd { margin:5px 0;}
#call dl dd code { display:block; padding:5px 12px; border:2px solid #f1f1f1; background:#fbfbfb;}
#weather_iframe iframe {width:400px;}


#provinces, #citys {}
#provinces ul, #citys ul { margin:0 auto; border-top:1px solid #f1f1f1; border-left:1px solid #f1f1f1; width:540px;}
#provinces ul li, #citys ul li { float:left;}
#provinces ul li a, #citys ul li a { display:block;border-right:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; width:53px; height:24px; line-height:24px; text-align:center; overflow:hidden;}
#provinces ul li a:hover, #citys ul li a:hover { text-decoration:none; background:#fbfbfb; font-weight:bold;}


#flinks {}
#flinks .class {border-top:1px solid #f1f1f1;}
#flinks ul {}
#flinks ul li { float:left;}
#flinks ul li a { display:block; float:left; border-right:1px solid #f1f1f1; padding:0 12px; height:20px; line-height:20px; text-align:center;}
#flinks ul li a:hover {}

.gg336 {margin:5px auto 10px; width:336px;}

.info { padding:12px 24px; line-height:22px;}
	.info strong { color:#006699;}
	.no3_weather { color:#f00;}
	.no1_weather { color:#090;}