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%; margin: 0 auto;}
.isshow{display: block !important; z-index: 2;}
.chang-color{color: #2dcff5!important;}
h2{font-weight: 700;font-size: 42px;}
section p{font-size: 18px;}
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;}


/* 头部 */
.vimbleone-header{width:520px; left: 50.6%; top: 33.8%; position: absolute;}
.vimbleone-header img{width:90%; margin: 0 auto;}
.vimbleone-header h1{font-size: 32px; padding: 30px 0; text-align: center; color: #fff; font-weight: 700;}
.vimbleone-header p{text-align: center; color: #fff;}
/* 参数 */
.para-list{position: absolute; top: 26%; left: 15%; width:70%;}
.para-list li{float: left; width:12.5%; text-align: center;}
.para-list li img{width: 50%; margin: 0 auto;}
.para-list li p{font-size: 16px; color: #fff; line-height: 24px; margin-top: 8px;}

.vimbleone-header #viss{height: 120px; width: 190px; position: relative; background: url(../jpg/videobg-3.jpg) no-repeat; margin:20px auto 0;}
.vimbleone-header #viss .list-shade{cursor: pointer; position: absolute; height: 120px; width: 190px; background: rgba(0,0,0,0.4);}
.vimbleone-header #viss .list-shade img{cursor: pointer; height: 28px; width: 28px; position: absolute; left: 50%; top: 50%; margin-left: -14px; margin-top: -14px;}
.vimbleone-header #viss .list-shade:hover{background: rgba(0,0,0,0); opacity: 0.6;}

/* 专业防抖 */
.view-des{position: absolute; width:640px; color:#fff; top: 6%; text-align: center; left: 50%; margin-left: -320px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.view-run{animation: des 2s forwards;}

/* 小巧 */
.small-des{width:480px; position: absolute; left: 20.4%; top: 36%; text-align: center; color: #fff; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.small-run{animation: des 2s forwards;}

/* 延长杆 */
.rod-des{width:480px; left: 60%; top: 37%; text-align: center; color: #2a54a6; position: absolute; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.rod-run{animation: des 2s forwards;}

/* 原生相机 */
.camera-des{width:700px; left: 45%; top: 24%; text-align: center; color: #fff; position: absolute; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.camera-run{animation: des 2s forwards;}

/* 横竖切换 */
.change-des{width:500px; left: 15%; top: 28%; color: #fff; position: absolute; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.change-run{animation: des 2s forwards;}

/* 直播 */
.live-des{width:700px; left: 50%; text-align: center; margin-left: -350px; top: 70%; color: #fff; position: absolute; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.live-run{animation: des 2s forwards;}

/* 锁定 */
.lock-des{width:400px; left: 60%; top: 30%; color: #353535; position: absolute; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.lock-run{animation: des 2s forwards;}

/* 随动 */
.follow-des{width:500px; left: 52%; top:8%; color: #fff; position: absolute; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.follow-run{animation: des 2s forwards;}

/* 玩法 */
.play-des{position: absolute; text-align: center; width:440px; left: 50%; top: 4%; margin-left: -220px; color: #000;}
.play-des h2{font-size: 42px;}
.play-des h3{padding: 25px 0; font-size: 26px; font-weight: 700;}
.play-list{position: absolute; width:64%; left: 18%; top: 10%;}

.play-list .play-content{width:100%; margin-bottom: 120px;}
.play-list .play-content img{width: 50%; float: left;}
.play-list .play-content .play-sub{width:38%; margin: 100px 6% 0 6%; float: left;}
.play-list .play-content .play-sub h2{margin-bottom: 20px;}
.play-list .play-content .play-sub p{line-height: 30px;}

.xuhang-des{position: absolute; top: 16%; left: 64%; color: #fff; width:440px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.xuhang-run{animation: des 2s forwards;}

.changing{background: #fff; padding: 100px 0;}
.changing-list{width:600px; text-align: center; height: 50px; background: #6d6d6d; border-radius: 25px; margin: 0 auto;}
.changing-list li{float: left;}
.changing-list li p{border-right: 2px solid #fff; cursor: pointer; width:198px; height: 20px; line-height: 20px; margin-top: 15px; font-weight: 700; color: #fff; font-size: 14px;}
.changing-list li:nth-last-of-type(1) p{border-right: 0px;}
.changing-img{width:1000px; margin: 50px auto 0px;}
.changing-img img{width:100%; display: none;}

.view-des h2,.small-des h2,.rod-des h2,.camera-des h2,.change-des h2,.live-des h2,.lock-des h2,.follow-des h2,.xuhang-des h2{margin-bottom: 20px;}
.view-des p,.small-des p,.rod-des p,.camera-des p,.change-des p,.live-des p,.lock-des p,.follow-des p,.xuhang-des p{line-height: 30px;}



/* 宣传视频 */
.body-shade{cursor: pointer; display: none; top: 0; position: fixed; height: 100%; width: 100%; background: rgba(0,0,0,0.5); z-index: 100;}
.publicity-video{position: fixed;display: none; left: 50%; top: 50%; margin-left: -480px; height: 540px; width:960px; margin-top: -299px; z-index: 100;}
.publicity-video video{width: 100%;}



@media screen and (min-width: 1200px) and (max-width:1599px) {
	.vimbleone-header{top: 20%;}
    h2{font-size: 30px;}
    .small-des{left: 18%; width:360px;}
    .change-des{left: 6%;}
    .follow-des{top: 6%;}
    .play-des{top: 3%;}
    .camera-des{width:600px;}
    .play-list{width:72%; left: 18%; top: 10%;}
    .play-list .play-content{margin-bottom: 70px;}
    .changing-list li p{font-size: 16px;}
    .para-list{top: 20%;}
    .para-list li p{font-size: 14px; line-height: 20px;}
    .rod-des p{text-shadow:1px 1px 1px #2a54a6;}
    .play-list .play-content .play-sub{margin: 70px 6% 0 6%;}
}

/*字推移*/
@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; 
	}
}
.vimbleone img,.para img,.view img,.small img,.rod img,.camera img,.change img,.live img,.lock img,.follow img,.play img,.xuhang img,.changing img{width:100%;}