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: 300; font-size: 28px;}
a{text-decoration: none;}
img{display: block;}

body {
	background: #F3F3F3;
	font-size: 14px;
	color: #000;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}

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

/*伸缩自如*/
.elastic video{width: 100%; display: block;}
.elastic .elastic-des{position: absolute; left: 20%; top: 37.2%; width: 30%;}
.elastic .elastic-des h2{font-weight: 300; line-height: 40px; font-size: 28px; line-height:58px;}
.elastic .elastic-des p{color: #333; line-height: 30px; font-size: 16px;}
@media (max-width:1600px) {
	.elastic .elastic-des{left: 10%; top: 20.2%;}
	.elastic .elastic-des h2{}
}

/*自拍*/
.autodyne video{width: 100%; display: block;}
.autod-des{z-index: 100; width: 500px; text-align: center; margin-left: -250px; left:50%; position: absolute; top: 5%;}
.autod-des p{color: #fff; font-size: 16px; line-height: 30px;}
.autodyne .autod-shade{width: 100%; top: 0; height: 100%; position: absolute; background: rgba(0,0,0,0.2); z-index: 10;}
/*内容*/
section .vimble-2-banner{height: 798px;}
section .vimble-2-banner .section-bg{height: 100%; width: 100%; background: url(../jpg/banner-3.jpg) no-repeat; background-size: cover; background-position: center;}
section .vimble-2-banner .section-bg .container{position: relative; width: 840px; margin: 0 auto; height: 100%;}
section .vimble-2-banner .section-bg .container .text{width: 440px; height: 240px; position: absolute; bottom: 18.12%;}
section .vimble-2-banner .section-bg .container .text p{font-size: 26px; color: white;line-height: 38px; margin-top: 15px;}
section .vimble-2-banner .section-bg .container .text span{margin-left: 10px;}
section .vimble-2-banner .section-bg .container .list{margin-top: 20px;}
section .vimble-2-banner .section-bg .container .list li{float: left; height: 120px; width: 190px; position: relative;} 
section .vimble-2-banner .section-bg .container .list li .list-shade{cursor: pointer; position: absolute; height: 120px; width: 190px; background: rgba(0,0,0,0.4);}
section .vimble-2-banner .section-bg .container .list li img{cursor: pointer; height: 28px; width: 28px; position: absolute; left: 50%; top: 50%; margin-left: -14px; margin-top: -14px;}
section .vimble-2-banner .section-bg .container .list li .list-shade:hover{background: rgba(0,0,0,0); opacity: 0.6;}
section .vimble-2-banner .section-bg .container .list li:nth-of-type(1){margin-right: 30px; background: url(../png/banner_v.png) no-repeat;}
section .vimble-2-banner .section-bg .container .list li:nth-of-type(2){background: url(../png/vim.png) no-repeat;}

/*横竖夹具*/
.fixture {padding-top:110px ;background:#fff;}
.fixture img{position: relative; left: 48.2%; width: 29.3%; bottom: 0;}
.fixture .fixture-des{width: 350px; left: 28.9%;/* text-align: right;*/ position: absolute; top:34.3%;}
.fixture .fixture-des p{font-size: 16px; line-height: 30px;}
@media (max-width:1600px) {
    .fixture .fixture-des{left: 20.9%;}
    
}

/*蓝牙+自拍*/
.shutter-autodyne{overflow: hidden; height: 700px; position: relative; left: 50%; margin-left: -960px; width: 1920px;}
.shutter-autodyne .shut-left{cursor: pointer; position: absolute;left: -16%; height: 700px; width: 84%; background: url(../jpg/shut-1.jpg) no-repeat;}
.shut-des{position: absolute; right: 14.8%; top: 40px; width: 500px; }
.shut-des h2,.autodyne-des h2{line-height: 34px; margin: 15px 0;}
.shut-des p,.autodyne-des p{color: #4c4c4c; line-height: 30px; font-size: 16px;}
.shutter-autodyne .shut-right{cursor: pointer; position: absolute;right: -54.7%; height: 700px; width: 84%; background: url(../jpg/shut-2.jpg) no-repeat;}
.autodyne-des{position: absolute; left: 42.8%; top: 40px; width: 450px;}

/*人脸追踪+物体锁定*/
.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: 100px; line-height: 40px; width: 80%; margin:0 auto; text-align: center;}
.face-container .container-right p,.body-container .container-left p{width: 75%; margin:0 auto; margin-top:10px; text-align: center; line-height: 30px; font-size: 16px; }


/*轨迹延时摄影*/
section .delay{height: 340px; padding: 176px 0; background: #fff;}
.delay-contain .contain-des{display: none; width: 800px; text-align: center; position: absolute;top: 50px; left: 50%; margin-left: -400px;}
.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;}

/*调焦视频*/
.focus-video img{width: 100%; display: block;}
.focus-video .focus-img{z-index: 200; position: absolute;  width: 61.3%; left: 19.3%; bottom: 0;}
.focus-video video{border-radius: 8%; width: 46.875%; position: absolute; z-index: 10; top:21%; left: 19.9%;}
.focus-video p{position: absolute; width: 920px; text-align: center; left: 50%; margin-left: -460px; top: 40px; font-size: 22px; color: white;}
/*更聪明*/
.bright{padding-top: 145px;background: #eee;}
.bright .br-kong{width: 28.5%; left:48.8%; position: relative;}
.bright .bright-des{position: absolute; width: 450px; left: 25%; z-index: 100; color: white; top: 30%;}
.bright .bright-des h2{color: #000; height: 64px; line-height: 64px; font-size: 28px; font-weight: 300;}
.bright .bright-des p{line-height: 30px; font-size: 16px; color: #333;}
@media screen and (min-width: 1200px) and (max-width:1599px) {
    .bright .bright-des{
        left: 15%;
    }
    .bright .br-kong{left:52.8%;}
}
@media screen and (min-width: 1600px) and (max-width:1919px){
	.bright .bright-des{
        left: 20%;
    }
    .bright .br-kong{left:52.8%;}
}

/*时尚配色*/
.vogue img{width: 100%; }
.vogue .vogue-des{position: absolute; top: 41.6%; left: 26.5%; color: white;}
.vogue .vogue-des h2{font-size: 28px; height: 58px; line-height: 58px; font-weight: 300;}
.vogue .vogue-des p{height: 30px; line-height: 30px; font-size: 16px;}
@media (max-width:1600px) {
    .vogue .vogue-des{
        left: 22.5%; 
    }
}
/*智能app*/
.intelligence-app{height: 750px; background: #fff;}
.intelligence-app center{padding: 48px 0 30px;}
.intelligence-app center p{font-size: 28px; color: #666; font-weight:300;}
.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:400px; left: 50%; margin-left: -150px;}
.intelligence-app .table p{color: #8a8a8a; font-size: 16px; /*display: none;*/}
.intelligence-app .table p:nth-of-type(1){position: absolute; top: 40px; left: -40px;}
.intelligence-app .table p:nth-of-type(2){position: absolute; top: 40px; left: 235px;}
.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{margin-left: -85px;}
.intelligence-app .table span:nth-of-type(2){ margin-left: 220px;}
.intelligence-app .table .line{position: absolute; top: 0px;}
.intelligence-app .table .line em{display: inline-block; height: 1px; width: 240px; background: #d8d8d8; left: 40px; position: relative;}

/*扳机键*/
.trig{height:600px; background: #e4e4e4;}
.trig .trig-back{height: 100%; left: 28.1%; position: absolute;}
@media (max-width:1600px) {
    .trig{
        height: 500px;
    }
}
.trig .trig-des{position: absolute; top: 28.9%; width: 540px; left: 49.1%;}
.trig .trig-des p{line-height: 28px; font-size: 16px;}
.trig .trig-des .list{margin-top: 60px;}
.trig .trig-des .list li{float: left;}
.trig .trig-des .list li:nth-of-type(2){margin: 0 60px 0 80px;}
.trig .trig-des .list li:nth-of-type(2) img{position: relative; left: 10px;}
.trig .trig-des .list li p{text-indent: 0px; color: #747578; height: 50px; line-height: 50px;}
.trig .trig-des .list li:nth-of-type(2) p{ text-indent: 0px;}
.trig .trig-des .list li:nth-of-type(3) p{ text-indent: px;}

/*充电*/
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: 480px;}
.charge-des h2{height: 70px; line-height: 70px;}
.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;}
}

/*灵活便捷多功能*/
.nimble {padding-top: 45px; background: #fff;}
.nimble img{width: 35.6%; position: relative; left: 48.1%; bottom: 0;}
.nimble-des{top: 19.4%; position: absolute; left: 23.5%; width: 470px;}
.nimble-des h2{line-height: 38px; margin-bottom:15px;}
.nimble-des p{font-size: 16px; line-height: 30px; color: #333;}
.nimble .list{top: 55.7%; left: 23.5%; position: absolute;}
.nimble .list li{float: left;}
.nimble .list li:nth-of-type(1){padding-right: 40px;}
.nimble .list li:nth-of-type(2){padding: 0 50px; border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb;}
.nimble .list li:nth-of-type(3){padding-left: 40px;}
.nimble .list li p{width: 100%; font-size: 16px; line-height: 30px; color: #999;}
.nimble .list li h3{font-size: 30px; color: #333; font-weight: 300;}
@media (max-width: 1600px){
    .nimble-des{left: 13.5%;}
    .nimble .list{left: 13.5%;}
    .nimble img{left: 55.1%; bottom: 0;}
}

/*配件*/
.peijian{padding: 32px 0 250px; width: 100%; height: 440px; background: #000;}
.peijian center{color: #e7e7e7; font-size: 28px; font-weight:300; height: 140px; line-height: 140px;}
.peijian .list{height: 100%; width: 900px; margin: 0 auto; }
.peijian .list li{cursor: pointer; float: left; width: 48%; height: 100%; background: #e4e4e4;}
.peijian .list li img{margin: 38.6% auto 0; width: 80%;}
.peijian .list li:nth-of-type(2){margin-left: 2.5%;}
.peijian .list li:nth-of-type(2) img{margin: 15.6% auto 0;}
.peijian .list li:hover img{transition: all 0.3s linear; transform: scale(1.02);}

@media screen and (min-width: 1600px) and (max-width:1919px) {
    .peijian .list{
        height: 85%; 
        width: 800px;
    }
    .peijian .list li{
    	 width: 48%
    }
    
}
@media screen and (min-width: 1200px) and (max-width:1599px) {
	.peijian{padding: 32px 0 100px; width: 100%;}
    .peijian .list{
        height: 75%; 
        width: 700px; 
    }
    .peijian .list li{
    	 width: 48%
    }
    .peijian center{font-size: 30px; height: 100px; line-height: 100px;}
}
.elastic video,.autodyne video{width:100%;}

/*宣传视频*/
.body-shade{cursor: pointer; display: none; top: 0; position: fixed; height: 100%; width: 100%; background: rgba(0,0,0,0.5); z-index: 2000;}
.publicity-video,.publicity-video2{position: fixed;display: none; left: 50%; top: 50%; margin-left: -375px; height: 498px; width:750px; margin-top: -299px; z-index: 500000;}
.site-footer{box-sizing:border-box !important;}