<!DOCTYPE html>
<html lang="en">
<head>
    <title>Wagas，健康饮食开启美好生活</title>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no, maximum-scale=1.0">
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <meta content="" name="description" />
    <meta content="" name="author" />
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link rel="shortcut icon" href="favicon.ico">
    <link href="css/socicon.css" rel="stylesheet" type="text/css">
    <link href="css/bootstrap-social.css" rel="stylesheet" type="text/css">
    <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="css/simple-line-icons.min.css" rel="stylesheet" type="text/css">
    <link href="css/animate.min.css" rel="stylesheet" type="text/css">
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN: BASE PLUGINS  -->
    <link href="css/settings.css" rel="stylesheet" type="text/css">
    <link href="css/layers.css" rel="stylesheet" type="text/css">
    <link href="css/navigation.css" rel="stylesheet" type="text/css">
    <link href="css/cubeportfolio.min.css" rel="stylesheet" type="text/css">
    <link href="css/owl.carousel.css" rel="stylesheet" type="text/css">
    <link href="css/jquery.fancybox.css" rel="stylesheet" type="text/css">
    <link href="css/slider.css" rel="stylesheet" type="text/css">
    <!-- END: BASE PLUGINS -->
    <!-- BEGIN THEME STYLES -->
    <link href="css/plugins.css" rel="stylesheet" type="text/css">
    <link href="css/components.css" id="style_components" rel="stylesheet" type="text/css">
    <link href="css/yellow3.css" rel="stylesheet" id="style_theme" type="text/css">
    <link href="css/custom.css" rel="stylesheet" type="text/css">
    <!-- END THEME STYLES -->
    <style>
        body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { /*font-family: "Roboto Condensed",sans-serif !important;*/ font-family: "microsoft yahei",sans-serif !important; /*此处改为微软雅黑*/ }
        .c-layout-header .c-brand .c-desktop-logo { margin-top: -15px; margin-bottom: -15px; }
        .c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-brand .c-desktop-logo-inverse { margin-top: -13px; margin-bottom: -11px; }
        .c-layout-header .c-brand .c-mobile-logo { margin-top: -6px; margin-bottom: -10px; }
        .c-theme-nav li.c-active { color: #000 !important; }
            .c-theme-nav li.c-active > a:not(.btn) { color: #000 !important; }
        .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link { color: #999999; }
        .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn), .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > a:not(.btn), .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn) { color: #999999; }
        .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn { margin: 34px 0px 33px; }
        .c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-mega-menu .nav.navbar-nav > li > .c-btn { margin: 15px 0px 16px; }
        .c-btn-uppercase.btn-sm { padding: 6px 10px 4px; }
        .c-layout-header .c-brand > .c-language-toggler { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; float: right; height: 20px; margin: 0 25px 0 0; outline: medium none; padding: 0; width: 46px; }
        .c-icons { display: inline-block; list-style-type: none; margin: 0; padding: 0; }
            .c-icons > li { padding: 12px 5px 8px; display: inline; }
                .c-icons > li a { color: #7f8c97; }
        .c-layout-header .c-cart-menu { width: 105px; }
        .c-layout-footer-6 .c-postfooter .c-copyright { font-size: 18px; font-weight: bold; }
        .c-bg-dark-2 { background-color: #50505a !important; }
        p { font-size: 14px; line-height: 23px; }

        @media (min-width: 992px) {
            .c-layout-header .c-brand > .c-language-toggler,
            .c-layout-header .c-brand > .c-share-toggler { display: none; }
            .c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-mega-menu .nav.navbar-nav > li > .c-btn-icon { margin: 6px 5px 7px; transition: all 0.2s ease 0s; }
            .prism-player { max-height: 380px; }
        }

        @media (max-width: 700px) {
            #home2 { margin-top: -30px; }
        }

        @media (max-width: 991px) {
            .c-layout-header .c-brand > .c-search-toggler,
            .c-layout-header .c-brand > .c-cart-toggler { display: inline-block; }
            .prism-player { max-height: 280px; }
            .c-content-media-2 { margin-bottom: 0px !important; }
        }

        .c-content-box.c-size-md { padding: 30px 0; }
        .owl-item { padding: 0px !important; }

        .owl-theme:not(.owl-single):not(.owl-bordered) { margin-left: 0px !important; width: calc(100% - 0px); }

        .owl-carousel .owl-controls { margin-top: 0px; }

        .owl-theme .owl-controls .owl-nav [class*="owl-"] { margin: 0px; padding: 0px; background: none; color: #ccc; font-size: 30px; position: absolute; top: 4rem; }
        .owl-theme .owl-controls .owl-nav .owl-prev { left: 15px; top: 46%; }
        .owl-theme .owl-controls .owl-nav .owl-next { right: 15px; top: 46%; }
        .owl-theme .owl-controls .owl-nav [class*="owl-"]:hover { /*background-color: white;*/ color: #FF9E19; text-decoration: none; }
        .owl-theme .owl-dots { position: absolute; bottom: 0px; left: calc(50% - 40px); }
            .owl-theme .owl-dots .owl-dot span { margin: 5px 5px; border-radius: 30px !important; }
        #container { height: 348px; margin: 0px; }
        .amap-logo { right: 0 !important; left: auto !important; display: none !important; }
        /*.amap-geo{
                   display: none !important;
                }
                .amap-vectors{
                display: none !important;
          }*/
        .amap-copyright { right: 70px !important; left: auto !important; display: none !important; /*hidden-xs visible-xs*/ }
        .row-eq-height { display: flex; }
        #panel ul { list-style: none; }
            #panel ul li { margin-left: -40px; }
        .poi-title { font-size: 16px; font-weight: 700; }
        .poi-price { color: #999; }
        .poi-info { border-bottom: 1px solid #EEE; line-height: 28px; }
        .poi-addr { margin-bottom: 0px; }
    </style>
    <style type="text/css">
        .fancybox-margin { margin-right: 15px; }

        body { overflow-x: hidden; }
        /*.row { margin: 0; }*/
    </style>
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="js/jquery-migrate.min.js" type="text/javascript"></script>
    <script src="js/bootstrap.min.js" type="text/javascript"></script>
</head>
<body class="c-layout-header-fixed c-layout-header-mobile-fixed">
    <header class="c-layout-header c-layout-header-onepage c-layout-header-4 c-layout-header-default-mobile" id="home" data-minimize-offset="40">
        <div class="c-navbar">
            <div class="container">
                <!-- BEGIN: BRAND -->
                <div class="c-navbar-wrapper clearfix">
                    <div class="c-brand c-pull-left">
                        <a href="index.html" class="c-logo"> <img src="images/wagas_logo.png" alt="logo" class="c-desktop-logo"> <img src="images/wagas_logo.png" alt="logo" class="c-desktop-logo-inverse"> <img src="images/wagas_logo3.png" alt="logo" class="c-mobile-logo"> </a>
                        <button class="c-hor-nav-toggler" type="button" data-target=".c-mega-menu"> <span class="c-line"></span> <span class="c-line"></span> <span class="c-line"></span> </button>
                        <button class="c-language-toggler" type="button" id="en"> <img src="images/gb.png" alt="" style="padding: 0px 2px 4px;"> <span style="margin: 0px; color:#999; font-size: 14px;">EN<span> </span></span></button>
                        <button class="c-cart-toggler" type="button"> <span class="icon-share" aria-hidden="true"></span> </button>
                    </div>
                    <script type="text/javascript">
                        $(document).ready(function () {
                            $("#en").click(function () {
                                window.location.href = "index_en.html";
                            });
                        });
                    </script>
                    <!-- END: BRAND -->
                    <!-- BEGIN: HOR NAV -->
                    <!-- BEGIN: LAYOUT/HEADERS/MEGA-MENU-ONEPAGE -->
                    <!-- BEGIN: MEGA MENU -->
                    <!-- =========导航栏========= -->
                    <nav class="c-mega-menu c-mega-menu-onepage c-pull-right c-mega-menu-dark c-mega-menu-dark-mobile c-fonts-uppercase c-fonts-bold" data-onepage-animation-speed="700" style="max-height: 719px;">
                        <ul class="nav navbar-nav c-theme-nav">
                            <li class="c-onepage-link active c-active"> <a href="#home" class="c-link">首页</a> </li>
                            <li class="c-onepage-link"> <a href="#home2" class="c-link">关于我们</a> </li>
                            <li class="c-onepage-link"> <a href="#location" class="c-link">找到我们</a> </li>
                            <li class="c-onepage-link"> <a href="#member" class="c-link">会员奖励</a> </li>
                            <!-- <li class="c-onepage-link"> <a href="" class="c-link">找到我们</a> </li> -->
                            <li class="c-onepage-link"> <a href="http://www.wineandspice.com.cn" class="c-link" target="_blank">精选葡萄酒</a> </li>
                            <li class="c-onepage-link"> <a href="#join" class="c-link">加入我们</a> </li>
                            <li class="c-cart-toggler-wrapper"> <a href="index_en.html" class="c-btn-border-opacity-04 c-btn btn-no-focus c-btn-header btn btn-sm c-btn-border-1x c-btn-uppercase c-btn-sbold"> <img src="images/gb.png" alt="" style="padding: 0px 2px 4px;"> <span style="margin: 0px; color:#999; font-size: 14px;">EN</span> </a> </li>
                            <li class="active"><a class="c-link" href="#home" style="padding: 1px;"></a></li>
                            <li class="c-cart-toggler-wrapper"> <a href="#" class="c-btn-border-opacity-04 c-btn btn-no-focus c-btn-header btn btn-sm c-btn-border-1x c-btn-uppercase c-btn-sbold c-cart-toggler"> <span class="icon-share" aria-hidden="true"></span> </a> </li>
                            <li class="active"><a class="c-link" href="#home" style="padding: 1px;"></a></li>
                        </ul>
                    </nav>
                    <!-- END: MEGA MENU -->
                    <!-- END: LAYOUT/HEADERS/MEGA-MENU-ONEPAGE -->
                    <!-- END: HOR NAV -->
                </div>
                <div class="c-cart-menu">
                    <div class="c-cart-menu-title text-center">
                        <nav class="c-top-menu c-pull-left">
                            <ul class="c-icons c-theme-ul jiathis_style">
                                <li> <a class="jiathis_button_tsina" id="sina1" href="http://weibo.com/wagascn" target="_blank"><i class="fa fa-weibo"></i></a> </li>
                                <li> <a data-toggle="modal" data-target=".bs-example-modal-sm2" style="padding-left:10px;"> <i class="fa fa-wechat" style="margin-top: 5px;"></i></a> </li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <div class="c-layout-page">
        <!-- BEGIN: PAGE CONTENT -->
        <!-- BEGIN: LAYOUT/SLIDERS/REVO-SLIDER-4 -->
        <style>
            /* Browser Resets
            *********************************/
            .default-flex .flex-container a:active,
            .default-flex .flexslider a:active,
            .default-flex .flex-container a:focus,
            .default-flex .flexslider a:focus { outline: none; }
            .default-flex .slides,
            .default-flex .flex-control-nav,
            .default-flex .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
            .default-flex ul, .default-flex ol, .default-flex li { padding: 0; margin: 0; list-style: none; }
            .default-flex ul, .default-flex ol { float: none !important; margin: 0; }
            .default-flex .flex-direction-nav a, .default-flex .flex-direction-nav a :hover { padding: 0 !important; background-color: transparent !important; }
            div#main-container #header .default-flex .flex-viewport ul, div#main-container #header .default-flex ul { margin-top: 0 !important; margin-right: 0 !important; }
            .default-flex .flexslider-img-content { opacity: 0; visibility: hidden; }
            .default-flex.flexslider-img-preloader { background: url(images/loading.gif) no-repeat center center; min-width: 100px; min-height: 80px; display: block; }
            /* Browser Resets */
            .default-flex .flex-container a:active,
            a:active,
            .default-flex .flex-container a:focus,
            a:focus { outline: none; }
            .default-flex .slides,
            .default-flex .flex-control-nav,
            .default-flex .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
                .default-flex .flex-control-nav, .default-flex .flex-control-nav a, .default-flex .flex-direction-nav, .default-flex .flex-direction-nav a, .default-flex .flex-pauseplay, .default-flex .flex-pauseplay a { z-index: 3; }
            .default-flex .flex-caption { margin: 0px; background: #000; opacity: 0.7; filter: alpha(opacity=70); /* For IE8 and earlier */ padding: 10px; color: #fff; }
                .default-flex .flex-caption h1, .default-flex .flex-caption h2, .default-flex .flex-caption h3, .default-flex .flex-caption h4, .default-flex .flex-caption h5, .default-flex .flex-caption h6, .default-flex .flex-caption p, .default-flex .flex-caption { color: #fff !important; }
            /* FlexSlider Necessary Styles
            *********************************/
            .default-flex .flexslider { margin: 0; padding: 0; margin-top: 0 !important; }
                .default-flex .flexslider .slides > li { display: none; position: relative; }
                /* Hide the slides before the JS is loaded. Avoids image jumping */
                .default-flex .flexslider .slides img.flex-slide-img { width: 100%; display: block; margin: 0 auto; }
            .default-flex .flex-pauseplay span { text-transform: capitalize; }
            .default-flex .flex-caption { position: absolute; left: 0; right: 0; bottom: 0; padding: 10px; color: #fff; }
            /* Clearfix for the .slides element */
            .default-flex .slides:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
            html[xmlns] .default-flex .slides { display: block; }
            * html .default-flex .slides { height: 1%; }

            /* No JavaScript Fallback */
            /* If you are not using another script, such as Modernizr, make sure you
            * include js that eliminates this class on page load */
            .no-js .default-flex .slides > li:first-child { display: block; }

            /* FlexSlider Default Theme
            *********************************/
            .default-flex .flexslider { background: transparent; border: none; position: relative; zoom: 1; }
            .default-flex .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
            .default-flex .loading .flex-viewport { max-height: 300px; }
            .default-flex .flexslider .slides { zoom: 1; }
            .default-flex .carousel li { margin-right: 0px; }

            /* Direction Nav */
            /*arrows-image*/
            .default-flex.arrows-image .flex-direction-nav a { width: 36px; height: 39px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav2.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; }
            .default-flex.arrows-image .flex-direction-nav .flex-next { background-position: 0 -39px; right: -0px; }
            .default-flex.arrows-image .flex-direction-nav .flex-prev { left: -0px; }
            .default-flex.arrows-image:hover .flex-next { opacity: 1; right: 0; }
            .default-flex.arrows-image:hover .flex-prev { opacity: 1; left: 0; }
            .default-flex.arrows-image .flex-direction-nav .disabled { opacity: .3 !important; filter: alpha(opacity=30); cursor: default; }

            /*fonticon*/
            .default-flex.arrows-font-icon .flex-direction-nav { *height: 0; }
                .default-flex.arrows-font-icon .flex-direction-nav a { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; opacity: 0; cursor: pointer; color: #eee !important; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; background: transparent; line-height: 40px; }
                .default-flex.arrows-font-icon .flex-direction-nav li { line-height: 1; }
                .default-flex.arrows-font-icon .flex-direction-nav .flex-prev { left: -50px; }
                .default-flex.arrows-font-icon .flex-direction-nav .flex-next { right: -50px; text-align: right; }
            .default-flex.arrows-font-icon .flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
            .default-flex.arrows-font-icon .flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
                .default-flex.arrows-font-icon .flexslider:hover .flex-next:hover, .default-flex.arrows-font-icon .flexslider:hover .flex-prev:hover { opacity: 1; }
            .default-flex.arrows-font-icon .flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; }
            .default-flex.arrows-font-icon .flex-direction-nav a:before { font-family: 'flexslider'; font-size: 40px; display: inline-block; content: '\e601'; }
            .default-flex.arrows-font-icon .flex-direction-nav a.flex-next:before { content: '\e600'; }

            /* Pause/Play */
            .default-flex .flex-pauseplay a { display: block; width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; opacity: 0; z-index: 10; cursor: pointer; color: #eee !important; margin: -20px 0 0 -20px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; line-height: 40px; }
                .default-flex .flex-pauseplay a:before { font-family: 'flexslider'; font-size: 40px; display: inline-block; content: '\e605'; }
            .default-flex:hover .flex-pauseplay a { opacity: 1; }
            .default-flex .flex-pauseplay a.flex-play:before { content: '\e604'; }

            /* Control Nav */
            .default-flex .flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: center; left: 0; right: 0; }
                .default-flex .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }
            .default-flex .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #eee; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px !important; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
                .default-flex .flex-control-paging li a:hover { background: #f8a614; }
                .default-flex .flex-control-paging li a.flex-active { background: #f8a614; cursor: default; }

            .default-flex .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
                .default-flex .flex-control-thumbs li { width: 25%; float: left; margin: 0; }
                .default-flex .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }
                    .default-flex .flex-control-thumbs img:hover { opacity: 1; }
                .default-flex .flex-control-thumbs .flex-active { opacity: 1; cursor: default; }

            @media screen and (max-width: 768px) {
                .default-flex .flex-caption { position: static !important; }
            }
        </style>
        <style>
            .flex-icon { font-family: 'flexslider'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

            .flex-arrow-right:before { content: "\e600"; }
            .flex-arrow-left:before { content: "\e601"; }
            .flex-arrow-down:before { content: "\e602"; }
            .flex-arrow-up:before { content: "\e603"; }
            .flex-play:before { content: "\e604"; }
            .flex-pause:before { content: "\e605"; }
            .slider ol, .slider ul { list-style: outside none none; }
        </style>
        <!--<style>-->
        <!--  .flexslider_edit_disable{width:100%;min-height:20px;background:#999999;padding:10px;text-align:center;color:#fff}-->
        <!--  .flexslider_edit_disable.error{color:#cf0000}-->
        <!--  a:focus{outline:none!important;}-->
        <!--  .external-flexslider-container8624.default-flex .flexslider-container8624 {position:relative;	}-->
        <!--  .default-flex .flexslider-container8624 img {max-height:800px;}-->
        <!--  .default-flex .flexslider-container8624 {margin:0 auto}-->
        <!--  .default-flex .flexslider-container8624 h1 {margin:0;font-size:35px;font-weight:normal;text-align:left;}-->
        <!--  .default-flex .flexslider-container8624 {margin-bottom:40px}-->
        <!--  .slides img.flex-slide-img{width:100%;height:auto}-->
        <!--  .default-flex .flexslider-container8624{padding:0px;}-->
        <!--  div#main-container #header .flexslider ul{float:none!important}-->
        <!--</style>-->
        <!-- =======轮播图片======= -->
        <!--<div class="">-->
        <!--  <div class="external-flexslider-container8624 flexslider-img-preloader default-flex arrows-image" >-->
        <!--    <div class="flexslider carousel flexslider-container8624 flexslider-img-content" id="">-->
        <!--      <ul class="slides8624 slides">-->
        <!--        <li><img src="images/wagas_bg_01.jpg" alt="" class="flex-slide-img"/></li>-->
        <!--        <li><img src="images/wagas_bg_02.jpg" alt="" class="flex-slide-img"/></li>-->
        <!--        <li><img src="images/wagas_bg_03.jpg" alt="" class="flex-slide-img"/></li>-->
        <!--        <li><img src="images/wagas_bg_04.jpg" alt="" class="flex-slide-img"/></li>-->
        <!--      </ul>-->
        <!--    </div>-->
        <!--  </div>-->
        <!--</div>-->
        <!--</div>-->
        <style>
            li { list-style-type: none; }
            .flexslider { position: relative; overflow: hidden; background: url(images/loading.gif) 50% no-repeat; }
            .slides { position: relative; z-index: 1; }
            /*.slides li{height:400px;}*/
            .flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center; }
                .flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 5px; *display: inline; zoom: 1; }

                /*.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(images/dot.png) right 0 no-repeat;cursor:pointer;}*/
                .flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height: 40px; overflow: hidden; background-color: #f8a614; cursor: pointer; border-radius: 14px; }
                .flex-control-nav .flex-active { background-color: white; }
            /*.flex-control-nav .flex-active{background-position:0 0;}*/
            .flex-control-nav { padding-left: 0px; }

            .flex-direction-nav { position: absolute; z-index: 3; width: 100%; top: 45%; }
                .flex-direction-nav li a { display: block; width: 50px; height: 50px; overflow: hidden; cursor: pointer; position: absolute; }
                    .flex-direction-nav li a.flex-prev { left: 40px; background: url(images/prev.png) center center no-repeat; }
                    .flex-direction-nav li a.flex-next { right: 40px; background: url(images/next.png) center center no-repeat; }
        </style>

        <div class="jq22-container">
            <div class="flexslider">
                <ul class="slides" style="padding-left: 0px;">
                    <li style="background: url('images/e3e5cf76ad423b8fd37da4d7cb0cf29a.jpg') 50% 0 no-repeat; background-size: 100% 100%;"></li>
                    <li style="background: url('images/387cacfd65f33516ac2003118027bf38.jpg') 50% 0 no-repeat; background-size: 100% 100%;"></li>
                    <li style="background: url('images/d04aecd6a1480649d30bb78acdd3d207.jpg') 50% 0 no-repeat; background-size: 100% 100%;"></li>
                    <li style="background: url('images/302cbc9f0e88b685724d82d88c4684e1.jpg') 50% 0 no-repeat; background-size: 100% 100%;"></li>
                    <li style="background: url('images/dd35bbf4bf43cd756546ba9a21224c09.jpg') 50% 0 no-repeat; background-size: 100% 100%;"></li>
                </ul>
            </div>
        </div>
        <!-- END: LAYOUT/SLIDERS/REVO-SLIDER-4 -->
        <!-- ============品牌故事================ -->
        <section id="home2">
            <div class="c-content-box c-size-md c-bg-parallax">
                <div class="container">
                    <div class="row" style=" margin-bottom:30px;" id="cc">
                        <div class="col-md-4 col-md-offset-2 col-sm-6">
                            <div class="msg-info" style="height: 230px;">
                                <span style="font-size:18px;font-weight:700;padding: 0px 0px 2px 0px;margin-bottom: 31px;">品牌故事 </span>
                                <div style="width: 70px;border-bottom: 4px solid #f8a614"></div>
                                <!--<a href="http://weibo.com/wagascn" target="_blank"><i class="fa fa-weibo"></i></a> &nbsp;&nbsp; <a data-toggle="modal" href="#small"><i class="fa fa-wechat"></i></a>-->
                                <div style="padding: 0px 0px 8px 0px;"></div>
                                <p style="font-size: 14px;line-height: 23px;padding-top: 4px;"><span style="font-size:14px;">Wagas在国内率先开创了健康轻食的理念，用能量碗、三明治、摩登亚洲创意菜、优质主食、鲜榨果汁与精品咖啡，为日常注入鲜活能量。</span></p>

                                <p><span style="font-size:14px;">如今，Wagas早已不止是一个西餐品牌，更是一种生活方式——鼓励人们健康吃，有能量！</span></p>
                                <!-- <p style="font-size: 14px;line-height: 23px;padding-top: 4px;">1999年，一个叫John F. Christensen的丹麦小伙子发现，在上海他很难找到可口的三明治，第一家Wagas就此诞生。Wagas是一个拥有多家西式健康轻食连锁餐厅的集团。我们每日提供美味的食物——<span style="color:#ff9e19;">三明治、意面、色拉、摩登亚洲、蛋糕、鲜榨果汁和精品特焙咖啡。</span><br>
                                  沃歌斯坚持食物的高品质和口味的一致性，这是我们的核心理念，我们也倾心为之努力。 </p> -->
                            </div>
                            <img src="images/36fb1c8be8c0f67439dfe8d1dc628b57.jpg" class="img-responsive hidden-xs" id="msg-img" style="margin-bottom: 0px;">
                            <!-- <img src="images/wagas_js_02.jpg" class="img-responsive hidden-xs" id="msg-img"> -->
                        </div>
                        <div class="col-md-4 col-sm-6 hidden-xs">
                            <img src="images/bde8029287bb887b0357840e39825b12.jpg" class="img-responsive" id="img" style="margin-top: 26px;">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4 col-md-offset-2 col-sm-6 hidden-xs"><img src="images/bc4bb4740548b7348f6ef04b9219d21f.jpg" class="img-responsive" style=" margin-bottom:30px;"> </div>
                        <div class="col-md-4 col-sm-6">
                            <img src="images/5a72a0fd751a4945c502c91386a10ea4.jpg" class="img-responsive">
                            <div style="margin-top:20px; text-align:center;">
                                <p style="font-size: 18px;line-height: 26px;font-weight:700;margin-bottom: 0;">从1999年起成<span style="padding: 0px 0px 2px 0px;">为健康轻</span>食领域的先锋</p>

                                <div style="width: 70px;margin:0 auto;border-bottom: 4px solid #f8a614">&nbsp;</div>

                                <div style="padding: 0px 0px 8px 0px;">&nbsp;</div>

                                <p style="font-size: 14px;line-height: 23px;">十余余年来，Wagas始终专注健康轻食，用稳定的品质和不断创新的菜单，陪伴每一位顾客活力常驻。</p>
                                <p style="font-size:14px;">每一份能量碗的搭配，每一杯果汁的新鲜现制，都是对于品质食材与超级食物的表达。</p>
                                <!-- <p style="font-size: 18px;line-height: 26px;font-weight:700;margin-bottom: 0;">拥有65家门店<br>
                                  横跨10个城市<br>
                                  从1999年起成<span style="padding: 0px 0px 2px 0px;">为健康轻</span>食领域的先锋</p>
                                  <div style="width: 70px;margin:0 auto;border-bottom: 4px solid #f8a614"></div>
                                  <div style="padding: 0px 0px 8px 0px;"></div>
                                  <p style="font-size: 14px;line-height: 23px;">在2010年，源于我们对品质的追求，Baker & Spice诞生了。它是一个获得了多个奖项的咖啡面包房，专注于提供欧洲面包、酸面包、西点和蛋糕。它每日为Wagas提供新鲜产品，保证了最好的质量。 -->
                                <p></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- ========关于我们========== -->
        <section id="about">
            <!-- BEGIN: CONTENT/FEATURES/FEATURES-6 -->
            <div class="c-content-box c-size-md c-bg-parallax">
                <div class="container">
                    <div class="row" style="margin-bottom:20px;">
                        <div class="col-md-12"><img src="images/wagas_home_02_02.jpg" class="img-responsive"></div>
                    </div>
                    <div class="row" style="margin-bottom:20px; padding: 0 50px;">

                        <div class="col-md-12 text-center" style="background: #ededec none repeat scroll 0 0;">
                            <div class="row">
                                <!--<div class="col-md-6" style="padding:0px;">
                                   <link rel="stylesheet" href="js/inibc/js/labxplayer.css" />
                                   <script type="text/javascript" src="js/inibc/js/prism.js"></script>
                                   <div class="prism-player" id="J_prismPlayer"></div>
                                   <script>
                                     var player = new prismplayer({
                                     id: "J_prismPlayer", // 容器id
                                     source: "http://recofilm.com/video/wagas.mp4",
                                     autoplay: false,      // 自动播放
                                     width: "100%",       // 播放器宽度
                                     height: "100%",      // 播放器高度
                                     cover: "images/wagas_home_11.jpg",
                                   });
                                 </script>
                                </div>-->
                                <div class="col-md-3"></div>

                                <div class="col-md-6" style="padding:15px;">
                                    <h4 class="c-font-bold" style="margin-bottom:10px;">了解更多Wagas相关信息</h4>
                                    <!-- <div style="margin-bottom:10px; font-weight:bold; font-size:18px; ">WAGAS-->
                                    <!--<img src="images/wagas_home_05.jpg">-->
                                    <!-- </div>-->
                                    <div class="row">
                                        <div class="col-xs-6 text-center">
                                            <p>扫描二维码进入Wagas公众号</p>
                                            <img src="images/wagas_home_042.jpg" class="img-responsive" style="margin: 0 auto;"> <a href="http://weibo.com/wagascn" target="_blank">
                                                <button class="btn c-btn-dark c-btn-square" type="button" style="margin-top:20px; color:#FFF;padding: 6px 10px 4px 10px;font-size: 12px;">一键进入官方微博</button>
                                            </a>
                                        </div>
                                        <div class="col-xs-6 text-center">
                                            <p>扫描小程序码进入Wagas小程序</p>
                                            <img src="images/wagas_home_05.png" width="179" class="img-responsive" style="margin: 0 auto;"> <a href="http://www.xiaohongshu.com/user/profile/5f1aa01400000000010089ea?xhsshare=CopyLink&amp;appuid=5f1aa01400000000010089ea&amp;apptime=1614840674" target="_blank">
                                                <button class="btn c-btn-dark c-btn-square" type="button" style="margin-top:20px; color:#FFF;padding: 6px 10px 4px 10px;font-size: 12px;">一键进入小红书</button>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END: CONTENT/FEATURES/FEATURES-6 -->
        </section>

        <!-- ========会员奖励========== -->
        <section id="member">
            <!-- BEGIN: CONTENT/SLIDERS/TEAM-1 -->
            <div class="c-content-box c-size-md c-bg-white">
                <div class="container">
                    <!-- Begin: Testimonals 1 component -->
                    <div class="row" style="padding:0px 50px;">
                        <div class="col-md-6" style="margin-bottom:20px;padding:0px 30px;">
                            <h3 class="c-font-bold"><span style="font-size:18px;font-weight:700;padding: 0px 0px 2px 0px;margin-bottom: 31px;">沃歌斯会员奖励</span></h3>
                            <div style="width: 125px;border-bottom: 4px solid #f8a614"></div>
                            <div style="padding: 0px 0px 8px 0px;"></div>
                            <p style="font-size:14px;">注册成为沃歌斯会员，可在 Wagas 和 BAKER&nbsp;&amp; SPICE&nbsp;参与门店购买全价产品时获得积分。积分有效期为1年。积分可兑换会员专享优惠券！</p>

                            <p>&nbsp;</p>

                            <p style="font-size: 14px;line-height: 23px;">会员级别越高，可享优惠越多！快来加入，用健康饮食开启您的美好生活吧！</p>

                            <div id="gtx-trans" style="position: absolute; left: 586px; top: 42px;">
                                <div class="gtx-trans-icon">&nbsp;</div>
                            </div>
                            <!-- <p style="font-size:14px;">注册成为沃歌斯会员，可在Wagas 和 Baker & Spice参与门店购买全价产品时获得积分。每消费一元积一分，积分有效期为1年。积分可兑换会员专享优惠券！</p>
                            <p>会员级别越高，可享优惠越多！快来加入，用健康饮食开启您的美好生活吧！</p> -->
                            <div>
                                <a href="member_cn.html?act=2" target="_blank">
                                    <button class="btn c-btn-dark c-btn-square" type="button" style="margin-top:20px;color:#FFF;"> 会员奖励计划</button>
                                </a> <a href="member_cn.html" target="_blank">
                                    <button class="btn c-btn-dark c-btn-square" type="button" style="margin-top:20px; color:#FFF;"> FAQ</button>
                                </a>
                            </div>
                            <!--<p style="padding:15px 0px;">点击微信按钮关注Wagas微信了解更多 <a data-toggle="modal" data-target=".bs-example-modal-sm"><i class="fa fa-wechat"></i></a></p>-->
                        </div>
                        <div class="col-md-6" style="padding:0px 30px;"> <img src="images/4f5d69c6b7105c04794a6111bd36a707.jpg" class="img-responsive"> </div>
                    </div>
                    <!-- End-->
                </div>
            </div>
            <!-- END: CONTENT/SLIDERS/TEAM-1 -->
        </section>

        <!-- ========位置信息========== -->
        <section id="location">
            <!-- ========我们的餐厅========== -->
            <div class="row">
                <div class="col-md-12">
                    <style>
                        .item { padding: 0px; text-align: center; }
                        .owl-stage-outer { position: relative; }
                        .owl-theme .owl-controls .owl-nav [class*="owl-"] { margin: 0px; padding: 0px; background: none; color: #ccc; font-size: 30px; position: absolute; top: calc(50% - 8px); border-radius: 50%; }
                        .owl-theme .owl-controls .owl-nav .owl-prev { left: 0px; }
                        .owl-theme .owl-controls .owl-nav .owl-next { right: 0px; }
                        .owl-theme .owl-controls .owl-nav [class*="owl-"]:hover { color: #f8a614; text-decoration: none; opacity: 1 !important; }
                        .owl-theme .owl-dots { position: absolute; bottom: 0px; left: calc(50% - 40px); }
                            .owl-theme .owl-dots .owl-dot span { margin: 5px 5px; border-radius: 30px !important; }
                        .owl-theme:not(.owl-single):not(.owl-bordered) { margin-left: 0px !important; width: 100%; }

                        @media (min-width: 768px) {
                            .owl-carousel .col-xs-12, .title-12 { width: inherit; }
                            .owl-carousel2 .col-xs-12 { width: inherit; }
                            .owl-theme:not(.owl-single):not(.owl-bordered) { width: inherit; }
                            .hzhb img { min-height: 400px; }
                        }

                        .owl-theme .owl-controls .owl-nav .owl-prev { left: 20px; }
                        .owl-theme .owl-controls .owl-nav .owl-next { right: 20px; }

                        .owl-controls { margin-top: 0px; }
                        .owl-carousel1 img { width: 100px !important; margin: 0px auto; }
                        .owl-carousel .titel-h4 { font-size: 15px; color: white; }
                        .owl-carousel .content-p { font-size: 12px; color: white; text-align: left; }

                        .owl-carousel2 img { width: margin:0px auto; }
                        .owl-carousel2 .owl-stage-outer .owl-item { padding: 0px !important; }
                        .owl-carousel2 .owl-controls .owl-nav [class*="owl-"] { width: 30px; background-color: #161A1D; opacity: 0.4; }

                        @media(max-width:450px) and (min-width: 360px) {
                            .owl-carousel2 .item { padding: 0px; }
                        }

                        @media(max-width:360px) and (min-width: 280px) {
                            .owl-carousel2 .item { padding: 0px; }
                        }
                        /* Team */
                        .team-figure { position: relative; text-align: center; padding: 0px; }
                        figcaption h2 { color: white; }
                        figcaption p { color: white; font-size: 14px; padding: 0px 20px; opacity: 0; }
                        .team-figure::before { content: ""; position: absolute; left: 0; z-index: 1; top: 0; background: #000; height: 100%; width: 100%; opacity: 0; }
                        .team-figure.opacity82::before { opacity: 0; }
                        .team-figure:hover::before { height: 100%; opacity: 0.8; background: #000; }

                        .employee-detail { position: absolute; top: 0; height: 100%; width: 100%; left: 0; z-index: 2; }
                        .employee-desination { padding-top: 35%; }

                        .team-figure:hover .employee-desination { opacity: 1; padding-top: 20%; }
                            .team-figure:hover .employee-desination .item-line { opacity: 0 !important; }

                        .item-img, .item-img-hover { position: absolute; left: 0; right: 0; top: 0; }

                        .item-img-hover { opacity: 0; }
                        .team-figure:hover .item-img-hover { opacity: 1; }
                        .team-figure:hover figcaption p { opacity: 1; }
                        .team-figure:hover figcaption { margin-top: -10px; }
                        .employee-desination, .employee-desination .item-line, .item-img-hover, .item-img, figcaption, figcaption p, .team-figure::before { transition: all .4s cubic-bezier(0.4, 0, 0.2, 1); }
                        .owl-carousel .owl-controls { margin-top: 0px; }
                    </style>
                    <div class="c-content-box text-center">
                        <div class="row">
                            <!-- owl-carousel start -->
                            <div class="container" style="padding:0px;">
                                <div class="owl-carousel2">
                                    <!-- <div class="item">
                                    <figure class="team-figure"> <img src="images/wagas_shop_07.jpg" alt="img-01">
                                                    <div class="employee-detail">
                                                      <div class="employee-desination">
                                                        <figcaption>
                                                          <p>上海市普陀区中山北路3300号上海环球港一层L1045-L1047<br>
                                                            021-52995677</p>
                                                          </figcaption>
                                                        </div>
                                                      </div>
                                                    </figure>
                                      </div>
                                      <div class="item">
                                        <figure class="team-figure"> <img src="images/wagas_shop_02.jpg" alt="img-01">
                                          <div class="employee-detail">
                                            <div class="employee-desination">
                                              <figcaption>
                                                <p>成都市锦江区中纱帽街8号1层1239商铺<br>
                                                  028-86946802</p>
                                                </figcaption>
                                              </div>
                                            </div>
                                          </figure>
                                        </div>
                                        <div class="item">
                                          <figure class="team-figure"> <img src="images/wagas_shop_03.jpg" alt="img-01">
                                            <div class="employee-detail">
                                              <div class="employee-desination">
                                                <figcaption>
                                                  <p>广州市天河区天河路383号太古汇商场裙楼一层MU06单元<br>
                                                    020-85655790</p>
                                                  </figcaption>
                                                </div>
                                              </div>
                                            </figure>
                                          </div>
                                          <div class="item">
                                            <figure class="team-figure opacity82"> <img src="images/wagas_shop_04.jpg" alt="img-01">
                                              <div class="employee-detail">
                                                <div class="employee-desination">
                                                  <figcaption>
                                                    <p>上海市徐汇区东湖路7号<br>
                                                      021-54661488</p>
                                                    </figcaption>
                                                  </div>
                                                </div>
                                              </figure>
                                            </div>
                                            <div class="item">
                                              <figure class="team-figure opacity82"> <img src="images/wagas_shop_05.jpg" alt="img-01">
                                                <div class="employee-detail">
                                                  <div class="employee-desination">
                                                    <figcaption>
                                                      <p>上海市静安区南京西路1515号 N1-22<br>
                                                        021-62521509</p>
                                                      </figcaption>
                                                    </div>
                                                  </div>
                                                </figure>
                                              </div>
                                              <div class="item">
                                                <figure class="team-figure"> <img src="images/wagas_shop_06.jpg" alt="img-01">
                                                  <div class="employee-detail">
                                                    <div class="employee-desination">
                                                      <figcaption>
                                                        <p>上海市浦东新区陆家嘴环路1188号L1商铺<br>
                                                          021-68685296</p>
                                                        </figcaption>
                                                      </div>
                                                    </div>
                                                  </figure>
                                                </div>
                                                <div class="item">
                                                  <figure class="team-figure opacity82"> <img src="images/wagas_shop_01.jpg" alt="img-01">
                                        <div class="employee-detail">
                                          <div class="employee-desination">
                                            <figcaption>
                                              <p>北京市朝阳区建国路91号金地广场一层L108 L109<br>
                                                010-85712826</p>
                                              </figcaption>
                                            </div>
                                          </div>
                                        </figure>
                                                  </div>
                                                  <div class="item">
                                                    <figure class="team-figure opacity82"> <img src="images/wagas_shop_08.jpg" alt="img-01">
                                                      <div class="employee-detail">
                                                        <div class="employee-desination">
                                                          <figcaption>
                                                            <p>无锡市滨湖区立信大道168号海岸城购物中心1层117室<br>
                                                              0510-85179897</p>
                                                            </figcaption>
                                                          </div>
                                                        </div>
                                                      </figure>
                                                    </div> -->
                                    <div class="item">
                                        <figure class="team-figure" style="pointer-events:none;">
                                            <img src="images/d0ec97f265c3e5c90b89d464a46006d7.jpg" alt="1">
                                            <div class="employee-detail">
                                                <div class="employee-desination">
                                                    <figcaption>
                                                        <p>
                                                            上海市普陀区中山北路3300号上海环球港一层L1045-L1047<br>
                                                            021-52995677
                                                        </p>
                                                    </figcaption>
                                                </div>
                                            </div>
                                        </figure>
                                    </div>
                                    <div class="item">
                                        <figure class="team-figure" style="pointer-events:none;">
                                            <img src="images/e1d1914f29b0b86fd85ae5b517de0900.jpg" alt="2">
                                            <div class="employee-detail">
                                                <div class="employee-desination">
                                                    <figcaption>
                                                        <p>
                                                            成都市锦江区中纱帽街8号1层1239商铺<br>
                                                            028-86946802
                                                        </p>
                                                    </figcaption>
                                                </div>
                                            </div>
                                        </figure>
                                    </div>
                                    <div class="item">
                                        <figure class="team-figure" style="pointer-events:none;">
                                            <img src="images/9fddde450f9ed19da04b5ba267320b8b.jpg" alt="3">
                                            <div class="employee-detail">
                                                <div class="employee-desination">
                                                    <figcaption>
                                                        <p>
                                                            广州市天河区天河路383号太古汇商场裙楼一层MU06单元<br>
                                                            020-85655790
                                                        </p>
                                                    </figcaption>
                                                </div>
                                            </div>
                                        </figure>
                                    </div>
                                </div>
                            </div>
                            <!-- owl-carousel end -->
                        </div>
                    </div>
                    <script type="text/javascript">
                            $(document).ready(function () {
                                $('.owl-carousel2').owlCarousel({
                                    loop: true,
                                    margin: 10,
                                    nav: true,
                                    navText: ['', ''],
                                    responsive: {
                                        100: {
                                            items: 1,
                                            dots: false
                                        },
                                        320: {
                                            items: 1,
                                            dots: false
                                        },
                                        530: {
                                            items: 2,
                                            dots: false
                                        },
                                        640: {
                                            items: 2,
                                            dotsEach: false
                                        },
                                        960: {
                                            items: 3,
                                            dotsEach: false
                                        },
                                        1280: {
                                            items: 3,
                                            dotsEach: false
                                        }
                                    }
                                });
                                $('.owl-carousel2 .owl-prev').addClass('fa fa-angle-left');
                                $('.owl-carousel2 .owl-next').addClass('fa fa-angle-right');
                            });
                    </script>
                </div>
            </div>
        </section>
    </div>
    <!-- END: CONTENT/FEATURES/FEATURES-11 -->
    <!-- ================加入我们=================== -->
    <section id="join">
        <!-- BEGIN: CONTENT/SLIDERS/TEAM-1 -->
        <div class="c-content-box c-size-md c-bg-white">
            <div class="container">
                <!-- Begin: Testimonals 1 component -->
                <div class="row">
                    <div class="col-md-6" style="margin-bottom:20px;">
                        <p>
                            <span style="font-size:18px;font-weight:700;padding: 0px 0px 2px 0px;margin-bottom: 31px;">
                                欢迎你加入Wagas<span style="color:#ff9e19;">大家庭</span><span>，</span><br>
                                <span>找到<span style="color:#ff9e19;">不一样</span><span>的自己 </span> </span>
                            </span>
                        </p>

                        <div style="padding: 0px 0px 8px 0px;">&nbsp;</div>

                        <div style="width: 210px;border-bottom: 4px solid #f8a614">&nbsp;</div>

                        <p style="font-size:14px; line-height:23px; padding-top:10px;">
                            <span style="font-size:16px;">
                                <span style="font-weight: 700; padding: 0px 0px 2px; margin-bottom: 31px;">
                                    如果你对服务行业有极大的热情， 愿意接受培训，聪明，且充满活力；<br>
                                    如果你极具设计天赋，愿意参与精美的门店设计或平面设计；<br>
                                    如果你对精致咖啡有浓厚的兴趣，愿意在工作时间学习英文；<br>
                                    无论你是什么专业，只要你对自己充满自信！<br>
                                    我们要的就是你！<br>
                                    你的微笑是我们信心的来源，你的热情是我们品牌的保证。<br>
                                    你在Wagas有着令人期待的未来！
                                </span>
                            </span><br>
                            &nbsp;
                        </p>

                        <p><span style="font-size:18px;font-weight:700;padding: 0px 0px 2px 0px;margin-bottom: 31px;"><span><span style="font-size:12px;">应聘方式：021- 6234 0680 转121 careers@wagas.com.cn</span></span></span></p>
                        <!-- <span style="font-size:18px;font-weight:700;padding: 0px 0px 2px 0px;margin-bottom: 31px;">欢迎你加入Wagas<span style="color:#ff9e19;">大家庭</span><span>，</span><br>
                        <span>找到<span style="color:#ff9e19;">不一样</span><span>的自己 </span>
                        <div style="padding: 0px 0px 8px 0px;"></div>
                        <div style="width: 210px;border-bottom: 4px solid #f8a614"></div>
                        <p style="font-size:14px; line-height:23px; padding-top:10px;">如果你对服务行业有极大的热情， 愿意接受培训聪明，且充满活力，<br>
                          如果你极具设计天赋，愿意参与精美的门店设计或平面设计，<br>
                          如果你对精致咖啡有浓厚的兴趣，愿意在工作时间学习英文，<br>
                          无论你是什么专业，只要你对自己充满自信！<br>
                          我们要的就是你！<br>
                          你的微笑是我们信心的来源，你的热情是我们品牌的保证。<br>
                          你在Wagas有着令人期待的未来！<br>
                          现正在招聘职位：高级/室内设计师，高级/平面设计师，门店经理，见习经理，咖啡师及其他相关人员 </p>
                          <p><span style="font-size:12px;">应聘方式：021- 6234 0860 转121 careers@wagas.com.cn</span></p> -->
                        <!--<p style="text-align: right; font-size:14px;">Love, Wagas</p>-->
                        <ul class="c-icons c-theme-ul jiathis_style">
                            <!--<li> <a href="#"> <i class="fa fa-facebook"></i> </a> </li>
                            <li> <a href="#"> <i class="fa fa-vimeo"></i> </a> </li>
                            <li> <a href="#"> <i class="fa fa-twitter"></i> </a> </li>-->
                            <li><a style="display:inline-block;background: url('images/hr.png') no-repeat;width: 16px;height:16px;margin: 0 5px;" href="http://recruitment.wagas.com.cn/" target="_blank"></a></li>
                            <li> <a class="jiathis_button_tsina" id="sina2" href="http://weibo.com/wagascn" target="_blank"><i class="fa fa-weibo"></i></a></li>
                            <!--              <li><a class="jiathis_button_weixin" id="weixin2"></a></li>-->
                            <li><a data-toggle="modal" data-target=".bs-example-modal-sm2" id="weixin2"><i class="fa fa-wechat"></i></a></li>
                            <!--              <li><a style="float: left;background: url('images/hr.png') no-repeat;width: 16px;height:16px;margin: 0 5px;" href="http://recruitment.wagas.com.cn/" target="_blank"></a></li>-->
                            <!--              <li><a class="jiathis_button_weixin" id="hr" href="http://recruitment.wagas.com.cn/"></a></li>-->
                            <!-- <li> <a data-toggle="modal" data-target=".bs-example-modal-sm2"> <i class="fa fa-wechat"></i> </li> -->
                        </ul>
                        <!-- JiaThis Button BEGIN -->
                        <!--<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js" charset="utf-8"></script>-->
                        <script>
                            $(document).ready(function () {
                                $("#sina1").html("<i class='fa fa-weibo'></i>");
                                $("#weixin1").html("<i class='fa fa-wechat'></i>");
                                $("#sina2").html("<i class='fa fa-weibo'></i>");
                                $("#weixin2").html("<i class='fa fa-wechat'></i>");
                                //                $("#hr").html("<i class='fa fa-tv'></i>");
                            });
                        </script>
                        <style>
                            .c-top-menu .jtico_tsina { padding-top: 5px; }
                            .jiathis_style .jtico_tsina { background-position: -100px -96px !important; padding-left: 0px !important; font-size: 16px; overflow: visible; }
                            .jiathis_style .jtico_weixin { background-position: -100px -1809px !important; padding-left: 0px !important; font-size: 16px; overflow: visible; }
                        </style>
                        <!-- JiaThis Button END -->
                    </div>
                    <div class="col-md-6">
                        <img src="images/a2e1e935efbf852fca7555d4b1216867.jpg" class="img-responsive">
                    </div>
                </div>
                <!-- End-->
            </div>
        </div>
        <!-- END: CONTENT/SLIDERS/TEAM-1 -->
    </section>
    <section id="contact"> </section>
    <!-- END: PAGE CONTENT -->
    <script type="text/javascript">
        var offset = function () {
            var imgw = $('#img').height();
            var conw = $('#msg-img').height();
            var offset = imgw - conw;

            if ($("#cc").width() >= "710") {
                $('.msg-info').css('height', offset + 26);
                $('#msg-img').css('margin-bottom', '0px');
            } else {
                $('.msg-info').css('height', 'auto');
                $('#msg-img').css('margin-bottom', '30px');
            }

        }
        window.onload = offset;
        window.onresize = offset;
    </script>
    <!-- BEGIN: LAYOUT/FOOTERS -->
    <a name="footer"></a>
    <!-- 底部栏 -->
    <footer class="c-layout-footer c-layout-footer-6">
        <div class="c-postfooter c-bg-dark-2">
            <div class="container">
                <div class="row text-center">
                    <div class="col-md-5">
                        <div class="row">


                            <div class="col-xs-12">
                                <style>
                                    #accordion4 .panel { border: none; box-shadow: none; }
                                    #accordion4 a { color: #FFF; font-size: 14px; }
                                        #accordion4 a:hover { color: #FFF; }
                                    #accordion4 .panel-heading { background-color: #50505a; border-bottom: 1px solid #FFF; color: #fafafa; }

                                    #accordion4 .panel-body { background-color: #50505a; border-top: 0px solid #DDD !important; color: #acacac; padding: 5px 0px 0px 0px; }

                                    #accordion4 .panel-title .accordion-toggle.accordion-toggle-icon .toggle-icon:before { font: normal normal normal 14px/1 FontAwesome; content: "\f107"; }
                                    #accordion4 .panel-title .accordion-toggle.accordion-toggle-icon.collapsed .toggle-icon:before { font: normal normal normal 14px/1 FontAwesome; content: "\f106"; }
                                </style>
                                <div id="accordion4" class="panel-group accordion">
                                    <div class="panel panel-default">
                                        <div class="panel-heading">
                                            <h4 class="panel-title"> <a href="#collapse_41" data-parent="#accordion4" data-toggle="collapse" class="accordion-toggle accordion-toggle-icon text-center collapsed" aria-expanded="false"> 关注我们 <i class="toggle-icon pull-right"></i></a> </h4>
                                        </div>
                                        <div class="panel-collapse collapse" id="collapse_41">
                                            <div class="panel-body">
                                                <ul class="c-icons c-theme-ul" style="margin:5px 0px;">
                                                    <li> <a href="http://weibo.com/wagascn" target="_blank" style="color:#acacac;"> <i class="fa fa-weibo"></i> </a> </li>
                                                    <li> <a data-toggle="modal" data-target=".bs-example-modal-sm" style="color:#acacac;"> <i class="fa fa-wechat"></i> </a> </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading">
                                            <h4 class="panel-title"> <a href="#collapse_42" data-parent="#accordion4" data-toggle="collapse" class="accordion-toggle accordion-toggle-icon text-center collapsed" aria-expanded="false"> 法律法规 <i class="toggle-icon pull-right"></i></a> </h4>
                                        </div>
                                        <div class="panel-collapse collapse" id="collapse_42">
                                            <div class="panel-body">
                                                <!--<p><a href="term01_cn.html" target="_blank" style="color:#7f8c97;font-size: 12px;">电子卡券购买须知</a></p>-->
                                                <p><a href="term02_cn.html" target="_blank" style="color:#7f8c97;font-size: 12px;">沃歌斯单用途商业预付卡章程</a></p>
                                                <p><a href="member_cn.html" target="_blank" style="color:#7f8c97;font-size: 12px;">FAQ</a></p>
                                                <!--<p><a href="store_information.html" target="_blank" style="color:#7f8c97;font-size: 12px;">门店信息公示</a></p>-->
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading">
                                            <h4 class="panel-title"> <a href="#collapse_43" data-parent="#accordion4" data-toggle="collapse" class="accordion-toggle accordion-toggle-icon text-center collapsed" aria-expanded="false">联系我们 <i class="toggle-icon pull-right"></i></a> </h4>
                                        </div>
                                        <div class="panel-collapse collapse" id="collapse_43">
                                            <div class="panel-body">

                                                <p class="c-font-grey-3" style="font-size:14px;">
                                                    上海市静安区武宁南路1号10楼<br>
                                                    +86 2162340680<br>
                                                    意见建议及咨询<br>
                                                    <a href="mailto:feedback@wagas.com.cn" style="color:#7f8c97;">feedback@wagas.com.cn</a><br>
                                                    工作机会<br>
                                                    <a href="mailto:careers@wagas.com.cn" style="color:#7f8c97;">careers@wagas.com.cn</a>
                                                </p>
                                            </div>
                                        </div>
                                    </div>

                                </div>

                            </div>

                        </div>
                    </div>
                    <div class="col-md-7">
                        <p class="c-copyright c-font-grey"><img src="images/wagas_logo2.png" alt="logo" class="c-desktop-logo" style="margin:auto auto; padding: 28px 0px;"></p>
                        <p class="c-font-grey-3" style="font-size:14px;">© Website by Wagas &nbsp;<a href="http://beian.miit.gov.cn/" target="_blank" style="color:#7f8c97;">沪ICP备18037855号-2</a></p>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true" style="display: none;">
        <div class="modal-dialog modal-sm">
            <div class="modal-content c-square">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                    <h4 class="modal-title" id="mySmallModalLabel">微信</h4>
                </div>
                <div class="modal-body"> <img src="images/wagas_home_042.jpg" class="img-responsive" style="margin:0 auto;"> </div>
                <div class="modal-footer">
                    <button type="button" class="btn default" data-dismiss="modal">关闭</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <div class="modal fade bs-example-modal-sm2" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true" style="display: none;">
        <div class="modal-dialog modal-sm">
            <div class="modal-content c-square">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                    <h4 class="modal-title" id="mySmallModalLabel">分享到微信朋友圈</h4>
                </div>
                <div class="modal-body"> <img src="images/wagas_qrcode.png" class="img-responsive" style="margin:0 auto;"> </div>
                <div class="modal-footer">
                    <p style="text-align:left;">打开微信，点击底部的“发现”，使用 “扫一扫” 即可将网页分享到我的朋友圈。</p>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <style>
        .modal { padding-right: 0px !important; }
    </style>
    <!-- END: LAYOUT/FOOTERS -->
    <script type="text/javascript">
        $(document).ready(function () {
            //var myhtml = document.getElementById("myhtml").innerHTML;
            //var myfoot = document.getElementById("myfoot").innerHTML;
            //console.log(myhtml);

            //$(".region-header").html("");
            //$(myhtml).insertBefore(".region-header");
            $(".c-topbar").hide();
            $("body").removeClass("c-layout-header-fullscreen");
            //  $(".amap-ui-markerlist-list-ele").first().addClass('selected');
            //$(".region-footer .content").html(myfoot);
        });
    </script>
    <!-- BEGIN: LAYOUT/FOOTERS/GO2TOP -->
    <div class="c-layout-go2top" style="display: none;"> <i class="icon-arrow-up"></i> </div>
    <!-- END: LAYOUT/FOOTERS/GO2TOP -->
    <!-- BEGIN: LAYOUT/BASE/BOTTOM -->
    <!-- BEGIN: CORE PLUGINS -->
    <script src="js/jquery.easing.min.js" type="text/javascript"></script>
    <script src="js/wow.js" type="text/javascript"></script>
    <script src="js/reveal-animate.js" type="text/javascript"></script>
    <!-- END: CORE PLUGINS -->
    <!-- BEGIN: LAYOUT PLUGINS -->
    <script type="text/javascript" src="js/jquery.flexslider.js"></script>
    <script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
    <script src="js/jquery.cubeportfolio.min.js" type="text/javascript"></script>
    <script src="js/owl.carousel.min.js" type="text/javascript"></script>
    <script src="js/jquery.waypoints.min.js" type="text/javascript"></script>
    <script src="js/jquery.counterup.min.js" type="text/javascript"></script>
    <script src="js/jquery.fancybox.pack.js" type="text/javascript"></script>
    <script src="js/jquery.smooth-scroll.js" type="text/javascript"></script>
    <script src="js/bootstrap-slider.js" type="text/javascript"></script>
    <script src="js/jquery.slimscroll.min.js" type="text/javascript"></script>
    <!-- END: LAYOUT PLUGINS -->
    <!-- BEGIN: THEME SCRIPTS -->
    <script src="js/components.js" type="text/javascript"></script>
    <script src="js/components-shop.js" type="text/javascript"></script>
    <script src="js/app.js" type="text/javascript"></script>
    <script>
        $(document).ready(function () {
            App.init(); // init core
        });
    </script>
    <!-- END: THEME SCRIPTS -->
    <!-- BEGIN: PAGE SCRIPTS -->
    <script type="text/javascript">

        $(window).load(function () {
            $(".flexslider-container8624").flexslider({
                animation: "fade",
                animationLoop: true,
                startAt: 0,
                slideshow: true,
                slideshowSpeed: 7000,
                animationSpeed: 600,
                initDelay: 0, randomize: false, pauseOnAction: false, pauseOnHover: false, smoothHeight: false, useCSS: true, touch: true, video: true, controlNav: true, directionNav: true, prevText: "", nextText: "", keyboard: true, multipleKeyboard: true, mousewheel: true, pausePlay: false, pauseText: "", playText: "",
                namespace: "flex-",
                start: function () {
                    $(".external-flexslider-container8624.flexslider-img-preloader").css("background-image", "none");
                    $(".external-flexslider-container8624 .flexslider-img-content").css("opacity", "1");
                    $(".external-flexslider-container8624 .flexslider-img-content").css("visibility", "visible");
                    $(".flex-control-nav a").empty();
                }
            });
            $(window).resize(function () {
                $(".external-flexslider-container8624 .flex-control-nav a").empty();
            });
        });
    </script>
    <script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('.flexslider').flexslider({
                directionNav: true,
                pauseOnAction: false,
                slideshowSpeed: 8000     //轮播图切换时间 单位毫秒
            });
            $(".flex-control-nav li>a").html("");
            $(".flexslider").css('height', $(window).width() / (2.7));
            $(".slides li").css('height', $(window).width() / (2.7));
            $(window).resize(function () {
                $(".flexslider").css('height', $(window).width() / (2.7));
                $(".slides li").css('height', $(window).width() / (2.7));
                //调整地图select列表自适应
                //                  if($(window).width()<500){
                //                    $(".select_cont").addClass('col-xs-12');
                //                  }else{
                //                    $(".select_cont").removeClass('col-xs-12');
                //                  }
            });
            //调整地图select列表自适应
            //                if($(window).width()<500){
            //                  $(".select_cont").addClass('col-xs-12');
            //                }
        });





    </script>
    <!-- END: PAGE SCRIPTS -->
    <!-- END: LAYOUT/BASE/BOTTOM -->
</body>
</html>