@media screen and (max-width: 1600px) {
    header .second-nav-content {
        padding-left: max(50px, calc(var(--ratio-size) * 100));
        padding-right: max(50px, calc(var(--ratio-size) * 100));
    }

    header .type-text-nav .detail-content .detail-nav-list {
        gap: 30px;
    }

    header .type-text-nav .detail-content .detail-nav-list {
        padding-left: 30px;
    }

    .automotive-page .screen-two .car-container .car,
    .index-page .car-application .car-container .car {
        font-size: var(--small-text-size);
    }

    .index-page .car-container-two .wave-area-list .item p,
    .automotive-page .screen-two .car-container-two .wave-area-list .item p {
        font-size: var(--small-text-size);
    }

    .index-page .car-application .radar-five-part .radar-item,
    .automotive-page .screen-two .radar-five-part .radar-item,
    .index-page .car-application .radar-six-part .radar-item,
    .automotive-page .screen-two .radar-six-part .radar-item,
    .automotive-page .screen-two .description-container .switch-list,
    .index-page .car-application .description-container .switch-list {
        font-size: var(--small-text-size);
    }

    .index-page .car-container-two .car {
        margin-top: 7%;
    }

    .index-page .car-container-two .wave-area-list {
        top: 70%;
    }

    .automotive-page .screen-two .radar-five-part .radar-item.first-text,
    .index-page .car-application .radar-five-part .radar-item.first-text {
        top: -105px;
    }

    .automotive-page .screen-two .radar-five-part .radar-item.first-radar p,
    .index-page .car-application .radar-five-part .radar-item.first-radar p {
        left: -177px;
        top: -35px;
    }

    .automotive-page .screen-two .radar-five-part .radar-item.third-radar p,
    .index-page .car-application .radar-five-part .radar-item.third-radar p {
        left: -177px;
        bottom: -33px;
    }

    .automotive-page .screen-two .radar-five-part .radar-item.fourth-radar p,
    .index-page .car-application .radar-five-part .radar-item.fourth-radar p {
        left: 125px;
        top: -33px;
    }

    .automotive-page .screen-two .radar-six-part .radar-item.first-radar p,
    .index-page .car-application .radar-six-part .radar-item.first-radar p {
        top: -115px;
    }

    .automotive-page .screen-two .radar-one-part .radar-item.first-radar p,
    .index-page .car-application .radar-one-part .radar-item.first-radar p {
        left: -180px;
        top: -38px;
    }

    .automotive-page .screen-two .radar-one-part .radar-item.second-radar p,
    .index-page .car-application .radar-one-part .radar-item.second-radar p {
        left: -219px;
    }

    .automotive-page .screen-two .radar-one-part .radar-item.third-radar p,
    .index-page .car-application .radar-one-part .radar-item.third-radar p {
        left: -177px;
        top: 45px;
    }

    .automotive-page .screen-two .radar-one-part .radar-item.fourth-radar p,
    .index-page .car-application .radar-one-part .radar-item.fourth-radar p {
        right: -180px;
        top: -37px;
    }

    .automotive-page .screen-two .radar-one-part .radar-item.fifth-radar p,
    .index-page .car-application .radar-one-part .radar-item.fifth-radar p {
        right: -148px;
    }

    .automotive-page .screen-two .radar-one-part .radar-item.sixth-radar p,
    .index-page .car-application .radar-one-part .radar-item.sixth-radar p {
        right: -180px;
        top: 47px;
    }

    .automotive-page .screen-two .radar-two-part .radar-item.first-radar p,
    .index-page .car-application .radar-two-part .radar-item.first-radar p {
        left: -166px;
    }

    .automotive-page .screen-two .radar-three-part .radar-item.first-radar p,
    .index-page .car-application .radar-three-part .radar-item.first-radar p {
        left: -171px;
        top: -38px;
    }

    .automotive-page .screen-two .radar-three-part .radar-item.third-radar p,
    .index-page .car-application .radar-three-part .radar-item.third-radar p {
        left: -167px;
        top: 45px;
    }

    .automotive-page .screen-two .radar-three-part .radar-item.fourth-radar p,
    .index-page .car-application .radar-three-part .radar-item.fourth-radar p {
        right: -169px;
        top: -36px;
    }

    .automotive-page .screen-two .radar-three-part .radar-item.seventh-radar p,
    .index-page .car-application .radar-three-part .radar-item.seventh-radar p {
        right: -168px;
    }

    .automotive-page .screen-two .radar-three-part .radar-item.eighth-radar p,
    .index-page .car-application .radar-three-part .radar-item.eighth-radar p {
        right: -157px;
    }

    .automotive-page .screen-two .radar-three-part .radar-item.sixth-radar p,
    .index-page .car-application .radar-three-part .radar-item.sixth-radar p {
        right: -167px;
        top: 46px;
    }

    .automotive-page .screen-two .radar-three-part .radar-item.fifth-radar p,
    .index-page .car-application .radar-three-part .radar-item.fifth-radar p {
        bottom: -75px;
    }

    .automotive-page .screen-two .radar-three-part .radar-item.second-radar p,
    .index-page .car-application .radar-three-part .radar-item.second-radar p {
        top: -71px;
    }

    .index-page .car-application .description {
        margin-top: 40px;
    }

    .index-page .car-application .radar-five-part .radar-item.seventh-radar .line {
        transform: rotate(90deg) translate(-80px, 50%);
        width: 80px;
    }

    .index-page .car-application .radar-five-part .radar-item.eighth-radar .line {
        transform: rotate(90deg) translate(-80px, 50%);
        width: 80px;
    }

    .index-page .car-application .radar-five-part .radar-item.first-text {
        top: -88px;
    }

    .index-page .car-application .radar-three-part .radar-item.second-radar .line {
        top: 0;
        width: 70px;
    }

    .index-page .car-application .radar-three-part .radar-item.fifth-radar .line {
        bottom: 0;
        width: 70px;
    }

    .index-page .car-application .radar-three-part .radar-item.second-radar p {
        top: -50px;
    }

    .index-page .car-application .radar-three-part .radar-item.fifth-radar p {
        bottom: -50px;
    }

    .about-page .description-container .description-detail .description-content .content-item .text {
        font-size: 14px;
    }
}

@media screen and (max-width: 1400px) {
    footer .footer-top .nav-content {
        margin-left: 50px;
    }

    .cookie-alert .cookie-content {
        flex-direction: column;
        align-items: flex-start;
    }

    .cookie-alert .cookie-content .btn-list {
        margin-left: auto;
        margin-top: 20px;
    }

    .index-page .latest-news .custom-news-swiper .custom-swiper-slide {
        width: 30%;
    }

    .about-page .address-collection .address-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .soc-products-page .soc-common-box {
        width: 450px;
    }
}

@media screen and (max-width: 1200px) {
    :root {
        --type-area: max(50px, calc(var(--ratio-size) * 100));
        --article-type-area: max(50px, calc(var(--ratio-size) * 200));
    }

    .cookie-alert .cookie-content .content {
        width: 100%;
    }

    .cookie-alert .cookie-content .btn-list {
        flex-wrap: wrap;
    }

    header .second-nav-content {
        padding-left: max(20px);
        padding-right: max(20px);
    }
}

@media screen and (max-width: 1000px) {

    header .type-text-nav .extra-pic,
    header .type-normal-nav .extra-pic {
        display: none;
    }

    header .type-normal-nav .detail-nav-list {
        margin-right: 0;
    }

    .common-all-product .table-container .all-filter-list {
        grid-template-columns: repeat(4, 1fr);
    }

    .common-all-product .table-container .all-filter-list .filter-bottom {
        grid-column: 1/5;
    }

    .about-page .description-container .technology .list {
        grid-template-columns: repeat(2, 1fr);
    }

    .about-page .description-container .deep-know .list {
        grid-template-columns: repeat(2, 1fr);
    }

    .about-page .history-container {
        height: auto;
        padding-bottom: 150px;
    }

    .about-page .history-container .history-swiper .year {
        width: 200px;
    }

    .company-news-page .news-container .top-news .top-news-pic-swiper {
        width: 50%;
    }

    .company-news-page .news-container .top-news .top-news-content-swiper {
        width: 50%;
    }

    .about-page .history-container .year-swiper .swiper-wrapper {
        justify-content: flex-start;
        width: 100%;
    }
}

@media screen and (max-width: 960px) {
    :root {
        --type-area: 25px;
        --header-height: 50px;
        --article-type-area: 25px;
    }

    header .top-content {
        padding: 0 20px;
    }

    header .top-content .logo img {
        height: 30px;
    }

    header nav {
        display: none;
    }

    header .function-list {
        gap: 30px;
    }

    header .function-list .phone-menu-icon {
        display: flex;
        justify-content: space-between;
    }

    .soc-products-page .screen-one .part-two .btn-list {
        width: 100%;
        gap: 20px;
        margin-top: 25px;
    }

    .soc-products-page.industry-applications-page .screen-one .part-two .btn-list .btn {
        width: calc(100% / 3 - 15px);
        font-size: 16px;
    }

    .soc-products-page .screen-one .part-two .btn-list .btn {
        width: calc(50% - 10px);
        font-size: 16px;
    }

    .soc-products-page .screen-one .part-two {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    footer .footer-top {
        flex-wrap: wrap;
    }

    .soc-chip-series-page .description-content {
        padding-right: var(--type-area);
    }

    .soc-chip-series-page .description-content .description {
        width: 100%;
    }

    .soc-chip-series-page .description-content {
        flex-direction: column;
    }

    .soc-chip-series-page .description-content .pic {
        height: auto;
    }

    .soc-chip-series-page .series-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .series-detail-page .product-description-content {
        flex-direction: column-reverse;
        align-items: center;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .series-detail-page .product-description-content .product-pic {
        margin-left: 0;
    }

    .series-detail-page .product-top {
        flex-wrap: wrap;
    }

    .series-detail-page .product-top .btn-list {
        margin-left: 0;
    }

    .radar-detail-page .description-content {
        padding-right: var(--type-area);
        flex-direction: column;
    }

    .radar-detail-page .description-content .description {
        width: 100%;
    }

    .radar-detail-page .description-content .pic {
        width: 100%;
        height: auto;
    }

    .common-quality-content .main-content {
        gap: 50px;
    }

    .company-news-page .news-container .news-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .company-activity-page .activity-list .activity-item:nth-child(even) a,
    .company-activity-page .activity-list .activity-item a {
        flex-direction: column;
    }

    .company-activity-page .activity-list .activity-item .pic,
    .company-activity-page .activity-list .activity-item .content {
        width: 100%;
    }

    .company-news-detail-page .recommend-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .company-activity-detail-page .top-message {
        flex-direction: column-reverse;
        gap: 30px;
        /* padding: 0 var(--type-area); */
        padding-left: var(--type-area);
    }

    .company-activity-detail-page .top-message .bottom-address .booth {
        width: 50%;
    }

    .company-activity-detail-page .top-message .text-top {
        padding-left: 0;
    }

    .company-activity-detail-page .top-message .bottom-address .address {
        padding-left: 0;
    }

    .company-activity-detail-page .top-message .activity-pic-swiper {
        position: relative;
        /* height: max(250px, calc(var(--ratio-size) * 900)); */
    }

    .company-activity-detail-page .top-message .text-content {
        width: 100%;
        padding-right: var(--type-area);
    }

    .company-activity-detail-page .top-message .activity-pic-swiper {
        width: 100%;
    }

    .corporate-social-responsibility-page .content-description {
        flex-direction: column-reverse;
        gap: 35px 0;
    }

    .corporate-social-responsibility-page .content-description .pic {
        margin-left: 0;
    }

    .corporate-social-responsibility-page .content-description .description {
        width: 100%;
    }

    .apply-form {
        overflow: auto;
        padding-bottom: 30px;
    }

    .about-page .contact-us-content .area-content {
        flex-direction: column-reverse;
    }

    .about-page .contact-us-content .map {
        width: 100%;
    }

    .about-page .contact-us-content .area-list {
        width: 100%;
        margin-top: 20px;
    }

    .about-page .contact-us-content .area-container {
        padding-right: var(--type-area);
    }

    .about-page .email-collection {
        grid-template-columns: repeat(1, 1fr);
    }

    .about-page .address-collection .address-list {
        grid-template-columns: repeat(1, 1fr);
    }

    footer .footer-top .left {
        width: auto;
    }

    header .function-list>li:first-child {
        display: none;
    }

    .radar-detail-page .performance-highlight .video-container .swiper-slide .bg img {
        display: block;
    }

    .radar-detail-page .performance-highlight .video-container .swiper-slide .bg video {
        display: none;
    }

    .company-activity-detail-page .video-container .swiper-slide .bg video {
        display: none;
    }

    .company-activity-detail-page .video-container .swiper-slide .bg img {
        display: block;
    }

    .about-page .description-container .overflow .video-content video {
        display: none;
    }

    .radar-overview-page .video-container .swiper-slide .bg img {
        display: block;
    }

    .radar-overview-page .video-container .swiper-slide .bg video {
        display: none;
    }

    .white-paper-page .news-container .top-news:first-child {
        margin-top: 40px;
    }

    .white-paper-page .news-container .top-news:not(:first-child) {
        margin-top: 30px;
    }

    .about-page .description-container .description-detail {
        flex-direction: column;
    }

    .about-page .description-container .overflow .description-swiper-content {
        width: 100%;
    }
}

@media screen and (max-width: 800px) {
    .radar-detail-page .partner-container .common-list-swiper.only-one .swiper-slide {
        flex-direction: column;
    }

    .radar-detail-page .partner-container .common-list-swiper.only-one .swiper-slide .top {
        width: 100%;
        margin-right: 0;
    }

    .radar-detail-page .partner-container .swiper-slide .bottom {
        padding-top: 20px;
    }

    .apply-form .form-top-message {
        padding: 30px;
        padding-left: 20px;
    }

    .apply-form .form-top-message .close-form-btn {
        top: 18px;
    }

    .apply-form form {
        padding: 20px 30px;
    }

    .apply-form form .item {
        width: 100%;
        height: 50px;
    }

    .my-video-dimensions {
        width: 90%;
        height: 200px;
    }

    .index-page .banner .text-content {
        flex-direction: column;
        justify-content: center;
        padding-right: var(--type-area);
        text-align: center;
    }

    .index-page .banner .text-content .play-btn {
        margin-top: 30px;
    }

    .index-page .banner .skip-video {
        width: 80%;
    }

    .index-page .banner-swiper .description .text {
        width: 100%;
    }

    .index-page .banner-swiper .swiper-btn-box {
        margin-bottom: 50px;
    }

    .index-page .banner-swiper .swiper-function-box {
        bottom: 30px;
        flex-direction: column;
    }

    .index-page .overview .data-content .data-list .item:nth-child(1) {
        grid-column: 1/3;
    }

    .index-page .overview .data-content .data-list .item:nth-child(2) {
        grid-column: 3/5;
    }

    .index-page .overview .data-content .data-list .item:nth-child(3) {
        grid-column: 1/3;
    }

    .index-page .overview .data-content .data-list .item:nth-child(4) {
        grid-column: 3/5;
    }

    .common-all-product .table-container .all-filter-list {
        grid-template-columns: 1fr;
        height: 500px;
        overflow: auto;
    }

    .common-all-product .table-container .all-filter-list .filter-bottom {
        grid-column: 1/2;
    }

    .common-all-product .table-container .all-filter-list .item {
        min-height: auto;
        ;
    }

    .common-all-product .table-container .all-filter-list .name {
        position: sticky;
        top: 0;
        left: 0;
    }

    .common-all-product .table-container .all-filter-list .filter-bottom {
        position: sticky;
        bottom: 0;
        left: 0;
    }

    .about-page .description-container .overflow .data-list .data-item {
        width: 50%;
        text-align: center;
    }

    .about-page .description-container .overflow .data-list .icon {
        margin: 0 auto;
    }

    .about-page .banner-container .screen-container.ceo-message .text-content {
        flex-direction: column;
    }

    .about-page .screen-container.ceo-message .text-content .sub-content {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .about-page .screen-container.ceo-message .text-content .sub-content .text {
        margin-left: auto;
    }

    .about-page .description-container .technology .list {
        grid-template-columns: 1fr;
    }

    .about-page .description-container .technology .list .item {
        width: 100%;
    }

    .about-page .description-container .technology .list .inside-content {
        padding: 20px;
    }

    .about-page .description-container .deep-know .list {
        grid-template-columns: 1fr;
    }

    .about-page .history-container .history-swiper .swiper-slide {
        flex-direction: column;
        padding: 0 var(--type-area);
    }

    .about-page .history-container .history-swiper .year {
        width: 100%;
        padding-top: 20px;
    }

    .about-page .history-container .history-swiper .text {
        margin-top: 20px;
    }

    .index-page .overview .company-message .bg-pic {
        mask-image: url('../images/overview-mask-4-car.svg')
    }

    .index-page .overview .company-message .bg-pic .pic-color {
        display: none;
    }

    .index-page .contact-us {
        padding: 0;
    }

    .index-page .contact-us-main {
        padding: 40px;
    }

    .about-page .brand-story .show-stand .outer-circle,
    .index-page .brand-story .show-stand .outer-circle {
        width: 80%;
    }

    .about-page .brand-story .show-stand .dot-list .item-dot,
    .index-page .brand-story .show-stand .dot-list .item-dot {
        width: 40px;
        height: 40px;
    }

    .about-page .brand-story .show-stand .dot-list .item-dot:nth-child(1),
    .index-page .brand-story .show-stand .dot-list .item-dot:nth-child(1) {
        right: 3.5%;
    }

    .about-page .brand-story .show-stand .dot-list .item-dot:nth-child(7),
    .index-page .brand-story .show-stand .dot-list .item-dot:nth-child(7) {
        right: 3.5%;
    }

    .about-page .brand-story .show-stand .inside-car .logo,
    .index-page .brand-story .show-stand .inside-car .logo {
        width: 30vw;
    }

    .about-page .brand-story .show-stand .inside-car .car,
    .index-page .brand-story .show-stand .inside-car .car {
        width: 30vw;
    }

    .about-page .brand-story .show-stand .inside-car .name,
    .index-page .brand-story .show-stand .inside-car .name {
        width: 30vw;
    }

    .about-page .brand-story .show-stand .inside-car .name {
        left: -7vw;
        top: 43%;
    }

    .index-page .latest-news .news-top .news-swiper-button {
        display: none;
    }

    .index-page .latest-news .normal-news-swiper {
        display: block;
    }

    .index-page .latest-news .custom-news-swiper {
        display: none;
    }

    .about-page .banner-container .dot-list {
        right: 10px;
    }

    .index-page .latest-news .news-top .description .learn-more a {
        display: none;
    }

    .index-page .latest-news .custom-news-btn {
        display: none;
    }

    .index-page .latest-news .common-btn {
        display: block;
    }

    footer .footer-top .nav-content .footer-nav {
        display: none;
    }

    footer .footer-top {
        justify-content: space-between;
    }

    footer .footer-top .nav-content {
        flex: none;
        display: none;
    }

    footer .footer-top .left {
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
    }

    footer .footer-top .follow-us {
        width: auto;
        margin-top: 0;
        margin-right: 20px;
    }

    .index-page .banner .video-bg {
        display: none;
    }

    .index-page .banner .mobile-video-bg {
        display: block;
    }

    .index-page .banner .text-content .play-btn {
        display: none;
    }

    .index-page .industrial-application .mobile-video-bg {
        display: block;
        width: 100%;
    }

    .index-page .industrial-application .video-bg {
        display: none !important;
    }

    .soc-products-page .screen-common.video-screen-bg .video-bg {
        display: none;
    }

    .soc-products-page .screen-common.video-screen-bg .mobile-video-bg {
        display: block;
    }

    .automotive-page.industrial-page .screen-two .video-bg {
        display: none;
    }

    .search0 form {
        width: 100%;
    }

    .soc-chip-series-page .soc-chip-overview-page {
        display: none;
    }

    .radar-detail-page .grid-list {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .automotive-page.industrial-page.consumer-page .screen-two .btn-list .item:nth-child(1) {
        top: 40%;
    }

    .automotive-page.industrial-page.consumer-page .screen-two .btn-list .item:nth-child(3) {
        top: 65%;
    }
}

@media screen and (max-width: 700px) {

    .viewer-open,
    .viewer-open header {
        padding-right: 0;
    }

    .common-breadcrumb-nav {
        justify-content: flex-start;
    }

    .common-switch-nav,
    .common-switch-nav-no-bg {
        gap: 0 20px;
        justify-content: left;
        padding: 0 20px;
    }

    .series-detail-page .product-banner {
        padding-top: max(calc(var(--ratio-size) * 100), 30px);
    }

    .series-detail-page .product-banner .common-breadcrumb-nav {
        display: none;
    }

    .series-detail-page .product-banner .top-title .pic {
        display: none;
    }

    .series-detail-page .product-banner .common-switch-nav-no-bg {
        gap: 10px 20px;
        padding: 10px 0;
        margin-top: 20px;
    }

    .contact-us-content .common-switch-nav-no-bg {
        justify-content: center;
    }

    footer {
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
    }

    footer .footer-top .left .logo {
        display: block;
        width: 120px;
    }

    footer .footer-top .left .logo img {
        width: 100%;
    }

    .soc-chip-overview-page .top-container .description {
        padding-left: 0;
        padding-right: 0;
    }

    .soc-chip-overview-page .top-container .swiper-slide .top {
        height: 200px;
    }

    .common-all-product .table-container thead tr th:nth-child(1) {
        position: relative;
    }

    .common-all-product .table-container tbody tr th {
        position: relative;
    }

    .soc-chip-overview-page .part-number-nav .part-number-item .platform {
        position: relative;
    }

    .soc-chip-overview-page .part-number-item .platform-name {
        position: relative;
        left: 0;
    }

    .soc-chip-overview-page .part-number-nav {
        padding: 0;
    }

    .soc-chip-overview-page .part-number-nav .top-content {
        padding-left: 0;
    }

    .soc-chip-overview-page .part-number-nav .legend {
        padding-left: 0;
    }

    .soc-chip-overview-page .part-number-nav .legend .list {
        flex-wrap: wrap;
        gap: 20px;
    }

    .series-detail-page .product-banner .top-title {
        flex-direction: column;
        gap: 30px;
    }

    .soc-chip-series-page .description-content {
        gap: 25px;
    }

    .soc-chip-series-page .series-list {
        grid-template-columns: 1fr;
    }

    .soc-chip-series-page .series-list.single-series {
        grid-template-columns: 1fr;
    }

    .soc-chip-series-page .series-list.single-series .item a {
        width: 100%;
    }

    .series-detail-page .product-description-content .content {
        width: 100%;
    }

    .series-detail-page .product-description-content {
        padding-bottom: 20px;
        border-bottom: none;
    }

    .series-detail-page .product-description-content .item {
        flex-direction: column;
        width: 100%;
        padding: 5px 0;
        border-bottom: 1px solid rgb(211, 211, 211)
    }

    .series-detail-page .understand-platform .common-switch-nav-no-bg {
        justify-content: center;
    }

    .developer-board-detail-page .top-title {
        flex-direction: column;
    }

    .developer-board-detail-page .top-title .content {
        width: 100%;
    }

    .developer-board-detail-page .top-title .title {
        margin-top: 10px;
    }

    .developer-board-detail-page .top-title .btn-list {
        margin-top: 15px;
    }

    .developer-board-detail-page .top-title .pic {
        max-width: 100%;
        margin-right: 0;
    }

    .developer-board-detail-page .product-description-content .item {
        flex-direction: column;
        width: 100%;
        padding: 5px 0;
        border-bottom: 1px solid rgb(211, 211, 211)
    }

    .radar-overview-page .message-container .top-content .text {
        padding-left: 0;
        padding-right: 0;
        text-align: justify;
    }

    .radar-overview-page .message-container .swiper-slide .top {
        height: 200px;
    }

    .radar-detail-page .description-content {
        gap: 25px;
    }

    .partner-page .partner-content .partner-item {
        flex-direction: column;
        padding-left: 0;
        padding-right: 0;
    }

    .partner-page .partner-content .partner-item .pic {
        width: 100%;
    }

    .support-common-top-title .common-switch-nav-no-bg {
        gap: 10px 20px;
    }

    .common-quality-content .main-content {
        gap: 30px;
        flex-direction: column;
    }

    .company-news-page .news-container .top-news a {
        flex-direction: column;
    }

    .company-news-page .news-container .top-news .pic {
        width: 100%;
        height: 200px;
    }

    .company-news-page .news-list .news-item a .pic {
        /* height: 200px; */
        height: auto;
    }

    .company-news-page .news-container .top-news .content {
        width: 100%;
    }

    .company-news-page .news-container .news-list {
        grid-template-columns: 1fr;
    }

    .company-news-page .news-pagination ul {
        /* flex-wrap: wrap; */
        gap: 0;
    }

    /* .company-news-page .news-pagination ul li.first {
        order: 12;
    } */

    /* .company-news-page .news-pagination ul li.previous {
        order: 10;
    } */

    /* .company-news-page .news-pagination ul li.next {
        order: 11;
    } */

    /* .company-news-page .news-pagination ul li.last {
        order: 13;
    } */

    .company-news-page .news-pagination ul li.previous,
    .company-news-page .news-pagination ul li.next,
    .company-news-page .news-pagination ul li.first,
    .company-news-page .news-pagination ul li.last {
        width: auto;
    }

    .company-news-page .news-pagination ul li.first {
        order: 10;
        width: 30%;
    }

    .company-news-page .news-pagination ul li.last {
        order: 11;
        width: 30%;
    }

    .company-news-page .news-pagination ul li.page {
        width: 35px;
    }

    .common-pagination ul li.first a,
    .common-pagination ul li.last a {
        width: auto;
        padding: 0 5px;
    }

    .news-pagination ul {
        flex-wrap: wrap;
    }

    .news-pagination ul li.previous,
    .news-pagination ul li.next,
    .news-pagination ul li.first,
    .news-pagination ul li.last {
        width: auto;
    }

    .news-pagination ul li.first {
        order: 10;
        width: 30%;
    }

    .news-pagination ul li.last {
        order: 11;
        width: 30%;
    }

    .news-pagination ul li.page {
        width: 35px;
    }

    .common-pagination ul li.first a,
    .common-pagination ul li.last a {
        width: auto;
        padding: 0 5px;
    }

    /* .company-news-page .news-pagination ul li.previous a,
    .company-news-page .news-pagination ul li.next a,
    .company-news-page .news-pagination ul li.first a,
    .company-news-page .news-pagination ul li.last a {
        width: 100%;
    } */

    .company-activity-page .common-switch-nav,
    .company-news-page .common-switch-nav {
        justify-content: center;
    }

    .company-activity-page .common-switch-nav-no-bg {
        justify-content: center;
    }

    .company-activity-finished-happening-page .common-switch-nav-no-bg {
        justify-content: flex-start;
    }

    .company-news-detail-page .recommend-list {
        grid-template-columns: 1fr;
    }

    .company-news-detail-page .recommend-list .news-item a .pic {
        height: 200px;
    }

    .company-activity-detail-page .top-message .bottom-address {
        flex-direction: column;
    }

    .company-activity-detail-page .top-message .bottom-address .booth {
        width: 100%;
        padding-top: 10px;
    }

    .company-activity-detail-page .top-message .bottom-address .address {
        padding: 0;
        padding-bottom: 15px;
        border-right: 0;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
    }

    .join-us-page .content-list {
        flex-direction: column;
    }

    .join-us-page .content-list .content-item {
        width: 100%;
    }

    .corporate-social-responsibility-page .content-description .common-btn {
        text-align: center;
    }

    .corporate-social-responsibility-detail-page .top-message {
        margin-top: 45px;
    }

    .corporate-social-responsibility-detail-page .responsibility-list {
        margin-top: 60px;
    }

    .common-collapsible-list .item .top-part {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .common-collapsible-list .item .top-part .title {
        font-size: 18px;
    }

    .index-page .car-application .car-container,
    .index-page .car-application .description-container .switch-list p {
        font-size: 14px;
    }

    .index-page .overview .data-content .data-list {
        display: block;
    }

    .index-page .overview .data-content .data-list .item:not(:last-child) {
        margin-bottom: 20px;
    }

    .index-page .industrial-application {
        height: auto;
        padding: 0;
    }

    .index-page .industrial-application .video-bg {
        position: relative;
        display: block;
    }

    .index-page .industrial-application .btn-list .item .item-content {
        padding: 5px;
        padding-right: 20px;
        white-space: nowrap;
    }

    .index-page .industrial-application .description {
        display: none;
    }

    .index-page .industrial-application .btn-list .icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 25px;
    }

    .index-page .industrial-application .btn-list .industrial-btn {
        width: 25px;
    }

    .index-page .industrial-application .btn-list .industrial-btn svg {
        width: 100%;
    }

    .index-page .industrial-application .btn-list .item:nth-child(1) {
        right: 5%;
        top: 45%;
    }

    .index-page .industrial-application .btn-list .item:nth-child(2) {
        left: 5%;
        right: auto;
        top: auto;
        bottom: 32%;
    }

    .index-page .industrial-application .btn-list .item:nth-child(3) {
        left: 38%;
        right: auto;
        top: 8%;
    }

    .cookie-alert .cookie-content .btn-list {
        flex-direction: column;
        width: 100%;
        margin-left: 0;
    }

    .cookie-alert .cookie-content .btn-item {
        width: 100%;
    }



    .index-page .car-application .radar-one-part .radar-item.first-radar p {
        left: -138px;
    }

    .index-page .car-application .radar-one-part .radar-item.second-radar p {
        left: -148px;
    }

    .index-page .car-application .radar-one-part .radar-item.third-radar p {
        left: -138px;
    }

    .index-page .car-application .radar-one-part .radar-item.fourth-radar p {
        right: -138px;
    }

    .index-page .car-application .radar-one-part .radar-item.sixth-radar p {
        right: -138px;
    }

    .index-page .car-application .radar-one-part .radar-item.fifth-radar p {
        right: -148px;
    }

    .index-page .car-application .radar-two-part .radar-item.first-radar p {
        left: -180;
    }

    .index-page .car-application .radar-three-part .radar-item.first-radar p {
        left: -169px;
    }

    .index-page .car-application .radar-three-part .radar-item.third-radar p {
        left: -169px;
    }

    .index-page .car-application .radar-three-part .radar-item.fourth-radar p {
        right: -180px;
    }

    .index-page .car-application .radar-three-part .radar-item.sixth-radar p {
        right: -180px;
    }

    .index-page .car-application .radar-three-part .radar-item.seventh-radar p {
        right: -170px;
        top: calc(50% - 10px);
    }

    .index-page .car-application .radar-three-part .radar-item.eighth-radar p {
        right: -150px;
        top: calc(50% - 5px);
    }

    .soc-products-page .screen-one .part-two {
        position: relative;
    }

    .soc-products-page .screen-common {
        height: auto;
    }

    .soc-products-page .screen-one .part-one {
        padding-top: 50px;
    }

    .soc-products-page .screen-one .part-two {
        opacity: 1;
    }

    .soc-products-page .screen-one {
        background-position: top;
        background-size: auto 300px;
    }

    .soc-products-page .soc-common-box {
        width: auto;
        padding: 50px 0;
    }

    .soc-products-page .soc-common-box .icon img {
        max-width: 50px;
        max-height: 50px;
    }

    .soc-products-page .soc-common-box .title {
        margin-top: 30px;
        font-size: var(--big-text-size);
    }

    .soc-products-page .soc-common-box .common-btn {
        margin-top: 20px;
    }

    .soc-products-page .screen-one .part-two .btn-list {
        width: 100%;
        /* justify-content: flex-start; */
    }

    .automotive-page .screen-two .car-container .car,
    .index-page .car-application .car-container .car {
        width: 40%;
    }

    .automotive-page .screen-two .radar-item p,
    .index-page .car-application .radar-item p {
        visibility: hidden;
    }

    .automotive-page .screen-two .radar-item .line,
    .index-page .car-application .radar-item .line {
        visibility: hidden;
    }

    .index-page .banner {
        height: 250px;
    }

    .index-page .banner-second-banner {
        height: auto;
        border-radius: 0;
    }

    .index-page .banner .skip-video {
        display: none;
    }

    .index-page .banner .text-content .play-btn {
        width: 40px;
        height: auto;
        margin-top: 10px;
        border-radius: 50%;
        background-color: #a7a7a778;
    }

    .index-page .banner {
        margin-top: var(--header-height);
    }

    .index-page .banner .slide-down-icon {
        display: none;
    }

    .index-page .banner-swiper .description {
        padding-top: 50px;
        padding-bottom: 150px;
        margin-top: 0;
    }

    .index-page .banner-swiper .swiper-btn-box {
        margin-left: auto;
        margin-bottom: 20px;
        gap: 20px;
    }

    .index-page .car-application .description-container {
        margin-bottom: 50px;
    }

    .radar-detail-page .partner-container .swiper-slide .top {
        height: 200px;
    }

    .index-page .industrial-application .btn-list p {
        display: none;
    }

    .radar-overview-page .video-container .swiper-slide {
        height: 250px;
    }

    .soc-products-page .screen-one .part-two .text {
        font-size: var(--text-size);
    }

    .soc-products-page .soc-common-box .text {
        display: none;
    }

    .soc-products-page .screen-common:not(.screen-one) {
        padding-bottom: 80px;
    }

    .automotive-page.industrial-page .screen-two {
        height: auto;
    }

    .automotive-page.industrial-page .screen-two .video-bg {
        position: relative;
    }

    .automotive-page.industrial-page .screen-two .btn-list .item .item-content {
        padding: 5px;
        padding-right: 20px;
        white-space: nowrap;
    }

    .automotive-page.industrial-page .screen-two .btn-list p {
        display: none;
    }

    .automotive-page.industrial-page .screen-two .btn-list .icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 25px;
        height: 30px;
    }

    .automotive-page.industrial-page .screen-two .btn-list .industrial-btn svg {
        width: 100%;
    }

    .automotive-page.industrial-page .screen-two .btn-list .industrial-btn {
        width: 25px;
    }

    .index-page .consumer-applications .description {
        display: none;
    }

    .index-page .consumer-applications .btn-list .item:nth-child(1) {
        top: 42%;
    }

    .index-page .consumer-applications .btn-list .item:nth-child(3) {
        left: 28%;
        right: auto;
        top: 68%;
    }

    .company-news-page .news-container .top-news .top-news-pic-swiper {
        width: 100%;
        height: 200px;
        aspect-ratio: 16 / 9;
        border-radius: 5px;
    }

    .company-news-page .news-container .top-news .top-news-content-swiper {
        width: 100%;
        border-radius: 5px;
    }

    .company-news-page .news-container .top-news {
        flex-direction: column;
        height: auto;
    }

    .company-news-page .news-container .top-news .top-news-content-swiper .top-news-content-swiper-pagination {
        left: auto;
        right: 10px;
        width: auto;
    }

    .common-collapsible-list .item .more-message .text {
        padding-right: 0;
    }

    .about-page .history-container .history-swiper .swiper-slide,
    .about-page .history-container .history-swiper .swiper-slide.swiper-slide-next+.swiper-slide,
    .about-page .history-container .history-swiper .swiper-slide.swiper-slide-next {
        margin-top: 100px;
    }

    .common-pagination ul::after {
        order: 9;
        content: '';
        width: 100%;
    }

    .experienced-page .business-center-content .position-part-name {
        padding: 20px 15px;
    }

    .experienced-page .business-center-content .common-collapsible-list .item .top-part {
        padding: 20px 15px;
    }

    .experienced-page .business-center-content .position-part-name .position,
    .experienced-page .business-center-content .common-collapsible-list .top-part .position {
        width: 32%;
    }

    .experienced-page .business-center-content .position-part-name .date,
    .experienced-page .business-center-content .common-collapsible-list .date {
        width: 35%;
    }

    .experienced-page .common-collapsible-list .item .more-message .text {
        padding: 0 15px;
    }

    .experienced-page .business-center-content .position-part-name .location,
    .experienced-page .business-center-content .common-collapsible-list .top-part .location {
        display: none;
    }

    .experienced-page .business-center-content .position-part-name .position,
    .experienced-page .business-center-content .common-collapsible-list .top-part .position {
        width: 55%;
    }

    .experienced-page .common-switch-nav {
        justify-content: center;
    }

    .experienced-page .common-switch-nav-no-bg {
        justify-content: center;
    }

    .index-page .car-container-two .car,
    .automotive-page .screen-two .car-container-two .car {
        width: 30%;
        margin-left: 10%;
    }

    .index-page .car-container-two .wave-area-list .item p,
    .automotive-page .screen-two .car-container-two .wave-area-list .item p {
        padding-left: 5px;
        padding-right: 10px;
        font-size: 12px;
    }

    .index-page .car-container-two .wave-area-list .item .icon,
    .automotive-page .screen-two .car-container-two .wave-area-list .item .icon {
        width: 40px;
        height: 40px;
    }

    .index-page .description-container .switch-list,
    .automotive-page .screen-two .description-container .switch-list {
        font-size: 14px;
        align-items: flex-end;
    }

    .index-page .radar-four-part .radar-name,
    .automotive-page .screen-two .radar-four-part .radar-name {
        visibility: hidden;
    }

    .index-page .consumer-applications {
        height: auto;
    }

    .index-page .consumer-applications .btn-list .icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 25px;
        height: 30px;
    }

    .index-page .consumer-applications .btn-list .item:nth-child(1) {
        top: 42%;
    }

    .index-page .consumer-applications .btn-list .item:nth-child(3) {
        left: 28%;
        right: auto;
        top: 68%;
    }

    .index-page .consumer-applications .btn-list .industrial-btn {
        width: 25px;
    }

    .index-page .consumer-applications .btn-list p {
        display: none;
    }

    .index-page .consumer-applications .btn-list .item .item-content {
        padding: 5px;
        padding-right: 20px;
        white-space: nowrap;
    }

    .index-page .consumer-applications .btn-list .industrial-btn .circle-svg {
        width: 100%;
    }

    .company-activity-page .top-message .common-switch-nav-no-bg {
        padding: 0;
    }

    .common-all-product .fn-list {
        row-gap: 5px;
    }

    .common-all-product .fn-list .data-message {
        margin-left: auto;
    }

    .company-news-page .common-switch-nav {
        gap: 0 4%;
    }

    .index-page .car-application {
        height: max(800px, 100vh);
    }

    .index-page .car-container-two .wave-area-list {
        top: 65%;
    }
}

@media (hover: none) and (pointer: coarse) {
    :root {
        --type-area: 25px;
        --header-height: 50px;
        --article-type-area: 25px;
    }

    header .function-list>li:first-child {
        display: none;
    }

    header .top-content {
        padding: 0 20px;
    }

    header .top-content .logo img {
        height: 30px;
    }

    header nav {
        display: none;
    }

    header .function-list {
        gap: 30px;
    }

    header .function-list .phone-menu-icon {
        display: flex;
        justify-content: space-between;
    }
}