.page .distant-view{position:absolute;opacity:.5}
.page .distant-view .float-ball,.page .distant-view .pyramid{position:absolute}
.page .distant-view .pyramid-1{width:75px;height:84px;background:url(../images/section3/pyramid-1.png) no-repeat}
.page .distant-view .pyramid-2{width:122px;height:125px;background:url(../images/section3/pyramid-2.png) no-repeat}
.page .close-view{position:absolute}
.nav-right{position:fixed;_position:absolute;right:38px;top:50%;margin-top:-242px;opacity:.3;filter:alpha(opacity=30);-ms-filter:"alpha(opacity=30)";filter:alpha(opacity=30);-webkit-transition:opacity .5s ease-out;-moz-transition:opacity .5s ease-out;-o-transition:opacity .5s ease-out;-ms-transition:opacity .5s ease-out;transition:opacity .5s ease-out}.nav-right:hover{opacity:1;filter:alpha(opacity=100);-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100)}

.nav-right li{width:72px;height:72px;line-height:72px;text-align:center;color:#fff;border-radius:36px;background-color:#a3a3a3;background:url(../images/section3/nav-right.png);cursor:pointer;margin-bottom:10px}.nav-right li:hover{opacity:.8}.nav-right li.active{background-color:#57b503;background:url(../images/nav-right-active.png)}.nav-bl{position:fixed;_position:absolute;bottom:45px;left:28px;width:121px;height:72px;background:url(../images/nav-bl.png) no-repeat}.nav-bl .dot{position:absolute;width:12px;height:12px;cursor:pointer}.nav-bl .dot-1{left:72px;top:16px}
.nav-bl .dot-2{left:87px;top:28px}
.nav-bl .dot-3{left:72px;top:43px}
.nav-bl .dot-4{left:35px;top:16px}
.nav-bl .dot-5{left:21px;top:30px}
.nav-bl .dot-6{left:35px;top:44px}
.nav-bl .green-dot{background:url(../images/section3/green-dot.png) no-repeat}
.mouse-tip{width:77px;height:78px;position:fixed;_position:absolute;bottom:45px;left:50%;margin-left:-38.5px;background:url(../images/section3/mouse-tip.png) no-repeat;display:none}
.mouse-tip:hover{background-image:url(../images/section3/mouse-tip-hover.png)}
.bless-num{display:inline-block;*display:inline;zoom:1;font-size:31px;font-weight:normal;font-family:"Century Gothic",Arial,sans-serif;color:#fd7903;vertical-align:top}
body header .header-inner #bdshare{margin-top:8px}
.infi-wrapper div{background-image:url(../images/section3/shard.png);background-repeat:no-repeat}
.infi-wrapper{left:55px;top:-1px;position:absolute;width:278px;height:455px;overflow:hidden;z-index:0}


.app-page .page-title{width:224px;height:34px;background:url(../images/section3/app-title.png) no-repeat}
.app-page .main-bg{top:-70px;left:-349px;background:url(../images/section3/app-bg.jpg) no-repeat}
.app-page .distant-view{top:-263px;left:-207px}

.app-page .distant-view .pyramid-1{left:97px;top:464px}
.app-page .close-view{width:915px;height:493px;left:0;}
.app-page .close-view .app-security-left{position:absolute;width:60px;height:119px;top:25px;left:247px;background:url(../images/section3/app-security-right.png) no-repeat}
.app-page .close-view .app-quality-right{position:absolute;width:50px;height:109px;top:357px;left:205px;background:url(../images/section3/app-quality-right.png) no-repeat}
.app-page .close-view .app-route{position:absolute;width:885px;height:338px;top:70px;left:28px;background:url(../images/section3/app-route.png) no-repeat}
.app-page .close-view .app-door-dot{position:absolute;width:7px;height:7px}
.app-page .close-view .app-door-orange{background:url(../images/section3/app-door-orange.png) no-repeat}
.app-page .close-view .app-node{position:absolute;overflow:visible}
.app-page .close-view .app-node-first{left:-35px;top:190px}

.app-page .close-view .app-node-first .app-phone{position:absolute;left:0;top:0;width:128px;height:105px;background:url(../images/section3/app-ask.png) no-repeat;cursor:pointer;-webkit-transition:-webkit-transform .1s ease-in;-moz-transition:-webkit-transform .1s ease-in;-ms-transition:-webkit-transform .1s ease-in;transition:-webkit-transform .1s ease-in;-webkit-transform-origin:30px 100px;-moz-transform-origin:30px 100px;-ms-transform-origin:30px 100px;transform-origin:30px 100px}
.app-page .close-view .app-node-first .app-phone.app-phone-s1{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);transform:rotate(10deg)}
.app-page .close-view .app-node-first .app-phone.app-phone-s2{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}
.app-page .close-view .app-node-first .app-phone.app-phone-answer{cursor:default;background:url(../images/section3/app-phone-answer.png) no-repeat}
.app-page .close-view .app-node-security{left:130px;top:20px}
.app-page .close-view .app-node-security .app-security-right{position:absolute;top:5px;left:48px;width:69px;height:109px;background:url(../images/section3/app-security-left.png) no-repeat}
.app-page .close-view .app-node-security .app-door-dot{top:10px}
.app-page .close-view .app-node-security .app-door-dot-1{left:107px;background:url(../images/section3/app-door-orange.png) no-repeat;display:none;}
.app-page .close-view .app-node-security .app-door-dot-2{left:118px;background:url(../images/section3/app-door-orange.png) no-repeat;display:none;}
.app-page .close-view .app-node-security .app-door-dot-3{left:129px;background:url(../images/section3/app-door-orange.png) no-repeat;display:none;}
.app-page .close-view .app-node-server{left:422px;top:19px}
.app-page .close-view .app-node-server .app-server-n{position:absolute;top:0;left:0;width:85px;height:103px;background:url(../images/section3/app-server-none.png) no-repeat}
.app-page .close-view .app-node-server .app-server{position:absolute;top:0;left:0;width:85px;height:0;background:url(../images/section3/app-server.png) no-repeat;}
.app-page .close-view .app-node-server .app-server-blink{position:absolute;top:22px;left:3px;width:40px;height:22px;background:url(../images/section3/app-server-blink.png) no-repeat;display:none}

.app-page .close-view .app-node-category{left:697px;top:0}
.app-page .close-view .app-node-category .app-category-bracket{position:absolute;left:0;top:25px;width:32px;height:104px;background:url(../images/section3/app-category-bracket.png) no-repeat}
.app-page .close-view .app-node-category .app-category{position:absolute;left:49px;background:url(../images/section3/app-category.png) no-repeat;line-height:18px;font-size:14px;font-family:"Microsoft Yahei",Arial,sans-serif;height:24px;padding:14px 0 22px;text-align:center;width:83px}
.app-page .close-view .app-node-category .app-category-1{top:64px}
.app-page .close-view .app-node-category .app-category-2{top:48px}
.app-page .close-view .app-node-category .app-category-3{top:32px}
.app-page .close-view .app-node-user{top:305px;left:700px}
.app-page .close-view .app-node-user .app-user{position:absolute;top:5px;left:0;width:138px;height:152px;background:url(../images/section3/app-user.png) no-repeat}
.app-page .close-view .app-node-user .app-user-blink{position:absolute;top:5px;left:0;width:138px;height:152px;background:url(../images/section3/app-user-blink.png) no-repeat;display:none}
.app-page .close-view .app-node-expert{top:315px;left:164px}

.app-page .close-view .app-node-expert .app-expert{width:73px;height:160px;position:absolute;top:0;left:0;background:url(../images/section3/app-zb.png) no-repeat}
.app-page .close-view .app-node-expert .app-expert-blink{width:73px;height:160px;position:absolute;top:0;left:0;background:url(../images/section3/app-zb-h.png) no-repeat;display:none;}


.app-page .close-view .app-node-getanswer{top:330px;left:400px}
.app-page .close-view .app-node-getanswer .app-getanswer{width:155px;height:137px;position:absolute;top:0;left:0;background:url(../images/section3/app-getanswer.png) no-repeat}
.app-page .close-view .app-node-getanswer .app-getanswer-h{width:155px;height:137px;position:absolute;top:0;left:0;background:url(../images/section3/app-getanswer-h.png) no-repeat;}
.app-page .close-view .app-node-quality{top:356px;left:123px}
.app-page .close-view .app-node-quality .app-quality-left{top:0;left:0;position:absolute;background:url(../images/section3/app-quality-left.png) no-repeat;width:82px;height:89px}
.app-page .close-view .app-label{position:absolute;font-family:"Microsoft Yahei",Arial,sans-serif;font-size:18px;font-weight:bold;color:#fff;line-height:22px;height:20px;padding:0 4px 6px;background-color:#bbb;}
.app-page .close-view .app-label-active{background-color:#57b503}
.app-page .close-view .app-label-security,.app-page .close-view .app-label-server,.app-page .close-view .app-label-category{top:145px}
.app-page .close-view .app-label-user,.app-page .close-view .app-label-expert,.app-page .close-view .app-label-getanswer,.app-page .close-view .app-label-quality{top:482px}
.app-page .close-view .app-label-first{top:250px;left:115px}
.app-page .close-view .app-label-security{left:202px}
.app-page .close-view .app-label-server{left:425px}
.app-page .close-view .app-label-category{left:740px}
.app-page .close-view .app-label-user{left:740px}
.app-page .close-view .app-label-getanswer{left:445px}
.app-page .close-view .app-label-quality{left:160px}
.app-page .close-view .app-hand{position:absolute;width:55px;height:73px;left:55px;top:260px;background:url(../images/section3/app-hand.png) no-repeat}
.app-page .close-view .app-clock{background:url(../images/section3/app-qmark2.png) 6px 24px no-repeat;width:53px;height:65px;position:absolute;top:173px;left:3px}
.app-page .close-view .app-clock-i{background-image:url(../images/section3/app-qmark2.png)}
.app-page .close-view .app-clock-2{position:absolute;left:368px;top:220px;height:58px;line-height:58px;font-family:"Microsoft Yahei",Arial,sans-serif;font-size:30px;color:#6cc463;font-weight:700;}

.zgys-not{width:41px;height:38px;background:url(../images/section3/zgys-not.png) no-repeat;position:absolute;left:150px;display:none;}