@media screen and (min-width:737px){
  html.js.csstransitions.csstransforms .animate .text-animate{ opacity:0; transition-property:all; transition-duration:1s; transition-timing-function:ease-out; transform:translate(0,100px)  }
  html.js.csstransitions.csstransforms .animate.animate-active .text-animate { opacity:1; transform:translate(0,0); }
  html.js.csstransitions .delay-100 { transition-delay:100ms }
  html.js.csstransitions .delay-200 { transition-delay:200ms }
  html.js.csstransitions .delay-300 { transition-delay:300ms }
  html.js.csstransitions .delay-400 { transition-delay:400ms }
  html.js.csstransitions .delay-500 { transition-delay:500ms }
  html.js.csstransitions .delay-600 { transition-delay:600ms }
  html.js.csstransitions .delay-700 { transition-delay:700ms }
  html.js.csstransitions .delay-800 { transition-delay:800ms }
  html.js.csstransitions .delay-900 { transition-delay:900ms }
}
.overview-content { font-family: "MyriadProRegular", Helvetica, Arial, sans-serif; min-width:1200px; max-width:1920px; margin:0 auto; overflow-x:hidden; }
.overview-content * { letter-spacing: 0.025em; } 
.overview-content .w1200 { margin: 0 auto; position: relative; width: 1200px; } 
.overview-content .m-show { display: none; } 
.overview-content .light { font-family: "MyriadProLight", Helvetica, Arial, sans-serif; } 
.overview-content .regular { font-family: "MyriadProRegular", Helvetica, Arial, sans-serif; } 
.overview-content .semibold { font-family: "MyriadProSemibold", Helvetica, Arial, sans-serif; } 
.overview-content h2 { font-size: 65px; line-height: 1.2; padding-bottom:25px; } 
.overview-content p { font-family: "MyriadProLight", Helvetica, Arial, sans-serif; font-size: 22.5px; line-height: 38px; } 
@media screen and (max-width:736px){
  .overview-content { min-width:320px; }
  .overview-content .w1200 { width:auto;}
  .overview-content .m-show{display:inherit;}
  .overview-content .m-hide { display: none; }
  .overview-content .m-light { font-family: "MyriadProLight", Helvetica, Arial, sans-serif; }
  .overview-content .m-regular { font-family: "MyriadProRegular", Helvetica, Arial, sans-serif; }
  .overview-content .m-semibold { font-family: "MyriadProSemibold", Helvetica, Arial, sans-serif; }
  .overview-content .text{padding:0!important;}
  .overview-content h2 { font-size:30px; line-height:1.2; padding:0.6rem 6% 0.25rem; }
  .overview-content p { font-size:18px; line-height:1.5; padding:0 6%; }
}

.c9 .a{height:880px;background:url(images/a1.jpg?1) 50% 0 no-repeat;}
.c9 .a .text{padding:142px 0 0 0;}
.c9 .a h2{font-size:40px;padding:5px 0 0;}
.c9 .a p{font-size:26px;}
.c9 .a #c9a-model{position:absolute;top:60px;left:677px;font-size:0;width:371px;height:770px;transform:translateX(-100px);}
.c9 .a .animate-active #c9a-model{opacity:1;transform:translateX(0);transition:all linear 1s;}
.c9 .a #c9a-model .screen{width:350px;height:670px;position:absolute;top:46px;left:9px;overflow:hidden;}
.c9 .a #c9a-model .screen img{position:absolute;top:-106px;left:-1046px;transform:translateX(100px);}
.c9 .a .animate-active #c9a-model .screen img{transform:translateX(0);transition:all linear 1s;}
.c9 .b .text{padding:120px 0 60px;}
.c9 .b li{width:33.33%;float:left;text-align:center;padding-bottom:60px;}
.c9 .b li:before{content:'';display:inline-block;width:185px;height:185px;background-position:center;background-repeat:no-repeat;}
.c9 .b li.b1:before{background-image:url(images/b1.png);}
.c9 .b li.b2:before{background-image:url(images/b2.png);}
.c9 .b li.b3:before{background-image:url(images/b3.png);}
.c9 .b li.b4:before{background-image:url(images/b4.png);}
.c9 .b li.b5:before{background-image:url(images/b5.png);}
.c9 .b li.b6:before{background-image:url(images/b6.png);}
.c9 .b li.b7:before{background-image:url(images/b7.png);}
.c9 .b li.b8:before{background-image:url(images/b8.png);}
.c9 .b li>p{font-size:32px;line-height:1.125;padding-top:25px;font-family: "MyriadProRegular", Helvetica, Arial, sans-serif;}
.c9 .c{height:1172px;background:url(images/c.jpg) 50% 0 no-repeat;}
.c9 .c .text{padding:177px 0 0 45%;color:#fff;}
.c9 .c ul{margin-top:45px;}
.c9 .c li{float:left;width:200px;margin-right:30px;text-align: center;}
.c9 .c li:before{content:'';display:inline-block;width:126px;height:126px;background-position:center;background-repeat:no-repeat;}
.c9 .c li.c1:before{background-image:url(images/c1.png);}
.c9 .c li.c2:before{background-image:url(images/c2.png);}
.c9 .c li.c3:before{background-image:url(images/c3.png);}
.c9 .c li:last-child{margin-right:0;}
.c9 .c li>p{margin-top:15px;font-size:28px;line-height:36px;font-family: "MyriadProRegular", Helvetica, Arial, sans-serif;}
.c9 .c .c-model{width:491px;height:956px;position:absolute;top:86px;left:-6px;background:url(images/c-model.png) 0 0 no-repeat;}
.c9 .c .c-dancer{width:703px;height:771px;position:absolute;top:152px;left:-90px;background:url(images/c-dancer.png) 0 0 no-repeat;transform:translate(-100px,50px);opacity:0;}
.c9 .c .animate-active .c-dancer{opacity:1;transform:translate(0,0);transition:all ease-out 1s;transition-delay:600ms;}
.c9 .d{height:1192px;background:url(images/d.jpg) 50% 0 no-repeat;position: relative;}
.c9 .d:before{content:'';display:block;opacity:0;background:url(images/d-new.jpg) 50% 0 no-repeat;position: absolute;top:0;left:0;right:0;bottom:0;transition:all linear 1s;}
.c9 .d.animate-active:before{opacity:1;}
.c9 .d .text{padding:190px 54% 0 0;color:#fff;}
.c9 .d ul{margin-top:45px;color:#fff;}
.c9 .d li{float:left;width:220px;margin-right:50px;margin-bottom:40px;text-align: center;}
.c9 .d li:before{content:'';display:inline-block;width:128px;height:128px;background-position:center;background-repeat:no-repeat;}
.c9 .d li.d1:before{background-image:url(images/d1.png);}
.c9 .d li.d2:before{background-image:url(images/d2.png);}
.c9 .d li.d3:before{background-image:url(images/d3.png);}
.c9 .d li.d4:before{background-image:url(images/d4.png);}
.c9 .d li>p{margin-top:15px;font-size:28px;line-height:36px;}
.c9 .d .d5{position:absolute;top:797px;right:18px;width:176px;height:156px;background:url(images/d5.png) 0 0 no-repeat;transform:translate(20px,20px);opacity:0;}
.c9 .d .d6{position:absolute;top:671px;right:32px;width:272px;height:242px;background:url(images/d6.png) 0 0 no-repeat;transform:translate(30px,30px);opacity:0;}
.c9 .d .d7{position:absolute;top:549px;right:47px;width:385px;height:343px;background:url(images/d7.png) 0 0 no-repeat;transform:translate(40px,40px);opacity:0;}
.c9 .d.animate-active .d5,.c9 .d.animate-active .d6,.c9 .d.animate-active .d7{transform:translate(0,0);opacity:1;transition:all linear 0.7s;}
.c9 .d.animate-active .d5{transition-delay:100ms;}
.c9 .d.animate-active .d6{transition-delay:200ms;}
.c9 .d.animate-active .d7{transition-delay:300ms;}
.c9 .o{height:930px;background:url(images/o1.jpg) 50% 0 no-repeat;}
.c9 .o #c9a-model{position:absolute;top:236px;left:50px;font-size:0;width:1137px;height:548px;transform:translateX(200px);opacity:0;}
.c9 .o.animate-active #c9a-model{opacity:1;transform:translateX(0);transition:all linear 1s;}
.c9 .o #c9a-model .screen{width:990px;height:516px;position:absolute;top:19px;left:68px;overflow: hidden;}
.c9 .o #c9a-model .screen img{position:absolute;top:-255px;left:-478px;transform:translateX(-200px)}
.c9 .o.animate-active #c9a-model .screen img{transform:translateX(0);transition:all linear 1s;}
.c9 .e{/*background:url(images/e.jpg) 50% 100% no-repeat;*/overflow:hidden;}
.c9 .e .text{padding:125px 0 875px;text-align:center;}
.c9 .e p{padding:0 20px;}
.c9 .e ul{margin-top:55px;text-align:center;}
.c9 .e li{display:inline-block;vertical-align:top;width:220px;margin:0 15px;}
.c9 .e li:before{content:'';display:inline-block;width:130px;height:130px;background-position:center;background-repeat:no-repeat;}
.c9 .e li.e1:before{background-image:url(images/e1.png);}
.c9 .e li.e2:before{background-image:url(images/e2.png);}
.c9 .e li.e3:before{background-image:url(images/e3.png);}
.c9 .e li.e4:before{background-image:url(images/e4.png);}
.c9 .e li>p{margin-top:15px;font-size:28px;line-height:36px;font-family: "MyriadProRegular", Helvetica, Arial, sans-serif;}
.c9 .e .e-model1{width:1181px;height:1079px;position:absolute;bottom:-300px;left:-111px;transform:translate(-100px,-180px);background:url(images/e-model1.png) 0 0 no-repeat;}
.c9 .e .animate-active .e-model1{transform:translate(0,0);transition:all linear 1s;}
.c9 .e .e-model2{width:1073px;height:753px;position:absolute;bottom:0;left:385px;transform:translate(100px,180px);background:url(images/e-model2.png) 0 0 no-repeat;}
.c9 .e .animate-active .e-model2{transform:translate(0,0);transition:all linear 1s;}
.c9 .f{height:1540px;background:url(images/f.jpg) 50% 0 no-repeat;}
.c9 .f .w1200,.c9 .h .w1200,.c9 .i .w1200,.c9 .j .w1200{height: 100%;}
.c9 .f .text,.c9 .h .text,.c9 .i .text,.c9 .j .text{z-index:8;position: relative;}
.c9 .f .text{padding:125px 0 875px;text-align:center;color:#fff;}
.c9 .f ul{margin-top:45px;text-align:center;}
.c9 .f li{display:inline-block;vertical-align:top;width:250px;margin:0 58px;}
.c9 .f li:before{content:'';display:inline-block;width:128px;height:128px;background-position:center;background-repeat:no-repeat;}
.c9 .f li.f1:before{background-image:url(images/f1.png);}
.c9 .f li.f2:before{background-image:url(images/f2.png);}
.c9 .f li>p{margin-top:15px;font-size:28px;line-height:36px;font-family: "MyriadProRegular", Helvetica, Arial, sans-serif;}
.c9 .f video,.c9 .h video,.c9 .i video,.c9 .j video{position:absolute;bottom:0;left:-360px;width:1920px;}
.c9 .g{background:url(images/g.jpg) 50% 100% no-repeat;}
.c9 .g .text{padding:125px 0 1470px;text-align:center;}
.c9 .g p{padding:0 14%;}
.c9 .g p.tip{line-height:1.2;position:absolute;bottom:125px;height:0;width:100%;box-sizing: border-box;padding: 0;}
.c9 .g .abs{position:absolute;bottom:276px;left:305px;width:557px;height:1072px;overflow:hidden;}
.c9 .g .scan{width:100%;height:0;position:absolute;left:0;top:0;background:url(images/g1.jpg) 50% 0 no-repeat;transition:all linear 2s;transition-delay:200ms;}
.c9 .g .animate-active .scan{height:1650px;}
.c9 .g .scan .flow{background:url(images/g2.png) 50% 100% no-repeat;position:absolute;bottom:0;left:0;width:100%;height:100%;}
.c9 .h{height:1080px;background:url(images/h.jpg) 50% 100% no-repeat;}
.c9 .h .text{padding-top:125px;color:#fff;text-align:center;}
.c9 .h p{padding:0 4%;}
.c9 .i{height:1160px;background:url(images/i.jpg?1) 50% 0 no-repeat;overflow:hidden;}
.c9 .i .text{padding-top:125px;color:#fff;text-align:center;}
.c9 .i p{padding:0 12%;}
.c9 .j{height:1411px;background:url(images/j.jpg) 50% 0 no-repeat;overflow:hidden;}
.c9 .j .text{padding-top:125px;color:#fff;text-align:center;}
.c9 .j p{padding:0 10px;}
.c9 .j ul{margin-top:55px;}
.c9 .j li{display:inline-block;vertical-align:top;width:450px;margin:0 26px;}
.c9 .j li:before{content:'';display:inline-block;width:125px;height:125px;background-position:center;background-repeat:no-repeat;}
.c9 .j li.j1:before{background-image:url(images/j1.png);}
.c9 .j li.j2:before{background-image:url(images/j2.png);}
.c9 .j li>p{margin-top:15px;line-height:30px;padding:0;}
.c9 .k{height:1069px;background:url(images/k.jpg) 50% 0 no-repeat;overflow:hidden;}
.c9 .k .text{padding:195px 66% 0 0;}
.c9 .k .bg{width:1920px;height:1069px;position:absolute;top:1px;right:-360px;background:url(images/k.png) 100% 100% no-repeat;}
.c9 .k p.des{font-size: 34.5px;margin-top: 20px;}
.c9 .k p.des>a{text-decoration: none;color: #3347cd!important;}
.c9 .l{height:1209px;background:url(images/l.jpg) 50% 0 no-repeat;}
.c9 .l .text{padding-top:135px;text-align:center;color:#fff;}
.c9 .l p{width:630px;margin:0 auto;}
.c9 .l .image{position:absolute;top:363px;left:-295px;width:1354px;height:846px;background:url(images/l.png) 50% 0 no-repeat;opacity:0;}
.c9 .l .animate-active .image{opacity:1;transition:all linear 2s;transition-delay:400ms;}
.c9 .m { background:#000; }
.c9 .m .text { color:#fff; padding:80px 0 0; text-align:center; }
.c9 .m p{padding:10px;}
.c9 .m ul { font-size:0; margin:50px 0 0; text-align:justify; }
.c9 .m ul:after { content:""; display:inline-block; width:100%; }
.c9 .m li { display:inline-block; height:0; padding-bottom:41.34%; position:relative; vertical-align:top; width:32.5%; }
.c9 .m li .bg { background-position:50%; background-repeat:no-repeat; background-size:100%; bottom:0; left:0; position:absolute; right:0; top:0; }
.c9 .m li .cover { background:#000; bottom:0; left:0; opacity:0; position:absolute; right:0; top:0; }
.c9 .m li .desc { bottom:0; color:#fff; font-size:30px; line-height:40px; left:0; position:absolute; right:0; text-align:center; top:0; }
.c9 .m li .desc1 { bottom:50%; left:0; padding-bottom:120px; position:absolute; right:0; }
.c9 .m li .desc2 { left:0; padding-top:120px; position:absolute; right:0; top:50%; }
.c9 .m li .icon { background-position:50%; background-repeat:no-repeat; height:190px; left:50%; margin:-95px 0 0 -95px; position:absolute; top:50%; width:190px; }
.c9 .m .li1 .bg { background-image:url(images/m1.jpg) } 
.c9 .m .li2 .bg { background-image:url(images/m2.jpg) } 
.c9 .m .li3 .bg { background-image:url(images/m3.jpg) } 
.c9 .m .li1 .icon { background-image:url(images/m1.png) }
.c9 .m .li2 .icon { background-image:url(images/m2.png) }
.c9 .m .li3 .icon { background-image:url(images/m3.png) }
.c9 .n{height:1079px;background:url(images/n.jpg) 50% 100% no-repeat;}
.c9 .n .text{padding-top:125px;text-align:center;color:#fff;}
.c9 .n p>small{font-size: 0.62em;}

@media screen and (max-width:736px){
  .c9 .a{height:190vw;background:url(mobile/a.jpg) 50% 0 no-repeat;background-size:100%;}
  .c9 .a .text{padding-top:2.5em!important;}
  .c9 .a img{width:60vw;}
  .c9 .a h2{padding:0 6% 0;font-size: 25px;}
  .c9 .a p{padding-bottom:0;font-size: 18px;}
  .c9 .b .text{padding:3em 0 2em!important;}
  .c9 .b ul{font-size:0;}
  .c9 .b li{width:33.33%;display:inline-block;vertical-align:top;float:none;padding-bottom:20px;}
  .c9 .b li:before{background-size:100%;width:20vw;height:20vw;}
  .c9 .b li>p{font-size:18px; line-height:1.25;padding:0 2%;}
  .c9 .c{height:224vw;background:url(mobile/c.jpg) 50% 100% no-repeat;background-size:100%;}
  .c9 .c .text{text-align:center;}
  .c9 .c ul{margin:0;position:absolute;top:180vw;}
  .c9 .c li{width:33.33%;margin:0;}
  .c9 .c li:before{width:20vw;height:20vw;background-size:100%;}
  .c9 .c li>p{margin:0;font-size:18px; line-height:1.25;}
  .c9 .d{height:auto;background:#000000 url(mobile/d.jpg) 50% 100% no-repeat;background-size:100%;padding-bottom:218vw;}
  .c9 .d .text{text-align:center;}
  .c9 .d ul{margin-top:20px;}
  .c9 .d li{width:25vw;margin:0;}
  .c9 .d li:before{width:16vw;height:16vw;background-size:100%;}
  .c9 .d li>p{margin:0;font-size:16px; line-height:1.25;}
  .c9 .e{background:url(mobile/e.jpg) 50% 100% no-repeat;background-size:100%;padding-bottom:110%;}
  .c9 .e ul{font-size:0;margin-top: 20px;}
  .c9 .e li{width:25vw;margin:0;}
  .c9 .e li:before{width:16vw;height:16vw;background-size:100%;}
  .c9 .e li>p{margin:0;font-size:16px; line-height:1.25;}
  .c9 .f{height:auto;background:#000000 url(mobile/f.jpg) 50% 100% no-repeat;background-size:100%;padding-bottom:110%;}
  .c9 .f ul{margin-top: 20px;}
  .c9 .f li{width:30vw;margin:0 3vw;}
  .c9 .f li:before{width:20vw;height:20vw;background-size:100%;}
  .c9 .f li>p{margin:0;font-size:16px; line-height:1.25;}
  .c9 .g{background:#eae9e7 url(mobile/g.jpg) 50% 100% no-repeat;background-size:100%;padding-bottom:177%;}
  .c9 .g p{padding:0 6%;}
  .c9 .g p.tip{bottom: -148vw;padding: 0 6%;}
  .c9 .h{height:auto;background:#000000 url(mobile/h.jpg) 50% 100% no-repeat;background-size:100%;padding-bottom:128%;}
  .c9 .i{height:auto;background:#030318 url(mobile/i.jpg?2) 50% 100% no-repeat;background-size:100%;padding-bottom:160%;}
  .c9 .j{height:auto;background:#090f16 url(mobile/j.jpg) 50% 100% no-repeat;background-size:100%;padding-bottom:70%;}
  .c9 .j p{padding:0 6%;}
  .c9 .j ul{margin-top:20px;}
  .c9 .j li{width:40vw;margin:0 2vw;}
  .c9 .j li:before{width:20vw;height:20vw;background-size:100%;}
  .c9 .j li>p{margin:5px 0 0;font-size:16px; line-height:1.25;}
  .c9 .k{height:200vw;background:url(mobile/k.jpg?1) 50% 100% no-repeat;background-size:100%;}
  .c9 .k .text{text-align:center;}
  .c9 .k .bg{display:none;}
  .c9 .k p.des{font-size: 18px;margin-top:5px;}
  .c9 .l{height:auto;background:#1867be url(mobile/l.jpg) 50% 100% no-repeat;background-size:100%;padding-bottom:160%;}
  .c9 .l p{width:auto;}
  .c9 .m .text h2 br,
  .c9 .m .text p br { display:none }
  .c9 .m p{padding:0 6%;}
  .c9 .m ul { margin:0 0 -15px; }
  .c9 .m li { margin-top:15px; padding-bottom:54%; width:100%; }
  .c9 .m .li1 .bg { background-image:url(mobile/m1.jpg) } 
  .c9 .m .li2 .bg { background-image:url(mobile/m2.jpg) } 
  .c9 .m .li3 .bg { background-image:url(mobile/m3.jpg) } 
  .c9 .m li .desc { font-size:15px; line-height:18px; }
  .c9 .m li .desc1 { padding-bottom:36px; }
  .c9 .m li .desc2 { padding-top:36px; }
  .c9 .m li .icon { background-size:contain; height:64px; margin:-32px 0 0 -32px; width:64px; }
  .c9 .n{height:auto;background:#000000 url(mobile/n.jpg) 50% 100% no-repeat;background-size:100%;padding-bottom:64%;}
}