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

h2{
	font-weight: 300 !important;
	font-size: 30px;
}

ul li{
	list-style: none;
}

em{
	display: block;
}

span{
	display:inline-block;
}

img{
	display: block;
}

/*轮播图*/
html, body {position: relative; height: auto; overflow-x: hidden;}

/*三脚架头部*/
.cage-des{position: absolute; top: 34.5%; left: 54.6%; color: #fff}
.cage-des h2{font-size: 42px; line-height: 60px;}
.cage-des p{line-height: 60px; font-size: 28px;}

/* 专业配件 */
.major-des{position: absolute; top: 20%; left: 18.9%; width: 560px; text-align: center; filter:alpha(opacity=0); -moz-opacity:0;  -khtml-opacity: 0; opacity: 0;}
.major-des h2{line-height: 60px; color: #fff;}
.major-des p{line-height: 30px; color: #fff; font-size: 16px;}
.major-run{animation: des 2s forwards;}

.major-list{position: absolute; top: 52%; left: 16%; width: 702px; text-align: center; color: #fff;}
.major-list li{float: left; margin: 0 25px;}
.major-list li img{margin: 0 auto;}
.major-list li p{line-height: 30px; font-size: 14px;}
@media screen and (min-width: 1200px) and (max-width:1599px) {
	.major-des{left: 10%; top: 10%;}
	.major-list{top: 60%; left: 6%;}
}

/* 环臂设计 */
.arm-des{position: absolute; top: 36.6%; left: 56.2%; width: 480px; text-align: center; color: #fff; filter:alpha(opacity=0); -moz-opacity:0;  -khtml-opacity: 0; opacity: 0;}
.arm-des h2{line-height: 60px; color: #fff;}
.arm-des p{line-height: 30px; font-size: 16px;}
.arm-run{animation: des 2s forwards;}

/* 扩展 */
.expand-des{position: absolute; top: 36.6%; left: 18.2%; width: 400px; color: #fff; filter:alpha(opacity=0); -moz-opacity:0;  -khtml-opacity: 0; opacity: 0;}
.expand-des h2{line-height: 60px; color: #fff;}
.expand-des p{line-height: 30px; font-size: 16px;}
.expand-run{animation: des 2s forwards;}

/* 无缝对接 */
.abutment-des{position: absolute; top: 6%; left: 50%; width: 600px; color: #fff; text-align: center; margin-left: -300px; filter:alpha(opacity=0); -moz-opacity:0;  -khtml-opacity: 0; opacity: 0;}
.abutment-des h2{line-height: 60px;}
.abutment-des p{line-height: 30px; font-size: 16px;}
.abutment-run{animation: des 2s forwards;}

/* 稳定脚架 */
.horse-des{position: absolute; left: 62.1%; top: 42.6%; color: #fff; filter:alpha(opacity=0); -moz-opacity:0;  -khtml-opacity: 0; opacity: 0;}
.horse-des h2{line-height: 60px;}
.horse-des p{line-height: 30px; font-size: 16px;}
.horse-run{animation: des 2s forwards;}

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