@charset "utf-8";
/* CSS Document */
body{background: #fff;}
.img_title{display: none;}
.hide{display: none;}
.hide.active{display: block !important;}
.gary{ background: #f8f8f8; padding: 16px 0 54px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.sssd-header{ font-size: 0; line-height: 0; height: 300px; background: #6699ff; /*background: url("../images/sssb_banbg.jpg") center bottom no-repeat;*/}
.sssd-logo{ padding: 18px 0 0;}

.sssd-header .container{position: relative;}
/*头部右侧*/
.zt-oldlink{position: absolute;right: 15px;top: 15px;z-index: 1;}
.zt-oldlink li{float: left !important;line-height: 36px;margin-left: 10px;}
.zt-oldlink li a{display: block;background:rgba(255,255,255,.2);color: #fff;border-radius: 4px;font-size: 15px;height:30px;line-height:30px;padding: 0 15px;}


.sssd-ban{text-align: center; padding: 16px 0 0;}
.sssd-ban img{max-width: 90%; height: auto;}

.sssd-dy{ background: #f8f8f8; padding: 31px 0 34px;}
.sssd-dy p{ padding: 3px 0 0 77px; text-indent: 2em; display: block; line-height: 40px; font-size: 18px; background: url("../images/sssb_dy.gif") 0 0 no-repeat; text-align: justify; min-height: 125px;}
/*导语 end*/
.sssd-left,.sssd-right{ width: 580px;}
.sssd-tel1{ border-bottom: 1px #ccc solid; height: 46px;}
.sssd-tel1 h2{ font-size: 25px; font-weight: bold; color: #1a63ae; line-height: 38px;}
.sssd-tel1 h2 a,.sssd-tel1 h2 a:hover{color: #1a63ae;}
/*标题1 end*/
.sssd-tel2{height: 35px; background: url("../images/sssb_telbg.gif") 0 29px repeat-x;}
.sssd-tel2 h2{ background: url("../images/sssb_tel.gif") right 17px no-repeat #fff; padding-right: 26px; line-height: 35px; font-size: 25px; font-weight: bold; color: #1a63ae;}
.sssd-tel2 h2 a,.sssd-tel2 h2 a:hover{color: #1a63ae;}
/*标题2 end*/
.sssd-tel3{ height: 35px;}
.sssd-tel3 li{float: left; padding-left: 28px; background: url("../images/sssb_telfg.gif") 14px center no-repeat; font-size: 25px; font-weight: bold;}
.sssd-tel3 li.num1{background: none; padding-left: 0;}
.sssd-tel3 li.active,.sssd-tel3 li.active a,.sssd-tel3 li a:hover{color: #1a63ae;}
/*标题3 end*/
.sssd-search{ height: 26px; border: 1px #dddddd solid; padding:0 30px 0 0; position: relative;}
.sssd-search input{border: 0 none; background: none; width: 100%; height: 26px;}
.sssd-search li{ font-size: 0; line-height: 0;}
.sssd-search .ss1{ padding: 0 0 0 9px;}
.sssd-search .ss1 input{line-height: 26px; font-size: 14px;}
.sssd-search .ss2{ width: 30px; height: 26px; position: absolute; right: 0; top: 0;}
.sssd-search .ss2 input{ background:url("../images/sssb_searico.png") center center no-repeat; cursor: pointer;}
/*搜索1 end*/
.sssd-search2{border: 0 none; width: auto; height: 35px; padding-right: 52px; background: #fff;}
.sssd-search2 input{height: 35px;}
.sssd-search2 .ss2{width: 42px; height: 35px;}
.sssd-search2 .ss2 input{background: url("../images/sssb_searico1.png") center center no-repeat #005fc0;}
/*搜索2 end*/
.sssd-sqlink li{ width: 590px; float: left;}
.sssd-sqlink li a{ display: block; padding:55px 0 40px; text-align: center; font-size: 0; line-height: 0; color: #fff; background: linear-gradient(to right,#b8e9e1,#66b3c0);}
.sssd-sqlink li img,.sssd-sqlink li span{display: inline-block; vertical-align: middle; height: 60px; cursor: pointer;}
.sssd-sqlink li img{width: auto; transition: 0.4s all;}
.sssd-sqlink li span{padding: 19px 0 0 0; line-height: 60px; font-size: 30px; width: 100%;}
.sssd-sqlink li a:hover{color: #fff;}
.sssd-sqlink li a:hover img{transform:scale(1.1);}
.sssd-sqlink li.num2{float: right;}
.sssd-sqlink li.num2 a{background: linear-gradient(to right,#cbe1f9,#759ded);}
/*我有诉求按钮 end*/
.sssd-bjtj{ padding: 13px 0 13px 20px; height: 50px; background: #f8f8f8;}
.sssd-bjtj h3{ width: 44px; padding-right: 20px; border-right: 1px #ccc solid; font-size: 20px; font-weight: bold; line-height: 26px; color: #1a63ae; float: left;}
.sssd-bjtj ul{ margin-left: 84px; overflow: hidden;}
.sssd-bjtj ul li{float: left; width: 17%; text-align: center; font-size: 16px; line-height: 20px;}
.sssd-bjtj ul li span{display: block; font-size: 24px; color: #1a63ae; line-height: 24px; padding-top: 8px;}
.sssd-bjtj ul li.num1,.sssd-bjtj ul li.num11{width: 15%;}
/*办件统计 end*/
.sssd-tlpic{ height: auto; font-size: 0; line-height: 0; overflow: hidden;}
.sssd-tlpic li{padding-top: 20px;}
.sssd-tlpic li img{vertical-align: middle; width: 100%; height: auto;}
/*通栏图片 end*/
.sssd-mesgtel{ margin-top: 10px; height: 34px; background: #f1f1f1; line-height: 34px; padding: 0 8px 0 15px; font-weight: bold; font-size: 14px;}
.sssd-mesglist{ padding: 4px 0 0; height: 202px; overflow: hidden;}
.sssd-mesglist li{font-size: 17px; line-height: 42px; height: 42px; overflow: hidden; position: relative; padding-right: 130px;}
.sssd-mesglist li p{height:100%;}
.sssd-mesglist li .p3{display: none;}
.sssd-mesglist li .p4{ position: absolute; font-size: 14px; right: 0; top: 0; color: #999;}
.sssd-mesglist li .p1 a{ display:inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/*信件选登 end*/
.sssd-bmwd{ padding: 21px 21px 0 167px; height: 111px; box-sizing: border-box; background: url("../images/sssb_wdbg.png") 15px 26px no-repeat #f1f8ff;}
.sssd-bmwd2 img{width: 100%; height: 111px;}


.sssd-link2{ padding: 8px 0 0;}
.sssd-link2 li{float: left; height: 22px; line-height: 22px; padding: 0 9px; font-size: 14px;color: #666;}
.sssd-link2 li a{color: #666;}
.sssd-link2 li a:hover{color: #d00;}
.sssd-link2 li.title{padding: 0;}
/*便民问答 end*/
.sssd-rebot{ background: #2554b0 url("../images/sssb_robot.png") 31px 19px no-repeat; height: 111px; padding: 14px 22px 12px 112px; box-sizing: border-box;}
.sssd-rebot a{color: #fff; background: #5778bf; display: block; border: 1px #c1d4fc dashed; border-radius: 17px; padding: 13px 25px 12px; line-height: 28px; font-size: 15px;}
.sssd-rebot a .title{ line-height: 30px; display: block; font-weight: bold; font-size: 18px;}
/*智能搜索助手 end*/
.sssd-listbox{ height: 307px; overflow: hidden;}
.sssd-listbox .list{ padding:6px 0 0;}
.list li{ padding-left: 15px; line-height: 42px; height: 42px; overflow: hidden; padding-right: 50px; position: relative; font-size: 16px; color: #999; background: url("../images/sssb_icon.gif") left center no-repeat;}
.list li .date{position: absolute; right: 0; top: 0; font-size: 15px;}
.list li a{display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sssd-listbox.fr .list li{padding-right: 0;}
.sssd-listbox.fr .pagination{display: none;}
/*信息列表 end*/
.sssd-fwpic{ width: 237px; height: 185px;}
.sssd-fwpic img{ width: 100%; height: 100%;}
.sssd-bslink{ margin-left: 237px; overflow: hidden; height: 185px;}
.sssd-bslink li{float: left; padding:0 0 5px 4px; width: 236px;}
.sssd-bslink li a{height: 90px; display: block; padding: 0 8px; line-height: 90px; text-align: center; background: #6d91cf; color: #fff; font-size: 18px; transition: 0.4s all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sssd-bslink li a:hover{background: #3064bb; color: #fff;}
.sssd-bslink li.num2 a,.sssd-bslink li.num4 a,.sssd-bslink li.num5 a,.sssd-bslink li.num7 a{background: #3064bb;}
/*信息列表 end*/
.footer{background: #f7f7f7;}
/*留言栏目 on*/
.navjz{margin-top: 0;}
.nav_lylist .guestbook-table .guestbook_bt a.liuyan_xiexin{display: none;}
.liuyan_cxcon .liuyan_cxbox{margin-left: 120px; clear: none;}
.liuyan_cxcon .liuyan_cxbox ul{clear: none;}
.nav_lylist .liuyan_cxcon{padding-bottom: 10px;}
.guestbook_bt{display: none;}
.guestbook_bt.active{display: block; padding-top: 17px;}
.nav_lylist .guestbook-table{ padding: 0;}
.wz_top{border: 0 none; margin:8px 0;}
@media (min-width: 992px) and (max-width:1199px) {
.sssd-left, .sssd-right{ width: 486px;}
.sssd-sqlink li{width: 486px;}
.sssd-bmwd{padding-left: 160px;}
.sssd-link2 li{padding: 0 3px;}
.sssd-rebot{background-position: 10px 19px; padding-left: 92px;}
.sssd-rebot a{padding: 13px 10px 12px; font-size: 13px;}
.sssd-bslink li{width: 184px;}
}
@media (max-width:991px) {
.mt20{margin-top: 10px;}
.mt25,.mt30{margin-top: 15px;}
.gary,.sssd-dy{padding: 15px 0;}
.sssd-dy p{padding:0 0 0 65px; background-position: left 10px; font-size: 16px;}
.sssd-left, .sssd-right{width: auto; float: none;}
.sssd-sqlink li{width: 49%;}
.sssd-mesgbox{padding-top: 10px;}
.sssd-rebot{margin-top: 10px;}
.sssd-fwpic{float: none; width: auto; height: auto;}
.sssd-fwpic img{ height: auto;}
.sssd-bslink{margin: 5px 0 0; height: auto; width: auto;}
.sssd-bslink li{width: 50%; padding-left: 0;}
.sssd-bslink li a{ margin: 0 2px;}
.sssd-bslink li.num5 a,.sssd-bslink li.num4 a{background: #6d91cf;}
.sssd-bslink li.num2 a,.sssd-bslink li.num3 a,.sssd-bslink li.num6 a,.sssd-bslink li.num7 a{background: #3064bb;}
.nav_lylist .liuyan_cxcon{margin-top: 0;}
.liuyan_cxcon .liuyan_cxbox ul li.srk{width: auto !important;}
.liuyan_cxcon .liuyan_cxbox ul li.srk input{width: 154px;}
.liuyan_cxcon .liuyan_cxbox .btn{left: 512px;}
}
@media (max-width:767px) {
.sssd-logo{padding: 8px 0 0 5px;}
.sssd-logo img{ height: 30px; width: auto;}
.sssd-header{height: auto; padding-bottom: 20px;}
.sssd-ban{padding-top: 30px;}
.sssd-left, .sssd-right,.sssd-sqbox,.sssd-tlpic{padding-left:10px; padding-right: 10px;}
.gary, .sssd-dy{ padding: 10px;}
.sssd-tlpic li{padding-top: 10px;}
.sssd-bjtj{ padding: 0 10px 10px; height: auto;}
.sssd-bjtj h3{float: none; text-align: center; width: auto; padding-right: 0; border-right: 0 none; border-bottom: 1px #ccc solid; line-height: 40px; height: 40px;}
.sssd-bjtj ul{margin-left: 0; overflow: hidden; padding: 10px 0 0;}
.sssd-bjtj ul li{width: 33.3% !important; padding-bottom: 10px;}
.sssd-sqlink li span{padding-left: 10px;}
.sssd-bmwd{ padding: 10px; background-image: none; height: auto;}
.sssd-bmwd2{padding: 0;}
.sssd-bmwd2 img{height: auto;}
.sssd-search{margin-bottom: 5px;}
.sssd-search2{margin-bottom: 0;}
.sssd-link2{overflow: hidden; height: auto;}
.sssd-rebot{height: auto;}
.sssd-rebot a{padding: 12px 10px;}
.sssd-listbox{height: 246px;}
.sssd-tel1{height: auto;}
.guestbook_bt.active{padding-top: 0;}
.navjz{border: 0 none; padding: 0 10px; margin: 0;}
.nav_lylist .guestbook-table .guestbook_title{margin-top: 10px;}
.pagination{margin: 5px 0;}
}
@media (max-width:600px) {
.sssd-sqlink{margin-top: 0 !important;}
.sssd-sqlink li{width: 100%; padding: 10px 0 0;}
}


/*办件统计*/
.sssb-bjtj-container{background: #f6f6f6;padding:10px 0 30px;}
.sssd-bjtj-mainbox{width:340px;height:617px;padding:15px 20px 20px;background: #fff;margin-top:20px;overflow: hidden;}
.sssd-bjtj-mainbox-c{margin-left:30px;margin-right: 30px;}
.bjtj-title{height: 46px;line-height: 40px;margin-bottom:15px;font-size: 20px;font-weight:bold;color:#030303;background: url(../images_sssb/sssb-sqtj-titico.png) no-repeat left center;padding-left:55px;}
.rdht-title{background-image: url(../images_sssb/sssb-rdht-titico.png);}
.sql-title{background-image: url(../images_sssb/sssb-sql-titico.png);}
/*诉求情况*/
.sqtj-list{padding:0 10px;}
.sqtj-list li{float: left;width:100%;border-bottom:1px solid #ddd;overflow: hidden;padding:0 0 14px 0;margin-bottom:14px;text-align: center;font-size: 18px;line-height: 32px;}
.sqtj-list li span{display:block;font-size: 22px;color:#4f7ef6;margin-right:5px;}
.sqtj-chart{height: 240px;overflow: hidden;margin-top:20px;}
/*热点话题*/
.rdht-chart{height: 150px;overflow: hidden;}
.rdht-chart-list{width:30%;margin-right:5%;padding-top:30px;text-align: center;}
.rdht-chart-list.num3{margin-right:0;}
.rdht-chart-list .rdht-progress-box{width:100%;height: 60px;position: relative;}
.rdht-chart-list .rdht-progress{position: absolute;width:100%;height:50%;bottom:0;left:0;right:0;background: #e56032;border-radius:10px 10px 0 0;}
.rdht-chart-list .rdht-num{display: block;width:100%;line-height:30px;font-size: 20px;position: absolute;top:-30px;left:0;}
.rdht-chart-list.num1 .rdht-progress{background:#e56032 !important;}
.rdht-chart-list.num2 .rdht-progress{background:#63d7d6 !important;}
.rdht-chart-list.num3 .rdht-progress{background:#77afe8 !important;}
.rdht-chart-list.num1 .rdht-num{color:#e56032;}
.rdht-chart-list.num2 .rdht-num{color:#63d7d6;}
.rdht-chart-list.num3 .rdht-num{color:#77afe8;}
.rdht-chart-list .rdht-name{display: block;line-height:22px;font-size: 16px;padding-top:8px;}

.rdht-list{margin-top:10px;}
.rdht-list li{height: 51px;line-height: 51px;padding:2px 2px 2px 0;font-size: 16px;border-bottom:1px dashed #e7e7e7;position: relative;}
.rdht-list li .dot{display: block;float:left;margin-top:11px;width:31px;height: 39px;background:url(../images_sssb/sssb-rdht-numbg.png) no-repeat;text-align:center;line-height:31px;font-size: 16px;color:#fff;}
.rdht-list li .num{display: block;width:80px;text-align:right;white-space: nowrap;position: absolute;right:0;top:2px;}
.rdht-list li .tit{display: block;float: none;margin:0 80px 0 50px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/*诉求量*/
.sql-chart .sql-dwlist{margin-bottom:6px;}
.sql-chart .sql-dwname,.sql-chart .sql-num{line-height: 40px;font-size: 16px;}
.sql-chart .sql-progress-box{height: 6px;width:100%;background: #eff1f5 !important;border-radius: 3px;}
.sql-chart .sql-progress{height: 6px;background: #4f7ef6 !important;border-radius: 3px;}

@media (min-width: 992px) and (max-width:1199px) {
    .sssd-bjtj-mainbox{width:277px;}
    .sssd-bjtj-mainbox-c{margin-left:20px;margin-right: 20px;}
}
@media (max-width:991px) {
    .sssd-bjtj-mainbox{width:auto;height:auto;float: none;}
    .sssd-bjtj-mainbox-c{margin-left:0px;margin-right: 0px;}
}
@media (max-width:767px) {
    .sssb-bjtj-container{padding:0px 10px 10px;}
    .sssd-bjtj-mainbox{padding:10px;margin-top:10px;}
    .bjtj-title{height: auto;line-height: 34px;padding:6px 0 6px 55px;background-position: left 3px;}
    .sqtj-list li{padding-bottom:10px;margin-bottom:10px;font-size: 16px;line-height: 28px;}
    .sqtj-chart{height: auto;margin-top:20px;}
    .rdht-chart{height: auto;}
}