﻿@media screen and (max-width: 600px) {
  header,.logo,.logo img{
      height:40px;
  }
  .logo{
      font-size:15px;
      text-indent:-1rem;
      line-height:40px;
  }
  .menu{
      display:block !important;
      width:30px;
      height:40px;
      position:absolute;
      right:15px;
      top:10px;
  }
  .menu::after,.menu::before{
      position:absolute;
      left:0px;
      bottom:10px;
      height:3px;
      width:100%;
      content:'';
      display:block;
      background:#135192;
      transform-origin: left;
      transition: all 0.5s; 
  }
  .menu::before{
      top:11px;
      bottom:none;
  }
  .menu span{
      width:100%;
      display:block;
      height:3px;
      position:absolute;
      top:19px;
      left:0px;
      background:#135192;
      transition:all 0.5s;
      transform: rotate(0deg);
  }
  .menuOn span{
      opacity:0;
      transition: all 0.5s; 
  }
  .menuOn::before{
      transform: rotate(33deg) !important;
      transition: all 0.5s; 
  }
  .menuOn::after{
      transform: rotate(-33deg) !important;
      transition: all 0.5s; 
  }
  nav{
      width:100%;
      position:fixed;
      top:63px;
      left:150%;
      transition:all 0.5s;
      z-index:11;
  }
  nav.navOn{
      left:0px;
      transition:all 0.5s;
  }
  article{
      width:100%;
      
  }
  .path{
      height:auto;
      line-height:160%;
      padding:15px;
  }
  .helpCont .detail img{
      max-width:100% !important;
      height:auto;
  }
  
}
