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

    overflow: hidden;

    padding: 0 !important;

}

.txt1 {

    color: #333;

    font-size: 24px;

    line-height: 35px;

    text-align: center;

}

/* banner */

#banner {

    position: relative;

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

    height: 500px;

    background-size: cover;

    overflow: hidden;

}

#banner h1 {

    color: #fff;

    padding-left: 55px;

    padding-top: 140px;

}

#banner .b_group {

    margin-left: 55px;

}

.btn {
    position: relative;
    width: 220px;
    height: 40px;
    background: #f06400;
    border-radius: 6px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    border: none;

}

.btn:hover {
    background: rgba(235, 50, 0, 1);
}

.btn p {

    display: block;

    position: relative;

    color: #fff;

    font-size: 18px;

    /* line-height:50px; */

    outline: none;

}



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



    padding-top: 12px;

    /*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/baking/images/sect1bg.jpg") no-repeat center center;

    height: 868px;

    background-size: cover;

    overflow: hidden;

    text-align: center;

    margin: 0 auto;

}

#sect1 h2 {

    padding: 80px 0 45px;

    color: #333;

}





#sect1 .btn {

    width: 260px;
    font-size: 18px;
    color: #fff;
    border-radius: 8px;
    background: #f06400;

}

#sect1 a:hover .btn {

    background: rgba(235, 50, 0, 1);

    border: 1px solid #fff;

    color: #fff;

}

#sect2 {

    position: relative;

    background: url("/solution/baking/images/sect2-1.png") no-repeat center center;

    height: 916px;

    background-size: cover;

    overflow: hidden;

    text-align: center;

    margin: 0 auto;

}

#sect2 .tit_img {

    margin: 0 auto;

    margin-top: 65px;

    margin-bottom: 40px;

}

#sect2 .m_b {

    width: 100%;

    height: 248px;

    margin: 0 auto;

    margin-bottom: 80px;

}

.m_b .fl {

    margin-left: 50px;

}

.m_b .fr {

    /*margin-right: 40px;*/

}

.m_b .fr img {

    margin-bottom: 25px;

    margin-right: 100px;

}

.m_b .fr ul {

    width: 100%;

    overflow: hidden;

}

.m_b .fr ul li {

    color: #fff;

    font-size: 16px;

    height: 35px;

    line-height: 35px;

    text-align: left;

    margin-bottom: 5px;

}

.m_b .fr ul li p {

    display: inline-block;

    width: 125px;

    line-height: 35px;

    height: 35px;

    background: #f06400;

    color: #fff;

    text-align: center;

    margin-right: 14px;

}

.f_b {

    margin-left: 60px;

    margin-top: 28px;

}

.f_b ul {

    width: 100%;

    margin: 0 auto;

}

.f_b ul li {

    float: left;

    margin-right: 20px;

}

.f_b ul li:last-child {

    margin-right: 0;

}

#sect2 .btn {

    width: 200px;

    height: 50px;

    font-size: 20px;

    line-height: 46px;

    color: #fff;

    border: none;

    border-radius: 8px;

    margin-bottom: 80px;

    background: rgba(240, 100, 0, .5);

}

#sect2 a:hover .btn {

    background: rgba(235, 50, 0, 1);

}

#sect3 {

    position: relative;

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

    height: 890px;

    background-size: cover;

    overflow: hidden;

    text-align: center;

    margin: 0 auto;

}

#sect3 h2,
#sect4 h2,
#sect5 h2 {

    padding: 80px 0 25px;

    color: #333;

}

.guide-slider {

    width: 1560px;

    background: #f06400;

    height: 580px;

    border-top-right-radius: 80px;

    border-bottom-right-radius: 80px;

}

.guide-slider .guide {

    width: 120px;

    height: 580px;

    float: left;

    -webkit-transition: all ease-in .3s;

    transition: all ease-in .3s;

    position: relative;

    overflow: hidden;

}

/*.guide-slider .guide.on .none{*/

/*    width: 120px;*/

/*    height: 580px;*/

/*    display: block;*/

/*    background: #f9be4f;*/

/*    overflow: hidden;*/

/*    position: absolute;*/

/*    left: 0;*/

/*    top: 0;*/

/*    z-index: 3;*/

/*    border-top-right-radius: 80px;*/

/*    border-bottom-right-radius: 80px;*/

/*}*/

/*.guide-slider .guide .none h3{*/

/*    position: relative;*/

/*    display: block;*/

/*    width: 30px;*/

/*    height: 198px;*/

/*    text-align: right;*/

/*    font-size: 30px;*/

/*    color: #eb3200;*/

/*    padding-top: 180px;*/

/*    margin-left: 120px;*/

/*}*/

.guide-slider .guide .display {

    width: 1246px;

    height: 580px;

    text-align: center;

    float: left;

    position: relative;

    z-index: 2;

    -webkit-transition: all ease-in .3s;

    transition: all ease-in .3s;

}

.guide-slider .guide .behind {

    width: 194px;

    height: 580px;

    display: inline-block;

    background: #f9be4f;

    overflow: hidden;

    position: absolute;

    right: 0;

    top: 0;

    z-index: 1;

    border-top-right-radius: 80px;

    border-bottom-right-radius: 80px;

}

.guide-slider .guide .behind h3 {

    position: relative;

    display: block;

    width: 30px;

    height: 198px;

    text-align: right;

    font-size: 30px;

    color: #eb3200;

    padding-top: 180px;

    margin-left: 120px;

}

.guide-slider .guide .behind h3::before {

    content: "";

    display: block;

    position: absolute;

    border-style: solid;

    border-color: transparent #eb3200 transparent transparent;

    border-width: 10px 15px;

    top: 0;

    margin-top: 280px;

    right: 50px;

    -webkit-transition: all ease-in .3s;

    transition: all ease-in .3s;

}

.guide-slider .guide .behind p {

    display: block;

    height: 457px;

    width: 52px;

    font-size: 20px;

    color: #eb3200;

    writing-mode: vertical-rl;
    /*从左向右 从右向左是 writing-mode: vertical-rl;*/

    writing-mode: tb-rl;
    /*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/

    margin-top: -120px;

    margin-left: 20px;

    text-align: justify;

}

.guide-slider li:last-child .behind h3 {

    position: relative;

    display: block;

    width: 30px;

    height: 198px;

    text-align: right;

    font-size: 30px;

    color: #fff;

    padding-top: 180px;

    margin-left: 120px;

}

.guide-slider li:last-child .behind h3::before {

    content: "";

    display: block;

    position: absolute;

    border-style: solid;

    border-color: transparent #fff transparent transparent;

    border-width: 10px 15px;

    top: 0;

    margin-top: 280px;

    right: 50px;

    -webkit-transition: all ease-in .3s;

    transition: all ease-in .3s;

}

.guide-slider li:last-child .behind p {

    display: block;

    height: 489px;

    width: 52px;

    font-size: 20px;

    color: #fff;

    writing-mode: vertical-rl;
    /*从左向右 从右向左是 writing-mode: vertical-rl;*/

    writing-mode: tb-rl;
    /*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/

    margin-top: -155px;

    margin-left: 20px;

    text-align: justify;

}

.guide-slider li:last-child .behind {

    width: 194px;

    height: 580px;

    display: inline-block;

    background: #f06400;

    overflow: hidden;

    position: absolute;

    right: 0;

    top: 0;

    z-index: 1;

    border-top-right-radius: 80px;

    border-bottom-right-radius: 80px;

}



.guide-slider li:last-child .display {

    margin-left: -1440px;

}

.guide-slider .guide.on:last-child .display {

    margin-left: 0;

}

.guide-slider .guide:first-child .display {

    margin-left: -1440px;

}

.guide-slider .guide.on:first-child .display {

    margin-left: 0;

}





.guide-slider .on {

    width: 1440px;

}

#sect3 .btn {

    width: 260px;
    font-size: 20px;
    color: #fff;
    border: none;
    border-radius: 8px;
    margin-bottom: 70px;
    background: #f06400;

}

#sect3 .btn:hover {
    background: rgba(235, 50, 0, 1);
}

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

    margin-left: 60px;

}

#sect4 {

    position: relative;

    background: #ffffdc;

    overflow: hidden;

    text-align: center;

    margin: 0 auto;

}

#sect4 h2 {

    padding-top: 60px;

    padding-bottom: 60px;

}

#sect4 ul {

    margin: 0 auto;

    height: 530px;

    overflow: hidden;

    position: relative;

}

#sect4 ul li {

    float: left;

    margin-right: 33px;

}

#sect4 ul li:last-child {

    margin-right: 0;

}

.s_4b {

    width: 348px;

    overflow: hidden;

    margin: 0 auto;

    margin-top: 30px;

}

.s_4b .s_t4 {

    display: block;

    width: 70px;

    height: 25px;

    font-size: 13px;

    line-height: 25px;

    color: #fff;

    background: #888;

    border-radius: 3px;

}

.s_4b h4 {

    display: block;

    height: 75px;

    font-size: 20px;

    text-align: left;

    margin-top: 15px;

    color: #333;

}

.s_4b .s_t4b {

    font-size: 16px;

    display: block;

    width: 100%;

    line-height: 1.5;

    text-align: justify;

    color: #333;



}

#sect5 {

    position: relative;

    overflow: hidden;

    text-align: center;

    margin: 0 auto;

}

#sect5 img {

    margin-bottom: 95px;

}



#des {

    background: #f06400 !important;

}

.f_y7 {

    background: #7c3c32 !important;

}

.f_yBtn {

    background: #b65019 !important;

    border: 2px solid #7c3c32 !important;

}

@media screen and (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;

    }

    #banner .fl {

        float: none;

    }

    #banner h1 {

        color: #fff;

        padding: 0 5%;

        padding-top: 30%;

    }

    #banner .b_group {

        margin: 0 auto;

        text-align: center;

    }

    #sect1 {

        position: relative;

        background: none;

        height: auto;

        background-size: cover;

        overflow: hidden;

        text-align: center;

        margin: 0 auto;

    }

    #sect1 h2 {

        padding: 40px 0 25px;

        color: #333;

    }

    #sect1 .b_group {

        margin-bottom: 8%;

    }

    #sect2 {

        background: #79c5b9;

        height: auto;

    }

    #sect2 .tit_img {

        margin: 10% 0 8%;

        padding: 0 5%;

        min-width: 100%;

    }

    .m_b .fl {

        margin: 0 auto;

        padding: 0 5%;

        margin-bottom: 5%;

        .
    }

    .m_b .fr img {

        padding: 0 5%;

    }

    .m_b .fr ul li {

        padding: 0 5%;

    }

    .m_b .fr ul li {

        height: auto;

    }

    #sect3 {

        background: #ffffdc;

        height: auto;

    }

    #sect3 h2 {

        padding: 40px 0 25px;

    }

    #sect3 .m_box {

        height: auto;

        width: 100%;

        margin-bottom: 8%;

    }

    #sect3 .m_box h3 {

        display: block;

        border-radius: 30px;

        background: #f9be4f;

        width: 200px;

        color: #eb3200;

        margin-left: 5%;

        margin-bottom: 5%;

    }

    #sect3 .m_box p {

        padding: 0 5%;

        text-align: justify;

    }

    #sect3 .m_box img {

        padding: 0 5%;

        margin-top: 3%;

    }

    #sect3 .m_box1 {

        height: auto;

        width: 100%;

    }

    #sect3 .m_box1 h3 {

        display: block;

        border-radius: 30px;

        background: #f06400;

        width: 200px;

        color: #fff;

        margin-left: 5%;

        margin-bottom: 5%;

    }

    #sect3 .m_box1 p {

        padding: 0 5%;

        text-align: justify;

    }

    #sect3 .m_box1 img {

        padding: 0 5%;

        margin-top: 3%;

    }

    #sect3 .btn {

        margin-bottom: 0;

    }

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

        margin-left: 0;

    }

    #sect4 h2 {

        padding: 40px 0 25px;

    }

    #sect4 ul {

        height: auto;

        width: 100%;

        padding: 0 5%;

    }

    #sect4 ul li {

        float: none;

        height: auto;

        margin: 0 auto;

    }



    .s_4b {

        width: 100%;

        overflow: hidden;

        margin: 0 auto;

        margin-top: 30px;

    }



    .s_4b .s_t4b {

        padding-bottom: 12%;

    }

}



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

    #baking {
        zoom: .8;

    }

    #sect3 {
        zoom: .82;
    }

}