<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel=stylesheet href="css/css.css">
<script src="js/js.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<!-- header starte -->
<div class="header" id="header">
<!-- 通栏导航 starte -->
<div class="header1">
<ul class="header1_ul1">
<li><a href="#">小米商城</a></li>
<li><a href="#">MIUI</a></li>
<li><a href="#">loT</a></li>
<li><a href="#">云服务</a></li>
<li><a href="#">天星数码</a></li>
<li><a href="#">有品</a></li>
<li><a href="#">小爱开放品台</a></li>
<li><a href="#">企业团购</a></li>
<li><a href="#">资质证照</a></li>
<li><a href="#">协议规则</a></li>
<li><a href="#">下载app</a></li>
<li><a href="#">智能生活</a></li>
<li><a href="#">Select Location</a></li>
<li><a href="">登录</a></li>
<li><a href="#">注册</a></li>
<li><a href="#">消息通知</a></li>
<li class="nav1"><a href="#"><img src="img/购物车.png" alt=""></a></li>
<li class="nav2"><a href="#">购物车(0)
</a></li>
</ul>
</div>
<!-- 通栏导航 end -->
<!-- 顶部主导航 starter -->
<div class="header2">
<div class="header2_logo">
<img src="img/logo.png" alt="">
</div>
<div class="header2_ul">
<ul>
<li><a href="">小米手机
</a></li>
<li><a href="#">Redmi 红米</a></li>
<li><a href="#">电视</a></li>
<li><a href="#">笔记本</a></li>
<li><a href="#">家电</a></li>
<li><a href="#">路由器</a></li>
<li><a href="#">智能硬件</a></li>
<li><a href="#">服务</a></li>
<li><a href="#">社区</a></li>
</ul>
</div>
<div class="header2_search">
<input type="text" name="搜索" placeholder="小米11">
<input type="submit" name="搜索按钮" value="">
</div>
</div>
<!-- 顶部主导航 end -->
</div>
<!-- header end -->
<!-- mian1 starte -->
<div class="main1" id="banner" >
<div id="main1_left">
<div>
<ul>
<li><a href="#">手机 电话卡
<div>
<img src="img/hover.png" alt="">
</div>
</a></li>
<li><a href="#">电视 盒子</a></li>
<li><a href="#">笔记本 显示器</a></li>
<li><a href="#">家电 显示器</a></li>
<li><a href="#">出行 穿戴</a></li>
<li><a href="#">智能 路由器</a></li>
<li><a href="#">电源 配件</a></li>
<li><a href="#">健康 儿童</a></li>
<li><a href="#">耳机 音响</a></li>
<li><a href="#">生活 箱包</a></li>
</ul>
</div>
</div>
<div class="main1_right">
<span class="btn-l" onclick="f5()"><</span>
<span class="btn-r" onclick="f6()">></span>
<ul>
<li id="li1" onclick="f1()"></li>
<li id="li2" onclick="f2()"></li>
<li id="li3" onclick="f3()"></li>
<li id="li4" onclick="f4()"></li>
</ul>
</div>
</div>
<!-- main1 end -->
<!-- mian2 starte -->
<div class="main2">
<div class="main2_1">
<ul>
<li><a href=""><span></span> <br> <p>小米秒杀</p></a></li>
<li><a href=""><img src="img/企业团购.png" alt=""> <br> <p>企业团购</p></a></li>
<li><a href=""><img src="img/F码通道.png" alt=""> <br> <p>F码通道</p></a></li>
<li><a href=""><img src="img/米粉卡.png" alt=""> <br> <p>米粉卡</p></a></li>
<li><a href=""><img src="img/以旧换新.png" alt=""> <br> <p>以旧换新</p></a></li>
<li><a href=""><img src="img/话费充值.png" alt=""> <br> <p>话费充值</p></a></li>
</ul>
</div>
<a href=""><div class="main2_2 shadow">
<div>
<h3>Redmi 9A</h3>
<p>5000mAh长循环电池 | 6.53°护眼大屏<p/>
<img src="img/Redmi 9A.png" alt="">
</div>
</div></a>
<div class="main2_3 shadow">
<a href="#"><img src="img/小米11蓝色.png" alt=""></a>
</div>
<a href=""><div class="main2_4 shadow">
<div>
<h3>小米降噪耳机 Pro</h3>
<p>40dB主动降噪 | 11mm扬声器 |28h超长续航<p/>
<img src="img/小米耳机.png" alt="">
</div>
</div></a>
</div>
<!-- main2 end -->
<!-- main3 starte -->
<div class="main3">
<a href="#"><div class="main3_1 shadow">
</div></a>
<div class="main3_2">
<h2 class="main3_2_title">手机</h2>
<div class="main3_2_right">
<a href="#">查看更多</a>
</div>
</div>
<div class="main3_right" style="position:fixed;left:1580px;top:410px;background:#fff;width: 80px;height: 305px;z-index: 4;">
<ul>
<li><a href="#">联系客服</a></li>
<li><a href="#">关于小米</a></li>
<li><a href="#">关注小米</a></li>
<li><a href="#header">返回顶部</a></li>
</ul>
</div>
<div class="main3_3">
<table>
<tr>
<td rowspan="2"><a href="#"><div class="main3_3_tr1 shadow">
</div></a></td>
<td><a href="#"><div class="mian3_3_tr1_tb2 shadow">
<img src="img/Note 10 Pro.png" alt="">
<h3>Note 10 Pro</h3>
<p>天玑1100年度旗舰芯,VC液冷散热</p>
<br>
<p>1699元起 <span>2000元起</span></p>
</div></a></td>
<td><a href="#"><div class="mian3_3_tr1_tb3 shadow">
<img src="img/Redmi Note 10 5G.png" alt="">
<h3>Redmi Note 10 5G</h3>
<p>5G小金刚,超长续航</p>
<br>
<p>1099元起 <span>1299元起</span></p>
</div></a></td>
<td><a href="#"><div class="mian3_3_tr1_tb4 shadow">
<img src="img/小米MIX FOLD.png" alt="">
<h3>小米MIX FOLD</h3>
<p>折叠大屏,自研芯片</p>
<br>
<p>9999元起 <span>12000元起</span></p>
</div></a></td>
<td><a href="#"><div class="mian3_3_tr1_tb5 shadow">
<img src="img/小米11 Ultra.png" alt="">
<h3>小米11 Ultra</h3>
<p>1/1.12"GN2</p>
<br>
<p>5999元起 <span>7000元起</span></p>
</div></a></td>
</tr>
<tr>
<td><a href="#"><div class="mian3_3_tr2_tb2 shadow">
<img src="img/小米11 Pro.png" alt="">
<h3>小米11 Pro</h3>
<p>1/1.12"GN2</p>
<br>
<p>4999元起 <span>5500元起</span></p>
</div></a></td>
<td><a href="#"><div class="mian3_3_tr2_tb3 shadow">
<img src="img/小米11 青春版.png" alt="">
<h3>小米11 青春版</h3>
<p>小米11 青春版 轻薄</p>
<br>
<p>2299元起 <span>2999元起</span></p>
</div></a></td>
<td><a href="#"><div class="mian3_3_tr2_tb4 shadow">
<img src="img/K40 游戏增强版.png" alt="">
<h3>K40 游戏增强版</h3>
<p>轻薄电竞设计</p>
<br>
<p>1999元起 <span>2499元起</span></p>
</div></a></td>
<td><a href="#"><div class="mian3_3_tr2_tb5 shadow">
<img src="img/黑鲨4 Pro.png" alt="">
<h3>黑鲨4 Pro</h3>
<p>黑鲨4 Pro</p>
<br>
<p>3999元起 <span>5599元起</span></p>
</div></a></td>
</tr>
</table>
</div>
<a href="#"><div class="main3_4 shadow">
</div></a>
<div class="main3_5 ">
<h2 class="main3_5_title">视频</h2>
<div class="main3_5_right">
<a href="#">查看更多</a>
</div>
</div>
<div class="main3_6">
<ul>
<li class="shadow"><a href="#" title="点击播放视频"><div class="main3_6_video" >
<img src="img/视频1.png" width="295" height="180" alt="">
</div>
<p>2021年春季新品发布会第一场</p>
</a>
</li>
<li class="shadow"><a href="#" title="点