@media (max-width:1599px) {
    .w {
        max-width: 95%;
    }
}

@media (max-width:1280px) {
    html {
        font-size: 58.5%
    }

    .error404 .bubble:nth-child(3):before {
        left: -1vmin;
    }

    .head .head-tel {
        display: none
    }

    .honor ul li {
        width: 33.33%;
    }

    .about-body .fl, .about-body .fr {
        width: 100%;
        padding: 0
    }

    .about-body .fr img {
        margin-top: 2rem
    }

    .in-pro ul li {
        width: 33.33%
    }

    .in-pro ul li:last-child {
        display: block;
    }

    .in-xwtu {
        display: none
    }

    .in-com-head-tit {
        width: 100%;
        padding: 0;
        padding-bottom: 2.8rem
    }
}

@media (max-width:1023px) {
    .pub-body .fr, .pubdiv .fl, .pub-body .fl, .pubdiv .fr {
        width: 100%;
    }

    .in-com, .in-industryer {
        width: 100%
    }

    .head .sbtn {
        display: block
    }

    .head .ul1 li {
        width: 100%;
        border-bottom: 1px solid #eee;
        margin-right: 0;
        background: #06c
    }

    .head .ul1 li:first-child {
        border-top: 1px solid #eee
    }

    .in-industryer {
        display: none
    }

    .head .ul1 li a {
        line-height: 4;
        color: #fff
    }

    .head .logo {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 9;
        height: 45px;
        margin-top: 0;
    }

    .head .logo img {
        border-radius: 0
    }

    .head .search {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateX(-50%);
        margin-top: -10px
    }

    .head {
        height: 60px;
    }

    .head .ul1 li a {
        padding: 0 5%
    }

    .head .ul1 {
        display: none;
        float: none;
        min-width: auto;
        position: fixed;
        width: 100%;
        height: 120vh;
        top: 0;
        left: 0;
        z-index: 1;
        background: #06c;
        margin-top: 60px;
        overflow: auto;
        transition: all .5s;
    }

    .head .ul1 li .lbt, .head .ul1 li .lbt2 {
        width: 100%;
        display: none
    }

    .banner, .pub-nav {
        margin-top: 60px
    }

    .pub-body .fl, .pubdiv .fr {
        margin-top: 2rem;
    }

    .contact {
        flex-wrap: wrap;
    }

    .contact .addr {
        width: 100%;
    }

    .contact .map {
        width: 100%;
        height: 30rem;
        border: 1px solid #dcdcdc;
        border-top: 0;
        border-radius: 0 0 8px 8px;
    }

    .contact .map img {
        max-height: 100%;
    }

    .listnav {
        width: 100%;
    }

    .listnav.on {
        margin-top: 80px;
    }

    .listnav .w_width::after {
        content: "";
        display: block;
        clear: both;
    }

    .listnav .ej_sec {
        width: 100%;
    }

    .listnav .ej_sec ul {
        width: 100%;
        float: none;
        font-size: 0;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto;
        scrollbar-width: thin;
        max-width: 100%;
        text-align: center;
    }

    .listnav .ej_sec ul::-webkit-scrollbar {
        display: none;
    }

    .listnav .ej_sec li {
        float: none;
        display: inline-block;
        vertical-align: middle;
    }

    .listnav .dq_sec {
        display: none;
    }

    .news ul li a .datebox {
        display: none;
    }

    .news ul li a .wordsbox {
        width: calc(100% - 253px);
        ;
    }

    .news.newshy ul li a .wordsbox {
        width: 100%
    }

    .news ul li a {
        padding: 3rem 2rem
    }

    .pub-news li a {
        display: block;
    }

    .pub-news li a .img {
        width: 100%;
        height: auto;
        margin: 0
    }

    .pub-news li a .tit {
        margin-top: 1rem;
    }

    .pronr-img, .pronr-title {
        width: 100%;
    }

    .pronr-title {
        margin-top: 5rem;
        padding-bottom: 7rem
    }

    .in-about .fr h3 {
        width: 88%
    }
}

@media (max-width:769px) {
    .p80 {
        padding: 4rem 0 6rem;
    }

    .pb80 {
        padding-bottom: 4rem;
    }

    .mb60 {
        margin-bottom: 4rem;
    }

    .mt40 {
        margin-top: 2.5rem
    }

    .in-pro ul li {
        width: 50%
    }

    .in-pro ul li:last-child {
        display: none;
    }

    .in-about-list ul {
        width: 100%
    }

    .in-about .fl {
        width: 100%;
        height: 20vh;
        overflow: hidden;
        margin-bottom: 3rem;
    }

    .in-com-head-dec {
        font-size: 1.6rem
    }

    .in-about .fr {
        width: 100%
    }

    .about-body {
        padding: 2rem 3rem
    }

    .pub-body .fr {
        margin-top: 4rem
    }

    .leftnav-list h2 a:first-child {
        display: block;
        padding: 12px;
        color: #fff;
        text-align: right;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .in-solution .list li {
        width: 49%;
    }

    .in-solution .list a .name {
        height: 5.8rem
    }

    .leftnav-out {
        display: none
    }

    .about-num ul li {
        width: 48%
    }

    .about-num ul li:nth-child(3) {
        margin-left: 0
    }

    html {
        font-size: 55%
    }

    .pub-bodyer .pub-body-left {
        padding: 4rem 1.2rem
    }

    .foot-logo {
        padding: 0;
        float: none;
        text-align: center
    }

    .honor ul li {
        width: 50%;
    }

    .news ul li a .picbox {
        width: 100%;
    }

    .news ul li a .wordsbox {
        width: 100%;
        padding: 0;
        padding-top: 2rem
    }

    .prolist ul li {
        width: 50%;
    }

    .pub-news li {
        text-align: center
    }

    .pub-body-timeview {
        padding: 2rem 0 1.5rem;
    }

    .pub-body-title {
        margin-bottom: 2.6rem
    }

    .pub-body-title h1 {
        font-size: 2.4rem
    }

    .about-title h3 {
        font-size: 3.6rem
    }
}

@media (max-width:641px) {
    .i2 .ul1 li {
        width: 33.33%
    }
    .pronr-body ol li {
        width: 100%
    }
    .pronr-body ol.ol2 li,.pronr-body ol.ol3 li,.pronr-body ol.ol4 li{width:50%}
    .pronr-body ol.ol2 li img,.pronr-body ol.ol3 li img,.pronr-body ol.ol4 li img{max-width:80%}
    .footmenu {
        display: block;
    }

    .foot-xk {
        padding-bottom: 0
    }

    .in-com, .in-science, .in-industry {
        padding: 2rem
    }

    .in-industry .in-more-k {
        background-color: #fff;
        color: #2e2e2e;
    }

    .in-sci-titleimg {
        height: auto
    }

    .in-com-head-dec {
        font-size: 1.6rem
    }

    .in-industry .in-news-titlemore, .in-news-titlemore, .in-science .in-news-titlemore {
        margin-left: 14rem;
    }

    .in-xwtu, .in-industryer {
        display: block;
        width: 100%;
    }

    .in-com-head-tit {
        margin-top: 2rem
    }

    .foot-nav {
        display: none;
    }

    html {
        font-size: 50%
    }

    .foot-lxdk {
        width: 100%;
        margin: 0;
        padding-top: 2rem
    }

    .foot-copyright {
        text-align: center;
        margin-bottom: 75px;
        background: #1d1d1d;
        color: #fff;
    }

    .foot-copyright a {
        color: #fff
    }
    .head .search input{
        height: 60px;
        margin-top: -20px;
    }

}
    @media (max-width:415px) {
        .solution li a {
            display: block
        }

        .solution li a .img {
            width: 100%;
            margin-left: 0;
        }

        .solution li a .text {
            padding: 1rem 2.5rem
        }

        .solution li a .info:last-child {
            margin-top: 0
        }
    }