fuyu
/
tjshop


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
							<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>昆仑医疗</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
<link href="style/style.css" rel="stylesheet" />
<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/nav.js"></script>
</head>

<body>
	<!--顶部-->
	<div class="index-top">
    	<button class="l left"></button>
        <div class="txt"><input name="" type="search" placeholder="搜索商品" /></div>
    </div>
    <div class="bgDiv"></div>
    <div class="leftNav">
    	<h3>商品分类</h3>
        <a href="#">全部</a>
        <a href="#">医技检查</a>
        <a href="#">商务礼品卡</a>
        <a href="#">商务体检套餐</a>
        <a href="#">全部</a>
        <a href="#">医技检查</a>
        <a href="#">商务礼品卡</a>
    </div>
	<!--轮播-->
	<style>
	.relative { position: relative; left: 0; top: 0;}
    .scroll { margin: 46px auto 0; max-width: 750px; height:180px; }
    .scroll_box { overflow: hidden; visibility: hidden; position: relative; }
    .scroll_wrap { overflow: hidden; position: relative; }
    .scroll_wrap li { position: relative; display: block; width: 100%; float: left; }
    .scroll_wrap li a { display: block; margin: 0 auto; position: relative; }
    .scroll_position { position: absolute; left: 45%; z-index: 400px; bottom: 10px; }
    .scroll_position li { display: inline-block; width: 5px; height: 5px; border-radius: 5px; margin-left: 3px; background: url(style/white_50_1x1.png); }
    .scroll_position li a { font-size: 0; }
    .scroll_position li.on { background-color: #FFF; }
    </style>
    <article>
        <!--scroll-->
        <div class="scroll relative">
            <div class="scroll_box" id="scroll_img">
                <ul class="scroll_wrap">
                    <li>
                        <a href="#"><img src="images/1.jpg" width="100%" /></a>
                    </li>
                    <li>
                        <a href="#"><img src="images/2.jpg" width="100%" /></a>
                    </li>
                    <li>
                        <a href="#"><img src="images/3.jpg" width="100%" /></a>
                    </li>
                </ul>
            </div>
            <div class="scroll_bottom_bg"></div>
            <span class="scroll_position_bg opacity6"></span>
            <ul class="scroll_position" id='scroll_position'>
                <li class="on"><a href="javascript:void(0);">1</a></li>
                <li><a href="javascript:void(0);">2</a></li>
                <li><a href="javascript:void(0);">3</a></li>
            </ul>
        </div>
        <!--scroll-->
    </article>
	<script src="js/jquery-2.1.1.min.js"></script>
    <script src='js/hhSwipe.js'></script>
    <script>
        var slider = Swipe(document.getElementById('scroll_img'), {
            auto: 3000,
            continuous: true,
            callback: function(pos) {
                var i = bullets.length;
                while (i--) {
                    bullets[i].className = ' ';
                }
                bullets[pos].className = 'on';
            }
        });
        var bullets = document.getElementById('scroll_position').getElementsByTagName('li');
        $(function() {
            $('.scroll_position_bg').css({
                width: $('#scroll_position').width()
            });
        });
    </script>
	<!--公告-->
    <a href="#" class="notice">新春放假通知</a>
    <div class="line-1-EEE ml10 mr10"></div>
	<!--入口-->
    <ul class="nav ml10 mr10">
    	<li><a href="##"><img src="style/index-tj-icon.png" /><p>体检套餐</p></a></li>
        <li><a href="##"><img src="style/index-yx-icon.png" /><p>影像检查</p></a></li>
        <li><a href="##"><img src="style/index-bg-icon.png" /><p>报告查询</p></a></li>
        <li><a href="##"><img src="style/index-yy-icon.png" /><p>我的预约</p></a></li>
    </ul>
    <div class="line-10-EEE"></div>
	<!--热销-->
    <div class="v-list">
        <div class="t">热销体检套餐</div>
        <a href="#">
            <div class="img l mr10"><img src="" /></div>
            <dl>
                <dt>白领高级体检套餐</dt>
                <dd>重点检查心重点检查心脏重点检查心脏重点检查心脏脏、胰</dd>
                <span class="price-new l"><em>¥</em>500</span>
            </dl>
        </a>
        <a href="#">
            <div class="img l mr10"><img src="" /></div>
            <dl>
                <dt>白领高级体检套餐</dt>
                <dd>重点检查心检查心脏脏、胰</dd>
                <span class="price-new l"><em>¥</em>500</span>
            </dl>
        </a>
        <a href="#">
            <div class="img l mr10"><img src="" /></div>
            <dl>
                <dt>白领高级体检套餐</dt>
                <dd>重点检查心重点检查心脏重点检查心脏重点检查心脏脏、胰</dd>
                <span class="price-new l"><em>¥</em>500</span>
            </dl>
        </a>
        <a href="#">
            <div class="img l mr10"><img src="" /></div>
            <dl>
                <dt>白领高级体检套餐</dt>
                <dd>重点检查心重点检查心脏重点检查心脏重点检查心脏脏、胰</dd>
                <span class="price-new l"><em>¥</em>500</span>
            </dl>
        </a>
        <a href="#">
            <div class="img l mr10"><img src="" /></div>
            <dl>
                <dt>白领高级体检套餐</dt>
                <dd>重点检查心重点检查心脏重点检查心脏重点检查心脏脏、胰</dd>
                <span class="price-new l"><em>¥</em>500</span>
            </dl>
        </a>
        <a href="#">
            <div class="img l mr10"><img src="" /></div>
            <dl>
                <dt>白领高级体检套餐</dt>
                <dd>重点检查心重点检查心脏重点检查心脏重点检查心脏脏、胰</dd>
                <span class="price-new l"><em>¥</em>500</span>
            </dl>
        </a>
        
    </div>
	<!--底部-->
    <div style="height:60px; "></div>
	<table class="n-tab">
    	<tr>
        	<td><a href="#" class="n-1-c">首页</a></td>
            <td><a href="#" class="n-2">报告</a></td>
            <td><a href="#" class="n-3">我的</a></td>
        </tr>
    </table>
</body>
</html>