.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 li .text a:hover {
                            display: block;
                            color: #00aef3;
                            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/banner12.png) no-repeat;
        /*background-size: 100%;*/
    }

    .fullPage .complaint_puzzle {
        width: 1304px;
        height: 617px;
        margin: 0 auto;
        padding-top: 150px;
        box-sizing: border-box;
        display: flex;
        position: relative
    }

        .fullPage .complaint_puzzle .complaint_puzzle_left {
            width: 492px
        }

            .fullPage .complaint_puzzle .complaint_puzzle_left .complaint_puzzle_left_title {
                font-size: 25px;
                margin-bottom: 42px
            }

                .fullPage .complaint_puzzle .complaint_puzzle_left .complaint_puzzle_left_title .complaint_puzzle_color {
                    font-size: 32px;
                    color: #00aef3
                }

            .fullPage .complaint_puzzle .complaint_puzzle_left .single_text {
                color: #666666;
                text-align: right;
                line-height: 76px;
                font-size: 20px;
                padding-right: 24px;
                box-sizing: border-box
            }

        .fullPage .complaint_puzzle .complaint_puzzle_center {
            position: absolute;
            top: 54px;
            left: 500px
        }

        .fullPage .complaint_puzzle .complaint_puzzle_right {
            margin-left: 173px;
            width: 492px
        }

            .fullPage .complaint_puzzle .complaint_puzzle_right .complaint_puzzle_right_title {
                font-size: 25px;
                margin-bottom: 42px;
                padding-left: 24px;
                box-sizing: border-box
            }

                .fullPage .complaint_puzzle .complaint_puzzle_right .complaint_puzzle_right_title .complaint_puzzle_color {
                    font-size: 32px;
                    color: #00aef3
                }

            .fullPage .complaint_puzzle .complaint_puzzle_right .single_text {
                color: #666666;
                text-align: left;
                line-height: 76px;
                font-size: 20px;
                padding-left: 24px;
                box-sizing: border-box
            }

    .fullPage .chef_complaint {
        width: 100%;
        height: 670px;
        background: url(../pc_image/022.png) no-repeat;
        overflow: hidden
    }

        .fullPage .chef_complaint .chef_complaint_box {
            width: 1304px;
            margin: 0 auto;
            margin-top: 70px
        }

            .fullPage .chef_complaint .chef_complaint_box .chef_complaint_center {
                width: 100%
            }

                .fullPage .chef_complaint .chef_complaint_box .chef_complaint_center .chef_complaint_center_title {
                    font-size: 36px;
                    color: #fff;
                    margin-bottom: 24px;
                    text-align: center;
                    width: 100%
                }

                .fullPage .chef_complaint .chef_complaint_box .chef_complaint_center .chef_complaint_center_text {
                    font-size: 18px;
                    color: #fff;
                    text-align: center;
                    width: 100%
                }

            .fullPage .chef_complaint .chef_complaint_box .chef_complaint_msg {
                width: 600px;
                height: 280px;
                background-color: #df7a0e;
                padding: 0 22px;
                box-sizing: border-box;
                color: #fff;
                overflow: hidden;
                float: right;
                margin-top: 114px;
                margin-right: 79px
            }

                .fullPage .chef_complaint .chef_complaint_box .chef_complaint_msg .chef_complaint_msg_first {
                    font-size: 26px;
                    margin-top: 10px;
                    line-height: 50px
                }

                    .fullPage .chef_complaint .chef_complaint_box .chef_complaint_msg .chef_complaint_msg_first .chef_complaint_msg_first_size {
                        font-size: 34px
                    }

                .fullPage .chef_complaint .chef_complaint_box .chef_complaint_msg .chef_complaint_msg_two {
                    font-size: 20px;
                    line-height: 44px;
                    margin-top: 12px
                }

                    .fullPage .chef_complaint .chef_complaint_box .chef_complaint_msg .chef_complaint_msg_two .chef_complaint_msg_two_size {
                        font-size: 34px
                    }

    .fullPage .capacity_control_food {
        width: 1304px;
        margin: 0 auto;
        margin-top: 106px
    }

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

            .fullPage .capacity_control_food .chef_complaint_center .chef_complaint_center_title {
                font-size: 36px;
                margin-bottom: 20px;
                text-align: center;
                width: 100%
            }

            .fullPage .capacity_control_food .chef_complaint_center .chef_complaint_center_text {
                font-size: 18px;
                text-align: center;
                width: 100%;
                color: #666666;
                margin-bottom: 80px
            }

        .fullPage .capacity_control_food .capacity_control_food_content {
            width: 1038px;
            height: 392px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between
        }

            .fullPage .capacity_control_food .capacity_control_food_content .content-img {
                width: 514px
            }

            .fullPage .capacity_control_food .capacity_control_food_content .content_text {
                width: 316px;
                margin-top: 106px
            }

                .fullPage .capacity_control_food .capacity_control_food_content .content_text .content_text_title {
                    font-size: 24px;
                    color: #00aef3;
                    margin-bottom: 18px
                }

                .fullPage .capacity_control_food .capacity_control_food_content .content_text .content_text_title_msg {
                    font-size: 12px;
                    color: #666666;
                    line-height: 22px
                }

        .fullPage .capacity_control_food .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-bottom: 108px
        }

    .fullPage .never_chaos {
        width: 1304px;
        height: 770px;
        margin: 0 auto
    }

        .fullPage .never_chaos .never_chaos_center {
            width: 1176px;
            height: 100%;
            margin: 0 auto
        }

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

            .fullPage .never_chaos .never_chaos_center .never_chaos_center_content {
                width: 100%;
                height: 550px;
                display: flex
            }

                .fullPage .never_chaos .never_chaos_center .never_chaos_center_content .never_chaos_center_content_left {
                    width: 344px;
                    height: 100%
                }

                    .fullPage .never_chaos .never_chaos_center .never_chaos_center_content .never_chaos_center_content_left .single_msg {
                        width: 100%;
                        height: 40px;
                        margin-top: 38px
                    }

                        .fullPage .never_chaos .never_chaos_center .never_chaos_center_content .never_chaos_center_content_left .single_msg:first-child {
                            margin-top: 0
                        }

                        .fullPage .never_chaos .never_chaos_center .never_chaos_center_content .never_chaos_center_content_left .single_msg img {
                            vertical-align: bottom
                        }

                        .fullPage .never_chaos .never_chaos_center .never_chaos_center_content .never_chaos_center_content_left .single_msg span {
                            font-size: 25px;
                            color: #666666;
                            display: inline-block;
                            margin-left: 22px
                        }

                .fullPage .never_chaos .never_chaos_center .never_chaos_center_content .never_chaos_center_content_center {
                    width: 272px;
                    height: 152px;
                    margin-top: 170px
                }

                .fullPage .never_chaos .never_chaos_center .never_chaos_center_content .never_chaos_center_content_right {
                    width: 560px;
                    height: 500px;
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: space-between
                }

                    .fullPage .never_chaos .never_chaos_center .never_chaos_center_content .never_chaos_center_content_right .single_msg {
                        width: 244px;
                        height: 250px
                    }

                        .fullPage .never_chaos .never_chaos_center .never_chaos_center_content .never_chaos_center_content_right .single_msg .single_msg_img {
                            width: 90px;
                            height: 90px;
                            margin: 0 auto
                        }

                        .fullPage .never_chaos .never_chaos_center .never_chaos_center_content .never_chaos_center_content_right .single_msg .single_msg_title {
                            font-size: 18px;
                            margin-top: 15px;
                            width: 100%;
                            text-align: center;
                            margin-bottom: 8px
                        }

                        .fullPage .never_chaos .never_chaos_center .never_chaos_center_content .never_chaos_center_content_right .single_msg .single_msg_text {
                            font-size: 14px;
                            color: #666666;
                            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;
                    }