/**
* 第一屏相关样式
*/
  .screen1.one {
    padding-top:0;
    padding-bottom:0;
    background-image: url("img/index-screen1-bg.png");
    background-position: center;
    height:528px;
  }

  .screen1.two{
    padding-top:0;
    padding-bottom:0;
    background-image: url("img/index-bg.jpg");
    background-position: center;
    height:528px;
  }


  @media (max-width: 767px){
    .screen1 .container {
        padding: 0 !important;
    }
  }
  /**
  * 左半屏相关
  */
    @media (min-width:1200px){
      .index-phone1{
        padding:38px 0 0;
        margin-right: 80px;
      }
    }
    @media (max-width:1199px){
      .index-phone1{
        padding:38px 0 0;
        margin-right: 80px;
      }
    }
    @media(max-width:991px){
      .index-phone1{
        padding: 13px 0 0;
        max-width: 500px;
      }
      
    }

    @media (min-width:1200px){
      .index-computer{
        padding:190px 0 0;
        margin-right: 80px;
      }
    }
    @media (max-width:1199px){
      .index-computer{
        padding:190px 0 0;
      }
    }
    @media(max-width:991px){
      .index-computer{
        padding: 95px 0 0;
        max-width: 100%;
      }
      
    }
  /**
  * 右半屏相关样式
  */
    .slogan {
      margin-top:64px;
      color:white;
    }
    @media(max-width:991px){
      .slogan {
        margin-top:34px;
      }
    }
    @media(max-width:767px){
      .slogan {
        margin-top:60px;
      }
    }
    .screen1 .btn{
      border-color:#333;
      text-shadow:none;
      background-color: Transparent !important;
      background-image:none !important;
      background-repeat:no-repeat !important;
    }
    .screen1 .btn:hover{
      border-color:white;
      color:white;
    }
    .screen1 .btn .icon{
      float:left;
    }
    .screen1 .btn-title{
      line-height: 1.7;
    }

    .two.btn{
      border-color:#333;
      margin-top:40px;
    }
    @media(min-width:1200px){
      .screen1 .btn{
        margin:10px 25px 80px 50px;
        width:30%;
      }
      .screen1 .btn .icon{
        font-size:28px;
      }
      .screen1 .qrcode {
        width:242px;
        margin-left: 30px;
        margin-top: 20px;
      }
    }
    @media(max-width:1199px){
      .screen1 .btn{
        margin:2em 1em;
        width:35%;
      }
      .screen1 .btn .icon{
        font-size:24px;
      }
      .screen1 .qrcode { 
        width:242px;
        margin-left: 30px;
        margin-top: 20px;
      }
    }
    @media(max-width:991px){
      .screen1 .btn{
        margin: 20px;
        margin-left: 40px;
        width: 160px;
      }
      .screen1 .btn .icon{
        font-size:24px;
      }
      .screen1 .btn .icon-android {
          padding-right: 10px;
      }
      .screen1 .btn .btn-title{
        font-size:15px;
        line-height: 1.9;
      }
      .screen1 .qrcode { 
        width:180px;
        margin-left: 30px;
        margin-top: 70px;
      }
    }
    @media(max-width:767px){
      .screen1 .qrcode {
          margin-left: 15px;
          margin-top: 50px;
          width:242px;
      }
      .screen1 .btn{
        margin: 40px 10px;
        width: 150px;
      }
      .screen1 .btn .btn-title{
        font-size:15px;
        line-height: 1.9;
      }
    }
    @media (max-width: 400px){
      .screen1 .btn {
          width: 120px;
          max-width: 40%;
      }
    }
  
  

/**
* 第2屏相关样式
*/
  .screen2 .img-wrapper{
    margin-top:200px;
  }
/**
* 第3屏相关样式
*/
  .screen3 .img-wrapper {
    width:1078px;
    height:731px;
    overflow:hidden;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    vertical-align:bottom;
    max-width:100%;
  }
  .screen3 .img-wrapper img{
    position:absolute;
    max-width:100%;
    left:0;
    bottom:0;
  }
  @media(max-width:991px){
    .screen3 .img-wrapper{
      height:650px;
    }
    .screen3 .img-wrapper img{
      max-width:140%;
      left:-20%;
    }
  }
  @media(max-width:768px){
    .screen3 .img-wrapper {
      height:95vw;
    }
  }
  @media(max-width:400px){
    .screen3 .img-wrapper {
      height:115vw;
    }
  }
  /**
  * 动效
  */
    /**
    * 背景淡出
    */
      .screen3 .bg{
        opacity:1;
        -webkit-transition: all 3s ease 1s;
                transition: all 3s ease 1s;
      }
       .screen3.before-show .bg{
         opacity:0;
      }
    /**
    * 建筑弹出
    */
      .buildings{
        width:100%;
        -webkit-transition: all 1s ease 0s;
                transition: all 1s ease 0s;
      }
      .before-show .buildings{
        width:0 !important;
        left:50% !important;
        bottom:30% !important;
      }
      @media(max-width:991px){
        .buildings{
          width:140%;
        }
      }
    /**
    * 火箭旋转
    */
      .rocket{
        transform-origin:50% 60%;
        -ms-transform: rotateZ(0deg); /* IE 9 */
        -webkit-transform: rotateZ(0deg); /* Chrome, Safari, Opera */
        transform: rotateZ(0deg);
        -webkit-transition: all 2s ease 0s;
                transition: all 2s ease 0s;
      }
      .before-show .rocket{
        -ms-transform: rotateZ(-90deg); /* IE 9 */
        -webkit-transform: rotateZ(-90deg); /* Chrome, Safari, Opera */
        transform: rotateZ(-90deg);
      }
      
/**
* 第4屏相关样式
*/ 
  .screen4 .img-wrapper {
    width:1078px;
    height:731px;
    overflow:hidden;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    vertical-align:bottom;
    max-width:100%;
  }
  .screen4 .img-wrapper img{
    position:absolute;
    max-width:100%;
    left:0;
    bottom:0;
  }
  @media(max-width:1199px){
    .screen4 .img-wrapper img{
      max-width:120%;
      left:-10%;
      bottom:0%;
    }
  }
  @media(max-width:991px){
    .screen4 .img-wrapper{
      height:650px;
    }
    .screen4 .img-wrapper img{
      max-width:140%;
      left:-19%;
    }
  }
  @media(max-width:768px){
    .screen4 .img-wrapper {
      height:95vw;
    }
  }
  @media(max-width:400px){
    .screen4 .img-wrapper {
      height:115vw;
    }
  }
  /**
  * 动效
  */
    /**
    * 背景淡出
    */
      .screen4 .bg{
        opacity:1;
        -webkit-transition: all 3s ease 1s;
                transition: all 3s ease 1s;
      }
       .screen4.before-show .bg{
         opacity:0;
      }
      
  
    /**
    * 闪现动效
    */
      .before-show .a-popout{
        opacity:0;
      }
      .a-popout{
        opacity:1;
      }
      .ball1.a-popout {
        -webkit-transition: all 0.15s ease 0s;
                transition: all 0.15s ease 0s;
      }
      .ball2.a-popout {
        -webkit-transition: all 0.15s ease 0.15s;
                transition: all 0.15s ease 0.15s;
      }
      .ball3.a-popout{
        -webkit-transition: all 0.15s ease 0.3s;
                transition: all 0.15s ease 0.3s;
      }
      .ball4.a-popout {
        -webkit-transition: all 0.15s ease 0.45s;
                transition: all 0.15s ease 0.45s;
      }
      .ball5.a-popout {
        -webkit-transition: all 0.15s ease 0.6s;
                transition: all 0.15s ease 0.6s;
      }
/**
* 第5屏相关样式
*/
  .screen5 .img-wrapper {
    width:1078px;
    height:731px;
    overflow:hidden;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    vertical-align:bottom;
    max-width:100%;
  }
  .screen5 .img-wrapper img{
    position:absolute;
    max-width:100%;
    left:0;
    bottom:0;
  }
  @media(max-width:1199px){
    .screen5 .img-wrapper img{
      max-width:110%;
      left:-5%;
      bottom:0%;
    }
    .screen5 .img-wrapper img.profit{
      bottom:-1%;
    }
  }
  @media(max-width:991px){
    .screen5 .img-wrapper{
      height:650px;
    }
    .screen5 .img-wrapper img{
      max-width:120%;
      left:-8%;
    }
  }
  @media(max-width:768px){
    .screen5 .img-wrapper {
      height:85vw;
    }
  }
  @media(max-width:580px){
    .screen5 .img-wrapper {
      height:95vw;
    }
  }
  @media(max-width:400px){
    .screen5 .img-wrapper {
      height:105vw;
    }
  }
  /**
  * 动效
  */
    /**
    * 闪电闪烁
    */
      @keyframes lightning {
          0%   {opacity:1;}
          75%  {opacity:0;}
          85% {opacity:1;}
          95% {opacity:0;}
          100% {opacity:1;}
      }
      @-webkit-keyframes lightning {
          0%   {opacity:1;}
          75%  {opacity:0;}
          85% {opacity:1;}
          95% {opacity:0;}
          100% {opacity:1;}
      }
      .a-lightning {
          -webkit-animation: lightning 2s ease 0s  ; /* Chrome, Safari, Opera */
          animation: lightning 2s ease 0s  ;
          -webkit-animation-play-state: paused; /* Chrome, Safari, Opera */
          animation-play-state: paused;
      }
    /**
    * 刷新旋转
    */
      .refresh{
        transform-origin:64.8% 71.9%;
        -ms-transform: rotateZ(0deg); /* IE 9 */
        -webkit-transform: rotateZ(0deg); /* Chrome, Safari, Opera */
        transform: rotateZ(0deg);
        -webkit-transition: all 2s ease 0s;
                transition: all 2s ease 0s;
      }
      .before-show .refresh{
        -ms-transform: rotateZ(-720deg); /* IE 9 */
        -webkit-transform: rotateZ(-720deg); /* Chrome, Safari, Opera */
        transform: rotateZ(-720deg);
      }
    /**
    * 云动效
    */
      .cloud{
        transform-origin:58% 55%;
        -ms-transform: scale(1,1); /* IE 9 */
        -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
        transform: scale(1,1);
        -webkit-transition: all 2s ease 0s;
                transition: all 2s ease 0s;
        
      }
      .before-show .cloud{
        -ms-transform: scale(2,2); /* IE 9 */
        -webkit-transform: scale(2,2); /* Chrome, Safari, Opera */
        transform: scale(2,2);
      }
    /**
    * chart移动
    */
      .chart{
        -ms-transform:  translateY(0%); /* IE 9 */
        -webkit-transform:  translateY(0%); /* Chrome, Safari, Opera */
        transform: translateY(0%);
        -webkit-transition: all 2s ease 0s;
                transition: all 2s ease 0s;
      }
      .before-show .chart{
        -ms-transform:  translateY(-5%); /* IE 9 */
        -webkit-transform:  translateY(-5%); /* Chrome, Safari, Opera */
        transform: translateY(-5%);
      }
    /**
    * gross移动
    */
      .gross{
        -ms-transform:  translateX(0%); /* IE 9 */
        -webkit-transform:  translateX(0%); /* Chrome, Safari, Opera */
        transform: translateX(0%);
        -webkit-transition: all 2s ease 0s;
                transition: all 2s ease 0s;
      }
      .before-show .gross{
        -ms-transform:  translateX(5%); /* IE 9 */
        -webkit-transform:  translateX(5%); /* Chrome, Safari, Opera */
        transform: translateX(5%);
      }
    /**
    * profit移动
    */
      .profit{
        -ms-transform:  translateY(0%); /* IE 9 */
        -webkit-transform:  translateY(0%); /* Chrome, Safari, Opera */
        transform: translateY(0%);
        -webkit-transition: all 2s ease 0s;
                transition: all 2s ease 0s;
      }
      .before-show .profit{
        -ms-transform:  translateY(5%); /* IE 9 */
        -webkit-transform:  translateY(5%); /* Chrome, Safari, Opera */
        transform: translateY(5%);
      }
  
  .before-show{
      -webkit-animation-play-state: paused; /* Chrome, Safari, Opera */
      animation-play-state: paused;
  }
  .animated{
      -webkit-animation-play-state: running; /* Chrome, Safari, Opera */
      animation-play-state: running;
  }

/**
* 第6屏相关样式
*/
  .screen6 .img-wrapper {
    width:1078px;
    height:731px;
    overflow:hidden;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    vertical-align:bottom;
    max-width:100%;
  }
  .screen6 .img-wrapper img{
    position:absolute;
    max-width:100%;
    left:0;
    bottom:0;
  }
  @media(max-width:1199px){
    .screen6 .img-wrapper img{
      max-width:110%;
      left:-5%;
      bottom:0%;
    }
  }
  @media(max-width:991px){
    .screen6 .img-wrapper{
      height:650px;
    }
    .screen6 .img-wrapper img{
      max-width:120%;
      left:-8%;
    }
  }
  @media(max-width:768px){
    .screen6 .img-wrapper {
      height:85vw;
    }
  }
  @media(max-width:580px){
    .screen6 .img-wrapper {
      height:95vw;
    }
  }
  @media(max-width:400px){
    .screen6 .img-wrapper {
      height:105vw;
    }
  }
  /**
  * 动效
  */
    /**
    * 背景淡出
    */
      .screen6 .bg{
        opacity:1;
        -webkit-transition: all 1s ease 3.5s;
                transition: all 1s ease 3.5s;
      }
       .screen6.before-show .bg{
         opacity:0;
      }
    /**
    * bar下降
    */
      .bar{
        opacity:1;
        transform-origin:50% 70%;
        -ms-transform: scale(1,1); /* IE 9 */
        -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
        transform: scale(1,1);
        -webkit-transition: all 1s ease 0s;
                transition: all 1s ease 0s;
      }
      .before-show .bar{
        opacity:0;
        -ms-transform: scale(1,1.3); /* IE 9 */
        -webkit-transform: scale(1,1.3); /* Chrome, Safari, Opera */
        transform: scale(1,1.3);
      }
      .bar4{
        -webkit-transition: all 1s ease 0.5s;
                transition: all 1s ease 0.5s;
      }
      .bar3{
        -webkit-transition: all 1s ease 1.5s;
                transition: all 1s ease 1.5s;
      }
      .bar2{
        -webkit-transition: all 1s ease 2s;
                transition: all 1s ease 2s;
      }
      .bar1{
        -webkit-transition: all 1s ease 2.5s;
                transition: all 1s ease 2.5s;
      }
    /**
    * 云动效
    */
      .cloud{
        transform-origin:58% 55%;
        -ms-transform: scale(1,1); /* IE 9 */
        -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
        transform: scale(1,1);
        -webkit-transition: all 2s ease 0s;
                transition: all 2s ease 0s;
        
      }
      .before-show .cloud{
        -ms-transform: scale(2,2); /* IE 9 */
        -webkit-transform: scale(2,2); /* Chrome, Safari, Opera */
        transform: scale(2,2);
      }
    /**
    * chart移动
    */
      .chart{
        -ms-transform:  translateY(0%); /* IE 9 */
        -webkit-transform:  translateY(0%); /* Chrome, Safari, Opera */
        transform: translateY(0%);
        -webkit-transition: all 2s ease 0s;
                transition: all 2s ease 0s;
      }
      .before-show .chart{
        -ms-transform:  translateY(-5%); /* IE 9 */
        -webkit-transform:  translateY(-5%); /* Chrome, Safari, Opera */
        transform: translateY(-5%);
      }
    /**
    * gross移动
    */
      .gross{
        -ms-transform:  translateX(0%); /* IE 9 */
        -webkit-transform:  translateX(0%); /* Chrome, Safari, Opera */
        transform: translateX(0%);
        -webkit-transition: all 2s ease 0s;
                transition: all 2s ease 0s;
      }
      .before-show .gross{
        -ms-transform:  translateX(5%); /* IE 9 */
        -webkit-transform:  translateX(5%); /* Chrome, Safari, Opera */
        transform: translateX(5%);
      }
    /**
    * profit移动
    */
      .profit{
        -ms-transform:  translateY(0%); /* IE 9 */
        -webkit-transform:  translateY(0%); /* Chrome, Safari, Opera */
        transform: translateY(0%);
        -webkit-transition: all 2s ease 0s;
                transition: all 2s ease 0s;
      }
      .before-show .profit{
        -ms-transform:  translateY(5%); /* IE 9 */
        -webkit-transform:  translateY(5%); /* Chrome, Safari, Opera */
        transform: translateY(5%);
      }
  
  .before-show{
      -webkit-animation-play-state: paused; /* Chrome, Safari, Opera */
      animation-play-state: paused;
  }
  .animated{
      -webkit-animation-play-state: running; /* Chrome, Safari, Opera */
      animation-play-state: running;
  }

  .two.btn{
    border-color:rgb(235, 226, 226);
    margin:0;
    margin-top:70px;
    color:rgb(235, 226, 226);
    font-family: '微软雅黑';
    letter-spacing: 5px;
  }

  #two{
    margin-top:110px;
  }

  p{
    text-align: left!important;
  }