﻿@charset "utf-8";

.index_background1 {
	background: #ec4129;
}

.index_background2 {
	position: relative;
}

.index_background2 .index_background2_bg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 784px;
}

.index_background2 .index_background2_bg + div {
	position: relative;
	z-index: 2;
}

.index_background3 {
	position: relative;
}

.index_background3 .index_background3_bg {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: 342px;
	background-repeat: no-repeat;
	background-position: bottom;
}

.index_background3 .index_background3_bg + div {
	position: relative;
	z-index: 2;
}

.index_pad1 {
	padding: 70px 0;
}

.index_pad2 {
	padding: 50px 0 0;
}

.index_banner_index_picture1 {
	position: relative;
}

.index_banner .col-xs-12 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 693px;
}

.index_banner .textbox span {
	display: block;
	font-size: 0;
}

.index_banner .textbox span:nth-child(2) {
	margin: 40px 0 50px;
	animation-delay: .1s;
	-webkit-animation-delay: .1s;
}

.index_banner .textbox span:nth-child(3) {
	animation-delay: .2s;
	-webkit-animation-delay: .2s;
}

.index_title1 .biaoti {
	margin-bottom: 15px;
	font-size: 33px;
	color: #0d182b;
	line-height: 34px;
}

.index_title1 .jieshao {
	font-size: 18px;
	color: #696969;
	line-height: 24px;
}

.index_title2 .biaoti {
	margin-bottom: 20px;
	font-size: 40px;
	color: #fff;
	line-height: 44px;
}

.index_title2 .jieshao {
	font-size: 18px;
	color: #fff;
	line-height: 24px;
}

.index_title3 .biaoti {
	margin-bottom: 20px;
	font-size: 30px;
	color: #fff;
	line-height: 34px;
}

.index_title3 .jieshao {
	font-size: 18px;
	color: #fff;
	line-height: 24px;
}

.index_title3.active .biaoti {
	color: #0d182b;
}

.index_title3.active .jieshao {
	color: #696969;
}

.index_text1 ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #fff;
}

.index_text1 ul li .biaoti {
	display: flex;
	align-items: flex-end;
}

.index_text1 ul li .biaoti .shuzi {
	position: relative;
	padding-right: 15px;
	font-size: 86px;
	font-weight: bold;
	line-height: 76px;
}

.index_text1 ul li .biaoti .shuzi:before,.index_text1 ul li .biaoti .shuzi:after {
	content: "";
	position: absolute;
	top: 10px;
	right: 0;
	z-index: 1;
	width: 14px;
	height: 2px;
	background: #fff;
}

.index_text1 ul li .biaoti .shuzi:before {
	transform: rotate(90deg);
}

.index_text1 ul li .biaoti .zi {
	font-size: 33px;
	line-height: 33px;
}

.index_text1 ul li .biaoti .zi small {
	margin-left: 5px;
	font-size: 16px;
	line-height: 16px;
}

.index_text1 ul li .jieshao {
	margin-top: 20px;
	font-size: 16px;
	line-height: 16px;
}

.index_picture1 {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	width: 100%;
	background: rgba(93,93,93,.33);
}

.index_picture1 ul {
	display: flex;
	justify-content: space-between;
}

.index_picture1 ul li {
	display: flex;
	align-items: center;
	width: calc((100% - 30px) / 4);
	height: 100px;
}

.index_picture1 ul li .icon {
	width: 66px;
	font-size: 0;
	text-align: center;
}

.index_picture1 ul li .text {
	padding-left: 10px;
	width: calc(100% - 66px);
	color: #fff;
	line-height: 24px;
}

.index_picture1 ul li .text .biaoti {
	font-size: 16px;
}

.index_picture1 ul li:nth-child(2) {
	animation-delay: .1s;
	-webkit-animation-delay: .1s;
}

.index_picture1 ul li:nth-child(3) {
	animation-delay: .2s;
	-webkit-animation-delay: .2s;
}

.index_picture1 ul li:nth-child(4) {
	animation-delay: .3s;
	-webkit-animation-delay: .3s;
}

.index_picture2 {
	position: relative;
	margin: 0 -47px;
	width: 1294px;
	height: 622px;
	background: url(../images/index/index_picture2_bg.png) no-repeat top;
}

.index_picture2 .line {
	position: absolute;
	left: calc(50% - 642px);
	bottom: 0;
	z-index: 1;
	width: 1284px;
	height: 509px;
}

.index_picture2 .line span {
	display: block;
	position: absolute;
}

.index_picture2 .line span:nth-child(1) {
	animation: index_picture2_line 2s 0s linear infinite;
	-webkit-animation: index_picture2_line 2s 0s linear infinite;
	left: calc(50% - 642px);
	bottom: 26px;
	width: 1284px;
	height: 496px;
	background: url(../images/index/index_picture2_xiantiao4.png) no-repeat;
}

.index_picture2 .line span:nth-child(2) {
	animation: index_picture2_line 2s 0.2s linear infinite;
	-webkit-animation: index_picture2_line 2s 0.2s linear infinite;
	left: calc(50% - 453px);
	bottom: 73px;
	width: 906px;
	height: 374px;
	background: url(../images/index/index_picture2_xiantiao3.png) no-repeat;
}

.index_picture2 .line span:nth-child(3) {
	animation: index_picture2_line 2s 0.3s linear infinite;
	-webkit-animation: index_picture2_line 2s 0.3s linear infinite;
	left: calc(50% - 545px);
	bottom: 113px;
	width: 1091px;
	height: 422px;
	background: url(../images/index/index_picture2_xiantiao2.png) no-repeat;
}

.index_picture2 .line span:nth-child(4) {
	animation: index_picture2_line 2s 0.5s linear infinite;
	-webkit-animation: index_picture2_line 2s 0.5s linear infinite;
	left: calc(50% - 438px);
	bottom: 152px;
	width: 876px;
	height: 339px;
	background: url(../images/index/index_picture2_xiantiao1.png) no-repeat;
}

.index_picture2 .more {
	transform: translateY(30px);
	-webkit-transform: translateY(30px);
	opacity: 0;
	position: absolute;
	left: calc(50% - 78px);
	bottom: 0;
	z-index: 2;
	width: 156px;
	line-height: 41px;
	font-size: 20px;
	color: #202020;
	text-align: center;
	background: #fff;
	border: solid 1px #e2e4e7;
}

.index_picture2 .jiantou {
	transform: translateY(30px);
	-webkit-transform: translateY(30px);
	opacity: 0;
	position: absolute;
	left: calc(50% - 15px);
	bottom: 56px;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	font-size: 34px;
	color: #dcdcdc;
	background: #fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}

.index_picture2 .jiantou:before {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}

.index_picture2 .dot {
	position: absolute;
	left: calc(50% - 417px);
	bottom: 274px;
	z-index: 3;
	width: 834px;
	height: 100px;
	background: url(../images/index/index_picture2_yuan.png) no-repeat;
}

.index_picture2 .list .item {
	position: absolute;
	z-index: 5;
	width: 34px;
	height: 34px;
}

.index_picture2 .list .item:nth-child(1) {
	left: 77px;
	top: 212px;
}

.index_picture2 .list .item:nth-child(2) {
	left: 167px;
	top: 73px;
}

.index_picture2 .list .item:nth-child(3) {
	left: 281px;
	top: 168px;
}

.index_picture2 .list .item:nth-child(4) {
	left: 415px;
	top: 87px;
}

.index_picture2 .list .item:nth-child(5) {
	left: 625px;
	top: 38px;
}

.index_picture2 .list .item:nth-child(6) {
	left: 876px;
	top: 97px;
}

.index_picture2 .list .item:nth-child(7) {
	left: 992px;
	top: 220px;
}

.index_picture2 .list .item:nth-child(8) {
	left: 1077px;
	top: 66px;
}

.index_picture2 .list .item:nth-child(9) {
	left: 1186px;
	top: 183px;
}

.index_picture2 .list .item:before {
	opacity: 0;
	content: attr(data-title);
	position: absolute;
	left: calc(50% - 50px);
	top: -30px;
	width: 100px;
	font-size: 15px;
	color: #606060;
	line-height: 16px;
	text-align: center;
}

.index_picture2 .list .item:after {
	content: "";
	position: absolute;
	left: calc(50% - 4px);
	top: 45px;
	width: 8px;
	height: 109px;
	background: url(../images/index/index_picture2_yline.png) no-repeat;
	background-position: 0px 109px;
}

.index_picture2 .list .item:nth-child(1):after {
	opacity: .14;
}

.index_picture2 .list .item:nth-child(2):after {
	opacity: .25;
}

.index_picture2 .list .item:nth-child(3):after {
	opacity: .83;
}

.index_picture2 .list .item:nth-child(4):after {
	opacity: .47;
}

.index_picture2 .list .item:nth-child(5):after {
	opacity: 0;
}

.index_picture2 .list .item:nth-child(6):after {
	opacity: .14;
}

.index_picture2 .list .item:nth-child(7):after {
	opacity: .6;
}

.index_picture2 .list .item:nth-child(8):after {
	opacity: .34;
}

.index_picture2 .list .item:nth-child(9):after {
	opacity: .13;
}

.index_picture2 .list .item .icon {
	opacity: 0;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 34px;
	font-size: 25px;
	color: #4a4a4a;
	background: #f4efef;
	border-radius: 50%;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.index_picture2 .list .item .icon.icon-sousuo {
	font-size: 20px;
}

.index_picture2 .list .item .icon.icon-yun {
	font-size: 20px;
}

.index_picture2 .list .item .icon.icon-tubiaozhizuomoban {
	font-size: 20px;
}

.index_picture2 .list .item .icon:after {
	animation: index_picture2_list_icon_enlarge 1.5s 0s linear infinite;
	-webkit-animation: index_picture2_list_icon_enlarge 1.5s 0s linear infinite;
	content: "";
	position: absolute;
	left: calc(50% - 22px);
	top: calc(50% - 22px);
	width: 44px;
	height: 44px;
	border: solid 1px rgba(250,57,57,.26);
	border-radius: 50%;
}

.index_picture2 .platform {
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	opacity: 0;
	position: absolute;
	left: calc(50% - 300px);
	top: 110px;
	z-index: 4;
	width: 600px;
	height: 458px;
	background: url(../images/index/index_picture2_taimian.png) no-repeat;
}

.index_picture2 .platform:before {
	transform: translate(30px,-30px);
	-webkit-transform: translate(30px,-30px);
	content: "";
	position: absolute;
	right: calc(50% + 30px);
	top: 150px;
	z-index: 2;
	width: 155px;
	height: 276px;
	background: url(../images/index/index_picture2_logo_box_left.png);
}

.index_picture2 .platform:after {
	transform: translate(-30px,-30px);
	-webkit-transform: translate(-30px,-30px);
	content: "";
	position: absolute;
	left: calc(50% + 30px);
	top: 150px;
	z-index: 2;
	width: 154px;
	height: 321px;
	background: url(../images/index/index_picture2_logo_box_right.png);
}

.index_picture2 .platform > span {
	display: block;
	position: absolute;
	left: calc(50% - 231px);
	top: -40px;
	z-index: 1;
	width: 462px;
	height: 266px;
}

.index_picture2 .platform > span:before {
	transform: scale(.6);
	-webkit-transform: scale(.6);
	opacity: 0;
	content: "";
	position: absolute;
	left: 0;
	top: 20px;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: url(../images/index/index_picture2_logo_box_top_1.png) no-repeat;
}

.index_picture2 .platform > span:after {
	transform: scale(.8);
	-webkit-transform: scale(.8);
	opacity: 0;
	content: "";
	position: absolute;
	left: calc(50% - 193px);
	top: 55px;
	z-index: 1;
	width: 382px;
	height: 214px;
	background: url(../images/index/index_picture2_logo_box_top_2.png) no-repeat;
}

.index_picture2 .platform .logo {
	position: absolute;
	left: calc(50% - 82px);
	top: 0;
	z-index: 2;
	width: 164px;
	height: 184px;
}

.index_picture2 .platform .logo:before {
	transform: translateY(70px);
	-webkit-transform: translateY(70px);
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	width: 100%;
	height: 113px;
	background: url(../images/index/index_picture2_logo.png) no-repeat top;
}

.index_picture2 .platform .logo:after {
	transform: translateY(70px);
	-webkit-transform: translateY(70px);
	content: "";
	position: absolute;
	left: 0;
	top: 62px;
	z-index: 1;
	width: 100%;
	height: 184px;
	background: url(../images/index/index_picture2_logo_bg.png) no-repeat top;
}

.index_picture2 .platform .logo span {
	display: block;
	position: absolute;
	left: 0;
	top: 42px;
	z-index: 2;
	width: 100%;
	height: 140px;
}

.index_picture2 .platform .logo span:before {
	content: "";
	position: absolute;
	left: 0;
	top: 44px;
	width: 100%;
	height: 96px;
	background: url(../images/index/index_picture2_logo_xiantiao_1.png) no-repeat;
}

.index_picture2 .platform .logo span:after {
	transform: translateY(23px);
	-webkit-transform: translateY(23px);
	content: "";
	position: absolute;
	left: 0;
	top: 23px;
	width: 100%;
	height: 96px;
	background: url(../images/index/index_picture2_logo_xiantiao_2.png) no-repeat;
}

.index_picture2 .platform .logo span i {
	transform: translateY(44px);
	-webkit-transform: translateY(44px);
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 96px;
	background: url(../images/index/index_picture2_logo_xiantiao_3.png) no-repeat;
}

.index_picture2 .list2 {
	position: absolute;
	left: 47px;
	bottom: 130px;
	z-index: 6;
	width: 1200px;
}

.index_picture2 .list2 ul {
	display: flex;
	justify-content: space-between;
}

.index_picture2 .list2 ul li {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 20px;
	width: calc((100% - 38px * 3) / 4);
	height: 121px;
	overflow: hidden;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	transform: translateY(30px);
	-webkit-transform: translateY(30px);
	opacity: 0;
}

.index_picture2 .list2 ul li:before {
	animation: index_picture2_list2_li 5s 0s linear infinite;
	content: "";
	position: absolute;
	left: 50%;
	top: -150%;
	z-index: 1;
	width: 50px;
	height: 300%;
	transform: rotate(20deg) translateX(-200px);
	-webkit-transform: rotate(20deg) translateX(-200px);
	opacity: .3;
	background: -moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 1%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 1%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 1%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff',endColorstr='#00ffffff',GradientType=1 );
}

.index_picture2 .list2 ul li .biaoti {
	margin-bottom: 15px;
	font-size: 0;
}

.index_picture2 .list2 ul li .en {
	font-family: 'Arial';
	font-size: 12px;
	color: rgba(255,255,255,.23);
	line-height: 12px;
}

@keyframes index_picture2_platform_span_before {
	from {
		transform: scale(.6);
		opacity: 0;
	}

	to {
		transform: scale(1);
		opacity: 1;
	}
}

@-webkit-keyframes index_picture2_platform_span_before {
	from {
		transform: scale(.6);
		opacity: 0;
	}

	to {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes index_picture2_platform_span_after {
	from {
		transform: scale(.8);
		opacity: 0;
	}

	to {
		transform: scale(1);
		opacity: 1;
	}
}

@-webkit-keyframes index_picture2_platform_span_after {
	from {
		transform: scale(.8);
		opacity: 0;
	}

	to {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes index_picture2_platform {
	from {
		transform: translateY(50px);
		opacity: 0;
	}

	to {
		transform: translateY(0px);
		opacity: 1;
	}
}

@keyframes index_picture2_platform_before {
	from {
		transform: translate(30px,-30px);
	}

	to {
		transform: translate(0px,0px);
	}
}

@-webkit-keyframes index_picture2_platform_before {
	from {
		transform: translate(30px,-30px);
	}

	to {
		transform: translate(0px,0px);
	}
}

@keyframes index_picture2_platform_after {
	from {
		transform: translate(-30px,-30px);
	}

	to {
		transform: translate(0px,0px);
	}
}

@-webkit-keyframes index_picture2_platform_after {
	from {
		transform: translate(-30px,-30px);
	}

	to {
		transform: translate(0px,0px);
	}
}

@keyframes index_picture2_logo {
	from {
		transform: translateY(70px);
	}

	to {
		transform: translateY(0px);
	}
}

@-webkit-keyframes index_picture2_logo {
	from {
		transform: translateY(70px);
	}

	to {
		transform: translateY(0px);
	}
}

@keyframes index_picture2_logo_after {
	from {
		transform: translateY(23px);
	}

	to {
		transform: translateY(0px);
	}
}

@-webkit-keyframes index_picture2_logo_after {
	from {
		transform: translateY(23px);
	}

	to {
		transform: translateY(0px);
	}
}

@keyframes index_picture2_logo_i {
	from {
		transform: translateY(44px);
	}

	to {
		transform: translateY(0px);
	}
}

@-webkit-keyframes index_picture2_logo_i {
	from {
		transform: translateY(44px);
	}

	to {
		transform: translateY(0px);
	}
}

@keyframes index_picture2_line {
	from {
		transform: scale(1);
		opacity: 1;
	}

	to {
		transform: scale(1.5);
		opacity: 0;
	}
}

@-webkit-keyframes index_picture2_line {
	from {
		transform: scale(1);
		opacity: 1;
	}

	to {
		transform: scale(1.5);
		opacity: 0;
	}
}

@keyframes index_picture2_list_icon {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-webkit-keyframes index_picture2_list_icon {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes index_picture2_listAfter {
	from {
		background-position: 0px 109px;
	}

	to {
		background-position: 0px 0px;
	}
}

@-webkit-keyframes index_picture2_listAfter {
	from {
		background-position: 0px 109px;
	}

	to {
		background-position: 0px 0px;
	}
}

@keyframes index_picture2_list_icon_enlarge {
	0% {
		transform: scale(1);
		opacity: 1;
	}

	50% {
		transform: scale(1.5);
		opacity: 0;
	}

	90% {
		transform: scale(.8);
		opacity: 0;
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@-webkit-keyframes index_picture2_list_icon_enlarge {
	0% {
		transform: scale(1);
		opacity: 1;
	}

	50% {
		transform: scale(1.5);
		opacity: 0;
	}

	90% {
		transform: scale(.8);
		opacity: 0;
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes index_picture2_list2 {
	from {
		transform: translateY(30px);
		opacity: 0;
	}

	to {
		transform: translateY(0px);
		opacity: 1;
	}
}

@-webkit-keyframes index_picture2_list2 {
	from {
		transform: translateY(30px);
		opacity: 0;
	}

	to {
		transform: translateY(0px);
		opacity: 1;
	}
}

@keyframes index_picture2_list2_li {
	0% {
		transform: rotate(20deg) translateX(-200px);
	}

	20% {
		transform: rotate(20deg) translateX(200px);
	}

	61% {
		transform: rotate(20deg) translateX(200px);
		opacity: 0;
	}

	90% {
		transform: rotate(20deg) translateX(-200px);
		opacity: 0;
	}

	100% {
		transform: rotate(20deg) translateX(-200px);
		opacity: 1;
	}
}

@-webkit-keyframes index_picture2_list2_li {
	0% {
		transform: rotate(20deg) translateX(-200px);
	}

	20% {
		transform: rotate(20deg) translateX(200px);
	}

	61% {
		transform: rotate(20deg) translateX(200px);
		opacity: 0;
	}

	90% {
		transform: rotate(20deg) translateX(-200px);
		opacity: 0;
	}

	100% {
		transform: rotate(20deg) translateX(-200px);
		opacity: 1;
	}
}

.index_picture2.active .jiantou {
	animation: index_picture2_list2 .5s 1.5s linear forwards;
	-webkit-animation: index_picture2_list2 .5s 1.5s linear forwards;
}

.index_picture2.active .more {
	animation: index_picture2_list2 .5s 1.6s linear forwards;
	-webkit-animation: index_picture2_list2 .5s 1.6s linear forwards;
}

.index_picture2.active .platform {
	animation: index_picture2_platform .3s .8s linear forwards;
	-webkit-animation: index_picture2_platform .3s .8s linear forwards;
}

.index_picture2.active .platform:before {
	animation: index_picture2_platform_before .5s 1.2s ease-in-out forwards;
	-webkit-animation: index_picture2_platform_before .5s 1.2s ease-in-out forwards;
}

.index_picture2.active .platform:after {
	animation: index_picture2_platform_after .5s 1.2s ease-in-out forwards;
	-webkit-animation: index_picture2_platform_after .5s 1.2s ease-in-out forwards;
}

.index_picture2.active .platform .logo:before {
	animation: index_picture2_logo .4s 1.2s ease-in-out forwards;
	-webkit-animation: index_picture2_logo .4s 1.2s ease-in-out forwards;
}

.index_picture2.active .platform .logo:after {
	animation: index_picture2_logo .4s 1.2s ease-in-out forwards;
	-webkit-animation: index_picture2_logo .4s 1.2s ease-in-out forwards;
}

.index_picture2.active .platform .logo span:after {
	animation: index_picture2_logo_after .3s 1.3s ease-in-out forwards;
	-webkit-animation: index_picture2_logo_after .3s 1.3s ease-in-out forwards;
}

.index_picture2.active .platform .logo span i {
	animation: index_picture2_logo_i .3s 1.3s ease-in-out forwards;
	-webkit-animation: index_picture2_logo_i .3s 1.3s ease-in-out forwards;
}

.index_picture2.active .platform > span:before {
	animation: index_picture2_platform_span_before .5s 1s linear forwards;
	-webkit-animation: index_picture2_platform_span_before .5s 1s linear forwards;
}

.index_picture2.active .platform > span:after {
	animation: index_picture2_platform_span_after .5s 1s linear forwards;
	-webkit-animation: index_picture2_platform_span_after .5s 1s linear forwards;
}

.index_picture2.active .list .item:before {
	animation: index_picture2_list_icon .3s 1.1s ease forwards;
	-webkit-animation: index_picture2_list_icon .3s 1.1s ease forwards;
}

.index_picture2.active .list .item:after {
	animation: index_picture2_listAfter .8s 0s linear forwards;
	-webkit-animation: index_picture2_listAfter .8s 0s linear forwards;
}

.index_picture2.active .list .item .icon {
	animation: index_picture2_list_icon .3s 1s ease forwards;
	-webkit-animation: index_picture2_list_icon .3s 1s ease forwards;
}

.index_picture2.active .list2 ul li:nth-child(1) {
	animation: index_picture2_list2 .5s 1.2s linear forwards;
	-webkit-animation: index_picture2_list2 .5s 1.2s linear forwards;
}

.index_picture2.active .list2 ul li:nth-child(2) {
	animation: index_picture2_list2 .5s 1.3s linear forwards;
	-webkit-animation: index_picture2_list2 .5s 1.3s linear forwards;
}

.index_picture2.active .list2 ul li:nth-child(3) {
	animation: index_picture2_list2 .5s 1.4s linear forwards;
	-webkit-animation: index_picture2_list2 .5s 1.4s linear forwards;
}

.index_picture2.active .list2 ul li:nth-child(4) {
	animation: index_picture2_list2 .5s 1.5s linear forwards;
	-webkit-animation: index_picture2_list2 .5s 1.5s linear forwards;
}

.index_picture3 {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
}

.index_picture3 .imgbox {
	padding: 0 30px;
	max-width: calc(100% - 390px) !important;
	font-size: 0;
	text-align: right;
	background-repeat: no-repeat;
	background-position: right;
}

.index_picture3 .imgbox img {
	max-width: 100%;
}

.index_picture3 .textbox {
	width: 390px;
}

.index_picture3 .textbox .list {
	margin-bottom: 50px;
}

.index_picture3 .textbox .list ul li {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.index_picture3 .textbox .list ul li:nth-child(n+2) {
	margin-top: 35px;
}

.index_picture3 .textbox .list ul li .icon {
	width: 50px;
	font-size: 0;
}

.index_picture3 .textbox .list ul li .icon img {
	max-width: 100%;
}

.index_picture3 .textbox .list ul li .text {
	padding-left: 20px;
	width: calc(100% - 50px);
	color: #303133;
}

.index_picture3 .textbox .list ul li .text .biaoti {
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 20px;
}

.index_picture3 .textbox .list ul li .text .jieshao {
	max-height: 48px;
	font-size: 16px;
	line-height: 24px;
	overflow: hidden;
}

.index_picture3 .textbox .more ul {
	display: flex;
}

.index_picture3 .textbox .more ul li:nth-child(n+2) {
	margin-left: 25px;
}

.index_picture3 .textbox .more ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 180px;
	height: 50px;
	font-size: 16px;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.index_picture3 .textbox .more ul li:nth-child(1) a {
	color: #fff;
	background: #ec4129;
}

.index_picture3 .textbox .more ul li:nth-child(2) a {
	color: #313131;
	border: solid 1px #313131;
}

.index_picture3.active {
	flex-direction: row;
}

.index_picture3.active .imgbox {
	max-width: calc(100% - 470px) !important;
	text-align: left;
	background-position: left;
}

.index_picture3.active .textbox {
	width: 470px;
}

.index_picture4 {
	background: #fff;
	box-shadow: 0 5px 10px rgba(0,0,0,.1);
}

.index_picture4 .list {
	position: relative;
	height: 586px;
}

.index_picture4 .list .logo {
	transform: scale(0);
	-webkit-transform: scale(0);
	opacity: 0;
	transition: all 1s;
	-webkit-transition: all 1s;
	position: absolute;
	left: calc(50% - 122px);
	top: calc(50% - 140px);
	z-index: 2;
	width: 244px;
}

.index_picture4 .list .logo .box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 280px;
	background: url(../images/index/index_picture4_list_logo_bg.png) no-repeat;
}

.index_picture4 .list .logo .box .imgbox {
	margin-bottom: 10px;
	font-size: 0;
}

.index_picture4 .list .item {
	padding: 40px;
}

.index_picture4 .list .item ul {
	margin: 0 -10px;
}

.index_picture4 .list .item ul li {
	position: relative;
	float: left;
	padding: 0 10px;
	width: calc(100% / 6);
}

.index_picture4 .list .item ul li:before {
	content: "";
	position: absolute;
	width: 13px;
	height: 13px;
	background: #d4d4d4;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	transform: scale(0);
}

.index_picture4 .list .item ul:nth-child(1) li:before {
	bottom: -30px;
}

.index_picture4 .list .item ul:nth-child(3) li:before {
	top: -30px;
}

.index_picture4 .list .item ul:nth-child(odd) li:nth-child(1):before {
	left: 50%;
}

.index_picture4 .list .item ul:nth-child(odd) li:nth-child(2):before {
	left: calc(50% + 5px);
}

.index_picture4 .list .item ul:nth-child(odd) li:nth-child(3):before {
	left: calc(50% + 5px);
}

.index_picture4 .list .item ul:nth-child(odd) li:nth-child(4):before {
	right: calc(50% + 5px);
}

.index_picture4 .list .item ul:nth-child(odd) li:nth-child(5):before {
	right: calc(50% + 5px);
}

.index_picture4 .list .item ul:nth-child(odd) li:nth-child(6):before {
	right: 50%;
}

.index_picture4 .list .item ul:nth-child(2) li:nth-child(1):before {
	bottom: -25px;
	left: calc(50% - 20px);
}

.index_picture4 .list .item ul:nth-child(2) li:nth-child(2):before {
	bottom: 15px;
	right: -10px;
}

.index_picture4 .list .item ul:nth-child(2) li:nth-child(3):before {
	bottom: -25px;
	right: calc(50% - 20px);
}

.index_picture4 .list .item ul:nth-child(2) li:nth-child(4):before {
	bottom: 15px;
	left: -10px;
}

.index_picture4 .list .item ul li .line {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
}

.index_picture4 .list .item ul li .line:before,.index_picture4 .list .item ul li .line:after {
	content: "";
	position: absolute;
	background: #d4d4d4;
}

.index_picture4 .list .item ul li .line:before {
	width: 1px;
	height: 0px;
}

.index_picture4 .list .item ul:nth-child(1) li:nth-child(1) .line:before {
	left: calc(50% + 6px);
	top: calc(100% + 30px);
}

.index_picture4 .list .item ul:nth-child(1) li:nth-child(2) .line:before {
	left: calc(50% + 179px);
	top: calc(100% + 24px);
}

.index_picture4 .list .item ul:nth-child(1) li:nth-child(3) .line:before {
	left: calc(50% + 11px);
	top: calc(100% + 24px);
}

.index_picture4 .list .item ul:nth-child(1) li:nth-child(4) .line:before {
	right: calc(50% + 11px);
	top: calc(100% + 24px);
}

.index_picture4 .list .item ul:nth-child(1) li:nth-child(5) .line:before {
	right: calc(50% + 179px);
	top: calc(100% + 24px);
}

.index_picture4 .list .item ul:nth-child(1) li:nth-child(6) .line:before {
	right: calc(50% + 6px);
	top: calc(100% + 30px);
}

.index_picture4 .list .item ul:nth-child(2) li:nth-child(1) .line:before {
	left: calc(50% - 14px);
	top: calc(100% + 25px);
}

.index_picture4 .list .item ul:nth-child(2) li:nth-child(2) .line:before {
	right: -4px;
	bottom: 28px;
}

.index_picture4 .list .item ul:nth-child(2) li:nth-child(3) .line:before {
	right: calc(50% - 14px);
	top: calc(100% + 25px);
}

.index_picture4 .list .item ul:nth-child(2) li:nth-child(4) .line:before {
	left: -4px;
	bottom: 28px;
}

.index_picture4 .list .item ul:nth-child(3) li:nth-child(1) .line:before {
	left: calc(50% + 6px);
	bottom: calc(100% + 30px);
}

.index_picture4 .list .item ul:nth-child(3) li:nth-child(2) .line:before {
	left: calc(50% + 179px);
	bottom: calc(100% + 24px);
}

.index_picture4 .list .item ul:nth-child(3) li:nth-child(3) .line:before {
	left: calc(50% + 11px);
	bottom: calc(100% + 24px);
}

.index_picture4 .list .item ul:nth-child(3) li:nth-child(4) .line:before {
	right: calc(50% + 11px);
	bottom: calc(100% + 24px);
}

.index_picture4 .list .item ul:nth-child(3) li:nth-child(5) .line:before {
	right: calc(50% + 179px);
	bottom: calc(100% + 24px);
}

.index_picture4 .list .item ul:nth-child(3) li:nth-child(6) .line:before {
	right: calc(50% + 6px);
	bottom: calc(100% + 30px);
}

.index_picture4 .list .item ul li .line:after {
	width: 0;
	height: 1px;
}

.index_picture4 .list .item ul:nth-child(1) li:nth-child(1) .line:after {
	left: calc(50% + 6px);
	bottom: -46px;
}

.index_picture4 .list .item ul:nth-child(1) li:nth-child(2) .line:after {
	left: calc(50% + 18px);
	bottom: -24px;
}

.index_picture4 .list .item ul:nth-child(1) li:nth-child(3) .line:after,.index_picture4 .list .item ul:nth-child(1) li:nth-child(4) .line:after {
	display: none;
}

.index_picture4 .list .item ul:nth-child(1) li:nth-child(5) .line:after {
	right: calc(50% + 18px);
	bottom: -24px;
}

.index_picture4 .list .item ul:nth-child(1) li:nth-child(6) .line:after {
	right: calc(50% + 6px);
	bottom: -46px;
}

.index_picture4 .list .item ul:nth-child(2) li:nth-child(1) .line:after {
	left: calc(50% - 14px);
	bottom: -41px;
}

.index_picture4 .list .item ul:nth-child(2) li:nth-child(2) .line:after {
	left: calc(100% + 4px);
	bottom: 43px;
}

.index_picture4 .list .item ul:nth-child(2) li:nth-child(3) .line:after {
	right: calc(50% - 14px);
	bottom: -41px;
}

.index_picture4 .list .item ul:nth-child(2) li:nth-child(4) .line:after {
	right: calc(100% + 4px);
	bottom: 43px;
}

.index_picture4 .list .item ul:nth-child(3) li:nth-child(1) .line:after {
	left: calc(50% + 6px);
	top: -46px;
}

.index_picture4 .list .item ul:nth-child(3) li:nth-child(2) .line:after {
	left: calc(50% + 18px);
	top: -24px;
}

.index_picture4 .list .item ul:nth-child(3) li:nth-child(3) .line:after,.index_picture4 .list .item ul:nth-child(3) li:nth-child(4) .line:after {
	display: none;
}

.index_picture4 .list .item ul:nth-child(3) li:nth-child(5) .line:after {
	right: calc(50% + 18px);
	top: -24px;
}

.index_picture4 .list .item ul:nth-child(3) li:nth-child(6) .line:after {
	right: calc(50% + 6px);
	top: -46px;
}

.index_picture4 .list .item ul li > div {
	position: relative;
	z-index: 2;
}

.index_picture4 .list .item ul li .imgbox {
	height: 80px;
	font-size: 0;
	line-height: 80px;
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	opacity: 0;
}

.index_picture4 .list .item ul li .imgbox img {
	max-width: 100%;
	max-height: 100%;
}

.index_picture4 .list .item ul li .biaoti {
	font-size: 16px;
	color: #1f1f1f;
	line-height: 24px;
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	opacity: 0;
}

.index_picture4 .list .item ul:nth-child(2) {
	margin: 75px -10px 125px;
}

.index_picture4 .list .item ul:nth-child(2) li:nth-child(n+3) {
	float: right;
}

.index_picture4 .other {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: solid 1px #e7e7e7;
	overflow: hidden;
}

.index_picture4 .other .list2 {
	padding: 0 30px;
	width: calc(100% - 440px);
}

.index_picture4 .other .list2 ul {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.index_picture4 .other .list2 ul li {
	width: calc((100% - 10px * 5) / 6);
}

.index_picture4 .other .list2 ul li:nth-child(2) {
	animation-delay: .1s;
	-webkit-animation-delay: .1s;
}

.index_picture4 .other .list2 ul li:nth-child(3) {
	animation-delay: .2s;
	-webkit-animation-delay: .2s;
}

.index_picture4 .other .list2 ul li:nth-child(4) {
	animation-delay: .3s;
	-webkit-animation-delay: .3s;
}

.index_picture4 .other .list2 ul li:nth-child(5) {
	animation-delay: .4s;
	-webkit-animation-delay: .4s;
}

.index_picture4 .other .list2 ul li:nth-child(6) {
	animation-delay: .5s;
	-webkit-animation-delay: .5s;
}

.index_picture4 .other .list2 ul li .imgbox {
	margin-bottom: 10px;
	height: 60px;
	font-size: 0;
	line-height: 60px;
}

.index_picture4 .other .list2 ul li .imgbox img {
	max-width: 100%;
	max-height: 100%;
}

.index_picture4 .other .list2 ul li .biaoti {
	height: 44px;
	font-size: 16px;
	color: #3f3f3f;
	line-height: 22px;
	overflow: hidden;
}

.index_picture4 .other .contact {
	position: relative;
	width: 440px;
}

.index_picture4 .other .contact ul {
	display: flex;
	align-items: center;
	height: 168px;
}

.index_picture4 .other .contact ul li:nth-child(1) {
	width: 149px;
}

.index_picture4 .other .contact ul li:nth-child(2) {
	width: 185px;
}

.index_picture4 .other .contact ul li a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 101px;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.index_picture4 .other .contact ul li:nth-child(1) a {
	background: url(../images/index/index_picture4_contact_bg1.jpg) no-repeat 50% 50% / cover;
}

.index_picture4 .other .contact ul li:nth-child(2) a {
	padding-right: 40px;
	background: url(../images/index/index_picture4_contact_bg2.jpg) no-repeat 50% 50% / cover;
}

.index_picture4 .other .contact ul li a .biaoti {
	margin-bottom: 10px;
	font-size: 16px;
	color: #fff;
	line-height: 24px;
}

.index_picture4 .other .contact ul li a .icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 25px;
	height: 25px;
	font-size: 12px;
	color: #fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}

.index_picture4 .other .contact ul li:nth-child(1) a .icon {
	background: #ff0000;
}

.index_picture4 .other .contact ul li:nth-child(2) a .icon {
	background: #4e5c71;
}

.index_picture4 .other .contact .imgbox {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 0;
}

@keyframes index_picture4_list_imgboxBiaoti {
	from {
		transform: translateY(10px);
		opacity: 0;
	}

	to {
		transform: translateY(0px);
		opacity: 1;
	}
}

@-webkit-keyframes index_picture4_list_imgboxBiaoti {
	from {
		transform: translateY(10px);
		opacity: 0;
	}

	to {
		transform: translateY(0px);
		opacity: 1;
	}
}

@keyframes index_picture4_list_li_before {
	from {
		transform: scale(0);
	}

	to {
		transform: scale(1);
	}
}

@-webkit-keyframes index_picture4_list_li_before {
	from {
		transform: scale(0);
	}

	to {
		transform: scale(1);
	}
}

@keyframes index_picture4_list_li_line_column1 {
	from {
		height: 0px;
	}

	to {
		height: 16px;
	}
}

@-webkit-keyframes index_picture4_list_li_line_column1 {
	from {
		height: 0px;
	}

	to {
		height: 16px;
	}
}

@keyframes index_picture4_list_li_line_column2 {
	from {
		height: 0px;
	}

	to {
		height: 130px;
	}
}

@-webkit-keyframes index_picture4_list_li_line_column2 {
	from {
		height: 0px;
	}

	to {
		height: 130px;
	}
}

@keyframes index_picture4_list_li_line_row1 {
	from {
		width: 0px;
	}

	to {
		width: 500px;
	}
}

@-webkit-keyframes index_picture4_list_li_line_row1 {
	from {
		width: 0px;
	}

	to {
		width: 500px;
	}
}

@keyframes index_picture4_list_li_line_row2 {
	from {
		width: 0px;
	}

	to {
		width: 200px;
	}
}

@-webkit-keyframes index_picture4_list_li_line_row2 {
	from {
		width: 0px;
	}

	to {
		width: 200px;
	}
}

@keyframes index_picture4_list_li_line_row3 {
	from {
		width: 0px;
	}

	to {
		width: 162px;
	}
}

@-webkit-keyframes index_picture4_list_li_line_row3 {
	from {
		width: 0px;
	}

	to {
		width: 162px;
	}
}

@keyframes index_picture4_list_logo {
	0% {
		transform: translateY(0px);
	}

	20% {
		transform: translateY(20px);
	}

	80% {
		transform: translateY(-20px);
	}

	100% {
		transform: translateY(0px);
	}
}

@-webkit-keyframes index_picture4_list_logo {
	0% {
		transform: translateY(0px);
	}

	20% {
		transform: translateY(20px);
	}

	80% {
		transform: translateY(-20px);
	}

	100% {
		transform: translateY(0px);
	}
}

.index_picture4.active .list .item ul:nth-child(1) li .imgbox {
	animation: index_picture4_list_imgboxBiaoti .5s 0s linear forwards;
	-webkit-animation: index_picture4_list_imgboxBiaoti .5s 0s linear forwards;
}

.index_picture4.active .list .item ul:nth-child(2) li .imgbox {
	animation: index_picture4_list_imgboxBiaoti .5s .1s linear forwards;
	-webkit-animation: index_picture4_list_imgboxBiaoti .5s .1s linear forwards;
}

.index_picture4.active .list .item ul:nth-child(3) li .imgbox {
	animation: index_picture4_list_imgboxBiaoti .5s .2s linear forwards;
	-webkit-animation: index_picture4_list_imgboxBiaoti .5s .2s linear forwards;
}

.index_picture4.active .list .item ul:nth-child(1) li .biaoti {
	animation: index_picture4_list_imgboxBiaoti .3s .1s linear forwards;
	-webkit-animation: index_picture4_list_imgboxBiaoti .3s .1s linear forwards;
}

.index_picture4.active .list .item ul:nth-child(2) li .biaoti {
	animation: index_picture4_list_imgboxBiaoti .3s .2s linear forwards;
	-webkit-animation: index_picture4_list_imgboxBiaoti .3s .2s linear forwards;
}

.index_picture4.active .list .item ul:nth-child(3) li .biaoti {
	animation: index_picture4_list_imgboxBiaoti .3s .3s linear forwards;
	-webkit-animation: index_picture4_list_imgboxBiaoti .3s .3s linear forwards;
}

.index_picture4.active .list .item ul:nth-child(1) li:before {
	animation: index_picture4_list_li_before .3s .5s linear forwards;
	-webkit-animation: index_picture4_list_li_before .3s .5s linear forwards;
}

.index_picture4.active .list .item ul:nth-child(2) li:before {
	animation: index_picture4_list_li_before .3s .6s linear forwards;
	-webkit-animation: index_picture4_list_li_before .3s .6s linear forwards;
}

.index_picture4.active .list .item ul:nth-child(3) li:before {
	animation: index_picture4_list_li_before .3s .7s linear forwards;
	-webkit-animation: index_picture4_list_li_before .3s .7s linear forwards;
}

.index_picture4.active .list .item ul:nth-child(1) li:nth-child(1) .line:before,.index_picture4.active .list .item ul:nth-child(1) li:nth-child(6) .line:before {
	animation: index_picture4_list_li_line_column1 .3s .8s linear forwards;
	-webkit-animation: index_picture4_list_li_line_column1 .3s .8s linear forwards;
}

.index_picture4.active .list .item ul:nth-child(2) li:nth-child(1) .line:before,.index_picture4.active .list .item ul:nth-child(2) li:nth-child(2) .line:before,.index_picture4.active .list .item ul:nth-child(2) li:nth-child(3) .line:before,.index_picture4.active .list .item ul:nth-child(2) li:nth-child(4) .line:before {
	animation: index_picture4_list_li_line_column1 .3s .9s linear forwards;
	-webkit-animation: index_picture4_list_li_line_column1 .3s .9s linear forwards;
}

.index_picture4.active .list .item ul:nth-child(3) li:nth-child(1) .line:before,.index_picture4.active .list .item ul:nth-child(3) li:nth-child(6) .line:before {
	animation: index_picture4_list_li_line_column1 .3s 1s linear forwards;
	-webkit-animation: index_picture4_list_li_line_column1 .3s 1s linear forwards;
}

.index_picture4.active .list .item ul:nth-child(1) li:nth-child(3) .line:before,.index_picture4.active .list .item ul:nth-child(1) li:nth-child(4) .line:before {
	animation: index_picture4_list_li_line_column2 .3s .8s linear forwards;
	-webkit-animation: index_picture4_list_li_line_column2 .3s .8s linear forwards;
}

.index_picture4.active .list .item ul:nth-child(3) li:nth-child(3) .line:before,.index_picture4.active .list .item ul:nth-child(3) li:nth-child(4) .line:before {
	animation: index_picture4_list_li_line_column2 .3s 1s linear forwards;
	-webkit-animation: index_picture4_list_li_line_column2 .3s 1s linear forwards;
}

.index_picture4.active .list .item ul:nth-child(1) li:nth-child(2) .line:before,.index_picture4.active .list .item ul:nth-child(1) li:nth-child(5) .line:before {
	animation: index_picture4_list_li_line_column2 .3s 1.3s linear forwards;
	-webkit-animation: index_picture4_list_li_line_column2 .3s 1.3s linear forwards;
}

.index_picture4.active .list .item ul:nth-child(3) li:nth-child(2) .line:before,.index_picture4.active .list .item ul:nth-child(3) li:nth-child(5) .line:before {
	animation: index_picture4_list_li_line_column2 .3s 1.5s linear forwards;
	-webkit-animation: index_picture4_list_li_line_column2 .3s 1.5s linear forwards;
}

.index_picture4.active .list .item ul:nth-child(1) li:nth-child(1) .line:after,.index_picture4.active .list .item ul:nth-child(1) li:nth-child(6) .line:after {
	animation: index_picture4_list_li_line_row1 1s 1.1s linear forwards;
	-webkit-animation: index_picture4_list_li_line_row1 1s 1.1s linear forwards;
}

.index_picture4.active .list .item ul:nth-child(1) li:nth-child(2) .line:after,.index_picture4.active .list .item ul:nth-child(1) li:nth-child(5) .line:after {
	animation: index_picture4_list_li_line_row3 .5s .8s linear forwards;
	-webkit-animation: index_picture4_list_li_line_row3 .5s .8s linear forwards;
}

.index_picture4.active .list .item ul:nth-child(2) li:nth-child(1) .line:after,.index_picture4.active .list .item ul:nth-child(2) li:nth-child(3) .line:after {
	animation: index_picture4_list_li_line_row1 1s 1.2s linear forwards;
	-webkit-animation: index_picture4_list_li_line_row1 1s 1.2s linear forwards;
}

.index_picture4.active .list .item ul:nth-child(2) li:nth-child(2) .line:after,.index_picture4.active .list .item ul:nth-child(2) li:nth-child(4) .line:after {
	animation: index_picture4_list_li_line_row2 .5s 1.2s linear forwards;
	-webkit-animation: index_picture4_list_li_line_row2 .5s 1.2s linear forwards;
}

.index_picture4.active .list .item ul:nth-child(3) li:nth-child(1) .line:after,.index_picture4.active .list .item ul:nth-child(3) li:nth-child(6) .line:after {
	animation: index_picture4_list_li_line_row1 1s 1.3s linear forwards;
	-webkit-animation: index_picture4_list_li_line_row1 1s 1.3s linear forwards;
}

.index_picture4.active .list .item ul:nth-child(3) li:nth-child(2) .line:after,.index_picture4.active .list .item ul:nth-child(3) li:nth-child(5) .line:after {
	animation: index_picture4_list_li_line_row3 .5s 1s linear forwards;
	-webkit-animation: index_picture4_list_li_line_row3 .5s 1s linear forwards;
}

.index_picture4.active .list .logo {
	transform: scale(1);
	-webkit-transform: scale(1);
	opacity: 1;
}

.index_picture4.active .list .logo .box {
	animation: index_picture4_list_logo 5s 1.5s linear infinite;
	-webkit-animation: index_picture4_list_logo 5s 1.5s linear infinite;
}

.index_picture5 ul {
	position: relative;
	height: 450px;
}

.index_picture5 ul li {
	position: absolute;
	background-repeat: no-repeat;
	transform: translateY(30px);
	-webkit-transform: translateY(30px);
	opacity: 0;
}

.index_picture5 ul li:nth-child(1) {
	left: -40px;
	top: 237px;
	width: 27px;
	height: 30px;
	background-image: url(../images/index/index_picture5_1.png);
}

.index_picture5 ul li:nth-child(2) {
	left: 59px;
	top: 270px;
	width: 59px;
	height: 69px;
	background-image: url(../images/index/index_picture5_2.png);
}

.index_picture5 ul li:nth-child(3) {
	left: 172px;
	top: 144px;
	width: 40px;
	height: 45px;
	background-image: url(../images/index/index_picture5_3.png);
}

.index_picture5 ul li:nth-child(4) {
	left: 334px;
	top: 198px;
	width: 70px;
	height: 84px;
	background-image: url(../images/index/index_picture5_4.png);
}

.index_picture5 ul li:nth-child(5) {
	left: 558px;
	top: 81px;
	width: 90px;
	height: 116px;
	background-image: url(../images/index/index_picture5_5.png);
}

.index_picture5 ul li:nth-child(6) {
	left: 798px;
	top: 198px;
	width: 68px;
	height: 84px;
	background-image: url(../images/index/index_picture5_6.png);
}

.index_picture5 ul li:nth-child(7) {
	left: 981px;
	top: 144px;
	width: 39px;
	height: 45px;
	background-image: url(../images/index/index_picture5_7.png);
}

.index_picture5 ul li:nth-child(8) {
	left: 1075px;
	top: 270px;
	width: 58px;
	height: 69px;
	background-image: url(../images/index/index_picture5_8.png);
}

.index_picture5 ul li:nth-child(9) {
	right: -33px;
	top: 237px;
	width: 27px;
	height: 30px;
	background-image: url(../images/index/index_picture5_9.png);
}

.index_picture5 ul li:before,.index_picture5 ul li:after {
	position: absolute;
	left: calc(50% - 75px);
	width: 150px;
	text-align: center;
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	opacity: 0;
}

.index_picture5 ul li:before {
	content: attr(data-cn);
	top: calc(100% + 10px);
	font-size: 20px;
	color: #262626;
	line-height: 24px;
}

.index_picture5 ul li:after {
	content: attr(data-en);
	top: calc(100% + 35px);
	font-family: 'Arial';
	color: #9d9d9d;
	line-height: 24px;
	text-transform: uppercase;
	-webkit-text-transform: uppercase;
	letter-spacing: 2px;
	text-indent: 2px;
}

.index_picture5 ul li i {
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	opacity: 0;
}

.index_picture5 ul li:nth-child(1) i:nth-child(1) {
	left: calc(50% - 21px);
	top: -4px;
	width: 42px;
	height: 9px;
	background-image: url(../images/index/index_picture5_1_huan_1.png);
}

.index_picture5 ul li:nth-child(1) i:nth-child(2) {
	left: calc(50% - 17px);
	top: 16px;
	width: 33px;
	height: 7px;
	background-image: url(../images/index/index_picture5_1_huan_2.png);
}

.index_picture5 ul li:nth-child(1) i:nth-child(3) {
	left: calc(50% - 14px);
	top: 26px;
	width: 28px;
	height: 6px;
	background-image: url(../images/index/index_picture5_1_huan_3.png);
}

.index_picture5 ul li:nth-child(2) i:nth-child(1) {
	left: calc(50% - 48px);
	top: -9px;
	width: 95px;
	height: 20px;
	background-image: url(../images/index/index_picture5_2_huan_1.png);
}

.index_picture5 ul li:nth-child(2) i:nth-child(2) {
	left: calc(50% - 37px);
	top: 27px;
	width: 73px;
	height: 16px;
	background-image: url(../images/index/index_picture5_2_huan_2.png);
}

.index_picture5 ul li:nth-child(2) i:nth-child(3) {
	left: calc(50% - 31px);
	top: 51px;
	width: 62px;
	height: 14px;
	background-image: url(../images/index/index_picture5_2_huan_3.png);
}

.index_picture5 ul li:nth-child(3) i:nth-child(1) {
	left: calc(50% - 31px);
	top: -6px;
	width: 62px;
	height: 13px;
	background-image: url(../images/index/index_picture5_3_huan_1.png);
}

.index_picture5 ul li:nth-child(3) i:nth-child(2) {
	left: calc(50% - 24px);
	top: 18px;
	width: 48px;
	height: 10px;
	background-image: url(../images/index/index_picture5_3_huan_2.png);
}

.index_picture5 ul li:nth-child(3) i:nth-child(3) {
	left: calc(50% - 20px);
	top: 33px;
	width: 41px;
	height: 9px;
	background-image: url(../images/index/index_picture5_3_huan_3.png);
}

.index_picture5 ul li:nth-child(4) i:nth-child(1) {
	left: calc(50% - 50px);
	top: 1px;
	width: 100px;
	height: 20px;
	background-image: url(../images/index/index_picture5_4_huan_1.png);
}

.index_picture5 ul li:nth-child(4) i:nth-child(2) {
	left: calc(50% - 39px);
	top: 38px;
	width: 77px;
	height: 16px;
	background-image: url(../images/index/index_picture5_4_huan_2.png);
}

.index_picture5 ul li:nth-child(4) i:nth-child(3) {
	left: calc(50% - 33px);
	top: 63px;
	width: 65px;
	height: 14px;
	background-image: url(../images/index/index_picture5_4_huan_3.png);
}

.index_picture5 ul li:nth-child(5) i:nth-child(1) {
	left: calc(50% - 67px);
	top: -4px;
	width: 133px;
	height: 27px;
	background-image: url(../images/index/index_picture5_5_huan_1.png);
}

.index_picture5 ul li:nth-child(5) i:nth-child(2) {
	left: calc(50% - 51px);
	top: 47px;
	width: 101px;
	height: 20px;
	background-image: url(../images/index/index_picture5_5_huan_2.png);
}

.index_picture5 ul li:nth-child(5) i:nth-child(3) {
	left: calc(50% - 43px);
	top: 79px;
	width: 86px;
	height: 19px;
	background-image: url(../images/index/index_picture5_5_huan_3.png);
}

.index_picture5 ul li:nth-child(6) i:nth-child(1) {
	left: calc(50% - 50px);
	top: -1px;
	width: 100px;
	height: 20px;
	background-image: url(../images/index/index_picture5_6_huan_1.png);
}

.index_picture5 ul li:nth-child(6) i:nth-child(2) {
	left: calc(50% - 39px);
	top: 37px;
	width: 77px;
	height: 16px;
	background-image: url(../images/index/index_picture5_6_huan_2.png);
}

.index_picture5 ul li:nth-child(6) i:nth-child(3) {
	left: calc(50% - 33px);
	top: 63px;
	width: 65px;
	height: 14px;
	background-image: url(../images/index/index_picture5_6_huan_3.png);
}

.index_picture5 ul li:nth-child(7) i:nth-child(1) {
	left: calc(50% - 31px);
	top: -7px;
	width: 62px;
	height: 13px;
	background-image: url(../images/index/index_picture5_7_huan_1.png);
}

.index_picture5 ul li:nth-child(7) i:nth-child(2) {
	left: calc(50% - 24px);
	top: 17px;
	width: 48px;
	height: 10px;
	background-image: url(../images/index/index_picture5_7_huan_2.png);
}

.index_picture5 ul li:nth-child(7) i:nth-child(3) {
	left: calc(50% - 20px);
	top: 33px;
	width: 41px;
	height: 9px;
	background-image: url(../images/index/index_picture5_7_huan_3.png);
}

.index_picture5 ul li:nth-child(8) i:nth-child(1) {
	left: calc(50% - 48px);
	top: -11px;
	width: 95px;
	height: 20px;
	background-image: url(../images/index/index_picture5_8_huan_1.png);
}

.index_picture5 ul li:nth-child(8) i:nth-child(2) {
	left: calc(50% - 37px);
	top: 26px;
	width: 73px;
	height: 16px;
	background-image: url(../images/index/index_picture5_8_huan_2.png);
}

.index_picture5 ul li:nth-child(8) i:nth-child(3) {
	left: calc(50% - 31px);
	top: 50px;
	width: 62px;
	height: 14px;
	background-image: url(../images/index/index_picture5_8_huan_3.png);
}

.index_picture5 ul li:nth-child(9) i:nth-child(1) {
	left: calc(50% - 21px);
	top: -5px;
	width: 42px;
	height: 9px;
	background-image: url(../images/index/index_picture5_9_huan_1.png);
}

.index_picture5 ul li:nth-child(9) i:nth-child(2) {
	left: calc(50% - 17px);
	top: 11px;
	width: 33px;
	height: 7px;
	background-image: url(../images/index/index_picture5_9_huan_2.png);
}

.index_picture5 ul li:nth-child(9) i:nth-child(3) {
	left: calc(50% - 14px);
	top: 22px;
	width: 28px;
	height: 6px;
	background-image: url(../images/index/index_picture5_9_huan_3.png);
}

.index_picture5 ul li span {
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	opacity: 0;
}

.index_picture5 ul li:nth-child(2) span {
	left: calc(50% - 25px);
	top: -55px;
	width: 49px;
	height: 46px;
	background-image: url(../images/index/index_picture5_2_dian_1.png);
}

.index_picture5 ul li:nth-child(3) span {
	left: calc(50% - 25px);
	top: -55px;
	width: 49px;
	height: 46px;
	background-image: url(../images/index/index_picture5_3_dian_1.png);
}

.index_picture5 ul li:nth-child(4) span {
	left: calc(50% - 25px);
	top: -61px;
	width: 49px;
	height: 51px;
	background-image: url(../images/index/index_picture5_4_dian_1.png);
}

.index_picture5 ul li:nth-child(5) span {
	left: calc(50% - 32px);
	top: -71px;
	width: 64px;
	height: 66px;
	background-image: url(../images/index/index_picture5_5_dian_1.png);
}

.index_picture5 ul li:nth-child(6) span {
	left: calc(50% - 25px);
	top: -61px;
	width: 49px;
	height: 51px;
	background-image: url(../images/index/index_picture5_6_dian_1.png);
}

.index_picture5 ul li:nth-child(7) span {
	left: calc(50% - 25px);
	top: -55px;
	width: 49px;
	height: 46px;
	background-image: url(../images/index/index_picture5_7_dian_1.png);
}

.index_picture5 ul li:nth-child(8) span {
	left: calc(50% - 25px);
	top: -55px;
	width: 49px;
	height: 46px;
	background-image: url(../images/index/index_picture5_8_dian_1.png);
}

.index_picture5 ul li span:before,.index_picture5 ul li span:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	opacity: 0;
}

.index_picture5 ul li:nth-child(2) span:before {
	background-image: url(../images/index/index_picture5_2_dian_2.png);
}

.index_picture5 ul li:nth-child(3) span:before {
	background-image: url(../images/index/index_picture5_3_dian_2.png);
}

.index_picture5 ul li:nth-child(4) span:before {
	background-image: url(../images/index/index_picture5_4_dian_2.png);
}

.index_picture5 ul li:nth-child(5) span:before {
	background-image: url(../images/index/index_picture5_5_dian_2.png);
}

.index_picture5 ul li:nth-child(6) span:before {
	background-image: url(../images/index/index_picture5_6_dian_2.png);
}

.index_picture5 ul li:nth-child(7) span:before {
	background-image: url(../images/index/index_picture5_7_dian_2.png);
}

.index_picture5 ul li:nth-child(8) span:before {
	background-image: url(../images/index/index_picture5_8_dian_2.png);
}

.index_picture5 ul li:nth-child(2) span:after {
	background-image: url(../images/index/index_picture5_2_dian_3.png);
}

.index_picture5 ul li:nth-child(3) span:after {
	background-image: url(../images/index/index_picture5_3_dian_3.png);
}

.index_picture5 ul li:nth-child(4) span:after {
	background-image: url(../images/index/index_picture5_4_dian_3.png);
}

.index_picture5 ul li:nth-child(5) span:after {
	background-image: url(../images/index/index_picture5_5_dian_3.png);
}

.index_picture5 ul li:nth-child(6) span:after {
	background-image: url(../images/index/index_picture5_6_dian_3.png);
}

.index_picture5 ul li:nth-child(7) span:after {
	background-image: url(../images/index/index_picture5_7_dian_3.png);
}

.index_picture5 ul li:nth-child(8) span:after {
	background-image: url(../images/index/index_picture5_8_dian_3.png);
}

.index_picture5 ul li b {
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	background-position: 0px 130px;
}

.index_picture5 ul li:nth-child(1) b {
	left: calc(50% - 8px);
	bottom: calc(100% - 2px);
	width: 16px;
	height: 42px;
	background-image: url(../images/index/index_picture5_1_line.png);
}

.index_picture5 ul li:nth-child(2) b {
	left: calc(50% - 17px);
	bottom: calc(100% - 2px);
	width: 34px;
	height: 94px;
	background-image: url(../images/index/index_picture5_2_line.png);
}

.index_picture5 ul li:nth-child(3) b {
	left: calc(50% - 11px);
	bottom: calc(100% - 2px);
	width: 22px;
	height: 61px;
	background-image: url(../images/index/index_picture5_3_line.png);
}

.index_picture5 ul li:nth-child(4) b {
	left: calc(50% - 19px);
	bottom: calc(100% - 5px);
	width: 38px;
	height: 106px;
	background-image: url(../images/index/index_picture5_4_line.png);
}

.index_picture5 ul li:nth-child(5) b {
	left: calc(50% - 37px);
	bottom: calc(100% - 20px);
	width: 74px;
	height: 127px;
	background-image: url(../images/index/index_picture5_5_line.png);
}

.index_picture5 ul li:nth-child(6) b {
	left: calc(50% - 19px);
	bottom: calc(100% - 5px);
	width: 38px;
	height: 106px;
	background-image: url(../images/index/index_picture5_6_line.png);
}

.index_picture5 ul li:nth-child(7) b {
	left: calc(50% - 11px);
	bottom: calc(100% - 2px);
	width: 22px;
	height: 61px;
	background-image: url(../images/index/index_picture5_7_line.png);
}

.index_picture5 ul li:nth-child(8) b {
	left: calc(50% - 17px);
	bottom: calc(100% - 2px);
	width: 34px;
	height: 94px;
	background-image: url(../images/index/index_picture5_8_line.png);
}

.index_picture5 ul li:nth-child(9) b {
	left: calc(50% - 8px);
	bottom: calc(100% - 2px);
	width: 16px;
	height: 42px;
	background-image: url(../images/index/index_picture5_9_line.png);
}

@keyframes index_picture5_li {
	from {
		transform: translateY(30px);
		opacity: 0;
	}

	to {
		transform: translateY(0px);
		opacity: 1;
	}
}

@-webkit-keyframes index_picture5_li {
	from {
		transform: translateY(30px);
		opacity: 0;
	}

	to {
		transform: translateY(0px);
		opacity: 1;
	}
}

@keyframes index_picture5_li_beforeAfter {
	from {
		transform: translateY(10px);
		opacity: 0;
	}

	to {
		transform: translateY(0px);
		opacity: 1;
	}
}

@-webkit-keyframes index_picture5_li_beforeAfter {
	from {
		transform: translateY(10px);
		opacity: 0;
	}

	to {
		transform: translateY(0px);
		opacity: 1;
	}
}

@keyframes index_picture5_i_enlarge {
	0% {
		transform: scale(1);
		opacity: 1;
	}

	50% {
		transform: scale(1.5);
		opacity: 0;
	}

	90% {
		transform: scale(.8);
		opacity: 0;
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@-webkit-keyframes index_picture5_i_enlarge {
	0% {
		transform: scale(1);
		opacity: 1;
	}

	50% {
		transform: scale(1.5);
		opacity: 0;
	}

	90% {
		transform: scale(.8);
		opacity: 0;
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes index_picture5_b {
	from {
		background-position: 0px 130px;
	}

	to {
		background-position: 0px 0px;
	}
}

@-webkit-keyframes index_picture5_b {
	from {
		background-position: 0px 130px;
	}

	to {
		background-position: 0px 0px;
	}
}

@keyframes index_picture5_span {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.index_picture5.active ul li:nth-child(1),.index_picture5.active ul li:nth-child(2),.index_picture5.active ul li:nth-child(5) {
	animation: index_picture5_li .5s 0s ease-in-out forwards;
	-webkit-animation: index_picture5_li .5s 0s ease-in-out forwards;
}

.index_picture5.active ul li:nth-child(3),.index_picture5.active ul li:nth-child(8) {
	animation: index_picture5_li .5s .2s ease-in-out forwards;
	-webkit-animation: index_picture5_li .5s .2s ease-in-out forwards;
}

.index_picture5.active ul li:nth-child(4),.index_picture5.active ul li:nth-child(6),.index_picture5.active ul li:nth-child(7),.index_picture5.active ul li:nth-child(9) {
	animation: index_picture5_li .5s .4s ease-in-out forwards;
	-webkit-animation: index_picture5_li .5s .4s ease-in-out forwards;
}

.index_picture5.active ul li:nth-child(1):before,.index_picture5.active ul li:nth-child(2):before,.index_picture5.active ul li:nth-child(5):before {
	animation: index_picture5_li_beforeAfter .3s .5s ease-in-out forwards;
	-webkit-animation: index_picture5_li_beforeAfter .3s .5s ease-in-out forwards;
}

.index_picture5.active ul li:nth-child(3):before,.index_picture5.active ul li:nth-child(8):before {
	animation: index_picture5_li_beforeAfter .3s .7s ease-in-out forwards;
	-webkit-animation: index_picture5_li_beforeAfter .3s .7s ease-in-out forwards;
}

.index_picture5.active ul li:nth-child(4):before,.index_picture5.active ul li:nth-child(6):before,.index_picture5.active ul li:nth-child(7):before,.index_picture5.active ul li:nth-child(9):before {
	animation: index_picture5_li_beforeAfter .3s .9s ease-in-out forwards;
	-webkit-animation: index_picture5_li_beforeAfter .3s .9s ease-in-out forwards;
}

.index_picture5.active ul li:nth-child(1):after,.index_picture5.active ul li:nth-child(2):after,.index_picture5.active ul li:nth-child(5):after {
	animation: index_picture5_li_beforeAfter .3s .6s ease-in-out forwards;
	-webkit-animation: index_picture5_li_beforeAfter .3s .6s ease-in-out forwards;
}

.index_picture5.active ul li:nth-child(3):after,.index_picture5.active ul li:nth-child(8):after {
	animation: index_picture5_li_beforeAfter .3s .8s ease-in-out forwards;
	-webkit-animation: index_picture5_li_beforeAfter .3s .8s ease-in-out forwards;
}

.index_picture5.active ul li:nth-child(4):after,.index_picture5.active ul li:nth-child(6):after,.index_picture5.active ul li:nth-child(7):after,.index_picture5.active ul li:nth-child(9):after {
	animation: index_picture5_li_beforeAfter .3s 1s ease-in-out forwards;
	-webkit-animation: index_picture5_li_beforeAfter .3s 1s ease-in-out forwards;
}

.index_picture5.active ul li i:nth-child(1) {
	animation: index_picture5_i_enlarge 2s .2s linear infinite;
	-webkit-animation: index_picture5_i_enlarge 2s .2s linear infinite;
}

.index_picture5.active ul li i:nth-child(2) {
	animation: index_picture5_i_enlarge 2s .1s linear infinite;
	-webkit-animation: index_picture5_i_enlarge 2s .1s linear infinite;
}

.index_picture5.active ul li i:nth-child(3) {
	animation: index_picture5_i_enlarge 2s 0s linear infinite;
	-webkit-animation: index_picture5_i_enlarge 2s 0s linear infinite;
}

.index_picture5.active ul li:nth-child(1) b,.index_picture5.active ul li:nth-child(2) b,.index_picture5.active ul li:nth-child(5) b {
	animation: index_picture5_b .5s .5s ease-in-out forwards;
	-webkit-animation: index_picture5_b .5s .5s ease-in-out forwards;
}

.index_picture5.active ul li:nth-child(3) b,.index_picture5.active ul li:nth-child(8) b {
	animation: index_picture5_b .5s .7s ease-in-out forwards;
	-webkit-animation: index_picture5_b .5s .7s ease-in-out forwards;
}

.index_picture5.active ul li:nth-child(4) b,.index_picture5.active ul li:nth-child(6) b,.index_picture5.active ul li:nth-child(7) b,.index_picture5.active ul li:nth-child(9) b {
	animation: index_picture5_b .5s .9s ease-in-out forwards;
	-webkit-animation: index_picture5_b .5s .9s ease-in-out forwards;
}

.index_picture5.active ul li:nth-child(1) span,.index_picture5.active ul li:nth-child(2) span,.index_picture5.active ul li:nth-child(5) span {
	animation: index_picture5_span .3s .5s ease-in-out forwards;
	-webkit-animation: index_picture5_span .3s .5s ease-in-out forwards;
}

.index_picture5.active ul li:nth-child(3) span,.index_picture5.active ul li:nth-child(8) span {
	animation: index_picture5_span .3s .7s ease-in-out forwards;
	-webkit-animation: index_picture5_span .3s .7s ease-in-out forwards;
}

.index_picture5.active ul li:nth-child(4) span,.index_picture5.active ul li:nth-child(6) span,.index_picture5.active ul li:nth-child(7) span,.index_picture5.active ul li:nth-child(9) span {
	animation: index_picture5_span .3s .9s ease-in-out forwards;
	-webkit-animation: index_picture5_span .3s .9s ease-in-out forwards;
}

.index_picture5.active ul li:nth-child(1) span:before,.index_picture5.active ul li:nth-child(2) span:before,.index_picture5.active ul li:nth-child(5) span:before {
	animation: index_picture5_span 1.5s .7s ease-in-out infinite;
	-webkit-animation: index_picture5_span 1.5s .7s ease-in-out infinite;
}

.index_picture5.active ul li:nth-child(3) span:before,.index_picture5.active ul li:nth-child(8) span:before {
	animation: index_picture5_span 1.5s .9s ease-in-out infinite;
	-webkit-animation: index_picture5_span 1.5s .9s ease-in-out infinite;
}

.index_picture5.active ul li:nth-child(4) span:before,.index_picture5.active ul li:nth-child(6) span:before,.index_picture5.active ul li:nth-child(7) span:before,.index_picture5.active ul li:nth-child(9) span:before {
	animation: index_picture5_span 1.5s 1.1s ease-in-out infinite;
	-webkit-animation: index_picture5_span 1.5s 1.1s ease-in-out infinite;
}

.index_picture5.active ul li:nth-child(1) span:after,.index_picture5.active ul li:nth-child(2) span:after,.index_picture5.active ul li:nth-child(5) span:after {
	animation: index_picture5_span 2s .8s ease-in-out infinite;
	-webkit-animation: index_picture5_span 2s .8s ease-in-out infinite;
}

.index_picture5.active ul li:nth-child(3) span:after,.index_picture5.active ul li:nth-child(8) span:after {
	animation: index_picture5_span 2s 1s ease-in-out infinite;
	-webkit-animation: index_picture5_span 2s 1s ease-in-out infinite;
}

.index_picture5.active ul li:nth-child(4) span:after,.index_picture5.active ul li:nth-child(6) span:after,.index_picture5.active ul li:nth-child(7) span:after,.index_picture5.active ul li:nth-child(9) span:after {
	animation: index_picture5_span 2s 1.2s ease-in-out infinite;
	-webkit-animation: index_picture5_span 2s 1.2s ease-in-out infinite;
}

@media (min-width:750px) {
	.index_picture2 .list .item .icon:hover {
		color: #fff;
		background: #ec4129;
	}

	.index_picture3 .textbox .more ul li a:hover {
		padding-left: 5px;
		box-shadow: 3px 3px 0 rgba(236,65,41,.5);
	}

	.index_picture3 .textbox .more ul li:nth-child(2) a:hover {
		color: #fff;
		background: #ec4129;
		border-color: #ec4129;
	}

	.index_picture4 .other .contact ul li a:hover {
		transform: translateY(-5px);
		box-shadow: -3px 3px 0 rgba(0,0,0,.1);
	}

	.index_picture4 .list .item ul li .imgbox img:hover {
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
	}
}