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;}
.suit_screen{
	position: relative;
	max-width: 1920px; 
	width: 100%;
	margin: 0 auto;
}
.mt50{margin-top: 0px !important;}

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;
	/*height: 1080px;*/
	width: 100%;
	/*top: 5px;*/
}

video {
	width: 100%;
	display: block;	
} 

.wg-header img{width: 100%;}
.wg-header .wrap{position: absolute; top: 28%; width: 490px; left: 48%;}
.wg-header .wrap img{width: 100%;}

@media screen and (min-width: 1200px) and (max-width:1599px) {
	.wg-header .wrap img{width: 80%;}
}

header .function p{
	font-size: 30px;
	margin-top: 30px;
	line-height: 27px;
	color: white;
}
header .function span{font-size: 16px; color: white; margin-top: 20px;}

nav{
	width: 100%;
}

nav .buy-list{
	width: 62%;
	height: 60px;
	margin-left: 18%;
	line-height: 60px;
}

nav .list3{
	
}

nav .list3 li{
	float: left;
	color: #707473;
	font-size: 12px;
}

nav .list4 li{
	float: left;
	padding: 0 10px;
	font-size: 12px;
}

nav .list4 li a{
	text-decoration: none;
	color: #a6acaa;
}

nav .list4 li:nth-child(1) a{
	color: #000000;
}

nav .list4 li:nth-last-child(1){
	width: 142px;
	background: #008CD6;
	
}

nav .list4 li:nth-last-child(1) a{
	color: white;
	margin-left: 40px;
}

.waterFoot .item-dessubtitle{
	position: absolute;
	top: 12.5%;
	left: 0;
	width: 100%;
}

.waterFoot .item-dessubtitle p{
	font-size: 28px;
	color: white;
	text-align: center;
	width: 100%;
}

.waterFoot .palyButton{
	height: 142px;
	width: 142px;
	background: url(../bofang.html) no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -71px;
	cursor: pointer;
	top: 40%;
	z-index: 20;
}




.wg-property{
	position: relative;
	height: 0px;
	overflow: hidden;
}

.wg-property img{width: 100%;}
.wg-property-image{position: relative;}
.wg-property .wg-property-explain{
	position: absolute;
	height: 145px;
	width: 440px;
	top:30%;
	left: 15%;
}

.wg-property .wg-property-explain span{
	font-size: 28px;
	height: 28px;
}

.wg-property .wg-property-explain p {
	font-size: 17px;
	margin-top: 15px;
	line-height: 26px;
}

.delete,.delete-1{
	position: absolute;
	left: 50%;
	bottom: 58px;
	cursor: pointer;
	z-index: 30;
}

.content img{width: 100%;}

.content .con-play{position:absolute; top: 40%; width: 7.4%; cursor: pointer; left: 46%;}
.content video{position: absolute; top: 0;}
.content .item-content{
	position: absolute;
	color: white;
	width: 100%;
	top: 7.6%;
	z-index: 200;
}

.content .item-content span{
	font-size: 28px;
	text-align: center;
	height: 28px;
	display: block;
}

.content .item-content p{
	margin-top: 20px;
	text-align: center;
	font-size: 16px;
}

.introduct img{width: 100%;}
.introduct video{position: absolute; top: 0;}
.introduct .con-play{position:absolute; top: 40%; width: 7.4%; cursor: pointer; left: 46%;}
.introduct .item-introduct{
	position: absolute;
	color: white;
	width: 780px;
	left: 50%; 
	margin-left: -390px;
	text-align: center;
	z-index: 200;
	top: 5.5%;
}

.introduct .item-introduct span{
	font-size: 28px;
	text-align: center;
	height: 28px;
	display: block;
}

.introduct .item-introduct p{
	text-align: center;
	font-size: 16px;
	line-height: 26px;
}

.introduct .item-introduct p:nth-child(2){
	margin-top: 18px;
}

.wg-parts{
	position: relative;
	height: 0px;
	/*height: 1653px;*/
	overflow: hidden;
}

.wg-parts-image{position: relative;}
.wg-parts-image img{width: 100%;}
.wg-parts-explain,.des-photography{
	position: absolute;
	width: 840px; 
	text-align: center;
	top: 1%;
	left: 50%;
	margin-left: -420px;
}

.wg-parts-image .wg-parts-explain span{
	margin: 52px 0 18px 0;
	font-size: 28px;
	height: 28px;
}

.wg-parts-image .wg-parts-explain p{
	line-height: 26px;
}

.photography {
	position: relative;
}
.photography img{width: 100%;}
.des-photography{
	position: absolute;
	top: 12.5%;
}


.des-photography span{
	color: white;
	font-size: 28px;
	height: 28px;
}

.des-photography p{
	color: white;
	line-height: 26px;
	font-size: 17px;
	margin-top: 20px;
}

.photography-video {
	position: absolute;
	top: 40%;
	left: 20%;
	width: 66.7%;
}

.photography-video #time-video1{
	position: absolute;
	left: 0;
	top: 0;
	width: 49%;
}

.photography-video #time-video2{
	position: absolute;
	right: 0;
	top: 0;
	width: 49%;
}

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

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

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

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

#figure #right{
	position: absolute;
	top: 45%;
	right: 7.1%;
	cursor: pointer;
}

#figure #left{
	position: absolute;
	top: 45%;
	left: 7.1%;
	cursor: pointer;
}

.des-figure{
	height: 144px;
	width: 496px;
	position: absolute;
	right: 17.4%;
	top: 32.25%;
	color: white;
}

.des-figure span{
	line-height: 30px;
	font-size: 28px;
}

.des-figure p{
	font-size: 17px;
	margin-top: 15px;
	line-height: 26px;
}
@media screen and (min-width: 1200px) and (max-width:1439px) {
    #figure #left{left: 20.1%;}
    #figure #right{right: 20.1%;}
    .des-figure{right: 26.4%; top: 25.25%;}
}
@media screen and (min-width: 1440px) and (max-width:1599px) {
	#figure #left{left: 15.1%;}
    #figure #right{right: 15.1%;}
    .des-figure{right: 26.4%; top: 25.25%;}
}


/*安装*/
.install img{width: 100%;}
.install .install-instrution{
	height: 188px;
	width: 500px;
	position: absolute;
	top: 9.5%;
	left: 14.2%;
	color: white;
}

.install .install-instrution h3{
	line-height: 28px;
	font-size: 28px;
	margin-bottom: 20px;
}

.install .install-instrution p {
	line-height: 26px;
	margin-bottom: 10px;
	font-size: 16px;
}

.into-install{width: 100%;position: relative;}
.into-install img{width: 100%;display: block;}
.delete-3{
	height: 44px;
	width: 44px;
	position: absolute;
	left: 50%;
	bottom: 44px;
	background: url(../png/jianhao.png) no-repeat;	
	z-index: 10;
	cursor: pointer;
}

.dege img{width: 100%;}
.dege video{position: absolute; top: 0;}
.dege .dege-play{position: absolute; left: 47%; top: 40%; width: 7.4%; cursor: pointer;}

#con-video{
	height: 1080px;
	width: 1920px;
	position: absolute; 
	margin-left: -960px;
	left: 50%;
}

.ctl{
	position: relative;
	height: 0px;
	overflow: hidden;
}

.ctr-1,.ctr-2{width: 100%;}
.ctr-1 img,.ctr-2 img{width: 100%;}
.ctr-des{
	width: 700px;
	position: absolute;
	left: 50%;
	margin-left: -350px;
	top:7.125%;
	text-align: center;
	font-size: 28px;
	line-height: 60px;
}
.ctr-1 .ctr-des span{
	font-size: 28px;
	line-height: 60px;
	display: block;
}

.ctr-1 .ctr-des p{
	line-height: 26px;
	font-size: 16px;
}

/*底部*/
.tech1 img,.tech2 img,.tech3 img,.tech4 img{width: 100%;}
.tech1 p,.tech2 p,.tech3 p,.tech4 p{position:absolute;left: 50%;text-align: center;line-height: 26px;font-size: 16px;}
.tech1 p{width: 600px; margin-left: -300px; top: 7.9%;}
.tech2 p{width: 760px;margin-left: -380px;top: 8%;color: white;}
.tech3 p{left: 54%;top: 27.2%;width: 435px;}
.tech4 p{width: 600px; margin-left: -300px; top: 7.2%;color: white;}

/*第二个小轮播*/
#sm-figure{
	width: 539px;
	height: 293px;
	position: absolute;
	z-index: 100;
	top: 34%;
	left: 14.2%;
	overflow: hidden;
}

#list-1{
	width: 10000px;
	height: 100%;
	left: 0;
	top:0;	
	position: absolute;
}

#list-1 li{
	float: left;
	width: 539px;
	height: 100%;
}

#list-1 li img{width: 100%;}

.arrow{
	position: absolute;
	width: 642px;
	z-index: 100;
	height: 293px;
	left: 11.8%;
	top: 34%;
}


#sm-left1{
	position: absolute;
	left: 0;
	top: 50%;

}

#sm-left1 img{
	cursor: pointer;
}

#sm-right1{
	position: absolute;
	right: 2.5%;
	top: 50%;

}

#sm-right1 img{
	cursor: pointer;
}

@media screen and (min-width: 1200px) and (max-width:1439px) {
    .install .install-instrution{top: 6%; left: 6%;}
    #sm-figure {height: 160px; width: 294px; left: 12%; top: 36%;}
    #list-1 li{width: 294px;}
    .arrow{position: absolute;width: 382px;left: 8.8%;top: 28%;}
}

@media screen and (min-width: 1440px) and (max-width:1599px) {
    .install .install-instrution{top: 7.7%; left: 8.7%;}
    #sm-figure {height: 200px; width: 349px; left: 11.6%;}
    #list-1 li{width: 349px;}
    .arrow{position: absolute;width: 442px;left: 8.8%;top: 28%;}
}


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

.video-describe {
	height: 515px;
	width: 951.5px;
	position: fixed;
	top: -100%;
	left: 50%;
	margin-top: -270px;
	margin-left: -480px;
	z-index: 100;
	display: none;
}


.video-describe #video1{
	height: 540px;
	width: 960px;
}




/*加号*/
.expand,.expand-1,.expand-4{
	height: 44px;
	width: 44px;
	position: absolute;
	left: 50%;
	bottom: -22px;
	background: url(../jiahao-4.html) no-repeat;	
	z-index: 10;
	cursor: pointer;
}



/*第二个视频*/
/*.video-describe2{
	height: 515px;
	width: 951px;
	position: fixed;
	top: -150%;
	left: 50%;
	margin-top: -270px;
	margin-left: -475px;
	z-index: 50;
	
	
}*/

/*#video2{
	width:900px;
	height:515px;
}