/*CSS reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0; font-family:"microsoft yahei"; font-size:14px; cursor:default; color:#333;}
table{border-collapse:collapse;border-spacing:0; border:none;}
/*tr,td{border:none;}*/
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none; vertical-align:middle;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none; outline:none; color:#333;}
a:hover{ text-decoration:none;}
a:active{outline: none;star:expression(this.onFocus=this.blur());}
i{font-style:normal}


.fl{ float: left;}
.fr{ float: right;}
.clear{ clear: both;}
.w1200 { width: 1200px; margin: 0 auto;}

body { background: url(hdpt_bg.png) no-repeat center 760px #fff;}

/* top */
.top{ background: #edebeb; height: 30px; line-height: 30px;}
.top .t-l { float: left;}
.top .t-l a { margin: 0 3px;}
.zddh { float: left; margin: 5px 0 0 15px;}
.zddh .zddh-btn{ display: block; border-radius: 10px; width: 80px; height: 20px; background: #d9979e; text-align: center; color: #fff; line-height: 20px;}
.zddh .zddh-btn:hover { background: #c12c3d; color: #fff !important;}
.top .weather { float: right; padding-top: 5px; height: 25px; overflow: hidden;}

/* header */
.header{ height: 130px;}
.header .logo { float: left; margin-top: 34px;}
.header .search { float: right; border: 1px solid #1c466b; border-radius: 20px; width: 358px; height: 38px; margin-top: 45px; overflow: hidden;}
.header .search .search-txt { float: left; border: 0; width: 260px; height: 38px; line-height:38px; font-size: 16px; padding: 0 20px; cursor: text; outline: none;}
.header .search .search-btn { float: left; border: 0; width: 58px; height: 38px; background: #fff url(hdpt_search.png) no-repeat center center; cursor: pointer; outline: none;}

/* 导航 */
.hdpt-nav { height: 60px;}
.hdpt-nav .w1200 { position: relative;}
.hdpt-nav .welcome { float: left; line-height: 60px; color: #dfa8ab; margin-left: 88px;}
.hdpt-nav .position { float: left; margin-left: 50px;}
.hdpt-nav .position h2 { background: url(hdpt_nav_posi.png) no-repeat 10px center; font-size: 26px; color: #1c466b; line-height: 60px; cursor: pointer; padding: 0 10px 0 35px;}
.hdpt-nav .position h2.on {}
.position .sub-posi { position: absolute; left: 0; top: 60px; width: 1200px; background:rgba(255,255,255,0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff,endColorstr=#ccffffff); padding: 15px 0;}
.position .sub-posi{ display: none; overflow: hidden;}
.position .sub-posi li { position: relative; padding-left: 150px; overflow: hidden;}
.position .sub-posi li h4 { position: absolute; left: 0; top: 7px; width: 140px; font-size: 16px; color: #1c466b; line-height: 30x; text-align: right;}
.position .sub-posi li p { float: left; width: 150px; line-height: 25px; padding: 5px 0;}
.position .sub-posi li p a {display: inline-block; *display: inline; zoom: 1; padding: 0 5px;}
.position .sub-posi li p.on a,.position .sub-posi li p a:hover {  background: #5179b1; color: #fff; border-radius: 3px;}
.hdpt-nav .bumen h2,.hdpt-nav .quxian h2 ,.hdpt-nav .yuanqu h2 { background: url(hdpt_nav_jtx.png) no-repeat 75px center; font-size: 14px; padding: 0 30px 0 10px;}
.hdpt-nav .quxian h2{ background-position-x: 100px;}
.hdpt-nav .bumen h2.on,.hdpt-nav .quxian h2.on ,.hdpt-nav .yuanqu h2.on { background-image: url(hdpt_nav_jts.png);}
.hdpt-nav .bumen li,.hdpt-nav .quxian li,.hdpt-nav .yuanqu li { padding: 0 50px;}

.hdpt-nav .menu { float: right;}
.hdpt-nav .menu a { float: left; color:#333; line-height: 60px; padding: 0 15px 0 35px;}
.hdpt-nav .menu .login{ background: url(hdpt_nav_dl.png) no-repeat 10px center;}
.hdpt-nav .menu .register{ background: url(hdpt_nav_zc.png) no-repeat 10px center;}

.hdpt-nav .home { float: right; line-height: 60px; color: #333; background: url(hdpt_nav_home.png) no-repeat 10px center; padding: 0 15px 0 35px; margin-right: 50px;}

/* banner */
.banner { height: 538px; background: url(hdpt_banner.jpg) no-repeat center top;}
.banner h2 { font-size: 34px; color: #fff; padding-top: 120px;}

.container{ width: 1200px; margin: -135px auto 50px;} 

.title { line-height: 30px; padding: 10px 20px 10px 0; overflow: hidden;}
.title ul { float: left;}
.title ul li { float: left; background: url(hdpt_zxft_line.jpg) no-repeat left center; font-size: 22px; padding: 0 20px;}
.title ul li:first-child { background: none;}
.title ul li.on a { font-weight: bold; color: #1c466b;}
.title h3 { float: left; font-size: 22px; font-weight: normal; color: ##1c466b; padding-left: 20px;}
.title h4 { float: left; font-size: 18px; font-weight: normal; color: ##1c466b;}
.title .more { float: right; width: 30px; height: 30px; overflow: hidden;}
.title .more a { display: block; background: url(hdpt_title_more.png) no-repeat center center; width: 30px; height: 30px;}

/* 领导信箱 */
.ldxx { background: #fff; box-shadow: 0 0 10px #666; padding-bottom: 20px;}
.ldxx-head { border-bottom: 1px solid #1c4583; height: 49px;}
.ldxx-head h3 { float: left; background: url(hdpt_ldxx_head.png) no-repeat; width: 299px; height: 67px; font-size: 22px; text-align: center; line-height: 67px; color: #fff; margin-top: -18px;}
.ldxx-menu { overflow: hidden;}
.ldxx-menu li { float: left; width: 300px;}
.ldxx-menu li a{ position: relative; float: left; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; width: 149px; height: 119px; padding: 30px 20px 0 130px;}
.ldxx-menu li:first-child a { border-left: 0; width: 150px;}
.ldxx-menu li i { position: absolute; left: 17px; top: 0; width: 100px; height: 119px; text-align: center; font-size: 0; padding-top: 30px;}
.ldxx-menu li img { transform: rotate(0); transition: all 1s;}
.ldxx-menu li h4 { font-size: 18px; line-height: 1; font-weight: normal; cursor: pointer;}
.ldxx-menu li p { font-size: 12px; line-height: 24px; color: #999; margin-top: 10px; cursor: pointer;}
.ldxx-menu li:hover img { transform: rotate(360deg); transition: all 1s;}

/* td *{ font:normal 16px microsoft yahei!important; line-height:1.5!important;  color:#333!important; }*/

.xjgs { float: left; width: 870px; margin-left: 20px;}
.xjgs-list table { width: 100%; table-layout: fixed;}
.xjgs-list table td { line-height: 48px; font-size: 16px; padding: 0 5px;}
.xjgs-list table td a:hover { color: #c12c3d;}
.xjgs-list table tr:first-child { background: #f4f4f4; font-weight: bold;}
.xjgs-list table .col01 { width: 8%; text-align: center;}
.xjgs-list table .col02 { width: 48%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.xjgs-list table .col03 { width: 20%; text-align: center;}
.xjgs-list table .col04 { width: 10%; text-align: center;}
.xjgs-list table .col05 { width: 14%; text-align: center;}
.xjtj { float: right; width: 280px;}
.xjtj .title h3 { padding-left: 0;}
.xjtj .num { overflow: hidden;}
.xjtj .num li { float: left; width: 33%;}
.xjtj .num li p { font-size: 15px; margin-bottom: 5px;}
.xjtj .num li p em { display: inline-block; *display: inline; *zoom: 1; border-bottom: 3px solid #1c466b; font-size: 18px; color: #1c466b; margin-right: 5px; padding-bottom: 5px;}
.xjtj .tjt { margin-top: 20px; height: 150px; overflow: hidden;}

/* 新闻列表 */
.bd_new ul{ zoom:1; padding: 10px 0; }
.bd_new li{  height: 36px; line-height: 36px; padding-left: 15px; background: url(2019xxz_tybm_dian.png) no-repeat left center;  }
.bd_new li a{ font-size: 16px; display: block; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.bd_new li:hover a{ text-decoration: underline; color: #006eab; }
.bd_new li:hover span{ color: #006eab; }
.bd_new li span{ display: block; width: 80px; font-size: 14px; text-align: right; float:right; color: #999999; }
.bd_a80 li a{ margin-right: 100px; }

/********************************************************* 信件列表.html ********************************************************/
#list .list_xjcon{ margin-top: 10px; margin-bottom: 40px; }
/* 分页 */
.paging { margin-top: 20px; }
.pages {clear:both;	padding-right: 3px; padding-left: 3px; padding-bottom: 13px; margin: 3px; padding-top:13px; text-align: center;}
.pages a {border: #d7d7d7 1px solid; padding: 4px 10px; border-radius: 4px; margin: 2px 4px; text-decoration: none;cursor: pointer;}
.pages a:hover,.pages a:active {color: #666; border: #999 1px solid}
.pages .current{border:#006eab 1px solid;padding:4px 10px;border-radius: 4px;font-weight:bold;margin:2px 4px;color:#fff;background-color:#006eab;}
.pages .disabled{border:#d7d7d7 1px solid;padding:4px 10px;border-radius: 4px;margin:2px 4px;color:#bbb;}
.news_list li{clear:both;}


/*信箱详情*/
#wyxx { margin-bottom: 30px; }
/* zwxx_xl.html */
#tableDiv{ margin-top: 10px; }
#wyxx .td-tit{ background: #c1dbf0; }
#wyxx .td-lx-last{ width: 150px; }
#wyxx .td-lx{ background: #f0f6fb; text-align: center; }
#wyxx .email_title02{ font-size: 24px; line-height: 50px; text-align:center;}
#wyxx .email_tab4{  clear:both; text-align:left; margin-bottom:50px;}
#wyxx .email_tab4 td{ border:1px solid #c1dbf0; font:normal 16px/30px microsoft yahei; padding:10px 20px;}
#wyxx .email_tab4 span{ color:#000;}
#wyxx .email_tab4 h2{ font:normal 24px microsoft yahei; text-align:center;}
#wyxx .email_tab2{ clear:both; overflow:hidden; border-left:1px solid #c1dbf0; border-top:1px solid #c1dbf0;}
#wyxx .email_tab2 td{ border-bottom:1px solid #c1dbf0; border-right:1px solid #c1dbf0; font:normal 16px/60px microsoft yahei; padding:0px 20px;}
#wyxx .email_tab2 span{ color:#F00;}
#wyxx .email_ul{ clear:both; overflow:hidden;}
#wyxx .email_ul li{ width:150px; float:left;}
#wyxx .email_ul li span{ width:25px; float:left; padding-top:5px;}
#wyxx .email_ul li p{ width:125px; float:left; font:normal 16px microsoft yahei;}
#wyxx .email_input{ height:30px; border:1px solid #eaeaea; border-radius:5px; text-align:left;}
#wyxx .email_tab2 textarea{ border:1px solid #eaeaea; border-radius:5px; width:835px; height:250px; margin:20px 0px;}
#wyxx .email_tab2 select{ border:1px solid #eaeaea; border-radius:5px; height:30px; width:250px;}
#wyxx .submit{ width:300px; margin:40px auto;}
#wyxx .submit a{ width:140px; color:#fff !important; background:#7ecdf4; height:50px; font:normal 24px/50px microsoft yahei; text-align:center; border-radius:5px;display:block;margin-right:10px; float:left;margin-bottom: 40px;}

/* 在线访谈 */
.zxft { border-bottom: 1px solid #6b1c1c; padding: 40px 0; overflow: hidden;}
.zxft-list { margin-top: 20px; height: 310px; overflow: hidden;}
.zxft-list li { float: left; width: 285px; margin-left: 20px;}
.zxft-list li:first-child { margin-left: 0;}
.zxft-list li .pic { width: 285px; height: 165px;}
.zxft-list li .pic img { width: 100%; height: 100%;}
.zxft-list .status { display: block; border-radius: 11px; width: 88px; height: 22px; background: #5179b1; text-align: center; line-height: 22px; color: #fff; margin: 15px 0 0 15px;}
.zxft-list .status.end { background: #999; cursor: default;}
.zxft-list h3 { font-size: 16px; line-height: 30px; padding: 15px 20px;}
.zxft-list h3 a:hover { color: #1c4583;}
.zxft-list p { color: #999; padding: 0 20px;}


/* 问卷调查、意见征集、智能问答 */
.col3 { border-bottom: 1px solid #1c4583; padding: 40px 0; overflow: hidden;}

.wjdc { position: relative; float: left; width: 900px;}
.wjdc .title { padding-right: 0;}
.wjdc .hd { position: absolute; right: 20px; bottom: 0; width: 50px;}
.wjdc .prev,.wjdc .next { float: left; width: 20px; height: 20px; text-align: center; line-height: 20px; color:#fff; font-size: 14px; font-family: simsun; font-weight: bold; background: #c1c1c1; margin-left: 5px;}
.wjdc .next { float: right;}
.wjdc .prev:hover,.wjdc .next:hover { background:#c12c3d; color:#fff !important;}
.wjdc-list { margin-top: 20px; height: 330px; overflow: hidden;}
.wjdc-item { position: relative; height: 330px; overflow: hidden;}

.wjdc-item .bd { height: 300px; overflow: hidden;}
.wjdc-item  li { position: relative; height: 70px; padding: 15px 100px;}
.wjdc-item .num { position: absolute; left: 20px; top: 25px; border: 1px solid #e5e5e5; border-radius: 100%; width: 48px; height: 48px; text-align: center; line-height: 48px;}
.wjdc-item .text h3 { font-size: 18px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.wjdc-item .text h3 a:hover { color: #c12c3d;}
.wjdc-item .text h3 .result { color: #1c4583;}
.wjdc-item .text p { line-height: 20px; color: #999; margin-top: 15px;}
.wjdc-item .status { position: absolute; right: 15px; top: 25px; display: block; border-radius: 11px; width: 88px; height: 22px; background: #5179b1; text-align: center; line-height: 22px; color: #fff;}
.wjdc-item .status.end { background: #999; cursor: default;}


.znwd { float: right; width: 284px; height: 400px; background: url(hdpt_znwd_bg.png);}
.znwd .btn { display: block; background: url(hdpt_znwd.png); width: 228px; height: 70px; font-size: 20px; line-height: 65px; text-align: center; color: #fff; margin: 285px auto 0; transition: all .5s;}
.znwd .btn:hover { margin-top: 280px; transition: all .5s;}

/* 热点知识排行 */
.zsph { margin-top: 40px; overflow: hidden;}
.zsph .title { padding: 0; padding-right: 20px;}
.zsph .pic { float: left; width: 285px; height: 200px;}
.zsph .pic img { idth: 100%; height: 100%;}
.zsph-main { margin-left: 315px; overflow: hidden;} 
.zsph-list { width: 900px; margin-top: 30px;}
.zsph-list li { float: left; width: 270px; margin-right: 30px;}
.zsph-list li h4 {  font-size: 16px; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.zsph-list li h4 a:hover { color: #c12c3d;}
.zsph-list li p { line-height: 24px; color: #999; height: 48px; overflow: hidden; margin-top: 10px;}
.zsph-list li .btn{ margin-top: 20px; overflow: hidden;}
.zsph-list li .btn a { float: left; width: 110px; height: 36px; border-radius: 5px; text-align: center; line-height: 36px; background: #f8f8f8; color: #999; margin-right: 10px;}
.zsph-list li .btn a:hover { background: #c12c3d; color: #fff;}
.zsph-list li .btn .collect { background: #f8f8f8 url(hdpt_zsph_sc.png) no-repeat 30px center; text-indent: 20px;}
.zsph-list li .btn .collect:hover,.zsph-list li .btn .collected { background: #c12c3d url(hdpt_zsph_sc2.png) no-repeat 30px center; color:#fff;}

/* footer */
.footer { border-top: 1px solid #e5e5e5; padding: 20px 0; overflow: hidden;}
.footer .f-l { float: left; padding: 10px 20px 0;}
.footer .f-c { float: left; padding: 0 20px;}
.footer .f-c p { line-height: 30px;}
.footer .f-r { float: right;}
.footer .f-r a { margin: 0 10px;}
.footer .f-r a:hover { color: #bb1a2a;}