body{font-family: MicrosoftYaHei;}

.footer_img_flex{
	width: 90%;
  margin: 0 auto;
}

.footer_font_flex{
	height: 20%;
  text-align: center;
  font-size:14px;
	font-family:MicrosoftYaHei;
	color:rgba(55,61,65,1);
	line-height:19px;
}

.wrapBox{
	width:100%;
	height:100%;
	position:fixed;
}
.box{
	width:100%;
	height:100%;
	overflow:hidden;
}
.w960{
	width:960px;
	height:100%;
	margin:0 auto;
	position:relative;
}
.page1_01{
	position:absolute;
	top:120px;
	left:-120px;
	z-index:10;
	transition:all 2s linear 0s;
}
.page1_02{
	position:absolute;
	top:250px;
	right:30px;
	z-index:9;
	transition:all 2s linear 0s;
}

.page1_02_btn{
	margin-top:15px;
	animation:play 1s linear 0s infinite alternate;
	-webkit-animation:play 1s linear 0s infinite alternate;
}
@keyframes play{
	from{
		opacity:0.3;
	}
	to{
		opacity:1;
	}
}
@-webkit-keyframes play{
	from{
		opacity:0.3;
	}
	to{
		opacity:1;
	}
}

@keyframes playremove{
	from{
		opacity:0.1;
	}
	to{
		opacity:1;
	}
}
@-webkit-keyframes play{
	from{
		opacity:0.1;
	}
	to{
		opacity:1;
	}
}

.page1_03{
	position:absolute;
	left:50%;
	margin-left:-720px;
	bottom:-130px;
}
.page1_04{
	position:absolute;
	right:-50px;
	top:460px;
}
.box.comeout .page1_01{
	left:-220px;
	opacity:0;
}
.box.comeout .page1_02{
	top:350px;
	opacity:0;
}
.page2_01{
	transform:translate(-50%,-50%) rotate(0deg);
	transform:translate(0%,0%) rotate(0deg);
	transition:all 2s ease 0s;
}
.box.comeout .page2_01{
	transform:translate(-50%,-50%) rotate(-360deg);
	opacity:0;
}
.page3{
	background:yellowgreen;
}
.page4{
	background:orange;
}
.fixedNav{
	height:60px;
	width:100%;
	background:url(../images/index/sprite.png) repeat-x;
	position:fixed;
	z-index:10;
}

/*������鿪ʼ*/

.companey{
	background: url(../../images/index/connect_bg.png);
	background-size: 100% 100%;
	height: 100%;
	width: 100%;
}

.companey_titile{
	font-size:36px;
	font-family:MicrosoftYaHei;
	color:rgba(255,255,255,1);
	line-height:47px;
	text-align: center;
	padding-top: 200px;
}

.connect_us{
	background:rgba(255,255,255,1);
	border-radius:100px;
	width:130px;
	height:40px;
	margin-left: 45%;
	margin-top: 50px;
}

.top-main-content_newlog{
	color: #fff;
}

.connect_us p{
	width:80px;
	height:21px;
	font-size:16px;
	font-family:MicrosoftYaHei;
	color:rgba(55,61,65,1);
	line-height:21px;
	text-align: center;
	margin: 0 auto;
	padding-top: 10px;
}


.companey_content{
	margin: 0 auto;
	width: 60%;
	padding-top: 3%;
}

.companey_content img{
	width: 100%;
}

.companey_top ul li{
	padding-left: 7%;
}

.conponey_bottom ul{
	padding-left: 4%;
}

.conponey_bottom ul li{
	padding-left: 4.5%;
	padding-top: 2%;
}
@media only screen and (max-width: 1400px) {
	
	.companey_top ul li{
		padding-left: 7.5%;
	}
	
	.conponey_bottom ul li{
		padding-left: 2%;
	}
}

@media only screen and(max-width:1090px) {
	
	.companey_top ul li{
		padding-left: 6%;
	}
	
	.conponey_bottom ul li{
		padding-left: 0.4%;
	}
}

@media only screen and (max-width: 500px) {
	
	.companey_titile{
		font-size:25px;
		font-family:MicrosoftYaHei;
		color:rgba(255,255,255,1);
		line-height:47px;
		text-align: center;
		padding-top: 100px;
	}
	
	.connect_us{
		background:rgba(255,255,255,1);
		border-radius:100px;
		width:130px;
		height:44px;
		margin-left: 35%;
		margin-top: 20px;
	}
}

/*��ҵ���������ʼ*/
.solution{
	background: #FFFFFF;
}

.solution_title{
	width:192px;
	height:31px;
	font-size:24px;
	font-family:MicrosoftYaHei;
	color:rgba(55,61,65,1);
	line-height:31px;
	margin: 0 auto;
	margin-top: 8%;
}

.solution_text{
	width:385px;
	height:42px;
	font-size:16px;
	font-family:MicrosoftYaHei;
	color:rgba(55,61,65,1);
	line-height:21px;
	margin: 0 auto;
	margin-top: 2%;
}

.solution_content{
	width: 60%;
	margin: 0 auto;
	height: 100%;
}

.solution_content > div{
	float: left;
	width: 20%;
}

.solution_content_list ul li{
	height: 100px;
	width: 90%;
	margin: 0 auto;
}
.solution_content_list ul li{
	height: 100px;
}

.solution_content_list ul li p{
	text-align: center;	
	padding: 5px;
}

.solution_content_list_top ul li {
	padding-top: 18%;
}

.solution_content_list_end ul li {
	padding-top: 3%;
}

.solution_content_arrow{
	padding-top: 21%;
}

#solution_content_arrow_left{
	width: 7%;
	padding-right:8%;
	animation:playremove 1s linear 0s infinite alternate;
	-webkit-animation:playremove 1s linear 0s infinite alternate;
	
}

#solution_content_arrow_right{
	width: 7%;
	padding-left:8%;
	animation:playremove 1s linear 0s infinite alternate;
	-webkit-animation:playremove 1s linear 0s infinite alternate;
	
}

#solution_content_cloud{
	background: url(../../images/index/solution4.png);
	background-size: 100% 100%;
	width: 30%;
	margin-top: 7%;
	height: 80%;
}

.solution_content_cloud_img{
	width: 50%;
	padding: 28%;
}

#solution_content_list{
	width: 20%;
}

.solution_content_cloud_img{
	margin: 0 auto;
	/*animation:play 1s linear 0s infinite alternate;
	-webkit-animation:play 1s linear 0s infinite alternate;*/
}

.solution_content_cloud_img img{
	padding-left: 8%;
}

.solution_content_cloud_img_title{
	height:31px;
	font-size:24px;
	font-family:MicrosoftYaHei;
	color:rgba(55,61,65,1);
	line-height:31px;
	text-align: center;
	margin: 0 auto;
	padding: 2%;
	padding-right: 12%;
}

.solution_content_cloud_img_text{
	width:100%;
	height:20px;
	font-size:80%;
	font-family:MicrosoftYaHei;
	color:rgba(55,61,65,1);
	line-height:24px;
	margin: 0 auto;
	text-align: center;
}

@media only screen and (max-width: 500px) {
	.solution_title{
		margin-top: 25%;
	}
	
	.solution_text{
		margin-top: 5%;
	}
	.solution_content{
		width: 98%;
		padding-top: 10%;
		margin-left: 2%;
	}
	
	#solution_content_cloud{
		margin-top: 20%;
	}
	
	.solution_content_cloud_img_title{
		height:25px;
		font-size:50%;
	}
	
	.solution_content_cloud_img_text{
		font-size:50%;
	}
	
	.solution_content_arrow{
		padding-top: 37%;

	}
	
	.solution_content_arrow img{
		width: 70%;
	}
	
	.companey_content {
	    margin: 0 auto;
	    width: 90%;
	    padding-top: 30%;
	}
	
}