@charset "utf-8";
#content{width: 1200px; padding: 10px 0; margin: 0 auto;}
.mainNavBar,.footer{min-width: 1200px;}
.panel{width: 1200px;}

/*一级导航*/
.mainNav li.navli{width: 171px;}
.mainNav li.navli .drop{width: 1150px;}

/*二级-导航 S  -------------------------------------------------*/
/*住建动态*/
.news-tabs{width: 590px;}
.news-ztzl{width: 320px;}
.news-ztzl .topic img{width: auto;}

/*政务公开*/
.govMenu{width: 500px;}
.pubInfo{width: 400px;}

/*住建业务*/
#gzcc{padding: 25px; width: 1150px;}
.gzcc-menu{width: 410px;}

/*网上办事*/
.Service-system{width:660px;}

/*互动交流*/
.hdjl-left{width:360px;}
.hdjl-right{width: 360px;}

/*行业数据*/
.datas-box{width:575px;}
/*二级导航*/

/*主体内容*/
.bgwhite{background-color: white;}
.bgwhite:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}

/*图标-旋转效果*/
.iconRotate i{
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -ms-transition:all  1s;
    -o-transition:all 1s;
    transition:all 1s;
}
.iconRotate a:hover i{
    -webkit-transform:rotateY(360deg);
    -moz-transform:rotateY(360deg);
    -ms-transform:rotateY(360deg);
    -o-transform:rotateY(360deg);
    transform:rotateY(360deg);
}


/*通用信息列表*/
.infoList li{height: 36px; line-height: 36px; font-size: 16px;}
.infoList li a{padding-left: 20px; font-size: 16px;}
.infoList li a i{width: 8px; height: 8px; margin-top: -4px; border-radius: 50%; background-color: #d7d7d7;}
.infoList li a:hover i{background-color: #0558b8;}
.infoList .time{font-size: 14px;}

/*模块一 S ----------------------------*/
.ind-notice-news{padding:10px 20px;}
/*温馨提示*/
.index-notice{height: 32px; line-height: 32px; overflow: hidden; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eaeaea;}
.index-notice .hd{width: auto; float: left; font-size: 16px; margin-right: 20px; font-weight: bold; color: #e30d06;}
.index-notice .hd a{color: #e30d06;}
.index-notice .bd{height: 32px; line-height: 32px; overflow: hidden;}
.index-notice li{width: auto; float: left; margin-right: 50px;}
.index-notice li a{color: #666;}

/*焦点图*/
.focusSlider{position:relative; float:left; width:690px; height:388px; margin-right: 20px; overflow:hidden;}
.focusSlider .bd li{position:relative; overflow:hidden; zoom:1;}
.focusSlider .bd li img{display:block; width:100%; height:388px;}
.focusSlider .bd .txtbg{position:absolute; bottom:0; left:0; width:100%; height:60px; background:#000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity:0.6;}
.focusSlider .bd .title{position:absolute; bottom:4px; left:10px; right:200px; color:#fff; line-height:26px;}
.focusSlider .hd{position:absolute; bottom:24px; right:20px;}
.focusSlider .hd li{float:left; width:12px; height:12px; margin-left:8px; line-height:12px; overflow:hidden; font-size:0; background:#ddd; cursor:pointer; }
.focusSlider .hd li.on{background:#ed2822;}
.focusSlider .bd ul,
.focusSlider .bd li{width:100% !important;}
/*住建新闻 切换 S */
.focusNew{overflow: hidden;}
.focusNew .hd{height: 47px; line-height: 36px; border-bottom: 1px solid #e3e3e3;}
.focusNew .hd .more{float: right; color: #999;}
.focusNew .hd li{width: auto; float: left; height: 36px; line-height: 36px; padding-bottom: 11px; font-size: 18px; color: #666;}
.focusNew .hd li a{color: #666;}
.focusNew .hd li.on{margin-bottom: -2px; position: relative; z-index: 1; padding-bottom: 10px; border-bottom: 3px solid #0558b8;}
.focusNew .hd li.on a{color: #0558b8;}
.focusNew .hd li.last{position: relative; z-index: 1; margin-left: 37px;}
.focusNew .hd li.last::before{position: absolute; z-index: 1; left: -18px; top: 10px; content: ""; width: 1px; height: 16px; float: left; overflow: hidden; line-height: 16px; background-color: #ddd;}
.focusNew .bd{clear: both; padding: 10px 0 0;}

/*广告-焦点图 S */
.indbanner{ overflow: hidden; height: 115px; position: relative; z-index: 1; margin-top: 10px;}
.indbanner .bd .pic img{width: 100%; height: 115px;}
.indbanner .hd{ overflow:hidden; position:absolute; right:6px; bottom:8px;}
.indbanner .hd li{ float:left; width:13px; height:13px;  text-align:center; cursor:pointer; margin-right:6px; display: inline; background-color: #fff; color: #333;}
.indbanner .hd li span{display: none;}
.indbanner .hd li.on{ background-color: #0558b8; color: white;}

.indMain{overflow: hidden;}
.indSide{width: 320px; float: right; margin-left: 10px; overflow: hidden;}

/*通用框*/
.indBox{overflow: hidden; margin-top: 10px; background-color: white;}
.indBox .mHd{height: 59px; line-height: 59px; border-bottom: 1px solid #eaeaea;}
.indBox .mHd .more{float: right; margin-right: 15px; color: #999;}
.indBox .mHd h3{position: relative; z-index: 1; width: auto; float: left; padding-left: 66px; height: 60px; line-height: 60px; font-size: 18px; color: white; background-color: #0558b8;}
.indBox .mHd h3 a{display: block; padding-right: 66px; font-weight: bold; color: white; background:  url(/images/pe-indbox-bg.png) right top no-repeat;}
.indBox .mHd h3 .icon{position: absolute; z-index: 1; left: 22px; top: 15px; width: 34px; height: 30px; float: left; overflow: hidden; background:  url(/images/pe-indbox-bg.png) left -150px no-repeat;}
.indBox .mHd .tabList{width: auto; float: left; margin: 15px 0 0 10px;}
.indBox .mHd .tabList li{width: auto; float: left; margin-left: 15px;}
.indBox .mHd .tabList li a{display: block; font-weight: bold; height: 30px; line-height: 30px; padding-bottom: 12px; font-size: 15px;}
.indBox .mHd .tabList li a:hover{color: #cd0600;}
.indBox .mHd .tabList li.on a{color: #cd0600; border-bottom: 3px solid #cd0600;}
.indBox .mBd{padding: 20px; overflow: hidden; clear: both;}

/*indTab*/
.indTab{overflow: hidden;}
.indTab .hd{height: 52px; line-height: 52px; border: 1px solid #eaeaea; background-color: #f7f7f7;}
.indTab .hd .more{float: right; color: #999; margin-right: 20px;}
.indTab .hd h3{margin-left: 20px; font-size: 15px; color: #333; font-weight: bold;}
.indTab .hd h3 i{width: 5px; height: 18px; line-height: 18px; float: left; margin: 18px 10px 0 0; overflow: hidden; background-color: #e30d06; border-radius: 2px;}
.indTab .hd h3 a:hover{color: #e30d06;}
.indTab .bd{padding: 10px 0 15px; overflow: hidden;}

/*通用框-红色*/
.redBox .mHd h3{background-color: #cd0600;}
.redBox .mHd h3 a{background-position: right -60px;}

/*模块图标*/
#boxZjyw .mHd .icon{background-position: left -180px;}
#boxHysj .mHd .icon{background-position: left -210px;}
#boxZwfw .mHd .icon{background-position: left -240px;}
#boxHdjl .mHd .icon{background-position: left -270px;}

#boxZjyw .mHd .more{font-weight: bold; color: #333;}
#boxHysj .mHd .tabList{float: right; margin-right: 20px;}

/*专题图片滚动列表*/
.spileBox{position: relative; z-index: 1; height: 115px; overflow: hidden; margin-top: 10px;}
.spileList li{width: auto; float: left; margin-right: 15px;} 
.spileList li a{display: block;}
.spileList li img{width: 390px; height: 115px;}
.spileBox .prev,
.spileBox .next{position: absolute; z-index: 1; top: 50%; width: 36px; height: 28px; line-height: 28px; float: left; margin-top: -14px; overflow: hidden; text-align: center; color: white; background-color: black; opacity: 0.5; filter: alpha(opacity=50);}
.spileBox .prev{left: 0;}
.spileBox .next{right: 0;}


/*政务公开-主体内容 S*/
.zwkxInfo{overflow: hidden;}
.zwkxInfo dl{padding: 6px 0 5px; height: 108px; border-bottom: 1px dotted #e0e0e0;}
.zwkxInfo dl.firstInfo{padding-top: 0;}
.zwkxInfo dl.lastInfo{border-bottom: 0; padding-bottom: 0;}
.zwkxInfo dt{position: relative; z-index: 1; width: 90px; height: 88px; float: left; margin: 10px 20px 0 0; background-color: #cd0600;}
.zwkxInfo dt a{display: block; line-height: 30px; text-align: center; padding: 14px 20px; font-size: 18px; color: white; font-size: 18px; text-align: center;}
.zwkxInfo dt.txtThree a{padding: 14px 10px}
.zwkxInfo dt.txtFour a{padding: 14px 5px}
.zwkxInfo dt>i{position: absolute; z-index: 1; right: -12px; top: 50%; width: 0; height: 0; float: left; margin-top: -6px; overflow: hidden; border-style: solid; border-width: 6px; border-color: transparent transparent transparent #cd0600;}
.zwkxInfo dt:hover a{background-color: #ba0601;}
.zwkxInfo dt:hover i{border-left-color: #cd0600;}
.zwkxInfo dd{overflow: hidden;}
.zwkxInfo dd .infoList li a{padding-left: 0;}

/*政务公开-菜单 S */
.zwgkMenu{overflow: hidden; width: 300px; float: right; margin-left: 30px;}
.zwgkMenu .hd{height: 80px; line-height: 70px; text-align: center; font-size: 24px; color: #666; overflow: hidden; background:  url(/images/pe-ind-zwgk-hd.jpg) left top no-repeat;}
.zwgkMenu .bd{padding: 10px 0 0; overflow: hidden;}
.zwgkMenuList li{height: 50px; line-height: 50px; margin-top: 4px;}
.zwgkMenuList li a{position: relative; z-index: 1; display: block; padding-left: 85px; font-size: 16px; color: #0558b8; background-color: #eaf2fc;}
.zwgkMenuList li i{position: absolute; z-index: 1; left: 45px; top: 50%; width: 26px; height: 28px; float: left; margin-top: -11px; overflow: hidden; background:  url(/images/pe-ind-zwgk-icon.png) left top no-repeat;}
.zwgkMenuList li.li2 i{background-position: left -50px;}
.zwgkMenuList li.li3 i{background-position: left -103px;}
.zwgkMenuList li.li4 i{background-position: left -156px;}
.zwgkMenuList li.li5 i{background-position: left -206px;}
.zwgkMenuList li.li6 i{background-position: left -259px;}
.zwgkMenuList li.li7 i{background-position: left -311px;}
.zwgkMenuList li a:hover{background-color: #e1edfb;}


#boxZjyw .mBd{height: 324px;}

.tabLinks{overflow: hidden; margin:-20px -20px 0 0;}
.tabLinks li{width: 404px; float: left; text-align: center; margin:20px 20px 0 0;}
.tabLinks li a{position: relative; z-index: 1; display: block; padding: 80px 18px 8px; height: 48px; line-height: 24px; border: 1px solid #e2e2e2; border-radius: 8px;}
.tabLinks li a:hover{background-color: #fafafa;}
.tabLinks li i{position: absolute; z-index: 1; left: 0; top: 22px; width: 100%; height: 52px; float: left; overflow: hidden; background:  url(/images/pe-ind-zjyw-icon.png) center top no-repeat;}

/*五列式*/
.links-five li{width: 150px;}
.links-five li a{padding-top: 70px; padding-bottom: 16px;}
.links-five li i{height: 36px; line-height: 36px; top: 20px;}

/*住房保障-图标*/
#iconZfbz li.li1 i{background-position: center top;}
#iconZfbz li.li2 i{background-position: center -60px;}
#iconZfbz li.li3 i{background-position: center -120px;}
#iconZfbz li.li4 i{background-position: center -180px;}
#iconZfbz li.li5 i{background-position: center -240px;}

/*城市更新-图标*/
#iconCsgx li.li1 i{background-position: center -300px;}
#iconCsgx li.li2 i{background-position: center -360px;}

/*科技设计-图标*/
#iconKjsj li a{padding-top: 94px;}
#iconKjsj li i{top: 30px;}
#iconKjsj li.li1 i{background-position: center -420px;}
#iconKjsj li.li2 i{background-position: center -480px;}
#iconKjsj li.li3 i{background-position: center -540px;}
#iconKjsj li.li4 i{background-position: center -600px;}

/*房屋管理-图标*/
#iconFwgl li.li1 i{background-position: center -660px;}
#iconFwgl li.li2 i{background-position: center -720px;}

/*质量安全-图标*/
#iconZlaq li.li1 i{background-position: center -780px;}
#iconZlaq li.li2 i{background-position: center -840px;}
#iconZlaq li.li3 i{background-position: center -900px;}
#iconZlaq li.li4 i{background-position: center -960px;}
#iconZlaq li.li5 i{background-position: center -1020px;}

/*消防业务-图标*/
#iconXfyw li.li1 i{background-position: center -1200px;}
#iconXfyw li.li2 i{background-position: center -1260px;}

/*物业管理-图标*/
#iconWygl li.li1 i{background-position: center -1080px;}
#iconWygl li.li2 i{background-position: center -1140px;}

/*行业数据 ----------------------------------------------------*/
#boxHysj .mBd{height: 324px;}
/*数据查询*/
.dataSearchBox{overflow: hidden; margin-top: -6px;}
.dataSearchBox dl{margin-top: 6px; background-color: #f7f7f7; border: 1px solid #eaeaea; border-radius: 0 8px 0 8px;}
.dataSearchBox dt{position: relative; z-index: 1; width: 114px; padding: 11px 0 11px 26px; float: left; overflow: hidden; line-height: 30px;  margin-right: 28px; font-weight: bold;}
.dataSearchBox dt::after{position: absolute; z-index: 1; right: 0; top: 18px; content: ""; width: 1px; height: 18px; line-height: 18px; float: left; overflow: hidden; background-color: #ddd;}
.dataSearchBox dd{line-height: 30px; padding: 11px 10px 11px 10px; overflow: hidden; color: #999;}
.dataSearchBox dd a{color: #0558b8; white-space: nowrap;}
.dataSearchBox dd a:hover{color: #cd0600;}
.dataSearchBox dd .spe{color: #a7a7a7; margin: 0 10px;}
.dataSearchBox dl.linksOne{width: 408px; float: left;}
.dataSearchBox dl.even{margin-left: 10px;}

/*房屋信息-链接*/
.linksFwxx{overflow: hidden; margin: -10px -10px 0 0;}
.linksFwxx li{width: 410px; height: 74px; float: left; margin: 10px 10px 0 0; overflow: hidden;}
.linksFwxx li a{display: block; height: 72px; line-height: 72px; text-align: center; font-size: 15px; color: #0558b8; background-color: #eaf2fc; border: 1px solid #cddbec; border-radius: 0 8px 0 8px;}
.linksFwxx li a:hover{text-decoration: none; background-color: #e0ecfb;}

/*企业信息-链接*/
.linksQyxx{overflow: hidden; margin: -10px -10px 0 0;}
.linksQyxx li{width: 270px; height: 74px; float: left; margin: 10px 10px 0 0; overflow: hidden;}
.linksQyxx li a{display: block; height: 72px; line-height: 72px; text-align: center; font-size: 15px; color: #0558b8; background-color: #eaf2fc; border: 1px solid #cddbec; border-radius: 0 8px 0 8px;}
.linksQyxx li a:hover{text-decoration: none; background-color: #e0ecfb;}

/*行业数据-带图标链接*/
.linksHysj{overflow: hidden; margin:-25px -25px 0 0;}
.linksHysj li{width: 260px; float: left; text-align: center; margin:25px 25px 0 0;}
.linksHysj li a{position: relative; z-index: 1; display: block; padding: 94px 18px 18px; height: 32px; line-height: 32px; border: 1px solid #e2e2e2; border-radius: 8px;}
.linksHysj li a:hover{background-color: #fafafa;}
.linksHysj li i{position: absolute; z-index: 1; left: 0; top: 22px; width: 100%; height: 60px; float: left; overflow: hidden; background:  url(/images/pe-ind-hysj-icon.png) center top no-repeat;}
.linksHysj li.li1 i{background-position: center top;}
.linksHysj li.li2 i{background-position: center -60px;}
.linksHysj li.li3 i{background-position: center -120px;}
.linksHysj li.li4 i{background-position: center -180px;}
.linksHysj li.li5 i{background-position: center -240px;}
.linksHysj li.li6 i{background-position: center -300px;}

/*奖惩公司-图标*/
#iconJcgs li{width: 402px;}
#iconJcgs li.li1 i{background-position: center -360px;}
#iconJcgs li.li2 i{background-position: center -420px;}
#iconJcgs li.li3 i{background-position: center -480px;}
#iconJcgs li.li4 i{background-position: center -540px;}


/*办事指南*/
#boxZwfw .mBd{padding: 10px 20px 14px;}
#boxZwfw .mBd .nodeName{position: relative; z-index: 1; height: 38px; line-height: 38px; padding-left: 32px; font-size: 18px; font-weight: bold;}
#boxZwfw .mBd .nodeName i{position: absolute; z-index: 1; left: 0; top: 6px; width: 23px; height: 26px; float: left; overflow: hidden; background:  url(/images/pe-ind-zxbs-icon.png) left -160px no-repeat;}
#boxZwfw .mBd .infoList a{padding-left: 0;}

.zwbsBtn{overflow: hidden;}
.zwbsBtn a{position: relative; z-index: 1; width: 82px; height: 48px; line-height: 48px; float: left; padding-left: 50px; border: 1px solid #eaeaea; border-radius: 3px; background-color: #f7f7f7;}
.zwbsBtn a:hover{color: white; background-color: #cd0600; border-color: #cd0600;}
.zwbsBtn a.a2{float: right;}
.zwbsBtn i{position: absolute; z-index: 1; left: 20px; top: 50%; width: 21px; height: 20px; float: left; margin-top: -10px; overflow: hidden; background:  url(/images/pe-ind-zxbs-icon.png) left -213px no-repeat;}
.zwbsBtn .a2 i{background-position: -25px -211px;}

.zwbsBtn a:hover i{background-position: left -240px;}
.zwbsBtn a.a2:hover i{background-position: -25px -238px;}

/*互动交流*/
.hdjlList{overflow: hidden;}
.hdjlList li{font-size: 16px; line-height: 30px;}
.hdjlList li .node{color: #cd0600;}
.hdjlList li .date{padding-top: 5px; line-height: 20px; height: 20px; overflow: hidden; font-size: 14px; color: #999;}
.hdjlList li .date .last{float: right;}
.hdjlList li.first{ padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #e3e3e3;}

/*局长信箱*/
.jzxxBox{overflow: hidden; margin-top: 13px; height: 118px; font-size: 15px; color: #666; text-align: center; line-height: 30px; border: 1px solid #dfe7f2; background: #f2f6fb url(/images/pe-ind-zxbs-icon.png) 19px 10px no-repeat;}
.jzxxBox a{display: block; line-height: 30px; margin-top: 14px; color: #0751a7; font-weight: bold;}
.jzxxBox .msg{padding: 0 28px; text-align: left; text-indent: 2em;}

/*友情链接*/
.index-link{min-width: 1200px; height: 60px; padding: 14px 0 11px; background-color: #034b9e; border-bottom: 1px solid #1a5eae;}
.index-link .panel{position: relative; z-index: 1;}
.nodeSelect2{position: absolute; z-index: 1; left: 0; top: 0; float: left;}
.nodeSelect2 p{height: 30px; line-height: 30px;}
.nodeSelect2 p a{color: #bdd1e9; padding-left: 28px; background:  url(/images/pe-gov.png) left center no-repeat;}
.nodeSelect2 p a:hover{color: white;}
.index-link .nodeSelect{ padding: 6px 0 0 192px; }

/* 友情链接模拟下拉 */
.friendList{width: 22%; margin:0 1.49%; float:left; display:inline; position:relative; z-index: 2;}
.friendList dt{height: 44px;line-height: 44px;padding:0 5px 0 8px;overflow:hidden;border:1px solid #4a87cd;background:none;position:relative;cursor:pointer;}
.friendList dt i{ right:12px; top:50%; margin-top:-2px; border-width:5px; position:absolute;  border-color:transparent; border-style:dashed;  border-top-color:#bdd1e9;border-top-style:solid; content:"";display:block; font-size:0;line-height:0;width:0;}
.friendList dt h3{padding-right: 20px; font-size: 16px; color: #bdd1e9; text-align: left;}
.friendList dd{bottom: 45px;display:none;width:100%;position:absolute;left:0;}
.friendList ul{ max-height: 389px; border:1px solid #ccc; background:#fff;overflow-y:scroll; }
.friendList li{line-height:22px;padding: 6px 10px;border-bottom:1px dotted #ccc; cursor:pointer;}
.friendList li a{display:block;}
.friendList li a:hover{text-decoration:none}
.friendList li:hover{  color:#CD3333; background-color:#f1f1f1 }
.friendList .last{border-bottom:0}
.friendList .on {z-index:9; box-shadow:0 0 5px rgba(0, 0, 0, .2);  }
.friendList.on dt{border-color:#4a87cd; }
.friendList.on dt i{  border-top-style:none; border-bottom-color:#aaa;border-bottom-style:solid; }
.friendList.on dd{ display:block; box-shadow:0 0 5px rgba(0, 0, 0, .2); }
.friendList.on dd ul{ border-color:#ddd; font-size: 14px;}


/* goTop */
#goTop{position:fixed; z-index:99; bottom:290px; left:50%; display:none; width:50px; width:40px; height:50px; height:40px; margin-left:620px; cursor:pointer;  border-radius:2px; background: rgba(0,0,0,0.2) url(/images/pe-gotop-icon.png) center center no-repeat; -webkit-box-shadow:0 0 5px #9c9c9c; box-shadow:0 0 5px #9c9c9c; _display:none !important; }