/* 热点关注 */
#hot{ margin-bottom: 20px; position: relative;}
#hot .hd{ float: left; margin-right: 20px; text-align: center; border: none;}
#hot .hd h3{ background-color: #f40000; color: #fff; width: 120px; line-height: 36px;}
#hot .hd span{ display: block; background-color: #f2f2f2; width: 120px; font-size: 12px; line-height: 36px;}
#hot .hd ul{ position: absolute; z-index: 2; top: 10px; right: 0; width: 10px; margin: 0;}
#hot .hd ul li{ margin-bottom: 10px; width: 8px; height: 8px; text-indent: -99px; overflow: hidden; border-radius: 50%; border: 1px solid #ddd; cursor: pointer;}
#hot .hd ul li.on{ background-color: #e00; border-color: #e00;}
#hot .bd{ padding: 0; overflow: hidden;}
#hot .bd .introList li{ padding: 0; border: none;}
#hot .bd .introList li .title{ text-align: center; font-size: 30px; font-weight: bold;}
#hot .bd .introList li .title a{ color: #e00;}
#hot .bd .introList li .intro{text-indent: 0;}

/* ========== 卫计之窗&政务公开&网上办事&公众互动&党团建设切换区 ========== */
.areaTab{ margin-bottom: 18px;height: 330px; overflow: hidden;}

/* 切换区域按钮 */
.areaTabBtn{ overflow: hidden; margin: 0 -10px;}
.areaTabBtn li{ float: left; width: 49.99%;}
.areaTabBtn li a{ margin: 0 10px; display: block; line-height: 50px; background-color: #f0f0f0; border-bottom: 1px solid #ddd; text-align: center; transition: all 0.25s ease 0s;}
.areaTabBtn li a:hover{ background-color: #deedf8; border-color: #b3d2ea; color: #333;}

/* 切换区域--右侧大切换 */
.areaTab .tabSide{ float: right; margin-left: 20px;}
.areaTab .tabSide li{ position: relative; margin-bottom: 2px; background-color: #2c9ff7; height: 81px; overflow: hidden;}
.areaTab .tabSide li a{ position: relative; z-index: 2; display: block; width: 160px; height: 81px; line-height: 81px;color: #fff; font-size: 18px; text-align: center;}
.areaTab .tabSide li span{ position: absolute; z-index: 0; right: 0; top: 0; height: 100%; width: 5px; background-color: #35c6e8; transition: all 0.25s ease 0s;}
.areaTab .tabSide .on span{ width: 100%;}
.areaTab .tabSide .li2 span{ background-color: #ff9e40;}
.areaTab .tabSide .li3 span{ background-color: #98d700;}
.areaTab .tabSide .li4 span{ background-color: #41e7e5;}
.areaTab .tabSide .li5 span{ background-color: #ff6565;}
.areaTab .tabCon{ overflow: hidden;}

/* ========== 卫计之窗 ========== */
.wjzcTab .focusIcon{ float: left; margin-right: 20px; width: 500px; height: 330px; overflow: hidden;}
.wjzcTab #wjzc .hd{ border: none; overflow: visible;}
.wjzcTab #wjzc .hd ul{ margin: 0 -2px; float: none; overflow: visible;}
.wjzcTab #wjzc .hd li{ position: relative; float: left; width: 24.5%;}
.wjzcTab #wjzc .hd li a{ margin: 0 2px; padding-left: 0; padding-right: 0; text-align: center;}
.wjzcTab #wjzc .hd li i{ position: absolute; top: 41px; left: 50%; margin-left: -6px;content: ""; border-width: 6px; border-color: transparent; border-top-color: #188de6; border-bottom-style: solid; border-style: dashed; display: none; font-size: 0; line-height: 0; width: 0;}
.wjzcTab #wjzc .hd .on i{ display: block;}
.wjzcTab #wjzc .bd{ padding: 15px 0 0; clear: both;}

/* ========== 政务公开 ========== */
.zwgkTab{ overflow: hidden;}
.zwgkTab .side{ float: left; width: 260px; margin-right: 20px;}
#zwgk .bd{ padding: 15px 0 0;}
#zwgk .areaTabBtn li{ width: 24.99%;}
#zwgk .areaTabBtn li a{ font-size: 14px;}

/* 政务公开大按钮 */
.zwgkTab .zwgkBtn{ overflow: hidden;}
.zwgkTab .zwgkBtn li{ width: 100%; margin-bottom: 10px; float: none;}
.zwgkTab .zwgkBtn li a{ border: none; line-height: 59px; font-size: 18px; background-color: #ff9e40; color: #fff;}
.zwgkTab .zwgkBtn li.li2 a{ background-color: #98d700;}
.zwgkTab .zwgkBtn li a:hover{ filter: alpha(opacity=80);opacity: 0.8;}

/* 五公开 */
#wgk .bd .areaTabBtn{height:140px; margin: 0 -5px;}
#wgk .bd .areaTabBtn li{ margin-bottom: 10px;}
#wgk .bd .areaTabBtn li a{ margin: 0 5px; border: 1px solid #ddd; line-height: 35px;}

/* ========== 办事服务 ========== */
.bsfwTab .side{ float: left; width: 250px; margin-right: 20px;}

/* 办事服务快捷链接 */
#zxbsQuick .bd{ margin-top: -10px;}
#zxbsQuick .bd ul{ margin: 0 -5px; overflow: hidden;}
#zxbsQuick .bd li{ float: left; width: 49.99%; text-align: center;}
#zxbsQuick .bd li a{ position: relative; display: block; margin: 10px 5px 0; height: 53px; line-height: 53px; padding-top: 50px; background-color: #f0f0f0; transition: all 0.25s ease 0s;}
#zxbsQuick .bd li i{ position: absolute; top: 10px; left: 50%; margin: 7px 0 0 -20px; transition: all 0.4s ease 0s;}
#zxbsQuick .bd li.last{ font-size: 12px;}
#zxbsQuick .bd li a:hover{ background-color: #deedf8;}
#zxbsQuick .bd li a:hover i{ transform: rotateY(-180deg);}

/* 办事服务切换 */
#bszl .hd,#gkzp .hd{ background-color: #f5f5f5;}
#bszl .bd,#gkzp .bd{ padding: 9px 0; height: 120px;}

/* ========== 公众互动 ========== */
.gzhdTab .side{ float: right; width: 370px; margin-left: 20px;}
.gzhdTab .areaTabBtn li{ position: relative; width: 24.99%;}
.gzhdTab .areaTabBtn li i{ position: absolute; top: 17px; left: 50%; margin-left: -16px; transition: all 0.4s ease 0s;}
.gzhdTab .areaTabBtn .li3 i{ margin-left: -23px;}
.gzhdTab .areaTabBtn li a{border-width: 2px; padding-top: 50px; line-height: 40px; font-size: 14px;}
.gzhdTab .areaTabBtn li a:hover i{ transform: rotateY(-180deg);}

/* 在线访谈 */
.interviewList li{padding: 10px 0;height:100px; overflow: hidden;}
.interviewList .pic{float: left;margin-right: 20px;}
.interviewList .pic img{width: 150px;}
.interviewList .con{ height: 100px;overflow: hidden;}
.interviewList .con li{padding: 0;line-height: 1.8em;}
.interviewList .con .more{margin-left: 10px;}
.interviewList .con .intro{ display: none;}

/* 领导信箱 */
#ldxx .hd .btn{ margin-top: 10px; padding: 0; border: none; background: none;}
#ldxx .bd{ height: 178px;}
#ldxx .letterList li{ padding: 7px 10px; background: none;}
#ldxx .letterList li.th{ display: none;}

/* ========== 党团建设 ========== */
.dtjsTab .focusIcon{ float: left; margin-right: 20px; width: 520px; height: 358px; overflow: hidden;}

/* 友情链接 */
#friendLink .bd{ padding: 20px; overflow: hidden;}
#friendLink .bd li{ float: left; width: 16.66%;}
#friendLink .bd li .title{ margin-right: 10px;}