section ul li {
    transition: 0.3s all ease-in-out;
}

section ul li:hover {
    transform: translateY(-10px);
    box-shadow: 0 3px 14px 2px #0000000d, 0 8px 10px 1px #0000000f, 0 5px 5px -3px #0000001a !important;
}

.fourth ul li {
    padding: 0 !important;
    margin: 0 !important;
    flex: none !important;
}

.fourth ul {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(auto-fill, minmax(548px, 1fr));
}

.afterSales-Online-card:hover {
    border-bottom: 0 !important;
}

.afterSales-Online-card-box-notification {
    position: fixed !important;
    top: 10% !important;
}

#infom .infom {
    padding: 80px 0px;
}

.infomt .title {
    color: var(--Color-Text-Title, #171b25);

    /* 28_H2/🔺EN-600 */
    font-family: "Red Hat Display";
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    /* 128.571% */
    margin-bottom: 8px;
}

.infom-bottom-ij {
    width: calc(35.46% - 40px);
    height: 240px;
    margin-right: 24px;
    border-radius: 8px;
    background: #fff;
    padding: 32px;
}

.infom-bottom-ij:nth-child(3) {
    margin-right: 0;
}

.infom-bottom-bt {
    width: calc(50% - 12px);
    height: 240px;
    padding: 48px 64px;
    display: flex;
    background: #fff;
    margin-top: 24px;
    margin-right: 24px !important;
    display: flex;
    align-items: center;
}

.infom-bottom-bt:nth-child(2) {
    margin-right: 0 !important;
}

.infp-bottom-bt-title {
    color: var(--Color-Text-Title, #171b25);
    text-align: left;
    /* 18_H6/🔺EN-500 */
    font-family: "Red Hat Display";
    font-size: 18px;
    font-style: normal;
    font-weight: 467;
    line-height: 26px;
    /* 144.444% */
    margin-bottom: 6px;
}

/* .w-396 {
    width: 413px !important;
  } */
.infp-bottom-bt-p {
    color: var(--Color-Text-T2, #61687c);

    /* 14_T2/🔺EN-400 */
    font-family: "Red Hat Display";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    /* 157.143% */
}

.iconfo {
    width: 80px;
    height: 80px;
    margin-right: 48px;
}

.infom-bottom-title {
    color: var(--Color-Text-Title, #171b25);
    /* 36_Display XS/💎EN-Title */

    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 44px;
    /* 122.222% */
    margin-bottom: 12px;
}

.infom-bottom-info {
    color: var(--Color-Text-Title, #171b25);
    text-align: left;
    /* 18_H6/🔺EN-500 */
    font-family: "Red Hat Display";
    font-size: 18px;
    font-style: normal;
    font-weight: 467;
    line-height: 26px;
    /* 144.444% */
    margin-bottom: 6px;
}
.infom-bottom-info:last-child{
    margin-right: 0 !important;
}

.infom-bottom-p {
    color: var(--Color-Text-T2, #61687c);
    /* 14_T2/🔺EN-400 */
    font-family: "Red Hat Display";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    /* 157.143% */
}

#infom-bottom {
    background: #f6f7f8;
}

.info-klkj {
    display: flex;
    flex-wrap: wrap;
}

.infomt p {
    color: var(--Color-Text-T1, #414960);

    /* 16_T1/🔺EN-400 */
    font-family: "Red Hat Display";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}

.history h2 {
    font-size: 40px;
    margin-bottom: 50px;
}

.inforight {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.infomt {
    margin-bottom: 64px;
}

.infomt:nth-child(3) {
    margin-bottom: 0px;
}

#infom .infom h2 {
    margin-bottom: 64px;
}

.infom .leftdf {
    width: 544px;
    height: 472px;
    margin-right: 84px;
}

/* 大pad */
@media screen and (min-width: 1024px) and (max-width: 1199px) {
    .fourth ul {
        grid-template-columns: repeat(auto-fill, minmax(432px, 1fr));
    }
    .w-1120 {
        width: 888px;
    }
    .infom-bottom-ij{
        padding:16px;
    }
    .infom-bottom-bt{
        padding: 28px 16px;
    }
    .fs-40 {
        font-size: 28px;
    }

    .lh-48 {
        font-size: 36px;
    }

    .fs-36 {
        font-size: 24px;
    }

    .lh-44 {
        line-height: 32px;
    }

    .pt-80 {
        padding-top: 68px;
    }

    .pb-80 {
        padding-bottom: 68px;
    }

    .pt-64 {
        padding-top: 44px;
    }

    .pb-64 {
        padding-bottom: 44px;
    }

    .pd-64 {
        padding: 36px;
    }

    .mb-24 {
        margin-bottom: 16px;
    }

    .fs-16 {
        font-size: 14px;
    }

    .lh-24 {
        line-height: 22px;
    }

    #secondly ul li {
        margin-right: 12px;
    }

    #secondly ul li a {
        padding: 6px 12px;
    }

    #thirdly ul li {
        width: 49%;
    }

    #infom .infom {
        padding: 40px 44px;
    }

    .infom .leftdf {
        height: 402px;
    }
    .info-klkj{
        padding-left: 24px;
    }
}

/* 小pad */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    #infom .infom {
        padding: 40px 44px;
    }

    .infom .leftdf {
        height: 402px;
    }

    /* .w-1120{
        width: 680px;
    } */
}

/* 移动端 */
@media (max-width: 1023px) {
    #infom {
        height: auto;
    }

    #infom .infom {
        width: 100%;
        padding: 9.267vw 16px;
        margin-bottom: 0;
        padding-bottom: 6vw;
    }

    #infom .infom h2 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 32px;
    }

    #infom .infom .df {
        display: block;
    }

    #infom .leftdf {
        width: 100%;
        height: auto;
    }

    .inforight {
        margin-top: 16px;
    }

    .infomt {
        margin-bottom: 16px;
    }

    .infomt .title {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 8px;
    }

    .infomt p {
        font-size: 12px;
        line-height: 20px;
    }

    .infom-bottom-bt {
        padding: 20px;
        display: block;
        height: auto;
      }
      .infp-bottom-bt-title {
        font-weight: 600;
      }
      .infom-bottom-bt,
      .infom-bottom-ij {
        width: 100%;
      }
      .infom {
        padding: 10.33vw 16px;
      }
      .infom-bottom-title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 8px;
      }
      .info-klkj {
        margin-top: 16px;
      }
      .infom-bottom-ij {
        margin-bottom: 16px;
        margin-right: 0;
    
        padding: 20px;
        height: auto;
      }
      .info-klkj {
        display: block;
      }
      .infom-bottom-ij:nth-child(5) {
        margin-bottom: 0px;
      }
    .w-309 {
        width: 100%;
    }

    .w-320 {
        width: 100%;
    }

    #banner {
        height: 100vw;
    }

    .banner-text {
        padding-top: 30%;
    }

    .banner-text h1 {
        font-size: 9.6vw;
        line-height: normal;
        margin-bottom: 5.33vw;
    }

    .banner-text p {
        font-size: 3.733vw;
        line-height: normal;
    }

    #secondly {
        padding: 7.467vw 4.267vw;
    }

    #secondly .secondly {
        width: 100%;
        height: auto;
        display: block;
    }

    .secondly-left {
        min-width: 100%;
        width: 100%;
        height: auto;
    }

    .secondly-left img {
        height: auto;
    }

    .secondly-right {
        padding: 6.400vw;
    }

    .secondly-right h2 {
        font-size: 5.33vw;
        line-height: normal;
        margin-bottom: 4.267vw;
        text-align: center;
    }

    .secondly-right p {
        font-size: 3.200vw;
        line-height: normal;
        margin-bottom: 4.267vw;
        text-align: center;
    }

    .secondly-right ul {
        display: block;
    }

    .secondly-right ul li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 4.267vw;
    }

    #thirdly {
        padding: 7.467vw 4.267vw;
    }

    .thirdly h2 {
        font-size: 5.33vw;
        line-height: normal;
        margin-bottom: 4.267vw;
        text-align: center;
    }

    .thirdly ul {
        display: block;
    }

    .thirdly ul li {
        height: auto;
        margin-bottom: 5.333vw;
        padding: 6.400vw;
    }

    #fourth {
        padding: 7.467vw 4.267vw;
    }

    #fourth h2 {
        font-size: 5.33vw;
        line-height: normal;
        margin-bottom: 4.267vw;
        text-align: center;
    }

    #fourth ul {
        display: block;
    }

    .fourth ul li {
        margin-bottom: 5.333vw !important;
        height: auto;
    }

    .fourth ul li a {
        padding: 7.467vw 4.267vw;
    }

    .container-f {
        background-color: #fff;
    }
    .iconfo {
        width: 40px;
        height: 40px;
        margin-right: 24px;
    }
    .iconfo svg {
        width: 40px;
        height: 40px;
        
    }
}

.secondly-right svg{
    min-width: 18px;
}
@media (max-width: 767px){
    .iconfo {
        width: 40px;
        height: 40px;
        margin-right: 24px;
    }
    .iconfo svg {
        width: 40px;
        height: 40px;
        
    }
    .infom{
        padding-top:4.267VW;
        padding-bottom: 6.267VW;
    }
    .afterSales-Online-card-box li a{
        flex-direction: column;
    }
    .afterSales-Online-card-box li a .mr-48{
        margin-right: 0;

    }
    .infom .fs-48 {
        font-size: 5.3vw;
        line-height: normal;
    }
    
    #fourth, #thirdly  {
        padding: 0 4.267vw;
        padding-bottom: 3.367vw;
    }

    #fourth h2,#thirdly h2 {
        font-size: 5.33vw;
        line-height: normal;
        margin-bottom: 12.267vw;
        text-align: center;
    }
    
}