@media (max-width: 767px) {
  * {
    padding: 0;
    margin: 0;
  }

  .server-time{
    display: none!important;
  }

  body {
    max-width: 768px;
  }

  .develop-thumb .isInsert {
    animation: 1s ease 0.5s 1 normal both running fadeInUp;
  }

  .pc-container {
    display: none !important;
  }

  .container {
    padding: 0 0.32rem;
    box-sizing: border-box;
  }

  #header .thumb {
    display: none;
  }

  body {
    display: flex;
    flex-direction: column;
  }

  .navBar li .dropdown .list {
    position: relative;
    background: rgba(255, 255, 255, 0.8);
  }

  .navBar li .dropdown a {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 28px;
    color: #051b30;
    position: relative;
    text-align: center;
    padding: 6px 0;
    text-decoration: none;
  }

  .nav-box .navBar li {
    display: block;
  }

  .navBar li::after {
    height: 1px;
    width: 100%;
    top: auto;
  }

  .navBar li .dropdown {
    position: relative;
    top: 0;
    cursor: auto;
    overflow: hidden;
    -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
      height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
      height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    height: 0;
  }

  .navBar li.open .dropdown {
    background: #fff;
    display: block;
  }

  .navBar li .dropdown a {
    text-align: left;
    font-size: 0.3rem;
    line-height: 0.64rem;
    padding: 0;
  }

  .navBar li:hover .mainbav::after {
    display: none;
  }

  #header {
    height: 60px;
    line-height: 60px;
    background-color: #fff;
  }

  #header .container {
    height: 100%;
  }

  #header .container .logo {
    padding-left: 10px;
  }

  #header .container .logo > img {
    height: 0.48rem;
    margin-right: 0.04rem;
  }

  #header .logo > p {
    font-size: 0.3rem !important;
    padding-left: 0.16rem !important;
    white-space: nowrap;
  }

  #header .logo > p::before {
    height: 0.3rem !important;
  }

  #header .phone {
    font-size: 14px;
  }

  .footer > a {
    display: block;
  }

  #header .container .thumb {
    display: none;
  }

  #header .container .mobile-thumb {
    height: 100%;
    position: absolute;
    width: 0.9rem;
    right: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #header .container .mobile-thumb .icon-show {
    display: block;
  }

  #header .container .mobile-thumb .icon-hide {
    display: none;
  }

  #header .container .mobile-thumb.active .icon-show {
    display: none;
  }

  #header .container .mobile-thumb.active .icon-hide {
    display: block;
  }

  #header .container .mobile-thumb .icon {
    max-width: 72%;
    max-height: 72%;
  }

  #header .container .mobile-thumb .icon-hide {
    transform: scale(0.9);
  }

  .slide-thumb {
    height: 7.68rem;
    flex: none;
  }

  .slide-thumb .slide {
    height: 7.68rem;
  }

  .slide-thumb .slide .container {
    padding: 0.44rem 0.5rem 0;
    justify-content: flex-start;
  }

  .slide-thumb .slide .container > h1 {
    font-size: 0.44rem;
    line-height: 0.6rem;
  }

  .slide-thumb .slide .container > h2 {
    font-size: 0.24rem;
    line-height: 0.3rem;
    padding-bottom: 0.24rem;
    margin-bottom: 0.26rem;
  }

  .slide-thumb .slide .container > h2::before {
    height: 0.05rem;
    width: 0.58rem;
  }

  .slide-thumb .slide .container p {
    width: 100%;
    font-size: 0.22rem;
    line-height: 0.32rem;
  }

  .slide-thumb .slide .container p strong {
    font-size: inherit;
  }

  .slide-thumb .slide .container .btn-go {
    border-radius: 0.06rem;
    font-size: 0.18rem;
    line-height: 0.44rem;
    border: 0.02rem solid #80b5f8;
    text-align: center;
    display: block;
    width: 1.2rem;
    margin-top: 0.36rem;
    background-color: #fff;
    color: #0069e1;
  }

  .slide-thumb .slide.multi-slide {
    background-image: url("/sitefiles/library/images/2024/3/711074f427855f60.png");
  }

  .slide-thumb .slide.multi-slide .btn-go {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0.58rem;
    margin: auto;
    z-index: 2;
    background-color: #fff;
    color: #0069e1;
  }

  .slide-thumb .slide.multi-slide .container > h1 {
    text-align: center;
  }

  .slide-thumb .slide.multi-slide .container > h2::before {
    display: none;
  }

  .slide-thumb .slide.service-slide .container > h1 {
    text-align: center;
    margin-bottom: 0.46rem;
  }

  .slide-thumb .slide.service-slide .container .btn-go {
    background-color: #fff;
    color: #0069e1;
    margin: 1.54rem auto 0;
  }

  .slide-thumb .slide.service-slide .container strong {
    font-size: 0.3rem;
    line-height: 0.3rem;
    display: block;
    margin-bottom: 0.12rem;
    color: inherit;
    font-weight: normal;
  }

  .slide-thumb .slide.service-slide .container div {
    padding: 0 0.06rem 0.4rem;
    box-sizing: border-box;
    height: 1.7rem;
  }

  .slide-thumb .slide.service-slide .container div span {
    display: block;
    font-size: 0.16rem;
    line-height: 0.26rem;
  }

  .slide-thumb .slide.service-slide .container .list {
    display: flex;
  }

  .slide-thumb .slide.service-slide .container .list .item {
    box-sizing: border-box;
    margin-right: 0.1rem;
    text-align: center;
    width: 25%;
    position: relative;
  }

  .slide-thumb .slide.service-slide .container .list .item .icon {
    margin: 0.2rem auto 0.24rem;
    display: block;
    position: relative;
    width: 0.72rem;
  }

  .slide-thumb .slide.service-slide .container .list .item:last-child {
    margin-right: 0;
  }

  .slide-thumb .slide.service-slide .container .list .item > .bg {
    display: block;
    width: 100%;
    margin: 0;
  }

  .slide-thumb .slide.service-slide .container .list .item > .item-thumb {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
  }

  .slide-thumb .slide.service-slide .container .list .item:nth-child(2n-1) {
    color: #0069e1;
  }

  .slide-thumb .slide.service-slide .container .list .item:nth-child(2n) {
    color: #ec7001;
    top: 1.34rem;
  }

  .statistics-thumb {
    padding: 0.42rem 0;
    display: block;
  }

  .statistics-thumb .container {
    position: relative;
    display: flex;
    padding: 0;
  }

  .statistics-thumb .item {
    font-size: 0.2rem;
    text-align: center;
  }

  .statistics-thumb .item > img {
    display: block;
    width: 50%;
    margin-bottom: 0.18rem;
    position: relative;
    left: -0.12rem;
  }

  .statistics-thumb .item > .title {
    font-size: inherit;
  }

  .statistics-thumb .item .total {
    font-size: inherit;
  }

  .statistics-thumb .item .total strong {
    font-size: 0.4rem;
    line-height: 0.4rem;
    position: relative;
    top: 0.03rem;
  }

  .item-thumb {
    position: relative;
    padding-top: 0.46rem;
    text-align: center;
  }

  .item-thumb .container > .title {
    font-weight: normal;
    font-size: 0.4rem;
    line-height: 0.4rem;
    margin-bottom: 0.24rem;
    color: #333;
    font-weight: bold;
  }

  .item-thumb .container > .sub-title {
    font-size: 0.34rem;
    color: #666;
    line-height: 0.48rem;
    margin-bottom: 0.48rem;
  }

  .item-thumb .container > .desc {
    font-size: 0.24rem;
    line-height: 0.36rem;
    color: #666;
    margin-bottom: 0.36rem;
    text-align: left;
  }

  .business-thumb {
    background-color: #f8fafd;
    padding: 0.48rem 0;
  }

  .business-thumb .container .list > li {
    position: relative;
    margin-bottom: 0.28rem;

    background-color: #fff;
    -webkit-box-shadow: 0 0 0.16rem #d3d9dc;
    box-shadow: 0 0 0.16rem #d3d9dc;
  }
  .business-thumb .container .list > li > a {
    display: flex;
    padding: 0.4rem 0.14rem;
    box-sizing: border-box;
  }

  .business-thumb .container .list > li > a > img {
    display: block;
    width: 2.4rem;
  }

  .business-thumb .container .list > li > a .cpfw_pc {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    display: block;
    width: 2.4rem;
    height: 1.86rem;
  }

  .cpfw_pc_01 {
    background-image: url("/sitefiles/library/images/2024/3/1b1f9ae9cfcba374.png");
  }
  .cpfw_pc_02 {
    background-image: url("/sitefiles/library/images/2024/3/b2138bc3dcb0df8c.png");
  }
  .cpfw_pc_03 {
    background-image: url("/sitefiles/library/images/2024/3/e6eceb71a071c37d.png");
  }

  .business-thumb .container .list > li .info {
    box-sizing: border-box;
    padding-top: 0.08rem;
    color: #000;
    text-align: left;
    flex: 1;
    margin-left: 0.3rem;
    position: relative;
  }

  .business-thumb .container .list > li .info .title {
    font-size: 0.36rem;
    line-height: 0.36rem;
    margin-bottom: 0.2rem;
  }

  .business-thumb .container .list > li .info .sub-title-thumb {
    height: 0.9rem;
  }

  .business-thumb .container .list > li .info .sub-title {
    font-size: 0.24rem;
    line-height: 0.32rem;
    color: #666;
  }

  .business-thumb .container .list > li .info .btn-go {
    font-size: 0.24rem;
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    justify-content: flex-end;
  }

  .business-thumb .container .list > li .info .btn-go .icon {
    width: 0.27rem;
    height: 0.2rem;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("/sitefiles/library/images/2024/3/c3e247199116bad4.png");
    margin-left: 0.16rem;
    -webkit-animation: ani-arrow 1.5s infinite ease-in-out;
    animation: ani-arrow 1.5s infinite ease-in-out;
  }

  .tech-thumb {
    padding: 0.48rem 0 0;
    display: block;
  }

  .tech-thumb .image-thumb {
    padding: 0.16rem 0.16rem 0;
    box-sizing: border-box;
    display: block;
    margin-bottom: 0.48rem;
  }

  .tech-thumb.detect-thumb {
    padding-bottom: 0.48rem;
  }

  .tech-thumb .image-thumb {
    -webkit-box-shadow: 0 0 0.16rem #d3d9dc;
    box-shadow: 0 0 0.16rem #d3d9dc;
  }

  .tech-thumb .image-thumb .detail {
    position: relative;
    padding: 0.3rem;
    box-sizing: border-box;
  }

  .tech-thumb .image-thumb img {
    display: block;
    width: 100%;
  }

  .tech-thumb .image-thumb .title {
    font-size: 0.36rem;
    line-height: 0.36rem;
    margin-bottom: 0.2rem;
    color: #333;
    font-weight: bold;
    text-align: left;
  }

  .tech-thumb .image-thumb .desc {
    font-size: 0.28rem;
    color: #666;
    line-height: 0.38rem;
    margin-bottom: 0.4rem;
    text-align: left;
  }

  .tech-thumb .image-thumb .btn-go {
    background-color: #fff;
    color: #666;
    border-radius: 0.06rem;
    font-size: 0.28rem;
    line-height: 0.56rem;
    border: 0.02rem solid #666;
    text-align: center;
    display: block;
    width: 1.64rem;
    font-weight: normal;
  }

  .tech-thumb .tech-slide-thumb {
    position: relative;
    height: 5.42rem;
    overflow: hidden;
  }

  .tech-thumb .swiper-slide {
    background-color: #f8fafd;
    width: 70%;
    margin-left: 0.24rem;
  }

  .tech-thumb .tech-slide-thumb .image-thumb {
    position: relative;
    overflow: hidden;
    height: 4.08rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0.3rem;
    box-sizing: border-box;
  }

  .tech-thumb .tech-slide-thumb img {
    max-width: 90%;
    max-height: 100%;
  }

  .tech-thumb .tech-slide-thumb strong {
    font-size: 0.3rem;
    color: #0069e1;
    font-weight: normal;
    line-height: 0.3rem;
    margin-bottom: 0.14rem;
    display: block;
    margin-top: 0.3rem;
  }

  .tech-thumb .tech-slide-thumb p {
    font-size: 0.24rem;
    color: #0069e1;
    line-height: 0.24rem;
  }

  .detect-thumb {
    display: block;
  }

  .develop-thumb {
    color: #fff;
    height: 9.1rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("/sitefiles/library/images/2024/3/bc15689b57e8429e.png");
    margin-bottom: 0.48rem;
  }

  .develop-thumb img {
    display: block;
    width: 96%;
    margin: 0 auto;
  }

  .develop-thumb .container {
    display: block;
    width: 100%;
  }

  .develop-thumb .container > .title,
  .develop-thumb .container > .sub-title,
  .develop-thumb .container > .desc {
    color: inherit;
  }

  .develop-thumb .container > .desc {
    font-size: 0.2rem;
    line-height: 0.34rem;
  }

  .award-thumb {
    margin-bottom: 0.7rem;
  }

  .award-thumb .container .desc {
    padding: 0 0.3rem;
    box-sizing: border-box;
  }

  .award-thumb .container > img {
    display: block;
    width: 100%;
    margin: 0 auto;
  }

  .contact-thumb {
    position: relative;
    padding: 0.6rem 0 0.58rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("/sitefiles/library/images/2024/3/1909816299875cfa.png");
    color: #fff;
    display: block;
  }

  .contact-thumb .container > .title,
  .contact-thumb .container > .sub-title {
    color: #fff;
  }

  .contact-thumb .container .list {
    position: relative;
    display: flex;
    font-size: 0.24rem;
    line-height: 0.24rem;
  }

  .contact-thumb .container .list .item {
    margin-right: 0.3rem;
    flex: 1;
    position: relative;
    padding-top: 1rem;
  }

  .contact-thumb .container .list .item > img {
    position: absolute;
    width: 60%;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    z-index: 2;
  }

  .contact-thumb .container .list .item .thumb {
    position: relative;
    background-color: #fff;
    border-radius: 0.1rem;
    height: 1.9rem;
    display: flex;
    padding-top: 0.46rem;
    box-sizing: border-box;
    align-items: center;
    flex-direction: column;
  }

  .contact-thumb .container .list .item:last-child {
    margin-right: 0;
  }

  .contact-thumb .container .list .item .thumb strong {
    font-weight: normal;
    font-size: inherit;
    display: block;
    margin-bottom: 0.24rem;
  }

  .contact-thumb .container .list .item:nth-child(1) .thumb > strong {
    color: #1da6c6;
  }

  .contact-thumb .container .list .item:nth-child(2) .thumb > strong {
    color: #5f9e20;
  }

  .contact-thumb .container .list .item:nth-child(3) .thumb > strong {
    color: #ee7164;
  }

  .contact-thumb .container .list .item:nth-child(4) .thumb > strong {
    color: #b8254b;
  }

  .contact-thumb .container .list .item .thumb span {
    font-size: inherit;
    display: block;
    color: #666;
    margin-bottom: 0.24rem;
  }

  .service-thumb {
    position: relative;
    padding: 0.64rem 0 0.7rem 0;
    background: linear-gradient(to bottom, #1167f7, #54b8f7);
    color: #fff;
  }

  .service-thumb .bg {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
  }

  .service-thumb .container .title {
    color: #fff;
  }

  .service-thumb .container .sub-title {
    padding-bottom: 0.53rem;
    position: relative;
    color: #fff;
  }

  .service-thumb .container .sub-title::after {
    content: "";
    height: 0.05rem;
    width: 0.68rem;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    background-color: #fff;
  }

  .service-thumb .container .list .item {
    position: relative;
    margin-bottom: 0.48rem;
    text-align: left;
    color: #fff;
  }

  .service-thumb .container .list .item strong {
    display: block;
    color: inherit;
    font-size: 0.32rem;
    line-height: 0.32rem;
    margin-bottom: 0.2rem;
    font-weight: normal;
  }

  .service-thumb .container .list .item p {
    font-size: 0.24rem;
    line-height: 0.36rem;
    margin-bottom: 0.28rem;
  }

  .service-thumb .container .list .item img {
    display: block;
    width: 100%;
  }

  .jsbz-thumb {
    position: relative;
    padding: 0.64rem 0 0.84rem;
    box-sizing: border-box;
    overflow: hidden;
  }

  .jsbz-thumb .jsbz-swiper-pagination {
    height: 0.2rem;
    display: flex;
    justify-content: center;
  }

  .jsbz-thumb .jsbz-slide-thumb {
    position: relative;
    height: 7.64rem;
    overflow: hidden;
    padding-top: 0.24rem;
  }

  .jsbz-thumb .swiper-slide {
    display: flex;
    flex-direction: column;
    padding: 0 0.52rem;
    box-sizing: border-box;
    height: 7.16rem;
  }

  .jsbz-thumb .swiper-slide .thumb {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    -webkit-box-shadow: 0 0 0.24rem #d3d9dc;
    box-shadow: 0 0 0.24rem #d3d9dc;
    padding: 0.64rem 0 0.44rem;
    flex-direction: column;
  }

  .jsbz-thumb .swiper-slide .thumb img {
    display: block;
    width: 70%;
    margin: 0 auto;
  }

  .jsbz-thumb .swiper-slide .thumb p {
    font-size: 0.3rem;
    color: #333;
    line-height: 1rem;
    height: 1rem;
  }

  .jsbz-thumb .btn-primary {
    font-size: 0.24rem;
    color: #333;
    margin: 0.26rem auto 0;
    border: 0.02rem solid #333;
  }

  .contact-us-thumb {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("/sitefiles/library/images/2024/3/eca38d7d47530c4a.png");
    padding: 1rem 0;
  }

  .contact-us-thumb .container {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .contact-us-thumb .container .thumb {
    -webkit-box-shadow: 0 0 0.24rem #d3d9dc;
    box-shadow: 0 0 0.24rem #d3d9dc;
    padding: 0.38rem 0.68rem;
    box-sizing: border-box;
    position: relative;
    width: 6.3rem;
    height: 2.5rem;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 0.1rem;
  }

  .contact-us-thumb .container .thumb .title {
    font-size: 0.4rem;
    line-height: 0.4rem;
    margin-bottom: 0.24rem;
  }

  .contact-us-thumb .container .thumb .item {
    font-size: 0.26rem;
    color: #1c3049;
    line-height: 0.26rem;
    margin-bottom: 0.2rem;
    text-align: left;
  }

  .drawer-right {
    -webkit-transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1),
      height 0s ease 0.3s, width 0s ease 0.3s,
      -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
    transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1),
      height 0s ease 0.3s, width 0s ease 0.3s,
      -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
    position: fixed;
    z-index: 1000;
    top: 0;
    width: 0;
    height: 100%;
    right: 0;
  }

  .drawer-right .drawer-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: rgba(0, 0, 0, 0.45);
    opacity: 0;
    filter: alpha(opacity=45);
    -webkit-transition: opacity 0.3s linear, height 0s ease 0.3s;
    transition: opacity 0.3s linear, height 0s ease 0.3s;
  }

  .drawer-right.drawer-open {
    width: 100%;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
    transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
    transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1),
      -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  }

  .drawer-right.drawer-open .drawer-mask {
    height: 100%;
    opacity: 1;
    -webkit-transition: none;
    transition: none;
    -webkit-animation: antdDrawerFadeIn 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
    animation: antdDrawerFadeIn 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  }

  .drawer-right.drawer-open .drawer-content-wrapper {
    transform: translateX(0);
  }

  .drawer-content-wrapper {
    -webkit-box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
    box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 72%;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1),
      -webkit-box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1),
      -webkit-box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
    transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1),
      box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
    transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1),
      box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1),
      -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1),
      -webkit-box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
    transform: translateX(110%);
  }

  .drawer-content-wrapper .drawer-content {
    position: relative;
    z-index: 1;
    overflow: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    width: 100%;
    height: 100%;
  }

  .drawer-wrapper-body {
    height: 100%;
    overflow: auto;
    padding-top: 60px;
    box-sizing: border-box;
  }

  .nav-box .navBar li {
    margin-bottom: 8px;
    font-size: 0.24rem;
    color: #333;
    border-bottom: none;
    padding: 0 0.24rem;
    line-height: 0.6rem;
  }

  .navBar li {
    position: relative;
    z-index: 1;
    text-decoration: none;
  }

  .navBar li::after {
    display: none !important;
  }

  .navBar li .mainbav {
    font-size: 0.36rem;
    line-height: 0.8rem;
    display: block;
    position: relative;
    color: #051b30;
    text-decoration: none;
  }

  .navBar li .dropdown {
    width: 100%;
    left: 0;
  }

  .nav-box {
  }

  .nav-box.active {
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }

  .navBar li .ant-menu-submenu-arrow {
    position: absolute;
    top: 50%;
    right: 16px;
    width: 10px;
    -webkit-transition: -webkit-transform 0.3s
      cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
      -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }

  .navBar li.open .ant-menu-submenu-arrow::before {
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#1890ff),
      to(#1890ff)
    );
    background: linear-gradient(90deg, #1890ff, #1890ff);
    -webkit-transform: rotate(45deg) translateX(2px);
    transform: rotate(45deg) translateX(2px);
  }

  .navBar li.open .ant-menu-submenu-arrow::after {
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#1890ff),
      to(#1890ff)
    );
    background: linear-gradient(90deg, #1890ff, #1890ff);
    -webkit-transform: rotate(-45deg) translateX(-2px);
    transform: rotate(-45deg) translateX(-2px);
  }

  .ant-menu-submenu-arrow::before {
    position: absolute;
    width: 6px;
    height: 1.5px;
    background: #fff;
    background: rgba(0, 0, 0, 0.65) \9;
    background-image: -webkit-gradient(
      linear,
      left top,
      right top,
      from(rgba(0, 0, 0, 0.65)),
      to(rgba(0, 0, 0, 0.65))
    );
    background-image: linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.65),
      rgba(0, 0, 0, 0.65)
    );
    background-image: none \9;
    border-radius: 2px;
    -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
      top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
      -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
      top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
      -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
      transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
      top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
      transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
      top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
      -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    content: "";

    -webkit-transform: rotate(-45deg) translateX(2px);
    transform: rotate(-45deg) translateX(2px);
  }

  .ant-menu-submenu-arrow::after {
    position: absolute;
    width: 6px;
    height: 1.5px;
    background: #fff;
    background: rgba(0, 0, 0, 0.65) \9;
    background-image: -webkit-gradient(
      linear,
      left top,
      right top,
      from(rgba(0, 0, 0, 0.65)),
      to(rgba(0, 0, 0, 0.65))
    );
    background-image: linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.65),
      rgba(0, 0, 0, 0.65)
    );
    background-image: none \9;
    border-radius: 2px;
    -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
      top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
      -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
      top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
      -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
      transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
      top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
      transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
      top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
      -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transform: rotate(45deg) translateX(-2px);
    content: "";
  }

  .navBar li .dropdown .list {
    padding-left: 0.48rem;
    color: rgba(51, 51, 51, 0.5);
    cursor: auto;
    -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
      padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
      padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }

  .navBar li .dropdown a {
    color: inherit;
  }

  .drawer-right .mobile-thumb {
    position: absolute;
    width: 60px;
    right: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    height: 60px;
  }

  .footer {
    font-size: 0.2rem;
    line-height: 0.36rem;
    padding: 0.2rem 0;
    margin-top: 0.54rem;
  }

  .detail-container {
    position: relative;
    padding: 0.3rem 0.4rem 0.1rem;
    box-sizing: border-box;
    flex: 1;
  }

  .detail-container > h5 {
    font-size: 0.54rem;
    line-height: 0.6rem;
    margin-bottom: 0.32rem;
    text-align: center;
  }

  .detail-container > h6 {
    font-size: 0.4rem;
    line-height: 0.6rem;
    margin-bottom: 0.16rem;
    text-align: center;
    color: #000;
  }

  .detail-container .date {
    text-align: left;
    text-indent: 0;
    font-size: 0.36rem;
    color: #ccc;
  }

  .detail-container p {
    font-size: 0.32rem;
    line-height: 0.54rem;
    margin-bottom: 0.4rem;
    text-indent: 2em;
  }

  .detail-container > img {
    display: block;
    width: 100%;
    margin: 0.2rem 0;
  }

  .left-title-container > h6 {
    text-align: left;
  }

  .self-device-container p {
    font-size: 0.28rem;
    line-height: 0.54rem;
    margin-bottom: 0.4rem;
    text-indent: 2em;
  }

  .welcome-container > h6 {
    color: #000;
    font-size: 0.28rem;
    line-height: 0.54rem;
    margin-bottom: 0.4rem;
  }

  .btn-welcome {
    font-size: 0.4rem;
    line-height: 0.6rem;
    margin-bottom: 0.16rem;
    text-align: left;
    color: #0973f0;
    display: block;
    width: 100%;
    padding: 0 0.4rem;
    box-sizing: border-box;
    margin-top: 0.36rem;
    position: relative;
  }

  .btn-welcome .icon {
    width: 0.27rem;
    height: 0.2rem;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("/sitefiles/library/images/2024/3/d1a44359758ee1fc.png");
    margin-left: 0.2rem;
  }

  .site-map {
    position: relative;
    padding: 0.64rem 0 0.48rem;
    background-color: #f8fafd;
  }

  .site-map .navBar {
    height: auto;
  }

  .site-map .navBar li {
    display: block;
    margin-bottom: 0.16rem;
    padding: 0 0.44rem;
  }

  .site-map .navBar li .ant-menu-submenu-arrow {
    display: none;
  }

  .site-map .navBar li .mainbav {
    font-size: 0.34rem;
    line-height: 0.72rem;
    color: #000;
  }

  .site-map .navBar li .dropdown {
    height: auto;
  }

  .site-map .navBar li .dropdown .list {
    padding: 0;
    background: transparent;
    display: flex;
    flex-wrap: wrap;
  }

  .site-map .navBar li .dropdown a {
    width: 33.3%;
    font-size: 0.3rem;
    padding: 0;
    color: #666;
  }

  .site-map .navBar li .dropdown a.w100 {
    width: 100%;
  }

  .self-device-container h2 {
    color: #0973f0;
  }

  .footer {
    margin-top: 0;
  }

  body {
    display: block;
    overflow-x: hidden;
  }

  .btn-primary {
    border-radius: 0.06rem;
    font-size: 0.22rem;
    line-height: 0.58rem;
    border: 0.02rem solid #fff;
    text-align: center;
    display: block;
    width: 1.64rem;
    margin: 0.48rem auto 0;
  }

  .detail-layout {
    position: relative;
  }

  .detail-layout .thumb {
    padding: 0.64rem 0 0 0;
    text-align: center;
  }

  .detail-layout .thumb .title {
    font-size: 0.4rem;
    line-height: 0.4rem;
    margin-bottom: 0.24rem;
    color: #333;
    font-weight: bold;
  }

  .detail-layout .thumb .desc {
    font-size: 0.3rem;
    line-height: 0.48rem;
    color: #666;
    margin-bottom: 0.36rem;
    text-align: left;
    text-indent: 2em;
    text-align: justify;
  }

  .detail-layout .thumb .desc strong {
    color: #333 !important;
  }

  .detail-layout .thumb .illustration {
    display: block;
    width: 100%;
  }

  .value-layout .container {
    padding-bottom: 0.9rem;
  }

  .guide-layout .form-container {
    background-color: #e2effa;
  }

  .guide-layout .form-container .container {
    padding: 0 0.3rem;
    box-sizing: border-box;
  }

  .guide-layout .form-thumb .require {
    position: relative;
  }

  .guide-layout .form-thumb .require::after {
    content: "*";
    color: #f56c6c;
    margin-right: 4px;
    position: absolute;
    z-index: 2;
    font-size: 0.28rem;
    line-height: 0.28rem;
    left: 0.02rem;
    top: 0.36rem;
    margin: auto;
  }

  .guide-layout {
    background: #006ee4;
  }

  .guide-layout .guide-container > .container {
    padding: 0 0.15rem;
  }

  .guide-layout .guide-container > .container .thumb {
    background-color: #fff;
    border-radius: 0.3rem;
    -webkit-box-shadow: 0 0 0.16rem rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 0.16rem rgba(0, 0, 0, 0.15);
    position: relative;
    padding: 0.8rem 0.2rem 0.4rem;
    box-sizing: border-box;
    margin-bottom: 0.5rem;
  }

  .guide-layout .guide-container > .container .thumb .title {
    background-image: url("/sitefiles/library/images/2024/3/bfd06d35311df42f.png");
    font-size: 0.36rem;
    color: #fff;
    width: 3.97rem;
    height: 0.64rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    line-height: 0.64rem;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    top: -0.17rem;
  }

  .guide-layout .guide-container > .container .thumb .desc {
    font-size: 0.3rem;
    color: #0069e1;
    line-height: 0.54rem;
    text-align: center;
  }

  .guide-layout .guide-container > .container .thumb .desc > i {
    color: inherit !important;
    font-style: normal;
    font-weight: bold;
  }

  .guide-layout .guide-container > .container .thumb .illustration-thumb {
    position: relative;
    border-radius: 0.1rem;
    background-color: #e6ecfb;
    padding: 0.15rem 0.2rem;
    box-sizing: border-box;
  }

  .guide-layout
    .guide-container
    > .container
    .thumb
    .illustration-thumb
    .illustration {
    margin-bottom: 0.2rem;
  }

  .guide-layout .guide-container {
    background: #0c63fc;
  }
  .guide-layout .guide-container .slide-thumb {
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100%;
    background-image: url("/sitefiles/library/images/2024/3/1010801c01e94886.png");
    height: 7.6rem;
    padding-top: 0.68rem;
    box-sizing: border-box;
    text-align: center;
  }
  .guide-layout .guide-container .slide-thumb .btn-apply {
    width: 2.88rem;
    height: 0.84rem;
    border: 0.02rem solid #fff;
    border-radius: 0.88rem;
    line-height: 0.84rem;
    text-align: center;
    margin: 0 auto;
    font-size: 0.32rem;
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 5.5rem;
    z-index: 2;
  }
  .guide-layout .guide-container .slide-thumb .bg {
    width: 36%;
    z-index: 1;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 26%;
    display: none;
  }
  .guide-layout .guide-container .slide-thumb .slide-title {
    position: relative;
  }
  .guide-layout .guide-container .slide-thumb .slide-title > h5 {
    font-size: 0.48rem;
    line-height: 0.48rem;
    color: #f9fdff;
    font-weight: bold;
    margin-bottom: 0.24rem;
  }
  .guide-layout .guide-container .slide-thumb .slide-title > h6 {
    font-size: 0.3rem;
    line-height: 0.48rem;
    color: #f9fdff;
    font-weight: normal;
  }

  .guide-layout
    .guide-container
    > .container
    .thumb
    .illustration-thumb
    .illustration-text {
    font-size: 0.26rem;
    line-height: 0.28rem;
    color: #0069e1;
    font-weight: normal;
    margin-bottom: 0.44rem;
  }

  .guide-layout .slide-thumb {
    padding-top: 0.68rem;
    box-sizing: border-box;
    text-align: center;
  }

  .guide-layout .slide-thumb > h5 {
    font-size: 0.48rem;
    line-height: 0.48rem;
    color: #f9fdff;
    font-weight: bold;
    margin-bottom: 0.24rem;
  }

  .guide-layout .slide-thumb > h6 {
    font-size: 0.3rem;
    line-height: 0.48rem;
    color: #f9fdff;
    font-weight: normal;
  }

  .guide-layout .btn-apply {
    width: 2.88rem;
    height: 0.84rem;
    border: 0.02rem solid #fff;
    border-radius: 0.88rem;
    line-height: 0.84rem;
    text-align: center;
    margin: 0 auto;
    font-size: 0.32rem;
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 5.5rem;
    z-index: 2;
  }

  .guide-layout .container .thumb {
    color: #0069e1;
  }

  .guide-layout .container .thumb .star-title {
    position: relative;
    font-size: 0;
    padding: 0.54rem 0 0.2rem;
  }

  .guide-layout .container .thumb .star-title > span {
    position: relative;
    line-height: 0.4rem;
    padding: 0 0.5rem;
    font-size: 0.38rem;
    font-weight: bold;
  }
  .guide-layout .container .thumb .star-title span::before {
    content: "";
    width: 0.4rem;
    height: 0.4rem;
    background-image: url("/sitefiles/library/images/2024/3/b7126bd741d0119d.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .guide-layout .container .thumb .star-title span::after {
    content: "";
    width: 0.4rem;
    height: 0.4rem;
    background-image: url("/sitefiles/library/images/2024/3/b7126bd741d0119d.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .guide-layout .container .thumb.advance-thumb {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0.6rem;
  }

  .guide-layout .container .thumb.advance-thumb .illustration-thumb {
    margin: 0 0.2rem;
  }

  .guide-layout
    .container
    .thumb.advance-thumb
    .illustration-thumb
    .illustration-content {
    padding: 0 0.38rem;
    box-sizing: border-box;
  }

  .guide-layout
    .container
    .thumb.advance-thumb
    .illustration-thumb
    .illustration-content
    .illustration-text {
    font-size: 0.28rem;
    line-height: 0.38rem;
  }

  .guide-layout .advance-thumb .list {
    position: relative;
    display: flex;
    justify-content: center;
    padding-bottom: 0.5rem;
    background-color: #fff;
    padding-top: 1rem;
    border-radius: 0.3rem 0.3rem 0 0;
  }

  .guide-layout .advance-thumb .list li {
    width: 25%;

    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .guide-layout .advance-thumb .list li > img {
    display: block;
    height: 0.68rem;
    margin-bottom: 0.3rem;
  }

  .guide-layout .advance-thumb .list li > span {
    font-size: 0.32rem;
    line-height: 0.32rem;
    color: #0069e1;
  }

  .guide-layout .depart-list {
    position: relative;
  }

  .guide-layout .depart-list li {
    position: relative;
    background-color: #fff;
    margin-bottom: 0.18rem;
    -webkit-box-shadow: 0 0 0.16rem #d2e2f7;
    box-shadow: 0 0 0.16rem #d2e2f7;
    height: 1.65rem;
    box-sizing: border-box;
    text-align: left;
    padding: 0.3rem 0.36rem 0 1.36rem;
  }

  .guide-layout .depart-list li img {
    position: absolute;
    left: 0.23rem;
    top: 0;
    width: 0.87rem;
    bottom: 0;
    margin: auto;
  }

  .guide-layout .depart-list li > span {
    display: block;
    font-size: 0.3rem;
    font-weight: bold;
    line-height: 0.3rem;
    margin-bottom: 0.16rem;
  }

  .guide-layout .depart-list li > p {
    font-size: 0.22rem;
    line-height: 0.36rem;
  }

  .guide-layout .guide-thumb {
    position: relative;
  }

  .guide-layout .guide-thumb .desc {
    font-size: 0.28rem;
    text-indent: 0;
    text-align: center;
    margin-bottom: 0.4rem;
  }

  .guide-layout .guide-thumb img {
    display: block;
    width: 100%;
  }

  .guide-layout .contact-us-thumb .container .thumb {
    -webkit-box-shadow: 0 0 0.24rem #d3d9dc;
    box-shadow: 0 0 0.24rem #d3d9dc;
    padding: 0.38rem 0.68rem;
    box-sizing: border-box;
    position: relative;
    width: 6.3rem;
    height: 2.5rem !important;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 0.1rem;
    margin-bottom: 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .guide-layout .contact-us-thumb .container .thumb p:last-child {
    margin-bottom: 0;
  }

  .guide-layout #errorText {
    color: #ff4949;
    height: 0.8rem;
    line-height: 0.8rem;
    padding: 0 0.26rem;
    font-size: 0.28rem;
    text-align: left;
    -webkit-animation: msgbox-fade-in 0.3s;
    animation: msgbox-fade-in 0.3s;
    display: none;
  }

  .guide-layout .message {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
  }

  .guide-layout .message p {
    padding: 0.2rem 0.6rem;
    background-color: #fff;
    font-size: 0.32rem;
    border-radius: 0.1rem;
    -webkit-animation: msgbox-fade-in 0.3s;
    animation: msgbox-fade-in 0.3s;
  }

  .guide-layout .slide-thumb {
    height: 1.96rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }

  .guide-layout .illustration-text {
    font-size: 0.26rem;
    line-height: 0.64rem;
    margin-bottom: 0.3rem;
    font-weight: bold;
  }

  .guide-layout .container .desc > strong {
    width: 100%;
    font-size: 0.34rem;
    color: #000;
    font-weight: bold;
    line-height: 0.48rem;
    display: block;
    text-indent: 0;
  }

  .guide-layout .container .illustration {
    margin-bottom: 0.36rem;
  }

  .guide-layout .container .desc > span {
    text-align: left;
    display: block;
    width: 100%;
    padding-left: 0.28rem;
    position: relative;
    box-sizing: border-box;
    margin: 0.1rem 0;
    text-indent: 0;
  }

  .guide-layout .container .desc > span::before {
    content: "";
    width: 0.14rem;
    height: 0.14rem;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0.2rem;
    border-radius: 50%;
  }

  .guide-layout .form {
    position: relative;
    font-size: 0;
    text-align: center;
  }

  .guide-layout .form input[type="text"],
  .guide-layout .form textarea {
    display: block;
    width: 100%;
    background: #fff;
    color: #333;
    font-size: 0.3rem;
    margin-top: 0.2rem;
    text-align: left;
    box-sizing: border-box;
    border-radius: 0.1rem;
    font-family: inherit;
  }

  .guide-layout .form input[type="text"] {
    height: 0.88rem;
    line-height: 0.88rem;
    padding: 0 0.18rem;
  }

  .guide-layout .form textarea {
    border: none;
    line-height: 0.48rem;
    padding: 0.18rem;
  }

  .guide-layout .form input[type="text"]::-webkit-input-placeholder {
    color: #666;
  }

  .guide-layout .form textarea::-webkit-input-placeholder {
    color: #666;
  }

  .guide-layout .form .submit_btn {
    position: relative;
    margin: 0.36rem auto 0;
    padding-bottom: 0.9rem;
  }

  .guide-layout .form .submit_btn .submit {
    display: inline-block;
    font-size: 0.28rem;
    line-height: 0.8rem;
    width: 100%;
    position: relative;
    background: #fff;
    background: -webkit-gradient(to bottom, #1167f7, #4fbbfd);
    background: linear-gradient(to bottom, #1167f7, #4fbbfd);
    color: #fff;
    border-radius: 0.08rem;
  }

  .guide-layout .contact-us-thumb .container .contaci-title {
    font-size: 0.4rem;
    line-height: 0.4rem;
    margin-bottom: 0.24rem;
    color: #000;
  }

  .yxdy-layout .slide-thumb .container {
    padding: 0.44rem 0 0;
  }

  .yxdy-layout .thumb img {
    display: block;
    width: 100%;
  }

  .yxdy-layout .thumb.bg-thumb .desc {
    margin-bottom: 0;
  }

  .yxdy-layout .thumb .tech-list .item {
    margin-bottom: 0.48rem;
  }

  .yxdy-layout .thumb .tech-list .item:last-child {
    margin-bottom: 0.12rem;
  }

  .yxdy-layout .thumb .tech-list .item .label {
    font-size: 0.34rem;
    line-height: 0.34rem;
    margin-bottom: 0.12rem;
    color: #333;
    position: relative;
    padding-left: 0.2rem;
    text-align: left;
    display: block;
    width: 100%;
    box-sizing: border-box;
  }

  .yxdy-layout .thumb .tech-list .item .label::before {
    content: "";
    width: 0.08rem;
    height: 0.08rem;
    background-color: #333333;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
  }

  .yxdy-layout .case-thumb {
    padding-bottom: 0.48rem;
  }

  .yxdy-layout .case-thumb .tech-list .item {
    margin-bottom: 0.32rem;
  }

  .yxdy-layout .case-thumb .desc-thumb {
    position: relative;
    overflow: hidden;
    margin-bottom: 0.3rem;
  }

  .yxdy-layout .case-thumb .desc-thumb > .desc {
    text-indent: 2em;
    margin-bottom: 0.12rem;
  }

  .yxdy-layout .case-thumb .icon {
    display: block;
    width: 0.35rem;
    margin-bottom: 0.1rem;
  }

  .yxdy-layout .case-thumb .icon.right {
    float: right;
  }

  .yxdy-layout .case-thumb .news {
    font-size: 0.24rem;
    color: #999;
    position: relative;
    padding-left: 0.16rem;
    line-height: 0.34rem;
    text-align: left;
    margin-bottom: 0.3rem;
  }

  .yxdy-layout .case-thumb .news > span {
    display: block;
    width: 100%;
  }

  .yxdy-layout .case-thumb .news::before {
    content: "";
    width: 0.02rem;
    height: 100%;
    background-color: #999;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
  }

  .yxdy-layout .slide-thumb .slide .container > h2 {
    margin-bottom: 0;
    padding: 0;
    line-height: 0.48rem;
    font-size: 0.28rem;
    text-align: center;
  }

  .yxdy-layout .gxdy_pc {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
  }
  .yxdy-layout .gxdy_pc-thumb {
    margin: 0 auto;
  }

  .yxdy-layout .gxdy_pc_01 {
    padding-top: 73.33%;
    background-image: url("/sitefiles/library/images/2024/3/dee794dc9152a79a.png");
  }
  .yxdy-layout .gxdy_pc_02 {
    padding-top: 41.3%;
    background-image: url("/sitefiles/library/images/2024/3/f378ed4f5d0b9f29.png");
  }

  .yxdy-layout .gxdy_pc_03 {
    padding-top: 41.3%;
    background-image: url("/sitefiles/library/images/2024/3/c9780a518fd2b813.png");
  }
  .yxdy-layout .gxdy_pc_04 {
    padding-top: 41.3%;
    background-image: url("/sitefiles/library/images/2024/3/70bc7d76abf0c7fd.png");
  }

  .yxdy-layout .gxdy_pc_07 {
    padding-top: 78.46%;
    background-image: url("/sitefiles/library/images/2024/3/eb8af9baff5bc5eb.png");
  }

  .detail-layout.service-highlights-layout .thumb .desc {
    margin-bottom: 0;
  }

  .detail-layout.service-highlights-layout .experience-thumb {
    margin-bottom: 0.16rem;
  }

  .detail-layout.service-highlights-layout .thumb .high-light {
    color: #0069e1;
    display: flex;
    justify-content: center;
    margin-bottom: 0.18rem;
  }

  .detail-layout.service-highlights-layout .thumb .high-light > span {
    position: relative;
    font-size: 0.4rem;
    line-height: 0.4rem;
    padding: 0 0.54rem;
  }

  .detail-layout.service-highlights-layout .thumb .high-light > span::before {
    content: "";
    width: 0.4rem;
    height: 0.02rem;
    background-color: #0069e1;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .detail-layout.service-highlights-layout .thumb .high-light > span::after {
    content: "";
    width: 0.4rem;
    height: 0.02rem;
    background-color: #0069e1;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .detail-layout.service-highlights-layout .sub-title {
    font-size: 0.34rem;
    color: #333;
    line-height: 0.48rem;
    margin-bottom: 0.5rem;
  }

  .detail-layout.service-highlights-layout .safe-thumb > img {
    display: block;
    width: 100%;
    margin: 0 auto 0.6rem;
  }

  .detail-layout.service-highlights-layout .thumb .list .item {
    position: relative;
    text-align: left;
    margin-bottom: 0.3rem;
  }

  .detail-layout.service-highlights-layout .thumb .list .item > strong {
    width: 5rem;
    font-size: 0.34rem;
    color: #000;
    font-weight: bold;
    line-height: 0.48rem;
    display: block;
    box-sizing: border-box;
    padding: 0 0.16rem;
  }

  .detail-layout.service-highlights-layout .safe-thumb .list .item > strong {
    background: linear-gradient(to right, #adc9ff, #ffffff);
    border-radius: 0.54rem;
    margin-bottom: 0.1rem;
    padding: 0.07rem 0.16rem;
  }

  .detail-layout.service-highlights-layout .slide-thumb .slide {
    background-image: url("/sitefiles/library/images/2024/3/d4c1a2df5f6be412.png");
  }

  .detail-layout.service-highlights-layout .thumb .list .item > p {
    font-size: 0.3rem;
    color: #666;
    line-height: 0.48rem;
    padding: 0 0.16rem;
  }

  .detail-layout.service-highlights-layout .data-thumb {
    padding-bottom: 0.64rem;
  }

  .detail-layout.service-highlights-layout .data-thumb img {
    display: block;
    width: 100%;
    margin: 0.36rem 0;
  }

  .detail-layout.service-highlights-layout .check-container {
    position: relative;
    background-color: #f8fafd;
  }

  .detail-layout.service-highlights-layout .check-thumb {
    position: relative;
    height: 4.1rem;
    display: flex;
    padding-top: 0.5rem;
    box-sizing: border-box;
    margin-bottom: 0.6rem;
  }

  .detail-layout.service-highlights-layout .check-thumb .l,
  .detail-layout.service-highlights-layout .check-thumb .r {
    width: 1.74rem;
    box-sizing: border-box;
    position: relative;
    padding: 0.18rem 0 0 0.3rem;
  }

  .detail-layout.service-highlights-layout .check-thumb .r {
    padding: 0.54rem 0 0 0.3rem;
  }

  .detail-layout.service-highlights-layout .check-thumb .center {
    flex: 1;
    position: relative;
    overflow: hidden;
    display: flex;
  }

  .detail-layout.service-highlights-layout .check-thumb .center .avator {
    height: 100%;
  }

  .detail-layout.service-highlights-layout .check-thumb .center .mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    -webkit-animation: ani-check 2s infinite linear;
    animation: ani-check 2s infinite linear;
  }

  .detail-layout.service-highlights-layout .check-thumb .center .mask > img {
    display: block;
    width: 100%;
  }

  .detail-layout.service-highlights-layout .check-thumb .center .mask > .line {
    height: 0.05rem;
    background-color: #06fcff;
    width: 100%;
  }

  .detail-layout.service-highlights-layout .check-thumb .check-item {
    display: block;
    width: 100%;
    font-size: 0.18rem;
    padding-left: 0.4rem;
    box-sizing: border-box;
    background: -webkit-gradient(to right, #1663f4, #2c73f7);
    background: linear-gradient(to right, #1663f4, #2c73f7);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    position: relative;
    line-height: 0.48rem;
    font-weight: bold;
  }

  .detail-layout.service-highlights-layout .check-thumb .check-item {
    opacity: 0;
    -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }

  .detail-layout.service-highlights-layout .check-thumb .check-item > img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 0.26rem;
  }

  .detail-layout.service-highlights-layout .check-thumb.active .check-item {
    opacity: 1;
  }

  .detail-layout.service-highlights-layout
    .check-thumb
    .l
    .check-item:nth-child(1) {
    transition-delay: 0.5s;
  }

  .detail-layout.service-highlights-layout
    .check-thumb
    .l
    .check-item:nth-child(2) {
    transition-delay: 1.5s;
  }

  .detail-layout.service-highlights-layout
    .check-thumb
    .l
    .check-item:nth-child(3) {
    transition-delay: 2.5s;
  }

  .detail-layout.service-highlights-layout
    .check-thumb
    .l
    .check-item:nth-child(4) {
    transition-delay: 3.5s;
  }

  .detail-layout.service-highlights-layout
    .check-thumb
    .r
    .check-item:nth-child(1) {
    transition-delay: 1s;
  }

  .detail-layout.service-highlights-layout
    .check-thumb
    .r
    .check-item:nth-child(2) {
    transition-delay: 2s;
  }

  .detail-layout.service-highlights-layout
    .check-thumb
    .r
    .check-item:nth-child(3) {
    transition-delay: 3s;
  }

  .detail-layout.service-highlights-layout
    .check-thumb
    .r
    .check-item:nth-child(4) {
    transition-delay: 4s;
  }

  .detail-layout.service-highlights-layout
    .check-thumb
    .r
    .check-item:nth-child(5) {
    transition-delay: 4.5s;
  }

  .yxdy-layout .animate-thumb {
    position: absolute;
    top: 2.82rem;
    width: 100%;
    z-index: 2;
  }

  .yxdy-layout .animate-thumb .bg_03 {
    display: block;
    width: 7.06rem;
    left: 0.44rem;
    position: relative;
    opacity: 0;
    webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition-delay: 1.2s;
    transform-origin: center bottom;
  }

  .yxdy-layout .animate-thumb.animate .bg_03 {
    opacity: 1;
  }

  .yxdy-layout .animate-thumb .bg_01 {
    display: block;
    width: 4.12rem;
    left: 1.8rem;
    position: relative;
  }

  .yxdy-layout .animate-thumb .bg_02 {
    position: absolute;
    z-index: 4;
    width: 1.36rem;
    left: 3rem;
    top: 1.36rem;
    opacity: 0;
    webkit-transition: left 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
      top 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
      opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: left 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
      top 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
      opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition-delay: 0.1s;
  }

  .yxdy-layout .animate-thumb .zjlx-thumb {
    font-size: 0.12rem;
    color: #fff;
    position: absolute;
    z-index: 5;
    width: 2.96rem;
    left: 2.16rem;
    top: 2.2rem;
  }

  .yxdy-layout .animate-thumb .zjlx-thumb img {
    display: block;
    width: 0.68rem;
  }

  .yxdy-layout .animate-thumb .zjlx-thumb span {
    display: block;
    line-height: 0.28rem;
    text-align: center;
    width: 1rem;
    position: relative;
    left: -0.17rem;
  }

  .yxdy-layout .animate-thumb .zjlx-thumb .item {
    webkit-transition: left 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
      top 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
      opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: left 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
      top 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
      opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    opacity: 0;
    transition-delay: 0.7s;
  }

  .yxdy-layout .animate-thumb .zjlx-thumb .edz-item {
    position: absolute;
    left: 2.4rem;
    top: 0;
    -webkit-animation: ani-zjlx 2s infinite linear 1.5s;
    animation: ani-zjlx 2s infinite linear 1.5s;
  }

  .yxdy-layout .animate-thumb.animate .edz-item {
    left: 0;
    top: 0;
  }

  .yxdy-layout .animate-thumb .zjlx-thumb .crj-item {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: ani-zjlx 2s infinite linear 1.7s;
    animation: ani-zjlx 2s infinite linear 1.7s;
  }

  .yxdy-layout .animate-thumb.animate .item,
  .yxdy-layout .animate-thumb.animate .bg_02 {
    opacity: 1;
  }

  .yxdy-layout .animate-thumb.animate .crj-item {
    left: 1.24rem;
    top: 0.16rem;
  }

  .yxdy-layout .animate-thumb .zjlx-thumb .jsz-item {
    position: absolute;
    left: 1.24rem;
    top: 0.16rem;
    -webkit-animation: ani-zjlx 2s infinite linear 1.9s;
    animation: ani-zjlx 2s infinite linear 1.9s;
  }

  .yxdy-layout .animate-thumb.animate .jsz-item {
    left: 2.4rem;
    top: 0;
  }

  .notice-layout .slide-thumb {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url("/sitefiles/library/images/2024/3/ef62bdaa75b948fc.png");
    height: 1.96rem;
  }

  .service-layout .fwjs_pc_02-thumb {
    width: 100%;
    position: relative;
    margin: 0.48rem auto;
  }
  .service-layout .fwjs_pc_02 {
    padding-top: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    background-image: url("/sitefiles/library/images/2024/3/a53e91608a626ba5.png");
  }

  .service-layout .slide-thumb {
    height: 3.85rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url("/sitefiles/library/images/2024/3/d188bfd624dfc24a.png");
  }

  .service-layout .slide-thumb .title-thumb {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    text-align: center;
  }

  .service-layout .slide-thumb .title-thumb .container {
    padding-bottom: 0;
  }

  .service-layout .slide-thumb .title-thumb .title {
    font-size: 0.4rem;
    line-height: 0.4rem;
    margin-bottom: 0.24rem;
    color: #333;
    font-weight: bold;
  }

  .service-layout .container {
    padding-bottom: 0.9rem;
  }

  .service-layout .container .list-thumb {
    margin-bottom: 0.36rem;
  }

  .service-layout .container .list-thumb .desc {
    text-align: left;
    text-indent: 0;
    margin-bottom: 0.1rem;
  }

  .service-layout .container .fee-thumb .list-thumb > strong {
    font-size: 0.32rem;
    text-align: left;
    line-height: 0.32rem;
    display: block;
    width: 100%;
    color: #0973f0;
    padding-left: 0.32rem;
    position: relative;
    box-sizing: border-box;
    margin-bottom: 0.2rem;
  }

  .service-layout .container .fee-thumb .list-thumb > strong::before {
    content: "";
    width: 0.14rem;
    height: 0.14rem;
    background-color: #0973f0;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
  }

  .service-layout .content .container img {
    display: block;
    width: 100%;
    margin: 0.48rem auto;
  }

  .service-layout .table {
    order: 1px solid #dddddd;
    width: 100%;
    margin-bottom: 20px;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
  }

  .service-layout .table-bordered > thead > tr > th {
    border-bottom-width: 2px;
    border: 1px solid #e1e1e1;
    padding: 8px 0;
    line-height: 1.42857143;
    text-align: center;
    font-size: 0.24rem;
    background-color: #ddebf7;
  }

  .service-layout .table-thumb .first-row {
    border: 1px solid #e1e1e1;
    padding: 8px 0;
    line-height: 1.42857143;
    text-align: center;
    font-size: 0.24rem;
    border-bottom: 0;
    font-weight: bold;
    background-color: #ddebf7;
  }

  .service-layout .table-bordered > tbody > tr > td {
    border-bottom-width: 2px;
    border: 1px solid #e1e1e1;
    background-color: #fff;
    padding: 8px;
    line-height: 1.42857143;
    text-align: center;
    font-size: 0.22rem;
    line-height: 0.32rem;
  }

  .about-layout > .slide-thumb {
    height: 3.85rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url("/sitefiles/library/images/2024/3/2176e4cba96a7ee9.png");
  }

  .about-layout .container {
    padding-bottom: 0.9rem;
  }

  .about-layout .content .container img {
    display: block;
    width: 100%;
    margin: 0.36rem auto;
  }

  .about-layout .content .container .gywm_pc {
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    padding-top: 29.52%;
    margin: 0.36rem auto;
  }

  .about-layout .content .container .gywm_pc_02 {
    background-image: url("/sitefiles/library/images/2024/3/51c9d7e7e0a4c311.png");
  }

  .about-layout .content .container .gywm_pc_03 {
    background-image: url("/sitefiles/library/images/2024/3/9c926edd67dca257.png");
  }

  .about-layout .content .container .gywm_pc_04 {
    background-image: url("/sitefiles/library/images/2024/3/1d0c4cd1800c12ee.png");
  }

  .about-layout .content .container .gywm_pc_05 {
    background-image: url("/sitefiles/library/images/2024/3/153b70a2b956103a.png");
  }

  .about-layout .content .container .sub-title {
    font-size: 0.34rem;
    color: #333;
    line-height: 0.48rem;
    margin-bottom: 0.5rem;
  }

  .about-layout .content .container .desc > strong {
    width: 100%;
    font-size: 0.34rem;
    color: #000;
    font-weight: bold;
    line-height: 0.48rem;
    display: block;
    text-indent: 0;
  }

  .about-layout
    .slide-thumb
    .slide.service-slide
    .container
    .list
    .item:nth-child(2n) {
    top: 0;
  }

  .about-layout .slide-thumb .slide.service-slide .container .list .item .icon {
    margin: 0.2rem auto 0.36rem;
  }

  .about-layout .service-highlights-layout .slide-thumb {
    height: auto;
  }

  .about-layout .service-highlights-layout .slide-thumb .slide {
    height: 3.64rem;
    overflow: hidden;
  }

  .about-layout
    .service-highlights-layout
    .slide-thumb
    .slide.service-slide
    .container {
    padding: 0;
  }

  .about-layout .btn-go {
    display: block;
    width: 2.08rem;
    height: 0.68rem;
    margin: 0.4rem auto;
    text-align: center;
    line-height: 0.64rem;
    font-size: 0.24rem;
    box-sizing: border-box;
    border-radius: 0.1rem;
    color: #0973f0;
    border: 0.02rem solid #0973f0;
  }

  .index-layout .develop-thumb .btn-go {
    border-radius: 0.1rem;
    background-color: #fff;
    color: #0069e1;
    border: 0.02rem solid #fff;
    position: absolute;
    left: 0;
    right: 0.1rem;
    margin: auto;
    z-index: 2;
    bottom: -0.54rem;
    border-radius: 0.06rem;
    font-size: 0.18rem;
    line-height: 0.44rem;
    border: 0.02rem solid #80b5f8;
    text-align: center;
    display: block;
    width: 1.2rem;
  }

  .index-layout .develop-thumb .ptfz_pc_02-thumb {
    position: relative;
    width: 96%;
    margin: 0 auto;
  }

  .index-layout .develop-thumb .ptfz_pc_02-thumb .ptfz_pc_02 {
    width: 100%;
    position: relative;
    padding-top: 75.54%;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url("/sitefiles/library/images/2024/3/e10172d081410fef.png");
  }

  .welcome-layout .banner-thumb {
    position: relative;
    padding-top: 26.14%;
    background-image: url("/sitefiles/library/images/2024/3/6886649c68c27d97.png");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
  }

  .welcome-layout .container {
    padding-bottom: 1.2rem;
  }

  .welcome-layout .container .title {
    text-align: left;
  }

  .welcome-layout .container .sub {
    display: block;
    margin-bottom: 0;
    width: 100%;
  }

  .value-layout .title.high-light {
    font-size: 0.4rem;
    line-height: 0.4rem;
    margin-bottom: 0.24rem;
    color: #333;
    font-weight: bold;
    color: #0069e1;
    display: flex;
    justify-content: center;
    margin-bottom: 0.18rem;
    position: relative;
  }
  .value-layout .title.high-light > span {
    position: relative;
    font-size: 0.44rem;
    line-height: 0.48rem;
    padding: 0 0.54rem;
  }
  .value-layout .title.high-light > span::before {
    content: "";
    width: 0.4rem;
    height: 0.02rem;
    background-color: #0069e1;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .value-layout .title.high-light > span::after {
    content: "";
    width: 0.4rem;
    height: 0.02rem;
    background-color: #0069e1;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .value-layout .slide-thumb {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url("/sitefiles/library/images/2024/3/59a37a45f22b28.png");
    height: 3.85rem;
  }

  .xg-value-layout .slide-thumb {
    background-image: url("/sitefiles/library/images/2024/3/5c6f2a08a456a9d3.png");
  }

  .depart-value-layout .slide-thumb {
    background-image: url("/sitefiles/library/images/2024/3/e383fed541db08a1.png");
  }

  .fixed-footer {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999;
    background-color: #fff;
    height: 1.16rem;
    -webkit-box-shadow: 0 0 0.22rem #c6d0da;
    box-shadow: 0 0 0.22re #c6d0da;
    font-size: 0.34rem;
    color: #0c63fc;
    display: flex;
    align-items: center;
  }

  .fixed-footer > a {
    width: 50%;
    flex: 1;
    box-sizing: border-box;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .fixed-footer > a:first-child::after {
    content: "";
    width: 0.02rem;
    height: 0.32rem;
    background-color: #0069e2;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .fixed-footer > a > img {
    margin-right: 0.18rem;
    height: 0.49rem;
  }

  .detect-layout {
    position: relative;
  }

  .detect-layout .container {
    padding-bottom: 1.14rem;
  }

  .detect-layout .slide-thumb {
    background-image: url("/sitefiles/library/images/2024/3/dd5ebc4d9e5fac1d.png");
    height: 3.85rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }

  .detect-layout .thumb .high-light {
    color: #0069e1;
    display: flex;
    justify-content: center;
    margin-bottom: 0.48rem;
  }

  .detect-layout .thumb .high-light > span {
    position: relative;
    font-size: 0.4rem;
    line-height: 0.4rem;
    padding: 0 0.54rem;
  }

  .detect-layout .thumb .high-light > span::before {
    content: "";
    width: 0.4rem;
    height: 0.02rem;
    background-color: #0069e1;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .detect-layout .thumb .high-light > span::after {
    content: "";
    width: 0.4rem;
    height: 0.02rem;
    background-color: #0069e1;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .detect-layout .info-thumb {
    position: relative;
    -webkit-box-shadow: 0 0 0.16rem #d3d9dc;
    box-shadow: 0 0 0.16rem #d3d9dc;
  }

  .video-box {
    position: relative;
    -webkit-box-shadow: 0 0 0.16rem #d3d9dc;
    box-shadow: 0 0 0.16rem #d3d9dc;
    padding: 0.16rem 0.16rem 0;
    margin-bottom: 0.66rem;
  }

  .video-box .poster {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    width: 100%;
    height: 100%;
  }

  .video-box .btn-video {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .video-box .btn-video::before {
    content: "";
    width: 1.12rem;
    height: 1.12rem;
    background-color: rgba(0, 0, 0, 0.45);
    border-radius: 50%;
  }

  .video-box .btn-video::after {
    content: "";
    display: block;
    width: 0.49rem;
    height: 0.55rem;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    background-image: url("/sitefiles/library/images/2024/3/b2a52961395fb87e.png");
    position: absolute;
    left: 0.1rem;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
  }

  .video-box .video-thumb {
    height: 7rem;
    position: relative;
  }

  .video-box .video-thumb video {
    width: 100%;
    height: 100%;
  }

  .video-info {
    line-height: 1rem;
    font-size: 0.36rem;
    color: #333;
  }

  .detect-layout .info-thumb .list li {
    position: relative;
    display: flex;
    padding: 0.5rem;
    box-sizing: border-box;
    text-align: left;
    align-items: center;
    justify-content: center;
  }

  .detect-layout .info-thumb .list li img {
    width: 38%;
  }

  .detect-layout .info-thumb .list li:first-child img {
    width: 42%;
  }

  .detect-layout .info-thumb .list li:nth-child(2) .box {
    padding: 0 0.4rem 0 0.2rem;
  }

  .detect-layout .info-thumb .list li .box {
    padding: 0 0rem 0 0.6rem;
    box-sizing: border-box;
    flex: 1;
  }

  .detect-layout .info-thumb .list li span {
    font-size: 0.38rem;
    color: #333;
    font-weight: bold;
    line-height: 0.38rem;
    position: relative;
    padding-bottom: 0.28rem;
    display: block;
    width: 100%;
    margin-bottom: 12px;
  }

  .detect-layout .info-thumb .list li span::before {
    content: "";
    width: 0.44rem;
    height: 0.04rem;
    background: #999;
    position: absolute;
    left: 0;
    bottom: 0;
  }

  .detect-layout .info-thumb .list li p {
    font-size: 0.3rem;
    color: #666;
    line-height: 0.48rem;
  }

  .detect-process-thumb {
    position: relative;
  }

  .detect-process-thumb .detail-thumb {
    position: relative;
    padding: 0.5rem 0.3rem 0.4rem;
    display: flex;
    text-align: left;
    -webkit-box-shadow: 0 0 0.16rem #d3d9dc;
    box-shadow: 0 0 0.16rem #d3d9dc;
    border-radius: 0.15rem;
    overflow: hidden;
  }

  .detect-process-thumb .detail-thumb img {
    height: 1.65rem;
    margin-right: 0.38rem;
  }

  .detect-process-thumb .detail-thumb .box {
    flex: 1;
  }

  .detect-process-thumb .detail-thumb .box span {
    font-size: 0.4rem;
    line-height: 0.4rem;
    display: block;
    margin-bottom: 0.24rem;
  }

  .detect-process-thumb .detail-thumb .box p {
    font-size: 0.3rem;
    color: #666;
    line-height: 0.46rem;
    margin-bottom: 0.4rem;
  }

  .detect-process-thumb .detail-thumb .box .btn-go {
    background-color: #fff;
    color: #666;
    border-radius: 0.06rem;
    font-size: 0.3rem;
    line-height: 0.6rem;
    border: 0.02rem solid #666;
    text-align: center;
    display: block;
    width: 1.64rem;
    font-weight: normal;
  }

  .process-layout {
    position: relative;
  }

  .process-layout .high-light {
    margin-bottom: 0.48rem !important;
  }

  .process-layout .slide-thumb {
    height: 3.85rem;
    background-image: url("/sitefiles/library/images/2024/3/3e5bf4aaf242c86c.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .process-layout .app-thumb {
    background-color: rgb(248, 250, 253);
  }

  .process-layout .app-thumb .high-light {
    margin-bottom: 0.72rem !important;
  }
  .process-layout .app-thumb .list {
    display: flex;
    flex-wrap: wrap;
  }

  .process-layout .app-thumb .list li {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 0.48rem;
  }

  .process-layout .app-thumb .list li img {
    height: 1.12rem;
    display: inline-block;
    margin-bottom: 0.24rem;
  }

  .process-layout .app-thumb .list li span {
    font-size: 0.38rem;
    line-height: 0.38rem;
    color: #333;
    font-weight: bold;
    margin-bottom: 0.16rem;
  }

  .process-layout .app-thumb .list li p {
    font-size: 0.24rem;
    line-height: 0.36rem;
  }

  .process-layout .advance-list {
    display: flex;
    flex-wrap: wrap;
  }
  .process-layout .advance-list li {
    height: 3.8rem;
    background: -webkit-gradient(to bottom, #f2f6fa, #ffffff);
    background: linear-gradient(to bottom, #f2f6fa, #ffffff);
    -webkit-box-shadow: 0 0 0.16rem #d3d9dc;
    box-shadow: 0 0 0.16rem #d3d9dc;
    width: 48%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 0.64rem;
    margin-bottom: 0.42rem;
  }
  .process-layout .advance-list li:nth-child(2n-1) {
    margin-right: 2%;
  }
  .process-layout .advance-list li:nth-child(2n) {
    margin-left: 2%;
  }

  .process-layout .advance-list li img {
    height: 1.12rem;
    display: inline-block;
    width: 1.28rem;
    margin-bottom: 0.44rem;
  }

  .process-layout .advance-list li span {
    font-size: 0.38rem;
    line-height: 0.38rem;
    color: #333;
    font-weight: bold;
    margin-bottom: 0.28rem;
  }

  .process-layout .advance-list li p {
    font-size: 0.28rem;
    line-height: 0.38rem;
  }

  .process-layout .func-thumb {
    position: relative;
    height: auto;
    overflow: hidden;
  }

  .process-layout .func-thumb .bg {
    display: block;
    width: 100%;
  }

  .process-layout .func-thumb .color-bg {
    position: absolute;
    z-index: 2;
    height: 100%;
    left: 50%;
    margin: auto;
    bottom: 0;
    top: 0;
    background-color: rgb(129, 207, 255);
    width: 100%;
  }

  .process-layout .func-thumb .person {
    position: absolute;
    z-index: 3;
    height: 100%;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
  }

  .process-layout .func-thumb .mask {
    position: absolute;
    z-index: 4;
    height: 100%;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
  }

  .process-layout .func-thumb .btn-change-bg {
    width: 1.48rem;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-0.79rem);

    z-index: 5;
    bottom: 0;
    user-select: none;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
    background-image: url("/sitefiles/library/images/2024/3/aeb5ade49bb28e45.png");
  }

  .process-layout .func-thumb .btn-video {
    z-index: 4;
  }

  .process-layout .brightness-thumb {
    background-image: url("/sitefiles/library/images/2024/3/635b197230da1e54.png");
    background-repeat: repeat;
  }

  .process-layout .func-thumb.brightness-thumb .color-bg {
    background-color: rgb(211, 213, 226);
    display: none;
  }

  .process-layout .func-thumb.brightness-thumb .black-mask {
    position: absolute;
    z-index: 5;
    height: 100%;
    left: -56%;
    top: 0;
    background-color: rgba(0, 0, 0, 0.2);
    width: 106%;
  }

  .process-layout .clip-thumb {
    background-color: rgb(194, 201, 213);
  }

  .process-layout .clip-thumb .person {
    left: -50%;
  }

  .process-layout .clip-thumb .btn-video {
    z-index: 999;
  }

  .process-layout .clip-thumb .bzx {
    width: 30%;
    position: absolute;
    left: 9.4%;
    top: 11.6%;
    z-index: 11;
    opacity: 0;
    animation-fill-mode: forwards;
  }

  .process-layout .clip-thumb .clip-image {
    position: absolute;
    width: 30%;
    left: 9.4%;
    top: 11.6%;
    z-index: 10;
    animation-fill-mode: forwards;
    opacity: 0;
  }

  .process-layout .clip-thumb .clip-image.act {
    left: 50% !important;
    top: 0 !important;
    width: 50% !important;
    opacity: 1 !important;
    transition: all 1.5s;
  }

  .index-layout .slide-container .welcome-slide {
    background-image: url("/sitefiles/library/images/2024/3/498b834c8063e183.png");
  }

  .index-layout .slide-container .multi-slide {
    background-image: url("/sitefiles/library/images/2024/3/758580780c9919f2.png");
  }

  .index-layout .slide-container .service-slide {
    background-image: url("/sitefiles/library/images/2024/3/d4c1a2df5f6be412.png");
  }
  .index-layout .yxdy-layout {
    display: none !important;
  }

  .nav-box .navBar li.index-nav {
    display: none;
  }

  .nav-box .navBar li.guide-mainbav,
  .site-map .navBar li.contact-bar {
    display: none;
  }

  .notice-item-layout .channel-item{
    margin: 0;
    font-size: 0.3rem;
    padding: 0 0.14rem;
    line-height: 1rem;
  }
  .notice-item-layout .content-item{
    font-size: 0.28rem;
    line-height: 0.6rem;
    padding: 0.3rem 0;
  }

  .guide-layout .btn-kf{
    display: none;
  }
  .guide-layout .area-container{
    display: none;
  }
  .spring-festival .spring-festival-header-left,
  .spring-festival .spring-festival-header-right,
  .spring-festival .spring-festival-footer{
    display: none!important;
  }
}