.center_slide_line { position: relative; width: 100%; height: 100%; }
.center_slide_line:after { transition: 0.3s ease 0s; position: absolute; bottom: 0; width: 0; left: 50%; height: 3px; background: #d82128; content: ''; }
.center_slide_line:hover:after { left: 0; width: 100%; }
.center_AllSilde_block { position: relative; width: 100%; height: 100%; z-index: 1; }
.center_AllSilde_block:after { transition: 0.3s ease 0s; position: absolute; background: #d82128; content: ''; top: 50%; left: 50%; width: 0%; height: 0%; z-index: -1; opacity: 0; }
.center_AllSilde_block:hover:after { left: 0; top: 0; width: 100%; height: 100%; opacity: 1; }
.left_right{ position:relative; width:100%; height:100%; z-index:1;}
.left_right:after{transition:0.3s ease 0s; position:absolute; left:0; width:0; top:0; height:100%; background:#eb6100; content:''; z-index:-1;}
.left_right:hover:after{width:100%;};
/*swiper*/
.transformX1 { transform: translate(100px, 0); opacity: 0; }
.transformX2 { transform: translate(-100px, 0); opacity: 0; }
.transformY1 { transform: translate(0, 100px); opacity: 0; }
.transformY2 { transform: translate(0, -100px); opacity: 0; }
.opacity { opacity: 0; }
.swiper-slide-active .opacity { opacity: 1; transition: 0.5s linear 0.5s; }
.swiper-slide-active .transformX1, .swiper-slide-active .transformX2, .swiper-slide-active .transformY1, .swiper-slide-active .transformY2 { transform: translate(0, 0); opacity: 1; transition: 0.5s ease 0.5s; }