.nav-pic {
    width: 100%;
    height: 500px;
    background: url(../../imgs/products.jpg) no-repeat center;
    background-position: center;
    background-repeat:  no-repeat;
    background-size: cover;
}
.knows {
    margin: 0 0 50px 0;
    width: 100%;
    height: 250px;
    background: #F3F3F3;
}
.knows-title {
    margin: 0;
    background-position: 60px 15px;
    background-image: url(../../imgs/product_know.png);
}
.service-title {
    background-image: url(../../imgs/service.png);
}
.foot-product{
    padding: 35px 0 0 30px;
    box-sizing: border-box;
    counter-reset: show-list;
}
.foot-product p {
    position: relative;
    font-weight: bold;
    line-height: 30px;
    color: #333;
    counter-increment: item;
}
.foot-product p::before {
    content: counter(item)"、";
    display: block;
    position: absolute;
    left: -20px;
    top:0;
}
.map {
    width: 600px;
    height: 480px;
    border: 1px solid #999;
}
.service {
    margin: 80px auto;
}
.address {
    display: flex;
    align-items: center;
}
.address  label {
    font-weight: bold;
}
