@charset "UTF-8";
@media all and (max-width: 991px) {
  .menu-btn {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: rgba(25, 122, 29, 0.8);
    background: #fff;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -20px;
    z-index: 1; }
    .menu-btn i {
      display: block;
      margin: auto;
      border-top: solid 2px #197a1d;
      width: 17px;
      border-bottom: double 7px #197a1d;
      height: 12px; }
    .menu-btn.active i {
      width: auto;
      height: auto;
      border: none; }
      .menu-btn.active i:after, .menu-btn.active i:before {
        content: '';
        display: block;
        margin: auto;
        width: 17px;
        border-bottom: solid 2px #197a1d; }
      .menu-btn.active i:after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin-top: -2px; }
      .menu-btn.active i:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }

  .main-nav {
    border-top: none;
    margin-top: 0;
    text-align: left; }
    .main-nav > ul {
      background: #197a1d;
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      max-height: 95vh;
      overflow: auto;
      display: none;
      z-index: 2; }
      .main-nav > ul > li {
        float: none;
        display: block;
        margin: 0; }
        .main-nav > ul > li > a {
          display: block;
          padding: 10px 20px;
          border-top: solid 1px rgba(255, 255, 255, 0.2);
          font-size: 14px;
          color: #fff; }
          .main-nav > ul > li > a:not(:only-child):after {
            content: none; }
          .main-nav > ul > li > a:before, .main-nav > ul > li > a:after {
            content: none; }
      .main-nav > ul ul {
        display: none;
        position: static;
        background: rgba(0, 0, 0, 0.1);
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        opacity: 1;
        pointer-events: all;
        margin: 0;
        padding: 0; }
        .main-nav > ul ul a {
          padding: 10px 20px 10px 40px;
          font-size: 14px;
          background: none;
          display: block;
          border-top: solid 1px rgba(255, 255, 255, 0.2);
          border-bottom: none; }
        .main-nav > ul ul ul a {
          padding-left: 60px; }
        .main-nav > ul ul li:hover > a {
          background: none; }
    .main-nav li i {
      width: 41px;
      height: 41px;
      float: right;
      margin-top: 1px;
      font-size: 18px;
      line-height: 42px;
      text-align: center;
      top: 0;
      position: relative;
      z-index: 1;
      cursor: pointer;
      background: rgba(0, 0, 0, 0.15);
      font-style: normal;
      color: #fff; }
      .main-nav li i:after {
        font-family: "FontAwesome";
        content: ""; }
      .main-nav li i.active:after {
        content: "\f106"; }

  header .h-hotline {
    margin-right: 50px; } }