@charset "utf-8";
/* CSS Document */
html,body,div,form,img,ul,ol,li,dl,dt,dd{margin:0px; padding:0px;}
body{font-size:14px; margin:0 auto;padding:0;border:0; font-family:"宋体"; min-width:1250px;}
select,input,textarea{vertical-align:middle; padding:0; margin:0;}
textarea{resize:none;}
img{border:0; display:block;}
ol,ul,li{list-style:none;}
a{text-decoration:none; color:#000;}
a:hover{text-decoration:none; color:#258de4;}
a,img,input,textarea,select,button,area{outline:none;}

*{-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}

/*清除浮动*/
.clearfix:after{content:'';display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1; _zoom:1;}
/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical; _zoom:expression(function(ele){ele.style.zoom = "1"; document.execCommand("BackgroundImageCache",false,true)}(this))}

.hover-opacity a{-webkit-transition: 0.2s; transition: 0.2s;}
.hover-opacity a:hover{filter:alpha(opacity=75); opacity:0.75;}
.hover-opacity-img a img{-webkit-transition: 0.2s; transition: 0.2s;}
.hover-opacity-img a:hover img{filter:alpha(opacity=75); opacity:0.75;}

.lfloat{float:left;}
.rfloat{float:right;}

a{-webkit-transition: ease-out .3s; transition: ease-out .3s;}

body{background: url(2018-lsfzhcz-bg.jpg) no-repeat top center #fff;}
.pub-con{width: 1000px; margin: 0 auto;}
/*header*/
.eui-header{height: 540px;}
.eui-top{height: 500px;}
.eui-top .pic{background: url(top-pic.png) no-repeat center; height: 468px;}
.eui-top .pic img{margin: 0 auto;}
.eui-top .info{padding: 0 8px;}
.eui-top .info .lfloat{background: url(top-info-l.png) no-repeat; width: 237px; height: 26px;}
.eui-top .info .rfloat{background: url(top-info-r.png) no-repeat; width: 222px; height: 26px;}
.eui-nav{background: #258de4; height: 40px; padding: 0 20px;}
.eui-nav ul{display: table; width: 100%;}
.eui-nav ul li{display: table-cell; text-align: center;}
.eui-nav ul li a{display: block; width: 100%; height: 40px; line-height: 40px; padding: 0 20px; color: #fff; font-family: "微软雅黑"; font-size: 16px;}
.eui-nav ul li a:hover{background: #00b7ee;}

/*头条*/
.eui-head-line{background: url(head-line.png) no-repeat left center; padding-left: 80px;}
.eui-head-line a{display: block; height: 60px; line-height: 60px; padding-right: 70px; font-size: 36px; color: #258de4; font-family: "微软雅黑"; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.eui-head-line a:hover{color: #f0413e;}
.eui-head-line img{display: inline-block; margin: -2px 0 0 8px; vertical-align: middle;}

/*幻灯片*/
.eui-slide{position:relative; width:660px; height:280px; overflow:hidden; margin-bottom: 20px;}
.eui-slide .pic a{position:relative; z-index:0; display: block;}
.eui-slide .pic img{width:660px; height:280px; display:block; vertical-align:top;}
.eui-slide .pic span{position:absolute; bottom:0; z-index:1; height:36px; width:100%;  overflow:hidden; line-height:36px; width:100%; display:block; color:#fff; text-decoration:none; padding-left: 20px;}
.eui-slide .pic span:before{content: ''; position:absolute; left: 0; bottom:0; z-index:-1; height:36px; width:100%;  background:#000; opacity:0.5; filter:alpha(opacity=50);}
.eui-slide .point{width:120px; position:absolute; bottom:12px; right: 0; text-align:right; font-size:0; z-index:3; padding:0 10px; box-sizing:border-box; height: 12px;}
.eui-slide .point li{display:inline-block; *display:inline; margin:0 5px; width:12px; height:12px; overflow:hidden; background: #888; background:rgba(255,255,255,0.3); zoom:1; border-radius:50%; cursor:pointer; behavior:url(css/pie.htc);}
.eui-slide .point .on{background:#fff; background:rgba(255,255,255,1);}
.eui-slide .prev,.eui-slide .next{width:40px; height:60px; text-align:center; line-height:60px; color:#fff; font-size:40px; margin:-30px 0 0 0; display:none; background:#000; position:absolute; top:50%; z-index:10; cursor:pointer; filter:alpha(opacity=40); opacity:0.4; font-family:"宋体"; font-style: normal; cursor: pointer;}
.eui-slide .prev{left:0;}
.eui-slide .next{right:0;}
.eui-slide .prev:hover,.eui-slide .next:hover{filter:alpha(opacity=60) !important; opacity:0.6!important;}

.index-title{height: 28px; line-height: 28px; margin-bottom: 12px; font-size: 18px; font-family: "微软雅黑"; color: #258de4;}
.index-title a{display: block; color: #258de4; padding-right: 4px;}
.index-title span{float: right; font-size: 12px; color: #999; font-family: "宋体";}
.index-title a:hover span{color: #258de4;}
.index-title i{float: left; width: 28px; height: 28px;}
.index-title .icon1{background: url(icon1.png) no-repeat; margin-right: 4px;}
.index-title .icon2{background: url(icon2.png) no-repeat; margin-right: 6px;}

.eui-list li{height: 28px; line-height: 28px; padding: 0 8px 0 4px;}
.eui-list li a{display: block; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.eui-list li a:hover{color: #258de4;}
.eui-list li a span{float: right; color: #999;}

.index-news{width: 320px; position: relative;}
.index-news .news-tr-more{position: absolute; top: -25px; right: 8px;}
.index-news .news-tr-more a{color: #999;}
.index-news .news-tr-more a:hover{color: #258de4;}

.index-news .news-tr li{border: 1px solid #ccc; margin-top: 10px;}
.index-news .news-tr li:first-child{margin-top: 0;}
.index-news .news-tr li a{display: block; padding: 4px 10px;}
.index-news .news-tr li b{font-family: "微软雅黑"; font-size: 16px; line-height: 28px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #258de4; font-weight: normal;}
.index-news .news-tr li p{margin: 0; font-size: 12px; line-height: 23px; padding-top: 4px; height: 50px; overflow: hidden;}


/*banner滚动文字*/
.index-banner{background: url(index-banner-bg.png) no-repeat center; padding: 20px 0;}
.index-banner ul{width: 1000px; height: 140px; overflow: hidden;}
.index-banner li{line-height: 140px; text-align: center; font-style: italic; font-family: "微软雅黑"; font-size: 32px; color: #fff; letter-spacing: 3px; text-shadow: 2px 2px 5px #258de4;}


/*政策文件*/
.index-zcwj{width: 660px;}
.index-zcwj h3{margin: 0;}
.index-zcwj h3 a{display: block; line-height: 24px; padding-bottom: 12px; border-bottom: 1px solid #e60012; color: #e60012; font-family: "微软雅黑"; font-size: 20px; text-align: center;}
.index-zcwj h3 a:hover{border-bottom: 1px solid #258de4; color: #258de4;}
.index-zcwj p{margin: 0; padding: 8px; line-height: 24px; font-size: 12px; text-indent: 2em;}
.index-zcwj p a{display: inline-block; line-height: 22px; padding: 0 8px; background: #258de4; color: #fff; text-indent: 0;}
.index-zcwj p a:hover{background: #e60012;}
.index-zcwj ul{padding-top: 10px; height: 90px;}
.index-zcwj li{position: relative; float: left; width: 50%; padding: 0 0 0 30px;}
.index-zcwj li:before{content: ""; position: absolute; left: 10px; top: 10px; width: 8px; height: 8px; background: #e60012;}
.index-zcwj li a{display: block; line-height: 28px;}

/*河流概况*/
.index-hlgk{background: url(index-hlgk.png) no-repeat; width: 660px; height: 290px; position: relative; margin-bottom: 10px;}
.index-hlgk li{position: absolute; font-family: "微软雅黑"; color: #034ea2;}
.index-hlgk li a{display: block; font-size: 18px; color: #034ea2;}
.index-hlgk li a:hover{color: #258de4;}
.index-hlgk .ly1{top: 28px; left: 152px;}
.index-hlgk .ly2{top: 107px; left: 88px;}
.index-hlgk .ly3{top: 218px; left: 104px;}
.index-hlgk .ly4{top: 12px; right: 108px; text-align: right;}
.index-hlgk .ly5{top: 66px; right: 135px; text-align: right;}
.index-hlgk .ly6{top: 132px; right: 108px; text-align: right;}
.index-hlgk .ly7{top: 209px; right: 160px; text-align: right;}


/*首页美丽河流*/
.foucebox {width:1000px;height:422px;margin:0 auto;}
.foucebox .bd{position:relative;float:left;width:660px;height:422px;overflow:hidden;}
.foucebox .showDiv {position:relative;width:660px;height:422px;}
.foucebox .showDiv img {width:660px;height:422px;}
.foucebox .showDiv span{position:absolute; bottom:0; z-index:1; height:40px; width:100%;  overflow:hidden; line-height:40px; width:100%; display:block; color:#fff; text-decoration:none; padding-left: 20px;}
.foucebox .showDiv span:before{content: ''; position:absolute; left: 0; bottom:0; z-index:-1; height:40px; width:100%;  background:#000; opacity:0.5; filter:alpha(opacity=50);}

.foucebox .hd{width:340px; height:422px; overflow: hidden; float:right;}
.foucebox .hd ul li{float:left; margin:0 0 10px 20px; display:inline; position:relative;}
.foucebox .hd ul a {display:block;background:#000;}
.foucebox .hd ul img{width:150px; height:98px;filter:alpha(opacity=40); opacity: .4;}
.foucebox .hd ul a:hover .mask, .foucebox .hd ul .on .mask{display:none; position:relative;}
.foucebox .hd ul a:hover img, .foucebox .hd ul .on img{filter:alpha(opacity=100); opacity: 1;}
.foucebox .hd ul a:hover{color:#fff;}

/*底部导航*/
.eui-footer{margin-bottom: 30px;}
.footer-nav{padding: 20px 0;}
.footer-nav ul{text-align: center; padding: 10px 0; background: #f6f4f4;}
.footer-nav li{border-left: 1px solid #258de4; color: #258de4; display: inline-block;}
.footer-nav li:first-child{border: none;}
.footer-nav li a{display: block; color: #258de4; padding: 0 24px; height: 12px; line-height: 12px;}
.footer-nav li a:hover{color: #e60012;}

.footer-info{display: table; margin: 0 auto;}
.footer-info a{display: table-cell; vertical-align: middle; padding-right: 24px;}
.footer-info a img{display: block;}
.footer-info p{display: table-cell; vertical-align: middle; margin: 0; line-height: 24px; color: #666; font-size: 12px;}


/*二级美丽河流*/
.pic-center{padding-top: 20px;}
.pic-center .index-title span{padding: 0 6px;}
.pic-center .index-title span a{display: inline-block; color: #000; padding: 0;}

.pic-list ul{width: 1005px;}
.pic-list li{float: left; width: 330px; margin: 0 5px 10px 0;}
.pic-list li a{display: block;}
.pic-list li h2{margin: 0; width: 330px; height: 210px; overflow: hidden;}
.pic-list li h2 img{width: 330px; height: 210px; display:block; -webkit-transition:0.5s, -webkit-transform 0.5s; transition:0.5s, transform 0.5s;}
.pic-list li a:hover h2 img{-webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1);}
.pic-list li p{margin: 0; border: 1px solid #ddd; height: 62px; line-height: 24px; padding: 6px 12px;}
.pic-list li b{display: block; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pic-list li span{display: block; font-size: 12px; color: #999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pic-list li a:hover{box-shadow: 1px 1px 8px rgba(0,0,0,.15);}

.pic-center .pre_next{padding: 10px 10px 20px; text-align: right;}
.pic-center .pre_next strong{font-weight: normal;}
.pic-center .pre_next a{border: 1px solid #ddd; padding: 0 12px; line-height: 28px; display: inline-block;}
.pic-center .pre_next a:hover{background: #258de4; border-color: #258de4; color: #fff;}
.pic-center .pre_next .disabled{cursor: no-drop; background: #fafafa; color: #999;}
.pic-center .pre_next .disabled:hover{border: 1px solid #ddd; background: #fafafa; color: #999;}
.pic-center .pre_next select{border: 1px solid #ddd; padding: 5px; margin: -2px 8px 0;}

/*list*/
.pic-center .eui-list{padding-bottom: 20px;}
.pic-center .eui-list li{line-height: 40px; height: 40px; border-bottom: 1px dashed #eee;}
.pic-center .eui-list li span{font-size: 12px;}


/*hcz-btn*/
.hcz-btn{margin: 10px auto 20px; color: #fff;}
.hcz-btn>div{width: 320px; height: 90px; text-align: center;}
.hcz-btn a{display: block; color: #fff;}
.hcz-btn b{display: block; font-style: italic; font-family: "微软雅黑"; font-size: 28px;}
.hcz-jd{position: relative; background: url(hcz-btn1.jpg) no-repeat; margin-right: 20px;}
.hcz-jd .more{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.hcz-jd .hcz-tab{position: relative; top: 30px; height: 30px;}
.hcz-ft{background: url(hcz-btn2.jpg) no-repeat;}
.hcz-ft a{height: 90px; line-height: 90px;}
.hcz-yx{background: url(hcz-btn3.jpg) no-repeat;}
.hcz-yx b{line-height: 48px; padding-top: 10px;}
.hcz-yx li{line-height: 24px;}