style="width: 1100px;height: 80px;display: flex;align-items: center;">

<!-- logo -->

<div class="layui-col-md3"

style="display: flex;justify-content: left;align-items: center;">

<img

style="height: 65px;background-size: contain;background-repeat: no-repeat; background-position: center;"

alt="" src="images/xhm/xhm_logo.png">

</div>

<!-- 菜单 -->

<div class="layui-col-md7"

style="height:70px;display: flex;justify-content: center;">

<!-- 导航菜单 -->

<ul class="layui-nav layui-bg-gray" id="nav">

<li class="layui-nav-item layui-this"><a href="javascript:;"

data-target="info">要闻</a></li>

<li class="layui-nav-item"><a href="javascript:;"

data-target="trend">动态</a></li>

<li class="layui-nav-item"><a href="javascript:;"

data-target="video">视频</a></li>

<li class="layui-nav-item"><a href="javascript:;"

data-target="law">案例</a></li>

<li class="layui-nav-item"><a href="javascript:;"

data-target="service">服务</a></li>

</ul>

</div>

<!-- logo -->

<div class="layui-col-md2"

style="display: flex;justify-content: right;align-items: center;">

<div

style="width: 50px;height: 50px;background: url(images/xhm/xhm_jhd_download.png) no-repeat center center;

background-size: 100% 100%;float: left;">

</div>

<div style="width: 70px;height: 50px;float: right;margin-left: 5px;">

<div

style="width: 70px;height: 25px;line-height: 25px;text-align: center;font-size: 14px;font-weight: bold;">

交汇点新闻</div>

<div

style="width: 70px;height: 25px;background-color: #49B9AD;border-radius: 3px;

display: flex;justify-content: center;align-items:center;cursor: pointer;"

onclick="downloadJHDApp()">

<img alt="" src="images/xhm/xhm_jhd_download_arrow_white.png"

style="width: 12px;height: 12px;">

<p

style="height: 25px;line-height: 25px;font-size: 12px;font-weight: bold;color: #FFFFFF;margin-left: 5px;">下载</p>

</div>

</div>

</div>

</div>

</div>

<!-- ******* 头部结束 *********** -->