

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>有道集团-为您创造美好汽车生活</title>
<meta name="keywords" content="有道集团,有道汽车,有道汽车价格,有道汽车官方网站,友道会" />
<meta name="description" content="广东有道汽车集团股份有限公司主营汽车销售以及汽车服务全产业链，拥有饰和、道道好车、友道出行、禾信金融、海圳广宇、广州值通、广西值通、湖南值通、汽车配件供应链公司（长沙鸿道、广西粤道）、南沙汽车拆解项目（广东国宏盈通实业有限公司）等多家产业链子公司，搭建汽车全生命周期服务体系。" />
<mata name="author" content="广州卓杰科技  - http://www.zhuojie.cc"/>

    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="apple-mobile-web-app-title" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=640,user-scalable=no" />

    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" type="text/css" href="css/youdao.css">
        <script type="text/javascript" src="js/jquery.min.js"></script>
    <style type="text/css">
        select {
            width: 49%;
            padding: 10px 0 10px 0;
        }
    </style>
</head>

<body>

    

<div class="fix_box">
    <img src="/images/icon.png" />
    <div class="fix1">快捷导航</div>
    <div class="fix2"><a href="/Allbooking.aspx">试驾申请</a></div>
    <div class="fix2"><a href="tencent://Message/?Uin=2291808904&amp;site=有道汽车集团&amp;websiteName=&amp;Menu=yes" target="_blank">在线客服</a></div>
    <div class="fix3">
        <img src="/upload/1801/20181279793.jpg" alt="" width="100">
        <p>关注公众号获得更尊贵服务</p>
    </div>
</div>
<header>
    <div class="header1">
        <div class="container">
            <a href="/default.aspx" class="logo right">
                <img src="/upload/2107/20217242649.jpg" alt="" style="display: block;"></a>
            
            <p class=" hot_tel left">服务热线：<span>400-800-1-365</span></p>
            <div class="clear"></div>
        </div>
    </div>
    <nav>
        <div class="container">
            <ul class="nav_list">
                <li><a href="/default.aspx" >首页</a></li>
                <li>
                    <img src="images/img2.jpg" alt=""></li>
                <li>
                    <a href="/About.aspx?x=1" >关于有道</a>
                    <div class="nav_list2_box">
                        <ul class="nav_list2">
                            
                            <li><a href="/About.aspx?x=1">集团简介</a></li>
                            
                            <li><a href="/About.aspx?x=2">发展历程</a></li>
                            
                            <li><a href="/About.aspx?x=3">集团荣誉</a></li>
                            
                            <li><a href="/About.aspx?x=4">联系我们</a></li>
                            
                            <li><a href="/About.aspx?x=5&sa=1">人才引进</a></li>
                            
                        </ul>
                    </div>
                </li>
                <li>
                    <img src="images/img2.jpg" alt=""></li>
                <li>
                    <a href="/News.aspx?code=0201" >新闻中心</a>
                    <div class="nav_list2_box">
                        <ul class="nav_list2">
                            
                            <li><a href="/News.aspx?code=0201">集团动态</a></li>
                            
                            <li><a href="/News.aspx?code=0202">展会信息</a></li>
                            
                            <li><a href="/News.aspx?code=0203">促销活动</a></li>
                            
                            <li><a href="/News.aspx?code=0204">行业资讯</a></li>
                            
                        </ul>
                    </div>
                </li>
                <li>
                    <img src="images/img2.jpg" alt=""></li>
                <li><a href="/brand.aspx?code=02" >经营品牌</a></li>
                <li>
                    <img src="images/img2.jpg" alt=""></li>
                <li>
                    <a href="/Server.aspx?code=0401" >增值服务</a>
                    <div class="nav_list2_box">
                        <ul class="nav_list2">
                            
                            <li><a href="/Server.aspx?code=0401">改改改装</a></li>
                            
                            <li><a href="/Server.aspx?code=0402">道道好车</a></li>
                            
                            <li><a href="/Server.aspx?code=0403">广州饰和</a></li>
                            
                            <li><a href="/Server.aspx?code=0404">友道出行</a></li>
                            
                            <li><a href="/Server.aspx?code=0405">禾信融资租赁</a></li>
                            
                        </ul>
                    </div>
                </li>
                <li>
                    <img src="images/img2.jpg" alt=""></li>
                <li>
                    <a href="/Distribution.aspx" class="nav_active"
                        >您身边的有道</a>
                    <div class="nav_list2_box">
                        <ul class="nav_list2">
                            <li><a href="/Distribution.aspx">分店查询</a></li>
                        </ul>
                    </div>
                </li>
                <li>
                    <img src="images/img2.jpg" alt=""></li>
                <li>
                    <a href="/Member.aspx?x=1" >友道会</a>
                    <div class="nav_list2_box">
                        <ul class="nav_list2">
                            <li><a href="/Member.aspx?x=1">友道会简介</a></li>
                            <li><a href="/Member.aspx?x=2">会员章程</a></li>
                            <li><a href="/Member.aspx?x=3">会员活动</a></li>
                            <li><a href="/Member.aspx?x=4">会员手册</a></li>
                            <li><a href="/Member.aspx?x=5">入会申请</a></li>
                        </ul>
                    </div>
                </li>
                <li>
                    <img src="images/img2.jpg" alt=""></li>
                <li><a href="/Investorrelations.aspx?s=0801&code=080101" >投资者关系</a>
                    <div class="nav_list2_box">
                        <ul class="nav_list2">
                            <li><a href="/Investorrelations.aspx?s=0801&code=080101">信息披露</a></li>
                            <li><a href="/Investorrelations.aspx?s=0802&code=080202">公司治理</a></li>
                            <li><a href="/Investorrelations.aspx?s=0803">股价信息</a></li>
                            <li><a href="/Investorrelations.aspx?s=0804&code=0804">投资者交流</a></li>
                        </ul>
                    </div>
                </li>
                <div class="clear"></div>
            </ul>
        </div>
    </nav>
    <div class="phone_nav_btn">
        <span></span>
        <span></span>
        <span></span>
    </div>
    <ul class="phone_nav">
        <li><a href="/default.aspx">首页</a></li>
        <li><a href="/About.aspx?x=1">关于有道</a></li>
        <li><a href="/News.aspx?code=0201">新闻中心</a></li>
        <li><a href="/brand.aspx?code=0301">经营品牌</a></li>
        <li><a href="/Server.aspx?code=0401">增值服务</a></li>
        <li><a href="/Distribution.aspx">您身边的有道</a></li>
        <li><a href="/Member.aspx?x=1">友道会</a></li>
        <li><a href="/Investorrelations.aspx?s=0801&code=080101">投资者关系</a></li>
    </ul>
</header>



    <div class="banner">
        <img src="/upload/1801/2018152050.jpg" alt="">
    </div>

    <section class="sec_youdao">
        <div class="container" id="main">
            <p class="com_title1">您身边的有道</p>
            <p class="com_title2">Youdao  around  you</p>
            <div class="left sel_box">
                <div style="margin-bottom: 18px;">
                    <select name="s_province" id="province" onchange="kind()">
                        
                        <option value="01">广东省</option>
                        
                        <option value="02">广西省</option>
                        
                        <option value="03">湖南省</option>
                        
                    </select>
                    <select name="s_city" id="city" onchange="list()">
                        
                        <option value="0101">广州</option>
                        
                        <option value="0102">深圳</option>
                        
                        <option value="0103">佛山</option>
                        
                        <option value="0104">汕头</option>
                        
                        <option value="0105">清远</option>
                        
                        <option value="0106">从化</option>
                        
                        <option value="0107">湛江</option>
                        
                        <option value="0108">江门</option>
                        
                        <option value="0109">潮州</option>
                        
                        <option value="0110">中山</option>
                        
                    </select>
                    <div id="show"></div>
                </div>
                <div class="products">
                    <ul>
                        
                        <li onclick="prolist(16)"><a href="javascript:;" onclick="prolist(16)">广州番禺哈弗</a></li>
                        
                        <li onclick="prolist(20)"><a href="javascript:;" onclick="prolist(20)">广州众道大众</a></li>
                        
                        <li onclick="prolist(23)"><a href="javascript:;" onclick="prolist(23)">广州饰和荣威</a></li>
                        
                        <li onclick="prolist(45)"><a href="javascript:;" onclick="prolist(45)">广东有道哈弗</a></li>
                        
                        <li onclick="prolist(46)"><a href="javascript:;" onclick="prolist(46)">广州友道哈弗</a></li>
                        
                        <li onclick="prolist(50)"><a href="javascript:;" onclick="prolist(50)">广州天河WEY</a></li>
                        
                        <li onclick="prolist(61)"><a href="javascript:;" onclick="prolist(61)">番禺有道WEY</a></li>
                        
                        <li onclick="prolist(66)"><a href="javascript:;" onclick="prolist(66)">广州天河欧拉</a></li>
                        
                        <li onclick="prolist(67)"><a href="javascript:;" onclick="prolist(67)">广州悦汇城欧拉</a></li>
                        
                        <li onclick="prolist(68)"><a href="javascript:;" onclick="prolist(68)">广州白云欧拉</a></li>
                        
                        <li onclick="prolist(75)"><a href="javascript:;" onclick="prolist(75)">广州友炮皮卡店</a></li>
                        
                    </ul>
                </div>
            </div>
            <div class="prolist">
                <div class="right map_box">
                    <img src="images/img47.jpg" alt="" style="display: block;">
                    <div class="map_cont">
                        <div class="img_box">
                            <img src="/upload/1906/20196207899.png" alt="">
                        </div>
                        <div class="com_cont">
                            <div class="left1 left">经销品牌：</div>
                            <div class="left2 left"><a href="/carindex.aspx?code=gzpy" target="_blank">长城哈弗</a></div>
                            <div class="clear"></div>
                        </div>
                        <div class="com_cont">
                            <div class="left1 left">店面地址：</div>
                            <div class="left2 left"><a href="/carindex.aspx?code=gzpy" target="_blank">广州市番禺区东环街大北路555号</a></div>
                            <div class="clear"></div>
                        </div>
                        <div class="com_cont">
                            <div class="left1 left">销售热线：</div>
                            <div class="left2 left">020-84668811</div>
                            <div class="clear"></div>
                        </div>
                        <div class="com_cont">
                            <div class="left1 left">售后电话：</div>
                            <div class="left2 left">020-84668811</div>
                            <div class="clear"></div>
                        </div>
                        <div class="com_cont">
                            <div class="left1 left">网　　址：</div>
                            <div class="left2 left"><a href="/carindex.aspx?code=gzpy" target="_blank">http://www.ydauto.cn/gzpy</a></div>
                            <div class="clear"></div>
                        </div>
                        <div class="text-center">
                            <img src="/upload/1906/20196208402.png" alt="" width="76">
                        </div>
                    </div>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </section>

    
    <footer>
        <div class="container">
            <ul class="left">
                <li><a href="/About.aspx?x=1">关于有道</a></li>
                <li><a href="javascript:;">合作伙伴</a></li>
                <li><a href="/About.aspx?x=5">人才引进</a></li>
                <li><a href="/About.aspx?x=4">联系我们</a></li>
                <li><a href="javascript:;">法律声明</a></li>
            </ul>
            <p class="right address">地址：广东省广州市天河区广汕二路119号&nbsp;&nbsp;服务热线：<span style="color: #da251d; font-weight: bold;">400-800-1-365</span></p>
            <div class="clear"></div>
        </div>
        <p class="copy">广东有道汽车集团股份有限公司  版权所有 Copyright &copy;2017&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://beian.miit.gov.cn" target="_blank">粤ICP备11008521号</a></p>
    </footer>
    <div id="tbox">
        <!-- 这个必须有  id="tbox"-->
        <a id="gotop" href="javascript:void(0)" title="回到顶部">回到顶部</a>
        <!-- 这个也是id="gotop"  -->
    </div>
        <script type="text/javascript">
        jQuery(document).ready(function ($) {
            function a(x, y) {
                l = $('#main').offset().left;
                w = $('#main').width();
                $('#tbox').css('left', (l + w + x) + 'px');
                $('#tbox').css('bottom', y + 'px');
            }//获取#tbox的div距浏览器底部和页面内容区域右侧的距离函数#main为页面的可视宽度
            $(function () {
                $(window).scroll(function () {
                    t = $(document).scrollTop();
                    if (t > 300) {
                        $('#gotop').fadeIn('slow');
                    } else {
                        $('#gotop').fadeOut('slow');
                    }
                })
                a(10, 100);//#tbox的div距浏览器底部和页面内容区域右侧的距离
                $('#gotop').click(function () {
                    $('body,html').animate({
                        scrollTop: 0
                    },
                    800);//点击回到顶部按钮，缓懂回到顶部,数字越小越快
                    return false;
                })
            });
        });
    </script>
    <!-- <ul class="phone_footer">
	<li class="pf_active"><a href="index.html" class="pf1 pfa_active">首页</a></li>
	<li><a href="tzjj_list.html" class="pf6">股权投资基金</a></li>
	<li><a href="hot_list.html" class="pf7">热门活动</a></li>
	<li><a href="personal_center.html" class="pf8">会员中心</a></li>
</ul> -->


    
    <script type="text/javascript" src="js/common.js"></script>
    <script type="text/javascript">
        function kind() {
            var kind = $("#province").val();
            var kinds = kind + "01";
            $.ajax({
                url: "/ajax/infor2.aspx",
                data: { "code": kind },
                type: "post",
                dataType: "text",
                success: function (data) {
                    $("#city").html(data);
                }
            })
            $.ajax({
                url: "/ajax/infor3.aspx",
                data: { "code": kinds },
                type: "post",
                dataType: "text",
                success: function (data) {
                    $(".products").html(data);
                }
            })
        }
        function list() {
            var list = $("#city").val();
            $.ajax({
                url: "/ajax/infor3.aspx",
                data: { "code": list },
                type: "post",
                dataType: "text",
                success: function (data) {
                    $(".products").html(data);
                }
            })
            $.ajax({
                url: "/ajax/infors.aspx",
                data: { "code": list },
                type: "post",
                dataType: "text",
                success: function (data) {
                    console.log(data);
                    $(".prolist").html(data);
                }
            })
        }
        function prolist(id) {
            var pid = id;
            $.ajax({
                url: "/ajax/infor.aspx",
                data: { "pid": pid },
                type: "post",
                dataType: "text",
                success: function (data) {
                    $(".prolist").html(data);
                }
            })
        }
    </script>
    <script type="text/javascript">

        $(document.body).on('click', '.map_box .map_cont>.close', function () {
            $(this).hide();
            $(this).parent().hide();
        })

        //  _init_area();

        //  var Gid = document.getElementById;
        // var showArea = function () {
        //    Gid('show').innerHTML = "<h3>省" + Gid('s_province').value + " - 市" + Gid('s_city').value + " - 县/区" + Gid('s_county').value + "</h3>"
        // }
        // Gid('s_county').setAttribute('onchange', 'showArea()');

    </script>

</body>


</html>
