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

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

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

@media screen and (max-width: 1280px) {
    .newsDetails-con {
        font-size: 14px;
        line-height: 30px;
    }
}

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

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

    .header,
    .plate1,
    .about .img,
        /*.productCenter .itm1,
        .productCenter .itm2,*/
    .application ul,
    .business .rt,
    .plate3,
    .footer li,
    .contactUs .top img,
    .culture .top img {
        display: none;
    }

    .mobile-inner-header {
        display: block;
    }

    .mobile-inner-header .logo {
        padding: 2px 0;
    }

    .common-card {
        width: 100%;
        padding: 0 4%;
    }

    .about .text {
        flex: none;
        width: 100%;
        padding: 0;
    }

    .about {
        padding: 2% 4%;
    }

   /* .productCenter .top {
        flex-wrap: wrap;
        height: 4.1125rem;
    }*/

    .productCenter .top .rt {
        flex: none;
        width: 100%;
        height: auto;
    }

    .qualificationSwiper {
        width: 100%;
    }

    .qualification-next,
    .qualification-prev {
        height: 45px;
        height: 45px;
    }

    .application {
        height: auto;
        padding: 2% 4%;
    }

    .application .common-card,
    .plate2-con .common-card,
    .news-con .bto .common-card,
    .navigation .common-card,
    .plate4 ul {
        flex-wrap: wrap;
    }

    .applicationSwiper,
    .application .lt,
    .business ul,
    .plate2 .lt,
    .news .lt,
    .comItem {
        width: 100%;
    }

    .applicationSwiper {
        margin-top: 15px;
    }

    .applicationSwiper a {
        width: 50%;
    }

    .applicationSwiper img,
    .news-con .bto {
        height: auto;
        width: 100%;
    }

    .application .lt .text {
        margin: 10px 0 25px 0;
    }

    .business li {
        margin: 0 10px 10px 0 !important;
    }

    .plate2-con {
        height: auto;
        padding: 1% 0;
    }

    .textList .item {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .plate2Swiper2 {
        width: 100%;
        margin-top: 15px;
    }

    .plate2Swiper2 img {
        height: 350px;
        object-fit: contain;
    }

    .plate2 {
        padding: 0;
    }

    .news-con {
        padding: 1% 0;
        background: none;
    }

    .newsList {
        margin: 10px 0;
    }

    .newsSwiper {
        width: 100%;
        margin-top: 10px;
        height: auto;
    }

    .footer li:last-child {
        display: flex;
    }

    .footer .lt .qr {
        object-fit: contain;
    }

    .comItem li {
        flex-grow: 1;
        flex-basis: 250px;
        margin: 0 10px 10px 0;
    }

    .comItem li img,
    .equipment li .img {
        width: 100%;
        height: auto;
    }

    .culture,
    .honor,
    .aboutInner,
    .development {
        padding: 2% 4%;
    }

    .navigation {
        height: auto;
        padding: 1% 4%;
    }

    .navigation a::after {
        display: none;
    }

    .navigation a {
        flex-grow: 1;
        flex-basis: 215px;
        margin: 0 10px 10px 0;
    }

    .aboutInner .text,
    .plateTxt,
    .newsDetails-con .text {
        line-height: 30px;
    }

    .honorSwiper img {
        height: auto;
    }

    .plate4 li {
        height: auto;
        flex-grow: 1;
        flex-basis: 250px;
        margin: 0 10px 10px 0;
    }

    .culture .top .text {
        flex: none;
        width: 100%;
        padding: 2%;
    }

    .equipment li {
        flex-grow: 1;
        flex-basis: 250px;
        margin: 0 10px 10px 0;
    }

    .practicalItem li {
        flex-grow: 1;
        flex-basis: 250px;
        margin: 0 10px 10px 0;
    }

    .newsDetails-con {
        padding: 10px;
    }
}

@media screen and (max-width: 768px) {
    .productCenter .top {
        margin-top: .15rem;
    }

    .productCenter .top .item {
        width: calc((100% - .15rem) / 2);
        margin-right: .15rem;
    }

    .productCenter .top .item:nth-child(3), .productCenter .top .item:nth-child(4) {
        margin-top: .15rem;
    }

    .productCenter .top .item:nth-child(2n+0) {
        margin-right: 0;
    }

    .productCenter .top .rt {
        flex: none;
        width: 50%;
        height: auto;
    }

    .mobile-inner-header .logo img,
    .development-con {
        width: 100%;
    }

    .mobile-inner-header .logo {
        margin: 0 5%;
    }

    .productCenter .bto,
    .footer .common-card,
    .aboutInner ul,
    .usFrom .form .item,
    .informationItem a {
        height: auto;
        flex-wrap: wrap;
    }

    .footer .lt {
        width: 100%;
        margin: 0 0 15px 0;
    }

    .footer .bto {
        height: auto;
        padding: 1% 4%;
        font-size: 14px;
        line-height: 25px;
    }

    .footer {
        padding: 0;
    }

    .comItem li:nth-child(3n) {
        margin-right: 10px;
    }

    .navigation a {
        flex-basis: 137px;
    }

    .aboutInner ul li {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        flex-basis: 180px;
        margin-bottom: 10px;
    }

    .joinItem li {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .joinItem li .tl::after {
        background-size: contain;

    }

    .contactUs .top,
    .culture .top {
        height: auto;
    }

    .contactUs .top .text {
        flex: none;
        width: 100%;
        padding: 15px;
    }

    .usFrom .form input[type=text] {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .usFrom .form .item {
        margin-bottom: 0;
    }

    .plate4 h6,
    .newsDetails-con h6 {
        font-size: 16px;
    }

    .informationItem li .text {
        flex: none;
        width: 100%;
        padding: 10px;
    }

    .informationItem li img {
        width: 100%;
        height: auto;
        margin-right: 0;
    }
}

@media screen and (max-width: 420px) {
    /*.productCenter .bto .item {
        width: 100%;
        margin: 0 0 10px 0;
    }*/

    .applicationSwiper a {
        width: 100%;
    }

    .qualificationSwiper img,
    .plate2Swiper2 img {
        width: 100%;
        height: auto;
    }

    .application .lt .text {
        font-size: 14px;
        line-height: 30px;
    }

    .business ul li:nth-child(2n),
    .comItem li,
    .equipment li,
    .practicalItem li {
        margin-right: 0 !important;
    }

    .business ul,
    .partner ul {
        justify-content: center;
    }

    .newsList .item h6 {
        font-size: 16px;
        line-height: 30px;
        padding-bottom: 5px;
    }

    .common-card.s {
        padding: 10px;
    }

    .map {
        height: 150px;
    }

    .honor-next,
    .honor-prev {
        top: 60%;
    }

    .plate4 li {
        margin: 0 0 40px 0;
    }
}

@media screen and (max-width: 375px) {
    .aboutInner ul li {
        flex-basis: 115px;
    }
}

@media screen and (max-width: 360px) {
    .navigation a {
        flex-basis: 100px;
    }
}