@media (max-width: 1200px) {
    
    .navbar-nav{
        width: 122%;
        margin-left: -13%; 
        
    }
}
@media (max-width: 994px) {
    .navbar-nav{
        margin-top: -5%;
        margin-left: 34%;
    }
}

@media (max-width: 1100px) {
    .navbar-nav{
        margin-left: 5%; 
    }
    .abstract_d a{
        width: 76%;
    }
    .and_span3{
        width: 12%;
    }
    .and_span4{
        width: 83%;
    }
    .down{
        display: none;
    }
    
    .navbar-nav{
        position: absolute;
        left: -18%;
        top: 0; 
        width: 116%;
    }
    .sjj {
        width: 100%;
        overflow: hidden;
    }
    .sjj_img {
        width: 150%;
        margin-left: -26%;
    }
    .bottom_bottom{
        display: block;
        position: sticky;
        bottom: -2px;
        left: 0;
        width: 100%;
        background: #1691e1;
        display: block;
        z-index: 999;
    }
    .bottom_bottom nav{
       display: flex;
       justify-content: space-between;
    }
    .bottom_bottom nav a{
        padding: 20px 20px;
        color: #fff;
        text-decoration: none;
    }
    #successful_case {
        margin-top: 13%;
    }
    #case{
        overflow: hidden;
    }
    #case .case_img {
        width: 165%;
        margin-left: -32%;
    }
    .seek{
        overflow: hidden;
    }
    .seek_img {
        width: 165%;
        margin-left: -32%;
    }
    .spot{
        display: none;
    }
}
@media (max-width: 990px) {
    .navbar-nav{
        position: absolute;
        left: -5%;
        top: 0;
        width: 100%;
        margin-top: -5%;
    }
    .navbar .logo{
        display: none;
    }
}
@media (max-width: 900px) {
    header{
        width: 100%;
    }
    .navbar {
        width: 100%;
    }
    .navbar-nav{
        position: absolute;
        left: -4%;
        top: 0;
        width: 100%; 
        margin-top: -5%;
    }
    #banner{
        width: 100%;
    }
    #banner img{
        width: 100%;
    }
    #p{
        width: 100%;
    }
    .bottomlogo{
        overflow: hidden;
    }
    .bottomlogo img{
        width: 250%;
        margin-left: -75%;
    }
    .centrallogo{
        overflow: hidden;
    }
    .centrallogo img {
        width: 140%;
        margin-left: -20%;
    }
    .company img{
        width: 20.15%;
        border: 1px solid #959595;
        margin-left: -1px;
        height: 100px; 
    }
    .navbar .logo{
        display: none;
    }
    .down{
        display: none;
    }
    footer .footer_img{
        display: none;
    }
    .skill{
        margin-top: 2%;
    }
    .navbar-nav>li{
        padding: 0;
        width: 14.2%;
    }
    .abstract_d a{
        width: 71%;
    }
    .and_span3{
        width: 3%;
    }
    .tex{
        width: 30%;
        float: left;
    }
    .column{
        width: 68%;
        margin-left: 33%; 
    }
    .tex_dtex1{
        margin-top: 5%;
    }
    .bt p{
        width: 15%;
    }
    .innerSitepath{
        margin-top: 5.7%;
    }
    #container{
        width: 70%;
    }
    #successful_case{
        margin-top: 2%;
    }
    .service_servicr{
        margin-left: 0;
    }
    .service_servicr_p {
        font-size: 12px;
        margin-top: 10px;
        color: #646464;
        text-align: center;
        -webkit-transform: scale(0.87);
        width: 114%;
        display: block;
    }
    .sjj {
        width: 100%;
        overflow: hidden;
    }
    .sjj_img {
        width: 150%;
        margin-left: -26%;
    }
    footer .footer_copyright{
        display: none;
    }
    .bnav{
        display: none;
    }
    .touch{
        display: flex;
        flex-wrap: wrap;
    }
    .touch_d{
        display: block;
        width: 45%;
        margin-left: 4%;
    }
    .phone{
        width: 100%;
        margin-left: 0;
    }
    .phone_tex{
        width: 95px;
    }
    .phone_d {
        margin-left: 7%;
        display: flex;
        flex-wrap: wrap;
    }
    .whole {
        width: 50%;
    }
    .site{
        width: 50%;
    }
    .link{
        display: none;
    }
    
    .ccontact_d1{
        margin-left: 31%;
    }
    #container{
        margin-left: 32%;
    }
    #successful_case {
        margin-top: 13%;
    }
}    
@media (max-width: 900px) {
    .navbar-nav {
        position: absolute;
        left: -7%;
        top: 0;
        width: 100%;
        margin-top: -5%;
    } 
    .texx .henan .p{
        width: 90%;
        text-indent: 2em;
        text-align: center;
    }
    .brief p{
        text-indent: 2em;
    }
}
@media (max-width: 750px){
    .skill_d{
        background: url(../images/ans_06.png);
        margin-bottom: 1%;
    }
    #successful ul{
        height: 320px;
        overflow: hidden;
    }
    #container{
        margin-left: 0;
    }
    .ccontact_d1{
        margin-left: 0;
    }
    .navbar-nav{
        position: static;
    }
    .tex{
        display: none;
    }
    .column{
        width: 100%;
        margin-left: 0;
    }

    .navbar .logo{
        display: none;
    }
    footer .footer_img{
        display: none;
    }
    .down{
        display: none;
    }
    .column{
        width: 100%;
        margin-left: 0;
    }
    .link .link_img{
        width: 100%;
    }
    .tex{
        display: none;
    }
    .link img{
        width: 100%;
    }
    .sell{
        display: none;
    }
    header .header .ave{
        padding: 16px 11px;
        font-size: 15px;
    }
    header{
        position: absolute;
        left: 0;
        top: 0;
        width: 83%; 
    }
    .navbar{
        margin-bottom: 0;
    }
    .navbar-header{
        width: 21%;
        position: absolute;
        right: 14px;
        top: -2px;
        background: #434343;
        padding: 2px 0;
        z-index: 99;
    }
    .navbar-toggle{
		background: #FFFFFF;
	}
	.navbar-collapse{
		background: #FFFFFF;
    }
    .navbar .logo{
        display: none;
    }
    .navbar-nav{
        margin-top: 48px;
    }
    .container-fluid{
        padding-left: 0;
    }
    .navbar-nav>li{
        width: 115%;
        margin-left: -10%;
    }
    
    .sjj {
        width: 100%;
        overflow: hidden;
    }
    .sjj_img {
        width: 150%;
        margin-left: -26%;
    }
    footer .footer_copyright{
        display: none;
    }
    .bnav{
        display: none;
    }
    .touch{
        display: flex;
        flex-wrap: wrap;
    }
    .touch_d{
        display: block;
        width: 45%;
        margin-left: 4%;
    }
    .phone {
        width: 100%;
        margin-left: 0;
    }
    .phone_tex{
        width: 115px;
    }
    .phone_d {
        margin-left: 7%;
        display: flex;
        flex-wrap: wrap;
    }
    .whole {
        width: 55%;
    }
    .site{
        width: 50%;
    }
    .link{
        display: none;
    }
}    
@media (max-width: 700px){
    
    #container{
        margin-left: 0;
    }
    .ccontact_d1{
        margin-left: 0;
    }
    .navbar-nav{
        position: static;
    }
    .tex{
        display: none;
    }
    .navbar-nav{
        position: static;
    }
    
    .sjj {
        width: 100%;
        overflow: hidden;
    }
    .sjj_img {
        width: 150%;
        margin-left: -26%;
    }
    footer .footer_copyright{
        display: none;
    }
    .bnav{
        display: none;
    }
    .touch{
        display: flex;
        flex-wrap: wrap;
    }
    .touch_d{
        display: block;
        width: 45%;
        margin-left: 4%;
    }
    .phone{
        width: 100%;
        margin-left: 0;
    }
    .link{
        display: none;
    }
}
@media (max-width: 700px){
    #container{
        margin-left: 0;
    }
    .ccontact_d1{
        margin-left: 0;
    }
    footer .footer_copyright{
        display: none;
    }
    .bnav{
        display: none;
    }
    .navbar-nav{
        position: static;
    }
    .navbar .logo{
        display: none;
    }
    footer .footer_img{
        display: none;
    }
    .down{
        display: none;
    }
    .column{
        width: 100%;
        margin-left: 0;
    }
    .link .link_img{
        width: 100%;
    }
    .tex{
        display: none;
    }
    .link img{
        width: 100%;
    }
    .sell{
        display: none;
    }
    header .header .ave{
        padding: 16px 11px;
        font-size: 15px;
    }
    header{
        position: absolute;
        left: 0;
        top: 0;
        width: 83%; 
    }
    .navbar{
        margin-bottom: 0;
    }
    .navbar-header{
        width: 21%;
        position: absolute;
        right: 14px;
        top: -2px;
        background: #434343;
        padding: 2px 0;
        z-index: 99;
    }
    .navbar-toggle{
		background: #FFFFFF;
	}
	.navbar-collapse{
		background: #FFFFFF;
    }
    .navbar .logo{
        display: none;
    }
    .navbar-nav{
        margin-top: 48px;
    }
    .container-fluid{
        padding-left: 0;
    }
    .bnav p{
        padding-left: 10px;
    }
    .and_span3 {
        width: 3.6%;
    }
    
    footer .footer_copyright{
        display: none;
    }
    .bnav{
        display: none;
    }
    .touch{
        display: flex;
        flex-wrap: wrap;
    }
    .touch_d{
        display: block;
        width: 45%;
        margin-left: 4%;
    }
    .phone{
        width: 100%;
        margin-left: 0;
    }
    .link{
        display: none;
    }
    #indemo{
        height: 150px;
    }
    #demo1 img{
        width: 100px;
        height: 100px;
    }
    #demo2 img{
        width: 100px;
        height: 100px;
    }
    .swiper-slide img{
        width: 100%;
        height: 200px;
    }
    .gallery-top{
        height: 200px;
        width: 50%;
        display: flex;
        justify-content: center; 
    }
    .tex_dtex1 .gallery-thumbs{
        width: 66%;
        margin-left: 26%;
    }
    .gallery-thumbs img{
        height: 60px;
    }   
    .sjj_img {
        width: 150%;
        margin-left: -26%;
    }
    .sjj {
        width: 100%;
        overflow: hidden;
    }
    footer .footer_copyright{
        display: none;
    }
    .bnav{
        display: none;
    }
    .touch{
        display: flex;
        flex-wrap: wrap;
    }
    .touch_d{
        display: block;
        width: 45%;
        margin-left: 4%;
    }
    .phone{
        width: 100%;
        margin-left: 0;
    }
    .link{
        display: none;
    }
}

@media (max-width: 600px) {

    #successful ul{
        height: 160px;
        overflow: hidden;
    }
    .phone_d {
        margin-left: 7%;
    }
    .site {
        width: 100%;
    }
    .phone_tex {
        width: 230px;
    }
    .phone_d{
        margin-left: 7%;
    }


    .navbar-nav{
        position: static;
    }
    .navbar .logo{
        display: none;
    }
    footer .footer_img{
        display: none;
    }
    .down{
        display: none;
    }
    .column{
        width: 100%;
        margin-left: 0;
    }
    .link .link_img{
        width: 100%;
    }
    .tex{
        display: none;
    }
    .link img{
        width: 100%;
    }
    .sell{
        display: none;
    }
    header .header .ave{
        padding: 16px 3px;
        font-size: 15px;
    }
    .ccontact_d1 {
        margin-left: 0%;
    }
    header{
        position: absolute;
        left: 0;
        top: 0;
        width: 83%; 
    }
    .navbar{
        margin-bottom: 0;
    }
    .navbar-header{
        width: 21%;
        position: absolute;
        right: 14px;
        top: -2px;
        background: #434343;
        padding: 2px 0;
        z-index: 99;
    }
    .navbar-toggle{
		background: #FFFFFF;
	}
	.navbar-collapse{
		background: #FFFFFF;
    }
    .navbar .logo{
        display: none;
    }
    .navbar-nav{
        margin-top: 48px;
    }
    .container-fluid{
        padding-left: 0;
    }
    
    #banner{
        width: 100%;
        position: relative;
        left: 0;
        display: block;
        overflow: hidden;
    }
    #banner img{
        width: 150%;
        margin-left: -25%;
    }
    #banner_img{
        height: 230px;
        display: none;
    }
    #banner_img1{
        width: 100%;
        display: block;
    }
    .bottomlogo{
        width: 100%;
        overflow: hidden;
    }
    .bottomlogo img{
        width: 270%;
        margin-left: -84%; 
    }
    .tex .henan h5{
        text-indent: 2em;
    }
    .tex .henan h2::after{
        content: "";
        position: absolute;
        left: 47%;
        top: 24%;
        height: 2px;
        width: 8%;
        background-color: #000; 
    }
    .serve{
        display: none;
    }
    .service_servicr_p{
        display: none;
    }
    .main .main_d .main_d_img{
        width: 80%;
    }
    .main .main_d .print .print_d .goods img{
        width: 100%;
        margin-left: 0;
    }
    .main .main_d .print .print_d .goods .p1{
        text-align: center;
    }
    .main .main_d .print .print_d .goods .p2{
        display: none;
    }
    .main .main_d .print .print_d .goods .p3{
        display: none;
    }
    .main_d{
        width: 98%;
        margin-left: 1%; 
    }
    .company{
        display: none;
    }
    #case{
        width: 100%;
        overflow: hidden;
    }
    #case .case_img{
        width: 250%;
        margin-left: -74%; 
    }
    #case ul li{
        width: 45%;
        margin-left: 3%;
    }
    #case ul li img{
        width: 100%;
    }
    .seek_img{
        display: none;
    }
    .seek_img1{
        width: 100%;
        display:block;
    }
    .seek_seek img{
        display: none;
    }
    .brief{
        margin-left: 0;
    }
    .abstract_d p{
        width: 95%;
    }
    .abstract_d a{
        width: 64%;
    }
    .skill_d{
        background: url(../images/ans_06.png);
        display: flex;
        justify-content: space-between;
    }
    .skill_dd{
        margin-top: 0;
    }
    .and_span3{
        padding: 3px 0px 2px 4px;
        width: 7%;
    }
   
    footer .footer_copyright{
        display: none;
    }
    .bnav{
        display: none;
    }
    .touch{
        display: flex;
        flex-wrap: wrap;
    }
    .touch_d{
        display: block;
        width: 45%;
        margin-left: 4%;
    }
    .phone{
        width: 100%;
        margin-left: 0;
    }
    .link{
        display: none;
    }
    #indemo{
        height: 150px;
    }
    #demo1 img{
        width: 100px;
        height: 100px;
    }
    #demo2 img{
        width: 100px;
        height: 100px;
    }
    .swiper-slide img{
        width: 100%;
        height: 200px;
    }
    .gallery-top{
        height: 200px;
        width: 80%;
        display: flex;
        justify-content: center; 
    }
    .gallery-thumbs img{
        height: 60px;
    }
    .bt p{
        width: 27%;
        text-align: center;
        background: #1691e1;
        margin-left: 2%;
        margin-top: 0px;
        padding: 9px 0 0 0;
        color: #fff; 
    }
    .goods_d p{
        font-size: 12px;
    }
    .sjj{
        display: none;
    }
    .cad{
        display: block;
    }

    #container {
        position: absolute;
        top: 73%;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 405px;
    }
    .ccontact_d2{
        height: 190px;
    }
    .bt{
        margin-top: 0;
    }
    .texx .henan h2{
        display: none;
    }
    .texx .henan h2::after{
        top: 21%;
    }
    .texx .henan .phn{
        margin-top: 5%;
    }
    .texx .henan .p{
        text-indent: 2em;
        width: 94%;
    }
    .service{
        display: none;
    }
    .centrallogo_img1{
        display: none;
    }
    .centrallogo_img2{
        display: block;
    }
    .skill{
        margin-top: 6%;
    }
    
    .sjj {
        width: 100%;
        overflow: hidden;
    }
    .sjj_img {
        width: 150%;
        margin-left: -26%;
    }
    #container{
        margin-left: 0;
    }
    .centrallogo img{
        width: 114%;
        margin-left: -14%; 
    }
}
@media (max-width: 320px){
    header {
        position: absolute;
        left: 0;
        top: 0;
        width: 80%;
        height: 53px;
    }
    header .header .ave {
        padding: 16px 7px;
        font-size: 12px;
    }
}