@media (max-width: 1200px){
    .warpper{
        width: 100%;
        padding:0 3%;
    }
    .cbl{
        display: none;
    }
}

@media (max-width: 1200px) and (min-width: 992px){
    .in-company-left {
        width: 62%;
    }
    .in-company-right{
        width: 34%;
    }
    .in-company-right .fir{
        font-size: 29px;
    }
    .all-index-title .fir{
        font-size: 30px;
    }
    .in-product-top .in-product-type-box{
        width: 100%;
        height: auto;
    }
    .in-product-top .in-product-type-box a{
        width: 24%;
        margin-right: 1%;
    }
    .in-product-top .in-product-type-box a:nth-child(3n) {
        margin-right: 1%;
    }
    .in-product-top .in-product-type-box a:nth-child(4n) {
        margin-right: 0;
    }
    .in-product-top .in-product-one{
        display: none;
    }
    .in-news-left{
        width: 43%;
    }
    .in-news .in-news-center{
        width: 57%;
    }
    .in-news .in-news-right{
        display: none;
    }
    .foot2{
        width: 46%;
        margin-left: 3%;
    }
    .foot1 {
        width: 21%;
    }
    .banner-menu{
        top:0;
    }
    .inner-hot-pro-list .imgbox{
        height: 249px;
    }
    .gallery-top2{
        width: 49%;
    }
    .info-right {
        width: 47%;
    }
    .info-suotu{
        display: none;
    }
    .inpro-tel{
        margin-left:0;
    }
    .pro-inner-title-box{
        line-height: 60px;
    }
    .case-inner-left{
        width: 62%;
    }
    .case-inner-right{
        width: 34%;
    }
    .liulanbox .h3{
        font-size: 23px;
    }
    .other-case-list{
        width: 49%;
        margin-right: 2%;
        margin-bottom: 7px;
    }
    .news-inner-list .imgbox{
        height: 230px;
    }
    .news-inner-list .text{
        padding: 5%;
    }
    .news-inner-list .text .sec{
        font-size: 15px;
    }
    .case-inner-item ul li .img{
        height: 228px;
    }
    .case-inner-item ul li .case-inner-title{
        line-height: 45px;
        font-size: 16px;
    }
    .common-inner .inner-right .de-contact .contact-map #dituContent{
        height: 360px;
    }
    .lh-message .container{
        padding:5%;
    }

    .banner-menu .banner-menu-inner .banner-menu-tel .sec{
        font-size: 21px;
    }
}

@media (max-width: 992px) and (min-width: 768px){
    .in-company{
        padding: 7% 0;
    }
    .in-company-left {
        width: 100%;
        margin-bottom: 4%;
        padding-bottom: 4%;
        border-bottom: 1px solid #eee;
    }
    .in-company-right{
        width: 100%;
    }
    .in-company-right .fir{
        font-size: 29px;
    }
    .in-company-right .imgbox{
        display: none;
    }
    .in-company .all-a-more {
        margin: 4% 0 0 0;
    }
    .in-company-item .in-company-list .fir{
        font-size: 20px;
    }
    .all-index-title .fir{
        font-size: 30px;
    }
    .in-product-top .in-product-type-box{
        width: 100%;
        height: auto;
        padding: 3%;
    }
    .in-product-top .in-product-type-box a{
        width: 24%;
        margin-right: 1%;
    }
    .in-product-top .in-product-type-box a:nth-child(3n) {
        margin-right: 1%;
    }
    .in-product-top .in-product-type-box a:nth-child(4n) {
        margin-right: 0;
    }
	.in-product-top .in-product-type-box a.all-a-more{
		background-image: none;
		padding-left: 15px;
		text-align: center;
	}
    .in-product-top .in-product-one{
        display: none;
    }
    .in-news-left{
        width: 43%;
    }
    .in-news .in-news-center{
        width: 57%;
    }
    .in-news .in-news-right{
        display: none;
    }
    .foot2{
        width: 46%;
        margin-left: 3%;
    }
    .foot1 {
        width: 21%;
    }
    .banner-menu{
        top:0;
    }
    .inner-hot-pro-list .imgbox{
        height: 200px;
    }
    .inner-hot-pro-list .inner-hot-pro-title{
        line-height: 45px;
    }
    .gallery-top2{
        width: 49%;
    }
    .info-right {
        width: 47%;
    }
    .info-suotu{
        display: none;
    }
    .inpro-tel{
        margin-left:0;
    }
    .pro-inner-title-box{
        line-height: 60px;
    }
    .case-inner-left{
        width: 62%;
    }
    .case-inner-right{
        width: 34%;
    }
    .liulanbox .h3{
        font-size: 23px;
    }
    .other-case-list{
        width: 49%;
        margin-right: 2%;
        margin-bottom: 7px;
    }
    .news-inner-list .imgbox{
        height: 230px;
    }
    .news-inner-list .text{
        padding: 5%;
    }
    .news-inner-list .text .sec{
        font-size: 15px;
    }
    .case-inner-item ul li .img{
        height: 228px;
    }
    .case-inner-item ul li .case-inner-title{
        line-height: 45px;
        font-size: 16px;
    }
    .common-inner .inner-right .de-contact .contact-map #dituContent{
        height: 360px;
    }
    .lh-message .container{
        padding:5%;
    }
    .foot3{
        width: 25%;
    }
    .in-youshi {
        padding: 7% 0;
    }
    .in-youshi-box{
        display: none;
    }
    .sm-youshi{
        display: flex;
    }
    .company-one-list .text .fir {
        font-size: 20px;
    }
	.company-one-item{
		flex-wrap: wrap;
	}
    .company-one-list{
        width: 49%;
		margin-bottom: 2%;
    }
    .company-one{
        padding: 7% 0;
    }
    .all-index-title{
        margin-bottom: 1%;
    }
    .company-one .company-one-des{
        margin-bottom: 1%;
    }
    .company-two .all-a-more{
        margin: 4% auto 0 auto;
    }
    .lh-message-l{
        display: none;
    }
    .lh-message-r{
        width: 100%;
    }
    .nei-banner{
        height: 320px;
    }
    .all-inner-title{
        padding:0 3%;
    }
    .banner-menu .banner-menu-inner .banner-menu-tel{
        display: none;
    }
    .banner-menu .banner-menu-inner{
        width: 100%;
        padding: 0 2%;
    }
    .banner-menu .banner-menu-inner .banner-menu-logo{
        width: 20%;
    }
    .banner-menu .banner-menu-inner .banner-menu-nav-box{
        width: 80%;
    }
    .banner-menu .banner-menu-inner .banner-menu-nav-box ul{
        width: 92%;
    }
}

@media (max-width: 768px){
    .in-company{
        padding: 7% 0;
    }
    .in-company-left {
        width: 100%;
        margin-bottom: 4%;
        padding-bottom: 4%;
        border-bottom: 1px solid #eee;
    }
    .in-company-left .img{
        height: 245px;
        margin-bottom: 5%;
    }
    .in-company-item .in-company-list .imgbox{
        height: 50px;
    }
    .in-company-item .in-company-list {
        width: 31%;
    }
    .in-company-right{
        width: 100%;
    }
    .in-company-right .fir{
        font-size: 22px;
    }
    .in-company-right .imgbox{
        display: none;
    }
    .in-company .all-a-more {
        margin: 4% 0 0 0;
    }
    .all-a-more{
        line-height: 35px;
        border: 1px solid #ff8400;
        font-size: 14px;
    }
    .in-company-item .in-company-list .fir{
        font-size: 16px;
    }
    .in-company-item .in-company-list .sec{
        display: none;
    }
    .all-index-title .fir{
        font-size: 20px;
    }
    .all-index-title .sec{
        font-size: 15px;
    }
    .all-index-title img {
        margin:0;
    }
    .in-product{
        padding: 8% 0;
    }
    .in-product-top .in-product-type-box{
        width: 100%;
        height: auto;
        padding: 3%;
    }
    .in-product-top .in-product-type-box a{
        width: 49%;
        margin-right: 1%;
        font-size: 14px;
        line-height: 45px;
    }
    .in-product-top .in-product-type-box a:nth-child(-n+6) {
        margin-bottom: 6px;
    }
    .in-product-top .in-product-type-box a:nth-child(3n) {
        margin-right: 1%;
    }
    .in-product-top .in-product-type-box a:nth-child(4n) {
        margin-right: 0;
    }
	.in-product-top .in-product-type-box a.all-a-more{
		background-image: none;
		padding-left: 15px;
		text-align: center;
	}
    .in-product-top .in-product-one{
        display: none;
    }
    .in-product .prolunbox .imgbox{
        height: 155px;
    }
    .in-product .prolunbox .imgbox .pro-one-title{
        font-size: 14px;
        line-height: 45px;
    }
    .sm-youshi .sm-youshi-list{
        width: 100%;
    }
    .sm-youshi .sm-youshi-list .title{
        font-size: 17px;
    }
    .sm-youshi .sm-youshi-list .con{
        font-size: 15px;
    }
    .in-news{
        padding: 7% 0;
        padding-bottom: 20%;
    }
    .in-news-left{
        width: 100%;
        padding: 6%;
        height: 291px;
        margin-bottom: 4%;
    }
    .in-news .all-a-more {
        margin: 6% auto 0 auto;
    }
    .in-news .in-news-center{
        width: 100%;
    }
    .in-news .in-news-center .in-news-center-list{
        margin-left:0;
        padding: 6%;
    }
    .in-news .in-news-center .in-news-center-list:nth-child(1) {
        margin-bottom: 4%;
    }
    .in-news .in-news-right{
        display: none;
    }
    .footer{
        display: none;
    }
    .foot2{
        width: 46%;
        margin-left: 3%;
    }
    .foot1 {
        width: 21%;
    }
    .banner-menu{
        top:0;
    }
    .inner-hot-pro-list .imgbox{
        height: 143px;
    }
    .inner-hot-pro-list .inner-hot-pro-title{
        line-height: 40px;
        font-size: 14px;
    }
    .gallery-top2{
        width: 100%;
        height: 301px;
        float: none;
    }
    .info-left{
        height: inherit;
    }
    .info-right {
        width: 100%;
        position: inherit;
    }
    .info-right h3{
        font-size: 18px;
        height: 35px;
        margin-top: 4%;
    }
    .info-right small{
        padding-top: 7px;
    }
    .info-right a{
        margin-top: 19px;
    }
    .inpro-tel strong{
        font-size: 23px;
    }
    .info-suotu{
        display: none;
    }
    .inpro-tel{
        margin-left:0;
    }
    .pro-inner-title-box{
        line-height: 45px;
    }
    .pro-inner-title-box a{
        padding: 0;
        width: 33.33%;
        font-size: 15px;
        text-align:center;
    }
    .pro-inner-des{
        padding: 4%;
    }
    .bdbox{
        margin-top: 7%;
    }
    .bdbox form{
        padding: 4%;
    }
    .bdbox .formleft {
        width: 100%;
    }
    .bdbox .formright {
        width: 100%;
    }
    .bdbox .input-list textarea{
        height: 125px;
        padding: 3%;
    }
    .case-inner-left{
        width: 100%;
        border-right:none;
        margin-bottom: 5%;
    }
    .news-inner-left-con{
        width: 100%;
        padding:0;
    }
    .case-inner-right{
        width: 100%;
    }
    .liulanbox .h3{
        font-size: 18px;
    }
    .common-inner{
        padding: 9% 0;
        padding-bottom: 20%;
    }
    .other-case-list{
        width: 49%;
        margin-right: 2%;
        margin-bottom: 7px;
    }
    .news-inner-list .imgbox{
        height: 155px;
    }
    .news-inner-list .text{
        padding: 5%;
    }
    .news-inner-list .text .sec{
        font-size: 15px;
    }
    .case-inner-item ul li .img{
        height: 145px;
    }
    .case-inner-item ul li .case-inner-title{
        line-height: 33px;
        font-size: 14px;
    }
    .common-inner .inner-right .de-contact .contact-map #dituContent{
        height: 170px;
    }
    .lh-message .container{
        padding:3%;
        border-top: 2px solid #0656a9;
    }
    .foot3{
        width: 25%;
    }
    .in-youshi {
        padding: 7% 0;
    }
    .in-youshi-box{
        display: none;
    }
    .sm-youshi{
        display: flex;
    }
    .company-one-list .text .fir {
        font-size: 20px;
    }
    .company-one-list{
        width: 100%;
        height: 95px;
        margin-bottom: 2%;
    }
    .company-one{
        padding: 7% 0;
    }
    .company-one-list .text{
        padding-top: 7%;
    }
    .all-index-title{
        margin-bottom: 6%;
    }
    .company-one .company-one-des{
        margin-bottom: 1%;
    }
    .company-two .all-a-more{
        margin: 4% auto 0 auto;
    }
    .lh-message-l{
        display: none;
    }
    .lh-message-r{
        width: 100%;
    }
    .nei-banner{
        height: 150px;
    }
    .all-inner-title{
        padding:0 3%;
    }
    .all-inner-title .fir{
        font-size: 18px;
    }
    .company-one-item{
        flex-wrap: wrap;
    }
    .company-two{
        padding-top: 6%;
    }
    .inner-hot-pro-list{
        width: 50%;
    }
	.pro-inner .inner-hot-pro-list:nth-child(-n+9){
		margin-bottom: 2%;
	}
    .pro-inner {
        padding: 12% 0;
        padding-bottom: 20%;
    }
    .sidebar .abox{
        width: 49%;
    }
    .sidebar .abox a{
        font-size: 14px;
        line-height: 40px;
    }
    .case-inner-item ul li{
        width: 50%;
    }
    .fangan{
        height: 44px;
        line-height: 44px;
        padding-left: 55px;
    }
    .fangan .fs20{
        font-size: 17px;
    }
    .contact .title2 h2{
        font-size: 20px;
    }
    .contact .title2 .title2-right {
        float: left;
        text-align: left;
    }
    .contact .title2 .title2-right .fir{
        display: none;
    }
    .contact .ewm{
        display: none;
    }
    .contact {
        margin-bottom: 0;
    }
    .contact .list{
        padding:4% 0;
    }
    #sub{
        padding: 12% 0;
        padding-bottom: 25%;
    }
    .lh-message-r button{
        font-size: 16px;
    }
    .banner-menu{
        display: none;
    }
    .mobile-footer{
        display: block;
    }
    .de-page-mian .page-inner a{
        min-width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 15px;
        margin-top: 5%;
    }
    .news-inner-list{
        width: 100%;
    }
    .news-detail-content-box{
        padding:0;
    }
    .common-inner .inner-right .news-detail-content .news-detail-title .h3{
        font-size: 18px;
    }
    .common-inner .inner-right .news-detail-content .news-detail{
        padding:0;
    }
    .common-inner .inner-right .news-detail-content .news-detail p{
        font-size: 15px;
    }
    .sm-head{
        display: flex;
    }
    .banner .swiper-pagination {
        bottom: 5px!important;
    }
    .common-inner .inner-right .de-contact{
        margin-bottom: 5%;
    }
}