<header class="cd-morph-dropdown" style="background-color: #c2c2c2">
    <a href="#0" class="nav-trigger">Open Nav<span aria-hidden="true"></span></a>

    <nav class="main-nav">
        <ul>
            <li class="has-dropdown gallery" data-content="about3">
                <a href="application/index/view/index/index.php">首页</a>
            </li>
            <li class="has-dropdown gallery" data-content="about">
                <a href="#0">人脸识别</a>
            </li>
            <li class="has-dropdown gallery" data-content="about2">
                <a href="#0">语音技术</a>
            </li>
            <li class="has-dropdown links" data-content="pricing">
                <a href="#0">文字识别</a>
            </li>
            <li class="has-dropdown button" data-content="contact">
                <a href="#0">图像识别</a>
            </li>
            <li class="has-dropdown button" data-content="contact2">
                <a href="#0">自然语言处理</a>
            </li>
        </ul>
    </nav>

    <div class="morph-dropdown-wrapper" style="z-index:2">
        <div class="dropdown-list">
            <ul>
                <li id="about3" class="dropdown links">
                    <a href="application/index/view/index/index.php" class="label">首页</a>
                </li>
                <li id="about" class="dropdown links">
                    <a href="#0" class="label">人脸识别</a>

                    <div class="content">
                        <ul>
                            <li>
                                <a href="face_detect.php">
                                    <em style="font-size: 20px;color: #1E9FFF;">人脸检测</em><br><br>
                                    <span style="color: #2F4056;font-size: 10px;">精准定位图中人脸72个关键点位置，分析性别、年龄、表情等人脸属性</span>
                                </a>
                            </li>

                            <li>
                                <a href="face_compare.php">
                                    <em style="font-size: 20px;color: #1E9FFF;">人脸对比</em><br><br>
                                    <span style="color: #393D49;font-size: 10px;">对比两张人脸的相似度，并给出相似度评分，从而判断是否同一个人</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>

                <li id="about2" class="dropdown links">
                    <a href="#0" class="label">语音技术</a>

                    <div class="content">
                        <ul>
                            <li>
                                <a href="sound.php">
                                    <em style="font-size: 20px;color: #1E9FFF;">语音合成</em><br><br>
                                    <span style="color: #393D49;font-size: 10px;">将文字转换成语音输出，并且可以支持语速、音调、音量、音频码率设置</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li id="pricing" class="dropdown links">
                    <a href="#0" class="label">文字识别</a>

                    <div class="content">
                        <ul>
                            <li>
                                <a href="ocr_all.php">
                                    <em style="font-size: 20px;color: #1E9FFF;">通用文字识别</em><br><br>
                                    <span style="color: #393D49;font-size: 10px;">多场景、多语种、高精度的整体文字检测和识别服务，提供基础的通用文字识别服务</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li id="contact" class="dropdown links">
                    <a href="#0" class="label">图像识别</a>

                    <div class="content">
                        <ul>
                            <li>
                                <a href="image_identification.php?type=1">
                                    <em style="font-size: 20px;color: #1E9FFF;">动物识别</em><br><br>
                                    <span style="color: #393D49;font-size: 10px;">可精准识别图像中的动物种类，返回多种相似动物属性的置信度</span>
                                </a>
                            </li>
                            <li>
                                <a href="image_identification.php?type=2">
                                    <em style="font-size: 20px;color: #1E9FFF;">植物识别</em><br><br>
                                    <span style="color: #393D49;font-size: 10px;">可精准识别图像中的植物种类，返回多种相似植物属性的置信度</span>
                                </a>
                            </li>
                            <div style="margin-top: 3%;">&nbsp;</div>
                            <li>
                                <a href="image_identification.php?type=3">
                                    <em style="font-size: 20px;color: #1E9FFF;">车辆识别</em><br><br>
                                    <span style="color: #393D49;font-size: 10px;">可精准识别图像中的车辆种类，返回多种相似车辆属性的置信度</span>
                                </a>
                            </li>
                            <li>
                                <a href="image_identification.php?type=4">
                                    <em style="font-size: 20px;color: #1E9FFF;">Logo识别</em><br><br>
                                    <span style="color: #393D49;font-size: 10px;">可精准识别图像中的Logo种类</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li id="contact2" class="dropdown links">
                    <a href="#0" class="label">自然语言处理</a>

                    <div class="content">
                        <ul>
                            <li>
                                <a href="text_affections.php?type=1">
                                    <em style="font-size: 20px;color: #1E9FFF;">情感倾向分析</em><br><br>
                                    <span style="color: #393D49;font-size: 10px;">对含主观信息的文本进行情感极性判断</span>
                                </a>
                            </li>
                            <li>
                                <a href="text_affections.php?type=2">
                                    <em style="font-size: 20px;color: #1E9FFF;">词法分析</em><br><br>
                                    <span style="color: #393D49;font-size: 10px;">提供分词、词性标注、命名实体识别三大功能</span>
                                </a>
                            </li>

                            <div style="margin-top: 3%;">&nbsp;</div>
                            <li>
                                <a href="text_similarity.php?type=3">
                                    <em style="font-size: 20px;color: #1E9FFF;">短文本相似度</em><br><br>
                                    <span style="color: #393D49;font-size: 10px;">输入两段中文短文本，即可输出文本间的语义相似度</span>
                                </a>
                            </li>
                            <li>
                                <a href="text_similarity.php?type=4">
                                    <em style="font-size: 20px;color: #1E9FFF;">词义相似度</em><br><br>
                                    <span style="color: #393D49;font-size: 10px;">通过词语向量化来计算两个词之间的相似度</span>
                                </a>
                            </li>

                            <div style="margin-top: 3%;">&nbsp;</div>

                            <li>
                                <a href="text_affections.php?type=7">
                                    <em style="font-size: 20px;color: #1E9FFF;">DNN语言模型</em><br><br>
                                    <span style="color: #393D49;font-size: 10px;">获得中文句子的通顺程度 </span>
                                </a>
                            </li>
                            <li>
                                <a href="text_affections.php?type=6">
                                    <em style="font-size: 20px;color: #1E9FFF;">评论观点抽取</em><br><br>
                                    <span style="color: #393D49;font-size: 10px;">自动分析用户评论，输出评论观点与情感极性 </span>
                                </a>
                            </li>
                            <div style="margin-top: 3%;">&nbsp;</div>
                            <li>
                                <a href=""><s>
                                    <em style="font-size: 20px;color: #1E9FFF;">中文词向量表示</em><br><br>
                                    <span style="color: #393D49;font-size: 10px;">输入单个中文词语，即可获得该词语的向量表示</span></s>
                                </a>
                            </li>

                            <li>
                                <a href=""><s>
                                    <em style="font-size: 20px;color: #1E9FFF;">依存句法分析</em><br><br>
                                    <span style="color: #393D49;font-size: 10px;">获得中文句子的依存句法结构信息</span></s>
                                </a>
                            </li>

                        </ul>
                    </div>
                </li>
            </ul>

            <div class="bg-layer" aria-hidden="true"></div>
        </div> <!-- dropdown-list -->
    </div> <!-- morph-dropdown-wrapper -->
</header>