body {
}
/*媒体查询，参考部分Bootstrap 框架*/
/*当页面大于1200px 时，大屏幕，主要是PC 端*/
@media (min-width: 1200px) {
}
/*在992 和1199 像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width: 992px) and (max-width: 1199px) {
    .container {
        width: 100%;
    }

    .container2 {
        width: 100%;
    }

    .miniHeader {
        display: none;
    }

    .logoSearch {
        padding: 10px 0;
        height: 45px;
    }

        .logoSearch .logo {
            width: 100%;
            height: 45px;
            float: left;
        }

            .logoSearch .logo img {
                width: 300px;
                padding-left: 15px;
            }

        .logoSearch .search {
            display: none;
        }

    .menuHeader {
        width: 100%;
        overflow-x: scroll;
        height: 35px;
        line-height: 35px;
        -webkit-overflow-scrolling: touch;
    }

        .menuHeader ul {
            width: 645px;
            height: 35px;
            line-height: 35px;
        }

            .menuHeader ul li {
                float: left;
                height: 35px;
                line-height: 35px;
            }

                .menuHeader ul li a {
                    color: #fff;
                    font-size: 14px;
                    padding: 0 10px;
                    display: block;
                    float: left;
                    height: 35px;
                    line-height: 35px;
                }

                .menuHeader ul li.CartNum {
                    display: none;
                }

    .ContentLeft {
        width: 100%;
        margin: 5px 0 0;
        float: none;
        height: auto;
        overflow: hidden;
        margin-top: 5px;
    }

    .ContentLeftMenu {
        padding-bottom: 0px;
    }

    .ContentRight {
        width: 100%;
    }

    .left_menu_title {
        height: 25px;
        line-height: 25px;
    }

    .menu_zzjsnet {
        width: 100%;
        border: none;
    }

        .menu_zzjsnet ul {
            width: 50%;
            float: left;
            border-bottom: 1px solid #e5e5e5;
        }

            .menu_zzjsnet ul span {
                display: block;
                float: left;
                padding-left: 0;
                text-indent: 25px;
                margin: 0 5%;
                border-bottom: none;
                width: 90%; /*对宽度的定义,根据情况修改*/
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

            .menu_zzjsnet ul li {
                display: none;
            }

    .paypal {
        display: none;
    }

    .footerIcon h2 {
        font-size: 20px;
        padding: 0px 0;
    }

    .footerIcon ul {
        padding: 0 0px;
        width: 100%;
        height: auto;
        overflow: hidden;
    }

        .footerIcon ul li {
            width: 33.33%;
            height: auto;
            overflow: hidden;
            float: left;
            margin-bottom: 15px;
        }

            .footerIcon ul li h3 {
                width: 90%;
                margin: 0 auto;
                height: 50px;
                line-height: 25px;
                font-size: 12px;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                text-align: center;
            }

            .footerIcon ul li h4 {
                width: 90%;
                margin: 0 auto;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
                overflow: hidden;
                height: 48px;
                margin-bottom: 15px;
            }

    .footerMenu dl {
        display: none;
    }

        .footerMenu dl.contactBox {
            width: 100%;
            text-align: center;
            padding-left: 0;
            display: block;
        }

    .footerMenu dd.iconBox {
        text-align: center;
        width: 100%;
    }

        .footerMenu dd.iconBox a {
            text-align: center;
            display: inline-block;
            float: none;
            margin: 0 5px;
        }
    /*导航标题*/
    .TitleNav {
        padding: 8px 0 5px 5px;
    }

    .hidemenu, .openbtn {
        display: block;
        background-image: url(../Images/show.png);
    }

    .hidemenu {
        background-image: url(../Images/menu.png);
    }
}
/*在768 和991 像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width: 768px) and (max-width: 991px) {
    .container {
        width: 100%;
    }

    .container2 {
        width: 100%;
    }

    .miniHeader {
        display: none;
    }

    .logoSearch {
        padding: 10px 0;
        height: 30px;
    }

        .logoSearch .logo {
            width: 100%;
            height: 30px;
            float: left;
        }

            .logoSearch .logo img {
                width: 200px;
                padding-left: 15px;
            }

        .logoSearch .search {
            display: none;
        }

        .logoSearch .hpp {
            display: none;
        }

    .menuHeader {
        width: 100%;
        overflow-x: scroll;
        height: 35px;
        line-height: 35px;
        -webkit-overflow-scrolling: touch;
    }

        .menuHeader ul {
            width: 645px;
            height: 35px;
            line-height: 35px;
        }

            .menuHeader ul li {
                float: left;
                height: 35px;
                line-height: 35px;
            }

                .menuHeader ul li a {
                    color: #fff;
                    font-size: 14px;
                    padding: 0 10px;
                    display: block;
                    float: left;
                    height: 35px;
                    line-height: 35px;
                }

                .menuHeader ul li.CartNum {
                    display: none;
                }

    .ContentLeft {
        width: 100%;
        margin: 5px 0 0;
        float: none;
        height: auto;
        overflow: hidden;
        margin-top: 5px;
    }

    .ContentLeftMenu {
        padding-bottom: 0px;
    }

    .ContentRight {
        width: 100%;
    }

    .left_menu_title {
        height: 25px;
        line-height: 25px;
    }

    .menu_zzjsnet {
        width: 100%;
        border: none;
    }

        .menu_zzjsnet ul {
            width: 100%;
            float: left;
            border-bottom: 1px solid #e5e5e5;
        }

            .menu_zzjsnet ul span {
                display: block;
                float: left;
                padding-left: 0;
                text-indent: 25px;
                margin: 0 5%;
                border-bottom: none;
                width: 90%; /*对宽度的定义,根据情况修改*/
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

            .menu_zzjsnet ul li {
                /*display: none;*/
            }

    .paypal {
        display: none;
    }

    .footerIcon h2 {
        font-size: 20px;
        padding: 0px 0;
    }

    .footerIcon ul {
        padding: 0 0px;
        width: 100%;
        height: auto;
        overflow: hidden;
    }

        .footerIcon ul li {
            width: 33.33%;
            height: auto;
            overflow: hidden;
            float: left;
            margin-bottom: 15px;
        }

            .footerIcon ul li h3 {
                width: 90%;
                margin: 0 auto;
                height: 50px;
                line-height: 25px;
                font-size: 12px;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                text-align: center;
            }

            .footerIcon ul li h4 {
                width: 90%;
                margin: 0 auto;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
                overflow: hidden;
                height: 48px;
                margin-bottom: 15px;
            }

    .footerMenu dl {
        display: none;
    }

        .footerMenu dl.contactBox {
            width: 100%;
            text-align: center;
            padding-left: 0;
            display: block;
        }

    .footerMenu dd.iconBox {
        text-align: center;
        width: 100%;
    }

        .footerMenu dd.iconBox a {
            text-align: center;
            display: inline-block;
            float: none;
            margin: 0 5px;
        }
    /*导航标题*/
    .TitleNav {
        padding: 8px 0 5px 5px;
    }

    .hidemenu, .openbtn {
        display: block;
        background-image: url(../Images/show.png);
    }

    .hidemenu {
        background-image: url(../Images/menu.png);
    }
}
/*在480 和767 像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width: 480px) and (max-width: 767px) {
    .container {
        width: 100%;
    }

    .container2 {
        width: 100%;
    }

    .miniHeader {
        display: none;
    }

    .logoSearch {
        padding: 10px 0;
        height: 30px;
    }

        .logoSearch .logo {
            width: 100%;
            height: 30px;
            float: left;
        }

            .logoSearch .logo img {
                width: 200px;
                padding-left: 15px;
            }

        .logoSearch .search {
            display: none;
        }

    .menuHeader {
        width: 100%;
        overflow-x: scroll;
        height: 35px;
        line-height: 35px;
        -webkit-overflow-scrolling: touch;
    }

        .menuHeader ul {
            width: 645px;
            height: 35px;
            line-height: 35px;
        }

            .menuHeader ul li.CartNum {
                display: none;
            }

            .menuHeader ul li {
                float: left;
                height: 35px;
                line-height: 35px;
            }

                .menuHeader ul li a {
                    color: #fff;
                    font-size: 14px;
                    padding: 0 10px;
                    display: block;
                    float: left;
                    height: 35px;
                    line-height: 35px;
                }

    .ContentLeft {
        width: 100%;
        margin: 5px 0 0;
        float: none;
        height: auto;
        overflow: hidden;
        margin-top: 5px;
    }

    .ContentLeftMenu {
        padding-bottom: 0px;
    }

    .ContentRight {
        width: 100%;
    }

    .left_menu_title {
        height: 25px;
        line-height: 25px;
    }

    .menu_zzjsnet {
        width: 100%;
        border: none;
    }

        .menu_zzjsnet ul {
            width: 100%;
            float: left;
            border-bottom: 1px solid #e5e5e5;
        }

            .menu_zzjsnet ul span {
                display: block;
                float: left;
                padding-left: 0;
                text-indent: 25px;
                margin: 0 5%;
                border-bottom: none;
                width: 90%; /*对宽度的定义,根据情况修改*/
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

            .menu_zzjsnet ul li {
                display: none;
            }

    .paypal {
        display: none;
    }

    .footerIcon h2 {
        font-size: 20px;
        padding: 0px;
    }

    .footerIcon ul {
        padding: 0 0px;
        width: 100%;
        height: auto;
        overflow: hidden;
    }

        .footerIcon ul li {
            width: 33.33%;
            height: auto;
            overflow: hidden;
            float: left;
            margin-bottom: 15px;
        }

            .footerIcon ul li h3 {
                width: 90%;
                margin: 0 auto;
                height: 50px;
                line-height: 25px;
                font-size: 12px;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                text-align: center;
            }

            .footerIcon ul li h4 {
                display: none;
            }

    .footerMenu dl {
        display: none;
    }

        .footerMenu dl.contactBox {
            width: 100%;
            text-align: center;
            padding-left: 0;
            display: block;
        }

    .footerMenu dd.iconBox {
        text-align: center;
        width: 100%;
    }

        .footerMenu dd.iconBox a {
            text-align: center;
            display: inline-block;
            float: none;
            margin: 0 5px;
        }
    /*导航标题*/
    .TitleNav {
        padding: 8px 0 5px 5px;
    }



    .hidemenu, .openbtn {
        display: block;
        background-image: url(../Images/show.png);
    }

    .hidemenu {
        background-image: url(../Images/menu.png);
    }
}
/*在小于480 像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width: 479px) {
    .container {
        width: 100%;
    }

    .container2 {
        width: 100%;
    }

    .miniHeader {
        display: none;
    }

    .logoSearch {
        padding: 10px 0;
        height: 30px;
    }

        .logoSearch .logo {
            width: 100%;
            height: 30px;
            float: left;
        }

            .logoSearch .logo img {
                width: 200px;
                padding-left: 15px;
            }

        .logoSearch .search {
            display: none;
        }

        .logoSearch .hpp {
            display: none;
        }


    .menuHeader {
        width: 100%;
        overflow-x: scroll;
        height: 35px;
        line-height: 35px;
        -webkit-overflow-scrolling: touch;
    }

        .menuHeader ul {
            width: 645px;
            height: 35px;
            line-height: 35px;
        }

            .menuHeader ul li.CartNum {
                display: none;
            }

            .menuHeader ul li {
                float: left;
                height: 35px;
                line-height: 35px;
            }

                .menuHeader ul li a {
                    color: #fff;
                    font-size: 14px;
                    padding: 0 10px;
                    display: block;
                    float: left;
                    height: 35px;
                    line-height: 35px;
                }

    .ContentLeft {
        width: 100%;
        margin: 5px 0 0;
        float: none;
        height: auto;
        overflow: hidden;
        margin-top: 5px;
    }

    .ContentLeftMenu {
        padding-bottom: 0px;
    }

    .ContentRight {
        width: 100%;
    }

    .left_menu_title {
        height: 25px;
        line-height: 25px;
    }

    .menu_zzjsnet {
        width: 100%;
    }

        .menu_zzjsnet ul {
            width: 100%;
            float: left;
            border-bottom: 1px solid #e5e5e5;
        }

            .menu_zzjsnet ul span {
                display: block;
                float: left;
                padding-left: 0;
                text-indent: 25px;
                margin: 0 5%;
                border-bottom: none;
                width: 90%; /*对宽度的定义,根据情况修改*/
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

            .menu_zzjsnet ul li {
                display: block;
            }

    .paypal {
        display: none;
    }

    .footerIcon h2 {
        font-size: 20px;
        padding: 0px 0;
    }

    .footerIcon ul {
        padding: 0 0px;
        width: 100%;
        height: auto;
        overflow: hidden;
    }

        .footerIcon ul li {
            width: 33.33%;
            height: auto;
            overflow: hidden;
            float: left;
            margin-bottom: 15px;
        }

            .footerIcon ul li h3 {
                width: 90%;
                margin: 0 auto;
                height: 50px;
                line-height: 25px;
                font-size: 12px;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                text-align: center;
            }

            .footerIcon ul li h4 {
                display: none;
            }

    .footerMenu dl {
        display: none;
    }

        .footerMenu dl.contactBox {
            width: 100%;
            text-align: center;
            padding-left: 0;
            display: block;
        }

    .footerMenu dd.iconBox {
        text-align: center;
        width: 100%;
    }

        .footerMenu dd.iconBox a {
            text-align: center;
            display: inline-block;
            float: none;
            margin: 0 5px;
        }
    /*导航标题*/
    .TitleNav {
        padding: 8px 0 5px 5px;
    }

    .hidemenu, .openbtn {
        display: block;
        background-image: url(../Images/show.png);
    }

    .hidemenu {
        background-image: url(../Images/menu.png);
    }
}