*{
    margin:0;
    padding:0;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
    color:#fff;
}
img{
    vertical-align: middle;
    border:0;
}
.section {
    overflow: hidden;
    position: relative;
  }
.info{
    position:fixed;
    z-index:3;
    background-color:#bdc0ad;
    width:300px;
    height: 100%;
}
.footer{
    position:fixed;
    z-index:3;
    background-color:#5b5b5b;
    width:100%;
    /* height:40px; */
    bottom:0;
    font-size:12px;
    text-align: center;
    padding:10px;
    color:#fff;
}

.info .logo{
 width:250px;
 margin-top:100px;
 padding-left:50px;
 background-color:#fff;
}
.info img{
    width:200px;
    border-radius:200px;
}
.container{
    position: relative;
    background:#eaeaea;
}
.box{
    width:auto;
    position:absolute;
    margin-left:330px;
}
.info .name{
    font-size: 30px;
    
}
.info .detail{
    background:#fff;
    text-align: center;
    line-height:60px;
    color:#696969;
    height: 100%;
}
.section{
    padding:50px;
}
.sec1{
    padding-top:100px;
}
.section h1{
    margin-bottom:100px;
    text-align: center;

}
.section h2,.section h3{
    line-height:60px;
}
.section h4,.section h5{
    line-height:40px;
}
.section img{
    width:100%;
    max-width:700px;
}