#video {
	background: url(/img/video_bg.jpg) 0 0 no-repeat;
	position: relative;
	overflow: hidden;
/*	padding-top: 5%;*/
	padding-bottom: 8.9%;
	background-size: cover;
}
#video h2 {
	position: absolute;
	top: 22%;
	left: 13.5%;
	width: 27%;
	z-index: 10;
}
#video h2 img {
	width: 100%;
}
#video .vod {
	float: right;
	margin-top: 7%;
	position: relative;
	overflow: hidden;
}
#video #vimeo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1940px;
	height: 1091px;
}
#video .player-ctrl{
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	cursor: pointer;
	text-align: center;	
}
#video .play_btn {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	background-color: rgba(0,0,0,0);
	border: none;
	outline: none;
	cursor: pointer;
}









#room {
	margin-bottom: 10.5%;
	position: relative;
}
#room h2 {
	padding: 6.3% 0 1.5% 0;
	border-bottom: 1px solid #171717;
	width: 27.5%;
	margin: 0 auto;
	text-align: center;
}
#room h2 img {
	width: 55%;
}
#room .small_title {
	font-size: 16px;
	color: #888888;
	text-align: center;
	padding: 1.3% 0 4% 0;
}
#room .room_list {
	margin-bottom: 5%;
}
#room .room_list .item .img_wrap {
	position: relative;
}
#room .room_list .item .over {
	position: absolute;
	top: 0;
	background-color: rgba(0,0,0,0.5);
	width: 93.1%;
	height: 100%;
	opacity: 0;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
}
#room .room_list .item .over:hover {
	opacity: 1;
}
#room .room_list .item .over a {
	display: inline-block;
	margin: 56% 0 0 43%;
}
#room .room_list .item p {
	text-align: center;
}
#room .room_list .item .title {
	color: #333333;
	font-size: 24px;
	margin: 3% 0 0 0;
}
#room .room_list .item .txt {
	color: #888888;
	font-size: 16px;
}
#room .room_slide {
	position: relative;
}
#room .room_slide h3 {
	position: absolute;
	bottom: 5%;
	z-index: 10;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}
#room .room_slide h3 img {
	width: 100%;
}
#room .room_slide .callbacks_tabs,
#room .room_slide .callbacks_nav {
	display: none;
}






#facilities {
	background: url(/img/facilities_bg.jpg) 0 0 no-repeat;
	font-size: 0;
	padding-bottom: 1.6%;
	position: relative;
	background-size: cover;
}
#facilities h2 {
	position: absolute;
	right: 17%;
	top: 3%;
	width: 15.5%;
}
#facilities h2 img {
	width: 100%;
}
#facilities .facilities_list {
	overflow: hidden;
}
#facilities .facilities_list .item {
	position: relative;
	float: left;
	margin-right: 2.5%;
	margin-bottom: 2.5%;
}
#facilities .facilities_list .item .img {
width: 100%;
}
#facilities .facilities_list .item1 {
	margin-top: 11.8%;
	width: 20.8%;
}
#facilities .facilities_list .item2 {
	margin-top: 2.6%;
	width: 42.8%;
}
#facilities .facilities_list .item3 {
	margin-top: 16.2%;
	width: 30.9%;
}
#facilities .facilities_list .item4 {
	width: 20.8%;
}
#facilities .facilities_list .item5 {
	width: 52.8%;
}
#facilities .facilities_list .item3,
#facilities .facilities_list .item5 {
	margin-right: 0;
}
#facilities .facilities_list .item p {
	position: absolute;
	bottom: 3.5%;
	left: 7%;
	z-index: 10;
}
#facilities .facilities_list .item .title {
	bottom: 8%;
	font-size: 37px;
	color: #fff;
	font-weight: bold;
}
#facilities .facilities_list .item .text {
	font-size: 16px;
	color: #fff;
}
#facilities .facilities_list .item .over {
	position: absolute;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
}
#facilities .facilities_list .item .over:hover {
	opacity: 1;
}
#facilities .facilities_list .item .over a {
	display: inline-block;
	margin: 60% 0 0 42%;
}
#facilities .facilities_list .item2 .over a {
	margin: 35% 0 0 44%;
}
#facilities .facilities_list .item3 .over a {
	margin: 20% 0 0 44%;
}
#facilities .facilities_list .item4 .over a {
	margin: 45% 0 0 42%;
}
#facilities .facilities_list .item5 .over a {
	margin: 20% 0 0 46%;
}








#service h2 {
	padding: 6.3% 0 1.5% 0;
	width: 27.5%;
	margin: 0 auto;
	border-bottom: 1px solid #171717;
	text-align: center;
}
#service h2 img {
	width: 49.6%;
}
#service h3 {
	padding: 6.3% 0 1.5% 0;
	width: 27.5%;
	margin: 0 auto;
	text-align: center;
}
.main_service h3 img {
	width: 58%;
}
#service .small_title {
	font-size: 16px;
	color: #888888;
	text-align: center;
	padding: 1.3% 0 2% 0;
}
#service .service_list {
	position: relative;
}
#service .service_list .item {
	font-size: 0;
	overflow: hidden;
/*	display: none;*/
}
#service .service_list .active {
/*	display: block;*/
}
#service .service_list .service_wrap {
	display: none;
}
#service .service_list .service_active {
	display: block;
}
#service .service_list .item .img {
	float: left;
	width: 67.23%;
}
#service .service_list .item .content {
	text-align: center;
	width: 32.77%;
	float: left;
	background-size: cover;
}
#service .service_list .item .content h3 {
	padding: 17% 0 5.6% 0;
}
#service .service_list .item .content .title {
	font-size: 38px;
	font-weight: bold;
	color: #000;
}
#service .service_list .item .content .text {
	font-size: 16px;
	color: #333333;
	line-height: 26px;
	padding: 2.1% 0 29.8% 0;
	height: 76px;
}
#service .service_list .item1 .content {
	background-image: url(/img/service_content_bg1.jpg);
}
#service .service_list .item2 .content {
	background-image: url(/img/service_content_bg2.jpg);
}
#service .service_list .item3 .content {
	background-image: url(/img/service_content_bg3.jpg);
}
#service .service_list .item4 .content {
	background-image: url(/img/service_content_bg4.jpg);
}
#service .arrow_button {
	position: absolute;
	bottom: 7%;
	right: 12%;
}
#service .arrow_button div {
	width: 66px;
	height: 66px;
	line-height: 66px;
	background-color: #569589;
	display: inline-block;
	border-radius: 50%;
	text-align: center;
	cursor: pointer;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
}
#service .arrow_button div:hover {
	background-color: #2b4946;
}
#service .arrow_button .service_prev {
	margin-right: 25px;
}






#tour {
	padding-bottom: 5.5%;
}
#tour h2 {
	padding: 6.3% 0 1.5% 0;
	width: 27.5%;
	margin: 0 auto;
	border-bottom: 1px solid #171717;
	text-align: center;
}
#tour h2 img {
	width: 48.3%;
}
#tour .small_title {
	font-size: 16px;
	color: #888888;
	text-align: center;
	padding: 1.3% 0 2% 0;
}
#tour .tour_list {
	overflow: hidden;
	font-size: 0;
}
#tour .tour_list li {
	float: left;
	width: 33.33%;
}
#tour .tour_list li img {
	width: 100%;
}




@media (max-width: 1600px) { 
	#facilities .facilities_list .item .title {
		font-size: 26px;
	}
	#service .service_list .item .content .title {
		font-size: 26px;
	}
}
@media (max-width: 1280px) { 
	#room .small_title,
	#room .room_list .item .txt,
	#service .small_title,
	#tour .small_title {
		font-size: 14px;
	}
	#room .room_list .item .title {
		font-size: 20px;
	}
	#facilities .facilities_list .item .title {
		font-size: 20px;
	}
	#facilities .facilities_list .item .text {
		display: none;
	}
	#service .service_list .item .content .text {
		font-size: 14px;
		line-height: 22px;
		height: auto;
	}
}
@media (max-width: 768px) {	
	#room .room_list .item .title {
		font-size: 16px;
	}
	#room .room_list .item .txt {
		display: none;
	}
	#room .room_list .item .over a {
		margin: 50% 0 0 35%;
	}
	#room .room_list .item .over a img {
		width: 40px;
	}
	#facilities .facilities_list .item1 {
		margin-top: 15.8%;
	}
	#facilities .facilities_list .item2 {
		margin-top: 6.6%;
	}
	#facilities .facilities_list .item3 {
		margin-top: 20.2%;
	}
	#facilities .facilities_list .item .over a {
		margin: 50% 0 0 34%;
	}
	#facilities .facilities_list .item2 .over a {
		margin: 27% 0 0 44%;
	}
	#facilities .facilities_list .item3 .over a {
		margin: 16% 0 0 38%;
	}
	#facilities .facilities_list .item4 .over a {
		margin: 31% 0 0 29%;
	}
	#facilities .facilities_list .item5 .over a {
		margin: 13% 0 0 44%;
	}
	#facilities .facilities_list .item .over a img {
		width: 35px;
	}
	
	#service .service_list .item .content h3 {
		display: none;
	}
	#service .service_list .item .img,
	#service .service_list .item .content {
		width: 100%;
	}
	#service .service_list .item .content .title {
		padding-top: 2%;
	}
	#service .service_list .item .content .text {
		padding: 0 0 14.8% 0;
	}
	#service .arrow_button {
		right: auto;
		left: 50%;
		bottom: 3%;
		transform: translate(-50%,0);
		-webkit-transform: translate(-50%,0);
	}
	#service .arrow_button div {
		width: 45px;
		height: 45px;
		line-height: 45px;
	}
	#room h2 img,
	#facilities h2 img,
	#service h2 img,
	#tour h2 img {
		width: 130px;
	}
}
@media (max-width: 479px) {	
	#room .small_title,
	#room .room_list .item .txt,
	#service .small_title,
	#tour .small_title {
		font-size: 12px;
	}
	#facilities .facilities_list .item .title {
		font-size: 12px;
	}
	#service .service_list .item .content .text {
		font-size: 12px;
		line-height: 18px;
	}
	#service .service_list .item .content .title {
		font-size: 22px;
	}
	#room h2 img,
	#facilities h2 img,
	#service h2 img,
	#tour h2 img {
		width: 100px;
	}
	#video .play_btn img {
		width: 45px;
	}
}