/**
 * @see https://blog.csdn.net/fendouweiqian/article/details/135646383
 */
html {
    font-size: clamp(12px, 5.20833vw, 150px);
}

.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;
}

.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-pc {
        display: none;
    }
    .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;
}
.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;
}
.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;
}
.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;
        flex-wrap: wrap;
    }
    .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;
    /*height: 8.44rem;*/
    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__selected {
    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: 8.44rem;
}
.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.20rem;
}
.article-item {
    margin-bottom: 0.48rem;
    width: 5.10rem;
}
.article-item-thumb {
    width: 100%;
    height: 3.2rem;
    border-radius: 0.08rem;
    overflow: hidden;
}
.article-item-thumb:hover {
    transform: scale(1.02);
    transition: all 200ms ease-in;
}
.article-item-content{
    padding: 0.24rem 0.08rem 0 0.08rem;
    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;
    }
}