@charset "utf-8";
/* CSS Document */
html, body { margin:0px; padding:0; font-family:"Microsoft YaHei","微软雅黑"; background: url(20200317top.jpg) center top no-repeat #ecf7fb; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,button {border:0;  padding:0; margin:0; font-weight:normal; } 
table,td,tr,th{font-size:12px;}
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6,p,em,i,b,span { margin:0; padding:0; font-weight:normal; font-style:normal;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter: alpha(opacity=100); }
.fl { float:left; }
.fr { float:right; }
a { color:#333; text-decoration:none; cursor:pointer; }
a:hover { color:#0053a1; text-decoration:none;   }
div { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

.logo { position:absolute; left:45px; top:42px;}
.header { width:100%; margin:0 auto; overflow:hidden; height:750px; }
.warp { width:1000px; margin:0 auto; overflow:hidden; }

.w60 { width:60%; }
.w40 { width:40%; background:#fff; padding:25px 4% 30px 4%; }
.w49 { width:49%; background:#fff; padding:0 3.5% 25px 3.5%; }
.w100 { width:100%; background:#fff; padding:0 3.5% 25px 3.5%; float:left; }



.marT20 { margin-top:20px;}


/*焦点图*/
.focus,#focus { width:100%; height:358px; overflow:hidden; position:relative; }
.focus ul li { width:100%; height:358px; overflow:hidden;}
.focus ul li img { width:100%; height:358px;}
.focus ul li span { width:100%; height:60px; overflow:hidden; position:absolute; bottom:0; left:0; background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8)));}
.focus ul li p { width:80%; font-size:18px; line-height:60px; color:#fff; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; text-indent:1em; text-shadow: 1px 1px 0px rgba(0,0,0,1); }
.focus ul li p a { color:#fff; text-decoration:none;}
#pager { position: absolute; bottom:22px; right:0.85em; z-index:999; }
#pager a { width:11px; height:11px; margin-left:2px; margin-right:2px; background:#fff; cursor:pointer; line-height:0; font-size:0; display: inline-block; border-radius:5px; }
#pager a.activeSlide { background:#ec9312; border-radius:5px; width:30px; }
#pager a:hover { background:#ec9312; border-radius:5px; }


/*最新动态*/
.tt { width:100%; float:left; margin-top:-15px; }
.tt ul li { width:100%; float:left; border-bottom:1px #e3e3e3 dashed; padding:15px 0 14px 0;  }
.tt ul li span { width:100%; float:left; font-size:18px; line-height:24px; height:24px; overflow:hidden; font-weight:bold; }
.tt ul li p { width:100%; float:left; font-size:14px; color:#999; line-height:22px; padding:8px 0 0 0px; max-height:44px; overflow:hidden; }


/*栏目*/
.lm1 { width:100%; float:left; height:60px; }
.lm1 b { background: linear-gradient(to left,#024f9d,#013976); float:left; } 
.lm1 b font { float:left; font-size:20px; color:#fff; line-height:46px;  padding:0 15px 0 44px; background:url(20200317_ico.png) 14px center no-repeat }
.lm1 span { font-size:14px; line-height:60px; float:right; color:#666; }
.lm1 span a { color:#666; }
.lm1 span a:hover { color:#0053a1; }


/*新闻列表*/
.news { width:100%; float:left; padding:2px 0 0 0px; }
.news ul li { width:100%; float:left; font-size:16px;  line-height:40px; height:40px; overflow:hidden; }
.news ul li b { color:#333; font-weight:bold; padding:0 10px 0 0px; font-size:15px;  }
.news ul li span { float:right; font-size:13px;  padding:0 0 0 18px; color:#999;}
.news h3 { width:100%; float:left; text-align: right; font-size:16px; line-height:30px; } 



.amn{transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s;}
.amn img { transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s; }
.amn:hover img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}

/*媒体发布会*/
.media { width:100%; float:left; padding:14px 0 10px 0px; }
.media ul li { width:32%; float:left; margin-right:2%;}
.media ul li h3 { width:100%; height:170px; overflow:hidden; display:block; }
.media ul li h3 img { width:100%; height:170px;}
.media ul li h4 { width:100%; float:left; padding:18px 20px 20px; background:#f9f9f9; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.media ul li h4 span { width:100%; float:left; font-size:18px; line-height:26px; max-height:52px; color:#333; overflow:hidden; }
.media ul li h4 p { width:100%; float:left; font-size:14px; line-height:22px; max-height:88px; color:#999; overflow:hidden; margin-top:10px; }
.media ul li:hover h4 span { color:#0053a1; }
.media ul li:nth-child(3n){  margin-right:0%;}


/*节水小知识*/
.jsxzs { width:100%; float:left; padding:14px 0 10px 0px; }
.jsxzs ul li { width:32%; float:left; margin-right:2%; }
.jsxzs ul li h3 { width:100%; height:170px; overflow:hidden; display:block;}
.jsxzs ul li h3 img { width:100%; height:170px; }
.jsxzs ul li h4 { width:100%; float:left; padding:15px 0; background:#f8f8f8; font-size:16px; line-height:24px; text-align:center;}
.jsxzs ul li:hover h4 span { color:#0053a1; }
.jsxzs ul li:nth-child(3n){  margin-right:0%;}



/*历年宣传主题*/
.hdjj,#hdjj { width:100%; height:540px; overflow:hidden; position:relative; padding:14px 0 0 0px; }
.hdjj ul li { width:100%; height:540px; overflow:hidden;}
.hdjj ul li img { width:100%; height:540px;}
.hdjj ul li span { width:100%; height:90px; overflow:hidden; position:absolute; bottom:0; left:0; background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8)));}
.hdjj ul li p { width:80%; font-size:22px; line-height:60px; color:#fff; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; text-indent:2em; text-shadow: 1px 1px 0px rgba(0,0,0,1); }
.hdjj ul li p a { color:#fff; text-decoration:none;}
#pager2 { position: absolute; bottom:30px; right:25px; z-index:999; }
#pager2 a { width:11px; height:11px; margin-left:2px; margin-right:2px; background:#fff; cursor:pointer; line-height:0; font-size:0; display: inline-block; border-radius:5px; }
#pager2 a.activeSlide { background:#ec9312; border-radius:5px; width:30px; }
#pager2 a:hover { background:#ec9312; border-radius:5px; }


/*历年专题*/
.lnzt { width:100%; float:left; padding:14px 0 10px 0px;  }
.lnzt ul li { width:32%; float:left; padding-right:1%; }
.lnzt ul li h3 { width:100%; height:110px; overflow:hidden; display:block;}
.lnzt ul li h3 img { width:100%; height:100px; }
.lnzt ul li h4 { width:100%; float:left; padding:10px 0; background:#f8f8f8; font-size:16px; line-height:24px; text-align:center;}
.lnzt ul li:hover h4 span { color:#0053a1; }
.lnzt ul li:nth-child(2n){  margin-right:0%;}

.marB40 { margin-bottom:40px;}



.footer { width:100%; margin:0 auto; overflow:hidden; background:#fff; }
.footer .copy { width:780px; margin:0 auto; overflow:hidden; padding:20px 0; }
.footer .copy h1 { float:left; padding:15px 30px 0 0px;}
.footer .copy h2 { float:left; font-size:12px; line-height:28px; color:#777; text-align:center; padding:6px 0 0 0px; }
.footer .copy h2 span { font-size:14px; line-height:32px; }
.footer .copy h2 span b { font-size:12px; padding: 0 10px; }
.footer .copy a { color:#777; }
.footer .copy a:hover { color:#d00; text-decoration:underline; }
.footer span { float: none;}