@charset "utf-8";
/* CSS Document */
.hdjl-container{margin-bottom:20px;}
.hdjl-contain{padding:10px 20px 20px;background: #fff;overflow: hidden;margin-top:20px;}
.hdjl_wz_top{border-bottom:1px solid #ddd;}

/*标题*/
.hd-tab{ height: 45px;}
.hd-tab ul li{ float: left;margin-left:15px;}
.hd-tab ul li.num1{margin-left:0;}
.hd-tab ul li a{ font-size: 20px; display: block; height: 40px; line-height: 40px;}
.hd-tab ul li.active a{ font-weight: bold; color: #3473b6;}
.hd-tab .xx_btn{display: block;line-height: 40px;font-size: 15px;color: #1c60a7;padding-left: 28px;background: url(../images-hd/xiexin.png) left center no-repeat;}

/*在线留言*/
.zxly-contain{width:756px;height:440px;overflow: hidden;}
.hd_mesgbox p{float:right;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hd_mesgbox p.p0{float: none;margin-right: 380px;}
.hd_mesgbox p.p1{width: 200px;}
.hd_mesgbox p.p2{width:90px;}
.hd_mesgbox p.p3{width: 90px;}
.mesg_tel{height: 30px;line-height: 30px;background: #f9f9f9; overflow: hidden;}
.mesg_tel p{height: 30px;line-height: 30px;font-size: 14px;text-align: center;color:#666;}
.mesglist{font-size: 14px;padding-top:10px;}
.mesglist li{height: 36px;line-height: 36px;vertical-align: bottom;overflow: hidden;}
.mesglist li p{height: 36px;line-height: 36px;}
.mesglist p.p0 a{display: block;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;padding: 0 5px;font-size:16px;}
.mesglist p.p0{float: none;text-align: left;}
.mesglist p.p1{color:#777;}
.mesglist p.p2,.mesglist p.p3{color: #999;}
.mesglist li p .responseNo{color: #e33640;}

/*受理统计*/
.sltj-contian{width:344px;overflow: hidden;}
.sltj-con{height:120px;}
.sltj-con ul li{float:left;width:33.3%;height:52px;margin:0px 0 8px;}
.sltj-con ul li span{display:block;padding-left:10px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;font-size:16px;color:#666;}
.sltj-con ul li span.num{font-size:24px;color:#505050;}

/*信件查询*/
.xjcx-form{height:230px;background: #fff;}
.xjcx-form li{vertical-align: bottom;}
.xjcx-form li.srk{height:25px;padding: 10px 0; margin-bottom: 15px;background: #f8f8f8;border-radius: 2px;}
.xjcx-form li .ico{width: 68px;height: 28px;display: block; float: left;text-align: center; border-right: #999 1px solid;}
.xjcx-form li .star-ico{background: url("../images-hd/cx-ico1.png") center no-repeat;}
.xjcx-form li .end-ico{background: url("../images-hd/cx-ico2.png") center no-repeat;}
.xjcx-form li .key-ico{background: url("../images-hd/cx-ico3.png") center no-repeat;}
.xjcx-form li .input{float:none; display: block;position: relative; margin-left: 70px; text-overflow: ellipsis;white-space: nowrap;}
li .input input{width: 98%;float: left; text-indent: 20px;font-size: 16px;color: #333; line-height: 28px;border: none;background: none;outline: none;}
.xjcx-form li .input input::-webkit-input-placeholder{color: #999;}
.xjcx-form li .input input:-moz-placeholder{color: #999;}
.xjcx-form li .input input::moz-placeholder{color: #999;}
.xjcx-form li .input input:-ms-input-placeholder{color: #999;}
.xjcx-form li .input input:focus{color: #333;}
.xjcx-form li .yzinput{margin-right: 110px; height: 28px;padding: 11px 0; background:#f8f8f8;border-radius: 2px; }
.xjcx-form li .yzinput .verification{font-size: 17px;width: 100px; color: #999;text-align: center; line-height: 28px;border: none;background: none;outline: none;}
.xjcx-form li .yzimg{width: 102px;height: 50px;float: right; text-align: center;line-height: 50px;background:#f8f8f8;border-radius: 2px;}
.xjcx-form li .yzimg img{max-width: 100%;}
.xjcx-form li.cx-btn{width: 100%;}
.xjcx-form li.cx-btn input{display: block;width: 100%; height: 50px;background: #67a3e3;font-size: 24px;color: #fff;text-align: center;line-height: 50px;border:none;cursor: pointer;}
.xjcx-form li .msg-box{position: absolute;}

/*征集调查*/
.zjdc-tab{border-bottom:1px solid #ddd;}
.zjdc-contain{}
.zjdc_top{height: 35px;line-height: 35px;font-size: 15px;font-weight: bold;padding-left: 120px; background: #d9e3f0;margin: 10px 0;position: relative;}
.zjdc_top p{float: right;text-align: center;}
.zjdc_top p.bt{float:none;text-align: left;text-indent: 20px;margin: 0 578px 0 0; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.zjdc_top p.date{width: 130px;}
.zjdc_top p.zt{width: 90px;}
.zjdc_top p.bm{width: 188px;padding: 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.zjdc_top p.type{width: 110px;text-align: center;position: absolute;left: 0;top: 0;}
.zjdc-list li{height: 36px;line-height: 36px;font-size: 16px; padding: 10px 0 10px 120px; overflow:hidden;position: relative;background: none; border-bottom: #bbb 1px dashed;}
.zjdc-list li a.title{display:block;float: none;margin: 0 578px 0 0px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.zjdc-list li a.title2{display:block;float: left;max-width: 560px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.zjdc-list li .zt{float: right; width:90px;font-size: 16px; text-align: center; color:#b3b4be;}
.zjdc-list li .result a{color: #cb1007;}
.zjdc-list li  span.over{ color:#999;}
.zjdc-list li  span.starting{color:#35a100;}
.zjdc-list li span.nostart{ color:#9EADB6;}
.zjdc-list li .date{float: right; width: 130px;font-size: 15px;color: #999; text-align:center;}
.zjdc-list li .bm{width: 188px;padding: 0 10px;text-align: center;color: #666; float: right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.zjdc-list li .type{width: 110px;position: absolute;left: 0;top: 10px;}
.zjdc-list li .type i{display: block;font-style:normal; width: 82px;height: 26px;text-align: center;line-height: 26px;margin: 5px auto;}
.zjdc-list li .type i.dc{background: #f0f3f8;color: #4574af;}
.zjdc-list li .type i.zj{background: #fff2e4;color: #e88112;}

@media (min-width: 992px) and (max-width:1199px) {
    /*在线留言*/
    .zxly-contain{width:606px;}
    .hd_mesgbox p.p1{width:160px;}
    .hd_mesgbox p.p0{margin-right:340px;}

    /*受理统计*/
    .sltj-contian{width:286px;}
    .sltj-con ul li span{font-size:15px;}
    .sltj-con ul li span.num{font-size:22px;}

    /*征集调查*/
    .zjdc_top p.bm,.zjdc-list li .bm{display: none;}
    .zjdc_top p.bt,.zjdc-list li a.title{margin: 0 370px 0 0;}
}

@media (max-width:991px) {
    .hdjl-container{margin-bottom:15px;}
    .hdjl-contain{padding:10px 2% 2%;margin-top:15px;}
    .hdjl_wz_top{margin:0 10px;border:0;}

    /*在线留言*/
    .zxly-contain{float:none;width:auto;height:auto;margin-top:0;}

    /*受理统计*/
    .sltj-contian{float:none;width:auto;}
    .sltj-con{height:auto;}
    .xjcx-form{height:auto;}

}

@media (min-width: 768px) and (max-width:991px) {
    /*征集调查*/
    .zjdc_top p.bm,.zjdc-list li .bm{display: none;}
    .zjdc_top p.date,.zjdc-list li .date{display: none;}
    .zjdc_top p.bt,.zjdc-list li a.title{margin: 0 90px 0 0;}
}
@media (max-width: 767px){
    .hd-tab ul li a{font-size:18px;}

    /*在线留言*/
    .mesglist li p{height:32px;line-height:32px;}
    .hd_mesgbox p.p1,.hd_mesgbox p.p3{display: none;}
    .hd_mesgbox p.p0{margin: 0 88px 0 0;}
    .mesglist p.p0 a{font-size:15px;}

    /*受理统计*/
    .sltj-con ul li{height:48px;}
    .sltj-con ul li span{font-size:15px;}
    .sltj-con ul li span.num{font-size:20px;}

    /*信件查询*/
    .xjcx-form li .input input{font-size:14px;}
    .xjcx-form li.cx-btn input{font-size:18px;}

    /*征集调查*/
    .zjdc_top p.type,.zjdc-list li .type{width: 82px;}
    .zjdc-list li .type{font-size: 14px;}
    .zjdc-list li .type i{width: 72px;}
    .zjdc_top,.zjdc-list li{padding-left: 90px;}
    .zjdc_top p.bm,.zjdc-list li .bm{display: none;}
    .zjdc_top p.date,.zjdc-list li .date{display: none;}
    .zjdc_top p.bt,.zjdc-list li a.title{margin: 0 90px 0 0;}
}
@media (max-width: 374px){
    /*受理统计*/
    .sltj-con ul li{width:50%;}

}

/*调查-征集 合并栏目页面*/
.zjdc-box{padding-top:0px;}
.zjlm_top{height: 35px;line-height: 35px;font-size: 15px;font-weight: bold;padding-left: 120px; background: #d9e3f0;margin-bottom: 10px;position: relative;}
.zjlm_top p{float: right;text-align: center;}
.zjlm_top p.bt{float:none;text-align: left;text-indent: 20px;margin: 0 578px 0 0; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.zjlm_top p.date{width: 130px;}
.zjlm_top p.zt{width: 90px;}
.zjlm_top p.bm{width: 188px;padding: 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.zjlm_top p.type{width: 110px;text-align: center;position: absolute;left: 0;top: 0;}

.navjz .surveyCollect-list{margin-bottom: 20px;}
.navjz .surveyCollect-list li{height: 36px;line-height: 36px;font-size: 16px; padding: 10px 0 10px 120px; overflow:hidden;position: relative;background: none; border-bottom: #bbb 1px dashed;}

.navjz .surveyCollect-list li a.title{display:block;float: none;margin: 0 578px 0 0px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.navjz .surveyCollect-list li a.title2{display:block;float: left;max-width: 560px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.navjz .surveyCollect-list li .zt{float: right; width:90px;font-size: 16px; text-align: center; color:#b3b4be;}
.navjz .surveyCollect-list li .result a{color: #cb1007;}
.navjz .surveyCollect-list li  span.over{ color:#999;}
.navjz .surveyCollect-list li  span.starting{color:#35a100;}
.navjz .surveyCollect-list li span.nostart{ color:#9EADB6;}
.navjz .surveyCollect-list li .date{float: right; width: 130px;font-size: 15px;color: #999; text-align:center;}
.navjz .surveyCollect-list li .bm{width: 188px;padding: 0 10px;text-align: center;color: #666; float: right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.navjz .surveyCollect-list li .type{width: 110px;position: absolute;left: 0;top: 10px;}
.navjz .surveyCollect-list li .type i{display: block;font-style:normal; width: 82px;height: 26px;text-align: center;line-height: 26px;margin: 5px auto;}
.navjz .surveyCollect-list li .type i.dc{background: #f0f3f8;color: #4574af;}
.navjz .surveyCollect-list li .type i.zj{background: #fff2e4;color: #e88112;}
@media (min-width: 992px) and (max-width:1199px) {
    .zjlm_top p.bm,.navjz .surveyCollect-list li .bm{display: none;}
    .zjlm_top p.bt,.navjz .surveyCollect-list li a.title{margin: 0 370px 0 0;}
}
@media (min-width: 768px) and (max-width:991px) {
    .zjlm_top p.bm,.navjz .surveyCollect-list li .bm{display: none;}
    .zjlm_top p.date,.navjz .surveyCollect-list li .date{display: none;}
    .zjlm_top p.bt,.navjz .surveyCollect-list li a.title{margin: 0 90px 0 0;}
}
@media (max-width: 767px){
    .zjlm_top p.type,.navjz .surveyCollect-list li .type{width: 82px;}
    .navjz .surveyCollect-list li .type{font-size: 14px;}
    .navjz .surveyCollect-list li .type i{width: 72px;}
    .zjlm_top,.navjz .surveyCollect-list li{padding-left: 90px;}
    .zjlm_top p.bm,.navjz .surveyCollect-list li .bm{display: none;}
    .zjlm_top p.date,.navjz .surveyCollect-list li .date{display: none;}
    .zjlm_top p.bt,.navjz .surveyCollect-list li a.title{margin: 0 90px 0 0;}
}


/*留言须知 on*/
.hdjl_wz_top {border-bottom: 1px solid #ddd;}
.xuzhi_conbox{ padding: 18px 55px 8px; color: #000; text-align: justify; font-size: 16px; line-height: 36px;}
.xuzhi_conbox h3{font-weight: bold;}
.xuzhi_conbox p{ text-indent: 2em;}
.xuzhi_btn{ text-align: center; padding: 13px 0 0; height: 40px; line-height: 40px; font-size: 0;}
.xuzhi_btn label{vertical-align: middle; padding: 0 8px; font-size: 16px;}
.xuzhi_btn input{margin-right: 10px;}
.xuzhi_next,.xuzhi_next_disable{ width: 126px; text-align: center; height: 40px; line-height: 40px; font-size: 16px; color: #fff; border-radius: 8px; background: #3573B5; margin: 17px auto 0; display: block; transition: 0.4s all;}
.xuzhi_next:hover{color: #fff; background:#2E5C8E;}
.xuzhi_next_disable{background: #D3D3D3; cursor: default;}
.xuzhi_next_disable:hover{color: #fff; background: #D3D3D3;}
@media (max-width:991px) {
    .xuzhi_conbox{padding: 15px 5px 0;}
}
/*留言须知 end*/
/*留言表单页 on*/
.message_form_bm{ padding: 30px 50px 28px;}
.message_form_bm .guestbook-table-form{padding-top: 0;}
.message_form_bm .guestbook-table-form li{font-size: 16px; padding: 16px 0 0; line-height: 40px;}
.message_form_bm .half{ width: 50%; float: left;}
.message_form_bm .full{ clear: both;width: 100%;}
.message_form_bm .title{ width: 108px; text-align: right; padding-right: 5px;}
.message_form_bm .title i{padding: 0 0 0 0.5em;}
.message_form_bm .input{position: relative; margin-left: 113px; border: 1px solid #c6c6c6; height: 38px; border-radius: 8px; line-height: 0; font-size: 0;}
.message_form_bm  .msg-box{position: absolute;left: 0;}
.message_form_bm .txt{ margin-left: 113px;position: relative;}
.message_form_bm .input input{float: left; border: 0 none; background: none; font-size: 16px; line-height: 38px;height: 38px; border-radius: 8px;}
.message_form_bm .half .input input{ width: 96%; padding: 0 2%;}
.message_form_bm .full .input input{ width: 98%; padding: 0 1%;}
.message_form_bm .textarea{position: relative; margin-left: 113px; border: 1px solid #c6c6c6; padding: 0 0 9px 0; border-radius: 8px; line-height: 0; font-size: 0;}
.message_form_bm .textarea textarea{ background: none; border: 0 none; width: 98%; padding: 8px 1% 0; height: 154px; resize: none; font-size: 16px; line-height: 22px;}
.message_form_bm .textarea .tips{ padding: 12px 10px 0; display: block; line-height: 22px; text-align: right; font-size: 14px; color: #999999;}
.message_form_bm .red{ color: #c40018; padding: 0 8px 0 0;}
.message_form_bm .ispublic{ line-height: 26px; padding-bottom: 7px;width: 100%;}
.message_form_bm .ispublic input{ margin-right: 7px;}
.message_form_bm .ispublic label{ margin-right: 10px; vertical-align: middle; font-weight: normal;}
.message_form_bm .txt select{ width: 100%; border: 1px solid #c6c6c6; height: 38px; line-height: 38px; border-radius: 8px;}
.message_form_bm .code{position: relative; margin-left: 113px; font-size: 0; line-height: 0;}
.message_form_bm .guestbook-table-form ul li.yzm input{width:104px; border: 1px solid #c6c6c6; line-height: 38px; height: 38px; padding: 0 10px; font-size: 16px; border-radius: 8px;}
.message_form_bm .guestbook-table-form ul li.yzm img{vertical-align: middle; margin: 0 0 0 9px;float: none;}
.message_form_bm .guestbook-table-form ul li.yzm a{ margin-left: 13px; font-size: 16px; line-height: 40px; vertical-align: middle; display: inline-block;margin-top: 0;float: none;}
.message_form_bm .btnbox{width: 100%; text-align: center; padding: 64px 0 0; height: 40px; font-size: 0; line-height: 0;}
.message_form_bm .btnbox input{ height: 40px; line-height: 40px; margin: 0 10px; width: 126px; text-align: center; font-size: 18px; color: #fff; cursor: pointer; background: #3573b5; border: 0 none; border-radius: 8px;}
.message_form_bm .btnbox .btn-reset{ background: #e4e4e4; color: #000;}
@media (max-width:991px) {
    .message_form_bm{padding: 20px 10px 10px;}
    .message_form_bm .btnbox{ padding-top: 25px;}
}
@media (max-width:767px) {
    .message_form_bm .title{float: none; width: auto; text-align: left;}
    .message_form_bm .input,.message_form_bm .textarea,.message_form_bm .file,.message_form_bm .code{margin-left: 0;}
    .message_form_bm .xjxz .title{float: left;}
    .message_form_bm .txt{ margin-left: 0;}
    .message_form_bm .half{float: none; width: auto;}
    .message_form_bm .half .input input{width: 98%; padding: 0 1%;}
    .message_form_bm{padding: 0;}
    .message_form_bm li{padding:2px 0;}
    .guestbook-table-form ul li.yzm{height: auto;}
}
@media (max-width:400px) {
    .message_form_bm .btnbox input{ width: 100px;}
}
/*留言表单页 end*/
