@charset "UTF-8";

/* 首页动画 */
.index_menu{
	animation:fadeInDown 1s ease-in-out;
	-webkit-animation:fadeInDown 1s ease-in-out;
	-moz-animation:fadeInDown 1s ease-in-out;
}
.index_logo .logo{
	animation:rotateIn 1.5s .3s ease both;
	-webkit-animation:rotateIn 1.5s .3s ease both;
	-moz-animation:rotateIn 1.5s .3s ease both;	
}
.logo_bg{
	animation:fadeInDown 1s 1s ease both;
	-webkit-animation:fadeInDown 1s 1s ease both;
	-moz-animation:fadeInDown 1s 1s ease both;
	opacity:0;
	transform:translateX(600px);
	-moz-transform:translateX(600px);
	-webkit-transform:translateX(600px);
}

.logo_cn_left{
	animation:fadeInLeftBig 1s .5s ease both;
	-webkit-animation:fadeInLeftBig 1s .5s ease both;
	-moz-animation:fadeInLeftBig 1s .5s ease both;
}
.logo_cn_right{
	animation:fadeInRightBig 1s .5s ease both;
	-webkit-animation:fadeInRightBig 1s .5s ease both;
	-moz-animation:fadeInRightBig 1s .5s ease both;
}
.logo_en_left{
	animation:fadeInLeftBig 1s .8s ease both;
	-webkit-animation:fadeInLeftBig 1s .8s ease both;
	-moz-animation:fadeInLeftBig 1s .8s ease both;
}
.logo_en_right{	
	animation:fadeInRightBig 1s .8s ease both;
	-webkit-animation:fadeInRightBig 1s .8s ease both;
	-moz-animation:fadeInRightBig 1s .8s ease both;
}

.index_wz_01{
	animation:bounceIn 1s 1s ease both;
	-webkit-animation:bounceIn 1s 1s ease both;
	-moz-animation:bounceIn 1s 1s ease both;
}
.index_wz_02{
	animation:bounceIn 1s 1s ease both;
	-webkit-animation:bounceIn 1s 1s ease both;
	-moz-animation:bounceIn 1s 1s ease both;
}
.index_wz_03{
	animation:bounceIn 1s 1.2s ease both;
	-webkit-animation:bounceIn 1s 1.2s ease both;
	-moz-animation:bounceIn 1s 1.2s ease both;
}
.index_wz_04{
	animation:bounceIn 1s 1.3s ease both;
	-webkit-animation:bounceIn 1s 1.3s ease both;
	-moz-animation:bounceIn 1s 1.3s ease both;
}
.index_wz_05{
	animation:bounceIn 1s 1.4s ease both;
	-webkit-animation:bounceIn 1s 1.4s ease both;
	-moz-animation:bounceIn 1s 1.4s ease both;
}
.index_wz_06{
	animation:bounceIn 1s 1s ease both;
	-webkit-animation:bounceIn 1s 1s ease both;
	-moz-animation:bounceIn 1s 1s ease both;
}
.index_wz_07{
	animation:bounceIn 1s 1.6s ease both;
	-webkit-animation:bounceIn 1s 1.6s ease both;
	-moz-animation:bounceIn 1s 1.6s ease both;
}
.index_wz_08{
	animation:bounceIn 1s 1.7s ease both;
	-webkit-animation:bounceIn 1s 1.7s ease both;
	-moz-animation:bounceIn 1s 1.7s ease both;
}
.index_wz_09{
	animation:bounceIn 1s 1.8s ease both;
	-webkit-animation:bounceIn 1s 1.8s ease both;
	-moz-animation:bounceIn 1s 1.8s ease both;
}
.index_wz_10{
	animation:bounceIn 1s 1.9s ease both;
	-webkit-animation:bounceIn 1s 1.9s ease both;
	-moz-animation:bounceIn 1s 1.9s ease both;
}
.index_wz_11{
	animation:bounceIn 1s 2s ease both;
	-webkit-animation:bounceIn 1s 2s ease both;
	-moz-animation:bounceIn 1s 2s ease both;
}
.index_wz_12{
	animation:bounceIn 1s 2.2s ease both;
	-webkit-animation:bounceIn 1s 2.2s ease both;
	-moz-animation:bounceIn 1s 2.2s ease both;
}

.index_about_us{
	animation:flipInX 1.5s .8s ease both;
	-webkit-animation:flipInX 1.5s .8s ease both;
	-moz-animation:flipInX 1.5s .8s ease both;
}
.index_footer{
	animation:fadeInUp 1s .2s ease both;
	-webkit-animation:fadeInUp 1s .2s ease both;
	-moz-animation:fadeInUp 1s .2s ease both;
}


/*公司简介-公司概况*/
.company_item p.move{
	animation:pMove 1s ease both;
	-webkit-animation:pMove 1s ease both;
	-moz-animation:pMove 1s ease both;
}
.company_item img.move{
	animation:fadeInUp 1s .5s ease both;
	-webkit-animation:fadeInUp 1s .5s ease both;
	-moz-animation:fadeInUp 1s .5s ease both;
}
.company_item_04 p.move{
	animation:pMove 1s .5s ease both;
	-webkit-animation:pMove 1s .5s ease both;
	-moz-animation:pMove 1s .5s ease both;
}
.company_mk .move{	
	animation:fadeInUp 1s .5s ease both;
	-webkit-animation:fadeInUp 1s .5s ease both;
	-moz-animation:fadeInUp 1s .5s ease both;
}


.company_item_01 .item_list .left .move,
.company_item_01 .left.move{
	animation:fadeInLeftBig 1s .3s ease both;
	-webkit-animation:fadeInLeftBig 1s .3s ease both;
	-moz-animation:fadeInLeftBig 1s .3s ease both;	
}
.company_item_01 .item_list .mid .move,
.company_item_01 .mid.move{
	animation:bounceIn 1s .1s ease both;
	-webkit-animation:bounceIn 1s .1s ease both;
	-moz-animation:bounceIn 1s .1s ease both;	
}
.company_item_01 .item_list .right .move,
.company_item_01 .right.move{
	animation:fadeInRightBig 1s .3s ease both;
	-webkit-animation:fadeInRightBig 1s .3s ease both;
	-moz-animation:fadeInRightBig 1s .3s ease both;	
}



.ci_list li:nth-child(1) .move{
	animation:fadeInLeftBig 1s .3s ease both;
	-webkit-animation:fadeInLeftBig 1s .3s ease both;
	-moz-animation:fadeInLeftBig 1s .3s ease both;	
}
.ci_list li:nth-child(2) .move{
	animation:bounceIn 1s .1s ease both;
	-webkit-animation:bounceIn 1s .1s ease both;
	-moz-animation:bounceIn 1s .1s ease both;	
}
.ci_list li:nth-child(3) .move{
	animation:fadeInRightBig 1s .3s ease both;
	-webkit-animation:fadeInRightBig 1s .3s ease both;
	-moz-animation:fadeInRightBig 1s .3s ease both;	
}
.ci_02.move{
	animation:fadeInUp 1s .2s ease both;
	-webkit-animation:fadeInUp 1s .2s ease both;
	-moz-animation:fadeInUp 1s .2s ease both;
}
.tsdy_logo.move{
	animation:bounceIn 1s .2s ease both;
	-webkit-animation:bounceIn 1s .2s ease both;
	-moz-animation:bounceIn 1s .2s ease both;
}
.company_web_thumb .move{
	animation:bounceIn 1.2s .6s ease both;
	-webkit-animation:bounceIn 1.2s .6s ease both;
	-moz-animation:bounceIn 1.2s .6s ease both;
}
.company_web_thumb .img_2.move{
	animation:fadeInRightBig 1s .1s ease both;
	-webkit-animation:fadeInRightBig 1s .1s ease both;
	-moz-animation:fadeInRightBig 1s .1s ease both;
}
.company_web_thumb .img_3.move{
	animation:fadeInLeftBig .8s .3s ease both;
	-webkit-animation:fadeInLeftBig .8s .3s ease both;
	-moz-animation:fadeInLeftBig .8s .3s ease both;
}
.company_item_04 .fi_01.move{	
	animation:fadeInLeftBig .5s .2s ease both;
	-webkit-animation:fadeInLeftBig .5s .2s ease both;
	-moz-animation:fadeInLeftBig .5s .2s ease both;	
}
.company_item_04 .fi_02.move{	
	animation:fadeInUp .2s .8s ease both;
	-webkit-animation:fadeInUp .2s .8s ease both;
	-moz-animation:fadeInUp .2s .8s ease both;	
}
.company_last_wz .wz.move{	
	animation:fadeInUp .5s .5s ease both;
	-webkit-animation:fadeInUp .5s .5s ease both;
	-moz-animation:fadeInUp .5s .5s ease both;	
}
.company_last_wz .right_img.move,
.company_last_wz .left_img.move{
	animation:bounceIn 1s .6s ease both;
	-webkit-animation:bounceIn 1s .6s ease both;
	-moz-animation:bounceIn 1s .6s ease both;
}
/* 公司简介-概况动画 */
@keyframes pMove{
	0%{transform:translateY(100px)}
	100%{transform:translateY(0)}
}
@-webkit-keyframes pMove{
	0%{-webkit-transform:translateY(100px)}
	100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes pMove{
	0%{-moz-transform:translateY(100px)}
	100%{-moz-transform:translateY(0)}
}

/* 闪烁效果 */
@keyframes webSwipeTipAfter{
	0%{opacity:0;}
	100%{opacity:100;transform:translate3d(0,100%,0)}
}
@-moz-keyframes webSwipeTipAfter{
	0%{opacity:0;}
	100%{opacity:100;-moz-transform:translate3d(0,100%,0)}
}
@-webkit-keyframes webSwipeTipAfter{
	0%{opacity:0;}
	100%{opacity:100;-webkit-transform:translate3d(0,100%,0)}
}

/* 弹跳进入 */
@keyframes bounceIn{
	0%{opacity:0;transform:scale(.3)}
	50%{opacity:1;transform:scale(1.05)}
	70%{opacity:1;transform:scale(.9)}
	100%{opacity:1;transform:scale(1)}
}
@-webkit-keyframes bounceIn{
	0%{opacity:0;-webkit-transform:scale(.3)}
	50%{opacity:1;-webkit-transform:scale(1.05)}
	70%{opacity:1;-webkit-transform:scale(.9)}
	100%{opacity:1;-webkit-transform:scale(1)}
}
@-moz-keyframes bounceIn{
	0%{opacity:0;-moz-transform:scale(.3)}
	50%{opacity:1;-moz-transform:scale(1.05)}
	70%{opacity:1;-moz-transform:scale(.9)}
	100%{opacity:1;-moz-transform:scale(1)}
}
/* X轴淡入 */
@-webkit-keyframes flipInX{
	0%{transform:perspective(400px) rotateX(90deg);opacity:0}
	40%{transform:perspective(400px) rotateX(-10deg)}
	70%{transform:perspective(400px) rotateX(10deg)}
	100%{transform:perspective(400px) rotateX(0deg);opacity:1}
}
@-webkit-keyframes flipInX{
	0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}
	40%{-webkit-transform:perspective(400px) rotateX(-10deg)}
	70%{-webkit-transform:perspective(400px) rotateX(10deg)}
	100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}
}
@-moz-keyframes flipInX{
	0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}
	40%{-moz-transform:perspective(400px) rotateX(-10deg)}
	70%{-moz-transform:perspective(400px) rotateX(10deg)}
	100%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}
}

/* 从左边进入 */
@keyframes fadeInLeftBig{
	0%{opacity:0;filter:alpha(opacity=0);transform:translateX(-600px)}
	100%{opacity:1;filter:alpha(opacity=100);transform:translateX(0)}
}
@-webkit-keyframes fadeInLeftBig{
	0%{opacity:0;-webkit-transform:translateX(-600px)}
	100%{opacity:1;filter:alpha(opacity=100);-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeftBig{
	0%{opacity:0;-moz-transform:translateX(-600px)}
	100%{opacity:1;filter:alpha(opacity=100);-moz-transform:translateX(0)}
}

/* 从右边进入 */
@keyframes fadeInRightBig{
	0%{opacity:0;transform:translateX(600px)}
	100%{opacity:1;transform:translateX(0)}
}
@-webkit-keyframes fadeInRightBig{
	0%{opacity:0;-webkit-transform:translateX(600px)}
	100%{opacity:1;filter:alpha(opacity=100);-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRightBig{
	0%{opacity:0;-moz-transform:translateX(600px)}
	100%{opacity:1;-moz-transform:translateX(0)}
}

/* 旋转进入 */
@keyframes rotateIn{
	0%{transform-origin:center center;transform:rotate(-200deg);opacity:0}
	100%{transform-origin:center center;transform:rotate(0);opacity:1;}
}
@-webkit-keyframes rotateIn{
	0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-200deg);opacity:0}
	100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1;}
}
@-moz-keyframes rotateIn{
	0%{-moz-transform-origin:center center;-moz-transform:rotate(-200deg);opacity:0;}
	100%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1;}
}

/* 从下往上淡入 */
@keyframes fadeInUp{
	0%{transform:translateY(150px);opacity:0;}
	100%{transform:translateY(0px);opacity:1;}
}
@-moz-keyframes fadeInUp{
	0%{-moz-transform:translateY(150px);opacity:0;}
	100%{-moz-transform:translateY(0px);opacity:1;}
	
}
@-webkit-keyframes fadeInUp{
	0%{-webkit-transform:translateY(150px);opacity:0;}
	100%{-webkit-transform:translateY(0px);opacity:1;}	
}

/* 从上往下淡入 */
@keyframes fadeInDown{
	0%{opacity:0;transform:translateY(-100px)}
	100%{opacity:1;transform:translateY(0)}
}
@-webkit-keyframes fadeInDown{
	0%{opacity:0;-webkit-transform:translateY(-100px)}
	100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown{
	0%{opacity:0;-moz-transform:translateY(-100px)}
	100%{opacity:1;-moz-transform:translateY(0)}
}