body, img, div, p, ul, span, h1, h2, h3 {
    margin: 0;
    padding: 0;
}
body {
    background: #f9f9f9;
    font-family: 'Microsoft Yahei','Helvetica Neue', 'Hiragino Sans GB', 'Segoe UI', Tahoma, Arial, STHeiti, sans-serif;
    overflow-x: hidden;
    display: block;
    background-size:100% 410px ;
}
img {
    border: 0;
}
ul, li {
    list-style: none;
}
a {
    text-decoration: none;
}
.b-r-26{-webkit-border-radius:2.6rem;-moz-border-radius:2.6rem;-ms-border-radius:2.6rem;-o-border-radius:2.6rem;border-radius:2.6rem;}
.b-r-50{-moz-border-radius: 50%;-ms-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius:50%;border-radius: 50%;}
.b-r-4{-moz-border-radius: 0.4rem;-ms-border-radius: 0.4rem;-webkit-border-radius: 0.4rem;-o-border-radius:0.4rem;border-radius: 0.4rem;}
.main{background: #f9f9f9;margin-top: 50px;position: relative;}
.container {
    padding-top: 20px;
    width: 1120px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 80px;
}



.mi_logo .logo-h1 {
    color: #fff;
    font-size: 22px;
    font-weight: normal;
    margin-top: 4px;
}

.demo {
    float: left;
    width: 310px;
    padding: 0 120px;
    height:637px;
    margin: 0 auto;
    text-align: center;
    background:url(iphone.png) no-repeat;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 310px 637px;
    overflow: hidden;
    position: relative;
}/*
.swiper-wrapper {
}*/
.swiper-wrapper img {
    margin-top: 68px;
    width: 270px;
    height: 494px;
}



.intro {
    float: left;
    margin-top: 115px;
    margin-left: 100px;
}
.intro h2, .intro h3, .intro h4 {
    font-weight: normal;
}
.intro p.logo {
    background-size: 45px;
    font-size: 34px;
    color: #333;
}
.intro p.fu-title {
    font-size: 24px;
    color: #5c5c5c;
}
.market {
    float: left;
    padding-top: 30px;
}
.get-app{text-align: center;width: 140px;font-size: 14px;color: #7a7a7a;margin-top: -50px;}
.download{margin-top: 20px;}
.android {
    background:#0e2520 no-repeat 15px center;
    width: 165px;
    height: 52px;
    display: block;
}
.android:hover{
    background:#333333;
}
.android span{
    display: inline-block;
    color: #fff;
    font-size: 20px;
    line-height: 50px;
    background:url(android.png) no-repeat 15px center;
    text-align: center;
    background-size: 28px 30px;
    width: 165px;
    padding-left: 16px;

}
.ios {
    background:#0e2520;
    width: 165px;
    height: 52px;
    display: block;
    margin-top: 15px;
}
.ios:hover{
    background:#333333;
}
.ios span{
    display: inline-block;
    color: #fff;
    font-size: 20px;
    line-height: 50px;
    background:url(ios.png) no-repeat 32px 8px;
    text-align: center;
    background-size: 28px 30px;
    width: 165px;
    padding-left: 16px;
}
.pc_web {
    background:#16b998;
    width: 165px;
    height: 52px;
    display: block;
    line-height: 52px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    margin-top: 15px;
}
.market a{cursor: pointer;}
.pc_web:hover{
    background: #18aa8c;
}
.qrcode {
    float: left;
    padding-top: 30px;
    padding-left: 60px;
    width: 140px;
    overflow: hidden;
}
.qrcode img{
    width: 140px;
    height: 140px;
}
.qr-txt{color: #7A7A7A;font-size: 18px;text-align: center;}
.main {
    clear: both;
}

.main ul li {
    float: left;
    padding:20px;
}
.main ul li img {
    width: 480px;
}

.footer {
    z-index: 999;
    clear: both;
    text-align: center;
    position: fixed;
    width: 100%;
    height: 50px;
    bottom: 0px;
    line-height: 50px;
}
.footer .nav{font-size: 14px;}
.footer .nav span {
    color: #b0b0b0;
}
.footer .nav {
    margin: 5px 0;
}
.footer .nav a {
    margin: 0 10px;
    text-decoration: underline;
    color: #16b998;
}
.footer .nav a.beian {
    color: #b0b0b0;
    text-decoration:none;
}
.zz-1{
	float: right;

	overflow: hidden;
}
.zz-1 li{
	float: left;
	margin-left: 20px;
	color: white;

}
.zz-1 li a{
	font-size: 18px;
	color: white;
	margin-right: 20px;

}
.header_wrapper{
	line-height: 60px;
	width: 1000px;
	margin: 0 auto;
	
	overflow: hidden;
}
.header_wrapper img{
	margin-top: 6px;
	margin-left: 80px;
	float:left;	
	/*width:130px;*/
    height: 45px;
}
.header_wrapper_z{
	background: #494949;
}