@charset "utf-8";
/*****
*湖南水文 首页样式文件
*@crtime:2018年07月28日10:51
*@Company:长沙正宇软件
*@Author:张涵
*@modifyLog:	what	when	who
*/

/* 搜索框css */
.s-box{width: 225px;height: 40px;border-radius: 5px;border: 1px #0a6eba solid;padding: 0 100px 0 10px;outline: none;}
.c-bg{background-color: #FFF;}
.c-search{float: left;position: relative;}
.s-sbt{position: absolute;top: 0px;right: 1px;}
.s-sbt input{width: 90px;height: 41px;background-color: #0a6eba;color: #FFF;border-radius: 0 4px 4px 0px;border: 0px;padding-left: 25px;cursor: pointer;}
.s-sbt input:hover{background-color: #3182bf;}
.s-sbt i{position: absolute;top: 10px;left: 13px;font-size: 22px;color: #FFF;}

/* 新闻滚动框css */
.xw-scroll{overflow: hidden;}
.picScroll-top{width: 760px;height: 40px; overflow:hidden; position:relative;  border:1px solid #000;border-radius: 5px;float:right;}
.picScroll-top .hd{overflow: hidden;height: 40px;width: 15px;float: right;position: relative;}
.picScroll-top .hd .next{ display:block;  width:10px; height:10px; float:right;overflow:hidden;cursor:pointer; background:url(../img/jt-s.png) 0 -100px no-repeat;}
.picScroll-top .hd .prev{ display:block;  width:10px; height:10px; float:right;overflow:hidden;cursor:pointer; background:url(../img/js-x.png) 0 -100px no-repeat;}
.picScroll-top .hd .next{ background-position: 0 0;position: absolute;top: 10px;right: 5px;}
.picScroll-top .hd .prev{ background-position: 0 0;position: absolute;top: 20px;right: 5px;}
.picScroll-top .hd .prevStop{ background-position:-60px -100px;  }
.picScroll-top .hd .nextStop{ background-position:-60px -140px;  }
.picScroll-top .bd{line-height: 2.5rem;}
.picScroll-top .bd ul li p{ width:95%; height:2.5rem; display:block;text-align: center;text-overflow: ellipsis;white-space:nowrap;overflow: hidden;color:#000;font-size: 18px;}
.picScroll-top .bd ul li p:hover{color: #0a6eba;}
.scroll-text{padding-left:2.69rem;}
.picScroll-top	.icon-note{position: absolute;left: 10px; top: 50%;margin-top: -0.7rem;font-size: 1.38rem;}

/* 图片新闻css */
.main{padding: 10px;}
.xwbanner-t{clear: both;overflow: hidden;}
.xwbanner-t>ul>li{float: left;}
.tpxw{position: relative;}
.picScroll-left{ overflow:hidden; position:relative;width:570px;height:380px;float: left}
.picScroll-left .hd{ overflow: hidden;height: 40px;position: absolute;bottom: 0px;width: 570px;opacity: .8;line-height: 40px;background: #000;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right;margin-right:5px; margin-top:10px;overflow:hidden;cursor:pointer;}
.picScroll-left .hd .next{ background-position:0 -50px;  }
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .hd ul{overflow: hidden;zoom: 1;height: 14px;width: 100px;position: absolute;right:4px;top: 15px;text-align: right;}
.picScroll-left .hd ul li{display: inline-block; width:14px; height:14px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background-color:#FFF;  background-position:16px 0px;border-radius: 10px}
.picScroll-left .hd ul li.on{background-color:#0a6eba;border-radius: 10px }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:100%; height:100%; display:block;}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;}
.hd-title a{color: #FFF;font-size: 14px;padding-left: 10px;}

/* 图片新闻视频切换css */
.chge-hd{position: absolute;top: 0;right: 0px;}
.chge-hd li{float: left;width:75px;height: 30px;text-align: center;}
.chge-hd a{color: #FFF;line-height:1.88rem;font-size:0.88rem}
.chge-hd a:hover{color: yellow;}
.chge-hd li{background-color: #bcbcbc;}
.chge-hd li.on{background-color: #0a6eba;}
.tpxw-box{overflow: hidden;position: relative;}

/* 水文头条css */
.swtt{margin-left: 10px;width: 535px;height: 380px;overflow: hidden;}
.swtt-title{padding-bottom: 15px;border-bottom: 1px solid #bfc0c0;margin-bottom:3px;}
.swtt-title i{font-size: 55px;position: absolute;top: 0;left: 0;opacity: .2;padding: 18px 16px;color: #FFF;}
.swtt-title span{width: 50px;display: block;padding: 11px 19px;color: #FFF;font-size: 24px;}
.swtt-logo{width: 88px;height: 88px;position: relative;text-align: center;background-color:#0a6eba;border-radius: 5px;float: left;}
.swtt-title h2{float: left;padding: 8px 20px;font-size: 24px;width: 400px;height: 65px;}
.swtt-title a{color:#0a6eba;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 36px;}
.date{float: right;color: #999;padding-right: 10px;}


/* 滚动图片css */
.slideBox{width: 1052px;height: 90px;overflow: hidden;padding: 0px 34px;position: relative;}
.slideBox ul li{ float:left;cursor:pointer;  }
.slideBox ul li.on{ height:30px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
.slideBox .sPrev,.slideBox .sNext{display: block;width: 25px;height: 90px;background-color: #0269b8;position: absolute;top: 0;line-height: 90px;text-align: center;color: #FFF;font-weight: bold;}
.slideBox .sPrev:hover,.slideBox .sNext:hover{background-color:#027db8;}
.slideBox .sPrev{left: 0;}
.slideBox .sNext{right: 0;}
.slideBox ul{ overflow:hidden; zoom:1;   }
.slideBox ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.slideBox ul li .pic{ text-align:center; }
.slideBox ul li .pic img{ width:230px; height:80px; display:block;  padding:2px;}
.slideBox ul li .pic a:hover img{ border-color:#999;}

/* 行业动态列表 ）*/
.slideTxtBox{ width:49%; height: 340px;float:left;}
.p-list .p-title{ height:50px; line-height:55px;position:relative;border-top: 2px solid #0269b8;background-color: #f5f5f5;border-bottom: 1px solid #0269b8;}
.p-list .p-title ul{ padding-left: 5px;}
.p-list .p-title li{float: left;cursor: pointer;font-size:1rem;padding: 0 10px;line-height: 51px;}
.p-list .p-title li a{text-decoration: none;color:#666;font-size: 1rem;height: 40px;margin-top: 10px;display: block;line-height: 40px;}
.p-list .p-title li.on>a{background: #fff;color: #0269b8;border: 1px solid #0269b8;border-bottom: 0px;padding:0 10px;}
.p-list .p-body ul{ padding-top:7px;zoom:1;}
.p-list .p-body li{ height:38px; line-height:38px;border-bottom: 1px dashed #bfc0c0;}
.p-list .p-body li .date{ float:right; color:#999;}
.p-list .p-body li a{color:#666;text-decoration: none;max-width: 80%;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background:url(../img/point.jpg) no-repeat 8px center;padding-left: 25px;}
.p-list .p-body li a:hover{color:#0a6eba;background:url(../img/pointHover.jpg) no-repeat 8px center;}
.list-box{overflow: hidden;}
.more{float: right;color: #999;padding-right: 10px;font-size: 0.75rem;line-height: 50px;}
.more:hover{color:#0a6eba;}
.swtt .p-body ul{padding-top:0;}
/* 公共服务列表 ）*/
.ggfw{width:49%; height: 340px;float:left;margin-left: 2%;}
.gg-ilist ul{padding-top:1rem;}
.gg-ilist li{float: left;width:23%;text-align: center;padding:1%;}
.gg-ilist li a{display:block;font-size:.9rem;}
.gg-ilist li img{display: inline-block;max-width:90%;height:auto;margin-top:.4rem;}
.gg-ilist li span{display:block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width:100%;height: 30px;line-height: 30px;color:#000;}

/*中部专题图切换*/
.zt-img{position: relative;}
.zt-tb{position: absolute;bottom:10px;right:10px;z-index: 2;}
.zt-img .hd ul {text-align: right;}
.zt-img .hd ul li{height:8px;width:8px;display: inline-block;background-color: #FFF;margin-right: 5px;text-indent:999px;overflow: hidden;cursor: pointer;}
.zt-img .hd ul li.on{background-color:#0269b8;} 
.g-block-topics{width:100%;height:103px;position:relative;overflow:hidden;}
.g-block-topics-top{height:103px;}
.g-block-topics .m-block-wrap{position:absolute;height:100%;top:0;left:0;}
.g-block-topics .m-block-wrap a{display:block;height:100%;height:103px;}
.g-block-topics .m-block-wrap a img{display:block;height: 100%;width: 100%;}
.g-block-topics .hd ul li{display: inline-block; width:14px; height:14px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background-color:#FFF;  background-position:16px 0px;border-radius: 10px}
.-block-topics .hd ul li.on{background-color:#0a6eba;border-radius: 10px }

/*信息公开列表*/
.xxgk{width: 277px;height:333px;overflow: hidden;float: left;}
.xx-group{overflow: hidden;padding-top: 10px;}
.xx-group li{position: relative;}
.xx-group  span{display: block;padding-left: 45px;font-size: 0.85rem;line-height: 45px;}
.xx-group .gzbb .zsy-xxgk{display: none;}
.xx-group .gzbb span{padding-left: 45px;font-size: 0.85rem;line-height: 45px;}
.xx-group .gzbb i{background-color:#7d65e6;}
.xx-group i{width: 45px;height: 45px;display: inline-block;position: absolute;top: 9px;left: 0px;line-height: 47px;font-size: 24px;color: #FFF;}
.l-z{float: left;}
.l-y{float: left;}
.l-z a{width: 273px;height: 45px;background-color:#efefef;display: block;margin: 9px 9px 0 0;color: #000;text-align: center;}
.l-y a{width: 273px;height: 45px;background-color:#efefef;display:block;margin-top:9px;color: #000;text-align: center;}
.xxgkzn i{background-color:#65bce6;}
.xxgkzn a:hover{background-color:#65bce6;}
.zcfg i{background-color:#f68db3;}
.zcfg a:hover{background-color:#f68db3;}
.xxgkml i{background-color:#b9d382;}
.xxgkml a:hover{background-color:#b9d382;}
.jhgh i{background-color:#66d7e1;}
.jhgh a:hover{background-color:#66d7e1;}
.xxgknb i{background-color:#8ab3d9;}
.xxgknb a:hover{background-color:#8ab3d9;}
.czxx i{background-color:#8ab3d9;}
.czxx a:hover{background-color:#8ab3d9;}
.ysqgk i{background-color:#e6787f;font-size: 18px;}
.ysqgk a:hover{background-color:#e6787f;font-size: 18px;}
.rsxx i{background-color:#ebab69;}
.rsxx a:hover{background-color:#ebab69;}
.xx-group>ul>li>a:hover{color:#fff;}

/*党团之家新闻列表*/
.dtzj{width: 400px;height: 333px;float: left;margin-left: 20px;}
.dtzj .p-body ul li a{max-width: 95%;}

/*领导信箱列表*/
.hx-group{float: left;margin-left: 20px;width: 400px;height: 333px;}
.ldxx li{float: left;width: 50%;}
.ldxx a{width: 100%;height: 60px;display:block;background-color: #3b8fcf;border-radius: 4px;text-align: center;line-height: 60px;color: #FFF;}
.ldxx a:hover{background-color: #027db8;}
.ldxx-cl{padding-right: 5px;box-sizing: border-box;}
.ldxx i{font-size: 24px;padding-right:10px;position:relative;top:2px;}

/*杂志板块*/
.swzz{height: 97px;background-color:#027db8;margin-top: 5px;border-radius: 4px;text-align: center;}
.swzz a{display: block;}
.swzz-h{border-radius: 4px;position: absolute;top:0;left: 0;bottom: 0;right: 0;background-color: rgba(0,0,0,.5);display: none;transition: all 0.5s;}
.swzz-box:hover .swzz-h{display: block;}
.swzz-h a{display: block;height: 100%;}
.swzz-h img{padding:30px 0 0 105px;}
.swzz-box{position: relative;}

/*机构职能块*/
.jgzn{height: 162px;margin-top: 5px;}
.jgzn .bd li{float: left;width: 50%;padding: 5px 3px 0 ;border-radius: 4px;text-align: center;line-height: 51px;color: #3b8fcf;box-sizing: border-box;}
.jgzn .bd a{display: block;border-radius: 4px;color:#0269b8;background-color: #e5f1f6;}
.jgzn i{font-size: 22px;padding-right: 10px;position:relative;top:2px;}
.jgzn .bd li:hover a{background-color: #0269b8;color:#fff;}

/*全媒体服务*/
.qmtfw{height: 160px;clear: both;}
.qmtfw span{height: 58px;display: block;background-color: #3b8fcf;line-height: 58px;color: #FFF;padding-left: 10px;font-size: 1.2rem;}
.qmtfw .iconfont{font-size: 1.6rem;position:relative;top:2px;}
.qmtfw li{width: 24%;height: 97px;float: left;margin-right:1%;}
.qmtfw a{display: block;height: 100%;}
.qmtfw ul{overflow: hidden;margin-top: 5px;margin-right:-1%;}
.qmtfw img{height: 100%;width: 100%;}