﻿/*! 2017 Baidu Inc. All Rights Reserved */
*{margin:0;padding:0}html,body{font-family:'Microsoft Yahei';width:100%;height:100%;overflow:hidden}.logo{position:fixed;top:50px;left:50px;width:298px;height:46px;background:url(../images/logo.png) no-repeat 0 0;z-index:100}.link-btn{position:fixed;top:50px;right:28px;display:inline-block;width:192px;height:46px;z-index:100;border:1px solid rgba(255,255,255,0.5);border-radius:5px;line-height:46px;text-align:center;text-decoration:none;font-size:20px;color:#fff;-webkit-transition:all .8s ease;transition:all .8s ease}.link-btn:hover{background:#fff;color:#000}.nextpage{position:fixed;bottom:5%;width:47px;height:47px;left:50%;margin-left:-23px;background:url(../images/icons.png) no-repeat -50px 0;z-index:100}.nextpage:hover{background-position:0 0}.container{width:100%;height:100%;position:absolute;left:0;top:0;background:#000;display:none}.container .bg-wrapper{width:100%;position:absolute;top:0;left:0;height:100%;overflow:hidden;text-align:center}.page1 .bg-wrapper{background:url(../images/page1.jpg) no-repeat center top}.page2 .bg-wrapper{background:url(../images/page2.jpg) no-repeat center top}.page3 .bg-wrapper{background:url(../images/page3.jpg) no-repeat center top}.page4 .bg-wrapper{background:url(../images/page4.jpg) no-repeat center top}.wrapper{width:1000px;height:100%;min-height:600px;margin:0 auto;position:relative}.phone{position:absolute;width:278px;height:568px;left:100px;top:50%;margin-top:-284px;background:url(../images/phone.png);opacity:0;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.page4 .phone{background:url(../images/phone2.png)}.introduce{width:430px;height:320px;position:absolute;top:50%;margin-top:-160px;color:#fff;left:500px}.time{font-size:32px;display:block;left:30px;position:relative;opacity:.2;-webkit-transition:all .2s ease;transition:all .2s ease}.title{display:block;font-size:58px;margin:10px 0 15px 0;position:relative;left:80px;opacity:.4;-webkit-transition:all .4s ease;transition:all .4s ease}.text-content{font-size:15px;line-height:2;position:relative;left:120px;opacity:.6;-webkit-transition:all .6s ease;transition:all .6s ease}.download-wrapper{position:relative;left:150px;opacity:.8;-webkit-transition:all .8s ease;transition:all .8s ease}.download{width:204px;height:48px;text-align:center;border:1px solid #fff;border-radius:5px;display:inline-block;text-decoration:none;color:#fff;font:24px/48px 'Microsoft Yahei';margin-top:20px;opacity:.8;position:relative;left:150px;-webkit-transition:all .8s ease;transition:all .8s ease}.download-wrapper .download{opacity:1;left:0}.transition-class{left:0;opacity:1}.iphone-button,.android-button{width:215px;height:60px;display:block}.iphone-button{margin-top:12px}.download .icon{display:block;width:60px;float:left;border-right:1px solid #b0b5b8;height:48px;margin-top:6px;background:url(../images/icons.png) no-repeat}.iphone-button .icon{background-position:-134px 6px}.android-button .icon{background-position:-234px 6px}.download-wrapper{width:364px}.code{float:right;width:137px;height:137px;background:url(../images/code.png) 0 0 no-repeat;-webkit-background-size:100% 100%;background-size:100%}.button-text{width:137px;float:right;font-size:20px;line-height:1.8;text-align:left}.button-name{font-size:16px;line-height:1}.download:hover{background:#fff;color:#333}.iphone-button:hover,.android-button:hover{background:transparent;background:rgba(255,255,255,0.2);color:#fff}.timeline{position:fixed;z-index:100;right:20px;height:342px;width:40px;top:50%;margin-top:-171px;background:url(../images/icons.png) no-repeat 0 -100px}.timeline a:first-child{cursor:default}.timeline a{background:url(../images/icons.png) no-repeat -1000px -1000px}.onpage1 .timeline a:nth-child(2),.timeline a:nth-child(2):hover{background-position:-93px -97px}.onpage2 .timeline a:nth-child(3),.timeline a:nth-child(3):hover{background-position:-93px -148px}.onpage3 .timeline a:nth-child(4),.timeline a:nth-child(4):hover{background-position:-93px -198px}.onpage4 .timeline a:nth-child(5),.timeline a:nth-child(5):hover{background-position:-93px -248px}.timeline a{display:block;height:30px;margin-bottom:22px;text-indent:-999em}.dialog-content{position:absolute;top:110px;left:16px;width:246px;height:394px;overflow:hidden}.dialog-item{margin-bottom:15px;position:relative;font-size:12px;overflow:hidden}.dialog-duicon{background:url(../images/dialog_duicon.png) no-repeat;width:26px;height:28px;position:absolute}.dialog-text .dialog-duicon{left:6px}.dialog-right .dialog-duicon{width:26px;height:26px;background:url(../images/dialog_duicon.png) 0 -28px no-repeat;right:7px;top:4px}.dialog-bg{position:relative}.dialog-text .dialog-bg{margin-left:37px;background:#fff;padding:8px;border-radius:2px;max-width:157px;border:1px solid #f5f5f5}.dialog-right .dialog-bg{float:right;padding:8px;max-width:157px;background:#3ea1fc;border:1px solid #3ea1fc;border-radius:2px;color:#fff;margin-right:41px}.dialog-right .dialog-bg::after{border-bottom:10px solid transparent;border-top:10px solid transparent;border-left:10px solid #3ea1fc;width:0;height:0;right:-7px;top:7px;content:'';position:absolute;font-size:0}.dialog-text .dialog-bg::before{content:'';position:absolute;left:-4px;width:8px;height:8px;border:1px solid #f5f5f5;border-left:0;border-bottom:0;background:#fff;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.dialog-img img{margin-left:30px}.dialog-input{height:38px;background:url(../images/voice.png) no-repeat 0 -38px}.isvoice{position:absolute;bottom:0;left:0;background-position:0 0;width:246px}.dialog-flow{padding-top:10px;min-height:351px;overflow:hidden}.dialog-foot{height:0;overflow:hidden}.dialog-img-wrapper{width:246px;position:absolute;height:438px;top:66px;left:16px;z-index:20;overflow:hidden}.dialog-img-wrapper img{position:absolute;left:246px;width:246px}.page1{background:#fff}.page1 .content{width:500px;height:500px;position:absolute;top:40%;left:50%;margin:-250px 0 0 -250px;text-align:center}.robot-name{display:block;font-size:55px}.robot-desc{display:inline-block;width:242px;height:24px;background:url(../images/icons.png) no-repeat -100px 0;margin-top:16px}.intro1{background:url(../images/intro1.png)}.intro2{background:url(../images/intro2.png)}.intro3{background:url(../images/intro3.png)}.intro4{background:url(../images/intro4.png)}.intro{position:absolute;width:247px;height:440px;-webkit-background-size:100% 100%;background-size:100% 100%}.slider-wrapper{width:247px;height:440px;left:16px;position:absolute;top:63px;overflow:hidden}