@charset "UTF-8";
/*
    Css for PEL,    ver 1.0
    CopyRight By Dongyi Network Technology CO.,Ltd Design Center

    本网站通用布局
*/
/* Css Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img{margin:0;padding:0; }
table{border-spacing:0;border-collapse:collapse; }
fieldset,img{vertical-align:top; border:0;}
address,caption,cite,code,dfn,em,th,var,i{font-weight:normal; font-style:normal;}
ol,ul,li{list-style:none;}
div,dl,dt,dd,ol,ul,li{zoom:1;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal; }
q:before,q:after{content:'';}

abbr,acronym{border:0;}
pre{font-family:'Microsoft YaHei', SimSun, Arial, Helvetica, Tahoma, sans-serif;font-size:16px; line-height:1.8; white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word; }

article,aside,dialog,footer,header,section,footer,nav,figure,menu,time{display:block; zoom:1;margin:0; padding:0; }
/* Public */
body{font-family:'Microsoft YaHei', SimSun, Arial, Helvetica, Tahoma, sans-serif; font-size:14px; line-height:30px; color:#333; -webkit-text-size-adjust:none; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased;}
a{text-decoration:none; color:#333; outline:none;}
a:hover{text-decoration:none;color:#1c466b; }
.clearbox{font-size:0; line-height:0; visibility:hidden;clear:both; height:0; margin-top:-1px !important; border:none; border-top:1px solid transparent !important; }

.blank{font-size:0; line-height:0; display:block; clear:both;overflow:hidden; height:10px; }
.clearfix:after{display:block; visibility:hidden;clear:both; height:0; content:'.'; line-height: 0; }
* html .clearfix{height:1%;}
* + html .clearfix{min-height:1%;}
.fl{float:left !important;}
.fr{float:right !important;}
.hide{display:none;}
input[type=button],input[type=submit],input[type=file],button{cursor:pointer; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;-webkit-appearance:none; }
.layout:after{display:block; visibility:hidden;clear:both; height:0; content:'.'; line-height: 0;}
/* frame */
body{min-width:1200px;background: #fff;}
.siteWidth{position:relative; width:1200px; margin:0 auto; padding:0;max-width: 1200px;}
#content{position:relative; z-index:3; clear:both; width:1200px; min-height: 300px; margin:0 auto 30px; padding:0; text-align:left;}
#content:after{display:block; visibility:hidden;clear:both; height:0; content:'.'; line-height: 0;}
/*顶部 header */
.topTool{height: 106px;}
#logo{float:left;/* margin: 18px 0 0 16px;*/}
/*搜索*/
#topSearch{float:right; width:360px; height:40px; margin-top:35px; margin-right:22px;border:1px solid #1c466b; border-radius:20px; }
#topSearch input{font-size:14px; float:left; width:304px; height: 40px; line-height: 40px; text-indent:24px; border:none; background:transparent; outline: none;}
#topSearch input::-webkit-input-placeholder{color:#999;}
#topSearch input.btn{float:right; width:54px; text-indent: -9999px; overflow: hidden; cursor:pointer; background:url(../img/hdjlpt/icon.png) no-repeat center 10px;}

.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;}


/*footer*/
#footer { width: 100%; margin: 0; line-height: 20px; color: #333; font-family: Arial, Helvetica, sans-serif, "微软雅黑"; background: #e8e8e8; border-top: #003bba 2px solid; clear: both; }
#footer .copyRight { padding-left: 320px; font-size: 12px; line-height: 2em; padding-top: 20px; }
#footer .copyRight img { vertical-align: middle; }
#footer .siteWidth { width: 1200px; margin: 0 auto; position: relative; overflow: hidden; }
#footer .jiucuo, 
#footer .dzjg { position: absolute; }
/* #footer .jiucuo { left: 766px; top: 32px; }
#footer .dzjg { left: 230px; top: 25px; } */
#footer ul li.foot_link { background: #a29e9f; margin-bottom: 10px; }
#footer ul li.foot_link a { color: #fff; }
#footer ul li.foot_link a:hover { text-decoration: underline }
#footer ul li.foot_link span { font-size: 11px; margin: 0px 15px; color: #ccc }
#footer ul li.foot_other { width: 1200px; margin: 0px auto; }

/*通用框*/
.box{overflow: hidden;}
.box .hd{height: 50px; line-height: 50px;border: none;background: #fff;}
.box .hd h3{padding-left: 20px; font-size: 22px; font-weight: bold; color: #146ac1;}
.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: #146ac1;}
.box .hd .moreBtn a:hover{color: #146ac1;}
.box .bd{overflow: hidden;}


/*市长信箱-模块 *******************************/
/* .layoutA{position: relative; z-index: 3; padding: 0px; margin: -135px auto 0;  background: url(../img/hdjlpt/banner.jpg) center 135px no-repeat;} */
.layoutA{position: relative; z-index: 3; padding: 0 0 40px; margin: -135px auto 0;}
/*市长信箱-切换框*/
.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; 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%;text-align: left;}
.pettionList li a{padding-left: 140px;}
.listThree li a .icon{left: 40px;}

/*信件公示*/
#boxSzxx .hd h3{color: #1c6cbf;}
#boxSzxx .hd h3 a{color: #1c6cbf;}

/*信件列表*/
.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: 120px;}
.letterList .open{width:120px;}
.letterList .state{width:90px;}
.letterList .date{width:120px;}
.letterList .clicks{width: 90px;}
.letterCon{height: 192px; overflow: hidden; overflow-y: auto; width: 100%;}

/*嘉宾访谈 *********************/
#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;}

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

#boxDczj{width: 900px; float: left;}
#boxDczj .hd h4{overflow: hidden;}
#boxDczj .hd h4 a{width: auto; float: left; margin: 0 20px; font-size: 22px; font-weight: bold; color: #333;border: none;}
#boxDczj .hd h4 a.on{color: #1c466b;}
#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: -50px;right: 70px;width: auto;float: left;line-height: 50px;font-size: 16px;color: #146ac1;}


.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 .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;}
.zskBtn{float: left; margin: 15px 30px 0 0;}

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


.zskList{overflow: hidden;}
.zskList li{width: 275px; 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;}

.mBd .layout{display: none;}

/*部门，区县选择*/
.siteBox{width: auto; float: right;margin-top: 20px;}
.siteBox select{width: auto;height: 30px;line-height: 30px;border-radius: 3px;margin-left: 20px;border:0;
	padding-left: 10px;}

/*二级-部门列表*/
.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 .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{background-position: left -110px;}
.topInfo .topUser a.exitlogin,
.topInfo .notlogged a{background-position: left -150px;}
.topInfo .notlogged a.loginbutton{background-position: left -110px;}

/*banner部分 S*/
.topBanner{position: relative; z-index: 1; height: 320px; overflow: hidden; min-width: 1200px; margin:0 auto; text-align: center;background:url(../img/bodyBg.jpg) center top no-repeat #fff;}
#siteName{display: inline-block; *display: inline;width: 1200px;line-height: 1.2;overflow: hidden;margin: 0 auto;text-align: center;background:  url(../img/hdjlpt/siteName.png) 0 top no-repeat;position: relative;margin: 50px 0;}
#siteName .link-box{float:left;display: block;width: 750px;height: 68px;color: transparent;}
#boxDczj .hd h4 a{width: auto; float: left; margin: 0 20px; font-size: 22px; font-weight: bold; color: #333;border: none;}
.topNav .siteWidth,.topBar .siteWidth,.searchfull .siteWidth{width: 1200px;}

.topNav{margin-bottom: 0;}