@charset "utf-8";


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

    .indexA .tabs {
        margin: 50px 40px 0;
    }

    .indexA .tabs-list {
        padding: 0 40px;
    }
}

@media screen and (max-width:768px) {
    .dtt {
        height: 32px;
    }

    .vfa a {
        min-height: 210px;
    }

    .tttv {
        font-weight: 700;
        font-size: 25px;
        text-transform: uppercase;
        line-height: 30px;
        color: #fff;
    }

    .itn h3 {
        font-weight: bold;
        margin-bottom: 8px;
        font-size: 18px;
        color: #000;
        margin-top: 5px;
    }

    .pga {
        margin-top: 15px;
        background: #fff;
        box-shadow: 0px 30px 50px rgb(0 0 0 / 15%);
        border-radius: 25px;
        padding: 10px 10px 30px 10px;
    }



    .pnga {
        text-align: center;
        padding: 0px 20px;
    }

    #banner img {
        border-radius: 0px;
    }

    .ndgt {
    }

    .ndad {
    }

    .blgt .row .bgag:nth-child(2) {
        border-left: 0px solid #41596E;
        border-right: 0px solid #41596E;
    }

    .mn {
        background: #fff;
        border-bottom: 0px solid #fff;
        height: 2px;
        overflow: hidden;
    }

    .ttae {
        height: 58px;
        overflow: hidden;
        display: block;
        font-size: 14px;
    }

    .dlu {
        height: 30px;
        overflow: hidden;
    }

    .hda {
        font-size: 23px;
    }

    .donhang ul li a {
        font-size: 16px;
    }

    .tdyk {
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        font-size: 23px;
        color: #3f7cbd;
        font-weight: bold;
    }

    .dktv {
    }

    .ssnw {
        padding: 20px 0px 0px 0px;
    }

    .blav div {
        font-size: 12px;
    }

    .pagect .bright {
        float: left;
        width: 100%;
    }

    .tth1 {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .logo img {
        max-height: 80px;
        text-align: left;
        margin-left: 0px;
    }

    .breadcrumb a {
        font-size: 13px;
    }

    .visible-xs-block, #footerBar {
        display: block;
    }

    .addthis_inline_share_toolbox_ysau {
        text-align: center;
    }

    .wp {
        width: 100%;
        padding-right: 10px;
        box-sizing: border-box;
        padding-left: 10px;
    }

    .nav, .header_right {
        display: none;
    }

    .mo-header .header-lang {
        display: block;
    }

    .header {
        height: auto;
        padding: 5px 0;
        -webkit-justify-content: center;
        justify-content: center;
        margin-top: 0px;
    }

        .header .logo {
            margin: 0;
        }

    #banner .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 8px;
    }

    #banner .swiper-pagination-bullet {
        height: 5px;
        width: 15px;
    }

    #footer {
        padding: 40px 10px 60px;
    }

        #footer h5 {
            font-size: 22px;
            text-align: center;
        }

        #footer hr {
            margin: 15px auto;
            display: block;
        }

    .foot-about {
        float: none;
        width: 100%;
    }

        .foot-about p {
            font-size: 14px;
            line-height: 22px;
        }

    .foot-contact {
        float: none;
        text-align: left;
        margin: 20px 0 0;
    }

        .foot-contact .share {
            text-align: center;
        }

            .foot-contact .share a {
                margin: 0 2px;
            }

    .foot-nav {
        display: none;
    }

    .copy {
        height: auto;
        text-align: center;
    }

        .copy .logo {
            float: none;
            margin: 25px 0 15px;
        }

        .copy p {
            float: none;
            line-height: 24px;
            font-size: 14px;
        }



    .main {
        padding-top: 20px;
        padding-bottom: 30px;
    }

    .mainRight {
        width: 100%;
        float: none;
        margin: 0;
    }

    .mainleft {
        width: 100%;
        float: none;
    }

    .sidemenu h3::after, .left_nav h3::after {
        display: block;
    }

    .sidemenu ul, .left_nav dl {
        display: none;
    }

    .left_nav {
        display: block;
    }

    .path {
        height: 40px;
        line-height: 40px;
        margin-top: 0px;
        text-align: center;
    }

        .path h3 {
            float: none;
            font-size: 26px;
        }

            .path h3::after {
                display: none;
            }

        .path p {
            display: none;
        }
}


@media screen and (max-width:768px) {
    .path .breadcrumb {
        display: none
    }

    .social {
        margin-bottom: 20px;
    }

    #dangky_home:after {
        background: none;
    }

    .donhang .nav {
        display: block;
    }

    .th_home {
        padding: 6px 0px;
        border: 1px solid #ddd;
        font-size: 14px;
        font-weight: normal;
    }

    .donhang ul li {
        padding: 0px 0px;
        margin: 5px;
        text-align: center;
    }

    .tableHome tr td {
        border: 1px solid #ebebeb;
        padding: 20px 10px;
        font-size: 14px;
    }

    .indexA {
        padding: 30px 10px;
    }

        .indexA .txt {
            float: none;
            width: 100%;
        }

            .indexA .txt h3 {
                font-size: 30px;
                text-transform: uppercase;
                text-align: center;
            }

            .indexA .txt hr {
                width: 80px;
                height: 3px;
                margin: 15px auto 0;
            }

            .indexA .txt p {
                font-size: 15px;
                line-height: 26px;
                margin: 20px 0 0;
            }

        .indexA .pic {
            float: none;
            width: 100%;
            margin: 20px 0 0;
        }

            .indexA .pic img {
                width: 100%;
                display: block;
            }

    .indexB {
        background: url(../images/ibg1.jpg) no-repeat center top;
        height: auto;
        background-size: auto 100%;
        padding: 30px 10px;
        position: relative;
    }

        .indexB .t {
            position: static;
            width: 100%;
            height: auto;
            padding: 20px;
            background: #fff;
            box-sizing: border-box;
        }

            .indexB .t h3 {
                font-size: 30px;
                text-transform: uppercase;
                text-align: center;
            }

            .indexB .t hr {
                width: 80px;
                height: 3px;
                margin: 15px auto;
            }

            .indexB .t p {
                font-size: 15px;
                line-height: 23px;
                margin: 0 0 8px;
            }

    .indexC {
        padding: 30px 10px;
        overflow: hidden;
    }

        .indexC .tit {
            position: relative;
            height: auto;
        }

            .indexC .tit::after {
                display: none;
            }

            .indexC .tit h3 {
                font-size: 30px;
            }

                .indexC .tit h3::after {
                    width: 90px;
                    height: 3px;
                    bottom: -10px;
                }

            .indexC .tit a {
                float: none;
                width: 100%;
                height: 40px;
                line-height: 40px;
                font-size: 20px;
            }

        .indexC .list {
            margin: 10px 0 0;
        }

            .indexC .list ul {
                margin: 0 0 0 -2%;
            }

                .indexC .list ul li {
                    width: 48%;
                    margin: 20px 0 0 2%;
                }

                    .indexC .list ul li .t {
                        height: 50px;
                        padding: 5px 0;
                    }

                        .indexC .list ul li .t h6 {
                            font-size: 14px;
                        }

    /*------------*/

    .about {
        line-height: 23px;
        margin: 0;
        font-size: 15px;
    }

        .about h5 {
            font-size: 22px;
            margin-bottom: 20px;
            text-align: center;
        }

        .about p {
            margin: 0 0 10px 0;
        }

        .about .row {
            margin-bottom: 0;
        }

            .about .row > div {
                margin-bottom: 15px;
            }

    .video {
        width: 100%;
    }

        .video .v::after {
            background-size: 80px 80px;
        }

    .down ul {
        margin: 0 0 0 -2%;
    }

        .down ul li {
            float: left;
            width: 48%;
            margin: 0 0 20px 2%;
        }

            .down ul li a {
                height: 160px;
            }

                .down ul li a img {
                    height: 70px;
                }

            .down ul li p {
                height: 50px;
                line-height: 50px;
                font-size: 14px;
            }

    .newslist ul li {
        float: none;
        width: 100%;
        margin: 0 0 20px;
        box-shadow: 0 0 10px #CCC;
    }

        .newslist ul li:nth-child(2n) {
            float: none;
        }

        .newslist ul li .t {
            padding: 15px;
        }

            .newslist ul li .t p {
                font-size: 15px;
                margin: 10px 0 0;
                height: auto;
            }

    .newsnr { /* padding:15px; */
    }

        .newsnr h1 {
            font-size: 18px;
            line-height: 30px;
        }

    .myart {
        margin: 20px 0;
        line-height: 22px;
        font-size: 14px;
    }

        .myart p {
            margin: 0 0 10px;
        }

    .pnbar {
        margin-top: 30px;
        padding: 15px 0 0;
    }

        .pnbar .l {
            padding: 0;
        }

            .pnbar .l p {
                font-size: 14px;
                line-height: 25px;
            }

        .pnbar a.more {
            display: none;
        }

    .productlist ul {
        margin: 0 0 0 -2%;
    }

        .productlist ul li {
            width: 48%;
            float: left;
            margin: 0 0 20px 2%;
        }

            .productlist ul li .t {
                height: 50px;
                padding: 5px 0;
            }

                .productlist ul li .t h6 {
                    font-size: 14px;
                }


    .pro_img {
        float: none;
        width: 500px;
        margin: 0 auto;
    }

        .pro_img .preview .swiper-slide {
            margin: 0 2px 10px;
        }

    .pro_view_inner {
        float: none;
        width: 100%;
        margin: 25px 0 0;
    }

        .pro_view_inner h1 {
            font-size: 15px;
            margin: 0;
            text-align: center;
        }

        .pro_view_inner a.book {
            margin: 0 auto;
            display: block;
        }

    .pro_text .tit {
        margin: 20px 0 0;
        height: 40px;
        padding: 0;
        margin-bottom: 20px;
    }

        .pro_text .tit h5 {
            padding: 0 0 0 10px;
            height: 40px;
            line-height: 40px;
            font-size: 16px;
        }

    .pro-content img, .myart img {
        width: 100%;
        height: auto;
    }

    .pro-content {
        padding: 15px;
        line-height: 22px;
        font-size: 14px;
    }

        .pro-content h5 {
            font-size: 16px;
            margin-bottom: 10px;
        }

    .related-pro ul li {
        width: 48%;
        margin: 0 0 15px 2%;
    }

        .related-pro ul li .t h6 {
            font-size: 14px;
        }

    .pro-inquiry {
        padding: 15px;
    }

    .inquirbox .row {
        margin-bottom: 0;
    }

        .inquirbox .row > div {
            margin-bottom: 10px;
        }

    .strength {
        line-height: 22px;
        font-size: 15px;
    }

        .strength p {
            margin: 0 0 15px;
        }

        .strength .row > div {
            margin-bottom: 15px;
        }

    .project {
        text-align: center;
    }

        .project ul {
            margin: 0 0 0 -2%;
        }

            .project ul li {
                float: left;
                width: 48%;
                height: 180px;
                padding: 0 10px;
                margin: 0 0 15px 2%;
                box-sizing: border-box;
            }

    .contact-top {
        margin: 0;
    }

        .contact-top ul li {
            float: none;
            width: 100%;
            height: auto;
            padding: 20px;
            margin: 0 0 20px;
        }

            .contact-top ul li:nth-child(2n) {
                float: none;
            }

            .contact-top ul li h5 {
                font-size: 18px;
            }

            .contact-top ul li p {
                font-size: 14px;
            }

                .contact-top ul li p em {
                    margin: 0 0 0 37px;
                }

    .map iframe {
        width: 100%;
    }

    .contact-inquiry {
        margin: 30px 0 0 0;
    }

    .menu-tabs {
        margin: 0 0 20px 0;
    }

        .menu-tabs ul {
            font-size: 0;
        }

            .menu-tabs ul li {
                float: none;
                display: inline-block;
                height: 40px;
                line-height: 40px;
                margin: 2px 1px;
                border-left: 1px solid #3489C9;
            }

                .menu-tabs ul li a {
                    padding: 0 10px;
                    font-size: 13px;
                }

    .honor p {
        font-size: 14px;
    }

    .honor ul li {
        width: 31.333333%;
        margin: 0 0 15px 2%;
    }

        .honor ul li a {
            display: block;
            width: 100%;
            overflow: hidden;
        }

        .honor ul li img {
            border: 2px solid #E0E0E0;
        }

        .honor ul li p {
            font-weight: 400;
            font-size: 14px;
        }
}

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

    .pro_img {
        width: 100%;
    }
}

@media screen and (max-width:1180px) {
    .pnga {
        text-align: center;
        padding: 0px 10px;
    }

    .vmnd a:before {
        content: '';
        right: 135px;
        top: 15px;
        width: 300px;
        background: #000;
        height: 1px;
        position: absolute;
    }

    .vmnd a:after {
        content: '';
        left: 135px;
        top: 15px;
        width: 300px;
        background: #000;
        height: 1px;
        position: absolute;
    }
}

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

    .down ul {
        margin: 0;
    }

        .down ul li {
            float: none;
            width: 100%;
            margin: 0 0 20px;
        }

            .down ul li a {
                height: 140px;
            }

                .down ul li a img {
                    height: 60px;
                }



    .linetit h4 {
        font-size: 24px;
    }

    .stit h5 {
        font-size: 24px;
    }



    .honor ul li {
        width: 48%
    }



    .rela_list {
        border-bottom: none;
        padding: 0 0;
    }

        .rela_list li {
            border-top: none;
            height: 80px;
            border: 1px solid #B4B4B4;
            margin: 10px 0 0 0;
            padding: 0 10px;
        }

        .rela_list .t {
            float: none;
            width: 100%;
            height: 40px;
            display: block;
            text-align: left;
            background: #fff;
            color: #333;
            border-right: none;
            border-bottom: 1px solid #B4B4B4;
        }

        .rela_list a {
            float: none;
            margin-left: 0;
            width: 100%;
        }

    .newsnr h1 {
        font-size: 18px;
        margin: 25px 0 0;
    }

    .industrie ul li {
        width: 48%;
    }

        .industrie ul li .t p {
            font-size: 15px;
        }
}

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

    .indexA .txt h3 {
        font-size: 24px;
    }

    .indexA .txt p {
        font-size: 14px;
        line-height: 23px;
    }

    .indexB .t h3 {
        font-size: 24px;
    }





    .pro_img {
        width: 100%;
    }

    .linetit h4 {
        font-size: 24px;
    }

    .buyers-list ul {
        margin: 0;
    }

        .buyers-list ul li {
            width: 100%;
            margin: 15px 0 0 0;
        }

            .buyers-list ul li h5 {
                padding: 10px 5px;
                font-size: 14px;
            }

    .productlist ul {
        margin: 0;
    }

        .productlist ul li {
            width: 100%;
            margin: 0 0 15px 0;
            height: auto;
        }

            .productlist ul li h6 {
                height: auto;
            }


    .honor ul {
        margin: 10px 0 0 0;
    }

        .honor ul li {
            float: none;
            width: 100%;
            margin: 5px 0 5px 0;
        }
}


@media screen and (max-width: 900px) {
    #back {
        width: 100%;
    }

    #goTop {
        margin-bottom: 50px;
    }
}

@media screen and (min-width: 992px) {
    .logo-wrapper {
        height: 115px;
    }

    .col20 {
        width: 20%;
    }
}

@media screen and (max-width: 1023px) {
    .visible-xs-block, #footerBar {
        display: block !important;
    }

    .mo-header-wp span {
        width: 50px;
        height: 50px;
        display: block;
        line-height: 50px;
        font-size: 24px;
        color: #fff;
        text-align: center;
        float: right;
        position: absolute;
        right: 0px;
        left: auto;
         bottom: -138px;
    }

    .ndad {
    }

    .pga {
        margin-top: 0px;
        background: #fff;
        box-shadow: 0px 30px 50px rgb(0 0 0 / 15%);
        border-radius: 25px;
        padding: 30px 10px 60px 10px;
    }

    .pnga {
        text-align: center;
        padding: 0px 10px;
    }

    .nav, .header_right {
        display: none !important;
    }

    .tt_vd a {
        font-size: 18px !important;
        line-height: 33px;
        text-align: center;
        font-weight: 700;
        color: #41596E;
        margin-top: 10px;
        display: block;
    }

    .mo-header-menu {
        position: absolute;
        left: 0px;
        bottom: -61px;
        color: #00af5f !important;
    }

    .vmnd a:before {
        content: '';
        right: 135px;
        top: 15px;
        width: 200px;
        background: #000;
        height: 1px;
        position: absolute;
        display: none;
    }

    .vmnd a:after {
        content: '';
        left: 135px;
        top: 15px;
        width: 200px;
        background: #000;
        height: 1px;
        position: absolute;
        visibility: hidden;
    }

    .logo img {
        max-height: 90px;
        text-align: left;
        margin-left: 0px;
    }
}

.pgan {
    background: none 0px 0px repeat scroll #f5f5f5 !important;
}