@import "./global.less";
@import "../css/less.css";

@media screen and (max-width:1330px) {
    main {
        .about {
            height: auto;
            .column-center-Box();

            .about_left {
                border: none;
                display: block;
                padding-left: 0;
                width: 100%;
                position: inherit;
                .about_content {
                    position: initial;
                    padding-top: 40px;
                    width: 100%;
                    padding-left: 20px;
                    margin-bottom: 30px;
                }
            }

            .about_right {
                width: 100%;
            }
        }
        
    }
}

@media screen and (max-width:1170px) {
    .container {
        width: 100%;

        .pro_flex_list {
            padding-top: 30px;
            padding: 0 20px;

            .pro_flex {
                width: 48%;
                height: 48%;
                margin-bottom: 20px;
                border-radius: 10px;

                img {
                    width: 100%;
                }
            }
        }
        .content2{
            .column-center-Box();
            padding-left: 20px;
            padding-right: 20px;
            .news_flex_list{
                width: 100%;
                margin-right: 0;
                margin-bottom: 30px;

            }
            .news_flex_list2{
                width: 100%;
            }
        }
    }

    header {
        display: none;
    }

    .mb_header {
        display: block;

        .mb_positions {
            padding: 0 10%;
            padding-top: 60px;

            .mb_nav {
                width: auto;
            }
        }
    }

    

    .page_nav_list {
        padding: 0 20px;
    }

    .page_content {
        padding: 0 20px;
    }

    .brand_img {
        img {
            width: 100%;
        }
    }

    .pro_flex_list2s {
        margin-top: 30px;
    }

    .shop_flex_list {
        .shop_flex {
            margin-right: 0 !important;
        }
    }
}

@media screen and (max-width:1160px) {
    .lists3s{
        position: relative;
        width: 100%;
        left: 0;
    }
}

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

@media screen and (max-width:539px) {
    header {
        display: none;
    }

    .mb_header {
        display: block;

        .mb_positions {
            padding: 0 10%;
            padding-top: 60px;

            .mb_nav {
                width: auto;
            }
        }
    }

    main {
        padding-top: 60px;

        .swiper1 {
            .swiper-button-prev {
                display: none;
            }

            .swiper-button-next {
                display: none;
            }

            .swiper-wrapper {
                .swiper-slide {
                    .container {
                        .swiper_text {
                            .swiper_title {
                                font-size: 20px;
                            }

                            .swiper_desc {
                                font-size: 16px;
                            }
                        }
                    }
                }
            }

            .swiper-pagination {
                bottom: 10px;
            }

            .bottom_ico {
                display: none;
            }

            .swiper-pagination-bullet-active {
                width: 14px;
                height: 14px;
            }
        }

        .about {
            .column-center-Box();
            .about_content {
                position: initial;
                padding-top: 40px;
                width: 100%;
                padding-left: 20px;
            }

            .about_right {
                width: 100%;
                height: 400px;
            }
        }

        .record {
            padding-top: 60px;
            margin-bottom: 60px;

            .record_title {
                font-size: 22px;
            }

            .record_desc {
                font-size: 14px;
                padding: 0 20px;
                text-align: center;
                width: 100%;
            }

            .record_forge_ahead {
                .record_forge_ahead_img {
                    img {
                        width: 90%;
                    }
                }

                .swiper2s {
                    width: 100%;

                    .swiper2 {

                        .swiper-wrapper {
                            .swiper-slide {
                                .forge_ahead_time {
                                    text-align: center;
                                }

                                .forge_ahead_title {
                                    max-width: initial;
                                    text-align: center;
                                }

                                .forge_ahead_desc {
                                    max-width: initial;
                                    padding: 0 20px;
                                    text-align: center;
                                }
                            }
                        }
                    }
                }
            }
        }

        .product {
            margin-bottom: 60px;

            .product_title {
                font-size: 22px;
            }

            .product_desc {
                font-size: 14px;
                padding: 0 20px;
                text-align: center;
                width: 100%;
            }

            .product_content {
                height: auto;
                .column-center-Box();

                .product_content_left {
                    width: 100%;
                    .center-Box();
                    .justifyStart();
                    overflow-x: scroll;

                    .product_content_left_li {
                        padding-left: 0;
                        height: auto;
                        min-width: 30%;
                        padding: 20px;
                        min-height: 138px;
                        max-height: 138px;

                        .product_content_left_li_title {
                            font-size: 18px;
                        }

                        .product_content_left_li_desc {
                            font-size: 12px;
                            margin: 0;
                        }

                        .product_content_left_li_icon {
                            display: none;
                        }
                    }
                }

                .product_content_right {
                    min-width: 100%;
                    min-height: 290px;
                }
            }
        }

        .shop {
            padding-top: 60px;
            margin-bottom: 60px;

            .shop_title {
                font-size: 22px;
            }

            .shop_desc {
                font-size: 14px;
                padding: 0 20px;
                text-align: center;
                width: 100%;
            }

            .shop_flex {
                .container {
                    .shop_flex_box {
                        width: 100%;
                        height: auto;
                    }
                }
            }
        }

        // 鍏充簬瑭硅
        .page_nav_list {
            padding: 0 20px;

        }

        .page_content {
            margin-top: 60px;
            padding: 0 20px;

            .page_content_text {
                text-indent: 34px;
            }

            .brand {
                .brand_list {
                    padding-bottom: 40px;
                }
            }

            .honor_list {
                .column-center-Box();
                .honor_flex {
                    width:100%
                }
            }
            .culture {
                .column-center-Box();

                .culture_right {
                    img {
                        width: 100%;
                    }
                }
            }
        }

        .page_infos {
            .honor_infos {
                width: auto;
                left: 20px;
                right: 20px;
                height: 40vh;
                .honor_img{
                    .center-Box();
                    img{
                        width: 60%;
                    }
                }
            }
        }

        .detail_banner {
            top: 60px;
        }

        .detail_container {
            .detail {
                width: 90%;
                margin: 0 auto;
                margin-bottom: 120px;
                padding: 20px 20px;
            }
        }

        .container {
            .pro_flex_list {
                padding-top: 30px;

                .pro_flex {
                    width: 100%;
                    height: 50%;
                    margin: 0 20px;
                    margin-bottom: 20px;
                    border-radius: 10px;

                    img {
                        width: 100%;
                    }
                }
            }

            .pro_flex_list2s {
                .pro_flex {
                    margin: 0;
                    margin-bottom: 20px;
                }
            }

            .page_nav_list2 {
                .page_nav {
                    margin: 0 48px;
                }
            }

            .shop_flex_list {
                .column-center-Box();
                padding: 60px 20px;

                .shop_flex {
                    width: 100%;
                    margin-right: 0 !important;
                }
            }

            .content2 {
                padding: 0 20px;
                padding-top: 40px;
                .column-center-Box();

                .news_flex_list {
                    width: 100%;
                    margin: 0;
                    margin-bottom: 40px;
                }

                .news_flex_list2 {
                    width: 100%;
                }
            }

            .recruitment_table {
                padding-top: 30px;

                .recruitment_table_top {
                    overflow-x: scroll;

                    table {
                        thead {
                            tr {
                                th {
                                    min-width: 140px;
                                }
                            }
                        }
                    }
                }
            }
        }

        .banner {
            .bannerText {
                font-size: 14px;
            }

            .banner_title {
                font-size: 14px;
            }
        }

        #container3{
            height: 500px;
        }
    }

    footer {
        padding-top: 20px;
        height: auto;

        .container {
            .column-center-Box();

            .footer_middle {
                width: 100%;
                padding: 0 20px;
                .column-center-Box();

                .footer_middle_list {
                    width: 100%;
                    padding-top: 20px;

                    .footer_middle_ul {
                        margin-right: 20px;
                    }
                }

                .footer_middle_logo {
                    margin-right: 0;
                }
            }

            .footer_top {
                width: 100%;
                padding-left: 20px;
                padding-bottom: 20px;
            }

            .footer_bottom {
                margin-top: 30px;
                padding-bottom: 30px;
                text-align: center;
            }
        }
    }

    .tab-bg{
        .tiaobox{
            .tiao-centert{
                width: 90%;
                height: 90vh;
            }
        }
    }

}

@media screen and (min-width:540px) and (max-width:767px) {
    header {
        display: none;
    }

    .mb_header {
        display: block;

        .mb_positions {
            padding: 0 10%;
            padding-top: 60px;

            .mb_nav {
                width: auto;
            }
        }
    }

    main {
        padding-top: 60px;

        .swiper1 {
            .swiper-button-prev {
                display: none;
            }

            .swiper-button-next {
                display: none;
            }

            .swiper-wrapper {
                .swiper-slide {
                    .container {
                        .swiper_text {
                            .swiper_title {
                                font-size: 20px;
                            }

                            .swiper_desc {
                                font-size: 16px;
                            }
                        }
                    }
                }
            }

            .swiper-pagination {
                bottom: 10px;
            }

            .bottom_ico {
                display: none;
            }

            .swiper-pagination-bullet-active {
                width: 14px;
                height: 14px;
            }
        }

        .about {
            .column-center-Box();

            .about_left {
                .about_content {
                    position: initial;
                    padding-top: 40px;
                    width: 100%;
                    padding-left: 20px;
                }
            }
            .about_right {
                width: 100%;
                height: 600px;
            }
        }

        .record {
            padding-top: 60px;
            margin-bottom: 60px;

            .record_title {
                font-size: 22px;
            }

            .record_desc {
                font-size: 14px;
                padding: 0 20px;
                text-align: center;
                width: 100%;
            }

            .record_forge_ahead {
                .record_forge_ahead_img {
                    img {
                        width: 90%;
                    }
                }

                .swiper2s {
                    width: 100%;

                    .swiper2 {

                        .swiper-wrapper {
                            .swiper-slide {
                                .forge_ahead_time {
                                    text-align: center;
                                }

                                .forge_ahead_title {
                                    max-width: initial;
                                    text-align: center;
                                }

                                .forge_ahead_desc {
                                    max-width: initial;
                                    padding: 0 20px;
                                    text-align: center;
                                }
                            }
                        }
                    }
                }
            }
        }

        .product {
            margin-bottom: 60px;

            .product_title {
                font-size: 22px;
            }

            .product_desc {
                font-size: 14px;
                padding: 0 20px;
                text-align: center;
                width: 100%;
            }

            .product_content {
                height: auto;
                .column-center-Box();

                .product_content_left {
                    width: 100%;
                    .center-Box();
                    .justifyStart();
                    overflow-x: scroll;

                    .product_content_left_li {
                        padding-left: 0;
                        height: auto;
                        min-width: 30%;
                        padding: 20px;
                        min-height: 138px;
                        max-height: 138px;

                        .product_content_left_li_title {
                            font-size: 18px;
                        }

                        .product_content_left_li_desc {
                            font-size: 12px;
                            margin: 0;
                        }

                        .product_content_left_li_icon {
                            display: none;
                        }
                    }
                }

                .product_content_right {
                    min-width: 100%;
                    min-height: 290px;
                }
            }
        }

        .shop {
            padding-top: 60px;
            margin-bottom: 60px;

            .shop_title {
                font-size: 22px;
            }

            .shop_desc {
                font-size: 14px;
                padding: 0 20px;
                text-align: center;
                width: 100%;
            }

            .shop_flex {
                .container {
                    .shop_flex_box {
                        width: 100%;
                        height: auto;
                    }
                }
            }
        }

        .page_nav_list {
            padding: 0 20px;
        }

        .page_content {
            margin-top: 60px;
            padding: 0 20px;

            .page_content_text {
                text-indent: 34px;
            }

            .brand {
                .brand_list {
                    padding-bottom: 40px;
                }
            }

            .honor_list {
                .honor_flex {
                    width: 45%;
                    padding: 0 20px;
                    text-align: center;
                }
            }

            .culture {
                .column-center-Box();

                .culture_left {
                    width: 100%;
                }

                .culture_right {
                    img {
                        width: 100%;
                    }
                }
            }
        }

        .page_infos {
           .honor_infos {
                width: auto;
                left: 20px;
                right: 20px;
                height: 40vh;
                .honor_img{
                    .center-Box();
                    img{
                        width: 60%;
                    }
                }
            }
        }

        .pro_flex_list {
            padding-top: 30px;
            padding: 0 20px;

            .pro_flex {
                width: 48%;
                height: 180px;
                margin-bottom: 20px;
                border-radius: 10px;

                img {
                    width: 100%;
                }
            }
        }

        .page_nav_list2 {
            .page_nav {
                margin: 0 48px;
            }
        }

        .shop_flex_list {
            .column-center-Box();
            padding: 60px 20px;

            .shop_flex {
                width: 100%;
                margin-right: 0 !important;
            }
        }

        .detail_banner {
            top: 60px;
        }

        .detail_container {
            .detail {
                width: 90%;
                margin: 0 auto;
                margin-bottom: 120px;
                padding: 20px 20px;
            }
        }

        .banner {
            .bannerText {
                font-size: 18px;
            }
        }
        #container3{
            height: 500px;
        }
    }

    footer {
        padding-top: 20px;
        height: auto;

        .container {
            .column-center-Box();

            .footer_middle {
                width: 100%;
                padding: 0 20px;
                .column-center-Box();

                .footer_middle_list {
                    width: 100%;
                    padding-top: 20px;

                    .footer_middle_ul {
                        margin-right: 20px;
                    }
                }

                .footer_middle_logo {
                    margin-right: 0;
                }
            }

            .footer_top {
                width: 100%;
                padding-left: 20px;
                padding-bottom: 20px;
            }

            .footer_bottom {
                margin-top: 30px;
                padding: 0 20px;
                padding-bottom: 30px;
                text-align: center;
            }
        }
    }


}

@media screen and (min-width:768px) and (max-width:1000px) {
    header {
        display: none;
    }

    .mb_header {
        display: block;

        .mb_positions {
            padding: 0 10%;
            padding-top: 60px;

            .mb_nav {
                width: auto;
            }
        }
    }

    main {
        padding-top: 60px;

        .swiper1 {
            .swiper-button-prev {
                display: none;
            }

            .swiper-button-next {
                display: none;
            }

            .swiper-wrapper {
                .swiper-slide {
                    .container {
                        .swiper_text {
                            .swiper_title {
                                font-size: 20px;
                            }

                            .swiper_desc {
                                font-size: 16px;
                            }
                        }
                    }
                }
            }

            .swiper-pagination {
                bottom: 10px;
            }

            .bottom_ico {
                display: none;
            }

            .swiper-pagination-bullet-active {
                width: 14px;
                height: 14px;
            }
        }

        .about {
            .column-center-Box();

            .about_left {
                .about_content {
                    padding-top: 40px;
                    width: 100%;
                    padding-left: 20px;
                    left: 0px;
                    background: @white;
                    // width: 40%;
                }
            }


            .about_right {
                width: 100%;
                height: 660px;
            }
        }

        .record {
            padding-top: 60px;
            margin-bottom: 60px;

            .record_title {
                font-size: 26px;
            }

            .record_desc {
                font-size: 18px;
                padding: 0 20px;
                text-align: center;
                width: 100%;
            }

            .record_forge_ahead {
                .record_forge_ahead_img {
                    img {
                        width: 90%;
                    }
                }

                .swiper2s {
                    width: 100%;

                    .swiper2 {

                        .swiper-wrapper {
                            .swiper-slide {
                                .forge_ahead_time {
                                    text-align: center;
                                }

                                .forge_ahead_title {
                                    max-width: initial;
                                    text-align: center;
                                }

                                .forge_ahead_desc {
                                    max-width: initial;
                                    padding: 0 20px;
                                    text-align: center;
                                }
                            }
                        }
                    }
                }
            }
        }

        .product {
            margin-bottom: 60px;

            .product_title {
                font-size: 26px;
            }

            .product_desc {
                font-size: 18px;
                padding: 0 20px;
                text-align: center;
                width: 100%;
            }

            .product_content {
                height: auto;
                .column-center-Box();

                .product_content_left {
                    width: 100%;
                    .center-Box();
                    .justifyStart();
                    overflow-x: scroll;

                    .product_content_left_li {
                        padding-left: 0;
                        height: auto;
                        min-width: 30%;
                        padding: 20px;
                        min-height: 138px;
                        max-height: 138px;

                        .product_content_left_li_title {
                            font-size: 18px;
                        }

                        .product_content_left_li_desc {
                            font-size: 12px;
                            margin: 0;
                        }

                        .product_content_left_li_icon {
                            display: none;
                        }
                    }
                }

                .product_content_right {
                    min-width: 100%;
                    min-height: 640px;
                }
            }
        }

        .shop {
            padding-top: 60px;
            margin-bottom: 60px;

            .shop_title {
                font-size: 26px;
            }

            .shop_desc {
                font-size: 18px;
                padding: 0 20px;
                text-align: center;
                width: 100%;
            }

            .shop_flex {
                .container {
                    .shop_flex_box {
                        width: 100%;
                        height: auto;
                    }
                }
            }
        }

        .page_nav_list {
            padding: 0 20px;
        }

        .page_content {
            margin-top: 60px;
            padding: 0 20px;

            .page_content_text {
                text-indent: 34px;
            }

            .brand {
                .brand_list {
                    padding-bottom: 40px;
                }
            }

            .culture {

                // .column-center-Box();
                .culture_right {
                    img {
                        width: 100%;
                    }
                }
            }
        }

        .pro_flex_list {
            padding-top: 30px;
            padding: 0 20px;

            .pro_flex {
                width: 48%;
                height: 300px;
                margin-bottom: 20px;
                border-radius: 10px;

                img {
                    width: 100%;
                }
            }
        }

        .detail_banner {
            top: 60px;
        }

        .detail_container {
            .detail {
                width: 90%;
                margin: 0 auto;
                margin-bottom: 120px;
                padding: 20px 20px;
            }
        }

        .shop_flex_list {
            .around-Box();
            padding: 60px 20px;

            .shop_flex {
                margin-right: 0 !important;
            }
        }
        #container3{
            height: 500px;
        }
    }

    footer {
        padding-top: 20px;
        height: auto;

        .container {
            .column-center-Box();

            .footer_middle {
                width: 100%;
                padding: 0 20px;

                .footer_middle_list {
                    width: 100%;
                    padding-top: 20px;

                    .footer_middle_ul {
                        margin-right: 20px;
                    }
                }

                .footer_middle_logo {
                    margin-right: 0;
                }
            }

            .footer_top {
                width: 100%;
                padding-left: 20px;
                padding-bottom: 20px;
            }

            .footer_bottom {
                margin-top: 30px;
                padding: 0 20px;
                padding-bottom: 30px;
                text-align: center;
            }
        }
    }
}

@media screen and (min-width:980px) and (max-width:1460px) {
    main {
        .product {
            .product_content {
                height: auto;
                // .column-center-Box();

                .product_content_left {
                    width: 100%;
                    // .center-Box();
                    // .justifyStart();
                    // overflow-x: scroll;

                    .product_content_left_li {
                        height: auto;
                        min-width: 30%;
                        padding: 20px;
                        min-height: 125px;
                        max-height: 125px;
                        padding-left: 20%;
                        .product_content_left_li_title {
                            font-size: 18px;
                        }

                        .product_content_left_li_desc {
                            font-size: 12px;
                            margin: 0;
                        }

                        .product_content_left_li_icon {
                            display: none;
                        }
                    }
                }
                 
                .product_content_right {
                    min-width: 50%;
                    height: 500px;
                    min-height: 500px;
                    .product_content_right_img {
                        width: 100%;
                        height: 500px
                    }
                }
            }
        }

        .page_content {
            .honor_list {
                .around-Box();
            }

        }
    }
}