.page.index .index-swiper {
    width: 100%;
    height: calc(810 * var(--px));
    color: #333;
}

.page.index .index-swiper .swiper-slide {
    height: 100%;
    position: relative;
    overflow: hidden;
}

.page.index .index-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 15% center;
    -o-object-position: 15% center;
}

.page.index .index-swiper .swiper-slide .swiper-slide__content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.page.index .index-swiper .swiper-slide .swiper-slide__content .layer {
    background-color: transparent;
    width: 100%;
}

.page.index .index-swiper .swiper-slide .swiper-slide__content .layer .layer-header {
    padding-left: 0;
    padding-right: 0;
}

.page.index .index-swiper .swiper-slide .swiper-slide__content .layer .layer-header .layer-header__section {
    text-align: left;
}

.page.index .index-swiper .swiper-pagination {
    bottom: calc(30 * var(--px));
}

.page.index .index-swiper .swiper-pagination .swiper-pagination-bullet {
    width: calc(30 * var(--px));
    height: calc(6 * var(--px));
    border-radius: 999px;
    background-color: rgba(0, 0, 0, .2);
}

.page.index .index-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: calc(60 * var(--px));
    background-color: var(--primary-color);
}

.page.index .product-function>.layer-content {
    width: 100%;
    display: flex;
    gap: calc(20 * var(--px));
}

.page.index .product-function .product-function__item {
    /* flex: 0 0 auto; */
    width: calc(calc(100% / 5) - calc(20 * var(--px) * 4 / 5));
    /* flex: 1 0 0; */
    height: calc(310 * var(--px));
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all .3s ease-in-out;
}

.page.index .product-function .product-function__item:hover {
    /* flex: 0 0 auto; */
    width: calc(560 * var(--px));
}

.page.index .product-function .product-function__item:hover .product-function__item-content {
    padding: calc(50 * var(--px));
}

.page.index .product-function .product-function__item:hover .product-function__section {
    transform: translateY(calc(20 * var(--px)));
}

.page.index .product-function .product-function__item:hover .product-function__item-content .product-function__item-icon {
    --r: 86;
    width: calc(var(--r) * var(--px));
    height: calc(var(--r) * var(--px));
    opacity: 1;
    transform: translateY(0);
}

.page.index .product-function .product-function__item:hover .product-function__item-overlay {
    height: 100%;
}

.page.index .product-function .product-function__item .product-function__item-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page.index .product-function .product-function__item .product-function__item-content {
    color: #fff;
    font-size: calc(16 * var(--px));
    line-height: 1.5;
    width: 100%;
    height: 100%;
    padding: calc(24 * var(--px)) calc(20 * var(--px));
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.page.index .product-function .product-function__item .product-function__section {
    transition: all .3s ease;
}

.page.index .product-function .product-function__item .product-function__item-content .product-function__item-icon {
    width: 0;
    height: 0;
    display: block;
    font-size: 0;
    opacity: 0;
    transform: translateY(-100%);
    transition: all .5s cubic-bezier(0.39, 0.575, 0.565, 1) .1s;
}

.page.index .product-function .product-function__item .product-function__item-content .product-function__item-title {
    font-size: calc(20 * var(--px));
    margin-bottom: calc(12 * var(--px));
}

.page.index .product-function .product-function__item .product-function__item-overlay {
    width: 100%;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(to bottom, #FB9125, rgba(231, 131, 37, 0.6));
    transform-origin: center top;
    transition: all .5s cubic-bezier(0.47, 0, 0.745, 0.715) .2s;
}

/* 产品与服务 */
.page.index .product-server {
    background: url(../images/bg-1.jpeg) no-repeat center center;
    background-size: cover;
}

.page.index .product-server .product-server__content {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 64px 0px rgba(167, 167, 167, 0.25);
    overflow: hidden;
    display: flex;
}

.page.index .product-server .product-server__content .services {
    max-width: calc(370 * var(--px));
    flex: 0 0 auto;
    padding: calc(38 * var(--px));
    box-shadow: 4px 0px 48px 0px rgba(224, 224, 224, 0.96);
    background: rgb(255, 255, 255);
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.page.index .product-server .product-server__content .services .service-item {
    height: calc(80 * var(--px));
    margin-bottom: calc(50 * var(--px));
    position: relative;
}

.page.index .product-server .product-server__content .services .service-item:last-child {
    margin-bottom: 0;
}

.page.index .product-server .product-server__content .services .service-item:hover:not([class="actived"]) .service-item__content,
.page.index .product-server .product-server__content .services .service-item.actived .service-item__content {
    color: #FB9125;
    font-weight: bold;
    box-shadow: 3px 4px 4px 0px rgba(163, 163, 163, 0.2);
}

.page.index .product-server .product-server__content .services .service-item .service-item__content {
    font-size: calc(24 * var(--px));
    height: 100%;
    border-radius: 5px;
    display: flex;
    align-items: center;
    padding: calc(18 * var(--px)) 0;
    padding-left: calc(24 * var(--px));
    padding-right: calc(12 * var(--px));
    position: relative;
    z-index: 2;
}

.page.index .product-server .product-server__content .services .service-item .service-item__content .icon {
    --r: 60;
    width: calc(var(--r) * var(--px));
    height: calc(var(--r) * var(--px));
    margin-right: calc(20 * var(--px));
    opacity: 1;
    transition: opacity .3s cubic-bezier(0.23, 1, 0.320, 1);
}

.page.index .product-server .product-server__content .services .service-item .service-item__content .icon.active-icon {
    --r: 60;
    width: calc(var(--r) * var(--px));
    height: calc(var(--r) * var(--px));
    position: absolute;
    left: calc(24 * var(--px));
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
}

.page.index .product-server .product-server__content .services .service-item:hover:not([class="actived"]) .service-item__content .icon,
.page.index .product-server .product-server__content .services .service-item.actived .service-item__content .icon {
    opacity: 0;
}

.page.index .product-server .product-server__content .services .service-item:hover:not([class="actived"]) .service-item__content .icon.active-icon,
.page.index .product-server .product-server__content .services .service-item.actived .service-item__content .icon.active-icon {
    opacity: 1;
}

.page.index .product-server .product-server__content .services .service-item:hover:not([class="actived"]) .service-item__overlay,
.page.index .product-server .product-server__content .services .service-item.actived .service-item__overlay {
    width: 100%;
}

.page.index .product-server .product-server__content .services .service-item .service-item__overlay {
    width: 0;
    height: 100%;
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: left center;
    background-image: linear-gradient(134.70deg, rgb(252, 243, 234) 2.608%, rgb(255, 255, 255) 99.653%);
    transition: all .3s ease;
}

.page.index .product-server .service-info__box {
    margin: 0;
    flex: 1 0 0;
}

.page.index .service-info__box .service-info {
    background-color: #fff;
    font-size: calc(14 * var(--px));
    padding: 0 calc(60 * var(--px));
    padding-top: calc(50 * var(--px));
    padding-bottom: calc(30 * var(--px));
    display: flex;
    flex-direction: column;
}

.page.index .service-info__box .service-info .title {
    font-size: calc(32 * var(--px));
    font-weight: bold;
}

.page.index .service-info__box .service-info .tags {
    padding: calc(18 * var(--px)) 0 calc(30 * var(--px));
    display: flex;
    gap: calc(20 * var(--px));
    flex-wrap: wrap;
}

.page.index .service-info__box .service-info .tags .tag-item {
    line-height: calc(32 * var(--px));
    color: var(--primary-color);
    padding: 0 calc(10 * var(--px));
    background-color: rgba(0, 82, 217, .1);
    border-radius: 999px;
    display: flex;
    align-items: center;
}

.page.index .service-info__box .service-info .tags .tag-item .tag-item__icon {
    height: calc(18 * var(--px));
    margin-right: calc(6 * var(--px));
}

.page.index .service-info__box .service-info__content {
    color: #888888;
    font-size: calc(16 * var(--px));
    position: relative;
    flex: 1 0 0;
    overflow: auto;
    border-bottom: 2px solid rgb(235, 234, 234);
}

.page.index .service-info__box .service-info__content::-webkit-scrollbar {
    display: block;
    width: 1px;
}

.page.index .service-info__box .service-info__content::-webkit-scrollbar-thumb {
    background-color: rgba(57, 69, 229, .6);
}

.page.index .service-info__box .service-info__content::-webkit-scrollbar-button {
    display: none;
}

/* .page.index .service-info__box .service-info__content::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(63.43deg, rgb(235, 234, 234) 0.002%, rgba(255, 255, 255, 0) 100%);
} */

.page.index .service-info__box .service-info__content li {
    line-height: calc(1.5);
    padding-left: calc(24 * var(--px));
    padding-bottom: calc(22 * var(--px));
    position: relative;
}

.page.index .service-info__box .service-info__content li::before {
    content: '';
    --r: 10;
    width: calc(var(--r) * var(--px));
    height: calc(var(--r) * var(--px));
    border-radius: calc(var(--r) * var(--px));
    background-color: var(--primary-color);
    position: absolute;
    top: calc(11 * var(--px));
    left: 0;
    transform: translateY(-50%);
}

.page.index .service-info__box .service-info__products {
    font-size: calc(16 * var(--px));
}

.page.index .service-info__box .service-info__products .header {
    font-size: calc(24 * var(--px));
    padding: calc(24 * var(--px)) 0;
    padding-left: calc(10 * var(--px));
    position: relative;
}

.page.index .service-info__box .service-info__products .header::before {
    content: '';
    width: calc(4 * var(--px));
    height: calc(16 * var(--px));
    background-color: var(--primary-color);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.page.index .service-info__box .service-info__products .content {
    font-size: calc(16 * var(--px));
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0 calc(40 * var(--px));
}

.page.index .service-info__box .service-info__products .content .product-item {
    text-align: center;
    height: calc(138 * var(--px));
    line-height: 1.5;
    background-color: #EDEFF8;
    padding: calc(26 * var(--px)) calc(12 * var(--px)) 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(10 * var(--px)) 0;
    border: 2px solid rgba(22, 67, 239, 0.2);
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    transition: all .5s ease-in-out;
}

.page.index .service-info__box .service-info__products .content .product-item:not([class="active"]):hover,
.page.index .service-info__box .service-info__products .content .product-item.active {
    color: #FE8101;
    background-color: #FFF6EC;
    border-color: #FE8101;
    box-shadow: 4px 4px 0px 0px rgba(254, 129, 1, 0.64);
}

.page.index .service-info__box .service-info__products .content .product-item:not([class="active"]):hover>.icon img,
.page.index .service-info__box .service-info__products .content .product-item.active>.icon img {
    filter: drop-shadow(0 calc(var(--height)* var(--px)) 0 #FE8101);
    transform: translateY(-100%);
}

.page.index .service-info__box .service-info__products .content .product-item>.icon {
    --height: 46;
    height: calc(var(--height) * var(--px));
    overflow: hidden;
}

.page.index .service-info__box .service-info__products .content .product-item>.icon img {
    height: 100%;
}

.page.index .service-info__box .service-info__products>.footer {
    padding-top: calc(28 * var(--px));
}

.page.index .service-info__box .service-info__products>.footer::after {
    content: '';
    clear: both;
}

.page.index .service-info__box .service-info__products>.footer .apply-btn {
    float: right;
    width: calc(136 * var(--px));
    font-size: calc(18 * var(--px));
    border-radius: 5px;
    color: #fff;
    background-color: var(--primary-color);
    line-height: calc(44 * var(--px));
    border: none;
    display: block;
    transition: background .3s ease-in;
}

.page.index .service-info__box .service-info__products>.footer .apply-btn.active {
    background-color: #FE8101;
}

/* 为什么选择中申国智 */
.page.index .advantage .advantage-box {
    color: #fff;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(70 * var(--px)) calc(164 * var(--px));
    position: relative;
}

.page.index .advantage .advantage-item {
    font-size: calc(16 * var(--px));
    line-height: 1.5;
    height: calc(240 * var(--px));
    padding: calc(40 * var(--px));
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
}

.page.index .advantage .advantage-item .advantage-item__content {
    max-width: 70%;
    position: relative;
    z-index: 1;
}

.page.index .advantage .advantage-item:nth-of-type(even) {
    align-items: flex-end;
}

.page.index .advantage .advantage-item .advantage-item__title {
    font-size: calc(24 * var(--px));
    font-weight: bold;
}

.page.index .advantage .advantage-item .advantage-item__poster {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    top: 0;
}

.page.index .advantage .advantage-item .advantage-item__poster-mobile {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.page.index .advantage .advantage-item:nth-of-type(odd) .advantage-item__poster,
.page.index .advantage .advantage-item:nth-of-type(odd) .advantage-item__poster-mobile {
    left: 0;
}

.page.index .advantage .advantage-item:nth-of-type(even) .advantage-item__poster,
.page.index .advantage .advantage-item:nth-of-type(even) .advantage-item__poster-mobile {
    right: 0;
}

.page.index .advantage .advantage-box .advantage-icon {
    --r: 340;
    width: calc(var(--r) * var(--px));
    height: calc(var(--r) * var(--px));
    position: absolute;
    top: 50%;
    left: 50%;
    /* transform-origin: center center; */
    /* transform: translate(-50%, -50%); */
    margin-top: calc(var(--r) / -2 * var(--px));
    margin-left: calc(var(--r) / -2 * var(--px));
    display: flex;
    justify-content: center;
    align-items: center;

}

.page.index .advantage .advantage-box .advantage-icon>img {
    height: calc(195 * var(--px));
    position: relative;
    z-index: 2;
}

.page.index .advantage .advantage-box .advantage-icon::after {
    content: '';
    --r: 340;
    width: calc(var(--r) * var(--px));
    height: calc(var(--r) * var(--px));
    border: 4px solid #fff;
    border-radius: calc(32 * var(--px));
    box-shadow: 0px 0px 69px 0px rgba(0, 0, 0, 0.14);
    background-color: #f6f6f6;
    position: absolute;
    /* transform-origin: center; */
    transform: rotate(45deg);
}

/* 实践案例分享 */
.page.index .case-share {
    background: url(../images/bg-2.jpeg) no-repeat center center;
    background-size: cover;
}

.page.index .case-share__content .case {
    --img-width: 300;
    max-width: calc(780 * var(--px));
    border-radius: 5px;
    display: flex;
    justify-content: flex-end;
    overflow: hidden;
}

.page.index .case-share__content .case:hover .case__main {
    width: calc(100% - calc(var(--img-width) * var(--px) / 2));
    padding-right: calc(20 * var(--px));
    background-image: url(../images/new-bg2.png);
    background-color: #fff;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    outline: 2px solid #FB9125;
    outline-offset: -2px;
    padding-bottom: calc(12 * var(--px));
}

.page.index .case-share__content .case:hover .case__main .num {
    margin-top: calc(88 * var(--px) * -1);
    opacity: 0;
}

.page.index .case-share__content .case:hover .case__main .case-content {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.page.index .case-share__content .case:hover .case__main .case-content>* {
    padding-right: calc(30 * var(--px));
}

.page.index .case-share__content .case:hover .case__main .case-content .case__section {
    padding-bottom: calc(22 * var(--px));
}

.page.index .case-share__content .case:hover .case__main .case-content .case-title {
    height: max-content;
    margin-bottom: calc(16 * var(--px));
}

.page.index .case-share__content .case:hover .case__main .case-content .introductions {
    margin-top: 0;
    opacity: 1;
}

.page.index .case-share__content .case .case__main .case-content .introduction-item {
    font-size: calc(16 * var(--px));
    color: #666;
    padding-bottom: calc(26 * var(--px));
}

.page.index .case-share__content .case .case__main .case-content .introduction-item__header {
    margin-bottom: calc(14 * var(--px));
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.page.index .case-share__content .case .case__main .case-content .introduction-item__header .title {
    color: #333;
    font-size: calc(20 * var(--px));
    font-weight: 500;
    line-height: 1.4;
    padding-left: calc(10 * var(--px));
    flex: 1 0 0;
    word-break: break-all;
}

.page.index .case-share__content .case .case__main .case-content .introduction-item__header::after {
    content: '';
    flex: 0 0 100%;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(90.00deg, rgb(223, 223, 223), rgba(223, 223, 223, 0) 99.237%);
    margin-top: calc(8 * var(--px));
}

.page.index .case-share__content .case .case__main {
    width: calc(100% - calc(var(--img-width) * var(--px)));
    padding-top: calc(36 * var(--px));
    padding-left: calc(40 * var(--px));
    padding-right: calc(60 * var(--px));
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-image: url(../images/new-bg.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    transition: width .5s ease;
}

.page.index .case-share__content .case .case__main .num {
    --r: 40;
    font-size: calc(16 * var(--px));
    color: #666;
    width: calc(var(--r) * var(--px));
    height: calc(var(--r) * var(--px));
    margin-bottom: calc(48 * var(--px));
    border: 1px solid rgba(51, 51, 51, 0.1);
    border-radius: 50%;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: margin .3s ease-in-out,
        opacity .2s ease .1s;
}

.page.index .case-share__content .case .case__main .case-content {
    font-size: calc(18 * var(--px));
    line-height: 1.5;
}

.page.index .case-share__content .case .case__main .case-content .case__section {
    flex: 0 0 auto;
}

.page.index .case-share__content .case .case__main .case-content .case-title {
    height: calc(84 * var(--px));
    font-size: calc(28 * var(--px));
    font-weight: 500;
}

.page.index .case-share__content .case .case__main .case-content .introductions {
    padding-top: calc(22 * var(--px));
    margin-top: 100%;
    opacity: 0;
    flex: 1 0 0;
    overflow: auto;
}

.page.index .case-share__content .case .case__main .case-content .introductions::-webkit-scrollbar {
    display: block;
    width: 1px;
}

.page.index .case-share__content .case .case__main .case-content .introductions::-webkit-scrollbar-thumb {
    background-color: rgba(57, 69, 229, .6);
}

.page.index .case-share__content .case .case__main .case-content .introductions::-webkit-scrollbar-button {
    display: none;
}

.page.index .case-share__content .case .case__img {
    width: calc(var(--img-width) * var(--px));
    height: calc(360 * var(--px));
    flex: 0 0 auto;
}

.page.index .case-share__content .case .case__img>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page.index .case-share__content .swiper-function {
    max-width: calc(518 * var(--px));
    width: 100%;
    height: calc(60 * var(--px));
    margin: calc(60 * var(--px)) auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page.index .case-share__content .swiper-function .btn {
    --r: 60;
    width: calc(var(--r) * var(--px));
    height: calc(var(--r) * var(--px));
    font-size: calc(16 * var(--px));
    border: 1px solid rgba(102, 102, 102, .3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border .3s ease-in-out;
}

.page.index .case-share__content .swiper-function .btn:hover {
    border-color: #FE8101;
}

.page.index .case-share__content .swiper-function .btn:hover .icon-left:before,
.page.index .case-share__content .swiper-function .btn:hover .icon-right:before {
    transition: color .3s ease-in-out;
}

.page.index .case-share__content .swiper-function .btn:hover .icon-left:before,
.page.index .case-share__content .swiper-function .btn:hover .icon-right:before {
    color: #FE8101;
}

.page.index .case-share__content .swiper-function .swiper__progress {
    max-width: calc(320 * var(--px));
    width: 100%;
    height: 2px;
    border-radius: 999px;
    background-color: rgba(102, 102, 102, .2);
    overflow: hidden;
}

.page.index .case-share__content .swiper-function .swiper__progress .swiper__progress-content {
    height: 100%;
    width: 0;
    background-color: #FA8105;
    transition: width .3s ease;
}

/* 申请试用弹框 */
.apply-popup {
    width: 100vw;
    height: 100vh;
    padding: calc(24 * var(--px));
    display: flex;
    justify-content: center;
    align-items: center;
}
.apply-popup__content {
    width: 100%;
    max-width: calc(700 * var(--px));
    max-height: calc(100%);
    color: #333;
    border-radius: 5px;
    padding-top: calc(60 * var(--px));
    position: relative;
    background: #fff url(../images/popup-bg.png) no-repeat 110% -10%;
    background-size: calc(294 * var(--px)) calc(306 * var(--px));
    overflow: auto;
}
.apply-popup__content::-webkit-scrollbar {
    display: none;
}
.apply-popup__content .close-icon {
    --r: 38;
    width: calc(38 * var(--px));
    height: calc(38 * var(--px));
    font-size: calc(var(--r) * var(--px));
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: calc(30 * var(--px));
    right: calc(30 * var(--px));
}
.apply-popup__content .apply-popup__header {
    text-align: center;
}
.apply-popup__content .apply-popup__header .apply-popup__title {
    font-size: calc(28 * var(--px));
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: calc(10 * var(--px));
}
.apply-popup__content .apply-popup__header .apply-popup__desc {
    font-size: calc(18 * var(--px));
}
.apply-popup__content .apply-popup__header .apply-popup__desc >p strong {
    color: var(--primary-color);
}
.apply-popup .apply-popup__main {
    --label-width: 120;
    padding: calc(30 * var(--px));
}
.apply-popup .apply-popup__main .input-filed {
    font-size: calc(20 * var(--px));
    line-height: 1.5;
    display: flex;
    align-items: center;
    margin-bottom: calc(28 * var(--px));
}
.apply-popup .apply-popup__main .input-filed >label {
    flex: 0 0 calc(var(--label-width) * var(--px));
    text-align: right;
}
.apply-popup .apply-popup__main .input-filed >label.required::after {
    content: '*';
    color: #FC5555;
}
.apply-popup .apply-popup__main .input-filed .input-filed__content {
    flex: 1 0 0;
    margin-left: calc(22 * var(--px));
    position: relative;
    display: flex;
}
.apply-popup .apply-popup__main .input-filed .input-filed__content >input,
.apply-popup .apply-popup__main .input-filed .input-filed__content >textarea {
    width: 100%;
    height: 100%;
    font-size: calc(18 * var(--px));
    padding: calc(20 * var(--px));
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    display: block;
}
.apply-popup .apply-popup__main .input-filed .input-filed__content >textarea {
    height: calc(150 * var(--px));
}
.apply-popup .apply-popup__main .input-filed .input-filed__content .field-btn {
    font-size: calc(18 * var(--px));
    flex: 0 0 auto;
    background-color: #fff;
    outline: none;
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    margin-left: calc(20 * var(--px));
}
.apply-popup .apply-popup__main .input-filed .input-filed__content .verif-code {
    height: calc(67 * var(--px));
}
.apply-popup .apply-popup__main .input-filed.submit-btn .input-filed__content >section {
    width: 100%;
}
.apply-popup .apply-popup__main .input-filed.submit-btn .input-filed__content .field-btn {
    width: 100%;
    color: #fff;
    font-size: calc(18 * var(--px));
    line-height: 1.5;
    line-height: calc(70 * var(--px));
    border: none;
    background-color: var(--primary-color);
    margin-left: 0;
}
.apply-popup .apply-popup__main .input-filed .input-filed__content .error-text {
    font-size: calc(16 * var(--px));
    color: #FC5555;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    transform: translateY(100%);
}
.apply-popup .apply-popup__main .submit-tip {
    flex: 0 0 100%;
    font-size: calc(16 * var(--px));
    margin-top: calc(16 * var(--px));
}
.apply-popup .apply-popup__main .submit-tip a {
    color: var(--primary-color);
}
/* 申请成功弹框 */
.apply-success-popup {
    width: 100vw;
    height: 100vh;
    padding: calc(24 * var(--px));
    display: flex;
    align-items: center;
    justify-content: center;
}
.apply-success-popup__content {
    width: 100%;
    max-height: 100%;
    font-size: calc(16 * var(--px));
    max-width: calc(700 * var(--px));
    color: #333;
    text-align: center;
    border-radius: 5px;
    padding: 0 calc(24 * var(--px));
    padding-top: calc(60 * var(--px));
    padding-bottom: calc(85 * var(--px));
    position: relative;
    background: #fff url(../images/popup-bg.png) no-repeat 110% -10%;
    background-size: calc(294 * var(--px)) calc(306 * var(--px));
    overflow: auto;
}
.apply-success-popup__content::-webkit-scrollbar {
    display: none;
}
.apply-success-popup__content .success-section >img {
    height: calc(158 * var(--px));
    display: block;
    margin: auto;
}
.apply-success-popup__content .success-section >.success-section__title {
    font-size: calc(28 * var(--px));
    color: #FE8101;
    padding: calc(20 * var(--px)) 0;
}
.apply-success-popup__content .qr-code {
    --d: 140;
    width: calc(var(--d) * var(--px));
    display: block;
    margin: 0 auto;
    margin-top: calc(40 * var(--px));
}
.apply-success-popup__content .apply-popup__main >p {
    margin-top: calc(10 * var(--px));
}
.apply-success-popup__content .apply-popup__main .confirm-btn {
    max-width: calc(455 * var(--px));
    width: 100%;
    font-size: calc(18 * var(--px));
    color: #fff;
    line-height: calc(70 * var(--px));
    background-color: #FF8100;
    margin: calc(50 * var(--px)) auto 0;
    border-radius: 5px;
    display: block;
}
@media screen and (max-width: 1024px) {
    .index-swiper .swiper-button-next,
    .index-swiper .swiper-button-prev {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .page.index .product-function>.layer-content {
        flex-wrap: wrap;
    }

    .page.index .product-function .product-function__item {
        width: calc(calc(100% / 2) - calc(20 * var(--px)));
    }

    .page.index .product-function .product-function__item:hover {
        width: calc(calc(100% / 2) - calc(20* var(--px)));
    }

    .page.index .product-function .product-function__item:hover .product-function__item-overlay {
        display: none;
    }

    .page.index .product-function .product-function__item .product-function__item-content {
        padding: calc(50 * var(--px));
    }

    .page.index .product-function .product-function__item .product-function__item-content .product-function__item-icon {
        --r: 86;
        width: calc(var(--r) * var(--px));
        height: calc(var(--r) * var(--px));
        opacity: 1;
        transform: translateY(0);
    }

    .page.index .product-function .product-function__item .product-function__section {
        transform: translateY(calc(20 * var(--px)));
    }

    .page.index .product-server .product-server__content {
        flex-direction: column;
    }

    body .page.index .product-server .product-server__content .services {
        max-width: 100%;
        width: 100%;
        padding: calc(12 * var(--px));
    }
    body .page.index .product-server .product-server__content .services .services-content {
        display: flex;
        justify-content: space-between;
    }
    .page.index .product-server .service-info__box {
        min-height: calc(380 * var(--px));
        flex: 0 0 auto;
    }

    .page.index .product-server .product-server__content .services .service-item {
        margin-bottom: 0;
    }

    body .page.index .product-server .product-server__content .services .service-item .service-item__content {
        /* justify-content: center; */
        font-size: calc(18 * var(--px));
        padding: calc(12 * var(--px));
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    body .page.index .product-server .product-server__content .services .service-item .service-item__content .icon,
    body .page.index .product-server .product-server__content .services .service-item .service-item__content .icon.active-icon {
        --r: 30;
        margin-right: 0;
    }
    .page.index .product-server .product-server__content .services .service-item .service-item__content .icon.active-icon {
        /* left: calc(12 * var(--px)); */
        top: calc(12 * var(--px));
        left: 50%;
        transform: translate(-50%, 0);
    }

    /* .page.index .product-server .product-server__content .services .service-item .service-item__content span {
        display: none;
    } */

    body .page.index .service-info__box .service-info .title {
        font-size: calc(28 * var(--px));
    }

    body .page.index .service-info__box .service-info__products .content {
        /* grid-template-columns: repeat(4, 1fr); */
        gap: calc(24 * var(--px));
    }

    body .page.index .service-info__box .service-info {
        padding: calc(32 * var(--px)) calc(24 * var(--px));
    }

    body .page.index .service-info__box .service-info__products .content .product-item {
        padding: calc(12 * var(--px)) calc(12 * var(--px)) 0;
    }

    body .page.index .service-info__box .service-info__products .content .product-item>.icon {
        --height: 32;
    }

    body .page.index .advantage .advantage-box {
        gap: calc(24* var(--px));
    }

    body .page.index .advantage .advantage-box .advantage-icon {
        display: none;
    }

    body .page.index .advantage .advantage-item {
        padding: calc(40 * var(--px)) calc(24 * var(--px));
        display: block;
    }

    body .page.index .advantage .advantage-item::after {
        content: '';
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .4);
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 8px;
    }

    .page.index .advantage .advantage-item .advantage-item__poster {
        display: none;
    }

    .page.index .advantage .advantage-item .advantage-item__poster-mobile {
        display: block;
        object-fit: cover;
        border-radius: 8px;
    }

    /*
    body .page.index .advantage .advantage-box {
        gap: calc(40* var(--px)) calc(130* var(--px));
    }
    body .page.index .advantage .advantage-box .advantage-icon,
    body .page.index .advantage .advantage-box .advantage-icon::after {
        --r: 300;
    }
    body .page.index .advantage .advantage-box .advantage-icon>img {
        height: calc(160 * var(--px));
    } */
}

@media screen and (max-width: 550px) {

    body .page.index .service-info__box .service-info {
        padding: calc(24 * var(--px));
    }

    body .page.index .case-share__content .case {
        max-width: calc(100vw - calc(48 * var(--px)));
    }

    /* body .page.index .advantage .advantage-box {
        gap: calc(40* var(--px));
    }
    body .page.index .advantage .advantage-box .advantage-icon,
    body .page.index .advantage .advantage-box .advantage-icon::after {
        --r: 220;
    }
    body .page.index .advantage .advantage-box .advantage-icon>img {
        height: calc(120 * var(--px));
    } */
}