.inner{ width:78%; margin: 0 auto;}
.ml-inner{ padding-left:11%;}

.numUl{ position: absolute; right: 0; bottom: 0; width: 66.6%; z-index: 6; border-top-left-radius: 2vw;}

.idxCaseSwiper .swiper-slide .img{ padding-bottom: 65.8%; height: 0; width: 100%;}
.idxCaseSwiper .swiper-slide .img .add{ border-bottom-right-radius: 20px; position: absolute; left: 0; top: 0; z-index: 5;-webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;}
.idxCaseSwiper .swiper-slide .img .more{ position: absolute; bottom: 0; right: 0; z-index: 5; width: 5em; height: 5em;background: #0348b2;-webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;}
.idxCaseSwiper .swiper-slide:hover{ color: #fe9207;}
.idxCaseSwiper .swiper-slide:hover .img .add,
.idxCaseSwiper .swiper-slide:hover .img .more{ background: #fe9207;}

.idxCase .button div{ width: 90px; height: 54px;}
.idxCase .button div:hover{ background: #fe9207; color: #fff;}

.idxCase .pagination{ width: 30vw; height: 3px; background: #e1e1e1; position: relative; left: auto; right: auto; top: auto; bottom: auto;}

.ser_page .part2 {background: url(../images/proWhyBg.jpg) no-repeat center center / cover;line-height: 1.33;width: 100%;height: 200vh}
@media screen and (min-width:900px) {
    .ser_page .part2.m {display: none}
    .ser_page .part2 .float {position: sticky;top: 0}
    .ser_page .part2 .inner {width: 100%; height: 100vh; }
    .ser_page .part2 .inner .img {height: 100vh;width: 40.63vw}
    .ser_page .part2 .inner .right {padding: 12.21vh 15.52vw 0 7.66vw}
    .ser_page .part2 .list { position: absolute;left: 33.33vw;bottom: 5vh}
    .ser_page .part2 .list .item {width: 24vw;height: 19vw;margin-right: 1.04vw; box-shadow: 0 0 1.56vw rgba(0, 0, 0, .1)}
    .ser_page .part2 .list .item::after{ display: block; content: ''; transition: all .36s; width: 25%; opacity: 0; height: 100%; position: absolute; left: 0; top: 0; background:#0348b2; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; } 
    .ser_page .part2 .list .item:hover{ color: #fff;}
    .ser_page .part2 .list .item:hover::after{ width: 100%; opacity: 1;}
}
.proCaseDiv{ background: url(../images/caseInfoBotBg.jpg) no-repeat center center; background-size: cover;}