<!DOCTYPE html>
<html lang="zh_CN">

<head>
    
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport">
    <title>青岛华医健康管理集团有限责任公司市北灵枢中医诊所</title>
<meta name="keywords" content="中医技术,小儿推拿,小儿针灸,小儿抽动症,小儿精神病,小儿肺炎" />
<meta name="description" content="陈为章官网，市北灵枢中医诊所以中医技术（小儿推拿，小儿针灸）研发、推广为主业。陈为章老师 186-6142-3818" />
    <link href="css/animate.min.css" rel="stylesheet" type="text/css" />
    <link href="css/banner.css" rel="stylesheet" type="text/css" />
    <link href="css/swiper.min.css" rel="stylesheet" type="text/css" />
    <link href="css/swiper-4.1.6.min.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/style2.css">


    <script src="js/jquery.min.js"></script>
    <script src="js/swiper.min.js"></script>
    <script src="js/swiper.animate1.0.3.min.js"></script>
    <script src="js/wow.min.js"></script>
    <script>
        new WOW().init();
     </script>    
</head>

<body>
    <div class="top_pc pc_none">
        <img class="float_l logo" src="img/logo.png" />
        <div class="float_r nav">
                 <div class="float_l yiji xuanzhong"><a href="index.php"><div class="p1">网站首页</div>
				 <div class="p2">网站首页</div>
				 </a><div class="erji"></div></div> <div class="float_l yiji"><a href="single.php?cid=62"><div class="p1">关于我们</div>
				 <div class="p2">关于我们</div>
				 </a><div class="erji"></div></div> <div class="float_l yiji"><a href="single.php?cid=63"><div class="p1">服务项目</div>
				 <div class="p2">服务项目</div>
				 </a><div class="erji"></div></div> <div class="float_l yiji"><a href="single.php?cid=75"><div class="p1">小儿抽动治疗</div>
				 <div class="p2">小儿抽动治疗</div>
				 </a><div class="erji"></div></div> <div class="float_l yiji"><a href="gallery.php?cid=3"><div class="p1">诊所动态</div>
				 <div class="p2">诊所动态</div>
				 </a><div class="erji"></div></div> <div class="float_l yiji"><a href="gallery.php?cid=5"><div class="p1">诊所实景</div>
				 <div class="p2">诊所实景</div>
				 </a><div class="erji"></div></div> <div class="float_l yiji"><a href="single.php?cid=76"><div class="p1">小儿推拿针灸学习</div>
				 <div class="p2">小儿推拿针灸学习</div>
				 </a><div class="erji"></div></div> <div class="float_l yiji"><a href="list.php?cid=6"><div class="p1">新闻动态</div>
				 <div class="p2">新闻动态</div>
				 </a><div class="erji"></div></div> <div class="float_l yiji"><a href="gallery.php?cid=77"><div class="p1">宝妈乐园</div>
				 <div class="p2">宝妈乐园</div>
				 </a><div class="erji"></div></div> <div class="float_l yiji"><a href="message.php"><div class="p1">在线留言</div>
				 <div class="p2">在线留言</div>
				 </a><div class="erji"></div></div> <div class="float_l yiji"><a href="contact.php"><div class="p1">联系我们</div>
				 <div class="p2">联系我们</div>
				 </a><div class="erji"></div></div>                    <div class="clear"></div>
        </div>
        <div class="clear"></div>
    </div>
    <div class="banner banner_pc pc_none">
        <div class="slider swiper-container swiper-container-horizontal swiper-container-wp8-horizontal" id="slider">
            <dl class="sliderBox swiper-wrapper" style="transform: translate3d(-3806px, 0px, 0px); transition-duration: 1200ms;">
                <dd class="sliderItem swiper-slide swiper-slide-active" style="background-image: url(img/banner1.jpg);"></dd><dd class="sliderItem swiper-slide swiper-slide-active" style="background-image: url(img/banner2.jpg);"></dd><dd class="sliderItem swiper-slide swiper-slide-active" style="background-image: url(img/banner3.jpg);"></dd>            </dl>
            
            <ul class="slidernav swiper-pagination">
                <li class="">
						<div class="slidernavFt">
							<div class="sildernavMainTit">Personal introduction</div>
							<div class="sildernavSubTit">陈为章主任</div>
						</div>
						<div class="slidernavIco">
							<div class="silderIco iconfont icon-next"></div>
							<div class="sildernavSvg">
								<svg width="100%" height="100%">
									<circle cx="25" cy="25" r="23" fill="none" stroke="#fff" stroke-width="2" stroke-dasharray="339" stroke-dashoffset="339"></circle>
								</svg>
							</div>
						</div>
					</li><li class="">
						<div class="slidernavFt">
							<div class="sildernavMainTit">traditional Chinese medicine technology</div>
							<div class="sildernavSubTit">中医技术</div>
						</div>
						<div class="slidernavIco">
							<div class="silderIco iconfont icon-next"></div>
							<div class="sildernavSvg">
								<svg width="100%" height="100%">
									<circle cx="25" cy="25" r="23" fill="none" stroke="#fff" stroke-width="2" stroke-dasharray="339" stroke-dashoffset="339"></circle>
								</svg>
							</div>
						</div>
					</li><li class="">
						<div class="slidernavFt">
							<div class="sildernavMainTit">Infantile tuina</div>
							<div class="sildernavSubTit">小儿推拿</div>
						</div>
						<div class="slidernavIco">
							<div class="silderIco iconfont icon-next"></div>
							<div class="sildernavSvg">
								<svg width="100%" height="100%">
									<circle cx="25" cy="25" r="23" fill="none" stroke="#fff" stroke-width="2" stroke-dasharray="339" stroke-dashoffset="339"></circle>
								</svg>
							</div>
						</div>
					</li>            </ul>
        </div>
    </div>
    <div class="shouji_none">
        <div class="shouji_top">
            <img class="logo" src="img/logo.png" />
            <a id="left-panel-link" href="#left-panel">
                <img src="img/icon_nav1.png">
                <img src="img/icon_nav2.png">
            </a> 
        </div>
        <script type="text/javascript">
            //导航
            $(function(){
                $(".shouji_top a img").on('click',function(){ 
                    $(".shouji_top a img").slideToggle(300)
                })
            })
        </script>
        <div class="swiper-container swiper-container-sj">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
						<img style="width: 100%;" src="img/phone1.jpg">
					</div><div class="swiper-slide">
						<img style="width: 100%;" src="img/phone2.jpg">
					</div><div class="swiper-slide">
						<img style="width: 100%;" src="img/phone3.jpg">
					</div>            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination swiper-pagination-sj"></div>

            <script>
                // banner轮播
                var mySwiper_sj = new Swiper ('.swiper-container-sj', {
                    direction: 'horizontal', // 轮播方向
                    autoplay:6000,  //自动轮播
                    loop: true, //循环
                    autoplayDisableOnInteraction : false,  //用户操作后不停止
                    pagination:".swiper-pagination-sj",/*分页器*/ 
                    paginationClickable :true,
                })
            </script>
        </div>
    </div>
    
    <!-- 中间 -->
    <div id="page" class="page">
        
        <div class="page_nr">
            <div class="width">
                <!-- 产品 -->
                <div class="product">
                    <div class="bt">
                        <div class="float_l">诊所动态<span>/ Clinic dynamic</span></div>
                        <div class="float_r dh1">
                            <a href="gallery.php?cid=3" class="float_l xz">全部产品</a>
                                                       <div class="clear"></div>
                        </div>
                        <div class="float_r dh2 shouji_none">
                            <div class="dakai">全部产品</div>
                            <div class="xiala">
                                                        </div>
                        </div>
                        <script type="text/javascript">
                            //导航
                            $(function(){
                                $(".dakai").on('click',function(){ 
                                    $(".xiala").slideToggle(300)
                                })
                            })
                        </script>
                        <div class="clear"></div>
                    </div>
                    <div class="product_img">
                        <div class="yihang"><a class="wow fadeInUp animated float_l show" data-wow-duration="0.6s" data-wow-delay="0.3s" id="326">
					<div class="img">
						<img src="uploads/image/20200708/1594195767.jpg">
						<div class="hover_bj"></div>
						<div class="hover">
							<div class="h6"> 针刺治疗皮肤疗效神速</div>
							<div class="xian"></div>
							<div class="p"> 小儿施针治疗通常二、三次治疗后愈，慢性湿疹需治疗一段时间</div>
							<div class="more">more ></div>
						</div>
					</div>
					<p>针刺治疗皮肤疗效神速</p>
				</a><a class="wow fadeInUp animated float_l show" data-wow-duration="0.6s" data-wow-delay="0.5s" id="314">
					<div class="img">
						<img src="uploads/image/20190625/1561441049.jpg">
						<div class="hover_bj"></div>
						<div class="hover">
							<div class="h6"> 诊所动态</div>
							<div class="xian"></div>
							<div class="p"> 我们的治疗特长使用小儿推拿或小儿针灸这绿色的治疗方法，治疗小儿的疾病</div>
							<div class="more">more ></div>
						</div>
					</div>
					<p>诊所动态</p>
				</a><a class="wow fadeInUp animated float_l show" data-wow-duration="0.6s" data-wow-delay="0.7s" id="316">
					<div class="img">
						<img src="uploads/image/20190625/1561442318.jpg">
						<div class="hover_bj"></div>
						<div class="hover">
							<div class="h6"> 诊所动态</div>
							<div class="xian"></div>
							<div class="p"> 我们的治疗特长使用小儿推拿或小儿针灸这绿色的治疗方法，治疗小儿的疾病</div>
							<div class="more">more ></div>
						</div>
					</div>
					<p>诊所动态</p>
				</a><a class="wow fadeInUp animated float_l show" data-wow-duration="0.6s" data-wow-delay="0.9s" id="315">
					<div class="img">
						<img src="uploads/image/20190625/1561441857.jpg">
						<div class="hover_bj"></div>
						<div class="hover">
							<div class="h6"> 诊所动态</div>
							<div class="xian"></div>
							<div class="p"> 我们的治疗特长使用小儿推拿或小儿针灸这绿色的治疗方法，治疗小儿的疾病</div>
							<div class="more">more ></div>
						</div>
					</div>
					<p>诊所动态</p>
				</a><div class="clear"></div></div>                    </div>
                    <script> 
                        $(document).ready(function(){
                            $(".product_img .show").click(function(){
                                $(".product_show_html").animate({right:'0'});
                                id = this.id;
                                $.ajax( {
                                    url: "product_ajax.php",
                                    type: "POST",
                                    data: {id:id},
                                    success: function (data) {//data中的数据就是De页面中count的数据
                                        $(".product_show_html").html(data);  
                                        $(".product_show_html .guanbi").click(function(){
                                            $(".product_show_html").animate({right:'-100vw'});
                                        });
                                    }
                                });
                            });
                           
                        });
                        
                    </script> 
                </div>
            </div>
        </div>
        <!-- 产品详情页 -->
        <div class="product_show_html">


        </div>

<script>
function next(id){
    if(id!=null){
        $.ajax( {
            url: "product_ajax.php",
            type: "POST",
            data: {
                id:id,
                type:'index',
            },
            success: function (data) {//data中的数据就是De页面中count的数据
                $(".product_show_html").html(data);  
                $(".product_show_html .guanbi").click(function(){
                    $(".product_show_html").animate({right:'-100vw'});
                });
            }
        });
    }
}
</script>
<script> 
    $(document).ready(function(){
        $(".product_img .show").click(function(){
            $(".product_show_html").animate({right:'0'});
        });
        $(".product_show_html .guanbi").click(function(){
            $(".product_show_html").animate({right:'-100vw'});
        });
        $(".index_case .lunbo .case a").click(function(){
            $(".product_show_html").animate({right:'0'});
            id = this.id;
            $.ajax( {
                url: "product_ajax.php",
                type: "POST",
                data: {
                    id:id,
                    type:'index'
                    },
                success: function (data) {//data中的数据就是De页面中count的数据
                    $(".product_show_html").html(data);  
                    $(".product_show_html .guanbi").click(function(){
                        $(".product_show_html").animate({right:'-100vw'});
                    });
                }
            });
        });
    });
</script> 

        <!-- 公司简介 -->
        <div class="index_about">
            <div class="float_l modular1"></div>
            <div class="float_l modular2">
                <div class="wow bounceInRight animated bt1" data-wow-duration="1s" data-wow-delay="0.3s">关于我们</div>
                <div class="wow bounceInRight animated bt2" data-wow-duration="1s" data-wow-delay="0.3s">project show</div>
                <div class="wow bounceInRight animated text" data-wow-duration="1s" data-wow-delay="0.3s">
                   <p>
	<span style="line-height:2;">青岛华医健康管理有限责任公司市北灵枢中医诊所隶属于陈为章公司，诊所占地600平方米，陈为章公司成立于2014年，成立之始，以中医技术（小儿推拿，小儿针灸）研发、推广为主业。</span> 
</p>
<p>
	<span style="line-height:2;">我们学术思想的渊源是陈氏家传中医文化并经过陈为章多...                </div>
                <a href="single.php?cid=62" class="wow bounceInRight animated more_button" data-wow-duration="1s" data-wow-delay="0.3s">more ></a>
            </div>
            <div class="float_l modular3">
                <div class="mt">
                    <div class="wow bounceInLeft animated kuandu" data-wow-duration="1s" data-wow-delay="0.3s">
                        <div class="float_l img">
                            <img src="img/about_icon1.png">
                        </div>
                        <div class="float_l text">
                            <div class="h6">理论优势</div>
                            <p>我们的学术思想的渊源是陈为章秉其三世家学，并经过多年的临床实践而形成的全新理论。</p>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
                <div class="mt">
                    <div class="wow bounceInLeft animated kuandu" data-wow-duration="1s" data-wow-delay="0.5s">
                        <div class="float_l img">
                            <img src="img/about_icon2.png">
                        </div>
                        <div class="float_l text">
                            <div class="h6">诊所优势</div>
                            <p>我们的学术成就是由中央及省、市(青岛市)三级电视台报道的小儿针灸与推拿</p>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
                <div class="mt">
                    <div class="wow bounceInLeft  animated kuandu" data-wow-duration="1s" data-wow-delay="0.7s">
                        <div class="float_l img">
                            <img src="img/about_icon3.png">
                        </div>
                        <div class="float_l text">
                            <div class="h6">人才优势</div>
                            <p>陈为章主任  从小跟父学医，家传三世。擅长针灸推拿治疗小儿抽动症、小儿精神病。
</p>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
            </div>
            <div class="float_l modular4">
                <div class="wow bounceInRight animated text" data-wow-duration="1s" data-wow-delay="0.3s">
                    <div class="bt">青岛华医健康管理集团有限责任公司</div>
                    <div class="bt" style="margin-bottom: 32px;">以中医技术研发、推广为主业</div>
                    <p>我们的学术成就是由中央及省、市（青岛市）三级电视台报道的小儿针灸与推拿。我们的治疗特长使用小儿推拿或小儿针灸这绿色的治疗方法，治疗小儿的疾病，使孩子脱离抗生素可能的滥用造成对肌体的伤害。</p>
                    <div class="lexian">服务热线：<span>15621126131</span></div>
                </div>
            </div>
            <div class="clear"></div>
        </div>

        <!-- 解决方案 -->
        <div class="index_case">
            <div class="bj_1"></div>
            <div class="bj_2"></div>
            <div class="neirong">
                <div class="biaoti">
                    <div class="p1">诊所实景</div>
                    <div class="p2">
                        <div class="xian"></div>
                        <p class="">Clinic imaging</p>
                        <div class="xian"></div>
                    </div>
                </div>
                <div class="lunbo">
                    <div class="swiper-container swiper-container-c">
                        <div class="swiper-wrapper">
                            
                        <div class="swiper-slide"><div class="case"><a class="wow fadeInUp animated float_l" data-wow-duration="0.6s" data-wow-delay="0.3s" id=325>
					<img src="uploads/image/20190625/1561435482.jpg">
					<div class="text">
						<div class="p1">诊所实景</div>
						<div class="p2"></div>
						<p>依此理论所建立的用针灸的方法治疗小儿抽动症、小儿精神病及小儿肺炎等顽固性疾病，确实展现出了中医学的神奇疗效。</p>
						<div class="more">more ></div>
					</div>
				</a><a class="wow fadeInUp animated float_l" data-wow-duration="0.6s" data-wow-delay="0.5s" id=324>
					<img src="uploads/image/20190625/1561439983.jpg">
					<div class="text">
						<div class="p1">诊所实景</div>
						<div class="p2"></div>
						<p>依此理论所建立的用针灸的方法治疗小儿抽动症、小儿精神病及小儿肺炎等顽固性疾病，确实展现出了中医学的神奇疗效。</p>
						<div class="more">more ></div>
					</div>
				</a><a class="wow fadeInUp animated float_l" data-wow-duration="0.6s" data-wow-delay="0.7s" id=323>
					<img src="uploads/image/20190625/1561433791.jpg">
					<div class="text">
						<div class="p1">诊所实景</div>
						<div class="p2"></div>
						<p>依此理论所建立的用针灸的方法治疗小儿抽动症、小儿精神病及小儿肺炎等顽固性疾病，确实展现出了中医学的神奇疗效。</p>
						<div class="more">more ></div>
					</div>
				</a><a class="wow fadeInUp animated float_l" data-wow-duration="0.6s" data-wow-delay="0.9s" id=322>
					<img src="uploads/image/20190625/1561441507.jpg">
					<div class="text">
						<div class="p1">诊所实景</div>
						<div class="p2"></div>
						<p>依此理论所建立的用针灸的方法治疗小儿抽动症、小儿精神病及小儿肺炎等顽固性疾病，确实展现出了中医学的神奇疗效。</p>
						<div class="more">more ></div>
					</div>
				</a><div class="clear"></div>
							</div>
						</div><div class="swiper-slide"><div class="case"><a class="wow fadeInUp animated float_l" data-wow-duration="0.6s" data-wow-delay="0.3s" id=321>
					<img src="uploads/image/20190625/1561434438.jpg">
					<div class="text">
						<div class="p1">诊所实景</div>
						<div class="p2"></div>
						<p>依此理论所建立的用针灸的方法治疗小儿抽动症、小儿精神病及小儿肺炎等顽固性疾病，确实展现出了中医学的神奇疗效。</p>
						<div class="more">more ></div>
					</div>
				</a><a class="wow fadeInUp animated float_l" data-wow-duration="0.6s" data-wow-delay="0.5s" id=320>
					<img src="uploads/image/20190625/1561435507.jpg">
					<div class="text">
						<div class="p1">诊所实景</div>
						<div class="p2"></div>
						<p>依此理论所建立的用针灸的方法治疗小儿抽动症、小儿精神病及小儿肺炎等顽固性疾病，确实展现出了中医学的神奇疗效。</p>
						<div class="more">more ></div>
					</div>
				</a><a class="wow fadeInUp animated float_l" data-wow-duration="0.6s" data-wow-delay="0.7s" id=319>
					<img src="uploads/image/20190625/1561436370.jpg">
					<div class="text">
						<div class="p1">诊所实景</div>
						<div class="p2"></div>
						<p>依此理论所建立的用针灸的方法治疗小儿抽动症、小儿精神病及小儿肺炎等顽固性疾病，确实展现出了中医学的神奇疗效。</p>
						<div class="more">more ></div>
					</div>
				</a><div class="clear"></div>
							</div>
						</div>
                        </div>
                        
                    </div>
                    <!-- 如果需要分页器 -->
                    <div class="swiper-pagination swiper-pagination-c"></div>
            
                    <div class="swiper-button-prev swiper-button-prev-c"></div>
                    <div class="swiper-button-next swiper-button-next-c"></div>
        
                    <script>
                        var mySwiper_b = new Swiper ('.swiper-container-c', {
                            direction: 'horizontal', // 轮播方向
                            autoplay:6000,  //自动轮播
                            loop: true, //循环
                            autoplayDisableOnInteraction : false,  //用户操作后不停止
                            pagination:".swiper-pagination-c",/*分页器*/ 
                            paginationClickable :true,
                            prevButton:'.swiper-button-prev-c',
                            nextButton:'.swiper-button-next-c',
                        })
                    </script>
                </div>
            </div>
        </div>

        <!-- 行业动态 -->
        <div class="index_news">
            <div class="bt">
                <div class="float_l">
                    <div>
                        新闻动态<span>/ News center</span>
                    </div>
                </div>
                <div class="float_r">
                    <div>
                        <a href="list.php?cid=6">more ></a>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
           <div class="float_l left">
							<a href="listshow.php?cid=6&id=61" class="wow bounceInLeft animated list" data-wow-duration="1s" data-wow-delay="0.3s">
								<div class="img">
									<img src="uploads/image/20200708/1594201880.jpg">
								</div>
								<div class="biaoti">山东陈为章中医药科技有限公司2020年8月中医技术转让交流会</div>
								<div class="shijian">发布时间：2020-07-08</div>
								<p></p>
							</a>
						</div><div class="float_l right">
								<a href="listshow.php?cid=6&id=59" class="wow bounceInRight animated list" data-wow-duration="1s" data-wow-delay="0.3s">
									<div class="float_l img">
										<img src="uploads/image/20190625/1561451662.jpg">
									</div>
									<div class="float_r text">
										<div class="biaoti">中医技术理论交流会</div>
										<div class="shijian">发布时间：2019-06-25</div>
										<p>我们的学术追求是让我们《陈为章谈小儿推拿与针灸》中创立的学说经得起千年历史的检验，是为人类谋福祉，在创建人类命运共同体的伟大事业中贡献自己的...</p>
									</div>
									<div class="clear"></div>
								</a><a href="listshow.php?cid=6&id=58" class="wow bounceInRight animated list" data-wow-duration="1s" data-wow-delay="0.3s">
								<div class="float_l img">
									<img src="uploads/image/20190625/1561446382.jpg">
								</div>
								<div class="float_r text">
									<div class="biaoti">市北灵枢中医诊所服务项目</div>
									<div class="shijian">发布时间：2019-06-25</div>
									<p>小儿疾病的治疗：小儿抽动症、小儿神经病及小儿常见病的中医治疗。成人疾病的治疗：顽固性头痛、慢性咽炎、慢性腰痛、肩周炎等病的中医治疗。妇科治疗...</p>
								</div>
								<div class="clear"></div>
							</a>
						</div>            <div class="clear"></div>
        </div>
        
        <!-- 联系我们 -->
        <div class="index_contact">
            <div class="wow bounceInLeft animated float_l" data-wow-duration="1s" data-wow-delay="0.3s">
               
                <div class="h3">
	联系我们
</div>
<div class="h4">
	Contact us
</div>
<div class="xian">
</div>
<div class="h6">
	青岛华医健康管理集团有限责任公司市北灵枢中医诊所</div>
<div class="text">
 <p>
	陈为章老师 186-6142-3818
</p>
<p>
	灵枢中医门诊部：陈坤 156-2112-6131
</p>
<p>
	理论研究与编辑部：陈茘彤178-5459-8272
</p>
<p>
	招生部：陈涛 186-6979-7182
</p>
<p>
	地址：山东省青岛市市北区昌化路29-1号1层
</p>
<p>
	诊所预约电话：陈坤 15621126131
</p>
</div>
                <a class="ditu pc_none">在线地图</a>
                <a class="ditu shouji_none">在线地图</a>
            </div>
            <div class="float_r">
               <script type="text/javascript">
function isChinese(temp)
{
        var re = new RegExp("^[\\u4e00-\\u9fa5]+$", "");
        if (re.test(temp)) return false ;
        return true ;
}
function cfm_msg()
{
  
     if(isChinese($("#nickname").val()))
    {
        alert("请填写正确的姓名！");
        $("#nickname").focus();
        return false;
    }

        if($("#nickname").val() == "")
    {
        alert("请填写姓名！");
        $("#nickname").focus();
        return false;
    }
        var c_mobile=/^1(3|4|5|7|8)\d{9}$/;
        if(!(c_mobile.test($("#contact").val())))
    {
        alert("请填写正确的手机号！");
        $("#contact").focus();
        return false;
    }
    if($("#content1").val() == "")
    {
        alert("请填写留言内容！");
        $("#content1").focus();
        return false;
    }
    $("#form").submit();
}
</script>


<form name="form" id="form" method="post" action="">
	<input class="wow fadeInUp animated" data-wow-duration="0.6s" data-wow-delay="0.3s" type="text" placeholder="姓名" name="nickname" id="nickname"/>
	<input class="wow fadeInUp animated" data-wow-duration="0.6s" data-wow-delay="0.3s" type="text" placeholder="电话" name="contact" id="contact"/>
	<input class="wow fadeInUp animated" data-wow-duration="0.6s" data-wow-delay="0.3s" type="text" placeholder="邮箱" name="email" id="email"/>
	<textarea class="wow fadeInUp animated" data-wow-duration="0.6s" data-wow-delay="0.3s" placeholder="备注" name="content" id="content1"></textarea>
	<a class="wow fadeInUp animated" data-wow-duration="0.6s" data-wow-delay="0.3s" href="##" onclick="cfm_msg();return false;">提  交</a>
	<input type="hidden" name="action" id="action" value="add" />
</form>



            </div>
            <div class="clear"></div>
        </div>

        <script> 
            $(document).ready(function(){
                $(".index_contact .pc_none").click(function(){
                    $(".tk_map").animate({right:'20vw'});
                });
                $(".tk_map .guanbi").click(function(){
                    $(".tk_map").animate({right:'-100vw'});
                });
                $(".index_contact .shouji_none").click(function(){
                    $(".tk_map").animate({right:'0vw'});
                });
            });
        </script> 
        <div class="tk_map">
            <a class="guanbi"></a>
            <div id="dituContent"></div>
            <style type="text/css">
                .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
                .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
            </style>
            <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=GGuFA5kdml2LVngIMRDpg0PATXZiutW9"></script>
            <script type="text/javascript">
                //创建和初始化地图函数：
                function initMap(){
                    createMap();//创建地图
                    setMapEvent();//设置地图事件
                    addMapControl();//向地图添加控件
                    addMarker();//向地图中添加marker
                }
                
                //创建地图函数：
                function createMap(){
                    var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
                    var point = new BMap.Point(120.364307,36.119186);//定义一个中心点坐标
                    map.centerAndZoom(point,17);//设定地图的中心点和坐标并将地图显示在地图容器中
                    window.map = map;//将map变量存储在全局
                }
                
                //地图事件设置函数：
                function setMapEvent(){
                    map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
                    map.enableScrollWheelZoom();//启用地图滚轮放大缩小
                    map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
                    map.enableKeyboard();//启用键盘上下左右键移动地图
                }
                
                //地图控件添加函数：
                function addMapControl(){
                    //向地图中添加缩放控件
                var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
                map.addControl(ctrl_nav);
                    //向地图中添加缩略图控件
                var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
                map.addControl(ctrl_ove);
                    //向地图中添加比例尺控件
                var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
                map.addControl(ctrl_sca);
                }
                
                //标注点数组
                var markerArr = [{title:"青岛华医健康管理集团有限责任公司市北灵枢中医诊所",content:"咨询电话：15621126131<br/>联系人：陈老师<br/>公司地址：山东省青岛市市北区昌化路29-1号1层",point:"120.364307|36.119186",isOpen:1,icon:{w:23,h:25,l:46,t:21,x:9,lb:12}}
                        ];
                //创建marker
                function addMarker(){
                    for(var i=0;i<markerArr.length;i++){
                        var json = markerArr[i];
                        var p0 = json.point.split("|")[0];
                        var p1 = json.point.split("|")[1];
                        var point = new BMap.Point(p0,p1);
                        var iconImg = createIcon(json.icon);
                        var marker = new BMap.Marker(point,{icon:iconImg});
                        var iw = createInfoWindow(i);
                        var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
                        marker.setLabel(label);
                        map.addOverlay(marker);
                        label.setStyle({
                                    borderColor:"#808080",
                                    color:"#333",
                                    cursor:"pointer"
                        });
                        
                        (function(){
                            var index = i;
                            var _iw = createInfoWindow(i);
                            var _marker = marker;
                            _marker.addEventListener("click",function(){
                                this.openInfoWindow(_iw);
                            });
                            _iw.addEventListener("open",function(){
                                _marker.getLabel().hide();
                            })
                            _iw.addEventListener("close",function(){
                                _marker.getLabel().show();
                            })
                            label.addEventListener("click",function(){
                                _marker.openInfoWindow(_iw);
                            })
                            if(!!json.isOpen){
                                label.hide();
                                _marker.openInfoWindow(_iw);
                            }
                        })()
                    }
                }
                //创建InfoWindow
                function createInfoWindow(i){
                    var json = markerArr[i];
                    var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");
                    return iw;
                }
                //创建一个Icon
                function createIcon(json){
                    var icon = new BMap.Icon("http://map.baidu.com/image/us_mk_icon.png", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
                    return icon;
                }
                
                initMap();//创建和初始化地图
            </script>
        </div>

        <div class="bottom">
    <div class="floatphone">
        <a href="tel:15621126131">
            <img src="img/floatphone.jpg" alt="">
        </a>
    </div>
            <div class="float_l">版权所有 2019-2020  青岛华医健康管理集团有限责任公司市北灵枢中医诊所 版权所有&nbsp;<a href="http://beian.miit.gov.cn" target="_blank">鲁ICP备18047277号-2</a></div>
            <div class="float_r">
                友情链接：<a href="http://www.baidu.com/" target="_blank">百度</a><div class="yqlj"><a href="http://www.shangzhixin.com" target="_blank">商至信</a><div class="yqlj"></div>            </div>
            <div class="clear"></div>
        </div>
    </div>
    
    <div id="fanhui" ></div>
    <script>
        function gotoTop(min_height){
    //预定义返回顶部的html代码，它的css样式默认为不显示
            var gotoTop_html = '';
    //将返回顶部的html代码插入页面上id为page的元素的末尾
            $("#page").append(gotoTop_html);
            $("#fanhui").click(//定义返回顶部点击向上滚动的动画
                function(){$('html,body').animate({scrollTop:0},700);
                });
    //获取页面的最小高度，无传入值则默认为600像素
            min_height ? min_height = min_height : min_height = 600;
    //为窗口的scroll事件绑定处理函数
            $(window).scroll(function(){
    //获取窗口的滚动条的垂直位置
                var s = $(window).scrollTop();
    //当窗口的滚动条的垂直位置大于页面的最小高度时，让返回顶部元素渐现，否则渐隐
                if( s > min_height){
                    $("#fanhui").fadeIn(100);
                }else{
                    $("#fanhui").fadeOut(200);
                };
            });
        };
        gotoTop();
    </script>
    

    <!-- 手机左侧 -->
    <div id="left-panel" class="panel">
        <dl class="list_dl">
            
            <dt class="list_dt" id="open">
						<a href="index.php">
							<span class="_after"></span>
							<p>网站首页</p>
						</a>
					</dt><dd class="list_dd" style="display:block;"><ul></ul><dt class="list_dt">
						<a href="single.php?cid=62">
							<span class="_after"></span>
							<p>关于我们</p>
						</a>
					</dt><dd class="list_dd"><ul></ul><dt class="list_dt">
						<a href="single.php?cid=63">
							<span class="_after"></span>
							<p>服务项目</p>
						</a>
					</dt><dd class="list_dd"><ul></ul><dt class="list_dt">
						<a href="single.php?cid=75">
							<span class="_after"></span>
							<p>小儿抽动治疗</p>
						</a>
					</dt><dd class="list_dd"><ul></ul><dt class="list_dt">
						<a href="gallery.php?cid=3">
							<span class="_after"></span>
							<p>诊所动态</p>
						</a>
					</dt><dd class="list_dd"><ul></ul><dt class="list_dt">
						<a href="gallery.php?cid=5">
							<span class="_after"></span>
							<p>诊所实景</p>
						</a>
					</dt><dd class="list_dd"><ul></ul><dt class="list_dt">
						<a href="single.php?cid=76">
							<span class="_after"></span>
							<p>小儿推拿针灸学习</p>
						</a>
					</dt><dd class="list_dd"><ul></ul><dt class="list_dt">
						<a href="list.php?cid=6">
							<span class="_after"></span>
							<p>新闻动态</p>
						</a>
					</dt><dd class="list_dd"><ul></ul><dt class="list_dt">
						<a href="gallery.php?cid=77">
							<span class="_after"></span>
							<p>宝妈乐园</p>
						</a>
					</dt><dd class="list_dd"><ul></ul><dt class="list_dt">
						<a href="message.php">
							<span class="_after"></span>
							<p>在线留言</p>
						</a>
					</dt><dd class="list_dd"><ul></ul><dt class="list_dt">
						<a href="contact.php">
							<span class="_after"></span>
							<p>联系我们</p>
						</a>
					</dt><dd class="list_dd"><ul></ul>
        </dl>
        <script type="text/javascript">
            $(".list_dt").on("click",function () {
                $('.list_dd').stop();
                $(this).siblings("dt").removeAttr("id");
                if($(this).attr("id")=="open"){
                    $(this).removeAttr("id").siblings("dd").slideUp();
                }else{
                    $(this).attr("id","open").next().slideDown().siblings("dd").slideUp();
                }
            });
        </script>
    </div>

    <script src="js/jquery.panelslider.js"></script>
    <script>
        $('#left-panel-link').panelslider();
        // $('.right-panel-link').panelslider({side: 'right', clickClose: false, duration: 200 });
        $('#close-panel-bt').click(function() {
        $.panelslider.close();
        });
    </script>
    <script src="js/banner.js"></script>
    
    
    <!--手机网站上一键拨号-->
    <div id="bottom">
	<ul>
    	<li>
        <a href="index.php">
        <dl>
            <dt><img src="img/icon_1.png" width="25" height="25" /></dt>
            <dd>网站主页</dd>
        </dl>
        </a>
        </li>
        
        
        <li>
        <a href="tel:15621126131">
        <dl>
            <dt><img src="img/icon_4.png" width="25" height="25" /></dt>
            <dd>热线电话</dd>
        </dl>
        </a>
        </li>
        
            </ul>
</div>

</body>

</html>