*{
    -webkit-tap-highlight-color: rgba(0,0,0,0);/*CSS3去除手机浏览器按钮点击出现的高亮框*/
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
}
/*colors*/
.tc-com {
    z-index: 3;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    visibility: hidden;
    transition: visibility 0s 0.5s;
}
.tc-com.on {
    visibility: visible;
    transition: visibility 0s 0s;
}
.tc-com .black {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 0.5s 0s;
}
.tc-com.on .black {
    opacity: 1;
    transition: opacity 0.5s 0s;
}
.tc-com .white {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0.7);
    opacity: 0;
    transition: opacity 0.5s 0s;
}
.tc-com.on .white {
    opacity: 1;
    transition: opacity 0.5s 0s;
}
.tc-com .box {
    opacity: 0;
    transform: translateY(-50px);
    transition: opacity 0.5s 0s,transform 0.5s 0s;
}
.tc-com.on .box {
    opacity: 1;
    transform: translateY(0px);
    transition: opacity 0.5s 0s,transform 0.5s 0s;
}
a:active {
    background: transparent;
}
:root {
    --bg-color: #FFC246;
    --hover-color:#FFC246;
    --text-color: #262626;
    --textActive-color: #FFC246;
    --btnBg-color:#fff;
    --btn-color:#fff;
}
@font-face {
    font-family: BrandLogoIcons;
    src: url("https://www.theculinaryatelier.com/theculinaratelier/static/template/font/mi-brand-logo-icons.woff2") format("woff2");
    font-display: swap;
}
@font-face {
    font-family: MiIcons;
    src: url(https://www.theculinaryatelier.com/theculinaratelier/static/template/font/mi-icons/mi-icons.eot) format("eot"),url(https://www.theculinaryatelier.com/theculinaratelier/static/template/font/mi-icons/mi-icons.woff2) format("woff2"),url(https://www.theculinaryatelier.com/theculinaratelier/static/template/font/mi-icons/mi-icons.woff) format("woff"),url(https://www.theculinaryatelier.com/theculinaratelier/static/template/font/mi-icons/mi-icons.ttf) format("truetype"),url(https://www.theculinaryatelier.com/theculinaratelier/static/template/font/mi-icons/mi-icons.svg) format("svg");
    font-display: swap
}
.logo-icons{
    font-family: BrandLogoIcons;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 0.5rem;
    font-weight: 500;
    padding:0 12px;
    color:#000;
}
.index_main .logo-icons{
    color:#fff;
}
.logo-icon{
    /*width:calc(100% - 376px);*/
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    /*flex-wrap: wrap;*/
    padding:0 8px 0 8px;
    flex: 0 0 75%;
    max-width: 75%;
}
.logo-icon a:nth-child(1){
    margin-left:0;
}
.logo-icon a{
    margin: auto;
}
.brade-logo,.brade-logo img{max-width:315px;}
@media (max-width: 950px) {
    .logo-icon{
        width:100%;
        max-width: 100%;
        padding-left: 0;
    }
}
@media (max-width: 500px) {
    .logo-icons{
        padding: 0 10px;
    }
}

.main-logo::before{
    font-size: 1.3125rem;
    line-height: normal;
    font-weight: 500;
}
.brand-logo-luxury-Group{
    display: inline-block;
}

.brand-logo-luxury-Group::before {
    content: "\e947";
    font-size: 1.3125rem;
    line-height: normal;
    font-weight: 500;
}
.brade-logo::before{
    font-size: 0.21rem;
    line-height: normal;
    font-weight: 500;
    content: "\e947";
}
.copy_right  .main-logo{
    flex: 0 0 25%;
    max-width: 25%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.copy_right .main-logo .line{
    margin: 0 auto;
    background-color:#909090;
}
.copy_right  .main-logo span{
   padding:0;
}


.brand-logo-EB::before, .brand-logo-eb::before {
    content: "\e906";
    font-size: 0.16rem !important;
}
.brand-logo-RZ .logo_rz{
    width:0.873rem !important;
    width:1rem !important;
}
/*.brand-logo-RZ::before, .brand-logo-rz::before {*/
/*    content: "\e93e";*/
/*    font-size: 0.33rem !important;*/
/*}*/
 .brand-logo-LC::before,.nRhYr .brand-logo-lc::before{
    content: "\e90d";
    font-size: 0.3rem !important;
}
.brand-logo-XR::before,.brand-logo-xr::before{
    content: "\e917";
    font-size: 0.34rem !important;
}
.brand-logo-WH::before, .brand-logo-wh::before {
    content: "\e939";
    font-size: 0.125rem !important;
    display:none;
}
.brand-logo-JW::before, .brand-logo-jw::before {
    content: "\e90b";
    font-size: 0.3rem !important;
}
.brand-logo-WH{display:flex;align-items:center;justify-content:center;}
.brand-logo-WH .logo_wh{width:0.28rem;}

@media only screen and (max-width: 500px){
    .brand-logo-EB::before, .brand-logo-eb::before {
        font-size: 0.12rem !important;
    }
    .brand-logo-RZ::before, .brand-logo-rz::before {
        font-size: 0.28rem !important;
    }
    .brand-logo-LC::before,.nRhYr .brand-logo-lc::before{
        font-size: 0.28rem !important;
    }
    .brand-logo-XR::before,.brand-logo-xr::before{
        font-size: 0.28rem !important;
    }
    .brand-logo-WH::before, .brand-logo-wh::before {
        font-size: 0.1rem !important;
        display:none;
    }
    .brand-logo-JW::before, .brand-logo-jw::before {
        font-size: 0.26rem !important;
    }
    .brand-logo-WH .logo_wh{width:0.24rem;}
}
.wechat{
    position: relative;
}
.follow{
    display:none;
}
.follow .closed{
    width:40px;
    height:40px;
    position: absolute;
    right:0;
    top:0;
}
/*.wechat:hover .follow{*/
/*    display: block;*/
/*}*/
.follow{
    position: absolute;
    left:50%;
    margin-left:-75px;
    top:-155px;
    width:150px;
}
.follow img{
    width:100%;
    margin-left:0 !important;
}
.web-content{
    display:none;
    color:#918c8a !important;
}
.Arial .web-content{
    color:#141414 !important;
}
.index_main_person .web-content{
    width:92%;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .pc-content{
        display:none;
    }
    .web-content{
        display:block;
        text-align: center !important;
        max-width:88%;
    }
}
@media (max-width: 500px) {
    .follow{
        position: absolute;
        left:50%;
        margin-left:-85px;
        top:-178px;
        width:170px;
    }
}

@font-face {
    font-family: syst;
    src: url("https://www.theculinaryatelier.com/theculinaratelier/static/template/font/syst-light.otf") format("truetype");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}
@font-face {
    font-family: FlyFlowerSong;
    src: url("https://www.theculinaryatelier.com/theculinaratelier/static/template/font/FlyFlowerSong.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}
@font-face {
    font-family: GT_Super_Display;
    src: url(https://www.theculinaryatelier.com/theculinaratelier/static/template/font/Sheraton/GT-Super-Display-Light.eot) format("eot"),url(https://www.theculinaryatelier.com/theculinaratelier/static/template/font/Sheraton/GT-Super-Display-Light.woff2) format("woff2"),url(https://www.theculinaryatelier.com/theculinaratelier/static/template/font/Sheraton/GT-Super-Display-Light.woff) format("woff"),url(https://www.theculinaryatelier.com/theculinaratelier/static/template/font/Sheraton/GT-Super-Display-Light.ttf) format("truetype"),url(https://www.theculinaryatelier.com/theculinaratelier/static/template/font/Sheraton/GT-Super-Display-Light.svg) format("svg");
    font-display: swap
}
@font-face {
    font-family: GT_Super_Display_R;
    src: url("https://www.theculinaryatelier.com/theculinaratelier/static/template/font/GT-Super-Display-Regular.otf") format("truetype");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}
@font-face {
    font-family: swiss-light;
    src: url("https://www.theculinaryatelier.com/theculinaratelier/static/template/font/Swiss721BT-Light.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}
@font-face {
    font-family: swiss-Regular;
    src: url("https://www.theculinaryatelier.com/theculinaratelier/static/template/font/Swiss721BT-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}
@font-face {
    font-family: Arial-light;
    src: url("https://www.theculinaryatelier.com/theculinaratelier/static/template/font/Arial-light.ttc") format("truetype");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}
.swiss {
    font-family: swiss-light;
}
.Arial {
    font-family: syht;
    font-weight: 300;
}
.FlyFlowerSong {
    font-family: FlyFlowerSong;
}
.GT_Super_Display {
    font-family: GT_Super_Display;
}
.Arial .title {
    font-family: FlyFlowerSong !important;
    font-family: syst!important;
}
.swiss .title {
    font-family: GT_Super_Display !important;
    font-weight: 300 !important;
}
body {
    color: #141414;
    background-color: #fff !important;
}
.img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    transition: 0.3s ease-in-out;
}
.btn {
    height: 40px;
    line-height: 40px;
    background: #182E59;
    display: block;
    color: white;
    padding: 0px 25px;
    font-size: 18px;
    font-weight: 100;
}
.btn a {
    color: #fff;
}
.btn a:hover {
    color: #fff;
}
/*banner*/
.index_main .slider_banner {
    aspect-ratio: 5 / 2;


}
.plyr--video {
    height: 100%;
}
.slider_banner {
    position: relative;
    aspect-ratio: 5 / 2;
}
@media only screen and (max-width: 768px) {
    .slider_banner {
        aspect-ratio:1;
    }
}
.slider_banner .pc-banner{
    display: block;
}
.slider_banner .web-banner{
    display: none;
}
.slider_banner .layout {
    padding: 0;
}
.slider_banner img {
    width: 100%;
}
.slider_banner .play_btn {
    position: absolute;
    width: 164px;
    height: 165px;
    background: url(https://www.theculinaryatelier.com/theculinaratelier/static/template/homepage/play.png) no-repeat center top;
    background-size: 100%;
    left: 50%;
    margin-left: -82px;
    bottom: 175px;
    cursor: pointer;
}
.slider_banner .txts {
    color: #fff;
    font-size: 44px;
    position: absolute;
    left: 150px;
    bottom: 12%;
    line-height: 1.3;
}
.slider_banner .txt-1 {
    font-size: 26px;
}
.slider_banner .txt-2 {
    font-family: GT_Super_Display_R;
}
.slider_banner .menus {
    line-height: 1.5;
}
.slider_banner .menus:before {
    width: 30px;
    height: 56px;
    content: "";
    background: url(../detail/position.png) no-repeat center center;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
}
@media (max-width: 1300px) {
    .slider_banner .play_btn {
        width: 100px;
        height: 100px;
        left: 50%;
        margin-left: -50px;
        bottom: 175px;
    }
    .slider_banner .txts {
        font-size: 40px;
        line-height: 1.3;
    }
    .slider_banner .txt-1 {
        font-size: 24px;
    }
    .slider_banner .menus:before {
        width: 30px;
    }
}
@media (max-width: 950px) {
    .slider_banner {
        /*margin-top: 64px;*/
    }
    .slider_banner .play_btn {
        width: 100px;
        height: 100px;
        left: 50%;
        margin-left: -50px;
        bottom: 105px;
    }
    .slider_banner .txts {
        font-size: 40px;
        line-height: 1.3;
        width: 80%;
        text-align: left;
        left: 10%;
    }
    .slider_banner .txt-1 {
        font-size: 24px;
    }
    .slider_banner .menus:before {
        width: 30px;
    }
}
@media (max-width: 768px) {
    .detail_main .slider_banner {
        /* aspect-ratio: 0.98; */
    }
    .slider_banner .pc-banner{
        display: none;
    }
    .slider_banner .web-banner{
        display: block;
    }
    .index_main .slider_banner {
        aspect-ratio: 0.98;
    }
    .slider_banner .play_btn {
        width: 60px;
        height: 60px;
        left: 50%;
        margin-left: -30px;
        bottom: 65px;
    }
    .slider_banner .txts {
        font-size: 20px;
        line-height: 1.5;
        width: 92%;
        text-align: left;
        left: 8%;
        bottom:10%;
    }
    .slider_banner .txt-1 {
        font-size: 16px;
    }
    .slider_banner .menus:before {
        width: 20px;
        height: 34px;
    }
}
@media (max-width: 500px){
    .slider_banner .menus:before {
        width: 15px;
        height: 30px;
        margin-right:2px;
    }
}

.index_main .title {
    text-align: center;
    font-family: FlyFlowerSong;
    font-weight: bold;
    font-size: 42px;
    color: #141414;
}
.Arial .index_main .title{
   font-weight: normal;
}
.index_main .content {
    font-size: 14px;
    text-align: center;
    margin: 20px auto 0;
    /*max-width:40%;*/
    /*text-transform:uppercase;*/
    color: #918c8a;
}
.Arial .index_main .content{
    line-height: 2;
    font-weight: 300;
}
.index_main .content .down{
    display: inline-block;
    width:19.2px;
    height:19.2px;
    background: url(../homepage/down1.jpg) no-repeat center center;
    background-size:16px;
    margin-top: 30px;
}
.index_main .content .down.special{
    margin-top: 0;
}
.Arial .index_main .content{
    color:#141414;

}
.index_main .index_main_person .content {
    /*max-width:52%;*/

}
.index_main .index_scene .content {
    /*max-width:52%;*/

}
@media (max-width: 950px) {
    .index_main .title {
        font-size: 22px;
    }
    .index_main .content {
        font-size: 14px !important;
        text-transform: none;
    }
    .index_main .content .down{
        margin-top: 10px;
    }
}
@media (max-width: 768px) {

    .index_main .content {
        font-size: 12px !important;
    }
}
@media (max-width: 500px) {
    .index_main .title {
        font-size: 22px;
    }
    .index_main .content {
        font-size: 14px;
        max-width:88%;
        margin:30px auto 0px;
    }
}
@media (max-width: 430px) {
    .index_main .title {
        font-size: 22px;
    }
}
.index_flex_box {
    margin-top: 60px;
}
.rightx{
    position: absolute;
    top: 50%;
    width: 30px !important;
    /*left: 56px;*/
    z-index: 10;
    right: 4%;
    margin-top: -15px;
}
.leftx{
    position: absolute;
    top: 50%;
    width: 30px !important;
    left: 56px;
    z-index: 10;
    left: 4%;
    margin-top: -15px;
    transform: rotate(180deg);
}
.index_flex_box .icons_sw {
    display: none;
    position: relative;
}
.index_flex_box .iconlist {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top:24px;
    padding: 0 100px;
}
.index_flex_box .iconlist li {
    /*aspect-ratio: 2/3.5;*/
    width: 13.28%;
    margin-right: 1%;
    margin-bottom: 25px;
    overflow: hidden;

}
.index_flex_box .iconlist li .img_box{
    overflow: hidden;
}
.index_flex_box .iconlist li .cityname {
    /*position: absolute;*/
    width: 100%;
    text-align: center;
    font-size: 16px;
    left: 0;
    bottom: 40px;
    /*color: #fff;*/
    margin-top: 6px;
    letter-spacing: 18px;
    padding-left: 18px;
    font-weight: 400;
}
.swiss .index_flex_box .iconlist li .cityname{
    letter-spacing: 0;
    padding-left:0;
}


.index_flex_box .iconlist li:hover img {
    transform: scale(1.05);
    transition: all 0.3s ease-in-out;
}
@media (max-width: 1700px) {
    .index_flex_box .iconlist li .cityname {
        letter-spacing: 16px;
        padding-left: 16px;
    }
}
@media (max-width-width: 1500px) {
    .index_flex_box .iconlist li .cityname {
        letter-spacing: 14px;
        padding-left: 14px;
    }
}
@media (max-width: 1300px) {
    .index_flex_box .iconlist li .cityname {
        letter-spacing: 12px;
        padding-left: 12px;
    }
}
@media (max-width: 1200px) {
    .index_flex_box .iconlist li .cityname {
        letter-spacing: 10px;
        padding-left: 10px;
    }
}


.index_flex_box .iconlist li:nth-child(7n) {
    margin-right: 0;
}
.index_flex_box img {
    width: 100%;
    /*height: 100%;*/
    object-fit: cover;
    transition: all 0.3s ease-in-out;
}
@media (max-width: 1300px) {
    .index_flex_box .iconlist {
        /*li {*/
        /* width:19%;*/
        /* margin-right:1%;*/
        /*
    }*/
        /*li:nth-child(5n) {*/
        /* margin-right:0;*/
        /*
    }*/

    }
    .index_flex_box .iconlist li:nth-child(7n) {
        margin-right: 1%;
    }
}
@media (max-width: 1024px) {
    .index_flex_box .iconlist {
      padding:0 20px;

    }
    .index_main .content {
        /*max-width:86% !important;*/

    }
}
@media (max-width: 950px) {
    .index_flex_box {
        margin-top: 50px;
    }
    .index_flex_box .iconlist {
        display: none;
    }
    .index_flex_box .icons_sw_box{
        padding: 0 20px;
    }
    .index_flex_box .icons_sw {
        display: block;
        margin-top: 50px;

    }
    .index_flex_box .icons_sw li {
        /*aspect-ratio: 2/3.5;*/
        width: auto;
        margin: 0;
        position: relative;
        overflow: hidden;

    }
    .index_flex_box .icons_sw li .cityname {
        width: 100%;
        text-align: center;
        font-size: 16px;
        left: 0;
        bottom: 30px;
        margin-top: 6px;
        font-family: swiss-light;
        font-weight: bold;
    }
    .Arial .index_flex_box .icons_sw li .cityname{
        letter-spacing: 5px;
        padding-left: 18px;
        padding-left: 0px;
    }
}
@media (max-width: 768px) {
    .index_flex_box .icons_sw li  img{
        aspect-ratio: 9/13;
    }
    .index_flex_box {
        margin-top:40px;
    }
    .index_flex_box .layout{
        width:100%;
        padding: 0 15px;
    }
    .index_flex_box .icons_sw_box{
        padding: 0 ;
    }
    .index_flex_box .icons_sw{
        margin-top: 30px;
    }
}
@media (max-width: 500px) {
    .index_flex_box {


    }
}
/**/
.index_menu_sw {
    width: 100%;
    /*height:878px;*/
    margin-top: 50px;
}
.index_menu_sw .food_sw {
    position: relative;
    margin-top: 55px;

}
.index_menu_sw .food_sw li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}
.index_menu_sw .food_sw li:nth-child(2n){
    flex-direction: row-reverse;
}
.index_menu_sw .food_sw li:nth-child(2n+1) .rightBox{
   padding-left:4%;
}
.index_menu_sw .food_sw li .leftBox{
    width:46%;
}
.index_menu_sw .food_sw li .rightBox{
    width:46%;
}


.index_menu_sw .food_sw .title {
    font-size: 30px;
    text-align: left;
    font-family: GT_Super_Display_R;
}
.index_menu_sw .food_sw .content {
    font-size: 14px;
    color: #141414;
    text-align: left;
    font-weight: 400;
    margin: 0;
    margin-top:12px;
}
.index_menu_sw .food_sw .content.nobr{
    display:none;
}
.Arial .index_menu_sw .food_sw .content{
    /*font-size:22px;*/
    font-family: syht;
    font-weight: 300;
}
.index_menu_sw .layout {
    padding: 0;
    background-color: #f0efeb;
    padding:55px 100px;
}
@media (max-width: 1024px) {
    .index_menu_sw .food_sw li .leftBox{
        width:48%;
    }
    .index_menu_sw .food_sw li .rightBox{
        width:48%;
    }
    .index_menu_sw .layout{
        padding:50px 20px;
    }
}
@media (max-width: 950px) {
    .index_menu_sw .food_sw li .leftBox{
        width:50%;
    }
    .index_menu_sw .food_sw li .rightBox{
        width:50%;
    }
    .index_menu_sw .layout{
        padding:50px 20px;
    }
}
@media (max-width: 768px) {
    .index_menu_sw .layout {
        padding:50px 15px;
        width:100%;
    }

}
.index_menu_sw .slider_swiper_buttons {
    width: 180px;
    text-align: center;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 50%;
    margin-left: -90px;
    bottom: 60px;
    z-index: 1;
}
.index_menu_sw .slider_swiper_buttons .swiper-button-previ {
    width: 54px;
    height: 41px;
    background: url("../homepage/next.png") no-repeat center top;
    background-size: 100%;
    cursor: pointer;
    transform: rotate(180deg);
}
.index_menu_sw .slider_swiper_buttons .swiper-button-previ.swiper-button-disabled {
    width: 66px;
    height: 66px;
    background: url("../homepage/prev.png") no-repeat center top;
    background-size: 100%;
    cursor: pointer;
    transform: rotate(0deg);
}
.index_menu_sw .slider_swiper_buttons .swiper-button-nexti {
    width: 54px;
    height: 41px;
    background: url("../homepage/next.png") no-repeat center top;
    background-size: 100%;
    cursor: pointer;
}
.index_menu_sw .slider_swiper_buttons .swiper-button-nexti.swiper-button-disabled {
    width: 66px;
    height: 66px;
    background: url("../homepage/prev.png") no-repeat center top;
    background-size: 100%;
    cursor: pointer;
    transform: rotate(180deg);
}
.index_menu_sw img {
    width: 100%;
}
@media (max-width: 500px) {
    .index_menu_sw img {
        aspect-ratio: 0.98;
        object-fit: cover;
    }
}

.swiper-button-previ:hover {
    opacity: 0.7;
}
.swiper-button-nexti:hover {
    opacity: 0.7;
}
@media (max-width: 1200px) {
    .index_menu_sw {
        margin-top: 90px;
    }
}
@media (max-width: 950px) {
    .index_menu_sw {
        margin-top: 60px;
    }
    .index_menu_sw .food_sw {
       margin-top:30px;
    }
    .index_menu_sw .food_sw .title {
        font-size: 22px;
    }
    .index_menu_sw .food_sw .content {
        font-size: 16px;
    }
    .index_menu_sw .slider_swiper_buttons {
        width: 108px;
        left: 50%;
        margin-left: -54px;
        bottom: 30px;
    }
    .index_menu_sw .slider_swiper_buttons .swiper-button-previ {
        width: 54px;
        height: 41px;
        background: url("../homepage/next-deep.png") no-repeat center top;
        background-size: 100%;
        cursor: pointer;
        transform: rotate(180deg);
    }
    .index_menu_sw .slider_swiper_buttons .swiper-button-previ.swiper-button-disabled {
        width: 41px;
        height: 41px;
        background: url("../homepage/prev-deep.png") no-repeat center top;
        background-size: 100%;
        cursor: pointer;
        transform: rotate(0deg);
    }
    .index_menu_sw .slider_swiper_buttons .swiper-button-nexti {
        width: 54px;
        height: 41px;
        background: url("../homepage/next-deep.png") no-repeat center top;
        background-size: 100%;
        cursor: pointer;
    }
    .index_menu_sw .slider_swiper_buttons .swiper-button-nexti.swiper-button-disabled {
        width: 41px;
        height: 41px;
        background: url("../homepage/prev-deep.png") no-repeat center top;
        background-size: 100%;
        cursor: pointer;
        transform: rotate(180deg);
    }
    .index_main .content.downbox{
        margin-top:10px;
    }
}
@media (max-width: 768px) {
    .index_menu_sw {
        margin-top: 40px;
    }
    .index_menu_sw .food_sw li{
        /*flex-direction: column !important;*/
        max-width: 100%;
    }
    .index_menu_sw .food_sw li .leftBox{
        width:100%;
    }
    .index_menu_sw .food_sw li .rightBox{
        width:100%;
        /*padding-left:4%;*/
        margin-top:0px;
    }
    .index_menu_sw .food_sw .title {
        font-size: 22px;
    }
    .index_menu_sw .food_sw .content {
        max-width: 96%;
        display:none;
    }
    .index_menu_sw .food_sw .content.nobr{
        display: block;
    }
}
@media (max-width: 500px) {
    .index_menu_sw .food_sw .title {
        font-size: 16px;
        white-space: nowrap;
    }
}
@media (max-width: 430px) {
    .index_menu_sw .food_sw .title {
        font-size: 16px;
    }
}
/**/
.index_main_person {
    margin-top: 75px;
}
.index_main_person .layout {
    padding: 0;
}
.index_main_person .person_sw {
    margin-top:24px;
    margin-bottom: 80px;
    position: relative;
}
.index_main_person .slider_swiper_buttons {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 108px;
    left: 50%;
    margin-left: -54px;
    bottom: 8%;
    z-index: 1;
}
.index_main_person .slider_swiper_buttons .swiper-button-previ {
    width: 44px;
    height: 33px;
    background: url("../homepage/next.png") no-repeat center top;
    background: url("../homepage/next-deep.png") no-repeat center top;
    background-size: 100%;
    cursor: pointer;
    transform: rotate(180deg);
}
.index_main_person .slider_swiper_buttons .swiper-button-previ.swiper-button-disabled {
    width: 41px;
    height: 41px;
    background: url("../homepage/prev.png") no-repeat center top;
    background-size: 100%;
    cursor: pointer;
    transform: rotate(0deg);
}
.index_main_person .slider_swiper_buttons .swiper-button-nexti {
    width: 44px;
    height: 33px;
    background: url("../homepage/next.png") no-repeat center top;
    background: url("../homepage/next-deep.png") no-repeat center top;
    background-size: 100%;
    cursor: pointer;
}
.index_main_person .slider_swiper_buttons .swiper-button-nexti.swiper-button-disabled {
    width: 41px;
    height: 41px;
    background: url("../homepage/prev.png") no-repeat center top;
    background-size: 100%;
    cursor: pointer;
    transform: rotate(180deg);
}
.index_main_person img {
    width: 100%;
}
@media (max-width: 1200px) {
    .index_main_person {
        margin-top: 90px;
    }
    .index_main_person .person_sw {
        /*padding-bottom: 140px;*/

    }
    .index_main_person .slider_swiper_buttons {
        /*bottom: 50px;*/
    }
}
@media (max-width: 950px) {
    .index_main_person {
        margin-top: 60px;
    }
    .index_main_person .person_sw {
        margin-bottom: 60px;
    }
    .index_main_person .slider_swiper_buttons {
        /*bottom: 30px;*/
        display:none;
    }
    .index_main_person .layout {
        width: 100%;
    }
}
@media (max-width: 768px) {
    .index_main_person {
        margin-top:30px;
    }
    .index_main_person .person_sw{
        margin-bottom: 40px;
    }
}
/**/
.banner .layout {
    padding: 0;
}
.banner img {
    width: 100%;
}
@media (max-width: 950px) {
    .banner .layout {
        width: 100%;
    }
}
/**/
.index_scene {
    padding-top: 110px;
    background-color: #f0efeb;
    padding-bottom: 80px;
}
.index_scene .layout {
    position: relative;
}
.index_scene .layout .content {
    margin: 30px auto 0;
}
.index_scene .layout .img_box {
    max-width: 1085px;
    margin-top: 100px;
    float: right;
}
.index_scene .layout .img_box img {
    width: 100%;
}
.index_scene .layout .bottom {
    width: 363px;
    margin-top: 200px;
    margin-left: 243px;
}
.index_scene .layout .bottom img {
    width: 100%;
}
.index_scene .layout .bottom.special {
    width: 469px;
    margin-top: 20px;
    margin-left: 606px;
}
@media (max-width: 1200px) {
    .index_scene {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .index_scene .layout .bottom {
        margin-top: 100px;
        margin-left: 100px;
    }
    .index_scene .layout .bottom.special {
        width: 469px;
        margin-top: 20px;
        margin-left: 466px;
    }
}
@media (max-width: 1100px) {
    .index_scene .layout .bottom {
        margin-top: 100px;
        margin-left: 0px;
    }
    .index_scene .layout .bottom.special {
        width: 469px;
        margin-top: 20px;
        margin-left: 366px;
    }
}
@media (max-width: 950px) {
    .index_scene_case {
        width: 100% !important;
        padding: 0;
    }
    .index_scene .layout .bottom {
        width: 260px;
        margin-top: 50px;
    }
    .index_scene .layout .bottom.special {
        width: 310px;
        margin-top: 20px;
        margin-left: 366px;
    }
}
@media (max-width: 768px) {
    .index_scene .layout .content {
        max-width: 100%;
    }
    .index_scene .layout .img_box {
        margin-top: 50px;
    }
    .index_scene .layout .bottom {
        width: 200px;
        margin-top: 50px;
    }
    .index_scene .layout .bottom.special {
        width: 200px;
        margin-left: 220px;
    }
}
@media (max-width: 500px) {
    .index_scene .layout .img_box {
        margin-top: 30px;
    }
    .index_scene .layout .bottom {
        float: left;
    }
    .index_scene .layout .bottom.special {
        float: right;
        margin-left: 0;
    }
}
/**/
.detail_main_sw{
    margin-top:75px;
}
.detail_main_sw .layout .title {
    font-size: 148px;
    color: #b9ab9c;
    margin-top: 180px;
    text-align: left;
    line-height: 1.2;
}
.detail_main_sw .line {
    width: 100%;
    height: 8px;
    background-color: #b9ab9c;
    margin-top: 106px;
}
.detail_main_sw .swiperbox {
    display: flex;
    margin-bottom: 75px;
    position: relative;
}
.detail_main_sw .swipers {
    width: 38%;
    position: relative;
    /*border-radius: 30px 30px 0 0;*/
    overflow: hidden;
}
.detail_main_sw .swipers .img_box{
    width:100%;
    height:100%;
}
.detail_main_sw .swipers img {
    width: 100%;
    height:100%;
    object-fit: cover;
}
.detail_main_sw .swipers .pc-img {
    display: block;
}
.detail_main_sw .swipers .web-img {
    display: none;
}
.detail_main_sw .flex-box {
    width: 62%;
    background-color: #f0efeb;
    padding: 34px 42px 37px 70px;
}
.detail_main_sw .lr {
    font-family: GT_Super_Display;
}
.Arial .detail_main_sw .lr{
    font-family: FlyFlowerSong;
}
.detail_main_sw .lr .txt-1 {
    color: #000;
    font-size: 17px;
    /*margin-top: 10px;*/
    letter-spacing:2px;
}
.detail_main.fan .detail_main_sw .lr .txt-1 {
    font-family:思源黑体;
}
.detail_main_sw .lr .txt-1 img{
    width:130px;
}
.detail_main_sw .lr .ename {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 26px;
    color: #010405;
    line-height: 1.1;
    margin-top: 10px;
    font-family: GT_Super_Display;

}
.detail_main.fan .detail_main_sw .lr .ename {
    font-family:思源黑体;
}

.Arial .detail_main_sw .lr .ename {
    display: flex;
    justify-content: flex-start;
    font-size: 28px;
    color: #010405;
    line-height: 1.1;
    margin-top: 10px;
    font-family: FlyFlowerSong;
    font-weight: bold;
}
.detail_main_sw .lr .ename span.room {
    margin-right:13px;
    font-weight: 600;
}

.Arial .detail_main_sw .lr .ename span.room{
    font-weight: 600;
}
.detail_main_sw .lr .ename img {
    height: 20px;
    margin-left: 10px;
}
.detail_main_sw .lr .address {
    /*color: #b9ab9c;*/
    font-size: 18px;
    margin-bottom:30px;
}
.detail_main_sw .lr .tel {
    color: #b9ab9c;
    font-size: 22px;
    font-family: syst;
}
.detail_main_sw .rr {
    position: relative;
}
.detail_main_sw .rr .c-title{
    font-size:15px;
    font-family:GT_Super_Display_R;
    display: flex;
    align-items: center;
    margin-bottom: 24px;

}
.Arial .detail_main_sw .rr .c-title{
    font-weight: 600;
    font-family: 思源黑体;
}
.detail_main_sw .rr .c-title div{
    margin-right:30px;
    border-bottom: 1px solid transparent;
    cursor: pointer;
    font-family: 思源黑体;
}
.detail_main_sw .rr .c-title div.on{
    border-bottom: 1px solid #000;
    color: #000;
}
.detail_main_sw .rr .content {
    font-size: 14px;
    text-align: left;
    color: #313333;
    display:none;
    min-height: 105px;
    font-family: FlyFlowerSong;
    font-family: 思源黑体;
}
.detail_main.fan .detail_main_sw .rr .content{
    font-family: syst;
}
.detail_main.en .detail_main_sw .rr .content {

    font-family: swiss-light;
}
.detail_main_sw .rr .content.on{
    display: block;
}
.detail_main_sw .rr .content span{
    font-size: 20px;
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: 400;
}
.detail_main_sw .rr .flex_box {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 15px;
    font-size: 16px;
    /*color: #b9ab9c;*/
    /*font-family: GT_Super_Display;*/
}
.detail_main_sw .rr .flex_box .c-title{
    margin-bottom:10px;
}
.detail_main_sw .rr .flex_box .option{
    /*display: flex;*/
    line-height: 1.3;
    flex-direction:column;
}
@media (max-width: 1700px) {
    .detail_main_sw .rr .flex_box .option{
      flex-direction: column;
    }
}

.detail_main_sw .rr .flex_box .option .tel a, 
.email a{
    border-bottom: 1px solid #000;
    display: block;
    margin-bottom: 2px;
}


.detail_main_sw .rr .flex_box .option .tel{
    padding: 0 20px 0 20px ;
    border-radius:8px;
    background: url(../homepage/tel.png) no-repeat 0px center;
    background-size:10px;
    font-size:12px;
    display: inline-block;
}
.detail_main_sw .rr .flex_box .option .email:nth-of-type(1){
    padding: 0 20px 0 20px ;
    border-radius:8px;
    background: url(../homepage/email.png) no-repeat left center;
    background-size:10px;
    margin-right: 10px;
    font-size:12px;
    display: inline-block;
    display: inline-block;
    height: 18px;
    float:left;
    clear:left;
}
.detail_main_sw .rr .flex_box .option .email{
    padding: 0 20px 0 20px ;
    border-radius:8px;
    background-size:10px;
    margin-right: 10px;
    font-size:12px;
    display: inline-block;
    float:left;
    clear:left;
}
.detail_main_sw .rr .flex_box .option .email a{
    text-transform: lowercase;
}
.detail_main_sw .rr .flex_box span{
   min-width:100px;
}
.detail_main_sw .rr .flex_box .more {
    text-align: center;
    height: 35px;
    background: #010405;
    border-radius: 12px;
    color: #FFFFFF;
    font-size: 16px;
    margin-left: 44px;
    border: 1px solid transparent;
    padding: 0 30px;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
}
.detail_main_sw .rr .flex_box .more a{
    line-height: 1;
    color: #FFFFFF;
}
.detail_main_sw .rr .flex_box .more:hover {
    background-color: transparent;
    border: 1px solid #b9ab9c;
    transition: all 0.3s ease-in-out;
}
.detail_main_sw .rr .flex_box .more:hover a {
    color: #b9ab9c;
}
.detail_main_sw .rr .flex_box .points{
   color:#b9ab9c;
    margin-top:4px;
}
.detail_main_sw .rr:before {
    width: 1px;
    height: 150px;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-color: #b9ab9c;
    display:none;
}
.detail_main_sw .slider_swiper_buttons {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 4%;
    z-index: 1;
    left:50%;
    margin-left:-54px;
}
.detail_main_sw .slider_swiper_buttons .swiper-button-previ {
    width: 54px;
    height: 41px;
    background: url("../homepage/next.png") no-repeat center top;
    background-size: 100%;
    cursor: pointer;
    transform: rotate(180deg);
}
.detail_main_sw .slider_swiper_buttons .swiper-button-previ.swiper-button-disabled {
    width: 66px;
    height: 66px;
    background: url("../homepage/prev.png") no-repeat center top;
    background-size: 100%;
    cursor: pointer;
    transform: rotate(0deg);
}
.detail_main_sw .slider_swiper_buttons .swiper-button-nexti {
    width: 54px;
    height: 41px;
    background: url("../homepage/next.png") no-repeat center top;
    background-size: 100%;
    cursor: pointer;
    transform: rotate(0deg);
}
.detail_main_sw .slider_swiper_buttons .swiper-button-nexti.swiper-button-disabled {
    width: 66px;
    height: 66px;
    background: url("../homepage/prev.png") no-repeat center top;
    background-size: 100%;
    cursor: pointer;
    transform: rotate(180deg);
}
.detail_main_sw .group {
    font-family: GT_Super_Display;
    position: absolute;
    left: 4%;
    bottom: 4%;
    display: none;
    z-index: 2;
}
.detail_main_sw .group .txt-1{
    margin-bottom: 3px;
    display: inline-flex;
    width:100px;
}
.detail_main_sw .group .txt-1 img{
    height: 15px;
    margin-left: 4px;
    width: auto;
}
.detail_main_sw .group .ename {
    font-size: 15px;
    color: #fff;
    line-height: 1.1;
}
.detail_main_sw .group .ename span {
    font-family: FlyFlowerSong;
    font-weight: bold;
    font-family: 思源黑体;
}
.detail_main_sw .group .ename span.room{
    margin-right:13px;
}

.detail_main_sw .group .address {
    color: #fff;
    font-size: 22px;
    margin-top: 20px;
}
@media (max-width: 375px){
    .detail_main_sw .group .txt-1 img{
        height: 13px;
    }
}
@media (max-width: 950px) {
    .detail_main_sw .rr .flex_box .option{
        flex-direction: column;
        display: flex;
        line-height: 20px;

    }
    .detail_main_sw .rr .flex_box .option .tel{
        border:none;
        background-color: transparent;
        border-radius: 0;
    }
    .detail_main_sw .rr .flex_box .option .tel a, 
    .email a{
        border-bottom: none;
    }
    
    .detail_main_sw .rr .flex_box .option .email{
        border:none;
        background-color: transparent;
        border-radius: 0;
        margin-top:0;
        margin-right:0;
    }
    .detail_main_sw .rr .flex_box .btn_group{
        text-align: center;
        margin-top: 30px;
    }
    .detail_main_sw .rr .flex_box .btn_group .more{
        float: none;
        margin-left:0;
        padding:0 50px;
    }
}

@media (max-width: 1600px) {
    .detail_main_sw .lr .ename {
        font-size: 32px;
    }
    .detail_main_sw .flex-box{
        padding:34px 42px 37px 42px;
    }
    .detail_main_sw .rr .flex_box span{
        min-width:70px;
    }
}
@media (max-width: 1200px) {

    .detail_main_sw .flex-box {
        padding: 34px 30px 37px 30px;
        font-size: 14px;
    }
    .detail_main_sw .layout .title {
        margin-top: 50px;
    }
    .detail_main_sw .lr .ename {
        font-size: 28px;
        display: flex;
        align-items: baseline;
    }
    .detail_main_sw .rr .flex-box .more {
        width: 156px;
    }
    .detail_main_sw .slider_swiper_buttons .swiper-button-previ {
        width: 54px;
        height: 41px;
    }
    .detail_main_sw .slider_swiper_buttons .swiper-button-previ.swiper-button-disabled {
        width: 41px;
        height: 41px;
    }
    .detail_main_sw .slider_swiper_buttons .swiper-button-nexti {
        width: 54px;
        height: 41px;
    }
    .detail_main_sw .slider_swiper_buttons .swiper-button-nexti.swiper-button-disabled {
        width: 41px;
        height: 41px;
    }
}

.ename-img{    
        /*display: flex;*/
        align-items: flex-start;
}

@media (max-width: 1000px) {
    .detail_main_sw .lr .ename {
        font-size: 26px;
    }
    .detail_main_sw .lr .address {
        font-size: 20px;
    }
}
@media (max-width: 1024px) {
    .detail_main_sw .slider_swiper_buttons{
        bottom: 8%;
        display:none;
    }
    .detail_main_sw .swiperbox{
        flex-direction: column;
    }
    .detail_main_sw .swipers{
        width:100%;
    }
    .detail_main_sw .flex-box{
        width:100%;
    }
    .detail_main_sw .layout .title {
        font-size: 100px;
        margin-top: 50px;
    }
    .detail_main_sw .swipers .pc-img {
        display: none;
    }
    .detail_main_sw .swipers .web-img {
        display: block;
    }
    .detail_main_sw .swipers img{
        height: auto;
        object-fit: contain;
    }
    .detail_main_sw .lr {
        width: 100%;
        display: none;
    }
    .detail_main_sw .lr .ename {
        font-size: 28px;
    }
    .detail_main_sw .rr {
        width: 100%;
        padding-left: 0;
        /*margin-top:20px;*/

    }
    .detail_main_sw .rr .flex_box {
        justify-content: space-between;
    }
    .detail_main_sw .rr .content {
        margin-top: 0;
    }
    .detail_main_sw .rr:before {
        display: none;
    }
    .detail_main_sw .group {
        display: block;
    }
}

.web-pc{
    display: none;
}

@media (max-width: 950px) {

    .web-pc{
        display: block;
    }

    .detail_main_sw{
        margin-top: 30px;
    }
    .detail_main_sw .rr .content{
        min-height:min-content;
    }
    .detail_main_sw .rr .flex_box{
        flex-direction: column;
        display: block;
        justify-content: space-between;
        padding: 0;
        align-items: flex-start;
    }
    .detail_main_sw .rr .flex_box .more{
        float: right;
    }
}
@media (max-width: 768px) {
    .detail_main_sw{
        margin-top: 0;
    }
    .detail_main_sw .line {
        margin-top: 50px;
    }
    .detail_main_sw .swiperbox {
        margin-bottom: 40px;
    }
    .detail_main_sw .layout .title {
        font-size: 50px;
        margin-top: 15px;
    }
    .detail_main_sw .flex-box {
        padding: 20px;
    }
    .detail_main_sw .rr {
        width: 100%;
        padding-left: 0;
        /*margin-top:20px;*/

    }
    .detail_main_sw .rr .flex_box {


    }
    .detail_main_sw .rr .flex_box .points{
        margin-right:30px;
    }

    .detail_main_sw .rr .flex_box .more {
        margin-left: 0;
    }
    .detail_main_sw .group .txt-1 {
        font-size: 20px;
    }
    .detail_main_sw .group .ename {
        color: #fff;
        line-height: 1.1;
    }
    .detail_main_sw .group .address {
        color: #fff;
        font-size: 20px;
        margin-top: 10px;
    }
    .detail_main_sw .group .tel {
        font-size: 22px;
    }
}
@media (max-width: 600px) {

    .detail_main_sw .flex-box {
        padding: 15px;
    }
    .detail_main_sw .rr {
        width: 100%;
        padding-left: 0;
        /*margin-top:20px;*/

    }
    .detail_main_sw .rr .flex_box .points{
        margin-right: 0;
    }
    .detail_main_sw .rr .flex_box {
        justify-content: space-between;
        padding: 0;
        font-size: 16px;
    }
    .detail_main_sw .rr .flex_box .more {
        margin-left: 0;
        font-size: 20px;
    }
    .detail_main_sw .group .txt-1 {
        font-size: 16px;
    }
    .detail_main_sw .group .ename {
        color: #fff;
        line-height: 1.1;
    }
    .detail_main_sw .group .address {
        color: #fff;
        font-size: 11px;
        margin-top: 6px;
    }
    .detail_main_sw .group .tel {
        font-size: 18px;
    }
}
/**/
.detail_main_side {
    background-color: #191919;
    padding: 150px 0 100px 0;
}
.detail_main_side .layout {
    padding: 0;
}
.detail_main_side .swiperbox {
    padding-bottom: 220px;
}
.detail_main_side .swipers {
    padding-bottom: 120px;
    padding-top: 50px;
}
.detail_main_side .slider_swiper_buttons {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 50%;
    margin-left: -54px;
    bottom: 0px;
    z-index: 1;
    /*.swiper-button-previ {*/
    /* width:89px;*/
    /* height: 66px;*/
    /* background: url("../detail/next.png") no-repeat center top;*/
    /* background-size:100%;*/
    /* cursor: pointer;*/
    /* transform: rotate(180deg);*/
    /*
}*/
    /*.swiper-button-nexti {*/
    /* width:89px;*/
    /* height: 66px;*/
    /* background: url("../detail/next.png") no-repeat center top;*/
    /* background-size:100%;*/
    /* cursor: pointer;*/
    /*
}*/

}
.detail_main_side .slider_swiper_buttons .swiper-button-previ {
    width: 54px;
    height: 41px;
    background: url("../detail/next.png") no-repeat center top;
    background-size: 100%;
    cursor: pointer;
    transform: rotate(180deg);
}
.detail_main_side .slider_swiper_buttons .swiper-button-nexti {
    width: 54px;
    height: 41px;
    background: url("../detail/next.png") no-repeat center top;
    background-size: 100%;
    cursor: pointer;
}
.detail_main_side img {
    width: 100%;
}
@media (max-width: 1200px) {
    .detail_main_side {
        padding: 100px 0 80px 0;
    }
}
@media (max-width: 950px) {
    .detail_main_side {
        padding: 100px 0 80px 0;
    }
    .detail_main_side .layout {
        width: 100%;
    }
    .detail_main_side .swipers {
        padding-bottom: 150px;
    }
    .detail_main_side .slider_swiper_buttons {
        margin-left: -48px;
    }
    .detail_main_side .slider_swiper_buttons .swiper-button-previ {
        width: 54px;
        height: 41px;
    }
    .detail_main_side .slider_swiper_buttons .swiper-button-nexti {
        width: 54px;
        height: 41px;
    }
}
@media (max-width: 768px) {
    .detail_main_side {
        padding: 100px 0 60px 0;
    }
    .detail_main_side .swipers {
        padding-bottom: 100px;
    }
}
.head_layer {
    height: 88px;
    background: rgba(28, 28, 28, 0.65);
}
.head_layer .layout {
    width:100%;
    padding: 0 90px 0 150px;
}
.head_layer .logo-zwj{
    max-width:100px;
    float: left;
    /*margin-left: 20px;*/
    margin-top: 24px;
}
@media (max-width: 950px) {
    .head_layer .logo-zwj{
        margin-top: 9px;
    }
}

.head_layer .logo-zwj .white{
   display: block;
}
.head_layer .logo-zwj .black{
    display: none;
}
.head_layer .reservation{
    /*background-color:#433537;*/
    line-height:30px;
    text-align: center;
    color:#fff;
    font-size: 16px;
    text-transform: capitalize;
    /*border:1px solid #fff;*/
    float: left;
    cursor: pointer;
    margin-left:40px;
    margin-top: 32px;
    margin-right:10px;
    display: inline-flex;
    align-items: flex-start;
    position: relative;
}
@media (max-width: 950px) {
    .head_layer .reservation{
        font-size: 13.33px;
        margin-top: 13px;
    }
}
@media (max-width: 768px) {
    .head_layer .reservation{
       margin-left:30px;
    }
    .head_layer .menus{
        margin-left:20px !important;
    }
}


.head_layer .reservation .menu-txt{
    border-bottom:3px solid transparent;
    line-height:1;
    font-family:swiss-light;
}

.head_layer .reservation .menu-txt a{
    color:#fff;
     -webkit-transition: none;
    -o-transition: none;
     transition: none;
}
@media (min-width: 950px) {
    .head_layer .reservation .menu-txt:hover{
        border-bottom:3px solid;
    }
    .web_head:hover .reservation .menu-txt a{
        color:#000;
    }
    .head_layer .reservation .menu-txt:hover a{
        color:#000;
    }
}


.head_layer .menus:hover .menubox{
    transform: scale3d(1, 1, 1);
    opacity: 1;
    visibility: visible;
}
.head_layer .menus{
    float: left;
    position: relative;
    cursor: pointer;
    padding-left:10px;
    z-index:1;
    margin-left: 30px;
    white-space: nowrap;
}
.head_layer .menus .menubox{
    position: absolute;
    /*width:124px;*/
    background-color:#000;
    left:10px;
    /*margin-left:-105px;*/
    top:25px;
    padding:10px 15px;
    text-align: left;
    opacity: 0;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    transform: scale3d(0.9, 0.9, 1);
}
.head_layer .pc_logo{
    display:none;
}
.head_layer .menus .menubox a span{
    color:#fff;
    font-size:13px;
    /*display: block;*/
    border-bottom:1px solid transparent;
}
.head_layer .menus .menubox a:hover span{
    border-bottom:1px solid #fff;
}
.head_layer .menus .menubox li{
    height:35px;
    line-height:35px;
    /*border-bottom:1px solid #fff;*/
}
.head_layer .menus .menubox li:last-child{
    border-bottom:none;
}
.head_layer .menus>span{
    display: block;
    position: relative;
    height:30px;
    width:16px;
}

.head_layer .menu::before{
    display: inline-block;
    content: "";
    width:16px;
    height:12px;
    background: url(https://www.theculinaryatelier.com/theculinaratelier/static/template/homepage/menus.png) no-repeat center center;
    background-size:100%;
    font-size: 0.25rem;
    /*padding: 0px 0.125rem;*/
    font-family: MiIcons;
    color:#fff;
    -webkit-font-smoothing: antialiased;
    line-height: inherit;
    /*margin-top:5px;*/
    margin-top: 1px;
    position: absolute;
    top:0px;
    left:0px;

}
@media (max-width: 950px) {
    .head_layer .menu::before{
        width:12px;
    }
}
@media (min-width: 950px) {
    .web_head:hover .menu::before{
        background: url(https://www.theculinaryatelier.com/theculinaratelier/static/template/homepage/menus-black.png) no-repeat center top;
        background-size:100%;
    }
    .web_head:hover .reservation{
        color: #000;
    }
}

.web_head:hover  .change-language a {
    /*color:#000;*/
}
.copy_right .layout {
    width: 100% !important;
    padding-left:150px;
    padding-right: 16px;
}
.copy_right .layout.flex-box{
    padding-right: 220px;
    padding-left: 220px;

}
.swiss .copy_right .layout.flex-box{
    display:none;
}
.copy_right .layout.flex-box.special{
    display:flex;
}
@media only screen and (max-width: 1700px) {
    /*.index_main .copy_right .flex-box .item:last-child{*/
    /*    margin-right:70px;*/
    /*}*/
    .copy_right .layout.flex-box{
        padding-right: 150px;
        padding-left: 150px;
    }
    .index_main .copy_right .flex-box .item{
        font-size:16px;
    }
}
@media only screen and (max-width: 1600px) {
    /*.index_main .copy_right .flex-box .item:last-child{*/
    /*    margin-right:66px;*/
    /*}*/
    .copy_right .layout.flex-box{
        padding-right: 140px;
        padding-left: 140px;
    }
}
@media only screen and (max-width: 1500px) {
    /*.index_main .copy_right .flex-box .item:last-child{*/
    /*    margin-right:58px;*/
    /*}*/
    .copy_right .layout.flex-box{
        padding-right: 130px;
        padding-left: 130px;
    }
}
@media only screen and (max-width: 1400px) {
    /*.index_main .copy_right .flex-box .item:last-child{*/
    /*    margin-right:48px;*/
    /*}*/
    .copy_right .layout.flex-box{
        padding-right: 120px;
        padding-left: 120px;
    }
}
@media only screen and (max-width: 1300px) {
    /*.index_main .copy_right .flex-box .item:last-child{*/
    /*    margin-right:38px;*/
    /*}*/
    .copy_right .layout.flex-box{
        padding-right: 110px;
        padding-left: 110px;
    }
}
@media only screen and (max-width: 1200px) {
    /*.index_main .copy_right .flex-box .item:last-child{*/
    /*    margin-right:38px;*/
    /*}*/
    .copy_right .layout.flex-box{
        padding-right: 90px;
        padding-left: 90px;
    }
}
@media only screen and (max-width: 1100px) {
    /*.index_main .copy_right .flex-box .item:last-child{*/
    /*    margin-right:38px;*/
    /*}*/
    .copy_right .layout.flex-box{
        padding-right: 70px;
        padding-left: 70px;
    }
    .index_main .copy_right .flex-box .item{
        font-size: 14px;
    }
}
@media only screen and (max-width: 1000px) {
    /*.index_main .copy_right .flex-box .item:last-child{*/
    /*    margin-right:38px;*/
    /*}*/
    .copy_right .layout.flex-box{
        padding-right: 50px;
        padding-left: 50px;
    }
}
@media only screen and (max-width: 950px) {
    .index_main .copy_right .flex-box .item{
        font-size:12px;
    }
    .copy_right .layout.column .content{
        font-size: 16px;
    }
    .swiss .copy_right .layout.flex-box{
        display: flex;
    }
    .swiss .copy_right .layout.flex-box.special{
      display: none;
    }
}
@media only screen and (max-width: 768px) {
    .index_main .copy_right .flex-box .item{
        font-size:10x;
    }
    .copy_right .layout.column .content{
        font-size: 14px;
    }
    .copy_right .layout.flex-box{
        padding:0 30px;
    }
}
@media only screen and (max-width: 660px) {
    .index_main .copy_right .flex-box .item{
        font-size:10px;
        line-height: 14px;
    }
    .copy_right .layout.flex-box{
        padding:0 15px;
    }
    .layout.flex-box .line {
        height: 12px !important;
    }
}
@media only screen and (max-width: 500px) {
    .index_main .copy_right .flex-box .item{
        font-size:8px;
        line-height: 12px;
    }
    .layout.flex-box .line{
        height:10px !important;
    }
}
.copy_right .layout .foot_logo {
    /*height:39px;*/
    padding-left: 0;
}
.copy_right_foot {
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    color: #fff;
    background: #000;
    padding: 35px 0 35px;
}
.copy_right_foot .foot {
    /*border-top: 1px solid #fff;*/
    text-align: left;
    /*padding-top: 20px;*/
    font-family: swiss-light;
}
.detail_main .copy_right_foot .foot{
    border:none;
}
.copy_right_foot .foot_title {
    display: flex;
    align-items: center;
    justify-items: flex-start;
    margin-bottom: 50px;
}
.copy_right_foot .foot_title a{
    margin-left: 40px;
}
@media (max-width: 1100px) {
    .home_app_swiper .swiper-button-next, .home_app_swiper .swiper-button-prev {
        top: -9%;
    }
}
@media (max-width: 1200px) {

    .home_app_swiper .swiper-slide.swiper-slide-active .info .txts .p1 {
        font-size: 16px;
        color: #333;
        line-height: 21px;
        margin: 0;
    }
    .home_app_swiper .swiper-slide .info .txts .p1 {
        font-size: 16px;
        color: #333;
        line-height: 21px;
        /* margin: 20px 0;*/
        height: 84px;
    }
    .home_app_swiper .swiper-slide .info .date {
        font-size: 20px !important;
        color: #666;
    }
    .btn {
        font-size: 16px;
    }
    .flex-box .title {
        font-size: 24px;
    }
    .iconlist li {
        font-size: 20px;
    }
    .bgwhite.flex-box .blank .atxt {
        font-size: 40px;
    }
    .bgwhite.flex-box .blank .atxt.small {
        font-size: 25px;
    }
}
@media (max-width: 950px) {
    .copy_right_foot{
        padding: 20px 0;
    }
    .copy_right_foot .foot{
        font-size:12px;
    }
    .head_layer .menus .menubox{
        display:none;
    }
    .copy_right .layout:first-child {
        padding: 0;
        flex-direction: column !important;
    }
    .copy_right .main-logo{
        width:100%;
        justify-content: center;
        max-width:100%;
    }
    .flex-box {
        /*flex-direction: column !important;*/
    }
    .btn {
        width: 414px;
        text-align: center;
        margin-top: 20px;
    }
    .flex-box .title {
        margin-top: 20px;
    }
    .home_about .lr {
        width: 100%;
        padding-bottom: 30px;
    }
    .home_about .rr {
        width: 100%;
    }
    .bgwhite {
        height: auto;
        background: transparent;
    }
    .home_about .bgwhite .video_bg {
        width: 100%;
    }
    .home_about .bgwhite .ro {
        width: 100%;
    }
    .home_news {
        margin-top: 30px;
    }
    .iconlist {
        margin-bottom: 30px;
    }
    .news_banner {
        display: none;
    }
    .news_banner.web {
        display: block;
    }
    .news_banner.web .group {
        margin-top: 30px;
    }
    .news_banner .flex-title {
        border-bottom: 2px solid #182E59;
        font-size: 30px;
        padding-bottom: 10px;
        width: 90%;
    }
}
@media (max-width: 768px) {
    .btn {
        width: 90%;
        text-align: center;
        margin-top: 20px;
        padding: 0px 0px;
    }
    .flex-box .title {
        margin-top: 20px;
    }
    .home_about .bgtext {
        font-size: 26px;
    }
    .home_about .bgwhite .ro .p1 {
        font-size: 24px;
        margin-top: 20px;
        margin-bottom: 0px;
        line-height: 24px;
    }
    .home_about .layout.special {
        background-color: #FAFAFA;
        padding-top: 35px;
        padding-bottom: 10px;
    }
    .news_banner.web .group .newtext .date {
        width: 75px;
        height: 75px;
        font-size: 18px;
    }
    .news_banner.web .group .newtext .p2 {
        display: none;
    }
    .news_banner.web .group {
        margin-top: 15px;
    }
    .news_banner .flex-title {
        border-bottom: 2px solid #182E59;
        font-size: 24px;
        padding-top: 20px;
    }
    .home_about .bgtext:after {
        font-size: 200px;
    }
}
@media (max-width: 414px) {
    .home_about .bgtext:after {
        font-size: 135px;
    }
}
/**/
.model .box {
    width: 305px;
    height: 144px;
    position: absolute;
    left: 50%;
    margin-left: -152px;
    top: 50%;
    margin-top: -72px;
    background-color: #fff;
    border-radius: 10px;
    text-align: center;
}
.model.model2 .box{    
    margin-top: -180px;
    padding: 10px 45px;
    background: #fff;
    height: auto;
    padding-bottom: 50px;
}
.model .box .title {
    font-size: 20px;
    font-family: GT_Super_Display_R;
    margin-top: 30px;
}
.model .box .tel {
    font-family: syst;
    color: #6C5746;
    font-size: 20px;
    margin-top: 10px;
}
.model .box .close {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../homepage/gb.png) no-repeat center center;
    background-size: 50%;
    cursor: pointer;
}
.model .m-txt{
    text-align: center;
    width:100%;
    left:0;
    font-size: 20px;
    font-family: GT_Super_Display;
    margin-top: 18px;
    margin-bottom: 23px;
}
.Arial .model .m-txt{
    font-family: FlyFlowerSong;
}
/* .model2 .box .close {
    background: none;
} */
/*@media (max-width: 950px) {*/
/*    .model .box .close {*/
/*        width: 50px;*/
/*        height: 50px;*/
/*        position: absolute;*/
/*        left: 50%;*/
/*        margin-left: -25px;*/
/*        top: auto;*/
/*        bottom: -70px;*/
/*        background: url(../homepage/close.png) no-repeat center center;*/
/*        background-size: 50%;*/
/*    }*/
/*}*/
.web_en{
    float: right;
    display: inline-block;
    position: relative;
    text-align: left;
    vertical-align: middle;
    line-height: 40px;
    float: right;
    margin-top: 8px;
    margin-left: 25px;
    margin-right:20px;
}
.web_en a{
    color:#fff;
}
.web_en a:hover{
    color:#fff;
}
.menus_box{
    position: fixed;
    width:100%;
    height:100%;
    background-color:#fff;
    left:0;
    top:0;
    z-index:100000;
    padding:0 15px;
    display:none;
    font-family: syht;
}
.menus_box .box{
    border-top: 1px solid #D8D8D8;
    margin-top:60px;

}
.menus_box .box>div{
    line-height: 40px;
    font-size: 14px;
    border-bottom: 1px solid #D8D8D8;
    position: relative;
}
.menus_box  .close{
    width:40px;
    height:40px;
    position: absolute;
    background: url(../homepage/gb.png) no-repeat center center;
    background-size:50%;
    top:20px;
    left:12px;
}
.menus_box .box>div:after{
    content: "";
    width:40px;
    height:40px;
    background: url(../homepage/right.png) no-repeat center center;
    background-size:20%;
    position: absolute;
    right:0;
    top:0;
}
.menus_box .box>div a{
    display: block;
}
.menus_box .box>div a.english{
    font-family: swiss-light;
}


/**/
@media (max-width: 768px){
    .brand-logo-EB::before, .brand-logo-eb::before {
        font-size: 0.095rem !important;
    }
    .copy_right .layout .brand-logo-RZ img{
        max-width: 70px;
    }
    .brand-logo-XR::before, .brand-logo-xr::before{
        font-size: 0.23rem !important;
    }
    .copy_right .layout .brand-logo-WH img{
        max-width:18px;
    }
    .brand-logo-LC::before, .nRhYr .brand-logo-lc::before{
        font-size: 0.20rem !important;
    }
    .brand-logo-JW::before, .brand-logo-jw::before{
        font-size: 0.20rem !important;
    }
}