@charset "utf-8";
/* 走进县市 -----------------------------------------*/
.about-list{
    overflow: hidden;
    min-height: 420px;
    margin-bottom: 30px;
    background: #2C80CA url(../../base/img/page-about-bg.png) left bottom no-repeat;
}
.about-list .hd{
    padding: 40px 0 0 50px;
}
.about-list .hd h3{
    padding-left: 30px;
    margin-bottom: 1.875rem;
    background:  url(../../base/img/nav-icon-left.png) left center no-repeat;
}
.about-list .hd h3 a{
    display: inline-block;
    padding-right: 30px;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.6;
    color: white;
    background:  url(../../base/img/nav-icon-right.png) right center no-repeat;
}
.about-list .bd{
    padding: 0 412px 0 50px;
    font-size: .9375rem;
    line-height: 1.625rem;
    color: white;
}
.about-list .bd .more{
    color: white;
    margin-left: 5px;
}
.about-list .bd .more{
    text-emphasis: none;
}

/* 县情概况-其他栏目信息 */
.about-more-list{
    overflow: hidden;
    margin-bottom: 30px;
}
.about-more-list>dt{
    width: 60px;
    float: left;
    margin-left: 10px;
    cursor: pointer;
}
.about-more-list>dt.dt01{
    margin-left: 0;
}
.about-more-list>dt>span{
    padding: 100px 20px 0;
    height: 200px;
    font-size: 18px;
    line-height: 1.2;
}
.about-more-list>dt>i{
    position: absolute;
    z-index: 2;
    top: 62px;
    left: 50%;
    width: 28px;
    height: 28px;
    float: left;
    margin-left: -14px;
    overflow: hidden;
    background:  url(../../base/img/page-about-icon.png) center top no-repeat;
}
.about-more-list>dt.on>i{
    background-image: url(../../base/img/page-about-icon-active.png);
}
.about-more-list>dt.dt02>i{
    background-position: center -48px;
}
.about-more-list>dt.dt03>i{
    background-position: center -96px;
}
.about-more-list>dt.dt04>i{
    background-position: center -144px;
}
.about-more-list>dt.dt05>i{
    background-position: center -192px;
}
.about-more-list>dt.dt06>i{
    background-position: center -240px;
}
.about-more-list>dd{
    display: none;
    float: left;
    margin-left: 10px;
    width: 740px;
    height: 260px;
    padding: 20px;
    overflow: hidden;
    background-color: #f2f2f2;
    border-radius: 4px;
}
.about-more-list>dd .pic{
    width: 390px;
    height: 260px;
    float: left;
    margin-right: 20px;
}
.about-more-list>dd .pic img{
    width: 390px;
    height: 260px;
}
.about-more-list>dd .title{
    display: none;
}
.about-more-list>dd .intro{
    overflow: hidden;
    font-size: 15px;
    line-height: 30px;
}
.about-more-list>dd .more-btn{
    margin: 10px auto 0;
    text-align: center;
}
.about-more-list>dd .more-btn>span{
    display: inline-block;
}
.about-more-list>dd .more-btn>span>a{
    padding: 0 30px;
}

/* 风景名胜 */
.about-pic-list{
    overflow: hidden;
}
.about-pic-list li{
    position: relative;
    z-index: 1;
    width: 292px;
    height: 194px;
    float: left;
    margin: 10px 0 0 10px;
    overflow: hidden;
    border-radius: 4px;
}
.about-pic-list li .pic img{
    width: 292px;
    height: 194px;
}
.about-pic-list li .title{
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: -70px;
    height: 70px;
    line-height: 50px;
    width: 100%;
    float: left;
    overflow: hidden;
    text-align: center;
    border-radius: 0px 0px 4px 4px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -ms-transition:all  1s;
    -o-transition:all 1s;
    transition:all 1s;
}
.about-pic-list li:hover .title{
    bottom: 0;
}
.about-pic-list li .title a{
    color: white;
}
.about-pic-list li .title a:hover{
    text-decoration: none;
}
.about-pic-list li.first{
    margin-left: 0;
}
.about-pic-list li.first,
.about-pic-list li.first .pic img{
    width: 594px;
    height: 398px;
}

/* 文章首页 -----------------------------------------*/
.pageSlide {position: relative; margin-bottom: 20px; background: #f2f2f2 url(../../base/img/texture-bg-3.png) right bottom no-repeat;}
.pageSlide li { overflow: hidden;}
.pageSlide .pic { float: left; width: 600px;}
.pageSlide .pic img { width: 600px; height: 400px;}
.pageSlide .con { overflow: hidden; zoom: 1; padding: 3% 3% 0 3%;}
.pageSlide .title {font-size: 32px; line-height: 1.6; margin-bottom: 15px;}
.pageSlide .title a { color: #333;}
.pageSlide .date { display: block; padding: 8px 0; color: #999; font-size: 13px;}
.pageSlide .intro { font-size: 14px; line-height: 1.8; color: #666;}
.pageSlide .intro .more { display: none;}
.pageSlide .hd {width: 100%; height: 10px; position: absolute; z-index: 1; left: 0; bottom: 50px; vertical-align: top; margin: 0 auto; text-align: center;}
.pageSlide .hd ul{padding-left: 600px; margin: 0 auto; text-align: center; height: 10px; vertical-align: top;}
.pageSlide .hd li {display: inline-block; width: 10px; height: 10px; margin: 0 4px;vertical-align: top; background-color: #B3B3B3;}
.pageSlide .hd li span { display: none;}
.pageSlide .hd .on { background: #F33D27;}

/* 栏目循环 */
.pageBoxLoop { overflow: hidden; padding-top: 20px;}
.pageBoxLoop .box{
    margin-bottom: 30px;
}

/* 文章列表页 -----------------------------------------*/

/* 内容带图片的信息列表_图片判断式 */
.pageTPList li { padding: 22px 15px; border-bottom: 1px solid #E1E1E1; overflow: hidden; word-wrap: break-word;}
.pageTPList .pic { float: left; margin-right: 15px; width: 140px;}
.pageTPList .pic img { width: 100%; height: auto;}
.pageTPList .con { overflow: hidden; zoom: 1;}
.pageTPList .title { font-size: 22px; line-height: 36px; overflow: hidden; margin-bottom: 10px;}
.pageTPList .intro { margin-bottom: 10px; line-height: 25px; color: #777; max-height: 50px; _height: 50px; overflow: hidden; font-size: 14px;}
.pageTPList .title a:hover { text-decoration: none;}
.pageTPList .intro .more { display: none;}
.pageTPList .others { font-size: 13px; color: #aaa;}
.pageTPList .others span { margin-right: 15px;}
.pageTPList .node { color: #aaa; margin-right: 15px;}
.pageTPList .last { border-bottom: 0; margin-bottom: 0;}
.pageTPList .on { background: #F9F9F9;}
.pageTPList .bds_more,
.pageTPList #bdshare { vertical-align: middle; background: url(../../base/img/icons.png) 0 -2142px no-repeat !important; padding: 0 !important; width: 17px !important; height: 17px !important; float: none !important; *display: inline-block !important; padding: 0 !important; margin: 0 !important;}

/* newsList */
.newsList { padding-bottom: 10px;}
.newsList li {
    position: relative;
    padding-left: .75rem;
    height: 2.5rem;
    line-height: 2.5rem;
    overflow: hidden;
}
.newsList li::before{
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 50%;
    width: .25rem;
    height: .25rem;
    float: left;
    overflow: hidden;
    margin-top: -0.125rem;
    background-color: #ccc;
}
.newsList li a {
    font-size: 1rem;
}
.newsList li .date {
    font-size: .875rem;
    margin-left: .625rem;
    float: right;
    color: #999;
}
.newsList .node {
    color: #999;
    margin-right: 10px;
}
.newsList em {
    color: #f20;
}
.newsList .split {
    height: 1px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    margin: 26px 0;
    border-bottom: 1px dotted #ccc;
}
.newsList .split::before{
    display: none;
}
.newsList li .address {
    background: #8DB6D5;
    color: #fff;
    padding: 0 8px;
    line-height: 22px;
    font-size: 12px;
    margin: 7px 0;
    border-radius: 5px;
    float: right;
    margin-left: 15px;
}
.newsList li .address:hover {
    background: #6e9ec3;
    text-decoration: none;
}
.newsList li .disable {
    display: none !important;
}

/* 友情链接列表页 -----------------------------------------*/
.friendLinkList { overflow: hidden; zoom: 1; padding: 10px 0 10px 10px;}
.friendLinkList li { width: 28%; height: 36px; line-height: 36px; padding: 0 3.5% 0 1.5%; background: url(../../base/img/icons.png) 0 -378px no-repeat; float: left; overflow: hidden;}

/* 文章内容页 -----------------------------------------*/
.subheading { font-size: 16px;}
.noSideContent .printArea .conTxt { padding: 0 30px;}
.articleCon { text-align: left; padding: 20px;}
.printArea .title { font-size: 32px; padding: 0 30px; line-height: 1.5; text-align: center; margin-bottom: 30px; word-wrap: break-word;}
.printArea .subTitle { font-size: 20px; color: #555; text-align: center; margin-bottom: 20px;}
.printArea .property { font-size: 14px; margin-bottom: 20px; padding: 6px 10px 20px; text-align: center; color: #666; border-bottom: 1px solid #ddd; }
.printArea .property span { padding: 0 5px;}
.printArea .conTxt,
.printArea .conTxt *{box-sizing:content-box}
.printArea .conTxt { color: #333; font-size: 16px; line-height: 2; text-align: left; padding: 0 0 20px 0; overflow: hidden; font-family: "Microsoft YaHei", 'PingFang SC', Arial, Helvetica, Tahoma, sans-serif; -webkit-text-size-adjust: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;}
.printArea .conTxt p {margin: 20px 0 0px; padding:0px; line-height: 32px; text-indent: 2em;  word-wrap: break-word; border: none; border-radius: 0; white-space:normal; text-align: justify;}
.printArea .conTxt p:first-child{margin-top: 0px}
.printArea .conTxt img { max-width: 100%; height: auto !important; border: 0; vertical-align: top}
.printArea .conTxt table{background-color: transparent; border-collapse: collapse; border-spacing: 0; text-align: left; }
.printArea .conTxt table td{padding: 5px 10px; border: 1px solid #ddd;}
.printArea .conTxt table td p{padding: 0px !important; margin: 0px !important; text-indent: 0px !important;}
.printArea .conTxt table p { margin: 0px}
.printArea .conTxt a { color: blue; text-decoration: underline;}
.printArea .conTxt em { font-style: italic;}
.printArea .conTxt ul { padding-left: 2em; list-style: inherit;}
.printArea .conTxt ol { padding-left: 2em; list-style: decimal;}
.printArea .conTxt ul li { zoom: normal; list-style: inherit; text-indent: 0 !important;}
.printArea .conTxt ol li { zoom: normal; list-style: inherit; text-indent: 0 !important;}
.printArea .conTxt h1,
.printArea .conTxt h2,
.printArea .conTxt h3,
.printArea .conTxt h4,
.printArea .conTxt h5,
.printArea .conTxt h6,
.printArea .conTxt b,
.printArea .conTxt strong { font-weight: bold;}
.printArea .conTxt h1 { font-size: 28px; line-height:38px; margin: 38px 0px 19px 0px; }
.printArea .conTxt h2 { font-size: 24px; line-height:34px; margin: 34px 0px 17px 0px; }
.printArea .conTxt h3 { font-size: 20px; line-height:30px; margin: 30px 0px 15px 0px; }
.printArea .conTxt h4 { font-size: 16px; line-height:26px; margin: 26px 0px 13px 0px; }
.printArea .conTxt h5 { font-size: 14px; line-height:24px; margin: 24px 0px 12px 0px; }
.printArea .conTxt h6 { font-size: 12px; line-height:22px; margin: 22px 0px 10px 0px; }
.printArea .conTxt blockquote{margin:10px 0px; border-left:2px solid #d8dad9; padding:0 0 0 10px; line-height:1.74; color:#888; font-size:15px; }
.printArea .conTxt blockquote p{margin:0px; line-height:1.7; color:#888; font-size:15px;}
.printArea .conTxt h1:first-child,
.printArea .conTxt h2:first-child,
.printArea .conTxt h3:first-child,
.printArea .conTxt h4:first-child,
.printArea .conTxt h5:first-child,
.printArea .conTxt h6:first-child{margin-top:0px;}
.printArea .conTxt .videoPlayer{text-indent: 0;}
.printArea .conTxt p:has(>font>img){text-align:center;}
.printArea .videoPlayer { position: relative; z-index: 1500; text-align: center; margin: 20px auto;}
.articleCon .userControl { font-size: 14px; border-bottom: 1px solid #ddd; overflow: hidden; text-align: left; margin-bottom: 20px; padding: 10px 0;}
.articleCon .userControl .a { color: #777; margin: 10px 10px 0 0; float: left;}
.articleCon .userControl .bdsharebuttonbox { float: right;}
.articleCon .page { padding: 10px 0; text-align: center; overflow: hidden;}

/* 文章分页 */
.articleCon .page-title-list { border: solid 1px rgb(195, 211, 242); display: inline-block; width:100% }
.articleCon .page-title-list ul { margin: 10px; }
.articleCon .page-title-list ul li { float: left; margin-right: 50px; width: 40%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.articleCon .page-title-list ul li a { color: rgb(61, 114, 211) }
.articleCon .page-title-list ul li a.current { color: rgb(244, 108, 106) }

.articleCon .others { margin-bottom: 15px;}
.articleCon .others .prev,
.articleCon .others .next { padding: 5px 0; word-wrap: break-word}

/* 相关信息 */
#relativeInfo { margin-bottom: 10px;}
#relativeInfo .hd h3 { font-size: 18px; font-weight: bold; color: #666}
#relativeInfo .bd { margin-top: 10px; padding: 20px 25px; background: #F8F8F8;}
#relativeInfo .infoList li { height: auto;}

/* 图片-列表页 ----------------------------------------- */
.picPageList {
    margin-right: -1.5%;
    overflow: hidden;
    text-align: left;
}
.picPageList li {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    width: 31.5%;
    margin: 0 1.5% 2.5% 0;
    text-align: center;
}
.picPageList li .pic img{
    width: 100%;
    height: auto;
    max-height: 256px;
}
.picPageList li .title{
    padding-top: 1rem;
    height: 1.875rem;
    line-height: 1.875rem;
    text-align: center;
    font-size: 1rem;
    overflow: hidden;
}


/* 视频-列表页 ----------------------------------------- */
.videoPageList { margin-right: -3%; overflow: hidden; text-align: center;}
.videoPageList li { float: left; width: 30.3%; margin: 1.5% 3% 2.5% 0; *display: inline;}
.videoPageList .pic { background: #fff; border: 1px solid #ddd; position: relative;}
.videoPageList .pic a { display: block; margin: 3%; overflow: hidden;}
.videoPageList .pic .ico { position: absolute; left: 50%; top: 50%; width: 62px; height: 62px; margin-left: -31px; margin-top: -31px; background: url(../../base/img/playbutton.png) 0 0 no-repeat; display: none; filter: alpha(opacity=80); opacity: 0.8;}
.videoPageList .pic img { height: 145px; width: 100%; -webkit-transition: 400ms; -o-transition: 400ms; -moz-transition: 400ms; transition: 400ms;}
.videoPageList .title { overflow: hidden; padding-top: 5px; line-height: 24px; height: 48px; text-align: left; font-size: 14px; padding-left: 25px; background: url(../../base/img/icons.png) 0 -2218px no-repeat;}
.videoPageList .pic:hover { border-color: #bbb;}
.videoPageList .pic:hover img { transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05);}




/* 政民互动-首页 ----------------------------------------- */
.interactionPage .boxA{
    margin-bottom: 30px;
}
.interactionPage .boxA .bd{
    padding: 20px 0 0;
}

/* 政务咨询 */
#side-petition .hd .btn-box{
    position: relative;
    z-index: 2;
    float: right;
    padding-top: 8px;
}
#side-petition .btn-box>a{
    width: auto;
    float: left;
    margin-left: 10px;
    height: 28px;
    line-height: 28px;
    padding: 0 16px;
    background-color: #fff;
    border: 1px solid #E6E6E6;
}
#side-petition .btn-box>a:hover{
    text-decoration: none;
    color: white;
    background-color: #0371D2;
    border-color: #0371D2;
}
#side-petition .bd{
    padding: 0;
}

/* 在线访谈 */
.interactionPage .interviewItem{
    overflow: hidden;
    background-color: #f8f8f8;
}
.interactionPage .interviewPic{
    width: auto;
    float: left;
    margin-right: 20px;
}
.interactionPage .interviewCon{
    padding-right: 30px;
    overflow: hidden;
}
.interactionPage .interviewCon>div{
    font-size: 16px;
    line-height: 40px;
    padding: 5px 0;
}
.interactionPage .interviewCon>div>.label{
    font-weight: bold;
}
.interactionPage .interviewLink{
    display: none;
}


/* ==========================================================================
   政务公开-首页
========================================================================== */
/* 政务公开-主要菜单 */
.publicity-node-list{
    padding: 20px 20px 10px;
    background-color: #f2f2f2;
    overflow: hidden;
}
.publicity-node-list li{
    height: 50px;
    line-height: 50px;
    margin-bottom: 10px;
    overflow: hidden;
}
.publicity-node-list li>a{
    position: relative;
    z-index: 1;
    display: block;
    padding-left: 58px;
    font-size: 1rem;
    background-color: #fff;
}
.publicity-node-list li>a::after{
    content: "";
    position: absolute;
    z-index: 1;
    left: 18px;
    top: 50%;
    width: 30px;
    height: 30px;
    float: left;
    margin-top: -15px;
    overflow: hidden;
    background:  url(../../base/img/page-publicity-icon-1.png) center top no-repeat;
    -webkit-transition:all 0.8s;
    -moz-transition:all 0.8s;
    -ms-transition:all  0.8s;
    -o-transition:all 0.8s;
    transition:all 0.8s;
}
.publicity-node-list li>a:hover{
    color: white;
    background: #0371D2 url(../../base/img/texture-bg-2.png) left top no-repeat;
}
.publicity-node-list li>a:hover::after{
    background-position: center -60px;
}

/* 走进政府 */
.box-zjzf{
    overflow: hidden;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #f2f2f2;
}
.box-zjzf .hd{
    width: 100px;
    height: 100px;
    float: left;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid #FC6B00;
    background-color: #fff;
}
.box-zjzf .hd h3>a{
    display: block;
    padding: 16px 18px;
    color: #FC6B00;
    font-size: 30px;
    font-weight: bold;
    line-height: 32px;
    font-style: italic;
}
.box-zjzf .bd{
    overflow: hidden;
}
.gov-node-list{
    overflow: hidden;
}
.gov-node-list li{
    position: relative;
    width: 156px;
    height: 84px;
    float: left;
    padding: 8px 0;
    margin-left: 20px;
    text-align: center;
}
.gov-node-list li::after,
.gov-node-list li::before{
    content: "";
    position: absolute;
    z-index: 1;
    left: 8px;
    width: 140px;
    height: 8px;
    float: left;
    overflow: hidden;
    background-color: #fff;
}
.gov-node-list li::before{
    top: 0;
}
.gov-node-list li::after{
    bottom: 0;
}
.gov-node-list li a{
    position: relative;
    display: block;
    background-color: #fff;
    padding: 46px 0 8px;
    height: 30px;
    line-height: 30px;
}
.gov-node-list li a::after{
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 9px;
    content: "";
    width: 32px;
    height: 32px;
    float: left;
    margin-left: -16px;
    overflow: hidden;
    background:  url(../../base/img/page-publicity-icon-2.png) center top no-repeat;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -ms-transition:all  1s;
    -o-transition:all 1s;
    transition:all 1s;
}
.gov-node-list li a:hover{
    text-decoration: none;
}
.gov-node-list li:hover::after,
.gov-node-list li:hover::before,
.gov-node-list li:hover a{
    background-color: #FF9027;
}
.gov-node-list li:hover a{
    color: white;
}
.gov-node-list li:hover a::after{
    -webkit-transform:rotateY(360deg);
    -moz-transform:rotateY(360deg);
    -ms-transform:rotateY(360deg);
    -o-transform:rotateY(360deg);
    transform:rotateY(360deg);
    background-image: url(../../base/img/page-publicity-icon-2-active.png);
}
.gov-node-list li.li2 a::after{
    background-position: center -52px;
}
.gov-node-list li.li3 a::after{
    background-position: center -104px;
}
.gov-node-list li.li4 a::after{
    background-position: center -156px;
}
.gov-node-list li.li5 a::after{
    background-position: center -208px;
}
.gov-node-list li.li6 a::after{
    background-position: center -260px;
}
/* 基础信息公开 */
.box-base{
    background-color: #f2f2f2;
    padding: 15px 20px;
    overflow: hidden;
}
.box-base .hd{
    position: relative;
    z-index: 1;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    text-align: center;
}
.box-base .hd::after{
    position: absolute;
    z-index: -1;
    left: 0;
    top: 50%;
    content: "";
    width: 100%;
    height: 1px;
    line-height: 1px;
    float: left;
    overflow: hidden;
    background-color: #D9D9D9;
}
.box-base .hd h3{
    display: inline-block;
    padding: 0 13px;
    font-size: 18px;
    background-color: #f2f2f2;
}
.box-base .bd{
    overflow: hidden;
    padding: 12px 0 0;
}
.gov-base-list{
    overflow: hidden;
    margin: 0 -10px 0 0;
}
.gov-base-list li{
    width: 125px;
    height: 30px;
    float: left;
    overflow: hidden;
    margin: 0 10px 10px 0;
}
.gov-base-list li a{
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 15px;
    background-color: #fff;
}
.gov-base-list li a:hover{
    text-decoration: none;
    color: white;
    background-color: #0371D2;
}
.gov-base-list li.li5,
.gov-base-list li.li10,
.gov-base-list li.li13{
    width: 260px;
}

.publicity-loop{
    overflow: hidden;
}
.publicity-loop .boxA{
    width: 430px;
}

/* 重点领域信息公开-栏目列表 */
.zdly-node-list{
    padding-top: 20px;
    overflow: hidden;
    margin: 0 -20px 0 0;
}
.zdly-node-list li{
    width: 224px;
    float: left;
    margin: 0 20px 20px 0;
}
.zdly-node-list li a{
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #266EAD;
    border-radius: 4px;
    background-color: #CDE8FF;
}
.zdly-node-list li a:hover{
    color: white;
    text-decoration: none;
    background-color: #0371D2;
}


/* 专题首页 -----------------------------------------*/

/* 最新专题 */
.page-special-list{
    padding-top: 10px;
    overflow: hidden;
    margin-right: -30px;
}
.page-special-list li{
    width: 375px;
    float: left;
    overflow: hidden;
    margin: 0 30px 20px 0;
}
.page-special-list li .pic{
    overflow: hidden;
}
.page-special-list li .pic img{
    width: 100%;
    height: 240px;
}
.page-special-list li .tit{
    display: block;
    padding-top: .625rem;
    font-size: 1rem;
    line-height: 1.625rem;
    text-align: center;
}

/* 往期回顾 */
#box-wqhg{
    width: 400px;
    float: right;
    margin-bottom: 0;
    margin-left: 20px;
    background-color: #f2f2f2;
}
#box-wqhg .bd{
    padding: 20px;
    min-height: 859px;
}



/* ==========================================================================
   农业银行智慧服务平台
========================================================================== */
.box-ewm{
    padding: 15px 15px 25px;
    background-color: #f8f8f8;
    margin: 0 auto 30px;
    text-align: center;
    font-size: 18px;
    line-height: 1.6;
}
.box-ewm .center{
    padding-bottom: 18px;
}
.box-ewm li p{
    padding-top: 18px;
}
.box-ewm .zxewm{
    overflow: hidden;
    padding-top: 40px;
    margin: 0 auto 30px;
}
.box-ewm .zxewm li{
    display: inline-block;
    margin: 0 50px;
    text-align: center;
}
.box-ewm .zxewm li img{
    width: 150px;
    height: 150px;
}
.box-ewm .teaewm{
    overflow: hidden;
}
.box-ewm .teaewm li{
    display: inline-block;
    margin: 0 24px;
}
.box-ewm .teaewm li img{
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

.box-zhfwpt{
    overflow: hidden;
    margin-bottom: 30px;
}
.box-zhfwpt .mhd{
    position: relative;
    z-index: 1;
    height: 80px;
    line-height: 80px;
    text-align: center;
    margin: 0 auto 30px;
}
.box-zhfwpt .mhd::after{
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    line-height: 1px;
    float: left;
    overflow: hidden;
    background-color: #d9d9d9;
}
.box-zhfwpt .mhd span{
    position: relative;
    z-index: 1;
    display: inline-block;
    margin: 0 auto;
    padding: 0 50px;
    text-align: center;
    height: 80px;
    line-height: 80px;
    font-size: 36px;
    font-weight: bold;
    color: #096D49;
    background-color: #fff;
}
.box-zhfwpt .mhd span::after,
.box-zhfwpt .mhd span::before{
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    width: 13px;
    height: 13px;
    float: left;
    margin-top: -7px;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    border-radius: 50%;
}
.box-zhfwpt .mhd span::before{
    left: 0;
}
.box-zhfwpt .mhd span::after{
    right: 0;
}
.box-zhfwpt li{
    overflow: hidden;
    width: 580px;
    float: left;
    margin-right: 30px;
}
.box-zhfwpt li.last{
    margin-right: 0;
}
.box-zhfwpt .pe-col-3 li{
    width: 380px;
}
.box-zhfwpt .hd{
    position: relative;
    z-index: 1;
    height: 60px;
    line-height: 60px;
    padding-left: 54px;
    font-size: 18px;
    border-radius: 5px 5px 0px 0px;
    background: #E6E6E6;
}
.box-zhfwpt .hd .icon{
    position: absolute;
    z-index: 1;
    left: 16px;
    top: 16px;
    width: 32px;
    height: 32px;
    float: left;
    overflow: hidden;
    background:  url(../../base/img/page-zhfwpt-icon.png) center top no-repeat;
}
.box-zhfwpt .hd .icon-creditcard{background-position: center -52px;}
.box-zhfwpt .hd .icon-chaxun{background-position: center -104px;}
.box-zhfwpt .hd .icon-nsek{background-position: center -156px;}
.box-zhfwpt .hd .icon-qykh{background-position: center -208px;}
.box-zhfwpt .hd .icon-hned{background-position: center -260px;}
.box-zhfwpt .hd .icon-nhdk{background-position: center -312px;}
.box-zhfwpt .bd{
    height: 172px;
    overflow: hidden;
    padding: 19px;
    border-radius: 5px;
    background: #F8F8F8;
}
.box-zhfwpt .intro{
    font-size: 15px;
    line-height: 2;
    color: #666;
    margin-bottom: 10px;
}
.box-zhfwpt .links{
    overflow: hidden;
}
.box-zhfwpt .links a{
    width: auto;
    float: left;
    padding: 0 5px;
    margin:0 10px 10px 0;
    color: #FF9027;
    font-size: 15px;
    line-height: 2;
    font-weight: bold;
    border: 1px solid #FF9027;
    border-radius: 2px;
}
.box-zhfwpt .links a:hover{
    color: white;
    background-color: #FF9027;
}

/* ==========================================================================
   问卷调查列表页
========================================================================== */
.surveyCommonList li{
    padding: 15px 0 15px 34px;
    font-size: 16px;
    background-position: 8px 21px;
}
.surveyCommonList .tit{
    display: block;
    line-height: 28px;
    margin-bottom: 5px;
}
.surveyCommonList .btns a{
    border-color: #0371D2;
    color: #0371D2;
}
.surveyCommonList .btns a:hover{
    background-color: #f2f9ff;
}

/* 信息提示页  */
.Showms { background: #fff; padding: 3% 5%; overflow: hidden; max-width: 540px; margin: 30px auto;}
.Showms .top,
.Showms .bottom,
.Showms .Shadow { display: none;}
.Showms .MS { overflow: hidden; zoom: 1;}
.Showms .titWrong { color: #c00; border-bottom: 1px solid #ccc; padding: 5px 0; margin-bottom: 15px; font-size: 18px;}
.Showms .BUT { padding: 25px 0 15px 0;}
.Showms .BUT a { padding: 0 15px; height: 36px; line-height: 36px; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; margin-right: 15px; background: #eee; border: 1px solid #ccc; font-size: 14px; background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#eee)); background: -moz-linear-gradient(#FFFFFF, #eee); background: -ms-linear-gradient(#FFFFFF, #eee); background: -o-linear-gradient(#FFFFFF, #eee); background: linear-gradient(#FFFFFF, #eee);}
.Showms .BUT a:hover { color: #c00; border: 1px solid #aaa; text-decoration: none;}
.departmentSearch .searchBox { height: 60px; width: 100%;}
.departmentSearch .searchBox .hd { height: 36px; line-height: 36px; padding: 12px 0 12px 59px; float: left; font-size: 16px; color: #333; background: url(/content/main/petitionletter/img/petition-icons.png) 19px -151px no-repeat;}
.departmentSearch .searchBox .bd { height: 36px; width: 395px; float: right; padding: 12px 0px 0px 0px;}
.departmentSearch .searchBox .keyword { width: 200px; height: 24px; line-height: 24px; font-size: 14px; padding: 5px 0px 5px 15px; background: #fff; border: 1px solid #ccc; border-right: none; outline: none; float: left;}
.departmentSearch .searchBox .searchsubmit { width: 84px; height: 36px; line-height: 36px; font-size: 16px; color: #fff; text-align: center; background: #458adf; border: none; float: left; font-weight: bold;}
.departmentSearch { overflow: hidden; margin-bottom: 10px;}
.departments { height: 36px; width: 100px; line-height: 32px; border: 1px solid #ddd; font-size: 14px; font-family: "Microsoft YaHei", 'PingFang SC'; outline: none; float: left; margin-right: 5px;}

/* 解读回应 ----------------------------------------- */
.jdhyContent .side { width: 310px;}
.jdhyContent .mainContent { width: 870px}
.row { overflow: hidden; margin-bottom: 10px;}
#jdhy-rowA .boxA,
#jdhy-rowB .boxA { width: 425px}
#jdhy-rowA .bd { height: 200px;}
.fbhTitle { font-size: 16px; font-weight: bold; margin-bottom: 5px;}
.fbhList label { color: #0068B7;}
.fbhList .more { overflow: hidden; padding-top: 15px;}
.fbhList .more a { float: right; height: 30px; line-height: 30px; padding: 0 20px; background: #8DB6D5; color: #fff; border-radius: 5px;}
.fbhList .more a:hover { background: #6e9ec3; text-decoration: none;}
#sideZctj .list { padding-top: 8px; text-align: center}
#sideZctj .list .title { padding: 3px 0 10px 0}

/* 信息报送排行榜 ----------------------------- */
.bsphPage .selectBar { margin-bottom: 10px; text-align: right;}
.bsphPage .selectBar select { vertical-align: middle; padding: 5px 10px; border: 1px solid #ccc;}
.bsphTitle { font-size: 16px; color: #0167CC; padding: 5px 20px; border: 1px solid #ddd; border-bottom: 0; border-top: 3px solid #0167CC;}
.bsphTable { width: 100%; margin-bottom: 30px;}
.bsphTable th,
.bsphTable td { padding: 5px; border: 1px solid #ddd; text-align: center;}
.bsphTable th { background: #f2f2f2; font-weight: bold;}




/* ==========================================================================
   水压水质-内容页
========================================================================== */
.box-szsy{
    overflow: hidden;
}
.box-szsy .date{
    margin-bottom: 40px;
    display: block;
    color: #666;
}
.table-water-box{
    margin: 0 auto 40px;
    overflow: hidden;
    text-align: center;
}
.table-water{
    width: 90%;
    margin: 0 auto;
    text-align: left;
    border-collapse: collapse;
}
.table-water td{
    padding: 10px;
    line-height: 28px;
    border: 1px solid #ededed;
}
.table-water td.tdlab{
    width: 110px;
    text-align: justify;
    text-align: right;
    background-color: #fafafa;
}


/* 目录 */
.catalogueBox{float:left; width:0px;}
.catalogueBox .hd{width:22px;text-align:center;background:#e9ebed;border:1px solid #e9ebed;border-left:none;border-radius:0 3px 3px 0px;font-size: 12px;font-weight:500;color:#999999;line-height:18px;padding:5px 0px;position:absolute;left:0px;z-index:10;top: 160px;cursor:pointer;user-select:none;}
.catalogueBox .hd:hover{border-color:rgba(0,0,0,0.08);}
.catalogueBox .bd{width:270px; position:relative; z-index:20; transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); opacity:0; transform: translateX(-100%); }
.catalogueBox .bd .catalogue-container{width: 270px;padding: 0px 0px 8px;z-index: 10;overflow:hidden;text-align:left;background:#f8f8f8;border-top:2px solid #0068B7; display:none;} 
.catalogueBox .bd .catalogue-container .contents-container-header{height:50px; line-height:50px; font-size:20px; color:#0068b7; font-weight:400; margin:0 15px; position:relative;}
.catalogueBox .bd .catalogue-container .contents-container-header .closeBtn{font-family: Arial; width:26px;height:26px;line-height:26px;text-align:center;position: absolute;font-size:18px;right: 0px;top: 11px;cursor:pointer;font-weight:normal;color:#8f949c;opacity:0;transition:0.5s}
.catalogueBox .bd .catalogue-container:hover .contents-container-header .closeBtn{opacity:1}
.catalogueBox .bd .catalogue-container .contents-container-header .closeBtn:hover{background:rgb(51,77,102,0.06)}
.catalogueBox .bd .catalogue-container .contents-container-body{padding:0px 15px 15px;  overflow-x:hidden; overflow-y:scroll;}
.catalogueBox .bd .catalogue-container .contents-container-item{height:30px; padding:0 10px; line-height:30px; overflow:hidden; font-size:12px; color:#555555; white-space: nowrap; text-overflow: ellipsis; cursor:pointer; border-radius:2px; transition:0.1s;}
.catalogueBox .bd .catalogue-container .contents-container-item:hover{background-color:#ececec}
.catalogueBox .bd .catalogue-container .contents-container-item .headline-triangle{width:20px; float:left; height:20px; margin-top:5px; opacity:0.3; transition:0.3s; }
.catalogueBox .bd .catalogue-container .contents-container-item .headline-headingother{white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}
.catalogueBox .bd .catalogue-container .contents-container-level-0{font-size:14px;}
.catalogueBox .bd .catalogue-container .contents-container-level-1{margin-left:20px}
.catalogueBox .bd .catalogue-container .contents-container-level-2{margin-left:40px}
.catalogueBox .bd .catalogue-container .contents-container-level-3{margin-left:60px}
.catalogueBox .bd .catalogue-container .contents-container-level-4{margin-left:80px}
.catalogueBox .bd .catalogue-container .contents-container-level-5{margin-left:100px}

.catalogueBox .bd .catalogue-container .contents-container-hasChild .headline-triangle{ background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+5bGV5byAPC90aXRsZT4KICAgIDxnIGlkPSLnu4Tku7YiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLlsZXlvIAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDguMDAwMDAwLCA4LjAwMDAwMCkgcm90YXRlKC0yNzAuMDAwMDAwKSB0cmFuc2xhdGUoLTguMDAwMDAwLCAtOC4wMDAwMDApIHRyYW5zbGF0ZSgtMC4wMDAwMDAsIDAuMDAwMDAwKSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgc3Ryb2tlPSIjOTc5Nzk3IiBmaWxsPSIjRDhEOEQ4IiBvcGFjaXR5PSIwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjwvcmVjdD4KICAgICAgICAgICAgPHBhdGggZD0iTTguMTE0ODQzMzMsNS4yMjU4MTE3IEwxMS42MTY1NzIyLDEwLjQ3ODQwNDkgQzExLjY5ODI2NjEsMTAuNjAwOTQ1OSAxMS42NjUxNTMxLDEwLjc2NjUxMSAxMS41NDI2MTIxLDEwLjg0ODIwNSBDMTEuNDk4ODA3NSwxMC44Nzc0MDgxIDExLjQ0NzMzODcsMTAuODkyOTkxNiAxMS4zOTQ2OTIxLDEwLjg5Mjk5MTYgTDQuMzkxMjM0NDcsMTAuODkyOTkxNiBDNC4yNDM5NTg1NCwxMC44OTI5OTE2IDQuMTI0NTY3ODEsMTAuNzczNjAwOSA0LjEyNDU2NzgxLDEwLjYyNjMyNDkgQzQuMTI0NTY3ODEsMTAuNTczNjc4MyA0LjE0MDE1MTI4LDEwLjUyMjIwOTYgNC4xNjkzNTQ0LDEwLjQ3ODQwNDkgTDcuNjcxMDgzMTcsNS4yMjU4MTE3IEM3Ljc1Mjc3NzE2LDUuMTAzMjcwNzEgNy45MTgzNDIzMiw1LjA3MDE1NzY4IDguMDQwODgzMyw1LjE1MTg1MTY3IEM4LjA3MDE3NzI1LDUuMTcxMzgwOTcgOC4wOTUzMTQwMyw1LjE5NjUxNzc1IDguMTE0ODQzMzMsNS4yMjU4MTE3IFoiIGlkPSLkuInop5LlvaIiIGZpbGw9IiM4MTg2OEYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuODkyOTc3LCA4LjAwMDAxNCkgcm90YXRlKDkwLjAwMDAwMCkgdHJhbnNsYXRlKC03Ljg5Mjk3NywgLTguMDAwMDE0KSAiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) 50% 50% no-repeat; }
.catalogueBox .bd .catalogue-container .contents-container-hasChild:hover .headline-triangle{opacity:1}
.catalogueBox .bd .catalogue-container .contents-container-item-gather .headline-triangle{transform: rotate(-90deg);}


.catalogueBox-show{width:270px; overflow:hidden}
.catalogueBox-show ~ .articleCon{margin-left:270px;}
.catalogueBox-show .hd{display:none}
.catalogueBox-show .bd{display:block; opacity:1;transform: translateX(0%);}
.catalogueBox-show .bd .catalogue-container{display:block;}

.catalogue-fixed{position:fixed; top:54px;}
.catalogue-fixed .bd .catalogue-container{border-top:0;}
.catalogue-fixed .hd{left:-20px;}
.catalogue-absolute{position:absolute; top:auto; bottom:20px;}


/* 滚动条 */
.catalogueBox .bd .catalogue-container .contents-container-body::-webkit-scrollbar {width: 5px;height: 6px; }
.catalogueBox .bd .catalogue-container .contents-container-body::-webkit-scrollbar-thumb{ border: 0px solid #fff; background-clip: padding-box;border-radius: 8px;background-color: rgba(0, 0, 0, .2);box-shadow: inset -1px -1px 0 rgba(0, 0, 0, .05), inset 1px 1px 0 rgba(0, 0, 0, .05); display: none}
.catalogueBox .bd .catalogue-container .contents-container-body::-webkit-scrollbar-button {width: 0;height: 0;display: none}
.catalogueBox .bd .catalogue-container .contents-container-body::-webkit-scrollbar-corner {background-color: transparent}
.catalogueBox .bd .catalogue-container .contents-container-body::-webkit-scrollbar-track{display: none}
.catalogueBox .bd .catalogue-container .contents-container-body:hover::-webkit-scrollbar-thumb,
.catalogueBox .bd .catalogue-container .contents-container-body:hover::-webkit-scrollbar-track {display: block} 

.ng-cloak { display: none; }