@charset "utf-8";
/* CSS Document */

.section3{}
.section3 .list_box{white-space: nowrap; font-size: 0; position: relative;}
.section3 .list_box .ani-row{min-width: 202px; height: 160px;}
.section3 .list_box ul{position: absolute; left: 0; top: 0;}
.section3 .list_box ul li{float: left; margin-left: 12px; white-space: nowrap;}
.section3 .list_box ul li .box{width: 250px; height: 160px; background-color: #fff; border: 1px solid #e8e8e8; box-sizing: border-box; position: relative;}
.section3 .list_box ul li .imgs{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.section3 .btm, .section3 .add{margin-top: 10px;}
.section3 .top .ani-row ul.logo_ani1{animation:logo_ani1 infinite 50s linear;}
.section3 .btm .ani-row ul.logo_ani2{animation:logo_ani2 infinite 50s linear;}
.section3 a.learn_more.mo { border: none;}
@keyframes logo_ani1{
	0% {
		transform:translateX(0);
	}
	100%{
		transform:translateX(-100%);
	}
}
@keyframes logo_ani2{
	0% {
		transform:translateX(0);
	}
	100%{
		transform:translateX(100%);
	}
}


@media only screen and (max-width: 600px) {
.section3 .list_box .ani-row{min-width: 130px; height: 87px;}
.section3 .list_box ul li{ margin-left: 5px;}
.section3 .list_box ul li .box{width: 130px; height: 87px; }
.section3 .btm, .section3 .add{margin-top: 5px;}


}