@charset "utf-8";

#vivo-contain .social-event{width:100%; margin-top: 20px; border-top:1px #e7e7e7 solid; border-top:1px rgba(0,0,0,.05) solid; _background:#fff;}
#vivo-contain .focus-event{z-index:99; width:100%; height: 770px; position:relative; margin:auto; margin-top: -500px; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
#vivo-contain .focus-gallery{width:100%; height:auto; position:relative; margin-top:80px; z-index:1; overflow: hidden;}
#vivo-contain .key-event{width:1104px; height:240px; margin:auto; position:relative;}
.focus-gallery ul{display:block; position:relative; z-index:1; height:700px;}
.focus-gallery ul li{display:none; width:100%; height:1200px; position:absolute; top:0; left:0; z-index:1;}
.focus-gallery ul li a{display:block;}
.focus-gallery ul li .high-box{width:1005px; height:700px; position:relative; margin:auto;}
.high-box .figure{position:absolute; top:0; overflow:hidden; z-index:10;}
.high-box h2,{display:block; position:relative; z-index:99;}
.switch-high{width:100%; height:34px; line-height:18px; text-align:center; position:absolute; z-index:99; bottom:0px;}
.switch-high a{width:38px; height:34px; display:inline-block; margin:0 2px; position:relative; cursor:pointer;  }
.switch-high a b{width:38px; height:16px; margin-top:16px;  overflow:hidden; display:inline-block; position:absolute; bottom:0px; left:0px;  background:#333; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; transition:all .2s ease-in-out; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.focus-gallery .switch-high a.current b{background:#ca192b; width:38px; height:34px; }



/* x5 */
.high-x5{background: url(../images/banner_aa.jpg) center top no-repeat #ffa800; position: relative;}

.high-x5 .high-title{ width:1000px; margin:0 auto; text-align:center; position:relative; overflow:hidden; height:700px; }
.high-x5 .high-title h2,.high-x5 .high-title h3,.high-x5 .high-title h4,.high-x5 .high-title h5{ position:absolute; width:1000px;}
.high-x5 .high-title h2{top:110px; display:block;}
.high-x5 .high-title h2{opacity: 0; -webkit-transform: translate3d(0,-20%,0); -moz-transform: translate3d(0,-20%,0); -ms-transform: translate3d(0,-20%,0); transform: translate3d(0,-20%,0);}
.high-x5 .high-title h2{-webkit-transition: all .8s 0.5s ease; -moz-transition: all .8s 0.5s ease; -ms-transition: all .8s 0.5s ease; transition: all .8s 0.5s ease;}
.high-x5 .high-title h3{ bottom:-1px;  }
.high-x5 .high-title h3{opacity: 0; -webkit-transform: translate3d(0,80%,0); -moz-transform: translate3d(0,80%,0); -ms-transform: translate3d(0,80%,0); transform: translate3d(0,80%,0);}
.high-x5 .high-title h3{-webkit-transition: all .8s 0.8s ease; -moz-transition: all .8s 0.8s ease; -ms-transition: all .8s 0.8s ease; transition: all .8s 0.8s ease;}

.high-x5 .high-title h4{ left:10px; top:263px; display:inline-block; text-align:left;}
.high-x5 .high-title h4{opacity: 0; -webkit-transform: translate3d(0,-20%,0); -moz-transform: translate3d(0,-20%,0); -ms-transform: translate3d(0,-20%,0); transform: translate3d(0,-20%,0);}
.high-x5 .high-title h4{-webkit-transition: all .8s 1.2s ease; -moz-transition: all .8s 1.2s ease; -ms-transition: all .8s 1.2s ease; transition: all .8s 1.2s ease;}

.high-x5 .high-title .high-title-5{ right:10px; display:block; padding-top:95px; padding-right:15px;  text-align:right;}
.high-x5 .high-title .high-title-a{margin:0 auto; text-align:center; top:320px;}
.high-x5 .high-title .high-title-a a{display:inline-block;}

.instage.high-x5 .figure b{-webkit-transform: scale(1) rotate(0) translate3d(0,0,0); -moz-transform: scale(1) rotate(0) translate3d(0,0,0); -ms-transform: scale(1) rotate(0) translate3d(0,0,0); transform: scale(1) rotate(0) translate3d(0,0,0); opacity: 1; }
.instage.high-x5 .high-title h2,.instage.high-x5 .high-title h3,.instage.high-x5 .high-title h4{-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; }





/* x3v */
.high-x3v{background: url(../images/banner4Bg.jpg) center top no-repeat;  position: relative;}
.high-x3v .figure{width: 532px; height: 566px; overflow: hidden; position: absolute; top: 70px; left: 0;}
.high-x3v .high-title{ display:block; text-align:center;}
/* instage */
.high-x3v .figure{-webkit-transform: scale(.2) rotate(-20deg) translate3d(0,0,0); -webkit-transform-origin: 10% 80%; -webkit-filter: blur(10px); -webkit-transition: all .8s ease; opacity: 0;}
.high-x3v .high-title h2,.high-x3v .high-title h3{position:absolute;}
.high-x3v .high-title h2{opacity: 0; left:276px; top:50px; -webkit-transform: translate3d(0,-20%,0); -moz-transform: translate3d(0,-20%,0); -ms-transform: translate3d(0,-20%,0); transform: translate3d(0,-20%,0); -webkit-transition: all .5s .8s ease; -moz-transition: all .5s .8s ease; -ms-transition: all .5s .8s ease; transition: all .5s .8s ease; }
.high-x3v .high-title h3{opacity: 0; bottom:30px; left:310px; -webkit-transform: translate3d(0,-20%,0); -moz-transform: translate3d(0,-20%,0); -ms-transform: translate3d(0,-20%,0); transform: translate3d(0,-20%,0); -webkit-transition: all .5s 1.1s ease; -moz-transition: all .5s 1.1s ease; -ms-transition: all .5s 1.1s ease; transition: all .5s 1.1s ease; }
.high-x3v .high-title .figure-tu{ top:230px; display:block; text-align:center; left:220px}
.high-x3v .high-title .figure-tu{opacity: 0; -webkit-transform: translate3d(0,-20%,0); -moz-transform: translate3d(0,-20%,0); -ms-transform: translate3d(0,-20%,0); transform: translate3d(0,-20%,0); -webkit-transition: all .5s .2s ease; -moz-transition: all .5s .2s ease; -ms-transition: all .5s .2s ease; transition: all .5s .2s ease; }

.instage.high-x3v .high-title h2,.instage.high-x3v .high-title h3{opacity: 1; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.instage.high-x3v .figure{opacity: 1; -webkit-transform: scale(1) rotate(0) translate3d(0,0,0); -webkit-filter: blur(0); left:365px; top:170px; -webkit-transition: all .5s .7s ease; -moz-transition: all .5s .7s ease; -ms-transition: all .5s .7s ease; transition: all .5s .7s ease;}


/* enjoyevent */
.high-enjoyevent{background: url(../images/banner_bbb.png) center top no-repeat; position: relative;}

.high-enjoyevent .high-title{width: 100%; height: 448px; position: absolute; top: 50%; left: 0; margin-top: -224px; z-index:5;}
.high-enjoyevent .high-title em{opacity: 0;}
.high-enjoyevent .high-title em.t3{width:50px; height:50px; overflow: hidden; position: absolute; left: 475px; bottom:-40px; z-index: 3; -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: 50% 200%; -moz-transform-origin: 50% 200%; -ms-transform-origin: 50% 200%; transform-origin: 50% 200%; -webkit-transition: all .3s 1.9s ease; -moz-transition: all .3s 1.9s ease; -ms-transition: all .3s 1.9s ease; transition: all .3s 1.9s ease; }

.high-enjoyevent .figure{width: 100%; height: 700px; z-index: 3; text-align:center; padding:0px; margin:0px;}
.high-enjoyevent .figure em{opacity: 0; position:absolute;}
.high-enjoyevent .figure .m2 em.m2-1{width:307px; height:450px; left:350px; top:60px; -webkit-transition: all 1s 0.5s ease; -moz-transition: all 1s 0.5s ease; -ms-transition: all 1s 0.5s ease; transition: all 1s 0.5s ease; -webkit-transform: translate3d(-120%,0,0); -moz-transform: translate3d(-120%,0,0); -ms-transform: translate3d(-120%,0,0); transform: translate3d(-120%,0,0); }

.high-enjoyevent .figure .m2 em.m2-2{width:439px; height:113px; left:280px; top:410px;  overflow: hidden; -webkit-transition: all 1s 1.2s ease; -moz-transition: all 1s 1.2s ease; -ms-transition: all 1s 1.2s ease; transition: all 1s 1.2s ease; -webkit-transform: translate3d(-20%,0,0); -moz-transform: translate3d(-20%,0,0); -ms-transform: translate3d(-20%,0,0); transform: translate3d(-20%,0,0); }



/* instage */
.instage.high-enjoyevent .high-title h2{opacity: 1; -webkit-animation: tshowin-ant 1s ease-in-out; -moz-animation: tshowin-ant 1s ease-in-out; -ms-animation: tshowin-ant 1s ease-in-out; animation: tshowin-ant 1s ease-in-out; -moz-animation: tshowin-ant 1s ease-in-out; -ms-animation: tshowin-ant 1s ease-in-out;}
.instage.high-enjoyevent .high-title em{opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.instage.high-enjoyevent .e-circle em{opacity: 1;}
.instage.high-enjoyevent .e-circle em.e1{-webkit-animation: cscale-ant1 infinite 1.5s .2s ease-in-out; -moz-animation: cscale-ant1 infinite 1.5s .2s ease-in-out; -ms-animation: cscale-ant1 infinite 1.5s .2s ease-in-out;}
.instage.high-enjoyevent .e-circle em.e2{-webkit-animation: cscale-ant1 infinite 1.5s .5s ease-in-out; -moz-animation: cscale-ant1 infinite 1.5s .5s ease-in-out; -ms-animation: cscale-ant1 infinite 1.5s .5s ease-in-out;}
.instage.high-enjoyevent .e-circle em.e3{-webkit-animation: cscale-ant1 infinite 1.5s 1s ease-in-out; -moz-animation: cscale-ant1 infinite 1.5s 1s ease-in-out; -ms-animation: cscale-ant1 infinite 1.5s 1s ease-in-out;}
.instage.high-enjoyevent .figure em.m1{opacity: 1;}
.instage.high-enjoyevent .figure .m2 em{opacity: 1; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.instage.high-enjoyevent .figure .m3{opacity: 1; -webkit-transform: scale(1) translate3d(0,0,0); -moz-transform: scale(1) translate3d(0,0,0); -ms-transform: scale(1) translate3d(0,0,0); transform: scale(1) translate3d(0,0,0); }





/* xshotnew */
.high-xshotnew{background: url(../images/czym_ddd.png) center top no-repeat; position: relative;}

.high-xshotnew .high-title{ width:100%; text-align: center; position: absolute; }
.high-xshotnew .high-title .t3{top:200px; left:480px; z-index:9; position:absolute;}
.high-xshotnew .high-title h2{ padding-top:120px;}
.high-xshotnew .high-title h3{ padding-top:121px; padding-left:15px;}
.high-xshotnew .high-title h2{opacity: 0; -webkit-transform: translate3d(0,-20%,0); -moz-transform: translate3d(0,-20%,0); -ms-transform: translate3d(0,-20%,0); transform: translate3d(0,-20%,0); -webkit-transition: all .5s .1s ease; -moz-transition: all .5s .1s ease; -ms-transition: all .5s .1s ease; transition: all .5s .1s ease; }
.high-xshotnew .high-title h3{opacity: 0; -webkit-transform: translate3d(0,-20%,0); -moz-transform: translate3d(0,-20%,0); -ms-transform: translate3d(0,-20%,0); transform: translate3d(0,-20%,0); -webkit-transition: all .5s .3s ease; -moz-transition: all .5s .3s ease; -ms-transition: all .5s .3s ease; transition: all .5s .3s ease; }


/* instage */
.instage.high-xshotnew em.mask{-webkit-animation: maskmove-ant infinite 5s ease; -moz-animation: maskmove-ant infinite 5s ease; -ms-animation: maskmove-ant infinite 5s ease; animation: maskmove-ant infinite 5s ease; }
.instage.high-xshotnew .high-title h2,.instage.high-xshotnew .high-title h3,.instage.high-xshotnew .high-title p{opacity: 1; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
@-webkit-keyframes maskmove-ant{
	0%{-webkit-transform: translate3d(-35%,0,0);}
	50%{-webkit-transform: translate3d(80%,0,0);}
	50.01%{-webkit-transform: translate3d(-35%,0,0);}
}
@-moz-keyframes maskmove-ant{
	0%{-moz-transform: translate3d(-35%,0,0);}
	50%{-moz-transform: translate3d(80%,0,0);}
	50.01%{-moz-transform: translate3d(-35%,0,0);}
}

@-ms-keyframes maskmove-ant{
	0%{-ms-transform: translate3d(-35%,0,0);}
	50%{-ms-transform: translate3d(80%,0,0);}
	50.01%{-ms-transform: translate3d(-35%,0,0);}
}