sport_ow
/
news.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>落基体育</title>
		<meta name="description" content="落基体育">
		<meta name="keywords" content="落基体育,越野赛,马拉松">
		<link rel="stylesheet" type="text/css" href="js/swiper.css"/>
		<script src="js/swiper.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/all.css"/>
	</head>
	<body>
        <div class="top">
            <div class="w1200 logo flexb">
                <div><a href="https://rockysports.cn/"><img src="img/logo.png" style="height: 100%; display: block;" ></a></div>
                <div class="yuyan">
                    <a href="https://rockysports.cn/" class="yuyanact">中文</a>/
                    <a href="https://rockysports.cn/">English</a>
                </div>
            </div>
            <div class="nav">
                <div class="w1200 flex">
                    <a href="index.html">首页</a>
                    <a href="saishi.html">赛事信息</a>
                    <a href="news.html" class="act">新闻资讯</a>
                    <a href="about.html">关于我们</a>
                    <a href="contact.html">联系我们</a>
                </div>
            </div>
        </div>
        <div class="center">
            <img src="img/banner.jpg" style="width: 100%; margin-bottom: 20px;" >
            <div class=" w1200 news-title">新闻列表</div>
            <div class="w1200 hezuo">
                <a href="saishi.html" class="newslis flexb">
                    <div>蓬莱八仙100公里超级马拉松——2021全球首场国际超马协会认证赛事报名开启</div>
                    <div>2020-12-15</div>
                </a>
                <a href="saishi2.html" class="newslis flexb">
                    <div>蓬莱100：让烟台跑团走向全国的舞台，邀全国战队踏上烟台的赛道！</div>
                    <div>2020-12-15</div>
                </a>
                <a href="saishi3.html" class="newslis flexb">
                    <div>蓬莱八仙100公里超级马拉松——2021全球首场国际超马协会认证赛事报名开启！</div>
                    <div>2020-12-15</div>
                </a>
            </div>
        </div>
        <div class="footer">
            <img src="img/di.jpg" >
        </div>

        <script>
          var swiper = new Swiper('.swiper-container', {
              autoplay:true,
            scrollbar: {
              el: '.swiper-scrollbar',
              type: 'progressbar',
            },
            navigation: {
              nextEl: '.swiper-button-next',
              prevEl: '.swiper-button-prev',
            },
          });
        </script>
	</body>
</html>