section {width:24%;position:relative;perspective:1000px; float:left; margin-right:1.25%; margin-bottom:10px;overflow:hidden; margin-top:0px;}
section:nth-child(4n){ margin-right:0; float:right;}
.door-l, .door-r {position: absolute;top: 0;width:50%;height: 100%;background:url(01.png);transition: all 2s;z-index: 99; height:190px;}
.door-l {left: 0;transform-origin: left;border-right: 0.1px solid #a3a3a3;}
.door-r {right: 0;transform-origin: right;border-left: 0.1px solid #a3a3a3;}
@keyframes pulse {30% {transform: scale(1.2, 1.2) ;}70% {transform: scale(1, 1) ;}}
section:hover .door-l {transform: translateX(-200px);}
section:hover .door-r {transform: translateX(200px);}
nav {width:100%;overflow: hidden;}
nav img{ width:100%;}
nav p{ height:40px; line-height:40px; text-align:center;font-size: 16px;color:#000;}
@keyframes moving {form {transform: translateX(0);}to {transform: translateX(-1500px);}}
nav:hover{animation-play-state:paused;}