@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;}
.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(/uploads/image/csiihdjlpt/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(/uploads/image/csiihdjlpt/icon.png) left -28px no-repeat;}


/*footer*/

/*通用框*/
.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(/uploads/image/csiihdjlpt/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(/uploads/image/csiihdjlpt/ldxx-ico-wyzx.png);}
.pettionlist li.li2 a .icon{background-image:url(/uploads/image/csiihdjlpt/ldxx-ico-wyts.png);}
.pettionlist li.li3 a .icon{background-image:url(/uploads/image/csiihdjlpt/ldxx-ico-wyjy.png);}
.pettionlist li.li4 a .icon{background-image:url(/uploads/image/csiihdjlpt/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{width:760px; float:left;}
#boxszxx .hd h3{color: #fff;font-size: 18px;padding: 0px 20px;background: none;}
#boxszxx .hd h3 a{color: #1c6cbf;}
.letterlist .dep{width: 96px;}

#boxxjtj{width:390px; float:right}
#boxxjtj .hd h3{color: #1c6cbf;font-size: 18px;padding: 0px 20px;background: none;}
#boxxjtj .hd h3 a{color: #1c6cbf;}
#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: 120px;}
.letterlist .open{width:120px;}
.letterlist .state{width:90px;}
.letterlist .date{width:120px;}
.letterlist .clicks{width: 90px;}
.lettercon{height: 250px; 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(/uploads/image/csiihdjlpt/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; 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: -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;}



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

/*二级-部门列表*/
.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(/uploads/image/csiihdjlpt/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(/uploads/image/csiimg/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(/uploads/image/csiihdjlpt/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: 1000px;}

.topnav{margin-bottom: 0;}