@media screen and (max-width: 1560px) {
    .container{
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .navigation .container{
        width: 100%;
    }
    .case-list .list-item {
        width: 24%;
    }
    .navlinks{
        display: none;
    }
    .about-us .container{
        width: 100%;
    }
    .about-us-l{
        width: 50%;
    }
    .about-us-m{
        width: 25%;
        margin-left: 0;
    }
    .about-us-r{
        width: 25%;
    }
    .slider-item img{
        height: auto;
    }
}
@media screen and (max-width: 1280px) {
    .slider-dots{
        top:90%
    }
    .slider-item img{
        height: auto;
    }
    .welcome{
        display: none;
    }
    .about-us-l .title {
        margin-top: 50px;
        font-size: 30px;
    }
    .about-us{
        height: auto;
    }
     .about-us .container{
        width: 100%;
        height: auto;
    }
    .about-us-l{
        flex-basis: 100%;
    }
    .about-us-m{
        width: 50%;
        margin-left: 0;
        padding-top: 20px;
    }
    .about-us-r{
        width: 50%;
        padding-top: 20px;
    }
    .advantage .num div:first-child{
        font-size: 48px;
    }
    .abs-more{
        display: none;
    }
    .advantage{
        width: 100%;
        padding-left: 20px;
        margin-bottom: 50px;
    }
    .pro-cate .category{
        width: 48%;
        margin-bottom: 2%;
        box-sizing: border-box;
    }
    .pro-des{
        line-height: 1.8;
    }
    .pro-list .list-item{
        width: 48%;
        margin-bottom: 5%;
    }
    .pro-cate .category{
        font-size: 16px;
    }
    .pro-cate{
        margin-bottom: 30px;
    }
    .pro-list .list-item-pic{
        margin-bottom: 10px;
    }
    .pro-list .list-item div a{
        font-size: 16px;
    }
    .pro-list .list-item div img{
        width: 19px;
        height: 16px;
    }
    .case-list .list-item{
            width: 48%;
            margin-bottom: 20px;
    }
    .partner .container{
        padding-top: 60px;
    }
    .scroll-item {
        width: 100%;
        min-height: auto;
    }
    .partner .container {
        height: auto;
    }
    .par-intro h4{
        margin-bottom: 40px;
        line-height: 1.8;
    }
    .case .container h4 {
        line-height: 1.8;
    }
    .case-list .list-item{
        height: auto;
    }
    .case-list .list-item div{
        font-size: 16px;
        line-height: 36px;
    }
    .service-tit{
        flex-wrap: wrap;
    }
    .service-tit .title-item {
        width: 33.33%;
    }
    .service-tit .title-item div{
        font-size: 16px;
    }
    .service-content .content-item{
        flex-wrap: wrap;
    }
    .service-content .content-item img{
        width: 100%;
        height: auto;
    }
    .service-content .content-item-l {
        flex-basis: 100%;
    }
    .case .container {
        height: auto;
    }
    .service .container{
        height: auto;
    }
    .news .news-title{
        flex-wrap: wrap;
    }
    .news .news-title .news-title-l{
        flex-basis: 100%;
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .news-list .list-item{
        width: 100%;
        height: auto;
        margin-bottom: 5px;
    }
    .news-list{
        flex-wrap: wrap;
    }
    .news .container{
        height: auto;
    }
    .news .container{
        height: auto;
        padding-top: 100px;
        
    }
    .footer-t .contacts .contacts-item-icon{
        width: 24px;
        height: 24px;
    }
    .footer-t .contacts .contacts-item-icon img{
        width: 24px;
        height: 24px;
    }
    .footer-t .contacts .contacts-item-item-info{
        font-size: 16px;
    }
    .navlinks{
        display: none;
    }
    .wxqrcode{
        flex-wrap: wrap;
    }
    .wxqrcode div{
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        text-align: center;
    }
    .wxqrcode div img{
        width: 100px;
    }
    .wxqrcode div:first-child{
        margin-left: 30px;
    }
    .footer-bottom{
        height: auto;
        line-height: 1.5;
    }
    .products-lists-main .container{
        flex-wrap: wrap;
    }
    .products-cates{
        width: 100%;
        margin-right: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .products-cates .cates-lists{
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 30px;
    }
    .products-cates .cates-lists .cates-item{
        width: 48%;
        margin-right: 2%;
        padding-top: 3%;
        padding-bottom: 3%;
        height: auto;
        align-items: center;
        box-sizing: border-box;
    }
    .products-cates .cates-lists .cates-item a{
        line-height: 1.6;
        font-size: 16px;
    }
    .products-cates .cates-lists .cates-item:first-child{
        border-top:none
    }
    .products-lists .products-lists-item{
        width: 50%;
        margin:0;
        padding: 0px 12px 10px;
        justify-content: flex-start;
        align-items: center;
    }
    .products-lists-list{
        width: 100%;
    }
    .products-lists-item-title{
        font-size: 16px;
        line-height: 1.6;
        height: auto;
    }
    .products-lists-item-title a:first-child{
        margin-left:0;
    }
    .products-lists-item-title a:last-child{
        display: none;
    }
    .products-lists-item-title img{
        width: 19px;
        height: 16px;
    }
    .inner-banner img{
        width: 100%;
    }
    .inner-banner-content{
        height: auto;
    }
    .inner-banner-content-title{
        margin-top:10px;
        margin-bottom: 5px;
    }
    .inner-banner-content-description{
        width: 90%;
        line-height: 1.6;
    }
    .footer .container{
        height: auto;
    }

    /* 导航 */
    .nav ul li .f_a{font-size:14px}
   .nav ul li .s_navbox .s_a a{font-size:12px}
   .foot_top ul{margin-left:60px}
   .nav ul li .s_navbox .s_a{width:100%}
    .msgNum{display: none;}
   .slider{margin-top: 44px;}
   .head{display:none}
   .m_img{display:block;height:64px;background:#fff;position:relative;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd;overflow: hidden;}
   .m_img .headlf{padding-top:2px;padding-left:5px;float: left;}
   .m_img .headlf .m_logo{height:60px;display: block}
   .m_img .headrg{padding-right:5%;padding-top:14px;float: right;}
   .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav .closeicon{position:absolute;width:20%;left:20px;top:1%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
   .m_nav .m_navList ul li{border-bottom:1px solid #232530}
   .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
   .icon{ background:url(../img/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(../img/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
   .navigation{display: none;}
   .slider-item{position: relative;}
   /* .slider-wrapper{height: 150px;} */
   .pages{
    margin-top: 15px;
   }
   .news-main .news-tab .news-tab-item{
    margin-right:5px;
   }
   .i-news-list .news-list-item{
    height: auto;
    width: 100%;
    flex-wrap: wrap;
   }
   .news-list-item .news-list-item-img{
    width: 100%;
    margin:0;

   }
   .news-list-item .news-list-item-img img{
    width: 100%;
    height: auto;
   }
   .news-list-item .news-list-item-content{
    margin-top: 20px;
   }
   .news-list-item-title-tit{
    margin-bottom: 20px;
   }
   .news-list-item-description{
    margin-bottom: 20px;
   }
   .news-list-item-time{
    padding-bottom: 20px;
   }
   .news-main .i-news-title{
    margin-top: 20px;
    margin-bottom: 20px;
   }
   .i-aboutus-content .detail{
    font-size: 16px;
   }
   .i-aboutus-companyname{
    font-size: 24px;
   }
   .pro-title{
    font-size: 30px;
   }
   .about-us-l .intro{
    margin-bottom: 30px;
   }
   .par-intro h3{
    font-size: 30px;
   }
   .case .container h3{
    font-size: 30px;
   }
   .service .container h3{
    font-size: 30px;
   }
   .news-title .news-title-l h3{
    font-size: 30px;
   }
   .service-content .content-item-l h5{
    font-size: 30px;
   }
   .i-contacts-content-item{
    width: 46%;
    box-sizing: border-box;
   }
   .i-contacts-bg-1,.i-contacts-bg-2,.i-contacts-bg-3,.i-contacts-bg-4,.i-contacts-bg-5,.i-contacts-bg-6{
    background-size: 19px 17px;
   }
   .i-contacts-content-item{
    padding-left: 10px;
    margin-right: 4%;
   }
   .i-contacts-content-item-info div{
    margin-left: 30px;
    font-size: 15px;
   }
   .i-contacts-content-item{
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
   }
   .news-list .list-item a img{
    width: 100%;
    height: auto;
   }
   .i-aboutus-content-info-l{
    width: 100%;
    margin-left: 0;
   }
   .i-aboutus-content-info-l-item{
    width: 50%;
    height: auto;
    padding-left: 15px;
    padding-bottom: 15px;
   }
   .i-aboutus-content-info-l-item-num,.i-aboutus-content-info-l-item-desc{
    margin-left: 0;
    margin-bottom: 10px;
   }
   .i-aboutus-content-info-l-item-desc{
    line-height: 1.8;
   }
   .i-aboutus-content-info .container{
    flex-wrap: wrap;
   }
   .i-aboutus-content-info-l{
    margin-right: 0;
   }
   .i-aboutus-content-info-l-item-num div{
    font-size: 48px;
   }
   .i-abooutus-content-info-r img{
    width: 100%;
    height: auto;
   }
   .i-culture-content{
    flex-wrap: wrap;
   }
   .i-culture-content-item{
    width: 50%;
    height: auto;
   }
   .i-partner-item{
    width: 45%;
    height: auto;
   }
   .i-partner-item img{
    width: 100%;
    height: auto;
   }
   .i-culture-content-item-4{
    font-size: 16px;
   }
   .i-culture-content-item-1{
    height: 75px;
   }
   .i-culture-content-item-1 img{
    height: 75px;
   }
   .contactus-form{
    flex-wrap: wrap;
   }
   .contactus-form input{
    width: 100%;
    margin-bottom: 10px;
   }
   .contactus-form input:nth-child(2){
    margin-left: 0;
    margin-right: 0;
   }
   .i-map #allmap {
    height: 240px;
   }
   .i-contacts-title,.i-contacts-title{
    font-size: 30px;
   }
   .i-contacts-title{
    margin-bottom: 30px;
   }
   .i-contacts{
    margin-top: 35px;
    margin-bottom: 70px;
   }
   .i-product-show{
    flex-wrap: wrap;
    padding-left: 5px;
    padding-right: 0px;
    height: auto;
   }
   .i-product-show-img{
    width: 100%;
   }
    .i-product-show-img  img{
        width: 100%;
        height: auto;
    }
   .i-product-show-content{
    width: 100%;
   }
   .products-lists{
    width: 100%;
   }
   .cpcs{
    width: 100% !important;
   }
   .cpcs table td{
    word-wrap: break-all;
    white-space: normal;
   }
   .products-lists .i-case-show{
    height: auto;
   }
   .i-case-show{
    flex-wrap: wrap;
    padding-left: 0;
    padding-right: 0;
   }
   .i-case-show-img{
    width: 100%;
   }
   .i-case-show-img img{
    width: 100%;
   }
   .i-case-show-content div:first-child{
    padding-top: 20px;
   }
   .i-case-show-detail img{
    width: 100%;
   }
   .i-case-show-content .msg-btn{
    width: 120px;
   }
   .i-news-content img{
    width: 100%;
   }
   .news-list-item .news-list-item-times{
    width:20%;
   }
   .indus-news-list-item-content{
    width: 80%;
   }
   .news-list-item-description-m{
    display: block;
    font-size: 16px;
    line-height: 2;
    padding-right: 20px;
    padding-left: 20px;
   }
   .news-list-item-description{
    display: none;
   }
   .i-news-list-item-title-tit{
    padding-left: 20px;
   }
   .btn{
    width: 30px;
    height: 30px;
   }
   .mobile_bottom{
    width: 100%;
    display: flex;
    position: fixed;
    bottom: 0;
   }
   .mb_item{
    width: 25%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #004ea2;
    color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
   }
   .mb_item div{
    margin-top: 5px;
   }

   .product .container{
    height: auto;
   }
   .m_btm_container{
    display: block;
    position: relative;
    padding-top: 90px;
   }
   .x-auto{
    overflow-x:auto ;
   }
   ::-webkit-scrollbar {
    height: 10px;
   }
}
@media screen and (max-width: 900px) {
   .inner-banner .mobile_banner{
    display: block;
    height: auto;
   }
}
/* @media screen and (max-width: 500px) {
    .slider-wrapper{
        height: 160px;
    }
} */
