/*jru*/
@-webkit-keyframes throb {
  0% {
    -webkit-transform: scale(1);
  }

  50% {
    -webkit-transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
  }
}

@keyframes throb {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(0.8);
  }

  100% {
    transform: scale(1);
  }
}


@keyframes rotate {
	0% {
		transform: rotate(360deg)
	}

	100% {
		transform: rotate(0)
	}
}


/*around*/
@keyframes myfirst2 {
	from {
		transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-moz-transform: rotate(360deg)
	}

	to {
		transform: rotate(0);
		-ms-transform: rotate(0);
		-webkit-transform: rotate(0);
		-o-transform: rotate(0);
		-moz-transform: rotate(0)
	}
}

@-moz-keyframes myfirst2 {
	from {
		transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-moz-transform: rotate(360deg)
	}

	to {
		transform: rotate(0);
		-ms-transform: rotate(0);
		-webkit-transform: rotate(0);
		-o-transform: rotate(0);
		-moz-transform: rotate(0)
	}
}

@-webkit-keyframes myfirst2 {
	from {
		transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-moz-transform: rotate(360deg)
	}

	to {
		transform: rotate(0);
		-ms-transform: rotate(0);
		-webkit-transform: rotate(0);
		-o-transform: rotate(0);
		-moz-transform: rotate(0)
	}
}

@-o-keyframes myfirst2 {
	from {
		transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-moz-transform: rotate(360deg)
	}

	to {
		transform: rotate(0);
		-ms-transform: rotate(0);
		-webkit-transform: rotate(0);
		-o-transform: rotate(0);
		-moz-transform: rotate(0)
	}
}


@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-2.5%, 0, 0) rotate3d(0, 0, 1, -1.5deg);
            transform: translate3d(-2.5%, 0, 0) rotate3d(0, 0, 1, -1.5deg);
  }
  30% {
    -webkit-transform: translate3d(2%, 0, 0) rotate3d(0, 0, 1, 1deg);
            transform: translate3d(2%, 0, 0) rotate3d(0, 0, 1, 1deg);
  }
  45% {
    -webkit-transform: translate3d(-1.5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-1.5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  60% {
    -webkit-transform: translate3d(1%, 0, 0) rotate3d(0, 0, 1, 0.5deg);
            transform: translate3d(1%, 0, 0) rotate3d(0, 0, 1, 0.5deg);
  }
  75% {
    -webkit-transform: translate3d(-0.5%, 0, 0) rotate3d(0, 0, 1, -0.25deg);
            transform: translate3d(-0.5%, 0, 0) rotate3d(0, 0, 1, -0.25deg);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-2.5%, 0, 0) rotate3d(0, 0, 1, -1.5deg);
            transform: translate3d(-2.5%, 0, 0) rotate3d(0, 0, 1, -1.5deg);
  }
  30% {
    -webkit-transform: translate3d(2%, 0, 0) rotate3d(0, 0, 1, 1deg);
            transform: translate3d(2%, 0, 0) rotate3d(0, 0, 1, 1deg);
  }
  45% {
    -webkit-transform: translate3d(-1.5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-1.5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  60% {
    -webkit-transform: translate3d(1%, 0, 0) rotate3d(0, 0, 1, 0.5deg);
            transform: translate3d(1%, 0, 0) rotate3d(0, 0, 1, 0.5deg);
  }
  75% {
    -webkit-transform: translate3d(-0.5%, 0, 0) rotate3d(0, 0, 1, -0.25deg);
            transform: translate3d(-0.5%, 0, 0) rotate3d(0, 0, 1, -0.25deg);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes ripple {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1)
	}

	5% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: scale(1)
	}
}

@keyframes ripple {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1);
		transform: scale(.1)
	}

	5% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}


@-webkit-keyframes arrow-bounce {
	0%,100%,20%,50%,80% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	40% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px)
	}

	60% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}
}

@keyframes arrow-bounce {
	0%,100%,20%,50%,80% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	40% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px)
	}

	60% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}
}

@keyframes imageZoom  {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.15);
	}

	100% {
		transform: scale(1);
	}
}

@-moz-keyframes imageZoom {
	0% {
		-moz-transform: scale(1);
	}

	50% {
		-moz-transform: scale(1.15);
	}

	100% {
		-moz-transform: scale(1);
	}
}

@-webkit-keyframes imageZoom {
	0% {
		-webkit-transform: scale(1);
	}

	50% {
		-webkit-transform: scale(1.15);
	}

	100% {
		-webkit-transform: scale(1);
	}
}

@-ms-keyframes imageZoom {
	0% {
		-ms-transform: scale(1);
	}

	50% {
		-ms-transform: scale(1.15);
	}

	100% {
		-ms-transform: scale(1);
	}
}  

@-webkit-keyframes ripple{ 0%{opacity:0;-webkit-transform:scale(0.1,0.1); } 5%{ opacity:1; }  100%{ opacity:0; -webkit-transform:scale(1)}}
@-moz-keyframes ripple{ 0%{opacity:0;-moz-transform:scale(0.1,0.1); } 5%{ opacity:1; }  100%{ opacity:0; -moz-transform:scale(1)}}
@-o-keyframes ripple{ 0%{opacity:0;-o-transform:scale(0.1,0.1); } 5%{ opacity:1; }  100%{ opacity:0; -o-transform:scale(1)}}
@keyframes ripple{ 0%{opacity:0;-webkit-transform:scale(0.1,0.1);-moz-transform:scale(0.1,0.1);-ms-transform:scale(0.1,0.1);transform:scale(0.1,0.1); } 5%{ opacity:1; }  100%{ opacity:0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}



@keyframes move_wave {
    0% {transform: translateX(0) translateZ(0) scaleY(1)}50% {transform: translateX(-25%) translateZ(0) scaleY(0.55)}100% {transform: translateX(-50%) translateZ(0) scaleY(1)}

    0% {-moz-transform: translateX(0) translateZ(0) scaleY(1)}50% {-moz-transform: translateX(-25%) translateZ(0) scaleY(0.55)}100% {-moz-transform: translateX(-50%) translateZ(0) scaleY(1)}

    0% {-ms-transform: translateX(0) translateZ(0) scaleY(1)}50% {-ms-transform: translateX(-25%) translateZ(0) scaleY(0.55)}100% {-ms-transform: translateX(-50%) translateZ(0) scaleY(1)}
}

@-webkit-keyframes move_wave {

 0% {-webkit-transform: translateX(0) translateZ(0) scaleY(1)}50% {-webkit-transform: translateX(-25%) translateZ(0) scaleY(0.55)}100% {-webkit-transform: translateX(-50%) translateZ(0) scaleY(1)}

}

.actionBtn3 {
	display:block;
	width:166px;
	 height:38px;
	margin-top:15px;
	text-align:center;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	transform-style:preserve-3d;
	-webkit-transform-style:preserve-3d;
}
.actionBtn3 .front,.actionBtn3 .back {
	position:absolute;
	display:block;
	width:140px;
	 height:38px;
	 border:1px solid #4c4c4d;
	line-height:38px;
	transition:all .5s;
	-webkit-transition:-webkit-transform .5s;
	-moz-transition:-moz-transform .5s;
	color:#4c4c4d;
	 font-size:14px;
	 text-decoration:none;
	 text-transform:uppercase;
}
.actionBtn3 .front {
	background-color:#fff;
	transform:translateZ(19px);
	-webkit-transform:translateZ(19px);
	-moz-transform:translateZ(19px);
}
.actionBtn3 .back {
	background-color:#4c4c4d;
	color:#fff;
	transform:rotateX(-90deg) translateZ(19px);
	-webkit-transform:rotateX(-90deg) translateZ(19px);
	-moz-transform:rotateX(-90deg) translateZ(19px);
}
.culture3 .list_article li:hover .actionBtn3{
	transform:rotateX(90deg);
	-webkit-transform:rotateX(90deg);
	-moz-transform:rotateX(90deg);
}


.actionBtn5 {
	overflow: hidden;
    position: relative;
    display: block;
    width: 168px;
    height: 40px;
    margin-top: 30px;
    border: 1px solid #4c4c4d;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    line-height: 40px;
    color: #4c4c4d;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
}
.actionBtn5 span {
	 display:block;
}
.actionBtn5 .hover i {
	 position:absolute;
	 top:0;
	 left:50%;
	 opacity:0;
	display:block;
	 content:"";
	 width:0%;
	 height:40px;
	 background-color: #174c95;
	 background: linear-gradient(-60deg, #174c95 0, #077ce0 100%);
	 border:1px solid transparent;
	transform:skewX(-40deg);
	-webkit-transform:skewX(-40deg);
	-moz-transform:skewX(-40deg);
	transform-origin:center center;
	 -webkit-transform-origin:center center;
	 -ms-transform-origin:center center;
	 -moz-transform-origin:center center;
	 transition:all .35s, opacity .4s;
	 -webkit-transition:all .35s, opacity .4s;
	 -moz-transition:all .35s, opacity .4s;
}
.actionBtn5 .hover .txt {
	z-index:10;
	position:relative;
	 color:#4c4c4d;
	transition:color .35s;
	-webkit-transition:color .35s;
	-moz-transition:color .35s;
}
.actionBtn5:hover .hover .txt {
	 color:#fff;
}
.actionBtn5 .hover:hover i {
	 opacity:1;
	 left:3%;
	 width:95%;
	 transform:skewX(-40deg);
	 -webkit-transform:skewX(-40deg);
	 -moz-transform:skewX(-40deg);
}


@keyframes 'infintedRotate' {
	0% {  transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg); }
	100% { transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg); }
}
@-webkit-keyframes 'infintedRotate' {
	0% {  transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg); }
	100% { transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg); }
}

@keyframes anim2 {
  0% {transform: rotate(0deg); -webkit-transform: rotate(0deg);}
  50% {transform: rotate(75deg); -webkit-transform: rotate(75deg);}
  100% {transform: rotate(180deg); -webkit-transform: rotate(180deg);}
}


@keyframes infiniteMove {
	0%,50%,100% { transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0); }
	16% { transform:translate3d(5px,-5px,0);-webkit-transform:translate3d(,05px,-5px); }
	32% { transform:translate3d(5px,5px,0);-webkit-transform:translate3d(5px,5px,0); }
	66% { transform:translate3d(-5px,-5px,0);-webkit-transform:translate3d(-5px,-5px,0); }
	82% { transform:translate3d(-5px,5px,0);-webkit-transform:translate3d(-5px,5px,0); }
}
@-webkit-keyframes infiniteMove {
	0%,50%,100% { transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0); }
	16% { transform:translate3d(5px,-5px,0);-webkit-transform:translate3d(,05px,-5px); }
	32% { transform:translate3d(5px,5px,0);-webkit-transform:translate3d(5px,5px,0); }
	66% { transform:translate3d(-5px,-5px,0);-webkit-transform:translate3d(-5px,-5px,0); }
	82% { transform:translate3d(-5px,5px,0);-webkit-transform:translate3d(-5px,5px,0); }
}