/*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}
.clearfix:before, .clearfix:after{content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix { *zoom:1;}
.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;}
.nobg { background-image: none;}
.ldxx_bd .ldxx-menu1{}
.ldxx_bd .ldxx-menu1 li{}
.ldxx_bd .ldxx-menu1 li a{text-indent: 30px;}
.ldxx_bd .ldxx-menu1 li a i{left: 20px;}
.ldxx_bd .ldxx-menu1 li a h4{}

.header{ height:160px; background: url(2020ty_banner.png) no-repeat center top; }
.top{ height: 36px;line-height: 36px; overflow:hidden; }
.top a{ font-size: 14px; color:#006dac!important; margin:0 10px }
.top a:hover{ text-decoration: underline; }
.top .top_right{ color:#006dac; }
.top .top_right img{ margin-top: -3px; }
.top .top_right .login,
.top .top_right .register{ margin: 0 5px; }

.logo-search{ margin-top: 24px; }
.logo-search .logo{ float:left; width:310px; }

.nav{ background: #006dac; }
#nav>li{ width: 14.285%; *width: 14.28%; float: left; text-align: center; position: relative; }
#nav>li>a{ display: block; height: 60px; line-height:60px; font-size: 20px; color: #fff; font-weight: bold; position: relative; text-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 0 3px rgba(0, 0, 0, 0.3), 0 0 3px rgba(0, 0, 0, 0.3); }
#nav>.on>a{ background: url(2020ty_nav_bg.png) no-repeat center bottom;  }

.index-search { margin-top: 7px; float:right; width:520px; height:50px; border-radius: 25px; overflow: hidden; background: url(2020index_search_r.png) no-repeat center; }
.index-search .search-txt { display:block; float: left; border: 0; width: 420px; height: 50px; background:transparent; padding-left:20px; font-size: 16px; line-height: 50px; outline: none; cursor: text; }
.index-search .search-btn { display:block; float: left; border: 0; width: 80px; height: 50px; background: url(2020index_search.png) no-repeat center; outline: none; cursor: pointer; }
.app-header{ display:none; }

/* media */
@media only screen and (max-width: 1199px) {
    * { box-sizing: border-box;}
    .Voice-Voicer-Container,.top,.sidebar,.header .menu { display: none;}
    .floor{ width: 100%; }
    .w1200 { width: 100% !important;}
    .header,.nav{ display:none; }
    .app-header{ display:block; }
    .app-header{ background:#006dac; overflow:hidden; position:relative; }
    .app-top{ height: 6px;position:relative; }
    .app-top .en{margin: 5px 10px;position:absolute;top: 0;right:0;z-index:999;}
    .app-top .en a{color:#fff;font-size: 14px;}
    .app-logo{ padding:20px 0;  position:relative; }
    .app-logo img{ max-width: 75%; margin-left: 15px; }
    .app-search-btn{ position:absolute; top:0; bottom:0; right:20px; background:url(2020xxz_app_fdj.png) no-repeat center; width:23px; height:100%; }
    .app-search-btn.on{ background:url(2020xxz_app_sql.png) no-repeat center; }
    .app-search{ padding: 15px 0; border-top:1px solid #00649e; background:#006dac; display:none; }
    .app-search .box{ width:300px; height:30px; margin:0 auto; overflow:hidden; background:#fff; border-radius:15px; }
    .app-search .app-sr{ width:250px; height:30px; line-height:30px; border:0; outline: none; display:block; box-sizing:border-box; padding-left: 15px; color:#cccccc; float:left; }
    .app-search .app-btn{ display:block; width:50px; height:30px; border:0; outline: none; background: url(2020xxz_search_bg2.png) no-repeat center; float:right; }
    .app-header:after{ content:""; display: block;width: 50px;height: 50px;position: absolute;right: 0;bottom: 0;background: linear-gradient(to right, rgba(0,83,147,0), rgb(0, 109, 172)) }
    .app-nav{ padding-bottom: 0; height:50px; background: #006dac; border-top: 1px solid #00649e; position:relative; overflow-x: scroll;overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; }
    .app-nav::-webkit-scrollbar{ display:none; }
    .app-nav .bj{ display: block;width: 50px;height: 50px;position: absolute;right: 0;top: 0;background: linear-gradient(to right, rgba(0,83,147,0), rgba(169, 44, 50, 1)) }
    .app-nav ul{ height: 40px; padding:0; width: 672px!important; }
    .app-nav ul li{ width:92px; float:left; height: 50px; line-height:50px; text-align:center; }
    .app-nav ul li a{ display:block; height: 100%; font-size: 18px; color:#fff; }
    .app-nav ul li span{ display:none; }
    .app-nav ul .on>a{ background: url(2020ty_nav_bg.png) no-repeat center bottom;  }
    .footer{ border-top: 3px solid #006dac; padding: 20px 0; }
    .footer .footer-con{ float:left; text-align:center; }
    .footer .footer-con01 p{ display:inline-block; margin: 0 4px; }
    .footer .footer-con01, .footer .footer-con02, .footer .footer-con03{ width: 100%; }
    .footer .footer-con04{ float:none; }
    .ldxx-menu{height: 245px;margin-top: 48px;border-top: 3px solid #006dac;}
    .ldxx_bd{}
}


/* 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: #1c466b; 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; background: #1c466b;}
.hdpt-nav .w1200 { position: relative;}
.hdpt-nav .welcome { float: left; width: 230px; height: 60px; 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: #fff; line-height: 60px; cursor: pointer; padding: 0 10px 0 35px;}
.hdpt-nav .position h2.on { background-color: #1c466b;}
.position .sub-posi { position: absolute; left: 0; top: 60px; z-index: 9; 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_jts.png) no-repeat 75px center; font-size: 14px; padding: 0 30px 0 10px;}
.hdpt-nav .quxian h2{ background-position-x: 100px;}
.hdpt-nav .yuanqu h2{ background-position-x: 75px;}
.hdpt-nav .bumen h2.on,.hdpt-nav .quxian h2.on ,.hdpt-nav .yuanqu h2.on{ background-image: url(hdpt_nav_jtx.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:#fff; 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 .menu  a:hover { background-color: #1c466b;}
.hdpt-nav .home { float: right; line-height: 60px; color: #fff; background: url(hdpt_nav_home.png) no-repeat 10px center; padding: 0 15px 0 35px; margin-right: 50px;}
.hdpt-nav .home:hover { background-color: #1c466b;}

.banner { height: 538px; background: url(hdpt_banner.jpg) no-repeat center top;}
.banner h2 { float:left; font-size: 34px; color: #fff; padding-top: 120px;}
.select-main{ float: right; margin-top: 130px; position:relative; }
.select-main .select-box{ float:left; margin: 0 10px; }
.select-main .select-box>span{ display:block; padding:0 35px 0 15px; background: #fff url(zwfww_nav_jts.png) no-repeat 92% center; height: 34px; line-height: 34px; border:1px solid #e6e6e6; border-radius: 2px; }
.select-main .select-box>span.on{ background: #fff url(zwfww_nav_jtx.png) no-repeat 92% center; }
.select-main .select-box .select-ul{ display:none;position:absolute;left:10px;right:10px;top:38px;padding:10px;z-index:899;border:1px solid #d2d2d2;max-height:300px;overflow-y:auto;background:#fff;background: rgba(255,255,255,0.9); border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.12); }
.select-main .select-box .select-ul::-webkit-scrollbar { width: 10px;height: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.select-main .select-box .select-ul::-webkit-scrollbar-track-piece { background-color: rgba(153, 153, 153, 0.5); }
.select-main .select-box .select-ul::-webkit-scrollbar-thumb {background-color: #5179b1;background-clip: padding-box;-webkit-border-radius:10px;-moz-border-radius: 10px;border-radius:10px;min-height: 28px;}
.select-main .select-box .select-ul::-webkit-scrollbar-thumb:hover { background-color:#6394d9; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.select-main .select-box .select-ul li{ float:left; width: 33.333%;line-height:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.select-main .select-box .select-ul li a{ display:inline-block; padding:0 10px; }
.select-main .select-box .select-ul li a:hover {  background: #5179b1; color: #fff; border-radius: 2px;}
@media screen and (max-width: 1199px) {
    .banner h2 { float:none; padding-left: 15px; }
    .select-main{ float: none; margin: 20px 5px 0;  }
    .select-main .select-box{  width: calc(50% - 10px); box-sizing:border-box; margin: 0 5px 10px; }
    .select-main .select-box .select-ul{ top: 80px;left:5px;right:5px; }
}


.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 #006dac;height: 0px;}
.ldxx-head h3 {float: left;background: #fff;width: 300px;height: 67px;font-size: 22px;text-align: center;line-height: 67px;color: #333;margin-top: -66px;opacity: 0.8;}
.ldxx-head h3.on{opacity: 1;background: url(hdpt_ldxx_head.jpg) no-repeat;color: #fff;}
.ldxx-head h3 a{color:#fff;}
.ldxx-menu { overflow: hidden;}
.ldxx-menu li { float: left; width: 300px;}
.ldxx-menu li a{ position: relative; display: block; 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;}

.xjgs { float: left; width: 870px; margin-left: 20px;}
.xjgs-list .table-head tr { background: #f4f4f4; font-weight: bold;}
.xjgs-list .table-list { height: 192px; margin-top: 10px; overflow-y: auto;}
.xjgs-list .table-list::-webkit-scrollbar { width: 5px;}
.xjgs-list .table-list::-webkit-scrollbar-track { border-radius: 5px; background: #f2f2f3;}
.xjgs-list .table-list::-webkit-scrollbar-thumb { background: #1c466b}
.xjgs-list table { width: 100%; table-layout: fixed;}
.xjgs-list table td { line-height: 18px; font-size: 16px; padding: 15px 5px;}
.xjgs-list table td a:hover { color: #1c466b;}
/*.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: 50%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.xjgs-list table .col03 { width: 30%; text-align: center;}
.xjgs-list table .col04 { width: 12%; 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;}
.zxft { border-bottom: 1px solid #a4a4a4; padding: 40px 0; overflow: hidden;}
.zxft-list { margin-top: 20px; height: 310px; overflow: hiddena4a4a4;}
.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: #1c466b;}
.zxft-list p { color: #999; padding: 0 20px;}

.col3 { border-bottom: 1px solid #a4a4a4; 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:#1c466b; 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: #5179b1;}
.wjdc-item .text h3 .result { color: #1c466b;}
.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: 285px; height: 400px; background: url(hdpt_znwd_bg.jpg);}
.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: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.zsph-list li h4 a:hover { color: #1c466b;}
.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: #1c466b; 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: #1c466b url(hdpt_zsph_sc2.png) no-repeat 30px center; color:#fff;}

.dqwz { background: #f5f5f5; line-height: 20px; padding: 10px 0;}
.dqwz a:hover{ color: #1c466b;}

.mayors-mailbox { width: 1198px; border: 1px solid #f5f5f5; margin: 50px auto; overflow: hidden;}
.mayors-mailbox .right { float: right; width: 242px; border-left: 1px solid #f5f5f5; background: #f6f6f6; padding: 20px; box-shadow:inset 15px 0 10px -15px #ccc;}
.mayors-mailbox .right .menu { background: url(mayors_mailbox_bg.png) no-repeat center top; padding-top: 100px; overflow: hidden;}
.mayors-mailbox .right .menu a { display: block; width: 220px; height: 58px; background: #b2b2b2 url(mayors_mailbox_icon.png) no-repeat 35px 0; border-radius: 5px; font-size: 20px; color: #fff; line-height: 58px; text-indent: 90px; margin: 10px auto 0;}
.mayors-mailbox .right .menu a.menu2 { background-position-y: -58px;}
.mayors-mailbox .right .menu a.menu3 { background-position-y: -116px;}
.mayors-mailbox .right .menu a.menu4 { background-position-y: -174px;}
.mayors-mailbox .right .menu a:hover { background-color: #dfc86d;}
.mayors-mailbox .right .instructions { margin-top: 25px;}
.mayors-mailbox .right .instructions h3 { font-size: 20px; line-height: 24px; padding: 10px 0;}
.mayors-mailbox .right .instructions p { line-height: 26px; text-align: justify;}
.mayors-mailbox .left { margin-right: 283px; padding: 20px;}
.mayors-mailbox .left .head { border-bottom: 1px solid #1c466b; height: 49px;}
.mayors-mailbox .left .head li { float: left; background: url(mayors_mailbox_line.png) no-repeat left center;}
.mayors-mailbox .left .head li:first-child,.mayors-mailbox .left .head .current { background-image: none;}
.mayors-mailbox .left .head li a { display: block; width: 175px; height: 49px; font-size: 18px; text-align: center; line-height: 49px;}
.mayors-mailbox .left .head li a:hover,.mayors-mailbox .left .head .current a { background: url(mayors_mailbox_head.png) no-repeat left top; font-size: 22px; color: #fff;}
.mail-search { height: 40px; margin: 20px 0; padding-left: 30px;}
.mail-search span { float: left; margin-left: 10px;}
.mail-search h4 { float: left; font-size: 14px; line-height: 40px;}
.mail-search .sod_select { float: left; border: 1px solid #cbcbcb; border-radius: 0; background: url(zfgb_jtx.png) no-repeat 95% center; width: 100px; height: 38px; line-height: 38px; font-size: 14px; margin-left: 10px;}
.sod_select .sod_list { border: 1px solid #cbcbcb; border-top: 0; box-sizing: border-box;}
.sod_select .sod_list li { padding: 5px;}
.mail-search .orgId{ width: 170px;}
.mail-search .text { float: left; border: 1px solid #cbcbcb; width: 277px; height: 38px; line-height: 38px; padding: 0 15px; font-size: 14px; cursor: text; outline: none;}
.mail-search .btn { float: left; border: 0;  width: 100px; height: 40px; color: #fff; background: #1c466b; outline: none; cursor: pointer;}
.mayors-mailbox .table { }
.mayors-mailbox table{ width:100%; }
.mayors-mailbox table th{ background-color:#f6f6f6; height:35px; font-weight:normal; line-height:35px; text-align:center;}
.mayors-mailbox table td{ border:1px solid #ececec;height:34px; text-align:center;line-height:1.5em;}

.pages { font-size: 0; text-align: center; margin: 30px 0;}
.pages li { display: inline-block; *display: inline; *zoom: 1; font-size: 16px; margin: 0 10px; line-height: 26px;}
.pages li a:hover { color: #1c466b;}
.pages li.current a { display: block; background: #1c466b; padding: 0 8px; color: #fff;}

.letter-details { width: 1200px; margin: 20px auto 40px;}
.letter-details-item { margin-bottom: 20px; color:#666;}
.letter-details-item h3{margin:0; color: #1c466b; font-size: 18px; font-weight: bold; line-height: 30px; margin-bottom: 10px;}
.letter-details-item table{width:100%; border:solid 1px #E9E9E9; background:#fff; border-collapse:collapse}
.letter-details-item table td{ border-collapse:collapse; border:solid 1px #E9E9E9; font-size: 14px; color: #666; padding:5px; line-height:30px;}
.letter-details-item table td p { font-size: 14px; line-height: 30px; color: #666;}
.letter-details-item .td_label{ width:100px; text-align:center}
.letter-details-item .td_label2{padding: 5px 10px; }


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

/* footer2 */
.footer2 { border-top: 3px solid #e6e6e6; padding: 25px 0;}
.footer2 .w1200 { width: 1100px; height: 100%; padding: 0 50px; overflow: hidden;}
.footer2 p { line-height: 26px;}
.footer2 .f-l { float: left; width: 300px; height: 104px;}
.footer2 .f-c { float: left; height: 104px; border-left: 1px solid #e6e6e6; padding-left: 69px;}
.footer2 .f-c p { padding-left: 25px;}
.footer2 .f-c p:first-child { padding-left: 0;}
.footer2 .f-c p:first-child img{ width: 18px; margin-right: 7px;}
.footer2 .f-r { float: right; height: 104px; border-left: 1px solid #e6e6e6; padding-left: 49px; line-height: 80px;}
.footer2 .f-r img { vertical-align: middle; margin: 0 5px;}

/* media */
@media screen and (max-width: 1199px) {
    * { box-sizing: border-box;}
    .top,.footer .f-r,.znwd,.zsph .pic,.ldxx-menu li i { display: none;}
    .header { height: auto; overflow: hidden;}
    .header .logo { float: none; text-align: center;}
    .header .search { float: none; margin: 30px auto;}
    .header .search .search-txt { width: calc(100% - 58px);}
    .footer .f-l,.footer .f-c { width: 100%; text-align: center;}
    .hdpt-nav { height: auto; float: left; width: 100%;}
    .hdpt-nav .welcome { width: 100%; height: 40px; line-height: 40px; margin-left: 0; padding-left: 20px; border-bottom: 1px solid #fff;}
    .hdpt-nav .position { width: calc(100% / 3); margin: 0; border-bottom: 1px solid #fff;}
    .hdpt-nav .position h2 { font-size: 20px; line-height: 20px; padding-top: 10px; padding-bottom: 10px; white-space: nowrap;}
    .hdpt-nav .bumen h2, .hdpt-nav .quxian h2 { font-size: 14px;}
    .position .sub-posi { width: 100%; top: 80px; background: rgba(255, 255, 255, 1); border-bottom: 1px solid #e1e1e1;}
    .hdpt-nav .bumen li, .hdpt-nav .quxian li { padding: 0 10px}
    .hdpt-nav .home { width: 50%; line-height: 40px; margin: 0; white-space: nowrap;}
    .hdpt-nav .menu { width: 50%;}
    .hdpt-nav .menu a { line-height: 40px;}
    .banner { height: 400px; clear: both;}
    .banner h2 { padding-top: 40px;}
    .container { width: 100%; margin: 0;}
    .ldxx-menu li { width: 25%;}
    .ldxx-menu li a { width: 100% !important; padding: 15px;}
    .xjgs {width: 100%;margin-left: 0;padding: 0 10px !important;!i;!;}
    .xjtj { width: 100%; padding: 0 10px;}
    .col3 { padding: 10px;}
    .title { padding: 0;}
    .xjgs .title,.xjtj .title {padding: 10px 0;height: 60px;}
    .title h3 { padding-left: 0;}
    .title ul li { font-size: 18px;}
    .zxft { padding: 20px 10px;}
    .zxft-list { height: auto;}
    .zxft-list ul {flex-wrap: wrap;}
    .zxft-list li { width: calc(100% / 2 - 5px); margin: 0 5px 10px 0 !important;}
    .zxft-list li .pic { width: 100%;}
    .zxft-list li .pic img { max-width: 100%;}
    .wjdc { width: 100%;}
    .wjdc-list { margin-top: 0;}
    .wjdc-item li { height: auto;}
    .zsph { margin-top: 0; padding: 10px;}
    .zsph-main { margin-left: 0;}
    .zsph-list { width: 100%; overflow: hidden; margin-top: 0;}
    .zsph-list li { width: calc(100% / 3); margin: 0; padding: 10px;}

    .dqwz { clear: both;}
    .mayors-mailbox { width: 100%; margin: 0; padding: 10px;}
    .mayors-mailbox .right { width: 100%; box-shadow: none;}
    .mayors-mailbox .right .menu a { width: 100%;}
    .mayors-mailbox .left { float: left; width: 100%; margin: 10px 0; padding: 0;}
    .mayors-mailbox .left .head li { width: 20%;}
    .mayors-mailbox .left .head li a { width: 100%; background-size: cover !important;}
    .mail-search { display: none; float: left; width: 100%; height: auto; padding-left: 0;}
    .mail-search .text { width: calc(100% - 100px); margin-left: 0;}
    .letter-details { width: 100%; margin: 0; padding: 10px;}

    .footer2 .w1200{ width: 100%; padding: 0;}
    .footer2 .f-l,.footer2 .f-c { width: 50%; padding: 0; text-align: center;}
    .footer2 .f-r { width: 100%; text-align: center; margin-top: 10px; height: auto; padding-left: 0;}
}

@media screen and (max-width: 480px) {
    .header .logo img { width: 90%;}
    .header .search { width: 95%; margin: 20px auto;}
    .position .sub-posi li h4 { position: static; text-align: center; width: 100%;}
    .position .sub-posi li { padding-left: 0; overflow: hidden;}
    .position .sub-posi li p { width: calc(100% / 3); text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .banner { height: 200px;}
    .banner h2 { font-size: 20px;}
    .ldxx-head h3 { width: 200px; height: 49px; line-height: 49px; margin-top: 0;}
    .ldxx-menu li  { width: 50% !important;}
    .ldxx-menu li:nth-child(3) a { border-left: 0;}
    .zxft-list li  { width: 100%; margin-right: 0 !important;}
    .zsph-list li { width: 100%; padding: 10px 0;}
    .zsph-list li p { height: auto;}
    .zsph-list li .btn { margin-top: 10px;}
    .wjdc-item li { padding-left: 0;}
    .wjdc-item .num { display: none;}
    .footer2 .f-l,.footer2 .f-c { width: 100%;}

    .mayors-mailbox .left .head li a { font-size: 16px; white-space: nowrap;}
    .mayors-mailbox .left .head li.current a { font-size: 18px;}
}