.fullPage {
    width: 100%;
    height: 100%;
    color: #333
}

    .fullPage .topHeader {
        width: 1176px;
        height: 80px;
        display: flex;
        margin: 0 auto;
        font-size: 14px
    }

        .fullPage .topHeader .zero_distance_logo {
            width: 171px;
            height: 100%
        }

            .fullPage .topHeader .zero_distance_logo img {
                margin-top: 10.5px
            }

        .fullPage .topHeader .navList {
            flex: 1
        }

            .fullPage .topHeader .navList ul {
                padding: 0;
                margin: 0;
                height: 80px;
                padding-top: 30px
            }

                .fullPage .topHeader .navList ul li {
                    float: left;
                    color: #333333;
                    margin-left: 28px;
                    cursor: pointer;
                    position: relative;
                    height: 100%
                }

                    .fullPage .topHeader .navList ul li .text {
                        height: 28px;
                        width: 100%;
                        text-align: center
                    }

                .fullPage .topHeader .navList ul .active3 {
                    color: #00aef3
                }

                    .fullPage .topHeader .navList ul .active3 span {
                        width: 16px;
                        height: 3px;
                        background-color: #00aef3;
                        display: block;
                        text-align: center;
                        margin: 0 auto;
                        margin-top: 8px
                    }

                .fullPage .topHeader .navList ul .active4 {
                    color: #00aef3
                }

                    .fullPage .topHeader .navList ul .active4 span {
                        width: 16px;
                        height: 3px;
                        background-color: #00aef3;
                        display: block;
                        text-align: center;
                        margin: 0 auto;
                        margin-top: 8px
                    }

                .fullPage .topHeader .navList ul .product_center {
                    width: 100px;
                    background-color: #fff;
                    position: absolute;
                    top: 50px;
                    left: -17px;
                    display: none;
                    font-size: 14px
                }

                    .fullPage .topHeader .navList ul .product_center .single_text {
                        margin: 0 auto;
                        width: 100%;
                        text-align: center;
                        margin-top: 5px;
                        margin-bottom: 5px;
                        line-height: 30px
                    }

                        .fullPage .topHeader .navList ul .product_center .single_text a:hover {
                            color: #00aef3
                        }

        .fullPage .topHeader .loginOrHelp {
            width: 292px;
            padding-left: 10px;
            box-sizing: border-box
        }

            .fullPage .topHeader .loginOrHelp ul {
                padding: 0;
                margin: 0;
                height: 80px;
                float: left
            }

                .fullPage .topHeader .loginOrHelp ul li {
                    float: left;
                    color: #333333;
                    height: 80px;
                    position: relative;
                    line-height: 80px
                }

                    .fullPage .topHeader .loginOrHelp ul li:first-child {
                        margin-left: 0
                    }

                    .fullPage .topHeader .loginOrHelp ul li:last-child {
                        margin-right: 0
                    }

                    .fullPage .topHeader .loginOrHelp ul li span:hover {
                        color: #00aef3;
                        cursor: pointer
                    }

                    .fullPage .topHeader .loginOrHelp ul li a:hover {
                        color: #00aef3;
                        cursor: pointer
                    }

                    .fullPage .topHeader .loginOrHelp ul li .QR_code {
                        width: 158px;
                        height: 194px;
                        background-color: #fff;
                        position: absolute;
                        padding: 0 2px;
                        box-sizing: border-box;
                        font-size: 18px;
                        display: none;
                        left: -55px
                    }

                        .fullPage .topHeader .loginOrHelp ul li .QR_code img {
                            width: 154px;
                            height: 154px
                        }

                        .fullPage .topHeader .loginOrHelp ul li .QR_code .saoyisao {
                            position: absolute;
                            top: 130px;
                            left: 17px
                        }

                .fullPage .topHeader .loginOrHelp ul .cut-off-rule {
                    margin-top: 32px;
                    width: 1px;
                    height: 16px;
                    background-color: #e3e3e3;
                    margin-right: 10px;
                    margin-left: 10px
                }

            .fullPage .topHeader .loginOrHelp .gratisUse {
                width: 78px;
                height: 28px;
                border: 1px solid #00aef3;
                border-radius: 3px;
                float: right;
                text-align: center;
                line-height: 28px;
                color: #00aef3;
                margin-top: 25px;
                cursor: pointer
            }

    .fullPage .floor_area {
        width: 100%;
        height: 550px;
        background: url(../pc_image/banner4.png) no-repeat;
        /*background-size: 100%;*/
    }

    .fullPage .supply_bigbox {
        width: 1176px;
        height: 504px;
        margin: 0 auto;
        padding-top: 116px;
        box-sizing: border-box
    }

        .fullPage .supply_bigbox .supply_content {
            width: 100%;
            height: 100%;
            position: relative
        }

            .fullPage .supply_bigbox .supply_content .supply_content_msg {
                width: 762px;
                height: 100%
            }

                .fullPage .supply_bigbox .supply_content .supply_content_msg .supply_content_title {
                    font-size: 32px;
                    margin-bottom: 74px
                }

                    .fullPage .supply_bigbox .supply_content .supply_content_msg .supply_content_title span {
                        font-size: 42px;
                        color: #00aef3
                    }

                .fullPage .supply_bigbox .supply_content .supply_content_msg .supply_content_text {
                    width: 100%;
                    height: 210px
                }

                    .fullPage .supply_bigbox .supply_content .supply_content_msg .supply_content_text .single_text {
                        width: 342px;
                        height: 42px;
                        float: left
                    }

                        .fullPage .supply_bigbox .supply_content .supply_content_msg .supply_content_text .single_text img {
                            vertical-align: middle
                        }

                        .fullPage .supply_bigbox .supply_content .supply_content_msg .supply_content_text .single_text .single_text_msg {
                            font-size: 16px;
                            color: #666666;
                            display: inline-block;
                            margin-left: 24px
                        }

                        .fullPage .supply_bigbox .supply_content .supply_content_msg .supply_content_text .single_text:nth-child(2n) {
                            margin-left: 78px
                        }

                        .fullPage .supply_bigbox .supply_content .supply_content_msg .supply_content_text .single_text:nth-child(3) {
                            margin-top: 42px;
                            margin-bottom: 42px
                        }

                        .fullPage .supply_bigbox .supply_content .supply_content_msg .supply_content_text .single_text:nth-child(4) {
                            margin-bottom: 42px;
                            margin-top: 42px
                        }

            .fullPage .supply_bigbox .supply_content .supply_content_img {
                position: absolute;
                right: 0;
                top: -40px
            }

    .fullPage .gold_market {
        width: 1176px;
        height: 740px;
        margin: 0 auto
    }

        .fullPage .gold_market .gold_market_title {
            font-size: 36px;
            width: 100%;
            height: 220px;
            line-height: 220px;
            text-align: center
        }

        .fullPage .gold_market .gold_market_content {
            display: flex
        }

            .fullPage .gold_market .gold_market_content .gold_market_content_img {
                width: 708px
            }

                .fullPage .gold_market .gold_market_content .gold_market_content_img img {
                    width: 572px
                }

            .fullPage .gold_market .gold_market_content .gold_market_content_text {
                flex: 1;
                font-size: 14px
            }

                .fullPage .gold_market .gold_market_content .gold_market_content_text .single_text {
                    margin-top: 6px;
                    display: flex;
                    color: #989898
                }

                    .fullPage .gold_market .gold_market_content .gold_market_content_text .single_text:first-child {
                        margin-top: 30px
                    }

                    .fullPage .gold_market .gold_market_content .gold_market_content_text .single_text .img_box {
                        position: relative;
                        width: 40px;
                        height: 40px
                    }

                        .fullPage .gold_market .gold_market_content .gold_market_content_text .single_text .img_box img {
                            vertical-align: middle;
                            position: absolute;
                            top: -5px;
                            left: 0
                        }

                    .fullPage .gold_market .gold_market_content .gold_market_content_text .single_text span {
                        display: inline-block;
                        width: 358px;
                        line-height: 26px
                    }

        .fullPage .gold_market .at_once_use {
            display: block;
            width: 120px;
            height: 42px;
            text-align: center;
            line-height: 42px;
            border: 1px solid #00aef3;
            box-sizing: border-box;
            color: #00aef3;
            margin: 0 auto;
            margin-top: 62px
        }

    .fullPage .repertory_science {
        width: 100%;
        height: 440px;
        background: url(../pc_image/031.png) no-repeat
    }

        .fullPage .repertory_science .repertory_science_center {
            width: 1176px;
            margin: 0 auto
        }

            .fullPage .repertory_science .repertory_science_center .repertory_science_title {
                width: 100%;
                height: 178px;
                text-align: center;
                line-height: 178px;
                font-size: 36px;
                color: #fff
            }

            .fullPage .repertory_science .repertory_science_center .repertory_science_content {
                width: 100%;
                height: 198px;
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between
            }

                .fullPage .repertory_science .repertory_science_center .repertory_science_content .single_content {
                    width: 50%;
                    height: 66px;
                    display: flex
                }

                    .fullPage .repertory_science .repertory_science_center .repertory_science_content .single_content .single_content_icon {
                        position: relative;
                        width: 56px;
                        height: 100%
                    }

                        .fullPage .repertory_science .repertory_science_center .repertory_science_content .single_content .single_content_icon img {
                            vertical-align: middle;
                            margin-left: 10px;
                            position: absolute;
                            top: 13px;
                            left: 30px
                        }

                    .fullPage .repertory_science .repertory_science_center .repertory_science_content .single_content span {
                        font-size: 26px;
                        color: #fff;
                        display: inline-block;
                        margin-left: 50px;
                        margin-top: 16px
                    }

    .fullPage .synergy_store {
        width: 1176px;
        height: 738px;
        margin: 0 auto;
        padding-top: 44px;
        box-sizing: border-box
    }

        .fullPage .synergy_store .synergy_store_title {
            width: 100%;
            height: 178px;
            font-size: 36px;
            line-height: 178px;
            text-align: center
        }

        .fullPage .synergy_store .synergy_store_content {
            width: 100%;
            height: 482px;
            display: flex;
            flex-wrap: wrap
        }

            .fullPage .synergy_store .synergy_store_content .synergy_store_single {
                width: 25%;
                height: 176px
            }

                .fullPage .synergy_store .synergy_store_content .synergy_store_single:nth-child(5) {
                    margin-top: 64px
                }

                .fullPage .synergy_store .synergy_store_content .synergy_store_single:nth-child(6) {
                    margin-top: 64px
                }

                .fullPage .synergy_store .synergy_store_content .synergy_store_single:nth-child(7) {
                    margin-top: 64px
                }

                .fullPage .synergy_store .synergy_store_content .synergy_store_single:nth-child(8) {
                    margin-top: 64px
                }

                .fullPage .synergy_store .synergy_store_content .synergy_store_single .synergy_store_single_icon {
                    margin: 0 auto;
                    width: 116px;
                    height: 116px;
                    border-radius: 58px;
                    border: 2px solid #f6f6f6;
                    position: relative
                }

                    .fullPage .synergy_store .synergy_store_content .synergy_store_single .synergy_store_single_icon img {
                        width: 56px;
                        height: 56px;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        margin-top: -28px;
                        margin-left: -28px
                    }

                .fullPage .synergy_store .synergy_store_content .synergy_store_single .synergy_store_single_text {
                    font-size: 20px;
                    margin-top: 30px;
                    width: 100%;
                    text-align: center
                }

    .fullPage .promptly_login {
        width: 100%;
        overflow: hidden;
        height: 160px;
        background-color: #ff9a2d
    }

        .fullPage .promptly_login .promptly_login_text {
            width: 986px;
            height: 44px;
            display: flex;
            margin: 0 auto;
            margin-top: 58px
        }

            .fullPage .promptly_login .promptly_login_text span {
                font-size: 30px;
                color: #fff
            }

            .fullPage .promptly_login .promptly_login_text .btn {
                width: 198px;
                height: 42px;
                line-height: 42px;
                text-align: center;
                color: #fff;
                border: 1px solid #fff;
                border-radius: 3px;
                margin-left: 30px
            }

    .fullPage .pageFooter {
        width: 100%;
        height: 260px;
        background-color: #4a443f;
        overflow: hidden
    }

        .fullPage .pageFooter .pageFooter_content {
            width: 645px;
            margin: 0 auto;
            margin-top: 48px;
            display: flex
        }

            .fullPage .pageFooter .pageFooter_content .pageFooter_content_service {
                width: 252px;
                height: 112px;
                display: flex;
                /* border-right: 1px solid #fff; */
                padding-right: 30px;
                box-sizing: border-box;
                justify-content: space-between
            }

                .fullPage .pageFooter .pageFooter_content .pageFooter_content_service img {
                    width: 64px;
                    height: 64px
                }

                .fullPage .pageFooter .pageFooter_content .pageFooter_content_service .pageFooter_content_service_text {
                    color: #fff
                }

                    .fullPage .pageFooter .pageFooter_content .pageFooter_content_service .pageFooter_content_service_text div {
                        font-size: 14px
                    }

                    .fullPage .pageFooter .pageFooter_content .pageFooter_content_service .pageFooter_content_service_text .phone {
                        font-size: 18px;
                        margin-top: 20px;
                        font-weight: bold
                    }

            .fullPage .pageFooter .pageFooter_content .pageFooter_content_introduce {
                display: flex;
                margin-top: 40px;
            }

                .fullPage .pageFooter .pageFooter_content .pageFooter_content_introduce .my_box {
                    width: 127px;
                    /* height: 112px */
                }

                .fullPage .pageFooter .pageFooter_content .pageFooter_content_introduce .products_center .single_msg {
                    color: #afafae;
                    font-size: 14px;
                    width: 100%;
                    text-align: center;
                    line-height: 29px
                }

                    .fullPage .pageFooter .pageFooter_content .pageFooter_content_introduce .products_center .single_msg span {
                        width: 1px;
                        height: 14px;
                        background-color: #afafae;
                        float: right;
                        margin-top: 3px
                    }

                    .fullPage .pageFooter .pageFooter_content .pageFooter_content_introduce .products_center .single_msg:first-child {
                        line-height: 1;
                        font-size: 16px;
                        height: 30px;
                        color: #fff
                    }

                .fullPage .pageFooter .pageFooter_content .pageFooter_content_introduce .pageFooter_content_quickMark {
                    width: 121px;
                    height: 145px;
                    background-color: #fff;
                    margin-left: 37px
                }

                    .fullPage .pageFooter .pageFooter_content .pageFooter_content_introduce .pageFooter_content_quickMark img {
                        display: block;
                        width: 108px;
                        height: 108px;
                        margin: 0 auto
                    }

                    .fullPage .pageFooter .pageFooter_content .pageFooter_content_introduce .pageFooter_content_quickMark .pageFooter_content_quickMark_text {
                        width: 100%;
                        text-align: center;
                        color: #333333
                    }

        .fullPage .pageFooter .company_name {
            color: #afafae;
            width: 1176px;
            height: 12px;
            margin: 0 auto;
            font-size: 12px;
            text-align: center;
            margin-top: 28px
        }

            .fullPage .pageFooter .company_name .c {
                display: inline-block;
                width: 12px;
                height: 12px;
                border-radius: 6px;
                border: 1px solid #afafae;
                padding: 2px;
                box-sizing: border-box;
                text-align: center;
                line-height: 3px
            }
    /* 立即注册  */
    .fullPage .promptly_login .promptly_login_text .btn > a {
        width: 100%;
        height: 100%;
        display: block;
        color: #fff;
    }

    /* 咨询购买  */
    .fullPage .topHeader .loginOrHelp .gratisUse > a {
        display: block;
        width: 100%;
        height: 100%;
        color: #00aef3;
    }
    /* 头部导航栏 a 标签变颜色  */
    .fullPage .topHeader .navList ul li .text a:hover {
        display: block;
        color: #00aef3;
        height: 28px;
        width: 100%;
        text-align: center
    }

    /* 底部 a 标签变颜色  */
    .fullPage .pageFooter .pageFooter_content .pageFooter_content_introduce .products_center .single_msg a {
        color: #ccc;
    }

    .fullPage .pageFooter .pageFooter_content .pageFooter_content_introduce .products_center .single_msg .text_color {
        color: #fff;
    }

/* 修改后的产品中心功能样式 */
.product_function_box .product_function_sma_box {
    background-color: #fff;
    margin-top: 10px;
    padding: 16px 30px 16px 30px;
    box-sizing: border-box;
    position: absolute;
    left: -260px;
}

    .product_function_box .product_function_sma_box .title_box {
        color: #333333;
        font-size: 16px;
        margin-bottom: 24px;
    }


    .product_function_box .product_function_sma_box .content_box {
        display: flex;
    }

        .product_function_box .product_function_sma_box .content_box .single_box {
            margin-right: 80px;
        }

            .product_function_box .product_function_sma_box .content_box .single_box > div {
                margin-bottom: 16px;
            }

                .product_function_box .product_function_sma_box .content_box .single_box > div > a {
                    color: #000;
                }

                    .product_function_box .product_function_sma_box .content_box .single_box > div > a:hover {
                        color: #00aef3;
                    }