/*手机端样式*/

@media (max-width:768px) {

    /*公共css*/
    .pagesleft {
        display: none;
    }

    .pages {
        width: 100% !important;
        text-align: center;
    }

    .my_pages a, span.cpb {
        float: initial;
        display: initial;
        padding: 5px 10px;
    }

    div#bdshare {
        display: none;
    }
    /*公共css end*/

    .bj1, .bj4, .foot, .datu, .bj2, .bj3 {
        display: none;
    }


    .phone {
        display: block;
    }

    .logo {
        padding-left: 10px;
    }


    .logofoot {
        background-color: #F0F0F0;
        height: 10px;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #E7E7E7;
    }

    .sjdh {
        padding-right: 10px;
        padding-left: 10px;
        height: 42px;
    }

        .sjdh li {
            float: left;
            width: 16.66%;
        }

            .sjdh li a {
                font-size: 14px;
                color: #666666;
                line-height: 40px;
                text-align: center;
                display: block;
                height: 40px;
                padding-top: 2px;
            }

                .sjdh li a:active {
                    color: #0DA3E2;
                }

                .sjdh li a.no {
                    border-bottom-width: 2px;
                    border-bottom-style: solid;
                    border-bottom-color: #0DA3E2;
                    line-height: 36px;
                    height: 36px;
                    padding-top: 4px;
                }

            .sjdh li dl {
                margin-top: 42px;
                margin-left: 0px;
                position: absolute;
                background-color: #FFFFFF;
                padding-top: 10px;
                padding-bottom: 10px;
                z-index: 9;
            }

                .sjdh li dl dd a {
                    font-size: 12px;
                    line-height: 20px;
                    color: #666666;
                    text-align: left;
                    display: block;
                    height: 20px;
                    border-top-width: 0px;
                    border-right-width: 0px;
                    border-bottom-width: 0px;
                    border-left-width: 0px;
                    margin-right: 10px;
                    margin-left: 10px;
                }

                    .sjdh li dl dd a:active {
                        color: #0DA3E2;
                    }

    /*图片播放*/
    .picBox {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .icon_num {
        position: absolute;
        bottom: 8px;
        left: 0px;
        width: 100%;
        text-align: center;
    }

        .icon_num a {
            border-radius: 7px;
            padding: 0;
            line-height: 6px;
            cursor: pointer;
            margin-right: 4px;
            display: inline-block;
            overflow: hidden;
            *zoom: 1;
            opacity: 0.5;
            filter: Alpha(opacity=50);
            background-color: #FFFFFF;
            height: 6px;
            width: 6px;
        }

            .icon_num a:hover, .icon_num .active {
                background-color: #FF0000;
            }

    .t1t {
        background-image: url(images/t1b.jpg);
        text-align: center;
        margin-top: 20px;
        margin-bottom: 15px;
    }



    .t1 {
        background-color: #FFFFFF;
    }

        .t1 li {
            text-align: center;
            float: left;
            width: 25%;
            padding-bottom: 20px;
        }

            .t1 li span {
                display: block;
                line-height: 20px;
                font-size: 12px;
                color: #000000;
                padding-top: 10px;
            }

        .t1.nei {
            padding-right: 5px;
            padding-left: 5px;
        }

            .t1.nei li {
                width: 20%;
            }

    .bq {
        text-align: center;
        padding-bottom: 20px;
    }


    /*foot*/
    .fding {
        height: 50px;
    }

    .phone .foot {
        height: 50px;
        position: fixed;
        left: 0px;
        bottom: 0px;
        width: 100%;
        background-color: #EAE8E9;
        background-image: url(images/f1.jpg);
        background-repeat: repeat-x;
        background-position: 0px 0px;
        padding-top: 2px;
        display: block;
        display: none;
    }

        .phone .foot li {
            float: left;
            width: 33.3%;
        }

            .phone .foot li a {
                text-align: center;
                background-image: url(images/f2.jpg);
                background-repeat: repeat-y;
                background-position: right 0px;
                display: block;
                padding-right: 2px;
                height: 50px;
            }

                .phone .foot li a.no {
                    background-image: none;
                }

                .phone .foot li a img {
                    display: block;
                    margin-right: auto;
                    margin-left: auto;
                    padding-top: 7px;
                }

                .phone .foot li a span {
                    font-size: 12px;
                    line-height: 1.2em;
                    color: #666666;
                    display: block;
                    padding-top: 5px;
                    text-align: center;
                }

    .nt {
        height: 32px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #CCCCCC;
        margin-right: 10px;
        margin-left: 10px;
    }

        .nt .z {
            font-size: 14px;
            line-height: 26px;
            color: #333333;
            height: 26px;
            padding-top: 5px;
            padding-right: 8px;
            padding-left: 8px;
            border-bottom-width: 2px;
            border-bottom-style: solid;
            border-bottom-color: #0DA3E2;
            float: left;
        }

    .nbody {
        margin: 10px;
    }



    /* 分页css代码 白加红*/
    .mblistpage {
        MARGIN: 3px;
        TEXT-ALIGN: center;
        padding: 5px;
    }

        .mblistpage A, .mblistpage A:visited {
            PADDING-RIGHT: 7px;
            PADDING-LEFT: 7px;
            PADDING-BOTTOM: 3px;
            COLOR: #333333;
            font-weight: bold;
            PADDING-TOP: 5px;
            TEXT-DECORATION: none;
            border: 1px solid #CCCCCC;
            background-color: #FFFFFF;
            margin-top: 5px;
            margin-right: 4px;
            margin-bottom: 3px;
            margin-left: 4px;
        }

            .mblistpage A:hover {
                COLOR: #FFFFFF;
                border: 1px solid #990000;
                background-color: #CC0000;
            }

            .mblistpage A:active {
                COLOR: #FFFFFF;
                border: 1px solid #990000;
                background-color: #CC0000;
            }

        .mblistpage SPAN.current {
            PADDING-RIGHT: 7px;
            PADDING-LEFT: 7px;
            PADDING-BOTTOM: 3px;
            COLOR: #FFFFFF;
            font-weight: bold;
            PADDING-TOP: 5px;
            background-color: #CC0000;
            border: 1px solid #990000;
            margin-top: 5px;
            margin-right: 4px;
            margin-bottom: 4px;
            margin-left: 4px;
        }

        .mblistpage SPAN.disabled {
            PADDING-RIGHT: 7px;
            PADDING-LEFT: 7px;
            PADDING-BOTTOM: 3px;
            COLOR: #333333;
            font-weight: bold;
            PADDING-TOP: 5px;
            background-color: #FFFFFF;
            border: 1px solid #CCCCCC;
            margin-top: 5px;
            margin-right: 4px;
            margin-bottom: 4px;
            margin-left: 4px;
        }
    /*end*/

    li.dh_li.dh_li_44 {
        display: none;
    }

    .container.W1160.details_page {
        width: 100%;
    }

    .con_main {
        width: 100%;
    }


    /*移动端导航*/


    .z_mask.active {
        width: 100%;
    }

    .z_mask {
        width: 0%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        background: rgba(0,0,0,.8);
        transition: all .8s;
        z-index: 101;
    }

    .slide_box {
        background: #fff;
        width: 650px;
        height: 100%;
        box-sizing: border-box;
        position: fixed;
        right: 0;
        top: 0;
        padding: 50px 50px 50px 50px;
        box-sizing: border-box;
        z-index: 999;
        transform: translateX(100%);
        transition: all .6s;
        z-index: 101;
    }

        .slide_box .close {
            width: 50px;
            height: 66px;
            position: absolute;
            right: 0;
            top: 0;
            cursor: pointer;
            z-index: 2;
            background: url(../images/close.png) center center no-repeat;
            background-size: 16px;
        }

    .slide_nav {
        width: 100%;
        height: 100%;
        overflow-y: auto;
        position: relative;
        border-top: 1px solid #f0f0f0;
    }

        .slide_nav li {
            border-bottom: 1px solid #f0f0f0;
            position: relative;
        }

            .slide_nav li > a {
                display: block;
                height: 45px;
                color: #333;
                line-height: 45px;
                padding-left: 4%;
                font-size: 15px;
            }

            .slide_nav li .jia {
                display: block;
                width: 50px;
                height: 45px;
                text-align: center;
                line-height: 45px;
                font-size: 0;
                color: #333;
                position: absolute;
                right: 0;
                top: 0;
                background: url(../images/plus.png) center center no-repeat;
                display: none;
                cursor: pointer;
            }

            .slide_nav li .jian {
                display: block;
                width: 50px;
                height: 45px;
                text-align: center;
                line-height: 45px;
                font-size: 0;
                color: #333;
                position: absolute;
                right: 0;
                top: 0;
                background: url(../images/reduce.png) center center no-repeat;
                display: none;
                cursor: pointer;
                background-size: 16px;
            }

                .slide_nav li .jian.on {
                    display: block;
                }

        .slide_nav .nav_down {
            display: none;
        }

            .slide_nav .nav_down a {
                display: block;
                height: 36px;
                color: #7f7f7f;
                line-height: 36px;
                padding-left: 34px;
                font-size: 14px;
                background: url(../z2.png) 15px center no-repeat;
                background-size: auto 10px;
            }

    .wrapper {
        overflow: hidden;
        width: 100%;
        position: relative;
        height: 100%;
        display: block;
    }

    .slide_box.active {
        transform: translateX(0);
    }

    .slide_box {
        width: 80%;
        padding: 66px 0 30px;
    }

    .slide_nav li .jia.on {
        display: block;
        background-size: 16px;
    }



    #hd #week_nav .rt {
        float: right;
        height: 100%;
        display: block;
        position: absolute;
        top: 0px;
        right: 0px;
        right: 10px;
        height: auto;
    }

    .clearfix:after {
        content: '\20';
        display: block;
        height: 0;
        clear: both;
    }

    #week_nav {
        /*        position: fixed;
        left: 0;
        top: 0;
        z-index: 9;
        width: 100%;
        height: 70px;
        background: #fff;
        min-width: 100%;
        border-bottom: 1px solid rgba(255,255,255,0.2);*/
        display: block !important;
    }

    .ind_lonav {
        float: left;
        height: 100%;
        width: 70%;
    }

    #hd #week_nav .rt .sea {
        width: 40px;
        height: 35px;
        float: left;
        cursor: pointer;
        margin-top: 20px;
    }

    #hd #week_nav .rt .dhmenu {
        height: 35px;
        float: left;
        cursor: pointer;
        position: relative;
        margin-top: 25px;
        margin-top: 20px;
    }

    .phone .Logopic.fl img {
        width: calc(100% - 30px)
    }

    .phone .fullSlide .bd ul li {
        background-size: cover !important;
    }

    .phone .fullSlide .hd {
        bottom: 1px;
        display: none;
    }

    .phone .fullSlide .bd li, .phone .fullSlide .bd li a, .phone .fullSlide, .phone .fullSlide .bd ul {
        height: calc(100vw* 0.35) !important;
        overflow: hidden;
    }

        .phone .fullSlide .hd ul {
            height: 14px !important;
        }

            .phone .fullSlide .hd ul li {
                height: 14px !important;
                width: 14px !important;
            }

        .phone .fullSlide .hd {
            bottom: 1px;
            display: none;
        }

    .Logopic.fl {
        width: 300px;
        overflow: hidden;
        border-radius: 10px;
        padding-left: 0px;
        margin-left: 5px;
    }
    .Rseodiv .layui-form-item .layui-inline {
        display: inline-block;
        width: auto !important;
    }
    .Rseodiv .layui-form-item .layui-inline:first-child {
        width: calc(100% - 70px) !important;
    }
	.pic-item.li_4047.product-card {
     width: calc(100% - 16px); 
}.article img {
    width: 100%;
}
}