@charset"utf-8";
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6,p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding: 0;outline: 0; font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline; }
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary,menu,div{display:block}
*{margin:0;padding:0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*,*:after,*:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body{min-width:1190px;}
html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-size: 10px;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
ol,ul,li{ list-style:none;}
table{border-collapse: collapse;}
a{text-decoration: none;color: #333;}
a:hover{text-decoration:none;}
img{ border: 0;outline:0;}
.lf{float: left;}
.rg{float: right;}
.inline_block{display: inline-block;}
body,button,input,select,textarea{-webkit-font-smoothing: antialiased;font: 12px/1.5 '微软雅黑';color: #333;}
.clear{zoom: 1;clear: both;}
.clearfix{zoom:1;}
.clearfix::after {content: ".";display: block;height: 0px;clear: both;visibility: hidden;}
.clear::before{content:"";display:table;}
.clear::after{content:"";display:table;clear:both;}

/*********************首页**********************/
.index{
    background-color: #f6f6f6;
}
/*header*/
.header{
    width: 1190px;
    height: 100px;
    overflow: hidden;
    background-color: #fff;
    margin: 0 auto;
}
.header_logo{
    float: left;
    margin-top: 26px;
    margin-left: 30px;
}
.header_logo img{
    display: block;
    width: 331px;
    height: 47px;
}
.header_welcome{
    float: right;
    margin-right: 30px;
    height: 34px;
    line-height: 34px;
    margin-top: 33px;
    font-size: 14px;
    color: #2a8de7;
}
.header_welcome .welcome_oa{
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    background-color: #2a8de7;
    text-align: center;
    font-size: 12px;
    margin-left: 10px;
}
/*nav-item*/
.nav_item{
    width: 1190px;
    margin: 0 auto;
    background-color: #2a8de7;
}
.nav_item .nav_items_list{
    height: 52px;
    line-height: 52px;
}
.nav_item .nav_items_list li{
    float: left;
    width: 138px;
    text-align: center;
    height: 52px;
    line-height: 52px;
    position: relative;
    margin: 0 16px;
}
.nav_item .nav_items_list li a{
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}
.nav_item .nav_items_list li:hover,.nav_item .nav_items_list li:active{
    border-bottom: 2px solid #ff9c01;
}
.nav_item .nav_items_list li ul{
    width: 138px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 52px;
    z-index: 99;
}
.nav_item .nav_items_list li ul li{
    height: 38px;
    line-height: 38px;
    width: 138px;
    margin: 0;
}
.nav_item .nav_items_list li ul li:hover,.nav_item .nav_items_list li ul li:active{
    border-bottom: 0;
}
.nav_item .nav_items_list li ul li a:hover,.nav_item .nav_items_list li ul li a:active{
    color: #2a8de7;
    font-weight: 600;
}
.nav_item .nav_items_list li ul li a{
    color: #333;
    font-weight: normal;
    font-size: 14px;
}
/*slider*/
.slider_item{
    width: 1190px;
    margin: 0 auto;
    height: 380px;
    background: #333;
    position: relative;
    overflow: hidden;
}
#divSmallBox{
    overflow: hidden;
    *display: inline;
    *zoom: 0;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 10px;
    background: #ffffff;
}
.slider_item .prev{
    cursor:pointer;
    width: 45px;
    height: 45px;
    background: url('../images/left.png') no-repeat;
    position: absolute;
    top: 160px;
    left: 10px;
    z-index: 10;
    opacity: 0;
}
.slider_item .next{
    cursor:pointer;
    width: 45px;
    height: 45px;
    background: url('../images/right.png') no-repeat;
    position: absolute;
    top: 160px;
    right: 10px;
    z-index: 10;
    opacity: 0;
}
.slider_item .slider_img{
    width: 999999px;
    position: absolute;
    left: 0;
    top: 0;
}
.slider_item .slider_img li{
    float: left;
}
.slider_item .smalltitle{
    width: 150px;
    margin: 0 auto;
    height: 20px;
    line-height: 20px;
    position: absolute;
    bottom: 15px;
    right: 15px;
    z-index: 10;
}
.slider_item .smalltitle li{
    width: 12px;
    height: 12px;
    margin: 0 5px;
    border-radius: 10px;
    background: #fff;
    float: left;
    overflow: hidden;
    *display: inline;
    *zoom: 0;
}
.slider_item .smalltitle .thistitle{
    background: #ff9c01;
}
/*content_item*/
.content_item{
    width: 1190px;
    margin: 20px auto;
    overflow: hidden;
}
.content_item .content-lf{
    width: 700px;
    margin-right: 20px;
    overflow: hidden;
    float: left;
}
.hot_spot{
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    padding: 10px;
    height: 224px;
}
.hot_spot .hot_spot_img{
    float: left;
    width: 320px;
    overflow: hidden;
    zoom: 0;
    position: relative;
}
.hot_spot .hot_spot_img .hotSlide{
    width: 320px;
    height: 204px;
}
.hot_spot .hot_spot_img .hotSlide li{
    position: relative;
    overflow: hidden;
}
#hotSlide li{
    width: 320px;
    height: 204px;
}
.hot_spot .hot_spot_img .hotSlide li img{
    display: block;
    width: 320px;
    float: left;
}
.hot_spot .hot_spot_img .hotBar{
    width: 100px;
    margin: 0 auto;
    height: 10px;
    line-height: 10px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 10;
}
.hot_spot .hot_spot_img .hotBar li{
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 5px;
    background: #fff;
    float: left;
    *display: inline;
    *zoom: 0;
}
.hot_spot .hot_spot_list{
    float: left;
    width: 360px;
    padding-left: 20px;
}
.content_title{
    height: 34px;
    line-height: 34px;
    border-bottom: 2px solid #2d9bff;
    margin-bottom: 10px;
}
.content_title .title{
    font-size: 14px;
    color: #fff;
    background-color: #2d9bff;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
}
.content_title a{
    display: inline-block;
    float: right;
    color: #999;
}
.text_list ul li{
    line-height: 30px;
    border-bottom: 1px solid #ddd;
    height: 30px;
}
.text_list ul li a{
    display: inline-block;
    width: 330px;
    height: 30px;
    line-height: 30px;
}
.text_list ul li a:hover{
    color: #ff9c01;
}
.text_list ul li a span{
    display: inline-block;
    width: 240px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}
.text_list ul li a strong{
    display: inline-block;
    float: right;
}
.theme_notice{
    overflow: hidden;
    margin-top: 20px;
}
.theme_notice .theme_img{
    background-color: #fff;
    width: 330px;
    padding: 10px;
    float: left;
    margin-right: 10px;
    border-radius: 10px;
}
.news_img{
    float: left;
    width: 310px;
    height: 160px;
    position: relative;
    overflow: hidden;
}
.news_img .news_img_num{
    position: absolute;
    right: 10px;
    bottom: 5px;
    z-index: 10;
    width: 100px;
    height: 30px;
    text-align: right;
}
.news_img .news_img_num span{
    width: 20px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    margin: 5px 2px 0;
    cursor: pointer;
    background: #222;
    color: #fff;
}
.news_img .news_img_num span.cur{
    background: #54BFFF;
    color: #fff;
}
.news_img .news_img_pic{
    position: relative;
    z-index: 5;
}
.news_img .news_img_pic li{
    position: absolute;
    display: none;
}
.news_img .news_img_pic li img{
    display: block;
    height: 160px;
}
.theme_notice .notice_list{
    float: left;
    width: 360px;
    padding: 10px;
    background-color: #fff;
    min-height: 224px;
    border-radius: 10px;
}
.hot_spot_img{
    float: left;
    width: 320px;
    height: 204px;
    position: relative;
    overflow: hidden;
}
.hot_spot_img .hotBar{
    position: absolute;
    right: 10px;
    bottom: 5px;
    z-index: 10;
    width: 100px;
    height: 20px;
    text-align: right;
}
.hot_spot_img .hotBar span{
    width: 10px;
    height: 10px;
    display: inline-block;
    line-height: 10px;
    margin: 0 2px;
    cursor: pointer;
    background-color: #fff;
    border-radius: 10px;
}
.hot_spot_img .hotBar span.on{
    background-color: #ff9c01;
}
.hot_spot_img .hotSlide{
    position: relative;
    z-index: 5;
}
.hot_spot_img .hotSlide li{
    position: absolute;
    display: none;
}
.hot_spot_img .hotSlide li img{
    display: block;
    width: 320px;
}
/*右侧*/
.content_item .content-rg{
    width: 470px;
    float: left;
    overflow: hidden;
}
.cut_notice{
    padding: 10px;
    height: 224px;
    background-color: #fff;
    border-radius: 10px;
}
.cut_notice table{
    width: 450px;
    text-align: center;
    border: 1px solid #eee;
}
.cut_notice table.table>thead>tr>th, .cut_notice table.table>tbody>tr>td{
    padding: 3px 0;
    border-bottom: 1px solid #ddd;
}
.cut_notice table.table>thead>tr>th{
    background-color: #e7e7e7;
}
.table>tbody>tr.table_row>td{
    background-color: #f8f8f8;
}
.icon_notice{
    height: 224px;
    background-color: #fff;
    overflow: hidden;
    border-radius: 10px;
    padding: 10px;
    margin-top: 20px;
}
.content_icon{
    overflow: hidden;
}
.content_icon li{
    width: 150px;
    text-align: center;
    float: left;
    height: 80px;
}
.content_icon li a{
    display: block;
    overflow: hidden;
}
.content_icon li a img{
    display: inline-block;
    width: 42px;
    height: 42px;
}
.content_icon li span{
    display: block;
    line-height: 28px;
    font-size: 14px;
    font-weight: 600;
}
/*footer*/
.footer{
    width: 1190px;
    margin: 20px auto 0;
    overflow: hidden;
    background-color: #fff;
    text-align: center;
}
.footer .foot{
    height: 52px;
    line-height: 52px;
    background-color: rgb(226, 226, 226);
}
.footer .foot li{
    float: left;
    width: 33%;
    text-align: left;
}
.footer .foot li.foot_li_text{
    font-size: 18px;
    padding-left: 5%;
}
.select_control{
    min-width: 200px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #ccc;
    color: #666;
    padding: 0 8px;
}
.footer .foot_text{
    margin: 30px auto;
}
.footer .foot_text a{
    display: block;
    line-height: 30px;
    position: relative;
}
.footer .foot_text a img{
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
}
.footer .foot_text a p{
    display: inline-block;
    padding-left: 25px;
}

/**************新闻中心***************/
.through_logo{
    height: 80px;
    width: 200px;
    margin-bottom: 10px;
}
.through_logo i{
    display: inline-block;
    float: left;
    font-size: 30px;
    width: 40px;
    height: 80px;
    line-height: 80px;
    margin-left: 10px;
    color: #2a8de7;
}
.through_logo .through_text{
    float: left;
    height: 80px;
    width: 150px;
    text-align: center;
}
.through_logo .through_text .text-aa{
    color: #999;
    padding: 5px 0;
    border-bottom: 1px solid #ddd;
}
.through_logo .through_text .text-ab{
    color: #2a8de7;
    font-size: 20px;
    line-height: 40px;
}
.press_center{
    width: 1190px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px 0;
    overflow: hidden;
}
.press_center .broadside{
    width: 200px;
    float: left;
}
.press_center .broadside .broadside_list li{
    width: 200px;
    height: 42px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-bottom: 5px;
    background-color: #e7e7e7;
    line-height: 42px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}
.press_center .broadside .broadside_list li.active,.press_center .broadside .broadside_list li.active i{
    background-color: #2a8de7;
    color: #fff;
}
.press_center .broadside .broadside_list li i{
    font-size: 12px;
    margin-right: 10px;
    color: #ccc;
}
.trends{
    float: left;
    width: 990px;
    padding: 0 30px;
    overflow: hidden;
}
.broadside_logo{
    margin-bottom: 20px;
}
.broadside_logo img{
    display: block;
    width: 200px;
}
.trends .trends_title{
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #ddd;
}
.trends .trends_title p{
    border-bottom: 2px solid #2a8de7;
    color: #2a8de7;
    font-size: 18px;
    height: 42px;
    position: absolute;
    padding: 0 10px;
}
.trends .trends_title p i{
    margin-right: 10px;
}
.trends_list{
    margin-top: 15px;
}
.trends_list li a{
    display: block;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #eee;
}
.trends_list li a:hover,.trends_list li a:active{
    color: #2a8de7;
}
.trends_list li a p{
    display: inline-block;
    width: 800px;
    float: left;
}
.trends_list li a p i{
    color: #2a8de7;
    font-size: 14px;
    margin-right: 10px;
}
.trends_list li a strong{
    display: inline-block;
    float: right;
}
/*detail*/
.trends_list_detail{
    margin-top: 15px;
    padding: 0 30px;
    overflow: hidden;
}
.trends_list_detail .trends_detail_title{
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    line-height: 42px;
}
.trends_list_detail .trends_detail_text{
    line-height: 30px;
    text-indent: 10px;
    font-size: 14px;
}
.trends_detail_img img{
    display: block;
    margin: 30px 0 30px 285px;
}
/*用户水费信息查询*/
.water_select{
    margin-top: 20px;
    overflow: hidden;
}
.water_select_container{
    margin-bottom: 10px;
    overflow: hidden;
    width: 930px;
}
.water_select_container.alone_select{
    width: 800px;
    margin: 0 auto 10px;
}
.water_select_container.alone_select .water_box{
    clear: both;
    height: auto;
    margin: 10px 0;
}
.water_select_container.alone_select .water_box span{
    text-align: right;
    display: inline-block;
    width: 100px;
    float: left;
    margin-right: 20px;
}
.water_select_container.alone_select .water_box input,.water_select_container.alone_select .water_box select{
    width: 220px;
}
.water_select_container.alone_select .water_box textarea{
    height: 120px;
    line-height: 28px;
    border: 1px solid #ddd;
    margin-left: 5px;
    border-radius: 5px;
    padding: 2px 5px;
    width: 600px;
    float: left;
}
.water_select_container.alone_select .water_box a,.water_select_container .water_box button{
    margin-left: 190px;
}
.water_select_container .water_box{
    height: 34px;
    line-height: 34px;
    float: left;
    margin-right: 20px;
    font-size: 14px;
    font-weight: 600;
}
.water_select_container .water_box:last-child{
    margin-right: 0;
}
.water_select_container .water_box input,.water_select_container.alone_select .water_box select{
    height: 28px;
    line-height: 28px;
    border: 1px solid #ddd;
    margin-left: 5px;
    border-radius: 5px;
    padding: 2px 5px;
}
.water_select_container .water_box a,.water_select_container .water_box button{
    display: inline-block;
    height: 28px;
    line-height: 28px;
    border: 1px solid #2a8de7;
    color: #2a8de7;
    padding: 0 20px;
    border-radius: 5px;
}
.pay_atte{
    color: red;
    font-size: 14px;
    margin: 0px 0 30px;
    line-height: 34px;
}
.water_table{
    width: 930px;
    overflow: hidden;
}
.water_table table{
    width: 930px;
    text-align: center;
}
.table>thead>tr>th,.table>tbody>tr>td{
    padding: 8px;
    border: 1px solid #ddd;
}
.water_table table>thead>tr>th{
    background-color: #e7e7e7;
    padding: 12px 8px;
}
.water_table table>tbody>tr>td{
    background-color: #f6f6f6;
}
/*水质日分析结果*/
.sz_container{
    width: 930px;
    overflow: hidden;
    margin: 20px auto;
}
.sz_container h2{
    font-weight: 600;
    font-size: 18px;
    text-align: center;
}
.sz_container .sz_date{
    text-align: right;
    display: block;
    padding-right: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 600;
}
.water_table.sz_table{
    width: 930px;
    overflow: hidden;
}
.water_table.sz_table table{
    width: 930px;
}
.water_table.sz_table table>thead>tr>th{
    vertical-align: middle;
    font-weight: 600;
    font-size: 14px;
    padding: 8px;
}
.sz_container .sz_foot{
    line-height: 34px;
    margin-top: 20px;
    padding: 0 50px;
    font-weight: 600;
    font-size: 14px;
}
.sz_container .sz_foot .foot_aa{
    display: inline-block;
    float: left;
}
.sz_container .sz_foot .foot_ab{
    display: inline-block;
    float: right;
}
/*地图*/
.map_center{
    overflow: hidden;
    margin-top: 20px;
}
.map_center h4{
    line-height: 34px;
    font-size: 14px;
    font-weight: 600;
    color: #cc5522;
}
.map_center p{
    line-height: 30px;
    font-size: 14px;
    font-weight: 600;
}
.map_pic{
	height:700px;
	width:100%;
}

/*联系方式*/
.tel_content{
    overflow: hidden;
    margin-bottom: 20px;
}
.tel_img{
    width: 400px;
    overflow: hidden;
    float: left;
}
.tel_text{
    width: 530px;
    float: left;
    overflow: hidden;
    padding-left: 5%;
}
.tel_text h1{
    font-size: 18px;
    color: #2a8de7;
    font-weight: 600;
    line-height: 42px;
}
.tel_text ul li{
    line-height: 24px;
}
.broadside_pic{
    width: 200px;
    overflow: hidden;
}
.broadside_pic a{
    display: block;
    width: 200px;
}
.broadside_pic>a>img{
    width: 200px;
    display: block;
}
.bottom_img{
    margin: 20px auto 0;
    overflow: hidden;
    text-align: center;
}
.bottom_img a{
    display: inline-block;
    width: 200px;
    margin-right: 30px;
}
.bottom_img a img{
    display: inline-block;
    width: 200px;
}