@charset "UTF-8";
#header {position: absolute;width: 100%;background: rgba(0,0,0,0.5);}
#header #logo{display: block;}
#header .title,
#header .back{display: none;}

#content { padding: 3% 0;}

#indXwdt {padding: 3% 3% 0;}
#indXwdt .hd { border-bottom:0; text-align:center; margin:0;}
#indXwdt .hd li.on { border-bottom:0;  }
#indXwdt .hd li { float:none; display:inline-block; border-radius:3px;}
#indXwdt .hd li a {display:inline-block;padding: 0px 10px 0px 40px;background:url(../../Base/img/columnAicons.png) no-repeat 10px bottom;font-size:0.9em;line-height:1.6em;color:#777;transition: all 0.3s;}
#indXwdt .hd li.on { background:#06c;}
#indXwdt .hd li.on a {color:#fff;background-position: 10px 2.5px;}
#indXwdt .hd li:nth-child(2) a { background-position:-182px bottom}
#indXwdt .hd li:nth-child(2).on a { background-position:-182px 2.5px}

#indXwdt .bd { padding:0;}


.kfBox { overflow:hidden; padding:3%; }
.kfBox .con { float:left; width:33.3%; }
.kfBox dl {border-top:2px solid #cadff4;height: 128px;}
.kfBox dt ul { display:none;}
.kfBox dt {float:left;width:25%;height: 105px; padding-top:10px; text-align:center;}
.kfBox dt a { display:block; background:url(../../base/img/waterinfoicon1c.png) no-repeat center 22px; background-size:40%!important; padding-top:55px; height:60px; color:#333; font-size:15px; line-height:40px; font-weight:bold;}
.kfBox dd { padding-top:12px; color:#333; overflow:hidden;}
.kfBox dd li { line-height:1.8em; font-size:0.9em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.kfBox dd a{ color:#333;}

.kfBox #zrsq dt { height:108px;}
.kfBox #zrsq dd { padding-top:14px; }

.kfBox #sztg dt a { background:url(../../Base/img/waterinfoicon2c.png) no-repeat center 22px;}
.kfBox #tsgg dt a { background:url(../../Base/img/waterinfoicon3c.png) no-repeat center 22px;}


#columnB {background:#0067cc url(../../Base/img/waterline.png) no-repeat top center;background-size:100% auto;/* height:430px; */padding-top:30px;}
#columnB .hd { text-align:center; font-size:1em; line-height:2.5em; padding:0 5%; height:55px;}
#columnB .hd li {float:left;width:25%;height:43px;overflow: hidden; padding-bottom:3px;}
#columnB .hd li a {color:#bfd9f2;text-decoration: none; display:block; border-bottom:3px solid #0067cc; height:43px;}
#columnB .hd li.on a { color:#fff; border-bottom:3px solid #fff;}
#columnB .bd {padding: 3% 3% 0;}
#columnB #gsyytCon { }
#columnB .bd #gsyytCon a { display:block; margin-bottom:5%; text-align:center; }
#columnB .bd #gsyytCon a img {width:96%;height:auto;box-shadow: 0 0 6px #00509f;}

#lybCon  { padding: 10px 0; background:#fff; min-height:320px;}
#lybCon .letterList { width:96%; margin:0 auto;}
#lybCon .letterList th { background:#3981da; color:#fff;}

#columnB .bd .con .infoList li { padding:0 2%; line-height:40px; height:40px; font-size:16px;}
#columnB .bd .con .infoList li a { color:#fff;}
#columnB .bd .con .infoList li .date { color:#92c8ff}

#columnC { padding:6% 6% 3%; height:63px;}
.aboutBox .link li { float:left; width:20%; text-align:center; font-size:0.8em}
.aboutBox .link li i {display:block;width:40px;height:40px;margin:0 auto;background:#1d66ae url(../../base/img/linkicon2.png) no-repeat center;border-radius: 50%;}
.aboutBox .link .yqlj i { background-image:url(../../base/img/linkicon1.png)}
.aboutBox .link .wxcode i { background-image:url(../../base/img/linkicon3.png); background-color:#3db92e}
.aboutBox .link .wbcode i { background-image:url(../../base/img/linkicon4.png); background-color:#f35d5d}
.aboutBox .link .spxcp i { background-image:url(../../base/img/linkicon5.png); background-color:#13bdff}
.aboutBox .link .wxcode .con { display:none; position:absolute;bottom:80px;left:50%;margin-left:-75px;border:1px solid #ddd;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);}
.aboutBox .link .wxcode.on .con { display:block;}

/*# sourceMappingURL=index.css.map */