/*头部*/
.index_top{
	margin-top: 80px;
	height: 650px;
	background: url(./home_bg_city.png) no-repeat center center;
	background-size: cover;
}
.banner{
	margin-top: 80px;
	height: 650px;
	display: block;
}
.us_info{
	width: 33%;
	display: inline-block;
	text-align: center;
	vertical-align: top;
}
.us_info h4{
	color: #428DFF;
	font-size: 18px;
	margin: 30px 0 10px 0;
}
.us_info p{
	width: 70%;
	margin: 0 auto;
	font-size: 14px;
	color: #A0A0A1;
	text-align: left;
	line-height: 1.7;
}
.home_submenu li{
	padding: 0;
}
.home_submenu li a{
	padding: 13px 25px;
}
/*开发语言*/
.dev_list{
	width: 100%;
	margin: 0 auto;
}
/*翻转动画*/
.list_wrap {
	width: 96px;
	height: 96px;
	cursor: pointer;
	display: inline-block;
	margin: 15px 10px;
}
.list_wrap:hover .list_creation {
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
}
.list_creation {
	width:96px;
	height:96px;
	float:left;
	-webkit-transition:all 0.6s;
	-moz-transition:all 0.6s;
	transition:all 0.6s;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	transform-style:preserve-3d;
	position: relative;
}
.list_front, .list_back {
	position:absolute;
	top:0;
	left:0;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;
}
.list_back {
	z-index:10;
	-webkit-transform:rotateY(-180deg);
	-moz-transform:rotateY(-180deg);
	transform:rotateY(-180deg);
}
.list_cont{
	background: #fff;
	width: 96px;
	height: 96px;
	border-radius: 50%;
}
.list_back .list_cont{
	background: #68ce8e;
}
.list_cont img{
	padding: 10px;
	box-sizing: border-box;
}
.list_cont .text{
	color: #FFFFFF;
	font-size: 20px;
	line-height: 96px;
	text-align: center;
}
/*我们的案例*/
.case_list{
	font-size: 0;
}
.case_list a{
	width: 33%;
	display: inline-block;
	padding: 0px 15px 20px 15px;
	box-sizing: border-box;
	vertical-align: top;
}
.case_list h3{
	font-size:20px;
	color: #5E6569;
	margin: 10px 0 10px 0;
}
.case_list p{
	font-size: 14px;
	color: #9B9EA0;
}
/*迄今为止*/
.index_count{
	height: 335px;
	background: url(./home_bg_map.png) no-repeat center center;
	background-size: cover;
	color: #fff;
	font-size: 0;
	text-align: center;
	padding-top: 44px;
	margin-top: 30px;
	box-sizing: border-box;
}
.count_title{
	font-size: 52px;
}
.count_small_t{
	font-size: 18px;
	padding: 30px 0 40px 0;
}
.count_info{
	width: 30%;
	display: inline-block;
}
.count_info div{
	font-size: 35px;
	margin-bottom: 8px;
}
.count_info p{
	font-size: 20px;
}
.count_margin{
	margin: 0 5%;
}
/*我们擅长领域解决方案*/
.plan_list,.eva_list{
	font-size: 0;
}
.plan_each{
	width: 16.666%;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
}
.plan_each img{
	width: 88px;
}
.plan_each h2{
	font-size: 18px;
	color: #5E6569;
	margin: 35px 0 20px 0;
}
.plan_each p{
	font-size: 14px;
	color: #9B9EA0;
	margin-bottom: 20px;
}
/*评价*/
.index_eva{
	margin-bottom: 65px;
}
.eva_each{
	width: 33.33%;
	display: inline-block;
	padding: 0 50px;
    box-sizing: border-box;
    vertical-align: top;
}
.eva_each .eva_head{
	border-radius: 50%;
}
.eva_each .eva_text{
	font-size: 15px;
	margin: 20px 0 40px 0;
	color: #5E6569;
	min-height: 80px;
}
.eva_each .eva_name{
	font-size: 20px;
	margin: 20px 0 15px 0;
}
.eva_each .eva_com{
	font-size: 15px;
	color: #afb0b0;
}
/*我们的客户*/
.index_customer{
	background: #5793e9;
	font-size: 0;
	padding: 50px 0 65px 0;
}
.customer_title{
	font-size: 28px;
	text-align: center;
	color: #fff;
}
.customer_img{
	text-align: center;
	display: inline-block;
	width: 25%;
	margin-top: 50px;
}
.index_top{
	position: relative;
	overflow-x: hidden;
}
.img1{
	position: absolute;
	top: 170px;
	left:23%;
	animation-duration: 2.3s;
	animation-delay: 1.5s;
}
.img2{
	position: absolute;
	top: 140px;
    left: 33%;
    animation-duration: 2.2s;
	animation-delay: 1.3s;
}
.img3{
	position: absolute;
	top: 65px;
    left: 44%;
    animation-duration: 2.1s;
	animation-delay: 1.2s;
}
.img4{
	position: absolute;
	top: 115px;
	left:65%;
	animation-duration: 2.5s;
	animation-delay: 1.1s;
}
.img5{
	position: absolute;
	top: 50px;
	left:18%;
	animation-duration: 2.8s;
	animation-delay: 1s;
}
.img6{
	position: absolute;
	top: 90px;
    left: 29%;
    animation-duration: 1.8s;
	animation-delay: 0.8s;
}
.img7{
	position: absolute;
	top: 15px;
	left:33%;
	animation-duration: 1.6s;
	animation-delay: 0.6s;
}
.img8{
	position: absolute;
	top: 20px;
	left:63%;
	animation-duration: 1.4s;
	animation-delay: 0.4s;
}
.img9{
	position: absolute;
	top: 75px;
	left:75%;
	animation-duration: 2s;
	animation-delay: 1s;
}
.img10{
	position: absolute;
	top: 205px;
	left:70%;
	animation-duration: 1.7s;
	animation-delay: 0s;
}
.img11{
	position: absolute;
	top: 182px;
    left: 60%;
    animation-duration: 1s;
	animation-delay: 0s;
}
.img12{
	position: absolute;
	top: 235px;
   left: 82%;
   animation-duration: 1.8s;
	animation-delay: 0.2s;
}
.img13{
	position: absolute;
	top: 50px;
    left: 55%;
    animation-duration: 1.3s;
	animation-delay: 0.5s;
}
.img14{
	position: absolute;
	top: 195px;
   left: 50%;
	animation-duration: 1s;
	animation-delay: 0s;
}
.img1:hover,.img2:hover,.img3:hover,.img4:hover,.img5:hover,.img6:hover,.img7:hover,.img8:hover,.img9:hover,.img10:hover,.img11:hover,.img12:hover,.img13:hover,.img14:hover{
	cursor: pointer;
	animation-play-state:paused;
}
@keyframes mymove{
	0% { 
		transform:translate(0,0);
    }
    100% {
    	transform:translate(0px,15px);
    }
}
.index_top img{
	animation-name: mymove;
	animation-iteration-count: infinite; 
	animation-direction: alternate; 
	animation-timing-function: ease-out; 
	animation-fill-mode: forwards;
}
.snow-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 100001;
}