@-webkit-keyframes animationBgLeft{0%{left:0}to{left:100%}}@keyframes animationBgLeft{0%{left:0}to{left:100%}}@-webkit-keyframes animationBgRight{0%{right:0}to{right:100%}}@keyframes animationBgRight{0%{right:0}to{right:100%}}@-webkit-keyframes animateClippedIn{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes animateClippedIn{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes transBlock{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes transBlock{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.company-vision-container .box{-webkit-box-shadow:0 0 16px 0 rgba(33,86,178,.28);box-shadow:0 0 16px 0 rgba(33,86,178,.28);display:-webkit-box;display:-ms-flexbox;display:flex;background:#fff}.company-vision-container .box-l{overflow:hidden;position:relative;-webkit-box-flex:0;-ms-flex:0 0 60%;flex:0 0 60%;max-width:60%;background-position:100% 0;background-size:cover;background-repeat:no-repeat}.company-vision-container .box-l:after,.company-vision-container .box-l:before{content:"";position:absolute;top:0;width:100%;height:100%;-webkit-animation:animationBgRight .8s cubic-bezier(.77,0,.175,1);animation:animationBgRight .8s cubic-bezier(.77,0,.175,1);-webkit-animation-fill-mode:both;animation-fill-mode:both}.company-vision-container .box-l:before{background:#252b3a;-webkit-animation-delay:2.9s;animation-delay:2.9s}.company-vision-container .box-l:after{background:#f3f4f5;-webkit-animation-delay:2.4s;animation-delay:2.4s}.company-vision-container .box-r{-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%;padding:50px}.company-vision-container .box-r-word{position:relative;padding:30px}.company-vision-container .box-r-word:before{content:" ";position:absolute;left:0;top:0;width:200%;height:1px;border:1px solid #3d5085;color:#3d5085;height:200%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}.company-vision-container .box-r ul .item{position:relative;padding:20px 0 20px 20px;font-size:18px;color:#3d5085}.company-vision-container .box-r ul .item p{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-animation:animateClippedIn 1s cubic-bezier(.86,0,.07,1);animation:animateClippedIn 1s cubic-bezier(.86,0,.07,1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.company-vision-container .box-r ul .item span{overflow:hidden;color:#fff;position:absolute;left:0;top:50%;-webkit-transform:translate3d(-100%,-50%,0);transform:translate3d(-100%,-50%,0);padding:4px 10px;font-size:20px;font-weight:700;background:#3d5085}.company-vision-container .box-r ul .item span:before{content:"";position:absolute;background:#3d5085;left:0;right:0;top:0;bottom:0;-webkit-animation:transBlock .5s cubic-bezier(.86,0,.07,1);animation:transBlock .5s cubic-bezier(.86,0,.07,1);-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media (max-width:1400px){.company-vision-container .box-l,.company-vision-container .box-r{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}@media (max-width:970px){.company-vision-container .box{-ms-flex-wrap:wrap;flex-wrap:wrap}.company-vision-container .box-l,.company-vision-container .box-r{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.company-vision-container .box-l{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;height:280px;background-position:0 0;background-size:cover}.company-vision-container .box-r{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;padding:16px}.company-vision-container .box-r-word{padding:0 20px 20px}.company-vision-container .box-r ul .item{padding:50px 20px 20px;font-size:16px}.company-vision-container .box-r ul .item span{top:0;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}}