﻿@charset "utf-8";
#content{padding:0; width:1200px; background:none}
.column{overflow: hidden;margin-bottom: 20px; padding:20px; background:#fff;}
.box,.boxA{margin-bottom:0;}
/* columnA */
#columnA{height: 344px;overflow:hidden;padding:0;}
#columnA .iHd{width:203px; float:left;}
#columnA .iBd{overflow:hidden; padding:20px 20px 0 0}
#columnA .list{ width:183px; }
#columnA .list li{vertical-align:top; margin-bottom:1px; position:relative}
#columnA .list .on i{ position:absolute; right:-10px; top:30px; border-color:transparent;  border-style:dashed; border-width:5px;  border-left-color:#007CC9; border-left-style:solid; content:""; display:block; font-size:0; line-height:0; width:0; }
#columnA .list a{display:block;height: 68px;line-height: 68px;font-size:18px;padding-left:74px;background: url(../../base/img/ind-icons1.png) -10px -16px no-repeat #F2F2F2;}
#columnA .list .li2 a{background-position:-10px -216px}
#columnA .list .li3 a{background-position:-10px -416px}
#columnA .list .li4 a{background-position:-10px -616px}
#columnA .list .li5 a{background-position:-10px -816px}
#columnA .list a:hover,
#columnA .list .on a{ background-color:#007CC9; color:#fff; text-decoration:none}
#columnA .list .li1 a:hover,
#columnA .list .li1.on a{background-position:-10px -116px}
#columnA .list .li2 a:hover,
#columnA .list .li2.on a{background-position:-10px -316px}
#columnA .list .li3 a:hover,
#columnA .list .li3.on a{background-position:-10px -516px}
#columnA .list .li4 a:hover,
#columnA .list .li4.on a{background-position:-10px -716px}
#columnA .list .li5 a:hover,
#columnA .list .li5.on a{background-position:-10px -916px}

/* 焦点图 */
.indFocus{width:504px; overflow:hidden; position:relative; float:left; margin-right:20px; }
.indFocus .hd{position:absolute;z-index:1;right: 13px;bottom: 15px;}
.indFocus .hd ul{ overflow:hidden; zoom:1; float:left;  }
.indFocus .hd ul li{ float:left; margin-right:4px;  width:13px; height:13px; line-height:13px; text-align:center; border:1px solid #fff; cursor:pointer; color:#fff;
    -webkit-border-radius:13px; -moz-border-radius:13px; border-radius:13px;
}
.indFocus .hd ul li span{display:none}
.indFocus .hd ul li.on{ background:#fff;  }
.indFocus .bd{ position:relative; height:300px; overflow:hidden; }
.indFocus .bd li{position:relative}
.indFocus .bd .pic{ position:relative; z-index:0; line-height:0;}
.indFocus .bd .pic img{ width:504px; height:300px; border:0;   }
.indFocus .bd .con{ position:absolute; width:100%;  z-index:1; bottom:0; height:46px; line-height:46px; text-align:left; }
.indFocus .bd .con .title{font-size: 16px;position:absolute;width:100%;bottom:0;left:0;z-index:1;}
.indFocus .bd .con .title a{ color:#fff; padding-left:10px; text-decoration:none;   }
.indFocus .bd .con .titleBg{ position:absolute; width:100%; z-index:0; bottom:0; left:0; background:#000; filter:alpha(opacity=60);opacity:0.6; height:46px;   }

#columnA .topicList{overflow:hidden;}
#columnA .topicList .t{padding-bottom:5px}
#columnA .topicList .t .tit{font-size:22px;}
#columnA .topicList .t .intro{font-size:12px; line-height:40px; height:40px; }

/* 信息公开切换块 */
.xxgkList{overflow:hidden;width: 222px;float:left;margin-right:20px;}
.xxgkList li{margin-bottom:10px;}
.xxgkList li a{display:block;height: 53px;line-height: 53px;background:url(../../base/img/ind-icons1.png) 150px -1022px no-repeat #F2F2F2;padding-left:50px;font-size:16px;}
.xxgkList li a:hover{text-decoration:none; background-color:#e5e5e5}

/* 政民互动切换块 */
#bmxx{width:755px; float:left; margin-right:20px;}
#bmxx .hd{margin-bottom:1px;}
#bmxx .letterList th{padding:5px 0; background:#F7F7F7}

.hdBtns{overflow:hidden}
.hdBtns li{height:85px; line-height:85px; margin-bottom:10px;}
.hdBtns li a{ display:block; background:url(../../base/img/ind-icons3.png) 0 -8px no-repeat #F2F2F2; font-size:18px; padding-left:85px;}
.hdBtns .li2 a{background-position:0 -208px}
.hdBtns .li3 a{background-position:0 -408px}
.hdBtns li a:hover{background-color:#007CC9; color:#fff; text-decoration:none; background-position:0 -108px}
.hdBtns .li2 a:hover{background-position:0 -308px}
.hdBtns .li3 a:hover{background-position:0 -508px}

/* 部门概况切换块 */
#bmgk .pic{float:left; margin-right:20px; }
#bmgk .pic img{width:410px;height: 304px;}
#bmgk .intro{ line-height:28px; height:168px; overflow:hidden; margin-bottom:20px;}

.jgszBtns{overflow:hidden; margin-right:-20px;}
.jgszBtns li{float:left; width:260px; margin-right:20px;}
.jgszBtns a{display:block; height:64px; line-height:64px; font-size:18px; background:url(../../base/img/ind-icons3.png) 40px -620px no-repeat #F1F1F1; padding-left:120px;}
.jgszBtns a:hover{text-decoration:none; background-color:#007CC9; color:#fff; background-position:40px -720px;}
.jgszBtns .li2 a{background-position:40px -815px}
.jgszBtns .li2 a:hover{background-position:40px -915px}

/* columnB */
#columnB{ }
.ztzl{margin-bottom:20px;}
.ztzl .tempWrap{ width:1160px !important}
.ztList{overflow:hidden; margin-right:-20px; }
.ztList li{float:left; width:275px; height:77px; margin-right:20px;}
.ztList li img{width:100%; height:77px;}

#columnB .box{ float:left; margin-right:20px; width:400px;}
.xxgk{overflow:hidden;}
.zwList{overflow:hidden;margin-right: -10px;}
.zwList li{float:left;width: 155px;margin:0 10px 10px 0; text-align:center;}
.zwList a{display:block; height:126px; background:#eaf7ff; font-size:16px; color:#007CC9}
.zwList i{display:block; height:85px; background:url(../../base/img/ind-icons2.png) center -5px no-repeat}
.zwList .li2 i{background-position:center -105px}
.zwList .li3 i{background-position:center -205px}
.zwList .li4 i{background-position:center -300px}

/*轮播广告*/
.focusAd{position: relative; z-index: 1; margin: 20px 0; height: 100px;}
.focusAd .bd img{display: block; width: 100%; height: 100px;}
.focusAd .bd .con{display: none;}
.focusAd .hd{position: absolute; z-index: 1; right: 12px; bottom: 12px;}
.focusAd .hd li{width: 8px; height: 8px; float: left; margin-left: 5px; line-height: 8px; overflow: hidden; background-color: #fff;}
.focusAd .hd li span{display: none;}
.focusAd .hd li.on{background-color: #ffcc33;}

/* 国徽变灰处理 
.gray-html{webkit-filter: grayscale(0%);-moz-filter: grayscale(0%)!important;-ms-filter: grayscale(0%);-o-filter: grayscale(0%)!important;filter: grayscale(0%);filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale = 1) \9;filter: gray !important;}
.topBar,.logoBar .siteSearch,.topNav,#content,#footer,.floatPosition{webkit-filter: grayscale(100%);-moz-filter: grayscale(100%)!important;-ms-filter: grayscale(100%);-o-filter: grayscale(100%)!important;filter: grayscale(100%);filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale = 1) \9;filter: gray !important;}
.logoBar #logo a{display: block;width: 510px;height: 75px;background: url(../../base/img/logo-gray.png);}
.logoBar #logo a img{display: none;}
html body{background: url(../../base/img/body-gray.jpg) center 0 no-repeat #F4F4F4!important;}
*/