/**!
 * 通州区门户-首页
 * author: gaojian;
 * date:2017-12-12
 */


/* 滚动图片新闻 */

.wb-slider {
    position: relative;
    height: 306px;
    overflow: hidden;
}

.wb-slider-conbox {
    overflow: hidden;
}

.wb-slider-ctag {
    position: relative;
}

.wb-slider-ctag img {
    width: 100%;
    height: 100%;
}

.wb-slider-mask {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 38px;
    line-height: 38px;
    color: #fff;
    background: url(../images/mask.png);
}

.wb-slider-mask .wb-slider-ellipsis {
    margin-left: 10px;
    display: block;
    width: 264px;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.wb-slider-switcher {
    position: absolute;
    right: 10px;
    bottom: 15px;
    height: 6px;
}

.wb-slider-stag {
    float: left;
    margin-right: 4px;
    height: 6px;
    width: 20px;
    background: url(../images/stag.png) no-repeat;
    cursor: pointer;
}

.wb-slider-stag.cur {
    background-image: url(../images/stagh.png);
}

.ewb-column {
    height: 222px;
    width: 422px;
    padding: 8px 14px 0;
    margin: 0 auto;
    background-color: #f2f2f2;
}

.ewb-column-hd {
    height: 42px;
    line-height: 42px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ewb-column-hd a {
    font-size: 22px;
    color: #333;
    font-weight:bold;
}

.ewb-column-text {
    line-height: 28px;
    color: #666;
}
.ewb-headnews-more 
{
 float:right;
 width:103px;
 text-indent:15px;
 display:block;
 background: url(../images/ckxx.png) no-repeat;
 height: 30px;
 line-height: 30px;
 color: #FFFFFF;
 font-size: 15px;
 
 }
 .l{float:left;}
 
 
.gov-ph {
	position: relative;
	margin-top: 10px;
	width: 452px;
	height: 66px;
}
.gov-ph:hover .m-tab-upicon,
.gov-ph:hover .m-tab-downicon {
	display: block;
}

.gov-ph-link {
	display: block;
	width: 452px;
	height: 66px;
}
.service-menu {
    width: 452px;
    height:66px;
}
.service-menu-wrap {
   	width: 452px;
   	height:66px;
    overflow: hidden;
}
.m-view {
	width: 5000px;
}

.m-tab-upicon 
{
    display:none;
	position: absolute;
	top: 15px;
	left: 8px;
	width: 15px;
	height: 35px;
	cursor: pointer;
	background: url(../images/m-tab-upicon2.png) no-repeat;
}

.m-tab-downicon 
{
    display :none;
	position: absolute;
	top: 15px;
	right: 8px;
	width: 16px;
	height: 35px;
	cursor: pointer;
	background: url(../images/m-tab-downicon2.png) no-repeat;
}
.ewb-banner {
    display: block;
    height: 66px;
    margin-top: 10px;
}

.ewb-banner img {
    display: block;
}


/* 要闻 部门 地方 媒体 */

.ewb-col {
    height: 192px;
    border: 1px solid #dcdcdc;
}

.ewb-col-hd {
    height: 39px;
    padding-top: 1px;
    padding-left: 2px;
    background-color: #f3f3f3;
}

.ewb-tab-item {
    padding: 0 20px;
    height: 37px;
    line-height: 37px;
    border-top: 2px solid #f3f3f3;
}

.ewb-tab-item a {
    display: block;
    line-height: 37px;
    font-size: 16px;
    color: #666;
}

.ewb-tab-item.current {
    border-color: #0d66b1;
    background-color: #fff;
}

.ewb-tab-item.current a {
    color: #da0214;
}
.wb-data-item22, .wb-data-item33{
    padding-left: 13px;
}
.wb-data-item22 li,.wb-data-item33 li
{
    width: 45%;
    *width: 45%;
    float:left;
    height: 28px;
    line-height: 28px;
    text-align: left;
    padding-left: 11px;
    background: url(../images/list.jpg) 0 14px no-repeat;
}

.wb-data-item22 li a,.wb-data-item33 li a
{
    float:left;
    display: block;
    color: #333;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%;
 }
/* 我要看 我要办 我要问 */

.ewb-work {
    margin-top: 10px;
    height: 232px;
    overflow: hidden;
}

.ewb-work-hd {
    width: 168px;
}

.ewb-work-bd {
    margin-left: 168px;
    padding-left: 10px;
    height: 230px;
    border: 1px solid #dcdcdc;
}

.ewb-work-tab {
    position: relative;
    height: 72px;
    margin-top: 8px;
    padding-right: 10px;
    vertical-align: top;
}

.ewb-work-tab:first-child {
    margin-top: 0;
}

.ewb-work-tab a {
    display: block;
    height: 72px;
    line-height: 72px;
    padding-left: 84px;
    font-size: 18px;
    font-weight: bold;
    color: #0d66b1;
    background-position: 18px center;
    background-repeat: no-repeat;
    background-color: #d1eafe;
}

.ewb-tab-arr {
    position: absolute;
    right: 4px;
    top: 31px;
    display: none;
    width: 6px;
    height: 11px;
    background: url(../images/tab_arr.png) no-repeat;
}

.ewb-work-icon1 {
    background-image: url(../images/tab_icon1.png);
}

.ewb-work-icon2 {
    background-image: url(../images/tab_icon2.png);
}

.ewb-work-icon3 {
    background-image: url(../images/tab_icon3.png);
}

.ewb-work-tab.current .ewb-work-icon1 {
    background-image: url(../images/tab_icon1h.png);
}

.ewb-work-tab.current .ewb-work-icon2 {
    background-image: url(../images/tab_icon2h.png);
}

.ewb-work-tab.current .ewb-work-icon3 {
    background-image: url(../images/tab_icon3h.png);
}

.ewb-work-tab.current a {
    color: #fff;
    background-color: #0d66b1;
}

.ewb-work-tab.current .ewb-tab-arr {
    display: block;
}


/* 我要看内容 */

.ewb-pr10 {
    padding-right: 10px;
}

.ewb-look-hd {
    padding-top: 4px;
    height: 31px;
    border-bottom: 1px solid #d5d5d5;
}

.ewb-look-tab {
    padding: 0 8px 0 10px;
    height: 30px;
}

.ewb-look-tab a {
    line-height: 30px;
    font-size: 16px;
    color: #666;
}

.ewb-look-tab.current {
    border-bottom: 2px solid #0d66b1;
}

.ewb-look-tab.current a {
    font-weight: bold;
    color: #ca070d;
}

.ewb-look-bd .wb-data-item {
    padding-left: 1px;
}

.ewb-look-bd .wb-data-list {
    line-height: 26px;
    padding-left: 11px;
    background: url(../images/list.jpg) 0 50% no-repeat;
}

.ewb-look-bd .wb-data-infor {
    margin-right: 50px;
}

.ewb-look-bd .wb-data-date {
    padding-right: 0px;
    margin-top: -26px;
}

.ewb-pl10 {
    padding-left: 10px;
}

.ewb-pl20 {
    padding-left: 20px;
}

.ewb-h172 {
    height: 172px;
    overflow: hidden;
}

.ewb-login-list {
    height: 38px;
    margin-top: 6px;
    vertical-align: top;
}

.ewb-login-list a {
    display: block;
    height: 38px;
    line-height: 38px;
    text-indent: 45px;
    font-size: 16px;
    color: #0d66b1;
    background-position: 12px center;
    background-repeat: no-repeat;
    background-color: #f0f0f0;
}

.ewb-login-list a:hover {
    background-color: #d1eafe;
}

.ewb-login {
    padding-top: 1px;
    *padding-top: 11px;
}

.ewb-login-icon1 {
    background-image: url(../images/login_icon1.png);
}

.ewb-login-icon2 {
    background-image: url(../images/login_icon2.png);
}

.ewb-login-icon3 {
    background-image: url(../images/login_icon3.png);
}

.ewb-login-icon4 {
    background-image: url(../images/login_icon4.png);
}
.ewb-login-icon5 
{
    background-image: url(../images/pub_icon2.png);
        font-size: 15px !important;

}
.ewb-affia {
    width: 272px;
    margin-top: 9px;
}

.ewb-affia-hd {
    position: relative;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background-color: #f0f0f0;
}

.ewb-affia-bd {
    padding-top: 9px;
}

.ewb-affia-tt {
    font-size: 15px;
    font-weight: bold;
    color: #0d66b1;
}

.ewb-affia-arr {
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -5px;
    display: block;
    width: 10px;
    height: 5px;
    background: url(../images/affia_arr.png) no-repeat;
    z-index: 999;
}

.ewb-affia-list {
    height: 28px;
    width: 33.3333%;
    *width: 33%;
    vertical-align: top;
}

.ewb-affia-list a {
    display: block;
    padding-left: 13px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: url(../images/list.jpg) 4px center no-repeat;
}

.ewb-affia-list a:hover {
    color: #ca070d;
}
.ewb-affia-item li
{
    width: 78px;
    *width: 78px;
    float:left;
    height: 28px;
    line-height: 28px;
    text-align: left;
    padding-left: 11px;
    background: url(../images/list.jpg) 4px center no-repeat;
}
.ewb-affia-item2 li
{
    width: 30%;
    *width: 30%;
    float:left;
    height: 28px;
    line-height: 28px;
    text-align: left;
    padding-left: 11px;
    background: url(../images/list.jpg) 4px center no-repeat;
}

.ewb-affia-item2 li a,.ewb-affia-item li a
{
    float:left;
    display: block;
    color: #333;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ewb-affia-item3 li
{
    width: 48%;
    *width: 48%;
    float:left;
    height: 28px;
    line-height: 28px;
    text-align: left;
    padding-left: 11px;
    background: url(../images/list.jpg) 4px center no-repeat;
}

.ewb-affia-item3 li a
{
    float:left;
    display: block;
    color: #333;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 77%;
 }
.ewb-affia-item3 li span {
    float: right;
    color: #999;
    padding-right: 13px;
}
.ewb-w554 {
    width: 554px;
}


/* 其他服务 */

.ewb-service {
    width: 232px;
    margin-left: 20px;
}

.ewb-service-hd {
    padding-top: 4px;
    height: 31px;
    border-bottom: 1px solid #e5e5e5;
}

.ewb-service-tt {
    padding: 0 8px;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    height: 30px;
    color: #ca070d;
    border-bottom: 2px solid #0d66b1;
}

.ewb-service-item {
    padding-top: 2px;
    *padding-top: 9px;
}

.ewb-service-list {
    height: 38px;
    margin-top: 7px;
    vertical-align: top;
}

.ewb-service-list a {
    display: block;
    height: 38px;
    line-height: 38px;
    text-indent: 84px;
    font-size: 15px;
    font-weight: bold;
    color: #0d66b1;
    background-position: 36px center;
    background-repeat: no-repeat;
    background-color: #f0f0f0;
}

.ewb-service-list a:hover {
    background-color: #dceaf6;
}

.ewb-service-icon1 {
    background-image: url(../images/service_icon1.png);
}

.ewb-service-icon2 {
    background-image: url(../images/service_icon2.png);
}

.ewb-service-icon3 {
    background-image: url(../images/service_icon3.png);
}

.ewb-service-icon4 {
    background-image: url(../images/service_icon4.png);
}

.ewb-btns {
    padding: 9px 0 4px 0;
    height: 38px;
}

.ewb-btn {
    width: 88px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    margin-left: 5px;
    font-size: 15px;
    font-weight: bold;
    color: #0d66b1;
    background-color: #f3f3f3;
}

.ewb-btn:hover {
    background-color: #d1eafe;
}

.ewb-btns.spe .ewb-btn {
    font-size: 13px;
}

.ewb-btn:first-child {
    margin: 0;
}

.ewb-mt2 {
    margin-top: 2px;
}

.ewb-online {
    width: 188px;
    height: 210px;
    padding: 0 17px;
    margin: 10px 0 0 20px;
    background-color: #f0f0f0;
}

.ewb-online-hd {
    height: 36px;
    margin-top: 1px;
    text-align: center;
    line-height: 36px;
}

.ewb-online-tt {
    color: #da0214;
    font-size: 16px;
    font-weight: bold;
}

.wb-online {
    position: relative;
    font-family: arial;
    overflow: hidden;
}

.wb-online-conbox {
    overflow: hidden;
}

.wb-online-ctag {
    display: block;
    position: relative;
    padding-bottom: 30px;
}

.wb-online-ctag img {
    display: block;
    width: 188px;
    height: 108px;
}

.wb-online-mask {
    width: 100%;
    height: 30px;
    line-height: 30px;
}

.wb-online-mask .ellipsis {
    display: block;
    margin-left: 10px;
    width: 150px;
    margin: 0 auto;
    color: #333;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#onlineleft,
#onlineright {
    width: 14px;
    height: 14px;
    position: absolute;
    bottom: 8px;
    z-index: 999999999999;
}

#onlineright {
    left: 0;
    background: url(../images/online_btn1.png);
}

#onlineleft {
    right: 0;
    background: url(../images/online_btn2.png);
}

.ewb-online-tool {
    height: 24px;
}

.ewb-online-tool a {
    height: 24px;
    line-height: 24px;
    color: #0d66b1;
}

.ewb-online-ico1 {
    padding-left: 21px;
    background: url(../images/online_ico1.png) 1px center no-repeat;
}

.ewb-online-ico2 {
    padding-left: 25px;
    margin-left: 19px;
    background: url(../images/online_ico2.png) 0 center no-repeat;
}

.ewb-online-ico3 {
    padding-left: 21px;
    margin-left: 18px;
    background: url(../images/online_ico3.png) 0 center no-repeat;
}