html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
textarea,
p,
blockquote,
th,
td,
input,
select,
textarea,
button,
img {
padding: 0;
margin: 0;
font-weight: 400;
}
p {margin: 0px; padding: 0px;}
body,
button,
input,
select,
textarea {
font: 14px/1.5 HarmonyOS Sans SC ,OPPOSans ,PingFang SC ,Source Han Sans ,Microsoft YaHei;
color: #333;
}
img {border: 0px;vertical-align: middle;}
table {border-collapse: collapse;border-spacing: 0;}
table th,
table td {
border: 1px solid #ccc;
}
*,
:after,
:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-repeat: no-repeat;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
text-decoration: none;
color: #333;
outline: none;
cursor: pointer;
}
a:hover {
background-repeat: no-repeat;
text-decoration: none;
}
a,
input[type="button"],
button,
label,
input[type="submit"],
input[type="reset"] {
cursor: pointer;
}
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input,
textarea,
select {
outline: none;
}
input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"],
input[type="reset"],
select,
textarea {
outline-style: none;
-webkit-appearance: none;
resize: none;
border: none;
-webkit-border-radius: 0;
border-radius: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
input:-webkit-autofill {
/* 选择历史信息的样式 */
-webkit-box-shadow: 0 0 0px rgba(255, 255, 255, 0) inset !important;
-webkit-box-flex-color: #333;
}
* { outline: none; margin: 0; padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a{text-decoration: unset;}
.auto_1520{margin: auto; width: 79.166667vw;}
.auto_1440{margin: auto; width: 75vw;}
.auto_1000{margin: auto; width: 52.08333333333333vw;}
@media(min-width:1600px){
.auto_1520{margin: auto; width: 1520px;}
.auto_1440{margin: auto; width: 1440px;}
.auto_1000{margin: auto; width: 1000px;}
}
@media(max-width:992px){
.auto_1520,.auto_1440,.auto_1000{width: 90%;}
}
.columns{display: flex;}
.move{display: none;}
@media(max-width:992px){
.pc{display: none !important;}
.move{display: block;}
}
.image{overflow: hidden;}
.image img{transition: 1s;width: 100%;}
/*强制去除表单自带的样式*/
select,input,textarea {border-radius: 0;-webkit-border-radius: 0;color: #878787;font-family: Arial;}
input:focus {outline: none;}
input,button,select,textarea {outline: none;
/*-webkit-appearance:none; */}
input:-webkit-autofill{
box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
-webkit-text-fill-color: #999 !important;
-webkit-transition: background-color 99999999s ease-in-out 0s !important;
-o-transition: background-color 99999999s ease-in-out 0s !important;
transition: background-color 99999999s ease-in-out 0s !important
}
textarea {resize: none;/*-webkit-appearance:none; */}
textarea,input,select {background: none;border: none;margin: 0;padding: 0;}
img {display: block;max-width: 100%;}
li {list-style: none;}
.banner .image img{
animation: amplify 8s infinite;
-webkit-animation: amplify 8s infinite;
animation-timing-function:linear;
}
@-webkit-keyframes amplify {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes amplify {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.bgimage img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
}
/* 按钮 */
/* 触摸放大 */
.amplify:hover .image img{
transform: scale(1.05);
}
/* 触摸放大 */
/* 弹窗 */
.tanchuang{
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background: rgb(0 0 0 / 30%);
visibility: hidden;
opacity: 0;
transition: .5s;
}
.tanchuang.on{
visibility: unset;
opacity: 1;
transition: .5s;
}
/* 弹窗 */
.title{
font-weight: bold;
font-size: var(--font-size44);
color: #000000;
}
html{
--font-size12:.625vw;
--font-size13:.677083vw;
--font-size14:0.7291666666666667vw;
--font-size15:.78125vw;
--font-size16:0.8333333333333333vw;
--font-size17:0.8854166666666667vw;
--font-size18:0.9375vw;
--font-size19:.989583vw;
--font-size20:1.041666666666667vw;
--font-size21:1.09375vw;
--font-size22:1.145833333333333vw;
--font-size24:1.25vw;
--font-size25:1.302083vw;
--font-size26:1.354166666666667vw;
--font-size28:1.458333333333333vw;
--font-size30:1.5625vw;
--font-size32:1.666666666666667vw;
--font-size34:1.770833vw;
--font-size35:1.822917vw;
--font-size36:1.875vw;
--font-size38:1.979167vw;
--font-size40:2.083333333333333vw;
--font-size44:2.291667vw;
--font-size46:2.395833333333333vw;
--font-size48:2.5vw;
--font-size51:2.65625vw;
--font-size54:2.8125vw;
--font-size56:2.916666666666667vw;
--font-size108:5.625vw;
}
@media(min-width:1600px){
html{
--font-size12:12px;
--font-size13:13px;
--font-size14:14px;
--font-size15:15px;
--font-size16:16px;
--font-size17:17px;
--font-size18:18px;
--font-size19:19px;
--font-size20:20px;
--font-size21:21px;
--font-size22:22px;
--font-size24:24px;
--font-size25:25px;
--font-size26:26px;
--font-size28:28px;
--font-size30:30px;
--font-size32:32px;
--font-size34:34px;
--font-size35:35px;
--font-size36:36px;
--font-size38:38px;
--font-size40:40px;
--font-size44:44px;
--font-size46:46px;
--font-size48:48px;
--font-size51:51px;
--font-size54:54px;
--font-size56:56px;
--font-size108:108px;
}
}
@media(max-width:992px){
html{
--font-size12:12px;
--font-size13:12px;
--font-size14:12px;
--font-size15:12px;
--font-size16:13px;
--font-size17:14px;
--font-size18:14px;
--font-size19:14px;
--font-size20:15px;
--font-size21:15px;
--font-size22:16px;
--font-size24:18px;
--font-size25:18px;
--font-size26:18px;
--font-size28:18px;
--font-size30:18px;
--font-size32:18px;
--font-size34:18px;
--font-size35:18px;
--font-size36:18px;
--font-size38:18px;
--font-size40:18px;
--font-size44:20px;
--font-size46:20px;
--font-size48:20px;
--font-size51:20px;
--font-size54:20px;
--font-size56:20px;
--font-size108:24px;
}
}
.banner {
position: relative;
overflow: hidden;
}
.banner .head{
position: absolute;
top: 00;
left: 0;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
z-index: 2;
}
.banner .head .Ticket {
background: linear-gradient(0deg, #FF5003, #E7161A);
border-radius: 50px;;
font-size: var(--font-size14);
display: flex;
align-items: center;
justify-content: center;
color: #FFFFFF;
transition: .3s ease;
}
.banner .head .Ticket:hover{
box-shadow: 0px 5px 20px -5px #ffffff;
}
.banner .columns {
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 18% 0 0;
}
.banner .columns .title{
font-weight: 800;
font-size: var(--font-size108);
color: #FFFFFF;
line-height: .8;
background: -webkit-linear-gradient(0deg, #ffffff29, #ffffffe6); /* Chrome, Safari */
background: linear-gradient(0deg, #ffffff29, #ffffffe6); /* 标准语法 */
-webkit-background-clip: text; /* Chrome, Safari */
background-clip: text;
-webkit-text-fill-color: transparent; /* Chrome, Safari */
color: transparent; /* 其他浏览器 */
}
.banner .columns .intro{
font-weight: bold;
font-size: var(--font-size34);
color: #FFFFFF;
line-height: 1;
}
@media(min-width:992px){
.banner .head {
padding: 2.083333vw 2.604167vw;
}
.banner .head .logo img {
height: 2.03125vw;
}
.banner .head .Ticket {
width: 7.135417vw;
height: 2.03125vw;
}
.banner .columns .title{
margin: 0 0 1.302083vw;
}
}
@media(min-width:1600px){
.banner .head {
padding: 40px 50px;
}
.banner .head .logo img {
height: 39px;
}
.banner .head .Ticket {
width: 137px;
height: 39px;
}
.banner .columns .title{
margin: 0 0 25px;
}
}
@media(max-width:992px){
.banner .head {
padding: 20px 5%;
}
.banner .head .logo img {
height: 22px;
}
.banner .head .Ticket {
width: 120px;
height: 30px;
}
.banner .columns .title {
margin: 0 0 10px;
}
.banner .image img {
/*height: 300px;*/
object-fit: cover;
}
.banner .columns {
padding: 36% 0 0;
}
}
.Travel {
position: relative;
}
.Travel .bgimage img {
height: auto;
}
.Travel .title {
height: auto;
position: relative;
font-weight: bold;
font-size: var(--font-size56);
color: #53300A;
line-height: 1;
text-align: center;
}
.Travel .title img {
position: absolute;
left: 50%;
top: 50%;
z-index: -1;
transform: translateX(-50%) translateY(-50%);
}
.Travel ul li {
display: flex;
align-items: center;
}
.Travel ul li:nth-child(2n) {
flex-direction: row-reverse;
}
.Travel ul li .images{
position: relative;
}
.Travel ul li .images .imgicon {
position: absolute;
top: 100%;
width: 100%;
left: 0;
}
.Travel ul li .images .imgicon img {
width: 100%;
}
.Travel ul li .text {
flex: 1;
}
.Travel .Htitle {
position: relative;
display: inline-flex;
align-items: center;
line-height: 1;
}
.Travel .Htitle span:nth-child(1){
font-weight: bold;
font-size: var(--font-size34);
color: #ED9C7E;
}
.Travel .Htitle span:nth-child(2){
font-weight: bold;
font-size: var(--font-size46);
color: #000000;
}
.Travel .Htitle img {
position: absolute;
right: 0;
z-index: -1;
}
.Travel .intro {
font-size: var(--font-size19);
color: #000000;
line-height: 1.5;
opacity: 0.7;
}
.Travel .swiper-pagination {
bottom: 0;
width: 100%;
display: flex;
align-items: center;
justify-content: left;
background: linear-gradient(0deg, rgb(0 0 0 / 40%), transparent)
}
.swiper-pagination span {
background: #FFFFFF;
border-radius: 50%;
opacity: 0.6;
}
.swiper-pagination span.swiper-pagination-bullet-active {
background: rgba(117,184,255,0);
border-radius: 50%;
opacity: 1;
}
@media(min-width:992px){
.Travel{
padding: 5.208333vw 0;
}
.Travel .title {
padding: 0.833333vw 0;
margin: 0 0 5.208333vw;
}
.Travel .title img {
width: 19.53125vw;
height: 4.53125vw;
}
.Travel ul li:not(:last-child){
margin: 0 0 5.208333vw;
}
.Travel ul li .images{
min-width: 45.104167vw;
width: 45.104167vw;
height: 25.9375vw;
padding: 0.364583vw;
}
.Travel ul li .text {
margin: 0 0 0 4.947917vw;
}
.Travel ul li:nth-child(2n) .text {
margin: 0 4.947917vw 0 0.520833vw;
}
.Travel .Htitle {
margin: 0 0 2.604167vw;
}
.Travel .Htitle span:nth-child(1) {
margin: 0 1.25vw 0 0 ;
}
.Travel .Htitle img {
top: -0.520833vw;
right: -2.34375vw;
width: 8.125vw;
}
.Travel .swiper-pagination {
padding: 2.083333vw;
}
.swiper-pagination span{
width: 0.572917vw;
height: 0.572917vw;
margin: 0 0.416667vw 0 0;
}
.swiper-pagination span.swiper-pagination-bullet-active {
width: 0.625vw;
height: 0.625vw;
border: 0.15625vw solid #FFFFFF;
}
.Travel ul li .images .swiper {
border-radius: 0.677083vw;
}
}
@media(min-width:1600px){
.Travel{
padding: 100px 0;
}
.Travel .title {
padding: 16px 0;
margin: 0 0 100px;
}
.Travel .title img {
width: 375px;
height: 87px;
}
.Travel ul li:not(:last-child){
margin: 0 0 100px;
}
.Travel ul li .images{
min-width: 866px;
width: 866px;
height: 498px;
padding: 7px;
}
.Travel ul li .text {
margin: 0 0 0 95px;
}
.Travel ul li:nth-child(2n) .text {
margin: 0 95px 0 10px;
}
.Travel .Htitle {
margin: 0 0 50px;
}
.Travel .Htitle span:nth-child(1) {
margin: 0 24px 0 0 ;
}
.Travel .Htitle img {
top: -10px;
right: -45px;
width: 156px;
}
.Travel .swiper-pagination {
padding: 40px;
}
.swiper-pagination span{
width: 11px;
height: 11px;
margin: 0 8px 0 0;
}
.swiper-pagination span.swiper-pagination-bullet-active {
width: 12px;
height: 12px;
border: 3px solid #FFFFFF;
}
.Travel ul li .images .swiper {
border-radius: 13px;
}
}
@media(max-width:992px){
.Travel{
padding: 40px 0;
}
.Travel .bgimage img {
height: 100%;
}
.Travel .title {
padding: 10px 0;
margin: 0 0 25px;
}
.Travel .title img {
width: auto;
height: 40px;
}
.Travel ul li {
display: block;
}
.Travel ul li:not(:last-child){
margin: 0 0 25px;
}
.Travel ul li .images{
min-width: 100%;
width: 100%;
height: auto;
padding: 3px 2px;
}
.Travel ul li .text {
margin: 20px 0 0 0px;
}
.Travel ul li:nth-child(2n) .text {
margin: 20px 0 0 0px;
}
.Travel .Htitle {
margin: 0 0 20px;
}
.Travel .Htitle span:nth-child(1) {
margin: 0 10px 0 0 ;
}
.Travel .Htitle img {
top: -2px;
right: -9px;
width: 60px;
}
.Travel .swiper-pagination {
padding: 15px 20px;
}
.swiper-pagination span{
width: 8px;
height: 8px;
margin: 0 5px 0 0;
}
.swiper-pagination span.swiper-pagination-bullet-active {
width: 9px;
height: 9px;
border: 2px solid #FFFFFF;
}
.Travel ul li .images .swiper {
border-radius: 6px;
}
.Travel ul li .images .imgicon {
top: 99%;
}
}
.Festival {
position: relative;
z-index: 1;
}
.Festival .bgimage img {
height: auto;
}
.Festival .imgicon1 {
position: absolute;
left: 0;
width: 100%;
z-index: -2;
top: 0;
}
.Festival .imgicon2 {
position: absolute;
left: 0;
width: 100%;
z-index: -1;
}
.Festival .imgicon1 img ,
.Festival .imgicon2 img {
width: 100%;
height: auto;
}
.Festival .list1 {
display: flex;
align-items: center;
justify-content: center;
}
.Festival .list1 .columns {
background: rgb(255 255 255 / 60%);
animation: fadeInUp 1.5s ;
-webkit-animation: fadeInUp 1.5s ;
animation-timing-function: ease;
}
.Festival .list1 .columns .title {
writing-mode: vertical-rl;
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
font-size: var(--font-size38);
color: #FCE4CA;
line-height: 1;
}
.Festival .list1 .columns .title span:nth-child(1){
background: -webkit-linear-gradient(180deg, rgb(252 228 202 / 35%), #FCE4CA); /* Chrome, Safari */
background: linear-gradient(180deg, rgb(252 228 202 / 35%), #FCE4CA); /* 标准语法 */
-webkit-background-clip: text; /* Chrome, Safari */
background-clip: text;
-webkit-text-fill-color: transparent; /* Chrome, Safari */
color: transparent; /* 其他浏览器 */
}
.Festival .list1 .columns .title img {
position: absolute;
left: 50%;
top: 50%;
z-index: -1;
transform: translateX(-50%) translateY(-50%);
}
.Festival .list1 .columns .intro {
font-size: var(--font-size19);
color: #000000;
line-height: 1.5;
opacity: 0.7;
}
.Festival .list1 .columns .swiper{
}
.Festival .list1 .columns .swiper .swiper-pagination {
bottom: 0;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(0deg, rgb(0 0 0 / 60%), transparent)
}
.Festival .list1 #swiper>.swiper-wrapper {
display: block;
}
.Festival .list1 #swiper>.swiper-wrapper .list:nth-child(2) {
}
.Festival .list1 #swiper>.swiper-wrapper .list:nth-child(2) .columns{
flex-direction: row-reverse;
margin: 25px 0 0;
}
@media(min-width:992px){
.Festival .list1 #swiper>.swiper-wrapper .list:nth-child(2){
margin: 5.208333vw 0 0;
}
.Festival {
padding: 14.104167vw 0 10.416667vw;
}
.Festival .imgicon2 {
bottom: -4.84375vw;
}
.Festival .list1 {
padding: 0 4.6875vw;
}
.Festival .list1 #swiper {
overflow: unset;
}
.Festival .list1>a {
width: 3.697917vw;
display: none;
}
.Festival .list1 .columns {
border-radius: 3.125vw;
padding: 2.447917vw 3.75vw 3.75vw 0;
}
.Festival .list1 .list:nth-child(2) .columns {
padding: 2.447917vw 0 3.75vw 3.75vw;
}
.Festival .imgicon1 {
top: -3.697917vw;
}
.Festival .list1 .columns .title {
margin: -5.677083vw 3.75vw 0 0;
height: 37.135417vw;
min-width: 6.354167vw;
}
.Festival .list1 .list:nth-child(2) .columns .title {
margin: -5.677083vw 0 0 3.75vw;
}
.Festival .list1 .columns .title img{
width: 6.354167vw;
height: 37.135417vw;
}
.Festival .list1 .columns .title span:nth-child(1){
margin: 0 0 1.5625vw ;
}
.Festival .list1 .columns .intro {
margin: 1.5625vw 0 0 ;
}
.Festival .list1 .columns .swiper{
width: 60.9375vw;
border-radius: 1.5625vw;
}
.Festival .list1 .columns .swiper .swiper-pagination {
padding: 4.166667vw 0 1.5625vw;
}
}
@media(min-width:1600px){
.Festival .list1 #swiper>.swiper-wrapper .list:nth-child(2){
margin: 100px 0 0;
}
.Festival {
padding: 290px 0 200px;
}
.Festival .imgicon2 {
bottom: -93px;
}
.Festival .list1 {
padding: 0 90px;
}
.Festival .list1>a {
width: 71px;
}
.Festival .list1 .columns {
border-radius: 60px;
padding: 47px 72px 72px 0;
}
.Festival .list1 .list:nth-child(2) .columns {
padding: 47px 0 72px 72px;
}
.Festival .imgicon1 {
top: -71px;
}
.Festival .list1 .columns .title {
margin: -109px 72px 0 0;
height: 713px;
min-width: 122px;
}
.Festival .list1 .list:nth-child(2) .columns .title {
margin: -109px 0 0 72px;
}
.Festival .list1 .columns .title img{
width: 122px;
height: 713px;
}
.Festival .list1 .columns .title span:nth-child(1){
margin: 0 0 30px ;
}
.Festival .list1 .columns .intro {
margin: 30px 0 0 ;
}
.Festival .list1 .columns .swiper{
width: 1170px;
border-radius: 30px;
}
.Festival .list1 .columns .swiper .swiper-pagination {
padding: 80px 0 30px;
}
}
@media(max-width:992px){
.Festival {
padding: 60px 0 40px;
background: #fbddbd;
}
.Festival>.bgimage img {
/* display: none; */
height: 100%;
}
.Festival .imgicon2 {
bottom: -96px;
}
.Festival .list1 {
padding: 0 0%;
display: block;
}
.Festival .list1 #swiper>.swiper-pagination {
position: unset;
margin: 25px 0 0;
display: flex;
justify-content: center;
}
.Festival .list1 #swiper>.swiper-pagination span{
background: #f1b76f;
opacity: 1;
}
.Festival .list1 #swiper>.swiper-pagination span.swiper-pagination-bullet-active {
border: 2px solid #f1b76f;
background: transparent;
}
.Festival .list1>a {
display: none;
}
.Festival .list1 .columns {
border-radius: 15px;
padding: 20px;
display: block;
}
.Festival .imgicon1 {
top: -14px;
z-index: -1;
}
.Festival .list1 .columns .title {
margin: 0 0 25px;
height: auto;
min-width: 100%;
writing-mode: unset;
color: #000000;
font-size: 20px;
}
.Festival .list1 .columns .title img{
width: 100%;
height: 100%;
object-fit: cover;
display: none;
}
.Festival .list1 .columns .title span:nth-child(1){
margin: 0 10px 0 0 ;
color: #ED9C7E;
-webkit-text-fill-color: unset; /* Chrome, Safari */
background: unset;
}
.Festival .list1 .columns .intro {
margin: 30px 0 0 ;
}
.Festival .list1 .columns .swiper{
width: 100%;
border-radius: 15px;
}
.Festival .list1 .columns .swiper .swiper-pagination {
padding: 15px 0 20px;
}
.Festival .list1 .columns .swiper .image img {
height: 200px;
object-fit: cover;
}
}
.Festival .list2 .title{
font-weight: bold;
font-size: var(--font-size46);
color: #53300A;
line-height: 1;
position: relative;
text-align: center;
}
.Festival .list2 .title span:nth-child(1) {
background: -webkit-linear-gradient(90deg, rgba(237, 156, 126, .4) 10%, rgba(237, 156, 126, 1)); /* Chrome, Safari */
background: linear-gradient(90deg, rgba(237, 156, 126, .4) 10%, rgba(237, 156, 126, 1)); /* 标准语法 */
-webkit-background-clip: text; /* Chrome, Safari */
background-clip: text;
-webkit-text-fill-color: transparent; /* Chrome, Safari */
color: transparent; /* 其他浏览器 */
}
.Festival .list2 .title img {
position: absolute;
left: 50%;
top: 50%;
z-index: -1;
transform: translateX(-50%) translateY(-50%);
}
.Festival .list2 .left {
position: relative;
z-index: 1;
}
.Festival .list2 .left .imgicon {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: -2;
}
.Festival .list2 .left .swiper {
height: 100%;
overflow: auto;
padding: 0 1px 0 0 ;
}
.Festival .list2 .left .swiper .swiper-wrapper {
display: block;
height: auto;
margin: auto;
}
.Festival .list2 .left .swiper .swiper-slide:last-child .Htitle {
margin: 0 auto;
}
.Festival .list2 .left .swiper::-webkit-scrollbar {
background-color: rgba(237, 156, 126, .2);
height: 0;
}
.Festival .list2 .left .swiper::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
border-radius: 6px;
background-color: rgba(237, 156, 126, .2);
}
.Festival .list2 .left .swiper::-webkit-scrollbar-thumb {
border-radius: 2px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .1);
background: linear-gradient(0deg, #FF5003, #E7161A);
}
.Festival .list2 .left .swiper .Htitle {
background: linear-gradient(0deg, #FEF9DB, #FAF4C8);
/* background: url('../images/224.jpg') no-repeat;
background-size: 100% 100% ; */
font-weight: bold;
font-size: var(--font-size21);
color: #53300A;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
position: relative;
border-radius: 50px;
cursor: pointer;
}
.Festival .list2 .left .swiper .Htitle::after {
border: 1px solid rgba(126,118,84,0.31);
content: '';
position: absolute;
border-radius: 50px;
}
.Festival .list2 .left .swiper .on .Htitle {
background: linear-gradient(0deg, #FF5003, #E7161A);
color: #fff;
}
.Festival .list2 .left .swiper .on .Htitle::after{
border: 1px solid #EC9C8E;
}
.Festival .list2 .right {
position: relative;
}
.Festival .list2 .right .imgicon {
position: absolute;
z-index: 2;
}
/* .Festival .list2 .right .swiper{
z-index: 3;
} */
/* .Festival .list2 .right .swiper::before{
content: '';
position: absolute;
width: 100%;
height: 100%;
z-index: 10;
top: 0;
left: 0;
} */
@media(min-width:992px){
.Festival .list2 {
margin: 7.8125vw 0 0;
}
.Festival .list2 .title {
margin: 0 0 4.166667vw;
}
.Festival .list2 .title span:nth-child(1) {
margin: 0 1.041667vw 0 0;
}
.Festival .list2 .title img {
width: 43.59375vw;
height: 6.302083vw;
}
.Festival .list2 .left {
width: 21.197917vw;
height: 36.822917vw;
padding: 3.541667vw 4.322917vw 4.166667vw 2.604167vw;
}
.Festival .list2 .left .swiper::-webkit-scrollbar {
width: 0.208333vw;
}
.Festival .list2 .left .swiper .Htitle {
width: 12.8125vw;
margin: 0 auto 1.354167vw;
padding: 0.78125vw 0.78125vw;
border-radius: 2.604167vw;
}
.Festival .list2 .left .swiper .on .Htitle {
width: 14.010417vw;
}
.Festival .list2 .left .swiper .Htitle::after {
width: calc(100% - 0.520833vw);
height: calc(100% - 0.3125vw);
top: 0.260417vw;
top: 0.15625vw;
}
.Festival .list2 .right {
margin: 2.604167vw 0 0 -3.385417vw;
}
.Festival .list2 .right .swiper{
border-radius: 1.5625vw;
width: 56.822917vw;
}
.Festival .list2 .right .swiper .image img {
width: 56.822917vw;
height: 34.479167vw;
object-fit: cover;
}
.Festival .list2 .right .imgicon {
left: -0.364583vw;
top: -1.822917vw;
width: 57.239583vw;
}
}
@media(min-width:1600px){
.Festival .list2 {
margin: 150px 0 0;
}
.Festival .list2 .title {
margin: 0 0 80px;
}
.Festival .list2 .title span:nth-child(1) {
margin: 0 20px 0 0;
}
.Festival .list2 .title img {
width: 837px;
height: 121px;
}
.Festival .list2 .left {
width: 407px;
height: 707px;
padding: 68px 83px 80px 50px;
}
.Festival .list2 .left .swiper::-webkit-scrollbar {
width: 4px;
}
.Festival .list2 .left .swiper .Htitle {
width: 246px;
margin: 0 auto 26px;
padding: 15px 15px;
border-radius: 50px;
}
.Festival .list2 .left .swiper .on .Htitle {
width: 269px;
padding: 15px 25px;
}
.Festival .list2 .left .swiper .Htitle::after {
width: calc(100% - 10px);
height: calc(100% - 6px);
top: 5px;
top: 3px;
}
.Festival .list2 .right {
margin: 50px 0 0 -65px;
}
.Festival .list2 .right .swiper{
border-radius: 30px;
width: 1091px;
}
.Festival .list2 .right .swiper .image img {
width: 1091px;
height: 662px;
object-fit: cover;
}
.Festival .list2 .right .imgicon {
left: -7px;
top: -35px;
width: 1099px;
}
}
@media(max-width:992px){
.Festival .list2 {
margin: 40px 0 0;
}
.Festival .list2 .title {
margin: 0 0 20px;
}
.Festival .list2 .title span:nth-child(1) {
margin: 0 20px 0 0;
}
.Festival .list2 .title img {
width: 100%;
height: auto;
}
.Festival .list2 .left {
width: auto;
height: auto;
padding: 5px 0 30px;
}
.Festival .list2 .columns {
display: block;
}
.Festival .list2 .left .swiper::-webkit-scrollbar {
width: 4px;
}
.Festival .list2 .left .swiper .Htitle {
width: 100%;
margin: 0 auto 0px;
padding: 15px 15px;
border-radius: 50px;
}
.Festival .list2 .left .swiper .on .Htitle {
width: 100%;
}
.Festival .list2 .left .swiper .Htitle::after {
width: calc(100% - 10px);
height: calc(100% - 6px);
top: 5px;
top: 3px;
}
.Festival .list2 .right {
margin: 20 0 0 0;
}
.Festival .list2 .right .swiper{
border-radius: 15px;
width: 100%;
}
.Festival .list2 .right .swiper .image img {
width: 100%;
height: auto;
object-fit: cover;
}
.Festival .list2 .right .imgicon {
left: -2.5px;
top: -11px;
width: 100%;
}
.Festival .list2 .left .swiper .swiper-wrapper {
display: flex;
}
.Festival .list2 .left .swiper {
overflow: hidden;
}
.Festival .list2 .left .imgicon {
display: none;
}
}
.ParkService {
position: relative;
z-index: 1;
}
.ParkService .bgimage img {
height: auto;
z-index: -1;
}
.ParkService .title {
height: auto;
position: relative;
font-weight: bold;
font-size: var(--font-size56);
color: #53300A;
line-height: 1;
text-align: center;
}
.ParkService .title img {
position: absolute;
left: 50%;
top: 50%;
z-index: -1;
transform: translateX(-50%) translateY(-50%);
}
.ParkService .Htitle {
font-weight: bold;
font-size: var(--font-size44);
color: #000000;
line-height: 1;
position: relative;
text-align: center;
}
.ParkService .Htitle img {
position: absolute;
left: 50%;
top: -14%;
z-index: -1;
transform: translateX(-50%) translateY(0%);
}
.ParkService .intro{
font-size: var(--font-size19);
color: rgba(0, 0, 0, .7);
line-height: 1.5;
text-align: center;
margin: auto;
}
.ParkService .table1 {
overflow: hidden;
}
.ParkService .table1::after {
content: '';
background: url('../images/39.jpg') no-repeat;
background-size: 100% 100%;
position: absolute;
top: 3.359375vw;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: .6;
}
.ParkService .table1 table {
width: 100%;
}
.ParkService .table1 tr td {
width: 50%;
text-align: center;
font-weight: 500;
font-size: var(--font-size20);
color: #401E1D;
border: 1px solid rgba(224, 219, 213, .6);
}
.ParkService .table1 tr:nth-child(1) td {
font-size: var(--font-size28);
color: #FDFDFD;
border: 0 solid rgba(224, 219, 213, 0);
}
.ParkService .table1 tr:nth-child(1) td:nth-child(1) {
background: url('../images/16.jpg') no-repeat center;
background-size: 100% 100%;
}
.ParkService .table1 tr:nth-child(1) td:nth-child(2) {
background: url('../images/17.jpg') no-repeat center;
background-size: 100% 100%;
}
@media(min-width:992px){
.ParkService {
padding: 7.03125vw 0 6.25vw;
}
.ParkService .bgimage img {
top: -3.645833vw;
}
.ParkService .title {
padding: 0.833333vw 0;
margin: 0 0 5.208333vw;
}
.ParkService .title img {
width: 25.677083vw;
height: 4.583333vw;
}
.ParkService .Htitle {
margin: 0 0 4.166667vw;
}
.ParkService .Htitle img{
width: 26.927083vw;
height: 10.3125vw;
}
.ParkService .intro {
max-width: 58.59375vw;
margin: 0 auto 3.125vw;
}
.ParkService .table1 {
margin: 0 0 6.770833vw;
}
.ParkService .table1 tr td {
padding: 0.78125vw ;
}
.ParkService .table1 tr:nth-child(1) td {
border-radius: 2.864583vw 2.864583vw 0 0;
padding: 0.572917vw;
}
}
@media(min-width:1600px){
.ParkService {
padding: 135px 0 120px;
}
.ParkService .bgimage img {
top: -70px;
}
.ParkService .title {
padding: 16px 0;
margin: 0 0 100px;
}
.ParkService .title img {
width: 493px;
height: 88px;
}
.ParkService .Htitle {
margin: 0 0 80px;
}
.ParkService .Htitle img{
width: 517px;
height: 198px;
}
.ParkService .intro {
max-width: 1125px;
margin: 0 auto 60px;
}
.ParkService .table1 {
margin: 0 0 130px;
}
.ParkService .table1 tr td {
padding: 15px ;
}
.ParkService .table1 tr:nth-child(1) td {
border-radius: 55px 55px 0 0;
padding: 11px;
}
}
@media(max-width:992px){
.ParkService {
padding: 40px 0 ;
background: #f9f7ef;
}
.ParkService>.bgimage img {
/* top: -20px; */
/* display: none; */
height: 100%;
}
.ParkService .title {
padding: 10px 0;
margin: 0 0 20px;
}
.ParkService .title img {
width: auto;
height: 40px;
}
.ParkService .Htitle {
margin: 0 0 30px;
font-size: 18px;
}
.ParkService .Htitle img{
width: auto;
height: 100px;
}
.ParkService .intro {
max-width: 100%;
margin: 0 auto 30px;
}
.ParkService .table1 {
margin: 0 0 30px;
}
.ParkService .table1 tr td {
padding: 12px 15px ;
font-size: 14px;
}
.ParkService .table1 tr:nth-child(1) td {
border-radius: 0;
padding: 11px;
font-size: 16px;
}
}
.ParkService .table2 table{
width: 100%;
}
.ParkService .table2 tr td {
font-weight: 400;
font-size: var(--font-size18);
color: #401E1D;
line-height: 1.2;
width: 25%;
border: 1px solid #E0DBD5;
vertical-align: top;
}
.ParkService .table2 tr td span{
font-size: var(--font-size20);
display: block;
margin: 0 0 10px;
}
.ParkService .table2 tr:nth-child(1) td{
font-size: var(--font-size25);
color: #FDFDFD;
border: 0 solid rgba(224, 219, 213, 0);
vertical-align: middle;
text-align: center;
line-height: 1;
}
.ParkService .table2 tr:nth-child(1) td:nth-child(1){
background: url('../images/18.jpg') no-repeat center;
background-size: 100% 100%;
}
.ParkService .table2 tr:nth-child(1) td:nth-child(2){
background: url('../images/19.jpg') no-repeat center;
background-size: 100% 100%;
}
.ParkService .table2 tr:nth-child(1) td:nth-child(3){
background: url('../images/20.jpg') no-repeat center;
background-size: 100% 100%;
}
.ParkService .table2 tr:nth-child(1) td:nth-child(4){
background: url('../images/21.jpg') no-repeat center;
background-size: 100% 100%;
}
.ParkService .Warprom {
position: relative;
display: flex;
}
.ParkService .Warprom a{
background: linear-gradient(0deg, #FF5003, #E7161A);
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
font-size: var(--font-size21);
color: #FFFFFF;
border-radius: 50px;
position: relative;
cursor: auto;
}
.ParkService .Warprom a::after {
border: 1px solid rgba(236, 156, 142, 1);
content: '';
position: absolute;
border-radius: 50px;
}
.ParkService .Warprom .Hintro {
font-size: var(--font-size19);
color: #191612;
line-height: 1.4;
opacity: 0.7;
}
.ParkService .Warprom .bgimage img {
top: 0;
object-fit: fill;
height: 100%;
}
.Operationtime a {
background: linear-gradient(0deg, #FF5003, #E7161A);
display:inline-flex;
align-items: center;
justify-content: center;
font-weight: bold;
font-size: var(--font-size21);
color: #FFFFFF;
border-radius: 50px;
position: relative;
cursor: auto;
}
.Operationtime a::after {
border: 1px solid rgba(236, 156, 142, 1);
content: '';
position: absolute;
border-radius: 50px;
}
.Operationtime ul {
display: flex;
align-items: center;
}
.Operationtime ul li {
background: url('../images/23.png') no-repeat ;
background-size: 100% 100%;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
font-size: var(--font-size35);
color: #A05220;
}
.Operationtime ul span {
color: #A05220;
font-size: var(--font-size20);
}
.Operationtime ul span:nth-last-of-type(1),
.Operationtime ul span:nth-last-of-type(3){
font-size: var(--font-size25);
}
@media(min-width:992px){
.ParkService .table2 tr td {
padding: 1.614583vw 2.083333vw 1.614583vw 3.020833vw;
}
.ParkService .table2 tr:nth-child(1) td {
border-radius: 2.864583vw 2.864583vw 0 0;
padding: 0.677083vw 1.041667vw;
}
.ParkService .Warprom {
padding: 2.604167vw 5.833333vw 3.125vw;
margin: 2.291667vw 0 4.427083vw;
}
.ParkService .Warprom a{
min-width: 12.135417vw;
height: 2.708333vw;
margin: 0 4.53125vw 0 0 ;
padding: 0 1.041667vw;
}
.Operationtime a {
min-width: 12.135417vw;
height: 2.708333vw;
padding: 0 1.041667vw;
margin: 0 0 1.979167vw;
}
.ParkService .Warprom a::after,
.Operationtime a::after {
width: calc(100% - 0.520833vw);
height: calc(100% - 0.3125vw);
top: 0.260417vw;
top: 0.15625vw;
}
.Operationtime ul li {
width: 4.583333vw;
height: 4.0625vw;
}
.Operationtime ul span,
.Operationtime ul li {
margin: 0 0.833333vw 0 0;
}
}
@media(min-width:1600px){
.ParkService .table2 tr td {
padding: 31px 40px 31px 58px;
}
.ParkService .table2 tr:nth-child(1) td {
border-radius: 55px 55px 0 0;
padding: 13px 20px;
}
.ParkService .Warprom {
padding: 50px 112px 60px;
margin: 44px 0 85px;
}
.ParkService .Warprom a{
min-width: 233px;
height: 52px;
margin: 0 87px 0 0 ;
padding: 0 20px;
}
.Operationtime a {
min-width: 233px;
height: 52px;
padding: 0 20px;
margin: 0 0 38px;
}
.ParkService .Warprom a::after,
.Operationtime a::after {
width: calc(100% - 10px);
height: calc(100% - 6px);
top: 5px;
top: 3px;
}
.Operationtime ul li {
width: 88px;
height: 78px;
}
.Operationtime ul span,
.Operationtime ul li {
margin: 0 16px 0 0;
}
}
@media(max-width:992px){
.ParkService .table2 {
overflow: auto;
}
.ParkService .table2 table{
width: 1000px;
}
.ParkService .table2 tr td {
padding: 15px 20px;
font-size: 14px;
}
.ParkService .table2 tr:nth-child(1) td {
border-radius: 0;
padding: 12px 20px;
font-size: 16px;
}
.ParkService .Warprom {
padding: 30px 20px;
margin: 30px 0 ;
display: block;
}
.ParkService .Warprom .bgimage img {
object-fit: cover;
}
.ParkService .Warprom a{
min-width: 140px;
height: 40px;
margin: 0 0 20px 0 ;
padding: 0 20px;
}
.Operationtime a {
min-width: 140px;
height: 40px;
margin: 0 0 20px 0 ;
padding: 0 20px;
}
.ParkService .Warprom a::after,
.Operationtime a::after {
width: calc(100% - 10px);
height: calc(100% - 6px);
top: 5px;
top: 3px;
}
.Operationtime ul li {
width: 44px;
height: 39px;
}
.Operationtime ul span,
.Operationtime ul li {
margin: 0 5px 0 0;
font-size: 14px;
}
}
.Service {
position: relative;
z-index: 1;
}
.Service .bgimage img {
height: auto;
}
.Service .title {
position: relative;
font-weight: bold;
font-size: var(--font-size44);
color: #000000;
line-height: 1;
text-align: center;
}
.Service .title img {
position: absolute;
left: 50%;
top: -14%;
z-index: -1;
transform: translateX(-50%) translateY(0%);
}
.Service .imgicon1 {
position: absolute;
left: 0;
width: 100%;
z-index: -2;
top: 0;
}
.Service .imgicon2 {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
z-index: -1;
}
.Service .imgicon1 img,
.Service .imgicon2 img {
width: 100%;
height: auto;
}
.Storage a{
cursor: auto;
background: linear-gradient(0deg, #FF5003, #E7161A);
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
font-weight: bold;
font-size: var(--font-size21);
color: #FFFFFF;
border-radius: 50px;
}
.Storage a::after{
border: 1px solid rgba(236, 156, 142, 1);
content: '';
position: absolute;
border-radius: 50px;
}
.Storage ul {
display: flex;
justify-content: space-between;
}
.Storage ul li {
display: flex;
position: relative;
align-items: center;
}
.Storage ul li>img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.Storage ul li span {
position: relative;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
font-size: var(--font-size51);
color: #53300A;
}
.Storage ul li span>img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.Storage ul li span>img:nth-last-of-type(2){
animation: rotate 2.5s infinite;
-webkit-animation: rotate 2.5s infinite;
animation-timing-function:linear;
}
.Storage ul li .Htitle{
position: relative;
font-weight: 400;
color: #53300A;
display: flex;
align-items: center;
justify-content: center;
font-size: var(--font-size19);
}
.Storage ul li .Htitle>img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.Storage ul li .intro {
font-weight: bold;
font-size: var(--font-size20);
color: #3A312B;
line-height: 1;
text-align: center;
}
@media(min-width:992px){
.Service {
padding: 11.458333vw 0 10.416667vw;
}
.Service .title img {
width: 26.927083vw;
height: 10.3125vw;
}
.Service .imgicon1 {
top: -3.645833vw;
}
.Service .imgicon2 {
bottom: -3.645833vw;
}
.Storage .title {
margin: 0 0 3.385417vw;
}
.Storage a{
min-width: 10.625vw;
padding: 0 1.041667vw;
height: 2.708333vw;
margin: 0 0 2.083333vw;
}
.Storage a::after{
width: calc(100% - 0.520833vw);
height: calc(100% - 0.3125vw);
top: 0.260417vw;
top: 0.15625vw;
}
.Storage ul li {
width: 24.166667vw;
padding: 1.145833vw 1.875vw;
}
.Storage ul li span {
width: 8.75vw;
height: 8.75vw;
margin: 0 0.520833vw 0 0;
}
.Storage ul li .Htitle{
width: 10.625vw;
height: 2.65625vw;
margin: 0 0 1.041667vw;
}
}
@media(min-width:1600px){
.Service {
padding: 220px 0 200px;
}
.Service .title img {
width: 517px;
height: 198px;
}
.Service .imgicon1 {
top: -70px;
}
.Service .imgicon2 {
bottom: -70px;
}
.Storage .title {
margin: 0 0 65px;
}
.Storage a{
min-width: 204px;
padding: 0 20px;
height: 52px;
margin: 0 0 40px;
}
.Storage a::after{
width: calc(100% - 10px);
height: calc(100% - 6px);
top: 5px;
top: 3px;
}
.Storage ul li {
width: 464px;
padding: 22px 36px;
}
.Storage ul li span {
width: 168px;
height: 168px;
margin: 0 10px 0 0;
}
.Storage ul li .Htitle{
width: 204px;
height: 51px;
margin: 0 0 20px;
}
}
@media(max-width:992px){
.Service {
padding: 60px 0 40px;
background: linear-gradient(180deg, #f8eed6, #f3d09c);
}
.Service .bgimage img {
/* display: none; */
height: 100%;
}
.Service .title img {
width: auto;
height: 100px;
}
.Service .imgicon1 {
top: -16px;
z-index: -1;
}
.Service .imgicon2 {
bottom: -23px;
display: none;
}
.Storage .title {
margin: 0 0 20px;
}
.Storage a{
min-width: 150px;
padding: 0 20px;
height: 40px;
margin: 0 0 20px;
}
.Storage a::after{
width: calc(100% - 10px);
height: calc(100% - 6px);
top: 5px;
top: 3px;
}
.Storage ul {
display: block;
}
.Storage ul li {
width: 100%;
padding: 10px 20px;
margin: 0 0 20px;
}
.Storage ul li span {
width: 110px;
height: 110px;
margin: 0 10px 0 0;
}
.Storage ul li .Htitle{
width: 150px;
height: 32px;
margin: 0 0 10px;
}
}
.Cruise .columns {
align-items: center;
}
.Cruise .columns .table {
overflow: hidden;
}
.Cruise .columns .table table {
position: relative;
width: 100%;
}
.Cruise .columns .table table::after{
content: '';
background: url('../images/29.jpg') no-repeat ;
background-size: 100% 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: .6;
}
.Cruise .columns .table tr td{
font-weight: 400;
font-size: var(--font-size20);
color: #401E1D;
border: 1px solid rgba(224, 219, 213, .6);
text-align: center;
}
.Cruise .columns .table tr:nth-child(1) td {
font-size: var(--font-size28);
color: #FDFDFD;
background: url('../images/28.jpg') no-repeat ;
background-size: 100% 100%;
border: 0 solid rgba(224, 219, 213, 0);
}
.Cruise .columns .right p {
font-size: var(--font-size19);
color: rgba(0, 0, 0, .7);
line-height: 1.2;
}
@media(min-width:992px){
.Cruise {
padding: 6.770833vw 0 0;
}
.Cruise .title {
padding: 0 0 5.208333vw;
}
.Cruise .columns .table {
min-width: 41.614583vw;
width: 41.614583vw;
border-radius: 2.864583vw 2.864583vw 0 0;
}
.Cruise .columns .table tr td {
padding: 0.729167vw 1.041667vw ;
}
.Cruise .columns .table tr:nth-child(1) td {
padding: 0.572917vw 1.041667vw;
border-radius: 2.864583vw 2.864583vw 0 0;
}
.Cruise .columns .right {
margin: 0 0 0 3.333333vw ;
}
.Cruise .columns .right p:not(:last-child) {
margin: 0 0 0.9375vw;
}
}
@media(min-width:1600px){
.Cruise {
padding: 130px 0 0;
}
.Cruise .title {
padding: 0 0 100px;
}
.Cruise .columns .table {
min-width: 799px;
width: 799px;
border-radius: 55px 55px 0 0;
}
.Cruise .columns .table tr td {
padding: 14px 20px ;
}
.Cruise .columns .table tr:nth-child(1) td {
padding: 11px 20px;
border-radius: 55px 55px 0 0;
}
.Cruise .columns .right {
margin: 0 0 0 64px ;
}
.Cruise .columns .right p:not(:last-child) {
margin: 0 0 18px;
}
}
@media(max-width:992px){
.Cruise {
padding: 20px 0 0;
}
.Cruise .title {
padding: 0 0 20px;
}
.Cruise .columns {
display: block;
}
.Cruise .columns .table {
min-width: 100%;
width: 100%;
border-radius: 0 0;
}
.Cruise .columns .table tr td {
padding: 12px 15px ;
font-size: 14px;
}
.Cruise .columns .table tr:nth-child(1) td {
padding: 10px 20px;
border-radius: 0 0 0;
font-size: 16px;
}
.Cruise .columns .right {
margin: 20px 0 0 0 ;
}
.Cruise .columns .right p:not(:last-child) {
margin: 0 0 18px;
}
}
.Tickets {
position: relative;
z-index: 1;
}
.Tickets .bgimage img {
height: auto;
}
.Tickets .title {
position: relative;
font-weight: bold;
font-size: var(--font-size56);
color: #53300A;
line-height: 1;
text-align: center;
}
.Tickets .title img {
position: absolute;
left: 50%;
top: 50%;
z-index: -1;
transform: translateX(-50%) translateY(-50%);
}
.Tickets ul {
display: flex;
}
.Tickets ul .swiper-wrapper {
justify-content: space-between;
}
.Tickets ul li {
position: relative;
text-align: center;
}
.Tickets ul li .Htitle {
font-weight: bold;
font-size: var(--font-size30);
color: #53300A;
line-height: 1;
}
.Tickets ul li .intro {
font-size: var(--font-size24);
font-weight: bold;
color: #3A312B;
line-height: 1;
}
.Tickets ul li a {
display: block;
}
.Tickets ul li .bgimage img {
top: 0;
z-index: 1;
}
.Tickets ul li .text {
position: relative;
z-index: 2;
}
.Tickets ul li .Buyit {
background: linear-gradient(0deg, #FF5003, #E7161A);
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
margin: auto;
font-weight: bold;
font-size: var(--font-size18);
color: #FFFFFF;
transition: .3s ease;
cursor: pointer;
}
.Tickets ul li .Buyit:hover{
box-shadow: 0px 5px 20px -5px #d19b57;
}
.Tickets ul li .image img {
transition: .7s ease;
border-radius: 20px;
}
.Tickets ul li.amplify:hover .image img {
transform: scale(1.1);
}
@media(min-width:992px){
.Tickets {
padding: 6.770833vw 0 7.291667vw ;
}
.Tickets .bgimage img {
top: -4.791667vw;
}
.Tickets .title {
padding: 0.833333vw 0;
margin: 0 0 3.385417vw;
}
.Tickets .title img {
width: 19.53125vw;
height: 4.53125vw;
}
.Tickets ul li {
width: 22.34375vw;
height: 32.239583vw;
padding: 4.6875vw 0 3.125vw;
}
.Tickets ul li .image img {
width: 14.739583vw;
height: 14.739583vw;
margin: 0 auto 2.083333vw;
object-fit: cover;
}
.Tickets ul li .intro {
margin: 1.041667vw 0 1.458333vw ;
}
.Tickets ul li .Buyit {
width: 6.71875vw;
height: 1.875vw;
}
}
@media(min-width:1600px){
.Tickets {
padding: 130px 0 140px ;
}
.Tickets .bgimage img {
top: -92px;
}
.Tickets .title {
padding: 16px 0;
margin: 0 0 65px;
}
.Tickets .title img {
width: 375px;
height: 87px;
}
.Tickets ul li {
width: 429px;
height: 619px;
padding: 90px 0 60px;
}
.Tickets ul li .image img {
width: 283px;
height: 283px;
margin: 0 auto 40px;
object-fit: cover;
}
.Tickets ul li .intro {
margin: 20px 0 28px ;
}
.Tickets ul li .Buyit {
width: 129px;
height: 36px;
}
}
@media(max-width:992px){
.Tickets {
padding: 40px 0 40px ;
background: #fbfbf5;
z-index: 0;
}
.Tickets>.bgimage img {
/* top: -29px; */
/* display: none; */
height: 100%;
}
.Tickets .title {
padding: 10px 0;
margin: 0 0 20px;
}
.Tickets .title img {
width: auto;
height: 40px;
}
.Tickets ul {
display: block;
}
.Tickets ul li {
width: 300px;
height: 430px;
padding: 0;
margin: 0 auto 20px;
}
.Tickets ul li a {
position: relative;
width: 300px;
height: 430px;
padding: 63px 0;
margin: 0 auto 20px;
}
.Tickets ul li .image img {
width: 99%;
height: auto;
margin: 0 auto 30px;
object-fit: cover;
}
.Tickets ul li .intro {
margin: 10px 0 20px ;
}
.Tickets ul li .Buyit {
width: 129px;
height: 30px;
}
.Tickets .swiper-pagination {
bottom: 0;
}
.Tickets .swiper-pagination span {
background: #f1b76f;
opacity: 1;
}
.Tickets .swiper-pagination span.swiper-pagination-bullet-active {
border: 2px solid #f1b76f;
background: transparent;
}
.Tickets ul li .image img {
transform: scale(1) !important;
}
}
.ContactUs .title {
position: relative;
font-weight: bold;
font-size: var(--font-size56);
color: #53300A;
line-height: 1;
text-align: center;
z-index: 1;
}
.ContactUs .title img {
position: absolute;
left: 50%;
top: 50%;
z-index: -1;
transform: translateX(-50%) translateY(-50%);
}
.ContactUs .Hintro {
width: 100%;
background: url('../images/34.png') no-repeat ;
background-size: 100% 100%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
font-weight: bold;
font-size: var(--font-size24);
color: #3A312B;
}
.ContactUs .Hintro p {
font-weight: bold;
font-size: var(--font-size24);
color: #3A312B;
display: block;
}
@media(min-width:992px){
.ContactUs {
padding: 6.770833vw 0 0;
}
.ContactUs .title {
padding: 0.833333vw 0;
margin: 0 0 -2.604167vw;
}
.ContactUs .title img {
width: 23.385417vw;
height: 4.583333vw;
}
.ContactUs .Hintro {
height: 11.770833vw;
padding: 1.041667vw 0 0;
}
}
@media(min-width:1600px){
.ContactUs {
padding: 130px 0 0;
}
.ContactUs .title {
padding: 16px 0;
margin: 0 0 -50px;
}
.ContactUs .title img {
width: 449px;
height: 88px;
}
.ContactUs .Hintro {
height: 226px;
padding: 20px 0 0;
}
}
@media(max-width:992px){
.ContactUs {
padding: 20px 0 0;
margin: 0 -5%;
}
.ContactUs .title {
padding: 10px 0;
margin: 0 0 20px;
}
.ContactUs .title img {
width: auto;
height: 40px;
}
.ContactUs .Hintro {
height: auto;
padding: 20px;
background-size: cover;
background-position: center;
}
.ContactUs .Hintro p {
font-size: 14px;
}
}
.exceed {overflow: hidden;}
@media(max-width:992px){
}
.OpeningTime {
position: fixed;
top: 45%;
right: 0;
z-index: 50;
display: none;
}
.OpeningTime .list{position: relative;}
.OpeningTime .left {
background: #FFFFFF;
box-shadow: 0px 3px 16px 0px rgba(80,59,53,0.13);
border-radius: 15px 0px 0px 15px;
border: 1px solid #D5CECC;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.OpeningTime .left span {
font-weight: bold;
font-size: var(--font-size12);
color: #3D3D3D;
line-height: 1.3;
text-align: center;
display: block;
}
.OpeningTime .right {
position: absolute;
right: 0;
z-index: -1;
top: 0;
background: #FFFFFF;
box-shadow: 0px 3px 16px 0px rgba(80,59,53,0.13);
opacity: 0;
visibility: hidden;
background: url('../images/35.jpg') no-repeat ;
background-size: 100% 100%;
transition: .6s ease;
}
.OpeningTime .right span:nth-child(1){
font-weight: bold;
font-size: var(--font-size16);
color: #000000;
display: block;
line-height: 1;
}
.OpeningTime .right span:nth-child(2){
font-weight: bold;
font-size: var(--font-size20);
color: #EC2113;
background: linear-gradient(0deg, #FF5003 0%, #E7161A 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: block;
line-height: 1;
}
.OpeningTime:hover .right{
right: 110%;
opacity: 1;
visibility: unset;
}
@media(min-width:992px){
.OpeningTime .left {
width: 4.114583vw;
height: 5vw;
padding: 0.520833vw;
}
.OpeningTime .left img {
width: 1.302083vw;
margin: 0 0 0.260417vw;
}
.OpeningTime .right {
width: 12.395833vw;
height: 5vw;
border-radius: 0.78125vw;
padding: 1.041667vw 0.520833vw 1.041667vw 1.041667vw;
}
.OpeningTime .right span:nth-child(1) {
margin: 0 0 0.572917vw;
}
}
@media(min-width:1600px){
.OpeningTime .left {
width: 79px;
height: 96px;
padding: 10px;
}
.OpeningTime .left img {
width: 25px;
margin: 0 0 5px;
}
.OpeningTime .right {
width: 238px;
height: 96px;
border-radius: 15px;
padding: 20px 10px 20px 20px;
}
.OpeningTime .right span:nth-child(1) {
margin: 0 0 11px;
}
}
@media(max-width:992px){
.OpeningTime .left {
width: 79px;
height: 80px;
padding: 10px;
}
.OpeningTime .left img {
width: 20px;
margin: 0 0 5px;
}
.OpeningTime .right {
width: 238px;
height: 80px;
border-radius: 15px;
padding: 20px;
}
.OpeningTime .right span:nth-child(1) {
margin: 0 0 11px;
}
}
@media(max-width:992px){
}
@media(max-width:992px){
}
@media(max-width:992px){
}
@media(max-width:992px){
}
@media(max-width:992px){
}
@media(max-width:992px){
}
@media(max-width:992px){
}
@media(max-width:992px){
}
@media(max-width:992px){
}
@media(max-width:992px){
}
@media(max-width:992px){
}
@media(max-width:992px){
}
@media(max-width:992px){
}
@media(max-width:992px){
}
@media(max-width:992px){
}
@media(max-width:992px){
}
@media(max-width:992px){
}
/* 动画 */
/* 上 fadeInUp wow" data-wow-duration="2s" */
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 60px, 0);
transform: translate3d(0, 60px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 60px, 0);
transform: translate3d(0, 60px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes rotate {
0% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes rotate {
0% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.rotate {
-webkit-animation-name: rotate;
animation-name: rotate;
}
/* 弹窗 */
.buyTicketBtn {
cursor: pointer;
position: relative;
}
.popupQRCodeMain { position: fixed; left: 0vw; top: 0vw; width: 100%; height: 100%; z-index: 99; background: rgba(0, 0, 0, 0.7); display: none; }
.popupQRCodeMain .popupQRCodeBox { position: absolute; left: 0vw; top: 0vw; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.popupQRCodeMain .popupQRCodeBox .popupQRCode { position: relative; width: 20.729vw; opacity: 0; visibility: hidden; -webkit-transform: translateY(5.208vw); -ms-transform: translateY(5.208vw); transform: translateY(5.208vw); -webkit-transition: all .6s; transition: all .6s; }
.popupQRCodeMain .popupQRCodeBox .popupQRCode .popupQRCodeBg { width: 100%; }
.popupQRCodeMain .popupQRCodeBox .popupQRCode .qrCode { position: absolute; left: 0vw; top: 0vw; width: 100%; padding-top: 4.167vw; }
.popupQRCodeMain .popupQRCodeBox .popupQRCode .qrCode .title { font-size: 1.041667vw
; color: #fff; line-height: 1.354vw; padding: 0vw 0vw 4.688vw 1.3vw;}
.popupQRCodeMain .popupQRCodeBox .popupQRCode .qrCode p { width: 11.042vw; margin: 0vw auto; }
.popupQRCodeMain .popupQRCodeBox .popupQRCode .qrCode h3 { text-align: center; font-size: 1.042vw; color: #404040; padding-top: 1.042vw; }
.popupQRCodeMain .popupQRCodeBox.animat .popupQRCode { opacity: 1; visibility: visible; -webkit-transform: translateY(0vw); -ms-transform: translateY(0vw); transform: translateY(0vw); }
.closeQrCode { position: absolute; right: -3.646vw; top: 2.604vw; }
.closeQrCode i { width: 2.604vw; height: 2.604vw; -webkit-border-radius: 100%; border-radius: 100%; border: 0.156vw solid #fff; position: relative; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all .6s; transition: all .6s; cursor: pointer; display: block; }
.closeQrCode i::after { content: ''; width: 0.156vw; height: 60%; background: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.closeQrCode i::before { content: ''; width: 60%; height: 0.156vw; background: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.closeQrCode i:hover { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
@media(max-width:768px){
.popupQRCodeMain { position: fixed; left: 0vw; top: 0vw; width: 100%; height: 100%; z-index: 99; background: rgba(0, 0, 0, 0.7); display: none; }
.popupQRCodeMain .popupQRCodeBox { position: absolute; left: 0vw; top: 0vw; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.popupQRCodeMain .popupQRCodeBox .popupQRCode { position: relative; width: 62.187vw; opacity: 0; visibility: hidden; -webkit-transform: translateY(15.625vw); -ms-transform: translateY(15.625vw); transform: translateY(15.625vw); -webkit-transition: all .6s; transition: all .6s; }
.popupQRCodeMain .popupQRCodeBox .popupQRCode .popupQRCodeBg { width: 100%; }
.popupQRCodeMain .popupQRCodeBox .popupQRCode .qrCode { position: absolute; left: 0vw; top: 0vw; width: 100%; padding-top: 12.5vw; }
.popupQRCodeMain .popupQRCodeBox .popupQRCode .qrCode .title { font-size: 3.438vw; color: #fff; line-height: 4.062vw; padding: 0vw 0vw 14.064vw 4.689vw; }
.popupQRCodeMain .popupQRCodeBox .popupQRCode .qrCode p { width: 33.125vw; margin: 0vw auto; }
.popupQRCodeMain .popupQRCodeBox .popupQRCode .qrCode h3 { text-align: center; font-size: 3.125vw; color: #404040; padding-top: 3.125vw; }
.popupQRCodeMain .popupQRCodeBox.animat .popupQRCode { opacity: 1; visibility: visible; -webkit-transform: translateY(0vw); -ms-transform: translateY(0vw); transform: translateY(0vw); }
.closeQrCode { position: absolute; right: -10.938vw; top: 7.812vw; }
.closeQrCode i { width: 7.812vw; height: 7.812vw; -webkit-border-radius: 100%; border-radius: 100%; border: 0.468vw solid #fff; position: relative; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all .6s; transition: all .6s; cursor: pointer; display: block; }
.closeQrCode i::after { content: ''; width: 0.468vw; height: 60%; background: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.closeQrCode i::before { content: ''; width: 60%; height: 0.468vw; background: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.closeQrCode i:hover { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
}