@media (max-width: 1600px) {
    .warpper {
        width: 100%;
        padding:0 4%;
    }

    .in_company_bar{
        display: none;
    }
}
@media (max-width: 1200px) {
    .cbl{
        display: none;
    }
}
@media (max-width: 1600px) and (min-width:1400px){
    .allpro .imgbox{
        height: 205px;
    }
    .inner-company-sec .envirSwiper .imgbox{
        height: 235px;
    }
}
@media (max-width: 1400px) and (min-width:1200px){
    .xiala .item .abox{
        width: 65%;
    }
    .xiala .item .imgbox{
        width: 35%;
        height: 232px;
    }
    .alltitleLeft .text{
        font-size: 32px;
    }
    .allnav-inner .logo{
        height: 70px;
    }
    .in_ys_item .text-list{
        padding: 8% 4%;
    }
    .in_ys_item .text-list .shu .s1{
        font-size: 38px;
    }
    .in_news_left .imgbox{
        height: 288px;
    }
    .allcase .imgbox{
        height: 260px;
    }
    .allpro .imgbox{
        height: 203px;
    }
    .in_company .com_des{
        width: 51%;
    }
    .in_company .moive{
        width: 45%;
    }
    .allhonor .imgbox{
        height: 220px;
    }
    .foot-inner-top-menu {
        width: 61%;
    }
    .foot-inner-top-abox {
        width: 25%;
    }
    .pro-type a{
        font-size: 14px;
    }
    .goods-des-box .pidDes ul li .s3{
        padding: 0 10px;
    }
    .goods-des-box .pidDes .tel .s2 {
        font-size: 21px;
    }
    .goods-des-box .pidLunbo {
        height: 375px;
    }
    .inner-company-sec .envirSwiper .imgbox{
        height: 200px;
    }
    .in_news_left .text {
        padding: 5.5% 6%;
    }
    .in_news_left .text .title{
        font-size: 20px;
    }
    .in_news_right .list{
        margin-bottom: 2%;
    }
    .in_news_right .list a .text .title{
        font-size: 20px;
    }
    .foot-inner-bottom-lx {
        width: 84%;
    }
    .foot-inner-top {
        padding: 2% 0;
    }
    .allcase .meng a.more{
        width: 128px;
        height: 33px;
    }
    .allcase .meng a.more span {
        font-size: 14px;
    }
    .allcase .meng .t1{
        font-size: 16px;
    }
    .sbanner {
        height: 390px;
    }
    .sbanner .text img {
        max-width: 60%;
    }
    .otherSwiper .allpro {
        padding: 10px;

    }
    .otherSwiper .allpro .text .slog span{
        padding-left: 11px;
    }
    .allpro .text .slog span:before{
        width: 3px;
        height: 3px;
        left: 3px;
    }
    .allsider-ul ul li{
        padding: 0 6%;
    }
    .allsider-ul ul li a{
        font-size: 16px;
    }
    .allsider-news ul li a{
        font-size: 16px;
    }
}

@media (max-width: 1200px) and (min-width:992px){
    .allnav-inner .logo {
        width: 250px;
        height: 57px;
    }
    .xiala .item .abox{
        width: 65%;
    }
    .xiala .item .imgbox{
        width: 35%;
        height: 232px;
    }
    .alltitleLeft .text{
        font-size: 28px;
    }
    .alltitleLeft .text{
        font-size: 32px;
    }
    .allnav-inner .menuBox{
        width: 64%;
    }
    .allnav-inner .Menu{
        margin-top: 10%;
    }
    .in_ys_item .text-list{
        padding: 8% 4%;
        height: 229px;
    }
    .in_ys_item .text-list .shu .s1{
        font-size: 32px;
    }
    .in_ys_item .text-list .s2{
        font-size: 18px;
    }
    .in_ys_item .list.sec .imgbox{
        height: calc(100% - 229px);
    }
    .in_ys_item .list.fir .imgbox {
        height: 229px;
    }
    .in_ys_item .list .why ul li{
        font-size: 16px;
    }
    .in_news_left .imgbox{
        height: 265px;
    }
    .allcase .imgbox{
        height: 260px;
    }
    .allpro .imgbox{
        height: 203px;
    }
    .in_company .com_des{
        width:100%;
    }
    .in_company .moive{
        width: 45%;
        display: none;
    }
    .allhonor .imgbox{
        height: 220px;
    }
    .in_news_left .imgbox .time .t1 {
        font-size: 39px;
    }
    .foot-inner-top-menu {
        width: 61%;
    }
    .foot-inner-top-abox {
        width: 25%;
    }
    .pro-type a{
        width: 19.8%;
        line-height: 43px;
        font-size: 12px;
        margin-bottom: 0.3%;
    }
    .goods-des-box .pidDes ul li .s3{
        padding: 0 10px;
        font-size: 12px;
    }
    .goods-des-box .pidDes .tel .s2 {
        font-size: 18px;
    }
    .inner-company-left{
        width: 100%;
    }
    .inner-company-right{
        display: none;
    }
    .inner-company-fir .item .list{
        height: 120px;
        padding: 0 2%;
    }
    .inner-company-fir .item .list .icon img{
        height: 30px;
    }
    .inner-company-fir .item .list .text .t2 {
        font-size: 16px;
    }
    .swiperBtn {
        width: 50px;
        height: 50px;
    }
    .inner-company-thr .item .list .text .t1{
        font-size: 20px;
    }
    .inner-company-fir .item .list .text .t1{
        font-size: 33px;
    }
    .inner-company-thr .item .list{
        width: 49%;
        height: 258px;
    }
    .inner-honor-list {
        width: 33.33%;
    }
    .inner-pro-list{
        width: 33.33%;
    }
    .goods-des-box .pidDes {
        width: 48%;
    }
    .goods-des-box .pidLunbo {
        height: 333px;
        width: 50%;
    }
    .inner-company-sec .envirSwiper .imgbox{
        height: 200px;
    }
    .in_news_left .text {
        padding: 5.5% 6%;
    }
    .in_news_left .text .title{
        font-size: 20px;
    }
    .in_news_right .list{
        margin-bottom: 2%;
    }
    .in_news_right .list a .text .title{
        font-size: 20px;
    }
    .inner-case-list{
        width: 33.33%;
    }
    .inner-news-list .imgbox{
        height: 218px;
    }
    .inner-contact-box{
        height: 59vw;
    }
    .inner-contact-box .lxbox .inner{
        width: 58%;
    }
    .foot-inner-bottom-lx {
        width: 84%;
    }
    .foot-inner-top {
        padding: 2% 0;
    }
    .allcase .meng a.more{
        width: 128px;
        height: 33px;
    }
    .allcase .meng a.more span {
        font-size: 14px;
    }
    .allcase .meng .t1{
        font-size: 16px;
    }
    .sbanner {
        height: 390px;
    }
    .sbanner .text img {
        max-width: 60%;
    }
    .otherSwiper .allpro {
        padding: 10px;

    }
    .otherSwiper .allpro .text .slog span{
        padding-left: 11px;
    }
    .allpro .text .slog span:before{
        width: 3px;
        height: 3px;
        left: 3px;
    }
    .allsider-ul ul li{
        padding: 0 6%;
    }
    .allsider-ul ul li a{
        font-size: 16px;
    }
    .allsider-news ul li a{
        font-size: 16px;
    }
}

@media (max-width: 992px) and (min-width:768px){
    .allnav-inner .logo {
        width: 77px;
        height: 64px;
    }
    .allnav-inner .logo .img1{
        opacity: 0;
    }
    .allnav-inner .logo .img2{
        opacity: 1;
    }
    .xiala .item .abox{
        width: 100%;
    }
    .xiala .item .imgbox{
        display: none;
    }
    .xiala .bg{
        display: none;
    }
    .alltitleLeft .text{
        font-size: 28px;
    }
    .alltitleLeft .text{
        font-size: 26px;
    }
    .alltitleLeft .text span{
        display: none;
    }
    .allnav-inner .menuBox{
        width: 82%;
    }
    .allnav-inner .Menu{
        margin-top: 10%;
    }
    .in_ys_item .text-list{
        padding: 8% 4%;
        height: 229px;
    }
    .in_ys_item .text-list .shu .s1{
        font-size: 32px;
    }
    .in_ys_item .text-list .s2{
        font-size: 18px;
    }
    .in_ys_item .list.sec .imgbox{
        height: calc(100% - 229px);
    }
    .in_ys_item .list.fir .imgbox {
        height: 229px;
    }
    .in_ys_item .list .why ul li{
        font-size: 16px;
    }
    .in_news_left .imgbox{
        height:236px;
    }
    .allcase .imgbox{
        height: 260px;
    }
    .allpro .imgbox{
        height: 203px;
    }
    .in_company .com_des{
        width:100%;
    }
    .in_company .moive{
        width: 45%;
        display: none;
    }
    .allhonor .imgbox{
        height: 220px;
    }
    .in_news_left .imgbox .time .t1 {
        font-size: 39px;
    }
    .foot-inner-top-menu {
        width: 61%;
    }
    .foot-inner-top-abox {
        width: 33%;
    }
    .pro-type a{
        width: 33%;
        line-height: 43px;
        font-size: 14px;
        margin-bottom: 0.3%;
    }
    .in_ys_item .list.fir{
        width: 100%;
    }
    .in_ys_item .list.sec{
        width: 100%;
        position: relative;
    }
    .in_ys_item .list .imgbox{
        display: none;
    }
    .in_ys_item .list .why ul li:nth-child(n+2) {
        margin-top: 2%;
    }
    .goods-des-box .pidDes ul li .s3{
        padding: 0 10px;
        font-size: 12px;
    }
    .goods-des-box .pidDes .tel .s2 {
        font-size: 18px;
    }
    .in_news_right .list a .text {
        width: calc(100% - 101px);
    }
    .in_news_right .list a .time .t1 {
        font-size: 40px;
    }
    .in_news_right .list a .time {
        width: 89px;
    }
    .inner-company-left{
        width: 100%;
    }
    .inner-company-right{
        display: none;
    }
    .inner-company-fir .item .list{
        height: 120px;
        padding: 0 2%;
    }
    .inner-company-fir .item .list .icon img{
        height: 30px;
    }
    .inner-company-fir .item .list .text .t2 {
        font-size: 16px;
    }
    .swiperBtn {
        width: 50px;
        height: 50px;
    }
    .inner-company-thr .item .list .text .t1{
        font-size: 20px;
    }
    .inner-company-fir .item .list .text .t1{
        font-size: 33px;
    }
    .inner-company-thr .item .list{
        width: 49%;
        height: 258px;
    }
    .inner-honor-list {
        width: 33.33%;
    }
    .inner-pro-list{
        width: 50%;
    }
    .goods-des-box .pidDes {
        width: 100%;
    }
    .goods-des-box .pidLunbo {
        height: 333px;
        width: 100%;
        margin-top: 4%;
    }
    .goods-des-box .pidDes .tags{
        display: none;
    }
    .goods-des-box .pidLunbo .left{
        width: 100%;
    }
    .goods-des-box .pidLunbo .right{
        display: none;
    }
    .pro-des-bottom-left{
        width: 100%;
    }
    .pro-des-bottom-right{
        display: none;
    }
    .inner-company-sec .envirSwiper .imgbox{
        height: 200px;
    }
    .inner-news-list{
        width: 50%;
    }
    .in_news_left .text {
        padding: 5.5% 6%;
    }
    .in_news_left .text .title{
        font-size: 20px;
    }
    .in_news_right .list{
        margin-bottom: 2%;
    }
    .in_news_right .list a .text .title{
        font-size: 20px;
    }
    .allcrumbs-right.lxms {
        width: 28%;
    }
    .inner-case-list{
        width: 33.33%;
    }
    .inner-news-list .imgbox{
        height: 218px;
    }
    .inner-contact-box #mympa{
        position: relative;
        width: 100%;
        height: 214px;
    }
    .inner-contact-box{
        height: auto;
    }
    .inner-contact-box .lxbox{
        position: relative;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        margin-top: 4%;
    }
    .inner-contact-box .lxbox .inner{
        width: 100%;
        box-shadow: none;
    }
    .inner-contact-box .lxbox .inner .tbox{
        border-top:none;
    }
    .myformbox .inputbox .list {
        width: 49.5%;
    }
    .myformbox .submit{
        width: 49.5%;
    }
    .foot-inner-bottom-lx {
        width: 100%;
    }
    .foot-inner-top {
        padding: 2% 0;
    }
    .foot-inner .f-logo{
        display: none;
    }
    .allcase .meng a.more{
        width: 128px;
        height: 33px;
    }
    .allcase .meng a.more span {
        font-size: 14px;
    }
    .allcase .meng .t1{
        font-size: 16px;
    }
    .sbanner {
        height: 390px;
    }
    .sbanner .text img {
        max-width: 60%;
    }
    .otherSwiper .allpro {
        padding: 10px;

    }
    .otherSwiper .allpro .text .slog span{
        padding-left: 11px;
    }
    .allpro .text .slog span:before{
        width: 3px;
        height: 3px;
        left: 3px;
    }
    .allsider-ul ul li{
        padding: 0 6%;
    }
    .allsider-ul ul li a{
        font-size: 16px;
    }
    .allsider-news ul li a{
        font-size: 16px;
    }
    .allcrumbs-right {
        width: 52%;
    }
}

@media (max-width: 768px) {
    .padding {
        padding: 10% 0 10% 0;
    }
    .padding-bottom{
        padding-bottom: 10%;
    }
    .padding-top{
        padding-top: 10%;
    }
    .allnav{
        background: #fff;
    }
    .allnav-inner .menuBox .tel{
        display: none;
    }
    .allnav-inner {
        height: 60px;
    }
    .allnav-inner .logo {
        width: 67%;
        height: 100%;
    }
    .allnav-inner .logo .img1{
        opacity: 1;
    }
    .allnav-inner .logo .img2{
        opacity: 0;
    }
    .allnav-inner .logo img{
        position: relative;
    }
    .bannerbox{
        margin-top: 60px;
    }
    .bannerbox .swiper-pagination-bullet {
        width: 24px;
        height: 2px;
    }
    .xiala .item .abox{
        width: 100%;
    }
    .xiala .item .imgbox{
        display: none;
    }
    .xiala .bg{
        display: none;
    }
    .alltitle-more {
        width: 96px;
        height: 30px;
        border-radius: 0 14px 0 14px
    }
    .allpro .text .slog{
        display: none;
    }
    .pro-item .list .swipernextBtn {
        right: 0;
    }
    .pro-item .list .swiperprevBtn {
        left: 0;
    }
    .alltitleLeft .text{
        font-size: 20px;
    }
    .alltitleLeft .text span{
        display: none;
    }
    .allnav-inner .menuBox{
        width: 82%;
        display: none;
    }
    .allnav-inner .Menu{
        margin-top: 10%;
    }
    .in_company .com_des_con .t1 {
        font-size: 17px;
    }
    .in_ys_item .text-list{
        padding: 8% 4%;
        height: 182px;
        width: 100%;
    }
    .in_ys_item .text-list .shu .s1{
        font-size: 27px;
    }
    .in_ys_item .text-list .s2{
        font-size: 18px;
    }
    .in_ys_item .list.sec .imgbox{
        height: calc(100% - 229px);
    }
    .in_ys_item .list.fir .imgbox {
        height: 229px;
    }
    .in_ys_item .list .why ul li{
        font-size: 15px;
        padding-left: 25px;
    }
    .in_ys_item .list .why {
        background-size: 41%;
    }

    .in_news_left .imgbox{
        height:187px;
    }
    .allcase .imgbox{
        height: 213px;
    }
    .allpro .imgbox{
        height: 203px;
    }

    .in_company .com_des{
        width:100%;
    }
    .in_company .moive{
        width: 45%;
        display: none;
    }
    .in_company .img-item .list .swipernextBtn {
        right: 0;
    }
    .in_company .img-item .list .swiperprevBtn {
        left: 0;
    }
    .allhonor .imgbox{
        height: 140px;
    }
    .allhonor .title{
        line-height: 35px;
    }
    .in_news_left{
        width: 100%;
    }
    .in_news_right{
        width: 100%;
        margin-top: 4%;
    }
    .in_news_left .imgbox .time .t1 {
        font-size: 21px;
    }
    .foot-inner-top-menu {
        width: 61%;
    }
    .foot-inner-top-abox {
        width: 33%;
    }
    .pro-type a{
        width: 49.9%;
        line-height: 43px;
        font-size: 13px;
        margin-bottom: 0.3%;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .in_ys_item .list.fir{
        width: 100%;
    }
    .in_ys_item .list.sec{
        width: 100%;
        position: relative;
    }
    .in_ys_item .list .imgbox{
        display: none;
    }
    .in_ys_item .list .why ul li:nth-child(n+2) {
        margin-top: 2%;
    }
    .goods-des-box .pidDes ul li .s3{
        padding: 0 10px;
        font-size: 12px;
    }
    .goods-des-box .pidDes .tel .s2 {
        font-size:14px;
    }
    .goods-des-box .pidDes .allabox {
        width: 100%;
    }
    .in_case_lunbo .swipernextBtn {
        right: 0;
    }
    .in_case_lunbo .swiperprevBtn {
        left: 0;
    }
    .in_news_right .list a .text {
        width: calc(100% - 101px);
    }
    .in_news_right .list a .time .t1 {
        font-size: 21px;
    }
    .in_news_right .list a .time {
        width: 89px;
        margin-top: 4%;
    }
    .inner-company-left{
        width: 100%;
    }
    .inner-company-right{
        display: none;
    }
    .inner-company-fir .item .list{
        margin-bottom: 2%;
        width: 49%;
        height: 71px;
        padding: 0 2%;
    }
    .inner-company-fir .item .list .icon img{
        height: 30px;
    }
    .inner-company-fir .item .list .text .t2 {
        font-size: 14px;
    }
    .Btnbox {
        width: 115px;
        height: 60px;
    }
    .swiperBtn {
        width: 40px;
        height: 40px;
    }
    .inner-company-sec .envirSwiper .title {
        line-height: 35px;
    }
    .inner-company-thr .item .list .text .t1{
        font-size: 18px;
    }
    .inner-company-fir .item .list .text .t1{
        font-size: 24px;
    }
    .inner-company-thr .item .list{
        width: 100%;
        height: 151px;
        margin-bottom: 1%;
    }
    .inner-company-thr .item .list .erbox {
        width: 71px;
    }
    .inner-company-thr .item .list .more {
        line-height: 39px;
        width: 121px;
    }
    .inner-honor-list {
        width: 50%;
    }
    .inner-pro-list{
        width:100%;
    }
    .goods-des-box .pidDes .title {
        font-size: 18px;
    }
    .goods-des-box .pidDes {
        width: 100%;
    }
    .goods-des-box .pidLunbo {
        height: 253px;
        width: 100%;
        margin-top: 4%;
    }
    .goods-des-box .pidDes .tags{
        display: none;
    }
    .goods-des-box .pidLunbo .left{
        width: 100%;
    }
    .goods-des-box .pidLunbo .right{
        display: none;
    }
    .pro-title .inner span {
        font-size: 20px;
    }
    .pro-title {
        height: 53px;
    }
    .pro-des-bottom-left-inner .prodes-param ul li span {
        line-height: inherit;
        padding: 2%;
    }
    .pro-des-bottom-left-inner .prodes-param ul li span.s1{
        font-size:14px;
    }
    .pro-des-bottom-left-inner .prodes-param ul li span.s2{
        font-size:14px;
    }
    .pro-des-bottom-left-inner .prodes-envir-box {
        height: 285px;
    }
    .pro-des-bottom-left-inner .prodes-envir-box .imgbox .title{
        display: none;
    }
    .pro-des-bottom-left{
        width: 100%;
    }
    .pro-des-bottom-right{
        display: none;
    }
    .inner-company-sec .envirSwiper .imgbox{
        height: 200px;
    }
    .inner-news-list{
        width: 100%;
    }
    .in_news_left .text {
        padding: 5.5% 6%;
    }
    .in_news_left .text .title{
        font-size: 17px;
    }
    .in_news_left .text .con {
        font-size: 14px;
        line-height: 21px;
    }
    .in_news_right .list{
        margin-bottom: 2%;
    }
    .in_news_right .list a .text .title{
        font-size: 17px;
    }
    .in_news_right .list a .text .con {
        line-height: 21px;
    }
    .allcrumbs-right.lxms {
        width: 100%;
        padding: 0 19%;
    }
    .inner-case-list{
        width: 50%;
    }
    .allcase .title{
        font-size: 14px;
        line-height: 42px;
    }
    .inner-news-des .tbox .fir {
        font-size: 20px;
    }
    .inner-news-list .imgbox{
        height: 176px;
    }
    .inner-contact-box #mympa{
        position: relative;
        width: 100%;
        height: 214px;
    }
    .inner-contact-box{
        height: auto;
    }
    .inner-contact-box .lxbox .inner .telbox .list-inner.sec {
        width: 100%;
    }
    .inner-contact-box .lxbox .inner .telbox .list-inner.sec:nth-child(1){
        margin-bottom: 6%;
    }
    .inner-contact-box .lxbox .inner .telbox {
        padding: 5% 0;
    }
    .inner-contact-box .lxbox{
        position: relative;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        margin-top: 4%;
    }
    .inner-contact-box .lxbox .inner{
        width: 100%;
        box-shadow: none;
    }
    .inner-contact-box .lxbox .inner .tbox{
        border-top:none;
        padding: 5% 0;
    }
    .myformbox textarea {
        height: 143px;
        padding: 15px 53px;
    }
    .myformbox .textareabox .icon {
        width: 50px;
        height: 50px;
    }
    .myformbox .inputbox .list {
        width: 100%;
    }
    .myformbox .inputbox .list .icon {
        width: 50px;
        height: 50px;
    }
    .myformbox .inputbox .list .verify {
        width: 95px;
        height: 39px;
    }
    .myformbox .inputbox .list input {
        width: calc(100% - 50px);
        line-height: 50px;
    }
    .myformbox .submit{
        width: 100%;
        height: 50px;
    }
    .myformbox .submit span {
        font-size: 17px;
    }
    .foot-inner-bottom-lx {
        width: 100%;
    }
    .foot-inner-top {
        padding: 2% 0;
        display: none;
    }
    .foot-inner .f-logo{
        display: none;
    }
    .foot-inner-bottom-lx .lxbox p {
        width: 100%;
    }
    .copy{
        display: none;
    }
    .allcase .meng a.more{
        width: 128px;
        height: 33px;
    }
    .allcase .meng a.more span {
        font-size: 14px;
    }
    .allcase .meng .t1{
        font-size: 16px;
    }
    .sbanner {
        height: 126px;
        margin-top: 60px;
    }
    .sbanner .text img {
        max-width: 60%;
    }
    .otherSwiper .allpro {
        padding: 10px;

    }
    .otherSwiper .allpro .text .slog span{
        padding-left: 11px;
    }
    .allpro .text .slog span:before{
        width: 3px;
        height: 3px;
        left: 3px;
    }
    .allsider-ul ul li{
        padding: 0 6%;
    }
    .allsider-ul ul li a{
        font-size: 16px;
    }
    .allsider-news ul li a{
        font-size: 16px;
    }
    .allcrumbs-left{
        display: none;
    }
    .allcrumbs-right {
        width: 100%;
    }
    .allcrumbs-right a{
        line-height: 50px;
    }
    .inner-company-left .des {
        font-size: 15px;
        line-height: 25px;
    }
    .sm-button-xian{
        display: block;
    }
    .mobile-footer{
        display: block;
    }
    .foot-inner-bottom{
        padding-bottom: 70px;
    }
}