h1,h2,h3,h4,h5,p{
  padding: 0;
  margin:0;
}
ul,li,dl,dt,dd{
  padding:0;
  margin:0;
  list-style: none;
}
.wrap{
  overflow: hidden;
  min-height: 500px;
}
.wrap > .l-wrap{
  width: 220px;
  float: left;
  height: 100%;
  border:1px solid #ddd;
}
.wrap > .l-wrap > h2{
  width: 100%;
  height: 95px;
  line-height: 95px;
  background: #1467ab;
  color: #fff;
  font-size: 22px;
  text-align: center;
}
.wrap > .l-wrap > ul{
  width: 100%;
}
.wrap > .l-wrap > ul > li{
  height: 45px;
  padding:15px 20px;
  width: 100%;
  font-size: 14px;
  border-top:1px solid #ddd;
}
.wrap > .l-wrap > ul > li > a{
  width: 100%;
  height: 100%;
  display: block;
  color: #121212;
}
.wrap > .l-wrap > ul > li.active > a{
  color: #1467ab;
}
.wrap > .l-wrap > ul > li.active > a:hover{
    color: #1467ab;
}
.wrap > .l-wrap > ul > li > a:hover{
  color: #121212;
}
.wrap > .l-wrap > ul > li .add{
  float: right;
}
.wrap > .l-wrap > .call-box{
  border-top:1px solid #ddd;
  width: 100%;
  padding:20px;
  background: url('/img/custom/call-box.jpg') no-repeat;
  background-position: center;
  background-size: cover;
}
.wrap > .l-wrap > .call-box > h3{
  font-size: 16px;
  margin-bottom: 20px;
}
.wrap > .l-wrap > .call-box > p{
  font-size: 14px;
}
.wrap > .l-wrap > .call-box > p > b{
  margin-right: 5px;
}
.wrap > .r-wrap{
  width: calc(100% - 220px);
  float: left;
  height: 100%;
  padding-left:50px;
  padding-top:30px;

}
@media all and (max-width:768px){
  .wrap > .l-wrap{
    display: none;
  }
  .wrap > .r-wrap{
    width: 100%;
    padding-left: 0px;
  }
}
