@media only screen and (min-width: 240px) and (max-width: 767px) {
        .qq_consult, .phone_box, .right_marketing {
            display: none !important;
        }
    }

    .right_marketing {
        border-radius: 5px;
        width: 70px;
        position: fixed;
        right: 5px;
        top: calc( 50% - 151px );
        z-index: 999999999;
        box-shadow: 3px 3px 7px rgba(0,0,0,0.18);
        background: #fff;
    }

        .right_marketing ul li {
            position: relative;
            padding: 0px 3px;
            border-left: 1px solid #f1f1f1;
            border-right: 1px solid #f1f1f1;
        }

            .right_marketing ul li:first-of-type {
                border-top: 1px solid #f1f1f1;
                border-radius: 5px 5px 0 0;
            }

            .right_marketing ul li:last-of-type {
                border-radius: 0 0 5px 5px;
                border-bottom: 1px solid #f1f1f1;
            }

            .right_marketing ul li a {
                display: block;
                text-align: center;
                font-size: 0;
                border-bottom: 1px solid #eeeeee;
                padding: 10px 0;
                color: #505050;
            }

            .right_marketing ul li:last-of-type a {
                border-bottom: none;
            }

            .right_marketing ul li a p {
                display: block;
                margin-top: 10px;
                line-height: 1;
                font-size: 13px;
            }

            .right_marketing ul li:hover a p {
                display: block;
                margin-top: 10px;
                line-height: 1;
                font-size: 13px;
                color: #fbf9f9;
            }

            .right_marketing ul li a i {
                display: inline-block;
                width: 25px;
                height: 25px;
                background-image: url(../images/mark_icon1.png);
                background-repeat: no-repeat;
            }

            .right_marketing ul li:hover {
                background: #F37A3E;
                border-color: #F37A3E;
            }

                .right_marketing ul li:hover a {
                    border-color: #F37A3E;
                    color: #F37A3E;
                }

    .online_consult a i {
        background-position: 0 0;
    }

    .qq_consult a i {
        background-position: 0 -25px;
    }

    .phone_consult a i {
        background-position: 0 -50px;
    }

    .online_message a i {
        background-position: 0 -75px;
    }
    /*.add_weixin a i{
    background-position: 0 -100px;
}*/
    .online_consult:hover a i {
        background-position: -25px 0;
    }

    .qq_consult:hover a i {
        background-position: -25px -25px;
    }

    .phone_consult:hover a i {
        background-position: -25px -50px;
    }

    .online_message:hover a i {
        background-position: -25px -75px;
    }
    /*.add_weixin:hover a i{
    background-position: -25px -100px;
}*/
    .phone_box {
        width: 255px;
        height: 69px;
        line-height: 69px;
        background: #F37A3E;
        border-radius: 3px;
        position: absolute;
        right: 71px;
        top: 0;
        font-size: 0;
        letter-spacing: -3px;
        display: none;
    }

        .phone_box i {
            display: inline-block;
            width: 27px;
            height: 20px;
            background: url(../images/mark_icon1.png) no-repeat 0 -101px;
            margin-left: 20px;
            margin-right: 8px;
        }

        .phone_box span {
            font-size: 1.4rem;
            color: #fff;
            letter-spacing: normal;
        }

    .phone_consult:hover .phone_box {
        display: block;
    }

    .online_consult:hover .phone_box {
        display: block;
    }