@media all and (max-width:1680px) {
    .w1600 {
        width: 94%
    }

    header .head-nav ul>li>a {
        font-size: 16px !important;
    }
    header .head-nav ul>li {
        margin: 0px 15px !important;
    }
    .index-section3 ul li {
        height: 600px
    }

    .about-page .section2 ul li {
        height: 600px
    }
}

@media all and (max-width:1600px) {
    .index-section2 .content .pro-navs {
        width: 280px;
        margin-right: 40px
    }

    header .head-nav ul {
        margin-left: 0
    }
}

@media all and (max-width:1480px) {
    header .head-nav .logo img {
        max-width: 50%;
    }
    .w1400 {
        width: 94%
    }

    header {
        padding: 0 3%
    }

    header .head-nav ul li {
        margin: 0 16px !important
    }

    .setting-page .section-coomon .content::before {
        font-size: 200px
    }

    .setting-page .section-coomon .content .text a {
        width: 280px;
        height: 50px
    }

    .setting-page .section-coomon .content .text a span {
        width: 50px
    }

    .index-section2 .content .pro-navs {
        width: 270px;
        margin-right: 30px
    }

    .index-section3 ul li {
        height: 520px
    }

    .about-page .section2 ul li {
        height: 520px
    }
}

@media all and (max-width:1400px) {
    header .head-nav .logo h4 {
        display: none !important;
    }
    .setting-page .section-coomon .content::before {
        font-size: 160px
    }

    .setting-page .section-coomon .content .text {
        padding-bottom: 210px
    }

    .setting-page .section-coomon .content ul {
        height: 160px
    }

    .setting-page .section3 ul li {
        width: 160px;
        height: 184px
    }

    .news-list ol li a {
        padding: 30px
    }

    .pro-nav-item ul li a .icon {
        width: 70px;
        height: 70px
    }

    .pro-nav-item .content {
        transform: translateY(-50px)
    }

    .pro-nav-item ul li a {
        height: 100px
    }

    .page-banner .text p {
        font-size: 24px
    }
}

@media all and (max-width:1280px) {

    .w1200,
    .w1100 {
        width: 94%
    }

    header .head-nav .logo h4 {
        display: none !important
    }

    .setting-page .section3 ul li {
        width: 140px;
        height: 160px
    }
}

@media all and (max-width:992px) {
    #container {
        padding-top: 56px !important
    }

    header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999;
        background: #fff
    }

    header .head-nav {
        height: 56px
    }

    header .head-nav .logo img {
        max-height: 80%
    }

    header .head-nav .logo .a {
        display: none !important
    }

    header .head-nav .logo .b {
        display: block !important
    }

    .index-section1 ol li .item {
        min-height: 320px
    }

    .index-section1 ol li .item .img {
        height: 110px
    }

    .index-section2 .content .info {
        width: 100%
    }

    .foot-consult .content {
        flex-direction: column;
        align-content: center
    }

    .foot-consult .content a {
        margin-top: 30px
    }

    footer .content .info {
        width: 100%;
        text-align: left !important
    }

    footer .content .info ol {
        justify-content: flex-start !important
    }

    .setting-page .section-coomon .content .text {
        padding-bottom: 30px
    }

    .setting-page .section-coomon .content .text .desc {
        width: 100%;
        padding-right: 3% !important
    }

    .setting-page .section-coomon .content::before {
        content: none
    }

    .setting-page .section-coomon .content ul {
        position: relative;
        width: 100%;
        height: auto;
        padding: 40px 3% !important;
        margin-top: 10px
    }

    .setting-page .section2 .content .text {
        text-align: left !important;
        padding-left: 3%;
        align-items: flex-start
    }

    .setting-page .section-coomon .content .text a {
        width: 240px
    }

    .setting-page .section2 .content ul {
        left: 0
    }

    .setting-page .section3 ul {
        flex-wrap: wrap
    }

    .setting-page .section3 ul li {
        width: 104px;
        height: 126px
    }

    .news-nav-item .content {
        height: 56px
    }

    .news-list ol li a {
        padding: 22px 18px;
        flex-direction: column
    }

    .news-list ol li a .title {
        width: 100%;
        border-right: none
    }

    .prev-next-bottom {
        flex-direction: column;
        justify-content: center;
        height: auto;
        padding: 16px 12px;
        align-items: flex-start !important;
        line-height: 30px
    }

    .about-page .section1 .content ul {
        flex-wrap: wrap
    }

    .about-page .section1 .content ul li {
        width: 33.333%;
        margin-bottom: 20px
    }

    .about-page .section3 .content .title {
        height: 240px;
        padding: 10% 5%
    }

    .about-page .section3 .content .title p {
        left: 5%;
        bottom: 8%;
        right: 5%
    }

    .about-page .section3 .content .new {
        padding-top: 65%;
        height: auto
    }

    .about-page .section5 .next {
        width: 36px;
        height: 36px
    }

    .contact-page .section1 ul {
        flex-wrap: wrap
    }

    .contact-page .section1 ul li {
        width: 50%;
        flex: auto
    }

    .contact-page .section1 ul li h4 {
        height: auto
    }

    .contact-page .map {
        height: 320px
    }

    .product-page .section1 .content {
        flex-direction: column
    }

    .product-page .section1 .content .albums-img {
        width: 100%
    }

    .product-page .section1 .content .text {
        width: 100%
    }

    .product-page .section1 .content .text .more {
        width: 160px;
        height: 40px
    }

    .product-page .section2 .content {
        flex-direction: column
    }

    .product-page .section2 .content .product-right {
        width: 100%
    }

    .product-page .section2 .content .pro-menu {
        width: 100%;
        margin-left: 0;
        margin-top: 20px
    }

    .product-page .section2 .content .pro-menu .common-list {
        margin: 0
    }

    .page-banner .text p {
        font-size: 16px
    }

    .page-banner .text p::before {
        width: 50px
    }

    .product-page .section1 .content .albums-img .gallery-thumbs .img {
        padding-top: 80%
    }
}

@media all and (max-width:768px) {
    footer .copyright {
        flex-direction: column;
        line-height: 24px
    }
}

/*# sourceMappingURL=./style_devices.css.map */