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

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

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

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

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

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

    .head {
        display: none;
    }

    .logos {
        float: left;
        width: auto;
        height: auto;
        line-height: unset;
    }

    .logos img {
        width: 75px;
        height: auto;
        filter: brightness(0);
        margin-left: 15px;
    }

    .title {
        font-size: 24px;
    }

    .titles {
        font-size: 18px;
    }

    .banner .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }
}

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

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

    .title {
        font-size: 20px;
    }

    .titles {
        font-size: 16px;
    }

    .application {
        padding: 20px 15px;
    }

    .applications {
        width: 100%;
        margin: 20px auto 0;
    }

    .swperbtn {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 999;
    }

    .swperbtn img {
        width: 30px;
        height: auto;
        cursor: pointer;
    }

    .product {
        padding: 20px 15px;
    }

    .protop {
        overflow-x: auto;
    }

    .protop a {
        height: 35px;
        font-size: 14px;
        color: #666;
        text-align: center;
        line-height: 35px;
        margin: 0 5px;
        padding: 0 10px;
    }

    .products {
        width: 100%;
        margin: 20px auto 0;
    }

    .proswiper p {
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 16px;
        color: #666;
        line-height: 35px;
        background: url(../images/promore.png) right 5px top 5px no-repeat;
        padding-left: 5px;
    }

    .study {
        width: 100%;
        padding: 20px 15px;
    }

    .studys {
        flex-wrap: wrap;
        margin-top: 20px;
    }

    .studl {
        width: 100%;
    }

    .studl img {
        width: 100%;
        height: auto;
    }

    .studr {
        width: 100%;
        height: 300px;
        background-color: #f1f1f1;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        padding-left: 0;
    }

    .studc {
        display: none;
    }

    .studr div {
        font-size: 14px;
        color: #333;
        line-height: 2;
        width: 100%;
        padding: 0 10px;
    }

    .industry {
        padding: 20px 15px;
    }

    .industrys {
        width: 100%;
        margin: 20px auto 0;
    }

    .induswiper {
        width: 100%;
        margin: auto;
    }

    .industrys a p {
        font-size: 14px;
        line-height: 35px;
        padding: 0 5px;
    }

    .case {
        padding: 20px 15px;
    }

    .cases {
        width: 100%;
        margin: 20px auto 0;
    }

    .cases a p {
        font-size: 14px;
        line-height: 35px;
    }

    .new {
        padding: 20px 15px;
    }

    .news {
        width: 100%;
        margin: 20px auto 0;
    }

    .news a p {
        font-size: 16px;
        line-height: 30px;
        padding: 0 5px;
    }

    .news a div {
        font-size: 14px;
        line-height: 25px;
        padding: 0 5px;
    }

    .foot {
        padding: 20px 15px 0;
    }
    
    .foots {
        width: 100%;
        flex-wrap: wrap;
    }
    
    .flogo{
        width: 100%;
        margin-top: 0;
    }

    .flogo img:nth-child(1){
        width: 130px;
        height: auto;
    }
    
    .flogo img:nth-child(2){
        width: 300px;
        height: auto;
    }

    .fnav{
        width: 50%;
        margin-top: 15px;
    }

    .foots .fnav:nth-child(6){
        width: 100%;
    }
    
    .ftitle {
        font-size: 16px;
    }
    
    .fnav a {
        font-size: 14px;
        margin-top: 10px;
    }
    
    .fnav p {
        font-size: 14px;
        margin-top: 10px;
    }
    
    .saoma {
        position: relative;
        top: 0;
        right: 0;
    }
    
    .sm {
        margin-top: 10px;
    }

    .sm img{
        width: 100px;
        height: auto;
    }

    /*  */
    .about{
        padding: 20px 15px;
    }
    
    .abous{
        width: 100%;
        margin: 10px auto 0;
    }
    
    .abtop{
        flex-wrap: wrap;
    }
    
    .abcont {
        width: 100%;
        font-size: 16px;
        line-height: 2;
    }
    
    .shuju {
        width: 100%;
    }
    
    .sj {
        width: 25%;
        text-align: center;
    }
    
    .sj_top {
        font-size: 16px;
    }
    
    .sj_top b {
        font-size: 28px;
    }
    
    .sj_bot {
        font-size: 16px;
    }
    
    .abtn img{
        width: 100%;
        height: auto;
        margin-top: 10px;
    }
    
    .culture{
        padding: 0 15px 20px;
    }
    
    .cultures{
        flex-wrap: wrap;
        width: 100%;
        margin: 10px auto 0;
    }
    
    .cul {
        width: 325px;
        height: 286px;
        background-size: cover;
    }
    
    .cul div {
        font-size: 18px;
        color: #0d0b19;
        margin: 10px 0;
    }
    
    .cul p {
        font-size: 12px;
        color: #666;
    }

    .mission{
        width: 100%;
        height: auto;
        background-size: cover;
        padding: 20px 15px;
    }
    
    .missions{
        flex-wrap: wrap;
        width: 100%;
        margin: 20px auto 0;
    }
    
    .misl{
        width: 100%;
        text-align: center;
    }
    
    .misr {
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }
    
    .mistitle {
        font-size: 16px;
        color: #fff;
        font-weight: bold;
    }
    
    .mistips {
        font-size: 16px;
        padding: 10px 0;
    }
    
    .miscont {
        font-size: 14px;
        color: #fff;
        line-height: 2;
        margin-top: 15px;
    }
    
    /*  */
    .core{
        padding: 20px 15px;
    }
    
    .cores{
        flex-wrap: wrap;
        margin-top: 20px;
    }
    
    .corel{
        width: 100%;
    }
    
    .corer{
        width: 100%;
        height: 100%;
        background-size: cover;
        padding: 0 10px 10px;
    }
    
    .corec{
        display: none;
    }
    
    .corer div {
        font-size: 14px;
        color: #fff;
        line-height: 1.7;
        width: 100%;
        margin-top: 10px;
    }

    .contact{
        padding: 20px 15px;
    }
    
    .contacts{
        width: 100%;
        flex-wrap: wrap;
    }
    
    .contacts img{
        width: 100%;
        height: auto;
    }
    
    .contact_cont {
        width: 100%;
        font-size: 16px;
        line-height: 2;
        padding: 10px 15px;
    }

    .gmap {
        width: 100%;
        padding: 0 15px;
        height: 300px;
    }

    .gmaps {
        width: 100%;
        height: 100%;
        margin: auto;
    }

    .BMap_bubble_title {
        font-size: 16px;
    }

    .BMap_bubble_content {
        font-size: 14px;
    }

    .inproduct{
        padding: 20px 0 0;
    }
    
    .inprotop{
        flex-wrap: wrap;
        padding: 10px 15px 0;
    }
    
    .inprotop a{
        display: block;
        margin: 0 5px 10px;
    }
    
    .inprotop a div{
        width: 98px;
        height: 84px;
    }
    
    .inprotop a p{
        font-size: 14px;
        color: #666;
        line-height: 2.278;
        text-align: center;
    }
    
    .inprotop a img{
        height: 20px;
    }
    
    .inprodu{
        flex-wrap: wrap;
        width: 100%;
        margin: auto;
        padding: 20px 15px;
    }
    
    .inprodul{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow-x: auto;
    }
    
    .inprodul a {
        overflow: visible;
        display: block;
        width: 100px;
        height: 35px;
        font-size: 14px;
        line-height: 35px;
        border-radius: 20px;
        margin: 0 5px 20px;
        padding: 0 10px;
    }
    
    .inprodur{
        width: 100%;
    }
    
    .inprodur a{
        display: block;
        width: 49.5%;
        margin-right: calc(1% / 1);
        margin-bottom: 10px;
    }
    
    .inprodur a:nth-child(3n){
        margin-right: calc(1% / 1);
    }

    .inprodur a:nth-child(2n){
        margin-right: 0;
    }
    
    .inprodur p {
        font-size: 14px;
        color: #666;
        line-height: 40px;
        background: url(../images/promore.png) right 5px top 6px no-repeat;
        padding-left: 5px;
    }
    
    .inproshowr{
        width: 100%;
    }
    
    .inpshw{
        padding: 10px 15px;
    }
    
    .inpshwl{
        width: 100%;
    }
    
    .inpshwr {
        width: 100%;
        border-left: none;
        padding-left: 10px;
    }
    
    .phwtitle {
        font-size: 16px;
        line-height: 2;
    }
    
    .phwcont {
        font-size: 14px;
        line-height: 2;
        text-align: left;
    }
    
    .phwclas{
        width: 100%;
        background-color: #fff;
        margin-top: 10px;
    }
    
    .phwclass {
        width: 90px;
        height: 35px;
        font-size: 16px;
        line-height: 35px;
    }

    .honor{
        padding: 20px 15px;
    }
    
    .honors{
        width: 100%;
        margin: 20px auto 0;
    }
    
    .honors a{
        width: 49.5%;
        margin-right: calc(1% / 1);
        margin-bottom: 10px;
    }
    
    .honors a p {
        font-size: 14px;
        line-height: 38px;
    }
    
    .honors a:nth-child(5n){
        margin-right: calc(1% / 1);
    }

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

    .performance{
        padding: 20px 15px;
    }
    
    .performances {
        width: 100%;
        flex-wrap: wrap;
        margin: 20px auto;
        padding: 10px;
    }
    
    .perfl{
        width: 100%;
        font-size: 16px;
        line-height: 1.731;
    }
    
    .perfr{
        width: 100%;
    }

    .innew{
        padding: 20px 15px;
    }
    
    .innews{
        width: 100%;
        margin: 20px auto 0
    }
    
    .innews .newbox{
        width: 100%;
        padding: 0 10px;
        margin-bottom: 10px;
    }

    .newbox{
        flex-direction: column-reverse;
        padding: 0 10px;
        margin-bottom: 10px;
    }
    
    .nwbl{
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    
    .nwbl div{
        font-size: 16px;
        margin-top: 0;
    }
    
    .nwbl p{
        font-size: 16px;
    }
    
    .nwbr {
        width: 100%;
    }
    
    .nwbtitle {
        width: 100%;
        font-size: 16px;
        line-height: 3;
    }
    
    .nwbcont {
        font-size: 14px;
        line-height: 2;
    }
    
    .newr{
        width: 100%;
    }

    .newshow {
        padding: 20px 15px;
    }
    
    .newshows {
        width: 100%;
        margin: 20px auto 0;
    }
    
    .news_title {
        margin: 5px 0;
        text-align: center;
        font-size: 16px;
        color: #333333;
    }
    
    .news_info {
        font-size: 14px;
    }
    
    .art_content img {
        max-width: 100%;
    }
}

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

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

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