@charset "utf-8";
/* CSS Document */
#wrap{background: white;}
.ind-row{ overflow: hidden; padding: 30px 0;}
.bg-gray{background-color: #f7f7f7;}

/*焦点图-广告*/
.focusAd{margin-bottom: 30px;overflow: hidden;height: 113px;position: relative;z-index: 1;}
.focusAd .bd .pic img{width: 1200px;height: 113px;}
.focusAd .hd{overflow:hidden;position:absolute;right:3px;bottom: 5px;}
.focusAd .hd li{float:left;width:18px;height:18px;font-size: 12px;line-height: 18px;text-align:center;cursor:pointer;margin-right:3px;background-color: #333;color:white;}
.focusAd .hd li.on{ background-color: #b01112; color: white;}

/*新闻头条*/
.indXwtt{margin-top: 20px;overflow: hidden;position: relative;z-index: 1;}
.indXwtt .topicList{overflow: hidden;padding: 8px 10px;}
.indXwtt .topicList .t{border: 0; padding: 5px; margin: 0;}
.indXwtt .topicList .t .title{height: 46px;}
.indXwtt .topicList .t .title a{font: 30px/46px '黑体', Arial,sans-serif; font-weight: bold; color: #ff0303;}
.indXwtt .topicList .t .tit{
    display: block;
    padding: 0 45px;
    font-size: 26px;
    line-height: 32px;
    text-align: center;
}
.indXwtt .topicList .t  .intro{line-height: 20px; color: #666; padding-top: 8px;}

.xwzxLinks{position: absolute; z-index: 2; right: 18px; top: 8px;}
.xwzxLinks a{color: #0181CA; font-size: 14px; font-weight: bold;}
.xwzxLinks a:hover{text-decoration: underline;}

#focusNewsXwtt{overflow: hidden;}

/* 焦点图切换- 数字 */
.focusBox{width:630px;float:left;margin-right: 20px;overflow:hidden;position:relative;border: 0;}
.focusBox .hd{ position:absolute; z-index:5; right:4px; bottom:10px;height:16px !importantx; padding-top:0 !important;}
.focusBox .hd ul{ overflow:hidden; zoom:1; float:left; background-color:white;  }
.focusBox .hd ul li{ float:left; margin-right:1px;  width:16px; height:16px; line-height:16px; text-align:center; background:#000; cursor:pointer; color:#fff; filter:alpha(opacity=60);opacity:0.6;   }
.focusBox .hd ul li span{color:#fff;}
.focusBox .hd ul li.on{ background:#f00;font-weight:bold; filter:alpha(opacity=100);opacity:1;  }
.focusBox .bd{ position:relative; }
.focusBox .bd li{position:relative;}
.focusBox .bd .pic{width:630px; height:394px;text-align: center;}
.focusBox .bd .pic img{width:630px; height:auto;}
.focusBox .bd .con{ position:absolute; z-index:3; left:0; bottom:0; width:100%; height:36px; line-height:36px; text-align:left; font-weight:bold; background:none; color:white;  }
.focusBox .bd .con .title{ position:absolute; left:15px; bottom:0; z-index:3; width:80%; height:36px; }
.focusBox .bd .con .title a{ color:white;}
.focusBox .bd .con .title a:hover{color:white; text-decoration:underline;}
.focusBox .bd .bg{ display:block; position:absolute; z-index:1; left:0; bottom:0; width:100%; height:36px;  background-color:#000; filter:alpha(opacity=50);opacity: 0.50;}

/*最新新闻切换*/
#newsGroup{overflow: hidden;}
#newsGroup .hd{height:45px; line-height:45px;border-bottom: 1px solid #D9D9D9;}
#newsGroup .hd li{width:130px; float:left; text-align: center; height:45px; line-height:45px; overflow:hidden; font-size:18px; border-left: 0px solid #ddd; cursor: pointer;}
#newsGroup .hd li.on{background:  url(/global/newsGroupBg2.png) 0 20px repeat-x;}
#newsGroup .hd li.on a{font-weight: bold;}
#newsGroup .hd li a:hover{color:#0181ca; }
#newsGroup .bd{overflow:hidden;padding: 5px 0 0;height: 356px;}
#newsGroup .bd .infoList li{height: 45px;line-height: 45px;font-size: 16px;padding-left: 20px;background: url(/global/dot21.png) 0 19px no-repeat;}
#newsGroup .bd .infoList li a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333;}
#newsGroup .bd .infoList li a:hover {color: #1591DB;text-decoration: none;}

/*通用框*/
.indBox{overflow: hidden;}
.indBox .wHd{overflow: hidden;}
.indBox .wHd h3{height: 56px;padding-bottom: 5px;float: left;line-height: 56px;font-weight: bold;font-size: 28px;border-bottom: 3px solid #3290DA;}
.indBox .wHd h3 a:hover{color: #3290DA;}
.indBox .wHd .more{float: right;margin-right: 20px;line-height: 50px;text-align: center;color: #0c4ebb;}
.indBox .wBd{overflow: hidden;padding: 20px 0 0;}


#zwgkBox .wHd h3{}
/*重点领域*/
#zdlyBox{ width: 330px; float: left;}
#zdlyBox .hd,
#zdlyBox .bd{margin-right: 8px;}
#zdlyBox .bd{padding-bottom: 6px;}
/*重点领域图标链接*/
.linkZdly{height: 65px; margin:0 8px 12px 0;}
.linkZdly a{display: block; height: 70px; overflow: hidden; text-indent: -9999px; background:  url(/global/20210406zdly.jpg) 0 0 no-repeat;}

/*政务公开链接*/
.public-menu-list{width: 360px;float: left;margin-top: -10px;margin-right: 20px;overflow: hidden;}
.public-menu-list li{width: 170px;float: left;margin: 10px 5px 5px 5px;}
.public-menu-list li a{position: relative; z-index: 1; display: block; padding-left: 50px;font-size:18px; height: 65px; line-height: 65px; background-color: #eeeeee;}
.public-menu-list li a::before{content: ""; position: absolute; z-index: 1; left: 12px; top: 50%; margin-top: -12px; width: 24px; height: 24px; float: left; background:  url(/global/img/public-list-icon.png) center top no-repeat;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -ms-transition:all  1s;
    -o-transition:all 1s;
    transition:all 1s;
}
.public-menu-list li.item2 a::before{background-position: center -54px;}
.public-menu-list li.item3 a::before{background-position: center -108px;}
.public-menu-list li.item4 a::before{background-position: center -162px;}
.public-menu-list li.item5 a::before{background-position: center -216px;}
.public-menu-list li.item6 a::before{background-position: center -270px;}
.public-menu-list li.item7 a::before{background-position: center -324px;}
.public-menu-list li.item8 a::before{background-position: center -378px;}
.public-menu-list li a:hover{background-color: #e1edfa;}
.public-menu-list li a:hover::before{
    -webkit-transform:rotateY(360deg);
    -moz-transform:rotateY(360deg);
    -ms-transform:rotateY(360deg);
    -o-transform:rotateY(360deg);
    transform:rotateY(360deg);
}

.indTab{overflow: hidden; }
.indTab .hd{position: relative; height: 45px; line-height: 45px;font-size: 18px;border-bottom: 1px solid #D9D9D9;}
.indTab .hd .more{position: absolute; z-index: 1; right: 10px; top: 0; display: none; color: #3ba5e6;}
.indTab .hd li{float: left;}
.indTab .hd li h4{width: 120px; float: left; text-align: center; font-weight: normal;}
.indTab .hd li.on h4{font-weight: bold; background:  url(/global/newsGroupBg2.png) 0 20px repeat-x;}
.indTab .hd li.on h4 a:hover{font-weight: bold; color: #0181ca;}
.indTab .hd li.on .more{display: inline;}

#zwwjBox .bd{padding: 7px 0 0;}
#zwwjBox .infoList44 li{height: 42px; line-height: 42px;background-position: left 19px;}

#xxgkZtLinks{background-color: #e2f4ff; padding: 9px; margin-top: 8px; overflow: hidden;}
#xxgkZtLinks .ztLinks{border: 1px solid #e8e6e6; background-color: #fff; padding: 6px 5px; overflow: hidden; height: 63px; word-wrap: break-word; word-break: normal;}
#xxgkZtLinks .ztLinks a{width: auto; float: left; margin: 0 10px;white-space: nowrap;}
#xxgkZtLinks .ztLinks .spe{float: left;}

.indSideBox{overflow: hidden;}
.indSideBox .hd{overflow: hidden;}
.indSideBox .hd h3{height: 56px;padding-bottom: 5px;float: left;line-height: 56px;font-weight: bold;font-size: 28px;border-bottom: 3px solid #3290DA;}
.indSideBox .hd h3 a:hover{color: #3290DA;}
.indSideBox .bd{overflow: hidden;padding: 20px 0 0;}

#sideGggs .bd{height: 186px;}/*通知公告*/
#sideGggs .bd li{line-height: 32px; padding-top:5px;}
#sideGggs .bd li a{ color: #666;}
#sideGggs .bd li a:hover {color: #1591DB;	text-decoration: none;}
#sideGggs .bd li .dateRight{color: #999; margin-left: 5px;}

/****************** 网络问政 ***************/
#wlwzBox{width: 1180px;float: left;margin-right: 20px;}
#wlwzBox .wBd{height: 305px;}
#wlwzBox .ind-box{width: 560px;float: left;}
#wlwzBox #box-lyxd{float: right;}

.ind-box .hd{line-height: 36px;overflow: hidden;border-bottom: 1px solid #D9D9D9;}
.ind-box .hd .more{float: right; color: #999; font-size: 14px;}
.ind-box .hd .more:hover{color: #0181CA;}
.ind-box .hd h3{width: auto;float: left;padding: 0 15px;font-size: 18px;font-weight: bold;color: #0181ca;border-bottom: 2px solid #0181ca;}
.ind-box .hd h3 a:hover{color: #0181CA;}
.ind-box .bd{padding:3px 0 0; overflow: hidden;}

#wlwzBox .leftBox{width: 450px; float: left; overflow: hidden;}
#wlwzBox .rightBox{width: 450px; float: right; overflow: hidden;}

.wlwzNodeList{overflow: hidden; background:  url(/global/indWlwzLinks.png) 0 0 no-repeat;}
.wlwzNodeList li{width: 110px; height: 50px; line-height: 50px; float: right;}
.wlwzNodeList li a{width: 100%; height: 50px; line-height: 50px; float: left; text-indent: 38px; font-size: 14px; color: #333;}
.wlwzNodeList li.first{float: left;}

/*网上调查*/
.indWsdc{overflow: hidden; /*background-color: #e9f7ff;*/}
.indWsdc .hd{height: 32px; line-height: 32px; overflow: hidden; border-bottom: 2px solid #0280c8;}
.indWsdc .hd .more{float: right; margin-right: 10px;}
.indWsdc .hd h3{width: 158px; height: 36px; float: left; text-indent: 44px; line-height: 36px; font: 18px/36px Arial,sans-serif; font-weight: bold; color: white; background:  url(/global/indBoxBg.png) 0 -40px no-repeat; }
.indWsdc .bd{padding: 10px; height: 250px; overflow: hidden;}
.indWsdc .bd h4{line-height: 22px; color: #333; text-indent: 2em; padding-bottom: 5px;}
.indWsdc .bd li{padding-left: 10px; background:  url(/global/dot01.png) 0 18px no-repeat;display: inline-table; vertical-align: middle; height: 44px; line-height: 38px;}
.indWsdc .bd li input{vertical-align: middle; margin-right: 4px;}
.indWsdc .bd p{overflow: hidden; margin-top: 8px;}
.indWsdc .bd p .voteBtn,.indWsdc .bd p .viewBtn{width: 50px; height: 23px; font-size: 12px; font-weight: bold; color: #555; border: 0; background:  url(/global/wsdcBtn.png) 0 0 no-repeat;}
.indWsdc .bd p .voteBtn{color: #f10202; margin: 0 10px 0 34px }
.indWsdc .bd .infoList44{text-align:left;}
.indWsdc .bd .infoList44 li{height:30px; line-height:30px; overflow:hidden; font-size:14px; padding-left:10px; background:url(/global/share/dot02.png) no-repeat left 14px;}
.indWsdc .bd .infoList44 .date{float:right; color:#666;}
.indWsdc .bd .infoList44 .noData{background:none;}
.indWsdc .bd .infoList44 li .node{ margin-right:5px;   }

/*留言选登*/
#sjxxBox .bd{padding: 1px 0 0; height: 270px;}
.indexOnlineplTable{width:100%;border-collapse:collapse;font-family: 宋体;}
.indexOnlineplTable td{height: 43px;line-height: 43px;overflow:hidden;border-bottom:1px dotted #ccc;}
.indexOnlineplTable td.title{padding-left:15px; background:url(/global/dot01.png) no-repeat 5px 20px;}
.indexOnlineplTable td.status{text-align:center; width:80px;}
.indexOnlineplTable td.status .yclw{color:#999;}
.indexOnlineplTable td.status .clz{color:blue;}
.indexOnlineplTable td.status .yzj{color:#3E5F13;}
.indexOnlineplTable td.status .gqwcl{color:#999;}
.indexOnlineplTable td.name{text-align: right; width: 98px;}
.indexOnlineplTable tr.onlineTitle td{height:25px; line-height:25px; border:0;text-align:center; background-color:#f5f5f4; font-weight:bold; color:#555;}
.indexOnlineplTable tr.onlineTitle td.title{background:none; background-color:#f5f5f4;}

/*信件搜索*/
.searchWrite{height: 20px; line-height: 20px; margin-top: 13px; overflow: hidden;}
.searchWrite .writeBtn{width: 106px; height: 20px; line-height: 20px; background-color: #1b6b2f; float: right; color: white; text-align: center;}
.searchWrite .onlineplSearchBar{overflow: hidden;}
.searchWrite .onlineplSearchBar span{float: left;font-weight: bold; margin-right: 20px; color: #333;}
.searchWrite .onlineplSearchBar input#Title{width: 218px; float: left; height: 18px; margin-right: 5px; line-height: 18px; border: 1px solid #d9d8d8;}
.searchWrite .onlineplSearchBar #SearchLetter{width: 48px; float: left; height: 20px; line-height: 100px; text-indent: -9999px; overflow: hidden; background:  url(/global/SearchLetter.png) 0 0 no-repeat; border: 0;}

/*焦点专题专栏*/
#sideZtzl .bd{height: 305px;}
.nodePicList{overflow: hidden; }
.nodePicList li{overflow: hidden; padding-bottom: 10px;}
.nodePicList li img{display: block; width: 250px; height: 70px;}

/*魅力连南*/
#boxMlln .picList{overflow: hidden;margin-right: -20px; font-family: "宋体";}
#boxMlln .picList li{width: 285px; float: left; margin-right:20px; }
#boxMlln .picList li .pic{ overflow: hidden; }
#boxMlln .picList li .pic img{width: 100%; height:214px;}
#boxMlln .picList li .title{padding: 22px 20px 20px; overflow: hidden; text-align: center; font-size: 18px; height: 30px; line-height: 30px; background-color: #fff;}

/* 图片经过效果 */
.scale-pic .pic a { display: block; position: relative; transition: all 200ms ease 0s; overflow: hidden;}
.scale-pic .pic a img { transition: all 0.5s ease;}
.scale-pic .pic a:hover { filter: alpha(opacity=80); opacity: .8;}
.scale-pic .pic a:hover img { transform: scale(1.06);}
.scale-pic .pic a:after { content: ""; position: absolute; width: 100px; height: 100%; top: 0; left: -100%; overflow: hidden;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);
    -webkit-transform: skewX(-30deg);
    -moz-transform: skewX(-30deg);
    transform: skewX(-30deg);
}
.scale-pic .pic a:hover:after {left: 150%; transition: left 1s ease 0s;}

/*左右按钮*/
.box-focus-btn{position: relative; overflow: hidden;}
.box-focus-btn .prev,
.box-focus-btn .next{position: absolute; z-index: 1; top: 50%; width: 30px; height: 46px; float: left; margin-top: -23px; text-align: center; line-height: 46px; font-size: 20px; color: rgba(255, 255, 255, 0.8); background: rgba(0, 0, 0, 0.5); -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all  0.6s; -o-transition: all 0.6s; transition: all 0.6s;}
.box-focus-btn .prev{left: -30px;}
.box-focus-btn .next{right: -30px;}
.box-focus-btn:hover .prev{left: 0;}
.box-focus-btn:hover .next{right: 0;}

/*政府网站群*/
#boxZfwzq .wHd{height: 35px; line-height: 35px;}
#boxZfwzq .wHd ul{float: right; margin-right: 20px;}
#boxZfwzq .wHd ul li{width: auto; float: left; padding: 2px 15px 0; height: 33px; line-height: 31px; margin: 0 8px; font-size: 14px; overflow: hidden;}
#boxZfwzq .wHd ul li.on{font-weight: bold; color: #0280c8; padding: 0px 12px 0; border-left: 1px solid #d9d8d8; border-right: 1px solid #d9d8d8; border-top: 2px solid #0280c8; background-color: #fff;}
#boxZfwzq .wHd ul li.on a{color: #0280c8;}
#boxZfwzq .wBd{ padding: 15px 25px 10px; }
#boxZfwzq .wBd .infoList li{width: 14%; float: left; text-indent: 14px; background:  url(/global/dot03.png) 0 8px no-repeat;}
#boxZfwzq .wBd .infoList li.noData{background: none; color: #999;}
#boxZfwzq .xlBox{margin-top: 10px; border: 1px solid #e8e6e6; background-color: #fcfbfb; padding: 12px 10px 10px; overflow: hidden;}
#boxZfwzq .xlBox select{width: 138px; margin: 0 9px;}

/* ==========================================================================
   政务服务
========================================================================== */
#box-zwfw .wBd{
    padding-right: 0;
}
.service-box{
    width: 270px;
    float: left;
    margin: 10px;
}
.service-box .hd{
    height: 80px;
}
.service-box .hd a{
    display: block;
    height: 78px;
    line-height: 78px;
    text-align: center;
    font-size: 24px;
    color: #333;
    border: 1px solid #eee;
}
.service-box .hd a::before{
    vertical-align: middle;
    content: "";
    display: inline-block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    margin: -2px 18px 0 0;
    background:  url(/global/img/service-icon.png) center top no-repeat;
}
.service-box .bd{
    padding: 20px 10px;
    border: 1px solid #eee;
    border-top: 0;
}
.service-list{
    height: 220px;
    overflow: hidden;
}
.service-list li{
    width: 46.9%;
    float: left;
    margin: 0 1.5% 10px;
}
.service-list li a{
    display: block;
    padding: 2px 6px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background-color: #f7f7f7;
}

.service-list li a:hover {
    background-color: #EDF4FC;
}
.service-box{
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all  0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s;
}
.service-box.active{
    width: 600px;
}
.service-box.active .hd a{
    font-weight: bold;
    color: #3290DA;
    border-color: #EDF4FC;   
    background-color: #EDF4FC;
}
.service-box.active .hd a::before{
    background-position: center -88px;
}
.service-box.active li{
    width: 22.9%;
    margin: 0 1% 10px;
}
#service-legal .hd a::before{
    background-position: center -176px;
}
#service-legal.active a::before{
    background-position: center -264px;
}
#service-depart .hd a::before{
    background-position: center -352px;
}
#service-depart.active a::before{
    background-position: center -440px;
}