/* 常用纵横比处理 */
/* pc端--------------pc端----------pc端 */

/* 1920x1080 1920x1200（16/10）*/
@media only screen and (min-aspect-ratio: 16/9),
only screen and (min-aspect-ratio: 15/10) {
    html {
        font-size: 0.833333vw;
        --home-content4_slide_move-width: 13vw;
    }
}

/* 1920x945*/
@media only screen and (min-aspect-ratio: 2.03/1) {
    html {
        font-size: 0.69vw;
        --home-content4_slide_move-width: 11vw;
    }
}

/* 2560x1080 */
@media only screen and (min-aspect-ratio: 21/9) {
    html {
        font-size: 0.65vw;
        --home-content4_slide_move-width: 10.3vw;
    }

    #about #section4 {
        padding-top: 9rem;
    }
}

/* 3840x1080*/
@media only screen and (min-aspect-ratio: 32/9) {
    html {
        font-size: 0.44vw;
        --home-content4_slide_move-width: 7.04vw;
    }

    #about #section1 .left {
        flex: 1 !important;
    }

    #about #section1 .right {
        flex: 5 !important;
    }

    #about #section4 {
        padding-top: 5rem;
    }
}

/* 1024x768 */
@media only screen and (max-aspect-ratio: 4/3) {
    html {
        font-size: 0.83vw;
        --home-content4_slide_move-width: 13.04vw;
    }

    #home #content1 .top,
    #content2 .top,
    #content3 .top,
    #content4 .top,
    #content5 .top {
        margin-top: 10rem;
    }

    #home #content1 .itemsCon {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    #home #content2 .conWarp {
        display: grid !important;
        gap: 2.8125rem 2rem;
        grid-template-columns: repeat(2, 1fr);
    }

    #content2 .childItm:hover {
        margin-top: -1.375rem;
        margin-bottom: 1.375rem;
    }

    #home #content2 .childItm {
        flex-direction: row-reverse !important;
        align-items: center;
    }

    #home #content2 .bottomWarp {
        flex: 2 !important;
        padding-top: 0 !important;
    }

    #home #content2 .topWarp {
        flex: 1 !important;
    }

    #home #content2 .childItm .con {
        font-size: 1.3rem;
    }

    #home #content2 .childItm .imageSty {
        margin-left: auto;
    }

    #home #section4 #content4 .headCount {
        margin-top: 3%;
    }

    #home #content4 .moveWarp {
        margin-bottom: 3%;
    }

    #about #section3 .content3 .line .circle {
        top: calc(2.1rem / -2);
    }
}

/* 折叠屏3 3184 * 2232 （1.43/1） (706.42 PPI)*/
@media only screen and (min-aspect-ratio: 4.0001/3) and (max-aspect-ratio: 1.5/1) {
    html {
        /* 2.5rem --66px  1rem --26.4px */
        font-size: 0.829146vw;
        --home-content4_slide_move-width: 13.04vw;
    }

    #menu .navbar .nav-link {
        font-size: 1.25rem;
    }

    #home #content1 .top,
    #content2 .top,
    #content3 .top,
    #content4 .top,
    #content5 .top {
        margin-top: 10rem;
    }

    #home #section0 #content0 .slideItem .top .text-48px,
    #home #content4 .gradient-text {
        font-size: 4.015152rem !important;
    }

    #home #section0 #content0 .slideItem .top .text-33px {
        font-size: 2.31rem !important;
        letter-spacing: 5.4px;
    }

    #home #section0 #content0 .listGroup .title {
        font-size: 1.629rem;
    }

    #home #content1 .itemsCon {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    #home #content1 .itemsCon>div {
        gap: 1.74rem;
    }

    #home #content2 .childItm>div:nth-child(2) {
        margin: auto;
    }

    #home #content2>div>div:last-child {
        margin: 2% 0 3%;
    }

    #home #content3 .conWarp .desc .descItem .title {
        font-size: 2rem !important;
    }

    #home #content4 .moveWarp {
        justify-content: start !important;
        margin-top: 3%;
    }

    #home #content5 .moveWarp {
        padding-bottom: 10%;
    }

}

/* 折叠屏2 2048 * 2232 （0.92/1） (550.53 PPI)*/
@media only screen and (max-aspect-ratio: 0.92/1) and (min-width: 769px) {
    html {
        /* 2.5rem --66px  1rem --26.4px */
        font-size: 1.289062vw;
        --home-content4_slide_move-width: 22vw;
    }

    #menu .navbar .nav-item:not(:last-child) {
        margin-right: 1.125rem;
    }

    #home #content1 .top,
    #home #content2 .top,
    #home #content3 .top,
    #home #content4 .top,
    #home #content5 .top {
        margin-top: 10rem;
    }

    #home #section0 #content0 .slideItem .top .text-48px,
    #home #content4 .gradient-text {
        font-size: 3.333333rem !important;
    }

    #home #section0 #content0 .slideItem .top .text-33px {
        font-size: 1.879699rem !important;
        letter-spacing: 5.4px;
    }

    #home #section0 #content0 .listGroup {
        grid-template-columns: repeat(3, 1fr);
    }

    #home #section0 #content0 .listGroup>div:nth-child(3) {
        display: none;
    }

    #home #section0 #content0 .listGroup .title {
        font-size: 1.629rem;
    }

    #home #content1 .itemsCon>div>div,
    #home #content1 .itemsCon .conItm .title,
    #home #content1 .itemsCon .con {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;

    }

    #home #content1 .itemsCon .conItm .title,
    #home #content1 .itemsCon .con {
        width: 60%;
    }

    #home #content1 .itemsCon .conItm>div {
        background-size: auto 85%;
    }

    #home #content1 .itemsCon .conItm.con_item_last>div {
        background-size: auto 55%;
    }

    #home #content2 .childItm .con {
        font-size: 1rem;
    }

    #home #content2 .childItm .title {
        font-size: 1.780302rem !important;
    }

    #home #content3 .conWarp {
        position: relative;
        margin-top: 4%;
        flex: 0 !important;
    }

    #home #content3 .conWarp .square {
        overflow: visible;
        width: 29.125rem;
        padding-bottom: 0;
    }

    #home #content3 .conWarp .square,
    #home #content3 .conWarp .square img,
    #home #content3 .conWarp .desc,
    #home #content3 .conWarp .desc .descItem {
        position: static;
        height: 100%;
    }

    #home #content3 .conWarp .desc {
        padding-bottom: 0;
        overflow: hidden;
        height: 29.125rem;
        margin: 0
    }

    #home #content3 .conWarp .desc .descItem>div:last-child {
        position: absolute;
        bottom: -23rem;
        left: 0;
        right: 0;
    }

    #home #content5 .move {
        padding-bottom: 10%;
        transform: translateX(-8%) scale(0.68);
    }

    #home #content6 .conWarp {
        transform-origin: left center;
        transform: translateX(9%) scale(0.7);
        width: 118% !important;
    }

    /* 二级菜单 */
    #about .w-56,
    #groupInfo .w-56,
    #groupInfo .w-56,
    #product .w-56,
    #solution .w-56{
        width: 86%;
    }

    #about #section3 .topHav img {
        height: 32vh;
        object-fit: cover;
    }
    #product #section0 #content0 .content0_img{
        height: 70%;
    }
    #solution #section0 .bgImg {
        height: 42vh !important;
        object-fit: fill;
    }
}

/* 移动端 */
/* 首页-------------- */
@media screen and (max-width: 768px) {
    html {
        font-size: 1.6vw;
        --home-content4_slide_move-width: 17vw;
        /* 22vw */
        --home-content4_slide_total: 6;
        --solution-content3_move-width: 30vw;
    }

    #home #content1 .top,
    #content2 .top,
    #content3 .top,
    #content4 .top,
    #content5 .top {
        margin-top: 4rem;
        padding-top: 2.875rem;
    }

    #home #content1 .itemsCon {
        justify-content: start;
    }

    #home #content2 .childItm {
        flex-direction: column !important;
    }

    #home #content2 .topWarp {
        flex: 0 !important;
    }

    #home #content2 .conWarp .childItm .bottomWarp {
        padding-top: 1.5rem !important;
        margin: auto;
    }

    #home #content2 .conWarp .childItm .bottomWarp>div:nth-child(1) {
        padding-bottom: 1.5rem !important;
    }

    #home #content5 .moveWarp .move .imgWarp img {
        /* width: 13rem !important; */
        width: 10.8rem !important;
    }

    #home #section3 #content3 .conWarp {
        width: 70% !important;
    }

    #about #section3 .content3 .line .circle {
        top: calc(2.3rem / -2);
    }

    #solution #section0 .bgImg {
        height: 36vh !important;
    }

    #groupInfo #section1 .content1 {
        grid-template-columns: repeat(2, 1fr);
    }

    /* ai客服组件 */
    .chat-wrap {
        right: 6rem !important;
    }
}

@media screen and (max-width: 538px) {
    html {
        font-size: 2.6vw;
        --home-content4_slide_move-width: 33.04vw;
        --home-content4_slide_total: 6;
    }

    #home #section3 #content3 .conWarp {
        width: 85% !important;
    }

    #home #content5 .moveWarp .move .imgWarp img {
        width: 9rem !important;
    }

    #groupInfo #section1 .content1 {
        grid-template-columns: repeat(1, 1fr);
    }

    #solution #section0 .bgImg {
        height: 25vh !important;
    }
}