
/* w3019 服务列表-banner-start */
.nanner{width:100%;position:relative;}
.nanner .imgs{width:100%;position:relative;overflow:hidden;}
.nanner .imgs .img{width:100%;padding-top:26.0416%;}
.nanner .imgs img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.nanner .nox{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);}
.nanner .nox .nit{width:100%;color:#fff;line-height:1.5;}
/* w3019 服务列表-banner-end */

/* w3019 服务列表-start */
.solutom{width:100%;padding:0 0 0.5rem}
.solutom .w1400{width:14rem;margin:0 auto;position:relative;font-size:0}
.solutom .solutlis{width:100%;font-size:0}
.solutom .solutlis .solem{display:inline-block;vertical-align:top;width:calc((454 / 1400 * 100%));margin-right:calc(19 / 1400 * 100%);margin-bottom:0.4rem}
.solutom .solutlis .solem a{width:100%;display:block}
.solutom .solutlis .solem .imgs{width:100%;position:relative;overflow:hidden}
.solutom .solutlis .solem .imgs a{width:100%;display:block}
.solutom .solutlis .solem .imgs .img{width:100%;padding-top:75%;transition:all ease 0.5s}
.solutom .solutlis .solem .imgs .img img{position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%;object-fit: cover;}
.solutom .solutlis .solem .som{width:100%;padding:0.24rem 0;border-bottom:solid 1px #efeff5}
.solutom .solutlis .solem .som .st{width:100%;color:#222434;line-height:1.5;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.solutom .solutlis .solem .som .sm{width:100%;margin-top:0.1rem;color:#81838e;line-height:1.5;height:3em;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.solutom .solutlis .solem:hover .imgs .img{transform:scale(1.1)}
.solutom .solutlis .solem:hover .som .st{color:#fd5b1a}
.solutom .solutlis .solem:nth-child(3n){margin-right:0}
.solutom .pages{margin-top: -0.3rem;}
@media (max-width:1420px){
    .solutom .w1400{width:94%}
}
@media(max-width: 800px){
    .solutom .z2{width: 49% !important;float: none !important;display: inline-block !important;vertical-align: top !important;margin: 0 2% 2% 0 !important;}
    .solutom .z2:nth-child(2n){margin-right: 0 !important;}
}
/* w3019 服务列表-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.42rem;height:0.42rem;line-height:0.42rem;text-align:center;color:#222434;cursor:pointer;background-color:#f4f4f5;margin:0 0.05rem;transition:all ease 0.3s}
.pages .page.ltn{background-image:url("/static/home/images/b1.png");background-position:center;background-size:100% 100%;background-repeat:no-repeat}
.pages .page.rtn{background-image:url("/static/home/images/b2.png");background-position:center;background-size:100% 100%;background-repeat:no-repeat}
.pages .page.on{color:#fff;background-color:#fd5b1a;background-position:center;background-size:100% 100%;background-repeat:no-repeat}
.pages .page.on.ltn,
.pages .page.ltn:hover{background-image:url("/static/home/images/b3.png");background-position:center;background-size:100% 100%;background-repeat:no-repeat;opacity:1}
.pages .page.on.rtn,
.pages .page.rtn:hover{background-image:url("/static/home/images/b4.png");background-position:center;background-size:100% 100%;background-repeat:no-repeat;opacity:1}
.pages .page:hover{color:#fff;background-color:#fd5b1a;background-position:center;background-size:100% 100%;background-repeat:no-repeat}
@media (max-width:900px){
    .pages .page{width:0.7rem;height:0.7rem;line-height:0.7rem}
}
