@media screen and (max-width: 400px) {
    #contar:hover .prev {
        display: none;
    }

    #contar:hover .next {
        display: none;
    }

    #tabs {
        position: absolute;
        left: 40%;
        bottom: 5%;
    }

    .tab {
        float: left;
        margin-right: 15px;
        width: 8px;
        height: 8px;
        background: #d3d1d2;
        opacity: 0.5;
        cursor: pointer;
    }

}

@media screen and (min-width:1200px) {
    .con {
        width: 80%;
    }

}

/*工程案例*/

.banq{
    position: absolute;
    z-index: 9;
    margin: auto;
    width: 100%;
    top: 25%;
    /* color: #fff !important; */
}
.bv{
    text-align: center;
    margin-top: 2%;
    font-size: 18px;
    text-align: center;
     color: #fff;
    
}
#bannerq {
    width: 100%;
    position: relative;
    border-radius: 10px;
    margin-top: 0.4rem;
}

.bl {
    margin-bottom: 0.8rem;
    line-height: 30px;
    margin-top: 0.6rem;
}

#tabsq {
    position: absolute;
    left: 10%;
    bottom: 13%;
    display: block;
}

.tabq {
    width: 80px !important;
    height: 80px;
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
    background: none !important;
    cursor: pointer;
    color: #fff !important;
    font-size: 22px;
    padding: 4px 17px;
    font-family:PingFang-SC-Bold ;
}

.aceq {
    background: #165399 !important;
    opacity: 1 !important;
}

.items {
    width: 100%;
    height: 100%;
    display: flex;
}

.df {
    width: 1px !important;
    height: 0.5rem;
    background: #fff;
   margin: 28% auto;
}

.xs {
    color: #333333;
    /* font-weight: 100; */
    font-size: 22px !important;
    line-height: 26px !important;
    /* margin-top: 10px; */
    text-align: left !important;
    padding-top: 0.2rem !important;
    margin: 0 !important;
   
}

.nod {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    height: 0.7rem;
    width: 90%;
    margin: auto;
    border-bottom: 1px solid #e2dfdf;
}

.ts {
    text-align: left;
    font-size: 14px;
    padding: 0 0 0.1rem 0 !important;
}

.ts1 {
    text-align: left;
      font-size: 18px;
    padding: 0.1rem 0 !important;
}

.hg li {
    width: 100% !important;
    padding: 0.2rem 0rem;
    height: initial !important;
    margin: 0 !important;
    background: none !important;
    border-bottom: 1px solid #e2dfdf;
    box-shadow: none !important;
}

.fv {
    width: 100%;
    height: 5.1rem;
    margin-top: 0.6rem;
    background: url(../../web/2.png) no-repeat;
    background-size: 100% 100%;
}

.fv ul {
    width: 100%;
    height: 100%;
}

.fv ul li {
    width: 20%;
    height: 100%;
    color: #fff;
    border-right: 1px solid rgba(255,255,255,0.4);
    margin: auto;
    text-align: center;
}

#bm{
    background: #fff;
}

.cvs {
    display: none;
    padding: 0 20%;
    text-align: left !important;
    font-size: 16px !important;
}

.nms {
    font-size: 22px !important;
    margin: auto;
    text-align: center;
    position: absolute !important;
}

.fb:hover .cv {
    display: block;
    /* transform: translateY(-100%); */
    transition: all 5s ease-in-out;
}

.fb:hover .nm {
    position: absolute !important;
    top: 1rem !important;
     padding: 0 20%;
    text-align: left !important;
}

.fb1:hover .cv1 {
    display: block;
    /* transform: translateY(-100%); */
    transition: all 5s ease-in-out;
}

.fb1:hover .nm1 {
    position: absolute !important;
    top: 1rem !important;
      padding: 0 20%;
    text-align: left !important;
}

.fb2:hover .cv2 {
    display: block;
    /* transform: translateY(-100%); */
    transition: all 5s ease-in-out;
}

.fb2:hover .nm2 {
    position: absolute !important;
    top: 1rem !important;
      padding: 0 20%;
    text-align: left !important;
}

.fb3:hover .cv3 {
    display: block;
    /* transform: translateY(-100%); */
    transition: all 5s ease-in-out;
}

.fb3:hover .nm3 {
    position: absolute !important;
    top: 1rem !important;
      padding: 0 20%;
    text-align: left !important;
}

.fb4:hover .cv4 {
    display: block;
    /* transform: translateY(-100%); */
    transition: all 5s ease-in-out;
}

.fb4:hover .nm4 {
    position: absolute !important;
    top: 1rem !important;
     padding: 0 20%;
    text-align: left !important;
}

/*媒体查询*/
@media screen and  (min-width:1200px) and (max-width:1300px){
#tabsq {
    position: absolute;
    left: 10%;
    bottom: 0;
    display: block;
}
}
@media screen and (min-width:920px) and (max-width:1199px){
    #zy {
       height: 6rem;
    }
   
.fb2:hover .cv2{
    top: 30%;
}
.fb2:hover .nm2{
    top: 0.4rem;
}
.fb3:hover .cv3{
    top: 30%;
    line-height: 34px;
}
.fb3:hover .nm3{
    top: 0.4rem;
}
.fb4:hover .cv4{
    top: 30%;
}
.fb4:hover .nm4{
    top: 0.4rem;
}
#tabsq {
  
    display: none;
}
#zu{
    padding: 0 0 0 0 !important;
}
}
@media screen and (min-width:768px) and (max-width:919px){
.fb2:hover .cv2{
    top: 30%;
    line-height: 30px;
}
 .nj{
                    height: 180px;
            }
.fb2:hover .nm2{
    top: 0.4rem;
}
.fb3:hover .cv3{
    top: 30%;
    line-height: 30px;
}
.fb3:hover .nm3{
    top: 0.4rem;
}
.fb4:hover .cv4{
    top: 30%;
    line-height: 30px;
}
.fb4:hover .nm4{
    top: 0.4rem;
}
.hg li{
    height: 1.5rem !important;
}
#tabsq {
  
    display: none;
}
#zu{
    padding: 0 0 0 0 !important;
}
}
@media screen and (min-width:1200px) and (max-width:1899px){
    .xinwne{
        padding-bottom: 0 !important;
         height: 450px !important;
    }
    .nomargins{
        height: 450px !important;
    }
    #zy li a img{
        height: 260px ;
    }
}
@media screen and (min-width:500px) and (max-width:767px){
     .index-con li a{
        width: unset;
    }
.hg li{
    height: 1.5rem !important;
}
.df{
 margin: 28% auto !important;
}
    .fv{
        background-size: cover;
        height: 6rem;
    }
    #bm ul li p{
       top: 35%;
    }
    
.mb045{
        padding-top: 0.65rem;
}
#gh{
    margin-bottom: 0.3rem !important;
    padding-top: 0.5rem ;
}
.df{
   margin: 28% auto !important;
}
.fv ul li{
    border-right: unset;
    height:20%;
    width: 100% !important;
    border-bottom: 1px solid rgba(255,255,255,0.4);
}
.cvs{
    padding: 0 5%;
}
.fb:hover .nm{
    top: 10% !important;
    padding: 0 5%;
}
.fb1:hover .nm1{
    top: 10% !important;
    padding: 0 5%;
}
.fb2:hover .nm2{
    top: 10% !important;
    padding: 0 5%;
}
.fb3:hover .nm3{
    top: 10% !important;
    padding: 0 5%;
}
.fb4:hover .nm4{
    top: 10% !important;
    padding: 0 5%;
}
.nms{
    top: 25% !important;
}

  #bm ul li {
        float: none !important;
        }
.cvs{
    font-size: 16px !important;
}
.fv{
    margin-top: 0.3rem;
}
#bm{
    background: none !important;
}
#tabsq {
  
    display: none;
}
#zu{
    padding: 0 0 0 0 !important;
}
#zy{
    display: initial !important;
}
 .bn {
            margin-bottom: 15px !important;
        }
}
@media screen and (min-width:320px) and (max-width:499px){
    .content{
        width: 100%;
    }
    .index-con li a{
        width: unset;
    }
    #fhs li{
        margin-bottom: 15px !important;
    }
    #bannerq{
        margin-top: 0 !important;
    }
    .navigation{
        background-color: #fff;
    }
    .fv{
        background-size: cover;
        height: 6rem;
    }
    #bm ul li p{
       top: 35%;
    }
    .hj{
        font-size: 16px;
    }
.hg li{
    height: 1.5rem !important;
}
.mb045{
        padding-top: 0.65rem;
}
#gh{
    margin-bottom: 0.3rem !important;
    padding-top: 0.5rem ;
}
.df{
   margin: 28% auto !important;
}
.fv ul li{
    border-right: unset;
    height:20%;
    width: 100% !important;
    border-bottom: 1px solid rgba(255,255,255,0.4);
}
.cvs{
    padding: 0 5%;
}
.fb:hover .nm{
    top: 10% !important;
    padding: 0 5%;
}
.fb1:hover .nm1{
    top: 10% !important;
    padding: 0 5%;
}
.fb2:hover .nm2{
    top: 10% !important;
    padding: 0 5%;
}
.fb3:hover .nm3{
    top: 10% !important;
    padding: 0 5%;
}
.fb4:hover .nm4{
    top: 10% !important;
    padding: 0 5%;
}
.nms{
    top: 25% !important;
}

  #bm ul li {
        float: none !important;
        }
.cvs{
    font-size: 16px !important;
}
.fv{
    margin-top: 0.3rem;
}
#bm h3{
    margin-top: 0.5rem;
}
#zy li:nth-child(2){
    margin-top: 16px !important;
}
#zy li:nth-child(3){
    margin-bottom: 30px !important;
}
#tabsq {
    display: none;
}
#zu{
    padding: 0 !important;
}
#bm{
    background: none !important;
    padding: 0 0.3rem;
}
#zy{
    display: initial !important;
}
.bn {
    margin-bottom: 15px !important;
}
.banq{
    top: 0;
}
#nmlq {
    padding-bottom: 0.6rem !important;
}
}



        @media screen and (min-width:1900px) {
            #fhs {
                width: 100%;
                display: flex;
                justify-content: space-between;
                align-items: end;
            }

            .nomargin img {
                width: auto !important;
            }

            .nomargin1 {
                width: unset !important;
            }

            .nomargin {
                width: min-content !important;
            }

            #zy {
                height: 5rem;
                display: flex;
                justify-content: space-between;
            }

            /* .xinwne {
                width: 478px !important;
            } */

        }

        @media screen and (min-width:1500px) {
            .nomargin1 {

                height: 100% !important;

                padding-bottom: 4%;
            }
            .nj{
                    height: 260px;
            }
            .nomargin {

                height: 100% !important;

                padding-bottom: 1.1%;
            }

            /* .xinwne {
                height: 100% !important;
                padding-bottom: 3%;
            } */

        }

        @media screen and (min-width:900px) and (max-width:1300px) {
            .ts1 {
                font-size: 14px;
            }
             .nj{
                    height: 180px;
            }


        }

        @media screen and (min-width:2200px) and (max-width:2799px) {
            #fhs li {
                height: 400px !important;
            }
        }

        @media screen and (min-width:2800px) and (max-width:3500px) {
            #fhs li {
                height: 500px !important;
            }
        }

        #bm ul li {
            float: left;
            position: relative;
        }

        .nms {
            width: 100%;
            position: absolute;
            /* text-align: center; */
            font-size: 26px;
            /* color: #fff; */
            /* line-height: 45px; */
            top: 40%;
            left: 0;
            z-index: 1;
        }

        .cvs {
            width: 100%;
            position: absolute;
            /* text-align: center; */
            font-size: 26px;
            /* color: #fff; */
            /* line-height: 45px; */
            top: 40%;
            left: 0;
            z-index: 1;
        }