﻿/**!
 * &#36275;&#29699;&#27604;&#20998;&#51;&#54;&#53;&#95;&#51;&#54;&#53;&#98;&#101;&#116;&#23089;&#20048;&#22330;&#32593;&#22336;&#95;&#51;&#54;&#53;&#98;&#101;&#116;&#23448;&#32593;&#25163;&#26426;&#29256;外办事ahout
 * author: shenyh;
 */


/*图片轮播*/

.wb-slider {
    position: relative;
    overflow: hidden;
}

.wb-slider-conbox {
    overflow: hidden;
}

.wb-slider-ctag {
    position: relative;
}

.wb-slider-ctag img {
    height: 100%;
    width: 100%;
}

.wb-slider-mask {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    font-family: "SimSun";
    color: #fff;
    background: url(mask-bg.png);
}

.wb-slider-mask .ellipsis {
    display: block;
    margin-left: 10px;
    width: 164px;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.wb-slider-switcher {
    position: absolute;
    right: 4px;
    bottom: 6px;
    height: 18px;
}

.wb-slider-stag {
    float: left;
    margin-right: 2px;
    height: 18px;
    width: 25px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    background: #898989;
    cursor: pointer;
}

.wb-slider-stag.cur {
    background: #ff8202;
}


/* 图片新闻 */

.news-item {
    height: 48px;
    line-height: 48px;
    width: 156px;
    font-size: 16px;
    border: 1px solid #d0d0d0;
    background: url(newsbg.jpg) repeat-x;
}

.news-item a {
    display: block;
    height: 48px;
    color: #333;
    padding-left: 70px;
}

.news-item:hover {
    cursor: pointer;
    background: #f1720b;
}

.news-item:hover a {
    color: #fff;
}

.news-icon01 {
    background-image: url(newsi1.png);
    background-position: 23px 7px;
    background-repeat: no-repeat;
}

.news-icon01:hover {
    background-image: url(newsi1h.png);
}

.news-icon02 {
    background-image: url(newsi2.png);
    background-position: 23px 7px;
    background-repeat: no-repeat;
}

.news-icon02:hover {
    background-image: url(newsi2h.png);
}





/* 掌握未来 */

.future {
    display: block;
    height: 224px;
}


/* 信息报送 */

.info-icon {
    display: block;
    height: 50px;
    line-height: 50px;
    width: 78px;
    padding-left: 60px;
    color: #fff;
    font-size: 16px;
    background-position: 13px 6px;
    background-repeat: no-repeat;
    background-color: #53a8eb;
}

.info-icon01 {
    background-image: url(xxi1.png);
}

.info-icon02 {
    background-image: url(xxi2.png);
}

.info-icon:hover {
    cursor: pointer;
    background-color: #f1720b;
}


/* 信息公开 */


.gk-l {
    float: left;
    margin-left: 8px;
    width: 356px;
}

.gk-li {
    float: left;
    font-size: 16px;
    margin-top: 8px;
    margin-left: 8px;
}

.gk-li-a {
    display: block;
    width: 107px;
    height: 66px;
    color: #333;
    line-height: 66px;
    text-align: center;
    background: #ededed;
}

.gk-li-a:hover {
    cursor: pointer;
    color: #fff;
    background: #f1720b;
}

.gk-r {
    float: left;
    width: 328px;
}

.gk-t,
.gk-b {
    height: 66px;
    padding-top: 8px;
}

.gk-img {
    float: left;
    margin-left: 8px;
    display: block;
    height: 66px;
}

.gk-icon {
    float: left;
    margin-left: 8px;
    width: 100px;
    height: 66px;
    color: #fff;
    display: block;
}

.gk-icon span {
    display: block;
    padding-top: 40px;
    text-align: center;
}

.gk-icon01 {
    background: url(gki1.png) center 9px no-repeat #198be4;
}

.gk-icon02 {
    background: url(gki2.png) center 9px no-repeat #53c2eb;
}

.gk-icon03 {
    background: url(gki3.png) center 9px no-repeat #55b5ff;
}

.gk-icon04 {
    background: url(gki4.png) center 9px no-repeat #37a4f8;
}

.gk-icon:hover {
    cursor: pointer;
    background-color: #f1720b;
}


/* 网上办事 */

.online-hd {
    float: left;
    width: 46px;
    height: 96px;
    background: url(wsbs.jpg) left top no-repeat;
}

.online-bd {
    width: 951px;
    height: 94px;
    border: 1px solid #dddddd;
    border-left: 0;
    float: left;
}

.online-item {
    float: left;
    text-align: center;
    width: 12.5%;
    *width: 12.4%;
}

.online-item a {
    display: block;
    color: #333;
}

.online-item img {
    height: 42px;
    padding-top: 13px;
    vertical-align: top;
}

.online-tt {
    display: block;
    padding-top: 10px;
}

.online-tt.spac {
    letter-spacing: -1px;
}


/* 在线互动 */

.hd-body {
    height: 161px;
    border: 1px solid #dddddd;
    border-top: 0;
    
}

.hd-items {
    margin-left: 2px;
    margin-top: 2px;
}

.hd-item {
    float: left;
    width: 260px;
    margin-left: 8px;
    margin-top: 8px;
}

.hd-icon {
    display: block;
    height: 41px;
    line-height: 40px;
    font-size: 16px;
    color: #0078d6;
    padding-left: 120px;
    background-color: #c7e7ff;
    background-repeat: no-repeat;
}

.hd-icon01 {
    background-image: url(hdi1.png);
    background-position: 80px 10px;
}

.hd-icon02 {
    background-image: url(hdi2.png);
    background-position: 80px 9px;
}

.hd-icon03 {
    background-image: url(hdi3.png);
    background-position: 80px 9px;
}

.hd-icon04 {
    background-image: url(hdi4.png);
    background-position: 80px 10px;
}

.hd-icon05 {
    background-image: url(hdi5.png);
    background-position: 80px 11px;
}

.hd-icon:hover {
    cursor: pointer;
    color: #fff;
    background-color: #f1720b;
}

.hd-icon01:hover {
    background-image: url(hdi1h.png);
}

.hd-icon02:hover {
    background-image: url(hdi2h.png);
}

.hd-icon03:hover {
    background-image: url(hdi3h.png);
}

.hd-icon04:hover {
    background-image: url(hdi4h.png);
}

.hd-icon05:hover {
    background-image: url(hdi5h.png);
}
