@font-face {
    font-family: 'p';
    src : url('../fonts/Poppins-Regular.ttf');
}

@font-face {
    font-family: 'pb';
    src : url('../fonts/Poppins-Bold.ttf');
}
html,
body {
    position: relative;
    height: 100%;
    font-family: p;
}
ul,li{
    list-style-type: none;
}
a{
    text-decoration: none;
}

body {
    background: #eee;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: .14rem;
    color: #000;
    margin: 0;
    padding: 0;
}
.swiper_nav_Tbar a{
    color: #fff !important;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: .18rem;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-v {
    background: #eee;
}

/* 2 */
.concretePumpBox{
    width: 100%;
    height: 100%;
    background-image: url('../img/home1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.concretePumpBox_l{
    width: 3.75rem;
    height: 4.38rem;
    text-align: left;
    padding-top: .7rem;
    padding-right: .5rem;
}
.concretePumpBox_lmsg{
    font-size: .18rem;
    word-wrap: break-word;
    line-height: .30rem;
    font-family: 'p';
}
.concretePumpBox_lbtn{
    width: 2.21rem;
    height: .55rem;
    background-image: linear-gradient(50deg,#f4541a,#fe8d61);
    border-radius: .4rem;
    font-size: .14rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .5rem;
    cursor: pointer;
}
.concretePumpBox_R{
    /* position: absolute;
    right: 2.6rem;
    top: 5rem; */
    display: flex;

}
.concretePumpBox_position{
    display: flex;
}
.concretePumpBox_lImg{
    width: 6.17rem;
    height: 6.17rem;
    border-radius: 5rem;
    border: .01rem solid #8caad3;
    display: flex;
    justify-content: center;
    align-items: center;
}
.concretePumpBox_lImg>img{
    width: 5.82rem;
    height: 5.82rem;
    border-radius: 5rem;
}
.concretePumpBox_RNav_Li{
    display: flex;
    /* justify-content: center; */
    align-items: center;
    margin-top: .23rem;
    cursor: pointer;
}
.concretePumpBox_RNav_LiIcon{
    width: .74rem;
    height: .74rem;
    border-radius: 5rem;
    background-repeat: no-repeat;
    background-size: cover;
    border: .02rem solid #ffffff;
    background-image: url('../img/home2.jpg');
    margin: 0 .23rem 0 .14rem;
}
.concretePumpBox_RNav_LiIcon1{
    width: .74rem;
    height: .74rem;
    border-radius: 5rem;
    background-repeat: no-repeat;
    background-size: cover;
    border: .02rem solid #ffffff;
    background-image: url('../img/home3.jpg');
    margin: 0 .23rem 0 .14rem;
}
.concretePumpBox_RNav_LiIcon2{
    width: .74rem;
    height: .74rem;
    border-radius: 5rem;
    background-repeat: no-repeat;
    background-size: cover;
    border: .02rem solid #ffffff;
    background-image: url('../img/home4.jpg');
    margin: 0 .23rem 0 .14rem;
}
.concretePumpBox_RNav_LiIcon3{
    width: .74rem;
    height: .74rem;
    border-radius: 5rem;
    background-repeat: no-repeat;
    background-size: cover;
    border: .02rem solid #ffffff;
    background-image: url('../img/home5.jpg');
    margin: 0 .23rem 0 .14rem;
}
.concretePumpBox_RNav_LiIcon4{
    width: .74rem;
    height: .74rem;
    border-radius: 5rem;
    background-repeat: no-repeat;
    background-size: cover;
    border: .02rem solid #ffffff;
    background-image: url('../img/home6.jpg');
    margin: 0 .23rem 0 .14rem;
}
.concretePumpBox_RNav_Lititle{
    width: 2.14rem;
    word-wrap: break-word;
    font-size: .18rem;
    color: #ffffff;
    text-align: left;
    font-family: 'p';
}
.concretePumpBox_RNav{
    padding-top: .46rem;
    margin-left: .26rem;
}
.concretePumpBox_position{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
/* 3 */
.ProjectCasesBox{
    width: 100%;
    height: 100%;
    background-image: url('../img/home55.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
}
.ProjectCasesBox{
    display: flex;
    justify-content: end;
    align-items: center;
}
#demo {
 width:12.47rem; 
 float:right; 
 overflow:hidden;
 height:5.44rem; 
 border:none;
}
#indemo {
    float: left;
    width: 800%;
}
#demo1,#demo2{
    height:5.44rem;
    float:left; 
    display:inline-table;
}
#demo1 li,#demo2 li{ 
    width:4.36rem; 
    height:5.44rem; 
    float:left; 
    margin-right: .27rem;
    position: relative;
    /* padding-left:8px;  */
}
.demo1M{
    width: 100%;
    height: 1.48rem;
    position: absolute;
    bottom: 0;
    background-image: url('../img/icon4.png');
    background-repeat: no-repeat;
    background-size: cover;
    /* background: linear-gradient(#ccd1d7, #1254a7); */
    display: flex;
    /* opacity: 0.9; */
    align-items: end;
}
.demo1M>div{
    font-size: .18rem;
    text-align: left;
    color: #ffffff;
    width: 3.02rem;
    word-wrap: break-word;
    padding: 0 0 .32rem .26rem;
}
.demo1M>img{
    margin: 0 0 .32rem .26rem;
}
#demo1 li img,#demo2 li img{ 
    width: 4.36rem;
    height: 100%;
    display:block; 
    background:#ccc;
}#demo1 {
    float: left;
}
#demo2 {
    float: left;
}
ul,li,div{
    margin:0; 
    padding:0; 
    font-size:.12rem;
    list-style-type: none;
}
.demoBut{
    position: absolute;
    bottom: -.5rem;
    left: 0;
    display: flex;
}
.demoBut>div{
    width: .45rem;
    height: .45rem;
    text-align: center;
    line-height: .45rem;
    color: #ffffff;
    font-size: .3rem;
    border: .01rem solid #ffffff;
}
/* 4 */
.ConstructionBox{
    width: 100%;
    height: 100%;
    background-image: url('../img/home66.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
}
.ConstructionBox_title{
    width: 100%;
    display: flex;
    justify-content: center;
}
.ConstructionBox_title>div{
    width: 9.97rem;
    color: #ffffff;
    font-size: .72rem;
    font-family: 'bar';
    word-wrap: break-word;
}
.ConstructionBox_content{
    display: flex;
    width: 100%;
    display: flex;
    justify-content: center;
}
.ConstructionBox_contentLi{
    width: 13.80rem;
    display: flex;
    justify-content: space-between;
    margin-top: .58rem;
}
.ConstructionBox_contentNum{
    cursor: pointer;
}
.ConstructionBox_contentT{
    color: #ffffff;
    font-size: .82rem;
    display: flex;
}
.ConstructionBox_contentT>div{
    color: #ffffff;
    font-size: .82rem;
    font-family: 'bar';
}
.ConstructionBox_contentC{
    max-width: 2.82rem;
    /* height: .8rem; */
    word-wrap: break-word;
    color: #ffffff;
    font-size: .18rem;
    text-align: left;
    background: rgba(27,60,117,0.5);
    /* line-height: .2rem; */
    padding: .19rem;
}
/* 5 */
.OurServiceBox{
    width: 100%;
    height: 100%;
    background-image: url('../img/home7.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
}
.OurServiceBox_title{
    width: 100%;
    display: flex;
    justify-content: center;
}
.OurServiceBox_titleC{
    width: 9.97rem;
    color: #ffffff;
    font-size: .72rem;
    font-family: 'bar';
    word-wrap: break-word;
}
.OurServiceBox_content{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 1.52rem;
}
.OurServiceBox_contentLi{
    width: 2.79rem;
    height: 3.06rem;
    background: rgba(40,86,144,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 0.01rem solid #ffffff;
    transition: 0.4s;
}
.OurServiceBox_contentLi:last-child{
    border-right:none;
}
.OurServiceBox_contentLi_Icon{
    width: 1.08rem;
    height: 1.08rem;
    background: #ffffff;
    border-radius: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.OurServiceBox_contentLi_title{
    width: 2.07rem;
    color: #ffffff;
    font-size: .20rem;
    word-wrap: break-word;
}
.OurServiceBox_contentui{
    display: flex;
}
.navstops{
    transition: 0.4s;
    margin-top: -0.1rem;
    cursor: pointer;
    background: rgba(16,48,86,0.5);
  }

.swiper-v {
    background: #eee;
}
.swiper_nav{
    width: 100%;
    height: 1.12rem;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    z-index: 10;
    border-bottom:0.01rem solid rgba(239,239,247,0.1) ;
}
.swiper_nav_center>img{
    width: 1.80rem;
    height: .52rem;
}
.swiper_nav_center{
    width: 13rem;
    height: 1.12rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.swiper_nav_Tbar{
    display: flex;
}
.swiper_nav_Tbar>div{
    margin: 0 .18rem;
    font-size: .26rem;
    color: #ffffff;
    cursor:pointer;
}