
/*! p5005 产品列表 start  */
.nav{position: relative;width:100%;padding-bottom:.5rem;background-size:cover;background-position:center center;background-repeat:no-repeat}
 .my-id{position: absolute;top: -1rem;}
.nav-cont{width:15.7rem;margin:0 auto}
.nav-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}
.nav-left{float:left;position:relative;z-index:88;width:2.6rem;margin-top:-.7rem;text-align:center}
.nav-left:before{content:'';position:absolute;top:-.345rem;left:0;width:100%;height:.35rem;background-image:url(/static/home/images/a19.png);background-size:2.6rem .35rem;background-position:center center;background-repeat:no-repeat}
.nav-titles{position:relative;width:100%;line-height:.7rem;color:#fff;background-color:#15b5a4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.nav-list{width:100%;background-color:#f8f8f8}
.nav-item{display:block;position:relative}
.nav-one{width:100%;display:block;position:relative}
.nav-link{display:block;position:relative;cursor:pointer;color:#333;width:100%;padding:.2rem 2em;line-height:1.8;border-bottom:1px solid rgba(0,0,0,.08)}
.nav-buttom{display:none;cursor:pointer;position:absolute;top:0;right:0;width:2em;height:100%}
.nav-buttom:after{content:'+';position:absolute;top:50%;left:0;transform:translate(0,-50%);width:100%;text-align:center;font-weight:700;font-size:1.2em}
.nav-item.has-two .nav-buttom{display:block}
.nav-item.show .nav-buttom:after{content:'-'}
.nav-item:hover .nav-link{color:#fff;background-color:#ff9920;border-bottom:1px solid #ff9920}
.nav-item:hover .nav-buttom:after{color:#fff}
.nav-item.active .nav-link{color:#fff;background-color:#ff9920;border-bottom:1px solid #ff9920}
.nav-item.active .nav-buttom:after{color:#fff}
.nav-item.show .nav-link{color:#fff;background-color:#ff9920;border-bottom:1px solid #ff9920}
.nav-item.show .nav-buttom:after{color:#fff}
.nav-sub{display:none;width:100%}
.nav-two{display:block;position:relative;cursor:pointer;color:#888;width:100%;padding:.2rem .15rem;line-height:1.8;border-bottom:1px solid rgba(0,0,0,.08)}
.nav-two:before{content:'';position:absolute;top:50%;left:0;transform:translate(0,-50%);width:.04rem;height:1em;background-color:transparent}
.nav-two.active:before{background-color:#ff9920}
.nav-two:hover:before{background-color:#ff9920}
.nav-right{float:right}
@media(max-width:750px){.nav-cont{width:100%;max-width:500px;padding-left:10px;padding-right:10px}
.nav-left{width:100%;margin-top:0}
.nav-left:before{display:none}
.nav-list{width:100%;text-align:center;padding:.05rem 0;background-color:#fff}
.nav-item{display:inline-block;vertical-align:middle;width:100%;margin:0 0 .15rem}
.nav-item.has-two{display:block;width:100%;margin:0 0 .15rem}
.nav-titles{display:none}
.nav-right{width:100%}
}
.j-a{width:12.6rem;padding-top:.6rem;padding-bottom:.4rem}
.j-cont{width:100%}
.j-titles{color:#333;text-align:center;font-weight:700;margin-bottom:.55rem}
.j-list{width:100%;padding-bottom:.3rem;font-size:0}
.j-item{display:inline-block;vertical-align:top;cursor:pointer;width:3.9rem;margin-right:.4rem;margin-bottom:.5rem;background-color:#fbfafa}
.j-item:nth-child(3n){margin-right:0}
.j-img{width:100%;overflow:hidden;position:relative;height:2.58rem}
.j-img img{position:absolute;top:5%;left:5%;height:90%;width:90%;object-fit:contain;transform:scale(1);transition:all .5s}
.j-text{width:100%;padding:.2rem .15rem;text-align:center}
.j-name{width:100%;color:#555;line-height:1.3;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.j-item:hover{background-color:#15b5a4}
.j-item:hover .j-img img{transform:scale(1.05)}
.j-item:hover .j-name{color:#fff}
@media(max-width:750px){.j-a{width:100%}
.j-item{width:calc(50% - .15rem);margin-right:.3rem}
.j-item:nth-child(3n){margin-right:.3rem}
.j-item:nth-child(2n){margin-right:0}
.j-img{height:auto;padding-top:65.98%}
}
/*! p5005 产品列表 end  */

.paging {
    width: 100%;
    text-align: center;
    font-size: 0;
}

.paging-a {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    padding: .15rem .23rem;
    margin: 0 .05rem .1rem;
    color: #666666;
    background-color: #ffffff;
    border: solid 1px #dbdbdb;
}

.paging-b {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    padding: .15rem .2rem;
    margin: 0 .05rem .1rem;
    color: #666666;
    background-color: #ffffff;
    border: solid 1px #dbdbdb;
}

.paging-c {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    padding: .15rem .2rem;
    margin: 0 .05rem .1rem;
    color: #666666;
    background-color: #ffffff;
    border: solid 1px #dbdbdb;
}

.paging-a:hover,
.paging-b:hover,
.paging-c:hover {
    background-color: #15b5a4;
    color: #fff;
    border: 1px solid #15b5a4;
}

.paging-c.active {
    background-color: #15b5a4;
    color: #fff;
    border: .01rem solid #15b5a4;
}

.paging-a,
.paging-b,
.paging-c {
    font-size: calc(16 * 100vw / 1920);
}

@media(max-width: 1584px) {

    .paging-a,
    .paging-b,
    .paging-c {
        font-size: 13.2px;
    }
}

@media(max-width: 750px) {

    .paging-a,
    .paging-b,
    .paging-c {
        font-size: 12px;
    }
}
