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;}
.suit_screen{max-width: 1920px; width: 100%;  position: relative; margin: 0 auto;}
p{font-size: 16px;}
h2{
	font-weight: 300 !important;
	font-size: 30px !important;
}

ul li{
	list-style: none;
}

em{
	display: block;
}

span{
	display:inline-block;
}

img{
	display: block;
}


.akf-header img{width: 100%;}
.akf-des{position: absolute; left: 19.1%; top: 35%;}
.akf-des h2{margin-top: 50px; color: #fff;}


/* 全能单兵 */
.alm-des{position: absolute; width: 360px; text-align: center; top: 4%; left: 50%; color: #fff; margin-left: -180px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.alm-des h2{line-height: 4rem;}
.alm-des p{line-height: 30px;}
.alm-run{animation: des 2s forwards;}

.alm-list{position: absolute; width: 50%; left: 25%; bottom: 5%;}
.alm-list li{float: left; width: 16.6%; text-align: center;}
.alm-list li img{margin:0 auto; width: 50%;}
.alm-list li p{text-align: center; color: #fff;}

/* 强劲动力 */
.power-des{top: 11.25%; left:56.25%; color: #fff; position: absolute; width: 480px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.power-des h2{line-height: 40px;}
.power-des p{margin-top: 20px; line-height: 30px; color: #cacaca;}
.power-run{animation: des 2s forwards;}


/* 实时追踪 */
.track-des{position: absolute; left: 18.9%; top: 9.5%; width: 500px;  filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.track-des h2{line-height: 40px; color: #fff; margin-bottom: 30px;}
.track-des p{line-height: 30px; color: #cacaca; }
.track-run{animation: des 2s forwards;}


/* 变焦 */
.corner-des{width: 740px; left: 50%; margin-left: -370px; position: absolute; top: 5.25%; text-align: center; color: #656565; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.corner-des h2{line-height: 68px;}
.corner-img{height: 37.5%; width: 40%; left: 30%; position: absolute; top: 23.25%;}

.corner-img .line{position: absolute; top: 20%; left: 30%; width: 0%;}
.corner-img .con-a{position: absolute; top: 0%; left: 27%; width: 4.6%;}
.corner-img .dian1{position: absolute; top: 27%; left: 27%; width: 4.6%; }
.corner-img .con-b{position: absolute; top: 46%; right: 0%; width: 4.6%; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.corner-img .dian2{position: absolute; top: 74%; right: 0%; width: 4.6%; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.line-run{animation: imgwidth 2s forwards;}
.dian-run{animation: opact 2s forwards; animation-delay:1.5s; -webkit-animation-delay:1.5s;}
.cor-run{animation: des 2s forwards;}

/* 触屏 */
.screen-des{position: absolute; left: 19%; top: 25.25%; color: #fff; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.screen-des h2{line-height: 76px;}
.screen-des p{line-height: 30px;}
.screen-list{position: absolute; left: 19%; top: 45.25%; width: 40.8%}
.screen-list li{float: left; width: 39%; position: relative;}
.screen-list li:nth-of-type(1){border-right: 1px solid #fff;}
.screen-list li img{float: left; width: 30.8%;}
.screen-list li p{float: left; position: absolute; top:26.9%; left: 35%;}
.screen-list li:nth-last-of-type(1){width: 60%;}
.screen-list li:nth-last-of-type(1) img{margin-left: 10%; width: 20%;}
.screen-list li:nth-last-of-type(1) p{left: 30%;}
.screen-run{animation: des 2s forwards;}



/* 安装自由 */
.install-des{position: absolute; left: 50%; width: 460px; margin-left: -230px; top: 4%; color: #656364; text-align: center; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.install-des h2{line-height: 64px;}
.style1{position: absolute; top: 25.6%; left: 50.8%; width: 5.2%;}
.style1 span{position: absolute; left: 120%; top: 20%; font-size: 24px; width: 200px; display: inline-block;}
.style2{position: absolute; top: 86.4%; left: 37.5%; width: 5.2%;}
.style2 span{position: absolute; left: 120%; top: 20%; font-size: 24px; width: 200px; display: inline-block;}
.install-run{animation: des 2s forwards;}



@keyframes imgwidth{
	from{
		width: 0%;
	}
	to{
		width: 68.4%;
	}
}

/*淡入淡出*/
@keyframes opact{
	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; 
	}
}


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