@charset "utf-8";
*{padding:0; margin:0}
body{
	margin:0px;
	padding:0px;
	font-family:'microsoft yahei',Helvetica, sans-serif;
	background-color:#fff;
	color:#444;
	letter-spacing: 0.5px;
	overflow-x: hidden;
}
p{margin:0;}
#download p{margin-top:20px;}
.carousel-indicators li{
	background-color: rgba(0,0,0,0.3);
}
.carousel-indicators .active {
	    background-color: #FFD09C;
}
.font20{
	font-size:20px;
}
.font24{
	font-size:24px;
}

.navbar-header .navbar-brand img{
	padding:0;
	margin:0;
}
.overview{
	width:100%;
	height:292px;
	margin:0rem;

}

.video{width:100%;height:780px;margin:0 auto;text-align:center;margin-top:40px;}
video:-webkit-full-page-media {max-height: 100%;max-width: 100%;}
video {object-fit: contain;}

#LoopDiv{
	margin:20px auto;
	background:url(../image/line.png) 0 0 no-repeat transparent;
	background-size:cover;
}

.imageflow img{ -webkit-box-shadow: 2px 2px 2px 2px hsla(0,0%,0%,0.1); box-shadow: 2px 2px 2px 2px hsla(0,0%,0%,0.1); }
.imageflow{overflow:hidden; position:relative; text-align:left; visibility:hidden; width:90%; margin:0 auto}
.imageflow img{border:none; position:absolute; top:0px; visibility:hidden; -ms-interpolation-mode:bicubic}

#ma{
	background:url(../image/bg2.jpg) 0 0 no-repeat transparent;
	background-size:cover;
	width:100%;
	height:700px;
	padding:150px 0;
}
#ma .img_list{
	width:500px;
	margin:0px auto;
	padding:25px;
	text-align:center;
	border-radius: 20px;
	background-color:#99f2ec;
}
#ma .img_list img{
	display:inline-block;
	width:200px;
	margin:10px;

}
.download{
	width:100%;
	max-height:690px;
	min-height:460px;
	background:url(../image/bg.jpg) 0 0 no-repeat #eeece9;
	background-size:cover;
	text-align:center;
	padding:0 20px;
	padding-top:20px;
	overflow: hidden;
}
.download #phone{
	float:left;
	height:7.2rem;
	position:relative;
	left:5.6rem;
	bottom:1.2rem;
}
.download-QR{
	width:357px;
	height:506px;
	
	margin:0rem auto;
	background-color:#fff;
	padding-top:0.2rem;
	border-radius:20px;
	-webkit-border-radius:20px;
	-ms-border-radius:20px;
	-moz-border-radius:20px;
}
.intro{
	margin-top:100px;
}
.intro img{
	display:block;
	text-align:center;
	margin:10px auto;
	margin-right:2rem;

}
.btn{padding:0;}
.download .download-btn{
	display:block;
	margin:0 auto;
	float:right;
	margin-right:2rem;
	margin-top:1rem;
}
.download-btn a{
	display:block;
	margin-top:15px;
}
.download-btn>img{
	float:left;
	width:2rem;
}
.download-btn>div{
	float:left;
	margin-left:10px;
}

.container{
	background-color: #fff;
	width:100%;
	padding:0 100px;
	margin:0;
}
.container .row{
	padding:0 2rem;
	line-height:30px;
}
.container .row .col-md-4{
	text-align:center;
}
.container h3{
	margin-top:0.54rem;
	margin-bottom:0.36rem;
	font-weight:bold;
}
.container h3 b,.show h3 b{
	display:inline-block;
	height:0px;
	width:2rem;
	border-top:1px solid #3FD6B5;
	margin:6px 10px;
}
.container .row p{
	padding:0 2rem;
}
#video{
	margin:20px auto;
}
#video img{
	margin:0 auto;
}

.show{
	width:100%;
	text-align:center;
	padding:0.2rem 0rem;
}

.footer{
	width:100%;
	margin:0.5rem 0px;
	padding:0 130px;
}
.footer .contact-title{
	margin-bottom:10px;
}

#main p{text-align:center;}

.poster-main{display:none;}

@media screen and (max-width: 992px){

		#main .row p{padding-bottom:15px;}
		#LoopDiv{display:none;}
		.poster-main{
			display:block !important;
			position:relative;
			clear:both;
			padding:0 50px;
		}
		.poster-btn{ 
			position:absolute;
			top:45%;
			z-index:10; 
			cursor:pointer;  
			background-size:5% 5%;
		}
		.poster-btn img{
			height:30px;
		}
		.poster-prev-btn{
			left:10px; 
		}
		.poster-next-btn{
			right:10px; 
		}

		.poster-main div img{margin:15px auto;text-align:center;}
}

@media screen and (max-width: 768px) {
	#download p{margin-top:0.15rem;}
	#ma{display:none;}
	.video{margin-top:10px;height:100%;}
	.font20{
		font-size:14px;
	}
	.font24{
		font-size:16px;
	}

	#phone{display:none;}
	.navbar-brand{
		padding:0px;
		width:2.5rem;
	
	}
	.navbar-brand img{
		width:100%;
	}
	.banner{
		min-height:2.9rem;
	}
	.banner h1{
		line-height:2.9rem;
		font-size:18px;
	}
	.icon-img {
		width: 0.84rem;
		height: 0.84rem;
		margin: 0 auto;
	}
	
	.download{
		margin-top:0rem;
		min-height:5.2rem;
		position:relative;
		padding:20px;
	}

	.intro img{
		width:4rem;
		margin-top:0.2rem;
		margin-left:0px;
	}
	.download-btn>img{
		float:left;
		width:2.2rem;
	}
	.download-btn>div{
		float:left;
		margin-left:10px;
	}
	.download-btn a img{
		width:150px;
	}
	.download .download-btn{
		margin:0;
		float:left;
	}
	.intro{
		margin:0 auto;
		text-align:left;
		margin:0;
	}
	
	#main{height:auto;padding:0 10px;overflow-x:hidden;}	
	#main p{line-height:0.4rem;letter-spacing:1px;margin:0;text-align:left;}
	#main h3{margin-top:0.5rem;margin-bottom:0.2rem;}
	#main .row{padding:0 2px;line-height:20px;}
	#main .row p{padding:0;padding-bottom:10px;}	

	.footer{margin:15px 0;padding:0 15px;}
	.footer .container{
		margin:0.5rem auto;
		padding:0;
	}

}