@extends('layouts.app')

@section('title', '首页')

@section('css')
    <link href="{{ asset('assets/index/css/swiper.min.css') }}" rel="stylesheet" type="text/css"/>
@endsection

@section('content')
    <!-- 新闻公告 -->
    <div class="container">
        <div class="publicTab">
            <ul id="myTabs" class="publicTab-ul" role="tablist">
                <li role="presentation" class="active">
                    <a href="#publicTab01" id="relationTab-01" role="tab" data-toggle="tab">
                        <img src="/assets/index/images/indexIcon/titleIcon_00.png"/>
                        院所新闻
                    </a>
                </li>
                <li role="presentation" class="">
                    <a href="#publicTab02" id="relationTab-02" role="tab" data-toggle="tab">
                        <img src="/assets/index/images/indexIcon/titleIcon_01.png"/>
                        通知公告
                    </a>
                </li>
            </ul>
            <div class="publicTab-more">更多<span>+</span></div>
        </div>
        <div id="myTabContent" class="tab-content publicContent">
            <div role="tabpanel" class="tab-pane fade active in" id="publicTab01">
                <div class="row">
                    <div class="col-md-6 col-xs-12">
                        <div class="indexNew-img ce-img">
                            <span style="background-image: url(/assets/index/images/index-news.png);"></span>
                        </div>
                    </div>
                    <div class="col-md-6 col-xs-12">
                        <ul class="indexNew-list">
                            <li data-href="">
                                <div class="publicHover indexNew-name">
                                    <span class="ce-nowrap">一站式1人才招聘 面试结果公示</span>2020.06.21
                                </div>
                                <div class="ce-nowrap-multi indexNew-text">
                                    黑龙江省科学院2020年生物学专业硕士研究生黑龙江省科学院2020年生物学专业硕士研究生
                                </div>
                            </li>
                            <li data-href="">
                                <div class="publicHover indexNew-name">
                                    <span class="ce-nowrap">黑龙江省科学院 2020年招收硕士研究生调剂需求</span>2020.06.21
                                </div>
                                <div class="ce-nowrap-multi indexNew-text">
                                    黑龙江省科学院2020年生物学专业硕士研究生黑龙江省科学院2020年生物学专业硕士研究生
                                </div>
                            </li>
                            <li data-href="">
                                <div class="publicHover indexNew-name">
                                    <span class="ce-nowrap">学术讲座通知</span>2020.06.21
                                </div>
                                <div class="ce-nowrap-multi indexNew-text">
                                    黑龙江省科学院2020年生物学专业硕士研究生黑龙江省科学院2020年生物学专业硕士研究生
                                </div>
                            </li>
                            <li data-href="">
                                <div class="publicHover indexNew-name">
                                    <span class="ce-nowrap">国务院办公厅关于推进养老服务发展的意见</span>2020.06.21
                                </div>
                                <div class="ce-nowrap-multi indexNew-text">
                                    黑龙江省科学院2020年生物学专业硕士研究生黑龙江省科学院2020年生物学专业硕士研究生
                                </div>
                            </li>
                            <li data-href="">
                                <div class="publicHover indexNew-name">
                                    <span class="ce-nowrap">《关于统筹推进自然资源资产产权制度改革的指导意见》</span>2020.06.21
                                </div>
                                <div class="ce-nowrap-multi indexNew-text">
                                    黑龙江省科学院2020年生物学专业硕士研究生黑龙江省科学院2020年生物学专业硕士研究生
                                </div>
                            </li>
                            <li data-href="">
                                <div class="publicHover indexNew-name">
                                    <span class="ce-nowrap">《资源资产产权制度》</span>2020.06.21
                                </div>
                                <div class="ce-nowrap-multi indexNew-text">
                                    黑龙江省科学院2020年生物学专业硕士研究生黑龙江省科学院2020年生物学专业硕士研究生
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="publicTab02">
                <div class="row">
                    <div class="col-md-6 col-xs-12">
                        <div class="indexNew-img ce-img">
                            <span style="background-image: url(/assets/index/images/index-news.png);"></span>
                        </div>
                    </div>
                    <div class="col-md-6 col-xs-12">
                        <ul class="indexNew-list">
                            <li data-href="">
                                <div class="indexNew-name">
                                    <span class="ce-nowrap">通知公告</span>2020.06.21
                                </div>
                                <div class="ce-nowrap-multi indexNew-text">
                                    黑龙江省科学院2020年生物学专业硕士研究生黑龙江省科学院2020年生物学专业硕士研究生
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 模块一 -->
    <div class="container">
        <div class="row">
            <div class="col-md-4 col-xs-12">
                <div class="modularOne-label">
                    <img class="modularOne-icon" src="/assets/index/images/indexIcon/titleIcon_02.png"/>
                    <span>{{ getOneCategory(17,'title') }}</span>
                    <img class="modularOne-img" src="/assets/index/images/indexIcon/titleIcon_02.png"/>
                </div>
            </div>
            <div class="col-md-4 col-xs-12">
                <div class="modularOne-label">
                    <img class="modularOne-icon" src="/assets/index/images/indexIcon/titleIcon_03.png"/>
                    <span>{{ getOneCategory(26,'title') }}</span>
                    <img class="modularOne-img" src="/assets/index/images/indexIcon/titleIcon_03.png"/>
                </div>
            </div>
            <div class="col-md-4 col-xs-12">
                <div class="modularOne-label">
                    <img class="modularOne-icon" src="/assets/index/images/indexIcon/titleIcon_04.png"/>
                    <span>{{ getOneCategory(6,'title') }}</span>
                    <img class="modularOne-img" src="/assets/index/images/indexIcon/titleIcon_04.png"/>
                </div>
            </div>
        </div>
    </div>

    <!-- 模块二 -->
    <div class="container">
        {{--科学研究与特色品牌建设--}}
        <div class="publicTab">
            <ul class="publicTab-ul">
                <li role="presentation" class="active">
                    <img src="/assets/index/images/indexIcon/titleIcon_05.png"/>
                    {{ getOneCategory(2,'title') }}
                </li>
            </ul>
            <div class="publicTab-more" data-href="{{ getOneCategory(2,'link') }}">更多<span>+</span></div>
        </div>
        <div class="modularTwo">
            <div class="row">
                <div class="publicHover modularTwo-list col-xs-12">
                    <div class="ce-img modularTwo-list-img">
                        <!-- 图片比例（4:3） -->
                        <span style="background-image: url(/assets/index/images/text/textImg_00.jpg);"></span>
                    </div>
                    <div class="ce-nowrap modularTwo-list-name">湿地全球变化生态</div>
                </div>
                <div class="publicHover modularTwo-list col-xs-12">
                    <div class="ce-img modularTwo-list-img">
                        <span style="background-image: url(/assets/index/images/text/textImg_01.jpg);"></span>
                    </div>
                    <div class="ce-nowrap modularTwo-list-name">寒温带森林生物多样性</div>
                </div>
                <div class="publicHover modularTwo-list col-xs-12">
                    <div class="ce-img modularTwo-list-img">
                        <span style="background-image: url(/assets/index/images/text/textImg_02.jpg);"></span>
                    </div>
                    <div class="ce-nowrap modularTwo-list-name">生态保护与恢复</div>
                </div>
                <div class="publicHover modularTwo-list col-xs-12">
                    <div class="ce-img modularTwo-list-img">
                        <span style="background-image: url(/assets/index/images/text/textImg_03.jpg);"></span>
                    </div>
                    <div class="ce-nowrap modularTwo-list-name">特色观赏植物培育与利用</div>
                </div>
                <div class="publicHover modularTwo-list col-xs-12">
                    <div class="ce-img modularTwo-list-img">
                        <span style="background-image: url(/assets/index/images/text/textImg_04.jpg);"></span>
                    </div>
                    <div class="ce-nowrap modularTwo-list-name">特色经济植物与利用</div>
                </div>
                <div class="publicHover modularTwo-list col-xs-12">
                    <div class="ce-img modularTwo-list-img">
                        <span style="background-image: url(/assets/index/images/text/textImg_05.jpg);"></span>
                    </div>
                    <div class="ce-nowrap modularTwo-list-name">湿地全球变化生态</div>
                </div>
                <div class="publicHover modularTwo-list col-xs-12">
                    <div class="ce-img modularTwo-list-img">
                        <span style="background-image: url(/assets/index/images/text/textImg_06.jpg);"></span>
                    </div>
                    <div class="ce-nowrap modularTwo-list-name">寒温带森林生物多样性</div>
                </div>
                <div class="publicHover modularTwo-list col-xs-12">
                    <div class="ce-img modularTwo-list-img">
                        <span style="background-image: url(/assets/index/images/text/textImg_07.jpg);"></span>
                    </div>
                    <div class="ce-nowrap modularTwo-list-name">生态保护与恢复</div>
                </div>
                <div class="publicHover modularTwo-list col-xs-12">
                    <div class="ce-img modularTwo-list-img">
                        <span style="background-image: url(/assets/index/images/text/textImg_08.jpg);"></span>
                    </div>
                    <div class="ce-nowrap modularTwo-list-name">特色观赏植物培育与利用</div>
                </div>
                <div class="publicHover modularTwo-list col-xs-12">
                    <div class="ce-img modularTwo-list-img">
                        <span style="background-image: url(/assets/index/images/text/textImg_09.jpg);"></span>
                    </div>
                    <div class="ce-nowrap modularTwo-list-name">特色经济植物与利用</div>
                </div>
            </div>
        </div>
    </div>

    <!-- 模块三 -->
    <div class="container">
        {{--省级领军人才梯队--}}
        <div class="publicTab">
            <ul class="publicTab-ul">
                <li role="presentation" class="active">
                    <img src="/assets/index/images/indexIcon/titleIcon_06.png"/>
                    {{ getOneCategory(31,'title') }}
                </li>
            </ul>
        </div>
        <div class="modularThree">
            <div class="row">
                <div class="publicHover col-md-4 col-xs-12">
                    <div class="modularThree-back">
                        <div class="modularThree-name">植物学科</div>
                        <div class="modularThree-list">
                            <div class="ce-img modularThree-list-img">
                                <!-- 图片比例（5:3） -->
                                <span style="background-image: url(/assets/index/images/text/textImg_10.jpg);"></span>
                            </div>
                            <div class="ce-nowrap-multi modularThree-list-text">
                                2002年4月11日上午，建投集团大数据公司、哈尔滨工程大学计算机学院、省科学院智能制造研
                            </div>
                        </div>
                    </div>
                </div>
                <div class="publicHover col-md-4 col-xs-12">
                    <div class="modularThree-back">
                        <div class="modularThree-name">生态学科</div>
                        <div class="modularThree-list">
                            <div class="ce-img modularThree-list-img">
                                <span style="background-image: url(/assets/index/images/text/textImg_11.jpg);"></span>
                            </div>
                            <div class="ce-nowrap-multi modularThree-list-text">
                                2002年4月11日上午，建投集团大数据公司、哈尔滨工程大学计算机学院、省科学院智能制造研
                            </div>
                        </div>
                    </div>
                </div>
                <div class="publicHover col-md-4 col-xs-12">
                    <div class="modularThree-back">
                        <div class="modularThree-name">园林植物学科</div>
                        <div class="modularThree-list">
                            <div class="ce-img modularThree-list-img">
                                <span style="background-image: url(/assets/index/images/text/textImg_12.jpg);"></span>
                            </div>
                            <div class="ce-nowrap-multi modularThree-list-text">
                                2002年4月11日上午，建投集团大数据公司、哈尔滨工程大学计算机学院、省科学院智能制造研
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 模块四 -->
    <div class="container">
        {{--院级重点学科--}}
        <div class="publicTab">
            <ul class="publicTab-ul">
                <li role="presentation" class="active">
                    <img src="/assets/index/images/indexIcon/titleIcon_07.png"/>
                    {{ getOneCategory(32,'title') }}
                </li>
            </ul>
        </div>
        <div class="modularThree">
            <div class="row">
                <div class="publicHover col-md-4 col-xs-12">
                    <div class="modularThree-back">
                        <div class="modularThree-name">区域地理学</div>
                        <div class="modularThree-list">
                            <div class="ce-img modularThree-list-img">
                                <!-- 图片比例（5:3） -->
                                <span style="background-image: url(/assets/index/images/text/textImg_11.jpg);"></span>
                            </div>
                            <div class="ce-nowrap-multi modularThree-list-text">
                                2002年4月11日上午，建投集团大数据公司、哈尔滨工程大学计算机学院、省科学院智能制造研
                            </div>
                        </div>
                    </div>
                </div>
                <div class="publicHover col-md-4 col-xs-12">
                    <div class="modularThree-back">
                        <div class="modularThree-name">野生动物保护与利用学科</div>
                        <div class="modularThree-list">
                            <div class="ce-img modularThree-list-img">
                                <span style="background-image: url(/assets/index/images/text/textImg_12.jpg);"></span>
                            </div>
                            <div class="ce-nowrap-multi modularThree-list-text">
                                2002年4月11日上午，建投集团大数据公司、哈尔滨工程大学计算机学院、省科学院智能制造研
                            </div>
                        </div>
                    </div>
                </div>
                <div class="publicHover col-md-4 col-xs-12">
                    <div class="modularThree-back">
                        <div class="modularThree-name">火山学科</div>
                        <div class="modularThree-list">
                            <div class="ce-img modularThree-list-img">
                                <span style="background-image: url(/assets/index/images/text/textImg_10.jpg);"></span>
                            </div>
                            <div class="ce-nowrap-multi modularThree-list-text">
                                2002年4月11日上午，建投集团大数据公司、哈尔滨工程大学计算机学院、省科学院智能制造研
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 模块五 -->
    <div class="container">
        <div class="publicTab">
            <ul class="publicTab-ul">
                <li role="presentation" class="active">
                    <img src="/assets/index/images/indexIcon/titleIcon_08.png"/>
                    {{ getOneCategory(5,'title') }}
                </li>
            </ul>
        </div>
        <div class="modularFive">
            <div class="row">
                <div class="col-md-4 col-xs-12">
                    <div class="modularFive-top">
                        <span>国际合作平台</span>
                    </div>
                    <div class="modularThree-back">
                        <div class="modularThree-list">
                            <div class="ce-img modularFive-img">
                                <!-- 图片比例（3:2） -->
                                <span style="background-image: url(/assets/index/images/text/textImg_05.jpg);"></span>
                            </div>
                            <ul class="modularFive-list">
                                <li class="publicHover ce-nowrap-multi">
                                    联合国教科文组织国际自然与文化遗产空间技术中心哈尔滨分中心
                                </li>
                                <li class="publicHover ce-nowrap-multi">
                                    国际森林生物多样性检测网络寒温带森林样区
                                </li>
                                <li class="publicHover ce-nowrap-multi">
                                    中国-俄罗斯生态联合创新研究中心
                                </li>
                            </ul>
                        </div>
                        <div class="modularFive-more">
                            <span>查看更多</span><img src="/assets/index/images/indexIcon/indexRow.png"/>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-xs-12">
                    <div class="modularFive-top">
                        <span>国家级平台</span>
                    </div>
                    <div class="modularThree-back">
                        <div class="modularThree-list">
                            <div class="ce-img modularFive-img">
                                <!-- 图片比例（3:2） -->
                                <span style="background-image: url(/assets/index/images/text/textImg_06.jpg);"></span>
                            </div>
                            <ul class="modularFive-list">
                                <li class="publicHover ce-nowrap-multi">
                                    联合国教科文组织国际自然与文化遗产空间技术中心哈尔滨分中心
                                </li>
                                <li class="publicHover ce-nowrap-multi">
                                    国际森林生物多样性检测网络寒温带森林样区
                                </li>
                                <li class="publicHover ce-nowrap-multi">
                                    中国-俄罗斯生态联合创新研究中心
                                </li>
                            </ul>
                        </div>
                        <div class="modularFive-more">
                            <span>查看更多</span><img src="/assets/index/images/indexIcon/indexRow.png"/>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-xs-12">
                    <div class="modularFive-top">
                        <span>省级平台</span>
                    </div>
                    <div class="modularThree-back">
                        <div class="modularThree-list">
                            <div class="ce-img modularFive-img">
                                <!-- 图片比例（3:2） -->
                                <span style="background-image: url(/assets/index/images/text/textImg_07.jpg);"></span>
                            </div>
                            <ul class="modularFive-list">
                                <li class="publicHover ce-nowrap-multi">
                                    联合国教科文组织国际自然与文化遗产空间技术中心哈尔滨分中心
                                </li>
                                <li class="publicHover ce-nowrap-multi">
                                    国际森林生物多样性检测网络寒温带森林样区
                                </li>
                                <li class="publicHover ce-nowrap-multi">
                                    中国-俄罗斯生态联合创新研究中心
                                </li>
                            </ul>
                        </div>
                        <div class="modularFive-more">
                            <span>查看更多</span><img src="/assets/index/images/indexIcon/indexRow.png"/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 广告图片 -->
    <div class="container">
        <div class="indexAdvert">
            <div class="row">
                <div class="col-xs-12 col-md-12">
                    <img src="{{ getOneAdvertByCate(35,'cover_url') }}"/>
                </div>
            </div>
        </div>
    </div>

    <!-- 模块六 -->
    <div class="container">
        <div class="publicTab">
            <ul class="publicTab-ul">
                <li role="presentation" class="active">
                    <img src="/assets/index/images/indexIcon/titleIcon_09.png"/>
                    创新团队
                </li>
            </ul>
        </div>
        <div class="modularSix">
            <div class="row">
                <div class="col-md-4 col-xs-12">
                    <div class="modularThree-back">
                        <div class="ce-img modularSix-img">
                            <!-- 图片比例（5:3） -->
                            <span style="background-image: url(/assets/index/images/text/textImg_05.jpg);"></span>
                            <div class="ce-nowrap modularThree-img-title">天然植物功能产物团队</div>
                        </div>
                        <div class="ce-img modularSix-img">
                            <!-- 图片比例（5:3） -->
                            <span style="background-image: url(/assets/index/images/text/textImg_06.jpg);"></span>
                            <div class="ce-nowrap modularThree-img-title">寒地花卉创新团队</div>
                        </div>
                        <div class="ce-img modularSix-img">
                            <!-- 图片比例（5:3） -->
                            <span style="background-image: url(/assets/index/images/text/textImg_07.jpg);"></span>
                            <div class="ce-nowrap modularThree-img-title">湿地生态与恢复创新团队</div>
                        </div>
                    </div>
                </div>
                <div class="col-md-8 col-xs-12">
                    <div class="modularThree-back modularSix-space">
                        <div class="row">
                            <div class="col-md-4 col-xs-12 modularSix-padding">
                                <div class="modularSix-label">
                                    <div class="modularSix-label-cont">
                                        <img src="/assets/index/images/indexIcon/titleTem_00.png"/>
                                        <span>湿地生态与恢复</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-xs-12 modularSix-padding">
                                <div class="modularSix-label">
                                    <div class="modularSix-label-cont">
                                        <img src="/assets/index/images/indexIcon/titleTem_01.png"/>
                                        <span>湿地植物分子生态</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-xs-12 modularSix-padding">
                                <div class="modularSix-label">
                                    <div class="modularSix-label-cont">
                                        <img src="/assets/index/images/indexIcon/titleTem_02.png"/>
                                        <span>寒温带森林<br/>生物多样性保育</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-xs-12 modularSix-padding">
                                <div class="modularSix-label">
                                    <div class="modularSix-label-cont">
                                        <img src="/assets/index/images/indexIcon/titleTem_03.png"/>
                                        <span>火山植被生<br/>态协同进化</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-xs-12 modularSix-padding">
                                <div class="modularSix-label">
                                    <div class="modularSix-label-cont">
                                        <img src="/assets/index/images/indexIcon/titleTem_04.png"/>
                                        <span>智能生物多样性</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-xs-12 modularSix-padding">
                                <div class="modularSix-label">
                                    <div class="modularSix-label-cont">
                                        <img src="/assets/index/images/indexIcon/titleTem_05.png"/>
                                        <span>特色经济植物</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-xs-12 modularSix-padding">
                                <div class="modularSix-label">
                                    <div class="modularSix-label-cont">
                                        <img src="/assets/index/images/indexIcon/titleTem_06.png"/>
                                        <span>天然植物功能产物</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-xs-12 modularSix-padding">
                                <div class="modularSix-label">
                                    <div class="modularSix-label-cont">
                                        <img src="/assets/index/images/indexIcon/titleTem_07.png"/>
                                        <span>寒地花卉</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-xs-12 modularSix-padding">
                                <div class="modularSix-label">
                                    <div class="modularSix-label-cont">
                                        <img src="/assets/index/images/indexIcon/titleTem_08.png"/>
                                        <span>功能性园林植物</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-xs-12 modularSix-padding">
                                <div class="modularSix-label">
                                    <div class="modularSix-label-cont">
                                        <img src="/assets/index/images/indexIcon/titleTem_09.png"/>
                                        <span>保护动物保育</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-xs-12 modularSix-padding">
                                <div class="modularSix-label">
                                    <div class="modularSix-label-cont">
                                        <img src="/assets/index/images/indexIcon/titleTem_10.png"/>
                                        <span>自然遗产保护</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-xs-12 modularSix-padding">
                                <div class="modularSix-label">
                                    <div class="modularSix-label-cont">
                                        <img src="/assets/index/images/indexIcon/titleTem_11.png"/>
                                        <span>自然资源效应</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-xs-12 modularSix-padding">
                                <div class="modularSix-label">
                                    <div class="modularSix-label-cont">
                                        <img src="/assets/index/images/indexIcon/titleTem_12.png"/>
                                        <span>火山矿泉</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-xs-12 modularSix-padding">
                                <div class="modularSix-label">
                                    <div class="modularSix-label-cont">
                                        <img src="/assets/index/images/indexIcon/titleTem_13.png"/>
                                        <span>火山矿泥</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-xs-12 modularSix-padding">
                                <div class="modularSix-label">
                                    <div class="modularSix-label-cont">
                                        <img src="/assets/index/images/indexIcon/titleTem_14.png"/>
                                        <span>查看更多 &gt;&gt;</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 模块七 -->
    <div class="container">
        <div class="modularSever">
            <div class="row">
                {{--人才队伍--}}
                <div class="col-xs-12 col-md-9">
                    <div class="publicTab" style="margin-bottom: 0">
                        <ul class="publicTab-ul">
                            <li role="presentation" class="active">
                                <img src="/assets/index/images/indexIcon/titleIcon_10.png"/>
                                {{ getOneCategory(3,'title') }}
                            </li>
                        </ul>
                        <div class="publicTab-more" data-href="{{ getOneCategory(3,'link') }}">更多<span>+</span></div>
                    </div>
                    <div class="modularThree-back modularSix-space">
                        <div class="row">
                            @if (getArticlesBYCate(74,6)->isNotEmpty())
                                @foreach (getArticlesBYCate(74,6) as $info)
                                    <div class="col-xs-12 col-md-4 modularSix-padding">
                                        <div class="modularServe-label" data-href="{{ $article->link }}">
                                            <span>{{ $info->title }}</span>
                                        </div>
                                    </div>
                                @endforeach
                            @endif
                        </div>
                    </div>
                </div>
                {{--政府决策服务--}}
                <div class="col-xs-12 col-md-3">
                    <div class="publicTab" style="margin-bottom: 0">
                        <ul class="publicTab-ul">
                            <li role="presentation" class="active">
                                <img src="/assets/index/images/indexIcon/titleIcon_11.png"/>
                                {{ getOneCategory(27,'title') }}
                            </li>
                        </ul>
                    </div>
                    <div class="modularThree-back">
                        <ul class="modularServe-list">
                            @if (getArticlesBYCate(27,5)->isNotEmpty())
                                @foreach (getArticlesBYCate(74,5) as $info)
                                    <li data-href="{{ $article->link }}">
                                        <div class="ce-nowrap publicHover modularServe-name">
                                            {{ $info->title }}
                                        </div>
                                    </li>
                                @endforeach
                            @endif
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 模块七 -->
    <div class="container">
        <div class="modularEight">
            <div class="row">
                <div class="col-xs-12 col-md-3">
                    <div class="modularEight-label"
                         style="background-image: url('/assets/index/images/indexLabel_00.jpg');">
                        <div class="modularEight-title">国家博士后工作站</div>
                    </div>
                </div>
                <div class="col-xs-12 col-md-3">
                    <div class="modularEight-label"
                         style="background-image: url(/assets/index/images/indexLabel_01.jpg);">
                        <div class="modularEight-title">科学传播</div>
                    </div>
                </div>
                <div class="col-xs-12 col-md-3">
                    <div class="modularEight-label"
                         style="background-image: url(/assets/index/images/indexLabel_02.jpg);">
                        <div class="modularEight-title">黑龙江省生物多样性<br/>基础信息系统</div>
                    </div>
                </div>
                <div class="col-xs-12 col-md-3">
                    <div class="modularEight-label"
                         style="background-image: url(/assets/index/images/indexLabel_03.jpg);">
                        <div class="modularEight-title">人才招聘</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection

@push('script')
    <script type="text/javascript">
        $(document).ready(function () {
            $('.Rightfixed-img-code').hover(
                function () {
                    $('.Rightfixed-pop').css("display", "block");
                    $('.Rightfixed-img').css("width", "300px");
                },
                function () {
                    $('.Rightfixed-pop').css("display", "none");
                    $('.Rightfixed-img').css("width", "48px");
                }
            );
        });
    </script>
@endpush
