*{
	font-family: 微软雅黑,SimSun,"Times New Roman",Serif;
}
.container{
	width: 1170px !important;
}

/*模态框header*/
.modal-header{
	border: none;
	padding: 0;
}
.modal-header .close span{
	font-size: 35px;
}


/*所有a悬停变色 除了底部导航*/
a:hover{
	color: #333 !important; 
}

.foot a:hover{
	color: #fff !important; 
}
.mulu .col-xs-2:hover{
	color: #333 !important;
}


/*图片移入放大*/
.hover-img img:hover{
	transform:scale(1.1) ;
}
.hover-img img{
	transition: all 0.5s;
	cursor: pointer;
}

.english:hover{
	color: #fff !important;
}



a{
	text-decoration:none !important;
}
.index-nav a{
	color: #fff !important;
	font-size:0.9em;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
	background:none;
}
.index-nav .caret{
	color: #00a69a
}
.breadcrumb{
	background:none;
	float: right;
	margin-top:20px;
}
.z-p2 .col-md-3{
	padding: 6px;
	overflow: hidden;
}
.z-p3 .col-md-2{
	border:3px solid #01a89e;
	padding: 8px;
}
.z-p3 .col-md-4{
	border:3px solid #01a89e;
	padding: 8px;
}
.car1-1 .col-md-6 p{
	border-top: 1px solid #b2b2b2;
	padding: 1%
}



/*详情页顶部图片动画*/

.topimg{
	opacity: 0;
	animation: opa 1.5s ease-out 0.4s; 
	animation-fill-mode: forwards;
}

@keyframes opa {
			0% {
				opacity: 0;
				left: -30%;
			}
			100% {
				opacity: 1;
				left: 0;
			}
		}

/*企业文化*/
.ab p{
	color: #656565;
	font-size: 1.23em;
	line-height: 2em
}
.ab2 p{
	color: #656565;
	font-size: 1.28em;
	
}

/*招聘信息*/
.zhaopin1 span{
	display: inline-block;
	vertical-align: top
}
/*.zhaopin span{
	display: inline-block;
	vertical-align: top
}*/


/*支持*/
.by-2 p{
	color: #000
}

/*后台招聘*/
.admin-join span{
	display: inline-block;
}

/*首页解决方案图片放大*/
.p-img2 img{
	transition: all 1s;
}
.pro-3 .col-md-3 a:hover >.p-img2 img{
	transform:scale(1.1) ;
	/*transform:rotateY(360deg);*/
}
/*首页解决方案图片移动*/
/*.pro-3 .col-md-3{
	position: relative;
	
	opacity: 0;
}*/



/*顶部导航栏*/
.index-nav > li a{
	/*border-radius: 0.3em;*/
	color: #666
}
.index-nav > li >ul >li >a{
	line-height: 2.5em
}
.index-nav > li >ul >li >ul >li >a{
	line-height: 2.5em
}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
	background: #003366 ;
	color: #fff;
}
.dropdown-menu{
	background: #fff;
}
.dropdown-menu a{
	background: #fff;
	color: #003366 !important;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff !important;
  text-decoration: none;
  background-color:#999;
  outline: 0;
}

/*解决方案页面图面悬停放大*/
.aa{
	position: relative;
	opacity: 0;
	transition: all 0.5s;
	color: #666;

}
.ee{
	height: 320px;
}
.mm{
	animation: move 1s ease 0.5s;
	animation-fill-mode:forwards;
}
.m1{
	animation: move1 1.5s ease 0.5s;
	animation-fill-mode:forwards;
}
.m2{
	animation: move2 2s ease 0.5s;
	animation-fill-mode:forwards;
}
.m3{
	animation: move3 2.5s ease 0.5s;
	animation-fill-mode:forwards;
}


.aa:hover{
	
	color: #fff;
	
	transform:scale(1.1);

}
.aa:hover >.ee{
	
	background: #003366;
	padding: 5%;
	/*box-shadow: 0px 0px 20px red inset;*/
	animation: color 1s ease ;
	animation-fill-mode:forwards;
	
}

.aa:hover >.ee >div{
	color: #fff !important;
}
.aa:hover >.ee >div>p{
	color: #fff !important;
}









.aa >div >img{
	
	position: relative;
	
	transition: all 1s;
}
.bb{
	position: absolute;
	opacity: 1;
	
	bottom:-3em;
	transition: all 1s;
	
}
.aa:hover > div img{
	transform:scale(1.05);
	
}
.aa:hover > div .bb{
	bottom: 0em;
	opacity: 1;
}
@keyframes move{
			0%{
				left: 0;
				opacity: 0;
			}
			100%{
				left: 0;
				opacity: 1;
			}
		}

@keyframes move1{
			0%{
				left: -343px;
				opacity: 0;
			}
			100%{
				left: 0;
				opacity: 1;
			}
		}

@keyframes move2{
			0%{
				left: -686px;
				opacity: 0;
			}
			100%{
				left: 0;
				opacity: 1;
			}
		}
@keyframes move3{
			0%{
				left: -1029px;
				opacity: 0;
			}
			100%{
				left: 0;
				opacity: 1;
			}
		}

@keyframes color{
			0%{
				background: #fff;
				box-shadow: 0px 0px 0px #003366 inset;
			}
			100%{
				background: #003366;
				box-shadow: 0px 0px 15px #02509d inset;
			}
		}		


/*装配优势动效*/
.zp img{
	opacity: 0;
}
.zp-1{
	animation: zp-1 0.5s ease 0.3s;
	animation-fill-mode:forwards;
}
.zp-2{
	animation: zp-2 0.5s ease 2s;
	animation-fill-mode:forwards;
}
.zp-3{
	animation: zp-3 1s ease 1s;
	animation-fill-mode:forwards;
}
.zp-4{
	animation: zp-4 1s ease 1s;
	animation-fill-mode:forwards;
}
@keyframes zp-1{
			0%{
				opacity: 0;
				top: 50px;
			}
			100%{
				opacity: 1;
				top: 0;
			}
		}
@keyframes zp-2{
			0%{
				opacity: 0;
			}
			100%{
				opacity: 1;
			}
		}
@keyframes zp-3{
	0%{
		left: -150px;
		opacity: 0;
	}
	100%{
		left: 0;
		opacity: 1;
	}
}
@keyframes zp-4{
	0%{
		left: 150px;
		opacity: 0;
	}
	100%{
		left: 0;
		opacity: 1;
	}
}

/*装配自动化顶部动画 共用*/
.car-1 p{
	color: #555;
	line-height: 0.8em;
}

.car-1 .col-md-10 div{
	/*opacity: 0;*/
}

/*医疗*/
.yiliao-1 p{
	color: #555;
	font-size: 1.5em
}
.yiliao-1 .col-md-4:nth-child(1) p{
	opacity: 0;
	position: relative;
	animation: left 0.5s ease-out 1.3s; 
	animation-fill-mode: forwards;
}
.yiliao-1 .col-md-4:nth-child(1) img{
	opacity: 0;
	position: relative;
	animation: left 0.7s ease-out 0.8s; 
	animation-fill-mode: forwards;
}

.yiliao-1 .col-md-4:nth-child(3) p{
	opacity: 0;
	position: relative;
	animation: right 0.5s ease-out 1.3s; 
	animation-fill-mode: forwards;

}
.yiliao-1 .col-md-4:nth-child(3) img{
	opacity: 0;
	position: relative;
	animation: right 0.7s ease-out 0.8s; 
	animation-fill-mode: forwards;
}

.yiliao-img1{
	opacity: 0;
	position: relative;
	animation: top 0.5s ease-out 0.2s; 
	animation-fill-mode: forwards;
}
.yiliao-img2{
	opacity: 0;
	position: relative;
	animation: bottom 0.5s ease-out 0.2s; 
	animation-fill-mode: forwards;
}







/*.yiliao-1 .col-md-4:nth-child(3) p:nth-child(odd){
	opacity: 0;
	position: relative;
	animation: right 1.5s ease-out 0.8s; 
	animation-fill-mode: forwards;
}
.yiliao-1 .col-md-4:nth-child(3) img:nth-child(odd){
	opacity: 0;
	position: relative;
	animation: right 1.5s ease-out 0.4s; 
	animation-fill-mode: forwards;
}*/

@keyframes left {
			0% {
				opacity: 0;
				left: -30%;
			}
			100% {
				opacity: 1;
				left: 0;
			}
		}

@keyframes right {
			0% {
				opacity: 0;
				right: -30%;
			}
			100% {
				opacity: 1;
				right:0;
			}
		}	

@keyframes top {
			0% {
				opacity: 0;
				top: -30%;
			}
			100% {
				opacity: 1;
				top:10%;
			}
		}		
@keyframes bottom {
			0% {
				opacity: 0;
				top: 30%;
			}
			100% {
				opacity: 1;
				top:-10%;
			}
		}


/*详情页图片效果*/	
.info-1 img{
	transition: all 0.5s;
}
.info-1:hover > img{
	transform:scale(1.1);
}	


/*精密加工图片动效*/
.jingmi-2 .col-md-3 div{
	position: relative;
	overflow: hidden;
	top: 0;
	transition: all 0.5s;
}
.jingmi-2 .col-md-3 div img{
	position: relative;
	transition: all 0.5s;
	
}
.jingmi-2 .col-md-3:hover >div img{
	transform:scale(1.1);
	
}
.jingmi-2 .col-md-3:hover >div{
	top:-10px;
}


.jingmi-3 .col-md-3 div{
	position: relative;
	overflow: hidden;
	top: 0;
	transition: all 0.5s;
}
.jingmi-3 .col-md-3 div img{
	position: relative;
	transition: all 0.5s;	
}
.jingmi-3 .col-md-3 div p{
	position: relative;
	z-index: 2;	
}
.jingmi-3 .col-md-3:hover >div img{
	transform:scale(1.1);
	
}
/*.jingmi-3 .col-md-3:hover >div{
	top:10px;
}*/




/*精密加工图片动效*/
.jishu-2 .col-md-4 div{
	position: relative;
	overflow: hidden;
	top: 0;
	transition: all 0.5s;
}
.jishu-2 .col-md-4 div img{
	position: relative;
	transition: all 0.5s;
	
}
.jishu-2 .col-md-4 div p{
	position: relative;
	z-index: 2;	
}
.jishu-2 .col-md-4:hover >div img{
	transform:scale(1.1);
	
}
.jishu-2 .col-md-4:hover >div{
	top:-10px;
}

/*加入FHS col-md-8图片*/
.jishu-2 .col-md-8 div{
	position: relative;
	overflow: hidden;
	top: 0;
	transition: all 0.5s;
}
.jishu-2 .col-md-8 div img{
	position: relative;
	transition: all 0.5s;
	
}
.jishu-2 .col-md-8 div p{
	position: relative;
	z-index: 2;	
}
.jishu-2 .col-md-8:hover >div img{
	transform:scale(1.1);
	
}
.jishu-2 .col-md-8:hover >div{
	top:-10px;
}

/*装配自动化页面商品图片*/
/*.chanpin .col-xs-3 div div img{
	transition: all 0.5s;
}
.chanpin .col-xs-3:hover >div div img{
	transform:scale(1.1);
}*/


/*企业文化*/
.about-i{
	position: relative;
	opacity: 0;
	top: -100px;
	transition: all 0.5s;
}
.i1{
	animation: about-i 0.8s ease-out 0.2s; 
	animation-fill-mode: forwards;
}
.i2{
	animation: about-i 0.8s ease-out 0.5s; 
	animation-fill-mode: forwards;
}
.i3{
	animation: about-i 0.8s ease-out 0.8s; 
	animation-fill-mode: forwards;
}
.i4{
	animation: about-i 0.8s ease-out; 
	animation-fill-mode: forwards;
}
@keyframes about-i {
			0% {
				opacity: 0;
				top: -100px;
			}
			70%{
				opacity: 0.8;
				top: 20px;
			}
			100% {
				opacity: 1;
				top:0;
			}
		}


/*装配优势文字动效*/

.car-yh{

	animation: car-y1 1s ease-out 0.3s; 
	animation-fill-mode: forwards;
}

.car-yh div{
	opacity: 0;
	position: relative;
}
.car-yh .col-md-6{
	animation: car-y2 0.8s ease-out 0.8s; 
	animation-fill-mode: forwards;
}
.car-yh .col-md-11{
	animation: car-y3 0.8s ease-out 1.2s; 
	animation-fill-mode: forwards;
}


@keyframes car-y1{
	0%{
		background: rgba(43,98,152,0);
	}
	100%{
		background: rgba(43,98,152,0.7);
	}
}

@keyframes car-y2{
	0%{
		top: -50px;
		opacity: 0;
	}
	100%{
		top: 0;
		opacity: 1;
	}
}
@keyframes car-y3{
	0%{
		top: 50px;
		opacity: 0;
	}
	100%{
		top: 0;
		opacity: 1;
	}
}		


/*医疗移入图片显示文字*/
.yiliao-t .col{
	padding: 6px;
	overflow: hidden;
}
.yiliao-t .col div{
	position: relative;
	overflow: hidden;

}
.yiliao-t .col p{
	background:#003366;
	position: absolute;
	bottom:-30%;
	color: #fff;
	padding: 3%;
	margin: 0;
	width: 100%;
	text-align: center;
}

/*装配优势文字动效*/

.zhuangpei-img-img img{
	opacity: 0;
}

.zhuangpei-img img{
	transition: all 0.5s;
	opacity: 0;
}

.zhuangpei-img img:hover{
	transform:scale(1.3);
}


.zhuangpei-img .aa1{
	
	animation: aa1 0.8s ease-out 0.3s; 
	animation-fill-mode: forwards;
}
.zhuangpei-img .aa2{
	animation: aa2 0.5s ease-out 1.1s; 
	animation-fill-mode: forwards;
}
.zhuangpei-img .aa3{
	animation: aa3 0.5s ease-out 1.4s; 
	animation-fill-mode: forwards;
}
.zhuangpei-img .aa4{
	animation: aa4 0.5s ease-out 1.7s; 
	animation-fill-mode: forwards;
}
.zhuangpei-img .aa5{
	animation: aa5 0.5s ease-out 2s; 
	animation-fill-mode: forwards;
}
.zhuangpei-img .aa6{
	animation: aa6 0.5s ease-out 2.3s; 
	animation-fill-mode: forwards;
}
.zhuangpei-img .aa7{
	animation: aa7 0.5s ease-out 2.6s; 
	animation-fill-mode: forwards;
}
.zhuangpei-img .aa8{
	animation: aa8 0.5s ease-out 2.9s; 
	animation-fill-mode: forwards;
}
.zhuangpei-img .aa9{
	animation: aa9 0.5s ease-out 3.2s; 
	animation-fill-mode: forwards;
}


@keyframes aa1{
	0%{
		transform:scale(0);
		opacity: 0;
	}
	100%{
		transform:scale(1);
		opacity: 1;
	}
}	

@keyframes aa2{
	0%{
		opacity: 0;
		left: 42%;
		top: 28%;
	}
	100%{
		opacity: 1;
		left: 21%;
		top: 8.5%;
	}
}
@keyframes aa3{
	0%{
		opacity: 0;
		left: 42%;
		top: 28%;
	}
	100%{
		opacity: 1;
		left: 17%;
		top: 30%;
	}
}
@keyframes aa4{
	0%{
		opacity: 0;
		left: 42%;
		top: 28%;
	}
	100%{
		opacity: 1;
		left: 21.5%;
		top: 51%;
	}
}
@keyframes aa5{
	0%{
		opacity: 0;
		left: 42%;
		top: 28%;
	}
	100%{
		opacity: 1;
		left: 34%;
		top: 63%;
	}
}
@keyframes aa6{
	0%{
		opacity: 0;
		left: 42%;
		top: 28%;
	}
	100%{
		opacity: 1;
		left: 49%;
		top: 63%;
	}
}
@keyframes aa7{
	0%{
		opacity: 0;
		left: 42%;
		top: 28%;
	}
	100%{
		opacity: 1;
		left: 61.5%;
		top: 51%;
	}
}
@keyframes aa8{
	0%{
		opacity: 0;
		left: 42%;
		top: 28%;
	}
	100%{
		opacity: 1;
		left: 66%;
		top: 30%;
	}
}
@keyframes aa9{
	0%{
		opacity: 0;
		left: 42%;
		top: 28%;
	}
	100%{
		opacity: 1;
		left: 61.5%;
		top: 8.5%;
	}
}

.zhuangpei-img div{
	transition: all 0.5s;
	opacity: 0;
}

.zhuangpei-img div{
	animation: aa10 1s ease-out 0.1s; 
	animation-fill-mode: forwards;
}
@keyframes aa10{
	0%{
		opacity: 0;
		top: -10%;
	}
	100%{
		opacity: 1;
		top: 2%;
	}
}


/*医疗解决方案动效  第一行*/
.ylba .yla-1{
	left: -180px;
	transform:scale(0.2);
	opacity: 0;
	animation: yla 1s ease-out 0.3s; 
	animation-fill-mode: forwards;
}
.ylba .yla-2{
	left: -355px;
	transform:scale(0.2);
	opacity: 0;
	animation: yla 1s ease-out 0.6s; 
	animation-fill-mode: forwards;
}
.ylba .yla-3{
	top:  -180px;
	transform:scale(0.2);
	opacity: 0;
	animation: yla 1s ease-out 0.9s; 
	animation-fill-mode: forwards;
}
.ylba .yla-4{
	top:-180px;
	left:-180px;
	opacity: 0;
	transform:scale(0.2);
	animation: yla 1s ease-out 1.2s; 
	animation-fill-mode: forwards;
}
.ylba .yla-5{
	top:-180px;
	left:-355px;
	opacity: 0;
	transform:scale(0.2);
	animation: yla 1s ease-out 1.5s; 
	animation-fill-mode: forwards;
}
.ylba .yla-6{
	top:-360px;
	left:-180px;
	opacity: 0;
	transform:scale(0.2);
	animation: yla 1s ease-out 1.8s; 
	animation-fill-mode: forwards;
}
.ylba .yla-7{
	left:-750px;
	top: -200px;
	opacity: 0;
	transform:scale(0.2);
	animation: yla 1s ease-out 2.1s; 
	animation-fill-mode: forwards;
}

@keyframes yla{
	0%{
		opacity: 0;
		
	}
	100%{
		opacity: 1;
		left: 0;
		top: 0;
		transform:scale(1);
	}
}

/*医疗解决方案动效  第二行*/
.ylbb .ylb-1{
	left: 750px;
	top: -200px;
	opacity: 0;
	transform:scale(0.2);
	animation: yla 1s ease-out 0.3s; 
	animation-fill-mode: forwards;
	
}
.ylbb .ylb-2{
	left: 350px;
	top: 0px;
	opacity: 0;
	transform:scale(0.2);
	animation: yla 1s ease-out 0.6s; 
	animation-fill-mode: forwards;
}
.ylbb .ylb-3{
	left: 180px;
	top: 0px;
	opacity: 0;
	transform:scale(0.2);
	animation: yla 1s ease-out 0.9s; 
	animation-fill-mode: forwards;
}
.ylbb .ylb-5{
	left: 360px;
	top: -200px;
	opacity: 0;
	transform:scale(0.2);
	animation: yla 1s ease-out 1.2s; 
	animation-fill-mode: forwards;
}
.ylbb .ylb-6{
	left: 360px;
	top: -400px;
	opacity: 0;
	transform:scale(0.2);
	animation: yla 1s ease-out 1.5s; 
	animation-fill-mode: forwards;
}
.ylbb .ylb-7{
	left: 120px;
	top: -270px;
	opacity: 0;
	transform:scale(0.2);
	animation: yla 1s ease-out 1.8s; 
	animation-fill-mode: forwards;
}


/*技术鼠标移入动效*/
.jishu-a .col img{
	transition: all 0.5s;
}
.jishu-a .col img:hover{
	transform:scale(1.1);
}

.yla-10{
	left:-300px;
	top: -300px;
	opacity: 0;
	transform:scale(0.2);
	animation: yla 1s ease-out 1.8s; 
	animation-fill-mode: forwards;
}
.ylbb .ylb-10{
	left: 120px;
	top: -270px;
	opacity: 0;
	transform:scale(0.2);
	animation: yla 1s ease-out 0.9s; 
	animation-fill-mode: forwards;
}


/*企业荣誉*/
.rongyu-c .img{
	position: relative;
	transition: all 0.5s;
	left: 0;
	top: 0;
}
.rongyu-c .img:hover{
	left: -7px;
	top: -7px;
	box-shadow: 6px 6px 3px #888888;
}

/*产品详情图片右下角手势*/
.car-img .col-xs-3:hover{
	cursor: pointer;
}
/*首页logo手势*/


/*首页优势图动效*/

.youshi-x > .a1{
	transition: all 0.5s;
	cursor: pointer;
}
.youshi-x > .a1:hover{
	transform:scale(1.3);
}





.youshi-x img{
	opacity: 0;
}
.youshi-y .img1{
	animation: img1 1s ease-out 0.2s; 
	animation-fill-mode: forwards;
	
}
.youshi-y .img2{
	transform:scale(1);
	animation: img2 0.5s ease-out 1.3s; 
	animation-fill-mode: forwards;
	
}
.youshi-y .img3{
	transform:scale(1);
	animation: img2 0.5s ease-out 1.5s; 
	animation-fill-mode: forwards;
	
}
.youshi-y .img4{
	transform:scale(1);
	animation: img2 0.5s ease-out 1.7s; 
	animation-fill-mode: forwards;
	
}
.youshi-y .img5{
	transform:scale(1);
	animation: img2 0.5s ease-out 1.9s; 
	animation-fill-mode: forwards;
	
}
.youshi-y .img6{
	transform:scale(1);
	animation: img2 0.5s ease-out 2.1s; 
	animation-fill-mode: forwards;
	
}
.youshi-y .img7{
	transform:scale(1);
	animation: img2 0.5s ease-out 2.3s; 
	animation-fill-mode: forwards;
	
}
.youshi-y .img8{
	transform:scale(1);
	animation: img2 0.5s ease-out 2.5s; 
	animation-fill-mode: forwards;
	
}
.youshi-y .img10{
	
	animation: img10 1s ease-out 3s; 
	animation-fill-mode: forwards;
	
}

@keyframes img1{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
		top: 130px;
	}
}
@keyframes img2{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
		/*transform:scale(1);*/
	}
}

@keyframes img10{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
		
	}
}


/*首页logo跑马灯*/
.box
{
    height: 100px;
    overflow: hidden;
    width: 1500px
}

.box img
{
    border-style: none;
    margin-left: 17px;
    
}

.box ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.box ul li
{
    float: left;
}




.jingmi-list{
	background:rgba(0,0,0,0.5);
	width: 180px;
	height: 400px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	color: #fff;
	font-size: 1.1em;
	line-height: 22px;
	opacity: 0;
	padding: 25px;

}

.jingmi-list-1{
	background:rgba(0,0,0,0.5);
	width: 150px;
	height: 40px;
	position: absolute;
	left: 10px;
	top: 20px;
	color: #fff;
	font-weight: 700;
	font-size: 1.3em;
	line-height: 40px;
	text-align: center;
}


.xinwen-list .col-xs-9 .biaoti-a{
	color: #424242
}
.xinwen-list:hover >.col-xs-9 .biaoti-a{
	color: #003366
}

/*公司简介*/
.about-top-l{
	color:#333;
	padding:2%;
	position: relative;
	left: -500px;
	opacity: 0;
	animation: about-top-l 1s ease-out 0.1s; 
	animation-fill-mode: forwards;
}

@keyframes about-top-l{
	0%{
		opacity: 0;
		left: -500px;
	}
	100%{
		opacity: 1;
		left: 0;
	}
}

/*顶部厂房动效*/
.changfang{

	position:absolute;
	right: -500px;
	top: 0;
	padding: 0;
	height: 442px;
	opacity: 0;
	animation: changfang 1s ease-out 0s; 
	animation-fill-mode: forwards;
}
@keyframes changfang{
	0%{
		opacity: 0;
		right: -500px;
	}
	100%{
		opacity: 1;
		right: 0;
	}
}

/*顶部厂房动效英文*/
.changfang2{

	position:absolute;
	right: -500px;
	top: 0;
	padding: 0;
	height: 442px;
	opacity: 0;
	animation: changfang2 1s ease-out 0s; 
	animation-fill-mode: forwards;
}
@keyframes changfang2{
	0%{
		opacity: 0;
		right: -500px;
	}
	100%{
		opacity: 1;
		right: -200px;
	}
}


.fenbu{
	position: relative;
	top: 500px;
	opacity: 0;
	animation: fenbu 1s ease-out 0.3s; 
	animation-fill-mode: forwards;
}
@keyframes fenbu{
	0%{
		opacity: 0;
		top: 500px;
	}
	100%{
		opacity: 1;
		top: 0;
	}
}





.dizhi{
	
	opacity: 0;
	position: relative;
	top: 100px;
	animation: dizhi 0.5s ease-out 0.1s; 
	animation-fill-mode: forwards;
}
@keyframes dizhi{
	100%{
		opacity: 1;
		top: 0;
	}
}
.dizhi2{
	
	opacity: 0;
	position: relative;
	top: 100px;
	animation: dizhi 0.5s ease-out 0.6s; 
	animation-fill-mode: forwards;
}
.dizhi3{
	
	opacity: 0;
	position: relative;
	top: 100px;
	animation: dizhi 0.5s ease-out 1.1s; 
	animation-fill-mode: forwards;
}





/*
.dizhi-img{
	padding: 0;
	height: 331px;
	opacity: 0;
	position: relative;

}
.dizhi-xinxi{
	background: #fff;
	height: 331px;
	padding: 3% 3% 3% 8%;
	color: #666
}



.dizhi .dizhi-img{
	animation: dizhi-img 1s ease-out 0.1s; 
	animation-fill-mode: forwards;
}
@keyframes dizhi-img{
	0%{
		opacity: 0;
		
	}
	100%{
		opacity: 1;
		left: 0px;
	}
}

.dizhi .dizhi-xinxi{
	animation: dizhi-xinxi 0.3s ease-out 1s; 
	animation-fill-mode: forwards;
}
@keyframes dizhi-xinxi{
	0%{
		background: #fff;
	}
	100%{
		background: #ddd;
	}
}

.dizhi .dizhi-xinxi div{
	animation: dizhi-xinxi-div 1s ease-out 1.3s; 
	animation-fill-mode: forwards;
}
@keyframes dizhi-xinxi-div{
	0%{
		transform: scale(0)
	}
	100%{
		transform: scale(1)
	}
}
*/

/*企业文化*/
.qiyewenhua{
	opacity: 0;
	position: relative;
	top: 200px;
	animation: qiyewenhua 1s ease-out 0.1s; 
	animation-fill-mode: forwards;
}

@keyframes qiyewenhua{
	0%{
		opacity: 0;
		top: 200px;
	}
	100%{
		opacity: 1;
		top: 0px;
	}
}


/*精密加工优势*/

.fq .fq-div{
	opacity: 0;
	cursor: pointer;
}
.fq .youshi-1{
	
	animation: jingmiyoushi 0.4s linear 0.1s; 
	animation-fill-mode: forwards;
}
.fq .youshi-2{
	
	animation: jingmiyoushi 0.4s linear 0.4s; 
	animation-fill-mode: forwards;
}
.fq .youshi-3{
	
	animation: jingmiyoushi 0.4s linear 0.7s; 
	animation-fill-mode: forwards;
}
/*.youshi-4{
	
	animation: jingmiyoushi 0.4s linear 1s; 
	animation-fill-mode: forwards;
}*/
.fq .youshi-5{
	
	animation: jingmiyoushi 0.4s linear 1s; 
	animation-fill-mode: forwards;
}
@keyframes jingmiyoushi{
	0%{
		opacity: 0;
		right: 100px;
	}
	100%{
		opacity: 1;
		right: 0;
	}
}


/*产品列表*/
.shoplist img{
	cursor: pointer;
	transition: all 1s;
}
.shoplist img:hover{
	transform:scale(1.1);
}

/*工艺流程*/


.liucheng-z-img:hover{
	transform: scale(1) !important;
}


/*
.jishu-a1{
	width: 180px;
	position: absolute;
	overflow: hidden;
	top:50px;
	left: 60px;
	text-align: center;
	transform: scale(0);
	animation: jishu-a 0.5s linear 0.5s;
	animation-fill-mode: forwards;
}
.jishu-a2{
	width: 180px;
	position: absolute;
	overflow: hidden;
	top:50px;
	left: 310px;
	text-align: center;
	transform: scale(0);
	animation: jishu-a 0.5s linear 1.1s;
	animation-fill-mode: forwards;
}
.jishu-a3{
	width: 180px;
	position: absolute;
	overflow: hidden;
	top:50px;
	left: 550px;
	text-align: center;
	transform: scale(0);
	animation: jishu-a 0.5s linear 1.7s;
	animation-fill-mode: forwards;
}
.jishu-a4{
	width: 180px;
	position: absolute;
	overflow: hidden;
	top:50px;
	left: 800px;
	text-align: center;
	transform: scale(0);
	animation: jishu-a 0.5s linear 2.3s;
	animation-fill-mode: forwards;
}
.jishu-a5{
	width: 180px;
	position: absolute;
	overflow: hidden;
	top:360px;
	left: 60px;
	text-align: center;
	transform: scale(0);
	animation: jishu-a 0.5s linear 4.7s;
	animation-fill-mode: forwards;
}
.jishu-a6{
	width: 180px;
	position: absolute;
	overflow: hidden;
	top:360px;
	left: 310px;
	text-align: center;
	transform: scale(0);
	animation: jishu-a 0.5s linear 4.1s;
	animation-fill-mode: forwards;
}
.jishu-a7{
	width: 180px;
	position: absolute;
	overflow: hidden;
	top:360px;
	left: 550px;
	text-align: center;
	transform: scale(0);
	animation: jishu-a 0.5s linear 3.5s;
	animation-fill-mode: forwards;
}
.jishu-a8{
	width: 180px;
	position: absolute;
	overflow: hidden;
	top:360px;
	left: 800px;
	text-align: center;
	transform: scale(0);
	animation: jishu-a 0.5s linear 2.9s;
	animation-fill-mode: forwards;
}

.liucheng-sekuai-a{
	width: 1050px;
	height: 240px;
	background:#fff;
	position: absolute;
	top: 90px;
	right: 50px;
	animation: sekuai-a 2.5s linear 0.5s;
	animation-fill-mode: forwards;
}
.liucheng-sekuai-b{
	width: 1015px;
	height: 200px;
	background:#fff;
	position: absolute;
	top: 330px;
	left: 20px;
	animation: sekuai-b 2.5s linear 3s;
	animation-fill-mode: forwards;
}

@keyframes sekuai-a{
	0%{
		width: 1050px;
	}
	100%{
		width: 0px;
	}
}
@keyframes sekuai-b{
	0%{
		width: 1015px;
	}
	100%{
		width: 0px;
	}
}
@keyframes jishu-a{
	0%{
		transform: scale(0);
		opacity: 0;
	}
	
	80%{
		transform: scale(1.1);
		opacity: 0.5;
	}
	100%{
		transform: scale(1);
		opacity: 1
	}
}
*/












.ceshi-b1 .ceshi-b2-a{
	position: absolute;
	
	width: 220px;
	overflow: hidden;
	transform:rotateY(-90deg);
	animation: ceshi-b1 0.7s linear 0s;
	animation-fill-mode: forwards; 
}

.ceshi-b1 .ceshi-b2-b{
	position: absolute;
	width: 220px;
	overflow: hidden;
	transform:rotateY(-90deg);
	animation: ceshi-b1 0.7s linear 0.4s;
	animation-fill-mode: forwards; 
}

.ceshi-b1 .ceshi-b2-c{
	position: absolute;
	width: 220px;
	overflow: hidden;
	transform:rotateY(-90deg);
	animation: ceshi-b1 0.7s linear 0.8s;
	animation-fill-mode: forwards; 
}

@keyframes ceshi-b1{
	0%{
		transform:rotateY(-90deg) 
	}
	50%{
		transform:rotateY(-30deg) 
	}
	100%{
		transform:rotateY(0deg) 
	}
}


/*.ceshi-b1 .img-1{
	opacity: 0;
	animation: img-1 0.3s linear 0.9s;
	animation-fill-mode: forwards; 
}
.ceshi-b1 .img-2{
	opacity: 0;
	animation: img-2 0.3s linear 1.9s;
	animation-fill-mode: forwards; 
}*/

@keyframes img-1{
	0%{
		opacity: 0;
		left: 300px;
	}
	
	100%{
		opacity: 1;
		left: 330px;
	}
}
@keyframes img-2{
	0%{
		opacity: 0;
		left: 630px;
	}
	
	100%{
		opacity: 1;
		left: 660px;
	}
}

/*技术流程*/
/*圆形旋转*/

/*.jishu-c img{
	position: absolute;
	opacity: 0;
}
.jishu-c .c1{
	width: 470px;
	left: 320px;
	top: 100px;
	animation: c1 0.6s linear 0.2s; 
	animation-fill-mode: forwards;
}

@keyframes c1{
	100%{
		
		top: 330px;
		opacity: 1;
	}
}

.jishu-c .b1{
	z-index: 99;
	width: 150px;
	border-radius: 50%;
	transform: scale(0);
	animation: b1 0.6s linear 3s; 
	animation-fill-mode: forwards;
}

@keyframes b1{
	100%{
		
		transform: scale(1);
		opacity: 1;
	}
}




.jishu-c .a{
	z-index: 80;
	position: absolute;
	left: 300px;
	top: 100px;
	transform-origin:90% 170%;
	
}

.jishu-c .a1{
	animation: a1 0.1s linear 0.8s; 
	animation-fill-mode: forwards;
	
}
.jishu-c .a2{
	animation: a2 0.3s linear 0.8s; 
	animation-fill-mode: forwards;
	
}
.jishu-c .a3{
	animation: a3 0.6s linear 0.8s; 
	animation-fill-mode: forwards;
	
}
.jishu-c .a4{
	animation: a4 0.9s linear 0.8s; 
	animation-fill-mode: forwards;
	
}
.jishu-c .a5{
	animation: a5 1.2s linear 0.8s; 
	animation-fill-mode: forwards;
	
}
.jishu-c .a6{
	animation: a6 1.5s linear 0.8s; 
	animation-fill-mode: forwards;
	
}
.jishu-c .a7{
	animation: a7 1.8s linear 0.8s; 
	animation-fill-mode: forwards;
	
}
.jishu-c .a8{
	animation: a8 2.1s linear 0.8s; 
	animation-fill-mode: forwards;
	
}


@keyframes a1{
	100%{
		
		
		
		opacity: 1;
	}
}
@keyframes a2{
	100%{
		
		transform:rotate(45deg);
		
		opacity: 1;
	}
}
@keyframes a3{
	100%{
		
		transform:rotate(90deg);
		
		opacity: 1;
	}
}
@keyframes a4{
	100%{
		
		transform:rotate(135deg);
		
		opacity: 1;
	}
}
@keyframes a5{
	100%{
		
		transform:rotate(180deg);
		
		opacity: 1;
	}
}
@keyframes a6{
	100%{
		
		transform:rotate(225deg);
		
		opacity: 1;
	}
}
@keyframes a7{
	100%{
		
		transform:rotate(270deg);
		
		opacity: 1;
	}
}
@keyframes a8{
	100%{
		
		transform:rotate(315deg);
		
		opacity: 1;
	}
}

*/

/*技术折叠菜单*/
/*.d-box div{
	transition: all 0.4s;
	position: relative;
	width: 115px;
	height: 321px;
	float: left;
	opacity: 0.7;
	cursor: pointer;

}
.d-box p{
	position: absolute;
	bottom: 0px;
	height: 50px;
	background:#003366;
	color:#fff;
	width: 100%;
	text-align: center;
	line-height: 50px;
	margin: 0;
	font-size: 16px;
	bottom: -30px;
	opacity: 0;
}



.d-box .a2{
	transform: rotateY(35deg)
}
.d-box .a3{
	transform: rotateY(-35deg)
}
.d-box .a4{
	transform: rotateY(35deg)
}
.d-box .a5{
	transform: rotateY(-35deg)
}
.d-box .a6{
	transform: rotateY(35deg)
}
.d-box .a7{
	transform: rotateY(-35deg)
}
.d-box .a8{
	transform: rotateY(35deg);
	
}*/



/*技术线型图*/
.jishu-e .e1{
	position: absolute;
	width: 88px;
	height: 88px;
	top: 225px;
	border-radius: 44px;
	line-height: 88px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	box-shadow: 3px 3px 3px #888888;
	transform: scale(0);
	animation-fill-mode: forwards;
}

.jishu-e .e2{
	opacity: 0;
	animation-fill-mode: forwards;
}


.e3-1{
	animation: e31 10s linear;
	animation-fill-mode: forwards;
}

@keyframes e31{
	5%{
		width: 80%;
	}
	10%{
		width: 80%;
	}
	15%{
		width: 69%;
	}
	20%{
		width: 69%;
	}
	25%{
		width: 58%;
	}
	30%{
		width: 58%;
	}
	35%{
		width: 47%;
	}
	40%{
		width: 47%;
	}
	45%{
		width: 37%;
	}
	50%{
		width: 37%;
	}
	55%{
		width: 26%;
	}
	60%{
		width: 26%;
	}
	65%{
		width: 15%;
	}
	70%{
		width: 15%;
	}
	75%{
		width: 0%;
	}
	80%{
		width: 0%;
	}
	100%{
		width: 0%;
	}
	

}

.e3-2{
	animation: e32 0.2s linear 0.7s;
	animation-fill-mode: forwards;
}
.e3-3{
	animation: e32 0.2s linear 1.7s;
	animation-fill-mode: forwards;
}
.e3-4{
	animation: e32 0.2s linear 2.7s;
	animation-fill-mode: forwards;
}
.e3-5{
	animation: e32 0.2s linear 3.7s;
	animation-fill-mode: forwards;
}
.e3-6{
	animation: e32 0.2s linear 4.7s;
	animation-fill-mode: forwards;
}
.e3-7{
	animation: e32 0.2s linear 5.7s;
	animation-fill-mode: forwards;
}
.e3-8{
	animation: e32 0.2s linear 6.7s;
	animation-fill-mode: forwards;
}
.e3-9{
	animation: e32 0.2s linear 7.7s;
	animation-fill-mode: forwards;
}



@keyframes e32{
	100%{
		height: 0%;
	}
}






.e11{
	animation: e11 0.3s linear 0.5s;
}
.e12{
	animation: e11 0.3s linear 1.5s;
}
.e13{
	animation: e11 0.3s linear 2.5s;
}
.e14{
	animation: e11 0.3s linear 3.5s;
}
.e15{
	animation: e11 0.3s linear 4.5s;
}
.e16{
	animation: e11 0.3s linear 5.5s;
}
.e17{
	animation: e11 0.3s linear 6.5s;
}
.e18{
	animation: e11 0.3s linear 7.5s;
}



@keyframes e11{
	100%{
		transform: scale(1);

	}
}


.e21{
	animation: e21 0.3s linear 1s;
}
.e22{
	animation: e21 0.3s linear 2s;
}
.e23{
	animation: e21 0.3s linear 3s;
}
.e24{
	animation: e21 0.3s linear 4s;
}
.e25{
	animation: e21 0.3s linear 5s;
}

.e26{
	animation: e21 0.3s linear 6s;
}
.e27{
	animation: e21 0.3s linear 7s;
}
.e28{
	animation: e21 0.3s linear 8s;
}


@keyframes e21{
	100%{
		opacity: 1;
	}
}

/*商品中心页面顶部文字移动进入*/
.top-text-left{
	animation: toptextleft 1s linear;
	animation-fill-mode: forwards;
	background: rgba(0,0,0,0.4);
	width: 700px;
	padding: 20px;
	position: absolute;
	bottom: 50px;
	left: 600px;
	color: #fff;
	opacity: 0;
}

@keyframes toptextleft{
	100%{
		left: 300px;
		opacity: 1;
	}
}


/*智能测控aoi顶部*/
.cekong-top .col-xs-4{
	position: relative;
	opacity: 0;
	animation: cekongtop 1s linear 0.3s;
	animation-fill-mode: forwards;
}
@keyframes cekongtop{

	100%{
		left: 0;
		opacity: 1;
	}
}

.cekong-top .col-xs-4 p{
	opacity: 0;
	animation: cekongtop 0.5s linear 1.5s;
	animation-fill-mode: forwards;
	color: #003366;
}

/*智能测控nev顶部*/

.cekong2-top>img{
	opacity: 0;
	position: absolute;
	left: 400px;
	top: 170px;
	animation: cekong2top0 1s ease 0.2s;
	animation-fill-mode: forwards;
}
@keyframes cekong2top0{
	100%{
		left: 310px;
		top: 220px;
		opacity: 1;
	}
}




.cekong2-top div{
	position: absolute;
	left: 470px;
	top: 280px;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	line-height: 35px;
	opacity: 0;

}
.cekong2-top p{
	opacity: 0;
	animation: cekong2topp 0.8s ease 3.3s;
	animation-fill-mode: forwards;
}
@keyframes cekong2topp{
	
	100%{
		opacity: 1;
	}
}






.cekong2-top .q1{
	animation: cekong2top1 0.5s ease 1.2s;
	animation-fill-mode: forwards;
}
@keyframes cekong2top1{
	50%{
		opacity: 0;
	}
	100%{
		left: 100px;
		top: 110px;
		opacity: 1;
	}
}
.cekong2-top .q2{
	animation: cekong2top2 0.5s ease 1.7s;
	animation-fill-mode: forwards;
}
@keyframes cekong2top2{
	50%{
		opacity: 0;
	}
	100%{
		left: 840px;
		top: 90px;
		opacity: 1;
	}
}
.cekong2-top .q3{
	animation: cekong2top3 0.5s ease 2.2s;
	animation-fill-mode: forwards;
}
@keyframes cekong2top3{
	50%{
		opacity: 0;
	}
	100%{
		left: 90px;
		top: 450px;
		opacity: 1;
	}
}
.cekong2-top .q4{
	animation: cekong2top4 0.5s ease 2.7s;
	animation-fill-mode: forwards;
}
@keyframes cekong2top4{
	50%{
		opacity: 0;
	}
	100%{
		left: 840px;
		top: 450px;
		opacity: 1;
	}
}



/*历史动画*/

.his{
	opacity: 1;
}

.his .cir{
	position: absolute;
	width: 30px;
	height: 30px;
	background: #fff;
	border-radius: 15px;
	top: 257px;
	transform: scale(0);
}

.his .lin{
	position: absolute;
	width: 2px;
	background: #fff;
	height: 0;
}

.his .text{
	position: absolute;
	color: #fff;
	font-weight: 700;
	opacity: 0;
}

.his .line{
	position: absolute;
	width: 0;
	height: 5px;
	background:#fff;
	top: 270px;
	left: 0 ;
	animation: line 10s linear;
	animation-fill-mode: forwards;
}
@keyframes line{
	6%{
		width: 75px;
	}
	12%{
		width: 75px;
	}
	18%{
		width: 175px;
	}
	24%{
		width: 175px;
	}
	30%{
		width: 315px;
	}
	36%{
		width: 315px;
	}
	42%{
		width: 425px;
	}
	48%{
		width: 425px;
	}
	54%{
		width: 575px;
	}
	60%{
		width: 575px;
	}
	66%{
		width: 685px;
	}
	72%{
		width: 685px;
	}
	78%{
		width: 765px;
	}
	84%{
		width: 765px;
	}
	90%{
		width: 1035px;
	}
	100%{
		width: 1035px;
	}
}


/*圆*/
.his .cir1{
	animation: cir 0.1s linear 0.6s;
	animation-fill-mode: forwards;
}
.his .cir2{
	animation: cir 0.1s linear 1.8s;
	animation-fill-mode: forwards;
}
.his .cir3{
	animation: cir 0.1s linear 3s;
	animation-fill-mode: forwards;
}
.his .cir4{
	animation: cir 0.1s linear 4.2s;
	animation-fill-mode: forwards;
}
.his .cir5{
	animation: cir 0.1s linear 5.4s;
	animation-fill-mode: forwards;
}
.his .cir6{
	animation: cir 0.1s linear 6.6s;
	animation-fill-mode: forwards;
}
.his .cir7{
	animation: cir 0.1s linear 7.8s;
	animation-fill-mode: forwards;
}

@keyframes cir{
	100%{
		transform: scale(1);
	}
}


/*线条*/
.his .lin1{
	animation: lin1 0.3s linear 0.7s;
	animation-fill-mode: forwards;
}
.his .lin2{
	animation: lin2 0.3s linear 1.9s;
	animation-fill-mode: forwards;
}
.his .lin3{
	animation: lin3 0.3s linear 3.1s;
	animation-fill-mode: forwards;
}
.his .lin4{
	animation: lin1 0.3s linear 4.3s;
	animation-fill-mode: forwards;
}
.his .lin5{
	animation: lin2 0.3s linear 5.5s;
	animation-fill-mode: forwards;
}
.his .lin6{
	animation: lin3 0.3s linear 6.7s;
	animation-fill-mode: forwards;
}
.his .lin7{
	animation: lin1 0.3s linear 7.9s;
	animation-fill-mode: forwards;
}
@keyframes lin1{
	100%{
		height: 60px;
	}
}
@keyframes lin2{
	100%{
		height: 80px;
	}
}
@keyframes lin3{
	100%{
		height: 180px;
	}
}


/*文本*/
.his .text1{
	animation: text 0.2s linear 1s;
	animation-fill-mode: forwards;
}
.his .text2{
	animation: text 0.2s linear 2.2s;
	animation-fill-mode: forwards;
}
.his .text3{
	animation: text 0.2s linear 3.4s;
	animation-fill-mode: forwards;
}
.his .text4{
	animation: text 0.2s linear 4.6s;
	animation-fill-mode: forwards;
}
.his .text5{
	animation: text 0.2s linear 5.8s;
	animation-fill-mode: forwards;
}
.his .text6{
	animation: text 0.2s linear 7s;
	animation-fill-mode: forwards;
}
.his .text7{
	animation: text 0.2s linear 8.2s;
	animation-fill-mode: forwards;
}

@keyframes text{
	100%{
		opacity: 1;
	}
}

/*地图动画*/


.map-m{
			background: url("map7.png")/*tpa=http://www.ksfhs.com/public/bs/css/map7.png*/;
			
			left: 0;
			top: 0;
			width: 1150px;
			height: 599px;
			background-position:0 0;
			
			
		}
/*.map-m{
			background: url('map7.jpg');
			animation: aa 5s ease-in 2s;
			animation-fill-mode: forwards;
			left: 917px;
			top: 267px;
			width: 1px;
			height: 1px;
			background-position:-917px -267px;
			border-radius: 300px;
			
		}

@keyframes aa{
			
			100%{
				left: 0;
				top: 0;
				width: 1150px;
				height: 599px;
				background-position:0 0;
				border-radius: 0;
				
			}
		}*/		
/*点*/
.dian {
	position: absolute;
	transform: scale(0);
	z-index: 150;
	background: #b66b0a;
}
.dian:hover{
	transform: scale(1.2) !important;
	cursor: pointer;
	box-shadow: 0px 0px 5px #e5f933;
}
.dian1{
	animation: dian 0.5s ease-in 3s;
	animation-fill-mode: forwards;
}	
.dian2{
	animation: dian 0.5s ease-in 3.3s;
	animation-fill-mode: forwards;
}	
.dian3{
	animation: dian 0.5s ease-in 3.6s;
	animation-fill-mode: forwards;
}

.dian4{
	animation: dian 0.5s ease-in 4.2s;
	animation-fill-mode: forwards;
}
.dian5{
	animation: dian 0.5s ease-in 4.5s;
	animation-fill-mode: forwards;
}
.dian6{
	animation: dian 0.5s ease-in 5.5s;
	animation-fill-mode: forwards;
}
.dian7{
	animation: dian 0.5s ease-in 6.2s;
	animation-fill-mode: forwards;
}
@keyframes dian{
	80%{
		transform: scale(1.3);
	}
	100%{
		transform: scale(1);
	}
}

/*文字*/
.wenzi {
	font-size: 17px;
	font-weight: bold;
	color: #f00;
	position: absolute;
	opacity: 0;
}
.wenzi p{
	text-shadow:-2px 0px 1px #fff,
	0px -2px 1px #fff,
	2px 0px 1px #fff,
	0px 2px 1px #fff;
}
.wenzi0{
	animation: wenzi 0.5s ease-in 2.5s;
	animation-fill-mode: forwards;
}
.wenzi1{
	animation: wenzi 0.5s ease-in 3.3s;
	animation-fill-mode: forwards;
}
.wenzi3{
	animation: wenzi 0.5s ease-in 3.6s;
	animation-fill-mode: forwards;
}
.wenzi2{
	animation: wenzi 0.5s ease-in 3.9s;
	animation-fill-mode: forwards;
}

.wenzi4{
	animation: wenzi 0.5s ease-in 4.5s;
	animation-fill-mode: forwards;
}
.wenzi5{
	animation: wenzi 0.5s ease-in 4.8s;
	animation-fill-mode: forwards;
}
.wenzi6{
	animation: wenzi 0.5s ease-in 5.8s;
	animation-fill-mode: forwards;
}
.wenzi7{
	animation: wenzi 0.5s ease-in 6.5s;
	animation-fill-mode: forwards;
}
@keyframes wenzi{
	100%{
		opacity: 1;
	}
}



/*五角星*/
.wu{
	position: absolute;
	left: 900px;
	top: 200px;
	width: 30px;
	z-index: 99;
	opacity: 0;
	animation: wu 2s ease-in ;
	animation-fill-mode: forwards;
}
@keyframes wu{
	40%{
		opacity: 1;
		top: 250px;
	}
	60%{
		top: 235px;
	}
	80%{
		top: 250px;
	}
	90%{
		top: 245px;
	}
	100%{
		top: 250px;
		opacity: 1;
	}
}




/*线路*/
.xianlu{
	position: absolute;
	left: 263px;
	top: 107px;
	width: 660px;
	opacity: 0;
	animation: ouzhou 0.5s ease-in 7s;
	animation-fill-mode: forwards;
}

/*欧洲*/
.ouzhou{
	position: absolute;
	left: 540px;
	top: -240px;
	width: 500px;
	opacity: 0;
	animation: ouzhou 0.5s ease-in 6s;
	animation-fill-mode: forwards;
}
@keyframes ouzhou{
	100%{
		opacity: 1;
		
	}
}


/*解决方案顶部介绍文字*/
.por-top-img{
	height: 400px;
	overflow: hidden;
	position: absolute;
	left: 300px;
	opacity: 0;
	animation: por-left 1s ease-in 0.1s;
	animation-fill-mode: forwards;
}
.por-top-txt{
	position: absolute;
	right: 460px;
	top: 80px;
	background: rgba(0,90,160,0.8);
	width: 500px;
	padding: 50px;
	line-height: 30px;
	color: #fff;
	opacity: 0;
	animation: por-right 0.7s ease-in 1.1s;
	animation-fill-mode: forwards;
}

@keyframes por-left{
	100%{
		left: 0;
		opacity: 1;
		
	}
}
@keyframes por-right{
	100%{
		right: 0;
		opacity: 1;
		
	}
}

/*精密加工跑马灯*/
#boxdiv li img{
	/*border:1px solid #999;*/
	margin-bottom:5px;
}