.index_section3 {position: relative;height: 680px;overflow:hidden;z-index:2;}
.indexc3Box { font-size: 48px; font-weight: bold; color: #FFF; display: inline-block; position: absolute; z-index: 5; left: 50%; top: 50%; transform: translate(-50%,-50%); line-height: 72px; padding-top: 18px; }
.indexc3Box span{display:inline-block;}
.indexc3Box i{ content: ""; background: #FFF; height: 2px; width: 36px; margin-left: -18px; position: absolute; left: 50%; top: 0px; }
.index3_ani{ height: 401px; width: 432px; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); z-index:4; opacity:1}
.index3_ani i{ display: block; width: 357px; height: 357px; background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2023070715065950126/cms/image/b3f3ddf8-1f80-4f45-8437-aa2275c271f5.png?d=1693276399909); position: absolute; top: 50%; left: 50%; opacity: 0; margin-top: -178px; margin-left: -178px; z-index:5;}
.index3_ani i:nth-of-type(1){animation: ani_1 2s linear infinite;}
.index3_ani i:nth-of-type(2){animation: ani_2 2s linear infinite;}
.index3_ani i:nth-of-type(3){animation: ani_3 2s linear infinite;}
.index3_ani i:nth-of-type(4){animation: ani_4 2s linear infinite;}
.index3_ani i:nth-of-type(5){animation: ani_5 2s linear infinite;}
.index3_ani i:nth-of-type(6){animation: ani_6 2s linear infinite;}
.index3_ani i:nth-of-type(7){animation: ani_7 2s linear infinite;}
.index3_ani i:nth-of-type(8){animation: ani_8 2s linear infinite;}
.index3_ani i:nth-of-type(9){animation: ani_8 2s linear infinite;}
.index3_ani i:nth-of-type(10){animation: ani_8 2s linear infinite;}
@keyframes ani_1{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	40%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
@keyframes ani_2{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	43%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
@keyframes ani_3{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	46%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
@keyframes ani_4{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	49%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
@keyframes ani_5{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	52%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
@keyframes ani_6{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	55%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
@keyframes ani_7{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	58%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
@keyframes ani_8{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	61%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
@keyframes ani_9{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	64%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
@keyframes ani_10{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	67%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
.index_c3imgAni img{position:absolute; left:0; top:0; width:100%; height:auto;}
.index_c3imgAni img:nth-child(1){animation: ani_c3img1 5s linear infinite;}
.index_c3imgAni img:nth-child(4){animation: ani_c3img2 15s linear infinite;}
.index_c3imgAni img:nth-child(2){animation: ani_c3img3 5s linear infinite;}
.index_c3imgAni img:nth-child(3){animation: ani_c3img3 8s linear infinite; animation-delay:2s;}

.index_c3imgAni img:nth-child(5){animation: ani_c3img5 7s linear infinite;}
.index_c3imgAni img:nth-child(6){animation: ani_c3img5 7s linear infinite; animation-delay:2s;}
.index_c3imgAni img:nth-child(7){animation: ani_c3img5 7s linear infinite; animation-delay:4s;}
.index_c3imgAni img:nth-child(8){animation: ani_c3img5 8s linear infinite; animation-delay:3s;}

.index_c3imgAni img:nth-child(9){animation: ani_c3img5 12s linear infinite; animation-delay:0s;}
.index_c3imgAni img:nth-child(10){animation: ani_c3img5 9s linear infinite; animation-delay:3s;}
.index_c3imgAni img:nth-child(11){animation: ani_c3img5 11s linear infinite; animation-delay:1s;}
.index_c3imgAni img:nth-child(12){animation: ani_c3img5 6s linear infinite; animation-delay:2s;}
.index_c3imgAni img:nth-child(13){animation: ani_c3img5 7s linear infinite; animation-delay:5s;}


.index_c3imgAni2 {position:relative;}
.index_c3aniImgs{ width:100%; height:100%; position:absolute; left:0; top:0;}
.index_c3aniImgs img{ width:100%; height:auto; width:100%; height:auto; position:absolute; left:0; top:0; opacity:0; animation: ani2_img 12s linear infinite 0s;}
.index_c3aniImgs img:nth-child(1){animation-delay: 0s;}
.index_c3aniImgs img:nth-child(2){animation-delay: 4s;}
.index_c3aniImgs img:nth-child(3){animation-delay: 8s;}
@keyframes ani2_img{
	0%{transform:scale(0.5); opacity: 0;}
	/*16%{transform:scale(1); opacity: 1;}*/
	33%{transform:scale(1); opacity: 1;}
	50%{transform:scale(1.2); opacity: 0;}
	100%{transform:scale(1.2); opacity: 0;}
}
@keyframes ani_c3img3{
	0%{opacity:0;}
	20%{opacity:1}
	80%{opacity:1}
	100%{opacity:0}
}
@keyframes ani_c3img5{
	0%{opacity:0; transform:scale(0.7)}
	80%{opacity:1; transform:scale(1)}
	100%{opacity:0; transform:scale(1)}
}
@media (max-width:1799px){
.index_section3 { height: 430px;}
.indexc3Box { font-size: 38px; line-height: 46px; padding-top: 12px; }
.indexc3Box i{ height: 1px; width: 30px; margin-left: -15px }
.index3_ani{ height: 300px; width: 332px;}
.index3_ani i{width: 280px; height: 280px; background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2023070715065950126/cms/image/b3f3ddf8-1f80-4f45-8437-aa2275c271f5.png?d=1693276399909); background-size:280px auto; position: absolute; margin-top: -140px; margin-left: -140px; z-index:5;}
}
@media (max-width:767px){
.index_section3{overflow:hidden; height:200px;}
.indexc3Box { font-size:22px; line-height: 58px; padding-top: 18px; }
.index3_ani{width:160px; height:160px;}
.index3_ani i{height:160px; width:160px; margin-top:-80px; margin-left:-80px; background-size:cover;}
.index_c3imgAni{width:800px; position:relative;}
.index_c3imgAni2{width:800px; position:relative;}
}