/*! w3015 案例列表 start  */.solucom{width:100%;padding:.8rem 0}
.solucom .solulis{width:100%;font-size:0}
.solucom .solulis .solum{display:inline-block;vertical-align:top;width:calc((480 / 1520 * 100%));margin-right:calc((39 / 1520 * 100%));margin-bottom:.4rem}
.solucom .solulis .solum a{width:100%;display:block}
.solucom .solulis .solum .imgs{width:100%;position:relative;overflow:hidden}
.solucom .solulis .solum .imgs .img{width:100%;padding-top:56.25%;transition:all ease .5s}
.solucom .solulis .solum .vod{width:100%;background-color:#f4f6f8;padding:.3rem;border-bottom:solid .05rem transparent}
.solucom .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}
.solucom .solulis .solum .vod .vt p{font-weight:700;line-height:1.5}
.solucom .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}
.solucom .solulis .solum:nth-child(3n){margin-right:0}
.solucom .solulis .solum:hover{transition:all ease .5s;box-shadow:0 10px 40px 0 rgba(0,32,64,.1)}
.solucom .solulis .solum:hover .imgs .img{transform:scale(1.1)}
.solucom .solulis .solum:hover .vod{width:100%;background-color:#fff;transition:all ease .5s;border-bottom:solid .05rem #2f2f2f}
.solucom .solulis .solum:hover .vod .vt{color:#2f2f2f;}
.solucom .solulis .solum:hover .vod .vt p{color:#2f2f2f}
@media (max-width:800px){.solucom .solulis .solum{width:49%!important;float:none!important;display:inline-block!important;vertical-align:top!important;margin:0 2% 2% 0!important}
}
.w1520{width:15.2rem;margin:0 auto;position:relative;font-size:0}
@media (max-width:1540px){.w1520{width:94%}
}
/*! 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;
    }
}