﻿<!DOCTYPE html>
<html lang="en">
<head> <meta name="keywords" content="keywords_temp" />
<meta name="description" content="description_temp" />

    <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" />
    
    <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">
    
    
    <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">
    
    
    <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">
    
    <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>
    
    
    
</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"> <meta name="keywords" content="keywords_temp" />
<meta name="description" content="description_temp" />

        <div class="c-navbar">
            <div class="container">
                
                <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>
                    
                    
                    
                    
                    
                    
                    <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">  </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>
                    
                    
                    
                </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>  </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">
        
        
        <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>
            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>
        
        
        <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>
                                
                                <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>
                                
                            </div>
                            <img src="images/36fb1c8be8c0f67439dfe8d1dc628b57.jpg" class="img-responsive hidden-xs" id="msg-img" style="margin-bottom: 0px;">
                            
                        </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></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        
        <section id="about">
            
            <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-3"></div>

                                <div class="col-md-6" style="padding:15px;">
                                    <h4 class="c-font-bold" style="margin-bottom:10px;">了解更多Wagas相关信息</h4>
                                    
                                    
                                    
                                    <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;"> 
                                        </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;"> 
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
        </section>

        
        <section id="member">
            
            <div class="c-content-box c-size-md c-bg-white">
                <div class="container">
                    
                    <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>
                            
                            <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>
                            
                        </div>
                        <div class="col-md-6" style="padding:0px 30px;"> <img src="images/4f5d69c6b7105c04794a6111bd36a707.jpg" class="img-responsive"> </div>
                    </div>
                    
                </div>
            </div>
            
        </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">
                            
                            <div class="container" style="padding:0px;">
                                <div class="owl-carousel2">
                                    
                                    <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>
                            
                        </div>
                    </div>
                    
                </div>
            </div>
        </section>
    </div>
    
    
    <section id="join">
        
        <div class="c-content-box c-size-md c-bg-white">
            <div class="container">
                
                <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>
                        
                        
                        <ul class="c-icons c-theme-ul jiathis_style">
                            
                            <li></li>
                            <li> </li>
                            
                            <li><a data-toggle="modal" data-target=".bs-example-modal-sm2" id="weixin2"><i class="fa fa-wechat"></i></a></li>
                            
                            
                            
                        </ul>
                        
                        
                        <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>
                        
                    </div>
                    <div class="col-md-6">
                        <img src="images/a2e1e935efbf852fca7555d4b1216867.jpg" class="img-responsive">
                    </div>
                </div>
                
            </div>
        </div>
        
    </section>
    <section id="contact"> </section>
    
    
    
    <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>  </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="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>
                                                
                                            </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;</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>
            
        </div>
        
    </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>
            
        </div>
        
    </div>
    <style>
        .modal { padding-right: 0px !important; }
    </style>
    
    
    
    <div class="c-layout-go2top" style="display: none;"> <i class="icon-arrow-up"></i> </div>
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    <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>
    
    
</body>
</html>