<template>
  <div class="cart">
    <Header></Header>
    <section>
      <div class="ins-banner">
        <!--内页顶部banner-->
        <p>
          <img src="https://file-dev.xyyxt.net/web/pcImg/about-banner.jpg" />
        </p>
      </div>

      <div class="about-nav">
        <!--关于我们子栏目-->
        <!--代码开始-->
        <div class="aboutnav-wrap">
          <ul class="about-nav-list">
            <!--a标签里的title参数固定为数字1-9-->
            <li class="con01">
              <a href="javascript:void(0)" title="1" @click="jump('about-1')"
                >学校简介</a
              >
            </li>
            <li class="con02">
              <a href="javascript:void(0)" title="2" @click="jump('about-2')"
                >学校荣誉</a
              >
            </li>
            <li class="con03">
              <a href="javascript:void(0)" title="3" @click="jump('about-3')"
                >学校资质</a
              >
            </li>
            <li class="con04">
              <a href="javascript:void(0)" title="4" @click="jump('about-4')"
                >课程体系</a
              >
            </li>
            <li class="con05">
              <a href="javascript:void(0)" title="5" @click="jump('about-5')"
                >学校历程</a
              >
            </li>
            <li class="con06">
              <a href="javascript:void(0)" title="6" @click="jump('about-6')"
                >学校架构</a
              >
            </li>
            <li class="con07">
              <a href="javascript:void(0)" title="7" @click="jump('about-7')"
                >学校师资</a
              >
            </li>
            <li class="con08">
              <a href="javascript:void(0)" title="8" @click="jump('about-8')"
                >办学优势</a
              >
            </li>
            <li class="con09">
              <a href="javascript:void(0)" title="9" @click="jump('about-9')"
                >学校风采</a
              >
            </li>
          </ul>
          <div style="clear: both"></div>
          <ul class="about-nav-list" id="tbox">
            <!-- 这个必须有 id="tbox"-->
            <li class="con01">
              <a href="javascript:void(0)" title="1">学校简介</a>
            </li>
            <li class="con02">
              <a href="javascript:void(0)" title="2">学校荣誉</a>
            </li>
            <li class="con03">
              <a href="javascript:void(0)" title="3">学校资质</a>
            </li>
            <li class="con04">
              <a href="javascript:void(0)" title="4">课程体系</a>
            </li>
            <li class="con05">
              <a href="javascript:void(0)" title="5">学校历程</a>
            </li>
            <li class="con06">
              <a href="javascript:void(0)" title="6">学校架构</a>
            </li>
            <li class="con07">
              <a href="javascript:void(0)" title="7">学校师资</a>
            </li>
            <li class="con08">
              <a href="javascript:void(0)" title="8">办学优势</a>
            </li>
            <li class="con09">
              <a href="javascript:void(0)" title="9">学校风采</a>
            </li>
            <p>
              <a id="gotop" href="javascript:void(0)" title="回到顶部"
                >回到顶部</a
              >
            </p>
          </ul>
          <div style="clear: both"></div>
        </div>
        <!--代码结束-->
      </div>
      <!--关于我们子栏目end-->

      <div class="about-main">
        <div class="row" id="about-first">
          <!-- 这个必须有id="about-first"-->
          <h2 id="about-1"><i></i>学校简介</h2>
          <div class="aboutpage about-1">
            <div
              class="about-info wow fadeInUp animated"
              data-wow-duration="300ms"
              data-wow-delay="100ms"
            >
              <div class="about-img about-img1">
                <img
                  src="https://file-dev.xyyxt.net/web/pcImg/about-img01.jpg"
                />
              </div>
              <div class="about-txt">
                <p>
                  广东省祥粤建设职业培训学校（以下简称祥粤学校）2015年7月成立，批准文号：粤人社函（2015）1755号；办学许可证号：人社民4400003150014号。自成立以来在广东省人力资源和社会保障厅、广东省住房和城乡建设厅、广州市人力资源和社会保障局、广州市住房与城乡建设局、广东省建设执业资格注册中心、广东省建设教育协会、广东省建设工程质量安全检测和鉴定协会、广东省市政工程协会、广州市建筑业管理服务中心等行业主管部门与行业协会的指导下，开展建设工程类专业课培训和继续教育。已开展的项目有：广东省二级建造师考前培训和继续教育、广东省建设工程施工企业安全管理人员考前培训和继续教育、广东省建筑工程施工现场专业人员岗位资格考试培训和继续教育、建筑信息模型（BIM）技能等级培训、建筑产业工人上岗培训、安全体验培训等，并积极为建设主管部门、行业协会、建筑业企业等组织工程新规范、新技术、新材料的宣贯培训和安全内训。
                </p>
              </div>
              <div style="clear: both"></div>
            </div>
            <div
              class="about-info wow fadeInUp animated"
              data-wow-duration="300ms"
              data-wow-delay="200ms"
            >
              <div class="about-txt">
                <p>
                  祥粤学校位于广州市天河区燕岭路123号，拥有教学及办公场地近2300平方米,设立了可容纳450人的多媒体教室和150人的计算机教学和考核机房，现代化的教学设备和线上教学平台。拥有多媒体教学系统5套，教学视频拍摄制作系统2套，触摸互动电视教学系统1套，以及各类教学办公仪器设备150多台（套），能满足各类培训业务需要。
                  学校有一支相对稳定的、具备实际任课能力和教学经验的专职及兼职师资队伍。培训师资既有来自大专院校的教授，也有来自企事业单位具有较丰富工程实践经验的中高级工程师，对培训教学工作起到了保障作用。
                </p>
                <br />
                <p>
                  我校坚持“立足行业，服务社会”的办学理念，在教学模式上加速更新升级，在教研领域里不断推陈出新，在服务体系上坚持优化细化，大力推广新工艺、新模式、新技术、新标准以及新政策，为社会建设安全、企业发展壮大、人才职业规划提供专业务实的服务。
                </p>
              </div>
              <div class="about-img about-img2">
                <img
                  src="https://file-dev.xyyxt.net/web/pcImg/about-img02.jpg"
                />
              </div>
              <div style="clear: both"></div>
            </div>
            <div
              class="about-info wow fadeInUp animated"
              data-wow-duration="300ms"
              data-wow-delay="300ms"
            >
              <div class="about-img">
                <img
                  src="https://file-dev.xyyxt.net/web/pcImg/about-img03.jpg"
                />
              </div>
              <div class="about-txt">
                <p>
                  学校坚持“立足行业，服务社会”的办学理念，紧跟当前建设行业的发展趋势，推广建设领域的新技术、新工艺和新材料，宣贯建设行业的新政策和新标准，在教学模式上加速更新升级，在教研领域里不断推陈出新，在服务体系上坚持优化细化，真正提升企业的综合水准和人才的职业素养，为建设行业提供切实可行的全方位服务。
                </p>
              </div>
              <div style="clear: both"></div>
            </div>
          </div>
        </div>

        <div class="row">
          <h2 id="about-2"><i></i>学校荣誉</h2>
          <div class="aboutpage about-2">
            <ul>
              <li>
                <p>《广东省建设执业资格注册中心》 二级注册建造师教育点</p>
              </li>
              <li><p>《广东省建设教育协会》建设类培训教育点</p></li>
              <li><p>《广东省财政厅》会计从业继续教育教育点</p></li>
              <li>
                <p>
                  《华南农业大学》《天津大学》《兰州大学》《武汉理工大学》高校合作站
                </p>
              </li>
              <li>
                <p>《广东省建设教育协会》理事单位 2016-2018年度先进会员单位</p>
              </li>
              <li><p>《广东省继续教育协会》建设工程专业委员会</p></li>
              <li><p>《广东省建设工程质量安全检测和鉴定协会》理事单位</p></li>
              <li><p>《广东省工程造价协会》会员单位</p></li>
              <li><p>《广东省市政行业协会》会员单位</p></li>
              <li><p>《广州市市政工程协会》会员单位</p></li>
              <li><p>《广州市建筑业联合会》理事单位</p></li>
              <li><p>《广州市建设教育协会》会员单位</p></li>
              <li><p>《广东省安全生产协会》市政工程专业委员会</p></li>
              <li><p>《广东省企业培训研究会》第一届会员单位</p></li>
              <li>
                <p>
                  《2018/2019年广东省职业技能大赛——广东住房城乡建设行业职业技能竞赛》突出贡献奖、优秀组织奖
                </p>
              </li>
              <li><p>《广联达科技股份有限公司广州分公司》战略合作伙伴</p></li>
            </ul>
          </div>
        </div>

        <div class="row">
          <h2 id="about-3"><i></i>学校资质</h2>
          <div class="aboutpage about-3">
            <div class="zizhi-info zizhi-info1">
              <img src="https://file-dev.xyyxt.net/web/pcImg/zizhi-img01.jpg" />
              <p>《中华人民共和国民办学校办学许可证》</p>
            </div>
            <div class="zizhi-info zizhi-info2">
              <img src="https://file-dev.xyyxt.net/web/pcImg/zizhi-img02.jpg" />
              <p>《民办非企业单位登记证书》</p>
            </div>
            <div class="zizhi-info zizhi-info3">
              <img src="https://file-dev.xyyxt.net/web/pcImg/zizhi-img03.jpg" />
              <p>《JKC环境管理体系认证证书》</p>
            </div>
            <div class="zizhi-info zizhi-info4">
              <img src="https://file-dev.xyyxt.net/web/pcImg/zizhi-img04.jpg" />
              <p>《JKC质量管理体系认证证书》</p>
            </div>
            <div class="zizhi-info zizhi-info5">
              <img src="https://file-dev.xyyxt.net/web/pcImg/zizhi-img05.jpg" />
              <p>《JKC职业健康安管管理体系认证证书》</p>
            </div>
          </div>
        </div>

        <div class="row">
          <h2 id="about-4"><i></i>课程体系</h2>
          <div class="aboutpage about-4">
            <ul>
              <li
                class="wow fadeInUp animated"
                data-wow-duration="300ms"
                data-wow-delay="100ms"
              >
                <div class="about-kecheng-img">
                  <img
                    src="https://file-dev.xyyxt.net/web/pcImg/about-img04.jpg"
                  />
                </div>
                <div class="about-kecheng-txt">
                  <h3>考前培训</h3>
                  <p>
                    <span>执业资格类证书: </span
                    >省施安管人员、一级/二级建造师、一级二级造价工程师、注册消防工程师、注册监理工程师、注册安全工程师；<br /><span
                      >岗位类证书:</span
                    >
                    施工现场专业人员（新七大员）、建设行业工人职业技能/工种培训（八大工）、特种作业操作人员、建（构）筑物消防员；
                  </p>
                </div>
              </li>
              <li
                class="wow fadeInUp animated"
                data-wow-duration="300ms"
                data-wow-delay="150ms"
              >
                <div class="about-kecheng-img">
                  <img
                    src="https://file-dev.xyyxt.net/web/pcImg/about-img05.jpg"
                  />
                </div>
                <div class="about-kecheng-txt">
                  <h3>继续教育</h3>
                  <p>
                    省施安管人员、施工现场专业人员（新七大员）、一级/二级建造师、一级二级造价工程师、特种作业操作人员、专业技术人员职称继教；
                  </p>
                </div>
              </li>
              <li
                class="wow fadeInUp animated"
                data-wow-duration="300ms"
                data-wow-delay="200ms"
              >
                <div class="about-kecheng-img">
                  <img
                    src="https://file-dev.xyyxt.net/web/pcImg/about-img06.jpg"
                  />
                </div>
                <div class="about-kecheng-txt">
                  <h3>适岗培训</h3>
                  <p>
                    根据政府适岗补贴政策标准，面向建设行业相关企业和单位，提供职工技能提升适岗培训，开设公需通用及专业技术实务多元课程，支持针对不同需求个性化定制，并全程协助企业高效完成补贴申领；
                  </p>
                </div>
              </li>
              <li
                class="wow fadeInUp animated"
                data-wow-duration="300ms"
                data-wow-delay="250ms"
              >
                <div class="about-kecheng-img">
                  <img
                    src="https://file-dev.xyyxt.net/web/pcImg/about-img07.jpg"
                  />
                </div>
                <div class="about-kecheng-txt">
                  <h3>学历教育</h3>
                  <p>
                    【本科】、【大专】、【中专】学历提升定制方案，低门槛限制，最快一年可拿证。
                  </p>
                </div>
              </li>
              <li
                class="wow fadeInUp animated"
                data-wow-duration="300ms"
                data-wow-delay="300ms"
              >
                <div class="about-kecheng-img">
                  <img
                    src="https://file-dev.xyyxt.net/web/pcImg/about-img08.jpg"
                  />
                </div>
                <div class="about-kecheng-txt">
                  <h3>企业内训</h3>
                  <p>
                    安全生产专题培训、现场施工体验培训、
                    VR施工体验培训、个性化定制专题培训
                  </p>
                </div>
              </li>
            </ul>
            <div style="clear: both"></div>
          </div>
        </div>

        <div class="row">
          <h2 id="about-5"><i></i>学校历程</h2>
          <div class="aboutpage about-5">
            <div class="about-course">
              <img src="https://file-dev.xyyxt.net/web/pcImg/course-img.jpg" />
            </div>
          </div>
        </div>

        <div class="row">
          <h2 id="about-6"><i></i>学校架构</h2>
          <div class="aboutpage about-6">
            <div class="about-framework">
              <img
                src="https://file-dev.xyyxt.net/web/pcImg/framework-img.jpg"
              />
            </div>
          </div>
        </div>

        <div class="row">
          <h2 id="about-7"><i></i>学校师资</h2>
          <div class="aboutpage about-7">
            <ul>
              <li
                class="wow fadeInUp animated"
                data-wow-duration="300ms"
                data-wow-delay="100ms"
              >
                <div class="teachers-info">
                  <div class="teachers-img">
                    <img
                      src="https://file-dev.xyyxt.net/web/pcImg/teachers-img01.jpg"
                    />
                  </div>
                  <div class="teachers-name">
                    <h3>陈红</h3>
                    <p>教授级高级工程师</p>
                  </div>
                </div>
                <div class="teachers-txt">
                  <p>
                    国务院安委会专家咨询委员会建筑施工专业委员会专家<br />
                    中国模板脚手架协会副秘书长<br />
                    原中国建筑一局(集团)有限公司工程技术部经理<br />
                    参编国家标准：<br />
                    《建筑施工脚手架安全技术统一标准》<br />
                    《建筑施工扣件式钢管脚手架安全技术规范》<br />
                    《建筑施工临时支撑技术规范》
                  </p>
                </div>
              </li>
              <li
                class="wow fadeInUp animated"
                data-wow-duration="300ms"
                data-wow-delay="150ms"
              >
                <div class="teachers-info">
                  <div class="teachers-img">
                    <img
                      src="https://file-dev.xyyxt.net/web/pcImg/teachers-img02.jpg"
                    />
                  </div>
                  <div class="teachers-name">
                    <h3>徐福康</h3>
                    <p>教授级高级工程师</p>
                  </div>
                </div>
                <div class="teachers-txt">
                  <p>
                    上海市施工现场安全生产保证体系第一审核认证中心副主任，总工程师<br />上海市建设工程安全质量监督总站高级工程师<br />国家标准《建筑施工企业安全生产管理规范》主要起草人
                  </p>
                </div>
              </li>
              <li
                class="wow fadeInUp animated"
                data-wow-duration="300ms"
                data-wow-delay="200ms"
              >
                <div class="teachers-info">
                  <div class="teachers-img">
                    <img
                      src="https://file-dev.xyyxt.net/web/pcImg/teachers-img03.jpg"
                    />
                  </div>
                  <div class="teachers-name">
                    <h3>马英明</h3>
                    <p>教授级高级工程师</p>
                  </div>
                </div>
                <div class="teachers-txt">
                  <p>
                    中国矿业大学博士生导师<br />国家住建部全国地铁与轻轨建设专家组专家<br />广东省人民政府科技专家顾问委员会委员<br />原中国地下工程学会副主任
                  </p>
                </div>
              </li>
              <li
                class="wow fadeInUp animated"
                data-wow-duration="300ms"
                data-wow-delay="250ms"
              >
                <div class="teachers-info">
                  <div class="teachers-img">
                    <img
                      src="https://file-dev.xyyxt.net/web/pcImg/teachers-img04.jpg"
                    />
                  </div>
                  <div class="teachers-name">
                    <h3>胡欣欣</h3>
                    <p>教授</p>
                  </div>
                </div>
                <div class="teachers-txt">
                  <p>
                    二建考前名师<br />广东工业大学土木与交通工程学院硕士生导师<br />广东省工程造价协会专家库成员<br />广东省工程咨询协会专家库成员
                  </p>
                </div>
              </li>
              <li
                class="wow fadeInUp animated"
                data-wow-duration="300ms"
                data-wow-delay="300ms"
              >
                <div class="teachers-info">
                  <div class="teachers-img">
                    <img
                      src="https://file-dev.xyyxt.net/web/pcImg/teachers-img05.jpg"
                    />
                  </div>
                  <div class="teachers-name">
                    <h3>邝穗春</h3>
                    <p>工程师</p>
                  </div>
                </div>
                <div class="teachers-txt">
                  <p>
                    广州市建筑置业有限公司&nbsp;生产技术部/工程资料管理部副部长<br />广州市市政集团培训中心&nbsp;高级讲师<br />广州大学市政技术学院&nbsp;特聘讲师<br />专业从事建筑工程竣工验收技术资料管理和建筑工程施工安全资料管理
                  </p>
                </div>
              </li>
              <li
                class="wow fadeInUp animated"
                data-wow-duration="300ms"
                data-wow-delay="350ms"
              >
                <div class="teachers-info">
                  <div class="teachers-img">
                    <img
                      src="https://file-dev.xyyxt.net/web/pcImg/teachers-img06.jpg"
                    />
                  </div>
                  <div class="teachers-name">
                    <h3>朱培浩</h3>
                    <p>博士</p>
                  </div>
                </div>
                <div class="teachers-txt">
                  <p>机电实务全国名师<br />建造师相关教材主编、参编人</p>
                </div>
              </li>
              <div style="clear: both"></div>
            </ul>
          </div>
        </div>

        <div class="row">
          <h2 id="about-8"><i></i>办学优势</h2>
          <div class="aboutpage about-8">
            <ul>
              <li
                class="con01 wow fadeInUp animated"
                data-wow-duration="300ms"
                data-wow-delay="100ms"
              >
                <div class="advantage-img">
                  <img
                    src="https://file-dev.xyyxt.net/web/pcImg/advantage-img01.jpg"
                  />
                </div>
                <div class="advantage-txt">
                  <h3>【多元】</h3>
                  <p>课程种类丰富<br />建设类职业培训全覆盖</p>
                </div>
              </li>
              <li
                class="con02 wow fadeInUp animated"
                data-wow-duration="300ms"
                data-wow-delay="150ms"
              >
                <div class="advantage-img">
                  <img
                    src="https://file-dev.xyyxt.net/web/pcImg/advantage-img02.jpg"
                  />
                </div>
                <div class="advantage-txt">
                  <h3>【师资】</h3>
                  <p>权威专家教授任教<br />网络面授双轨教学</p>
                </div>
              </li>
              <li
                class="con03 wow fadeInUp animated"
                data-wow-duration="300ms"
                data-wow-delay="200ms"
              >
                <div class="advantage-img">
                  <img
                    src="https://file-dev.xyyxt.net/web/pcImg/advantage-img03.jpg"
                  />
                </div>
                <div class="advantage-txt">
                  <h3>【实力】</h3>
                  <p>累计服务5000余家企业<br />培训近50000余人次</p>
                </div>
              </li>
              <li
                class="con04 wow fadeInUp animated"
                data-wow-duration="300ms"
                data-wow-delay="250ms"
              >
                <div class="advantage-img">
                  <img
                    src="https://file-dev.xyyxt.net/web/pcImg/advantage-img04.jpg"
                  />
                </div>
                <div class="advantage-txt">
                  <h3>【规模】</h3>
                  <p>近3000平现代多媒体培训基地<br />VR等技术应用</p>
                </div>
              </li>
              <li
                class="con05 wow fadeInUp animated"
                data-wow-duration="300ms"
                data-wow-delay="300ms"
              >
                <div class="advantage-img">
                  <img
                    src="https://file-dev.xyyxt.net/web/pcImg/advantage-img05.jpg"
                  />
                </div>
                <div class="advantage-txt">
                  <h3>【资深】</h3>
                  <p>十年专注建设行业教育培训<br />底蕴深厚</p>
                </div>
              </li>
              <li
                class="con06 wow fadeInUp animated"
                data-wow-duration="300ms"
                data-wow-delay="350ms"
              >
                <div class="advantage-img">
                  <img
                    src="https://file-dev.xyyxt.net/web/pcImg/advantage-img06.jpg"
                  />
                </div>
                <div class="advantage-txt">
                  <h3>【全面】</h3>
                  <p>教研/培训/人才输送<br />一站式业务体系</p>
                </div>
              </li>
              <li
                class="con07 wow fadeInUp animated"
                data-wow-duration="300ms"
                data-wow-delay="400ms"
              >
                <div class="advantage-img">
                  <img
                    src="https://file-dev.xyyxt.net/web/pcImg/advantage-img07.jpg"
                  />
                </div>
                <div class="advantage-txt">
                  <h3>【保障】</h3>
                  <p>优秀客户管理团队<br />全程跟踪服务</p>
                </div>
              </li>
              <li
                class="con08 wow fadeInUp animated"
                data-wow-duration="300ms"
                data-wow-delay="450ms"
              >
                <div class="advantage-img">
                  <img
                    src="https://file-dev.xyyxt.net/web/pcImg/advantage-img08.jpg"
                  />
                </div>
                <div class="advantage-txt">
                  <h3>【前沿】</h3>
                  <p>PC端与手机版应用 <br />操作便捷 灵活就学</p>
                </div>
              </li>
              <div style="clear: both"></div>
            </ul>
          </div>
        </div>

        <div class="row">
          <h2 id="about-9"><i></i>学校风采</h2>
          <div class="aboutpage about-9">
            <div
              class="about-info wow fadeInUp animated"
              data-wow-duration="300ms"
              data-wow-delay="100ms"
            >
              <div class="about-img">
                <img
                  src="https://file-dev.xyyxt.net/web/pcImg/about-img09.jpg"
                />
              </div>
              <div class="about-txt">
                <h3>宣贯会议</h3>
                <p>
                  · 2016年
                  《广东省房屋建筑工程竣工验收技术资料统一用表2016版》宣贯会议<br />
                  · 2017年 广州市建筑施工安全管理培训工作会议<br />
                  · 2018年
                  广州市建筑施工企业安全生产许可证申报资料要点解读培训会议<br />
                  · 2018年 市政施工企业骨干专业技术人员培训（广州）班<br />
                  · 2018年 《广东省建设工程检测监管服务平台》宣贯会议<br />
                  · 2018年 广东省建筑工程技术资格政策培训班（第三、四期）<br />
                  · 2020年 广州市住房和城乡建设局优化营商环境宣贯工作<br />
                </p>
              </div>
              <div style="clear: both"></div>
            </div>
            <div
              class="about-info wow fadeInUp animated"
              data-wow-duration="300ms"
              data-wow-delay="150ms"
            >
              <div class="about-txt">
                <h3>新考/继教培训</h3>
                <p>
                  · 2016年 建设行业工人职业技能（工种）【八大工】培训<br />
                  · 2016年 建设行业施工管理人员（岗位）【九大员】考前培训<br />
                  · 2016年 建设行业施工管理人员（岗位）【九大员】继续教育培训<br />
                  · 2016年 建筑施工企业安管人员【ABC三类人员】继续教育培训<br />
                  · 2017年 建筑施工企业安管人员【ABC三类人员】考前培训<br />
                  · 2017年 二级建造师执业资格继续教育培训<br />
                  · 2018年 二级建造师执业资格考前培训<br />
                  · 2018年 一级建造师执业资格考前培训<br />
                  · 2018年 建筑信息模型（BIM）考前培训<br />
                </p>
              </div>
              <div class="about-img">
                <img
                  src="https://file-dev.xyyxt.net/web/pcImg/about-img10.jpg"
                />
              </div>
              <div style="clear: both"></div>
            </div>
            <div
              class="about-info wow fadeInUp animated"
              data-wow-duration="300ms"
              data-wow-delay="200ms"
            >
              <div class="about-img">
                <img
                  src="https://file-dev.xyyxt.net/web/pcImg/about-img11.jpg"
                />
              </div>
              <div class="about-txt">
                <h3>企业内训</h3>
                <p>
                  · 现场施工体验培训<br />
                  · VR施工体验培训<br />
                </p>
              </div>
              <div style="clear: both"></div>
            </div>
            <p>
              <img src="https://file-dev.xyyxt.net/web/pcImg/about-img12.jpg" />
            </p>
          </div>
        </div>
      </div>
    </section>

    <ToolBar></ToolBar>
    <Footer></Footer>
  </div>
</template>

<script>
import Footer from "@/components/footer/index";
import Header from "@/components/header/index";
import ToolBar from "@/components/toolbar/index";
export default {
  name: "login",
  components: {
    Footer,
    Header,
    ToolBar,
  },
  data() {
    return {};
  },
  mounted() {},
  methods: {
    jump(id) {
      console.dir(this.$el.querySelector("#" + id));
      this.$el.querySelector("#" + id).scrollIntoView({
        behavior: "smooth",
        block: "start",
        inline: "nearest",
      });
    },
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
.cart {
  overflow: hidden;
  .ins-banner {
    max-width: 1920px;
    margin-left: -960px;
    left: 50%;
    position: relative;
  }

  /*关于我们*/
  .aboutnav-wrap {
    background: #fff;
    width: 100%;
    position: relative;
    z-index: 999;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
  }
  .about-nav-list {
    max-width: 1280px;
    margin: 0 auto;
    height: 100px;
  }
  .about-nav-list li {
    float: left;
    line-height: 100px;
    margin-left: 13px;
  }
  .about-nav-list li:first-child {
    margin-left: 0px;
  }
  .about-nav-list li a {
    display: inline-block;
    width: 130px;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    text-align: left;
    text-indent: 50px;
    background-color: #f5f5f5;
    border-radius: 5px;
    background-position: 20px center;
    background-repeat: no-repeat;
    color: #666;
  }
  .about-nav-list li a:hover {
    background-color: #00a2eb !important;
    color: #fff;
  }
  .about-nav-list li.con01 a {
    background-image: url(https://file-dev.xyyxt.net/web/pcImg/about-icon01.png);
  }
  .about-nav-list li.con02 a {
    background-image: url(https://file-dev.xyyxt.net/web/pcImg/about-icon02.png);
  }
  .about-nav-list li.con03 a {
    background-image: url(https://file-dev.xyyxt.net/web/pcImg/about-icon03.png);
  }
  .about-nav-list li.con04 a {
    background-image: url(https://file-dev.xyyxt.net/web/pcImg/about-icon04.png);
  }
  .about-nav-list li.con05 a {
    background-image: url(https://file-dev.xyyxt.net/web/pcImg/about-icon05.png);
  }
  .about-nav-list li.con06 a {
    background-image: url(https://file-dev.xyyxt.net/web/pcImg/about-icon06.png);
  }
  .about-nav-list li.con07 a {
    background-image: url(https://file-dev.xyyxt.net/web/pcImg/about-icon07.png);
  }
  .about-nav-list li.con08 a {
    background-image: url(https://file-dev.xyyxt.net/web/pcImg/about-icon08.png);
  }
  .about-nav-list li.con09 a {
    background-image: url(https://file-dev.xyyxt.net/web/pcImg/about-icon09.png);
  }

  .about-nav-list li.con01 a:hover {
    background-image: url(https://file-dev.xyyxt.net/web/pcImg/about-icon01-hover.png) !important;
  }
  .about-nav-list li.con02 a:hover {
    background-image: url(https://file-dev.xyyxt.net/web/pcImg/about-icon02-hover.png) !important;
  }
  .about-nav-list li.con03 a:hover {
    background-image: url(https://file-dev.xyyxt.net/web/pcImg/about-icon03-hover.png) !important;
  }
  .about-nav-list li.con04 a:hover {
    background-image: url(https://file-dev.xyyxt.net/web/pcImg/about-icon04-hover.png) !important;
  }
  .about-nav-list li.con05 a:hover {
    background-image: url(https://file-dev.xyyxt.net/web/pcImg/about-icon05-hover.png) !important;
  }
  .about-nav-list li.con06 a:hover {
    background-image: url(https://file-dev.xyyxt.net/web/pcImg/about-icon06-hover.png) !important;
  }
  .about-nav-list li.con07 a:hover {
    background-image: url(https://file-dev.xyyxt.net/web/pcImg/about-icon07-hover.png) !important;
  }
  .about-nav-list li.con08 a:hover {
    background-image: url(https://file-dev.xyyxt.net/web/pcImg/about-icon08-hover.png) !important;
  }
  .about-nav-list li.con09 a:hover {
    background-image: url(https://file-dev.xyyxt.net/web/pcImg/about-icon09-hover.png) !important;
  }

  #tbox {
    position: fixed;
    z-index: 99999;
    width: 130px;
    height: auto;
    display: none;
  }
  #tbox li {
    float: left;
    line-height: 50px;
    margin-bottom: 10px;
    margin-left: 0px;
    height: auto;
  }
  #tbox li a {
    background-color: #fff;
  }
  #gotop {
    display: inline-block;
    width: 130px;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background-color: #aaa;
    border-radius: 5px;
    background-position: 20px center;
    background-repeat: no-repeat;
    opacity: 1 !important;
  }
  #gotop:hover {
    background-color: #00a2eb;
  }

  .about-main {
    background: #f5f5f5;
    margin-bottom: -100px;
    padding-top: 20px;
    padding-bottom: 150px;
  }
  .about-main .row {
    max-width: 1280px;
    margin: 20px auto;
    background: #fff;
    padding: 40px;
    border-radius: 5px;
  }
  .about-main .row h2 {
    color: #00a2eb;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 40px;
    padding-top: 20px;
  }
  .about-main .row h2 i {
    width: 4px;
    height: 20px;
    float: left;
    background: #00a2eb;
    display: inline-block;
    margin-right: 15px;
    margin-top: 5px;
  }
  .about-info {
    border-bottom: 1px dashed #ddd;
    margin-bottom: 40px;
    padding-bottom: 40px;
  }
  .about-info .about-img {
    float: left;
    width: 40%;

    img {
      max-width: 100%;
    }
  }

  .about-info .about-img1 {
    padding-top: 10%;
  }

  .about-info .about-img2 {
    padding-top: 10%;
  }
  .about-info .about-txt {
    float: left;
    width: 56%;
    padding: 2%;
    padding-top: 4%;
  }
  .about-info .about-txt p {
    font-size: 16px;
    line-height: 38px;
    text-indent: 20px;
  }

  .about-2 ul li {
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding-bottom: 20px;
  }
  .about-2 ul li:nth-of-type(odd) {
    background: #f9f9f9;
  }
  .about-2 ul li:nth-of-type(even) {
    background: #f2f2f2;
  }
  .about-2 ul li p {
    padding-left: 55px;
    background: url(https://file-dev.xyyxt.net/web/pcImg/about-honor-icon.png)
      20px center no-repeat;
    font-size: 16px;
  }
  .about-3 {
    text-align: center;
  }
  .zizhi-info {
    text-align: center;
    display: inline-block;
    margin-bottom: 40px;

    img {
      max-width: 100%;
    }
  }
  .zizhi-info1 {
    width: 489px;
  }
  .zizhi-info2 {
    width: 489px;
  }
  .zizhi-info3 {
    width: 326px;
  }
  .zizhi-info4 {
    width: 326px;
  }
  .zizhi-info5 {
    width: 326px;
  }

  .zizhi-info img {
    display: block;
    margin-bottom: 15px;
  }

  .about-4 li {
    float: left;
    width: 100%;
    margin-bottom: -1px;
    border: 1px solid #eee;
    padding: 20px;
  }
  .about-kecheng-img {
    float: left;
    margin-right: 20px;
  }
  .about-kecheng-txt {
    width: 850px;
    float: left;
    margin-top: 20px;
  }
  .about-kecheng-txt h3 {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: bold;
  }
  .about-kecheng-txt p {
    font-size: 14px;
    line-height: 28px;
  }
  .about-kecheng-txt p span {
    font-weight: bold;
  }

  .about-course {
    text-align: center;
  }
  .about-framework {
    text-align: center;
  }

  .about-7 li {
    float: left;
    padding: 10px;
    border-radius: 5px;
    width: 385px;
    margin-left: 20px;
    margin-bottom: 20px;
    border: 1px solid #eee;
  }
  .about-7 li:nth-child(4) {
    margin-left: 0px;
  }
  .about-7 li:first-child {
    margin-left: 0px;
  }

  .teachers-info {
    padding: 10px;
    height: 110px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
  }
  .teachers-img {
    float: left;
    overflow: hidden;
    width: 80px;
    height: 80px;
    border-radius: 50%;
  }
  .teachers-name {
    float: left;
    margin-left: 15px;
    margin-top: 15px;
  }
  .teachers-name h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
  }
  .teachers-name p {
    font-size: 16px;
    color: #666;
  }
  .teachers-txt {
    padding: 10px;
    height: 220px;
  }
  .teachers-txt p {
    font-size: 14px;
    color: #666;
    line-height: 28px;
  }

  .about-8 ul {
    overflow: hidden;
    width: 1200px;
    height: 599px;
    border: 1px solid #fff;
  }
  .about-8 li {
    float: left;
    width: 300px;
    height: 300px;
    text-align: center;
    padding: 40px;
    border: 1px solid #eee;
    margin-top: -1px;
    margin-left: -1px;
  }
  .about-8 li:nth-child(4) {
    border-right: none;
  }
  .about-8 li:nth-child(8) {
    border-right: none;
  }
  .advantage-img {
    margin-bottom: 20px;
  }

  .about-8 li .advantage-img img {
    -moz-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
  }
  .about-8 li:hover .advantage-img img {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(180deg);
    transform: rotate(360deg);
  }

  .advantage-txt h3 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
  }
  .advantage-txt p {
    color: #666;
    font-size: 14px;
  }

  .about-9 .about-img {
    width: 50%;
    text-align: center;
  }
  .about-9 .about-txt {
    padding: 2%;
    width: 46%;
  }
  .about-9 .about-txt h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .about-9 .about-txt p {
    text-indent: 0px;
    font-size: 14px;
    line-height: 32px;
    text-align: left;
  }
  .about-9 p {
    text-align: center;
  }
}
</style>
