@charset "utf-8";
/* CSS Document */

.Idata-left li:hover img{animation:IdataImg .8s linear;-webkit-animation:IdataImg .8s linear;transform-origin:23px 50%;-webkit-transform-origin:23px 50%;}

@keyframes IdataImg{
	0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);}
	10%{transform:rotate(-15deg);-webkit-transform:rotate(-15deg);}
	20%{transform:rotate(0deg);-webkit-transform:rotate(0deg);}
	30%{transform:rotate(15deg);-webkit-transform:rotate(15deg);}
	40%{transform:rotate(0deg);-webkit-transform:rotate(0deg);}
	50%{transform:rotate(-15deg);-webkit-transform:rotate(-15deg);}
	60%{transform:rotate(0deg);-webkit-transform:rotate(0deg);}
	70%{transform:rotate(15deg);-webkit-transform:rotate(15deg);}
	80%{transform:rotate(0deg);-webkit-transform:rotate(0deg);}
}
@-webkit-keyframes IdataImg{
	0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);}
	10%{transform:rotate(-15deg);-webkit-transform:rotate(-15deg);}
	20%{transform:rotate(0deg);-webkit-transform:rotate(0deg);}
	30%{transform:rotate(15deg);-webkit-transform:rotate(15deg);}
	40%{transform:rotate(0deg);-webkit-transform:rotate(0deg);}
	50%{transform:rotate(-15deg);-webkit-transform:rotate(-15deg);}
	60%{transform:rotate(0deg);-webkit-transform:rotate(0deg);}
	70%{transform:rotate(15deg);-webkit-transform:rotate(15deg);}
	80%{transform:rotate(0deg);-webkit-transform:rotate(0deg);}
}

.iBnr-1 .t1,
.iBnr-1 .t2{transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;}

.iBnr-1 .t1,
.iBnr-1 .t2{transition-delay:.4s;-webkit-transition-delay:.4s;}

.iBnr-1 .t1,
.iBnr-1 .t2{opacity:0;}
.iBnr-1 .t1{transform:translateX(-50px);-webkit-transform:translateX(-50px);}
.iBnr-1 .t2{transform:translateX(50px);-webkit-transform:translateX(50px);}

.swiper-slide.swiper-slide-active .t1,
.swiper-slide.swiper-slide-active .t2{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}


@-webkit-keyframes ripple{0%{opacity:0;-webkit-transform:scale(.1)}5%{opacity:1}to{opacity:0;-webkit-transform:scale(1)}}
@keyframes ripple{0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1)}5%{opacity:1}to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}


@-webkit-keyframes flipInY2{
0%{-webkit-transform:perspective(400px) rotateY(90deg);
opacity:0}
40%{-webkit-transform:perspective(400px) rotateY(-5deg)}
70%{-webkit-transform:perspective(400px) rotateY(5deg)}
100%{-webkit-transform:perspective(400px) rotateY(0deg);
opacity:1}
}
@-moz-keyframes flipInY2{
0%{-moz-transform:perspective(400px) rotateY(90deg);
opacity:0}
40%{-moz-transform:perspective(400px) rotateY(-5deg)}
70%{-moz-transform:perspective(400px) rotateY(5deg)}
100%{-moz-transform:perspective(400px) rotateY(0deg);
opacity:1}
}


.comShStru-list li img,
.comShStru-list li .name,
.comShStru-list li .num{position:relative;top:0px;}

.comShStru-list li:hover img,
.comShStru-list li:hover .name,
.comShStru-list li:hover .num{/*transform:translateY(-10px);-webkit-transform:translateY(-10px);*/top:-10px;}

.comShStru-list li img{transition-delay:.2s;-webkit-transition-delay:.2s;}
.comShStru-list li .name{transition-delay:.1s;-webkit-transition-delay:.1s;}
.comShStru-list li .num{transition-delay:0s;-webkit-transition-delay:0s;}

.comShStru-list li:hover img{transition-delay:0s !important;-webkit-transition-delay:0s !important;}
.comShStru-list li:hover .name{transition-delay:.1s !important;-webkit-transition-delay:.1s !important;}
.comShStru-list li:hover .num{transition-delay:.2s !important;-webkit-transition-delay:.2s !important;}




.InvReportNewest-block .icon,
.InvReportNewest-block .name,
.InvReportNewest-block{transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;}

.InvReportNewest-block .icon,
.InvReportNewest-block .name{opacity:0;}

.InvReportNewest-block .icon{transform:translateY(-50px);-webkit-transform:translateY(-50px);}

.InvReportNewest-block .name{transform:translateY(50px);-webkit-transform:translateY(50px);}

.InvReportNewest-box:hover .InvReportNewest-block .icon,
.InvReportNewest-box:hover .InvReportNewest-block .name{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;transition-delay:.2s;-webkit-transition-delay:.2s;}

.InvReportNewest-box:hover .InvReportNewest-block{opacity:1;transition-delay:0s !important;-webkit-transition-delay:0s !important;}