@charset "utf-8";
.szf-l{width:61%;}
.szf-r{width:39%;}
.szf-zfld-tit{margin-top: 25px; margin-bottom: 36px; padding-top: 8px; background: url(/gasrmzf/xhtml/images/zfld_title_bg.png) no-repeat 62px 0;}
.szf-zfld-tit h2{font-size: 1.5em; color: #8f6b27;}
.szf-l .tab-brief > .hd li{min-width: 100px;}
.szf-l .tab-brief > .hd.mb{margin-bottom: 40px;}
.zfld-sz{display: table;}

.zfld-sz .photo,
.zfld-sz .txt{display: table-cell;}
.zfld-sz .photo{width: 218px;}
.zfld-sz .photo dt img{display: block; width: 198px; height: 236px; margin: 0 auto; border-radius: 4px 4px 0 0;}
.zfld-sz .photo dd{background: #eae4db; position: relative; height: 47px; line-height: 47px; text-align: center; font-size: 1.125em;}
.zfld-sz .photo dd a{color: #8f6b27;}
.zfld-sz .photo dd:before, .zfld-sz .photo dd:after{content: ''; position: absolute; bottom: 100%; border: transparent solid 10px; border-bottom-color: #b6aea3;}
.zfld-sz .photo dd:before{left: 0; border-right-width: 0;}
.zfld-sz .photo dd:after{right: 0; border-left-width: 0;}
.zfld-sz .txt{padding-left: 40px; vertical-align: middle;}
.zfld-sz .txt dl{font-size: 1.125em;}
.zfld-sz .txt dl + dl{margin-top: 38px;}
.zfld-sz .txt dl dt{font-weight: bold; color: #8f6b27; margin-bottom: 10px;}
.zfld-sz .txt dl dd{line-height: 2;}

.leaders-list{margin: 0 -30px;padding-top: 40px;}
.leaders-list li{width: 24.5%;
    display: inline-block;}
.leaders-list li .box{margin: 0 30px 50px;}
.leaders-list li .box .pic{margin-bottom: 15px;}
.leaders-list li .box img{display: block; margin: 0 auto; width: 100%;     height: 185px;border-radius: 4px;}
.leaders-list li .box strong{display: block; text-align: center; font-weight: normal;}

.szf-ldhd{padding-top: 30px;}
.szf-zfgzbg-list li a{display: block; line-height: 25px; padding: 15px 46px 15px 22px;}
.szf-zfgzbg-list li + li{margin-top: 13px;}
.szf-zfgzbg-list li a:after{content: ''; position: absolute; right: 23px; top: 50%; margin-top: -6px; width: 14px; height: 12px; background: url(/gasrmzf/xhtml/images/zfgzbg_arrow.png) no-repeat;}

.szf-zfgb{margin-top: 25px;}
.szf-zfgb a{display: block; height: 64px; background: url(/gasrmzf/xhtml/images/zfgb_border.png) no-repeat; background-size: 100% 100%; text-align: center;}
.szf-zfgb a:before{content:''; width: 25px; height: 25px; margin-right: 15px; background: url(/gasrmzf/xhtml/images/zfgb_icon.png) no-repeat;}
.szf-zfgb span{color:#97670a; font-size: 1.3125em;}
.szf-zfgb a:after{content: ''; width: 0; height: 100%;}
.szf-zfgb span,
.szf-zfgb a:before,
.szf-zfgb a:after{vertical-align: middle; display: inline-block;}
.szf-zzjg-list{margin: 0 -15px;}
.szf-zzjg-list li{float: left; width: 50%;}
.szf-zzjg-list li > div{margin: 0 15px;}
.szf-zzjg-list li a{display: block; height: 110px; text-align: center;}
.szf-zzjg-list li a span{line-height: 24px; text-align: left;}
.szf-zzjg-list li a:before{content: ''; display: inline-block; width: 50px; height: 50px; margin:0 8px 0 -5px; background: url(/gasrmzf/xhtml/images/szf_zzjg_icons.png) no-repeat;}
.szf-zzjg-list li.li2 a:before{background-position: 0 -50px;}
.szf-zzjg-list li a:after{content: ''; width: 0; height: 100%;}
.szf-zzjg-list span,
.szf-zzjg-list a:before,
.szf-zzjg-list a:after{vertical-align: middle; display: inline-block;}


/* 政务公开 */
.zwgk-wgk{margin-left:-20px; margin-right: -20px;}
.zwgk-wgk .item{float: left;; width: 17.3%; transition: .3s all; overflow: hidden;}
.zwgk-wgk .item .box{height: 185px; position: relative; margin: 0 20px; background-repeat: no-repeat; background-image: url(/gasrmzf/xhtml/images/wgk_bg1.jpg); background-size: 100% 100%;}
.zwgk-wgk .item h3{font-size: 1em; width: 100%; position: absolute; left: 0; right: 0; padding-top: 30px; font-weight: normal; transition: .3s all;}
.zwgk-wgk .item h3 img{display: block; margin:0 auto 3px;}
.zwgk-wgk .item h3 span{display: block; font-size: 1.125em; text-align: center;}
.zwgk-wgk .active{width: 30.8%;}
.zwgk-wgk .active .box{background-image: url(/gasrmzf/xhtml/images/wgk_bg2.jpg);}
.zwgk-wgk .active h3{width: 92px; left: 48px;}
.zwgk-wgk .active h3 a{color: #8e6d2e; font-weight: bold;}
.zwgk-wgk .item ul{float: right; opacity: 0; width: 48%; margin-right: 20px; padding-top: 20px; transition:all .3s;}
.zwgk-wgk .item ul li{line-height: 36px; position: relative; padding-left: 16px; overflow: hidden;}
.zwgk-wgk .item ul li a{float: left; white-space:nowrap; text-overflow:ellipsis; max-width: 100%; overflow: hidden;}
.zwgk-wgk .item ul li:before{content: ''; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 0; height: 0; border: transparent solid 4px; border-left-color: #cea14a;}
.zwgk-wgk .item ul li a{color: #8e6d2e;}
.zwgk-wgk .active ul{opacity: 1; display: block;}

.zwgk-l{width: 69%;}
.zwgk-r{width: 31%;}
.zwgk-zcwj .hd{margin-bottom: 27px;}
.zwgk-zcwj .bd{height: 282px;}
.zwgk-zcjd-tpjd{float: left; width: 48%;}
.zwgk-zcjd-wzjd{float: right; width: 48%;}
.zwgk-zcjd .tit{margin-bottom: 20px;}
.zwgk-zcjd .tit h3{font-size: 1.125em; font-weight: normal;}
.zwgk-zcjd .tit h3 a{color: #97670a;}
.tpjd-tpxw .owl-carousel{border-radius: 5px;}
.tpjd-tpxw .owl-carousel,
.tpjd-tpxw .owl-carousel .item img{height: 274px;}
.tpjd-tpxw  .item-name{position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.4); height: 46px; color: #fff; font-size: 1em; line-height: 46px;}

.zwgk-zcwjk{padding: 30px; box-sizing: border-box; position: relative; border: #e0e0e0 1px solid; border-top: none; }
.zwgk-zcwjk .group{position: relative; height: 38px; padding-left: 80px; margin-bottom: 20px;}
.zwgk-zcwjk .group .label{position: absolute; left: 0; top: 0; line-height: 38px;}
.zwgk-zcwjk .btn{clear: both; padding-left: 80px;}
.zwgk-zcwjk .btn button{width: 109px; font-size: 1em;}
.zwgk-zcwjk .btn-submit{background-image: linear-gradient(90deg, #ceb295 10%, #cd9f99);}
.zwgk-zcwjk .btn-reset{border: #b69660 1px solid; background: #faf8f5; color: #333333;}
.zwgk-zcwjk .fwrq{float: left; width: 425px;}
.zwgk-zcwjk .gwzl{float: right;}
.zwgk-zcwjk .gwzl .sel{width: 200px;}
.zwgk-zcwjk .time{width: 200px; float: left;}
.zwgk-zcwjk .to{float: left; color: #d0d4d9; width: 25px; text-align: center; line-height: 38px;}
.zwgk-zcwjk .layui-input, .zwgk-zcwjk .layui-select{border-radius: 3px;}

.zwgk-zfxxgk ul li + li{margin-top: 14px;}
.zwgk-zfxxgk ul li a{display: block; position: relative; padding:16px 0 16px 116px; line-height: 30px; color: #333333;}
.zwgk-zfxxgk ul li a:before{content: ''; position: absolute; left: 52px; top: 50%; margin-top: -20px; width: 40px; height: 40px; background: url(/gasrmzf/xhtml/images/zwgk_xxgk_icons.png) no-repeat; transition: .3s all;}
.zwgk-zfxxgk ul li.li1 a:before{background-position: 0 0;}
.zwgk-zfxxgk ul li.li2 a:before{background-position: 0 -40px;}
.zwgk-zfxxgk ul li.li3 a:before{background-position: 0 -80px;}
.zwgk-zfxxgk ul li.li4 a:before{background-position: 0 -120px;}
.zwgk-zfxxgk ul li.li5 a:before{background-position: 0 -160px;}
.zwgk-zfxxgk ul li.li6 a:before{background-position: 0 -200px;}
.zwgk-zfxxgk ul li.li7 a:before{background-position: 0 -240px;}
.zwgk-zfxxgk ul li.li8 a:before{background-position: 0 -280px;}
.zwgk-zfxxgk ul li.li1 a:hover:before{background-position: -40px 0;}
.zwgk-zfxxgk ul li.li2 a:hover:before{background-position: -40px -40px;}
.zwgk-zfxxgk ul li.li3 a:hover:before{background-position: -40px -80px;}
.zwgk-zfxxgk ul li.li4 a:hover:before{background-position: -40px -120px;}
.zwgk-zfxxgk ul li.li5 a:hover:before{background-position: -40px -160px;}
.zwgk-zfxxgk ul li.li6 a:hover:before{background-position: -40px -200px;}
.zwgk-zfxxgk ul li.li7 a:hover:before{background-position: -40px -240px;}
.zwgk-zfxxgk ul li.li8 a:hover:before{background-position: -40px -280px;}

.zwgk-zdly-tab{border: #e1dedb 1px solid; box-shadow:0 0 23px rgba(214,214,214,.25);}
.zwgk-zdly-tab .pad{margin: 25px; position: relative;}
.zwgk-zdly-tab .hd{position: absolute; left: 0; top: 0; bottom: 0; width: 310px;}
.zwgk-zdly-tab .hd ul li + li{margin-top: 10px;}
.zwgk-zdly-tab .hd ul li a{display: block; position: relative; height: 60px; line-height: 60px; padding: 0 30px; background: #f5f5f5; font-size: 1.125em; border-radius: 2px;}
.zwgk-zdly-tab .hd ul li.on a{color: #fff; font-weight: bold; background: url(/gasrmzf/xhtml/images/zwgk_zdly_btnbg.png) no-repeat #b7a075; background-size: 100% 100%;}
.zwgk-zdly-tab .hd ul li.on a:after{content: ''; position: absolute; left: 100%; top: 50%; margin-top: -6px; width: 0; height: 0; border: transparent solid 6px; border-left-color: #b7a075;}
.zwgk-zdly-tab .bd{margin-left: 338px; height: 340px; overflow: hidden;}

.zwgk-zdly-iconlinks{margin: 0 -15px;}
.zwgk-zdly-iconlinks li{float: left; width: 25%;}
.zwgk-zdly-iconlinks li a{display: block; height: 153px; margin: 0 15px 30px;}
.zwgk-zdly-iconlinks li a img{display: block; margin: 20px auto 3px; width: 60px; height: 60px; }
.zwgk-zdly-iconlinks li h4{font-weight: normal; font-size: 1em; padding: 0 18px; text-align: center; line-height: 22px; height: 44px; overflow: hidden;}
.zwgk-zdly-iconlinks li h4:before{content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle;}
.zwgk-zdly-iconlinks li span{display: inline-block; vertical-align: middle;}
.zwgk-zdly-iconlinks li a:hover{color: #8e6d2e;}
.zwgk-zdly-iconlinks.sdgjz li{width: 33.3333%;}
.zwgk-zdly-iconlinks.sdgjz li a{height: 338px;}
.zwgk-zdly-iconlinks.sdgjz li a img{width: 70px; height: 70px; margin: 80px auto 20px;}
.zwgk-zdly-iconlinks.sdgjz li a span{line-height: 24px;}

.zwgk-zdly-txtlinks{margin: 0 -6px;}
.zwgk-zdly-txtlinks li{float: left; width: 16.6667%;}
.zwgk-zdly-txtlinks li a{display: block; height: 73px; margin: 0 6px 12px; text-align: center; color: #666;}
.zwgk-zdly-txtlinks li a:before{content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle;}
.zwgk-zdly-txtlinks li span{display: inline-block; vertical-align: middle; padding: 0 5px;}

/* 政务服务 */
.zwfw-tsfw ul{margin: 0 -18px;}
.zwfw-tsfw ul li{float: left; width: 25%;}
.zwfw-tsfw ul li a{display: block; height: 318px; margin: 0 18px; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,.08); border-radius: 5px; overflow: hidden;}
.zwfw-tsfw ul li .pic{height:167px; overflow: hidden;}
.zwfw-tsfw ul li .pic img{display: block; width: 100%; height: 100%; transition:all 0.3s ease-in-out 0s;}
.zwfw-tsfw ul li a:hover .pic img{transform:scale(1.05);}
.zwfw-tsfw ul li h4{padding:24px 0 15px; text-align: center; font-size: 1.5em; font-weight: bold;}
.zwfw-tsfw ul li span{display: block; font-size: 1.125em; line-height: 30px; max-height: 60px; overflow: hidden; text-align: center; color: #6e6e6e;}
.zwfw-tsfw ul li .txt{padding: 0 30px;}
.zwfw-tsfw ul li a:hover h4{color: #1a1a1a;}
.zwfw-tsfw ul li a:hover span{color: #333;}

.zwfw-l{width: 74.3%;}
.zwfw-r{width: 25.7%;}
.zwfw-fws-iconlinks{margin: -20px -10px 0;}
.zwfw-fws-iconlinks li{float: left; width: 20%;}
.zwfw-fws-iconlinks li a{display: block; height: 170px; margin: 20px 10px 0; background: #f7f7f7; border: #f7f7f7 1px solid; border-radius: 5px; overflow: hidden; transition: .3s all;}
.zwfw-fws-iconlinks li a img{display: block; margin: 30px auto 0; width: 60px; height: 60px; }
.zwfw-fws-iconlinks li h4{font-weight: normal; font-size: 1em; padding: 0 15px; text-align: center; line-height: 22px; height: 44px; overflow: hidden;}
.zwfw-fws-iconlinks li h4:before{content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle;}
.zwfw-fws-iconlinks li span{display: inline-block; vertical-align: middle;}

.zwfw-bmfw-links{margin: -20px -10px 0;}
.zwfw-bmfw-links li{float: left; width: 20%;}
.zwfw-bmfw-links li a{display: block; height: 93px; margin:20px 10px 0; padding: 0 10px; line-height: 20px; font-size: 1.125em; background: #f7f7f7; border: #f2f6fb 1px solid; border-radius: 5px; text-align: center;overflow:hidden;  transition: .3s all;}
.zwfw-bmfw-links li a:after{content:''; width: 0; height: 100%; display: inline-block; vertical-align: middle;}
.zwfw-bmfw-links li a span{display: inline-block; vertical-align: middle;}
.zwfw-fws-iconlinks li a:hover,
.zwfw-bmfw-links li a:hover{color:#8e6d2e; border-color: #b69660; background: #faf8f5;}

.zwfw-lstd-iconlinks{margin: -20px -10px 0;}
.zwfw-lstd-iconlinks li{float: left; width: 50%;}
.zwfw-lstd-iconlinks li a{display: block; height: 122px; margin: 20px 10px 0; background: #f7f7f7; border-radius: 5px; overflow: hidden; transition: .3s all;}
.zwfw-lstd-iconlinks li a img{display: block; margin: 20px auto 0; width: 50px; height: 50px; }
.zwfw-lstd-iconlinks li h4{font-weight: normal; font-size: 1em; padding: 0 10px; text-align: center; line-height: 22px; height: 44px; overflow: hidden;}
.zwfw-lstd-iconlinks li h4:before{content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle;}
.zwfw-lstd-iconlinks li span{display: inline-block; vertical-align: middle;}
.zwfw-lstd-iconlinks li a:hover{background: #f3f0ea;}
.zwfw-lstd-iconlinks2 li a{display: block; margin-top: 20px; height: 80px; background: #f7f7f7; border-radius: 5px; overflow: hidden; transition: .3s all; text-align: center;}
.zwfw-lstd-iconlinks2 li a:after{content: ''; width: 0; height: 100%;}
.zwfw-lstd-iconlinks2 li a img{margin-right: 10px;}
.zwfw-lstd-iconlinks2 li a img, .zwfw-lstd-iconlinks2 li a span,
.zwfw-lstd-iconlinks2 li a:after{display: inline-block; vertical-align: middle;}
.zwfw-ygzw ul li a{display: block; border-radius: 5px; overflow: hidden;}
.zwfw-ygzw ul li + li a{margin-top: 20px;}
.zwfw-ygzw ul li img{display: block; width: 100%; height: 95px;}

.zwfw-hcp{height: 360px; background: url(/gasrmzf/xhtml/images/zwfw_hcp_bg.jpg) no-repeat center;}
.zwfw-hcp .tit{padding: 45px 0 40px; color: #fff;}
.zwfw-hcp .tit h3{font-size: 1.5em;}
.zwfw-hcp .tit h3 a{color: #fff;}
.zwfw-hcp-cont{margin: 0 -15px;}
.zwfw-hcp .box{float: left; width: 25%;}
.zwfw-hcp .box dl{margin: 0 15px 30px; padding: 0 50px; height: 180px; background: rgba(255,255,255,.2); border-radius: 10px; color: #fff;}
.zwfw-hcp .box dl dt{font-size: 1.25em; padding: 35px 0 30px; display: inline-block;}
.zwfw-hcp .box dl dd span{font-size: 1.25em; display: inline-block;}
.zwfw-hcp .box dl dd b{font-size: 2.5em; font-family: Arial; margin-right: 8px;}
.zwfw-hcp .star{width: 125px; height: 25px; display: inline-block; margin-left: 10px; background: url(/gasrmzf/xhtml/images/star_white.png) repeat-x left top;}
.zwfw-hcp .star .percent{width: 0; display: block; height: 100%; background: url(/gasrmzf/xhtml/images/star_yellow.png) repeat-x left top;}

/* 政民互动 */
.zmhd-navlinks ul{margin: 0 -18px;}
.zmhd-navlinks li{float: left; width: 20%;}
.zmhd-navlinks li a{display: block; margin: 0 18px; height: 108px; background: url(/gasrmzf/xhtml/images/zmhd_box_flower.jpg) no-repeat; background-size: 100% 100%; text-align: center;}
.zmhd-navlinks li a:after{content:''; width: 0; height: 100%;}
.zmhd-navlinks li a span{font-size: 1.125em;}
.zmhd-navlinks li a img{margin-right: 10px;}
.zmhd-navlinks li a img, .zmhd-navlinks li a span, .zmhd-navlinks li a:after{display: inline-block; vertical-align: middle;}

.zmhd-l{width: 69%;}
.zmhd-r{width: 31%;}
.zmhd-lxxd{position: relative;}
.zmhd-xjcx-ss{position: absolute; right: 0; top: -5px; padding-left: 90px;}
.zmhd-xjcx-ss label{position: absolute; left: 0; line-height: 36px;}
.zmhd-xjcx-ss .ss{position: relative; width: 228px; height: 36px; padding:0 25px 0 10px; box-sizing: border-box; border: #ededed 1px solid; border-radius: 2px; background: #f8f8f8;}
.zmhd-xjcx-ss .s-txt{height: 34px; border: 0; width: 100%; background: none;}
.zmhd-xjcx-ss .s-btn{position: absolute; right: 0; top: 0; height: 34px; width: 25px; background: url(/gasrmzf/xhtml/images/zmhd_xjcx_icon_ss.png) no-repeat center center; border: 0; cursor: pointer;}

.zmhd-lxxd table{width: 100%; min-width: 774px;}
.zmhd-lxxd table thead{background: #faf8f5; height: 54px; color: #8e6d2e; font-size: 1.125em;}
.zmhd-lxxd table thead th{font-weight: normal;}
.zmhd-lxxd table tbody tr td{border-bottom: 1px solid #ededed; line-height: 24px; padding: 15px 10px; text-align: center;}
.zmhd-lxxd table tbody tr td.num{opacity: .8;}
.zmhd-lxxd table .tit{text-align: left; white-space: nowrap; text-overflow: ellipsis;}

.table-scrollbar{overflow-x: scroll;}
.table-scrollbar::-webkit-scrollbar{height: 6px;}
/* 滚动条的滑块 */
.table-scrollbar::-webkit-scrollbar-thumb{background-color: rgba(144, 147, 153, 0.5);border-radius: 4px;}

.zmhd-zxft .common-title .more{float: right; padding-top: 3px;}
.zmhd-zxft .common-title .more a{color: #8e6d2e;}
.zmhd-zxft-list{margin: 0 -18px;}
.zmhd-zxft-list li{float: left; width: 25%;}
.zmhd-zxft-list li .box{margin: 0 18px; border-radius: 5px; overflow: hidden; background: #fff; box-shadow:0 0 25px 5px rgba(75,68,56,.12);}
.zmhd-zxft-list li .pic a{height: 159px; display: block; overflow: hidden;}
.zmhd-zxft-list li .pic img{display: block; width: 100%; height: 100%;}
.zmhd-zxft-list li .txt{height: 147px; padding: 0 30px; overflow: hidden;}
.zmhd-zxft-list li h4{margin: 18px 0 20px; font-weight: normal; font-size: 1em; line-height: 30px; max-height: 60px; overflow: hidden;}
.zmhd-zxft-list li span{color: #9a9a9a;}

.zmhd-xyc{margin-bottom: 30px;}
.zmhd-xyc-iconlinks{margin: 0 -18px;}
.zmhd-xyc-iconlinks li{float: left; width: 25%;}
.zmhd-xyc-iconlinks li a{display: block; height: 76px; margin: 0 18px; background: url(/gasrmzf/xhtml/images/zmhd_border_xyc.png) no-repeat; background-size: 100% 100%; text-align: center;}
.zmhd-xyc-iconlinks li a:before{content: ''; width: 40px; height: 40px; background: url(/gasrmzf/xhtml/images/zmhd_icons_xyc.png) no-repeat; margin-right:10px;}
.zmhd-xyc-iconlinks li a:before,
.zmhd-xyc-iconlinks li a:after,
.zmhd-xyc-iconlinks li a span{display: inline-block; vertical-align: middle;}
.zmhd-xyc-iconlinks li a:after{content: ''; width: 0; height: 100%;}
.zmhd-xyc-iconlinks li a span{font-size: 1.125em;}
.zmhd-xyc-iconlinks li.li2 a:before{background-position: 0 -40px;}
.zmhd-xyc-iconlinks li.li3 a:before{background-position: 0 -80px;}
.zmhd-xyc-iconlinks li.li4 a:before{background-position: 0 -120px;}

/* 民意征集 */
.myzj-list li em{font-style: normal; margin-right: 10px; color: #999;}
.myzj-list li em.ing{color: #ea2b22;}
.myzj-list li.jgfk h4 > a{max-width:calc(100% - 100px);}
.myzj-list li .yjfk{margin-left: 10px; padding: 0 8px; background: #b7a075; color: #fff; border-radius: 3px; font-size: .9375em; transition: .3s all;}
.myzj-list.dot li:hover .yjfk{color: #fff;}
.myzj-list.dot li .yjfk:hover{background: #f3f0ea;}

/* 数据开放 */
.sjkf-tjtb-sub .hd-sub {margin-bottom: 30px;}
.sjkf-tjtb-sub .hd-sub ul{margin: 0 -10px;}
.sjkf-tjtb-sub .hd-sub ul li{float: left;}
.sjkf-tubiao .hd-sub ul li{width: 16.6667%;}
.sjkf-tjtb-sub .hd-sub ul li > div{margin: 0 10px 10px;}
.sjkf-tjtb-sub .hd-sub ul li a{display: block; height: 58px; padding: 0 5px; text-align: center; cursor: pointer;}
.sjkf-tubiao .hd-sub ul li a:before{content: ''; width: 40px; height: 40px; margin-right: 10px; background: url(/gasrmzf/xhtml/images/sjkf_icons_tjtb.png) no-repeat;}
.sjkf-tjtb-sub .hd-sub ul li a span{font-size: 1.125em;}
.sjkf-tjtb-sub .hd-sub ul li a:after{content: ''; width: 0; height: 100%;}
.sjkf-tjtb-sub .hd-sub ul li a:before,
.sjkf-tjtb-sub .hd-sub ul li a:after,
.sjkf-tjtb-sub .hd-sub ul li a span{display: inline-block; vertical-align: middle;}
.sjkf-tubiao .hd-sub ul li.li1 a:before{background-position: 0 0;}
.sjkf-tubiao .hd-sub ul li.li2 a:before{background-position: 0 -40px;}
.sjkf-tubiao .hd-sub ul li.li3 a:before{background-position: 0 -80px;}
.sjkf-tubiao .hd-sub ul li.li4 a:before{background-position: 0 -120px;}
.sjkf-tubiao .hd-sub ul li.li5 a:before{background-position: 0 -160px;}
.sjkf-tubiao .hd-sub ul li.li6 a:before{background-position: 0 -200px;}
.sjkf-tjtb-sub .hd-sub ul li.on > div,
.sjkf-tjtb-sub .hd-sub ul li.on > div s:before,
.sjkf-tjtb-sub .hd-sub ul li.on > div s:after{border-color: #b69660 !important;}
.sjkf-tjtb-sub .hd-sub ul li.on > div{background-color: #faf8f5; color: #8e6d2e;}
.sjkf-tjtb-tjyb .hd-sub ul li a:before{background-image: url(/gasrmzf/xhtml/images/sjkf_icons_tjtb.png);}
#sjkfChart{height: 486px;}
.sjkf-tjtb-sub .hd-sub ul li.on a{color: #8e6d2e;}
.sjkf-yuebao .hd-sub ul li{width: 25%;}
.sjkf-yuebao .hd-sub ul li a{padding: .5em 0 0; height: auto;}
.sjkf-yuebao .hd-sub ul li a:before{display: block; width: 40px; height: 40px; content: ""; margin: 0 auto; background-repeat: no-repeat; background-image:url(/gasrmzf/xhtml/images/sjkf_icons_tjyb.png);}
.sjkf-yuebao .hd-sub ul li a span{display: block; text-align: center; line-height: 22px;}
.sjkf-yuebao .hd-sub ul li a span br{display: none;}
.sjkf-yuebao .hd-sub ul li.li1 a:before{background-position: 0 -40px;}
.sjkf-yuebao .hd-sub ul li.li2 a:before{background-position: 0 -80px;}
.sjkf-yuebao .hd-sub ul li.li3 a:before{background-position: 0 -120px;}
.sjkf-yuebao .hd-sub ul li.li4 a:before{background-position: 0 -160px;}
.sjkf-yuebao .hd-sub ul li.li5 a:before{background-position: 0 -200px;}
.sjkf-yuebao .hd-sub ul li.li6 a:before{background-position: 0 -240px;}
.sjkf-yuebao .hd-sub ul li.li7 a:before{background-position: 0 -280px;}

@media (max-width: 1480px) {
	/* 市政府 */
	.szf-zzjg-list li a:before{transform: scale(.9);}

	/* 政务公开 */
	.zwgk-wgk .active h3{left: 30px;}
	.zwgk-wgk .item ul{margin-right: 10px; width: 50%;}
	.zwgk-zcwjk .fwrq{width: 370px;}
	.zwgk-zcwjk .time{width: 165px;}
	.zwgk-zcwjk .gwzl .sel{width: 180px;}

	/* 政民互动 */
	.zmhd-zxft-list li .txt{padding: 0 15px;}

	/* 政务服务 */
	.zwfw-hcp .box dl dd b{font-size: 2em; margin-right: 5px;}
  .zwfw-hcp .box dl dd span{font-size: .9375em;}
  .zwfw-hcp .star{width:90px; height: 16px; margin-left: 5px; background-image: url(/gasrmzf/xhtml/images/star_white_s.png);}
  .zwfw-hcp .star .percent{background-image: url(/gasrmzf/xhtml/images/star_yellow_s.png);}
}
@media (max-width: 1160px) and (min-width: 1024px) {
	/* 市政府 */
	.szf-zzjg-list li a:before{display: none;}
}

@media (max-width: 1280px) {
	/* 市政府 */
	.leaders-list{margin-left: -15px; margin-right: -15px;}
	.leaders-list li .box{margin-left: 15px; margin-right: 15px;}

	/* 政务公开 */
	.zwgk-wgk{margin-left:-10px; margin-right: -10px;}
	.zwgk-wgk .item .box{margin-left:10px; margin-right: 10px;}
	.zwgk-zcwjk .gwzl{float: left;}
	.zwgk-zfxxgk ul{margin: -20px -10px 0;}
	.zwgk-zfxxgk li{float: left; width: 50%; margin: 0 !important;}
	.zwgk-zfxxgk li > div{margin: 20px 10px 0;}
	.zwgk-zdly-tab .hd{position: static; width: 100%;}
	.zwgk-zdly-tab .hd ul{background: #f5f5f5; margin-bottom: 20px;}
	.zwgk-zdly-tab .hd ul li{float: left; width: auto;}
	.zwgk-zdly-tab .hd ul li + li{margin-top: 0;}
	.zwgk-zdly-tab .hd ul li.on a:after{top: 100%; left: 50%; margin: 0 0 0 -6px; border-top-color:#b7a075; border-left-color: transparent; z-index: 1;}
	.zwgk-zdly-tab .bd{margin-left: 0; height:auto;}
	.zwgk-zdly-iconlinks{margin: 0 -10px;}
	.zwgk-zdly-iconlinks li a{margin: 0 10px 20px;}
	.zwgk-zdly-iconlinks.sdgjz li a{height: 180px;}
	.zwgk-zdly-iconlinks.sdgjz li a img{width: 70px; height: 70px; margin: 30px auto 10px;}
	.zwgk-zdly-iconlinks.sdgjz li a span{line-height: 24px;}

	/* 政务服务 */
	.zwfw-tsfw ul li .txt{padding: 0 10px;}

	/* 政民互动 */
	.zmhd-navlinks li a img{width: 45px;}
	.zmhd-navlinks ul{margin-left: -10px; margin-right: -10px;}
	.zmhd-navlinks li a{margin: 0 10px;}
	.zmhd-zxft-list, .zmhd-xyc-iconlinks{margin: 0 -10px;}
	.zmhd-zxft-list li .box,
	.zmhd-xyc-iconlinks li a{margin-left: 10px; margin-right: 10px;}
}


@media (max-width: 1080px) {
	/* 政民互动 */
	.zmhd-zxft-list li{width: 50%;}
	.zmhd-zxft-list li .box{margin-top: 20px;}
	.zmhd-zxft-list li .txt{padding: 0 15px;}
}


@media (max-width: 1023px) {
	/* 政务公开 */
	.zwgk-wgk .item{width:20% !important;}
	.zwgk-wgk .item ul{display: none !important;}
	.zwgk-wgk .active .box{background-image: url(/gasrmzf/xhtml/images/wgk_bg1.jpg);}
	.zwgk-wgk .active h3{width: 100%; left: 0; right: 0;}

	/* 政务服务 */
	.zwfw-tsfw ul{margin: -30px -15px 0;}
	.zwfw-tsfw ul li{width: 50%;}
	.zwfw-tsfw ul li a{margin: 30px 15px 0;}
	.zwfw-ygzw ul li img{height: auto;}
	
	.sjkf-yuebao .hd-sub ul li{width: 33.33333%;}
}

@media (max-width: 992px) {
	/* 政务公开 */
	.zwgk-zdly-txtlinks li{width: 25%;}

	/* 政民互动 */
	.zmhd-navlinks{margin-top: -20px;}
	.zmhd-navlinks li a{margin-top: 20px;}
	.zmhd-navlinks li{width: 33.3333%;}

	/* 数据开放 */
	.sjkf-tubiao .hd-sub ul li{width: 33.3333%;}

	/* 政务服务 */
	.zwfw-hcp{height:auto; background-size: auto 100%;}
  .zwfw-hcp .box{width: 50%;}
  .zwfw-hcp .tit{padding: 35px 0 25px;}
  .zwfw-hcp .zwfw-hcp-cont{padding-bottom: 20px;}
  .zwfw-hcp-cont{margin-left: -10px; margin-right: -10px;}
  .zwfw-hcp .box dl{margin: 0 10px 20px;}
}

@media (max-width: 860px) {
	/* 政务公开 */
	.zwgk-zcjd-tpjd{margin-bottom: 30px;}
	.zwgk-zcjd-tpjd, .zwgk-zcjd-wzjd{float: none; width: 100%;}
	.tpjd-tpxw .owl-carousel, .tpjd-tpxw .owl-carousel .item img{height: auto;}

	/* 政务服务 */
	.zwfw-fws-iconlinks li,
	.zwfw-bmfw-links li{width: 25%;}
}

@media (max-width: 768px) {
	/* 政务公开 */
	.zwgk-wgk{margin-top: -20px;}
	.zwgk-wgk .item{width: 33.3333% !important;}
	.zwgk-wgk .item .box{margin-top: 20px; height: 155px;}
	.zwgk-wgk .item h3{padding-top: 25px;}
	.zwgk-wgk .item h3 img{width: 75px;}
	.zwgk-zfxxgk li{width: 100%;}
	.zwgk-zdly-tab{border: 0; box-shadow: none;}
	.zwgk-zdly-tab .pad{margin: 0;}
	.zwgk-zdly-tab .hd ul li{width: 50%;}
	.zwgk-zdly-tab .hd ul li a{padding: 0 15px;}

	/* 政务服务 */
	.zwfw-fws-iconlinks li,
	.zwfw-bmfw-links li{width: 33.3333%;}

	/* 政民互动 */
	.zmhd-xyc-iconlinks{margin-top: -10px;}
	.zmhd-xyc-iconlinks li{width: 50%;}
	.zmhd-xyc-iconlinks li a{margin-top: 10px;}
  
}

@media (max-width: 767px) {
	/* 政务公开 */
	.zwgk-zdly-txtlinks li{width: 33.33333%;}
	.zwgk-zdly-iconlinks li{width: 33.3333%;}
	
	.sjkf-yuebao .hd-sub ul li{width: 50%;}
}

@media (max-width: 640px) {
	/* 市政府 */
	.leaders-list li{width: 33.3333%;}
	.zfld-sz .photo, .zfld-sz .txt{display: block;}
	.zfld-sz .photo{margin: 0 auto 20px;}
	.zfld-sz .txt{padding-left: 0;}

	/* 政务公开 */
	.zwgk-zcwjk{padding: 20px;}
	.zwgk-zcwjk .fwrq, .zwgk-zcwjk .gwzl{float: none; width: auto;}
	.zwgk-zcwjk .time{float: none; width: 100%;}
	.zwgk-zcwjk .kssj{margin-bottom: 10px;}
	.zwgk-zcwjk .to{display: none;}
	.zwgk-zcwjk .fwrq{height: auto;}
	.zwgk-zcwjk .gwzl .sel{width: 100%;}

	/* 政民互动 */
	.zmhd-navlinks li{width:50%;}
	.zmhd-xjcx-ss{position: static; margin-bottom: 20px;}
	.zmhd-xjcx-ss .ss{width: 100%;}
	.zmhd-zxft-list li{width: 100%;}
	.zmhd-zxft-list li .pic a{height: auto;}
	.zmhd-zxft-list li .txt{height: auto; padding: 20px 15px;}
	.zmhd-zxft-list li h4{margin: 0 0 10px;}
}

@media (max-width: 580px) {
	/* 政务公开 */
	.zwgk-zdly-tab .hd ul li{width: 100%;}
	.zwgk-zdly-tab .hd ul li a{height: 52px; line-height: 52px; border-bottom: 1px solid #fff;}
	.zwgk-zdly-tab .hd ul li.on a{background-size: auto 100%; background-position: right 0;}

	/* 政务服务 */
  .zwfw-hcp .box dl{padding: 0 20px;}
  .zwfw-hcp .box dl dt{font-size: 1.125em;}

	/* 数据开放 */
	.sjkf-tubiao .hd-sub ul li{width: 50%;}
	.sjkf-yuebao .hd-sub ul li a span{line-height: 44px;}
	.sjkf-yuebao .hd-sub ul li a span br{display: block;}
	.sjkf-yuebao .hd-sub ul li.li2 a span{line-height: 22px;}
	.sjkf-yuebao .hd-sub ul li.li3 a span{line-height: 22px;}
	.sjkf-yuebao .hd-sub ul li.li6 a span{line-height: 22px;}
}

@media (max-width: 480px) {
	/* 市政府 */
	.szf-zzjg-list li{width: 100%;}
	.szf-zzjg-list li + li{margin-top: 15px;}

	/* 政务公开 */
	.zwgk-wgk .item{width: 50% !important;}
	.zwgk-zcwjk .group{padding-left: 0; height: auto;}
  .zwgk-zcwjk .group .label{position: static;}
	.zwgk-zcwjk .btn{padding-left: 0;}
	.zwgk-zcwjk .btn button{width: auto;}
	.zwgk-zdly-iconlinks li{width: 50%;}
	.zwgk-zdly-iconlinks.sdgjz li{width: 100%;}

	/* 政务服务 */
	.zwfw-tsfw ul li{width: 100%;}
	.zwfw-tsfw ul li a,
	.zwfw-tsfw ul li .pic{height: auto;}
	.zwfw-tsfw ul li a{padding-bottom: 24px;}
	.zwfw-fws-iconlinks li,
	.zwfw-bmfw-links li{width: 50%;}
}

@media (max-width: 414px) {
	/* 市政府 */
  .leaders-list li .box{margin-bottom: 40px;}

	/* 政务公开 */
	.zwgk-zdly-txtlinks li{width: 50%;}

	/* 政民互动 */
	.zmhd-navlinks li{width: 100%;}
	.zmhd-xjcx-ss{padding-left: 0;}
	.zmhd-xjcx-ss label{display: none;}
	.zmhd-xyc-iconlinks li{width: 100%;}

	/* 数据开放 */
	.sjkf-yuebao .hd-sub ul li{width: 100%;}
	.sjkf-yuebao .hd-sub ul li a span{line-height: 22px !important;}
	.sjkf-yuebao .hd-sub ul li a span br{display: none;}
}

@media (max-width: 375px) {
	/* 市政府 */
	.leaders-list li{width: 50%;}

	/* 政务公开 */
	.zwgk-zfxxgk ul li a:before{left: 30px;}
	.zwgk-zfxxgk ul li a{padding-left:85px;}

	/* 政务服务 */
  .zwfw-hcp .box{width: 100%;}
  .zwfw-hcp .box dl{height: auto; padding: 30px 20px;}
  .zwfw-hcp .box dl dt{padding: 0 0 15px;}
}


@media (max-width: 320px) {
	/* 数据开放 */
	.sjkf-tubiao .hd-sub ul li a:before{display: none;}
}