.list-container {
  min-height: 600px;
}

.list-container .left {
  width: 308px;
}

.list-container .left .menu-header {
  height: 103px;
  line-height: 103px;
   background-color: #0e3989; 
  text-align: center;
}

.list-container .left .menu-header .content {
  display: inline-block;
}

.list-container .left .menu-header h3 {
  font-size: 33px;
  color: #fff;
  font-weight: bold;
  line-height: 110px;
  letter-spacing: 2px;
}

.list-container .left .menu1 {
  background: #eeeeee;
  padding-bottom: 50px;
  box-sizing: border-box;
  /* padding-top: 29px; */
}

.list-container .left .menu1 .menu-item {
  /* padding: 0 30px; */
  margin-bottom: 2px;
}

.list-container .left .menu1 .menu-item>a {
  display: block;
  height: 73px;
  line-height: 73px;
  font-size: 22px;
  color: #333;
  padding-left: 20%;
  background: #dbdbdb no-repeat 80% center;
  background-image: url(../images/menu-icon.png);
  /* border-radius: 30px; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 22%;
}

@media screen and (max-width:1200px) {
  .list-container .left .menu1 .menu-item>a {
     font-size: 18px;
  }
  
}
.list-container .left .menu1 .menu-item>.menu-down {
  display: none;
}

.list-container .left .menu1 .menu-item .menu-down .down-item .menu-down .down-item .menu-down,
.list-container .left .menu1 .menu-item .menu-down .down-item .menu-down {
  display: none;
}

.list-container .left .menu1 .menu-item .menu-down .down-item a {
  display: block;
  height: 53px;
  line-height: 53px;
  font-size: 18px;
  color: #333;
  padding-left: 30%;
  background: no-repeat 22% center;
  background-image: url(../images/second-menu-icon.png);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.list-container .left .menu1>.selected>a,
.list-container .left .menu1>.parent>a {
  /* color: #0e3989; */
  border-color: transparent;
  background-image: url(../images/menu-icon-selected.png);
  border-left: 6px solid #0d3588;
}

.list-container .left .menu1 .menu-item .menu-down .down-item .menu-down .selected .menu-down,
.list-container .left .menu1 .menu-item .menu-down .selected .menu-down,
.list-container .left .menu1>.selected>.menu-down,
.list-container .left .menu1>.parent>.menu-down {
  display: block;
}



.list-container .left .menu1>.selected>.menu-down .selected a,
.list-container .left .menu1>.parent>.menu-down .selected a {
  background-image: url(../images/second-menu-icon-selected.png);
  color: #0e3989;
}

.list-container .left .menu1 .menu-item .menu-down .down-item .menu-down .down-item a {
    display: block;
    height: 53px;
    line-height: 53px;
    font-size: 16px;
    color: #333;
    padding-left: 30.5%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
   background: none;
}


.list-container .left .menu1 .menu-item .menu-down .down-item .menu-down  .selected a{
  color: #0e3989;
 background: #fff;
}
.list-container .left .menu1 .menu-item .menu-down .down-item .menu-down .down-item .menu-down .down-item a {
    display: block;
    height: 53px;
    line-height: 53px;
    font-size: 16px;
    color: #333;
    padding-left: 32.5%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
   background: none;
}

.list-container .left .menu1 .menu-item .menu-down .down-item .menu-down .down-item .menu-down   .selected a{
  color: #0e3989;
  
}

@media screen and (max-width:1200px) {
  .list-container .right {
      /* padding-left: 380px; */
      margin-bottom: 40px;
  }
  .list-container .left .menu-header h3 {
    font-size: 31px;
}
.list-container .left .menu1 .menu-item .menu-down .down-item a  {
 font-size: 16px;
}
}

@media screen and (max-width: 1024px) {
  .list-container .left {
      width: 285px;
  }
  .list-container .left .menu-header h3{
    font-size: 30px;
  }
}

@media screen and (max-width: 1000px) {
  .list-container .left {
      float: none !important;
      margin-bottom: 30px;
  }
  

  .list-container .left .menu1{
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
.list-container .left .menu-header h3 {
  font-size: 26px;
}
}
@media screen and (max-width: 500px) {
  .list-container .left {
      width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .list-container .left .menu1 .menu-item>a{
    font-size: 16px;
  }
.list-container .left .menu1 .menu-item .menu-down .down-item a{
  font-size: 14px;
}
}