@charset "utf-8"; /* css document */ .ind_bg{ width:100%; position:absolute; top:0px; left:0px; z-index: -2; } /************重要通知***************/ .noticebg{ width: 100%; height: 40px; line-height: 40px; background: #f8f8f8; margin-top: 10px; } .import_notice { width: 70%; margin-bottom: 10px; float: left; } .import_notice img { margin: 0px 20px 5px 10px; float: left; } .import_notice p { font-size: 20px; font-family: "微软雅黑"; letter-spacing: 1.5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0px; } /************首页专题***************/ .ind_zt{ max-width:1200px; margin-bottom: 20px; /* height:146px;*/ } .ind_zt img{ width:100%; height:100%; } /************首页专题 结束***************/ /****************标题*********************/ .ind_con{ padding-top:10px;/*padding-bottom:10px;*/} /*.ind_con .con_fl{ width:45% ; } .ind_con .con_fr{ width: 52%; margin-left:10px; }*/ .ind_con .lbt{ /*width:48% ;*/ width: 580px; margin: 0 15px; } .ind_con .gsgg{ /*width:25% ;*/ width: 300px; } .ind_con .indexcon_fl{ /*width:24% ;*/ width: 290px; overflow: hidden; } .ind_con .indexcon_fm{ /*width:37% ;*/ width: 445px; margin: 0 15px; } .ind_con .indexcon_fr{ /*width:36% ;*/ width: 435px; } .ind_tit h2{ position:relative; border-bottom:1px solid #ccc; } /**************列表**********************/ .list li{ height:38px; line-height:38px; } .list li a{ float:left; color:#333; font-size:16px; display:block; background:url(/uploads/image/images/listicon.png) 0 center no-repeat; padding-left:20px; cursor:pointer; width:70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .list li span{ float:right; display:block; color:#333; width:20%; font-size:16px; text-align:right; margin-right: 10px; } /***************列表结束*****************/ /**************图片列表**********************/ .mgnews li{ float:left; /*width:290px;*/ width: 23.6%; margin:8px 6px; } .mgnews li a{ display:block; width: 100%; /*width:290px;*/ /* height:196px;*/ cursor:pointer; } .mgnews li p{ padding: 0px; } .mgnews li p a{ font-size:16px; color:#333; height:25px; line-height:25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mgnews li a img{ width:100%; border:1px solid #ccc; } /**************图片列表 结束**********************/ /********************列表切换*******************************/ .list_tab,.tab_cont{ display:none; } /**********************列表切换 结束***************************************/ /********************专题列表*******************************/ .zt_list li{ margin:20px 5px; } .zt_list li a{ cursor:pointer; display:block; /*width:519px;*/ width: 100%; /* height:160px;*/ } .zt_list li a img{ width:100%; } /**********************专题列表 结束***************************************/ /************banner***************/ /*图片轮播*/ .my-slider img{ height: auto; width: 100%; height: 310px; padding-bottom: 20px; } .unslider-nav { position: absolute; right: 0; left: auto; bottom:42px; } .unslider-nav li{ float: left; width:35px; height:5px; background:#e5e5e5; text-indent: -9999px; margin-left:5px!important; cursor: pointer; } .unslider-nav .unslider-active{ background:#038dce;margin-left:5px; } .unslider-arrow{ position: absolute; top: 30%; border-radius: 5px; background:#ff6200; width: 50px; height: 50px; text-indent: -9999px; } .unslider-arrow.next{ background: no-repeat; } .unslider-arrow.prev{ background: no-repeat; } .img-a-size-box{ display: block; overflow: hidden; position: relative; } .banner { } .banner h2 { font-size: 20px; margin-bottom: 10px; } .banner h3 { font-size:18px; padding-bottom:18px; margin-top:12px; color:#88929a;} .banner p { font-size:16px; line-height:34px; margin-bottom:22px; color:#797979;} .banner a h2{ color:#4f4f4f;} /*图片轮播*/ .banner .unslider-arrow { display: block; top: 32%; z-index: 999; } .banner .unslider-arrow.prev {background: no-repeat!important;} .banner .unslider-arrow.next {background: no-repeat;} /*basic*/ .unslider{margin:0;padding:0;position:relative;}.unslider-wrap{position:relative}.unslider-wrap.unslider-carousel>li{float:left}.unslider-vertical>ul{height:100%}.unslider-vertical li{float:none;width:100%}.unslider-fade{position:relative;z-index: 999999;}.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}.unslider-fade .unslider-wrap li.unslider-active{z-index:10}.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}.unslider-arrow{position:absolute;left:5px;z-index:2;cursor:pointer}.unslider-arrow.next{left:auto;right:5px} /************banner 结束***************/ /*单位概况*/ .dwgk h3,.gsgg h3{ color: #038dce; border-bottom: solid 2px #038dce; line-height: 35px; text-align: center; font-size: 18px; font-weight: 600;} .dwgk p{ width: 90%; background: #f5f7fa; margin: 25px auto; /*height: 50px;*/ line-height: 50px; font-size: 18px; } .dwgk p img{ display: block; float: left; margin: 10px 20px 0 20%;} .dwgk p a:hover{ color:#038dce;} /*公示公告*/ #demo{ height:270px;/*width:300px;*/ width: 100%; overflow:hidden; margin:30px auto;} #demo1 ul li,#demo2 ul li{ font-size: 16px; border-bottom: dashed 1px #ccc; padding: 10px 0; background: url(/uploads/image/images/listicon.png) 0px 20px no-repeat; text-indent: 10px; overflow: hidden;} #demo1 ul li em,#demo2 ul li em{ float: right; color: #333; } /*防汛抗旱*/ .bxkh{ padding: 10px 20px 10px 0px; background: url(/uploads/image/images/sl_21.jpg) 0 center no-repeat; border: solid 1px #ccc; margin: 10px auto; overflow: hidden;} .bxkh a{ display: block; float: right; margin: 0 14px;} /*政务公开*/ .ind_con .zwgk ul li:first-of-type{ /*width: 95%;*/} .ind_con .zwgk ul li{ display: block; /*height: 40px;*/ line-height: 40px; text-align: center; width: 46%; background: #f5f7fa; margin:5px; float: left;} /*列表样式*/ .listul li{ line-height: 2.5; text-indent: 15px;} .listul li a{ display: block; width: 85%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float: left; background: url(/uploads/image/images/listicon.png) 0 center no-repeat;} .listul li span,.listul li em{ float: right; color: #333;} .listul li a:hover{color: #2073b5;} /*城市供水*/ .csgs ul li{ width: 100%; margin: 12px auto;} .csgs ul li a img{ width: 100%;} /*业务专栏*/ .ywzl{ padding: 5px; background: url(/uploads/image/images/sl_64.jpg) 0 center no-repeat; border: solid 1px #ccc; margin: 5px auto; overflow: hidden; } #marquee2{/*width:300px;*/ width:88%; height:40px;overflow:hidden; margin: 4px 10px 4px 120px; } #marquee2 ul li{float:left; padding:0 30px; line-height:40px; margin: 0 10px;} #marquee2 ul li a{ color: #fff;} .c1{ background: #d9534f;} .c2{ background: #5bc0de;} .c3{ background: #4765a0;} .c4{ background: #1abc9c;} .c5{ background: #f0ad4e;} .c6{ background: #aa89bd;} /*便民服务*/ .bmfw dl{ float: left; width: 145px; margin: 13px auto;} .bmfw dl dd a img{ margin-left: 40px; } .bmfw dl dt{ text-align: center; margin-top: 5px;} .bmfw dl dt a:hover{ color: #0097de;} /*互动交流*/ .hdjlul li{ width: 280px; height: 50px; line-height: 50px; background: #f5f7fa; margin: 20px auto;} .hdjlul li a:hover{ color: #0097de;} .hdjlul li a img{ float: left; margin: 0 20px 0 40px;} /*媒体之窗*/ .mtzc dl{ float: left; margin:10px 8px 0px 8px;} .mtzc dl dd{ margin-top: 15px; } /*水利风景*/ .slfj .ind_tit h2{ border-bottom: solid 2px #0097de;} .slfj .ind_tit h2 .xx b{ font-weight: bold; font-size: 24px;} .slfj .ind_tit h2 .xx span{ color: #cccccc; letter-spacing: 0px;} .fj_left{ width: 360px;*margin-top: 22px; } .fj_left ol{ margin-left: 5px;} .fj_left ol li{ float: left;} .fj_left ol li:nth-last-of-type(2){ padding-left: 8px;} .imgol li a img{ padding: 6px 0px; display: block;} .fj_mid{ width: 468px; margin: 0 10px;} .fj_right{ width: 310px;} .frimg{ float: right;} #marquee1{width:1200px;height:295px;overflow:hidden; margin:20px auto 0;} #marquee1 ul li{float:left; padding:0 1px; margin: 0 10px; } #marquee1 ul li img{display:block;} .bmfw{ width:435px; }