@font-face {
	font-family: "iconfont";
	src: url('fonts/iconfont.woff2?t=1696135346302') format('woff2'),
		url('fonts/iconfont.woff?t=1696135346302') format('woff'),
		url('fonts/iconfont.ttf?t=1696135346302') format('truetype');
}

.iconfont {
	display: block;
	height: 14px;
	margin: -10px 0 6px 0;
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-tips:before {
	content: "\e78f";
}

.icon-line:before {
	content: "\e603";
}

.icon-journey:before {
	content: "\e625";
}

.icon-price:before {
	content: "\eba4";
}

.icon-next:before {
	content: "\e628";
}

.icon-order:before {
	content: "\e6e2";
}

.icon-orderCancel:before {
	content: "\e6e7";
}

.icon-bnb2:before {
	content: "\e6ad";
}

.icon-trip:before {
	content: "\e654";
}

.icon-home:before {
	content: "\e638";
}

.icon-bnb:before {
	content: "\e68c";
}

.icon-map:before {
	content: "\e796";
}

.icon-contact:before {
	content: "\e722";
}

.icon-food:before {
	content: "\e61b";
}



* {
	margin: 0 auto;
	padding: 0;
}

*,
*:before,
*:after {
	box-sizing: border-box;
}

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
}

body,
html {
	width: 100%;
}

body {
	font-family: "Georgia", "arial", "verdana", "microsoft Yahei", "SimSun", "sans-serif", "";
	margin: 0;
	font-size: 1.4rem;
	line-height: 1.5;
	color: #333;
	background-color: #f5f0e5;
	width: 100%;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	-webkit-tap-highlight-color: transparent;
}

body.noRoll {
	overflow: hidden;
}

a:link,
a:visited {
	color: #666;
	text-decoration: none;
}

a:hover,
a:active {
	color: #f90;
	text-decoration: underline;
}

a.a1:link,
a.a1:visited {
	color: #ccc;
}

a.a1:hover,
a.a1:active {
	color: #F90;
	text-decoration: underline;
}

a.a2:link,
a.a2:visited {
	color: #bea95b;
}

a.a2:hover,
a.a2:active {
	color: #F90;
	text-decoration: underline;
}

a.a3:link,
a.a3:visited {
	color: #999;
}

a.a3:hover,
a.a3:active {
	color: #999;
	text-decoration: none;
}

/*标签样式初始化*/
img,
fieldset {
	border: none;
}

img,
input,
select {
	vertical-align: middle;
}

input.btn {
	width: auto;
	height: auto;
	border: none;
}

ol,
ul,
li {
	display: block;
	list-style-type: none;
}

option {
	color: #333;
}

input,
textarea {
	height: 16px;
	padding: 2px;
	border: 1px solid #c3c3c3;
}

label {
	font-size: 12px;
	color: #333;
}

table {
	border-collapse: collapse;
}

td {
	font-size: 12px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	display: block;
}

code {
	font-family: "arial", "verdana", "microsoft Yahei", "SimSun", "sans-serif", "";
}

/*清除样式*/
.clearfix:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both
}

.clearfix {
	*zoom: 1
}

/*Other*/
.s5 {
	color: #e8297a;
}

.auto {
	width: auto;
	height: auto;
	border: none;
}

.nopic {
	text-align:center;
	display: block;
	width: 100%;
	height: 45px;
	background: url(../images/nopic.png) no-repeat center center;
}
.nopic img {
	width: 120px;
	display: none;
}


/*main*/
.container button {
	width: auto;
	height: 26px;
	line-height: 20px;
	padding: 0 10px;
	text-align: center;
	cursor: pointer;
	color: #bea95b;
	font-size: 12px;
	border-radius: 5px;
	border: 1px solid #bea95b;
	background: none;
}

.container button:hover {
	color: #fff;
	background: #bea95b;
}

.main {
	position: relative;
	width: 100%;
	background-color: #f5f0e5;
	padding: 150px 0 60px 0;
	margin-bottom: 200px;
	z-index: 9;
}

.container {
	position: relative;
	width: 1200px;
}

.toper {
	position: relative;
	width: 100%;
	min-height: 72px;
	border-bottom: 2px solid #dec996;
	background: #082741;
}

.toper::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 2px;
	background: linear-gradient(to right, #bda15c, #dec996);

	animation: flow 2s ease-in-out infinite;
}

@keyframes flow {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(100%);
	}
}

.toper .container {
	width: 100%;
}

.toper .logo {
	position: absolute;
	left: 30px;
	top: 0;
	padding: 15px 10px 15px 10px;
	display: block;
	border-radius: 0 0 5px 5px;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: 799;
}

.toper .m-logo {
	display: none;
}

.toper img {
	width: 150px;
}

.toper ul {
	position: absolute;
	right: 100px;
	top: 0;
	margin: 25px 40px 0 0;
}

.toper li {
	position: relative;
	display: inline-block;
	font-size: 1.6rem;
	margin: 0 0 0 30px;
}

.toper li a {
	color: #fff;
}

.toper li.cur:before {
	position: absolute;
	bottom: -8px;
	left: 50%;
	margin: 0 0 0 -2px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	content: '';
	background: #ccc;
}

/*PC端弹出菜单*/
.bg {
	position: fixed;
	top: 0;
	right: 0;
	width: 0;
	height: 100%;
	z-index: 802;
	transition-duration: 0.4s;
}

.menu {
	position: absolute;
	right: 20px;
	top: 16px;
	cursor: pointer;
	z-index: 802;
}

.menu p {
	position: relative;
	top: -15px;
	display: inline-block;
	min-width: 40px;
	font-size: 1rem;
	margin: 0;
	color: #c66;
}

.menu p i {
	font-style: normal;
}

.menu p i:last-child {
	display: none;
}

.menu div {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 40px;
}

.menu span,
.menu span:before,
.menu span:after {
	position: absolute;
	left: 8px;
	top: 18px;
	height: 2px;
	width: 11px;
	background-color: #c66;
	content: "";
	display: inline-block;
	transition-duration: 0.4s;
}

.menu span:before,
.menu span:after {
	width: 22px;
	left: 0;
	transition: transform 0.5s, top 0.5s 0.5s;
}

.menu span:before {
	top: -7px;
}

.menu span:after {
	top: 7px;
}

.menu:hover span {
	width: 22px;
}

.showmenu {
	overflow: hidden;
}

.showmenu .menu:hover span,
.showmenu .menu span {
	width: 0;
}

.showmenu .menu span {
	transition-duration: 0.1s;
	transition-delay: 0.5s;
	background-color: #c66;
}

.showmenu .menu span:before,
.showmenu .menu span:after {
	transition: top 0.5s, transform 0.5s 0.5s;
	top: 0;
	transform: rotateZ(-45deg);
	background-color: #c66;
}

.showmenu .menu span:after {
	transform: rotateZ(45deg);
}

.showmenu .menu p i:first-child {
	display: none;
}

.showmenu .menu p i:last-child {
	display: inline-block;
}

.menu_con {
	position: fixed;
	right: -55%;
	top: 0;
	text-align: center;
	height: 100%;
	padding: 80px 0 0 0;
	transition-duration: 0.4s;
	z-index: 801;
	background-color: #fff;
}

.menu_con_contain {
	width: 400px;
	height: 100%;
	padding: 20px 0 0 0;
	background: rgba(255, 255, 255, 1);
	overflow-y: scroll;
}

.menu_con_contain::-webkit-scrollbar {
	width: 6px;
}

.menu_con_contain::-webkit-scrollbar-track {
	background-color: #c66;
}

.menu_con_contain::-webkit-scrollbar-thumb {
	border-radius: 10px;
}

.menu_con_contain::-webkit-scrollbar-button {
	background-color: #999;
}

.menu_con_contain::-webkit-scrollbar-corner {
	background-color: #999;
}

.menu_con_contain li {
	display: inline-block;
	text-align: left;
	width: 46%;
	margin: 0 10px 15px 0;
	cursor: pointer;
}

.menu_con_contain li:nth-child(2n) {
	margin-right: 0;
}

.menu_con_contain li.iscur {
	border-top: 5px solid #c66;
}

.menu_con_contain li img {
	width: 100%;
	display: block;
	margin-bottom: 6px;
	transition: all 0.2s ease-in-out;
	background: #000;
}

.menu_con_contain li:hover img {
	opacity: 0.9;
	scale: 1.05;
	transition: all 0.2s ease-in-out;

}

.showmenu .menu_con {
	right: 0;
}

.showmenu .bg {
	display: block;
	width: 100%;
	z-index: 800;
	background: #f5f0e5;
}

.menu_con em {
	display: none;
}

.showBigImg {
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	opacity: 0;
	padding: 50px 450px 50px 50px;
}

.showBigImg img {
	width: 100%;
	cursor: url('../images/seafood/cursor.png'), auto;
}

.showInImg {
	opacity: 1;
	padding: 0 400px 0 0;
	transition: all 0.6s ease-in-out;
}

.bg h6 {
	text-align: right;
	font-size: 1.6em;
	margin: 10px 0 0 0;
	padding: 0 420px 0 0;
	opacity: 0;
}

.showInImg+h6 {
	opacity: 1;
	transition: all 0.6s ease-in-out;
}

.bg h6 code {
	font-size: 12px;
	font-weight: normal;
	color: #999;
}



/*移动端弹性菜单*/
.navimenu {
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 400px;
	overflow: hidden;
	margin: 10px 10px auto auto;
	box-sizing: border-box;
	text-align: left;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	outline: transparent solid 5px;
	transform-style: preserve-3d;
	z-index: 100;
	display: none;
}

.navimenu .gooey-menu-item,
.navimenu .open-button {
	border-radius: 100%;
	position: absolute;
	color: #fff;
	text-align: center;
	font-size: .9em;
	transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transition: transform ease-out 200ms;
	-ms-transition: transform ease-out 200ms;
	-o-transition: transform ease-out 200ms;
	-moz-transition: transform ease-out 200ms;
	-webkit-transition: transform ease-out 200ms;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	outline: transparent solid 5px;
	transform-style: preserve-3d
}

.navimenu .gooey-menu-item {
	height: 55px;
	color: white;
	background-color: #082741;
	line-height: 55px;
}


.navimenu .gooey-menu-item:hover {
	text-decoration: none;
	color: #fff
}

.navimenu .menu-open {
	display: none
}

.navimenu .on {
	background-color: #c66;
}

.navimenu .burger {
	background: #fff;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -1.5px;
	transition: transform 200ms;
	-ms-transition: transform 200ms;
	-moz-transition: transform 200ms;
	-webkit-transition: transform 200ms;
	-o-transition: transform 200ms;
	font-size: 0.8em;
	width: 40px;
	height: 3px;
	left: 20px;
}

.navimenu .burger-1 {
	transform: translate3d(0, -8px, 0);
	-moz-transform: translate3d(0, -8px, 0);
	-o-transform: translate3d(0, -8px, 0);
	-webkit-transform: translate3d(0, -8px, 0);
	-ms-transform: translate3d(0, -8px, 0)
}

.navimenu .burger-2 {
	transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0)
}

.navimenu .burger-3 {
	transform: translate3d(0, 8px, 0);
	-ms-transform: translate3d(0, 8px, 0);
	-moz-transform: translate3d(0, 8px, 0);
	-o-transform: translate3d(0, 8px, 0);
	-webkit-transform: translate3d(0, 8px, 0)
}

.navimenu .menu-open:checked+.open-button .burger-1 {
	transform: translate3d(0, 0, 0) rotate(45deg);
	-ms-transform: translate3d(0, 0, 0) rotate(45deg);
	-moz-transform: translate3d(0, 0, 0) rotate(45deg);
	-o-transform: translate3d(0, 0, 0) rotate(45deg);
	-webkit-transform: translate3d(0, 0, 0) rotate(45deg)
}

.navimenu .menu-open:checked+.open-button .burger-2 {
	transform: translate3d(0, 0, 0) scale(.1, 1);
	-ms-transform: translate3d(0, 0, 0) scale(.1, 1);
	-moz-transform: translate3d(0, 0, 0) scale(.1, 1);
	-o-transform: translate3d(0, 0, 0) scale(.1, 1);
	-webkit-transform: translate3d(0, 0, 0) scale(.1, 1)
}

.navimenu .menu-open:checked+.open-button .burger-3 {
	transform: translate3d(0, 0, 0) rotate(-45deg);
	-ms-transform: translate3d(0, 0, 0) rotate(-45deg);
	-moz-transform: translate3d(0, 0, 0) rotate(-45deg);
	-webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
	-o-transform: translate3d(0, 0, 0) rotate(-45deg)
}

.navimenu .gooey-menu-item {
	transition-duration: 180ms;
	-moz-transition-duration: 180ms;
	-webkit-transition-duration: 180ms;
	-o-transition-duration: 180ms
}

.navimenu .open-button {
	z-index: 2;
	transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
	-ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
	-moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
	-webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
	-o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
	transition-duration: 400ms;
	-ms-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	-moz-transition-duration: 400ms;
	-webkit-transition-duration: 400ms;
	transform: scale(1.1, 1.1) translate3d(0, 0, 0);
	-ms-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
	-o-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
	-moz-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
	-webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
	cursor: pointer;
	width: 55px;
	height: 55px;
	background-color: #082741;
	line-height: 55px;
}

.navimenu .open-button:hover {
	transform: scale(1.2, 1.2) translate3d(0, 0, 0);
	-ms-transform: scale(1.2, 1.2) translate3d(0, 0, 0);
	-moz-transform: scale(1.2, 1.2) translate3d(0, 0, 0);
	-o-transform: scale(1.2, 1.2) translate3d(0, 0, 0);
	-webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0)
}

.navimenu .menu-open:checked+.open-button {
	transition: 200ms linear;
	-ms-transition: 200ms linear;
	-webkit-transition: 200ms linear;
	-moz-transition: 200ms linear;
	-o-transition: 200ms linear;
	transform: scale(.9, .9) translate3d(0, 0, 0);
	-ms-transform: scale(.9, .9) translate3d(0, 0, 0);
	-o-transform: scale(.9, .9) translate3d(0, 0, 0);
	-webkit-transform: scale(.9, .9) translate3d(0, 0, 0);
	-moz-transform: scale(.9, .9) translate3d(0, 0, 0)
}


.banner,
.banner2 {
	position: relative;
	width: 100%;
	background-color: rgba(245, 240, 229, 1);
	z-index: 10;
}

.banner::after,
.banner2::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: url(../images/pattern.png);
	z-index: 1;
}


.progress {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 2px;
	background: #e61017;
	z-index: 11;
}

.weather {
	position: relative;
	text-align: left;
	height: 24px;
	color: #999;
	padding: 5px;
	font-size: 1rem;
}

.music {
	position: absolute;
	right: 5px;
	top: 5px;
	cursor: pointer;
}

.music span {
	position: relative;
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: 1px solid #bea95b;
	color: #bea95b;
	font-size: 1.4rem;
	vertical-align: middle;
	margin: 0 3px 0 0;
}

.music span:before,
.music span:after {
	position: absolute;
	left: 6px;
	top: 1px;
	content: '|';
}

.music span:after {
	left: 13px;
}

.play span {
	background: url(../images/music.gif) no-repeat center center;
}

.play span:before,
.play span:after {
	display: none;
}

.wrap {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.wrap a {
	position: absolute;
	left: -65px;
	bottom: 100px;
	display: block;
	width: 40px;
	height: 65px;
	border-radius: 0 5px 5px 0;
	background: url(../images/arrow.png);
	background-color: rgba(0, 0, 0, .6);
	transition: all 0.3s ease-in-out;
	z-index: 9;
}

.wrap .btn_right {
	left: auto;
	right: -65px;
	border-radius: 5px 0 0 5px;
	background-position: 0 -65px;
}

.wrap a:hover {
	background-color: rgba(0, 0, 0, .9);
}

.wrap:hover a {
	left: 0;
}

.wrap:hover .btn_right {
	left: auto;
	right: 0;
}

.banner ul {
	position: relative;
	left: -100%;
	width: 1000%;
	min-height: 200px;
	z-index: 1;
	background-color: #f5f0e5;
}

.banner li {
	float: left;
	display: inline-block;
	min-height: 50px;
	width: 10%;
}

.banner ul img,
.banner2 ul img {
	position: relative;
	width: 100%;
}

.txt {
	text-align: justify;
	font-size: 1.5rem;
	text-align: center;
}

.container h4 {
	font-size: 2.4rem;
	text-align: center;
	color: #333;
	margin-bottom: 4px;
}

.txt img {
	width: 100%;
}

.container h4:after {
	position: absolute;
	left: 0;
	top: 17px;
	width: 100%;
	height: 1px;
	content: '';
	border-bottom: 1px dashed #bea95b;
}

.container h4 span {
	position: relative;
	display: inline-block;
	padding: 0 10px;
	background-color: #f5f0e5;
	z-index: 2;
}

.container h4 span i {
	font-weight: normal;
	font-size: 14px;
	margin-left: 0.6em;
	font-family: "arial", "verdana", "microsoft Yahei", "SimSun", "sans-serif", "";
}

.txt p {
	margin-bottom: 1em;
}

.txt .p {
	text-align: center;
}

.container h5 {
	text-align: center;
	color: #999;
	font-size: 1.2rem;
	font-weight: normal;
	margin-bottom: 30px;
}

.txt i {
	color: #999;
	font-style: normal;
}

.txt strong {
	font-size: 1.9rem;
}

.txt ul {
	position: relative;
	text-align: center;
	margin: 20px 0 0 0;
}

.txt li {
	text-align: center;
	overflow: hidden;
	display: inline-block;
	width: 49%;
	margin: 1% 1% 0 0;
	background-color: #fff;
}

.txt li:nth-of-type(even) {
	margin-right: 0;
	float: right;
}

.txt li:hover {
	background-color: #333;
}

.txt li:nth-child(2n) {
	margin-right: 0;
}

.txt li img {
	width: 100%;
}

.txt li:hover a {
	text-decoration: none;
	color: #fff;
}

.txt li span {
	position: relative;
	display: block;
	text-align: left;
	height: 32px;
	line-height: 32px;
	padding: 0 0 0 10px;
}

.txt li span code {
	position: absolute;
	right: 10px;
	top: 0;
	font-size: 1rem;
	color: #999;
}

.txt a {
	color: #333;
}

.footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: 225px;
	color: #ccc;
	background-color: #082741;
	z-index: 8;
}

.footer .container {
	width: 100%;
	padding: 40px 0;
}

.footer h2 {
	font-size: 2.2rem;
	font-weight: normal;
	margin: 0 0 1em 30px;
}

.footer h2 a {
	font-size: 3.2rem;
	color: #bea95b;
	text-decoration: none;
}

.footer p {
	margin: 0 0 1em 30px;
}

.footer .wx {
	position: absolute;
	right: 30px;
	top: 60px;
}

.footer .wx li {
	text-align: center;
	font-size: .9rem;
	color: #ccc;
	display: inline-block;
	margin: 0 0 0 20px;
}

.footer .wx img {
	border: 2px solid #fff;
}

.footer .wx span {
	display: block;
	margin: 4px 0 0 0;
}

.footer .copy {
	position: relative;
	top: 5px;
	display: block;
	height: 20px;
	font-size: 1rem;
	color: #999;
}

.footer .copy a {
	color: #999;
	display: inline-block;
}

.footer .beian {
	padding: 0 0 0 18px;
	margin: 0 0 0 10px;
	background: url(../images/beian.png) no-repeat 0 -2px;
}


/*弹出窗*/
.box {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
	z-index: 1002;
}

.box .close {
	position: absolute;
	right: 20px;
	top: 20px;
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/close.png) no-repeat;
}

.box .close:hover {
	transform: rotate(360deg);
	-moz-transition: all 0.5s ease-in 0s;
	-webkit-transition: all 0.5s ease-in 0s;
	-o-transition: all 0.5s ease-in 0s;
	transition: all 0.5s ease-in 0s;
}

.showImg {
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	height: 675px;
	overflow: hidden;
	margin: -340px 0 0 -602px;
	border: 2px solid rgba(255, 255, 255, 1);
	background-color: #000;
}

.mapCon {
	top: 5%;
	left: 5%;
	width: 90%;
	height: 90%;
	margin: 0;
	background-color: #fff;
}

.showImg:after {
	position: absolute;
	left: 10px;
	top: 10px;
	content: '';
	width: 78px;
	height: 78px;
	background: url(../images/logo_small.png) no-repeat;
	opacity: .3;
}

audio {
	display: none;
}

.showImg img {
	width: 100%;
}

.showImg .t {
	position: absolute;
	bottom: -41px;
	left: 0;
	text-align: left;
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #FFF;
	background: rgba(0, 0, 0, .4);
	transition: all 0.2s ease-in-out;
}

.showImg:hover .t {
	bottom: -1px;
}

.showImg .t p {
	padding: 0 0 0 12px;
}

.showImg .t i {
	font-size: 1rem;
	color: #ccc;
	font-style: normal;
	margin: 0 0 0 2px;
}

.showImg .t span {
	position: absolute;
	top: 0;
	right: 10px;
	color: #999;
	font-size: 1.2rem;
}

.moveIn {
	animation: moveIn .5s;
	-moz-animation: moveIn .5s;
	-webkit-animation: moveIn .5s;
	display: block;
}

@keyframes moveIn {
	from {
		top: -50%;
		opacity: 0;
	}

	50% {
		top: 52%;
		opacity: 1;
	}

	to {
		top: 50%;
		opacity: 1;
	}
}

@-moz-keyframes moveIn

/* Firefox */
	{
	from {
		top: -50%;
		opacity: 0;
	}

	50% {
		top: 52%;
		opacity: 1;
	}

	to {
		top: 50%;
		opacity: 1;
	}
}

@-webkit-keyframes moveIn

/* Safari and Chrome */
	{
	from {
		top: -50%;
		opacity: 0;
	}

	50% {
		top: 52%;
		opacity: 1;
	}

	to {
		top: 50%;
		opacity: 1;
	}
}

/*进度条*/
.inner {
	position: fixed;
	left: 50%;
	top: 50%;
	width: 240px;
	height: 240px;
	margin: -120px 0 0 -120px;
	z-index: 1003;
}

.load-container {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.load-container a:link,
.load-container a:visited {
	position: absolute;
	bottom: 3px;
	font-size: 1.15em;
	text-align: center;
	left: 0;
	right: 0;
	text-decoration: none;
	color: #FFF;
}

.load-container a:link:hover,
.load-container a:visited:hover {
	text-decoration: underline;
}

.loader {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}

.no-cssanimations .load-container .loader {
	text-indent: 0;
	text-align: center;
	color: #FFF;
	font-size: 17px;
	background: none;
	border: 0 none;
	width: auto;
	height: auto;
	margin: 1em auto;
	overflow: visible;
	box-shadow: none;
	-webkit-animation: none;
	animation: none;
}

.no-cssanimations .load-container .loader:before,
.no-cssanimations .load-container .loader:after {
	display: none;
}

.load7 .loader:before,
.load7 .loader:after,
.load7 .loader {
	border-radius: 50%;
	width: 2.5em;
	height: 2.5em;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: load7 1.8s infinite ease-in-out;
	animation: load7 1.8s infinite ease-in-out;
}

.load7 .loader {
	margin: 8em auto;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

.load7 .loader:before {
	left: -3.5em;
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.load7 .loader:after {
	left: 3.5em;
}

.load7 .loader:before,
.loader:after {
	content: '';
	position: absolute;
	top: 0;
}

@-webkit-keyframes load7 {

	0%,
	80%,
	100% {
		box-shadow: 0 2.5em 0 -1.3em #c66;
	}

	40% {
		box-shadow: 0 2.5em 0 0 #c66;
	}
}

@keyframes load7 {

	0%,
	80%,
	100% {
		box-shadow: 0 2.5em 0 -1.3em #c66;
	}

	40% {
		box-shadow: 0 2.5em 0 0 #c66;
	}
}

@media (max-width: 960px) {
	.inner {
		width: 480px;
		margin-left: -240px;
	}
}

@media (max-width: 500px) {
	.inner {
		width: 100%;
		margin-left: -50%;
	}

	.load-container {
		width: 100%;
	}
}

.cir {
	position: absolute;
	left: 610px;
	top: 110px;
	display: block;
	height: 20px;
	line-height: 14px;
	border-radius: 12px;
}

.c1 a.cir span {
	color: #c33;
	font-size: 1em;
	text-decoration: none;
}

.c2 .cir {
	left: 585px;
	top: 155px;
}

.c3 .cir {
	left: 300px;
	top: 120px;
}

.c4 .cir {
	left: 300px;
	top: 210px;
}

.c5 .cir {
	left: 100px;
	top: 200px;
}

.c6 .cir {
	left: 640px;
	top: 210px;
}

.c7 .cir {
	left: 550px;
	top: 175px;
}

.c8 .cir {
	left: 690px;
	top: 125px;
}

.c9 .cir {
	left: 670px;
	top: 100px;
}

.c10 .cir {
	left: 420px;
	top: 180px;
}

.c11 .cir {
	left: 500px;
	top: 260px;
}

.c12 .cir {
	left: 425px;
	top: 150px;
}

.cir cite {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	border: 2px solid #FFF;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #F66;
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 1.0;
	-webkit-animation: setScale 2s ease infinite;
	-moz-animation: setScale 2s ease infinite;
	-o-animation: setScale 2s ease infinite;
	animation: setScale 2s ease infinite;
}

.c1 .cir cite {
	width: 15px;
	height: 15px;
}

li:hover .cir cite {
	transform: rotate(180deg);
	-moz-transition: all 1s ease-in 0s;
	-webkit-transition: all 1s ease-in 0s;
	-o-transition: all 1s ease-in 0s;
	transition: all 1s ease-in 0s;
}

.n .cir cite {
	background: #F90;
}

.cir span {
	color: #999;
	font-size: 11px;
	padding: 0 10px 0 0;
	margin: 2px 0 0 2px;
}

/* 预订部分开始 */
.orderBox {
	text-align: center;
	color: #fff;
	cursor: url('../images/cursor.png'), auto;
}

.orderContent {
	position: relative;
	padding: 220px 0 0 0;
}

.tt {
	max-width: 480px;
	min-height: 930px;
	line-height: 2;
	font-size: 1.1em;
	background: url('../images/bnb_bg.svg') no-repeat bottom right;

}

.orderContent h3 {
	line-height: 1;
	font-size: 1.8em;
	margin: 0 0 30px 0;
	color: #bea95b;
}

.orderContent h3 span {
	display: block;
	font-size: 0.8em;
	font-weight: normal;
	margin: 6px 0 0 0;
}

.orderContent p {
	margin: 0 0 1em 0;
}

.orderContent p b {
	font-size: 1.8em;
}

.orderContent span {
	position: relative;
	top: -2px;
	font-size: 2.4em;
	display: inline;
	margin: 0 10px 0 0;
	vertical-align: middle;
}

.orderContent li {
	position: absolute;
	right: 2000px;
	top: 0;
	display: inline-block;
	border-radius: 50%;
	border-radius: 10% 20% 30% 40%;
	width: 220px;
	height: 220px;
	border: 2px solid rgba(255, 255, 255, .4);
	overflow: hidden;
	animation: 2s moveToPostion2;
}

.showOut .orderContent li {
	top: 300px;
	right: -330px;
	animation: 1.5s moveToPostion;
}

/*声明动画*/
@-webkit-keyframes moveToPostion {
	0% {
		right: 2000px;
		width: 0;
		height: 0;
		opacity: 0;
	}
}

@keyframes moveToPostion {
	0% {
		right: 2000px;
		width: 0;
		height: 0;
		opacity: 0;
	}
}

@-webkit-keyframes moveToPostion2 {
	100% {
		right: 2000px;
		width: 0;
		height: 0;
		opacity: 0;
	}
}

@keyframes moveToPostion2 {
	100% {
		right: 2000px;
		width: 0;
		height: 0;
		opacity: 0;
	}
}

.showOut .orderContent li:nth-child(2) {
	top: 480px;
	right: -130px;
	width: 145px;
	height: 145px;
	animation: 1.5s moveToPostion;
}

.showOut .orderContent li:nth-child(3) {
	top: 640px;
	right: -250px;
	animation: 2s moveToPostion;
}

.showOut .orderContent li:nth-child(4) {
	top: 660px;
	right: 30px;
	width: 170px;
	height: 170px;
	animation: 2.5s moveToPostion;
}

.showOut .orderContent li:nth-child(5) {
	top: 700px;
	right: 280px;
	animation: 2.5s moveToPostion;
}

.showOut .orderContent li:nth-child(6) {
	top: 880px;
	right: 50px;
	width: 145px;
	height: 145px;
	animation: 2s moveToPostion;
}

.showOut .orderContent li:nth-child(7) {
	top: 980px;
	right: 240px;
	width: 180px;
	height: 180px;
	animation: 3s moveToPostion;
}

.orderContent li img {
	width: 100%;
	height: 100%;
}

.btnmenu {
	position: fixed;
	left: 25px;
	bottom: 220px;
	z-index: 1112;
	width: 60px;
	height: 60px;
	overflow: hidden;

	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;

	cursor: pointer;
	line-height: 0;
	opacity: 1.0;
	border-radius: 30px;
	background: linear-gradient(to right, #c35fa5, #ff8679);
	transition: width .4s ease-in-out;

	/* -webkit-animation: setScale 2s ease infinite;
	-moz-animation: setScale 2s ease infinite;
	-o-animation: setScale 2s ease infinite;
	animation: setScale 2s ease infinite;
	/* --gray: #999; */
	-webkit-box-shadow: 5px -5px 0px 0px var(--gray);
	box-shadow: 5px -5px 0px 0px var(--gray);
	*/
}

.btnmenu code {
	padding: 0 0 0 20px;
	margin: 0;
	display: none;
	font-size: 1.2em;
}

.btnmenu:hover {
	width: 260px;
	transition: transform 200ms;
	-ms-transition: transform 200ms;
	-moz-transition: transform 200ms;
	-webkit-transition: transform 200ms;
	-o-transition: transform 200ms;
}

.btnmenu:hover code {
	display: inline-block;
	padding: 0;
}

.btnmenu i {
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	width: 60px;
	height: 60px;
	line-height: 2;
	margin: 0 0 0 10px;
	font-size: 36px;
	color: #fff;
}

.primary,
.open-menu {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1111;
	opacity: 0;
	border-radius: 50%;
	margin-bottom: -50%;
	margin-left: -50%;
	background-color: #082741;
}

.primary {
	width: 0;
	height: 0;

	padding: 12% 0 0 20%;
	transform: translate(-20%, -20%);
	transition: all 1s ease-in-out;

	background: linear-gradient(to right, #082741, #195486);
	background-repeat: no-repeat;
	background-position: 100％100％;
	background-clip: content-box;
	background-size: contain;
	/* background-size: 100% 100%; */
}

.open-menu {
	width: 110vw;
	height: 110vw;
	transform: translate(6%, 2%);
	opacity: .95;
	transition: all 1s cubic-bezier(.075, .82, .165, 1)
}

@media (min-width: 576px) {
	.open-menu {
		width: 130vw;
		height: 180vw;
	}
}

@media (min-width: 1100px) {
	.open-menu {
		width: 120vw;
		height: 120vw;
	}
}

@media (min-width: 1300px) {
	.open-menu {
		width: 110vw;
		height: 110vw;
	}
}

/* 预订部分结束 */
@-webkit-keyframes setScale {
	0% {
		-webkit-transform: scale(1.0);
		-moz-transform: scale(1.0);
		transform: scale(1.0);
		opacity: 1.0;
	}

	50% {
		-webkit-transform: scale(1.3);
		-moz-transform: scale(1.3);
		transform: scale(1.3);
		opacity: 0.5;
	}

	100% {
		-webkit-transform: scale(1.0);
		-moz-transform: scale(1.0);
		transform: scale(1.0);
		opacity: 1.0;
	}
}

@-moz-keyframes setScale {
	0% {
		-webkit-transform: scale(1.0);
		-moz-transform: scale(1.0);
		transform: scale(1.0);
		opacity: 1.0;
	}

	50% {
		-webkit-transform: scale(1.3);
		-moz-transform: scale(1.3);
		transform: scale(1.3);
		opacity: 0.5;
	}

	100% {
		-webkit-transform: scale(1.0);
		-moz-transform: scale(1.0);
		transform: scale(1.0);
		opacity: 1.0;
	}
}

@-o-keyframes setScale {
	0% {
		-webkit-transform: scale(1.0);
		-moz-transform: scale(1.0);
		transform: scale(1.0);
		opacity: 1.0;
	}

	50% {
		-webkit-transform: scale(1.3);
		-moz-transform: scale(1.3);
		transform: scale(1.3);
		opacity: 0.5;
	}

	100% {
		-webkit-transform: scale(1.0);
		-moz-transform: scale(1.0);
		transform: scale(1.0);
		opacity: 1.0;
	}
}

@keyframes setScale {
	0% {
		-webkit-transform: scale(1.0);
		-moz-transform: scale(1.0);
		transform: scale(1.0);
		opacity: 1.0;
	}

	50% {
		-webkit-transform: scale(1.3);
		-moz-transform: scale(1.3);
		transform: scale(1.3);
		opacity: 0.5;
	}

	100% {
		-webkit-transform: scale(1.0);
		-moz-transform: scale(1.0);
		transform: scale(1.0);
		opacity: 1.0;
	}
}

.cir {
	position: absolute;
	left: 610px;
	top: 110px;
	display: block;
	height: 20px;
	line-height: 14px;
	border-radius: 12px;
}

.c1 a.cir span {
	color: #c33;
	font-size: 1em;
	text-decoration: none;
}

.c2 .cir {
	left: 585px;
	top: 155px;
}

.c3 .cir {
	left: 300px;
	top: 120px;
}

.c4 .cir {
	left: 300px;
	top: 210px;
}

.c5 .cir {
	left: 100px;
	top: 200px;
}

.c6 .cir {
	left: 640px;
	top: 210px;
}

.c7 .cir {
	left: 550px;
	top: 175px;
}

.c8 .cir {
	left: 690px;
	top: 125px;
}

.c9 .cir {
	left: 670px;
	top: 100px;
}

.c10 .cir {
	left: 420px;
	top: 180px;
}

.c11 .cir {
	left: 500px;
	top: 260px;
}

.c12 .cir {
	left: 425px;
	top: 150px;
}

.cir cite {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	border: 2px solid #FFF;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #F66;
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 1.0;
	-webkit-animation: setScale 2s ease infinite;
	-moz-animation: setScale 2s ease infinite;
	-o-animation: setScale 2s ease infinite;
	animation: setScale 2s ease infinite;
}

.c1 .cir cite {
	width: 15px;
	height: 15px;
}

li:hover .cir cite {
	transform: rotate(180deg);
	-moz-transition: all 1s ease-in 0s;
	-webkit-transition: all 1s ease-in 0s;
	-o-transition: all 1s ease-in 0s;
	transition: all 1s ease-in 0s;
}

.n .cir cite {
	background: #F90;
}

.cir span {
	color: #999;
	font-size: 11px;
	padding: 0 10px 0 0;
	margin: 2px 0 0 2px;
}

@media (max-width:1200px) {

	.menu,
	.menu_con,
	.bg,
	.showmenu .bg,
	.cavs,
	.banner,
	.banner2 {
		display: none;
	}


	.container {
		width: 100%;
	}

	.toper ul {
		right: 10px;
	}

	.footer .container {
		text-align: center;
		padding-top: 20px;
	}

	.footer .wx {
		display: none;
	}
}

@media (max-width:900px) {
	.toper {
		position: fixed;
		width: 100%;
		z-index: 1000;
	}

	.orderBox,
	.toper .logo {
		display: none;
	}

	.toper .m-logo {
		display: block;
	}

	.navimenu {
		display: block;
	}

	.toper ul {
		display: none;
	}

	.toper .logo {
		left: 0;
		padding: 12px 10px 15px 10px;
		background: none;
	}

	.toper img {
		width: 120px;
	}

	.main .container {
		margin-top: 60px;
	}

	.main-home {
		padding-top: 50px;
	}

	.txt {
		padding: 0 10px;
	}

	.txt li {
		width: 100%;
		margin: 0 0 15px 0;
	}

	.footer .container {
		padding-top: 40px;
	}

	.footer h2 {
		font-size: 1.6rem;
		margin: 0 0 1em 0;
	}
}