.clear { *zoom :1;}
.clear:after{ content:"."; clear:both; display:block; height:0; overflow:hidden; visibility:hidden;}
.adapt_screen{position: relative; width: 100%; max-width: 1920px; margin: 0 auto;}
.isshow{display: block !important; z-index: 2;}
.opactt{animation:opat 2s forwards;}

.wcolor{color: #fff!important;}
h2{font-weight: 700; font-size: 42px; margin-bottom: 20px;}
p{font-size: 18px;}
img{display: block;}
.opac{filter:alpha(opacity=80) !important; -moz-opacity:0.8 !important; -khtml-opacity: 0.8 !important; opacity: 0.8 !important;}
.section{height: 100%; position: relative;}
html,body{overflow-x:hidden;}
p.adaption-list a{color: #008CD6;}


/* 阴影 */
.body-shade{cursor: pointer; display: none; top: 0; position: fixed; height: 100%; width: 100%; background: rgba(0,0,0,0.7); z-index: 10000;}
.publicity-video{position: fixed;display: none; left: 50%; top: 50%; margin-left: -480px; height: 540px; width:960px; margin-top: -299px; z-index: 20000;}
.publicity-video video{width: 100%;}

/* 变 */
.change{width: 100%;}
.change video{width: 100%;}
.change .change-shade{position: absolute; background: rgba(0,0,0,0.4); height: 100%; width: 100%; top: 0;}
.change .change-des{position: absolute; top: 30%; width: 500px; left: 50%; margin-left: -250px; color: #fff; z-index: 10;}
.change .change-des img{width: 66.8%; margin: 0 auto;}
.change .change-des h2{line-height: 62px;}
.change .change-des p{font-size: 20px; margin-bottom: 5%; text-align: center;}
.change .change-des a{line-height: 28px; font-size: 14px; color: #fff; width: 30%; margin: 0 auto; display: block;}
.change .change-des a span{border-bottom: 1px solid #fff;}
.change .change-des a img{margin-right: 10px; margin-top: 2px; width:24px; float: left;}
.change .change-des a:hover span{border-bottom: 1px solid #6cf; color: #6cf;}

/* 载重 */
.load-des{position: absolute; top: 5%; left: 50%; width: 1000px; margin-left: -500px; color: #6d6d6d; text-align: center; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.load-run{animation: des 2s forwards;}

/* 轻松携带 */
.convenient-des{position: absolute; left: 50%; top: 6%; width: 760px; margin-left: -380px; text-align: center; color: #fff; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.convenient-run{animation: des 2s forwards;}

/* 电机锁 */
.lock{padding: 60px;}
.lock-list{width: 59.4%; margin: 0 auto; text-align: center;}
.lock-list li{width: 100%; margin-bottom: 20px;}
.lock-list li video{width: 80%; margin: 0 auto; border-radius: 10px;}
.lock-list li:nth-of-type(1){margin-right: 10%;}
.lock-list li h2{line-height: 60px;}
.lock-list li p{width: 90%; line-height: 30px; margin: 0 auto;}

/* 魔术环 */
.magic-des h2{line-height:46px; font-size: 36px;}
.margin-list{width: 60%; margin: 0 auto;}
.margin-list img{float: left; width: 50%;}
.margin-list .magic-des{float: left; width: 40%; margin-left: 10%; margin-top: 120px; color: #6d6d6d; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.magic-run{animation: des 2s forwards;}

/* OLED */
.oled-list{width: 60%; margin: 0 auto;}
.oled-list img{float: left; width: 50%;}
.oled-list .oled-des{float: left; width: 40%; margin-right: 10%; margin-top: 80px; color: #6d6d6d; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.oled-list .oled-des h2{font-size: 36px; line-height: 46px;}
.oled-run{animation: des 2s forwards;}

/* 炫酷玩法 */
.play{padding: 100px 0; background: #f6f6f6}
.play h2{text-align: center; width: 800px; margin: 0 auto;}
.play p{text-align: center;width: 1000px; margin: 0 auto;}

/* 体验舒适 */
.com-des{position: absolute; width: 44%; left: 28%; top: 22%; color: #000; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; text-align: center;}
.com-des h2{line-height: 50px;}
.com-run{animation: des 2s forwards;}


/* 防溅水 */
.waterproof-des{width: 34.25%; left: 14.5%; position: absolute; top: 23%; color: #6d6d6d; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.waterproof-run{animation: des 2s forwards;}

/* 线控 */
.wire-des{position: absolute; top: 5%; text-align: center; color: #6d6d6d; width: 980px; margin-left: -490px; left: 50%; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.wire-run{animation: des 2s forwards;}

/* 续航 */
.xuhang{background: #fff; padding: 80px 0;}
.xuhang-list{width: 76%; margin: 0 auto;}
.xuhang-list .xuhang-des{width: 30%; margin:100px 10% 0; float: left;}
.xuhang-list .xuhang-des p{line-height: 36px;}
.xuhang-list img{float: left; width: 50%;}
.xuhang-run{animation: des 2s forwards;}

.load-des h2,.convenient-des h2,.oled-des h2,.com-des h2,.waterproof-des h2,.wire-des h2,.xuhang-list .xuhang-des h2{line-height: 60px;}
.load-des p,.convenient-des p,.magic-des p,.oled-des p,.com-des p,.waterproof-des p,.wire-des p{line-height: 30px;}


@media screen and (min-width: 1200px) and (max-width:1599px) {
  .lock-list,.margin-list,.oled-list{width: 78%;}
  .wire-des{width: 800px; margin-left: -400px; left: 50%;}
  .magic-des{width: 450px;}
  .com-des{width: 44%; left: 28%; top: 20%;}
  .margin-list .magic-des{width: 45%; margin-left: 5%; margin-top: 80px;}
  .oled-list .oled-des{width: 45%; margin-right: 5%; margin-top:30px;}
  .xuhang-list .xuhang-des{width: 40%; margin: 60px 10% 0 0;}
  .com-des h2,.waterproof-des h2,.load-des h2,.lock-list li h2,.magic-des h2,.oled-des h2,.play h2,.wire-des h2,.xuhang-des h2{line-height: 46px !important; font-size: 32px !important;}
  .com-des{top: 10%; width: 48%; left: 26%;}
  .xuhang-list{width: 84%;}

}


/*字推移*/
@keyframes des{
  from{
    -webkit-transform: translateY(35px);
    -ms-transform: translateY(35px);
    -o-transform: translateY(35px);
    transform: translateY(35px);
    filter:alpha(opacity=0);  
      -moz-opacity:0;  
      -khtml-opacity: 0;
        opacity: 0;  
  }
  to{
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    filter:alpha(opacity=100);  
      -moz-opacity:1;  
      -khtml-opacity: 1;
        opacity: 1; 
  }
}

@keyframes opat{
  from{
    filter:alpha(opacity=0);  
      -moz-opacity:0;  
      -khtml-opacity: 0;
        opacity: 0;  
  }
  to{

    filter:alpha(opacity=100);  
    -moz-opacity:1;  
    -khtml-opacity: 1;
    opacity: 1; 
  }
}