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;
}

.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{position: relative; width: 100%; max-width: 1920px; margin: 0 auto;}
.isshow{display: block !important; z-index: 2;}
.isvis{visibility:visible !important;}

h2{font-weight: 300; font-size: 28px;}
section p{font-size: 16px;}
ul li{list-style: none;}
em{display: block;}
span{display:inline-block;}
img{display: block;}
video {display: block; object-fit:cover;}
html,body{overflow-x: hidden;position: relative;}
.ele-hover{color: #00a0e9 !important;}


/* 头部 */
.w-header img{width: 100%;}
.w-header .wgheader{position: absolute; width: 500px; top: 35%; left: 22.3%;}
.w-header .wgheader img{width: 40%;}
.w-header .wgheader h2{color: #fff; margin-top: 20px;}
.w-header .wgheader p{color: #fff; width: 200px; cursor: pointer; margin-top: 40px; margin-left: 10px;}
.w-header .wgheader p img{width: 10%; float: left; margin-top: 2px;}
.w-header .wgheader p span{float: right; font-size: 14px; text-decoration: underline;}
.w-header .wgheader p:hover span{color: #6cf;}
@media screen and (min-width: 1200px) and (max-width:1599px) {
	.w-header .wgheader{left: 16.3%;}
}


/* hello */
.hello video{width: 100%;}
.hello-des{position: absolute; top: 22.2%; width: 25%; left: 55.2%; color: #fff; }
.hello-des h2{height: 70px; line-height: 70px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.hello-des p{line-height: 30px; color: #d5d5d5; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.hello-run{animation: des 2s forwards;}

.hello-list{width: 90%; margin-top: 40px;}
.hello-list li{width: 33%; float: left; margin:16px 0;}
.hello-list li img{width: 60%;}
.hello-list li p{font-size: 12px;}

@media screen and (min-width: 1200px) and (max-width:1599px) {
	.hello-des{top: 6.2%;}
	.hello-list{margin-top: 20px;}
}

/* 轻稳大师 */
.light-des{position: absolute; top: 12.5%; left: 50%; width: 600px; margin-left: -300px; text-align: center; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.light-des h2{color: #595758; line-height: 90px; font-weight: 700; font-size: 30px;}
.light-des{line-height: 30px;}
.light-run{animation: des 2s forwards;}

.light-list{position: absolute; bottom: 0; width: 100%;}
.light-list li{float: left; width: 33%;}
.light-list li:nth-of-type(2){margin:0 0.5%;}


/* 无线操控 */
.wireless-des{position: absolute; width: 880px; left: 50%; margin-left: -440px; top: 23%; color: #fff; text-align: center; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.wireless-des h2{line-height: 80px;}
.wireless-des p{line-height: 30px; color: #f3f3f5;}
.wireless-run{animation: des 2s forwards;}
.w-list{width: 540px; margin:14px auto 0;}
.w-list li{float: left; padding: 0 24px; border-right: 1px solid #505251;}
.w-list li:nth-last-of-type(1){padding-right: 0px;}
.w-list li:nth-last-of-type(1){border-right: none;}
.w-list li p span{font-size: 22px;}
.w-list li p{font-size: 14px;}


/* 仰角设计 */
.elevation-des{position: absolute; width: 820px; left: 50%; margin-left: -410px; top: 4.25%; color: #fff; text-align: center; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.elevation-des h2{line-height: 60px;}
.elevation-des p{line-height: 30px; color: #a2a2a2;}
.elevation-run{animation: des 2s forwards;}

.elevation .ele-icon{position: absolute; left: 50%; width: 720px; margin-left: -360px; bottom: 18%;}
.elevation .ele-icon li{float: left; top: 0; cursor: pointer;}
.elevation .ele-icon li:nth-of-type(1){left: 0%; position: absolute;}
.elevation .ele-icon li:nth-of-type(2){position: absolute; left: 35%;}
.elevation .ele-icon li:nth-of-type(2) img{margin: 0 auto;}
.elevation .ele-icon li:nth-of-type(3){position: absolute; left: 80%;}
.elevation .ele-icon li:nth-of-type(3) img{margin: 0 auto;}
.elevation .ele-icon li p{color: #fff; text-align: center; line-height: 16px;}

.elevation .ele-icon2{position: absolute; left: 50%; width: 720px; margin-left: -360px; bottom: 18%;}
.elevation .ele-icon2 li{float: left; top: 0; cursor: pointer; display: none;}
.elevation .ele-icon2 li:nth-of-type(1){left: 0%; position: absolute;}
.elevation .ele-icon2 li:nth-of-type(2){position: absolute; left: 35%;}
.elevation .ele-icon2 li:nth-of-type(2) img{margin-left: 33px;}
.elevation .ele-icon2 li:nth-of-type(3){position: absolute; left: 80%;}
.elevation .ele-icon2 li:nth-of-type(3) img{margin-left: 20px;}
.elevation .ele-icon2 li p{color: #00a0e9; text-align: center; line-height: 24px;}

@media screen and (min-width: 1200px) and (max-width:1599px) {
	.elevation .ele-icon,.elevation .ele-icon2{bottom: 26%;}
}

/* 下拉边 */
.found{display: none;}
.found-des{position: absolute; top: 18.5%; left: 51.7%; width: 600px; color: #fff; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.found-des h2{line-height: 70px;}
.found-des p{line-height: 30px;}
.found-run{animation: des 2s forwards;}

.foundation .found:nth-of-type(2) .found-des{position: absolute; left: 14%; top: 22%;}

/* 镜头狂野 */
.shot-des{position: absolute; color:#7c7c7c; top: 6%; width: 680px; left: 50%; margin-left: -340px; text-align: center;}
.shot-des h2{line-height: 70px;}
.shot-des p{line-height: 30px;}

.shot-img{height: 72.5%; width: 62.5%; position: absolute; left: 18.6%; top: 20%;}
.shot-img .sh-1{position: absolute; top: 0; left: 0; opacity: 0; width: 12.25%;}
.shot-img .sh-2{position: absolute; top: 1%; left: 0px; opacity: 0; width: 17%;}
.shot-img .sh-3{position: absolute; top: 2.4%; left: 0.83%; opacity: 0; width: 21.4%;}
.shot-img .sh-4{position: absolute; top: 5.5%; left: 3.7%; opacity: 0; width: 22.75%;}
.shot-img .sh-5{position: absolute; top: 6.5%; left: 6.4%; opacity: 0; width: 28.25%;}
.shot-img .sh-6{position: absolute; top: 5.5; left: 10%; opacity: 0; width: 31.6%;}
.shot-img .sh-7{position: absolute; top: 2.4%; left: 15.4%; opacity: 0; width: 37%;}
.shot-img .sh-8{position: absolute; top: -4.5%; left: 22%; opacity: 0; width: 44.8%;}
.shot-img .sh-9{position: absolute; top: -10.3%; left: 28.9%; opacity: 0; width: 76%;}

.shot-opa1{animation: opa 0.1s forwards;}
.shot-opa2{animation: opa 0.3s forwards;}
.shot-opa3{animation: opa 0.7s forwards;}
.shot-opa4{animation: opa 1.3s forwards;}
.shot-opa5{animation: opa 2.1s forwards;}
.shot-opa6{animation: opa 3.1s forwards;}
.shot-opa7{animation: opaa 4.3s forwards;}
.shot-opa8{animation: opaa 5.7s forwards;}
.shot-opa9{animation: opaa 7.3s forwards;}

@media screen and (min-width: 1200px) and (max-width:1599px) {
	.shot-des{top: 2%;}
}


/* 轻装上路 */
.freedom-des{position: absolute; top: 20%; text-align: center; width: 680px; color: #fff; left: 50%; margin-left: -340px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.freedom-des h2{line-height: 80px;}
.freedom-des p{line-height: 30px;}
.free-run{animation: des 2s forwards;}

.free-list{position: absolute; width: 480px; left: 50%; margin-left: -240px; top: 47.5%; color: #fff;}
.free-list li{float: left; padding: 0 30px; border-right: 1px solid #515151;}
.free-list li h2 span{font-size: 16px;}
.free-list li p{margin-top: 6px;}
.free-list li:nth-last-of-type(1){ border-right:none;}

/* 延时 */
.delay-des{position: absolute; top: 10%; text-align: center; width: 620px; left: 50%; margin-left: -310px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.delay-des h2{line-height: 60px;}
.delay-des p{line-height: 30px;}
.delay-run{animation: des 2s forwards;}

/* 续航 */
.endurance-des{position: absolute; top: 6%; width: 700px; left: 50%; margin-left: -350px; text-align: center; color: #fff; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.endurance-des h2{line-height: 60px;}
.endurance-des p{line-height: 30px;}
.endurance-run{animation: des 2s forwards;}



/* 阴影 */
.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,.lan-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,.lan-video video{width: 100%;}





/*字推移*/
@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 opa{
	from{
		-webkit-transform: translate(-40px,-20px);
		-ms-transform: translate(-40px,-20px);
		-o-transform: translate(-40px,-20px);
		transform: translate(-40px,-20px);
		filter:alpha(opacity=0);  
	    -moz-opacity:0;  
	    -khtml-opacity: 0;
      	opacity: 0;  
	}
	to{
		-webkit-transform: translate(0px,0px);
		-ms-transform: translate(0px,0px);
		-o-transform: translate(0px,0px);
		transform: translate(0px,0px);
		filter:alpha(opacity=100);  
	    -moz-opacity:1;  
	    -khtml-opacity: 1;
      	opacity: 1; 
	}
}

@keyframes opaa{
	from{
		-webkit-transform: translate(-80px,-40px);
		-ms-transform: translate(-80px,-40px);
		-o-transform: translate(-80px,-40px);
		transform: translate(-80px,-40px);
		filter:alpha(opacity=0);  
	    -moz-opacity:0;  
	    -khtml-opacity: 0;
      	opacity: 0;  
	}
	to{
		-webkit-transform: translate(0px,0px);
		-ms-transform: translate(0px,0px);
		-o-transform: translate(0px,0px);
		transform: translate(0px,0px);
		filter:alpha(opacity=100);  
	    -moz-opacity:1;  
	    -khtml-opacity: 1;
      	opacity: 1; 
	}
}