body { 
  color: #333; font: 12px/1.2 "Hiragino Sans GB", "Microsoft Yahei", arial, Verdana, tahoma, sans-serif; -webkit-font-smoothing: antialiased;  min-width: 1240px; overflow-x: hidden;
}
body.model-open {
  overflow: hidden;
}
body.noscroll {
  position: fixed;
  overflow-y: scroll;
  width: 100%;
}
*{ margin: 0; padding: 0;}
a {text-decoration: none; color: #333;}
a:hover{text-decoration: none; color: #333;}
img{border:0px;}
.fl{float: left;}
.fr{float: right;}
.abr{position: absolute;}


.wrap {
  width: 1000px; margin: 0 auto; position: relative;
}


.header{
  height: 46px; line-height: 46px; position: fixed; width: 100%; top: 0; left: 0; z-index: 100; background: rgba(255, 255, 255, 0.7); text-align: right; font-size: 14px;
}
.header a{
  display: inline-block;
}
.a_logo{
  display: inline-block; margin:5px 0 0 10px;
}
.a_iphone,.a_anzhuo,.a_ipad,.a_anzhuopad{
  margin-left: 30px;
}
.a_iphone{
  padding-left: 31px; background: url(../images/icon_iphone1.png) no-repeat 0 center;
}
.a_anzhuo{
  padding-left: 30px; background: url(../images/icon_anzhuo1.png) no-repeat 0 center;
}
.a_ipad{
  padding-left: 26px; background: url(../images/icon_ipad1.png) no-repeat 0 center;
}
.a_anzhuopad{
  padding-left: 25px; background: url(../images/icon_anzhuopad1.png) no-repeat 0 center;
}
.header a:hover{
  color: #ff5659;
}
.a_iphone:hover{
  background: url(../images/icon_iphone1_ex.png) no-repeat 0 center;
}
.a_anzhuo:hover{
  background: url(../images/icon_anzhuo1_ex.png) no-repeat 0 center;
}
.a_ipad:hover{
  background: url(../images/icon_ipad1_ex.png) no-repeat 0 center;
}
.a_anzhuopad:hover{
  background: url(../images/icon_anzhuopad1_ex.png) no-repeat 0 center;
}
.head_em{
  display: inline-block; padding:0 12px; font-size: 18px;
}


.cont1{
  background: url(../images/cont1_bg.jpg) no-repeat center 0; position: fixed; top:0; left: 0; width:100%; z-index:0; overflow: hidden;
}
.cont1_img1{
  top:125px; left: 46px;
}
.cont1_nav1{
  top:450px; left:35px;
}
.cont1_nav1 a{
  display: inline-block; width:138px; height: 46px; line-height: 46px; border:1px #fff solid; color: #fff; border-radius: 5px; padding-left: 58px; opacity: 0.8; font-size: 18px; margin:0 26px 31px 0;
}
.cont1_nav1 a:hover{
  color: #fff; opacity: 1;
}
.cont1_a1{
  background:url(../images/icon_iphone2.png) no-repeat no-repeat 18px center;
}
.cont1_a2{
  background:url(../images/icon_anzhuo2.png) no-repeat no-repeat 20px center;
}
.cont1_a3{
  background:url(../images/icon_ipad2.png) no-repeat no-repeat 21px center;
}
.cont1_a4{
  background:url(../images/icon_anzhuopad2.png) no-repeat no-repeat 21px center;
}
.cont1_nav2{
  width:100%; overflow: hidden;
}
.video_main{
  top:0px; left: 50%; margin-left: -960px; z-index: 1;
}
.video_tip{
  width:100%; height: 100%; background: rgba(0,0,0,0.78); z-index: 2; 
}
.video_play{
  display: inline-block; cursor: pointer; left: 50%; top:50%; margin:-120px 0 0 -360px; cursor:pointer; z-index: 3;
}



/* 下载弹层 */
.down_cent{
  width: 747px; height: 455px; position:fixed; top:50%; margin-top: -227px; left: 50%; margin-left: -373px; z-index:5; background: #fff; display: none; box-shadow: 0px 0px 10px #aaa;
}
.down_tab{
  padding-top: 38px; height: 111px; text-align: center;
}
.down_tab span{
  display: inline-block; width: 85px; height: 82px; cursor: pointer; margin:0 36px;
}
.tab_sp1{
  background: url(../images/down_sp1.png) no-repeat;
}
.tab_sp1.sp_ex{
  background: url(../images/down_sp1_ex.png) no-repeat;
}
.tab_sp2{
  background: url(../images/down_sp2.png) no-repeat;
}
.tab_sp2.sp_ex{
  background: url(../images/down_sp2_ex.png) no-repeat;
}
.tab_sp3{
  background: url(../images/down_sp3.png) no-repeat;
}
.tab_sp3.sp_ex{
  background: url(../images/down_sp3_ex.png) no-repeat;
}
.tab_sp4{
  background: url(../images/down_sp4.png) no-repeat;
}
.tab_sp4.sp_ex{
  background: url(../images/down_sp4_ex.png) no-repeat;
}
.down_main{
  height: 265px; padding-top: 41px; background: #f6f5f2;
}
.down_cent1{
  background: #f6f5f2 url(../images/down_bg2.png) no-repeat;
}
.down_cent2{
  background: #f6f5f2 url(../images/down_bg1.png) no-repeat; display: none;
}
.down_cent3{
  background: #f6f5f2 url(../images/down_bg3.png) no-repeat; display: none;
}
.down_cent4{
  background: #f6f5f2 url(../images/down_bg4.png) no-repeat; display: none;
}
.down_left{
  padding-left: 72px; width: 168px; text-align: center; margin-right: 59px; font-size: 14px;
}
.down_sp1{
  display: inline-block; width: 166px; height: 164px; padding-top: 26px; color: #f00; background: #fff; border:1px #e8e8e8 solid; margin-bottom: 15px; font-size: 12px;
}
.down_sp1 img{
  margin-bottom: 12px;
}
.down_right{
  padding-top: 6px; width: 362px;
}
.down_txt{
  display:inline-block; width: 231px; height: 40px; border:1px #e8e8e8 solid; padding:0 10px; margin-right: 13px; vertical-align: middle;
}
.btn_sent{
  display: inline-block; width: 80px; height: 40px; line-height: 40px; border:0px; background: #ff5659; color: #fff; font-size: 16px; cursor: pointer; font-family: Microsoft Yahei; vertical-align: middle;
}
.down_p1{
  line-height: 26px; color: #fd7067;
}
.down_p2{
  line-height: 32px; font-size: 14px; color: #999;
}
.down_p2 span{
  display: inline-block; line-height: 20px; padding: 2px 0 0 30px;
}
.down_close{
  display: inline-block; cursor: pointer; top:-15px; right: -12px;
}
.img_scroll{
  display: inline-block; position: absolute; bottom:5px;  left:50%; margin-left: -35px;
}
.down_cent1 .down_left{
 
}
.down_cent3 .down_right{
  text-align: center; padding-top: 65px;
}





.cont2{
  height: 970px; background:#fff; position: relative; z-index:1;
}
.cont2_tit{
  padding-top: 50px; height: 171px; line-height: 58px; font-size:40px; font-weight: normal; text-align: center;
}
.cont2_tit span{
  line-height: 24px; font-size: 18px; color: #bdbdbd;
}
.cont2_nav1{
  width: 884px; height: 669px; background: url(../images/cont2_bg1.png) no-repeat; margin-left: 58px;
}
.cont2_sp{
  display: inline-block; line-height: 30px; position: absolute; font-size: 13px;
}
.cont2_sp.sp1{
  top:194px; left: 448px;
}
.cont2_sp.sp2{
  top:284px; left: 752px;
}
.cont2_sp.sp3{
  top:506px; left: 918px;
}
.cont2_sp.sp4{
  top:703px; left: 808px;
}
.cont2_sp.sp5{
  top:752px; left: 478px;
}
.cont2_sp.sp6{
  top:748px; left: 228px;
}
.cont2_sp.sp7{
  top:541px; left: 40px;
}
.cont2_sp.sp8{
  top:314px; left: 160px;
}
.cont2_sp_x{
  display: inline-block; height: 25px; top:537px;
}
.cont2_sp_x.sp9{
  left:237px;
}
.cont2_sp_x.sp10{
  right:242px;
}


.cont2.animate .animated{
  opacity: 0;
}
.cont2.active .cont2_nav1 {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}
.cont2.active .cont2_sp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;  
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}
.cont2.active .sp1{
  -webkit-animation-delay: 400ms;
  animation-delay: 400ms;
}
.cont2.active .sp2{
  -webkit-animation-delay: 600ms;
  animation-delay: 600ms;
}
.cont2.active .sp3{
  -webkit-animation-delay: 800ms;
  animation-delay: 800ms;
}
.cont2.active .sp4{
  -webkit-animation-delay: 1000ms;
  animation-delay: 1000ms;
}
.cont2.active .sp5{
  -webkit-animation-delay: 1200ms;
  animation-delay: 1200ms;
}
.cont2.active .sp6{
  -webkit-animation-delay: 1400ms;
  animation-delay: 1400ms;
}
.cont2.active .sp7{
  -webkit-animation-delay: 1600ms;
  animation-delay: 1600ms;
}
.cont2.active .sp8{
  -webkit-animation-delay: 1800ms;
  animation-delay: 1800ms;
}
.cont2.active .sp9{
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-delay: 2300ms;
  animation-delay: 2300ms;
}
.cont2.active .sp10{
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-delay: 2800ms;
  animation-delay: 2800ms;
}

.cont3{
  height: 900px; background: url(../images/cont3_bg1.jpg) no-repeat center 0; position: relative; z-index: 1;
}
.cont3 .wrap{
  height: 899px;
}
.cont3_nav1{
  width: 411px; height: 743px; background: url(../images/cont3_phone1.png) no-repeat; bottom: 0px; left: 67px;
}
.cont3_sp{
  display: inline-block; left:43px;
}
.cont3_sp.sp1{
  top:291px;
}
.cont3_sp.sp2{
  top:401px;
}
.cont3_sp.sp3{
  top:527px;
}
.cont3_sp.sp4{
  top:637px;
}
.cont_txt{
  color: #293042; position: absolute;
}
.cont_txt h5{
  line-height: 59px; font-size: 50px; font-weight: normal; height: 133px;
}
.cont_txt h5 b{
  margin-right: 20px;
}
.cont_txt h5 span{
  line-height: 34px; font-size: 18px; color: #bdbdbd;
}
.cont_txt p{
  line-height: 35px; font-size: 20px;
}
.cont3 .cont_txt{
  top:282px; left: 559px;
}

.cont3.animate .animated{
  opacity: 0;
}
.cont3.active .cont3_nav1{
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-animation-duration: 600ms;
  animation-duration: 600ms;
}
.cont3.active .cont3_sp{
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.cont3.active .sp1{
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-delay: 1000ms;
  animation-delay: 1000ms;
}
.cont3.active .sp2{
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-delay: 1400ms;
  animation-delay: 1400ms;
}
.cont3.active .sp3{
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-delay: 1800ms;
  animation-delay: 1800ms;
}
.cont3.active .sp4{
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-delay: 2200ms;
  animation-delay: 2200ms;
}

.cont4{
  background: #fff;
}
.cont4 .wrap{
  height: 862px;
}
.cont4 .cont_txt{
  top:197px; left: 43px;
}
.cont4_sp{
  display: inline-block; position: absolute; top:222px; right: 55px;z-index: 3;
}
.cont4_sp.sp0{
  right:25px; top: 106px; z-index: 2;
}
.cont4_sp.sp4{
  left:339px; top: 617px; z-index: 1;
}
.cont4.animate .animated{
  opacity: 0;
}
.cont4.animate .animated.cont4_cent{
  z-index: 3;
}
.cont4.active .cont4_sp{
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 400ms;
  animation-duration: 400ms;
}
.cont4.active .sp0{
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 400ms;
  animation-duration: 400ms;
}
.cont4.active .sp1{
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-delay: 800ms;
  animation-delay: 800ms;

}
.cont4.active .sp2{
  -webkit-animation-delay: 1600ms;
  animation-delay: 1600ms;

}
.cont4.active .sp3{
  -webkit-animation-delay: 2400ms;
  animation-delay: 2400ms;

}
.cont4.active .sp4{
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 400ms;
  animation-duration: 400ms;
  -webkit-animation-delay: 3200ms;
  animation-delay: 3200ms;
}

.cont4_tab{
  display: inline-block; width:132px; height: 113px; cursor: pointer; background: rgba(255,255,0,0); position: absolute; top:383px; z-index:5;
}
.cont4_tab1{
  right: 320px;
}
.cont4_tab2{
  right:188px; 
}
.cont4_tab3{
  right:56px; 
}





/*
@-webkit-keyframes rotateInDownLeft_x{
  from{
    -webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(10,10,1,-15deg);transform:rotate3d(10,10,1,-15deg);opacity:0
    }
    100%{
      -webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1
    }
}
@keyframes rotateInDownLeft_x{
  from{
    -webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(10,10,1,-15deg);transform:rotate3d(10,10,1,-15deg);opacity:0
    }
    100%{
      -webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1
    }
}*/



/*
.cont4_sp{
  display: inline-block; position: absolute; color: #3f3e3e;
}
.cont4_sp b{
  font-size: 15px; font-weight: normal;
}
.cont4_sp.sp1,.cont4_sp.sp2{
  top:300px; font-size: 42px; line-height: 42px; color: #fff;
}
.cont4_sp.sp1{
  right: 318px;
}
.cont4_sp.sp2{
  right: 128px;
}
.cont4_sp.sp3,.cont4_sp.sp4{
  font-size: 24px; line-height: 28px; top:567px; 
}
.cont4_sp.sp3{
  right: 322px;
}
.cont4_sp.sp4{
  right: 122px;
}
.cont4_sp .number{
  width: 30px; height: 42px; line-height: 42px; overflow: hidden; display: inline-block; position: relative;
}
.numbers_view{
  position: absolute;
}
.numbers_view span{
  display: block;
}
.cont4.animate .animated{
  opacity: 0;
}
.cont4_sp span{
  position: absolute; right:16px;
}
.cont4_sp.sp3 span,.cont4_sp.sp4 span{
  right:0px;
}
.cont4.active .sp1_1,.cont4.active .sp1_2{
  -webkit-animation-name: show_num;
  animation-name: show_num;
}
.cont4.active .sp1_1{
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms;
}
.cont4.active .sp1_2{
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-delay: 1000ms;
  animation-delay: 1000ms;
}
.cont4.active .sp1_3{
  -webkit-animation-name: show_num_a;
  animation-name: show_num_a;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-delay: 1500ms;
  animation-delay: 1500ms;
}

@-webkit-keyframes show_num {
  from {
    display: 0;
  }
  50%{
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes show_num {
  from {
    opacity: 0;
  }
  50%{
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes show_num_a {
  from {
    display: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes show_num_a {
  from {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
*/



.cont5{
  height: 861px; background: url(../images/cont5_bg.jpg) no-repeat center 0; position: relative; z-index: 3;
}
.cont5 .cont_txt{
  top:73px; left: 50px;
}
.cont5_sp{
  position: absolute; display: inline-block;
}
.cont5_sp.sp1{
  top:445px; left: -16px;
}
.cont5_sp.sp2{
  top:367px; left: 368px;
}
.cont5_sp.sp3{
  top:255px; right: 61px; width: 518px; height: 606px; background: url(../images/cont5_img3.png) no-repeat;
}
.cont5_sp.sp4{
  top:332px; left:150px;
}
.cont5_sp.sp5{
  top:207px; left:151px;
}
.cont5_sp.sp6{
  top:83px; left:101px;
}

.cont5.animate .animated{
  opacity: 0;
}
.cont5.active .sp1{
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-duration: 400ms;
  animation-duration: 400ms;
}
.cont5.active .sp2{
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-delay: 600ms;
  animation-delay: 600ms;
}
.cont5.active .sp3{
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 1200ms;
  animation-duration: 1200ms;
  -webkit-animation-delay: 1100ms;
  animation-delay: 1100ms;
}
.cont5.active .sp4{
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
  -webkit-animation-duration: 1500ms;
  animation-duration: 1500ms;
  -webkit-animation-delay: 2300ms;
  animation-delay: 2300ms;
}
.cont5.active .sp5{
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
  -webkit-animation-delay: 3000ms;
  animation-delay: 3000ms;
}
.cont5.active .sp6{
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 400ms;
  animation-duration: 400ms;
  -webkit-animation-delay: 4100ms;
  animation-delay: 4100ms;
}


.cont6{
  height: 862px; background: #fff;
}
.cont6 .wrap{
  height: 862px; background: url(../images/cont6_bg.png) no-repeat;
}
.cont6 .cont_txt{
  top:125px; left: 546px;
}
.cont6_sp{
  display: inline-block; bottom: 0px; left: -34px;
}
.cont6_sp.sp1{
  bottom: 0px; left: 166px; z-index: 2;
}
.cont6_sp.sp2{
  bottom: 56px; left: 11px;
}
.cont6_sp.sp3{
  bottom: 265px; left: -42px;
}


.cont7{
  height: 862px; background: url(../images/cont7_bg.jpg) no-repeat center 0;
}
.cont7 .cont_txt{
  top:140px; left: 546px;
}
.cont7_img1{
   top:492px; left: 220px;
}
.cont7_sp{
  display: inline-block; position: absolute;
}
.cont7_sp.sp1{
  top:264px; left: 110px; 
}
.cont7_sp.sp2{
  top:393px; left: 55px; 
}
.cont7_sp.sp3{
  top:523px; left: 110px; 
}

.cont7.animate .animated{
  opacity: 0;
}
.cont7.active .cont7_img1{
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-duration: 600ms;
  animation-duration: 600ms;
}
.cont7.active .sp1{
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 400ms;
  animation-duration: 400ms;
  -webkit-animation-delay: 600ms;
  animation-delay: 600ms;
}
.cont7.active .sp2{
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-duration: 400ms;
  animation-duration: 400ms;
  -webkit-animation-delay: 1000ms;
  animation-delay: 1000ms;
}
.cont7.active .sp3{
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 400ms;
  animation-duration: 400ms;
  -webkit-animation-delay: 1400ms;
  animation-delay: 1400ms;
}


.bottom{
  height: 150px; padding-top: 68px; background: #414864; text-align: center; color: #fff;
}
.bottom a{
  color: #fff;
}