@media only screen and (min-width: 700px) {
	*,
	body {
		margin: 0;
		padding: 0;
	}
	body {
		width: 100%;
		background: url(../img/wy_di.png) no-repeat;
		background-size: 100% 100%;
		/*background-size: contain;*/
		background-attachment: fixed;
	}
	
	.root {
		width: 100%;
		/*min-width:1300px;*/
		height: 100%;
		/*min-height: 90%;*/
		position: relative;
		/*background-color: #3A929A;*/
	}
	/*logo*/
	#logo{
		/*width: 156px;*/
		/*height: 83px;*/
		text-align: center;
		position: absolute;
		top:180px;
		left: 50%;
		transform: translate(-50%,0);
	}
	#logo>img{
		width: 156px;
		/*width: 143px;*/
		/*height: 83px;*/
	}
	
	/*苹果/安卓*/
	.model {
		width: 333px;
		overflow: hidden;
		text-align: center;
		position: absolute;
		top:310px;
		left: 50%;
		transform: translate(-50%,0);
		overflow: hidden;
	}
	
	.apple {
		width: 166px;
		/*width: 133px;*/
		float: left;
		font-size: 10px;
		margin: 0 auto;
		/*margin-left: 30px;*/
		/*margin-right: 10px;*/
		/*background-color: deepskyblue;*/
	}
	.over1{
		position: relative;
		/*margin-left: 30px;*/
	}
	
	.show1{
		margin-top: 30px;
		text-align: center;
		visibility: hidden;
	}
	#sj1{
		width: 0;
		height: 0;
		position: absolute;
		border: 10px solid transparent;
		border-bottom-color:white;
		left: 0;
		right: 0;
		bottom: 135px;
		margin: 0 auto;
	}
	.d-apple{
		width: 133px;
		height: 133px;
	}
	.img1 {
		width: 133px;
		/*width: 40px;*/
		height: 40px;
		/*width: 21px;
		height: 23px;*/
	}
	
	.a1:hover +.show1 {
		visibility: visible;
	}
	.download1{
		width: 66px;
		height: 20px;
		line-height: 20px;
		border-radius: 22px;
		background-color: rgba(0,0,0,0.2);
		margin-top: 20px;
		position: absolute;
		top: 15px;
		left: 50%;
		transform: translate(-50%,0);
	}
	.download1>p{
		color: #FFFFFF;
	}
	
	
	.android {
		width: 133px;
		float: left;
		font-size: 10px;
		margin: 0 auto;
		/*margin-right: 50px;*/
		/*margin-left: 10px;*/
		/*background-color: yellow;*/
	}
	.over2{
		position: relative;
		/*margin-right: 30px;*/
	}
	.show2{
		margin-top: 30px;
		text-align: center;
		visibility: hidden;
	}
	#sj2{
		width: 0;
		height: 0;
		position: absolute;
		border: 10px solid transparent;
		border-bottom-color:white;
		left: 0;
		right: 0;
		bottom: 135px;
		margin: 0 auto;
	}
	.d-android{
		width: 133px;
		height: 133px;
	}
	.img2 {
		width: 133px;
		/*width: 40px;*/
		height: 40px;
		/*width: 23px;
		height: 23px;*/
	}
	
	.a2:hover +.show2 {
		visibility: visible;
	}
	
	.download2{
		width: 66px;
		height: 20px;
		line-height: 20px;
		border-radius: 22px;
		/*opacity: 0.2;*/
		background-color: rgba(0,0,0,0.2);
		margin-top: 20px;
		position: absolute;
		top: 15px;
		left: 50%;
		transform: translate(-50%,0);
	}
	.download2>p{
		color: #FFFFFF;
	}
	
	/*底部导航*/
	.nav {
		width: 100%;
		/*min-width:1200px;*/
		height: 30px;
		/*background-color: yellow;*/
		position: fixed;
		left: 0;
		bottom: 80px;
		
	}
	
	ul {
		width: 70%;
		margin: 0 auto;
		list-style: none;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-around;
	}
	
	li a {
		font-size: 15px;
		color: #FFFFFF;
	}
}
/*适配手机*/
@media only screen and (min-width: 100px) and (max-width: 700px) {
	*,
	body {
		margin: 0;
		padding: 0;
	}
	body{
		width: 100%;
		height: 100%;
		background: url(../img/wy_di.png) no-repeat;
		background-size: cover;
		background-attachment: fixed;
		background-position: center;
		/*position: relative;*/
		/*background-color: yellow;*/
	}
	.root {
		width: 100%;
		height: 100%;
		position: relative;
	}
	/*logo*/
	#logo{
		width: 100%;
		/*width: 156px;*/
		/*height: 83px;*/
		text-align: center;
		position: absolute;
		top:180px;
		left: 50%;
		transform: translate(-50%,0);
	}
	#logo>img{
		width: 145px;
		height: 72px;
	}
	
	/*苹果/安卓*/
	.model {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
		text-align: center;
		position: absolute;
		top:310px;
		left: 50%;
		transform: translate(-50%,0);
		overflow: hidden;
	}
	
	.apple {
		width: 50%;
		/*width: 133px;*/
		float: left;
		font-size: 10px;
		margin: 0 auto;
		/*margin-left: 30px;*/
		/*margin-right: 10px;*/
		/*background-color: deepskyblue;*/
	}
	.over1
		position: relative;
		/*background-color: yellow;*/
		/*margin-left: 40%;*/
	}
	
	.show1{
		margin-top: 30px;
		text-align: center;
		visibility: hidden;
	}
	#sj1{
		width: 0;
		height: 0;
		position: absolute;
		border: 10px solid transparent;
		border-bottom-color:white;
		left: 0;
		right: 0;
		bottom: 135px;
		margin: 0 auto;
	}
	.d-apple{
		width: 133px;
		height: 133px;
	}
	.img1 {
		width: 120px;
		/*width: 40px;*/
		height: 38px;
		/*width: 21px;
		height: 23px;*/
	}
	
	/*.a1:hover +.show1 {
		visibility: visible;
	}*/
	.download1{
		width: 66px;
		height: 20px;
		line-height: 20px;
		border-radius: 22px;
		background-color: rgba(0,0,0,0.2);
		margin-top: 20px;
		position: absolute;
		top: 15px;
		left: 50%;
		transform: translate(-50%,0);
	}
	.download1>p{
		color: #FFFFFF;
	}
	
	.android {
		width: 50%;
		float: left;
		font-size: 10px;
		margin: 0 auto;
		/*margin-right: 50px;*/
		/*margin-left: 10px;*/
		/*background-color: yellow;*/
	}
	.over2{
		position: relative;
		/*margin-left: 40%;*/
	}
	.show2{
		margin-top: 30px;
		text-align: center;
		visibility: hidden;
	}
	#sj2{
		width: 0;
		height: 0;
		position: absolute;
		border: 10px solid transparent;
		border-bottom-color:white;
		left: 0;
		right: 0;
		bottom: 135px;
		margin: 0 auto;
	}
	.d-android{
		width: 133px;
		height: 133px;
	}
	.img2 {
		width: 120px;
		height: 39px;
	}
	
	/*.a2:hover +.show2 {
		visibility: visible;
	}*/
	
	.download2{
		width: 66px;
		height: 20px;
		line-height: 20px;
		border-radius: 22px;
		/*opacity: 0.2;*/
		background-color: rgba(0,0,0,0.2);
		margin-top: 20px;
		position: absolute;
		top: 15px;
		left: 50%;
		transform: translate(-50%,0);
	}
	.download2>p{
		color: #FFFFFF;
	}
	
	.nav ul{
		width: 98%;
		margin: 0 auto;
		display: flex;
		/*flex-direction: column;*/
		display: flex;
		flex-wrap: wrap;
		/*justify-content: flex-start;*/
		
	}
	.nav ul li{
		font-size: 20px;
	}
	
	.nav {
		width: 100%;
		height: 30px;
		position: fixed;
		left: 0;
		bottom: 80px;
	}
	.nav ul{
		width: 98%;
		margin: 0 auto;
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		
	}
	.nav ul li{
		margin: 0 10px;
	}
	.nav ul li a{
		font-size: 15px;
		color: #FFFFFF;
	}
	
}