.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}
.j-img img{width:100%;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:#1a63dc}
.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}
}
.nav-mbtn{margin-top:.3rem}
.nav-mbtn .button{width:100%;height:2.5em;background-color:#1a63dc;color:#fff;border:none;border-radius:.1rem;cursor:pointer}
.user-nav-up{margin-bottom:.3rem}
.user-nav-up .button{width:100%;height:3.125em;background-color:#1a63dc;color:#fff;border:none;border-radius:.1rem;cursor:pointer}
@media screen and (min-width:751px){.nav-mbtn{display:none}
.user-nav-up{display:none}
}
@media screen and (max-width:750px){.nav-left{z-index:101!important}
.user-nav{width:100%;position:fixed;left:-100%;top:0;height:100vh;overflow-y:auto;padding:.3rem;background-color:#fff;transition:all .5s;z-index:101}
.user-nav.mshow{left:0}
}
.pro-from{margin:.3rem 0}
.pro-from .inp{width:5rem;position:relative}
.pro-from .ip{width:100%;height:3em;border:1px solid #999;padding:0 .2rem}
.pro-from .submit{position:absolute;right:.1rem;top:50%;transform:translateY(-50%);width:1em;height:1em;border-radius:50%;background-color:#fff;border:none;cursor:pointer;background-image:url(/static/home/images/h-mag-b.png);background-repeat:no-repeat;background-position:center;background-size:50% auto}
@media screen and (max-width:750px){.pro-from .inp{width:100%}
}

.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: #1a63dc;color: #fff;border: 1px solid #1a63dc;}
.paging-c.active{background-color: #1a63dc;color: #fff;border: .01rem solid #1a63dc;}
.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;}
}