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

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

@media(max-width:1366px) {
    .inabouts {
        width: 85%;
    }

    .cul_con {
        font-size: 14px;
    }
}

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

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

@media(max-width:1024px) {
    .mobile-inner-header {
        display: block;
    }

    .mobile-inner-nav a {
        font-size: 16px;
    }

    .head {
        display: none;
    }

    .logo {
        width: 200px;
    }

    .copy {
        margin-top: 0;
        border-top: none;
    }

    .foot {
        height: auto;
    }

    .foots {
        display: none;
    }

    .copy {
        position: relative;
    }

    .title {
        font-size: 26px;
    }

    .subtitle {
        font-size: 20px;
    }

    .banner {
        width: 100%;
    }

    .banner img{
        height: auto;
    }

    .keydown {
        display: none;
    }

    .application {
        padding: 20px 0;
        margin-top: 0;
    }

    .inabouts {
        width: 90%;
    }

    .about {
        padding: 20px 0;
    }

    .proswiper .swiper-pagination-bullet {
        width: 14px;
        height: 14px;
    }

    .honor {
        padding-top: 30px;
    }
}

@media(max-width:768px) {
    .copy {
        line-height: 30px;
        font-size: 12px;
    }

    .copy a {
        display: block;
        font-size: 12px;
    }

    .title {
        font-size: 20px;
    }

    .subtitle {
        font-size: 16px;
        line-height: 2;
    }

    .abouts {
        width: 90%;
        flex-wrap: wrap;
        margin-top: 0;
    }

    .sj {
        width: 50%;
        margin-top: 10px;
    }

    .sj img {
        width: 80px;
        height: auto;
    }

    .sj_top {
        font-size: 18px;
    }

    .sj_bot {
        font-size: 14px;
    }

    .appbefore{
        opacity: 1;
    }

    .apptitle {
        font-size: 16px;
    }

    .applications {
        flex-wrap: wrap;
    }

    .app {
        width: 49.5%;
        margin-top: 10px;
    }

    .industry {
        height: 100px;
        flex-wrap: wrap;
    }

    .industry div {
        width: 33%;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
    }

    .case_bot {
        height: auto;
    }

    .case_bot div {
        width: 100%;
        margin: 0;
    }

    .case_bot img {
        position: relative;
        width: 100%;
    }

    .case_bot div p:nth-child(1) {
        font-size: 18px;
        line-height: 2;
    }

    .case_bot div p:nth-child(2) {
        font-size: 14px;
    }

    .industrys {
        padding-bottom: 20px;
    }

    .industry_btm {
        position: relative;
        width: 100%;
        left: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 20px;
    }

    .industry_btm img {
        width: 50px;
        height: auto;
        margin: 0 10px;
    }

    #certify .swiper-slide {
        width: 200px;
    }

    .news {
        flex-direction: column;
    }

    .new_left {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .new_left div:nth-child(1) {
        margin-top: 0;
    }

    .new_left div:nth-child(2) {
        margin-top: 0;
    }

    .new_left div:nth-child(3) {
        margin-top: 0;
    }

    .new_left a:nth-child(4) {
        margin-top: 0;
    }

    .new_left div {
        width: 100px;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
    }

    .new_left a {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
    }

    .new_left a img {
        width: 34px;
    }

    .new_right {
        width: 100%;
        height: 1200px;
    }

    .new_bot {
        flex-direction: column;
        margin-top: 20px;
    }

    .new_bot_left img:nth-child(1) {
        width: 100%;
    }

    .new_det {
        width: 100%;
        height: auto;
        margin: 10px 0;
    }

    .det_tips {
        font-size: 14px;
        width: 49px;
        height: 30px;
        line-height: 30px;
    }

    .det_title {
        font-size: 16px;
        line-height: 2;
    }

    .det_cont {
        font-size: 14px;
    }

    .det_btm {
        font-size: 12px;
        line-height: 3;
    }

    .new_bot_right {
        width: 100%;
        flex-direction: column;
    }

    .new_bot_right img:nth-child(1) {
        width: 100%;
    }

    .new_bot_left {
        margin-top: 10px;
    }

    .footl {
        height: auto;
    }

    .incases a {
        width: 49%;
        margin-right: 2%;
    }

    .incases a:nth-child(2n) {
        margin-right: 0;
    }

    .incase_top {
        width: 90%;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .incase_top a {
        width: 49%;
        height: 45px;
        line-height: 45px;
        font-size: 14px;
        margin: 5px 0;
    }

    .incases {
        width: 90%;
    }

    .incases a p {
        font-size: 16px;
    }




    .factorys a {
        width: 49%;
        margin-right: 2%;
    }

    .factorys a:nth-child(2n) {
        margin-right: 0;
    }

    .factory_top {
        width: 90%;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .factory_top a {
        width: 47%;
        height: 45px;
        line-height: 45px;
        font-size: 14px;
        margin: 10px 5px;
    }

    .factorys {
        width: 90%;
    }

    .factorys a p {
        font-size: 16px;
    }

    .left_pro {
        display: none;
    }

    .inpro_fr {
        width: 100%;
    }

    .inproducts {
        width: 90%;
    }

    .rg_top {
        flex-direction: column;
        align-items: center;
    }

    .rg_top .lg,
    .rg {
        width: 100%;
    }

    .bqlist img {
        width: 50%;
    }

    .bqlist p {
        font-size: 16px;
    }

    .rg_btm div {
        font-size: 16px;
        width: 120px;
        height: 30px;
        border-radius: 30px;
        margin: 20px 15px;
    }

    .rg_btm div a{
        font-size: 16px;
    }

    .rg_btm div img {
        width: 20px;
        margin-right: 10px;
    }

    .inbout_top img {
        width: 80px;
    }

    .inbout_cont {
        height: auto;
    }

    .inbout_cont p {
        font-size: 16px;
    }

    .deveTopswiper a {
        height: 200px;
    }

    .dev_p1 {
        font-size: 18px;
    }

    .dev_p2 {
        height: 54px;
        font-size: 24px;
        line-height: 54px;
    }

    .appname {
        font-size: 18px;
    }

    .appcircle {
        width: 28px;
        height: 28px;
        border: 3px solid #fff;
    }

    .swiper-slide-active .appcircle {
        border: 3px solid #fff;
    }

    .deve_btm .swiper-button-prev {
        left: 0px;
        top: 5px;
        margin-top: 0;
        width: 34px;
        height: 34px;
    }

    .deve_btm .swiper-button-next {
        right: 0px;
        top: 5px;
        margin-top: 0;
        width: 34px;
        height: 34px;
    }

    .deve_btm {
        background: none;
    }

    .culture {
        display: none;
    }


    .programmes {
        height: 100px;
        flex-wrap: wrap;
        margin-top: 30px;
    }

    .programmes div {
        width: 33%;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
    }

    .programmes div img{
        width: 30px;
        margin-right: 3px;
    }

    .progr {
        flex-direction: column;
        align-items: center;
        margin-top: 30px;
    }

    .pro_box {
        width: 100%;
        margin-right: 0;
    }

    .pro_box p:nth-child(2) {
        font-size: 20px;
        padding: 10px;
    }

    .pro_box p:nth-child(3) {
        font-size: 16px;
        line-height: 2.75;
        padding: 0 20px;
    }

    .concact_us div {
        width: 90%;
        height: 233px;
        box-shadow: 0px 0rem 13.12px 2.88px rgba(0, 0, 0, 0.13);
        margin: 10px 0;
        padding: 20px 0;
    }

    .concact_us div img {
        width: 80px;
    }

    .concact_us div p:nth-child(2) {
        font-size: 16px;
    }
    
    .gmap {
        width: 90%;
    }

    .map1 {
        height: 300px;
    }

    .BMap_bubble_title {
        font-size: 18px;
    }

    .BMap_bubble_content {
        font-size: 14px;
    }

    .listcontacts>div{
        width: 90%;
    }

    .listcontactsTitle input {
        height: 58px;
        padding-left: 20px;
        box-sizing: border-box;
        width: 100%;
        font-size: 16px;
        margin-bottom: 20px;
        border: 1px solid #ccc;
    }

    .listcontactsTextarea {
        width: 100%;
        border: 1px solid #ccc;
        background-position: 12px 16px;
        padding-left: 20px;
        font-size: 16px;
        padding-top: 18px;
        height: 174px;
    }

    .listcontactsubmit {
        margin-top: 20px;
    }

    .listcontactsubmit input {
        border: 1px solid #148cc0;
        width: 100%;
        height: 50px;
        font-size: 16px;
        margin: 0 5px;
    }

    .innew_intro {
        flex-direction: column;
    }

    .innew_left{
        width: 100%;
    }

    .innew_right {
        width: 100%;
        margin-left: 0;
    }

    .innew_title {
        font-size: 16px;
    }

    .innew_con {
        font-size: 14px;
    }

    .innew_more {
        width: 78px;
        height: 28px;
        box-shadow: 0px 2px 0.984px 0.024px rgba(0, 0, 0, 0.07);
        border-radius: 20px;
        line-height: 28px;
        font-size: 14px;
    }

    .innew_date {
        font-size: 12px;
    }

    .innew_date span {
        font-size: 16px;
    }

    .innews {
        width: 90%;
    }

    .innw {
        padding: 10px;
    }

    .newshow_top {
        font-size: 16px;
        border-top: 1px solid #e8e8e8;
        border-bottom: 1px solid #e8e8e8;
        padding: 10px 0;
    }

    .newshows {
        width: 90%;
        font-size: 16px;
        margin: 20px auto 40px;
    }
}

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

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

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