﻿.nav ul li:hover a, .top-enter a:hover, .top-link ul li a, a {
    text-decoration: none
}

#index .notice-wrapper .content-wrapper .options li a, #j_auto_lst ol li, #j_auto_lst ol li a, .crumb, .g-list-order ul li, .g-list-order ul li a, .g-news-list ul li, .sub-cate-all .keywords-list li a span {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.iconfont-biomart, body {
    -webkit-font-smoothing: antialiased
}

a, abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 12px;
    vertical-align: baseline;
    background: 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-colo: transparent
}

body {
    line-height: 1.4;
    font-family: 'PingFang SC','Helvetica Neue',Helvetica,Roboto,'Segoe UI',Arial,sans-serif;
    background-color: #fff
}

.top-line-wp, a {
    background: 0 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

input:-webkit-autofill, input:-webkit-autofill:active, input:-webkit-autofill:focus, input:-webkit-autofill:hover {
    -webkit-transition: color 99999s ease-out,background-color 99999s ease-out
}

nav, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

    blockquote:after, blockquote:before, q:after, q:before {
        content: '';
        content: none
    }

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline
}

.iconfont-biomart {
    line-height: inherit
}

#header {
    position: relative;
    z-index: 10;
    height: 162px
}

    #header .gg-common-small {
        margin-top: 8px;
        font-size: 0;
        height: 72px
    }

        #header .gg-common-small li {
            display: inline-block;
            margin-right: 10px;
            -webkit-transition: -webkit-transform .3s ease-out;
            -o-transition: transform .3s ease-out;
            transition: transform .3s ease-out;
            transition: transform .3s ease-out,-webkit-transform .3s ease-out;
            cursor: pointer
        }

            #header .gg-common-small li:hover {
                -webkit-transform: translateY(-6px);
                -ms-transform: translateY(-6px);
                transform: translateY(-6px)
            }

            #header .gg-common-small li:last-child {
                margin-right: 0
            }

            #header .gg-common-small li img {
                border-radius: 4px;
                width: 580px;
                height: 72px
            }

    #header .out-nav .left-nav {
        float: left;
        font-size: 0
    }

        #header .out-nav .left-nav > li {
            display: inline-block;
            margin-right: 30px
        }

            #header .out-nav .left-nav > li a {
                font-size: 12px;
                color: #4b4b4b;
                height: 30px;
                line-height: 30px
            }

    #header .out-nav .right-nav {
        float: right;
        font-size: 0
    }

        #header .out-nav .right-nav.no-login > li {
            margin-right: 27px
        }

            #header .out-nav .right-nav.no-login > li:last-child {
                margin-right: 0
            }

                #header .out-nav .right-nav.no-login > li:last-child:after {
                    display: none
                }

            #header .out-nav .right-nav.no-login > li:after {
                content: '';
                position: absolute;
                height: 11px;
                width: 1px;
                background-color: #e1e1e1;
                right: -13px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%)
            }

        #header .out-nav .right-nav > li {
            display: inline-block;
            position: relative;
            vertical-align: middle
        }

            #header .out-nav .right-nav > li a {
                font-size: 12px;
                color: #4b4b4b;
                height: 30px;
                line-height: 30px
            }

    #header .search-outer-wrapper {
        font-size: 0;
        padding-top: 8px;
        padding-bottom: 6px;
        background-color: #fff;
        position: relative;
        width: 1190px
    }

        #header .search-outer-wrapper .logo-wrapper {
            display: inline-block;
            margin-right: 1000px;
            vertical-align: middle
        }

            #header .search-outer-wrapper .logo-wrapper a {
                display: inline-block
            }

            #header .search-outer-wrapper .logo-wrapper img {
                width: 260px;
                height: 76px;
                border: 0
            }

        #header .search-outer-wrapper .search-part-wrapper {
            float: right;
            top: 50%;
            position: absolute;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 0
        }

.component-loading, .link-total {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    bottom: 0;
    right: 0
}

#header .search-outer-wrapper .search-wrapper {
    display: inline-block;
    vertical-align: middle
}

#header .search-outer-wrapper .button-release {
   
}

  

    #header .search-outer-wrapper .button-release i {
        font-size: 16px;
        vertical-align: middle;
        margin-right: 4px;
        color: #fff
    }

    #header .search-outer-wrapper .button-release span {
        font-size: 14px;
        color: #5dc1ff;
        font-weight:bold;
        vertical-align: middle
    }

.service-list-wrapper {
    background: #fff
}

    .service-list-wrapper .service-list {
        font-size: 0;
        padding: 32px 100px;
        border-bottom: 1px solid #eee
    }

        .service-list-wrapper .service-list li {
            display: inline-block
        }

            .service-list-wrapper .service-list li:nth-child(2) {
                margin-left: 290px
            }

            .service-list-wrapper .service-list li:nth-child(3) {
                margin-left: 261px
            }

            .service-list-wrapper .service-list li i {
                display: inline-block;
                border-radius: 100%;
                line-height: 48px;
                text-align: center;
                font-size: 48px;
                margin-right: 16px;
                vertical-align: middle;
                color: #37a5ec
            }

            .service-list-wrapper .service-list li a {
                font-size: 18px;
                color: #666;
                vertical-align: middle
            }

.link-wrapper {
    padding: 32px 131px 31px 100px
}

    .link-wrapper .option {
        width: 84px;
        display: inline-block;
        margin-right: 124px;
        float: left
    }

        .link-wrapper .option .qrcode-wrapper {
            width: 120px
        }

            .link-wrapper .option .qrcode-wrapper img {
                width: 120px;
                height: 120px
            }

            .link-wrapper .option .qrcode-wrapper p {
                font-size: 14px;
                color: #666;
                margin-top: 8px
            }

        .link-wrapper .option:last-child {
            margin-right: 0
        }

        .link-wrapper .option h3 {
            font-size: 14px;
            color: #333;
            font-weight: bolder;
            margin-bottom: 16px
        }

        .link-wrapper .option ul li {
            margin-top: 8px
        }

            .link-wrapper .option ul li a {
                font-size: 12px;
                color: #666
            }

.g-footer-friendlink-container {
    background-color: #333
}

    .g-footer-friendlink-container .g-footer-friendlink-wrap {
        max-width: 1190px;
        padding-top: 20px;
        margin: 0 auto;
        text-align: center
    }

.component-nav-menu .menu-wrapper .part > ul > li, .component-nav-menu > a, .component-nav-menu > ul li {
    padding: 0 10px
}

.g-footer-friendlink-container .g-footer-friendlink-wrap .g-footer-friendlink {
    display: inline-block;
    margin: 0 auto
}

    .g-footer-friendlink-container .g-footer-friendlink-wrap .g-footer-friendlink .friendlink-index {
        display: inline-block;
        margin-right: 16px;
        width: 53px;
        vertical-align: top
    }

        .g-footer-friendlink-container .g-footer-friendlink-wrap .g-footer-friendlink .friendlink-index a {
            color: #b5b5b5;
            font-size: 12px;
            font-weight: 700
        }

    .g-footer-friendlink-container .g-footer-friendlink-wrap .g-footer-friendlink .friendlink-group {
        max-width: 1090px;
        display: inline-block;
        vertical-align: top
    }

        .g-footer-friendlink-container .g-footer-friendlink-wrap .g-footer-friendlink .friendlink-group a {
            color: #b5b5b5;
            font-size: 12px
        }

@font-face {
    font-family: iconfont-biomart;
    src: url(//at.alicdn.com/t/font_1301878_mssflkw383.eot?t=1576746133223);
    src: url(//at.alicdn.com/t/font_1301878_mssflkw383.eot?t=1576746133223#iefix) format('embedded-opentype'),url("data:application/x-font-woff2;charset=utf-8;base64,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") format('woff2'),url(//at.alicdn.com/t/font_1301878_mssflkw383.woff?t=1576746133223) format('woff'),url(//at.alicdn.com/t/font_1301878_mssflkw383.ttf?t=1576746133223) format('truetype'),url(//at.alicdn.com/t/font_1301878_mssflkw383.svg?t=1576746133223#iconfont-biomart) format('svg')
}

.max-container {
    width: 100%
}

.main-container {
    width: 1190px;
    margin: 0 auto
}

.mt8, .mtb8 {
    margin-top: 8px
}

.mlr8, .mr8 {
    margin-right: 8px
}

.clearfix::after, .clearfix::before {
    content: '';
    display: table;
    clear: both
}

.button {
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    background-color: #37a5ec;
    cursor: pointer
}

.button-blank {
    border: 1px solid #37a5ec;
    border-radius: 4px;
    background-color: #fff;
    color: #37a5ec;
    font-size: 16px
}

    .button-blank:active, .button-blank:hover {
        background-color: #e2f4ff
    }

    .button-blank:active {
        color: #1084c7
    }

.button:active, .button:hover {
    background-color: #1084c7 !important
}

.button-text {
    font-size: 14px;
    height: auto;
    line-height: 1.4;
    color: #333
}

    .button-text.orange {
        color: #fb602b !important
    }

.button-text-primary {
    color: #37a5ec
}

    .button-text-primary:active, .button-text-primary:hover {
        color: #1084c7 !important
    }

.button-text:active, .button-text:hover {
    color: #37a5ec !important
}

.button:hover {
    color: #fff
}

.button:active {
    color: #7db8ec
}

.bg-white {
    background-color: #fff
}

img.lazy[data-src] {
    background: url(https://assets.dxycdn.com/gitrepo/biomart_v2/img/logo.svg) center/50% auto no-repeat
}

    img.lazy[data-src].v {
        background-size: auto 50%
    }

.component-left-divide:before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 12px;
    background-color: #37a5ec;
    margin-right: 8px;
    vertical-align: middle;
    margin-bottom: 2px
}

.component-nav-menu:hover .menu-wrapper, .component-nav-menu:hover > ul {
    display: block
}

.mb8, .mtb8 {
    margin-bottom: 8px
}

.component-loading:after, .component-loading:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%
}

.component-loading:before {
    width: 18px;
    height: 14px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: url(https://img1.dxycdn.com/2020/0909/599/1724077325319515343-2.png) center/22px 17px no-repeat
}

.component-loading:after {
    width: 32px;
    height: 32px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: url(https://img1.dxycdn.com/2020/0909/556/3106788884039515343-2.png) center/32px 32px no-repeat;
    -webkit-animation: spin linear .8s infinite;
    animation: spin linear .8s infinite
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: translate(-50%,-50%) rotate(0);
        transform: translate(-50%,-50%) rotate(0);
        -webkit-transform-origin: center;
        transform-origin: center
    }

    to {
        -webkit-transform: translate(-50%,-50%) rotate(360deg);
        transform: translate(-50%,-50%) rotate(360deg);
        -webkit-transform-origin: center;
        transform-origin: center
    }
}

@keyframes spin {
    from {
        -webkit-transform: translate(-50%,-50%) rotate(0);
        transform: translate(-50%,-50%) rotate(0);
        -webkit-transform-origin: center;
        transform-origin: center
    }

    to {
        -webkit-transform: translate(-50%,-50%) rotate(360deg);
        transform: translate(-50%,-50%) rotate(360deg);
        -webkit-transform-origin: center;
        transform-origin: center
    }
}

.component-nav-menu {
    height: 30px;
    position: relative
}

    .component-nav-menu .menu-wrapper, .component-nav-menu > ul {
        position: absolute;
        z-index: 100;
        top: 30px;
        width: 100px;
        left: 0
    }

    .component-nav-menu:hover a {
        color: #37a5ec
    }

        .component-nav-menu:hover a i {
            color: #37a5ec;
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg)
        }

    .component-nav-menu > a i, .g-menu-arrow {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0)
    }

    .component-nav-menu > a {
        font-size: 12px;
        color: #4b4b4b
    }

        .component-nav-menu > a i {
            display: inline-block;
            color: #4b4b4b;
            font-size: 14px;
            vertical-align: middle;
            transform: rotate(0);
            -webkit-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            -webkit-transition: -webkit-transform .2s ease-out;
            -o-transition: transform .2s ease-out;
            transition: transform .2s ease-out;
            transition: transform .2s ease-out,-webkit-transform .2s ease-out
        }

    .component-nav-menu .menu-wrapper {
        background-color: #fff;
        border: 1px solid #eee;
        display: none
    }

        .component-nav-menu .menu-wrapper .part h3 {
            height: 24px;
            line-height: 24px;
            color: #333;
            font-weight: bolder;
            font-size: 12px;
            padding: 0 10px
        }

        .component-nav-menu .menu-wrapper .part > ul {
            border-bottom: 1px solid #e1e1e1
        }

            .component-nav-menu .menu-wrapper .part > ul > li a {
                display: block
            }

            .component-nav-menu .menu-wrapper .part > ul > li:hover {
                background-color: #f5f5f5
            }

    .component-nav-menu > ul {
        background-color: #fff;
        border: 1px solid #eee;
        display: none
    }

.pt8, .ptb8 {
    padding-top: 8px
}

.pb8, .ptb8 {
    padding-bottom: 8px
}

.plr8, .pr8 {
    padding-right: 8px
}

.pl8, .plr8 {
    padding-left: 8px
}

.component-nav-menu > ul li a {
    display: block
}

.component-nav-menu > ul li:hover {
    background-color: #f5f5f5
}

.component-tag:after {
    content: attr(data-tag-content);
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    background-color: #fb602b;
    color: #fff;
    font-size: 12px;
    border-radius: 2px;
    margin-left: 6px;
    vertical-align: middle;
    text-align: center
}

.ml8, .mlr8 {
    margin-left: 8px
}

.mt8_i {
    margin-top: 8px !important
}

.mt16, .mtb16 {
    margin-top: 16px
}

.pt8_i {
    padding-top: 8px !important
}

.mb8_i {
    margin-bottom: 8px !important
}

.mb16, .mtb16 {
    margin-bottom: 16px
}

.pb8_i {
    padding-bottom: 8px !important
}

.mr8_i {
    margin-right: 8px !important
}

.mlr16, .mr16 {
    margin-right: 16px
}

.pr8_i {
    padding-right: 8px !important
}

.ml8_i {
    margin-left: 8px !important
}

.ml16, .mlr16 {
    margin-left: 16px
}

.pd8 {
    padding: 8px
}

.pt16, .ptb16 {
    padding-top: 16px
}

.pb16, .ptb16 {
    padding-bottom: 16px
}

.plr16, .pr16 {
    padding-right: 16px
}

.pl8_i {
    padding-left: 8px !important
}

.pl16, .plr16 {
    padding-left: 16px
}

.mt16_i {
    margin-top: 16px !important
}

.mt24, .mtb24 {
    margin-top: 24px
}

.pt16_i {
    padding-top: 16px !important
}

.mb16_i {
    margin-bottom: 16px !important
}

.mb24, .mtb24 {
    margin-bottom: 24px
}

.pb16_i {
    padding-bottom: 16px !important
}

.mr16_i {
    margin-right: 16px !important
}

.mlr24, .mr24 {
    margin-right: 24px
}

.pr16_i {
    padding-right: 16px !important
}

.ml16_i {
    margin-left: 16px !important
}

.ml24, .mlr24 {
    margin-left: 24px
}

.pd16 {
    padding: 16px
}

.pt24, .ptb24 {
    padding-top: 24px
}

.pb24, .ptb24 {
    padding-bottom: 24px
}

.plr24, .pr24 {
    padding-right: 24px
}

.pl16_i {
    padding-left: 16px !important
}

.pl24, .plr24 {
    padding-left: 24px
}

.mt24_i {
    margin-top: 24px !important
}

.mt32, .mtb32 {
    margin-top: 32px
}

.pt24_i {
    padding-top: 24px !important
}

.mb24_i {
    margin-bottom: 24px !important
}

.mb32, .mtb32 {
    margin-bottom: 32px
}

.pb24_i {
    padding-bottom: 24px !important
}

.mr24_i {
    margin-right: 24px !important
}

.mlr32, .mr32 {
    margin-right: 32px
}

.pr24_i {
    padding-right: 24px !important
}

.ml24_i {
    margin-left: 24px !important
}

.ml32, .mlr32 {
    margin-left: 32px
}

.pd24 {
    padding: 24px
}

.pt32, .ptb32 {
    padding-top: 32px
}

.pb32, .ptb32 {
    padding-bottom: 32px
}

.plr32, .pr32 {
    padding-right: 32px
}

.pl24_i {
    padding-left: 24px !important
}

.pl32, .plr32 {
    padding-left: 32px
}

.mt32_i {
    margin-top: 32px !important
}

.mt40, .mtb40 {
    margin-top: 40px
}

.pt32_i {
    padding-top: 32px !important
}

.mb32_i {
    margin-bottom: 32px !important
}

.mb40, .mtb40 {
    margin-bottom: 40px
}

.pb32_i {
    padding-bottom: 32px !important
}

.mr32_i {
    margin-right: 32px !important
}

.mlr40, .mr40 {
    margin-right: 40px
}

.pr32_i {
    padding-right: 32px !important
}

.ml32_i {
    margin-left: 32px !important
}

.ml40, .mlr40 {
    margin-left: 40px
}

.pd32 {
    padding: 32px
}

.pt40, .ptb40 {
    padding-top: 40px
}

.pb40, .ptb40 {
    padding-bottom: 40px
}

.plr40, .pr40 {
    padding-right: 40px
}

.pl32_i {
    padding-left: 32px !important
}

.pl40, .plr40 {
    padding-left: 40px
}

.mt40_i {
    margin-top: 40px !important
}

.pt40_i {
    padding-top: 40px !important
}

.mb40_i {
    margin-bottom: 40px !important
}

.pb40_i {
    padding-bottom: 40px !important
}

.mr40_i {
    margin-right: 40px !important
}

.pr40_i {
    padding-right: 40px !important
}

.ml40_i {
    margin-left: 40px !important
}

.pd40 {
    padding: 40px
}

.pl40_i {
    padding-left: 40px !important
}

#index .types-wrapper {
    width: 190px;
    height: 480px;
    float: left;
    background-color: #fff
}

    #index .types-wrapper > ul {
        position: relative;
        height: 480px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        #index .types-wrapper > ul > li {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

            #index .types-wrapper > ul > li:first-child:hover > a:before, #index .types-wrapper > ul > li:last-child > a:after {
                display: none
            }

            #index .types-wrapper > ul > li:after {
                content: '';
                display: block;
                position: absolute;
                z-index: 10;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                background-color: #fff
            }

            #index .types-wrapper > ul > li:hover > a {
                color: #37a5ec;
                border-right: 0
            }

                #index .types-wrapper > ul > li:hover > a:before {
                    content: '';
                    position: absolute;
                    right: 0;
                    width: 16px;
                    height: 1px;
                    border-top: 1px dotted #f5f5f5;
                    top: -2px
                }

                #index .types-wrapper > ul > li:hover > a:after {
                    width: calc(100% - 16px)
                }

                #index .types-wrapper > ul > li:hover > a > i {
                    color: #37a5ec;
                    right: 17px
                }

            #index .types-wrapper > ul > li:hover .hover-show-wrapper {
                display: block
            }

            #index .types-wrapper > ul > li > a {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                padding: 0 16px;
                height: 100%;
                width: 100%;
                font-size: 12px;
                color: #666;
                position: relative;
                z-index: 100;
                border-right: 1px solid #f5f5f5
            }

                #index .types-wrapper > ul > li > a:after {
                    content: '';
                    position: absolute;
                    width: calc(100% - 32px);
                    left: 16px;
                    bottom: 1px;
                    border-bottom: 1px dotted #ececec;
                    height: 1px
                }

                #index .types-wrapper > ul > li > a i {
                    position: absolute;
                    display: inline-block;
                    right: 16px;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
                    font-size: 10px;
                    color: #999
                }

            #index .types-wrapper > ul > li .hover-show-wrapper {
                position: absolute;
                width: 1000px;
                height: 486px;
                top: 0;
                z-index: 9;
                left: 191px;
                display: none;
                background-color: #f5f5f5
            }

                #index .types-wrapper > ul > li .hover-show-wrapper .content-wrapper {
                    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
                    box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
                    width: 1000px;
                    height: 480px;
                    position: relative;
                    bottom: 0;
                    left: -1px;
                    font-size: 0
                }

                #index .types-wrapper > ul > li .hover-show-wrapper .gg-wrapper {
                    display: inline-block;
                    width: 273px;
                    height: 480px;
                    padding: 16px;
                    vertical-align: top
                }

                    #index .types-wrapper > ul > li .hover-show-wrapper .gg-wrapper .gg-1 {
                        width: 241px;
                        height: 164px
                    }

                        #index .types-wrapper > ul > li .hover-show-wrapper .gg-wrapper .gg-1 li {
                            float: left;
                            font-size: 0;
                            margin-bottom: 10px;
                            margin-right: 1px;
                            -webkit-transition: -webkit-box-shadow .3s ease-out;
                            -o-transition: box-shadow .3s ease-out;
                            transition: box-shadow .3s ease-out;
                            transition: box-shadow .3s ease-out,-webkit-box-shadow .3s ease-out
                        }

                            #index .types-wrapper > ul > li .hover-show-wrapper .gg-wrapper .gg-1 li:hover {
                                -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
                                box-shadow: 0 2px 8px 0 rgba(0,0,0,.15)
                            }

                            #index .types-wrapper > ul > li .hover-show-wrapper .gg-wrapper .gg-1 li:nth-child(2n) {
                                margin-right: 0
                            }

                            #index .types-wrapper > ul > li .hover-show-wrapper .gg-wrapper .gg-1 li img {
                                width: 120px;
                                height: 72px
                            }

                    #index .types-wrapper > ul > li .hover-show-wrapper .gg-wrapper .gg-2 li {
                        margin-bottom: 10px;
                        -webkit-transition: -webkit-box-shadow .3s ease-out;
                        -o-transition: box-shadow .3s ease-out;
                        transition: box-shadow .3s ease-out;
                        transition: box-shadow .3s ease-out,-webkit-box-shadow .3s ease-out;
                        font-size: 0
                    }

                        #index .types-wrapper > ul > li .hover-show-wrapper .gg-wrapper .gg-2 li:hover {
                            -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
                            box-shadow: 0 2px 8px 0 rgba(0,0,0,.15)
                        }

                        #index .types-wrapper > ul > li .hover-show-wrapper .gg-wrapper .gg-2 li img {
                            width: 240px;
                            height: 138px
                        }

                #index .types-wrapper > ul > li .hover-show-wrapper .types {
                    width: 727px;
                    height: 480px;
                    padding: 16px 48px 32px 25px;
                    background-color: #fff;
                    display: inline-block;
                    vertical-align: top
                }

                    #index .types-wrapper > ul > li .hover-show-wrapper .types .tags-wrapper {
                        font-size: 0
                    }

                        #index .types-wrapper > ul > li .hover-show-wrapper .types .tags-wrapper li {
                            display: inline-block;
                            margin-right: 16px
                        }

                            #index .types-wrapper > ul > li .hover-show-wrapper .types .tags-wrapper li a {
                                padding: 0 8px;
                                height: 24px;
                                line-height: 24px;
                                font-size: 12px;
                                font-weight: 400;
                                color: #37a5ec
                            }

                                #index .types-wrapper > ul > li .hover-show-wrapper .types .tags-wrapper li a .icon-biomart-fire_left {
                                    display: none;
                                    font-size: 12px;
                                    color: #37a5ec;
                                    margin-right: 3px
                                }

                                #index .types-wrapper > ul > li .hover-show-wrapper .types .tags-wrapper li a .icon-biomart-arrow-right {
                                    font-size: 10px;
                                    color: #37a5ec;
                                    margin-left: 3px
                                }

                    #index .types-wrapper > ul > li .hover-show-wrapper .types .all-kinds {
                        margin-top: 12px
                    }

                        #index .types-wrapper > ul > li .hover-show-wrapper .types .all-kinds > li {
                            margin-top: 10px;
                            font-size: 0;
                            position: relative;
                            padding-bottom: 6px
                        }

                            #index .types-wrapper > ul > li .hover-show-wrapper .types .all-kinds > li:after {
                                position: absolute;
                                content: '';
                                height: 1px;
                                width: 536px;
                                border-bottom: 1px dotted #ececec;
                                bottom: 1px;
                                right: 0
                            }

                            #index .types-wrapper > ul > li .hover-show-wrapper .types .all-kinds > li h3 {
                                font-size: 12px;
                                color: #333;
                                font-weight: bolder;
                                width: 87px;
                                text-align: right;
                                margin-right: 32px;
                                display: inline-block;
                                vertical-align: top;
                                margin-bottom: 6
                            }

                            #index .types-wrapper > ul > li .hover-show-wrapper .types .all-kinds > li > ul {
                                display: inline-block;
                                vertical-align: top;
                                width: 535px
                            }

                                #index .types-wrapper > ul > li .hover-show-wrapper .types .all-kinds > li > ul > li {
                                    margin-right: 24px;
                                    display: inline-block;
                                    margin-bottom: 6px
                                }

                                    #index .types-wrapper > ul > li .hover-show-wrapper .types .all-kinds > li > ul > li a {
                                        color: #666;
                                        font-size: 12px
                                    }

#index .home-swiper-container {
    width: 700px;
    overflow: hidden;
    position: relative;
    text-align: center
}

    #index .home-swiper-container .swiper-pagination {
        position: absolute;
        bottom: 8px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        text-align: center;
        font-size: 0;
        padding: 6px 8px;
        border-radius: 10px;
        background-color: rgba(0,0,0,.19);
        display: inline-block
    }

        #index .home-swiper-container .swiper-pagination .swiper-pagination-bullet {
            width: 8px;
            height: 8px;
            border-radius: 4px;
            background-color: #fff;
            -webkit-transition: width .2s ease-out;
            -o-transition: width .2s ease-out;
            transition: width .2s ease-out;
            display: inline-block;
            margin-left: 8px;
            cursor: pointer
        }

        #index .home-swiper-container .swiper-pagination .swiper-pagination-bullet-active {
            width: 31px
        }

    #index .home-swiper-container .swiper-wrapper {
        font-size: 0;
        white-space: nowrap
    }

#index .notice-wrapper .tab-header .next-wrapper i, #index .notice-wrapper .tab-header .pre-wrapper i {
    font-size: 8px;
    color: rgba(0,0,0,.4);
    vertical-align: middle
}

#index .home-swiper-container .swiper-wrapper .swiper-slide {
    white-space: nowrap;
    width: 700px;
    height: 270px;
    display: inline-block;
    border-radius: 4px 4px 0 0
}

    #index .home-swiper-container .swiper-wrapper .swiper-slide img {
        width: 700px;
        height: 270px
    }

#index .notice-wrapper {
    background-color: #fff;
    margin-top: 8px;
    padding-bottom: 10px;
    height: 276px;
    position: relative
}

    #index .notice-wrapper .tab-header {
        width: 290px;
        overflow: hidden;
        position: relative
    }

        #index .notice-wrapper .tab-header .pre-wrapper {
            position: absolute;
            width: 38px;
            left: 0;
            top: 0;
            height: 40px;
            line-height: 40px;
            text-align: center;
            background-color: #fff;
            z-index: 2;
            cursor: pointer
        }

            #index .notice-wrapper .tab-header .pre-wrapper:after {
                content: '';
                width: 20px;
                height: 40px;
                display: inline-block;
                position: absolute;
                left: 38px;
                background: -webkit-gradient(linear,left top,right top,from(#fff),to(rgba(255,255,255,0)));
                background: -webkit-linear-gradient(left,#fff,rgba(255,255,255,0));
                background: -o-linear-gradient(left,#fff,rgba(255,255,255,0));
                background: linear-gradient(to right,#fff,rgba(255,255,255,0))
            }

        #index .notice-wrapper .tab-header .next-wrapper {
            position: absolute;
            width: 38px;
            right: 0;
            top: 0;
            height: 40px;
            line-height: 40px;
            text-align: center;
            background-color: #fff;
            z-index: 2;
            cursor: pointer
        }

            #index .notice-wrapper .tab-header .next-wrapper:before {
                content: '';
                width: 20px;
                height: 40px;
                display: inline-block;
                right: 38px;
                position: absolute;
                background: -webkit-gradient(linear,right top,left top,from(#fff),to(rgba(255,255,255,0)));
                background: -webkit-linear-gradient(right,#fff,rgba(255,255,255,0));
                background: -o-linear-gradient(right,#fff,rgba(255,255,255,0));
                background: linear-gradient(to left,#fff,rgba(255,255,255,0))
            }

        #index .notice-wrapper .tab-header .ul-wrapper {
            width: 100%;
            overflow: hidden;
            white-space: nowrap
        }

        #index .notice-wrapper .tab-header ul {
            padding: 0 24px;
            font-size: 0;
            border-bottom: 1px solid #eee
        }

            #index .notice-wrapper .tab-header ul li {
                display: inline-block;
                font-size: 12px;
                color: #999;
                height: 40px;
                line-height: 40px;
                margin-right: 32px;
                position: relative;
                cursor: pointer
            }

                #index .notice-wrapper .tab-header ul li:not(.active):hover {
                    color: #333
                }

                #index .notice-wrapper .tab-header ul li.active {
                    color: #333;
                    font-weight: bolder
                }

                    #index .notice-wrapper .tab-header ul li.active:after {
                        content: '';
                        position: absolute;
                        bottom: -1px;
                        height: 2px;
                        left: 0;
                        right: 0;
                        background-color: #37a5ec
                    }

    #index .notice-wrapper .content-wrapper {
        padding: 4px 10px 10px
    }

        #index .notice-wrapper .content-wrapper .options {
            display: none
        }

            #index .notice-wrapper .content-wrapper .options.active {
                display: block
            }

            #index .notice-wrapper .content-wrapper .options li {
                line-height: 1;
                margin-top: 11px
            }

                #index .notice-wrapper .content-wrapper .options li a {
                    font-size: 12px;
                    color: #666;
                    overflow: hidden;
                    display: -webkit-box;
                    -webkit-line-clamp: 1;
                    -webkit-box-orient: vertical;
                    height: 16px
                }

                    #index .notice-wrapper .content-wrapper .options li a.orange {
                        color: #fe822e !important
                    }

                        #index .notice-wrapper .content-wrapper .options li a.orange:hover {
                            color: #37a5ec !important
                        }

    #index .notice-wrapper .loop-text {
        position: absolute;
        width: calc(100% - 20px);
        padding: 10px 10px 10px 73px;
        background: url(https://img1.dxycdn.com/2020/0909/084/1442792449249515343-2.png) 10px 10px/55px 16px no-repeat #ebf6fd;
        bottom: 10px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

        #index .notice-wrapper .loop-text .left-link {
            position: absolute;
            width: 55px;
            height: 16px;
            display: inline-block;
            left: 10px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        #index .notice-wrapper .loop-text .height-control {
            height: 16px;
            line-height: 16px;
            overflow: hidden;
            margin-top: 1px
        }

        #index .notice-wrapper .loop-text .swiper-wrapper .swiper-slide {
            font-size: 12px;
            height: 16px;
            line-height: 16px;
            color: #4b4b4b
        }

            #index .notice-wrapper .loop-text .swiper-wrapper .swiper-slide a {
                height: 16px;
                line-height: 16px;
                overflow: hidden;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical
            }

                #index .notice-wrapper .loop-text .swiper-wrapper .swiper-slide a:hover {
                    color: #37a5ec
                }

#elevator_01 {
    position: relative
}

#elevator {
    position: absolute;
    top: 0;
    left: -74px;
    width: 58px;
    height: 558px;
    background-color: #fff;
    overflow: hidden
}

    #elevator.fixed {
        position: fixed;
        top: 140px;
        left: 50%;
        margin-left: -669px
    }

    #elevator li {
        width: 100%;
        position: relative;
        padding: 11px 14px 0;
        height: 56px;
        border-left: 1px solid #eee;
        border-right: 1px solid #eee
    }

        #elevator li:first-child {
            border-top: 1px solid #eee
        }

        #elevator li:last-child {
            border-bottom: 1px solid #eee
        }

            #elevator li:last-child a {
                border-bottom: 0;
                color: #999
            }

        #elevator li.active {
            background-color: #37a5ec;
            margin-top: -2px
        }

            #elevator li.active a:hover {
                color: #fff !important
            }

            #elevator li.active a {
                color: #fff;
                border-bottom: 0
            }

        #elevator li a {
            display: inline-block;
            width: 100%;
            height: 44px;
            text-align: center;
            color: #999;
            -webkit-transition: color .2s ease-out;
            -o-transition: color .2s ease-out;
            transition: color .2s ease-out;
            border-bottom: 1px solid #eee;
            padding-bottom: 14px;
            font-size: 14px;
            line-height: 17px
        }

#side-bar {
    position: fixed;
    width: 78px;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #eee;
    font-size: 0;
    z-index: 100
}

    #side-bar .qrcode-desc h4, #side-bar .qrcode-desc p {
        font-size: 10px;
        color: #fff
    }

    #side-bar .gg-item img {
        width: 78px;
        height: 200px
    }

    #side-bar .qrcode {
        width: 78px
    }

    #side-bar .qrcode-desc {
        display: table-cell;
        vertical-align: middle;
        height: 35px;
        width: 78px;
        background-color: #251a65;
        text-align: center
    }

        #side-bar .qrcode-desc h4 {
            font-weight: bolder
        }

    #side-bar .button-text {
        border: 1px solid #eee;
        height: 32px;
        line-height: 32px;
        width: 78px;
        text-align: center;
        color: #999;
        font-size: 12px;
        background-color: #fff
    }

.top-line, .top-link > ul > li > a {
    height: 30px;
    line-height: 30px
}

#side-bar .button-text.to-top {
    margin-top: 0;
    border-top: 0
}

    #side-bar .button-text.to-top i {
        font-size: 12px;
        display: inline-block;
        width: 8px
    }

.top-ads-blk {
    background: url(https://assets.dxycdn.com/gitrepo/biomart_v2/img/top_blk.png?v=011306) repeat-x;
    padding: 1px 0;
    min-height: 98px
}

    .top-ads-blk .img-wp {
        border: none
    }

        .top-ads-blk .img-wp a {
            display: block;
            width: 100%;
            text-align: center;
            border-radius: 8px;
            overflow: hidden
        }

.top-line-wp {
    width: 100%;
    position: relative;
    z-index: 11
}

.top-line {
    width: 1190px;
    margin: 0 auto
}

    .top-line a {
        color: #ffffff
    }

        .top-line a:hover {
            color: #ffffff
        }

.top-link ul li {
    float: left
}

    .top-link ul li a {
        padding: 0 16px;
        display: block
    }

.top-link > ul > li > a {
    display: block;
    color: #ffffff;
}

.g-menu-wp .dotte, .top-login > ul > li {
    display: inline-block;
    color:#ffffff;
}

.top-border {
    height: 1px;
    width: 100%;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    opacity: .7
}

.top-message, .top-mobile {
    position: relative
}

.top-link ul li.link-more {
    cursor: pointer
}

.top-ads {
    width: 1000px;
    margin-top: 0
}

.ads-top, .biomart-ads-top {
    margin: 18px auto
}

.top-ads .ads-cols1 .img-wp img, .top-panel {
    margin: 0 auto
}

.top-ads .ads-cols1 .img-wp {
    float: none;
    text-align: center;
    height: 60px
}

.top-ads .img-bord img {
    width: auto;
    height: auto
}

.top-ads .ads-cols1 .img-bord a:after {
    border-width: 0 0 1px
}

.top-panel {
    width: 100%;
    background-color: #fff
}

    .top-ads-blk *, .top-panel * {
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    .top-panel .nav {
        width: 1000px;
        margin: 0 auto
    }

.top-login {
    height: 30px
}

* * .top-login > ul > li.mr {
    margin-right: 8px
}

.top-login > ul > li > a {
    height: 30px;
    line-height: 30px
}

.top-user .g-menu {
    width: 100%
}

.top-manager .g-menu {
    width: 95px
}

    .top-manager .g-menu.hascount {
        width: 110px
    }

        .top-manager .g-menu.hascount .count {
            float: right;
            height: 14px;
            line-height: 14px;
            margin-top: 5px
        }

.top-message .g-menu {
    width: 100%
}

.g-menu-tit {
    padding: 0 15px 0 10px
}

    .g-menu-tit.active {
        color: #37a5ec
    }

.top-message {
    margin: 0 -3px
}

.g-menu-wp .count {
    background-color: #f55530;
    border-radius: 15px;
    padding: 0 4px;
    color: #fff;
    font-size: 11px;
    font-style: normal;
    margin-left: 5px
}

.g-menu-wp .dotte {
    background: #f55530;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-left: 5px
}

.top-qrcode-wp, .top-qrcode-wp::before {
    position: absolute;
    border: 1px solid #ddd;
    background: #fff
}

.top-mobile > a {
    display: block;
    padding: 0 10px;
    height: 30px;
    line-height: 30px
}

.top-qrcode-wp {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 88px;
    height: 88px;
    padding: 8px;
    top: 36px;
    left: -20px;
    z-index: 11;
    display: none
}

.top-mobile:hover .top-qrcode-wp {
    display: block
}

.top-qrcode-wp::before {
    content: '';
    width: 8px;
    height: 8px;
    border-width: 1px 0 0 1px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -5px;
    left: 50%;
    margin-left: -6px
}

.mobile-qrcode {
    width: 88px;
    height: 88px
}

.top-search {
    width: 1000px;
    margin: 23px auto 0;
    position: relative
}

.top-logo {
    background: url(https://assets.dxycdn.com/gitrepo/biomart_v2/img/logo.png?v=011306) no-repeat;
    width: 128px;
    height: 44px;
    float: left;
    margin-top: 21px;
    background-size: cover
}

.header-type2 .top-line, .header-type2 .top-search-1 {
    width: 100%;
    max-width: 1200px
}

.header-type2 .top-line-wp {
    background: #fafafa
}

.header-type2 .top-search-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-type2 .top-logo {
    float: none;
    margin-top: 0
}

.top-title {
    font-weight: 400;
    color: #3ba6ed;
    line-height: 28px;
    font-size: 20px;
    height: 28px;
    position: relative;
    margin-left: 32px
}

.search .input-wp, .search .input-wp input {
    line-height: 32px;
    -webkit-box-sizing: border-box
}

.top-title:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -16px;
    width: 1px;
    height: 16px;
    margin-top: -8px;
    background: #3ba6ed
}

.search {
    position: relative;
    width: 468px;
    margin: 0 326px 0 auto;
    padding-top: 10px
}

    .search .input-wp {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        box-sizing: border-box
    }

        .search .input-wp input {
            width: 396px;
            border-radius: 4px 0 0 4px;
            border: 1px solid #37a5ec;
            border-right: 0;
            color: #333;
            height: 32px;
            padding: 0 10px;
            box-sizing: border-box
        }

            .search .input-wp input:focus {
                border-color: #37a5ec
            }

    .search .select {
        margin-left: 22px;
        color: #37a5ec
    }

.search_cue {
    position: absolute;
    left: 0;
    top: 32px;
    z-index: 9;
    background: #fff;
    width: 396px;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    padding: 0 15px;
    line-height: 1.5;
    display: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .search_cue .bottom, .search_cue h4 {
        padding: 10px 0
    }

.dropdown-btn, .search-btn {
    -webkit-box-sizing: border-box;
    vertical-align: middle
}

.search_cue .top {
    border-bottom: 1px dashed #ddd
}

.search .select .option {
    width: 36px;
    height: 23px;
    border-radius: 4px 4px 0 0;
    display: inline-block;
    text-align: center;
    line-height: 23px;
    cursor: pointer
}

    .search .select .option.active {
        color: #fff;
        background-color: #37a5ec
    }

.no-border {
    border: none !important
}

.search_cue h4 {
    font-weight: 400;
    font-size: inherit;
    color: #777
}

    .search_cue h4 .clean_btn {
        float: right;
        color: #999
    }

.search_cue ul {
    overflow: hidden
}

.search_cue li {
    float: left;
    margin: 0 26px 10px 0
}

.search_cue .hot, .search_cue .rec {
    display: inline-block;
    width: 17px;
    height: 17px;
    line-height: 17px;
    background: #f60;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    font-style: normal
}

    .search_cue .hot::before {
        content: '鐑�'
    }

    .search_cue .rec::before {
        content: '鑽�'
    }

.search_cue .search-demand {
    border-top: 1px dashed #ddd;
    padding: 11px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 17px;
    font-size: 12px
}

.search-demand p {
    color: rgba(51,51,51,.6);
    width: 100%
}

.search-demand a {
    color: #37a5ec;
    width: 120px;
    text-align: right
}

    .search-demand a .iconfont {
        font-size: 12px
    }

#j_keywords:-moz-placeholder {
    color: #999
}

#j_keywords::-moz-placeholder {
    color: #999
}

#j_keywords::-webkit-input-placeholder {
    color: #999
}

#j_keywords:-ms-input-placeholder {
    color: #999
}

.search-btn {
    display: inline-block;
    box-sizing: border-box;
    height: 32px;
    width: 72px;
    background-color: #3aa8e9;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor: pointer;
    margin-left: -4px;
    color: #fff
}

.dropdown-btn:hover, .g-menu ul li a:hover {
    color: #37a5ec
}

.search-btn i {
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 auto;
    background-position: -88px -179px
}

.search-btn:hover {
    background-color: #359ade
}

.dropdown-btn {
    display: inline-block;
    box-sizing: border-box;
    line-height: 32px;
    width: 70px;
    height: 32px;
    margin-right: -4px;
    color: #777;
    position: relative
}

    .dropdown-btn .select {
        width: 100%;
        overflow: hidden;
        height: 32px;
        position: absolute;
        background-color: #fcfcfc;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #ddd;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        top: 0;
        left: 0;
        cursor: pointer
    }

        .dropdown-btn .select.open {
            height: 96px;
            border-bottom-right-radius: 4px;
            z-index: 3
        }

    .dropdown-btn i {
        width: 10px;
        height: 10px;
        display: inline-block;
        position: absolute;
        top: 11px;
        right: 8px;
        background-position: -2px -199px
    }

        .dropdown-btn i.reverse {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg)
        }

    .dropdown-btn .option {
        width: 100%;
        height: 31px;
        display: block;
        padding-left: 7px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

.nav ul li, .top-enter a, .top-enter a i {
    display: inline-block
}

.dropdown-btn .option:hover {
    background-color: #eee
}

.top-enter {
    margin-top: 33px
}

    .top-enter a {
        width: 119px;
        position: relative;
        -webkit-box-sizing: border-box;
        height: 32px;
        line-height: 32px;
        border-radius: 4px;
        font-size: 13px;
        box-sizing: border-box;
        text-align: center;
        margin-left: 10px;
        cursor: pointer
    }

        .top-enter a i {
            width: 14px;
            height: 14px;
            line-height: 32px;
            margin-bottom: 2px;
            margin-right: 5px;
            vertical-align: middle
        }

        .top-enter a.demand-enter {
            background-color: #3aa8e9;
            border: 1px solid #3aa8e9;
            color: #fff
        }

            .top-enter a.demand-enter:hover {
                background-color: #359ade;
                border-color: #359ade
            }

            .top-enter a.demand-enter i {
                background-position: -90px -158px
            }

        .top-enter a.purchase-enter {
            background-color: #fff;
            border: 1px solid #ddd
        }

            .top-enter a.purchase-enter:hover {
                color: #359ade
            }

            .top-enter a.purchase-enter i {
                background-position: -90px -138px
            }

            .top-enter a.purchase-enter:hover i {
                background-position: -113px -138px
            }

.new-top-search {
    width: 1000px;
    margin: 23px auto 0
}

.top-search-1 {
    width: 1000px;
    margin: 0 auto;
    height: 80px
}

.header-search_fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101;
    width: 100%;
    height: 80px;
    background: #fff;
    -webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,.15);
    box-shadow: 0 0 3px 2px rgba(0,0,0,.15)
}

    .header-search_fixed * {
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

.cate-list *, .cate-list > ul > li {
    -webkit-box-sizing: border-box
}

.header-search_fixed .top-logo {
    width: 128px;
    height: 44px
}

.nav {
    height: 38px;
    line-height: 38px
}

    .nav ul {
        height: 100%
    }

        .nav ul li {
            position: relative;
            height: 36px;
            min-width: 36px;
            padding: 0 12px;
            margin: 0 12px;
            cursor: pointer;
            text-align: center;
            border-bottom: 2px solid transparent;
            font-size: 14px;
            -webkit-transition: all .3s ease-out;
            -o-transition: all .3s ease-out;
            transition: all .3s ease-out
        }

            .nav ul li.cur, .nav ul li:hover {
                border-bottom: 2px solid #37a5ec
            }

            .nav ul li:last-child:after {
                display: none
            }

            .nav ul li:after {
                content: '';
                width: 3px;
                height: 3px;
                background-color: #bbb;
                border-radius: 50%;
                display: block;
                position: absolute;
                margin-left: 10px;
                top: 17px;
                left: 100%
            }

            .nav ul li a {
                color: #4f4f4f
            }

                .nav ul li a .new {
                    display: inline-block;
                    font-size: 12px;
                    color: #fff !important;
                    line-height: 16px;
                    height: 17px;
                    background: #fb602b;
                    border-radius: 16px;
                    padding: 0 4px;
                    font-style: normal;
                    margin-left: 4px
                }

            .nav ul li:hover a {
                color: #37a5ec
            }

            .nav ul li.cur a {
                font-weight: 700;
                font-size: 13px;
                padding-bottom: 1px
            }

            .nav ul li.category {
                width: 96px;
                height: 38px;
                border-width: 0 1px;
                position: relative;
                padding: 0;
                text-align: left
            }

                .nav ul li.category a {
                    color: #37a5ec
                }

                .nav ul li.category i {
                    font-size: 12px;
                    color: #37a5ec;
                    line-height: 1;
                    -webkit-transform: rotate(90deg) scale(.8);
                    -ms-transform: rotate(90deg) scale(.8);
                    transform: rotate(90deg) scale(.8);
                    position: absolute;
                    right: -10px;
                    top: 13px
                }

                .nav ul li.category:after {
                    display: none
                }

                .nav ul li.category .ico-down {
                    position: absolute;
                    right: 12px;
                    top: 15px
                }

.content {
    border: 1px solid #bbb;
    border-top: none;
    background-color: #fafafa;
    position: relative;
    overflow: hidden
}

.cate-list {
    float: left;
    width: 133px;
    background: #fff;
    -webkit-box-shadow: 1px 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 1px 2px 4px 0 rgba(0,0,0,.1)
}

    .cate-list * {
        box-sizing: border-box
    }

    .cate-list > ul {
        height: 431px
    }

        .cate-list > ul > li {
            height: 36px;
            line-height: 36px;
            padding: 0 12px;
            box-sizing: border-box
        }

            .cate-list > ul > li > a {
                color: #333;
                font-size: 12px;
                display: block;
                border-top: 1px solid #ebebeb;
                position: relative
            }

            .cate-list > ul > li:first-child > a {
                border-top: 0
            }

            .cate-list > ul > li > a .icon-arrow-right {
                font-size: 12px;
                color: #999;
                position: absolute;
                right: -4px;
                top: 50%;
                -webkit-transform: translateY(-50%) scale(.8);
                -ms-transform: translateY(-50%) scale(.8);
                transform: translateY(-50%) scale(.8)
            }

    .cate-list ul li .ico-right {
        display: none
    }

    .cate-list ul li.cate-cur {
        background-color: #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 1;
        height: 37px;
        line-height: 35px;
        margin-bottom: -1px;
        border-top: 1px solid #ebebeb;
        border-bottom: 1px solid #ebebeb;
        width: 135px
    }

        .cate-list ul li.cate-cur:first-child {
            border-top-color: #fff
        }

        .cate-list ul li.cate-cur:last-child {
            border-bottom: 0;
            height: 35px
        }

        .cate-list ul li.cate-cur > a {
            border-color: #fff;
            color: #37a5ec;
            z-index: 100
        }

            .cate-list ul li.cate-cur > a::after {
                content: '';
                position: absolute;
                z-index: 100;
                width: 2px;
                height: 100%;
                background: #fff;
                top: -1px;
                right: -12px
            }

        .cate-list ul li.cate-cur:first-child > a::after, .cate-list ul li.cate-cur:last-child > a::after {
            height: calc([object Object])
        }

        .cate-list ul li.cate-cur > a .icon-arrow-right {
            opacity: 0;
            visibility: hidden
        }

.cate-crack {
    border-top: 1px solid #bbb;
    width: 100%;
    height: 57px;
    z-index: 1;
    position: relative
}

.logo__txt, .sub-cate, .sub-content {
    position: absolute
}

.cate-crack a {
    width: 100%;
    height: 100%;
    display: block;
    background-color: #f7f7f7;
    background-position: -76px -73px
}

.sub-cate {
    overflow: hidden;
    left: 134px;
    top: 0;
    height: 431px;
    width: 867px;
    background-color: #f5f5f5;
    -webkit-box-shadow: 5px 4px 7px 0 rgba(0,0,0,.05);
    box-shadow: 5px 4px 7px 0 rgba(0,0,0,.05);
    display: none;
    margin-left: -1px;
    z-index: 99;
    padding-left: 2px
}

    .sub-cate ul {
        padding: 0;
        height: auto
    }

.sub-cate-all {
    background: #fff;
    width: 619px;
    padding: 16px;
    overflow: hidden;
    height: 100%
}

    .sub-cate-all .keywords-list {
        padding-bottom: 6px
    }

        .sub-cate-all .keywords-list li {
            float: left;
            margin-right: 10px;
            margin-bottom: 10px
        }

            .sub-cate-all .keywords-list li a {
                display: block;
                height: 26px;
                line-height: 26px;
                padding: 0 10px;
                background: rgba(55,165,236,.8);
                border-radius: 2px;
                color: #fff;
                font-size: 12px;
                -webkit-transition: .3s;
                -o-transition: .3s;
                transition: .3s
            }

                .sub-cate-all .keywords-list li a:hover {
                    background: #58a9d2
                }

#j_auto_lst, .g-menu {
    background-color: #fff
}

.sub-cate-all .keywords-list li a span {
    display: inline-block;
    max-width: 80px;
    vertical-align: top;
    overflow: hidden;
    white-space: nowrap
}

.ads-cols3 .img-wp img, .img_wp img {
    max-width: 100%
}

.sub-cate-all .main-list {
    font-size: 0;
    line-height: 17px
}

    .sub-cate-all .main-list dt {
        font-size: 12px;
        color: #666;
        font-weight: 700;
        padding: 10px 30px 10px 0;
        display: inline-block;
        width: 105px;
        text-align: right;
        vertical-align: top
    }

.g-cols-tit a.g-tit-more, .g-tit-link a {
    font-weight: 400;
    color: #9c9c9c;
    font-size: 12px
}

.sub-cate-all .main-list dd {
    font-size: 12px;
    border-top: 1px dashed #eaeaea;
    display: inline-block;
    width: calc([object Object]);
    padding: 1px 0 10px;
    max-height: 87px;
    overflow: hidden;
    vertical-align: top
}

#j_auto_lst ol li a, * * .cate-list ul li.cate-cur .sub-cate, .sub-cate-relate a {
    display: block
}

.img_wp, .img_wp img {
    vertical-align: middle
}

.sub-cate-all .main-list dd:first-of-type {
    border-top: none
}

.sub-cate-all .main-list dd a {
    display: block;
    float: left;
    color: #666;
    margin-top: 8px;
    margin-right: 20px
}

    .sub-cate-all .main-list dd a.imprt {
        color: #fe822e
    }

    .sub-cate-all .main-list dd a:hover {
        text-decoration: underline;
        color: #fe822e
    }

.banner__nav a, .floatbar .g-fixed-top:hover, .g-fixed a, .vertical-nav li:hover a {
    text-decoration: none
}

.sub-cate-relate {
    width: 241px;
    margin-left: 5px
}

    .sub-cate-relate .relate-top {
        height: 145px
    }

    .sub-cate-relate .relate-top-ad {
        width: 120px;
        height: 72px;
        float: left;
        border: 1px solid #dcdcdc;
        border-width: 0;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

#j_auto_lst, * {
    -webkit-box-sizing: border-box
}

.sub-cate-relate a > img {
    width: 100%;
    height: 100%
}

.sub-cate-relate .relate-top-ad:nth-of-type(3), .sub-cate-relate .relate-top-ad:nth-of-type(4) {
    border-top-width: 1px
}

.sub-cate-relate .relate-top-ad:nth-of-type(2), .sub-cate-relate .relate-top-ad:nth-of-type(4) {
    border-left-width: 1px
}

.sub-cate-relate .relate-bottom-ad {
    width: 241px;
    height: 138px;
    margin-top: 6px
}

.relate-box {
    padding: 17px 20px
}

.relate-box2 {
    padding-top: 10px
}

.relate-box .g-news-list ul li {
    height: 24px;
    line-height: 24px
}

.sub-content, [id*=cnzz_stat] {
    display: none
}

.logo__txt {
    left: 174px;
    font-size: 22px;
    z-index: 10;
    border-left: 1px solid #ddd;
    padding-left: 10px;
    top: 12px
}

.search_cate {
    margin-left: 105px
}

#j_auto_box {
    float: left;
    height: 32px !important
}

#j_auto_lst {
    width: 328px;
    top: 32px;
    z-index: 11;
    border: 1px solid #ddd;
    left: 0;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2);
    box-shadow: 0 1px 5px rgba(0,0,0,.2)
}

    #j_auto_lst ol li {
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
        white-space: nowrap
    }

        #j_auto_lst ol li a {
            color: #333;
            cursor: default;
            height: 100%;
            width: 100%;
            overflow: hidden;
            white-space: nowrap;
            padding: 0
        }

        #j_auto_lst ol li.cur {
            background-color: #389cff
        }

            #j_auto_lst ol li.cur a {
                color: #fff
            }

.sub-content a, body {
    color: #333
}

#j_auto_lst ol li:hover {
    background-color: #f6f6f6
}

#j_auto_lst ol li a:hover {
    color: #333;
    text-decoration: none
}

.sub-content {
    left: 0;
    width: 1002px;
    z-index: 100
}

@media only screen and (max-device-width:720px),only screen and (-webkit-min-device-pixel-ratio:3) {
    .top-ads {
        width: 1000px
    }
}

.wrap, body {
    width: 100%
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2) {
    .top-logo {
        background: url(https://assets.dxycdn.com/gitrepo/biomart_v2/img/logo@2x.png?v=011306) no-repeat;
        background-size: auto 44px
    }

    .cate-crack a, .search-btn i, a.demand-enter i, a.purchase-enter i {
        background-image: url(https://assets.dxycdn.com/gitrepo/biomart_v2/img/comm-ico@2x.png?v=011306);
        background-repeat: no-repeat;
        background-size: 200px 200px
    }

    .top-enter a.demand-enter i {
        background-position: -47px -119px
    }

    .top-enter a.purchase-enter i {
        background-position: -46px -86px
    }

    .top-enter a.purchase-enter:hover i {
        background-position: -46px -103px
    }

    .search-btn i {
        background-position: -43px -65px
    }
}

* {
    box-sizing: border-box
}

body {
    height: 100%;
}

.block {
    background: #fff
}

.fl {
    float: left
}

.fr {
    float: right
}

.split {
    color: #ddd;
    padding: 0 8px
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: '.';
    clear: both;
    height: 0
}

.hide {
    display: none !important
}

.g-corner, .g-menu-tit {
    display: block
}

a, button, div, input, li, p, span, textarea {
    outline: 0
}

a {
    color: #333
}

.main {
    width: 990px;
    margin: 0 auto;
    position: relative;
    font-family: "寰蒋闆呴粦","microsoft yahei","榛戜綋",helvetica,tahoma,arial,sans-serif
}

.g-corner, .g-corner-wp, .g-corner:after {
    position: absolute;
    top: 0;
    right: 0
}

.g-corner-wp {
    overflow: hidden;
    width: 91px;
    height: 91px;
    z-index: 9;
    -webkit-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.3);
    box-shadow: 1px 1px 3px rgba(0,0,0,.3)
}

.g-corner {
    width: 200px;
    height: 200px;
    background: url(https://assets.dxycdn.com/gitrepo/biomart_v2/img/corner-img.png) no-repeat
}

    .g-corner:after {
        content: "";
        display: block;
        width: 91px;
        height: 91px;
        -webkit-transition: all ease-out .3s;
        -o-transition: all ease-out .3s;
        transition: all ease-out .3s;
        background: url(https://assets.dxycdn.com/gitrepo/biomart_v2/img/corner-mask.png) -90px -92px no-repeat
    }

.g-menu-arrow, .g-menu-wp {
    position: relative
}

.g-corner-wp:hover, .g-corner:hover:after {
    width: 200px;
    height: 200px
}

.g-corner:hover:after {
    background-position: 0 0
}

.g-menu-arrow {
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 4px;
    border-style: solid;
    border-color: #ffffff transparent transparent;
    top: 2px;
    left: 4px;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    transform: rotate(0)
}

.g-menu {
    position: absolute;
    top: 30px;
    left: 0;
    width: 112px;
    border: 1px solid #eee;
    z-index: 99;
    border-top: none;
    display: none
}

.g-menu-wp .g-menu ul li {
    line-height: 30px;
    border: none;
    width: 100%
}

    .g-menu-wp .g-menu ul li.g-menu-divider {
        border-bottom: 1px dotted #999;
        width: auto;
        margin: 4px 9px
    }

        .g-menu-wp .g-menu ul li.g-menu-divider:last-of-type {
            margin-bottom: 10px
        }

.g-menu ul li a {
    padding: 0 9px;
    height: 30px;
    line-height: 30px;
    display: block;
    white-space: nowrap;
    color: #37a5ec
}

.g-menu-wp .g-menu ul li:hover {
    background: #f5f5f5
}

.g-menu-wp .g-menu ul .g-menu-title:hover {
    background: inherit
}

.g-menu-wp:hover > a, .g-unfold a {
    background-color: #37a5ec
}

.g-menu-wp .g-menu ul .g-menu-title a {
    cursor: default
}

.g-menu-wp > a {
    border: 1px solid transparent;
    border-width: 0 1px
}

.g-menu-wp:hover > a {
    border: 1px solid #37a5ec;
    border-width: 0 1px
}

.g-menu-wp:hover .g-menu-arrow, .g-unfold .g-menu-arrow {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    top: -2px
}

.g-menu-wp:hover .g-menu, .g-unfold .g-menu {
    display: block
}

.g-list-order ul li, .g-list-order ul li a, .g-news-list ul li {
    overflow: hidden;
    white-space: nowrap
}

.g-news-list ul li {
    background: url(https://assets.dxycdn.com/gitrepo/biomart_v2/img/comm-ico.png?t=20180122) -197px 10px no-repeat;
    padding-left: 12px;
    line-height: 24px
}

.g-list-order ul li {
    background-image: url(https://assets.dxycdn.com/gitrepo/biomart_v2/img/ico-num.png);
    background-repeat: no-repeat;
    line-height: 25px;
    position: relative;
    padding-left: 35px
}

    .g-list-order ul li a {
        width: 85%;
        display: block
    }

.g-list-num1 {
    background-position: 8px 6px
}

.g-list-num2 {
    background-position: 8px -19px
}

.g-list-num3 {
    background-position: 8px -44px
}

.g-list-num4 {
    background-position: 8px -69px
}

.g-list-num5 {
    background-position: 8px -94px
}

.g-list-num6 {
    background-position: 8px -119px
}

.g-list-num7 {
    background-position: 8px -144px
}

.g-list-num8 {
    background-position: 8px -169px
}

.g-list-num9 {
    background-position: 8px -194px
}

.g-list-num10 {
    background-position: 8px -219px
}

.g-cols {
    width: 100%;
    margin-top: 10px;
    overflow: hidden
}

.g-cols1, .g-cols2 .g-cols-1, .g-cols2 .g-cols-2 {
    border: 1px solid #dcdcdc;
    border-bottom-color: #c3c3c3;
    background-color: #fff;
    overflow: hidden
}

.g-cols2 .g-cols-1 {
    margin-right: 12px;
    width: 738px;
    float: left
}

.g-cols2 .g-cols-2 {
    width: 248px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: right
}

.g-cols1 {
    width: auto
}

    .g-cols1 .g-cols-1, .g-cols1 .g-cols-2 {
        border: none;
        overflow: hidden
    }

.g-ads-rows a, .g-cols-tit {
    border-bottom: 1px solid #e5e5e5
}

.g-cols1 .g-cols-1 {
    margin: 0;
    float: left;
    width: 749px;
    border-right: 1px solid #e5e5e5
}

.g-cols1 .g-cols-2 {
    width: 248px;
    float: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.g-panel-fr, .vertical-nav {
    -webkit-box-sizing: border-box
}

.g-cols-tit {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    position: relative;
    padding: 0 20px
}

    .g-cols-tit a.g-tit-more {
        position: absolute;
        right: 16px
    }

    .g-cols-tit a .ico-more {
        display: inline-block
    }

.g-tit-link {
    position: absolute;
    right: 16px;
    top: 0
}

.img-bord, .img-bord a {
    position: relative
}

.g-tit-link .g-link-split {
    padding: 0 6px
}

.g-cols-2 .g-list-order {
    padding: 15px 0 14px
}

.g-cols-2 .g-news-list {
    padding: 15px 16px 19px
}

.g-cols-2 .ads-only {
    border-top: 1px solid #e5e5e5;
    width: 248px;
    height: 100px
}

.ads-only.ads-exp {
    height: 179px
}

.g-panel {
    background-color: #fbfbfb;
    margin-top: 10px;
    overflow: hidden
}

.g-panel-fl {
    width: 751px;
    float: left
}

.g-panel-fr {
    width: 249px;
    overflow: hidden;
    box-sizing: border-box
}

.g-link-list {
    padding: 6px 16px 21px
}

.g-link-item {
    margin-top: 16px
}

    .g-link-item h4 {
        padding-bottom: 5px
    }

    .g-link-item a {
        line-height: 22px
    }

.g-link-split {
    color: #ccc;
    padding: 0 7px;
    font-size: 12px
}

.g-ads-rows a {
    display: block;
    width: 259px;
    height: 87px
}

.ads-cols {
    width: 1000px;
    margin: 12px auto 0;
    overflow: hidden
}

.ads-wp {
    overflow: hidden;
    width: 101%
}

    .ads-wp .img-wp {
        float: left;
        margin-right: 10px
    }

.ads-cols1 {
    width: 100%
}

    .ads-cols1 .ads-col-1 {
        margin-right: 0 !important
    }

.ads-cols3 .ads-col-3 {
    margin-right: 0
}

.ads-cols3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ads-cols2 .ads-col-2 {
    margin-right: 0 !important
}

.img-bord a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0
}

    .img-bord a:after {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: ' ';
        opacity: .1;
        opacity: 1 9;
        border: 1px solid #e5e5e5
    }

.g-fixed {
    position: fixed;
    bottom: 40%;
    left: 50%;
    margin-left: 510px
}

    .g-fixed a {
        display: block;
        text-align: center;
        color: #fff;
        padding: 10px 0 5px;
        line-height: 20px
    }

.g-fixed-wx {
    border-bottom: 1px solid #457dca;
    position: relative
}

    .g-fixed-top .ico-top, .g-fixed-wx .ico-wx {
        margin: 0 auto;
        display: block
    }

.g-fixed a.g-fixed-top {
    padding-bottom: 8px
}

.g-fixed-hover-box {
    position: absolute;
    left: -159px;
    top: -1px;
    background-color: #f1f1f1;
    border: 1px solid #b1b1b1;
    padding: 16px 25px 6px 29px;
    display: none
}

    .g-fixed-hover-box img {
        width: 92px;
        height: 92px;
        display: block
    }

    .g-fixed-hover-box p {
        line-height: 36px;
        color: #666
    }

.g-fixed-wx:hover .g-fixed-hover-box {
    display: block
}

.g-fixed-box {
    background-color: #f9f9f9;
    padding: 5px 10px
}

    .g-fixed-box p {
        line-height: 24px
    }

.g-fixed a.g-fixed-top {
    background-color: #f9f9f9;
    margin-top: 2px;
    padding: 5px 0
}

.g-crumb {
    height: 33px;
    line-height: 33px
}

    .g-crumb em {
        padding: 0 5px;
        font-family: arial,'sans serif'
    }

.img_wp {
    overflow: hidden;
    text-align: center;
    display: block
}

    .img_wp img {
        max-height: 100%
    }

.banner {
    position: relative;
    overflow: hidden;
    width: 588px;
    height: 237px;
    float: left
}

.banner__mask {
    width: 100%;
    height: 100%;
    overflow: hidden
}

    .banner__mask a, .banner__mask a img {
        display: block;
        border: 0;
        width: 588px;
        height: 237px;
        background-color: #fff
    }

    .banner__mask a {
        float: left
    }

.banner__nav {
    bottom: 10px;
    right: 5px;
    position: absolute;
    z-index: 10;
    font-size: 0
}

    .banner__nav a {
        display: inline-block;
        background-color: transparent;
        border: 1px solid #bbb;
        border-radius: 50%;
        height: 6px;
        width: 6px;
        margin-right: 10px;
        text-align: center;
        font-weight: 700;
        text-indent: -9999px
    }

        .banner__nav a.cur {
            background-color: #bbb
        }

.dq-system-item {
    margin: 0
}

.cols__dq_right {
    text-align: center
}

    .cols__dq_right a {
        display: block;
        line-height: 0
    }

    .cols__dq_right .dq-system-item {
        margin-bottom: 10px
    }

.floatbar {
    position: absolute;
    width: 78px;
    top: 272px;
    left: 50%;
    margin-left: 510px
}

    .floatbar.chanpin {
        position: fixed;
        margin-left: 610px;
        display: none
    }

.floatbar-fixed {
    position: fixed;
    top: 70px !important
}

.floatbar .float_ads a img {
    line-height: 0;
    margin-bottom: 2px
}

.vertical-nav {
    width: 100%;
    box-sizing: border-box
}

    .vertical-nav li {
        height: 35px;
        line-height: 35px;
        width: 78px;
        border: 1px solid #ebebeb;
        border-bottom: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #fff
    }

        .qrcode, .vertical-nav li:first-child, .vertical-nav li:first-child a {
            border-top: 0
        }

        .vertical-nav li:last-child {
            border-bottom: 1px solid #ebebeb
        }

        .vertical-nav li a {
            display: inline-block;
            height: 100%;
            width: 78px;
            text-align: center;
            color: #999;
            -webkit-transition: all .3s ease-out;
            -o-transition: all .3s ease-out;
            transition: all .3s ease-out
        }

        .vertical-nav li:hover {
            background-color: #ebebeb
        }

            .vertical-nav li:hover a {
                height: 44px
            }

.qrcode {
    line-height: 0;
    margin-top: 2px
}

    .qrcode p {
        width: 100%;
        padding: 8px 0;
        color: #fff;
        line-height: 15px;
        text-align: center
    }

.floatbar .feedback {
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #fff;
    border: 1px solid #ebebeb;
    margin-top: 4px;
    color: #999
}

    .floatbar .feedback .icon-feedback {
        display: inline-block;
        vertical-align: sub;
        width: 12px;
        height: 14px;
        background: url(https://assets.dxycdn.com/gitrepo/biomart_v2/img/icon/icon-feedback@2x.png) no-repeat;
        background-size: 12px 14px
    }

.floatbar .g-fixed-top {
    background-color: #fff;
    margin-top: 4px;
    padding: 10px 0;
    display: block;
    font-size: 14px;
    text-align: center;
    color: #aaa;
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.15)
}

    .floatbar .g-fixed-top .ico-top {
        display: inline-block
    }

.common-demand {
    margin-bottom: 8px;
    padding: 16px 16px 25px;
    text-align: center;
    background: #fff;
    margin-top: 10px
}

    .common-demand h4 {
        color: #3ba8e9;
        font-size: 16px;
        line-height: 22px;
        padding: 8px 0
    }

    .common-demand h5 {
        color: #333;
        font-size: 12px;
        line-height: 17px;
        font-weight: 400
    }

    .common-demand button, .common-demand input {
        outline: 0;
        height: 32px;
        line-height: 32px;
        width: 100%;
        font-size: 14px
    }

    .common-demand h5 em {
        font-weight: 700;
        font-style: normal
    }

    .common-demand input {
        border-radius: 4px;
        border: 1px solid #ddd;
        padding: 0 8px;
        margin-top: 16px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center
    }

        .common-demand input::-webkit-input-placeholder {
            color: rgba(51,51,51,.2);
            font-size: 14px
        }

        .common-demand input::-moz-placeholder {
            color: rgba(51,51,51,.2);
            font-size: 14px
        }

        .common-demand input::-ms-input-placeholder {
            color: rgba(51,51,51,.2);
            font-size: 14px
        }

        .common-demand input::placeholder {
            color: rgba(51,51,51,.2);
            font-size: 14px
        }

    .common-demand button {
        border: none;
        color: #fff;
        background: #3ba8e9;
        border-radius: 4px;
        margin-top: 10px;
        cursor: pointer
    }

.crumb {
    height: 40px;
    line-height: 38px;
    color: #777;
    white-space: nowrap;
    overflow: hidden
}

.common-alert {
    position: fixed;
    top: 70px;
    left: 50%;
    width: 616px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1090
}

.common-alert-box {
    padding: 9px 16px;
    line-height: 22px;
    background: #f6ffed;
    border-radius: 4px;
    border: 1px solid #b7eb8f;
    color: rgba(0,0,0,.65);
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .common-alert-box .icon__success {
        width: 14px;
        height: 14px;
        background: url(https://assets.dxycdn.com/gitrepo/biomart_v2/img/success@2x.png) no-repeat;
        background-size: 14px auto;
        margin-right: 4px
    }

.highquality-prod-label {
    width: 40px;
    line-height: 22px;
    background: -webkit-gradient(linear,left top,right top,from(#3d74aa),to(#99bcdf));
    background: -webkit-linear-gradient(left,#3d74aa 0,#99bcdf 100%);
    background: -o-linear-gradient(left,#3d74aa 0,#99bcdf 100%);
    background: linear-gradient(90deg,#3d74aa 0,#99bcdf 100%);
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    overflow: hidden;
    margin-right: 10px;
    float: left
}

#index .activity-left, #index .activity-right {
    position: absolute;
    top: 0;
    width: 366px;
    height: 800px
}

@font-face {
    font-family: iconfont-biomart;
    src: url(//at.alicdn.com/t/font_1301878_mssflkw383.eot?t=1576746133223);
    src: url(//at.alicdn.com/t/font_1301878_mssflkw383.eot?t=1576746133223#iefix) format('embedded-opentype'),url("data:application/x-font-woff2;charset=utf-8;base64,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") format('woff2'),url(//at.alicdn.com/t/font_1301878_mssflkw383.woff?t=1576746133223) format('woff'),url(//at.alicdn.com/t/font_1301878_mssflkw383.ttf?t=1576746133223) format('truetype'),url(//at.alicdn.com/t/font_1301878_mssflkw383.svg?t=1576746133223#iconfont-biomart) format('svg')
}

.iconfont-biomart {
    font-family: iconfont-biomart !important;
    font-size: 16px;
    font-style: normal;
    -moz-osx-font-smoothing: grayscale
}

.icon-biomart-icon_sanjiaoxing:before {
    content: '\e6bb'
}

.icon-biomart-success-fill:before {
    content: '\e622'
}

.icon-biomart-warn-fill:before {
    content: '\e623'
}

.icon-biomart-error-fill:before {
    content: '\e624'
}

.icon-biomart-info-fill:before {
    content: '\e625'
}

.icon-biomart-arrow-left:before {
    content: '\e626'
}

.icon-biomart-close:before {
    content: '\e627'
}

.icon-biomart-arrow-right:before {
    content: '\e628'
}

.icon-biomart-arrow-double-right:before {
    content: '\e629'
}

.icon-biomart-arrow-double-left:before {
    content: '\e62a'
}

.icon-biomart-arrow-up-s:before {
    content: '\e62d'
}

.icon-biomart-arrow-down-s:before {
    content: '\e62e'
}

.icon-biomart-check-s:before {
    content: '\e62f'
}

.icon-biomart-bookmark:before {
    content: '\e62b'
}

.icon-biomart-person:before {
    content: '\e62c'
}

.icon-biomart-bag:before {
    content: '\e632'
}

.icon-biomart-send:before {
    content: '\e633'
}

.icon-biomart-purchase:before {
    content: '\e634'
}

.icon-biomart-bubble-money:before {
    content: '\e635'
}

.icon-biomart-success-fill-s:before {
    content: '\e636'
}

.icon-biomart-wait-fill-s:before {
    content: '\e637'
}

.icon-biomart-error-fill-s:before {
    content: '\e63a'
}

.icon-biomart-arrow-down:before {
    content: '\e630'
}

.icon-biomart-arrow-up:before {
    content: '\e631'
}

.icon-biomart-close-s:before {
    content: '\e638'
}

.icon-biomart-member:before {
    content: '\e639'
}

.icon-biomart-problem:before {
    content: '\e63b'
}

.icon-biomart-arrow-up-xs:before {
    content: '\e63c'
}

.icon-biomart-arrow-down-xs:before {
    content: '\e63d'
}

.icon-biomart-menu:before {
    content: '\e63e'
}

.icon-biomart-close-circle:before {
    content: '\e63f'
}

.icon-biomart-minus-circle:before {
    content: '\e640'
}

.icon-biomart-plus-circle:before {
    content: '\e641'
}

.icon-biomart-layout:before {
    content: '\e643'
}

.icon-biomart-iconzhengli-:before {
    content: '\e646'
}

.icon-biomart-shop-fill:before {
    content: '\e647'
}

.icon-biomart-transform-fill:before {
    content: '\e648'
}

.icon-biomart-vip-fill:before {
    content: '\e649'
}

.icon-biomart-search:before {
    content: '\e644'
}

.icon-biomart-next_left:before {
    content: '\e645'
}

.icon-biomart-publish_left:before {
    content: '\e64a'
}

.icon-biomart-comment_left:before {
    content: '\e64b'
}

.icon-biomart-collect_left:before {
    content: '\e64c'
}

.icon-biomart-comment_s_left:before {
    content: '\e64d'
}

.icon-biomart-support_right:before {
    content: '\e64e'
}

.icon-biomart-edit_left:before {
    content: '\e64f'
}

.icon-biomart-delete_left:before {
    content: '\e650'
}

.icon-biomart-communication_left:before {
    content: '\e652'
}

.icon-biomart-collect_s_left:before {
    content: '\e651'
}

.icon-biomart-arrow_right:before {
    content: '\e653'
}

.icon-biomart-arrow_left:before {
    content: '\e654'
}

.icon-biomart-difficulty_right:before {
    content: '\e655'
}

.icon-biomart-protocol_left:before {
    content: '\e656'
}

.icon-biomart-communication_left1:before {
    content: '\e657'
}

.icon-biomart-home:before {
    content: '\e658'
}

.icon-biomart-membercenter:before {
    content: '\e659'
}

.icon-biomart-business:before {
    content: '\e65a'
}

.icon-biomart-product:before {
    content: '\e65b'
}

.icon-biomart-order:before {
    content: '\e65c'
}

.icon-biomart-shop:before {
    content: '\e65d'
}

.icon-biomart-marketing:before {
    content: '\e65e'
}

.icon-biomart-data:before {
    content: '\e65f'
}

.icon-biomart-wechat:before {
    content: '\e660'
}

.icon-biomart-msg:before {
    content: '\e661'
}

.icon-biomart-help:before {
    content: '\e662'
}

.icon-biomart-read:before {
    content: '\e663'
}

.icon-biomart-fire_left:before {
    content: '\e664'
}

.icon-biomart-accounts_left:before {
    content: '\e665'
}

.icon-biomart-wechat_left:before {
    content: '\e666'
}

.icon-biomart-service_left:before {
    content: '\e667'
}

.icon-biomart-instrument_left:before {
    content: '\e668'
}

.icon-biomart-reagent_left:before {
    content: '\e669'
}

.icon-biomart-experiment_left:before {
    content: '\e66a'
}

.icon-biomart-brand_left:before {
    content: '\e66b'
}

.icon-biomart-cells_left:before {
    content: '\e66c'
}

.icon-biomart-promotion_left:before {
    content: '\e66d'
}

.icon-biomart-buy_left:before {
    content: '\e66e'
}

.icon-biomart-search_left:before {
    content: '\e66f'
}

.icon-biomart-trial_left:before {
    content: '\e670'
}

.icon-biomart-antibody_left:before {
    content: '\e671'
}

.icon-biomart-yanxuan_left:before {
    content: '\e672'
}

.icon-biomart-logo:before {
    content: '\e673'
}

.icon-biomart-cooperative_consultation:before {
    content: '\e674'
}

.icon-biomart-feedback:before {
    content: '\e675'
}

.icon-biomart-user_service:before {
    content: '\e676'
}

.icon-biomart-hook_left:before {
    content: '\e677'
}

.icon-biomart-consultation_left:before {
    content: '\e678'
}

.icon-biomart-upload:before {
    content: '\e679'
}

#index {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f5f5f5
}

    #index img {
        color: transparent
    }

    #index a {
        display: inline-block
    }

    #index div[data-ad-id=ad_screen1_bg] {
        overflow: hidden;
        height: 800px
    }

    #index .activity-left {
        left: 50%;
        margin-left: -961px
    }

    #index .activity-right {
        right: 50%;
        margin-right: -961px
    }

    #index .gg-common-small, #index .gg-common-small.onlyOne img {
        width: 1190px;
        height: 72px
    }

    #index .gg-common-small {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        padding-top: 24px;
        padding-bottom: 24px;
        font-size: 0
    }

        #index .gg-common-small li {
            display: inline-block;
            margin-right: 10px;
            cursor: pointer;
            -webkit-transition: -webkit-transform .3s ease-out;
            -o-transition: transform .3s ease-out;
            transition: transform .3s ease-out;
            transition: transform .3s ease-out,-webkit-transform .3s ease-out
        }

            #index .gg-common-small li:hover {
                -webkit-transform: translateY(-6px);
                -ms-transform: translateY(-6px);
                transform: translateY(-6px)
            }

            #index .gg-common-small li:last-child {
                margin-right: 0
            }

            #index .gg-common-small li img {
                border-radius: 4px;
                width: 390px;
                height: 72px
            }

    #index .two-part .common-part {
        float: left;
        width: 590px
    }

        #index .two-part .common-part:first-child {
            margin-right: 10px
        }

    #index .inner-nav {
        padding-left: 16px;
        height: 40px;
        line-height: 40px
    }

        #index .inner-nav .link-all-types {
            display: inline-block;
            margin-right: 57px;
            height: 40px;
            line-height: 40px;
            vertical-align: top
        }

            #index .inner-nav .link-all-types:hover i, #index .inner-nav .link-all-types:hover span {
                color: #37a5ec
            }

            #index .inner-nav .link-all-types i {
                font-size: 12px;
                color: #333;
                margin-right: 5px;
                vertical-align: middle
            }

            #index .inner-nav .link-all-types span {
                vertical-align: middle;
                font-size: 14px;
                color: #4b4b4b;
                font-weight: bolder
            }

        #index .inner-nav > ul li.active a, #index .inner-nav > ul li:hover a {
            color: #37a5ec
        }

        #index .inner-nav > ul {
            font-size: 0;
            display: inline-block;
            vertical-align: top
        }

            #index .inner-nav > ul li {
                position: relative;
                margin-right: 64px;
                display: inline-block
            }

                #index .inner-nav > ul li.active:after, #index .inner-nav > ul li:before, #index .inner-nav > ul li:hover:after {
                    content: '';
                    position: absolute
                }

                #index .inner-nav > ul li.active:after {
                    display: inline-block;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    height: 2px;
                    background-color: #37a5ec
                }

                #index .inner-nav > ul li:last-child:before {
                    display: none
                }

                #index .inner-nav > ul li:before {
                    display: inline-block;
                    width: 4px;
                    height: 4px;
                    border-radius: 100%;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
                    right: -32px;
                    background-color: #d8d8d8
                }

                #index .inner-nav > ul li:hover:after {
                    display: inline-block;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    height: 2px;
                    background-color: #37a5ec
                }

                #index .inner-nav > ul li a {
                    font-size: 14px;
                    height: 40px;
                    line-height: 40px;
                    color: #333;
                    -webkit-transition: color .2s ease-out;
                    -o-transition: color .2s ease-out;
                    transition: color .2s ease-out;
                    padding: 0 10px
                }

                    #index .inner-nav > ul li a .new {
                        display: inline-block;
                        font-size: 12px;
                        color: #fff !important;
                        line-height: 16px;
                        height: 17px;
                        background: #fb602b;
                        border-radius: 16px;
                        padding: 0 4px;
                        font-style: normal;
                        margin-left: 4px
                    }

    #index .main-content > .gg-wrapper {
        margin: 10px 0;
        font-size: 0;
        height: 100px
    }

        #index .main-content > .gg-wrapper li {
            width: 290px;
            height: 100px;
            padding: 14px 16px 14px 104px;
            border-radius: 4px;
            position: relative;
            display: inline-block;
            margin-right: 10px;
            vertical-align: top;
            -webkit-transition: all .2s ease-out;
            -o-transition: all .2s ease-out;
            transition: all .2s ease-out
        }

            #index .main-content > .gg-wrapper li .content-wrapper h3, #index .main-content > .gg-wrapper li .content-wrapper p {
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                -webkit-box-orient: vertical;
                overflow: hidden
            }

            #index .main-content > .gg-wrapper li:last-child {
                margin-right: 0
            }

            #index .main-content > .gg-wrapper li:hover {
                background-color: #fff;
                -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
                box-shadow: 0 2px 8px 0 rgba(0,0,0,.15)
            }

            #index .main-content > .gg-wrapper li img {
                position: absolute;
                width: 72px;
                height: 72px;
                left: 16px;
                top: 14px;
                border-radius: 100%
            }

            #index .main-content > .gg-wrapper li .content-wrapper h3 {
                font-size: 16px;
                color: #333;
                font-weight: bolder
            }

            #index .main-content > .gg-wrapper li .content-wrapper p {
                font-size: 13px;
                color: #999
            }

            #index .main-content > .gg-wrapper li .content-wrapper a {
                height: 22px;
                line-height: 22px;
                margin-top: 10px;
                font-size: 12px;
                background: -webkit-gradient(linear,right top,left top,from(#5dc1ff),to(#30a7ec));
                background: -webkit-linear-gradient(right,#5dc1ff 0,#30a7ec 100%);
                background: -o-linear-gradient(right,#5dc1ff 0,#30a7ec 100%);
                background: linear-gradient(270deg,#5dc1ff 0,#30a7ec 100%);
                padding: 0 8px;
                font-weight: 600
            }

                #index .main-content > .gg-wrapper li .content-wrapper a:active {
                    color: #fff
                }

    #index .main-content .top-part {
        height: 554px
    }

        #index .main-content .top-part .left-middle-part {
            width: 890px;
            height: 480px;
            float: left
        }

            #index .main-content .top-part .left-middle-part .banner-types-wrapper .banner-wrapper {
                float: left;
                width: 700px;
                height: 480px
            }

                #index .main-content .top-part .left-middle-part .banner-types-wrapper .banner-wrapper > .gg-wrapper {
                    font-size: 0;
                    background-color: #fff
                }

                    #index .main-content .top-part .left-middle-part .banner-types-wrapper .banner-wrapper > .gg-wrapper li {
                        display: inline-block;
                        width: 230px;
                        height: 210px;
                        margin-right: 5px;
                        position: relative;
                        overflow: hidden;
                        border-right: 1px solid #f5f5f5;
                        -webkit-transition: -webkit-box-shadow .3s ease-out;
                        -o-transition: box-shadow .3s ease-out;
                        transition: box-shadow .3s ease-out;
                        transition: box-shadow .3s ease-out,-webkit-box-shadow .3s ease-out
                    }

                        #index .main-content .top-part .left-middle-part .banner-types-wrapper .banner-wrapper > .gg-wrapper li:hover {
                            -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
                            box-shadow: 0 2px 8px 0 rgba(0,0,0,.15)
                        }

                        #index .main-content .top-part .left-middle-part .banner-types-wrapper .banner-wrapper > .gg-wrapper li:last-child {
                            margin-right: 0;
                            border-right: 0
                        }

                        #index .main-content .top-part .left-middle-part .banner-types-wrapper .banner-wrapper > .gg-wrapper li:hover .outer {
                            -webkit-transform: translateY(-210px);
                            -ms-transform: translateY(-210px);
                            transform: translateY(-210px)
                        }

                        #index .main-content .top-part .left-middle-part .banner-types-wrapper .banner-wrapper > .gg-wrapper li img {
                            width: 230px;
                            height: 210px
                        }

                        #index .main-content .top-part .left-middle-part .banner-types-wrapper .banner-wrapper > .gg-wrapper li .outer {
                            -webkit-transform: translateY(0);
                            -ms-transform: translateY(0);
                            transform: translateY(0);
                            -webkit-transition: -webkit-transform .5s ease-out;
                            -o-transition: transform .5s ease-out;
                            transition: transform .5s ease-out;
                            transition: transform .5s ease-out,-webkit-transform .5s ease-out
                        }

            #index .main-content .top-part .left-middle-part .banner-types-wrapper .to-buy-wrapper {
                margin-top: 10px;
                width: 890px;
                height: 64px;
                line-height: 36px;
                background: url(https://img1.dxycdn.com/2019/1231/355/3388239862376698494-2.jpg) center/890px 64px no-repeat;
                padding: 14px 32px 14px 24px
            }

                #index .main-content .top-part .left-middle-part .banner-types-wrapper .to-buy-wrapper img {
                    width: 192px;
                    vertical-align: middle
                }

                #index .main-content .top-part .left-middle-part .banner-types-wrapper .to-buy-wrapper p {
                    display: inline-block;
                    vertical-align: middle;
                    margin-left: 24px;
                    font-size: 16px;
                    color: #333
                }

                    #index .main-content .top-part .left-middle-part .banner-types-wrapper .to-buy-wrapper p span {
                        font-size: 18px;
                        color: #37abef;
                        margin: 0 3px
                    }

                #index .main-content .top-part .left-middle-part .banner-types-wrapper .to-buy-wrapper a {
                    width: 116px;
                    height: 34px;
                    line-height: 34px;
                    font-size: 14px;
                    float: right;
                    text-align: center;
                    background: -webkit-gradient(linear,right top,left top,from(#5dc1ff),to(#30a7ec));
                    background: -webkit-linear-gradient(right,#5dc1ff 0,#30a7ec 100%);
                    background: -o-linear-gradient(right,#5dc1ff 0,#30a7ec 100%);
                    background: linear-gradient(270deg,#5dc1ff 0,#30a7ec 100%);
                    -webkit-box-shadow: 0 2px 4px 0 rgba(87,189,252,.4);
                    box-shadow: 0 2px 4px 0 rgba(87,189,252,.4);
                    font-weight: 600
                }

                    #index .main-content .top-part .left-middle-part .banner-types-wrapper .to-buy-wrapper a:hover {
                        background: -webkit-gradient(linear,right top,left top,from(#5aadec),to(#1084c7));
                        background: -webkit-linear-gradient(right,#5aadec 0,#1084c7 100%);
                        background: -o-linear-gradient(right,#5aadec 0,#1084c7 100%);
                        background: linear-gradient(270deg,#5aadec 0,#1084c7 100%)
                    }

                    #index .main-content .top-part .left-middle-part .banner-types-wrapper .to-buy-wrapper a:active {
                        color: #fff
                    }

        #index .main-content .top-part .right-part {
            float: left;
            width: 290px;
            margin-left: 10px
        }

            #index .main-content .top-part .right-part > .gg-wrapper {
                background-color: #fff;
                height: 270px
            }

                #index .main-content .top-part .right-part > .gg-wrapper li {
                    width: 290px;
                    height: 90px;
                    padding: 18px 24px 18px 98px;
                    position: relative;
                    -webkit-transition: -webkit-box-shadow .3s ease-out;
                    -o-transition: box-shadow .3s ease-out;
                    transition: box-shadow .3s ease-out;
                    transition: box-shadow .3s ease-out,-webkit-box-shadow .3s ease-out
                }

                    #index .main-content .top-part .right-part > .gg-wrapper li:hover {
                        -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
                        box-shadow: 0 2px 8px 0 rgba(0,0,0,.15)
                    }

                    #index .main-content .top-part .right-part > .gg-wrapper li img {
                        position: absolute;
                        width: 70px;
                        height: 70px;
                        left: 10px;
                        top: 10px
                    }

                    #index .main-content .top-part .right-part > .gg-wrapper li .content-wrapper .title {
                        font-size: 14px;
                        color: #333;
                        font-weight: bolder;
                        overflow: hidden;
                        -o-text-overflow: ellipsis;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 1;
                        -webkit-box-orient: vertical
                    }

                    #index .main-content .top-part .right-part > .gg-wrapper li .content-wrapper p {
                        font-size: 12px;
                        color: #999;
                        overflow: hidden;
                        -o-text-overflow: ellipsis;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        margin-top: 2px
                    }

    #index .common-part {
        margin-top: 24px;
        padding-bottom: 24px
    }

        #index .common-part#elevator_01 .product-list-common-1 .img-wrapper:after {
            content: '鐮旈€�';
            font-size: 12px;
            color: #4278ad;
            position: absolute;
            width: 32px;
            height: 17px;
            background: #d2e6f9;
            line-height: 17px;
            text-align: center;
            left: 0;
            top: 0;
            border: 1px solid #4278ad;
            border-radius: 2px
        }

        #index .common-part#elevator_02 .product-list-common-1 > ul li:nth-child(1) .img-wrapper:before {
            content: '鐑棬';
            font-size: 12px;
            color: #ffb80c;
            position: absolute;
            width: 32px;
            height: 17px;
            background: #fff8cc;
            line-height: 17px;
            text-align: center;
            left: 36px;
            top: 0;
            border: 1px solid #ffb80c;
            border-radius: 2px;
            z-index: 1
        }

        #index .common-part#elevator_02 .product-list-common-1 .img-wrapper:after {
            content: '娲诲姩';
            font-size: 12px;
            color: #fb602b;
            position: absolute;
            width: 32px;
            height: 17px;
            background: #fbefe7;
            line-height: 17px;
            text-align: center;
            left: 0;
            top: 0;
            border: 1px solid #fb602b;
            border-radius: 2px
        }

        #index .common-part#elevator_03 .product-list-common-2 .left-list li:first-child .img-wrapper:after, #index .common-part#elevator_03 .product-list-common-2 .left-list li:nth-child(2) .img-wrapper:after {
            content: '娲诲姩';
            font-size: 12px;
            color: #fb602b;
            position: absolute;
            width: 32px;
            height: 17px;
            background: #fbefe7;
            line-height: 17px;
            text-align: center;
            left: 12px;
            top: 12px;
            border: 1px solid #fb602b;
            border-radius: 2px
        }

        #index .common-part#elevator_01, #index .common-part#elevator_02 {
            padding-bottom: 14px
        }

        #index .common-part .list {
            display: none !important
        }

            #index .common-part .list.active {
                display: inline-block !important
            }

        #index .common-part .title-wrapper {
            height: 25px;
            line-height: 25px;
            margin-bottom: 24px;
            position: relative;
            font-size: 0
        }

            #index .common-part .title-wrapper .swiper-part {
                max-width: 500px;
                display: inline-block;
                margin-left: 16px;
                font-size: 14px;
                height: 20px;
                line-height: 20px;
                overflow: hidden;
                vertical-align: middle
            }

                #index .common-part .title-wrapper .swiper-part .swiper-slide {
                    overflow: hidden;
                    -o-text-overflow: ellipsis;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 1;
                    -webkit-box-orient: vertical
                }

                    #index .common-part .title-wrapper .swiper-part .swiper-slide span {
                        color: #b0b0b0;
                        vertical-align: middle;
                        font-size: 14px
                    }

                    #index .common-part .title-wrapper .swiper-part .swiper-slide a {
                        vertical-align: middle;
                        margin-left: 3px;
                        font-size: 14px
                    }

            #index .common-part .title-wrapper.white, #index .common-part .title-wrapper.white .more, #index .common-part .title-wrapper.white .more i, #index .common-part .title-wrapper.white .title, #index .common-part .title-wrapper.white .title i {
                color: #fff
            }

                #index .common-part .title-wrapper.white .more i:hover {
                    color: #37a5ec
                }

                #index .common-part .title-wrapper.white .type-wrapper ul li {
                    color: rgba(255,255,255,.5)
                }

                    #index .common-part .title-wrapper.white .type-wrapper ul li.active, #index .common-part .title-wrapper.white .type-wrapper ul li:hover {
                        color: #fff
                    }

            #index .common-part .title-wrapper .title {
                font-size: 18px;
                color: #37a5ec;
                display: inline-block;
                vertical-align: middle;
                font-weight: bolder
            }

                #index .common-part .title-wrapper .title i {
                    font-size: 18px;
                    color: #37a5ec;
                    margin-right: 8px;
                    font-weight: 400
                }

            #index .common-part .title-wrapper .type-wrapper {
                display: inline-block;
                vertical-align: middle
            }

                #index .common-part .title-wrapper .type-wrapper ul {
                    vertical-align: middle;
                    font-size: 0;
                    display: inline-block
                }

                    #index .common-part .title-wrapper .type-wrapper ul li {
                        display: inline-block;
                        font-size: 14px;
                        color: #999;
                        margin-left: 24px;
                        cursor: pointer;
                        vertical-align: middle
                    }

                        #index .common-part .title-wrapper .type-wrapper ul li span {
                            font-size: 14px
                        }

                        #index .common-part .title-wrapper .type-wrapper ul li.active {
                            color: #333;
                            font-weight: 600;
                            position: relative;
                            display: inline-block
                        }

                            #index .common-part .title-wrapper .type-wrapper ul li.active span {
                                position: relative;
                                z-index: 9;
                                font-size: 14px
                            }

                            #index .common-part .title-wrapper .type-wrapper ul li.active:after {
                                content: '';
                                position: absolute;
                                left: 0;
                                right: 0;
                                bottom: 6px;
                                height: 4px;
                                border-radius: 2px;
                                background-color: #37a5ec;
                                opacity: .7;
                                z-index: 1
                            }

                        #index .common-part .title-wrapper .type-wrapper ul li:hover {
                            color: #333
                        }

            #index .common-part .title-wrapper .more {
                position: absolute;
                right: 0;
                font-size: 14px;
                color: #999;
                height: 25px;
                line-height: 25px
            }

                #index .common-part .title-wrapper .more:hover i {
                    color: #37a5ec
                }

                #index .common-part .title-wrapper .more span {
                    vertical-align: middle;
                    font-size: 14px
                }

                #index .common-part .title-wrapper .more i {
                    color: #ddd;
                    font-size: 14px;
                    margin-left: 8px;
                    vertical-align: middle;
                    display: inline-block;
                    text-align: center
                }

        #index .common-part .product-list-common-1 {
            width: 1190px;
            height: 308px;
            padding-top: 10px;
            margin-top: -10px;
            white-space: nowrap;
            overflow-x: hidden;
            font-size: 0
        }

            #index .common-part .product-list-common-1 .demo {
                display: inline-block;
                width: 190px;
                height: 288px;
                border-radius: 4px;
                vertical-align: middle
            }

            #index .common-part .product-list-common-1 > ul {
                display: inline-block;
                vertical-align: middle;
                font-size: 0
            }

                #index .common-part .product-list-common-1 > ul li {
                    width: 190px;
                    height: 288px;
                    border: 1px solid #e8e8e8;
                    border-radius: 4px;
                    padding: 12px 12px 16px;
                    margin-left: 10px;
                    display: inline-block;
                    cursor: pointer;
                    position: relative;
                    white-space: normal;
                    -webkit-transition: -webkit-box-shadow .3s ease-out;
                    -o-transition: box-shadow .3s ease-out;
                    transition: box-shadow .3s ease-out;
                    transition: box-shadow .3s ease-out,-webkit-box-shadow .3s ease-out;
                    vertical-align: top
                }

                    #index .common-part .product-list-common-1 > ul li:hover {
                        -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
                        box-shadow: 0 2px 8px 0 rgba(0,0,0,.15)
                    }

                    #index .common-part .product-list-common-1 > ul li .img-wrapper {
                        width: 166px;
                        height: 166px;
                        line-height: 166px;
                        position: relative;
                        margin-bottom: 8px;
                        overflow: hidden
                    }

                        #index .common-part .product-list-common-1 > ul li .img-wrapper img {
                            position: absolute;
                            top: 50%;
                            -webkit-transform: translateY(-50%);
                            -ms-transform: translateY(-50%);
                            transform: translateY(-50%);
                            width: 100%;
                            display: inline-block
                        }

                    #index .common-part .product-list-common-1 > ul li > a:not(.link-total) {
                        height: 40px;
                        line-height: 20px;
                        font-size: 14px;
                        color: #333;
                        font-weight: bolder;
                        margin-bottom: 24px;
                        overflow: hidden;
                        -o-text-overflow: ellipsis;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical
                    }

                    #index .common-part .product-list-common-1 > ul li .price-wrapper {
                        word-wrap: break-word;
                        overflow: hidden;
                        -o-text-overflow: ellipsis;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 1;
                        color: #fb602b
                    }

                        #index .common-part .product-list-common-1 > ul li .price-wrapper .now-price {
                            vertical-align: middle;
                            font-size: 16px;
                            color: #fb602b;
                            font-weight: bolder
                        }

                        #index .common-part .product-list-common-1 > ul li .price-wrapper .old-price {
                            color: #999;
                            font-size: 14px;
                            text-decoration: line-through;
                            vertical-align: bottom;
                            margin-left: 8px
                        }

    #index .product-list-common-2 {
        height: 496px
    }

        #index .product-list-common-2 .left-list {
            height: 100%;
            width: 790px;
            float: left;
            font-size: 0;
            display: none
        }

            #index .product-list-common-2 .left-list.active {
                display: block
            }

            #index .product-list-common-2 .left-list li {
                background-color: #fff;
                position: relative;
                margin-right: 10px;
                width: 190px;
                height: 238px;
                border-radius: 4px;
                overflow: hidden;
                cursor: pointer;
                margin-bottom: 10px;
                display: inline-block
            }

                #index .product-list-common-2 .left-list li:nth-child(4n) {
                    margin-right: 0
                }

                #index .product-list-common-2 .left-list li:hover .more-wrapper {
                    -webkit-transition: -webkit-transform .3s ease-out;
                    -o-transition: transform .3s ease-out;
                    transition: transform .3s ease-out;
                    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
                    -webkit-transform: translateY(0);
                    -ms-transform: translateY(0);
                    transform: translateY(0)
                }

                #index .product-list-common-2 .left-list li .img-wrapper {
                    width: 190px;
                    height: 198px;
                    line-height: 198px;
                    position: relative
                }

                    #index .product-list-common-2 .left-list li .img-wrapper img {
                        vertical-align: middle;
                        width: 100%
                    }

                #index .product-list-common-2 .left-list li .desc {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    background-color: #dbdbdb;
                    text-align: center;
                    height: 40px;
                    line-height: 40px;
                    color: #333;
                    font-size: 14px;
                    border-radius: 0 0 4px 4px
                }

                #index .product-list-common-2 .left-list li .more-wrapper {
                    position: absolute;
                    bottom: 0;
                    height: 73px;
                    padding: 20px 0;
                    background-color: #fff;
                    z-index: 9;
                    left: 0;
                    right: 0;
                    text-align: center;
                    -webkit-transition: -webkit-transform .3s ease-out;
                    -o-transition: transform .3s ease-out;
                    transition: transform .3s ease-out;
                    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
                    -webkit-transform: translateY(73px);
                    -ms-transform: translateY(73px);
                    transform: translateY(73px)
                }

                    #index .product-list-common-2 .left-list li .more-wrapper .button {
                        width: 124px;
                        height: 33px;
                        line-height: 33px
                    }

        #index .product-list-common-2 .right-list {
            height: 100%;
            width: 390px;
            margin-left: 10px;
            float: left;
            display: none
        }

            #index .product-list-common-2 .right-list.active {
                display: block
            }

            #index .product-list-common-2 .right-list li {
                width: 390px;
                height: 238px;
                border-radius: 4px;
                position: relative;
                margin-bottom: 10px;
                cursor: pointer;
                overflow: hidden
            }

                #index .product-list-common-2 .right-list li:hover .more-wrapper {
                    -webkit-transition: -webkit-transform .3s ease-out;
                    -o-transition: transform .3s ease-out;
                    transition: transform .3s ease-out;
                    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
                    -webkit-transform: translateY(0);
                    -ms-transform: translateY(0);
                    transform: translateY(0)
                }

                #index .product-list-common-2 .right-list li img {
                    width: 390px;
                    height: 238px;
                    border-radius: 4px;
                    background-position: auto 50%
                }

                #index .product-list-common-2 .right-list li .more-wrapper {
                    position: absolute;
                    height: 83px;
                    padding: 30px 0 20px;
                    background-color: #fff;
                    z-index: 9;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    text-align: center;
                    -webkit-transition: -webkit-transform .3s ease-out;
                    -o-transition: transform .3s ease-out;
                    transition: transform .3s ease-out;
                    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
                    -webkit-transform: translateY(83px);
                    -ms-transform: translateY(83px);
                    transform: translateY(83px)
                }

                    #index .product-list-common-2 .right-list li .more-wrapper .button {
                        width: 205px;
                        height: 33px;
                        line-height: 33px
                    }

    #index .product-list-common-3 .left-list {
        width: 890px;
        height: 340px;
        padding: 24px;
        float: left;
        border-radius: 4px;
        margin-right: 10px
    }

        #index .product-list-common-3 .left-list .goods-list {
            font-size: 0;
            border-bottom: 1px solid #eee;
            margin-bottom: 24px;
            height: 176px;
            overflow: hidden
        }

            #index .product-list-common-3 .left-list .goods-list li {
                position: relative;
                display: inline-block;
                width: 254px;
                height: 64px;
                padding-left: 80px;
                margin-bottom: 24px;
                margin-right: 40px
            }

                #index .product-list-common-3 .left-list .goods-list li:nth-child(3n) {
                    margin-right: 0
                }

                #index .product-list-common-3 .left-list .goods-list li .img-wrapper {
                    width: 64px;
                    height: 64px;
                    overflow: hidden;
                    position: absolute;
                    border-radius: 4px;
                    left: 0;
                    top: 0
                }

                #index .product-list-common-3 .left-list .goods-list li img {
                    width: 64px;
                    height: 64px;
                    border-radius: 4px;
                    -webkit-transition: -webkit-transform .3s ease-out;
                    -o-transition: transform .3s ease-out;
                    transition: transform .3s ease-out;
                    transition: transform .3s ease-out,-webkit-transform .3s ease-out
                }

                    #index .product-list-common-3 .left-list .goods-list li img:hover {
                        -webkit-transform: scale(1.1,1.1);
                        -ms-transform: scale(1.1,1.1);
                        transform: scale(1.1,1.1)
                    }

                #index .product-list-common-3 .left-list .goods-list li .content-wrapper a {
                    font-size: 14px;
                    height: 40px;
                    overflow: hidden;
                    -o-text-overflow: ellipsis;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical
                }

                #index .product-list-common-3 .left-list .goods-list li .content-wrapper .collection {
                    font-size: 12px;
                    color: #999;
                    margin-top: 7px
                }

                #index .product-list-common-3 .left-list .goods-list li .content-wrapper .price {
                    margin-top: 2px
                }

                    #index .product-list-common-3 .left-list .goods-list li .content-wrapper .price .new-price {
                        color: #fb602b;
                        font-size: 16px;
                        font-weight: bolder
                    }

                    #index .product-list-common-3 .left-list .goods-list li .content-wrapper .price .old-price {
                        font-size: 12px;
                        color: #999;
                        margin-left: 8px;
                        text-decoration: line-through;
                        vertical-align: bottom
                    }

        #index .product-list-common-3 .left-list .report .title {
            font-size: 14px;
            font-weight: bolder;
            color: #333
        }

        #index .product-list-common-3 .left-list .report ul {
            font-size: 0
        }

            #index .product-list-common-3 .left-list .report ul li {
                display: inline-block;
                margin-top: 16px;
                margin-right: 40px;
                width: 254px
            }

                #index .product-list-common-3 .left-list .report ul li#index .product-list-common-3 .left-list .report ul li:nth-child(3n), #index .product-list-common-3 .left-list .report ul li:nth-child(3n) {
                    margin-right: 0
                }

                #index .product-list-common-3 .left-list .report ul li a {
                    color: #999;
                    vertical-align: middle;
                    overflow: hidden;
                    -o-text-overflow: ellipsis;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 1;
                    -webkit-box-orient: vertical;
                    height: 19px
                }

    #index .product-list-common-3 .right-part {
        float: left;
        height: 345px;
        width: 290px
    }

        #index .product-list-common-3 .right-part img {
            width: 290px;
            height: 340px;
            border-radius: 4px
        }

    #index .product-list-common-4 {
        padding: 24px 24px 0;
        border-radius: 4px
    }

        #index .product-list-common-4 .left-part {
            float: left;
            width: 366px;
            height: 460px;
            padding: 48px 24px;
            background: url(https://img1.dxycdn.com/2019/1231/384/3388239950423414844-2.jpg) center/366px 460px no-repeat
        }

            #index .product-list-common-4 .left-part .group {
                margin-bottom: 24px
            }

                #index .product-list-common-4 .left-part .group .title {
                    font-weight: 400;
                    font-size: 14px;
                    color: #333
                }

                #index .product-list-common-4 .left-part .group ul {
                    font-size: 0
                }

                    #index .product-list-common-4 .left-part .group ul li {
                        display: inline-block;
                        margin-top: 8px;
                        margin-right: 16px
                    }

                        #index .product-list-common-4 .left-part .group ul li a {
                            font-size: 14px
                        }

        #index .product-list-common-4 .right-part {
            float: left;
            width: 776px;
            height: 480px;
            font-size: 0
        }

            #index .product-list-common-4 .right-part li {
                display: inline-block;
                width: 170px;
                margin-left: 24px;
                margin-bottom: 24px;
                vertical-align: top
            }

                #index .product-list-common-4 .right-part li .img-wrapper {
                    width: 170px;
                    height: 170px;
                    overflow: hidden
                }

                #index .product-list-common-4 .right-part li img {
                    width: 170px;
                    height: 170px;
                    -webkit-transition: -webkit-transform .3s ease-out;
                    -o-transition: transform .3s ease-out;
                    transition: transform .3s ease-out;
                    transition: transform .3s ease-out,-webkit-transform .3s ease-out
                }

                    #index .product-list-common-4 .right-part li img:hover {
                        -webkit-transform: scale(1.1,1.1);
                        -ms-transform: scale(1.1,1.1);
                        transform: scale(1.1,1.1)
                    }

                #index .product-list-common-4 .right-part li .button-text {
                    font-size: 14px;
                    margin-top: 8px;
                    cursor: pointer;
                    overflow: hidden;
                    -o-text-overflow: ellipsis;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical
                }

    #index .product-list-common-5 {
        padding: 24px 24px 0;
        border-radius: 4px
    }

        #index .product-list-common-5 .product-list {
            font-size: 0;
            height: 504px
        }

            #index .product-list-common-5 .product-list.min-height {
                height: 240px
            }

            #index .product-list-common-5 .product-list li {
                display: inline-block;
                width: 170px;
                height: 216px;
                margin-right: 16px;
                margin-bottom: 24px;
                vertical-align: top
            }

                #index .product-list-common-5 .product-list li:nth-child(3n) {
                    margin-right: 0
                }

                #index .product-list-common-5 .product-list li .img-wrapper {
                    width: 170px;
                    height: 170px;
                    overflow: hidden
                }

                #index .product-list-common-5 .product-list li img {
                    width: 170px;
                    height: 170px;
                    -webkit-transition: -webkit-transform .3s ease-out;
                    -o-transition: transform .3s ease-out;
                    transition: transform .3s ease-out;
                    transition: transform .3s ease-out,-webkit-transform .3s ease-out
                }

                    #index .product-list-common-5 .product-list li img:hover {
                        -webkit-transform: scale(1.1,1.1);
                        -ms-transform: scale(1.1,1.1);
                        transform: scale(1.1,1.1)
                    }

                #index .product-list-common-5 .product-list li .button-text {
                    font-size: 14px;
                    margin-top: 8px;
                    cursor: pointer;
                    overflow: hidden;
                    -o-text-overflow: ellipsis;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical
                }

        #index .product-list-common-5 .inner-link-wrapper {
            padding: 24px 24px 0;
            background: url(https://img1.dxycdn.com/2019/1231/251/3388240023437977709-2.jpg) center/542px 224px no-repeat;
            margin-bottom: 24px;
            width: 542px;
            height: 218px
        }

            #index .product-list-common-5 .inner-link-wrapper.second {
                background-image: url(https://img1.dxycdn.com/2019/1231/751/3388240081419922216-2.jpg)
            }

            #index .product-list-common-5 .inner-link-wrapper .group {
                margin-bottom: 24px;
                width: 227px;
                float: left;
                margin-right: 40px
            }

                #index .product-list-common-5 .inner-link-wrapper .group:nth-child(2n) {
                    margin-right: 0
                }

                #index .product-list-common-5 .inner-link-wrapper .group .title {
                    font-weight: 400;
                    font-size: 14px;
                    color: #333
                }

                #index .product-list-common-5 .inner-link-wrapper .group ul {
                    font-size: 0;
                    height: 54px;
                    overflow: hidden
                }

                    #index .product-list-common-5 .inner-link-wrapper .group ul li {
                        display: inline-block;
                        margin-top: 8px;
                        margin-right: 16px
                    }

                        #index .product-list-common-5 .inner-link-wrapper .group ul li a {
                            font-size: 14px
                        }

    #index .recruitment-wrapper {
        height: 750px;
        padding: 24px 0;
        margin-bottom: 24px;
        background: url(https://img1.dxycdn.com/2019/1231/039/3388240180204174217-2.jpg) center/cover no-repeat
    }

        #index .recruitment-wrapper .banner {
            width: 1190px;
            height: 72px
        }

    #index .news-wrapper {
        padding: 24px;
        background-color: #fff;
        border-radius: 4px
    }

        #index .news-wrapper .new-banner-wrapper {
            float: left;
            overflow: hidden;
            height: 407px;
            margin-right: 48px;
            -webkit-box-shadow: 0 2px 10px 0 rgba(233,232,232,.5);
            box-shadow: 0 2px 10px 0 rgba(233,232,232,.5);
            padding: 24px
        }

            #index .news-wrapper .new-banner-wrapper .swiper-pagination {
                text-align: center;
                font-size: 0;
                margin-top: 15px
            }

                #index .news-wrapper .new-banner-wrapper .swiper-pagination .swiper-pagination-bullet {
                    width: 10px;
                    height: 10px;
                    border-radius: 100%;
                    background-color: #d8d8d8;
                    -webkit-transition: background-color .2s ease-out;
                    -o-transition: background-color .2s ease-out;
                    transition: background-color .2s ease-out;
                    display: inline-block;
                    margin-left: 8px;
                    cursor: pointer
                }

                #index .news-wrapper .new-banner-wrapper .swiper-pagination .swiper-pagination-bullet-active {
                    background-color: #37a5ec
                }

            #index .news-wrapper .new-banner-wrapper .swiper-container {
                width: 331px;
                overflow: hidden
            }

                #index .news-wrapper .new-banner-wrapper .swiper-container .swiper-wrapper {
                    height: 340px;
                    font-size: 0;
                    white-space: nowrap
                }

                #index .news-wrapper .new-banner-wrapper .swiper-container .swiper-slide {
                    width: 331px;
                    display: inline-block;
                    white-space: normal;
                    border-radius: 4px 4px 0 0;
                    vertical-align: top
                }

                    #index .news-wrapper .new-banner-wrapper .swiper-container .swiper-slide p, #index .news-wrapper .new-banner-wrapper .swiper-container .swiper-slide > a, #index .news-wrapper .right-part .part .news-list-wrapper ul li a {
                        -o-text-overflow: ellipsis;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        overflow: hidden
                    }

                    #index .news-wrapper .new-banner-wrapper .swiper-container .swiper-slide .img-wrapper {
                        width: 331px;
                        height: 206px;
                        overflow: hidden;
                        border-radius: 4px
                    }

                    #index .news-wrapper .new-banner-wrapper .swiper-container .swiper-slide img {
                        width: 331px;
                        height: 206px;
                        border-radius: 4px;
                        -webkit-transition: -webkit-transform .3s ease-out;
                        -o-transition: transform .3s ease-out;
                        transition: transform .3s ease-out;
                        transition: transform .3s ease-out,-webkit-transform .3s ease-out
                    }

                        #index .news-wrapper .new-banner-wrapper .swiper-container .swiper-slide img:hover {
                            -webkit-transform: scale(1.1,1.1);
                            -ms-transform: scale(1.1,1.1);
                            transform: scale(1.1,1.1)
                        }

                    #index .news-wrapper .new-banner-wrapper .swiper-container .swiper-slide > a {
                        margin-top: 8px;
                        font-size: 18px;
                        color: #333;
                        font-weight: bolder;
                        -webkit-line-clamp: 2
                    }

                    #index .news-wrapper .new-banner-wrapper .swiper-container .swiper-slide p {
                        color: #999;
                        font-size: 14px;
                        margin-top: 4px;
                        -webkit-line-clamp: 3
                    }

        #index .news-wrapper .right-part {
            float: left
        }

            #index .news-wrapper .right-part .part:first-child {
                margin-bottom: 18px
            }

                #index .news-wrapper .right-part .part:first-child .news-list-wrapper {
                    height: 150px;
                    padding-bottom: 18px;
                    border-bottom: 1px solid #f1f1f1
                }

            #index .news-wrapper .right-part .part .top-wrapper {
                position: relative;
                padding-top: 8px;
                margin-bottom: 16px
            }

                #index .news-wrapper .right-part .part .top-wrapper .title {
                    font-size: 14px;
                    color: #333;
                    font-weight: bolder
                }

                #index .news-wrapper .right-part .part .top-wrapper .more {
                    color: #999;
                    font-size: 14px;
                    position: absolute;
                    right: 0;
                    top: 8px
                }

            #index .news-wrapper .right-part .part .news-list-wrapper ul {
                float: left;
                width: 301px
            }

                #index .news-wrapper .right-part .part .news-list-wrapper ul:first-child {
                    margin-right: 88px
                }

                #index .news-wrapper .right-part .part .news-list-wrapper ul li {
                    margin-bottom: 7px
                }

                    #index .news-wrapper .right-part .part .news-list-wrapper ul li.orange a {
                        color: #fb602b
                    }

                    #index .news-wrapper .right-part .part .news-list-wrapper ul li a {
                        color: #666;
                        height: 19px;
                        -webkit-line-clamp: 1
                    }

    #index .entry {
        padding: 44px 0 46px;
        width: 1190px;
        height: 204px;
        margin-top: 48px;
        background: url(https://img1.dxycdn.com/2019/1231/294/3388240240333719046-2.jpg) center/cover no-repeat
    }

        #index .entry h2 {
            font-size: 22px;
            color: #333;
            font-weight: bolder;
            text-align: center;
            margin-bottom: 6px
        }

        #index .entry ul {
            font-size: 0;
            text-align: center
        }

            #index .entry ul li {
                display: inline-block;
                font-size: 14px;
                color: #333;
                margin-right: 47px
            }

                #index .entry ul li:last-child {
                    margin-right: 0
                }

                #index .entry ul li > span {
                    display: inline-block;
                    font-size: 14px;
                    color: #37a5ec;
                    font-weight: bolder
                }

                #index .entry ul li .number-wrapper {
                    display: inline-block;
                    font-size: 15px;
                    color: #37a5ec;
                    font-weight: bolder;
                    vertical-align: middle
                }

                    #index .entry ul li .number-wrapper .mt-number-animate {
                        padding-right: 0
                    }

                        #index .entry ul li .number-wrapper .mt-number-animate .mt-number-animate-span {
                            font-size: 14px
                        }

                        #index .entry ul li .number-wrapper .mt-number-animate .mt-number-animate-dom {
                            width: 9px
                        }

                        #index .entry ul li .number-wrapper .mt-number-animate .mt-number-animate-dot {
                            width: 3px;
                            margin-left: 1px;
                            line-height: 30px
                        }

        #index .entry .btn-wrapper {
            margin-top: 20px;
            font-size: 0;
            text-align: center
        }

            #index .entry .btn-wrapper a {
                display: inline-block;
                width: 170px;
                height: 38px;
                line-height: 38px;
                font-size: 16px
            }

                #index .entry .btn-wrapper a:first-child {
                    margin-right: 32px
                }

    #index .mobile-link-wrapper {
        text-align: center;
        padding: 32px 0
    }

        #index .mobile-link-wrapper .mobile-link {
            font-size: 12px
        }

.numberAnimate {
    display: inline-block;
    vertical-align: middle
}

.mt-number-animate {
    font-family: '寰蒋闆呴粦';
    line-height: 30px;
    height: 30px;
    font-size: 36px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    vertical-align: bottom;
    padding-right: 8px
}

    .mt-number-animate .mt-number-animate-dot {
        width: 3px;
        line-height: 26px;
        font-size: 14px;
        float: left;
        text-align: center;
        margin-left: 4px
    }

    .mt-number-animate .mt-number-animate-dom {
        width: 11px;
        text-align: center;
        float: left;
        position: relative;
        top: 0
    }

        .mt-number-animate .mt-number-animate-dom .mt-number-animate-span {
            width: 100%;
            float: left;
            font-weight: bolder
        }
