html,body{
	width: 100%;
	height: 100%;
}
.play_img{
    position: absolute;
    z-index: 2;
    top:0;
    left: 0;
}
.play_img>img{
    width: 100%;
    height: 100%;
}
#our_future .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;
}
.ui-page, .ui-body-c,.ui-page-active{
	height: 100%;

}
.road{
	background: rgba(0,0,0,0.7);
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #fff;
	position: absolute;
	top: 70px;
	text-indent: 10em;
	/*font-family: 'Gotham Medium';*/
	z-index: 2;
}
.scene{
	width: 100%;
	height: 400%;
}
.scene>div{
	width: 100%;
	height: 25%;
	position: relative;
	overflow: hidden;
}
.scene_one{
	/*background: url(../images/look_future/video.jpg) no-repeat center;*/
	/*background-size: cover;*/
	background:#000;
	display: block;
}
.future_video{
	width: 100%;
	height: 100%;
	position: absolute;
    top: 0;
    left: 0;
	display: block;
}
.scene_two{
	background: url(../images/look_future/future_city.jpg) no-repeat center top;
	background-size: cover;
}

.scene_two_words{
	width: 41.67vw;
	/*height: 20.4vw;*/
	height: 0;
	overflow: hidden;
	position: absolute;
	right: 6.77vw;
	top: 43.2vh;
	color: #fff;
	border:0;
}

.words_box_two{
	height: 100%;
	width:0;
	background: url(../images/look_future/future_city_back.png) left center no-repeat;
	background-size: cover;
	float: left;
	overflow: hidden;
}
.scene_two_words>span.bar_red{
	display: block;
	float: left;
	height: 100%;
	background: #da251c;
	width: 0.5%;
}
.container_words{
	float: left;
	width: 40vw;
	overflow: hidden;
	opacity: 0;
}
.canYou{
	width: 100%;
	font-size: 2.5vw;
	/*font-family: 'Gotham Medium';*/
	margin-left: 2.1vw;
	margin-bottom: 10px;
	/*font-weight: 600;*/
}
.think{
	width: 35vw;
	/*margin-top: 1vw;*/
}

.solar_energy{
	width: 60vw;
	/*font-family: 'Gotham Medium';*/
	font-size: 1.25vw;
	margin-left: 2.1vw;
	/*margin-bottom: 20px;*/
	color:#fff;
}
.words_clean{
	/*margin-top: 6vw;*/
}
.scene_three{
	background: url(../images/look_future/high_speed_rail.jpg) no-repeat center top;
	background-size: cover;
}
.scene_three_words{
	width: 37.5vw;
/*	height: 10.93vw;
*/	
	height: 0;
	overflow: hidden;
	color: #fff;
	position: absolute;
	top: 57vh;
	right: 9.11vw;
	font-size: 1.25vw;
	/*font-family: 'Gotham Medium';*/
	line-height: 2.186vw;
}
.words_box_three{
	width: 0;
	height: 100%;
	background:rgba(0,0,0,.4);
	float: right;
	overflow: hidden;

}
.scene_three_words .words{
	width: 85%;
	overflow: hidden;
	height: 80%;
	float: right;
	margin: 0 4.9%;
	margin-top: 3%;
	opacity: 0;
}
.scene_three_words>span{
	width: 0.6%;
	height: 100%;
	background: #da251c;
	display: block;
	float: right;
}
.words{
	opacity:0;
	filter:alpha(opacity=0);
}
.scene_four{
	background: url(../images/look_future/build_dream.jpg) no-repeat center;
	background-size: cover;
}
.scene_four_words{
	color: #fff;
	width: 40vw;
	position: absolute;
	top: 20vh;
	left: 30.2vw;
	height: 10.41vw;
	text-align: center;
}
.scene_four_words_one{
	color: #d4d2d2;
	font-size: 1.25vw;
	height: 2.44vw;
	line-height: 2.44vw;
	width: 100%;

}
.scene_four_words_two{
	font-size: 2.5vw;
	line-height: 3.38vw;
	height: 3.38vw;
	font-weight: bold;

}
.words_English{
	font-family: 'Gotham Book';
}
.schedule{
	width: 3.125vw;
	position: fixed;
	top: 39vh;
	right: 2.34vw;
	height: 10.677vw;
	z-index: 3;
}
.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{
    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;
}
@media (max-width: 1024px) {
    .play_img{
        display: block;
    }
    #our_future .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;
    }
    #our_future .icon_wb{
        margin-left: 6.9vw;
    }
    #our_future .icon_fb,#our_future .icon_wx,#our_future .icon_tw,#our_future .icon_ga{
        margin-left: 12px;
    }
	body{
		overflow: hidden;
	}
	.scene{
		position: absolute;
		top: 0; 
	}
	.road{
		display: none;
	}
	.scene_one{
		/*background: url(../images/look_future/video_mobile.jpg) no-repeat center;*/
		/*background-size: cover;*/
		background:#000;
	}
	.play{
		/*display: none;*/
	}
	.play{
		width:19.2vw;
        height:19.2vw;
        position: absolute;
        top:45%;
        left:50%;
        margin-left:-9.6vw;
        margin-top:0;
	}
	.play img{
		width: 100%;
		height:100%;
	}

	.scene_two{
		background: url(../images/look_future/future_city_mobile.jpg) no-repeat center;
		background-size: cover;
	}
	.scene_two_words{
		width: 86vw;
		height: 0;
		position: absolute;
		right: 6.77vw;
		top: auto;
		bottom: 13vh;
		color: #fff;
		border:0;
	}
	.words_box_two{
		height: 100%;
		width:0;
		background: url(../images/look_future/side_two_back.png) left center no-repeat;
		background-size: 100% 100%;

	}
	.scene_two_words>span.bar_red{
		display: block;
		float: left;
		height: 100%;
		background: #da251c;
		width: 1.2%;
	}
	.container_words{
		float: left;
		width: 90%;

	}
	.canYou{
		font-size: 7vw;
		/*font-family: 'Gotham Medium';*/
		margin-left: 2.1vw;
		margin-bottom: 10px;
		font-weight: 600;
	}
	.think{
		margin-top: 1vw;
	}

	.solar_energy{
		/*font-family: 'Gotham Medium';*/
		font-size: 3.73vw;
		margin-left: 2.1vw;
		line-height: 5.8vw;
		margin-bottom: 0;

	}
	.words_clean{
		margin-top: 6vw;
	}



	.scene_three{
		background: url(../images/look_future/high_speed_rail_mobile.jpg) no-repeat center;
		background-size: cover;
	}
	.scene_three_words{
		width: 43vw;
		height: 0;
		color: #e3e4e5;
		position: absolute;
		top: auto;
		bottom: 10.67vh;
		right: 12.333vw;
		font-size: 3.73vw;
		/*font-family: 'Gotham Medium';*/
		line-height: 5.877vw;
	}
	.words_box_three{
		width: 0;
		height: 89%;
		background:rgba(0,0,0,.4);
		float: right;
		overflow: hidden;
		padding:4vw 0;
	}
	.scene_three_words .words{
		width: 89%;
		height: 100%;
		float: left;
		margin: 0 9.9%;
/*		margin-top: 13px;
*/	}
	.scene_three_words>span{
		width: 1.2%;
		height: 100%;
		background: #da251c;
		display: block;
		float: right;
	}
	.words{
		opacity:0;
		filter:alpha(opacity=0);
	}
	.scene_four{
		background: url(../images/look_future/build_dream_mobile.jpg) no-repeat center;
		background-size: cover;
	}
	.scene_four_words{
		color: #fff;
		width: 55vw;
		position: absolute;
		top: 20vh;
		left: 24vw;
		height: 10.41vw;
		text-align: center;
	}
	.scene_four_words_one{
		font-family: "微软雅黑";
		color: #d4d2d2;
		font-size: 3.2vw;
		height: 10.66vw;
		line-height: 5.33vw;
		width: 100%;
		margin-bottom: 3vw;

	}


	.scene_four_words_two{
		font-size: 6.4vw;
		line-height: 7.33vw;
		height: 7.33vw;
		font-weight: bold;
		width: 89.3vw;
		text-align: center;
		margin-left: -17.3vw;
	}
	.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;
	}
}