html {
     font-size: clamp(12px, 5.20833vw, 150px);
 }

 body {
     background: #F4F7FA;
 }

 .image-mobile {
     display: none;
 }

 @media (max-width: 768px) {
     html {
         font-size: 13.33333vw;
     }

     .image-pc {
         display: none;
     }

     .image-mobile {
         display: block;
     }
 }


 .page-light-bg {
     background-color: #F4F7FA;
 }

 .animate-scale:hover {
     transform: scale(1.02);
     transition: all 200ms ease-in;
 }





 /***
    顶部导航
 */
 .navbar {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     /*height: 1.68rem;*/
     /*height: 1.04rem;*/
     padding: 0.64rem 0.8rem;
     display: flex;
     justify-content: space-between;
     align-items: center;
     color: #fff;
     background: transparent;
     transition: all 1000ms ease;
     z-index: 1001;
 }

 .navbar .navbar-left {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .navbar .navbar-left .navbar-brand {
     display: flex;
     align-items: center;
 }

 .navbar .navbar-left .navbar-brand a.brand {
     width: 1.31rem;
     height: 0.4rem;
 }

 .navbar .navbar-left .navbar-brand .brand-logo-dark {
     display: none;
 }

 .navbar .navbar-left .navbar-brand .brand-slogan {
     margin-left: 0.2rem;
     padding-left: 0.2rem;
     border-left: 1px solid rgba(0, 37, 132, 0.12);
     font-size: 0.16rem;
     line-height: 0.28rem;
     color: #fff;
 }

 .navbar .navbar-left .navbar-toggle {
     display: none;
 }

 .navbar .navbar-menu {
     display: flex;
     align-items: center;
     gap: 0.64rem;
 }

 .navbar .navbar-menu .nav-item {}

 .navbar .navbar-menu .nav-item:last-child {}

 .navbar .navbar-menu .nav-link {
     padding: 0.1rem 0;
     color: rgba(255, 255, 255, 0.6);
     font-weight: 500;
     font-size: 0.16rem;
     line-height: 0.22rem;
     border-bottom: 1px solid transparent;
     margin-bottom: -1px;
 }

 .navbar .navbar-menu .nav-link:hover,
 .navbar .navbar-menu .nav-item.active .nav-link {
     color: #fff;
     border-color: #ffffff;
 }

 .navbar.navbar--is-hide {
     position: fixed;
     top: -164px;
     background: #fffcf5;
 }

 /*顶部吸顶*/
 .navbar--is-stuck {
     padding: 0.32rem 0.8rem;
     background: #fff;
 }

 .navbar--is-stuck .navbar-left .navbar-brand .brand-logo-light {
     display: none;
 }

 .navbar--is-stuck .navbar-left .navbar-brand .brand-logo-dark {
     display: block;
 }

 .navbar--is-stuck .navbar-left .navbar-brand .brand-slogan {
     color: var(--app-main-color);
 }

 .navbar--is-stuck .navbar-menu .nav-link {
     color: rgba(92, 96, 108, 0.7);
 }

 .navbar--is-stuck .navbar-menu .nav-link:hover,
 .navbar--is-stuck .navbar-menu .nav-item.active .nav-link {
     color: var(--app-main-color);
     border-color: var(--app-main-color);
 }



 .navbar-blue {
     padding: 0.32rem 0.8rem;
     background-color: #002584;
 }

 /*.navbar-blue .navbar-menu-wrap{*/
 /*    flex: 1;*/
 /*    margin-left: 1.8rem;*/
 /*}*/





 /*导航移动端适配*/
 @media (max-width: 768px) {

     .navbar,
     .navbar--is-stuck {
         padding: 0.28rem 0.32rem;
     }

     .navbar--is-stuck {
         background-color: #fff;
     }

     .navbar .navbar-left {
         width: 100%;
     }

     .navbar .navbar-left .navbar-brand a.brand {
         width: 2.1rem;
         height: 0.64rem;
     }

     .navbar .navbar-left .navbar-brand .brand-slogan {
         display: none;
     }

     .navbar .navbar-left .navbar-toggle {
         display: flex;
         align-items: center;
         position: relative;
         width: 0.64rem;
         height: 0.64rem;
         line-height: 0.64rem;
         cursor: pointer;
         color: #ffffff;
         background-color: transparent;
         border: none;
     }

     .navbar .navbar-left .navbar-toggle span {
         position: relative;
         display: block;
         margin: auto;
         transition: .3s all ease;
     }

     .navbar .navbar-left .navbar-toggle span:after,
     .navbar .navbar-left .navbar-toggle span:before {
         content: "";
         position: absolute;
         left: 0;
         top: -0.16rem;
         transition: .3s all ease;
     }

     .navbar .navbar-left .navbar-toggle span:after {
         top: 0.16rem;
     }

     .navbar .navbar-left .navbar-toggle span:after,
     .navbar .navbar-left .navbar-toggle span:before,
     .navbar .navbar-left .navbar-toggle span {
         width: 0.48rem;
         height: 2px;
         background-color: #ffffff;
         backface-visibility: hidden;
         border-radius: 0;
     }

     .navbar--is-stuck .navbar-left .navbar-toggle span:after,
     .navbar--is-stuck .navbar-left .navbar-toggle span:before,
     .navbar--is-stuck .navbar-left .navbar-toggle span {
         background-color: var(--app-main-color);
     }


     .navbar .navbar-menu-wrap {
         position: fixed;
         top: 0;
         left: 0;
         z-index: 1007;
         width: 100%;
         -webkit-overflow-scrolling: touch;
         font-size: 0.28rem;
         line-height: 0.64rem;
         transform: translateY(-110%);
         overflow: hidden;
         box-shadow: none;
         padding: 0 0 0.48rem 0;
         background: #fff;
         transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1);
     }

     .navbar.navbar--is-open .navbar-menu-wrap {
         top: 1.2rem;
         transform: translateY(0);
     }

     .navbar .navbar-menu {
         flex-direction: column;
         align-items: flex-start;
         gap: 0;
     }

     .navbar .nav-item {
         width: 100%;
     }

     .navbar .navbar-menu .nav-link {
         display: block;
         padding: 0.2rem 0.32rem 0.2rem 0.32rem;
         color: rgba(92, 96, 108, 0.7);
         font-size: 0.28rem;
         font-weight: 400;
         line-height: 160%;
         letter-spacing: 0;
         text-align: left;
         border: none;
         margin-bottom: 0;
     }

     .navbar .nav-item.active {
         position: relative;
     }

     .navbar .nav-item:hover .rd-nav-link,
     .navbar .nav-item.active .rd-nav-link {
         color: rgb(22, 28, 45);
         font-weight: 500;
         background: #fff;
     }

     .navbar .nav-item.active:before {
         position: absolute;
         top: 0.22rem;
         left: 0;
         width: 0.08rem;
         height: 0.4rem;
         display: inline-block;
         content: ' ';
         background: rgb(0, 37, 132);
     }

     .navbar.navbar--is-open .navbar-left .navbar-toggle {
         color: var(--app-main-color);
     }

     .navbar.navbar--is-open .navbar-left .navbar-toggle span {
         background-color: transparent;
     }

     .navbar.navbar--is-open .navbar-left .navbar-toggle span:before,
     .navbar.navbar--is-open .navbar-left .navbar-toggle span:after {
         width: 0.43rem;
         background-color: var(--app-main-color);
         transform-origin: 101%;
     }

     .navbar.navbar--is-open .navbar-left .navbar-toggle span:before {
         transform: rotate3d(0, 0, 1, -45deg);
     }

     .navbar.navbar--is-open .navbar-left .navbar-toggle span:after {
         transform: rotate3d(0, 0, 1, 45deg)
     }
 }

 .page-index {
     background: #F4F7FA;
 }

 .swiper-container {
     margin: 0 auto;
     position: relative;
     /*!*overflow: hidden;*!
	!* Fix of Webkit flickering *!*/
     z-index: 1;
 }

 .swiper-container.swiper-slider-main {
     height: 12rem;
 }

 .swiper-container .swiper-wrapper {
     position: relative;
     width: 100%;
     height: 100%;
     z-index: 1;
     display: flex;
     transition-property: transform;
     box-sizing: content-box;
     flex-direction: column;
     transform: translate3d(0px, 0, 0);
 }

 .swiper-pagination {
     position: absolute;
     display: block;
     text-align: center;
     transition: .3s;
     transform: translate3d(0, 0, 0);
     z-index: 10;
     color: #fff;
 }

 .swiper-pagination .swiper-pagination-bullet {
     width: 0.03rem;
     height: 0.6rem;
     display: block;
     border-radius: 0;
     background: rgba(255, 255, 255, 0.5);
     transition: .2s;
 }


 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
 .swiper-pagination .swiper-pagination-bullet:hover {
     background: white;
 }

 .swiper-pagination.swiper-pagination-clickable .swiper-pagination-bullet {
     cursor: pointer;
 }

 .swiper-container .swiper-slide {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
     width: 100%;
     height: 100%;
     /*min-height: calc(100vh - 50px);*/
     padding: 0.5rem 0;
     background-position: center center;
     background-repeat: no-repeat;
     white-space: nowrap;
 }

 .swiper-container .swiper-slide-active {
     opacity: 1 !important;
 }

 .swiper-container .swiper-image-wrap {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     background: rgba(0, 0, 0, 0.5);
 }

 .swiper-image-pc {
     position: absolute;
     width: 100%;
     height: 100%;
 }

 .swiper-container .swiper-image-wrap .swiper-image-mobile {
     display: none;
 }

 .swiper-container .swiper-image-wrap .swiper-image-mask {
     position: absolute;
     top: 100%;
     left: 0;
     width: 100%;
     height: 6.3rem;
     background: linear-gradient(180deg, rgba(244, 247, 250, 0) 0%, #F4F7FA 100%);
 }

 .swiper-container .swiper-pagination-wrap {
     position: absolute;
     left: 18.4rem;
     top: 2.99rem;
 }

 .swiper-container .swiper-pagination .swiper-pagination-num {
     position: relative;
     top: 0.22rem;
     left: -0.47rem;
     display: block;
     width: 0.28rem;
     text-align: right;
     font-size: 0.14rem;
     font-weight: 600;
     line-height: 1.6;
 }


 .swiper-slider-main .swiper-slide-caption {
     position: absolute;
     top: 0;
     width: 100%;
     height: 100%;
     padding: 2.99rem 2.12rem;
     /*padding: 2.99rem 5.25rem;*/
     white-space: normal;
     color: #fff;
     z-index: 1;
 }

 .swiper-slider-main .swiper-slide-caption.is-center {
     padding: 2.99rem 5.25rem;
     max-width: unset;
 }

 .swiper-slider-main .swiper-slide-caption .brand-tag {
     display: inline-flex;
     align-items: center;
     gap: 0.32rem;
 }

 .swiper-slider-main .swiper-slide-caption .brand-tag .brand-tag-line {
     width: 0.72rem;
     height: 2px;
     background-color: var(--app-orange-color);
 }

 .swiper-slider-main .swiper-slide-caption .brand-tag .brand-tag-title {
     color: #FBD784;
     font-size: 0.18rem;
     font-weight: 600;
     line-height: 0.22rem;
     letter-spacing: 0.06rem;
     text-transform: uppercase;
 }

 .swiper-slider-main .swiper-slide-caption .swiper-title {
     color: #fff;
     max-width: 7.8rem;
     padding: 0.32rem 0;
     font-size: 0.72rem;
     font-weight: 500;
     line-height: 1rem;
     letter-spacing: 0;
 }

 .swiper-slider-main .swiper-slide-caption .lead {
     color: #fff;
     font-size: 0.32rem;
     font-weight: 500;
     line-height: 0.44rem;
     letter-spacing: 0;
 }

 .swiper-slider-main .swiper-slide-caption .font-black {
     color: #000;
 }

 .swiper-slider-main .swiper-slide-caption .swiper-more .swiper-more-link {
     color: #FFF;
     font-size: 0.16rem;
     font-weight: 600;
     display: flex;
     align-items: center;
 }

 .swiper-slider-main .swiper-slide-caption .swiper-more .swiper-more-link .swiper-more-icon {
     margin-left: 0.12rem;
     display: inline-block;
     width: 0.2rem;
     height: 0.24rem;
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center center;
     background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyNCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Imljb24vbmF2aWdhdGlvbi9hcnJvd19kb3dud2FyZF8yNHB4Ij4KPHBhdGggaWQ9Imljb24vbmF2aWdhdGlvbi9hcnJvd19kb3dud2FyZF8yNHB4XzIiIGQ9Ik0xNiAtNi45OTM4MmUtMDdMMTQuNTkgMS40MUwyMC4xNyA3TC0zLjkzNDAyZS0wNyA3TC0zLjA1OThlLTA3IDlMMjAuMTcgOUwxNC41OCAxNC41OEwxNiAxNkwyNCA4TDE2IC02Ljk5MzgyZS0wN1oiIGZpbGw9IndoaXRlIi8+CjwvZz4KPC9zdmc+Cg==");
 }

 @media (max-width: 768px) {
     .swiper-container.swiper-slider-main {
         height: 14.08rem;
     }



     .swiper-container .swiper-image-wrap .swiper-image-mobile {
         display: block;
         width: 100%;
     }

     .swiper-container .swiper-image-wrap .swiper-image-mask {
         display: none;
     }

     .swiper-slider-main .swiper-slide-caption,
     .swiper-slider-main .swiper-slide-caption.is-center {
         /*padding: 1.84rem 1.6rem 1.64rem;*/
         padding: 1.84rem 1.12rem 1.64rem;
     }

     .swiper-slider-main .swiper-slide-caption .brand-tag {
         display: flex;
         flex-direction: column-reverse;
         gap: 0.48rem;
     }

     .swiper-slider-main .swiper-slide-caption .brand-tag .brand-tag-title {
         color: rgb(251, 215, 132);
         font-size: 0.28rem;
         font-weight: 600;
         line-height: 0.4rem;
         letter-spacing: 0.1rem;
     }

     .swiper-slider-main .swiper-slide-caption .brand-tag .brand-line {
         width: 0.64rem;
         height: 0.04rem;
     }

     .swiper-slider-main .swiper-slide-caption .swiper-title {
         color: rgb(255, 255, 255);
         font-size: 0.48rem;
         font-weight: 600;
         line-height: 1.6;
         letter-spacing: 0;
         text-align: center;
         text-transform: capitalize;
         padding: 0.48rem 0 0.32rem;
     }

     .swiper-slider-main .swiper-slide-caption .lead {
         color: rgb(255, 255, 255);
         font-family: PingFang SC;
         font-size: 0.28rem;
         font-weight: 400;
         line-height: 1.6;
         letter-spacing: 0;
         text-align: center;
     }

     .swiper-slider-main .swiper-slide-caption .swiper-title.font-black {
         color: rgb(22, 28, 45);
     }

     .swiper-slider-main .swiper-slide-caption .lead.font-black {
         color: rgb(92, 96, 108);
     }

     .swiper-slider-main .swiper-slide-caption .swiper-more .swiper-more-link {
         justify-content: center;
         font-size: 0.36rem;
         font-weight: 600;
         line-height: 0.44rem;
     }

     .swiper-slider-main .swiper-slide-caption .swiper-more .swiper-more-link .swiper-more-icon {
         display: none;
         margin-left: 0.16rem;
         width: 0.32rem;
         height: 0.48rem;
     }

     .swiper-container .swiper-pagination-wrap {
         top: 7.16rem;
         left: 0;
         width: 100%;
         display: flex;
         justify-content: center;
     }

     .swiper-container .swiper-pagination {
         display: flex;
     }

     .swiper-pagination.swiper-pagination-clickable .swiper-pagination-bullet {
         margin: 0 0.1rem;
         width: 0.20rem;
         height: 0.16rem;
         border-radius: 0.12rem;
     }

     .swiper-pagination.swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active {
         width: 0.40rem;
     }

     .swiper-container .swiper-pagination .swiper-pagination-num {
         display: none;
     }
 }









 .section-negative {}

 .section-negative .section-negative-inner {
     position: relative;
     z-index: 1;
     margin-top: -2.1rem;
 }


 .about-boxed {
     /*padding: 100px 80px;*/
     border-radius: 16px;
     background: #FFF;
     box-shadow: 0px 0.3rem 0.5rem 0px rgba(11, 29, 38, 0.08);

     width: 17.6rem;
     height: 7.33rem;
     padding: 1rem 0.8rem 1rem 0.8rem;
     margin: 0 auto;
 }

 .about-boxed .about-boxed-title {
     padding-bottom: 0.32rem;
     color: var(--app-main-color);
     font-size: 0.36rem;
     font-weight: 500;
     line-height: 0.44rem;
     letter-spacing: 0;
 }

 .about-boxed .about-boxed-content {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .about-boxed .about-boxed-content-text {
     flex: 1;
     color: rgb(105, 109, 122);
     font-size: 0.2rem;
     /*font-weight: 400;*/
     line-height: 0.36rem;
     letter-spacing: 0rem;
 }

 .about-boxed .about-boxed-content-image {
     margin-left: 0.88rem;
     width: 7.46rem;
     height: 2.17rem;
     border-radius: 0.08rem;
     overflow: hidden;
     background: rgba(41, 77, 93, 0.2);
     background: linear-gradient(0deg, rgba(41, 77, 93, 0.20) 0%, rgba(41, 77, 93, 0.20) 100%) lightgray 50% / cover no-repeat;
 }

 .about-boxed .about-boxed-content-image img {
     width: 100%;
     height: 100%;
 }

 .about-boxed .about-boxed-counter {
     margin-top: 1rem;
     display: flex;
     padding: 0rem 0.4rem 0rem 0.4rem;
     justify-content: space-between;
     align-items: center;
 }

 .about-boxed .about-boxed-counter-item {
     width: 2.14rem;
     height: 1.4rem;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 }

 .about-boxed .about-boxed-counter-item__value {
     color: #161C2D;
     text-align: center;
     font-size: 0.48rem;
     font-weight: 700;
     line-height: 0.58rem;
 }

 .about-boxed .about-boxed-counter-item__desc {
     margin-top: 0.18rem;
     color: #161C2D;
     font-size: 0.19rem;
     font-weight: 400;
     line-height: 0.32rem;
     letter-spacing: 0;
     opacity: 0.7;
 }

 @media (max-width: 768px) {
     .section-negative .section-negative-inner {
         margin-top: -6.38rem;
     }

     .about-boxed {
         width: 6.86rem;
         height: auto;
         padding: 0.48rem 0.32rem;
     }

     .about-boxed .about-boxed-title {
         color: rgb(0, 37, 132);
         font-size: 0.48rem;
         line-height: 0.68rem;
         letter-spacing: 0rem;
         /*text-align: center;*/
     }

     .about-boxed .about-boxed-content {
         flex-direction: column;
     }

     .about-boxed .about-boxed-content-text {
         color: rgb(105, 109, 122);
         font-size: 0.28rem;
         font-weight: 400;
         line-height: 160%;
         letter-spacing: 0rem;
         text-align: left;
     }

     .about-boxed .about-boxed-content-image {
         margin: 0.32rem 0 0;
         width: 100%;
         border-radius: 0.08rem;
     }

     .about-boxed .about-boxed-counter {
         margin: 0;
         padding: 0;
         flex-wrap: wrap;
     }

     .about-boxed .about-boxed-counter-item {
         margin-top: 0.32rem;
         width: 3.1rem;
         height: 1.62rem;
     }

     .about-boxed .about-boxed-counter-item__value {
         color: rgb(22, 28, 45);
         font-size: 0.56rem;
         font-weight: 600;
         line-height: 0.66rem;
         letter-spacing: -0.04rem;
     }

     .about-boxed .about-boxed-counter-item__desc {
         opacity: 0.7;
         color: rgb(22, 28, 45);
         font-size: 0.28rem;
         font-weight: 400;
         line-height: 160%;
         letter-spacing: 0;
         text-align: center;
     }
 }


 .section-solution {
     padding: 1.8rem 1.6rem 2.4rem;
 }

 .section .section-title {
     padding-bottom: 0.4rem;
     color: rgb(0, 37, 132);
     font-size: 0.36rem;
     font-weight: 500;
     line-height: 0.44rem;
     letter-spacing: 0;
 }

 .section-solution .section-solution-wrap {
     display: flex;
     justify-content: space-between;
 }

 .section-solution .gallery-item {
     z-index: 1;
     position: relative;
     width: 3.79rem;
     height: 5rem;
     overflow: hidden;
     border-radius: 0.08rem;
     /*background: linear-gradient(180.00deg, rgba(11, 29, 38, 0) 50%,rgb(11, 29, 38) 100%),!*url(),*!rgb(217, 217, 217);*/
     transition: .25s;
 }

 .section-solution .gallery-item:after {
     transform: translateY(100%);
 }

 .section-solution .gallery-item .gallery-item-content {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     padding: 0.64rem 0.48rem;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     background: rgba(0, 37, 132, 0.75);
     transition: inherit;
     opacity: 0;
 }

 .section-solution .gallery-item .gallery-item-content>* {
     width: 100%;
     color: #ffffff;
 }

 .section-solution .gallery-item .gallery-item-bg>img {
     width: 100%;
 }

 .section-solution .gallery-item .gallery-item-bg .title {
     position: absolute;
     left: 0.48rem;
     bottom: 0.56rem;
     color: #fff;
     font-size: 0.24rem;
     font-weight: 400;
     line-height: 0.28rem;
 }

 .section-solution .gallery-item .gallery-item-content .title {
     color: #FFF;
     font-size: 0.24rem;
     font-weight: 500;
     line-height: 0.28rem;
 }

 .section-solution .gallery-item .gallery-item-content .solution-desc {
     margin-top: 0.24rem;
     flex: 1;
     color: #FFF;
     font-size: 0.18rem;
     line-height: 0.28rem;
 }

 .section-solution .gallery-item .gallery-item-content .button-more {
     display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: center;
     width: 100%;
     padding: 0.12rem 0.32rem;
     /*height: 0.60rem;*/
     border: 1px solid rgba(255, 255, 255, 0.2);
     border-radius: 8px;
     /*font-weight: 500;*/
     font-size: 0.18rem;
     line-height: 0.28rem;
 }

 .section-solution .gallery-item:hover .gallery-item-bg .title {
     opacity: 0;
 }

 .section-solution .gallery-item:hover .gallery-item-content {
     opacity: 1;
 }

 .section-solution .gallery-item:hover:after {
     transform: translateY(0);
 }

 .section-solution .gallery-item:hover .gallery-item-content {
     opacity: 1;
 }

 @media (max-width: 768px) {
     .section-solution {
         padding: 0.64rem 0.32rem;
     }

     .section .section-title {
         color: rgb(0, 37, 132);
         font-size: 0.48rem;
         line-height: 0.68rem;
         letter-spacing: 0;
         /*text-align: center;*/
         padding-bottom: 0.32rem;
     }

     .section-solution .section-solution-wrap {
         flex-direction: column;
     }

     .section-solution .gallery-item {
         width: 100%;
         height: 5.04rem;
         border-radius: 0.16rem;
         margin-bottom: 0.24rem;
     }

     .section-solution .gallery-item:last-child {
         margin-bottom: 0;
     }

     .section-solution .gallery-item .gallery-item-bg .title {
         display: none;
     }

     .section-solution .gallery-item .gallery-item-content {
         opacity: 1;
         padding: 2.8rem 0.32rem 0.48rem;
         background: linear-gradient(180.00deg, rgba(11, 29, 38, 0) 50%, rgb(11, 29, 38) 100%);
     }

     .section-solution .gallery-item .gallery-item-content .button-more {
         display: none;
     }

     .section-solution .gallery-item .gallery-item-content .title {
         display: flex;
         justify-content: space-between;
         align-items: center;
         font-size: 0.4rem;
         line-height: 0.56rem;
     }

     .section-solution .gallery-item .gallery-item-content .icon-right {
         display: none;
         transition: .2s ease-in;
         z-index: 10;
         /*display: inline-block;*/
         width: 0.48rem;
         height: 0.32rem;
         background-position: center center;
         background-size: 0.96rem 0.64rem;
         background-repeat: no-repeat;
         background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgMTJIMTlNMTkgMTJMMTIgNU0xOSAxMkwxMiAxOSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
     }

     .section-solution .gallery-item .gallery-item-content .solution-desc {
         margin-top: 0.32rem;
         color: rgb(255, 255, 255, 0.7);
         font-size: 0.24rem;
         font-weight: 400;
         line-height: 160%;
         letter-spacing: 0;
         text-align: left;
     }
 }



 .swiper-container.swiper-cases {
     position: relative;
     height: 10.66rem;
     /*这个需要隐藏*/
     overflow: hidden;
 }

 .swiper-cases .swiper-action {
     position: absolute;
     left: 0;
     top: 1.26rem;
     width: 100%;
     padding: 0 1.6rem;
     z-index: 11;
 }

 .swiper-cases .swiper-action-wrap {
     display: flex;
     /*justify-content: flex-end;*/
 }

 .swiper-cases .swiper-action-wrap .section-title {
     flex: 1;
     margin-bottom: 0;
     color: #fff;
     font-weight: 500;
 }

 .swiper-cases .swiper-action-buttons {
     display: flex;
     align-items: center;
 }



 .swiper-cases .swiper-action-buttons .swiper-button-prev,
 .swiper-cases .swiper-action-buttons .swiper-button-next {
     position: absolute;
     top: 4.32rem;
     font-size: 0.26rem;
     line-height: 1;
     color: #ffffff;
     text-align: center;
     cursor: pointer;
     transition: .2s ease-in;
     will-change: transform;
     z-index: 10;
     width: 0.66rem;
     height: 0.66rem;
     border-radius: 50%;
     background-position: center center;
     background-size: 0.66rem 0.66rem;
     background-repeat: no-repeat;
 }

 .swiper-cases .swiper-action-buttons .swiper-button-prev:hover,
 .swiper-cases .swiper-action-buttons .swiper-button-next:hover {
     color: var(--app-link-color);
 }

 .swiper-cases .swiper-action-wrap .swiper-button-prev {
     left: 1.6rem;
     margin-right: 0.56rem;
     background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjYiIGhlaWdodD0iNjYiIHZpZXdCb3g9IjAgMCA2NiA2NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQyLjYyNDkgNDkuNUwyNi4xMjQ5IDMzTDQyLjYyNDkgMTYuNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI0LjEyNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
 }

 .swiper-cases .swiper-action-wrap .swiper-button-next {
     right: 1.6rem;
     background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjYiIGhlaWdodD0iNjYiIHZpZXdCb3g9IjAgMCA2NiA2NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjM3NTEgMTYuNUwzOS44NzUxIDMzTDIzLjM3NTEgNDkuNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI0LjEyNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
 }


 .swiper-cases .swiper-slide-caption {
     position: absolute;
     left: 0;
     top: 7.67rem;
     width: 100%;
     padding: 0 1.6rem;
     color: #FFF;
     font-size: 0.48rem;
     font-weight: 400;
     letter-spacing: 0;
     text-align: left;
 }

 .swiper-cases .swiper-slide-caption .case-breadcrumb {
     font-size: 0.24rem;
     font-weight: 400;
     line-height: 1;
     margin-bottom: 0.4rem;
 }

 .swiper-cases .swiper-slide-caption .case-brand-name {
     margin-top: 0.32rem;
     font-size: 0.48rem;
     line-height: 1.2;
     font-weight: 400;
 }

 .swiper-cases .swiper-slide-caption .case-title {
     font-weight: 400;
     font-size: 0.48rem;
     color: #fff;
     line-height: 1;
 }

 @media (max-width: 768px) {
     .swiper-container.swiper-cases {
         height: 7.5rem;
     }

     .swiper-cases .swiper-action {
         top: 0.48rem;
         padding: 0 0.32rem;
     }

     .swiper-cases .swiper-action-wrap {
         align-items: center;
     }

     .swiper-cases .swiper-action-wrap .section-title {
         padding: 0;
         text-align: left;
     }

     .swiper-cases .swiper-action-buttons {}

     .swiper-cases .swiper-action-buttons .swiper-button-prev,
     .swiper-cases .swiper-action-buttons .swiper-button-next {
         position: static;
         width: 0.56rem;
         height: 0.56rem;
         background-size: contain;
     }

     .swiper-cases .swiper-action-wrap .swiper-button-prev {
         margin-right: 0.4rem;
     }

     .swiper-cases .swiper-action-wrap .swiper-button-next {}

     .swiper-cases .swiper-slide-caption {
         top: 4.94rem;
         padding: 0 0.32rem;
     }

     .swiper-cases .swiper-slide-caption .case-breadcrumb {
         font-size: 0.28rem;
         line-height: 0.4rem;
     }

     .swiper-cases .swiper-slide-caption .case-brand-name {
         font-size: 0.48rem;
         line-height: 0.68rem;
     }
 }













 .section-news {
     padding: 1.8rem 1.6rem;
 }

 .section .section-more {
     display: none;
 }

 .news-recommend {
     display: flex;
     justify-content: space-between;
 }

 .news-recommend .news-item {
     display: block;
     width: 3.79rem;
     border-radius: 0.08rem;
     color: var(--app-font-color);
     font-size: 0.16rem;
     font-weight: 500;
     line-height: 0.32rem;
 }

 .news-recommend .news-item .news-item-content {
     padding: 0.32rem 0.08rem 0;
 }

 .news-recommend .news-item .news-item__thumb {
     position: relative;
     width: 100%;
     border-radius: 0.08rem;
 }

 .news-recommend .news-item .news-item__thumb:hover {
     transform: scale(1.02);
     transition: all 200ms ease-in;
 }

 .news-recommend .news-item .news-item__thumb:before {
     position: absolute;
     top: 0;
     left: 0;
     display: block;
     content: ' ';
     width: 100%;
     height: 100%;
     transition: all 500ms ease;
     background-color: rgba(51, 51, 51, 0.20);
     opacity: 0.2;
 }

 .news-recommend .news-item .news-item__title {
     margin: 0.08rem 0;
     color: rgb(11, 29, 38);
     font-size: 0.24rem;
     font-weight: 500;
     line-height: 0.32rem;
     letter-spacing: 0;
 }

 .news-recommend .news-item .news-item__excerpt {
     opacity: 0.6;
 }

 .news-recommend .news-item-featured {
     position: relative;
     width: 7.86rem;
     height: 5.11rem;
 }

 .news-recommend .news-item-featured .news-item__title {
     position: absolute;
     left: 0;
     bottom: 0.44rem;
     padding: 0 0.48rem;
     color: #FFF;
     font-size: 0.3rem;
     font-weight: 500;
     line-height: 0.36rem;
     letter-spacing: 0;
     text-align: left;
 }

 .section-news .section-footer {
     display: flex;
     justify-content: center;
     padding: 0.8rem 0 0;
 }

 .section-news .section-footer .btn-view-more {
     display: block;
     padding: 0.16rem 0.4rem 0.16rem 0.4rem;
     box-sizing: border-box;
     border: 0.01rem solid rgba(11, 29, 38, 0.3);
     border-radius: 0.49rem;

     box-shadow: 0rem 0.05rem 0.15rem 0rem rgba(11, 29, 38, 0.3);
     background: rgb(0, 37, 132);
     color: #fff;
     font-size: 0.18rem;
     font-weight: 400;
     line-height: 0.28rem;
 }

 .section-news .section-footer .btn-view-more:hover {
     background: var(--app-link-hover-color);
 }



 @media (max-width: 768px) {
     .section-news {
         padding: 0.64rem 0.32rem;
     }

     .section-news .section-title {
         display: flex;
         justify-content: space-between;
         align-items: center;
     }

     .section-news .section-title .section-more {
         width: 1.18rem;
         text-align: left;
         font-size: 0.32rem;
         line-height: 0.44rem;
         letter-spacing: 0;
         background-size: 50% 50%;
         background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjY2NjcgLTEuNDE5OTNlLTA2TDkuNzI2NjcgMS4wNTc1TDEzLjQ0NjcgNS4yNUwtMi45NTA1MmUtMDcgNS4yNUwtMi4yOTQ4NWUtMDcgNi43NUwxMy40NDY3IDYuNzVMOS43MiAxMC45MzVMMTAuNjY2NyAxMkwxNiA2TDEwLjY2NjcgLTEuNDE5OTNlLTA2WiIgZmlsbD0iIzAwMjU4NCIvPgo8L3N2Zz4K");
         background-position: 0.72rem center;
         background-repeat: no-repeat;
     }

     .news-recommend {
         flex-direction: column;
     }

     .news-recommend .news-item {
         width: 100%;
         margin-bottom: 0.24rem;
     }

     .news-recommend .news-item:last-child {
         margin-bottom: 0;
     }

     .news-recommend .news-item .news-item-content {
         border-radius: 0rem 0rem 0.16rem 0.16rem;
         background: rgb(255, 255, 255);
         padding: 0.24rem 0.32rem;
     }

     .news-recommend .news-item .news-item__thumb {
         border-radius: 0.16rem 0.16rem 0rem 0rem;
     }

     .news-recommend .news-item .news-item__date {
         color: rgb(11, 29, 38);
         font-size: 0.32rem;
         font-weight: 500;
         line-height: 0.38rem;
         letter-spacing: 0;
         padding-bottom: 0.1rem;
     }

     .news-recommend .news-item .news-item__title {
         margin: 0;
         color: rgb(11, 29, 38);
         font-size: 0.28rem;
         font-weight: 500;
         line-height: 0.4rem;
     }

     .news-recommend .news-item .news-item__excerpt {
         display: none;
     }

     .news-recommend .news-item-featured {
         height: auto;
     }

     .news-recommend .news-item-featured .news-item__thumb {
         border-radius: 0.16rem;
     }

     .news-recommend .news-item-featured .news-item__title {
         top: 3.32rem;
         bottom: unset;
         margin: 0;
         padding: 0 0.32rem;
         font-size: 0.28rem;
         line-height: 0.4rem;
         letter-spacing: 0;
         color: #fff;
     }

     .section-news .section-footer {
         display: none;
     }
 }


 .section-partner {
     padding: 1.4rem 1.6rem 1.8rem
 }

 .section-partner .section-title {
     padding-bottom: 0.32rem;
 }

 .section .section-desc {
     color: rgb(105, 109, 122);
     font-size: 0.2rem;
     font-weight: 400;
     line-height: 0.32rem;
     letter-spacing: 0;
     padding-bottom: 0.44rem;
 }

 .partner-row {
     margin-top: 0.56rem;
     /* display: flex;
     
     justify-content: space-between; */
     display: grid;
     grid-template-columns: repeat(6, 1fr);
     gap: .8rem;
 }

 .partner-row .partner-logo {
     display: block;
     width: 2rem;
     height: 1rem;
     border-radius: 0.08rem;
     overflow: hidden;
 }

 .partner-content .partner-logo:nth-child(6n) {
     margin-right: 0;
 }

 .partner-content .partner-logo-image {
     transition: all 350ms ease;
     width: 100%;
 }

 .partner-content .partner-logo-image-dark {
     border-radius: 0.08rem;
     transition: all 350ms ease;
     opacity: 0;
     transform: translateY(100%);
 }

 .partner-content .partner-logo:hover .partner-logo-image {
     opacity: 0;
     transform: translateY(-100%);
 }

 .partner-content .partner-logo:hover .partner-logo-image-dark {
     opacity: 1;
     transform: translateY(-100%);
 }

 @media (max-width: 768px) {
     .section-partner {
         padding: 0 0.32rem 0.64rem;
     }

     .section-partner .section-title {
         text-align: left;
     }

     .section .section-desc {
         color: rgb(105, 109, 122);
         font-size: 0.28rem;
         font-weight: 400;
         line-height: 1.6;
         letter-spacing: 0;
         padding-bottom: 0.1rem;
     }

     .partner-content {}

     .partner-row {
         margin-top: 0;
         gap: .24rem;
         grid-template-columns: repeat(3, 1fr)
     }

     .partner-row .partner-logo {
         margin-top: 0.22rem;
         width: 2.14rem;
         height: 1.07rem;
         border-radius: 0.09rem;
     }
 }


 .footer {
     color: #fff;
     padding: 1.8rem 1.6rem 1.2rem;
     font-size: 0.18rem;
     /*font-weight: 500;*/
     background-color: var(--app-main-color);
 }

 .footer .footer-content {
     display: flex;
     justify-content: space-between;
 }

 .footer .footer-brand .footer-logo {
     display: block;
     width: 2.62rem;
     height: 0.8rem;
 }

 .footer .footer-brand .footer-contact {
     margin-top: 0.32rem;
     color: rgba(255, 255, 255, 0.60);
     font-size: 0.2rem;
     /*font-weight: 500;*/
     line-height: 0.32rem;
 }

 .footer .footer-links-wrap {
     display: flex;
     justify-content: space-between;
     width: 6.8rem;
 }

 .footer-links-title {
     opacity: 0.6;
 }

 .footer-links {
     margin-top: var(--spacing-4xl, 32px);
     display: flex;
     flex-direction: column;
 }

 .footer-links-item {
     color: #fff;
     font-size: 0.16rem;
     /*font-weight: 400;*/
     line-height: 0.4rem;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }

 .footer-links-item:hover {
     color: rgba(255, 255, 255, 0.6);
 }

 .footer-qrcode {
     display: flex;
     justify-content: center;
     text-align: center;
 }

 .footer-qrcode .footer-qrcode-item:first-child {
     margin-right: 0.40rem;
 }

 .footer-qrcode .footer-qrcode-item__image {
     width: 1.5rem;
     height: 1.5rem;
 }

 .footer-qrcode .footer-qrcode-item__title {
     margin-top: 0.16rem;
     opacity: 0.6;
 }

 .footer .rights {
     /*display: none;*/
     color: #fff;
     text-align: center;
     padding: 0.64rem 0 0 0;
     font-size: 0.16rem;
 }

 .footer .rights a,
 .footer .rights a:hover {
     color: #fff;
 }


 @media (max-width: 768px) {
     .footer {
         padding: 0.48rem 0.32rem;
     }

     .footer .footer-content {
         flex-direction: column;
         align-items: center;
     }

     .footer .footer-brand {
         width: 100%;
     }


     .footer .footer-brand .footer-logo {
         margin: 0 auto;
         width: 1.79rem;
         height: 0.79rem;
     }

     .footer .footer-brand .footer-contact {
         margin-top: 0.32rem;
         padding: 0.32rem 0;
         border-top: 0.02rem solid rgba(255, 255, 255, 0.2);
         color: rgba(255, 255, 255, 0.6);
         font-size: 0.24rem;
         /*font-weight: 400;*/
         line-height: 0.65rem;
         letter-spacing: 0rem;
         text-align: center;
     }

     .footer .footer-links-wrap {
         display: none;
     }

     .footer-qrcode .footer-qrcode-item__image {
         width: 1.6rem;
         height: 1.6rem;
     }

     .footer-qrcode .footer-qrcode-item__title {
         color: rgb(255, 255, 255, 0.6);
         font-size: 0.24rem;
         /*font-weight: 400;*/
         line-height: 0.44rem;
         letter-spacing: 0rem;
         text-align: center;
     }

     .footer .rights {
         margin-top: 0.32rem;
         display: block;
         border-top: 0.02rem solid rgba(255, 255, 255, 0.2);
         padding-top: 0.32rem;

         color: rgba(255, 255, 255, 0.6);
         font-size: 0.24rem;
         /*font-weight: 400;*/
         line-height: 0.65rem;
         letter-spacing: 0;
         text-align: center;
     }

     .footer .rights a,
     .footer .rights a:hover {
         color: rgba(255, 255, 255, 0.6);
     }

 }



 .page-solution {}


 .section-banner {
     padding: 2.68rem 1.6rem;
     min-height: 6rem;
     background-color: var(--app-main-color);
     color: #fff;
 }

 .section-banner .banner-content {
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
 }

 .section-banner .banner-title {
     flex: 1;
     font-size: 0.48rem;
     font-weight: 500;
     line-height: 0.58rem;
 }

 .section-banner .banner-description {
     max-width: 6rem;
     color: rgba(255, 255, 255, 0.6);
 }


 @media (max-width: 768px) {
     .section-banner {
         height: 14.08rem;
         padding: 1.84rem 0.32rem 0.48rem;
         text-align: center;
         background: linear-gradient(180.00deg, var(--app-main-rgb-color) 60.475%, rgba(244, 247, 250, 0) 86.732%);
     }

     .section-banner .banner-content {
         padding: 0 0.08rem;
         display: block;
         /*flex-direction: column;*/
         /*align-items: center;*/
     }

     .section-banner .banner-title {
         line-height: 1.6;
         margin-bottom: 0.32rem;
     }

     .section-banner .banner-description {
         max-width: 100%;
     }
 }



 .category-list {
     margin-bottom: 0.8rem;
     display: flex;
     flex-direction: row;
     align-items: center;
     padding: 0;
     gap: 0.18rem;
 }

 .category-item {
     /*height: 0.72rem;*/
     line-height: 1;
     color: #fff;
     padding: .24rem .36rem;
     border: 1px solid rgba(255, 255, 255, 0.3);
     border-radius: .38rem;
 }

 .category-item:hover,
 .category-item.active {
     color: var(--app-main-color);
     background: #FFFFFF;
     cursor: pointer;
 }

 .section-content {
     margin-top: -0.9rem;
     padding: 0 1.6rem 0.6rem;
 }

 .page-solution .section-banner {
     height: 8rem;
 }

 .page-solution .section-content {
     margin-top: -3.35rem;
 }

 @media (max-width: 768px) {
     .page-solution .section-content {
         margin-top: -2.8rem;
         border-radius: 0.2rem;
         margin-bottom: 0.64rem;
     }

     .page-cases .section-content {
         margin-top: -10.2rem;
         padding: 0 0 0.64rem;
         background: transparent;
     }

     .page-news .section-content {
         margin-top: -8.2rem;
         padding: 0 0 0.64rem;
         background: transparent;
     }

     .page-contact .section-content {
         margin-top: -11rem;
         padding: 0;
         overflow: hidden;
         background: transparent;
     }

     .category-list {
         margin-bottom: 0.32rem;
         /*margin: 0.48rem auto 0;*/
         /*padding: 0.32rem;*/
         overflow-x: scroll;
     }

     .category-list::-webkit-scrollbar {
         display: none;
     }

     .category-item {
         padding: 0.16rem 0.32rem;
         box-sizing: border-box;
         border-radius: 2rem;
         /*border: 0.02rem solid rgb(0, 37, 132);*/
         background-color: #F7F7F7;
         color: #696D7A;
         font-size: 0.22rem;
         line-height: 1.6;
         white-space: nowrap;
     }

     .category-item:hover,
     .category-item__selected {
         color: #fff;
         background: rgb(0, 37, 132);
     }

     .section-content {
         margin: 0 0.32rem;
         background: #fff;
         margin-top: -7.01rem;
         padding: 0.32rem;
     }
 }


 /**
文章列表组件
 */
 .article-list {
     display: flex;
     justify-content: flex-start;
     /*justify-content: space-between;*/
     flex-wrap: wrap;
     gap: 0.28rem;
 }

 .article-item {
     width: 5.10rem;
     border-radius: 0.12rem;
     overflow: hidden;
     box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.01);
     background: #fff;
     transition: all 200ms ease-in;
 }

 .article-item:hover {
     transform: translateY(-0.1rem);
     box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.1);
 }

 .article-item-thumb {
     width: 100%;
     height: 3.2rem;

     overflow: hidden;
 }

 .article-item-thumb img:hover {
     transform: scale(1.12);
     transition: all 200ms ease-in;
 }

 .article-item-content {
     padding: .24rem;
     color: rgb(11, 29, 38);


 }

 .article-item-content .article-item__date {
     font-size: 0.16rem;
     line-height: 0.32rem;
 }

 .article-item-content .article-item__title {
     color: rgb(11, 29, 38);
     padding: 0.08rem 0;
     font-size: 0.24rem;
     line-height: 0.32rem;
     cursor: pointer;
 }

 .article-item-content .article-item__excerpt {
     font-size: 0.16rem;
     line-height: 0.32rem;
     opacity: 0.6;
 }


 .article-featured {
     position: relative;
     width: 16rem;
     height: 8.89rem;
     /*margin-top: 0.9rem;*/
     margin-bottom: 0.64rem;
 }

 .article-featured .article-item-thumb {
     height: 100%;
 }

 .article-featured .article-item-content {
     position: absolute;
     left: 0;
     bottom: 0;
     padding: 0.64rem 0.68rem;
     color: #fff;
 }

 .article-featured .article-item-content .article-item__date {
     font-size: 0.24rem;
 }

 .article-featured .article-item-content .article-item__title,
 .article-featured .article-item-content .article-item__excerpt {
     margin-top: 0.2rem;
     font-size: 0.48rem;
     font-weight: 500;
     color: #fff;
     opacity: 1;
 }


 @media (max-width: 768px) {
     .article-item {
         width: 100%;
         display: flex;
         margin-bottom: 0;
     }

     .article-item-thumb {
         width: 2.8rem;
         height: 1.76rem;
         border-radius: 0.16rem;
     }

     .article-item-thumb img {
         height: 100%;
         object-fit: cover;
     }

     .article-item-content {
         width: 3.4rem;
         margin-left: 0.18rem;
         padding: 0;
         display: flex;
         justify-content: flex-end;
         flex-direction: column-reverse;
     }

     .article-item-content .article-item__title {
         color: rgb(11, 29, 38);
         font-size: 0.28rem;
         font-weight: 400;
         line-height: 0.4rem;
     }

     .article-item-content .article-item__date {
         margin-top: 0.32rem;
         color: rgb(105, 109, 122);
         font-size: 0.28rem;
         line-height: 0.44rem;
     }

     .article-item-content .article-item__excerpt {
         display: none;
     }

     .article-card-list .article-item {
         margin-bottom: 0.24rem;
         width: 100%;
         /*height: 5.44rem;*/
         height: unset;
         background: #fff;
         border-radius: 0.16rem;
         overflow: hidden;
         display: flex;
         flex-direction: column;
     }

     .article-card-list .article-item .article-item-thumb {
         width: 100%;
         height: 4.4rem;
         border-radius: 0;
     }

     .article-card-list .article-item .article-item-content {
         position: static;
         margin: 0;
         padding: 0.32rem;
         width: 100%;
         flex-direction: column;
     }

     .article-card-list .article-item .article-item__title {
         margin: 0;
         padding: 0;
         color: #0B1D26;
         font-size: 0.28rem;
     }

     .article-card-list .article-item .article-item__date {
         display: none;
     }

     .article-card-list .article-item .article-item__excerpt {
         display: block;
         color: #696D7A;
         font-size: 0.28rem;
         line-height: 1.6;
     }

     .page-cases .pagination {
         padding: 0 0.32rem;
     }

     .page-news .article-card-list .article-item {
         margin-bottom: 0;
     }

     .page-news .article-card-list .article-item .article-item-content {
         padding: 0.16rem 0.32rem;
     }

     .page-news .article-card-list .article-item:not(:first-child) .article-item__date {
         margin: 0;
         display: block;
         color: #0B1D26;
     }

     .page-news .article-card-list .article-item .article-item__title {
         color: #0B1D26;
     }

     .page-news .article-card-list .article-item .article-item__excerpt {
         display: none;
     }

     .page-news .article-card-list .article-item:first-child {
         background: transparent;
         height: 4.44rem;
     }

     .page-news .article-card-list .article-item:first-child .article-item-thumb {
         height: 4.44rem;
     }

     .page-news .article-card-list .article-item:first-child .article-item__title {
         color: #fff;
     }

     .page-news .article-card-list .article-item:first-child .article-item-content {
         margin-top: -1.4rem;
         background-color: transparent;
     }
 }



 /**
分页组件
 */
 .pagination {
     display: flex;
     justify-content: space-between;
     align-items: center;
     border-top: 0.01rem solid rgb(234, 236, 240);
     padding: 0.2rem 0rem 0rem 0rem;
 }

 .pagination-summary {
     display: none;
 }

 .pagination-items {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .pagination-num {
     margin: 0 0.02rem;
     min-width: 0.4rem;
     height: 0.4rem;
     padding: 0.08rem;
     cursor: pointer;
     font-size: 0.14rem;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .pagination-num:hover,
 .pagination-num__selected {
     border-radius: 0.2rem;
     background: #fff;
 }

 .pagination-prev,
 .pagination-next {
     color: rgb(71, 84, 103);
     font-size: 0.14rem;
     font-weight: 500;
     line-height: 0.2rem;
     cursor: pointer;
 }

 .pagination-prev>span,
 .pagination-next>span {
     margin: 0 0.06rem;
 }

 .pagination-prev>i,
 .pagination-next>i {
     font-weight: 700;
     font-size: 0.11rem;
 }

 .pagination-disabled {
     color: rgb(201, 205, 212);
 }

 @media (max-width: 768px) {
     .pagination-summary {
         display: block;
         color: #1D2129;
         font-size: 0.36rem;
     }

     .pagination-summary>span {
         margin: 0 0.08rem;
     }

     .pagination-items {
         display: none;
     }

     .pagination-prev,
     .pagination-next {
         width: 1.88rem;
         height: 0.64rem;
         padding: 0.12rem 0.32rem 0.12rem 0.32rem;
         display: flex;
         justify-content: center;
         align-items: center;
         background: rgb(239, 240, 242);
         color: rgb(29, 33, 41);
         font-size: 0.28rem;
         line-height: 1.4;
     }

     .pagination-prev>i,
     .pagination-next>i {
         font-size: 0.22rem;
     }

     .pagination-disabled {
         background: #EFF0F2;
     }

     .pagination-disabled>span,
     .pagination-disabled>i {
         color: #C9CDD4;
     }
 }


 .box {
     width: 16rem;
     padding: 0.8rem;
     border-radius: 0.16rem;
     box-shadow: 0rem 0.3rem 0.5rem 0rem rgba(11, 29, 38, 0.08);
     background: rgb(255, 255, 255);
     margin-bottom: 0.8rem;
 }

 .box-head {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .box-title {
     color: rgb(0, 37, 132);
     font-size: 0.36rem;
     font-weight: 500;
     line-height: 0.44rem;
 }

 .location-wrap {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 0.32rem 0 0.24rem;
 }

 .location-list {
     color: rgb(105, 109, 122);
     font-size: 0.2rem;
     line-height: 0.36rem;
 }

 .contact-qrcode {
     text-align: center;
 }

 .contact-qrcode img {
     width: 1.5rem;
     height: 1.5rem;
 }

 .contact-qrcode .contact-text {
     margin: 0.16rem 0rem;
     color: rgb(0, 0, 0, 0.6);
     font-size: 0.18rem;
     line-height: 0.22rem;
 }

 .map-container {
     width: 100%;
     height: 4.25rem;
     background-image: url("../images/map.jpg");
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
 }

 .radio-button-group {
     display: flex;
 }

 .radio-button-group .radio-button {
     width: 2rem;
     padding: 0.24rem;
     color: rgb(0, 0, 0);
     font-size: 0.2rem;
     line-height: 1;
     text-align: center;
     cursor: pointer;
     border: 0.01rem solid rgba(0, 0, 0, 0.3);
 }

 .radio-button-group .radio-button:first-child {
     border-radius: 0.08rem 0rem 0rem 0.08rem;
 }

 .radio-button-group .radio-button:last-child {
     border-radius: 0rem 0.08rem 0.08rem 0rem;
 }

 .radio-button-group .radio-button:hover,
 .radio-button-group .radio-button__checked {
     background: rgb(0, 37, 132);
     color: #fff;
 }



 .form {
     padding-top: 0.8rem;
 }

 .form .form-row {
     padding-bottom: 0.4rem;
     display: flex;
     justify-content: space-between;
 }

 .form-item {
     width: 4.27rem;
 }

 .form-item .form-label {
     color: rgb(0, 0, 0);
     font-size: .20rem;
     line-height: .20rem;
     letter-spacing: 0;
 }

 .form-item.is-required .form-label:after {
     display: inline-block;
     content: '*';
     color: #DB0008;
 }

 .form-item .form-input {
     display: block;
     width: 100%;
     min-height: 0.68rem;
     margin: 0.16rem 0 0;
     padding: 0.24rem;
     font-size: .20rem;
     font-weight: 500;
     line-height: 1;
     color: var(--app-font-color);
     background-color: #ffffff;
     background-image: none;
     -webkit-appearance: none;
     transition: .3s ease-in-out;
     box-sizing: border-box;
     border: 1px solid rgba(0, 0, 0, 0.3);
     border-radius: 0.08rem;
 }

 .form .btn-submit {
     margin: 0.4rem auto 0;
     width: 4.26rem;
 }

 .form #company-info {
     /*display: none;*/
 }

 .box-channel .box-head .form-item .form-label {
     display: none;
 }


 .toast {
     position: fixed;
     top: calc(50% - 0.32rem);
     left: calc(50% - 0.96rem);
     height: 0.64rem;
     /* 自动布局 */
     display: flex;
     flex-direction: row;
     justify-content: flex-start;
     align-items: center;
     gap: 0.16rem;
     z-index: 1200;
     padding: 0.16rem 0.32rem 0.16rem 0.32rem;
     border-radius: 0.45rem;
     background: rgb(0, 0, 0);
 }

 .toast .toast-icon {
     width: 0.32rem;
     height: 0.32rem;
     background-size: contain;
     background-repeat: no-repeat;
     background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNS40MTA4IDEuODU4NzNDMTUuNzYyIDEuNjAyNTkgMTYuMjM4MyAxLjYwMjU5IDE2LjU4OTUgMS44NTg3M0wxOS44Mjc1IDQuMjIwN0wyMy44MzU0IDQuMjEzMDdDMjQuMjcgNC4yMTIyNCAyNC42NTU0IDQuNDkyMjUgMjQuNzg4OSA0LjkwNTg2TDI2LjAyMDIgOC43MjAwMUwyOS4yNjcxIDExLjA2OTZDMjkuNjE5MiAxMS4zMjQ0IDI5Ljc2NjQgMTEuNzc3NSAyOS42MzE0IDEyLjE5MDZMMjguMzg1NiAxNkwyOS42MzE0IDE5LjgwOTNDMjkuNzY2NCAyMC4yMjI0IDI5LjYxOTIgMjAuNjc1NSAyOS4yNjcxIDIwLjkzMDNMMjYuMDIwMiAyMy4yNzk5TDI0Ljc4ODkgMjcuMDk0QzI0LjY1NTQgMjcuNTA3NiAyNC4yNyAyNy43ODc2IDIzLjgzNTQgMjcuNzg2OEwxOS44Mjc1IDI3Ljc3OTJMMTYuNTg5NSAzMC4xNDEyQzE2LjIzODMgMzAuMzk3MyAxNS43NjIgMzAuMzk3MyAxNS40MTA4IDMwLjE0MTJMMTIuMTcyOCAyNy43NzkyTDguMTY0OTIgMjcuNzg2OEM3LjczMDI5IDI3Ljc4NzYgNy4zNDQ5IDI3LjUwNzYgNy4yMTEzOCAyNy4wOTRMNS45ODAxMSAyMy4yNzk5TDIuNzMzMTYgMjAuOTMwM0MyLjM4MTA1IDIwLjY3NTUgMi4yMzM4NCAyMC4yMjI0IDIuMzY4OTQgMTkuODA5M0wzLjYxNDcxIDE2TDIuMzY4OTQgMTIuMTkwNkMyLjIzMzg0IDExLjc3NzUgMi4zODEwNSAxMS4zMjQ0IDIuNzMzMTYgMTEuMDY5Nkw1Ljk4MDExIDguNzIwMDFMNy4yMTEzOCA0LjkwNTg2QzcuMzQ0OSA0LjQ5MjI1IDcuNzMwMyA0LjIxMjI0IDguMTY0OTMgNC4yMTMwN0wxMi4xNzI4IDQuMjIwN0wxNS40MTA4IDEuODU4NzNaTTIyLjA0MDQgMTMuMzczN0MyMi40MzA5IDEyLjk4MzIgMjIuNDMwOSAxMi4zNSAyMi4wNDA0IDExLjk1OTVDMjEuNjQ5OSAxMS41NjkgMjEuMDE2NyAxMS41NjkgMjAuNjI2MiAxMS45NTk1TDE0LjY2NjYgMTcuOTE5MUwxMi4wNDA0IDE1LjI5MjlDMTEuNjQ5OSAxNC45MDIzIDExLjAxNjcgMTQuOTAyMyAxMC42MjYyIDE1LjI5MjlDMTAuMjM1NyAxNS42ODM0IDEwLjIzNTcgMTYuMzE2NSAxMC42MjYyIDE2LjcwNzFMMTMuOTU5NSAyMC4wNDA0QzE0LjM1IDIwLjQzMDkgMTQuOTgzMiAyMC40MzA5IDE1LjM3MzcgMjAuMDQwNEwyMi4wNDA0IDEzLjM3MzdaIiBmaWxsPSIjMENGODZEIi8+Cjwvc3ZnPgo=");
     background-position: center;
 }

 .toast .toast-message {
     color: rgb(255, 255, 255);
     font-size: 0.2rem;
     line-height: 0.24rem;
     text-align: center;
 }

 @media (max-width: 768px) {
     .box {
         border-radius: 0.2rem;
         overflow: hidden;
         width: 100%;
         padding: 0.48rem 0.32rem;
     }

     .box-title {
         color: rgb(0, 37, 132);
         font-size: 0.4rem;
         font-weight: 500;
         line-height: 0.56rem;
     }

     .location-wrap {
         display: block;
         padding: 0.28rem 0 0.48rem;
     }

     .location-list {
         color: rgb(105, 109, 122);
         font-size: 0.24rem;
         line-height: 1.6;
     }

     .location-list>p {
         margin-bottom: 0.28rem;
     }

     .contact-qrcode {
         padding: 0.20rem 0 0;
     }

     .contact-qrcode .contact-text {
         margin: 0.08rem 0 0;
         color: rgb(105, 109, 122);
         font-size: 0.24rem;
         line-height: 1.6;
     }

     .map-container {
         width: 6.22rem;
         height: 1.84rem;
         background-image: url("../images/map-mobile.png");
     }

     .box-channel .box-head {
         display: block;
     }

     .box-channel .box-head .box-title {
         text-align: center;
         width: 100%;
         padding-bottom: 0.32rem;
     }

     .box-channel .box-head .box-right {
         /*display: none;*/
     }

     .box-channel .box-head .form-item .form-label {
         display: block;
     }

     .radio-button-group .radio-button {
         background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAuMDAwMDAwIiBoZWlnaHQ9IjIwLjAwMDAwMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCTxkZXNjPgoJCQlDcmVhdGVkIHdpdGggUGl4c28uCgk8L2Rlc2M+Cgk8ZGVmcz4KCQk8Y2xpcFBhdGggaWQ9ImNsaXAyMDQ5XzEzNTkiPgoJCQk8cmVjdCBpZD0iRnJhbWUiIHJ4PSItMC41MDAwMDAiIHdpZHRoPSIxOS4wMDAwMDAiIGhlaWdodD0iMTkuMDAwMDAwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjUwMDAwMCAwLjUwMDAwMCkiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAiLz4KCQk8L2NsaXBQYXRoPgoJPC9kZWZzPgoJPHJlY3QgaWQ9IkZyYW1lIiByeD0iLTAuNTAwMDAwIiB3aWR0aD0iMTkuMDAwMDAwIiBoZWlnaHQ9IjE5LjAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC41MDAwMDAgMC41MDAwMDApIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAiLz4KCTxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMjA0OV8xMzU5KSI+CgkJPHBhdGggaWQ9IlZlY3RvciIgZD0iTTE1Ljg5IDE1Ljg5QzE3LjQgMTQuMzggMTguMzMgMTIuMyAxOC4zMyAxMEMxOC4zMyA3LjY5IDE3LjQgNS42MSAxNS44OSA0LjFDMTQuMzggMi41OSAxMi4zIDEuNjYgMTAgMS42NkM3LjY5IDEuNjYgNS42MSAyLjU5IDQuMSA0LjFDMi41OSA1LjYxIDEuNjYgNy42OSAxLjY2IDEwQzEuNjYgMTIuMyAyLjU5IDE0LjM4IDQuMSAxNS44OUM1LjYxIDE3LjQgNy42OSAxOC4zMyAxMCAxOC4zM0MxMi4zIDE4LjMzIDE0LjM4IDE3LjQgMTUuODkgMTUuODlaIiBzdHJva2U9IiNDQ0NDQ0MiIHN0cm9rZS1vcGFjaXR5PSIxLjAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIxLjI1MDAwMCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgoJPC9nPgo8L3N2Zz4K");
         background-repeat: no-repeat;
         background-position: left center;
         border: 0;
         color: #8C8C8C;
         width: 1.4rem;
         height: 0.42rem;
         line-height: 0.42rem;
         padding: 0;
     }

     .radio-button-group .radio-button:hover,
     .radio-button-group .radio-button__checked {
         background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAuMDAwMDAwIiBoZWlnaHQ9IjIwLjAwMDAwMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCTxkZXNjPgoJCQlDcmVhdGVkIHdpdGggUGl4c28uCgk8L2Rlc2M+Cgk8ZGVmcz4KCQk8Y2xpcFBhdGggaWQ9ImNsaXAyMDQ5XzEzNTQiPgoJCQk8cmVjdCBpZD0iRnJhbWUiIHJ4PSItMC41MDAwMDAiIHdpZHRoPSIxOS4wMDAwMDAiIGhlaWdodD0iMTkuMDAwMDAwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjUwMDAwMCAwLjUwMDAwMCkiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAiLz4KCQk8L2NsaXBQYXRoPgoJPC9kZWZzPgoJPHJlY3QgaWQ9IkZyYW1lIiByeD0iLTAuNTAwMDAwIiB3aWR0aD0iMTkuMDAwMDAwIiBoZWlnaHQ9IjE5LjAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC41MDAwMDAgMC41MDAwMDApIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAiLz4KCTxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMjA0OV8xMzU0KSI+CgkJPHBhdGggaWQ9IlZlY3RvciIgZD0iTTEwIDE4LjMzQzEyLjMgMTguMzMgMTQuMzggMTcuNCAxNS44OSAxNS44OUMxNy40IDE0LjM4IDE4LjMzIDEyLjMgMTguMzMgMTBDMTguMzMgNy42OSAxNy40IDUuNjEgMTUuODkgNC4xQzE0LjM4IDIuNTkgMTIuMyAxLjY2IDEwIDEuNjZDNy42OSAxLjY2IDUuNjEgMi41OSA0LjEgNC4xQzIuNTkgNS42MSAxLjY2IDcuNjkgMS42NiAxMEMxLjY2IDEyLjMgMi41OSAxNC4zOCA0LjEgMTUuODlDNS42MSAxNy40IDcuNjkgMTguMzMgMTAgMTguMzNaIiBmaWxsPSIjMDAyNTg0IiBmaWxsLW9wYWNpdHk9IjEuMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz4KCQk8cGF0aCBpZD0iVmVjdG9yIiBkPSJNMTUuODkgMTUuODlDMTcuNCAxNC4zOCAxOC4zMyAxMi4zIDE4LjMzIDEwQzE4LjMzIDcuNjkgMTcuNCA1LjYxIDE1Ljg5IDQuMUMxNC4zOCAyLjU5IDEyLjMgMS42NiAxMCAxLjY2QzcuNjkgMS42NiA1LjYxIDIuNTkgNC4xIDQuMUMyLjU5IDUuNjEgMS42NiA3LjY5IDEuNjYgMTBDMS42NiAxMi4zIDIuNTkgMTQuMzggNC4xIDE1Ljg5QzUuNjEgMTcuNCA3LjY5IDE4LjMzIDEwIDE4LjMzQzEyLjMgMTguMzMgMTQuMzggMTcuNCAxNS44OSAxNS44OVoiIHN0cm9rZT0iIzAwMjU4NCIgc3Ryb2tlLW9wYWNpdHk9IjEuMDAwMDAwIiBzdHJva2Utd2lkdGg9IjEuMjUwMDAwIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CgkJPHBhdGggaWQ9IlZlY3RvciIgZD0iTTYuNjYgMTBMOS4xNiAxMi41TDE0LjE2IDcuNSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utb3BhY2l0eT0iMS4wMDAwMDAiIHN0cm9rZS13aWR0aD0iMS4yNTAwMDAiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgoJPC9nPgo8L3N2Zz4K") !important;
         background-repeat: no-repeat !important;
         background-position: left center !important;
         border: 0;
         color: #8C8C8C !important;
         width: 1.4rem;
         height: 0.42rem;
         line-height: 0.42rem;
         padding: 0;
     }

     .form {
         padding-top: 0;
     }

     .form .form-row {
         display: block;
         padding: 0;
     }

     .form-item {
         width: 100%;
         display: flex;
         justify-content: flex-start;
         align-items: center;
         padding: 0.2rem 0.32rem 0.2rem 0.32rem;
         border-radius: 0.08rem;
         background: #F7F7F7;
         margin-bottom: 0.32rem;
     }

     .form-item .form-label {
         width: 1.6rem;
         font-size: 0.28rem;
         line-height: 0.42rem;
     }

     .form-item .form-input {
         flex: 1;
         margin: 0;
         padding: 0;
         border: 0;
         height: 0.42rem;
         background: none;
         color: #8C8C8C;
         font-size: 0.28rem;
         line-height: 0.42rem;
     }

     .form-item .form-input::placeholder {
         color: #8C8C8C;
     }

     .form .btn-submit {
         margin: 0;
         width: 100%;
         border-radius: 0.08rem;
     }
 }








 .article-detail {
     margin: 0 auto;
     padding-top: 2.52rem;
     width: 10.24rem;
 }

 .article-detail .article-title {
     color: rgb(7, 7, 7);
     font-size: 0.48rem;
     line-height: 0.58rem;
     letter-spacing: 0;
     padding-bottom: 0.40rem;
 }

 .article-detail .article-publish-time {
     display: none;
 }

 .article-detail .article-content {
     color: rgb(155, 161, 160);
     font-size: 0.22rem;
     line-height: 1.6;
     letter-spacing: 0;
 }

 .article-detail .article-content h4 {
     color: rgb(0, 0, 0);
     font-size: 0.32rem;
     line-height: 0.39rem;
     letter-spacing: 0;
 }

 .article-detail .article-content * {
     margin-bottom: 0.4rem;
 }


 @media (max-width: 768px) {
     .page-detail .section-content {
         margin: 0;
         padding: 1.68rem 0.32rem 0.48rem;
     }

     .article-detail {
         width: 100%;
         padding: 0;
     }

     .article-detail .article-title {
         padding: 0.16rem 0;
         color: rgb(11, 29, 38);
         font-size: 0.4rem;
         font-weight: 500;
         line-height: 0.56rem;
     }

     .article-detail .article-publish-time {
         display: block;
         color: #696D7A;
         font-size: 0.28rem;
         line-height: 1.6;
         padding-bottom: 0.32rem;
     }

     .article-detail .article-content {
         color: rgb(105, 109, 122);
         font-size: 0.28rem;
         font-weight: 400;
         line-height: 1.6;
     }
 }



 .page-aboutus .section-negative .section-negative-inner {
     margin-top: -1.1rem;
 }

 @media (max-width: 768px) {
     .page-aboutus .section-negative .section-negative-inner {
         margin-top: -8.1rem;
     }
 }


 .section-tech {
     padding: 1.8rem 1.76rem;
 }

 .section-is-center .section-title,
 .section-is-center .section-desc {
     text-align: center;
 }

 .tech-list {
     margin-top: 0.36rem;
     display: flex;
     flex-wrap: wrap;
     gap: 0.24rem;
 }

 .tech-item {
     width: 5rem;
     height: 3.2rem;
     padding: 0.4rem;
     border-radius: 0.08rem;
     background: #FFFFFF;
 }

 .tech-item-icon {
     width: 0.56rem;
     height: 0.56rem;
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center;
 }

 .icon-data-analysis {
     background-image: url("../images/about/icon-analysis.png");
 }

 .icon-html5 {
     background-image: url("../images/about/icon-html5.png");
 }

 .icon-database {
     background-image: url("../images/about/icon-server.png");
 }

 .icon-app-develop {
     background-image: url("../images/about/icon-appstore.png");
 }

 .icon-backend {
     background-image: url("../images/about/icon-terminal.png");
 }

 .icon-web-3d {
     background-image: url("../images/about/icon-cube.png");
 }

 .tech-item-title {
     margin: 0.72rem 0 0.16rem;
     color: #0B1D26;
     font-size: 0.24rem;
     font-weight: 500;
     line-height: 0.32rem;
 }

 .tech-item-desc {
     font-size: 0.19rem;
     line-height: 0.32rem;
 }

 @media (max-width: 768px) {
     .section-tech {
         padding: 0.64rem 0.32rem;
     }

     .page-aboutus .section-desc {
         margin: 0 auto;
         max-width: 5.28rem;
         font-size: 0.24rem;
         color: rgba(22, 28, 45, 0.7);
         font-weight: 400;
     }

     .tech-list {
         margin-top: 0.32rem;
         gap: 0.22rem;
     }

     .tech-item {
         width: 3.32rem;
         height: 3.88rem;
         padding: 0.32rem;
         border-radius: 0.16rem;
     }

     .tech-item-icon {
         width: 0.8rem;
         height: 0.8rem;
     }

     .tech-item-title {
         color: rgb(11, 29, 38);
         font-size: 0.4rem;
         line-height: 0.64rem;
         margin: 0.32rem 0 0.16rem;
     }

     .tech-item-desc {
         color: rgba(22, 28, 45, 0.7);
         font-size: 0.26rem;
         font-weight: 400;
         line-height: 1.6;
     }
 }











 .section-service {
     padding: 1.48rem 0 0;
     background-image: url("../images/about/service-bg@2x.png");
     background-position: 0 0;
     background-repeat: no-repeat;
     background-size: 100% 5.74rem;
 }

 .section-service .section-title {
     color: #fff;
 }

 .section-service .section-desc {
     color: rgba(255, 255, 255, 0.6);
 }

 .service-list {
     padding: 1.42rem 1.6rem 0;
     display: flex;
     justify-content: space-between;
 }

 .service-item {
     width: 3.79rem;
     border-radius: 0.08rem;
     color: rgba(22, 28, 45, 0.7);
     overflow: hidden;
     background-color: #fff;
 }

 .service-item-thumb {
     width: 100%;
     height: 2.2rem;
     cursor: pointer;
 }

 .service-item-content {
     padding: 0.4rem;
 }

 .service-item-title {
     font-size: 0.24rem;
     font-weight: 500;
     color: #000000;
     line-height: 0.28rem;
 }

 .service-item-list {
     padding: 0.2rem 0 0 0.2rem;
 }

 ul.service-item-list li {
     display: list-item;
     list-style: disc;
     font-size: 0.19rem;
 }

 @media (max-width: 768px) {
     .section-service {
         padding: 0.48rem 0.32rem 0;
     }

     .service-list {
         display: block;
         padding: 0.48rem 0 0 0;
     }

     .service-item {
         width: 100%;
         /*background-color: transparent;*/
         border-radius: 0.16rem;
         margin-bottom: 0.24rem;
     }

     .service-item-thumb {
         height: 3.98rem;
     }

     .service-item-content {
         padding: 0.32rem;
     }

     .service-item-title {
         color: rgb(0, 0, 0);
         font-size: 0.4rem;
         font-weight: 500;
         line-height: 0.56rem;
     }

     .service-item-list {
         display: flex;
         flex-wrap: wrap;
         gap: 0.16rem;
         padding: 0.2rem 0 0 0.40rem;
     }

     ul.service-item-list li {
         min-width: 2.12rem;
         color: rgb(105, 109, 122);
         font-size: 0.28rem;
         line-height: 0.4rem;
     }

     ul.service-item-list li:nth-child(2n) {
         margin-left: 0.48rem;
     }
 }



 .section-advantage {
     padding: 1.8rem 0 0;
 }

 .advantage-list {
     display: flex;
     flex-wrap: wrap;
     gap: 0;
 }

 .advantage-item {
     width: 33.33%;
     height: 4rem;
     position: relative;
     background: linear-gradient(0deg, #D9D9D9, #D9D9D9),
         linear-gradient(0deg, rgba(41, 77, 93, 0.2), rgba(41, 77, 93, 0.2)),
         linear-gradient(180deg, rgba(11, 29, 38, 0) 0%, #0B1D26 100%);
     color: #fff;
 }

 .advantage-item:hover {
     opacity: 0.75;
     cursor: pointer;
 }

 .advantage-bg {
     width: 100%;
     height: 100%;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
 }

 .advantage-item:nth-child(1) .advantage-bg {
     background-image: url("../images/about/advantage-1-l.jpg");
 }

 .advantage-item:nth-child(2) .advantage-bg {
     background-image: url("../images/about/advantage-2-l.jpg");
 }

 .advantage-item:nth-child(3) .advantage-bg {
     background-image: url("../images/about/advantage-3-l.jpg");
 }

 .advantage-item:nth-child(4) .advantage-bg {
     background-image: url("../images/about/advantage-4-l.jpg");
 }

 .advantage-item:nth-child(5) .advantage-bg {
     background-image: url("../images/about/advantage-5-l.jpg");
 }

 .advantage-item:nth-child(6) .advantage-bg {
     background-image: url("../images/about/advantage-6-l.jpg");
 }

 .advantage-item-content {
     position: absolute;
     top: 2.68rem;
     left: 0;
     width: 100%;
     height: 0.64rem;
     padding: 0 0.48rem;
     z-index: 1;
     line-height: 0.28rem;
 }

 .advantage-item-title {
     font-size: 0.24rem;
     font-weight: 500;
 }

 .advantage-item-desc {
     margin-top: 0.08rem;
     font-size: 0.18rem;
 }

 @media (max-width: 768px) {
     .section-advantage {
         padding: 0.64rem 0;
     }

     .advantage-list {
         margin-top: 0.32rem;
     }

     .advantage-item {
         width: 50%;
         height: 3.74rem;
     }

     .advantage-item:hover {}

     .advantage-item:nth-child(1) .advantage-bg {
         background-image: url("../images/about/advantage-1.png");
     }

     .advantage-item:nth-child(2) .advantage-bg {
         background-image: url("../images/about/advantage-2.png");
     }

     .advantage-item:nth-child(3) .advantage-bg {
         background-image: url("../images/about/advantage-3.png");
     }

     .advantage-item:nth-child(4) .advantage-bg {
         background-image: url("../images/about/advantage-4.png");
     }

     .advantage-item:nth-child(5) .advantage-bg {
         background-image: url("../images/about/advantage-5.png");
     }

     .advantage-item:nth-child(6) .advantage-bg {
         background-image: url("../images/about/advantage-6.png");
     }

     /*.advantage-item > img {*/
     /*    object-fit: cover;*/
     /*}*/

     .advantage-item-content {
         position: absolute;
         top: unset;
         height: 2.2rem;
         bottom: 0;
         padding: 0.34rem 0.32rem;
         background: linear-gradient(180deg, rgba(0, 0, 0, 0) 16.18%, rgba(0, 0, 0, 0.52) 100%);
     }

     .advantage-item-title {
         font-size: 0.4rem;
         font-weight: 500;
         line-height: 0.56rem;
     }

     .advantage-item-desc {
         max-width: 2.36rem;
         color: rgba(255, 255, 255, .7);
         font-size: 0.28rem;
         font-weight: 400;
         line-height: 1.6;
     }
 }