@charset "utf-8";
body,div,p,h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
ul {list-style:none;}
html {overflow:hidden;}
body {width:100%; *cursor:default;overflow:hidden; font:16px/1.5 Arial,"Microsoft YaHei"; font-family:"Microsoft YaHei";}
.clearfix{*zoom:1;}
.clearfix:after{content:""; display:block; visibility:hidden; clear:both; height:0; font-size:0;}
.fff{color:#fff;}
.blu{color:#37b4ff;}
.blu2{color:#109df2;}
.p52{font-size:52px;}
.p18{font-size:18px;}
.bl3{color:#333;}
.bl6{color:#666;}

.page1,.page2,.page4,.page6,.page3,.page5,.page7,#navBar li,.contain,.phonebox{position:relative;}
.page,.second,#navBar,#navBar li span,.phonebox .phone1,.phonebox .p_left,.phonebox .p_right,.appyh,.lgd,.hongbao,.mid_dr,.nurseL,.nurseR,.element1,.page3 .bt1,.page3 .bt2,.page4 .cloud,.page4 .find,.page4 .find02,.page4 .phone3,.page4 .star,.page4 .rocket,.page5 .phone4,.page5 .man,.page5 .quan,.page5 .five,.page6 .wlbt,.page6 .wlbt2,.page6 .car,.page6 .kdy,.page7 .clould2,.page7 .download,.page7 .bigger,.page7 .qucode,.page7 .btmbg,.page7 .car2,.page7 .ball,.page7 .star2,.page7 .phone5,.download_box,.download_box a.close,.cover,.page1w{position:absolute;}
.mid_dr,.element1,.page3 .bt1,.page3 .bt2,.page4 .cloud,.page4 .find,.page4 .find02,.page6 .wlbt,.page6 .wlbt,.page6 .wlbt2,.page7 .clould2,.page7 .download,.page7 .bigger,.page7 .qucode,.page7 .btmbg{left:0; right:0; margin:0 auto;}

#navBar li,.page1 a.down,.download_box ul li,.download_box a.close{cursor:pointer;}
#navBar .active,#navBar li,.txt,.page1 h1,.page1 h2,.page1 a.down,.page1 a.down span,.phonebox,.page3 .bt1,.page3 .bt2,.page4 .find,.page4 .find02,.page6 .wlbt,.page6 .wlbt2,.page7 .download,.page7 .bigger,.download_box h2,.download_box p,.download_box ul li h3{text-align:center;}

ul#pageContain{overflow:hidden; padding:0; margin:0;}
.page {display:none; width:100%; height:100%; overflow:hidden; top:0; left:0; min-width:980px;}
.contain {width:100%; height:100%; display:none; z-index:0;}
.current .contain,.slide .contain {display:block;}
.current {display:block; z-index:1;}
.slide {display:block; z-index:2;}
.swipe {display:block; z-index:3; transition-duration:0ms !important; -webkit-transition-duration:0ms !important; -moz-transition-duration:0ms !important; -ms-transition-duration:0ms !important; -o-transition-duration:0ms !important;}

/*.page1{background:url(../images/new/top1.jpg); background-size:cover; margin:0 auto;}*/
.page1{background: #4889ef;}
.page2,.page4,.page6{background:#fff;}
.page3,.page5{background:#f2faff;}
.page7{background:#4cb5f9;}
/*右侧导航*/
#navBar{z-index:3; top:32.5%; right:2%; margin:auto; padding-left:0; width:43px; display:none;}
#navBar .active{line-height:16px; background:url(../images/new/bluebg.png) no-repeat;}
#navBar li{margin:0 auto 10px; transition:all 500ms ease; border-radius:50%; width:43px; height:43px; background:url(../images/new/gerybg.png) no-repeat;}
#navBar li img{padding-top:10px;}
#navBar li.nv1{display:none;}
#navBar li span{display:block; top:12.5px; font-size:12px; left:-130%;}
#navBar li:hover{background:url(../images/new/bluebg.png) no-repeat;}
.txt {margin-top:20%; font-size:50px; color:#fff;}
/*第1屏*/
.page1 h1{width:100%; color:#fff; margin:0% auto 5px; _margin:0% auto 0; font-size:40px; line-height:58px; height:58px;}
.page1 h1 em{background: url(../images/yl_03.png) no-repeat center; width: 58px; height: 58px; display: inline-block;vertical-align: bottom; margin-right: 34px;}
.page1 h1 img,.page1 h2 img{width:100%;}
.page1 h2{width:100%; color:#fff; margin:0 auto; *margin:10px auto 0; font-size:60px;  font-weight:bold;}
.page1 a.down{width:200px; color:#fff; border-radius:30px; font-size:18px; border:#fff 1px solid; margin:2% auto 4%; display:block; padding:6px 0 9px; vertical-align:middle;}
.page1 .down .dimg{padding-right:8px; vertical-align:middle; display:inline-block;}
.page1 a.down span{vertical-align:middle; display:inline-block; line-height:22px; height:22px;}
.page1 a.down:hover{background-color:rgba(255,255,255,0.2);}
.phonebox .phone1 img,.phonebox .p_left img,.phonebox .p_right img{display:block; _display:none;position: absolute; top: 0; bottom: 0; margin: auto; left: 0;}
.phonebox{width:100%; height:100%;}
.phonebox .phone1{margin:0 auto; bottom:-40px; left:0; right:0; *left:41.3%; width:16.5%; _left:42.6%; _width:201px; _height:297px; _background:url(../images/new/phone1_3.png) no-repeat;}
.phonebox .p_left,.phonebox .p_right{bottom:0;}
/*
.phonebox .p_left{width:16%;left:25.5%; _left:31.9%; _width:146px; _height:231px; _background:url(../images/new/p_left3.png) no-repeat;}
.phonebox .p_right{width:16%;right:25.5%; _right:21.4%; _width:287px; _height:278px; _background:url(../images/new/p_right3.png) no-repeat;}
*/
.p_left{width:100%;left:0; _left:0; _width:816px; _height:900px; _background:url(../images/yl_02.png) no-repeat; top:0;}
.phonebox,.page1w{float: left; }
.phonebox{width: 50%; left: 0%;}
.page1w{width:50%; float: right; right: 6%; position: relative; top: 10%; margin: auto;}
.page1 .zoomIn{-webkit-animation-delay:0s; animation-delay:0s;}
.page1 .zoomIn3{-webkit-animation-delay:0.2s; animation-delay:0.2s;}
.dload{font-size: 30px; border: none; border-top: 2px solid #fff;border-bottom: 2px solid #fff; color:#fff; width: 450px;text-align:justify; text-justify:distribute-all-lines; text-align-last:justify;     margin: 0 auto;}
.dload em{color: #fefb00; font-style: normal; }
.center{display: block; margin: 5% auto 0;}
.sm{font-size: 24px; color:#fff; text-align: center; margin-top: 10px;}
/*第2屏*/
.appyh{height:70.4%; width:22.625%; top:5.6%; right:23.125%;}
.second{top:27%; left:20%;_z-index:999;}
.second h2,.five h2{font-size:52px; color:#3c3c3c;}
.second ul.youhui,.five ul.jifen{list-style:disc; color:#bebebe; font-size:18px; margin:0 0 0 -20px; _margin:0;}
.second ul.youhui li span,.five ul.jifen li span{color:#666; line-height:32px;}
/*第3屏*/
.lgd{width:12.7%; height:28.3%; bottom:7.24%; right:21%; _bottom:0%; _width:144px; _height:155px; _background:url(../images/new/lgd2.png) no-repeat;}
.lgd img,.hongbao img,.page3 .mid_dr img,.page3 .nurseL img,.page3 .nurseR img,.page3 .element1 img,.page4 .star img,.page4 .rocket img,.page4 .phone3 img,.page6 .kdy img,.page7 .btmbg img,.page7 .car2 img,.page7 .ball img,.page7 .star2 img,.page7 .phone5 img{_display:none;}
.lgd img,.hongbao img,.phonebox img,.page3 img,.page4 img,.page5 img,.page6 img,.page7 img,.page7 .phone5 img{width:100%; _width:;}
.hongbao{width:14%; height:18.8%;bottom:14.7%; right:22.2%; _bottom:9.4%; _width:134px; _height:87px; _background:url(../images/new/hb2.png) no-repeat;}
.page3 .mid_dr{width:15.05%; bottom:0;*left:42.45%; _left:45.7%; _width:145px; _height:236px; _background:url(../images/new/dr2.png) no-repeat;}
.page3 .nurseL{width:12.9%; bottom:0;left:30.625%; _left:37%; _width:124px; _height:211px; _background:url(../images/new/nurseL2.png) no-repeat;}
.page3 .nurseR{width:13.02%; bottom:0;right:31.51%; _right:35%; _width:125px; _height:211px; _background:url(../images/new/nurseR2.png) no-repeat;}
.page3 .element1{width:49.5%; height:41.9%; top:34.23%; *left:25.104%; _top:43.23%; _left:34.63%; _width:475px; _height:194px; _background:url(../images/new/bg_ele2.png) no-repeat;}
.page3 .bt1{width:100%; height:52px; line-height:52px; top:13.17%;}
.page3 .bt2{width:100%; line-height:24px; height:24px; top:22.46%;}
/*第4屏*/
.page4 .cloud{width:43.75%; height:17.92%;top:39.95%; bottom:0; *left:28.125%;}
.page4 .find{width:100%; height:50px; line-height:50px; top:13.39%;}
.page4 .find02{width:100%; height:24px; line-height:24px; top:22.46%;}
.page4 .phone3{width:30.78125%; top:32%; bottom:0; right:26.51%;*top:30.67%; _top:44%; _right:34.19%; _width:295px; _height:320px; _background:url(../images/new/phone3_2.png) no-repeat;}
.page4 .star{width:7.1875%; height:16.954%; top:27.214%; right:52.65625%; _top:38%; _right:52.65625%; _width:69px; _height:79px; _background:url(../images/new/star_2.png) no-repeat;}
.page4 .rocket{width:13.958%; height:27.861%; bottom:8.75%; left:28.90625%; _left:33.879%; _width:134px; _height:129px; _background:url(../images/new/rocket2.png) no-repeat;}
.page4 .zoomIn2{-webkit-animation-delay:0.7s; animation-delay:0.7s;}
/*第5屏*/
.page5 .phone4{width:19.583%; height:68.574%; top:16.41%; left:25.677%;}
.page5 .man{width:25.83%; height:52.7%; bottom:6.8%; left:30.625%; _left:43.925%; -webkit-animation-delay:.8s; animation-delay:.8s; _width:248px; _height:244px; _background:url(../images/new/man2.png) no-repeat;}
.page5 .man img,.page5 .quan img{_display:none;}
.page5 .quan{width:11.354%; height:25.416%; bottom:4.968%; left:63.28125%; _left:68.88125%; _width:109px; _height:92px; _background:url(../images/new/quan2.png) no-repeat;}
.page5 .five{top:35%; left:50.73%;}
/*第6屏*/
.page6 .wlbt{width:100%; height:50px; line-height:50px; top:14.36%;}
.page6 .wlbt2{width:100%; height:24px; line-height:24px; top:23.76%;}
.page6 .car{width:35.73%; height:45.356%; bottom:11.45%; left:29.27%;}
.page6 .kdy{width:9.21875%; height:30.2376%; bottom:8.963%; left:59.167%; -webkit-animation-delay:.3s; animation-delay:.3s; _width:89px; _height:140px; _background:url(../images/new/kdy2.png) no-repeat;}
/*第7屏*/
.page7 .clould2{width:42.8125%; height:28.5097%; top:9.07%; *left:28.54%;}
.page7 .download{width:100%; height:50px; line-height:50px; top:15.658%;}
.page7 .bigger{width:100%; height:24px; line-height:24px; top:24.83%;}
.page7 .qucode{width:14.375%; height:29.805%; top:36.717%; *left:42.7%;}
.page7 .btmbg{width:52.083%; bottom:0; *left:23.96%; _left:32%; _width:500px; _height:100px; _background:url(../images/new/btmbg2.png) no-repeat;}
.page7 img,.page3 .nurseL img,.page3 .nurseR img,{display:block;}
.page3 .mid_dr img,.page4 .phone3 img{display:block;_display:none;}
.page7 .car2{width:8.073%; left:46.67%; bottom:0; _width:78px; _height:39px; _background:url(../images/new/benz2.png) no-repeat;}
.page7 .ball{width:3.28125%; left:68.4375%; bottom:3.563%; _left:63.5%; _width:32px; _height:129px; _background:url(../images/new/ball2.png) no-repeat;}
.page7 .star2{width:2.03125%; left:36.0417%; bottom:21.06%; _left:40.0417%; _bottom:18%; _width:20px; _height:27px; _background:url(../images/new/star2_2.png) no-repeat;}
.page7 .phone5{width:7.9167%; left:27.396%; bottom:0; _left:34%; _width:76px; _height:138px; _background:url(../images/new/phone5_2.png) no-repeat;}

/*弹出下载框-star*/
.download_box{width:822px; height:364px; padding:60px 0; background-color:#fff; left:0; right:0; top:0; bottom:0; margin:auto; display:none; *left:20%;  z-index:9999999999;}
.download_box h2{color:#333; font-size:38px; height:38px; line-height:38px; width:100%;}
.download_box p{color:#666; font-size:16px; height:16px; line-height:16px; width:100%; margin:8px auto 0;}
.download_box ul{width:729px; margin:95px auto 0;}
.download_box ul li{width:143px; float:left; margin:0 45px; _margin:0 40px;}
.download_box ul li img:hover{transition:ease-in-out;-webkit-transition:ease-in-out;-moz-transition:ease-in-out;-ms-transition:ease-in-out;-o-transition:ease-in-out; transition-duration:0.4s;-webkit-transition-duration:0.4s;-moz-transition-duration:0.4s;-ms-transition-duration:0.4s;-o-transition-duration:0.4s;}
.download_box ul li img:hover{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-ms-transform:scale(1.1,1.1);}
.download_box ul li h3{color:#333; font-size:18px; line-height:22px; height:22px; padding-top:12px;}
.download_box a.close{width:61px; top:0; right:-61px; display:block;}
.download_box a.close:hover{opacity:0.5;}
/*遮罩层*/
.cover{background-color:rgba(0,0,0,0.40); width:100%; height:100%; display:none; z-index:9999;}
/*弹出下载框-end*/
.phonebox div.bounceIn,.page6 div.car{animation-delay:0.8s; -webkit-animation-delay:0.8s;}
/*.phonebox div.p_right,.phonebox div.p_left{animation-delay:1.4s; -webkit-animation-delay:1.4s;}*/
.page2 div.second{animation-delay:0.2s; -webkit-animation-delay:0.2s;}
.page2 div.lgd,.page4 div.phone3,.page7 div.phone5{animation-delay:0.7s; -webkit-animation-delay:0.7s;}
.page2 div.hongbao,.page4 div.star{animation-delay:1.8s; -webkit-animation-delay:1.8s;}
.page3 div.element1{animation-delay:1.6s; -webkit-animation-delay:1.6s;}
.page4 div.rocket{animation-delay:2.2s; -webkit-animation-delay:2.2s;}
.page5 div.five{animation-delay:0.4s; -webkit-animation-delay:0.3s;}
.page5 div.man{animation-delay:1.4s; -webkit-animation-delay:1.4s;}
.page5 div.quan,.page6 div.kdy,.page7 div.star2{animation-delay:1.7s; -webkit-animation-delay:1.7s;}
.page7 div.ball{animation-delay:1.1s; -webkit-animation-delay:1.1s;}
.page7 div.car2{animation-delay:1s; -webkit-animation-delay:1s; animation-duration:2s; -webkit-animation-duration:2s; animation-timing-function:ease-in-out; -webkit-animation-timing-function:ease-in-out;}