html {
    color: #333;
}
.home .top-bg {
    height: 720px;
    margin-top: -80px;
}
.home .top-bg .banner {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.home .top-bg .banner1 {
    background-image: url(/static/webp/home-banner-bg5.webp);
}
.home .top-bg .banner2 {
    background-image: url(/static/webp/home-banner-bg6.webp);
}
.home .top-bg .banner3 {
    background-image: url(/static/webp/home-banner-bg3.webp);
}
.home .top-bg .banner4 {
    background-image: url(/static/webp/home-banner-bg4.webp);
}
.home .top-bg .banner5 {
    background-image: url(/static/webp/home-banner-bg1.webp);
}
.home .top-bg .banner .banner-container {
    padding-top: 156px;
    padding-left: 0px;
}
@media (min-width: 1414px) {
    .home .top-bg .banner .banner-container {
        min-width: 1414px;
    }
}
.home .top-bg .banner .banner-container .banner-container-left {
    flex: 1;
}
.home .top-bg .banner .banner-title {
    margin-top: 38px;
}
.home .top-bg .banner .banner-title span {
    margin-left: 15px;
    font-family: MiSans;
    font-size: 30px;
    font-weight: 600;
    line-height: 42.43px;
}
.home .top-bg .banner .banner-software-intro {
    margin-top: 32px;
    font-family: MiSans;
    font-size: 38px;
    font-weight: 600;
    line-height: 58.34px;
    height: 198px;
}
.home .top-bg .banner .banner-btns {
    margin-top: 39px;
    column-gap: 40px;
}
.home .top-bg .banner .banner-btns button,
.home .top-bg .banner .banner-btns .banner-btns-more {
    display: inline-flex;
    min-width: 257px;
    height: 76px;
    font-family: Microsoft YaHei UI;
    font-size: 24px;
    font-weight: 700;
    line-height: 76px;
    text-align: center;
    justify-content: center;
    border-radius: 12px;
    padding: 0 10px;
}
.home .top-bg .banner .banner-btns button a,
.home .top-bg .banner .banner-btns .banner-btns-more a {
    display: inline-flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
}
.home .top-bg .banner .banner-btns button.banner-btns-download {
    background-color: #0045ff;
    color: #fff;
    /* margin-right: 40px; */
}
.home .top-bg .banner .banner-btns button.banner-btns-download:hover {
    background-color: #396fff;
}
.home .top-bg .banner .banner-btns .banner-btns-more {
    position: relative;
    background: url(/static/png/learn-btn.png) no-repeat center center;
    /* background-size: 100% 100%; */
    border: 1px solid #333333;
}
.home .top-bg .banner .banner-btns .banner-btns-more a {
    min-width: 154px;
    min-height: 48px;
}
.home .top-bg .banner2 {
    position: relative;
    background-image: url(/static/webp/home-banner-bg6.webp);
}

.home .top-bg .banner .banner-container .banner-right-bg {
    margin-left: 22px;
    width: 698px;
    height: auto;
}

.home .top-bg .banner3 {
    position: relative;
    background-image: url(/static/webp/home-banner-bg3.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.home .top-bg .el-carousel__arrow {
    width: 49px;
    height: 111px;
    border-radius: 2px;
}
.home .top-bg .el-carousel__arrow i {
    transform: scale3d(2.5, 3.5, 1);
}
.home .top-bg .el-carousel__indicator {
    padding: 0;
}
.home .top-bg .el-carousel__indicator .el-carousel__button {
    width: 124px;
    height: 8px;
    background-color: #e4e6e9;
}
.home .top-bg .el-carousel__indicator.is-active .el-carousel__button {
    background-color: #dce0e7;
}

.home .swiper-container {
    margin-top: 30px;
    width: 100%;
    height: 511px;
    margin-bottom: 40px;
}
.home .swiper-container .swiper-box {
    width: 1176px;
    height: 511px;
}
.home .swiper-container .swiper-box .swiper-item {
    cursor: pointer;
    width: 231px;
    /* width: 276px; */
    transition: all 0.15s ease-in-out;
    height: 511px;
    background: linear-gradient(to bottom, #0000001a, #000);
}
.home .swiper-container .swiper-box .swiper-item:not(:last-of-type) {
    margin-right: 24px;
}
.home .swiper-container .swiper-box .swiper-item:not(.active):hover {
    background: linear-gradient(to bottom, #0000, #000);
}
.home .swiper-container .swiper-box .swiper-item.active {
    width: 921px;
    /* width: 876px; */
}
.home .swiper-container .swiper-box .swiper-item img {
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1;
}
.home .swiper-container .swiper-box .swiper-item .item-content {
    padding: 16px 24px;
    z-index: 1;
}
.home
    .swiper-container
    .swiper-box
    .swiper-item
    .item-content
    .item-content-detail {
    width: calc((100% - 12px) / 2);
    margin-bottom: 11px;
}
.home
    .swiper-container
    .swiper-box
    .swiper-item
    .item-content
    .item-content-detail:nth-of-type(2n-1) {
    margin-right: 12px;
}
.home .swiper-container .swiper-box .swiper-item .item-content button {
    font-weight: 500;
    padding: 0;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    color: #fff;
    border: 1px solid #ffffff;
}
.home .swiper-container .swiper-box .swiper-item .item-content button a,
.home .phone-swiper-container .swiper-box .swiper-item .item-content button a {
    width: 100%;
    padding: 0 10px;
}

.home .swiper-container .swiper-box .swiper-item .item-content button span,
.home
    .phone-swiper-container
    .swiper-box
    .swiper-item
    .item-content
    button
    span {
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.78113%208.00047L5.48128%204.70062L6.42409%203.75781L10.6667%208.00047L6.42409%2012.2431L5.48128%2011.3003L8.78113%208.00047Z'%20fill='white'/%3e%3c/svg%3e");
}
.home .swiper-container .swiper-box .swiper-item .item-content button:hover {
    color: #3b82f6;
    border-color: #3b82f6;
}
.home
    .swiper-container
    .swiper-box
    .swiper-item
    .item-content
    button:hover
    span {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.78115%208.00047L6.48129%204.70062L7.42411%203.75781L11.6667%208.00047L7.42411%2012.2431L6.48129%2011.3003L9.78115%208.00047Z'%20fill='%233B82F6'/%3e%3c/svg%3e");
}

.home .software-intro {
    /* background: #f8f8f8; */
    padding: 3.38rem 0 0 0;
}

.home .software-intro .software-intro-title {
    color: #333;
    text-align: center;
    font-family: "Source Han Sans CN";
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 3.38rem;
}
.home .software-intro .intro-box {
    column-gap: 2.5rem;
    row-gap: 2.5rem;
    padding: 0 32px;
    box-sizing: border-box;
}
.home .software-intro .intro-box-first-item {
    background: #eef3ff;
    border-radius: 24px;
    padding: 42px;
    box-sizing: border-box;
    column-gap: 35px;
}
.home .software-intro .intro-box-first-item .intro-box-first-item-info {
    flex: 1;
}
.home .software-intro .intro-box-first-item .intro-box-first-item-info-des {
    font-size: 28px;
}
.home .software-intro .intro-box .intro-box-first-item .repair {
    cursor: pointer;
    margin: 30px auto 16px auto;
    width: fit-content;
    display: flex;
    padding: 0.875rem 3.625rem;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-align: center;
    font-family: "Microsoft YaHei UI";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: #0045ff;
    border-radius: 10px;
}
.home .software-intro .intro-box .intro-box-first-item .more-btn {
    display: inline-block;
    font-size: 14px;
    color: #3f73ff;
    margin: 0 auto;
    font-weight: 700;
    width: 120px;
    height: 33px;
    text-align: center;
    line-height: 33px;
}
.home .software-intro .intro-box-first-item .intro-box-first-item-banner {
    width: 554px;
}
.home .software-intro .intro-box .intro-box-item {
    width: calc((100% - 2.5rem) / 2);
    padding: 1.87rem 1.5rem;
    background: #eef3ff;
    border-radius: 24px;
    /* cursor: pointer; */
}
.home
    .software-intro
    .intro-box
    .intro-box-item:hover
    .intro-box-item-name
    .intro-box-item-arrow {
    opacity: 1;
    right: 0px;
}
.home .software-intro .intro-box .intro-box-item .intro-box-item-name {
    position: relative;
}

.home .software-intro .intro-box .intro-box-item .intro-box-item-name img {
    width: 40px;
    height: auto;
}
.home .software-intro .intro-box .intro-box-item .intro-box-item-name > h2 {
    color: #333;
    font-family: "Microsoft YaHei UI";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 40px;
    box-sizing: border-box;
}

.home
    .software-intro
    .intro-box
    .intro-box-item
    .intro-box-item-name
    .intro-box-item-arrow {
    position: absolute;
    right: -10px;
    top: 0;
    z-index: 1;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #55689c;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.home .software-intro .intro-box .intro-box-item .intro-box-item-des {
    color: #333;
    font-family: "Microsoft YaHei UI";
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px; /* 128.571% */
    margin-top: 18px;
    margin-bottom: 26px;
    height: 108px;
    overflow: hidden;
}

.home .software-intro .intro-box .intro-box-item .intro-box-item-btns a {
    cursor: pointer;
    background: #0045ff;
    color: #fff;
    width: 188px;
    height: 51px;
    text-align: center;
    font-family: "Microsoft YaHei UI";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 51px;
    border-radius: 10px;
}
.home .software-intro .intro-box .intro-box-item .intro-box-item-thumbnail {
    margin-top: 2.88rem;
    width: 100%;
    height: auto;
}
.choose-us-box {
    margin-top: 80px;
    width: 100vw;
}
.choose-us-box h2,
.trust .trust-title {
    font-weight: 600;
    color: #333;
    font-size: 32px;
    margin-bottom: 40px;
}
.choose-us-box .reason-tags {
    gap: 24px;
    flex-wrap: wrap;
    justify-content: center;
}
.choose-us-box .reason-tags .data-tag {
    width: 276px;
    height: 184px;
    padding: 4px 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 16px;
    box-sizing: border-box;
}
.choose-us-box .reason-tags .data-tag:first-of-type {
    background-color: #fff0f9;
}
.choose-us-box .reason-tags .data-tag:nth-of-type(2) {
    background-color: #f4f0fe;
}
.choose-us-box .reason-tags .data-tag:nth-of-type(3) {
    background-color: #fff5ec;
}
.choose-us-box .reason-tags .data-tag:nth-of-type(4) {
    background-color: #e5ffed;
}
.choose-us-box .reason-tags .data-tag img {
    margin-top: 26px;
    width: 60px;
    height: auto;
}
.choose-us-box .reason-tags .data-tag span {
    display: block;
    width: 100%;
    font-size: 15px;
    margin-top: 14px;
    text-align: center;
}

.trust {
    position: relative;
    margin-top: 5.69rem;
    /* padding: 16px 77px; */
    margin-bottom: 60px;
    /* padding-top: 50px;
    padding-bottom: 60px; */
}
.trust .block4-title {
    color: #333;
    font-weight: 600;
    font-size: 32px;
}
.trust .company {
    position: relative;
    justify-content: center;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
    height: 126px;
    overflow: hidden; /* 隐藏溢出的内容 */
    white-space: nowrap; /* 防止换行 */
}
.trust .company .website-logo {
    position: absolute;
    z-index: 2;
    left: 50%;
    margin-left: -63px;
    width: 126px;
    height: 126px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 43px;
    background: #f8faff;
    box-shadow: 0px -2px 4.2px 0px #d1d8e8 inset;
}
.trust .company .website-logo img {
    width: 76px;
    height: 76px;
}
.trust .company #scroll-content {
    /* display: inline-block; */
    /* width: 2704px; */
    white-space: nowrap;
    overflow-x: auto;
    height: 100%;
    /* animation: scroll 10s linear infinite; */
}
.trust .company #scroll-content::-webkit-scrollbar {
    display: none;
}
/* 滚动动画 */
@keyframes scroll {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}
.trust .company #scroll-content a {
    border-radius: 1px;
    width: 245px;
    height: 86px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease-in 0s;
    outline: none;
    flex-shrink: 0;
    margin-right: 93px;
}
/* .trust .company #scroll-content a:not(:last-of-type) {
} */

.trust .company #scroll-content a:hover {
    background-color: #fff;
    box-shadow: 0 6px 16px -2px #0051d733;
}
.trust .company #scroll-content a img {
    /* width: 259px;
    height: 70px; */
    width: 100%;
    height: auto;
    /* height: 42px; */
}

.home .block2 {
    /* padding-top: 50px; */
    padding-bottom: 60px;
    /* background-color: #eff5ff; */
}
.home .block2 .news-title {
    font-size: 32px;
    font-weight: 600;
}
.home .block2 .block2-container > div {
    width: calc((100% - 24px * 2) / 3);
    border-radius: 12px;
}
.home .block2 .block2-container .block2-container-list-item .arrow-right {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.home
    .block2
    .block2-container
    .block2-container-list-item
    .arrow-right
    .svg-icon {
    width: 5px;
    height: 8.18px;
}
.home .block2 .block2-container .block2-container-list-item:first-of-type {
    background: #f6faff;
}
.home
    .block2
    .block2-container
    .block2-container-list-item:first-of-type
    .arrow-right {
    background-color: #d7e2ff;
}
.home .block2 .block2-container .block2-container-list-item:nth-of-type(2) {
    background: #fff8f8;
}
.home
    .block2
    .block2-container
    .block2-container-list-item:nth-of-type(2)
    .arrow-right {
    background-color: #ffdddd;
}
.home .block2 .block2-container .block2-container-list-item:nth-of-type(3) {
    background: #f4fff2;
}
.home
    .block2
    .block2-container
    .block2-container-list-item:nth-of-type(3)
    .arrow-right {
    background-color: #b8ffa7;
}
.home .block2 .block2-container .block2-container-list-item .category-title {
    padding: 20px 22.5px 20px 24px;
    font-weight: 700;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 12px 12px 0 0;
    position: relative;
    display: flex;
    align-items: center;
}
.home .block2 .block2-container .img-area {
    position: relative;
    padding: 12px 10px;
    box-sizing: border-box;
    height: 211px;
}
.home .block2 .block2-container .img-area:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #0000, #000);
}
.home .block2 .block2-container .img-area span {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 1;
}
.home .block2 .block2-container ul {
    width: 100%;
    padding: 16px 24px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.home .block2 .block2-container ul li {
    cursor: pointer;
    color: #333;
    font-size: 14px;
}
.home .block2 .block2-container ul li:hover {
    color: #396fff;
}
.home .block2 .block2-container ul li:not(:last-of-type) {
    margin-bottom: 18px;
}
.home .block2 .block2-container ul li .dot {
    border-radius: 50%;
    margin-right: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
}
.home .block2 .block2-container ul li p {
    /* line-height: 24px; */
}
.home .block2 .block2-container button {
    font-size: 14px;
    margin-top: 20px;
    color: #333;
    font-weight: 500;
    padding: 0;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    border: 1px solid #333333;
}
.home .block2 .block2-container button a {
    padding: 0 10px;
}
.home .block2 .block2-container button:hover {
    color: #0045ff;
    border-color: #0045ff;
}
.home .block2 .block2-container button:hover span {
    color: #0045ff;
}
.home .block2 .block2-container button span {
    color: #333;
    margin-left: 8px;
    width: 16px;
    height: 16px;
}
.home .block-search {
    background-color: #f8f9fa;
    padding-top: 60px;
}
.home .search .search-container {
    color: #333;
}
.home .search .search-container .search-title {
    font-size: 32px;
}
.home .search .search-container .search-box {
    border-radius: 6px;
    width: 835px;
    height: 52px;
}
.home .search .search-container .search-box:before {
    position: absolute;
    z-index: 1;
    margin-left: 12px;
    content: "";
    color: #0045ff;
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url("data:image/svg+xml,%3csvg%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.3195%2022.8441C6.51044%2022.8441%201.78442%2018.1181%201.78442%2012.3092C1.78442%206.50043%206.51044%201.77441%2012.3195%201.77441C18.1286%201.77441%2022.8548%206.50043%2022.8548%2012.3092C22.8548%2018.1181%2018.1286%2022.8441%2012.3195%2022.8441ZM12.3195%204.36748C7.94021%204.36748%204.3776%207.93017%204.3776%2012.3092C4.3776%2016.6883%207.94021%2020.2511%2012.3195%2020.2511C16.6988%2020.2511%2020.2616%2016.6883%2020.2616%2012.3092C20.2616%207.93017%2016.6988%204.36748%2012.3195%204.36748Z'%20fill='%23272536'/%3e%3cpath%20d='M24.6241%2026.2086C24.2156%2026.2086%2023.8074%2026.0528%2023.4956%2025.7414L17.9916%2020.2377C17.3685%2019.6146%2017.3685%2018.6042%2017.9916%2017.9809C18.615%2017.3579%2019.6252%2017.3579%2020.2486%2017.9809L25.7526%2023.4845C26.3758%2024.1077%2026.3758%2025.118%2025.7526%2025.7413C25.4409%2026.0528%2025.0326%2026.2086%2024.6241%2026.2086Z'%20fill='%23272536'/%3e%3c/svg%3e");
}
.home .search .search-container .search-box input {
    position: relative;
    border-radius: 6px 0 0 6px;
    outline: none;
    padding-left: 52px;
    border: 1px solid #d6dadf;
    border-right: none;
    box-sizing: border-box;
}
.home .search .search-container .search-box input:focus {
    border-color: #101010;
}
.home .search .search-container .search-box button {
    border: none;
    border-radius: 0 6px 6px 0;
    margin-left: auto;
    width: 86px;
    color: #fff;
    background-color: #3b82f6;
}
.home .search .search-container .search-hot {
    width: 835px;
    margin-top: 18px;
}
.home .search .search-container .search-hot > span:first-of-type {
    color: #999;
}
.home .block3 .normal .item-title {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 16.5px;
}
.home .block3 .normal .item-title img {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}
.home .block3 .normal .item-detail {
    color: #666;
    font-size: 13px;
    line-height: 19px;
}
.home .block3 .normal .item-detail > div:hover {
    /* color: #3b82f6; */
}
.home .block3 .other {
    /* padding: 30px 427px 50px; */
    padding: 30px 54px 50px 54px;
}
.home .block3 .other > a {
    cursor: pointer;
}
.home .block3 .other > a:hover {
    /* color: #3b82f6; */
}
.home .block3 .other > a img {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}
.home .block3 .other > a span {
    font-weight: 500;
}

/* 轮播 */
.swiper-pagination {
    bottom: 16px !important;
}
.swiper-pagination-bullet {
    /* width: 124px; */
    width: 8px;
    height: 8px;
    /* background-color: rgba(220, 224, 231, 0.74) !important; */
    background-color: rgba(0, 0, 0, 0.5) !important;
    opacity: 1 !important;
    margin: 0 10px !important;
    display: inline-block;
    /* transition: opacity 0.3s; */
    /* border-radius: 0; */
    border-radius: 50%;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #000000 !important;
}

.swiper-button-prev,
.swiper-button-next {
    width: 49px;
    height: 111px;
    background-color: #00000030;
    color: #fff;
    transition: all 0.2s ease-in-out;
    opacity: 0.5;
    border-radius: 4px;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
    opacity: 1;
}
.swiper-button-prev:after,
.swiper-button-next:after {
    content: ""; /* 必须设置content属性，即使它是空的 */
    display: block; /* 确保伪元素是块级元素 */
    background-size: cover; /* 根据需要调整背景图片大小 */
    background-position: center; /* 调整图片位置 */
    background-repeat: no-repeat; /* 不重复图片 */
    position: absolute; /* 根据需要定位伪元素 */
    top: 50%; /* 根据需要调整位置 */
    left: 50%; /* 放置在原始元素的右边 */
    width: 13.3px;
    height: 36.62px;
    transform: translate3d(-50%, -50%, 0);
}
.swiper-button-prev:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMzciIHZpZXdCb3g9IjAgMCAxNCAzNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMDg1OTM3NSAxOC41TDkuNzc5MSAwLjE5MDU0NEwxMy4zODc5IDIuMTAxMUw0LjcwNjE3IDE4LjVMMTMuMzg3OSAzNC44OTg4TDkuNzc5MSAzNi44MDk0TDAuMDg1OTM3NSAxOC41WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==); /* 引用图片 */
}
.swiper-button-next:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMzciIHZpZXdCb3g9IjAgMCAxNCAzNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjkxNCAxOC41TDQuMjIwODQgMC4xOTA1NDRMMC42MTE5OTUgMi4xMDExTDkuMjkzNzcgMTguNUwwLjYxMTk5NSAzNC44OTg4TDQuMjIwODQgMzYuODA5NEwxMy45MTQgMTguNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=); /* 引用图片 */
}
.swiper-button-prev {
    left: 7.5%;
    transform: translateX(-15%);
}
.swiper-button-next {
    right: 7.5%;
    transform: translateX(15%);
}

/* 手机 */
@media (max-width: 767.98px) {
    .home .top-bg {
        /* height: 580px; */
        height: fit-content;
    }
    .home .top-bg .banner .banner-container {
        flex-direction: column;
        padding-top: 76px;
    }
    .home .top-bg .banner .banner-title {
        justify-content: center;
        margin-top: 16px;
    }
    .home .top-bg .banner .banner-title img {
        width: 24px;
        height: 24px;
    }
    .home .top-bg .banner .banner-title span {
        font-size: 16px;
        font-weight: 500;
        line-height: 21.22px;
    }
    .home .top-bg .banner .banner-software-intro {
        margin-top: 15px;
        font-size: 24px;
        font-weight: 600;
        line-height: 31.82px;
        text-align: center;
        /* height: auto; */
        height: 128px;
        display: flex;
        align-items: center;
    }
    .home .top-bg .banner .banner-btns {
        margin-top: 25px;
        justify-content: center;
        flex-direction: column;
        row-gap: 16px;
    }
    .home .top-bg .banner .banner-btns.fr {
        flex-direction: column;
        row-gap: 16px;
    }
    .home .top-bg .banner .banner-btns button,
    .home .top-bg .banner .banner-btns .banner-btns-more {
        width: 154px;
        height: 48px;
        border-radius: 12px;
    }
    .home .top-bg .banner .banner-btns button a,
    .home .top-bg .banner .banner-btns .banner-btns-more a {
        font-size: 16px;
        font-weight: 700;
    }
    .home .top-bg .banner .banner-container .banner-right-bg {
        margin: 24px auto 0 auto;
        width: calc(100% - 48px);
    }
    .swiper-container {
        display: none;
    }
    .swiper-button-prev,
    .swiper-button-next {
        display: none;
    }
    .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        margin-right: 5px !important;
    }
    .home .software-intro .software-intro-title {
        margin-bottom: 1.8rem;
    }
    .home .software-intro .intro-box-first-item {
        flex-direction: column;
        padding: 1rem;
    }
    .home .software-intro .intro-box-first-item .intro-box-first-item-banner {
        display: none;
    }
    .home .software-intro .intro-box {
        flex-direction: column;
        padding: 0 1rem;
    }
    .home .software-intro .intro-box .intro-box-item {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 1rem;
    }
    .home .software-intro .intro-box .intro-box-item .intro-box-item-name {
        justify-content: center;
    }
    .home .software-intro .intro-box .intro-box-item .intro-box-item-des {
        text-align: center;
        height: fit-content;
    }
    .home .software-intro .intro-box .intro-box-item .intro-box-item-name > h3 {
        padding-right: 0;
    }
    .home
        .software-intro
        .intro-box
        .intro-box-item
        .intro-box-item-name
        .intro-box-item-arrow {
        display: none;
    }
    .trust {
        padding-left: 0;
        padding-right: 0;
    }
    .trust .company {
        column-gap: 10px;
    }
    .trust .company #scroll-content a img,
    .trust .company .website-logo {
        transform: scale(0.7);
    }
    .news-title,
    .search-title {
        font-size: 20px !important;
    }
    .block2 {
        margin-top: 30px;
    }
    .block2-container {
        flex-direction: column;
    }
    .home .block2 .block2-container > div {
        width: 100%;
    }
    .home .block2 .block2-container .category-title {
        font-weight: 700;
    }
    .home .block2 .block2-container .more-btn {
        color: #0045ff !important;
        border: 1px solid #0045ff !important;
    }
    .home .block2 .block2-container button span {
        color: #0045ff !important;
    }
    .home .block3 {
        padding-bottom: 28px;
    }
    .home .block3 .block3-item {
        width: 100%;
        overflow: hidden;
    }
    .home .block3 .block3-item .item-title {
        height: 52px;
        line-height: 52px;
        margin-bottom: 0;
        border-bottom: 1px solid #0000001a;
    }
    .home .block3 .block3-item .item-title img {
        display: none;
    }
    .home .block3 .block3-item .item-title .svg-icon {
        display: inline-block;
        width: 16px;
        height: 16px;
        transform: rotate(90deg);
        margin-left: auto;
        transition: all 0.5s ease-in-out;
    }
    .home .block3 .block3-item .item-title .svg-icon.icon-rotate {
        transform: rotate(90deg) scaleX(-1);
    }
    .home .block3 .block3-item .item-detail {
        display: flex;
        flex-direction: column;
        height: 0px;
        transition: all 0.5s ease-in-out;
    }
    .home .block3 .block3-item .item-detail > div {
        margin: 0;
        padding: 8px 0;
    }
    .home .block3 .block3-item.block3-item-phone {
        display: block;
    }
    .home .block3 .other {
        display: none;
        padding: 0 12px;
        width: 100%;
        flex-wrap: wrap;
    }
}