<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>丝路教育</title>
    <link rel="stylesheet" href="/static/js/plugs/swiper/swiper.min.css">
    <link href="jiaoyu/Untitled-1.css" rel="stylesheet">
</head>

<body>
    <!-- 页头 -->
    <div class="header">
        <div class="header-tp">
            <div class="container">
                <div class="header-logo">
                    <img src="/static/images/index/logo.png" alt="">
                </div>
                <div class="header-stock-code">
                    <h3>丝路旗下全国CG人才培养基地</h3>
                    <p>股票代号：300566</p>
                </div>
                <div class="header-free-hotline">
                    <span class="header-tel-img"><img src="/static/images/index/tel.png" /></span>
                    <div class="header-free-tel">
                        <p>全国免费热线</p>
                        <h3>400-836-7979</h3>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="course-navigation">
                <div class="banner-title">热门课程</div>
                <ul class="banner-first-nav">
                    <li class="banner-first-row">影视后期<i class="banner-first-arrow"></i>
                        <ul class="banner-second-nav">
                            <li class="banner-second-row">影视后期全能班</li>
                            <li class="banner-second-row">影视视效全能班</li>
                            <li class="banner-second-row">剪辑包装创意班</li>
                            <li class="banner-second-row">影视动画精英班</li>
                            <li class="banner-second-row">C4D视效大师班</li>
                        </ul>
                    </li>
                    <li class="banner-first-row">游戏设计<i class="banner-first-arrow"></i>
                        <ul class="banner-second-nav">
                            <li class="banner-second-row">影视后期全能班</li>
                            <li class="banner-second-row">影视视效全能班</li>
                            <li class="banner-second-row">剪辑包装创意班</li>
                            <li class="banner-second-row">影视动画精英班</li>
                            <li class="banner-second-row">C4D视效大师班</li>
                        </ul>
                    </li>
                    <li class="banner-first-row">室内设计<i class="banner-first-arrow"></i>
                        <ul class="banner-second-nav">
                            <li class="banner-second-row">影视后期全能班</li>
                            <li class="banner-second-row">影视视效全能班</li>
                            <li class="banner-second-row">剪辑包装创意班</li>
                            <li class="banner-second-row">影视动画精英班</li>
                            <li class="banner-second-row">C4D视效大师班</li>
                        </ul>
                    </li>
                    <li class="banner-first-row">UI设计<i class="banner-first-arrow"></i>
                        <ul class="banner-second-nav">
                            <li class="banner-second-row">影视后期全能班</li>
                            <li class="banner-second-row">影视视效全能班</li>
                            <li class="banner-second-row">剪辑包装创意班</li>
                            <li class="banner-second-row">影视动画精英班</li>
                            <li class="banner-second-row">C4D视效大师班</li>
                        </ul>
                    </li>
                    <li class="banner-first-row">建筑表现<i class="banner-first-arrow"></i>
                        <ul class="banner-second-nav">
                            <li class="banner-second-row">影视后期全能班</li>
                            <li class="banner-second-row">影视视效全能班</li>
                            <li class="banner-second-row">剪辑包装创意班</li>
                            <li class="banner-second-row">影视动画精英班</li>
                            <li class="banner-second-row">C4D视效大师班</li>
                        </ul>
                    </li>
                    <li class="banner-first-row">BIM应用<i class="banner-first-arrow"></i>
                        <ul class="banner-second-nav">
                            <li class="banner-second-row">影视后期全能班</li>
                            <li class="banner-second-row">影视视效全能班</li>
                            <li class="banner-second-row">剪辑包装创意班</li>
                            <li class="banner-second-row">影视动画精英班</li>
                            <li class="banner-second-row">C4D视效大师班</li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="header-main">
                <a class="header-item" href="/">首页</a>
                <a class="header-item" href="/views/about.html">关于丝路</a>
                <a class="header-item" href="/views/famousteacher.html">丝路名师</a>
                <a class="header-item" href="/views/obtain.html">学员就业</a>
                <a class="header-item" href="/views/studentworks.html">学员作品</a>
                <a class="header-item" href="/views/news.html">学院新闻</a>
                <a class="header-item" href="/views/studyenv.html">学习环境</a>
                <a class="header-item" href="/views/onlinebao.html">在线报名</a>
                <a class="header-item" href="/views/contactus.html">联系我们</a>
            </div>

        </div>
    </div>
    <!-- 课程导航，banner -->
    <div class="banner-section">
        <div class="banner">
            <div class="swiper-container" id="banner-swiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="/static/images/index/banner.jpg" />
                    </div>
                    <div class="swiper-slide">
                        <img src="/static/images/index/banner.jpg" />
                    </div>
                </div>
                <!-- <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
            <div class="swiper-pagination"></div> -->
            </div>
        </div>
        <div class="container">
            <div class="banner-tab">
                <div class="banner-tab-item">
                    <div class="banner-tab-img">
                        <img src="/static/images/index/icon1.png" alt="">
                    </div>
                    <p>上市公司旗下CG人才基地</p>
                </div>
                <div class="banner-tab-item">
                    <div class="banner-tab-img">
                        <img src="/static/images/index/icon2.png" alt="">
                    </div>

                    <p>上市公司旗下CG人才基地</p>
                </div>
                <div class="banner-tab-item">
                    <div class="banner-tab-img">
                        <img src="/static/images/index/icon3.png" alt="">
                    </div>
                    <p>上市公司旗下CG人才基地</p>
                </div>
                <div class="banner-tab-item">
                    <div class="banner-tab-img">
                        <img src="/static/images/index/icon4.png" alt="">
                    </div>
                    <p>上市公司旗下CG人才基地</p>
                </div>
                <div class="banner-tab-item">
                    <div class="banner-tab-img">
                        <img src="/static/images/index/icon5.png" alt="">
                    </div>
                    <p>上市公司旗下CG人才基地</p>
                </div>
            </div>
        </div>
    </div>
    <!-- 众所周知的项目实训 同行中的装X利器 -->
    <div class="section">
        <div class="section-title">
            众所周知的项目实训 同行中的装X利器
        </div>
        <div class="section-describe">
            丝路视觉业务覆盖CG视觉创意多领域，大量知名商业项目资源，供丝路学员参与制作实训，<br />在校接触一线案例，获取一手行业经验。
        </div>
        <div class="section-content">
            <div class="section-swiper">
                <div class="swiper-container" id="swiper1">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="/static/images/index/xm1.jpg" />
                            <div class="silkroad-hover-detail">
                                <h3>《哪吒之魔童降世》</h3>
                                <div class="silkroad-hover-intro">
                                    <p>丝路联合阿里布局“云渲染”</p>
                                    <p>持续扩展新兴的动漫影视等文娱市场</p>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <img src="/static/images/index/xm2.jpg" />
                            <div class="silkroad-hover-detail">
                                <h3>《汤姆克兰西：全境封锁》</h3>
                                <div class="silkroad-hover-intro">
                                    <p>丝路与育碧（法国）游戏制作公司通力”</p>
                                    <p>合作完成了该游戏的CG游戏美术</p>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <img src="/static/images/index/xm3.jpg" />
                            <div class="silkroad-hover-detail">
                                <h3>《雄安展示中心》</h3>
                                <div class="silkroad-hover-intro">
                                    <p>该项目是十一个国家级展馆之一，</p>
                                    <p>是雄安对外展示的重要窗口</p>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <img src="/static/images/index/xm4.jpg" />
                            <div class="silkroad-hover-detail">
                                <h3>《港珠澳大桥》</h3>
                                <div class="silkroad-hover-intro">
                                    <p>采用BIM模型和实景拍摄相结合的</p>
                                    <p>方式，为大桥钢箱梁制造提供论证方案</p>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <img src="/static/images/index/xm5.jpg" />
                            <div class="silkroad-hover-detail">
                                <h3>《乾隆南巡图》第十二卷·回鸾</h3>
                                <div class="silkroad-hover-intro">
                                    <p>丝路为画卷制作的数字复原动画，</p>
                                    <p>现为国家博物馆“一级馆藏”</p>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <img src="/static/images/index/xm6.jpg" />
                            <div class="silkroad-hover-detail">
                                <h3>《中国第五座南极科考站》</h3>
                                <div class="silkroad-hover-intro">
                                    <p>丝路打造了科考站建筑效果图，</p>
                                    <p>开启了新时代南极工作的新征程</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- <div class="swiper-button-prev"></div>
          <div class="swiper-button-next"></div>
          <div class="swiper-pagination"></div> -->
                </div>
                <div class="section-btn">
                    <a class="btn">查看更多实训案例</a>
                </div>
            </div>
        </div>
    </div>
    <!-- 丝路出品 必属精品 -->
    <div class="section section-bg-white">
        <div class="section-title">
            丝路出品 必属精品
        </div>
        <div class="section-describe">
            6个专业课程组，近百位老师，历时数月时间，打造丝路精品课程。<br />更完善的课程大纲、更夯实的软件操作、更高效的学习方法，带给你全新的课程体验。
        </div>
        <div class="section-content">
            <div class="container">
                <div class="silkroad-boutique">
                    <div class="silkroad-boutique-nav">
                        <span class="silkroad-boutique-tab silkroad-boutique-tab-active" data-id="movies">影视</span>
                        <span class="silkroad-boutique-tab" data-id="games">游戏</span>
                        <span class="silkroad-boutique-tab" data-id="indoor">室内</span>
                        <span class="silkroad-boutique-tab" data-id="ui">UI</span>
                        <span class="silkroad-boutique-tab" data-id="architecture">建筑</span>
                        <span class="silkroad-boutique-tab" data-id="bim">BIM</span>
                    </div>
                    <div class="silkroad-boutique-content">
                        <div class="silkroad-boutique-list" id="movies">
                            <a href="#" class="silkroad-boutique-item silkroad-boutique-active">
                                <div class="silkroad-boutique-img">
                                    <img src="/static/images/index/ys-kc1.jpg" />
                                </div>
                                <p>影视后期全能班</p>
                            </a>
                            <a href="#" class="silkroad-boutique-item">
                                <div class="silkroad-boutique-img">
                                    <img src="/static/images/index/ys-kc2.jpg" />
                                </div>
                                <p>影视后期全能班</p>
                            </a>
                            <a href="#" class="silkroad-boutique-item">
                                <div class="silkroad-boutique-img">
                                    <img src="/static/images/index/ys-kc3.jpg" />
                                </div>
                                <p>影视后期全能班</p>
                            </a>
                            <a href="#" class="silkroad-boutique-item">
                                <div class="silkroad-boutique-img">
                                    <img src="/static/images/index/ys-kc4.jpg" />
                                </div>
                                <p>影视后期全能班</p>
                            </a>
                            <a href="#" class="silkroad-boutique-item">
                                <div class="silkroad-boutique-img">
                                    <img src="/static/images/index/ys-kc5.jpg" />
                                </div>
                                <p>影视后期全能班</p>
                            </a>
                        </div>
                        <div class="silkroad-boutique-list" id="games">
                            <a href="#" class="silkroad-boutique-item silkroad-boutique-active">
                                <div class="silkroad-boutique-img">
                                    <img src="/static/images/index/yx-kc1.jpg" />
                                </div>
                                <p>影视后期全能班</p>
                            </a>
                            <a href="#" class="silkroad-boutique-item">
                                <div class="silkroad-boutique-img">
                                    <img src="/static/images/index/yx-kc2.jpg" />
                                </div>
                                <p>影视后期全能班</p>
                            </a>
                            <a href="#" class="silkroad-boutique-item">
                                <div class="silkroad-boutique-img">
                                    <img src="/static/images/index/yx-kc3.jpg" />
                                </div>
                                <p>影视后期全能班</p>
                            </a>
                            <a href="#" class="silkroad-boutique-item">
                                <div class="silkroad-boutique-img">
                                    <img src="/static/images/index/yx-kc4.jpg" />
                                </div>
                                <p>影视后期全能班</p>
                            </a>
                            <a href="#" class="silkroad-boutique-item">
                                <div class="silkroad-boutique-img">
                                    <img src="/static/images/index/yx-kc5.jpg" />
                                </div>
                                <p>影视后期全能班</p>
                            </a>
                        </div>

                        <div class="silkroad-boutique-list" id="indoor">
                            <a href="#" class="silkroad-boutique-item silkroad-boutique-active">
                                <div class="silkroad-boutique-img">
                                    <img src="/static/images/index/ys-kc1.jpg" />
                                </div>
                                <p>影视后期全能班</p>
                            </a>
                            <a href="#" class="silkroad-boutique-item">
                                <div class="silkroad-boutique-img">
                                    <img src="/static/images/index/ys-kc2.jpg" />
                                </div>
                                <p>影视后期全能班</p>
                            </a>
                            <a href="#" class="silkroad-boutique-item">
                                <div class="silkroad-boutique-img">
                                    <img src="/static/images/index/ys-kc3.jpg" />
                                </div>
                                <p>影视后期全能班</p>
                            </a>
                            <a href="#" class="silkroad-boutique-item">
                                <div class="silkroad-boutique-img">
                                    <img src="/static/images/index/ys-kc4.jpg" />
                                </div>
                                <p>影视后期全能班</p>
                            </a>
                            <a href="#" class="silkroad-boutique-item">
                                <div class="silkroad-boutique-img">
                                    <img src="/static/images/index/ys-kc5.jpg" />
                                </div>
                                <p>影视后期全能班</p>
                            </a>
                        </div>
                        <div class="silkroad-boutique-list" id="ui">
                            <a href="#" class="silkroad-boutique-item silkroad-boutique-active">
                                <div class="silkroad-boutique-img">
                                    <img src="/static/images/index/ys-kc1.jpg" />
                                </div>
                                <p>影视后期全能班</p>
                            </a>
                            <a href="#" class="silkroad-boutique-item">
                                <div class="silkroad-boutique-img">
                                    <img src="/static/images/index/ys-kc2.jpg" />
                                </div>
                                <p>影视后期全能班</p>
                            </a>
                            <a href="#" class="silkroad-boutique-item">
                                <div class="silkroad-boutique-img">
                                    <img src="/static/images/index/ys-kc3.jpg" />
                                </div>
                                <p>影视后期全能班</p>
                            </a>
                            <a href="#" class="silkroad-boutique-item">
                                <div class="silkroad-boutique-img">
                                    <img src="/static/images/index/ys-kc4.jpg" />
                                </div>
                                <p>影视后期全能班</p>
                            </a>
                            <a href="#" class="silkroad-boutique-item">
                                <div class="silkroad-boutique-img">
                                    <img src="/static/images/index/ys-kc5.jpg" />
                                </div>
                                <p>影视后期全能班</p>
                            </a>
                        </div>
                        <div class="silkroad-boutique-list" id="architecture">
                            <a href="#" class="silkroad-boutique-item silkroad-boutique-active">
                                <div class="silkroad-boutique-img">
                                    <img src="/static/images/index/ys-kc1.jpg" />
                                </div>
                                <p>影视后期全能班</p>
                            </a>
                            <a href="#" class="silkroad-boutique-item">
                                <div class="silkroad-boutique-img">
                                    <img src="/static/images/index/ys-kc2.jpg" />
                                </div>
                                <p>影视后期全能班</p>
                            </a>
                            <a href="#" class="silkroad-boutique-item">
                                <div class="silkroad-boutique-img">
                                    <img src="/static/images/index/ys-kc3.jpg" />
                                </div>
                                <p>影视后期全能班</p>
                            </a>
                            <a href="#" class="silkroad-boutique-item">
                                <div class="silkroad-boutique-img">
                                    <img src="/static/images/index/ys-kc4.jpg" />
                                </div>
                                <p>影视后期全能班</p>
                            </a>
                            <a href="#" class="silkroad-boutique-item">
                                <div class="silkroad-boutique-img">
                                    <img src="/static/images/index/ys-kc5.jpg" />
                                </div>
                                <p>影视后期全能班</p>
                            </a>
                        </div>
                        <div class="silkroad-boutique-list" id="bim">
                            <a href="#" class="silkroad-boutique-item silkroad-boutique-active">
                                <div class="silkroad-boutique-img">
                                    <img src="/static/images/index/ys-kc1.jpg" />
                                </div>
                                <p>影视后期全能班</p>
                            </a>
                            <a href="#" class="silkroad-boutique-item">
                                <div class="silkroad-boutique-img">
                                    <img src="/static/images/index/ys-kc2.jpg" />
                                </div>
                                <p>影视后期全能班</p>
                            </a>
                            <a href="#" class="silkroad-boutique-item">
                                <div class="silkroad-boutique-img">
                                    <img src="/static/images/index/ys-kc3.jpg" />
                                </div>
                                <p>影视后期全能班</p>
                            </a>
                            <a href="#" class="silkroad-boutique-item">
                                <div class="silkroad-boutique-img">
                                    <img src="/static/images/index/ys-kc4.jpg" />
                                </div>
                                <p>影视后期全能班</p>
                            </a>
                            <a href="#" class="silkroad-boutique-item">
                                <div class="silkroad-boutique-img">
                                    <img src="/static/images/index/ys-kc5.jpg" />
                                </div>
                                <p>影视后期全能班</p>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="section-btn">
                    <a class="btn">查看上课时间</a>
                </div>
            </div>

        </div>
    </div>
    <!-- 集结行业百位名师 全程面授实战经验 -->
    <div class="section">
        <div class="section-title">
            集结行业百位名师 全程面授实战经验
        </div>
        <div class="section-describe">
            丝路视觉业务覆盖CG视觉创意多领域，大量知名商业项目资源，供丝路学员参与制作实训，<br />在校接触一线案例，获取一手行业经验。
        </div>
        <div class="section-content">
            <div class="container">
                <div class="actual-combat-lecturer">
                    <div class="actual-combat-list">
                        <div class="actual-combat-item">
                            <div class="actual-combat-img">
                                <img src="/static/images/index/tec1.png" />
                            </div>
                            <h3>杨文强</h3>
                            <p>影视后期高级讲师</p>
                            <div class="actual-combat-detail">
                                <div class="actual-combat-outline">
                                    <div class="actual-combat-desc">
                                        影视后期高级讲师<br />6年从业经验
                                    </div>
                                    <div class="actual-combat-line"></div>
                                    <div class="actual-combat-experience">
                                        <dl>
                                            <dt>参与项目</dt>
                                            <dd>《极限挑战》</dd>
                                            <dd>《快乐大本营》</dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="actual-combat-item">
                            <div class="actual-combat-img">
                                <img src="/static/images/index/tec2.png" />
                            </div>
                            <h3>杨文强</h3>
                            <p>影视后期高级讲师</p>
                            <div class="actual-combat-detail">
                                <div class="actual-combat-outline">
                                    <div class="actual-combat-desc">
                                        影视后期高级讲师<br />6年从业经验
                                    </div>
                                    <div class="actual-combat-line"></div>
                                    <div class="actual-combat-experience">
                                        <dl>
                                            <dt>参与项目</dt>
                                            <dd>《极限挑战》</dd>
                                            <dd>《快乐大本营》</dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="actual-combat-item">
                            <div class="actual-combat-img">
                                <img src="/static/images/index/tec3.png" />
                            </div>
                            <h3>杨文强</h3>
                            <p>影视后期高级讲师</p>
                            <div class="actual-combat-detail">
                                <div class="actual-combat-outline">
                                    <div class="actual-combat-desc">
                                        影视后期高级讲师<br />6年从业经验
                                    </div>
                                    <div class="actual-combat-line"></div>
                                    <div class="actual-combat-experience">
                                        <dl>
                                            <dt>参与项目</dt>
                                            <dd>《极限挑战》</dd>
                                            <dd>《快乐大本营》</dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="actual-combat-item">
                            <div class="actual-combat-img">
                                <img src="/static/images/index/tec4.png" />
                            </div>
                            <h3>杨文强</h3>
                            <p>影视后期高级讲师</p>
                            <div class="actual-combat-detail">
                                <div class="actual-combat-outline">
                                    <div class="actual-combat-desc">
                                        影视后期高级讲师<br />6年从业经验
                                    </div>
                                    <div class="actual-combat-line"></div>
                                    <div class="actual-combat-experience">
                                        <dl>
                                            <dt>参与项目</dt>
                                            <dd>《极限挑战》</dd>
                                            <dd>《快乐大本营》</dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="actual-combat-item">
                            <div class="actual-combat-img">
                                <img src="/static/images/index/tec5.png" />
                            </div>
                            <h3>杨文强</h3>
                            <p>影视后期高级讲师</p>
                            <div class="actual-combat-detail">
                                <div class="actual-combat-outline">
                                    <div class="actual-combat-desc">
                                        影视后期高级讲师<br />6年从业经验
                                    </div>
                                    <div class="actual-combat-line"></div>
                                    <div class="actual-combat-experience">
                                        <dl>
                                            <dt>参与项目</dt>
                                            <dd>《极限挑战》</dd>
                                            <dd>《快乐大本营》</dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="actual-combat-item">
                            <div class="actual-combat-img">
                                <img src="/static/images/index/tec6.png" />
                            </div>
                            <h3>杨文强</h3>
                            <p>影视后期高级讲师</p>
                            <div class="actual-combat-detail">
                                <div class="actual-combat-outline">
                                    <div class="actual-combat-desc">
                                        影视后期高级讲师<br />6年从业经验
                                    </div>
                                    <div class="actual-combat-line"></div>
                                    <div class="actual-combat-experience">
                                        <dl>
                                            <dt>参与项目</dt>
                                            <dd>《极限挑战》</dd>
                                            <dd>《快乐大本营》</dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="actual-combat-item">
                            <div class="actual-combat-img">
                                <img src="/static/images/index/tec7.png" />
                            </div>
                            <h3>杨文强</h3>
                            <p>影视后期高级讲师</p>
                            <div class="actual-combat-detail">
                                <div class="actual-combat-outline">
                                    <div class="actual-combat-desc">
                                        影视后期高级讲师<br />6年从业经验
                                    </div>
                                    <div class="actual-combat-line"></div>
                                    <div class="actual-combat-experience">
                                        <dl>
                                            <dt>参与项目</dt>
                                            <dd>《极限挑战》</dd>
                                            <dd>《快乐大本营》</dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="actual-combat-item">
                            <div class="actual-combat-img">
                                <img src="/static/images/index/tec8.png" />
                            </div>
                            <h3>杨文强</h3>
                            <p>影视后期高级讲师</p>
                            <div class="actual-combat-detail">
                                <div class="actual-combat-outline">
                                    <div class="actual-combat-desc">
                                        影视后期高级讲师<br />6年从业经验
                                    </div>
                                    <div class="actual-combat-line"></div>
                                    <div class="actual-combat-experience">
                                        <dl>
                                            <dt>参与项目</dt>
                                            <dd>《极限挑战》</dd>
                                            <dd>《快乐大本营》</dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="actual-combat-item">
                            <div class="actual-combat-img">
                                <img src="/static/images/index/tec9.png" />
                            </div>
                            <h3>杨文强</h3>
                            <p>影视后期高级讲师</p>
                            <div class="actual-combat-detail">
                                <div class="actual-combat-outline">
                                    <div class="actual-combat-desc">
                                        影视后期高级讲师<br />6年从业经验
                                    </div>
                                    <div class="actual-combat-line"></div>
                                    <div class="actual-combat-experience">
                                        <dl>
                                            <dt>参与项目</dt>
                                            <dd>《极限挑战》</dd>
                                            <dd>《快乐大本营》</dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="actual-combat-item">
                            <div class="actual-combat-img">
                                <img src="/static/images/index/tec10.png" />
                            </div>
                            <h3>杨文强</h3>
                            <p>影视后期高级讲师</p>
                            <div class="actual-combat-detail">
                                <div class="actual-combat-outline">
                                    <div class="actual-combat-desc">
                                        影视后期高级讲师<br />6年从业经验
                                    </div>
                                    <div class="actual-combat-line"></div>
                                    <div class="actual-combat-experience">
                                        <dl>
                                            <dt>参与项目</dt>
                                            <dd>《极限挑战》</dd>
                                            <dd>《快乐大本营》</dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="actual-combat-item">
                            <div class="actual-combat-img">
                                <img src="/static/images/index/tec11.png" />
                            </div>
                            <h3>杨文强</h3>
                            <p>影视后期高级讲师</p>
                            <div class="actual-combat-detail">
                                <div class="actual-combat-outline">
                                    <div class="actual-combat-desc">
                                        影视后期高级讲师<br />6年从业经验
                                    </div>
                                    <div class="actual-combat-line"></div>
                                    <div class="actual-combat-experience">
                                        <dl>
                                            <dt>参与项目</dt>
                                            <dd>《极限挑战》</dd>
                                            <dd>《快乐大本营》</dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="actual-combat-item">
                            <div class="actual-combat-img">
                                <img src="/static/images/index/tec12.png" />
                            </div>
                            <h3>杨文强</h3>
                            <p>影视后期高级讲师</p>
                            <div class="actual-combat-detail">
                                <div class="actual-combat-outline">
                                    <div class="actual-combat-desc">
                                        影视后期高级讲师<br />6年从业经验
                                    </div>
                                    <div class="actual-combat-line"></div>
                                    <div class="actual-combat-experience">
                                        <dl>
                                            <dt>参与项目</dt>
                                            <dd>《极限挑战》</dd>
                                            <dd>《快乐大本营》</dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="section-btn">
                    <a class="btn">向导师提问</a>
                </div>
            </div>

        </div>
    </div>
    <!-- 一张作品 决胜职场 -->
    <div class="section section-bg-white">
        <div class="section-title">
            一张作品 决胜职场
        </div>
        <div class="section-describe">
            6个专业课程组，近百位老师，历时数月时间，打造丝路精品课程。<br />更完善的课程大纲、更夯实的软件操作、更高效的学习方法，带给你全新的课程体验。
        </div>
        <div class="section-content">
            <div class="container">
                <div class="silkroad-works">
                    <div class="silkroad-works-nav">
                        <span class="silkroad-works-tab silkroad-works-tab-active" data-id="movies-works">影视作品</span>
                        <span class="silkroad-works-tab" data-id="games-works">游戏作品</span>
                        <span class="silkroad-works-tab" data-id="indoor-works">室内作品</span>
                        <span class="silkroad-works-tab" data-id="ui-works">UI作品</span>
                        <span class="silkroad-works-tab" data-id="architecture-works">建筑作品</span>
                        <span class="silkroad-works-tab" data-id="bim-works">BIM作品</span>
                    </div>
                    <div class="silkroad-works-content">
                        <ul class="silkroad-works-list" id="movies-works">
                            <li class="silkroad-works-item">
                                <div class="silkroad-works-img">
                                    <img src="/static/images/index/zp-yx1.jpg" />
                                </div>
                            </li>
                            <li class="silkroad-works-item">
                                <div class="silkroad-works-img">
                                    <img src="/static/images/index/zp-yx2.jpg" />
                                </div>
                            </li>
                            <li class="silkroad-works-item">
                                <div class="silkroad-works-img">
                                    <img src="/static/images/index/zp-yx3.jpg" />
                                </div>
                            </li>
                            <li class="silkroad-works-item">
                                <div class="silkroad-works-img">
                                    <img src="/static/images/index/zp-yx4.jpg" />
                                </div>
                            </li>
                            <li class="silkroad-works-item">
                                <div class="silkroad-works-img">
                                    <img src="/static/images/index/zp-yx5.jpg" />
                                </div>
                            </li>
                            <li class="silkroad-works-item">
                                <div class="silkroad-works-img">
                                    <img src="/static/images/index/zp-yx6.jpg" />
                                </div>
                            </li>
                        </ul>
                        <ul class="silkroad-works-list" id="games-works">
                            <li class="silkroad-works-item">
                                <div class="silkroad-works-img">
                                    <img src="/static/images/index/zp-yx2.jpg" />
                                </div>
                            </li>
                            <li class="silkroad-works-item">
                                <div class="silkroad-works-img">
                                    <img src="/static/images/index/zp-yx3.jpg" />
                                </div>
                            </li>
                            <li class="silkroad-works-item">
                                <div class="silkroad-works-img">
                                    <img src="/static/images/index/zp-yx1.jpg" />
                                </div>
                            </li>
                            <li class="silkroad-works-item">
                                <div class="silkroad-works-img">
                                    <img src="/static/images/index/zp-yx4.jpg" />
                                </div>
                            </li>
                            <li class="silkroad-works-item">
                                <div class="silkroad-works-img">
                                    <img src="/static/images/index/zp-yx5.jpg" />
                                </div>
                            </li>
                            <li class="silkroad-works-item">
                                <div class="silkroad-works-img">
                                    <img src="/static/images/index/zp-yx6.jpg" />
                                </div>
                            </li>
                        </ul>

                        <ul class="silkroad-works-list" id="indoor-works">
                            <li class="silkroad-works-item">
                                <div class="silkroad-works-img">
                                    <img src="/static/images/index/zp-yx1.jpg" />
                                </div>
                            </li>
                            <li class="silkroad-works-item">
                                <div class="silkroad-works-img">
                                    <img src="/static/images/index/zp-yx2.jpg" />
                                </div>
                            </li>
                            <li class="silkroad-works-item">
                                <div class="silkroad-works-img">
                                    <img src="/static/images/index/zp-yx3.jpg" />
                                </div>
                            </li>
                            <li class="silkroad-works-item">
                                <div class="silkroad-works-img">
                                    <img src="/static/images/index/zp-yx4.jpg" />
                                </div>
                            </li>
                            <li class="silkroad-works-item">
                                <div class="silkroad-works-img">
                                    <img src="/static/images/index/zp-yx5.jpg" />
                                </div>
                            </li>
                            <li class="silkroad-works-item">
                                <div class="silkroad-works-img">
                                    <img src="/static/images/index/zp-yx6.jpg" />
                                </div>
                            </li>
                        </ul>
                        <ul class="silkroad-works-list" id="ui-works">
                            <li class="silkroad-works-item">
                                <div class="silkroad-works-img">
                                    <img src="/static/images/index/zp-yx1.jpg" />
                                </div>
                            </li>
                            <li class="silkroad-works-item">
                                <div class="silkroad-works-img">
                                    <img src="/static/images/index/zp-yx2.jpg" />
                                </div>
                            </li>
                            <li class="silkroad-works-item">
                                <div class="silkroad-works-img">
                                    <img src="/static/images/index/zp-yx3.jpg" />
                                </div>
                            </li>
                            <li class="silkroad-works-item">
                                <div class="silkroad-works-img">
                                    <img src="/static/images/index/zp-yx4.jpg" />
                                </div>
                            </li>
                            <li class="silkroad-works-item">
                                <div class="silkroad-works-img">
                                    <img src="/static/images/index/zp-yx5.jpg" />
                                </div>
                            </li>
                            <li class="silkroad-works-item">
                                <div class="silkroad-works-img">
                                    <img src="/static/images/index/zp-yx6.jpg" />
                                </div>
                            </li>
                        </ul>
                        <ul class="silkroad-works-list" id="architecture-works">
                            <li class="silkroad-works-item">
                                <div class="silkroad-works-img">
                                    <img src="/static/images/index/zp-yx1.jpg" />
                                </div>
                            </li>
                            <li class="silkroad-works-item">
                                <div class="silkroad-works-img">
                                    <img src="/static/images/index/zp-yx2.jpg" />
                                </div>
                            </li>
                            <li class="silkroad-works-item">
                                <div class="silkroad-works-img">
                                    <img src="/static/images/index/zp-yx3.jpg" />
                                </div>
                            </li>
                            <li class="silkroad-works-item">
                                <div class="silkroad-works-img">
                                    <img src="/static/images/index/zp-yx4.jpg" />
                                </div>
                            </li>
                            <li class="silkroad-works-item">
                                <div class="silkroad-works-img">
                                    <img src="/static/images/index/zp-yx5.jpg" />
                                </div>
                            </li>
                            <li class="silkroad-works-item">
                                <div class="silkroad-works-img">
                                    <img src="/static/images/index/zp-yx6.jpg" />
                                </div>
                            </li>
                        </ul>
                        <ul class="silkroad-works-list" id="bim-works">
                            <li class="silkroad-works-item">
                                <div class="silkroad-works-img">
                                    <img src="/static/images/index/zp-yx1.jpg" />
                                </div>
                            </li>
                            <li class="silkroad-works-item">
                                <div class="silkroad-works-img">
                                    <img src="/static/images/index/zp-yx2.jpg" />
                                </div>
                            </li>
                            <li class="silkroad-works-item">
                                <div class="silkroad-works-img">
                                    <img src="/static/images/index/zp-yx3.jpg" />
                                </div>
                            </li>
                            <li class="silkroad-works-item">
                                <div class="silkroad-works-img">
                                    <img src="/static/images/index/zp-yx4.jpg" />
                                </div>
                            </li>
                            <li class="silkroad-works-item">
                                <div class="silkroad-works-img">
                                    <img src="/static/images/index/zp-yx5.jpg" />
                                </div>
                            </li>
                            <li class="silkroad-works-item">
                                <div class="silkroad-works-img">
                                    <img src="/static/images/index/zp-yx6.jpg" />
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="section-btn">
                    <a class="btn">查看更多学员作品</a>
                </div>
            </div>
        </div>
    </div>
    <!-- 丝路C4D视效大师班 特色优势 -->


    <!-- 丝路教育-行业人才 兵工厂 -->
    <div class="section">
        <div class="section-title">
            丝路教育----行业人才 兵工厂
        </div>
        <div class="section-describe">
            丝路视觉业务覆盖CG视觉创意多领域，大量知名商业项目资源，供丝路学员参与制作实训，<br />在校接触一线案例，获取一手行业经验。
        </div>
        <div class="section-content">
            <div class="container">
                <div class="industry-talents">
                    <div class="industry-talents-list">
                        <div class="industry-talents-item">
                            <div class="industry-talents-img">
                                <img src="/static/images/index/xy1.jpg" />
                            </div>
                            <h3>孙*</h3>
                            <p>1980期 建筑表现全能班</p>
                            <p>就业公司：丝路视觉上海分公司</p>
                        </div>
                        <div class="industry-talents-item">
                            <div class="industry-talents-img">
                                <img src="/static/images/index/xy2.jpg" />
                            </div>
                            <h3>孙*</h3>
                            <p>1980期 建筑表现全能班</p>
                            <p>就业公司：丝路视觉上海分公司</p>

                        </div>
                        <div class="industry-talents-item">
                            <div class="industry-talents-img">
                                <img src="/static/images/index/xy3.jpg" />
                            </div>
                            <h3>孙*</h3>
                            <p>1980期 建筑表现全能班</p>
                            <p>就业公司：丝路视觉上海分公司</p>

                        </div>
                        <div class="industry-talents-item">
                            <div class="industry-talents-img">
                                <img src="/static/images/index/xy4.jpg" />
                            </div>
                            <h3>孙*</h3>
                            <p>1980期 建筑表现全能班</p>
                            <p>就业公司：丝路视觉上海分公司</p>

                        </div>
                        <div class="industry-talents-item">
                            <div class="industry-talents-img">
                                <img src="/static/images/index/xy5.jpg" />
                            </div>
                            <h3>孙*</h3>
                            <p>1980期 建筑表现全能班</p>
                            <p>就业公司：丝路视觉上海分公司</p>

                        </div>
                        <div class="industry-talents-item">
                            <div class="industry-talents-img">
                                <img src="/static/images/index/xy6.jpg" />
                            </div>
                            <h3>孙*</h3>
                            <p>1980期 建筑表现全能班</p>
                            <p>就业公司：丝路视觉上海分公司</p>
                        </div>
                        <div class="industry-talents-item">
                            <div class="industry-talents-img">
                                <img src="/static/images/index/xy7.jpg" />
                            </div>
                            <h3>孙*</h3>
                            <p>1980期 建筑表现全能班</p>
                            <p>就业公司：丝路视觉上海分公司</p>
                        </div>
                        <div class="industry-talents-item">
                            <div class="industry-talents-img">
                                <img src="/static/images/index/xy8.jpg" />
                            </div>
                            <h3>孙*</h3>
                            <p>1980期 建筑表现全能班</p>
                            <p>就业公司：丝路视觉上海分公司</p>
                        </div>
                        <div class="industry-talents-item">
                            <div class="industry-talents-img">
                                <img src="/static/images/index/xy9.jpg" />
                            </div>
                            <h3>孙*</h3>
                            <p>1980期 建筑表现全能班</p>
                            <p>就业公司：丝路视觉上海分公司</p>

                        </div>
                        <div class="industry-talents-item">
                            <div class="industry-talents-img">
                                <img src="/static/images/index/xy10.jpg" />
                            </div>
                            <h3>孙*</h3>
                            <p>1980期 建筑表现全能班</p>
                            <p>就业公司：丝路视觉上海分公司</p>

                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!-- Apple电脑 “硬实力” 佛系环境 “真舒心” -->
    <div class="section section-bg-white">
        <div class="section-title">
            Apple电脑 “硬实力” 佛系环境 “真舒心”
        </div>
        <div class="section-describe">
            丝路视觉业务覆盖CG视觉创意多领域，大量知名商业项目资源，供丝路学员参与制作实训，<br />在校接触一线案例，获取一手行业经验。
        </div>
        <div class="section-content">
            <div class="container">
                <div class="hard-power">
                    <div class="hard-power-list">
                        <div class="hard-power-item">
                            <div class="hard-power-img">
                                <img src="/static/images/index/hj1.jpg" />
                                <img src="/static/images/index/hj4.jpg" />
                                <span class="hard-power-txt">校园<br />环境</span>
                            </div>
                        </div>
                        <div class="hard-power-item">
                            <div class="hard-power-img">
                                <img src="/static/images/index/hj2.jpg" />
                            </div>

                        </div>
                        <div class="hard-power-item">
                            <div class="hard-power-img">
                                <img src="/static/images/index/hj3.jpg" />
                                <img src="/static/images/index/hj5.jpg" />
                                <span class="hard-power-txt">学习<br />氛围</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="section-btn">
                    <a class="btn">查看更多校园图片</a>
                </div>
            </div>

        </div>
    </div>
    <!-- 认识丝路 了解我们 -->
    <div class="section">
        <div class="section-title">
            认识丝路 了解我们
        </div>
        <div class="section-describe">
            丝路视觉业务覆盖CG视觉创意多领域，大量知名商业项目资源，供丝路学员参与制作实训，<br />在校接触一线案例，获取一手行业经验。
        </div>
        <div class="section-content">
            <div class="container">
                <div class="understand-us">
                    <div class="understand-us-works">
                        <div class="understand-works-img">
                            <img src="/static/images/index/xw1.jpg" alt="">
                        </div>
                        <div class="understand-works-title">
                            摄影师学会C4D后，逆天了！
                            <span class="understand-link">查看详情</span>
                        </div>
                        <div class="understand-works-detail">
                            <p>转载至：旁门正道（ID:WHERER）</p>
                            <p>来自西班牙摄影师JACK，对空间美学爱的深沉，自学C4D后，尝试着把自己的摄影作品融入到3D空间里...</p>
                        </div>
                    </div>
                    <div class="understand-us-info">
                        <a href="#" class="understand-info-more">More ></a>
                        <a href="#" class="understand-info-list">
                            <div class="understand-info-serialnumber">01</div>
                            <div class="understand-info-content">
                                <div class="understand-info-tp">
                                    <div class="understand-info-title">摄影师学会C4D后，逆天了！</div>
                                    <div class="understand-info-datetime">2019-11-18</div>
                                </div>
                                <div class="understand-info-btm">
                                    转载至：旁门正道（ID:WHERER）来自西班牙摄影师JACK，对空间美学爱的深沉，自学C4D后，尝试着把自己的摄影作品融入到3D空间里
                                </div>
                            </div>
                        </a>
                        <a href="#" class="understand-info-list">
                            <div class="understand-info-serialnumber">02</div>
                            <div class="understand-info-content">
                                <div class="understand-info-tp">
                                    <div class="understand-info-title">摄影师学会C4D后，逆天了！</div>
                                    <div class="understand-info-datetime">2019-11-18</div>
                                </div>
                                <div class="understand-info-btm">
                                    转载至：旁门正道（ID:WHERER）来自西班牙摄影师JACK，对空间美学爱的深沉，自学C4D后，尝试着把自己的摄影作品融入到3D空间里
                                </div>
                            </div>
                        </a>
                        <a href="#" class="understand-info-list">
                            <div class="understand-info-serialnumber">03</div>
                            <div class="understand-info-content">
                                <div class="understand-info-tp">
                                    <div class="understand-info-title">摄影师学会C4D后，逆天了！</div>
                                    <div class="understand-info-datetime">2019-11-18</div>
                                </div>
                                <div class="understand-info-btm">
                                    转载至：旁门正道（ID:WHERER）来自西班牙摄影师JACK，对空间美学爱的深沉，自学C4D后，尝试着把自己的摄影作品融入到3D空间里
                                </div>
                            </div>
                        </a>
                        <a href="#" class="understand-info-list">
                            <div class="understand-info-serialnumber">04</div>
                            <div class="understand-info-content">
                                <div class="understand-info-tp">
                                    <div class="understand-info-title">摄影师学会C4D后，逆天了！</div>
                                    <div class="understand-info-datetime">2019-11-18</div>
                                </div>
                                <div class="understand-info-btm">
                                    转载至：旁门正道（ID:WHERER）来自西班牙摄影师JACK，对空间美学爱的深沉，自学C4D后，尝试着把自己的摄影作品融入到3D空间里
                                </div>
                            </div>
                        </a>
                        <a href="#" class="understand-info-list">
                            <div class="understand-info-serialnumber">05</div>
                            <div class="understand-info-content">
                                <div class="understand-info-tp">
                                    <div class="understand-info-title">摄影师学会C4D后，逆天了！</div>
                                    <div class="understand-info-datetime">2019-11-18</div>
                                </div>
                                <div class="understand-info-btm">
                                    转载至：旁门正道（ID:WHERER）来自西班牙摄影师JACK，对空间美学爱的深沉，自学C4D后，尝试着把自己的摄影作品融入到3D空间里
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="section-btn">
                    <a class="btn">了解更多丝路信息</a>
                </div>
            </div>
        </div>
    </div>
    <!-- 近1000家高校的信任 3000+合作企业的选择 -->
    <div class="section section-bg-white">
        <div class="section-title">
            近1000家高校的信任 3000+合作企业的选择
        </div>
        <div class="section-describe">
            丝路视觉业务覆盖CG视觉创意多领域，大量知名商业项目资源，供丝路学员参与制作实训，<br />在校接触一线案例，获取一手行业经验。
        </div>
        <div class="section-content">
            <div class="container">
                <div class="silkroad-cooperative-enterprise">
                    <div class="silkroad-cooperative-nav">
                        <span class="silkroad-cooperative-tab silkroad-cooperative-tab-active" data-id="cooperative-list1">合作企业</span>
                        <span class="silkroad-cooperative-tab" data-id="cooperative-list2">合作院校</span>
                    </div>
                    <div class="silkroad-cooperative-content">
                        <div class="silkroad-cooperative-list" id="cooperative-list1">
                            <img src="/static/images/index/hz-logo.jpg" />
                        </div>
                        <div class="silkroad-cooperative-list" id="cooperative-list2">
                            <img src="/static/images/index/sn-kc1.jpg" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 表单统计 -->
    <div class="section-form">
        <form action="" methods='post'>
            <div class="section-form-title">创造未来，从沉迷当下开始！</div>
            <div class="section-form-txt">获取<em>免费试听</em>名额</div>
            <div class="section-form-row">
                <div class="form-group">
                    <input class="form-control" placeholder="姓名" />
                </div>
                <div class="form-group">
                    <input class="form-control" placeholder="联系电话" />
                </div>
            </div>
            <div class="form-submit">
                <button class="btn" type="submit">我要成为更好的自己</button>
            </div>
        </form>
    </div>
    <!-- 页脚 -->
    <div class="footer">
        <div class="footer-nav">
            <div class="container">
                <dl>
                    <dd>影视后期课程</dd>
                    <dt><a href="#">影视后期全能班</a></dt>
                    <dt><a href="#">影视后期全能班</a></dt>
                    <dt><a href="#">影视后期全能班</a></dt>
                    <dt><a href="#">影视后期全能班</a></dt>
                    <dt><a href="#">影视后期全能班</a></dt>
                </dl>

                <dl>
                    <dd>游戏设计课程</dd>
                    <dt><a href="#">影视后期全能班</a></dt>
                    <dt><a href="#">影视后期全能班</a></dt>
                    <dt><a href="#">影视后期全能班</a></dt>
                    <dt><a href="#">影视后期全能班</a></dt>
                    <dt><a href="#">影视后期全能班</a></dt>
                </dl>
                <dl>
                    <dd>室内设计课程</dd>
                    <dt><a href="#">影视后期全能班</a></dt>
                    <dt><a href="#">影视后期全能班</a></dt>
                    <dt><a href="#">影视后期全能班</a></dt>
                    <dt><a href="#">影视后期全能班</a></dt>
                    <dt><a href="#">影视后期全能班</a></dt>
                </dl>
                <dl>
                    <dd>UI设计课程</dd>
                    <dt><a href="#">影视后期全能班</a></dt>
                    <dt><a href="#">影视后期全能班</a></dt>
                    <dt><a href="#">影视后期全能班</a></dt>
                    <dt><a href="#">影视后期全能班</a></dt>
                    <dt><a href="#">影视后期全能班</a></dt>
                </dl>
                <dl>
                    <dd>建筑表现课程</dd>
                    <dt><a href="#">影视后期全能班</a></dt>
                    <dt><a href="#">影视后期全能班</a></dt>
                    <dt><a href="#">影视后期全能班</a></dt>
                    <dt><a href="#">影视后期全能班</a></dt>
                    <dt><a href="#">影视后期全能班</a></dt>
                </dl>
                <dl>
                    <dd>BIM应用课程</dd>
                    <dt><a href="#">影视后期全能班</a></dt>
                    <dt><a href="#">影视后期全能班</a></dt>
                    <dt><a href="#">影视后期全能班</a></dt>
                    <dt><a href="#">影视后期全能班</a></dt>
                    <dt><a href="#">影视后期全能班</a></dt>
                </dl>
                <dl>
                    <dd>报名入口</dd>
                    <dt><a href="#">影视后期全能班</a></dt>
                    <dt><a href="#">影视后期全能班</a></dt>
                    <dt><a href="#">影视后期全能班</a></dt>
                </dl>
                <dl>
                    <dd>关注</dd>
                    <dt><a href="#">
                <img src="/static/images/index/weibo-icon.png" />
                <img src="/static/images/index/weixin-icon.png" />
            </dt>
                    <dt><a href="#"><img src="/static/images/index/weibo-erweima.jpg" /></dt>
                </dl>
            </div>

        </div>
        <div class="footer-btm">
            <div class="container">
                <div class="footer-friendship-link">
                    友情链接：<a href="">丝路视觉</a><a href="">V5CG</a><a href="">酷站</a><a href="">花瓣</a>
                </div>
                <div class="footer-copyright">
                    粤ICP备11044640号-6 版权归丝路视觉科技股份有限公司所有，盗用必究。
                </div>
            </div>
        </div>
    </div>
    <script>
        // banner
        var mySwiper1 = new Swiper('#banner-swiper', {
            autoplay: 3000,
            loop: true,
        })
        $("#banner-swiper .swiper-slide").on("mouseenter", function() {
            mySwiper1.stopAutoplay();
        });
        $("#banner-swiper .swiper-slide").on("mouseleave", function() {
            mySwiper1.startAutoplay();
        });
        // 众所周知的项目实训 同行中的装X利器
        var mySwiper2 = new Swiper('#swiper1', {
            autoplay: 2500,
            slidesPerView: 6,
            slidesPerGroup: 3,
            spaceBetween: 5,
            // simulateTouch: false,
            loop: true,
            // prevButton: '#swiper1 .swiper-button-prev',
            // nextButton: '#swiper1 .swiper-button-next',
        })
        $("#swiper1 .swiper-slide").on("mouseenter", function() {
            mySwiper2.stopAutoplay();
        });
        $("#swiper1 .swiper-slide").on("mouseleave", function() {
            mySwiper2.startAutoplay();
        });
        //丝路出品，必属精品--手风琴动画效果
        $('.silkroad-boutique-list .silkroad-boutique-item').mouseenter(function() {
                $(this).addClass('silkroad-boutique-active').siblings('.silkroad-boutique-item').removeClass('silkroad-boutique-active');
            })
            // 丝路出品，必属精品--tab切换
        $('.silkroad-boutique-nav .silkroad-boutique-tab').click(function() {
                var $this = $(this);
                $this.addClass('silkroad-boutique-tab-active').siblings().removeClass('silkroad-boutique-tab-active');

                document.getElementById($this.data('id')).style.display = 'flex';
                $('#' + $this.data('id')).siblings().hide();
            })
            // 学员作品
        $('.silkroad-works-nav .silkroad-works-tab').click(function() {
                var $this = $(this);
                $this.addClass('silkroad-works-tab-active').siblings().removeClass('silkroad-works-tab-active');

                document.getElementById($this.data('id')).style.display = 'flex';
                $('#' + $this.data('id')).siblings().hide();
            })
            // 近1000家高校的信任 3000+合作企业的选择
        $('.silkroad-cooperative-nav .silkroad-cooperative-tab').click(function() {
            var $this = $(this);
            $this.addClass('silkroad-cooperative-tab-active').siblings().removeClass('silkroad-cooperative-tab-active');

            document.getElementById($this.data('id')).style.display = 'flex';
            $('#' + $this.data('id')).siblings().hide();
        })
    </script>
</body>

</html>