@media(max-width:1600px) {
    .head,
    .product,
    .about,
    .honor,
    .case,
    .new,
    .foot,
    .newshow,
    .innew,
    .incontact,
    .inhonor,
    .inabout,
    .history,
    .environment,
    .application,
    .incase,
    .proshow {
        padding-left: 20px;
        padding-right: 20px;
    }
    .nav ul li {
        margin-right: 4%;
    }
    .nav ul li a {
        font-size: 14px;
    }
    .pronav a {
        font-size: 16px;
    }
    .left_ab {
        margin-top: 80px;
    }
    .sj {
        margin-right: 18%;
    }
    .about,
    .honor {
        height: auto;
        padding-bottom: 60px;
    }
}

@media(max-width:1440px) {
    .fpnav {
        margin-left: 5%;
    }
    .sj {
        margin-right: 14%;
    }
    .nav ul li a {
        font-size: 12px;
    }
}

@media(max-width:1366px) {
    .incontact_top_fl_con {
        font-size: 28px;
    }
    .incontact_bots {
        font-size: 16px;
    }
    .pronav a {
        font-size: 14px !important;
    }
}

@media(max-width:1280px) {}

@media(max-width:1200px) {}

@media(max-width:1024px) {
    .mobile-inner-header {
        display: block;
        z-index: 999;
    }
    .head {
        display: none;
    }
    .title {
        height: auto;
        background: none;
        padding-left: 0;
        text-align: center;
    }
    .titles {
        display: none;
    }
    .maintitle {
        font-size: 30px;
    }
    .pronav {
        width: 100%;
    }
    .prolist {
        width: 100%;
    }
    .proitem {
        width: 49%;
        margin-right: 2%;
    }
    .proitem:nth-child(2n) {
        margin-right: 0;
    }
    .about {
        background-size: cover;
        background-position: left center;
    }
    .ab {
        margin-top: 20px;
    }
    .left_ab {
        width: 100%;
        margin-top: 20px;
    }
    .right_ab {
        width: 100%;
    }
    .honortitle {
        font-size: 36px;
        background: none;
    }
    .honortitles {
        font-size: 16px;
    }
    .ftop,
    .foots {
        display: none;
    }
    .copy a {
        display: block;
    }
    .innewpic {
        display: none;
    }
    .innewintro {
        width: 100%;
    }
    .inmaintitle {
        font-size: 24px;
    }
    .incontact_top {
        display: none;
    }
    .feedback form textarea {
        height: 150px;
        margin-top: 10px;
        font-size: 18px;
    }
    .feedback form div input {
        height: 45px;
        font-size: 18px;
    }
    .feedback form input[type=submit] {
        height: 45px;
        width: 200px;
        font-size: 18px;
    }
    .about_left {
        width: 100%;
        padding-left: 0;
    }
    .about_right {
        width: 100%;
        margin-top: 15px;
    }
    .about_data {
        display: none;
    }
    .history,
    .culture {
        display: none;
    }
    .inabout {
        margin-top: 20px;
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .about_main {
        padding: 0;
    }
    .environments img {
        width: 49%;
        margin-right: 2%;
        margin-top: 15px;
    }
    .environments img:nth-child(2n) {
        margin-right: 0;
    }
    .inappbefore {
        font-size: 18px;
    }
    .inapp {
        width: 100%;
    }
    .inappcontainer {
        margin-top: 0;
    }
    .proshow_top_fl {
        width: 100%;
    }
    .proshow_top_fr {
        width: 100%;
    }
    .proshow_bot_fl {
        display: none;
    }
    .proshow_bot_fr {
        width: 100%;
    }
}

@media(max-width:768px) {
    .banner.swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 10px;
    }
    .proitem {
        width: 100%;
    }
    .appbefore {
        font-size: 12px;
        background: rgba(0, 85, 156, 0);
    }
    .about {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .shuju {
        display: none;
    }
    .abmore {
        margin-top: 20px;
    }
    .abmore a,
    .newmore a {
        width: 150px;
        height: 45px;
        line-height: 45px;
        font-size: 16px;
    }
    .honortitle {
        font-size: 30px;
    }
    .honors {
        margin-top: 25px;
    }
    .honortitles {
        font-size: 12px;
    }
    .case {
        margin-top: 30px;
    }
    .casecontainer {
        margin-top: 25px;
    }
    .left_case {
        width: 100%;
    }
    .right_case {
        width: 100%;
        margin-top: 15px;
    }
    .new {
        margin-top: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .newcontainer {
        margin-top: 30px;
    }
    .newitem {
        width: 100%;
        margin-bottom: 20px;
    }
    .newmore {
        margin-top: 10px;
    }
    .copy {
        line-height: 40px;
        font-size: 12px;
    }
    .copy a {
        font-size: 12px;
    }
    .feedback_title {
        font-size: 24px;
    }
    .incas {
        width: 49%;
        margin-right: 2%;
        margin-top: 20px;
    }
    .incas:nth-child(3n) {
        margin-right: 2%;
    }
    .incas:nth-child(2n) {
        margin-right: 0;
    }
    .maintitle {
        font-size: 24px;
    }
    .incas p {
        font-size: 18px;
        line-height: 45px;
    }
    .proshow_top_fr_special,
    .proshow_top_fr_contact {
        display: none;
    }
    .right_bread {
        display: none;
    }
    .proshow_top_fr_title {
        line-height: 45px;
        font-size: 15px;
    }
    .proshow_top {
        padding-bottom: 20px;
        width: 100%;
    }
    .navone {
        width: 49%;
        float: left;
        margin-right: 2%;
        overflow: hidden;
    }
    .navone:nth-child(2n) {
        margin-right: 0;
    }
    .pronav a {
        width: 100%;
        overflow: hidden;
    }
}

@media(max-width:420px) {
    .innewtitle {
        font-size: 18px;
    }
    .innewcon {
        font-size: 15px;
    }
    .innewmore {
        margin-top: 25px;
    }
    .incontact_bots img {
        width: 30px;
    }
    .incontact_bots {
        height: 92px;
        line-height: 90px;
        overflow: hidden;
        width: 100%;
        margin-bottom: 10px;
    }
    .feedback form div input {
        width: 100%;
        margin-bottom: 5px;
    }
    .inhonor,
    .inhonors {
        margin-top: 20px;
    }
    .inhonors a {
        width: 49%;
        margin-bottom: 20px;
    }
    .inhonors a:nth-child(5n) {
        margin-right: 2%;
    }
    .inhonors a:nth-child(2n) {
        margin-right: 0;
    }
}

@media(max-width:376px) {}

@media(max-width:360px) {}