.body-m {
    width: 100%;
    overflow: hidden;
    min-height: 13rem;
    font-size: 0; 
    background: url(../images/bottom_back.jpg) no-repeat;  
    background-position:center bottom;
    background-color: #fff4e0;    
    background-size:contain;   
}
.m-back{
    background: url(../images/back.jpg) no-repeat;
    background-position: center top;  
    background-size:contain;
}
.m-photo{
    background-repeat:no-repeat;
    background-position: center;
    background-size: cover;
    height: 0;
    padding-bottom: 56.25%;
    cursor: pointer;
    z-index: 1;
    position: relative;
    display: block;
}
.m-container{
    margin: 0px auto;
    width: 95%;
}
.m-header {
    text-align: center;
    background: url(../images/banner.png) no-repeat;
    position: relative;    
    background-size:contain;
    background-position: left top;
    height: 0;
    padding-bottom: 24.84375%;
}
.m-box-01{
    margin-top:.3rem;
}
.m-box-01_head{
    text-align: center;
}
.m-box-01_title{
    display: inline-block;
    height: .36rem;
    width: 6.4rem;
    background: url(../images/title_01.png) no-repeat;
    background-size: contain;
}

.m-box-01_main{
    height: auto;;
    background: url(../images/video_box.png) no-repeat;
    background-size:100% 100%;
    margin: 1rem -1% 0 -1%;
    position: relative;
    padding: .5rem;
}
.m-box-01_main .m-video{
    padding: 0 .1rem;
}
.m-box-01_main .m-video_photo{
    position: relative;
}
.m-box-01_main .m-video_photo .m-photo::before{
    content: '\20';
    width: .7rem;
    height: .7rem;
    background: url(../images/play.png) no-repeat;
    background-size:contain;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -.35rem;
    margin-left: -.35rem;
}
.m-box-01_main .m-intor{
    margin-top: .1rem;
    font-size: .18rem;
    line-height: 1.6;
}
.m-box-01_main .m-intor p{
    text-indent: 2em;
}
.m-box-01_items{
    font-size: 0;
    margin: .2rem 0;
}
.m-box-01_item{
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: .3rem;
}
.m-box-01_item .m-videoBox{
    position: relative;
    background-color: #fff;
}
.m-box-01_item .m-videoBox_photo{
    display: block;
}
.m-box-01_item .m-videoBox_photo .m-photo::before{
    content: '\20';
    width: .8rem;
    height: .8rem;
    background: url(../images/play.png) no-repeat;
    background-size:contain;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -.4rem;
    margin-left: -.4rem;
}
.m-box-01_item .m-videomain{
    padding: .2rem .15rem;
}  
.m-box-01_item .m-videoBox_head{
    margin: .15rem 0;
    text-align: center;
}
.m-box-01_item .m-videoBox_title{
    position: relative;
    color: #000;
    font-size: .32rem;
    line-height: 1;
    display: inline-block;
}
.m-box-01_item .m-videoBox_title::before{
    content: '\20';
    width: 0;
    height: 0;
    border-top: .1rem solid transparent;
    border-right: .1rem solid #c22318;
    border-bottom: .1rem solid transparent;
    position: absolute;
    left: -.3rem;
    top: 50%;
    margin-top: -.1rem;
}
.m-box-01_item .m-videoBox_title::after{
    content: '\20';
    width: 0;
    height: 0;
    border-top: .1rem solid transparent;
    border-left: .1rem solid #c22318;
    border-bottom: .1rem solid transparent;
    position: absolute;
    right: -.3rem;
    top: 50%;
    margin-top: -.1rem;
}
.m-box-01_item .m-videoBox_intor{
    font-size: .24rem;
    color: #717171;
    text-indent: 2em;
    height: auto;
    line-height: 1.6;
}
.m-box-01_item .m-videoBox_more{
    text-align: right;
    font-size: .24rem;
}
.m-box-01_item .m-videoBox_more a{
    color: #c22318;
}
.m-box-02{
    margin-top: .3rem;
}
.m-box-02_head{
    text-align: center;
}
.m-box-02_title{
    width: 6.4rem;
    height: .51rem;
    background: url(../images/title_02.png) no-repeat;
    background-size:contain;
    display: inline-block;
}
.m-box-02_main{
    margin-top: .1rem;
}
.m-box-02_main img{
    width: 100%;
    height: auto;
}
.m-box-03{
    margin-top: .1rem
}
.m-box-03_head{
    text-align: center;
}
.m-box-03_title{
    display: inline-block;
    background: url(../images/title_03.png) no-repeat;
    background-size:contain;
    width: 6.4rem;
    height: .64rem;
}
.m-box-03_main{
    position: relative;
    margin-top: .5rem;
}

.m-box-03_main .m-heading{
    text-align: center;
}
.m-box-03_main .m-heading_text{
    font-size: .36rem;
    font-weight: bold;
    color: #333333;
    text-shadow: 1px 1px 0 #ffb746;
}
.m-box-03_main_items{
    font-size: 0;
    padding-top: .2rem;
}
.m-box-03_main_items_left{
   margin-top: .1rem;
}
.m-box-03_main_swiper{
    border: 1px solid #ffa20f;
    position: relative;
}
.m-news_slide{
    position: relative;
}
.m-news_slide_photo{
    display: block;
}
.m-news_slide_photo .m-photo{
    padding-bottom: 75%;
}
.m-news_slide_intor{
    padding: .2rem .3rem;
    text-indent: 2em;
    font-size: .26rem;
    color: #666;
    line-height: 1.8;
}

.m-news-prev,
.m-news-next{
    width: .35rem;
    height: .66rem;
    background: url(../images/runt_left.png) no-repeat;
    background-size:contain;
    position: absolute;
    left: .3rem;
    z-index: 9;
    cursor: pointer;
    top: 30%;
}
.m-news-next{
    background-image: url(../images/runt_right.png);
    background-size: contain;
    left: auto;
    right: .3rem;  
}
.m-box-03_main_items_right{
    margin-top: .5rem; 
}
.m-tastes{
    position: relative;
}
.m-tastes_items{
    font-size: 0;
    margin: 0px -.15rem;
}
.m-tastes_item{
    width: 50%;
    display: inline-block;
    padding: 0 .15rem;
}
.m-tastes_item_box{
    display: block;
}
.m-tastes_item_box .m-photo{
    padding-bottom: 75.337838%;
}
.m-photo_title{
    background-color: rgba(0, 0, 0, .6);
    left: 0;
    right: 0;
    bottom: 0;
    display: table;
    width: 100%;
    min-height: .7rem;
    padding: .05 .1rem;
    position: absolute;
}
.m-photo_title span{
    color: #fff;
    font-size: .24rem;
    display: table-cell;
}
.m-tastes_lists{
    border-top: 1px solid #fed8b6;
    margin-top: .3rem;
    padding-top: .2rem;
}
.m-tastes_lists li{
    font-size: .24rem;
    padding: .1rem 0;
}
.m-tastes_more{
    text-align: right;
    margin-top: .3rem;
    font-size: .24rem;
    position: relative;
}
.m-tastes_more::before{
    content: '\20';
    width: 5rem;
    height: 1px;
    background-color: #fed8b6;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
}
.m-tastes_more a{
    color: #fa8712;
}
.m-box-03_title2{
    display: inline-block;
    background: url(../images/title_04.png) no-repeat;
    background-size:contain;
    width: 4.1rem;
    height: .64rem;
}
.m-picking{
    margin-top: .5rem;
}
.m-picking_main{
    margin-top: .5rem;
}
.m-picking_table{
    display: flex;
    flex-direction: column;
}
.m-picking_left{
    border-bottom: 1px solid #fed8b6;
    padding-bottom: .3rem;
}
.m-picking_left .m-pick_photos{
    position: relative;
    margin-bottom: .2rem;
}
.m-picking_left .m-pick_img{
    display: block;
}
.m-picking_left .m-pick_img .m-photo{
    padding-bottom: 75%;
}
.m-picking_main .m-pick_lists{
    position: relative;
}
.m-picking_main .m-pick_lists li{
    font-size: .24rem;
    padding: .1rem 0;
    padding-left: .2rem;
    position: relative;
}
.m-picking_main .m-pick_lists li::before{
    content: '\20';
    width: .1rem;
    height: .1rem;
    background-color: #bf2d35;
    border-radius: .1rem;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -.05rem;
}
.m-picking_right{
    margin-top: .4rem;
}
.m-picking_lis{
   
}
.m-picking_more{
    text-align: right;
}
.m-picking_more a{
    color: #ff2420;
    font-size: .24rem;
}

.m-footer {
    margin-top: .5rem;
    padding: .1rem 0;
    text-align: center;
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: #fff;
}

.m-footer-container {
    margin: 0 auto;
    position: relative;
    color: #fff;
    font-size: 0;
}

.m-footer_logo {
    display: inline-block;
    width: 40%;
    vertical-align: bottom;
    padding-right: .2rem;
}

.m-footer_logo_img {
    height: 0;
    padding-bottom: 87.209302%;
    background: url(../images/foot_logo.png) no-repeat;
    background-size: contain;
}

.m-footer_info {  
    margin-top: .2rem;
}

.m-footer_info_menu {
    font-size: .26rem;
}

.m-footer_info_menu a {
    color: #fff;
    margin: 0px .1rem;
}
.m-footer_info_menu a:hover {
    color: #fff;
}
.m-footer_info_copy {
    margin-top: .2rem;
    font-size: .24rem;
}
.m-footer_info_filing {
    margin-top: .2rem;
}
.m-footer_info_filing span {
    font-size: .24rem;
}

.m-footer_info_right {
    font-size: .24rem;
    color: #ffff;
    text-align: center;
    margin-top: .1rem;
    padding: .1rem .15rem;
}

.m-footer_weach {
    margin-top: .2rem;
    display: inline-block;
    width: 38.714286%;
    vertical-align: bottom;
}

.m-footer_weach_img {
    height: 0;
    padding-bottom: 55.454545%;
    background: url(../images/wx_ico.png) no-repeat;
    background-size: contain;
}