Сделать подпункт меню выпадающим работы на 5 мин

Нужно сделать выплывающий подпункт меню при наведении




<style>
  .menu {
    width: 240px;
    display: block;
    position: absoute;
    top: 30px;
  }
  .menu ul {
    list-style: none;
    padding-left: 0;
  }
  .menu li {
    display: block;
    background: white;
    margin-bottom: 10px;
    /*padding: 12px 20px;*/
    border: 1px solid rgba(0,0,0,.04);
  }
  .menu li:hover {
    background: rgb(0, 167, 232);
  }
  .menu a {
    display: block;
    text-decoration: none;
    color: #858585 !important;
    text-transform: uppercase;
    font-family: arial;
    font-size: 13px;
    padding: 12px 20px;
  }
  .menu a:hover {
    color: #fff !important;
  }
</style>


<div class="menu">
  <ul>
    <li><a href="o3e8ibnc.plp7.ru/?utm_ter... V-LUX</a>
<ul><li><a href="o3e8ibnc.plp7.ru/?utm_ter... подпункт</a></li></ul></li>
    <li><a href="o3e8ibnc.plp7.ru?utm_term... V-GLASS</a></li>
    <li><a href="o3e8ibnc.plp7.ru">Пергола V-BIOCLIMATIC</a></li>
    <li><a href="o3e8ibnc.plp7.ru/?utm_ter... V-PANORAMA</a></li>
    <li><a href="o3e8ibnc.plp7.ru/?utm_ter... V-ZIP</a></li>
    <li><a href="o3e8ibnc.plp7.ru/?utm_ter... V-SUN</a></li>
    <li><a href="o3e8ibnc.plp7.ru/?utm_ter... V-SLIDING</a></li>
    <li><a href="o3e8ibnc.plp7.ru/?utm_ter... V-FOLDING</a></li>
     <li><a href="o3e8ibnc.plp7.ru/?utm_ter... V-MOTOR</a></li>
  </ul>
</div>