/* 导航栏 begin */
.navbar{
    /* z-index: 2;
    position: sticky;
    top:0; */
    margin-top:-5px;
    background-color: #0085d1;
    height: 80px;
}
.navbar a{
    text-decoration: none;
}
.navbar ul{
    width:1200px;
    margin:0 auto;
    padding:0;
    list-style: none;
    display:box; display:-webkit-box; display:-moz-box; 
}
.navbar li{
    position: relative;
    box-flex:1; -webkit-box-flex:1; -moz-box-flex:1; 
    text-align: center;
    line-height: 80px;
}
.navbar li::after{
    position: absolute;
    right:0;
    top:50%;
    margin-top:-15px;
    display: inline-block;
    content:'';
    width:1px;
    height: 30px;
    background-color: #fff;
}
.navbar ul>li:last-child::after{
    background-color: transparent;
}
.navbar li>a{
    display: block;
    color:#fff;
    font-size:18px;
    /* 限制一行 */
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
    /* active */
.navbar li.active>a{
    font-size:24px;
    font-weight: bold;
}
.navbar li.active::before{
    position: absolute;
    bottom:0;
    left:50%;
    transform: translateX(-50%);
    content:'';
    width: 0; 
    height: 0; 
    border-width: 15px;
    border-style: solid;
    border-color:transparent transparent #fff transparent;
}
/* 导航栏 end */

.xmbj .inner,
.proshow .inner,
.tzshow .inner,
.case .inner,
.sgyd .inner
{
    width:1200px;
    margin:0 auto;
    font-size:18px;
    line-height: 28px;
    color:#999;
    padding-bottom:50px;
}
p{
    margin:0;
}
.clearfix::after{
    display: block;
    height: 0;
    content:'';
    clear: both;
}
/* 项目背景 begin */
.xmbj .inner .txt{
    position: relative;
    float: left;
    width:510px;
    height: 345px;
}
.xmbj .inner .txt>p{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
}
.xmbj .inner img{
    float: right;
    width:615px;
    height: 345px;
}
/* 项目背景 end */

/* 适用产品展示 begin */
.proshow ul{
    margin:0;
    padding:0;
    list-style-type: none;
}
.proshow li{
    float: left;
    width:275px;
    height: 275px;
    margin-right:25px;
    margin-bottom:30px;
}
.proshow ul>li:nth-child(4n){
    margin-right: 0;

}
.proshow li>img{
    width:100%;
    height: 100%;
}
/* 适用产品展示 end */

/* 图纸展示 begin */
.tzshow ul{
    margin:0;
    padding:0;
    list-style-type: none;
}
.tzshow li{
    float: left;
    width:595px;
    height: 365px;
    margin-right:10px;
    /* margin-bottom:30px; */
}
.tzshow ul>li:nth-child(2n){
    margin-right: 0;
}
.tzshow li>img{
    width:100%;
    height: 100%;
}
/* 图纸展示 end */

/* 施工要点 begin */
.sgyd ol{
    margin:0;
    padding:0;
    list-style: none;

}
.sgyd ol>li{
    position: relative;
    padding-left:45px;
    margin-bottom:20px;
}
.sgyd ol>li>span{
    position: absolute;
    top:0;
    left:0;
    width:28px;
    height:28px;
    line-height: 28px;
    text-align:center;
    background-color: #ff9200;
    color:#fff;
    transform: rotate(45deg);
}
.sgyd ol>li>span>i{
    display: block;
    font-style: normal;
    transform: rotate(-45deg);

}


/* 施工要点 end */

/* 工程案例 begin */
.case {
    padding-bottom:150px;
}
.case ul{
    margin:0;
    padding:0;
    list-style-type: none;
}
.case li{
    float: left;
    width:375px;
    height: 370px;
    margin-right:30px;
    /* margin-bottom:30px; */
}
.case ul>li:nth-child(3n){
    margin-right: 0;
}
.case li>img{
    width:100%;
    height: 100%;
}
/* 工程案例 end */