@charset "UTF-8";

/* ==================== tags ==================== */
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    height: 100%;
    background-color: transparent;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    line-height: 1.6;
}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 40px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

p {
    font-size: 16px;
    line-height: 1.75;
}

a,
a:link,
a:visited,
a:hover {
    text-decoration: none !important;
    color: inherit;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.pc {
    display: block;
}

.mobile {
    display: none;
}

.container {
    width: 100%;
    max-width: 1220px;
    margin: 0 auto;
}

.txt1 {
    color: #333;
    font-size: 24px;
    line-height: 35px;
    text-align: center;
}

/* banner */
#banner {
    position: relative;
    background: url("/solution/catering_new/images/bannerbg.jpg") no-repeat center center;
    height: 500px;
    background-size: cover;
    overflow: hidden;
}

#banner .fl {
    margin-top: 115px;
}


.btn {
    position: relative;
    width: 220px;
    cursor: pointer;
    margin-top: 62px;
    margin-left: 20px;
    height: 40px;
    background: #c42f21;
    border-radius: 6px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    border: none;
}

.btn:hover {
    background: #f2272c;
}

.btn p {
    display: block;
    position: relative;
    color: #fff;
    font-size: 18px;
    /* line-height: 48px; */
    outline: none;
}

/*.btn:hover{*/
/*    border: none;*/
/*    background: #0090ff;*/
/*}*/



.titlss {
    float: right;
    width: 380px;
    height: 350px;
    background: #fff;
    box-shadow: 0 0 20px 2px rgba(153, 153, 153, .5);
    margin-top: 80px;
    margin-right: 50px;
    opacity: .95;
}

.titlss .tith3 {
    font-size: 24px !important;
    color: #000;
    font-weight: bold;
    padding-top: 10px;
    /*padding-left: 40px;*/
    text-align: center !important;
}

#titlsses {
    margin-left: 40px;
    padding-bottom: 30px;
}

#titlsses .outline {
    position: relative;
    width: 300px;
    height: 40px;
    line-height: 40px;

}

.titlss .inputTitle {
    position: absolute;
    top: 16px;
    left: 10px;
    z-index: -1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    color: #333;
}

.titlss input {
    display: block;
    width: 100%;
    padding: 24px 0 4px 18px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #d6d6d6;
    font-size: 18px;
    font-family: Arial, "微软雅黑";
}

.titlss #submit_a {
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    padding: 9px 48px;
    margin: 0 auto;
    line-height: 1.5;
    display: block;
    background: linear-gradient(to right, #ffb252 0%, #f18541 100%);
    border: none;
    border-radius: 6px;
    width: 300px;
}

.titlss #submit_a:hover {
    /* background-color: #24a3ff;
    color: #fff; */
}


.inputTitle {
    margin-bottom: 4px;
    font-size: 20px;
}

.inputTitle .requiredHint {
    margin-right: 4px;
    color: #fe5757;
}

.inputTitle .fillHint {
    color: #888;
    font-size: 14px;
}

.inputTitle .fa {
    display: none;
    margin-left: 4px;
    color: #ffa800;
    font-size: 14px;
}

.titlss.noInput .inputTitle .fa {
    display: inline-block;
}

.consult-cont {
    margin-top: 30px;
}

.consult-cont #contact-query {
    display: block;
    width: 100%;
    padding: 10px;
    border: 1px solid #d6d6d6;
    font-size: 16px;
    font-family: Arial, "微软雅黑";
    line-height: 27px;
}

.consult-cont .wordNum {
    font-size: 14px;
    margin: 0 0 0 10px;
}

.titlss .outline {
    position: relative;
    margin-bottom: 10px;
}



.titlss .inputTitle.focus {
    top: 0;
    font-size: 16px;
    color: #3798e4;
}

.titlss .inputTitle.focus .requiredHint {
    color: #3798e4;
}


.titlss input:focus {
    outline: none;
}

.titlss input.noInput+.inputTitle .fa {
    display: inline-block;
}


#sect1 {
    position: relative;
    background: url("/solution/catering_new/images/s1bg.jpg") no-repeat center center;
    height: 730px;
    background-size: cover;
    margin: 0 auto;
    overflow: hidden;
}

#sect1 h2 {
    color: #000000;
    padding-top: 75px;
    padding-bottom: 30px;
    text-align: center;
}

.m1 {
    height: 385px;
    background: url("/solution/catering_new/images/s1.png") no-repeat center center;
    background-size: cover;
}

#sect1 .b_group,
#sect3 .b_group,
#sect4 .b_group {
    margin: 0 auto;
    margin-top: 38px;
    text-align: center;
}

#sect1 .btn,
#sect3 .btn,
#sect4 .btn {
    width: 260px;
    /* height: 60px; */
    margin: 0 auto;
    /* border-radius: 10px; */
    /* border: 2px solid #c42f21; */
}

#sect1 .btn p,
#sect3 .btn p,
#sect4 .btn p {
    color: #fff;
}

#sect2 {
    position: relative;
    margin: 0 auto;
    background: #942427;
    overflow: hidden;
}

#sect2 h2 {
    color: #fff;
    padding-top: 75px;
    padding-bottom: 30px;
    text-align: center;
}

.s2 {
    position: relative;
    background: url("/solution/catering_new/images/s2.jpg") no-repeat center center;
    height: 156px;
    background-size: cover;
    margin: 0 auto;
    overflow: hidden;
}

.s2 .fl>img {
    margin-left: 114px;
    margin-top: 48px;
}

.s2 .fr>p {
    display: inline-block;
    width: 620px;
    color: #f4a59d;
    font-size: 20px;
    padding-top: 25px;
    margin-right: 153px;
}

.f1 {
    margin-top: 60px;
    margin-bottom: 40px;
    overflow: hidden;
}

.line1 {
    width: 700px;
    border-bottom: 1px solid #f4a59d;
    margin-top: 15px;
    margin-bottom: 10px;
}

.f1 .fr {
    margin-right: 70px;
}

.f1 ul li {
    color: #fff;
    position: relative;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    margin-bottom: 12px;
    overflow: hidden;
}

.p_t {
    display: inline-block;
    width: 110px;
    height: 30px;
    line-height: 30px;
    background: #f2272c;
    color: #fff8c9;
    text-align: center;
    font-size: 16px;
}

.p_t1 {
    display: inline-block;
    width: 590px;
    line-height: 1.6;
    padding-left: 7px;
}

.f1 ul li:nth-of-type(2) .p_t1 {
    display: inline-block;
    width: 590px;
    line-height: 1.6;
    position: absolute;
    left: 113px;
}

.f2 {
    width: 100%;
    height: auto;
    background: #6a1416;
    border: 2px solid #410405;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 90px;
}

.f2 h3 {
    display: block;
    height: 60px;
    line-height: 60px;
    color: #f2272c;
    background: #410405;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.f2 ul {
    margin: 0 10px;
}

.f2 ul li {
    float: left;
    width: 275px;
    margin: 0 9px;
}

.f2 ul li h4 {
    display: block;
    height: 73px;
    font-size: 16px;
    color: #ffc864;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
}

.f2 p {
    display: block;
    height: 50px;
    line-height: 50px;
    width: 240px;
    color: #fff;
    border-radius: 10px;
    border: 1px solid #410405;
    background: #ae1e21;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 40px;
    cursor: pointer;
}

.f2 p:hover {
    background: #f2272c;
}

#sect3 {
    background: #fff0eb;
    margin: 0 auto;
    overflow: hidden;
}

#sect3 h2 {
    color: #000;
    padding-top: 75px;
    padding-bottom: 30px;
    text-align: center;
}

.s3 {
    position: relative !important;
    height: 545px;
    margin: 0 auto;
    overflow: hidden;
}

.sw ul {
    margin: 0 auto;
    overflow: hidden;
}

.sw ul li {
    float: left;
    width: 297px;
    height: 90px;
    margin-right: 4px;
    cursor: pointer;
}

.sw ul li:last-child {
    margin-right: 0;
}

.slide {
    height: 80px;
    background: #ffc864;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-top: 10px;
}

.slide h1 {
    display: inline-block;
    color: #fff;
    font-weight: bold;
    font-size: 40px;
    height: 80px;
    line-height: 80px;
    margin-left: 65px;
}

#s2 .slide h1 {
    margin-left: 28px;
}

#s2 .slide .s3_t {
    line-height: 80px;
    padding-top: 0;
    margin-right: 22px;
}

#s3 .slide h1 {
    margin-left: 76px;
}

#s3 .slide .s3_t {
    margin-right: 76px;
}

#s4 .slide h1 {
    margin-left: 94px;
}

#s4 .slide .s3_t {
    margin-right: 80px;
}

.slide .s3_t {
    font-size: 20px;
    line-height: 1.5;
    display: inline-block;
    color: #fff;
    margin-right: 45px;
    padding-top: 10px;
}

.selected {
    height: 90px;
    background: #efb140;
    margin-top: 0;
}

.selected h1 {
    line-height: 90px;
}

.selected .s3_t {
    padding-top: 15px;
}

#s2 .selected h1 {
    line-height: 90px;
}

#s2 .selected .s3_t {
    padding-top: 0;
    line-height: 90px;
}

.sw1 {
    background: #fff;
    height: 450px;
    width: 100%;
    margin-top: 5px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    overflow: hidden;
    text-align: center;
}

.sw1 .swiper-slide:first-child {
    background: url("/solution/catering_new/images/s3-1.png") no-repeat center center;
}

.sw1 .swiper-slide:nth-of-type(2) {
    background: url("/solution/catering_new/images/s3-2.png") no-repeat center center;
}

.sw1 .swiper-slide:nth-of-type(3) {
    background: url("/solution/catering_new/images/s3-3.png") no-repeat center center;
}

.sw1 .swiper-slide:nth-of-type(4) {
    background: url("/solution/catering_new/images/s3-4.png") no-repeat center center;
}

.sw1 p {
    text-align: center;
    padding: 25px 0;
}

.sw1 img {
    margin: 0 auto;

}

.sw1 .swiper-button-next,
.sw1 .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    z-index: 10;
    cursor: pointer;
    background-size: 30px 30px;
    background-position: center;
    background-repeat: no-repeat;
}

.sw1 .swiper-button-prev,
.sw1 .swiper-container-rtl .swiper-button-next {
    background: url("/solution/catering_new/images/lf.png");
    left: 10px;
    right: auto;
}

.sw1 .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background: url("/solution/catering_new/images/rt.png");
    right: 10px;
    left: auto;
}

.sw1 .swiper-button-next.swiper-button-disabled,
.sw1 .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    cursor: auto;
    pointer-events: none;
}

#sect3 .b_group {
    margin-bottom: 80px;
}

#sect3 .btn {
    margin: 0 35px;
}


#sect4 {
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
}

#sect4 h2 {
    color: #000;
    padding-top: 75px;
    padding-bottom: 30px;
    text-align: center;
}

#sect4 img {
    margin: 0 auto !important;
}

#sect4 .b_group {
    margin-top: 70px;
    margin-bottom: 80px;
}

#des {
    background: #f06400 !important;
}

.f_y7 {
    background: #7c3c32 !important;
}

.f_yBtn {
    background: #b65019 !important;
    border: 2px solid #7c3c32 !important;
}

@media (max-width:768px) {
    .pc {
        display: none;
    }

    .mobile {
        display: block;
    }

    h1 {
        font-size: 36px;
    }

    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 22px;
    }

    h4 {
        font-size: 18px;
    }

    p {
        font-size: 16px;
        line-height: 1.75;
    }

    .txt1 {
        padding: 0 5%;
        font-size: 20px;
        text-align: justify;
    }

    .pc {
        display: none;
    }

    .mobile {
        display: block;
    }

    h1 {
        font-size: 36px;
    }

    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 22px;
    }

    h4 {
        font-size: 18px;
    }

    p {
        font-size: 16px;
        line-height: 1.75;
    }

    .txt1 {
        padding: 0 5%;
        font-size: 20px;
        text-align: justify;
    }

    #banner {
        /*height: auto !important;*/
        background: url("/solution/catering_new/images/bannerbg_m.jpg") no-repeat center center;
        background-size: cover;
        overflow: hidden;
    }

    #banner .fl {
        float: none;
        padding: 0 8%;
    }

    .b_group {
        text-align: center;
    }

    #sect1 {
        background: #ededed;
        height: auto;
        overflow: hidden;
    }

    #sect1 .s1m ul {
        margin: 0 auto;
        overflow: hidden;
    }

    .s1m ul li {
        width: 90%;
        height: 369px;
        border-radius: 10px;
        margin: 0 auto;
        margin-bottom: 2%;
        box-shadow: 1px 1px 1px rgba(178, 178, 178, .14);
        overflow: hidden;
    }

    .s1m ul li h3 {
        text-align: center;
        font-size: 18px;
        padding-top: 15px;
        padding-bottom: 10px;
    }

    .s1m ul li img {
        padding: 0 5%;
    }

    .s1m ul li p {
        text-align: center;
        padding-top: 10px;
    }

    #sect1 .b_group {
        margin-bottom: 10%;
    }

    #sect2 {
        background: #942427;
        height: auto;
        overflow: hidden;
    }

    .sm {
        width: 90%;
        background: #6a1416;
        border: 2px solid #410405;
        border-radius: 10px;
        margin: 0 auto;
        margin-bottom: 8%;
        padding: 0 5%;
    }

    .sm h3 {
        display: block;
        font-size: 18px;
        width: 100%;
        height: 33px;
        line-height: 33px;
        color: #f2272c;
        background: #410405;
        text-align: center;
        margin: 0 auto;
        padding: 0 2%;
        margin-top: 10%;
        margin-bottom: 5%;
    }

    .sm ul {
        margin: 0 auto;
        overflow: hidden;
    }

    .sm ul li {
        background: #ae1e21;
        height: auto;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        overflow: hidden;
        margin-bottom: 19px;
    }

    .sm ul li p {
        padding: 14px 20px;
        color: #fff;
    }

    .sm ul li a {
        display: block;
        height: 23px;
        line-height: 23px;
        width: 68px;
        background: #ffc864;
        border: 1px solid #fff;
        color: #ae1e21;
        margin: 16px auto;
        margin-right: 10px;
        border-radius: 10px;
        text-align: center;
    }

    #sect3 {
        background: #f8eedd;
        height: auto;
    }

    #sect3 .sm3 ul li {
        margin-bottom: 1px;
    }

    .list_m {
        position: relative;
        width: 90%;
        height: 40px;
        background: #ffc864;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        margin: 0 auto;
    }

    .list_m h3 {
        display: block;
        width: 16%;
        line-height: 40px;
        color: #fff;
        text-align: center;
    }

    .list_m .h3tit {
        width: 70%;
        line-height: 40px;
        color: #fff;
    }

    .list_m .s3m {
        position: relative;
        margin-top: 10px;
        margin-right: 25px;
    }

    .list_m .s3m:after {
        content: '';
        display: block;
        width: 14px;
        height: 14px;
        border-right: 1px solid #fff;
        border-top: 1px solid #fff;
        -webkit-transform: rotate(135deg);
        /*箭头方向可以自由切换角度*/
        transform: rotate(135deg);
    }

    .list_n {
        width: 90%;
        height: auto;
        margin: 0 auto;
        background: #fff;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        overflow: hidden;
    }

    .list_n>p {
        padding: 3%;
        text-align: justify;
        color: #585858;
        /*font-size: 16px;*/
    }

    #sect3 .b_group :last-child button {
        margin-top: 5%;
        background: #c42f21;
    }

    #sect3 .b_group :last-child .btn p {
        color: #fff;
    }

    #sect3 .btn,
    #sect4 .btn {
        width: 90%;
        height: 60px;
        margin: 0 auto;
        border-radius: 10px;
        border: 2px solid #c42f21;
    }

    #sect4 {
        background: #efeded;
        height: auto;
    }

    .sm4 {
        width: 90%;
        background: #fff;
        border-radius: 10px;
        margin: 0 auto;
        margin-top: 60px;
        margin-bottom: 8%;
        overflow: hidden;
    }

    .sm4 h2 {
        color: #000;
        padding-top: 30px !important;
        padding-bottom: 10px !important;
        text-align: center;
    }

    .sm4 hr {
        width: 90%;
    }

    .sm4 img {
        padding: 5%;
    }

    .sm4 .b_group {
        margin-top: 5% !important;
        margin-bottom: 5% !important;
    }
}



@media screen and (min-width: 992px) and (max-width:1380px) {

    .restaurant {
        zoom: .86;

    }

}





#sect-guide {
    background: url("../images/sg-bg.jpg") no-repeat top center;
    background-size: cover;
    height: 655px;
    padding-top: 70px;

}


#sect-guide .sect-title {
    color: #fff;
    text-align: center;
    margin-bottom: 50px;
}

#sect-guide .sect-title br {
    display: none;
}

#sect-guide .sect-title h2 {
    font-size: 40px;
    color: #fff;
}

#sect-guide .sect-title p {
    font-size: 24px;
    color: #fff;
}

#sect-guide .act-pic {
    max-width: 100%;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block;

}


#sect-guide .act-btn {
    color: #fff;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    margin-top: 50px;
    font-size: 18px;
    border-radius: 6px;
    padding: 0.6em;
    letter-spacing: 2px;
    background: linear-gradient(to right, #ff7342 0%, #ff4448 100%);
    line-height: 1;
}

#sect-guide .act-btn:hover {
    background: linear-gradient(to right, #f35f2d 0%, #f63338 100%);
}

@media screen and (max-width: 768px) {



    #sect-guide {
        background: url("../images/sg-bg-m.jpg") no-repeat top center;
        background-size: cover;
        height: auto;
        padding-top: 50px;
        padding-bottom: 60px
    }


    #sect-guide .sect-title {
        margin-bottom: 50px;
    }

    #sect-guide .sect-title br {
        display: block;
    }

    #sect-guide .sect-title h2 {
        font-size: 24px;
    }

    #sect-guide .sect-title p {
        font-size: 18px;
    }

    #sect-guide .act-btn {

        width: 80%;
        margin-top: 50px;
        font-size: 16px;
    }


}