@media screen and (max-width: 1540px) {
    .gcl-group-container .fbr .text-main {
        margin-top: 10%;
    }
}

@media screen and (max-width:960px) {
    .switch-product .link {
        right: 10px;
    }

    .switch-product .link .link-btn {
        padding: 5px 10px;
        font-size: 14px;
        border-radius: 20px;
    }

    .type-area {
        padding: 0 10px;
    }

    .header {
        display: flex;
        justify-content: space-between;
        height: 50px;
        padding: 10px 20px;
    }

    .header.index-header {
        padding: 10px 10px;
    }

    .header .bottom-content {
        display: none;
    }

    .header .top-content {
        height: 100%;
        padding-bottom: 0;
    }

    .header .top-content .function-content {
        display: none;
    }

    .header .logo-content .logo-pic {
        width: unset;
        height: 100%;
    }

    .header .logo-content .logo-pic img {
        width: 80px;
        height: 100%;
    }

    .header .logo-content .stock-code {
        /* flex: 1; */
        width: 200px;
        margin-top: 10px;
        font-size: 12px;
    }

    .header .phone-menu {
        position: relative;
        z-index: 11;
        display: flex;
    }

    .phone-menu-left,
    .phone-menu-right {
        position: fixed;
        top: 0;
        z-index: 10;
        display: block;
        height: 100vh;
        transition: all .5s;
    }

    .phone-menu-left {
        width: 65%;
        /* background-color: rgba(0, 0, 0, .5); */
        transform: translateX(-100%);
        background-color: #fff;
    }

    .phone-menu-left ul {
        font-size: 14px;
        background-color: #fff;
    }

    .phone-menu-left ul a {
        display: inline-block;
        width: 100%;
    }

    .phone-menu-left ul .first-floor {
        border-bottom: 1px solid #c1c1c1;
    }

    .phone-menu-left ul .first-floor a {
        padding: 10px 20px;
    }

    .phone-menu-left ul .first-floor .icon {
        display: flex;
        align-items: center;
        justify-content: center;
        /* width: 20px; */
        padding: 0 10px;
    }

    .phone-menu-left ul .first-floor .icon img {
        width: 13px;
        transition: all .5s;
    }

    .phone-menu-left ul .first-floor.active .icon img {
        transform: rotate(45deg);
    }

    .phone-menu-left ul .second-floor {
        display: none;
    }

    .phone-menu-left ul .second-floor a {
        padding: 8px;
        padding-left: 25px;
    }

    .phone-menu-left ul .second-floor li:first-child {
        border-top: 1px solid #c1c1c1;
    }

    .phone-menu-left ul .second-floor li:not(:last-child) a {
        border-bottom: 1px solid #c1c1c1;

    }

    .phone-menu-left ul .has-more {
        display: flex;
        align-items: stretch;
        /* border-bottom: 1px solid #c1c1c1; */
    }

    .phone-menu-right {
        width: 35%;
        right: 0;
        background-color: rgba(0, 0, 0, .3);
        transform: translateX(100%);
        transition: all .5s;
    }

    .phone-menu-left .close-btn {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 40px;
        height: 40px;
        padding: 10px 8px;
        margin: 0 auto;
        margin-top: 30px;
        background-color: #fff;
        border-radius: 50%;
    }

    .phone-menu-left .close-btn span {
        width: 100%;
        height: 3px;
        background-color: #00913a;
        margin-left: 3.5px;
    }


    .phone-menu-left .close-btn span:nth-child(1) {
        transform-origin: left;
        transform: rotate(45deg);
    }

    .phone-menu-left .close-btn span:nth-child(2) {
        opacity: 0;
    }

    .phone-menu-left .close-btn span:nth-child(3) {
        transform-origin: left;
        transform: rotate(-45deg);
    }

    .phone-menu-left.active {
        transform: translateX(0);
    }

    .phone-menu-right.active {
        transform: translateX(0);
    }

    .phone-menu-right .close-btn {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 40px;
        height: 40px;
        padding: 10px 8px;
        margin-top: 10px;
        margin-right: 10px;
        margin-left: auto;
    }

    .phone-menu-right .close-btn span {
        width: 100%;
        height: 3px;
        background-color: #00913a;
        margin-left: 3.5px;
    }


    .phone-menu-right .close-btn span:nth-child(1) {
        transform-origin: left;
        transform: rotate(45deg);
    }

    .phone-menu-right .close-btn span:nth-child(2) {
        opacity: 0;
    }

    .phone-menu-right .close-btn span:nth-child(3) {
        transform-origin: left;
        transform: rotate(-45deg);
    }

    .common-banner {
        height: 150px;
        margin-top: 50px;
    }

    .common-banner .common-l-text {
        font-size: 16px;
    }

    .common-l-text {
        font-size: 14px;
    }

    .common-s-text {
        font-size: 14px;
    }

    .common-xl-title {
        font-size: 16px;
    }

    .common-m-text {
        font-size: 14px;
    }

    .common-m-title {
        font-size: 16px;
    }

    .common-l-title {
        font-size: 14px;
    }

    .common-banner .common-xxxl-title {
        font-size: 20px;
    }

    .common-banner .roll-icon {
        display: none;
        width: 30px;
    }

    .common-banner .banner-video {
        right: 30px;
        bottom: auto;
        width: 150px;
        height: 90px;
        font-size: 12px;
    }

    .common-banner .banner-video .play-btn img {
        width: 25px;
        cursor: pointer;
        transition: all .5s;
    }

    .full-banner .banner-swiper .swiper-content {
        width: 100%;
    }

    .full-banner .banner-swiper .title {
        margin-top: 20px;
        font-size: 40px;
    }

    .full-banner .banner-swiper .common-btn {
        margin-top: 30px;
    }

    .full-banner .banner-swiper .common-btn a {
        padding: 10px 15px;
        font-size: 14px;
    }

    .full-banner .banner-swiper .s-title {
        font-size: 25px;
    }

    .full-banner .roll-icon {
        bottom: 80px;
        right: 50%;
        transform: translateX(50%);
        width: 30px;
        height: 30px;
        animation-name: jumpIndexMobileAn;
    }

    .full-page-swiper {
        overflow: auto;
        height: auto;
    }

    .full-page-swiper>.swiper-wrapper {
        flex-direction: column;
    }

    .index-page .full-products {
        min-height: auto;
        width: 100%;
        padding-bottom: 30px;
        overflow: hidden;
    }

    .index-page .full-products .top-content {
        padding-top: 30px;
    }

    .index-page .full-products .modules-swiper .name {
        font-size: 16px;
    }

    .index-page .full-products .product-swiper .swiper-slide-active .pic.big {
        transform: scale(1);
        transform-origin: left bottom;
    }

    .index-page .full-products .bottom-content {
        flex-direction: column;
    }

    .index-page .full-products .bottom-content .left {
        width: 100%;
    }

    .index-page .full-products .modules-swiper .text-content li {
        margin-bottom: 10px;
    }

    .index-page .full-products .modules-swiper .common-btn {
        margin-top: 20px;
    }

    .index-page .full-products .product-swiper {
        width: 100%;
        height: 300px;
    }

    .index-page .full-products .modules-swiper .text-content {
        padding-left: 10px;
    }

    .index-page .full-products .product-swiper .pic {
        margin-left: 20%;
    }

    .index-page .full-products .swiper-slide.swiper-slide-active .pic {
        display: flex;
        justify-content: center;
        width: 80%;
        margin: 0 auto;
    }

    /* .index-page .full-products .swiper-slide.swiper-slide-active .pic img {
        margin-left: 20%;
    } */

    .index-page .full-products .product-swiper .pic .full-pic {
        left: auto;
    }

    .index-page .full-products .common-switch-btn {
        justify-content: flex-end;
    }

    .common-switch-btn .prev-btn,
    .common-switch-btn .next-btn {
        width: 30px;
        height: 30px;
    }

    .index-page .full-solution .common-title-content {
        padding-top: 20px;
    }

    .index-page .full-solution .common-title-content .common-xl-text {
        font-size: 14px;
    }

    .index-page .full-solution .common-title-content .common-l-title {
        margin-top: 5px;
        font-size: 16px;
    }

    .index-page .full-business {
        min-height: auto;
        padding-top: 30px;
        padding-bottom: 40px;
    }

    .index-page .full-business .common-xl-text {
        font-size: 16px;
    }

    .index-page .full-business .text {
        width: 100%;
        margin-top: 10px;
        font-size: 14px;
    }

    .index-page .full-business .common-btn {
        margin-top: 20px;
    }

    .index-page .full-business .video-content {
        position: relative;
        right: auto;
        bottom: auto;
        width: 230px;
        height: 150px;
        margin: 0 auto;
        margin-top: 30px;
    }

    .index-page .full-business .video-content .play-btn {
        font-size: 12px;
    }

    .index-page .full-business .video-content .play-btn img {
        width: 30px;
        height: 30px;
    }

    .index-page .full-news {
        min-height: auto;
        padding-top: 30px;
    }

    .index-page .full-news .top-content .common-xl-title {
        font-size: 16px;
    }

    .index-page .full-news .news-swiper {
        height: auto;
        margin-top: 20px;
    }

    .index-page .full-news .swiper-slide {
        transition: none;
    }

    .index-page .full-news .swiper-slide .pic {
        height: 200px;
    }

    .index-page .full-news .swiper-slide .text {
        height: 80px;
    }

    .index-page .full-news .swiper-slide .btn-content {
        width: 50px;
        height: 100%;
    }

    .index-page .full-news .swiper-slide .btn-content img {
        width: 25px;
    }

    .index-page .full-news .news-swiper .type {
        font-size: 14px;
    }

    .index-page .full-news .swiper-slide .text-content .title {
        font-size: 14px;
    }

    .index-page .full-news .swiper-slide {
        width: 100% !important;
    }

    .index-page .esg-content {
        height: auto;
        padding: 30px 0;
        background-attachment: unset;
    }

    .index-page .esg-content .common-xl-text {
        font-size: 16px;
    }

    .index-page .esg-content .common-xl-title {
        width: 90%;
        margin: 0 auto;
        margin-top: 10px;
        font-size: 16px;
    }

    .index-page .esg-content .common-btn {
        margin-top: 20px;
    }

    .modules-content .switch-product {
        overflow: auto;
        justify-content: flex-start;
    }

    .modules-content .switch-product .product-item {
        flex: none;
        width: 100px;
        padding: 10px 10px;
    }

    .modules-content .switch-product .product-item .icon {
        width: 60px;
        height: 40px;
    }

    .modules-content .switch-product .common-m-text {
        margin-top: 5px;
        font-size: 14px;
    }

    .modules-content .product-list .product-item {
        width: 100%;
        padding-bottom: 30px;
    }

    .modules-content .product-list .product-item .text {
        padding: 30px 10px;
    }

    .modules-content .product-list .product-item .name {
        font-size: 16px;
    }

    .modules-content .product-list .product-item .param {
        margin-top: 20px;
    }

    .modules-content .product-list .product-item .param .common-s-text {
        margin-top: 0;
    }

    .modules-content .product-list .product-item .pic {
        margin-top: 30px;
        height: 300px;
    }

    .modules-content .product-list .product-item:nth-child(3n + 2) {
        margin-left: 0;
        margin-right: 0;
    }

    .product-dialog .dialog-main {
        display: flex;
        flex-direction: column;
        height: auto;
        margin-top: 100px;
        background-color: unset;
    }

    .product-dialog .dialog-pic {
        width: 100%;
    }

    .product-dialog .right {
        width: 100%;
        padding-bottom: 20px;
        background-color: #fff;
    }

    .product-dialog .dialog-pic .text-content .title {
        font-size: 16px;
    }

    .product-dialog .dialog-pic .text-content .num {
        margin-top: 20px;
        font-size: 14px;
    }

    .product-dialog .dialog-pic .text-content .dialog-text {
        font-size: 14px;
    }

    .product-dialog {
        overflow: auto;
        padding-bottom: 100px;
    }

    .product-dialog .dialog-pic .text-content .product-img {
        height: auto;
        margin-top: 30px;
    }

    .product-dialog .dialog-pic .text-content .product-img img {
        max-height: 300px;
    }

    .product-dialog .right .dialog-title {
        font-size: 16px;
    }

    .product-dialog .right .download-list {
        margin-top: 15px;
    }

    .product-dialog .right .download-list .item:not(:first-child) {
        margin-top: 10px;
    }

    .product-dialog .right .download-list .item .top {
        padding: 8px 5px;
        padding-left: 13px;
        font-size: 14px;
    }

    .product-dialog .right .download-list .item .top .icon {
        width: 30px;
        height: 30px;
    }

    .product-dialog .right .download-list .item li a:not(.wfEditorMode) {
        flex-direction: column;
        padding: 10px 5px;
        font-size: 14px;
    }

    .product-dialog .right .download-list .item li .download-left p {
        margin-left: 5px;
    }

    .product-dialog .right .download-list .item li .download-right {
        text-align: right;
        align-self: flex-end;
        margin-top: 10px;
    }

    .product-dialog .right .download-list .item li .download-right .icon {
        width: 15px;
        margin-left: 5px;
    }

    .product-dialog .right .close-btn {
        display: none;
    }

    .product-dialog .phone-close-btn {
        display: block;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        overflow: hidden;
        box-shadow: 0 0 5px #fff;
        margin: 0 auto;
        margin-top: 30px;
    }

    .solution-container .switch-day-night .switch-btn {
        width: 50px;
        height: 20px;
        margin-top: 20px;
        border-radius: 30px;
    }

    .solution-container .switch-day-night .switch-btn .icon {
        width: 20px;
        height: 20px;
    }

    .solution-container .home {
        padding-bottom: 40px;
        margin-top: 40px;
        transform: scale(1.2);
    }

    .solution-container .home .item .text {
        display: none;
    }

    .solution-container .home .item .title {
        font-size: 10px;
    }

    .solution-container .home .item .pic img {
        max-width: 30px;
        max-height: 30px;
    }

    .solution-container .system-highlights {
        padding-top: 0;
    }

    .solution-container .hybrid-solar {
        position: relative;
        top: 0;
        flex-direction: column;
        padding-left: 0;
    }

    .solution-container .hybrid-solar .pic {
        width: 100%;
    }

    .solution-container .hybrid-solar .text-content .description {
        font-size: 14px;
    }

    .solution-container .system-highlights .title {
        margin-top: 30px;
        margin-bottom: 20px;
        font-size: 16px;
    }

    .solution-container .system-highlights .list {
        justify-content: space-between;
    }

    .solution-container .system-highlights .list .item {
        width: 49%;
    }

    .solution-container .system-highlights .list .item:nth-child(3n+2) {
        margin-left: 0;
        margin-right: 0;
    }

    .solution-container .system-highlights .list .serial {
        width: 25px;
        height: 25px;
        font-size: 12px;
    }

    .solution-container .product-param {
        height: auto;
    }

    .solution-container .product-param .product-swiper {
        /* height: 400px; */
        margin-top: 20px;
    }

    .solution-container .product-param .param-item {
        position: relative;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        display: block;
        width: 100%;
        transform: none !important;
    }

    .solution-container .product-param .product-swiper .pic {
        width: 65%;
        height: 200px;
    }

    .solution-container .product-param .param-item:not(:first-child) {
        margin-top: 10px;
    }

    .solution-container .product-param .param-item p {
        margin-top: 5px;
    }

    .solution-container .product-param .product-text .description {
        font-size: 14px;
    }

    .solution-container .product-param .product-button-prev,
    .solution-container .product-param .product-button-next {
        width: 30px;
        height: 30px;
    }

    .solution-container .product-param .param-item .icon {
        width: 30px;
        height: 30px;
    }

    .solution-container .related-case {
        padding-top: 0;
    }

    .solution-container .related-case .service {
        position: relative;
        top: 0;
        width: 100%;
        height: auto;
        background-position: right;
    }

    .solution-container .related-case .service .left-text {
        width: 100%;
        padding-top: 20px;
        padding-left: 20px;
        padding-bottom: 20px;
    }

    .solution-container .related-case .service .left-text li {
        align-items: center;
        padding: 10px 3px;
    }

    .solution-container .related-case .service .left-text li .icon {
        width: 30px;
        height: 30px;
    }

    .solution-container .related-case .service .left-text li .icon img {
        height: 20px;
    }

    .solution-container .related-case .service .title {
        font-size: 16px;
    }

    .solution-container .related-case .service .left-text ul {
        font-size: 14px;
    }

    .solution-container .related-case .product-item .name {
        font-size: 16px;
    }

    .solution-container .related-case .common-xl-title {
        margin-top: 30px;
    }

    .solution-container .related-case .case-list {
        margin-top: 20px;
    }

    .solution-container .related-case .product-item {
        width: 100%;
        padding-bottom: 30px;
    }

    .solution-container .related-case .product-item:nth-child(3n + 2) {
        margin-left: 0;
        margin-right: 0;
    }

    .solution-container .related-case .product-item .param {
        margin-top: 20px;
    }

    .solution-container .related-case .product-item .text {
        padding: 30px 10px;
    }

    .solution-container .related-case .product-item .pic {
        width: 100%;
        height: 300px;
        margin-top: 30px;
    }

    .solution-container .related-case .product-item .pic img {
        /* height: 300px; */
        height: auto;
        max-height: 100%;
    }

    .about-us-container .gcl-description .text-content {
        margin-top: 20px;
    }

    .about-us-container .gcl-description {
        flex-direction: column;
    }

    .about-us-container .gcl-description .right-text {
        width: 100%;
    }

    .about-us-container .gcl-data {
        height: auto;
    }

    .about-us-container .gcl-main {
        width: 100%;
    }

    .about-us-container .gcl-main .data-item {
        padding: 10px 25px;
    }

    .about-us-container .gcl-main .data-item .num {
        font-size: 20px;
    }

    .about-us-container .gcl-main .data-item .unit {
        margin-left: 5px;
        font-size: 12px;
    }

    .about-us-container .gcl-main .data-item .name {
        font-size: 14px;
    }

    .about-us-container .milestones .overview {
        position: relative;
        top: auto;
        flex-direction: column;
        width: 100%;
        height: auto;
    }

    .about-us-container .milestones .overview .pic {
        width: 100%;
        height: 250px;
        margin-top: 30px;
        font-size: 0;
    }

    .about-us-container .milestones-main {
        padding-top: 30px;
    }

    .about-us-container .milestones-main .milestones-swiper .text {
        margin-top: 10px;
    }

    .about-us-container .milestones-main .milestones-swiper {
        width: 300px;
        height: auto;
        padding-bottom: 50px;
        margin-left: 50px;
    }

    .about-us-container .milestones-swiper .milestones-button {
        width: 30px;
        height: 30px;
        margin-top: 10px;
    }

    .about-us-container .milestones-swiper .milestones-button-next {
        margin-left: 10px;
    }

    .about-us-container .milestones-main .milestones-swiper .line-left {
        height: 100%;
    }

    .about-us-container .year-swiper {
        height: 130px;
        margin-top: -23px;
    }

    .about-us-container .year-swiper .dot {
        width: 20px;
        height: 20px;
    }

    .about-us-container .year-swiper .swiper-slide p {
        font-size: 14px;
    }

    .about-us-container .globalization {
        padding-top: 30px;
    }

    .about-us-container .globalization-main {
        flex-direction: column;
        padding-left: 10px;
    }

    .about-us-container .globalization-main .allocation-item {
        width: 100%;
        padding: 10px;
    }

    .about-us-container .globalization-main .allocation-item:not(:last-child) {
        margin-bottom: 10px;
    }

    .about-us-container .globalization-main .allocation-item .pic {
        width: 35px;
        margin-right: 10px;
    }

    .about-us-container .globalization-main .allocation-item .title {
        font-size: 14px;
        font-weight: bold;
    }

    .about-us-container .globalization-main .allocation-item .text {
        font-size: 14px;
    }

    .about-us-container .globalization-main .right-map img {
        width: 100%;
        margin-left: 0;
    }

    .about-us-container .corporate-culture .culture-item {
        width: 100%;
        margin-bottom: 10px;
        padding: 20px;
    }

    .about-us-container .corporate-culture .culture-item .icon {
        width: 50px;
    }

    .about-us-container .corporate-culture .culture-item .icon::before {
        width: 54px;
        height: 54px;
    }

    .about-us-container .corporate-culture .culture-item .title {
        font-size: 14px;
    }

    .about-us-container .corporate-culture .culture-item .text {
        font-size: 14px;
    }

    .strength-container .description {
        flex-direction: column;
        padding-top: 20px;
    }

    .strength-container .description .left {
        width: 100%;
    }

    .strength-container .description .text {
        width: 100%;
    }

    .strength-container .strength-item {
        padding-left: 60px;
    }

    .strength-container .strength-item .icon-content {
        width: 40px;
        height: 40px;
    }

    .strength-container .strength-list::before {
        left: 20px;
    }

    .strength-container .strength-main {
        flex-direction: column-reverse;
    }

    .strength-container .strength-main .pic {
        width: 100%;
        height: 300px;
    }

    .strength-container .strength-main .title {
        font-size: 16px;
    }

    .strength-container .strength-main .text-content {
        font-size: 14px;
    }

    .strength-container .strength-main .data-list {
        margin-top: 20px;
    }

    .strength-container .strength-main .data-item {
        width: 100%;
        margin-bottom: 15px;
    }

    .strength-container .strength-main .data-item .icon {
        width: 30px;
        height: 30px;
    }

    .strength-container .strength-main .data-item .text strong {
        font-size: 14px;
    }

    .strength-container .strength-main .data-item .text {
        font-size: 14px;
    }

    .career-container .career-slogan {
        flex-direction: column;
        padding-bottom: 20px;
    }

    .career-container .slogan-item {
        width: 100%;
        height: 400px;
    }

    .career-container .slogan-item:nth-child(3n + 2) {
        margin-left: 0;
        margin-right: 0;
    }

    .career-container .slogan-item .title {
        width: 90%;
        margin-top: 100px;
        font-size: 16px;
    }

    .career-container .slogan-item .icon {
        width: 30px;
        height: 30px;
        margin-top: 20px;
    }

    .career-container .slogan-item .text {
        width: 90%;
        font-size: 14px;
    }

    .career-container .join-us {
        padding-top: 0;
    }

    .career-container .join-us .work-in {
        position: relative;
        top: auto;
        left: auto;
        flex-direction: column;
        padding: 0;
    }

    .career-container .work-in .pic {
        width: 100%;
        font-size: 0;
    }

    .career-container .work-in .text-content {
        width: 100%;
    }

    .career-container .work-in .swiper-slide .s-title {
        font-size: 16px;
    }

    .career-container .work-in .swiper-slide .title {
        margin-top: 10px;
        font-size: 16px;
    }

    .career-container .work-in .swiper-slide .text {
        font-size: 14px;
    }

    .career-container .work-in .work-button-prev,
    .career-container .work-in .work-button-next {
        width: 30px;
        height: 30px;
    }

    .career-container .join-us-description {
        flex-direction: column;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .career-container .join-us-description .left {
        width: 100%;
    }

    .career-container .join-us-description .text-content {
        width: 100%;
    }

    .career-container .join-us-description .text-content .text {
        margin-top: 10px;
        font-size: 14px;
    }

    .career-container .join-us-switch {
        flex-direction: column;
    }

    .career-container .join-us-switch .title {
        font-size: 16px;
    }

    .career-container .join-us-switch .btn-item {
        height: auto;
        padding: 5px 15px;
        margin-bottom: 10px;
        border-radius: 20px;
        font-size: 14px;
    }

    .career-container .join-us-switch .btn-container {
        flex-wrap: wrap;
        margin-top: 10px;
    }

    .career-container .join-us-list {
        margin-top: 10px;
    }

    .career-container .join-us-list .title-main {
        flex: 1;
        flex-direction: column;
        font-size: 14px;
    }

    .career-container .join-us-list .title-main .title {
        width: 100%;
        font-size: 14px;
    }

    .career-container .join-us-list .title-main .city,
    .career-container .join-us-list .title-main .category {
        display: flex;
        align-items: center;
        width: 100%;
    }

    .career-container .join-us-item {
        margin-bottom: 10px;
    }

    .career-container .join-us-list .title-main .text {
        margin-left: 10px;
    }

    .career-container .join-us-list .title-content .icon {
        width: 30px;
        height: 30px;
    }

    .career-container .join-us-list .title-content .icon img {
        width: 100%;
        height: 100%;
    }

    .career-container .join-us-list .message-content {
        padding-right: 10px;
        padding-left: 10px;
    }

    .career-container .join-us-list .message-content h6 {
        font-size: 14px;
    }

    .career-container .join-us-list .message-content ul {
        padding-left: 18px;
        font-size: 14px;
    }

    .career-container .join-us-list .message-content p {
        font-size: 14px;
    }

    .career-container .join-us-list .message-content .send-email a {
        padding: 10px 15px;
        border-radius: 20px;
    }

    .common-more-btn {
        font-size: 14px;
    }

    .common-more-btn .pic {
        width: 30px;
        height: 30px;
    }

    .esg-container .environment {
        flex-direction: column;
        padding-bottom: 40px;
    }

    .esg-container .environment .left {
        width: 100%;
    }

    .esg-container .environment .right {
        width: 100%;
        margin-top: 10px;
    }

    .esg-container .environment .right .text {
        font-size: 14px;
    }

    .common-btn a {
        font-size: 14px;
        padding: 5px 10px;
        border-radius: 20px;
    }

    .common-download-btn a .icon {
        margin-left: 5px;
    }

    .common-download-btn a img {
        width: 15px;
    }

    .esg-container .goals {
        padding: 0;
    }

    .esg-container .goals .pic {
        position: relative;
        top: auto;
        left: auto;
        height: auto;
        padding: 0;
    }

    .esg-container .goals-main {
        flex-direction: column;
        padding: 0 10px;
        margin-top: 30px;
    }

    .esg-container .goals-main .left {
        width: 100%;
        margin-right: 0;
    }

    .esg-container .goals-main .goals-list {
        width: 100%;
        margin-top: 10px;
    }

    .esg-container .goals-main .left .serial {
        display: none;
    }

    .esg-container .goals-list .icon {
        width: 30px;
        height: 30px;
    }

    .esg-container .goals-list .title {
        font-size: 14px;
    }

    .esg-container .goals-main .goals-list {
        height: 300px;
    }

    .esg-container .goals-list .show-more {
        margin-left: 30px;
        font-size: 14px;
    }

    .esg-container .goals-list .item {
        padding: 20px 10px;
    }

    .esg-container .goals-list .item-icon {
        width: 40px;
    }

    .esg-container .environment-item {
        flex-direction: column;
    }

    .esg-container .environment-item .left {
        width: 100%;
    }

    .esg-container .environment-item .pic {
        width: 100%;
    }

    .esg-container .environment-item .left .text {
        margin-top: 10px;
        font-size: 14px;
    }

    .esg-container .environment-item .left .icon-wall {
        flex-wrap: wrap;
    }

    .esg-container .environment-item .icon-item .icon {
        width: 30px;
        height: 30px;
    }

    .esg-container .environment-item .left .icon-item {
        width: 33.33%;
        padding: 10px 10px;
    }

    .esg-container .environment-item:nth-child(even) {
        flex-direction: column;
    }

    .esg-container .download-item .left {
        padding: 0;
    }

    .esg-container .download-item .year-content {
        width: 100px;
        height: 100%;
        padding: 10px 5px;
        border-radius: 0;
        text-align: center;
    }

    .esg-container .download-item .text .title {
        font-size: 14px;
    }

    .esg-container .download-item .text {
        flex: 1;
        width: auto;
        padding: 10px 0;
    }

    .esg-container .download-item .text .download-btn {
        font-size: 14px;
    }

    .esg-container .download-item .text .download-btn .icon {
        width: 15px;
        margin-left: 10px;
    }

    .esg-container .download-item .year-content .arrow {
        display: none;
    }

    .news-container {
        padding-top: 30px;
    }

    .news-container .condition {
        margin-bottom: 20px;
    }

    .news-container .condition .select-btn {
        padding-left: 10px;
        padding-right: 10px;
    }

    .news-container .condition .select-btn img {
        width: 7px;
        margin-left: 20px;
    }

    .news-container .top-news {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: auto;
        margin-left: 0;
    }

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

    .news-container .top-news .pic img {
        height: 100%;
        object-fit: cover;
    }

    .news-container .top-news .pic .time {
        bottom: 0;
        font-size: 16px;
    }

    .news-container .top-news .pic .time .day {
        font-size: 20px;
        font-weight: bold;
    }

    .news-container .top-news .text-content .title {
        width: 100%;
        font-size: 16px;
    }

    .news-container .top-news .text-content .text {
        width: 100%;
        font-size: 14px;
    }

    .news-container .top-news .text-content .common-btn {
        margin-top: 10px;
    }

    .news-container .news-list .news-item a {
        flex-direction: column;
        height: auto;
    }

    .news-container .news-list .news-item .right-text {
        width: 100%;
        margin-top: 10px;
        font-size: 14px;
    }

    .news-container .news-list .news-item .pic {
        width: 100%;
        height: 200px;
    }

    .news-container .news-list .news-item .time {
        margin-top: 10px;
        margin-left: 0;
    }

    .news-container .news-list .news-item .time .day {
        font-size: 20px;
        font-weight: bold;
    }

    .news-container .news-list .news-item .time .month {
        font-size: 14px;
    }

    .news-container .news-list .news-item .right-text .news-btn {
        width: 30px;
        height: 30px;
        margin-top: 20px;
    }

    .news-container .news-list .news-item .right-text .news-btn img {
        width: 15px;
    }

    .case-container .top-case {
        flex-direction: column-reverse;
        width: 100%;
        height: auto;
    }

    .case-container .top-case .pic-swiper {
        flex: none;
        height: 150px;
        font-size: 0;
    }

    .case-container .top-case .top-case-content {
        width: 100%;
        padding: 20px 10px;
    }

    .case-container .top-case .pic-button-prev,
    .case-container .top-case .pic-button-next {
        width: 30px;
        height: 30px;
    }

    .case-container .top-case .pic-button-prev {
        left: 10px;
        top: 150px;
        transform: translateY(-50%);
    }

    .case-container .top-case .pic-button-next {
        right: 10px;
        top: 150px;
        transform: translateY(-50%);
    }

    .case-container .top-case .title {
        font-size: 16px;
    }

    .case-container .top-case .text-content {
        width: 100%;
        padding-bottom: 0;
        margin-top: 10px;
        font-size: 14px;
    }

    .case-container .case-content .case-switch {
        flex-direction: column;
    }

    .case-container .case-content .case-switch .btn-container {
        display: flex;
        flex-wrap: wrap;
        margin-top: 10px;
    }

    .case-container .case-content .case-switch .btn-item {
        padding: 5px 15px;
        margin-bottom: 5px;
        border-radius: 20px;
        font-size: 14px;
    }

    .case-container .case-list .case-item {
        width: 100%;
        margin-bottom: 10px;
    }

    .case-container .case-list .case-item .pic {
        height: 150px;
    }

    .case-container .case-list .case-item .text-content {
        height: auto;
        padding: 15px 10px;
    }

    .case-container .case-list .case-item:nth-child(3n + 2) {
        margin-left: 0;
        margin-right: 0;
    }

    .case-container .case-list .case-item .text-content p {
        font-size: 14px;
    }

    .download-container .classify-item {
        width: 30%;
    }

    .download-container .classify-item .pic {
        width: 25px;
        height: 25px;
    }

    .download-container .classify-item p {
        font-size: 14px;
    }

    .download-container .top {
        flex-direction: column;
        align-items: flex-start;
    }

    .download-container .top .title {
        font-size: 16px;
    }

    .download-container .top .function-container .search {
        /* padding: 5px 10px; */
        border-radius: 20px;
    }

    .download-container .top .function-container .search form {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .download-container .top .function-container .search .search-btn {
        font-size: 14px;
    }

    .download-container .top .function-container .search img {
        width: 20px;
    }

    .download-container .top .function-container .search .text-input {
        width: 150px;
        font-size: 14px;
    }

    .download-container .top .function-container .select-content {
        padding: 5px 10px;
        border-radius: 20px;
    }

    .download-container .top .function-container .select-arrow {
        width: 8px;
    }

    .download-container .top .function-container .select-content .selected {
        font-size: 14px;
    }

    .download-container .download-content {
        flex-direction: column;
        margin-top: 20px;
    }

    .download-container .download-content .catalog-list {
        width: 100%;
        font-size: 16px;
    }

    .download-container .download-content .download-list {
        margin-top: 10px;
        margin-left: 0;
    }

    .download-container .download-content .catalog-item p {
        padding-left: 15px;
        font-size: 14px;
    }

    .download-container .download-content .catalog-item img {
        width: 5px;
    }

    .download-container .download-content .download-item .s-title {
        font-size: 12px;
    }

    .download-container .download-content .download-item .title {
        font-size: 14px;
    }

    .download-container .download-content .download-item .icon {
        width: 25px;
        height: 25px;
    }

    .about-us-container .globalization-main .right-map {
        min-height: 200px;
    }

    .about-us-container .globalization-main .right-map .map-message .map-title {
        font-size: 14px;
    }

    .about-us-container .globalization-main .right-map .message-content {
        font-size: 12px;
    }

    .about-us-container .globalization-main .right-map .message-content span {
        width: 5px;
        height: 5px;
    }

    .about-us-container .globalization-main .right-map .dot {
        width: 4px;
        height: 4px;
    }

    .about-us-container .globalization-main .right-map .dot:nth-child(1) {
        top: calc(var(--ratio-size) * 300);
        left: 12%;
    }

    .about-us-container .globalization-main .right-map .dot:nth-child(2) {
        top: calc(var(--ratio-size) * 410);
        left: 16%;
    }

    .about-us-container .globalization-main .right-map .dot:nth-child(3) {
        top: calc(var(--ratio-size) * 487);
        left: 19%;
    }

    .about-us-container .globalization-main .right-map .dot:nth-child(4) {
        top: calc(var(--ratio-size) * 630);
        left: 32%;
    }

    .about-us-container .globalization-main .right-map .dot:nth-child(5) {
        top: calc(var(--ratio-size) * 662);
        left: 26.5%;
    }

    .about-us-container .globalization-main .right-map .dot:nth-child(6) {
        top: calc(var(--ratio-size) * 495);
        left: 40.5%;
    }

    .about-us-container .globalization-main .right-map .dot:nth-child(7) {
        top: calc(var(--ratio-size) * 140);
        left: 51.7%;
    }

    .about-us-container .globalization-main .right-map .dot:nth-child(8) {
        top: calc(var(--ratio-size) * 170);
        left: 49.5%;
    }

    .about-us-container .globalization-main .right-map .dot:nth-child(9) {
        top: calc(var(--ratio-size) * 163);
        left: 51.2%;
    }

    .about-us-container .globalization-main .right-map .dot:nth-child(10) {
        top: calc(var(--ratio-size) * 150);
        left: 53.5%;
    }

    .about-us-container .globalization-main .right-map .dot:nth-child(11) {
        top: calc(var(--ratio-size) * 138);
        left: 56.2%;
    }

    .about-us-container .globalization-main .right-map .dot:nth-child(12) {
        top: calc(var(--ratio-size) * 210);
        left: 54.6%;
    }

    .about-us-container .globalization-main .right-map .dot:nth-child(13) {
        top: calc(var(--ratio-size) * 340);
        left: 52%;
    }

    .about-us-container .globalization-main .right-map .dot:nth-child(14) {
        top: calc(var(--ratio-size) * 374);
        left: 56%;
    }

    .about-us-container .globalization-main .right-map .dot:nth-child(15) {
        top: calc(var(--ratio-size) * 220);
        left: 68.9%;
    }

    .about-us-container .globalization-main .right-map .dot:nth-child(16) {
        top: calc(var(--ratio-size) * 405);
        left: 67%;
    }

    .about-us-container .globalization-main .right-map .dot:nth-child(17) {
        top: calc(var(--ratio-size) * 340);
        left: 72.5%;
    }

    .about-us-container .globalization-main .right-map .dot:nth-child(18) {
        top: calc(var(--ratio-size) * 418);
        left: 74.8%;
    }

    .about-us-container .globalization-main .right-map .dot:nth-child(19) {
        top: calc(var(--ratio-size) * 445);
        left: 73%;
    }

    .about-us-container .globalization-main .right-map .dot:nth-child(20) {
        top: calc(var(--ratio-size) * 480);
        left: 74.5%;
    }

    .about-us-container .globalization-main .right-map .dot:nth-child(21) {
        top: calc(var(--ratio-size) * 305);
        left: 86.7%;
    }

    .about-us-container .globalization-main .right-map .dot:nth-child(22) {
        top: calc(var(--ratio-size) * 715);
        left: 87%;
    }

    .sidebar-container {
        border-radius: 20px;
        font-size: 12px;
    }

    .sidebar-container .query {
        padding-top: 10px;
        padding-left: 5px;
        padding-right: 5px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    .sidebar-container .icon {
        width: 15px;
    }

    .sidebar-container .top {
        padding-top: 10px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .sidebar-container .top img {
        max-width: 10px;
    }

    .sidebar-container .query .qr {
        width: 50px;
        height: 50px;
    }

    .footer .bottom-content {
        flex-direction: column;
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 12px;
    }

    .footer .bottom-content .right {
        margin-top: 5px;
    }

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

    .modules-content .switch-type .type-item {
        height: auto;
        padding: 5px 10px;
        border-radius: 20px;
        font-size: 14px;
    }

    .modules-content .product-content {
        padding-top: 20px;
    }

    .solution-container .product-param .product-text {
        margin-top: 30px;
    }

    .solution-container .product-param .product-text .description {
        margin-top: 10px;
    }

    .about-us-container .milestones {
        margin-top: 0;
    }

    .about-us-container .milestones .overview .left-text {
        padding-top: 30px;
    }

    .about-us-container .milestones .overview .text-content {
        margin-top: 10px;
    }

    .common-expand-btn img {
        width: 5px;
        margin-left: 5px;
    }

    .about-us-container .corporate-culture .title-content {
        padding-top: 30px;
    }

    .about-us-container .globalization-main .allocation-list {
        margin-top: 20px;
    }

    .case-container .case-list .case-item .text-content .icon {
        width: 30px;
        height: 30px;
    }

    .case-container .case-dialog .dialog-main {
        flex-direction: column;
        width: 90%;
        height: auto;
    }

    .case-container .case-dialog .dialog-pic-swiper {
        width: 100%;
        height: 200px;
    }

    .case-container .case-dialog .dialog-text {
        width: 100%;
        padding: 20px 10px;
    }

    .case-container .case-dialog .dialog-text .title {
        font-size: 16px;
    }

    .case-container .case-dialog .dialog-text .text:last-child {
        font-size: 14px;
    }

    .case-container .case-dialog .dialog-pic-swiper .dialog-pic-pagination {
        padding: 5px 10px;
    }

    .case-container .case-dialog .dialog-pic-swiper .dialog-pic-dot {
        width: 5px;
        height: 5px;
        border-radius: 50%;
    }

    .case-container .case-dialog .dialog-pic-swiper .dialog-pic-dot.pagination-active {
        width: 20px;
    }

    .case-container .case-dialog .dialog-main .close-btn {
        position: relative;
        width: 30px;
        height: 30px;
        margin: 0 auto;
        margin-top: 10px;
    }

    .download-container .download-main {
        padding-top: 30px;
    }

    .download-container .top .function-container {
        margin-top: 10px;
    }

    .news-detail {
        margin-top: 70px;
    }

    .news-detail .title {
        width: 90%;
        font-size: 16px;
    }

    .news-detail .time {
        margin-top: 30px;
        font-size: 14px;
    }

    .news-detail .text-content {
        width: 90%;
        margin-top: 40px;
        font-size: 14px;
    }

    .news-detail .button-container {
        width: 90%;
        font-size: 14px;
    }

    .news-detail .button-container .icon {
        width: 30px;
        height: 30px;
    }

    .news-detail .button-container .prev-next .icon img {
        width: 5px;
    }

    .news-detail .button-container .back-btn img {
        width: 10px;
    }

    .news-detail .recommendation {
        width: 90%;
        flex-direction: column;
    }

    .news-detail .recommendation .news-item {
        width: 100%;
        margin-bottom: 10px;
    }

    .news-detail .recommendation .news-item .pic {
        height: 150px;
    }

    .news-detail .recommendation .recommendation-text-content {
        padding: 10px 15px;
    }

    .news-detail .recommendation .recommendation-time {
        font-size: 14px;
    }

    .news-detail .recommendation .text {
        margin-top: 10px;
        font-size: 14px;
    }

    .news-container .news-list .news-item a:not(.wfEditorMode) {
        height: auto;
    }

    .news-container .search-input {
        padding-left: 10px;
    }

    .contact-container .business {
        padding-top: 30px;
    }

    .contact-container .business .business-list {
        margin-top: 10px;
    }

    .contact-container .business .business-item .name {
        font-size: 14px;
    }

    .contact-container .business .business-item .message-list {
        flex-direction: column;
        padding: 10px 0;
        margin-top: 10px;
    }

    .contact-container .business .business-list .business-item .message-list .item {
        width: 100%;
        padding: 10px 15px;
    }

    .contact-container .business .business-item .message-list .icon {
        width: 40px;
        height: 40px;
    }

    .contact-container .business .business-item .message-list .item-name {
        font-size: 14px;
    }

    .contact-container .business .business-item .message-list .remark {
        font-size: 14px;
    }

    .contact-container .business .business-item:not(:first-child) {
        margin-top: 20px;
    }

    .contact-container .layout {
        padding-top: 30px;
    }

    .contact-container .layout .layout-main {
        flex-direction: column;
        margin-top: 10px;
    }

    .contact-container .layout .country-list {
        width: 100%;
    }

    .contact-container .layout .country-item {
        padding: 10px;
        margin-bottom: 10px;
    }

    .contact-container .layout .country-item .area {
        margin-bottom: 10px;
        font-size: 14px;
    }

    .contact-container .layout .country-item .country {
        font-size: 14px;
    }

    .contact-container .layout .country-item .position {
        font-size: 14px;
    }

    .contact-container .layout .country-item .message {
        margin-top: 10px;
        font-size: 14px;
    }

    .contact-container .layout .country-item .message-item .icon {
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }

    .contact-container .layout .country-item .message-item:not(:last-child) {
        margin-bottom: 10px;
    }

    .contact-container .layout .map {
        margin-left: 0;
        border-left: none;
    }

    .contact-container .layout .map .map-main {
        width: 100%;
    }

    .contact-container .layout .map img.map-original {
        width: 100%;
    }

    .contact-container .layout .map .europe_1 {
        left: 6.9%;
        top: 7.6%;
        width: 17.5%;
    }

    /* .contact-container .layout .map .asia_2 {
        left: 31%;
        top: 38%;
        width: 8.06%;
    }

    .contact-container .layout .map .asia_3 {
        left: 39.5%;
        top: 54.4%;
        width: 5.9%;
    }

    .contact-container .layout .map .asia_4 {
        left: 39.3%;
        top: 45.8%;
        width: 1.868%;
    }

    .contact-container .layout .map .asia_6 {
        left: 0;
        top: 26%;
        width: 23.89%;
    }

    .contact-container .layout .map .asia_5 {
        left: 5.4%;
        top: 52.8%;
        width: 14.7%;
    } */

    .contact-container .layout .map .asia_1 {
        left: 0%;
        top: 25.5%;
        width: 19%;
    }

    .contact-container .layout .map .asia_2 {
        left: 19%;
        top: 9%;
        width: 9.3%;
    }

    .contact-container .layout .map .asia_3 {
        left: 28.3%;
        top: 8%;
        width: 28.9%;
    }

    .contact-container .layout .map .asia_4 {
        left: 28.3%;
        top: 36%;
        width: 7.5%;
    }

    .contact-container .layout .map .asia_5 {
        left: 36%;
        top: 44%;
        width: 10%;
    }

    .contact-container .layout .map .asia_6 {
        left: 38%;
        top: 63%;
        width: 12%;
    }

    .contact-container .layout .map .asia_7 {
        left: 52.5%;
        top: 77%;
        width: 4%;
    }

    .contact-container .layout .map .america_1 {
        left: 81.5%;
        top: 47.3%;
        width: 18.387%;
    }

    .contact-container .layout .map .america_2 {
        left: 74.5%;
        top: 34.6%;
        width: 15.929%;
    }

    .contact-container .layout .map .japan_1 {
        left: 42.5%;
        top: 33%;
        width: 3.638%;
    }

    .contact-container .layout .map .japan_2 {
        left: 45.5%;
        top: 28%;
        width: .786%;
    }

    .contact-container .layout .map .japan_3 {
        left: 46.3%;
        top: 28%;
        width: 2.359%;
    }

    .breadcrumb {
        padding: 10px;
    }

    .index-page .full-products .products-1 {
        height: auto;
    }

    .search-container .news-list .news-item a:not(.wfEditorMode) {
        height: auto;
    }

    .search-container form {
        margin-top: 60px;
        margin-bottom: 30px;
    }

    .search-container form .input-container {
        height: 30px;
        font-size: 14px;
    }

    .search-container form .searchText {
        width: 50%;
        padding-left: 10px;
    }

    .search-container form .searchBtn {
        padding: 0 10px;
    }

    .search-container .search-error,
    .search-container .search-result-empty {
        font-size: 14px;
    }

    .search-container .news-list .news-item a {
        flex-direction: column;
        height: auto;
    }

    .search-container .news-list .news-item .right-text {
        width: 100%;
        margin-top: 10px;
        font-size: 14px;
    }

    .search-container .news-list .news-item .pic {
        width: 100%;
        height: 200px;
    }

    .search-container .news-list .news-item .time {
        margin-top: 10px;
        margin-left: 0;
    }

    .search-container .news-list .news-item .time .day {
        font-size: 20px;
        font-weight: bold;
    }

    .search-container .news-list .news-item .time .month {
        font-size: 14px;
    }

    .search-container .news-list .news-item .right-text .news-btn {
        width: 30px;
        height: 30px;
        margin-top: 20px;
    }

    .search-container .news-list .news-item .right-text .news-btn img {
        width: 15px;
    }

    .search-container .news-list .news-item .pic {
        width: 100%;
        height: 200px;
    }

    .search-container .news-list .news-item .time {
        margin-top: 10px;
        margin-left: 0;
    }

    .search-container .news-list .news-item .time .day {
        font-size: 20px;
        font-weight: bold;
    }

    .search-container .news-list .news-item .time .month {
        font-size: 14px;
    }

    .search-container .news-list .news-item .right-text .news-btn {
        width: 30px;
        height: 30px;
        margin-top: 20px;
    }

    .career-container .join-us-switch .btn-item a {
        height: auto;
    }

    .common-more-btn img {
        width: 10px;
    }

    .index-page .full-news .swiper-slide-active .text-content {
        display: flex;
        align-self: center;
    }

    .about-us-container .gcl-main .data-item .pic img {
        height: 100%;
        width: auto;
        min-width: auto;
    }

    .privacy-container {
        margin-top: 80px;
    }

    .privacy-container h3 {
        font-size: 18px;
    }

    .privacy-container .text-content {
        margin-top: 20px;
        font-size: 14px;
    }

    .privacy-container h6 {
        margin-bottom: 10px;
        font-size: 14px;
    }

    .privacy-container p:not(:last-child) {
        margin-bottom: 10px;
        line-height: 1.5;
    }

    .index-page .solution-content .switch-btn {
        width: 50px;
        height: 20px;
        margin-top: 20px;
        border-radius: 30px;
    }

    .index-page .solution-content .switch-btn .icon {
        width: 20px;
        height: 20px;
    }

    .sidebar-container .logo-pic {
        width: 40px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
    }

    .index-page .full-solution .solution-content .dot {
        width: 5px;
        height: 5px;
    }

    .index-page .full-solution .solution-content .item {
        width: 150px;
        padding-bottom: 5px;
    }

    .index-page .full-solution .solution-content .item .more-btn {
        width: 15px;
        height: 15px;
    }

    .index-page .full-solution .solution-content .item::after {
        bottom: 5px;
        border-width: 5px;
    }

    .index-page .full-solution .solution-content .dot-content.desert-panel .item {
        left: 15px;
        padding-left: 5px;
    }

    .index-page .full-solution .solution-content .item .message .title {
        font-size: 14px;
    }

    .index-page .full-solution .solution-content .item .message .text {
        font-size: 12px;
    }

    .index-page .full-solution .common-title-content.mobile-client {
        display: block;
    }

    .index-page .full-solution .common-title-content.pc-client {
        display: none;
    }

    .download-container .download-content .catalog-item ul a {
        padding-left: 20px;
        font-size: 14px;
    }

    .gcl-group-container {
        height: auto;
        overflow: auto;
        margin-top: 50px;
    }

    .gcl-group-container .swiper-wrapper {
        display: block;
    }

    .gcl-group-container .zero-carbon .text-main {
        width: 100%;
        padding: 40px 0;
        margin-top: 0;
    }

    .gcl-group-container .zero-carbon .title {
        font-size: 16px;
    }

    .gcl-group-container .fbr .top-title {
        font-size: 16px;
    }

    .gcl-group-container .fbr .text-main {
        width: 100%;
        padding: 40px 0;
        margin-top: 0;
    }

    .gcl-group-container .fbr::after {
        background-image: none;
        background-color: rgba(255, 255, 255, .5);
    }

    .gcl-group-container .fbr .data-list {
        margin-top: 20px;
    }

    .gcl-group-container .fbr .data-item {
        width: 100%;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

    .gcl-group-container .fbr .data-item .title {
        font-size: 14px;
    }

    .gcl-group-container .fbr .data-item .title span {
        font-size: 20px;
    }

    .gcl-group-container .fbr .data-item .title::after {
        width: 20%;
        height: 10px;
    }

    .gcl-group-container .fbr .data-item {
        border-bottom: 1px solid rgb(114, 177, 219);
        border-left: none;
    }

    .gcl-group-container .fbr .data-item:last-child {
        margin-bottom: 0;
    }

    .gcl-group-container .fbr .text {
        margin-top: 10px;
    }

    .gcl-group-container .fbr .blue-br {
        display: none;
    }

    .gcl-group-container .fbr .data-item .icon {
        width: 25px;
    }

    .gcl-group-container .perovskite {
        flex-direction: column;
    }

    .gcl-group-container .perovskite .title {
        font-size: 16px;
    }

    .gcl-group-container .text-main {
        width: 100%;
        margin-top: 0;
    }

    .gcl-group-container .perovskite .text-main.left-content {
        width: 100%;
        padding: 40px 0;
    }

    .gcl-group-container .perovskite .s-title {
        margin-top: 5px;
        font-size: 14px;
        font-weight: bold;
    }

    .gcl-group-container .perovskite .product-pic {
        width: 200px;
        margin: 0 auto;
    }

    .gcl-group-container .perovskite .text {
        margin-top: 10px;
    }

    .gcl-group-container .perovskite .text-main.right-content {
        padding-bottom: 40px;
        margin-left: 0;
        margin-top: -80px;
    }

    .gcl-group-container .perovskite .right-content .data-list {
        margin-top: 10px;
    }

    .gcl-group-container .perovskite .right-content .data-item {
        width: 100%;
    }

    .gcl-group-container .perovskite .right-content .data-item:not(:last-child) {
        margin-bottom: 20px;
    }

    .gcl-group-container .perovskite .right-content .data-title {
        font-size: 14px;
    }

    .gcl-group-container .perovskite .right-content .data-main {
        margin-top: 10px;
    }

    .gcl-group-container .perovskite .right-content .text-num {
        font-size: 16px;
    }

    .gcl-group-container .perovskite .right-content .annotation-text {
        font-size: 14px;
    }

    .gcl-group-container .perovskite::after {
        background-color: rgba(0, 0, 0, .4);
    }

    .gcl-group-container .perovskite .right-content .text-num span {
        font-size: 18px;
    }

    .gcl-group-container .semiconductor .s-title {
        margin-top: 5px;
        font-weight: bold;
    }

    .gcl-group-container .semiconductor .text-main {
        width: 100%;
        padding: 40px 0;
    }

    .gcl-group-container .semiconductor .text {
        margin-top: 10px;
    }

    .gcl-group-container .semiconductor .title {
        font-size: 16px;
    }

    .gcl-group-container .semiconductor .s-title {
        font-size: 14px;
    }

    .gcl-group-container .li-battery .text-main {
        width: 100%;
        padding: 40px 0;
    }

    .gcl-group-container .li-battery .title {
        font-size: 16px;
    }

    .gcl-group-container .hub .text-main {
        width: 100%;
        padding: 40px 0;
    }

    .gcl-group-container .hub .text-main .title {
        font-size: 16px;
    }

    .gcl-group-container .hub .text-main .s-title {
        margin-top: 5px;
        font-size: 14px;
        font-weight: bold;
    }

    .gcl-group-container .hub .text-main .text {
        margin-top: 10px;
    }

    .gcl-group-container .natural-gas .text-main {
        width: 100%;
        padding: 40px 0;
        margin-left: unset;
    }

    .gcl-group-container .natural-gas .text-main .title {
        font-size: 16px;
    }

    .gcl-group-container .natural-gas .text-main .text {
        margin-top: 10px;
    }

    .gcl-group-container .roll-icon {
        display: none;
    }

    .contact-container .form-content .name {
        font-size: 14px;
    }

    .contact-container .form-content input,
    .contact-container .form-content textarea {
        font-size: 14px;
    }

    .contact-container .select-content ul li {
        font-size: 14px;
    }

    .contact-container .select-content .write-value .enter-btn {
        width: 35px;
        height: 100%;
    }

    .contact-container .agreement p {
        font-size: 14px;
    }

    .tips-container {
        max-width: 80%;
        font-size: 16px;
        border-radius: 20px;
    }

    .contact-container .form-content .input-item .small-text {
        font-size: 12px;
    }

    .contact-container .form-content .input-item .input-error {
        font-size: 12px;
    }

    .esg-container .download-item:not(:first-child) {
        margin-top: 20px;
    }

    .esg-container .download-item .text ul li {
        flex-direction: column;
        font-size: 14px;
        line-height: unset;
    }

    .esg-container .download-item .text ul li:not(:last-child) {
        border-bottom: 1px solid #c1c1c1;
    }
}

@media screen and (max-width: 768px) {
    .contact-container .form-content .input-item {
        width: 100%;
    }

    .contact-container .form-content .name {
        margin-bottom: 0;
        font-size: 14px;
    }

    .contact-container .form-content .input-item .small-text {
        font-size: 12px;
    }

    .contact-container .form-content input,
    .contact-container .form-content textarea {
        height: 30px;
        padding: 5px;
        font-size: 14px;
    }

    .contact-container .form-content textarea {
        height: auto;
    }

    .contact-container .select-content ul li {
        font-size: 14px;
    }

    .contact-container .select-content .write-value .enter-btn {
        width: 35px;
        height: 100%;
        padding: 5px;
    }

    .contact-container .select-content ul li {
        padding: 5px;
    }

    .contact-container .sub-btn p {
        padding: 8px 30px;
        font-size: 14px;
    }

    .contact-container .agreement {
        margin-top: 30px;
    }

    .contact-container .agreement .state-icon {
        width: 15px;
        height: 15px;
        margin-right: 10px;
    }

    .contact-container .agreement p {
        flex: 1;
        font-size: 14px;
    }

    .contact-container .sub-btn {
        margin-top: 10px;
    }

    .contact-container .form-content .input-item .input-error {
        font-size: 12px;
    }

    .contact-container .form-content .input-item .input-error.show {
        transform: translateY(90%);
    }

    .contact-container .form-content .input-item {
        margin-bottom: 10px;
    }

    .tips-container {
        width: 80%;
        padding: 40px 15px;
        border-radius: 20px;
        font-size: 10px;
        text-align: center;
    }
}

@media screen and (max-width: 400px) {
    .switch-product .link .link-btn {
        padding: 3px 5px;
        font-size: calc(0.417vw + 8px);
    }
}