@charset "utf-8";

html {
    height: 100%;
}

body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dd, dt, s, del, i, em {
    margin: 0;
    padding: 0;
    border: 0;
    text-decoration: none;
    font-style: normal;
    outline: none;
}

body {
    background: #e0e2e4;
    color: #444;
    font-size: 15px;
    font-family: "Microsoft Yahei",Tahoma,Arial,sans-serif;
    width: 100%;
    min-width: 1250px;
    position: relative
}

ul, ol, li, dl, dd, dt {
    list-style-type: none;
}

select, input, img, select, button, textarea {
    vertical-align: middle;
    font-size: 15px;
    outline: none;
    font-family: "Microsoft Yahei",Tahoma,Arial,sans-serif;
}

@media (max-width:1550px) {
    body {
        font-size: 14px;
    }
}

@media (max-width:1550px) {
    select, input, img, select, button, textarea {
        font-size: 14px;
    }
}

@font-face {
    font-family: 'iconfont'; /* project id 333158 */
    src: url('/skin/fonts/font_333158_k5ptgb16hdaq0k9.eot');
    src: url('/skin/fonts/font_333158_k5ptgb16hdaq0k9.eot') format('embedded-opentype'), url('/skin/fonts/font_333158_k5ptgb16hdaq0k9.woff') format('woff'), url('/skin/fonts/font_333158_k5ptgb16hdaq0k9.ttf') format('truetype'), url('/skin/fonts/font_333158_k5ptgb16hdaq0k9.svg#iconfont') format('svg');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@-webkit-keyframes spinAround {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spinAround {
    from {
        -moz-transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@keyframes spinAround {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg);
    }
}

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

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

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #ccc;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #ccc
}

a {
    text-decoration: none;
    color: #444
}

    a:hover {
        color: #436dc2;
        text-decoration: none
    }

    a:focus {
        outline: none;
        text-decoration: none
    }

.clearit {
    clear: both;
}


.b {
    font-weight: bold
}

.red {
    color: #d42121 !important
}

.left {
    float: left
}

.right {
    float: right
}


.wrapper {
    width: 96%;
    max-width: 1400px;
    margin: 0 auto
}

@font-face {
    font-family: "NoveDemiBold";
    src: url('/skin/fonts/novecentowide-demibold-webfont.eot');
    src: url('/skin/fonts/novecentowide-demibold-webfont.eot') format('embedded-opentype'), url('/skin/fonts/novecentowide-demibold-webfont.woff2') format('woff2'), url('/skin/fonts/novecentowide-demibold-webfont.woff') format('woff'), url('/skin/fonts/novecentowide-demibold-webfont.ttf') format('truetype'), url('/skin/fonts/novecentowide-demibold-webfont.svg#dincond-boldalternateregular') format('svg');
}

@font-face {
    font-family: 'dincond-medium-webfont';
    src: url('/skin/fonts/dincond-medium-webfont.eot');
    src: url('/skin/fonts/dincond-medium-webfont.eot') format('embedded-opentype'), url('/skin/fonts/dincond-medium-webfont.woff2') format('woff2'), url('/skin/fonts/dincond-medium-webfont.woff') format('woff'), url('/skin/fonts/dincond-medium-webfont.ttf') format('truetype'), url('/skin/fonts/dincond-medium-webfont.svg#novecentowide-bold-webfont') format('svg');
}


/* --------------浏览器滚动条----------------------- */
::-webkit-scrollbar {
    height: 11px;
    width: 11px
}

::-webkit-scrollbar-button {
    height: 0;
    width: 0
}

    ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
        display: block
    }

    ::-webkit-scrollbar-button:vertical:start:increment, ::-webkit-scrollbar-button:vertical:end:decrement {
        display: none
    }

::-webkit-scrollbar-track:vertical, ::-webkit-scrollbar-track:horizontal, ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal, ::-webkit-scrollbar-track:vertical, ::-webkit-scrollbar-track:horizontal, ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
    border-style: solid;
    border-color: transparent
}

    ::-webkit-scrollbar-track:vertical::-webkit-scrollbar-track:horizontal {
        background-clip: padding-box;
        background-color: #fff;
    }

::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
    background-clip: padding-box;
    background-color: rgba(0,0,0,.2);
    min-height: 28px;
    padding-top: 100
}

    ::-webkit-scrollbar-thumb:hover {
        -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,.25);
        background-color: rgba(0,0,0,.4)
    }

    ::-webkit-scrollbar-thumb:active {
        -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.35);
        background-color: rgba(0,0,0,.5)
    }

    ::-webkit-scrollbar-track:vertical, ::-webkit-scrollbar-track:horizontal, ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
        border-width: 0;
    }

::-webkit-scrollbar-track:hover {
    -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1);
    background-color: rgba(0,0,0,.05)
}

::-webkit-scrollbar-track:active {
    -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.14),inset -1px -1px 0 rgba(0,0,0,.07);
    background-color: rgba(0,0,0,.05)
}

#top-bar {
    height: 36px;
    line-height: 36px;
    background-color: #f2f2f2;
}

    #top-bar .top-left {
        float: left;
    }

        #top-bar .top-left a {
            color: #0065cd;
            font-weight: bold
        }

            #top-bar .top-left a:hover {
                text-decoration: underline;
                color: #f39000
            }

    #top-bar .top-right {
        float: right;
        margin-top: 7px;
    }

.newyear-bg {
    height: 2000px;
    background: url(/skin/images/zhici.jpg) no-repeat center top #ce1313;
}

.page-loading {
    background: rgba(0, 0, 0, 0.8) !important;
    filter: Alpha(opacity=80);
    z-index: 999999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none
}

    .page-loading .loader {
        width: 32px;
        height: 32px;
        background: url(/skin/images/loader3.gif) no-repeat;
        position: absolute;
        left: 50%;
        margin-left: -16px;
        top: 50%;
        margin-top: -16px;
    }


#header {
    height: 90px;
    width: 100%;
    min-width: 1400px;
    z-index: 999;
    position: fixed;
    left: 0;
    top: 0;
    transition: .3s cubic-bezier(0.215,.61,.215,1);
    - webkit-transition: 0.3s cubic-bezier(0.215,.61,.215,1);
    -moz-transition: 0.3s cubic-bezier(0.215,.61,.215,1);
    -o-transition: 0.3s cubic-bezier(0.215,.61,.215,1);
}

    #header .header-bg {
        background: #fff;
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.06);
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
        -webkit-transition: all .3s;
        transition: all .3s;
    }

    #header .logo {
        float: left;
        margin-top: 26px;
        position: relative;
        z-index: 2;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
    }

        #header .logo img {
            width: 415px;
        }

    #header .top-link {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2
    }

        #header .top-link a {
            display: block;
            float: left;
            width: 90px;
            height: 90px;
            font-size: 12px;
            text-align: center;
            position: relative;
        }

            #header .top-link a i {
                font-size: 40px;
                color: #999;
                position: absolute;
                left: 50%;
                margin-left: -20px;
                top: 6px;
                z-index: 2;
                -webkit-transition: all 400ms;
                transition: all 400ms;
                display: block
            }

            #header .top-link a span {
                display: block;
                margin-top: 0px;
                font-weight: bold;
                color: #888;
                position: relative;
                z-index: 2;
                -webkit-transition: all 400ms;
                transition: all 400ms;
            }

            #header .top-link a em {
                display: block;
                width: 90px;
                height: 90px;
                background-color: #f2f2f2;
                padding-top: 58px;
                overflow: hidden;
                position: relative;
                z-index: 3
            }

                #header .top-link a em:before, #header .top-link a em:after {
                    content: '';
                    display: block;
                    position: absolute;
                    width: 90px;
                    height: 90px;
                    background: url(/skin/images/toplink-hover.png);
                    z-index: 1;
                    -webkit-transition: all 400ms;
                    transition: all 400ms;
                }

                #header .top-link a em:before {
                    left: -90px;
                    top: -90px;
                }

                #header .top-link a em:after {
                    right: -90px;
                    bottom: -90px;
                }

            #header .top-link a.a2 em {
                background-color: #f2f2f2
            }

            #header .top-link a.a3 em {
                background-color: #e2e2e2
            }

            #header .top-link a:hover em:before {
                left: 0;
                top: 0;
            }

            #header .top-link a:hover em:after {
                right: 0;
                bottom: 0;
            }

            #header .top-link a:hover i {
                top: 10px;
                color: #fff
            }

            #header .top-link a:hover span {
                color: #fff
            }

@media (max-width: 1600px) {
    #header .top-link a.a1 {
        display: none
    }
}

@media (max-width: 1400px) {
    #header .top-link a.a3 {
        display: none
    }
}

.search-form {
    padding: 10px;
    top: 100px;
    visibility: hidden;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    position: absolute;
    left: -210px;
    width: 300px;
    background-color: #f2f2f2;
    box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.3);
    z-index: 2;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}

    .search-form .input {
        background-color: #fff;
        line-height: 20px;
        padding: 10px;
        width: 230px;
        border: 0;
        float: left
    }

    .search-form .hover {
        background-color: #fff;
        color: #007dbf;
    }

    .search-form button {
        background-color: #68b92e;
        color: #fff;
        font-size: 18px;
        width: 46px;
        height: 40px;
        float: left;
        border: 0;
        cursor: pointer;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
    }

        .search-form button i {
            font-size: 20px;
        }

        .search-form button:hover {
            background-color: #76b632
        }

#header .top-link a:hover .search-form {
    top: 90px;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    visibility: visible
}


.nav {
    float: right;
    position: relative;
    z-index: 2;
    margin-right: 30px;
}

    .nav ul {
        float: right
    }

        .nav ul li {
            float: left;
            height: 90px;
            position: relative; /* background:url(/skin/images/nav-li.png) no-repeat left 44px;*/
            z-index: 3;
            -webkit-transition-duration: 0.3s;
            -moz-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
        }

            .nav ul li a {
                display: block;
                float: left;
                height: 90px;
                padding-top: 38px;
                color: #5a5a5a;
                font-weight: bold;
                line-height: 20px;
                -webkit-transition-duration: 0.3s;
                -moz-transition-duration: 0.3s;
                -o-transition-duration: 0.3s;
            }

                .nav ul li a s {
                    font-weight: normal;
                    font-size: 22px;
                    overflow: hidden
                }

                .nav ul li a:hover {
                    color: #a53822
                }

            .nav ul li.sub a:hover {
                color: #a53822
            }

            .nav ul li span {
                position: relative;
                z-index: 2;
                padding: 0 15px;
                font-size: 15px;
                display: block;
            }

            .nav ul li.home {
                background: none
            }

                .nav ul li.home span {
                }

            .nav ul li.en {
                margin-left: 10px
            }

            .nav ul li.en {
                border-left: 1px #eee solid;
                background: none
            }

                .nav ul li.en a {
                    padding-left: 40px;
                    background: url(/skin/images/en-icon.png) no-repeat 20px 40px;
                    padding-top: 38px;
                    font-family: 'NanumBarunGothic',sans-serif;
                    color: #aaa
                }

                .nav ul li.en i {
                    font-size: 18px;
                    margin-right: 5px;
                }

                .nav ul li.en a:hover {
                    color: #a53822;
                }

            .nav ul li.current a {
            }

            .nav ul li.indicator {
                position: absolute !important;
                top: 82px;
                left: 0;
                width: 100px;
                height: 8px;
                /*background: url(/skin/images/nav-icon.png) no-repeat center 0;*/
                z-index: 1;
                transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
                -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
            }

@media (max-width: 1800px) {
    .nav {
        margin-right: 90px;
    }
}

@media (max-width: 1400px) {
    .nav {
        margin-right: 0px;
    }

        .nav ul li span {
            padding: 0 12px;
        }
}

#header.hover {
    top: -90px
}
/*
#header.hover{ height:70px;}
#header.hover .mask{ height:70px;}
#header.hover .logo{top:11px}
#header.hover .nav li{ background-position:left 34px;}
#header.hover .nav li a{ height:70px; padding-top:28px;}
#header.hover .top-link a{ height:70px;}
#header.hover .top-link a span{ display:none}
#header.hover .nav ul li.indicator{top:62px;}
*/


#sub-nav {
    position: fixed;
    visibility: hidden;
    top: 75px;
    height: 0px;
    left: 0;
    width: 100%;
    z-index: 998;
    min-width: 1400px;
    transition: .5s cubic-bezier(0.215,.61,.215,1);
    -webkit-transition: 0.5s cubic-bezier(0.215,.61,.215,1);
    -moz-transition: 0.5s cubic-bezier(0.215,.61,.215,1);
    -o-transition: 0.5s cubic-bezier(0.215,.61,.215,1);
    overflow: hidden;
    box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.1);
}

    #sub-nav.hover {
        top: 90px;
        height: 180px;
        visibility: visible
    }

    #sub-nav.hovers {
        top: 80px;
    }

    #sub-nav .sub-nav-bg {
        background: #a53822;
        width: 100%;
        height: 190px;
        position: relative;
        left: 0;
        top: 0;
        transition: .5s cubic-bezier(0.215,.61,.215,1);
        - webkit-transition: 0.5s cubic-bezier(0.215,.61,.215,1);
        -moz-transition: 0.5s cubic-bezier(0.215,.61,.215,1);
        -o-transition: 0.5s cubic-bezier(0.215,.61,.215,1);
        z-index: 1;
        filter: alpha(opacity=90);
        -moz-opacity: 0.9;
        opacity: 0.9;
    }

    #sub-nav .sub-nav-item {
        width: 100%;
        height: 190px;
        position: absolute;
        left: 0;
        top: 20px;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        z-index: 2;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0;
        background: url(/skin/images/blank.gif)
    }

        #sub-nav .sub-nav-item.hover {
            top: 0;
            filter: alpha(opacity=100);
            -moz-opacity: 1;
            opacity: 1;
            z-index: 3
        }

        #sub-nav .sub-nav-item ul {
            position: absolute;
            left: 50%;
            top: 0;
            padding-top: 30px
        }

            #sub-nav .sub-nav-item ul .items {
                border-right: 1px #5e6ec6 solid;
                padding-right: 25px;
                padding-left: 25px;
                height: 120px;
            }

            #sub-nav .sub-nav-item ul .image {
                float: left;
                margin-left: 25px;
            }

                #sub-nav .sub-nav-item ul .image img {
                    float: left
                }

                #sub-nav .sub-nav-item ul .image span {
                    display: block;
                    width: 220px;
                    font-size: 12px;
                    color: #fff;
                    text-align: center;
                    padding-top: 6px;
                    clear: both
                }

                #sub-nav .sub-nav-item ul .image p {
                    font-size: 12px;
                    color: #c4d2f6;
                    line-height: 1.9;
                    float: left;
                    width: 255px;
                    margin-left: 25px;
                }

                    #sub-nav .sub-nav-item ul .image p a {
                        display: block;
                        width: 80px;
                        height: 24px;
                        line-height: 24px;
                        color: #fff;
                        background-color: #0093d3;
                        text-align: center;
                        margin-top: 5px;
                        -webkit-transition-duration: 0.3s;
                        -moz-transition-duration: 0.3s;
                        -o-transition-duration: 0.3s;
                    }

                        #sub-nav .sub-nav-item ul .image p a:hover {
                            background-color: #db3447;
                            color: #fff;
                        }

        #sub-nav .sub-nav-item .items a {
            display: block;
            color: #fff;
            margin-bottom: 10px;
            font-size: 14px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

            #sub-nav .sub-nav-item .items a:hover {
                color: #aebbe4
            }

        #sub-nav .sub-nav-item ul .sub-bussiness {
            width: 720px;
            float: left;
            margin-left: 15px;
            position: relative;
        }

            #sub-nav .sub-nav-item ul .sub-bussiness a {
                display: block;
                width: 100px;
                float: left;
                text-align: center;
                color: #fff;
                margin: 0 10px 10px;
                -webkit-transition-duration: 0.3s;
                -moz-transition-duration: 0.3s;
                -o-transition-duration: 0.3s;
            }

                #sub-nav .sub-nav-item ul .sub-bussiness a em {
                    display: block;
                    width: 70px;
                    height: 67px;
                    overflow: hidden;
                    margin: 0 15px
                }

                    #sub-nav .sub-nav-item ul .sub-bussiness a em i {
                        font-size: 42px;
                        font-weight: normal;
                        position: relative
                    }

                #sub-nav .sub-nav-item ul .sub-bussiness a span {
                    display: block;
                    font-weight: bold;
                    font-size: 14px;
                }

                #sub-nav .sub-nav-item ul .sub-bussiness a.a-map {
                    color: #93e76a
                }

                #sub-nav .sub-nav-item ul .sub-bussiness a:hover span {
                    color: #aebbe4
                }

            #sub-nav .sub-nav-item ul .sub-bussiness .line {
                position: absolute;
                left: 605px;
                top: 5px;
                height: 80px;
                width: 2px;
                background-color: #6379d1;
                border-left: 1px #3b51ac solid
            }

        #sub-nav .sub-nav-item ul .sub-paper {
            float: left;
            margin-left: 25px;
            color: #fff
        }

            #sub-nav .sub-nav-item ul .sub-paper img {
                width: 100px;
                height: 125px;
                float: left;
                box-shadow: 5px 4px 0px 0px rgba(0,0,0,0.15);
            }

            #sub-nav .sub-nav-item ul .sub-paper p {
                float: left;
                margin-left: 20px;
                width: 180px
            }

                #sub-nav .sub-nav-item ul .sub-paper p strong {
                    display: block;
                    color: #fff
                }

                #sub-nav .sub-nav-item ul .sub-paper p span.date {
                    font-size: 12px;
                    margin-top: 7px;
                    display: block;
                    font-weight: bold
                }

                #sub-nav .sub-nav-item ul .sub-paper p span.intro {
                    font-size: 12px;
                    margin-top: 7px;
                    color: #a9b9e1;
                    margin-bottom: 7px;
                    display: block;
                    line-height: 1.5
                }

                #sub-nav .sub-nav-item ul .sub-paper p a {
                    display: block;
                    width: 80px;
                    height: 26px;
                    line-height: 26px;
                    color: #fff;
                    background-color: #5768c7;
                    text-align: center;
                    margin-top: 10px;
                    -webkit-transition-duration: 0.3s;
                    -moz-transition-duration: 0.3s;
                    -o-transition-duration: 0.3s;
                    font-size: 12px;
                }

                    #sub-nav .sub-nav-item ul .sub-paper p a:hover {
                        background-color: #db3447;
                        color: #fff;
                    }



.body-mask {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: 0;
    filter: alpha(opacity=50);
    visibility: hidden;
    transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
    -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
}

.right-slide {
    width: 380px;
    height: 100%;
    position: fixed;
    z-index: 10001;
    right: -380px;
    visibility: hidden;
    top: 0;
    background-color: #1d3994;
    transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
    -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
}

    .right-slide h2 {
        height: 90px;
        background-color: #1d3994;
        padding: 30px 40px 0;
        color: #fff;
        font-size: 22px
    }

        .right-slide h2 i {
            font-weight: normal;
            font-size: 32px;
            line-height: 32px;
            position: relative;
            top: 2px;
            margin-right: 5px;
        }

    .right-slide .list {
        margin-top: 0px;
        margin: 0 20px 0 45px;
        border-top: 2px #3551ad solid;
        padding-top: 20px;
    }

        .right-slide .list a {
            display: block;
            color: #c4cde9;
            font-size: 12px;
            margin-bottom: 10px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

            .right-slide .list a i {
                margin-right: 5px;
                font-size: 13px;
            }

            .right-slide .list a:hover {
                color: #fff;
            }

    .right-slide .weixin {
        margin-top: 30px;
        padding: 0 45px;
        color: #fff;
        font-weight: bold
    }

        .right-slide .weixin i {
            color: #88d03a;
            margin-left: 10px;
            font-size: 30px;
        }

        .right-slide .weixin img {
            display: block;
            width: 170px;
            margin-top: 20px;
            background-color: #fff
        }

        .right-slide .weixin span {
            display: block;
            width: 170px;
            margin-top: 10px;
            font-size: 12px;
            text-align: center
        }

    .right-slide .close-btn {
        width: 56px;
        height: 56px;
        display: block;
        position: absolute;
        right: 30px;
        top: 20px;
        transition: 300ms;
        -webkit-transition: 300ms;
        z-index: 100;
        cursor: pointer
    }

        .right-slide .close-btn i {
            background: url(/skin/images/close4.png) no-repeat scroll center center;
            width: 100%;
            height: 100%;
            display: block;
            transition: 400ms;
            -webkit-transition: 400ms;
        }

        .right-slide .close-btn:hover i {
            transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
        }

.right-slide-on .body-mask {
    opacity: 0.5;
    visibility: visible;
}

.right-slide-on .right-slide {
    right: 0;
    visibility: visible;
}

.index-banner {
    overflow: hidden;
    background-color: #fff;
    position: relative;
    width: 100%;
    height: 600px;
    z-index: 1
}

.banner-wrapper {
    width: 1920px;
    height: 600px;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    top: 0;
}

.slider_main {
    position: relative;
    width: 1920px;
    height: 600px;
    margin: 0 auto;
    z-index: 1000;
    overflow: hidden;
}

    .slider_main .slider_box {
        position: absolute;
        left: 0;
        top: 0px;
        width: 1920px;
        height: 600px;
        overflow: hidden;
    }

.slider_loading {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #1d3994;
    z-index: 999;
    display: none
}

    .slider_loading img {
        position: absolute;
        left: 50%;
        margin-left: -20px;
        top: 50%;
        margin-top: -20px;
    }

.slider_main img {
    visibility: hidden
}

.slider_main .btns {
    position: relative;
    z-index: 10;
    top: 45px
}

    .slider_main .btns a {
        position: absolute;
        z-index: 4;
        width: 50px;
        height: 50px;
        -ms-transition: left 400ms, right 400ms;
        transition: left 400ms, right 400ms;
        -webkit-transition: left 400ms, right 400ms;
        -moz-transition: left 400ms, right 400ms;
        -o-transition: left 400ms, right 400ms;
    }

    .slider_main .btns #prev-btn {
        left: -50px;
    }

    .slider_main .btns #next-btn {
        right: -50px;
    }

    .slider_main .btns #prev-btn.on {
        left: 50px;
    }

    .slider_main .btns #next-btn.on {
        right: 50px;
    }

    .slider_main .btns a span {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -ms-transition: -ms-opacity 300ms;
        transition: opacity 300ms;
        -webkit-transition: -webkit-opacity 300ms;
        -moz-transition: -moz-opacity 300ms;
        -o-transition: -o-opacity 300ms;
        cursor: pointer;
    }

        .slider_main .btns a span.off {
            -webkit-opacity: 1;
            opacity: 1;
            display: block\9;
        }

        .slider_main .btns a span.on {
            -webkit-opacity: 0;
            opacity: 0;
            display: none\9;
        }

    .slider_main .btns #prev-btn .off {
        background: url(/skin/images/prev.png) no-repeat 0 0;
    }

    .slider_main .btns #prev-btn .on {
        background: url(/skin/images/prev_on.png) no-repeat 0 0;
    }

    .slider_main .btns #next-btn .off {
        background: url(/skin/images/next.png) no-repeat 0 0;
    }

    .slider_main .btns #next-btn .on {
        background: url(/skin/images/next_on.png) no-repeat 0 0;
    }

    .slider_main .btns a:hover .off {
        -webkit-opacity: 0;
        opacity: 0;
        display: none\9;
    }

    .slider_main .btns a:hover .on {
        -webkit-opacity: 1;
        opacity: 1;
        display: block\9;
    }

.slider_main:hover .btns #prev-btn {
    left: 50px;
}

.slider_main:hover .btns #next-btn {
    right: 50px;
}

.index-banner-nav .i {
    position: absolute;
    cursor: pointer;
    overflow: hidden
}

    .index-banner-nav .i .b {
        fill: #fff;
        fill-opacity: 0.5;
        stroke: #fff;
        stroke-width: 400;
        stroke-miterlimit: 10;
        stroke-opacity: 0.5;
    }

    .index-banner-nav .i:hover .b {
        fill-opacity: .7;
    }

.index-banner-nav .iav .b {
    fill-opacity: 1;
    fill: #fff;
    stroke: #fff;
    stroke-opacity: 1;
}

.index-banner-nav .i.idn {
    opacity: .3;
}

.index-banner-nav {
    display: block;
    position: absolute;
    cursor: pointer;
}

    .index-banner-nav .a {
        fill: none;
        stroke: #fff;
        stroke-width: 360;
        stroke-miterlimit: 10;
    }

    .index-banner-nav:hover {
        opacity: .8;
    }

    .index-banner-nav.jssora051dn {
        opacity: .5;
    }

    .index-banner-nav.jssora051ds {
        opacity: .3;
        pointer-events: none;
    }


.banner-main {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1001;
    width: 1920px;
    height: 600px;
    overflow: hidden;
    background-color: #94daf4
}

    .banner-main .loading {
        width: 50px;
        height: 50px;
        background: url(/skin/images/loader2.gif) no-repeat;
        position: absolute;
        left: 50%;
        margin-left: -25px;
        top: 50%;
        margin-top: -15px;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    .banner-main .image {
        width: 1920px;
        height: 600px;
        overflow: hidden;
        position: relative;
        z-index: 1
    }

        .banner-main .image img {
            transform: scale(1.3);
            -webkit-transform: scale(1.3);
            filter: alpha(opacity=0);
            -moz-opacity: 0;
            opacity: 0;
        }

    .banner-main .main-text1 {
        width: 232px;
        height: 265px;
        overflow: hidden;
        position: absolute;
        left: 50%;
        margin-left: -450px;
        top: 50%;
        margin-top: -120px;
        z-index: 2;
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0;
    }

        .banner-main .main-text1 img {
            width: 100%
        }

    .banner-main .main-text2 {
        width: 0;
        height: 74px;
        overflow: hidden;
        position: absolute;
        left: 50%;
        margin-left: -200px;
        top: 50%;
        margin-top: -20px;
        z-index: 2;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0;
    }



/* --------------TABS跟随线条---------------------- */
.tab-line {
    height: 3px;
    width: 60px;
    background: #a53822;
    position: relative;
    left: 0px;
    margin-top: -3px;
}


.index-bg1 {
    background: url(/skin/images/index-bg1.jpg) no-repeat right bottom #f1f1f1;
    background-size: 20%
}

.index-new-bg {
    width: 67%;
    height: 420px;
    float: left;
    padding: 40px 3% 0;
    background-color: #fff;
}

.index-news {
    position: relative
}

    .index-news h2 {
        font-size: 16px;
        font-weight: bold;
        position: relative;
        height: 28px;
    }

        .index-news h2 a {
            display: inline-block;
            margin-right: 30px;
            color: #8a8a8a
        }

            .index-news h2 a.current {
                color: #a53822
            }

    .index-news .con {
        margin-top: 20px;
        position: relative
    }

    .index-news a.more {
        position: absolute;
        right: 0;
        top: -53px;
        font-size: 12px;
        color: #8a8a8a;
        display: inline-block;
        border: 1px #eee solid;
        padding: 0px 10px;
        line-height: 26px;
    }

        .index-news a.more:hover {
            color: #4a4a4a;
            background-color: #eee
        }

    .index-news dl {
        padding-bottom: 20px;
        border-bottom: 1px #ddd dotted;
        position: relative;
        padding-left: 210px;
    }

        .index-news dl .image {
            width: 180px;
			height: 132px;
            position: absolute;
            left: 0px;
            top: 0;
        }

            .index-news dl .image img {
                width: 100%;
				height: 100%;
				object-fit: cover;
            }

        .index-news dl .text {
            height: 120px;
        }

        .index-news dl strong {
            display: block;
            font-size: 18px; /*margin-left:105px;*/
            position: relative;
            line-height: 24px;
        }

            .index-news dl strong em {
                font-family: Arial, Helvetica, sans-serif;
                font-size: 14px;
                position: absolute;
                right: 0px;
                top: 0px;
                color: #aaa;
                font-weight: 100;
            }

            .index-news dl strong a {
                color: #444;
                max-width: 100%;
                _width: 100%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                display: inline-block
            }

                .index-news dl strong a:hover {
                    color: #1d3994
                }

        .index-news dl p {
            font-size: 14px;
            color: #888;
            margin-top: 12px;
            line-height: 2;
            height: 77px;
            overflow: hidden;
        }

            .index-news dl p a {
                color: #666;
            }

                .index-news dl p a:hover {
                    text-decoration: underline;
                    color: #c31a2d
                }

    .index-news ul {
        margin-top: 10px;
    }

        .index-news ul li {
            padding: 6px 0;
            height: 32px;
            line-height: 20px;
            margin-right: 75px;
            position: relative
        }

            .index-news ul li a {
                background: url(/skin/images/li.gif) no-repeat 0 center;
                padding-left: 15px;
                display: inline-block;
                max-width: 85%;
                _width: 85%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                text-align: left;
            }

            .index-news ul li span {
                font-family: Arial, Helvetica, sans-serif;
                font-size: 14px;
                color: #aaa;
                position: absolute;
                right: -75px;
                top: 7px;
            }

.index-links {
    width: 33%;
    float: right;
    position: relative;
    height: 440px;
}

.index-shares {
    height: 105px;
    width: 92%;
    background-color: #fff;
    border: 1px #e8e8e8 solid;
    border-radius: 5px;
    overflow: hidden;
    position: absolute;
    left: 8%;
    bottom: 20px;
    z-index: 99;
}

    .index-shares h2 {
        height: 40px;
        line-height: 40px;
        padding-left: 20px;
        font-size: 15px;
        font-weight: bold;
        background-color: #f7f5f4
    }

    .index-shares .shares-slider {
        padding-top: 8px;
        overflow: hidden;
        height: 52px;
    }

    .index-shares ul li {
        border-bottom: 1px #ddd dotted;
    }

        .index-shares ul li a {
            display: block;
            height: 45px;
            padding: 0 15px 0 20px
        }

        .index-shares ul li:last-child {
            border-bottom: 0
        }

    .index-shares .num {
        line-height: 30px;
        height: 30px;
        overflow: hidden;
        color: #fd343b;
        margin-top: 9px;
        float: right;
        width: 145px;
    }

        .index-shares .num strong {
            position: relative;
            font-size: 40px;
            font-family: "dincond-medium-webfont";
            font-weight: 500;
            float: left;
            margin-left: 6px;
            display: none
        }

            .index-shares .num strong.downtxt {
                color: #78c737
            }

        .index-shares .num i {
            float: left;
            font-size: 14px;
            position: relative;
            top: -8px;
            display: none
        }

            .index-shares .num i.down {
                transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                color: #78c737
            }

        .index-shares .num span {
            font-size: 15px;
            font-family: Tahoma, Geneva, sans-serif;
            position: relative;
            top: 5px;
            display: none
        }

    .index-shares .title {
        color: #5a5a5a;
        float: left;
        font-size: 14px;
        line-height: 22px;
        padding-top: 11px;
        overflow: hidden
    }

        .index-shares .title b {
            font-size: 15px;
            color: #a53822;
        }

        .index-shares .title span {
            color: #aaa;
            font-size: 15px;
            font-weight: normal;
            display: inline-block;
            margin-left: 3px;
        }

    .index-shares em {
        color: #fd343b;
        position: relative;
        left: 8px;
        top: 3px;
        display: none;
        float: left;
    }

        .index-shares em.downmum {
            color: #78c737 !important
        }

    .index-shares .title a {
        color: #007bac
    }

    .index-shares .bx-wrapper {
        margin: 0
    }

    .index-shares .arrow-up {
        display: block;
        width: 26px;
        height: 24px;
        background-color: #fff;
        border: 1px #eee solid;
        line-height: 24px;
        text-align: center;
        position: absolute;
        right: 35px;
        top: 8px;
        color: #888;
        border-radius: 3px 0 0 3px;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
    }

        .index-shares .arrow-up i {
            font-size: 20px;
        }

        .index-shares .arrow-up:hover {
            color: #fff;
            background-color: #43addb;
            border: 0
        }

    .index-shares .arrow-down {
        display: block;
        width: 52px;
        height: 24px;
        line-height: 24px;
        padding-right: 10px;
        font-size: 12px;
        background-color: #fff;
        border: 1px #eee solid;
        text-align: center;
        position: absolute;
        right: 10px;
        top: 8px;
        color: #888;
        border-radius: 3px;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
    }

        .index-shares .arrow-down i {
            font-size: 20px;
            line-height: 24px;
            position: absolute;
            right: 0;
            top: 0;
        }

        .index-shares .arrow-down:hover {
            color: #fff;
            background-color: #43addb;
            border: 1px #43addb solid;
        }

.index-map {
    height: 130px;
    background: url(/skin/images/index-map.png) no-repeat center top;
    width: 92%;
    margin-left: 8%;
    margin-top: 20px;
}

    .index-map a {
        display: block;
        height: 135px;
        padding: 20px 0px
    }

    .index-map strong {
        margin-left: 30px;
        margin-left: 0px \9;
        color: #4a4a4a;
        font-size: 20px;
        -webkit-animation: mapText1 800ms ease-out forwards;
        animation: mapText1 800ms ease-out forwards;
        opacity: 0;
        display: block
    }

    .index-map span {
        display: block;
        position: relative;
        top: 3px;
        margin-left: -30px;
        margin-left: 0 \9;
        color: #43addb;
        font-size: 30px;
        -webkit-animation: mapText2 800ms ease-out forwards;
        animation: mapText2 800ms ease-out forwards;
        opacity: 0;
        font-family: "dincond-medium-webfont";
        text-transform: uppercase;
        letter-spacing: -1px;
    }

@-webkit-keyframes mapText1 {
    0% {
        margin-left: 30px;
        opacity: 0;
    }

    100% {
        margin-left: 0px;
        opacity: 1;
    }
}

@keyframes mapText1 {
    0% {
        margin-left: 30px;
        opacity: 0;
    }

    100% {
        margin-left: 0px;
        opacity: 1;
    }
}

@-webkit-keyframes mapText2 {
    0% {
        margin-left: -30px;
        opacity: 0;
    }

    100% {
        margin-left: 0px;
        opacity: 1;
    }
}

@keyframes mapText2 {
    0% {
        margin-left: -30px;
        opacity: 0;
    }

    100% {
        margin-left: 0px;
        opacity: 1;
    }
}

.index-topic {
    height: 130px;
    margin-left: 8%;
    border-radius: 4px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border: 1px #eee solid;
    position: relative
}

    .index-topic a {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

.index-bg2 {
    padding: 20px 0
}



.index-news2 {
    width: 32.5%;
    height: 350px;
    float: left;
    background-color: #fff;
    box-shadow: 0px 2px 6px -2px rgba(0, 0, 0, 0.1);
    position: relative
}

    .index-news2 h2 {
        height: 60px;
        background-color: #f0f1f2
    }

        .index-news2 h2 a {
            display: block;
            line-height: 60px;
            width: 50%;
            float: left;
            text-align: center;
            font-size: 18px;
            background-color: #f0f1f2;
        }

            .index-news2 h2 a.current {
                background-color: #fff;
                color: #a53822
            }

    .index-news2 .con {
        padding: 20px 30px;
    }

    .index-news2 dl {
        padding-left: 120px;
        position: relative;
    }

        .index-news2 dl .date {
            width: 100px;
            position: absolute;
            left: 0;
            top: 0;
            font-family: "NoveDemiBold";
        }

            .index-news2 dl .date strong {
                display: block;
                line-height: 40px;
                background-color: #e1e1e1;
                text-align: center;
                color: #5a5a5a;
                font-size: 26px;
            }

            .index-news2 dl .date span {
                display: block;
                text-align: center;
                background-color: #ececec;
                color: #9e9e9e;
                line-height: 28px;
                font-size: 16px;
            }

        .index-news2 dl .image {
            width: 100px;
            position: absolute;
            left: 0;
            top: 0;
        }

            .index-news2 dl .image img {
                width: 100%
            }

        .index-news2 dl .text {
        }

            .index-news2 dl .text strong {
                display: block;
                font-size: 15px;
                position: relative;
                line-height: 20px;
                height: 40px;
                overflow: hidden
            }

                .index-news2 dl .text strong a {
                    color: #444;
                }

                    .index-news2 dl .text strong a:hover {
                        color: #a53822
                    }

            .index-news2 dl .text span {
                display: block;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 14px;
                color: #aaa;
                margin-top: 10px;
            }

    .index-news2 ul {
        margin-top: 20px;
    }

        .index-news2 ul li {
            padding: 6px 0;
            height: 32px;
            line-height: 20px;
            margin-right: 75px;
            position: relative
        }

            .index-news2 ul li a {
                background: url(/skin/images/li.gif) no-repeat 0 center;
                padding-left: 15px;
                display: inline-block;
                max-width: 100%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                _width: 100%;
                text-align: left;
            }

            .index-news2 ul li span {
                font-family: Arial, Helvetica, sans-serif;
                font-size: 14px;
                color: #aaa;
                position: absolute;
                right: -75px;
                top: 7px;
            }

    .index-news2 a.more {
        position: absolute;
        right: 20px;
        bottom: 18px;
        font-size: 12px;
        color: #8a8a8a;
        display: inline-block;
        padding: 0px 10px;
        line-height: 26px;
    }

        .index-news2 a.more:hover {
            color: #4a4a4a;
        }

.index-social {
    width: 32.5%;
    height: 350px;
    float: left;
    margin-left: 2%;
    background: url(/skin/images/index-zeren.jpg) no-repeat center top #fff;
    box-shadow: 0px 2px 6px -2px rgba(0, 0, 0, 0.1);
    position: relative;
    padding-top: 160px
}

.index-social-con {
    padding: 20px
}

.index-social .slider {
    height: 130px;
    overflow: hidden
}

    .index-social .slider ul li {
        height: 130px;
        position: relative;
        padding-left: 170px;
    }

        .index-social .slider ul li .image {
            width: 150px;
            position: absolute;
            left: 0;
        }

            .index-social .slider ul li .image img {
                width: 100%;
            }

        .index-social .slider ul li .text {
        }

            .index-social .slider ul li .text strong {
                display: block;
                line-height: 24px;
                height: 48px;
                font-size: 15px;
                font-weight: normal
            }

            .index-social .slider ul li .text span {
                display: block;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 14px;
                color: #aaa;
                margin-top: 10px;
            }

.index-social a.arrow-bottom {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 50px;
    color: #ccc;
    text-align: center;
    line-height: 50px;
    background-color: #fafafa;
    border-top: 1px #eee solid;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

    .index-social a.arrow-bottom i {
        font-size: 24px;
    }

    .index-social a.arrow-bottom:hover {
        color: #777;
        background-color: #eee;
    }

.index-social .bx-controls {
    display: none
}


.index-other {
    width: 30.3%;
    float: right;
    background-color: #fff;
    box-shadow: 0px 2px 6px -2px rgba(0, 0, 0, 0.1);
}

    .index-other h2 {
        height: 60px;
    }

        .index-other h2 a {
            display: block;
            line-height: 60px;
            width: 50%;
            border-right: 1px #e5e5e5 solid;
            float: left;
            text-align: center;
            font-size: 18px;
            background-color: #f0f1f2
        }

        .index-other h2 i {
            font-size: 30px;
            display: none;
            line-height: 30px;
            margin-right: 3px;
            position: relative;
            top: 6px;
        }

        .index-other h2 a.current {
            background-color: #fff;
            color: #a53822
        }

        .index-other h2 a:last-child {
            border: 0;
        }

.index-leader {
    padding: 20px;
    height: 290px;
    overflow: hidden;
}

    .index-leader .slider {
        position: relative
    }

        .index-leader .slider ul li .image {
            height: 210px;
            overflow: hidden
        }

        .index-leader .slider ul li img {
            width: 360px;
            display: block;
            margin: 0 auto
        }

        .index-leader .slider ul li span {
            display: block;
            margin-top: 15px;
            padding: 0px 25px 0 25px;
            text-align: center;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .index-leader .slider a.arrow-next {
            display: block;
            height: 50px;
            line-height: 50px;
            background: url(/skin/images/index-leader-a-bg.png) no-repeat #9a9a9a;
            z-index: 200;
            position: absolute;
            right: 0;
            top: 210px;
            width: 110px;
            transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
            -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
            display: none
        }

            .index-leader .slider a.arrow-next i {
                display: block;
                font-size: 36px;
                position: relative;
                top: 3px;
                color: #fff;
                margin-left: 50px;
                transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
                -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
            }

        .index-leader .slider:hover a.arrow-next {
            width: 130px;
            background-color: #fd343b;
        }

            .index-leader .slider:hover a.arrow-next i {
                margin-left: 80px;
            }

    .index-leader .bx-controls {
        display: none
    }



.index-video {
    padding: 20px;
    height: 290px;
}

    .index-video .image {
        height: 210px;
        overflow: hidden;
        position: relative
    }

        .index-video .image img {
            display: block;
            -webkit-transition: -webkit-transform 2s ease-out;
            -moz-transition: -moz-transform 2s ease-out;
            -ms-transition: -ms-transform 2s ease-out;
            transition: transform 2s ease-out;
            width: 100%
        }

        .index-video .image em {
            position: absolute;
            left: 0;
            top: 0;
            display: block;
            width: 100%;
            height: 100%;
            background-color: #000;
            filter: alpha(opacity=30);
            -moz-opacity: 0.3;
            opacity: 0.3;
            z-index: 2;
            -webkit-transition: all 400ms;
            transition: all 400ms;
        }

        .index-video .image i {
            color: #fff;
            font-size: 60px;
            position: absolute;
            left: 50%;
            margin-left: -30px;
            top: 50%;
            margin-top: -35px;
            z-index: 3
        }

    .index-video .title {
        text-align: center;
        margin-top: 15px;
    }

    .index-video:hover .image img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }

    .index-video:hover .image em {
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0;
    }

.index-journal {
    padding: 20px;
    height: 290px;
}

    .index-journal .image {
        width: 45%;
        float: left;
        margin-top: 5px;
    }

        .index-journal .image img {
            border: 1px #e8e8e8 solid;
            width: 100%;
            box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.05);
        }

    .index-journal .text {
        width: 48%;
        float: right;
        padding-top: 5px;
    }

        .index-journal .text .title strong {
            display: block;
            font-size: 20px;
            position: relative;
            left: -8px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

            .index-journal .text .title strong a {
            }

        .index-journal .text .title span {
            display: block;
            font-size: 18px;
            margin-top: 6px;
        }

        .index-journal .text .other {
            margin-top: 20px;
            line-height: 1.6
        }

            .index-journal .text .other p {
                margin-top: 10px;
                color: #aaa;
                font-size: 13px
            }

            .index-journal .text .other a {
                display: block;
                line-height: 55px;
                margin-top: 12px;
                border-radius: 5px;
                width: 90%;
                text-align: center;
                font-size: 18px;
                color: #fff;
                background-color: #9ad452
            }

                .index-journal .text .other a i {
                    font-size: 30px;
                    margin-right: 3px;
                    position: relative;
                    top: 4px
                }

    .index-journal .btns {
        height: 55px;
        margin-top: 20px;
    }

        .index-journal .btns a {
            display: block;
            line-height: 55px;
            float: left;
            width: 50%;
            text-align: center;
            font-size: 18px;
            color: #fff;
            background-color: #9ad452
        }

            .index-journal .btns a i {
                font-size: 30px;
                margin-right: 3px;
                position: relative;
                top: 4px
            }

            .index-journal .btns a:last-child {
                background-color: #82c530
            }

.links-list {
    padding: 10px 30px 20px
}

    .links-list li {
        border-bottom: 1px #ddd dotted;
        padding: 12px 0;
        background: url(/skin/images/link.gif) no-repeat 0 center;
        text-indent: 23px;
    }

        .links-list li:last-child {
            border: 0
        }

.bottom-slider {
    position: fixed;
    right: 0;
    bottom: -240px;
    width: 350px;
    height: 240px;
    background-color: #ddd;
    box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.15);
    z-index: 9999;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
}

    .bottom-slider .con {
        padding: 10px
    }

    .bottom-slider.hover {
        bottom: 0
    }

    .bottom-slider .close-icon {
        background: url(/skin/images/close-icon.gif) no-repeat center center;
        width: 16px;
        height: 16px;
        position: absolute;
        right: 24px;
        top: 24px;
        z-index: 20
    }

.banner-close {
    background: url(/skin/images/close-icon.gif) no-repeat center center rgba(0,0,0,0.4);
    width: 48px;
    height: 48px;
    position: absolute;
    right: 5px;
    top: 90px;
    z-index: 20;
    cursor: pointer
}

/* --------------网站底部---------------------- */
.footer {
    background: #a53822;
    padding: 20px 0 35px;
    color: #a9b9e1;
    line-height: 28px;
    position: relative;
    z-index: 998;
    min-width: 1400px;
}

    .footer .footer-links {
        width: 98px;
        float: right;
        position: relative;
        margin-top: 4px;
    }

        .footer .footer-links a {
            display: block;
            width: 44px;
            height: 44px;
            background-color: #2548a5;
            border-radius: 22px;
            text-align: center;
            line-height: 46px;
            -webkit-transition: all 400ms;
            transition: all 400ms;
            margin-left: 5px;
            position: relative;
            float: left
        }

            .footer .footer-links a i {
                font-size: 28px;
                color: #fff
            }

        .footer .footer-links div.code {
            position: absolute;
            left: -36px;
            bottom: 80px;
            background-color: #fff;
            border: 7px #3eb135 solid;
            visibility: hidden;
            filter: alpha(opacity=0);
            -moz-opacity: 0;
            opacity: 0;
            -webkit-transition: all 400ms;
            transition: all 400ms;
        }

            .footer .footer-links div.code img {
                width: 100px;
                height: 100px;
            }

            .footer .footer-links div.code em {
                display: block;
                width: 0;
                height: 0;
                border-left: 8px solid transparent;
                border-right: 8px solid transparent;
                border-top: 8px solid #3eb135;
                position: absolute;
                left: 50%;
                margin-left: -8px;
                bottom: -13px;
            }

            .footer .footer-links div.code span {
                display: block;
                border: 0;
                line-height: 20px;
                height: 25px;
                padding: 0;
                font-size: 14px;
                margin: 0
            }

        .footer .footer-links a:hover div.code {
            visibility: visible;
            filter: alpha(opacity=100);
            -moz-opacity: 1;
            opacity: 1;
            bottom: 55px;
        }

        .footer .footer-links a:hover {
            background-color: #3eb135
        }

    .footer .footer-left {
        float: left;
    }

    .footer .footer-right {
        float: right;
        text-align: right;
        margin-right: 20px
    }

        .footer .footer-right span {
            margin: 0 10px;
            font-size: 12px;
            position: relative;
            top: -1px;
            font-weight: bold;
            color: #a9b9e1
        }

        .footer .footer-right a {
            font-weight: bold;
            color: #fff
        }

            .footer .footer-right a:hover {
                text-decoration: underline
            }

        .footer .footer-right img {
            position: relative;
            top: -2px;
            margin-right: 5px;
        }

        .footer .footer-right i {
            margin-right: 5px;
            position: relative;
            top: 2px;
            font-size: 16px;
        }

    .footer a.linking {
        display: inline-block;
        background: url(/skin/images/linking.png) no-repeat;
        text-indent: -10000px;
        overflow: hidden;
        width: 170px;
        height: 17px;
        position: relative;
        top: 5px;
    }

.footer-shares {
    height: 70px;
    float: right
}

    .footer-shares .num {
        line-height: 30px;
        color: #fd343b;
        float: right;
        margin-top: 8px;
    }

        .footer-shares .num strong {
            position: relative;
            font-size: 50px;
            font-family: "dincond-medium-webfont";
            font-weight: 500;
            float: left;
            margin-left: 10px;
            display: block
        }

        .footer-shares .num i {
            float: left;
            font-size: 20px;
            position: relative;
            top: -6px;
        }

        .footer-shares .num span {
            display: block;
            float: left;
            margin-left: 20px;
            font-size: 15px;
            font-family: Tahoma, Geneva, sans-serif;
            position: relative;
            top: 5px
        }

        .footer-shares .num.green {
            color: #78c737
        }

            .footer-shares .num.green:before {
                border-top: 15px solid #78c737;
                border-bottom: 0;
            }

    .footer-shares .title {
        color: #5a5a5a;
        float: right;
        font-size: 15px;
        margin-left: 20px;
        font-weight: bold;
        line-height: 22px;
    }

        .footer-shares .title span {
            color: #aaa;
            display: block;
            font-size: 13px;
            margin-top: 5px;
            font-weight: normal
        }

        .footer-shares .title em {
            color: #fd343b;
            margin-left: 5px;
            font-weight: bold
        }

        .footer-shares .title a {
            margin-left: 10px;
            color: #007bac
        }

/* --------------网站底部---------------------- */
.footer2 {
    background: #f4f4f4;
    line-height: 28px;
    position: relative;
    overflow: hidden
}

    .footer2 .footer-bg {
        background-color: #eee;
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: 600px;
        height: 400px;
        width: 50%
    }

    .footer2 .footer-left {
        float: left;
        padding-top: 40px;
        position: relative
    }

        .footer2 .footer-left .menu {
        }

            .footer2 .footer-left .menu dl {
                width: 115px;
                float: left;
            }

            .footer2 .footer-left .menu dt {
                height: 30px;
                font-size: 15px;
            }

            .footer2 .footer-left .menu dd {
                margin-bottom: 5px;
            }

                .footer2 .footer-left .menu dd a {
                    color: #8a8a8a
                }

                    .footer2 .footer-left .menu dd a:hover {
                        color: #a53822
                    }

        .footer2 .footer-left .qr-code {
            position: absolute;
            left: 580px;
            top: 40px;
            text-align: center
        }

            .footer2 .footer-left .qr-code img {
                width: 120px;
                border: 1px #eee solid
            }

            .footer2 .footer-left .qr-code span {
                display: block;
                color: #8a8a8a;
                font-size: 12px
            }

    .footer2 .footer-right {
        float: right;
        text-align: right;
        background-color: #eee;
        padding: 30px 0 40px 30px;
        color: #8a8a8a;
        width: 400px;
    }

        .footer2 .footer-right .copy span {
            margin: 0 5px;
            color: #aaa;
            font-size: 12px;
            position: relative;
            top: -1px;
            font-weight: bold
        }

        .footer2 .footer-right .copy img {
            position: relative;
            top: -2px;
            margin-right: 5px;
        }

        .footer2 .footer-right .copy i {
            margin-right: 3px;
            position: relative;
            top: 2px;
            color: #3eb135
        }

        .footer2 .footer-right .links {
            border-top: 1px #ddd solid;
            margin-top: 15px;
            padding-top: 15px;
            font-size: 12.5px
        }

            .footer2 .footer-right .links a {
                color: #8a8a8a;
            }

                .footer2 .footer-right .links a:hover {
                    color: #f39800
                }

    .footer2 a.linking {
        display: inline-block;
        background: url(/skin/images/linking2.png) no-repeat;
        text-indent: -10000px;
        overflow: hidden;
        width: 170px;
        height: 17px;
        position: relative;
        top: 5px;
        margin-left: 20px
    }


/* --------------右侧跟随---------------------- */
#follow-btn {
    position: fixed;
    bottom: -200px;
    z-index: 1001;
    transition: all 850ms cubic-bezier(0.215,.61,.215,1);
    -webkit-transition: all 850ms cubic-bezier(0.215,.61,.215,1);
    -moz-transition: all 850ms cubic-bezier(0.215,.61,.215,1);
    -o-transition: all 850ms cubic-bezier(0.215,.61,.215,1);
}

    #follow-btn a {
        display: block;
        background-color: rgba(0,0,0,0.05);
        color: #aaa;
        width: 50px;
        height: 50px;
        line-height: 48px;
        text-align: center;
        -webkit-transition: background-color 0.3s;
        -moz-transition: background-color 0.3s;
        transition: background-color 0.3s;
        position: relative;
        border-radius: 3px
    }

        #follow-btn a i {
            font-size: 28px;
        }

        #follow-btn a:hover {
            background-color: #75b0ea;
            color: #FFF
        }

@media (max-width:1550px) {
    #follow-btn {
        display: none
    }
}





.page-wrapper {
    background-color: #fff;
    width: 96%;
    max-width: 1400px;
    width: 1400px;
    margin: -180px auto 40px;
    position: relative;
    z-index: 997;
    min-height: 600px;
    box-shadow: 0px 2px 15px 0 rgba(0, 0, 0, 0.05);
}

.page-banner {
    width: 100%;
    position: relative;
    /*height: 450px;*/
	height: 360px;
    overflow: hidden;
    min-width: 1400px;
    z-index: 997
}

    .page-banner .image-con {
        overflow: hidden;
        height: 100%;
        width: 100%;
        position: relative;
        transition: all 10.5s cubic-bezier(0.215,.61,.215,1);
        -webkit-transition: all 10.5s cubic-bezier(0.215,.61,.215,1);
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }

        .page-banner .image-con .image {
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
            /*background-size: cover;*/
            background-size: 100% 100%;
        }

    .page-banner.hover .image-con {
        transform: scale(1);
        -webkit-transform: scale(1);
    }


.page-nav {
    height: 60px;
    text-align: center;
    background-color: #f2f2f2;
    margin: 0 30px
}

    .page-nav ul {
        float: right
    }

        .page-nav ul li {
            position: relative;
            display: inline-block;
            padding: 0 20px;
        }

            .page-nav ul li a {
                vertical-align: middle;
                -webkit-transform: translateZ(0);
                transform: translateZ(0);
                box-shadow: 0 0 1px rgba(0, 0, 0, 0);
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                -moz-osx-font-smoothing: grayscale;
                position: relative;
                -webkit-transition-property: color;
                transition-property: color;
                transition: all 0.3s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
                -webkit-transition: all 0.3s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
                display: inline-block;
                position: relative;
                text-align: center;
                line-height: 60px;
            }

                .page-nav ul li a:before {
                    content: "";
                    position: absolute;
                    z-index: -1;
                    bottom: -2px;
                    left: 0;
                    right: 0;
                    background: #a53822;
                    -webkit-transform: scaleX(0);
                    transform: scaleX(0);
                    transition: all 1s cubic-bezier(0.215,.61,.215,1);
                    -webkit-transition: all 1s cubic-bezier(0.215,.61,.215,1);
                    color: #fff;
                    padding: 0px 20px;
                    height: 4px;
                    display: none\9
                }

                .page-nav ul li a:hover:before, .page-nav ul li a:focus:before, .page-nav ul li a:active:before {
                    -webkit-transform: scaleX(1);
                    transform: scaleX(1);
                }

                .page-nav ul li a:hover {
                    color: #a53822;
                    color: #fff\9
                }

            .page-nav ul li.current a {
                color: #a53822;
                font-weight: bold
            }

                .page-nav ul li.current a:before, .page-nav ul li.current a:focus:before, .page-nav ul li.current a:active:before {
                    -webkit-transform: scaleX(1);
                    transform: scaleX(1);
                }

.page-top {
    padding: 30px 30px 0;
    height: 120px;
    overflow: hidden;
    position: relative
}

.page-title strong {
    margin-left: 30px;
    margin-left: 0px \9;
    color: #ddd;
    font-size: 60px;
    font-family: "dincond-medium-webfont";
    text-transform: uppercase;
    letter-spacing: -1px;
    -webkit-animation: cth1 800ms ease-out forwards;
    animation: cth1 800ms ease-out forwards;
    opacity: 0;
    display: inline-block
}

.page-title span {
    display: inline-block;
    position: relative;
    top: -3px;
    margin-left: -30px;
    margin-left: 0 \9;
    color: #5a575b;
    font-size: 24px;
    font-weight: bold;
    -webkit-animation: cth2 800ms ease-out forwards;
    animation: cth2 800ms ease-out forwards;
    opacity: 0;
}

.location {
    position: absolute;
    right: 30px;
    top: 77px;
    line-height: 20px;
    font-size: 12px;
}

    .location i {
        display: inline-block;
        width: 10px;
        height: 10px;
        background: url(/skin/images/home-icon.png) no-repeat;
        position: relative;
        top: 1px
    }

    .location em {
        display: inline-block;
        background: url(/skin/images/location-li.png) no-repeat;
        width: 3px;
        height: 5px;
        margin: 0 10px;
        position: relative;
        top: -2px
    }

    .location a {
        color: #aaa
    }

        .location a:hover {
            color: #436dc2
        }

        .location a:last-child {
            color: #6a6a6a;
            font-weight: bold
        }


.sub-location {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    line-height: 20px;
    font-size: 12px;
}

    .sub-location i {
        display: inline-block;
        width: 10px;
        height: 10px;
        background: url(/skin/images/home-icon.png) no-repeat;
        position: relative;
        top: 1px
    }

    .sub-location em {
        display: inline-block;
        background: url(/skin/images/location-li.png) no-repeat;
        width: 3px;
        height: 5px;
        margin: 0 10px;
        position: relative;
        top: -2px
    }

    .sub-location a {
        color: #aaa
    }

        .sub-location a:hover {
            color: #436dc2
        }

        .sub-location a:last-child {
            color: #6a6a6a;
            font-weight: bold
        }

@-webkit-keyframes cth1 {
    0% {
        margin-left: 30px;
        opacity: 0;
    }

    100% {
        margin-left: 0px;
        opacity: 1;
    }
}

@keyframes cth1 {
    0% {
        margin-left: 30px;
        opacity: 0;
    }

    100% {
        margin-left: 0px;
        opacity: 1;
    }
}

@-webkit-keyframes cth2 {
    0% {
        margin-left: -30px;
        opacity: 0;
    }

    100% {
        margin-left: 20px;
        opacity: 1;
    }
}

@keyframes cth2 {
    0% {
        margin-left: -30px;
        opacity: 0;
    }

    100% {
        margin-left: 20px;
        opacity: 1;
    }
}

.page-con {
    padding: 30px
}

.about {
}

    .about .about-title strong {
        display: block;
        font-size: 26px;
    }

    .about .about-title span {
        display: block;
        font-size: 16px;
        color: #aaa
    }

    .about .since {
        font-family: "dincond-medium-webfont";
        font-weight: 700;
        color: #68b92e;
        font-size: 40px
    }

    .about .content-a {
        margin-top: 10px;
        line-height: 2;
        font-weight: bold;
        padding-right: 30%;
        color: #6a6a6a;
        position: relative
    }

        .about .content-a img {
            position: absolute;
            right: 3%;
            top: -120px;
            width: 24%
        }

    .about .content-b {
        margin-top: 30px;
        line-height: 2;
        color: #6a6a6a
    }

        .about .content-b h2 {
            font-size: 16px;
            font-weight: bold;
            position: relative;
            color: #1c64b7
        }

            .about .content-b h2:before {
                content: "";
                display: block;
                width: 0;
                height: 0;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                border-top: 9px solid #1c64b7;
                position: absolute;
                left: 70px;
                top: 5px;
            }

        .about .content-b p {
            margin-top: 15px;
        }

    .about .line {
        height: 16px;
        background: url(/skin/images/section-title-bg.png) repeat-x;
        margin: 30px 0
    }

    .about .num {
    }

        .about .num h2 {
            font-size: 16px;
            font-weight: 600;
            position: relative;
            color: #1c64b7
        }

            .about .num h2 span {
                font-size: 16px;
                font-weight: normal;
                color: #666;
                margin-left: 25px
            }

            .about .num h2:before {
                content: "";
                display: block;
                width: 0;
                height: 0;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                border-top: 9px solid #1c64b7;
                position: absolute;
                left: 85px;
                top: 5px;
            }

        .about .num .item {
            height: 125px;
            width: 23.5%;
            background-color: #f4f4f4;
            border-radius: 5px;
            margin-right: 2%;
            float: left;
            text-align: center;
            margin-top: 30px;
            padding-top: 15px;
        }

            .about .num .item strong {
                display: block;
                font-family: "NoveDemiBold";
                font-size: 46px;
                color: #68b92e
            }

            .about .num .item span {
                display: block;
                font-size: 16px;
                color: #888;
            }

                .about .num .item span i {
                    font-size: 12px;
                    margin-left: 5px;
                }

        .about .num .item-a {
            border: 0;
        }

        .about .num .item-b {
        }

        .about .num .item-c {
        }

        .about .num .item-d {
            margin-right: 0
        }

    .about .about-pic {
    }

        .about .about-pic .item {
            width: 50%;
            float: left;
        }

            .about .about-pic .item .title {
                height: 110px;
                background-color: #7d7d7d;
                padding: 20px 30px;
                color: #fff;
                position: relative
            }

                .about .about-pic .item .title strong {
                    display: block;
                    font-size: 20px;
                }

                .about .about-pic .item .title p {
                    margin-top: 10px;
                    font-size: 16px;
                }

                .about .about-pic .item .title a {
                    display: block;
                    width: 90px;
                    height: 28px;
                    line-height: 28px;
                    text-align: center;
                    background-color: #fff;
                    position: absolute;
                    right: 30px;
                    top: 20px;
                }

                    .about .about-pic .item .title a i {
                        position: relative;
                        top: 2px;
                    }

            .about .about-pic .item .image {
                overflow: hidden;
                position: relative
            }

                .about .about-pic .item .image img {
                    display: block;
                    -webkit-transition: -webkit-transform 2s ease-out;
                    -moz-transition: -moz-transform 2s ease-out;
                    -ms-transition: -ms-transform 2s ease-out;
                    transition: transform 2s ease-out;
                    width: 100%
                }

                .about .about-pic .item .image em {
                    position: absolute;
                    left: 0;
                    top: 0;
                    display: block;
                    width: 100%;
                    height: 100%;
                    background-color: #000;
                    filter: alpha(opacity=10);
                    -moz-opacity: 0.1;
                    opacity: 0.1;
                    z-index: 2;
                    -webkit-transition: all 400ms;
                    transition: all 400ms;
                }

                .about .about-pic .item .image i {
                    color: #fff;
                    font-size: 90px;
                    position: absolute;
                    left: 50%;
                    margin-left: -45px;
                    top: 50%;
                    margin-top: -55px;
                    z-index: 3
                }

        .about .about-pic .item-b {
        }

            .about .about-pic .item-b .title {
                background-color: #ccc
            }

        .about .about-pic .item:hover .image img {
            transform: scale(1.1);
            -webkit-transform: scale(1.1);
        }

        .about .about-pic .item:hover .image em {
            filter: alpha(opacity=0);
            -moz-opacity: 0;
            opacity: 0;
        }

    .about .about-contact {
        padding: 30px 50px 50px;
        background-color: #f7f7f7;
        position: relative
    }

        .about .about-contact h2 {
            font-size: 16px;
            font-weight: bold
        }

        .about .about-contact p {
            margin-top: 20px;
            line-height: 1.8
        }

            .about .about-contact p a i {
                color: #ff3333;
                margin-left: 5px;
            }

            .about .about-contact p a.btn {
                background-color: #0cafe5;
                display: block;
                width: 130px;
                line-height: 28px;
                color: #fff;
                margin-top: 10px;
                font-size: 16px;
            }

        .about .about-contact .qr {
            position: absolute;
            right: 50px;
            top: 40px;
        }

            .about .about-contact .qr .image {
                display: block;
                width: 140px;
                height: 140px;
                background: url(/skin/images/qr2.png) no-repeat;
                background-size: cover
            }

                .about .about-contact .qr .image img {
                    width: 100%
                }

            .about .about-contact .qr span {
                display: block;
                font-size: 12px;
                margin-top: 10px;
                color: #aaa;
                text-align: center;
                line-height: 1.6
            }


/* --------------视频弹出播放---------------------- */
.video-play {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    display: none
}

    .video-play .mask {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #000;
        filter: alpha(opacity=70);
        -moz-opacity: 0.7;
        opacity: 0.7;
        z-index: 1
    }

    .video-play .box {
        width: 900px;
        height: 600px;
        position: absolute;
        left: 50%;
        margin-left: -450px;
        top: 50%;
        margin-top: -285px;
        z-index: 3;
    }

    .video-play .close-btn {
        background: url(/skin/images/close2.gif) no-repeat center center;
        display: block;
        text-indent: -10000px;
        width: 50px;
        height: 50px;
        position: absolute;
        left: 50%;
        margin-left: 390px;
        top: 50%;
        margin-top: -275px;
        z-index: 4;
        -webkit-transition: -webkit-transform 1s;
    }

        .video-play .close-btn:hover {
            -webkit-transform: rotate(180deg);
        }

#con_video_div {
    background: #000
}


.speech {
    padding: 40px 30px 50px
}

    .speech .text {
        width: 61.8%;
        float: left;
        line-height: 2;
    }

        .speech .text p {
            margin-bottom: 15px;
        }

    .speech .image {
        width: 34%;
        float: right
    }

        .speech .image img {
            width: 100%
        }

.zuzhi {
    text-align: center;
    padding: 40px 0 50px
}


.leader {
    overflow: hidden;
    padding: 0px 0 50px
}
    /*
.leader .leader-tab{ height:60px; text-align:center}
.leader .leader-tab a{ line-height:60px; padding:0 40px; background-color:#f2f2f2; display:inline-block; font-size:16px; position:relative}
.leader .leader-tab a.current:before {content:"";display:block;width: 0;height: 0;border-left:8px solid transparent;border-right: 8px solid transparent;border-top:8px solid #ff3333; position:absolute; left:50%; margin-left:-8px;bottom:-8px;}
.leader .leader-tab a.current{ background-color:#ff3333; color:#fff}
*/
    .leader h2 {
        font-size: 22px;
        margin-left: 30px;
        padding-top: 40px;
        color: #3a3a3a;
    }

        .leader h2 i {
            font-weight: normal;
            font-size: 40px;
            margin-right: 10px;
            position: relative;
            top: 5px;
            color: #a53822
        }

    .leader .con {
        margin-top: 20px;
        margin-left: 20px
    }

    .leader .item {
        width: 565px;
        float: left;
        margin-left: 10px;
        margin-bottom: 10px;
        background-color: #f7f7f7
    }

        .leader .item .image {
            width: 160px;
            height: 160px;
            float: left;
            overflow: hidden;
            position: relative;
            margin: 20px
        }

            .leader .item .image img.head-img {
                width: 100%;
                display: block;
                -webkit-transition: -webkit-transform 0.5s ease-out;
                -moz-transition: -moz-transform 0.5s ease-out;
                -ms-transition: -ms-transform 0.5s ease-out;
                transition: transform 0.5s ease-out;
            }

            .leader .item .image img.head-mask {
                width: 100%;
                position: absolute;
                left: 0;
                top: 0;
                z-index: 2
            }

        .leader .item .text {
            width: 350px;
            height: 200px;
            padding: 30px 30px 30px 10px;
            float: left
        }

            .leader .item .text h3 {
                font-size: 20px;
                font-weight: bold
            }

            .leader .item .text span {
                display: block;
                margin-top: 20px;
                font-weight: bold
            }

            .leader .item .text p {
                margin-top: 10px;
                color: #8a8a8a;
                line-height: 1.6
            }

        .leader .item:hover .image img.head-img {
            transform: scale(1.1);
            -webkit-transform: scale(1.1);
        }

.leader-list1 {
    padding-bottom: 40px;
    margin-top: 20px
}

    .leader-list1 .item {
        width: 200px;
        text-align: center;
        float: left;
        height: 340px;
        margin: 0 30px;
    }

        .leader-list1 .item strong {
            display: block;
            margin-top: 15px;
        }

        .leader-list1 .item span {
            margin-top: 5px;
            display: block;
            color: #888
        }


.strategy {
    padding: 30px 30px 50px;
}

    .strategy .strategy-text {
        background: #a53822;
        background: -moz-linear-gradient(-45deg, #0093d3 0%, #a53822 100%);
        background: -webkit-linear-gradient(-45deg, #0093d3 0%,#a53822 100%);
        background: linear-gradient(135deg, #0093d3 0%,#a53822 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0093d3', endColorstr='#a53822',GradientType=1 );
        height: 300px;
        padding: 40px 330px 40px 40px;
        color: #fff;
        position: relative
    }

        .strategy .strategy-text h1 {
            position: relative;
            z-index: 2
        }

            .strategy .strategy-text h1 strong {
                font-size: 26px;
            }

            .strategy .strategy-text h1 span {
                margin-left: 10px;
                font-size: 18px;
            }

            .strategy .strategy-text h1 p {
                font-family: "dincond-medium-webfont";
                color: #75b0ea;
                font-size: 30px;
                margin-top: 10px;
            }

        .strategy .strategy-text img {
            position: absolute;
            right: 60px;
            top: 50px;
        }

        .strategy .strategy-text .content-a {
            margin-top: 20px;
            line-height: 2;
            position: relative;
            z-index: 2
        }

    .strategy .content-b {
        margin-top: 50px;
        text-align: center
    }

#particles-js {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}


.history {
    margin-top: 30px;
    background-color: #f5f5f5;
    position: relative;
    padding-left: 550px;
}

.history-left {
    width: 550px;
    padding: 30px;
    position: absolute;
    left: 0;
    top: 0;
}

.history-title {
    font-size: 26px;
    margin-bottom: 20px;
    position: relative
}

    .history-title:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 12px solid #bbb;
        position: absolute;
        left: 115px;
        top: 13px;
    }

.history-title2 {
    font-size: 26px;
    position: relative;
    background-color: #fff;
    border-top: 1px #eee solid;
    height: 95px;
    padding-top: 30px;
    padding-left: 40px
}

    .history-title2:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 12px solid #bbb;
        position: absolute;
        left: 125px;
        top: 43px;
    }

.history-tab {
    height: 60px;
}

    .history-tab a {
        line-height: 60px;
        text-align: center;
        width: 160px;
        background-color: #fff;
        color: #bbb;
        font-family: "dincond-medium-webfont";
        display: inline-block;
        font-size: 24px;
        position: relative
    }

        .history-tab a span {
            font-family: "Microsoft Yahei",Tahoma,Arial,sans-serif;
            font-size: 20px;
        }

        .history-tab a.current:before {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-top: 5px solid #a53822;
            position: absolute;
            left: 50%;
            margin-left: -8px;
            bottom: -5px;
        }

        .history-tab a.current {
            background-color: #a53822;
            color: #fff
        }

.history-left .con {
    margin-top: 30px
}

.history-left .content {
    line-height: 2;
    margin-top: 40px;
    color: #8a8a8a
}

    .history-left .content .item {
        margin-bottom: 20px;
        border-bottom: 1px #ddd solid;
        padding-bottom: 20px;
    }

        .history-left .content .item label {
            color: #a53822;
            font-size: 16px;
        }

        .history-left .content .item p {
        }

        .history-left .content .item:last-child {
            border-bottom: 0
        }

.history-left .title {
    margin-top: 20px;
    font-weight: bold;
    font-size: 18px;
}

.history-left .slider {
    width: 488px;
    overflow: hidden
}

    .history-left .slider .bd li {
        width: 240px;
        margin-right: 10px;
        box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.06);
    }

        .history-left .slider .bd li img {
            width: 100%;
            height: 144px
        }

        .history-left .slider .bd li span {
            display: block;
            height: 60px;
            line-height: 18px;
            padding: 10px 30px;
            background-color: #fff;
            text-align: center;
        }

.history-right {
    background-color: #fff;
    min-height: 700px;
    _height: 700px;
    padding-bottom: 50px
}
/*时间轴*/
.time_line {
    width: 90%;
    margin: 0 auto
}

    .time_line .hd {
        height: 32px;
        border-bottom: 2px #e2e2e2 solid;
        margin: 0 40px;
        position: relative;
    }

        .time_line .hd .prev {
            width: 40px;
            height: 40px;
            border-radius: 40px;
            display: block;
            position: absolute;
            left: -40px;
            top: 10px;
            text-align: center;
            background-color: #f2f2f2;
            z-index: 20
        }

            .time_line .hd .prev i {
                line-height: 40px;
                font-size: 12px;
            }

        .time_line .hd .next {
            width: 40px;
            height: 40px;
            border-radius: 40px;
            display: block;
            position: absolute;
            right: -40px;
            top: 10px;
            text-align: center;
            background-color: #f2f2f2;
            z-index: 20
        }

            .time_line .hd .next i {
                line-height: 40px;
                font-size: 12px;
            }

.time_hdwarp {
    width: 100%;
    height: 60px;
    overflow: hidden;
    position: relative;
}

.time_line .hd ul {
    width: 10000px;
    height: 60px;
    position: absolute;
    left: 0;
    top: 0px;
}

    .time_line .hd ul li {
        width: 120px;
        height: 60px;
        float: left;
        text-align: center;
        color: #666;
        font-size: 16px;
        cursor: pointer;
        position: relative
    }

        .time_line .hd ul li label {
            display: block;
            width: 60px;
            line-height: 16px;
            line-height: 16px;
            position: absolute;
            left: 50%;
            margin-left: -30px;
            top: 0;
            cursor: pointer;
            transition: all 0.3s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
            -webkit-transition: all 0.3s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
        }

        .time_line .hd ul li .dot {
            width: 10px;
            height: 10px;
            position: absolute;
            left: 50%;
            margin-left: -5px;
            top: 26px;
        }

            .time_line .hd ul li .dot em {
                display: block;
                width: 10px;
                height: 10px;
                position: absolute;
                left: 0;
                top: 0;
                border-radius: 10px;
                background-color: #ddd;
                transition: all 0.3s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
                -webkit-transition: all 0.3s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
            }

            .time_line .hd ul li .dot i {
                display: block;
                width: 0px;
                height: 0px;
                position: absolute;
                left: 5px;
                top: 5px;
                border-radius: 0px;
                background-color: #a53822;
                z-index: 2;
                transition: all 0.3s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
                -webkit-transition: all 0.3s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
            }

        .time_line .hd ul li.ontime label {
            color: #a53822;
        }

        .time_line .hd ul li.ontime .dot em {
            width: 20px;
            height: 20px;
            left: -5px;
            top: -5px;
            border-radius: 20px;
            background-color: #fff;
            border: 1px #ddd solid
        }

        .time_line .hd ul li.ontime .dot i {
            width: 10px;
            height: 10px;
            position: absolute;
            left: 0;
            top: 0;
            border-radius: 10px;
        }

.time_line .bd {
    width: 100%;
    margin-top: 50px;
}

    .time_line .bd ul li {
        display: none;
    }

        .time_line .bd ul li div.history-item {
            margin-bottom: 25px;
            background: url(/skin/images/history-li.png) no-repeat 0 12px;
            padding-left: 18px;
            line-height: 2;
            font-size: 16px;
        }

            .time_line .bd ul li div.history-item .image {
                margin-top: 10px;
            }

                .time_line .bd ul li div.history-item .image img {
                    width: 360px;
                    height: 240px;
                    border-radius: 5px;
                    overflow: hidden
                }

            .time_line .bd ul li div.history-item label {
                display: block;
                color: #68b92e
            }

@media (max-width:1550px) {
    .time_line .bd ul li div.history-item {
        font-size: 15px;
    }
}
/*
.history-right .item{ position:relative; border-top:1px #f5f5f5 solid; }
.history-right .item ul{ border-left:1px #f5f5f5 solid; margin-left:100px; padding-top:30px; padding-bottom:20px; padding-right:30px}
.history-right .item h2{ position:absolute; left:120px;top:35px; font-size:16px; font-weight:bold; color:#a53822;padding-left:20px;}
.history-right .item h2:before {content:"";display:block;width: 0;height: 0;border-left:6px solid transparent;border-right: 6px solid transparent;border-top:10px solid #a53822; position:absolute; left:0; top:4px; }
.history-right .item li{ padding:10px 0; position:relative; line-height:1.8;}
.history-right .item li label{ position:absolute; left:-80px;top:2px; display:block; width:80px; color:#888; font-family:"dincond-medium-webfont"; font-size:24px; font-weight:400; text-align:center}
.history-right .item li p{ padding-left:20px; color:#5a5a5a}
.history-right .item li em{ display:block; width:10px; height:10px; background-color:#fff; border:2px #ddd solid; position:absolute; left:-6px;top:18px;border-radius:10px}
*/


.honor {
}

    .honor .honor-text {
        line-height: 2;
        font-weight: bold;
        color: #5a5a5a;
        text-indent: 2em;
        padding: 30px;
    }

.roundabout-holder {
    width: 880px;
    height: 400px;
    margin: 0 auto;
}

.roundabout-moveable-item {
    width: 423px;
    height: 345px;
    cursor: pointer;
    border: 3px solid #ccc;
    border: 3px solid rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

    .roundabout-moveable-item img {
        width: 100%;
    }

.roundabout-in-focus {
    border: 3px solid rgba(0, 0, 0, 0.2);
}

.honor .honor-nav {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 5px #f4f4f4 solid;
    text-align: center;
    height: 50px;
}

    .honor .honor-nav a {
        display: inline-block;
        line-height: 42px;
        color: #888;
        padding: 0 20px;
        background-color: #eee;
        margin: 0 2px;
        border-bottom: 2px #e2e2e2 solid
    }

        .honor .honor-nav a.current {
            background-color: #a53822;
            border-bottom: 2px #a53822 solid;
            color: #fff
        }

.honor .honor-list {
    overflow: hidden;
    padding-bottom: 30px
}

    .honor .honor-list ul {
    }

        .honor .honor-list ul li {
            width: 21.2%;
            float: left;
            margin: 0 0 30px 3%;
            border: 1px #eee solid;
            padding: 10px;
            background-color: #f7f7f7
        }

            .honor .honor-list ul li img {
                width: 100%;
            }

            .honor .honor-list ul li span {
                display: block;
                text-align: center;
                line-height: 40px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }


.member-nav {
    margin-top: 40px;
    text-align: center;
    height: 100px;
}

    .member-nav a {
        display: inline-block;
        line-height: 53px;
        color: #5a5a5a;
        padding: 0 40px;
        background-color: #f2f2f2;
        margin: 0 2px;
        font-size: 16px;
        border-bottom: 3px #e2e2e2 solid;
        border-radius: 5px;
    }

        .member-nav a.current {
            background-color: #a53822;
            border-bottom: 3px #a53822 solid;
            color: #fff
        }

.member-list {
    overflow: hidden;
    padding-bottom: 30px;
}

    .member-list .list-con {
        width: 100%;
        padding-left: 30px;
        padding-right: 20px
    }

    .member-list .item {
        width: 50%;
        float: left;
        padding-right: 1%;
        padding-bottom: 1%
    }

        .member-list .item a {
            display: block;
            background-color: #f3f3f3;
            padding: 20px 30px;
            position: relative;
            height: 190px;
            padding-left: 210px;
        }

        .member-list .item .num {
            width: 150px;
            float: left
        }

        .member-list .item .title {
            padding-top: 30px
        }

            .member-list .item .title strong {
                display: block;
                font-size: 20px;
                font-weight: 600;
            }

            .member-list .item .title span {
                display: block;
                color: #888;
                margin-top: 10px;
                line-height: 1.4
            }

        .member-list .item .num .circle-text {
            font-family: "dincond-medium-webfont";
            color: #aaa
        }

        .member-list .item .num .circle-info {
            display: none
        }

        .member-list .item .image {
            position: absolute;
            left: 30px;
            top: 20px;
            width: 150px;
            border-radius: 75px;
            overflow: hidden;
            border: 10px #fff solid;
            box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.06);
        }

            .member-list .item .image img {
                width: 130px;
                height: 130px;
            }




.member-view {
    position: absolute;
    z-index: 1001;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none
}

    .member-view a.close-btn {
        width: 27px;
        height: 27px;
        display: block;
        background: url(/skin/images/close-icon.png) no-repeat;
        position: absolute;
        top: -37px;
        right: 0;
        z-index: 9999
    }

    .member-view .mask {
        background-color: #000;
        filter: alpha(opacity=70);
        -moz-opacity: 0.7;
        opacity: 0.7;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 798px;
        z-index: 1
    }

    .member-view .box {
        width: 960px;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-left: -400px;
        z-index: 2;
        background: #fff;
        min-height: 450px
    }

    .member-view .links {
        width: 160px;
        background: url(/skin/images/case-nav-bg.gif) repeat-y right 0;
        position: absolute;
        left: -160px;
        top: 0;
        z-index: 3;
        min-height: 450px
    }

        .member-view .links a {
            display: block;
            height: 140px;
            padding: 25px 0;
            text-align: center;
            background-color: #777;
            color: #fff;
            font-size: 16px;
            border-bottom: 1px #888 solid
        }

            .member-view .links a i {
                font-size: 50px;
                line-height: 50px;
                font-weight: normal;
            }

            .member-view .links a span {
                display: block;
                margin-top: 5px;
            }

            .member-view .links a.current {
                background-color: #fff;
                color: #a53822;
                font-weight: bold
            }

    .member-view .member-main {
        position: relative;
        z-index: 200;
        width: 960px;
        padding: 40px;
        overflow-x: hidden;
        overflow-y: auto;
        height: 100%;
    }

        .member-view .member-main .loading {
            width: 64px;
            height: 64px;
            background: url(/skin/images/main-loading.gif) no-repeat;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -32px;
            margin-left: -32px;
            display: none
        }

    .member-view .member-info {
        line-height: 2;
        color: #5a5a5a;
    }

        .member-view .member-info p {
            margin-bottom: 10px;
        }

        .member-view .member-info .member-contact {
            font-weight: bold;
            margin-top: 20px;
            padding-top: 20px;
            border-top: 1px #eee solid
        }

    .member-view .member-map {
        height: 100%;
        overflow: hidden
    }

        .member-view .member-map .map {
        }


.business-location { /*background:url(/skin/images/location-bg.png) no-repeat 0 bottom #a53822;*/
    background-size: 50% auto;
    padding-top: 90px;
    border-bottom: 1px rgba(20, 145, 200, 0.1) solid;
    position: relative;
    z-index: 20
}

    .business-location .wrapper {
        line-height: 66px;
        color: #777;
        font-size: 13px;
        position: relative
    }

        .business-location .wrapper i {
            font-size: 14px;
        }

        .business-location .wrapper a {
            margin: 0 2px
        }

            .business-location .wrapper a:hover {
            }

    .business-location ul {
        float: right
    }

        .business-location ul li {
            position: relative;
            display: inline-block;
            padding: 0 20px;
        }

            .business-location ul li a {
                vertical-align: middle;
                -webkit-transform: translateZ(0);
                transform: translateZ(0);
                box-shadow: 0 0 1px rgba(0, 0, 0, 0);
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                -moz-osx-font-smoothing: grayscale;
                position: relative;
                -webkit-transition-property: color;
                transition-property: color;
                transition: all 0.3s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
                -webkit-transition: all 0.3s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
                display: inline-block;
                position: relative;
                text-align: center;
            }

                .business-location ul li a:before {
                    content: "";
                    position: absolute;
                    z-index: -1;
                    bottom: 0px;
                    left: 0;
                    right: 0;
                    background: #a53822;
                    -webkit-transform: scaleX(0);
                    transform: scaleX(0);
                    transition: all 1s cubic-bezier(0.215,.61,.215,1);
                    -webkit-transition: all 1s cubic-bezier(0.215,.61,.215,1);
                    color: #a53822;
                    padding: 0px 20px;
                    height: 3px;
                    display: none\9
                }

                .business-location ul li a:hover:before, .business-location ul li a:focus:before, .business-location ul li a:active:before {
                    -webkit-transform: scaleX(1);
                    transform: scaleX(1);
                }

                .business-location ul li a:hover {
                    color: #a53822;
                }

            .business-location ul li.current a {
                color: #a53822 !important;
                font-weight: bold
            }

                .business-location ul li.current a:before {
                    -webkit-transform: scaleX(1);
                    transform: scaleX(1);
                }

    .business-location.black {
        border-bottom: 0;
        background-color: #eee
    }

        .business-location.black .wrapper {
            color: #888
        }

            .business-location.black .wrapper a {
                color: #5a5a5a
            }

        .business-location.black ul li a:before {
            background-color: #a53822
        }

        .business-location.black ul li.current a {
            color: #a53822 !important
        }



.business-main {
    background: url(/skin/images/map-bg.jpg) no-repeat center bottom;
    background-size: cover;
    width: 100%;
    overflow: hidden;
    min-height: 750px;
    position: relative;
}

    .business-main .item-wrapper {
        padding: 4% 5% 16%;
        height: 100%;
    }

    .business-main .loading {
        width: 50px;
        height: 50px;
        position: absolute;
        left: 50%;
        margin-left: -25px;
        top: 50%;
        margin-top: -50px;
        background: url(/skin/images/loader2.gif) no-repeat;
        display: none
    }

    .business-main .items {
        width: 18%;
        margin: 0 1%;
        height: 100%;
        background: #efefef;
        overflow: hidden;
        float: left;
        position: relative;
        visibility: hidden;
        visibility: visible\9;
        box-shadow: 0px 3px 25px 0px rgba(0,0,0,0.1);
        z-index: 2
    }

    .business-main .image {
        width: 100%;
        height: 55%;
        overflow: hidden;
        position: relative
    }

    .business-main .bg {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-transition: -webkit-transform 0.5s ease-out;
        -moz-transition: -moz-transform 0.5s ease-out;
        -ms-transition: -ms-transform 0.5s ease-out;
        transition: transform 0.5s ease-out;
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
    }

    .business-main .mask {
        height: 50%;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: #1d3994;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0;
        z-index: 2;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
    }

    .business-main .txt {
        position: absolute;
        width: 100%;
        text-align: center;
        top: 65%;
        z-index: 3;
        left: 0;
        color: #444;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
    }

        .business-main .txt em {
            display: block;
            width: 80px;
            height: 80px;
            background-color: #fff;
            border-radius: 40px;
            position: absolute;
            top: -100px;
            left: 50%;
            margin-left: -40px;
            box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.06);
        }

        .business-main .txt i {
            display: block;
            font-size: 40px;
            line-height: 80px;
            color: #0093d3
        }

        .business-main .txt strong {
            display: block;
            font-size: 22px;
        }

        .business-main .txt span {
            display: block;
            font-family: "NoveDemiBold";
            color: #aaa
        }

        .business-main .txt a {
            display: inline-block;
            padding: 7px 10px 7px 15px;
            background-color: #2372b9;
            color: #fff;
            margin-top: 20px;
            transition: all 0.5s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
            -webkit-transition: all 0.5s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
        }

            .business-main .txt a:hover {
                background-color: #a53822;
                border-color: #a53822;
                color: #fff
            }

            .business-main .txt a i {
                display: inline-block;
                font-size: 18px;
                line-height: 1.5;
                color: #fff;
                margin-left: 2px;
                position: relative;
                top: 2px
            }

    .business-main .items:hover .mask { /*filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;*/
    }

    .business-main .items:hover .bg {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
    }

    .business-main .items:hover a {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
        margin-top: 20px;
        background-color: #2372b9;
        color: #fff;
        padding: 7px 25px;
    }

    .business-main .bx-pager {
        bottom: -40px !important
    }

        .business-main .bx-pager.bx-default-pager a {
            background: #fff !important
        }

            .business-main .bx-pager.bx-default-pager a.active {
                background: #005acb !important
            }

    .business-main a.prev-btn {
        display: block;
        width: 50px;
        height: 50px;
        background: url(/skin/images/prev.png) no-repeat;
        position: absolute;
        left: 50%;
        margin-left: -680px;
        top: 50%;
        margin-top: -45px;
    }

        .business-main a.prev-btn:hover {
            background-image: url(/skin/images/prev_on.png)
        }

    .business-main a.next-btn {
        display: block;
        width: 50px;
        height: 50px;
        background: url(/skin/images/next.png) no-repeat;
        position: absolute;
        left: 50%;
        margin-left: 630px;
        top: 50%;
        margin-top: -45px;
    }

        .business-main a.next-btn:hover {
            background-image: url(/skin/images/next_on.png)
        }

    .business-main .map-btn {
        width: 220px;
        height: 70px;
        background-color: #2372b9;
        position: absolute;
        left: 50%;
        margin-left: -100px;
        bottom: -70px;
        z-index: 2;
        border-radius: 5px 5px 0 0;
        transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
        -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
    }

        .business-main .map-btn a {
            display: block;
            line-height: 60px;
            font-size: 16px;
            text-align: center;
            color: #fff
        }

            .business-main .map-btn a i {
                font-size: 26px;
                line-height: 26px;
                position: relative;
                top: 4px;
                margin-right: 5px
            }

        .business-main .map-btn.hover {
            bottom: -10px
        }

        .business-main .map-btn:hover {
            bottom: 0
        }

@media (max-height: 800px) {
    .business-main .txt i {
        font-size: 50px
    }

    .business-main .txt span {
        display: none
    }
}

.business-view {
    width: 96%;
    max-width: 1400px;
    margin: 30px auto 40px;
    position: relative;
    ;
}

.business-left {
    width: 20%;
    float: left;
}

.business-cate {
    border-top: 10px #0093d3 solid
}

    .business-cate a {
        display: block;
        height: 60px;
        background-color: #f5f5f5;
        border-bottom: 1px #eee solid;
        padding: 0px 50px;
        line-height: 56px;
        font-size: 16px;
    }

        .business-cate a i {
            font-size: 24px;
            margin-right: 10px;
            position: relative;
            top: 4px
        }

        .business-cate a.current {
            background-color: #fff;
            color: #a53822;
        }

.business-con {
    width: 77%;
    float: right;
    background-color: #fff;
    height: 100%;
    padding: 30px 50px 40px
}

.business-view .title {
    margin-bottom: 20px;
}

    .business-view .title strong {
        margin-left: 30px;
        margin-left: 0px \9;
        color: #ddd;
        font-size: 60px;
        font-family: "dincond-medium-webfont";
        text-transform: uppercase;
        letter-spacing: -1px;
        -webkit-animation: cth1 800ms ease-out forwards;
        animation: cth1 800ms ease-out forwards;
        opacity: 0;
        display: inline-block
    }

    .business-view .title span {
        display: inline-block;
        position: relative;
        top: -3px;
        margin-left: -30px;
        margin-left: 0 \9;
        color: #5a575b;
        font-size: 24px;
        font-weight: bold;
        -webkit-animation: cth2 800ms ease-out forwards;
        animation: cth2 800ms ease-out forwards;
        opacity: 0;
    }

    .business-view .title p {
        font-size: 22px;
        margin-top: 15px;
        color: #a53822;
    }

.business-view .content {
    line-height: 2;
    margin-top: 30px;
    min-height: 200px
}

    .business-view .content p {
        margin-bottom: 20px;
    }

.business-view .slider {
    height: 390px !important;
    position: relative;
    overflow: hidden;
    background: url(/skin/images/bg1.png) no-repeat, url(../images/bg2.png) no-repeat;
    background-position: center center,bottom center;
    background-size: 90% auto,85% auto
}


    .business-view .slider .swiper-container {
        overflow: hidden;
        height: 360px;
    }

    .business-view .slider .swiper-slide {
        text-align: center;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover
    }

    .business-view .slider .pagination {
        position: absolute;
        z-index: 20;
        bottom: 40px;
        width: 100%;
        text-align: center;
        margin: 0
    }

    .business-view .slider .swiper-pagination-switch {
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 8px;
        background: #fff;
        margin: 0 5px;
        opacity: 0.8;
        cursor: pointer;
    }

    .business-view .slider .swiper-active-switch {
        background: #0090ff;
    }

    .business-view .slider .arrow-left {
        display: block;
        z-index: 50;
        width: 70px;
        height: 70px;
        background: url(/skin/images/prev-btn.png) no-repeat;
        position: absolute;
        top: 50%;
        margin-top: -35px;
        left: -80px;
        visibility: hidden;
        filter: alpha(opacity=0);
        opacity: 0;
        transition-duration: 0.5s;
    }

    .business-view .slider .arrow-right {
        display: block;
        z-index: 50;
        width: 70px;
        height: 70px;
        background: url(/skin/images/next-btn.png) no-repeat;
        position: absolute;
        top: 50%;
        margin-top: -35px;
        right: -80px;
        visibility: hidden;
        filter: alpha(opacity=0);
        opacity: 0;
        transition-duration: 0.5s;
    }



.chart-item {
    width: 50%;
    float: left;
    padding-top: 30px;
}

    .chart-item h3 {
        text-align: center;
    }

        .chart-item h3 strong {
            display: block;
            font-size: 18px;
        }

        .chart-item h3 span {
            display: block;
            font-size: 14px;
            margin-top: 10px;
        }

.xg-project {
    margin-top: 30px;
}

    .xg-project h2 {
        font-size: 18px;
        font-weight: bold;
        line-height: 18px;
        border-left: 7px #0093d3 solid;
        padding-left: 15px;
    }

    .xg-project .list {
        overflow: hidden;
        margin-top: 30px;
    }

        .xg-project .list ul {
        }

            .xg-project .list ul li {
                width: 20%;
                float: left;
                text-align: center;
                margin-bottom: 20px;
            }

                .xg-project .list ul li img {
                    width: 120px;
                    height: 120px;
                    border-radius: 50%;
                }

                .xg-project .list ul li p {
                    text-align: center;
                    padding: 15px 0;
                }

                    .xg-project .list ul li p strong {
                        display: block;
                    }

                    .xg-project .list ul li p span {
                        color: #aaa;
                        display: block;
                        font-size: 12px;
                        margin-top: 3px;
                    }


.map {
    position: relative;
    background: url(/skin/images/map-bg.jpg) no-repeat center bottom;
    background-size: cover;
    width: 100%;
    overflow: hidden;
    min-height: 750px;
}

    .map .loading {
        width: 50px;
        height: 50px;
        position: absolute;
        left: 50%;
        margin-left: -25px;
        top: 50%;
        margin-top: -80px;
        z-index: 100;
    }

    .map h1 {
        text-align: center;
        position: absolute;
        left: 0;
        top: 200px;
        font-size: 26px;
        width: 100%;
        text-align: center;
        opacity: 0;
        color: #444;
        font-weight: bold
    }

        .map h1 p {
            display: none;
            width: 440px;
            margin: 20px auto 0;
            border-bottom: 1px rgba(46,178,235,.3) solid;
            height: 18px;
        }

        .map h1 span {
            display: inline-block;
            font-size: 15px;
            color: #fff;
            font-weight: normal;
            background-color: #0093d3;
            padding: 8px 15px;
            ;
            border-radius: 3px;
        }

            .map h1 span b {
                margin: 0 2px
            }

.map-tab {
    position: absolute;
    right: 90px;
    top: 200px;
    z-index: 10;
}

    .map-tab a {
        display: block;
        height: 66px;
        width: 200px;
        background: url(/skin/images/map-s1.png) no-repeat 20px center #3394cf;
        color: #fff;
        line-height: 66px;
        padding-left: 80px;
        font-weight: bold;
        position: relative;
        border-radius: 4px 4px 0 0;
    }

        .map-tab a.current {
            background-color: #0367a4;
            color: #fff;
            box-shadow: inset 0 2px 15px rgba(0, 0, 0, 0.05);
        }

            .map-tab a.current:before {
                content: "";
                display: block;
                width: 0;
                height: 0;
                border-top: 10px solid transparent;
                border-right: 8px solid #0367a4;
                border-bottom: 10px solid transparent;
                position: absolute;
                left: -8px;
                top: 23px;
            }

        .map-tab a:last-child {
            background-image: url(/skin/images/map-s2.png);
            border-radius: 0 0 4px 4px;
        }




.world-map {
    width: 1120px;
    height: 544px;
    position: absolute;
    left: 50%;
    margin-left: -560px;
    top: 50%;
    margin-top: -170px;
    opacity: 0;
}

.world-map-bg {
    width: 1120px;
    height: 544px;
    background: url(/skin/images/world-map.png) no-repeat;
}

.world-map .tuli {
    position: absolute;
    left: -40px;
    top: 400px;
}

    .world-map .tuli li {
        margin-bottom: 15px;
        color: #fff;
    }

        .world-map .tuli li i {
            display: inline-block;
            width: 20px;
            height: 20px;
            background-color: #ccc;
            border: 1px #fff solid;
            margin-right: 10px;
            position: relative;
            top: 5px
        }

            .world-map .tuli li i.green {
                background-color: #68b92e
            }

            .world-map .tuli li i.blue {
                background-color: #0978d5
            }


.local-map {
    width: 793px;
    height: 596px;
    position: absolute;
    left: 50%;
    margin-left: -400px;
    top: 50%;
    margin-top: -190px;
    opacity: 0;
}

.local-map-bg {
    width: 793px;
    height: 596px;
    background: url(/skin/images/local-map.png) no-repeat;
}

.local-map .tuli {
    position: absolute;
    left: -210px;
    top: 270px;
    background-color: #fff;
    border-bottom: 0;
}

    .local-map .tuli li {
    }

        .local-map .tuli li a {
            display: block;
            padding: 15px 25px;
            border-bottom: 1px #eee solid
        }

        .local-map .tuli li i {
            display: inline-block;
            margin-right: 10px;
            position: relative;
            top: 1px
        }

        .local-map .tuli li a.current {
            background-color: #68b92e;
            color: #fff
        }

        .local-map .tuli li:last-child a {
            border: 0
        }

@media ( max-height:800px ) {
    .map h1 {
        display: none
    }

    .world-map {
        margin-top: -200px;
    }
}

/*标注*/
.pointer {
    position: absolute;
    top: 50px;
    left: 50px;
    display: block;
    visibility: hidden;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    opacity: 0;
    filter: alpha(Opacity=0);
}

    .pointer em {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 32px;
        height: 44px;
        z-index: 3;
    }

        .pointer em i {
            line-height: 36px;
            color: #dbebcf;
            font-size: 16px;
            position: absolute;
            left: 8px
        }

    .pointer svg {
        display: block;
        width: 32px;
        height: 44px;
        position: relative;
        overflow: visible;
        z-index: 2;
        cursor: pointer;
    }

    .pointer .cross {
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

    .pointer .dots {
        -webkit-transform-origin: 16px 16px;
        -moz-transform-origin: 16px 16px;
        -ms-transform-origin: 16px 16px;
        transform-origin: 16px 16px;
    }

    .pointer .bg {
        opacity: 1;
    }

    .pointer .hover {
        opacity: 1;
        fill: #68b92e;
        stroke-dasharray: 130;
        stroke-dashoffset: 130;
    }

    .pointer .content {
        position: absolute;
        width: 150px;
        height: 160px;
        text-align: center;
        padding: 10px;
        left: 50%;
        margin-left: -75px;
        top: -175px;
        visibility: hidden;
        opacity: 0;
        filter: alpha(opacity=0);
        z-index: 1;
        background: #fff;
        box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.1);
    }

        .pointer .content .logo {
        }

            .pointer .content .logo img {
                width: 100%;
                border: 1px #eee solid
            }

        .pointer .content .text {
            margin-top: 10px;
        }

            .pointer .content .text strong {
                display: block;
                font-size: 16px;
            }

            .pointer .content .text span {
                display: block;
                font-size: 12px;
                margin-top: 3px;
            }

        .pointer .content:before {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-top: 8px solid #fff;
            border-right: 10px solid transparent;
            position: absolute;
            left: -8px;
            bottom: -8px;
            left: 50%;
            margin-left: -10px;
        }

        .pointer .content:after {
            content: "";
            display: block;
            width: 100%;
            left: 0;
            top: 160px;
            height: 40px;
            background: url(/skin/fonts/d7531be8e70646d58c78a787471eea99.woff);
        visibility: visible
    }




.point-area {
    text-align: center;
    position: relative;
    width: 12px;
    height: 12px;
    -webkit-transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out
}

    .point-area .point {
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 12px;
        height: 12px;
        margin: auto;
        -webkit-border-radius: 50%;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 50%;
        -moz-background-clip: padding;
        border-radius: 50%;
        background: 0 0
    }

    .point-area .point-dot {
        position: relative;
        z-index: 50;
        top: 50%;
        margin-top: -6px;
        cursor: default;
        background-color: #006ba3;
        box-shadow: 0 0 10px rgba(0,196,226,.5)
    }

        .point-area .point-dot .area {
            position: absolute;
            top: -5px;
            display: inline-block;
            max-width: 100px;
            min-width: 48px;
            font-size: 14px;
            color: #555;
            text-align: left;
        }

    .point-area .point-1, .point-area .point-2 {
        width: 500%;
        height: 500%;
        margin-left: 237%;
        margin-top: 291%;
    }

        .point-area .point-1:after {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            border-radius: 50%;
            border: 2px solid #51a4e5;
            opacity: 0;
            -webkit-animation: ripple 4.5s ease-out 225ms infinite;
            -moz-animation: ripple 4.5s ease-out 225ms infinite;
            -o-animation: ripple 4.5s ease-out 225ms infinite;
            animation: ripple 4.5s ease-out 225ms infinite
        }

        .point-area .point-2:after {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            border-radius: 50%;
            border: 2px solid #51a4e5;
            opacity: 0;
            -webkit-animation: ripple 4.5s ease-out 1125ms infinite;
            -moz-animation: ripple 4.5s ease-out 1125ms infinite;
            -o-animation: ripple 4.5s ease-out 1125ms infinite;
            animation: ripple 4.5s ease-out 1125ms infinite
        }

    .point-area .point-3 {
        width: 100%;
        height: 100%
    }

        .point-area .point-3:after {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            border-radius: 50%;
            border: 2px solid #51a4e5;
            opacity: 0;
            -webkit-animation: ripple 4.5s ease-out 2.25s infinite;
            -moz-animation: ripple 4.5s ease-out 2.25s infinite;
            -o-animation: ripple 4.5s ease-out 2.25s infinite;
            animation: ripple 4.5s ease-out 2.25s infinite
        }

.latter .point-1:after {
    -webkit-animation: ripple 4.5s ease-out 825ms infinite;
    -moz-animation: ripple 4.5s ease-out 825ms infinite;
    -o-animation: ripple 4.5s ease-out 825ms infinite;
    animation: ripple 4.5s ease-out 825ms infinite
}

.latter .point-2:after {
    -webkit-animation: ripple 4.5s ease-out 1725ms infinite;
    -moz-animation: ripple 4.5s ease-out 1725ms infinite;
    -o-animation: ripple 4.5s ease-out 1725ms infinite;
    animation: ripple 4.5s ease-out 1725ms infinite
}

.latter .point-3:after {
    -webkit-animation: ripple 4.5s ease-out 2.85s infinite;
    -moz-animation: ripple 4.5s ease-out 2.85s infinite;
    -o-animation: ripple 4.5s ease-out 2.85s infinite;
    animation: ripple 4.5s ease-out 2.85s infinite
}

.big, .big .point {
    width: 16px;
    height: 16px
}

    .big .point-dot {
        margin-top: -8px
    }

    .big .point-1, .big .point-2, .big .point-3 {
        width: 1000%;
        height: 1000%;
        margin-left: -450%
    }

.point-area.s2 .point-dot {
    background-color: #fd343b
}


.index-map .point-area {
    margin-left: 177px;
    margin-top: -20px;
}

    .index-map .point-area .point-dot {
        width: 10px;
        height: 10px;
        background-color: #0093d3;
        top: 60px;
        left: 53px;
    }


@-webkit-keyframes ripple {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1,.1)
    }

    5% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes ripple {
    0% {
        opacity: 0;
        -moz-transform: scale(.1,.1)
    }

    5% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -moz-transform: scale(1)
    }
}

@-o-keyframes ripple {
    0% {
        opacity: 0;
        -o-transform: scale(.1,.1)
    }

    5% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -o-transform: scale(1)
    }
}

@keyframes ripple {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1,.1);
        -moz-transform: scale(.1,.1);
        -ms-transform: scale(.1,.1);
        transform: scale(.1,.1)
    }

    5% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes run {
    0% {
        width: 0;
        height: 0
    }

    50% {
        width: 60px;
        height: 60px
    }

    100% {
        width: 30px;
        height: 30px
    }
}

@-moz-keyframes run {
    0% {
        width: 0;
        height: 0
    }

    50% {
        width: 60px;
        height: 60px
    }

    100% {
        width: 30px;
        height: 30px
    }
}

@-o-keyframes run {
    0% {
        width: 0;
        height: 0
    }

    50% {
        width: 60px;
        height: 60px
    }

    100% {
        width: 30px;
        height: 30px
    }
}

@keyframes run {
    0% {
        width: 0;
        height: 0
    }

    50% {
        width: 90px;
        height: 90px
    }

    100% {
        width: 30px;
        height: 100px
    }
}



.project-view {
    position: absolute;
    z-index: 1001;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none
}

    .project-view a.close-btn {
        width: 27px;
        height: 27px;
        display: block;
        background: url(/skin/images/close-icon.png) no-repeat;
        position: absolute;
        top: -37px;
        right: 0;
        z-index: 9999
    }

    .project-view .mask {
        background-color: #111;
        filter: alpha(opacity=70);
        -moz-opacity: 0.7;
        opacity: 0.7;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 798px;
        z-index: 1
    }

    .project-view .box {
        width: 960px;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-left: -400px;
        z-index: 2;
        background: #fff;
        min-height: 450px
    }

    .project-view .links {
        width: 160px;
        background: url(/skin/images/case-nav-bg.gif) repeat-y right 0;
        position: absolute;
        left: -160px;
        top: 0;
        z-index: 3;
        min-height: 450px
    }

        .project-view .links a {
            display: block;
            height: 140px;
            padding: 25px 0;
            text-align: center;
            background-color: #777;
            color: #fff;
            font-size: 16px;
            border-bottom: 1px #888 solid
        }

            .project-view .links a i {
                font-size: 50px;
                line-height: 50px;
                font-weight: normal;
            }

            .project-view .links a span {
                display: block;
                margin-top: 5px;
            }

            .project-view .links a.current {
                background-color: #fff;
                color: #006db8;
                font-weight: bold
            }

    .project-view .project-main {
        position: relative;
        z-index: 200;
        width: 960px;
        padding: 40px;
        overflow-x: hidden;
        overflow-y: auto;
        height: 100%;
    }

        .project-view .project-main .loading {
            width: 64px;
            height: 64px;
            background: url(/skin/images/main-loading.gif) no-repeat;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -32px;
            margin-left: -32px;
            display: none
        }

    .project-view .project-info {
    }

        .project-view .project-info .base-info .image {
            width: 300px;
            float: left;
            overflow: hidden
        }

            .project-view .project-info .base-info .image img {
                width: 100%;
            }

        .project-view .project-info .base-info .text {
            width: 530px;
            float: right
        }

            .project-view .project-info .base-info .text p {
                margin-bottom: 10px;
            }

            .project-view .project-info .base-info .text label {
                color: #7a7a7a
            }

            .project-view .project-info .base-info .text strong {
                font-size: 26px;
                padding-bottom: 10px;
                padding-top: 10px;
                display: block
            }

        .project-view .project-info .content {
            line-height: 2;
            margin-top: 20px;
            line-height: 2;
            color: #5a5a5a;
        }

            .project-view .project-info .content p {
                margin-bottom: 10px;
            }

    .project-view .project-map {
        height: 100%;
        overflow: hidden
    }

        .project-view .project-map .map {
        }

    .project-view .project-photo .list {
        width: 880px;
        overflow: hidden
    }

        .project-view .project-photo .list ul {
            width: 950px;
        }

            .project-view .project-photo .list ul li {
                width: 260px;
                float: left;
                text-align: center;
                margin-right: 40px;
                margin-bottom: 30px;
            }

                .project-view .project-photo .list ul li img {
                    width: 100%;
                }

                .project-view .project-photo .list ul li span {
                    display: block;
                    margin-top: 10px;
                }




.performance-item-a {
    background-color: #fff;
    padding: 60px 0 30px
}

    .performance-item-a h2 {
        position: relative;
    }

        .performance-item-a h2 strong {
            display: block;
            font-size: 30px;
            font-weight: 400;
            ;
            -webkit-animation: mapText2 800ms ease-out forwards;
            animation: mapText2 800ms ease-out forwards;
            opacity: 0;
        }

        .performance-item-a h2 span {
            display: block;
            font-weight: 700;
            margin-top: 5px;
            font-size: 40px;
            font-family: "dincond-medium-webfont";
            text-transform: uppercase;
            letter-spacing: -1px;
            color: #ddd;
            ;
            -webkit-animation: mapText1 800ms ease-out forwards;
            animation: mapText1 800ms ease-out forwards;
            opacity: 0;
        }

    .performance-item-a .con {
        margin-top: 20px;
    }

        .performance-item-a .con .text {
            width: 630px;
            font-size: 15px;
            line-height: 2.2;
            float: left;
        }

        .performance-item-a .con .image {
            width: 550px;
            float: right;
            position: relative;
            margin-top: -90px
        }

            .performance-item-a .con .image .pic1 {
                width: 550px;
                height: 220px;
                background: url(/skin/images/performance-pic1.gif) no-repeat;
                position: relative;
                z-index: 2
            }

            .performance-item-a .con .image .pic2 {
                width: 550px;
                height: 220px;
                background: url(/skin/images/performance-pic2.gif) no-repeat;
                position: absolute;
                left: 0;
                top: 0;
            }

.performance-item-b {
    background: url(/skin/images/performance-bg1.jpg) no-repeat center center;
    background-size: cover;
    padding: 50px 0 60px
}

    .performance-item-b h2 {
        text-align: center;
        font-size: 24px;
        font-weight: 400;
        height: 40px;
        position: relative;
        color: #fff
    }

        .performance-item-b h2:before {
            content: "";
            position: absolute;
            display: block;
            height: 4px;
            width: 80px;
            background: #e62129;
            left: 50%;
            top: 40px;
            margin-left: -40px;
        }

    .performance-item-b .wrapper {
    }

    .performance-item-b .con {
        margin-top: 40px;
    }

        .performance-item-b .con .item {
            width: 230px;
            float: left;
            margin-right: 12px;
            background-color: #fff;
            padding: 30px 25px;
            text-align: center;
            box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
        }

            .performance-item-b .con .item strong {
                display: block;
                font-family: "NoveDemiBold";
                font-size: 40px;
                color: #a53822
            }

            .performance-item-b .con .item span {
                display: block;
                font-size: 16px;
            }

            .performance-item-b .con .item p {
                margin-top: 15px;
                line-height: 1.6;
                font-size: 12px;
                color: #9a9a9a
            }


.performance-item-d {
    background: url(/skin/images/performance-bg1.jpg) no-repeat center center;
    background-size: cover;
    padding: 50px 0 60px
}

    .performance-item-d h2 {
        text-align: center;
        font-size: 24px;
        font-weight: 400;
        height: 70px;
        position: relative;
        color: #fff
    }

        .performance-item-d h2 span {
            display: block;
            font-size: 18px;
            margin-top: 10px;
        }

        .performance-item-d h2:before {
            content: "";
            position: absolute;
            display: block;
            height: 4px;
            width: 80px;
            background: #e62129;
            left: 50%;
            top: 70px;
            margin-left: -40px;
        }

    .performance-item-d .wrapper {
        position: relative
    }

    .performance-item-d .con {
        width: 1200px;
        overflow: hidden;
        margin-top: 40px;
        position: relative;
        height: 380px;
    }

        .performance-item-d .con .scroll-wrapper {
            width: 2480px;
            transition: 1s cubic-bezier(0.215,.61,.215,1);
            -webkit-transition: 1s cubic-bezier(0.215,.61,.215,1);
            -moz-transition: 1s cubic-bezier(0.215,.61,.215,1);
            -o-transition: 1s cubic-bezier(0.215,.61,.215,1);
            position: absolute;
            top: 0;
            left: 0px;
        }

        .performance-item-d .con .item {
            width: 580px;
            float: left;
            margin-right: 40px;
            background-color: #fff;
            padding: 30px 30px 0;
            overflow: hidden;
            text-align: center;
            box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
        }

            .performance-item-d .con .item h3 {
                height: 60px;
                background-color: #eee;
                width: 280px;
                margin: 0 auto;
                overflow: hidden;
                border-radius: 5px;
            }

                .performance-item-d .con .item h3 strong {
                    display: block;
                    font-family: "NoveDemiBold";
                    font-size: 30px;
                    width: 50%;
                    float: right;
                    color: #fff;
                    background-color: #a53822;
                    line-height: 60px;
                }

                .performance-item-d .con .item h3 span em {
                    display: block;
                    font-size: 12px;
                    font-family: "Microsoft Yahei",Tahoma,Arial,sans-serif;
                    padding-top: 7px;
                    color: #aaa
                }

                .performance-item-d .con .item h3 span {
                    display: block;
                    font-size: 16px;
                    float: left;
                    text-align: center;
                    width: 50%;
                    padding: 13px 0
                }

                .performance-item-d .con .item h3 label {
                    line-height: 60px;
                    font-size: 16px;
                }

            .performance-item-d .con .item .chart-box {
                position: relative;
                margin-top: -20px;
            }

    .performance-item-d a.prev-btn {
        position: absolute;
        left: -60px;
        top: 50%;
        margin-top: 20px;
        color: #fff;
        display: none;
    }

        .performance-item-d a.prev-btn i {
            font-size: 48px;
        }

    .performance-item-d a.next-btn {
        position: absolute;
        right: -60px;
        top: 50%;
        margin-top: 20px;
        color: #fff;
        display: block;
    }

        .performance-item-d a.next-btn i {
            font-size: 48px;
        }


.performance-item-c {
    padding: 40px 0 60px
}

    .performance-item-c h2 {
        text-align: center;
        font-size: 24px;
        font-weight: 400;
        height: 40px;
        position: relative;
    }

        .performance-item-c h2:before {
            content: "";
            position: absolute;
            display: block;
            height: 4px;
            width: 80px;
            background: #e62129;
            left: 50%;
            top: 40px;
            margin-left: -40px;
        }

    .performance-item-c .wrapper {
    }

.performance-nav {
    margin-top: 40px;
    background-color: #f2f2f2
}

    .performance-nav a {
        display: block;
        float: left;
        width: 20%;
        border-right: 1px #e4e4e4 solid;
        padding: 30px;
        height: 110px;
        position: relative;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
    }

        .performance-nav a i {
            display: block;
            font-size: 40px;
            position: relative;
            z-index: 2;
            float: left;
            color: #aaa
        }

        .performance-nav a .title {
            display: block;
            position: relative;
            z-index: 2;
            width: 120px;
            float: right
        }

            .performance-nav a .title strong {
                display: block;
                font-size: 18px;
                color: #5a5a5a
            }

            .performance-nav a .title span {
                display: block;
                font-family: "dincond-medium-webfont";
                color: #bbb;
                font-size: 20px;
            }

        .performance-nav a.current {
            background-color: #fff
        }

            .performance-nav a.current i {
                color: #a53822
            }

            .performance-nav a.current strong {
                color: #a53822
            }

            .performance-nav a.current span {
                color: #a53822
            }

.performance-item-c .content {
    padding: 40px;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

    .performance-item-c .content .text {
        width: 700px;
        float: left;
        line-height: 2;
        color: #6a6a6a;
        font-size: 16px;
    }

        .performance-item-c .content .text p {
            margin-bottom: 10px;
            text-indent: 2em
        }

    .performance-item-c .content .chart {
        width: 400px;
        float: right;
    }


.news-con {
    margin-top: 30px;
    background-color: #f2f2f2;
}

.news-left { /*width:68%;*/ /*float:left;*/
    padding-bottom: 50px;
    background-color: #f7f7f7;
    min-height: 600px
}

    .news-left .top-news {
        background-color: #fff;
        padding: 0 30px 30px 390px;
        height: 210px;
        position: relative
    }

        .news-left .top-news .image {
            width: 330px;
			height: 180px;
            position: absolute;
            left: 30px;
            top: 0;
        }

            .news-left .top-news .image img {
                height: 100%;
	width: 100%;
	object-fit: cover;
            }

        .news-left .top-news .text {
            height: 175px;
            overflow: hidden;
        }

            .news-left .top-news .text span {
                display: block;
                font-family: "dincond-medium-webfont";
                font-weight: 200;
                font-size: 14px;
                color: #aaa;
                float: right;
            }

            .news-left .top-news .text h2 {
                font-size: 16px;
                font-weight: bold;
                line-height: 1.6;
                margin-top: 10px
            }

            .news-left .top-news .text p {
                margin-top: 15px;
                line-height: 1.8;
                color: #aaa;
                font-size: 13px
            }

.news-list {
}

    .news-list li {
        border-top: 1px #e8e8e8 solid;
        border-bottom: 1px #e8e8e8 solid;
        margin-top: -1px;
        position: relative
    }

        .news-list li a {
            display: block;
            height: 142px;
            padding: 25px 30px 25px 160px;
            -webkit-transition: background-color .25s;
            transition: background-color .25s;
        }

        .news-list li .image {
            width: 120px;
			height: 100px;
            position: absolute;
            left: 30px;
            top: 30px;
        }

         .news-list li .image img {
            height: 100%;
            width: 100%;
            object-fit: cover;
        }

        .news-list li .time {
            width: 130px;
            font-family: "NoveDemiBold";
            font-size: 14px;
            color: #aaa;
            text-align: right;
            padding-right: 15px;
            float: right;
            font-weight: 200;
        }

            .news-list li .time span {
                font-family: "Microsoft Yahei",Tahoma,Arial,sans-serif;
                display: block;
                font-size: 14px;
                color: #888;
                text-align: right;
                margin-top: 6px;
            }

        .news-list li .text {
        }

            .news-list li .text strong {
                display: block;
                line-height: 1.6;
                font-size: 16px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .news-list li .text p {
                margin-top: 10px;
                line-height: 1.8;
                color: #aaa;
                font-size: 13px
            }

        .news-list li .more {
            width: 0px;
            height: 142px;
            background: url(/skin/images/news-more.jpg) no-repeat right center;
            box-shadow: -100px 0 142px #f2f6f7;
            opacity: 0;
            position: absolute;
            right: 0;
            top: 0;
            transition: all 0.3s;
            -webkit-transition: all 0.3s;
        }

        .news-list li a:hover {
            background-color: #fff
        }

            .news-list li a:hover .more {
                right: 0;
                opacity: 1;
                width: 142px;
            }

.news-right {
    width: 32%;
    float: right;
    height: 400px;
    padding: 30px
}

    .news-right .search {
        background-color: #fff;
        height: 50px;
        position: relative;
    }

        .news-right .search input {
            width: 100%;
            height: 50px;
            line-height: 20px;
            padding: 15px;
            border: 0;
            font-size: 14px;
        }

        .news-right .search button {
            border: 0;
            background: none;
            position: absolute;
            right: 0px;
            top: 0px;
            z-index: 2;
            font-size: 20px;
            color: #ccc;
            height: 50px;
            width: 52px;
        }

            .news-right .search button i {
                font-size: 30px;
                line-height: 52px;
                position: relative;
                left: 2px
            }

        .news-right .search.s2 button {
            background-color: #aaa;
            color: #fff;
            -webkit-transition: background-color .25s;
            transition: background-color .25s;
        }

            .news-right .search.s2 button:hover {
                background-color: #999
            }


.search-top {
    font-size: 16px;
    margin-top: 10px;
    padding: 20px 30px;
    background-color: #f7f5f4;
    border-bottom: 2px #eee solid
}

.article-list {
    padding: 30px
}

    .article-list li {
        text-align: right;
        padding: 20px 0;
        border-bottom: 1px #e8e8e8 solid
    }

        .article-list li a {
            float: left;
            background: url(/skin/images/li.gif) no-repeat 0 center;
            padding-left: 15px;
            font-size: 16px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: inline-block;
            max-width: 580px;
            _width: 580px;
        }

        .article-list li span {
            color: #aaa
        }


.pics-list {
    overflow: hidden;
    padding: 30px 30px 60px
}

    .pics-list ul {
    }

        .pics-list ul li {
            width: 32%;
            float: left;
            margin-left: 2%;
            margin-top: 30px;
            border: 1px #eee solid
        }

            .pics-list ul li .image {
                overflow: hidden;
                position: relative;
                background-color: #f5f5f5;
                text-align: center;
            }

            .pics-list ul li img {
                width: 100%
            }

            .pics-list ul li a {
                display: block;
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0
            }

            .pics-list ul li .title {
                text-align: center;
                overflow: hidden;
                padding: 15px 30px 25px;
                line-height: 20px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

.right-jubao {
    background: url(/skin/images/tel.jpg) no-repeat right center;
    margin-top: 10px;
    height: 120px;
    padding: 35px 40px 30px 110px;
    color: #fff;
    position: relative
}

    .right-jubao span {
        display: block;
    }

    .right-jubao strong {
        display: block;
        font-weight: 400;
        font-size: 20px;
        letter-spacing: -1px
    }

    .right-jubao i {
        font-size: 60px;
        line-height: 60px;
        position: absolute;
        left: 30px;
        top: 32px;
    }

.right-pic {
    margin-top: 10px;
}

    .right-pic img {
        width: 100%
    }

.right-paper {
    background-color: #1c64b7;
    margin-top: 20px;
    color: #fff;
}

    .right-paper .image {
        width: 36%;
        float: left;
        margin-top: 20px;
        padding-left: 20px;
    }

        .right-paper .image img {
            width: 100%;
            box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.1);
        }

    .right-paper .text {
        width: 60%;
        float: right;
        padding: 20px 20px 30px;
    }

        .right-paper .text .title strong {
            display: block;
            font-size: 18px;
            position: relative;
            left: -7px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

            .right-paper .text .title strong a {
                color: #fff
            }

        .right-paper .text .title span {
            display: block;
            font-size: 16px;
            margin-top: 6px;
        }

        .right-paper .text .other {
            margin-top: 20px;
            font-size: 14px;
            line-height: 1.6
        }

            .right-paper .text .other p {
                margin-top: 10px;
                color: #a3daf3
            }

    .right-paper .btns {
        height: 60px;
    }

        .right-paper .btns a {
            display: block;
            line-height: 60px;
            float: left;
            width: 100%;
            text-align: center;
            padding: 0 20px;
            position: relative;
            font-size: 18px;
            color: #fff;
            background-color: #9ad452
        }

            .right-paper .btns a i {
                font-size: 30px;
                margin-right: 3px;
                position: relative;
                top: 4px
            }

            .right-paper .btns a em {
                float: right;
                font-size: 30px;
                margin-right: 3px;
                position: relative;
                top: 4px
            }

            .right-paper .btns a:last-child {
                background-color: #82c530
            }


.right-shares {
    margin-top: 20px;
    background-color: #e2e2e2;
    padding: 20px 40px 30px;
}

    .right-shares .num {
        line-height: 30px;
        color: #fd343b;
        margin-top: 8px;
    }

        .right-shares .num strong {
            position: relative;
            font-size: 50px;
            font-family: "dincond-medium-webfont";
            font-weight: 500;
            float: left;
            display: none
        }

            .right-shares .num strong.downtxt {
                color: #78c737
            }

        .right-shares .num i {
            float: left;
            font-size: 20px;
            position: relative;
            top: -6px;
            margin-left: 20px;
            display: none
        }

            .right-shares .num i.down {
                transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                color: #78c737
            }

        .right-shares .num span {
            display: block;
            float: left;
            font-size: 15px;
            font-family: Tahoma, Geneva, sans-serif;
            position: relative;
            top: 5px;
            display: none
        }

    .right-shares .title {
        color: #5a5a5a;
        margin-top: 20px;
        font-size: 15px;
        font-weight: bold;
        line-height: 22px;
    }

        .right-shares .title span {
            color: #aaa;
            display: block;
            font-size: 13px;
            margin-top: 5px;
            font-weight: normal
        }

        .right-shares .title em {
            color: #fd343b;
            margin-left: 5px;
            font-weight: bold;
            display: none
        }

            .right-shares .title em.downmum {
                color: #78c737 !important
            }

        .right-shares .title a {
            margin-left: 10px;
            color: #007bac
        }


p.none {
    margin-top: 100px;
    text-align: center;
    font-size: 20px;
    line-height: 60px;
    color: #bbb
}

    p.none i {
        font-size: 60px;
        color: #ccc;
        margin-right: 20px;
        position: relative;
        top: 15px;
    }

/**************分页********************/
#pages {
    text-align: center;
    padding-top: 30px;
}

    #pages a {
        display: inline-block;
        padding: 11px 16px;
        background-color: #fff;
        border: 1px #e2e2e2 solid;
        color: #888;
        margin: 0 2px;
        -webkit-transition: background-color .25s;
        transition: background-color .25s;
        border-radius: 3px
    }

        #pages a:hover {
            color: #a53822
        }

        #pages a.active {
            background-color: #a53822;
            border-color: #a53822;
            color: #fff
        }

        #pages a.prev, #pages a.next {
            font-size: 14px;
            position: relative;
        }

    #pages span {
        display: inline-block;
        padding: 10px 14px;
        color: #888;
        position: relative;
        top: -2px
    }


/* --------------新闻详情---------------------- */
.news-view {
}

    .news-view .news-info {
    }

        .news-view .news-info .text {
        }

        .news-view .news-info .title {
            color: #333;
            text-align: center;
            padding: 55px 100px 29px;
        }

            .news-view .news-info .title h1 {
                font-size: 24px;
                font-weight: 500;
                line-height: 36px;
            }

            .news-view .news-info .title p {
                font-family: "仿宋";
                color: #555;
                font-size: 22px;
                padding-top: 5px;
            }

        .news-view .news-info .info {
            color: #aaa;
            position: relative;
            padding: 20px 40px;
            height: 60px;
            background-color: #f4f4f4;
            text-align: right;
        }

            .news-view .news-info .info span.source {
                background: url(/skin/images/new_i3.png) no-repeat scroll left center;
                padding: 2px 0px 2px 22px;
                margin-right: 18px;
            }

            .news-view .news-info .info span.date {
                background: url(/skin/images/new_i1.png) no-repeat scroll left center;
                padding: 2px 0px 2px 22px;
                margin-right: 18px;
            }

            .news-view .news-info .info span.hits {
                background: url(/skin/images/new_i2.png) no-repeat scroll left center;
                padding: 2px 0px 2px 28px;
            }

            .news-view .news-info .info .share {
                position: absolute;
                right: 40px;
                top: 21px;
            }

.share span {
    float: left;
    line-height: 20px;
}

.share a {
    padding-left: 20px;
    height: 20px;
    margin-left: 6px;
    display: inline-block;
    background: url(/skin/images/share.png);
    float: left;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
}

    .share a.i1 {
        background-position: 0px 0px;
    }

    .share a.i2 {
        background-position: -50px 0px;
    }

    .share a.i3 {
        background-position: -95px 0px;
    }

    .share a.i1:hover {
        background-position: 0px -20px;
    }

    .share a.i2:hover {
        background-position: -50px -20px;
    }

    .share a.i3:hover {
        background-position: -95px -20px;
    }

.news-view .content {
    line-height: 200% !important;
    margin-top: 20px;
    font-size: 16px;
    margin: 30px 40px 40px 40px;
}

    .news-view .content p {
        margin-bottom: 15px;
        line-height: 200% !important;
    }

    .news-view .content span {
        margin-bottom: 15px;
        line-height: 240% !important;
    }

    .news-view .content h3 {
        margin: 25px 0 10px !important;
        font-size: 16px !important;
    }

.news-view .other {
    background-color: #f7f7f7;
    padding: 20px 40px 40px;
    font-size: 14px;
}

    .news-view .other .left {
        float: left;
        color: #aaa;
    }

        .news-view .other .left p {
            height: 30px;
        }

            .news-view .other .left p a {
                margin-left: 3px;
            }

    .news-view .other .right {
        float: right;
        color: #777
    }

        .news-view .other .right a {
            display: inline-block;
            padding: 15px 20px;
            background-color: #bbb;
            color: #fff;
            -webkit-transition-duration: 0.3s;
            -moz-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
        }

            .news-view .other .right a i {
                position: relative;
                top: 3px;
                margin-right: 3px;
                font-size: 20px
            }

            .news-view .other .right a:hover {
                background-color: #999
            }

.news-view .download {
    border-top: 1px #eee solid;
    padding: 30px 0;
    margin-top: 25px;
    padding-left: 40px;
}

    .news-view .download h2 {
        font-size: 16px;
        font-weight: bold;
        height: 25px;
    }

    .news-view .download p {
        padding: 5px 0px;
    }

        .news-view .download p i {
            font-size: 20px;
            line-height: 20px;
            color: #aaa;
            position: relative;
            top: 2px;
            margin-right: 5px
        }

        .news-view .download p a {
            color: #338af9;
            font-size: 14px;
        }

            .news-view .download p a:hover {
                text-decoration: underline
            }

.news-view .pics {
    background: #fff;
    position: relative;
    margin: 30px auto 0px;
    width: 800px;
}

    .news-view .pics .swiper-container {
        overflow: hidden;
        height: 490px;
    }

    .news-view .pics .swiper-slide {
        text-align: center;
    }

        .news-view .pics .swiper-slide img {
            max-width: 800px;
            height: 450px;
        }

        .news-view .pics .swiper-slide .title {
            margin-top: 15px;
            font-weight: bold
        }

    .news-view .pics .pagination {
        position: absolute;
        z-index: 20;
        bottom: 40px;
        width: 100%;
        text-align: center;
    }

    .news-view .pics .swiper-pagination-switch {
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 8px;
        background: #fff;
        margin: 0 5px;
        opacity: 0.8;
        cursor: pointer;
    }

    .news-view .pics .swiper-active-switch {
        background: #0090ff;
    }

    .news-view .pics .arrow-left {
        display: block;
        z-index: 50;
        width: 70px;
        height: 70px;
        background: url(/skin/images/prev-btn.png) no-repeat;
        position: absolute;
        top: 50%;
        margin-top: -35px;
        left: -80px;
        visibility: hidden;
        filter: alpha(opacity=0);
        opacity: 0;
        transition-duration: 0.5s;
    }

    .news-view .pics .arrow-right {
        display: block;
        z-index: 50;
        width: 70px;
        height: 70px;
        background: url(/skin/images/next-btn.png) no-repeat;
        position: absolute;
        top: 50%;
        margin-top: -35px;
        right: -80px;
        visibility: hidden;
        filter: alpha(opacity=0);
        opacity: 0;
        transition-duration: 0.5s;
    }

    .news-view .pics:hover .arrow-left {
        visibility: visible;
        filter: alpha(opacity=100);
        opacity: 1;
        left: -70px
    }

    .news-view .pics:hover .arrow-right {
        visibility: visible;
        filter: alpha(opacity=100);
        opacity: 1;
        right: -70px
    }

.news-view .news-video-con {
    margin: 30px auto 0 !important;
    width: 720px;
    height: 520px;
}

    .news-view .news-video-con p {
        text-align: center;
        margin-top: 15px;
    }

/*---------------视频---------------*/
.video-list {
    margin: 30px;
    padding-bottom: 50px;
    overflow: hidden
}

    .video-list ul {
    }

        .video-list ul li {
            width: 32%;
            float: left;
            margin-left: 2%;
            position: relative;
            margin-bottom: 20px;
            -moz-opacity: 0;
            opacity: 0;
            -webkit-transform: scale(0.5);
            -moz-transform: scale(0.5);
            -o-transform: scale(0.5);
            transition-duration: 0.5s;
        }

            .video-list ul li .image {
                overflow: hidden;
                position: relative
            }

                .video-list ul li .image img {
                    width: 100%;
                    -webkit-transition-duration: 1s;
                    -moz-transition-duration: 1s;
                    -o-transition-duration: 1s;
                    display: block
                }

                .video-list ul li .image:before {
                    content: "";
                    display: block;
                    width: 100%;
                    height: 30px;
                    background-color: #222;
                    ;
                    position: absolute;
                    left: 0;
                    top: 0;
                    z-index: 2
                }

                .video-list ul li .image:after {
                    content: "";
                    display: block;
                    width: 100%;
                    height: 30px;
                    background-color: #222;
                    ;
                    position: absolute;
                    left: 0;
                    bottom: 0px;
                    z-index: 2
                }

            .video-list ul li strong {
                display: block;
                font-weight: normal;
                line-height: 40px;
                text-align: center;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .video-list ul li i {
                font-size: 60px;
                display: block;
                position: absolute;
                left: 50%;
                margin-left: -30px;
                top: 50%;
                margin-top: -66px;
                color: #fff;
                z-index: 3
            }

            .video-list ul li .mask {
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                background-color: #000;
                filter: alpha(opacity=30);
                -moz-opacity: 0.3;
                -khtml-opacity: 0.3;
                opacity: 0.3;
                -webkit-transition-duration: 0.3s;
                -moz-transition-duration: 0.3s;
                -o-transition-duration: 0.3s;
            }

            .video-list ul li:hover .mask {
                filter: alpha(opacity=0);
                -moz-opacity: 0;
                -khtml-opacity: 0;
                opacity: 0;
            }

            .video-list ul li:hover .image img {
                transform: scale(1.1);
                -webkit-transform: scale(1.1);
            }

            .video-list ul li.hover {
                -moz-opacity: 1;
                opacity: 1;
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
                -o-transform: scale(1);
            }


/*---------------专题---------------*/
.topic-list {
    margin: 30px;
    padding-bottom: 50px;
    overflow: hidden
}

    .topic-list ul {
    }

        .topic-list ul li {
            width: 32%;
            float: left;
            margin-left: 2%;
            position: relative;
            margin-bottom: 30px;
            -moz-opacity: 0;
            opacity: 0;
            -webkit-transform: scale(0.5);
            -moz-transform: scale(0.5);
            -o-transform: scale(0.5);
            -webkit-transition-duration: 0.5s;
            -moz-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
        }

            .topic-list ul li .image {
                overflow: hidden
            }

                .topic-list ul li .image img {
                    width: 100%;
                    -webkit-transition-duration: 1s;
                    -moz-transition-duration: 1s;
                    -o-transition-duration: 1s;
                    display: block
                }

            .topic-list ul li strong {
                display: block;
                line-height: 50px;
                text-align: center;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                background-color: #f2f2f2;
            }

            .topic-list ul li:hover .image img {
                transform: scale(1.1);
                -webkit-transform: scale(1.1);
            }

            .topic-list ul li.hover {
                -moz-opacity: 1;
                opacity: 1;
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
                -o-transform: scale(1);
            }


.journal-con {
    margin-top: 30px;
    background-color: #f2f2f2;
    margin: 30px
}

.journal-left {
    width: 72%;
    float: left;
    padding: 30px 0;
    background-color: #f7f7f7;
    min-height: 600px
}

.journal-right {
    width: 28%;
    float: right;
    height: 400px;
}

.journal-info {
    line-height: 2;
    margin-top: 25px;
}

    .journal-info h2 {
        font-size: 16px;
        margin-bottom: 10px;
        border-bottom: 1px #ddd solid;
        padding-bottom: 15px;
        font-weight: bold
    }

    .journal-info label {
        position: absolute;
        left: 0;
        top: 0
    }

    .journal-info p {
        position: relative;
        padding-left: 80px;
    }

.journal-tab {
    height: 40px;
    margin-left: 3%;
    position: relative
}

    .journal-tab a {
        border: 2px #1c64b7 solid;
        display: block;
        float: left;
        line-height: 40px;
        padding: 0 3.4%;
        color: #888
    }

        .journal-tab a.current {
            background-color: #1c64b7;
            color: #fff
        }

.journal-list {
    margin-top: 30px;
    padding: 0 30px;
    overflow: hidden
}

    .journal-list ul {
    }

        .journal-list ul li {
            width: 31.3%;
            padding: 10px;
            background-color: #fff;
            float: left;
            margin-left: 3%;
            position: relative;
            margin-bottom: 30px;
            -moz-opacity: 0;
            opacity: 0;
            -webkit-transform: scale(0.5);
            -moz-transform: scale(0.5);
            -o-transform: scale(0.5);
            -webkit-transition-duration: 0.5s;
            -moz-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
        }

            .journal-list ul li .image {
                overflow: hidden;
                position: relative
            }

                .journal-list ul li .image img {
                    width: 100%;
                    -webkit-transition-duration: 1s;
                    -moz-transition-duration: 1s;
                    -o-transition-duration: 1s;
                    display: block
                }

            .journal-list ul li strong {
                display: block;
                font-weight: normal;
                line-height: 40px;
                text-align: center;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .journal-list ul li .mask {
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0px;
                top: 0px;
                background-color: #000;
                filter: alpha(opacity=0);
                -moz-opacity: 0;
                -khtml-opacity: 0;
                opacity: 0;
                -webkit-transition-duration: 0.3s;
                -moz-transition-duration: 0.3s;
                -o-transition-duration: 0.3s;
            }

            .journal-list ul li a {
                display: block;
                width: 120px;
                height: 40px;
                line-height: 40px;
                text-align: center;
                position: absolute;
                left: 50%;
                margin-left: -60px;
                top: 50%;
                background-color: #fff;
                filter: alpha(opacity=0);
                -moz-opacity: 0;
                -khtml-opacity: 0;
                opacity: 0;
                -webkit-transition-duration: 0.3s;
                -moz-transition-duration: 0.3s;
                -o-transition-duration: 0.3s;
            }

                .journal-list ul li a.a2 {
                    display: block;
                    width: 120px;
                    height: 40px;
                    line-height: 40px;
                    text-align: center;
                    position: absolute;
                    left: 50%;
                    margin-left: -60px;
                    top: 180px;
                    background-color: #fff;
                    filter: alpha(opacity=0);
                    -moz-opacity: 0;
                    -khtml-opacity: 0;
                    opacity: 0;
                    -webkit-transition-duration: 0.3s;
                    -moz-transition-duration: 0.3s;
                    -o-transition-duration: 0.3s;
                }

            .journal-list ul li:hover .mask {
                filter: alpha(opacity=50);
                -moz-opacity: 0.5;
                -khtml-opacity: 0.5;
                opacity: 0.5;
            }

            .journal-list ul li:hover .image img {
                transform: scale(1.1);
                -webkit-transform: scale(1.1);
            }

            .journal-list ul li:hover a {
                top: 40%;
                filter: alpha(opacity=100);
                -moz-opacity: 1;
                -khtml-opacity: 1;
                opacity: 1;
            }

                .journal-list ul li:hover a.a2 {
                    top: 160px;
                }

            .journal-list ul li.hover {
                -moz-opacity: 1;
                opacity: 1;
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
                -o-transform: scale(1);
            }


/*---------------招投标---------------*/

.bid-tab {
    height: 40px;
    margin-left: 30px;
    position: relative;
    margin-top: 30px;
}

    .bid-tab a {
        border: 2px #1c64b7 solid;
        display: block;
        float: left;
        position: relative;
        margin: 0 -1px;
        line-height: 40px;
        padding: 0 3.4%;
        color: #888
    }

        .bid-tab a.current {
            background-color: #1c64b7;
            color: #fff
        }

.bid-list {
    padding: 20px 30px 30px;
}

    .bid-list li {
        border-bottom: 1px #e8e8e8 solid;
        padding: 20px 0;
        position: relative;
        padding-left: 120px;
    }

        .bid-list li a {
            display: block;
            -webkit-transition: background-color .25s;
            transition: background-color .25s;
        }

        .bid-list li .date {
            width: 100px;
            position: absolute;
            left: 0px;
            top: 20px;
            font-family: "NoveDemiBold";
        }

            .bid-list li .date strong {
                display: block;
                line-height: 60px;
                background-color: #e1e1e1;
                text-align: center;
                color: #5a5a5a;
                font-size: 36px;
            }

            .bid-list li .date span {
                display: block;
                text-align: center;
                background-color: #ececec;
                color: #9e9e9e;
                line-height: 36px;
                font-size: 16px;
            }

        .bid-list li .text {
            position: relative;
            margin-top: 5px
        }

            .bid-list li .text .title {
                display: block;
                line-height: 28px;
                font-size: 18px;
                width: 75%;
                height: 56px
            }

            .bid-list li .text .other {
                margin-top: 5px;
                color: #aaa
            }

                .bid-list li .text .other i {
                    margin-right: 3px;
                    position: relative;
                    top: 2px;
                    font-size: 20px
                }

                .bid-list li .text .other span {
                    margin: 0 10px;
                    color: #ccc
                }

            .bid-list li .text a.more {
                position: absolute;
                right: 0;
                top: 5px;
                transition: all 0.3s;
                -webkit-transition: all 0.3s;
                background-color: #75b0ea;
                border-radius: 3px;
                width: 85px;
                height: 35px;
                color: #fff;
                line-height: 36px;
                font-size: 12px;
                text-align: center
            }

                .bid-list li .text a.more i {
                    margin-right: 2px;
                    font-size: 20px;
                    line-height: 20px;
                    position: relative;
                    top: 3px;
                    font-weight: normal
                }

                .bid-list li .text a.more:hover {
                    background-color: #a53822
                }

            .bid-list li .text a.off {
                background-color: #ccc !important
            }

.file-down-list {
    padding: 30px 30px;
}

    .file-down-list p {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px #eee solid
    }

        .file-down-list p:last-child {
            border-bottom: 0
        }

        .file-down-list p i {
            color: #aaa;
            margin-right: 5px;
        }

        .file-down-list p a {
            color: #338af9;
            font-weight: bold
        }

            .file-down-list p a:hover {
                text-decoration: underline
            }


.search-bg {
    background-color: #e9e9e9;
    padding: 40px 30px 60px
}

.news-select {
    height: 50px;
    margin-bottom: 20px;
    position: relative;
    z-index: 20;
}

    .news-select h2 {
        line-height: 50px;
        position: relative;
        background-color: #f5f5f5;
        line-height: 50px;
        font-size: 14px;
        padding-left: 15px;
        color: #7a7a7a;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
    }

        .news-select h2:before {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-top: 8px solid #ccc;
            position: absolute;
            right: 15px;
            top: 21px;
        }

    .news-select ul {
        background-color: #fff;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
        visibility: hidden;
        height: 0;
        overflow: hidden;
        transition: all 0.4s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
        -webkit-transition: all 0.4s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
    }

        .news-select ul li a {
            display: block;
            padding: 0 15px;
            line-height: 36px;
            -webkit-transition-duration: 0.3s;
            -moz-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
        }

            .news-select ul li a:hover {
                background-color: #eee
            }

    .news-select.hover ul {
        visibility: visible;
        height: 108px
    }

    .news-select.hover h2 {
        background-color: #009fd6;
        color: #fff
    }

        .news-select.hover h2:before {
            border-top: 8px solid #fff;
        }

.right-share {
    margin-top: 30px;
    margin-left: 30px
}

    .right-share span {
        display: inline-block;
        line-height: 50px;
        margin-right: 10px;
        color: #888
    }

    .right-share a {
        display: inline-block;
        height: 36px;
        width: 36px;
        text-align: center;
        border-radius: 18px;
        background-color: #3eb135;
        margin: 0 2px
    }

        .right-share a i {
            line-height: 36px;
            color: #fff;
            font-size: 24px;
            font-weight: normal
        }

        .right-share a.a2 {
            background-color: #eecf3d
        }

        .right-share a.a3 {
            background-color: #df4d69
        }

        .right-share a.a4 {
            background-color: #45aaf2
        }


.bid-view {
    padding: 50px
}

    .bid-view .title {
        position: relative;
        margin-bottom: 20px;
        height: 110px;
    }

        .bid-view .title h1 {
            font-size: 24px;
            font-weight: 500;
            line-height: 36px;
        }

            .bid-view .title h1 em {
                background-color: #ececec;
                color: #9e9e9e;
                display: inline-block;
                line-height: 36px;
                padding: 0 10px;
                font-size: 14px;
                border-radius: 3px;
                position: relative;
                top: -2px;
                margin-left: 10px;
            }

        .bid-view .title p {
            color: #999;
            display: block;
            margin-top: 20px;
        }

    .bid-view .bid-con {
        background-color: #f7f7f7;
        padding: 30px
    }

    .bid-view .item {
        position: relative;
        font-size: 16px;
        line-height: 1.8
    }

        .bid-view .item .content {
            width: 82%;
            margin-left: 18%;
            padding: 10px 30px 10px 0;
        }

            .bid-view .item .content p {
                margin-bottom: 10px;
            }

        .bid-view .item label {
            display: block;
            width: 18%;
            position: absolute;
            left: 0;
            top: 8px;
            text-align: right;
            padding-right: 10px;
            font-weight: normal;
            color: #999
        }

            .bid-view .item label i {
                font-size: 24px;
                margin-right: 3px;
                position: relative;
                top: 4px;
                line-height: 24px;
            }

    .bid-view .file {
        position: relative;
        margin-top: 50px;
        margin-left: 105px;
        font-size: 16px;
    }

        .bid-view .file h2 {
            position: absolute;
            left: -105px;
            top: -15px;
            font-size: 16px;
            line-height: 30px;
            font-weight: bold
        }

            .bid-view .file h2 em {
                display: inline-block;
                width: 40px;
                height: 40px;
                background-color: #009fd6;
                color: #fff;
                line-height: 44px;
                text-align: center;
                border-radius: 20px;
                margin-right: 10px;
                position: relative;
                top: 4px
            }

                .bid-view .file h2 em i {
                    font-size: 30px;
                    line-height: 42px;
                    font-weight: normal;
                }

        .bid-view .file p {
            margin-bottom: 10px
        }

            .bid-view .file p a {
                color: #338af9
            }

                .bid-view .file p a:hover {
                    text-decoration: underline
                }



/*党的建设*/
.party-main {
    padding-bottom: 30px;
    padding-top: 0px
}

    .party-main .line {
        height: 12px;
        background: url(/skin/images/party-line-bg.png) repeat-x;
        margin: 0 30px
    }

    .party-main .item-a {
        width: 46.5%;
        float: left;
        overflow: hidden;
        position: relative;
        margin-left: 30px;
        margin-top: 30px;
    }
        /*
.party-main .item-a .bd{ width:100%;}
.party-main .item-a .bd ul li{ position:relative}
.party-main .item-a .bd ul li img{ width:100%}
.party-main .item-a .bd ul li p{ position:absolute; left:0;bottom:0; height:50px; z-index:2; width:100%}
.party-main .item-a .bd ul li p em{ position:absolute; left:0;top:0; width:100%; height:50px; background-color:#000;opacity:0.2;}
.party-main .item-a .bd ul li p a{ position:relative; z-index:2; color:#fff; font-weight:bold; line-height:50px; padding-left:20px;}
.party-main .item-a .bd ul li p a:hover{ text-decoration:underline}
.party-main .item-a .hd{ position:absolute; right:15px;bottom:19px; z-index:10}
.party-main .item-a .hd li{ width:12px; height:12px; background:url(/skin/images/slider-icon.png) no-repeat -13px center; float:left; cursor:pointer; margin-left:6px;}
.party-main .item-a .hd li.on{ background-position:0 center;}
*/

        .party-main .item-a .swiper-container {
            overflow: hidden;
            height: 300px;
        }

        .party-main .item-a .swiper-slide {
            position: relative;
            background-repeat: no-repeat;
            background-size: cover
        }

            .party-main .item-a .swiper-slide img {
                height: 100%
            }

            .party-main .item-a .swiper-slide p {
                position: absolute;
                left: 0;
                bottom: 0;
                height: 40px;
                z-index: 2;
                width: 100%
            }

                .party-main .item-a .swiper-slide p em {
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 40px;
                    background-color: #000;
                    opacity: 0.2;
                }

                .party-main .item-a .swiper-slide p span {
                    position: relative;
                    z-index: 2;
                    color: #fff;
                    font-weight: bold;
                    line-height: 40px;
                    padding-left: 20px;
                }

            .party-main .item-a .swiper-slide a {
                display: block;
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%
            }

        .party-main .item-a .pagination {
            position: absolute;
            z-index: 100;
            bottom: 11px;
            width: 100%;
            text-align: right;
            padding-right: 20px;
            margin: 0
        }

        .party-main .item-a .swiper-pagination-switch {
            display: inline-block;
            width: 8px;
            height: 8px;
            border-radius: 8px;
            background: #fff;
            margin: 0 5px;
            opacity: 0.8;
            cursor: pointer;
        }

        .party-main .item-a .swiper-active-switch {
            background: #0090ff;
        }


    .party-main .item-b {
        width: 46.5%;
        float: right;
        margin-right: 30px;
        margin-top: 35px;
    }

        .party-main .item-b h2 {
            height: 40px;
            border-bottom: 1px #eee solid
        }

            .party-main .item-b h2 strong {
                display: block;
                float: left;
                height: 40px;
                border-bottom: 3px #e30000 solid;
                font-size: 18px;
            }

            .party-main .item-b h2 a {
                float: right;
                font-size: 12px;
                color: #8a8a8a;
                display: inline-block;
                border: 1px #eee solid;
                padding: 0px 10px;
                line-height: 26px;
                position: relative;
                margin-top: -4px;
            }

                .party-main .item-b h2 a:hover {
                    color: #4a4a4a;
                    background-color: #eee
                }

        .party-main .item-b dl {
            padding-bottom: 20px;
            border-bottom: 1px #ddd dotted;
            margin-top: 15px;
        }

            .party-main .item-b dl strong {
                display: block;
                font-size: 18px;
                margin-left: 105px;
                position: relative;
                line-height: 24px;
            }

                .party-main .item-b dl strong em {
                    font-family: "NoveDemiBold";
                    position: absolute;
                    left: -105px;
                    top: 0px;
                    color: #e30000
                }

                .party-main .item-b dl strong a {
                    color: #444;
                    max-width: 360px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    _width: 360px;
                    display: inline-block
                }

                    .party-main .item-b dl strong a:hover {
                        color: #1d3994
                    }

            .party-main .item-b dl p {
                font-size: 13px;
                color: #888;
                margin-top: 7px;
                line-height: 2;
            }

                .party-main .item-b dl p a {
                    color: #666;
                }

                    .party-main .item-b dl p a:hover {
                        text-decoration: underline;
                        color: #c31a2d
                    }

        .party-main .item-b ul {
            margin-top: 10px;
        }

            .party-main .item-b ul li {
                padding: 6px 0;
                height: 32px;
                line-height: 20px;
                margin-right: 75px;
                position: relative
            }

                .party-main .item-b ul li a {
                    background: url(/skin/images/li.gif) no-repeat 0 center;
                    padding-left: 15px;
                    display: inline-block;
                    max-width: 400px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    _width: 400px;
                    text-align: left;
                }

                .party-main .item-b ul li span {
                    font-family: Arial, Helvetica, sans-serif;
                    font-size: 14px;
                    color: #aaa;
                    position: absolute;
                    right: -75px;
                    top: 7px;
                }

    .party-main .item-c {
        width: 46.5%;
        background-color: #fff;
        height: 270px;
        float: left;
        margin-left: 30px;
        margin-top: 30px;
        border: 1px #eee solid
    }

        .party-main .item-c h2 {
            background-color: #eee
        }

            .party-main .item-c h2 strong {
                display: block;
                line-height: 50px;
                float: left;
                font-size: 18px;
                background-color: #fff;
                padding: 0 40px
            }

            .party-main .item-c h2 a {
                float: right;
                margin-right: 20px;
                margin-top: 18px;
                font-size: 14px;
            }

        .party-main .item-c .con {
            padding: 20px 25px
        }

            .party-main .item-c .con li {
                padding: 5px 0;
                height: 30px;
                line-height: 20px;
                margin-right: 75px;
                position: relative
            }

                .party-main .item-c .con li a {
                    background: url(/skin/images/li.gif) no-repeat 0 center;
                    padding-left: 15px;
                    display: inline-block;
                    max-width: 400px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    _width: 400px;
                    text-align: left;
                }

                .party-main .item-c .con li span {
                    font-family: Arial, Helvetica, sans-serif;
                    font-size: 14px;
                    color: #aaa;
                    position: absolute;
                    right: -75px;
                    top: 7px;
                }

    .party-main .item-d {
        width: 46.5%;
        background-color: #fff;
        height: 270px;
        float: right;
        margin-right: 30px;
        margin-top: 30px;
        border: 1px #eee solid
    }

        .party-main .item-d h2 {
            background-color: #eee
        }

            .party-main .item-d h2 strong {
                display: block;
                line-height: 50px;
                float: left;
                font-size: 18px;
                background-color: #fff;
                padding: 0 40px
            }

            .party-main .item-d h2 a {
                float: right;
                margin-right: 20px;
                margin-top: 18px;
                font-size: 14px;
            }

        .party-main .item-d .con {
            padding: 20px 25px
        }

            .party-main .item-d .con li {
                padding: 5px 0;
                height: 30px;
                line-height: 20px;
                margin-right: 75px;
                position: relative
            }

                .party-main .item-d .con li a {
                    background: url(/skin/images/li.gif) no-repeat 0 center;
                    padding-left: 15px;
                    display: inline-block;
                    max-width: 400px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    _width: 400px;
                    text-align: left;
                }

                .party-main .item-d .con li span {
                    font-family: Arial, Helvetica, sans-serif;
                    font-size: 14px;
                    color: #aaa;
                    position: absolute;
                    right: -75px;
                    top: 7px;
                }

    .party-main .item-e {
        background-color: #fff;
        margin-left: 30px;
        margin-right: 30px;
        margin-top: 30px;
        border: 1px #eee solid
    }

        .party-main .item-e h2 {
            background: url(/skin/images/party-title-bg.png) no-repeat #e30000;
        }

            .party-main .item-e h2 strong {
                display: block;
                line-height: 50px;
                float: left;
                font-size: 18px;
                color: #fff;
                padding: 0 25px
            }

        .party-main .item-e .con {
            margin: 25px 25px;
            overflow: hidden
        }

            .party-main .item-e .con ul {
            }

            .party-main .item-e .con li {
                width: 24%;
                float: left;
                margin-right: 30px;
            }

                .party-main .item-e .con li img {
                    width: 100%
                }

                .party-main .item-e .con li span {
                    display: block;
                    text-align: center;
                    line-height: 18px;
                    height: 36px;
                    overflow: hidden;
                    margin-top: 10px;
                }


.culture-item-a {
    margin: 30px;
    background: url(/skin/images/culture-pic.png) no-repeat 92% center;
    height: 200px;
    padding-right: 350px;
    padding-top: 10px
}

    .culture-item-a h2 {
        font-weight: 400;
        position: relative;
        line-height: 24px;
        font-size: 18px;
    }

    .culture-item-a b {
        font-size: 24px;
        display: block;
        margin-top: 10px;
    }
    /*.culture-item-a h2:before {content:""; position: absolute; display:block; height:4px;width:120px; background:#e62129; left:50%;top:40px; margin-left:-60px; }*/
    .culture-item-a h2:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 12px solid #bbb;
        position: absolute;
        left: 79px;
        top: 7px;
    }

    .culture-item-a p {
        margin-top: 25px;
        line-height: 2;
        color: #6a6a6a;
        font-size: 15px;
    }
/*
.culture-item-b{ padding:30px; background-color:#f4f4f4}
.culture-item-b .view{ width:535px; float:left;}
.culture-item-b .view .image{ background-color:#666; height:361px; overflow:hidden}
.culture-item-b .view .text{ height:181px; background-color:#436dc2; color:#fff; padding:25px 40px; line-height:2; font-size:12px;}
.culture-item-b .view .text h3{ font-size:15px; text-align:center; font-weight:700}
.culture-item-b .view .text p{ margin-top:10px;}
.culture-item-b .view .text p a{ color:#fff; text-decoration:underline; margin-left:10px}
.culture-item-b .view .text p a:hover{ text-decoration:none}
.culture-item-b .list{width:600px; float:right}
.culture-item-b .list li{ width:33.333333%; float:left; border-bottom:1px #f4f4f4 solid; border-right:1px #f4f4f4 solid}
.culture-item-b .list li a{ display:block; background-color:#fff; height:180px; text-align:center; padding-top:40px;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out; }
.culture-item-b .list li a i{ font-size:50px; line-height:70px; display:block; color:#436dc2;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out; }
.culture-item-b .list li a span{ display:block; font-weight:bold; color:#888;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out; margin-top:5px; }
.culture-item-b .list li a.current{ background-color:#436dc2;}
.culture-item-b .list li a.current i{ color:#fff}
.culture-item-b .list li a.current span{ color:#fff}
.culture-item-b .list li .other{ height:180px; background:url(/skin/images/culture-other.jpg) no-repeat}
*/

.culture-item-c {
}

    .culture-item-c .text {
        width: 50%;
        float: left
    }

        .culture-item-c .text .item {
            height: 240px;
            background: url(/skin/images/culture-building.jpg) no-repeat right bottom #f1f1f1;
            padding: 40px 40px
        }

            .culture-item-c .text .item h2 {
                color: #888;
                font-size: 18px;
                position: relative
            }

                .culture-item-c .text .item h2:before {
                    content: "";
                    display: block;
                    width: 0;
                    height: 0;
                    border-left: 8px solid transparent;
                    border-right: 8px solid transparent;
                    border-top: 12px solid #bbb;
                    position: absolute;
                    left: 99px;
                    top: 3px;
                }

                .culture-item-c .text .item h2 b {
                    color: #1c64b7;
                    display: block;
                    font-size: 20px;
                    font-weight: bold;
                    margin-top: 10px;
                }

            .culture-item-c .text .item p {
                margin-top: 15px;
                line-height: 1.6;
                color: #888
            }

            .culture-item-c .text .item.current {
                background: #436dc2;
                color: #fff
            }

                .culture-item-c .text .item.current h2 {
                    color: #fff
                }

                    .culture-item-c .text .item.current h2:before {
                        border-top: 12px solid #fff;
                        left: 79px
                    }

                    .culture-item-c .text .item.current h2 b {
                        color: #fff
                    }

                .culture-item-c .text .item.current p {
                    color: #b3c4e7
                }

    .culture-item-c .image {
        width: 50%;
        height: 480px;
        overflow: hidden;
        float: right
    }

        .culture-item-c .image img {
            height: 480px;
            width: 100%;
            -webkit-transition: -webkit-transform 2s ease-out;
            -moz-transition: -moz-transform 2s ease-out;
            -ms-transition: -ms-transform 2s ease-out;
            transition: transform 2s ease-out
        }

        .culture-item-c .image:hover img {
            transform: scale(1.1);
            -webkit-transform: scale(1.1);
        }

.culture-item-d {
    width: 50%;
    float: left;
    height: 370px;
    padding: 40px
}

    .culture-item-d h2 {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 30px;
    }

    .culture-item-d .item {
        position: relative;
        margin-bottom: 20px;
        margin-left: 60px;
    }

        .culture-item-d .item h3 {
            background: url(/skin/images/culture-h3-bg.jpg) no-repeat;
            width: 40px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            font-size: 16px;
            color: #fd343b;
            font-weight: bold;
            position: absolute;
            left: -60px;
            top: 0;
        }

        .culture-item-d .item p {
            color: #7a7a7a
        }

.culture-item-e {
    width: 50%;
    float: right;
    background: url(/skin/images/culture-feiji.jpg) no-repeat right 240px #fafafa;
    height: 370px;
    padding: 40px;
}

    .culture-item-e h2 {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 30px;
    }

    .culture-item-e ul {
        margin-top: 50px;
        margin-left: 16px;
    }

        .culture-item-e ul li {
            width: 138px;
            height: 138px;
            float: left;
            background: url(/skin/images/culture-i1.png) no-repeat;
            line-height: 138px;
            text-align: center;
            font-size: 16px;
            position: relative;
            margin-left: -16px;
        }

            .culture-item-e ul li.i2 {
                background: url(/skin/images/culture-i2.png) no-repeat;
            }

            .culture-item-e ul li.i3 {
                background: url(/skin/images/culture-i3.png) no-repeat;
            }

            .culture-item-e ul li.i4 {
                background: url(/skin/images/culture-i4.png) no-repeat;
            }


.culture-left {
    width: 810px;
    float: left;
    padding-bottom: 50px;
    margin-left: 30px;
}

.culture-right {
    width: 300px;
    float: right;
    margin-top: 30px;
    margin-right: 30px;
}

    .culture-right img {
        width: 100%
    }

.social {
}

    .social .item-a {
        padding: 30px;
    }

        .social .item-a .text {
            width: 68%;
            float: right;
            padding-top: 10px;
            padding-left: 30px;
        }

            .social .item-a .text h2 {
                font-size: 24px;
                height: 100px;
            }

                .social .item-a .text h2 strong {
                    font-weight: normal
                }

                .social .item-a .text h2 span {
                    display: block;
                    margin-top: 10px;
                    font-family: "dincond-medium-webfont";
                    font-size: 40px;
                    font-weight: bold;
                    color: #68b92e
                }

            .social .item-a .text p {
                line-height: 2;
                color: #6a6a6a;
                font-size: 15px;
            }

        .social .item-a .image {
            width: 32%;
            float: left;
        }

            .social .item-a .image img {
                width: 100%
            }

    .social .item-c {
        overflow: hidden;
        margin-top: 30px;
        padding: 0 30px 30px;
    }

        .social .item-c ul {
        }

            .social .item-c ul li {
                width: 32%;
                float: left;
                margin-left: 2%;
                margin-bottom: 30px
            }

                .social .item-c ul li .image {
                    overflow: hidden
                }

                    .social .item-c ul li .image img {
                        width: 100%;
                        ;
                        -webkit-transition-duration: 1s;
                        -moz-transition-duration: 1s;
                        -o-transition-duration: 1s;
                        display: block
                    }

                .social .item-c ul li .text {
                    background-color: #f4f4f4;
                    padding: 20px 30px 30px;
                    -webkit-transition-duration: 0.3s;
                    -moz-transition-duration: 0.3s;
                    -o-transition-duration: 0.3s;
                }

                .social .item-c ul li .title {
                    font-weight: bold;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                .social .item-c ul li .description {
                    margin-top: 10px;
                    color: #8a8a8a;
                    font-size: 13px;
                    line-height: 1.7;
                    transition-duration: 0.3s;
                    -webkit-transition-duration: 0.3s;
                    -moz-transition-duration: 0.3s;
                    -o-transition-duration: 0.3s;
                }

                .social .item-c ul li .more {
                    margin-top: 10px;
                }

                    .social .item-c ul li .more a {
                        color: #436dc2;
                        font-weight: bold;
                    }

                .social .item-c ul li:hover .image img {
                    transform: scale(1.1);
                    -webkit-transform: scale(1.1);
                }

                .social .item-c ul li:hover .text {
                    background-color: #436dc2;
                    color: #fff
                }

                .social .item-c ul li:hover .description {
                    color: #bbccee
                }

        .social .item-c a.more-btn {
            display: block;
            padding: 10px 0 15px;
            line-height: 40px;
            text-align: center;
            background-color: #f4f4f4;
            color: #888;
            -webkit-transition-duration: 0.3s;
            -moz-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
            font-size: 16px;
        }

            .social .item-c a.more-btn i {
                font-size: 40px;
                line-height: 40px;
                position: relative;
                margin-right: 5px;
                top: 10px;
                color: #436dc2;
                -webkit-transition-duration: 0.3s;
                -moz-transition-duration: 0.3s;
                -o-transition-duration: 0.3s;
                position: relative
            }

            .social .item-c a.more-btn:hover {
                background-color: #436dc2;
                color: #fff
            }

                .social .item-c a.more-btn:hover i {
                    color: #fff;
                    margin-left: -30px
                }


    .social .line {
        background-color: #f4f4f4;
        height: 2px;
        margin: 0 30px
    }



.work-nav a {
    display: block;
    width: 360px;
    height: 120px;
    float: left;
    margin-left: 30px;
    margin-top: 30px;
    position: relative;
    margin-bottom: 30px
}

    .work-nav a .image {
        width: 360px;
        height: 120px;
        overflow: hidden;
        position: relative
    }

        .work-nav a .image img {
            width: 100%;
            transition-duration: 0.3s;
            -webkit-transition-duration: 0.5s;
            -moz-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
        }

        .work-nav a .image em {
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: #004ba7;
            left: 0;
            top: 0;
            filter: alpha(opacity=80);
            -moz-opacity: 0.8;
            opacity: 0.8;
            transition-duration: 0.5s;
            -webkit-transition-duration: 0.5s;
            -moz-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
        }

    .work-nav a .text {
        width: 100%;
        position: absolute;
        left: 0;
        top: 27px;
        z-index: 2;
        text-align: center;
    }

        .work-nav a .text strong {
            display: block;
            font-size: 24px;
            color: #fff;
            font-weight: normal;
            text-shadow: 1px 1px 2px rgba(0,0,0,.05);
        }

        .work-nav a .text span {
            display: block;
            font-family: "NoveDemiBold";
            color: rgba(255,255,255,0.5);
            font-size: 20px;
            margin-top: 5px;
        }

    .work-nav a i {
        display: none;
        position: absolute;
        left: 50%;
        margin-left: -12px;
        top: 120px;
        width: 0;
        height: 0;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-top: 8px solid #78c6e8;
    }

    .work-nav a.current .image em {
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0
    }

    .work-nav a.current i {
        display: block
    }

    .work-nav a:hover .image em {
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0
    }

    .work-nav a:hover .image img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }

.hr-title {
    height: 120px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: 320px;
    z-index: 10;
    top: 170px;
}

    .hr-title strong {
        margin-left: 30px;
        margin-left: 0px \9;
        color: rgba(255,255,255,0.5);
        font-size: 60px;
        font-family: "dincond-medium-webfont";
        text-transform: uppercase;
        letter-spacing: -1px;
        -webkit-animation: cth1 800ms ease-out forwards;
        animation: cth1 800ms ease-out forwards;
        opacity: 0;
        display: inline-block
    }

    .hr-title span {
        display: inline-block;
        position: relative;
        top: -3px;
        margin-left: -30px;
        margin-left: 0 \9;
        color: #5a575b;
        font-size: 24px;
        font-weight: bold;
        -webkit-animation: cth2 800ms ease-out forwards;
        animation: cth2 800ms ease-out forwards;
        opacity: 0;
    }



.job-con {
    padding: 30px;
}

    .job-con .job-left {
        width: 68%;
        float: left;
        padding-bottom: 30px
    }

    .job-con .job-right {
        width: 29%;
        float: right;
    }

        .job-con .job-right .link {
            margin-top: 20px;
        }

            .job-con .job-right .link img {
                width: 100%
            }

.job-notice {
    min-height: 357px;
    background-color: #e8e8e8 !important;
    padding: 30px
}

    .job-notice h2 {
        font-size: 16px;
        font-weight: bold
    }

        .job-notice h2 i {
            display: inline-block;
            width: 27px;
            height: 19px;
            background: url(/skin/images/hot.gif) no-repeat;
        }

    .job-notice ul {
        margin-top: 30px
    }

        .job-notice ul li {
            background: url(/skin/images/li.gif) no-repeat 0 8px;
            padding-left: 10px;
            line-height: 1.4;
            margin-bottom: 15px
        }

            .job-notice ul li span {
                display: block;
                color: #aaa;
                margin-top: 3px;
                font-size: 12px;
            }

    .job-notice a.more {
        display: block;
        margin-left: 10px;
        width: 130px;
        height: 40px;
        line-height: 36px;
        border: 2px #75b0ea solid;
        text-align: center;
        color: #75b0ea;
        margin-top: 30px;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
    }

        .job-notice a.more:hover {
            background-color: #75b0ea;
            color: #fff
        }


.job-search {
    background-color: #e8e8e8;
    padding: 30px 40px
}

    .job-search .item {
        position: relative;
        margin-left: 110px;
        padding: 2px 0
    }

        .job-search .item label {
            position: absolute;
            left: -110px;
            top: 5px;
            line-height: 30px
        }

            .job-search .item label i {
                color: #fd343b;
                font-size: 30px;
                font-weight: normal;
                line-height: 30px;
                position: relative;
                top: 5px;
                margin-right: 4px;
            }

        .job-search .item .job-select {
            width: 180px;
            height: 40px;
            position: relative;
            margin-bottom: 10px;
            margin-top: 3px;
            z-index: 2
        }

            .job-search .item .job-select h2 {
                background-color: #f8f8f8;
                font-size: 14px;
                height: 40px;
                position: relative;
                line-height: 40px;
                padding-left: 20px;
                color: #888
            }

                .job-search .item .job-select h2:before {
                    content: "";
                    display: block;
                    width: 0;
                    height: 0;
                    border-left: 6px solid transparent;
                    border-right: 6px solid transparent;
                    border-top: 8px solid #ccc;
                    position: absolute;
                    right: 15px;
                    top: 17px;
                }

            .job-search .item .job-select ul {
                position: absolute;
                left: 0;
                top: 40px;
                background-color: #fff;
                width: 550px;
                padding: 20px;
                display: none;
                box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            }

                .job-search .item .job-select ul li {
                    float: left;
                    margin-right: 10px;
                    margin-bottom: 7px
                }

                    .job-search .item .job-select ul li a {
                        display: inline-block;
                        padding: 0 20px;
                        line-height: 36px;
                    }

                        .job-search .item .job-select ul li a.current {
                            background-color: #f2f2f2;
                            color: #aaa;
                            border-radius: 3px;
                        }

        .job-search .item dl {
            padding: 8px 0
        }

            .job-search .item dl dd {
                float: left;
                margin-right: 20px
            }

                .job-search .item dl dd a {
                    display: block;
                    line-height: 30px;
                    float: left;
                    color: #999
                }

                    .job-search .item dl dd a:hover {
                        color: #4a4a4a
                    }

                    .job-search .item dl dd a.current {
                        color: #fd343b;
                        font-weight: bold
                    }

.job-list {
    margin-top: 30px
}

    .job-list .item {
        background-color: #f4f4f4;
        margin-bottom: 20px;
        padding: 27px 40px;
        position: relative;
        height: 100px;
        overflow: hidden;
        transition: all 0.4s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
        -webkit-transition: all 0.4s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
    }

        .job-list .item .date {
            width: 150px;
            float: left;
            font-family: "NoveDemiBold";
            font-size: 22px;
            color: #bbb;
            position: relative;
            top: -4px
        }

        .job-list .item .text {
            width: 480px;
            float: left;
        }

            .job-list .item .text strong {
                font-size: 18px;
                display: block;
                line-height: 20px;
                margin-bottom: 10px
            }

            .job-list .item .text p {
                margin-bottom: 20px;
                line-height: 20px;
                color: #7a7a7a
            }

                .job-list .item .text p span {
                    color: #ddd;
                    margin: 0 10px
                }

        .job-list .item .btns a {
            display: inline-block;
            width: 110px;
            height: 40px;
            line-height: 36px;
            border: 2px #75b0ea solid;
            text-align: center;
            color: #75b0ea;
            margin-top: 10px;
            -webkit-transition-duration: 0.3s;
            -moz-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
        }

            .job-list .item .btns a.a1 {
                background-color: #75b0ea;
                color: #fff
            }

        .job-list .item .more {
            position: absolute;
            width: 100px;
            height: 100%;
            right: 0;
            top: 0;
            background-color: #e8e8e8;
            cursor: pointer
        }

            .job-list .item .more i {
                display: block;
                width: 28px;
                height: 25px;
                background: url(/skin/images/job-more.png) no-repeat;
                position: absolute;
                left: 50%;
                margin-left: -14px;
                top: 50%;
                margin-top: -13px;
            }

        .job-list .item.hover {
            height: 360px;
        }

            .job-list .item.hover .more i {
                transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
            }


.job-view {
    background-color: #f2f2f2
}

.job-btn {
    background: url(/skin/images/jianli.png) no-repeat center 30px;
    width: 25%;
    float: left;
    height: 320px;
    padding-top: 220px;
}

    .job-btn a {
        height: 52px;
        display: block;
        line-height: 52px;
        text-align: center;
        color: #fff;
        background: #006db8;
        border-radius: 30px;
        font-size: 16px;
        -webkit-transition-duration: 0.25s;
        -moz-transition-duration: 0.25s;
        -o-transition-duration: 0.25s;
        width: 60%;
        margin-left: 20%
    }

        .job-btn a:hover {
            background-color: #005bac
        }

.job-content {
    float: right;
    width: 75%;
    background-color: #fff;
    padding-top: 10px;
    padding-left: 40px;
    padding-bottom: 40px
}

.job-view h1 {
    margin-bottom: 30px;
    border-bottom: 1px #e8e8e8 solid;
    height: 40px;
}

    .job-view h1 strong {
        display: inline-block;
        border-bottom: 2px #006db8 solid;
        font-size: 24px;
        height: 40px;
        overflow: hidden;
        color: #333;
        font-weight: normal
    }

.job-view .job-info table {
    width: 100%;
    background: #fff;
    border-spacing: 1px;
    border-collapse: separate;
}

    .job-view .job-info table th {
        background: #eee;
        padding: 10px 15px;
        font-weight: normal;
        text-align: left;
    }

    .job-view .job-info table td {
        background: #fafafa;
        padding: 10px 15px;
        color: #888
    }

        .job-view .job-info table td h2 {
            font-size: 22px;
            color: #747979
        }

.job-view .item {
    margin-top: 40px;
    line-height: 180%;
    color: #5c5c5c
}

    .job-view .item h3 {
        font-size: 22px;
        font-weight: normal;
        color: #333;
        margin-bottom: 15px;
    }

    .job-view .item p {
        margin-bottom: 10px;
    }

.job-view .share {
    margin-top: 20px;
    height: 40px;
}

.job-view .btns {
    margin-top: 20px;
}

    .job-view .btns a {
        display: block;
        width: 100px;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        padding: 15px 30px;
        background: url(/skin/images/time-bg.png) no-repeat;
        font-size: 14px;
        color: #fff;
        margin: 0 auto;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
    }

        .job-view .btns a:hover {
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -o-transform: scale(1.1);
        }

.job-view .item ul {
    margin-top: 10px;
}

.job-view .item li a {
    color: #0088e6;
    background: url(/skin/images/word.gif) no-repeat 0 center;
    padding-left: 25px;
}

    .job-view .item li a:hover {
        text-decoration: underline
    }




#apply {
    background-color: #f1eff1;
    padding: 30px;
}

    #apply .btns {
        margin-top: 30px;
        padding-left: 117px
    }

        #apply .btns button {
            display: inline-block;
            border: 0;
            cursor: pointer;
            padding: 0 40px;
            height: 45px;
            line-height: 45px;
            color: #fff;
            background: #006db8;
            font-size: 16px;
            margin-right: 10px;
            -webkit-transition-duration: 0.25s;
            -moz-transition-duration: 0.25s;
            -o-transition-duration: 0.25s;
        }

            #apply .btns button.btn2 {
                background-color: #747979
            }

            #apply .btns button:hover {
                background-color: #005bac;
            }

    #apply .form {
        line-height: 180%;
        font-size: 14px;
    }

        #apply .form span {
            margin: 0px 2px
        }

        #apply .form table {
            width: 100%;
            margin-top: 20px;
        }

            #apply .form table td {
                padding: 6px 10px;
            }

            #apply .form table tbody th {
                padding: 6px 10px
            }

            #apply .form table thead td {
                font-weight: bold;
                color: #3ba0ff;
                padding: 10px 0
            }

            #apply .form table thead h2 {
                font-size: 14px;
                background: #ddd;
                line-height: 40px;
                text-indent: 20px
            }

            #apply .form table tbody td {
            }

            #apply .form table tbody th {
                text-align: right;
                font-weight: normal
            }

            #apply .form table .input {
                border: 1px #e2e2e2 solid;
                padding: 10px;
                width: 230px;
                background-color: #fff;
                color: #555
            }

            #apply .form table .radio {
                position: relative;
                top: -2px
            }

            #apply .form table select {
                padding: 7px;
                border: 1px #e2e2e2 solid;
                color: #555;
                font-size: 14px;
                min-width: 252px
            }

            #apply .form table textarea {
                border: 1px #ccc solid;
                padding: 6px;
                width: 630px;
                height: 80px
            }

            #apply .form table a.btn {
                margin-left: 5px;
                display: inline-block;
                background-color: #747979;
                color: #fff;
                font-size: 14px;
                width: 80px;
                height: 30px;
                line-height: 30px;
                text-align: center;
                position: relative;
                top: 1px;
            }

                #apply .form table a.btn:hover {
                    background-color: #0066ca
                }

            #apply .form table a.link {
                color: #1c7eec;
                margin-left: 10px;
            }

                #apply .form table a.link:hover {
                    text-decoration: underline;
                    color: #005acb
                }

        #apply .form input.hover {
            color: #555;
            -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);
            box-shadow: 0 0 6px rgba(0,0,0,0.2);
            border-color: #74b9ef !important;
            background-color: #fff !important
        }



.hr-content {
    padding: 30px
}

    .hr-content .item-a {
        height: 370px;
        background: url(/skin/images/hr-pic.jpg) no-repeat
    }

        .hr-content .item-a .text {
            width: 33.333333%;
            float: left;
            height: 370px;
            padding: 50px;
            background-color: rgba(255,255,255,0.9)
        }

            .hr-content .item-a .text h1 strong {
                display: block;
                font-size: 24px;
                color: #3a3a3a
            }

            .hr-content .item-a .text h1 span {
                display: block;
                color: #aaa;
                margin-top: 15px;
                font-size: 14px;
            }

            .hr-content .item-a .text p {
                margin-top: 30px;
                line-height: 1.8
            }

    .hr-content .item-b .item {
        width: 33.333333%;
        height: 200px;
        float: left;
        background-color: #fd343b;
        color: #fff;
        padding: 30px 40px;
        text-align: center
    }

        .hr-content .item-b .item h2 {
            font-size: 18px;
            font-weight: bold
        }

        .hr-content .item-b .item p {
            margin-top: 15px;
            line-height: 1.8;
            font-size: 13px
        }

        .hr-content .item-b .item.s2 {
            background-color: #0093d3
        }

        .hr-content .item-b .item.s3 {
            background-color: #68b92e
        }

    .hr-content .item-c {
        position: relative
    }

        .hr-content .item-c h2 {
            font-size: 24px;
            padding: 40px 0 30px 30px
        }

            .hr-content .item-c h2:before {
                content: "";
                display: block;
                width: 0;
                height: 0;
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-top: 15px solid #a53822;
                position: absolute;
                left: 0px;
                top: 45px;
            }

        .hr-content .item-c a.more {
            width: 100px;
            height: 32px;
            display: block;
            border: 1px #ddd solid;
            line-height: 32px;
            text-align: center;
            right: 0;
            top: 40px;
            position: absolute
        }

/*-------------------滚动内容区域-------------------*/
.slider-con {
    background: url(/skin/images/hr-slider-bg.jpg) no-repeat center center;
    background-size: cover;
    padding: 90px 0 110px
}

.hr-content .hiSlider {
    overflow: hidden
}

.hr-content .hiSlider-item {
    float: left
}

.hr-content .hiSlider-title {
    position: absolute;
    z-index: 3
}

.hr-content .hiSlider-pages {
    position: absolute;
    bottom: 0px;
    height: 7px;
    line-height: 7px;
    font-size: 0
}

    .hr-content .hiSlider-pages a {
        background: #575757;
        width: 7px;
        height: 7px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin: 0 3px;
        padding: 0;
        display: inline-block;
        text-indent: -9999px;
        overflow: hidden
    }

        .hr-content .hiSlider-pages a.active {
            background: #fff
        }

.hr-content .hiSlider-btn-prev, .hr-content .hiSlider-btn-next {
    position: absolute;
    z-index: 5;
    top: 50%;
    margin-top: -85px;
    width: 40px;
    text-align: center;
    height: 170px;
    line-height: 170px;
    background: #f2f2f2;
    overflow: hidden;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
}

.hr-content .hiSlider-btn-prev {
    left: 0px
}

.hr-content .hiSlider-btn-next {
    right: 0px;
    background-position: -40px 0
}

    .hr-content .hiSlider-btn-prev:hover, .hr-content .hiSlider-btn-next:hover {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1
    }

@media ( max-width:800px ) {
    .hr-content .hiSlider-btn-prev, .hr-content .hiSlider-btn-next {
        margin-top: -20px;
        height: 40px;
        line-height: 40px
    }
}

.hr-content .hiSlider-btn-prev i {
    display: block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 8px solid #888;
    border-bottom: 6px solid transparent;
    position: absolute;
    left: 50%;
    margin-left: -4px;
    top: 50%;
    margin-top: -6px;
}

.hr-content .hiSlider-btn-next i {
    display: block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 8px solid #888;
    border-bottom: 6px solid transparent;
    position: absolute;
    left: 50%;
    margin-left: -4px;
    top: 50%;
    margin-top: -6px;
}

.hr-content .in-hiSliderbox {
    height: 100%
}

    .hr-content .in-hiSliderbox .hiSlider-wrap {
        height: 220px !important;
        position: absolute;
        top: 20px;
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        -ms-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

.hr-content .in-comarea:hover .in-hiSliderbox .hiSlider-wrap {
    position: absolute;
    top: 50px
}

.hr-content .in-hiSliderbox .hiSlider-item {
    height: 200px !important
}

.hr-content .in-hiSliderbox .hiSlider {
    background: #abde51
}

    .hr-content .in-hiSliderbox .hiSlider a.color000:hover {
        color: #fff
    }

.hr-content .in-hiSliderbox .hiSlider-pages {
    margin-left: 20px
}

.hr-content .inside-hiSlider-con {
    background-color: #fff;
    margin: 0 auto;
    width: 60%;
    padding: 40px 40px 80px
}

    .hr-content .inside-hiSlider-con img {
        width: 100%;
        display: block;
    }

.hr-content .hiSlider-title {
    width: 60%;
    margin-left: 20%;
    text-align: center;
    font-size: 14px;
    bottom: 40px
}

.hr-content .hiSlider-pages {
    width: 100%;
    text-align: center;
    bottom: 20px
}

    .hr-content .hiSlider-pages a.active {
        background: #fd343b
    }


/*------人才培训------*/
.training-list {
}

    .training-list li {
        background-color: #f4f4f4;
        margin-bottom: 20px;
        padding: 30px;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
    }

        .training-list li .image {
            width: 240px;
            float: left
        }

            .training-list li .image img {
                width: 100%
            }

        .training-list li .text {
            width: 440px;
            float: right
        }

            .training-list li .text span {
                display: block;
            }

            .training-list li .text strong {
                font-size: 18px;
                margin-top: 10px;
                display: block;
                line-height: 1.6
            }

            .training-list li .text p {
                margin-top: 20px;
            }

                .training-list li .text p i {
                    display: inline-block;
                    background-color: #fff;
                    padding: 5px 10px;
                    color: #888
                }

        .training-list li:hover {
            background-color: #ddd
        }

/*联系我们*/
.contact-title {
    height: 120px;
    overflow: hidden;
    position: absolute;
    z-index: 10;
    top: -110px;
    right: 0;
}

    .contact-title strong {
        margin-left: 30px;
        margin-left: 0px \9;
        color: #ddd;
        font-size: 60px;
        font-family: "dincond-medium-webfont";
        text-transform: uppercase;
        letter-spacing: -1px;
        -webkit-animation: cth1 800ms ease-out forwards;
        animation: cth1 800ms ease-out forwards;
        opacity: 0;
        display: inline-block
    }

    .contact-title span {
        display: inline-block;
        position: relative;
        top: -3px;
        margin-left: -30px;
        margin-left: 0 \9;
        color: #5a575b;
        font-size: 24px;
        font-weight: bold;
        -webkit-animation: cth2 800ms ease-out forwards;
        animation: cth2 800ms ease-out forwards;
        opacity: 0;
    }

.contact .item-a .qr-code {
    width: 30%;
    float: left;
    text-align: center;
    padding: 40px; /*background-color:#e0e2e4;*/
    height: 290px;
}

    .contact .item-a .qr-code .image {
        width: 155px;
        height: 155px;
        margin: 0 auto;
        background: url(/skin/images/qr2.png) no-repeat;
        background-size: 100%
    }

    .contact .item-a .qr-code img {
        width: 155px;
    }

    .contact .item-a .qr-code span {
        display: block;
        margin-top: 10px;
        line-height: 1.6
    }

.contact .item-a .text {
    width: 70%;
    float: right;
    height: 290px;
    background: url(/skin/images/contact-text-bg.jpg) no-repeat;
    padding: 30px 40px
}

    .contact .item-a .text h1 strong {
        display: block;
        font-size: 26px;
    }

    .contact .item-a .text h1 span {
        display: block;
        font-size: 16px;
        color: #aaa;
        margin-top: 5px;
    }

    .contact .item-a .text ul {
        margin-top: 25px;
    }

        .contact .item-a .text ul li {
            margin-bottom: 5px;
            color: #7a7a7a;
        }

            .contact .item-a .text ul li label {
                margin-right: 5px;
            }

            .contact .item-a .text ul li a#map-btn {
                display: inline-block;
                background-color: #0cafe5;
                width: 110px;
                text-align: center;
                line-height: 32px;
                position: absolute;
                color: #fff;
                margin-left: 10px;
                margin-top: -6px;
                border-radius: 4px
            }

                .contact .item-a .text ul li a#map-btn i {
                    font-size: 14px;
                    margin-right: 3px;
                }

                .contact .item-a .text ul li a#map-btn:hover {
                    background-color: #1f8bcc
                }

.contact .item-b {
    background: url(/skin/images/map-bg.jpg) no-repeat;
    position: relative
}

    .contact .item-b .con {
        width: 70%;
        float: right;
        background-color: #fff;
        padding: 22px;
        min-height: 400px;
    }

    .contact .item-b h2 {
        position: absolute;
        left: 60px;
        top: 40px;
    }

        .contact .item-b h2 strong {
            display: block;
            font-size: 20px;
            color: #fff
        }

        .contact .item-b h2 span {
            display: block;
            font-family: 'NoveDemiBold';
            color: #419dd4;
            font-size: 30px;
            line-height: 26px;
            margin-top: 20px;
        }

    .contact .item-b .item {
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 5px #eee solid
    }

        .contact .item-b .item h3 {
            font-size: 16px;
            color: #222;
            font-weight: bold
        }

        .contact .item-b .item ul {
            margin-top: 15px;
        }

            .contact .item-b .item ul li {
                margin-bottom: 5px;
                color: #7a7a7a
            }

                .contact .item-b .item ul li label {
                    margin-right: 5px;
                }

        .contact .item-b .item:last-child {
            border-bottom: 0
        }

.b-map {
    position: fixed;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background-color: rgba(50,50,50,0.8);
    visibility: hidden;
    transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
    -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
}

    .b-map .contact-map {
        width: 76%;
        height: 72%;
        position: absolute;
        left: 12%;
        top: 14%;
        background-color: #fff;
        box-shadow: 0px 5px 15px rgba(0,0,0,.2)
    }

    .b-map .close-btn {
        position: absolute;
        right: 12%;
        top: 14%;
        width: 80px;
        height: 80px;
        background: url(/skin/images/close4.png) no-repeat center center #a53822;
        display: block;
        z-index: 2
    }

    .b-map.hover {
        visibility: visible;
        top: 0;
    }

/* --------------图片浏览滚动效果---------------------- */
.imgShowBox {
    background: url(/skin/images/black.png) repeat;
    background: none rgba(50,50,50,0.85);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateY(100%);
    transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
    -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
    z-index: 99999;
    width: 100%;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}

.no-csstransitions .imgShowBox {
    display: none;
}

.imgShowDemo {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

    .imgShowDemo .item {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        background-size: contain;
    }

    .imgShowDemo .img {
        vertical-align: middle;
        height: auto;
        width: auto;
        max-height: 100%;
        max-width: 90%;
        margin: auto;
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);
    }

    .imgShowDemo p {
        background: url(/skin/images/black.png) repeat;
        background: #006db8;
        font-size: 16px;
        color: #FFF;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        padding: 20px 0px;
        text-align: center
    }
/*.imgShowDemo .txt .i{padding:0px 3%;}
.imgShowDemo .txt .t{font-size: 22px;line-height: 1.4;padding: 15px 0px;}*/ .hi-num {
    width: 85px;
    height: 65px;
    background: #272727;
    color: #FFF;
    border-left: 1px solid #3a3a3a;
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
    line-height: 65px;
    font-size: 16px;
}

.img-show {
    transform: translateY(0) !important;
    -webkit-transform: translateY(0) !important;
}

.no-csstransitions .img-show {
    display: block;
}

.imgShowDemo .slick-prev, .imgShowDemo .slick-next {
    width: 51px;
    height: 51px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    z-index: 100;
    transition: all 0s ease 0s;
    -webkit-transform: all 0s ease 0s;
    font-size: 0;
    border: 0;
}

.imgShowDemo .slick-prev {
    background: url(/skin/images/img_btn2.png) no-repeat scroll left top;
    left: 2%;
}

.imgShowDemo .slick-next {
    background: url(/skin/images/img_btn2.png) no-repeat scroll right top;
    right: 2%;
}

.imgShowDemo .slick-prev:hover {
    background-position: left bottom;
}

.imgShowDemo .slick-next:hover {
    background-position: right bottom;
}

.overlayClose {
    width: 56px;
    height: 56px;
    display: block;
    position: fixed;
    right: 20px;
    top: 20px;
    transition: 300ms;
    -webkit-transition: 300ms;
    z-index: 100;
    cursor: pointer
}

    .overlayClose i {
        background: url(/skin/images/close4.png) no-repeat scroll center center;
        width: 100%;
        height: 100%;
        display: block;
        transition: 400ms;
        -webkit-transition: 400ms;
    }

    .overlayClose:hover i {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
    }


/* Slider*/
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}
/*slick end*/



/* 分享代码  */
.jsmodern-share {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 335px;
    z-index: 999999;
    background: #fff;
    border: #ccc solid 1px;
    border-radius: 10px;
    box-shadow: 0px 0px 40px 0 rgba(0, 0, 0, 0.3);
    overflow: hidden;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

    .jsmodern-share p {
        display: block;
        height: 20px;
        text-align: center;
        font-size: 18px;
        margin: 15px 0 20px 0
    }

    .jsmodern-share div {
        width: 260px;
        height: 260px;
        margin: 0 auto
    }

    .jsmodern-share b {
        position: absolute;
        width: 20px;
        height: 20px;
        background: url(/skin/images/30d1871cb12d416d98d67f1377f16bff.gif);
        right: 4px;
        top: 4px;
        cursor: pointer;
        color: #ccc;
        opacity: .1;
        transition: .1s
    }

        .jsmodern-share b:hover {
            opacity: .5
        }

.jsmodern-marquee {
    overflow: hidden
}

.jsmodern-marquee-inner {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important
}

.jsmodern-marquee-default, .jsmodern-marquee-repeat {
    float: left;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important
}

.jsmodern-marquee-part {
    display: block;
    float: left
}

.jsmodern-picture-container {
    display: block;
    position: relative;
    overflow: hidden
}

    .jsmodern-picture-container a {
        display: block;
        color: #fff;
        text-decoration: none
    }

    .jsmodern-picture-container img {
        border: 0
    }

.jsmodern-picture-inner {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.jsmodern-picture-part {
    overflow: hidden
}

.jsmodern-picture-fade {
    width: 100%
}

    .jsmodern-picture-fade .jsmodern-picture-part {
        position: absolute;
        display: none
    }

.jsmodern-picture-slide .jsmodern-picture-part {
    float: left
}

.jsmodern-picture-slide img {
    display: block
}

.jsmodern-picture-dot {
    position: absolute;
    bottom: 15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

    .jsmodern-picture-dot b {
        display: block;
        float: left;
        width: 10px;
        height: 10px;
        background: #777;
        border-radius: 5px;
        cursor: pointer;
        margin: 0 5px;
        transition: .4s
    }

        .jsmodern-picture-dot b.active {
            background: #fff
        }

.jsmodern-picture-prev, .jsmodern-picture-next {
    display: block;
    position: absolute;
    top: 50%;
    width: 17px;
    height: 32px;
    margin-top: -16px;
    cursor: pointer;
    background: url(/skin/images/a5dc29a6843c46de87ab0029f98fd6a1.gif) no-repeat
}

.jsmodern-picture-prev {
    margin-left: 15px
}

.jsmodern-picture-next {
    right: 0;
    margin-right: 15px;
    background-position: -17px 0
}

.jsmodern-video {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 10
}

.jsmodern-video-panel {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2147483648;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background: rgba(0,0,0,.8);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

    .jsmodern-video-panel.jsmodern-video-panelFull {
        left: 50%;
        -webkit-transform: translate(-50%,-10px);
        -ms-transform: translate(-50%,-10px);
        transform: translate(-50%,-10px);
        padding: 3px 5px;
        border-radius: 8px
    }

.jsmodern-video-linebox {
    height: 6px;
    background: rgba(255,255,255,.25);
    border-radius: 3px;
    width: 460px;
    width: -webkit-calc(100% - 305px);
    width: -moz-calc(100% - 305px);
    width: calc(100% - 305px);
    float: left;
    margin: 17px 0 0 15px;
    position: relative;
    cursor: pointer
}

.jsmodern-video-pass {
    position: absolute;
    border-radius: 3px;
    height: 100%;
    background: #F06000
}

.jsmodern-video-linedot {
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 3px;
    -webkit-transform: scale(1.8);
    -ms-transform: scale(1.8);
    transform: scale(1.8);
    position: absolute
}

.jsmodern-video-panel b {
    cursor: pointer
}

.jsmodern-video-panel b, .jsmodern-video-panel span {
    display: block;
    float: left
}

.jsmodern-video-panel span {
    font-size: 12px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.jsmodern-video-start {
    margin-left: 10px
}

    .jsmodern-video-start + span {
        width: 14px;
        height: 12px;
        text-align: center;
        line-height: 12px;
        font-size: 10px;
        overflow: hidden;
        margin-top: 13px;
        -webkit-transform: scale(1,0.9) translateY(1px);
        -ms-transform: scale(1,0.9) translateY(1px);
        transform: scale(1,0.9) translateY(1px);
        -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
        transform-origin: left top
    }

.jsmodern-video-start, .jsmodern-video-end {
    width: 39px;
    text-align: center
}

.jsmodern-video-volumebox {
    width: 80px;
    height: 6px;
    background: rgba(255,255,255,.25);
    border-radius: 3px;
    float: left;
    margin: 18px 0 0 7px;
    position: relative;
    cursor: pointer
}

.jsmodern-video-volumeline {
    width: 40px;
    height: 6px;
    background: #F06000;
    border-radius: 3px;
    margin-top: 0
}

.jsmodern-video-volumedot {
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 3px;
    margin: -6px 0 0 37px;
    -webkit-transform: scale(1.8);
    -ms-transform: scale(1.8);
    transform: scale(1.8);
    position: absolute
}

.jsmodern-video-play, .jsmodern-video-volume, .jsmodern-video-fullin {
    width: 18px;
    height: 18px;
    margin-top: 11px;
    background-position: center;
    background-repeat: no-repeat
}

.jsmodern-video-play {
    margin-left: 10px;
    background-image: url(/skin/images/4a319acdbb7e463f9d99ff40a4fbe885.gif)
}

.jsmodern-video-pause {
    background-image: url(/skin/images/a21460c3d63141199dc6b0ccaa967b7a.gif)
}

.jsmodern-video-volume {
    margin-left: 15px;
    background-image: url(/skin/images/4d8b011868c34ab380017934fdfa0f2b.gif)
}

.jsmodern-video-muted {
    background-image: url(/skin/images/4d5a06a9c5cf41918a7369b4279a2f2f.gif)
}

.jsmodern-video-fullin {
    margin-left: 15px;
    background-image: url(/skin/images/b651434dc1d249ff822352ca77e85bce.gif)
}

.jsmodern-video-fullout {
    margin-left: 15px;
    background-image: url(/skin/images/12c2e1960621474d9d86ef95f17d5c67.gif)
}

b.jsmodern-video-fullFalse {
    opacity: .5;
    cursor: default
}

.jsmodern-dialog-container {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 2147483649;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.6);
    opacity: 0
}

.jsmodern-dialog {
    position: fixed;
    top: -10px;
    left: 50%;
    width: 500px;
    min-width: 500px;
    height: auto;
    overflow: hidden;
    padding: 15px;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
    background: #fff;
    border-radius: 6px;
    border: #555 solid 1px;
    box-shadow: 0 0 15px rgba(0,0,0,.4);
    opacity: 0
}

.jsmodern-dialog-title {
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    word-wrap: break-word;
    word-break: normal
}

.jsmodern-dialog-content {
    width: 100%;
    height: auto;
    min-height: 60px;
    overflow: hidden;
    word-wrap: break-word;
    word-break: normal;
    margin-top: 10px;
    font-size: 14px;
    color: #333;
    line-height: 160%
}

.jsmodern-dialog > span {
    display: block;
    float: right;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    padding: 0 12px;
    cursor: pointer;
    margin: 13px 0 0 10px;
    border-radius: 4px;
    border: #ccc solid 1px;
    transition: .25s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .jsmodern-dialog > span.jsmodern-dialog-sure {
        background: #2F7CBE;
        border-color: #2F7CBE;
        color: #fff
    }

        .jsmodern-dialog > span.jsmodern-dialog-sure:hover {
            background: #1563A6;
            border-color: #1563A6
        }

    .jsmodern-dialog > span.jsmodern-dialog-cancel:hover {
        background: #eee
    }

.jsmodern-scrollBar-container {
    overflow: hidden;
    position: relative
}

.jsmodern-scrollBar-inner {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.jsmodern-scrollbar {
    position: absolute;
    top: 0;
    right: 2px;
    width: 6px;
    background: rgba(0,0,0,.3);
    border-radius: 3px;
    z-index: 10px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.jsmodern-lazyload {
    display: block;
    opacity: 0
}

.jsmodern-page-content {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.jsmodern-page-target > * {
    display: none
}

.jsmodern-page {
    height: 38px;
    display: inline-block;
    overflow: hidden;
    border-radius: 19px;
    border: #e8e8e8 solid 1px;
    margin: 0 auto
}

    .jsmodern-page > div i, .jsmodern-page > i {
        display: block;
        float: left;
        width: 40px;
        height: 38px;
        line-height: 38px;
        font-size: 13px;
        text-align: center;
        cursor: pointer;
        font-style: normal;
        background: #f5f5f5;
        transition: .15s;
        font-weight: bold;
        color: #333
    }

    .jsmodern-page i {
        border-right: #e3e3e3 solid 1px;
        border-left: #fff solid 1px
    }

    .jsmodern-page > div {
        float: left;
        max-width: 420px;
        overflow: hidden
    }

        .jsmodern-page > div div {
            height: 38px
        }

    .jsmodern-page i.active {
        background: #E04636;
        color: #fff;
        box-shadow: rgba(0,0,0,.2) 0 0 10px inset;
        border-right-color: #fff
    }

    .jsmodern-page i:hover {
        color: #E04636
    }

    .jsmodern-page i.active:hover {
        color: #fff
    }

    .jsmodern-page > i span {
        display: inline-block;
        font-size: 20px
    }

    .jsmodern-page > i:first-child {
        border-radius: 19px 0 0 19px
    }

    .jsmodern-page > i:last-child {
        border-radius: 0 19px 19px 0
    }

i.jsmodern-page-first, i.jsmodern-page-last, i.jsmodern-page-next, i.jsmodern-page-prev {
    line-height: 33px
}



#message {
    width: 400px;
    padding: 30px 40px 40px;
    background: #fff;
    margin: 0 auto;
    border: 1px #ddd dashed;
    position: relative;
    top: 150px;
    text-align: center
}

    #message .msg {
        margin-bottom: 20px;
        font-size: 15px;
        font-weight: bold;
        font-family: Tahoma, "microsoft Yahei";
        line-height: 26px;
    }

        #message .msg a {
            text-decoration: underline;
            color: #0066cc
        }

            #message .msg a:hover {
                color: #b1000;
                text-decoration: none
            }

/*文章评论样式*/
.comment-box {
    position: relative;
    padding: 0 50px 20px;
}

    .comment-box .form-box {
        margin: 0;
        padding: 15px 0;
    }

        .comment-box .form-box .avatar-box {
            display: block;
            float: left;
            margin: 0;
            padding: 0;
            width: 55px;
            height: 55px;
            border: 0;
            border-radius: 55px;
            background: #fafafa;
            overflow: hidden;
        }

            .comment-box .form-box .avatar-box i {
                color: #999;
                font-size: 55px;
                line-height: 1.2em;
            }

            .comment-box .form-box .avatar-box img {
                width: 100%;
                height: 100%;
            }

        .comment-box .form-box .conn-box {
            position: relative;
            margin-left: 70px;
        }

            .comment-box .form-box .conn-box .editor {
                position: relative;
                margin-right: 18px;
            }

                .comment-box .form-box .conn-box .editor textarea {
                    display: inline;
                    margin: 0;
                    padding: 8px;
                    width: 100%;
                    height: 80px;
                    border: 1px solid #e8e8e8;
                    line-height: 20px;
                }

            .comment-box .form-box .conn-box .subcon {
                padding-top: 15px;
                color: #999;
                font-size: 12px;
            }

                .comment-box .form-box .conn-box .subcon .submit {
                    float: right;
                    display: inline-block;
                    padding: 0 20px;
                    height: 36px;
                    line-height: 34px;
                    color: #fff;
                    font-size: 12px;
                    background: #38f;
                    vertical-align: middle;
                    cursor: pointer;
                }

                .comment-box .form-box .conn-box .subcon strong {
                    color: #333;
                    font-weight: normal;
                }

                .comment-box .form-box .conn-box .subcon .code {
                    margin-right: 5px;
                    padding: 7px;
                    width: 80px;
                    height: 20px;
                    line-height: 20px;
                    border: 1px solid #e8e8e8;
                }

                .comment-box .form-box .conn-box .subcon a img {
                    vertical-align: middle;
                }

    .comment-box .list-box li {
        padding: 17px 0;
        border-top: 1px solid #f7f7f7;
    }

        .comment-box .list-box li .avatar-box {
            display: block;
            float: left;
            margin: 0;
            padding: 0;
            width: 55px;
            height: 55px;
            border: 0;
            border-radius: 55px;
            background: #fafafa;
            overflow: hidden;
        }

            .comment-box .list-box li .avatar-box i {
                color: #999;
                font-size: 55px;
                line-height: 1.2em;
            }

            .comment-box .list-box li .avatar-box img {
                width: 100%;
                height: 100%;
            }

        .comment-box .list-box li .inner-box {
            position: relative;
            margin-left: 70px;
        }

            .comment-box .list-box li .inner-box .info {
                padding-bottom: 3px;
            }

                .comment-box .list-box li .inner-box .info span {
                    margin-right: 5px;
                    color: #999;
                    font-size: 12px;
                }

            .comment-box .list-box li .inner-box p {
                color: #333;
                font-size: 14px;
                line-height: 1.8em;
            }

        .comment-box .list-box li .answer-box {
            clear: both;
            margin: 10px 0 0 70px;
            padding: 10px;
            background: #fafafa;
            border: 1px solid #e6e6e6;
            border-radius: 3px;
        }

            .comment-box .list-box li .answer-box .info {
                margin-bottom: 5px;
                padding: 0;
                color: #1e7bb3;
                font-size: 12px;
                border: none;
            }

                .comment-box .list-box li .answer-box .info span.right {
                    float: right;
                    color: #999;
                }

            .comment-box .list-box li .answer-box p {
                color: #555;
                font-size: 14px;
                line-height: 1.8em;
            }
/*类别导航样式*/