diff --git a/.project b/.project
new file mode 100644
index 0000000..2a2cfed
--- /dev/null
+++ b/.project
@@ -0,0 +1,37 @@
+
+
+ 小米官网实战
+ Create By HBuilder
+
+
+
+
+ com.aptana.ide.core.unifiedBuilder
+
+
+
+
+
+ com.aptana.projects.webnature
+
+
+
+ 1589190864303
+
+ 10
+
+ org.eclipse.ui.ide.orFilterMatcher
+
+
+ org.eclipse.ui.ide.multiFilter
+ 1.0-projectRelativePath-matches-false-false-bin
+
+
+ org.eclipse.ui.ide.multiFilter
+ 1.0-projectRelativePath-matches-false-false-setting
+
+
+
+
+
+
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..676ffd9
--- /dev/null
+++ b/README.md
@@ -0,0 +1,2 @@
+###小米官网仿写首页
+ HTML+CSS3+原生JS
\ No newline at end of file
diff --git a/css/base.css b/css/base.css
new file mode 100644
index 0000000..fe13f39
--- /dev/null
+++ b/css/base.css
@@ -0,0 +1,25 @@
+/*公共样式*/
+.clearfix::before,
+.clearfix::after{
+ content: "";
+ display: table;
+ clear: both;
+}
+body{
+ font: 14px/1.5 Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;
+ color: #333;
+ min-width: 1226px;
+ height: 3000px;
+}
+
+/*设置一个类，用来表示中间容器的宽度和居中效果*/
+.w{
+ width: 1226px;
+ margin: 0 auto;
+}
+
+/*去除下划线*/
+a{
+ text-decoration: none;
+ color: #333;
+}
diff --git a/css/index.css b/css/index.css
new file mode 100644
index 0000000..ebcedd8
--- /dev/null
+++ b/css/index.css
@@ -0,0 +1,1229 @@
+@font-face {
+ font-family: 'iconfont';
+ src: url('../font/iconfont.ttf');
+}
+
+[class*=iconfont] {
+ font-family: iconfont!important;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -webkit-text-stroke-width: .2px;
+ -moz-osx-font-smoothing: grayscale;
+}
+/*主页index.html的样式表*/
+/*顶部导航条容器*/
+#topbar-wrapper{
+ /*设置宽度全屏*/
+ width: 100%;
+ background-color: #333;
+ height: 40px;/*等会儿删除*/
+ line-height: 40px;
+}
+/*设置超链接*/
+#top-bar a{
+ font-size: 12px;
+ color: #b0b0b0;
+ display: block;
+}
+#top-bar a:hover{
+ color: white;
+}
+/*设置分隔线*/
+#top-bar .line{
+ font-size: 14px;
+ color:#424242;
+ margin: 0 8px;
+ margin-top: -2px;
+
+}
+/*设置左侧导航栏*/
+#service,#top-bar li{
+ float: left;
+}
+/*设置二维码*/
+#service .a{
+ position: relative;
+}
+/*设置小三角*/
+#service .a:hover::before{
+ content: "";
+ width: 0;
+ height: 0;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ margin: auto;
+ border:8px solid black;
+ border-top: none;
+ border-color:#333 #333 white #333;
+}
+#service .a:hover #qrcode{
+ height: 148px;
+}
+#service #qrcode{
+ position: absolute;
+ z-index: 999;
+ top: 40px;
+ left: -38px;
+ width: 124px;
+ height: 0;
+ line-height: 1;
+ text-align: center;
+ font-size: 14px;
+ color: #333;
+ background-color: #fff;
+ box-shadow: 0 1px 5px #aaa;
+ overflow: hidden;
+ transition-property: height;
+ transition-duration: .3s;
+}
+
+#service #qrcode img{
+ width: 90px;
+ margin: 18px 17px 12px 17px;
+
+}
+
+/*设置右侧导航栏*/
+#shop-cart,#user-login{
+ float: right;
+}
+#shop-cart{
+ margin-left: 26px;
+ position: relative;
+}
+/*设置购物车的链接*/
+#shop-cart a{
+ position: relative;
+ z-index: 999;
+ width: 120px;
+ text-align: center;
+ background-color:#424242;
+}
+#shop-cart:hover a{
+ background-color: white;
+ color: #ff6700;
+}
+#shop-cart i{
+ margin-right: 2px;
+}
+
+/*设置购物车框*/
+#shop-cart #cart{
+ position: absolute;
+ z-index: 998;
+ right: 0;
+ width: 316px;
+ height: 0;
+ background-color: white;
+ box-shadow: 0 2px 10px rgba(0,0,0,.15);
+ overflow: hidden;
+ transition: height .2s;
+}
+#shop-cart:hover #cart{
+ height: 100px;
+}
+#shop-cart #shop-prompt{
+ font-size: 12px;
+ color: #424242;
+ text-align: center;
+ width: 276px;
+ margin: 30px 20px;
+}
+
+
+
+/*设置中间的header*/
+#header-wrapper{
+ position: relative;
+}
+#header{
+ height: 100px;
+
+}
+/*设置logo*/
+#header #header-logo{
+ float: left;
+ margin-top: 23px;
+ width: 62px;
+}
+/*设置logo中的a标签*/
+#header-logo a{
+ position: relative;
+ display: block;
+ width: 55px;
+ height: 55px;
+ background-color: #FF6700;
+ overflow: hidden;
+ /*隐藏文字*/
+ text-indent: -9999px;
+}
+/*给a标签添加结构*/
+#header-logo a::before,
+#header-logo a::after{
+ position: absolute;
+ left: 0;
+ content: "";
+ width: 55px;
+ height: 55px;
+ background: url(../img/mi-logo.png) no-repeat center;
+ transition: left .3s;
+}
+#header-logo a::after{
+ left: -55px;
+ background: url(../img/mi-home.png) no-repeat center;
+}
+/*添加的结构添加hover伪类*/
+#header-logo:hover a::before{
+ left: 55px;
+}
+#header-logo:hover a::after{
+ left: 0;
+}
+
+
+
+/*设置头部导航条*/
+/*设置外围容器的整体宽度*/
+#header-nav{
+ width: 850px;
+}
+/*设置外围容器以及li的浮动*/
+#header-nav,#nav-list>li{
+ float: left;
+}
+/*设置ul和a的样式，撑起宽度和高度*/
+#header-nav #nav-list{
+ font-size: 16px;
+ list-style: none;
+ padding: 12px 0 0 30px;
+}
+#header-nav #nav-list>li>a{
+ display: block;
+ padding: 26px 10px 38px;
+}
+#header-nav #nav-list>li>a:hover{
+ color:#FF6700;
+}
+/*单独给第一个li和a设置样式*/
+#header-nav #nav-list #firstLi{
+ position: relative;
+ z-index: 2;
+ width: 127px;
+ padding-right: 15px;
+ text-align: right;
+}
+#header-nav #nav-list #firstA{
+ padding: 26px 0 38px;
+ visibility: hidden;
+}
+
+/*弹出层设置*/
+#header-nav #nav-list #goods-news{
+ position: absolute;
+ z-index: 999;
+ left: 0;
+ top: 100px;
+ width: 100%;
+ height: 0;
+ transition:height .3s;
+ overflow: hidden;
+ background-color: white;
+}
+#header-nav #nav-list>li:not(.hide):hover ~ #goods-news,
+#header-nav #nav-list #goods-news:hover{
+ height: 229px;
+ border-top:1px solid rgb(224,224,224);
+ box-shadow: 0 2px 5px rgba(0,0,0,.3);
+}
+
+/*右侧导航条*/
+#header-nav #nav-list #left-menu{
+ background: rgba(105,101,101,.6);
+ position: absolute;
+ left: -92px;
+}
+#header-nav #nav-list #left-menu #menu{
+ padding: 20px 0;
+}
+#header-nav #nav-list #left-menu #menu a{
+ position: relative;
+ display: block;
+ width: 204px;
+ height: 42px;
+ line-height: 42px;
+ padding-left: 30px;
+ text-align: left;
+ font-size: 14px;
+ color: white;
+}
+#header-nav #nav-list #left-menu #menu a i{
+ position: absolute;
+ top: 12px;
+ right: 20px;
+ font-size: 17px;
+ color:#e0e0e0;
+}
+#header-nav #nav-list #left-menu #menu li:hover{
+ background-color: #FF6700;
+}
+
+/*搜索框*/
+#header-search{
+ float: right;
+ margin-top: 25px;
+}
+#header-search #search-btn,#search-ipt{
+ float: left;
+ padding: 0;
+ border:1px solid rgb(224,224,224);
+}
+#header-search #search #search-ipt{
+ height: 49px;
+ width: 224px;
+ padding: 0 10px;
+ border-right: none;
+ font-size: 15px;
+ /* 边框轮廓 */
+ outline:none;
+}
+#header-search #search #search-btn{
+ height: 50px;
+ width: 52px;
+ background-color: white;
+ color: #616161;
+ font-size: 17px;
+}
+#header-search #search #search-btn:hover{
+ background-color:#FF6700;
+ color: white;
+ border-color: #FF6700;
+}
+/*设置文本框获取焦点后的样式*/
+#header-search #search #search-ipt:focus,
+#header-search #search #search-ipt:focus ~ #search-btn{
+ border-color: #FF6700;
+}
+
+
+/*轮播图*/
+/*中间容器相对定位以及设置宽高*/
+#banner-wrapper #banner{
+ position: relative;
+ width: 1226px;
+ height:460px;
+}
+/*去除列表默认项*/
+#banner-wrapper #banner #img-list{
+ list-style: none;
+}
+/*隐藏所有li*/
+#banner-wrapper #banner #img-list li{
+ position: absolute;
+ top: 0;
+ display: none;
+}
+/*显示首个li*/
+#banner-wrapper #banner #img-list li:first-child{
+ display: block;
+}
+/*设置图片继承#banner的宽度*/
+#banner-wrapper #banner #img-list img{
+ width: 100%;
+}
+/*设置圆点*/
+#banner-wrapper #banner #pointer{
+ position: absolute;
+ bottom: 20px;
+ right: 40px;
+}
+#banner-wrapper #banner #pointer a{
+ display: inline-block;
+ width: 5px;
+ height: 5px;
+ background-color: rgba(0,0,0,.4);
+ border-radius: 50%;
+ border: 2px solid rgba(255,255,255,.4);
+ margin-right: 5px;
+}
+#banner-wrapper #banner #pointer a:hover,
+#banner-wrapper #banner #pointer a#first{
+ border-color: rgba(0,0,0,.4);
+ background: rgba(255,255,255,.4);
+}
+
+/*设置左右切换图标*/
+#banner-wrapper #banner #arrow #leftArrow,
+#arrow #rightArrow{
+ width: 40px;
+ height: 69px;
+ position: absolute;
+ top: 195px;
+}
+#banner-wrapper #banner #arrow #leftArrow{
+ cursor: pointer;
+ left: 234px;
+ background: url(../img/icon-slides.png) no-repeat;
+ background-position:-83px 0;
+
+}
+#banner-wrapper #banner #arrow #leftArrow:hover{
+ background-position:0 0;
+}
+#banner-wrapper #banner #arrow #rightArrow{
+ cursor: pointer;
+ right: 0;
+ background: url(../img/icon-slides.png) no-repeat;
+ background-position:-126px 0;
+}
+#banner-wrapper #banner #arrow #rightArrow:hover{
+ background-position:-42px 0;
+}
+
+/*定义图片切换动画样式*/
+/*淡出*/
+@keyframes fadeOut{
+ from{
+ opacity: 1;
+ }
+ to{
+ opacity: 0;
+ }
+}
+
+@-webkit-keyframes fadeOut{
+ from{
+ opacity: 1;
+ }
+ to{
+ opacity: 0;
+ }
+}
+/*淡入*/
+@keyframes fadeIn{
+ from{
+ opacity: 0;
+ }
+ to{
+ opacity: 1;
+ }
+}
+@-webkit-keyframes fadeIn{
+ from{
+ opacity: 0;
+ }
+ to{
+ opacity: 1;
+ }
+}
+
+/*回到顶部*/
+#back-top{
+ width: 25px;
+ height: 206px;
+ background-color:white;
+ /*开启固定定位*/
+ position: fixed;
+ z-index: 99999;
+ bottom: 90px;
+ right: 50%;
+ margin-right: -632px;
+}
+#back-top .item{
+ position: relative;
+ display: block;
+ width: 23px;
+ height: 40px;
+ text-align: center;
+ border: 1px solid #f5f5f5;
+ background-color: #fff;
+}
+#back-top .item .icon{
+ width: 20px;
+ height: 20px;
+ padding-top: 10px;
+ margin: 0 auto 8px;
+ position: relative;
+}
+#back-top .item .icon img{
+ width: 20px;
+ height: 20px;
+ transition: opacity .3s;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+}
+#back-top .item .icon .static{
+ opacity: 1;
+}
+#back-top .item:hover .icon .static{
+ opacity: 0;
+}
+#back-top .item .icon .hover{
+ opacity: 0;
+}
+#back-top .item:hover .icon .hover{
+ opacity: 1;
+}
+#back-top .item:hover .text{
+ display: block;
+}
+#back-top .item .text{
+ position: absolute;
+ top: 50%;
+ left: 0;
+ transform: translate3d(-115%,-50%,0);
+ height: 28px;
+ padding: 0 8px;
+ line-height: 28px;
+ background-color: #fff;
+ border: 1px solid #f5f5f5;
+ text-align: center;
+ color: #757575;
+ display: none;
+ white-space: nowrap;
+}
+#back-top .item .text:after{
+ content: "";
+ position: absolute;
+ width: 0;
+ height: 0;
+ transform: translate(9px,-50%);
+ top: 50%;
+ border-width: 6px;
+ border-style: solid;
+ border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #f5f5f5;
+ overflow: hidden;
+}
+#back-top .item-image .pop-content{
+ position: absolute;
+ top: 0;
+ left: 0;
+ transform: translate3d(-110%,0,0);
+ padding: 14px;
+ background: #fff;
+ border: 1px solid #f5f5f5;
+ transition: opacity .3s;
+ opacity: 0;
+ visibility: hidden;
+}
+#back-top .item-image:hover .pop-content{
+ opacity: 1;
+ visibility: visible;
+}
+#back-top .item-image .pop-content:after{
+ content: "";
+ position: absolute;
+ width: 0;
+ height: 0;
+ top: 6px;
+ right: -13px;
+ border-width: 6px;
+ border-style: solid;
+ border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #f5f5f5;
+ overflow: hidden;
+}
+#back-top .item-image .pop-content img{
+ display: block;
+ width: 100px;
+ height: 100px;
+ margin: 6px auto;
+}
+#back-top .item-image .pop-content .desc{
+ display: block;
+ width: 82px;
+ margin: 14px auto 0;
+ color: #757575;
+ text-align: center;
+}
+/*广告栏*/
+#ad{
+ margin-top: 14px;
+ margin-bottom: 26px;
+}
+#ad #shortcut,
+#ad #ad-img,
+#ad #shortcut li,
+#ad #ad-img li{
+ float: left;
+}
+#ad #shortcut{
+ width: 234px;
+ height: 170px;
+ background: rgb(95,87,80);
+ font-size: 12px;
+}
+#ad #shortcut li{
+ width: 70px;
+ height: 82px;
+ padding: 0 3px;
+ border: 1px solid rgb(102,94,87);
+ opacity: .7;
+}
+#ad #shortcut li:hover{
+ opacity: 1;
+}
+#ad #shortcut li a{
+ display: block;
+ padding-top:18px;
+ width: 70px;
+ height: 46px;
+ color: white;
+ text-align: center;
+}
+#ad #shortcut li a i{
+ display: block;
+ width: 24px;
+ width: 24px;
+ margin: 0 auto 4px;
+}
+#ad #ad-img{
+ width: 978px;
+ height: 170px;
+ margin-left: 14px;
+}
+#ad #ad-img li:not(#ad-first){
+ margin-left: 15px;
+}
+#ad #ad-img li img{
+ width: 316px;
+}
+/* 网页主内容 */
+.site-main{
+ min-width: 1226px;
+ background: #f5f5f5;
+}
+
+.main-page1{
+ position: relative;
+}
+
+.main-page1-header{
+ height: 58px;
+}
+
+.site-main h2{
+ float: left;
+ margin: 0;
+ font-size: 22px;
+ font-weight: 200;
+ line-height: 58px;
+ color: #333;
+}
+
+.main-btn{
+ float: right;
+ margin-top: 25px;
+ font-size: 0;
+}
+
+.main-page1 a{
+ display: inline-block;
+ width: 36px;
+ height: 24px;
+ padding: 0px 5px;
+ margin-left: -1px;
+ border: 1px solid #e0e0e0;
+ line-height: 16px;
+ color: #b0b0b0;
+ text-align: center;
+ cursor: pointer;
+}
+
+.site-main a:hover{
+ color:#ff6700;
+}
+
+.main-btn em{
+ font-size: 20px;
+ line-height: 24px;
+ padding-top: -5px;
+}
+
+.iconfont-left:before{
+ content:"\E628"
+}
+
+.iconfont-right:before{
+ content:"\E623"
+}
+
+.main-page1-list li{
+ margin-left: 14px;
+ float: left;
+ width: 234px;
+ height: 340px;
+}
+
+.main-page1-list li:first-child{
+ margin-left: 0;
+ border-top: 1px solid #e53935;
+}
+
+.main-page1-item{
+ background: #f1eded !important;
+ text-align: center;
+}
+
+.round{
+ font-size: 21px;
+ color: #EF3A3B;
+ padding: 50px 0 0;
+ text-align: center;
+}
+
+.main-page1-item img{
+ margin-top: 19px;
+}
+
+.main-page1-item p{
+ color: rgba(0,0,0,0.54);
+ font-size: 15px;
+ text-align: center;
+ padding-top: 15px;
+}
+
+.page1-item-time{
+ padding-top: 30px;
+ padding-left: 40px;
+}
+
+.page1-item-time span{
+ width: 46px;
+ height: 46px;
+ background: #605751;
+ color: #fff;
+ font-size: 24px;
+ line-height: 46px;
+ float: left;
+ text-align: center;
+}
+
+.page1-item-time i{
+ width: 15px;
+ float: left;
+ height: 46px;
+ line-height: 46px;
+ color: #605751;
+ font-size: 28px;
+ font-style: normal;
+}
+
+.page1-content .title{
+ margin: 0 20px 3px;
+ font-size: 14px;
+ font-weight: 400;
+ text-overflow: ellipsis;
+ color: #212121;
+ overflow: hidden;
+ white-space: nowrap;
+}
+
+.page1-content .desc{
+ height: 18px;
+ margin: 0 20px 12px;
+ font-size: 12px;
+ text-overflow: ellipsis;
+ color: #b0b0b0;
+ overflow: hidden;
+ white-space: nowrap;
+ text-align: center;
+}
+
+.page1-content .price{
+ text-align: center;
+ color: #ff6700;
+}
+
+.page1-content .price del{
+ color:#b0b0b0;
+}
+
+.page1-content1{
+ border-top: 1px solid #00c0a5;
+}
+
+.page1-content2{
+ border-top: 1px solid #83c44e;
+}
+.page1-content3{
+ border-top: 1px solid #ffac13;
+}
+.page1-content4{
+ border-top: 1px solid #2196f3;
+}
+
+.main-page1-footer{
+ min-width: 1226px;
+ height: 120px;
+ margin-top: 360px;
+ margin-bottom: 30px;
+}
+
+.main-page2{
+ position: relative;
+}
+
+.page2-btn{
+ float: right;
+ margin-top: 25px;
+}
+
+.page2-btn:hover{
+ color: #ff6700 !important;
+}
+
+.page2-btn:hover .iconfont-page2{
+ background-color: #ff6700 !important;
+}
+
+
+/* .page2-btn a{
+ font-size: 16px;
+ line-height: 58px;
+ color: #424242;
+ -webkit-transition: all .4s;
+ transition: all .4s;
+} */
+
+.page2-btn i{
+ width: 12px;
+ height: 12px;
+ padding: 4px;
+ margin-left: 8px;
+ border-radius: 16px;
+ font-size: 12px;
+ line-height: 12px;
+ background: #b0b0b0;
+ color: #fff;
+ vertical-align: 1px;
+ -webkit-transition: all .4s;
+ transition: all .4s;
+}
+
+.iconfont-page2:before{
+ content:"\E623"
+}
+
+.slide-img{
+ float: left;
+ width: 234px;
+ height: 614px;
+}
+
+.main-page2-list{
+ float: right;
+ width: 992px;
+ height: 614px;
+
+}
+
+.main-page2-list li{
+ float: left;
+ z-index: 1;
+ width: 234px;
+ background: #fff;
+ transition: all .2s linear;
+}
+
+.page2-content{
+ width: 234px;
+ height: 300px;
+ margin-left: 14px;
+ margin-bottom: 14px;
+ background: #fff;
+}
+
+.page2-content .title{
+ text-align: center;
+}
+
+.main-page2-list li:hover{
+ transform: translate3d(0, -2px, 0);
+ box-shadow: 0 15px 30px rgba(0,0,0,.1);
+}
+
+.main-page2-footer{
+ margin-top: 30px;
+ margin-bottom: 30px;
+ height: 120px;
+}
+
+.main-page3{
+ position: relative;
+}
+
+.main-page3-list{
+ width: 1226px;
+}
+
+.main-page3-list li:first-child{
+ margin-left: 0;
+}
+
+.main-page3-list li:first-child img{
+ width: 234px;
+ height: 300px;
+}
+
+.main-page2-footer img{
+ width: 1226px;
+ height: 120px;
+}
+
+.main-page3-list li:nth-child(6){
+ margin-left: 0;
+}
+
+.main-page3-list li:nth-child(6) img{
+ width: 234px;
+ height: 300px;
+}
+
+.page3-btn{
+ position: relative;
+}
+
+.page3-btn a{
+ display: inline-block;
+ font-size: 16px;
+ color: #424242;
+ line-height: 26px;
+ height: 26px;
+ margin-left: 25px;
+ padding-bottom: 26px;
+ position: relative;
+ bottom: 12px;
+}
+
+.page3-btn a:first-child{
+ border-bottom: 2px solid #FF6700;
+}
+
+.page3-btn a:hover{
+ border-bottom: 2px solid #FF6700;
+}
+
+.page3-item1{
+ margin-bottom: 14px;
+ position: relative;
+}
+
+.page3-item{
+ position: relative;
+ width: 234px;
+ height: 143px;
+ background: #fff;
+}
+
+.page3-item .title{
+ padding-top: 50px;
+ margin-left: -90px;
+}
+
+.page3-item .price{
+ margin-left: -134px;
+}
+
+.page3-item1 img{
+ position: absolute;
+ top: 30px;
+ right: 30px;
+ width: 80px;
+ height: 80px;
+}
+
+.page3-item .title1{
+ font-size: 12px;
+ color: #757575;
+ margin-left: 36px;
+ font-weight: 150;
+ margin-top: -2px;
+}
+
+.icon-round i{
+ position: absolute;
+ bottom: 50px;
+ right: 40px;
+ color:#ff6700;
+ font-size: 48px;
+ line-height: 48px;
+}
+
+.iconfont-round:before{
+ content:"\E615"
+}
+
+.main-page8-list li{
+ position: relative;
+ width: 296px;
+ height: 285px;
+}
+
+.main-page8-list{
+ height: 304px;
+}
+
+.main-page8-list li img{
+ width: 296px !important;
+ height: 180px !important;
+}
+
+.main-page8-list .page1-content h3{
+ margin-top: 30px;
+}
+
+.main-page8-list .page1-content .play{
+ position: absolute;
+ left: 20px;
+ top: 144px;
+ width: 36px;
+ height: 24px;
+ border: 2px solid #fff;
+ border-radius: 12px;
+ background-color: #424242;
+ background-color: rgba(0,0,0,.6);
+ color: #fff;
+ -webkit-transition: all .2s;
+ transition: all .2s;
+ overflow: hidden;
+}
+.main-page8-list .page1-content .play i{
+ font-size: 36px;
+ line-height: 20px;
+}
+
+.main-page8-list .page1-content .play:hover{
+ background-color: #ff6700;
+ border: 2px solid #ff6700;
+}
+
+.iconfont-play:before{
+ content:"\E601"
+}
+
+.main-page8-list .page1-content h4{
+ color: #B0B0B0;
+ font-size: 12px;
+ font-weight: 100;
+ text-align: center;
+}
+
+.footer{
+ min-width: 1226px;
+ height: 520px;
+}
+
+.footer-service{
+ min-width: 1226px;
+ padding: 27px 0;
+ border-bottom: 1px solid #e0e0e0;
+}
+
+.footer-service li{
+ float: left;
+ width: 19.8%;
+ height: 25px;
+ border-left: 1px solid #e0e0e0;
+ font-size: 16px;
+ line-height: 25px;
+ text-align: center;
+}
+
+.footer-service li em{
+ margin-right: 6px;
+ font-size: 24px;
+ line-height: 24px;
+ vertical-align: -4px;
+}
+
+.footer-service li:first-child{
+ border-left: 0;
+}
+
+.iconfont-tool:before{
+ content:"\E634"
+}
+
+.iconfont-circle7:before{
+ content:"\E635"
+}
+
+.iconfont-circle15:before{
+ content:"\E636"
+}
+
+.iconfont-gift:before{
+ content:"\E638"
+}
+
+.iconfont-location:before{
+ content:"\E637"
+}
+
+.footer-links{
+ padding: 40px 0;
+}
+
+.footer-links .col-links{
+ float: left;
+ width: 160px;
+ height: 112px;
+ margin: 0;
+}
+
+.footer-links .col-links dt{
+ margin: -1px 0 26px;
+ font-size: 14px;
+ line-height: 1.25;
+ color: #424242;
+}
+
+.footer-links .col-links dd{
+ margin: 10px 0 0;
+ font-size: 12px;
+}
+
+.footer-links .col-contact{
+ float: right;
+ width: 251px;
+ height: 112px;
+ border-left: 1px solid #e0e0e0;
+ text-align: center;
+ color: #616161;
+}
+
+.footer-links .col-contact .phone{
+ margin: 0 0 5px;
+ font-size: 22px;
+ line-height: 1;
+ color: #ff6700;
+}
+
+.footer-links .col-contact p{
+ margin: 0 0 16px;
+ font-size: 12px;
+}
+
+.footer-links .col-contact a {
+ border: 1px solid #b0b0b0;
+ border-color: #ff6700;
+ background: #fff;
+ color: #ff6700;
+ width: 118px;
+ height: 28px;
+ font-size: 12px;
+ line-height: 28px;
+ padding: 0;
+ margin: 0;
+ display: inline-block;
+}
+
+.iconfont-message2:before{
+ content:"\E600"
+}
+
+.site-info{
+ padding: 30px 0;
+ font-size: 12px;
+ background: #fafafa;
+}
+
+.site-info .logo{
+ display: inline-block;
+ background: url(../img/mi-logo.png) no-repeat 50% 50%;
+ background-color: #ff6700;
+ width: 57px;
+ height: 57px;
+}
+
+.site-info .info-text{
+ display: inline-block;
+ color: #b0b0b0;
+ vertical-align:top;
+ padding-left: 10px;
+}
+
+.site-info .info-text .sites{
+ margin: 0;
+ line-height: 18px;
+ font-size: 12px;
+}
+
+.sitess a{
+ color:#B0B0B0 !important;
+}
+
+.sitess a:hover{
+ color:#ff6700 !important;
+}
+.info-links{
+ margin-top: 15px;
+}
+.info-links img{
+ width: 85px;
+ height: 28px;
+}
+
+.site-info .slogan{
+ display: block;
+ text-align: left;
+ overflow: hidden;
+ clear: both;
+ margin: 30px auto 0;
+ width: 267px;
+ height: 28px;
+}
+.home-item{
+ margin-left: 3px;
+ margin-top: 12px;
+ width: 20px;
+ height: 20px;
+ line-height: 42px;
+ background: url(../image/home-icon1.png) no-repeat center;
+ background-size: 20px 20px !important;
+}
+
+.home-item1{
+ background: url(../image/home-icon1.png) no-repeat center;
+}
+
+.home-item1:hover{
+ background: url(../image/home-icon1-1.png) no-repeat center;
+}
+
+.home-item2{
+ background: url(../image/home-icon2.png) no-repeat center;
+}
+
+.home-item2:hover{
+ background: url(../image/home-icon2-2.png) no-repeat center;
+}
+
+.home-item3{
+ background: url(../image/home-icon3.png) no-repeat center;
+}
+
+.home-item3:hover{
+ background: url(../image/home-icon3-1.png) no-repeat center;
+}
+
+.home-item4{
+ background: url(../image/home-icon4.png) no-repeat center;
+}
+
+.home-item4:hover{
+ background: url(../image/home-icon4-1.png) no-repeat center;
+}
+
+.home-item5{
+ background: url(../image/home-icon5.png) no-repeat center;
+}
+
+.home-item5:hover{
+ background: url(../image/home-icon5-1.png) no-repeat center;
+}
+
+
+
diff --git a/css/reset.css b/css/reset.css
new file mode 100644
index 0000000..80ec8c0
--- /dev/null
+++ b/css/reset.css
@@ -0,0 +1,47 @@
+/* v2.0 | 20110126
+ http://meyerweb.com/eric/tools/css/reset/
+ License: none (public domain)
+*/
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display: block;
+}
+body {
+ line-height: 1;
+}
+ol, ul {
+ list-style: none;
+}
+blockquote, q {
+ quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: '';
+ content: none;
+}
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
\ No newline at end of file
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..64afb45
Binary files /dev/null and b/favicon.ico differ
diff --git a/font/iconfont.ttf b/font/iconfont.ttf
new file mode 100644
index 0000000..a6ec36c
Binary files /dev/null and b/font/iconfont.ttf differ
diff --git a/img/1-1.jpg b/img/1-1.jpg
new file mode 100644
index 0000000..dd60be8
Binary files /dev/null and b/img/1-1.jpg differ
diff --git a/img/1-2.jpg b/img/1-2.jpg
new file mode 100644
index 0000000..b6db0c4
Binary files /dev/null and b/img/1-2.jpg differ
diff --git a/img/1-3.jpg b/img/1-3.jpg
new file mode 100644
index 0000000..c80e5aa
Binary files /dev/null and b/img/1-3.jpg differ
diff --git a/img/1.jpg b/img/1.jpg
new file mode 100644
index 0000000..e69839e
Binary files /dev/null and b/img/1.jpg differ
diff --git a/img/2.jpg b/img/2.jpg
new file mode 100644
index 0000000..0aa36e1
Binary files /dev/null and b/img/2.jpg differ
diff --git a/img/3.jpg b/img/3.jpg
new file mode 100644
index 0000000..c80e5aa
Binary files /dev/null and b/img/3.jpg differ
diff --git a/img/banner-1.jpg b/img/banner-1.jpg
new file mode 100644
index 0000000..d3fa6aa
Binary files /dev/null and b/img/banner-1.jpg differ
diff --git a/img/banner-2.webp b/img/banner-2.webp
new file mode 100644
index 0000000..5faded5
Binary files /dev/null and b/img/banner-2.webp differ
diff --git a/img/banner-3.webp b/img/banner-3.webp
new file mode 100644
index 0000000..bc68488
Binary files /dev/null and b/img/banner-3.webp differ
diff --git a/img/banner-4.webp b/img/banner-4.webp
new file mode 100644
index 0000000..87c73fb
Binary files /dev/null and b/img/banner-4.webp differ
diff --git a/img/banner-5.webp b/img/banner-5.webp
new file mode 100644
index 0000000..2968213
Binary files /dev/null and b/img/banner-5.webp differ
diff --git a/img/banner1.jpg b/img/banner1.jpg
new file mode 100644
index 0000000..0477268
Binary files /dev/null and b/img/banner1.jpg differ
diff --git a/img/banner2.jpg b/img/banner2.jpg
new file mode 100644
index 0000000..5bb1757
Binary files /dev/null and b/img/banner2.jpg differ
diff --git a/img/banner3.jpg b/img/banner3.jpg
new file mode 100644
index 0000000..160187c
Binary files /dev/null and b/img/banner3.jpg differ
diff --git a/img/banner4.jpg b/img/banner4.jpg
new file mode 100644
index 0000000..429d245
Binary files /dev/null and b/img/banner4.jpg differ
diff --git a/img/banner5.jpg b/img/banner5.jpg
new file mode 100644
index 0000000..fbf45d2
Binary files /dev/null and b/img/banner5.jpg differ
diff --git a/img/download.png b/img/download.png
new file mode 100644
index 0000000..8ace029
Binary files /dev/null and b/img/download.png differ
diff --git a/img/favicon.ico b/img/favicon.ico
new file mode 100644
index 0000000..64afb45
Binary files /dev/null and b/img/favicon.ico differ
diff --git a/img/home-icon1-1.png b/img/home-icon1-1.png
new file mode 100644
index 0000000..902d155
Binary files /dev/null and b/img/home-icon1-1.png differ
diff --git a/img/home-icon1.png b/img/home-icon1.png
new file mode 100644
index 0000000..ed3f990
Binary files /dev/null and b/img/home-icon1.png differ
diff --git a/img/home-icon2-2.png b/img/home-icon2-2.png
new file mode 100644
index 0000000..801569d
Binary files /dev/null and b/img/home-icon2-2.png differ
diff --git a/img/home-icon2.png b/img/home-icon2.png
new file mode 100644
index 0000000..5982c59
Binary files /dev/null and b/img/home-icon2.png differ
diff --git a/img/home-icon3-1.png b/img/home-icon3-1.png
new file mode 100644
index 0000000..e340cbb
Binary files /dev/null and b/img/home-icon3-1.png differ
diff --git a/img/home-icon3.png b/img/home-icon3.png
new file mode 100644
index 0000000..9e9ca4f
Binary files /dev/null and b/img/home-icon3.png differ
diff --git a/img/home-icon4-1.png b/img/home-icon4-1.png
new file mode 100644
index 0000000..452b4f8
Binary files /dev/null and b/img/home-icon4-1.png differ
diff --git a/img/home-icon4.png b/img/home-icon4.png
new file mode 100644
index 0000000..0a29c5b
Binary files /dev/null and b/img/home-icon4.png differ
diff --git a/img/home-icon5-1.png b/img/home-icon5-1.png
new file mode 100644
index 0000000..ae3e169
Binary files /dev/null and b/img/home-icon5-1.png differ
diff --git a/img/home-icon5.png b/img/home-icon5.png
new file mode 100644
index 0000000..f082875
Binary files /dev/null and b/img/home-icon5.png differ
diff --git a/img/icon-slides.png b/img/icon-slides.png
new file mode 100644
index 0000000..9ea8129
Binary files /dev/null and b/img/icon-slides.png differ
diff --git a/img/info-1.png b/img/info-1.png
new file mode 100644
index 0000000..4a3a9c4
Binary files /dev/null and b/img/info-1.png differ
diff --git a/img/info-2.png b/img/info-2.png
new file mode 100644
index 0000000..e73dbb0
Binary files /dev/null and b/img/info-2.png differ
diff --git a/img/info-3.png b/img/info-3.png
new file mode 100644
index 0000000..9338138
Binary files /dev/null and b/img/info-3.png differ
diff --git a/img/info-4.png b/img/info-4.png
new file mode 100644
index 0000000..7bc240b
Binary files /dev/null and b/img/info-4.png differ
diff --git a/img/info-5.png b/img/info-5.png
new file mode 100644
index 0000000..984d457
Binary files /dev/null and b/img/info-5.png differ
diff --git a/img/mi-home.png b/img/mi-home.png
new file mode 100644
index 0000000..cb3ea82
Binary files /dev/null and b/img/mi-home.png differ
diff --git a/img/mi-logo.png b/img/mi-logo.png
new file mode 100644
index 0000000..82de5d9
Binary files /dev/null and b/img/mi-logo.png differ
diff --git a/img/page1-1.jpg b/img/page1-1.jpg
new file mode 100644
index 0000000..6d70622
Binary files /dev/null and b/img/page1-1.jpg differ
diff --git a/img/page1-2.jpg b/img/page1-2.jpg
new file mode 100644
index 0000000..0cc2974
Binary files /dev/null and b/img/page1-2.jpg differ
diff --git a/img/page1-3.jpg b/img/page1-3.jpg
new file mode 100644
index 0000000..c88b6e0
Binary files /dev/null and b/img/page1-3.jpg differ
diff --git a/img/page1-4.jpg b/img/page1-4.jpg
new file mode 100644
index 0000000..3f0c0e3
Binary files /dev/null and b/img/page1-4.jpg differ
diff --git a/img/page1-5.jpg b/img/page1-5.jpg
new file mode 100644
index 0000000..2829ff0
Binary files /dev/null and b/img/page1-5.jpg differ
diff --git a/img/page1-6.webp b/img/page1-6.webp
new file mode 100644
index 0000000..7133780
Binary files /dev/null and b/img/page1-6.webp differ
diff --git a/img/page2-1.webp b/img/page2-1.webp
new file mode 100644
index 0000000..8cd9778
Binary files /dev/null and b/img/page2-1.webp differ
diff --git a/img/page2-10.webp b/img/page2-10.webp
new file mode 100644
index 0000000..7d02eb6
Binary files /dev/null and b/img/page2-10.webp differ
diff --git a/img/page2-2.webp b/img/page2-2.webp
new file mode 100644
index 0000000..7a4c259
Binary files /dev/null and b/img/page2-2.webp differ
diff --git a/img/page2-3.webp b/img/page2-3.webp
new file mode 100644
index 0000000..a70ad11
Binary files /dev/null and b/img/page2-3.webp differ
diff --git a/img/page2-4.webp b/img/page2-4.webp
new file mode 100644
index 0000000..c61f4d8
Binary files /dev/null and b/img/page2-4.webp differ
diff --git a/img/page2-5.webp b/img/page2-5.webp
new file mode 100644
index 0000000..a73d318
Binary files /dev/null and b/img/page2-5.webp differ
diff --git a/img/page2-6.webp b/img/page2-6.webp
new file mode 100644
index 0000000..f5c6b32
Binary files /dev/null and b/img/page2-6.webp differ
diff --git a/img/page2-7.webp b/img/page2-7.webp
new file mode 100644
index 0000000..f5c8752
Binary files /dev/null and b/img/page2-7.webp differ
diff --git a/img/page2-8.webp b/img/page2-8.webp
new file mode 100644
index 0000000..64837dc
Binary files /dev/null and b/img/page2-8.webp differ
diff --git a/img/page2-9.webp b/img/page2-9.webp
new file mode 100644
index 0000000..7bb55d2
Binary files /dev/null and b/img/page2-9.webp differ
diff --git a/img/page3-1.webp b/img/page3-1.webp
new file mode 100644
index 0000000..34c594c
Binary files /dev/null and b/img/page3-1.webp differ
diff --git a/img/page3-10.jpg b/img/page3-10.jpg
new file mode 100644
index 0000000..2a339bc
Binary files /dev/null and b/img/page3-10.jpg differ
diff --git a/img/page3-11.webp b/img/page3-11.webp
new file mode 100644
index 0000000..e41d376
Binary files /dev/null and b/img/page3-11.webp differ
diff --git a/img/page3-2.webp b/img/page3-2.webp
new file mode 100644
index 0000000..e6c395d
Binary files /dev/null and b/img/page3-2.webp differ
diff --git a/img/page3-3.jpg b/img/page3-3.jpg
new file mode 100644
index 0000000..1ee817a
Binary files /dev/null and b/img/page3-3.jpg differ
diff --git a/img/page3-4.webp b/img/page3-4.webp
new file mode 100644
index 0000000..71b1255
Binary files /dev/null and b/img/page3-4.webp differ
diff --git a/img/page3-5.jpg b/img/page3-5.jpg
new file mode 100644
index 0000000..64c4c8d
Binary files /dev/null and b/img/page3-5.jpg differ
diff --git a/img/page3-6.webp b/img/page3-6.webp
new file mode 100644
index 0000000..7d40a77
Binary files /dev/null and b/img/page3-6.webp differ
diff --git a/img/page3-7.webp b/img/page3-7.webp
new file mode 100644
index 0000000..73f29ca
Binary files /dev/null and b/img/page3-7.webp differ
diff --git a/img/page3-8.webp b/img/page3-8.webp
new file mode 100644
index 0000000..afb4af8
Binary files /dev/null and b/img/page3-8.webp differ
diff --git a/img/page3-9.webp b/img/page3-9.webp
new file mode 100644
index 0000000..e318f4a
Binary files /dev/null and b/img/page3-9.webp differ
diff --git a/img/page4-1.webp b/img/page4-1.webp
new file mode 100644
index 0000000..fce2078
Binary files /dev/null and b/img/page4-1.webp differ
diff --git a/img/page4-10.webp b/img/page4-10.webp
new file mode 100644
index 0000000..1dc5edf
Binary files /dev/null and b/img/page4-10.webp differ
diff --git a/img/page4-11.webp b/img/page4-11.webp
new file mode 100644
index 0000000..82ecefe
Binary files /dev/null and b/img/page4-11.webp differ
diff --git a/img/page4-2.webp b/img/page4-2.webp
new file mode 100644
index 0000000..82c90c4
Binary files /dev/null and b/img/page4-2.webp differ
diff --git a/img/page4-3.webp b/img/page4-3.webp
new file mode 100644
index 0000000..9a38711
Binary files /dev/null and b/img/page4-3.webp differ
diff --git a/img/page4-4.webp b/img/page4-4.webp
new file mode 100644
index 0000000..f933b3d
Binary files /dev/null and b/img/page4-4.webp differ
diff --git a/img/page4-5.webp b/img/page4-5.webp
new file mode 100644
index 0000000..87818ce
Binary files /dev/null and b/img/page4-5.webp differ
diff --git a/img/page4-6.webp b/img/page4-6.webp
new file mode 100644
index 0000000..75a7c9a
Binary files /dev/null and b/img/page4-6.webp differ
diff --git a/img/page4-7.webp b/img/page4-7.webp
new file mode 100644
index 0000000..a9d9005
Binary files /dev/null and b/img/page4-7.webp differ
diff --git a/img/page4-8.webp b/img/page4-8.webp
new file mode 100644
index 0000000..7c97299
Binary files /dev/null and b/img/page4-8.webp differ
diff --git a/img/page4-9.webp b/img/page4-9.webp
new file mode 100644
index 0000000..705d33c
Binary files /dev/null and b/img/page4-9.webp differ
diff --git a/img/page5-1.webp b/img/page5-1.webp
new file mode 100644
index 0000000..0875490
Binary files /dev/null and b/img/page5-1.webp differ
diff --git a/img/page5-10.webp b/img/page5-10.webp
new file mode 100644
index 0000000..b231bbf
Binary files /dev/null and b/img/page5-10.webp differ
diff --git a/img/page5-11.webp b/img/page5-11.webp
new file mode 100644
index 0000000..b702725
Binary files /dev/null and b/img/page5-11.webp differ
diff --git a/img/page5-2.webp b/img/page5-2.webp
new file mode 100644
index 0000000..519b2fc
Binary files /dev/null and b/img/page5-2.webp differ
diff --git a/img/page5-3.webp b/img/page5-3.webp
new file mode 100644
index 0000000..1b86e6b
Binary files /dev/null and b/img/page5-3.webp differ
diff --git a/img/page5-4.webp b/img/page5-4.webp
new file mode 100644
index 0000000..6e2468e
Binary files /dev/null and b/img/page5-4.webp differ
diff --git a/img/page5-5.webp b/img/page5-5.webp
new file mode 100644
index 0000000..2dd6f65
Binary files /dev/null and b/img/page5-5.webp differ
diff --git a/img/page5-6.webp b/img/page5-6.webp
new file mode 100644
index 0000000..60fadf7
Binary files /dev/null and b/img/page5-6.webp differ
diff --git a/img/page5-7.webp b/img/page5-7.webp
new file mode 100644
index 0000000..f63e911
Binary files /dev/null and b/img/page5-7.webp differ
diff --git a/img/page5-8.webp b/img/page5-8.webp
new file mode 100644
index 0000000..e571dd8
Binary files /dev/null and b/img/page5-8.webp differ
diff --git a/img/page5-9.webp b/img/page5-9.webp
new file mode 100644
index 0000000..3bd06df
Binary files /dev/null and b/img/page5-9.webp differ
diff --git a/img/page6-1.webp b/img/page6-1.webp
new file mode 100644
index 0000000..5b87042
Binary files /dev/null and b/img/page6-1.webp differ
diff --git a/img/page6-10.webp b/img/page6-10.webp
new file mode 100644
index 0000000..77d9240
Binary files /dev/null and b/img/page6-10.webp differ
diff --git a/img/page6-11.webp b/img/page6-11.webp
new file mode 100644
index 0000000..eeb58f5
Binary files /dev/null and b/img/page6-11.webp differ
diff --git a/img/page6-2.webp b/img/page6-2.webp
new file mode 100644
index 0000000..a44317b
Binary files /dev/null and b/img/page6-2.webp differ
diff --git a/img/page6-3.webp b/img/page6-3.webp
new file mode 100644
index 0000000..b129b76
Binary files /dev/null and b/img/page6-3.webp differ
diff --git a/img/page6-4.webp b/img/page6-4.webp
new file mode 100644
index 0000000..7bf5cff
Binary files /dev/null and b/img/page6-4.webp differ
diff --git a/img/page6-5.webp b/img/page6-5.webp
new file mode 100644
index 0000000..d1f6b10
Binary files /dev/null and b/img/page6-5.webp differ
diff --git a/img/page6-6.webp b/img/page6-6.webp
new file mode 100644
index 0000000..fb9499e
Binary files /dev/null and b/img/page6-6.webp differ
diff --git a/img/page6-7.webp b/img/page6-7.webp
new file mode 100644
index 0000000..1b86e6b
Binary files /dev/null and b/img/page6-7.webp differ
diff --git a/img/page6-8.webp b/img/page6-8.webp
new file mode 100644
index 0000000..f901f72
Binary files /dev/null and b/img/page6-8.webp differ
diff --git a/img/page6-9.webp b/img/page6-9.webp
new file mode 100644
index 0000000..40fd262
Binary files /dev/null and b/img/page6-9.webp differ
diff --git a/img/page7-1.webp b/img/page7-1.webp
new file mode 100644
index 0000000..57b5705
Binary files /dev/null and b/img/page7-1.webp differ
diff --git a/img/page7-10.webp b/img/page7-10.webp
new file mode 100644
index 0000000..4482f4c
Binary files /dev/null and b/img/page7-10.webp differ
diff --git a/img/page7-11.webp b/img/page7-11.webp
new file mode 100644
index 0000000..dcefd17
Binary files /dev/null and b/img/page7-11.webp differ
diff --git a/img/page7-2.webp b/img/page7-2.webp
new file mode 100644
index 0000000..7c2c545
Binary files /dev/null and b/img/page7-2.webp differ
diff --git a/img/page7-3.webp b/img/page7-3.webp
new file mode 100644
index 0000000..e3d7b1e
Binary files /dev/null and b/img/page7-3.webp differ
diff --git a/img/page7-4.webp b/img/page7-4.webp
new file mode 100644
index 0000000..d7a93f6
Binary files /dev/null and b/img/page7-4.webp differ
diff --git a/img/page7-5.webp b/img/page7-5.webp
new file mode 100644
index 0000000..ba0410c
Binary files /dev/null and b/img/page7-5.webp differ
diff --git a/img/page7-6.webp b/img/page7-6.webp
new file mode 100644
index 0000000..a9bb54b
Binary files /dev/null and b/img/page7-6.webp differ
diff --git a/img/page7-7.webp b/img/page7-7.webp
new file mode 100644
index 0000000..8ae0627
Binary files /dev/null and b/img/page7-7.webp differ
diff --git a/img/page7-8.webp b/img/page7-8.webp
new file mode 100644
index 0000000..2626d7f
Binary files /dev/null and b/img/page7-8.webp differ
diff --git a/img/page7-9.webp b/img/page7-9.webp
new file mode 100644
index 0000000..3ce9660
Binary files /dev/null and b/img/page7-9.webp differ
diff --git a/img/page8-1.webp b/img/page8-1.webp
new file mode 100644
index 0000000..2766481
Binary files /dev/null and b/img/page8-1.webp differ
diff --git a/img/page8-2.webp b/img/page8-2.webp
new file mode 100644
index 0000000..750580d
Binary files /dev/null and b/img/page8-2.webp differ
diff --git a/img/page8-3.webp b/img/page8-3.webp
new file mode 100644
index 0000000..3ec8687
Binary files /dev/null and b/img/page8-3.webp differ
diff --git a/img/page8-4.webp b/img/page8-4.webp
new file mode 100644
index 0000000..cf12d4e
Binary files /dev/null and b/img/page8-4.webp differ
diff --git a/img/slogan.jpg b/img/slogan.jpg
new file mode 100644
index 0000000..f9e8c55
Binary files /dev/null and b/img/slogan.jpg differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..d13af7f
--- /dev/null
+++ b/index.html
@@ -0,0 +1,1295 @@
+
+
+
+
+
+ 小米商城 - 小米10 Pro、Redmi K30、小米MIX Alpha，小米电视官方网站
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ -
+
00:00 场
+ 
+ 距离结束还有
+
+ 03
+ :
+ 02
+ :
+ 22
+
+
+ -
+
+
+
+
+
小米CC9e 6GB+128GB 白色恋人 (白色)
+
3200万自拍，4800万三摄
+
+ 1399元1599元
+
+
+ -
+
+
+
+
+
Redmi 8A 4GB+64GB 珊瑚橙
+
5000mAh超长续航
+
+ 699元799元
+
+
+ -
+
+
+
+
+
小米9 SE 6GB+64GB 全息幻彩蓝
+
4800万三摄/骁龙712处理器
+
+ 1399元1999元
+
+
+ -
+
+
+
+
+
小米MIX 3 全网通版 8GB+128GB 黑色
+
DxO百分拍照手机
+
+ 2599元3599元
+
+
+
+
+
+
+
+
+
+
+
+
+
+ -
+
+
+
小米9 Pro 5G
+ 5G双卡全网通，骁龙855Plus
+
+ 3699元起
+
+
+ -
+
+
+
Redmi 8
+ 5000mAh超长续航
+
+ 799元起
+
+
+ -
+
+
+
Redmi Note 8 Pro
+ 6400万全场景四摄
+
+ 1399元起
+
+
+ -
+
+
+
Redmi Note 8
+ 千万4800万四摄
+
+ 999元起
+
+
+ -
+
+
+
Redmi K20 Pro 尊享版
+ 骁龙855Plus 弹出全面屏
+
+ 2699元起
+
+
+ -
+
+
+
Redmi Note 7
+ 4800万拍照千元机
+
+ 1099元起
+
+
+ -
+
+
+
Redmi 7
+ 4000mAh超长续航
+
+ 899元 999元
+
+
+ -
+
+
+
Redmi 7A
+ 小巧大电量 持久流畅
+
+ 539元起 599元
+
+
+
+
+
+
+
+
+
+
+
+
+
+ -
+
+
+ -
+
+
+
米家互联网空调C1(一级能效)
+ 变频节能省电 自清洁
+
+ 2249元 2799元
+
+
+ -
+
+
+
米家空调
+ 出众静音 快速制冷热
+
+ 1549元 1799元
+
+
+ -
+
+
+
米家互联网洗烘一体机 Pro 10Kg
+ 智能洗烘 省心省力
+
+ 2999元
+
+
+ -
+
+
+
小米电视4A 32英寸
+ 人工智能系统 高清液晶屏
+
+ 688元 799元
+
+
+ -
+
+
+
+
-
+
+
+
Redmi全自动波轮洗衣机1A8kg
+ 一键操作 父母都爱用
+
+ 699元 799元
+
+
+
-
+
+
+
小米全面屏电视E55A
+ 全面屏设计 人工智能语音
+
+ 1699元 2099元
+
+
+
-
+
+
+
15.6"四核i7 16G 独显 512G
+ 全面均衡的国民轻薄本
+
+ 4699元 4899元
+
+
+
-
+
小米盒子4
+
+ 299元
+
+ 
+
+
-
+
浏览更多
+
+ 热门
+
+
+
+
+
+
+
+
+
+
+
+
+ -
+
+
+ -
+
+
+
小米「小爱老师」
+ 口袋里的英语外教
+
+ 449元起 499元
+
+
+ -
+
+
+
小米米家智能门锁 推拉式
+ 一步推拉 高端智能门锁
+
+ 1699元
+
+
+ -
+
+
+
小米小爱音箱 Play/h3>
+
听音乐 语音遥控家电
+
+ 89元 169元
+
+
+ -
+
+
+
小爱音箱万能遥控版
+ 传统家电秒变智能
+
+ 149元 199元
+
+
+ -
+
+
+
+
-
+
+
+
米家电饭煲4L
+ 890W立体加热
+
+ 299元
+
+
+
-
+
+
+
小米手环4
+ 大屏彩显 20天超长续航
+
+ 169元
+
+
+
-
+
+
+
米家九号平衡轮
+ 能花式酷玩的风火轮
+
+ 999元
+
+
+
-
+
小米体脂秤2
+
+ 99元
+
+ 
+
+
-
+
浏览更多
+
+ 热门
+
+
+
+
+
+
+
+
+
+
+
+
+ -
+
+
+ -
+
+
+
小米真无线蓝牙耳机Air2
+ 智能真无线 轻松舒适戴
+
+ 399元
+
+
+ -
+
+
+
高速无线充套装
+ 快速无线闪充 Qi充电标准
+
+ 149元
+
+
+ -
+
+
+
Redmi充电宝10000mAh标准版
+ 10000mAh大容量
+
+ 59元
+
+
+ -
+
+
+
Redmi充电宝20000mAh快充版
+ 大容量 可上飞机
+
+ 99元
+
+
+ -
+
+
+
+
-
+
+
+
小米插线板 5孔位
+ 多重安全保护
+
+ 39元
+
+
+
-
+
+
+
小米蓝牙耳机AirDots青春版
+ 雅致简约 收纳充电盒
+
+ 199元
+
+
+
-
+
+
+
小米小爱蓝牙音箱 随身版
+ 小巧便携 一键唤醒小爱
+
+ 49元
+
+
+
-
+
小爱触屏音箱
+
+ 199元
+
+ 
+
+
-
+
浏览更多
+
+ 热门
+
+
+
+
+
+
+
+
+
+
+
+
+ -
+
+
+ -
+
+
+
27w高速充电插头
+ 快速高效 安全稳定
+
+ 49元
+
+
+ -
+
+
+
小米usb充电器30w快充版
+ 多一种接口 多一种选择
+
+ 59元
+
+
+ -
+
+
+
小米usb-c数据线 编织线版
+ 高强度纤维编织线体
+
+ 18.9元起
+
+
+ -
+
+
+
ZMI usb Type-c转Lightning
+ MFI官方认证 3A大流量 12个月质保
+
+ 59元起
+
+
+ -
+
+
+
+
-
+
+
+
高速无线充套装
+ 快速无线闪充 Qi充电标准
+
+ 149元
+
+
+
-
+
+
+
小米无线充电宝青春版10000mAh
+ 能量满满 无线有线都能充
+
+ 129元
+
+
+
-
+
+
+
米家LED随身灯
+ 小巧轻便 五级亮度调节
+
+ 19.9元
+
+
+
-
+
小米9保护壳
+
+ 49元
+
+ 
+
+
-
+
浏览更多
+
+ 热门
+
+
+
+
+
+
+
+
+
+
+
+
+ -
+
+
+ -
+
+
+
米家飞行员太阳镜Pro
+ 尼龙偏光 轻巧佩戴
+
+ 199元
+
+
+ -
+
+
+
小米巨能写中性笔10支装
+ 一支顶四只 超长顺滑书写
+
+ 9.99元
+
+
+ -
+
+
+
小米旅行箱20英寸布朗熊限量版
+ 国际巨星布朗熊
+
+ 399元
+
+
+ -
+
+
+
米家迷你保温杯
+ 可以随身携带的温度
+
+ 49元
+
+
+ -
+
+
+
+
-
+
+
+
米家驱蚊器基础版3个装
+ 3个装长效驱蚊
+
+ 129元
+
+
+
-
+
+
+
3券装抽绳式垃圾袋
+ 让清洁更简单
+
+ 14.9元
+
+
+
-
+
+
+
贝医生巴氏牙刷四支装
+ 进口刷毛 好品质
+
+ 39.9元
+
+
+
-
+
8H乳胶床垫
+
+ 1599元起
+
+ 
+
+
-
+
浏览更多
+
+ 热门
+
+
+
+
+
+
+
+
+
+
+
+
+ -
+
+
+
小米MIX Alpha 开箱视频
+
+ -
+
+
+
小米5G新品手机发布会
+
+ -
+
+
+
小米5G新品手机发布会
+
+ -
+
+
+
小米CC9
+ 深蓝星球
+
+
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
