/* .action--site-contactus{
    font-size: 3.2vw !important;
} */



/* 食谱  recipes */

body{
     background-color: #000;
}
.recipes{
    
    color: #f9f9f9;
    font-size: .24rem;
    margin: 0 auto;
}
.recipes .content{
    width: 87.2%;
    margin: 0 auto;
    padding-bottom: .6rem;
}
.recipes .content .header>div{
    text-align:center;
    padding: .48rem 0 .42rem 0;
}
.recipes .content .header>div img{
    margin: 0 auto;
    width: 2.16rem;
}
.recipes .content .recipes-introduce{
    text-align: center;
}
.recipes .content .recipes-introduce h2{
 font-size: .32rem;
 color: #c5a45a;
 padding-bottom: .4rem;
 letter-spacing: .004rem;
}
.recipes .content .recipes-introduce p{
    font-size: .22rem;
    letter-spacing: .021rem;
    padding-bottom: .5rem;
}

.recipes .content .recipes-opt .recipes-opt-i{
    width: 46%;
    text-align: center;
}
.recipes .content .recipes-opt .recipes-opt-left{
 float: left;
}
.recipes .content .recipes-opt .recipes-opt-right{
    float: right;
   }

.recipes .content .recipes-opt .recipes-opt-i img{
    width: 100%;
}
.recipes .content .recipes-opt .recipes-opt-i .recipes-opt-t{
    padding: .3rem 0;
}
.recipes .content .recipes-opt .recipes-opt-i .recipes-opt-t .text{
    color: #c5a45a;
    }
.recipes .content .more{
    width: 2.54rem;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    background-color: #c5a45a;
    border-radius: .05rem;
    margin-top: .6rem;
    margin: .6rem auto 0;
}
.recipes .content .more a{
    color: #fff;
    font-size: .22rem;
    line-height: .6rem;
}


/* 品牌故事 about */

.about .content{
    width: 87.2%;
    margin: 0 auto;
    padding-bottom: .6rem;
}
.about .content .header>div{
    text-align:center;
    padding: .5rem 0 .5rem 0;
}
.about .content .header>div img{
    margin: 0 auto;
    width: 2.16rem;
}
.about .content .video img{
    width: 100%;
}
.about .content h2{
    color: #c5a45a;
    font-size: .32rem;
    text-align: center;
    padding: .48rem 0;
}
.about .content p{
    color: #f9f9f9;
    font-size: .24rem;
    padding-bottom: .5rem;
}

.about .content .material img{
    width: 100%;
}



/* 最新活动  activ */


.activ .content{
    width: 87.2%;
    margin: 0 auto;
    padding-bottom: .6rem;
}
.activ .content .header>div{
    text-align:center;
    padding: .5rem 0 .5rem 0;
}
.activ .content .header>div img{
    margin: 0 auto;
    width: 2.16rem;
}
.activ .content .present img{
width: 100%;
}
.activ .content .present p a{
    font-size: .24rem;
    color:#c5a45a ;
    padding: .4rem 0;
    letter-spacing: .03rem;
    display: inline-block;
}
.activ .content .more{
    width: 2.54rem;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    background-color: #c5a45a;
    border-radius: .05rem;
    margin-top: .6rem;
    margin: .6rem auto 0;
}
.activ .content .more a{
    color: #fff;
    font-size: .22rem;
    line-height: .6rem;
}


/* 匠心工艺   ingenuity */


.ingenuity .content{
    width: 87.6%;
    margin: 0 auto;
    padding-bottom: .6rem;
}
.ingenuity .content .header>div{
    text-align:center;
    padding: .5rem 0 .5rem 0;
}
.ingenuity .content .header>div img{
    margin: 0 auto;
    width: 2.16rem;
}
.ingenuity .content .present img{
width: 100%;
}

.ingenuity .content img{
    width: 100%;
}
.ingenuity .content  h2{
    font-size: .32rem;
    color: #c5a45a;
    text-align: center;
    padding: .5rem 0 .4rem 0;
    
}
.ingenuity .content .bottom-box .bottom-box1 .h-top{
    padding-bottom:0;
}
.ingenuity .content .bottom-box .bottom-box1 .h-bottom{
    padding-top: 0;
}
.ingenuity .content .text p{
    font-size: .24rem;
    color: #f8f8f8;
    text-align: center;
}
.ingenuity .content .bottom-box .bottom-box1 p{
    font-size: .24rem;
    color: #f8f8f8;
    padding: .40rem 0 .5rem;
}
.ingenuity .content .text .triangle{
    width: 0;
    height: 0;
    border-width: .25rem .25rem 0;
    border-style: solid;
    border-color: #c5a45a transparent transparent;
    margin: 0.5rem auto .4rem;
}


.ingenuity .content .top-menu{
    position: relative;
}
.ingenuity .content .top-menu .top-box{
    width: 2.06rem;
    height: 1.70rem;
    display: inline-block;
    background-color: #262626;
    margin-left: .2rem;
    padding: .1rem 0;
    box-sizing: border-box;
    
    
}
.ingenuity .content .top-menu .top-box  p{
    text-align: center;
    color: #f9f9f9;
}
.ingenuity .content .top-menu .top-left{
    margin-left: 0;
}
.ingenuity .content .top-menu {
    padding-bottom: .5rem;
    border-bottom: .01rem solid #c5a45a;
}
.ingenuity .content .bottom-box{
    padding-top: .5rem;
}
.ingenuity .content .top-menu .active{
    background-color: #c5a45a;
}





/* 下载  download */

.download{
    background-size:100% 100%;
    background-image: url(../images/background.png);
}

.download .content{
    width: 73.33%;
    margin: 0 auto;
    padding-bottom: .6rem;
}
.download .content .header>div{
    text-align:center;
    padding: .5rem 0 1rem 0;
}
.download .content .header>div img{
    margin: 0 auto;
    width: 2.16rem;
}
.download .content .present img{
width: 100%;
}

.download .content img{
    width: 100%;
}
.download .content h2{
    font-size: .48rem;
    color: #c5a45a;
    text-align: center;
    padding-bottom: .62rem;
}
.download .content .download-box{
    display: flex;
    flex-direction: row;
    justify-content:space-between; 
}
.download .content .download-box div{
    width: 2.64rem;
    
}
.download .content .download-box div p{
    text-align: center;
    padding-top: .5rem;
}

.download .content .download-box div p a{
    display: inline-block;
    color: #c5a45a;
    border-bottom: .01rem solid #c5a45a ;
}

.download .content .more{
    width: 2.54rem;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    background-color: #c5a45a;
    border-radius: .05rem;
    margin: 1rem auto ;
}
.download .content .more a{
    color: #fff;
    font-size: .22rem;
    line-height: .6rem;
}


/* 产品介绍  introduce */

.swiper-pagination-custom, .swiper-pagination-fraction{
    margin-bottom: -.25rem;
}
.introduce .content{
    width: 87.6%;
    margin: 0 auto;
    padding-bottom: .6rem;
}
.introduce .content .header>div{
    text-align:center;
    padding: .5rem 0 .5rem 0;
}
.introduce .content .header>div img{
    margin: 0 auto;
    width: 2.16rem;
}
.introduce .content .present img{
width: 100%;
}

.introduce .content img{
    width: 100%;
}

.introduce .content .top-menu{
    /* display: flex; */
    /* flex-direction: row; */
    /* justify-content:space-between; */
    /* border-bottom: .01rem solid #c5a45a; */
    padding-bottom: .7rem
}

.introduce .content .top-menu div{
    width: 2.06rem;
    height: 1.70rem;
    background-color: #262626;
    color: #fff;
    font-size: .2rem;
}
.introduce .content .top-menu .active{
    background-color: #c5a45a;
}
.introduce .content .top-menu div p{
    text-align: center;
    padding-top: .6rem;
    letter-spacing: .02rem;
}
.introduce .content .bottom-menu{
    padding-top: .32rem;
}

.introduce .content .bottom-menu h2{
    padding-top: 1.3rem;
    border-top: .01rem solid #c5a45a;
    font-size: .32rem;
    color: #c5a45a;
    text-align: center;
    padding-bottom: .4rem;
}
.introduce .content .bottom-menu .bottom-menu1{
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
    
}
.introduce .content .bottom-menu .bottom-menu1 > div {
    width: 3.18rem;
}

.introduce .content .bottom-menu .bottom-menu1 img{
    width: 100%;
}
.introduce .content .bottom-menu .bottom-menu1 p{
    font-size: .22rem;
    color: #f9f9f9;
    text-align: center;
    padding: .3rem 0;
}




/* 社会责任 duty */

.duty .content{
    width: 87.46%;
    margin: 0 auto;
    padding-bottom: .6rem;
}
.duty .content .header>div{
    text-align:center;
    padding: .5rem 0 .5rem 0;
}
.duty .content .header>div img{
    margin: 0 auto;
    width: 2.16rem;
}
.duty .content .present img{
width: 100%;
}

.duty .content img{
    width: 100%;
}
.duty .content h2{
 font-size: .35rem;
 color: #c5a45a;
 text-align: center;
}
.duty .content p{
    font-size: .24rem;
    color: #f9f9f9;
    padding-bottom: .5rem;
}
.duty .content .duty-next h2{
    padding: .46rem 0 .38rem 0;
}

.duty .content .duty-next .duty-nextBottom{
    padding: 0;

}
.duty .content .next-Promise h2{
    padding: .2rem 0 .45rem;
}

.duty .content .next-Promise .Promise-box{
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
}

.duty .content .next-Promise .Promise-box > div{
    width: 3.18rem;
}
.duty .content .next-Promise .Promise-box  img{
    padding-bottom: .5rem;
    width: 100%;
}
.duty .content .att h2{
    padding: .5rem 0;

}
.duty .content .att{
    padding-bottom: 1.20rem;
}

.duty .content .more{
    width: 2.54rem;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    background-color: #c5a45a;
    border-radius: .05rem;
    margin: 1rem auto ;
}
.duty .content .more a{
    color: #fff;
    font-size: .22rem;
    line-height: .6rem;
}


/* 在线下单 order */

.order .content{
    width: 88%;
    margin: 0 auto;
    padding: .43rem  0 .76rem ;
    position: relative;
}

.order .content div img{
    width: 100%;
}

.order .content .copy_btn{
    text-shadow: 5px 2px 6px #333;
    width: 2.80rem;
    color: #f9f9f9;
    font-size: .30rem;
    position: absolute;
    top:7.0rem;
    left: 2.20rem;
}



/* 协议  agreement */
.agreement{
    color: #000;
    background-color: #fff;
}
.agreement .content{
    width: 88%;
    margin: 0 auto;

}
.agreement .content .agreement-title1{
    
    font-size: .8rem;
    text-align: center;
    padding: 1rem 0;
}

.agreement .content .agreement-title{
    padding:.4rem 0;
    color:#000 ;
    font: size 0.5rem; ;
}
.agreement .content p{
    font-size: .24rem;
    padding-bottom: .3rem;
}
.agreement .content ul{
    padding: .2rem 0;
}
.agreement .content ul li{
    font-size: .24rem;
}