/*统一鼠标悬浮阴影*/
.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);
    }
}/*统一鼠标悬浮阴影*/
.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);
    }
}/*统一鼠标悬浮阴影*/
.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);
    }
}/*统一鼠标悬浮阴影*/
.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);
    }
}body.no-home, html.no-home {
    min-width: 1300px;
	

}

.no-home .container {
    width:1300px !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;
}


.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;
        }


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

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


.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-orange {
    background-color: #5193d4;
}

.bgcolor-green {
    background-image:url(green_gg.jpg)
}

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

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

.bgcolor-red2 {
    background-color: #c01a1a;
}
.bgcolor-red3 :hover {
/*background-color:#c11a1b;*/
background-color:#015293;
background-color: #034e8b;
}
.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);
    }
}

.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;
    height: 600px;
    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 li {
        width: 31%;
        height: 70px;
        line-height: 26px;
        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: #FFF;
}

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

.header-logo {
    width: 70%;
    left:5%;
    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: 50px;
    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: #015293;
    }

    .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 {
	width:100%;
    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;
}
    
    .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%;
	width:100%
}

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

       /* .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-index-news  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: 250px;
width:100%;

background:url(bj.png) repeat-x bottom;
    
}

    .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 > 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;
}



.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;
            z-index:100;
}
    
    .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;
        z-index:100;
    }
#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: 365px;
}

.index-focus {
    width: 600px;
    height: 350px;
    
}

#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:80px;
    font-size: 14px;
    color:#777;
    overflow: hidden;
   
    line-height: 30px;
    right: 23px;
    text-align: center;
    top: 5px;
  
    -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 {
   
    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: #015293 !important;
}

.index-news-list li.handling .news-state {
    color: #c30123;
}

.index-news {
    /*width: 33.75%;*/
    width:50%;
    z-index: 2;
    margin-left:15px;
	
}

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

    .index-newss {
    /*width: 33.75%;*/
    width:48.3%;
    z-index: 2;
    margin-left:15px;
	
}

    .index-newss > div {
        border: 1px solid #efefef;
       
        height:350px;
        overflow: hidden;
    }
                 .index-newss .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: 2px solid #bbb;
        }
             .index-newss .news-tab-content ul {
    margin-top: 15px;
   
}
 .index-newss > div {
        border: 1px solid #efefef;
       
        height:355px;
        overflow: hidden;
    }

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

    .index-newss .news-tab-content li > a, .son-news li > a {
        padding-left: 20px;
        position: relative;
    }
.news-nav li.news-nav-line {
    width: 20%;
    position: absolute;
    bottom: -3px;
    left: 0;
    height: 3px;
   
    background-color: #b21818;
}

.news-navs {
    width: 100%;
    height: 38px;
    background-color:#f6f6f6;
}

    .news-navs li {
        width: 20%;
        height: 100%;
        float: left;
         line-height:38px;
        margin-right: 2%;
    }

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


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

    .news-navs li {
        width: 20%;
        height: 100%;
        float: left;
        margin-right: 2%;
        text-align:left;
       margin-left:15px;
    }

        .news-navs li.active a {
            font-weight: bold;
        }
.news-nav {
    width: 100%;
    height: 38px;
    background-color:#f6f6f6;
}

    .news-nav li {
        width: 40%;
        height: 100%;
        float: left;
         line-height:38px;
        margin-right: 2%;
    }

        .news-nav li.active a {
            font-weight: bold;
            color:#015293;
        }
.news-nav li.news-nav-line {
    width: 27%;
    position: absolute;
    bottom: -3px;
    left: 0;
    height: 3px;
    background-image:url(nav_lin.png);
    margin-left:-15px;
}
.news-navs li.news-nav-line {
    width: 27%;
    position: absolute;
    bottom: -3px;
    left: 0;
    height: 3px;
    background-image:url(nav_lin.png);
    margin-left:-15px;
}

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

    .news-nav li {
        width: 40%;
        height: 100%;
        float: left;
        margin-right: 2%;
        text-align:left;
       margin-left:15px;
    }

        .news-nav li.active a {
            font-weight: bold;
            color:#015293;
        }
.index-news .news-title {
    width: 70%;
}

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

.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: 2px solid #bbb;
        }
             .news-nr .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: 2px solid #bbb;
        }
             .news-nr .news-tab-content ul {
    margin-top: 15px;
   
}
 .news-nr > div {
        border: 1px solid #efefef;
       
        height:355px;
        overflow: hidden;
    }
 .lscb > div {
        border: 1px solid #efefef;
       
        height:170px;
        overflow: hidden;
    }
.news-nr .news-tab-content li {
    padding: 0 15px;
}

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

#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;
           float:left;
        }

    .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;
        height: 277px;
        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;
}

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

    .index-other-list .news-title {
        width: 70%;
    }
    
    .index-vido-info {
    width: 35%;
	/*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:100%;/*****/
        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:120px;
        
        }
        .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: 250px;
		/**height: 350px;*/
        overflow: hidden;
    }
    
    .index-zsyz-info {
    width: 63%;
	/**width: 40%;*/
    float: left;
    margin-left: 1%;
}

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

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

    }
    .index-zsyz-info > div {
        padding: 12px;
        border: 1px solid #efefef;
        height: 245px;
		/** 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:10%;
            height:100%;
        float:left;
        margin-left:10px;
        background:url(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(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: 343px;
        overflow: hidden;
    }


.index-part4 {
    height: 94px;
}

.index-special-title  {
    width:20px;
    height: 94px;
    display: block;
   margin-left:15px;
   margin-top:3px;
    position: absolute;
    left: 0;
    top: 0;
}
.index-special-title a{
 
    color:#fff;
}
.ztzl{
    width:50px;
    height:94px;
    background-color:#2f405d;
     position: absolute;
    left: 0;
    top: 0;
}
    .index-special-title img {
    
      width:100%;
      height:100%;
      
      
       
       
    }

.index-special-img {
    padding-left: 60px;
    padding-right: 0;
    height: 94px;
    width:1270px;
   
}

    .index-special-img .swiper-slide a {
        width: 365px;
        height: 94px;
        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: 98.8%;
    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: 25%;
    text-align: center;
    float: left;
}
  
    .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: #015293;
}

    .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-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;
    }



.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;
    */
	
	
	margin:0;
	padding:0;
	background:url(bgimg.png) no-repeat  #fff  top;
    background-size:100% ;
	
	/*background-attachment: fixed !important;
	*/
	
}

    .no-home > .header {
        background-color: #2f405d;
    }
 .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;
}
.zy{
    font-size:12px;
    line-height:24px;
}
    .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;
            margin-top:10px;
            padding-bottom:10px;
            border-bottom: 1px dashed #eee;
        }

            .list-style2 > li > a:before {
                content: "";
                position: absolute;
                top: 6px;
                left: -20px;
                display: block;
                width: 11px;
                height: 11px;
                background: url(88_121.jpg) no-repeat center ;
            }
            .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: 70%;
                margin:10px  0;
                font-size:16px;
                color:#000;
            }
.prl-column-list > li > a:hover{
    border-left:2px solid #015293;
    color:#015293;

}
.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: #50a6e2;
    }

    .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 #50a6e2;
}

    .online-interview .plate-head > li {
        float: left;
    }

        .online-interview .plate-head > li > a {
            display: block;
            height: 45px;
            line-height: 45px;
            border-bottom: 1px solid #50a6e2;
            border-radius: 8px 8px 0 0;
            padding: 0 28px;
            background-color: #50a6e2;
            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: #50a6e2;
    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 #50a6e2;
        border-radius: 4px;
        color: #50a6e2;
    }

        .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: 20%;
}

.plate-wrap.sign5, .pr-right-main {
    width: 77.5%;
}
.pr-right-main{min-height:600px;}
.pr-left-column {
    border-top: 3px solid #015293;
    
}

    .pr-left-column .plate-head {
        height: 36px;
        line-height: 36px;
        font-size: 24px;
        font-weight: bold;
        color: #015293;
    }

.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: #015293;
            font-weight: bold;
        }


.list-plate-wrap > .plate-head {
    height: 48px;
    line-height: 48px;
    padding: 0 15px;
    background-color: #f6f6f6;
    font-size: 16px;
    color: #000;
}

    .list-plate-wrap > .plate-head > img {
        margin-top: -3px;
        margin-left: 7px;
    }
    .list-plate-wrap > .plate-head  a {
        color:#000;
    }

.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 { 
    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;
    }

.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;
}






.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 { 
    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);
        }

.son-index-part1 .index-focus {
    width: 455px;
}

.son-index-part1 .index-news {
    width: 532px;
}

.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;
    }


.son-index-part3 > div {
    background: url(special-title-bg.png) no-repeat left top;
}

.son-index-part3 .index-special-title:after {
    display: none;
}

.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;
}

.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;
            }

.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;
    }


.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;
    }


.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;
    }

.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;
    }

.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: #50a6e2;
    }

    .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 #50a6e2;
}

    .director-mailbox .h-head > span {
        display: inline-block;
        height: 45px;
        line-height: 45px;
        border-bottom: 1px solid #50a6e2;
        border-radius: 8px 8px 0 0;
        padding: 0 28px;
        background-color: #50a6e2;
        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 {

height:180px;
display: block;
    background-size: cover;
}

/*.header-bgimg {
background:url(bgimg.png) no-repeat top;
padding-top: 50px;
height: 100%;

}*/

.footer{
    background-color:#2f405d;
}
.footer-main {
    
text-align:center;
width:100%;
margin:0 auto;

margin-right:10px;
color:#000;
}
    .footer-main div {
    width:100%;
    margin:0 auto;
text-align:center;
line-height:25px;
color:#fff;
    }
.footer-left-img {
    float:right;
    margin-top:30px;
    margin-right:30px;


}
.footer-div {
width:100%;
height:120px;

margin-top: 40px;

}

.footer-right {
    float:left;
    margin-top:35px;
    margin-left:30px;
    
}
.footer-info{
	text-align: center; margin-top: 30px;
}
.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;
        height: 277px;
        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;
}


#banner {position:relative; width:605px; height:350px; border:1px solid #f1e6e6; overflow:hidden;float:left;margin-left:15px; }
#banner_list img {border:0px;width: 605px;height:350px;}
#banner_bg {position:absolute; bottom:0;background-color:#000;height:30px;filter: Alpha(Opacity=90);opacity:0.9;z-index:7;cursor:pointer; width:100%;}
#banner_info{position:absolute; bottom:0; left:5px;height:22px;color:#fff;z-index:8;cursor:pointer;line-height:15px;}
#banner ul {position:absolute;list-style-type:none;filter: Alpha(Opacity=80);opacity:0.8; z-index:8;margin:0; padding:0; bottom:8px; right:5px;}
#banner ul li { float:left;display:block;color:#FFF;margin-left:5px;border-radius:50%; background:#fff;cursor:pointer;width:10px;height:10px;}
#banner ul li.on { background:#015293}
#banner_list a{position:absolute;}
.w-4 {
width:50%;
}
.w-6 {
width:50%;
}
.banner_lb {
	width:49%;
	height:95px;
    float:left;
	overflow:hidden;
	position:relative;
}
.b-img {
	width:100%;
	position:absolute;
	left:0;
	top:0;
}
.b-img a div {
    width:100%;
	display:block;
	height:95px;
	float:left;
}
.banner_lb1 {
	width:49%;
	height:95px;
    float:left;
	overflow:hidden;
	position:relative;
}
.b-img1 {
	width:100%;
	position:absolute;
	left:0;
	top:0;
}
.b-img1 a {

	display:block;
	width:100%;
	float:left;
}

/************/
.index-part3-part1{
	width:70%;
	
}
.index-xc-info{
	height:95px;
	width:49%;
     float:left;
	margin-bottom:5px;
	margin-left:1%;
}

.index-xc-info img{
	width:100%;
	height:95px;
}
.top-new{
	width:49%;
    height:80px;
	
}
.top-new img{
	float:left;
	margin-left: 35px;
    width:100px;
    height:70px;
    margin-top:5px;
}
.top-new div{
	float:left;
	width:70%;
margin-left:10px;
}

.top-news-title {
	
    width: 100%;
    height: 72px;
    line-height: 72px;
    font-size: 24px;
    overflow: hidden;
    
    text-align:center;
	font-weight:700;
}
.top-news-title a{color:#000000;
                  
     width: 100%;
     text-overflow: ellipsis;
    white-space: nowrap;
}
.top-news-content {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align:left;
}
.dl-menu{
	background-color: #015293; height: 70px; margin-right: -15px;margin-left: -15;	
}


/*选中后背景色*/
::selection {color: #fff;background: #fd6114;} 
::-moz-selection {color: #fff;background: #fd6114;}
a {
	/*	*/
	text-decoration:none;
}
a:active, a:hover {
	outline: 0;
}
.a-del {
	color: #c00;
}
.a-del:hover {
	color: #b00;
	text-decoration: underline;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.icon-arrow-right {
	
}
.fb18 {
	font-size: 18px;
	font-weight: bold;
}
.fb24 {
	font-size: 24px;
	font-weight: bold;
}
.cred {
	color: #c00 !important;
}
.cblue {
	color: #06c !important;
}

/*====IE提示====*/
.ie8-tips {
	width:100%;
	padding:30px 0;
	border-bottom:1px solid #0066cc;
	background:#fff;
	color:#333;
	line-height:50px;
	text-align:center;
	font-size:2em;
}
.ie8-tips p {
	padding:5px 0;
}
.ie8-tips a {
	margin:0 1em;
	font-size:2em;
}
/*=清除非IE浏览器下的浮动溢出=*/
.wrapfix:after{	
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.wrapfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .wrapfix {
	height: 1%;
}
.wrapfix {
	display: block;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}

#sitemap{
	display:none;
	
}

/* End hide from IE-mac 
.dll-menu-button{display:none;}*/
.gzdtcss{
    text-indent:2em;
    border-bottom:1px dashed #777;
  margin:15px 15px;
}
.title_new{
    text-align:center;
    font-size:18px;
    font-weight:600;
   
    
}
.new_nr{
    line-height:30px;
   margin-top:10px;
   width:98%;
   margin-bottom:20px;
   overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
   
}


.news-nr{
    width:31.8%;
}
.hdjl li{
    float:left;
    width:42%;
    margin:0 15px;
    margin-top:10px;
    text-align:center;
}
.hdjl li img{
    width:140px;
    height:50px;
}
    /* 弹窗 start */
.popup_mark {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);
	z-index:999;
}
.popup_box {
	width:405px;
	min-height:260px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-202px;
	margin-top:-130px;
	border-radius:8px;
	background:#fff;
    border:5px solid #015293;
}
.popup_box p {
	text-align:center;
	font-size:16px;
	color:#333;
	padding:0 10px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
}
.popup_box h1 {
	width:28px;
	height:28px;
	margin:60px auto 22px;
}
.popup_box h3 {
	width:96px;
	line-height:39px;
	background:#015293;
	border-radius:2px;
	font-size:14px;
	color:#fff;
	text-align:center;
	margin:50px auto 0;
	cursor:pointer;
}
.closePopup {
	position:absolute;
	right:11px;
	top:11px;
	width:13px;
	height:13px;
	background:#fff;
	border-radius:50%;
	cursor:pointer;
}
.closePopup:before {
	content:'\0a';
	display:block;
	width:13px;
	height:2px;
	background:#bbb;
	transform:rotate(45deg);
	position:absolute;
	right:0;
	top:6px;
}
.closePopup:after {
	content:'\0a';
	display:block;
	width:13px;
	height:2px;
	background:#bbb;
	transform:rotate(-45deg);
	position:absolute;
	right:0;
	top:6px;
}
.confirmBtn {
	width:100%;
	margin:50px auto 0;
	text-align:center;
}
.confirmBtn a {
	display:inline-block;
	width:94px;
	line-height:37px;
	background:rgba(255,152,0,1);
	border-radius:2px;
	font-size:14px;
	color:#fff;
	text-align:center;
	border:1px solid rgba(255,152,0,1);
}
.confirmBtn a:last-child {
	margin-left:20px;
	background:#fff;
	color:rgba(255,152,0,1);
}
/* 弹窗 end */