@charset "UTF-8";


.box .hd{background:none}
.box .hd h3 a{background:none}


.topInfo{position: relative; z-index: 2; height: 44px; line-height: 40px; margin-top: 26px;}
.topInfo:after{display:block; visibility:hidden;clear:both; height:0; content:'.'; line-height: 0;}
.govName{font-size:26px; font-weight:bold; float:left; margin: -4px 0 0 15px; padding-left:26px; color:#1c466b; background:  url(../img/hdjlpt/icon.png) left -28px no-repeat;}
.govName a{color:#1c466b}

/*部门，区县选择*/
.siteBox{width: auto; float: left; margin-left: 30px; margin-bottom: -1px;}
.siteBox .siteClass{width: auto; float: left; margin-left: 30px; }
.siteBox .siteClass dt{position: relative; z-index: 1; font-size: 14px; padding-right: 32px; padding-bottom: 4px; cursor: pointer;}
.siteBox .siteClass dt i{position: absolute; z-index: 1; right:0; top: 50%; width: 0; height: 0; float: left; margin-top: -14px; border-width: 8px; border-style: solid; border-color:transparent transparent #1c466c; transition:all .2s;}
.siteBox .siteClass dd{display: none; position:absolute; left: 0; right: 0; top: 44px; z-index:99; padding:20px; background-color:rgba(255,255,255,.9); box-shadow:0 5px 5px rgba(0,0,0,.2); border-top: 1px solid #1c466b;}
.siteBox dl.on dt,
.siteBox dl:hover dt{padding-bottom: 0; border-bottom: 4px solid #1c466b;}
.siteBox dl.on dd,
.siteBox dl:hover dd{display: block;}
.siteBox dl:hover dt i,
.siteBox dl.on dt i{margin-top:-3px; transform: rotate(180deg);}

/*二级-部门列表*/
.siteBox .items{overflow: hidden;}
.siteBox .className{width: 132px; float: left; padding: 10px 0 0 10px; line-height: 25px; text-align: right; font-size: 16px; font-weight: bold; color: #1c466b; }
.siteBox .siteList{overflow: hidden;}
.siteBox .siteList li{width: 16.6%; float: left; height: 25px; line-height: 25px; margin-top: 10px;}
.siteBox .siteClassDep .siteList li{width: 25%; float: left; height: 25px; line-height: 25px; margin-top: 10px;}
.siteBox .siteList li a{width: auto; float: left; height: 25px; line-height: 25px; padding: 0 12px; font-size: 14px;}
.siteBox .siteList li a:hover{border-radius: 5px; background-color: #5179b1; color: white;}
.topInfo .siteName a,
.topInfo .topUser a{width: auto; float: left; padding-left: 26px; margin-left: 20px; background:  url(../img/hdjlpt/icon.png) left -70px no-repeat;}
.topInfo .topUser{margin-left: 30px;}
.topInfo .topUser .spe{display: none;}
.topInfo .topUser a.exitlogin,
.topInfo .notlogged a{background-position: left -150px;}
.topInfo .topUser a,
.topInfo .notlogged a.loginbutton{background-position: left -110px;}


/*通用框*/
.box{overflow: hidden;}
.box .hd{height: 50px; line-height: 50px;}
.box .hd h3{padding-left: 20px; font-size: 22px; font-weight: bold; color: #015293;}
.box .hd h3 a{color: #1c6cbf;}
.box .hd .more{float: right; margin: 15px 20px 0 0; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #999; border: 1px solid #999; border-radius: 50%;}
.box .hd .moreBtn{float: right; margin-right: 20px; font-size: 14px; color: #999;}
.box .hd .moreBtn a{margin:0 15px; font-size: 16px; color: #015293;}
.box .hd .moreBtn a:hover{color: #015293;}
.box .bd{overflow: hidden;}


/*市长信箱-模块 *******************************/
.layoutA{position: relative; z-index: 3; padding: 0 0 40px; margin: 0px auto 0; background:#fff; width:1200px; }
/*市长信箱-切换框*/
.pettionBox{background-color: #fff;}
.pettionBox .mHd{height: 49px; line-height: 49px; border-bottom: 1px solid #1c466b;}
.pettionBox .mHd ul{}
.pettionBox .mHd li{width: 400px; height: 49px; line-height: 49px; float: left; font-size: 18px; font-weight: bold; text-align: center; }
.pettionBox .mHd li.on{margin-top: -18px; height: 67px; line-height: 67px; font-size: 22px; font-weight: bold; color: white; background-color: #1c6cbf;}
.pettionBox .mHd li.on a{color: white;}
.pettionBox .mBd{padding: 0 20px 20px; overflow: hidden;}

/*市长信箱-切换内容*/
.pettionList{overflow: hidden;}
.pettionList li{float:left; width:25%; margin-left: -1px;}
.pettionList li a{position:relative; display:block; height:105px; padding:28px 10px 20px 120px; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5;}
.pettionList li a .title{display:block; padding-bottom:10px; font-size:18px;}
.pettionList li a .intro{display:block; font-size:12px; color:#999; line-height:1.8em;}
.pettionList li a .icon{position:absolute; top:28px; left:20px; content:""; width:84px; height:84px; background-repeat:no-repeat; background-position:0 0;}
.pettionList li.li1 a .icon{background-image:url(../img/hdjlpt/ldxx-ico-wyzx.png);}
.pettionList li.li2 a .icon{background-image:url(../img/hdjlpt/ldxx-ico-wyts.png);}
.pettionList li.li3 a .icon{background-image:url(../img/hdjlpt/ldxx-ico-wyjy.png);}
.pettionList li.li4 a .icon{background-image:url(../img/hdjlpt/ldxx-ico-wycx.png);}
.pettionList li a:hover .icon{
	-webkit-transition: -webkit-transform 1s ease-out;
	-moz-transition: -moz-transform 1s ease-out;
	transition: transform 1s ease-out;
	transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);	/* Safari 和 Chrome */
	-moz-transform: rotateY(360deg);}
/*三列情况*/
.listThree li{width: 33.3%;}
.pettionList li a{padding-left: 140px;}
.listThree li a .icon{left: 40px;}

/*信件公示*/
#boxSzxx{width:760px; float:left;}
#boxSzxx .hd h3{color: #015293; background:none}
#boxSzxx .hd h3 a{color: #015293;}
#boxSzxx .letterList td{ line-height: 28px; }

#boxXjtj{width:390px; float:right}
#boxXjtj .hd h3{color: #015293; background:none}
#boxXjtj .hd h3 a{color: #015293;}
#boxXjtj .stackChart-tit{font-weight:bold; font-size:16px; margin-bottom:20px;}
#boxXjtj #container{width:390px; height:80px; -webkit-tap-highlight-color: transparent;user-select: none;}
#boxXjtj #container02{width:390px; height:160px; -webkit-tap-highlight-color: transparent;user-select: none; position:relative}

/*信件列表*/
.letterList{border-collapse: collapse; width: 100%;}
.letterList th{padding:0 5px; height: 48px; line-height: 48px; font-size: 16px; font-weight: bold; color: #000; text-align: center; background-color: #f4f4f4;}
.letterList td{padding:10px 5px; line-height: 28px; font-size: 16px; text-align: center;}
.letterList .title{text-align: left;}
.letterList .number{width: 80px;word-break: break-all;}
.letterList .open{width:120px;}
.letterList .state{width:100px;}
.letterList .date{width:100px;}
.letterList .clicks{width: 70px;}
.letterCon{height: 250px; overflow: hidden; overflow-y: auto; width: 100%;}
.letterList tr{border-bottom:1px solid #eee}

/*嘉宾访谈 *********************/
#boxJbft{margin-top: 30px;}
#boxJbft .hd{overflow: hidden;}
#boxJbft .hd h3{ color: #1c6cbf;}
#boxJbft .hd h3 a{color: #1c6cbf;}
#boxJbft .bd{position: relative; z-index: 1; padding:10px 0 30px; height: 264px; border-bottom: 1px solid #1c466b;}
#boxJbft .bd .tempWrap{width: 1200px !important;}
#boxJbft .bd .prev,
#boxJbft .bd .next{position: absolute; z-index: 4; top: 60px; width: 22px; height: 40px; float: left; overflow: hidden; line-height: 40px;  opacity: 0.5; filter: alpha(opacity=50); background: #000 url(../img/hdjlpt/boxJbftBtn.png) center 12px no-repeat;}
#boxJbft .bd .prev{left: 0;}
#boxJbft .bd .next{right: 0; background-position: center -28px;}
#boxJbft .bd .prev:hover,
#boxJbft .bd .next:hover{opacity: 0.8; filter: alpha(opacity=80);}
/*访谈列表*/
.interviewList{overflow: hidden;}
.interviewList li{overflow: hidden; width:285px; float: left; margin-right: 20px;}
.interviewList li .pic{position: relative; z-index: 1;}
.interviewList li .pic img{width: 285px; height: 160px;}
.interviewList li .pic em{position: absolute; z-index: 1; left: 0; top: 0; width: auto; float: left; height: 20px; line-height: 20px; padding: 0 6px; color: white; background-color: #999; border-radius:0 3px 3px 0;}
.interviewList li .pic em.going{background-color: #5179b1;}
.interviewList li .pic em.predict{background-color: #ffa533;}
.interviewList li .pic em.replay{background-color: #999;}
.interviewList li .con{overflow: hidden; padding: 0 20px 0;}
.interviewList li .con dl{overflow: hidden; margin-top: 10px; line-height: 28px; font-size: 14px; color: #999;}
.interviewList li .con dl.name{line-height: 28px;}
.interviewList li .con dl dt{width: auto; float: left;}
.interviewList li .con dl.name dt{display: none;}
.interviewList li .con dl.name dd{height: 56px; overflow: hidden; font-size: 16px; font-weight: bold; color: #333; }
.interviewList li .guest,
.interviewList li .intro{display: none;}

/*调查征集 & 智能问答 *****************************/
#content{background:#fff}
.layoutB{overflow: hidden;margin-top: 0px;/*padding-bottom: 40px; border-bottom: 1px solid #1c466b;*//* border-bottom: 1px solid #1c466b; */}
.znwdBtn{float: right; margin-top: 15px; margin-right:10px;}

#boxDczj{width: 890px; float: left;}
#boxDczj .hd{background:none}
#boxDczj .hd h4{overflow: hidden;}
#boxDczj .hd h4 a{width: auto; float: left; margin: 0 20px; font-size: 22px; font-weight: bold; color: #333;}
#boxDczj .hd h4 a.on{color: #1c466b; background:none}
#boxDczj .hd h4 .spe{width: auto; float: left; font-size: 20px;}
#boxDczj .bd{position: relative; z-index: 1; padding: 0 20px; height: 365px; overflow: visible;}
#boxDczj .retrunBtn{position: absolute;z-index: 1;top: -60px;right: 60px;width: auto;float: left;line-height: 50px;font-size: 16px;color: #015293;}


.surveyList li{position: relative; z-index: 1; overflow:hidden; margin-top:30px; }
.surveyList li .num{position: absolute; z-index: 1; left: 0; top: 50%; font-size:20px; line-height:47px; float:left; width:48px; height:48px; margin-top: -25px; text-align:center; border:1px solid #e5e5e5; border-radius:50%;}
.surveyList li .con{overflow: hidden; padding:0 100px 0 80px;}
.surveyList li .con a{font-size: 18px; font-weight: bold; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.surveyList li .con .type{width: auto; float: left; font-size: 18px; font-weight: bold; color: #999; margin-right: 10px;}
.surveyList li .con p{font-size:14px; margin-top:21px;color:#999; }
.surveyList li .con p em{margin-left: 10px;}
.surveyList li .status{position: absolute; z-index: 1; right: 0; top: 50%; line-height:22px; float:right; width:86px; height:22px; margin-top: -12px; text-align:center; color:#fff; border-radius:11px; background-color:#5179b1; }
.surveyList li .status a { color: #fff; font-size:13px;  }

.surveyList li .end{background-color:#999;}

.boxCon .prev,
.boxCon .next{position: absolute; z-index: 1; bottom: 0; right: 0; width: 20px; height: 20px; line-height: 18px; float: left; overflow: hidden; text-align: center; font-size: 16px; color: white; background-color: #5179b1;}
.boxCon .prev:hover,
.boxCon .next:hover{background-color: #1c466b;}
.boxCon .prev{right: 25px;}


/*知识库 ----------------------------------------*/
.layoutC{overflow: hidden;margin-top: 25px;border-top:  1px solid #1c466b;padding: 20px;}
.zskBtn{float: left; margin: 15px 30px 0 0;}

/*知识库框*/
#boxZsk{overflow: hidden; }
#boxZsk .hd h3{padding-left: 0; font-size: 18px; color: #1c466b; background: none;}
#boxZsk .hd h3 a{color: #1c466b;}
#boxZsk .bd{overflow: hidden; padding: 0; height: 145px;}


.zskList{overflow: hidden;}
.zskList li{width: 260px;float: left;margin-right: 20px;}
.zskList li .title{height: 30px; line-height: 30px; font-size: 16px; font-weight: bold; color: #333;}
.zskList li .intro{margin-top: 10px; line-height: 24px; height: 48px; overflow: hidden; font-size: 14px; color: #999;}
.zskList li .btnBox{overflow: hidden; margin-top: 22px;}
.zskList li .btnBox a{width: auto; float: left; height: 35px; line-height: 35px; padding: 0 25px; margin-right: 12px; font-size: 14px; color: #999; background-color: #f8f8f8; border-radius: 4px;}
.zskList li .btnBox a:hover{background-color: #1c466b; color: white;}

/*banner部分 S*/
.topBanner{position: relative;z-index: 1;height: 210px;overflow: hidden;min-width: 1200px;margin:0 auto;text-align: center;}
#siteName{display: inline-block; *display: inline; width: 1200px; line-height: 1.2; overflow: hidden; margin: 0 auto; text-align: center; background:  url(../img/hdjlpt/siteName1.png) 0 top no-repeat;position: relative;margin: 50px 0;}
#siteName .link-box{float:left;display: block;width: 750px;height: 68px;color: transparent;}
/*部门，区县选择*/
.siteBox{width: auto; float: right;margin-top: 20px;}
.siteBox select{width: auto;height: 30px;line-height: 30px;border-radius: 3px;margin-left: 20px;padding: 0 10px;}