@media (min-width: 1260px) and (max-width: 1469px) {
    header .right {
        margin-right: 85px;
    }
}

@media screen and (max-width: 1259px) {
    header {
        height: 98px;
    }

    header .right {
        flex: 1;
    }

    header .right .menu {
        flex: 1;
    }

    header .right .mobile-menu-icon {
        display: block;
    }

    header .right .switch-language {
        position: relative;
        transform: translateX(0);
    }

    header .right .menu li:not(:last-child) {
        display: none;
    }

    header .right .menu {
        justify-content: flex-end;
    }

    header .right .menu>li {
        margin: 0 10px;
    }

    .second-floor {
        display: block;
    }

    .type-area {
        width: 960px;
    }

    .page {
        padding-top: 98px;
    }

    .experience {
        flex-direction: column;
    }

    .experience .left,
    .experience .right {
        width: 100%;
    }

    .list .pic {
        width: 300px;
        height: 240px;
    }

    .list .item .content .title {
        font-size: 24px;
    }

    footer .right {
        width: 48%;
    }


    .common-description .title {
        width: 100%;
    }

    .common-description .text {
        width: 100%;
    }

    .about-us .list-column .item {
        flex-direction: column;
    }

    .about-us .list-column .item .left {
        width: 100%;
    }

    .about-us .list-column .item .pic {
        width: 100%;
        padding-left: 0;
        margin-top: 20px;
    }

    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 30px;
    }

    h3 {
        font-size: 24px;
    }

    h4 {
        font-size: 32px;
    }

    .common-banner .text {
        top: 45px;
        font-size: 18px;
    }

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

    .history .text-content {
        width: 100%;
    }

    .culture .introduce-culture {
        padding-top: 50px;
    }

    .culture .introduce-culture .item {
        flex-direction: column-reverse;
    }

    .culture .introduce-culture .item:nth-child(even) {
        flex-direction: column-reverse;
    }

    .culture .introduce-culture .item .text-content {
        width: 100%;
    }

    .culture .introduce-culture .item .text-content .text {
        width: 100%;
    }

    .culture .introduce-culture .item .pic {
        width: 100%;
        margin-top: 40px;
    }

    .innovate .common-description .content {
        flex-direction: column;
    }

    .innovate .common-description .left {
        width: 100%;
    }

    .innovate .common-description .common-btn {
        margin: 0 auto;
        margin-top: 90px;
    }

    .product .common-description .title {
        width: 100%;
    }

    .product .common-description .text {
        width: 100%;
    }

    .product .product-list .item {
        flex-direction: column;
    }

    .product .product-list .item .pic {
        width: 100%;
    }

    .product .product-list .item .content {
        width: 100%;
    }

    .product .product-list .item:nth-child(even) {
        flex-direction: column;
    }

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

    .product .common-banner .text {
        top: 45px;
    }

    .product-detail .product-list .item {
        flex-direction: column;
    }

    .product-detail .product-list .item:nth-child(even) {
        flex-direction: column;
    }

    .product-detail .product-list .item .content {
        width: 100%;
    }

    .product-detail .product-list .item .pic {
        width: 100%;
        margin-top: 20px;
    }

    .care .description .content {
        flex-direction: column;
    }

    .care .description .content .text {
        width: 100%;
        padding-right: 0;
    }

    .care .description .content .image {
        width: 100%;
    }

    .welfare .description .text {
        width: 100%;
    }

    .welfare .model .model-description {
        flex-direction: column;
    }

    .welfare .model .model-description .image {
        width: 100%;
    }

    .welfare .model .model-description .content {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .type-area {
        width: 740px;
    }

    header .logo img {
        height: 41px;
    }

    .list .item {
        width: 100%;
    }

    .banner-swiper .swiper-slide .content {
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .experience .left .title {
        font-size: 30px;
    }

    .list {
        flex-direction: column;
    }

    .list .pic {
        width: 100%;
        height: auto;
    }

    footer .right {
        width: 100%;
    }

    footer .bottom .type-area {
        flex-direction: column;
    }

    footer .bottom .type-area .right-text {
        width: 100%;
    }

    .banner-swiper {
        height: 300px;
    }

    .banner-swiper .swiper-slide {
        height: 100%;
    }

    .banner-swiper .swiper-slide img {
        height: 100%;
        object-fit: cover;
    }

    .banner-swiper .swiper-slide .text-content {
        max-width: 100%;
        width: 100%;
    }

    .about-us .list-row {
        flex-direction: column;
    }

    .about-us .list-row .item {
        width: 100%;
    }

    .our-location .location-list {
        flex-direction: column;
    }

    .our-location .location-list .item {
        width: 100%;
    }

    .innovate .common-description .common-btn {
        width: calc(100% - 20px);
        margin-top: 0;
        text-align: center;
    }

    .innovate .innovate-list .content {
        flex-direction: column;
    }

    .innovate .innovate-list .item {
        width: 100%;
        margin-bottom: 40px;
    }

    .innovate .latest-study .common-btn {
        width: 100%;
        text-align: center;
    }

    .innovate .idea .common-btn {
        width: 100%;
        text-align: center;
    }

    .product .product-mix .list .item {
        width: 100%;
    }

    .product-detail .integration-list {
        margin-top: 30px;
    }

    .product-detail .integration-list .item {
        width: 100%;
    }

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

    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 30px;
    }

    h3 {
        font-size: 24px;
    }

    h4 {
        font-size: 30px;
    }


    .sustainable .description {
        flex-direction: column;
    }

    .sustainable .description .left {
        width: 100%;
    }

    .sustainable .description .right {
        padding-left: 0;
    }

    .sustainable .more-description .main {
        width: 100%;
    }

    .sustainable .measure .list .item {
        width: 100%;
        margin-right: 0;
    }

    .welfare .btn a {
        width: 100%;
        text-align: center;
    }

    .welfare .bottom-list .item:nth-child(even) .main,
    .welfare .bottom-list .item .main {
        flex-direction: column-reverse;
    }

    .welfare .bottom-list .item .main .image {
        width: 100%;
        padding: 0;
    }

    .welfare .bottom-list .item .main .content {
        width: 100%;
    }

    .social-recruitment .description-list .item .main {
        flex-direction: column;
    }

    .social-recruitment .description-list .item:nth-child(even) .main {
        flex-direction: column;
    }

    .social-recruitment .description-list .item .content {
        width: 100%;
    }

    .social-recruitment .description-list .item .pic {
        width: 100%;
        margin-top: 20px;
    }

    .social-recruitment .find .common-btn {
        width: calc(100% - 20px);
    }

    .fresh-graduate .description .item {
        flex-direction: column-reverse;
        margin-top: 30px;
    }

    .fresh-graduate .require {
        padding-bottom: 40px;
    }

    .fresh-graduate .require .item {
        flex-direction: column-reverse;
    }

    .fresh-graduate .description .item .content {
        width: 100%;
        margin-top: 20px;
    }

    .fresh-graduate .description .item .pic {
        width: 100%;
    }

    .fresh-graduate .description .item .content .common-btn {
        width: calc(100% - 20px);
        text-align: center;
    }

    .fresh-graduate .require .item .text {
        width: 100%;
        margin-top: 20px;
    }

    .fresh-graduate .require .item .pic {
        width: 100%;
    }

    .contact-us .description .text {
        width: 100%;
    }

    .contact-us .input-item.full-row select {
        width: 100%;
    }

    .contact-us .input-item {
        width: 100%;
    }

    .contact-us .input-item label.mobile-hidden {
        display: none;
    }

    .contact-us .captcha .content .pic {
        width: auto;
    }

    .contact-us .captcha .content .pic img {
        width: auto;
    }

    .contact-us .captcha .content .text {
        width: 100%;
    }

    .contact-us .sub-btn input {
        width: 100%;
    }

    .common-banner {
        height: 200px;
    }

    .common-banner img {
        height: 100%;
        object-fit: cover;
    }
}

@media (max-width: 768px) {
    .type-area {
        width: 100%;
    }

    .pc-show {
        display: none;
    }

    .mobile-show {
        display: block;
    }
}