JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="menu">
	<li class="menu_item"><a href="/main/">Главная</a></li>
	<li class="menu_item"><a href="/about-us/">О студии</a></li>
	<li class="menu_item"><a href="/equipment/">Оборудование</a></li>
	<li class="menu_item services"><a href="/services/">Услуги</a>
        <ul class="submenu">
            <li class="submenu_item"><a href="/services/record/">Звукозапись</a></li>
            <li class="submenu_item"><a href="/services/lesson/">Уроки для будущих эстрадных звёзд</a></li>
            <li class="submenu_item"><a href="/services/present/">Музыкальный подарок</a></li>
            <li class="submenu_item"><a href="/services/tirazh/">Тиражирование CD/DVD</a></li>
            <li class="submenu_item"><a href="/services/arrangements/">Написание аранжировок и создание фонограмм</a></li>
            <li class="submenu_item"><a href="/services/ivr/">IVR, автоинформаторы</a></li>
        </ul>
    </li>
	<li class="menu_item"><a href="/Oplata/">Оплата работ студии</a></li>
	<li class="menu_item"><a href="/Proekti/">Проекты</a></li>
	<li class="menu_item"><a href="/demonstrations/">Демо</a></li>
	<li class="menu_item"><a href="/voices-base/">База голосов</a></li>
	<li class="menu_item"><a href="/clients/">Наши клиенты</a></li>
	<li class="menu_item"><a href="/contacts/">Контакты</a></li>
</ul>

CSS

.submenu { display: none; }
.menu li:hover > .submenu { display: block; }