.mt50{margin-top:0 !important;}

body,hr, p, blockquote,h1,h2,h3,h4,h5,h6, 
dl, dt, dd, ul, ol, li, 
pre,
form, fieldset, legend, button, input, textarea,
th, td{
    margin: 0;
    padding: 0;
}

.clear { *zoom :1;}
.clear:after { content:"."; clear:both; display:block; height:0; overflow:hidden; visibility:hidden;}
.f1 { float:left;}
.f2 { float:right;}
i{ font-style: normal; display: block;}
.adapt_screen{
	position: relative;
	left: 50%;
	margin-left: -960px;
	width: 1920px;
}

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

ul li{
	list-style: none;
}

span{
	display: inline-block;
}

img{
	display: block;
}

video {
    object-fit: contain;
}


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

header{
	position: relative;
/* 	width: 100%;
	height: 1080px; */
}

header .video-icon{
	position: relative;
	width: 100%;
}
.h-screen{width: 100%;}

/* .video {
	position: absolute;	
	display: block;	
	height: 1080px;
	left: 50%;
	top: 0;
	margin-left: -960px;
	width: 1920px;
}
 */
 .video{display: block; width: 100%;}

.a2000-des{
	position: absolute;
	width: 604px;
	left: 8.4%;
	top: 38.2%;
	z-index: 20;
}

.a2000-des h2{font-size: 42px;margin-bottom: 48px;color: #fff;}
.a2000-des p {font-size: 42px; height: 62px; margin-bottom: 100px; color: #fff;}
@media screen and (min-width: 1200px) and (max-width:1599px) {
	.a2000-des{width: 500px}
	.a2000-des h2{font-size: 30px;}
	.a2000-des p {font-size: 30px;}
}

.a2000-des ul li{width: 218px;}
.a2000-des ul li span{
	cursor: pointer;
	font-size: 24px;
	margin-left: 60px;
	color: #fff;
}

.a2000-des ul li i{
	height: 4px;
	width: 218px;
	background: #008bda;
	display: inline-block;
}

section{position: relative;}

.pro-image{max-height: 800px;}
.pro-image .image{
	width: 100%;
	max-width: 1920px;
	background: #000;
	overflow: hidden;
	margin: 0 auto;
	max-height: 800px;
	height: 100%;
}

@media screen and (min-width: 1200px) and (max-width:1599px) {
   .pro-image .image{max-height: 600px;}
}

.pro-image .image li{
	width: 100%;
	float: left;
	display:block;
}

.pro-image .image li img{width: 100%;}
.pro-class {
	position: absolute;
	z-index: 100;
	width: 1280px;
	left: 50%;
	margin-left: -640px;
	top: 20%;
}

.pro-class .p_name4 li{
	float: left;
	/* margin-top: 170px; */
}

.pro-class .p_name4 li .ds{
	padding: 0 20px;
	border-right: 1px solid #666;
	font-size: 16px;
	height: 16px;
	line-height: 16px;
	display: block;
	cursor: pointer;
	color:#008CD6;
}

.pro-class .p_name4 .active{
	color: #929292 !important;
}

.pro_des{
	position: absolute;
	margin-left: -960px;
	left: 50%;
	z-index: 100;
	top:5%;
	text-align: center;
	width: 1920px;
}

.pro_des p{
	color: white;
	width: 540px;
	margin: 0 auto;
	font-size: 16px;
}

/*参考表*/
.para{height: 0px;overflow: hidden;}
.para .para_det{width: 100%;}
.para_a2000{
	width: 100%;
	position: relative;
	padding-bottom: 50px;
}

.para_a2000 .ima2000{width: 25.5%; position:relative; left: 15%; top: 50px; float: left;}

.para_a2000_det {
	position: relative;
	left:25%;
	top: 150px;
	width: 40%;
	float: left;
}

.para_a2000_det h2{
	font-size: 100px;
	height: 130px;
	padding-bottom:40px;
}

.para_a2000_det p{
	font-size: 28px;
	color: #0280cc;
	padding-bottom: 25px;
}

.para_a2000_det .des{
	font-size: 16px;
	color: #000;
	line-height: 28px;
}


.para_a2000_det img{
	padding-top: 24px;
	width: 62%;
}

.para_a2000_det .img{
	padding-top: 104px;
	width: 62%;
}

.para_a2000_det span{
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	
}

.para_a2000_det i{
	padding-top: 20px;
	color: #0180cd;
	cursor: pointer;
	font-size:16px;
}

.para_a1000{
	padding-top: 30px;
	width: 100%;
	position: relative;
}

.para_a1000 .ima1000{width: 25.5%; position:relative; left: 15%; top: 50px; float: left;}
@media screen and (min-width: 1600px) and (max-width:1919px) {
   .para_a2000_det {top: 100px;width: 40%;}
}

@media screen and (min-width: 1200px) and (max-width:1599px) {
	 .para_a2000_det {top: 50px;width: 40%;}
	 .para_a2000_det .img{padding-top: 34px;}
}


/*参考表*/
.a2000-list{
	position: absolute;
	width: 600px;
	margin-left: -300px;
	top: 0px;
	left: 50%;
	z-index: 300;
	display: none;
}

.a2000-list img{
	 width: 600px;
	 margin: 0 auto;
}

.a1000-list{
	position: absolute;
	width: 600px;
	margin-left: -300px;
	top: 1000px;
	left: 50%;
	z-index: 300;
	display: none;
}

.a1000-list img{
	 width: 600px;
	 margin: 0 auto;
}

.a2000_view img,.a2000_elev img{
	width: 100%;
}

.a2000_elev i{color: white;}


.a2000_view p{
	position: absolute;
	z-index: 10;
	width: 700px;
	margin-left: -350px;
	text-align: center;
	left: 50%;
	top:11.7%;
	font-size: 16px;
	color: white;
}

/*仰角设计*/
.a2000_elev i{
	font-size: 16px;
	position: absolute;
	top: 300px;
	left: 26%;
}

.a2000_elev .elev_des{
	position: absolute;
	left: 64.7%;
	top: 50.5%;
	z-index: 10;
	color: white;
	width: 600px;
}

@media screen and (min-width: 1200px) and (max-width:1599px) {
	.a2000_elev .elev_des{top: 35.5%; width: 420px;}
}
@media screen and (min-width: 1600px) and (max-width:1919px) {
   .a2000_elev .elev_des{top: 35.5%; width: 500px;}
}


.a2000_elev .elev_des p{
	line-height: 60px;
	font-size: 26px;
}

.a2000_elev .elev_des span{
	font-size: 16px;
	line-height: 26px;
}

/*对接视频、可折叠视频*/
.abutment video{width: 100%;margin-bottom: -1px;}
.abutment img{width:100%;}
.abutment .ab-play{position: absolute; width: 6.7%; top: 40%; left: 45%; cursor: pointer;}
.abutment .video{position: absolute; top: 0; z-index: 10;}
.abutment .abut_des{
	position: absolute;
	z-index: 10;
	width: 520px; 
	left: 45%;
	/* text-align: center; */
	bottom: 20.6%;
}

.abutment .abut_des p{
	margin: 0 auto;
	font-size: 16px;
	color: white;
	line-height: 30px;
}

.content{
	position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
	background: #ccc;
}

.db_con{position: relative;}
.db_con img{width: 100%;}
.db_con .db_con_des{
	width: 500px;
	height: 207px;
	left: 18%;
	position: absolute;
	top: 30%;
}

.db_con .db_con_des p{
	font-size: 18px;
	color: white;
	line-height: 30px;
}

.db_con .db_con_des span{
	font-size: 18px;
	line-height: 30px;
	color: white;
	margin-top: 40px;
}

/*延时摄影*/

.photography img{width: 100%;}

.photography .photo_des{position: absolute; z-index: 10; top: 36%; left: 19%; width: 22.8%;}
@media screen and (min-width: 1200px) and (max-width:1599px) {
	.photography .photo_des{left: 15%; width: 28.8%; top: 30%;}
}

.photography .photo_des p{color: white; line-height: 30px; font-size: 16px;}
.photography span{
	position: absolute;
	color: #a19ca0;
	left: 49%;
	top: 70%;
	cursor: pointer;
}

.photography .photo_video{
	position: absolute;
	top: 21.4%;
	left: 49%;
	height: 43.5%;
	width: 32.2%;
}

.photography .photo_video video{
	height: 100%;
	width: 100%;
}
.photo_video img{width: 100%; height: 100%;}
.photo_video .photo-play{ position: absolute; top: 50%; margin-top: -40px; height: 80px; width: 80px; left: 50%; margin-left: -40px; cursor: pointer;}
@media screen and (min-width: 1200px) and (max-width:1599px) {
	.photo_video .photo-play{height: 60px; width: 60px; top: 50%; margin-top: -30px; left: 50%; margin-left: -30px;}
}
.photo_video video{position: absolute; z-index: 10; top: 0;}
.detail{
	height: 0px;
	overflow: hidden;
}

.detail-height{position: relative;}
.detail-height img{width: 100%;}
.detail-height .detail_des{
	color: white;
	text-align: center;
	width: 700px;
	position: absolute;
	top: 10%;
	left: 50%;
	margin-left: -350px;
	z-index: 10;
}

.detail-height .detail_des p{
	font-size: 17px;
	margin: 0 auto;
}

/*全新算法结构*/
.new_algo img{width: 100%;}
.new_algo_des{position: absolute;left: 6.6%;top: 7.5%;width: 500px;color: white;}
.new_algo_des p{line-height: 60px;font-size: 26px;}
.new_algo_des span{line-height: 26px;font-size: 16px;}

/*三轴无限位*/
.infinite img{width: 100%;}
.infinite .infinite_des{
	height: 70px;
	width: 660px;
	position: absolute;
	top: 7.1%;
	left: 50%;
	margin-left: -330px;
	z-index: 10;
	color: white;
	text-align: center;
}

.infinite .infinite_des p{
	font-size: 26px;
}

.infinite .infinite_des span{
	margin-top: 15px;
	font-size: 18px;
}

/*阻尼运动横臂*/
.levelling{
	width: 100%;
	position: relative;
} 

.levelling .lev-video1,.levelling .lev-video2{width: 100%; position: relative;}
.levelling .lev-video1 img,.levelling .lev-video2 img{width: 100%;}
.levelling .lev-video1 .lev-play,.levelling .lev-video2 .lev-play{width: 100px; height: 100px; top: 48%; left: 30%; position: absolute; cursor: pointer; z-index: 10;}
.levelling .lev-video1 video,.levelling .lev-video2 video{width: 100%;}
.levelling video{position: absolute; z-index: 20; top: 0;}
.lev-video2{display: none;}

.levelling .levelling_des{
	position: absolute;
	left: 58%;
	top: 30%;
	width: 500px;
	z-index: 50;
}

@media screen and (min-width: 1200px) and (max-width:1599px) {
	.levelling .levelling_des{top: 15%;}
}

.levelling .levelling_des p{
	font-size: 28px;
}

.levelling .levelling_des span{
	font-size: 16px;
	margin-top: 15px;
	line-height: 28px;
}

.levelling .levelling_des a{
	font-size: 14px;
}

.levelling .levelling_des .play_a1000,.levelling .levelling_des .play_a2000{
	display: block;
	margin-top: 40px;
	color: #008CD6;
	cursor: pointer;
}

/*配件*/
.device img{width: 100%;}
.device p{
	font-size: 16px;
	position: absolute;
	width:720px;
	margin-left: -360px;
	left: 50%;
	color: white;
	text-align: center;
	line-height: 30px;
	z-index: 10;
	top: 7.8%;
}

/*家族式功能按键*/
.func{
/* 	height: 961px;
	background: url(../image2000/func.jpg) no-repeat; */
}

.func img{width: 100%;}
.func_des,.await_des{
	color: white;
	position: absolute;
	text-align: center;
	top: 4%;
	left: 50%;
	width: 720px; 
	margin-left: -360px;
}

.func_des p,.await_des p{
	line-height: 60px;
	font-size: 28px;
}

.func_des span{
	font-size: 16px;
	line-height: 28px;
}

.await_des span{
	font-size: 18px;
	line-height: 28px;
}

.xh_time{
	position: absolute;
	bottom: 2.5%;
	left: 50%;
	height: 90px;
	width: 210px;
	margin-left: -105px;
	color: white;
}

.xh_time i{
	display: inline-block;
	font-size: 60px;
	font-weight: 100;
}

.xh_time a{
	position: relative;
	top: -16px;
	right: -12px;
	font-size: 24px;
	
}
.await img{width: 100%;}

/*商品缩放*/
.expand,.expand-2,.expand-3,.expand-4{
	position: absolute;
	bottom: -22px;
	height: 44px;
	left: 50%;
	width: 44px;
	background: url(../jiahao-2.html) no-repeat;
	z-index: 50;
	cursor: pointer;
}

.delete,.delete-2,.delete-3,.delete-4{
	height: 44px;
	width: 44px;
	position: absolute;
	left: 50%;
	bottom: 44px;
	background: url(../jianhao-2.html) no-repeat;	
	z-index: 100;
	cursor: pointer;
}


/*遮罩层*/
.shade{
	background:rgba(0,0,0,0.5);
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	display: none;
	z-index: 200;
}

/*第一轮播*/
#scene{
	position: relative;
	left: 50%;
	margin-left: -960px;
	width: 1920px;
	height: 800px;
	overflow: hidden;
}

@media screen and (min-width: 1200px) and (max-width:1599px) {
	#scene{height: 650px;}
}

#scene #list{
	width: 20000px;
	/*height: 1080px;*/
	position: absolute;
	top: 0;
	left: 0;
}

#scene #list li{
	float: left;	
	width: 1920px;
}

#scene #list li img{
	width: 1920px;
	overflow: hidden;
}

#scene #right{
	position: absolute;
	top:352px;
	right:150px;
	cursor: pointer;
}

#scene #left{
	position: absolute;
	top:352px;	
	left: 150px;
	cursor: pointer;
}

/*第二轮播*/
#scene-2{
	position: relative;
	left: 50%;
	margin-left: -960px;
	width: 1920px;
	/*height: 778px;*/
	height: 0px;
	overflow: hidden;
}
#scene-2 #list-2{
	width: 8000px;
	position: absolute;
	top: 0;
	left: 0;
}

#scene-2 #list-2 li{
	float: left;	
	width: 1920px;
}

#scene-2 #list-2 li img{
	width: 1920px;
	overflow: hidden;
}

#scene-2 #right-2{
	position: absolute;
	top:352px;
	right:150px;
	cursor: pointer;
}

#scene-2 #left-2{
	position: absolute;
	top:352px;	
	left: 150px;
	cursor: pointer;
}

/*延时摄影大视频*/
.time{
	height: 402px;
	width: 630px;
	position: fixed;
	top: -150%;
	left: 50%;
	margin-top: -201px;
	margin-left: -315px;
	z-index: 300;
}

.time #video1{
	position: absolute;
	left: 0;
	top: 0;
	height: 402px;
	width: 630px;
}


.read{
	position: absolute;
	color:#CCC;
	bottom: 35px;
	left: 49.7%;	
	font-size: 14px;
	text-shadow:2px 2px 5px #000; 
}


/*响应式*/
@media screen and (min-width: 1200px) and (max-width:1440px){
	#scene #left{
		left: 350px;
		top: 300px;
	}
	#scene #right{
		right: 350px;
		top: 300px;
	}
}

@media screen and (min-width: 1441px) and (max-width:1680px){
	#scene #left{
		left: 200px;
	}
	#scene #right{
		right: 200px;
	}
}

@media screen and (min-width: 1200px) and (max-width:1440px){
	#scene-2 #left-2{
		left: 350px;
	}
	#scene-2 #right-2{
		right: 350px;
	}
	
}

@media screen and (min-width: 1441px) and (max-width:1680px){
	#scene-2 #left-2{
		left: 200px;
	}
	#scene-2 #right-2{
		right: 200px;
	}
}