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;}
.isshow{display: block !important;}
.adapt_screen{
	position: relative;
	left: 50%;
	margin-left: -960px;
	width: 1920px;
}

.suit_screen{
	position: relative;
	max-width: 1920px; 
	width: 100%;
	margin: 0 auto;
}

.peijian_back{background: #0081cc !important;}
.peijian_color{color: #0081cc !important;}

h2{
	font-weight: 300 !important;
	font-size: 28px;
}

ul li{
	list-style: none;
}

em{
	display: block;
}

span{
	display:inline-block;
}

img{
	display: block;
}

video {
    display: block;
}

html{
	overflow-x: hidden;
	position: relative;
}

/*p{*/
	/*font-size: 16px !important;*/
/*}*/

/* 头部 */
.header .header_logo{position: absolute; left: 22.8%; top: 36.9%; width: 11.7%;}
.header img{width: 100%;}
.header_des{width: 460px; position: absolute;  color: white; top: 46.1%; left: 22.8%;}
.header_des h2{line-height: 30px; font-size: 24px;}
.header_des p{height: 30px; line-height: 30px; font-size: 16px; margin-top: 10px;}
@media screen and (min-width: 1200px) and (max-width:1599px) {
	.header .header_logo{left: 12.8%;}
  	.header_des{left: 12.8%;}
}
/* 产品说明 */
/* .header_info{height: 200px; } */
.header_info{padding: 40px 0 60px;}
.header_info img{width: 60%; margin: 0 auto 1%;}
.header_info .list{position: absolute; width:70%; left: 14.5%;}
.header_info .list li{ float: left; width:20%;}
.header_info .list li{text-align: center;}
.header_info .list p{ font-size: 12px; }

/*防泼水*/
.water img{width: 100%;}
.water video{position: absolute; top: 0; width: 100%;}
.water .w-play{width: 6.6%; left: 48%; top: 40%; position: absolute; cursor: pointer;}
.water .water_des{opacity:0;color: white; position: absolute; top:10%; width: 460px; left: 50%; text-align: center; margin-left: -230px; z-index: 10;}
.water .water_des h2{height: 55px;}
.water .water_des p{ font-size: 16px;}
.water_des_run{animation: des 2s forwards;}

/* 为索尼相机研发 */
.suoni img{width: 100%;}
.suoni_des{position: absolute; left: 51.2%;top: 33.1%; color: white; opacity: 0; width: 400px;}
.suoni_des h2{ height: 64px; line-height: 64px;}
.suoni_des p{line-height: 30px; font-size: 16px;}
.suoni .suoni_tips{position: absolute; top:92%; font-size: 14px; color:#888888; left: 50.2%;}
.suoni_des_run{animation: des 2s forwards;}
.suoni .suoni_img2{position: absolute; left: 48.7%; bottom:12.5%; opacity: 0; width: 29%;}
.suoniImg_run{animation: des 2s forwards; animation-delay: 1s;}

/* 手柄可拆卸设计 */
.detach img{width: 100%;}
.detach_des{width: 476px; position: absolute; top: 59.5%; left: 26.6%; z-index:10; opacity: 1;}
.detach_des h2{height: 64px; line-height: 64px;} 
.detach_des p{height: 30px;line-height: 30px; font-size: 16px;}
.detach_des_run{animation: des 2s forwards;}
@media screen and (min-width: 1200px) and (max-width:1599px) {
    .detach_des{left: 23.6%; top: 52.5%;}
}

/* 单双手持设计 */
.handed_des{width: 400px;position: absolute; left:50%; margin-left: -200px; color: white; top: 8.8%; text-align:center; z-index: 100;}
.handed_des p{font-size: 16px}
.handed_des .list li{float: left; width: 200px; margin-top: 7.9%; position: relative;}
.handed_des .list li p{cursor: pointer; font-size: 16px;}
.handed_des .list li em{width: 80%; height: 1px; background:white;position: absolute; left:10%; bottom: -8px;}
.handed{overflow: hidden;}
.handed .hand-back{width: 100%;}
.handed .list2{position: absolute; top: 0; width: 100%;}
.handed .list2 li:nth-of-type(2){display: none;}
.handed .list2 li img{position: absolute; z-index: 10; width: 100%;}

/* 轮播 */
.swiper-container {width:100% !important; height: 100%; max-height:881px; position: relative !important;}
@media screen and (min-width: 1200px) and (max-width:1439px) {
    .swiper-container {max-height: 600px !important;}
}
@media screen and (min-width: 1440px) and (max-width:1599px) {
    .swiper-container {max-height: 700px !important;}
}

.swiper-wrapper{width: 100%;}
.swiper-slide {text-align: center;font-size: 22px;background: #fff;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-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 20px 20px !important;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{}
.swiper-pagination-bullet{height: 20px !important;width: 20px !important;}

/*工艺*/
.technology{height: 745px; background:url("../technology-back.html") no-repeat; }
.technology .technology-img{position: absolute; left: 50%; margin-left: -666px; bottom: 220px; opacity: 0; z-index: 100;}
.techopact{animation: opact 2s forwards; animation-delay: 1s;}
.technology_des{opacity: 0; width: 800px; position: absolute; left: 50%; margin-left: -400px; color: white; text-align: center; top: 68px;}
.technology_des p{height: 30px; line-height: 30px; font-size: 16px;}
.technology_des h2{height: 64px;line-height: 64px;}
.tech_des_run{animation: des 2s forwards;}
.technology svg{position: absolute;left: 25.2%; bottom: 219px; display: none;}
.technology svg path{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.cls-1{stroke-dasharray:4000; stroke-dashoffset:4000; -webkit-animation: dash 2s linear none; animation: dash 2s linear none;}
.cls-2{stroke-dasharray:4000; stroke-dashoffset:4000; -webkit-animation: dash 2s linear none; animation: dash 8s linear none;}
.cls-3{stroke-dasharray:4000; stroke-dashoffset:4000; -webkit-animation: dash 2s linear none; animation: dash 16s linear none;}

/*app控制*/
.app_controller img{width: 100%;}
.app_des{padding:30px 0; opacity: 0; width: 640px; margin: 0 auto; text-align:center;}
.app_des_run{animation: des 2s forwards;}
.app_des h2{line-height: 40px;}
.app_des p{ line-height: 30px; font-size: 16px; margin-top: 10px;}

/*app详情*/
.app_detail{height: 0px; background: url(../app2_back.html) no-repeat;}
#app_scene{position: relative;top: 0; left: 30.95%;top: 124px; width: 271px; height: 481px; overflow: hidden;}
#app_scene #list{width: 5000px;position: absolute;top: 0;left: 0;}
#app_scene #list li{float: left;width: 271px;}
#app_scene #list li img{width: 271px;overflow: hidden;}
.app_detail .detal_des{position: absolute; left: 50.8%; top: 500px; width: 400px; color: #fbfaf8;}
.app_detail .detal_des p{height: 30px; line-height: 30px; font-size: 16px;}

/* 延时摄影 */
.delay img{width: 100%;}
.deley_des{color: white; position: absolute; top: 36.7%; left: 20.3%; width: 500px; opacity: 0;}
.deley_des_run{animation: des 2s forwards;}
.deley_des p{line-height: 30px; font-size: 16px;}
.deley_des h2{height: 64px;line-height: 64px;}
.delay .deley_video{position: absolute; left:48%; top:22.9%; width: 100%;}
.delay .deley_video video{width: 33.3%;}
.delay .deley_video span{position: absolute; bottom: -28px; cursor: pointer; color: #ccc;}
.delay .deley_video span:hover{color: white;}
@media screen and (min-width: 1200px) and (max-width:1599px) {
	.deley_des{left: 15.3%; top: 28.7%;}
	.delay .deley_video{left:55%;}
}
/* 快速调平 */
.leveling img{width: 100%;}
.leveling .leve_img{bottom: 0px; left: 48.5%; width: 27.6%; position: absolute;}
.leveling .leve_1{position: absolute; top: 44%; left: 62%; opacity: 0; width: 4.2%; z-index: 10;}
.leve_img2_run{animation: opact 2s forwards;animation-delay: 1s;}
.leve_img_run{animation: imgleft 2s forwards;}
.levelinig_des{color: white; left: 22.6%; position: absolute; top: 45.1%; opacity: 0; width: 420px;}
.levelinig_des_run{animation: des 2s forwards;}
.levelinig_des h2{line-height: 40px;}
.levelinig_des p{height: 30px; line-height: 30px; font-size: 16px; margin-top: 10px;}
@media screen and (min-width: 1200px) and (max-width:1599px) {
	.levelinig_des{left: 14.6%;}
}
/*力度*/
.strength img{width: 100%;}
.strength_des{width: 450px; position: absolute; bottom: 15.3%; left: 48.5%; opacity: 0; z-index: 10;}
.strength_des_run{animation: des 2s forwards;}
.strength_des h2{line-height: 40px; color: #000;}
.strength_des p{height: 30px; line-height: 30px; font-size: 16px; color: #000; margin-top: 10px;}

/* 芯片 */
.chip img{width: 100%;}
.chip_des{width: 600px; position: absolute; color: white; left: 50%; margin-left: -300px; top: 3.1%; text-align: center; opacity: 0;}
.chip_des_run{animation: des 2s forwards;}
.chip_des h2{height: 64px; line-height: 64px;}
.chip_des p{line-height: 30px; font-size: 16px;}

/* 防抖 */
.shake{padding: 50px 0 60px;}
.shake video{margin: 0 auto; width: 61.1%;}
.shake .sh-des{width: 61.1%; margin: 20px auto 0; position: relative;}
.shake .sh-des p{width: 50%; text-align: center; font-size: 16px; }

/* 4个功能按键的图标 */
.peijian{background: #000;padding: 80px 0;}
.peijian .peijian_spec{width: 62.5%;margin: 0px auto;}
.peijian_spec .list1{width: 100%;}
.peijian_spec .list1 li{width: 25%;float: left;position: relative;text-align: center;}
.peijian_spec .list1 li em{position: relative;height: 2px;width: 60%;background: #dadada;top:0px;left: 20%;}
.peijian_spec .list1 li p{height: 50px;line-height: 50px;cursor: pointer;color: white; font-size: 16px;}

.peijian .pei-list li{position: relative; display: none; margin-top: 2%;}
.peijian .pei-list li img{width: 62.5%; margin: 0 auto;}
.peijian .pei-list li .peijian_des{position: absolute;top: 22.1%;left: 55.2%; width: 360px; color: white;}
.peijian .pei-list li .peijian_des h2{line-height: 60px;}
.peijian .pei-list li .peijian_des span{line-height: 24px; font-size: 16px;}
@media screen and (min-width: 1200px) and (max-width:1599px) {
	.peijian{padding: 40px 0 80px;}
}

/* 更多扩展 */
.expand .expandImg1{position: absolute; left: 55.2%; top:79px; z-index: 100;}
.exImg_run{animation: imgExpand 2s forwards;}
.expand .expandImg2{position: absolute; left: 56.7%; bottom:70px;}
.expand_des{ position: absolute; top: 40.1%; left: 20.7%; opacity: 0;}
.expand_des_run{animation: des 2s forwards;}
.expand_des h2{height: 64px;line-height: 64px;}
.expand_des p{height: 26px;line-height: 26px; font-size: 16px;}

/*充电提速*/
.charge img{width: 100%;}
.charge .charge_des{position: absolute; width: 460px; left: 21.5%; top:37.4%; opacity: 0;}
.charge .charge_des h2{height: 64px; line-height: 64px;}
.charge .charge_des p{height: 30px; line-height: 30px; font-size: 16px; margin-bottom: 30px;}
.charge .sp_1{position: absolute; bottom: 0px; font-size: 12px; right: 23.8%; bottom: 1.9%; z-index: 10;}
.charge_des_run{animation: des 2s forwards;}
@media screen and (min-width: 1200px) and (max-width:1599px) {
	.charge .charge_des{left: 14.5%;}
}
/* 续航 */
.endurance{overflow: hidden;}
.endurance img{width: 100%;}
.endurance_des{position: absolute;top: 8.5%;width: 600px;left: 50%;margin-left: -300px;text-align: center;color: white;z-index: 400;opacity: 0;
	-webkit-transform: translateY(35px);-ms-transform: translateY(35px);-o-transform: translateY(35px);transform: translateY(35px);}
.endur_desrun{animation: des 2s forwards;}
.endurance_des h2{height: 64px;line-height: 64px;}
.endurance_des p{height: 32px;line-height: 32px; font-size: 16px;}

/*公共部分*/
.expandd{height: 44px;width: 44px;background: url(../jiahao-3.html) no-repeat;position: absolute;bottom: -22px;left: 50%;margin-left: -22px;z-index: 100;cursor: pointer;}
.detele{height: 44px;width: 44px;background: url(../jianhao-4.html) no-repeat;z-index: 100;position: absolute;left: 50%;margin-left: -22px;bottom: 30px;cursor: pointer;display: none;z-index: 100;}

/* 阴影 */
.video_shade{height: 100%; width: 100%; background: #000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5;opacity: 0.5; position: absolute; top: 0; display: none;}

/*弹出的延时摄影*/
.delay_sample{height: 540px;width: 960px;position: fixed;z-index: 20;left: 50%;margin-left: -480px;top: -100%;z-index: 500;margin-top: -270px;}
.delay_sample #play{height: 540px;width: 960px;}

/* css3 */
/* 文字 */
@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 imgleft{
	from{
		-webkit-transform: translateX(65px);
		-ms-transform: translateX(65px);
		-o-transform: translateX(65px);
		transform: translateX(65px);
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity: 0;
		opacity: 0;
	}
	to{
		-webkit-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
		filter:alpha(opacity=100);
		-moz-opacity:1;
		-khtml-opacity: 1;
		opacity: 1;
	}
}



/* 向下运动 */
@keyframes imgturnb{
	form{
		top:100px;
	}
	to{
		top: 346px;
	}
}

@keyframes imgExpand{
	form{
		top:79px;
	}
	to{
		top:199px;
	}
}

/* 图片淡入运动 */
@keyframes imgrun{
	from{
		-webkit-transform: translate(25px,-25px);
		-ms-transform: translate(25px,-25px);
		-o-transform: translate(25px,-25px);
		transform: translate(25px,-25px);
		filter:alpha(opacity=0);  
	    -moz-opacity:0;  
	    -khtml-opacity: 0;
      	opacity: 0; 
	}
	to{
		-webkit-transform: translate(0px,0px);
		-ms-transform: translate(0px,0px);
		-o-transform: translate(0px,0px);
		transform: translate(0px,0px);
		filter:alpha(opacity=1);  
	    -moz-opacity:1;  
	    -khtml-opacity: 1;
      	opacity: 1; 
	}
}

/* 图片移动 */
@keyframes chargerun{
	from{
		-webkit-transform: translate(25px,25px);
		-ms-transform: translate(25px,25px);
		-o-transform: translate(25px,25px);
		transform: translate(25px,25px);
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity: 0;
		opacity: 0;
	}
	to{
		-webkit-transform: translate(0px,0px);
		-ms-transform: translate(0px,0px);
		-o-transform: translate(0px,0px);
		transform: translate(0px,0px);
		filter:alpha(opacity=1);
		-moz-opacity:1;
		-khtml-opacity: 1;
		opacity: 1;
	}
}

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

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

/*放大*/
@keyframes scale{
	from{
		-webkit-transform: scale(0.8);
		-ms-transform: scale(0.8);
		-o-transform: scale(0.8);
		transform: scale(0.8);
	}
	to{
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}


/*淡出*/
@keyframes opact{
	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; 
	}
}

@keyframes opact2{
	from{
		filter:alpha(opacity=1);
		-moz-opacity:1;
		-khtml-opacity: 1;
		opacity: 1;
	}
	to{
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity: 0;
		opacity: 0;
	}
}