.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/banner9.png) no-repeat;
        /*background-size: 100%;*/
    }

    .fullPage .tradition_call {
        width: 1176px;
        height: 655px;
        margin: 0 auto;
        overflow: hidden
    }

        .fullPage .tradition_call .tradition_call_content {
            width: 100%;
            display: flex;
            margin-top: 88px;
            position: relative
        }

            .fullPage .tradition_call .tradition_call_content .tradition_call_content_text {
                width: 816px;
                height: 250px;
                color: #666666;
                font-size: 20px;
                margin-top: 60px;
                margin-left: 50px
            }

                .fullPage .tradition_call .tradition_call_content .tradition_call_content_text .tradition_call_title {
                    font-size: 34px;
                    width: 100%;
                    margin-bottom: 50px;
                    color: #333
                }

                    .fullPage .tradition_call .tradition_call_content .tradition_call_content_text .tradition_call_title .tradition_call_title_color {
                        color: #00aef3
                    }

                .fullPage .tradition_call .tradition_call_content .tradition_call_content_text .tradition_call_content_text_children {
                    margin-top: 22px
                }

                    .fullPage .tradition_call .tradition_call_content .tradition_call_content_text .tradition_call_content_text_children:first-child {
                        margin-top: 0
                    }

                .fullPage .tradition_call .tradition_call_content .tradition_call_content_text .tradition_call_content_text_size {
                    font-size: 30px;
                    color: #00aef3
                }

    .fullPage .detailed_design {
        width: 100%;
        height: 430px;
        background: url(../pc_image/021.png) no-repeat
    }

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

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

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

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

                    .fullPage .detailed_design .repertory_science_center .repertory_science_content .single_content:nth-child(2n) {
                        padding-left: 30px;
                        box-sizing: border-box
                    }

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

                        .fullPage .detailed_design .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 .detailed_design .repertory_science_center .repertory_science_content .single_content span {
                        font-size: 26px;
                        color: #fff;
                        display: inline-block;
                        margin-left: 50px;
                        margin-top: 16px
                    }

    .fullPage .set_up_platform {
        width: 1176px;
        margin: 0 auto;
        margin-top: 110px
    }

        .fullPage .set_up_platform .chef_complaint_center {
            width: 100%
        }

            .fullPage .set_up_platform .chef_complaint_center .chef_complaint_center_title {
                font-size: 36px;
                text-align: center;
                width: 100%
            }

        .fullPage .set_up_platform .capacity_control_food_content {
            width: 1176px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            margin-top: 150px;
            padding: 0 60px;
            box-sizing: border-box
        }

            .fullPage .set_up_platform .capacity_control_food_content .content-img {
                width: 548px
            }

            .fullPage .set_up_platform .capacity_control_food_content .gold_market_content_text {
                width: 316px;
                font-size: 14px
            }

                .fullPage .set_up_platform .capacity_control_food_content .gold_market_content_text .single_title {
                    color: #00aef3;
                    font-size: 24px;
                    margin-top: 80px;
                    margin-bottom: 28px;
                    width: 316px;
                    line-height: 40px
                }

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

                    .fullPage .set_up_platform .capacity_control_food_content .gold_market_content_text .single_text:first-child {
                        margin-top: 30px
                    }

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

        .fullPage .set_up_platform .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: 70px
        }

    .fullPage .division_of_labor {
        width: 1176px;
        height: 714px;
        margin: 0 auto
    }

        .fullPage .division_of_labor .division_of_labor_title {
            width: 100%;
            height: 254px;
            line-height: 254px;
            font-size: 36px;
            text-align: center
        }

        .fullPage .division_of_labor .division_of_labor_content {
            width: 100%;
            height: 460px;
            display: flex;
            padding-left: 28px;
            box-sizing: border-box;
            justify-content: space-between
        }

            .fullPage .division_of_labor .division_of_labor_content .division_of_labor_left {
                width: 400px;
                height: 100%
            }

                .fullPage .division_of_labor .division_of_labor_content .division_of_labor_left .division_of_labor_left_title {
                    font-size: 26px
                }

                .fullPage .division_of_labor .division_of_labor_content .division_of_labor_left .division_of_labor_left_box {
                    width: 100%;
                    height: 100%;
                    margin-top: 22px
                }

                    .fullPage .division_of_labor .division_of_labor_content .division_of_labor_left .division_of_labor_left_box .signleMsg {
                        width: 170px;
                        display: flex;
                        float: left;
                        margin-top: 24px
                    }

                        .fullPage .division_of_labor .division_of_labor_content .division_of_labor_left .division_of_labor_left_box .signleMsg:nth-child(2n) {
                            margin-left: 50px
                        }

                        .fullPage .division_of_labor .division_of_labor_content .division_of_labor_left .division_of_labor_left_box .signleMsg .signleMsg_icon {
                            width: 54px;
                            height: 54px;
                            border: 1px solid #f6f6f6;
                            border-radius: 27px;
                            position: relative;
                            margin-right: 12px
                        }

                            .fullPage .division_of_labor .division_of_labor_content .division_of_labor_left .division_of_labor_left_box .signleMsg .signleMsg_icon img {
                                position: absolute;
                                top: 50%;
                                left: 50%;
                                width: 32px;
                                height: 32px;
                                margin-top: -16px;
                                margin-left: -16px
                            }

                        .fullPage .division_of_labor .division_of_labor_content .division_of_labor_left .division_of_labor_left_box .signleMsg .signleMsg_text {
                            font-size: 20px;
                            line-height: 56px
                        }

            .fullPage .division_of_labor .division_of_labor_content .division_of_labor_center {
                width: 234px;
                height: 100%;
                margin-top: 180px
            }

    .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;
                    }