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


/*顶部 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;}

/*部门，区县选择*/
.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;}

 */
/*二级-部门列表*/
.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;overflow: hidden;text-align: center;}
#siteName{display:block;width: 100%;line-height: 1.2;overflow: hidden;margin: 0 auto;text-align: center;background:  url(../img/hdjlpt/sitename.png) 0 no-repeat;position: relative;margin: 10px 0 50px;}
#siteName .link-box{float:left;display: block;width: 555px;height: 68px;color: transparent;}

/*底部微信公众号*/
.footerWeChat{position: absolute; z-index:1; right: 160px; top: 0; width: auto; float: right; }
.footerWeChat li{width: 86px; float: left; margin-right: 12px;}
.footerWeChat li img{display: block; width: 86px; height: 86px;}
.footerWeChat li .title{margin-top: 5px; font-size: 12px; line-height: 14px; color: #fff; text-align: center;}

/*通用框*/
.box{overflow: hidden;}
.box .hd{height: 40px;line-height: 40px;border: 0;margin: 0;}
.box .hd h3{padding:0;padding-left: 0;font-size: 22px;font-weight: bold;color: #146ac1;}
.box .hd h3 a{color: #1c6cbf;}
.box .hd .more{float: right;margin: 7px 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;background: #F6F8FA;padding: 40px 0; text-align:left;}
/*市长信箱-切换框*/
.letterHeader { padding-right:20px; background:#f4f4f4}
.pettionBox{background-color: #fff;}
.pettionBox .mHd{height: 68px; line-height: 68px; border-bottom: 1px solid #1c466b;}
.pettionBox .mHd ul{}
.pettionBox .mHd li{width:25%;height: 68px;line-height: 68px;float: left;font-size: 18px;font-weight: bold;text-align: center;}
.pettionBox .mHd li.on{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:950px; float:left}
#boxXjtj{width:390px; float:right}
#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: 93%;}
.letterList th{padding: 0;height: 48px;line-height: 48px;font-size: 16px;font-weight: bold;color: #000;text-align: center;border: 0;background-color: #f4f4f4;}
.letterList td{padding: 10px 0;line-height: 28px;font-size: 16px;text-align: center;}
.letterList .even td { background:none;}
.letterList .title{text-align: left;width: 50%;}
.letterList .number{width: 120px;}
.letterList .open{width:120px;}
.letterList .state{width:90px;}
.letterList .date{width:120px;}
.letterList .clicks{width: 80px;}
.letterCon{height: 250px; overflow: hidden; overflow-y: auto; width: 100%;}

/*嘉宾访谈 *********************/
#boxJbft{ margin-top: 10px;}
#boxJbft .hd{overflow: hidden;height: 40px;line-height: 40px;margin-bottom: 10px;}
#boxJbft .hd h3{color: #1c6cbf;}
#boxJbft .hd h3 a{color: #1c6cbf;font-size: 22px;}
#boxJbft .bd{position: relative;z-index: 1;padding:10px 0 30px;height: 314px;border-bottom: 1px solid #1c466b;}

#boxJbft .bd .prev,
#boxJbft .bd .next{position: absolute; z-index: 4; top: 100px; 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;margin-right: -20px;}
.interviewList li{overflow: hidden;width: 335px;float: left;margin-right: 20px;}
.interviewList li .pic{position: relative; z-index: 1;}
.interviewList li .pic img{width: 335px;height: 223px;}
.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-left: 15px;}

#boxDczj{overflow: hidden;/* float: left; */margin: 0;/* margin-top: -5px; */}
#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;}
#boxDczj .hd h4 .spe{width: auto; float: left; font-size: 20px;}
#boxDczj .bd{position: relative;z-index: 1;padding: 0 20px;height: 333px;overflow: visible;}
#boxDczj .retrunBtn{position: absolute;z-index: 1;top: -47px;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;}

#wjdcInfo { overflow:hidden!important;}
#wjdcInfo ul { float:left;}

/*知识库 ----------------------------------------*/
.layoutC{overflow: hidden;margin-top: 25px;float: left;width:100%;}
.zskBtn{float: left; margin: 15px 30px 0 0;}
.xiantiao{ border-bottom:1px solid#1c466b;}
.szrxxj .bd li{ float:left;width:50%;}
.szrxxj .bd li .date{ padding-right:20px;}

/*知识库框*/
#boxZsk{overflow: hidden;margin-top: 0px;}
#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: 190px;}
.szrxxj .bd{ height:150px!important; padding:0px!important;}



#boxZsk .bd .kd{width: 275px; float: left;}
.zskList{overflow: hidden;}
.zskList li{width: 30%;float: left;margin-right: 20px;font-size: 16px;}
.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;}

#header.header-topNav-fixed{z-index:9999;}
#content:after{display:block; visibility:hidden;clear:both; height:0; content:'.'; line-height: 0;}

#boxJbft .hd .li1 a{padding-right: 20px;margin-right: 20px;border-right: 1px solid #dedede;}
#boxJbft .hd h3 a{color:#333;}
#boxJbft .hd .on a,#boxJbft .hd .li2:hover a{color: #146ac1;}
.li_box2{display: none;}
.li_box2 .title{height: 56px;overflow: hidden;font-size: 16px;font-weight: bold;color: #333;}

@media screen and (max-width: 1420px){
	.sideFixed{right: 0; margin-right: 0;}
}

/* goTop */
#goTop{display: none; position: fixed; z-index: 99; bottom: 0; right: 0; height: 0; width: 0; overflow: hidden; float: left;}
/*#goTop{position:fixed; z-index:99; right:5px; bottom:60px; display:none; width:50px; width:40px; height:50px; height:40px; margin:5px; cursor:pointer; opacity:.9; border-radius:2px; background:rgba(0, 0, 0, .5);-webkit-box-shadow:0 0 5px #9c9c9c; box-shadow:0 0 5px #9c9c9c; _display:none !important; }
#goTop::after{position:absolute; top:50%; left:50%; display:block; display:block; width:0;margin-top:-15px; margin-left:-10px; font-size:0; line-height:0; content:''; border-width:10px; border-style:dashed; border-color:transparent; border-bottom-style:solid; border-bottom-color:#fff; }*/
/* winMark */
#winMark{position:fixed; z-index:1; top:0;left:0; display:none; width:100%; height:100%; background:rgba(0, 0, 0, .8); }

/*屏幕分辨率在 1024px 至 1239px 之间*/
@media screen and (min-width: 1240px) and (max-width: 1459px) {
		#boxZsk .zskList li {width:275px;}
}
/*屏幕分辨率在 1024px 至 1239px 之间*/
@media screen and (min-width: 1024px) and (max-width: 1239px) {
	#boxZsk .zskList{width: 390px;height: 145px;overflow:hidden;}
	#boxZsk .zskList li { width:90%;}
}
@media only screen and (max-width: 1023px){
	#siteName { background:none; }
	#siteName a{ background:  url(../img/hdjlpt/sitename.png) 0 no-repeat; background-position:center;}
	#siteName .link-box { float:none; margin:0 auto;}

	.siteBox { float:none;}
	.listThree li a .icon { left:25px; height:66px; width:66px; background-size:100%;}
	.pettionList li a { padding:28px 0 28px 110px; height:66px;}
	.pettionList li a .title { padding-top:15px;}
	.pettionList li a .intro { display:none; }

	.letterList .number { width:60px;}
	.letterList .clicks { display:none; }

	.surveyList li .num { display:none;}
	.surveyList li .con{padding-left:0;padding-right: 0;}
	.surveyList li .status { bottom:5px; top:auto;}

	#boxDczj .bd { padding:0;}

	.layoutC { float:none;}
	#boxZsk .bd .kd { float:none; width:auto}
	#boxZsk.szrxftgg li { float:left; width:50%; margin:0;}
}
@media only screen and (max-width: 767px){

	.pettionBox .mBd { padding:0 3% 3%}
	
	.layoutA { padding:5% 0;}
	.siteBox { margin-top:1%}
	#siteName { margin:0 0 8%}
	
	#siteName .link-box { background-size:92%; width:100%; display:block;}

	.siteBox {text-align:center;}
	.siteBox select { margin:3% auto 0; clear:both; display:block;}
	.listThree li a .icon { left:5%; height:36px; width:36px; background-size:100%;}
	.pettionList li a {height:36px;line-height:36px;padding: 30px 0 30px 50px;}
	.pettionList li a .title { padding:0; font-size:16px;}

	.pettionBox .mHd li.on,
	.pettionBox .mHd li { display:flex; justify-content:center; align-items:center; overflow:hidden; font-size:16px; line-height:20px;}
	.pettionBox .mHd li a { display:block; padding:0 10%; }

	.letterList th:nth-child(5),
	.letterList td:nth-child(5),
	.letterList .dep,
	.letterList .number { display:none;}
	.letterList .title { width:auto}

	.znwdBtn { display:none; }
}
@media only screen and (max-width: 479px){

	.box .hd h3 { padding:0 0 0 3%;}
	.box .hd .moreBtn a { margin:0 5px}

	.listThree li a .icon {display:block;float:none;left: auto;position: relative;top: 0;margin: 8% auto 3%;}
	.pettionList li a {padding:3%;text-align:center;height: auto;}
	.pettionList li a .title { font-size:15px;}

	.zskBtn {float:none;text-align:center;width:100%;margin:0;display: block;}

	#boxZsk { margin:3% 10% 0}
	#boxZsk.szrxftgg li {width:100%;}

	.surveyList li .con p { font-size:12px;}
}