* {
    /* margin: 0 auto;*/
    padding: 0;
    /*text-transform: capitalize;*/
    transition-property: all;
    -ms-transition-property: all;
    -moz-transition-property: all;
    -webkit-transition-property: all;
    -o-transition-property: all;
}

body {
    font-family: "Noto Sans SC";
    color: #333;
    font-size: 14px;
    background: #FFFFFF;
}

a {
    text-decoration: none;
    -webkit-transition: all ease .1s;
    -moz-transition: all ease .1s;
    transition: all ease .1s;
    border: none;
    color: #333;
}

    a:focus {
        outline: 0
    }

    a:hover {
        color: #5e7e9a;
    }

img {
    border: none;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

ul, li {
    list-style: none;
}

.clear {
    clear: both;
}

p {
    margin: 0 auto;
    padding: 0;
}

.padding5 {
    padding: 5px;
}

.padding10 {
    padding: 10px;
}

.padding15 {
    padding: 15px;
}

.padding20 {
    padding: 20px;
}

.padding30 {
    padding: 30px;
}

.padding40 {
    padding: 40px;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.paddingright {
    padding-right: 10px;
}

.paddingleft {
    padding-left: 10px;
}

.undis {
    display: block;
    background-size: cover;
}

.dis {
    display: none;
}

.pr5 {
    padding-right: 5px;
}

.red {
    color: #f00;
}

.fff {
    color: #fff;
}

.pdt30 {
    padding-top: 30px;
}

.txtcenter {
    text-align: center;
}


#home .home a,
#products .products a,
#solution .solution a,
#news .news a,
#job .job a,
#contact .contact a,
#about .about a {
    color: #5e7e9a;
}


#products .products ul li a {
    color: #333;
}

    #products .products ul li a:hover {
        color: #FFFFFF;
    }


#solution .solution ul li a {
    color: #333;
}

    #solution .solution ul li a:hover {
        color: #FFFFFF;
    }

#news .news ul li a {
    color: #333;
}

    #news .news ul li a:hover {
        color: #FFFFFF;
    }

#about .about ul li a {
    color: #333;
}

    #about .about ul li a:hover {
        color: #FFFFFF;
    }

#contact .contact ul li a {
    color: #333;
}

    #contact .contact ul li a:hover {
        color: #FFFFFF;
    }

.gotop {
    width: 24px;
    height: 24px;
    padding: 10px;
    background: #ccc url(../images/float_qqicon1.png) no-repeat center;
    position: fixed;
    right: 0;
    display: none;
    bottom: 0px;
}

input, button, select, textarea {
    outline: none;
    font-family: "Noto Sans SC";
}

textarea {
    resize: none;
}

input[type="button"], input[type="submit"], input[type="reset"], input[type="text"] {
    -webkit-appearance: none;
    font-weight: normal;
}


submit {
    font-family: "Noto Sans SC";
}

#warp {
    width: 100%;
    height: auto;
    overflow: hidden;
}


#fp-nav #fp-tooltip1 {
    color: #666666;
}

#fp-nav #fp-tooltip1s {
    background: #666666;
}

#fp-nav #fp-tooltip2 {
    color: #FFFFFF;
}

#fp-nav #fp-tooltip2s {
    background: #FFFFFF;
}


.HeaderBg {
    width: 100%;
    height: 62px;
    background: #FFFFFF;
    z-index: 999;
    position: fixed;
    left: 0;
    top: 0;
    padding: 20px 0;
    border-bottom: 1px solid #EEEEEE;
}

.Header {
    position: relative;
    width: 1280px;
    height: 62px;
}

    .Header .logo {
        float: left;
        width: 262px;
        height: 62px;
        overflow: hidden;
    }

        .Header .logo a {
            display: block;
            width: 262px;
            height: 62px;
            background: url(/images/hjs/logo.jpg) no-repeat;
        }

    .Header .nav {
        float: left;
        width: 880px;
        height: 62px;
        line-height: 62px;
        margin-left: 10px;
    }

        .Header .nav li {
            float: left;
            width: 110px;
            text-align: center;
            font-size: 18px;
            position: relative;
        }

            .Header .nav li:hover ul.nul1 {
                display: block;
            }

            .Header .nav li ul li:hover ul.nul2 {
                display: block;
            }

            .Header .nav li ul {
                z-index: 999;
                position: absolute;
                width: 150px;
                left: -15px;
                top: 60px;
                background: #FFFFFF;
                box-shadow: -1px 1px 4px 1px #9c9896;
                display: none;
            }

                .Header .nav li ul li {
                    width: 100%;
                    line-height: 22px;
                    font-size: 14px;
                    text-align: center;
                    border-bottom: 1px solid #dedede;
                }

                    .Header .nav li ul li a {
                        display: block;
                        line-height: 22px;
                        padding: 10px 5px;
                    }

                        .Header .nav li ul li a:hover {
                            background: #5e7e9a;
                            color: #fff;
                        }

                    .Header .nav li ul li ul {
                        display: none;
                        left: 151px;
                        top: 0;
                        width: 282px;
                    }

                        .Header .nav li ul li ul li {
                            text-align: left;
                        }

                            .Header .nav li ul li ul li a {
                                padding-left: 10px
                            }

    .Header .Hlang {
        float: right;
        width: 40px;
        height: 40px;
        margin-top: 11px;
    }

        .Header .Hlang a {
            display: block;
            width: 40px;
            height: 40px;
            line-height: 40px;
            background: #5e7e9a;
            color: #FFFFFF;
            text-align: center;
            border-radius: 50%;
        }

            .Header .Hlang a:hover {
                background: #b27a5d;
            }

    .Header .HSea {
        float: right;
        width: 40px;
        height: 40px;
        margin-top: 11px;
        margin-right: 20px;
    }

        .Header .HSea a {
            display: block;
            width: 38px;
            height: 38px;
            line-height: 38px;
            text-align: center;
            border: 1px solid #5E7E9A;
            color: #5E7E9A;
            font-size: 18px;
            border-radius: 50%;
        }

            .Header .HSea a:hover {
                background: #5E7E9A;
                color: #FFFFFF;
            }




.searchshow {
    width: 338px;
    height: 34px;
    z-index: 10;
    background: #FFFFFF;
    float: left;
    position: absolute;
    right: 0;
    top: 80px;
    display: none
}

    .searchshow select {
        float: left;
        width: 90px;
        height: 34px;
        border: 1px solid #ddd;
        color: #666;
        border-right: none;
    }

    .searchshow .inputt {
        width: 188px;
        padding: 0 10px;
        height: 32px;
        border: 1px solid #ddd;
        border-right: none;
        float: left;
        font-size: 14px;
        color: #999;
    }

    .searchshow .submitt {
        width: 39px;
        height: 34px;
        float: left;
        border: none;
        background: #5E7E9A;
        color: #FFFFFF;
        font-size: 18px;
    }


.HeaderM {
    display: none;
}

.sectionPc {
    display: block;
    width: 100%;
    height: 100%;
}

.sectionm {
    display: none;
    width: 100%;
    height: 100%;
}


#section0 .stars {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    transform: perspective(500px);
    transform-style: preserve-3d;
    perspective-origin: 50% 100%;
    animation: rotate 90s infinite linear;
}



.inSouTit {
    width: 1100px;
    text-align: center;
    padding: 100px 0 40px 0;
}

    .inSouTit h2 {
        font-size: 44px;
        line-height: 62px;
    }

    .inSouTit p {
        line-height: 46px;
        font-size: 24px;
    }

.inSouTits1 {
    width: 1100px;
    text-align: center;
    padding: 100px 0 40px 0;
}

    .inSouTits1 h2 {
        font-size: 42px;
        line-height: 62px;
    }

    .inSouTits1 p {
        line-height: 46px;
        font-size: 24px;
    }

.inSouTits2 {
    width: 1100px;
    text-align: center;
    padding: 100px 0 40px 0;
}

    .inSouTits2 h2 {
        font-size: 42px;
        line-height: 62px;
    }

    .inSouTits2 p {
        line-height: 46px;
        font-size: 24px;
    }

.inSouTit1 {
    width: 1100px;
    text-align: center;
    padding: 40px 0 0 0;
}

    .inSouTit1 p {
        line-height: 46px;
        font-size: 24px;
    }


.inSou {
    width: 1290px;
    height: auto;
    overflow: hidden;
    padding-bottom: 80px;
}

    .inSou dl {
        float: left;
        position: relative;
        width: 420px;
        height: 300px;
        margin: 5px;
        overflow: hidden;
        opacity: 0;
    }

        .inSou dl dt {
            width: 420px;
            height: 300px;
            overflow: hidden;
        }

            .inSou dl dt img {
                width: 420px;
                height: 300px;
            }

        .inSou dl dd {
            transition: all ease .5s;
            position: absolute;
            left: 0;
            bottom: 30px;
            width: 100%;
            box-sizing: border-box;
            padding-left: 50px;
            line-height: 80px;
            height: 80px;
            color: #FFFFFF;
            font-size: 20px;
            font-weight: bold;
        }

            .inSou dl dd img {
                vertical-align: middle;
                padding-left: 45px;
            }

        .inSou dl div {
            transition: all ease .5s;
            opacity: 0;
            background: rgba(94,126,154,0.9);
            position: absolute;
            left: 0;
            top: 0;
            text-align: center;
            color: #FFFFFF;
            width: 100%;
            height: 100%;
            line-height: 300px;
            font-size: 20px;
            font-weight: bold;
            z-index: 666;
        }

        .inSou dl a:hover dd {
            opacity: 0;
        }

        .inSou dl a:hover div {
            opacity: 1;
        }

.inSouM {
    display: none;
}


.inBrandBox {
    position: relative;
    width: 1420px;
    height: auto;
    padding-bottom: 80px;
}

.inZs {
    width: 1280px;
    height: auto;
    overflow: hidden;
}

    .inZs img {
        width: 100%;
        height: auto;
    }




.inProBtn {
    position: absolute;
    left: 0;
    top: 0;
    width: 48px;
    height: 463px;
}

    .inProBtn a {
        display: block;
        width: 48px;
        height: 48px;
        line-height: 48px;
        margin-top: 207px;
        background: #5e7e9a;
        border-radius: 50%;
        text-align: center;
        color: #FFFFFF;
    }

        .inProBtn a:hover {
            background: #ccc;
        }

.inProBtn1 {
    position: absolute;
    right: 0;
    top: 0;
    width: 48px;
    height: 463px;
}

    .inProBtn1 a {
        display: block;
        width: 48px;
        height: 48px;
        line-height: 48px;
        margin-top: 207px;
        background: #5e7e9a;
        border-radius: 50%;
        text-align: center;
        color: #FFFFFF;
    }

        .inProBtn1 a:hover {
            background: #ccc;
        }

.inBrandBox .bd {
    width: 1280px;
    height: auto;
    overflow: hidden;
}

    .inBrandBox .bd li {
        width: 1280px;
        height: auto;
        overflow: hidden;
        border-left: 0px solid #EEEEEE;
        border-top: 0px solid #EEEEEE;
        box-sizing: border-box;
        -webkit-box-reflect: below 0 -webkit-linear-gradient(transparent,transparent 20%,rgba(255,255,255,.2));
    }

        .inBrandBox .bd li:nth-child(1) {
            padding-top: 10px;
        }

        .inBrandBox .bd li a {
            display: block;
            text-align: center;
            background: url(../images/logo_bg.png) no-repeat center;
            background-size: 100%;
            width: 196px;
            padding-top: 52px;
            height: 221px;
            margin: 0px 2%;
            box-sizing: border-box;
            float: left;
            border-right: 0px solid #EEEEEE;
            border-bottom: 0px solid #EEEEEE;
            opacity: 0;
        }

            .inBrandBox .bd li a:nth-child(6) {
                margin-left: 12%;
                margin-top: -10px
            }

            .inBrandBox .bd li a:nth-child(7) {
                margin-top: -10px
            }

            .inBrandBox .bd li a:nth-child(8) {
                margin-top: -10px
            }

            .inBrandBox .bd li a:nth-child(9) {
                margin-top: -10px
            }

        .inBrandBox .bd li:nth-child(1) img {
            width: 89%;
            height: auto;
        }

        .inBrandBox .bd li:nth-child(2) img {
            width: 100%;
            height: auto;
            border-radius: 5px;
            box-shadow: 2px 1px 3px 0px #888888;
        }

        .inBrandBox .bd li a:hover img {
            filter: grayscale(100%);
        }

        .inBrandBox .bd li img.brandPc {
            display: block;
        }

        .inBrandBox .bd li img.brandMobile {
            display: none;
        }

.inAbList {
    width: 1280px;
    height: 403px;
    overflow: hidden;
}

    .inAbList dl {
        float: left;
        width: 302px;
        height: 373px;
        overflow: hidden;
        border-radius: 3px;
        background: #FFFFFF;
        margin-left: 24px;
        opacity: 0;
    }

        .inAbList dl:first-child {
            margin-left: 0;
        }

        .inAbList dl dt {
            width: 302px;
            height: 255px;
            overflow: hidden;
        }

            .inAbList dl dt img {
                width: 302px;
                height: 255px;
            }

        .inAbList dl dd {
            box-sizing: border-box;
            width: 100%;
            height: auto;
            padding: 24px;
            font-size: 18px;
            line-height: 34px;
            text-align: center;
        }

            .inAbList dl dd h3 {
                color: #000000;
                font-size: 21px;
                line-height: 35px;
            }

.inAbListM {
    display: none;
}

.footerBg {
    width: 100%;
    height: auto;
    background: url(/images/hjs/footerBg.jpg) no-repeat center;
    background-size: cover;
}

.footer {
    width: 1280px;
    height: auto;
    padding: 50px 0;
    overflow: hidden;
    margin: auto;
}

.footerL {
    float: left;
    width: 425px;
    height: auto;
    overflow: hidden;
}

    .footerL dl {
        float: left;
        color: #FFFFFF;
        width: 33.3%;
        height: auto;
        overflow: hidden;
    }

        .footerL dl dt {
            width: 100%;
            height: 36px;
            line-height: 36px;
            color: #FFFFFF;
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 12px;
        }

        .footerL dl dd {
            width: 100%;
            height: auto;
            overflow: hidden;
        }

            .footerL dl dd a {
                display: block;
                line-height: 36px;
                color: #FFFFFF;
            }

                .footerL dl dd a:hover {
                    color: #b27a5d;
                }

.footerM {
    float: left;
    width: 410px;
    height: auto;
    overflow: hidden;
}

    .footerM h2 {
        width: 100%;
        height: 36px;
        line-height: 36px;
        color: #FFFFFF;
        font-size: 18px;
        margin-bottom: 12px;
    }

    .footerM p {
        line-height: 36px;
        color: #FFFFFF;
    }

        .footerM p a {
            color: #FFFFFF;
        }

.footerR {
    float: right;
    width: 441px;
    height: auto;
    overflow: hidden;
}

    .footerR h2 {
        width: 100%;
        height: 36px;
        line-height: 36px;
        color: #FFFFFF;
        font-size: 18px;
        margin-bottom: 12px;
    }

    .footerR dl {
        float: left;
        text-align: center;
        width: 145px;
        height: 174px;
        border: 1px solid #6383a3;
        color: #FFFFFF;
    }

        .footerR dl dt {
            width: 145px;
            height: 121px;
            overflow: hidden;
            padding-top: 16px;
        }

            .footerR dl dt img {
                width: 121px;
                height: 121px;
            }

        .footerR dl dd {
            line-height: 36px;
        }

.footerCopyBg {
    width: 100%;
    height: 77px;
    line-height: 77px;
    border-top: 1px solid #6383a3;
}

.footerCopy {
    width: 1280px;
    color: #FFFFFF;
}

    .footerCopy a {
        color: #FFFFFF;
    }


.banner2 {
    width: 100%;
    height: 280px;
    margin-top: 0px;
    position: relative;
    margin-top: 103px;
}

.abmenuBg .swiper-button-prev {
    background: url(../images/inSoujt.png) no-repeat !important;
    margin-top: -8px;
    z-index: 888;
}

.abmenuBg .swiper-button-next {
    background: url(../images/inSoujt1.png) no-repeat !important;
    margin-top: -8px;
    z-index: 888;
}

.abmenuBg {
    width: 100%;
    height: 60px;
    position: relative;
    z-index: 333;
    margin-top: -50px;
}
    /*?t?????o???????*/
    .abmenuBg .mini-nav {
        width: 1280px;
        height: 50px;
        line-height: 50px;
        background: rgba(0, 0, 0, 0.6);
    }

        .abmenuBg .mini-nav.artive {
            position: fixed;
            z-index: 20;
            left: 0;
            right: 0;
        }

        .abmenuBg .mini-nav > div {
            max-width: 100%;
            overflow-x: visible;
        }

        .abmenuBg .mini-nav .swiper-container {
            height: 100%;
            width: 100%;
        }

        .abmenuBg .mini-nav ul.swiper-wrapper {
            margin: 0px auto;
            font-size: 0px;
        }

            .abmenuBg .mini-nav ul.swiper-wrapper > li {
                width: 25%;
                position: relative;
                line-height: 50px;
                text-align: center;
            }

                .abmenuBg .mini-nav ul.swiper-wrapper > li:nth-last-child(1):before {
                    display: none;
                }

            .abmenuBg .mini-nav ul.swiper-wrapper li a {
                display: block;
                font-size: 18px;
                position: relative;
                color: #FFFFFF;
            }

                .abmenuBg .mini-nav ul.swiper-wrapper li a img {
                    vertical-align: middle;
                    padding-right: 10px;
                }

                .abmenuBg .mini-nav ul.swiper-wrapper li a.on {
                    background: #5e7e9a;
                }

                .abmenuBg .mini-nav ul.swiper-wrapper li a:hover {
                    background: #5e7e9a;
                }

.conMenu {
    width: 1280px;
    height: 79px;
    line-height: 79px;
    overflow: hidden;
    text-align: center;
}

    .conMenu a {
        display: inline-block;
        width: 213px;
        height: 79px;
        overflow: hidden;
        text-align: center;
        color: #FFFFFF;
        font-size: 18px;
        margin-right: -3px;
    }

        .conMenu a img {
            vertical-align: middle;
            padding-right: 10px;
        }

#lm_hover {
    background: #5e7e9a;
}


.conBox1Bg {
    width: 100%;
    height: auto;
    padding: 50px 0;
    background: #f7f7f7;
}

.conBox1 {
    width: 1280px;
    height: auto;
}

    .conBox1 dl {
        float: left;
        text-align: center;
        width: 33.3%;
        box-sizing: border-box;
        padding: 0 30px;
    }

        .conBox1 dl dt {
            width: 100%;
            height: auto;
        }

        .conBox1 dl dd {
            width: 100%;
            height: auto;
            padding-top: 10px;
        }

            .conBox1 dl dd h4 {
                font-size: 16px;
                line-height: 32px;
                color: #333333;
            }

            .conBox1 dl dd p {
                line-height: 22px;
            }


.conMap {
    width: 1280px;
    height: auto;
    padding-top: 60px;
}

    .conMap img {
        width: 100%;
        height: auto;
    }

.conFed {
    width: 1280px;
    height: auto;
    background: #FFFFFF;
    padding-bottom: 50px;
}

.conFedTit {
    width: 100%;
    text-align: center;
    padding: 60px 0;
    overflow: hidden;
}

    .conFedTit h2 {
        font-size: 30px;
        line-height: 48px;
        color: #333333;
    }

    .conFedTit p {
        font-size: 18px;
        line-height: 32px;
    }

.conFedbox1 {
    width: 1280px;
    height: 52px;
    overflow: hidden;
    margin-bottom: 36px;
}

    .conFedbox1 input {
        margin-left: 36px;
        float: left;
        width: 402px;
        height: 52px;
        line-height: 52px;
        box-sizing: border-box;
        padding: 0 15px;
        border: none;
        background: #eeeeee;
    }

        .conFedbox1 input:first-child {
            margin-left: 0;
        }

.conFedbox2 {
    width: 1280px;
    height: 145px;
    overflow: hidden;
    margin-bottom: 36px;
}

.conFedbox2Txt {
    width: 1280px;
    height: 145px;
    box-sizing: border-box;
    padding: 15px;
    line-height: 24px;
    overflow: hidden;
    background: #eeeeee;
    border: none;
}

.conFedbox3 {
    width: 100%;
    height: 45px;
    text-align: center;
}

    .conFedbox3 .consub {
        cursor: pointer;
        border: none;
        width: 150px;
        height: 45px;
        line-height: 45px;
        color: #FFFFFF;
        background: #5e7e9a;
        font-size: 18px;
    }

        .conFedbox3 .consub:hover {
            background: #b27a5d;
        }

.abCulBg {
    width: 100%;
    height: auto;
    padding: 80px 0;
    background: #f5f5f5;
}

.newsList {
    width: 1300px;
    height: auto;
    overflow: hidden;
    margin: auto;
}

    .newsList dl {
        float: left;
        width: 413px;
        height: 429px;
        overflow: hidden;
        margin: 10px;
    }

        .newsList dl a {
            display: block;
            width: 413px;
            height: 429px;
            background: #FFFFFF;
        }

            .newsList dl a:hover {
                background: #5e7e9a;
                color: #FFFFFF;
            }

                .newsList dl a:hover h2 {
                    color: #FFFFFF;
                }

                .newsList dl a:hover h4 {
                    color: #FFFFFF;
                }

        .newsList dl dt {
            width: 413px;
            height: 227px;
            overflow: hidden;
        }

            .newsList dl dt img {
                width: 413px;
                height: 227px;
            }

        .newsList dl a:hover dt img {
            transform: scale(1.1);
            -webkit-transform: scale(1.1);
        }

        .newsList dl dd {
            width: 100%;
            height: auto;
            padding: 0 25px;
            box-sizing: border-box;
        }

            .newsList dl dd p {
                height: 34px;
                line-height: 34px;
                padding-top: 22px;
            }

            .newsList dl dd h2 {
                height: 33px;
                line-height: 33px;
                overflow: hidden;
                color: #000000;
                font-size: 18px;
                font-weight: normal;
            }

            .newsList dl dd h3 {
                height: 32px;
                line-height: 32px;
                overflow: hidden;
                font-size: 14px;
                font-weight: normal;
            }

            .newsList dl dd h4 {
                height: 52px;
                line-height: 52px;
                overflow: hidden;
                border-top: 1px solid #DEDEDE;
                margin-top: 20px;
                font-weight: normal;
                color: #999999;
            }

                .newsList dl dd h4 i {
                    line-height: 52px;
                }

.newsShow {
    background: #FFFFFF;
    width: 1280px;
    height: auto;
    box-sizing: border-box;
    padding: 50px;
}

.newsShowTit {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 40px;
    text-align: center;
}

    .newsShowTit h2 {
        font-size: 28px;
        line-height: 36px;
        padding: 10px 0;
    }

    .newsShowTit p {
        line-height: 32px;
        color: #999999;
    }

.newsShowinfo {
    width: 100%;
    height: auto;
    padding: 30px 0;
    line-height: 32px;
    overflow: hidden;
    border-bottom: 1px solid #DEDEDE;
}

    .newsShowinfo img {
        max-width: 100%;
        height: auto;
    }

.newsShowPrev {
    width: 100%;
    height: auto;
    line-height: 32px;
    overflow: hidden;
    padding-top: 30px;
}

    .newsShowPrev li {
        font-size: 16px;
    }

.inproTit {
    height: auto;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

    .inproTit h3 {
        height: 70px;
        line-height: 70px;
        font-size: 24px;
        color: #333;
    }

    .inproTit h4 {
        width: 41px;
        height: 3px;
        background: #5e7e9a;
    }

.job-warp {
    width: 1280px;
    text-align: left;
    padding-top: 45px;
}

    .job-warp ul li {
        height: auto;
        width: 100%;
        border-bottom: 1px solid #e9ebed
    }

    .job-warp li .title {
        height: 52px;
        text-align: left;
        margin-top: 0;
        color: #666666;
        line-height: 52px;
        padding: 0 40px;
        box-sizing: border-box;
        color: #4b4b4b;
        background-color: #ffffff;
        font-size: 14px;
        cursor: pointer;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }

    .job-warp li.on .title {
        background-color: #5e7e9a;
        color: #fff;
    }

    .job-warp li .title span {
        float: right;
        padding-right: 30px;
        background: url(../images/job-icon1.png) right center no-repeat;
    }

    .job-warp li.on .title span {
        background: url(../images/job-icon2.png) right center no-repeat
    }

    .job-warp li .warp {
        padding: 20px 40px;
        background-color: #fff;
        display: none;
        width: 1280px;
        box-sizing: border-box;
        display: none;
    }

    .job-warp .warp .tbl {
        width: 100%;
        margin-bottom: 25px;
        padding: 10px 0 20px 0;
        border-bottom: 1px solid #e9ebed
    }

        .job-warp .warp .tbl p {
            width: 25%;
            float: left;
            font-size: 14px;
            color: #222;
            line-height: 26px;
        }

            .job-warp .warp .tbl p span {
                color: #565656;
                padding-left: 15px;
            }

    .job-warp .warp .cont h2 {
        font-size: 14px;
        color: #222;
        line-height: 30px;
        margin-bottom: 15px;
        text-align: left;
    }

    .job-warp .warp .cont .cent, .job-warp .warp .cont .cent p {
        font-size: 14px;
        line-height: 28px;
        color: #666
    }

    .job-warp .warp .btns {
        font-size: 14px;
        line-height: 20px;
        color: #b27a5d;
        cursor: pointer;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }

        .job-warp .warp .btns:hover {
            color: #222;
        }

.f-cb {
    zoom: 1;
}

    .f-cb:after {
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
        overflow: hidden;
        content: ".";
    }

.SouList {
    overflow: hidden;
    padding: 30px 0;
    width: 1320px;
    height: auto;
}

    .SouList dl {
        float: left;
        overflow: hidden;
        box-sizing: border-box;
        margin: 10px 0;
        padding: 0 20px;
        width: 33.3%;
        height: auto;
    }

        .SouList dl dt {
            overflow: hidden;
            width: 100%;
            height: 300px;
        }

            .SouList dl dt h2 {
                width: 100%;
                height: 80px;
                font-size: 1.4rem;
                line-height: 80px;
            }

                .SouList dl dt h2 span {
                    padding-left: 10px;
                    color: #999;
                    font-weight: 400;
                    font-size: 1rem;
                }

            .SouList dl dt img {
                width: 100%;
                height: 305px;
            }

        .SouList dl dd {
            width: 100%;
            height: auto;
        }

            .SouList dl dd h3 {
                overflow: hidden;
                height: 45px;
                font-size: 1.1rem;
                line-height: 45px;
            }

            .SouList dl dd p {
                overflow: hidden;
                height: 48px;
                color: #666;
                font-size: .9rem;
                line-height: 21px;
            }

            .SouList dl dd h4 {
                display: inline-block;
                margin-top: 4px;
                padding: 0 15px;
                height: 38px;
                border: 1px solid #dedede;
                text-align: center;
                font-weight: 400;
                font-size: 1rem;
                line-height: 38px;
                transition: all ease .5s;
            }

                .SouList dl dd h4 b {
                    display: none;
                }

                    .SouList dl dd h4 b span {
                        padding-left: 20px;
                    }

                .SouList dl dd h4 i {
                    color: #5e7e9a;
                    line-height: 41px;
                }

        .SouList dl a:hover h4 b {
            display: block;
            font-weight: 400;
        }

        .SouList dl a:hover h4 {
            background: #5e7e9a;
            color: #fff;
        }

            .SouList dl a:hover h4 i {
                color: #fff;
            }

        .SouList dl a:hover dt img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }


.abbox1 {
    width: 1280px;
    height: auto;
    padding: 67px 0;
    overflow: hidden;
}

.abbox1L {
    float: left;
    width: 690px;
    height: 391px;
    overflow: hidden;
}

    .abbox1L img {
        width: 513px;
        height: 634px;
    }

    .abbox1L video {
        width: 100%;
        height: auto;
    }

.abbox1R {
    float: right;
    width: 548px;
    height: auto;
    overflow: hidden;
}

    .abbox1R h2 {
        font-size: 36px;
        color: #000000;
        line-height: 68px;
    }

    .abbox1R p {
        line-height: 28px;
        margin-bottom: 15px;
        font-size: 15px;
    }

.abbox1RNum {
    width: 100%;
    height: 99px;
    overflow: hidden;
    margin-top: 70px;
    color: #5e7e9a;
}

    .abbox1RNum dl {
        float: left;
        padding-left: 45px;
        padding-right: 45px;
        background: url(../images/abNumDlbg.jpg) no-repeat right center;
    }

        .abbox1RNum dl:first-child {
            padding-left: 0;
        }

        .abbox1RNum dl dt {
            width: 100%;
            height: 47px;
            line-height: 47px;
        }

            .abbox1RNum dl dt h3 {
                display: inline-block;
                font-family: impact;
                font-size: 50px;
            }

            .abbox1RNum dl dt h4 {
                display: inline-block;
                font-size: 18px;
            }

        .abbox1RNum dl dd {
            width: 100%;
            height: 52px;
            line-height: 52px;
        }

.abLcbg {
    display: none;
    width: 100%;
    height: 539px;
    padding-top: 90px;
    background: url(../images/abLcbg.jpg) no-repeat center;
    background-size: cover;
}

.abLc {
    width: 1410px;
    height: 270px;
    overflow: hidden;
    position: relative;
    padding-top: 45px;
}

    .abLc .abLcBtn {
        position: absolute;
        width: 58px;
        height: 270px;
        left: 0;
        top: 0;
    }

        .abLc .abLcBtn a {
            display: block;
            width: 58px;
            height: 58px;
            background: url(../images/AblcBtn1.png) no-repeat center;
            margin-top: 24px;
        }

            .abLc .abLcBtn a:hover {
                background: url(../images/AblcBtn1s.png) no-repeat center;
            }

    .abLc .abLcBtn1 {
        position: absolute;
        width: 58px;
        height: 270px;
        right: 0;
        top: 0;
    }

        .abLc .abLcBtn1 a {
            display: block;
            width: 58px;
            height: 58px;
            background: url(../images/AblcBtn2.png) no-repeat center;
            margin-top: 24px;
        }

            .abLc .abLcBtn1 a:hover {
                background: url(../images/AblcBtn2s.png) no-repeat center;
            }

    .abLc .bd {
        width: 1191px;
        height: 270px;
        overflow: hidden;
        background: url(../images/abLcLine.jpg) no-repeat left 56px;
    }

        .abLc .bd li {
            width: 25%;
            height: 270px;
            overflow: hidden;
            float: left;
            text-align: center;
        }

            .abLc .bd li .abLcDiv1 {
                position: relative;
                width: 110px;
                height: 35px;
                line-height: 35px;
                color: #FFFFFF;
                text-align: center;
                background: #5e7e9a;
                border-radius: 5px;
            }

                .abLc .bd li .abLcDiv1:before {
                    content: "";
                    width: 0px;
                    height: 0px;
                    border-right: 7px solid transparent;
                    border-left: 7px solid transparent;
                    border-top: 7px solid #5e7e9a;
                    position: absolute;
                    bottom: -7px;
                    left: 50%;
                    margin-left: -7px;
                }

            .abLc .bd li .abLcDiv3 {
                margin-top: 13px;
                width: 100%;
                height: 24px;
                background: url(../images/abLcArc.png) no-repeat center;
            }

            .abLc .bd li .abLcDiv2 {
                position: relative;
                width: 229px;
                height: 156px;
                background: #FFFFFF;
                box-sizing: border-box;
                padding: 15px;
                font-size: 16px;
                line-height: 28px;
                border-radius: 5px;
                box-shadow: 0 0 10px #CCCCCC;
                margin-top: 34px;
            }

                .abLc .bd li .abLcDiv2:before {
                    content: "";
                    width: 0px;
                    height: 0px;
                    border-right: 7px solid transparent;
                    border-left: 7px solid transparent;
                    border-bottom: 7px solid #FFFFFF;
                    position: absolute;
                    top: -7px;
                    left: 50%;
                    margin-left: -7px;
                }

.abLcM {
    display: none;
}

.abboxRz {
    width: 1280px;
    height: auto;
    display: none;
    padding: 80px 0;
    overflow: hidden;
}

.abboxRzList {
    width: 1280px;
    height: auto;
    padding-top: 45px;
    overflow: hidden;
}

    .abboxRzList li {
        float: left;
        width: 172px;
        height: 122px;
        overflow: hidden;
        border: 1px solid #eeeeee;
        margin: 4px;
    }

        .abboxRzList li img {
            width: 172px;
            height: 122px;
        }


.abCulBg {
    width: 100%;
    height: auto;
    padding: 80px 0;
    background: #f5f5f5;
}

.abCul {
    width: 1280px;
    height: auto;
    overflow: hidden;
    padding-top: 45px;
}

    .abCul dl {
        width: 1280px;
        height: 381px;
        overflow: hidden;
        margin-bottom: 20px;
    }

        .abCul dl dt {
            float: left;
            width: 640px;
            height: 381px;
            overflow: hidden;
        }

            .abCul dl dt img {
                width: 640px;
                height: 381px;
            }

        .abCul dl dd {
            float: left;
            width: 640px;
            height: 381px;
            padding: 80px;
            box-sizing: border-box;
            overflow: hidden;
            background: #FFFFFF;
        }

            .abCul dl dd h4 {
                line-height: 57px;
                font-size: 24px;
            }

            .abCul dl dd div {
                font-size: 18px;
                line-height: 30px;
                margin-top: 10px;
            }

.abinfoBox {
    width: 1280px;
    padding: 80px 0;
    overflow: hidden;
}

.abinfo {
    width: 1280px;
    height: auto;
    overflow: hidden;
    padding-top: 45px;
    font-size: 14px;
    line-height: 26px;
}

    .abinfo img {
        max-width: 100%;
        height: auto;
    }

.abGc {
    width: 1312px;
    height: auto;
    overflow: hidden;
    padding-top: 45px;
}

    .abGc dl {
        float: left;
        text-align: center;
        width: 397px;
        height: 338px;
        overflow: hidden;
        margin: 20px;
    }

        .abGc dl dt {
            width: 397px;
            height: 262px;
            overflow: hidden;
        }

            .abGc dl dt img {
                width: 397px;
                height: 262px;
            }

        .abGc dl a:hover dt img {
            transform: scale(1.1);
            -webkit-transform: scale(1.1);
        }

        .abGc dl dd {
            width: 100%;
            height: 76px;
            line-height: 76px;
            background: #FFFFFF;
            font-size: 18px;
        }

.abHonor {
    width: 1300px;
    height: auto;
    overflow: hidden;
    padding-top: 45px;
}

    .abHonor dl {
        float: left;
        width: 200px;
        height: 357px;
        text-align: center;
        margin: 29px;
    }

        .abHonor dl dt {
            width: 200px;
            height: 299px;
            background: url(../images/abHonorDtbg.jpg) no-repeat bottom center;
            overflow: hidden;
            background-size: 100%;
        }

            .abHonor dl dt img {
                width: 200px;
                height: 267px;
            }

        .abHonor dl dd {
            width: 193px;
            height: 48px;
            line-height: 48px;
            border-bottom: 2px solid #e5e5e5;
            font-size: 18px;
            margin-top: 8px;
        }


.GoodsMain {
    width: 99%;
    height: auto;
    padding: 30px 0;
}

.MainWz {
    width: 100%;
    height: 36px;
    line-height: 36px;
    padding-bottom: 20px;
}

.GoodsMenu {
    width: 100%;
    height: auto;
    border: 1px solid #e8eef3;
}

.GmobielMenu {
    display: none;
}

.MainLeft {
    float: left;
    width: 15%;
    height: auto;
}

    .MainLeft h2 {
        width: 100%;
        height: 66px;
        line-height: 66px;
        color: #FFFFFF;
        background-image: linear-gradient(160deg, #5e7e9a 20%,#97b0c5 94%);
        padding-left: 28px;
        box-sizing: border-box;
        border-radius: 5px 5px 0px 0px;
        font-size: 24px;
    }

.GoodsMenu .menu_head {
    width: 100%;
    height: 45px;
    line-height: 45px;
    margin-top: 1px;
}

    .GoodsMenu .menu_head a {
        display: block;
        width: 100%;
        height: 45px;
        background: #e8e8e8 url(../images/Mlibgs.png) no-repeat 20px center;
        font-size: 16px;
        color: #4a6c8a;
        padding-left: 16px;
        box-sizing: border-box;
    }

    .GoodsMenu .menu_head.current a {
        background: #c8d8e6 url(../images/Mlibgs.png) no-repeat 20px center;
    }

.GoodsMenu dd {
    width: 100%;
    height: auto;
    display: none;
}

    .GoodsMenu dd a {
        display: block;
        width: 100%;
        line-height: 21px;
        padding: 8px 24px;
        background: #ffffff;
        margin-top: 1px;
        font-size: 14px;
        border-bottom: 1px solid #c8d8e6;
        box-sizing: border-box;
    }

    .GoodsMenu dd li {
        position: relative;
        width: 100%;
        background: #c8d8e6;
    }

        .GoodsMenu dd li:hover ul {
            display: block;
        }

        .GoodsMenu dd li ul {
            position: absolute;
            left: 212px;
            top: 0;
            display: none;
            z-index: 999;
        }

            .GoodsMenu dd li ul a {
                display: block;
                width: 199px;
                height: 42px;
                line-height: 42px;
                font-size: 14px;
                padding: 0;
                padding-left: 16px;
                text-align: left;
                background: #e6e6e6;
            }

#lm_hover2 {
    color: #5e7e9a;
}


.GoodsR {
    float: right;
    width: 84%;
    height: auto;
    overflow: hidden;
}

.ABMenu {
    width: 100%;
    height: 36px;
    line-height: 36px;
    margin-bottom: 20px;
}

.GoodsDesc {
    margin-bottom: 20px;
    overflow: hidden
}

    .GoodsDesc .gtest {
        float: left;
        width: 700px
    }

    .GoodsDesc h2 {
        font-size: 24px;
        color: #5e7e9a;
        line-height: 40px;
        border-bottom: 1px solid #eee
    }

    .GoodsDesc .gtest .desc {
        line-height: 24px;
        margin-top: 15px;
        color: #666
    }

    .GoodsDesc .pic {
        width: 300px;
        float: right
    }

        .GoodsDesc .pic img {
            width: 100%
        }

    .GoodsDesc .downexcel a {
        margin: 10px 0px;
        display: inline-block;
        width: 134px;
        text-align: center;
        padding: 8px;
        cursor: pointer;
        color: #fff;
        border-radius: 5px;
        background: #585d62;
    }

        .GoodsDesc .downexcel a:hover {
            background: #5e7e9a
        }

.goodsListBox {
    overflow: hidden;
    width: 100%;
    padding: 14px 2px;
    height: auto;
    background: #e8eef3;
    margin-bottom: 20px;
    overflow-x: auto;
}

.tableSort {
    width: 100%;
}

    .tableSort th {
        text-align: center;
        padding: 0 5px;
    }

        .tableSort th.select-item {
            padding: 5px;
        }

            .tableSort th.select-item input {
                margin-right: 5px;
            }

        .tableSort th div {
            height: 132px;
            background: #fff;
            padding: 10px;
            overflow-y: auto;
            white-space: nowrap;
            display: block;
            text-align: left;
            font-size: 12px;
            line-height: 20px;
            font-weight: normal;
        }

.key-wrap {
    padding: 5px 13px;
}

    .key-wrap .key-item {
        margin: 0 10px 10px 0;
        display: inline-block;
        zoom: 1;
        padding: 0 6px;
        height: 22px;
        border: 1px solid #dedede;
        font-size: 12px;
        line-height: 22px;
        background: #fff;
    }

        .key-wrap .key-item .close-icon {
            vertical-align: -3px;
            margin-left: 7px;
            display: inline-block;
            zoom: 1;
            width: 15px;
            height: 15px;
            cursor: pointer;
            background-image: url(../images/del.png);
        }

.criteria-result-wrap {
    padding: 0 15px;
}

.clear-btn {
    vertical-align: top;
    display: inline-block;
    zoom: 1;
    width: 98px;
    height: 34px;
    background-color: #5e7e9a;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
}

.sure-btn {
    margin-left: 10px;
    vertical-align: top;
    display: inline-block;
    zoom: 1;
    width: 98px;
    height: 34px;
    background-color: #ad7252;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
}

.statistics-info {
    margin-left: 17px;
    vertical-align: top;
    display: inline-block;
    zoom: 1;
    height: 34px;
    font-size: 14px;
    line-height: 34px;
    color: #666;
}

.goodsList {
    width: 100%;
    height: auto;
    overflow-x: scroll;
}

    .goodsList table {
        border: 1px solid #ccc;
        border-left: 0px;
    }

    .goodsList tbody tr:nth-child(even) {
        background: #e8eef3;
    }

    .goodsList tbody {
        border-left: 0px;
        border-top: 0px;
        font-size: 14px;
        table-layout: fixed;
        width: 100%;
        box-sizing: border-box;
        border-spacing: 0;
    }

        .goodsList tbody td {
            border: 1px solid #fff;
            min-width: 70px;
            border-right: 0px;
            border-bottom: 0px;
            padding: 3px 5px;
            text-align: center;
            word-wrap: break-word;
            position: relative;
        }

            .goodsList tbody td ul {
                display: none;
                background: #fff;
                position: absolute;
                right: -120px;
                top: 0;
                width: 120px;
                z-index: 999;
                line-height: 18px;
            }

                .goodsList tbody td ul li {
                    padding: 10px 0;
                    text-align: left;
                }

                    .goodsList tbody td ul li i {
                        padding: 0 10px;
                    }

            .goodsList tbody td:hover ul {
                display: block;
            }

        .goodsList tbody tr:hover {
            background-image: linear-gradient(160deg, #466a8e 20%,#61819c 80%);
            color: #fff
        }

            .goodsList tbody tr:hover a {
                color: #fff
            }

        .goodsList tbody td .fa-file-pdf-o {
            font-size: 18px;
            color: #5e7e9a;
        }


        .goodsList tbody tr {
            background: #fff;
        }

            .goodsList tbody tr span {
            }

    .goodsList dl {
        width: 100%;
        height: auto;
        border: 1px solid #eee;
        background: #f7f7f7;
        box-sizing: border-box;
        margin-bottom: 10px;
    }

        .goodsList dl dt {
            width: 100%;
            height: 42px;
            line-height: 42px;
            text-align: left;
            box-sizing: border-box;
            padding: 0 25px;
            background: #eee;
            font-weight: bold;
        }

            .goodsList dl dt span {
                color: #0c75ad;
            }

        .goodsList dl dd {
            width: 100%;
            height: auto;
            padding: 18px;
            float: left;
        }

            .goodsList dl dd i {
                line-height: 32px;
            }

            .goodsList dl dd span {
                display: block;
                float: left;
                width: 16%;
                border: 1px solid #dedede;
                text-align: center;
                height: auto;
                line-height: 26px;
            }

                .goodsList dl dd span b {
                    color: #0c75ad;
                    display: block;
                }

        .goodsList dl dt ul {
            float: right;
            width: auto;
            height: 36px;
            line-height: 36px;
            overflow: hidden;
        }

            .goodsList dl dt ul li {
                float: left;
                padding: 0 20px;
                background: url(../images/pdf-icon.png) no-repeat left center;
            }

.goodsShow {
    float: right;
    width: 1020px;
    overflow: hidden;
}

.goodsInfos {
    overflow: hidden;
    margin-bottom: 20px;
    padding: 20px 0;
    width: 100%;
    height: auto;
}

    .goodsInfos .tit {
        overflow: hidden;
    }

        .goodsInfos .tit h2 {
            font-size: 25px;
            line-height: 50px;
        }

        .goodsInfos .tit img {
            float: right;
            width: 280px;
            height: auto;
            padding: 20px;
            border: 1px solid #ccc;
            border-radius: 8px;
        }

        .goodsInfos .tit a.buy {
            display: inline-block;
            padding: 1px 46px;
            border-radius: 5px;
            height: 36px;
            background: #466a8e;
            color: #ffffff;
            font-size: 16px;
            margin: 14px 0;
            line-height: 36px;
        }

        .goodsInfos .tit a.pdf {
            display: block;
            padding-left: 40px;
            height: 65px;
            background: url(../images/pdf.png) left center no-repeat;
            color: #5e7e9a;
            font-size: 16px;
            line-height: 65px;
        }

        .goodsInfos .tit div {
            float: left;
        }

    .goodsInfos dl {
        overflow: hidden;
        width: 100%;
        height: 36px;
        border-bottom: 1px solid #ccc;
        line-height: 36px;
    }

        .goodsInfos dl dt {
            float: left;
            overflow: hidden;
            width: 50%;
            height: 36px;
            font-weight: 700;
        }

        .goodsInfos dl dd {
            float: left;
            overflow: hidden;
            width: 50%;
            height: 36px;
        }

    .goodsInfos h3 {
        color: #5e7e9a;
        line-height: 35px;
    }

.Abbg1 {
    width: 1280px;
    padding: 50px 0;
}

.client-2 {
    position: fixed;
    right: -152px;
    top: 50%;
    z-index: 900;
}

    .client-2 li a {
        text-decoration: none;
    }

    .client-2 li {
        margin-top: 1px;
        clear: both;
        height: 62px;
        position: relative;
    }

        .client-2 li i {
            background: url(/images/hjs/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }

        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }

    .client-2 .my-kefu-qq i {
        background-position: 4px 5px;
    }

    .client-2 .my-kefu-tel i {
        background-position: 0 -21px;
    }

    .client-2 .my-kefu-liuyan i {
        background-position: 4px -53px;
    }

    .client-2 .my-kefu-weixin i {
        background-position: -34px 4px;
    }

    .client-2 .my-kefu-weibo i {
        background-position: -30px -22px;
    }

    .client-2 .my-kefu-ftop {
        display: none;
    }

        .client-2 .my-kefu-ftop i {
            width: 33px;
            height: 31px;
            background-position: -23px -47px;
            background-size: 52px 82px;
        }

        .client-2 .my-kefu-ftop .my-kefu-main {
            padding-top: 6px;
        }

    .client-2 .my-kefu-left {
        float: left;
        width: 80px;
        height: 47px;
        position: relative;
    }

    .client-2 .my-kefu-tel-right {
        font-size: 14px;
        color: #fff;
        float: left;
        height: 24px;
        line-height: 22px;
        padding: 0 3px;
        margin-top: 10px;
    }

    .client-2 .my-kefu-right {
        width: 20px;
    }

    .client-2 .my-kefu-tel-main {
        background: #b27b5d;
        color: #fff;
        height: 64px;
        width: 230px;
        padding: 9px 0 0;
        float: left;
    }

    .client-2 .my-kefu-main {
        background: #b27b5d;
        width: 97px;
        height: 63px;
        position: relative;
        padding: 9px 0 0;
        float: left;
    }

    .client-2 .my-kefu-weixin-pic {
        position: absolute;
        left: -130px;
        top: -24px;
        display: none;
        z-index: 333;
    }

.my-kefu-weixin-pic img {
    width: 115px;
    height: 115px;
}



@media (max-width: 767px) {

    .HeaderBg {
        display: none;
    }

    .HeaderM {
        display: block;
        background: #FFFFFF;
        position: fixed;
        left: 0;
        top: 0;
        height: 60px;
        line-height: 60px;
        border-bottom: 1px solid #EEEEEE;
        z-index: 9999;
        width: 90%;
        padding: 0 5%;
    }

        .HeaderM .logo {
            float: left;
            width: 211px;
            height: 50px;
            overflow: hidden;
            padding-top: 5px;
        }

            .HeaderM .logo a {
                display: block;
                overflow: hidden;
                width: 211px;
                height: 50px;
            }

                .HeaderM .logo a img {
                    width: 211px;
                    height: 50px;
                }

    .m-menu {
        float: right;
        width: 40px;
        padding-top: 15px;
    }

        .m-menu .icon {
            line-height: 1;
            font-size: 0;
            display: inline-block;
            vertical-align: middle;
            cursor: pointer;
        }

            .m-menu .icon > span {
                display: inline-block;
                width: 40px;
                height: 2px;
                background: #9e9d9e;
                margin: 5px 0;
                display: inline-block;
            }

        .m-menu .drop-down {
            display: none;
            position: fixed;
            top: 61px;
            left: 0;
            right: 0;
            background: #ffffff;
            height: calc(100vh - 131px);
            z-index: 10;
            text-align: center;
            padding: 30px 5%;
            overflow-y: auto;
            z-index: 12;
        }

            .m-menu .drop-down::-webkit-scrollbar {
                display: none;
            }

            .m-menu .drop-down > ul > li {
                line-height: 69px;
                border-bottom: 1px solid #eeeeee;
            }

                .m-menu .drop-down > ul > li > a {
                    font-size: 20px;
                    color: #000;
                    display: block;
                }

        .m-menu .subnav {
            padding-bottom: 24px;
            display: none;
        }

            .m-menu .subnav a {
                display: block;
                height: 40px;
                line-height: 40px;
                font-size: 16px;
                color: #333333;
            }

        .m-menu .drop-down .form {
            border: 1px solid #e5e5e5;
            display: inline-block;
            height: 43px;
            line-height: 43px;
            border-radius: 5px;
            font-size: 0;
            vertical-align: top;
            position: relative;
        }

        .m-menu .drop-down select {
            float: left;
            width: 89px;
            height: 43px;
            border: none;
            color: #666;
            border-right: 1px solid #ddd;
        }

        .m-menu .drop-down .text {
            display: inline-block;
            vertical-align: top;
            width: 142px;
            height: 30px;
            margin-top: 6px;
            padding: 0 5px;
            border: none;
        }

        .m-menu .drop-down .submit {
            display: inline-block;
            vertical-align: top;
            width: 45px;
            border: none;
            background: url(../images/icon2.jpg) center center no-repeat;
            font-size: 0;
            height: 43px;
            border-left: 1px solid #e5e5e5;
            cursor: pointer;
        }

    .sectionPc {
        display: none;
        width: 100%;
        height: 100%;
    }

    .sectionm {
        display: block;
        width: 100%;
        height: 100%;
    }



    .inSouTit {
        width: 94%;
        text-align: center;
        padding: 70px 0 20px 0;
    }

        .inSouTit h2 {
            font-size: 1.6rem;
            line-height: 36px;
        }

        .inSouTit p {
            line-height: 26px;
            font-size: 1rem;
            margin-top: 5px;
        }

    .inSouTits1 {
        width: 94%;
        text-align: center;
        padding: 70px 0 20px 0;
    }

        .inSouTits1 h2 {
            font-size: 1.6rem;
            line-height: 36px;
        }

        .inSouTits1 p {
            line-height: 26px;
            font-size: 1rem;
            margin-top: 5px;
        }

    .inSouTits2 {
        width: 94%;
        text-align: center;
        padding: 70px 0 20px 0;
    }

        .inSouTits2 h2 {
            font-size: 1.6rem;
            line-height: 36px;
        }

        .inSouTits2 p {
            line-height: 26px;
            font-size: 1rem;
            margin-top: 5px;
        }

    .inSouTit1 {
        width: 94%;
        text-align: center;
        padding: 5px 0 0 0;
    }

        .inSouTit1 p {
            line-height: 22px;
            font-size: 0.9rem;
            margin-top: 3px;
        }

    .inSou {
        display: none;
    }

    .inSouM {
        display: block;
        width: 94%;
        height: auto;
        overflow: hidden;
        padding-bottom: 100px;
    }

        .inSouM .main_visual .owl-carousel, .main_visual .owl-stage-outer, .main_visual .owl-stage, .main_visual .owl-carousel .owl-item {
            width: 100%;
            height: 100% !important;
        }

            .inSouM .main_visual .owl-carousel .item {
                width: 100%;
                height: 100%;
                background-repeat: no-repeat;
                position: relative;
                background-position: center center;
                -webkit-background-size: cover;
                background-size: cover;
            }

                .inSouM .main_visual .owl-carousel .item h4 {
                    background: rgba(94,126,154,0.9);
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    width: 100%;
                    text-align: center;
                    height: 60px;
                    line-height: 60px;
                    font-size: 18px;
                    color: #FFFFFF;
                }

        .inSouM .main_visual .owl-prev, .main_visual .owl-next {
            width: 50px;
            height: 50px;
            background-repeat: no-repeat;
            background-position: center center;
            position: absolute;
            top: 50%;
            margin-top: -25px;
            text-indent: -999px;
            overflow: hidden;
        }

        .inSouM .main_visual .owl-dots {
            width: 100%;
            text-align: center;
            height: 10px;
            position: absolute;
            left: 0;
            bottom: -50px;
            z-index: 999;
        }

            .inSouM .main_visual .owl-dots .owl-dot {
                display: inline-block;
                margin: 0 5px;
            }

                .inSouM .main_visual .owl-dots .owl-dot span {
                    display: inline-block;
                    width: 10px;
                    height: 10px;
                    background: #CCCCCC;
                    border-radius: 10px;
                }

        .inSouM .main_visual .owl-dot.active span {
            width: 20px;
            height: 10px;
            background: #5e7e9a;
            border-radius: 10px;
        }


    .inBrandBox {
        position: relative;
        width: 94%;
        height: auto;
    }

    .inZs {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

        .inZs img {
            width: 100%;
            height: auto;
        }




    .inProBtn {
        display: none;
    }

    .inProBtn1 {
        display: none;
    }


    .inBrandBox .bd {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

        .inBrandBox .bd li {
            width: 100%;
            height: auto;
            overflow: hidden;
            background: none;
            box-sizing: border-box;
        }

            .inBrandBox .bd li a {
                display: block;
                text-align: center;
                width: 30%;
                padding: 0;
                margin: 0 1.5%;
                height: 134px;
                overflow: hidden;
                box-sizing: border-box;
                float: left;
                opacity: 0;
            }

                .inBrandBox .bd li a img {
                    padding-top: 38px;
                    width: 80% !important;
                }

            .inBrandBox .bd li img {
                width: 100%;
                height: auto;
            }

            .inBrandBox .bd li a:hover img {
                filter: grayscale(100%);
            }

            .inBrandBox .bd li img.brandPc {
                display: none;
            }

            .inBrandBox .bd li img.brandMobile {
                display: block;
            }

            .inBrandBox .bd li:nth-child(1) {
                background: none;
            }


    .inAbList {
        display: none;
    }

    .inAbListM {
        display: block;
        height: auto;
        overflow: hidden;
        width: 94%;
        padding-bottom: 20px;
    }

    .main_visual1 .owl-carousel, .main_visual1 .owl-stage-outer, .main_visual1 .owl-stage, .main_visual1 .owl-carousel .owl-item {
        width: 100%;
        height: 100% !important;
    }

        .main_visual1 .owl-carousel .item {
            width: 100%;
            height: 100%;
            background-repeat: no-repeat;
            position: relative;
            background-position: center center;
            -webkit-background-size: cover;
            background-size: cover;
        }

            .main_visual1 .owl-carousel .item dt {
                width: 100%;
                height: auto;
            }

                .main_visual1 .owl-carousel .item dt img {
                    width: 100%;
                    height: auto;
                    border-radius: 3px 3px 0 0;
                }

            .main_visual1 .owl-carousel .item dd {
                box-sizing: border-box;
                width: 100%;
                height: auto;
                overflow: hidden;
                padding: 20px;
                background: #FFFFFF;
                border-radius: 0 0 3px 3px;
                font-size: 0.9rem;
                line-height: 21px;
            }

                .main_visual1 .owl-carousel .item dd span {
                    color: #000000;
                    font-size: 18px;
                }

                .main_visual1 .owl-carousel .item dd h3 {
                    font-size: 1.2rem;
                    line-height: 42px;
                }

    .inBrandBox .bd li a:nth-child(4) {
        margin-left: 17.5%;
        margin-top: -30px;
    }

    .inBrandBox .bd li a:nth-child(5) {
        margin-top: -30px;
    }

    .inBrandBox .bd li a:nth-child(6) {
        margin-left: 0;
        margin-top: -30px;
    }

    .inBrandBox .bd li a:nth-child(7) {
        margin-top: -30px;
    }

    .inBrandBox .bd li a:nth-child(8) {
        margin-top: -30px;
    }

    .inBrandBox .bd li a:nth-child(9) {
        margin-left: 33.3%;
        margin-top: 0;
    }


    .main_visual1 .owl-prev, .main_visual1 .owl-next {
        width: 50px;
        height: 50px;
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        top: 50%;
        margin-top: -25px;
        text-indent: -999px;
        overflow: hidden;
    }

    .main_visual1 .owl-dots {
        width: 100%;
        text-align: center;
        height: 10px;
        position: absolute;
        left: 0;
        bottom: -20px;
        z-index: 999;
    }

        .main_visual1 .owl-dots .owl-dot {
            display: inline-block;
            margin: 0 5px;
        }

            .main_visual1 .owl-dots .owl-dot span {
                display: inline-block;
                width: 10px;
                height: 10px;
                background: #CCCCCC;
                border-radius: 10px;
            }

    .main_visual1 .owl-dot.active span {
        width: 20px;
        height: 10px;
        background: #5e7e9a;
        border-radius: 10px;
    }



    .footerBg {
        padding: 30px 0;
    }

    .footer {
        display: none;
    }

    .footerCopyBg {
        width: 100%;
        height: auto;
        line-height: 32px;
        border-top: none;
    }

    .footerCopy span {
        display: block;
        float: none;
    }

    .footerCopy a {
        display: block;
    }

    .footerCopy {
        width: 94%;
        color: #FFFFFF;
        text-align: center;
    }

        .footerCopy a {
            color: #FFFFFF;
        }

    .banner2 {
        width: 100%;
        height: 160px;
        margin-top: 61px;
        position: relative;
    }

    .abmenuBg {
        width: 100%;
        height: 49px;
        position: relative;
        z-index: 333;
        margin-top: 0;
        background: #CCCCCC;
    }
        /*?t?????o???????*/
        .abmenuBg .mini-nav {
            width: 100%;
            height: 49px;
            line-height: 49px;
            overflow: hidden;
        }

            .abmenuBg .mini-nav.artive {
                position: fixed;
                z-index: 20;
                left: 0;
                right: 0;
            }

            .abmenuBg .mini-nav > div {
                max-width: 100%;
                overflow-x: visible;
            }

            .abmenuBg .mini-nav .swiper-container {
                height: 100%;
                width: 100%;
            }

            .abmenuBg .mini-nav ul.swiper-wrapper {
                margin: 0px auto;
                font-size: 0px;
            }

                .abmenuBg .mini-nav ul.swiper-wrapper > li {
                    width: auto;
                    position: relative;
                    line-height: 49px;
                    text-align: center;
                }

                    .abmenuBg .mini-nav ul.swiper-wrapper > li:nth-last-child(1):before {
                        display: none;
                    }

                .abmenuBg .mini-nav ul.swiper-wrapper li a {
                    display: block;
                    font-size: 1rem;
                    padding: 0 15px;
                    position: relative;
                    color: #FFFFFF;
                }

                    .abmenuBg .mini-nav ul.swiper-wrapper li a img {
                        vertical-align: middle;
                        padding-right: 10px;
                    }

                    .abmenuBg .mini-nav ul.swiper-wrapper li a.on {
                        background: #5e7e9a;
                    }

                    .abmenuBg .mini-nav ul.swiper-wrapper li a:hover {
                        background: #5e7e9a;
                    }

    .conMenu {
        width: 100%;
        height: 49px;
        line-height: 49px;
        overflow: hidden;
        text-align: center;
    }

        .conMenu a {
            display: inline-block;
            width: 50%;
            height: 49px;
            overflow: hidden;
            text-align: center;
            color: #FFFFFF;
            font-size: 1rem;
            margin-right: -3px;
        }

            .conMenu a img {
                vertical-align: middle;
                padding-right: 10px;
            }

    #lm_hover {
        background: #5e7e9a;
    }

    .conBox1Bg {
        width: 100%;
        height: auto;
        padding: 50px 0;
        background: #f7f7f7;
    }

    .conBox1 {
        width: 94%;
        height: auto;
    }

        .conBox1 dl {
            float: none;
            text-align: center;
            width: 100%;
            box-sizing: border-box;
            padding: 0;
            margin-bottom: 15px;
        }

            .conBox1 dl dt {
                width: 100%;
                height: auto;
            }

            .conBox1 dl dd {
                width: 100%;
                height: auto;
                padding-top: 10px;
            }

                .conBox1 dl dd h4 {
                    font-size: 1rem;
                    line-height: 32px;
                    color: #333333;
                }

                .conBox1 dl dd p {
                    line-height: 22px;
                }

    .conMap {
        width: 94%;
        height: auto;
        padding-top: 30px;
    }

    .conFed {
        width: 94%;
        height: auto;
        background: #FFFFFF;
        padding-bottom: 30px;
    }

    .conFedTit {
        width: 100%;
        text-align: center;
        padding: 30px 0;
        overflow: hidden;
    }

        .conFedTit h2 {
            font-size: 2rem;
            line-height: 48px;
        }

        .conFedTit p {
            font-size: 1rem;
            line-height: 32px;
            color: #666666;
        }

    .conFedbox1 {
        width: 94%;
        height: auto;
        overflow: hidden;
        margin-bottom: 0;
    }

        .conFedbox1 input {
            margin-left: 0;
            float: none;
            width: 100%;
            margin-bottom: 10px;
            height: 52px;
            line-height: 52px;
            box-sizing: border-box;
            padding: 0 15px;
            border: none;
            background: #eeeeee;
        }

            .conFedbox1 input:first-child {
                margin-left: 0;
            }

    .conFedbox2 {
        width: 94%;
        height: 105px;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .conFedbox2Txt {
        width: 100%;
        height: 105px;
        box-sizing: border-box;
        padding: 15px;
        line-height: 24px;
        overflow: hidden;
        background: #eeeeee;
        border: none;
    }

    .conFedbox3 {
        width: 100%;
        height: 45px;
        text-align: center;
    }

        .conFedbox3 .consub {
            cursor: pointer;
            border: none;
            width: 150px;
            height: 45px;
            line-height: 45px;
            color: #FFFFFF;
            background: #5e7e9a;
            font-size: 1rem;
        }


    .abCulBg {
        width: 100%;
        height: auto;
        padding: 30px 0;
        background: #f5f5f5;
    }

    .newsList {
        width: 94%;
        height: auto;
        overflow: hidden;
        margin: auto;
    }

        .newsList dl {
            float: none;
            width: 100%;
            height: auto;
            overflow: hidden;
            margin: 10px 0;
        }

            .newsList dl a {
                display: block;
                width: 100%;
                height: auto;
                background: #FFFFFF;
            }

                .newsList dl a:hover {
                    background: #5e7e9a;
                    color: #FFFFFF;
                }

                    .newsList dl a:hover h2 {
                        color: #FFFFFF;
                    }

                    .newsList dl a:hover h4 {
                        color: #FFFFFF;
                    }

            .newsList dl dt {
                width: 100%;
                height: auto;
                overflow: hidden;
            }

                .newsList dl dt img {
                    width: 100%;
                    height: auto;
                }

            .newsList dl a:hover dt img {
                transform: scale(1.1);
                -webkit-transform: scale(1.1);
            }

            .newsList dl dd {
                width: 100%;
                height: auto;
                padding: 0 25px;
                box-sizing: border-box;
            }

                .newsList dl dd p {
                    height: 34px;
                    line-height: 34px;
                    padding-top: 22px;
                }

                .newsList dl dd h2 {
                    height: 33px;
                    line-height: 33px;
                    overflow: hidden;
                    color: #000000;
                    font-size: 1rem;
                    font-weight: normal;
                }

                .newsList dl dd h3 {
                    height: 32px;
                    line-height: 32px;
                    overflow: hidden;
                    font-size: 0.9rem;
                    font-weight: normal;
                }

                .newsList dl dd h4 {
                    height: 52px;
                    line-height: 52px;
                    overflow: hidden;
                    border-top: 1px solid #DEDEDE;
                    margin-top: 20px;
                    font-weight: normal;
                    color: #999999;
                }

                    .newsList dl dd h4 i {
                        line-height: 52px;
                    }


    .newsShow {
        background: #FFFFFF;
        width: 94%;
        height: auto;
        box-sizing: border-box;
        padding: 20px;
    }

    .newsShowTit {
        width: 100%;
        height: auto;
        border-bottom: 1px solid #DEDEDE;
        padding-bottom: 40px;
        text-align: center;
    }

        .newsShowTit h2 {
            font-size: 1.4rem;
            line-height: 36px;
            padding: 10px 0;
        }

        .newsShowTit p {
            line-height: 32px;
            color: #999999;
        }

    .newsShowinfo {
        width: 100%;
        height: auto;
        padding: 30px 0;
        line-height: 28px;
        font-size: 0.9rem;
        overflow: hidden;
        border-bottom: 1px solid #DEDEDE;
    }

        .newsShowinfo img {
            max-width: 100%;
            height: auto;
        }

    .newsShowPrev {
        width: 100%;
        height: auto;
        line-height: 32px;
        overflow: hidden;
        padding-top: 30px;
    }

        .newsShowPrev li {
            font-size: 1rem;
        }

    .inproTit h3 {
        height: 70px;
        line-height: 70px;
        font-size: 1.8rem;
        color: #333;
        padding-top: 15px;
    }

    .job-warp {
        width: 94%;
        text-align: left;
        padding-top: 35px;
    }

        .job-warp ul li {
            height: auto;
            width: 100%;
            border-bottom: 1px solid #e9ebed
        }

        .job-warp li .title {
            height: 52px;
            text-align: left;
            margin-top: 0;
            color: #666666;
            line-height: 52px;
            padding: 0 20px;
            box-sizing: border-box;
            color: #4b4b4b;
            background-color: #ffffff;
            font-size: 14px;
            cursor: pointer;
            transition: all 0.5s;
            -webkit-transition: all 0.5s;
        }

        .job-warp li.on .title {
            background-color: #5e7e9a;
            color: #fff;
        }

        .job-warp li .title span {
            float: right;
            padding-right: 30px;
            background: url(../images/job-icon1.png) right center no-repeat;
        }

        .job-warp li.on .title span {
            background: url(../images/job-icon2.png) right center no-repeat
        }

        .job-warp li .warp {
            padding: 20px;
            background-color: #fff;
            display: none;
            width: 100%;
            box-sizing: border-box;
        }

        .job-warp .warp .tbl {
            width: 100%;
            margin-bottom: 25px;
            padding: 10px 0 20px 0;
            border-bottom: 1px solid #e9ebed
        }

            .job-warp .warp .tbl p {
                width: 50%;
                float: left;
                font-size: 0.9rem;
                color: #222;
                line-height: 32px;
            }

                .job-warp .warp .tbl p span {
                    color: #565656;
                    padding-left: 15px;
                }

        .job-warp .warp .cont h2 {
            font-size: 14px;
            color: #222;
            line-height: 30px;
            margin-bottom: 15px;
            text-align: left;
        }

        .job-warp .warp .cont .cent, .job-warp .warp .cont .cent p {
            font-size: 0.9rem;
            line-height: 26px;
            color: #666
        }

        .job-warp .warp .btns {
            font-size: 0.9rem;
            line-height: 26px;
            color: #b27a5d;
            cursor: pointer;
            transition: all 0.5s;
            -webkit-transition: all 0.5s;
        }

            .job-warp .warp .btns:hover {
                color: #222;
            }

    .SouList {
        overflow: hidden;
        padding: 10px 0;
        width: 94%;
        height: auto;
    }

        .SouList dl {
            float: left;
            overflow: hidden;
            margin-bottom: 10px;
            margin-left: 2%;
            padding: 0;
            width: 47%;
            height: auto;
        }

            .SouList dl:nth-child(3n+1) {
                margin-left: 2%;
            }

            .SouList dl dt {
                overflow: hidden;
                width: 100%;
                height: 138px;
            }

                .SouList dl dt h2 {
                    width: 100%;
                    height: 50px;
                    font-size: 1rem;
                    line-height: 50px;
                }

                    .SouList dl dt h2 span {
                        padding-left: 10px;
                        color: #999;
                        font-weight: 400;
                        font-size: 1rem;
                    }

                .SouList dl dt img {
                    width: 100%;
                    height: 138px;
                }

            .SouList dl dd {
                width: 100%;
                height: auto;
            }

                .SouList dl dd h3 {
                    overflow: hidden;
                    height: 34px;
                    font-size: 1rem;
                    line-height: 34px;
                }

                .SouList dl dd p {
                    overflow: hidden;
                    height: 48px;
                    color: #666;
                    font-size: .9rem;
                    line-height: 24px;
                }

                .SouList dl dd h4 {
                    display: none;
                }

    .abbox1 {
        width: 94%;
        height: auto;
        padding: 40px 0;
        overflow: hidden;
    }

    .abbox1L {
        float: none;
        width: 100%;
        height: auto;
        overflow: hidden;
    }

        .abbox1L img {
            width: 100%;
            height: auto;
        }

    .abbox1R {
        float: none;
        width: 100%;
        height: auto;
        overflow: hidden;
    }

        .abbox1R h2 {
            font-weight: normal;
            font-size: 2rem;
            color: #000000;
            line-height: 70px;
        }

        .abbox1R p {
            line-height: 26px;
            margin-bottom: 10px;
            font-size: 0.9rem;
        }

    .abbox1RNum {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-top: 30px;
        color: #5e7e9a;
    }

        .abbox1RNum dl {
            float: left;
            padding-left: 10px;
            padding-right: 10px;
            background: none;
            border-right: 1px solid #DEDEDE;
        }

            .abbox1RNum dl:first-child {
                padding-left: 0;
            }

            .abbox1RNum dl:last-child {
                border: none;
            }

            .abbox1RNum dl dt {
                width: 100%;
                height: 37px;
                line-height: 37px;
            }

                .abbox1RNum dl dt h3 {
                    display: inline-block;
                    font-family: impact;
                    font-size: 1.6rem;
                }

                .abbox1RNum dl dt h4 {
                    display: inline-block;
                    font-size: 0.9rem;
                }

            .abbox1RNum dl dd {
                width: 100%;
                height: 32px;
                line-height: 32px;
            }

    .abLcbg {
        width: 100%;
        height: auto;
        padding-top: 20px;
        padding-bottom: 40px;
        background: url(../images/abLcbg.jpg) no-repeat center;
        background-size: cover;
    }

    .abLc {
        display: none;
    }

    .abLcM {
        display: block;
        width: 94%;
        height: auto;
        padding-top: 30px;
        overflow: hidden;
    }

    .main_visual3 .owl-carousel, .main_visual3 .owl-stage-outer, .main_visual3 .owl-stage, .main_visual3 .owl-carousel .owl-item {
        width: 100%;
        height: 100% !important;
    }

        .main_visual3 .owl-carousel .item {
            width: 100%;
            height: 100%;
            background-repeat: no-repeat;
            background-position: center center;
            -webkit-background-size: cover;
            background-size: cover;
        }

    .main_visual3 .owl-prev, .main_visual3 .owl-next {
        display: none;
        text-indent: 9999999em;
    }

    .main_visual3 dl {
        float: left;
        width: 100%;
        height: auto;
        overflow: hidden;
    }

        .main_visual3 dl dt {
            width: 100%;
            height: 42px;
            line-height: 42px;
            background: #5e7e9a;
            text-align: center;
            color: #FFFFFF;
            font-size: 1rem;
            overflow: hidden;
        }

        .main_visual3 dl dd {
            width: 100%;
            background: #FFFFFF;
            height: auto;
            padding: 20px;
            font-size: 1rem;
            line-height: 26px;
            box-sizing: border-box;
        }


    .main_visual3 .owl-dots {
        width: 100%;
        text-align: center;
        height: 10px;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 999;
    }

        .main_visual3 .owl-dots .owl-dot {
            display: inline-block;
            margin: 0 5px;
        }

            .main_visual3 .owl-dots .owl-dot span {
                display: inline-block;
                width: 10px;
                height: 10px;
                background: #CCCCCC;
                border-radius: 50%;
            }

    .main_visual3 .owl-dot.active span {
        width: 10px;
        height: 10px;
        background: #5e7e9a;
        border-radius: 50%;
    }

    .abboxRz {
        width: 94%;
        height: auto;
        padding: 30px 0;
        overflow: hidden;
    }

    .abboxRzList {
        width: 100%;
        height: auto;
        padding-top: 25px;
        overflow: hidden;
    }

        .abboxRzList li {
            float: left;
            width: 31%;
            height: auto;
            overflow: hidden;
            border: 1px solid #eeeeee;
            box-sizing: border-box;
            margin: 1%;
        }

            .abboxRzList li img {
                width: 100%;
                height: auto;
            }

    .abCulBg {
        width: 100%;
        height: auto;
        padding: 30px 0;
        background: #f5f5f5;
    }

    .abCul {
        width: 94%;
        height: auto;
        overflow: hidden;
        padding-top: 35px;
    }

        .abCul dl {
            width: 100%;
            height: auto;
            overflow: hidden;
            margin-bottom: 20px;
        }

            .abCul dl dt {
                float: none;
                width: 100%;
                height: auto;
                overflow: hidden;
            }

                .abCul dl dt img {
                    width: 100%;
                    height: auto;
                }

            .abCul dl dd {
                float: none;
                width: 100%;
                height: auto;
                padding: 20px;
                box-sizing: border-box;
                overflow: hidden;
                background: #FFFFFF;
            }

                .abCul dl dd h4 {
                    line-height: 47px;
                    font-size: 1.6rem;
                }

                .abCul dl dd div {
                    font-size: 1rem;
                    line-height: 30px;
                    margin-top: 10px;
                }

    .abinfoBox {
        width: 94%;
        padding: 40px 0;
        overflow: hidden;
    }

    .abinfo {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding-top: 35px;
        font-size: 0.9rem;
        line-height: 26px;
    }

        .abinfo img {
            max-width: 100%;
            height: auto;
        }


    .abGc {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding-top: 35px;
    }

        .abGc dl {
            float: left;
            text-align: center;
            width: 46%;
            height: auto;
            overflow: hidden;
            margin: 2%;
        }

            .abGc dl dt {
                width: 100%;
                height: auto;
                overflow: hidden;
            }

                .abGc dl dt img {
                    width: 100%;
                    height: auto;
                }

            .abGc dl a:hover dt img {
                transform: scale(1.1);
                -webkit-transform: scale(1.1);
            }

            .abGc dl dd {
                width: 100%;
                height: 46px;
                line-height: 46px;
                background: #FFFFFF;
                font-size: 0.9rem;
            }

    .abHonor {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding-top: 35px;
    }

        .abHonor dl {
            float: left;
            width: 46%;
            height: auto;
            overflow: hidden;
            margin: 2%;
            text-align: center;
        }

            .abHonor dl dt {
                width: 100%;
                height: auto;
                background: none;
                overflow: hidden;
            }

                .abHonor dl dt img {
                    width: 90%;
                    height: auto;
                }

            .abHonor dl dd {
                width: 100%;
                height: auto;
                line-height: 48px;
                border-bottom: 2px solid #e5e5e5;
                font-size: 0.9rem;
                margin-top: 4px;
            }


    .GoodsMain {
        width: 94%;
        height: auto;
        padding: 20px 0;
    }

    .MainWz {
        width: 100%;
        height: auto;
        line-height: 36px;
        padding-bottom: 20px;
    }

    .GoodsMenu {
        width: 100%;
        height: auto;
    }

    .GmobielMenu {
        display: block;
        width: 100%;
        height: 42px;
        line-height: 42px;
        color: #FFFFFF;
        border-radius: 5px 5px 0px 0px;
        background: #7c7c7c;
        box-sizing: border-box;
        font-size: 1.2rem;
        padding: 0 20px;
    }

        .GmobielMenu i {
            line-height: 42px;
            font-size: 1.5rem;
        }


    .MainLeft {
        float: none;
        width: 100%;
        height: auto;
        display: none;
    }

        .MainLeft h2 {
            display: none;
        }

    .GoodsMenu .menu_head {
        width: 100%;
        height: 50px;
        line-height: 50px;
        margin-top: 1px;
    }

        .GoodsMenu .menu_head a {
            display: block;
            width: 100%;
            height: 50px;
            background: #353535 url(../images/Mlibg.png) no-repeat 24px center;
            font-size: 1rem;
            color: #FFFFFF;
            padding-left: 55px;
            box-sizing: border-box;
        }

        .GoodsMenu .menu_head.current a {
            background: #5e7e9a url(../images/Mlibgs.png) no-repeat 24px center;
        }

    .GoodsMenu dd {
        width: 100%;
        height: auto;
        display: none;
    }

        .GoodsMenu dd a {
            display: block;
            width: 100%;
            height: 40px;
            line-height: 40px;
            background: #ebebeb;
            margin-top: 1px;
            font-size: 16px;
            box-sizing: border-box;
            padding-left: 39px;
        }

        .GoodsMenu dd li {
            position: relative;
            width: 100%;
        }

            .GoodsMenu dd li:hover ul {
                display: block;
            }

            .GoodsMenu dd li ul {
                position: inherit;
                left: 0;
                top: 0;
                display: block;
            }

                .GoodsMenu dd li ul a {
                    display: block;
                    width: 100%;
                    height: 42px;
                    line-height: 42px;
                    font-size: 15px;
                    padding: 0;
                    text-align: left;
                    padding-left: 51px;
                    background: #f7f7f7;
                }

    #lm_hover2 {
        color: #5e7e9a;
    }


    .GoodsR {
        float: none;
        width: 100%;
        height: auto;
        overflow-x: auto;
        margin-top: 20px;
    }

    .GoodsDesc .desc {
        float: none;
        width: 100%
    }

    .GoodsDesc .pic {
        margin-top: 10px;
        float: none;
        width: 100%
    }


    .goodsListBox {
        width: 100%;
        height: auto;
        overflow-x: auto;
    }

    .goodsList {
        width: 99%;
        height: auto;
        overflow-x: auto;
    }

        .goodsList dl {
            width: 100%;
            height: auto;
            border: 1px solid #eee;
            background: #f7f7f7;
            box-sizing: border-box;
            margin-bottom: 10px;
        }

            .goodsList dl dt {
                width: 100%;
                height: 42px;
                line-height: 42px;
                text-align: left;
                box-sizing: border-box;
                padding: 0 25px;
                background: #eee;
                font-weight: bold;
            }

                .goodsList dl dt span {
                    color: #0c75ad;
                }

            .goodsList dl dd {
                width: 100%;
                height: auto;
                padding: 15px 0;
                float: left;
            }

                .goodsList dl dd i {
                    line-height: 32px;
                }

                .goodsList dl dd span {
                    display: block;
                    float: left;
                    width: 50%;
                    text-align: left;
                    text-indent: 1em;
                    height: 32px;
                    line-height: 32px;
                    overflow: hidden;
                }

                    .goodsList dl dd span b {
                        color: #0c75ad;
                        font-weight: normal;
                        padding-right: 3px;
                    }

            .goodsList dl dt ul {
                float: left;
                width: 100%;
                height: 36px;
                line-height: 36px;
                overflow: hidden;
            }

                .goodsList dl dt ul li {
                    float: left;
                    padding: 0 20px;
                    background: url(../images/pdf-icon.png) no-repeat left center;
                }

    .goodsShow {
        float: none;
        width: 100%;
        overflow: hidden;
    }

    .goodsInfos {
        overflow: hidden;
        margin-bottom: 20px;
        padding: 20px 0;
        width: 100%;
        height: auto;
    }

        .goodsInfos .tit {
            overflow: hidden;
            padding-bottom: 30px;
        }

            .goodsInfos .tit h2 {
                font-size: 25px;
                line-height: 50px;
            }

            .goodsInfos .tit img {
                float: none;
                width: 100%;
                box-sizing: border-box;
                height: auto;
                padding: 20px;
                border: 1px solid #ccc;
                border-radius: 8px;
            }

            .goodsInfos .tit a.buy {
                display: inline-block;
                padding-left: 40px;
                height: 65px;
                background: #5e7e9a;
                font-size: 16px;
                line-height: 65px;
            }

            .goodsInfos .tit a.pdf {
                display: inline-block;
                padding-left: 40px;
                height: 65px;
                background: url(../images/pdf.png) left center no-repeat;
                color: #5e7e9a;
                font-size: 16px;
                line-height: 65px;
            }

            .goodsInfos .tit div {
                float: left;
            }

        .goodsInfos dl {
            overflow: hidden;
            width: 100%;
            height: auto;
            border-bottom: 1px solid #ccc;
            line-height: 36px;
        }

            .goodsInfos dl dt {
                float: none;
                overflow: hidden;
                width: 100%;
                height: 36px;
                font-weight: 700;
            }

            .goodsInfos dl dd {
                float: none;
                overflow: hidden;
                width: 100%;
                height: 36px;
            }

        .goodsInfos h3 {
            color: #5e7e9a;
            line-height: 35px;
        }


    .Abbg1 {
        width: 94%;
        padding: 30px 0;
    }
}
