/*index*/
.page-index .header-padding{ display: none; }

.page-index .section-4 .list{ margin: 0 -60px 0 96px; }
.page-index .section-4 .list li{ float: left; width: 224px; margin-bottom: 30px; margin-right: 163px;}
.page-index .section-4 .list li:nth-of-type(3n){margin-right: 0;}
.page-index .section-4 .list li .img{ width: 171px; height: 171px; position: relative; margin-bottom: 10px;}
.page-index .section-4 .list li .img i{ position: absolute; }
.page-index .section-4 .list li h3{ font-size: 18px; margin-bottom: 10px; }
.page-index .section-4 .list li p{ font-size: 14px; color: #95989d; }
.page-index .section-4 .list li.item-1 .s1{top: 30px; left: 7px; z-index: 3; animation: i1s1 1s ease-in-out infinite alternate; width: 61px; height: 79px; background: url(../img/04-icon-1-1.png) no-repeat; }
.page-index .section-4 .list li.item-1 .s2{top: 95px; width: 72px; animation: i1s2 1s ease-in-out infinite alternate; height: 53px; background:url(../img/04-icon-1-2.png) no-repeat; }
.page-index .section-4 .list li.item-1 .s3{left: 14px; top: 108px; animation: i1s3 1s ease-in-out infinite alternate; width: 46px; height: 48px; background: url(../img/04-icon-1-3.png) no-repeat; }
.page-index .section-4 .list li.item-2 .s1{ top: 68px; left: 0; animation: i2s1 1s linear infinite alternate; width: 140px; height: 75px; background: url(../img/04-icon-2-1.png) no-repeat; }
.page-index .section-4 .list li.item-2 .s2{ top: 50px; left: 31px; animation: i2s2 8s linear infinite; width: 48px; height: 48px; background:url(../img/04-icon-2-2.png) no-repeat; }
.page-index .section-4 .list li.item-2 .s3{ top: 79px; left: 70px; animation: i2s3 8s linear infinite; width: 37px; height: 38px; background: url(../img/04-icon-2-3.png) no-repeat; }
.page-index .section-4 .list li.item-3 .s1{ left: 0; top: 43px; animation: i3s1 2s ease-in-out infinite alternate; width: 116px; height: 121px; background:url(../img/04-icon-3-1.png) no-repeat; }
.page-index .section-4 .list li.item-3 .s2{ left: 96px; top: 105px; animation: i3s2 2s ease-in-out infinite alternate; z-index: 3; width: 28px; height: 28px; background: url(../img/04-icon-3-2.png) no-repeat; }
.page-index .section-4 .list li.item-3 .s3{ left: 70px; top: 42px; animation: i3s3 2s ease-in-out infinite alternate; width: 46px; height: 47px; background: url(../img/04-icon-3-3.png) no-repeat; }
.page-index .section-4 .list li.item-4 .s1{ left: 0; top: 38px; width: 111px; animation: i4s1 7s cubic-bezier(0.74, 0.01, 0.32, 0.99) infinite; height: 111px; background: url(../img/04-icon-4-1.png) no-repeat; }
.page-index .section-4 .list li.item-4 .s2{ left: 35px; top: 68px; width: 43px; animation: i4s2 7s cubic-bezier(0.74, 0.01, 0.32, 0.99) infinite; height: 55px; background:url(../img/04-icon-4-2.png) no-repeat; }
.page-index .section-4 .list li.item-5 .s1{ top: 90px; width: 154px; height: 60px; background: url(../img/04-icon-5-1.png) no-repeat; }
.page-index .section-4 .list li.item-5 .s2{ top: 50px; left: 38px; animation: i5s2 5s ease-in-out infinite; z-index: 4; width: 81px; height: 76px; background: url(../img/04-icon-5-2.png) no-repeat; }
.page-index .section-4 .list li.item-5 .s3{ left: 5px; top: 50px; animation: i5s3 2s ease-in-out infinite alternate; width: 21px; height: 50px; background:url(../img/04-icon-5-3.png) no-repeat; }
.page-index .section-4 .list li.item-5 .s4{ left: 100px; top: 30px; animation: i5s4 5s ease-in-out infinite; width: 38px; height: 83px; background: url(../img/04-icon-5-4.png) no-repeat; }
.page-index .section-4 .list li.item-6 .s1{ top: 40px; width: 140px; animation: i6s1 2s ease-in-out infinite alternate; height: 106px; background: url(../img/04-icon-6-1.png) no-repeat; }
.page-index .section-4 .list li.item-6 .s2{ top: 106px; left: 30px; width: 111px; height: 29px; background: url(../img/04-icon-6-2.png) no-repeat; }
@keyframes i1s1{
	0% { transform: translate(0,-10px); }
	100% { transform: translate(0,0); }
}
@keyframes i1s2{
	0% { transform: translate(0,-10px) scaleY(1.4); transform-origin: center top; }
	100% { transform: translate(0,0) scaleY(1.2); transform-origin: center top; }
}
@keyframes i1s3{
	0% { transform: translate(0,-10px); }
	20% {opacity: 1; }
	40% {opacity: 0.7; }
	60% {opacity: 1; }
	80% {opacity: 0.7; }
	100% {opacity: 1; transform: translate(0,0); }
}
@keyframes i2s1{
	0% { opacity: 1; }
	100% { opacity: .3; }
}
@keyframes i2s2{
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
@keyframes i2s3{
	0% { transform: rotate(0deg); }
	100% { transform: rotate(-360deg); }
}
@keyframes i3s1{
	0% { transform: translate(0,0);}
	100% { transform: translate(-2px,2px);}
}
@keyframes i3s2{
	0% { transform: translate(0,0);}
	100% { transform: translate(5px,5px);}
}
@keyframes i3s3{
	0% { transform: translate(0,0);}
	100% { transform: translate(5px,-5px);}
}
@keyframes i4s1{
	0% { transform: rotate(0deg);}
	50% { transform: rotate(1800deg);}
	100% { transform: rotate(1800deg);}
}
@keyframes i4s2{
	0% { opacity: .6; transform: scale(.8);}
	50% { opacity: 1; transform: scale(1);}
	100% { opacity: .6; transform: scale(.8);}
}
@keyframes i5s1{
	0% { transform: translate(0,0);}
	100% { transform: translate(0,7px);}
}
@keyframes i5s2{
	0% { transform: translate(0,-20px); opacity: 0;}
	25% { transform: translate(0,0); opacity: 1;}
	75% { transform: translate(0,0) scale(1); opacity: 1;}
	100% { transform: translate(0,0) scale(1.5); opacity: 0;}
}
@keyframes i5s3{
	0% { transform: translate(0,0);}
	100% { transform: translate(0,-7px);}
}
@keyframes i5s4{
	0% { transform: translate(0,-20px); opacity: 0;}
	25% { transform: translate(0,-20px); opacity: 0;}
	50% { transform: translate(0,0); opacity: 1;}
	100% { transform: translate(0,0); opacity: 0;}
}
@keyframes i6s1{
	0% { transform: translate(0,3px);}
	100% { transform: translate(0,-4px);}
}