/*头部*/

.header-zw {
    display: block;
    height: 86px;
}

.logo {
    display: inline-block;
    float: left;
    height: 86px;
    width: auto;
    line-height: 80px;
}

    .logo img {
        display: inline-block;
    }

.menu {
    display: inline-block;
    width: auto;
    height: 86px;
    float: right;
}

    .menu > li {
        float: left;
        width: auto;
        margin: 0 18px;
    }

        .menu > li > a {
            display: block;
            width: auto;
            height: 86px;
            position: relative;
            line-height: 86px;
            font-size: 16px;
            color: #333;
        }

            .menu > li > a:hover {
                color: #2b5fbc;
            }

            .menu > li > a.active {
                color: #2b5fbc;
            }

                .menu > li > a.active::after {
                    content: "";
                    display: block;
                    width: 100%;
                    height: 4px;
                    background: #2b5fbc;
                    position: absolute;
                    left: 0;
                    bottom: 16px;
                }

.header-right {
    display: inline-block;
    float: right;
    height: 86px;
    margin-left: 22px;
    padding: 25px 0;
}

    .header-right a {
        display: inline-block;
        float: left;
        width: auto;
        height: 36px;
        line-height: 36px;
        font-size: 14px;
        color: #8c8c8c;
        text-transform: uppercase;
        padding: 0 9px;
        position: relative;
    }

        .header-right a:hover {
            color: #2b5fbc;
        }

        .header-right a::before {
            content: "";
            display: block;
            width: 1px;
            height: 12px;
            background: #c8c8c8;
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -6px;
        }

        .header-right a img {
            display: block;
            height: 14px;
            margin-top: 10px;
        }

.header .width {
    position: relative;
    height: 86px;
}

.search {
    display: none;
    width: 360px;
    height: 42px;
    background-color: #fff;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 92;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08);
    font-size: 0;
}

    .search input {
        display: inline-block;
        width: 280px;
        height: 42px;
        font-size: 14px;
        padding: 0 16px;
        color: #333;
    }

    .search .cancel {
        display: inline-block;
        float: right;
        width: 80px;
        height: 100%;
        background-color: #e5e5e5;
        border: none;
        font-size: 14px;
        color: #666;
    }

    .search .searchIn {
        display: none;
        width: 80px;
        height: 100%;
        background-color: #2b5fbc;
        border: none;
        font-size: 14px;
        color: #fff;
    }

.footer {
    display: block;
    width: 100%;
    height: auto;
    background-color: #333333;
}

.footer-top {
    min-height: 59px;
    border-bottom: 1px solid #4c4c4c;
    line-height: 24px;
    padding: 17px 0;
    font-size: 14px;
    color: #bfbfbf;
}

    .footer-top a {
        color: #bfbfbf;
        padding: 0 5px;
    }

        .footer-top a:hover {
            color: #fff;
        }

.footer-but {
    display: block;
    width: 100%;
    min-height: 68px;
    background-color: #212121;
    font-size: 14px;
    color: #848484;
    line-height: 24px;
    padding: 22px 0;
    text-align: center;
}

.footer-center {
    padding: 30px 0 24px;
}

.footer-center-list {
    display: inline-block;
    float: left;
    margin-left: 88px;
    line-height: 30px;
}

    .footer-center-list:first-child {
        margin-left: 0;
    }

    .footer-center-list a {
        font-size: 14px;
        color: #d6d6d6;
    }

        .footer-center-list a:hover {
            color: #fff;
        }

    .footer-center-list h3 {
        font-size: 16px;
        color: #ffffff;
        font-weight: bold;
        line-height: 32px;
        margin-bottom: 14px;
    }

.footer-center-right {
    display: inline-block;
    float: right;
    padding-top: 6px;
    max-width: 430px;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
}

    .footer-center-right p {
        padding: 5px 0;
    }

    .footer-center-right h2 {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 6px;
    }

    .footer-center-right > span {
        display: block;
        min-height: 122px;
        margin-bottom: 12px;
    }
/*banner*/
.banner-device {
    width: 100%;
    height: 630px;
    position: relative;
}

    .banner-device .arrow-left {
        display: none;
        background: url(../images/left_02.png) no-repeat left top;
        background-size: 100% 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -30px;
        width: 64px;
        height: 64px;
        z-index: 9;
        cursor: pointer;
        margin-left: -664px;
        opacity: 0.6;
    }

        .banner-device .arrow-left:hover {
            opacity: 1;
        }

    .banner-device .arrow-right {
        display: none;
        background: url(../images/right_02.png) no-repeat left bottom;
        background-size: 100% 100%;
        position: absolute;
        top: 50%;
        right: 50%;
        margin-top: -30px;
        width: 64px;
        height: 64px;
        z-index: 9;
        cursor: pointer;
        margin-right: -664px;
        opacity: 0.6;
    }

        .banner-device .arrow-right:hover {
            opacity: 1;
        }

    .banner-device:hover .arrow-left {
        display: block;
    }

    .banner-device:hover .arrow-right {
        display: block;
    }

    .banner-device .swiper-banner {
        height: 658px;
        width: 100% !important;
    }

.swiper-banner .swiper-slide {
    display: block;
    width: 100%;
    height: 100%;
}

.swiper-banner a {
    display: block;
    width: 100%;
    height: 630px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-device .pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 30px;
    width: 100%;
    z-index: 9;
}

.banner-device .swiper-pagination-switch {
    display: inline-block;
    width: 40px;
    height: 5px;
    border-radius: 0px;
    background: #fff;
    margin: 0 6px;
    cursor: pointer;
    position: relative;
    opacity: 0.7;
}

.banner-device .swiper-active-switch {
    background: #005dbd;
    opacity: 1;
}
/*banner end*/
/*首页*/
.chanpintitle {
    text-align: center;
    font-size: 32px;
    line-height: 48px;
    color: #333333;
}

.index-tixi {
    margin-bottom: 110px;
    text-align: center;
    font-size: 0;
}

    .index-tixi li {
        /*float: left;*/
        display: inline-block;
        vertical-align: top;
        margin-right: 12px;
        background-color: #fff;
        box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08);
        margin-top: 70px;
        height: 430px;
        width: 190px;
    }

        .index-tixi li:nth-child(6n) {
            margin-right: 0;
        }

.index-tixi-in {
    display: block;
    width: 100%;
    height: 100%;
    padding: 58px 22px 0;
}

    .index-tixi-in:hover {
        background-color: #2b5fbc;
    }

    .index-tixi-in > span {
        display: block;
        width: 100%;
        height: 58px;
        text-align: center;
        line-height: 58px;
        margin-bottom: 22px;
    }

    .index-tixi-in h3 {
        text-align: center;
        font-size: 22px;
        line-height: 32px;
        height: 32px;
        color: #333333;
    }

    .index-tixi-in em {
        display: block;
        width: 22px;
        height: 1px;
        background-color: #666666;
        margin: 21px auto 18px;
    }

    .index-tixi-in p {
        font-size: 14px;
        color: #666666;
        line-height: 24px;
        overflow: hidden;
        /*text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: :;;*/
    }

    .index-tixi-in:hover h3 {
        color: #fff;
    }

    .index-tixi-in:hover p {
        color: #fff;
    }

    .index-tixi-in:hover em {
        background-color: #fff;
    }

.index-case {
    display: block;
    width: 100%;
    height: 850px;
    background-color: #f5f5f5;
    padding-top: 100px;
    background-image: url(../images/index-bg_04.jpg);
    background-size: cover;
    background-position: center bottom;
}

.index-case-top {
    min-height: 64px;
    text-align: center;
    font-size: 0;
    border-bottom: 1px solid #e1e1e1;
    margin-top: 64px;
    margin-bottom: 50px;
}

    .index-case-top a {
        display: inline-block;
        margin: 0 30px;
        height: 100%;
        font-size: 18px;
        color: #333333;
        line-height: 64px;
        cursor: pointer;
        padding: 0 18px;
    }

        .index-case-top a.active {
            color: #2b5fbc;
            border-bottom: 2px solid #2b5fbc;
        }

        .index-case-top a:hover {
            color: #2b5fbc;
        }

.index-case-in {
    height: auto;
    background: #fff;
}

    .index-case-in > div {
        display: none;
        width: 100%;
        height: auto;
    }

        .index-case-in > div.active {
            display: block;
        }

.index-case-img {
    display: inline-block;
    float: left;
    width: 645px;
    height: 434px;
    overflow: hidden;
}

.index-case-right {
    display: inline-block;
    float: right;
    width: 500px;
    max-height: 434px;
    overflow: auto;
    padding-top: 46px;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin-right: 14px;
    padding-right: 20px;
}

    .index-case-right h3 {
        font-size: 24px;
        line-height: 38px;
        color: #333333;
        margin-bottom: 38px;
    }

    .index-case-right a {
        display: block;
        width: 160px;
        height: 42px;
        border: 1px solid #2b5fbc;
        text-align: center;
        line-height: 40px;
        font-size: 16px;
        color: #2b5fbc;
        margin-top: 62px;
    }

        .index-case-right a:hover {
            background-color: #2b5fbc;
            color: #fff;
        }

.index-fuwu {
    padding-top: 92px;
    padding-bottom: 2px;
    position: relative;
}

.index-fuwu-top {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -600px;
    text-align: center;
    font-size: 0;
    z-index: 9;
}

    .index-fuwu-top a {
        display: inline-block;
        width: 415px;
        height: 116px;
        background-color: #fff;
        box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.08);
        text-align: center;
        font-size: 0;
    }

        .index-fuwu-top a span {
            display: inline-block;
            width: 72px;
            height: 72px;
            margin-right: 22px;
            margin-top: 22px;
            vertical-align: top;
        }

        .index-fuwu-top a div {
            display: inline-block;
            padding-top: 44px;
            vertical-align: top;
        }

            .index-fuwu-top a div h3 {
                font-size: 20px;
                line-height: 30px;
                margin-bottom: 8px;
                color: #000;
                text-align: left;
            }

            .index-fuwu-top a div h4 {
                line-height: 24px;
                font-size: 16px;
                color: #86878a;
                text-align: left;
            }

        .index-fuwu-top a:hover div h4 {
            color: #005dbd;
        }

.index-fw {
    display: block;
    width: 100%;
    height: auto;
    padding: 92px 0 114px;
    background-color: #f5f5f5;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../images/index-bg_02.jpg);
}

.index-fw-list li {
    float: left;
    width: 25%;
    height: 415px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.index-fw-in {
    display: block;
    width: 100%;
    height: 100%;
    padding: 82px 40px 0;
    /*background-color: rgba(43, 95, 188, 0.7);*/
    color: #fff;
}

    .index-fw-in:hover {
        background-color: rgba(43, 95, 188, 0.7);
    }

    .index-fw-in h3 {
        text-align: center;
        font-size: 24px;
        line-height: 36px;
        margin-top: 50px;
    }

    .index-fw-in:hover h3 {
        margin-top: 0;
        color: #fff;
    }

    .index-fw-in p {
        font-size: 14px;
        line-height: 28px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
    }

    .index-fw-in span {
        display: none;
        width: 160px;
        height: 40px;
        margin: 26px auto 0;
        text-align: center;
        line-height: 40px;
        background-color: #ffffff;
        font-size: 18px;
        color: #2b5fbc;
    }

    .index-fw-in:hover span {
        display: block;
    }

    .index-fw-in em {
        display: block;
        width: 18px;
        height: 1px;
        background-color: #fff;
        margin: 13px auto 11px;
    }

        .index-fw-in em img {
            display: none;
        }

    .index-fw-in:hover em img {
        display: block;
    }

    .index-fw-in:hover em {
        width: 20px;
        height: 15px;
        margin: 11px auto 10px;
        background: none;
    }

.index-news-head {
    height: 42px;
}

.index-newsNav {
    display: inline-block;
    float: left;
    height: 42px;
}

    .index-newsNav a {
        float: left;
        width: auto;
        min-width: 140px;
        position: relative;
        height: 42px;
        line-height: 42px;
        font-size: 18px;
        color: #666666;
        text-align: center;
        padding: 0 10px;
    }

        .index-newsNav a::after {
            content: "";
            display: block;
            width: 1px;
            height: 16px;
            background: #c2c2c2;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
        }

        .index-newsNav a:last-child::after {
            display: none;
        }

        .index-newsNav a:hover {
            color: #2b5fbc;
        }

        .index-newsNav a.active {
            background-color: #2b5fbc;
            color: #fff;
        }

            .index-newsNav a.active::after {
                display: none;
            }

.index-news {
    margin-bottom: 98px;
}

    .index-news > div {
        display: none;
        position: relative;
    }

        .index-news > div.active {
            display: block;
        }

.index-news-left {
    display: inline-block;
    float: left;
    width: 600px;
    height: 412px;
    margin-top: 42px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

    .index-news-left > div {
        display: block;
        width: 100%;
        height: 64px;
        background-color: rgba(0, 0, 0, 0.7);
        position: absolute;
        bottom: 0;
        padding-left: 150px;
        padding-right: 40px;
        padding-top: 10px;
    }

        .index-news-left > div h3 {
            font-size: 18px;
            color: #ffffff;
            line-height: 24px;
        }

        .index-news-left > div p {
            font-size: 14px;
            color: #adadad;
            line-height: 22px;
        }

        .index-news-left > div h5 {
            display: block;
            width: 80px;
            position: absolute;
            bottom: 0;
            left: 36px;
            font-size: 14px;
            color: #bcbcbc;
            font-family: arial;
            line-height: 16px;
            padding-bottom: 8px;
        }

            .index-news-left > div h5 span {
                display: block;
                font-size: 30px;
                line-height: 34px;
                color: #fff;
            }

.index-news-right {
    display: inline-block;
    width: 555px;
    float: right;
}

    .index-news-right li {
        border-bottom: 1px solid #e5e5e5;
    }

        .index-news-right li:last-child {
            border: none;
        }

.index-newsIn {
    display: block;
    width: 100%;
    height: 160px;
    position: relative;
    padding-left: 116px;
    padding-right: 50px;
    padding-top: 42px;
    font-size: 14px;
    line-height: 22px;
    color: #626262;
}

    .index-newsIn h3 {
        font-size: 18px;
        color: #333333;
        line-height: 28px;
        margin-bottom: 12px;
    }

    .index-newsIn h5 {
        font-size: 14px;
        font-family: arial;
        color: #454444;
        line-height: 16px;
        position: absolute;
        left: 2px;
        top: 40px;
        width: 80px;
    }

        .index-newsIn h5 span {
            display: block;
            line-height: 34px;
            font-size: 30px;
            color: #666666;
        }

    .index-newsIn:hover h3 {
        color: #005dbd;
    }

.index-news-more {
    position: absolute;
    right: 0;
    top: -30px;
    font-size: 16px;
    color: #666666;
    line-height: 28px;
    padding: 0 16px;
}

    .index-news-more:hover {
        color: #005dbd;
    }
/*end*/
/*产品中心*/
.banner {
    display: block;
    width: 100%;
    height: 270px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
    padding-top: 1px;
}

    .banner h3 {
        text-align: center;
        font-size: 44px;
        color: #fff;
        line-height: 0px;
        margin-top: 138px;
    }

    .banner em {
        display: block;
        width: 50px;
        height: 3px;
        background-color: #fff;
        margin: 36px auto 0;
    }

.inNav {
    display: block;
    width: 100%;
    height: auto;
    min-height: 60px;
    background-color: #fff;
    border-bottom: 1px solid #ebebeb;
    text-align: center;
    font-size: 0;
}

    .inNav a {
        display: inline-block;
        /*margin: 0 78px;*/
        margin: 0 40px;
        height: 100%;
        line-height: 60px;
        font-size: 16px;
        color: #000000;
    }

        .inNav a:hover {
            color: #2b5fbc;
        }

        .inNav a.active {
            color: #2b5fbc;
            border-bottom: 2px solid #2b5fbc;
        }

.proList {
    margin: 28px auto 100px;
    padding: 0 15px;
}

    .proList li {
        margin: 12px 11px;
        float: left;
        width: 270px;
        height: 326px;
        box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.08);
        background-color: #fff;
    }

.proListIn {
    display: block;
    width: 270px;
    height: 326px;
    position: relative;
    overflow: hidden;
}

    .proListIn > span {
        display: block;
        width: 100%;
        height: 150px;
        background-color: #fafbfb;
        text-align: center;
        line-height: 150px;
    }

        .proListIn > span img {
            display: inline-block;
            max-width: 100%;
            max-height: 100%;
        }

    .proListIn h3 {
        font-size: 18px;
        color: #000;
        line-height: 28px;
        height: 28px;
        padding: 0 18px;
        margin: 20px 0 11px;
    }

    .proListIn p {
        font-size: 14px;
        line-height: 24px;
        color: #808080;
        height: 48px;
        padding: 0 18px;
        margin-bottom: 23px;
    }

    .proListIn > div {
        display: block;
        width: 100%;
        height: 46px;
        padding: 0 18px;
        font-size: 14px;
        color: #2b5fbc;
        line-height: 46px;
    }

        .proListIn > div span {
            display: block;
            border-top: 1px solid #e3e6e8;
            background-image: url(../images/jt_01.png);
            background-position: right center;
            background-repeat: no-repeat;
        }

    .proListIn:hover > div span {
        background-image: url(../images/jt_02.png);
        border-color: #2b5fbc;
    }

    .proListIn:hover > div {
        background-color: #2b5fbc;
        color: #fff;
    }

.proLeft {
    display: inline-block;
    float: left;
    width: 260px;
    height: auto;
    background-color: #fff;
    margin-bottom: 120px;
    margin-top: 30px;
}

    .proRight {
        display: inline-block;
        float: right;
        width: 890px;
        height: auto;
        margin-bottom: 120px;
        margin-top: 30px;
        background-color: #fff;
        border: 1px solid #f0f0f0;
    }
@media only screen and (max-width: 1200px) {
    .proLeft {
        display: none;
    }
    .proRight {
        max-width: 100%;
        border: none;
        margin-bottom: 30px;
    }
    .xuruiimg{
        display:none;
    }
}

        .proRight img {
            display: inline-block;
            margin: 0 auto;
            max-width:100%;
        }

    .proLeft-top {
        display: block;
        width: 100%;
        height: 85px;
        background-color: #2b5fbc;
        padding: 16px 0 0 25px;
    }

        .proLeft-top h3 {
            font-size: 20px;
            color: #fff;
            line-height: 32px;
        }

        .proLeft-top h4 {
            line-height: 13px;
            font-family: arial;
            text-transform: uppercase;
            color: #a8c1ef;
            line-height: 20px;
            font-size:100%;
        }

    .proLeft-list {
        display: block;
        border: 1px solid #ececec;
        border-top: none;
    }

        .proLeft-list > li {
            border-bottom: 1px solid #f6f6f6;
        }

            .proLeft-list > li:last-child {
                border-bottom: none;
            }

            .proLeft-list > li > a {
                display: block;
                width: 100%;
                height: 50px;
                position: relative;
                line-height: 28px;
                padding: 11px 50px 11px 24px;
                font-size: 16px;
                color: #000000;
            }

                .proLeft-list > li > a img {
                    display: block;
                    width: 10px;
                    height: 6px;
                    position: absolute;
                    top: 50%;
                    right: 20px;
                    margin-top: -3px;
                }

            .proLeft-list > li > ul {
                border-top: 1px solid #f6f6f6;
                padding: 12px 0;
                display: none;
                max-height: 344px;
                overflow-y: scroll;
            }

                .proLeft-list > li > ul::-webkit-scrollbar { /*滚动条整体样式*/
                    width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
                    height: 4px;
                }

                .proLeft-list > li > ul::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
                    border-radius: 5px;
                    -webkit-box-shadow: inset 0 0 5px #2b5fbc;
                    background: #2b5fbc;
                }

                .proLeft-list > li > ul::-webkit-scrollbar-track { /*滚动条里面轨道*/
                    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
                    border-radius: 0;
                    background: rgba(0,0,0,0.1);
                }

            .proLeft-list > li:hover > a {
                color: #2b5fbc;
            }

            .proLeft-list > li > ul > li > a {
                display: block;
                width: 100%;
                height: auto;
                font-size: 14px;
                color: #000;
                padding: 6px 18px 6px 38px;
                line-height: 22px;
            }

            .proLeft-list > li > a.active {
                color: #2b5fbc;
            }

            .proLeft-list > li > ul > li > a:hover {
                color: #2b5fbc;
            }

            .proLeft-list > li > ul > li > a.active {
                color: #2b5fbc;
            }

            .proLeft-list > li > a.active::before {
                content: "";
                display: block;
                width: 4px;
                height: 100%;
                background-color: #2b5fbc;
                position: absolute;
                top: 0;
                left: 0;
            }

    .proRight-title {
        min-height: 86px;
        border-bottom: 1px solid #e6e6e6;
        padding: 22px;
        line-height: 42px;
        font-size: 30px;
        color: #000000;
        text-align: center;
        background-color: #fff;
    }

    .proXq-title {
        display: block;
        font-size: 26px;
        color: #181819;
        line-height: 42px;
        padding: 10px 10px;
        margin-top: 12px;
    }

        .proXq-title span {
            text-transform: uppercase;
            font-size: 20px;
            color: #37393d;
        }

    .proRight p {
        font-size: 16px;
        color: #000;
        line-height: 30px;
        padding: 0 10px;
        text-align: center;
    }

    .proBot-case li {
        margin-bottom: 20px;
    }

        .proBot-case li:last-child {
            margin-bottom: 0;
        }

        .proBot-case li a {
            display: block;
            width: 100%;
            height: 306px;
        }

            .proBot-case li a span {
                display: block;
                width: 100%;
                height: 264px;
                overflow: hidden;
            }

            .proBot-case li a p {
                display: block;
                width: 100%;
                height: 40px;
                background-color: #525a62;
                line-height: 40px;
                font-size: 16px;
                color: #ffffff;
                padding: 0 22px;
            }

    /*产品中心*/
    /*案例*/
    .fenye {
        height: 36px;
        font-size: 0;
        text-align: center;
    }

        .fenye a,
        .fenye span {
            display: inline-block;
            vertical-align: top;
            height: 36px;
            min-width: 36px;
            text-align: center;
            line-height: 34px;
            border: 1px solid #e8e8e8;
            font-size: 14px;
            color: #757575;
            margin: 0 5px;
            background-color: #fff;
        }

            .fenye a:hover,
            .fenye span:hover {
                border-color: #2b5fbc;
                color: #2b5fbc;
            }

            .fenye a.active,
            .fenye span.active {
                border-color: #2b5fbc;
                color: #fff;
                background-color: #2b5fbc;
            }

        .fenye *:first-child,
        .fenye *:last-child {
            width: 78px;
        }

    .case {
        padding: 0 6px;
        margin-top: 44px;
    }

        .case li {
            float: left;
            width: 282px;
            height: 260px;
            margin-bottom: 22px;
            margin-right: 20px;
        }

            .case li:nth-child(4n) {
                margin-right: 0;
            }

    .caseList {
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #e1e1e1;
        background-color: #fff;
    }

        .caseList > span {
            display: block;
            width: 100%;
            height: 134px;
            overflow: hidden;
            text-align: center;
            line-height: 134px;
        }

            .caseList > span img {
                display: inline-block;
            }

        .caseList p {
            padding: 0 20px;
            font-size: 16px;
            color: #000000;
            line-height: 26px;
            height: 52px;
            margin: 13px 0;
        }
        /*.caseList:hover p{
	color: #005dbd;
}*/
        .caseList > div {
            display: block;
            padding: 0 20px;
            border-top: 1px solid #e3e6e8;
            height: 46px;
            line-height: 46px;
            font-size: 14px;
            color: #979a9c;
        }

            .caseList > div span {
                display: block;
                background-image: url(../images/jt_03.png);
                background-repeat: no-repeat;
                background-position: right center;
            }

        .caseList:hover > div span {
            background-image: url(../images/jt_02.png);
        }

        .caseList:hover > div {
            background-color: #005dbd;
            border-color: #005dbd;
            color: #fff;
        }
    /*end*/
    /*联系地址*/
    .dizhiHead {
        display: block;
        height: auto;
        background-color: #f5f5f5;
    }

        .dizhiHead a {
            display: inline-block;
            float: left;
            min-width: 160px;
            height: 50px;
            padding: 0 20px;
            text-align: center;
            line-height: 50px;
            font-size: 18px;
            color: #7a7d83;
            border-right: 1px solid #eaeaea;
        }

            .dizhiHead a:hover {
                color: #2b5fbc;
            }

            .dizhiHead a.active {
                color: #fff;
                background-color: #2b5fbc;
            }

    .dizhi {
        border: 1px solid #eaeaea;
        margin: 35px auto 76px;
        padding-bottom: 20px;
    }

    .map {
        display: block;
        width: 1160px;
        height: 420px;
        margin: 30px auto 0;
    }

        .map img {
            max-width: none;
            max-height: none;
        }

    .dizhi-in {
        display: block;
        padding: 17px 40px 0;
    }

        .dizhi-in h3 {
            font-size: 20px;
            color: #000000;
            line-height: 45px;
        }

    .dizhi-list li {
        float: left;
        width: 540px;
        margin-top: 13px;
        line-height: 28px;
        font-size: 15px;
        color: #000000;
        padding-right: 20px;
        position: relative;
        padding-left: 36px;
    }

        .dizhi-list li img {
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            height: 28px;
        }

    /*end*/
    /*公司简介*/
    .jianjie-top {
        padding: 0px 20px;
        font-size: 15px;
        line-height: 32px;
        color: #000000;
        background-image: url(../images/jianjie-bg_03.jpg);
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }

        .jianjie-top h4 {
            text-align: center;
            font-size: 26px;
            line-height: 32px;
            text-transform: uppercase;
            margin-bottom: 36px;
            opacity: 0.6;
            font-family: arial;
            font-size: 16px;
            color: #000;
            line-height: 30px;
            /* padding: 0 10px; */
            text-align: justify;
            text-indent: 24.0000pt;
        }

        .jianjie-top h3 {
            text-align: center;
            font-size: 34px;
            color: #000000;
            line-height: 54px;
        }

            .jianjie-top h3 span {
                display: inline-block;
                padding: 0 40px;
                position: relative;
            }

                .jianjie-top h3 span::before {
                    content: "";
                    display: block;
                    width: 26px;
                    height: 2px;
                    background: #444748;
                    position: absolute;
                    top: 50%;
                    left: 0;
                }

                .jianjie-top h3 span::after {
                    content: "";
                    display: block;
                    width: 26px;
                    height: 2px;
                    background: #444748;
                    position: absolute;
                    top: 50%;
                    right: 0;
                }

        .jianjie-top img {
            display: block;
            margin: 0 auto 28px;
        }

    .jianjie-center {
        /*    background-color: #f7f7f7;
    padding: 92px 0;
*/
    }

    .jianjie-img {
        display: inline-block;
        float: left;
        width: 420px;
        height: 300px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        overflow: hidden;
    }

    .jianjie-list {
        background-color: #fff;
    }

        .jianjie-list li {
            display: flex;
            justify-content: space-evenly;
        }

            .jianjie-list li:nth-child(2n) .jianjie-img {
                float: right;
            }

    .jianjie-in {
        display: inline-block;
        float: left;
        width: 420px;
        height: auto;
        /*    padding: 55px 30px 30px 36px;
*/ font-size: 14px;
        color: #363636;
        line-height: 28px;
    }

        .jianjie-in em {
            display: block;
            width: 46px;
            height: 2px;
            background-color: #6e7176;
            margin: 20px 0;
        }

        .jianjie-in h4 {
            font-size: 18px;
            color: #000000;
        }

        .jianjie-in h3 {
            font-size: 26px;
            color: #000000;
            line-height: 36px;
            margin-bottom: 9px;
            text-align: center;
        }

    .numberBot {
        display: block;
        width: 100%;
        height: 232px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-color: #2661c1;
        background-image: url(../images/jianjie-bg_11.jpg);
    }

    .number li {
        float: left;
        width: 25%;
        height: 232px;
        text-align: center;
        color: #fff;
        padding-top: 46px;
        position: relative;
    }

        .number li h3 {
            line-height: 102px;
            height: 102px;
            overflow: hidden;
            font-size: 22px;
            color: #ffffff;
        }

            .number li h3 span {
                font-size: 74px;
                font-family: arial;
            }

        .number li p {
            font-size: 16px;
            line-height: 24px;
            text-align: center;
            color: #ffffff;
        }

        .number li::after {
            content: "";
            display: block;
            width: 1px;
            height: 66px;
            background: #5f8fd1;
            position: absolute;
            top: 50%;
            right: 0;
            transform: translateY(-50%);
        }

        .number li:last-child::after {
            display: none;
        }
    /*end*/
    /*新闻中心*/
    .newsMian li {
        display: block;
        height: 239px;
        border-bottom: 1px solid #f0f0f0;
    }

    .news {
        display: block;
        width: 100%;
        height: 238px;
        padding: 35px 0 40px 20px;
        position: relative;
    }

    .newsLeft {
        display: inline-block;
        float: left;
        width: 280px;
        height: 162px;
        overflow: hidden;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .newsRight {
        display: inline-block;
        float: right;
        width: 860px;
        height: 100%;
        position: relative;
        padding-right: 210px;
    }

        .newsRight h3 {
            font-size: 18px;
            color: #000000;
            line-height: 30px;
            height: 30px;
            margin-bottom: 12px;
        }

        .newsRight p {
            font-size: 14px;
            line-height: 26px;
            color: #545454;
        }

        .newsRight span {
            display: block;
            width: 120px;
            height: 38px;
            text-align: center;
            border: 1px solid #2b5fbc;
            font-size: 14px;
            color: #2b5fbc;
            line-height: 36px;
            margin-top: 25px;
        }

        .newsRight h4 {
            font-size: 26px;
            color: #000000;
            line-height: 30px;
            position: absolute;
            right: 58px;
            top: 0px;
        }

    .news:hover {
        background-color: #fff
    }

        .news:hover .newsRight h3 {
            color: #2b5fbc;
        }

        .news:hover .newsRight span {
            color: #fff;
            background-color: #2b5fbc;
        }

    .newsR {
        display: none;
        width: 18px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        background-color: #2b5fbc;
        background-image: url(../images/newsR.png);
        background-repeat: no-repeat;
        background-position: center;
    }

    .news:hover .newsR {
        display: block;
    }

    .newsXq-swi {
        display: block;
        height: 48px;
        margin-bottom: 12px;
    }

        .newsXq-swi > div {
            display: inline-block;
            float: left;
            width: 594px;
            border: 1px solid #f3f3f3;
            padding: 0 20px;
            text-align: center;
            line-height: 46px;
            height: 48px;
            background: #fff;
            font-size: 14px;
            color: #000000;
        }

            .newsXq-swi > div:last-child {
                float: right;
            }

            .newsXq-swi > div a {
                color: #000000;
            }

            .newsXq-swi > div:hover a {
                color: #005dbd;
            }

    .remenM {
        margin-bottom: 86px;
    }

        .remenM li {
            float: left;
            margin-right: 26px;
        }

            .remenM li:nth-child(4n) {
                margin-right: 0;
            }

    .remen {
        display: block;
        width: 280px;
        height: 246px;
        border: 1px solid #f3f3f3;
        background-color: #fff;
        overflow: hidden;
    }

        .remen span {
            display: block;
            width: 100%;
            height: 162px;
            overflow: hidden;
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            margin-bottom: 12px;
        }

        .remen p {
            font-size: 16px;
            color: #000000;
            line-height: 26px;
            height: 52px;
            padding: 0 18px;
        }

        .remen:hover p {
            color: #005dbd;
        }

    .remen-title {
        display: block;
        height: 52px;
        line-height: 52px;
        font-size: 16px;
        color: #2b5fbc;
    }

        .remen-title em {
            display: inline-block;
            float: left;
            width: 4px;
            height: 15px;
            background: #005dbd;
            margin-right: 8px;
            margin-top: 18px;
        }

    .newsXq {
        margin-bottom: 14px;
        border: 1px solid #f3f3f3;
        font-size: 14px;
        color: #3d3d3d;
        line-height: 30px;
        background: #fff;
        margin-top: 24px;
    }

    .newsXq-title {
        display: block;
        width: 100%;
        height: auto;
        padding: 22px 24px 18px;
        border-bottom: 1px solid #f3f3f3;
    }

        .newsXq-title h3 {
            font-size: 26px;
            color: #000000;
            line-height: 40px;
            margin-bottom: 5px;
            text-align: center;
        }

        .newsXq-title h4 {
            font-size: 12px;
            line-height: 24px;
            color: #908e8b;
            text-align: center;
        }

            .newsXq-title h4 span {
                margin: 0 22px;
            }

                .newsXq-title h4 span img {
                    margin-right: 6px;
                }

    .newsXq-text {
        padding: 20px 32px;
    }

        .newsXq-text img {
            display: inline-block;
            margin: 16px 0;
            max-width: 100%;
            max-height: 100%;
        }

    .essay-label {
        display: block;
        width: 100%;
        height: 58px;
        padding: 15px 28px;
        position: relative;
        border-top: 1px dashed #ececec;
    }

    .essay-share {
        height: 28px;
        width: auto;
        display: block;
        position: absolute;
        right: 40px;
        top: 15px;
    }

    .essay-label-in {
        display: block;
        line-height: 28px;
        font-size: 13px;
        color: #908e8b;
        padding-left: 20px;
        background: url(../images/label.png) no-repeat left center;
        background-size: 13px auto;
    }

        .essay-label-in span {
            color: #010101;
        }

    .essay-switch a:hover {
        color: #2675c0;
    }

    .essay-in img {
        max-width: 100%;
        margin: 12px auto;
    }
    /*bshare分享样式更改*/
    .essay-share .bshare-custom.icon-medium a {
        height: 28px !important;
        width: 28px !important;
    }

    .essay-share .bshare-custom.icon-medium .bshare-qzone {
        background: url(../images/fx1.png) no-repeat center;
        background-size: 100% 100%;
    }

    .essay-share .bshare-custom.icon-medium .bshare-sinaminiblog {
        background: url(../images/fx2.png) no-repeat center;
        background-size: 100% 100%;
    }

    .essay-share .bshare-custom.icon-medium .bshare-weixin {
        background: url(../images/fx3.png) no-repeat center;
        background-size: 100% 100%;
    }

    .essay-share .bshare-custom.icon-medium a.bshare-more.more-style-addthis {
        background: url(../images/fx4.png) no-repeat center;
        background-size: 100% 100%;
    }

    .bsBox {
        box-sizing: content-box;
    }

    .bFind-wrapper-top {
        height: 26px !important;
    }
    /*bshare分享样式更改end*/

    /*end*/
    /*技术文档*/
    .jishu {
        background-color: #fff;
        padding: 0 42px;
        margin: auto;
    }

    .jishuList li {
        border-top: 1px solid #eff1f3;
        height: auto;
    }

    .ziliao {
        display: block;
        height: 60px;
        position: relative;
        line-height: 60px;
        font-size: 16px;
        color: #26282c;
        overflow: hidden;
        padding: 0 280px 0 42px;
        background-image: url(../images/wendang.png);
        background-repeat: no-repeat;
        background-position: left center;
    }

        .ziliao:hover {
            background-image: url(../images/wendang_01.png);
        }

    .jishu h2 {
        font-size: 30px;
        color: #000;
        line-height: 80px;
    }

    .ziliao h4 {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 16px;
        color: #909195;
        padding-left: 20px;
        background-image: url(../images/time_01.png);
        background-repeat: no-repeat;
        background-position: left center;
    }

    .ziliao:hover h3 {
        color: #2b5fbc;
        text-decoration: underline;
    }

    .wendang li {
        border-top: 1px solid #eff1f3;
    }

    .wendangIn {
        display: block;
        position: relative;
        min-height: 60px;
        cursor: pointer;
        padding: 16px 200px 16px 32px;
        font-size: 16px;
        line-height: 28px;
        color: #26282c;
    }

        .wendangIn h4 {
            position: absolute;
            right: 0;
            top: 16px;
            line-height: 28px;
            font-size: 16px;
            color: #909195;
        }

        .wendangIn img {
            position: absolute;
            top: 20px;
            left: 0;
            display: block;
            width: 20px;
        }

    .wendang-text {
        display: none;
        height: auto;
        width: 100%;
    }

        .wendang-text > div {
            background-color: #f4f5f8;
            font-size: 15px;
            color: #333944;
            line-height: 26px;
            padding: 16px 32px;
        }

        .wendang-text > span {
            display: block;
            width: 100px;
            height: 66px;
            line-height: 66px;
            padding-left: 30px;
            font-size: 15px;
            color: #2b5fbc;
            background-image: url(../images/shang_02.png);
            background-position: 66px center;
            background-repeat: no-repeat;
            cursor: pointer;
        }

    .docList {
        padding: 0 28px 32px;
        background-color: #fff;
        margin: 30px auto 75px;
        border: 1px solid #f2f2f2;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
    }

    .docTop {
        display: block;
        width: 100%;
        height: 106px;
        padding: 28px 0;
        text-align: center;
        font-size: 16px;
        color: #000000;
        line-height: 48px;
    }

        .docTop input {
            display: inline-block;
            width: 614px;
            height: 48px;
            border-radius: 4px;
            border: 1px solid #f0f2f5;
            padding: 0 16px;
            font-size: 15px;
            color: #000;
        }

        .docTop button {
            display: inline-block;
            width: 120px;
            height: 48px;
            border: none;
            border-radius: 4px;
            background-color: #2b5fbc;
            margin-left: 5px;
            font-size: 15px;
            color: #fff;
        }

            .docTop button img {
                margin-right: 8px;
                display: inline-block;
                vertical-align: top;
                margin-top: 4px;
            }

    .tabel-top {
        display: block;
        width: 100%;
        height: 52px;
        border-top: 1px solid #f0f2f5;
        border-bottom: 1px solid #f0f2f5;
        font-size: 16px;
        line-height: 50px;
        color: #7c7c7c;
        padding-left: 12px;
    }

        .tabel-top span {
            display: inline-block;
            float: left;
        }

        .tabel-top .tab1 {
            width: 666px;
        }

        .tabel-top .tab2 {
            width: 174px;
        }

        .tabel-top .tab3 {
            width: 140px;
            text-align: center;
        }

        .tabel-top .tab4 {
            width: 140px;
            text-align: center;
        }

    .docLi li {
        display: block;
        width: 100%;
        height: 52px;
        border-bottom: 1px solid #f0f2f5;
        padding-left: 12px;
    }

        .docLi li:hover {
            background-color: #f3f6fb;
        }

        .docLi li span {
            display: inline-block;
            float: left;
            font-size: 14px;
            color: #5a5c60;
            line-height: 52px;
        }

        .docLi li .doc1 {
            width: 666px;
            padding-right: 40px;
            font-size: 14px;
            color: #353536;
        }

        .docLi li .doc2 {
            width: 174px;
        }

        .docLi li .doc3 {
            width: 140px;
            text-align: center;
        }

        .docLi li .doc4 {
            width: 140px;
            text-align: center;
        }

        .docLi li:hover span {
            color: #2b5fbc;
        }

    .docBut {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 14px;
        color: #2675c0;
    }

        .docBut img {
            margin-right: 2px;
        }

    .shiyong {
        background-image: url(../images/sy-bg_02.jpg);
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: cover;
        padding: 1px 0;
    }

    .syForm {
        margin: 40px auto 56px;
        background-image: url(../images/shiyong_03.jpg);
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: cover;
        display: block;
        width: 1140px;
        height: auto;
        border: 1px solid #eaeaea;
    }

    .syForm-top {
        display: block;
        text-align: center;
        height: 64px;
        font-size: 22px;
        color: #fff;
        background-image: url(../images/title_03.jpg);
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: cover;
        line-height: 64px;
    }

        .syForm-top h3 span {
            display: inline-block;
            padding: 0 36px;
            position: relative;
        }

            .syForm-top h3 span::before {
                content: "";
                display: block;
                width: 26px;
                height: 8px;
                background: url(../images/tit_01.png) no-repeat center;
                position: absolute;
                left: 0;
                top: 50%;
                margin-top: -4px;
            }

            .syForm-top h3 span::after {
                content: "";
                display: block;
                width: 26px;
                height: 8px;
                background: url(../images/tit_02.png) no-repeat center;
                position: absolute;
                right: 0;
                top: 50%;
                margin-top: -4px;
            }

    .syForm-tab {
        display: block;
        padding-bottom: 1px;
        margin-top: 52px;
        padding-left: 238px;
    }

        .syForm-tab li {
            padding-left: 120px;
            position: relative;
            height: auto;
            margin-bottom: 14px;
            min-height: 44px;
        }

            .syForm-tab li span {
                display: block;
                width: 120px;
                text-align: right;
                position: absolute;
                top: 0;
                left: 0;
                font-size: 16px;
                color: #000000;
                line-height: 44px;
            }

                .syForm-tab li span em {
                    color: #f52929;
                }

            .syForm-tab li input {
                display: block;
                width: 470px;
                height: 44px;
                border-radius: 4px;
                border: 1px solid #d7dbdf;
                padding: 0 16px;
                font-size: 15px;
                color: #000;
            }

            .syForm-tab li textarea {
                display: block;
                width: 470px;
                height: 94px;
                border-radius: 4px;
                border: 1px solid #d7dbdf;
                padding: 10px 16px;
                font-size: 15px;
                color: #000;
                line-height: 24px;
            }

            .syForm-tab li button {
                display: block;
                width: 470px;
                height: 44px;
                border-radius: 4px;
                border: none;
                padding: 0 16px;
                font-size: 15px;
                color: #fff;
                background-color: #2b5fbc;
                margin-bottom: 52px;
            }


    /*end*/
    /*招贤纳士*/
    .about-title {
        height: auto;
        margin: 38px auto 36px;
        text-align: center;
    }

        .about-title h3 {
            font-size: 32px;
            color: #000000;
            line-height: 42px;
        }

        .about-title p {
            font-size: 16px;
            color: #595959;
            line-height: 24px;
            margin-top: 8px;
        }

            .about-title p span {
                color: #2b5fbc;
            }

    .zhaopin li {
        float: left;
        width: 385px;
        height: 308px;
        margin-right: 22px;
        margin-bottom: 22px;
        background-color: #fff;
        border: 1px solid #f2f2f2;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
        padding: 20px 24px 0;
        font-size: 14px;
        line-height: 26px;
        color: #6a6a6a;
        cursor: pointer;
    }

        .zhaopin li:nth-child(3n) {
            margin-right: 0;
        }

        .zhaopin li:hover {
            background-color: #2b5fbc;
            border-color: #2b5fbc;
            color: #fff;
        }

        .zhaopin li h3 {
            font-size: 22px;
            line-height: 30px;
            height: 30px;
            color: #000000;
        }

        .zhaopin li h5 {
            font-size: 14px;
            color: #6a6a6a;
            line-height: 24px;
            height: 24px;
        }

        .zhaopin li em {
            display: block;
            width: 100%;
            height: 1px;
            background-color: #efefef;
            margin: 16px auto 15px;
        }

        .zhaopin li h4 {
            height: 26px;
            margin-bottom: 3px;
        }

        .zhaopin li p {
            height: 78px;
        }

        .zhaopin li > span {
            display: block;
            width: 120px;
            height: 38px;
            text-align: center;
            border: 1px solid #2b5fbc;
            line-height: 36px;
            font-size: 14px;
            color: #2b5fbc;
            margin-top: 24px;
        }

        .zhaopin li:hover > span {
            background-color: #fff;
            border-color: #fff;
        }

        .zhaopin li:hover h3 {
            color: #fff;
        }

        .zhaopin li:hover h5 {
            color: #fff;
        }

    .zpPop-bg {
        display: none;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: 0.5;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99;
    }

    .zpPop {
        display: none;
        width: 736px;
        height: auto;
        background-color: #fff;
        border-radius: 5px;
        position: fixed;
        top: 120px;
        left: 50%;
        margin-left: -368px;
        z-index: 101;
    }

    .zpPop-top {
        display: block;
        width: 100%;
        position: relative;
        height: auto;
        min-height: 54px;
        border-bottom: 1px dashed #dadada;
        line-height: 30px;
        text-align: center;
        padding: 11px 38px 12px;
        font-size: 20px;
        color: #000000;
    }

    .zpPop-colse {
        display: block;
        width: 46px;
        height: 54px;
        background-image: url(../images/colse.png);
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
    }

    .zpPop-text {
        padding: 1px 38px 45px;
        font-size: 14px;
        line-height: 26px;
        color: #4c4c4c;
    }

        .zpPop-text h3 {
            margin: 18px 0 6px;
            color: #000000;
            font-weight: bold;
        }

    .zpPop-tit {
        margin-top: 26px;
        font-size: 16px;
        line-height: 26px;
        color: #010101;
        padding: 0 38px;
    }

        .zpPop-tit span {
            display: inline-block;
            min-width: 30%;
            padding-right: 20px;
        }

    .fangAnList {
        margin-top: 38px;
    }

    .fangAn {
        display: block;
        min-height: 350px;
        margin-bottom: 90px;
    }

        .fangAn:last-child {
            margin-bottom: 64px;
        }

    .fangAn-img {
        display: inline-block;
        float: left;
        width: 520px;
        height: 350px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        position: relative;
        overflow: hidden;
    }

        .fangAn-img > span {
            display: block;
            width: 40px;
            height: 40px;
            border-right: 2px solid #fff;
            border-bottom: 2px solid #fff;
            background-color: #2a313f;
            text-align: center;
            line-height: 38px;
            font-size: 22px;
            color: #fff;
            font-family: "黑体";
        }

    .fangAn-in {
        display: inline-block;
        float: left;
        width: 680px;
        padding: 32px 26px 20px 74px;
        position: relative;
    }

        .fangAn-in > em {
            display: block;
            width: 135px;
            height: 350px;
            background-color: #f6f6f6;
            position: absolute;
            left: 0;
            top: 0;
            z-index: -1;
        }

        .fangAn-in h3 {
            font-size: 26px;
            color: #000000;
            line-height: 40px;
        }

        .fangAn-in p {
            font-size: 14px;
            color: #424141;
            line-height: 30px;
        }

        .fangAn-in > i {
            display: block;
            width: 60px;
            height: 2px;
            background-color: #2b2b33;
            margin: 19px 0;
        }

        .fangAn-in a {
            display: block;
            width: 148px;
            height: 42px;
            border: 1px solid #2b5fbc;
            text-align: center;
            line-height: 40px;
            margin-top: 34px;
            font-size: 16px;
            color: #2b5fbc;
        }

            .fangAn-in a:hover {
                background-color: #2b5fbc;
                color: #fff;
            }

    .fangAn:nth-child(2n) .fangAn-img {
        float: right;
    }

        .fangAn:nth-child(2n) .fangAn-img span {
            float: right;
        }

    .fangAn:nth-child(2n) .fangAn-in {
        padding: 32px 98px 20px 0;
    }

        .fangAn:nth-child(2n) .fangAn-in em {
            left: auto;
            right: 0;
        }

    /*end*/
    /*售后服务*/
    .shouhou {
        display: block;
        /*    width: 1084px;
*/ height: auto;
        margin: 0 auto;
    }
    /*end*/
    /*成功案例详情*/
    .caseXq {
        padding: 1px 30px;
        font-size: 14px;
        line-height: 28px;
        color: #000000;
        background-color: #fff;
    }

        .caseXq p {
            padding: 0;
        }

        .caseXq h3 {
            font-size: 20px;
            color: #000000;
            line-height: 28px;
            margin: 30px 0 18px;
        }

        .caseXq img {
            margin: 20px 0;
        }

    .caseXq-xian {
        display: block;
        width: 100%;
        height: 1px;
        background-color: #ebecee;
        margin: 20px 0;
    }

    .caseXq-foot {
        display: block;
        width: 100%;
        height: 46px;
        margin-top: 15px;
    }

        .caseXq-foot > div {
            display: inline-block;
            float: left;
            width: 440px;
            text-align: center;
            height: 46px;
            text-align: center;
            line-height: 44px;
            background-color: #fff;
            border: 1px solid #f0f0f0;
            font-size: 14px;
            color: #5a5a5a;
            padding: 0 20px;
        }

            .caseXq-foot > div:last-child {
                float: right;
            }

            .caseXq-foot > div a {
                color: #5a5a5a;
            }

            .caseXq-foot > div:hover a {
                color: #2b5fbc;
            }
    /*end*/
    /*企业文化*/
    .wenhua-title {
        text-align: center;
        line-height: 48px;
        font-size: 32px;
        color: #000000;
    }

    .wenhua {
        /*    margin-bottom: 46px;
*/
    }

        .wenhua li {
            float: left;
            width: 388px;
            height: 266px;
            background-color: #fff;
            margin-bottom: 16px;
            box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.08);
            padding: 28px 44px 0;
            text-align: center;
        }

            .wenhua li:nth-child(3n) {
                margin-right: 0;
            }

            .wenhua li span {
                display: block;
                width: 100%;
                height: 100px;
                text-align: center;
                line-height: 100px;
            }

            .wenhua li h3 {
                font-size: 20px;
                color: #000;
                line-height: 28px;
                height: 28px;
                margin-top: 17px;
            }

            .wenhua li p {
                font-size: 16px;
                line-height: 24px;
                color: #64666b;
            }

            .wenhua li em {
                display: block;
                width: 24px;
                height: 2px;
                background-color: #aeb5c2;
                margin: 8px auto 9px;
            }

    .team {
        display: block;
        width: 100%;
        height: auto;
        padding: 44px 0 60px;
        background-color: #f5f5f5;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url(../images/team-bg_02.jpg);
    }

    .teamHead {
        display: block;
        height: 272px;
        margin-bottom: 14px;
        position: relative;
    }

    .teamHead-in {
        display: inline-block;
        float: left;
        width: 592px;
        height: 272px;
        background-color: #fff;
        position: relative;
        padding: 14px;
        font-size: 13px;
        color: #333333;
        line-height: 24px;
    }

        .teamHead-in:last-child {
            float: right;
        }

        .teamHead-in > Span {
            display: inline-block;
            float: left;
            width: 254px;
            height: 100%;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            margin-right: 24px;
        }

    .teamHead-text {
        display: inline-block;
        float: left;
        width: 286px;
        height: 100%;
        overflow: hidden;
        padding-top: 10px;
    }

        .teamHead-text h3 {
            font-size: 24px;
            line-height: 30px;
            color: #000000;
            margin-bottom: 10px;
        }

            .teamHead-text h3 span {
                font-size: 16px;
                padding-left: 4px;
            }

    .teamIn {
        height: 350px;
    }

        .teamIn .picScroll-left {
            overflow: hidden;
            position: relative;
            height: 350px;
            width: 100%;
        }

            .teamIn .picScroll-left .hd {
                overflow: hidden;
                height: 5px;
                text-align: center;
                width: 100%;
            }

                .teamIn .picScroll-left .hd ul {
                    display: block;
                    text-align: center;
                    font-size: 0;
                }

                    .teamIn .picScroll-left .hd ul li {
                        display: inline-block;
                        width: 40px;
                        height: 5px;
                        background-color: #b4b4b4;
                        margin: 0 6px;
                        cursor: pointer;
                    }

                        .teamIn .picScroll-left .hd ul li.on {
                            background-color: #005dbd;
                        }

            .teamIn .picScroll-left .bd {
                display: block;
                width: 1216px;
                margin-left: -8px;
                height: 312px;
                margin-bottom: 32px;
            }

                .teamIn .picScroll-left .bd ul {
                    overflow: hidden;
                    zoom: 1;
                }

                    .teamIn .picScroll-left .bd ul li {
                        margin: 0 8px;
                        float: left;
                        _display: inline;
                        overflow: hidden;
                        background-color: #fff;
                        width: 228px !important;
                        height: 312px;
                        padding: 14px 15px 0;
                        box-sizing: border-box;
                    }

    .picListImg {
        display: block;
        width: 100%;
        height: 220px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        margin-bottom: 10px;
    }

    .teamIn .picScroll-left .bd ul li h3 {
        font-size: 18px;
        color: #000000;
        line-height: 26px;
        height: 26px;
    }

    .teamIn .picScroll-left .bd ul li p {
        font-size: 14px;
        line-height: 24px;
        color: #82868c;
        height: 24px;
    }

    .huanjing {
        height: 650px;
        margin-bottom: 88px;
    }

        .huanjing img {
            width: 100%;
        }

    .hj-swi {
        width: 100%;
        height: 650px;
        overflow: hidden
    }

        .hj-swi .large_box {
            margin-bottom: 12px;
            width: 100%;
            height: 520px;
            overflow: hidden;
        }

            .hj-swi .large_box li {
                text-align: center;
                line-height: 520px;
                height: 520px;
            }

            .hj-swi .large_box img {
                display: inline-block;
            }

        .hj-swi .small_box {
            width: 100%;
            height: 116px;
            overflow: hidden
        }

        .hj-swi .small_list {
            position: relative;
            float: left;
            width: 808px;
            height: 116px;
            overflow: hidden
        }

            .hj-swi .small_list ul {
                height: 116px;
                overflow: hidden
            }

                .hj-swi .small_list ul li {
                    position: relative;
                    float: left;
                    margin-right: 12px;
                    width: 256px;
                    height: 116px;
                    overflow: hidden;
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: cover;
                }

                    .hj-swi .small_list ul li img {
                        display: block
                    }

                    .hj-swi .small_list ul li .bun_bg {
                        display: none;
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 116px;
                        border: 4px solid #2b5fbc;
                    }

                    .hj-swi .small_list ul li.on .bun_bg {
                        display: block
                    }

        .hj-swi .btn {
            display: block;
            width: 34px;
            height: 116px;
            background-color: #e2e2e5;
            background-repeat: no-repeat;
            background-position: center center;
            cursor: pointer;
            text-align: center;
            line-height: 116px;
            color: #2b5fbc;
            font-family: "宋体";
            font-size: 24px;
            font-weight: 800;
            padding: 0px;
        }

            .hj-swi .btn:hover {
                background-color: #2b5fbc;
                color: #fff;
            }

        .hj-swi .left_btn {
            float: left;
            margin-right: 12px;
        }

        .hj-swi .right_btn {
            float: right;
        }

    .zhengzhao {
        /*padding: 52px 0 80px;*/
        /*    background-color: #fbfbfb;
*/
    }

    .zhengzhao-tit {
        text-align: center;
        line-height: 52px;
        font-size: 32px;
        color: #000;
    }

    .zhengzhao-swi {
        /*    margin-top: 40px;
*/ height: 470px;
    }

    .zhengshu {
        margin-bottom: 28px;
    }

        .zhengshu li {
            float: left;
            width: 276px;
            height: 276px;
            padding-bottom: 18px;
            overflow: hidden;
            font-size: 14px;
            color: #000000;
            line-height: 22px;
        }

            .zhengshu li:nth-child(4n) {
                margin-right: 0;
            }

            .zhengshu li span {
                display: block;
                width: 100%;
                height: 182px;
                text-align: center;
                line-height: 182px;
                margin-bottom: 14px;
                overflow: hidden;
            }

                .zhengshu li span img {
                    display: inline-block;
                    max-height: 100%;
                }


    .poster-main {
        position: relative
    }

        .poster-main a,
        .poster-main img {
            display: block;
            width: 100%;
            height: 100%
        }

        .poster-main img {
        }

        .poster-main .poster-list {
            width: 1200px;
            height: 500px
        }

            .poster-main .poster-list .poster-item {
                width: 346px;
                height: 470px;
                position: absolute;
                left: 0;
                top: 0;
                background-color: #fff;
            }

        .poster-main .poster-btn {
            position: absolute;
            top: 0;
            cursor: pointer;
            filter: opacity(.5) brightness(1)
        }

            .poster-main .poster-btn:hover {
                filter: opacity(1) brightness(2)
            }

        .poster-main .poster-prev-btn {
            left: 0;
        }

        .poster-main .poster-next-btn {
            right: 0;
        }

    .poster-item-title {
        font-size: 18px;
        text-align: center;
        line-height: 48px;
        display: block
    }

    .licheng {
        display: block;
        padding: 2px 0 16px;
        background-color: #fbfbfb;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center bottom;
    }

    .licheng-in {
        position: relative;
        /*padding: 42px 0 60px;*/
        font-size: 16px;
        color: #0a0a0a;
        line-height: 30px;
        max-height: 1100px;
        overflow: auto;
    }

        .licheng-in::before {
            content: "";
            display: block;
            width: 20px;
            height: 20px;
            background: url(../images/lich_02.png) no-repeat center;
            position: absolute;
            top: 84px;
            left: 140px;
            z-index: 6;
        }

        .licheng-in > div {
            position: relative;
            padding-left: 194px;
            height: auto;
        }

            .licheng-in > div > span {
                display: block;
                width: 98px;
                height: 72px;
                text-align: center;
                font-size: 24px;
                font-weight: bold;
                color: #505050;
                line-height: 58px;
                padding-top: 14px;
                background: url(../images/licheng.png) no-repeat center;
                background-size: 100%;
                position: absolute;
                left: 0;
                top: -20px;
                box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
            }

            .licheng-in > div ul li {
                display: block;
                width: 100%;
                height: auto;
                border: 1px solid #f0f0f0;
                background-color: #fff;
                position: relative;
                padding: 32px 395px 30px 30px;
                margin-bottom: 20px;
            }

                .licheng-in > div ul li > span {
                    display: block;
                    width: 334px;
                    height: 180px;
                    position: absolute;
                    top: 20px;
                    right: 24px;
                    overflow: hidden;
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: cover;
                }

                .licheng-in > div ul li > em {
                    display: block;
                    width: 60px;
                    height: 14px;
                    position: absolute;
                    top: 38px;
                    left: -56px;
                    z-index: 9;
                }

                .licheng-in > div ul li::before {
                    content: "";
                    display: block;
                    width: 1px;
                    height: 240px;
                    border-left: 1px dashed #c4c4c4;
                    position: absolute;
                    top: 0;
                    left: -46px;
                }

        .licheng-in > span {
            display: block;
            width: 44px;
            height: 44px;
            margin: 28px auto;
        }

    .fuwu-head {
        display: block;
        width: 100%;
        height: 332px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        padding: 102px 115px 0 115px;
        background-image: url(../images/shouhou_03.jpg);
        margin: 0 auto;
    }

        .fuwu-head a {
            display: block;
            width: 180px;
            height: 44px;
            border-radius: 4px;
            background-color: #2b5fbc;
            margin-top: 32px;
            text-align: center;
            line-height: 44px;
            font-size: 15px;
            color: #fff;
        }

            .fuwu-head a img {
                margin-right: 6px;
            }

        .fuwu-head > div {
            padding-left: 60px;
            background: url(../images/icon_04.png) no-repeat left center;
        }

        .fuwu-head p {
            font-size: 16px;
            color: #333333;
            line-height: 24px;
        }

        .fuwu-head h3 {
            font-size: 30px;
            color: #2b5fbc;
            font-weight: bold;
            line-height: 34px;
        }

    .index-case-swi {
        display: block;
        width: 100%;
        height: 600px;
        overflow: hidden;
        position: relative;
    }

    .case-swi {
        display: block;
        width: 100%;
        height: 600px;
    }

        .case-swi .swiper-slide {
            display: block;
            width: 100%;
            height: 100%;
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
        }

    .case-swi-top {
        display: block;
        width: 900px;
        height: 242px;
        text-align: center;
        position: absolute;
        top: 180px;
        left: 50%;
        margin-left: -450px;
        z-index: 20;
        color: #fff;
        padding-top: 42px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        background-image: url(../images/icon_99.png);
    }

        .case-swi-top h4 {
            font-size: 36px;
            line-height: 46px;
        }

        .case-swi-top h2 {
            font-size: 110px;
            font-family: arial;
            line-height: 116px;
            height: 116px;
            font-weight: bold;
        }

    /*0609新增*/
    .userLogin {
        display: inline-block;
        float: right;
        height: 100%;
        width: auto;
        font-size: 16px;
        color: #2b5fbc;
        padding: 23px 0;
        margin-left: 12px;
    }

        .userLogin span {
            display: block;
            width: auto;
            height: 100%;
            /*padding-left: 24px;*/
            line-height: 40px;
            /*background-image: url(../images/topUser.png);*/
            background-repeat: no-repeat;
            background-position: left center;
            background-size: 18px;
            cursor: pointer;
        }
    /*会员登陆弹窗*/
    .pop-bg {
        display: none;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 298;
    }

    .loginPop {
        display: none;
        width: 360px;
        height: auto;
        padding: 0 1px;
        min-height: 80px;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-left: -180px;
        z-index: 299;
        background: #fff;
        border-radius: 5px;
        box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
        transform: translateY(-50%);
    }

    .loginPop-in {
        display: block;
        width: 100%;
        height: auto;
        position: relative;
    }

    .loginPop-head {
        display: block;
        width: 100%;
        height: 54px;
        text-align: center;
        position: relative;
        border-bottom: 1px dashed #dadada;
    }

        .loginPop-head .close {
            display: block;
            width: 38px;
            height: 38px;
            position: absolute;
            right: 0;
            top: 8px;
            border-radius: 50%;
            background-image: url(../images/close.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: 14px 14px;
            cursor: pointer;
        }

        .loginPop-head h2 {
            line-height: 54px;
            font-size: 20px;
            color: #000;
        }

    .loginPop-form {
        display: block;
        width: 100%;
        height: auto;
        padding: 0 30px;
        margin-top: 30px;
    }

        .loginPop-form > input {
            display: block;
            width: 100%;
            height: 42px;
            border: 1px solid #dbdbdb;
            margin-bottom: 10px;
            padding: 0 38px;
            font-size: 14px;
            color: #000;
            border-radius: 2px;
        }

        .loginPop-form .userName {
            background-image: url(../images/username.png);
            background-position: 12px center;
            background-repeat: no-repeat;
            background-size: 14px auto;
        }

        .loginPop-form .userPw {
            background-image: url(../images/userpw.png);
            background-position: 12px center;
            background-repeat: no-repeat;
            background-size: 12px auto;
        }

    .loginPop-but {
        display: block;
        width: 100%;
        height: 42px;
        line-height: 42px;
        text-align: center;
        background-color: #2b5fbc;
        border-radius: 2px;
        border: none;
        color: #fff;
        font-size: 15px;
    }

    .loginPop-form > p {
        font-size: 14px;
        color: #000;
        line-height: 74px;
        text-align: center;
    }

        .loginPop-form > p a {
            color: #2b5fbc;
        }

    .loginPop-memory {
        display: block;
        width: 100%;
        position: relative;
        height: 20px;
        margin-bottom: 24px;
        font-size: 14px;
        color: #2b5fbc;
    }

        .loginPop-memory input[type='checkbox'] {
            width: 14px;
            height: 14px;
            border: 1px solid #2b5fbc;
            margin-right: 8px;
            border-radius: 2px;
            transform: translateY(-2px);
        }

        .loginPop-memory input[type=checkbox]:checked {
            background-image: url(../images/chekbox.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: 100% 1005;
            border-color: #2b5fbc;
        }
    /*会员登陆弹窗end*/
    /*入会申请*/
    .join-main {
        height: auto;
        margin-bottom: 15px;
        font-size: 16px;
        line-height: 36px;
        color: #2a2a2a;
        padding: 38px 54px 50px;
        box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.06);
        margin-top: 40px;
    }

        .join-main h3 {
            margin-bottom: 40px;
            text-align: center;
            font-size: 30px;
            line-height: 48px;
            color: #2a2a2a;
            position: relative;
        }

            .join-main h3::after {
                content: "";
                display: block;
                width: 125px;
                height: 2px;
                background: url(../images/title-bot.png) no-repeat center;
                background-size: 100% 100%;
                position: absolute;
                bottom: -20px;
                left: 50%;
                margin-left: -62px;
            }

        .join-main ul {
            margin-top: 10px;
        }

            .join-main ul li {
                padding-left: 12px;
                position: relative;
            }

                .join-main ul li::after {
                    content: "";
                    display: block;
                    width: 4px;
                    height: 4px;
                    border-radius: 50%;
                    background-color: #b6b8ba;
                    position: absolute;
                    left: 0;
                    top: 50%;
                    margin-top: -2px;
                }

    .join-explain {
        display: block;
        width: 100%;
        height: auto;
        min-height: 48px;
        background: url(../images/join-bg.png) no-repeat center;
        background-size: 100% 100%;
        line-height: 48px;
        padding: 0 16px;
        font-size: 16px;
        color: #915200;
        margin-top: 15px;
    }

        .join-explain span {
            font-weight: bold;
        }

    .join-file {
        display: block;
        height: auto;
        background-color: #fff;
        margin-bottom: 62px;
        box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.06);
    }

        .join-file li {
            float: left;
            width: 50%;
            height: 62px;
            line-height: 62px;
            overflow: hidden;
            position: relative;
            padding: 0 56px 0 55px;
        }

            .join-file li a {
                display: block;
                width: 85px;
                height: 32px;
                border: 1px solid #2675c0;
                text-align: center;
                line-height: 30px;
                font-size: 14px;
                color: #2675c0;
                position: absolute;
                top: 50%;
                right: 56px;
                margin-top: -16px;
                border-radius: 4px;
                padding-left: 16px;
                background: url(../images/download.png) no-repeat 18px center;
                background-size: 13px auto;
            }

                .join-file li a:hover {
                    color: #fff;
                    background: #2675c0 url(../images/download1.png) no-repeat 18px center;
                    background-size: 13px auto;
                }

            .join-file li p {
                padding-left: 30px;
                padding-right: 100px;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                font-size: 16px;
                color: #2675c0;
            }

                .join-file li p.file {
                    background: url(../images/file.png) no-repeat left center;
                    background-size: 20px auto;
                }

            .join-file li:nth-child(2n-1)::after {
                content: "";
                display: block;
                width: 1px;
                height: 18px;
                background-color: #e1e3e5;
                position: absolute;
                right: 0;
                top: 50%;
                margin-top: -9px;
            }
    /*入会申请end*/
    /*end*/

    /* 注册 20201210 */
    .zhucePop {
        display: none;
        width: 400px;
        height: auto;
        padding: 0 1px;
        min-height: 80px;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-left: -200px;
        z-index: 299;
        background: #fff;
        border-radius: 5px;
        box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
        transform: translateY(-50%);
    }

    .zhucePop-in {
        display: block;
        width: 100%;
        height: auto;
        position: relative;
    }

    .zhucePop-head {
        display: block;
        width: 100%;
        height: 54px;
        text-align: center;
        position: relative;
        border-bottom: 1px dashed #dadada;
    }

        .zhucePop-head .closeZc {
            display: block;
            width: 38px;
            height: 38px;
            position: absolute;
            right: 0;
            top: 8px;
            border-radius: 50%;
            background-image: url(../images/close.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: 14px 14px;
            cursor: pointer;
        }

        .zhucePop-head h2 {
            line-height: 54px;
            font-size: 20px;
            color: #000;
        }

    .zhuceForm {
        display: block;
        width: 100%;
        height: auto;
        padding: 0 30px;
        margin-top: 30px;
    }

        .zhuceForm > div {
            display: block;
            width: 100%;
            height: 40px;
            line-height: 40px;
            margin-bottom: 10px;
        }

            .zhuceForm > div > span {
                display: inline-block;
                vertical-align: top;
                width: 80px;
                font-size: 14px;
                color: #333;
                text-align: right;
                padding-right: 10px;
            }

            .zhuceForm > div > input {
                display: inline-block;
                vertical-align: top;
                width: 250px;
                height: 100%;
                border: 1px solid #ccc;
                border-radius: 4px;
                padding: 0 10px;
            }

                .zhuceForm > div > input.zhuceCode {
                    width: 160px;
                }

            .zhuceForm > div .codeButChange {
                display: inline-block;
                float: right;
                vertical-align: top;
                width: 86px;
                height: 100%;
                border-radius: 4px;
                background: #2b5fbc;
                font-size: 12px;
                color: #fff;
                text-align: center;
            }

            .zhuceForm > div > input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
                -webkit-appearance: none !important;
            }
            /* chrome */
            .zhuceForm > div > input[type="number"] {
                -moz-appearance: textfield; /* firefox */
            }

    .zhuceButChange {
        display: block;
        width: 170px;
        height: 40px;
        border-radius: 4px;
        background: #2b5fbc;
        text-align: center;
        border: none;
        font-size: 16px;
        color: #fff;
        margin: 20px auto 10px;
    }

    .zhuceForm p {
        text-align: center;
        font-size: 12px;
        line-height: 24px;
        color: #666;
        margin-bottom: 16px;
    }

        .zhuceForm p a {
            color: #2b5fbc;
        }

    /* end */
    .imgPop {
        display: none;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
        background: rgba(0, 0, 0, 0.5);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 200;
    }

        .imgPop img {
            max-width: 90%;
            max-height: 90%;
            min-height: 400px;
        }