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

.swiper-container { position:absolute; top:0; bottom:0; width:100%}
.slg,.ar1img,.ar2img,.ar3img,.ar4img,.ar5img,.ar6img,.ar7img,.ar8img,.mar1img,.mar2img,.mar3img,.mar4img,.mar5img { border:#fff solid 0px; opacity:1;}
h4,h5 {z-index:4;}




.ar1 { position:absolute; top:0; bottom:0; width:100%; background:#35455c url(../images/productBG1.jpg) center top;}
.ar1 .slg, .ar1 .ar1img {opacity:0;}
.swiper-slide-active .ar1 .slg {position:absolute; top:52%; height:1px; color:#fff; opacity:1;}
.swiper-slide-active .ar1 .slg h1 {position:absolute; top:-200px; width:500px; font-size:4.8rem; animation:ar1h1move 1s 1;} @keyframes ar1h1move { from {top:-250px; opacity: 0.1;}	to { top:-200px; opacity: 1;}}
.swiper-slide-active .ar1 .slg hr {position:absolute; top:-125px; width:485px; font-size:4.8rem; animation:ar1hrmove 1s 1;} @keyframes ar1hrmove { from {top:-145px;opacity: 0;}	to {top:-125px;opacity: 1;}}
.swiper-slide-active .ar1 .slg h3 {position:absolute; top:-110px; width:500px; line-height:2em; font-weight:100; animation:ar1h3move 1s 1;} @keyframes ar1h3move { from {top:0; opacity: 0.1;}	to { top:-110px; opacity: 1;}}
.swiper-slide-active .ar1 .slg img { position:absolute; top:80px; animation:ar1slgimgmove 1s 1;} @keyframes ar1slgimgmove { from {top:120px; opacity: 0;}	to { top:80px; opacity: 1;}}
.swiper-slide-active .ar1 .ar1img {position:absolute; top:52%; margin-left:650px; height:1px; color:#fff; opacity:1;}
.swiper-slide-active .ar1img1 { z-index:3; position:absolute; top:-200px; animation:ar1img1move 2s 1;} @keyframes ar1img1move {0% {opacity: 0} 45% {top:-150px; opacity: 0;}	100% { top:-200px; opacity: 1;}}
.swiper-slide-active .ar1img2 { z-index:2; position:absolute; top:-190px; left:10px; animation:ar1img2move 2s 1;} @keyframes ar1img2move {0% {opacity: 0} 30% {top:-60; opacity: 0;}	100% { top:-190px; opacity: 1;}}
.swiper-slide-active .ar1img3 { z-index:1; position:absolute; top:-70px; animation:ar1img3move 0.8s 1;} @keyframes ar1img3move { from {top:-30px; opacity: 0;}	to { top:-70px; opacity: 1;}}

.ar2 { position:absolute; top:0; bottom:0; width:100%; background:#35455c url(../images/productBG2.jpg) center top;}
.ar2 .slg,.ar2 .ar2img {opacity:0;}
.swiper-slide-active .ar2 .slg {position:absolute; top:52%; height:1px; color:#333; opacity:1;}
.swiper-slide-active .ar2 .slg h1 {position:absolute; top:-250px; width:760px; font-size:4.8rem; animation:ar2h1move 1s 1;} @keyframes ar2h1move { from {top:-300px; opacity: 0.1;}	to { top:-250px; opacity: 1;}}
.swiper-slide-active .ar2 .slg hr {position:absolute; top:-165px; width:530px; border-color:#000; animation:ar2hrmove 1s 1;} @keyframes ar2hrmove { from {top:-185px;opacity: 0;}	to {top:-165px;opacity: 1;}}
.swiper-slide-active .ar2 .slg h4 {position:absolute; top:-130px; width:530px; line-height:1.8em; font-weight:300; animation:ar2h4move 1s 1;} @keyframes ar2h4move { from {top:20px; opacity: 0.1;}	to { top:-130px; opacity: 1;}}
.swiper-slide-active .ar2 .slg h4 .tit {line-height:2.3em; font-weight:500; font-size:24px;}
.swiper-slide-active .ar2 .ar2img {position:absolute; top:52%; margin-left:580px; height:1px; color:#fff; opacity:1;}
.swiper-slide-active .ar2img1 { position:absolute; top:-120px; animation:ar2img1move 2s 1;} @keyframes ar2img1move {0% {top:0px; opacity: 0;}	100% { top:-120px; opacity: 1;}}

.ar3 { position:absolute; top:0; bottom:0; width:100%; background:#35455c url(../images/productBG3.jpg) center top;}
.ar3 .slg,.ar3 .ar3img {opacity:0;}
.swiper-slide-active .ar3 .slg {position:absolute; top:52%; height:1px; color:#fff; opacity:1;}
.swiper-slide-active .ar3 .slg h1 {position:absolute; top:-250px; width:960px; letter-spacing:3px; font-size:4.8rem; animation:ar3h1move 3s 1;} @keyframes ar3h1move { from {opacity: 0.1; letter-spacing: 60px;}	to {opacity: 1; letter-spacing: 3px;}}
.swiper-slide-active .ar3 .slg hr {position:absolute; top:-165px; width:530px; border-color:#fff; animation:ar3hrmove 1s 1;} @keyframes ar3hrmove { from {top:-125px;opacity: 0;}	to {top:-165px;opacity: 1;}}
.swiper-slide-active .ar3 .slg h4 {position:absolute; top:-130px; width:530px; line-height:1.8em; font-weight:300; animation:ar3h4move 1.5s 1;} @keyframes ar3h4move { from {top:20px; opacity: 0.1;}	to { top:-130px; opacity: 1;}}
.swiper-slide-active .ar3 .slg h4 .tit {line-height:2.3em; font-weight:500; font-size:24px;}
.swiper-slide-active .ar1 .slg img { position:absolute; top:80px; animation:ar1slgimgmove 1s 1;} @keyframes ar1slgimgmove { from {top:120px; opacity: 0;}	to { top:80px; opacity: 1;}}
.swiper-slide-active .ar3 .ar3img {position:absolute; top:52%; margin-left:650px; height:1px; color:#fff; opacity:1;}
.swiper-slide-active .ar3img1 { z-index:3; position:absolute; top:-200px; animation:ar3img1move 2s 1;} @keyframes ar3img1move {0% {opacity: 0} 45% {top:-150px; opacity: 0;}	100% { top:-200px; opacity: 1;}}
.swiper-slide-active .ar3img2 { z-index:2; position:absolute; top:-190px; left:10px; animation:ar3img2move 2s 1;} @keyframes ar3img2move {0% {opacity: 0} 30% {top:-60; opacity: 0;}	100% { top:-190px; opacity: 1;}}
.swiper-slide-active .ar3img3 { z-index:1; position:absolute; top:-70px; animation:ar3img3move 0.8s 1;} @keyframes ar3img3move { from {top:-30px; opacity: 0;}	to { top:-70px; opacity: 1;}}

.ar4 { position:absolute; top:0; bottom:0; width:100%; background:#35455c url(../images/productBG4.jpg) center top;}
.ar4 .slg,.ar4 .ar4img {opacity:0;}
.swiper-slide-active .ar4 .slg {position:absolute; top:52%; height:1px; color:#000; opacity:1;}
.swiper-slide-active .ar4 .slg h1 {position:absolute; top:-250px; width:960px; letter-spacing:3px; font-size:4.8rem; animation:ar4h1move 1s 1;} @keyframes ar4h1move { from {opacity: 0.1; top:-300px; }	to {opacity: 1; top:-250px; }}
.swiper-slide-active .ar4 .slg hr {position:absolute; top:-165px; width:500px; border-color:#000; animation:ar4hrmove 1s 1;} @keyframes ar4hrmove { from {top:-185px;opacity: 0;}	to {top:-165px;opacity: 1;}}
.swiper-slide-active .ar4 .slg h4 {position:absolute; top:-130px; width:500px; line-height:1.8em; font-weight:300; animation:ar4h4move 1s 1;} @keyframes ar4h4move { from {top:20px; opacity: 0.1;}	to { top:-130px; opacity: 1;}}
.swiper-slide-active .ar4 .slg h4 .tit {line-height:2.3em; font-weight:500; font-size:24px;}
/*.swiper-slide-active .ar1 .slg img { position:absolute; top:80px; animation:ar1slgimgmove 1s 1;} @keyframes ar1slgimgmove { from {top:120px; opacity: 0;}	to { top:80px; opacity: 1;}}*/
.swiper-slide-active .ar4 .ar4img {position:absolute; top:52%; margin-left:500px; height:1px; color:#fff; opacity:1;}
.swiper-slide-active .ar3 .ar4img {position:absolute; top:52%; margin-left:500px; height:1px; color:#fff; opacity:1;}
.swiper-slide-active .ar2 .ar4img {position:absolute; top:52%; margin-left:500px; height:1px; color:#fff; opacity:1;}
.swiper-slide-active .ar1 .ar4img {position:absolute; top:52%; margin-left:500px; height:1px; color:#fff; opacity:1;}
.ar4img img{width: 420px}

.swiper-slide-active .ar4img1 { z-index:2; position:absolute; width:470px; margin-left:70px; top:-185px;  animation:ar4img1move 3s 1;}
@keyframes ar4img1move {0% {width:312px; margin-left:67px; top:-155px; opacity:0;} 40% {width:312px; margin-left:67px; top:-155px; opacity:0;} 50%{width:312px; margin-left:67px; top:-155px; opacity:0.9;}	100% { width:470px; margin-left:70px; top:-185px;opacity:1;}}
.swiper-slide-active .ar4img2 { z-index:1; position:absolute; width:660px; top:-100px; left:10px; animation:ar4img2move 3s 1;}
@keyframes ar4img2move {0% {top:-190px; opacity: 0} 50% {top:-190px; opacity: 0.7;}	100% { top:-100px; opacity: 1;}}
.swiper-slide-active .ar5img1 {position:absolute; top:-300px; left:180px; animation:ar5img1move 2s 1;} @keyframes ar5img1move {from {top:-200px;opacity:0;}	to {top:-300px;opacity:1;}}
.swiper-slide-active .ar6img1 {position:absolute; width:660px; top:-340px; left:10px; animation:ar6img1move 2s 1;} @keyframes ar6img1move {from {top:-240px;opacity:0;}	to {top:-340px;opacity:1;}}
.swiper-slide-active .ar7img1 {position:absolute; width:660px; top:-200px; left:10px; animation:ar7img1move 2s 1;} @keyframes ar7img1move {from {top:-100px;opacity:0;}	to {top:-200px;opacity:1;}}
.swiper-slide-active .ar8img1 {position:absolute; width:660px; top:-200px; left:10px; animation:ar8img1move 2s 1;} @keyframes ar8img1move {from {top:-100px;opacity:0;}	to {top:-200px;opacity:1;}}


.vr1 { position:absolute; top:0; bottom:0; width:100%; height:100%; background:#35455c url(../images/ar/vr1bg.jpg) no-repeat center top; background-size: contain;}
.vr1 .container { height:100%;}
.vr1 .slg, .vr1 .vr1img {opacity:0;}
.swiper-slide-active .vr1 .slg { position:relative; width:100%; height:100%; color:#fff; opacity:1;}
.swiper-slide-active .vr1 .slg h1 {position:absolute; top:40%; width:100%; text-align:center; font-size:16rem; font-weight:500; animation:vr1h1move 1s 1;} @keyframes vr1h1move { from {top:45%; opacity: 0;}	to { top:40%; opacity: 1;}}
.swiper-slide-active .vr1 .slg h2 {position:absolute; top:25%; width:100%; text-align:center; font-size:6rem; animation:vr1h2move 1s 1;} @keyframes vr1h2move { from {top:20%; opacity: 0;}	to { top:25%; opacity: 1;}}

.vr2 { position:absolute; top:0; bottom:0; width:100%; background:#35455c url(../images/ar/ar2bg.jpg) center top;}
.vr2 .slg,.vr2 .vr2img {opacity:0;}
.swiper-slide-active .vr2 .slg {position:absolute; top:52%; height:1px; color:#000; opacity:1;}
.swiper-slide-active .vr2 .slg h1 {position:absolute; top:-250px; width:960px; letter-spacing:3px; font-size:4.8rem; animation:vr2h1move 1s 1;} @keyframes vr2h1move { from {opacity: 0.1; top:-300px; }	to {opacity: 1; top:-250px; }}
.swiper-slide-active .vr2 .slg hr {position:absolute; top:-165px; width:500px; border-color:#000; animation:vr2hrmove 1s 1;} @keyframes vr2hrmove { from {top:-185px;opacity: 0;}	to {top:-165px;opacity: 1;}}
.swiper-slide-active .vr2 .slg h4 {position:absolute; top:-130px; width:500px; line-height:1.8em; font-weight:300; animation:vr2h4move 1s 1;} @keyframes vr2h4move { from {top:20px; opacity: 0.1;}	to { top:-130px; opacity: 1;}}
/*.swiper-slide-active .ar1 .slg img { position:absolute; top:80px; animation:ar1slgimgmove 1s 1;} @keyframes ar1slgimgmove { from {top:120px; opacity: 0;}	to { top:80px; opacity: 1;}}*/
.swiper-slide-active .vr2 .vr2img {position:absolute; top:52%; margin-left:500px; height:1px; color:#fff; opacity:1;}
.swiper-slide-active .vr2img1 {position:absolute; width:660px; top:-230px; left:10px; animation:vr2img1move 2s 1;} @keyframes vr2img1move {from {top:-130px;opacity:0;}	to {top:-230px;opacity:1;}}
.swiper-slide-active .vr3img1 {position:absolute; width:660px; top:-230px; left:10px; animation:vr3img1move 2s 1;} @keyframes vr3img1move {from {top:-130px;opacity:0;}	to {top:-230px;opacity:1;}}
.swiper-slide-active .vr4img1 {position:absolute; width:660px; top:-230px; left:10px; animation:vr4img1move 2s 1;} @keyframes vr4img1move {from {top:-130px;opacity:0;}	to {top:-230px;opacity:1;}}
.swiper-slide-active .vr5img1 {position:absolute; width:660px; top:-230px; left:10px; animation:vr5img1move 2s 1;} @keyframes vr5img1move {from {top:-130px;opacity:0;}	to {top:-230px;opacity:1;}}


/*----------------------------------手机版-----------------------------------------------------------*/

.mar1 .slg, .mar1 .mar1img {opacity:0;}
.mar1 { position:absolute; top:0; bottom:0; width:100%; background:#35455c url(../images/productBG1.jpg) center top; background-size:auto 100%;}
.swiper-slide-active .mar1 .slg {position:absolute; top:10%; width:95%; height:35%; color:#fff; opacity:1}
.swiper-slide-active .mar1 .slg h1 {position:absolute; width:100%; font-weight:500; text-align:center; top:0; animation:mar1h1move 3.5s 1;}
@keyframes mar1h1move {0% {top:-10%; opacity:0;} 55% {top:-12%; opacity:0;}	100% {top:0; opacity:1;}}
@media screen and (max-width:380px) {.swiper-slide-active .mar1 .slg h1 { font-size:3.2rem; }}
@media screen and (max-width:320px) {.swiper-slide-active .mar1 .slg h1 { font-size:2.8rem; }}
.swiper-slide-active .mar1 .slg h3 { display:block; position:absolute; width:100%; font-weight:200; text-align:center; top:23%; animation:mar1h3move 4.3s 1}
@keyframes mar1h3move {0% {top:18%; opacity:0;} 68% {top:13%; opacity:0;}	100% {top:23%; opacity:1;}}
.swiper-slide-active .mar1 .slg img {position:absolute; width:97%; top:55%; animation:mar1slgimgmove 5s 1}
@keyframes mar1slgimgmove {0% {top:50%; opacity:0;} 80% {top:50%; opacity:0;}	100% {top:55%; opacity:1;}}
.swiper-slide-active .mar1 .mar1img {position:absolute; bottom:0; left:0; right:0; margin-left:auto; margin-right:auto; width:80%; height:50%; color:#fff; animation:mar1imgmove 3.5s 1; opacity:1}
@keyframes mar1imgmove {0% {bottom:10%; width:95%;} 50% {bottom:10%; width:95%;}	100% { bottom:0; width:80%;}}
.swiper-slide-active .mar1img1 { z-index:3; width:100%; position:absolute; bottom:35%; animation:mar1img1move 2s 1;}
@keyframes mar1img1move {0% {opacity: 0} 45% {bottom:20%; opacity: 0;}	100% { bottom:35%; opacity: 1;}}
.swiper-slide-active .mar1img2 { z-index:2; width:95%; position:absolute; bottom:7%; left:10px; animation:mar1img2move 2s 1;}
@keyframes mar1img2move {0% {bottom:0; opacity: 0} 30% {bottom:0; opacity: 0;}	100% { bottom:7%; opacity: 1;}}
.swiper-slide-active .mar1img3 { z-index:1; width:100%; position:absolute; bottom:0; animation:mar1img3move 0.8s 1;}
@keyframes mar1img3move { from {bottom:-5%; opacity: 0;}	to { bottom:0; opacity: 1;}}


.mar2 .slg, .mar2 .mar2img, .mar2 .mar5img1, .mar2 .mar6img1, .mar2 .mvr2img1 {opacity:0;}
.mar2 { position:absolute; top:0; bottom:0; width:100%; background:#35455c url(../images/productBG2.jpg) left top; background-size:auto 100%;}
.swiper-slide-active .mar2 .slg {position:absolute; top:10%; width:95%; height:35%; color:#333; opacity:1}
.swiper-slide-active .mar2 .slg h1 {position:absolute; width:100%; font-weight:500; top:0; animation:mar2h1move 2s 1;}
@keyframes mar2h1move {0% {top:-10%; opacity:0;} 35% {top:-12%; opacity:0;}	100% {top:0; opacity:1;}}
.swiper-slide-active .mar2 .slg h5 { display:block; position:absolute; width:100%; padding-right:5px; font-weight:200; line-height:2rem; top:45%; animation:mar2h5move 3s 1}
@keyframes mar2h5move {0% {top:18%; opacity:0;} 50% {top:40%; opacity:0;}	100% {top:45%; opacity:1;}}
.swiper-slide-active .mar2 .slg h4 { display:block; position:absolute; width:100%; padding-right:5px; font-weight:200; line-height:2.3rem; top:28%; animation:mar2h4move 3s 1}
@keyframes mar2h4move {0% {top:18%; opacity:0;} 50% {top:40%; opacity:0;}	100% {top:28%; opacity:1;}}
.swiper-slide-active .tit { font-weight:bold;}
.swiper-slide-active .mar2img1 { width:93%; position:absolute; bottom:2%; animation:mar2img1move 1s 1; opacity: 1}
@keyframes mar2img1move {0% {bottom:-5%; opacity: 0;}	100% { bottom:2%; opacity: 1;}}
.swiper-slide-active .mar5img1 { width:93%; position:absolute; bottom:10%; animation:mar5img1move 1s 1; opacity: 1}
@keyframes mar5img1move {0% {bottom:5%; opacity: 0;}	100% { bottom:10%; opacity: 1;}}
.swiper-slide-active .mar6img1 { width:93%; position:absolute; bottom:20%; animation:mar6img1move 1s 1; opacity: 1}
@keyframes mar6img1move {0% {bottom:10%; opacity: 0;}	100% { bottom:20%; opacity: 1;}}

.mar3 .slg, .mar3 .mar3img {opacity:0;}
.mar3 { position:absolute; top:0; bottom:0; width:100%; background:#35455c url(../images/productBG3.jpg) center top; background-size:auto 100%;}
.swiper-slide-active .mar3 .slg {position:absolute; top:10%; width:95%; height:35%; color:#fff; opacity:1}
.swiper-slide-active .mar3 .slg h1 {position:absolute; width:100%; font-weight:500; top:0; animation:mar3h1move 4s 1;}
@keyframes mar3h1move {0% {top:-10%; opacity:0;} 50% {top:-20%; opacity:0;}	100% {top:0; opacity:1;}}
@media screen and (max-width:380px) {.swiper-slide-active .mar3 .slg h1 { font-size:3.2rem; }}
@media screen and (max-width:320px) {.swiper-slide-active .mar3 .slg h1 { font-size:2.8rem; }}
.swiper-slide-active .mar3 .slg h5 { z-index:4; display:block; position:absolute; width:100%; padding-right:5px; font-weight:200; line-height:2rem; top:28%; animation:mar3h5move 5s 1}
@keyframes mar3h5move {0% {top:18%; opacity:0;} 60% {top:40%; opacity:0;}	100% {top:28%; opacity:1;}}
.swiper-slide-active .mar3 .slg img {position:absolute; width:97%; top:55%; animation:mar3slgimgmove 5s 1}
@keyframes mar3slgimgmove {0% {top:50%; opacity:0;} 80% {top:50%; opacity:0;}	100% {top:55%; opacity:1;}}
.swiper-slide-active .mar3 .mar3img {position:absolute; bottom:0; left:0; right:0; margin-left:auto; margin-right:auto; width:60%; height:50%; color:#fff; animation:mar3imgmove 3.5s 1; opacity:1}
@keyframes mar3imgmove {0% {bottom:10%; width:95%;} 50% {bottom:10%; width:95%;}	100% { bottom:0; width:60%;}}
@media screen and (max-width:320px) {.swiper-slide-active .mar3 .mar3img{animation:mar3-320imgmove 3.5s 1;opacity:0}}
@keyframes mar3-320imgmove {0% {bottom:10%; width:95%;opacity:1;} 50% {bottom:10%; width:95%;opacity:1;} 80%{opacity:1;} 100% { bottom:0; width:60%; opacity:0;}}
.swiper-slide-active .mar3img1 { z-index:3; width:100%; position:absolute; bottom:30%; animation:mar3img1move 2s 1;}
@keyframes mar3img1move {0% {opacity: 0} 45% {bottom:15%; opacity: 0;}	100% { bottom:30%; opacity: 1;}}
.swiper-slide-active .mar3img2 { z-index:2; width:95%; position:absolute; bottom:7%; left:10px; animation:mar3img2move 2s 1;}
@keyframes mar3img2move {0% {bottom:0; opacity: 0} 30% {bottom:0; opacity: 0;}	100% { bottom:7%; opacity: 1;}}
.swiper-slide-active .mar3img3 { z-index:1; width:100%; position:absolute; bottom:0; animation:mar3img3move 0.8s 1;}
@keyframes mar3img3move { from {bottom:-5%; opacity: 0;}	to { bottom:0; opacity: 1;}}


.mar4 .slg, .mar4 .mar4img {opacity:0;}
.mar4 { position:absolute; top:0; bottom:0; width:100%; background:#35455c url(../images/productBG4.jpg) left top; background-size:auto 100%;}
.swiper-slide-active .mar4 .slg {position:absolute; top:10%; width:95%; height:35%; color:#333; opacity:1}
.swiper-slide-active .mar4 .slg h1 {position:absolute; width:100%; font-weight:500; top:0; animation:mar4h1move 3.5s 1;}
@keyframes mar4h1move {0% {top:-10%; opacity:0;} 50% {top:-20%; opacity:0;}	100% {top:0; opacity:1;}}
.swiper-slide-active .mar4 .slg h4 { display:block; position:absolute; width:100%; padding-right:5px; font-weight:200; line-height:2rem; top:30%; animation:mar4h4move 4s 1}
@keyframes mar4h4move {0% {top:18%; opacity:0;} 65% {top:15%; opacity:0;}	100% {top:30%; opacity:1;}}
.swiper-slide-active .mar4 .mar4img {position:absolute; bottom:10%; left:0; right:0; margin-left:auto; margin-right:auto; width:95%; height:50%; color:#fff; animation:mar4imgmove 3.5s 1; opacity:1}
@keyframes mar4imgmove {0% {bottom:30%;} 50% {bottom:30%; }	100% { bottom:10%;}}
.swiper-slide-active .mar4img1 { z-index:2; position:absolute; width:100%; bottom:30%; left:0; animation:mar4img1move 2s 1; opacity:1}
@keyframes mar4img1move {0% {opacity:0;} 40% {width:45%; bottom:30%; left:11%; opacity:0;} 50%{width:45%; bottom:30%; left:11%; opacity:0.9;}	100% { width:100%; bottom:30%; left:0; opacity:1;}}
.swiper-slide-active .mar4img2 { z-index:1; position:absolute; width:95%; bottom:0%; left:10px; animation:mar4img2move 2s 1;}
@keyframes mar4img2move {0% {bottom:7%; opacity: 0} 50% {bottom:7%; opacity: 0.7;}	100% {bottom:0%; opacity: 1;}}



.mvr1 { position:absolute; top:0; bottom:0; width:100%; height:100%; background:#35455c url(../images/ar/vr1bg.jpg) no-repeat center; background-size: 140% auto;}
.mvr1 .container { height:100%;}
.mvr1 .slg, .mvr1 .mvr1img {opacity:0;}
.swiper-slide-active .mvr1 .slg { position:relative; width:100%; height:100%; color:#fff; opacity:1;}
.swiper-slide-active .mvr1 .slg h1 {position:absolute; top:43%; width:100%; text-align:center; font-size:8rem; font-weight:500; animation:mvr1h1move 1s 1;} @keyframes mvr1h1move { from {top:48%; opacity: 0;}	to { top:43%; opacity: 1;}}
.swiper-slide-active .mvr1 .slg h2 {position:absolute; top:35%; width:100%; text-align:center; font-size:3rem; animation:mvr1h2move 1s 1;} @keyframes mvr1h2move { from {top:30%; opacity: 0;}	to { top:35%; opacity: 1;}}

.swiper-slide-active .mvr2img1 { width:93%; position:absolute; bottom:0; animation:mvr2img1move 1s 1; opacity: 1;}
@keyframes mvr2img1move {0% {bottom:-50px; opacity: 0;}	100% { bottom:0; opacity: 1;}}