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

<head>
    <title>悦为电商_电商新零售全托管运营服务商</title>
    <!-- custom-theme -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="renderer" content="ie-stand">

    <meta name="keywords" content="悦为电商_电商新零售全托管运营服务商">
    <meta name="Description"
        content="上海悦为电子商务集团有限公司拥有uni-marketing、内容营销、数据分析、营销推广、IT系统、在线客服、仓储 物流等专业精细化的电商服务。 服务的品牌涵盖服饰、内衣、母婴、化妆品、百 货、食品保健领域等。">
    <!-- //custom-theme -->
    <!-- <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.css">-->

 <link rel="stylesheet" href="./css/swiper.min.css">
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />

    <!-- Owl-carousel-CSS -->
    <link href="css/owl.carousel.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
    <!-- font-awesome-icons -->

    <link href="css/font-awesome.css" rel="stylesheet">

    <link rel="stylesheet" href="./css/flexible-bootstrap-carousel.css">

    <!--<script src="http://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.js"></script>-->

 <script src="./js/swiper.min.js"></script>
    <script type="text/javascript" src="js/flexible-bootstrap-carousel.js"></script>
</head>

<body style="width: 100%;height: 100%">
    <!-- banner -->
    <div class="main_section_agile">
        <div class="agileits_w3layouts_banner_nav">
            <!--导航-->
            <nav class="navbar navbar-default  FloatingButtons " id="navstyle">
                <div class="navbar-header navbar-left">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <!--                <a style=" padding-left: 10px; line-height: 50px;" class="navbar-brand" href="#"><h1>悦为电商</h1></a>-->
                    <a class="navbar-brand" href="#">
                        <img style="margin-top:-20px;" src="./images/index/logo.png"></a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
                    <nav class="link-effect-2" id="link-effect-2">
                        <ul class="nav navbar-nav">
                            <li class="active"><a href="index.html" class="effect-3">首页</a></li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle effect-3" data-toggle="dropdown">整合营销<b
                                        class="caret"></b></a>
                                <ul class="dropdown-menu agile_short_dropdown">
                                    <li><a href="./views/integration/wholedomain.html">全域运营</a></li>
                                    <li><a href="./views/integration/content.html">内容运营</a></li>
                                    <li><a href="./views/integration/live.html">直播代运营</a></li>
                                    <li><a href="./views/integration/micro.html">双微代运营</a></li>
                                    <li><a href="./views/integration/domain.html">私域运营</a></li>
                                    <li><a href="./views/integration/Hotstyle.html">爆款计划</a></li>
                                    <li><a href="./views/integration/video.html">视频/摄影</a></li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle effect-3" data-toggle="dropdown">全渠道代运营<b
                                        class="caret"></b></a>
                                <ul class="dropdown-menu agile_short_dropdown">
                                    <li><a href="./views/channels/cross-border.html">跨境业务</a></li>
                                    <li><a href="./views/channels/dataServices.html">数据服务</a></li>
                                    <li><a href="./views/channels/wholeShop.html">整店托管运营</a></li>
                                    <li><a href="./views/channels/visual.html">品牌视觉</a></li>
                                    <li><a href="./views/channels/planning.html">品牌策划</a></li>
                                    <li><a href="./views/channels/Customer.html">客服服务</a></li>
                                    <li><a href="./views/channels/logistics.html">仓储物流</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="case.html" class="effect-3">经典案例</a>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle effect-3" data-toggle="dropdown">关于我们<b
                                        class="caret"></b></a>
                                <ul class="dropdown-menu agile_short_dropdown">
                                    <li><a href="Aboutus.html">关于悦为</a></li>
                                    <li><a href="news.html">新闻中心</a></li>

                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="typography.html" class="dropdown-toggle effect-3">加入我们</a>
                            </li>
                        </ul>
                    </nav>

                </div>
            </nav>
            <div class="clearfix"></div>
        </div>
    </div>


    <!-- 轮播 -->
    <div id="carousel-example-generic" class="carousel slide shuffling" data-ride="carousel">
        <ol class="carousel-indicators" id="dog">
            <!--        <li data-target="#carousel-example-generic" data-slide-to="0" class=""></li>-->
            <!--        <li data-target="#carousel-example-generic" data-slide-to="1" class="active"></li>-->
            <!--        <li data-target="#carousel-example-generic" data-slide-to="2" class=""></li>-->
        </ol>
        <div class="carousel-inner" role="listbox" id="shuffling">
            <!--        <div class="item active">-->
            <!--            <img data-src="holder.js/900x500/auto/#777:#555/text:First slide" alt="First slide [900x500]" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iOTAwIiBoZWlnaHQ9IjUwMCIgdmlld0JveD0iMCAwIDkwMCA1MDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjwhLS0KU291cmNlIFVSTDogaG9sZGVyLmpzLzkwMHg1MDAvYXV0by8jNzc3OiM1NTUvdGV4dDpGaXJzdCBzbGlkZQpDcmVhdGVkIHdpdGggSG9sZGVyLmpzIDIuNi4wLgpMZWFybiBtb3JlIGF0IGh0dHA6Ly9ob2xkZXJqcy5jb20KKGMpIDIwMTItMjAxNSBJdmFuIE1hbG9waW5za3kgLSBodHRwOi8vaW1za3kuY28KLS0+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj48IVtDREFUQVsjaG9sZGVyXzE2YzRiODFjOGJmIHRleHQgeyBmaWxsOiM1NTU7Zm9udC13ZWlnaHQ6Ym9sZDtmb250LWZhbWlseTpBcmlhbCwgSGVsdmV0aWNhLCBPcGVuIFNhbnMsIHNhbnMtc2VyaWYsIG1vbm9zcGFjZTtmb250LXNpemU6NDVwdCB9IF1dPjwvc3R5bGU+PC9kZWZzPjxnIGlkPSJob2xkZXJfMTZjNGI4MWM4YmYiPjxyZWN0IHdpZHRoPSI5MDAiIGhlaWdodD0iNTAwIiBmaWxsPSIjNzc3Ii8+PGc+PHRleHQgeD0iMzA4LjI5Njg3NSIgeT0iMjcwLjEiPkZpcnN0IHNsaWRlPC90ZXh0PjwvZz48L2c+PC9zdmc+" data-holder-rendered="true">-->
            <!--        </div>-->
            <!--        <div class="item ">-->
            <!--            <img data-src="holder.js/900x500/auto/#666:#444/text:Second slide" alt="Second slide [900x500]" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iOTAwIiBoZWlnaHQ9IjUwMCIgdmlld0JveD0iMCAwIDkwMCA1MDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjwhLS0KU291cmNlIFVSTDogaG9sZGVyLmpzLzkwMHg1MDAvYXV0by8jNjY2OiM0NDQvdGV4dDpTZWNvbmQgc2xpZGUKQ3JlYXRlZCB3aXRoIEhvbGRlci5qcyAyLjYuMC4KTGVhcm4gbW9yZSBhdCBodHRwOi8vaG9sZGVyanMuY29tCihjKSAyMDEyLTIwMTUgSXZhbiBNYWxvcGluc2t5IC0gaHR0cDovL2ltc2t5LmNvCi0tPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PCFbQ0RBVEFbI2hvbGRlcl8xNmM0YjgxZDgyOSB0ZXh0IHsgZmlsbDojNDQ0O2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1mYW1pbHk6QXJpYWwsIEhlbHZldGljYSwgT3BlbiBTYW5zLCBzYW5zLXNlcmlmLCBtb25vc3BhY2U7Zm9udC1zaXplOjQ1cHQgfSBdXT48L3N0eWxlPjwvZGVmcz48ZyBpZD0iaG9sZGVyXzE2YzRiODFkODI5Ij48cmVjdCB3aWR0aD0iOTAwIiBoZWlnaHQ9IjUwMCIgZmlsbD0iIzY2NiIvPjxnPjx0ZXh0IHg9IjI2NC45NTMxMjUiIHk9IjI3MC4xIj5TZWNvbmQgc2xpZGU8L3RleHQ+PC9nPjwvZz48L3N2Zz4=" data-holder-rendered="true">-->
            <!--        </div>-->
            <!--        <div class="item">-->
            <!--            <img data-src="holder.js/900x500/auto/#555:#333/text:Third slide" alt="Third slide [900x500]" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iOTAwIiBoZWlnaHQ9IjUwMCIgdmlld0JveD0iMCAwIDkwMCA1MDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjwhLS0KU291cmNlIFVSTDogaG9sZGVyLmpzLzkwMHg1MDAvYXV0by8jNTU1OiMzMzMvdGV4dDpUaGlyZCBzbGlkZQpDcmVhdGVkIHdpdGggSG9sZGVyLmpzIDIuNi4wLgpMZWFybiBtb3JlIGF0IGh0dHA6Ly9ob2xkZXJqcy5jb20KKGMpIDIwMTItMjAxNSBJdmFuIE1hbG9waW5za3kgLSBodHRwOi8vaW1za3kuY28KLS0+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj48IVtDREFUQVsjaG9sZGVyXzE2YzRiODFiYmM5IHRleHQgeyBmaWxsOiMzMzM7Zm9udC13ZWlnaHQ6Ym9sZDtmb250LWZhbWlseTpBcmlhbCwgSGVsdmV0aWNhLCBPcGVuIFNhbnMsIHNhbnMtc2VyaWYsIG1vbm9zcGFjZTtmb250LXNpemU6NDVwdCB9IF1dPjwvc3R5bGU+PC9kZWZzPjxnIGlkPSJob2xkZXJfMTZjNGI4MWJiYzkiPjxyZWN0IHdpZHRoPSI5MDAiIGhlaWdodD0iNTAwIiBmaWxsPSIjNTU1Ii8+PGc+PHRleHQgeD0iMjk4LjMyMDMxMjUiIHk9IjI3MC4xIj5UaGlyZCBzbGlkZTwvdGV4dD48L2c+PC9nPjwvc3ZnPg==" data-holder-rendered="true">-->
            <!--        </div>-->
        </div>
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>

    <!-- about -->
    <div class="inner_main_agile_section">
        <div class="container" style="text-align: center">
            <p style="color: #212125;font-size: 2rem" class="clients">品牌客户</p>
            <p class="sub_para_agile two Our" style="font-size: 2rem;font-family: myfont">Our clients</p>

            <!--tab切换-->
            <ul class="tablist" id="myTab" style="font-size: 25px">
                <li class="active selected" onclick="classification('one')"><span href="#home">服饰</span></li>
                <li><span href="#profile" onclick="classification('two')">食品/酒水</span></li>
                <li><span href="#messages" onclick="classification('three')">美妆</span></li>
                <li><span href="#settings" onclick="classification('four')">母婴/玩具</span></li>
                <li class="" onclick="classification('five')"><span href="#household">家居</span></li>
            </ul>

        </div>
    </div>


    <div id="customers" class="medile_agile_its_section ">
        <!--品牌客户-->

        <div style="position: relative">
            <div
                style="width: 20%;height: 572px;background-color: #224e6b;display: flex;justify-content: center;align-items: center">
                <div style="width: 50px">
                    <img src="images/index/63-63left.png" id="btn1" style="max-width: 100%;height: auto">
                    <img src="images/index/63-63right.png" id="btn2"
                        style="max-width: 100%;height: auto;margin-top: 17px">
                </div>
            </div>

            <!--服饰-->
            <div id="one" style="width: 80%;position: absolute;left: 15%;top: 78px">
                <div class="swiper-container swiper-containers" id="carousel-inner"></div>
            </div>


            <!--食品-->
            <div id="two" style="width: 80%;position: absolute;left: 15%;top: 78px">
                <div class="swiper-container swiper-containerfood" id="carousel-food"></div>
            </div>

            <!--美妆-->
            <div id="three" style="width: 80%;position: absolute;left: 15%;top: 78px">
                <div class="swiper-container swiper-containermakeup" id="carousel-makeup"></div>
            </div>

            <!--母婴玩具-->
            <div id="four" style="width: 80%;position: absolute;left: 15%;top: 78px">
                <div class="swiper-container swiper-containertoy" id="carousel-toy"></div>
            </div>

            <!--母婴玩具-->
            <div id="five" style="width: 80%;position: absolute;left: 15%;top: 78px">
                <div class="swiper-container swiper-containerfurniture" id="carousel-furniture"></div>
            </div>
        </div>


        <div class="inner_main_agile_section">
            <div class="container" style="text-align: center; padding: 0px 350px ;">
                <p style="font-size: 1.8rem;color: #212125;margin-top: 5%;" class="clients">主营业务</p>
                <p class="sub_para_agile two Our" style="font-size: 2rem">Our business</p>
                <ul class="tablist" style="font-size: 25px">
                    <li class="selected yewu" onclick="yewu('o')">整店代运营服务</li>
                    <li class="yewu" onclick="yewu('t')">整合营销服务</li>
                </ul>
            </div>
        </div>


        <div style="padding: 0px 400px">
            <!--代运营-->
            <div id="o">
                <div class="swiper-container swiper-containeryx">
                    <div class="swiper-wrapper" id="daiyunying"></div>
                </div>
            </div>

            <!--整合营销-->

            <!--     <div id="t" style="display: none">-->
            <div id="t" class="swiper-container swiper-containeryxs">
                <div class="swiper-wrapper" id="yingxiao"></div>
            </div>
            <!--     </div>-->
        </div>


        <div
            style="height: 10px;margin-left: 25%;text-align: center;background-color: #ebebeb;position: relative;margin-top: 50px;width: 50%">
            <div
                style="width: 90px;position: absolute;top: -16px;left: 44%;display: flex;justify-content: space-around">
                <div id="btn3" style="height: 40px;width: 40px;background-color: #FFFFFF">
                    <img style="max-width: 100%" src="images/index/L.png">
                </div>
                <div id="btn4" style="height: 40px;width: 40px;background-color: #FFFFFF">
                    <img style="max-width: 100%" src="images/index/R.png">
                </div>
            </div>

        </div>


        <!--悦为优势-->
        <div id="advantage" class="inner_main_agile_section">
            <div class="container" style="text-align: center">
                <p style="font-size: 1.8rem;color: #212125" class="clients">悦为优势</p>
                <p class="sub_para_agile two Our" style="font-size: 2rem">Our advantages</p>
            </div>
        </div>

        <div class="banner-bottom" style="background: #224e6b;position: relative;height: 450px">
            <div class="container" style="position: absolute;top: -110px;left: 18%">
                <div class="agileits_banner_bottom_grids" id="youshione">
                    <div class="clearfix"></div>
                </div>
                <div id="youshitwo" class="agileits_banner_bottom_grids two">
                    <div class="clearfix"></div>
                </div>
            </div>

        </div>


        <!--合作流程-->
        <div id="process" style="width: 100%" id="process">
            <!-- <img style="width: 100%" src="images/index/1920-552.jpg"> -->
        </div>


        <!-- 实时资讯 -->
        <div class="services" id="services" style="background: url('./images/index/1920-761.jpg')">
            <div class="container">
                <h3 class="w3l_header w3_agileits_header two clients" style="font-size: 1.8rem">
                    实时资讯</h3>
                <h3 class="w3l_header w3_agileits_header two Our">Information</h3>

                <div class="agile_inner_grids">
                    <!-- choose icon -->
                    <div id="news" class="col-md-6 choose_icon row" style="background: #ffffff;padding: 0">

                        <div class="clearfix"></div>
                    </div>

                    <!-- choose icon -->
                    <div id="information" class="col-md-5 col-md-offset-1" style="padding: 0">

                    </div>

                    <div class="clearfix"></div>
                </div>
            </div>
        </div>

        <div class="footer">
            <div class="container">

                <div class="w3ls_address_mail_footer_grids">
                    <div class="col-md-3 w3ls_footer_grid_left">
                        <div class="wthree_footer_grid_left">
                            <i class="fa fa-map-marker" aria-hidden="true"></i>
                        </div>
                        <p>上海市宝山区呼兰西路100号永谊大厦16楼</p>
                    </div>
                    <div class="col-md-3 w3ls_footer_grid_left">
                        <div class="wthree_footer_grid_left">
                            <i class="fa fa-wechat" aria-hidden="true"></i>
                        </div>
                        <p>+86-18621928386（微信）</p>
                    </div>

                    <div class="col-md-3 w3ls_footer_grid_left">
                        <div class="wthree_footer_grid_left">
                            <i class="fa fa-phone" aria-hidden="true"></i>
                        </div>
                        <p>021-60820003转8011</p>
                    </div>

                    <div class="col-md-3 w3ls_footer_grid_left">
                        <div class="wthree_footer_grid_left">
                            <i class="fa fa-envelope-o" aria-hidden="true"></i>
                        </div>
                        <p>hanxinxin@happydo.vip</p>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <hr style="filter: alpha(opacity=100,finishopacity=0,style=2)" width="100%" color="#6f5499" size="10" />
                <div class="agileinfo_copyright">
                    <P>
                        Copyright  2019 All rights reserved 版权所有：上海悦为电子商务集团有限公司
                        <a rel="nofollow" href="http://beian.miit.gov.cn" target="_blank" id="records">沪ICP备19030740号-1</a>

                    </P>
                    <p>
                        <img src="./images/20191223145958.png" alt="">
                        <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011302005774">沪公网安备 31011302005774号</a>
                    </p>
                </div>
            </div>
        </div>
        <!-- //footer -->


        <!-- js -->
        <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
        <script type="text/javascript" src="js/jquery.cookie.js"></script>
        <!-- //js -->
        <script src="js/JiSlider.js"></script>

        <!-- stats -->
        <script src="js/jquery.waypoints.min.js"></script>
        <script src="js/jquery.countup.js"></script>
        <script>
        // $('.counter').countUp();
        </script>
        <!-- //stats -->

        <!-- flexisel -->
        <script type="text/javascript" src="js/jquery.flexisel.js"></script>


        <script src="js/owl.carousel.js"></script>
        <script>
            $(document).ready(function () {
                $("#owl-demo2").owlCarousel({
                    items: 1,
                    lazyLoad: false,
                    autoPlay: true,
                    navigation: false,
                    navigationText: false,
                    pagination: true,
                });
            });
        </script>
        <!-- //requried-jsfiles-for owl -->


        <script type="text/javascript" src="js/move-top.js"></script>
        <script type="text/javascript" src="js/easing.js"></script>
        <script type="text/javascript">
            jQuery(document).ready(function ($) {
                $(".scroll").click(function (event) {
                    event.preventDefault();
                    $('html,body').animate({ scrollTop: $(this.hash).offset().top }, 1000);
                });
            });
        </script>
        <!-- start-smoth-scrolling -->
        <!-- for bootstrap working -->
        <script src="js/bootstrap.js"></script>
        =
        <script src="js/main.js"></script>
        <script type="module" src="./js/config/api.js"></script>

        <script src="./js/index/index.js"></script>
        <script src="./js/screen.js"></script>
        <script type="text/javascript">
            $(function () {
                $('.navbotton').mousemove(function () {
                    $(this).addClass('bagStyle').siblings().removeClass('bagStyle')
                })

            })

            function jump(val) {
                //点击类目页面滚动到指定位置
                /**
                 *  customers 品牌客户
                 business主营业务
                 advantage悦为优势
                 process合作流程
                 *
                 */
                let x = $(`#${val}`).offset().top;
                $("html,body").animate({ scrollTop: x - "260" + "px" }, x);

            }
        </script>

    </div>


</body>
<script type="text/javascript">
    $(function () {
        $(".dropdown").mouseover(function () {
            $(this).addClass("open");
        });

        $(".dropdown").mouseleave(function () {
            $(this).removeClass("open");
        })

    })

</script>

<script>
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "http://hm.baidu.com/hm.js?be558b2a2f1649a03d73e75054f0dd0b";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>

</html>