.banner-div{
    width:100%;
}

.banner-img{
    width:100%;
}

.nav-a {
    margin-right: 8px;
    text-decoration: none !important;
    color: #999999 ;
}

.nav-flag {
    margin-right: 8px;
    color: #999999 ;
}


.home_icon{
    width: 18px;
    margin-right: 6px;
    margin-top: -4px;
}

.serviceprocess-box {
    width: 80%;
    max-width: 1200px;
    margin: 40px auto;
}

.serviceprocess-box .title-div{
    display: flex;
    justify-content: center;
}

.title-text{
    width: 30%;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    background: url(../images/serviceprocess/title.png) no-repeat center;
    background-size: 100%;
    margin: 20px 0;
}

.detail-div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.detail-up{
    width:100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 20px;
    box-shadow:  5px 5px 10px #f7f7f7,
             -5px -5px 10px #ffffff;
}

.detail-down{
    width:100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 40px;
    box-shadow:  5px 5px 10px #f7f7f7,
             -5px -5px 10px #ffffff;
}

.img-div{
   width:20%;
}

.proess-img{
   width:100%
}
