body{
    background-color: #f8f8f9;
}

.nav_main{
    width: 100%;
    height: 200px;

    background-image: url(/kletme/images/bg05.jpg);
    background-repeat: no-repeat;
}
.nav_content{
    width: 1300px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.logo{
    width: 40%;
    height: auto;
    padding: 10px 0;
}
.logo img{
    width: 100%;
    height: auto;
}

.nav>ul{
    display: flex;
    justify-content: space-between;
    padding: 26px 0;
}
.nav>ul>li{
    padding: 20px 12px;
    line-height: 16px;
}
.nav>ul>li:hover{
    background-color: #2058b4;
    opacity: 0.8;
}
.nav>ul>li>a{
    color: #fff;
}

/* text */
.details{
    width: 100%;
}
.details_container{
    width: 1220px;
    margin: 0 auto;
    background-color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px 40px;
}
.details_head{
    display: flex;
    justify-content: space-between;
    border-bottom: #dedede 1px solid;
    
}
.details_name{
    padding: 10px 0;
    border-bottom: 2px #2058b4 solid;
}
.details_head h4{
    color: #2058b4;
    font-size: 22px;
    padding: 0 12px; 
}
.details_position{
    display: -webkit-box;
    -webkit-box-align: center;
}
.details_content{
    margin-top:30px;
}

.details_content p{
    text-indent: 32px;
    line-height: 2rem;
    color: #333;
}
.details_content img{
    margin: 10px 0;
    margin-bottom: 20px;
    max-width: 100%; 
}