*{ margin:0; padding:0; }
li { list-style:none; }
a { text-decoration:none; }
img { border:none; vertical-align:top; }
input{ outline:none; }
.clear{
	clear: both;
}
@keyframes enter {
	0% {transform: scale(1.1);}
	33% {transform: scale(0.8);}
	66% {transform: scale(1.5);}
	100% {transform: scale(1);}
}
.enterFun{
	animation: zoomInUp 1s linear;
}
body,html{
	min-width: 1200px;
	width: 100%;
	overflow: hidden;
}
body{
	background-color: #fafbfd ;
	position: relative;
}

.body{
	width: 100%;
	background-color: rgba(0,0,0,0.1);
	background: url(../img/indexBg4.png) no-repeat center;
	background-size: 100%;
	position: relative;
}

.body .main{
	width: 1520px;
	position: absolute;
	top: 78px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.body .main .logo{
	margin-left:-32px;
}

.body .slogan{
	text-align: center;
	margin-top:75px;
	
}
.body .sliver{
	text-align: center;
	margin-top:110px;
	/* margin: 110px auto 0; */
}
	.body .main .logo img{
		width: 40%;
	}
	.body .main .slogan img{
		width: 60%;
		
	}
	.body .main .sliver img{
		/* width: 100%; */
	}

.body .btn{
	width:260px ;
	height: 69px;
	margin:62px auto;
	cursor: pointer;
}
.body .main .btn img{
	width: 100%;
	display: inline-block;
}

.body .code{
	text-align: center;
	
	width: 240px;
	margin: 0 auto;
	margin-top:50px;
	overflow:hidden
}
.body .code dl{
	float:left;
	width:49%;
	text-align:center;
	color:#4d4d4d;
}
.body .code dl:nth-child(2){
	float:right;
}
.body .code img{
	width: 100%;
	}
	.body .code p{
		font-size: 14px;
		font-family: "微软雅黑";
		line-height: 2;
	}
.body .infoBar{
	height: 54px;
	width: 100%;
	color: #fff;
	position: absolute;
	bottom: -15px;
	text-align: center;
}
@media screen and (max-height:880px){

		.body .main .logo img{
		width: 40%;
	}
	.body .main .slogan img{
		width: 60%;
		
	}
	.body .main .sliver img{
		/* width: 100%; */
	}
	.body .slogan{
		margin-top: 30px;
	}

	.body .sliver {
	    text-align: center;
	    margin-top: 106px;
	}
	.body .btn {
	    width: 180px;
	    height: 48px;
	    margin: 80px auto;
	}
	.body .code img{
		width: 106px;
	}
}

@media screen and (orientation:portrait) and (max-device-width:600px) and (max-device-height:800px),screen and (orientation:landscape) and (max-device-width:800px) and (max-device-height:600px) {
.body .main{
	width:82%
}
.body .sliver{
	margin: 58px auto 0;
}
.body .btn {
    width: 200px;
    height: 69px;
    margin: 5px auto;
    cursor: pointer;
}
.body .code {
    text-align: center;
    width: 96px;
    margin: 0 auto;
    margin-top: 50px;
}
}
@media screen and (min-width: 1201px) and (max-width: 1601px) {
	.body .main .logo img{
		width: 40%;
	}
	.body .main .slogan img{
		width: 60%;
		
	}
	.body .main .sliver img{
	/* 	width: 100%; */
	}
	.body .infoBar{
		font-size:13px;
		line-height:38px;
	}
	.body .slogan{
		margin-top: 30px;
	}

	.body .sliver {
	    text-align: center;
	    margin-top: 53px;
	}
	.body .btn {
	    width: 180px;
	    height: 48px;
	    margin: 48px auto;
	}
	.body .code img{
		width: 106px;
	
	}
	.body .code{
		margin-top:-10px;
	}
	@media screen and (max-width: 1200px)  {
	.body .main .logo img{
		width: 30%;
	}

	.body .main .sliver img{
		/* width: 70%; */
	}
	.body .infoBar{
		font-size:13px;
		line-height:38px;
	}
	.body .slogan{
		margin-top: 30px;
	}

	.body .sliver {
	    text-align: center;
	    margin-top: 76px;
	}
	.body .btn {
	    width: 180px;
	    height: 48px;
	    margin: 48px auto;
	}
	.body .code img{
		width: 106px;
	}

}