/*! w3015 产品列表 start  */.producom{width:100%;padding:.8rem 0}
.producom .pronav{width:100%;padding-bottom:.2rem;border-bottom:solid 1px #ddd;margin-bottom:.3rem}
.producom .pronav .swiper-slide{display:inline-block;vertical-align:bottom;width:auto;margin-right:.3rem;height:auto}
.producom .pronav .swiper-slide a{display:inline-block;vertical-align:bottom;color:#333;line-height:20px;font-size:14px;transition:all ease .5s}
.producom .pronav .swiper-slide.on a{color:#2f2f2f;font-size:16px}
.producom .pronav .swiper-slide:hover a{color:#2f2f2f}
.producom .procont{width:100%}
.producom .procont .proem{width:100%;display:none}
.producom .procont .proem.on{display:block}
.producom .solulis{width:100%;font-size:0}
.producom .solulis .solum{display:inline-block;vertical-align:top;width:calc((480 / 1520 * 100%));margin-right:calc((39 / 1520 * 100%));margin-bottom:.4rem}
.producom .solulis .solum a{width:100%;display:block}
.producom .solulis .solum .imgs{width:100%;position:relative;overflow:hidden}
.producom .solulis .solum .imgs .img{width:100%;padding-top:calc(508/480*100%);transition:all ease .5s}
.producom .solulis .solum .vod{width:100%;background-color:#f4f6f8;padding:.3rem;border-bottom:solid .05rem transparent}
.producom .solulis .solum .vod .vt{width:100%;color:#333;font-weight:700;line-height:1.5;height:3em;margin-bottom:.15rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.producom .solulis .solum .vod .vt p{font-weight:700;line-height:1.5}
.producom .solulis .solum .vod .vm{width:100%;color:#666;line-height:1.5;height:4.5em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.producom .solulis .solum:nth-child(3n){margin-right:0}
.producom .solulis .solum:hover{transition:all ease .5s;box-shadow:0 10px 40px 0 rgba(0,32,64,.1)}
.producom .solulis .solum:hover .imgs .img{transform:scale(1.1)}
.producom .solulis .solum:hover .vod{width:100%;background-color:#fff;transition:all ease .5s;border-bottom:solid .05rem #2f2f2f}
.producom .solulis .solum:hover .vod .vt{color:#2f2f2f}
.producom .solulis .solum:hover .vod .vt p{color:#2f2f2f}
.producom .seromd{width:100%;padding-bottom:.2rem;border-bottom:solid 1px #ddd;margin-bottom:.3rem}
.producom .seromd form{width:100%;display:block;font-size:0}
.producom .seromd .inpt{display:inline-block;vertical-align:top;margin-right:calc(9 / 1520 * 100%);margin-bottom:.1rem;width:calc(440 / 1520 * 100%)}
.producom .seromd .inpt .select-con{width:100%;display:inline-block;vertical-align:middle;position:relative;font-size:0;background-color:#fff;border:solid 1px #999;padding:0 .4rem 0 .2rem;overflow:hidden}
.producom .seromd .inpt .select-con .select-value{display:inline-block;vertical-align:middle;width:100%;line-height:3.2;height:3.2em;color:#333}
.producom .seromd .inpt .select-con select{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;opacity:0}
.producom .seromd .inpt .select-con select option{color:#666;font-size:calc(12px - .12rem + .14rem);line-height:2.8;background:#fff}
.producom .seromd .inpt .select-con:after{display:inline-block;content:"";position:absolute;right:.2rem;top:50%;transform:translateY(-50%);z-index:1;width:12px;height:6px;background-image:url(../images/x1.png);background-size:100% 100%}
.producom .seromd .sub{display:inline-block;vertical-align:top;width:calc((170 / 1520) * 100%);text-align:center;height:3.2em;line-height:3.2;color:#fff;position:relative;background-color:#2f2f2f;overflow:hidden;padding:0 .2rem}
.producom .seromd .sub span{display:inline-block;vertical-align:middle;width:19px;margin-right:.1rem;position:relative;top:-.02rem}
.producom .seromd .sub span img{width:100%;display:block}
.producom .seromd .sub input{position:absolute;top:0;left:0;width:100%;height:100%;display:block;opacity:0;cursor:pointer}
.w1520{width:15.2rem;margin:0 auto;position:relative;font-size:0}
@media (max-width:1540px){.w1520{width:94%}
}
@media (max-width:1200px){.q-input{height:30px}
.q-textarea{height:80px;line-height:20px;padding:5px .1rem}
.q-code img{height:30px}
.q-submit{height:30px;line-height:30px}
}
.q-buttom{width:100%;padding-top:.1rem}
/*! w3015 产品列表 end  */

.pages {
    text-align: center;
    width: 100%;
    font-size: 0;
    display: block;
    padding-top: 0.3rem;
}

.pages .page {
    display: inline-block;
    vertical-align: middle;
    width: 0.6rem;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
    color: #666;
    cursor: pointer;
    border: solid 1px #dddddd;
    background-color: #fff;
    margin: 0 0.05rem;
    transition: all ease 0.3s;
}

.pages .page.ltn {
    background-image: url("../images/b1.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.pages .page.rtn {
    background-image: url("../images/b2.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.pages .page.on {
    background-color: #2f2f2f;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border: solid 1px #2f2f2f;
    color: #fff;
}

.pages .page.on.ltn,
.pages .page.ltn:hover {
    background-image: url("../images/b3.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    opacity: 1;
    border: solid 1px #2f2f2f;
    color: #fff;
}

.pages .page.on.rtn,
.pages .page.rtn:hover {
    background-image: url("../images/b4.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    opacity: 1;
}

.pages .page:hover {
    background-color: #2f2f2f;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border: solid 1px #2f2f2f;
    color: #fff;
}

@media (max-width: 900px) {
    .pages .page {
        width: 0.7rem;
        height: 0.7rem;
        line-height: 0.7rem;
    }
}