*{margin: 0;padding: 0;}
html, body {height: 100%;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;-webkit-touch-callout: none;-webkit-user-select: none;-webkit-overflow-scrolling: touch;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-backface-visibility:hidden;-webkit-perspective:1000;overflow: hidden;background: #fff url(../img/screen1_bg.png) bottom no-repeat;background-size:100% auto; }
.clearfix {zoom:1;}
.clearfix:after {content:"";display:block;height:0;font-size:0;clear:both;overflow:hidden;visibility:hidden;}
.screen{width: 100%;height: 100%;overflow: hidden;-webkit-backface-visibility: hidden;-webkit-perspective: 1000; background: #fff url(../img/screen1_bg.png) bottom no-repeat;background-size:100% auto;overflow: hidden;}

.screen1 .screen1_top{position:relative;width: 100%;height: 52%;}
.screen1_center{position: absolute;top: 54%;width:100%;height: 2%;background:url(../img/tip.png) center no-repeat;background-size: auto 100%; }
.screen1 .screen1_bottom{position:absolute;width: 100%;height:43.5%;bottom:0;left:0;background:#fff;}
.screen1 .screen1_bottom .screen1_left{position: absolute;height: 100%;top:0;left: 0;}
.screen1 .screen1_bottom .screen1_right{position: absolute;height: 100%;top: 0%;right: 0;}
.screen1_gradient{position: absolute;width: 100%;height: 20%;left: 0;bottom: 0;background: url(../img/screen1_bg.png) top center no-repeat;background-size: 100% 100%;}
.screen1_word{position: relative;width: 100%;top:0;left:0;height:-webkit-calc(100% - 340px);height: calc(100% - 340px);background: url(../img/screen1_top.jpg) center no-repeat;background-size:auto 65%;}
.up_btn{position: absolute;width:74px;height:39px;left: 50%;bottom: 20px;margin-left: -37px;background: url(../img/up_btn.png) no-repeat;animation:animation1 2s ease-in-out 0s infinite;-webkit-animation:animation1 2s ease-in-out 0s infinite;}
.video {
      position: relative;
      width: 608px;
      height: 345px;
      margin: 0 auto;
}
    .video .video_entity,.video .video-poster,.video .video-replay{
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; 
    }
    .video .video-poster {
        background: url("../img/video-thumb.jpg") center 0 no-repeat;
        background-size: cover;
        z-index: 9999; 
    }
    .video .video-poster .play_btn {
          position: absolute;
          top: 50%;
          left: 50%;
          width: 88px; 
          height: 88px;
          margin: -44px 0 0 -44px;
          background: url("../img/play_btn.png") no-repeat;
          background-size:100%;
    }
    .video .video-replay{
      display: none;
      z-index: 9999; 
    }
    .video .video-replay .replay_btn{
          position: absolute;
          top: 50%;
          left: 50%;
          width: 88px; 
          height: 88px;
          margin: -44px 0 0 -44px;
          background: url("../img/replay_btn.png") no-repeat;
          background-size:100%;
    }
    @media (max-height: 640px){
        .screen1_word{background-size:auto 50%;}
    }
	@media (device-width: 384px) and (-webkit-min-device-pixel-ratio: 3){
        .screen1_word{background-size:auto 100%;}
    }
    @media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2){
        .screen1_word{background-size:auto 60%;}
    }
    @media (device-height: 480px) and (-webkit-min-device-pixel-ratio: 2){
        .screen1_word{background-size:auto 100%;}
    }
    @media (min-height: 736px) and (-webkit-min-device-pixel-ratio: 3){
        .screen1_word{background-size:auto 50%;}
    }
 /*腾讯视频模块样式重写*/

        /*.tvp_controls {*/
        /*display: none !important;*/
        /*}*/

        .tvp_overlay_play, .tvp_button_play {
            display: none;
            background: none !important;
            border: none !important;
        }

        .tvp_overlay_replay {
            display: none;
        }

        /*.tvp_containers, video {*/
            /*background-image: url("../img/video-poster.jpg") !important;*/
            /*background-position: 0 0 !important;*/
            /*background-size: cover !important;*/
        /*}*/

        /*.tvp_shadow {*/
            /*background-image: url("../img/video-poster.jpg") !important;*/
            /*background-position: 0 0 !important;*/
            /*background-size: cover !important;*/
        /*}*/

        #WxMomentVideo .tenvideo_player, #WxMomentVideo .tvp_container,  #WxMomentVideo .tvp_video{
            background-color: #fff !important;
        }

        .tvp_containers, video {
            background-image: none !important;
            background-color: transparent !important;
        }

        .tvp_shadow {
            background-image: none !important;
            background-color: transparent !important;
        }

        .mod_player_off .tvp_containers, .mod_player_off video {
            background: none !important;
        }
.screen2_top{position:absolute;width: 100%;height: 70%;left:0;top:5%;}
.screen2_bottom{position:absolute;width: 100%;height:21%;bottom:0;left:0;}
.screen2_title{display:block;position:absolute;width: 100%;height:26%;top:0;background: url(../img/screen2_title.jpg) center no-repeat;background-size:auto 100%;}
.screen2_bao{display:block;position:absolute;width: 100%;height:66%;bottom:0;background: url(../img/screen2_bao.jpg) center no-repeat;background-size:auto 100%;}
.screen_btns{position:absolute;width: 82%;left:9%;top: 1%; }
.screen_btns img{display: block;width: 100%;}
.screen_btns .gree_btn{float: left;width: 45%;}
.screen_btns .jd_btn{float: right;width: 45%;}
.screen3_top{position: absolute;width: 100%;height: 21%;left:0;top:9.3%;background: url(../img/screen3_title.jpg) center no-repeat;background-size:auto 100%; }
.screen3_center{position: absolute;width: 0%;height: 15%;left:0;top:36%;background: url(../img/screen3_center.jpg) left top no-repeat;background-size:640px auto; }
@-webkit-keyframes slideInWidth{
  0% {
    width: 1%;
  }

  100% {
    width: 100%;
  }
}
@-keyframes slideInWidth{
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.slideInWidth {
  animation:slideInWidth 1s linear;-webkit-animation:slideInWidth 1s linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes animation1 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes animation1 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}