.subpage{
	/*
	position:fixed;
	overflow-y:auto;
	*/
	overflow:hidden;
	width:100%;
	height:auto;
	    min-height: 500px;
	background-color:#000;
	left:100%;
	display:none;
	top: 0;
	left:0;
	position:absolute;
}
.subpage .upper,.subpage .lower{
	/*min-height:60vw;
	height:calc(50% - 68px);*/
	min-height:240px;
	
	height:56vw;
	position:relative;
}
.head_title{
	background-color:#000;
	text-align:center;
	padding-top:16px;
	height:60px;
}
.head_title p,.head_title p *{
	font-size:20px;
	color:#2fa4a2;
    text-transform: uppercase;
}
.v_mid_parent:before{
	content:'';
	display:inline-block;
	vertical-align:middle;
	height:100%;
}
.v_mid_son{
	display:inline-block;
	vertical-align:middle;
	
}

.subpage .middle{
	background-color:#000;
	text-align:center;
	padding-top:46px;
	height:136px;
}

.subpage .middle p,.subpage .middle p *{
	font-size:20px;
	color:#2fa4a2;
    text-transform: uppercase;
}
.subpage .line{
	height:1px;
	width:44px;
	margin:0px auto;
	background-color:#FFF;
}




.change_page_container{
	position:relative;
	overflow:hidden;
}
.change_page_container .btn_prev,.change_page_container .btn_next{
	position:absolute;
	top:0;
	width:30px;
	height:100%;
}
.change_page_container .btn_prev{
	left:0;
}
.change_page_container .btn_next{
	right:0;
}
.change_page_container .pages,.change_page_container .pages .page{
	position:absolute;
	top:0;
	height:100%;
}
.change_page_container .pages{
	width:100%;
	height:100%;
}
.change_page_container .pages .page{
	width:100vw;
	padding:35px;
	height:100%;
}
.change_page_container .pages .page{
	background-color:#EEE;
}
.change_page_container .pages .page .inner{
	background-size:contain;
	background-position:center center;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.change_page_container .buttons{
	text-align:center;
	position:absolute;
	bottom:7px;
	width: 160px;
	left:calc(50% - 80px);
}
.change_page_container .buttons .btn_dot{
	width:7px;
	height:7px;
	border-radius:4px;
	border:1px solid #FFF;
	display:inline-block;
	margin:5px;
}
.change_page_container .buttons .btn_dot.active{
	background-color:#149a9d;
}

.change_page_container .page{
	text-align:center;
}
.change_page_container .page .title{
	font-size:18px;
	color:#2fa4a2;
	margin-bottom: 6px;
}
.change_page_container .page p{
	font-size:15px;
}




	
.video_box video{
	width: 100%;
    height: calc(100% - 30px);
	background: black;
}
.video_box .prestart,.video_box .video {
    position: absolute;
    top: 0;
	left:0;
    height: 100%;
    width: 100%;
    background-position: center center;
    background-size: cover;
}
.video_box .video{
	background-color:#000;
}
.video_box .prestart{
	text-align:center;
}
.video_box .prestart .title{
	font-size:20px;
	margin-bottom:10px;
}
.video_box .prestart .btn_play{
	margin:0 auto;
	width:64px;
	height:64px;
	position:relative;
	display:block;
}
.video_box .prestart .play_icon{
	background-image:url(images/button/btn_play.png);
}
.video_box .prestart .btn_play *{
	background-size:contain;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
}
.video_box .prestart .btn_play .circle{
	border:2px solid #2fa4a2;
	border-radius:32px;
	background-color:rgba(255,255,255,0.14);
	box-shadow:0 0 20px rgba(0,0,0,0.3);
}

.subpage .middle .activeLogo {
	width: 95px;
	top: 3px;
	position: relative;
}

	.subpage .middle p, .subpage .middle p * {
		letter-spacing:2px;
	}


#img_inner{
background-size: cover;
    position: absolute;
}

@media screen and (max-width: 767px) {
	.change_page_container .pages .page .inner {
		height: calc(100% - 75px);
		top: 60px;
	}
}
@media screen and (min-width: 768px) {
	
	.change_page_container .pages .page .inner{
		height: calc(100% - 55px);
		top: 54px;
	}
	.subpage .middle {
		padding-top: 63px;
		height: 200px;
	}
	.subpage .head_title {
		padding-top: 10px;
		height: 76px;
	}
	.subpage.head_title p, .subpage .head_title p * {
    font-size: 38px;
	}
	.subpage .upper, .subpage .lower {
		
		height:590px;
	}
	.change_page_container .page .title{
		font-size:32px;
	}
	.change_page_container .page p {
		font-size: 17px;
	}
	.video_box .prestart .title {
		font-size: 32px;
	}
	.video_box .prestart .btn_play {
    
    width: 124px;
    height: 124px;}
	.video_box .prestart .btn_play .circle {
    border-radius: 62px;}
	.subpage .middle p, .subpage .middle p *{
    font-size: 40px;
	}
	.subpage .middle .activeLogo {
		width:185px;
		    top: 8px;
	}
}