@extends('layouts.app')

@section('title', $parent->title)

@section('content')
    <!-- 面包屑导航 -->
    @include('category.navigation')

    <!-- 内容 -->
    <div class="container">
        <div class="row">
            <!-- 左侧导航部分 -->
        @include('category.left')
        <!-- 右侧内容部分 -->
            <div class="col-xs-12 col-md-9">
                <div class="levelRight">
                    <!-- start 党团活动 -->
                    <div class="partyActivity">
                        <div class="party-title">
                            <span>党团活动</span>
                            <div class="party-title-more">更多&gt;&gt;</div>
                        </div>
                        <div class="row">
                            <div class="col-xs-12 col-md-12">
                                <div class="partyActivity-label">
                                    <div class="ce-img partyActivity-img">
                                        <!-- 图片比例4:3 -->
                                        <span style="background-image: url(/assets/index/images/text/textImg_00.jpg);"></span>
                                    </div>
                                    <div class="partyActivity-cont">
                                        <div class="ce-nowrap partyActivity-cont-name">三江平原湿地生物多样性定位研究站</div>
                                        <div class="partyActivity-cont-time">2021-07-09</div>
                                        <div class="ce-nowrap-multi partyActivity-cont-text">
                                            黑龙江省科学院生物多样性重点实验室于1999年由黑龙江省科学院批准成立，实验室隶属于黑龙江省科学院自然与生态研究所。
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-12 col-md-12">
                                <div class="partyActivity-label">
                                    <div class="ce-img partyActivity-img">
                                        <!-- 图片比例4:3 -->
                                        <span style="background-image: url(/assets/index/images/text/textImg_19.jpg);"></span>
                                    </div>
                                    <div class="partyActivity-cont">
                                        <div class="ce-nowrap partyActivity-cont-name">三江平原湿地生物多样性定位研究站</div>
                                        <div class="partyActivity-cont-time">2021-07-09</div>
                                        <div class="ce-nowrap-multi partyActivity-cont-text">
                                            黑龙江省科学院生物多样性重点实验室于1999年由黑龙江省科学院批准成立，实验室隶属于黑龙江省科学院自然与生态研究所。
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-12 col-md-12">
                                <div class="partyActivity-label">
                                    <div class="ce-img partyActivity-img">
                                        <!-- 图片比例4:3 -->
                                        <span style="background-image: url(/assets/index/images/text/textImg_20.jpg);"></span>
                                    </div>
                                    <div class="partyActivity-cont">
                                        <div class="ce-nowrap partyActivity-cont-name">三江平原湿地生物多样性定位研究站</div>
                                        <div class="partyActivity-cont-time">2021-07-09</div>
                                        <div class="ce-nowrap-multi partyActivity-cont-text">
                                            黑龙江省科学院生物多样性重点实验室于1999年由黑龙江省科学院批准成立，实验室隶属于黑龙江省科学院自然与生态研究所。
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- end 党团活动 -->

                    <!-- start 精神文明建设 -->
                    <div class="partyBuild briefMargin">
                        <div class="party-title">
                            <span>精神文明建设</span>
                            <div class="party-title-more">更多&gt;&gt;</div>
                        </div>
                        <div class="row">
                            <div class="col-xs-12 col-md-5">
                                <div class="publicHover partyBuild-left">
                                    <div class="ce-img partyBuild-left-img">
                                        <!-- 图片比例4:3 -->
                                        <span style="background-image: url(/assets/index/images/text/textImg_20.jpg);"></span>
                                    </div>
                                    <div class="partyBuild-left-cont">
                                        <div class="partyBuild-left-time">
                                            五月<span>06</span>
                                        </div>
                                        <div class="ce-nowrap partyBuild-left-name">庆祝中国共产党成立100周年</div>
                                        <div class="ce-nowrap-multi partyBuild-left-text">
                                            2021年7月1日上午8时，庆祝中国共产党成立100周年大会在北京天安门广场隆重举行。
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-12 col-md-7">
                                <div class="partyBuild-right">
                                    <div class="publicHover partyBuild-label">
                                        <div class="ce-nowrap-multi partyBuild-right-time">
                                            五月<span>01</span>
                                        </div>
                                        <div class="ce-nowrap-multi partyBuild-right-name">黑龙江黑河国家森林生态系统定位观测研究站</div>
                                    </div>
                                    <div class="publicHover partyBuild-label">
                                        <div class="ce-nowrap-multi partyBuild-right-time">
                                            五月<span>05</span>
                                        </div>
                                        <div class="ce-nowrap-multi partyBuild-right-name">黑龙江省林下经济资源研发与利用协同创新中心</div>
                                    </div>
                                    <div class="publicHover partyBuild-label">
                                        <div class="ce-nowrap-multi partyBuild-right-time">
                                            五月<span>06</span>
                                        </div>
                                        <div class="ce-nowrap-multi partyBuild-right-name">
                                            联合国教科文组织国际自然与文化遗产空间技术中心哈尔滨分中心
                                        </div>
                                    </div>
                                    <div class="publicHover partyBuild-label">
                                        <div class="ce-nowrap-multi partyBuild-right-time">
                                            五月<span>07</span>
                                        </div>
                                        <div class="ce-nowrap-multi partyBuild-right-name">黑龙江省特色动植物利用工程技术研究中心</div>
                                    </div>
                                    <div class="publicHover partyBuild-label">
                                        <div class="ce-nowrap-multi partyBuild-right-time">
                                            五月<span>08</span>
                                        </div>
                                        <div class="ce-nowrap-multi partyBuild-right-name">黑龙江省中国科学院马克平生物多样性工作室</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- end 精神文明建设 -->

                    <!-- start 党建风采视频 -->
                    <div class="partyVideo">
                        <div class="party-title">
                            <span>党建风采视频</span>
                            <div class="party-title-more">更多&gt;&gt;</div>
                        </div>
                        <div class="partyVideo-cont">
                            <div class="row">
                                <div class="col-xs-12 col-md-8 partyVideo-padding">
                                    <div class="partyVideo-video">
                                        <video width="100%" height="100%" controls="" autoplay="" src="movie.mp4"
                                               poster="/assets/index/images/text/textImg_00.jpg"
                                               style="object-fit: fill;"></video>
                                    </div>
                                </div>
                                <div class="col-xs-12 col-md-4 partyVideo-padding">
                                    <div class="partyVideo-text"
                                         style="background-image: url(/assets/index/images/partyVide_back.jpg);">
                                        <span>党建风采视频</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- end 党建风采视频 -->
                </div>
            </div>
        </div>
    </div>
@endsection

