/* banner */
#banner {
	height: 80%;
	position: relative;
	overflow: hidden;
}

/* visual */
#visual {
	position: relative;
	height: 600px;
	overflow: hidden;
	z-index: 1;
}

#visual #visualBanner {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

#visual #visualBanner li {
	position: absolute;
	width: 100%;
	height: 600px;
	z-index: -1;
}

#visual #visualBanner li p {
	/* position: absolute; */
}

#visual h2 {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -600px;
	height: auto;
	opacity: 0;
}

#visual .scene {
	display: none;
}

#visual .vis1 {
	left: 100%;
	/* background: #02101d; */
}

#visual .vis1 .pointer1 {
	/* top: 500px; */
	left: 50%;
	margin-left: 0px;
	font-size: 46px;
	font-family: PingFang SC;
	font-weight: 500;
	color: #000;
}
#visual .vis1 .animateTop,
#visual .vis4 .animateTop

{
	top: 300px;
	position: absolute;
	opacity: 0;
	left: 50%;
	transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
	top: 180px;
	 margin-left: -560px;
}
#visual .vis4 .animateTop{
	/*top: 200px;*/
	width: 700px;
	margin-left: -590px;
	margin-top: -8px;
}
#visual .vis2 .animateTop2{
	top: 300px;
	position: absolute;
	opacity: 0;
	left: 50%;
	transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
	margin-left: 355px;
} 
#visual .vis1 .pointer2 {
	top: 700px;
	left: 50%;
	margin-left: 0;
	width: 640px;
	line-height: 24px;
	font-size: 14px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #000;
	    margin-top: 30px;
		   
}

#visual .vis1 .pointer3 a,
#visual .vis2 .pointer3 a,
#visual .vis4 .pointer3 a
{
	color: #EF2D44;
	font-size: 16px;
	font-family: PingFang SC;
	font-weight: 400;
	float: left;
	margin-right: 33px;
	padding: 2px 10px;
}
#visual .vis1 .pointer3 a{
	    margin-top: 30px;
}
#visual .vis1 .pointer3 a img.imgNone, #visual .vis2 .pointer3 a img.imgNone, #visual .vis4 .pointer3 a img.imgNone{
	display: none;
}
#visual .vis1 .pointer3 a:hover, #visual .vis2 .pointer3 a:hover, #visual .vis4 .pointer3 a:hover{
	background: #EF2D44;
	color: #fff;
	transition: background 0.2s ;
}
#visual .vis1 .pointer3 a:hover img, #visual .vis2 .pointer3 a:hover img, #visual .vis4 .pointer3 a:hover img{
	display: none;
}
#visual .vis1 .pointer3 a:hover .imgNone, #visual .vis2 .pointer3 a:hover .imgNone, #visual .vis4 .pointer3 a:hover .imgNone{
	display: inline-block;}
#visual .vis1 .pointer3,
#visual .vis4 .pointer3
{
	top: 850px;
	left: 50%;
	margin-left: 0px;
}

#visual .vis2 {
	left: 100%;
	background: url(../img/bannerImg2.jpg) no-repeat center center;
	opacity: 0;
	transition: opacity 0.3s; 
	-webkit-transition: opacity 0.3s;
}
#visual .vis1 {
	left: 100%;
	background: url(../img/bannerImg1.jpg) no-repeat center center;
	opacity: 0;
	transition: opacity 0.3s; 
	-webkit-transition: opacity 0.3s;
}
#visual .vis2 .pointer1 {
	top: 550px;
	left: 50%;
	margin-left: -506px;
	font-size: 46px;
	font-family: PingFang SC;
	font-weight: 500;
	color: #000;
}

#visual .vis2 .pointer2 {
	top: 530px;
	left: 50%;
	margin-left: -495px;
	width: 640px;
	line-height: 24px;
	font-size: 14px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #000;
	margin-top: 30px;
}

#visual .vis2 .pointer3 {
	top: 850px;
	left: 50%;
	margin-left: -110px;
	margin-top: 20px;
}
#visual .vis2 .pointer4 {
	top: -200px;
	left: 50%;
	margin-left: 280px;
}

/* control */
.control {
	position: absolute;
	bottom: 35px;
	left: 50%;
	width: 157px;
	margin-left: -80px;
	height: 23px;
	z-index: 9999;
}

.control #btnPlay {
	position: absolute;
	top: 5px;
	left: 0;
	width: 14px;
	height: 14px;
	text-indent: -9999em;
	overflow: hidden;
	background: url('../img/stop-play.png') no-repeat;
	cursor: pointer;
}

.control #btnPlay.on {
	background: url('../img/stop-play.png') no-repeat -30px 0;
}

.control ul {
	position: absolute;
	top: 5px;
}

.control li {
	margin: 1px 0 0 8px;
	display: inline;
	float: left;
	display: block;
	width: 12px;
	height: 12px;
	cursor: pointer;
	background: #fff;
	border-radius: 50%;
	overflow: hidden;
}

#active {
	margin-left: 45px;
}

.control li.on {
	background: #EF2D44;
}
#visual .vis4 p{
	color: #162035;
	line-height: 1;
}
#visual .vis4 .pointer1{
	font-size: 55px;
	margin-bottom: 26px;
	font-weight: bold;
}
#visual .vis4 .pointer1 span{
	display: block;
	margin-top: 17px;
	font-size: 24px;
	font-weight: normal;
}
#visual .vis4 .animateTop .pointer2{
	font-size: 14px;
	margin-bottom: 33px;
	line-height: 24px;
	color: #000!important;
	width: 540px;
}