.clear {
    clear: both;
}
*, *::before, *::after {
    margin: 0;
    padding: 0;
    text-indent: 0;
}

img {
    border: 0;
    display: block;
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

body {
    font-family:Source Han Sans CN, Noto Sans CJK SC, Microsoft YaHei, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Arial, sans-serif;
    font-size: 12px;
    color: #000;
    margin: 0;
    padding: 0;
    min-width: 1280px;
}

ul,
li {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-left: 0px;
}

button {
    padding: 0;
    border: 0;
}

table {
    border-collapse: collapse;
}

p {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

.div1280 {
    position: relative;
    width: 1280px;
    margin: 0 auto;
    height: 100%;
}

.clear {
    clear: both;
}

@font-face {
    /* 1. 定义字体家族名称（您可以自定义，建议用英文或拼音） */
    font-family: 'lishu1';

    /* 2. 设置字体加载路径及格式（按优先级排列） */
    src: url('../font/LINHAILISHU.woff2') format('woff2'),
        /* 现代浏览器首选，体积最小 */
        url('../font/LINHAILISHU.woff') format('woff'),
        /* 兼容较新的现代浏览器 */
        url('../font/LINHAILISHU.ttf') format('truetype');
    /* 兜底方案，兼容旧版浏览器 */

    /* 4. 优化显示效果（可选） */
    font-display: swap;
    /* 在字体加载期间先显示回退字体，加载完成后替换，避免页面空白 */
}
.fr{
    float: right;
}
.fl{
    float: left;
}

.top_banner {
    width: 100%;
    padding-top: 165px;
    height: 780px;
    overflow-x: hidden;
    position: relative;
}

.top {
    width: 100%;
    height: 251px;
    background: url(../images/top_bg.png) no-repeat center;
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
}

.top_logo {
    position: absolute;
    top: 27px;
    left: -244px;
    width: 70px;
}
.top_link1{
    font-size: 14px;
    color: #f9c36d;
    position: absolute;
    top: 28px;
    left: -155px;
}
.top_link2{
    font-size: 14px;
    color: #f9c36d;
    position: absolute;
    top: 28px;
    left: -85px;
}
.top_tel{
    font-size: 14px;
    color: #f9c36d;
    position: absolute;
    top: 28px;
    right: -240px;
}

.top_code {
    position: absolute;
    top: 27px;
    left: 187px;
    color: #f9c36d;
    font-size: 16px;
}

.menu1 {
    position: absolute;
    width: 540px;
    height: 60px;
    left: 50%;
    margin-left: -650px;
    top: 128px;
}

.menu2 {
    position: absolute;
    width: 540px;
    height: 60px;
    left: 50%;
    margin-left: 170px;
    top: 128px;
}

.menu>li {
    position: relative;
    width: 152px;
    height: 54px;
    float: left;
    margin-right: 20px;
}

.menu>li>a {
    display: block;
    width: 100%;
    height: 54px;
    background-image: url(../images/menu.png);
    background-repeat: no-repeat;
}

/* 雪碧图定位：上排常态，下排鼠标经过/当前页 */
.menu_link1 {
    background-position: 0 0;
}

.menu_link1:hover,
.acur1 {
    background-position: 0 -99px;
}

.menu_link2 {
    background-position: -180px 0;
}

.menu_link2:hover,
.acur2 {
    background-position: -180px -99px;
}

.menu_link3 {
    background-position: -353px 0;
}

.menu_link3:hover,
.acur3 {
    background-position: -353px -99px;
}

.menu_link4 {
    background-position: -541px 0;
}

.menu_link4:hover,
.acur4 {
    background-position: -541px -99px;
}

.menu_link5 {
    background-position: -740px 0;
}

.menu_link5:hover,
.acur5 {
    background-position: -740px -99px;
}

.menu_link6 {
    background-position: -931px 0;
}

.menu_link6:hover,
.acur6 {
    background-position: -931px -99px;
}

.about_park {
    width: 100%;
    height: 1367px;
    background: url(../images/aboutPark_bg.jpg) no-repeat top center;
    min-width: 1280px;
}

.about_park_content {
    width: 590px;
    position: absolute;
    top: 426px;
    left: 50%;
    margin-left: 10px;
    font-size: 20px;
    line-height: 35px;
}

.about_park_content p {
    text-indent: 2em;
}

.menu_dropdown {
    width: 100%;
    height: 0;
    min-width: 1280px;
    background-color: rgba(252, 227, 191, 0.9);
    position: absolute;
    top: 113px;
    left: 0;
    overflow: hidden;
    z-index: 999;
}

.menu_dp_ul {
    position: absolute;
    left: -30px;
    top: 66px;
    padding-top: 7px;
    z-index: 999;
    height: 0;
    overflow: hidden;
}

.menu_dp_ul ul {
    font-size: 20px;
    width: 212px;
    z-index: 999;
    background: url(../images/menu_li_bg.png) repeat;
}

.menu_dp_ul li {
    width: 168px;
    margin: 0 auto;
}

.menu_dp_ul a {
    display: block;
    width: 168px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 18px;
    color: #692000;
}

.menu_dp_ul a:hover {
    /* background-color: #e57143; */
    color: #fffeeb;
    background-image: url(../images/menu_span_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.menu_dp_ul a span {
    position: relative;
}

.menu_dp_ul a span::before {
    content: "【";
    position: absolute;
    left: -20px;
    display: none;
    top: -7px;
}

.menu_dp_ul a span::after {
    content: "】";
    position: absolute;
    right: -20px;
    display: none;
    top: -7px;
}

.menu_dp_ul a:hover span::before {
    display: block;
}

.menu_dp_ul a:hover span::after {
    display: block;
}

.menu_dp_li_bot {
    border: none !important;
}

.dp_ul_1,
.dp_ul_3 {
    display: none !important;
}

.droplist_park {
    float: right;
    position: relative;
    cursor: pointer;
    margin-top: 23px;
}

.chose_park {
    width: 162px;
    height: 35px;
    line-height: 35px;
    color: #fff9c9;
    font-size: 16px;
    background: url(../images/droplist_bg.png) no-repeat;
    text-indent: 20px;
}

.ul_park {
    border: 1px solid #e8a666;
    position: absolute;
    top: 34px;
    left: 0;
    z-index: 1000;
    display: none;
    width: 162px;
    padding: 10px 0;
    background: rgba(128, 45, 38, 0.8);
}

/* 内层滚动容器：二级园区 flyout 不会被 overflow 裁切 */
.ul_park_main {
    width: 162px;
    max-height: 682px;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}



.ul_dp_park2 .ul_park_main {
    width: 324px;
}

.ul_park_main::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.ul_park_main {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.ul_park li {
    width: 162px;
    height: 35px;
    line-height: 35px;
    position: relative;
}

.ul_park li:hover{
    background: rgba(221, 107, 62, 0.8);
}

.droplist_park a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff9c9;
    font-size: 16px;
}

.droplist_park a:hover {
    background: rgba(221, 107, 62, 0.8);
}

/* 二级园区 flyout */
.header_trUl {
    position: absolute;
    left: 162px;
    top: 0;
    width: 162px;
    display: none;
    background: rgba(128, 45, 38, 0.8);
    border: 1px solid #e8a666;
    border-left: none;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.header_trUl li{
    height: 34px;
}
.header_trUl a{
    border-right: 1px solid #e8a666;
    width: 161px;
}

.ul_park_main>li:hover .header_trUl {
    display: block;
}

/* 最后一个城市多园区时向上展开，避免超出视口被裁 */
.ul_park_main>li:last-child .header_trUl {
    bottom: 0;
    top: auto;
}

/* 二级园区指示符（+） */
.quot {
    position: absolute;
    right: 10px;
    top: 50%;
    width: 10px;
    height: 10px;
    transform: translateY(-50%);
}

.quot::before,
.quot::after {
    content: "";
    position: absolute;
    background: #fff9c9;
}

.quot::before {
    width: 10px;
    height: 2px;
    top: 4px;
    left: 0;
}

.quot::after {
    width: 2px;
    height: 10px;
    top: 0;
    left: 4px;
}

.ul_park_main>li:hover .quot::before,
.ul_park_main>li:hover .quot::after {
    background: #d79a61;
}

.return_top {
    display: none;
    filter: alpha(opacity=60);
    width: 94px;
    height: 211px;
    position: fixed;
    bottom: 160px;
    left: 50%;
    margin-left: 700px;
    z-index: 998;
    cursor: pointer;
    background: url(../images/return_top.png) no-repeat;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.return_top:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -webkit-filter: alpha(opacity=60);
}

.foot {
    width: 100%;
    min-width: 1280px;
    background: url(../images/bot_bg.jpg) repeat;
    padding-top: 66px;
    height: 140px;
    text-align: center;
    color: #fdf3c3;
    line-height: 22px;
}

.banner_bot {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -960px;
    z-index: 10;
}

/* 自定义一些样式 */
.swiper {
    width: 100%;
    height: 670px; 
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.top_banner .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.swiper-pagination{
    bottom: 14px !important;
} 
.swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.8);
    width: 20px;
    height: 20px;
}

.swiper-pagination-bullet-active {
    background: white;
}

.tp-bullets {
    bottom: 160px !important;
}

.tp-leftarrow {
    left: 160px !important;
}

.tp-rightarrow {
    right: 160px !important;
}

.div_right {
    background: url(../images/right_banner.png) no-repeat;
    position: fixed;
    z-index: 999;
    right: 10px;
    top: 50%;
    margin-top: -250px;
    width: 102px;
    height: 270px;
    padding-top: 25px;
}

.div_right li {
    margin-top: 15px;
    width: 100%;
    height: 34px;
    cursor: pointer;
    position: relative;
}

.div_right li .right_con {
    margin: 0 auto;
}

.div_right li:hover .right_con_h {
    display: block;
}

.div_right li:hover .right_con {
    opacity: .8;
}

.div_right .right_con_h {
    position: absolute;
    display: none;
}

.right_1_h {
    bottom: -56px;
    left: -150px;
    width: 160px;
}

.right_2_h {
    bottom: -56px;
    left: -150px;
    width: 140px;
}

.right_3_h {
    bottom: -56px;
    left: -150px;
    width: 160px;
}

.right_4_h {
    bottom: -56px;
    left: -150px;
    width: 160px;
}
.indexmain{
    width: 100%;
    height: 2711px;
    background: url(../images/indexBg.png) no-repeat;
}

.main_1 {
    margin-top: -2px;
    width: 100%;
    position: relative;
}

.main_1_content {
    width: 1280px;
    height: 140px;
    margin: 0 auto;
    position: relative;
}



.main_1_price {
    position: absolute;
    height: 64px;
    top: 0;
    left: 150px;
}

.main_1_price img {
    float: left;
    margin-right: 40px;
}


.main_1_detail {
    float: left;
    height: 62px;
    width: 500px;
    line-height: 62px;
    font-size: 22px;
    overflow: hidden;
    color: #a5390a;
    text-indent: 30px;
    background-color: #f8e3c0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.main_1_box {
    display: flex;
    justify-content: center;
    width: 1300px;
    height: 439px;
    margin: 0 auto;
    background: url(../images/main_1_box.png) no-repeat;
}

.main_1_hours {
    position: absolute;
    height: 64px;
    top: 80px;
    left: 150px;
}

.main_1_hours img {
    float: left;
    margin-right: 40px;
}
.main1_order{
    width: 330px;
    height: 98px;
    display: block;
    position: absolute;
    top: 30px;
    right: 50px;
    background: url(../images/main_1_link.png) no-repeat;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    cursor: pointer;
}
.main1_order:hover {
    background: url(../images/main_1_link_h.png) no-repeat;
}



.main_1_bot {
    display: block;
    height: 250px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    /* float: le */
}

.main_1_bot p {
    width: 176px;
    height: 38px;
    line-height: 38px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    color: #000;
    font-size: 20px;
    font-family: lishu;
    background: url(../images/main_1_bot_t.png) no-repeat;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}

.main_1_bot:hover p {
    background: url(../images/main_1_bot_h.png) no-repeat;
    color: #fffacc;
}

.main_1_1 {
    width: 184px;
    background: url(../images/main_1_1.png) no-repeat;
    margin: 90px 60px 50px 0;
}

.main_1_img1 {
    position: absolute;
    top: 60px;
    left: 70px;
}

.main_1_1:hover .main_1_img1 {
    animation: main_1_img 1s ease-in-out forwards;
    -webkit-animation: main_1_img 1s ease-in-out forwards;
}

@keyframes main_1_img {
    0% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
    }

    60% {
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
    }

    100% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
    }
}


.main_1_2 {
    width: 184px;
    margin: 90px 60px 50px 0;
}

.main_2_img1 {
    position: absolute;
    top: 0;
    left: -1px;
    z-index: 100;
}

.main_2_img2 {
    position: absolute;
    top: 100px;
    left: -93px;
    z-index: 70;
    transition: 1s;
    -webkit-transition: 1s;
}

.main_2_img3 {
    position: absolute;
    top: 77px;
    left: 145px;
    z-index: 60;
    transition: 2s;
    -webkit-transition: 2s;
}

.main_2_img4 {
    position: absolute;
    top: 27px;
    left: 28px;
    z-index: 50;
}

.main_1_2:hover .main_2_img2 {
    left: -12px;
}

.main_1_2:hover .main_2_img3 {
    left: 85px;
}

.main_1_3 {
    width: 184px;
    background: url(../images/main_1_3.png) no-repeat;
    margin: 90px 60px 50px 0;
}

.main_3_img1 {
    position: absolute;
    top: 41px;
    left: 52px;
    z-index: 100;
    transform-origin: top center;
}

.main_3_img2 {
    position: absolute;
    top: 97px;
    left: 94px;
    z-index: 70;
    transition: 1s;
    -webkit-transition: 1s;
}

.main_1_3:hover .main_3_img1 {
    /* 应用动画，持续2秒，只播放一次，结束后保持最后一帧 */
    animation: swingOnce 2s ease-in-out 1 forwards;
}

@keyframes swingOnce {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(6deg);
        /* 向右旋转 */
    }

    75% {
        transform: rotate(-6deg);
        /* 向左旋转 */
    }

    100% {
        transform: rotate(0deg);
        /* 回到原位 */
    }
}

.main_1_4 {
    width: 184px;
    margin: 90px 60px 50px 0;
}

.main_4_img1 {
    position: absolute;
    top: 100px;
    left: 40px;
    z-index: 100;
    transition: all 1s;
    width: 47px;
}

.main_4_img2 {
    position: absolute;
    top: 59px;
    left: 39px;
    z-index: 90;
}

.main_4_img3 {
    position: absolute;
    top: 54px;
    left: 190px;
    z-index: 70;
    transition: all 0.5s;
}

.main_4_img4 {
    position: absolute;
    top: 69px;
    left: -198px;
    z-index: 70;
    transition: all 0.5s;
}

.main_4_img5 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 110;
}

.main_4_img6 {
    position: absolute;
    top: 27px;
    left: 26px;
    z-index: 60;
}

.main_1_4:hover .main_4_img1 {
    transform: rotate(180deg);
}

.main_1_4:hover .main_4_img3 {
    left: 90px;
}

.main_1_4:hover .main_4_img4 {
    left: 8px;
}

.main_1_5 {
    width: 208px;
    background: url(../images/main_1_5.png) no-repeat;
    margin: 90px 0 50px 0;
}

.main_5_img1 {
    width: 46px;
    height: 93px;
    overflow: hidden;
    position: absolute;
    right: 70px;
    top: 44px;
    transition: 1s;
    -webkit-transition: 1s;
    background: url(../images/main_5_img1.png) no-repeat right top;
}

.main_5_img2 {
    position: absolute;
    right: 100px;
    top: 43px;
    transition: 1s;
    -webkit-transition: 1s;
}

.main_1_5:hover .main_5_img1 {
    width: 84px;
}

.main_1_5:hover .main_5_img2 {
    right: 135px;
}

.main_2 {
    width: 100%;
}
.main2_t{
    margin: 90px auto 30px;
}

.main_2_wrap {
    width: 1226px;
    height: 700px;
    position: relative;
    margin: 0 auto;
}
.main2_zz{
    position: absolute;
    left: -11px;
    top: -36px;
    z-index: 30;
}
.main2_wbg {
    width: 846px;
    height: 521px;
    position: absolute;
    z-index: 10;
}

/* 主图轮播 */
.main_2_wrap .picBox {
    width: 797px;
    height: 469px;
    position: absolute;
    overflow: hidden;
    left: 20px;
    top: 20px;
    z-index: 20;
}


.main_2_wrap .picBox .swiper-slide {
    width: 797px;
    height: 469px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main_2_wrap .picBox .swiper-slide img {
    max-width: 100%;
    max-height: 100%;
    display: block;
}

.main_2_wrap .per_prev {
    position: absolute;
    top: 200px;
    width: 72px;
    z-index: 30;
    cursor: pointer;
    left: -100px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.main_2_wrap .per_next {
    position: absolute;
    top: 200px;
    width: 72px;
    z-index: 30;
    cursor: pointer;
    right: -100px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}
.main_2_wrap .per_prev:hover,.main_2_wrap .per_next:hover{
    opacity: .5;
}

/* 缩略图 */
.main_2_wrap .listBox {
    width: 1240px;
    height: 90px;
    position: absolute;
    overflow: hidden;
    left: -10px;
    bottom: 0;
}

/* 缩略图左右滑动箭头 */
.main_2_wrap .list_arrow {
    position: absolute;
    top: 50%;
    margin-top: -22px;
    width: 26px;
    height: 44px;
    z-index: 25;
    cursor: pointer;
}

.main_2_wrap .list_prev {
    left: 0;
}

.main_2_wrap .list_next {
    right: 0;
}

.main_2_wrap .listBox .swiper-slide {
    width: 250px;
    height: 88px;
    cursor: pointer;
}


.main_2_wrap .listBox .swiper-slide-active,
.main_2_wrap .listBox .swiper-slide-thumb-active {
    opacity: 1;
}
.main2_wleft{
    width: 377px;
    height: 521px;
    position: absolute;
    top: 0;
    left: 422px;
    z-index: 5;
    overflow: hidden;
    background: url(../images/main2_wleft.png) no-repeat;
}

/* 左侧文字联动内容（竖版排列 + 淡入切换） */
.main2_wleft .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.main2_wleft .swiper-slide {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 480px;
    box-sizing: border-box;
    padding: 60px 55px 20px 35px;
    display: flex;
    flex-direction: column;
    color: #000;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease;
    writing-mode: vertical-rl;
    text-orientation: upright; /* 强制字符正立显示 */
    justify-content: flex-start;
    letter-spacing: 3px;
}

.main2_wleft .swiper-slide.wleft-active {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.main2_wleft .swiper-slide h3 {
    color: #c1340e;
    font-size: 38px;
    height: 100%;
    text-align: left;
    margin-left: 10px;
    text-indent: -24px;
}

.main2_wleft .swiper-slide p {
    color: #000;
    font-size: 22px;
    line-height: 44px;
    text-align: justify;
}

.main_3 {
    width: 1290px;
    height: 781px;
    margin: 300px auto;
    background: url(../images/main_3bg.png) no-repeat;
    position: relative;
}

.main3_txt {
    width: 500px;
    font-size: 18px;
    text-align: justify;
    position: absolute;
    top: 330px;
    left: 50%;
    margin-left: 45px;
    color: #4a2400;
    line-height: 45px;
}

.main3_more {
    display: block;
    width: 50px;
    height: 30px;
    position: absolute;
    top: 642px;
    left: 50%;
    margin-left: 423px;
}

.main_bot {
    background-color: #6f2720;
    height: 96px;
    width: 100%;
    color: #fdf3c3;
    text-align: center;
}

.page_main {
    position: relative;
    min-width: 1280px;
    padding-top: 180px;
}

.park_main {
    background: url(../images/park_bg.jpg) no-repeat center;
    height: 1094px;
    width: 100%;
}

.park_content {
    position: absolute;
    top: 480px;
    left: 50%;
    width: 700px;
    margin-left: -500px;
    font-size: 16px;
    line-height: 30px;
    text-align: justify;
}

.park_content p {
    margin-bottom: 5px;
    line-height: 37px;
    font-size: 20px;
}

.left_menu {
    width: 234px;
    position: absolute;
    left: 50%;
    margin-left: -854px;
    z-index: 100;
    top: 120px;
}

.left_menu_1 {
    width: 178px;
    margin: -3px 0 -3px 28px;
    padding: 15px 0 30px;
    background-color: #fff8df;
}

.left_menu_logo {
    margin: 0 auto 24px;
}

.left_menu_1 ul {
    width: 100%;
}

.left_menu_1 li {
    width: 135px;
    height: 46px;
    border: 2px solid #cb805e;
    padding-top: 2px;
    margin: 0 auto 10px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}

.left_menu_1 a {
    display: block;
    width: 129px;
    height: 42px;
    border: 1px solid #cb805e;
    line-height: 42px;
    font-family: "lishu";
    font-size: 18px;
    text-align: center;
    color: #af5830;
    margin: 0 auto;
    transition: 0.2s;
    -webkit-transition: 0.2s;
}

.left_menu_1 li:hover {
    border: 2px solid #da604b;
}

.left_menu_1 li:hover a {
    background-color: #da604b;
    border: 1px solid #da604b;
    color: #fff8df;
}

.left_menu_1 .cur_link {
    border: 2px solid #da604b;
}

.left_menu_1 .cur_link a {
    background-color: #da604b;
    border: 1px solid #da604b;
    color: #fff8df;
}

.catering_banner {
    width: 100%;
    height: 506px;
    background: url(../images/catering_banner.jpg) no-repeat center;
}

.catering_main {
    width: 100%;
    height: 1825px;
    background: url(../images/catering_main.jpg) no-repeat center;
    position: relative;
}

.parting_line {
    width: 100%;
    height: 89px;
    background: url(../images/parting_line.png) repeat;
}

.catering_c {
    width: 1301px;
    height: 1780px;
    background: url(../images/main_border_bg.png) no-repeat;
    margin: -145px auto 50px;
    position: relative;
    padding-top: 45px;
}

.catering_title {
    margin: 0 auto 60px;
}

.catering_1 {
    width: 1129px;
    border: 3px solid #b38c7d;
    height: 405px;
    margin: 0 auto;
    padding-top: 7px;
}

.catering_1_border {
    width: 1113px;
    border: 1px solid #b38c7d;
    height: 396px;
    margin: 0 auto;
    position: relative;
}

.catering_img1 {
    position: absolute;
    top: 10px;
    left: 10px;
}

.catering_img2 {
    position: absolute;
    top: 10px;
    right: 10px;
}

.catering_1_border p {
    width: 290px;
    position: absolute;
    font-size: 16px;
    color: #313130;
    top: 157px;
    right: 37px;
}

.catering_2_img {
    margin: 0px auto 20px;
}

.catering_3_img {
    margin: 0 auto;
}

.shopping_banner {
    width: 100%;
    height: 506px;
    background: url(../images/shopping_banner.jpg) no-repeat center;
}

.shopping_main {
    width: 100%;
    height: 1825px;
    background: url(../images/catering_main.jpg) no-repeat center;
    position: relative;
}

.parting_line {
    width: 100%;
    height: 89px;
    background: url(../images/parting_line.png) repeat;
}

.shopping_c {
    width: 1301px;
    height: 1780px;
    background: url(../images/main_border_bg.png) no-repeat;
    margin: -145px auto 50px;
    position: relative;
    padding-top: 45px;
}

.shopping_title {
    margin: 0 auto 60px;
}

.shopping_1 {
    width: 1129px;
    border: 3px solid #b38c7d;
    height: 405px;
    margin: 0 auto;
    padding-top: 7px;
}

.shopping_1_border {
    width: 1113px;
    border: 1px solid #b38c7d;
    height: 396px;
    margin: 0 auto;
    position: relative;
}

.shopping_img1 {
    position: absolute;
    top: 10px;
    left: 10px;
}

.shopping_img2 {
    position: absolute;
    top: 10px;
    right: 10px;
}

.shopping_1_border p {
    width: 290px;
    position: absolute;
    font-size: 16px;
    color: #313130;
    top: 157px;
    right: 37px;
}

.shopping_2_img {
    margin: 80px auto 60px;
}

.shopping_3_img {
    margin: 0 auto;
}

.all_main {
    width: 100%;
    background: url(../images/all_bg.jpg) no-repeat top center #dca56f;
    position: relative;
    border-top: 2px solid #ffe8b7;
    padding-bottom: 125px;
    background-attachment: fixed;
}

.all_right {
    margin: -24px auto 0;
    width: 1157px;
    position: relative;
    background: url(../images/all_bg.png) repeat;
    min-height: 800px;
    padding-bottom: 60px;
}

.all_title {
    width: 1313px;
    height: 112px;
    text-align: center;
    background: url(../images/all_title.png) no-repeat;
    position: absolute;
    font-size: 30px;
    color: #7d2c16;
    line-height: 116px;
    left: -75px;
    top: -75px;
    font-weight: 500;
}

.all_menu {
    overflow: hidden;
    margin: 0 auto 40px;
    height: 44px;
    width: 785px;
}

.all_menu li {
    width: 150px;
    height: 44px;
    float: left;
    margin: 0 21px;
}

.all_menu a {
    display: block;
    color: #d14a38;
    text-align: center;
    font-size: 18px;
    background: url(../images/newslist_title.png) no-repeat;
    width: 150px;
    height: 44px;
    line-height: 44px;
    transition: 0.2s;
    -webkit-transition: 0.2s;
}

.all_menu a:hover {
    background: url(../images/newslist_title_h.png) no-repeat;
    color: #fff8df;
}

.all_bot {
    margin: -24px auto 0;
}

.news_cur a {
    background: url(../images/newslist_title_h.png) no-repeat;
    color: #fff8df;
}

.newslist_banner {
    width: 100%;
    height: 509px;
    background: url(../images/newslist_banner.jpg) no-repeat center;
}

.head_news {
    width: 880px;
    height: 230px;
    border-bottom: 1px solid #cb805e;
    border-top: 1px solid #cb805e;
    margin: 0 auto;
    position: relative;
    display: block;
}

.head_news img {
    width: 312px;
    height: 172px;
    position: absolute;
    top: 30px;
    left: 0;
}

.head_news h1 {
    font-size: 20px;
    color: #ff612a;
    position: absolute;
    width: 538px;
    height: 30px;
    line-height: 30px;
    top: 30px;
    left: 340px;
    overflow: hidden;
}

.head_news p {
    color: #272727;
    font-size: 16px;
    width: 538px;
    height: 94px;
    overflow: hidden;
    line-height: 24px;
    position: absolute;
    top: 72px;
    left: 340px;
}

.head_news span {
    color: #555;
    position: absolute;
    left: 340px;
    top: 182px;
    font-size: 15px;
}

.news_list {
    width: 880px;
    margin: 0 auto;
    color: #555;
}

.news_list li {
    width: 950px;
    height: 165px;
    cursor: pointer;
    position: relative;
    background: url(../images/newsbg.jpg) no-repeat;
    background-size: 100% 100%;
    margin-bottom: 20px;
    padding-top: 25px;
}

.news_info{
    position: absolute;
    top: 40px;
    left: 240px;
    width: 630px;
    color: #000;
}

.news_info h2 {
    font-size: 24px;
    width: 630px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    font-weight: normal;
}
.news_info span{
    color: #cc3300;
}
.news_time{
    font-size: 20px;
    margin: 20px 0 0 10px;
}

.news_info p {
    font-size: 15px;
    width: 680px;
    height: 70px;
    line-height: 24px;
    overflow: hidden;
}

.news_list .news_pic{
    width: 200px;
    height: 140px;
    overflow: hidden;
    margin: 0 30px 0 25px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.news_pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news_pic_empty {
    background: #e8dfbd url(../images/news_img.png) no-repeat center center;
}


.news_content {
    width: 830px;
    margin: 0 auto;
    color: #555;
    font-size: 17px;
}

.news_content h1 {
    font-size: 26px;
    text-align: center;
    margin-bottom: 15px;
}

.news_content h3 {
    font-size: 15px;
    text-align: center;
    margin-bottom: 15px;
    font-weight: normal;
}

.news_content p {
    text-indent: 2em;
    margin-top: 7px;
    line-height: 25px;
}

.news_content img {
    margin: 15px auto 10px;
    max-width: 830px;
}

.news_line {
    border-bottom: 1px solid #ccad92;
    margin-bottom: 20px;
}

/* 新闻列表底部：加载中 / 查看更多 / 空状态 */
.news_foot {
    text-align: center;
    padding: 30px 0;
    font-size: 16px;
    color: #999;
}
.news_more {
    color: #c74a45;
    cursor: pointer;
}
.news_more:hover {
    color: #ff612a;
}

/* 新闻详情：返回、正文、空状态 */
.news_back {
    display: inline-block;
    font-size: 16px;
    color: #c74a45;
    margin-bottom: 20px;
    cursor: pointer;
}
.news_back:hover {
    color: #ff612a;
}
.news_body {
    color: #555;
    font-size: 16px;
    line-height: 1.8;
}
.news_body p {
    text-indent: 2em;
    margin: 8px 0;
    line-height: 26px;
}
.news_body img {
    max-width: 100%;
    margin: 15px auto 10px;
    border-radius: 4px;
    display: block;
}
.news_empty,
.news_loading {
    text-align: center;
    font-size: 18px;
    color: #999;
    padding: 80px 0;
}

.project_main {
    width: 100%;
    height: 806px;
    background-image: url(../images/pro_bg1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
}

.pro_main {
    width: 1280px;
    height: 710px;
    margin: 0 auto 0;
    position: relative;
    padding-top: 130px;
    overflow: hidden;
    display: flex;
    justify-content: space-around;
    z-index: 10;
}
.pro_t{
    position: absolute;
    top: 78px;
    left: 50%;
    margin-left: -227px;
    width: 454px;
}

.pro_left {
    position: absolute;
    top: 360px;
    left: 50%;
    cursor: pointer;
    margin-left: -700px;
}

.pro_right {
    position: absolute;
    top: 360px;
    left: 50%;
    cursor: pointer;
    margin-left: 650px;
}
.pro_close {
    position: absolute;
    top: 108px;
    left: 50%;
    cursor: pointer;
    margin-left: 525px;
    transition: .5s;
    opacity: .8;
    display: none;
    z-index: 200;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}
.pro_close:hover {
    opacity: 1;
}

/* 项目轮播指示点：显示当前切换到了第几屏，可点击切换 */
.pro_dots {
    position: absolute;
    bottom: 22px;
    left: 50%;
    margin-left: -27px;
    z-index: 50;
}
.pro_dot {
    display: inline-block;
    opacity: 0.5;
    width: 5px;
    height: 5px;
    border: 6px solid #fff4ba;
    margin: 0 6px;
    border-radius: 50%;
    background: #fff4ba;
    cursor: pointer;
    vertical-align: middle;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}
.pro_dot:hover {
    opacity: 1;
}
.pro_dot.active {
    background: #fff4ba;
    opacity: 1;
    width: 5px;
    height: 5px;
    border: 6px solid #e6c8a8;
}

.pro_ul {
    height: 580px;
    overflow: hidden;
    padding-top: 20px;
}

.pro_ul li {
    float: left;
    width: 307px;
    padding-top: 44px;
    height: 534px;
    position: relative;
    cursor: pointer;
    background: url(../images/pro_bg.png) no-repeat;
    margin: 0 2px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}
.hoverup:hover{
    margin: -10px 2px;
}

.pro_li {
    width: 278px;
    height: 488px;
    margin: -3px 0 0 14px;
    padding-top: 7px;
}

.pro_li img {
    margin: 0 0 0 9px;
}

.pro_content {
    width: 261px;
    height: 156px;
    margin: 4px auto 0;
    padding-top: 7px;
}

.pro_content h3 {
    font-size: 20px;
    color: #61310a;
    text-align: center;
    margin-top: 10px;
}

.pro_content p {
    width: 240px;
    height: 100px;
    overflow: hidden;
    margin: 8px auto 0;
    color: #753b0c;
    font-size: 18px;
    text-align: center;
}

.pro_li_detail {
    position: absolute;
    top: 0;
    left: 330px;
    width: 866px;
    height: 542px;
    background-color: #fff8e1;
    border: 4px solid #e0ca88;
    border-radius: 4px;
    display: none;
}



.pro_de_img1 {
    position: absolute;
    left: -17px;
    top: -12px;
    width: 216px;
    height: 575px;
    background: url(../images/pro_limg.png) no-repeat;;
}

.pro_leftimg {
    position: absolute;
    left: -17px;
    top: -12px;
    width: 216px;
    height: 575px;
}
.pro_de_img1 span{
    position: absolute;
    writing-mode: vertical-rl;
    text-orientation: upright;
    width: 30px;
    height: 200px;
    top: 207px;
    left: 98px;
    font-size: 32px;
    font-family: lishu;
    color: #000;
    font-weight: 500;
}

.pro_de_img2 {
    position: absolute;
    right: 24px;
    top: 190px;
}

.pdet_content {
    position: absolute;
    width: 620px;
    height: 120px;
    overflow: hidden;
    right: 20px;
    top: 30px;
    z-index: 30;
}
.marginR55{
    margin-right: 50px;
}

.pdet_content img {
    display: inline;
}

.pdet_content p {
    font-size: 16px;
    color: #2f2f2f;
    margin-bottom: 15px;
    line-height: 25px;
}

.pdet_content span {
    color: #b5603b;
    font-size: 14px;
}

.animated_1 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.animated_2 {
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
}

.animated_3 {
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
}

.animated_4 {
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
}

#pro_ul_1 {
    display: block;
}

#pro_ul_2 {
    display: none;
}

#pro_ul_3 {
    display: none;
}

#pro_ul_4 {
    display: none;
}

.performance_banner {
    width: 100%;
    height: 798px;
    background: url(../images/per_bg1.jpg) no-repeat center;
    position: relative;
}


.per_img_1 {
    position: absolute;
    top: 225px;
    left: 50%;
    margin-left: -558px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.per_img_2 {
    position: absolute;
    top: 227px;
    left: 50%;
    margin-left: -131px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.per_img_3 {
    position: absolute;
    top: 510px;
    left: 50%;
    margin-left: -131px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.per_img_4 {
    position: absolute;
    top: 369px;
    left: 50%;
    margin-left: 8px;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
}

.per_img_5 {
    position: absolute;
    top: 227px;
    left: 50%;
    margin-left: 150px;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
}

.per_img_6 {
    position: absolute;
    top: 510px;
    left: 50%;
    margin-left: 150px;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
}

.per_img_7 {
    position: absolute;
    top: 369px;
    left: 50%;
    margin-left: 292px;
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
}

.ticket_menu {
    width: 400px;
}

.ticket_table {
    width: 750px;
    margin: 0 auto;
    color: #525252;
    font-size: 14px;
}

.ticket_table span {
    color: #cc5e33;
}

.ticket_top {
    width: 750px;
    height: 70px;
    background: url(../images/ticket_top.jpg) no-repeat;
    font-size: 22px;
    color: #cc3300;
    text-align: center;
    line-height: 70px;
}

.ticket_bot {
    width: 750px;
    height: 66px;
    background: url(../images/ticket_bot.jpg) no-repeat;
    font-size: 14px;
    color: #666666;
    text-align: center;
    line-height: 66px;
}

.ticket_table table {
    border-left: 2px solid #cd8b6b;
    border-right: 2px solid #cd8b6b;
    width: 750px;
    margin: 0 auto;
    font-size: 16px;
    background-color: #fffdec;
}

.ticket_table td {
    border-bottom: 1px solid #cd8b6b;
    border-right: 1px solid #cd8b6b;
    padding: 30px 50px;
    text-align: center;
}

.ticket_table .tb_head td {
    text-align: center;
    color: #555;
    padding: 20px 0;
    font-weight: bold;
}

.font14 {
    font-size: 14px;
    text-align: left !important;
}

.colorcc6939 {
    color: #cc6939;
    padding: 30px 10px !important;
}

.colorff9f37 {
    color: #ff9f37;
    padding: 30px 10px !important;
}

.color5bc08b {
    color: #5bc08b;
}

.colorc06c43 {
    color: #c06c43;
}

.colorff651b {
    color: #ff651b;
}

.color4ba366 {
    color: #4ba366;
}

.color4d93da {
    color: #4d93da;
}

.colorcc3333 {
    color: #cc3333;
}

.width160 {
    width: 160px;
}

.width200 {
    width: 200px;
}

.click_table_2,
.click_table_3 {
    display: none;
}

.ticket_notice {
    width: 750px;
    margin: 0 auto;
    color: #525252;
    font-size: 14px;
}

.ticket_notice h3 {
    color: #fe5c3c;
    margin-top: 50px;
}

.ticket_notice span {
    color: #cc5e33;
}

.ticket_notice li {
    line-height: 24px;
    list-style: decimal;
}

.ticket_link {
    display: none !important;
    position: absolute;
    left: 50%;
    margin-left: 466px;
    top: -18px;
    z-index: 1000;
    transform-origin: top center;
    -webkit-transform-origin: top center;
    display: block;
    width: 174px;
    height: 451px;
    cursor: pointer;
}

.ticket_link .ticket_left_h {
    width: 87px;
    height: 451px;
    position: absolute;
    top: 0;
    left: 0;
}

.ticket_link .ticket_right_h {
    width: 87px;
    height: 451px;
    position: absolute;
    top: 0;
    right: 0;
}

.ticket_left_hover {
    animation: ticket_left_hover 2.8s ease-in-out forwards;
    -webkit-animation: ticket_left_hover 2.8s ease-in-out forwards;
    -o-animation: ticket_left_hover 2.8s ease-in-out forwards;
}

.ticket_left_hover img {
    animation: ticket_left_hover_img 2s ease-in-out forwards;
    -webkit-animation: ticket_left_hover_img 2s ease-in-out forwards;
    -o-animation: ticket_left_hover_img 2s ease-in-out forwards;
}

.ticket_right_hover {
    animation: ticket_right_hover 2.8s ease-in-out forwards;
    -webkit-animation: ticket_right_hover 2.8s ease-in-out forwards;
    -o-animation: ticket_right_hover 2.8s ease-in-out forwards;
}

.ticket_right_hover img {
    animation: ticket_right_hover_img 2s ease-in-out forwards;
    -webkit-animation: ticket_right_hover_img 2s ease-in-out forwards;
    -o-animation: ticket_right_hover_img 2s ease-in-out forwards;
}

/* @keyframes ticket_left_hover {
    0%   { transform: perspective(900px) rotateZ(0deg) rotateZ(0deg); -webkit-transform: perspective(900px) rotateZ(0deg) rotateZ(0deg); -moz-transform: perspective(900px) rotateZ(0deg) rotateZ(0deg); -ms-transform: perspective(900px) rotateZ(0deg) rotateZ(0deg); -o-transform: perspective(900px) rotateZ(0deg) rotateZ(0deg); }
    40%  { transform: perspective(900px) rotateZ(-5deg) rotateZ(-12deg); -webkit-transform: perspective(900px) rotateZ(-5deg) rotateZ(-12deg); -moz-transform: perspective(900px) rotateZ(-5deg) rotateZ(-12deg); -ms-transform: perspective(900px) rotateZ(-5deg) rotateZ(-12deg); -o-transform: perspective(900px) rotateZ(-5deg) rotateZ(-12deg); }
    100% { transform: perspective(900px) rotateZ(0deg) rotateZ(0deg); -webkit-transform: perspective(900px) rotateZ(0deg) rotateZ(0deg); -moz-transform: perspective(900px) rotateZ(0deg) rotateZ(0deg); -ms-transform: perspective(900px) rotateZ(0deg) rotateZ(0deg); -o-transform: perspective(900px) rotateZ(0deg) rotateZ(0deg); }
}

@keyframes ticket_left_hover_img {
    0%   { transform: perspective(900px) rotateY(0deg); -webkit-transform: perspective(900px) rotateY(0deg); }
    50%  { transform: perspective(900px) rotateY(-70deg); -webkit-transform: perspective(900px) rotateY(-70deg); -moz-transform: perspective(900px) rotateY(-70deg); -ms-transform: perspective(900px) rotateY(-70deg); -o-transform: perspective(900px) rotateY(-70deg); }
    100% { transform: perspective(900px) rotateY(0deg); -webkit-transform: perspective(900px) rotateY(0deg); }
}

@keyframes ticket_right_hover {
    0%   { transform: perspective(900px) rotateY(0deg) rotateZ(0deg); -webkit-transform: perspective(900px) rotateY(0deg) rotateZ(0deg); }
    40%  { transform: perspective(900px) rotateY(5deg) rotateZ(12deg); -webkit-transform: perspective(900px) rotateY(5deg) rotateZ(12deg); -moz-transform: perspective(900px) rotateY(5deg) rotateZ(12deg); -ms-transform: perspective(900px) rotateY(5deg) rotateZ(12deg); -o-transform: perspective(900px) rotateY(5deg) rotateZ(12deg); }
    100% { transform: perspective(900px) rotateY(0deg) rotateZ(0deg); -webkit-transform: perspective(900px) rotateY(0deg) rotateZ(0deg); }
}

@keyframes ticket_right_hover_img {
    0%   { transform: perspective(900px) rotateY(0deg); -webkit-transform: perspective(900px) rotateY(0deg); }
    50%  { transform: perspective(900px) rotateY(70deg); -webkit-transform: perspective(900px) rotateY(70deg); -moz-transform: perspective(900px) rotateY(70deg); -ms-transform: perspective(900px) rotateY(70deg); -o-transform: perspective(900px) rotateY(70deg); }
    100% { transform: perspective(900px) rotateY(0deg); -webkit-transform: perspective(900px) rotateY(0deg); }
} */

.p_hours_table {
    width: 750px;
    margin: 0 auto;
    color: #525252;
    font-size: 16px;
}

.p_hours_table table {
    border-left: 2px solid #cd8b6b;
    border-right: 2px solid #cd8b6b;
    width: 750px;
    margin: 0 auto;
    line-height: 25px;
}

.p_hours_table .tb_head {
    background: url(../images/ticket_top.jpg) no-repeat;
}

.p_hours_table .tb_head td {
    text-align: center;
    color: #555;
    padding: 20px 0;
    font-weight: bold;
}

.p_hours_table td {
    border-bottom: 1px solid #cd8b6b;
    border-right: 1px solid #cd8b6b;
    padding: 20px 5px;
    text-align: center;
    min-width: 75px;
    background-color: #fffdeb;
}

.p_hours_table span {
    color: #cc5e33;
}

.p_hours_top {
    width: 750px;
    height: 70px;
    background: url(../images/ticket_top.jpg) no-repeat;
    font-size: 20px;
    color: #cc3300;
    text-align: center;
    line-height: 70px;
}

.p_hours_bot {
    width: 750px;
    height: 66px;
    background: url(../images/ticket_bot.jpg) no-repeat;
    font-size: 14px;
    color: #666666;
    text-align: center;
    line-height: 66px;
}

.hours_title {
    color: #c06c43;
    font-size: 20px;
    text-align: center;
    background: url(../images/hours_title.png) no-repeat center;
    margin: 70px 0 35px;
}

.p_hours_top span {
    display: block;
    float: left;
    height: 70px;
    line-height: 70px;
    text-align: center;
    color: #555;
}

.p_hours_top .span_time1 {
    border-right: 1px solid #cd8b6b;
    width: 162px;
}

.p_hours_top .span_time2 {
    border-right: 1px solid #cd8b6b;
    width: 200px;
}

.p_hours_top .span_time3 {
    width: 380px;
}

.p_width160 {
    width: 160px;
    padding: 20px 0 !important;
}

.p_width200 {
    width: 200px;
    padding: 20px 0 !important;
}

.notice_top {
    width: 723px;
    height: 163px;
    background: url(../images/ser_notice_top.png) no-repeat;
    margin: 30px auto 40px;
    padding-top: 35px;
}

.notice_top p {
    width: 627px;
    color: #cc332e;
    margin: 0 auto;
    font-size: 16px;
    text-indent: 2em;
    line-height: 25px;
}

.notice_ul {
    width: 750px;
    margin: 0 auto;
}

.notice_ul li {
    padding: 0 0 15px 0;
    margin-bottom: 10px;
    overflow: hidden;
    border-bottom: 1px dashed #e3bc90;
    font-size: 16px;
    color: #555;
    position: relative;
    padding-left: 46px;
    min-height: 40px;
}

.notice_ul li span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 36px;
    height: 36px;
    background-color: #ec8f68;
    border-radius: 50%;
    text-align: center;
    font-size: 20px;
    color: #fff;
    line-height: 36px;
}

.faq_top {
    width: 723px;
    height: 148px;
    background: url(../images/ser_notice_top.png) no-repeat;
    margin: 30px auto 40px;
    padding-top: 50px;
}

.faq_top p {
    width: 627px;
    color: #849346;
    margin: 0 auto;
    font-size: 20px;
    text-indent: 2em;
    line-height: 30px;
}

.faq_ul li {
    width: 750px;
    margin: 25px auto 0;
    padding-bottom: 10px;
    clear: both;
}

.faq_q {
    float: left;
}

.faq_q_c {
    float: left;
    margin: 8px 0 14px 0;
    background: #f69e69;
    color: #fff;
    font-size: 19px;
    border-radius: 10px;
    width: 578px;
    padding: 12px 25px;
}

.faq_a_c {
    float: left;
    margin: 18px 0 14px 78px;
    background: #fffdf3;
    color: #555;
    font-size: 15px;
    border-radius: 10px;
    width: 578px;
    padding: 12px 25px;
    border: 1px solid #e3d9b4;
    position: relative;
}

.faq_a {
    position: absolute;
    right: -76px;
    top: -16px;
}

.tr_map {
    width: 876px;
    margin: 0 auto;
    height: 514px;
    background: url(../images/tr_map.jpg) no-repeat;
}

.r2jtzn2 {
    width: 828px;
    height: 56px;
    margin: 20px auto 0;
    padding: 25px 0 0 0;
    border-radius: 10px 10px 0 0;
}

.r2jtzn2 span {
    float: left;
    display: block;
    font-size: 20px;
    line-height: 46px;
    height: 46px;
    margin-left: 40px;
}

.r2jtzn2 input {
    float: left;
    height: 44px;
    line-height: 44px;
    font-family: "Microsoft YaHei";
}

#trStart {
    border-radius: 5px;
    background: #fff;
    color: #cccccc;
    float: left;
    margin-right: 5px;
    height: 46px;
    line-height: 46px;
    width: 185px;
    padding: 0 10px;
    font-size: 16px;
    border: 1px solid #ddc49a;
}

#trEnd {
    border-radius: 5px;
    background: #fff;
    color: #cccccc;
    margin-right: 5px;
    float: left;
    width: 185px;
    height: 46px;
    line-height: 46px;
    padding: 0 10px;
    font-size: 16px;
    border: 1px solid #ddc49a;
}

#trBtn {
    width: 105px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    color: #fff;
    background: #ed6660;
    border: 0;
    cursor: pointer;
    font-size: 18px;
    margin-left: 30px;
    border-radius: 5px;
}

#drStart {
    border-radius: 5px;
    background: #fff;
    color: #cccccc;
    float: left;
    margin-right: 5px;
    height: 46px;
    line-height: 46px;
    width: 185px;
    padding: 0 10px;
    font-size: 16px;
    border: 1px solid #ddc49a;
}

#drEnd {
    border-radius: 5px;
    background: #fff;
    color: #cccccc;
    margin-right: 5px;
    float: left;
    width: 185px;
    height: 46px;
    line-height: 46px;
    padding: 0 10px;
    font-size: 16px;
    border: 1px solid #ddc49a;
}

#drBtn {
    width: 105px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    color: #fff;
    background: #ed6660;
    border: 0;
    cursor: pointer;
    font-size: 18px;
    margin-left: 30px;
    border-radius: 5px;
    display: none;
}

#l-map {
    height: 409px;
    width: 838px;
    margin: 0 auto;
    border: 1px solid #ddc49a;
}

.trP-rezult {
    width: 788px;
    font-size: 14px;
    line-height: 20px;
    margin: 10px auto 0;
    padding: 20px 20px 40px 20px;
    background-color: #fffcf2;
    height: auto;
    border: 1px solid #cd8b6b;
}

.trP-rezult p {
    margin-top: 5px;
}

.trP-reztag {
    font-size: 18px;
}

.jtzndt {
    display: block;
    margin-top: 10px;
    margin-left: 116px;
}

.jtzntj {
    width: 655px;
    margin-left: 50px;
    margin-top: 20px;
    font-size: 16px;
    line-height: 30px;
}

.jtzntjt {
    width: 655px;
    background: url(../images/jtznt2.png) no-repeat;
    padding-left: 80px;
    color: #686868;
    padding-bottom: 30px;
    border-bottom: 1px dashed #e0e0e0;
    line-height: 30px;
}

.ser_map_t {
    width: 100%;
    font-size: 24px;
    text-align: center;
    margin: 35px auto 30px;
    color: #333;
}

.traffic_main {
    width: 825px;
    margin: 0 auto;
}

.map_center {
    margin: 0 auto 30px;
}

.map_iconn {
    float: left;
    margin-top: 60px;
}

.map_detail1 {
    width: 695px;
    float: right;
    line-height: 28px;
    font-size: 16px;
    margin-top: 60px;
}

.map_detail1 h3 {
    color: #990099;
    font-size: 24px;
    margin-bottom: 24px;
    font-weight: normal;
}

.map_detail2 {
    width: 695px;
    float: right;
    line-height: 28px;
    font-size: 16px;
    margin-bottom: 45px;
    margin-top: 80px;
}

.map_detail2 h3 {
    color: #ff6600;
    font-size: 23px;
    margin-bottom: 24px;
    font-weight: bold;
}

.charge_menu {
    width: 900px;
    display: flex;
    justify-content: center;
}

.charge_head {
    color: #555555;
    font-size: 16px;
    font-weight: bold;
}

.charge_table {
    width: 750px;
    margin: 0 auto;
    color: #525252;
    font-size: 14px;
}

.charge_table span {
    color: #cc3333;
}

.charge_table table {
    /* border-left: 2px solid #cd8b6b; */
    /* border-right: 2px solid #cd8b6b; */
    width: 750px;
    margin: 0 auto;
    font-size: 16px;
}

.charge_table td {
    border-bottom: 1px solid #cd8b6b;
    border-right: 1px solid #cd8b6b;
    padding: 30px 0;
    text-align: center;
}

.charge_table .tb_head td {
    text-align: center;
    color: #555;
    padding: 20px 0;
    font-weight: bold;
}

.ser_map1 {
    width: 910px;
    margin: 0 auto;
    position: relative;
}

.ser_map_title {
    background: url(../images/bg_ser_title.png) no-repeat;
    font-size: 26px;
    color: #5a5b5c;
    text-indent: 20px;
}

#imgContainer {
    width: 910px;
    height: 560px;
    border: 2px solid #c99678;
    overflow: hidden;
    margin: 20px auto;
}

#positionButtonDiv {
    position: absolute;
    left: 312px;
    top: 575px;
    width: 500px;
    z-index: 10;
}

#positionButtonDiv img {
    float: left;
    margin-right: 70px;
    cursor: pointer;
}

#imageFullScreen {
    transform-origin: 0 0;
}

.map_forbig {
    position: absolute;
    z-index: 20;
    top: 575px;
    left: 636px;
}

.map_icon {
    margin: 100px auto 0;
}

.route_banner {
    width: 100%;
    height: 701px;
    background: url(../images/route_banner.jpg) no-repeat center;
    position: relative;
}
.route_t{
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -227px;
}

.route_main {
    width: 100%;
    background: url(../images/route_main.jpg) no-repeat center #813630;
    position: relative;
    background-attachment: fixed;
    height: 1500px;
}

.route_click {
    position: absolute;
    left: 50%;
    top: 0;
    width: 371px;
    height: 644px;
}
.route_click:hover .route_bg {
    height: 644px;
}
.route_bg {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 371px;
    height: 0;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}

.route_img {
    width: 292px;
    height: 425px;
    position: absolute;
    z-index: 20;
    top: 50%;
    left: 50%;
    margin-left: -154px;
    margin-top: -183px;
    cursor: pointer;
}

#route_1 {
    margin-left: -685px;
}

#route_2 {
    margin-left: -355px;
}

#route_3 {
    margin-left: -20px;
}

#route_4 {
    margin-left: 310px;
}

.route_cur .route_bg {
    height: 644px;
}
.route_imgh{
    position: absolute;
    z-index: 21;
    top: 50%;
    left: 50%;
    cursor: pointer;
    width: 427px;
    height: 591px;
    margin-left: -212px;
    margin-top: -232px;
    transition: transform 0.5s;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    opacity: 0;
    -webkit-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
    -ms-transition: transform 0.5s;
    -o-transition: transform 0.5s;
}

.route_cur .route_img {
    display: none;
}
.route_cur .route_imgh {
    z-index: 21;
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.route_main_div {
    width: 1287px;
    margin: -138px auto 0;
}

.route_main_top {
    width: 1287px;
    height: 120px;
    background: url(../images/route_main_top.png) no-repeat;
    padding-top: 33px;
}

.route_main_top img {
    margin: 0 auto;
}

.route_content {
    width: 1287px;
    background: url(../images/route_main_bg.png) repeat;
    padding: 40px 0;
    position: relative;
    margin-top: -2px;
}

.route_infor {
    width: 1044px;
    height: 167px;
    margin: 0 auto 60px;
    background: url(../images/route_infor.png) no-repeat;
    position: relative;
    color: #88300a;
}

.route_infor ul {
    position: absolute;
    top: 60px;
    left: 0;
    display: flex;
    font-size: 20px;
    color: #993600;
    width: 100%;
    justify-content: space-evenly;
}
.route_infor ul  b{
    font-size: 22px;
    padding: 5px 30px;
    color: #fffae2;
    margin-right: 25px;
    font-weight: normal;
}
.route_cater b{
    background: #eca465;
}
.route_shop b{
    background: #6cb18e;
}


.route_infor p {
    color: #f2592f;
    width: 360px;
    font-size: 26px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    overflow: hidden;
    position: absolute;
    top: -18px;
    left: 340px;
}

.route_pro {
    position: relative;
    width: 1100px;
    margin: 0 auto;
    z-index: 50;
}

.route_pro li {
    width: 220px;
    height: 270px;
    float: left;
    position: relative;
    cursor: pointer;
    margin-bottom: 38px;
}

.route_pro li img {
    width: 188px;
    height: 188px;
    margin: 0 auto;
}

.route_pro li p {
    width: 154px;
    height: 134px;
    padding: 30px 20px;
    font-size: 14px;
    color: #262626;
    background: url(../images/route_pro_bg.png) no-repeat;
    overflow: hidden;
    position: absolute;
    z-index: 200;
    top: 0;
    left: 13px;
    opacity: 0;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}

.route_pro li:hover p {
    opacity: 1;
}

.route_pro_name {
    width: 177px;
    height: 44px;
    text-align: center;
    position: absolute;
    top: 210px;
    left: 22px;
    color: #ffffdf;
    font-size: 20px;
    line-height: 44px;
    z-index: 10;
    font-family: lishu;
}


.route_pro_start {
    position: absolute;
    left: 60px;
    top: 450px;
    z-index: 50;
}

.route_pro_left {
    position: absolute;
    left: 33px;
    top: 805px;
}

.route_pro_right {
    position: absolute;
    right: 34px;
    top: 497px;
}

.route_proLeft .route_pro_line {
    width: 220px;
    height: 4px;
    background-color: #f1c285;
    position: absolute;
    z-index: 5;
    left: 0;
    top: 230px;
}
.route_proRight .route_pro_line{
    width: 220px;
    height: 4px;
    background-color: #f1c285;
    position: absolute;
    z-index: 5;
    top: 230px;
    right: 0;
}
.route_pro_lined{
    width: 190px !important;
}

.route_proRight li{
    float: right;
}

ute_map {
    margin: 30px auto 0;
    width: 1287px;
}

.route_main_div {
    display: none;
    position: relative;
}
.route_bbg {
    position: absolute;
}
.route_bbg img{ 
    width: 1013px;
    height: 748px;
}

#route_1_main {
    display: block;
}

#route_1_main .route_pro_name {
    background: url(../images/route_1_pbg.png) no-repeat;
}

#route_1_main .route_pro_end {
    background-color: #ef7752;
    text-shadow: 2px 2px 2px #ca4d26;
}

#route_1_main .route_bbg {
    bottom: -50px;
    left: 50px;
    height: 500px;
    overflow: hidden;
    z-index: 40;
}

#route_2_main .route_pro_name {
    background: url(../images/route_2_pbg.png) no-repeat;
}

#route_2_main .route_bbg {
    bottom: -50px;
    left: 50px;
    height: 500px;
    overflow: hidden;
    z-index: 40;
}


#route_3_main .route_pro_name {
    background: url(../images/route_3_pbg.png) no-repeat;
}

#route_3_main .route_bbg {
    bottom: -50px;
    left: 50px;
    height: 500px;
    overflow: hidden;
    z-index: 40;
}


#route_4_main .route_pro_name {
    background: url(../images/route_4_pbg.png) no-repeat;
}

#route_4_main .route_bbg {
    bottom: -50px;
    left: 50px;
    height: 500px;
    overflow: hidden;
    z-index: 40;
}

.play_main {
    background: url(../images/play_bg.jpg) no-repeat top center;
    height: 710px;
    width: 100%;
    padding: 60px 0 0;
}

.play_content {
    width: 1300px;
    margin: 0 auto;
}

.t-play {
    margin: 0 auto 30px;
}

.pcontent {
    display: flex;
    width: 100%;
    justify-content:space-evenly;
    flex-wrap: wrap;
    margin: 0 auto;
}

.empty-tip {
    width: 100%;
    text-align: center;
    color: #999;
    font-size: 16px;
    padding: 60px 0;
}

/* SEO 标题：视觉隐藏但对搜索引擎可见（非 display:none，避免被判定作弊） */
.seo_h1 {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

/* 游玩攻略详情弹窗：页面内以移动端宽度展示 H5 详情 */
.traveltip_modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}
.traveltip_modal.show {
    display: block;
}
.traveltip_modal_mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
}
.traveltip_modal_box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    height: 90vh;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
}
.traveltip_modal_close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 22px;
    color: #fff;
    background: rgba(0, 0, 0, 0.45);
    border-radius: 50%;
    cursor: pointer;
    z-index: 2;
}
.traveltip_modal_frame {
    width: 100%;
    height: 100%;
    border: 0;
    background: #fff;
}

.traveltip_list {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 20px 0;
}

.traveltip_item {
    width: 256px;
    height: 530px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: 0.5s ease-in-out;
    transform: translateY(100px);
    animation: slideUp 0.8s forwards;
    opacity: 0;
    padding: 70px 22px 0;
}

.traveltip_item:nth-child(1) {
    background: url(../images/trbg.png) no-repeat;
    background-position: 0 0;
    animation-delay: 0s;
}

.traveltip_item:nth-child(2) {
    background: url(../images/trbg.png) no-repeat;
    background-position: -332px 0;
    animation-delay: 0.2s;
}

.traveltip_item:nth-child(3) {
    background: url(../images/trbg.png) no-repeat;
    background-position: -662px 0;
    animation-delay: 0.4s;
}

.traveltip_item:nth-child(4) {
    background: url(../images/trbg.png) no-repeat;
    background-position: -992px 0;
    animation-delay: 0.6s;
}

.traveltip_item:nth-child(1) .traveltip_txt {
    background: url(../images/trt_1.png) no-repeat;
}

.traveltip_item:nth-child(1):hover .traveltip_txt  {
    background: url(../images/trt_1h.png) no-repeat;
}
 
.traveltip_item:nth-child(2) .traveltip_txt {
    background: url(../images/trt_2.png) no-repeat;
}
.traveltip_item:nth-child(2):hover .traveltip_txt  {
    background: url(../images/trt_2h.png) no-repeat;
}
 
.traveltip_item:nth-child(3) .traveltip_txt {
    background: url(../images/trt_3.png) no-repeat;
}
.traveltip_item:nth-child(3):hover .traveltip_txt {
    background: url(../images/trt_3h.png) no-repeat;
}
 
.traveltip_item:nth-child(4) .traveltip_txt {
    background: url(../images/trt_4.png) no-repeat;
}
.traveltip_item:nth-child(4):hover .traveltip_txt {
    background: url(../images/trt_4h.png) no-repeat;
}
 

@keyframes slideUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


.traveltip_img {
    width: 250px;
    height: 305px;
    overflow: hidden;
    z-index: 5;
}
.traveltip_img:hover img {
    transform: scale(1.1);
}

.traveltip_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.traveltip_txt {
    width: 180px;
    height: 72px;
    text-align: center;
    line-height: 64px;
    font-size: 26px;
    color: #fffcee;
    position: absolute;
    top: 342px;
    left: 50%;
    margin-left: -90px;
    z-index: 20;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}



.traveltip_demo {
    width: 80%;
    text-align: center;
    font-size: 18px;
    color: #943c1a;
    position: absolute;
    top: 415px;
    left: 10%;
    z-index: 20;
    display: block;
    height: 22px;
    overflow: hidden;
}
.performance_banner {
    width: 100%;
    height: 718px;
    background: url(../images/performance_banner.jpg) no-repeat center;
    position: relative;
    padding-top: 80px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.per_swiper {
    width: 1200px;
    height: 650px;
    overflow: hidden;
    margin: 0 auto;
}

.per_swiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.per_swiper .swiper-slide img {
    width: 100%;
}

.per_title {
    margin: 0 auto;
    z-index: 2;
}

.per_swiper .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.7);
    width: 10px;
    height: 10px;
}

.per_swiper .swiper-pagination-bullet-active {
    background: #fff;
}

.per_arrow {
    position: absolute;
    top: 50%;
    width: 60px;
    z-index: 3;
    cursor: pointer;
    opacity: .6;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}
.per_arrow:hover{
    opacity: 1;
}

.per_arrow.per_prev {
    left: 200px;
}

.per_arrow.per_next {
    right: 200px;
}