@media (max-width: 768px) {
  html {
    font-size: calc(100vw / 18);
  }
}
@media (min-width: 769px) and (max-width: 1921.99px) {
  html {
    font-size: calc(100vw / 19.2);
  }
}
@media (min-width: 1922px) and (max-width: 4000px) {
  html {
    font-size: calc(100vw / 22.4);
  }
}
/* 手机 */
@media (max-width: 768px) {
  .zhengtizhuans .wfull {
    width: 100%;
  }
  .zhengtizhuans .wfull .undrelative {
    position: relative;
  }
  .zhengtizhuans .wfull .undrelative .landing {
    translate: none;
    rotate: none;
    scale: none;
    transform: translate(0, 0);
    position: relative;
    top: 0;
    transition: 0.3s ease-out;
    overflow: hidden;
  }
  .zhengtizhuans .wfull .undrelative .landing .quanjuzhuans {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 6.66666667rem 0 5%;
  }
  .zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi {
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 1.33333333rem;
  }
  .zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .wazhanshi {
    padding: 0 5%;
    position: relative;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .wazhanshi h3 {
    font-size: 1.06666667rem;
    color: #000;
    margin-bottom: 1.33333333rem;
    font-weight: normal;
  }
  .zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .wazhanshi .jianjie {
    max-width: 100%;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 1.2rem !important;
    color: #000 !important;
    line-height: 1.3 !important;
  }
  .zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .wazhanshi .jianjie * {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 1.2rem !important;
    color: #000 !important;
    line-height: 1.3 !important;
    margin-bottom: 0.66666667rem;
  }
  .zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .industry-select {
    margin-left: 5%;
    position: relative;
    width: 90%;
    font-size: 0.8rem;
    line-height: 1;
    z-index: 9999;
  }
  .zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .industry-select .industry-select-btn {
    width: 100%;
    height: 2rem;
    padding: 0 0.33333333rem;
    display: flex;
    align-items: center;
    background: #fff;
    border: 0.06666667rem solid #555;
    border-radius: 0;
    cursor: pointer;
    outline: none;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 0.8rem;
    text-align: left;
  }
  .zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .industry-select .industry-select-btn .industry-select-label {
    color: #a5a5a5;
    flex-shrink: 0;
  }
  .zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .industry-select .industry-select-btn .industry-select-value {
    color: #000;
    font-weight: 500;
  }
  .zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .industry-select .industry-select-btn .industry-select-arrow {
    width: 0.33333333rem;
    height: 0.33333333rem;
    margin-left: auto;
    margin-right: 0.06666667rem;
    border-right: 0.06666667rem solid #000;
    border-bottom: 0.06666667rem solid #000;
    transform: rotate(45deg) translateY(-0.13333333rem);
    transform-origin: center;
    transition: transform 0.25s ease;
  }
  .zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .industry-select .industry-select-menu {
    position: absolute;
    left: 0;
    z-index: 10000;
    top: calc(100% + (6rem / 15));
    width: 100%;
    background: #fff;
    border: 0.06666667rem solid #e5e5e5;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    transform: translateY(0.4rem);
    transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
  }
  .zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .industry-select .industry-select-menu .industry-select-item {
    display: flex;
    align-items: center;
    min-height: 2rem;
    padding: 0 0.33333333rem;
    color: #333;
    font-size: 0.66666667rem;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
  }
  .zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .industry-select .industry-select-menu .industry-select-item.active {
    background: #f5f5f5;
    color: #000;
    font-weight: 500;
  }
  .zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .industry-select.open .industry-select-btn .industry-select-arrow {
    transform: rotate(225deg) translate(-0.13333333rem, -0.13333333rem);
  }
  .zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .industry-select.open .industry-select-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .zhengtizhuans .wfull .undrelative .landing .case {
    padding: 0 5% 15%;
    height: 100%;
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg {
    width: 100%;
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .swiper-wrappera {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .swiper-wrappera .swiperslidess {
    transform-origin: center center;
    will-change: transform;
    backface-visibility: hidden;
    position: relative;
    width: 100%;
    margin-bottom: 1.33333333rem;
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .swiper-wrappera .swiperslidess .imgshihncisn {
    transition: opacity 0.3s ease, transform 0.3s ease;
    width: 100%;
    height: 13.33333333rem;
    border-radius: 1.33333333rem;
    position: relative;
    z-index: 3;
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .swiper-wrappera .swiperslidess .imgshihncisn img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1.33333333rem;
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .swiper-wrappera .swiperslidess .imgshihncisn.active {
    transform: scale(1);
    opacity: 0;
    z-index: -1;
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .swiper-wrappera .swiperslidess .videossa {
    transition: opacity 0.3s ease, transform 0.3s ease;
    position: absolute;
    top: 0;
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    width: 100.6%;
    height: 13.33333333rem;
    border-radius: 1.33333333rem;
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .swiper-wrappera .swiperslidess .videossa video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1.33333333rem;
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .swiper-wrappera .swiperslidess .videossa.active {
    opacity: 1;
    pointer-events: auto;
    z-index: 3;
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .swiper-wrappera .swiperslidess .scmammka {
    display: flex;
    justify-content: space-between;
    margin-top: 0.66666667rem;
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .swiper-wrappera .swiperslidess .scmammka p {
    font-size: 0.66666667rem;
    color: #000;
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .swiper-wrappera .swiperslidess .scmammka span {
    font-size: 0.66666667rem;
    color: #999;
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .fenyezhuansho {
    margin-top: 2rem;
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .fenyezhuansho .pagination {
    display: none;
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .fenyezhuansho .shouiduan {
    display: block;
    width: 100%;
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .fenyezhuansho .shouiduan i {
    display: block;
    width: 1.66666667rem;
    height: 1.66666667rem;
    margin: 0.66666667rem auto 0;
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .fenyezhuansho .shouiduan i .icon {
    display: block;
    animation: floatY 2s ease-in-out infinite;
    transform-origin: center;
    will-change: transform;
    width: 1.66666667rem;
    height: 1.66666667rem;
    fill: #000;
  }
  @keyframes floatY {
    0%,
    100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-0.2rem);
    }
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .fenyezhuansho .shouiduan p {
    display: none;
    width: 30%;
    margin: 0 auto;
    padding: 1%;
    text-align: center;
    font-size: 0.66666667rem;
    color: #000;
    margin-top: 0.66666667rem;
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .fenyezhuansho .shouiduan.is-done p {
    display: block;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi {
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 1.33333333rem;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .wazhanshi {
    padding: 0 1.5%;
    position: relative;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .wazhanshi h3 {
    font-size: 1.06666667rem;
    color: #000;
    margin-bottom: 1.33333333rem;
    font-weight: normal;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .wazhanshi .jianjie {
    max-width: 100%;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 1.2rem !important;
    color: #000 !important;
    line-height: 1.3 !important;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .wazhanshi .jianjie * {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 1.2rem !important;
    color: #000 !important;
    line-height: 1.3 !important;
    margin-bottom: 0.66666667rem;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout {
    height: 14.66666667rem;
    border-bottom: 0.06666667rem solid #eee;
    padding: 5% 3%;
    transition-property: height, background-color, padding;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.3s;
    position: relative;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout .flexbetween {
    display: flex;
    flex-wrap: wrap;
    position: relative;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout .flexbetween .flexitemscenter {
    width: 100%;
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
    text-transform: none;
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.33333333rem;
    position: relative;
    text-align: left;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout .flexbetween .flexitemscenter .tmedium {
    width: 100%;
    font-size: 0.8rem;
    color: #000;
    font-weight: 500;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout .flexbetween .flexitemscenter .textgaprem {
    gap: 2.33333333rem;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout .flexbetween .flexitemscenter .textgaprem .grouphovmax {
    max-width: 100%;
    font-size: 0.66666667rem;
    color: #000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout .flexbetween .flexitemscenter .textgaprem .grouphovmax * {
    font-size: 0.66666667rem;
    color: #000;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout .flexbetween .anniuzhuanshi {
    display: none;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout .flexbetween .flitemscenter {
    display: none;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout .trandelay {
    display: flex;
    margin-top: 1.33333333rem;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout .trandelay .videocncisdaj {
    width: 100%;
    height: 6.66666667rem;
    border-radius: 0.33333333rem;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout .trandelay .videocncisdaj img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.33333333rem;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout .trandelay .videocncisdaj video {
    display: none;
  }
  .zhengtizhuans .wfull .undrelative .landing.active {
    translate: none;
    rotate: none;
    scale: none;
    top: 1.33333333rem;
    transform: scale(0.99, 0.99);
    transition: 0.3s ease-out;
  }
}
/* pc */
@media (min-width: 769px) {
  .zhengtizhuans .wfull {
    width: 100%;
  }
  .zhengtizhuans .wfull .undrelative {
    position: relative;
  }
  .zhengtizhuans .wfull .undrelative .landing {
    translate: none;
    rotate: none;
    scale: none;
    transform: translate(0, 0);
    position: relative;
    top: 0;
    transition: 0.3s ease-out;
  }
  .zhengtizhuans .wfull .undrelative .landing .quanjuzhuans {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding: 2.4rem 0 1.1rem;
  }
  .zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi {
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 0.4rem;
  }
  .zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .wazhanshi {
    padding: 0 1.5%;
    position: relative;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .wazhanshi h3 {
    font-size: 0.3rem;
    color: #000;
    margin-bottom: 0.6rem;
    font-weight: normal;
  }
  .zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .wazhanshi .jianjie {
    max-width: 12.8rem;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 0.36rem !important;
    color: #000 !important;
    line-height: 1.3 !important;
  }
  .zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .wazhanshi .jianjie * {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 0.5rem !important;
    color: #000 !important;
    line-height: 1.3 !important;
    margin-bottom: 0.1rem;
  }
  .zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .industry-select {
    margin-left: 1.5%;
    position: relative;
    width: 4rem;
    font-size: 0.24rem;
    line-height: 1;
    z-index: 9999;
  }
  .zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .industry-select .industry-select-btn {
    width: 100%;
    height: 0.6rem;
    padding: 0 0.12rem;
    display: flex;
    align-items: center;
    background: #fff;
    border: 0.01rem solid #555;
    border-radius: 0;
    cursor: pointer;
    outline: none;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 0.24rem;
    text-align: left;
  }
  .zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .industry-select .industry-select-btn .industry-select-label {
    color: #a5a5a5;
    flex-shrink: 0;
  }
  .zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .industry-select .industry-select-btn .industry-select-value {
    color: #000;
    font-weight: 500;
  }
  .zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .industry-select .industry-select-btn .industry-select-arrow {
    width: 0.08rem;
    height: 0.08rem;
    margin-left: auto;
    margin-right: 0.01rem;
    border-right: 0.01rem solid #000;
    border-bottom: 0.01rem solid #000;
    transform: rotate(45deg) translateY(-0.02rem);
    transform-origin: center;
    transition: transform 0.25s ease;
  }
  .zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .industry-select .industry-select-menu {
    position: absolute;
    left: 0;
    z-index: 10000;
    top: calc(100% + (6rem / 100));
    width: 4rem;
    background: #fff;
    border: 0.01rem solid #e5e5e5;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    transform: translateY(0.06rem);
    transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
  }
  .zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .industry-select .industry-select-menu .industry-select-item {
    display: flex;
    align-items: center;
    min-height: 0.6rem;
    padding: 0 0.14rem;
    color: #333;
    font-size: 0.2rem;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
  }
  .zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .industry-select .industry-select-menu .industry-select-item:hover {
    background: #f5f5f5;
    color: #000;
  }
  .zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .industry-select .industry-select-menu .industry-select-item.active {
    background: #f5f5f5;
    color: #000;
    font-weight: 500;
  }
  .zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .industry-select.open .industry-select-btn .industry-select-arrow {
    transform: rotate(225deg) translate(-0.02rem, -0.02rem);
  }
  .zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .industry-select.open .industry-select-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .zhengtizhuans .wfull .undrelative .landing .case {
    padding: 0 1.5% 2.5%;
    height: 100%;
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg {
    width: 100%;
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .swiper-wrappera {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .swiper-wrappera .swiperslidess {
    transform-origin: center center;
    will-change: transform;
    backface-visibility: hidden;
    position: relative;
    width: 30.4%;
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .swiper-wrappera .swiperslidess .imgshihncisn {
    transition: opacity 0.3s ease, transform 0.3s ease;
    height: 4rem;
    border-radius: 0.2rem;
    position: relative;
    z-index: 3;
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .swiper-wrappera .swiperslidess .imgshihncisn img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.2rem;
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .swiper-wrappera .swiperslidess .imgshihncisn.active {
    transform: scale(1);
    opacity: 0;
    z-index: -1;
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .swiper-wrappera .swiperslidess .videossa {
    transition: opacity 0.3s ease, transform 0.3s ease;
    position: absolute;
    top: 0;
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    height: 4rem;
    border-radius: 0.2rem;
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .swiper-wrappera .swiperslidess .videossa video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.2rem;
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .swiper-wrappera .swiperslidess .videossa.active {
    opacity: 1;
    pointer-events: auto;
    z-index: 3;
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .swiper-wrappera .swiperslidess .scmammka {
    display: flex;
    justify-content: space-between;
    margin-top: 0.2rem;
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .swiper-wrappera .swiperslidess .scmammka p {
    font-size: 0.2rem;
    color: #000;
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .swiper-wrappera .swiperslidess .scmammka span {
    font-size: 0.2rem;
    color: #999;
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .fenyezhuansho {
    margin-top: 0.7rem;
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .fenyezhuansho .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.12rem;
    padding: 0.4rem 0;
    font-size: 0.14rem;
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .fenyezhuansho .pagination a,
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .fenyezhuansho .pagination span {
    box-sizing: border-box;
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .fenyezhuansho .pagination .page-btn,
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .fenyezhuansho .pagination .page-num {
    height: 0.34rem;
    min-width: 0.42rem;
    padding: 0 0.16rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9.99rem;
    background: #fff;
    color: #333;
    text-decoration: none;
    box-shadow: 0 0.03rem 0.12rem rgba(0, 0, 0, 0.08);
    transition: all 0.25s ease;
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .fenyezhuansho .pagination .page-btn {
    min-width: 0.76rem;
    font-weight: 500;
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .fenyezhuansho .pagination .page-num {
    min-width: 0.42rem;
    padding: 0 0.14rem;
    font-weight: 500;
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .fenyezhuansho .pagination .page-num.active {
    background: #000;
    color: #fff;
    box-shadow: 0 0.04rem 0.14rem rgba(0, 0, 0, 0.28);
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .fenyezhuansho .pagination .page-btn:hover,
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .fenyezhuansho .pagination .page-num:hover {
    background: #000;
    color: #fff;
    transform: translateY(-0.02rem);
    box-shadow: 0 0.06rem 0.16rem rgba(0, 0, 0, 0.18);
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .fenyezhuansho .pagination .page-dot {
    min-width: 0.3rem;
    height: 0.34rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #222;
    font-size: 0.14rem;
    line-height: 1;
  }
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .fenyezhuansho .shouiduan {
    display: none;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding: 0.2rem 0 1.1rem;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi {
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 0.4rem;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .wazhanshi {
    padding: 0 1.5%;
    position: relative;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .wazhanshi h3 {
    font-size: 0.3rem;
    color: #000;
    margin-bottom: 0.6rem;
    font-weight: normal;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .wazhanshi .jianjie {
    max-width: 12.8rem;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 0.36rem !important;
    color: #000 !important;
    line-height: 1.3 !important;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .wazhanshi .jianjie * {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 0.5rem !important;
    color: #000 !important;
    line-height: 1.3 !important;
    margin-bottom: 0.1rem;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout {
    height: 2.5rem;
    border-bottom: 0.01rem solid #eee;
    padding: 5% 3%;
    transition-property: height, background-color, padding;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.2s;
    position: relative;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout .flexbetween {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout .flexbetween .flexitemscenter {
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
    text-transform: none;
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.2rem;
    width: 40%;
    position: relative;
    text-align: left;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout .flexbetween .flexitemscenter .tmedium {
    width: 100%;
    font-size: 0.3rem;
    color: #000;
    font-weight: 500;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout .flexbetween .flexitemscenter .textgaprem {
    display: none;
    flex-direction: column;
    gap: 0.35rem;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout .flexbetween .flexitemscenter .textgaprem .grouphovmax {
    max-width: 6rem;
    font-size: 0.2rem;
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout .flexbetween .flexitemscenter .textgaprem .grouphovmax * {
    font-size: 0.2rem;
    color: #fff;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout .flexbetween .anniuzhuanshi {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    margin-left: 0.5rem;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout .flexbetween .anniuzhuanshi p {
    border-radius: 1rem;
    font-size: 0.2rem;
    padding: 0.1rem 0.3rem;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout .flexbetween .anniuzhuanshi p:first-child {
    color: #fff;
    background-color: #000;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout .flexbetween .anniuzhuanshi p:last-child {
    color: #000;
    background-color: #fff;
    border: 0.01rem solid #000;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout .flexbetween .flitemscenter {
    display: flex;
    align-items: center;
    gap: 0.22rem;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout .flexbetween .flitemscenter .icon {
    display: block;
    vertical-align: middle;
    width: 0.55rem;
    height: 0.55rem;
    fill: #000;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout .trandelay {
    display: flex;
    gap: 0.3rem;
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.2s ease;
    flex-direction: row;
    align-items: center;
    position: absolute;
    top: 12%;
    left: 45%;
    height: 100%;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout .trandelay .videocncisdaj {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 0.15rem;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout .trandelay .videocncisdaj img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.15rem;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout .trandelay .videocncisdaj video {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    visibility: hidden;
    border-radius: 0.15rem;
    transition: opacity 0.3s ease;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout .trandelay .videocncisdaj.active video {
    z-index: 3;
    opacity: 1;
    visibility: visible;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout .trandelay .videocncisdaj.active img {
    opacity: 0;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout.is-service-hovered {
    height: 3.3rem;
    background-color: #000;
    padding: 4% 3%;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout.is-service-hovered .flexbetween .flexitemscenter {
    width: 100%;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout.is-service-hovered .flexbetween .flexitemscenter .tmedium {
    width: 50%;
    font-size: 0.32rem;
    color: #fff;
    font-weight: bold;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout.is-service-hovered .flexbetween .flexitemscenter .textgaprem {
    width: 100%;
    display: flex;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout.is-service-hovered .flexbetween .anniuzhuanshi {
    width: 40%;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout.is-service-hovered .flexbetween .anniuzhuanshi p:first-child {
    color: #000;
    background-color: #fff;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout.is-service-hovered .flexbetween .anniuzhuanshi p:last-child {
    color: #fff;
    background-color: #000;
    border: 0.01rem solid #fff;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout.is-service-hovered .flexbetween .flitemscenter .icon {
    width: 0.95rem;
    height: 0.95rem;
    fill: #fff;
  }
  .zhengtizhuans .wfull .undrelative .landing .hotcase .servicezhanshi .servicefenlei .banim .grouppadlayout.is-service-hovered .trandelay {
    opacity: 1;
  }
  .zhengtizhuans .wfull .undrelative .landing.active {
    translate: none;
    rotate: none;
    scale: none;
    top: 0.25rem;
    transform: scale(0.99, 0.99);
    transition: 0.3s ease-out;
  }
}

/* ACTICEE-CASE-LIST-002：行业筛选 / 分页原位加载 */
.zhengtizhuans .wfull .undrelative .landing .case.is-loading .swipermySwiper {
  opacity: 0.45;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .fenyezhuansho .pagination .page-btn.is-disabled {
  opacity: 0.35;
  pointer-events: none;
  cursor: default;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .fenyezhuansho .shouiduan.is-loading {
  opacity: 0.5;
  pointer-events: none;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .caselist-empty {
  text-align: center;
  color: #999;
}
@media (max-width: 768px) {
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .caselist-empty {
    padding: 2rem 0;
    font-size: 0.66666667rem;
  }
}
@media (min-width: 769px) {
  .zhengtizhuans .wfull .undrelative .landing .case .ggvvg .swipermySwiper .caselist-empty {
    padding: 0.8rem 0;
    font-size: 0.16rem;
  }
}