body{background-color:#0062f5;font-size:100%;color:#fff}html,body{height:100%;overflow:hidden}.index-wrapper{padding-top:0;margin:0 auto -70px;height:100%;width:auto}.banner{height:100%}.swiper-container{height:100%}.swiper-container .pagination{position:absolute;right:1em;top:50%;margin-top:-50px;height:100px;width:20px;text-align:center}.swiper-container .pagination .swiper-pagination-switch{cursor:pointer;display:block;width:10px;height:10px;margin:20px 5px;border-radius:50%;background-color:#fff;opacity:.5}.swiper-container .pagination .swiper-pagination-switch:hover{opacity:.8}.swiper-container .pagination .swiper-active-switch{opacity:1}@media screen and (max-width:999px){.swiper-container .pagination{right:.3em}.swiper-container .pagination .swiper-pagination-switch{width:5px;height:5px;margin:10px 3px}}.swiper-slide{position:relative;overflow:hidden;opacity:0;transition:opacity .5s}.swiper-slide-active{opacity:1}.stage{width:58em;height:33em;position:absolute;top:50%;left:50%;margin:-16.5em 0 0 -29em}.stage hgroup{text-align:center}.stage hgroup h1{font-size:3.125em}.stage hgroup h2{font-size:1.5em}.stage .ssp_action{text-align:center}.stage .ssp_action .btn{height:auto;line-height:4em;width:13.75em}.stage .ssp_action .btn .t{font-size:1.5em;font-weight:bold}.scene1{background:url(../images/index/scene1_bg.jpg) no-repeat center center;background-size:auto 59.375em}.scene1 .figure i{background-image:url(../images/index/s1_graphic.png);background-repeat:no-repeat;background-size:6em auto;width:6em;height:4em;position:absolute}.scene1 .figure .i1{left:0;top:2em;background-position:0 0}.scene1 .figure .i2{right:0;top:2em;background-position:0 -8em}.scene1 .figure .i3{left:8em;top:20em;background-position:0 -4em}.scene1 hgroup{padding:6em 0 3em}.scene1 hgroup h1{font-size:4em;font-weight:bold}.scene1 .video{text-align:center;padding-top:2em}.scene1 .video a{display:inline-block;color:#fff;position:relative;padding-left:2em}.scene1 .video a i{position:absolute;width:1.25em;height:1.25em;left:0;top:0;background:rgba(255,255,255,0);border:1px solid #fff;border-radius:50%}.scene1 .video a i:after{content:"";position:absolute;left:50%;top:50%;border-width:6px;border-style:solid;border-color:transparent transparent transparent #fff;margin:-6px 0 0 -2px}.scene1 .video a .t{font-size:1.25em;line-height:1;display:block}.scene1 .video a:hover i{border-color:transparent;background-color:rgba(255,255,255,0.5)}.scene2 .figure{width:38em;height:15em;margin:3em auto;position:relative;perspective:600px}.scene2 .figure .circle{width:38em;height:38em;position:absolute;top:50%;left:50%;margin:-19em 0 0 -19em;z-index:2;transform-style:preserve-3d;transform:rotateX(80deg) translateZ(1em)}.scene2 .figure .icons{width:100%;height:100%;transform-style:preserve-3d}.scene2 .figure .icons .ico{width:8em;height:8em;position:absolute;transform-style:preserve-3d;transform:rotateX(-90deg);perspective:600px}.scene2 .figure .icons .ico i{width:100%;height:100%;display:block;transform:rotateX(10deg) scale(.8);background:url("") no-repeat 0 0;background-size:100% 100%}.scene2 .figure .icons .i1{bottom:0;left:50%;margin-left:-4em}.scene2 .figure .icons .i1 i{background-image:url(../images/index/s2/1.png)}.scene2 .figure .icons .i2{right:5em;bottom:5em}.scene2 .figure .icons .i2 i{background-image:url(../images/index/s2/2.png)}.scene2 .figure .icons .i4{right:5em;top:5em}.scene2 .figure .icons .i4 i{background-image:url(../images/index/s2/4.png)}.scene2 .figure .icons .i6{left:5em;top:5em}.scene2 .figure .icons .i6 i{background-image:url(../images/index/s2/6.png)}.scene2 .figure .icons .i8{left:5em;bottom:5em}.scene2 .figure .icons .i8 i{background-image:url(../images/index/s2/8.png)}.scene2 .figure .icons .i5{top:0;left:50%;margin-left:-4em}.scene2 .figure .icons .i5 i{background-image:url(../images/index/s2/5.png)}.scene2 .figure .icons .i3{right:0;top:50%;margin-top:-4em}.scene2 .figure .icons .i3 i{background-image:url(../images/index/s2/3.png)}.scene2 .figure .icons .i7{left:0;top:50%;margin-top:-4em}.scene2 .figure .icons .i7 i{background-image:url(../images/index/s2/7.png)}.scene2 .figure .bg{width:46em;height:33em;position:absolute;left:50%;top:50%;margin:-16.5em 0 0 -23em;background:url(../images/index/scene2_bg.png) no-repeat center center;background-size:46em auto;z-index:0}.scene2 hgroup{padding:0}.scene3 .figure{width:45em;height:24em;margin:0 auto 0;position:relative}.scene3 .figure i{width:100%;position:absolute;background-image:url(../images/index/s3.png);background-size:45em auto;background-repeat:no-repeat}.scene3 .figure .icons{height:22em}.scene3 .figure .i1,.scene3 .figure .i2,.scene3 .figure .i3{height:22em;left:0;top:0;background-position:0 0}.scene3 .figure .i2{background-position:0 -22em}.scene3 .figure .i3{background-position:0 -44em}.scene3 .figure .i4{height:4em;left:0;bottom:0;background-position:0 -66em}.scene3 hgroup{padding:0}.scene4 .figure{width:34em;height:22em;margin:0 auto 0;position:relative}.scene4 .figure i{position:absolute;width:34em;height:22em;background:url(../images/index/s4_figure.png) no-repeat;background-size:34em auto}.scene4 .figure .bg1{background-position:0 0}.scene4 .figure .bg2{background-position:0 -22em}.scene4 hgroup{padding:0}.scene5 .figure{width:40em;height:17em;margin:1.5em auto 0;position:relative;background:url(../images/index/s5_line.png) no-repeat center top;background-size:42em auto}.scene5 .figure .item{width:12em;height:12em;position:absolute;top:0;perspective:1000px}.scene5 .figure .item i{display:block;width:100%;height:100%;background-image:url(../images/index/s5_cards.png);background-repeat:no-repeat;background-size:36em auto}.scene5 .figure .item1{left:-0.5em}.scene5 .figure .item1 i{background-position:0 -12em}.scene5 .figure .item2{left:50%;margin-left:-6em}.scene5 .figure .item2 i{background-position:-12em -12em}.scene5 .figure .item3{right:-0.5em}.scene5 .figure .item3 i{background-position:-24em -12em}.scene5 .figure .t{width:20em;height:4em;background:url("../images/index/s5_txt.png") no-repeat 0 -4em;background-size:20em auto;position:absolute;left:50%;bottom:0;margin:0 0 -0.5em -10em}.scene5 hgroup{padding-bottom:.5em}#header,#footer{z-index:10;background-color:transparent}#footer{display:none;position:relative;color:#fff;border-color:#004ad9;z-index:9}#footer .copyright .links a{color:#fff}#footer #lang_switch{border-color:rgba(255,255,255,0.5)}#footer #lang_switch dt,#footer #lang_switch dd{border:0 none}#footer #lang_switch dd{margin-left:0;background-color:#3884f7}#footer #lang_switch dd a{background:none;color:#fff}#footer #lang_switch dd a:hover{background:rgba(255,255,255,0.5)}#footer #lang_switch.active dt{background:none}.play-panel{position:fixed;left:0;top:0;right:0;bottom:0;min-height:460px;z-index:100000;background:rgba(0,0,0,0.5)}.play-panel .close{position:absolute;top:50%;left:50%;margin-top:-223.5px;margin-left:339px;width:42px;height:42px;background:url(../images/close.png) center center no-repeat;background-size:100% auto;cursor:pointer;z-index:10}.play-panel #video{position:absolute;top:50%;left:50%;margin-top:-202.5px;margin-left:-360px;width:720px;height:405px;background:#000}.fadeIn,.swiper-slide-active.scene2 .figure,.swiper-slide-active.scene3 .figure .i1,.swiper-slide-active.scene3 .figure .i2,.swiper-slide-active.scene3 .figure .i3{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s}.fadeInUp,.swiper-slide-active.scene3 .figure,.swiper-slide-active.scene4 .figure i,.swiper-slide-active.scene5 .figure{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s}.fadeInDown,.swiper-slide-active hgroup h1,.swiper-slide-active hgroup h2,.swiper-slide-active .ssp_action,.swiper-slide-active.scene1 .video{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;animation-name:fadeInDown;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s}.zoomIn,.swiper-slide-active.scene5 .figure .t{-webkit-animation-name:zoomIn;-moz-animation-name:zoomIn;animation-name:zoomIn;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s}.zoomOut,.swiper-slide-active.scene1 .figure,.swiper-slide-active.scene3 .figure .icons{-webkit-animation-name:zoomOut;-moz-animation-name:zoomOut;animation-name:zoomOut;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s}.rotateY,.swiper-slide-active.scene5 .figure .item i{-webkit-animation-name:rotateY;-moz-animation-name:rotateY;animation-name:rotateY;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s}.rotate,.swiper-slide-active.scene2 .figure .circle .icons{-webkit-animation-name:rotate;-moz-animation-name:rotate;animation-name:rotate;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s}.rotateY_ico,.swiper-slide-active.scene2 .figure .circle .icons .ico{-webkit-animation-name:rotateY_ico;-moz-animation-name:rotateY_ico;animation-name:rotateY_ico;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s}.shake,.swiper-slide-active.scene1 .figure i{-webkit-animation-name:shake;-moz-animation-name:shake;animation-name:shake;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s}.swiper-slide-active.scene1 .figure .i1{-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s}.swiper-slide-active.scene1 .figure .i2{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;animation-delay:.8s}.swiper-slide-active.scene1 .figure .i3{-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}.swiper-slide-active.scene1 h1{-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s}.swiper-slide-active.scene1 h2{-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}.swiper-slide-active.scene1 .ssp_action{-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;animation-delay:1.5s}.swiper-slide-active.scene1 .video{-webkit-animation-delay:2s;-moz-animation-delay:2s;animation-delay:2s}.swiper-slide-active.scene2 .figure .circle{transform-style:preserve-3d}.swiper-slide-active.scene2 .figure .circle .icons{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:24s;-moz-animation-duration:24s;animation-duration:24s;-webkit-animation-timing-function:linear;animation-timing-function:linear}.swiper-slide-active.scene2 .figure .circle .icons .ico{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:24s;-moz-animation-duration:24s;animation-duration:24s;-webkit-animation-timing-function:linear;animation-timing-function:linear}.swiper-slide-active.scene2 h1{-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s}.swiper-slide-active.scene2 h2{-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}.swiper-slide-active.scene3 .figure .icons{-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}.swiper-slide-active.scene3 .figure .i1,.swiper-slide-active.scene3 .figure .i2,.swiper-slide-active.scene3 .figure .i3{-webkit-animation:fadeIn linear 3s infinite alternate-reverse forwards;-o-animation:fadeIn linear 3s infinite alternate-reverse forwards;animation:fadeIn linear 3s infinite alternate-reverse forwards}.swiper-slide-active.scene3 .figure .i1{-webkit-animation-delay:0s;-moz-animation-delay:0s;animation-delay:0s}.swiper-slide-active.scene3 .figure .i2{-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;animation-delay:1.5s}.swiper-slide-active.scene3 .figure .i3{-webkit-animation-delay:3s;-moz-animation-delay:3s;animation-delay:3s}.swiper-slide-active.scene3 h1{-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s}.swiper-slide-active.scene3 h2{-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}.swiper-slide-active.scene4 .figure .bg2{-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s}.swiper-slide-active.scene4 .figure .shake{-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;animation-delay:1.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear}.swiper-slide-active.scene4 h1{-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}.swiper-slide-active.scene4 h2{-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;animation-delay:1.5s}.swiper-slide-active.scene5 .figure .item1 i{-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}.swiper-slide-active.scene5 .figure .item2 i{-webkit-animation-delay:1.3s;-moz-animation-delay:1.3s;animation-delay:1.3s}.swiper-slide-active.scene5 .figure .item3 i{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;animation-delay:1.6s}.swiper-slide-active.scene5 .figure .t{-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s}.swiper-slide-active.scene5 .ssp_action{-webkit-animation-delay:2s;-moz-animation-delay:2s;animation-delay:2s}.swiper-slide-active.scene5 h1{-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}.swiper-slide-active.scene5 h2{-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;animation-delay:1.5s}.ercode{width:3em;height:3em;display:block;background:url("../images/index/ercode_thumb.png") no-repeat center;background-size:30px;border:2px solid #fff;border-radius:50%;transition:background-color .5s,border-color .5s;position:fixed;right:3em;bottom:3em;z-index:2}.ercode .erpop{width:80px;height:80px;position:absolute;left:50%;top:-100px;margin-left:-45px;background:url("../images/index/ercode_wechart.png") no-repeat 0 0;background-size:100%;border:5px solid #fff;display:none}.ercode .erpop:after{content:"";width:0;height:0;position:absolute;left:50%;bottom:-5px;margin-left:-8px;margin-bottom:-16px;border-color:#fff transparent transparent transparent;border-width:16px 8px 0;border-style:solid}.ercode:hover{border-color:transparent;background-color:rgba(255,255,255,0.5)}.ercode:hover .erpop{display:block}@media screen and (max-width:999px){.index-wrapper{margin:0;padding:0}.stage{width:17em;height:17em;margin:-8.5em 0 0 -8.5em}.stage hgroup h1{font-size:1.6em}.stage hgroup h2{font-size:.75em}.stage .ssp_action .btn{height:auto;line-height:2em;width:8.125em}.stage .ssp_action .btn .t{font-size:1em}.scene1{background-size:auto 30em}.scene1 .figure i{width:3em;height:2em;background-size:3em auto}.scene1 .figure .i1{top:1em;background-position:0 0}.scene1 .figure .i2{top:1em;background-position:0 -4em}.scene1 .figure .i3{left:4em;top:6.8em;background-position:0 -2em}.scene1 hgroup{padding:3em 0 2em}.scene1 .video{padding-top:1em}.scene1 .video a{padding:.2125em 0 .2125em 1.3em}.scene1 .video a i{width:1em;height:1em}.scene1 .video a .t{font-size:.825em}.scene2 .figure{width:19em;height:7.5em;margin:1.5em -1em;transform:scale(.4);perspective:37.5em}.scene2 .figure i.icons{background-size:19em auto}.scene2 .figure i.bg{width:24em;height:16em;margin:-8em 0 0 -12em;background-size:24em auto;-webkit-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2)}.scene3 .figure{width:18em;height:9.6em;margin:-1em -0.5em 1em}.scene3 .figure i{background-size:18em auto}.scene3 .figure .i1,.scene3 .figure .i2,.scene3 .figure .i3,.scene3 .figure .icons{height:8.8em}.scene3 .figure .i2{background-position:0 -8.8em}.scene3 .figure .i3{background-position:0 -17.6em}.scene3 .figure .i4{height:1.6em;background-position:0 -26.4em}.scene4 .figure,.scene4 .figure i{width:17em;height:11em}.scene4 .figure i{background-size:17em auto}.scene4 .figure .bg2{background-position:0 -11em}.scene5 .figure{width:17em;height:8em;margin:.75em auto 0;background-size:17.5em auto;background-position:center .5em}.scene5 .figure .item{width:6em;height:6em}.scene5 .figure .item i{background-size:18em}.scene5 .figure .item1 i{background-position:0 -6em}.scene5 .figure .item2{margin-left:-3em}.scene5 .figure .item2 i{background-position:-6em -6em}.scene5 .figure .item3 i{background-position:-12em -6em}.scene5 .figure .t{width:10em;height:2em;background-position:0 -2em;background-size:10em auto;margin:0 0 0 -5em}.scene5 .ssp_action{display:none}.play-panel .close{width:2em;height:2em;margin-top:-6.0625em;margin-left:8em}.play-panel #video{width:18em;height:10.125em;margin-top:-5.0625em;margin-left:-9em}#footer{position:fixed;bottom:0;width:100%;border-color:#3884f7}#footer .copyright{line-height:1.3;margin:0 -0.5em}#footer #lang_switch{color:#fff}#footer #lang_switch dt,#footer #lang_switch dd{border:0 none}#footer #lang_switch dd a{color:#fff}.ercode{display:none}}#rb_fixed{position:fixed;right:4em;bottom:5.5em;z-index:9;width:261px}#act_160714{position:relative;display:block;width:228px;height:198px;margin-top:1em;transform:scale(.8)}#act_160714 .act_bg{width:228px;height:198px;position:absolute;left:50%;margin-left:-114px;background:url("../images/index/activity/160714/entry_bg.png") no-repeat 0 0;background-size:100% auto}#act_160714 .act_title{width:246px;height:50px;position:absolute;left:50%;top:80px;margin-left:-123px;z-index:2;background:url("../images/index/activity/160714/entry_title.png") no-repeat 0 0;background-size:100% auto;animation:myScale 1.6s linear infinite alternate}#act_160714 .act_title h2{display:none}@keyframes myScale{from{transform:scale(1)}to{transform:scale(1.1)}}@media screen and (max-width:999px){#rb_fixed{transform:scale(1);transform-origin:right bottom;bottom:3em;right:1em;z-index:20}#act_160714{width:146px;height:100px;left:100px}#act_160714 .act_bg{display:none}#act_160714 .act_title{background:url("../images/index/activity/160714/entry_web2.png") no-repeat 0 0;background-size:auto 100%;transform:scale(1.2);width:146px;height:100px;margin-left:0;left:0;top:0}}.en #act_160714 .act_bg{display:none}.en #act_160714 .act_title{background:url("../images/index/activity/160714/entry_web.png") no-repeat 0 0}