body,hr, p, blockquote,h1,h2,h3,h4,h5,h6, 
dl, dt, dd, ul, ol, li, 
pre,
form, fieldset, legend, button, input, textarea,
th, td{
    margin: 0;
    padding: 0;
}
.clear { *zoom :1;}
.clear:after{ content:"."; clear:both; display:block; height:0; overflow:hidden; visibility:hidden;}
h2{font-size: 32px; font-weight: 700;}
.adapt_screen p{font-size: 18px;}
em{font-style: normal;}
.isshow{display: block !important;}
.shake-color{color: #00a0ec !important;}

html,body{overflow-x: hidden;position: relative;}
.adapt_screen{position: relative; max-width: 1920px; width: 100%; margin: 0 auto;}
.adapt_screen img{width: 100%;display: block;}
.adapt_screen video{display: block;}


.ricca img{width: 100%;}
.ricca-des{position: absolute; left: 18.75%; top:37.5%; width: 14%;}
.ricca-des .logo{width: 100%;}
.ricca-des h2{font-size: 26px; line-height: 90px; letter-spacing: 2px; color: #131313;}
.ricca-des a img{width: 30px; float: left;}
.ricca-des a span{float: left; color: #131313; text-indent: 16px; font-size: 16px; height: 30px; line-height: 30px;}
.ricca-des a:hover span{color: #6cf;}

/* 小机身 */
.fuselage-des{position: absolute; left: 50%; margin-left: -450px; top: 3%; text-align: center; width: 900px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.fuselage-des h2{height: 86px; line-height: 86px; color: #fff;}
.fuselage-des p{color:#c9caca; line-height: 30px;text-shadow: 1px 1px 1px #666;}
.fuselage-run{animation: des 2s forwards;}

.lage-list{width: 945px; position: absolute; bottom: 3%; left: 50%; margin-left: -472px;}
.lage-list li{float: left; text-align: center; width: 85px; margin:0 25px;}
.lage-list li p{font-size: 14px; color: #fff;text-shadow: 1px 1px 1px #666;}

/* 裸机防水 */
.metal-des{position: absolute; top:21%; left: 14%; width: 800px; text-align: center; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.metal-des h2{color: #fff; height: 90px; line-height: 90px;}
.metal-des p{line-height: 30px; color: #fff;}
.metal-run{animation: des 2s forwards;}

.metal-list{width: 400px; margin:0 auto; }
.metal-list li{float: left; text-align: center; width: 50%; margin-top: 40px;}
.metal-list li h2{height: 46px; line-height: 46px;}
.metal-list li h2 em{font-size: 16px;}
.metal-list li p{font-size: 14px;}


@media screen and (min-width: 1200px) and (max-width:1599px) {
	.metal-des{left: 12%;}
}

/* 防抖 */
.n-view{padding: 20px 0 80px; width: 1200px; margin: 0 auto; text-align: center; color: #221815;}
.view-des{margin-bottom: 30px;  filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.view-des h2{color: #000; height: 90px; line-height: 90px;}
.view-des p{line-height: 30px; width: 960px; margin: 0 auto; font-size: 18px;}
.m {width: 1200px; margin-left: auto; margin-right: auto;}
.m #slider img{width: 100%;}
.view-run{animation: des 2s forwards;}

@media screen and (min-width: 1200px) and (max-width:1599px) {
	.m{width: 1000px;}
	.m #slider img{width: 100%;}
}

/* 超广角 */
.wangle-des{position: absolute; top: 26.1%; left: 17.7%;width:40%; text-align: left; color: #fff; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.wangle-des h2{line-height: 96px;text-align: center;}
.wangle-des p{line-height: 32px;text-shadow: 2px 2px 1px #666;}

.wangle-list{width: 524px; margin-top: 30px;}
.wangle-list li{float: left; width: 91px; margin:0 20px; text-align: center;}
.wangle-list li p{font-size: 14px; color: #fff;}
.wangle-run{animation: des 2s forwards;}

@media screen and (min-width: 1200px) and (max-width:1599px) {
	.wangle-des{top: 18%; left: 15%;}
	
}

/* 防抖 */
.shake{padding: 40px 0; width: 1200px; margin:0 auto;}
.shake-des{width: 700px; margin: 0 auto 20px; color: #000; text-align: center; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.shake-des h2{height: 90px; line-height: 90px;}
.shake-des p{line-height: 30px;}
.shake .shake-video{width: 100%;}
.shake .shake-video video{display: none;}
.shake .shake-video img{display: none; margin-bottom: 30px;}

.btn-shake{width: 500px; margin:0 auto;}
.btn-shake span{float: left; margin: 0 18px; color: #a0a0a0; font-size: 14px; height: 45px; line-height: 45px;}
.btn-shake .bicon{float: left; position: relative;}
.btn-shake .bicon em{display: block; float: left; text-align: center; height: 45px; line-height: 45px; width: 80px; color: #fff; font-size: 14px; font-weight: 700; }
.btn-shake .bicon img{position: absolute; left: -3px; top: -3px; width: 100px; cursor: pointer;}
.btn-shake .bicon em:nth-of-type(1){background: #04a4ee; border-top-left-radius: 25px; border-bottom-left-radius: 25px;}
.btn-shake .bicon em:nth-of-type(2){background: #cacaca; border-top-right-radius: 25px; border-bottom-right-radius: 25px;}
.shk-run1{animation: imgopen 0.5s linear forwards;}
.shk-run2{animation: imgoff 0.5s linear forwards;}
.shake-run{animation: des 2s forwards;}}

/* 一触即得 */
.touch #video1{width: 100% !important;}
.touch-des{position: absolute; left: 50%; text-align: center; top: 21%; width: 590px; color: #fff; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.touch-des h2{height: 90px; line-height: 90px;}
.touch-des p{line-height: 30px; width: 530px; margin:0 auto;text-align: left;}

.touch-list{width: 570px; margin: 30px auto;}
.touch-list li{float: left; width: 90px; margin: 0 25px;text-align: center;}
.touch-list li img{height: 67px; width: 67px;}
.touch-list li p{font-size: 14px; width: 90px; line-height: 24px;text-align: center;}
.touch-run{animation: des 2s forwards;}

/* 专业照片 */
.major-des{position: absolute; top: 2.6%; width: 1000px; text-align: center; color: #595757; left: 50%; margin-left: -500px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.major-des h2{height: 80px; line-height: 80px;}
.major-des p{line-height: 30px;}
.major-run{animation: des 2s forwards;}
@media screen and (min-width: 1200px) and (max-width:1599px) {
	.major-des h2{height: 60px; line-height: 60px;}
}

/* 捕捉 */
.capture-des{left: 18%; position: absolute; top: 27.5%; width: 680px; text-align: center; color: #fff; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.capture-des img{width: 44px; margin: 0 auto;}
.capture-des h2{height: 60px; line-height: 60px;}
.capture-des p{line-height: 30px; font-size: 24px; margin-top: 12px}
.capture-des span{font-size: 14px; line-height: 28px;width: 400px;margin: 20px auto;display: block;}
.capture-run{animation: des 2s forwards;}

/* 文件更小 */
.file{background: #101018; padding: 30px 0 100px;}
.file-des{width: 800px; margin: 0 auto; color: #fff; text-align: center; margin-bottom: 50px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.file-des h2{height: 90px; line-height: 90px;}
.file-des p{line-height: 30px;}

.file-contant{width: 68%; margin: 0 auto;}
.file-contant .file-video{float: left; width: 47%; margin-right:10%; position: relative;}
.file-contant .file-video .f-play-video{position: absolute; right: 4%; width: 8%; cursor: pointer; bottom: 4%; display: none;}
.file-contant .file-video video{width: 100%;}
.file-contant .flie-box{float: left; width: 43%;}

.f-box-1{width: 35%;margin:0 7.5%; float: left;}
.f-box-1 .box-list{margin-top: 60px; color: #fff;}
.box-size h2{float: left; font-size: 52px; margin-right: 12px;}
.box-size p{float: left; font-size: 16px; line-height: 26px;}
.f-box-1 .box-list li img{width: 100%;}
.f-box-1 .box-list li{margin-bottom: 20px;}
.f-box-1 .box-list li span{text-align: center; display: block; font-size: 16px;}
.file-run{animation: des 2s forwards;}

@media screen and (min-width: 1200px) and (max-width:1599px) {
	.f-box-1 .box-list{margin-top: 30px;}
}

/* 搭载机载云台 */
.carry video{width: 100%;}
.carry-des{position: absolute; top: 30%; left: 15.7%; width: 740px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.carry-des h2{height: 90px; line-height: 90px;}
.carry-des p{line-height: 30px;}
.carry-run{animation: des 2s forwards;}

/* 防抖 */
.collocation{background: #eee; padding: 40px 0 60px; text-align: center;}
.collocation-des{width: 1200px; margin: 0 auto; text-align: center; }
.collocation-des h2{height: 90px; line-height: 90px; color: #221815;}
.collocation-des p{line-height: 30px; color: #221815; width: 580px; margin: 0 auto;}
.collocation video{width: 1200px; margin: 30px auto;}

/* 专属app */
.app{ height: 800px;}
.app-des{position: absolute; top: 2%; width: 900px; text-align: center; color: #fff; left: 50%; margin-left: -450px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.app-des h2{height: 70px; line-height: 70px;}
.app-des p{line-height: 30px;text-shadow: 1px 1px 1px #666;}
.app-des .app-list{width: 840px; margin: 20px auto 0;}
.app-des .app-list li{float: left; width: 130px; margin: 0 14px;text-align: center;}
.app-des .app-list li:nth-of-type(1){width: 160px;}
.app-des .app-list li img{width: 66px; margin: 0 auto;}
.app-des .app-list li p{color: #fff; font-size: 14px;text-shadow: 1px 1px 1px #666;}
.app-run{animation: des 2s forwards;}

/* 续航 */
.xuhang-des{position: absolute; top: 4%; left: 50%; width: 800px; text-align: center; color: #fff; margin-left: -400px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.xuhang-des h2{height: 90px; line-height: 90px;}
.xuhang-des p{line-height: 30px;}

.xuhang .xh-time{position: absolute; width: 200px; left: 50%; margin-left: -100px; bottom: 4%; color: #fff;}
.xuhang .xh-time em{font-size: 90px; font-style: normal;}
.xuhang .xh-time span{font-size: 28px;}
.xuhang-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{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 imgopen{
	from{
		left: -3px;
	}
	to{
		left: 60px;
	}
}

@keyframes imgoff{
	from{
		left: 60px;
	}
	to{
		left: -3px;
	}
}