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;}
.adapt_screen{position: relative; width: 100%; max-width: 1920px; margin: 0 auto;}
h2{font-weight:700;font-size: 30px;}
section p{font-size: 16px; line-height: 30px;}
ul li{list-style: none;}
em{display: block;}
span{display:inline-block;}
img{display: block;}
html,body{overflow-x: hidden;position: relative;}

/* 头部 */
.vb2a-des{position: absolute; width: 30.7%; left: 18%; top: 25%; color: #fff;}
.vb2a-des h2{line-height: 40px; margin-top: 10px;}
@media screen and (min-width: 1200px) and (max-width:1599px) {
	.vb2a-des h2{font-size: 26px;}
	.vb2a-des{top: 16%; width:40%; left: 14%;}
}

/* 延长杆 */
.rod-des{position: absolute; top: 12%; width: 500px; left: 25%; color: #fff; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.rod-des h2{line-height: 60px;}
.rod-run{animation: des 2s forwards;}
/* 图标 */
.vb2a-icon{padding: 50px 0;}
.vb2a-icon .icon-list{width:67%; margin: 0 auto;}
.vb2a-icon .icon-list li{float: left; width:20%; text-align: center;}
.vb2a-icon .icon-list li img{width:30%; margin: 0 auto;}
.vb2a-icon .icon-list li p{font-size: 16px; margin-top: 10px;}

/* 小巧便携 */
.portable-des{position: absolute; text-align: center; top: 5%; width:910px; left: 50%; margin-left: -455px; color: #454545; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.portable-des h2{line-height: 60px;}
.portable span{font-size: 16px; color: #454545; width:240px; left: 50%; margin-left: -100px; position: absolute; bottom: 5%;}
.portable span i{margin-left: 20px; font-size: 50px; font-weight: 700; font-style: normal; color: #979797;}
.portable-run{animation: des 2s forwards;}
.portable .sp{position: absolute; bottom: 4%; left: 65%; color: #979797;}
/* 稳上加稳 */
.camera-des{position: absolute; top: 4%; width:800px; left: 50%; margin-left: -400px; color: #fff; text-align: center; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.camera-des h2{line-height: 60px;}
.camera-list{position: absolute; bottom: 8.8%; width:62.5%; left: 19%; color: #fff;}
.camera-list li{float: left; width:33%; text-align: center;}
.camera-list li img{width:40%; margin: 0 auto;}
.camera .sp{position: absolute; bottom: 2%; left: 59%; color: #fff;}
.camera-run{animation: des 2s forwards;}
/* 控制相机 */
.control-des{text-align: center; position: absolute; top: 5%; width:920px; left: 50%; margin-left: -460px; color: #fff; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.control-des h2{line-height: 60px;}
.control-run{animation: des 2s forwards;}
/* 智能切换 */
.photograph-des{position: absolute; top: 32%; left: 18.75%; color: #3a3a3a; width:440px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.photograph-des h2{line-height: 60px;}
.photograph-run{animation: des 2s forwards;}
/* 人体工程 */
.design-des{position: absolute; top: 25.6%; left: 18.75%; width:500px; color: #fff; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;} 
.design-des h2{line-height: 60px;}
.design-run{animation: des 2s forwards;}
/* app */
.app-des{position: absolute; top: 5%; width:800px; text-align: center; left: 50%; margin-left: -400px; color: #fff; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.app-des h2{line-height: 60px;}
.app-run{animation: des 2s forwards;}
/* 续航 */
.xuhang-des{position: absolute; left: 18.75%; top: 34%; width:32%; color: #fff; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.xuhang-des h2{line-height: 60px;}
.xuhang-run{animation: des 2s forwards;}

@media screen and (min-width: 1200px) and (max-width:1599px) {
	.xuhang-des{left: 10%; width:500px;}
	.photograph-des{left: 12%;}
}
/* 阴影 */
.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%;}

/*字推移*/
@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 rwide{
	from{
		left:-2.5%; 
	}
	to{
		left:100%;
	}
}