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

    .productlist {
        padding-top: 40px;
    }

        .productlist .productlistLeft {
            width: 100%;
        }

        .productlist dl.cart dt {
            margin-top: 0px;
            text-indent: 10px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            font-size: 18px;
            padding-left: 45px;
            border-top: 1px solid #e5e5e5;
        }

        .productlist dl.cart dd {
            height: 16px;
            line-height: 16px;
            padding: 8px 0;
            display: none;
            color: #666;
        }

        .productlist dl.cart dt span {
            padding-right: 30px;
        }

        .productlist dl.cart dd {
            width: 50%;
            float: left;
            text-indent: 10px;
        }

    .productlistRight {
        width: 100%;
        background: #f2f2f2;
        float: none;
        height: auto;
        overflow: hidden;
    }

        .productlistRight h2 {
            font-size: 30px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            font-weight: bold;
            margin-top: 20px;
        }

    .searchBox {
        height: 35px;
        width: 100%;
    }

    .searchRight {
        width: 90%;
        margin: 0 5%;
        padding: 0;
        border: 1px solid #ddd;
    }

        .searchRight select {
            width: 100%;
            float: left;
            height: 35px;
            text-indent: 0px;
            background: #f2f2f2;
        }

    .productlistRight ul {
        padding: 0;
        width: 100%;
    }

        .productlistRight ul li {
            width: 49%;
            margin-bottom: 10px;
            float: left;
            background: #fff;
            margin-right: 0;
        }

    .mark {
        display: none;
    }

    .shopinfo img {
        width: 100%;
        padding: 50px 0 0 0;
        height: 100%;
        display: block;
    }

    .productlistRight ul li:hover {
        box-shadow: none;
    }

        .productlistRight ul li:hover .summary {
            display: none;
            box-shadow: 0 0 0 #ccc;
        }

    .page {
        text-align: center;
        padding: 15px 0 20px;
        clear: both;   background:#fff;
        margin:0;
    }

        .page a {
            height: 25px;
            padding: 0 10px;
            line-height: 25px;
        }

            .page a:active {
                background: #000;
                color: #fff;
            }

    .content {
        width: 94%;
        margin: 0 3%;
        text-align: left;
    }

    .bannerAd {
        height: 300px;
        background: url(../images/contact.jpg) no-repeat center center;
        padding-top: 75px;
    }

    .bannerAdTxt h2 {
        font-size: 20px;
    }
     .show {
    padding:0;}
    .showleft {
width:100%;padding:10px 0;  background:#fff;}
.showright {
  width:96%; margin:0 2%;
   float:none;
  height:auto;overflow:hidden;  padding:15px 0;
}
.productlistRight ul.newlist {
width:100%;background:#fff;}
.new_title {
margin-top:15px;
   
    font-size:20px;}
}
/*在768 和991 像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width: 768px) and (max-width: 991px) {

    .container {
        width: 100%;
    }

    .productlist {
        padding-top: 40px;
    }

        .productlist .productlistLeft {
            width: 100%;
        }

        .productlist dl.cart dt {
            margin-top: 0px;
            text-indent: 10px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            font-size: 18px;
            padding-left: 45px;
            border-top: 1px solid #e5e5e5;
        }

        .productlist dl.cart dd {
            height: 16px;
            line-height: 16px;
            padding: 8px 0;
            display: none;
            color: #666;
        }

        .productlist dl.cart dt span {
            padding-right: 30px;
        }

        .productlist dl.cart dd {
            width: 50%;
            float: left;
            text-indent: 10px;
        }

    .productlistRight {
        width: 100%;
        background: #f2f2f2;
        float: none;
        height: auto;
        overflow: hidden;
    }

        .productlistRight h2 {
            font-size: 30px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            font-weight: bold;
            margin-top: 20px;
        }

    .searchBox {
        height: 35px;
        width: 100%;
    }

    .searchRight {
        width: 90%;
        margin: 0 5%;
        padding: 0;
        border: 1px solid #ddd;
    }

        .searchRight select {
            width: 100%;
            float: left;
            height: 35px;
            text-indent: 0px;
            background: #fff;
        }

    .productlistRight ul {
        padding: 0;
        width: 100%;
    }

        .productlistRight ul li {
            width: 49%;
            margin-bottom: 10px;
            float: left;
            background: #fff;
            margin-right: 0;
        }

    .mark {
        display: none;
    }

    .shopinfo img {
        width: 100%;
        padding: 50px 0 0 0;
        height: 100%;
        display: block;
    }

    .productlistRight ul li:hover {
        box-shadow: none;
    }

        .productlistRight ul li:hover .summary {
            display: none;
            box-shadow: 0 0 0 #ccc;
        }

    .page {
        text-align: center;
        padding: 15px 0 20px;
        clear: both;
        background:#fff; margin:0;
    }

        .page a {
            height: 25px;
            padding: 0 10px;
            line-height: 25px;
        }

            .page a:active {
                background: #000;
                color: #fff;
            }

    .content {
        width: 94%;
        margin: 0 3%;
        text-align: left;
    }

    .bannerAd {
        height: 300px;
        background: url(../images/contact.jpg) no-repeat center center;
        padding-top: 75px;
    }

    .bannerAdTxt h2 {
        font-size: 20px;
    }

      .show {
    padding:0;}
    .showleft {
width:100%;padding:10px 0;  background:#fff;}
.showright {
  width:96%; margin:0 2%;
   float:none;
  height:auto;overflow:hidden;  padding:15px 0;
}


.productlistRight ul.newlist {
width:100%;background:#fff;}
.new_title {
margin-top:15px;
   
    font-size:20px;}
}
/*在480 和767 像素之间的屏幕里，超小屏幕，主要是手机*/

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

    .productlist {
        padding-top: 40px;
    }

        .productlist .productlistLeft {
            width: 100%;
        }

        .productlist dl.cart dt {
            margin-top: 0px;
            text-indent: 10px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            font-size: 16px;
            padding-left: 45px;
            border-top: 1px solid #e5e5e5;
        }

        .productlist dl.cart dd {
            height: 16px;
            line-height: 16px;
            padding: 8px 0;
            display: none;
            color: #666;
        }

        .productlist dl.cart dt span {
            padding-right: 30px;
        }

        .productlist dl.cart dd {
            width: 50%;
            float: left;
            text-indent: 10px;
        }

    .productlistRight {
        width: 100%;
        background: #f2f2f2;
        float: none;
        height: auto;
        overflow: hidden;
    }

        .productlistRight h2 {
            font-size: 20px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            font-weight: bold;
            margin-top: 20px;
        }

    .searchBox {
        height: 35px;
        width: 100%;
    }

    .searchRight {
        width: 90%;
        margin: 0 5%;
        padding: 0;
        border: 1px solid #ddd;
    }

        .searchRight select {
            width: 100%;
            float: left;
            height: 35px;
            text-indent: 0px;
            background: #f2f2f2;
        }

    .productlistRight ul {
        padding: 0;
        width: 100%;
    }

        .productlistRight ul li {
            width: 49%;
            margin-bottom: 10px;
            float: left;
            background: #fff;
            margin-right: 0;
        }

    .mark {
        display: none;
    }

    .shopinfo img {
        width: 100%;
        padding: 50px 0 0 0;
        height: 100%;
        display: block;
    }

    .productlistRight ul li:hover {
        box-shadow: none;
    }

        .productlistRight ul li:hover .summary {
            display: none;
            box-shadow: 0 0 0 #ccc;
        }

    .page {
        text-align: center;
        padding: 15px 0 20px;
        clear: both;   background:#fff;   margin:0;
    }

        .page a {
            height: 20px;
            padding: 0 6px;
            line-height: 20px;
        }

            .page a:active {
                background: #000;
                color: #fff;
            }


    .content {
        width: 94%;
        margin: 0 3%;
        text-align: left;
    }

    .bannerAd {
        height: 150px;
        background: url(../images/contact.jpg) no-repeat center center;
        padding-top: 75px;
    }

    .bannerAdTxt h2 {
        font-size: 20px;
    }




     .show_title {
    height:auto;
    line-height:30px; width:96%;margin:0 2%;
    font-size:20px;font-weight:bold;  
}

    .show {
    padding:0;}
    .showleft {
width:100%;padding:10px 0;  background:#fff;}
.showright {
  width:96%; margin:0 2%;
   float:none;
  height:auto;overflow:hidden;  padding:15px 0;
}



.productlistRight ul.newlist {
width:100%;background:#fff;}


.new_title {
margin-top:15px;
   
    font-size:20px;}


}