@charset "utf-8";

* {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



html,

body {

    width: 100%;

    height: 100%;

    background: transparent;

}

a {

    transition: all 0.3s;

}

a:link,

a:visited {

    text-decoration: none;

    outline: none;

    color: initial;

}

a:hover {

    color: #652177;

}

h1,

h2,

h3,

h4,

h5,

h6 {

    font-weight: normal;

    line-height: 1.4;

}



h1 {

    font-size: 48px;

}



h2 {

    font-size: 40px;

}



h3 {

    font-size: 24px;

}

h4 {

    font-size: 20px;

}

p {

    font-size: 16px;

    line-height: 1.75;

}



.container {

    width: 100%;

    max-width: 1220px;

    margin: 0 auto;

    overflow: hidden;

}



.fl {

    float: left;

}

.fr {

    float: right;

}

.pc {

    display: block;

}

.mobile {

    display: none;

}

.txt1 {

    color: #333;

    font-size: 20px;

    line-height: 35px;

}

/*banner*/



#banner {

    position: relative;

    height: 502px;

    background: url("/solution/GroupMeal/images/bannerbg.png") no-repeat center center;

    background-size: cover;

    text-align: center;

    overflow: hidden;

}

#banner .tit_img {

    margin-top: 150px;

    /*margin-left: 130px;*/

    overflow: hidden;

}

#banner .b_group {

    margin-left: -80px;

}

.btn {

    position: relative;

    width: 200px;

    height: 45px;

    border: none;

    background: #fff0dd;

    color: #dc3223;

    font-size: 18px;

    outline: none;

    cursor: pointer;

    margin-top: 35px;
    border-radius: 6px;

}

#banner .btn {

    padding-left: 40px;

}

.btn img {

    position: absolute;

    top: 10px;

    left: 30px;

}

.b_group a:last-child .btn {

    margin-left: 40px;

    background: #e12f23;

    color: #fff;

    border: none;

}



.titlss {

    float: right;

    width: 320px;

    height: 328px;

    background: #fff;

    box-shadow: 0 0 20px 2px rgba(153, 153, 153, .5);

    margin-top: 80px;

    opacity: .95;

}

.titlss .tith3 {

    font-size: 24px !important;

    color: #000;

    text-align: center;

    padding: 20px 0;

}

#titlsses {

    margin-left: 30px;

}



#titlsses .outline {

    position: relative;

    width: 260px;

    height: 40px;

    line-height: 40px;

    margin-bottom: 10px;

}

.titlss .inputTitle {

    position: absolute;

    top: 10px;

    left: 10px;

    /*z-index: -1;*/

    /*-webkit-transition: 0.5s;*/

    /*transition: 0.5s;*/

    color: #777;



}

.titlss input {

    display: block;

    width: 100%;

    height: 40px;

    padding: 14px 0 4px 10px;

    background: #f0f0f5;

    border: none;

    border-bottom: 1px solid #999;

    font-size: 18px;



}

.titlss #submit_a {
    font-size: 16px;
    margin: 0 auto;
    display: block;
    background: linear-gradient(to right, #ffb252 0%, #f18541 100%);
    padding: 7px 30px;
    margin-top: 10px;
    color: #fff;
    border-radius: 6px;
    line-height: 1.5;
    width: 260px;
    height: 40px;
    cursor: pointer;

}



.titlss .inputTitle {

    margin-bottom: 4px;

    font-size: 16px;

}



.titlss .inputTitle .requiredHint {

    margin-right: 4px;

    color: #fe5757;

}



.titlss .inputTitle .fillHint {

    color: #888;

    font-size: 14px;

}



.titlss .inputTitle .fa {

    display: none;

    margin-left: 4px;

    color: #ffa800;

    /*font-size: 14px;*/

}

.titlss .noInput .inputTitle .fa {

    display: inline-block;

}





.titlss .outline {

    position: relative;

    margin-bottom: 10px;

}



.titlss .inputTitle.focus {

    top: 0;

    font-size: 0;

    color: #3798e4;

}



.titlss .inputTitle .focus .requiredHint {

    color: #3798e4;

}



.titlss input:focus {

    outline: none;

}



.titlss input.noInput+.inputTitle .fa {

    display: inline-block;

}



/*#banner .two_img{*/

/*    margin: 0 auto;*/

/*    margin-top: 85px;*/

/*}*/



/*sect5*/

#sect5 {

    background-image: linear-gradient(#fff, #fde6c9);

    text-align: center;

    margin: 0 auto;

}

#sect5 h2 span {

    color: #dc3223;

}



#sect5 .two_img {

    margin: 0 auto 155px;



}

/*蓝图#sect1*/

#sect1 {

    position: relative;

    height: 1366px;

    background: url("/solution/GroupMeal/images/sect1bg.png") no-repeat center center;

    background-size: cover;

    text-align: center;

    overflow: hidden;

}



#sect1 h2,
#sect2 h2,
#sect3 h2,
#sect4 h2,
#sect5 h2 {

    padding-top: 80px;

    font-weight: normal;

    color: #333;

}

#sect1 .txt1,
#sect2 .txt1,
#sect3 .txt1,
#sect4 .txt1,
#sect5 .txt1 {

    padding-top: 20px;

    padding-bottom: 80px;

}

.b_group {

    margin: 0 auto;

}

#sect1 .btn {

    background: none;

    border: 1px solid #ba5125;

    color: #ba5125;

    padding-left: 30px;

    margin-top: 100px;

    margin-bottom: 120px;

}

#sect1 .b_group a:last-child .btn {

    background: #ba5125;

    color: #fff;

    border: none;

}

#sect2 {

    position: relative;

    height: 1105px;

    background: url("/solution/GroupMeal/images/sect2bg.png") no-repeat center center;

    background-size: cover;

    text-align: center;

    overflow: hidden;

}

#sect2 h2 span {

    color: #e22446;

}

.slide {

    overflow: hidden;

    margin: 0 auto;

}

.slide_txt {

    float: left;

    margin: 0 auto;

    overflow: hidden;

}

.slide_txt li {

    width: 244px;

    height: 149px;

    margin-bottom: 14px;

    background: url("/solution/GroupMeal/images/sect2-5.png");

    cursor: pointer;

}

.slide_txt li:last-child {

    width: 244px;

    height: 199px;

    background: url("/solution/GroupMeal/images/sect2-6.png");

}

.slide_txt li p {

    padding: 25px 36px 0 25px;

    font-size: 20px;

    line-height: 1.2;

    color: #f2a0ae;

    text-align: justify;

}

.slide_txt li:last-child p {

    padding-top: 28px;

}

.slide_txt li.on {

    background: url("/solution/GroupMeal/images/sect2-5h.png");

}

.slide_txt li:last-child.on {

    background: url("/solution/GroupMeal/images/sect2-6h.png");

}

.slide_txt li.on p {

    color: #fff;

}



.slide_img {

    float: right;

    margin: 0 auto;

    overflow: hidden;

}

.slide_img li {

    width: 947px;

    height: 528px;

    overflow: hidden;

}

#sect2 .btn {

    background: none;

    border: 1px solid #e22446;

    color: #e22446;

    padding-left: 30px;

    margin-top: 100px;

    margin-bottom: 120px;

}

#sect2 .b_group a:last-child .btn {

    background: #e22446;

    color: #fff;

    border: none;

}

#sect3 {

    position: relative;

    height: 1106px;

    background: url("/solution/GroupMeal/images/sect3bg.png") no-repeat center center;

    background-size: cover;

    text-align: center;

    overflow: hidden;

}

#sect3 h2 span {

    color: #32b29f;

}

#sect3 .slide_txt li {

    width: 244px;

    height: 159px;

    margin-bottom: 10px;

    background: url("/solution/GroupMeal/images/sect3-5.png");

    cursor: pointer;

}

#sect3 .slide_txt li:last-child {

    width: 244px;

    height: 189px;

    background: url("/solution/GroupMeal/images/sect3-6.png");

}

#sect3 .slide_txt li p {

    padding: 6px 36px 0 25px;

    color: #98d8cf;

}

#sect3 .slide_txt li:nth-child(2) p {

    padding-top: 18px;

}

#sect3 .slide_txt li:last-child p {

    padding-top: 10px;

}

#sect3 .slide_txt li.on {

    background: url("/solution/GroupMeal/images/sect3-5h.png");

}

#sect3 .slide_txt li:last-child.on {

    background: url("/solution/GroupMeal/images/sect3-6h.png");

}

#sect3 .slide_txt li.on p {

    color: #fff;

}

#sect3 .btn {

    background: none;

    border: 1px solid #32b29f;

    color: #32b29f;

    padding-left: 30px;

    margin-top: 100px;

    margin-bottom: 120px;

}

#sect3 .b_group a:last-child .btn {

    background: #32b29f;

    color: #fff;

    border: none;

}



#sect4 {

    position: relative;

    height: 1104px;

    background: url("/solution/GroupMeal/images/sect4bg.png") no-repeat center center;

    background-size: cover;

    text-align: center;

    overflow: hidden;

}

#sect4 h2 span {

    color: #fc9900;

}

#sect4 .slide_txt li {

    width: 244px;

    height: 259px;

    margin-bottom: 10px;

    background: url("/solution/GroupMeal/images/sect4-4.png");

    cursor: pointer;

}



#sect4 .slide_txt li p {

    padding: 20px 36px 0 25px;

    color: #fecf88;

}



#sect4 .slide_txt li.on {

    background: url("/solution/GroupMeal/images/sect4-4h.png");

}

#sect4 .slide_txt li.on p {

    color: #fff;

}

#sect4 .btn {

    background: none;

    border: 1px solid #fc9900;

    color: #fc9900;

    padding-left: 30px;

    margin-top: 100px;

    margin-bottom: 120px;

}

#sect4 .b_group a:last-child .btn {

    background: #fc9900;

    color: #fff;

    border: none;

}

#news_r {

    position: relative;

    height: 490px;

    background: url("/solution/GroupMeal/images/newbg.jpg") no-repeat center center;

    background-size: cover;

    overflow: hidden;

}

#news_r h2 {

    font-size: 36px;

    color: #fff;

    padding: 40px 0;

}

#news_r ul {

    margin: 0 auto;

}

#news_r ul li {

    float: left;

    width: 285px;

    margin-right: 20px;

}

#news_r ul li:last-child {

    margin-right: 0;

}

#news_r ul li time {

    display: inline-block;

    width: 90px;

    height: 20px;

    line-height: 20px;

    background: #fff;

    color: #ff7639;

    font-size: 14px;

    text-align: center;

    margin-top: 20px;

    margin-bottom: 10px;

}

#news_r ul li p {

    color: #fff;

}

@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;

    }



















    #news_r {

        position: relative;

        height: auto;

        background: #ff7132;

        background-size: cover;

        overflow: hidden;

        margin: 0 auto;

    }

    #news_r h2 {

        font-size: 30px;

        padding: 5%;

    }

    #news_r ul li {

        float: none;

        margin: 10% auto;

    }

    #news_r ul li:last-child {

        margin: 10% auto;

    }

}