@charset "utf-8";
/* CSS Document */

.product-box{width: 100%; padding: 35px 0; background-color: #f4f4f4;}
.postion{width: 100%; max-width: 1200px; text-align: left; font-size: 14px; color: #231f20; margin: 0 auto 20px auto;}
.postion a{font-size: 14px; color: #231f20;}

.product-list-content{width: 100%; max-width: 1200px; margin: 0px auto 0px auto; padding: 0px 0px; text-align: center; font-size: 0;}
.product-content{width: 100%; max-width: 1200px; margin: 0px auto 0px auto; padding: 0px 0px; text-align: center; font-size: 0;}
.product-content div{width: 360px; height: 270px; font-size: 30px; margin-right: 60px; margin-bottom: 65px; display: inline-block; position: relative;
}
.product-content div:nth-child(3n+0){margin-right: 0;}
.product-content div img{
    width: 100%;
    height: 100%;
     border: 0;
}
.product-content>div>a{
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAAH6Nf8rAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJCMEEyRkJBQ0M3RjExRTdBMzIwRkI4MkIwQzlFQTc4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJCMEEyRkJCQ0M3RjExRTdBMzIwRkI4MkIwQzlFQTc4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkIwQTJGQjhDQzdGMTFFN0EzMjBGQjgyQjBDOUVBNzgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkIwQTJGQjlDQzdGMTFFN0EzMjBGQjgyQjBDOUVBNzgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz51fdjbAAAAQUlEQVR42mJkYGBIA2IGJgYoAAggEEoD8wACiBEmBwIAAcSIoRDOAAggFHUYssgAIICIV0mhIECAYbWIaN2DTCEA7LcC6/zkfC0AAAAASUVORK5CYII=') 0 0  repeat;
    text-align: center;
    color: #fff;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.product-content>a{
    display: block;
    margin: 60px auto;
    width: 148px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #000000;
    font-size: 20px;
    color: #1f1b1c;
    font-family: "Arial","微软雅黑";
}
.product-content a:hover{
    text-decoration: none;
}


@media screen and (min-width: 780px) and (max-width: 1199px) {
    .product-box{width: 100%; padding: 20px 12px; background-color: #f4f4f4;}
    .postion{width: 100%; max-width: 100%; text-align: left; font-size: 14px; color: #231f20; margin: 0 auto 20px auto;}
    .postion a{font-size: 14px; color: #231f20;}

    .product-list-content{width: 100%; max-width: 100%; margin: 0px auto 0px auto; padding: 0px 0px; text-align: center; font-size: 0;}
    .product-content{width: 100%; max-width: 100%; margin: 0px auto 0px auto; padding: 0px 0px; text-align: center; font-size: 0;}
    .product-content div{width: 30%; width:-moz-calc((100% - 20px) / 3); width:-webkit-calc((100% - 20px) / 3); width: calc((100% - 20px) / 3);  height: auto; font-size: 30px; margin-right: 10px; margin-bottom: 15px; display: inline-block; position: relative;
    }
    .product-content div:nth-child(3n+0){margin-right: 0;}
    .product-content div img{
        width: 100%;
        height: auto;
        border: 0;
    }
    .product-content>div>a{
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAAH6Nf8rAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJCMEEyRkJBQ0M3RjExRTdBMzIwRkI4MkIwQzlFQTc4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJCMEEyRkJCQ0M3RjExRTdBMzIwRkI4MkIwQzlFQTc4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkIwQTJGQjhDQzdGMTFFN0EzMjBGQjgyQjBDOUVBNzgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkIwQTJGQjlDQzdGMTFFN0EzMjBGQjgyQjBDOUVBNzgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz51fdjbAAAAQUlEQVR42mJkYGBIA2IGJgYoAAggEEoD8wACiBEmBwIAAcSIoRDOAAggFHUYssgAIICIV0mhIECAYbWIaN2DTCEA7LcC6/zkfC0AAAAASUVORK5CYII=') 0 0  repeat;
        text-align: center;
        color: #fff;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .product-content>a{
        display: block;
        margin: 60px auto;
        width: 148px;
        height: 38px;
        line-height: 38px;
        border: 1px solid #000000;
        font-size: 20px;
        color: #1f1b1c;
        font-family: "Arial","微软雅黑";
    }
    .product-content a:hover{
        text-decoration: none;
    }
}

@media screen and (min-width: 480px) and (max-width: 779px) {
    .product-box{width: 100%; padding: 20px 12px; background-color: #f4f4f4;}
    .postion{width: 100%; max-width: 100%; text-align: left; font-size: 14px; color: #231f20; margin: 0 auto 20px auto;}
    .postion a{font-size: 14px; color: #231f20;}

    .product-list-content{width: 100%; max-width: 100%; margin: 0px auto 0px auto; padding: 0px 0px; text-align: center; font-size: 0;}
    .product-content{width: 100%; max-width: 100%; margin: 0px auto 0px auto; padding: 0px 0px; text-align: center; font-size: 0;}
    .product-content div{width: 50%; width:-moz-calc((100% - 15px) / 2); width:-webkit-calc((100% - 15px) / 2); width: calc((100% - 15px) / 2);  height: auto; font-size: 20px; margin-right: 15px; margin-bottom: 15px; display: inline-block; position: relative;
    }
    .product-content div:nth-child(3n+0){margin-right: 15px;}
    .product-content div:nth-child(2n+0){margin-right: 0px;}
    .product-content div img{
        width: 100%;
        height: auto;
        border: 0;
    }
    .product-content>div>a{
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAAH6Nf8rAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJCMEEyRkJBQ0M3RjExRTdBMzIwRkI4MkIwQzlFQTc4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJCMEEyRkJCQ0M3RjExRTdBMzIwRkI4MkIwQzlFQTc4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkIwQTJGQjhDQzdGMTFFN0EzMjBGQjgyQjBDOUVBNzgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkIwQTJGQjlDQzdGMTFFN0EzMjBGQjgyQjBDOUVBNzgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz51fdjbAAAAQUlEQVR42mJkYGBIA2IGJgYoAAggEEoD8wACiBEmBwIAAcSIoRDOAAggFHUYssgAIICIV0mhIECAYbWIaN2DTCEA7LcC6/zkfC0AAAAASUVORK5CYII=') 0 0  repeat;
        text-align: center;
        color: #fff;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .product-content>a{
        display: block;
        margin: 60px auto;
        width: 148px;
        height: 38px;
        line-height: 38px;
        border: 1px solid #000000;
        font-size: 20px;
        color: #1f1b1c;
        font-family: "Arial","微软雅黑";
    }
    .product-content a:hover{
        text-decoration: none;
    }
    
}

@media screen and (max-width: 479px) {
    .product-box{width: 100%; padding: 15px 12px; background-color: #f4f4f4;}
    .postion{width: 100%; max-width: 100%; text-align: left; font-size: 14px; color: #231f20; margin: 0 auto 20px auto;}
    .postion a{font-size: 14px; color: #231f20;}

    .product-list-content{width: 100%; max-width: 100%; margin: 0px auto 0px auto; padding: 0px 0px; text-align: center; font-size: 0;}
    .product-content{width: 100%; max-width: 100%; margin: 0px auto 0px auto; padding: 0px 0px; text-align: center; font-size: 0;}
    .product-content div{width: 100%; height: auto; font-size: 20px; margin-right: 0px; margin-bottom: 15px; display: inline-block; position: relative;
    }
    .product-content div:nth-child(2n+0){margin-right: 0px;}
    .product-content div:nth-child(3n+0){margin-right: 0px;}
    .product-content div img{
        width: 100%;
        height: auto;
        border: 0;
    }
    .product-content>div>a{
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAAH6Nf8rAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJCMEEyRkJBQ0M3RjExRTdBMzIwRkI4MkIwQzlFQTc4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJCMEEyRkJCQ0M3RjExRTdBMzIwRkI4MkIwQzlFQTc4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkIwQTJGQjhDQzdGMTFFN0EzMjBGQjgyQjBDOUVBNzgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkIwQTJGQjlDQzdGMTFFN0EzMjBGQjgyQjBDOUVBNzgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz51fdjbAAAAQUlEQVR42mJkYGBIA2IGJgYoAAggEEoD8wACiBEmBwIAAcSIoRDOAAggFHUYssgAIICIV0mhIECAYbWIaN2DTCEA7LcC6/zkfC0AAAAASUVORK5CYII=') 0 0  repeat;
        text-align: center;
        color: #fff;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .product-content>a{
        display: block;
        margin: 60px auto;
        width: 148px;
        height: 38px;
        line-height: 38px;
        border: 1px solid #000000;
        font-size: 20px;
        color: #1f1b1c;
        font-family: "Arial","微软雅黑";
    }
    .product-content a:hover{
        text-decoration: none;
    }

}

.product-content-full{width: 100%; padding: 35px 0; background-color: #f4f4f4;}
.product-content-page{width: 1200px; margin: 0px auto 0px auto; padding: 34px 0 0px 0px; background-color: #ffffff;}
.product-content-box{width: 1120px; margin: 0px auto 0px auto; padding: 0 0;}
.product-article{width: 100%; margin: 0 auto; text-align: center; font-size: 0}

.pro_simg{width: 480px; height: 410px; display: inline-block; *display: inline;}
/*内容页幻灯和标题*/
.pro_simg .swiper-container {
    width: 480px;
    height: 410px;
    margin: 0px auto;
}
.pro_simg .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
}
.pro_simg .swiper-slide img{max-width: 480px; height: auto;}
.swiper-pagination .swiper-pagination-bullet{width:16px; height:16px; border: 2px solid #000; background-color: #fff;}
.swiper-pagination .swiper-pagination-bullet-active{border: 2px solid #f4c303; background-color: #f4c303;}

.pro_stit{width: 560px; width:-moz-calc((100% - 560px)); width:-webkit-calc((100% - 560px)); width: calc((100% - 560px)); display: inline-block;  *display: inline; text-align: left; vertical-align: top; margin-left: 80px;}
.p_title{width: 100%; font-size: 24px; color: #333333;}
.p_fulltitle{width: 100%; font-size: 16px; color: #333333; margin-top: 8px;}
.p_price{width: 100%; height: 55px; line-height: 55px; background-color: #f5f5f5; font-size: 16px; color: #666666; padding: 0 20px; margin: 30px 0;}
.p_price p{float: left;}
.p_price p:first-child{margin-right: 60px;}
.p_price i{font-style: normal; float: left;}
.p_price em, .p_price span{font-size: 16px; color: #666666; font-style: normal; float: left;}
.p_arts{width:100%; font-size: 16px; color: #666; margin-bottom: 10px; line-height: 24px;}


.product-info-tips{width: 1120px; height: 50px; line-height: 50px; border-bottom: 1px solid #dcdcdc; margin: 0 auto; padding: 0 0;}
.product-info-tips div{width: 100px; text-align: center; font-size: 16px; color: #e0040a; border-bottom: 2px solid #e0040a; height: 49px;}

@media screen and (min-width: 780px) and (max-width: 1199px) {
    .product-content-full{width: 100%; padding: 20px 12px; background-color: #ffffff;}
    .product-content-page{width: 100%; margin: 0px auto 0px auto; padding: 34px 0px 0px 0px; background-color: #ffffff;}
    .product-content-box{width: 100%; margin: 0px auto 0px auto; padding: 0 0;}
    .product-article{width: 100%; margin: 0 auto; text-align: center; font-size: 0}

    .pro_simg{width: 480px; height: 410px; display: inline-block; *display: inline;}
    /*内容页幻灯和标题*/
    .pro_simg .swiper-container {
        width: 480px;
        height: 410px;
        margin: 0px auto;
    }
    .pro_simg .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
    }
    .pro_simg .swiper-slide img{max-width: 480px; height: auto;}
    .pro_stit{width: 300px; width:-moz-calc((100% - 500px)); width:-webkit-calc((100% - 500px)); width: calc((100% - 500px)); display: inline-block;  *display: inline; text-align: left; vertical-align: top; margin-left: 20px;}
    .p_title{width: 100%; font-size: 24px; color: #333333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
    .p_price{width: 100%; height: 40px; line-height: 40px; background-color: #f5f5f5; font-size: 14px; color: #666666; padding: 0 20px; margin: 20px 0;}
    .p_price p{float: left;}
    .p_price p:first-child{margin-right: 60px;}
    .p_price i{font-style: normal; float: left;}
    .p_price em, .p_price span{font-size: 16px; color: #666666; font-style: normal; float: left;}
    .p_arts{width:100%; font-size: 16px; color: #666; margin-bottom: 10px; line-height: 24px;}

    .product-info-tips{width: 100%; width:-moz-calc((100% - 24px)); width:-webkit-calc((100% - 24px)); width: calc((100% - 24px)); height: 50px; line-height: 50px; border-bottom: 1px solid #dcdcdc; margin: 0 auto;}
    .product-info-tips div{width: 100px; text-align: center; font-size: 16px; color: #e0040a; border-bottom: 2px solid #e0040a; height: 49px;}
}

@media screen and (min-width: 480px) and (max-width: 779px) {
    .product-content-full{width: 100%; padding: 10px 12px; background-color: #ffffff;}
    .product-content-page{width: 100%; margin: 0px auto 0px auto; padding: 15px 0px 0px 0px; background-color: #ffffff;}
    .product-content-box{width: 100%; margin: 0px auto 0px auto; padding: 0 0;}
    .product-article{width: 100%; margin: 0 auto; text-align: center; font-size: 0}

    .pro_simg{width:100%; height: 410px; display: inline-block; *display: inline;}

    .pro_stit{width: 100%;  display: inline-block;  *display: inline; text-align: left; vertical-align: top; margin-left: 0px;}
    .p_title{width: 100%; font-size: 24px; color: #333333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
    .p_price{width: 100%; height: 40px; line-height: 40px; background-color: #f5f5f5; font-size: 16px; color: #666666; padding: 0 20px; margin: 20px 0;}
    .p_price p{float: left;}
    .p_price p:first-child{margin-right: 60px;}
    .p_price i{font-style: normal; float: left;}
    .p_price em, .p_price span{font-size: 16px; color: #666666; font-style: normal; float: left;}
    .p_arts{width:100%; font-size: 16px; color: #666; margin-bottom: 10px; line-height: 24px;}


    .product-info-tips{width: 100%; width:-moz-calc((100% - 24px)); width:-webkit-calc((100% - 24px)); width: calc((100% - 24px)); height: 50px; line-height: 50px; border-bottom: 1px solid #dcdcdc; margin: 0 auto;}
    .product-info-tips div{width: 100px; text-align: center; font-size: 16px; color: #e0040a; border-bottom: 2px solid #e0040a; height: 49px;}
}

@media screen and (min-width: 380px) and (max-width: 479px) {
    .product-content-full{width: 100%; padding: 10px 12px; background-color: #ffffff;}
    .product-content-page{width: 100%; margin: 0px auto 0px auto; padding: 10px 0px 0px 0px; background-color: #ffffff;}
    .product-content-box{width: 100%; margin: 0px auto 0px auto; padding: 0 0;}
    .product-article{width: 100%; margin: 0 auto; text-align: center; font-size: 0}
    
    .pro_simg{width:100%;  height: 410px; display: inline-block; *display: inline;}
    .pro_simg .swiper-container {
        width: 100%;
        height: 410px;
        margin: 0px auto;
    }
    .pro_simg .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
    }
    .pro_simg .swiper-slide img{max-width: 100%; height: auto;}

    .pro_stit{width: 100%;  display: inline-block;  *display: inline; text-align: left; vertical-align: top; margin-left: 0px;}
    .p_title{width: 100%; font-size: 20px; color: #333333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
    .p_price{width: 100%; height: 40px; line-height: 40px; background-color: #f5f5f5; font-size: 14px; color: #666666; padding: 0 10px; margin: 10px 0;}
    .p_price p{float: left;}
    .p_price p:first-child{margin-right: 40px;}
    .p_price i{font-style: normal; float: left;}
    .p_price em, .p_price span{font-size: 14px; color: #666666; font-style: normal; float: left;}
    .p_arts{width:100%; font-size: 14px; color: #666; margin-bottom: 8px; line-height: 24px;}


    .product-info-tips{width: 100%; width:-moz-calc((100% - 24px)); width:-webkit-calc((100% - 24px)); width: calc((100% - 24px)); height: 40px; line-height: 40px; border-bottom: 1px solid #dcdcdc; margin: 0 auto;}
    .product-info-tips div{width: 100px; text-align: center; font-size: 14px; color: #e0040a; border-bottom: 2px solid #e0040a; height: 39px;}
}

@media screen and (min-width: 320px) and (max-width: 379px) {
    .product-content-full{width: 100%; padding: 10px 12px; background-color: #ffffff;}
    .product-content-page{width: 100%; margin: 0px auto 0px auto; padding: 10px 0px 0px 0px; background-color: #ffffff;}
    .product-content-box{width: 100%; margin: 0px auto 0px auto; padding: 0 0;}
    .product-article{width: 100%; margin: 0 auto; text-align: center; font-size: 0}
    
    .pro_simg{width:100%;  height: 310px; display: inline-block; *display: inline;}
    .pro_simg{width: 100%; height: 310px; display: inline-block; *display: inline;}
    /*内容页幻灯和标题*/
    .pro_simg .swiper-container {
        width: 100%;
        height: 310px;
        margin: 0px auto;
    }
    .pro_simg .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
    }
    .pro_simg .swiper-slide img{max-width: 100%; height: auto;}

    .pro_stit{width: 100%;  display: inline-block;  *display: inline; text-align: left; vertical-align: top; margin-left: 0px;}
    .p_title{width: 100%; font-size: 18px; color: #333333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
    .p_price{width: 100%; height: 40px; line-height: 40px; background-color: #f5f5f5; font-size: 14px; color: #666666; padding: 0 10px; margin: 10px 0;}
    .p_price p{float: left;}
    .p_price p:first-child{margin-right: 40px;}
    .p_price i{font-style: normal; float: left;}
    .p_price em, .p_price span{font-size: 14px; color: #666666; font-style: normal; float: left;}
    .p_arts{width:100%; font-size: 14px; color: #666; margin-bottom: 5px; line-height: 24px;}


    .product-info-tips{width: 100%; width:-moz-calc((100% - 24px)); width:-webkit-calc((100% - 24px)); width: calc((100% - 24px)); height: 40px; line-height: 40px; border-bottom: 1px solid #dcdcdc; margin: 0 auto;}
    .product-info-tips div{width: 100px; text-align: center; font-size: 14px; color: #e0040a; border-bottom: 2px solid #e0040a; height: 39px;}
}

@media screen and (max-width: 319px) {
    .product-content-box{width: 100%; margin: 10px auto; padding: 0 12px;}
    .product-article{width: 100%;  margin: 0 auto; text-align: center; font-size: 0}
    
    .pro_simg{width:100%;  height: 330px; display: inline-block; *display: inline;}
    .pro_simg{width: 290px; height: 330px; display: inline-block; *display: inline;}
    /*内容页幻灯和标题*/
    .pro_simg .swiper-container {
        width: 290px;
        height: 330px;
        margin: 0px auto;
    }
    .pro_simg .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
    }
    .pro_simg .swiper-slide img{max-width: 290px; height: auto;}

    .pro_stit{width: 100%;  display: inline-block;  *display: inline; text-align: left; vertical-align: top; margin-left: 0px;}
    .p_title{width: 100%; font-size: 14px; color: #333333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
    .p_price{width: 100%; height: 40px; line-height: 40px; background-color: #f5f5f5; font-size: 12px; color: #666666; padding: 0 10px; margin: 10px 0;}
    .p_price p{float: left;}
    .p_price p:first-child{margin-right: 40px;}
    .p_price i{font-style: normal; float: left;}
    .p_price em, .p_price span{font-size: 14px; color: #e0040a; font-style: normal; float: left;}
    .p_arts{width:100%; font-size: 12px; color: #666; margin-bottom: 10px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}


    .product-info-tips{width: 100%; width:-moz-calc((100% - 24px)); width:-webkit-calc((100% - 24px)); width: calc((100% - 24px)); height: 40px; line-height: 40px; border-bottom: 1px solid #dcdcdc; margin: 0 auto;}
    .product-info-tips div{width: 100px; text-align: center; font-size: 14px; color: #e0040a; border-bottom: 2px solid #e0040a; height: 39px;}
}

.product-info-cons{width: 100%; max-width: 1120px; margin: 30px auto 30px auto; padding: 0 0;}
.product-info-cons img{width: auto; height: auto; overflow: hidden;}
.product-info-cons img.auto{width: 100%; height: auto; overflow: hidden;}

@media screen and (max-width: 1199px) {
    .product-info-cons{width: 100%; max-width: 1200px; margin: 20px auto 20px auto; padding: 0 12px;}
    .product-info-cons img{width: auto; height: auto; overflow: hidden;}
    .product-info-cons img.auto{width: 100%; height: auto; overflow: hidden;}
}

@media screen and (max-width: 640px) {
    .product-info-cons{width: 100%; max-width: 1200px; margin: 20px auto 20px auto; padding: 0 12px;}
    .product-info-cons img{width: 100%; height: auto; overflow: hidden;}
    .product-info-cons img.auto{width: 100%; height: auto; overflow: hidden;}
}

.mask-img{
    top:0;
    left:0;
    position:fixed;
    width: 100%;
    height:100%;
    background: #000;
    opacity: .5;
    z-index: 2;
}

.enlarge-img{
    overflow: hidden;
    z-index: 20;
    position: fixed;
}

.enlarge-img img{
    border:13px solid #fff;
}

.enlarge-close{
    width: 32px;
    height: 32px;
    position: fixed;
    z-index: 21;
    cursor: pointer;
    background: url("../../img/close.png") no-repeat center center;
}