.home .weight {
	font-weight: 700
}

.home i {
	font-style: normal
}

.home .home-top {
	position: fixed;
	background: none;
	color: #fff;
	transition: all .3s ease-in-out
}

.home .home-top:hover {
	color: #697077;
	background-color: #fff
}

.home .home-top:hover .hlogo {
	background-image: url(https://wfio.henglink.com/hengli-group-pc/logo2.png)!important
}

.home .home-top .hleft .hlogo {
	background-image: url(https://wfio.henglink.com/hengli-group-pc/logo.png)
}

.home .home-top-scroll {
	background: #fff;
	color: #697077
}

.home .home-top-scroll .close-line {
	border-left: 1px solid #004098!important
}

.home .home-top-scroll .hleft .hlogo {
	background-image: url(https://wfio.henglink.com/hengli-group-pc/logo2.png)
}

.home .home-top-scroll .menu-icon:after {
	background-color: #004098
}

.home .banner {
	position: relative;
	padding-top: 0
}

.home .banner .el-carousel__indicators--horizontal {
	bottom: 6%!important;
	left: 8%!important
}

.home .banner .box {
	position: relative;
	height: auto;
	overflow: hidden
}

.home .banner .box .tu {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	object-fit: cover
}

.home .banner .slip {
	position: absolute;
	left: 150px;
	right: 150px;
	bottom: 80px;
	z-index: 98
}

.home .banner .slip .line {
	position: relative;
	height: 1px;
	background: rgba(255,255,255,.5)
}

.home .banner .slip .line .check {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(25% - 25px);
	height: 4px;
	background-color: #fff;
	transition: left .4s ease-in-out
}

.home .banner .slip .ceil {
	display: flex
}

.home .banner .slip .ceil .one {
	width: 25%;
	font-size: 14px;
	color: #fff;
	overflow: hidden
}

.home .banner .slip .ceil .text {
	display: inline-block;
	padding: 20px 30px 20px 0;
	cursor: pointer;
	user-select: none;
	width: 100%;
	text-shadow: 1px 1px 2px #4c4c4c
}

.home .home-product {
	width: 1200px;
	margin: 0 auto;
	padding: 120px 0
}

.home .home-product .icons {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px
}

.home .home-product .icons .box {
	width: 100px;
	text-align: center;
	color: #4c4c4c;
	cursor: pointer;
	user-select: none
}

.home .home-product .icons .box .tu {
	font-size: 72px
}

.home .home-product .icons .selected {
	color: #007bc6
}

.home .home-product .line {
	position: relative;
	height: 6px;
	background-color: #dde1e6;
	margin-bottom: 65px
}

.home .home-product .line .move {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 6px;
	background-color: #007bc6;
	transition: left .4s ease-in-out
}

.home .home-product .line .move:after {
	content: "";
	width: 8px;
	height: 8px;
	position: absolute;
	top: 2px;
	left: 50%;
	margin-left: -4px;
	background-color: #007bc6;
	transform: rotate(45deg)
}

.home .home-product .info {
	overflow: hidden
}

.home .home-product .info .main {
	position: relative;
	width: 960px;
	height: 160px;
	overflow: hidden
}

.home .home-product .info .scroll {
	position: absolute;
	top: 0;
	left: 0;
	height: 160px;
	display: flex;
	flex-wrap: nowrap;
	transition: left .4s ease-in-out
}

.home .home-product .info .ceil {
	display: flex;
	width: 920px;
	align-items: center;
	justify-content: center;
	padding: 0 50px;
	height: 160px;
	flex-shrink: 0;
	overflow: hidden;
	cursor: pointer
}

.home .home-product .info .ceil .left {
	width: 200px;
	border-right: 1px solid #d8d8d8
}

.home .home-product .info .ceil .left .title {
	font-size: 14px;
	line-height: 20px
}

.home .home-product .info .ceil .left .text {
	height: 44px;
	font-size: 14px;
	line-height: 44px;
	font-weight: 700
}

.home .home-product .info .ceil .left .text .big {
	font-size: 32px
}

.home .home-product .info .ceil .right {
	width: calc(100% - 200px)
}

.home .home-product .info .ceil .right .title {
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 10px
}

.home .home-product .info .ceil .right .text {
	font-size: 14px;
	line-height: 24px;
	color: #697077;
	text-align: justify
}

.home .home-product .info .turn {
	width: 60px;
	height: 60px;
	background-color: #f2f4f8;
	text-align: center;
	line-height: 60px;
	font-size: 28px;
	color: #697077;
	cursor: pointer;
	user-select: none
}

.home .home-product .info .turn:hover {
	color: #fff;
	background: #004098
}

.home .home-product .info .lock {
	background-color: #fcfcfd;
	color: #d0d2d5;
	cursor: not-allowed;
	pointer-events: none
}

.home .home-news {
	position: relative;
	height: 540px;
	overflow: hidden;
	margin: 0 auto
}

.home .home-news .ceil {
	display: flex
}

.home .home-news .ceil .left {
	flex: 1;
	position: relative;
	height: 540px;
	white-space: pre-wrap;
	overflow: hidden
}

.home .home-news .ceil .left:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background-color: #fff;
	opacity: 0;
	z-index: 2;
	text-align: center
}

.home .home-news .ceil .left .tu {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	transition: all .3s linear;
	object-fit: cover
}

.home .home-news .ceil .left:hover .tu {
	transform: scale(1.05)
}

.home .home-news .ceil .right {
	width: 50%;
	background-color: #f2f4f8;
	padding: 60px 0 0 90px;
	position: relative
}

.home .home-news .ceil .right .title {
	font-size: 32px;
	line-height: 44px;
	font-weight: 700;
	margin-bottom: 40px
}

.home .home-news .ceil .right .date {
	line-height: 26px;
	margin-bottom: 10px
}

.home .home-news .ceil .right .name {
	width: 520px;
	font-size: 24px;
	line-height: 32px;
	height: 32px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-weight: 700;
	margin-bottom: 20px
}

.home .home-news .ceil .right .name:hover {
	color: #004098;
	text-decoration: underline
}

.home .home-news .ceil .right .text {
	width: 520px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-align: justify;
	color: #697077
}

.home .home-news .ceil .right .more {
	position: absolute;
	left: 90px;
	bottom: 180px;
	display: inline-block;
	padding-right: 32px;
	height: 32px;
	line-height: 32px;
	font-size: 14px
}

.home .home-news .ceil .right .more .hone {
	position: relative;
	top: 4px;
	font-size: 25px;
	cursor: pointer;
	transition: all .3s linear
}

.home .home-news .ceil .right .more:hover {
	color: #004098
}

.home .home-news .ceil .right .more:hover .hone {
	margin-left: 10px
}

.home .home-news .switch {
	display: flex;
	position: absolute;
	left: 50%;
	bottom: 60px;
	z-index: 21;
	overflow: hidden;
	transform: translate(90px)
}

.home .home-news .switch .btn {
	width: 60px;
	height: 60px;
	background-color: #fff;
	text-align: center;
	line-height: 60px;
	font-size: 28px;
	color: #69707799;
	cursor: pointer;
	user-select: none
}

.home .home-news .switch .btn:hover {
	color: #fff;
	background: #004098
}

.home .home-news .switch .lock {
	background-color: #f2f4f8;
	color: #dbdcdd;
	cursor: not-allowed;
	pointer-events: none
}

.home .home-about {
	height: 470px;
	width: 100%;
	margin: 0 auto;
	background: #fff;
	padding: 20px;
}

.home .home-about .left {
	width: 550px
}

.home .home-about .left .title {
	font-size: 32px;
	line-height: 44px;
	font-weight: 700;
	margin-bottom: 30px
}

.home .home-about .left .text {
	font-size: 14px;
	line-height: 24px;
	color: #697077;
	width: 550px;
	margin-bottom: 30px;
	text-align: justify
}

.home .home-about .left .more {
	display: inline-block;
	padding-right: 32px;
	height: 32px;
	line-height: 32px;
	font-size: 14px
}

.home .home-about .left .more .hone {
	position: relative;
	top: 4px;
	font-size: 25px;
	cursor: pointer;
	transition: all .3s linear
}

.home .home-about .left .more:hover {
	color: #004098
}

.home .home-about .left .more:hover .hone {
	margin-left: 10px
}

.home .home-about .right {
	width: 530px
}

.home .home-about .right .name {
	font-size: 14px;
	line-height: 20px
}

.home .home-about .right .text {
	font-size: 26px;
	line-height: 80px;
	height: 80px;
	margin-bottom: 10px
}

.home .home-about .right .text .big {
	font-size: 60px
}

.home .duty {
	background: url(https://wfio.henglink.com/hengli-group-pc/social/home_duty.webp) 0 center no-repeat;
	padding: 60px 0 120px;
	background-size: cover
}

.home .duty .main {
	width: 1200px;
	margin: 0 auto
}

.home .duty .title {
	font-size: 32px;
	line-height: 44px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 16px
}

.home .duty .info {
	color: #d0e2ff;
	margin-bottom: 30px
}

.home .duty .list {
	display: flex;
	justify-content: space-between
}

.home .duty .list .one {
	width: 285px;
	cursor: pointer
}

.home .duty .list .one .img {
	width: 285px;
	height: 161px;
	overflow: hidden;
	position: relative
}

.home .duty .list .one .img .tu {
	width: 100%;
	height: 100%;
	transition: all .3s linear;
	object-fit: cover
}

.home .duty .list .one .img:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background-color: #fff;
	opacity: 0;
	text-align: center
}

.home .duty .list .one .img:hover .tu {
	transform: scale(1.05)
}

.home .duty .list .one .cont {
	background-color: #f2f4f8;
	padding: 20px 30px
}

.home .duty .list .one .cont .name {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 5px
}

.home .duty .list .one .cont .text {
	font-size: 14px;
	line-height: 24px;
	color: #697077
}

.home .duty .list .one .cont .more {
	font-weight: 600;
	display: inline-block;
	padding-right: 32px;
	height: 32px;
	line-height: 32px;
	font-size: 14px
}

.home .duty .list .one .cont .more .hone {
	position: relative;
	top: 4px;
	font-size: 25px;
	cursor: pointer;
	transition: all .3s linear
}

.home .duty .list .one .cont .more:hover {
	color: #004098
}

.home .duty .list .one .cont .more:hover .hone {
	margin-left: 10px
}

@media screen and (max-width: 1199px) {
	.home .header .hright .close-line {
		border-left: 1px solid #fff!important
	}

	.home .home-top-scroll .hright .close-line {
		border-left: 1px solid #004098!important
	}

	.home .home-top .hone {
		color: #fff!important
	}

	.home .home-top:hover .hone {
		color: #004098!important
	}

	.home .home-top:hover .menu-icon:after {
		background-color: #004098
	}

	.home .home-top-scroll,.home .home-top-scroll .hone {
		color: #004098!important
	}

	.home .menu-icon:after {
		background-color: #fff
	}

	.home .banner {
		position: relative;
		padding-top: 0
	}

	.home .banner .el-carousel__indicators--horizontal {
		bottom: 5%!important;
		left: 22%!important
	}

	.home .banner .box {
		position: relative;
		height: 380px;
		overflow: hidden
	}

	.home .banner .box .tu {
		width: 100%;
		display: block;
		z-index: 1
	}

	.home .banner .slip {
		position: absolute;
		left: 4%;
		right: 67%;
		bottom: 24px;
		z-index: 99
	}

	.home .banner .slip .line {
		position: relative;
		height: 0px
	}

	.home .banner .slip .line .other {
		position: absolute;
		top: 0;
		left: 0;
		width: 20px;
		height: 3px;
		background: #ffffff;
		border-radius: 0;
		opacity: .5;
		transition: left .4s ease-in-out
	}

	.home .banner .slip .line .check {
		opacity: 1
	}

	.home .banner .slip .ceil {
		display: none
	}

	.home .home-product {
		position: relative;
		height: 633px;
		overflow: hidden;
		padding: 60px 0;
		width: 100%
	}

	.home .home-product .switch {
		display: flex;
		position: absolute;
		bottom: 80px;
		right: 5%;
		z-index: 21;
		overflow: hidden
	}

	.home .home-product .switch .btn {
		width: 40px;
		height: 40px;
		background-color: #fff;
		text-align: center;
		line-height: 40px;
		font-size: 28px;
		color: #69707799;
		cursor: pointer;
		user-select: none
	}

	.home .home-product .switch .btn:hover {
		color: #fff;
		background: #004098
	}

	.home .home-product .switch .lock {
		background-color: #f2f4f8;
		color: #dbdcdd;
		cursor: not-allowed;
		pointer-events: none
	}

	.home .home-product .info .ceil {
		display: flex;
		padding: 60px 0 0;
		width: 100%;
		overflow: visible
	}

	.home .home-product .info .ceil .left {
		width: 33%;
		height: 128px;
		border-right: none
	}

	.home .home-product .info .ceil .left .icons {
		display: block;
		justify-content: space-between;
		margin-bottom: 30px
	}

	.home .home-product .info .ceil .left .icons .box {
		width: 100%;
		text-align: center;
		color: #4c4c4c;
		cursor: pointer;
		user-select: none
	}

	.home .home-product .info .ceil .left .icons .box .tu {
		font-size: 72px
	}

	.home .home-product .info .ceil .left .icons .selected {
		color: #007bc6
	}

	.home .home-product .info .ceil .right {
		padding-left: 6%;
		height: 128px;
		width: 67%
	}

	.home .home-product .info .ceil .right .title {
		font-size: 14px;
		line-height: 19px;
		color: #21272a;
		margin-bottom: 0
	}

	.home .home-product .info .ceil .right .text {
		height: 32px;
		font-size: 14px;
		line-height: 32px;
		font-weight: 700;
		color: #21272a;
		margin-bottom: 16px
	}

	.home .home-product .info .ceil .right .text .big {
		font-size: 24px
	}

	.home .home-product .info .ceil .centent {
		position: absolute;
		top: 208px
	}

	.home .home-product .info .ceil .centent .text {
		width: 90%;
		height: 192px;
		color: #697077;
		font-size: 14px;
		font-family: Microsoft YaHei-Regular;
		font-weight: 200;
		line-height: 24px;
		margin: 0 5%;
		text-align: justify;
		overflow-wrap: break-word;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 8;
		-webkit-box-orient: vertical
	}

	.home .home-news {
		position: relative;
		height: 633px;
		overflow: hidden;
		background: #f2f4f8
	}

	.home .home-news .my-content .title {
		width: 26%;
		height: 32px;
		overflow-wrap: break-word;
		color: #21272a;
		font-size: 24px;
		font-family: Microsoft YaHei-Semibold;
		font-weight: 600;
		text-align: left;
		white-space: nowrap;
		line-height: 32px;
		margin: 60px 5% 0
	}

	.home .home-news .ceil {
		display: block
	}

	.home .home-news .ceil .tu {
		padding: 16px 5%;
		width: 100%;
		height: 223px;
		overflow: hidden
	}

	.home .home-news .ceil .tu img {
		display: block;
		width: 100%;
		height: auto
	}

	.home .home-news .ceil .date {
		width: 90%;
		height: 26px;
		overflow-wrap: break-word;
		color: #21272a;
		font-size: 14px;
		font-family: Microsoft YaHei-Regular;
		font-weight: 200;
		text-align: left;
		white-space: nowrap;
		line-height: 26px;
		margin: 16px 5% 0
	}

	.home .home-news .ceil .name {
		width: 90%;
		height: 54px;
		overflow-wrap: break-word;
		color: #21272a;
		font-size: 20px;
		font-family: Microsoft YaHei-Semibold;
		font-weight: 600;
		text-align: left;
		line-height: 27px;
		margin: 10px 5% 0;
		height: 32px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden
	}

	.home .home-news .ceil .text {
		width: 90%;
		height: 96px;
		overflow-wrap: break-word;
		color: #697077;
		font-size: 14px;
		font-family: Microsoft YaHei-Regular;
		font-weight: 200;
		text-align: justify;
		line-height: 24px;
		margin: 16px 5% 0;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical
	}

	.home .home-news .ceil .more {
		position: absolute;
		left: 5%;
		bottom: 60px;
		display: inline-block;
		padding-right: 32px;
		height: 32px;
		line-height: 32px;
		font-size: 14px
	}

	.home .home-news .ceil .more .hone {
		position: relative;
		top: 4px;
		font-size: 25px;
		cursor: pointer;
		transition: all .3s linear
	}

	.home .home-news .ceil .more:hover {
		color: #004098
	}

	.home .home-news .ceil .more:hover .hone {
		margin-left: 10px
	}

	.home .home-news .switch {
		display: flex;
		position: absolute;
		bottom: 60px;
		left: 95%;
		z-index: 21;
		overflow: hidden;
		transform: translate(0);
		right: 5%;
		left: auto
	}

	.home .home-news .switch .btn {
		width: 40px;
		height: 40px;
		background-color: #fff;
		text-align: center;
		line-height: 40px;
		font-size: 28px;
		color: #69707799;
		cursor: pointer;
		user-select: none
	}

	.home .home-news .switch .lock {
		background-color: #f2f4f8;
		color: #dbdcdd;
		cursor: not-allowed
	}

	.home .home-about {
		height: 470px;
		width: 100%;
		position: relative;
		display: block
	}

	.home .home-about .left {
		width: 45%;
		float: left;
	}

	.home .home-about .left .title {
		width: 28%;
		height: 32px;
		overflow-wrap: break-word;
		color: #21272a;
		font-size: 24px;
		font-family: Microsoft YaHei-Semibold;
		font-weight: 600;
		text-align: left;
		white-space: nowrap;
		line-height: 32px;
		margin: 60px 5% 30px
	}

	.home .home-about .left .text {
		width: 90%;
		height: 144px;
		overflow-wrap: break-word;
		color: #697077;
		font-size: 14px;
		font-family: Microsoft YaHei-Regular;
		font-weight: 200;
		text-align: justify;
		line-height: 24px;
		margin: 16px 5% 0
	}

	.home .home-about .left .more {
		position: absolute;
		top: 300px;
		display: inline-block;
		padding-right: 32px;
		height: 32px;
		line-height: 32px;
		font-size: 14px;
		margin: 16px 5% 0
	}

	.home .home-about .left .more .hone {
		position: relative;
		top: 4px;
		font-size: 25px;
		cursor: pointer;
		transition: all .3s linear
	}

	.home .home-about .left .more:hover {
		color: #004098
	}

	.home .home-about .left .more:hover .hone {
		margin-left: 10px
	}

	.home .home-about .right {
		width: 45%;
		margin: 16px 5%;
		float: right;
	}

	.home .home-about .right .name {
		width: 56px;
		height: 19px;
		overflow-wrap: break-word;
		color: #697077;
		font-size: 14px;
		font-family: Microsoft YaHei-Regular;
		font-weight: 200;
		text-align: justify;
		white-space: nowrap;
		line-height: 19px
	}

	.home .home-about .right .text {
		font-size: 18px;
		line-height: 48px;
		height: 48px;
		margin-bottom: 10px
	}

	.home .home-about .right .text .big {
		font-size: 36px;
		font-weight: 400
	}

	.home .duty {
		padding: 60px 0
	}

	.home .duty .list .one .more {
		color: #21272a
	}

	.home .duty .list .one .img {
		width: 100%
	}

	.home .duty .main {
		width: 100%;
		overflow: hidden;
		padding: 0 5%;
		position: relative
	}

	.home .duty .main .my-content {
		width: 100%;
		height: 385px;
		margin: 0 auto
	}

	.home .duty .main .my-content .mybtn {
		position: absolute;
		width: 100px;
		height: 40px;
		bottom: 0;
		right: 5%
	}

	.home .duty .main .my-content .mybtn .btn {
		width: 40px;
		height: 40px;
		background-color: #fff;
		text-align: center;
		line-height: 40px;
		font-size: 28px;
		color: #69707799;
		cursor: pointer;
		user-select: none
	}

	.home .duty .main .my-content .mybtn .btn:hover {
		color: #fff;
		background: #004098
	}

	.home .duty .main .my-content .mybtn .swiper-button-next:after,.home .duty .main .my-content .mybtn .swiper-button-prev:after {
		content: ""
	}
}



.fboxb {
    display: flex;
    align-items: center;
    justify-content: space-between;
}



.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes fadeInLeftA{0%{opacity:0;-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInLeftA{0%{opacity:0;-webkit-transform:translate3d(-30%,0,0);-ms-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInLeftA{-webkit-animation-name:fadeInLeftA;animation-name:fadeInLeftA}
@-webkit-keyframes fadeInUpA{0%{opacity:0;-webkit-transform:translate3d(0,30%,0);transform:translate3d(0,30%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUpA{0%{opacity:0;-webkit-transform:translate3d(0,30%,0);-ms-transform:translate3d(0,30%,0);transform:translate3d(0,30%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInUpA{-webkit-animation-name:fadeInUpA;animation-name:fadeInUpA}
@-webkit-keyframes fadeInRightA{0%{opacity:0;-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInRightA{0%{opacity:0;-webkit-transform:translate3d(30%,0,0);-ms-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInRightA{-webkit-animation-name:fadeInRightA;animation-name:fadeInRightA}
@-webkit-keyframes twinkling{0%{opacity:0;}100%{opacity:1;}}
@-webkit-keyframes OrangePulse{from{background-color:rgba(210,174,109,.2);-webkit-box-shadow:0 0 10px rgba(210,174,109,1);}50%{background-color:rgba(210,174,109,1);-webkit-box-shadow:0 0 10px rgba(210,174,109,1);}to{background-color:rgba(210,174,109,.2);-webkit-box-shadow:0 0 10px rgba(210,174,109,1);}}
@-webkit-keyframes swing{20%{-webkit-transform:rotate(40deg);transform:rotate(40deg)}40%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}60%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}80%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(40deg);-ms-transform:rotate(40deg);transform:rotate(40deg)}40%{-webkit-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg)}60%{-webkit-transform:rotate(10deg);-ms-transform:rotate(10deg);transform:rotate(10deg)}80%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes jump{0%{-webkit-transform:translateY(0);}25%{-webkit-transform:translateY(-20%);}50%{-webkit-transform:translateY(0);}75%{-webkit-transform:translateY(-10%);}100%{-webkit-transform:translateY(0);}}
@keyframes jump{0%{transform:translateY(0);}25%{transform:translateY(-20%);}50%{transform:translateY(0);}75%{transform:translateY(-10%);}100%{transform:translateY(0);}}
@-webkit-keyframes bounceInA{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@keyframes bounceInA{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
.bounceInA{-webkit-animation-name:bounceInA;animation-name:bounceInA;-webkit-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes fadeInDownA{0%{opacity:0;-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDownA{0%{opacity:0;-webkit-transform:translate3d(0,-20%,0);-ms-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInDownA{-webkit-animation-name:fadeInDownA;animation-name:fadeInDownA}
@keyframes fadeInA{0%{opacity:0;}100%{opacity:1;}}
.fadeInA{-webkit-animation-name:fadeInA;animation-name:fadeInA}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
/* animate.css */
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}
@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}
@-webkit-keyframes zoomInA{0%{opacity:0;-webkit-transform:scale3d(.6,.6,.6);transform:scale3d(.6,.6,.6)}50%{opacity:1}}@keyframes zoomInA{0%{opacity:0;-webkit-transform:scale3d(.6,.6,.6);transform:scale3d(.6,.6,.6)}50%{opacity:1}}.zoomInA{-webkit-animation-name:zoomInA;animation-name:zoomInA}