@media (max-width:1200px){
    .bas{
        width: 99%;
    }
    .case_d{
        width: 100%;
    }
    .head_d{
        margin-left: 46%;
    }
    #case {
        margin-top: 40px;
    }
    .bb{
        height: 353px;
    }
    .case_p1{
        margin-top: 11%;
    }
    .box{
        margin-left: -227px;
        margin-top: 26px;
    }
    .si_p3{
        width: 454px;
    }
    .us_p{
        margin-top: 40px;
    }
    .us_d{
        width: 65%;
    }
    #spot ul li{
        height: 290px;
    }
    .spot_a div{
        margin-top: 25%;
        margin-left: 3.5%;
    }
    .nrightp img{
        margin-left: 0;
    }
    .foot_yd_top p{
        width: 200px;
    }
    .foot_yd_tel{
        background: #EF2416 url(https://www.hxjq.cn/images/yd_tel.png) no-repeat 2% 6px;
    }
    .foot_yd_tel .zi{
        margin-left: -4%;
    }
    .pro_ad li{
        height: 80px;
    }
    .news_p3{
        width: 100%;
        height: 20px;
        overflow: hidden;
    }
    .print_dd{
        height: 190px;
    }
    .goodsa{
        height: 160px;
    }
    .bottom_bottom{
        display: block;
        position: sticky;
        bottom: -2px;
        left: 0;
        width: 100%;
        background:#0385ea;
        display: block;
        z-index: 999;
    }
    .bottom_bottom nav{
       display: flex;
       justify-content: space-between;
    }
    .bottom_bottom nav a{
        padding: 12px 17px;
        color: #fff;
        text-decoration: none;
    }
}
@media (max-width:850px){
    
    .syp{
        width: 100%;
    }
    .xyp{
        width: 100%;
    }
    .bb:hover .case_d{
        display: none;
    }
    .bb:hover .case_a div{
        display: none;
    }
    .tabpanel_div:hover .goodss{
        display: none;
    }
    .tabpanel_div:hover .goodsss{
        display: none;
    }
    .pro_tel p{
        font-size: 30px;
    }
    .mtjj1{
        margin-left: 31%;
    }
    .gsd_p1{
        margin-left: 33%;
    }
    .head_d{
        margin-left: 36%;
    }
    .tel{
        display: none;
    }
    .product_dd{
        background: url(../images/more.jpg) no-repeat center;
    }
    .case_p2{
        height: 80px;
        overflow: hidden;
    }
    .bb {
        height: 279px;
    }
    .case_p3{
        margin-left: 25%;
    }
    .company_d{
        width: 100%;
    }
    .company_dd{
        left: 0;
    }
    .companyd{
        left: 0;
    }
    .box{
        margin-left: 2%;
    }
    .companyd a{
        display: none;
    }
    .sj{
        margin-left: 32%;
    }
    .sj_p1{
        margin-left: 32%;
    }
    .si_p2{
        display: none;
    }
    .si_p3{
        width: 68%;
        margin-left: 16%;
        margin-top: 8%;
    }
    .box{
        margin-top: 10%;
    }
    .cilun a{
        margin-left: 27%;
    }
    .us_p1{
        display: none;
    }
    .us_dd{
        margin-left: 0;
    }
    .su a{
        margin-top: 70px;
    }
    #spot ul li {
        height: 230px;
        margin-left: 2%;
        margin-right: 1%;
    }
    .spot_a div{
        width: 100%;
        margin-left: 0;
    }
    .zysc_p2{
        width: 90%;
        overflow: hidden;
        margin-left: 9%;
        height: 18px;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .zysc_p11{
        margin-top: 7px;
        margin-bottom: 5px;
    }
    .city{
        display: none;
    }
    .linkname{
        width: 12%;
    }
    .links{
        width: 83%;
    }
    .bottom_d2_d a{
        width: 100%;
    }
    #gs ul{
        height: 300px;
    }
    .igm{
        display: none;
    }
    .gsjj_d{
        width: 100%!important;
        margin: 0;
        line-height: 2;
    }
    .biaoti{
        margin-bottom: 3%;
    }
    .print_dd_p{
        font-size: 22px;
    }
    .goodsa{
        height: 120px;
    }
    .print_dd{
        height: 150px;
    }
    .print_ddt{

        height: 150px;
    }
    .goodssa{
        display: none;
    }
    .print_dd:hover .goodssa{
        display: none;
    }
    .nright{
        display: none;
    }
    .nnav{
        width: 100%;
    }
    .tell{
        display: block;
    }
    .foot_yd_tel .zi{
        display: none;
    }
    .foot_yd_con{
        font-size: 20px;
    }
    .lxwm p{
        margin-bottom: 5px;
    }
    .fw-info ul li{
        width: 27%;
    }
}
@media (max-width:450px){
    .navbar-light a{
        width: 32%;
    }
    .nnav img{
        width: 100%!important;
    }
    .foot_yd{
        margin-left: 3%;
    }
    .nleft{
        width: 100%;
    }
    .tjcp_d{
        width: 48%;
    }
    .logo {
        float: left;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .head_p{
        width: 100%;
        text-align: center;
    }
    .head_d{
        display: none;
    }
    .head_d1{
        display: none;
    }
    .header{
        width: 100%;
        overflow: hidden;
    }
    .header img{
        width: 100%;
    }
    .nav ul li{
        width: 33.333%;
        height: 40px;
        line-height: 40px;
        
		border-bottom:1px solid #fff;
    }
	
.nav ul li:nth-child(1) {
    display: none;
}

    #banner img {
        width: 140%;
        margin-left: -24%;
    }
    .product_d{
        background: url(../images/prback.jpg) no-repeat center center;
    }
    .product_dd{
        margin-bottom: 20px;
    }
    .mtj{
        width: 31%;
        margin-bottom: 1%;
        margin-left: 1%;
    }
    .bb {
        height: 156px;
		position: relative;
display: block;
width: 49%;
float: left;
margin-right: 1%;
height: 167px;
overflow: hidden;
margin-bottom: 1%;

    }
	.aa {    position: absolute;
    display: block;
    text-align: center;
    padding: 10px;}
	.nylb{ display:none;}
    .ip1{
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        position: absolute;
        bottom: 9%;
    }
    #case {
        margin-top: 20px;
    }
    .company{
        margin-top: 30px;
    }
    .sj{
        margin-left: 5%;
    }
    .sj_p1{
        margin-left: 5%;
    }
    .si_p3{
        margin: 0;
    }
    .si_p3{
        width: 98%;
        margin-left: 2%;
    }
    .box{
        display: none;
    }
    .company{
        height: 366px;
    }
    .company_d{
        height: 366px;
    }
    .superiority {
        margin-top: 30px;
    }
    .superiority_d{
        background: url(../images/advant.jpg) no-repeat center;
    }
    .superiority_p2{
        font-size: 12px;
    }
    .cilun:nth-child(2){
        display: none;
    }
    .cilun{
        width: 47%;
        margin-top: 30px;
    }
    .su{
        display: none;
    }
    .us_d{
        width: 100%;
    }
    .us_p{
        margin-left: 4%;
    }
    .cases{
        background: url(../images/caseback.jpg) no-repeat center;
    }
    .mtjj1{
        margin-left: 11%;
    }
    #spot {
        margin-top: 30px;
    }
    #spot ul li:hover .spot_d{
        display: none;
    }
    #spot ul li:hover .spot_a{
        display: none;
    }
    #spot ul li {
		    width: 47%;
        height: 113px;
    }
    .casess{
        margin-top: 30px;
        background: url(../images/newsback.jpg) no-repeat center;
    }
    .gsd_p1{
        margin-left: 15%;
    }
    .abc{
        display: none;
    }
    .bcd{
        width: 95%;
    }
    .link{
        display: none;
    }
    .bottom{
        margin-top: 5%;
    }
    .kefu{
        margin-left: 6%;
    }
    .bottom_d1{
        display: none;
    }
    .bottom_d2{
        display: none;
    }
    .bottom_d{
        width: 100%;
    }
    .bottom_d_p{
        text-align: center;
    }
    .bottom_dd p{
        width: 100%;
        text-align: center;
    }
    .digital li{
        width: 47%;
    }
    .print_ddt{
        display: none;
    }
    .print_dd{
        width: 21%;
    }
    .print_dd{
        height: 100px;
    }
    .goodsa{
        height: 80px;
    }
    .box2{
        display: none;
    }
    .nylb{
        width: 100%;
    }
    .gallery-top{
        margin-left: 10%;
    }
    .gallery-thumbs{
        height: 123px;
    }
    .gallery-thumbs img{
        width: 100%;
    }
    .gallery-thumbs .swiper-slide-active{
        margin-left: 13%;
    }
    .ntexx li{
        width: 96%;
        margin-left: 2%;
    }
    .w1:nth-child(3){
        display: none;
    }
    .foot_yd_top .w1{
        width: 50%;
    }
    .foot_yd_top p span{
        font-size: 14px;
    }
    .w1_p3{
        margin-left: 15%;
    }
    .foot_yd_tel{
        width: 95%;
    }
    
    .news_d:nth-child(even) {
        margin-left: 0;
    }
    .news_d{
        width: 96%;
        margin-left: 2%!important;
    }
    .listpage a{
        width: 14%;
    }
    .nnav {
        width: 95%;
        margin-left: 4%;
    }
    .apa1{
        margin-bottom: 20px;
    }
    .tabpanel_div{
        width: 45%;
        margin-left: 3%;
    }
    .limg{
        display: none;
    }
    .lxwm p{
        width: 100%;
    }
    .h3{
        width: 43%;
    }
    .ccontact_d2{
        width: 92%;
        height: 400px;
        margin-left: 4%;
    }
    .fw-info h3{
        width: 38%;
    }
    .fw-info ul li{
        width: 42%;
        margin-left: 6%;
    }
    .fw-info ul li:nth-child(2){
        display: none;
    }
    .fw-info ul{
        margin-left: 0;
    }
    #recommenddd{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .nbanner img{
        width: 132%;
    }
    .nnavv{
        width: 100%;
    }
}