@charset "utf-8";

html {
	overflow: hidden;
	overflow-y: auto;
	
	height: 100vh;
	
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5;
	
	background:#09112d;
	
	-webkit-text-size-adjust: 100%;
	   -moz-text-size-adjust: 100%;
	    -ms-text-size-adjust: 100%;
	
	-webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
            backface-visibility: hidden;
					
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	    -ms-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

/* abode免费中文字体 - 思源雅黑 css样式 */
/*Source Han Sans CN ExtraLight*/
.abode-font-hansans-extralight {
	font-family: source-han-sans-simplified-c, sans-serif;
	font-weight: 100;
	font-style: normal;
}

/*Source Han Sans CN Light*/
.abode-font-hansans-light {
	font-family: source-han-sans-simplified-c, sans-serif;
	font-weight: 200;
	font-style: normal;
}

/*Source Han Sans CN Normal*/
.abode-font-hansans-normal {
	font-family: source-han-sans-simplified-c, sans-serif;
	font-weight: 300;
	font-style: normal;
}

/*Source Han Sans CN Regular*/
.abode-font-hansans-regular {
	font-family: source-han-sans-simplified-c, sans-serif;
	font-weight: 400;
	font-style: normal;
}

/*Source Han Sans CN Medium*/
.abode-font-hansans-medium {	
	font-family: source-han-sans-simplified-c, sans-serif;
	font-weight: 500;
	font-style: normal;
}

/*Source Han Sans CN Bold*/
.abode-font-hansans-bold {	
	font-family: source-han-sans-simplified-c, sans-serif;
	font-weight: 700;
	font-style: normal;
}

/*Source Han Sans CN Heavy*/
.abode-font-hansans-heavy {
	font-family: source-han-sans-simplified-c, sans-serif;
	font-weight: 900;
	font-style: normal;
}


/* 手机导航 */
.slide-menu {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 999;
	
	padding: .75rem;
	
	color: #222;
	background-color: #fff;
}

.uk-nav-primary>li>a {
	font-size: 1rem;
}

/* 导航 */
.nav-bar.uk-navbar-container:not(.uk-navbar-transparent) {
	background: rgba(0,0,0,.5);
}

.logo-text a {
	letter-spacing: .125rem;
	color: #fff;
}

.logo-text a:hover {
	color: #fff;
}

.uk-navbar-nav>li.uk-active>a,
.uk-navbar-nav>li>a {
	letter-spacing: .125rem;
	font-size: 1rem;
	color: #fff;
}



/* banner */
.banner-box {
	position: relative;
	overflow: hidden;
	
	width: 100%;
	height: 100%;
}

.banner-content {
	overflow: hidden;
	height: 100vh;
	background-color: #000;
}

.banner-textglyph {
	position: absolute;
	z-index: 9;
	top: 50%;
	left: 5rem;
}
@media only screen and (min-device-width: 360px) and (max-device-width: 414px) {
	.banner-textglyph {
		transform: translate(-15%, -50%);
		-webkit-transform: translate(-14%, -50%);
	}	
}

.sub-banner-box .banner-textglyph {
	top: 40%;
}
@media only screen and (min-device-width: 360px) and (max-device-width: 414px) {
	.sub-banner-box {
		position: relative;
	}
	
	.sub-banner-box .banner-textglyph {
		transform: translate(-14%, 50%);
		-webkit-transform: translate(-14%, 50%);
	}	
}

.banner-textglyph p {
	position: relative;
	
	-webkit-clip-path: inset(0 100% 0 0);
	        clip-path: inset(0 100% 0 0);
		        
	-webkit-transition: clip-path 1s cubic-bezier(0.165, 0.84, 0.44, 1) .8s, -webkit-clip-path 1s cubic-bezier(0.165, 0.84, 0.44, 1) .8s;
	        transition: clip-path 1s cubic-bezier(0.165, 0.84, 0.44, 1) .8s, -webkit-clip-path 1s cubic-bezier(0.165, 0.84, 0.44, 1) .8s;
	        
	opacity: 0;
}

.banner-textglyph p:first-child {
	margin-bottom: 5rem;
	
	-webkit-transition-duration: 1.5s;
	        transition-duration: 1.5s;
}

@media only screen and (min-device-width: 360px) and (max-device-width: 414px) {
	.banner-textglyph p:first-child {
		margin-bottom: 2rem;
	}
	
}

.banner-textglyph p:last-child {
	-webkit-transition-duration: 2s;
	        transition-duration: 2s;
}

.banner-textglyph p.active {
	-webkit-clip-path: inset(0);
            clip-path: inset(0);
	opacity: 1;
}

.banner-textglyph p::after,
.banner-textglyph p::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	
	width: 100%;
	height: 100%;
	background: #fff;
	
	-webkit-clip-path: inset(0);
            clip-path: inset(0);
		        
	-webkit-transition: clip-path 3s cubic-bezier(0.165, 0.84, 0.44, 1) 1.5s, -webkit-clip-path 3s cubic-bezier(0.165, 0.84, 0.44, 1) 1.5s;
	        transition: clip-path 3s cubic-bezier(0.165, 0.84, 0.44, 1) 1.5s, -webkit-clip-path 3s cubic-bezier(0.165, 0.84, 0.44, 1) 1.5s;
}

.banner-textglyph p.active::after,
.banner-textglyph p.active::before {
	-webkit-clip-path: inset(0 100% 0 0);
	        clip-path: inset(0 100% 0 0);
}

/* 热门景区  */
.index-hot-travel-box {
	margin-bottom: 7.5rem;
}

.sub-hot-travel-box {
	margin-top: 15rem;
}

.sub-hot-travel-box .page-title h1 {
	letter-spacing: .125rem;
	color: #fff;
}

.index-hot-travel {
	top: 0;
	left: 50%;
	
	display: inline-block;
	width: 22.25rem;
	
	border-radius: 1rem;
	box-shadow: 0 1.75rem 3.125rem rgba(0,0,0,.16);
	
	cursor: pointer;
	-webkit-transform: translate(-50%, -30%);
			transform: translate(-50%, -30%);
}
@media only screen and (min-device-width: 360px) and (max-device-width: 414px) {
	.index-hot-travel {
		width: 14rem;
	}
	
}

.sub-hot-travel {
	top: inherit;
	left: inherit;
	
	width: 100%;
	
	-webkit-transform: none;
			transform: none;
}

.sub-hot-travel .uk-slideshow {
	width: 22rem;
	margin: 0 auto 7.5rem;
}

.index-hot-travel .index-hot-travel-items {
	min-height: 28.75rem !important;
}
@media only screen and (min-device-width: 360px) and (max-device-width: 414px) {
	.index-hot-travel .index-hot-travel-items {
		min-height: 20rem !important;
	}
}

.index-travle-h-item .page-title {
	position: relative;
}
.index-travle-h-item .page-title h1 {
	letter-spacing: .25rem;
	color: #fff;
}

.index-travle-h-item li {
	float: left;
	width: 10rem;
	margin-left: 1.25rem;
	cursor: pointer;
}

.index-travle-h-item .uk-list>li:nth-child(n+2), .index-travle-h-item .uk-list>li>ul {
	margin-top: 0;
}

/* 修改手机端景区展示数目 */
@media only screen and (min-device-width: 360px) and (max-device-width: 414px) {
	.index-travle-h-item div.uk-grid-stack div:nth-of-type(5),
	.index-travle-h-item div.uk-grid-stack div:nth-of-type(6),
	.index-travle-h-item div.uk-grid-stack div:nth-of-type(7),
	.index-travle-h-item div.uk-grid-stack div:nth-of-type(8),
	.index-travle-h-item div.uk-grid-stack div:nth-of-type(9),
	.index-travle-h-item div.uk-grid-stack div:nth-of-type(10) {
		display: none;
	}
}

@media only screen and (min-device-width: 360px) and (max-device-width: 414px) {
	.index-travle-h-item div.show-full-travel-item div:nth-of-type(5),
	.index-travle-h-item div.show-full-travel-item div:nth-of-type(6),
	.index-travle-h-item div.show-full-travel-item div:nth-of-type(7),
	.index-travle-h-item div.show-full-travel-item div:nth-of-type(8),
	.index-travle-h-item div.show-full-travel-item div:nth-of-type(9),
	.index-travle-h-item div.show-full-travel-item div:nth-of-type(10) {
		display: block;
	}
}



.more-btn {
	position: relative;
	float: right;
	width: 11.625rem;
	height: 4.5rem;
	letter-spacing: .125rem;
	font-size: 1rem;
	color: #fff;
	background: #0e1735;
	border-radius: 1rem;
	box-shadow: 0 1.75rem 3.125rem rgba(255,255,255,.16);
}

.more-btn:hover {
	color: #fff;
}

.more-btn::after {
	content: '';
	display: inline-block;
	widows: 0;
	height: 100%;
	vertical-align: middle;
}

/* 关于我们 */
.about-box {
	margin-bottom: 7.5rem;
}

.about-box .page-title {
	position: relative;
}

.about-box .page-title h1 {
	letter-spacing: .25rem;
	color: #fff;
}

.about-box .page-title img {
	position: absolute;
	top: 1.5rem;
	left: 0;
}

.about-box .about-text {
	margin-top: 5rem;
	
	letter-spacing: .125rem;
	color: #fff;
}

.about-box .about-text h3 {
	color: #fff;
}

.about-box .about-text .uk-list {
	display: table;
	margin: 0 auto;	
}

.sub-about-box {
	margin-top: 7.5rem;
	margin-bottom: 10rem;
}

@media only screen and (min-device-width: 360px) and (max-device-width: 414px) {
	.sub-about-box {
		margin-top: 10rem;
		margin-bottom: 6rem;
	}
}

/* 页脚 */
.footer-title {
	margin-bottom: 5.625rem;
	color: #fff;
}

.footer-content {
	letter-spacing: .125rem;
}

.footer-content h3 {
	color: #fff;
}

.footer-content .uk-list {
	display: table;
	margin: 0 auto;
	
	color: #fff;
}

.footer-content .uk-list a {
	text-decoration: none;
	
	color: #fff;
}

.copyright {
	padding-bottom: 1.875rem;
	color: #fff;
}