.retop-btn{
	width: 60px;
	position: fixed;
	right: 20px;
	top: 400px;
	z-index: 30;
}


.body-all{
	width: 100%;
	height: 100%;
}

.nav-div{
	position: fixed;
	z-index: 99;
	display: block;
	width: 100%;
	height: 100px;
	padding:10px 60px 0px 60px;
	top: 65px;
	background-color: white;
}

.nav-udiv{
    width: 12%;
    height: 100%;
    float: left;
    text-align: center;
    padding: 10px 0px 10px 0px;
}

.nav-img{
	display: block;
	width: 40px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.nav-span{
	font-size: 17px;
	color: #0D0C0D;
}

.top-img-div{
	position: relative;
	width: 100%;
	min-width: 1170px;
	text-align: center;
	margin-top: 165px;
	z-index: 50;
}

.top-span-div{
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: -400px;
	width: 800px;
}

.top-img{
	width: 100%;
}

.top-span1{
	display: block;
	padding-top:150px; 
	font-size: 60px;
	color: white;
}

.top-span2{
	display: block;
	padding-top:50px; 
	font-size: 40px;
	color: white;
}

.white-div{
	width: 100% !important;
}

.black-div{
	width: 100% !important;
	background-color: #575B65;
}

.wleft{
    width: 50%;
    height: 100%;
    position: relative;
    padding: 5% 0px 0px 20%;
    float: left;
}

.bright{
    width: 50%;
    height: 100%;
    position: relative;
    padding: 0px 0px 5% 5%;
    float: left;
}

.bright2{
	width: 50%;
    height: 100%;
    position: relative;
    padding: 5% 0px 0px 5%;
    float: left;
}

.wright{
    width: 50%;
    height: 100%;
    position: relative;
    float: left;
}

.white-left-img{
    height: 99%;
    
}

.black-right-img{
	height: 99%;
    left: 10%;
}

.black-right-img2{
   	height: 99%;
    left: 10%;
}

.wspan-style1{
    font-size: 50px;
    padding: 15% 0px 0px 10%;
    display: block;
    color: #323146;
}

.wspan-style2{
    font-size: 30px;
    padding: 5% 0px 0px 10%;
    display: block;
    color: #55AAFE;
}

.wspan-style3{
    font-size: 30px;
    padding: 0px 0px 0px 10%;
    display: block;
    color: #55AAFE;
}

.bspan-style1{
    font-size: 50px;
    padding: 15% 0px 0px 40%;
    display: block;
    color: #F0EFEA;
}

.bspan-style2{
    font-size: 30px;
    padding: 5% 0px 0px 40%;
    display: block;
    color: #55AAFE;
}

.bspan-style3{
    font-size: 30px;
    padding: 0px 0px 0px 40%;
    display: block;
    color: #55AAFE;
}

.down-div{
	width: 100%;
	height: 506px;
}

.down-span1{
	display: block;
	font-size: 40px;
	padding-top: 50px;
	text-align: center;
}

.down-span2{
	display: block;
	font-size: 20px;
	color: #484445;
	padding-top:20px;
	padding-bottom: 30px;
	text-align: center;
}

.samao-div{
    	text-align: center;
	width: 100%;
	height: 200px;
}

.samao-div1{
	width: 100%;
	height: 100%;
}

.samao-div2{
	width: 50%;
	height: 100%;
	float: left;
	padding-left: 5%;
}

.anzhuo-img{
	width: 180px;
}

.ios-img{
	width: 180px;
	float: left;
}

.anzhuo-span{
	font-size: 20px;
}

.samao-span{
	width: 100%;
	text-align: center;
}

.samao-span1{
	width: 100%;
	height: 100%;
}

.samao-span2{
	width: 50%;
	height: 100%;
	float: left;
	padding-left: 5%;
	text-align: left;
}

.samao-span-style{
	font-size: 30px;
	color: #2274E4;
}