.conWidth{width:1400px;margin:0 auto;}
.banner_img img{width:100%;}

.top_1{ display: none;}
.top_2{    display: block;}
/*头部*/
.header2{    position: absolute;width: 100%;    padding-top: 20px;}
.logo_search{width: 1400px;margin: 0 auto;}
.logo_search h1{}
.logo_search h1 a img{height: 60px;width: 240px;}
.search{border-radius: 20px; background: #fff;}
.search input{ line-height: 35px; width: 365px;height: 35px;background: #fff;border-radius: 10px 0 0 10px;padding-left: 20px;}
.search button{    border: none;outline: none; cursor: pointer; border-radius: 0 10px 10px 0;width: 45px; height: 35px;}
.sousuo{    float: left;}
#search{    margin-top: 12px;}
.logo_search .fr{}
.logo_search .fr ul{ float: left;margin-top: 12px;}
.logo_search .fr ul li{    float: left;    margin-left: 20px;    line-height: 35px;}
.logo_search .fr ul li img{    width: 30px; float: left; padding-top: 7px;padding-right: 10px;} 
.logo_search .fr ul li p{    font-size: 22px;color: #0096df;    float: left;}
.logo_search .fr ul li a{    font-size: 14px;padding: 8px;background: #fff; border-radius: 20px;color: #0096df;}
/*导航*/
.index_nav{    background: #0096df; }
.index_nav .Ul{max-width:1400px;height:70px;margin:0 auto;  }
.index_nav .Ul .one{float:left;width:14.28%;height:70px;position:relative;text-align:center;z-index:888;}
.index_nav .Ul .one a.liet,
.index_nav .Ul .one a.no{    display: block; width: 100%; line-height: 70px;font-size: 28px;position: absolute; left: 0;  top: 0;z-index: 1;color: #fff;}
.index_nav .Ul .one .select { display: none;     background: rgb(0, 150, 223, .8);width: 100%; position: absolute; left: 0px; top: 70px; z-index: 5; text-align: center; }
.index_nav .Ul .one .select .two a { display: block;line-height: 50px;color: #fff; width: 100%; font-size: 16px;border-bottom:1px solid #fff;  }
.index_nav .Ul .one .select .two a:hover{  font-weight: bold;}
.index_nav .Ul .one:hover .select { display: block; }
.index_nav .Ul .one a.liet, .index_nav .Ul .one a:hover {    color: #fff; font-weight: bold; background: #f9be00;}
.Ul>li:nth-last-child(-n+3) { display: none;}

/* 图片轮播 */
		.slideBox{ width:100%; height:230px; overflow:hidden; position:relative; border:1px solid #ddd;  }
		.slideBox .hd{ overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:20px; height:20px; line-height:20px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#0068b6; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:100%; height:230px; display:block;  }
.slideBox h3{position: absolute;width: 100%;text-align: center;z-index: 10;font-size: 40px;color: #0096df;text-shadow: 0 -2px #fff, 2px -2px #fff, 2px 0 #fff, 2px 2px #fff, 0 2px #fff, -2px 2px #fff, -2px 0 #fff, -2px -2px #fff;top: 50%;left: 50%;transform: translate(-50%, -50%);}
		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(/bdc/template/page/index3/images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }

		
		/* 本例子css */
		.txtMarquee-left{     width: 100%; position: relative; background: #f7f2f0;padding: 15px 0;     margin: 30px 0;  }
                .txtMarquee-img{    float: left;width: 5%;text-align: center;}


		.txtMarquee-left .hd{   overflow: hidden; float: left;width: 3.5%; }
        .txtMarquee-left .hd .prev,.txtMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; background:url(../image/2024052213412315344.png) no-repeat;}
        .txtMarquee-left .hd .next{ background:url(../image/2024052213412315344.png) no-repeat;  }
                .txtMarquee-left .hd .next{background-position:0 -50px;}
        .txtMarquee-left .bd{ width:90%;float:left;    }

        .txtMarquee-left .bd .tempWrap{ width:100% !important; }
                 /* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
        .txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
        .txtMarquee-left .bd ul li{ margin-right:20px;float:left;text-align:left;padding-left: 1em;background:url(../image/2024051714264091173.jpg) no-repeat 2px center;width:480px; }
               .txtMarquee-left .bd ul li:hover{background:url(../image/2024051714264682824.png) no-repeat 2px center;}
                .txtMarquee-left .bd ul li a{font-size:18px;line-height:30px;float:left;}
                .txtMarquee-left .bd ul li:hover a,.txtMarquee-left .bd ul li:hover  span{    color: #0096df;}
                .txtMarquee-left .bd ul li span{font-size:18px;line-height:30px;float:right;}
        .txtMarquee-left .bd ul li span{ color:#999;  }  
/*右侧图标*/
.gongzh{position: fixed; z-index: 99;top: 13%; right: 0;  background: #fff;}
.gongzh ul{}
.gongzh ul li{}
.gongzh ul li img{width:120px }
.gongzh p{    font-size: 20px;text-align: right;margin: 5px 15px; cursor: pointer;}

/*底部*/
.footer2{       background: #0096df;}
.footer2 .conWidth{    padding: 30px 0;}
.footer2 .conWidth .fl{}
.footer2 .conWidth .fl select{    border: 1px solid #fff; width: 250px;    background: #0096df;color: #fff;height: 35px;    margin-top: 30px;}
.footer2 .conWidth .fr{}
.footer2 .conWidth .fr{}
.footer2 .conWidth .fr  li{font-size: 18px; color: #fff;line-height: 40px;    text-align: right;}
.footer2 .conWidth .fr li a{font-size: 18px; color: #fff;line-height: 40px;  }
.footer2 .conWidth .fr li a img{}

/*重要公告*/
.gongg{    margin-top: 30px;}	
.gongg ul{}
.gongg ul .gongg_li1{  }
.gongg ul .gongg_li2{    width: 100%;height: 95px;  background: #f7f2f0;    text-align: center;}
.gongg ul li{    float: left;}
.gongg ul li h3{    font-size: 26px;padding: 12px;font-weight: 500; text-align: center; background: #0096df; color: #fff;}
.gongg ul li a{font-size: 44px;
    color: #0096df;
    line-height: 95px;
    font-family: "Microsoft YaHei";
    font-weight: bold;}
.gongg ul li p{    font-size: 18px;line-height: 30px;}

.content_left{float:left;width:678px;}
.content_right{width:678px;float:right;}

/*图片轮播*/
.newsBox {width:100%;position:relative;    margin-top:40px;}
.newsBox .HB {overflow:hidden;}
.newsBox .HB .autoPlay li {float:left;position:relative;width:100%;height:376px;}
.newsBox .HB .autoPlay li .Image {height:100%;background:#000;margin:0;}
.newsBox .HB .autoPlay li .Image img {display:block;width:100%;height:100%;margin:0 auto;object-fit:cover;transition:all 0.5s ease-out 0s;}
.newsBox .HB .autoPlay li .Image:hover img {transform:scale(1.1);}
.newsBox .HB .autoPlay li .Title {position:absolute;bottom:0;left:0;z-index:30;width:100%;background:rgba(0,0,0,.5);margin:0;}
.newsBox .HB .autoPlay li .Title {}
.newsBox .HB .autoPlay li .Title a {display:block;line-height:50px;font-size:20px;color:#fff;text-indent:30px;}
.newsBox .PLAYbtn {position:absolute;bottom:16px;right:6px;z-index:30}
.newsBox .PLAYbtn ul li {display:inline-block;width:10px;height:10px;margin-right:.5em;border-radius:50%;cursor:pointer;text-indent:99em;overflow:hidden;background:#fff;}
.newsBox .PLAYbtn ul li.on {width:10px;height:10px;background:#0068b6;}
.banner .flickerplate .dot-navigation {bottom:20px;}

.flfgNav {overflow:hidden;width:100%;display:block;    margin-top: 40px;}
.flfgList {position:relative;    border-bottom: 1px solid #e5e5e5;}
.flfgList a {margin-right:30px;display:block;float:left;font-size:24px;text-align:center;color:#4e4e4e;    line-height: 40px;}
.flfgList a.hover,.flfgList a:hover {    color: #0096df;font-weight: bold;border-bottom: 3px solid #f9be00;}
.tab1,.tab2 {display:none;}


#ztcw_list_li {margin-bottom:14px;padding-bottom:18px;border-bottom:1px solid #f1f1f1;    margin-top: 20px;}
#ztcw_list_li a {font-size:20px;line-height:30px;padding-left:0; background: unset;}

#ztcw_list_li p {font-size:16px;line-height:30px;float:left;}
#ztcw_list_li span {display:block;font-size:14px;line-height:30px;margin:5px 0px;width:100%;}
.ztcw_list li {float:left;width:100%;}
.ztcw_list li a {padding-left:1em;background:url(../image/2024051714264091173.jpg) no-repeat 2px center;float:left;line-height:37px;font-size:18px;}
.ztcw_list li:hover a {background:url(../image/2024051714264682824.png) no-repeat 2px center;}
.ztcw_list li:hover a,.ztcw_list li:hover span,.ztcw_list li:hover p,.ztcw_gd:hover a {color:#0096df;}
.ztcw_list li span {float:right;line-height:35px;font-size:16px;}
.ztcw_list .ztcw_gd {position:relative;}
.ztcw_list .ztcw_gd a {position:absolute;right:0;top:-48px;font-size:16px;}

/*专题专栏*/
.djzt{    margin: 40px 0;}
.djzt_img {overflow:hidden;width:100%;float:left;}
.djzt h1 {color:#0068b6;font-weight:bold;font-size:24px;float:left;display:block;width:100%;line-height:40px;}
.djzt a img {width:100%;object-fit:cover;transition:all 0.5s ease-out 0s;}
.djzt a:hover img {transform:scale(1.1);}

/*核心业务*/
.bt_title{}
.bt_title>span{float: left;width: 100%;border-bottom: 1px solid #e5e5e5;line-height: 40px;}
.bt_title>span p{    color: #0096df;font-weight: bold;border-bottom: 3px solid #f9be00;  float: left; font-size: 24px;}
.bt_title>span  a{    float: right; line-height: 43px; font-size: 16px;}
.hexyw{    float: left;    margin-left: -18px;    margin-bottom:40px;}
.hexyw li{     margin-top: 20px;     float: left;width: 214px;height: 100px; background: url(../image/2024051414211855997.jpg) no-repeat; margin-left: 18px;    }
.hexyw li a{       display: block;padding: 20px 0;margin: 0 10px; line-height: 30px;}
.hexyw li a p{    font-size: 14px;color: #fff;}
.hexyw li a span{    font-size: 20px;color: #fff;}
/*信息工作*/
.xxgk{    background: url(../image/2024051414430982702.png) no-repeat; float: left; margin-top: 20px; width: 100%;}
.xxgk li{    float: left;width: 50%; text-align: center; padding: 26px;}
.xxgk li img{    margin-bottom: 20px;}
.xxgk li h2{    font-size: 24px;font-weight: 400;color: #fff;margin-bottom: 20px;}
.xxgk li p{       width: 50%; margin: 0 auto;}
.xxgk li a{font-size: 14px; padding: 5px 10px; background: #fff; border-radius: 10px;     display: block;}
.xxgk li a:hover{    background: #f67f0a;color: #fff;}
/*党建工作*/
.djgz{    float: left;width: 100%; margin-top: 20px;    }
.djgz li{float: left;width: 100%; line-height: 40px;}
.djgz li a{    font-size: 16px;}
.djgz li  span{    font-size: 16px;float: right;}
.djgz li:hover a,.djgz li:hover span{    color: #0096df;}
/*排水服务*/
.psfw{float: left;width: 100%; margin-top: 20px;    margin-bottom: 30px;}
.psfw li{    float: left; width: 219px;margin-left: 10px;overflow: hidden; position: relative;}
.psfw li:first-child {margin-left: 0;}
.psfw li img{    width: 100%;object-fit: cover;transition: all 0.5s ease-out 0s;height:222px;}
.psfw li :hover img {transform:scale(1.1);}
.psfw li span{position: absolute; bottom: 0; z-index: 10;width: 100%;left: 0; text-align: center;font-size: 16px; color: #fff; background: rgb(0, 150, 223, .8);  line-height:40px;}
.psfw li span a{display: block;}

/*专题专栏*/
.ztzl{float: left;width: 100%; margin-top: 20px;}
.ztzl li{    float: left; width: 330px;margin-left: 26px;overflow: hidden; position: relative;}
.ztzl li:first-child {margin-left: 0;}
.ztzl li img{    width: 100%;object-fit: cover;transition: all 0.5s ease-out 0s;}
.ztzl li :hover img {transform:scale(1.1);}
.ztzl li span{position: absolute; bottom: 0; z-index: 10;width: 100%;left: 0; text-align: center;font-size: 16px; color: #fff; background: rgb(0, 150, 223, .8);  line-height: 32px;}
.ztzl li span a{display: block;}
/*链接*/
.gs_yqlj{    float: left;margin-top: 20px;margin-left: -2%;overflow: hidden;     margin-bottom: 20px;   }
.gs_yqlj li{    float: left; width: 31.3%;text-align: center; background: #cceaf9;border-radius: 10px; margin-left: 2%; margin-bottom: 20px;    }
.gs_yqlj li a{    font-size: 16px; line-height:40px;}
.gs_yqlj li:hover{    background: #0096df;}
.gs_yqlj li:hover a{    color: #fff;}

.gs_ztlj{    float: left;width: 100%;   margin-bottom: 40px;}
.gs_ztlj li{    float: left;width: 154px;text-align: center; margin-left: 20px;}
.gs_ztlj li a{display: block;border-radius: 10px; font-size: 20px;padding:16px 0px;      text-indent: 2em;    background-size: 20%;}
.gs_ztlj1{margin-left: 0px;    margin-left: 0 !important;}
.gs_ztlj1 a{background:#cceaf9 url(../image/2024051414360933810.png) no-repeat;margin-left:0;    background-position: 15px 11px;}
.gs_ztlj2 a{background:#cceaf9 url(../image/2024051414362360898.png) no-repeat;    background-position: 15px 13px;}
.gs_ztlj3 a{background:#cceaf9 url(../image/2024051414363718805.png) no-repeat;margin-left:0;     background-position: 15px 15px;}
.gs_ztlj4 a{background:#cceaf9 url(../image/2024051414382770506.png) no-repeat;    background-position: 15px 13px;}
.gs_ztlj1 a:hover{background:#0096df url(../image/2024051414361520877.png) no-repeat;     background-position: 15px 11px;color: #fff; background-size: 20%;}
.gs_ztlj2 a:hover{background:#0096df url(../image/2024051414363096599.png) no-repeat;     background-position: 15px 13px;color: #fff; background-size: 20%;}
.gs_ztlj3 a:hover{background:#0096df url(../image/2024051414364352088.png) no-repeat;     background-position: 15px 15px;color: #fff; background-size: 20%;}
.gs_ztlj4 a:hover{background:#0096df url(../image/2024051414383284086.png) no-repeat;     background-position: 15px 13px;color: #fff; background-size: 20%;}


@media screen and (max-width:1340px) {
.conWidth{    width: 1200px;}
.content_left{    width: 578px;}
.content_right{    width: 578px;}

.gongg ul li h3{    font-size: 22px;}
.gongg ul li a{    font-size: 22px;}
.gongg ul li p{font-size: 16px;}
.gongg ul .gongg_li2{    height: 84px;}
.gongg ul .gongg_li1{height: 85px;}
.gongg ul li a{line-height: 50px;}

.flfgList a{font-size: 22px;}
.ztcw_list li a{    font-size: 18px;}

.bt_title>span p{    font-size: 22px;}
.bt_title>span a{font-size: 14px;}

.hexyw li{    width: 188px;      margin-left: 10px; background-size: 100%;    height: 88px;}
.hexyw li a{    padding: 14px;}
.hexyw li a span{font-size: 18px;}
.hexyw li a p{    font-size: 12px;}

.xxgk{  background-size: 100% 100%;}
.xxgk li{padding: 17px;}
.xxgk li h2{    font-size: 20px;   }
.xxgk li img{}
.djgz li a{    overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width: 80%;        float: left;}
.gs_ztlj li{    width: 279px;}
.gs_ztlj li a{    background-position: 45px 20px;    font-size: 20px;    padding: 37px 0px;}

.gs_ztlj1 a:hover{  background-position: 45px 20px;}
.gs_ztlj2 a:hover{ background-position: 45px 20px;}
.gs_ztlj3 a:hover{ background-position: 45px 20px;}
.gs_ztlj4 a:hover{ background-position: 45px 20px;}

.psfw li{    width: 186px;}
.gs_yqlj li a{    line-height: 26px;}
.gs_yqlj{    height: 136px;}
.ztzl li{    width: 280px;}

}

@media screen and (max-width:1024px) {
.conWidth{        width: 96%;}
.content_left{width: 100%;}
.content_right{width: 100%;}
.hexyw{    width: 100%;    margin-left: 0;}
.hexyw li{        width: 32%; margin-left: 1%;height: auto; background-size: 100% 100%;}
.psfw li{        width: 32%;    margin-left: 2%;}
.gs_ztlj li{        width: 49%;    margin-left: 2%;    margin-bottom: 2%;}
.gs_ztlj{   }
.gs_yqlj li a{line-height: 30px;}
.gs_yqlj{height: auto;}
.ztzl li{        width: 24%;    margin-left: 1.3%;}


}

@media screen and (max-width:768px) {
.top_1{ display: block;}
.top_2{    display: none;}
.index_nav{    display: none;}

.slideBox h3{width: 90%;    font-size: 30px;}
.slideBox{    height: 200px;}
.slideBox .bd img{height: 200px;}

.txtMarquee-left{    padding: 10px 4%;            margin-top: 80px;margin-bottom: 20px;}
.txtMarquee-left .bd ul li span{font-size:16px;}
.txtMarquee-img{width:8%;margin-right:2%;}
.txtMarquee-left .bd{width:82%;}
.gongg{    margin-top: 20px;}
.gongg ul .gongg_li1{height: auto;}
.gongg ul .gongg_li2{    width: 100%;        height: auto;}
.txtMarquee-left .hd{width:8%;}

.gongg ul li a{        font-size: 20px;}
.gongg ul li p{font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;}
.newsBox{    margin-top: 20px;        height: 300px;}
.newsBox .HB .autoPlay li{height: 300px;}
.newsBox .HB .autoPlay li .Title a{    font-size: 16px;line-height: 40px;width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.flfgNav{    margin-top: 20px;}
.flfgList a{        font-size: 20px;}

#ztcw_list_li{    margin-bottom: 0px;}
.ztcw_list .ztcw_gd a{    font-size: 14px;top: -33px;}
.ztcw_list li a{        font-size: 16px;width: 70%;  overflow: hidden; text-overflow: ellipsis;   white-space: nowrap;}
.ztcw_list li{    margin-top: 10px;}
.ztcw_list li span{    font-size: 14px;}
.djzt{    margin: 20px 0;}
.hexyw li{        width: 48%;margin-left: 2%;}
.hexyw{margin-left: -1%;}
.hexyw{    margin-bottom: 20px;}

.djgz li a{width: 70%;}
.djgz{    margin-top: 10px; margin-bottom: 20px;}
.hexyw li a span{        font-size: 16px;}

.psfw li{        width: 49%;}
.psfw li:last-child {display: none;}

.xxgk li img{          width: 100%;height: 50px;object-fit: contain;}
.xxgk li h2{        font-size: 16px;    margin-bottom: 10px;}

.gs_ztlj3{        margin-left:0 !important;}
.gs_ztlj li a{ padding: 25px 0px; font-size: 16px;background-position: 30px 20px !important;   background-size: 20% !important;}
.gs_yqlj li{width: 48%;        margin-bottom: 20px;}
.footer2 .conWidth .fr li{        text-align: center;        font-size: 14px;}
.footer2 .conWidth .fr li a{ font-size: 14px;}
.footer2 .conWidth .fl select{    display: none;}

.ztzl li{        width: 49%;        margin-bottom: 20px;}
.ztzl li:nth-child(3) { margin-left: 0;margin-bottom: 0;}
.ztzl li:nth-child(4) { margin-bottom: 0;}

.gongzh{         width: 100%; top: unset;  bottom: 0; }
.gongzh ul{}
.gongzh ul li {width: 25%; float: left;}

}
@media screen and (max-width:560px) {
    
}