@import url("./iconfont.css");

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --max-content-width: 1920px;
    --max-content-width: 1440px;
    --min-padding: 120px;
    --max-padding: 240px;
    --padding-calc: calc(120px + (100vw - 1440px) * 0.25);
    --padding-calc-40: calc(40px + (100vw - 1440px) * 0.25);
    --padding-calc-55: calc(55px + (100vw - 1440px) * 0.25);

    /* 1rem */
    --text-fontse-12: 12px;

    /* 1.16667rem */
    --text-fontse-14: 14px;

    /* 1.25rem */
    --text-fontse-15: 15px;

    /* 1.33333rem */
    --text-fontse-16: 16px;

    /* 1.41667rem */
    --text-fontse-17: 17px;

    /* 1.5rem */
    --text-fontse-18: 18px;

    /* 1.66667rem */
    --text-fontse-20: 20px;
    --text-fontse-22: 22px;

    /* 2rem */
    --text-fontse-24: 24px;

    /* 2.16667rem */
    --text-fontse-26: 26px;

    /* 2.33333rem */
    --text-fontse-28: 28px;
    --text-fontse-32: 32px;

    /* 3rem */
    --text-fontse-36: 36px;

    /* 3.3333rem */
    --text-fontse-40: 40px;

    /* 3.66667rem */
    --text-fontse-44: 44px;

    /* 4.16667rem */
    --text-fontse-50: 50px;

    /* 4.33333rem */
    --text-fontse-52: 52px;

    --text-fontse-56: 56px;

    --text-fontse-288: 288px;

    --text-fontse-480: 480px;

    --font-weight-300: 300;
    --font-weight-400: 400;
    --font-weight-500: 500;
    --font-weight-600: 600;

    /* 0.5rem */
    --padding-6: 6px;

    /* 0.83333rem */
    --padding-10: 10px;

    /* 1rem */
    --padding-12: 12px;

    /* 1.16667rem */
    --padding-14: 14px;

    /* 1.33333rem */
    --padding-16: 16px;
    --padding-20: 20px;

    /* 2rem */
    --padding-24: 24px;

    /* 2.66667rem */
    --padding-32: 32px;

    /* 3rem */
    --padding-36: 36px;

    /* 3.3333rem */
    --padding-40: 40px;

    --padding-44: 44px;

    /* 4rem */
    --padding-48: 48px;

    --padding-55: 55px;

    /* 5rem */
    --padding-60: 60px;

    --padding-64: 64px;

    --padding-80: 80px;

    /* 10rem */
    --padding-120: 120px;

    --padding-160: 160px;

    /* 20rem */
    --padding-240: 240px;

    /* 1rem */
    --margin-12: 12px;

    /* 1.16667rem */
    --margin-14: 14px;

    /* 1.33333rem */
    --margin-16: 16px;

    /* 1.83333rem */
    --margin-22: 22px;

    /* 2rem */
    --margin-24: 24px;

    /* 2.66667rem */
    --margin-32: 32px;

    /* 3rem */
    --margin-36: 36px;

    --margin-40: 40px;

    /* 4rem */
    --margin-48: 48px;

    --margin-55: 55px;

    /* 5rem */
    --margin-60: 60px;

    --margin-64: 64px;

    --margin-72: 72px;

    /* 6.66667rem */
    --margin-80: 80px;

    --margin-120: 120px;
    --margin-160: 160px;
    --margin-240: 240px;

    --height-17: 17px;

    --height-20_8: 20.8px;
    --height-22: 22px;

    /* 2rem */
    --height-24: 24px;

    /* 2.16667rem */
    --height-26: 26px;
    --height-27: 27px;

    /* 2.33333rem */
    --height-28: 28px;

    /* 2.5rem */
    --height-30: 30px;

    /* 2.66667rem */
    --height-32: 32px;

    --height-34: 34px;

    /* 3rem */
    --height-36: 36px;
    --height-40: 40px;

    /* 3.66667rem */
    --height-44: 44px;

    --height-60: 60px;
    --height-64: 64px;

    /* 4.4rem */
    --height-52_8: 52.8px;

    /* 6rem */
    --height-72: 72px;

    /* 6.33333rem */
    --height-76: 76px;
    --height-78: 78px;

    /* 6.66667rem */
    --height-80: 80px;

    /* 7rem */
    --height-84: 84px;

    /* 7.66667rem */
    --height-92: 92px;

    /* 8.33333rem */
    --height-100: 100px;

    --height-120: 120px;

    --height-111: 111px;
    --height-155: 155px;

    /* 13.33333rem */
    --height-160: 160px;

    /* 14.66667rem */
    --height-170: 170px;
    --height-193: 193px;

    --height-202: 202px;

    /* 17.66667rem */
    --height-212: 212px;

    /* 19.25rem */
    --height-231: 231px;

    /* 20rem */
    --height-240: 240px;
    --height-264: 264px;

    /* 23.6667rem */
    --height-284: 284px;

    /* 23.91667rem */
    --height-287: 287px;

    /* 25rem */
    --height-300: 300px;
    --height-309: 309px;

    --height-326: 326px;

    /* 28.66667rem */
    --height-344: 344px;

    /* 30rem */
    --height-360: 360px;

    /* 31.66667rem */
    --height-380: 380px;
    --height-384: 384px;

    /* 34.33333rem */
    --height-412: 412px;

    /* 35.33333rem */
    --height-424: 424px;
    --height-457: 457px;

    --height-518: 518px;

    /* 44.33333rem */
    --height-532: 532px;
    --height-600: 600px;
    --height-640: 640px;
    --height-690: 690px;

    --height-750: 750px;

    /* 65.166667rem */
    --height-782: 782px;

    /* 72.08333rem */
    --height-865: 865px;

    /* 52rem */
    --height-624: 624px;

    /* 53.41667rem */
    --height-641: 641px;
    --height-910: 910px;

    /* 80rem */
    --height-950: 950px;
    --height-960: 960px;
    --height-1775: 1775px;
}

@media screen and (min-width: 1440px) and (max-width: 1920px) {
    html,
    body {
        scroll-behavior: smooth;
        /* font-size: 10px; */
        font-size: calc(100vw / 120) !important;
        /* user-select: none; */
    }
}

@media screen and (min-width: 1920px) {
    html,
    body {
        scroll-behavior: smooth;
        font-size: 16px;
        /* font-size: calc(1920 / 120 ) !important; */
        /* user-select: none; */
    }
}

@media screen and (max-width: 1439px) {
    html,
    body {
        scroll-behavior: smooth;
        font-size: 12px;
        /* font-size: calc(1440 / 120 ) !important; */
        /* user-select: none; */
    }
}

ul li {
    list-style: none;
}

a {
    text-decoration: none;
    color: #000;
}

/* 适配范围及主体内容区样式 */
body {
    /* max-width: 1920px;
    min-width: 1440px; */
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    font-family: Arial, sans-serif;
    background: rgba(255, 255, 255, 1);
}

.container-body {
    max-width: var(--max-content-width);
    min-width: var(--min-content-width);
}

button {
    background: #ed6620;
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
    border-radius: 0.4px;
    border: none;
    display: flex;
    padding: var(--padding-12) 2rem;
    justify-content: center;
    align-items: center;
    gap: 0.66667rem;
    cursor: pointer;
}

.btn {
    width: 27.3rem;
}

.btn1:hover,
.btn2:hover {
    background: #ff8533;
    cursor: pointer;
}

.btn1,
.btn2,
.btn-a,
.zxBtn {
    font-size: var(--text-fontse-14);
}

.btn-a {
    /* padding: 0; */
    margin-left: 0.5rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #f0f0f0;
    color: rgba(0, 0, 0, 1);
    /* border: none !important; */
}

.btn-a a {
    /* padding: var(--padding-12) 2.4rem; */
    /* display: block; */
    display: flex;
    align-items: end;
    gap: 0.7rem;
    transition: none !important;
    border: none !important;
}

.btn-a a:hover {
    background: #f1edea;
    border: none !important;
    /* color: #fff; */
}

/* 隐藏滚动条两端的箭头按钮 */
::-webkit-scrollbar-button {
    display: none;
    /* 隐藏箭头 */
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 4px;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    transition: background 0.3s ease;
}

/* 隐藏垂直滚动条的上下箭头 */
::-webkit-scrollbar-button:vertical {
    display: none;
}

/* 隐藏水平滚动条的左右箭头 */
::-webkit-scrollbar-button:horizontal {
    display: none;
}

#footer {
    width: 100%;
}

.main-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (min-width: 1440px) and (max-width: 1920px) {
    /* .xinwen-box-item-one {
        width: 56rem !important;
    } */

    .more {
        align-items: flex-end !important;
    }

    .service-sjltfw {
        width: 22.2rem !important;
    }
    .service-dialog,
    .data-dialog {
        top: 60px !important;
    }
    .main-visual-box,
    /* .service-dialog, */
    .top-main,
    .consulting-box,
    .swiper-slide {
        padding: 0 var(--padding-calc) !important;
    }

    .service-context {
        padding-left: var(--padding-calc) !important;
        padding-right: 3.33333rem !important;
    }

    .get-data,
    .service-jiazi,
    .assessment-process-container,
    .service-features-container,
    .service-capacity-container {
        padding: var(--padding-120) var(--padding-calc) !important;
    }

    .bf-main,
    .our-service {
        padding: var(--padding-60) var(--padding-calc-40) !important;
    }
    .sjzq-main {
        padding: var(--padding-16) var(--padding-calc-40) !important;
    }

    .duowei,
    .quick-main,
    .partners-container,
    .ready-main,
    .sl-pt,
    .overview,
    .timeline-container,
    .service-main,
    .official,
    .lianxi,
    .partners-container,
    .scheduling-platform-container,
    .container,
    .pagination-container,
    .resj-main {
        padding: var(--padding-60) var(--padding-calc) !important;
    }

    .footer-container {
        padding: var(--padding-36) var(--padding-calc) !important;
        padding-bottom: 0;
    }
}

@media (min-width: 1440px) and (max-width: 1440px) {
    .bf-main,
    .our-service {
        padding: var(--padding-60) !important;
    }

    .sjzq-main {
        padding: var(--padding-16) 5rem !important;
    }
}

@media (min-width: 1441px) and (max-width: 1650px) {
    .bf-main,
    .our-service {
        padding: var(--padding-60) var(--padding-calc-55) !important;
    }

    .sjzq-main {
        padding: var(--padding-16) var(--padding-calc-55) !important;
    }
}

/* 宽度 >1920px：固定最大边距 */
@media (min-width: 1921px) {
    /* .xinwen-box-item-one {
        width: 56rem !important;
    } */

    /* .tese-one {
        width: 342px !important;
    }
    .tese-two-item {
        width: 547.5px !important;
    } */

    .service-dialog,
    .data-dialog {
        top: 3.7rem !important;
    }

    .get-data,
    .service-jiazi,
    .assessment-process-container,
    .service-features-container,
    .service-capacity-container {
        padding: var(--padding-120) var(--max-padding) !important;
    }

    .main-visual-box,
    /* .service-dialog, */
    .top-main,
    .consulting-box,
    .swiper-slide {
        padding: 0rem var(--max-padding) !important;
    }

    .service-context {
        padding-left: var(--max-padding) !important;
        padding-right: 3.33333rem !important;
    }

    .bf-main,
    .our-service {
        padding: var(--padding-60) 9.5rem !important;
    }

    .sjzq-main {
        padding: var(--padding-16) 9.5rem !important;
    }

    .duowei,
    .quick-main,
    .partners-container,
    .ready-main,
    .sl-pt,
    .overview,
    .timeline-container,
    .service-main,
    .official,
    .lianxi,
    .partners-container,
    .scheduling-platform-container,
    .container,
    .pagination-container,
    .resj-main {
        padding: var(--padding-60) var(--max-padding) !important;
    }

    .footer-container {
        padding: var(--padding-36) var(--max-padding) !important;
        padding-bottom: 0;
    }
}

@media (max-width: 1440px) {
    .xfsjzq-main {
        padding: var(--padding-60) 10rem !important;
    }

    /* .tese-one {
        width: 23.5rem !important;
    }
    .tese-two-item {
        width: 38.25rem !important;
    } */
}

/* @media (min-width: 1549px) and (max-width: 1919px) {
    .tese-one {
        width: 36rem !important;
    }
    .tese-two-item {
        width: auto !important;
    }
} */

.max-and-min-width {
    max-width: 1920px;
    min-width: 1440px;
}

.get-data-li-more-btn {
    display: flex;
    padding: 12px 12px 12px 16px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 100px;
    background: #fff;
    color: #000;
    font-family: "PingFang SC";
    font-size: var(--text-fontse-14);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    z-index: 1;
    position: relative;
}
#now-start .icon-arrow-down-s-line, .get-data-li-more-btn .icon-arrow-down-s-line, .get-data-now-btn .icon-arrow-down-s-line, .get-data-now-btn2 .icon-arrow-down-s-line, .get-data-li-more-a .icon-arrow-down-s-line {
    rotate: -90deg;
}