@media screen and (max-width: 768px) {
    body {
        padding-top: 59px;
    }

    .header {
        display: none !important;
    }

    .m-header {
        display: block !important;
    }

    .module-title,
    .public-head h3 {
        font-size: 28px;
    }

    .swiper.home-banner .swiper-pagination {
        bottom: 20px;
    }

    .swiper.home-banner .swiper-pagination-bullet {
        width: 5px;
        height: 5px;
        margin: 0 5px;
    }

    .swiper.home-banner .swiper-pagination-bullet-active {
        width: 50px;
        border-radius: 10px;
    }

    .home-banner .swiper-slide .mask {
        padding-top: 10px;
    }

    .home-banner .swiper-slide .mask .title {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .home-banner .swiper-slide .mask .sub-title {
        font-size: 14px;
    }

    .home-product {
        height: auto;
        padding: 40px 0;
    }

    .home-product .show-product-item .iconbar {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
        margin-bottom: 20px;
    }

    .home-product .show-product-item .iconbar li {
        margin-right: 0;
    }

    .home-product .module-title {
        margin-bottom: 30px;
    }

    .home-product .bottom {
        padding: 0 15px;
        margin-top: 20px;
    }

    .home-product .show-product-item .product-name {
        font-size: 24px;
    }

    .advantages {
        background-size: cover;
    }

    .advantages .iconbar {
        height: 345px;
    }

    .advantages .public-head {
        width: 100%;
        padding: 0 15px;
        top: 30px;
    }

    .advantages .iconbar .item {
        padding-top: 120px;
    }

    .advantages .iconbar .item .iconfont {
        font-size: 32px;
    }

    .advantages .iconbar .item .txt {
        font-size: 12px;
        text-align: center;
    }

    .advantages .public-head h3 {
        height: auto !important;
        line-height: 1 !important;
    }

    .home-about {
        height: 70vh;
        background-size: cover;
    }

    .footer {
        padding: 40px 0 20px;
    }

    .footer .company-infos {
        margin: 40px auto 30px;
    }

    .footer .copyright {
        margin-top: 20px;
    }

    .product-banner {
        width: 100%;
        height: auto;
        padding: 20px 0 0;
        min-height: 240px;
        background-size: contain !important;
    }

    .product-banner .line {
        margin: 10px 0;
    }

    .product-banner h3 {
        font-size: 18px;
    }

    .product-banner .name {
        font-size: 16px;
    }

    .pro-page-one {
        padding: 0 0 40px 0;
    }

    .pro-page-one .desc {
        margin: 20px auto;
    }

    .pro-page-one .en-name {
        font-size: 24px;
    }

    .pro-page-one .name {
        font-size: 32px;
    }

    .pro-page-one .parameter {
        margin: 20px auto;
    }

    .feature {
        height: 240px;
    }

    .feature-bg {
        height: 100%;
        background-size: contain;
    }

    .feature.active .feature-bg {
        background-size: contain;
        height: 100%;
    }

    .feature-bg.sl-feature-bg {
        background-size: contain;
    }

    .feature .wrapper {
        top: 50px;
        left: 15px;
    }

    .feature .wrapper .tit {
        font-size: 24px;
    }

    .feature .wrapper .desc {
        width: 60%;
    }

    .accessory {
        margin: 40px auto;
    }

    .acces-banner .swiper-slide .mask {
        font-size: 14px;
    }

    .technology {
        padding: 40px 0;
    }

    .technology .model-card {
        height: auto;
    }

    .technology .model-card .card-pic img {
        left: -10px;
    }

    .technology .model-card .card-content {
        padding: 20px 30px;
    }

    .model-table .table thead tr th:first-child,
    .model-table .table tbody tr td:first-child {
        padding-left: 15px;
        width: 45%;
    }

    .about-bannner {
        height: auto;
        background-size: contain;
        padding-top: 20px;
        padding-bottom: 30px;
    }

    .about-bannner h3 {
        font-size: 24px;
    }

    .about-bannner p {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .about-bannner .iconfont {
        font-size: 30px;
    }

    .about-page-one,
    .history {
        margin: 40px 0;
        padding: 0;
    }

    .about-page-one .content {
        margin-bottom: 20px;
    }

    .history .time-line .content .show-details .year {
        font-size: 48px;
    }

    .history .time-line .content .show-details .description {
        line-height: 1.2;
    }

    .history .time-line .content .show-details .line {
        margin: 0 15px;
        height: 70px;
    }

    .history .time-line .content .ctrl-wrap {
        top: 100%;
        transform: translateY(50%);
        justify-content: center;
    }

    .history .time-line .content .ctrl-wrap .arrow {
        margin: 0 15px;
        width: 30px;
        height: 30px;
    }

    .history .time-line .content .ctrl-wrap .arrow .iconfont {
        font-size: 18px;
    }

    .history .time-line {
        margin-top: 30px;
    }

    .timeline-scale {
        margin-top: 60px;
    }

    .about-friend {
        height: auto;
        padding: 40px 0;
        background-size: cover;
    }

    .about-friend .friend-wrap {
        margin-top: 30px;
    }

    .about-world {
        height: auto;
        padding: 40px 0;
        background-size: cover;
    }

    .inner-banner {
        height: 240px;
        background-size: cover;
        padding: 15px 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

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

    .inner-banner .inner-txt .title {
        font-size: 32px;
        margin-bottom: 15px;
    }

    .inner-banner .inner-txt .sub {
        font-size: 24px;
    }

    .news-wrapper {
        padding: 40px 0;
    }

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

    .news-details-wrapper {
        padding: 40px 15px;
    }

    .news-details-wrapper .title {
        font-size: 32px;
    }

    .navbar {
        background: #FF571F;
    }

    .navbar .navbar-brand img {
        height: 30px;
    }

    .industry {
        height: auto;
        padding: 40px 0;
        background-size: cover;
    }

    .industry .wrapper {
        flex-direction: column !important;
    }

    .industry .wrapper .item {
        margin-bottom: 20px;
    }

    .industry .wrapper .item .icon {
        width: 60px;
        height: 60px;
    }

    .industry .wrapper .item .icon::after {
        width: 50px;
        height: 50px;
    }

    /* .industry .wrapper .item.active>div,
    .industry .wrapper .item:hover>div {
        width: 140px!important;
        height: 140px!important;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .industry .wrapper .item.active,
    .industry .wrapper .item:hover {
        width: 140px;
        height: 140px;
        transform: translateY(-30%);
    }
    .industry .wrapper .item .icon .iconfont {
        font-size: 24px;
    }
    .industry .wrapper .item.active .desc,
    .industry .wrapper .item:hover .desc {
        width: 80px;
        display: none;
    }
    .industry .wrapper .item .title {
        margin: 10px auto 8px;
        font-size: 14px;
    }
    .industry .wrapper .item.active .icon .iconfont,
    .industry .wrapper .item:hover .icon .iconfont {
        font-size: 32px;
    } */
    .after-sale {
        padding: 40px 0;
    }

    .after-sale .card-wrap {
        margin-top: 30px;
        grid-template-columns: repeat(1, 1fr)
    }

    .training {
        margin-top: 40px;
    }

    .training .left-wrap {
        margin-bottom: 20px;
        padding-bottom: 10px;
    }

    .global-service {
        padding: 40px 0;
    }

    .contact-bannner h3 {
        word-break: break-all;
    }

    .contact-item .list-wrap {
        grid-template-columns: repeat(1, 1fr);
        margin: 40px auto;
    }

    .contact-item .list-wrap .list-item {
        padding: 25px 30px;
    }

    .contact-item .jobs-box {
        padding: 25px 15px;
    }

    .contact-item .jobs-box .jobs-head,
    .contact-item .jobs-box .list-head {
        padding: 0 20px;
    }

    .contact-item .jobs-box .list-cont {
        padding: 20px 15px 0;
    }

    .before-sale .before-item {
        padding: 20px 15px;
        flex-wrap: wrap;
    }

    .before-sale .before-item .picture {
        margin-top: 20px;
        width: 100%;
    }

    .msg-box .box-row {
        flex-wrap: wrap;
    }

    .before-sale .before-item .picture {
        margin-top: 20px;
    }

    .before-sale .before-item .msg-box .picture {
        height: 30vh;
        background-size: contain;
        padding: 25px 15px;
    }

    .msg-box .message {
        margin-left: 0;
        width: 100%;
        margin-top: 20px;
    }

    .msg-box .message .form-item input,
    .msg-box .message .form-item select {
        margin-left: 10px;
    }

    .msg-box .message .form-item span {
        width: 30%;
    }

    .msg-box .message .vercode-item img {
        height: 40px;
    }

    .msg-box .message .form-item select {
        max-width: 70%;
    }

    .support .list {
        grid-template-columns: repeat(1, 1fr);
    }

    .about-company .culture .culture-grid .item.cont::before {
        width: 10px;
        height: 10px;
        top: 5px;
        left: 5px;
    }

    .about-company .culture .culture-grid {
        gap: 5px;
    }

    .about-company .culture .culture-grid .item.cont img {
        height: 30px;
        right: 10px;
        top: 10px;
    }

    .about-company .culture .culture-grid .item.cont .text-wrap {
        bottom: 5px;
        left: 10px;
        font-size: 12px;
    }

    .about-company .culture .culture-grid .item.cont .text-wrap .title {
        font-size: 16px;
    }

    .about-company .culture .culture-grid .item.cont .text-wrap .desc {
        line-height: 1.5;
        font-size: 12px;
        margin-top: 5px;
    }

    .about-company .atmosphere .picture-wall {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .popup .wrapper .content {
        padding: 20px 15px;
    }

    .popup .wrapper .top {
        height: 60px;
        padding: 0 15px;
    }

    .team-swiper .swiper-slide {
        padding: 20px;
        flex-wrap: wrap;
    }

    .team-swiper .swiper-slide .content .title {
        margin: 0;
    }

    .team-swiper .swiper-slide .content {
        margin: 0;
    }

    .team-swiper .swiper-slide .content .desc {
        height: 150px;
        margin: 40px 0 20px;

    }

    .about-company .atmosphere .scroll-wrap .item {
        width: calc(50% - 10px);
        /* 2列：50% - 间距补偿（gap20px → 每列减10px） */
    }

    /* 可选：减小移动端行间距，适配小屏 */
    .about-company .atmosphere .scroll-box {
        margin-bottom: 20px;
    }

    /* 可选：减小标题下方间距，更适配移动端 */
    .about-company .atmosphere .public-head {
        margin-bottom: 40px;
    }

    .about-company .culture-grid {
        display: none;
    }

    .about-company .mobile-culture-grid {
        display: block;
        margin-top: 80px;
    }

    .about-company .mobile-culture-grid .card-item {
        margin-bottom: 20px;
        position: relative;
        border-radius: 15px;
        transition: all 0.6s ease;    
    }

    .about-company .mobile-culture-grid .card-item.cen-card {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 0 40px 20px 20px;
        min-height: 210px;
    }

    .about-company .mobile-culture-grid .card-item.cen-card .icon {
        position: absolute;
        right: 20px;
        top: 20px;
        z-index: 1;
    }

    .about-company .mobile-culture-grid .card-item.cen-card .icon img {
        height: 120px;
    }

    .about-company .mobile-culture-grid .card-item.cen-card::before {
        position: absolute;
        left: 20px;
        top: 18px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        content: '';
        background: #FF571F;
    }

}

@media (min-width: 769px) and (max-width: 991px) {
    body {
        padding-top: 59px;
    }

    .header {
        display: none !important;
    }

    .m-header {
        display: block;
    }

    .navbar-brand img {
        height: 30px;
    }

    .home-banner .swiper-slide .mask {
        padding-top: 20px;
    }

    .swiper.home-banner .swiper-pagination {
        bottom: 20px;
    }

    .swiper.home-banner .swiper-pagination-bullet {
        width: 5px;
        height: 5px;
        margin: 0 5px;
    }

    .swiper.home-banner .swiper-pagination-bullet-active {
        width: 50px;
        border-radius: 10px;
    }

    .home-product .show-product-item .iconbar li {
        margin-right: 10px;
    }

    .home-product .show-product-item .product-description {
        line-height: 1.5;
    }

    .footer .company-infos ul li .label {
        width: 20%;
    }

    .home-news #newsImg {
        height: 100%;
        object-fit: fill;
    }

    .pro-page-one .icon-box .item .iconfont,
    .pro-page-one .name {
        font-size: 32px;
    }

    .pro-page-one .desc {
        margin: 10px 0;
    }

    .pro-page-one .icon-box .item .tips {
        margin-top: 15px;
    }

    .technology .model-card .card-pic {
        height: auto;
    }

    .technology .model-card .card-content .title {
        margin-bottom: 30px;
    }

    .technology .model-card .card-content {
        height: auto;
        padding-bottom: 15px;
    }

    .model-card {
        height: auto;
    }

    .pro-page-one {
        padding: 60px 0;
    }

    .model-table .table thead tr th:first-child,
    .model-table .table tbody tr td:first-child {
        padding-left: 40px;
    }

    .feature-bg.sl-feature-bg {
        background-size: contain;
        height: 100%;
    }

    .feature.active .feature-bg {
        height: 100%;
        background-size: contain;
    }

    .feature .wrapper {
        top: 120px;
        left: 80px;
    }

    .feature {
        height: 475px;
    }

    .accessory {
        margin: 60px auto;
    }

    .product-banner {
        height: auto;
        padding-top: 40px;
        min-height: 400px;
    }

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

    .product-banner .name {
        font-size: 18px;
    }

    .inner-banner {
        height: auto;
        padding: 80px 0;
    }

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

    .advantages .iconbar {
        height: 520px;
    }

    .advantages .public-head {
        top: 28px;
    }

    .industry {
        height: auto;
    }

    .industry .row .col-md-2 {
        display: none;
    }

    .industry .wrapper {
        width: 100%;
    }

    .technology .model-card .card-content .card-wrap .card-item {
        font-size: 12px;
    }

    .technology .model-card .card-pic img {
        left: -20px;
    }

    .industry .row .col-md-8 {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 0;
    }

    .industry .wrapper .item {
        width: 230px;
        height: 230px;
    }

    .industry .wrapper .item .mask .icon .iconfont {
        font-size: 48px;
    }

    .history .time-line .content .show-details .year {
        font-size: 60px;
    }

    .about-page-one {
        padding: 60px 0;
    }

    .about-bannner {
        height: auto;
        padding: 80px 0;
    }

    .about-page-one .public-head h3 {
        font-size: 32px;
    }

    .about-friend {
        height: auto;
        background-size: cover;
        padding: 60px 0;
    }

    .about-world {
        padding: 60px 0;
        height: auto;
        background-size: cover;
    }

    .global-service,
    .after-sale {
        padding: 60px 0;
    }

    .after-sale .card-wrap .item {
        padding: 30px 20px;
    }

    .public-head h3 {
        font-size: 32px;
    }

    .after-sale .card-wrap {
        margin-top: 60px;
    }

    .training {
        margin-top: 80px;
    }

    .training .icon .iconfont {
        font-size: 60px;
    }

    .news-wrapper .news-list {
        grid-template-columns: repeat(2, 1fr)
    }

    .inner-banner .inner-txt .title {
        font-size: 80px;
    }

    .inner-banner {
        background-size: cover;
    }

    .contact-bannner h3 {
        word-break: break-all;
    }

    .contact-item .list-wrap {
        grid-template-columns: repeat(1, 1fr);
        margin: 40px auto;
    }

    .contact-item .list-wrap .list-item {
        padding: 25px 30px;
    }

    .contact-item .jobs-box {
        padding: 25px 15px;
    }

    .contact-item .jobs-box .jobs-head,
    .contact-item .jobs-box .list-head {
        padding: 0 20px;
    }

    .contact-item .jobs-box .list-cont {
        padding: 20px 15px 0;
    }

    .before-sale .before-item {
        padding: 20px 15px;
        flex-wrap: wrap;
    }

    .before-sale .before-item .picture {
        margin-top: 20px;
        width: 100%;
    }

    .msg-box .box-row {
        flex-wrap: wrap;
    }

    .before-sale .before-item .picture {
        height: 40vh;
        margin-top: 0;
        padding: 25px 15px;
    }

    .before-sale .before-item .content {
        max-width: 100%;
    }

    .msg-box .message {
        margin-left: 0;
        width: 100%;
        margin-top: 20px;
    }

    .msg-box .message .form-item input,
    .msg-box .message .form-item select {
        margin-left: 10px;
    }

    .msg-box .message .form-item span {
        width: 30%;
    }

    .msg-box .message .vercode-item img {
        height: 40px;
    }

    .msg-box .message .form-item select {
        max-width: 70%;
    }

    .support .list {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (min-width:992px) and (max-width: 1560px) {
    .inner-banner {
        background-size: contain;
        height: 590px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .inner-banner .inner-txt {
        /*padding-top: 150px;*/
        padding: 0;
    }

    .about-world {
        height: 588px;
        background-size: cover;
    }

    .about-friend {
        background-size: cover;
        background-position-x: 50%;
    }

    .industry .wrapper .item {
        width: 268px;
        height: 268px;
    }
}

@media (min-width:1561px) and (max-width: 1920px) {
    .industry .wrapper .item {
        width: 268px;
        height: 268px;
    }
}

@media (min-width:1921px) {

    .product-banner,
    .home-about,
    .about-bannner,
    .inner-banner {
        height: 1206px !important;
    }

    .container {
        max-width: 1560px;
    }

    .advantages .iconbar {
        height: 1000px;
    }

    .about-world {
        height: 1200px;
        background-size: cover;
    }
}


@media (min-width:968px) and (max-width: 1350px) {
    .before-sale .before-item .picture {
        width: 60%;
    }

    .msg-box .message .form-item select {
        max-width: 65%;
    }
}