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%; max-width: 1920px; margin: 0 auto;}
.isshow{display: block !important;}
/*.awith{width: 21% !important;}*/
h2{font-weight: 300 !important;font-size: 28px !important;}
section p{font-size: 16px;}
ul li{list-style: none;}
em{display: block;}
span{display:inline-block;}
img{display: block;}
video {display: block;}
html,body{overflow-x: hidden;position: relative;}
.cir{width: 8px !important; height: 8px !important; border-radius: 50% !important;}

.g6-header img{width: 100%;}
.header-des{position: absolute; left: 15.7%; top: 22.5%; width: 21.87%;}
.header-des img{width: 54.7%; margin: 0 auto;}
.header-des h2{color: #dcdcdc; margin: 8% auto 0; width: 100%; text-align: center;}
.thumb{position: absolute;top: 53%;left: 15.7%; width: 21.87%;}
.th-img{width: 280px; height: 157px; margin:0 auto; background: url('../g6_video.html');}
.thumb .bos{position: absolute; width: 50px; height: 50px; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px; cursor: pointer;}
.header-des p{width: 100%; text-align: center; margin: 4% auto 0; font-size: 16px;color: #dcdcdc;}


/*阴影*/
.video-shade{height: 100%; background: rgba(0,0,0,0.4); width: 100%; position:absolute; top: 0; display: none;  z-index: 10000;}
.layer-video{z-index:10000;height: 498px; width: 750px; position: fixed; display: none; top: 50%; left: 50%; margin-top: -249px; margin-left: -375px;}
.layer-video video{z-index: 10000;}

/*控制相机*/
.con-cam img{width: 100%;}
.con-cam video{width: 100%; position: absolute; top: 0;}
.con-cam .bo{position: absolute; width: 8.8%; top: 36.2%; cursor: pointer; left: 46.8%;}

/*WIFI+蓝牙*/
.mode img{width: 100%;}
.mode-des{position: absolute; top:5.2%; width: 720px; text-align: center; left: 50%; margin-left: -360px;}
@media screen and (min-width: 1200px) and (max-width:1599px) {
    .mode-des{top:2.8%;}
    .mode-des h2{height: 36px; line-height: 36px;}
    .mode-des p{line-height: 26px;}
}
.mode-des h2{color: #575556; height: 64px; line-height: 64px;}
.mode-des p{color: #747474; line-height: 30px;}
.mode .list,.mode .list2{position: absolute; top: 45%; left: 38%; width: 22.9%;}
.mode .list li,.mode .list2 li{float: left; margin: 0 6.4% 0 0; width: 6px; background: #0081cc; height: 6px; border-radius: 50%;}
.mode .list2{left: 52%;}

.mode .list3{position: absolute; width: 20.7%; left: 38%; top: 48%;}
@media screen and (min-width: 1200px) and (max-width:1599px) {
    .mode .list3{width: 22.7%;}
}
.mode .list3 p{color: #7c7879; width: 120px;text-align: center;}
.mode .mode-bottom{position: absolute; bottom: 18.3%; width: 62.5%; left: 20%; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; }
.mode-carun{animation: camrun 2s forwards;}
.node{position: absolute; left: 22%; bottom: 10.1%; width: 1000px;}
.node p{color: #747474; font-size: 16px;}

/*轮播图*/
   /* html, body {
      position: relative;
      height: 100%;
    }*/
    .swiper-container {
      width: 100%;
      height: 100%;
      max-height: 638px !important;
    }

    @media screen and (min-width: 1200px) and (max-width:1599px) {
         .swiper-container {max-height: 478px !important;}
    }
        .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

.swiper-slide img{width: 100%;max-width: 1920px; height: 100% !important;}
.swiper-pagination-bullet{height: 18px !important; width: 18px !important;background: #0081CC !important;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 20px 20px !important;}

/*两个设备、一手掌控*/
.control{height: 0px; margin: 0 auto; overflow: hidden;}
.control .con-left{width: 50%; height: 800px; background: #757575;}
#con_scene{width: 564px; height: 100%; position: absolute; left: 10%; overflow: hidden;}
#con_scene #list1{width: 5000px;position: absolute;top: 20%;left: 0%;}
#con_scene #list1 li{float: left; width: 564px;}
#con_scene #list1 li img{width: 564px;overflow: hidden;}

.control .con-right{width: 50%; height: 100%; background: #2e2c2d; position: relative;}
.control .con-right h2{color: #fff; position: absolute; top: 37.5%; left: 15.8%; width:70.5%; text-align:center;}
.control .con-right p{position: absolute; color: #d8d4d3; width: 70.5%; left: 15.8%; text-align: center; top: 45.25%; line-height: 30px;}

@media screen and (min-width: 1200px) and (max-width:1599px) {
    .control{height: 0px;}
    .control .con-left{height: 600px;}
    #con_scene{width: 423px;}
    #con_scene #list1 li{width: 423px;}
    #con_scene #list1 li img{width: 423px;}
}

@media screen and (min-width: 1600px) and (max-width:1919px) {
	.control{height: 0px;}
	.control .con-left{height: 700px;}
    #con_scene{width: 493px;}
    #con_scene #list1 li{width: 493px;}
    #con_scene #list1 li img{width: 493px;}
}

/*led显示屏*/
.scope img{width: 100%;}
.scope-des{position: absolute; left: 19%; top: 20.4%; width: 27.125%;}
.scope-des h2{color: #fff; line-height: 40px;}
.scope-des p{color: #bab8b9; line-height: 30px; margin-top: 10px;}

@media screen and (min-width: 1200px) and (max-width:1599px) {
   .scope-des{top: 10.4%; width: 34.125%;}
}

/*防泼水*/
.avoid img{width: 100%;}
.avoid-des{position: absolute; top: 39.9%; left: 16.75%; }
.avoid-des h2{color: #fff; line-height: 64px; line-height: 64px;}
.avoid-des p{color: #bab8b9; line-height: 30px;}

/*控制算法升级*/
.upgrade img{width: 100%;}
.upgrade-des{position: absolute; left: 8%; top: 42%; width: 380px;}
.upgrade-des h2{color: white; height: 74px; line-height: 74px;text-align: left;}
.upgrade-des p{ color: #fffeff; line-height: 26px;text-align:left;}
/*所见所得*/
.algorithm img{width: 100%;}
.algo-des{position: absolute; top: 22.8%; left: 66.4%; width: 420px;}
.algo-des h2{color: #fff; height: 54px; line-height: 54px;}
.algo-des p{line-height: 30px; color: #f5f5f5;}
.algorithm .p1{position: absolute; left: 20.3%; top: 46.1%; color: white;}

/*功能方式*/
.way{padding: 80px 0 100px 0;}
.way-contain{width: 1200px; margin: 0 auto; }
.way-contain p{text-align: center; line-height: 30px; height: 30px; width: 800px; margin: 0 auto;}
.way .way-video{width: 62.5%; margin: 0 auto; cursor: pointer;}
.way .way-video .video-back{width: 50%; position: relative; float: left;}
.way .way-video .video-back:hover img{display: none !important;}
.way .way-video .video-back img{width: 100%; position: absolute; top: 0;}
.way .way-video video{width: 100%;}
/*防抖对比*/
.shake{padding: 80px 0; background-color:#f4f1ec;}
.shake-video{width: 1100px; margin: 0 auto;}
.shake-des{position: absolute; left: 50%; margin-left: -380px; bottom: 10%; color: #585657; width: 760px;}
.adjust img{width: 100%;}

/*更多调节*/
.adjust-des{position: absolute; top: 41.25%; left: 58.7%; color: white; width: 500px;}
.adjust-des h2{line-height: 52px;}
.adjust-des p{line-height: 30px;}

/*轨迹延时*/
.delay img{width: 100%;}
.delay-des{position: absolute; top: 6.5%; width: 480px; left: 50%; margin-left: -240px; text-align: center;}
.delay-des h2{color: white; line-height: 64px;}
.delay-des p{color: #d6d6d6;}
.delay .video-back{width: 39.2%; position: absolute; left: 30.5%; top: 26%;}
.delay .video-back video{width: 100%; position: absolute; z-index: 10; top: 0;}
.delay .video-back .delay-play{position: absolute; width: 18.8%; top: 28.2%; cursor: pointer; left: 39.8%;}

/*细节*/
.details img{width: 100%;}
.details p{color: #999692;}
.details .p1{position: absolute; top: 16.68%; left: 66.7%;}
.details .p3{position: absolute; top: 56.3%; left: 64.4%;}
.details .p4{position: absolute; top: 77.2%; left: 33.2%;}
.details .p5{position: absolute; bottom: 5%; left: 64.4%;}
.details .sp1{width: 2.3%; left: 51.475%; top: 15.8%; position: absolute;cursor: pointer;}
/*.details .sp2{width: 2.3%; left: 46.9%; top: 41.9%; position: absolute;cursor: pointer;}*/
.details .sp2{width: 2.3%; left: 48.9%; top: 55.6%; position: absolute;cursor: pointer;}
.details .sp3{width: 2.3%; left: 49.9%; top: 76.2%; position: absolute;cursor: pointer;}
.details .sp4{width: 2.3%; left: 48.8%; bottom: 3.3%; position: absolute;cursor: pointer;}
.details .sp1 img,.details .sp2 img,.details .sp3 img,.details .sp4 img{display: none; width: 100%;}

.details .deta-1{position: absolute; left: 54.4%; top: 0;}
.details .det{width: 21%; overflow: hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.awith{animation: opace 2s forwards;}
.details .deta-1 img,.details .deta-2 img,.details .deta-3 img,.details .deta-4 img{width: 100%;}

.details .deta-2{position: absolute; left: 27.9%; top: 25.9%;}
.details .deta-3{position: absolute; left: 52.3%; bottom: 3.2%;}
.details .deta-4{position: absolute; left: 27.6%; bottom: 0%;} 

.details .deta-des{position: absolute; top: 64.8%; left: 11.8%;}
.details .deta-des2{position: absolute; top: 64.8%; left: 5.8%; width: 90%;}
.details .deta-des p,.details .deta-des2 p{font-size: 24px; color: #585657; line-height: 30px;}
.details .deta-des span,.details .deta-des2 span{font-size: 16px; color: #808080; width: 90%; line-height: 26px;}
@media screen and (min-width: 1200px) and (max-width:1599px) {
    .details .deta-des2{top: 60.8%;}
    .details .deta-des p,.details .deta-des2 p{font-size: 18px;line-height: 22px;}
  .details .deta-des span,.details .deta-des2 span{font-size: 12px;line-height: 18px;}
}

/*电池*/
.battery img{width: 100%;}
.bat-des{position: absolute; top: 7.23%; width: 520px; left: 50%; margin-left: -260px; text-align: center;}
.bat-des h2{color: white; line-height: 60px;}
.bat-des p{color: #cbcbcb; line-height: 30px;}

.ba-list{position: absolute; top: 32.5%; width: 300px; left: 50%; margin-left: -150px; }
.ba-list li{border-right: 2px solid #cbcbcb; float: left; padding: 0 40px; color: white; text-align: center;}
.ba-list li:nth-last-of-type(1){border: none; padding-right: 0px;}
.ba-list li h2{color: #e2e2e2;}
.ba-list li p{color: #cbcbcb;}

/*日出到日落*/
.sunrise img{width: 100%;}
.sunrise-des{position: absolute; top: 27.23%; width: 640px; left: 50%; margin-left: -320px; text-align: center;}
.sunrise-des h2{color: white; line-height: 60px;}
.sunrise-des p{color: #cbcbcb; line-height: 30px;}


/*加号*/
.expand{cursor: pointer; position: absolute; width: 44px; height: 44px; background: url(../bot.html) no-repeat; z-index: 10; left: 50%; margin-left: -22px; bottom: -22px;}
/*减号*/
.detele{cursor: pointer; position: absolute; width: 44px; height: 44px; background: url(../jianhao-3.html) no-repeat; z-index: 10; left: 50%; margin-left: -22px; bottom: 22px;}
.l-more{position: relative;left: 48.5%;top: -25px;}


/*css运动*/
@keyframes camrun{
	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 opace{
	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;
    }
}