#dot_wrap {
	position: fixed;
	top: 35%;
	right: 40px;
	z-index: 200;
	text-align: right;
}
#dot_wrap .dot li {
	margin-bottom: 18px;
	position: relative;
	width: 14px;
	text-align: center;
}
#dot_wrap .dot li.active .shape,
#dot_wrap .dot li:hover .shape {
	width: 6px;
	height: 6px;
	box-shadow: 0 0 0 4px rgba(255,255,255,1);
	background-color: rgba(255,255,255,0);	
}
#dot_wrap .dot li .shape {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: rgba(255,255,255,0.7);
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
}
#dot_wrap .dot li.active .text,
#dot_wrap .dot li:hover .text {
	color: #fff;
}
#dot_wrap .dot li .text {
	position: absolute;
	top: 7px;
	left: -69px;
	font-size: 12px;
	width: 60px;
	text-align: right;
	color: rgba(255,255,255,0.4);
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	cursor: pointer;
}
#dot_wrap .scroll {
	position: absolute;
	top: -16px;
	left: 1px;
}






#video {
	position: relative;
	overflow: hidden;
}
/*#video #vimeo {*/
/*	position: absolute;*/
/*	top: 50%;*/
/*	left: 50%;*/
/*	transform: translate(-50%, -50%);*/
/*	width: 1940px;*/
/*	height: 1091px;*/
/*}*/
#video #vimeo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
}
#video .player-ctrl{
	position: absolute;
	z-index: 200;
	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;
}
#video .align-center{
	position: absolute;
	left: 50% !important;
	top: 50% !important;
	transform: translateX(-50%) translateY(-50%) !important;
	z-index: 30;
}



#outside .item {
	float: left;
	position: relative;
}
#outside .item a:after {
	content: '';
	display: inline-block;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
}
#outside .item a:hover:after {
	opacity: 1;
}
#outside .item .img {
	background-position: center;
	transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	background-size: cover;
}
#outside .item .text_wrap {
	position: absolute;
	text-align: right;
	z-index: 10;
}
#outside .item1 .text_wrap {
	top: 80%;
	left: 5%;
}
#outside .item2 .text_wrap {
	top: 23%;
	right: 9.5%;
}
#outside .item .text_wrap .text {
	font-size: 20px;
	color: #fff;
	margin-right: 58px;
	margin-top: 15px;
}
#outside .item .text_wrap .tit {
	vertical-align: middle;
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
}
#outside .item .text_wrap .tit2 {
	opacity: 0;
}
#outside .item .text_wrap .arrow {
	vertical-align: middle;
	margin-left: 32px;
}






#room {
	position: relative;
}
#room .bg {
	width: 100%;
	height: 100%;
}
#room .content {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.6);
	width: 100%;
	overflow: hidden;
	padding: 2.5% 0;
}
#room .content .title_wrap {
	width: 39%;
	float: left;
	text-align: right;
	padding-right: 2%;
	position: relative;
}
#room .content .title_wrap:after {
	content: '';
	position: absolute;
	top: 0;
	left: 100%;
	width: 1px;
	height: 100%;
	background-color: rgba(255,255,255,0.4);
}
#room .content .title_wrap .title {
	opacity: 0;
	transform: translate(0,20px);
	-webkit-transform: translate(0,20px);
	-moz-transform: translate(0,20px);
	-ms-transform: translate(0,20px);
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
}
#room .content .title_wrap .title.active {
	opacity: 1;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
}
#room .content .title_wrap .title1 {
	margin-bottom: 2%;
}
#room .content .title_wrap .title1 img {
	width: 49%;
}
#room .content .title_wrap .title2 {
	transition-delay: 0.2s;
}
#room .content .title_wrap .title2 img {
	width: 74.5%;
}
#room .m_title {
	display: none;
}
#room .content .tab {
	width: 37%;
	float: left;
	font-size: 0;
	padding: 0 0 0 3%;
}
#room .content .tab li {
	display: inline-block;
	font-size: 20px;
	color: #fff;
	padding: 5px 4.5%;
	cursor: pointer;
	transition: all 0.4s;
}
#room .content .tab li:hover,
#room .content .tab li.active {
	background-color: #1cccd8;
}
#room .room_name .name {
	position: absolute;
	top: 51%;
	left: 35%;
	display: none;
}
#room .room_name .name2 {
	top: 51%;
	left: 43%;
}
#room .room_name .name3 {
	top: 51%;
	left: 56.5%;
}
#room .room_name .name4 {
	top: 51%;
	left: 64%;
}
#room .room_name .name5 {
	top: 50%;
	left: 71%;
}
#room .room_name .name6 {
	top: 44%;
	left: 77%;
}
#room .room_name .name7 {
	top: 36%;
	left: 35.5%;
}
#room .room_name .name8 {
	top: 36%;
	left: 43%;
}
#room .room_name .name9 {
	top: 36%;
	left: 56.5%;  
}
#room .room_name .name10 {
	top: 35%;
	left: 63.5%;
}
#room .room_name .name11 {
	top: 35%;
	left: 70.5%;
}








#room_detail {
	position: relative;
	background: url(/img/room_detail1.jpg) 0 0 no-repeat;
	background-size: cover;
	background-position: center;
}
#room_detail .owl-carousel {
	opacity: 0;	
	transition: all 1.5s;
	-webkit-transition: all 1.5s;
	-moz-transition: all 1.5s;
}
#room_detail .owl-carousel.active {
	opacity: 1;	
}
#room_detail .owl-carousel li {
	width: 100%;
	height: 100%;
}
#room_detail .owl-carousel li div {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
}
#room_detail .title_wrap {
	position: absolute;
	top: 29%;
	left: 8%;
	z-index: 10;
	text-align: right;
}
#room_detail .title_wrap .title {
	opacity: 0;
	transform: translate(0,20px);
	-webkit-transform: translate(0,20px);
	-moz-transform: translate(0,20px);
	-ms-transform: translate(0,20px);
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
}
#room_detail .title_wrap .title1 img {
	width: 72%;
}
#room_detail .title_wrap .title2 img {
	width: 100%;
}
#room_detail .title_wrap .title.active {
	opacity: 1;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
}
#room_detail .title_wrap .title1 {
	margin-bottom: 3%;
	transition-delay: 0.2s;
}
#room_detail .title_wrap .title2 {
	transition-delay: 0.4s;
}










#room_special .item {
	float: left;
	position: relative;
}
#room_special .item .img {
	background-position: center;
	transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	background-size: cover;
}
#room_special .item .img:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.2);
	transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
}
#room_special .item:hover .img:after {
	background-color: rgba(0,0,0,0);
}
#room_special .content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	text-align: center;
	width: 100%;
}
#room_special .content .tit {
	width: 35%;
}
#room_special .content .text {
	font-size: 44px;
	color: #fff;
	transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
}
#room_special .content .more {
	opacity: 0;
	margin-top: 5%;
	transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
}
#room_special .content.active .text {
	font-size: 58px;
}
#room_special .content.active .more {
	opacity: 1;
}












#other_menu {
	overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#other_menu .item {
	float: left;
	text-align: center;
	opacity: 0;
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
}
#other_menu .item .img {
	width: 100%;
}
#other_menu .item .more {
	margin: 0 0 -4px -9px;
}
#other_menu .item .sub_title img {
	width: 38%;
}
#other_menu .item h2 {
	margin: 16px 0 31px 0;
}
#other_menu .item h2 img {
	width: 48%;
}
#other_menu .item .text {
	font-size: 20px;
	color: #fff;
}
#other_menu .item1 {
	background: url(/img/other_menu_bg1.jpg) 0 0 no-repeat;
	background-size: cover;
}
#other_menu .item1 {	
	transform: translate(-50px,0);
	-webkit-transform: translate(-50px,0);
	-ms-transform: translate(-50px,0);
	background-position: center;
	
}
#other_menu .item2 {
	padding: 16% 0;
	background: url(/img/other_menu_bg2.jpg) 0 0 no-repeat;
	background-size: cover;
	background-position: center bottom;
	transform: translate(0,-50px);
	-webkit-transform: translate(0,-50px);
	-ms-transform: translate(0,-50px);
	overflow: hidden;
}
#other_menu .item3 {
	padding: 16% 0;
	/*background-color: #16a1ab;*/
	background: url(/img/other_menu_bg5.jpg) 0 0 no-repeat;
	background-size: cover;
	transform: translate(0,50px);
	-webkit-transform: translate(0,50px);
	-ms-transform: translate(0,50px);
	overflow: hidden;
}
#other_menu .item4 {
	background: url(/img/other_menu_bg4.jpg) 0 0 no-repeat;
	background-size: cover;
	background-position: center top;
	transform: translate(50px,0);
	-webkit-transform: translate(50px,0);
	-ms-transform: translate(50px,0);
	background-position: center;
}
#other_menu .item.active {
	opacity: 1;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
	-ms-transform: translate(0,0);
}


@media (max-width: 1600px) {
	#outside .item .text_wrap .tit {
		width: 90%;
	}
	#room_detail .title_wrap .title2 {
		width: 90%;
	}
	#room_special .content .tit {
		width: 50%;
	}
}
@media (max-width: 1280px) {
	#video .video_wrap #player {
		width: 1700px;
		height: 1100px;
	}
	#room .content .tab li {
		font-size: 16px;
	}
	#room_special .content .text {
		font-size: 30px;
	}
	#room_detail .title_wrap .title1 {
		width: 40%;
	}
	#room_detail .title_wrap .title2 {
		width: 60%;
	}
	#room_special .content.active .text {
		font-size: 44px;
	}
	#outside .item .text_wrap {
		text-align: left;
	}
	#outside .item .text_wrap .tit {
		width: 70%;
	}
	#other_menu .item .text {
		font-size: 16px;
	}
}
@media (max-width: 768px) {
	#video .video_wrap #player {
		width: 1100px;
		height: 1100px;
	}
	#dot_wrap {
		display: none;
	}
	.sub_outside {
		margin-top: 59px;
	}
	#outside .item {
		float: none;
	}
	#outside .item .text_wrap {
		top: 10%;
		left: 5%;
	}
	#outside .item1 .text_wrap .tit {
		width: 34%;
	}
	#outside .item2 .text_wrap .tit {
		width: 40%;
	}
	#outside .item .text_wrap .text {
		font-size: 16px;
		margin-top: 6px;
	}
	.sub_room {
		display: none;
	}
	#room {
		margin-bottom: 18%;
	}
	#room .content .title_wrap {
		display: none;
	} 
	#room .m_title {
		display: block;
		text-align: center;
		margin: 8% 0 2%;
	} 
	#room .m_title img {
		width: 270px;
	}
	#room .room_name .name img {
		width: 50px;
	}
	#room .content {
		padding: 0;
		bottom: -12%;
	}
	#room .content .tab {
		width: 100%;
		overflow: hidden;
		padding: 1.5% 0;
		text-align: center;
	}
	#room .content .tab li {
		font-size: 14px;
		width: 14.28%;
		float: left;
		padding: 5px 0;
	}
	#room .room_name .name {
		left: 33%;
	}
	#room .room_name .name2 {
		left: 40%;
	}
	#room .room_name .name3 {
		left: 54.5%;
	}
	#room .room_name .name4 {
		left: 62%;
	}
	#room .room_name .name5 {
		left: 68%;
	}
	#room .room_name .name6 {
		left: 74%;
	}
	#room .room_name .name7 {
		left: 33%;
	}
	#room .room_name .name8 {
		left: 40%;
	}
	#room .room_name .name9 {
		left: 54%;  
	}
	#room .room_name .name10 {
		left: 61%;
	}
	#room .room_name .name11 {
		left: 68%;
	}

	#room_detail .owl-carousel {
		opacity: 1;
	}
	#room_detail .title_wrap .title {
		opacity: 1;
		transform: translate(0,0);
	}

	#room_special {
		margin: 4% 0;
	}
	#room_special .content .text {
		font-size: 22px;
	}

	#other_menu .item {
		opacity: 1;
		transform: translate(0,0);
	}
	#other_menu .item .text {
		display: none;
	}

	
}
@media (max-width: 768px) { 
	#room .m_title img {
		width: 200px;
	}
	#room .content .tab li {
		font-size: 12px;
	}
	#outside .item .text_wrap .text {
		font-size: 12px;
	}
	
}
@media (max-width: 479px) { 
	#video .video_wrap #player {
		width: 1000px;
		height: 676px;
	}
	#room_detail .title_wrap {
		top: 42%;
		left: 50%;
		transform: translate(-50%,0);
	}
	#room_detail .title_wrap .title {
		width: auto;
		text-align: center;
	}
	#room_detail .title_wrap .title1 img {
		width: 150px	
	}
	#room_detail .title_wrap .title2 img {
		width: 201px
		
	}
	#room_special .content .text {
		font-size: 18px;
	}
	#room .room_name .name {
		left: 31%;
	}
	#room .room_name .name2 {
		left: 38%;
	}
	#room .room_name .name3 {
		left: 53%;
	}
	#room .room_name .name4 {
		left: 60%;
	}
	#room .room_name .name5 {
		left: 66%;
	}
	#room .room_name .name6 {
		left: 72%;
	}
	#room .room_name .name7 {
		left: 31%;
	}
	#room .room_name .name8 {
		left: 38%;
	}
	#room .room_name .name9 {
		left: 52%;  
	}
	#room .room_name .name10 {
		left: 59%;
	}
	#room .room_name .name11 {
		left: 66%;
	}
	#other_menu .item h2 {
		margin: 0;

	}
	#other_menu .item2,
	#other_menu .item3 {
		padding: 17% 0;
		overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: center;
        
	}

    
}