.content ul{
    /*text-align: center;*/
    width: 40%;
    margin: 0 auto;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    display: flex;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-evenly;
    align-items: center;
}
.content li{
    list-style: none;
    float: left;
    width: 24%;
}
.content li>a.active{
    color: #101010;
}
.content li>a{
    text-decoration: none;
    color: #101010;
}

.content li>a:hover{
    color: #016EFF;
}
.content li .line{
    margin-left: 35px;

}
.jianjie{
    width: 70%;
    margin: 20px auto;
    position: relative;
    font-size: 12px;
}
.logo_png{
    width: 235px;
    height: 235px;
    position: absolute;
    bottom:10px;
    right: 30px;
}
.logo_png>img{
    width: 100%;
    height: 100%;
}
.fz_mb{
    width: 70%;
    height: 380px;
    margin: 40px auto;
    background: url(../image/fzmb_bg.png) no-repeat;
    background-position-x: -100px;
    background-position-y: -60px;
    margin-top:20px;
    box-sizing: border-box;

}

.fz_mb .title{
    width: 100px;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}
.fz_mb .mb{
    margin-top:30px;
    width: 100%;
    height: 100%;

}
.fz_mb .mb .dot_line,.fz_mb .mb .dot_line>img{
    width: 100%;
}

.fz_mb .mb .dot_line{
    color: #101010;
    width: 100%;
    font-size: 16px;
    position: relative;
}

.fz_mb .mb .pic{
    display: flex;
    justify-content : space-around;
}

.fz_mb .mb .dot_line>div{
    position: absolute;
    height: 70px;
    text-align: center;
}

.fz_mb .mb .dot_line .one{
    width: 50px;
    top: 80px;
    left:120px
}

.fz_mb .mb .dot_line .two{
    width: 70px;
    top: 100px;
    left:380px
}


.fz_mb .mb .dot_line .three{
    width: 70px;
    top: 50px;
    left:700px
}

.fz_mb .mb .dot_line .four{
    width: 80px;
    top: 50px;
    right:20px
}

.service{
    width: 70%;
    height: 400px;
    margin: 0px auto;
    margin-top:20px;
    box-sizing: border-box;

}

.service .title{
    width: 100px;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}
.service .mb{
    margin-top:30px;
    width: 100%;
    height: 60%;

}

.service .mb .pic{
    display: flex;
    justify-content : space-between;
}

.service .mb .pic li{
    position: relative;
    width: 300px;
    height: 228px ;
}

.service .mb .pic .service_1{
    background: url(../image/service1_shadow.png),url(../image/service1_bg.png) no-repeat;
}
.service .mb .pic .service_2{
    background: url(../image/service2_shadow.png),url(../image/service2_bg.png) no-repeat;
}
.service .mb .pic .service_3{
    background: url(../image/service2_shadow.png),url(../image/service3_bg.png) no-repeat;
}
.service .mb .pic .service_4{
    background: url(../image/service2_shadow.png),url(../image/service4_bg.png) no-repeat;
}

.service .mb .pic img{
    position: absolute;
    top: 77px;
    left: 115px;
}

.service .desc{
    width: 500px;
    margin: 0 auto;
    text-align: center;
    font-size: 20px;
}
.service .desc p{
    font-weight: normal;
    color: #797979;
}
.jianjie p{
    line-height: 30px;
    white-space: normal;
}