
#rail .bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{
    overflow: hidden;
    width: 25px;
    height: 25px;
    background-image: url(../images/footer/social_media_icon_ie8.png);
    float: left;
    padding-left:0;
    margin-right:12px;
    margin-top: 0;
    margin-bottom: 0;
}

/*body,html{
	-webkit-overflow-scrolling:auto;
}*/
.ui-loader{
	display: none;
}
#floor_box{
	width: 100%;
	height: 400vh;
	position: absolute;
	left: 0;
	top: 0;
}
#floor_box_small{
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: relative;
	/*-webkit-overflow-scrolling:auto;*/
}
/*#floor_box>section{
	overflow: hidden;
}*/
#floor_box>section{
	width: 100%;
	height: 100vh;
	position: relative;
	overflow: hidden;
}
#img_back{
	width: 100%;
	height: 100%;
	background:url(../images/rail/floor_one.jpg) no-repeat center;
	background-size: cover;

}
#words_box_one{
	position: absolute;
	width: 100%;
	height: 100%;	
	left: 0;
	top: 0;
}
#words_rail{
	/*background: url(../images/rail/words_rail.png) no-repeat center;*/
	width: 6.98vw;
	height: 3.59vw;
	background-size: contain;
	position: absolute;
	top: 26.85%;
	right: 22%;
}
#words_rail>img{
	width: 100%;
}
.img_mobile{
	display: none;
}
#words_right_green{
	/*background: url(../images/rail/words_right_green.png) no-repeat center;*/
	background-size: contain;
	width: 14.63vw;
    height: 3.59vw;
	position: absolute;
	top:26.85%;
	right: 5.625%;
}
#words_right_green>img{
	width:100%;
}
#floor_two{
	background:url(../images/rail/two_floor.jpg) no-repeat center;
	background-size: cover;
	color: #fff;
}
#words_box{
	position: absolute;
	bottom: 10vw;
	left: 13.02%;
}
#floor_two_tittle{
	font-size: 60px;
	font-weight: 600;
}
#floor_two_underline{
	width: 125px;
	height: 4px;
	background:#fff;
	margin-top: 22px;
	margin-bottom: 22px;
}
#article_floor_two{
	width: 440px;
	font-size: 16px;
	line-height: 27px;
	margin-top: 20px;
}

#floor_three{
	background:url(../images/rail/floor_three.jpg) no-repeat center;
	background-size: cover;
	color: #fff;
}
#marg_top{
	height: 8.33vw;
}
#floor_three_tittle{
	width: 100%;
	text-align: center;
	font-size: 60px;
	
}
#floor_three_underline{
	width: 125px;
	height: 4px;
	background: #fff;
	margin:20px auto;
}
#trait_list{
	width: 100%;
	list-style: none;
	position: absolute;
	bottom: 1vw;
}
#trait_list li.trait_single{
	width: 18.6%;
	text-align: center;
	list-style: none;
	float: left;
	margin: 3%;
	overflow: hidden;
}
.trait_tittle{
	font-size: 1.25vw;
	line-height: 3.59vw;
	font-family: "微软雅黑";

}
.article_trait{
	font-size: 0.833vw;
	line-height: 2vw;
	font-weight: 500;
}
#floor_four{
	background:url(../images/rail/floor_four.jpg) no-repeat center;
	background-size: cover;
	background: #000;
}

#video_img{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	background: #000;
}
.play{
    width:7.5vw;
    height:7.5vw;
    position: absolute;
    top:50%;
    left:50%;
    margin-left:-3.75vw;
    margin-top:0;
    z-index: 3;
    transition: 1s;
    cursor:pointer;
}

.play:hover{
	transform:scale(1.2);
	transition:1s;
}
.rain_rail_video{
    width: 100%;
	height: 100%;
    margin: 0 auto;
}

#application{
	height: 38.8vw;
	width: 100%;

}
#words_applica{
	background: url(../images/rail/type_use_back.jpg) no-repeat center;
	background-size: cover;
	width: 100%;
	height: 17%;
	padding-top: 4.06vw;
}
#words_applica p{
	color: #393939;
	font-size: 60px;
	width: 100%;
	text-align: center;
	/*margin-top: 4.06vw;*/

}
#words_applica h1{
	width: 120px;
	height: 4px;
	background: #da251c;
	margin: 1.042vw auto;
}
#application_list{
	height: 73%;
	width: 100%;
	list-style: none;
}
#application_list li{
	width: 33.33%;
	height: 100%;
	float: left;
	color: #fff;
	text-align: center;
	position: relative;
}
.words_bu{
	position: absolute;
	bottom: 20px;
	width: 100%;
	font-size:1vw;
}
#app_one{
	background: url(../images/rail/advertisement_one.jpg) center no-repeat;
	background-size: cover;
}
#app_two{
	background: url(../images/rail/advertisement_two.jpg) center no-repeat;
	background-size: cover;
}
#app_three{
	background: url(../images/rail/advertisement_three.jpg) center no-repeat;
	background-size: cover;
}
.schedule{
	width: 3.125vw;
	position: fixed;
	top: 39vh;
	right: 2.34vw;
	height: 10.677vw;
	z-index: 10;
}
.schedule div{
	transition: all .5s;
	width: 33%;
	background:#fff;
	height: 4px;
	border-radius: 3px;
	position: absolute;

}
.schedule_one{
	top: 2.86vw;
	right: 0;
}
.schedule_two{
	top: 5.72vw;
	right: 0;
}
.schedule_three{
	top: 8.58vw;
	right: 0;
}
.schedule_four{
	top: 11.44vw;
	right: 0;
}
.play_img{
    position: absolute;
    z-index: 2;
    top:0;
    left: 0;
}
.play_img>img{
    width: 100%;
    height: 100%;
}
@media (max-width: 1024px) {
    .play_img{
		position: absolute;
		z-index: 2;
		top:0;
		left: 0;
    }
	.play_img>img{
		width: 100%;
		height: 100%;
	}
	.play{
		width:19.2vw;
        height:19.2vw;
        position: absolute;
        top:45%;
        left:50%;
        margin-left:-9.6vw;
        margin-top:0;
	}
    #rail .bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{
        overflow: hidden;
        width: 25px;
        height: 25px;
        background-image: url(../images/footer/social_media_icon_ie8.png);
        float: left;
        padding-left:0;
    }
    #rail .icon_wb{
        margin-left: 6.9vw;
    }
    #rail .icon_fb,#rail .icon_wx,#rail .icon_tw,#rail .icon_ga{
        margin-left: 12px;
    }
	.schedule{
		width: 8.4vw;
		transition: all .3s;
		position: fixed;
		top: 39vh;
		right: 2vw;
		height: 10.677vw;
	}
	.schedule div{
		width: 33%;
		background:#fff;
		height: 4px;
		border-radius: 3px;
		position: absolute;
	}
	.schedule_one{
		top: 5.87vw;
		right: 0;
	}
	.schedule_two{
		top: 11.74vw;
		right: 0;
	}
	.schedule_three{
		top: 17.61vw;
		right: 0;
	}
	.schedule_four{
		top: 23.48vw;
		right: 0;
	}
	.play{
		display: block;
	}
	.play img{
		width: 100%;
		height:100%;
	}
    .words_bu{
        width: 90%;
        left: 5%;
        font-size: 3.2vw;
    }
	#img_back{
		width: 100%;
		height: 50%;
		background: url(../images/rail/floor_one_mobile.jpg) no-repeat center;
		background-size: cover;
	}
	#words_box_one{
		position: absolute;
		background: #fff;
		left: 0;
		top: 50%;
	}
	#words_rail{
		/*background: url(../images/rail/words_rail_mobile.png) no-repeat center;*/
		width: 25.73vw;
		height: 12.4vw;
		background-size: contain;
		position: absolute;
		top: 8vw;
		right: auto;
		left: 5.33%;
	}
	#words_right_green{
		/*background: url(../images/rail/words_right_green_mobile.png) no-repeat center;*/
		background-size: contain;
		width: 57.73vw;
		height: 22.93vw;
		position: absolute;
		top:27vw;
		right: auto;
		left: 5.33%;
	}
	.img_pc{
		display: none;
	}
	.img_mobile{
		display: block;
	}
	#floor_two{
		background:url(../images/rail/two_floor.jpg) no-repeat center;
		background-size: cover;
		color: #fff;
	}
	#words_box{
		position: absolute;
		bottom: 160px;
		left: 5.33%;
		width: 89.34%;
	}
	#floor_two_tittle{
		font-size: 9.33vw;
		font-weight: 600;
	}
	#floor_two_underline{
		width: 125px;
		height: 4px;
		background:#fff;
		margin-top: 22px;
		margin-bottom: 22px;
	}
	#article_floor_two{
		width: 100%;
		font-size: 3.733vw;
		line-height: 5.33vw;
	}



	#floor_three{
		background:none;
		color: #fff;
	}
	.mobile_back_three{
		position: absolute;
		top: 0;
		left: 0;
		background: url(../images/rail/floor_three_mobile.jpg) no-repeat center;
		width: 100%;
		height: 30%;
		background-size: cover;
	}

	#marg_top{
		height: 8.33vw;
		display: none;
	}
	#floor_three_tittle{
		width: 100%;
		text-align: center;
		font-size: 8vw;
		position: absolute;
		z-index: 2;
		top: 120px;
	}
	#floor_three_underline{
		width: 125px;
		height: 4px;
		background: #fff;
		margin:20px auto;
		display: none;
	}
	#trait_list{
		width: 100%;
		height: 70%;
		list-style: none;
		position: absolute;
		top: 30%;
		left: 0;
		background: #1e1e1e;
	}
	#trait_list li.trait_single{
		width: 50%;
		text-align: center;
		list-style: none;
		float: left;
		padding: 0 3%;
		overflow: hidden;
		margin:0;
		height: 50%;
		border-right: 1px solid #2d2d2d;
		box-sizing: border-box;
		border-bottom: 1px solid #2d2d2d;
	}
	/*.trait_one{*/
		/*height:38% !important;*/
	/*}*/
	/*.trait_two{*/
		/*height:62% !important;*/
	/*}*/
	.trait_tittle{
		font-size: 4vw;
		line-height: 5.33vw;
		font-family: "微软雅黑";
		width: 80%;
		margin: 2.63vw auto 0;

	}
	.article_trait{
		font-size: 3vw;
		line-height: 4.8vw;
		font-weight: 500;
		color: #8f8f8f;
	}
	#floor_four{
		background:url(../images/rail/floor_four.jpg) no-repeat center;
		background-size: cover;
	}

	#application{
		height: 80vw;
		width: 100%;
	}
	#words_applica{
		background: url(../images/rail/type_use_back_mobile.jpg) no-repeat center;
		background-size: cover;
		width: 100%;
		height: 38%;
		padding-top: 4.06vw;
	}
	#words_applica p{
		color: #393939;
		font-size: 8vw;
		width: 100%;
		text-align: center;
		margin-top: 4.06vw;

	}
	#words_applica h1{
		width: 120px;
		height: 4px;
		background: #da251c;
		margin: 25px auto;
	}
	#application_list{
		height: 79%;
		width: 100%;
		list-style: none;
	}
	#application_list li{
		width: 100%;
		height: 100%;
		float: left;
	}
	#app_one{
		background: url(../images/rail/advertisement_one_mobile_01.jpg) center no-repeat;
		background-size: cover;
	}
	#app_two{
		background: url(../images/rail/advertisement_two_mobile.jpg) center no-repeat;
		background-size: cover;
	}
	#app_three{
		background: url(../images/rail/advertisement_three_mobile.jpg) center no-repeat;
		background-size: cover;
	}
}
