@media screen and (max-width: 1440px) {
    .topmenus .esg-dropdown>ul>li:first-child a {
        font-size: 14px;
    }

    .topmenus .esg-dropdown>ul>li>a {
        font-size: 13px;
    }

    .topmenus .esg-dropdown>ul>li.has-more-nav ul a {
        font-size: 13px;
    }

    .esg-map .content-main {
        padding-left: max(20px, calc(var(--ratio-size) * 220));
        padding-right: max(20px, calc(var(--ratio-size) * 220));
    }
}

@media screen and (max-width: 1400px) {
    .esg-map .item .area-one {
        width: max(50px, calc(var(--ratio-size) * 100));
    }
}

@media screen and (max-width: 1300px) {
    .esg-map .content-main {
        padding-left: max(20px, calc(var(--ratio-size) * 120));
        padding-right: max(20px, calc(var(--ratio-size) * 120));
    }
}

@media screen and (max-width: 1200px) {
    .header .logo img {
        width: 100px;
    }

    .hd-page {
        --type-area-padding: max(20px, calc(var(--ratio-size) * 220))
    }

    .esg-govern .build .more-message {
        --ratio-size: calc(100vw / 1400);
    }

    .esg-plan .emission-list .item .part-one .half-content {
        bottom: 6.7%;
    }

    .esg-news .videos-container .videos-list {
        grid-template-columns: repeat(2, calc(var(--ratio-size) * 711));
    }

    .esg-news .videos-container .videos-list .item {
        height: calc(var(--ratio-size) * 266.8);
    }
}

@media screen and (max-width: 1024px) {
    .hd-page {
        --type-area-padding: max(15px, calc(var(--ratio-size) * 120))
    }

    .esg-govern .build .more-message {
        --ratio-size: calc(100vw / 1100);
    }

    .esg-plan .emission-list .item .part-one .half-content {
        bottom: 11.7%;
    }

    .esg-page .latest .swiper-slide {
        width: calc(calc(100% + 40px) / 1.5);
        padding-right: 40px;
    }

    .esg-page .latest .swiper-slide.swiper-slide-active.active {
        width: calc(calc(100% + 40px) / 1.5);
    }

    .esg-govern .more-message .data-item.seventh {
        bottom: 14%;
    }

    .esg-news .videos-container .videos-list {
        grid-template-columns: repeat(2, calc(var(--ratio-size) * 805));
    }

    .esg-news .videos-container .videos-list .item {
        height: calc(var(--ratio-size) * 300);
    }
}

@media screen and (max-width: 1000px) {
    .esg-page .weather .content-main .list {
        flex-direction: column;
    }

    .esg-page .weather .content-main .bg {
        display: none;
    }

    .esg-page .weather .content-main .list {
        height: auto;
    }

    .esg-page .weather .content-main .list .item {
        padding: 50px 25px;
    }

    .esg-page .weather .content-main .list .item .text-content {
        display: block;
    }

    .esg-supply-chain-management .message-container .list {
        flex-wrap: wrap;
    }

    .esg-supply-chain-management .message-container .list .item {
        flex: none;
        width: calc(50% - 10px);
    }

    .esg-map .item {
        flex-direction: column;
    }

    .esg-map .item .area-one {
        width: 100%;
    }

    .esg-map .item .area-two {
        flex-direction: column;
    }

    .esg-map .item .area-two.roof {
        flex-direction: row;
        padding-top: 150px;
        padding-bottom: 30px;
    }

    .esg-map .item .area-two .detail-list {
        flex-direction: column;
    }

    .esg-map .item .area-two {
        margin-left: 0;
    }

    .esg-map .item .area-two .pillar-name {
        width: 100%;
    }

    .esg-map .item .area-two .pillar-name p {
        width: 100%;
    }

    .esg-map .item:last-child .area-one::after,
    .esg-map .item:last-child .area-two::after {
        border-bottom: none;
    }

    .esg-map .item .area-two .detail-list,
    .esg-map .item .area-two .built-list {
        flex-wrap: wrap;
        gap: 20px;
    }

}

@media screen and (max-width: 768px) {
    .hd-page {
        --type-area-padding: 15px;
    }

    .esg-page .latest .swiper-slide {
        width: 100%;
        padding-right: 0;
    }

    .esg-page .latest .swiper-slide.swiper-slide-active.active {
        width: 100%;
    }

    .esg-page .report-content-main {
        flex-direction: column;
    }

    .esg-page .report-content-main .list {
        margin-top: 20px;
    }

    .esg-page .manage .swiper-slide .text-content {
        display: block;
    }

    .esg-page .manage .manage-swiper {
        width: calc(100% - var(--type-area-padding) * 2);
        margin-right: auto;
        overflow: hidden;
    }

    .esg-page .latest .news-swiper {
        width: calc(100% - var(--type-area-padding) * 2);
        margin-right: auto;
        overflow: hidden;
    }

    .esg-page .supply-chain {
        flex-direction: column;
    }

    .esg-page .supply-chain .left {
        width: 100%;
    }

    .esg-page .supply-chain .image {
        width: 100%;
        ;
        height: 500px;
    }

    .esg-page .meeting .content-main .title {
        margin-top: 10px;
    }

    .esg-deploy .decrease .map-content .top-title {
        padding-top: 50px;
        padding-bottom: 30px;
    }

    .esg-govern .framework .step-list {
        flex-direction: column;
    }

    .esg-plan .emission-list {
        flex-direction: column;
        padding-bottom: 0;
    }

    .esg-plan .emission-list .item:first-child,
    .esg-plan .emission-list .item {
        width: 100%;
    }

    .esg-plan .emission-list .item .part-one .half-content {
        position: relative;
        width: 100%;
        left: auto;
        bottom: auto;
    }

    .esg-plan .emission-list .item.item:not(:last-child)::after {
        display: none;
    }

    .esg-plan .emission-list .item:not(:first-child) .part-one .hd-text-title,
    .esg-plan .emission-list .item:not(:first-child) .part-two .hd-text-title {
        /* display: none; */
        display: block;
        opacity: 1;
        visibility: visible;
    }

    .esg-plan .emission-list .item .part-one .full-content {
        margin-top: 20px;
    }

    .esg-plan .strategy .text {
        padding: 0;
    }

    .esg-plan .strategy-list {
        flex-direction: column;
    }

    .esg-plan .strategy-list .item:not(:first-child) .hd-text-title {
        display: none;
    }

    .esg-plan .strategy-list .item.item:not(:last-child)::after {
        display: none;
    }

    .esg-deploy .fall .list {
        flex-direction: column;
    }

    .esg-deploy .fall .list .item {
        flex: auto;
        height: 350px;
    }

    .esg-deploy .decrease .map-content .list {
        flex-direction: column;
    }

    .hd-inside-description .manage-content {
        flex-direction: column;
        margin-top: 10px;
    }

    .hd-inside-description .text-content {
        margin-right: 0;
    }

    .hd-inside-description .image {
        width: 100%;
    }

    .hd-inside-description .image img {
        width: 100%;
    }

    .hd-inside-investment .data-list .item {
        display: flex;
        flex-direction: column;
    }

    .hd-inside-investment .data-list .item:first-child .data::before {
        width: 100%;
    }

    .hd-inside-investment .data-list .item .data {
        padding: 10px 0;
        border-left: none;
    }

    .hd-inside-investment .data-list .item:first-child .num {
        transform: translateX(100%);
    }

    .esg-environment .serve .serve-swiper .swiper-slide {
        width: 100%;
        height: auto;
    }

    .esg-environment .serve .serve-swiper {
        width: calc(100% - var(--type-area-padding) * 2);
    }

    .esg-public .community-list {
        flex-direction: column;
    }

    .esg-public .care .care-swiper {
        width: calc(100% - calc(var(--type-area-padding) * 2));
    }

    .esg-public .care .care-swiper .swiper-slide {
        width: 100%;
        height: 250px;
    }

    .esg-talents .bottom-content .talents-swiper {
        width: calc(100% - var(--type-area-padding) * 2);
    }

    .esg-talents .bottom-content .talents-swiper .swiper-slide {
        width: 100%;
    }

    .esg-talents .bottom-content .text-content-swiper {
        padding-left: 0;
        padding-right: 0;
    }

    .esg-harmony .step-list {
        flex-direction: column;
    }

    .esg-harmony .step-list .name .arrow-icon {
        margin-left: auto;
    }

    .esg-harmony .step-list .text-content {
        padding: 25px 20px;
    }

    .esg-harmony .improve {
        flex-direction: column-reverse;
    }

    .esg-harmony .improve .left-text,
    .esg-harmony .improve .image {
        width: 100%;
    }

    .esg-harmony .improve .left-text {
        padding-right: 0;
    }

    .esg-welfare .help-list .help-item {
        flex-direction: column;
    }

    .esg-welfare .help-list .help-item .image {
        width: 100%;
    }

    .esg-welfare .help-list .help-item .item-message {
        flex: auto;
        width: 100%;
        padding-left: var(--type-area-padding);
    }

    .esg-welfare .help-list .help-item .item-message .hd-data-list {
        flex-direction: column;
        text-align: center;
    }

    .esg-welfare .help-list .help-item .item-message .hd-data-item:not(:last-child) {
        margin-bottom: 20px;
    }

    .esg-welfare .help-list .help-item:nth-child(even) {
        flex-direction: column;
    }

    .esg-welfare .help-list .help-item:nth-child(even) .item-message {
        padding-right: var(--type-area-padding);
    }

    .esg-talent-management .list {
        gap: 20px;
    }

    .esg-talent-management .list .item {
        width: calc((50% - 10px));
    }

    .esg-talent-management .list .more-content {
        padding: 20px;
    }

    .esg-production-management .data-message .list {
        grid-template-columns: repeat(1, 1fr);
    }

    .esg-innovation-management .build .data-list {
        grid-template-columns: repeat(1, 1fr);
    }

    .esg-quality-management .data-message .data-list {
        flex-direction: column;
    }

    .esg-quality-management .data-message .data-list-item .list {
        flex-direction: column;
    }

    .esg-quality-management .data-message .data-list-item .item {
        min-height: auto;
    }

    .esg-purchasing-management .list {
        gap: 20px;
    }

    .esg-purchasing-management .list .item {
        width: calc(50% - 10px);
    }

    .esg-purchasing-management .list .more-content {
        padding: 20px;
    }

    .esg-service-management .hd-inside-description .manage-content {
        margin-top: 25px;
    }

    .esg-rating-management .rating-content .image {
        flex-direction: column;
        height: auto;
    }

    .esg-rating-management .rating-content .image img {
        width: 100%;
    }

    .esg-rating-management .honor .list {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .hd-pdf-container .hd-pdf-list {
        grid-template-columns: repeat(1, 1fr);
    }

    .esg-green-product .green-content .quarter-list {
        flex-direction: column;
    }

    .hd-pdf-container .hd-pdf-list-2 {
        grid-template-columns: repeat(1, 1fr);
    }

    .hd-pdf-container .hd-pdf-list-2 .item .top-image::after {
        opacity: 1;
    }

    .hd-pdf-container .hd-pdf-list-2 .item .top-image .btn {
        opacity: 1;
    }

    .esg-factory .nine-factory .factory-swiper {
        width: calc(100% - var(--type-area-padding) * 2);
    }

    .esg-factory .nine-factory .factory-swiper .swiper-slide {
        width: 100%;
    }

    .esg-supply-chain-management .message-container .list .item {
        width: 100%;
    }

    .esg-news .news-container .top-news-list {
        flex-direction: column;
        height: auto;
    }

    .esg-news .news-container .top-news-list .item {
        width: 100%;
        height: 270px;
    }

    .esg-news .news-container .news-list {
        grid-template-columns: repeat(1, 1fr);
    }

    .esg-news .videos-container .videos-list {
        flex-direction: column;
        height: auto;
    }

    .esg-news .news-container .top-news-list .first-item {
        flex: none;
    }

    .esg-news .videos-container .top-video {
        height: 270px;
    }

    .esg-news .videos-container .videos-list {
        grid-template-columns: repeat(1, 1fr);
    }

    .esg-news .videos-container .videos-list .item {
        height: 155px;
    }

    .esg-news .news-container .top-content .hd-inside-title {
        flex: 1;
    }

    .esg-deploy .decrease .map-content .item-detail {
        padding-left: 10px;
        padding-right: 10px;
    }

    .esg-welfare {
        padding-bottom: 40px;
    }

    .esg-production-management .data-message .list .item {
        background-color: rgba(255, 255, 255, .1);
    }

    .esg-govern .build .more-message {
        display: none;
    }

    .esg-govern .phone-more-message {
        display: block;
    }

    .esg-govern .phone-more-picture {
        display: block;
    }

    .esg-service-management .text-content .item {
        padding-right: 0;
    }

    .hd-inside-description .text-content .description {
        position: relative;
    }
}