body.no-home, html.no-home {
    min-width: 1200px;
}

.no-home .container {
    width: 1200px !important;
}

.no-home .footer .hidden-sm,
.no-home .footer .hidden-xs,
.son-web .footer .hidden-sm,
.son-web .footer .hidden-xs,
.no-home .header .blank-h70.hidden-sm,
.no-home .header .blank-h70.hidden-xs,
.no-home .nav-list > li:hover .subNav.hidden-sm,
.no-home .nav-list > li:hover .subNav.hidden-xs,
.no-home .header-top .hidden-sm,
.no-home .header-top .hidden-xs {
    display: block !important;
}

.no-home .visible-sm, .no-home .visible-xs {
    display: none !important;
}

/*输入框错误提示*/
label.error {
    color: #5193d4;
    margin-left: 10px;
    font-weight: normal;
}
/* 组织机构表格 */
.inner-table * {
    font-family: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体" !important;
    font-size: 14px !important;
}

.inner-table table {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 20px 0 !important;
    border: 1px solid #f1f1f1 !important;
    padding: 0;
    background: transparent;
    color: #777 !important;
}

    .inner-table table > tbody > tr > td {
        width: auto;
        height: auto;
        margin: 0;
        border: 0 none !important;
        border-top: 1px solid #f1f1f1 !important;
        padding: 8px 15px !important;
        line-height: 26px !important;
        text-align: left;
        font-size: 14px !important;
    }

        .inner-table table > tbody > tr > td[rowspan="4"] {
            width: 130px;
        }

        .inner-table table > tbody > tr > td[bgcolor="#f1f9fe"], .inner-table table > tbody > tr > td[bgcolor="#eff8ff"] {
            border-top: 1px solid #fff !important;
            background-color: #f1f1f1;
            font-weight: bold;
            color: #555 !important;
        }

        .inner-table table > tbody > tr > td[bgcolor="#f1f9fe"] {
            width: 105px;
        }

        .inner-table table > tbody > tr > td[width="22%"] {
            width: 130px;
        }

    .inner-table table > tbody > tr:first-child > td {
        border-top: 0 none !important;
    }

    .inner-table table > tbody > tr > td[rowspan="4"] > img {
        display: block;
        width: 100px;
        height: auto;
        margin: 0 auto;
    }

.table-head-wrap {
    height: 40px;
    line-height: 40px;
    margin-top: 40px;
    margin-bottom: 30px;
    padding: 0 5px;
    border-bottom: 2px solid #5193d4 !important;
    font-weight: bold;
    font-size: 16px;
    color: #5193d4;
}

    .table-head-wrap:first-child {
        margin-top: 10px;
    }

    .table-head-wrap.director-mailbox {
        margin-bottom: 10px;
    }

        .table-head-wrap.director-mailbox .more-link {
            width: 20px;
        }


/*覆盖highCharts样式*/
.prompt-box .highcharts-title,
.prompt-box .highcharts-axis-labels,
.prompt-box .highcharts-yaxis,
.prompt-box .highcharts-xaxis,
.prompt-box .highcharts-legend-item {
    font-family: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体";
}


/**--------------------------
 * Created by 丰梦莹 on 2017/7/6.
 -----------------------------*/
/*设置placeholder的颜色样式*/
::-webkit-input-placeholder {
    color: #aaa;
}

:-moz-placeholder {
    color: #aaa;
}

::-moz-placeholder {
    color: #aaa;
}

:-ms-input-placeholder {
    color: #aaa;
}
/* 被选中的文本颜色变化IE9+ */
::selection {
    background: #333;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #333;
    color: #fff;
    text-shadow: none;
}

/*过渡*/
a,
.search-key:after,
.scaleBox img,
.scaleBox2 img,
.nav-list li > a:after,
.banner-part-main li:after,
.info-icon,
.news-nav-line,
.interact-mail p,
/*.floatMenu li,*/
.subNav li,
.news-date-inform,
.nav1-left ul li,
.video-close,
.f-list-arrow,
.f-search-submit,
.f-work-item1 li span,
.investment-focus-img img,
#investment-company a:hover img,
.f-inves-item,
.call-popup-list li,
.investment-focus-slogan,
.investment-require,
.f-inves-companyTitle > a.f-l {
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}

input {
    border: none;
    outline: none;
    background-color: transparent;
}

a:focus, a:hover {
    color: inherit;
}


.blank-h70 {
    width: 100%;
    height: 55px;
}

.blank-h55 {
    width: 100%;
    height: 55px;
}

.blank-h20 {
    width: 100%;
    height: 20px;
}

.plr-0 {
    padding-left: 0;
    padding-right: 0;
}

.f-15 {
    font-size: 15px;
}

.ti-4 {
    text-indent: 4em;
}

.plr-150 {
    padding-left: 150px;
    padding-right: 150px;
}

.plr-120 {
    padding-left: 120px;
    padding-right: 120px;
}

.plr-100 {
    padding-left: 100px;
    padding-right: 100px;
}

.color-c2 {
    color: #c2c2c2;
}

.color-o1 {
    color: #5193d4;
}

.color-a {
    color: #aaa;
}

.color-7 {
    color: #777;
}

.color-5 {
    color: #555;
}

.color-3 {
    color: #333;
}

.color-b {
    color: #5193d4;
}

.color-lg {
    color: #adbac2;
}

.color-green {
    color: #6eb92b;
}
.bgcolor-blue {
background-color:#2e86d0;

}
.bgcolor-blue2 {
background-color:#6fd3ed;

}

.bgcolor-orange {
    background-color: #f3a012;
}

.bgcolor-green {
    background-color: #6eb92b;
}

.bgcolor-black {
    background-color: #231815;
}

.bgcolor-green2 {
    background-color: #40d0ad;
}

.bgcolor-red2 {
    background-color: #c01a1a;
}
.bgcolor-red3 {
/*background-color:#c11a1b;*/
background-color:#2e86d0;
}
.bgcolor-purple2 {
    background-color: #b19ce8;
}

.bgcolor-lo {
    background-color: #fff6e4;
}

.bgcolor-e {
    background-color: #eee;
}

.bgcolor-f7 {
    background-color: #f7f7f7;
}

.bgcolor-f0 {
    background: #f0f0f0;
}

.bgcolor-b {
    background-color: #5193d4;
}

/*统一鼠标悬浮阴影*/
.box-shadow {
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}

@media (min-width: 768px) {
    .box-shadow:hover {
        box-shadow: 0 4px 15px rgba(0,0,0,0.25);
    }
}

.scaleBox:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.scaleBox2:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.common-shadow {
    -webkit-box-shadow: 0 0 12px rgba(168,182,191,.6);
    box-shadow: 0 0 12px rgba(168,182,191,.6);
}

.investment-focus-slogan:hover,
.investment-require:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.opacity0 {
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
}

.bgImg0 {
    background-image: none !important;
}

/*动画*/
.m-fadeInUp {
    -webkit-animation: m-fadeInUp .25s ease-in both;
    animation: m-fadeInUp .25s ease-in both;
}

.m-scaleIn {
    -webkit-animation: m-scaleIn .25s ease-in both;
    animation: m-scaleIn .25s ease-in both;
}

.slideInUp {
    -webkit-animation: slideInUp .35s ease both;
    animation: slideInUp .35s ease both;
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation: flipInY 1s both;
    animation: flipInY 1s both;
}

.rotate180 {
    -webkit-animation: rotate180 .35s ease both;
    animation: rotate180 .35s ease both;
}

.callShake {
    -webkit-animation: callShake 5s both infinite;
    animation: callShake 5s both infinite;
}
/*自定义弹出框*/
.popup, .confirm-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    background-color: rgba(0,0,0,.65);
    background-image: url('popup-bg.png')\9;
    background-repeat: repeat;
    z-index: 1040;
}
/*提示框及确认弹出框*/
.tip-popup {
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    margin: 0 auto;
    z-index: 999;
}

.tip-text {
    color: #fff;
    width: 200px;
    height: 100px;
    line-height: 100px;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 50%;
    margin-left: -100px;
    font-size: 14px;
    text-align: center;
    border-radius: .1rem;
    display: inline-block;
    -webkit-box-shadow: 0 0 12px rgba(0,0,0,.5);
    box-shadow: 0 0 12px rgba(0,0,0,.5);
    background-color: rgba(0,0,0,.8);
    background-color: #000\9;
    -webkit-animation: zoomIn .25s ease both;
    animation: zoomIn .25s ease both;
}

.confirm-popup {
    background-color: rgba(0,0,0,.7);
}

.confirm-contain {
    width: 380px;
    background: #f9f9f9;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -190px;
    margin-top: -100px;
    border-radius: 7px;
    overflow: hidden;
    -webkit-animation: confirmScale .25s ease both;
    animation: confirmScale .25s ease both;
}

.confirm-content {
    padding: 25px 20px;
    text-align: center;
    color: #181818;
    font-size: 15px;
}

.confirm-title {
    width: 100%;
    padding: 10px 15px;
    line-height: 20px;
    color: #fff;
    font-size: 16px;
    background-color: #5193d4;
    position: relative;
}

    .confirm-title img {
        width: 18px;
        margin-top: -2px;
    }

        .confirm-title img.confirm-close, .call-popup-contain img.pop-close {
            right: 15px;
            top: 16px;
            width: 12px;
            cursor: pointer;
            -webkit-transition: all .25s ease;
            transition: all .25s ease;
        }

            .confirm-title img.confirm-close:hover, .call-popup-contain img.pop-close:hover {
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
            }

.confirm-btn {
    width: 100%;
    height: 55px;
    padding: 10px 15px;
    border-top: 1px solid #efefef;
    text-align: center;
}

    .confirm-btn > span {
        padding: 0 35px;
        display: inline-block;
        height: 35px;
        line-height: 35px;
        margin-left: 5px;
        font-size: 14px;
        text-align: center;
        color: #fff;
        border-radius: 3px;
        font-weight: normal;
        cursor: pointer;
    }

        .confirm-btn > span.confirm-sure {
            background-color: #5193d4;
        }

        .confirm-btn > span.confirm-cancel {
            background-color: #5193d4;
        }

        .confirm-btn > span.confirm-sure:active, .confirm-btn > span.confirm-sure:hover {
            background-color: #3880c7;
        }

        .confirm-btn > span.confirm-cancel:active, .confirm-btn > span.confirm-cancel:hover {
            background-color: #cc8601;
        }

.confirm-popup.confirm-single .confirm-btn > span.confirm-sure {
    margin-left: 0;
}

.confirm-popup.confirm-single .confirm-btn > span.confirm-cancel {
    display: none;
}

@-webkit-keyframes confirmScale {
    from {
        -webkit-transform: scale(.5);
        transform: scale(.5);
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes confirmScale {
    from {
        -webkit-transform: scale(.5);
        transform: scale(.5);
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
/*朔州视频弹出框*/
#video-popup {
    background-color: rgba(0,0,0,.7);
}

    #video-popup .popup-contain {
        width: 70%;
        max-width: 1000px;
        max-height: 90%;
        height: 750px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }

.video-lead {
    height: 10%;
    position: relative;
    text-align: center;
}

    .video-lead span {
        display: inline-block;
        width: 210px;
        height: 53px;
        cursor: pointer;
        line-height: 53px;
        margin: 0 35px;
        color: #fff;
        border-radius: 25px;
        font-size: 18px;
        background: #333;
        position: relative;
    }

        .video-lead span.active {
            background: #f7b433;
        }

            .video-lead span.active:after {
                content: '';
                display: block;
                position: absolute;
                top: 53px;
                left: 98px;
                width: 0;
                height: 0;
                border: 8px solid transparent;
                border-top-color: #f7b433;
            }

#video-popup #a1 {
    max-height: 650px;
    height: 90%;
}

.video-close {
    right: -22px;
    top: 0;
    cursor: pointer;
}

    .video-close:hover, #scroll-popup-contain .pop-close:hover, .closeHover:hover {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
/*搜索帮助弹出框*/
.search-help-contain {
    width: 800px;
    position: absolute;
    top: 10%;
    left: 50%;
    margin-left: -400px;
}
/*值班电话弹出框*/
.call-popup-contain {
    width: 800px;
    min-height: 300px;
    padding: 30px 35px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -300px;
    margin-left: -400px;
}

    .call-popup-contain > div {
        width: 100%;
        height: 100%;
        overflow: auto;
        padding-right: 10px;
    }

.call-top {
    line-height: 20px;
    padding-bottom: 15px;
    padding-left: 10px;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}

    .call-top img {
        padding-right: 8px;
        display: inline-block;
        margin-top: -2px;
    }

.call-popup-contain img.pop-close {
    right: 10px;
    top: 10px;
}

.call-popup-list {
    margin-left: -1.1%;
    padding: 10px 10px 5px;
}

    .call-popup-list div {
        width: 90%;
        min-height: 50px;
        line-height: 30px;
        padding: 10px 0 0 30px;
        background-color: #f5f9fa;
        float: left;
        margin-left: 2.1%;
        margin-bottom: 2.1%;
        cursor: default;
    }

        .call-popup-list li:hover {
            background-color: #5193d4;
        }

            .call-popup-list li:hover .color-3, .call-popup-list li:hover .color-7 {
                color: #fff;
            }
/*飘窗弹出框*/
#scroll-popup-contain {
    width: 80%;
    height: 90%;
    left: 0;
    top: 5%;
    right: 0;
    margin: auto;
}

    #scroll-popup-contain .pop-close {
        top: 25px;
        right: -40px;
    }
/*民生热点详情弹出框*/
#live-popup-contain {
    width: 90%;
    max-width: 800px;
    height: 900px;
    max-height: 90%;
    padding: 45px 15px 45px 45px;
    top: 5%;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 5px 10px rgba(0,0,0.2);
}

    #live-popup-contain > div {
        overflow: auto;
    }

    #live-popup-contain .live-subTip {
        border-bottom: 1px solid #e5e5e5;
    }

    #live-popup-contain .pop-close {
        top: 0;
        right: -40px;
    }

/*头部*/

.header .top {
height:30px;
line-height:30px;
margin:0 auto;
}
.header-right-top a, .header-right-top span {
    display: inline-block;
    padding-left: 10px;
    color: #a7a6a6;
}

    .header-right-top a:hover {
        color: #5193d4;
    }

.header-logo {
    width: 70%;
    left:0;
    top:20px;
}

    .header-logo .test-run {
        top: 29px;
        right: -90px;
    }

.header-right-search {
    margin-top: 2.5%;
}

.header-search {
    width: 60%;
    height: 36px;
    line-height: 34px;
    padding-left: 20px;
    padding-right: 65px;
    border: 1px solid transparent;
    margin-top:80px;
    margin-left:80px;
}

    .header-search input {
        font-size: 14px;
    }

.search-key {
    width: 75px;
    height: 34px;
    line-height: 34px;
    left: 0;
    top: 0;
    text-align: center;
    cursor: pointer;
}

    .search-key:after {
        content: '';
        display: inline-block;
        line-height: 34px;
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-top-color: #333;
        vertical-align: middle;
    }

.search-item {
    top: 34px;
    left: 0;
    width: 75px;
    display: none;
    z-index: 13;
}

    .search-item ul {
        padding: 5px 0;
        background-color: #fff;
        box-shadow: 2px 2px 12px rgba(0,0,0,.1);
        -webkit-animation: m-fadeInUp .25s ease-in both;
        animation: m-fadeInUp .25s ease-in both;
    }

.search-key:hover:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: -8px;
}

.search-key:hover .search-item {
    display: block !important;
}

.search-item li {
    width: 100%;
    height: 25px;
    line-height: 25px;
    color: #999;
    font-size: 14px;
}

    .search-item li:hover {
        background-color: #eee;
        color: #666;
    }

.search-btn {
    width: 40px;
    height: 34px;
    line-height: 34px;
    right: 0;
    top: 0;
}

    .search-btn img {
        width: 18px;
        padding-bottom: 3px;
    }

.search-input {
    width: 100%;
    height: 34px;
}

.header-link1 {
    width: 22.5%;
    margin-top: 1%;
}

.header-link2 {
    width: 16.7%;
    margin-top: 1%;
}

    .header-link1:hover, .header-link2:hover {
        opacity: .6;
        filter: alpha(opacity=60);
    }

        .header-link1:hover img, .header-link2:hover img {
            -webkit-animation: none;
            animation: none;
        }

.header-nav-control, .header-search-control {
    display: block;
    margin-top: 3px;
    width: 25px;
    height: 30px;
    margin-left: 25px;
}
/*导航*/
.header-nav {
    height: 44px;
    bottom: 0;
    left: 0;
    z-index: 12;
}

.nav-list > li {
    width: 12.5%;
    margin-right: 0;
    height: 44px;
    line-height: 44px;
    text-align: center;
    float: left;
}

    .nav-list > li.nav-list-last {
        margin-right: 0;
    }

    .nav-list > li.nav-chunk {
        width: 12.5%;
        height: 44px;
        margin-left: 0;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        z-index: 0;
        -webkit-box-shadow: 1.73px 1px 12px rgba(121,81,4,.35);
        box-shadow: 1.73px 1px 12px rgba(121,81,4,.35);
        background-color: #fff;


       
    }

        .nav-list > li.nav-chunk.visible {
            opacity: 1;
            filter: alpha(opacity=100);
        }

    .nav-list > li > a {
        color: #fff;
        position: relative;
        z-index: 1;
    }
   
    .nav-list > li.active > a, .nav-list > li.hover > a {
        color: #333;
    }

    .nav-list > li.active-leave > a {
        color: #fff;
    }

    .nav-list > li.hover > a, .nav-list > li.active-leave > a {
        -webkit-transition: color 0s .2s ease;
        transition: color 0s .2s ease;
    }

.subNav {
    top: 44px;
    left: 0;
    width: 100%;
    display: none;
    height: 300px; /*padding: 20px;*/
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    z-index: 10;
    -webkit-transition: boxShadow .25s .25s linear;
    transition: boxShadow .25s .25s linear;

   

}

.nav6-subNav {
    height: 85px;
}

.nav-list > li:hover .subNav {
    display: block;
}

.subNav h1 {
    font-weight: bold;
}

.subNav .news-date {
    max-width: 90px;
    overflow: hidden;
}


/*二级导航*/
.nav1-left {
    width: 40%;
    height: 100%;
    border-right: 1px solid #efefef;
    padding: 23px 1.5%;
}

.nav1-spe > ul {
    padding-top: 28px;
}

.nav1-left ul li {
    float: left;
    width: 28%;
    height: 38px;
    line-height: 38px;
    margin: 0 0 18px;
    margin-left: 4%;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #efefef;
}

    .nav1-left ul li:hover {
        background: #fff6e4;
        border-color: #5193d4;
    }

.nav1-left ul a {
    display: block;
    width: 100%;
    height: 100%;
    color: #777;
    text-align: center;
}

.nav1-spe > ul a {
    text-align: left;
    text-indent: 23px;
}

.nav1-left ul a img {
    padding-right: 10px;
}

.nav1-right {
    width: 60%;
    height: 100%;
    padding: 23px 3%;
}

.nav1-right-part {
    width: 100%;
}

    .nav1-right-part > a {
        display: block;
        width: 40%;
        height: 220px;
        position: relative;
        overflow: hidden;
    }

        .nav1-right-part > a img {
            width: 100%;
            left: 0;
            top: 0;
        }

    .nav1-right-part > div {
        width: 55%;
        height: 225px;
        overflow: hidden;
        line-height: 25px;
        margin-top: -5px;
    }

        .nav1-right-part > div p > a:hover {
            color: #5193d4;
        }

.nav2-left {
    width: 36%;
    height: 100%;
}

    .nav2-left ul li {
        width: 21%;
        margin: 0 1% 16px;
        margin-left: 3%;
        background-color: transparent;
        border: none;
    }

        .nav2-left ul li:hover, .nav4-left ul li:hover {
            background: none;
            border: none;
            box-shadow: none;
        }

    .nav2-left ul a,
    .nav4-left ul li a,
    .nav5-right ul li a,
    .nav6-left a {
        color: #777;
        text-align: left;
    }

        .nav1-left ul li a:hover,
        .nav2-left ul li a:hover,
        .nav4-left ul li a:hover,
        .nav5-right ul li a:hover,
        .nav6-left ul li a:hover {
            color: #333;
        }

        .nav2-left ul a img {
            padding-right: 5px;
        }

.nav2-right {
    width: 64%;
    padding: 23px 3% 23px 2%;
}

.nav2-right-part {
    width: 100%;
    padding-right: 36.8%;
}

.nav2-right .index-other-list {
    margin: 0;
}

.subNav .index-other-list li {
    padding: 0;
    width: 100%;
}

    .subNav .index-other-list li:hover {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.nav2-right-other {
    width: 210px;
    height: 300px;
    top: -52px;
    right: 0;
    padding-left: 28px;
    border-left: 1px solid #eee;
    padding-top: 15px;
}

    .nav2-right-other li {
        width: 100%;
        margin-bottom: 7px;
        height: 39px;
        background: url("nav-part2-img1.jpg") no-repeat;
    }

        .nav2-right-other li#info-type1 {
            background-position: left -3px;
        }

        .nav2-right-other li#info-type2 {
            background-position: left -48px;
        }

        .nav2-right-other li#info-type3 {
            background-position: left -93px;
        }

        .nav2-right-other li#info-type4 {
            background-position: left -226px;
        }

        .nav2-right-other li#info-type5 {
            background-position: left -137px;
        }

        .nav2-right-other li#info-type6 {
            background-position: left -182px;
        }

        .nav2-right-other li a {
            display: block;
            width: 100%;
            height: 39px;
            line-height: 39px;
            padding-left: 50px;
        }

            .nav2-right-other li a:hover {
                font-weight: bold;
            }

.subNav3 {
    padding-left: 600px;
}

.f-work-service {
    width: 600px;
    height: 300px;
    padding: 23px 12px;
    left: 0;
    top: 0;
}

.nav3-left .f-work-item1 {
    margin-top: 3px;
}

.f-work-item1 {
    width: 575px;
    height: 76px;
}

    .f-work-item1 li {
        width: 90px;
        height: 76px;
        margin-left: 7px;
        line-height: 30px;
        float: left;
    }

        .f-work-item1 li:first-child {
            margin-left: 0;
        }

        .f-work-item1 li a {
            display: block;
            width: 100%;
            height: 100%;
            background-color: #fff6e4;
            padding-top: 14px;
        }

            .f-work-item1 li a:hover {
                color: #fff;
                background-color: #5193d4;
            }

        .f-work-item1 li span {
            display: block;
            width: 38px;
            height: 28px;
            margin: 0 auto;
            background: url("header-icon-sprite1.png") no-repeat;
        }

.f-work-item2 {
    width: 575px;
    height: 85px;
    text-align: center;
    margin-top: 35px;
}

    .f-work-item2 li {
        width: 157px;
        height: 85px;
        margin-left: 52px;
        float: left;
        padding-top: 35px;
        background: url("header-icon-sprite2.png") no-repeat;
    }

        .f-work-item2 li:first-child {
            margin-left: 0;
        }

    .f-work-item2 p {
        line-height: 20px;
    }

    .f-work-item2 span {
        padding: 0 12px;
        display: inline-block;
        overflow: hidden;
    }

    .f-work-item2 a {
        max-width: 58px;
        height: 20px;
        overflow: hidden;
        display: inline-block;
    }

        .f-work-item2 a:hover {
            color: #333;
        }

.nav3-right {
    border-left: 1px solid #efefef;
    border-right: none;
}

.nav3-iframe {
    height: 100%;
    border-left: 1px solid #eee;
    padding: 23px 2%;
}

#service1 a:hover span {
    background-position: 0 -28px;
}

#service1 span {
    background-position: 0 0;
}

#service2 a:hover span {
    background-position: -38px -28px;
}

#service2 span {
    background-position: -38px 0;
}

#service3 a:hover span {
    background-position: -76px -28px;
}

#service3 span {
    background-position: -76px 0;
}

#service4 a:hover span {
    background-position: -114px -28px;
}

#service4 span {
    background-position: -114px 0;
}

#service5 a:hover span {
    background-position: -152px -28px;
}

#service5 span {
    background-position: -152px 0;
}

#service6 a:hover span {
    background-position: -190px -28px;
}

#service6 span {
    background-position: -190px 0;
}

#service7 {
    background-position: 6px 0;
}

#service8 {
    background-position: -132px 0;
}

#service9 {
    background-position: -278px 0;
}

.nav4-left {
    padding: 23px;
    width: 48.33%;
    height: 100%;
    border-right: 1px solid #efefef;
}
    /*原1.5*/
    .nav4-left ul.interact-list {
        left: 0;
        top: 0;
        right: 0;
        margin-top: 10px;
    }

    .nav4-left ul li {
        margin: 0;
        background-color: transparent;
        height: 35px;
        line-height: 35px;
        border: none;
    }

    .nav4-left .interact-list a {
        padding-right: 165px;
    }

    .nav4-left .interact-list .news-date {
        right: 0;
    }

    .nav4-left .interact-list .news-state {
        right: 90px;
    }

    .nav4-left.director-mailbox .ph-title-link > a {
        width: 23%;
        padding: 0;
        text-align: center;
        line-height: 39px;
        margin-right: 0;
        margin-left: 1.8%;
    }

        .nav4-left.director-mailbox .ph-title-link > a:first-child {
            margin-left: 0;
        }

    .nav4-left .prompt-wrap > .prompt-box.bottom:before {
        border-bottom: none;
        border-top: 8px solid #fff;
        border-top-color: #d0d0d0 \9;
        top: auto;
        bottom: -8px;
        border-bottom: 0;
        left: 85%;
    }

.nav5-middle .news-title,
.nav5-middle .news-date {
    height: 35px;
    line-height: 35px;
}

.nav4-right {
    width: 51.67%;
    padding: 23px 195px 23px 23px;
}

    .nav4-right .index-other-list {
        margin: 0;
        margin-top: 10px;
    }

.nav4-rightPart1 li.active h1 {
    color: #5193d4;
}

.nav4-right .news-title, .nav4-right .news-date, .nav4-right .index-inform-list a:before {
    height: 30px;
    line-height: 30px;
}

.nav4-rightPart1 .index-other-list {
    display: none;
}

    .nav4-rightPart1 .index-other-list.active {
        display: block;
    }

.nav4-rightPart1 .news-state {
    height: 30px;
    line-height: 30px;
}

.nav4-online.interact-mail, .nav4-news.interact-mail {
    width: 128px;
    height: 118px;
    top: 23px;
    right: 23px;
    position: absolute;
}

.nav4-news.interact-mail {
    top: auto;
    bottom: 70px;
}
/*.nav4-right .index-news-list li>a{height: 30px;}*/
.nav4-online.interact-mail p {
    height: 30px;
    line-height: 30px;
    background-color: #6eb92b\9;
    background-color: rgba(110,185,43,.85);
}

.nav4-news.interact-mail p {
    height: 30px;
    line-height: 30px;
    background-color: #004ea2\9;
    background-color: rgba(0,78,162,.85);
}

.nav4-online.interact-mail:hover p {
    height: 40px;
    line-height: 40px;
    background-color: #6eb92b;
}

.nav4-news.interact-mail:hover p {
    height: 40px;
    line-height: 40px;
    background-color: #004ea2;
}

.nav5-left {
    width: 15%;
}

    .nav5-left ul li {
        width: 100%;
        margin: 0 auto 20px;
    }

        .nav5-left ul li:first-child {
            margin-top: 45px;
        }

.nav5-middle {
    width: 58%;
    padding: 23px 3%;
}

.nav5-middle-content {
    padding-left: 216px;
    height: 216px;
    background: url('nav-part5-img1.jpg') no-repeat left top;
}

    .nav5-middle-content li:first-child {
        margin-top: -10px;
    }

.nav5-right {
    width: 27%;
    height: 100%;
    border-left: 1px solid #efefef;
    padding: 23px 1.5%;
}

    .nav5-right li {
        height: 35px;
    }

    .nav5-right a img, .nav6-left a img {
        padding-right: 5px;
    }

.nav6-left {
    padding: 23px 5%;
}

    .nav6-left li {
        width: 16%;
        float: left;
    }

        .nav6-left li a {
            display: block;
            width: 125px;
            height: 36px;
            line-height: 36px;
            border-radius: 6px;
            border: 1px solid #efefef;
            text-align: center;
            margin-bottom: 10px;
        }

            .nav6-left li a:hover {
                border-color: #ff8a00;
            }

/*移动端单独的网站导航*/
.mobile-nav-list {
    display: none;
}

    .mobile-nav-list a {
        color: #777;
        font-size: 16px;
        display: block;
        height: 44px;
        line-height: 44px;
        text-align: center;
        border-top: 1px solid #e9e9e9;
    }

/*针对内页导航悬浮*/
.no-home .header-nav.navFixed {
    height: 50px;
    position: fixed;
    z-index: 50;
    top: 0;
    bottom: auto;
    -webkit-animation: slideInDown .25s linear both;
    animation: slideInDown .25s linear both;
}

    .no-home .header-nav.navFixed .nav-list > li {
        height: 50px;
        line-height: 50px;
    }

        .no-home .header-nav.navFixed .nav-list > li.active {
            -webkit-box-shadow: none;
            box-shadow: none;
            background-color: transparent;
        }

    .no-home .header-nav.navFixed .subNav {
        top: 50px;
    }
/*底部*/
.footer {
    /*background-color: #5c719b;*/
    height:150px;
}

    .footer.navOpen {
        z-index: 1050;
    }

.footer-mag p:first-child > a {
    display: inline-block;
    margin-right: 10px;
    width: 72px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 12px;
}

    .footer-mag p:first-child > a:first-child {
        margin-left: -6px;
    }

    .footer-mag p:first-child > a:hover {
        background-color: #2e4166;
        padding: 0;
    }

.footer-mag p a:hover {
    background-color: #2e4166;
    border-radius: 12px;
    padding: 2px 8px;
}


.footer-lead {
    width: 75px;
    font-weight: bold;
    height: 100%;
    right: 0;
    top: 0;
    background-color: rgba(8,25,59,.55);
    text-align: center;
    padding-top: 22px;
}

    .footer-lead:hover {
        background-color: rgba(8,25,59,.75);
    }

.footer-close {
    width: 100%;
    text-align: center;
    height: 100%;
    line-height: 92px;
    top: 0;
    left: 0;
    background-color: #fff;
    display: none;
}

.footer.navOpen .footer-close {
    display: block;
}
/*网站导航弹出框*/
.web-lead-popup .popup-contain {
    width: 100%;
    padding: 40px 30px 30px;
    position: absolute;
    bottom: 88px;
    right: 0;
    left: 0;
    -webkit-box-shadow: 0 -8px 13px rgba(21,36,66,.18);
    box-shadow: 0 -8px 13px rgba(21,36,66,.18);
}

.web-first-nav {
    max-height: 240px;
    overflow: auto;
}

    .web-first-nav:first-child {
        padding-right: 20px;
    }

    .web-first-nav:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        clear: both;
    }

    .web-first-nav a:hover {
        color:#5193d4 !important;
    }

    .web-first-nav > li {
        float: left;
        width: 14.285%;
        padding-left: 5%;
        margin-bottom: 10px;
    }

@media (max-width: 1200px) {
    .web-first-nav > li {
        padding-left: 2%;
    }
}

.web-first-nav > li > a {
    font-size: 20px;
    color: #777;
    font-weight: bold;
    line-height: 40px;
}

.web-second-nav > li > a, .web-second-nav > li > p > a {
    color: #777;
    font-size: 14px;
    line-height: 28px;
    display: inline-block;
    width: 95px;
}

.web-second-nav > li > p, .web-second-nav > li {
    width: 110px;
}

    .web-second-nav > li img {
        display: inline-block;
        line-height: 28px;
        margin-left: 5px;
        cursor: pointer;
    }

    .web-second-nav > li.open img {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .web-second-nav > li.open > p {
        border-bottom: 1px solid #c9c9c9;
    }

        .web-second-nav > li.open > p > a {
            color: #5193d4;
        }

.web-third-nav {
    display: none;
    margin-top: 5px;
}

    .web-third-nav > li > a {
        color: #777;
        font-size: 14px;
        padding-left: 5px;
        line-height: 24px;
    }

        .web-third-nav > li > a:before {
            content: '·';
            padding-right: 5px;
        }
/*浮动菜单按钮*/
.float-container {
    height: 0;
}

.investment-main .floatMenu {
    /*top: 38px;*/
}

.livehood-main .float-container {
    width: 100%;
    position: absolute;
    top: 250px;
    right: 0;
}

.livehood-main .floatMenu {
    /*right: 30px !important;*/
}

.floatMenu {
    /*right: -70px;
    top: 20px;*/
    /*z-index: 10;*/
    /*-webkit-animation: m-slideInUp .8s ease both;
    animation: m-slideInUp .8s ease both;*/
}

.no-home .floatMenu {
    /*top: 90px;*/
}

.floatMenu li, .live-float li {
    /*width: 46px;
    height: 46px;*/
    /*padding-top: 3px;*/
    /*background: url("side-icon1.png") no-repeat;
    background-size: 100% 100%;*/
    /*margin-bottom: 10px;*/
    /*position: relative;*/
}

    .floatMenu li > a, .live-float li > a {
        width: 40px;
        height: 40px;
        display: block;
        border-radius: 21px;
        position: relative;
        margin: 0 auto;
        overflow: hidden;
        color: #ccc;
        text-align: center;
        font-size: 13px;
    }

.floatMenu .floatIcon, .live-float .floatIcon {
    width: 40px;
    height: 40px;
    background: url("side-sprit.png") no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

/*#menuBlog .floatIcon {
    background-position: center -3px;
}

#menuWeixin .floatIcon {
    background-position: center -51px;
}

#menuApp .floatIcon {
    background-position: center -99px;
}

#menuTel .floatIcon {
    background-position: center -148px;
}

#menuQuestion .floatIcon {
    background-position: center -244px;
}

#menuBack .floatIcon {
    background-position: center -196px;
}

#menuBack {
    display: none;
    -webkit-animation: m-fadeInUp .35s ease both;
    animation: m-fadeInUp .35s ease both;
}*/

.floatMenu .floatName {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 5px 5px;
    line-height: 15px;
}

.floatMenu-other {
 
    padding: 10px;
    right: 0px;
    display: none;
    top: 40px;
    background: #fff;
    /*white-space: nowrap;*/
    width:150px;
            height:150px;
            
}
    
    .floatMenu-other:before {
        content: '';
        display: block;
        position: absolute;
        /*top: 15px;*/
        top: -12px;
        right:80px;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-bottom-color: #fff;
    }
#menuWeixin .floatMenu-other:before {
right:85px;
}
#menuApp .floatMenu-other:before {
right:45px;
}
#menuBlog .floatMenu-other:before {
right:5px;
}

.floatMenu li, .floatIcon, .floatName, .floatMenu-other {
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}

    .floatMenu li:hover {
        /*background: url("side-icon2.png") no-repeat;*/
    }

        .floatMenu li:hover .floatIcon {
            top: -100%;
        }

        .floatMenu li:hover .floatName {
            top: 0;
        }

        .floatMenu li:hover .floatMenu-other {
            
            display: block;
            -webkit-animation: m-slideInLeft .25s ease both;
            animation: m-slideInLeft .25s ease both;
        }

@media (min-width: 1200px) and (max-width: 1299px) {
    ./*floatMenu {
        right: -52px;
    }*/
}

/*飘窗*/
.f-scroll-left {
    top: 220px;
    left: 0;
    z-index: 11;
    background-color: rgba(255,255,255,.6);
}

.f-scroll-img {
    margin-bottom: 2px;
}

    .f-scroll-img img {
        width: 145px;
        height: 60px;
    }

.f-scroll-close {
    height: 15px;
    line-height: 11px;
}

/*首页主要部分*/
/*banner*/
.banner {
    width: 100%;
    height: 365px;
}

#banner-swiper {
    top: 0;
    left: 0;
    width: 100%;
    height: 365px;
    overflow: hidden;
}

    #banner-swiper > div {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: none;
        -webkit-animation: scaleImg 3s linear both;
        animation: scaleImg 3s linear both;
    }

        #banner-swiper > div.active {
            display: block;
        }

#slide-img1 {
    background: url("banner-img1.jpg") no-repeat center center #eee;
    background-size: cover;
}

#slide-img2 {
    background: url("banner-img2.jpg") no-repeat center center #eee;
    background-size: cover;
}

#slide-img3 {
    background: url("banner-img3.jpg") no-repeat center center #eee;
    background-size: cover;
}

#slide-img4 {
    background: url("banner-img4.jpg") no-repeat center center #eee;
    background-size: cover;
}

#slide-img5 {
    background: url("banner-img5.jpg") no-repeat center center #eee;
    background-size: cover;
}
/*招商引资、民生热点*/
.banner-control {
    left: 0;
    bottom: 15px;
}

    .banner-control > div {
        display: inline-block;
        margin: 0 30px;
    }

.banner-btn {
    display: block;
    width: 128px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    text-align: center;
    cursor: pointer;
}

.banner-part1 .banner-btn {
    background: rgb(110,185,43)\9;
    background: rgba(110,185,43,.55);
    position: relative;
}

    .banner-part1 .banner-btn:after {
        content: '';
        display: none;
        width: 0;
        height: 0;
        position: absolute;
        left: 57px;
        top: -13px;
        border: 7px solid transparent;
        border-bottom-color: #6eb92b;
    }

.banner-part2 .banner-btn {
    background: rgb(0,78,162)\9;
    background: rgba(0,78,162,.55);
    position: relative;
}

    .banner-part2 .banner-btn:after {
        content: '';
        display: none;
        width: 0;
        height: 0;
        position: absolute;
        left: 57px;
        top: -13px;
        border: 7px solid transparent;
        border-bottom-color: #004ea2;
    }

.banner-part1:hover .banner-btn {
    background: rgba(110,185,43,1);
    background: #6eb92b;
}

.banner-part2:hover .banner-btn {
    background: rgba(0,78,162,1);
    background: #004ea2;
}

.banner-part-main {
    bottom: 40px;
    left: 0;
    right: 0;
    width: 100%;
    display: none;
}

    .banner-part-main li {
        width: 18.33%;
        margin-left: 2.083%;
        float: left;
        position: relative;
    }

        .banner-part-main li:first-child {
            margin-left: 0;
        }

        .banner-part-main li:after {
            content: '';
            display: block;
            width: 12px;
            height: 12px;
            border-radius: 10px;
            border: 1px solid transparent;
            position: absolute;
            left: 50%;
            margin-left: -6px;
            bottom: -30px;
            background: #fff;
        }

        .banner-part-main li:nth-child(1) {
            -webkit-animation-delay: 0s;
            animation-delay: 0s;
        }

        .banner-part-main li:nth-child(2) {
            -webkit-animation-delay: .2s;
            animation-delay: .2s;
        }

        .banner-part-main li:nth-child(3) {
            -webkit-animation-delay: .4s;
            animation-delay: .4s;
        }

        .banner-part-main li:nth-child(4) {
            -webkit-animation-delay: .6s;
            animation-delay: .6s;
        }

        .banner-part-main li:nth-child(5) {
            -webkit-animation-delay: .8s;
            animation-delay: .8s;
        }

.banner-control > div:hover .banner-part-main {
    display: block;
}

.banner-part1 .banner-part-main li:hover:after {
    background: #6eb92b;
    border: 1px solid #fff;
}

.banner-part2 .banner-part-main li:hover:after {
    background: #004ea2;
    border: 1px solid #fff;
}

.banner-part-main li > a {
    width: 100%;
    padding-top: 95.45%;
    border: 1px solid transparent;
    background: url("opacity-bg.png") repeat;
    border-radius: 2px;
    overflow: hidden;
    color: #fff;
}

    .banner-part-main li > a:hover {
        border-color: #333;
    }

.banner-part-main .banner-part-item {
    width: 58px;
    height: 58px;
    top: 40%;
    left: 50%;
    margin-left: -29px;
    margin-top: -29px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}

.banner-part-main .banner-part-name {
    display: block;
    width: 72px;
    height: 20px;
    position: absolute;
    background: #231815;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 30px;
    margin: 0 auto;
}

.banner-part-main .banner-part-ename {
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-transform: uppercase;
    font-size: 12px;
    color: #555;
}

.banner-line {
    width: 81.667%;
    padding-bottom: 30px;
    margin: 25px auto 0;
    border-top: 1px solid #fff;
    -webkit-animation: zoomInX .25s ease-in;
    animation: zoomInX .25s ease-in;
}

#banner-item1 {
    background: url("banner-type1-1.png") no-repeat 2px -57px;
}

.banner-part-main li > a:hover #banner-item1 {
    background: url("banner-type1-1.png") no-repeat 2px 4px;
}

#banner-item2 {
    background: url("banner-type1-2.png") no-repeat 3px -58px;
}

.banner-part-main li > a:hover #banner-item2 {
    background: url("banner-type1-2.png") no-repeat 3px 3px;
}

#banner-item3 {
    background: url("banner-type1-3.png") no-repeat 3px -58px;
}

.banner-part-main li > a:hover #banner-item3 {
    background: url("banner-type1-3.png") no-repeat 3px 3px;
}

#banner-item4 {
    background: url("banner-type1-4.png") no-repeat 3px -58px;
}

.banner-part-main li > a:hover #banner-item4 {
    background: url("banner-type1-4.png") no-repeat 3px 3px;
}

#banner-item5 {
    background: url("banner-type1-5.png") no-repeat 3px -58px;
}

.banner-part-main li > a:hover #banner-item5 {
    background: url("banner-type1-5.png") no-repeat 3px 3px;
}

#banner-item6 {
    background: url("banner-type2-1.png") no-repeat 0 -63px;
}

.banner-part-main li > a:hover #banner-item6 {
    background: url("banner-type2-1.png") no-repeat 0 4px;
}

#banner-item7 {
    background: url("banner-type2-2.png") no-repeat 3px -57px;
}

.banner-part-main li > a:hover #banner-item7 {
    background: url("banner-type2-2.png") no-repeat 3px 8px;
}

#banner-item8 {
    background: url("banner-type2-3.png") no-repeat 3px -58px;
}

.banner-part-main li > a:hover #banner-item8 {
    background: url("banner-type2-3.png") no-repeat 3px 3px;
}

#banner-item9 {
    background: url("banner-type2-4.png") no-repeat 3px -60px;
}

.banner-part-main li > a:hover #banner-item9 {
    background: url("banner-type2-4.png") no-repeat 3px 7px;
}

#banner-item10 {
    background: url("banner-type2-5.png") no-repeat 3px -58px;
}

.banner-part-main li > a:hover #banner-item10 {
    background: url("banner-type2-5.png") no-repeat 3px 3px;
}

/*第一部分*/
.main {
    overflow: hidden;
}

.index-part1 {
    height: 345px;
}
.index-part0 {
    height: 375px;
    
}
/*焦点图*/
.index-focus {
    width: 48%;
    height: 360px;
    
}
.index-focus1 {
width:100%;
height:400px;
}
#focus-swiper .focus-title {
    padding: 0 45px 0 15px;
    width: 100%;
    height: 65px;
    line-height: 65px;
    background: url("focus-bg.png") no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#focus-swiper a:hover {
    color: #fff;
}

#focus-swiper .swiper-slide-active .focus-title {
    -webkit-animation: m-fadeInUp .25s .5s ease both;
    animation: m-fadeInUp .25s .5s ease both;
}

#focus-swiper .swiper-slide {
    position: relative;
    overflow: hidden;
    background-color: #eee;
}

    #focus-swiper .swiper-slide > img {
        min-width: 100%;
        min-height: 100%;
        width: 100%;
    }

    #focus-swiper .swiper-slide a {
        overflow: hidden;
        z-index: 2;
    }

        #focus-swiper .swiper-slide a:before {
            content: '';
            display: block;
            width: 100%;
            height: 88px;
            bottom: 0;
            left: 0;
            position: absolute;
            background: url("focus-bg.png") no-repeat left top;
            background-size: cover;
        }

#focus-swiper .swiper-progress {
    width: 100%;
    height: 6px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(238,238,238,.45);
}

    #focus-swiper .swiper-progress:before {
        content: '';
        display: block;
        width: 0;
        height: 100%;
        left: 0;
        top: 0;
        background:#5193d4;
    }

    #focus-swiper .swiper-progress.active:before {
        -webkit-animation: scaleX 4s linear both;
        animation: scaleX 4s linear both;
    }

#focus-swiper .swiper-num {
    height: 65px;
    line-height: 65px;
    width: 40px;
    right: 5px;
    bottom: 0;
    text-align: center;
    opacity: .8;
    filter: alpha(opacity=80);
}
/*通用新闻列表*/
.link-more {
    width: 14px;
    height: 14px;
    font-size: 0;
    overflow: hidden;
    text-indent: 999px;
    line-height: 30px;
    right: 23px;
    text-align: center;
    top: 19px;
    background: url("more.png") no-repeat;
    -webkit-transition: none;
    transition: none;
}

    .link-more:hover {
        background-position: 0 -14px;
    }

.news-title {
    width: 70%;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}

.news-date {
    float: right;
    height: 36px;
    line-height: 36px;
    font-size: 12px;
}

.news-state {
    width: 65px;
    text-align: center;
    height: 36px;
    line-height: 36px;
    float: right;
}

.index-news-list li:after {
    content: '';
    clear: both;
    width: 0;
    height: 0;
    display: block;
}

.index-news-list > li > a:hover {
    color: #333;
}

.index-news-list > li > a {
    -webkit-transition: none;
    transition: none;
}

.index-news-list li:hover {
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.05) inset;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.05) inset;
    background-color: #fbfbfb;
}

.index-news-list li > a:hover:before {
    border-color: #ff8a00 !important;
}

.index-news-list li.handling .news-state {
    color: #c30123;
}
/*新闻*/
.index-news {
    /*width: 33.75%;*/
    width:49%;
    z-index: 2;
}

    .index-news > div {
        border: 1px solid #efefef;
        padding: 15px;
        height: 360px;
        overflow: hidden;
    }

.news-nav li.news-nav-line {
    width: 27%;
    position: absolute;
    bottom: -3px;
    left: 0;
    height: 3px;
    background-color: #ff8a00;
}

.news-nav {
    width: 100%;
    height: 38px;
    border-bottom:3px solid #ccc;
}

    .news-nav li {
        width: 27%;
        height: 100%;
        float: left;
        margin-right: 2%;
    }

        .news-nav li.active a {
            font-weight: bold;
        }
/*.news-nav li.news-nav-line {
    width: 27%;
    position: absolute;
    bottom: -3px;
    left: 0;
    height: 3px;
    background-color: #b21818;
}

.news-nav {
    width: 100%;
    height: 38px;
    border-bottom:3px solid #046ab4;
}

    .news-nav li {
        width: 27%;
        height: 100%;
        float: left;
        margin-right: 2%;
    }

        .news-nav li.active a {
            font-weight: bold;
        }*/
.index-news .news-title {
    width: 75%;
}

.index-news .news-tab-content ul {
    margin-top: 14px;
    margin-left: -15px;
    margin-right: -15px;
}

.index-news .news-tab-content li {
    padding: 0 15px;
}

    .index-news .news-tab-content li > a, .son-news li > a {
        padding-left: 20px;
        position: relative;
    }

        .index-news .news-tab-content li > a:before, .son-news li > a:before {
            content: '';
            display: block;
            width: 7px;
            height: 7px;
            position: absolute;
            left: 0;
            top: 16px;
            border-radius: 50%;
            border: 2px solid #bbb;
        }

#news-gov ul li:after, #news-dep ul li:after {
    content: '';
    display: block;
    clear: both;
    width: 0;
    height: 0;
}

#news-gov ul li a, #news-dep ul li a {
    width: 76%;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    float: left;
    color: #777;
}

    #news-gov ul li a:hover, #news-dep ul li a:hover {
        color: #333;
    }

#news-gov ul li span, #news-dep ul li span {
    font-size: 12px;
    float: right;
    line-height: 36px;
}
/*通知公告*/
.index-inform {
    width: 27.333%;
    height: 295px;
    border: 1px solid #efefef;
    overflow: hidden;
}

    .index-inform .link-more {
        top: 15px;
    }

    .index-inform .inform-top {
        height: 47px;
        padding: 0 15px 0 47px;
        line-height: 47px;
        background: url("icon-inform.png") no-repeat 15px center #e6ecef;
        cursor: pointer;
    }

.index-inform-update {
    margin-top: 10px;
}

    .index-inform-update li a {
        border-top: 1px dashed #eee;
        display: block;
        padding: 11px 25px 11px 60px;
    }

    .index-inform-update li:first-child a {
        border-top: 16px;
    }

.news-date-inform {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 40px;
    height: 40px;
    line-height: 16px;
    background-color: #f3f3f3;
    text-align: center;
    color: #5193d4;
    padding-top: 4px;
}

    .news-date-inform span {
        display: block;
        font-size: 12px;
    }

        .news-date-inform span.f-16 {
            font-size: 16px;
        }

.index-inform-update .news-title {
    width: 100%;
    height: 36px;
    line-height: 18px;
    white-space: normal;
}

.index-inform-update li:hover .news-date-inform {
    background-color: #5193d4;
    color: #fff;
}

.index-inform-list {
    padding: 12px 15px;
}

    .index-inform-list a {
        padding-left: 12px;
    }

        .index-inform-list a:before {
            content: '·';
            width: 15px;
            height: 40px;
            line-height: 40px;
            position: absolute;
            font-size: 14px;
            top: 0;
            left: 0;
        }

    .index-inform-list .news-title {
        width: 100%;
    }
/*信息公开平台、互动交流*/
.com-title {
    width: 25%;
    height: 184px;
}

    .com-title li {
        margin-top: 2px;
    }

        .com-title li:first-child {
            margin-top: 0;
        }

        .com-title li a {
            width: 100%;
            height: 60px;
            line-height: 60px;
            text-align: center;
            background-color: #eee;
            position: relative;
        }

        .com-title li.active a {
            background-color: #ff8a00;
            color: #fff;
        }

            .com-title li.active a:after {
                content: '';
                display: block;
                width: 0;
                height: 0;
                position: absolute;
                right: -13px;
                top: 24px;
                border: 7px solid transparent;
                border-left-color: #ff8a00;
            }

.com-tab-content {
    width: 73%;
    height: 184px;
}

    .com-tab-content .tab-pane {
        width: 100%;
        height: 184px;
        border: 1px solid #efefef;
        overflow: hidden;
    }

.com-tab-list {
    margin-top: -1px;
    margin-right: -1px;
    margin-left: -1px;
    height: 186px;
}

    .com-tab-list li {
        width: 33.33333333333%;
        height: 50%;
        line-height: 92px;
        text-align: center;
        border: 1px dashed #efefef;
        border-bottom: none;
        border-right: none;
        float: left;
    }
.com-tab-list2 {
    margin-top: -1px;
    margin-right: -1px;
    margin-left: 10px;
    height: 186px;
}

    .com-tab-list2 li {
        width: 32%;
        height: 20%;
        line-height: 36px;
        text-align: left;
		margin-left:2px;
        border: 1px dashed #efefef;
        border-bottom: none;
        border-right: none;
        float: left;
    }
	 .com-tab-list2 li img{
        margin-right:6px;
        
		vertical-align:middle;
    }
	


.info-special {
    width: 60px;
    display: inline-block;
    line-height: 16px;
    text-align: left;
    vertical-align: middle;
}

.info-icon {
    width: 32px;
    height: 32px;
    margin-right: 7px;
    display: inline-block;
    vertical-align: middle;
    background: url("index-infoIcon.png") no-repeat;
}

.info-icon1 {
    background-position: -32px 0;
}

.com-tab-list li:hover .info-icon1 {
    background-position: -32px -32px;
}

.info-icon2 {
    background-position: -32px -64px;
}

.com-tab-list li:hover .info-icon2 {
    background-position: -32px -96px;
}

.info-icon3 {
    background-position: -32px -128px;
}

.com-tab-list li:hover .info-icon3 {
    background-position: -32px -160px;
}

.info-icon4 {
    background-position: -32px -192px;
}

.com-tab-list li:hover .info-icon4 {
    background-position: -32px -224px;
}

.info-icon5 {
    background-position: -32px -256px;
}

.com-tab-list li:hover .info-icon5 {
    background-position: -32px -288px;
}

.info-icon6 {
    background-position: -32px -320px;
}

.com-tab-list li:hover .info-icon6 {
    background-position: -32px -352px;
}

.info-icon7 {
    background-position: 0 0;
}

.com-tab-list li:hover .info-icon7 {
    background-position: 0 -32px;
}

.info-icon8 {
    background-position: 0 -64px;
}

.com-tab-list li:hover .info-icon8 {
    background-position: 0-95px;
}

.info-icon9 {
    background-position: 0 -128px;
}

.com-tab-list li:hover .info-icon9 {
    background-position: 0 -160px;
}

.info-icon10 {
    background-position: 0 -192px;
}

.com-tab-list li:hover .info-icon10 {
    background-position: 1px -224px;
}

.info-icon11 {
    background-position: 0 -256px;
}

.com-tab-list li:hover .info-icon11 {
    background-position: 0 -288px;
}

.info-icon12 {
    background-position: 0 -320px;
}

.com-tab-list li:hover .info-icon12 {
    background-position: 0 -352px;
}

.interact-top {
    border-bottom: 1px dashed #efefef;
}

.interact-mail {
    display: block;
    width: 92px;
    height: 92px;
    position: relative;
}

    .interact-mail p {
        width: 100%;
        height: 20px;
        line-height: 20px;
        position: absolute;
        bottom: 0;
        left: 0;
        text-align: center;
        background: rgba(102,102,102,.75);
    }

    .interact-mail:hover p {
        height: 30px;
        line-height: 30px;
        color: #fff;
        background: rgba(102,102,102,.85);
    }

.interact-list {
    top: 0px;
    left: 120px;
    right: 5px;
    padding: 0;
}

    .interact-list a {
        padding-right: 145px;
    }

        .interact-list .news-title, .interact-list a:before {
            height: 32px;
            line-height: 32px;
        }

    .interact-list .news-date, .interact-list .news-state {
        position: absolute;
        right: 0;
        top: 0;
        height: 32px;
        line-height: 32px;
    }

    .interact-list .news-date {
        right: 70px;
    }

.inter-tab-list {
    margin-left: -1px;
}

    .inter-tab-list > li {
        width: 33.3333%;
        height: 59px;
        line-height: 59px;
        text-align: center;
        border-left: 1px dashed #efefef;
        float: left;
    }

        .inter-tab-list > li span {
            width: 40px;
            height: 40px;
            border-radius: 15px;
            display: inline-block;
            line-height: 40px;
        }
/*视频*/
.index-video {
    width: 54.5%;
    height: 184px;
    background: url("index-video.jpg") no-repeat center center;
    background-size: 100% 100%\9;
    background-size: cover;
}

    .index-video img {
        left: 15px;
        bottom: 15px;
    }

    .index-video:hover:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #000;
        opacity: .5;
        filter: alpha(opacity=50);
    }

    .index-video:hover img {
        bottom: 70px;
        left: 50%;
        margin-left: -18px;
        -webkit-animation: scaleImg .25s .3s ease both;
        animation: scaleImg .25s .3s ease both;
    }

.index-video2 {
    margin-right: 2.167%;
    width: 41.5%;
}

    .index-video2 div {
        height: 88px;
        width: 100%;
    }

        .index-video2 div.index-video2-news {
            border: 1px solid #efefef;
            margin-bottom: 8px;
        }
/*其他政务信息*/
.index-other-info {
    width: 48%;
    float: left;
    margin-left: 1%;
}

    .index-other-info:first-child {
        margin-left: 0;
        width: 48%;
    }

    .index-other-info li.news-nav-line {
        width: 30%;
    }

    .index-other-info .link-more {
        top: 22px;
    }

    .index-other-info > div {
        padding: 12px;
        border: 1px solid #efefef;
        overflow: hidden;
    }

.index-other-nav {
    height: 43px;
}

    .index-other-nav li {
        width: 30%;
        height: 40px;
        line-height: 35px;
        text-align: center;
        float: left;
    }

        .index-other-nav li .t-l {
            text-align: left;
            float: left;
        }

        .index-other-nav li .t-r {
            text-align: right;
            float: right;
        }

        .index-other-nav li.active a { /*color: #5193d4;*/
            font-weight: bold;
        }
        
.index-other-list {
    padding: 0;
    margin: 14px -12px 5px;
    height:auto;
}

    .index-other-list li {
        padding: 0 12px;
    }

    .index-other-list .news-title {
        width: 70%;
    }
.index-bmfw-title {
width:20%;
float:left;
line-height:50px;
font-weight:700;
text-align:center;
}
.index-bmfw-list {
    float:left;
    width:80%;
}

    .index-bmfw-list li {
        padding: 0 12px;
        width:32%;
        float:left;
        margin-left:1%;
        line-height:40px;
        text-align:center;
        color:#fff;
        
    }

    /**视频新闻**/
    .index-vido-info {
    width: 20%;
    float: left;
    margin-left: 1%;
   background:url(bg_vido.png) no-repeat #fff ;
}

    .index-vido-info:first-child {
        margin-left: 0;
        width: 29.5%;
    }
        .index-vido-info .vido-title {
            float:left;
        color:#fff;
        font-size:16px;
        line-height:20px;
        margin-left:20px;
        margin-top:-7px;
        }
        .index-vido-info .first-vido {
        width:90%;
        margin:0 auto;
        margin-top:30px;
        }
            .index-vido-info .first-vido img {
            width:100%;
            height:40%;
            }
        .index-vido-info .vido-icon {
            position:absolute;
        z-index:1000;
        top:110px;
        left:150px;
        
        }
        .index-vido-info .vido-icon img{
        width:40px;
        height:40px;
        }

    .index-vido-info li.news-nav-line {
        width: 19%;
    }

    .index-vido-info .link-more {
        top: 22px;
    }

    .index-vido-info > div {
        padding: 12px;
        border: 1px solid #efefef;
        height: 350px;
        overflow: hidden;
    }
    /**招商引资**/
    .index-zsyz-info {
    width: 40%;
    float: left;
    margin-left: 1%;
}

    .index-zsyz-info:first-child {
        margin-left: 0;
        width: 40%;
    }
        .index-zsyz-info .news-nav li {
        width:45%;
        }
    .index-zsyz-info li.news-nav-line {
        width: 45%;
    }

    .index-zsyz-info .link-more {
        top: 22px;
    }

    .index-zsyz-info > div {
        padding: 12px;
        border: 1px solid #efefef;
        height: 350px;
        overflow: hidden;
    }
     /**招商引资**/
    .index-xxgk-info {
    width: 25.5%;
    float: left;
    margin-left: 1%;
    border-top:3px solid #b21818;
}
        .index-xxgk-info .xxgk-title {
            width:11%;
            height:100%;
        float:left;
        margin-left:10px;
        background:url(../files/xxgk_title.JPG) no-repeat;
        text-align:center;
        color:#fff;
        font-size:16px;

        }
        .index-xxgk-info .xxgk-tab-content {
        float:left;
        margin-left:10px;
        width:80%;
        height:100%;
        }
        .index-xxgk-info .xxgk-tab-content ul{
        width:100%;
        height:100%;
        }
            .index-xxgk-info .xxgk-tab-content ul li {
            width:100%;
            height:40px;
            margin-top:10px;
            background:url(../files/xxgk_li_bg.jpg) no-repeat;
            line-height:40px;
            text-align:center;
            font-size:16px;
            
            }
                .index-xxgk-info .xxgk-tab-content ul li a {
                color:#000;
                }
    .index-xxgk-info:first-child {
        margin-left: 0;
        width: 25.5%;
    }

    .index-xxgk-info li.news-nav-line {
        width: 19%;
    }

    .index-xxgk-info .link-more {
        top: 22px;
    }

    .index-xxgk-info > div {
        padding: 12px;
        border: 1px solid #efefef;
        height: 350px;
        overflow: hidden;
    }

/*专题专栏*/
.index-part4 {
    height: 84px;
}

.index-special-title {
    width: 127px;
    height: 84px;
    display: block;
    padding: 10px 35px;
    position: absolute;
    left: 0;
    top: 0;
}

    .index-special-title:after {
        content: '';
        display: block;
        position: absolute;
        top: 35px;
        right: -14px;
        width: 0;
        height: 0;
        border: 8px solid transparent;
        border-left-color: #6eb92b;
    }

.index-special-img {
    padding-left: 135px;
    padding-right: 0;
    height: 84px;
    width:1160px;
}

    .index-special-img .swiper-slide a {
        width: 335px;
        height: 84px;
        overflow: hidden;
        margin-right: 10px;
    }

    .index-special-vido {
    margin-top:10px;
    padding-right: 0;
    height: 60px;
    width:310px;
    margin-left:10px;
}

    .index-special-vido .swiper-slide a {
        width: 80px;
        height: 54px;
        overflow: hidden;
        margin-right: 10px;
    }
/*友情链接*/
.index-links {
    width: 97%;
    height: 44px;
    line-height: 42px;
    border: 1px solid #eee;
    background-color: #eee;
    font-size: 13px;
}

    .index-links > ul:after {
        clear: both;
        display: block;
        width: 0;
        height: 0;
    }

.each-link {
    display: block;
    cursor: pointer;
    width: 20%;
    text-align: center;
    float: left;
}
    /*原来3.6*/
    .each-link > span {
    }

    .each-link:after {
        content: '';
        display: inline-block;
        margin-top: 7px;
        margin-left: 10px;
        vertical-align: middle;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-top-color: #777;
    }

    .each-link > img {
        display: none;
        margin-left: 10px;
    }

.each-link-sub {
    text-align: left;
    left: -1px;
    bottom: 42px;
    right: -1px;
    border: 1px solid #eee;
    border-bottom: none;
    padding: 10px;
    display: none;
    box-shadow: 0px -5px 18px rgba(0,0,0,.15);
}

    .each-link-sub li {
        width: 20%;
        height: 30px;
        line-height: 30px;
        float: left;
    }

        .each-link-sub li a {
            display: block;
            color: #777;
        }

            .each-link-sub li a:hover {
                color: #333;
            }

                .each-link-sub li a:hover img {
                    -webkit-animation: moveBounce .3s linear backwards 2;
                    animation: moveBounce .3s linear backwards 2;
                }

.index-part5:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.each-link:hover {
    background-color: #5193d4;
}

    .each-link:hover > span {
        color: #fff;
    }

    .each-link:hover:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        border-top-color: #fff;
        margin-top: -3px;
    }

    .each-link:hover .each-link-sub {
        display: block;
    }
/*朔州风采*/
.f-style-tip {
    line-height: 20px;
}

.f-list-btn img {
    background-color: #777;
    margin-right: 8px;
    margin-bottom: 2px;
}

.f-list-btn:hover {
    color: #5193d4;
}

    .f-list-btn:hover img {
        background-color: #5193d4;
    }

.f-img-multi, .f-img-single {
    display: none;
}

.f-list-img, .f-list-title {
    width: 700px;
    line-height: 24px;
}

    .f-list-img img {
        max-width: 100%;
    }

.f-list-arrow {
    width: 50%;
    height: 100%;
    padding-top: 16%;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.f-list-left {
    left: 50px;
}

.f-list-right {
    right: 50px;
}

.f-list-arrow:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

#style-swiper {
    width: 860px;
    height: 121px;
}

    #style-swiper .swiper-slide img {
        cursor: pointer;
        position: relative;
        width: 140px;
        height: 105px;
        border: 8px solid #eee !important;
        display: block;
        box-sizing: content-box;
    }

    #style-swiper .swiper-slide.f-nav-active img {
        border-color: #5193d4 !important;
    }

.f-style-control:hover {
    opacity: .8;
    filter: alpha(opacity=80);
}

#f-style-left {
    left: 110px;
    top: 0;
}

#f-style-right {
    right: 125px;
    top: 0;
}

.f-list-num {
    top: 0;
    left: 50px;
    line-height: 24px;
    font-family: "Georgia","Times New Roman","Times","serif","Microsoft YaHei","微软雅黑","arial";
}

    .f-list-num #curNum {
        color: #5193d4;
        font-size: 30px;
    }

.f-img-multi > .picture-set-list > li {
    width: 25%;
    position: relative;
}

    .f-img-multi > .picture-set-list > li.active a {
        border: 8px solid #5193d4;
        -webkit-box-shadow: 5px 10px 18px rgba(0,0,0,.3);
        box-shadow: 5px 10px 18px rgba(0,0,0,.3);
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
/*全文检索*/
.f-search-header > div {
    margin-left: 60px;
}

.f-search-contain {
    width: 630px;
    height: 40px;
    line-height: 40px;
    padding-right: 90px;
}

    .f-search-contain .search-key {
        height: 40px;
        line-height: 40px;
    }

    .f-search-contain .search-item {
        top: 40px;
    }

.f-search-input {
    width: 100%;
    padding-left: 75px;
    border: 2px solid transparent;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}

.f-search-containItem .f-search-input {
    padding-left: 10px;
}

.f-search-input:focus {
    border: 2px solid #5a99d6;
    background-color: #fff;
}

.f-search-submit {
    width: 90px;
    height: 40px;
    right: 0;
    top: 0;
    text-align: center;
    background-color: #5a99d6;
    font-family: "microsoft yahei", "微软雅黑", "宋体";
    font-size: 16px;
    color: #fff;
}

    .f-search-submit:hover {
        font-weight: bold;
        background-color: #3580c7;
    }

.f-search-more, .f-search-help {
    left: 640px;
    top: 0;
    line-height: 40px;
    width: 70px;
    cursor: pointer;
}

    .f-search-more:hover, .f-search-help:hover {
        font-weight: bold;
        color: #333;
    }

.f-search-help {
    left: 710px;
}

.f-search-more-info {
    display: none;
    margin-top: 25px;
}

.f-more-input {
    width: 120px;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    color: #f00;
    border-bottom: 1px solid #eee;
    margin: 0 5px;
    vertical-align: middle;
}

.f-search-tip {
    width: 540px;
    top: 40px;
    left: 0;
    display: none;
    border: 1px solid #ececec;
    box-shadow: 0 0 10px rgba(0,0,0,.15);
    background-color: #fff;
}

    .f-search-tip.active {
        display: block;
        -webkit-animation: m-fadeInUp .25s ease both;
        animation: m-fadeInUp .25s ease both;
    }

    .f-search-tip li {
        width: 100%;
        height: 35px;
        line-height: 35px;
        padding: 0 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 14px;
        cursor: pointer;
    }

        .f-search-tip li:hover {
            background-color: #efefef;
        }

.f-search-item {
    padding-left: 185px;
}

.f-search-itemSelect {
    top: 17px;
    left: 50px;
    line-height: 25px;
}

    .f-search-itemSelect label {
        font-weight: normal;
    }

    .f-search-itemSelect input[type=checkbox] {
        margin-right: 8px;
    }

.f-search-list {
    border-top: 3px solid #5a99d6;
}

.f-search-list-top {
    background-color: #e1ebf4;
    height: 35px;
}

.f-search-list-tip {
    height: 35px;
    line-height: 35px;
}

    .f-search-list-tip strong {
        color: #333;
    }

.f-search-list-top > ul {
    margin-left: -12px;
}

    .f-search-list-top > ul > li {
        width: 140px;
        margin-right: 10px;
        text-align: center;
        height: 35px;
        line-height: 35px;
        float: left;
        position: relative;
        cursor: pointer;
        border: 1px solid transparent;
        border-bottom: none;
    }

        .f-search-list-top > ul > li:after {
            content: '';
            width: 0;
            height: 0;
            display: inline-block;
            vertical-align: middle;
            margin-left: 5px;
            margin-top: 3px;
            border: 4px solid transparent;
            border-top-color: #333;
        }

        .f-search-list-top > ul > li:hover {
            background-color: #fff;
            border-color: #ddd;
        }

            .f-search-list-top > ul > li:hover:after {
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
                margin-top: -5px;
            }

            .f-search-list-top > ul > li:hover .f-search-type {
                display: block;
            }

.f-search-type {
    display: none;
    width: 140px;
    top: 33px;
    left: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: none;
    padding: 5px 0;
    z-index: 2;
}

    .f-search-type li {
        text-align: left;
        width: 100%;
        height: 30px;
        line-height: 30px;
        padding-left: 20px;
    }

        .f-search-type li:hover {
            background-color: #eee;
        }

        .f-search-type li > a {
            display: block;
            width: 100%;
            height: 30px;
            line-height: 30px;
            color: #777;
        }

.f-search-result {
    line-height: 20px;
    min-height: 500px;
}

    .f-search-result li {
        padding: 15px 0;
        border-bottom: 1px dashed #ddd;
    }

.f-result-title {
    color: #5193d4;
    line-height: 25px;
}

    .f-result-title:hover {
        font-weight: bold;
        color: #5193d4;
    }

.f-search-result p {
    margin-top: 5px;
}

.search-footer {
    width: 100%;
    height: 38px;
    border-top: 3px solid #5a99d6;
    line-height: 35px;
}

    .search-footer a:hover {
        color: #5193d4;
        font-weight: bold;
    }

.f-sHelp-contain {
    line-height: 22px;
    margin-bottom: 30px;
    text-align: left;
}

.f-sHelp-list {
    padding-left: 55px;
    position: relative;
}

    .f-sHelp-list:before {
        content: '';
        display: block;
        width: 6px;
        height: 6px;
        border: 1px solid #777;
        position: absolute;
        left: 45px;
        top: 9px;
        border-radius: 4px;
    }

/*-----------------招商引资专题---------------------*/
.investment-header {
    width: 100%;
    height: 40px;
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 10;
}

    .investment-header a {
        height: 40px;
        line-height: 40px;
    }

        .investment-header a.f-l img {
            height: 30px;
            width: auto;
        }

.f-header-navControl {
    width: 20px;
    margin-top: 10px;
}

.f-header-nav {
    position: relative;
}

    .f-header-nav > li {
        display: inline-block;
        margin-left: 35px;
        position: relative;
    }

        .f-header-nav > li a {
            color: #999;
            display: block;
        }

            .f-header-nav > li a:hover, .f-header-nav > li:hover > a {
                color: #5193d4;
            }

        .f-header-nav > li:hover .f-header-subNav {
            display: block;
        }

.f-header-subNav {
    display: none;
    right: 0;
    top: 38px;
    width: 510px;
    height: 42px;
    -webkit-animation: m-fadeInUp .25s ease both;
    animation: m-fadeInUp .25s ease both;
}

.f-header-subNav-list {
    border-radius: 18px;
    padding: 0 11px;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

    .f-header-subNav-list:before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: 7px solid transparent;
        border-bottom-color: #fff;
        top: -13px;
        right: 20px;
        position: absolute;
    }

    .f-header-subNav-list > li a {
        color: #333;
        display: block;
        height: 36px;
        line-height: 36px;
        padding: 0 15px;
        position: relative;
    }

        .f-header-subNav-list > li a:after {
            content: '';
            display: block;
            width: 1px;
            height: 16px;
            background-color: #c3c6cc;
            position: absolute;
            left: 0;
            top: 10px;
        }

    .f-header-subNav-list > li:first-child a:after {
        display: none;
    }

    .f-header-subNav-list > li a:hover {
        color: #5193d4;
    }
/*主要部分*/
.investment-main {
    min-height: 1080px;
    background: url("f-inves-bg.jpg") no-repeat center top;
    background-size: cover;
}

.investment-require {
    width: 150px;
    height: 48px;
    line-height: 48px;
    border-radius: 8px;
    background: #0168b7;
}
    /*.investment-require:hover{background-color: #064d84;}*/
    .investment-require img {
        -webkit-animation: none;
        animation: none;
    }

.investment-focus {
    height: 368px;
    padding-left: 40px;
    padding-top: 27px;
    overflow: hidden;
}

    .investment-focus:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: url("f-invest-part1Bg.jpg") no-repeat right top;
        -webkit-transition: all .25s ease;
        transition: all .25s ease;
    }

    .investment-focus:hover:before {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    .investment-focus > div {
        width: 530px;
        position: relative;
        z-index: 2;
    }

.investment-focus-slogan {
    display: block;
    width: 122px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    color: #fff;
    background-color: #cf060a;
}

.investment-focus-right, .investment-focus-left {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    display: block;
    margin-left: 8px;
    background-image: url("f-inves-iconArrow.png");
    background-position: -2px 0;
    background-color: #9b9a8f;
}

.investment-focus-right {
    background-position: -27px 0;
}

    .investment-focus-right:hover, .investment-focus-left:hover {
        background-color: #777;
    }

.investment-focus-pagination .swiper-pagination-switch {
    line-height: 20px;
    width: 6px;
    height: 6px;
    border-radius: 4px;
    background-color: #dfdfdf;
    margin-right: 3px;
    margin-left: 4px;
    display: inline-block;
}

    .investment-focus-pagination .swiper-pagination-switch.swiper-active-switch {
        background-color: #9b9a8f;
    }

#investment-focus {
    margin: 10px 0;
    height: 250px;
}

    #investment-focus .swiper-slide a {
        margin-top: 23px;
    }

    #investment-focus .investment-focus-img {
        width: 29.8%;
    }

        #investment-focus .investment-focus-img > div {
            width: 100%;
            padding-top: 64.55%;
            min-height: 70px;
            max-height: 112px;
        }

        #investment-focus .investment-focus-img img {
            left: 0;
            top: 0;
        }

.investment-focus #investment-focus a:hover {
    color: #cf060a;
}

    .investment-focus #investment-focus a:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

.investment-focus-content {
    width: 68%;
    height: 100%;
    right: 0;
    top: 0;
}

.investment-focus-title {
    width: 100%;
    height: 60px;
    line-height: 30px;
    overflow: hidden;
}

.f-inves-item {
    width: 47.5%;
}

    .f-inves-item:hover {
        transform: scale(1.02);
    }

.f-inves-item2 {
    margin-right: 1.75%;
}

.f-inves-item3 {
    margin-left: 1.75%;
}

.f-inves-itemTop {
    height: 132px;
    padding-top: 25px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    display: block;
}

    .f-inves-itemTop:before {
        content: '';
        display: block;
        width: 58px;
        height: 58px;
        margin: 0 auto 12px;
        opacity: .55;
        filter: alpha(opacity=55);
    }

.f-inves-item:hover .f-inves-itemTop:before {
    opacity: 1;
    filter: alpha(opacity=100);
}

.f-inves-item1 .f-inves-itemTop {
    background-color: #ff9142\9;
    background-color: rgba(255,145,66,.85);
}

.f-inves-item1:hover .f-inves-itemTop {
    background-color: #ff9142;
}

.f-inves-item1 .f-inves-itemTop:before {
    background: url("banner-type1-2.png") no-repeat 3px -58px;
    ;
}

.f-inves-item2 .f-inves-itemTop {
    background-color: #a0d468\9;
    background-color: rgba(160,212,104,.85);
}

.f-inves-item2:hover .f-inves-itemTop {
    background-color: #a0d468;
}

.f-inves-item2 .f-inves-itemTop:before {
    background: url("banner-type1-3.png") no-repeat 3px -58px;
    ;
}

.f-inves-item3 .f-inves-itemTop {
    background-color: #3baeda\9;
    background-color: rgba(59,174,218,.85);
}

.f-inves-item3:hover .f-inves-itemTop {
    background-color: #3baeda;
}

.f-inves-item3 .f-inves-itemTop:before {
    background: url("banner-type1-4.png") no-repeat 3px -58px;
    ;
}

.f-inves-item4 .f-inves-itemTop {
    background-color: #37bd9c\9;
    background-color: rgba(55,189,156,.85);
}

.f-inves-item4:hover .f-inves-itemTop {
    background-color: #37bd9c;
}

.f-inves-item4 .f-inves-itemTop:before {
    background: url("banner-type1-5.png") no-repeat 3px -58px;
    ;
}

.f-inves-item > ul {
    width: 100%;
    height: 191px;
}

.f-inves-items .news-title {
    display: block;
    width: 100%;
    padding: 0 17px;
}

    .f-inves-items .news-title:before {
        content: '·';
        padding-right: 5px;
    }

.f-inves-items .index-news-list {
    padding: 23px 0;
    color: #777;
}

.f-inves-environment {
    padding: 23px 0 23px 4%;
}

    .f-inves-environment li {
        width: 42%;
        height: 40px;
        line-height: 38px;
        margin-left: 3.8%;
        margin-bottom: 10px;
        float: left;
        border: 1px solid #37bd9c;
        background-color: #e7faf5;
        border-radius: 6px;
        overflow: hidden;
        text-align: center;
    }

        .f-inves-environment li a:focus {
            color: #777;
        }

        .f-inves-environment li a:hover {
            color: #fff;
            background-color: #37bd9c;
        }

.f-inves-companyTitle {
    height: 50px;
    width: 100%;
    border-bottom: 3px solid #5193d4;
    color: #fff;
}

    .f-inves-companyTitle a.f-l {
        width: 130px;
        height: 47px;
        margin-bottom: -1px;
        background-color: #5193d4;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        text-align: center;
        line-height: 47px;
    }

    .f-inves-companyTitle a.f-r {
        color: #5193d4;
        line-height: 55px;
    }

        .f-inves-companyTitle a.f-r:hover {
            color: #0168b7;
            font-weight: bold;
        }

#investment-company {
    height: 155px;
    width: 100%;
    margin-top: 20px;
}

    #investment-company .swiper-slide {
        padding-right: 17px;
    }

    #investment-company a {
        display: block;
        width: 170px;
        height: 135px;
        padding-top: 4px;
        background: url("f-inves-comBg.jpg") no-repeat;
        background-size: 100% auto;
    }

        #investment-company a div {
            width: 160px;
            height: 110px;
            margin: 0 auto;
        }

        #investment-company a p {
            width: 100%;
            height: 18px;
            line-height: 18px;
            margin-top: 15px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            padding: 0 5px;
            text-align: center;
        }

        #investment-company a:hover img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }
/*----------------民生热点专题-------------*/
.f-live-banner {
    width: 100%;
    height: 195px;
    overflow: hidden;
    padding-top: 70px;
}

    .f-live-banner:before {
        content: '';
        display: block;
        width: 100%;
        height: 235px;
        position: absolute;
        left: 0;
        top: 0;
        background: url("f-live-bannerBg.jpg") no-repeat center top;
        -webkit-animation: bannerMove 8s linear both infinite alternate;
        animation: bannerMove 8s linear both infinite alternate;
    }

.f-live-air .investment-require {
    width: 127px;
}

.f-live-airInfo {
    width: 329px;
    height: 100px;
    padding: 25px 25px 10px;
    background: url("f-live-airBg.png") no-repeat left top;
}

    .f-live-airInfo:hover {
        -webkit-animation: boxMove 1s linear both 2;
        animation: boxMove 1s linear both 2;
    }

    .f-live-airInfo > span {
        display: inline-block;
        padding: 2px 12px;
        color: #454f6a;
        border-radius: 20px;
        background: #aac9ed;
        right: 12px;
        top: -12px;
    }

    .f-live-airInfo > div {
        display: inline-block;
        width: 49%;
        text-align: center;
    }

    .f-live-airInfo p {
        line-height: 30px;
    }

.f-live-items li {
    display: inline-block;
    width: 20%;
    height: 84px;
    margin: 0 .5%;
    text-align: left;
}

    .f-live-items li a {
        background: #c0d4e8;
        padding: 17px 17px 0 17px;
    }

.f-live-eName {
    width: 100%;
    height: 27px;
    overflow: hidden;
    padding-top: 10px;
    text-transform: uppercase;
    font-family: arial, helvetica, sans-serif;
    letter-spacing: -0.5px;
}

.f-live-item {
    display: block;
    width: 38px;
    height: 38px;
    bottom: 12px;
    right: 10px;
    opacity: .45;
    filter: alpha(opacity=45);
}

.f-live-item1 {
    background: url("banner-type2-2a.png") no-repeat 2px -38px;
    background-size: 38px auto;
}

.f-live-item2 {
    background: url("banner-type2-3a.png") no-repeat 2px -38px;
    background-size: 38px auto;
}

.f-live-item3 {
    background: url("banner-type2-4a.png") no-repeat 2px -38px;
    background-size: 38px auto;
}

.f-live-item4 {
    background: url("banner-type2-5a.png") no-repeat 2px -38px;
    background-size: 38px auto;
}

.f-live-items li.active a, .f-live-items li:hover a {
    background: #5193d4;
}

.f-live-items li.active .color-b, .f-live-items li:hover .color-b {
    color: #fff;
}

.f-live-items li.active .color-5, .f-live-items li:hover .color-5 {
    color: #333;
}

.f-live-items li.active a:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top-color: #5193d4;
    position: absolute;
    bottom: -13px;
    left: 50%;
    margin-left: -7px;
}

.f-live-items li.active .f-live-item, .f-live-items li:hover .f-live-item {
    opacity: 1;
    filter: alpha(opacity=100);
    width: 58px;
    height: 58px;
    background-size: 58px auto;
}

.f-live-items li.active .f-live-item1, .f-live-items li:hover .f-live-item1 {
    background: url("banner-type2-2.png") no-repeat 2px 8px;
}

.f-live-items li.active .f-live-item2, .f-live-items li:hover .f-live-item2 {
    background: url("banner-type2-3.png") no-repeat 2px 2px;
}

.f-live-items li.active .f-live-item3, .f-live-items li:hover .f-live-item3 {
    background: url("banner-type2-4.png") no-repeat 2px 8px;
}

.f-live-items li.active .f-live-item4, .f-live-items li:hover .f-live-item4 {
    background: url("banner-type2-5.png") no-repeat 2px 4px;
}

.f-no-more {
    display: none;
}

.f-flow-box {
    width: 280px;
    float: left;
    padding: 10px;
    overflow: visible;
}

    .f-flow-box a {
        color: #777;
        display: block;
        padding: 17px;
        line-height: 22px;
        border-radius: 2px;
        border: 1px solid #eee;
        overflow: visible;
    }

.f-flow-img img {
    left: 0;
    top: 0;
}
/*网站更新统计*/
#statistics-date:before {
    content: '[';
    padding-right: 5px;
}

#statistics-date:after {
    content: ']';
    padding-left: 5px;
}

.statistics-opt {
    line-height: 30px;
    border-bottom: 1px solid #f5f5f5;
}

.statistics-choose {
    height: 30px;
    line-height: 28px;
    border: 1px solid #eee;
    border-radius: 3px;
}

    .statistics-choose li {
        padding: 0 15px;
        float: left;
        cursor: pointer;
    }

        .statistics-choose li.selected {
            background-color: #5193d4;
            color: #fff;
        }

        .statistics-choose li:first-child {
            border-left: none;
        }

.statistics-opt .input-style1 {
    border-color: #eee;
    height: 30px;
    line-height: 28px;
}

.statistic-table > thead:first-child > tr:first-child > th {
    border: 1px solid #ddd;
    background-color: #f5f5f5;
}

.statistic-table > thead > tr > th, .statistic-table > tbody > tr > td {
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    line-height: 30px;
}

.statistic-title, .statistic-link {
    max-width: 350px;
    height: 50px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.statistic-link {
    max-width: 330px;
}

.statistic-detailBtn.btn-style2, .statistic-detailBtn.btn-style2:focus {
    display: inline-block;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0;
}

.statistic-table > tbody > tr:hover {
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.05) inset;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.05) inset;
    background-color: #fbfbfb;
}
/*其他后期补充修改*/
.live-float {
    position: fixed;
    right: 20px;
    bottom: 90px;
    top: auto;
}

.reply-wrap-topLine {
    border-top: 1px solid #fff;
    padding-top: 8px;
    padding-bottom: 8px;
}

    .reply-wrap-topLine:first-child {
        border-top: none;
    }

.web-lead-contain a {
    border-radius: 10px;
}

    .web-lead-contain a:hover {
        background-color: #fafafa;
    }

.inform-top a {
    padding: 0 30px;
    line-height: 48px;
}

.inform-top li.active a {
    background-color: #5193d4;
    color: #fff;
}

.detail-bgColor i {
    display: inline-block;
    width: 13px;
    height: 13px;
    border: 1px solid #999;
    vertical-align: middle;
    cursor: pointer;
}

    .detail-bgColor i.active {
        border-color: #000;
    }
/*国土栏目修改*/
.son-land-inform {
    height: 274px;
}

    .son-land-inform .head-wrap ul a {
        width: 105px;
        text-align: center;
    }

    .son-land-inform .body-wrap .time {
        padding-left: 30px;
    }

    .son-land-inform .body-wrap .list-style1 > li {
        float: left;
        width: 50%;
    }

    .son-land-inform .list-style1 > li {
        padding: 0 15px;
    }
/*.body-wrap2 .list-style1>li:nth-child(odd){padding-right: 20px;}*/

/**--------------------------
 * Created by 吴伟东 on 2017/7/6.
 -----------------------------*/
.input-none > input, .input-none > select, input.none, select.none {
    position: absolute;
    width: 1px;
    height: 1px;
    border: 0 none;
    clip: rect(0,0,0,0);
    pointer-events: none;
}

.no-home {
    background: url(hd-bg.jpg) no-repeat center bottom !important;
    background-attachment: fixed !important;
}

    .no-home > .header {
        background-color: #fff;
    }
 .no-home .subNav{display:none !important;}
.no-home li:hover .subNav{display: block !important;} 
/* 百度分享 */
.bd_weixin_popup {
    height: auto !important;
}

.bd_weixin_popup_main {
    padding: 15px 0 !important;
}

.bd_weixin_popup_foot {
    text-align: center !important;
    white-space: nowrap;
}
/* 图片放大 */
.img-enlarge {
    display: block;
    overflow: hidden;
}

    .img-enlarge > img {
        display: block;
        width: 100%;
        height: 100%;
        -webkit-transition: transform 300ms;
        transition: transform 300ms;
    }

    .img-enlarge:hover > img {
        -webkit-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
    }
/* 图标 */
.icon {
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    background-repeat: no-repeat;
    background-position: center;
}

.more-icon {
    width: 14px;
    height: 14px;
    margin-top: -2px;
    background-image: url(more.png);
}

    .more-icon.sign1 {
        background-position: 0 0;
    }

    .more-icon.sign2 {
        background-position: 0 -14px;
    }

    .more-icon.sign3 {
        background-position: 0 -28px;
    }

.home-icon {
    width: 14px;
    height: 14px;
    margin-top: -3px;
    background-image: url(home-icon.png);
    background-position: 0 0;
}

.list-page-icon {
    width: 22px;
    height: 20px;
    margin-top: -3px;
    background-image: url(list-page-icon.png);
}

    .list-page-icon.sign1 {
        background-position: 0 0;
    }

    .list-page-icon.sign2 {
        background-position: -22px 0;
    }

.share-btn-icon {
    width: 28px !important;
    height: 20px !important;
    background-image: url(share-btn-icon.jpg) !important;
}

    .share-btn-icon.sign1 {
        background-position: 0 0 !important;
    }

    .share-btn-icon.sign2 {
        background-position: -28px 0 !important;
    }

    .share-btn-icon.sign3 {
        background-position: -56px 0 !important;
    }

    .share-btn-icon.sign4 {
        background-position: -84px 0 !important;
    }

.web-name-icon {
    width: 30px;
    height: 30px;
    background-image: url(web-name-icon.png);
    background-position: 0 -30px;
}
/* 链接 */
.single {
    white-space: nowrap;
    overflow: hidden;
}

.omit {
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.link1, .son-index-part5 .link1:hover {
    color: #333;
}

    .link1:hover {
        color: #5193d4;
    }

.link2 {
    color: #777;
}

    .link2:hover {
        color: #333;
    }
/* 列表 */
.list-style1 {
    line-height: 40px;
}

    .list-style1 > li {
        padding: 0 10px;
    }

        .list-style1 > li:hover {
            background-color: #fbfbfb;
            -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.05) inset;
            box-shadow: 0 0 15px 0 rgba(0,0,0,.05) inset;
        }

        .list-style1 > li > a {
            display: block;
        }

            .list-style1 > li > a > p { /*padding-right: 50px;*/
            }

                .list-style1 > li > a > p:before {
                    content: "· ";
                }

            .list-style1 > li > a > .time {
                float: right;
                font-size: 12px;
            }

.list-style2 {
    line-height: 45px;
    margin-bottom:10px;
}

    .list-style2 > li {
        padding-left: 30px;
        padding-right: 4px;
        -webkit-transition: background 300ms,box-shadow 300ms;
        transition: background 300ms,box-shadow 300ms;
    }

        .list-style2 > li:hover {
            background-color: #fbfbfb;
            -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.05) inset;
            box-shadow: 0 0 15px 0 rgba(0,0,0,.05) inset;
        }

        .list-style2 > li > a {
            position: relative;
            display: block;
            border-bottom: 1px dashed #eee;
        }

            .list-style2 > li > a:before {
                content: "";
                position: absolute;
                top: 17px;
                left: -25px;
                display: block;
                width: 11px;
                height: 11px;
                background: url(list-icon.png) no-repeat center -22px;
            }
            .list-style2 > li:hover > a:before, .list-style2 > li.active > a:before {
            background-position: center -11px;
        }
            .list-style2 > li > a > .time {
                float: right;
                font-size: 12px;
            }

            .list-style2 > li > a > p {
                width: 75%;
            }

.list-style3 > li {
    border-bottom: 1px solid #eee;
    padding: 15px 15px 15px 5px;
}

    .list-style3 > li:hover {
        background-color: #fafafa;
    }

    .list-style3 > li > .img-enlarge {
        display: block;
        width: 140px;
        height: 90px;
    }

.list-style3 .info {
    float: right;
}

    .list-style3 .info.share-page:hover .list-page-icon {
        background-position-y: -20px;
    }

    .list-style3 .info.share-page .bdsharebuttonbox {
        position: absolute;
        top: 50%;
        right: 28px;
        width: 150px;
        margin-top: -18px;
        margin-right: 25px;
        border: 1px solid #dedede \9;
        border-radius: 4px;
        padding-left: 10px;
        background-color: #fff;
        opacity: 0;
        visibility: hidden;
        -webkit-box-shadow: 0 1px 7px 0 rgba(0,0,0,.25);
        box-shadow: 0 1px 7px 0 rgba(0,0,0,.25);
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
    }

        .list-style3 .info.share-page .bdsharebuttonbox:after {
            content: "";
            position: absolute;
            top: 50%;
            right: -6px;
            margin-top: -5px;
            border-left: 6px solid #fff;
            border-left: 6px solid #dedede \9;
            border-top: 5px solid transparent;
            border-bottom: 5px solid transparent;
            visibility: visible;
        }

    .list-style3 .info.share-page:hover .bdsharebuttonbox {
        visibility: visible;
        margin-right: 0;
        opacity: 1;
    }

.list-style3 .time, .list-style3 .info {
    color: #adbac2;
}

.list-style4 > li > a {
    display: block;
    border-bottom: 1px dashed #eee;
    padding: 12px 10px;
}

.list-style4 > li .web-name-icon {
    margin-top: 5px;
}

.list-style4 > li .web-name {
    margin-bottom: 5px;
    color: #777;
}

.list-style4 > li .web-url {
    font-size: 12px;
    color: #ccc;
}

.list-style4 > li:hover {
    background-color: #fbfbfb;
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.05) inset;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.05) inset;
}

    .list-style4 > li:hover .web-name-icon {
        background-position: 0 0;
    }

    .list-style4 > li:hover .web-name {
        color: #333;
    }

    .list-style4 > li:hover .web-url {
        color: #333;
    }

.plate-body > .list-style4 {
    margin: 0 -6px;
}
/* 表单控件 */
.input-style1 {
    height: 26px;
    line-height: 24px;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    padding: 0 5px;
}

    .input-style1:focus {
        border-color: #5193d4;
        -webkit-box-shadow: 0 0 10px 0 #c7dff7 inset;
        box-shadow: 0 0 10px 0 #c7dff7 inset;
    }

textarea.input-style1 {
    height: 150px;
    resize: vertical;
}

.btn-style1, .btn-style1:focus {
    height: 26px;
    line-height: 26px;
    border-radius: 3px;
    padding: 0 15px;
    background-color: #a3b1be;
    font-weight: normal;
    color: #fff;
    cursor: pointer;
}

    .btn-style1:hover {
        background-color: #5193d4;
        color: #fff;
    }

    .btn-style1:active {
        background-color: #3581cc;
        color: #fff;
    }

.btn-style2, .btn-style2:focus {
    height: 35px;
    line-height: 35px;
    border-radius: 3px;
    padding: 0 25px;
    background-color: #5193d4;
    font-weight: normal;
    color: #fff;
    cursor: pointer;
}

    .btn-style2:hover {
        background-color: #3880c7;
        color: #fff;
    }

    .btn-style2:active {
        background-color: #5193d4;
        color: #fff;
    }

.btn-style3, .btn-style3:focus {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    border-radius: 3px;
    padding: 0 8px;
    background-color: #e1ebf4;
    font-weight: normal;
    color: #333;
    cursor: pointer;
}

    .btn-style3:hover {
        background-color: #3880c7;
        color: #fff;
    }

    .btn-style3:active {
        background-color: #5193d4;
        color: #fff;
    }

.btn-style4, .btn-style4:focus {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    border-radius: 3px;
    padding: 0 8px;
    background-color: #5193d4;
    font-weight: normal;
    color: #fff;
    cursor: pointer;
}

    .btn-style4:hover {
        background-color: #3880c7;
        color: #fff;
    }

    .btn-style4:active {
        background-color: #5193d4;
        color: #fff;
    }

.btn-w82 {
    min-width: 90px;
    padding-left: 8px;
    padding-right: 8px;
    text-align: center;
}

.check-all.sign1 {
    position: relative;
    width: 50px;
    height: 26px;
    border: 0 none;
    padding: 1px;
    background-color: #a3b1be;
    text-align: center;
    font-size: 12px;
    color: #fff;
    -webkit-transition: background 300ms,box-shadow 300ms;
    transition: background 300ms,box-shadow 300ms;
}

    .check-all.sign1:before, .check-all.sign1:after {
        float: left;
        display: block;
        width: 50%;
        height: 24px;
        line-height: 24px;
        text-align: center;
    }

    .check-all.sign1:before {
        content: "是";
    }

    .check-all.sign1:after {
        content: "否";
    }

    .check-all.sign1 > i {
        position: absolute;
        top: 1px;
        left: 1px;
        display: block;
        width: 50%;
        height: 24px;
        border-radius: 4px;
        background-color: #fff;
        -webkit-transition: left 300ms;
        transition: left 300ms;
    }

    .check-all.sign1.active {
        background-color: #5193d4;
    }

        .check-all.sign1.active > i {
            left: 24px;
        }

.check-all.sign2 {
    border: 0 none;
    margin-right: 5px;
    padding: 0;
    padding-right: 10px;
}

    .check-all.sign2 > i {
        display: inline-block;
        width: 15px;
        height: 15px;
        vertical-align: middle;
        margin-top: -3px;
        background: url(checkbox-icon.png) no-repeat center top;
    }

    .check-all.sign2.active > i {
        background-position: center bottom;
    }

.radio-all.sign1 {
    border: 0 none;
    margin-right: 5px;
    padding: 0;
    padding-right: 10px;
}

    .radio-all.sign1 > i {
        display: inline-block;
        width: 15px;
        height: 15px;
        vertical-align: middle;
        margin-top: -3px;
        border: 4px solid #e0e6ea;
        border-radius: 50%;
        background-color: #a3b1be;
    }

    .radio-all.sign1.active > i {
        border-color: #e5f0fb;
        background-color: #5193d4;
    }

.btn.radio-all, .btn.check-all {
    outline: 0 none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/* 分页按钮 */
.paging-button {
    line-height: 33px;
    border: 1px solid #ddd;
    border-left: 0 none;
}

    .paging-button > li {
        float: left;
        border-left: 1px solid #ddd;
    }

        .paging-button > li > a {
            display: block;
            color: inherit;
        }

            .paging-button > li > a:hover {
                background-color: #ddd;
            }

    .paging-button > font {
        display: block;
        float: left;
        min-width: 40px;
        min-width: 24px \9;
        padding: 0 8px;
        text-align: center;
        border-left: 1px solid #ddd;
    }

    .paging-button > .info-sum {
        padding: 0 35px;
    }

    .paging-button > .page-sum {
        padding: 0 26px;
    }

    .paging-button > .toggle-btn > a {
        padding: 0 15px;
    }

    .paging-button > .neighbor > a {
        padding: 0 2px;
    }

        .paging-button > .neighbor > a > img {
            margin-top: -5px;
        }

    .paging-button > .input {
        padding: 1px;
    }

        .paging-button > .input > input {
            display: block;
            width: 35px;
            height: 31px;
            line-height: nowrap;
            border: 1px solid #777;
            text-align: center;
        }

    .paging-button > .page > a {
        min-width: 40px;
        min-width: 24px \9;
        padding: 0 8px;
        text-align: center;
    }

    .paging-button > .page.active > a {
        background-color: #5193d4;
        color: #fff;
    }
/* 区块 */
.plate-wrap {
    background-color: #fff;
    -webkit-box-shadow: 5px 5px 10px 0 rgba(18,36,77,.1);
    box-shadow: 5px 5px 10px 0 rgba(18,36,77,.1);
    -webkit-transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out;
}

    .plate-wrap.padding {
        padding: 18px 22px;
    }

    .plate-wrap.padding-no {
        padding: 0;
    }

    .plate-wrap:hover {
        -webkit-box-shadow: 0 10px 20px 0 rgba(168,182,191,.6);
        box-shadow: 0 10px 20px 0 rgba(168,182,191,.6);
    }
/*--- 互动交流 ---*/
/* 主任信箱 */
.director-mailbox .plate-head {
    line-height: 33px;
}

    .director-mailbox .plate-head a {
        display: block;
    }

.director-mailbox .ph-title {
    width: 135px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
}

    .director-mailbox .ph-title > a {
        color: #5193d4;
    }

.director-mailbox .more-link, .online-interview .more-link {
    width: 45px;
    height: 35px;
    text-align: center;
}

    .director-mailbox .more-link:hover > .icon, .online-interview .more-link:hover > .icon {
        background-position: 0 -14px;
    }

.director-mailbox .ph-title-link > a {
    float: left;
    margin-right: 1px;
    padding: 0 16px;
    color: #fff;
    -webkit-transition: background 300ms;
    transition: background 300ms;
}

    .director-mailbox .ph-title-link > a.sign1 {
        background-color: #2e86d0;
    }

    .director-mailbox .ph-title-link > a.sign2 {
        background-color: #6fd3ed;
    }

    .director-mailbox .ph-title-link > a.sign3 {
        background-color: #f3a012;
    }

    .director-mailbox .ph-title-link > a.sign4 {
        background-color: #a0d468;
    }

    .director-mailbox .ph-title-link > a.sign1:hover {
        background-color: #108ee7;
    }

    .director-mailbox .ph-title-link > a.sign2:hover {
        background-color: #15bae5;
    }

    .director-mailbox .ph-title-link > a.sign3:hover {
        background-color: #ff8003;
    }

    .director-mailbox .ph-title-link > a.sign4:hover {
        background-color: #74bc27;
    }

    .director-mailbox .ph-title-link > a > img {
        margin-right: 3px;
    }

.director-mailbox .table {
    margin-bottom: 0;
}

    .director-mailbox .table > thead {
        background-color: #f3f3f3;
    }

        .director-mailbox .table > thead > tr > th {
            border-bottom: 0 none;
            font-size: 14px !important;
            color: #555 !important;
        }

    .director-mailbox .table > tbody > tr {
        -webkit-transition: background 300ms,box-shadow 300ms;
        transition: background 300ms,box-shadow 300ms;
    }

        .director-mailbox .table > tbody > tr:hover {
            background-color: #fbfbfb;
            -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.05) inset;
            box-shadow: 0 0 15px 0 rgba(0,0,0,.05) inset;
        }

        .director-mailbox .table > tbody > tr > td {
            border-top: 0 none;
            border-bottom: 1px dashed #eee;
            line-height: 30px;
        }

    .director-mailbox .table th, .director-mailbox .table td {
        text-align: center;
    }

    .director-mailbox .table .from {
        width: 110px;
    }

    .director-mailbox .table .from-time, .director-mailbox .table .handle-time {
        width: 145px;
        font-size: 12px;
        color: #777;
    }

    .director-mailbox .table .type, .director-mailbox .table .state {
        width: 140px;
    }

    .director-mailbox .table .title {
        text-align: left;
    }

.director-mailbox.survey-collection-list .table .title > a {
    width: 340px;
}

.director-mailbox .table .title > a {
    display: block;
    width: 270px;
}

.director-mailbox.plate-wrap .table .title > a {
    width: 450px;
}

.director-mailbox .table.samll .from-time, .director-mailbox .table.samll .handle-time {
    width: 130px;
}

.director-mailbox .table.samll .type, .director-mailbox .table.samll .state {
    width: 120px;
}

/* 调查&征集 列表 */
.survey-collection-list .table .operation {
    width: 140px;
}

.survey-collection-list .state.under-way {
    color: #c30123;
}


/* 横幅 */
@-webkit-keyframes bottomRotateIn {
    from {
        -webkit-transform: rotateY(180deg) translate(-120px,0);
        opacity: 0;
    }

    to {
        -webkit-transform: rotateY(0deg) translate(0px,0px);
        opacity: 1;
    }
}

@keyframes bottomRotateIn {
    from {
        transform: rotateY(180deg) translate(-120px,0);
        opacity: 0;
    }

    to {
        transform: rotateY(0deg) translate(0px,0px);
        opacity: 1;
    }
}

@-webkit-keyframes bottomRotateOut {
    from {
        -webkit-transform: scale(1,1) translate(0px,0px);
        opacity: 1;
    }

    to {
        -webkit-transform: scale(0,0) translate(-60px,0px);
        opacity: 0;
    }
}

@keyframes bottomRotateOut {
    from {
        transform: scale(1,1) translate(0px,0px);
        opacity: 1;
    }

    to {
        transform: scale(0,0) translate(-60px,0px);
        opacity: 0;
    }
}

.banner-bg-box {
    position: relative;
    height: 65px;
}

    .banner-bg-box .banner-bg {
        display: block;
        width: 100%;
        height: 100%;
    }

    .banner-bg-box .title {
        position: absolute;
        top: 15px;
        left: 55px;
        font-size: 22px;
        color: #fff;
    }

        .banner-bg-box .title > img {
            display: inline-block;
            margin: 0 1px;
        }

        .banner-bg-box .title.in > img {
            -webkit-animation: bottomRotateIn 1000ms ease 0ms 1 normal both;
            animation: bottomRotateIn 1000ms ease 0ms 1 normal both;
        }

        .banner-bg-box .title.out > img {
            -webkit-animation: bottomRotateOut 1000ms ease 0ms 1 normal both;
            animation: bottomRotateOut 1000ms ease 0ms 1 normal both;
        }

        .banner-bg-box .title > img.sign1 {
            animation-delay: 0ms;
        }

        .banner-bg-box .title > img.sign2 {
            animation-delay: 300ms;
        }

        .banner-bg-box .title > img.sign3 {
            animation-delay: 600ms;
        }

        .banner-bg-box .title > img.sign4 {
            animation-delay: 900ms;
        }

        .banner-bg-box .title > img.sign5 {
            animation-delay: 1200ms;
        }

    .banner-bg-box .w-banner-btn {
        position: absolute;
        top: 16px;
        right: 48px;
        display: block;
        height: 32px;
        line-height: 32px;
        border-radius: 16px;
        padding: 0 20px;
        background-color: #fff;
        -webkit-box-shadow: 0 5px 5px 0 rgba(37,52,87,.1);
        box-shadow: 0 5px 5px 0 rgba(37,52,87,.1);
    }

        .banner-bg-box .w-banner-btn > span {
            display: inline-block;
            -webkit-animation: moveBounce 800ms ease 0ms infinite;
            animation: moveBounce 800ms ease 0ms infinite;
        }

        .banner-bg-box .w-banner-btn:hover {
            margin-right: -15px;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .banner-bg-box .w-banner-btn:hover > span {
                -webkit-animation: none;
                animation: none;
            }
/* 在线访谈 */
.online-interview .plate-head {
    border-bottom: 2px solid #2e86d0;
}

    .online-interview .plate-head > li {
        float: left;
    }

        .online-interview .plate-head > li > a {
            display: block;
            height: 45px;
            line-height: 45px;
            border-bottom: 1px solid #2e86d0;
            border-radius: 8px 8px 0 0;
            padding: 0 28px;
            background-color: #2e86d0;
            font-size: 16px;
            color: #fff;
        }

            .online-interview .plate-head > li > a:hover {
                background-color: #108ee7;
            }

.online-interview .table {
    float: left;
    display: block;
    width: 32%;
    margin-left: 2%;
    margin-bottom: 0;
    color: #333;
}

    .online-interview .table:first-child {
        margin-left: 0;
    }

    .online-interview .table tr {
        background-color: #fbfbfb;
    }

        .online-interview .table tr:nth-of-type(even) {
            background-color: #f1f1f1;
        }

    .online-interview .table td {
        height: 40px;
        line-height: 40px;
        border-top: 0 none;
        padding: 0 15px;
    }

    .online-interview .table .img-wrap {
        height: 245px;
        padding: 0;
    }

    .online-interview .table .img-enlarge {
        width: 100%;
        height: 100%;
    }

    .online-interview .table .label-name {
        width: 80px;
        border-right: 1px solid #fff;
        font-weight: bold;
    }

    .online-interview .table .text {
        display: block;
        width: 250px;
    }
/* 三互动 */
.three-interact > div {
    float: left;
    width: 32%;
    margin-left: 2%;
}

    .three-interact > div:first-child {
        margin-left: 0;
    }

.three-interact .plate-head {
    display: block;
    height: 48px;
    line-height: 48px;
    padding: 0 10px;
    background-color: #2e86d0;
    font-size: 16px;
    color: #fff;
}

    .three-interact .plate-head:hover {
        background-color: #108ee7;
        -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);
        box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);
    }

.three-interact .more-link {
    float: right;
    display: block;
    height: 48px;
}
/* 网上调查 & 意见征集 */
.research-wrap > ul, .opinion-wrap > ul {
    margin-top: 10px;
    padding: 0 12px;
}

    .research-wrap > ul > li, .opinion-wrap > ul > li {
        border-top: 1px dashed #ededed;
    }

        .research-wrap > ul > li:first-child, .opinion-wrap > ul > li:first-child {
            border-top: 0 none;
        }

        .research-wrap > ul > li > a, .opinion-wrap > ul > li > a {
            display: block;
            height: 58px;
            line-height: 58px;
        }

            .research-wrap > ul > li > a:before, .opinion-wrap > ul > li > a:before {
                content: ">>";
                display: inline-block;
                height: 24px;
                line-height: 24px;
                margin-right: 15px;
                border-radius: 4px;
                padding: 0 8px;
                background-color: #8ea3bd;
                opacity: .7;
                filter: alpha(opacity=70);
                font-size: 14px;
                color: #fff;
                -webkit-transition: opacity 300ms,box-shadow 300ms;
                transition: opacity 300ms,box-shadow 300ms;
            }

        .research-wrap > ul > li.under-way > a:before, .opinion-wrap > ul > li.under-way > a:before {
            background-color: #f57a00;
        }

        .research-wrap > ul > li.not-started > a:before, .opinion-wrap > ul > li.not-started > a:before {
            background-color: #a2d56a;
        }

        .research-wrap > ul > li:hover > a:before, .opinion-wrap > ul > li:hover > a:before {
            opacity: 1;
            filter: alpha(opacity=100);
            -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.3);
            box-shadow: 0 2px 3px 0 rgba(0,0,0,.3);
        }

        .research-wrap > ul > li.not-started > a:before, .opinion-wrap > ul > li.not-started > a:before {
            content: "未开始";
        }

        .research-wrap > ul > li.under-way > a:before {
            content: "调查中";
        }

        .opinion-wrap > ul > li.under-way > a:before {
            content: "征集中";
        }

/* 常见问题 */
.problem-wrap > .plate-body {
    margin-top: 10px;
    padding: 0 12px;
}

.problem-wrap .img-wrap > .img-enlarge {
    height: 110px;
}

.problem-wrap .img-wrap > .f-l {
    width: 54%;
}

.problem-wrap .img-wrap > .f-r {
    width: 44%;
}

.problem-wrap > .plate-body > ul > li {
    float: left;
    width: 33.333%;
    margin-bottom: 5px;
    padding: 0 3px;
}

    .problem-wrap > .plate-body > ul > li > a {
        display: block;
        height: 35px;
        line-height: 33px;
        border: 1px solid #2e86d0;
        border-radius: 4px;
        color: #2e86d0;
    }

        .problem-wrap > .plate-body > ul > li > a:hover {
            border-color: #0168b7;
            background-color: #0168b7;
            color: #fff;
        }

/*--- 走进朔州 ---*/
/* 介绍卡 */
.plate-wrap.sign1 {
    width: 30.5%;
}

.plate-wrap.sign2 {
    width: 35%;
}

.plate-wrap.sign3 {
    width: 63%;
}

.plate-wrap.ml-2 {
    margin-left: 2%;
}

.introduce-row-wrap .plate-head {
    width: 150px;
    border-left: 1px solid #e0e3e6;
    padding-bottom: 20px;
    background-color: #fafafa;
    text-align: center;
    font-size: 16px;
}

    .introduce-row-wrap .plate-head > li {
        padding-top: 20px;
    }

        .introduce-row-wrap .plate-head > li > a {
            display: block;
            height: 50px;
            line-height: 50px;
            margin: 0 -1px;
            border-top: 1px solid transparent;
            border-right: 3px solid transparent;
            border-bottom: 1px solid transparent;
            border-left: 0 none;
            color: #333;
        }

        .introduce-row-wrap .plate-head > li.active > a {
            position: relative;
            border-top-color: #e0e3e6;
            border-bottom-color: #e0e3e6;
            border-right-color: #5a99d6;
            background-color: #fff;
            color: #5193d4;
        }

.introduce-row-wrap .plate-body > div {
    padding: 18px;
}

.introduce-row-wrap .img-enlarge {
    height: 308px;
}

.introduce-row-wrap .tab-pane > p {
    line-height: 24px;
    text-align: justify;
}
/* 朔州印象 & 朔州开发报 */
.impress-wrap > .plate-head {
    height: 40px;
    line-height: 36px;
    border-top: 3px solid #5a99d6;
    border-bottom: 1px solid #e0e3e6;
    padding: 0 12px;
    background: url(content_01_rlght_biaoti_bg.jpg) repeat-x left center;
    font-size: 16px;
    color: #5193d4;
}

    .impress-wrap > .plate-head:before {
        content: "";
        float: left;
        display: block;
        width: 4px;
        height: 0;
        margin-top: 8px;
        margin-right: 10px;
        border-top: 10px solid #3337d3;
        border-bottom: 10px solid #2879bb;
    }

.impress-wrap > .plate-body {
    height: 400px;
    padding: 18px 22px;
}

    .impress-wrap > .plate-body > a {
        width: 100%;
        height: 100%;
    }

.newspaper-wrap > .plate-body {
    height: 516px;
}

.bookshelf-wrap {
    position: relative;
    display: block;
    overflow: hidden;
}

    .bookshelf-wrap > img {
        position: absolute;
        display: block;
        -webkit-transition: transform 800ms,opacity 800ms;
        transition: transform 800ms,opacity 800ms;
    }

    .bookshelf-wrap > .bg {
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
    }

    .bookshelf-wrap > .book01 {
        top: 50%;
        left: 50%;
        z-index: 2;
        margin-left: 19px;
        margin-top: -139px;
        -webkit-transform: rotate(18deg) translate(5px,9px) scale(1,1);
        transform: rotate(18deg) translate(5px,9px) scale(.8,.8);
        opacity: 0;
        -webkit-transition-delay: 0ms;
        transition-delay: 0ms;
    }

    .bookshelf-wrap > .book02 {
        top: 50%;
        left: 50%;
        z-index: 3;
        margin-left: -17px;
        margin-top: -123px;
        -webkit-transform: rotate(-24deg) translate(-12px,10px) scale(1,1);
        transform: rotate(-24deg) translate(-120px,10px) scale(.9,.9);
        opacity: 0;
        -webkit-transition-delay: 800ms;
        transition-delay: 800ms;
    }

    .bookshelf-wrap > .book03 {
        top: 50%;
        left: 50%;
        z-index: 4;
        margin-left: -200px;
        margin-top: -167px;
        -webkit-transform: rotate(30deg) translate(5px,3px) scale(1,1);
        transform: rotate(30deg) translate(5px,3px) scale(1.1,1.1);
        opacity: 0;
        -webkit-transition-delay: 1600ms;
        transition-delay: 1600ms;
    }

    .bookshelf-wrap.in > .book01, .bookshelf-wrap.in > .book02, .bookshelf-wrap.in > .book03 {
        -webkit-transform: rotate(0deg) translate(0px,0px) scale(1,1);
        transform: rotate(0deg) translate(0px,0px) scale(1,1);
        opacity: 1;
    }

    .bookshelf-wrap > .title {
        right: 16px;
        bottom: 16px;
        z-index: 5;
    }
/* 优势 & 环境 */
.advantage-ambient > .plate-head {
    height: 40px;
    line-height: 37px;
    border-bottom: 1px solid #e0e3e6;
    padding: 0 20px 0 12px;
    font-size: 16px;
    background-color: #fafafa;
}

    .advantage-ambient > .plate-head li {
        float: left;
    }

        .advantage-ambient > .plate-head li > a {
            display: block;
            margin-bottom: -1px;
            border-left: 1px solid transparent;
            border-top: 3px solid transparent;
            border-right: 1px solid transparent;
            border-bottom: 0 none;
            padding: 0 15px;
            color: #333;
        }

        .advantage-ambient > .plate-head li.active > a {
            border-left-color: #e0e3e6;
            border-right-color: #e0e3e6;
            border-top-color: #5a99d6;
            background-color: #fff;
            color: #5193d4;
        }

.advantage-ambient > .plate-body {
    padding: 18px 22px;
}

.advantage-ambient .more-link:hover > .icon {
    background-position: 0 -14px;
}

.advantage-ambient .simple .img-enlarge {
    height: 120px;
}

.advantage-ambient .simple p {
    height: 72px;
    line-height: 24px;
    text-align: justify;
    overflow: hidden;
}
/* 朔州风采 */
.elegant-wrap .plate-body li {
    float: left;
    width: 18.4%;
    margin-left: 2%;
}

    .elegant-wrap .plate-body li:first-child {
        margin-left: 0;
    }

.elegant-wrap .plate-body a {
    display: block;
}

.elegant-wrap .img-enlarge {
    height: 145px;
}

/*--- 政策法规 ---*/
.plate-wrap.sign4 {
    width: 25.5%;
}

.plate-wrap.sign5, .pr-right-main {
    width: 72.5%;
}
/* 左侧栏目 */
.pr-left-column {
    border-top: 3px solid #5a99d6;
    
}

    .pr-left-column .plate-head {
        height: 36px;
        line-height: 36px;
        font-size: 24px;
        font-weight: bold;
        color: #5a99d6;
    }

.prl-column-list {
    border-top: 1px dashed #ededed;
    padding-top: 16px;
    padding-bottom: 30px;
    line-height: 50px;
    font-size: 16px;
}

    .prl-column-list > .panel {
        margin-bottom: 0;
        border: 0 none;
        border-radius: 0;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .prl-column-list > li > a {
        display: block;
        padding: 0 20px;
        color: #333;
    }

        .prl-column-list > li > a:before {
            content: "";
            display: inline-block;
            width: 11px;
            height: 11px;
            margin-right: 10px;
            background: url(list-icon.png) no-repeat center 0;
            -webkit-transition: background 300ms;
            transition: background 300ms;
        }

    .prl-column-list > li:hover > a {
        background-color: #f7fafd;
    }

    .prl-column-list > li.active > a {
        background-color: #e1ebf4;
    }

        .prl-column-list > li:hover > a:before, .prl-column-list > li.active > a:before {
            background-position: center -11px;
        }

    .prl-column-list .collapse > div {
        padding-bottom: 35px;
    }

    .prl-column-list ul {
        margin-left: 23px;
        border-left: 1px dashed #ccc;
        line-height: 35px;
        font-size: 14px;
    }

        .prl-column-list ul > li {
            position: relative;
            top: 35px;
            border-top: 1px dashed #ccc;
            padding-left: 25px;
        }

            .prl-column-list ul > li > a {
                position: relative;
                top: -18px;
                display: block;
                padding-left: 15px;
                background-color: #fff;
                color: inherit;
            }

                .prl-column-list ul > li > a:before {
                    content: "";
                    position: absolute;
                    top: 14px;
                    left: -4px;
                    display: block;
                    width: 7px;
                    height: 7px;
                    border-radius: 50%;
                    border: 2px solid #bbb;
                }

                .prl-column-list ul > li > a:hover, .prl-column-list ul > li.active > a {
                    color: #5193d4;
                }

                    .prl-column-list ul > li > a:hover:before, .prl-column-list ul > li.active > a:before {
                        border-color: #5193d4;
                    }

.pr-left-column .img-enlarge {
    height: 80px;
}

.hot-label > p {
    line-height: 40px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

    .hot-label > p > img {
        margin-top: -3px;
    }

.hot-label > a {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    margin: 7px 8px 7px 0;
    border-radius: 13px;
    padding: 0 10px;
    background-color: #eee;
    color: #555;
}

    .hot-label > a:hover {
        background-color: #6eb92b;
        color: #fff;
    }
/* 右侧信息-类型选择 */
.justify-end {
    text-align: justify;
}

    .justify-end:after {
        content: "";
        display: inline-block;
        width: 100%;
        height: 0;
        overflow: hidden;
    }

.label-link-wrap {
    padding: 10px 18px;
    line-height: 30px;
    background-color: #f7f7f7;
}

    .label-link-wrap > li {
        float: left;
    }

        .label-link-wrap > li.sign1 {
            width: 25%;
        }

        .label-link-wrap > li.sign2 {
            width: 50%;
        }

        .label-link-wrap > li.active > a {
            color: #5193d4;
            font-weight: bold;
        }

/* 右侧信息-列表 */
.list-plate-wrap > .plate-head {
    height: 48px;
    line-height: 48px;
    padding: 0 15px;
    background-color: #5193d4;
    font-size: 16px;
    color: #fff;
}

    .list-plate-wrap > .plate-head > img {
        margin-top: -3px;
        margin-left: 7px;
    }
    .list-plate-wrap > .plate-head  a {
        color:#fff;
    }

.list-plate-wrap > .plate-body {
    padding: 10px 18px;
}

/*--- 三级列表页 ---*/
/* 路径 */
.page-catalog > a {
    color: #777;
}

    .page-catalog > a:first-child:hover > .icon {
        background-position: 0 -14px;
    }
/* 筛选 */
.type-select-wrap {
    background-color: #f7f7f7;
}

    .type-select-wrap .type-box {
        position: relative;
        padding: 10px 0 10px 90px;
        line-height: 26px;
    }

    .type-select-wrap .label-name {
        position: absolute;
        top: 10px;
        left: 0;
    }

    .type-select-wrap .tab-link > a {
        display: inline-block;
        height: 26px;
        margin-right: 10px;
        border-radius: 13px;
        padding: 0 10px;
        color: #777;
    }

        .type-select-wrap .tab-link > a:hover {
            background-color: #e1ebf4;
        }

        .type-select-wrap .tab-link > a.active {
            background-color: #5193d4;
            color: #fff;
        }

/*--- 详情页 ---*/
.bgcolor-f4 {
    background-color: #f4f4f4;
}

.toggle-font-size {
    color: inherit !important;
}

    .toggle-font-size.active {
        color: #5193d4 !important;
    }

.email-property > span {
    margin-left: 80px;
}

    .email-property > span:first-child {
        margin-left: 0;
    }

.detailed-wrap { /*min-height: 300px;*/
    color: #777;
}

    .detailed-wrap * {
        font-family: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体" !important;
    }

    .detailed-wrap img {
        max-width: 100% !important;
    }

    .detailed-wrap a, .detailed-wrap a:hover {
        color: inherit;
    }

    .detailed-wrap table {
        width: 100% !important;
        margin: 0 auto;
    }

.print-close {
    margin-top: 3px;
}

    .print-close > button {
        height: 24px;
        line-height: 24px;
        border: 0 none;
        border-radius: 6px;
        padding: 0 20px;
        background-color: #9babb8;
        color: #fff;
    }

        .print-close > button:hover {
            background-color: #5193d4;
        }

.de-head {
    height: 20px;
    line-height: 19px;
    border-left: 6px solid #5193d4;
    padding-left: 8px;
}

.appendix-wrap {
    color: #5193d4;
}

    .appendix-wrap .icon {
        margin-top: 7px;
        padding-right: 5px;
    }

.detailed-end {
    border-top: 1px solid #eee;
}

/*--- 主任信箱 ---*/
.lh-n {
    line-height: normal;
}

.form-wrap {
    line-height: 35px;
}

    .form-wrap .label-name {
        float: left;
        width: 15%;
        font-weight: bold;
    }

    .form-wrap .label-text {
        float: left;
        width: 85%;
    }

    .form-wrap .verification-code {
        height: 26px;
        margin-top: -2px;
    }

    .form-wrap .stress {
        vertical-align: top;
        font-weight: bold;
        color: #ff0000;
    }

/*--- 提示框 ---*/
.prompt-wrap {
    position: relative;
}

    .prompt-wrap > .prompt-box {
        position: absolute;
        z-index: 1000;
        display: none;
        border: 1px solid #d0d0d0 \9;
        border-radius: 4px;
        padding: 15px;
        background-color: #fff;
        -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
        box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
        -webkit-animation: fadeIn 300ms linear;
        animation: fadeIn 300ms linear;
    }

    .prompt-wrap:hover > .prompt-box {
        display: block;
    }

    .prompt-wrap > .prompt-box:before {
        content: "";
        position: absolute;
        display: block;
        width: 0;
        height: 0;
    }

    .prompt-wrap > .prompt-box:after {
        content: "";
        position: absolute;
        display: block;
    }

    .prompt-wrap > .prompt-box.top, .prompt-wrap > .prompt-box.bottom {
        left: 50%;
    }

    .prompt-wrap > .prompt-box.top {
        bottom: 100%;
        margin-bottom: 5px;
    }

    .prompt-wrap > .prompt-box.bottom {
        top: 100%;
        margin-top: 5px;
    }

        .prompt-wrap > .prompt-box.top:before, .prompt-wrap > .prompt-box.bottom:before {
            left: 50%;
            margin-left: -8px;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
        }

        .prompt-wrap > .prompt-box.top:after, .prompt-wrap > .prompt-box.bottom:after {
            left: 0;
            right: 0;
            height: 8px;
        }

    .prompt-wrap > .prompt-box.top:before {
        bottom: -8px;
        border-top: 8px solid #fff;
        border-top-color: #d0d0d0 \9;
    }

    .prompt-wrap > .prompt-box.top:after {
        bottom: -6px;
    }

    .prompt-wrap > .prompt-box.bottom:before {
        top: -8px;
        border-bottom: 8px solid #fff;
        border-bottom-color: #d0d0d0 \9;
    }

    .prompt-wrap > .prompt-box.bottom:after {
        top: -6px;
    }

    .prompt-wrap > .prompt-box.left, .prompt-wrap > .prompt-box.right {
        top: 50%;
    }

    .prompt-wrap > .prompt-box.left {
        right: 100%;
        margin-right: 5px;
    }

    .prompt-wrap > .prompt-box.right {
        left: 100%;
        margin-left: 5px;
    }

        .prompt-wrap > .prompt-box.left:before, .prompt-wrap > .prompt-box.right:before {
            top: 50%;
            margin-top: -8px;
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent;
        }

        .prompt-wrap > .prompt-box.left:after, .prompt-wrap > .prompt-box.right:after {
            top: 0;
            bottom: 0;
            width: 8px;
        }

    .prompt-wrap > .prompt-box.left:before {
        right: -8px;
        border-left: 8px solid #fff;
        border-left-color: #d0d0d0 \9;
    }

    .prompt-wrap > .prompt-box.left:after {
        right: -6px;
    }

    .prompt-wrap > .prompt-box.right:before {
        left: -8px;
        border-right: 8px solid #fff;
        border-right-color: #d0d0d0 \9;
    }

    .prompt-wrap > .prompt-box.right:after {
        left: -6px;
    }
/*覆盖highCharts样式*/
.prompt-box .highcharts-title,
.prompt-box .highcharts-axis-labels,
.prompt-box .highcharts-yaxis,
.prompt-box .highcharts-xaxis,
.prompt-box .highcharts-legend-item {
    font-family: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体";
}


/*--- 朔州风采 ---*/
.picture-set-list {
    margin: 0 -5px;
}

    .picture-set-list > li {
        float: left;
        width: 33.33333%;
        padding: 10px 12px;
    }

        .picture-set-list > li > a {
            position: relative;
            display: block;
            width: 100%;
            height: 194px;
        }

            .picture-set-list > li > a > p {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                z-index: 2;
                height: 35px;
                line-height: 40px;
                padding: 0 20px;
                color: #fff;
                color: rgba(255,255,255,.8);
                background-repeat: repeat-x;
                background-image: url(fc-top-look-a-bg.png);
                background-image: -webkit-linear-gradient(rgba(0,0,0,0) 0, rgba(0,0,0,.65) 50%);
                background-image: -moz-linear-gradient(rgba(0,0,0,0) 0, rgba(0,0,0,.65) 50%);
                background-image: -o-linear-gradient(rgba(0,0,0,0) 0, rgba(0,0,0,.65) 50%);
                background-image: -ms-linear-gradient(rgba(0,0,0,0) 0, rgba(0,0,0,.65) 50%);
            }

            .picture-set-list > li > a:hover > p {
                color: #fff;
            }

/*--- 信件详情 ---*/
.email-detailed {
    min-height: auto;
}

.reply-wrap {
    border: 1px solid #f4f4f4;
}




/**--------------------------
 * Created by 何志刚 on 2017/7/6.
 -----------------------------*/
/*政务公开hhh*/
.h-pr-left-column {
    border: 0;
    height: 1395px;
    padding: 0px 0px;
    background-color: #fff;
    width: 306px;
}

.h-com-tab-list-left {
    padding-left: 0px;
}

.h-com-tab-list-right {
    padding-right: 40px;
}

.h-plate-head {
    width: 306px;
    height: 48px;
    line-height: 48px;
    background-color: #f8f8f8;
    border-left: 3px solid rgb(239,128,82);
    text-align: left;
    padding-left: 20px;
}

    .h-plate-head .h-lh-arrow {
        transition: none;
        width: 8px;
        height: 14px;
        z-index: 3;
        font-size: 0;
        right: 33px;
        top: 16px;
        overflow: hidden;
        position: absolute;
        background-image: url(h-lh-Arrow.png);
    }

        .h-plate-head .h-lh-arrow:hover {
            background-position: 0 -14px;
        }

    .h-plate-head:hover {
        background-color: #f0f0f0;
        -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);
        box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);
    }

.h-plate-head02:hover {
    background-color: #f0f0f0;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);
}

.h-plate-head03:hover {
    background-color: #f0f0f0;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);
}

.h-left-content {
    width: 306px;
    height: 170px;
}

.h-com-tab-list {
    padding-top: 20px;
}

    .h-com-tab-list li {
        width: 153px;
        height: 30px;
        margin-bottom: 20px;
        text-align: center;
        border-bottom: none;
        border-right: none;
        float: left;
    }

.h-left-title01 {
    font-family: "microsoft yahei";
    font-size: 16px;
    font-weight: bold;
    color: rgb(240,138,98);
    display: block;
}

.h-left-title02 {
    font-family: "microsoft yahei";
    font-size: 16px;
    font-weight: bold;
    color: rgb(81,147,212);
    display: block;
}

.h-left-title01:hover {
    color: rgb(240,138,98);
}

.h-left-title02:hover {
    color: rgb(81,147,212);
}

.h-icon-wenzi {
    display: inline-block;
    width: 72px;
}

.h-info-icon {
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    background-size: 60px;
}

.h-info-icon1 {
    background-image: url(index-infoIcon-2.png);
    background-position: -30px 0;
}

.h-com-tab-list li:hover .h-info-icon1 {
    background-position: -30px -30px;
}

.h-info-icon2 {
    background-image: url(index-infoIcon-2.png);
    background-position: -30px -60px;
}

.h-com-tab-list li:hover .h-info-icon2 {
    background-position: -30px -90px;
}

.h-info-icon3 {
    background-image: url(index-infoIcon-2.png);
    background-position: -30px -180px;
}

.h-com-tab-list li:hover .h-info-icon3 {
    background-position: -30px -210px;
}

.h-info-icon4 {
    background-image: url(index-infoIcon-2.png);
    background-position: -30px -240px;
}

.h-com-tab-list li:hover .h-info-icon4 {
    background-position: -30px -270px;
}

.h-info-icon5 {
    background-image: url(index-infoIcon-2.png);
    background-position: -30px -120px;
}

.h-com-tab-list li:hover .h-info-icon5 {
    background-position: -30px -150px;
}

.h-info-icon6 {
    background-image: url(index-infoIcon-2.png);
    background-position: -30px -300px;
}

.h-com-tab-list li:hover .h-info-icon6 {
    background-position: -30px -330px;
}

.h-plate-head02, .h-plate-head03 {
    width: 306px;
    height: 48px;
    line-height: 48px;
    position: relative;
    background-color: #f8f8f8;
    border-left: 3px solid rgb(81,147,212);
    text-align: left;
    padding-left: 20px;
}

    .h-plate-head02 .h-lh-plus {
        width: 14px;
        height: 14px;
        z-index: 3;
        font-size: 0;
        right: 33px;
        top: 16px;
        overflow: hidden;
        transition: none;
        position: absolute;
        background-image: url(more.png);
    }

        .h-plate-head02 .h-lh-plus:hover {
            background-position: 0 -14px;
        }

    .h-plate-head03 .h-lh-plus {
        width: 8px;
        height: 14px;
        z-index: 3;
        font-size: 0;
        right: 33px;
        transition: none;
        top: 16px;
        overflow: hidden;
        position: absolute;
        background-image: url(h-lh-Arrow.png);
    }

        .h-plate-head03 .h-lh-plus:hover {
            background-position: 0 -14px;
        }


.h-left-leader-content {
    width: 306px;
    height: 392px;
    padding-left: 25px;
    padding-top: 24px;
}

.h-leader-item {
    height: 17px;
    line-height: 17px;
    margin-bottom: 24px;
    display: block;
}

    .h-leader-item strong {
        float: left;
        color: #333;
    }

.h-leader-wenzi {
    height: 17px;
    line-height: 17px;
    margin-left: 4em;
    overflow: hidden;
}

    .h-leader-wenzi p {
        position: absolute;
        top: 0;
        left: 0em;
        width: 14em;
        color: #777;
    }

.h-left-organization-content {
    width: 306px;
    height: 334px;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .h-left-organization-content li {
        width: 260px;
        padding-bottom: 10px;
    }

        .h-left-organization-content li > a {
            display: inline-block;
            color: #333;
            margin-left: 15px;
            padding-left: 10px;
            padding-right: 10px;
            border-radius: 50px;
            padding-top: 6px;
            padding-bottom: 6px;
        }

            .h-left-organization-content li > a:hover {
                color: #fff;
                background-color: rgb(81,147,212);
            }

.h-left-org-cont-p {
    margin-left: 15px;
    padding: 10px 6px;
    color: #333;
}

.h-margin-right-13 {
    margin-right: 13px;
}


.h-left-yingji-content {
    width: 306px;
    height: 259px;
    padding-top: 24px;
    padding-left: 21px;
}

.h-left-yingji-item {
    width: 266px;
    height: 54px;
    line-height: 54px;
    padding-left: 17px;
    padding-right: 9px;
    margin-bottom: 6px;
    color: #000;
    display: inline-block;
    border: 1px solid #efefef;
    border-radius: 6px;
}

    .h-left-yingji-item .h-item-icon {
        height: 23px;
        width: 30px;
        margin-right: 21px;
    }

.h-left-yingji-arrow {
    width: 18px;
    height: 18px;
    z-index: 3;
    font-size: 0;
    right: 9px;
    transition: none;
    top: 18px;
    overflow: hidden;
    position: absolute;
    background-image: url(h-left-yj-arrow.png);
}

.h-left-yingji-item:hover {
    color: rgb(81,147,212);
    background-color: rgb(225,235,244);
}

    .h-left-yingji-item:hover .h-left-yingji-arrow {
        background-position: 0 -18px;
    }


/*焦点图*/
.h-index-focus {
    width: 425px;
    height: 294px;
}
/*本地要闻*/
.h-inform {
    width: 434px;
    height: 294px;
    background-color: #fff;
    overflow: hidden;
    -webkit-box-shadow: 5px 5px 10px 0 rgba(18,36,77,.1);
    box-shadow: 5px 5px 10px 0 rgba(18,36,77,.1);
    -webkit-transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out;
}

    .h-inform .link-more {
        top: 15px;
        right: 24px;
    }

    .h-inform .inform-top {
        height: 48px;
        line-height: 48px;
        border-bottom: 3px solid rgb(81,147,212);
    }

.h-color-f {
    color: #fff;
}

.h-gonggao {
    position: absolute;
    padding-left: 30px;
    padding-right: 30px;
    color: #fff;
    background-color: rgb(81,147,212);
}

    .h-gonggao:hover {
        color: #fff;
    }

.h-yaowen-title { /*margin-top: 25px; margin-left: 20px;*/
    width: 80%;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}

.h-yaowen-date { /*margin-right: 15px; margin-top: 25px;*/
    float: right;
    height: 36px;
    line-height: 36px;
    font-size: 12px;
}

.h-yaowen-tab-content ul {
    padding-top: 15px;
    padding-bottom: 15px;
}

    .h-yaowen-tab-content ul > li {
        line-height: 36px;
    }

.h-yaowen-tab-content li > a {
    padding-left: 38px;
    padding-right: 15px;
    position: relative;
}

    .h-yaowen-tab-content li > a:before {
        content: '';
        display: block;
        width: 7px;
        height: 7px;
        position: absolute;
        left: 18px;
        top: 16px;
        border-radius: 50%;
        border: 2px solid #bbb;
    }

    .h-yaowen-tab-content li > a:hover:before {
        border-color: #5193d4 !important;
    }

.h-yaowen-tab-content li:hover {
    background-color: #fbfbfb;
    color: #333;
}
/*新闻*/
.h-news {
    width: 870px;
    height: 233px;
    margin-top: 20px;
    background-color: #fff;
}

.h-news-list li {
    padding-left: 10px;
    padding-right: 10px;
}

    .h-news-list li:hover {
        background-color: #fbfbfb;
        color: #333;
    }

    .h-news-list li > a:hover {
        color: #333;
    }

        .h-news-list li > a:hover:before {
            border-color: #5193d4 !important;
        }

    .h-news-list li.handling .news-state {
        color: #c30123;
    }

.h-news > div {
    padding: 15px;
    height: 233px;
    overflow: hidden;
    -webkit-box-shadow: 5px 5px 10px 0 rgba(18,36,77,.1);
    box-shadow: 5px 5px 10px 0 rgba(18,36,77,.1);
    -webkit-transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out;
}

.h-news .news-nav li.news-nav-line {
    width: 13%;
    position: absolute;
    bottom: -3px;
    left: 0;
    height: 3px;
    background-color: #5193d4;
    /*background-color:#046ab4;*/
}

.h-news .news-nav {
    width: 100%;
    height: 38px;
    border-bottom: 3px solid #eee;
}

    .h-news .news-nav li {
        width: 13%;
        height: 100%;
        float: left;
        margin-right: 2%;
    }

        .h-news .news-nav li.active a {
            font-weight: bold;
        }

.h-news .news-tab-content ul {
    margin-top: 14px;
}

.h-news .news-tab-content li > a {
    padding-left: 20px;
    position: relative;
}

    .h-news .news-tab-content li > a:before {
        content: '';
        display: block;
        width: 7px;
        height: 7px;
        position: absolute;
        left: 0;
        top: 16px;
        border-radius: 50%;
        border: 2px solid #bbb;
    }

.h-list-harf {
    width: 50%;
    float: left;
}

.h-inform > div {
    background-color: #fff;
}
/*专题专栏*/
.h-zhuanti {
    height: 68px;
    width: 870px;
    position: relative;
    margin-top: 20px;
}

.h-index-special-title {
    width: 102px;
    height: 68px;
    display: block;
    padding: 10px 35px;
    position: absolute;
    left: 0;
    top: 0;
}

    .h-index-special-title:hover {
        color: #fff;
    }

    .h-index-special-title:after {
        content: '';
        display: block;
        position: absolute;
        top: 26px;
        right: -14px;
        width: 0;
        height: 0;
        border: 8px solid transparent;
        border-left-color: #6eb92b;
    }

.h-index-special-img {
    padding-left: 109px;
    padding-right: 0;
    height: 68px;
}

    .h-index-special-img .swiper-slide a {
        width: 262px;
        height: 68px;
        overflow: hidden;
        margin-right: 10px;
    }
/*政策法规补充修改*/
.type-btn-wrap {
    position: relative;
    margin: 0 -4px;
    font-size: 16px;
    line-height: 32px;
}

    .type-btn-wrap > li {
        position: absolute;
    }

        .type-btn-wrap > li.horizontal {
            width: 33.33333%;
        }

        .type-btn-wrap > li.vertical {
            width: 16.66666%;
        }

        .type-btn-wrap > li > a {
            display: block;
            font-size: 16px;
            color: #fff;
        }

            .type-btn-wrap > li > a > div {
                float: left;
                padding: 0 4px;
            }

        .type-btn-wrap > li.horizontal > a > div {
            width: 50%;
        }

        .type-btn-wrap > li.vertical > a > div {
            width: 100%;
            margin-top: 8px;
        }

            .type-btn-wrap > li.vertical > a > div:first-child {
                margin-top: 0;
            }

    .type-btn-wrap .title > p {
        position: absolute;
        top: 16px;
        left: 12px;
        -webkit-transition: top 300ms,left 300ms,margin 300ms;
        transition: top 300ms,left 300ms,margin 300ms;
    }

        .type-btn-wrap .title > p > span {
            position: relative;
            left: 0;
            -webkit-transition: left 300ms,margin 300ms;
            transition: left 300ms,margin 300ms;
        }

    .type-btn-wrap .title > img {
        position: absolute;
        bottom: 16px;
        right: 12px;
        width: 36px;
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }

    .type-btn-wrap .bg-img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }

    .type-btn-wrap .h-bg-img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }

    .type-btn-wrap .icon {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 80px;
        height: 65px;
        margin-left: -40px;
        margin-top: -32px;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
/*政策法规 七个区块*/
.fgwj-btn-wrap-7 {
    height: 278px;
}

    .fgwj-btn-wrap-7 > li > a > div > div {
        position: relative;
        height: 135px;
    }

    .fgwj-btn-wrap-7 > li > a:hover .title > p {
        top: 34px;
        left: 50%;
    }

        .fgwj-btn-wrap-7 > li > a:hover .title > p > span {
            left: 50%;
        }

    .fgwj-btn-wrap-7 > li > a:hover .title > img {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .fgwj-btn-wrap-7 > li > a:hover .bg-img {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .fgwj-btn-wrap-7 > li > a:hover .icon {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .fgwj-btn-wrap-7 > li.sign1 {
        top: 0;
        left: 0;
    }

        .fgwj-btn-wrap-7 > li.sign1 .plate-wrap {
            background-color: #ff9142;
        }

        .fgwj-btn-wrap-7 > li.sign1 > a:hover .title > p {
            margin-left: -2.5em;
        }

    .fgwj-btn-wrap-7 > li.sign2 {
        bottom: 0;
        left: 0;
    }

        .fgwj-btn-wrap-7 > li.sign2 .plate-wrap {
            background-color: #3baeda;
        }

        .fgwj-btn-wrap-7 > li.sign2 > a:hover .title > p {
            margin-left: -2.5em;
        }

            .fgwj-btn-wrap-7 > li.sign2 > a:hover .title > p > span {
                margin-left: -1em;
            }

    .fgwj-btn-wrap-7 > li.sign3 {
        top: 0;
        left: 33.33333%;
    }

        .fgwj-btn-wrap-7 > li.sign3 .plate-wrap {
            background-color: #a0d468;
        }

        .fgwj-btn-wrap-7 > li.sign3 > a:hover .title > p {
            margin-left: -2.5em;
        }

    .fgwj-btn-wrap-7 > li.sign4 {
        top: 0;
        left: 49.99999%;
    }

        .fgwj-btn-wrap-7 > li.sign4 > .top {
            margin-bottom: 8px;
        }

            .fgwj-btn-wrap-7 > li.sign4 > .top .plate-wrap {
                background-color: #22b658;
            }

            .fgwj-btn-wrap-7 > li.sign4 > .top:hover .title > p {
                margin-left: -2.5em;
            }

        .fgwj-btn-wrap-7 > li.sign4 > .bottom .plate-wrap {
            background-color: #37bd9c;
        }

        .fgwj-btn-wrap-7 > li.sign4 > .bottom:hover .title > p {
            margin-left: -2.5em;
        }

            .fgwj-btn-wrap-7 > li.sign4 > .bottom:hover .title > p > span {
                margin-left: -1.75em;
            }

    .fgwj-btn-wrap-7 > li.sign5 {
        top: 0;
        right: 0;
    }

        .fgwj-btn-wrap-7 > li.sign5 .plate-wrap {
            background-color: #f6bb43;
        }

        .fgwj-btn-wrap-7 > li.sign5 > a:hover .title > p {
            margin-left: -2em;
        }

    .fgwj-btn-wrap-7 > li.sign6 {
        bottom: 0;
        right: 0;
    }

        .fgwj-btn-wrap-7 > li.sign6 .plate-wrap {
            background-color: #22b658;
        }

        .fgwj-btn-wrap-7 > li.sign6 > a:hover .title > p {
            margin-left: -2em;
        }

            .fgwj-btn-wrap-7 > li.sign6 > a:hover .title > p > span {
                margin-left: -1.75em;
            }
/*政策解读 两个区块*/
.zcjd-btn-wrap-2 > li > a:hover .title > p {
    top: 34px;
    left: 50%;
}

    .zcjd-btn-wrap-2 > li > a:hover .title > p > span {
        left: 50%;
    }

.zcjd-btn-wrap-2 > li > a:hover .title > img {
    opacity: 0;
    filter: alpha(opacity=0);
}

.zcjd-btn-wrap-2 > li > a:hover .bg-img {
    opacity: 0;
    filter: alpha(opacity=0);
}

.zcjd-btn-wrap-2 > li > a:hover .icon {
    opacity: 1;
    filter: alpha(opacity=100);
}

.zcjd-btn-wrap-2 {
    height: 135px;
}

    .zcjd-btn-wrap-2 > li > a .bg {
        width: 280px;
    }

    .zcjd-btn-wrap-2 > li > a > div > div {
        position: relative;
        height: 135px;
    }

    .zcjd-btn-wrap-2 > li.sign1 {
        top: 0;
        left: 0;
    }

        .zcjd-btn-wrap-2 > li.sign1 .plate-wrap {
            background-color: #37bd9c;
        }

        .zcjd-btn-wrap-2 > li.sign1 > a:hover .title > p {
            margin-left: -2.5em;
        }

            .zcjd-btn-wrap-2 > li.sign1 > a:hover .title > p > span {
                margin-left: -1.5em;
            }

    .zcjd-btn-wrap-2 > li.sign2 {
        top: 0;
        right: 145px;
    }

        .zcjd-btn-wrap-2 > li.sign2 .plate-wrap {
            background-color: #3baeda;
        }

        .zcjd-btn-wrap-2 > li.sign2 > a:hover .title > p {
            margin-left: -2.5em;
        }

            .zcjd-btn-wrap-2 > li.sign2 > a:hover .title > p > span {
                margin-left: -1em;
            }

            .zcjd-btn-wrap-2 > li.sign2 > a:hover .title > p > span {
                margin-left: -1.5em;
            }
/*食品安全 六个区块*/
.spaq-btn-wrap-6 {
    height: 278px;
}

    .spaq-btn-wrap-6 > li > a > div > div {
        position: relative;
        height: 135px;
    }

    .spaq-btn-wrap-6 > li > a:hover .title > p {
        top: 34px;
        left: 50%;
    }

        .spaq-btn-wrap-6 > li > a:hover .title > p > span {
            left: 50%;
        }

    .spaq-btn-wrap-6 > li > a:hover .title > img {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .spaq-btn-wrap-6 > li > a:hover .bg-img {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .spaq-btn-wrap-6 > li > a:hover .icon {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .spaq-btn-wrap-6 > li.sign1 {
        top: 0;
        left: 0;
    }

        .spaq-btn-wrap-6 > li.sign1 .plate-wrap {
            background-color: #ff9142;
        }

        .spaq-btn-wrap-6 > li.sign1 > a:hover .title > p {
            margin-left: -2.5em;
        }

            .spaq-btn-wrap-6 > li.sign1 > a:hover .title > p > span {
                margin-left: -1.5em;
            }

    .spaq-btn-wrap-6 > li.sign2 {
        bottom: 0;
        left: 0;
    }

        .spaq-btn-wrap-6 > li.sign2 .plate-wrap {
            background-color: #3baeda;
        }

        .spaq-btn-wrap-6 > li.sign2 > a:hover .title > p {
            margin-left: -2.5em;
        }

            .spaq-btn-wrap-6 > li.sign2 > a:hover .title > p > span {
                margin-left: -1.5em;
            }

    .spaq-btn-wrap-6 > li.sign3 {
        top: 0;
        left: 33.33333%;
    }

        .spaq-btn-wrap-6 > li.sign3 .plate-wrap {
            background-color: #a0d468;
        }

        .spaq-btn-wrap-6 > li.sign3 > a:hover .title > p {
            margin-left: -2.5em;
        }

            .spaq-btn-wrap-6 > li.sign3 > a:hover .title > p > span {
                margin-left: -1.5em;
            }

    .spaq-btn-wrap-6 > li.sign4 {
        top: 0;
        left: 49.99999%;
    }

        .spaq-btn-wrap-6 > li.sign4 .plate-wrap {
            background-color: #22b658;
        }

        .spaq-btn-wrap-6 > li.sign4 > a:hover .title > p {
            margin-left: -2.5em;
        }

            .spaq-btn-wrap-6 > li.sign4 > a:hover .title > p > span {
                margin-left: -1.5em;
            }

    .spaq-btn-wrap-6 > li.sign5 {
        bottom: 0;
        left: 49.99999%;
    }

        .spaq-btn-wrap-6 > li.sign5 .plate-wrap {
            background-color: #37bd9c;
        }

        .spaq-btn-wrap-6 > li.sign5 > a:hover .title > p {
            margin-left: -2em;
        }

            .spaq-btn-wrap-6 > li.sign5 > a:hover .title > p > span {
                margin-left: -1.5em;
            }

    .spaq-btn-wrap-6 > li.sign6 {
        bottom: 0;
        right: 0;
    }

        .spaq-btn-wrap-6 > li.sign6 .plate-wrap {
            background-color: #f6bb43;
        }

        .spaq-btn-wrap-6 > li.sign6 > a:hover .title > p {
            margin-left: -2.5em;
        }

            .spaq-btn-wrap-6 > li.sign6 > a:hover .title > p > span {
                margin-left: -1.5em;
            }
/*财政预决算 六个区块*/
.spaq-btn-wrap-6 {
    height: 278px;
}

    .spaq-btn-wrap-6 > li > a > div > div {
        position: relative;
        height: 135px;
    }

    .spaq-btn-wrap-6 > li > a:hover .title > p {
        top: 34px;
        left: 50%;
    }

        .spaq-btn-wrap-6 > li > a:hover .title > p > span {
            left: 50%;
        }

    .spaq-btn-wrap-6 > li > a:hover .title > img {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .spaq-btn-wrap-6 > li > a:hover .bg-img {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .spaq-btn-wrap-6 > li > a:hover .icon {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .spaq-btn-wrap-6 > li.sign1 {
        top: 0;
        left: 0;
    }

        .spaq-btn-wrap-6 > li.sign1 .plate-wrap {
            background-color: #ff9142;
        }

        .spaq-btn-wrap-6 > li.sign1 > a:hover .title > p {
            margin-left: -2.5em;
        }

            .spaq-btn-wrap-6 > li.sign1 > a:hover .title > p > span {
                margin-left: -1.5em;
            }

    .spaq-btn-wrap-6 > li.sign2 {
        bottom: 0;
        left: 0;
    }

        .spaq-btn-wrap-6 > li.sign2 .plate-wrap {
            background-color: #3baeda;
        }

        .spaq-btn-wrap-6 > li.sign2 > a:hover .title > p {
            margin-left: -2.5em;
        }

            .spaq-btn-wrap-6 > li.sign2 > a:hover .title > p > span {
                margin-left: -1.5em;
            }

    .spaq-btn-wrap-6 > li.sign3 {
        top: 0;
        left: 33.33333%;
    }

        .spaq-btn-wrap-6 > li.sign3 .plate-wrap {
            background-color: #a0d468;
        }

        .spaq-btn-wrap-6 > li.sign3 > a:hover .title > p {
            margin-left: -2.5em;
        }

            .spaq-btn-wrap-6 > li.sign3 > a:hover .title > p > span {
                margin-left: -1.5em;
            }

    .spaq-btn-wrap-6 > li.sign4 {
        top: 0;
        left: 49.99999%;
    }

        .spaq-btn-wrap-6 > li.sign4 .plate-wrap {
            background-color: #22b658;
        }

        .spaq-btn-wrap-6 > li.sign4 > a:hover .title > p {
            margin-left: -2.5em;
        }

            .spaq-btn-wrap-6 > li.sign4 > a:hover .title > p > span {
                margin-left: -1.5em;
            }

    .spaq-btn-wrap-6 > li.sign5 {
        bottom: 0;
        left: 49.99999%;
    }

        .spaq-btn-wrap-6 > li.sign5 .plate-wrap {
            background-color: #37bd9c;
        }

        .spaq-btn-wrap-6 > li.sign5 > a:hover .title > p {
            margin-left: -2em;
        }

            .spaq-btn-wrap-6 > li.sign5 > a:hover .title > p > span {
                margin-left: -1.5em;
            }

    .spaq-btn-wrap-6 > li.sign6 {
        bottom: 0;
        right: 0;
    }

        .spaq-btn-wrap-6 > li.sign6 .plate-wrap {
            background-color: #f6bb43;
        }

        .spaq-btn-wrap-6 > li.sign6 > a:hover .title > p {
            margin-left: -2.5em;
        }

            .spaq-btn-wrap-6 > li.sign6 > a:hover .title > p > span {
                margin-left: -1.5em;
            }
/*项目建设（重大项目介绍） 三个半区块*/
.xmjs-btn-wrap-4 > li > a:hover .title > p {
    top: 34px;
    left: 50%;
}

    .xmjs-btn-wrap-4 > li > a:hover .title > p > span {
        left: 50%;
    }

.xmjs-btn-wrap-4 > li > a:hover .title > img {
    opacity: 0;
    filter: alpha(opacity=0);
}

.xmjs-btn-wrap-4 > li > a:hover .bg-img {
    opacity: 0;
    filter: alpha(opacity=0);
}

.xmjs-btn-wrap-4 > li > a:hover .icon {
    opacity: 1;
    filter: alpha(opacity=100);
}

.xmjs-btn-wrap-4 {
    height: 278px;
}

    .xmjs-btn-wrap-4 > li > a .bg {
        width: 280px;
    }

    .xmjs-btn-wrap-4 > li > a > div > div {
        position: relative;
        height: 135px;
    }

    .xmjs-btn-wrap-4 > li.sign1 {
        top: 0;
        left: 0;
    }

        .xmjs-btn-wrap-4 > li.sign1 .plate-wrap {
            background-color: #37bd9c;
        }

        .xmjs-btn-wrap-4 > li.sign1 > a:hover .title > p {
            margin-left: -2.5em;
        }

            .xmjs-btn-wrap-4 > li.sign1 > a:hover .title > p > span {
                margin-left: -1.5em;
            }

    .xmjs-btn-wrap-4 > li.sign2 {
        top: 0;
        right: 145px;
    }

        .xmjs-btn-wrap-4 > li.sign2 .plate-wrap {
            background-color: #a0d468;
        }

        .xmjs-btn-wrap-4 > li.sign2 > a:hover .title > p {
            margin-left: -2.5em;
        }

            .xmjs-btn-wrap-4 > li.sign2 > a:hover .title > p > span {
                margin-left: -1em;
            }

            .xmjs-btn-wrap-4 > li.sign2 > a:hover .title > p > span {
                margin-left: -1.5em;
            }

    .xmjs-btn-wrap-4 > li.sign3 {
        bottom: 0;
        left: 0;
    }

        .xmjs-btn-wrap-4 > li.sign3 .plate-wrap {
            background-color: #0c92d1;
        }

        .xmjs-btn-wrap-4 > li.sign3 > a:hover .title > p {
            margin-left: -2.5em;
        }

            .xmjs-btn-wrap-4 > li.sign3 > a:hover .title > p > span {
                margin-left: -1.5em;
            }

    .xmjs-btn-wrap-4 > li.sign4 {
        bottom: 0;
        right: 145px;
    }

.rsrm-btn-wrap-4 > li.sign4 .bg-img {
    opacity: 1;
    filter: alpha(opacity=100);
}

.xmjs-btn-wrap-4 > li.sign4 > a:hover .bg-img {
    opacity: 1;
    filter: alpha(opacity=100);
}

.xmjs-btn-wrap-4 > li.sign4 .bg {
    width: 426px;
}
/*发展规划 三个半区块*/
.fzgh-btn-wrap-4 > li > a:hover .title > p {
    top: 34px;
    left: 50%;
}

    .fzgh-btn-wrap-4 > li > a:hover .title > p > span {
        left: 50%;
    }

.fzgh-btn-wrap-4 > li > a:hover .title > img {
    opacity: 0;
    filter: alpha(opacity=0);
}

.fzgh-btn-wrap-4 > li > a:hover .bg-img {
    opacity: 0;
    filter: alpha(opacity=0);
}

.fzgh-btn-wrap-4 > li > a:hover .icon {
    opacity: 1;
    filter: alpha(opacity=100);
}

.fzgh-btn-wrap-4 {
    height: 278px;
}

    .fzgh-btn-wrap-4 > li > a .bg {
        width: 280px;
    }

    .fzgh-btn-wrap-4 > li > a > div > div {
        position: relative;
        height: 135px;
    }

    .fzgh-btn-wrap-4 > li.sign1 {
        top: 0;
        left: 0;
    }

        .fzgh-btn-wrap-4 > li.sign1 .plate-wrap {
            background-color: #37bd9c;
        }

        .fzgh-btn-wrap-4 > li.sign1 > a:hover .title > p {
            margin-left: -2.5em;
        }

            .fzgh-btn-wrap-4 > li.sign1 > a:hover .title > p > span {
                margin-left: -1.5em;
            }

    .fzgh-btn-wrap-4 > li.sign2 {
        top: 0;
        right: 145px;
    }

        .fzgh-btn-wrap-4 > li.sign2 .plate-wrap {
            background-color: #f6bb43;
        }

        .fzgh-btn-wrap-4 > li.sign2 > a:hover .title > p {
            margin-left: -2.5em;
        }

            .fzgh-btn-wrap-4 > li.sign2 > a:hover .title > p > span {
                margin-left: -1em;
            }

            .fzgh-btn-wrap-4 > li.sign2 > a:hover .title > p > span {
                margin-left: -1.5em;
            }

    .fzgh-btn-wrap-4 > li.sign3 {
        bottom: 0;
        left: 0;
    }

        .fzgh-btn-wrap-4 > li.sign3 .plate-wrap {
            background-color: #0c92d1;
        }

        .fzgh-btn-wrap-4 > li.sign3 > a:hover .title > p {
            margin-left: -2.5em;
        }

            .fzgh-btn-wrap-4 > li.sign3 > a:hover .title > p > span {
                margin-left: -1.5em;
            }

    .fzgh-btn-wrap-4 > li.sign4 {
        bottom: 0;
        right: 145px;
    }

.rsrm-btn-wrap-4 > li.sign4 .bg-img {
    opacity: 1;
    filter: alpha(opacity=100);
}

.fzgh-btn-wrap-4 > li.sign4 > a:hover .bg-img {
    opacity: 1;
    filter: alpha(opacity=100);
}

.fzgh-btn-wrap-4 > li.sign4 .bg {
    width: 426px;
}
/*人事任免 三个半区块*/
.rsrm-btn-wrap-4 > li > a:hover .title > p {
    top: 34px;
    left: 50%;
}

    .rsrm-btn-wrap-4 > li > a:hover .title > p > span {
        left: 50%;
    }

.rsrm-btn-wrap-4 > li > a:hover .title > img {
    opacity: 0;
    filter: alpha(opacity=0);
}

.rsrm-btn-wrap-4 > li > a:hover .bg-img {
    opacity: 0;
    filter: alpha(opacity=0);
}

.rsrm-btn-wrap-4 > li > a:hover .icon {
    opacity: 1;
    filter: alpha(opacity=100);
}

.rsrm-btn-wrap-4 {
    height: 278px;
}

    .rsrm-btn-wrap-4 > li > a .bg {
        width: 280px;
    }

    .rsrm-btn-wrap-4 > li > a > div > div {
        position: relative;
        height: 135px;
    }

    .rsrm-btn-wrap-4 > li.sign1 {
        top: 0;
        left: 0;
    }

        .rsrm-btn-wrap-4 > li.sign1 .plate-wrap {
            background-color: #37bd9c;
        }

        .rsrm-btn-wrap-4 > li.sign1 > a:hover .title > p {
            margin-left: -2.5em;
        }

            .rsrm-btn-wrap-4 > li.sign1 > a:hover .title > p > span {
                margin-left: -1.5em;
            }

    .rsrm-btn-wrap-4 > li.sign2 {
        top: 0;
        right: 145px;
    }

        .rsrm-btn-wrap-4 > li.sign2 .plate-wrap {
            background-color: #a0d468;
        }

        .rsrm-btn-wrap-4 > li.sign2 > a:hover .title > p {
            margin-left: -2.5em;
        }

            .rsrm-btn-wrap-4 > li.sign2 > a:hover .title > p > span {
                margin-left: -1em;
            }

            .rsrm-btn-wrap-4 > li.sign2 > a:hover .title > p > span {
                margin-left: -1.5em;
            }

    .rsrm-btn-wrap-4 > li.sign3 {
        bottom: 0;
        left: 0;
    }

        .rsrm-btn-wrap-4 > li.sign3 .plate-wrap {
            background-color: #f6bb43;
        }

        .rsrm-btn-wrap-4 > li.sign3 > a:hover .title > p {
            margin-left: -2.5em;
        }

            .rsrm-btn-wrap-4 > li.sign3 > a:hover .title > p > span {
                margin-left: -1.5em;
            }

    .rsrm-btn-wrap-4 > li.sign4 {
        bottom: 0;
        right: 145px;
    }

        .rsrm-btn-wrap-4 > li.sign4 .bg-img {
            opacity: 1;
            filter: alpha(opacity=100);
        }

        .rsrm-btn-wrap-4 > li.sign4 > a:hover .bg-img {
            opacity: 1;
            filter: alpha(opacity=100);
        }

        .rsrm-btn-wrap-4 > li.sign4 .bg {
            width: 426px;
        }
/*工程招标 四个区块*/
.gczb-btn-wrap-4 > li > a:hover .title > p {
    top: 34px;
    left: 50%;
}

    .gczb-btn-wrap-4 > li > a:hover .title > p > span {
        left: 50%;
    }

.gczb-btn-wrap-4 > li > a:hover .title > img {
    opacity: 0;
    filter: alpha(opacity=0);
}

.gczb-btn-wrap-4 > li > a:hover .bg-img {
    opacity: 0;
    filter: alpha(opacity=0);
}

.gczb-btn-wrap-4 > li > a:hover .icon {
    opacity: 1;
    filter: alpha(opacity=100);
}

.gczb-btn-wrap-4 {
    height: 278px;
}

    .gczb-btn-wrap-4 > li > a .bg {
        width: 280px;
    }

    .gczb-btn-wrap-4 > li > a > div > div {
        position: relative;
        height: 135px;
    }

    .gczb-btn-wrap-4 > li.sign1 {
        top: 0;
        left: 0;
    }

        .gczb-btn-wrap-4 > li.sign1 .plate-wrap {
            background-color: #37bd9c;
        }

        .gczb-btn-wrap-4 > li.sign1 > a:hover .title > p {
            margin-left: -2.5em;
        }

            .gczb-btn-wrap-4 > li.sign1 > a:hover .title > p > span {
                margin-left: -1.5em;
            }

    .gczb-btn-wrap-4 > li.sign2 {
        top: 0;
        right: 145px;
    }

        .gczb-btn-wrap-4 > li.sign2 .plate-wrap {
            background-color: #a0d468;
        }

        .gczb-btn-wrap-4 > li.sign2 > a:hover .title > p {
            margin-left: -2.5em;
        }

            .gczb-btn-wrap-4 > li.sign2 > a:hover .title > p > span {
                margin-left: -1em;
            }

            .gczb-btn-wrap-4 > li.sign2 > a:hover .title > p > span {
                margin-left: -1.5em;
            }

    .gczb-btn-wrap-4 > li.sign3 {
        bottom: 0;
        left: 0;
    }

        .gczb-btn-wrap-4 > li.sign3 .plate-wrap {
            background-color: #0c92d1;
        }

        .gczb-btn-wrap-4 > li.sign3 > a:hover .title > p {
            margin-left: -2.5em;
        }

            .gczb-btn-wrap-4 > li.sign3 > a:hover .title > p > span {
                margin-left: -1.5em;
            }

    .gczb-btn-wrap-4 > li.sign4 {
        bottom: 0;
        right: 145px;
    }

        .gczb-btn-wrap-4 > li.sign4 .plate-wrap {
            background-color: #f6bb43;
        }

        .gczb-btn-wrap-4 > li.sign4 > a:hover .title > p {
            margin-left: -2.5em;
        }

            .gczb-btn-wrap-4 > li.sign4 > a:hover .title > p > span {
                margin-left: -1em;
            }

            .gczb-btn-wrap-4 > li.sign4 > a:hover .title > p > span {
                margin-left: -1.5em;
            }
/*领导介绍 两个区块*/
.ldjs-btn-wrap-2 > li > a:hover .title > p {
    top: 34px;
    left: 50%;
}

    .ldjs-btn-wrap-2 > li > a:hover .title > p > span {
        left: 50%;
    }

.ldjs-btn-wrap-2 > li > a:hover .title > img {
    opacity: 0;
    filter: alpha(opacity=0);
}

.ldjs-btn-wrap-2 > li > a:hover .bg-img {
    opacity: 0;
    filter: alpha(opacity=0);
}

.ldjs-btn-wrap-2 > li > a:hover .icon {
    opacity: 1;
    filter: alpha(opacity=100);
}

.ldjs-btn-wrap-2 {
    height: 135px;
}

    .ldjs-btn-wrap-2 > li > a .bg {
        width: 280px;
    }

    .ldjs-btn-wrap-2 > li > a > div > div {
        position: relative;
        height: 135px;
    }

    .ldjs-btn-wrap-2 > li.sign1 {
        top: 0;
        left: 0;
    }

        .ldjs-btn-wrap-2 > li.sign1 .plate-wrap {
            background-color: #ff9142;
        }

        .ldjs-btn-wrap-2 > li.sign1 > a:hover .title > p {
            margin-left: -2.5em;
        }

            .ldjs-btn-wrap-2 > li.sign1 > a:hover .title > p > span {
                margin-left: -1.5em;
            }

    .ldjs-btn-wrap-2 > li.sign2 {
        right: 145px;
    }

        .ldjs-btn-wrap-2 > li.sign2 .plate-wrap {
            background-color: #22b658;
        }

        .ldjs-btn-wrap-2 > li.sign2 > a:hover .title > p {
            margin-left: -2.5em;
        }

            .ldjs-btn-wrap-2 > li.sign2 > a:hover .title > p > span {
                margin-left: -1em;
            }

            .ldjs-btn-wrap-2 > li.sign2 > a:hover .title > p > span {
                margin-left: -1.5em;
            }
/*招标信息 两个区块*/
.zbxx-btn-wrap-2 > li > a:hover .title > p {
    top: 34px;
    left: 50%;
}

    .zbxx-btn-wrap-2 > li > a:hover .title > p > span {
        left: 50%;
    }

.zbxx-btn-wrap-2 > li > a:hover .title > img {
    opacity: 0;
    filter: alpha(opacity=0);
}

.zbxx-btn-wrap-2 > li > a:hover .bg-img {
    opacity: 0;
    filter: alpha(opacity=0);
}

.zbxx-btn-wrap-2 > li > a:hover .icon {
    opacity: 1;
    filter: alpha(opacity=100);
}

.zbxx-btn-wrap-2 {
    height: 135px;
}

    .zbxx-btn-wrap-2 > li > a .bg {
        width: 280px;
    }

    .zbxx-btn-wrap-2 > li > a > div > div {
        position: relative;
        height: 135px;
    }

    .zbxx-btn-wrap-2 > li.sign1 {
        top: 0;
        left: 0;
    }

        .zbxx-btn-wrap-2 > li.sign1 .plate-wrap {
            background-color: #37bd9c;
        }

        .zbxx-btn-wrap-2 > li.sign1 > a:hover .title > p {
            margin-left: -2.5em;
        }

            .zbxx-btn-wrap-2 > li.sign1 > a:hover .title > p > span {
                margin-left: -1.5em;
            }

    .zbxx-btn-wrap-2 > li.sign2 {
        right: 145px;
    }

        .zbxx-btn-wrap-2 > li.sign2 .plate-wrap {
            background-color: #f6bb43;
        }

        .zbxx-btn-wrap-2 > li.sign2 > a:hover .title > p {
            margin-left: -2.5em;
        }

            .zbxx-btn-wrap-2 > li.sign2 > a:hover .title > p > span {
                margin-left: -1em;
            }

            .zbxx-btn-wrap-2 > li.sign2 > a:hover .title > p > span {
                margin-left: -1.5em;
            }
/*民意征集-样式*/
.h-pt-12 {
    padding-top: 12px;
}

.h-color-777 {
    color: #777;
}

.h-color-red {
    color: red;
}

.h-bgcolor-fff {
    background-color: #fff;
}

.h-bgcolor-fa0 {
    background-color: #5193d4;
}
/*民意征集-网民留言*/
.h-wmly .h-head-title {
    height: 48px;
    line-height: 48px;
    padding: 0 15px;
    background-color: #e9eff2;
    font-size: 16px;
    color: #333;
}

.h-wmly .h-nametime-box {
    width: 100%;
    padding-left: 30px;
    margin-right: -30px;
    border-bottom: 1px dashed #ededed;
}

.h-nametime-box .h-nametime {
    height: 40px;
    line-height: 40px;
    font-family: "microsoft yahei","微软雅黑","arial";
}

.h-nametime .h-name {
    font-size: 16px;
    color: #3c9ee5;
}

.h-nametime .h-time {
    font-size: 12px;
    color: #b0b7c7;
    padding-left: 30px;
}

.h-nametime-box .h-nametext {
    font-family: "Microsoft YaHei","微软雅黑","arial";
    font-size: 14px;
    color: #777;
    line-height: 22px;
    width: 94%;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
/*民意调查-征集*/
.h-zj-wrap > .plate-head {
    height: 48px;
    line-height: 48px;
    padding: 0 15px;
    background-color: #5193d4;
    font-size: 16px;
    color: #fff;
    border-left: 1px solid #e9eff2;
}

    .h-zj-wrap > .plate-head > img {
        margin-top: -3px;
    }

.h-zj-wrap .form-wrap {
    padding-left: 25px;
}

.h-zj-wrap > .plate-body {
    padding: 10px 18px;
    background-color: #f7f7f7;
}

.h-zj-wrap .list-style2, .list-plate-wrap .list-style3 {
    min-height: 500px;
}

.h-zj-wrap .h-tj-hover:hover {
    background-color: #cc8601;
}
/*调查问卷-题目*/
.h-dcwj > .form-group > ul {
    padding-left: 20px;
}

.h-dcwj .h-choose {
    display: inline-block;
    margin-right: 10px;
}

.h-dcwj .h-tj-hover:hover {
    background-color: #cc8601;
}
/*调查问卷-结果*/
.h-dcjg ul > li {
    color: #777;
    font-size: 14px;
    padding-top: 6px;
    padding-bottom: 6px;
    width: 100%;
    display: block;
}

    .h-dcjg ul > li:hover {
        background-color: #fbfbfb;
        color: #333;
    }

        .h-dcjg ul > li:hover .h-piaoshu {
            color: #5cb85c;
        }

.h-dcjg .h-xuanxiang {
    width: 50%;
}

    .h-dcjg .h-xuanxiang > span {
        width: 80%;
        display: inline-block;
        line-height: 20px;
    }

.h-dcjg .h-jindu {
    width: 20%;
    line-height: 40px;
    padding-top: 5px;
}

.h-dcjg .h-baifenshu {
    width: 5%;
}

.h-dcjg .h-piaoshu {
    width: 25%;
}

.h-dcjg .h-jindu .h-jindutiao {
    width: 100%;
    height: 16px;
}
/*表格下载*/
.h-form-download .h-projectname-select {
    width: 20%;
}

    .h-form-download .h-projectname-select > select {
        height: 34px;
        width: 100%;
        border: 1px solid #d0d0d0;
        border-radius: 3px;
        padding: 0 5px;
    }

        .h-form-download .h-projectname-select > select:focus {
            border-color: #5193d4;
            -webkit-box-shadow: 0 0 10px 0 #c7dff7 inset;
            box-shadow: 0 0 10px 0 #c7dff7 inset;
        }

select.input-style1 {
    height: 150px;
    resize: vertical;
}

.h-form-download .h-projectname-input {
    width: 63%;
}

.h-form-download input {
    width: 100%;
    height: 34px;
}

.h-form-download .h-form-head {
    border-bottom: 2px solid #e9eff2;
}

    .h-form-download .h-form-head > .h-formhead-title {
        height: 30px;
        line-height: 30px;
        color: rgb(81,147,212);
    }

    .h-form-download .h-form-head > .h-plus {
        background-image: url(more.png);
        height: 14px;
        width: 14px;
        overflow: hidden;
        transition: none;
        right: 10px;
        bottom: 6px;
    }

        .h-form-download .h-form-head > .h-plus:hover {
            background-position: 0 -14px;
        }

.h-form-download .h-form-content li:hover {
    background-color: #fbfbfb;
    color: #333;
}

.h-form-download .h-form-content a {
    padding-left: 12px;
}

.h-form-download .h-form-content .h-content-icon {
    margin-right: 10px;
    padding-top: 14.5px;
}

.h-form-download .h-form-content .h-content-title {
    width: 75%;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}

.h-form-download .h-form-content .h-content-date {
    float: right;
    height: 36px;
    line-height: 36px;
    font-size: 12px;
}

@-webkit-keyframes m-fadeInUp {
    from {
        -webkit-transform: translateY(25px);
        transform: translateY(25px);
        opacity: 0;
    }
}

@keyframes m-fadeInUp {
    from {
        -webkit-transform: translateY(25px);
        transform: translateY(25px);
        opacity: 0;
    }
}

@-webkit-keyframes m-fadeInDown {
    from {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        opacity: 0;
    }
}

@keyframes m-fadeInDown {
    from {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        opacity: 0;
    }
}

@-webkit-keyframes scaleImg {
    to {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}

@keyframes scaleImg {
    to {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@-webkit-keyframes zoomInX {
    from {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
}

@keyframes zoomInX {
    from {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
}

@-webkit-keyframes scaleX {
    to {
        width: 100%;
    }
}

@keyframes scaleX {
    to {
        width: 100%;
    }
}

@-webkit-keyframes moveBounce {
    to {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
        opacity: 0;
    }
}

@keyframes moveBounce {
    to {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
        opacity: 0;
    }
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0;
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0;
    }
}

@-webkit-keyframes m-slideInUp {
    from {
        -webkit-transform: translateY(800px);
        transform: translateY(800px);
    }
}

@keyframes m-slideInUp {
    from {
        -webkit-transform: translateY(800px);
        transform: translateY(800px);
    }
}

@-webkit-keyframes m-slideInLeft {
    from {
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px);
        opacity: 0;
    }
}

@keyframes m-slideInLeft {
    from {
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px);
        opacity: 0;
    }
}

@-webkit-keyframes rotate180 {
    from {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@-webkit-keyframes scaleYIn {
    from {
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }
}

@keyframes scaleYIn {
    from {
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }
}

@-webkit-keyframes m-scaleIn {
    from {
        -webkit-transform-origin: 50% 0;
        -webkit-transform: scaleX(.9);
        transform: scaleX(.9);
        opacity: 0;
    }
}

@keyframes m-scaleIn {
    from {
        -webkit-transform-origin: 50% 0;
        -webkit-transform: scaleX(.9);
        transform: scaleX(.9);
        opacity: 0;
    }
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@-webkit-keyframes bgAnimate {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .5;
    }

    to {
        -webkit-transform: scale(1.2) translateX(50px);
        transform: scale(1.2) translateX(50px);
        opacity: 1;
    }
}

@keyframes bgAnimate {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .5;
    }

    to {
        -webkit-transform: scale(1.2) translateX(50px);
        transform: scale(1.2) translateX(50px);
        opacity: 1;
    }
}

@-webkit-keyframes callShake {
    from,5%,10%,15%,20%,100% {
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    2.5%,12.5% {
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg);
    }

    7.5%,17.5% {
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: rotate(-8deg);
        transform: rotate(-8deg);
    }
}

@keyframes callShake {
    from,5%,10%,15%,20%,100% {
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    2.5%,12.5% {
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg);
    }

    7.5%,17.5% {
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: rotate(-8deg);
        transform: rotate(-8deg);
    }
}

@-webkit-keyframes bannerMove {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    to {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
}

@-webkit-keyframes boxMove {
    from,50%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    25% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    75% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
}

@keyframes boxMove {
    from,50%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    25% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    75% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
}

@-webkit-keyframes ent_lightLeftSpeedIn {
    0% {
        -webkit-transform: translate3d(-100%,0,0) skewX(30deg);
        -moz-transform: translate3d(-100%,0,0) skewX(30deg);
        -ms-transform: translate3d(-100%,0,0) skewX(30deg);
        -o-transform: translate3d(-100%,0,0) skewX(30deg);
        transform: translate3d(-100%,0,0) skewX(30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(-20deg);
        -moz-transform: skewX(-20deg);
        -ms-transform: skewX(-20deg);
        -o-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(5deg);
        -moz-transform: skewX(5deg);
        -ms-transform: skewX(5deg);
        -o-transform: skewX(5deg);
        transform: skewX(5deg);
    }

    100% {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
}

@keyframes ent_lightLeftSpeedIn {
    0% {
        -webkit-transform: translate3d(-100%,0,0) skewX(30deg);
        -moz-transform: translate3d(-100%,0,0) skewX(30deg);
        -ms-transform: translate3d(-100%,0,0) skewX(30deg);
        -o-transform: translate3d(-100%,0,0) skewX(30deg);
        transform: translate3d(-100%,0,0) skewX(30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(-20deg);
        -moz-transform: skewX(-20deg);
        -ms-transform: skewX(-20deg);
        -o-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(5deg);
        -moz-transform: skewX(5deg);
        -ms-transform: skewX(5deg);
        -o-transform: skewX(5deg);
        transform: skewX(5deg);
    }

    100% {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
}

@-webkit-keyframes ent_pullLeftIn {
    0% {
        -webkit-transform-origin: 100% 0;
        -moz-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        -o-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scaleX(.3);
        -moz-transform: scaleX(.3);
        -ms-transform: scaleX(.3);
        -o-transform: scaleX(.3);
        transform: scaleX(.3);
        opacity: 0;
    }

    40% {
        -webkit-transform-origin: 100% 0;
        -moz-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        -o-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scaleX(1.02);
        -moz-transform: scaleX(1.02);
        -ms-transform: scaleX(1.02);
        -o-transform: scaleX(1.02);
        transform: scaleX(1.02);
        opacity: 1;
    }

    100%,60% {
        -webkit-transform-origin: 100% 0;
        -moz-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        -o-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1);
    }

    80% {
        -webkit-transform-origin: 100% 0;
        -moz-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        -o-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scaleX(1.01);
        -moz-transform: scaleX(1.01);
        -ms-transform: scaleX(1.01);
        -o-transform: scaleX(1.01);
        transform: scaleX(1.01);
    }
}

@keyframes ent_pullLeftIn {
    0% {
        -webkit-transform-origin: 100% 0;
        -moz-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        -o-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scaleX(.3);
        -moz-transform: scaleX(.3);
        -ms-transform: scaleX(.3);
        -o-transform: scaleX(.3);
        transform: scaleX(.3);
        opacity: 0;
    }

    40% {
        -webkit-transform-origin: 100% 0;
        -moz-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        -o-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scaleX(1.02);
        -moz-transform: scaleX(1.02);
        -ms-transform: scaleX(1.02);
        -o-transform: scaleX(1.02);
        transform: scaleX(1.02);
        opacity: 1;
    }

    100%,60% {
        -webkit-transform-origin: 100% 0;
        -moz-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        -o-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1);
    }

    80% {
        -webkit-transform-origin: 100% 0;
        -moz-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        -o-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scaleX(1.01);
        -moz-transform: scaleX(1.01);
        -ms-transform: scaleX(1.01);
        -o-transform: scaleX(1.01);
        transform: scaleX(1.01);
    }
}

@-webkit-keyframes ent_flipInVBounce {
    0% {
        -webkit-transform: perspective(360px) rotate3d(1,0,0,90deg);
        -moz-transform: perspective(360px) rotate3d(1,0,0,90deg);
        -ms-transform: perspective(360px) rotate3d(1,0,0,90deg);
        -o-transform: perspective(360px) rotate3d(1,0,0,90deg);
        transform: perspective(360px) rotate3d(1,0,0,90deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: perspective(360px) rotate3d(1,0,0,-20deg);
        -moz-transform: perspective(360px) rotate3d(1,0,0,-20deg);
        -ms-transform: perspective(360px) rotate3d(1,0,0,-20deg);
        -o-transform: perspective(360px) rotate3d(1,0,0,-20deg);
        transform: perspective(360px) rotate3d(1,0,0,-20deg);
    }

    75% {
        -webkit-transform: perspective(360px) rotate3d(1,0,0,10deg);
        -moz-transform: perspective(360px) rotate3d(1,0,0,10deg);
        -ms-transform: perspective(360px) rotate3d(1,0,0,10deg);
        -o-transform: perspective(360px) rotate3d(1,0,0,10deg);
        transform: perspective(360px) rotate3d(1,0,0,10deg);
        opacity: 1;
    }

    88% {
        -webkit-transform: perspective(360px) rotate3d(1,0,0,-5deg);
        -moz-transform: perspective(360px) rotate3d(1,0,0,-5deg);
        -ms-transform: perspective(360px) rotate3d(1,0,0,-5deg);
        -o-transform: perspective(360px) rotate3d(1,0,0,-5deg);
        transform: perspective(360px) rotate3d(1,0,0,-5deg);
    }

    100% {
        -webkit-transform: perspective(360px);
        -moz-transform: perspective(360px);
        -ms-transform: perspective(360px);
        -o-transform: perspective(360px);
        transform: perspective(360px);
    }
}

@keyframes ent_flipInVBounce {
    0% {
        -webkit-transform: perspective(360px) rotate3d(1,0,0,90deg);
        -moz-transform: perspective(360px) rotate3d(1,0,0,90deg);
        -ms-transform: perspective(360px) rotate3d(1,0,0,90deg);
        -o-transform: perspective(360px) rotate3d(1,0,0,90deg);
        transform: perspective(360px) rotate3d(1,0,0,90deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: perspective(360px) rotate3d(1,0,0,-20deg);
        -moz-transform: perspective(360px) rotate3d(1,0,0,-20deg);
        -ms-transform: perspective(360px) rotate3d(1,0,0,-20deg);
        -o-transform: perspective(360px) rotate3d(1,0,0,-20deg);
        transform: perspective(360px) rotate3d(1,0,0,-20deg);
    }

    75% {
        -webkit-transform: perspective(360px) rotate3d(1,0,0,10deg);
        -moz-transform: perspective(360px) rotate3d(1,0,0,10deg);
        -ms-transform: perspective(360px) rotate3d(1,0,0,10deg);
        -o-transform: perspective(360px) rotate3d(1,0,0,10deg);
        transform: perspective(360px) rotate3d(1,0,0,10deg);
        opacity: 1;
    }

    88% {
        -webkit-transform: perspective(360px) rotate3d(1,0,0,-5deg);
        -moz-transform: perspective(360px) rotate3d(1,0,0,-5deg);
        -ms-transform: perspective(360px) rotate3d(1,0,0,-5deg);
        -o-transform: perspective(360px) rotate3d(1,0,0,-5deg);
        transform: perspective(360px) rotate3d(1,0,0,-5deg);
    }

    100% {
        -webkit-transform: perspective(360px);
        -moz-transform: perspective(360px);
        -ms-transform: perspective(360px);
        -o-transform: perspective(360px);
        transform: perspective(360px);
    }
}

@-webkit-keyframes ext_lightLeftSpeedOut {
    0% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
        -moz-transform: translate3d(-100%,0,0) skewX(-30deg);
        -ms-transform: translate3d(-100%,0,0) skewX(-30deg);
        -o-transform: translate3d(-100%,0,0) skewX(-30deg);
        transform: translate3d(-100%,0,0) skewX(-30deg);
        opacity: 0;
    }
}

@keyframes ext_lightLeftSpeedOut {
    0% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
        -moz-transform: translate3d(-100%,0,0) skewX(-30deg);
        -ms-transform: translate3d(-100%,0,0) skewX(-30deg);
        -o-transform: translate3d(-100%,0,0) skewX(-30deg);
        transform: translate3d(-100%,0,0) skewX(-30deg);
        opacity: 0;
    }
}

@-webkit-keyframes ext_moveOutBottom {

    100% {
        -webkit-transform: translate3d(0,-150%,0);
        -moz-transform: translate3d(0,-150%,0);
        -ms-transform: translate3d(0,-150%,0);
        -o-transform: translate3d(0,-150%,0);
        transform: translate3d(0,-150%,0);
        opacity: 0;
    }
}

@keyframes ext_moveOutBottom {
    100% {
        -webkit-transform: translate3d(0,-150%,0);
        -moz-transform: translate3d(0,-150%,0);
        -ms-transform: translate3d(0,-150%,0);
        -o-transform: translate3d(0,-150%,0);
        transform: translate3d(0,-150%,0);
        opacity: 0;
    }
}




/*---------- 子站 ----------*/
body.son-web {
    min-width: 1000px;
    background: url(header-bg.jpg) no-repeat center -18px;
}

.radio-all.sign2 {
    margin-right: 10px;
    border: 0 none;
    padding: 0;
    padding-right: 10px;
    color: #777;
}

    .radio-all.sign2 > i {
        display: inline-block;
        width: 17px;
        height: 17px;
        vertical-align: middle;
        margin-top: -3px;
        margin-right: 5px;
        background-image: url(radio-all02.png);
        background-repeat: no-repeat;
        background-position: -17px 0;
    }

    .radio-all.sign2.active > i {
        background-position: 0 0;
    }

.son-container {
    width: 1000px;
    margin: 0 auto;
}

.son-plate-wrap {
    -webkit-transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out;
}

    .son-plate-wrap:hover {
        -webkit-box-shadow: 0 3px 10px 0 rgba(168,182,191,.6);
        box-shadow: 0 3px 10px 0 rgba(168,182,191,.6);
    }

.son-part-style1 {
    position: relative;
    border: 1px solid #e5e5e5;
}

    .son-part-style1:before {
        content: "";
        display: block;
        height: 10px;
        margin-left: 18px;
        margin-top: -1px;
        border-top: 1px solid #afc7f2;
        background-color: #f7f7f7;
    }

    .son-part-style1 > .head-wrap {
        position: absolute;
        top: -16px;
        left: 18px;
        height: 30px;
        line-height: 30px;
        padding: 0 20px 0 12px;
        background-color: #fff;
        font-size: 20px;
        color: #004ea2;
    }

.son-part-style2 {
    position: relative;
    border: 1px solid #e5e5e5;
    border-top-color: #1f559d;
    padding: 15px 20px;
}

    .son-part-style2 .more-link {
        margin-top: 11px;
        color: #adbac2;
    }

        .son-part-style2 .more-link:hover {
            ;
            color: #1f559d;
        }

.son-web .list-style1 {
    line-height: 34px;
}

    .son-web .list-style1 .time {
        color: #adbac2;
    }

.son-web .floatMenu {
    margin-top: -20px;
}

.inner-plate-wrap {
    width: 575px;
    height: 273px;
    margin: 0 auto;
}

.tab-btn-wrap {
    line-height: 38px;
}

    .tab-btn-wrap > li {
        float: left;
        margin-left: 18px;
    }

        .tab-btn-wrap > li:first-child {
            margin-left: 0;
        }

        .tab-btn-wrap > li > a {
            display: block;
            padding: 0 12px;
            background-color: #f6f6f6;
            color: #666;
        }

        .tab-btn-wrap > li.active > a {
            background-color: #5193d4;
            color: #fff;
        }

.project-query > .search-key, .project-query > .search-form {
    height: 26px;
    line-height: 26px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
}

.project-query > .search-key {
    width: auto;
    padding: 0 8px;
}

    .project-query > .search-key:after {
        border-top-color: #999;
    }

.project-query .search-item {
    top: 100%;
    width: auto;
    min-width: 100%;
}

.project-query > .search-form {
    background-color: #f5f5f5;
}

.project-query .txt {
    width: 120px;
    height: 24px;
    line-height: 24px;
    padding: 0 5px 0 10px;
    vertical-align: top;
}

.project-query .btn-sub {
    height: 26px;
    line-height: 26px;
    margin: -1px -1px 0 0;
    border-radius: 6px;
    padding: 0 15px;
    vertical-align: top;
}

.real-estate-registration {
    white-space: nowrap;
}

    .real-estate-registration > tbody > tr.odd {
        background-color: #fafafa;
    }

    .real-estate-registration > thead > tr > th {
        border-bottom: 0 none;
        padding: 3px 12px;
        background-color: #eef2f9;
        font-weight: normal;
        color: #5f5774;
    }

    .real-estate-registration > tbody > tr > td {
        border-top: 0 none;
        padding: 8px 12px;
        color: #666;
    }

    .real-estate-registration .type {
        width: 60px;
    }

    .real-estate-registration tr:hover > td.type {
        color: #5193d4;
    }

    .real-estate-registration .number {
        width: 150px;
    }

    .real-estate-registration .state {
        width: 85px;
    }

    .real-estate-registration .time {
        width: 100px;
    }

        .real-estate-registration .time.ash {
            font-size: 13px;
            color: #adbac2;
        }

    .real-estate-registration .name > a {
        display: block;
    }

    .real-estate-registration .name.w205 > a {
        width: 205px;
    }

    .real-estate-registration .name.w385 > a {
        width: 385px;
    }
/* 子站头部 */
.son-header {
    padding-top: 38px;
    padding-bottom: 70px;
}

.son-header-top {
    height: 220px;
}

.web-select-link {
    display: block;
    height: 32px;
    line-height: 32px;
    margin-left: 34px;
    margin-top: 28px;
    border-radius: 16px;
    padding: 0 25px;
    background-color: #eef6ff;
}

    .web-select-link > p {
        color: #004ea2;
    }

        .web-select-link > p > span {
            display: inline-block;
            width: 6em;
        }

    .web-select-link > .prompt-box {
        width: 600px;
        margin-left: -100px;
        padding: 5px 10px;
    }

        .web-select-link > .prompt-box.bottom {
            margin-top: 15px;
        }

            .web-select-link > .prompt-box.bottom:before {
                margin-left: -208px;
            }

            .web-select-link > .prompt-box.bottom:after {
                top: -15px;
                height: 15px;
            }

        .web-select-link > .prompt-box > ul > li {
            float: left;
            padding: 0 22px;
        }

            .web-select-link > .prompt-box > ul > li > a {
                display: block;
                height: 36px;
                line-height: 36px;
            }

.son-header-search {
    position: absolute;
    top: 14px;
    right: 10px;
}

    .son-header-search .search-wrap, .son-header-search .search-link {
        display: block;
        height: 30px;
        line-height: 30px;
        border: 1px solid #c1ccd2;
        color: #fff;
    }

    .son-header-search .search-wrap {
        position: relative;
        padding-left: 30px;
        background-color: #fff;
    }

        .son-header-search .search-wrap > img {
            position: absolute;
            top: 8px;
            left: 9px;
        }

    .son-header-search .search-val, .son-header-search .search-go {
        float: left;
        display: block;
        height: 22px;
        line-height: 22px;
        margin-top: 3px;
    }

    .son-header-search .search-val {
        width: 185px;
        color: #777;
    }

    .son-header-search .search-go {
        margin-right: 3px;
        border-radius: 5px;
        padding: 0 18px;
        background-color: #adbac2;
    }

        .son-header-search .search-go:hover {
            background-color: #5c719b;
        }

    .son-header-search .search-link {
        border-left: 0 none;
        padding: 0 13px;
        background-color: #f36806;
    }

        .son-header-search .search-link:hover {
            background-color: #ff3c00;
        }

    .son-header-search .search-val::-webkit-input-placeholder {
        color: #c1ccd2;
    }

    .son-header-search .search-val:-moz-placeholder {
        color: #c1ccd2;
    }

    .son-header-search .search-val::-moz-placeholder {
        color: #c1ccd2;
    }

    .son-header-search .search-val:-ms-input-placeholder {
        color: #c1ccd2;
    }
/* 子站导航 */
.son-header-nav {
    position: absolute;
    z-index: 1;
    width: 100%;
    background-color: rgba(111,179,245,.95);
    background: #6fb3f5\9;
}

    .son-header-nav.navFixed {
        position: fixed;
        top: 0;
        z-index: 9999;
        -webkit-animation: slideInDown .25s linear both;
        animation: slideInDown .25s linear both;
    }

    .son-header-nav > .fake-bg {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0 \9;
        left: 0 \9;
        z-index: -1;
        display: block;
        width: auto;
        height: auto;
        background-color: rgb();
        opacity: .95;
        filter: alpha(opacity=95);
    }

.son-nav {
    position: relative \9;
    line-height: 45px;
}

    .son-nav > li {
        float: left;
    }

        .son-nav > li > a {
            display: block;
            padding: 0 47px;
            color: #fff;
        }

        .son-nav > li:hover > a, .son-nav > li.active > a {
            color: #333;
        }

        .son-nav > li.nav-chunk {
            z-index: -1;
            width: 166px;
            height: 45px;
            background-color: #eaf4fe;
            background-color: rgba(255,255,255,.85);
        }
/* 子站首页块1 */
.son-index-part1 .index-focus {
    width: 455px;
}

.son-index-part1 .index-news {
    width: 532px;
}
/* 子站首页块2 */
.son-index-part2 .index-notice, .son-index-part2 .index-search {
    height: 138px;
}

.son-index-part2 .index-notice {
    width: 610px;
}

    .son-index-part2 .index-notice .list-style1 {
        line-height: 34px;
    }

.son-index-part2 .index-search {
    width: 378px;
    background-color: #f1f1f1;
}

    .son-index-part2 .index-search .part-box {
        height: 55px;
        line-height: 55px;
        margin-top: 8px;
        border-radius: 14px;
        padding-left: 25px;
        padding-right: 22px;
        background-color: #fff;
    }

        .son-index-part2 .index-search .part-box:first-child {
            margin-top: 0;
            padding-top: 11px;
            padding-left: 7px;
        }

    .son-index-part2 .index-search .txt, .son-index-part2 .index-search .btn-sub {
        float: left;
        height: 33px;
        padding: 0 15px;
    }

    .son-index-part2 .index-search .txt {
        width: 185px;
        line-height: 31px;
        border: 1px solid #eee;
        border-right: 0 none;
    }

    .son-index-part2 .index-search .btn-sub {
        line-height: 33px;
        background-color: #6eb92b;
        color: #fff;
    }

        .son-index-part2 .index-search .btn-sub:hover {
            background-color: #5bb10f;
        }

    .son-index-part2 .index-search .label-name {
        letter-spacing: 1px;
    }

    .son-index-part2 .index-search .phone-icon {
        margin-top: -6px;
    }

    .son-index-part2 .index-search .part-box:hover .phone-icon:first-child {
        -webkit-animation: tada 600ms;
        animation: tada 600ms;
        -webkit-animation-iteration-count: 2;
        animation-iteration-count: 2;
    }

    .son-index-part2 .index-search .phone-num {
        padding-left: 7px;
        color: #004ea2;
    }

/* 子站首页块3 */
.son-index-part3 > div {
    background: url(special-title-bg.png) no-repeat left top;
}

.son-index-part3 .index-special-title:after {
    display: none;
}
/* 子站首页块4 */
.info-open-icon {
    width: 26px;
    height: 26px;
    background-image: url(info-open-icon.png);
    background-position-y: 0;
}

    .info-open-icon.sign1 {
        background-position-x: 0;
    }

    .info-open-icon.sign2 {
        background-position-x: -26px;
    }

    .info-open-icon.sign3 {
        background-position-x: -52px;
    }

    .info-open-icon.sign4 {
        background-position-x: -78px;
    }

    .info-open-icon.sign5 {
        background-position-x: -104px;
    }

    .info-open-icon.sign6 {
        background-position-x: -130px;
    }

.son-index-part4 .index-service, .son-index-part4 .index-info-open {
    height: 240px;
}

.son-index-part4 .index-service {
    width: 610px;
}

.son-index-part4 .index-info-open {
    width: 378px;
}

.info-open-list {
    padding: 2px 3px 0 3px;
}

    .info-open-list > li {
        float: left;
        width: 50%;
        padding: 6px 8px 0 8px;
    }

        .info-open-list > li > a {
            display: block;
            height: 55px;
            line-height: 53px;
            border: 1px solid transparent;
            padding-left: 35px;
            background-color: #f8f8f8;
        }

            .info-open-list > li > a:hover {
                border-color: #5193d4;
            }

                .info-open-list > li > a:hover > i {
                    background-position-y: -26px;
                }

.son-index-part4 .f-work-item2 {
    margin-top: 25px;
}

.son-index-part4 .f-work-item1 li span {
    background-image: url(header-icon-sprite1.png);
}

.son-index-part4 .f-work-item1 li a {
    background-color: #fff6e4;
}

    .son-index-part4 .f-work-item1 li a:hover {
        background-color: #5193d4;
    }
/* 国土 */
.index-service.son-part-gt {
    height: 520px;
}

.index-service .inner-plate-wrap {
    margin-bottom: 20px;
    border-bottom: 1px dashed #e5e5e5;
    padding-bottom: 20px;
}
/* 子站首页块5 */
.service-choice-icon {
    width: 40px;
    height: 35px;
    background-image: url(service-choice.png);
    background-position-y: 0;
}

    .service-choice-icon.sign1 {
        background-position-x: 0;
    }

    .service-choice-icon.sign2 {
        background-position-x: -40px;
    }

    .service-choice-icon.sign3 {
        background-position-x: -80px;
    }

    .service-choice-icon.sign4 {
        background-position-x: -120px;
    }

    .service-choice-icon.sign5 {
        background-position-x: -160px;
    }

    .service-choice-icon.sign6 {
        background-position-x: -200px;
    }

    .service-choice-icon.sign7 {
        background-position-x: -240px;
    }

.son-index-part5 {
    background-color: #eef2f9;
    text-align: center;
}

    .son-index-part5 > ul > li {
        float: left;
        width: 16.66666%;
    }

        .son-index-part5 > ul > li > a {
            display: block;
        }

            .son-index-part5 > ul > li > a > div {
                display: inline-block;
                width: 82px;
                height: 82px;
                border-radius: 50%;
                padding-top: 24px;
                background-color: #fff;
            }

            .son-index-part5 > ul > li > a:hover > div {
                -webkit-box-shadow: 0 25px 20px -20px rgba(0,0,0,.1);
                box-shadow: 0 25px 20px -20px rgba(0,0,0,.1);
                -webkit-transform: rotateY(180deg);
                transform: rotateY(180deg);
            }

                .son-index-part5 > ul > li > a:hover > div > .icon {
                    background-position-y: -35px;
                }

            .son-index-part5 > ul > li > a > p {
                margin-top: 10px;
            }
/* 子站首页块6 */
.son-index-part6 .index-notice, .son-index-part6 .index-download {
    height: 265px;
}

.son-index-part6 .index-notice {
    width: 610px;
    background: url(index-notice-bg.jpg) no-repeat center bottom;
}

.son-index-part6 .index-download {
    width: 378px;
}

.out-web-link-study {
    background-color: #d7545b !important;
    color: #fff !important;
}

    .out-web-link-study > img {
        margin-right: 5px;
        margin-top: -3px;
    }

/*add2017-07-24子站二级列表页及详情页*/
.f-link3, .f-link3:focus {
    color: #333;
}

    .f-link3:hover {
        color: #fff;
    }

.list-left, .list-navBox {
    -webkit-transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out;
}

    .list-left:hover, .list-navBox:hover {
        -webkit-box-shadow: 0 3px 10px 0 rgba(168,182,191,.6);
        box-shadow: 0 3px 10px 0 rgba(168,182,191,.6);
    }

.list-left {
    width: 731px;
    border: 1px solid #e5e5e5;
}

    .list-left .paging-button > .info-sum {
        padding: 0 20px;
    }

.current-position {
    height: 36px;
    line-height: 36px;
    border-bottom: 1px solid #116cbf;
    background-color: #e6e8ed;
}

.current-item {
    width: 116px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    top: 0;
    left: 0;
    border-top: 2px solid #1369c0;
    border-right: 1px solid #e5e5e5;
}

.current-item, .list-nav-title {
    color: #1369c0;
}

.son-news .index-news-list {
    margin: 0 -30px;
}

    .son-news .index-news-list a {
        padding: 0 30px 0 50px;
    }

        .son-news .index-news-list a:before {
            left: 30px;
            top: 14px;
        }

    .son-news .index-news-list:after {
        content: '';
        display: block;
        width: 669px;
        border-bottom: 1px dashed #e5e5e5;
        position: absolute;
        bottom: 10px;
        left: 30px;
    }

.list-nav {
    width: 249px;
    padding-bottom: 12px;
}

.list-navBox {
    border: 1px solid #e0e0e2;
}

.list-contain {
    width: 620px;
    overflow: hidden;
}

.list-navA {
    width: 100%;
    height: 36px;
    border-bottom: 1px solid #1369c0;
    line-height: 35px;
    background-color: #e6e8ed;
}

    .list-navA .bottomLine {
        top: 32px;
    }

.list-nav-title {
    padding-left: 25px;
}

.list-navContain {
    padding-bottom: 22px;
    padding-top: 14px;
    background-color: #e6e8ed;
}

.list-navSide {
    width: 216px;
}

    .list-navSide > li {
        width: 216px;
        line-height: 38px;
        margin-bottom: 7px;
    }

        .list-navSide > li > a {
            text-indent: 10px;
            height: 38px;
            background: url("side-bg.jpg") no-repeat;
            background-position: 0 0;
            -webkit-transition: none;
            transition: none;
        }

            .list-navSide > li.active > a, .list-navSide > li > a:hover {
                background-position: 0 -42px;
            }

        .list-navSide > li.active > a {
            color: #f7f7f7;
        }

        .list-navSide > li.active .son-subNav2 {
            display: block;
        }

    .list-navSide .son-subNav2 {
        margin-bottom: 35px;
        margin-left: 18px;
        border-left: 1px dashed #ccc;
        display: none;
    }

        .list-navSide .son-subNav2 > li {
            padding-left: 35px;
            border-top: 1px dashed #ccc;
            height: 38px;
            position: relative;
            top: 37px;
        }

            .list-navSide .son-subNav2 > li a {
                position: relative;
                display: block;
                padding-left: 20px;
                color: #333;
                margin-top: -18px;
                line-height: 38px;
                width: 100%;
                height: 38px;
                background-color: #e6e8ed;
            }

            .list-navSide .son-subNav2 > li.active a {
                color: #4890e4;
            }

            .list-navSide .son-subNav2 > li a:before {
                content: '';
                position: absolute;
                left: 0;
                top: 14px;
                display: block;
                width: 8px;
                height: 8px;
                border-radius: 50%;
                border: 2px solid #ccc;
            }

            .list-navSide .son-subNav2 > li.active a:before, .list-navSide .son-subNav2 > li a:hover:before {
                border-color: #4890e4;
            }

.detail-box {
    border: 1px solid #e5e5e5;
}

.detail-page {
    border-top: 1px dashed #e5e5e5;
}

    .detail-page p {
        width: 50%;
        height: 30px;
        line-height: 30px;
        position: relative;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.son-web .email-property > span {
    margin-left: 30px;
}

    .son-web .email-property > span:first-child {
        margin-left: 0;
    }

.son-web table[bgcolor="#D2DFE6"] {
    margin-left: -10px;
}

    .son-web table[bgcolor="#D2DFE6"] td {
        height: auto;
        border: 1px solid #eee;
        padding: 0 15px;
        line-height: 32px;
        font-size: 14px;
    }

        .son-web table[bgcolor="#D2DFE6"] td[bgcolor="#F3F7FA"] {
            border-color: #9babb8;
            background-color: #9babb8;
            color: #fff;
        }

        .son-web table[bgcolor="#D2DFE6"] td[width="80px"], .son-web .detailed-wrap table[bgcolor="#D2DFE6"] td[width="90px"] {
            width: 15%;
        }

        .son-web table[bgcolor="#D2DFE6"] td[width="300"], .son-web .detailed-wrap table[bgcolor="#D2DFE6"] td[width="280"] {
            width: 35%;
        }

    .son-web table[bgcolor="#D2DFE6"] .flowstep {
        position: relative;
        margin-bottom: 30px;
        text-align: center;
    }

        .son-web table[bgcolor="#D2DFE6"] .flowstep:after {
            content: "";
            clear: both;
            font-size: 0;
            height: 0;
            display: block;
            visibility: hidden;
            line-height: 0;
        }

        .son-web table[bgcolor="#D2DFE6"] .flowstep li {
            float: left;
            width: 12.5% !important;
        }

    .son-web table[bgcolor="#D2DFE6"] .step-name {
        font-weight: bold;
    }

    .son-web table[bgcolor="#D2DFE6"] .step-no {
        position: absolute;
        top: 100%;
        width: 12.5%;
        height: 34px;
        line-height: 34px;
        font-family: "arial black";
        font-size: 18px !important;
        color: #fff;
        background: url("step.png") no-repeat scroll 50% -102px;
    }

    .son-web table[bgcolor="#D2DFE6"] .step-done .step-no {
        background-position: 50% -170px;
    }

    .son-web table[bgcolor="#D2DFE6"] .step-first .step-done .step-no {
        background-position: 50% -204px;
    }

/*add2017-07-25安全环保、交通局、经发局首页*/
.f-link4 {
    color: #333;
}

    .f-link4:hover {
        color: #5193d4;
    }

.f-link5 {
    color: #666;
}

    .f-link5:hover {
        color: #333;
    }

.e-main .floatMenu {
    margin-top: 0;
    top: 56px;
}

.e-main .son-part-style1:before {
    border-top: 1px solid #1f559d;
}
/*头部*/
.son-header-top2 {
    height: 170px;
}

.son-header-nav2 {
    background-color: transparent;
}

    .son-header-nav2 .son-nav {
        background-color: rgba(81,147,212,.9);
        background-color: #5193d4\9;
    }

        .son-header-nav2 .son-nav > li a {
            padding: 0 32px;
            position: relative;
            z-index: 1;
        }

            .son-header-nav2 .son-nav > li a:hover {
                color: #fff;
            }

                .son-header-nav2 .son-nav > li a:hover:after {
                    content: '';
                    display: block;
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    left: 0;
                    top: 0;
                    z-index: -1;
                    background-color: rgba(135,198,79,95);
                    background-color: #87c64f\9;
                    -webkit-animation: zoomInX .25s ease both;
                    animation: zoomInX .25s ease both;
                    -webkit-transform-origin: 50% 50%;
                    transform-origin: 50% 50%;
                }
/*通知公告*/
.son-inform {
    height: 50px;
    margin-bottom: 6px;
    padding: 14px 20px;
    background-color: rgba(255,255,255,.9);
    background-color: #fff\9;
}

    .son-inform > a {
        width: 118px;
        margin-top: 1px;
        height: 20px;
        line-height: 20px;
        background: url("e-icon1.png") no-repeat 0 center;
        border-right: 1px solid #e6e7e9;
    }

#son-inform-swiper {
    width: 700px;
    height: 22px;
}

    #son-inform-swiper .swiper-slide > a {
        z-index: 2;
    }

    #son-inform-swiper .swiper-slide span {
        width: 84px;
        height: 22px;
        line-height: 20px;
        border: 1px solid #5193d4;
        border-radius: 4px;
        display: block;
        color: #5193d4;
    }

    #son-inform-swiper .swiper-slide p {
        max-width: 590px;
        height: 22px;
        line-height: 22px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.son-inform-control {
    width: 72px;
    height: 24px;
    border: 1px solid #adbac2;
}

    .son-inform-control > span {
        display: block;
        float: left;
        cursor: pointer;
        width: 50%;
        height: 100%;
        border-left: 1px solid #adbac2;
        background-image: url("e-icon2.png");
        background-repeat: no-repeat;
        background-position: center 0;
    }

        .son-inform-control > span:first-child {
            border-left: none;
            background-image: url("e-icon2-2.png");
        }

        .son-inform-control > span:hover {
            background-position: center -22px;
            background-color: #adbac2;
        }
/*焦点图*/
#child-focus .focus-title {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 350px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    padding: 0 10px 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#child-focus .swiper-slide {
    position: relative;
    overflow: hidden;
    background-color: #eee;
}

    #child-focus .swiper-slide > img {
        min-width: 100%;
        min-height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 1;
    }

    #child-focus .swiper-slide > a {
        z-index: 2;
    }

#child-focus .swiper-slide {
    background-color: #eee;
}

    #child-focus .swiper-slide a:before {
        content: '';
        display: block;
        width: 100%;
        height: 36px;
        background-color: rgba(8,47,98,.7);
        background-color: #082f62\9;
        position: absolute;
        bottom: 0;
        left: 0;
    }

#child-focus .swiper-slide-active .focus-title {
    -webkit-animation: m-fadeInUp .25s .5s ease both;
    animation: m-fadeInUp .25s .5s ease both;
}

.swiper-pagination {
    left: 0;
    right: 0;
    bottom: 0;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
}

    .swiper-pagination .swiper-pagination-switch {
        display: inline-block;
        width: 12px;
        height: 12px;
        background: #9aa7bc;
        margin: 0 3px;
        opacity: 0.8;
        filter: alpha(opacity=80);
        cursor: pointer;
    }

    .swiper-pagination .swiper-active-switch {
        background: #94d65a;
    }
/*part1 新闻*/
.child-index-news > div {
    border: none;
}

.child-index-news .news-tab-content ul {
    margin-top: 16px;
}

.child-index-news .news-nav {
    margin: -15px -15px 0;
    height: 45px;
    width: auto;
    background-color: #f7f7f7;
    border-bottom: none;
    border-top: 3px solid #1f559d;
}

    .child-index-news .news-nav li {
        width: auto;
        margin: 0;
    }

        .child-index-news .news-nav li a {
            display: block;
            height: 100%;
            line-height: 42px;
            padding: 0 20px;
        }

            .child-index-news .news-nav li a:hover p,
            .child-index-news .news-nav li.active p {
                color: #1f559d;
            }

.child-index-news .link-more {
    width: 45px;
    height: 20px;
    line-height: 20px;
    text-indent: 0;
    background: none;
    font-size: 13px;
    right: 15px;
    top: 12px;
}

    .child-index-news .link-more:hover, .child-index-news .link-more:focus {
        color: #1f559d;
    }

.child-index-news .news-title {
    width: 80%;
}

.child-index-news .news-tab-content li > a:before {
    width: 5px;
    height: 5px;
    border-radius: 3px;
    background: #adbac2;
    border: none;
}

.child-index-news .news-tab-content li > a {
    padding-left: 15px;
}

    .child-index-news .news-tab-content li > a:hover:before {
        background: #1f559d;
    }
/*专题slogan*/
.son-slogan {
    height: 84px;
}

    .son-slogan > img {
        top: 0;
        left: 0;
    }

.son-slogan-contain {
    width: 692px;
    height: 55px;
    position: relative;
    margin: 14px;
    padding: 12px;
}

    .son-slogan-contain:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        opacity: .5;
        filter: alpha(opacity=50);
    }

.son-slogan-title {
    width: 131px;
    height: 26px;
    line-height: 24px;
    background: url("e-slogan1-titleBg.png") no-repeat;
    margin-top: 3px;
}

.son-slogan-contain.in {
    -webkit-animation: ent_flipInVBounce 1s 1 both;
    animation: ent_flipInVBounce 1s 1 both;
}

    .son-slogan-contain.in .son-slogan-title {
        -webkit-animation: ent_lightLeftSpeedIn .5s .8s 1 both;
        animation: ent_lightLeftSpeedIn .5s .8s 1 both;
    }

    .son-slogan-contain.in .son-slogan-img {
        -webkit-animation: fadeInRight .5s 1s 1 both;
        animation: fadeInRight .5s 1s 1 both;
    }

.son-slogan-contain.out:before {
    -webkit-animation: ext_moveOutBottom .5s .6s 1 both;
    animation: ext_moveOutBottom .5s .6s 1 both;
}

.son-slogan-contain.out .son-slogan-title {
    -webkit-animation: ext_lightLeftSpeedOut .5s 1 both;
    animation: ext_lightLeftSpeedOut .5s 1 both;
}

.son-slogan-contain.out .son-slogan-img {
    -webkit-animation: fadeOutRight .5s .2s 1 both;
    animation: fadeOutRight .5s .2s 1 both;
}

.son-slogan2-img {
    margin-top: 28px;
    margin-left: 210px;
}

    .son-slogan2-img.in > img {
        -webkit-animation: bottomRotateIn 1000ms ease 0ms 1 normal both;
        animation: bottomRotateIn 1000ms ease 0ms 1 normal both;
    }

    .son-slogan2-img.out > img {
        -webkit-animation: bottomRotateOut 1000ms ease 0ms 1 normal both;
        animation: bottomRotateOut 1000ms ease 0ms 1 normal both;
    }

/*右侧其他专题、重点企业*/
.son-other-slogan {
    width: 378px;
    height: 265px;
    padding: 15px 11px;
    border: 1px solid #e5e5e5;
    margin-top: 15px;
}

.son-focus-company {
    border-top: 1px solid #1f559d;
}

.son-focus-control > a {
    width: 90px;
    height: 38px;
    line-height: 38px;
    margin-left: 20px;
}

    .son-focus-control > a:hover, .son-focus-control > a:focus {
        background-color: #1f559d;
        color: #fff;
    }

.son-focus-company .investment-focus-pagination .swiper-active-switch,
.son-focus-company .investment-focus-right,
.son-focus-company .investment-focus-left {
    background-color: #adbac2;
}

    .son-focus-company .investment-focus-right:hover,
    .son-focus-company .investment-focus-left:hover {
        background-color: #1f559d;
    }

.son-focus-swiper#investment-focus {
    width: 353px;
    height: 172px;
    margin: 18px auto;
}

    .son-focus-swiper#investment-focus .swiper-slide a {
        width: 170px;
        height: 172px;
        padding: 3px;
        margin-left: 13px;
        background-color: #f3f3f3;
        float: left;
        margin-top: 0;
    }

        .son-focus-swiper#investment-focus .swiper-slide a:first-child {
            margin-left: 0;
        }

.son-focus-swiper a > div {
    width: 164px;
    height: 130px;
}

.son-focus-swiper a > p {
    width: 100%;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.son-economy-link img {
    width: 181px;
}

.son-economy-link a:first-child {
    margin-right: 16px;
}

.index-economy-service.son-part-gt {
    height: 585px;
}

.index-economy-service .inner-plate-wrap {
    height: 340px;
}

/*子站列表页增加搜索*/
.son-list-search .project-query > .search-form {
    height: 30px;
    line-height: 30px;
}

.son-list-search .project-query .txt {
    width: 220px;
    height: 28px;
    line-height: 28px;
}

.son-list-search .project-query .btn-sub {
    height: 30px;
    line-height: 30px;
}

.default_pgContainer {
    padding: 10px 18px 70px 18px;
}

.nav4-news.interact-mail {
    bottom: 23px;
}

.nav4-rightPart2 {
    height: 100%;
}

.mr-20 {
    margin-right: 20px !important;
}

.nav4-rightPart2 > h1 {
    height: 35px;
}

.nav4-right .index-other-list > li {
    line-height: 36px;
    height: 36px;
}

.nav4-left ul li, .nav4-left ul li p, .nav4-left ul li span, .index-inform-list a:before {
    height: 34px;
    line-height: 34px;
}

.index-other-list {
    margin: 0;
}

.nav4-right .index-other-list, .nav4-rightPart1 .index-other-list {
    margin-top: 0 !important;
}

.comm-button-group > span, .comm-button-group > a {
    display: inline-block;
    padding: 0;
    text-align: center;
    line-height: 39px;
    margin: 0;
    float: left;
    margin-top: 14px;
}

.comm-button-group > span {
    font-weight: bold;
    font-size: 18px;
    text-align: left;
    width: 16%;
}

.comm-button-group > a {
    color: #fff;
    display: inline-block;
    margin-left: 1.8%;
    width: 26%;
}

    .comm-button-group > a > img {
        margin-right: 3px;
    }

    .comm-button-group > a.sign1 {
        background-color: #2e86d0;
    }

    .comm-button-group > a.sign2 {
        background-color: #6fd3ed;
    }

    .comm-button-group > a.sign3 {
        background-color: #f3a012;
    }

    .comm-button-group > a.sign1:hover {
        background-color: #108ee7;
    }

    .comm-button-group > a.sign2:hover {
        background-color: #15bae5;
    }

    .comm-button-group > a.sign3:hover {
        background-color: #ff8003;
    }

@media (max-width: 1200px) {
    .comm-button-group > span {
        width: 19%;
    }

    .comm-button-group > a {
        width: 25%;
    }
}

.director-mailbox .h-head {
    border-bottom: 2px solid #2e86d0;
}

    .director-mailbox .h-head > span {
        display: inline-block;
        height: 45px;
        line-height: 45px;
        border-bottom: 1px solid #2e86d0;
        border-radius: 8px 8px 0 0;
        padding: 0 28px;
        background-color: #2e86d0;
        font-size: 16px;
        color: #fff;
    }

        .director-mailbox .h-head > span:hover {
            background-color: #108ee7;
        }

.director-mailbox .h-body {
    padding: 24px 0;
}

    .director-mailbox .h-body > a {
        display: inline-block;
        margin-left: 23px;
        height: 74px;
        line-height: 74px;
        text-align: center;
        background: #f3f3f3;
        padding: 0 38px;
        color: #333;
        font-size: 16px;
        transition: all 0.4s ease;
    }

        .director-mailbox .h-body > a:hover {
            box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);
            -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);
            background: #f9f9f9;
        }

        .director-mailbox .h-body > a > img {
            margin-right: 12px;
        }

        .director-mailbox .h-body > a:first-child {
            margin-left: 0;
        }

.header .top img {
width:20px;
height:20px;
line-height:30px;
margin-left:20px;
}
.header-top {
/*background:url(../files/top_bg_1.png) repeat;*/
height:180px;
display: block;
    background-size: cover;
}
.bg-main {
/*background:url(../files/bg_main_1.png) repeat-x;*/
/*background:url(../files/bg_main_2.jpg) no-repeat top #fff;
background-size: cover;*/


 /*background: #85a4fc;
    background: -moz-linear-gradient(top,  #85a4fc 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#85a4fc), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top,  #85a4fc 0%,#ffffff 100%);
    background: -o-linear-gradient(top,  #85a4fc 0%,#ffffff 100%);
    background: -ms-linear-gradient(top,  #85a4fc 0%,#ffffff 100%);
    background: linear-gradient(to bottom,  #85a4fc 0%,#ffffff 60%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85a4fc', endColorstr='#ffffff',GradientType=0 );*/
}

.footer-main {
    
text-align:center;
width:100%;
margin:0 auto;
margin-top:40px;
margin-right:10px;
color:#000;
}
.footer-left-img {
    float:right;
    margin-top:30px;
    margin-right:30px;


}
.footer-div {
width:40%;
height:120px;
float:left;
line-height:30px;
margin-left:10%;
}

.footer-right {
    float:left;
    margin-top:35px;
    margin-left:30px;
    
}
/**通知公告***/
.index-tzgg-info {
width:64.5%;

}
 .index-tzgg-info:first-child {
        margin-left: 0;
        width: 64%;
        
    }

    .index-tzgg-info li.news-nav-line {
        width: 40%;
    }

    .index-tzgg-info .link-more {
        top: 22px;
    }

    .index-tzgg-info > div {
        padding: 12px;
        border: 1px solid #efefef;
        
        overflow: hidden;
    }

.index-yqjj-info {
width:32.5%;
float: left;
    margin-left: 1%;
}
 .index-yqjj-info:first-child {
        margin-left: 0;
        width: 30%;
    }

    .index-yqjj-info li.news-nav-line {
        width: 40%;
    }

    .index-yqjj-info .link-more {
        top: 22px;
    }

    .index-yqjj-info > div {
        padding: 12px;
        border: 1px solid #efefef;
        overflow: hidden;
    }
.content-pane {
    margin:10px 10px;
}
    .content-pane img {
    
        width:95%;
    height:95%;
    vertical-align:central;
    }
    .content-pane .content-img {
    float:left;
        width:40%;
    height:50%;
    }

.xxgk-ldtp {
float:left;
width:20%;
margin-left: 1%;
height:120px;
        border: 1px solid #efefef;
        margin-bottom:20px;

}
    .xxgk-ldtp img {
    width:100%;
    height:100%;
    }

.xxgk-ggtp {
    
    float:left;
width:55%;

margin-left: 1%;
height:120px;
        border: 1px solid #efefef;
        margin-bottom:20px;
}
.xxgk-ggtp img{
    width:100%;
    height:100%;
    margin:0;
    padding:0;
}
.logo-xcy {
float:right;font-size:24px;color:#ff8a00;margin-top:60px;
}
.node-title {
height:50px;
line-height:50px;
width:100%;
text-align:center;
color:#fff;
font-size:18px;
}
.node-form {
width:100%;
line-height:30px;
text-align:left;
border:1px solid #ccc;
border-top:0;
height:150px;
}
    .node-form-div {
    width:90%;
    float:left;
    padding-top:20px;
    padding-left:10px;
    height:40px;
    }
.node-form-lable {
width:25%;
float:left;
text-align:right;
}
.node-form-input {
    width:75%;
    float:left;
}
    .node-form input {
    border:1px solid #ccc;
    }
.node-form-img {
    padding-top:20px;
height:135px;
width:100%;

}
/*.node-form-img img{
    width:100%;
}*/
.node-form-img div {
width:23%;
margin-left:2%;
text-align:center;
float:left;
}
.node-form-img ul {
width:69%;
margin-left:2%;
text-align:center;
float:left;
}
.node-form-img ul li{
width:30%;
margin-left:2%;
text-align:center;
float:left;
}
.index-tzgg-title {
width:90%;
text-align:center;
font-size:18px;
font-weight:700;
color:#f5a100;
height:60px;
line-height:50px;
background:url(/Themes/files/notice.png) no-repeat #fff;
}

.index-notice-list {
width:100%;
height:auto;
}
    .index-notice-list li {
    width:48%;
    height:110px;
    float:left;
    margin-left:2%;
    margin-top:10px;
    }
.notice-date {
width:24%;
height:100px;
float:left;
border:2px solid #2e86d0;
text-align:center;
margin-top:5px;
}
.notice-date-day {
width:100%;
height:50px;
line-height:50px;
color:#2e86d0;
font-size:32px;


}
.notice-date-week {
width:100%;
height:20px;
font-size:14px;
color:#2e86d0;
font-weight:700;
line-height:10px;
}
.notice-date-yd {
width:100%;
height:28px;
line-height:30px;
background-color:#2e86d0;
color:#fff;
font-size:14px;
}
.notice-title {
width:71%;
float:left;
margin-left:5%;
   overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
    .notice-title a {
    color:#444;
    
    }
.notice-conent {
    width:71%;
    height:58px;
    font-size:14px;
    line-height:20px;
float:left;
margin-left:5%;
color:#999;
margin-top:14px;
overflow:hidden;
}
.zszy-list {
width:100%;
height:215px;

}
    .zszy-list li {
    width:32%;
    height:80px;
    float:left;
    margin-left:1%;
    margin-top:20px;
    text-align:center;
    }
        .zszy-list li div {
        width:80%;
        height:100%;
        margin:0 auto;
        line-height:140px;
        overflow:hidden;
        }
            .zszy-list li div a span {

            }
.icon-jrx {
    background:url(/Themes/files/zyjs.png) -74px 0 #fff no-repeat;
}
.icon-jsjx {
    background:url(/Themes/files/zyjs.png) 0 -62px #eee no-repeat;
}
.icon-glx {
    background:url(/Themes/files/zyjs.png) -73px -124px #fff no-repeat;
}
.icon-kjx {
    background:url(/Themes/files/zyjs.png) 0 -200px #eee no-repeat;
}
.icon-whcbx {
    background:url(/Themes/files/zyjs.png) -72px -274px #fff no-repeat;
}
.icon-more {
    background:url(/Themes/files/zyjs.png) 0px -340px #eee no-repeat;
}
.icon-jrx:hover {
    
    background:url(/Themes/files/zyjs.png) 0 0 #eee no-repeat;
}
.icon-jsjx:hover {
    background:url(/Themes/files/zyjs.png) -74px -62px #fff no-repeat;
}
.icon-glx:hover{
    
    background:url(/Themes/files/zyjs.png) 1px -124px #eee no-repeat;
}
.icon-kjx:hover {
    background:url(/Themes/files/zyjs.png) -74px -200px #fff no-repeat;
}
.icon-whcbx:hover {
    
    background:url(/Themes/files/zyjs.png) 2px -274px #eee no-repeat;
}
.icon-more:hover {
    background:url(/Themes/files/zyjs.png) -74px -340px #fff no-repeat;
}
.icon-lqcx {
    padding-left:25px;
    background:url(/Themes/files/icon-menu.png) -5px -5px #e8e6e7 no-repeat;
    color:#777;
}
.icon-zszy {
    padding-left:25px;
    background:url(/Themes/files/icon-menu.png) -5px -52px #2e86d0 no-repeat;
}
.icon-xbfc {
    padding-left:25px;
    background:url(/Themes/files/icon-menu.png) -7px -96px #2e86d0 no-repeat;
}
.icon-zxzx {
    padding-left:25px;
    background:url(/Themes/files/icon-menu.png) -7px -147px #2e86d0 no-repeat;
}
.icon-pqcx {
    padding-left:25px;
    background:url(/Themes/files/icon-menu.png) -7px -187px #6fd3ed no-repeat;
}
.icon-sybz {
    padding-left:25px;
    background:url(/Themes/files/icon-menu.png) -7px -225px #f3a012 no-repeat;
}
.index-xbfc-list {
width:100%;
height:100%;
}
    .index-xbfc-list li {
    float:left;
        width:32%;
    height:45%;
    margin-left:1%;
    margin-top:1%;
    }
.xb-ewm {
width:100%;
height:100%;
text-align:center;
}
    .xb-ewm img {
width:80px;
height:80px;    
    }
.xb-name {
color:#7b7b7b;
line-height:25px;
text-align:center;
}


.footer-ewm {
    margin-top:-40px;
float:right;
height:130px;
width:120px;
text-align:center;
background-color:#fff;
line-height:20px;
}
    .footer-ewm img {
    width:82px;
    height:82px;
    
    margin-top:10px;
    }
.news-tab-content {
margin-top:10px;
} 


/***********列表页**************/
.news-img {
    float:left;
width:78%;
height:252px;
margin-top:10px;
}
.news-img img{
width:100%;
height:100%;
}
.news-position{
margin-top:10px;
    float:left;
width:22%;
height:255px;
background:url(/Themes/files/newstoppostion.jpg) no-repeat #fff;
color:#fff;
font-size:24px;
line-height:250px;
text-align:center;
}


.ewmlist-style2 {
    width:90%;
    margin:0 auto;
    line-height: 45px;
    margin-bottom:10px;
    height:auto;
}

    .ewmlist-style2 > li {
        float:left;
        width:30%;
        height:300px;
        /*padding-left: 30px;
        padding-right: 4px;*/
        margin-left:2%;
        text-align:center;
        -webkit-transition: background 300ms,box-shadow 300ms;
        transition: background 300ms,box-shadow 300ms;
    }
        .ewmlist-style2 > li img {
        width:220px;
        height:220px;
        margin-top:20px;
        }
        .ewmlist-style2 > li:hover {
            background-color: #fbfbfb;
            -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.05) inset;
            box-shadow: 0 0 15px 0 rgba(0,0,0,.05) inset;
        }

        .ewmlist-style2 > li > a {
            position: relative;
            display: block;
            border-bottom: 1px dashed #eee;
        }

            .ewmlist-style2 > li > a:before {
                content: "";
                position: absolute;
                top: 17px;
                left: -25px;
                display: block;
                background-color:#fff;
                
            }
            .ewmlist-style2 > li:hover > a:before, .ewmlist-style2 > li.active > a:before {
            background-color:#777;
        }
            .ewmlist-style2 > li > a > .time {
                float: right;
                font-size: 12px;
            }

            .ewmlist-style2 > li > a > p {
                width: 100%;
                text-align:center;
            }
.pqcx-form {
width:500px;border-top:1px solid #ccc;height:250px;margin:0 auto;margin-top:30px;
}
.pqcx-img {
float:left;width:100px;height:320px;margin-left:20px;
}
.pqcx-form-div {
width:60%;margin-left:2%;
}
.ggdiv {
    
 overflow:hidden;
}
    .ggdiv ul {
    width:1200px;
    height:100%;
 overflow:hidden;

    }
        .ggdiv ul li img {
        width:1200px;
        height:84px;
        }
.rkli {
display:none;
}
/*.jygl:hover  .gyli {
display:none;
}
/*.jygl:hover .rkli {
    display:block;
}*/


.demol_topics{width:366px; overflow:hidden; zoom:1;margin-top:20px;margin-bottom:22px;}
.demol_topics .block_a{width:196px;height:88px; float:left;}
.demol_topics .block_b{width:96px; float:left; margin-left:1px;}
.demol_topics .block_c{width:169px; float:right;}
.demol_topics .item{display:block; text-align:center;background:#999; font-size:14px; margin-bottom:1px; margin-right:1px}
.demol_topics .item a{color:#fff; display:block; text-decoration:none;}
.demol_topics .item a em{display:block; margin-bottom:0px;}
.demol_topics .item a em img{border:none;}
.demol_topics .item01{width:196px; height:88px; }
.demol_topics .item01 a{width:196px; height:88px; line-height:40px;background:#41a1e0;}
.demol_topics .item01 a:hover{background:#2e92d3;}
.demol_topics .item02{width:101px; float:right;}
.demol_topics .item02 a{width:102px; height:44px; line-height:44px;background:#6ac0f8;    font-size: 13px;}
.demol_topics .item02 a:hover{background:#5ab4ef;}
.demol_topics .item05{height:89px;}
.demol_topics .item05 a{height:89px;background:#0780d0; clear:both; font-size:13px;}
.demol_topics .item05 a:hover{background:#0473bc;}
.demol_topics .item08{height:34px;}
.demol_topics .item08 a{height:34px; line-height:34px;background:#6ac0f8;}
.demol_topics .item08 a:hover{background:#5ab4ef;}
.demol_topics .item09{height: 54px;
    width: 84.5px;
    float: left;
}
.demol_topics .item09 a{height:54px;background:#41a1e0;     line-height: 53px;
    font-size: 15px;}
.demol_topics .item09 a:hover{background:#2e92d3;}

.demol_topics .item10{    height: 54px;
    width: 82.5px;
    float: left;}
.demol_topics .item10 a{height:54px; line-height:54px;background:#0780d0; width: 82.5px;    font-size: 12.2px;}
.demol_topics .item10 a:hover{background:#0473bc;     font-size: 12.2px;}