<!DOCTYPE html>
<html lang="en">

    <head>

        <!-- Required meta tags -->
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- Stylesheets -->
        <link rel="stylesheet" href="/static/css/vendors.css">
        <link rel="stylesheet" href="/static/css/main.css">
        <!--引入自定义css-->
        <link rel="stylesheet" href="/static/css/self.css" />

        <!-- Favicon -->
        <link rel="apple-touch-icon" sizes="57x57" href="/static/img/favicon/apple-icon-57x57.png">
        <link rel="apple-touch-icon" sizes="60x60" href="/static/img/favicon/apple-icon-60x60.png">
        <link rel="apple-touch-icon" sizes="72x72" href="/static/img/favicon/apple-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="76x76" href="/static/img/favicon/apple-icon-76x76.png">
        <link rel="apple-touch-icon" sizes="114x114" href="/static/img/favicon/apple-icon-114x114.png">
        <link rel="apple-touch-icon" sizes="120x120" href="/static/img/favicon/apple-icon-120x120.png">
        <link rel="apple-touch-icon" sizes="144x144" href="/static/img/favicon/apple-icon-144x144.png">
        <link rel="apple-touch-icon" sizes="152x152" href="/static/img/favicon/apple-icon-152x152.png">
        <link rel="apple-touch-icon" sizes="180x180" href="/static/img/favicon/apple-icon-180x180.png">
        <link rel="icon" type="image/png" sizes="192x192" href="/static/img/favicon/android-icon-192x192.png">
        <link rel="icon" type="image/png" sizes="32x32" href="/static/img/favicon/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="96x96" href="/static/img/favicon/favicon-96x96.png">
        <link rel="icon" type="image/png" sizes="16x16" href="/static/img/favicon/favicon-16x16.png">
        <link rel="manifest" href="/static/img/favicon/manifest.json">
        <meta name="msapplication-TileColor" content="#ffffff">
        <meta name="msapplication-TileImage" content="/static/img/favicon/ms-icon-144x144.png">
        <meta name="theme-color" content="#ffffff">

        <title>沃派</title>

    </head>

    <body class="preloader-visible" data-barba="wrapper">

        <!-- preloader start -->
        <div class="preloader js-preloader">
            <div class="preloader__bg"></div>

            <div class="preloader__progress">
                <div class="preloader__progress__inner"></div>
                <img src="/static/img/general/loader.svg" alt="preloader image" class="preloader__img">
            </div>
        </div>
        <!-- preloader end -->

        <!-- cursor start -->
        <div class="cursor js-cursor">
            <div class="cursor__wrapper">
                <div class="cursor__follower js-follower"></div>
                <div class="cursor__label js-label"></div>
                <div class="cursor__icon js-icon"></div>
            </div>
        </div>
        <!-- cursor end -->

        <!-- 回滚顶部 -->
        <div class="barba-container" data-barba="container">

            <!-- to-top-button start -->
            <div data-cursor class="backButton js-backButton">
                <span class="backButton__bg"></span>
                <div class="backButton__icon__wrap">
                    <i class="backButton__button js-top-button" data-feather="arrow-up"></i>
                </div>
            </div>

            <main class="">
                <header class="header -light -sticky-light js-header-light -classic js-header">
                    <div class="header__bar">
                        <div class="overflow-hidden">
                            <div class="header__logo js-header-logo">
                                <a data-barba href="/">
                                    <img class="header__logo__light js-lazy" src="#" data-src="/static/img/logo/logo_white.png" style="width: 130px;height: 26px;">
                                </a>
                                <a data-barba href="/">
                                    <img class="header__logo__dark js-lazy" src="#" data-src="/static/img/logo/logo_normal.png" style="width: 130px;height: 26px;">
                                </a>
                            </div>
                        </div>

                        <div class="navClassic-wrap js-header-menu-classic">
                            <ul class="navClassic-list js-navClassic-list">
                                <li>
                                    <a data-barba href="/" class="text-shadow-white">
                                        首页
                                    </a>
                                </li>

                                <li>
                                    <a data-barba href="/about/" class="text-shadow-white">
                                        关于
                                    </a>
                                </li>

                                <!--<li class="menu-item-has-children">
                                    <a class="text-shadow-white">产品服务</a>
                                    <ul class="subnav-list">
                                        <li>
                                            <a data-barba href="portfolio-single-1.html">教育投资</a>
                                        </li>
                                        <li>
                                            <a data-barba href="portfolio-single-2.html">岗位外包</a>
                                        </li>
                                        <li>
                                            <a data-barba href="portfolio-single-3.html">人事代理</a>
                                        </li>
                                        <li>
                                            <a data-barba href="portfolio-single-4.html">一站式招聘</a>
                                        </li>
                                        <li>
                                            <a data-barba href="portfolio-single-5.html">薪税服务</a>
                                        </li>
                                        <li>
                                            <a data-barba href="portfolio-single-6.html">员工宿舍</a>
                                        </li>
                                    </ul>
                                </li>-->

                                <li>
                                    <a data-barba href="/activities/" class="text-shadow-white">
                                        活动
                                    </a>
                                </li>

                                <li>
                                    <a data-barba href="/team/" class="text-shadow-white">
                                        加入
                                    </a>
                                </li>

                                <li>
                                    <a href="/contact/" class="text-shadow-white">
                                        联系
                                    </a>
                                </li>
                            </ul>
                        </div>

                        <div class="header__menu__wrap overflow-hidden">
                            <div class="header__menu js-header-menu">
                                <button type="button" class="nav-button-open js-nav-open">
                                    <i class="icon" data-feather="menu"></i>
                                </button>
                            </div>
                        </div>

                    </div>
                    <!-- header__bar end -->

                    <!-- nav start -->
                    <nav class="nav js-nav">
                        <div class="nav__inner js-nav-inner">
                            <div class="nav__bg js-nav-bg"></div>

                            <div class="nav__container">
                                <div class="nav__header">
                                    <button type="button" class="nav-button-back js-nav-back">
                                      <i class="icon" data-feather="arrow-left-circle"></i>
                                    </button>

                                    <button type="button" class="nav-btn-close js-nav-close pointer-events-none">
                                      <i class="icon" data-feather="x"></i>
                                    </button>
                                </div>

                                <div class="nav__content">
                                    <div class="nav__content__left">
                                        <div class="navList__wrap">
                                            <ul class="navList js-navList">
                                                <li>
                                                    <a data-barba href="/">
                                                        首页
                                                    </a> 
                                                </li>
                                                <li>
                                                    <a data-barba href="/about/">
                                                        关于
                                                    </a>
                                                </li>

                                                <!--<li class="menu-item-has-children">
                                                    <a>产品服务</a>
                                                    <ul class="subnav-list">
                                                        <li>
                                                            <a data-barba href="portfolio-single-1.html">教育投资</a>
                                                        </li>
                                                        <li>
                                                            <a data-barba href="portfolio-single-2.html">岗位外包</a>
                                                        </li>
                                                        <li>
                                                            <a data-barba href="portfolio-single-3.html">人事代理</a>
                                                        </li>
                                                        <li>
                                                            <a data-barba href="portfolio-single-4.html">一站式招聘</a>
                                                        </li>
                                                        <li>
                                                            <a data-barba href="portfolio-single-5.html">薪税服务</a>
                                                        </li>
                                                        <li>
                                                            <a data-barba href="portfolio-single-6.html">员工宿舍</a>
                                                        </li>
                                                    </ul>
                                                </li>-->

                                                <li>
                                                    <a data-barba href="/activities/">
                                                        活动
                                                    </a>
                                                </li>

                                                <li>
                                                    <a data-barba href="/team/">
                                                        加入
                                                    </a>
                                                </li>

                                                <li>
                                                    <a href="/contact/">
                                                        联系
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>

                                    <div class="nav__content__right">
                                        <div class="nav__info">
                                            <div class="nav__info__item js-navInfo-item">
                                                <h5 class="text-sm tracking-none fw-500">
                                                    地址
                                                </h5>

                                                <div class="nav__info__content text-lg text-white mt-16">
                                                    <p>
                                                        上海普陀区长征镇金沙江路2159号普罗娜商务广场A幢202室
                                                    </p>
                                                </div>
                                            </div>

                                            <div class="nav__info__item js-navInfo-item">
                                                <h5 class="text-sm tracking-none fw-500">
                                                    联系我们
                                                </h5>

                                                <div class="nav__info__content text-lg text-white mt-16">
                                                    <a href="#">contact@virplat.com</a>
                                                    <a href="#">021-80120100</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </nav>
                </header>

                <section data-speed="1200" data-autoplay-delay="3600" class="sliderMain -type-3 js-sliderMain-type-3 sm:layout-mt-headerBar">

                    <div class="container-fluid h-full px-0 sm:px-20">

                        <div class="row sm:justify-content-center h-full">
                            <div class="col-xl-3 offset-xl-2 col-lg-4 offset-lg-1 col-md-5 offset-md-1 col-sm-9">
                                <div class="slider__content__wrapper sm:text-center h-full z-3">

                                    <div class="slider__content  is-active  js-slider-content">
                                        <div data-split="lines">
                                            <p class="slider__subtitle text-xl uppercase tracking-md leading-md mb-20 js-subtitle"> 
                                                以长三角为中心，辐射全国各个地区
                                            </p>
                                        </div>
                                        <div data-split="lines" class="mr-minus-col-2 sm:mr-0">
                                            <h1 class="slider__title fw-600 leading-xs js-title" style="letter-spacing: 4px;">
                                                城市连锁服务业一站式人力资源服务平台
                                            </h1>
                                        </div>
                                        <div class="slider__button overflow-hidden mt-32">
                                            <div class="js-button py-4">
                                                <a href="/about/" class="button -md -black">
                                                    了解更多
                                                </a>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="slider__content  js-slider-content">
                                        <div data-split="lines">
                                            <p class="slider__subtitle text-xl uppercase tracking-md leading-md mb-20 js-subtitle">
                                                创新的价值服务撬动人力资源管理的变革
                                            </p>
                                        </div>
                                        <div data-split="lines" class="mr-minus-col-2 sm:mr-0">
                                            <h1 class="slider__title fw-600 leading-xs js-title" style="letter-spacing: 4px;">
                                                提供极具竞争力的校企合作解决方案
                                            </h1>
                                        </div>
                                        <div class="slider__button overflow-hidden mt-32">
                                            <div class="js-button py-4">
                                                <a href="/about/" class="button -md -black">
                                                    了解更多
                                                </a>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="slider__content  js-slider-content">
                                        <div data-split="lines">
                                            <p class="slider__subtitle text-xl uppercase tracking-md leading-md mb-20 js-subtitle">
                                                高质量的人力资源网络和资源整合能力
                                            </p>
                                        </div>
                                        <div data-split="lines" class="mr-minus-col-2 sm:mr-0">
                                            <h1 class="slider__title fw-600 leading-xs js-title" style="letter-spacing: 4px;">
                                                为企业提供灵活、高效、便捷的服务体验
                                            </h1>
                                        </div>
                                        <div class="slider__button overflow-hidden mt-32">
                                            <div class="js-button py-4">
                                                <a href="/about/" class="button -md -black">
                                                    了解更多
                                                </a>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="slider__content  js-slider-content">
                                        <div data-split="lines">
                                            <p class="slider__subtitle text-xl uppercase tracking-md leading-md mb-20 js-subtitle">
                                                融汇贯通了本土业务逻辑和全球管理智慧
                                            </p>
                                        </div>
                                        <div data-split="lines" class="mr-minus-col-2 sm:mr-0">
                                            <h1 class="slider__title fw-600 leading-xs js-title" style="letter-spacing: 4px; font-size: ;">
                                                成就客户卓越价值，为人力资源赋能！
                                            </h1>
                                        </div>
                                        <div class="slider__button overflow-hidden mt-32">
                                            <div class="js-button py-4">
                                                <a href="/about/" class="button -md -black">
                                                    了解更多
                                                </a>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>

                            <div class="col layout-pr-headerBar lg:pr-0 col-lg-7 col-md-6 swiper-col">
                                <div class="swiper-container h-100vh">
                                    <div class="swiper-wrapper z-2">
                                        <div class="swiper-slide overflow-hidden">
                                            <div class="slider__img" data-swiper-parallax="150" data-parallax="0.7" data-swiper-parallax-opacity="0">
                                                <video class="bg-video" id="myVideo" autoplay loop muted webkit-playsinline playsinline x5-video-player-type="h5">
                                                    <source src="/static/video/wp_index_02.mp4" type="video/mp4"> 您的浏览器不支持 video 标签。
                                                </video>
                                            </div>
                                            <div class="slider__img__cover js-image-cover"></div>
                                            <div class="slider__img__bg bg-dark-1"></div>
                                        </div>

                                        <div class="swiper-slide overflow-hidden">
                                            <div class="slider__img" data-swiper-parallax="150" data-parallax="0.7" data-swiper-parallax-opacity="0">
                                                <div data-parallax-target class="bg-image swiper-lazy js-image" data-background="/static/img/selfimg/wp_bg_02.png"></div>
                                            </div>

                                            <div class="slider__img__bg bg-dark-1"></div>
                                        </div>

                                        <div class="swiper-slide overflow-hidden">
                                            <div class="slider__img" data-swiper-parallax="150" data-parallax="0.7" data-swiper-parallax-opacity="0">
                                                <video class="bg-video" id="myVideo" autoplay loop muted webkit-playsinline playsinline x5-video-player-type="h5">
                                                    <source src="/static/video/wp_index_03.mp4" type="video/mp4"> 您的浏览器不支持 video 标签。
                                                </video>
                                            </div>

                                            <div class="slider__img__bg bg-dark-1"></div>
                                        </div>

                                        <div class="swiper-slide overflow-hidden">
                                            <div class="slider__img" data-swiper-parallax="150" data-parallax="0.7" data-swiper-parallax-opacity="0">
                                                <div data-parallax-target class="bg-image swiper-lazy js-image" data-background="/static/img/selfimg/wp_bg_04.png"></div>
                                            </div>

                                            <div class="slider__img__bg bg-dark-1"></div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="slider__navs js-slider-nav js-ui">
                            <div class="navButton">
                                <button type="button" class="navButton__item button -outline-black js-prev">
                                    <i class="icon" data-feather="arrow-left"></i>
                                </button>
                                <button type="button" class="navButton__item button -outline-black mt-12 js-next">
                                    <i class="icon" data-feather="arrow-right"></i>
                                </button>
                            </div>
                        </div>
                    </div>

                    <div class="ui-element -bottom-left sm:d-none js-ui">
                        <button type="button" class="ui-element__scroll text-black js-ui-scroll-button">向下滚动
                            <i class="icon" data-feather="arrow-down"></i>
                        </button>
                    </div>

                </section>

                <!----------------------------------------------------------主要内容---------------------------------------------------------------->

                <section class="layout-pt-2xl layout-pb-md">
                    <div data-anim-wrap class="container">
                        <div class="row justify-content-between">

                            <div class="col-xl-4 col-lg-5 col-md-8">
                                <div class="sectionHeading -sm">

                                    <h2 class="sectionHeading__title">
                                        关于我们
                                    </h2>
                                    <p class="sectionHeading__subtitle -dark mt-16">
                                        About us
                                    </p>

                                    <div data-anim-child="slide-up delay-11">
                                        <p class="text-dark mt-32 md:mt-20">
                                            沃派人力资源（上海）有限公司（简称沃派，英文VIRPLAT）创立于2015年，总部位于上海，以长三角为中心，辐射全国各个地区。沃派依托高质量的人力资源网络和先进的互联网技术，为企业提供人事代理、岗位外包、招聘与灵活用工、劳务派遣、薪酬管理、业务外包、商业保险、校企合作、咨询与培训等全方位、多层次、高效率的服务。
                                        </p>
                                    </div>
                                    <div data-anim-child="slide-up delay-12">
                                        <a href="/about/" class="button -md -outline-black mt-48 md:mt-32">
                                            了解更多
                                        </a>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-7 md:mt-64 sm:mt-48">
                                <div class="row x-gap-72 y-gap-60">

                                    <div class="col-md-6">
                                        <div data-anim-child="counter" data-counter="50" data-counter-add="+" class="counter">
                                            <h2 class="number -lg -left fw-300 js-counter-num" style="color: #006abd;">0+</h2>
                                            <h3 class="text-xl fw-500 text-dark mt-32">自营网络</h3>
                                            <p class="text-light mt-12">
                                                自营网络遍布50多个大中型城市，服务能力覆盖全国300多个地区
                                            </p>
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div data-anim-child="counter" data-counter="600" data-counter-add="+" class="counter">
                                            <h2 class="number -lg -left fw-300 js-counter-num" style="color: #006abd;">0+</h2>
                                            <h3 class="text-xl fw-500 text-dark mt-32">合作品牌</h3>
                                            <p class="text-light mt-12">
                                                600多个品牌与我们达成合作，沃派的产品和服务被越来越多的企业选择并认可
                                            </p>
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div data-anim-child="counter" data-counter="150" data-counter-add="+" class="counter">
                                            <h2 class="number -lg -left fw-300 js-counter-num" style="color: #006abd;">0+</h2>
                                            <h3 class="text-xl fw-500 text-dark mt-32">合作院校</h3>
                                            <p class="text-light mt-12">
                                                探索职业教育发展投资创新模式，适应人才成长规律的精准变化，为人力资源赋能
                                            </p>
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div data-anim-child="counter" data-counter="10000" data-counter-add="+" class="counter">
                                            <h2 class="number -lg -left fw-300 js-counter-num" style="color: #006abd;">0+</h2>
                                            <h3 class="text-xl fw-500 text-dark mt-32">年服务人数</h3>
                                            <p class="text-light mt-12">
                                                年服务人数超过10000人，月均服务在职的实习生人数超过3000人
                                            </p>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <section data-parallax="0.7" class="layout-pt-lg layout-pb-lg">
                    <div data-parallax-target class="overlay-black-md bg-image js-lazy" data-bg="/static/img/selfimg/bg002.jpg"></div>

                    <div class="container z-5">
                        <div class="row justify-content-center text-center">
                            <div class="col-12">
                                <p class="text-sm uppercase tracking-lg text-white mb-20">
                                    联系我们
                                </p>

                                <h2 class="text-5xl sm:text-5xl xs:text-4xl leading-sm fw-700 text-white">
                                    您是否有项目与我们合作？
                                </h2>

                                <p class="text-xl md:text-lg text-white mt-16">
                                    无论项目大小，我们都期待与您的的合作！
                                </p>

                                <a href="/contact/" class="button -md -white text-black mt-32">
                                    点击联系
                                </a>
                            </div>
                        </div>
                    </div>
                </section>

                <!--产品服务-->
                <section class="layout-pt-xl layout-pb-lg">
                    <div class="container">

                        <div class="row justify-content-between align-items-start">
                            <div class="col-md-6">
                                <div class="sectionHeading -sm">
                                    <h2 class="sectionHeading__title">
                                        产品服务
                                    </h2>
                                    <p class="sectionHeading__subtitle -dark mt-16">
                                        Services
                                    </p>
                                </div>
                            </div>

                            <!--<div class="col-auto">
                                <a href="#" class="button -md -outline-black sm:mt-24">
                                    显示所有
                                </a>
                            </div>-->
                        </div>

                        <div class="row x-gap-40 y-gap-40 layout-pt-sm">

                            <div class="col-lg-4 col-md-6">
                                <div data-anim="slide-up delay-3" class="blogCard -type-2 -hover shadow-light rounded-4">
                                    <a class="blogCard__img" data-barba>
                                        <div class="bg-image js-lazy" data-bg="/static/img/selfimg/gallery_1.png"></div>
                                    </a>

                                    <div class="blogCard__content px-40 py-64 lg:px-32 lg:py-32 md:px-40 md:py-40">

                                        <h4 class="blogCard__title text-2xl leading-md fw-500 text-black mt-24">
                                            <a data-barba>
                                                教育投资
                                            </a>
                                        </h4>

                                        <p class="blogCard__text text-dark mt-12">
                                            立足人才培养，挖掘办学实力。开展新型校企合作新模式，建立“产教融合”联盟，创建研究所，整合“政、企、校”教学资源库搭建产教融合平台，广泛开展校企深度合作。
                                        </p>

                                        <div class="serviceCard__navButton navButton -md mt-24 blogCard__arrow-right">
                                            <!--<a class="navButton__item button -outline-black">
                                                <i data-feather="arrow-right" class="icon"></i>
                                            </a>-->
                                        </div>

                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-4 col-md-6">
                                <div data-anim="slide-up delay-3" class="blogCard -type-2 -hover shadow-light rounded-4">
                                    <a class="blogCard__img" data-barba>
                                        <div class="bg-image js-lazy" data-bg="/static/img/selfimg/gallery_2.png"></div>
                                    </a>

                                    <div class="blogCard__content px-40 py-64 lg:px-32 lg:py-32 md:px-40 md:py-40">

                                        <h4 class="blogCard__title text-2xl leading-md fw-500 text-black mt-24">
                                            <a data-barba>
                                                 岗位外包
                                            </a>
                                        </h4>

                                        <p class="blogCard__text text-dark mt-12">
                                            帮助客户把非核心的基础岗位或辅助性业务流程分离出去，通过沃派BPO运营团队专业的人员招聘和管理、规范化的业务操作流程，简化客户用工程序，降低人员管理成本，将精力投入到核心业务中。
                                        </p>

                                        <div class="serviceCard__navButton navButton -md mt-24 blogCard__arrow-right">
                                            <!--<a class="navButton__item button -outline-black">
                                                <i data-feather="arrow-right" class="icon"></i>
                                            </a>-->
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-4 col-md-6">
                                <div data-anim="slide-up delay-3" class="blogCard -type-2 -hover shadow-light rounded-4">
                                    <a class="blogCard__img" data-barba>
                                        <div class="bg-image js-lazy" data-bg="/static/img/selfimg/gallery_3.png"></div>
                                    </a>

                                    <div class="blogCard__content px-40 py-64 lg:px-32 lg:py-32 md:px-40 md:py-40">

                                        <h4 class="blogCard__title text-2xl leading-md fw-500 text-black mt-24">
                                            <a data-barba>
                                                人事代理
                                            </a>
                                        </h4>

                                        <p class="blogCard__text text-dark mt-12">
                                            沃派人事代理服务可作为企业外部SSC（Shared Service Centre）承接人事事务职能，降低跨区域连锁经营企业的基础人事管理成本，全面支持客户转向和聚焦于更具策略性的人力资源管理工作。
                                        </p>

                                        <div class="serviceCard__navButton navButton -md mt-24 blogCard__arrow-right">
                                            <!--<a class="navButton__item button -outline-black">
                                                <i data-feather="arrow-right" class="icon"></i>
                                            </a>-->
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-4 col-md-6">
                                <div data-anim="slide-up delay-3" class="blogCard -type-2 -hover shadow-light rounded-4">
                                    <a class="blogCard__img" data-barba>
                                        <div class="bg-image js-lazy" data-bg="/static/img/selfimg/gallery_4.png"></div>
                                    </a>

                                    <div class="blogCard__content px-40 py-64 lg:px-32 lg:py-32 md:px-40 md:py-40">

                                        <h4 class="blogCard__title text-2xl leading-md fw-500 text-black mt-24">
                                            <a data-barba>
                                                一站式招聘
                                            </a>
                                        </h4>

                                        <p class="blogCard__text text-dark mt-12">
                                            沃派提供从招聘策略咨询、招聘体系搭建到招聘流程管理、招聘渠道管理、人才库管理、招聘技能培训、雇主品牌提升等一站式招聘服务，保证企业招聘结果高效达成，业务发展不再因缺人而延缓。
                                        </p>

                                        <div class="serviceCard__navButton navButton -md mt-24 blogCard__arrow-right">
                                            <!--<a class="navButton__item button -outline-black">
                                                <i data-feather="arrow-right" class="icon"></i>
                                            </a>-->
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-4 col-md-6">
                                <div data-anim="slide-up delay-3" class="blogCard -type-2 -hover shadow-light rounded-4">
                                    <a class="blogCard__img" data-barba>
                                        <div class="bg-image js-lazy" data-bg="/static/img/selfimg/gallery_5.png"></div>
                                    </a>

                                    <div class="blogCard__content px-40 py-64 lg:px-32 lg:py-32 md:px-40 md:py-40">

                                        <h4 class="blogCard__title text-2xl leading-md fw-500 text-black mt-24">
                                            <a data-barba>
                                                薪税服务
                                            </a>
                                        </h4>

                                        <p class="blogCard__text text-dark mt-12">
                                            沃派专注为企业量身定制安全、合规、高效的薪资处理方案。通过薪酬核算、个税申报、薪资代发及社保管理等专业服务，助力企业获取战略上的核心竞争力和财务上的收益。
                                        </p>

                                        <div class="serviceCard__navButton navButton -md mt-24 blogCard__arrow-right">
                                            <!--<a class="navButton__item button -outline-black">
                                                <i data-feather="arrow-right" class="icon"></i>
                                            </a>-->
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-4 col-md-6">
                                <div data-anim="slide-up delay-3" class="blogCard -type-2 -hover shadow-light rounded-4">
                                    <a class="blogCard__img" data-barba>
                                        <div class="bg-image js-lazy" data-bg="/static/img/selfimg/gallery_6.png"></div>
                                    </a>

                                    <div class="blogCard__content px-40 py-64 lg:px-32 lg:py-32 md:px-40 md:py-40">

                                        <h4 class="blogCard__title text-2xl leading-md fw-500 text-black mt-24">
                                            <a data-barba>
                                                员工宿舍
                                            </a>
                                        </h4>

                                        <p class="blogCard__text text-dark mt-12">
                                            解决企业目前存在的租赁房源不足、职住不平衡、供需错配等方面问题。为企业提供完善的、优质的、安全的员工住宿产品与服务。
                                        </p>

                                        <div class="serviceCard__navButton navButton -md mt-24 blogCard__arrow-right">
                                            <!--<a class="navButton__item button -outline-black">
                                                <i data-feather="arrow-right" class="icon"></i>
                                            </a>-->
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>

                    </div>
                </section>

                <!--活动-->

                 <section class="layout-pt-lg layout-pb-lg">
                    <div class="container">
                        <div class="row justify-content-between align-items-start">
                            <div class="col-md-6">
                                <div class="sectionHeading -sm">
                                    <h2 class="sectionHeading__title">
                                        热点活动
                                    </h2>
                                    <p class="sectionHeading__subtitle mt-16">
                                        Activities
                                    </p>
                                </div>
                            </div>

                            <div class="col-md-auto col-sm-12 sm:mt-24">
                                <a href="/activities/" class="button -md -outline-black">
                                    显示所有
                                </a>
                            </div>
                        </div>

                        <div class="row x-gap-48 y-gap-40 layout-pt-sm">

                            <div class="col-lg-4 col-md-6">
                                <div data-anim-wrap class="blogCard -type-1 -hover">
                                    <a class="blogCard__img" data-barba target="_blank" href="http://mp.weixin.qq.com/s/1sGulgTY3kHyAwmRL68jFA">
                                        <div data-anim-child="img-right cover-dark-1 delay-1">
                                            <div class="ratio ratio-4:3 bg-image js-lazy" data-bg="/static/img/selfimg/activity_001.jpg"></div>
                                        </div>
                                    </a>

                                    <div class="blogCard__content mt-24">
                                        <div data-anim-child="slide-up delay-6" class="blogCard__info text-dark leading-md text-sm">
                                            <span class="fw-400 mr-4" >学校</span> -
                                            <p class="d-inline-block ml-4">2021-04-25</p>
                                        </div>

                                        <div data-anim-child="slide-up delay-7">
                                            <h4 class="blogCard__title text-2xl leading-lg fw-500 mt-12">
                                                <a data-barba target="_blank" href="http://mp.weixin.qq.com/s/1sGulgTY3kHyAwmRL68jFA">
                                                    未来已来，梦想你好~
                                                </a>
                                            </h4>
                                        </div>

                                        <div data-anim-child="slide-up delay-8" class="mt-12">
                                            <a data-barba target="_blank" href="http://mp.weixin.qq.com/s/1sGulgTY3kHyAwmRL68jFA" class="button -icon text-black">
                                                阅读更多
                                                <i class="icon size-xs str-width-md" data-feather="arrow-right"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-4 col-md-6">
                                <div data-anim-wrap class="blogCard -type-1 -hover">
                                    <a class="blogCard__img" data-barba target="_blank" href="http://mp.weixin.qq.com/s/nMBLJTqHnwwWOA4P_PQYNA">
                                        <div data-anim-child="img-right cover-dark-1 delay-1">
                                            <div class="ratio ratio-4:3 bg-image js-lazy" data-bg="/static/img/selfimg/activity_002.jpg"></div>
                                        </div>
                                    </a>

                                    <div class="blogCard__content mt-24">
                                        <div data-anim-child="slide-up delay-6" class="blogCard__info text-dark leading-md text-sm">
                                            <span class="fw-400 mr-4">学校</span> -
                                            <p class="d-inline-block ml-4">2021-04-06</p>
                                        </div>

                                        <div data-anim-child="slide-up delay-7">
                                            <h4 class="blogCard__title text-2xl leading-lg fw-500 mt-12">
                                              <a data-barba target="_blank" href="http://mp.weixin.qq.com/s/nMBLJTqHnwwWOA4P_PQYNA">
                                                中职生“生命教育”之“生命敏感度训练营”——九江站
                                              </a>
                                            </h4>
                                        </div>

                                        <div data-anim-child="slide-up delay-8" class="mt-12">
                                            <a data-barba target="_blank" href="http://mp.weixin.qq.com/s/nMBLJTqHnwwWOA4P_PQYNA" class="button -icon text-black">
                                                阅读更多
                                                <i class="icon size-xs str-width-md" data-feather="arrow-right"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            

                            <div class="col-lg-4 col-md-6">
                                <div data-anim-wrap class="blogCard -type-1 -hover">
                                    <a class="blogCard__img" data-barba target="_blank" href="http://mp.weixin.qq.com/s/cZgzpdjRTrdEM6Iv5hI0Sw">
                                        <div data-anim-child="img-right cover-dark-1 delay-1">
                                            <div class="ratio ratio-4:3 bg-image js-lazy" data-bg="/static/img/selfimg/activity_003.jpg"></div>
                                        </div>
                                    </a>

                                    <div class="blogCard__content mt-24">
                                        <div data-anim-child="slide-up delay-6" class="blogCard__info text-dark leading-md text-sm">
                                            <span class="fw-400 mr-4" >学校</span> -
                                            <p class="d-inline-block ml-4">2021-03-08</p>
                                        </div>

                                        <div data-anim-child="slide-up delay-7">
                                            <h4 class="blogCard__title text-2xl leading-lg fw-500 mt-12">
                                              <a data-barba target="_blank" href="http://mp.weixin.qq.com/s/cZgzpdjRTrdEM6Iv5hI0Sw">
                                                九江市华科技工学校生命教育之生命敏感度训练营开营啦!
                                              </a>
                                            </h4>
                                        </div>

                                        <div data-anim-child="slide-up delay-8" class="mt-12">
                                            <a data-barba target="_blank" href="http://mp.weixin.qq.com/s/cZgzpdjRTrdEM6Iv5hI0Sw" class="button -icon text-black">
                                                阅读更多
                                                <i class="icon size-xs str-width-md" data-feather="arrow-right"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>


             

                <section class="layout-pt-md layout-pb-lg">
                    <div class="container">

                        <div class="row justify-content-between align-items-start">
                            <div class="col-xl-5 col-md-7">
                                <div class="sectionHeading -sm">
                                    <h2 class="sectionHeading__title">
                                        合作伙伴
                                    </h2>
                                    <p class="sectionHeading__subtitle mt-16">
                                        Clients & friends
                                    </p>
                                </div>
                            </div>

                            <div class="col-md-auto col-sm-12 sm:mt-24">
                                <a href="/clients/" class="button -md -outline-black">
                                    显示更多
                                </a>
                            </div>
                        </div>

                        <div class="row y-gap-32 layout-pt-md">

                            <div class="col-lg-3 col-sm-6">
                                <div data-anim="slide-up delay-1" class="clientsItem -hover ratio ratio-3:2 border-dark rounded-4 py-4">
                                    <div class="clientsItem__img">
                                        <img class="col-7" src="/static/img/logo/logo_accor.png" alt="Client">
                                    </div>

                                    <div class="clientsItem__content bg-opacity">
                                        <h5 class="clientsItem__title text-xl text-white">
                                            ACCOR HOTELS
                                        </h5>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-3 col-sm-6">
                                <div data-anim="slide-up delay-1" class="clientsItem -hover ratio ratio-3:2 border-dark rounded-4 py-4">
                                    <div class="clientsItem__img">
                                        <img class="col-7" src="/static/img/logo/logo_adidas.png" alt="Client">
                                    </div>

                                    <div class="clientsItem__content bg-opacity">
                                        <h5 class="clientsItem__title text-xl text-white">
                                           adidas 
                                        </h5>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-3 col-sm-6">
                                <div data-anim="slide-up delay-1" class="clientsItem -hover ratio ratio-3:2 border-dark rounded-4 py-4">
                                    <div class="clientsItem__img">
                                        <img class="col-7" src="/static/img/logo/logo_baiheju.png" alt="Client">
                                    </div>

                                    <div class="clientsItem__content bg-opacity">
                                        <h5 class="clientsItem__title text-xl text-white">
                                            百合居
                                        </h5>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-3 col-sm-6">
                                <div data-anim="slide-up delay-1" class="clientsItem -hover ratio ratio-3:2 border-dark rounded-4 py-4">
                                    <div class="clientsItem__img">
                                        <img class="col-7" src="/static/img/logo/logo_baozun.png" alt="Client">
                                    </div>

                                    <div class="clientsItem__content bg-opacity">
                                        <h5 class="clientsItem__title text-xl text-white">
                                            BAO ZUN
                                        </h5>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-3 col-sm-6">
                                <div data-anim="slide-up delay-1" class="clientsItem -hover ratio ratio-3:2 border-dark rounded-4 py-4">
                                    <div class="clientsItem__img">
                                        <img class="col-7" src="/static/img/logo/logo_bifengtang.png" alt="Client">
                                    </div>

                                    <div class="clientsItem__content bg-opacity">
                                        <h5 class="clientsItem__title text-xl text-white">
                                           避风塘
                                         </h5>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-3 col-sm-6">
                                <div data-anim="slide-up delay-1" class="clientsItem -hover ratio ratio-3:2 border-dark rounded-4 py-4">
                                    <div class="clientsItem__img">
                                        <img class="col-7" src="/static/img/logo/logo_caijia.png" alt="Client">
                                    </div>

                                    <div class="clientsItem__content bg-opacity">
                                        <h5 class="clientsItem__title text-xl text-white">
                                            蔡嘉
                                        </h5>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-3 col-sm-6">
                                <div data-anim="slide-up delay-1" class="clientsItem -hover ratio ratio-3:2 border-dark rounded-4 py-4">
                                    <div class="clientsItem__img">
                                        <img class="col-7" src="/static/img/logo/logo_chenxianggui.png" alt="Client">
                                    </div>

                                    <div class="clientsItem__content bg-opacity">
                                        <h5 class="clientsItem__title text-xl text-white">
                                            陈香贵
                                        </h5>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-3 col-sm-6">
                                <div data-anim="slide-up delay-1" class="clientsItem -hover ratio ratio-3:2 border-dark rounded-4 py-4">
                                    <div class="clientsItem__img">
                                        <img class="col-7" src="/static/img/logo/logo_chibanting.png" alt="Client">
                                    </div>

                                    <div class="clientsItem__content bg-opacity">
                                        <h5 class="clientsItem__title text-xl text-white">
                                             赤板亭
                                        </h5>
                                    </div>
                                </div>
                            </div>

                        </div>

                    </div>
                </section>

                <section data-parallax="0.7" class="layout-pt-lg layout-pb-lg">

                    <div data-parallax-target class="overlay-black-md bg-image js-lazy" data-bg="/static/img/selfimg/bg004.jpg"></div>

                    <div class="container z-5">
                        <div class="row justify-content-center text-center">
                            <div class="col-12">
                                <h2 class="text-5xl sm:text-5xl xs:text-4xl leading-sm fw-700 text-white">
                                    加入我们
                                </h2>
                                <p class="text-sm uppercase tracking-lg text-white mb-20 mt-16">
                                    Join us
                                </p>
                                <p class="text-xl md:text-lg text-white mt-16">
                                    您是否想要成为我们的一员？期待您的加入！
                                </p>

                                <a href="/team/" class="button -md -white text-black mt-32">
                                    点击了解
                                </a>
                            </div>
                        </div>
                    </div>
                </section>

                <section class="layout-pt-lg layout-pb-lg">
                    <div class="container">
                        <div class="row justify-content-between">

                            <div class="col-xl-3 col-lg-4">
                                <div class="row y-gap-32">
                                    <div class="col-12">
                                        <div class="sectionHeading -sm">
                                            <h2 class="sectionHeading__title">
                                                联系方式
                                            </h2>
                                            <p class="sectionHeading__subtitle mt-16">
                                                Contact
                                            </p>
                                        </div>
                                    </div>

                                    <div class="col-lg-12 col-md-6">
                                        <h4 class="text-lg fw-600">公司地址</h4>

                                        <div class="text-dark mt-12 md:mt-12">
                                            <p>上海普陀区长征镇金沙江路2159号普罗娜商务广场A幢202室</p>
                                        </div>
                                    </div>

                                    <div class="col-lg-12 col-md-6">
                                        <h4 class="text-lg fw-600">联系方法</h4>

                                        <div class="text-dark mt-12 md:mt-12">
                                            <div>
                                                <a class="button -underline" href="#">contact@virplat.com</a>
                                            </div>
                                            <div class="mt-4">
                                                <a class="button -underline" href="#">021-80120100</a>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-12 col-md-auto">
                                        <h4 class="text-lg fw-600">关注我们</h4>

                                        <div class="social -bordered mt-16 md:mt-12">
                                            <img src="/static/img/selfimg/virplat_gzh.jpg" style="width: 70px; height: 70px;" />
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-xl-8 col-lg-7 md:mt-56">
                                <div class="contact-form -type-1">

                                    <form class="row x-gap-40 y-gap-32 js-ajax-form" action="/message/">
                                        <div class="col-12">
                                            <label class="js-input-group">
                                                姓名
                                              <input type="text" name="name" id="myname" data-required placeholder="您的姓名">
                                              <span class="form__error"></span>
                                            </label>
                                        </div>

                                        <div class="col-12">
                                            <label class="js-input-group">
                                                邮箱
                                              <input type="text" name="email" id="myemail" data-required placeholder="您的邮箱号">
                                              <span class="form__error"></span>
                                            </label>
                                        </div>

                                        <div class="col-12">
                                            <label class="js-input-group">
                                                手机号
                                              <input type="text" name="phone" id="myphone" placeholder="您的联系方式">
                                              <span class="form__error"></span>
                                            </label>
                                        </div>

                                        <div class="col-12">
                                            <label class="js-input-group">
                                                信息
                                              <textarea name="message" rows="1" id="mymessage"   data-required placeholder="您要咨询的信息或合作项目"></textarea>
                                              <span class="form__error"></span>
                                            </label>
                                        </div>

                                        <div class="col-12 ajax-form-alert js-ajax-form-alert">
                                            <div class="ajax-form-alert__content">
                                            </div>
                                        </div>

                                        <div class="col-12">

                                            <button  class="button -md -outline-black">
                                                发送信息
                                            </button>
                                        </div>
                                    </form>

                                </div>
                            </div>

                        </div>
                    </div>
                </section>
                		<footer class="footer -type-1">
					<div class="container">
						<div class="footer__top">
							<div class="row y-gap-48 justify-content-between">
								<div class="col-lg-auto col-sm-12">
									<a href="/" class="footer__logo text-white logo-img">
										<img src="/static/img/logo/logo_virplat_normal.png" />
									</a>
								</div>

								<div class="col-lg-3 col-sm-6">
									<h4 class="text-xl fw-500 text-black">
					                  	联系方式
					                </h4>

									<div class="footer__content text-base text-dark mt-16 sm:mt-12">
										<p>上海普陀区长征镇金沙江路2159号普罗娜商务广场A幢202室</p>
										<p class="mt-8">contact@virplat.com</p>
										<p class="mt-8">021-80120100</p>
									</div>
								</div>

								<div class="col-lg-auto col-sm-4">
									<h4 class="text-xl fw-500 text-black">
					                 	 链接
					                </h4>

									<div class="footer__content text-base text-dark mt-16 sm:mt-12">
										<div>
											<a data-barba href="/" class="button -underline">主页</a>
										</div>
										<div>
											<a data-barba href="/about/" class="button -underline mt-4">关于</a>
										</div>
										<div>
											<a data-barba href="/activities/" class="button -underline mt-4">活动</a>
										</div>
										<div>
											<a href="/team/" class="button -underline mt-4">加入</a>
										</div>
									</div>
								</div>

								<div class="col-lg-auto col-auto">
									<h4 class="text-xl fw-500 text-black">
					                  	关注我们
					                </h4>

									<div class="social -bordered mt-16 md:mt-12">
										<img src="/static/img/selfimg/virplat_gzh.jpg" style="width: 80px; height: 80px;" />
									</div>

								</div>
							</div>
						</div>

						<div class="footer__bottom -dark">
							<div class="row">
								<div class="col">
									<div class="footer__copyright">
										<p class="text-dark">
											版权所有 © 2021 沃派人力资源（上海）有限公司 &nbsp;&nbsp; <img src="/static/img/gongan.png">&nbsp;<a  target="_blank" style="color:#006abd;" href="http://beian.miit.gov.cn">沪ICP备18041602号-1</a>
										</p>
									</div>
								</div>
							</div>
						</div>

					</div>
				</footer>            </main>

        </div>
        <!-- barba container end -->

        <!-- JavaScript -->
        <script src="/static/js/vendors.js"></script>
        <script src="/static/js/main.js"></script>
        <script type="text/javascript">
            //设置视频的宽高为自适应
            //          var winWidth = document.documentElement.clientWidth;
            //          var winHeight = document.documentElement.clientHeight;
            //          var myVid = document.getElementById("myVideo"); //获取Video元素
            //
            //          myVid.height = winHeight; //视频高度
            //
            //          var myVid2 = document.getElementById("myVideo2"); //获取Video元素
            //          myVid2.height = winHeight; //视频高度
            //
            //          console.log("屏幕的高度：" + winHeight);
            //          console.log("视频的高度：" + myVid.height);

            //页面跳转
            //          function goService1() {
            //              location.href = "service1.html";            
            //          }
            //          function goService2() {
            //              location.href = "service2.html";
            //          }
            //
            //          function goService3() {
            //              location.href = "service3.html";
            //          }
            //          function goService4() {
            //              location.href = "service4.html";
            //          }
            //页面的长度
            function myHtml() {
                alert("这里是原页面的提示信息！");
                alert("这里是原页面的提示信息！！");
            }

            //页面的宽度
            function myDemo() {
                alert("这里是demo的弹窗信息！");
            }
        </script>

    </body>

</html>