@charset "UTF-8";
.leftSideBarBox {
  padding-left: 15px;
  background: #184072;}
  .leftSideBarBox h2 {
    font: 27px/89px "微软雅黑";
    background: #184072;
    color: #fff;
    text-align: center;}
  .leftSideBarBox ul {
    border-bottom: 1px solid #e5e5e5;
    padding-top: 18px;
    background: #fff;}
    .leftSideBarBox ul li {
      position: relative;
      border-top: 1px solid #e5e5e5;
      background: #fff;
      cursor: pointer;}
      .leftSideBarBox ul li .per {
        height: 0;
        overflow: hidden;}
      .leftSideBarBox ul li h3 {
        font: 17px/58px ""; 
        color: #666666;
        padding-left: 20px;
        position: relative;}
        .leftSideBarBox ul li h3 a {
          color: #666666;
          height: 100%;
          display: block;}
        .leftSideBarBox ul li h3 .rotateImg {
          position: absolute;
          -webkit-transition: .3s ease-in;
          transition: .3s ease-in;
          top: 50%;
          right: 20px;
          
          margin-top: -4px;
          width: 13px;
          height: 8px;
          display: block;}
          .leftSideBarBox ul li h3 .rotateImg img {
            height: 8px;
            display: block;}
      .leftSideBarBox ul li p {
        font: 16px/35px "";
        background: #f4f4f4;
        padding-left: 20px;
        border-top: 1px solid #e5e5e5;}
        .leftSideBarBox ul li p a {
          color: #666666;}
      .leftSideBarBox ul li .active {
        background: #184072;}
        .leftSideBarBox ul li .active a {
          color: #e3b64f;}
      .leftSideBarBox ul li p:hover {
        background: #184072;}
        .leftSideBarBox ul li p:hover a {
          color: #e3b64f;}
      .leftSideBarBox ul li .leftBorder {
        display: none;
        position: absolute;
        left: -5px;
        top: -1px;
        width: 5px;
        height: 60px;
        background: #f1be4c;}
    .leftSideBarBox ul .on .per {
      height: auto;
      -webkit-animation: heightAuto .3s ease-in;
      animation: heightAuto .3s ease-in;}
    .leftSideBarBox ul .on .leftBorder {
      display: block;
      -webkit-animation: jianbian .3s ease-in;
      animation: jianbian .3s ease-in;}
    .leftSideBarBox ul .on h3 a {
      color: #184072;}
    .leftSideBarBox ul .on h3 .rotateImg {
      -webkit-transform: rotateZ(180deg);
      transform: rotateZ(180deg);}

@-webkit-keyframes jianbian {
  from {
    opacity: 0;}
  to {
    opacity: 1;} }

@keyframes jianbian {
  from {
    opacity: 0;}
  to {
    opacity: 1;} }

@-webkit-keyframes heightAuto {
  from {
    height: 0;}
  to {
    height: auto;} }

@keyframes heightAuto {
  from {
    height: 0;}
  to {
    height: auto;} }