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

@media(max-width:1440px) {
    .nav ul a{
        font-size: 14px;
    }
}

@media(max-width:1366px) {
    .apptitle a {
        font-size: 16px;
    }
    .case_bot div p:nth-child(2) {
        font-size: 16px;
    }

    .par_cont{
        font-size: 16px;
    }

    .titles{
        font-size: 14px;
    }

    .par_btm a{
        font-size: 16px;
    }
    .project-wrapper p,
    .new_left div,
    .det_title{
        font-size: 16px;
    }

    .fonc p:nth-child(1){
        text-align: center;
        font-size: 16px;
    }

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

    .fonc p{
        text-align: center;
        font-size: 14px;
    }

    .det_cont,
    .det_btm,
    .inabox span{
        font-size: 14px;
    }

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

    .new_det{
        padding: 10px;
    }

    .BMap_bubble_title{
        font-size: 18px;
    }
    .BMap_bubble_content{
        font-size: 16px;
    }
}

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

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

@media(max-width:1024px) {
    #toolbar{
        display: none;
    }
    #backButton{
        display: block;
    }
    .mobile-inner-header {
        display: block;
    }
    .head,.head2 {
        display: none;
    }
    .logo {
        float: left;
        width: auto;
        height: auto;
        line-height: unset;
        margin-left: 10px;
        margin-top: 15px;
    }
    .logo img {
        width: 175px;
    }
    .foot {
        padding-top: 20px;
        height: auto;
    }
    .foots{
        flex-direction: column;
        padding-bottom: 100px;
    }
    .foots .fonc{
        display: none;
    }
    .foots .fonc:nth-child(7){
        display: block;
        width: 100%;
    }
    .fcode{
        width: 100%;
    }
    .fcodes p{
        font-size: 16px;
    }
    .fcodes img {
        width: 120px;
        height: auto;
    }
    .fcode_p p:nth-child(1){
        font-size: 14px;
        text-align: center;
    }
    .fcode_p p:nth-child(2){
        font-size: 16px;
        text-align: center;
    }
    .fcodes {
        align-items: center;
        padding-left: 0;
    }
    .copy {
        margin-top: 20px;
        border-top: none;
    }
    .keydown{
        display: none;
    }
    #back-to-top{
        display: none;
    }
    .banner{
        width: 100%;
        height: fit-content;
    }
    .banner img,
    .banner video{
        height: auto;
    }
    .about{
        padding-top: 20px;
    }
    #history .e_html-6 .m2lcLine {
        left:40px
    }

    #history .e_html-6 .m2lcYears {
        display: none!important
    }

    #history .e_html-6 .m2lcItems li {
        padding-left: 0!important;
        padding-right: 0!important;
        text-align: left!important
    }

    #history .e_html-6 .m2lc_item {
        margin-left: 45px
    }

    #history .e_html-6 .m2lc_yt {
        font-size: 24px;
        padding-left: 10px
    }

    #history .e_html-6 .m2lc_des {
        font-size: 14px;
        line-height: 26px;
        padding-top: 15px
    }

    #history .e_html-6 .m2lc_yt i {
        left: -40px!important;
        right: auto!important
    }

    #history .e_html-6 .m2lc_des p {
        margin-bottom: 12px
    }

    #history .e_html-6 .m2lcItems li:nth-child(2n) .m2lc_item {
        margin-right: 0;
        margin-left: 45px;
        text-align: left
    }

    #history .e_html-6 .slideMenu {
        display: none!important
    }

    #history .e_h1-8 {
        font-size: 28px
    }
    .swiper-wrapper{
        height: auto;
    }
}

@media(max-width:768px) {
    .footb .foot {
        height: auto;
    }
    .title{
        font-size: 20px;
    }
    .titles{
        font-size: 16px;
    }
    .inabout .abouts p:nth-child(1) {
        font-size: 20px;
    }

    .inabout .abouts p:nth-child(2) {
        font-size: 16px;
    }
    .copy {
        line-height: 30px;
        font-size: 12px;
    }
    .copy a {
        display: block;
        font-size: 12px;
    }
    .incases a {
        width: 49%;
        margin-right: 2%;
    }
    .incases a:nth-child(2n) {
        margin-right: 0;
    }
    .abouts{
        width: 100%;
        flex-wrap: wrap;
    }
    .ab_title{
        width: 100%;
        padding: 0 10px;
    }
    .ab_cons{
        width: 100%;
    }
    .ab_title p:nth-child(1) {
        font-size: 20px;
        line-height: 2;
        text-align: center;
    }
    .ab_title p:nth-child(2) {
        font-size: 16px;
        line-height: 2;
        text-align: center;
    }
    .ab_title span:nth-child(3){
        font-size: 18px;
        line-height: 2;
    }
    
    .ab_title a:nth-child(4){
        display: none;
    }
    .abouts .shuju{
        padding: 20px 0;
    }
    .shuju{
        width: 100%;
        flex-direction: row;
    }
    .shj{
        height: auto;
        border-radius: 0;
        background-color: none;
    }
    .sj_top {
        font-size: 16px;
    }
    
    .sj_top b {
        font-size: 20px;
    }
    
    .sj_bot {
        font-size: 14px;
    }

    .abouts .sj_bot{
        margin-top: 15px;
    }

    .about .ab_btm{
        display: none;
    }
    
    .ab_btm {
        border-radius: 0;
        background-color: rgb(255, 255, 255);
        opacity: 0.8;
        flex-wrap: wrap;
        justify-content: flex-start;
        box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.14);
        width: 100%;
        height: auto;
        padding:10px 0;
        margin: 0 auto 0;
    }

    .ab_cont{
        display: none;
    }

    .ab_btm div{
        width: 32%;
        padding: 0 5px;
    }
    .ab_btm div img {
        width: 20px;
        height: 20px;
    }

    .ab_btm div p {
        font-size: 16px;
        line-height: 3;
        text-align: center;
    }

    .applications{
        flex-wrap: wrap;
    }
    .app{
        width: 49%;
        margin-bottom: 20px;
    }
    .apptitle a{
        font-size: 16px;
        line-height: 2;
    }
    .industry{
        height: auto;
        flex-wrap: wrap;
        border: none;
        justify-content: space-between;
        padding-top: 20px;
        margin: 0 auto 0;
    }
    .industry div{
        width: 100%;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        border: 0.0125rem solid #c9c9c9;
        justify-content: flex-start;
        padding-left: 100px;
        margin-bottom: 10px;
    }

    .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;
    }

    .appbefore{
        opacity: 1;
    }

    #certify {
        width: 100%;
    }

    #certify .swiper-slide{
        width: 100px;
    }
    
    .section8,
    .section2{
        background: none;
    }

    .project-wrapper p{
        height: 70px;
        font-size: 16px;
        line-height: 40px;
    }

    .project_btm{
        width: 100%;
        top: calc(50% - 30px)
    }

    .project_btm_left,
    .project_btm_right {
        width: 30px;
    }

    .partners{
        flex-wrap: wrap;
    }

    .par_left{
        width: 100%;
    }

    .par_right{
        width: 100%;
        margin: 0;
        padding: 20px 0;
    }
    .par_left .title,
    .par_left .titles{
        text-align: center;
    }
    .par_cont {
        width: 100%;
        height: auto;
        font-size: 18px;
        line-height: 2;
    }
    
    .par_cont span{
        font-size: 24px;
    }

    .par_btm {
        width: 93px;
        height: 30px;
        font-size: 16px;
        line-height: 30px;
    }
    .paritem{
        margin-top: -30px;
    }
    .paritem a{
        margin: 0 5px;
    }
    .parcontainer img{
        width: 100px;
    }
    .new_top{
        flex-direction: column;
        align-items: center;
    }
    .newstitle_left{
        flex-direction: column;
        align-items: center;
    }
    .new_left div {
        width: 99px;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
        border-radius: 20px;
        margin: 10px 10px 0;
    }
    .new_top_right,
    .new_top_left{
        display: none;
    }
    .new_bot{
        width: 100%;
        flex-direction: column;
    }
    .new_bot img{
        width: 100%;
    }
    .new_det {
        width: 100%;
        height: auto;
        padding: 15px;
    }
    .det_tips {
        font-size: 14px;
        text-align: center;
        border-radius: 3px;
        width: 49px;
        height: 30px;
        line-height: 30px;
    }
    
    .det_title {
        font-size: 16px;
        line-height: 2;
    }
    
    .det_cont {
        font-size: 14px;
        line-height: 2.114;
    }
    
    .det_btm{
        font-size: 12px;
        line-height: 2;
    }
    .new_btn_tips{
        font-size: 24px;
    }
    .licase{
        display: none;
    }
    .architecture{
        display: none;
    }
    .fourflexs a{
        width: 49%;
        margin-right: calc(2% / 1);
        margin-bottom: 10px;
    }

    .fourflexs a:nth-child(2n){
        margin-right: 0;
    }
    /* .fourflexs a:nth-child(4n){
        margin-right: calc(2% / 1);
    } */
    .fourflexs a p {
        height: 30px;
        font-size: 16px;
        line-height: 30px;
    }
    .classify div{
        width: 25%;
        height: 40px;
        font-size: 16px;
        line-height: 40px;
    }
    .classifys a {
        height: 15px;
        font-size: 14px;
    }

    .fourflexs a div {
        height: 35px;
        font-size: 14px;
        padding: 0 10px;
    }
    .fourflexs a div img{
        width: 28px;
    }
    .proshow{
        width: 90%;
        flex-direction: column;
        margin: 10px auto 0;
        padding: 0;
    }
    .proshows{
        flex-direction: column;
    }
    .proshows img {
        width: 100%;
        height: auto;
    }
    .pro_right{
        padding: 0 10px;
    }
    .pro_right p:nth-child(1) {
        font-size: 18px;
        line-height: 2;
    }
      
    .pro_right p:nth-child(2) {
        font-size: 16px;
        line-height: 2;
    }
      
    .zixun {
        width: 190px;
        height: 40px;
        font-size: 16px;
        line-height: 40px;
        margin-top: 10px;
    }
    .pro_btn{
        flex-wrap: wrap;
    }
    .pro_btn a{
        width: 50%;
        height: auto;
        margin-right: 0;
    }
    .pro_btn a:first-child{
        margin-left: 0;
    }

    .pro_tips{
        width: 90%;
        height: 30px;
    }
    .pro_tips div {
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
        margin: 15px 0;
    }
    .proshow_detail{
        width: 90%;
        margin: 10px auto 0;
    }
    .proshow_detail img{
        width: 100%;
    }

    .threeflexs a{
        width: 49.5%;
        margin-right: calc(1% / 1);
        margin-bottom: 10px;
    }
    
    .threeflexs a:nth-child(3n){
        margin-right: none;
    }
    .threeflexs a:nth-child(2n){
        margin-right: 0;
    }
    
    .threeflexs a p {
        height: 30px;
        font-size: 16px;
        line-height: 30px;
    }


    .gmap{
        width: 100%;
    } 
    .mapdiv {
        width: 100;
        height: auto;
        flex-direction: column;
        border-radius: 18px;
        padding: 0 0.10px;
    }
      
    .mapdiv .detail{
        width: 100%;
        padding: 0.375rem 0.25rem;
    }
    .mapdiv .detail p {
        font-size: 16px;
        padding: 10px 15px;
    }
    
    .mapdiv .detail p:nth-child(1) {
        font-size: 26px;
    }
      
    .map1{
        height: 300px;
    }

    .BMap_bubble_title{
        font-size: 16px;
    }
    .BMap_bubble_content{
        font-size: 14px;
    }
    .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 {
        width: 100%;
        height: 50px;
        font-size: 16px;
        margin: 0 5px;
    }

    .listcontacts .title{
        font-size: 18px;
        line-height: 1.5;
    }


    .recruits{
        width: 90%;
    }
    .recruits p {
        font-size: 20px;
    }
    .recruit_box{
        height: 40px;
        padding: 0 10px;
    }
    .recruit_box div{
        font-size: 14px;
    }
    .recruit_box2{
        height: 40px;
        padding: 0 10px;
    }
    .recruit_box2 div{
        font-size: 14px;
    }
    .recruit_box2 div:nth-child(4) img{
        width: 25px;
    }
    .recruit_tips{
        width: 90%;
    }
    .recruit_tips p:nth-child(2) {
        font-size: 16px;
        line-height: 2.056;
    }
    .recruit_tips p:nth-child(1) {
        font-size: 18px;
        line-height: 1.833;
    }
    .recruits p {
        font-size: 18px;
        line-height: 1.833;
    }

    .network{
        flex-wrap: wrap;
    }
    
    .netbox {
        width: 100%;
        height: 170px;
        border: 1px solid #e5e4e2;
        padding: 20px;
        margin: 10px 0;
    }
    
    .net_title img{
        width: 69px;
        height: auto;
    }
    
    .net_title span:nth-child(1) {
        font-size: 24px;
    }
    
    .net_title span:nth-child(2) {
        font-size: 18px;
    }
    
    .net_cont {
        font-size: 16px;
    }

    .informations a{
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .informations a div {
        width: 100%;
        height: auto;
        font-size: 18px;
        padding: 0 15px;
    }
    
    .informations a div p:nth-child(1) {
        font-size: 18px;
    }
    .informations a div p {
        font-size: 15px;
    }

    .news_info .info{
        width: 100%;
        font-size: 16px;
        border-radius: 20px;
        padding: 0 20px;
        margin: 20px 0;
    }

    .solutions {
        width: 90%;
        margin: 20px auto 0;
    }
      
    .solu_box{
        width: 100%;
        height: auto;
        flex-wrap: wrap;
    }
    
    .solu_box img{
        width: 100%;
    }
    
    .solu_right{
        width: 100%;
        margin-right: 0;
        padding: 0 10px;
    }
    
    .solu_right div:nth-child(1) {
        font-size: 24px;
        border-bottom: 2px solid #dcdcdc;
    }
      
    .solu_right div:nth-child(2) {
        font-size: 18px;
        margin-top: 10px;
    }

    #SUBMENU .list li a {
        padding:20px 0;
        font-size: 20px;
    }
    
    .DEFS{
        width: 90%;
    }

    .D0>.box .t {
        flex-direction:column;
        gap: 20px 0;
        align-items: flex-start
    }
    .D0>.box .t .hhh {
        width:100%
    }
    .D0>.box .t .hhh .zh {
        font-size:26px
    }
    .D0>.box .t .search form input.kw {
        width:80vw
    }

    .D0>.box .newslist {
        margin:5vw 0 0 0
    }
    .D0>.box .newslist .li_st {
        flex-direction:column
    }
    .D0>.box .newslist .li_st .l {
        width:100%
    }

    .D0>.box .newslist .li_st .r {
        width:100%;
        margin: 2vw 0 0 0
    }

    .D0>.box .newslist .li_st .r .title {
        font-size:20px
    }

    .D0>.box .newslist .li_st .r .more {
        margin:2vw 0 0 0
    }
    .D0>.box .newslist .li_st .r .more span {
        padding:10px 16px
    }
    .D0>.box .newslist .li_li {
        padding: 0 0 5vw 0;
        margin: 0 0 5vw 0
    }
    .D0>.box .newslist .li_li .l time {
        padding:16px 0
    }
    .D0>.box .newslist .li_li .r .title {
        overflow:hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: 20px;
        line-height: 1.2;
    }
    .D0>.box .t .hhh .en{
        font-size: 14px;
    }
    .D0>.box .newslist .li_st .r .ms{
        font-size: 16px;
    }
    .D0>.box .newslist .li_li .r .ms{
        font-size: 16px;
    }
    .D0>.box .newslist .li_li .l time .d{
        font-size: 14px;
    }
    .D0>.box .newslist .li_li .l time .y{
        font-size: 16px;
    }
    .inabox .ab_cons {
        width: 100%;
    }
    .inabout{
        background: none;
    }
    .inabout .ab_title{
        padding: 0 15px;
        width: 100%;
    }
    .inabout .ab_top{
        padding: 0 10px;
    }
    .inabox {
        margin-top: 30px;
        padding-top: 30px;
    }
    .tlf {
        font-size: 20px;
    }
    .tbtm {
        font-size: 16px;
        margin: 20px 0;
    }
    .cultures{
        width: 90%;
        flex-wrap: wrap;
        margin: 20px auto 0;
    }
    
    .culs{
        position: relative;
        width: 49%;
        height: auto;
        margin-bottom: 10px;
    }
    
    .culs div{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .culs p {
        font-size: 16px;
        color: rgb(255, 255, 255);
        line-height: 2.1;
        text-align: center;
    }
    .hnnors{
        width: 90%;
    }

    .recruit_box2 div:nth-child(1),
    .recruit_box2 div:nth-child(2),
    .recruit_box2 div:nth-child(3),
    .recruit_box2 div:nth-child(4){
        width: auto;
    }

    .recruit_box2 {
        justify-content: space-around;
    }
}

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

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