@charset "gb2312";
/* CSS Document */

body{ margin:0; padding:0; font-size:12px;font-family: Arial,Arial,Helvetica,sans-serif,'ËÎÌå';}
h1,h2,h3,h4,h5,h6,strong,ul,li,strong,form,p,dl,dd,dt,img{ margin:0; padding:0;}
ul,li{ list-style:none;}
a{color: #020e86; text-decoration:none;}
a:hover{ color:#020e86; text-decoration:underline;}
.clear{ clear:both;}
img{ border:none;}
.mt10{ margin-top:10px;}
.mt5{ margin-top:5px;}
.mt8{ margin-top:8px;}

#main{ width:1000px; margin:0 auto;}
#heard{ height:115px; background:url(imagesheard.jpg); line-height:30px; text-align:right; padding-right:10px;}
#heard a{ color:#FFF;}
#heard a.logo{ float:left; display:inline-block; height:115px; width:670px;}
#nav{ height:48px; background:url(imagesnav-bg.jpg); line-height:48px; font-size:16px;}
#nav a{ color:#FFF; display:inline-block; padding:0 20px;}
#nav a.leftline{background:url(imagesnav-list-bg.jpg) left center no-repeat;}
#nav a.curr{ background:url(imagesnav-hover-bg.jpg);}

#warning{ border:1px solid #c9010e; border-top:none;}
#warning h4{ height:38px; font-size:14px; line-height:38px; color:#FFF; background:#c9010e;}
#warning h4 img{ float:left;}
.warnbox{}
.warnbox .leftinfo{ float:left; width:640px; display:inline;}
.warnbox .leftinfo h2{ height:30px; line-height:30px; font-size:14px; margin-bottom:10px;}
.warnbox .leftinfo .imgbox{ width:81px; float:left; display:inline-block;}
.warnbox .leftinfo .rinfo{ float:left; margin-left:0px; width:542px;}
.warnbox .leftinfo .rinfo dl dd{ line-height:18px; margin-bottom:8px; padding-left:20px;}
.warnbox .leftinfo .rinfo dl dd span{ color:#0343c1;}
.warnbox .leftinfo .rinfo dl dd.time{ background:url(imagestime-icon.jpg) left 1px no-repeat;}
.warnbox .leftinfo .rinfo dl dd.add{ background:url(imagesadd-icon.jpg) left 1px no-repeat;}
.warnbox .leftinfo .rinfo dl dd.zy{ background:url(imagesz-icon.jpg) left 1px no-repeat;}
.warnbox .rightmap{ width:313px; float:right; display:inline;}
.warnbox .infobox h2{ height:30px; line-height:30px; font-size:14px;}
.warnbox .infocn{ line-height:18px;}

#box1{}
#box1 .areaw{ width:682px; float:left; display:inline;border-top:none;}
#box1 .areaw h4{ height:38px; line-height:38px; font-size:14px; text-indent:1em; color:#FFF; background:#053aba;}
#box1 .areaw h4 span{ font-size:12px; font-weight:normal; float:right; margin-right:10px;}
#box1 .areaw .areabox{ border:1px solid #dadada; border-top:none; padding-top:7px;}
#box1 .areaw .areawdn{border-bottom:1px solid #dadada;}
#box1 .areaw .areawdn ul{ display:block;}
#box1 .areaw .areawdn ul li{ width:329px; float:left; padding:0 0 0 10px; font-size:14px; overflow:hidden;}
#box1 .areaw .areawdn ul li.one{ border-right:1px solid #dadada;}
#box1 .areaw .areawdn ul li h5{ height:25px; line-height:25px;}
#box1 .areaw .areawdn ul li dl dt{ width:132px; float:left;}
#box1 .areaw .areawdn ul li dl dt span{ /* height:30px; */ /* line-height:30px; */  text-indent:2em; display:block;}
#box1 .areaw .areawdn ul li dl dd{ width:187px; float:left; line-height:31px; padding-left:10px;}
#box1 .areaw .areawdn ul li dl dd b{ font-weight:normal; color:#999999;}
#box1 .areaw .areawdn table{ height: 77px; width: 100%; font-size: 12px; margin-bottom: 12px;}
#box1 .areaw .areawdn .today_title{ font-weight: bold; color:#000; font-size: 12px;}

#box1 .areaw .hourwea h5{height:30px; line-height:30px; font-size:14px; text-indent:1em; margin:6px 0 10px;}
#box1 .areaw .hourwea .searcharea{ float:right;}
#divselect{width:127px; float:left;position:relative; z-index:10000; font-size:12px; display:inline; background:url(imagessearch-area-bg.jpg); margin-top:2px; margin-right:5px;}
#divselect cite{width:127px; height:29px;line-height:29px;text-indent:1em; display:block; color:#000;cursor:pointer;font-style:normal; }
#divselect cite:hover{}
#divselect ul{width:125px;border:1px solid #bdbdbd; border-top:none; background-color:#ffffff; position:absolute; z-index:20000; margin-top:-2px; display:none;}
#divselect ul li{height:29px; line-height:29px; text-indent:0;}
#divselect ul li a{display:block; height:29px; color:#000; text-decoration:none; padding-left:10px; padding-right:10px;}
#divselect ul li a:hover{background-color:#f2f7fe;}

#box1 .areaw .hourwea .hourlist{ height:130px;}
#box1 .areaw .hourwea .hourlist ul li{ width:61px; float:left; display:inline; font-size:14px; margin-left:12px;
border-right:1px dashed  #dadada;}
#box1 .areaw .hourwea .hourlist ul li.t{ background:#f8f8f8;}
#box1 .areaw .hourwea .hourlist ul li p{ text-align:center; line-height:24px; }
#box1 .areaw .hourwea .hourlist ul li p.time{ color:#000000;}
#box1 .areaw .hourwea .hourlist ul li p.img{ padding:0px 0;}
#box1 .areaw .hourwea .hourlist ul li p.wd{ color:#073aba;}

#box1 .realtime{ width:310px; float:right;}
#box1 .realtime h4{height:38px; line-height:38px; font-size:14px; text-indent:1em; color:#FFF; background:#053aba;}
#box1 .realtime h4 span {
font-size: 12px;
font-weight: normal;
float: right;
margin-right: 10px;
}
#box1 .realtime .realtimebox{border:1px solid #dadada; border-bottom:none; border-top:none;height: 230px;}
#box1 .realtime .realtimebox ul .one{margin-left: 10px;}
#box1 .realtime .realtimebox ul .two{margin-left: 16px;}
#box1 .realtime .realtimebox ul li{ float:left; width: 135px; border-bottom: 1px solid #dadada; margin-left: 16px;}
#box1 .realtime .realtimebox ul li dl dd{ width: 90px; float:left; line-height: px; /* padding-left: 10px; */ margin-top: 20px;}
#box1 .realtime .realtimebox  ul li dl dt{ width: 31px; float:left; height: 72px; line-height: 72px; color: black; font-size: 24px;}


#box2{}
#box2 .tenwea{width:682px; float:left; display:inline;border-top:none;}
#box2 .tenwea h4{height:38px; line-height:38px; font-size:14px; text-indent:1em; color:#FFF; background:#053aba;}
#box2 .tenwea .tenweacn{ border:1px solid #dadada;border-top:none; padding-left:5px; height:197px;}
#box2 .tenwea .tenweacn ul li{ width:61px; float:left; line-height:28px; text-align:center; padding:0px 0 47px;}
#box2 .tenwea .tenweacn ul li p.tqicon{ width:62px; }
#box2 .tenwea .tenweacn ul li.over p.tqicon{ width:62px; height:80px; background:url(imagesten-wea-icon-2.png) center center no-repeat;}
#box2 .tenwea .tenweacn ul li.over p.topwd{ color:#727272;}
#box2 .tenwea .tenweacn ul li.over p.downwd{ color:#727272;}
#box2 .tenwea .tenweacn ul li p.topwd{ color:red;}
#box2 .tenwea .tenweacn ul li p.downwd{ color:#073aba;}
#box2 .tenwea .tenweacn ul li.two{ background:#f7f8f8; margin-left:5px;border-right:1px dashed #dadada; height:120px; margin-top:20px;}

#box2 .air{width:308px; float:right; border:1px solid #dadada; border-top: none;height:297px;margin-top: -62px;}
#box2 .air h4{ height:30px; line-height:30px; text-indent:1em; font-size:12px;}
#box2 .air .airbox{ margin:0 5px; border-bottom:1px solid #dadada; padding-bottom:6px; /* border-top: none; */}
#box2 .air .airbox ul li{ width:146px; float:left;}
#box2 .air .airbox ul li.one{border-right:1px solid #dadada; margin-right:5px;}
#box2 .air .airbox ul li p.ti{ line-height:18px; margin-bottom:0px; color:#053aba; height:18px;}
#box2 .air .airbox ul li p.num{ font-size:26px; text-align:center;}
#box2 .air .airbox ul li p.sdes{ color:#666666;}
#box2 .air h5{height:30px; line-height:30px; text-indent:1em; font-size:12px;font-family:Arial, Helvetica, sans-serif;}

#box2 .air .hazetime{ height:30px; line-height:20px; background:url(imageshaze.jpg) bottom center no-repeat;}
#box2 .air .hazetime ul li{ width:76px; float:left; display:inline-block; text-align:center;}
#box2 .air .hazebox ul li{ width:76px; float:left; display:inline-block; text-align:center;}
#box2 .air .hazebox ul li dd{ line-height:10px;}

#box3{}
#box3 h4{ height:38px; line-height:38px; font-size:14px; text-indent:1em; color:#FFF; background:#053aba;}
#box3 h4 span{ font-size:12px; font-weight:normal; float:right; margin-right:10px;}
#box3 .scenic{ border:1px solid #dadada; padding:11px 4px; border-top:none;}
#box3 .scenic ul li{ width:188px; float:left; display:inline; margin:0 5px;}
#box3 .scenic ul li .thum{ width:188px; height:130px; position:relative;}

#box3 .scenic ul li .thum span{  height:24px; line-height:24px; display:block;opacity:0.8; filter:alpha(opacity=50);  

    /* Firefox,Safari(WebKit),Opera */  
   -ms-filter:alpha(opacity=50); 
  color:#FFF; text-indent:0.5em;  bottom:0; width:100%;
 background-image: url(imagesl.png) ;z-index:1;
 position:absolute;}
#box3 .scenic ul li dl.sun{ background:url(imagesicon-1.png) right 4px no-repeat;}
#box3 .scenic ul li dl.dy{ background:url(imagesicon-2.png) right 4px no-repeat;}
#box3 .scenic ul li dl dd{ line-height:20px;}
#box3 .scenic ul li dl dd b{ font-size:14px;}

#box4{}
#box4 h4{ height:38px; line-height:38px; font-size:14px; text-indent:1em; color:#FFF; background:#053aba;}
#box4 h4 span{ font-size:12px; font-weight:normal; float:right; margin-right:10px;}
#box4 .areabox{border:1px solid #dadada; padding:11px 4px; border-top:none; height:500px;}
#box4 .areabox ul li{ width:329px; border-right:1px solid #dadada; float:left; margin-bottom:10px;}
#box4 .areabox ul li  table{ width:313px; margin:0 auto;border-bottom:1px solid #dadada; line-height:24px;}
#box4 .areabox ul li dl.sun{ background:url(imagesicon-1.png) right 4px no-repeat;}
#box4 .areabox ul li dl.dy{ background:url(imagesicon-2.png) right 4px no-repeat;}

#bottom{ border-top:4px solid #8c8c8c; height:35px; line-height:35px; color:#737373;}
#bottom a{color:#737373;}
#bottom span{ float:right;}


	
.imgcon{
		width: 166px;
		height:60px;
		
}
	
.imgcon .pictwo{
		float:left;
		}