@charset "utf-8";
/* CSS Document */
/*重置*/
* { margin:0 auto; padding: 0; font-family: "微软雅黑"; font-size: 16px; color: #666666; }
body { color: #666666; font-family: "微软雅黑"; font-size: 16px; }
li { list-style-type: none; }
input, img { border: 0 none; /*display:block;*/ outline: 0 none !important; }
input { border: 0; }
textarea, input { word-wrap: break-word; word-break: break-all; padding: 0px; }
a { color: #666666; text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: "微软雅黑"; }


/*========== header ==========*/
#header { width:100%; min-width:1200px;}
.header { width:100%; height:220px; background:url(banner_bg.jpg) top no-repeat;}

/* top */
.topbox { width:1200px; margin:0 auto; /*overflow:hidden;*/ }
.topbox li { float:left;  height:35px; line-height: 35px; color:#50a3ec;  padding-top:2px;}
.topbox li a { font-size:13px; color:#50a3ec; padding:0 5px;}
.topbox li a:hover { font-size:13px; color:#0059b5;}

.topbox-L { float:left; margin:0 auto; width:650px;}
.topbox-R { float:right; width:295px; }

.piclinkbox { overflow:hidden; margin:2px auto; height:35px;}
.piclinkbox li { float:left; padding-top:2px;}

.logobox { overflow:hidden; min-height:115px;}
.logobox li { float:left; margin:30px 60px 0 30px;}

.searchbox{ overflow:hidden; width:100%; }
.searchbox li{ float:left; margin-top:40px;}
.text{ width:185px; height:34px; line-height:34px; padding-left:40px; border:1px solid #247edf ; background:url(search_bg.png) left no-repeat #FFF; color:#999; }
.button{ cursor:pointer; width:65px; height:36px; line-height:36px; *margin-top:1px; color:#fff; background:#247edf; text-align:center; }
.selecebox{ margin:0 auto;}
.selecebox label{ font-size:14px; color:#ffffff; margin:0 6px; *margin:0 3px;}
.selecebox a{ font-size:13px; color:#ffffff;}
.selecebox a:hover{ color:#0059b5;}

.pub { overflow:hidden; width:600px; height:50px;}
.pub li {float: right; margin:0px 10px 10px 0px; }


/*========== nav ==========*/
#nav { width:100%; min-width:1200px; background:#0059b5; border-bottom:5px solid #50a3ec; }
.navbox { width:1200px; height:50px; margin:o auto; overflow:hidden; }
.navbox li { float:left; line-height:50px; color:#FFF; min-width:170px; }

.navbox01 { background:url(icon01.png) no-repeat;  font-size:20px; color:#FFF; float:left; padding:0 40px 0 70px; line-height:50px; cursor:pointer;}
.navbox01:hover { background:url(icon01.png) no-repeat #50a3ec; }

.navbox02 { background:url(icon02.png) no-repeat;  font-size:20px; color:#FFF; float:left; padding:0 40px 0 70px; line-height:50px;cursor:pointer;}
.navbox02:hover { background:url(icon02.png) no-repeat #50a3ec; }
.navbox03 { background:url(icon03.png) no-repeat;  font-size:20px; color:#FFF; float:left; padding:0 40px 0 70px; line-height:50px;cursor:pointer;}
.navbox03:hover { background:url(icon03.png) no-repeat #50a3ec; }
.navbox04 { background:url(icon04.png) no-repeat;  font-size:20px; color:#FFF; float:left; padding:0 40px 0 70px; line-height:50px;cursor:pointer;}
.navbox04:hover { background:url(icon04.png) no-repeat #50a3ec; }
.navbox05 { background:url(icon05.png) no-repeat;  font-size:20px; color:#FFF; float:left; padding:0 40px 0 70px; line-height:50px;cursor:pointer;}
.navbox05:hover { background:url(icon05.png) no-repeat #50a3ec; }
.navbox06 { background:url(icon06.png) no-repeat;  font-size:20px; color:#FFF; float:left; padding:0 40px 0 70px; line-height:50px;cursor:pointer;}
.navbox06:hover { background:url(icon06.png) no-repeat #50a3ec; }
.navbox07 { background:url(icon07.png) no-repeat;  font-size:20px; color:#FFF; float:left; padding:0 40px 0 70px; line-height:50px;cursor:pointer;}
.navbox07:hover { background:url(icon07.png) no-repeat #50a3ec; }
.navbox08 { background:url(icon08.png) no-repeat;  font-size:20px; color:#FFF; float:left; padding:0 40px 0 70px; line-height:50px;cursor:pointer;}
.navbox08:hover { background:url(icon08.png) no-repeat #50a3ec; }

/* 导航下拉 */
.menu { width:1200px; margin:0 auto; }
.s_li { display:none; z-index:100; background:#fff ; border-top:5px solid #50a3ec; height:45px; line-height:45px; position:absolute; width:1200px; }
.s_li a{ float:left; color:#003399; font-size:18px; padding:0px 12px;}
.s_li a:hover{color:#50a3ec;}

.s_li1 { display:none; z-index:100; position:absolute; width:1200px; }
.s_li1 a{float:left; padding:0px 10px;}


/*========== main ==========*/
#main { width:100%; min-width:1200px; background:url(mainbg.gif) top no-repeat #FFF;}
.mainbox { width:1200px; margin:0 auto; background: #FFF; }

.subbox{ overflow:hidden; margin:0 auto; padding:10px 10px;}
.subbox-L{ float:left; width:575px;}
.subbox-R{ float:left; width:575px; margin-left:30px;}
.subbox01-L{ float:left; width:270px;}
.subbox01-R{ float:left; width:880px; margin-left:30px;}
.subbox01-R-L{ float:left; width:425px;}
.subbox01-R-R{ float:left; width:425px; margin-left:30px;}

/* 图片切换 */
.news-pic-tab01 { position: relative; width:575px; height:370px; overflow: hidden; text-align: left;font: 12px/1.5 Verdana, Geneva, sans-serif; background: white; float:left;}
.news-pic-tab01 .pic img { width:575px; height:370px; display:block; }
.news-pic-tab01 .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%; background: #000; filter: alpha(opacity=60); opacity: 0.6; overflow: hidden; }
.news-pic-tab01 .txt { *position:absolute; position:absolute; bottom:0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
.news-pic-tab01 .txt li{  height:36px; line-height:36px;  bottom:0px; color: white; }
.news-pic-tab01 .txt li a{  display: block; color: white; padding: 0 0 0 10px; font-size: 14px; font-weight: bold; text-decoration: none; }
.news-pic-tab01 .num { position: absolute; z-index: 3; bottom: 7px; right: 7px;}
.news-pic-tab01 .num li{ float: left; position: relative; width: 25px; height: 22px; line-height: 22px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.news-pic-tab01 .num li a,.news-pic-tab01 .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; font-size:12px;}
.news-pic-tab01 .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.news-pic-tab01 .num li.on a,.news-pic-tab01 .num a:hover{ background:#8f0000; }

/* 新闻切换 */
.news-tab01 { width:100%; margin:0 auto;}
.news-tab01 .hd { height:36px; line-height:33px; border-bottom:1px solid #ccc; }
.news-tab01 .hd .more { float:right; line-height:33px; }
.news-tab01 .hd .more a { font-size:14px; margin-right:0px; color:#50a3ec; }
.news-tab01 .hd .more a:hover { color:#003399; }
.news-tab01 .hd li{ float:left; padding:0 16px; cursor:pointer; background:#fff; font-size:20px; }
.news-tab01 .hd li.on{ height:33px; font-size:20px; color:#003399; background:#fff; border-bottom:4px solid #0059b5; }
.news_tab01 .bd {clear:both;/* position:relative;*/ margin-top:10px; }

/* 新闻列表 */
.news-box{ margin-top:10px; }
.news-box li{ overflow:hidden; line-height:29px; *line-height:25px; }
.news-box li .new{ float:left; font-size:15px;}
.news-box li .new .number { margin-right:20px;}
.news-box li .new:hover { color:#003399;}
.news-box li .new:hover .number { color:#003399;}
.news-box li .time{ float:right; font-size:15px; color:#b4b4b4;}

/* 栏目页列表 */
.news-box01{ margin-top:10px;}
.news-box01 li{ overflow:hidden; line-height:36px; *line-height:32px; }
.news-box01 li .new{ float:left; font-size:15px;}
.news-box01 li .new .number { margin-right:10px;}
.news-box01 li .new:hover { color:#003399;}
.news-box01 li .new:hover .number { color:#003399;}
.news-box01 li .time{ float:right; font-size:16px; color:#999;}

/* 信息公开 */
.disclosure { overflow: hidden; width:100%; min-width:600px; padding-top:10px; margin:0 auto;}
.disclosure li { float:left; width:132px; height:50px; line-height:45px; margin:8px 15px 8px 0px; background:#ddf2fd; text-align:center;}
.disclosure li a {  font-size:16px; color:#0059b5;}

/* 专题专栏 */
.spe-pic { overflow: hidden; width:100%; margin:0 auto; }
.spe-pic li { float:left; padding:10px 0 0 0;}
.spe-pic01 { width:220px; height:81px; padding:0 20px 0 0;}
.spe-pic02 { width:220px; height:81px; padding:0px;}

/* 平台图片*/
.plat-pic {  overflow:hidden; width:100%; margin:0 auto; padding-bottom:10px;}
.plat-pic-L { float:left; width:300px; height:90px; }
.plat-pic-R { float:left; width:275px; height:90px;}

/* 三江口高潮位预报 */
.climax { overflow: hidden; width:100%; min-width:590px;  margin:0 auto; }
.climax li { float:left; width:182px; height:60px; line-height:20px; margin:20px 14px 0px 0px; background:#ddf2fd; text-align:center; padding-top:10px;}
.climax li a { font-size:14px; color:#0059b5; }
.climax01 { width:100%; min-width:590px;  margin:0 auto; overflow: hidden;}
.climax01 li { float:left; width:160px; line-height:40px; margin:10px 14px 10px 0px; border:1px solid #ddf2fd;  padding:25px 10px;text-align:center;word-wrap:break-word;}
.climax01 li a { font-size:14px; color:#666666; }

/* 相关链接 */
.rellink { width:100%; margin-top:10px; overflow: hidden; background:#fff;}
.rellink li { float:left; width:90px; height:36px; padding:0px 14px;}

/* 领导图片 */
.lea-pic { overflow:hidden; width:100%; margin:0 auto; }
.lea-pic li { float:left; width:100px; height:150px; padding:15px 65px; text-align:center; font-size:14px; }
.lea-pic li .pic { width:100px; height:120px;  display:block;}
.lea-pic li a { font-size:14px; color:#666; }
.lea-pic li a:hover { color:#003399;}

.lea-pic01 { width:110px; margin:0 auto; overflow:hidden;}
.lea-pic01 li { float:left; width:100px; height:130px; padding:15px 9px; text-align:center; font-size:14px; }
.lea-pic01 li .pic { width:100px; height:120px; display:block;}
.lea-pic01 li a { font-size:14px; color:#666; }
.lea-pic01 li a:hover { color:#003399;}

/* 内设机构 */
.mechanism { overflow: hidden; width:100%; min-width:1228px; padding-top:10px; margin:0 auto; }
.mechanism li { float:left; width:260px; height:70px; line-height:70px; margin:8px 47px 8px 0px; background:#ddf2fd; text-align:center;}
.mechanism li a {  font-size:16px; color:#0059b5;}

/* 局属单位*/
.Subordinate { width:100%; margin-top:10px;}
.Subordinate-L { float:left; width:345px;}
.Subordinate-W { float:left; width:445px; padding-left:5px;}
.Subordinate-R { float:left ;width:380px; padding-left:5px;}
.Subordinate li{ line-height:29px; }
.Subordinate li a{ font-size:15px; color:#666;}
.Subordinate li a:hover { color:#003399;}

/* 局职能*/
.function { width:100%; margin:0 auto; margin-top:10px;}
.function li { float:left; font-size:14px; color:#666; line-height:28px; padding-top:5px;}
.function-L { float:left; width:270px;}
.function-R { overflow:hidden; float:left; width:870px; padding-left:40px;}
.phone01 { float:left; width:260px; padding-left:10px; height:76px; font-size:14px; color:#666;  background:url(zn_bg.gif) no-repeat;}
.phone02 { float:left; width:330px; padding-left:10px; height:76px; font-size:14px; color:#666;  background:url(zn_bg.gif) no-repeat;}
.phone03 { float:left; width:250px; padding-left:10px; height:76px; font-size:14px; color:#666; background:url(zn_bg.gif) no-repeat;}

/* 预警发布 */
.warning { overflow: hidden; width:100%; min-width:1000px; margin-top:10px; }
.warning li { float:left; width:110px; height:110px; line-height:120px; margin:10px 18px 0 0; text-align:center;}

/* 微博微信 */
.wbwx { overflow:hidden; width:100%; min-width:270px; margin:0 auto;}
.wbwx li { float:left; width:270px; height:80px; margin:8px 0;}

/* 咨询热线 */
.hotline { overflow:hidden; width:100%; min-width:270px; margin:0 auto; padding-top:10px;}
.hotline li { float:left; width:270px; height:50px; margin-top:10px;}

/* 应急响应 */
.emergency { overflow:hidden; width:100%; min-width:270px; margin:0 auto; padding-top:20px; }
.emergency li { float:left; width:270px; height:100px;}

/* 防汛信息*/
.flood { overflow:hidden; width:100%; min-width:880px; margin:0 auto; padding-top:20px; }
.flood li { float:left; width:880px; height:476px;}

/* 左侧栏目 */
.leftnav {  overflow:hidden; width:268px; background:#fff; border:1px solid #ccc; margin:20px 0; padding:30px 0;}
.leftnav li { width:200px; height:36px; background:url(left_bg.png) no-repeat ; padding:6px 0 6px 20px ; margin-left:25px;}
.leftnav li a { font-size:16px; color:#666; padding-left:20px; }
.leftnav li a:hover { font-size:16px; color:#003399;}


/* 页 码 */
.page-box{ overflow:hidden; margin:20px 0 0 100px;}
.page-box li{ float:left; margin-right:4px;}
.page-box li a .page{ float:left; background-color:#f5f7f8; color:#454545; border:1px solid #c3c9cd; height:34px; line-height:36px; font-size:14px; padding:0 12px;}
.page-box li a .page:hover{ background-color:#235ddb; color:#FFF;border:1px solid #c3c9cd;}
.page-box li a .page_on{ color:#235ddb;}
.ptext{ width:70px; height:34px; line-height:34px; background-color:#f5f7f8; border:1px solid #c3c9cd; text-align:center;}

/* 位 置 */
.position { overflow:hidden;}
.position li { float:left; font-size:15px; color:#666; height:22px;}
.position li a:hover { color:#003399; }

/* 文 章 */
.title {  overflow:hidden; width:880px;}
.tit-text { font-size:26px; height:75px; line-height:90px; color:#0066cc; text-align:center;}
.source { font-size:15px; height:30px; color:#999999; text-align:center;}
.sizecolor { font-size:15px; height:30px; color:#999999; text-align:center;}
.line { border-bottom:1px dotted #595959; width:100%; margin:15px auto;}
.article{ width:860px; margin:0 auto; font-size:16px; line-height:32px; padding:5px 0 25px 0; text-align:justify; text-justify:inter-ideograph;}



/*========== footer ==========*/
#footer { width:100%; min-width:1200px; }
.link {  width:100%;  margin:o auto; padding-top:8px;background:#0059b5; border-top:3px solid #50a3ec; height:35px; }
.link01 { width:650px; overflow:hidden;}
.link01 li { float:left; margin:0 5px;}
.link01 li select { width:200px; outline:0 none !important;}
.link01 li option { outline:0 none !important;}

.copyright {  width:100%; margin:o auto; padding-top:8px;  background:#e1f0ff; height:35px;}
.copyright h1 { text-align:center; font-size:16px; color:#0066cc;}
.copyright h1 a { font-size:16px; color:#0066cc; padding:0px 8px;}
.copyright h1 a:hover { color:#003399;}
.copyright h2 { font-size:16px; color:#999; line-height:26px; text-align:center; padding:20px 0 20px 0;}