body,hr, p, blockquote,h1,h2,h3,h4,h5,h6, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {
    margin: 0;
    padding: 0; 
}
*{box-sizing:inherit !important;}
.ashow{display: block !important;}
.isshow{display: block!important;}
.dep{color: #fff !important;}
.clear { *zoom :1;}
.clear:after { content:"."; clear:both; display:block; height:0; overflow:hidden; visibility:hidden;}
.pull-left { float:left;}
.pull-right { float:right;}
.adapt_screen{width: 100%; max-width: 1920px; position: relative; margin: 0 auto;}
ul,li{list-style: none;}
h2{font-weight: 700; font-size: 28px;}
a{text-decoration: none;}
img{display: block;}
video{display: block;}
p{line-height: 30px;}
html,body{overflow-x: hidden;position: relative;}

/* 头部 */
section h2{line-height: 80px;}
section p{color: #b9b8c6; font-size: 16px;}
section img{width: 100%;}
.qing-des{width:30.4%; position: absolute; top: 24.6%; left: 15.75%; color: #fff;}
.qing-des img{width:50%;}
.qing-des h2{line-height: 40px;margin: 10px 0;}
.qing-des p img{width: 5%; float: left; margin-top: 5px;}
.qing-des p span{font-size: 14px; text-decoration: underline; cursor: pointer; margin-left: 6px;}
.qing-des p:hover span{color: #6cf;}
.material-des{color: #fff; width:; left: 54.2%; top: 30.6%; width:510px; position: absolute;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
.material-run{animation: des 2s forwards;}
@media screen and (min-width: 1200px) and (max-width:1599px) {
  .qing-des{width:35.4%; left: 10.75%; top: 20.6%;}
}

/* 延时 */
section .delay{height: 340px; padding: 76px 0 340px; background: #0c101d;}
section .delay h3{width:800px; text-align: center; margin: 0 auto; color: #c1c0cf; line-height: 30px; margin-bottom: 50px;}
section .delay .delay-list{width:800px; margin: 0 auto 30px;}
section .delay .delay-list li{float: left; width:33%; text-align: center;}
section .delay .delay-list li p{font-size: 16px; color: #5f5f69; cursor: pointer;}
.delay-contain .contain-des{display: none; width: 640px; text-align: center; position: absolute;bottom: 50px; left: 50%; margin-left: -320px;}
.delay-contain .video{width: 540px; height: 340px; position: relative;}
.delay-contain .video .delay-play{width: 50px; height: 50px; background: url(../delayed_play-2.html) no-repeat; position: absolute; left: 50%; top: 50%; cursor: pointer; margin-top: -25px; margin-left: -25px;}
.delay-contain .video .delay-play:hover{background: url(../delayed_play_hov-2.html) no-repeat;}
.delay-contain .contain-des h2{color: #666; font-size: 28px; height: 64px; line-height: 64px; font-weight: 300;}


/* 电机 */
.elect{background: #0c101d;padding-bottom: 60px;}
.elect-h2{padding: 40px 0 40px; text-align: center; color: #fff;}
.elect video{width:62.5%; margin: 0 auto;}

/* 蓝牙 */
.lanya{background: #000; padding: 30px 0 120px;}
.lanya .bing{width:36.2%; position: relative; left: 9.4%;}
.lanya .lanya-des{width:1000px; margin: 0 auto; text-align: center; color: #fff; padding-bottom: 40px;}
.lanya .cover1{position: absolute; top: 18.4%; width:24.6%; left: 26.9%;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
.lanya .cover2{position: absolute; top: 20%; width:25.2%; left: 33.6%;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
.lanya .cover3{position: absolute; top: 16%; width:32.6%; left: 37%;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
.lanya .cover4{position: absolute; top: 14%; width:36.5%; left: 43%;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
.lanya video{width:31.25%; position: absolute; left: 48%; bottom: 4%; cursor: pointer;}
.cover1-run{animation:imgrun 1s forwards;}
.cover2-run{animation:imgrun 1s forwards; animation-delay:0.5s;}
.cover3-run{animation:imgrun 1s forwards; animation-delay:1s;}
.cover4-run{animation:imgrun 1s forwards; animation-delay:1.5s;}

/* 全景 */
.view{background: #0b0e19;}
.view-des{position: absolute; left: 50%; margin-left: -450px; top: 5%; width:900px; text-align: center; color: #fff; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0; text-shadow:0px 0px 1px #000;}
.view-des p{color: #fff;}
.view video{width:100%;}
.view-run{animation:des 2s forwards;}
/* 外接蓝牙 */
.insert-des{position: absolute; width:620px; text-align: center; top: 4%; color: #fff; left: 50%; margin-left: -310px; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.insert-des p{color: #fff;}
.insert-run{animation:des 2s forwards;}

/* 细节 */
.dismantle{padding-bottom: 60px; background: #0c101d;}
.dismantle h2{padding:60px 0; text-align: center; color: #fff;}
.dismantle-list{width:75%; margin: 0 auto;}
.dismantle-list li{float: left; width:40%;}
.dismantle-list li:nth-last-of-type(1){width:60%;}
.dismantle-list li:nth-last-of-type(1) video{width:100%;}
.dismantle-list li p{width:60%; margin: 15% auto;}

.cell{padding-bottom: 60px; background: #0c101d;}
.cell-list{width:75%; margin: 0 auto;}
.cell-list li{float: left; width:60%;}
.cell-list li:nth-last-of-type(1){width:40%;}
.cell-list li video{width:100%;}
.cell-list li p{width:60%; margin: 15% auto;}

/* 底部设计 */
.bott{padding: 60px 0; background: #0c101d;}
.bott p{width:610px; text-align: center; margin: 0 auto;}
.bott .bott-list{width:100%;}
.bott .bott-list li{width: 33%; float: left;}
.bott .bott-list li img{width:80%; margin: 0 auto;}

.pc-banner {
  width: 100%;
  position: relative;
  background: #171923;
}
.pc-screen{text-align: center; width:600px; color: #fff; margin: 0 auto; padding-top: 30px;}
.screen-list li{float: left; display: none; width:100%; text-align: center;}
.screen-list li p{font-size: 20px;}

@media screen and (max-width: 668px) {
  .pc-banner {
    background-size: auto 100%;
  }
}

.swiper-container {
  width: 100%;
  margin: 10px 0 30px;
}

@media screen and (max-width: 668px) {
  .swiper-container {
    margin: 20px 0 15px;
  }
}

.swiper-slide {
  -webkit-transition: transform 1.0s;
  -moz-transition: transform 1.0s;
  -ms-transition: transform 1.0s;
  -o-transition: transform 1.0s;
  -webkit-transform: scale(1);
  transform: scale(1);
}

@media screen and (max-width: 668px) {
  .swiper-slide {
    -webkit-transform: scale(0.97);
    transform: scale(0.97);
  }
}

.swiper-slide-active,.swiper-slide-duplicate-active {
  -webkit-transform: scale(1);
  transform: scale(1);
}

@media screen and (max-width: 668px) {
  .swiper-slide-active,.swiper-slide-duplicate-active {
    -webkit-transform: scale(0.97);
    transform: scale(0.97);
  }
}

.none-effect {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
}

.swiper-slide a {
  background: #171923;
  padding:40px;
  display: block;
  border-radius: 14px;
}

.swiper-slide-active a:after {
  background: none;
}

@media screen and (max-width: 668px) {
  .swiper-slide a {
    padding: 5px;
    border-radius: 7px;
  }
}

.swiper-slide img {
  width: 100%;
  border-radius: 14px;
  display: block;
}

@media screen and (max-width: 668px) {
  .swiper-slide img {
    border-radius: 7px;
  }
}

.swiper-pagination {
  position: relative;
  margin-bottom: 30px;
}

.swiper-pagination-bullet {
  background: #00a0e9;
  margin-left: 4px;
  margin-right: 4px;
  width: 17px;
  height: 17px;
  opacity: 1;
  margin-bottom: 4px;
}

.swiper-pagination-bullet-active {
  width: 13px;
  height: 13px;
  background: #FFF;
  border: 6px solid #00a0e9;
  margin-bottom: 0;
}

@media screen and (max-width: 668px) {
  
  .swiper-pagination {
    position: relative;
    margin-bottom: 20px;
  }

  .swiper-pagination-bullet {
    background: #00a0e9;
    margin-left: 2px;
    margin-right: 2px;
    width: 8px;
    height: 8px;
    margin-bottom: 2px;
  }

  .swiper-pagination-bullet-active {
    width: 6px;
    height: 6px;
    background: #FFF;
    border: 3px solid #00a0e9;
    margin-bottom: 0;
  }
}

.button {
  width: 52.4%;
  margin: 0 auto;
  top: 55%;
  position: absolute;
  z-index: 100;
  left: 24%;
}

@media screen and (max-width: 668px) {
  .button {
    width: 70%;
    bottom: 22px;
  }
}

.button div:hover {
  background-color: #2f4798;
}

.swiper-button-prev1 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #00a0e9 center 50%/50% 50% no-repeat;
}

.swiper-button-next1 {
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
  position: absolute;
  right: 5px;
  top: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #00a0e9 center 50%/50% 50% no-repeat;
}

@media screen and (max-width: 668px) {
  .button div {
    width: 28px;
    height: 28px;
  }
}


/*宣传视频*/
.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,.pop-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,.pop-video video{width: 100%;}


/* 图片运动 */
@keyframes imgrun{
  from{
    -webkit-transform: translate(-20px,-20px);
    -ms-transform: translate(-20px,-20px);
    -o-transform: translate(-20px,-20px);
    transform: translate(-20px,-20px);
    filter:alpha(opacity=0);  
    -moz-opacity:0;  
    -khtml-opacity: 0;
    opacity: 0; 
  }
  to{
    -webkit-transform: translateY(0px,0px);
    -ms-transform: translateY(0px,0px);
    -o-transform: translateY(0px,0px);
    transform: translateY(0px,0px);
    filter:alpha(opacity=100);  
    -moz-opacity:1;  
    -khtml-opacity: 1;
    opacity: 1;
  }
}

/*字推移*/
@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; 
	}
}