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; 
}
*{box-sizing:inherit !important;}
.clear { *zoom :1;}
.clear:after { content:"."; clear:both; display:block; height:0; overflow:hidden; visibility:hidden;}
.pull-left { float:left;}
.pull-right { float:right;}
.cir{position: relative; top: 3px; height: 17px !important; width: 17px !important; background: #eee !important; border: 1px solid #0081cc;}
.adapt_screen{
	width: 100%; position: relative; margin: 0 auto;
}

.video-play-show{display: block !important;}
.ashow{display: block !important;}
ul,li{list-style: none;}
h2{font-weight: 700; font-size: 28px;}
a{text-decoration: none;}
img{display: block;}
p{line-height: 30px;}

body {
	background: #fff;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #000;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}

.pc-banner {width: 100%;float: left;position: relative;z-index: 50; background: #fff;}

/* 头部 */
.vimble2s-header img{width:100%;}
.vimble2s-des{position: absolute; width:21%; left: 13.6%; top: 38%;}
.vimble2s-des p{color: #fff; font-size: 24px; margin-top: 10px;}

.vimble2s-des p img{width: 5%; float: left; margin-top: 10px;}
.vimble2s-des p span{font-size: 14px; text-decoration: underline; cursor: pointer; margin-left: 6px;}
.vimble2s-des p:hover span{color: #6cf;}

/*伸缩自如*/
.elastic video{width: 100%; display: block;}
.elastic .elastic-des{position: absolute; left: 12%; top: 37.2%; width:450px;}
.elastic .elastic-des h2{font-weight: 700; height: 50px; line-height: 50px; font-size: 28px;}
.elastic .elastic-des p{color: #333; line-height: 30px; font-size: 16px;}

/* 原生相机 */
.supcamear{background: #f6f6f4; padding-top:20px;}
.supcamear img{margin: 0 auto; width:43.9%;}
.supcamear-des{width:740px; margin: 0 auto; text-align: center; padding:50px 0;}
.supcamear-des p{margin-top: 20px; font-size: 16px}

/* 太空视效 */
.pov img{margin:0 auto;}
.pov-des{position: absolute; left: 15.6%; top: 29%; color: #fff; width: 28.6%;}
.pov-des p{font-size: 16px; margin-top: 20px; line-height: 30px;}
.hasp .sp{position: absolute; bottom: 4%; left:74%; color: #fff; font-size: 14px;}

/* 三轴锁扣 */
.hasp{background: #fff; padding-top: 50px;}
.hasp img{width:29.5%; margin-left: 14.5%;}
.hasp-des{position: absolute; top: 40%; left: 53%; width:480px; color: #191919;}
.hasp-des p{font-size: 16px; margin-top: 20px; line-height: 30px;}

/* 手机夹具 */
.fixture-des{position: absolute; top: 5%; width:680px; left: 50%; margin-left: -340px;text-align: center; color: #fff;}
.fixture img{width:100%;}
.fixture-des p{font-size: 16px; margin-top: 20px; color: #d5d5d5;}
/*人脸追踪+物体锁定*/
.face-body{width: 100%; position: relative; background: #F3F3F3;padding: 30px 0 50px 0;}
.face-container,.body-container{width: 1200px; height: 432px; margin: 150px auto 70px; background: #fff;}
.face-container .container-left,.body-container .container-right{position: relative; width: 50%; height: 100%;}
.face-container .container-left video,.body-container .container-right video{object-fit:fill; width: 600px; height: 432px; display: block; position: absolute; top: 0;}
.face-container .container-left .face-play,.body-container .container-right .body-play{z-index: 100; width: 80px; height: 80px; position: absolute; left: 50%; margin-left: -40px; top: 50%; margin-top: -40px; cursor: pointer; background: url(../png/phone_play.png) no-repeat;}
.face-container .container-left .face-play:hover,.body-container .container-right .body-play:hover{background: url(../png/phone_play_hov.png) no-repeat; opacity: 0.5;}
.face-container .container-right,.body-container .container-left{width: 50%;}
.face-container .container-right h2,.body-container .container-left h2{padding-top: 150px; color: #000; width: 80%; margin: 0 auto; text-align: center;}
.face-container .container-right p,.body-container .container-left p{width: 80%; margin: 20px auto 0; text-align: center; font-size: 16px; color: #000;}

/* 拍的尽兴 */
.playhappy{background:#1b1b1b;padding: 50px 0;}
.playhappy-des{margin:0 auto; width:500px; left: 50%; top: 27%; color: #fff; position: absolute;}
.playhappy-des h2{line-height: 40px;}
.playhappy-des p{font-size: 16px; line-height: 30px; margin-top: 20px;}
.playhappy-img{margin-left: 22.7%; position: relative; width:18.75%;}
.playhappy-img img{width:94%;}
.playhappy-img video{position: absolute; z-index: 100; top: 3%; left: 5.5%; border-radius: 40px; width:83%;}
/*轨迹延时摄影*/
section .delay{height: 340px; padding: 176px 0; background: #fff;}
.delay-contain .contain-des{display: none; width: 600px; text-align: center; position: absolute;top: 50px; left: 50%; margin-left: -300px;}
.delay-contain .video{width: 540px; height: 340px; position: relative;}
.delay-contain .video .delay-play{width: 50px; height: 50px; background: url(../delayed_play.html) no-repeat; position: absolute; left: 50%; top: 50%; cursor: pointer; margin-top: -25px; margin-left: -25px;}
.delay-contain .video .delay-play:hover{background: url(../delayed_play_hov.html) no-repeat;}
.delay-contain .contain-des h2{color: #666; font-size: 28px; height: 64px; line-height: 64px; font-weight: 300;}

/* 自适应 */
.birght img{width:100%;}
.birght-des{position: absolute; top: 29%; left: 54.4%; color: #fff; width:29.8%;}
.birght-des p{line-height: 30px; margin-top: 20px; font-size: 16px;}

/* 灵活便携 */
.portable{background: #fff; padding-top:100px;}
.portable img{width:30%; margin-left: 56.4%;}
.portable-des{position: absolute; top: 27%; left: 12%; width:30%;}
.portable-des p{line-height: 30px; font-size: 16px; margin-top: 20px;}

.portable-list{position: absolute; left: 12%; top: 56%;}
.portable-list li{float: left;}
.portable-list li:nth-of-type(2){margin:0 60px;}
.portable-list li span{margin-bottom: 24px; font-size: 18px; display: block;}
.portable-list li h3{font-size: 46px; font-weight: 700;}
@media screen and (min-width: 1200px) and (max-width:1599px) {
	.portable-list li span{margin-bottom: 16px;}
	.portable-list{top: 64%;}
	.portable-list li h3{font-size: 32px;}
	.portable-des{top: 16%; width:40%;}
	.vimble2s-des p{font-size: 20px;}
}


/*智能app*/
.intelligence-app{height: 750px; background: #fff;}
.intelligence-app center{padding: 48px 0 30px;}
.intelligence-app center p{font-size: 28px; color: #666;}
.intelligence-app .iphone{position: relative; margin: 0 auto;  width: 887px; height: 443px;}
.intelligence-app .iphone .backgro{width: 887px; z-index: 2; position: absolute;}
.intelligence-app .iphone .play{cursor: pointer; position: absolute; z-index: 5; width: 50px; height: 50px; background: url(../delayed_play.html) no-repeat; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px;}
.intelligence-app .iphone .play:hover{background: url(../delayed_play_hov.html) no-repeat;}
.intelligence-app .iphone video{display: none; position: absolute; width: 100%; top: 12px; border-radius:100px;}
.intelligence-app .table{text-align: center; position: absolute; bottom: 80px; width: 220px; left: 50%; margin-left: -85px;}
.intelligence-app .table p{color: #8a8a8a; font-size: 16px; /*display: none;*/ width:120px; text-align: center; line-height: 20px;}
.intelligence-app .table p:nth-of-type(1){position: absolute; top: 40px; left: -10px;}
.intelligence-app .table p:nth-of-type(2){position: absolute; top: 40px; left: 110px;}
.intelligence-app .table span{cursor: pointer; display: inline-block; width: 14px; height: 14px; border-radius: 50%; background: #d8d8d8; z-index: 100; position: relative;}
.intelligence-app .table span:nth-of-type(2){ margin-left: 100px;}
.intelligence-app .table .line{position: absolute; top: 1px;}
.intelligence-app .table .line em{display: inline-block; height: 1px; width: 130px; background: #d8d8d8; left: 40px; position: relative;}

/*充电*/
section .charge{background: url(../charge.html) no-repeat; left: 50%; width: 1920px; height: 700px; margin-left: -960px; position: relative;}
.charge-des{position: absolute; left: 21.4%; top: 14.3%; width: 520px;}
.charge-des h2{line-height: 40px; margin-bottom: 10px;}
.charge-des p{font-size: 16px; color: #999; line-height: 30px;}
.charge svg{position: absolute; left: 52.52%; top: 15.9%;}
.charge em{position: absolute; left: 21.4%; bottom: 62px; font-style: normal; color: #999; font-size: 16px;}
path {
  stroke-dasharray:10; stroke-dashoffset:10;
  animation: dash 5s linear infinite;
}

@keyframes dash {
  	from{stroke-dashoffset: 500;}
	to{stroke-dashoffset:0;}
}	

/* 防护 */
/* .protect{padding: 200px 0 0px; background: #e0e0e0;} */
.protect img{width:100%;}
.protect-des{position: absolute; top: 38.6%; left: 12%; color: #000; width:32%;}
.protect-des p{line-height: 30px; margin-top: 20px; font-size: 16px;}

/*宣传视频*/
.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%;}

.pov img,.bright img{width:100%;}

.site-footer{box-sizing:border-box !important;}