@media (max-width:768px) {
    .header {
        display: none !important;
    }

    .m-header {
        display: block;
    }

    .header-placeholder {
        display: none !important;
    }

    .main-container .row {
        margin: 0 15px;
    }

    .font70 {
        font-size: 60px;
    }

    .font55 {
        font-size: 46px;
    }

    .font35 {
        font-size: 30px;
    }

    .navbar-dark .navbar-brand {
        width: 40%;
    }

    .animate-box {
        transition: all 0.3s ease-out;
    }

    .home-page-one .wrapper,
    .home-page-two .wrapper,
    .home-page-three .wrapper,
    .home-page-four .wrapper {
        margin: 0 15px;
    }

    .home-page-one,
    .home-page-two,
    .home-page-three,
    .home-page-four {
        height: 100vh;
        padding: 60px 0 0 0;
    }

    .home-page-five .news-page .page-top {
        margin: 0 15px;
    }

    .home-page-five .news-banner .swiper {
        height: auto;
    }

    .home-page-five .company-page {
        margin-top: 60px;
    }

    .home-page-five .number-data {
        margin: 40px auto;
    }

    .service-page-two .iconbar {
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
    }

    .service-tab .tab-item {
        margin: 0 20px;
    }

    .pre-sales .form-box .row .col-md-4 {
        margin-bottom: 40px;
    }

    .product-page-one .iconbar {
        margin: 40px 15px 0;
    }

    .product-page-one .iconbar ul {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }

    .product-page-one .iconbar ul li {
        margin: 0;
    }

    .product-page-one .page-content {
        margin-top: 35px;
    }

    .product-page-one .page-content br,
    .service-page-two .text-wrap br {
        display: none;
    }

    .product-content .product-item .row .col-md-6:last-child {
        margin-top: 15px;
    }

    .product-content .product-item .row:last-child .col-md-12 {
        margin: 0;
    }

    .footer .foot-sub-title {
        font-size: 38px;
        margin: 40px auto;
        line-height: 1.2;
    }

    .inner-banner {
        height: 450px;
    }

    .inner-banner .inner-txt {
        padding-top: 120px;
    }

    .service-page-two .iconbar li {
        padding: 15px;
        height: auto;
    }


    .service-page-two .iconbar li .icon {
        width: 49px;
        height: 33.5px;
    }

    .service-page-two .iconbar li:nth-child(2) .icon {
        width: 34px;
        height: 33px;
    }

    .service-page-two .iconbar li:nth-child(3) .icon {
        width: 39px;
        height: 33.5px;
    }

    .service-page-two .iconbar li:nth-child(4) .icon {
        width: 35.5px;
        height: 33.5px;
    }

    .service-page-two .iconbar li:nth-child(5) .icon {
        width: 33px;
        height: 33.5px;
    }

    .service-page-two .iconbar li .txt {
        margin-top: 20px;
    }

    .form-box {
        padding: 30px 15px;
    }

    .form-box button {
        margin-top: 40px;
    }

    .form-box .row,
    .form-box .row .col-md-4 {
        margin-bottom: 20px;
    }

    .after-sale .service-content .sale-list,
    .after-sale .sale-process .process-list,
    .about-page-one .number-bar {
        grid-template-columns: repeat(2, 1fr);
    }

    .about-page-one {
        padding-bottom: 80px;
    }

    .about-page-one .wrap {
        padding: 0;
        margin-top: 120px;
    }

    .about-page-one .about-img {
        top: 20px !important;
        width: 100% !important;
    }

    .about-page-one .number-bar {
        gap: 20px;
    }

    .about-brand {
        height: 520px;
    }

    .about-brand .brand-logo {
        top: 310px;
    }

    .about-page-two {
        padding: 80px 0 40px 0;
    }

    .about-page-two .page-img {
        top: 0;
        position: relative;
    }

    .about-page-two .text {
        margin-top: 15px;
        padding-bottom: 20px;
    }

    .business {
        padding: 40px 0;
    }

    .honor-swiper .swiper-slide img {
        height: auto;
    }

    .floding-wrapper {
        padding-top: 90px;
    }

    .floding-wrapper .iconbar,
    .single-page-one .iconbar {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .floding-wrapper .iconbar li {
        padding-top: 25px;
    }

    .inner-banner.single-face .inner-txt {
        padding-top: 40px;
    }

    .inner-banner .inner-txt h3 {
        font-size: 32px;
    }

    .inner-banner .inner-txt .en {
        font-size: 18px;
    }



    .inner-banner.intelligent {
        height: 475px;
        background-size: cover;
        background-position-x: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .inner-banner.intelligent .inner-txt {
        padding-top: 0;
    }

    .intel-text-wrap br {
        display: none;
    }

    .intelligent-page-one {
        padding-top: 40px;
    }

    .intelligent-page-one .iconbar {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
        margin-top: 30px;
    }

    .intelligent-page-one .page-title h3,
    .intelligent-page-two .page-title h3,
    .intelligent-page-three .page-title h3 {
        font-size: 32px;
    }

    .intelligent-page-two {
        padding: 60px 0;
    }

    .intelligent-page-two ul {
        gap: 15px;
        grid-template-columns: repeat(2, 1fr);
        margin: 20px 0;
    }

    .intelligent-page-three,
    .paper-page-one,
    .paper-page-two,
    .honor {
        padding: 60px 0;
    }

    .intelligent-page-three .iconbar {
        grid-template-columns: repeat(3, 1fr);
    }

    .intelligent-page-three .iconbar li {
        padding: 15px 10px;
    }

    .intelligent-page-three .picture-wall {
        gap: 10px;
    }

    .intelligent-page-three .picture-wall img,
    .intelligent-page-three .picture-wall .row1-col1 img,
    .intelligent-page-three .picture-wall .row1-col2 img {
        height: 100px;
    }

    .inner-banner.paper-borad {
        height: 475px;
    }

    .inner-banner.paper-borad .inner-txt {
        padding-top: 120px;
    }

    .paper-page-one .content {
        padding: 0;
    }

    .paper-page-one .content .col-md-5 img {
        margin: 20px auto;
    }

    .paper-page-two .row {
        margin-bottom: 40px;
    }

    .paper-page-two img {
        margin: 20px auto;
    }

    .paper-page-two .cont-wrap {
        padding-bottom: 30px;
    }

    .paper-page-two .row:nth-child(2) {
        padding: 0;
    }

    .top-news {
        margin: 60px auto;
        padding: 0;
    }

    .top-news .news-content {
        padding: 15px;
    }

    .list-news {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .list-news li {
        padding: 10px;
    }

    .list-news li .picture {
        height: 90px;
    }

    .list-news li .content h3 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .list-news li .content {
        margin-top: 15px;
    }

    .list-news-page {
        margin-bottom: 60px;
    }

    .news-details {
        padding: 60px 15px;
    }

    .news-details .title {
        font-size: 24px;
        line-height: 1.5;
    }

   .contact-page {
        height: auto;
        padding: 60px 0;    
        background-size: cover;
    }
    
    .company-infos .company-box{
        display: block!important;
        /* flex-direction: column;
        justify-content: space-between; */
    }
    .company-infos .company-box .item{
        width: 90%;
        max-width: unset!important;
        flex: 1;
        margin: 0 auto;
    }
    .company-infos .company-box .item:nth-child(2){
        margin: 60px auto;
    }

    .contact-page .contact-infos {
        gap: 10px;
        row-gap: 30px;
        margin-top: 60px;
    }

    .contact-page .contact-infos li .value {
        font-size: 16px;
    }

    .company-map {
        height: 400px;
    }

    .product-page-two .ctrol-box {
        overflow-x: scroll;
    }

    .home-video .content h3 {
        font-size: 24px;
    }

    .home-video .content img {
        margin-right: 20px;
    }

    .intelligent-page-one .iconbar li {
        padding: 10px;
    }

    .about-brand .page-title .sub {
        font-size: 14px;
    }

    .footer .copyright {
        font-size: 14px;
        line-height: 2;
    }

    .indicator-wrap {
        display: none;
    }
    .single-page-two{
        padding-top: 480px;
        padding-bottom: 40px;
    }
    .mobile-indicator-wrap {
        display: block !important;
        position: relative;
        
    }

    .mobile-indicator-wrap .ctrl-img {
        width: 60px;
        position: absolute;
    }

    .mobile-indicator-wrap .ctrl-img.l-img {
        left: 8%;
        top: -20%;
    }
    .mobile-indicator-wrap .ctrl-img.c-img {
        left: 55%;
        top: 20%;
    }
    .mobile-indicator-wrap .ctrl-img.r-img {
        right: -2%;
        top: 20%;
    }
    .mobile-indicator-wrap .card-wrap {
        position: absolute;
        top: -350%;
        padding: 10px;
        width: 90vw;
        border-radius: 10px;
        opacity: 0;
        transition: all 0.3s ease-out;
    }
    .mobile-indicator-wrap .card-wrap.card-right{
        top: -250%;
    }
    .mobile-indicator-wrap .card-wrap .title {
        border-bottom: 1px solid #D9D9D9;
        font-size: 18px;
        font-weight: 700;
        color: #D61619;
        padding-bottom: 7px;
    }

    .mobile-indicator-wrap .card-wrap ol {
        list-style: disc;
        margin-top:15px;
        padding-left: 15px;
        font-size: 12px;
        color: #474747;
    }

    .mobile-indicator-wrap .card-wrap ol li {
        line-height: 24px;
    }
}


/* 桌面端 (≥1280px) */
@media (min-width: 1280px) {
    .container {
        max-width: 1200px;
    }

    .product-page-two .ctrol-box svg {
        width: 100%;
        height: auto;
    }

    .about-page-two .page-img {
        max-width: 840px;
    }
    .mobile-indicator-wrap {
        display: none;
    }
}


@media (max-width: 1440px) {
    .about-page-one .about-img {
        width: 49vw;
        top: 15%;
    }

    .about-page-two .page-img {
        width: 60vw;
        top: 23%;
    }

    .mobile-indicator-wrap {
        display: none;
    }

    .indicator-wrap .card-wrap.card-right {
        transform: translateX(5%) !important;
        top: -200%;
    }

    .indicator-wrap .card-wrap.card-left {
        transform: translateX(-30%);
        left: 0;
    }
}

@media (min-width:1440px) and (max-width:1919px) {

    .indicator-wrap .card-wrap.card-right {
        transform: translateX(20%) !important;
    }

    .mobile-indicator-wrap {
        display: none !important;
    }
}

@media (min-width: 1920px) {
    .container {
        max-width: 1560px;
    }

    .main-container {
        max-width: 1440px;
    }

    .home-page-one,
    .home-page-two,
    .home-page-three,
    .home-page-four,
    .product-page-one {
        background-size: cover;
        /* 或 contain */
        background-position: center;
    }

    .home-page-five .company-picture {
        width: 100%;
    }

    .honor-swiper .swiper-slide img {
        height: 300px;
    }

    .about-brand .mountain {
        width: 100%;
    }

    .about-page-two .page-img {
        max-width: 950px;
    }

    .about-page-one .wrap {
        padding-right: 54px;
    }

    .mobile-indicator-wrap {
        display: none !important;
    }
}