@font-face {
  font-family: 'hml';
  src: url('fonts/HarmonyOS/Light.woff') format('woff');
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: 'hmr';
  src: url('fonts/HarmonyOS/Regular.woff') format('woff');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'hmm';
  src: url('fonts/HarmonyOS/Medium.woff') format('woff');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'hmb';
  src: url('fonts/HarmonyOS/Bold.woff') format('woff');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow-Bold';
  src: url('fonts/Barlow-Bold.woff') format('woff');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow-Medium';
  src: url('fonts/Barlow-Medium.woff') format('woff');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow-Regular';
  src: url('fonts/Barlow-Regular.woff') format('woff');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow-Light';
  src: url('fonts/Barlow-Light.woff') format('woff');
  font-weight: 700;
  font-display: swap;
}

ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address,ol{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}

body{font-family: 'hml';--hover-color:#ac0a0d;--white:#fff; --black:#000; --grey:#666; --grey2:#999; --rgb-white:255,255,255;--rgb-black:0,0,0; font-size: var(--font-size16);--rgb-hover:0,159,124; --radius: .2rem;}

.indexbg{background:url(../images/logobg4.png) #f4ead7;}


.Header{padding: .3rem 0;position: fixed;width: 100%;left: 0;top: 0;transition: .3s all;z-index: 100}
.Header .logo img{max-height: .4rem;transition: .3s all}
.Header .logo img.black{display: none;}
.Header .menu{display: flex;justify-content: space-between;width: 80%;}
.Header .menu a{color: #fff;transition: .3s all;font-size: var(--font-size20)}

.Header .top-right{display: flex;align-items: center;}
.top-lang {position: relative;z-index: 200;/* margin-right: .5rem */}
.top-lang span {display: block;font-size: var(--font-size14);padding-left: 0.32rem;line-height: 1.57142857;background: no-repeat url(../images/top-lang.svg) left center; background-size: contain; cursor: pointer; color: var(--white)}
.top-lang .hover {position: absolute;top: 100%;left: 50%;width: max-content;background-color: #fff; padding:1.2em 1em;visibility: hidden;opacity: 0;transform: translate(-50%,0.3rem);transition: 0.3s;text-align: center}
.top-lang .hover a:not(:hover) {color: #333}
.top-lang .hover li + li {margin-top: 0.5em}
.top-lang.active .hover {visibility: visible;opacity: 1;transform: translate(-50%,0)}

.Header .open-search { display: block; width: 0.2rem; height: 0.2rem; background: url(../images/search.svg) no-repeat center center; background-size: contain; cursor: pointer;transition: .3s all}
.Header .top-search { position: absolute; top: 100%; right: 0; width: 4rem; background-color: var(--white); display: flex; align-items: center; justify-content: center; border-radius: 0 0 0.1rem 0.1rem; overflow: hidden; opacity: 0; visibility: hidden; transform: translateY(0.3rem); transition: 0.3s;}
.Header .top-search .text { flex: 1; border: 0; height: calc(50 / 16 * 1em); line-height: calc(50 / 16); padding: 0 1em;}
.Header .top-search .text:not(.focus) { color: rgba(var(--rgb-999),1);}
.Header .top-search .btn { width: calc(50 / 16 * 1em); height: calc(50 / 16 * 1em); display: block; background: url(../images/Top003213-search.png) no-repeat center center; background-size: auto 0.22rem;cursor: pointer;}
.search-show .Header .open-search {background-image: url(../images/Top003213-close.svg);}
.search-show .Header .top-search { opacity: 1; visibility: visible;transform: translateY(0);}


/*滚动后*/
.Header_fixed{background: #ac0a0d;padding: .2rem 0;box-shadow: 0 3px 6px rgba(0,0,0,.05)}
.Header_fixed .logo img.white{display: none}
.Header_fixed .logo img.black{display: block}
.Header_fixed .menu a{}
.Header_fixed .open-search{}

.Header_fixed .top-lang span {}

.Header .menu li.aon span a{color:#fff }

@media(min-width:1025px){
.Header .menu{width: 50%;}
.Header .top-right{}
}



.banner a{}
.banner img{width:100%}
.banner video{width:100%; opacity: 0.99;}
.banner .slick-dots{position:absolute; left: 0;width: 100%;text-align: center; bottom: .4rem;z-index: 10;}
.banner .slick-dots li{width: .12rem;height: .12rem;border: 1px solid #fff; border-radius: 50%; cursor: pointer; display: inline-block; margin: 0 .1rem;}
.banner .slick-dots li button{display: none;}
.banner .slick-dots li.slick-active{background-color: #fff;}
@media (min-width:1025px) {
.banner .web_img{display:none;}
}
@media (max-width:1024px) {
.banner video,
.banner .pic_img{display: none;}
.banner .web_img{height: 4rem;object-fit: cover}
.cbanner img{height: 4rem;object-fit: cover}
}




.home-title{padding-bottom: .5rem}
.home-title.ct{text-align: center;}
.home-title .tit1{color: #000;font-size:var(--font-size80);opacity: .08;font-family: 'hmb';text-transform: uppercase;line-height: 1;}
.home-title .tit2{color: #000;font-size:var(--font-size46);font-family: 'hmm';}
.home-title .tit2 span{color: var(--hover-color);}
.home-title .desc{color: var(--hover-color);font-size:var(--font-size32);font-family: 'hml';}

.home-title.white .tit1{color: #fff;}
.home-title.white .tit2{color: #fff;}
.home-title.white .tit2 span{color: #fff;}


.home-more span{display: flex;border: 1px solid rgba(51,51,51,.2);justify-content: center;align-items: center;height: .6rem;width: 2.1rem;border-radius: 36px;color:#333333;transition: .5s }
.home-more span i{width: .2rem;height: .12rem;margin-left: .16rem;background: url(../images/icon-jt1.svg)no-repeat center;background-size: .2rem auto;transition: .5s }
.home-more span:hover{background:var(--hover-color) ;color: #fff}
.home-more span:hover i{filter: grayscale(100) brightness(100);}



.index_about{padding: .8rem 0;position: relative;overflow: hidden;}
.index_about .con{/*background: url(../images/index_about-bg.png)no-repeat bottom 30% left;*/}
.index_about .con .left{position: relative;z-index: 10}
.index_about .con .left .txt .tit{font-size:var(--font-size40); font-weight: bold; color: #000;  padding-bottom: .3rem;}
.index_about .con .left .txt{font-size:var(--font-size30);color: #000;line-height: 1.75; }
.index_about .con .left .txt p span{font-family: 'hmb' }

.index_about .con .more{position: absolute;right: -1.4rem;bottom: 10%;background: url(../images/home-about-logo.png)no-repeat center;;width: 2.8rem;height: 2.8rem;background-size: contain;display: none}
.index_about .con .right .pic{padding-bottom: 70%;position: relative;overflow: hidden;background: #000;}
.index_about .con .right .pic span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.index_about .con .right .pic span img{width: 100%;height: 100%;object-fit: cover;}
@media(min-width:1025px){
    .index_about .con{display: flex;justify-content: space-between;align-items: center}
    .index_about .con .left{flex: 0.95}
    .index_about .con .right{width: 55%;flex: 0 0 auto}
}



.index_buss{position: relative; overflow: hidden;}
.index_buss .txt{position: absolute;width: 50%;height: 100%;right: 0;top: 0;z-index: 10; background: linear-gradient(to left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0) 100%);display: flex;align-items: center;justify-content: center}
.index_buss .txt::before{content: ''; position: absolute;width: 60%;height: 60%;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url(../images/home-buss-logo.png)no-repeat center;background-size: cover;opacity: .08}
.index_buss .txt .con{}
.index_buss .txt .con .desc{text-align: center;font-size:var(--font-size24);color: #fff;line-height: 1.75;margin: 0 auto;width: 80% }
.index_buss .bg{padding-bottom: 41.754%;position: relative;overflow: hidden}
.index_buss .bg span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.index_buss .bg span img{width: 100%;height: 100%;object-fit: cover;}



.index_food{padding: .8rem 0;/* background: url(../images/home-food.png) no-repeat bottom center; */background-size: contain; position: relative; overflow: hidden;}
.index_food::before{content: '';position: absolute;width: 1.12rem;  height: 4.98rem;left: 0.5rem;top: 1.5rem;background: url(../images/home-food-l.png) no-repeat left top ;background-size: contain;z-index: -1;}
.index_food::after{content: '';position: absolute;width: 1.12rem; height: 4.98rem;right: 0.5rem;top: 1.5rem;background: url(../images/home-food-r.png) no-repeat right top ;background-size: contain; z-index: -1;}
.index_food .list {margin-top: .5rem}
.index_food .list .slide{display: inline-block;width: 4.5rem}
.index_food .list .slide a{padding: 0 .5rem;display: block}
.index_food .list .slide a .pic{padding-bottom: 100%;position: relative;}
.index_food .list .slide a .pic span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;transition: .6s all}
.index_food .list .slide a .pic span img{width: 100%;height: 100%;object-fit: contain;object-position: center}
.index_food .list .slide a .txt{text-align: center;color:#333;font-size:var(--font-size20);padding-top: .3rem;}
.index_food .list .slide:hover a .txt{color: var(--hover-color);}
.index_food .list .slide:hover a .pic span{transform: scale(1.15)}

@media (max-width:1024px) {
.index_food::before{width: 0.8rem;  height: 3.56rem;left: 0.1rem;top: 1rem;}
.index_food::after{width: 0.8rem; height: 3.56rem;right: 0.1rem;top: 1rem; }
}



.Bottom{background: #ac0a0d; background-size: cover; padding-top: .8rem; padding-bottom: 0.5rem;--white:#fff;--white-rgb:255,255,255;--white-opacity-10:rgba(var(--white-rgb),0.1);--white-opacity-30:rgba(var(--white-rgb),0.3);--white-opacity-50:rgba(var(--white-rgb),0.5);}
.Bottom,
.Bottom a:not(:hover){color:var(--white);}
.Bottom .logo{}
.Bottom .logo img{max-height: .5rem;}
.Bottom .logo .slogan{font-size:var(--font-size30);font-family: 'hmb';border-left: 1px solid rgba(255,255,255,.1);margin-left: .2rem;padding-left: .2rem}

.Bottom .f-top{padding-bottom: 0.5rem;margin-bottom: .5rem; border-bottom: 1px solid rgba(255,255,255,.1)}
.Bottom .f-mid{}
.Bottom .f-bottom{padding: 0.3rem 0 0; font-size: var(--font-size14);}
.Bottom .f-bottom,
.Bottom .f-bottom a:not(:hover){color: var(--white-opacity-50);}

.Bottom .f-mid .f-mid-r{text-align: right;width: 40%}
.Bottom .follow-us{display: flex;align-items: center;justify-content: flex-end}
.Bottom .follow-us ol{opacity: .75;}
.Bottom .follow-us li{position: relative;z-index: 10}
.Bottom .follow-us li +li{margin-left: 0.2rem;}
.Bottom .follow-us li a{display: flex; border-radius: 50%;background-color: rgba(255,255,255,.05); width: 0.5rem; height: 0.5rem; align-items:center; justify-content: center; transition: 0.3s; cursor: pointer;}
.Bottom .follow-us li a:hover{background-color: rgba(255,255,255,.1);}
.Bottom .follow-us li a:after{width: 0.22rem; height: 0.22rem;background-position: center center; background-repeat: no-repeat; background-size:.22rem auto;transition: 0.3s; content: '';display: block;}
.Bottom .follow-us li a:hover:after{opacity: 1;}
.Bottom .follow-us li.li-wx a:after{background-image: url(../images/Bottom-wx.svg);} 
.Bottom .follow-us li.li-wb a:after{background-image: url(../images/Bottom-wb.svg);} 
.Bottom .follow-us li.li-dy a:after{background-image: url(../images/Bottom-douyin.svg);} 
.Bottom .follow-us li.li-tw a:after{background-image: url(../images/Bottom-tw.svg);} 
.Bottom .follow-us li.li-wx a:after{background-image: url(../images/Bottom-wx.svg);} 
.Bottom .follow-us li.li-xcx a:after{background-image: url(../images/xcx.png);    background-size: 0.4rem auto;
    width: .5rem;
    height: .5rem;} 
.Bottom .follow-us li.li-douyin a:after{background-image: url(../images/Bottom-douyin.svg);} 
.Bottom .follow-us li.li-xhs a:after{background-image: url(../images/Bottom-xhs.svg);background-size:.28rem auto;width: .28rem;} 
.Bottom .follow-us li .hover{position: absolute; left: 50%;bottom: calc(100% + 0.12rem); background-color: var(--white); width: 1.5rem; margin-left: -0.75rem; border-radius: 0.04rem;display: flex;align-items: center; justify-content: center; height: 1.5rem; transform: translateY(-0.3rem); opacity: 0;visibility: hidden; transition: 0.3s;} 
.Bottom .follow-us li.show .hover{ transform: translateY(0); opacity: 1; visibility: visible;}
.Bottom .follow-us li .hover:after{position: absolute; content: ''; top: 100%;left: 50%;border: 3px solid transparent; border-top-color: var(--white); margin-left: -3px;}
.Bottom .follow-us li .img{display: none;position: absolute;left: 50%;bottom: calc(100% + .2rem);width: 1.4rem;padding: .1rem;background-color: #fff;box-sizing: border-box;transform: translateX(-50%);z-index: 33;}
.Bottom .follow-us li .img img{width: 100%;}
.Bottom .follow-us li.hover .img{display: block;}
.Bottom .copyright{opacity: .75;margin-top: .44rem}

.Bottom .bottom_contact {}
.Bottom .bottom_contact dt{padding-left: .24rem;margin-bottom: .05rem;display: block;opacity: .75}
.Bottom .bottom_contact dt.tel{background: url(../images/icon-tel.svg)no-repeat center left;background-size: .2rem auto}
.Bottom .bottom_contact dt.add{background: url(../images/icon-add.svg)no-repeat center left;background-size: .22rem auto}
.Bottom .bottom_contact dd{line-height: 1.5;opacity: .75}
.Bottom .bottom_contact dd.phone{font-size: var(--font-size34);font-family: 'Barlow-Bold';color:#fff;opacity: 1}
.Bottom .bottom_contact dl + dl{margin-top: 0.2rem;}
.Bottom .bottom_contact dd span{ display:inline-block;}

.Bottom nav dd{}
.Bottom nav dt{ position: relative; font-weight: 500;font-size: .18rem;}
.Bottom nav dt a{ color: #fff;}
.Bottom nav dd{line-height:.36rem;font-size: var(--font-size14);}
.Bottom nav dd a:not(:hover){color: var(--white-opacity-50);}
.Bottom nav dd a:hover{color: var(--hover-color);}
.Bottom nav dd img{width: 1rem;}

.Bottom .icp a{display: flex;}
.Bottom .icp a:before{display: block; content: ''; background: url(../images/Bottom-security.png) no-repeat center center / contain; width: 0.18rem; height: 0.2rem; margin-right: 0.06rem;}

.Bottom .link a{display: inline-block;margin-left: .2rem}

.Bottom .code img{width: 1rem}
@media (min-width:1025px) {
    .Bottom .f-top{display: flex;align-items: center;justify-content: space-between}
    .Bottom .f-mid{display: flex;justify-content: space-between}
    .Bottom .f-mid nav{display: flex;justify-content: space-between}
    .Bottom .f-bottom{border-top: 1px solid var(--white-opacity-10);}
    .Bottom .contact{width: calc(600 / 1600 * 100%);}
    .Bottom .logo{flex: 1;padding-right: 5%}
    .Bottom nav{width: 37%;flex: 0 0 auto}
    .Bottom nav dt{/*margin-bottom: 0.2rem;*/}
    .Bottom nav dd{display: block!important;}
}
@media (max-width:1024px) {
    .Bottom .logo{margin: 0 auto 0.2rem;}   
    .Bottom .follow-us{justify-content: center;}
    .Bottom .contact{margin-bottom: 0.3rem;}
    .Bottom nav{border-top: 1px solid var(--white-opacity-10);display: none;}
    .Bottom nav dl{border-bottom: 1px solid var(--white-opacity-10);transition: 0.3s;}
    .Bottom nav dt{overflow: hidden;padding: 0.1rem 0;}
    .Bottom nav dd{display: none;}
    .Bottom .wap-b-op{position: absolute;right: 0;top: 0;width: 0.3rem;height: 100%; top: 0;background: url(../images/Bottom-open.svg) no-repeat center center / 50% auto; transition: 0.3s;}
    .Bottom dl.active{padding-bottom: 0.2rem;}
    .Bottom .active .wap-b-op{transform: rotate(45deg);}
    .Bottom .f-bottom{text-align: center;}
    .Bottom .icp{margin-top: 0.3rem;}
    .Bottom .icp a{display: inline-flex;}
}
@media (max-width:640px) {
.Bottom .logo{ text-align:center;}
.Bottom .logo .slogan{ margin-left:0; padding-left:0; border-left:none;}
.Bottom .logo img{ max-height:.4rem;}
.Bottom .logo .slogan{ margin-top:.2rem; font-size:var(--font-size26);}
}

/*Floor002599 */
.Floor002599{ padding:0 0 1.2rem; position:relative; z-index:1; }
.Floor002599 .auto{ position:relative; z-index:2;}
.Floor002599 li{ overflow:hidden; position:relative; }
@media(min-width:769px){
.Floor002599 li{ float:left; width:25%; padding-bottom:38%; margin-right:0;}
.Floor002599 li:nth-child(4n){ margin-right:0;}
.Floor002599 li > *{ position:absolute; left:0;height:50%;width:100%; }
.Floor002599 li:nth-child(2n) .txt,
.Floor002599 li .Ispic{ top:0;}
.Floor002599 li .txt,
.Floor002599 li:nth-child(2n) .Ispic{ top:50%;}
}
.Floor002599 li .Ispic{ transition:0.2s;}
.Floor002599 li .txt{ transition:background 0.3s;}
.Floor002599 li:hover .txt{ background:rgba(209,35,42,0.03);}
.Floor002599 li .main{ padding:0 10%; width:100%; text-align: center}
.Floor002599 li .main .dot{ font-size: 0.3rem;margin: 16% 0 6% 0;color: var(--hover-color);font-family: 'hmb';}
.Floor002599 li .main p{ line-height:1.75;color:#000;font-size:0.22rem;}
@media(min-width:769px) and (max-width:1024px){
.Floor002599 li .main p{ margin:5px 0;}
.Floor002599 li .main .dot{ font-size:16px;}
}
@media(max-width:768px){
.Floor002599 li .Ispic{ position:relative; padding-bottom:73%; display:block;}
.Floor002599 li .main{ padding:5%;}
.Floor002599 li{ margin:0 auto; max-width:80%;}
}
@media(max-width:480px){
.Floor002599 li{ max-width:none;}
}




.index_show {padding:.8rem 0 1rem;overflow: hidden}
.index_show .item{position: relative;float: left}
.index_show .item .pic{position: relative;overflow: hidden}
.index_show .item .pic span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.index_show .item .pic span img{object-fit: cover;width: 100%;height: 100%;}
.index_show .item .txt .tit{font-size: var(--font-size50);color: #000;padding-bottom: .4rem;}
.index_show .item .txt .desc{font-size: var(--font-size20);color: #333;line-height: 1.5}

.index_show .item.l1 {width: 46.8%;padding-left: 7.8%;box-sizing: border-box;}

.index_show .item.l1 .pic{padding-bottom: 65.595%;}
.index_show .item.l1 .txt{padding: .5rem 0 0 0}

.index_show .item.l2 {width: 46.8%;padding-right: 7.8%;padding-top: 18.5%;float: right;position: relative;box-sizing: border-box;}
.index_show .item.l2::after{content: '';position: absolute;left: 0%;top: 8%;width: 100%;height: 13%;background: url(../images/logobg2.jpg)no-repeat left top;z-index: 1;}
.index_show .item.l2 .pic{padding-bottom: 65.595%;position: relative;z-index: 2}
.index_show .item.l2 .txt{padding: .5rem 0 0 0;position: relative;z-index: 2}

.index_show .item.l3 {width: 46.8%;padding-left: 7.8%;padding-top: 5.2%;padding-bottom: 1.3rem;box-sizing: border-box;}
.index_show .item.l3::before{content: '';position: absolute;width:100%;height: 13%;background:url(../images/logobg2.jpg)no-repeat left top;;right: 0;bottom: -15%;}
.index_show .item.l3 .pic{padding-bottom: 65.595%;}
.index_show .item.l3 .txt{padding: .5rem 0 0 0}

.index_show .item.l4 {width: 46.8%;padding-right: 7.8%;padding-top: 5.2%;float: right;position: relative;box-sizing: border-box;}

.index_show .item.l4 .pic{padding-bottom: 65.595%;}
.index_show .item.l4 .txt{padding: .5rem 0 0 0}


@media(max-width:1024px){
    .index_show .item.l2::after{display: none;}
    .index_show .item.l3::before{display: none;}
}




.ctitle{font-size:var(--font-size50);color: #000;font-family: 'hmr';line-height: 1 }
.ctitle.ct{text-align: center}
.ctitle .en{color: var(--hover-color);font-size:var(--font-size36) ;font-family: 'Barlow-Medium';text-transform: uppercase;padding-top: .1rem}



.cmenu{position: sticky;top: .8rem;z-index: 33; background: #fff;border-bottom: 1px solid #ebebeb}
.cmenu ul{display: flex;justify-content: center;}
.cmenu li{margin: 0 .4rem}
.cmenu li a{display: block;line-height: .9rem;font-size:var(--font-size18) ;position: relative}
.cmenu li a::after{content: '';position: absolute;width: 0%;height: 2px;bottom: 0;left: 50%;transform: translateX(-50%);background: var(--hover-color);transition: .3s all}
.cmenu li.aon a{color: var(--hover-color);}
.cmenu li.aon a::after{width: 100%;}
@media(max-width:768px){
.cmenu li{margin: 0 .2rem}
}

.BrandStory{padding: 1.2rem 0;}
.BrandStory .ctitle{}
.BrandStory .con{text-align: center}
.BrandStory .title p{color: var(--hover-color);font-size:var(--font-size30) ;position: relative;padding-left: .8rem;}
.BrandStory .title p::before{content: '';position: absolute;width: .6rem;height: 1px;background:var(--hover-color);left: 0;top: 50%;margin-top: .02rem;}

.BrandStory .desc{font-size:var(--font-size22);color: #000;line-height:2 ;padding-top: .5rem}
.BrandStory .pic{padding-bottom: 56.25%;background: #000;border-radius: .1rem;overflow: hidden;margin-bottom: .8rem}
@media(min-width:1025px){
    .BrandStory .con{text-align: center}
    .BrandStory .con .left{width: 40%;padding-right: 6%}
    .BrandStory .con .right{}
}




.BrandInfo {position: relative;}
.BrandInfo .pic{padding-bottom: 41.754%;position: relative;overflow: hidden}
.BrandInfo .pic span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.BrandInfo .pic span img{object-fit: cover;width: 100%;height: 100%;}

.BrandInfo .txt{position: absolute;width: 100%;left: 0;bottom: 0;}
.BrandInfo .txt .ctitle{padding-bottom: .8rem}
.BrandInfo .txt .desc{width: 40%;line-height: 2;color: #000;float: right;z-index: 10;position: relative;font-size:var(--font-size22);}
.BrandInfo::after{content: '';position: absolute;width: 50%;height: 65%; right: 0;bottom: 0;background: linear-gradient(to bottom, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 1) 52%, rgba(255, 255, 255, 1) 100%);z-index: 5}





.BrandHistory{padding: 1.2rem 0 0}

.BrandHistory .year{ position:relative; padding:1.2rem 0;margin-top: .5rem}
.BrandHistory .year::before{ content:''; width:1px; height:103%;  top:-3%; position:absolute; background-color:#ededed; z-index:0;}
.BrandHistory ul{ position:relative; z-index:1;}
.BrandHistory li{position:relative;  border-radius: 10px;margin-top: -1rem; }
.BrandHistory li:after{ content: ""; display: block;  position: absolute; top: 50.4%; right: 0; width: 50%; height: 2px; border-bottom: 1px dashed #ddd; z-index: -2  }
.BrandHistory li:nth-child(2n):after{ left: 0}
.BrandHistory li:before{width:.12rem; height:.12rem; border-radius:50%;position:absolute; left:50%; margin-left: -.06rem; top: 50%; margin-top: -2px;  content:''; background:var(--hover-color);}
.BrandHistory li:nth-child(2n)::before{ left:auto; right:50%; margin-right: -6px; }
.BrandHistory li .con{width: 45%; background: #f5f5f5; border-radius: 10px; float: right; position: relative;  overflow: hidden; }
.BrandHistory li .con figure{padding-bottom: 58.334%;}
.BrandHistory li .icon{ position: absolute; left: 0; bottom: 0;  width:60px; height: 60px; padding:5px; background: #fff; overflow: hidden; border-radius: 0 6px 0 0}
.BrandHistory li .con .txt{padding:.5rem .6rem; }
.BrandHistory li:nth-child(2n) .con figure{left: 0}
.BrandHistory li:nth-child(2n) .con  .txt{}
.BrandHistory li:nth-child(2n) .icon{ left: auto; right: 0; border-radius: 6px 0 0 0}
.BrandHistory li:nth-child(2n) .con{float:left}
.BrandHistory li .txt{  position:relative;}
.BrandHistory li .txt figure{transition:all ease 0.5s; position:absolute; top:0;width:120px; height:100px; }
.BrandHistory li:nth-child(2n) .txt figure{ left:0; }
.BrandHistory li:nth-child(2n-1) .txt figure{ right:0; }
.BrandHistory li .txt figure img{ position:absolute; max-width:100%; max-height:100%; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.BrandHistory li .txt .time{margin: 0;color: var(--hover-color);padding-bottom: .2rem; }
.BrandHistory li .txt .tit{font-size: var(--font-size24);color:#000;padding-bottom: .1rem; }
.BrandHistory li.hover .con{ border: 1px solid #e60012} 
.BrandHistory li.hover:after{ border-color:  #e60012} 
.BrandHistory li.hover:before{ border-color:  #e60012} 
@media(min-width:1025px){
    .BrandHistory .year::before{left:50%;margin-left:-0.5px; }
    .BrandHistory li{width:100%;}
    .BrandHistory li:nth-child(2n){ float:left;  }
    .BrandHistory li:nth-child(2n-1){float:right; z-index:10; }
}





.Features{padding: 1.2rem 0}
.Features .ctitle{padding-bottom: .8rem}

.Features .desc dl:not(:last-child){margin-bottom: .3rem}
.Features .desc dt{font-size: var(--font-size30);color:#000;padding-bottom: .15rem}
.Features .desc dd{font-size: var(--font-size18);}

.Features .pic{border-radius: .1rem;overflow: hidden;margin-bottom: .8rem;position: relative}
.Features .pic .swiper-slide figure{padding-bottom: 114%;background-size: cover;background-position: center;background-repeat: no-repeat}

.Features .pages{position: absolute;bottom: 5%;left: 50%;transform: translateX(-50%);z-index: 10}
.Features .pages:not(.swiper-pagination-lock){display: flex;justify-content: center;}
.Features .pages span{width: 0.12rem; height: 0.12rem;background: rgba(255,255,255,.5);opacity: 1}
.Features .pages span.swiper-pagination-bullet-active{background-color: var(--hover-color);}
@media(min-width:1025px){
    .Features .con{display: flex;justify-content: space-between;}
    .Features .con .left{width: 40%;padding-right: 6%}
    .Features .con .right{width: 40%;}
}





.Product .item{display: flex;align-items: center;background: #f2f2f2;}
.Product .item:nth-child(2n){flex-direction: row-reverse;background: #fff}
.Product .item .desc{width: calc(100% - 8rem);display: flex;flex-direction: column;align-items: center;}
.Product .item .desc .tit{font-size: var(--font-size40);color: var(--hover-color);font-family: 'hmb';padding-bottom: .2rem}
.Product .item .desc .info{color: #000;text-align: center;font-size:var(--font-size22);line-height: 2 }





.ProductVideo{padding: 1.2rem 0;background: #f2f2f2;}
.ProductVideo .video video{width: 100%}




.Store{padding: 1.2rem 0}
.Store .ctitle{padding-bottom: .7rem}
.Store .pic {border-radius: .1rem;overflow: hidden;}
.Store .pic figure{padding-bottom: 58.6%;background-size: cover;background-position: center;background-repeat: no-repeat;}
.Store .txt{background: #fff;width: 80%;margin: -4.22vw auto 0;box-shadow: 0px 0px 2.08vw rgba(0, 0, 0, 0.08);position: relative;z-index: 10;padding: .6rem;border-radius: .1rem}
.Store .txt .tit{font-size: var(--font-size26);color: #000}
.Store .txt .add{display: flex;margin-top: .15rem}
.Store .txt .add::before{content: '';width: .22rem;height: .24rem;background: url(../images/icon-add.svg)no-repeat center;background-size: .22rem auto;margin-right: .05rem}
.Store .controls{display: flex;align-items: center; margin-top: var(--padMar90); }
.Store .controls .pages{flex: 1;height: 2px;background-color: #eee;position: relative;}
.Store .controls .pages span{height: 5px;top: -2px;background-color: var(--hover-color);border-radius: 5px;}
.Store .controls .arrows{display: flex;align-items: center;justify-content: flex-end;width:1.6rem;}
.Store .controls .arrows a{display: block;width: 0.55rem; height: 0.55rem;border-radius: 50%;border: solid 1px var(--hover-color); background-position: center center; background-repeat: no-repeat; background-size: auto 0.18rem; cursor: pointer; transition: 0.3s; background-color: var(--white); position: relative; }
.Store .controls .arrows a + a{margin-left: 0.26rem;}
.Store .controls .arrows a.prev{background-image: url(../images/index_news-btn-prev-on.png);left: auto;}
.Store .controls .arrows a.next{background-image: url(../images/index_news-btn-next-on.png);right: auto;}
.Store .controls .arrows a:hover{background-color: var(--hover-color);}
.Store .controls .arrows a.prev:hover{background-image: url(../images/index_news-btn-prev.png);}
.Store .controls .arrows a.next:hover{background-image: url(../images/index_news-btn-next.png);}





.StoreInfo{/* padding-bottom: 1.2rem; */}
.StoreInfo .con{background: #f8f8f8;display: flex;padding: .8rem 1rem 0.4rem;border-radius: .1rem;flex-direction: column;}
.StoreInfo .con .item{width: 100%;}
.StoreInfo .con .item:nth-child(1){border-bottom: 1px solid #ddd;padding-bottom: 0.7rem;}
.StoreInfo .con .item:nth-child(2){padding-top: 0.7rem;}
.StoreInfo .con .item .title{font-size: var(--font-size30);color: #000;display: flex;align-items: flex-end;line-height: 1}
.StoreInfo .con .item .title p{color: var(--hover-color);font-size: var(--font-size18);margin-left: .5rem}
.StoreInfo .con .item .desc .code{display: flex;margin-top: .4rem;justify-content: space-around;}
.StoreInfo .con .item .desc .code dl{/* width: 40%; */display: flex;align-items: center;}
.StoreInfo .con .item .desc .code dl img{max-height: 1.2rem;border: 1px solid #ebebeb}
.StoreInfo .con .item .desc .code dl dd{color: #000;margin-left: .2rem;}




.Contact{padding: 1.2rem 0;background: #fafafa}
.Contact .contactInfo{display: flex;flex-wrap: wrap;justify-content: space-between;;}
.Contact .contactInfo .item{width: 32%;background: #fff;text-align: center;padding: .7rem}
.Contact .contactInfo .item .icon{display: flex;justify-content: center;}
.Contact .contactInfo .item .icon span{width: .8rem;height: .8rem;border-radius: 50%;background:var(--hover-color);display: flex;justify-content: center;align-items: center;}
.Contact .contactInfo .item .icon span img{width: .3rem;}
.Contact .contactInfo .item .tit{font-size: var(--font-size18);padding: .15rem 0 .2rem}
.Contact .contactInfo .item .desc{font-size: var(--font-size22);color: #000}
.Contact .contactInfo .item .fs18{font-size: var(--font-size18);}

.Contact .follow{background: #fff;padding: .5rem;margin-top: 2%}
.Contact .follow .title{font-size: var(--font-size24);text-align: center;color: #000;padding-bottom: .4rem}
.Contact .follow ul{display: flex;justify-content: center;}
.Contact .follow ul li{text-align: center;margin: 0 1rem}
.Contact .follow ul li img{max-width: 1.5rem;}
.Contact .follow ul li .tit{padding-top: .1rem;}




.yul{padding-bottom: 1.2rem}


@media(max-width:1024px){
  .index_about{padding: .4rem 0}
  .index_show{padding: .4rem 0}
  .index_food{padding: .4rem 0}
  .BrandStory{padding: .4rem 0 0}
  .BrandInfo{padding-top: .4rem;}
  .Features{padding: .4rem 0}
  .ProductVideo{padding: .4rem 0}
  .Store{padding: .4rem 0}
  .Contact{padding: .4rem 0}
  .index_show .item .txt .tit{font-size: var(--font-size32);}
  .index_about .con .left .txt p{font-size: var(--font-size24);}
  .home-title{padding-bottom: .3rem;}
  .home-title .tit2{font-size: var(--font-size32);}
  .home-title .desc{font-size:var(--font-size20);}
  .Bottom{padding: .4rem 0}
  .Bottom .f-top{padding-bottom: .2rem;margin-bottom: .2rem;}
  .Header .menu{position: fixed;display: none;width: 2rem;right: 0;top: .7rem;background-color: #ac0a0d;z-index: 3;}
  .Header .menu li a{display: block;padding: .15rem .2rem;}
  .menu-show .Header .menu{display: block;}
  .top-lang{margin-right: .2rem;}
  .Header{padding: .15rem 0}
  .Header .open-search{margin-right: .2rem;}
  .Header .logo img{max-width: 2.2rem;}
  .ctitle{font-size: var(--font-size32);}
  .ctitle .en{font-size: var(--font-size28);}
  .BrandHistory{padding-top: .4rem;}
  .Features .ctitle{padding-bottom: .3rem;}
  .Store .ctitle{padding-bottom: .4rem;}
  .StoreInfo .con .item:nth-child(1){padding-bottom: .4rem;}
  .StoreInfo .con .item:nth-child(2){padding-top: .4rem;}
  .yul{padding-bottom: .4rem;margin-top: 0;}
  .Contact .follow ul li{margin: 0 .2rem;}
  .Contact .contactInfo .item .desc span{ display:inline-block;}
  .index_buss .txt{position: initial;width: 100%;background: none;}
  .home-title.white .tit2{color: #000;}
  .index_buss .txt .con .desc{width: 100%;color: #000;}
  .index_buss .bg{margin-top: .2rem;}

}
@media(max-width: 768px){
  .index_about .con .right{margin-top: .2rem;}
  .index_show .item{margin-bottom: .3rem;float: none !important;width: 100% !important;padding: 0 3% !important;box-sizing: border-box;}
  .index_show .item .txt .tit{padding-bottom: .2rem;}
  .index_show .item .txt{padding-top: .2rem !important;}
  .index_food .list{margin-top: .1rem;}
  .Bottom .f-mid .f-mid-r{width: 100%;text-align: center;}
  .Bottom .copyright{margin-top: .2rem;}
  .BrandInfo .txt{position: initial;width: 100%;}
  .BrandStory .desc{padding-top: .2rem;}
  .BrandInfo::after{display: none;}
  .BrandInfo .txt .desc{float: none;width: 100%;text-align:center;}
  .BrandInfo .txt .ctitle{padding-bottom: .2rem;text-align: center;}
  .BrandHistory .year::before{display: none;}
  .BrandHistory li:after{display: none;}
  .BrandHistory li:before{display: none;}
  .BrandHistory li{margin-top: 0;}
  .BrandHistory .year{margin-top: .2rem;padding: 0 0 .4rem;}
  .BrandHistory li{margin-bottom: .2rem;}
  .BrandHistory li .con{width: 100%;float: none;}
  .BrandHistory li:nth-child(2n) .con{width: 100%;float: none;}
  .BrandHistory li .con .txt{padding: .2rem .3rem;}
  .Features .desc dd span{ display:inline-block;}
  .Features .desc dt{font-size: var(--font-size26);}
  .Features .desc dl:not(:last-child){margin-bottom: .2rem;}
  .Features .right{margin-top: .2rem;}
  .Features .pic{margin-bottom: 0;}
  .Product .item{padding-top: .4rem;flex-wrap: wrap;}
  .Product .item .desc{width: 100%;}
  .Product .item .pic{width: 100%;}
  .Product .item .desc .tit{font-size: var(--font-size30);}
  .Product .item .desc .info{ font-size:var(--font-size18);}
  .Store .ctitle{padding-bottom: .2rem;}
  .Store .txt{width: 94%;padding: .3rem;}
  .Store .txt .tit{font-size: var(--font-size24);}
  .Store .controls{margin-top: .3rem;}
  .StoreInfo .con{padding: .4rem .3rem;}
  .StoreInfo .con .item .title{font-size: var(--font-size26);}
  .StoreInfo .con .item .desc .code{flex-wrap: wrap;margin-top:.2rem;}
  .StoreInfo .con .item .desc .code dl{width:49%;margin-bottom:.1rem; margin-right:2%;}
  .StoreInfo .con .item .desc .code dl:last-child,
  .StoreInfo .con .item .desc .code dl:nth-child(2n){margin-right:0;}
  .StoreInfo .con .item:nth-child(1){padding-bottom:.2rem;}
  .StoreInfo .con .item:nth-child(2){padding-top:.2rem;}
  .Contact .contactInfo{flex-wrap: wrap;}
  .Contact .contactInfo .item{width: 100%;padding: .3rem;margin-bottom: .2rem;}
  .Contact .follow{padding: .3rem;}
  .Contact .follow ul{display: flex;flex-wrap: wrap;margin: -1%;}
  .Contact .follow ul li{width: 48%;margin: 1%;}
  .Contact .contactInfo .item{ padding:.3rem .1rem;}
  .Contact .contactInfo .item .desc{ font-size:var(--font-size20);}
  .Contact .contactInfo .item .desc span{ display:inline-block;}
  .BrandInfo{display: flex;flex-wrap: wrap;flex-flow: column-reverse;}
  .BrandInfo .pic{width: 100%;margin-top: .2rem;}
  .StoreInfo .con .item .desc .code dl dd{margin-left: .1rem;}
  .StoreInfo .con .item .desc .code dl dt{width: .8rem;}
  .StoreInfo .con .item:nth-child(2) .desc{margin-top: .2rem;}
  .StoreInfo .con .item:nth-child(2) .desc .code{margin: -1%;}
  .StoreInfo .con .item:nth-child(2) .desc .code dl{width: 48%;margin: 1%;}
  .StoreInfo .con .item:nth-child(2) .desc .code dl dt{width: 100%}
  .StoreInfo .con{border-radius: 0;}
}