@media all and (max-width: 1680px) {
    header .head-nav {
        padding:0 2%
    }

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

@media all and (max-width: 1600px) {
    header .head-nav ul li {
        margin:0 8px
    }
}

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

@media all and (max-width: 1400px) {
    .font-48 {
        font-size:40px
    }

    .font-72 {
        font-size: 3.875rem
    }

    .font-60 {
        font-size: 3.125rem
    }

    .font-36 {
        font-size: 2rem
    }

    .font-32 {
        font-size: 1.75rem
    }

    .font-30 {
        font-size: 1.625rem
    }

    .font-24 {
        font-size: 1.375rem
    }

    .home-info {
        padding: 80px 0
    }

    .home-adv .content ul li {
        padding: 28px 40px
    }

    .home-adv .content ul li p {
        font-size: 14px
    }

    .home-choose .choose-container ul li .item {
        height: 100%;
    }

    .home-about .text {
        width: 32%
    }

    .about .content1 .img {
        width: 42%
    }

    .product-page .content .right .adv ul li p {
        width: 100%
    }
}

@media all and (max-width: 1280px) {
    header .head-nav ul li {
        margin:0 6px
    }

    header .head-nav ul li a {
        font-size: 14px
    }

    .home-info {
        padding: 62px 0
    }

    .position .category ul li a {
        padding: 0 16px
    }

    .topic-banner .text .desc {
        line-height: 30px
    }
}

@media all and (max-width: 1140px) {
    header .head-nav ul li {
        margin:0 4px
    }

    header .head-nav {
        height: 80px
    }

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

    .home-info {
        padding: 50px 0
    }

    .topic-nav {
        top: 80px
    }

    .home-adv .content::before {
        content: none
    }
}

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

    .font-72 {
        font-size: 2.625rem
    }

    .font-60 {
        font-size: 2.5rem
    }

    .font-36 {
        font-size: 1.75rem
    }

    .font-32 {
        font-size: 1.625rem
    }

    .font-30 {
        font-size: 1.5rem
    }

    .font-24 {
        font-size: 1.25rem
    }

    .font-20 {
        font-size: 1.125rem
    }

    .font-48 {
        font-size: 2rem
    }

    .font-18 {
        font-size: 1rem
    }

    .font-16 {
        font-size: .9375rem
    }

    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%
    }

    .home-info {
        padding: 40px 0
    }

    .home-info ul li .item .desc p {
        display: inline
    }

    .home-product .ho-nav {
        flex-direction: column;
        justify-content: center !important
    }

    .ho-nav ul {
        flex-wrap: nowrap;
        overflow-y: hidden;
        overflow-x: auto
    }

    .ho-nav ul li {
        flex: 1 0 auto
    }

    .ho-nav ul li a {
        text-align: center
    }

    .home-adv .content .img img {
        position: relative;
        width: 100%;
        display: block
    }

    .home-adv .content .img .icon {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .home-adv .content ul li {
        padding: 16px
    }

    .home-client .text {
        flex-direction: column
    }

    .home-client .text .desc {
        width: 100%;
        margin-bottom: 20px
    }

    .ho-more {
        width: 140px;
        height: 42px
    }

    .home-about .content {
        flex-direction: column
    }

    .home-about .content .text {
        width: 100%
    }

    .home-about .content .video {
        width: 100%;
        margin-top: 24px
    }

    .home-style .ho-nav {
        flex-direction: column
    }

    .position {
        height: 50px;
        transform: translateY(0);
        background: #fff;
        margin-bottom: 24px;
        border-bottom: 1px #eee solid
    }

    .about .content1 .info {
        flex-direction: column
    }

    .about .content1 .info .img {
        width: 100%;
        margin-top: 20px
    }

    .about .content2 .course-container .item {
        width: 100%;
        height: 300px
    }

    .about .content2 .thumbs .course-thumbs {
        width: 100%
    }

    .topic-page .content3 {
        padding: 0 16px
    }

    .topic-page .content3 .text {
        padding: 24px !important
    }

    .topic-page .content5 ul li {
        flex-direction: column
    }

    .topic-page .content5 ul li .img {
        width: 100%
    }

    .topic-page .content5 ul li .w1400 {
        position: relative
    }

    .topic-page .content5 ul li .w1400 .text {
        width: 100%;
        min-height: 200px
    }

    .topic-page .content8 ul li .desc p {
        display: inline
    }

    .topic-page .content9 ul li .item span .icon {
        font-size: 36px
    }

    .topic-page .content6 .info {
        width: 100%;
        overflow-y: auto
    }

    .topic-page .content6 .info table {
        width: 1000px
    }
}

@media all and (max-width: 768px) {
    footer {
        padding-bottom:50px
    }

    .product-page .page-container .img {
        height: 360px
    }

    .home-info {
        padding: 40px 0
    }

    .home-info ul li {
        width: 50%;
        margin: 10px 0;
        border-right: none
    }

    footer .content .contact {
        flex-direction: column
    }

    footer .content .contact .code {
        flex-direction: column;
        margin-bottom: 30px
    }

    footer .content .contact .code img {
        width: 110px
    }

    footer .content .contact .code p {
        text-align: left !important;
        margin-bottom: 10px
    }
}

@media all and (max-width: 576px) {
    .font-36 {
        font-size:1.5rem
    }

    .font-32 {
        font-size: 1.375rem
    }

    .font-30 {
        font-size: 1.25rem
    }

    .font-24 {
        font-size: 1.125rem
    }

    .font-20 {
        font-size: 1rem
    }

    .font-48 {
        font-size: 1.75rem
    }

    .honor-list ul li .img {
        height: 240px
    }

    .setting-list ul li .img {
        height: 180px
    }

    .news-list ul li a .img {
        height: 240px
    }

    .news-detail .news-detail-footer {
        flex-direction: column
    }

    .product-list ul li .item .img {
        height: 160px
    }

    .home-client .client-container {
        height: 460px
    }

    .home-choose .choose-container ul li .item {
        height: 100%;
    }

    .home-choose .choose-container ul li .item span {
        width: 86px;
        height: 86px
    }

    .home-choose .choose-container ul li .item span::before {
        left: -800px;
        top: -800px;
        right: -800px;
        bottom: -800px
    }

    .home-choose .choose-container ul li .item span,.home-choose .choose-container ul li .item h4,.home-choose .choose-container ul li .item p {
        animation: top .6s linear forwards
    }

    .home-choose .choose-container ul li .item .line,.home-choose .choose-container ul li .item .desc {
        display: block;
        animation: top .6s linear forwards
    }

    .home-choose .choose-container ul li .item a {
        display: flex;
        animation: top .6s linear forwards
    }

    .setting-container {
        height: 340px
    }

    .home-style .honor-container {
        height: 600px
    }

    .exhibition-container {
        height: 400px
    }

    .home-style .team-container {
        height: 420px
    }

    .about .content3 .client-container ul li .item {
        height: 180px
    }

    .about .content5 ul li .item {
        height: 260px
    }

    .about .content6 .exhibition-container {
        height: 400px
    }

    .about .content7 ul li .img {
        height: 160px
    }

    .topic-page .content7 ul li .img {
        height: 170px
    }

    .topic-page .content11 .client-container {
        height: 380px
    }

    .topic-page .content12 ul li .item {
        height: 260px
    }

    .product-page .content .right .setting ul li .item {
        height: 180px
    }

    .product-page .content .right .client ul li .item {
        height: 180px
    }

    .news-list .hot {
        height: 320px
    }
}

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