<template>
  <div id="index">
    <el-row>
      <el-row>
        <div class="w_0100 top">
          <div class="topTit">
            <div class="w_1200">
              <el-col :span="12" class="logo">
                <el-image style="width: 600px; height: 100px" :src="site.banner || ''"></el-image>
                <span class="logo_txt" :style="`background:${backColor}`">{{ site.name }}</span>
              </el-col>
              <el-col :span="12" class="search">
                <el-col :span="3" style="float: right;"
                  ><el-button type="danger" icon="el-icon-search" :style="`background:${backColor}; border-color:${borderCol}`"></el-button
                ></el-col>
                <el-col :span="10" style="float: right;" class="searchInput" :style="`border-color:${borderCol}`"
                  ><el-input v-model="input" placeholder="请输入内容"></el-input
                ></el-col>
              </el-col>
            </div>
          </div>
        </div>
      </el-row>
      <top-menu></top-menu>
      <div class="w_0100">
        <div class="w_1200">
          <el-col :span="24" class="main">
            <el-col :span="24" class="mainOne">
              <el-col class="mainOneLeft">
                <h3 class="pub-tit mb10">
                  <span class="tit-text j-focus-news-tab" :style="`border-color:${borderCol}`">就业新闻</span>
                  <a href="" class="check-more has-icon" title="更多" :style="`color:${color}`"
                    >MORE<i class="el-icon-video-play el-icon--right" style="color:#ccc;"></i
                  ></a>
                </h3>
                <el-col>
                  <div class="block" style="width: 460px;float: left;">
                    <el-carousel style="width:460px;height:250px;overflow-y: hidden;" ref="shubiao">
                      <el-carousel-item v-for="(item, index) in newList" :key="index" :name="`${index}`">
                        <img :src="item.picurl" class="newList" />
                      </el-carousel-item>
                    </el-carousel>
                  </div>
                  <el-col style="width:308px;float:right;" class="newListLi">
                    <ul>
                      <li v-for="(tag, index) in newList" :key="index" :type="tag.type" @mouseover="shuYi(index)" :class="newListActive(tag)">
                        <el-link :underline="false" @click="$router.push({ path: '/info/detail', query: { id: tag.id } })">{{ tag.title }}</el-link>
                      </li>
                    </ul>
                  </el-col>
                </el-col>
              </el-col>
              <el-col class="mainOneRight">
                <h3 class="pub-tit mb10">
                  <span class="tit-text j-focus-news-tab" :style="`border-color:${borderCol}`">最新公告</span>
                  <a href="" class="check-more has-icon" title="更多" :style="`color:${color}`"
                    >MORE<i class="el-icon-video-play el-icon--right" style="color:#ccc;"></i
                  ></a>
                </h3>
                <el-col :span="24">
                  <ul class="notice-list">
                    <li class="item" v-for="(tag, index) in gongList" :key="index" :type="tag.type">
                      <span class="mark" style="width:50px;" :style="`background:${backColor}`">{{ tag.date }}</span>
                      <a target="_blank" href="" class="link" title="">{{ tag.title }}</a>
                    </li>
                  </ul>
                </el-col>
              </el-col>
            </el-col>
            <el-col :span="24" class="mainTwo">
              <ul>
                <li class="red">
                  <a>
                    <span class="mainTwoIcon"><i class="el-icon-user"></i></span>
                    <span class="mainTwoTit">生源信息</span>
                  </a>
                </li>
                <li class="green">
                  <a href="http://hr.smart.cc-lotus.info/www/login">
                    <span class="mainTwoIcon"><i class="el-icon-office-building"></i></span>
                    <span class="mainTwoTit">单位登录/注册</span>
                  </a>
                </li>
                <li class="blue">
                  <a href="/www/student/login">
                    <span class="mainTwoIcon"><i class="el-icon-user"></i></span>
                    <span class="mainTwoTit">学生登录</span>
                  </a>
                </li>
                <li class="orange">
                  <a>
                    <span class="mainTwoIcon"><i class="el-icon-user"></i></span>
                    <span class="mainTwoTit">管理员登录</span>
                  </a>
                </li>
              </ul>
            </el-col>
            <el-col :span="24" class="mainThr">
              <el-col class="mainThrSide">
                <el-col class="mainThrSideRili">
                  <el-calendar v-model="value"> </el-calendar>
                </el-col>
                <el-col class="mainThrSideExp">
                  <el-col class="sideExpTit" :style="`background:${backColor}`">
                    <i class="el-icon-s-custom"></i>
                    <h3>快速通道</h3>
                  </el-col>
                  <el-col class="sideExpLi">
                    <ul>
                      <li>
                        <el-link href="http://ccut.51langtu.com/improperBrowser.htm" title="" :underline="false">职业测评</el-link>
                      </li>
                      <li>
                        <el-link href="http://xlzx.zt.ccut.edu.cn/" title="" :underline="false">就业心理咨询</el-link>
                      </li>
                      <li>
                        <el-link href="http://www.jilinjobs.cn/" title="" :underline="false">就业信息网</el-link>
                      </li>
                      <li>
                        <el-link href="http://wzb.dept.ccut.edu.cn/" title="" :underline="false">应征入伍</el-link>
                      </li>
                    </ul>
                  </el-col>
                </el-col>
                <el-col class="mainThrSideCom">
                  <h3 class="pub-tit mb10">
                    <span class="tit-text j-focus-news-tab" :style="`border-color:${borderCol}`">合作单位</span>
                  </h3>
                  <el-col>
                    <el-carousel height="200px" direction="vertical" :autoplay="true">
                      <el-carousel-item v-for="(item, index) in imgList" :key="index">
                        <img :src="item.url" class="imgList" />
                      </el-carousel-item>
                    </el-carousel>
                  </el-col>
                  <el-col class="mainThrSideCont">
                    <h4 class="ii-tit" :style="`color:${color}`">联系我们</h4>
                    <p class="ii-text">联系地址：长春市朝阳区延安大街2055号</p>
                    <p class="ii-text">邮政编码：130012</p>
                    <p class="ii-text">服务热线：0431-85716395；0431-85717117</p>
                    <p class="ii-text">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0431-85717118；</p>
                    <p class="ii-text">传真号码：0431-85717100</p>
                    <p class="ii-text">邮箱地址：ccutjob@163.com</p>
                  </el-col>
                </el-col>
              </el-col>
              <el-col class="mainThrMain">
                <el-col class="ThrMainSch" :style="`border-color:${borderCol}`">
                  <el-tabs type="border-card">
                    <el-tab-pane label="校内宣讲">
                      <el-row class="intraLink">
                        <el-col :span="12" class="intraLinkIn" v-for="(item, index) in listSchIn" :key="index">
                          <el-col :span="18">
                            <el-col :span="24">
                              <el-link
                                style="font-size:18px;"
                                :underline="false"
                                @click.native="$router.push({ path: '/talk/detail', query: { id: item.id } })"
                              >
                                {{ item.title }}
                              </el-link>
                            </el-col>
                            <el-col :span="24" style="color:#999;">{{ item.schname }} </el-col>
                            <el-col :span="24" style="color:#999;">{{ item.address }} </el-col>
                          </el-col>
                          <el-col :span="6">
                            <el-col :span="24" style="color:red;">{{ item.time }} </el-col>
                            <el-col :span="24"><i class="el-icon-view"></i>{{ item.team_size }}</el-col>
                          </el-col>
                        </el-col>
                      </el-row>
                    </el-tab-pane>
                    <el-tab-pane label="双选会">
                      <el-row class="mainSchDou">
                        <el-col :span="24" class="intraLink shuangxuanhui" v-for="(item, index) in jobfairList" :key="index">
                          <el-col class="shuangxuanTit">
                            <p class="shuangxuanTit_txt">
                              <el-link :underline="false" @click.native="$router.push({ path: '/jobfair/detail', query: { id: item.id } })">
                                {{ item.title }}
                              </el-link>
                              <span class="shuangxuanTit_txtSpan">
                                校外
                              </span>
                              <span class="shuangxuanTit_txtSpan">
                                过
                              </span>
                            </p>
                            <p class="shuangxuanTit_txt">主办方：{{ item.organizer }}</p>
                            <p class="shuangxuanTit_txt">{{ item.address }}</p>
                          </el-col>
                          <el-col class="shuangxuanDate">
                            <p class="shuangxuanDateTime">{{ item.time }}</p>
                          </el-col>
                        </el-col>
                      </el-row>
                    </el-tab-pane>
                    <el-tab-pane label="校外宣讲">
                      <el-row class="intraLink">
                        <el-col :span="12" class="intraLinkIn" v-for="(item, index) in listSchOut" :key="index">
                          <el-col :span="18">
                            <el-col :span="24">
                              <el-link
                                style="font-size:18px;"
                                :underline="false"
                                @click.native="$router.push({ path: '/talk/detail', query: { id: item.id } })"
                              >
                                {{ item.title }}
                              </el-link>
                            </el-col>
                            <el-col :span="24" style="color:#999;">{{ item.schname }} </el-col>
                            <el-col :span="24" style="color:#999;">{{ item.address }} </el-col>
                          </el-col>
                          <el-col :span="6">
                            <el-col :span="24" style="color:red;">{{ item.time }} </el-col>
                            <el-col :span="24"><i class="el-icon-view"></i>{{ item.team_size }}</el-col>
                          </el-col>
                        </el-col>
                      </el-row>
                    </el-tab-pane>
                    <el-tab-pane label="招聘快讯">
                      <el-row>
                        <el-col :span="24" class="jobinfo" v-for="(item, index) in PostInfos" :key="index">
                          <el-col :span="24"
                            ><el-link :underline="false" @click.native="$router.push({ path: '/jobinfo/detail', query: { id: item.id } })">{{
                              item.corpname
                            }}</el-link></el-col
                          >
                          <el-col :span="24">{{ item.title }}</el-col>
                        </el-col>
                      </el-row>
                    </el-tab-pane>
                  </el-tabs>
                  <a href="" class="tabsMore" target="_blank" title="更多" :style="`color:${color}`"
                    >MORE<i class="el-icon-video-play el-icon--right" style="color:#ccc;"></i
                  ></a>
                </el-col>
                <el-col class="ThrMainExa" :style="`border-color:${borderCol}`">
                  <el-tabs type="border-card">
                    <el-tab-pane label="吉林省事业单位招聘">
                      <ul class="ThrMainExaUnit">
                        <li class="link" v-for="(tag, index) in causeList" :key="index" :type="tag.type">
                          <p class="item-text">
                            <el-link
                              :underline="false"
                              href="http://www.jlzkb.com/cms/root/ksdtdetail.vm?content=L-iAg-ivleaKpeWQjS_kuovkuJrljZXkvY3mi5vogZjogIPor5UvNzZiYWU0MmYtNTBlYy00ZmY2LTlkMjAtMDQ1MjY0OTM1NmZk"
                              class="item-link has-dot"
                              target="_blank"
                              :title="tag.title"
                            >
                              <span class="dot"></span>&nbsp;&nbsp;{{ tag.title }}
                            </el-link>
                          </p>
                          <span class="item-time">{{ tag.date }}</span>
                        </li>
                      </ul>
                    </el-tab-pane>
                    <el-tab-pane label="吉林省教师招聘">
                      <ul class="ThrMainExaUnit">
                        <li class="link" v-for="(tag, index) in teacherList" :key="index" :type="tag.type">
                          <p class="item-text">
                            <el-link
                              :underline="false"
                              href="http://www.zgsydw.com/jilin/20190821/567206_1.html"
                              class="item-link has-dot"
                              target="_blank"
                              title=""
                            >
                              <span class="dot"></span>&nbsp;&nbsp;{{ tag.title }}
                            </el-link>
                          </p>
                          <span class="item-time">{{ tag.date }}</span>
                        </li>
                      </ul>
                    </el-tab-pane>
                  </el-tabs>
                  <a href="" class="tabsMore" target="_blank" title="更多" :style="`color:${color}`"
                    >MORE<i class="el-icon-video-play el-icon--right" style="color:#ccc;"></i
                  ></a>
                </el-col>
                <el-col class="ThrMainGov" :style="`border-color:${borderCol}`">
                  <el-tabs type="border-card">
                    <el-tab-pane label="事业单位">
                      <ul class="ThrMainGovIns">
                        <li class="link" v-for="(tag, index) in tagsIns" :key="index" :type="tag.type">
                          <p class="item-text">
                            <el-link
                              :underline="false"
                              href="http://www.chinagwy.org/html/gdzk/anhui/201910/66_321419.html"
                              class="item-link has-dot"
                              target="_blank"
                              title=""
                            >
                              <span class="dot"></span>&nbsp;&nbsp;{{ tag.title }}
                            </el-link>
                          </p>
                          <span class="item-time">{{ tag.date }}</span>
                        </li>
                      </ul>
                    </el-tab-pane>
                    <el-tab-pane label="公务员">
                      <ul class="ThrMainGovIns">
                        <li class="link" v-for="(tag, index) in tagsCiv" :key="index" :type="tag.type">
                          <p class="item-text">
                            <el-link
                              :underline="false"
                              href="http://www.chinagwy.org/html/kszc/gj/201910/42_321246.html"
                              class="item-link has-dot"
                              target="_blank"
                              title=""
                            >
                              <span class="dot"></span>&nbsp;&nbsp;{{ tag.title }}
                            </el-link>
                          </p>
                          <span class="item-time">{{ tag.date }}</span>
                        </li>
                      </ul>
                    </el-tab-pane>
                    <el-tab-pane label="选调生">
                      <ul class="ThrMainGovIns">
                        <li class="link" v-for="(tag, index) in tagsSel" :key="index" :type="tag.type">
                          <p class="item-text">
                            <el-link :underline="false" href="http://jilin.cnxds.com/view-48450-1.html" class="item-link has-dot" target="_blank" title="">
                              <span class="dot"></span>&nbsp;&nbsp;{{ tag.title }}
                            </el-link>
                          </p>
                          <span class="item-time">{{ tag.date }}</span>
                        </li>
                      </ul>
                    </el-tab-pane>
                    <el-tab-pane label="西部计划">
                      <ul class="ThrMainGovIns">
                        <li class="link" v-for="(tag, index) in tagsWes" :key="index" :type="tag.type">
                          <p class="item-text">
                            <el-link
                              :underline="false"
                              href="http://www.chinajob.gov.cn/EmploymentServices/content/2018-03/30/content_1400808.htm"
                              class="item-link has-dot"
                              target="_blank"
                              title=""
                            >
                              <span class="dot"></span>&nbsp;&nbsp;{{ tag.title }}
                            </el-link>
                          </p>
                          <span class="item-time">{{ tag.date }}</span>
                        </li>
                      </ul>
                    </el-tab-pane>
                    <el-tab-pane label="特岗教师">
                      <ul class="ThrMainGovIns">
                        <li class="link" v-for="(tag, index) in tagsSpe" :key="index" :type="tag.type">
                          <p class="item-text">
                            <el-link
                              :underline="false"
                              href="http://hb.zgjsks.com/html/2019/ksgg_0728/34190.html"
                              class="item-link has-dot"
                              target="_blank"
                              title=""
                            >
                              <span class="dot"></span>&nbsp;&nbsp;{{ tag.title }}
                            </el-link>
                          </p>
                          <span class="item-time">{{ tag.date }}</span>
                        </li>
                      </ul>
                    </el-tab-pane>
                    <el-tab-pane label="三扶一支">
                      <ul class="ThrMainGovIns">
                        <li class="link" v-for="(tag, index) in tagsThr" :key="index" :type="tag.type">
                          <p class="item-text">
                            <el-link
                              :underline="false"
                              href="http://szyf.offcn.com/2019/gonggao_1014/34350.html"
                              class="item-link has-dot"
                              target="_blank"
                              title=""
                            >
                              <span class="dot"></span>&nbsp;&nbsp;{{ tag.title }}
                            </el-link>
                          </p>
                          <span class="item-time">{{ tag.date }}</span>
                        </li>
                      </ul>
                    </el-tab-pane>
                    <el-tab-pane label="大学生村官">
                      <ul class="ThrMainGovIns">
                        <li class="link" v-for="(tag, index) in tagsCol" :key="index" :type="tag.type">
                          <p class="item-text">
                            <el-link :underline="false" href="http://cgks.offcn.com/2019/gg_1014/7953.html" class="item-link has-dot" target="_blank" title="">
                              <span class="dot"></span>&nbsp;&nbsp;{{ tag.title }}
                            </el-link>
                          </p>
                          <span class="item-time">{{ tag.date }}</span>
                        </li>
                      </ul>
                    </el-tab-pane>
                  </el-tabs>
                  <a href="" class="tabsMore" target="_blank" title="更多" :style="`color:${color}`"
                    >MORE<i class="el-icon-video-play el-icon--right" style="color:#ccc;"></i
                  ></a>
                </el-col>
                <el-col class="ThrMainLogin" :span="24">
                  <el-link :underline="false"> <el-image style="width: 253px; height: 35px" :src="yizhan"></el-image></el-link>
                  <el-link :underline="false" href="http://jilinbys.ncss.org.cn/login">
                    <el-image style="width: 98px; height: 37px" :src="xuesheng"></el-image>
                  </el-link>
                  <el-link :underline="false" href="http://jilinbys.ncss.org.cn/rec/login">
                    <el-image style="width: 98px; height: 37px" :src="danwei"></el-image>
                  </el-link>
                  <el-link :underline="false" href="http://file.ncss.org.cn/ncsFile/ncss/guidebook/student_guide.pdf">
                    <el-image style="width: 141px; height: 24px" :src="shouce"></el-image>
                  </el-link>
                  <el-link :underline="false" href="http://file.ncss.org.cn/ncsFile/ncss/guidebook/rec_guide.pdf">
                    <el-image style="width: 141px; height: 24px" :src="shouces"></el-image>
                  </el-link>
                </el-col>
                <el-col :span="24">
                  <!-- <el-col :span="12" class="tagsOne" v-for="(tag, index) in tagsOne" :key="index" :type="tag.type">
                    <el-link
                      :underline="false"
                      href="https://jilinbys.ncss.org.cn/student/jobs/VAadds1mRRfGhyhYM88iEe/detail.html"
                      class="item-link has-dot"
                      target="_blank"
                    >
                      <p style="font-size:13px;">{{ tag.title }}({{ tag.date }})</p>
                    </el-link>
                  </el-col>
                     -->
                  <el-col :span="12" class="tagsOne">
                    <el-link
                      :underline="false"
                      href="https://jilinbys.ncss.org.cn/student/jobs/VAadds1mRRfGhyhYM88iEe/detail.html"
                      class="item-link has-dot"
                      target="_blank"
                    >
                      <p style="font-size:13px;">[广西] 中国建筑材料工业地质勘查中心广西总队(10-15)</p>
                    </el-link>
                  </el-col>
                  <el-col :span="12" class="tagsOne">
                    <el-link
                      :underline="false"
                      href="https://jilinbys.ncss.org.cn/student/jobs/JANbH3pS6s6WWuvnssqdWr/detail.html"
                      class="item-link has-dot"
                      target="_blank"
                    >
                      <p style="font-size:13px;">[重庆] 重庆时代安妮花教育科技有限公司(10-15)</p>
                    </el-link>
                  </el-col>
                  <el-col :span="12" class="tagsOne">
                    <el-link
                      :underline="false"
                      href="https://jilinbys.ncss.org.cn/student/jobs/bEdbn2ZjZ5KpCtRj5ETh6/detail.html"
                      class="item-link has-dot"
                      target="_blank"
                    >
                      <p style="font-size:13px;">[江苏] 南京集思慧远生物科技有限公司(10-15)</p>
                    </el-link>
                  </el-col>
                  <el-col :span="12" class="tagsOne">
                    <el-link
                      :underline="false"
                      href="https://jilinbys.ncss.org.cn/student/jobs/NEDYx3qk8pCSVAmpWaS7tL/detail.html"
                      class="item-link has-dot"
                      target="_blank"
                    >
                      <p style="font-size:13px;">[北京] 禹唐体育（北京）有限公司(10-15)</p>
                    </el-link>
                  </el-col>
                  <el-col :span="12" class="tagsOne">
                    <el-link
                      :underline="false"
                      href="https://jilinbys.ncss.org.cn/student/jobs/Doxj7qGNbEKXcJQwWKENqW/detail.html"
                      class="item-link has-dot"
                      target="_blank"
                    >
                      <p style="font-size:13px;">[广东] 粤澳中医药科技产业园开发有限公司(10-15)</p>
                    </el-link>
                  </el-col>
                  <el-col :span="12" class="tagsOne">
                    <el-link
                      :underline="false"
                      href="https://jilinbys.ncss.org.cn/student/jobs/PvpzLxXwCLE7QJrb4idG3P/detail.html"
                      class="item-link has-dot"
                      target="_blank"
                    >
                      <p style="font-size:13px;">[其他] 唐山趣编程教育科技有限公司(10-15)</p>
                    </el-link>
                  </el-col>
                  <el-col :span="12" class="tagsOne">
                    <el-link
                      :underline="false"
                      href="https://jilinbys.ncss.org.cn/student/jobs/XhKSwhjhDuwABx7SfdERT3/detail.html"
                      class="item-link has-dot"
                      target="_blank"
                    >
                      <p style="font-size:13px;">[内蒙古] 中国平安财产保险股份有限公司鄂尔多斯中心支公司(10-15)</p>
                    </el-link>
                  </el-col>
                  <el-col :span="12" class="tagsOne">
                    <el-link
                      :underline="false"
                      href="https://jilinbys.ncss.org.cn/student/jobs/JnUimALdoEj7go7dYaaHPe/detail.html"
                      class="item-link has-dot"
                      target="_blank"
                    >
                      <p style="font-size:13px;">[北京] 卓然天工自动化仪表（北京）有限公司(10-15)</p>
                    </el-link>
                  </el-col>
                  <el-col :span="12" class="tagsOne">
                    <el-link
                      :underline="false"
                      href="https://jilinbys.ncss.org.cn/student/jobs/J2TkYt1KomCptC48cwreTS/detail.html"
                      class="item-link has-dot"
                      target="_blank"
                    >
                      <p style="font-size:13px;">[辽宁] 瓦房店凯迪教育培训学校(10-15)</p>
                    </el-link>
                  </el-col>
                  <el-col :span="12" class="tagsOne">
                    <el-link
                      :underline="false"
                      href="https://jilinbys.ncss.org.cn/student/jobs/Dy3AJry9w6RJBetHe8dRXS/detail.html"
                      class="item-link has-dot"
                      target="_blank"
                    >
                      <p style="font-size:13px;">[北京] 北京八维研修学院(10-15)</p>
                    </el-link>
                  </el-col>
                </el-col>
              </el-col>
            </el-col>
            <el-col :span="24" class="mainFour">
              <div class="friendly-link">
                <div class="tab">
                  <div class="tab-head" :style="`border-color:${borderCol}`">
                    <ul class="tab-list">
                      <li class="tab-item curr">
                        <span class="tab-text" :style="`color:${color}`">友情链接</span>
                      </li>
                    </ul>
                  </div>
                </div>
                <div class="link-list-wrap">
                  <ul class="link-list">
                    <li class="link-item">
                      <a href="" class="link" title="新职业网" target="_blank" rel="nofollow">
                        <img src="../../assets/1471336196-8812.jpg" alt="" />
                      </a>
                    </li>
                    <li class="link-item">
                      <a href="" class="link" title="全国大学生创业服务网" target="_blank" rel="nofollow">
                        <img src="../../assets/1521460555-1404.png" alt="" />
                      </a>
                    </li>
                    <li class="link-item">
                      <a href="" class="link" title="国际组织实习任职信息服务平台" target="_blank" rel="nofollow">
                        <img src="../../assets/1521460609-6852.jpg" alt="" />
                      </a>
                    </li>
                    <li class="link-item">
                      <a href="" class="link" title="智联招聘" target="_blank" rel="nofollow">
                        <img src="../../assets/1471336196-8812.jpg" alt="" />
                      </a>
                    </li>
                    <li class="link-item">
                      <a href="" class="link" title="中国企业人才信息网" target="_blank" rel="nofollow">
                        <img src="../../assets/1471336823-7406.gif" alt="" />
                      </a>
                    </li>
                    <li class="link-item">
                      <a href="" class="link" title="应届生求职网" target="_blank" rel="nofollow">
                        <img src="../../assets/1471336777-9628.gif" alt="" />
                      </a>
                    </li>
                    <li class="link-item">
                      <a href="" class="link" title="长春创业就业博览会" target="_blank" rel="nofollow">
                        <img src="../../assets/1471336731-1731.jpg" alt="" />
                      </a>
                    </li>
                    <li class="link-item">
                      <a href="" class="link" title="学信就业" target="_blank" rel="nofollow">
                        <img src="../../assets/1471336685-8591.gif" alt="" />
                      </a>
                    </li>
                    <li class="link-item">
                      <a href="" class="link" title="佛山人才网" target="_blank" rel="nofollow">
                        <img src="../../assets/1471336564-3155.jpg" alt="" />
                      </a>
                    </li>
                    <li class="link-item">
                      <a href="" class="link" title="吉林省人力资源开发管理云平台" target="_blank" rel="nofollow">
                        <img src="../../assets/1476839512-5798.jpg" alt="" />
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </el-col>
          </el-col>
        </div>
      </div>
      <div class="w_0100 footer">
        <div class="w_1200">
          <foot> </foot>
        </div>
      </div>
      <el-row class="tankuang">
        <el-button onClick="javascript:this.parentNode.style.display='none';">关闭</el-button>
        <el-image :src="url"></el-image>
      </el-row>
    </el-row>
    <el-backtop target=""><i class="el-icon-upload2"></i></el-backtop>
  </div>
</template>

<script>
import foot from '@/layout/layout-part/foot.vue';
import topMenu from '@/layout/layout-part/top-menu.vue';
import { mapActions, mapState } from 'vuex';
export default {
  name: 'index',
  props: {
    newList: null,
    gongList: null,
    listSchIn: null,
    jobfairList: null,
    listSchOut: null,
    PostInfos: null,
    causeList: null,
    teacherList: null,
    tagsIns: null,
    tagsCiv: null,
    tagsSel: null,
    tagsWes: null,
    tagsSpe: null,
    tagsThr: null,
    tagsCol: null,
    tagsOne: null,
    site: null,
  },
  components: {
    foot,
    topMenu,
  },
  data: () => ({
    color: '#850000',
    backColor: '#850000',
    borderCol: '#850000',
    input: '',
    activeIndex: '1',
    value: new Date(),
    imgList: [
      { url: require('@/assets/1478484593-1797.png') },
      { url: require('@/assets/1478484616-6180.png') },
      { url: require('@/assets/1478484640-8529.png') },
    ],
    url: require('@/assets/xinxi.png'),
    yizhan: require('@/assets/yizhan.jpg'),
    xuesheng: require('@/assets/xuesheng.jpg'),
    danwei: require('@/assets/danwei.jpg'),
    shouce: require('@/assets/shouce.jpg'),
    shouces: require('@/assets/shouces.jpg'),
  }),
  created() {},
  computed: {},
  methods: {
    handleSelect(key, keyPath) {
      // console.log(key, keyPath);
    },
    shuYi(index) {
      this.$refs.shubiao.setActiveItem(`${index}`);
      // console.log(this.$refs.shubiao);
    },
    newListActive(item) {},
  },
};
</script>

<style lang="less" scoped>
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
}
ul {
  margin: 0;
  padding: 0;
}
li {
  margin: 0;
  padding: 0;
  list-style: none;
}
p {
  margin: 0;
  padding: 0;
}
img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.jobinfo {
  padding: 14px;
  border-bottom: 1px dashed #ccc;
  overflow: hidden;
}
.pz_top {
  float: left;
  width: 100%;
  min-width: 1200px;
  z-index: 101;
  background-color: rgb(255, 255, 255) !important;
}
.pz_banner {
  float: left;
  width: 100%;
  min-width: 1200px;
  position: relative;
  overflow: hidden;
  min-height: 260px;
}
.pz_main {
  float: left;
  width: 100%;
  min-width: 1200px;
  overflow: hidden;
  position: relative;
}
.pz_down {
  float: left;
  width: 100%;
  min-width: 1200px;
  background: #028593;
}
.pz_menu {
  float: left;
  width: 100%;
  min-width: 1200px;
}
.w_0100 {
  float: left;
  width: 100%;
}
.w_1200 {
  margin: 0 auto;
  width: 1200px;
}
.top {
  float: left;
  width: 100%;
  height: 334px;
  background-image: url(../../assets/logo_beijing.png);
}
.topTit {
  width: 100%;
  height: 344px;
  background: url(../../assets/bg-shade.png) right bottom repeat-x;
}
.logo {
  float: left;
  width: 50%;
  padding: 80px 0;
}
.logo_txt {
  margin-right: 6px;
  font-size: 11px;
  background: #850000;
  color: #fff;
  padding: 2px 10px;
  display: inline;
  border-radius: 6px;
}
.search {
  padding: 235px 0 0 0;
}
.search .searchInput {
  border: 2px solid;
}
/deep/.search .el-input__inner {
  height: 26px;
  border-radius: 0;
  border: none;
}
/deep/.search .el-button {
  width: 60px;
  height: 30px;
  border-radius: 0;
  padding: 0px 0 0 0;
  background: #850000;
  border: 2px solid;
}
.menu {
  position: relative;
  top: -45px;
  height: 40px;
}
/deep/.el-menu--horizontal > .el-menu-item {
  height: 40px;
  line-height: 40px;
  width: 110px;
  text-align: center;
}
.el-submenu {
  width: 110px;
  text-align: center;
}
/deep/.el-menu--horizontal > .el-submenu .el-submenu__icon-arrow {
  display: none;
}
/deep/.el-menu--horizontal > .el-submenu .el-submenu__title {
  height: 40px;
  line-height: 40px;
  border-bottom-color: #850000 !important;
}
/deep/.el-menu--popup {
  min-width: 110px !important;
}
/deep/.el-menu--popup-bottom-start {
  margin-top: 0px;
}
/deep/.menu .el-menu.el-menu--horizontal {
  border-bottom: none;
  background: #850000;
}
/deep/.el-menu--horizontal > .el-menu-item.is-active {
  color: #fff;
  border-bottom: none;
}
.main {
  margin: 20px 0;
}
.mainOne {
  float: left;
  width: 100%;
  height: 316px;
}

.mainOneLeft {
  float: left;
  width: 808px;
  height: 316px;
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 10px 15px;
}
// 轮播图
/deep/.el-carousel__indicators--horizontal {
  display: none;
}
.newList {
  width: 460px;
  height: 250px;
}
.newListLi ul li {
  padding: 10px 15px 10px;
  border-bottom: 1px dashed #f6f6f6;
}
.newListActive {
  background: #850000;
}
.pub-tit {
  font-weight: normal;
  border-bottom: 1px solid #eee;
  position: relative;
}
.mb10 {
  margin-bottom: 10px !important;
}
.pub-tit .tit-text {
  border-bottom: 2px solid;
  display: inline-block;
  font-size: 16px;
  vertical-align: middle;
  position: relative;
  margin-bottom: -1px;
  padding: 0 0 8px;
}
.pub-tit .check-more {
  color: #850000;
  position: absolute;
  line-height: 24px;
  height: 24px;
  top: 0;
  right: 0;
  z-index: 5;
  font-size: 12px;
}
.mainOneRight .notice-list {
  height: 250px;
  overflow: hidden;
}
.mainOneRight .notice-list .item {
  border-bottom: 1px dashed #ddd;
  position: relative;
  padding: 10px 0 9px 60px;
}
.mainOneRight .notice-list .mark {
  background-color: #a90d0d;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 0;
  line-height: 30px;
  height: 30px;
  margin-top: -15px;
  padding: 0 5px;
  width: 50px;
  text-align: center;
}
.mainOneRight .notice-list .link {
  display: block;
  line-height: 30px;
  height: 30px;
  margin: 0 0 0 10px;
  color: #333;
  font-size: 12px;
}
.link {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mainOneRight .notice-list .link:hover {
  color: #850000;
}
.mainOneRight .notice-list .link,
.login-module .lm-text,
.company-list .company-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mainOneRight .item .mark_img {
  position: absolute;
  top: 35%;
  left: 16%;
}
.mainOneRight {
  float: left;
  background-color: #fff;
  width: 372px;
  height: 316px;
  margin: 0 0 0 20px;
  border: 1px solid #ddd;
  padding: 10px 15px;
}
.mainTwo {
  float: left;
  height: 74px;
  position: relative;
  margin-top: 10px;
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 10px;
}

.mainTwo ul li {
  float: left;
  width: 259px;
  border-radius: 15px;
  padding: 10px 0 10px 25px;
  margin: 0 10px 0 0;
}
.red {
  background-color: #d0122c;
}
.green {
  background-color: #75d53a;
}
.blue {
  background-color: #47c0ff;
}
.orange {
  background-color: #ff9147;
}
.mainTwo ul li .mainTwoIcon {
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 90px;
  background: #fff;
  text-align: center;
  line-height: 35px;
  color: #333;
}
.mainTwo ul li .mainTwoTit {
  color: #fff;
  font-weight: bold;
  padding: 0 0 0 10px;
}

.mainThr {
  float: left;
  width: 100%;
  margin-top: 20px;
  min-height: 1300px;
}
.mainThrSide {
  float: left;
  width: 340px;
  background-color: #fff;
}
.mainThrSideRili {
  width: 340px;
  height: 343px;
  border: 1px solid #ccc;
}
.mainThrSideExp {
  width: 340px;
  height: 188px;
  margin-top: 10px;
}
.sideExpTit {
  width: 340px;
  height: 50px;
  background: #850000;
  color: #fff;
}
.sideExpTit i {
  float: left;
  font-size: 23px;
  padding: 14px;
}
.sideExpTit h3 {
  float: left;
  width: 260px;
  height: 50px;
  line-height: 50px;
}
.sideExpLi {
  width: 360px;
  height: 138px;
}
.sideExpLi ul li {
  float: left;
  background-color: #fff;
  border: 1px dashed #ddd;
  border-radius: 3px;
  display: table;
  width: 138px;
  text-align: center;
  margin: 10px 20px 0 0;
  padding: 5px 10px;
}
.sideExpLi ul li:hover {
  border: 1px dashed #850000;
}
.sideExpLi ul li:hover .el-link {
  color: #850000;
}
.sideExpLi ul li .el-link {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  height: 42px;
  color: #333333;
}
.sideExpLi ul li .el-link .el-link--inner {
  cursor: pointer;
  display: block;
  max-height: 42px;
  overflow: hidden;
}
.mainThrSideCom {
  float: left;
  width: 340px;
  height: 610px;
  margin-bottom: 20px;
  margin-top: 20px;
}
/deep/.el-carousel__indicators--vertical {
  display: none;
}
.imgList {
  height: 200px;
}
.mainThrSideCont {
  float: left;
  width: 340px;
  height: 170px;
  margin: 100px 0 0 0;
}
.mainThrSideCont .ii-tit {
  color: #a90d0d;
  font-size: 16px;
  font-weight: bold;
}
.mainThrSideCont .ii-text {
  font-size: 14px;
  height: 21px;
  line-height: 21px;
}

/deep/.el-calendar__body {
  padding: 0;
}
/deep/.el-calendar-table thead th {
  padding: 10px 0;
}
/deep/.el-calendar-table .el-calendar-day {
  height: 40px;
  line-height: 40px;
  padding: 0 0 0 15px;
}
/deep/.el-calendar-table thead {
  background-color: #c45353;
}
/deep/.el-calendar-table thead th {
  color: #fff;
}
.mainThrMain {
  float: right;
  width: 838px;
  background-color: #fff;
}
.ThrMainSch {
  position: relative;
  float: left;
  width: 100%;
  height: 309px;
  margin-bottom: 20px;
  border-top: 2px solid;
}
.tabsMore {
  position: absolute;
  top: 10px;
  float: right;
  right: 10px;
  color: #850000;
  font-size: 12px;
}
/*校内宣讲*/
.intraLinkIn {
  padding: 10px;
  border-bottom: 1px dashed #ccc;
}
.intraLink .intraLinkDate {
  float: left;
  width: 60px;
  height: 60px;
  border: 1px solid #ddd;
  text-align: center;
  line-height: 25px;
}

.intraLink .intraLinkDate span {
  color: #850000;
  font-size: 18px;
}

.intraLinkTit {
  float: left;
  width: 236px;
  margin-left: 10px;
}
.intraLinkTitCom {
  float: left;
  width: 236px;
}

.intraLinkTitCom .el-link {
  float: left;
  font-size: 16px;
  color: #850000;
  width: 216px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.intraLinkTitCom span {
  float: right;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  background-color: #dddddd;
  color: #fff;
  border-radius: 3px;
}
.intraLinkTitSch {
  float: left;
  width: 236px;
  font-size: 14px;
  color: #666666;
  padding-top: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/deep/.el-tabs--border-card > .el-tabs__content {
  padding: 0;
}
.intraLinkTime {
  float: right;
  width: 80px;
}
.intraLinkTimeMin {
  float: left;
  width: 80px;
  text-align: right;
  color: #850000;
}
.intraLinkTimeLiu {
  float: left;
  width: 80px;
  text-align: right;
  position: relative;
  top: 25px;
  color: #666666;
  font-size: 12px;
}

.shuangxuanhui {
  float: left;
  width: 840px !important;
  margin-right: 20px;
  padding: 10px 0;
  border-bottom: 1px dashed #dddddd;
}
.shuangxuanType {
  float: left;
  border: 1px solid #eee;
  display: table;
  table-layout: fixed;
  width: 84px;
  height: 84px;
  line-height: 84px;
  text-align: center;
}
.shuangxuanType span {
  font-size: 18px;
  color: #850000;
}

.shuangxuanTit {
  float: left;
  width: 590px;
  margin-left: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.shuangxuanTit_txt {
  height: 28px;
  line-height: 20px;
  font-size: 14px;
  color: #666666;
}
// .shuangxuanTit_txt .shuangxuanTit_txt_a {
//   font-size: 16px;
//   color: #850000;
// }
.shuangxuanTit_txtSpan {
  background-color: #dddddd;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  height: 20px;
  margin-left: 5px;
  padding: 0 4px;
  text-align: center;
}
.shuangxuanDate {
  float: right;
  width: 154px;
}
.shuangxuanDate .shuangxuanDateTime {
  float: right;
  width: 100%;
  text-align: right;
  color: red;
  padding: 0 10px 0 0;
}
.shuangxuanDate .shuangxuanDateLiulan {
  float: right;
  padding: 0 10px 0 0;
  position: relative;
  top: 70px;
  color: #666;
}

.intraLinkDateImg {
  width: 58px;
  height: 58px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.intraLinkTitCom .el-link:hover {
  text-decoration: underline;
  color: #850000;
}
// .shuangxuanTit_txt_a:hover {
//   text-decoration: underline;
//   color: #850000;
// }

.ThrMainExa {
  position: relative;
  float: left;
  width: 100%;
  height: 309px;
  margin-bottom: 20px;
  border-top: 2px solid;
}

.ThrMainExaUnit {
  float: left;
  width: 100%;
  background-color: #fff;
  height: 261px;
  overflow: hidden;
}
.ThrMainExaUnit .link {
  float: left;
  width: 100%;
  text-align: right;
  border-bottom: 1px dashed #dddddd;
}
.ThrMainExaUnit .item-text {
  width: 80%;
  float: left;
  position: relative;
  text-align: left;
}
.ThrMainExaUnit .item-text .item-link.has-dot {
  line-height: 42px;
  font-size: 14px;
  color: #333333;
  height: 42px;
  background-color: white;
}
.ThrMainExaUnit .item-text .item-link.has-dot:hover {
  color: #850000;
}
.ThrMainExaUnit .item-text .item-link.has-dot:hover .dot {
  background-color: #850000;
}
.ThrMainExaUnit .item-text .item-link.has-dot .dot {
  float: left;
  background-color: #666;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  width: 4px;
  height: 4px;
}
.ThrMainExaUnit .item-time {
  color: #999;
  line-height: 42px;
  height: 42px;
  background-color: white;
}

.ThrMainGov {
  position: relative;
  float: left;
  width: 100%;
  height: 309px;
  margin-bottom: 20px;
  border-top: 2px solid;
}
.ThrMainGovIns {
  background-color: #fff;
  width: 100%;
  height: auto;
  overflow: hidden;
  float: left;
}
.ThrMainGovIns .link {
  border-bottom: 1px dashed #ddd;
  overflow: hidden;
  text-align: right;
}
.ThrMainGovIns .item-text {
  width: 80%;
  float: left;
  position: relative;
  text-align: left;
}
.ThrMainGovIns .item-text .item-link.has-dot {
  line-height: 42px;
  font-size: 14px;
  color: #333333;
  height: 42px;
  background-color: white;
}
.ThrMainGovIns .item-text .item-link.has-dot:hover {
  color: #850000;
}
.ThrMainGovIns .item-text .item-link.has-dot:hover .dot {
  background-color: #850000;
}
.ThrMainGovIns .item-text .item-link.has-dot .dot {
  float: left;
  background-color: #666;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  width: 4px;
  height: 4px;
}
.ThrMainGovIns .item-time {
  color: #999;
  line-height: 42px;
  height: 42px;
  background-color: white;
}

/*新内容*/
.pub-orange-bg {
  padding: 0 4px;
  margin: 0 0 0 5px;
  background-color: #ff4400;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
}

/*登录*/
.ThrMainLogin {
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 10px;
  border: 1px solid #dddddd;
  background: #4193c5;
}
.ThrMainLogin .el-link {
  margin: 0 10px;
  padding: 8px 0;
}
.ThrMainLogin img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.tagsOne {
  padding: 10px 10px;
  border-bottom: 1px dashed #ccc;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ThrMainOne {
  position: relative;
  float: left;
  width: 100%;
  height: 285px;
  margin-bottom: 20px;
  border-top: 2px solid;
}
.ThrMainOneTit {
  background-color: #fff;
  height: 238px;
  overflow: hidden;
}
.ThrMainOneTit .link {
  width: 48%;
  margin-right: 15px;
  float: left;
  border-bottom: 1px dashed #ddd;
  overflow: hidden;
  text-align: right;
  padding: 2px 0;
}
.ThrMainOneTit .item-text {
  width: 80%;
  float: left;
  position: relative;
  text-align: left;
}
.ThrMainOneTit .item-text .item-link.has-dot {
  line-height: 42px;
  font-size: 14px;
  color: #333333;
  height: 42px;
  background-color: white;
}
.ThrMainOneTit .item-text .item-link.has-dot:hover {
  color: #850000;
}
.ThrMainOneTit .item-text .item-link.has-dot:hover .dot {
  background-color: #850000;
}
.ThrMainOneTit .item-text .item-link.has-dot .dot {
  float: left;
  background-color: #666;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  width: 4px;
  height: 4px;
}
.ThrMainOneTit .item-time {
  color: #999;
  line-height: 42px;
  height: 42px;
  background-color: white;
}

.el-tabs--border-card {
  border: none;
  box-shadow: none;
}
/deep/.el-tabs--border-card > .el-tabs__header {
  border-left: 1px solid #ccc;
}

.mainFour {
  float: left;
  position: relative;
  width: 100%;
  margin-top: 10px;
  height: 150px;
}
.mainFour .tab .tab-head {
  background-color: #fbfbfb;
  border-top: 2px solid;
  border-bottom: 1px solid #ddd;
  height: 48px;
  position: relative;
}
.mainFour .tab .tab-list {
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.mainFour .tab .tab-item.curr {
  background-color: #fff;
  border-bottom-color: #fff;
  color: #a90d0d;
  cursor: default;
  position: relative;
}
.mainFour .tab .tab-item {
  width: 86px;
  border-color: #ddd;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  cursor: pointer;
  margin-right: -1px;
}
.mainFour .tab .tab-text {
  display: block;
  max-width: 233px;
  font-size: 14px;
  line-height: 48px;
  height: 48px;
  padding: 0 15px;
}
.mainFour .tab .tab-text {
  text-align: center;
}
.friendly-link .link-list-wrap {
  overflow: hidden;
}
.friendly-link .link-list {
  margin: 0 -12px -10px 0;
}
.friendly-link .link-list .link-item {
  float: left;
  border: 1px solid #eee;
  display: table;
  width: 178px !important;
  margin: 0 12px 10px 0;
  padding: 5px;
}
.friendly-link .link-list .link {
  display: table-cell;
  height: 30px !important;
  vertical-align: middle;
  text-align: center;
}
.friendly-link .link-list .link img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.footer {
  float: left;
  position: relative;
  width: 100%;
  height: 94px;
  background: #333333;
}
.el-carousel__item h3 {
  color: #475669;
  font-size: 18px;
  opacity: 0.75;
  line-height: 300px;
  margin: 0;
}

.el-carousel__item:nth-child(2n) {
  background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n + 1) {
  background-color: #d3dce6;
}
.tankuang {
  position: absolute;
  z-index: 9999;
  width: 350px;
  height: 150px;
  right: 5%;
  top: 2%;
}
/deep/.tankuang .el-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 2px;
  z-index: 99999;
  border: none;
  background: #f6f6f6;
  border-radius: 0;
}
</style>
