@charset "utf-8";

.msga-banner{background: url(../images/topwmjk1.png) no-repeat center;width: 100%;height: 295px;}
.logo{width: 1100px;margin: 0px auto;}
.cdsjwm{width:100%;margin: 30px auto;text-align:center;}
.cdsjwm img{width:96%; margin:0 auto; text-align:center;}
/*list*/
.list_right{font-family: "微软雅黑";min-height: 500px;}
.list1{height: 47px;line-height: 47px;background: #ebebeb;margin: 15px 0px;}
.list2{padding: 0 10px;color: #fff;font-size: 18px;background: #0072bc;text-align: center;float: left;height: 45px;}
.list2.zfbg{background: #ab2c23;}
.list3{margin: 0 30px 0 0;}
.list3 li{height: 37px;line-height: 37px;background: url(../images/dian1.jpg) no-repeat 5px center;padding-left: 20px;font-size: 16px;}
.list3 li a{width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;/* display: inline-block; */}
/*content*/
.content1{background: #f7f7f7;border-bottom: white 1px solid;height: 105px;/*color: #d8070a;*/font-size: 28px;text-align: center;padding: 0 2%;font-family:"黑体";/* width: 70%; */overflow: hidden;}
.content2{margin: 0 10px;background: #f7f7f7;border-top: #e3e3e3 1px solid;font-size: 12px;height:40px;}
#NewsContent{min-height: 500px;margin:10px; border: 1px solid white;background: white;overflow: hidden;}
.content3{min-height: 460px;margin:0px 20px 20px 20px;overflow: hidden;font-family: "宋体";text-align: justify;}
#fontszie span,#bhsls *{cursor: pointer;}
#bhsls{padding-top: 3px;}
.content3 p{line-height: 30px;margin-bottom:10px;}
.content3 p img{text-align: center;}

@media screen and (min-width: 680px){

    .slideBox {
        width: 550px;
        height: 300px;
        overflow: hidden;
        position: relative;
    }

    .slideBox .hd {
        height: 15px;
        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: 12px;
        height: 12px;
        line-height: 14px;
        text-align: center;
        background: #fff;
        cursor: pointer;
        border-radius: 50%;
        margin: 0 5px;
        border: 1px solid #ccc;
    }

    .slideBox .hd ul li.on {
        background: #005293;
        color: #fff;
    }

    .slideBox .bd {
        position: relative;
        height: 100%;
        z-index: 0;
        padding: 14px;
    }

    .slideBox .bd li {
        zoom: 1;
        vertical-align: middle;
    }

    .slideBox .bd img {
        width: 550px;
        height: 300px;
        display: block;
    }
    .change{
        display:none;
    }

    .yiappimgs {
        width: 200px;
        height: 180px!important;
        background: url(/gasrmzfw/xhtml/images/qfkx.png);
        background-repeat: no-repeat;
    }




    .head_xc{width: 1100px;margin: 0 auto;height: 60px}
    .bwcx_bg{height: 0px;position: relative;z-index: -1;}
    .bwcx_bt{width:100%;margin: 0px auto;}
    .fontimg{width: 1100px;margin: 0 auto}
    .fontimg img{width: 100%;padding: 0 0 50px 0}
    .zsbs{
        width: 100%;
        height: 45px;
        line-height: 45px;
        background-color: rgba(244, 244, 244, 0.48);
        position: relative;
        border-radius: 5px 5px 0 0;
    }

    .zsbs>.titlezs>span{
        display: block;
        font-size: 18px;
        cursor: pointer;
        height: 45px;
        line-height: 45px;
        text-align: center;
        float: left;
        padding: 0 50px;
    }
    .sadsa{
        margin-top: 2px!important;
    }
    .actiezs{
        background-color: #0072bc!important;
        color: white!important;
    }
    .morezs{
        position: absolute;
        right: 10px;
        top: 0;
    }
    .zscon{
        margin-top: 10px;
    }
    .yqbdss{
        height:80px;
        overflow: hidden;
        background-color: rgba(244, 244, 244, 0.48);
        margin: 20px 0;
    }
    .list1{
        background-color: inherit;
    }
    .yqbdss>div:nth-child(1){
        width: 150px;
        height: 80px;
        text-align: center;
        line-height:80px;
        background-color: #0072bc;

    }
    .yqbdss>div:nth-child(1)>a{
        color: white;
        font-size: 20px;
    }
    .sa1s{
        width: 541px!important;
    }
    .yqbdss>div:nth-child(2){
        width: 78%;
        height: 80px;
        overflow: hidden;
    }
    .saas{
        height: 800px;
    }
    .saas>div{
        height: 26px;
        line-height: 33px;
        text-indent: 10px;
    }
    .saas span{
        padding: 0 10px;
        letter-spacing: 5px;
    }
    .saas a{
        padding: 10px 0;
        text-indent: 10px;
        font-size: 16px;
        letter-spacing: 1px;
    }

    .cxdga{
        width: 95%;
        background:url(../images/lin.png)no-repeat center center!important;
        text-align: center;
        height: 45px;
        line-height: 45px;
        color: black!important;
        font-size: 25px!important;
        letter-spacing: 6px!important;
        font-family: "Heiti SC";
    }

    .xdgacon{
        background-color: #effaff;
        padding: 20px;
    }

    .item1>.imgt{
        float: left;
    }
    .item1>.imgt>img{
        width: 550px;
        height: 300px;
    }
    .center_gg{
        padding: 0!important;
    }
    .item1>.fy_list{
        float: right;
        width: 501px;
        padding: 0 10px;
        margin: 0 auto;
    }
    .listdt{
        width: 50%;
        float: left;
    }
    .item1>.fy_list>li>a{
        display: block;
        float: left;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .listzs{
        width: 47%;
        float: right;
    }
    .list_right>ul>li>a{
        display: block;
        float: left;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .list_right{
        min-height: unset!important;
    }
    .imglis{
        background: none!important; margin-top: 16px;overflow: hidden!important;width: 99%!important;margin-left: 1%;padding-left: 0!important;
    }


    .sadsa{
        background: none!important;
    }
    .yiappimgs {
        width: 200px;
        height: 200px!important;
        background: url(/gasrmzfw/xhtml/images/qfkx.png);
        background-repeat: no-repeat;
    }

}




@media screen and (max-width: 670px){
    .list_right{
        min-height: unset!important;
    }
    .yiappimgs {
        /*display: none!important;*/
    }
    .winmore{
        display: none;
    }
    .phonemore{
        display: block;
    }


    .slideBox {
        width: 100%;
        height: 200px;
        overflow: hidden;
        position: relative;
    }

    .slideBox .hd {
        height: 22px;
        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: 12px;
        height: 12px;
        line-height: 14px;
        text-align: center;
        background: #fff;
        cursor: pointer;
        border-radius: 50%;
        margin: 0 5px;
        border: 1px solid #ccc;
    }

    .slideBox .hd ul li.on {
        background: #005293;
        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: 200px;
        display: block;
    }
    .change{
        display:none;
    }
 
    .zsbs{
        width: 100%;
        height: 45px;
        line-height: 45px;
        background-color: rgba(244, 244, 244, 0.48);
        position: relative;
        border-radius: 5px 5px 0 0;
    }
    .zsbs>.titlezs>span{
        display: block;
        font-size: 18px;
        cursor: pointer;
        height: 45px;
        line-height: 45px;
        text-align: center;
        float: left;
        padding: 0 10px;
    }
    .sadsa{
        margin: 20px 0!important;
    }
    .actiezs{
        background-color: #0072bc!important;
        color: white!important;
    }

    .morezs{
        position: absolute;
        right: 10px;
        top: 0;
    }
    .zscon{
        margin-top: 10px;
    }
    .yqbdss{
        overflow: hidden;
        background-color: rgba(244, 244, 244, 0.48);
        margin: 20px 0;
    }
    .list1{
        background-color: rgba(244, 244, 244, 0.48)!important;
    }
    .yqbdss>div:nth-child(1){
        width:100%;
        height: 40px;
        text-align: center;
        line-height:40px;
        background-color: #0072bc;

    }
    .yqbdss>div:nth-child(1)>a{
        color: white;
        font-size: 20px;
    }
    .sa1s{
        width: 100%!important;
    }
    .yqbdss>div:nth-child(2){
        width: 100%;
        /*height: 200px;*/
        /*overflow: hidden;*/
    }
    .saas>div{
        line-height: 27px;
        text-indent: 5px;
        padding: 5px;
    }
    .saas span{
        padding: 0 10px;
        font-size: 16px;
    }
    .saas a{
        padding: 10px 0;
        text-indent: 10px;
        font-size: 16px;
    }

    body{
        background: none!important;
    }
    .head_xc{width: 100%;
        background: url(../images/fyxx250.png);
        height:124px;background-size: 100% 100%;background-repeat: no-repeat}
    .bwcx_bg{height: 0px;position: relative;z-index: -1;}
    .bwcx_bt{width:100%;margin: 0px auto;}
    .logo{width: 140px;}
    .logo a img{width: 100%;}
    .fontimg{width: 100%;text-align: center}
    .fontimg img{display: none}
    .center_bj{
        width: 100%!important;
        /*margin-top: -25px!important;*/
    }
    .center_gg{
        padding: 0!important;
    }
    .list1{
        background-color: #0072bc!important;
        margin: 0 0 5px!important;
    }
    .item1>.imgt>img{
        /*width: 100%;*/
        display: none;
    }
    ul{
        padding: 8px!important;
    }
    .imglist > ul{
        padding-top: 0!important;
    }
    .wmlist1 li:last-child{
        display:none;
    }
    .list2{
        padding: 0 5px!important;
    }
    .fy_list>li{
        height: 60px!important;
    }
    .list1>div:nth-child(2)>a{
        color: white;
    }
    .imglis{
        margin: 0 auto; background: none!important; margin-top: 16px;overflow: hidden!important;width: 98%!important;

    }
    .imglis>a{
        height: 57px!important;overflow: hidden!important;display: block;
    }
    .list3>li{
        height: auto !important;
        /* padding: 4px!important; */
        line-height: 40px!important;
        padding-left: 0!important;
        background: none!important;
        text-overflow: unset!important;
        overflow: unset!important;
        white-space: unset!important;
    }
   
}


/*图文详情*/
.twxq{padding: 15px 20px;}
.twxq li{float: left;text-align: center;margin: 5px 20px;line-height: 40px;}
.twxq li img{width:198px;height: 150px;border: 1px #e5e5e5 solid;}
#print{background: url(../images/ico.png) no-repeat left center;height: 15px;padding-left: 25px;cursor: pointer;}
/*lmtt*/
.lmtt{padding: 50px;line-height: 40px;font-size: 16px;}

/*网站地图*/
.wzdt{font-size: 16px;font-family: "微软雅黑";line-height: 30px;}
.wzdt th{width: 200px;font-weight: normal;}
.wzdt td{padding: 10px;}

.content3 table,.content3 table th,.content3 table td{border:1px solid #CCCCCC;border-collapse:collapse;line-height:38px;color:#026FB4; font-family:"微软雅黑";}
.content3 table,.content3 table th,.content3 table td a{font-size:14px;color:#026FB4;text-decoration:none;}
.map01{font-size:16px;font-weight:bold;text-align:center;}
.map02{text-align:center;}
.map03{text-align:center;}
.wzfx_lf{ text-align:left; padding-left:20px;}

/*---------------------------------上下篇---------------------------------------*/
.confy{/*height:80px;*/line-height:40px; padding:0 60px 10px; }
.confysy{/* height:40px; */overflow:hidden;line-height: 30px;}
.fenye1{ width:70px; float:left;}
/*-------------------------------分页样式------------------------------------*/
.page_num{padding:20px; height:35px; overflow:hidden; font-size:12px;margin: 0 50px;}
#page_div{line-height:20px; color:#000;}
#pagination_input{ width:20px; height:16px; line-height:16px; margin:0 8px; padding:0; overflow:hidden; border:1px solid #ccc;}
#page_div .pagination_index, #page_div .pagination_index_num{background:#FFFFFF; border:1px solid #0072bc; padding:0 8px;margin-right:2px;float: left; height:20px;text-align:center;}
#page_div .pagination_index a, #page_div .pagination_index_num a{padding:0px; margin:0px;text-align:center;  color:#000;}
#page_div .pagination_index a:hover, #page_div .pagination_index_num a:hover{padding:0px; margin:0px;text-align:center;  color:#000;}
#page_div .pagination_index_last{float:right; text-align:right;}
#page_div .pagination_index_num{margin-right:2px; padding:0px; width:20px;}
#page_div .currentIndex{ background:#0072bc; border:1px solid #0072bc; width:20px; height:20px;
    line-height:20px; color:#FFF;text-align:center; font-weight:bold;}
/*-------------------------------相关稿件------------------------------------*/
.keywordtitle{ width:90%; height:250px; margin:0 auto;border-top:1px solid #ccc; }
.keywordtitle > h5{ height:50px; line-height:50px; font-size: 18px; color: #00558e;  }
.keywordtitle > ul{ height: auto;  }
.keywordtitle > ul li{float: left;width:100%;margin-right:20px;overflow: hidden;height:40px;font-size: 16px;text-align: left;background: url(../images/dian1.jpg) no-repeat 0 center;padding-left: 10px;line-height: 40px;}
.keywordtitle > ul li a,.keywordtitle > ul li a:hover{color:#00558e;}
.zrbj{width:98%; text-align: right;border-bottom:1px solid #ccc;}

/*-------------------------------新闻发布列表------------------------------------*/
.xwfblist li{width: 100%;height: 175px;padding-top:30px;padding-bottom: 15px;border-bottom: 1px dashed #a2a2a2;}
.xwfblist li img{width: 308px;height: 175px;}
.xwfblist li div{ width:69%; height: 100%; }
.xwfblist li div h2 {line-height:35px;}
.wordsjj{letter-spacing: 16px;}
.xwfblist li div p{color:#9f9d9d;line-height:25px;text-indent: 2em;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;/*-webkit-line-clamp: 3;*/}
.xwfblist li:last-child{border-bottom: none;}
.red{color:#ed4646;}
.xwfb_banner{/* background: url(../images/xwfbbanner.png) no-repeat center top; background-size:cover; */ width: 100%;height: 188px;}
.xwfb_bg{background: url(../images/xwfbbg.jpg) no-repeat center top; width: 100%; height: 100%;}


/*-------------------------------专题专栏列表------------------------------------*/
.ztzllist li{width: 23.4%;height:213px;float: left;margin: 0 2.1% 0 0px;text-align: center;}
.ztzllist li:nth-child(4n),.ztzllist > li:last-child{ margin-right:0 !important;}
.ztzllist li img{ width: 250px;height: 146px; }
.ztzllist li span{display:block; line-height:20px;}

.Dreamlist li{width:216px;height:213px;float: left;margin: 0 23px 0 0px;text-align: center;}
.Dreamlist li:nth-child(4n),.ztzllist > li:last-child{ margin-right:0 !important;}
.Dreamlist li img{ width: 213px;height:129px; }

/*-------------------------------民生服务列表------------------------------------*/
.msfw_Right{width: 78%;min-height: 575px;}
.msfw_h2{color:#000000; border-bottom:1px dashed #fff;height:50px;line-height:50px;text-align: center;}
.Tree li{font-size: 18px;color:#000000;line-height: 45px;clear: both;}
.Tree li:hover{  color: #388de5;}
.Tree li div.hover{border: none;color: #388de5;}
.Tree li div{cursor: pointer;}
.Tree li ul{display:none}
.Tree li ul.hover{display: block;}
.Tree li ul li{height: 25px;line-height: 25px;font-size: 14px; cursor: pointer;margin-left:40px; padding-left: 20px;width: 140px;background-color:#bfd7ff;border-bottom: 1px dashed #328ae4;border-left: 1px dashed #328ae4;}

.msfw_Left{  width:20%;  min-height: 575px;  background: url("../images/bj-1.png") no-repeat;  }
.msly_title{height: 42px;line-height: 42px;border-bottom: 2px solid #388de5;background:#e4f0fc;}
.msly_title span{display: block;background:#388de5;border-top-left-radius: 10px;border-bottom-right-radius: 10px;min-width:135px;color:#fff;text-align: center;float: left;padding: 0 15px;}
#mslyfw{height: 530px;overflow: hidden;}
#mslyfw .div3{display: none; margin:0; height: 550px;}
#mslyfw .div3.dis{display: block;}
.center_bj.mb{margin-bottom: 20px;}
.msly_title .twoTab2{min-width:109px;text-align: center;float: left;padding: 0 15px;}
.msly_title .twoTab2.hover{background:#388de5;color:#fff; cursor: pointer;}
.twoTabul iframe{display: none;}
/*--科普宣传--*/
.kpxc_Tab{padding:0 50px; cursor: pointer;}
.kpxc_Tab.hover{background:#0072bc;color:#fff; display: block;}
.kpxclist div{display: none;}
.kpxclist div.dis{display: block;}

/* 平板及手机*/
@media screen and (max-width:1170px){
    
    .center_bj{width:100%;/* text-align: center; */}
    .xwfb_bg{width: 100%;}
    .msga-banner{height: 90px;background-size: 100% 100%;}
    .logo{width: 26%;margin: 0;}
    ul.wmlist1{height: auto !important;}
   .imglist>ul>li{margin: 0 auto !important;}
   .wmlist1 li{
      width: 47% !important;
      float:left;
      height: auto !important;
      border: 0px !important;
      margin-right: 4px !important;
      margin-left: 5px !important;
   }
   ul.wmlist1 li img{
       width: 100% !important;
       margin-bottom: 10px;
   }
   .wmlist{
       clear:both;
   }
   .cdsjwm{
       margin:0 auto;
   }
}
/*文明城市工艺广告*/
.top{width: 100%;
    height: 100%;}
/*.current{border-left: 10px solid #328ae4;}*/
.wmlist{border-left: 7px solid #0072bc;line-height: 17px;width: 100%;height: 17px;padding: 0px 6px;font-size: 20px;font-weight: 500;font-family: "微软雅黑";margin: 40px 0px 20px;text-align: left;}
.imglist>ul>li{width: 100%;margin: 13px;text-align: center;}
/*.jwm>ul li{width: 19%;}*/
ul.wmlist1 li{
    width: 202px;
    height: 260px;
    overflow: hidden;
    display: inline-block;
    }
ul.wmlist1{
    height: 260px;
    margin:0 auto;
    overflow: hidden;
}
ul.wmlist1 li img{width: 202px;height:260px;}
ul.wmlist1 li{width: 202px;  height: 260px;border: 1px solid grey; ;
    margin-right:9px ;}
.center_bj{padding: 0px 0px 10px;}

.wmlist span{float: right;font-size:14px;width: 50px;margin-right: 40px;}
.wmlist1s {height: 262px;width: 100%; overflow: hidden;}
.wmlist1s ul li img{width: 202px;height: 260px;border: 1px solid grey;}
.wmlist1s ul li img{
	margin-right: 9px;
}

.nav a:first-child {
	margin-left: 0px;
}
.public-header .nav {
	margin-top: 0px;
}
@media screen and (max-width:768px){
    .list3 li a{
        white-space: initial;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .wmlist span{
        margin:0 auto;
    }
       .wmlist{
        margin: 0 0 10px;
    }
}