@charset "UTF-8";
@font-face {
  font-family: 'FangZhengqingregularscript';
  src: url("../../font/FangZhengqingregularscript.ttf") format("truetype"); }

#page-header .menu ul {
  margin: 0;
  width: 100%;
  font-size: 0; }

.row {
  margin: 0 auto; }

.item1 {
  width: 350px;
  height: 363px;
  background-color: aqua;
  margin-top: 2%; }

.big-title h2 {
  font-size: 48px;
  background: none;
  line-height: 71px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 1180px; }

.big-title {
  position: relative;
  width: 100%;
  overflow: hidden; }

.big-title {
  margin-bottom: 50px; }

.big-title .line {
  position: absolute;
  height: 1px;
  background: rgba(65, 64, 66, 0.5);
  left: 286px;
  top: 50%;
  width: 1000%; }

.text-Conset {
  text-align: center; }

.Names {
  top: 5%;
  left: 40%;
  width: 58px;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  font-family: FangZhengqingregularscript !important;
  box-shadow: 0px 0px;
  color: #ffffff;
  font-size: 34px;
  margin-bottom: 5px;
  text-align: center;
  line-height: normal;
  letter-spacing: normal;
  text-transform: uppercase; }

.ingredient {
  font-size: 18px;
  text-align: center;
  text-transform: none;
  letter-spacing: normal;
  line-height: normal;
  margin: 0 auto 25px; }

.sinBtns {
  cursor: pointer;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  font-size: 15px;
  background-color: #000;
  color: #fff;
  padding: 0 15px;
  font-weight: 200;
  text-align: center;
  white-space: nowrap; }

.ingredient-galler {
  max-width: 280px;
  height: 350px;
  margin: 0 auto 30px auto;
  position: relative;
  overflow: hidden;
  border: 1px transparent solid; }

.fluid-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block; }

.text-wrapper {
  width: 100%;
  position: absolute;
  padding: 20px 20px;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 55%;
  text-align: center;
  word-wrap: break-word;
  z-index: 999; }

.htisna {
  min-height: 850px; }

.countis {
  margin-bottom: 30px; }

.poinser {
  position: relative; }

.sinesBtns {
  position: absolute;
  width: 330%;
  height: 500px; }

.borders {
  border: 1px solid #58595b;
  padding: 30px; }

.modal-header {
  display: inline-block; }

.binsdimage {
  width: 50%;
  margin-left: auto;
  margin-right: auto; }

.binsdimage > img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.goodsName {
  padding: 15px;
  font-size: 20px;
  padding-bottom: 0px; }

.goodsdescription {
  padding: 15px;
  font-size: 16px;
  margin-bottom: 15px; }

.btn-primary a {
  color: #fff;
  text-decoration: none; }

#image::before {
  content: '';
  filter: blur(5px); }

@media (min-width: 768px) {
  .Names {
    font-size: 30px; }
  .ingredient {
    width: 70%; }
  .ingredient {
    font-size: 17px; }
  .ingredient-galler {
    max-width: 420px; } }

.murts {
  position: relative; }

.murtsText {
  position: absolute;
  top: 40px;
  background-color: #fff;
  z-index: 9999; }

.murtsText {
  padding: 0px;
  margin: 0px; }

.murtsText a {
  text-decoration: none; }

.murtsText > li {
  width: 95%;
  padding: 1px 5px; }

.murtsText > li:hover {
  color: #fff;
  cursor: pointer;
  background-color: #80b9ac; }

.murtsText > li > :hover .dinsds {
  color: #fff; }

.murts:hover .murtsText {
  display: block;
  transition: all  5s; }

.primaryBtn {
  padding: 0;
  width: 100px;
  height: 36px;
  line-height: 36px;
  margin-right: 24px;
  text-align: center;
  font-size: 15px; }

.btn-default {
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  line-height: 36px;
  color: #414042;
  background: none;
  position: relative;
  border: 1px solid #414042;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  transition: color 0.3s; }

.btn-default a {
  color: #000000;
  text-decoration: none; }

.btn-default a {
  width: 100%;
  text-align: center;
  color: #000000;
  display: block;
  position: absolute;
  z-index: 9999;
  text-decoration: none; }

.btn-default:hover a {
  color: #ffffff;
  text-decoration: none; }

.urlA {
  display: inline-block; }

.NotoSansCJKsc-bold {
  color: #333; }

.bold {
  color: #fff; }

.shoue {
  width: 100%;
  margin-left: -93px;
  margin-top: 17px; }

#page-footer .footer-container .nav ul li a {
  margin-left: 27px;
  width: 100%; }

.textSert {
  text-align: center;
  margin-bottom: 20px; }

.textSert > div {
  display: block; }

.sind1 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px; }

.sind6 {
  margin-top: 15px; }

.qwe {
  font-size: 15px; }

.sinBtns {
  display: none; }

.text-wrapper {
  cursor: pointer; }

.ingredient-galler:hover .sinBtns {
  display: inline-block; }

.Geinsd {
  color: #f9b73d;
  font-weight: 600;
  padding: 15px;
  font-size: 20px;
  padding-bottom: 0px; }

#page-pagination {
  margin-top: 60px;
  margin-bottom: 120px;
  margin-left: 40px; }

#page-pagination .visibility, .page-pagination .visibility {
  display: inline-block; }

#page-pagination .start, .page-pagination .start {
  margin-right: 10px;
  background: url(../../resource/pagination_start.png) no-repeat center;
  background-size: 30px 30px; }

#page-pagination .start, #page-pagination .end, .page-pagination .start, .page-pagination .end {
  display: inline-block;
  border: 1px solid #044C3C;
  width: 42px;
  height: 42px;
  background: #fff;
  display: none;
  cursor: pointer; }

.sindsUl li {
  display: inline-block;
  vertical-align: middle; }

.sind6 div {
  font-size: 15px;
  margin-right: 15px;
  display: inline-block;
  vertical-align: middle; }

.sind6 ul {
  font-size: 15px;
  margin-bottom: 0px;
  display: inline-block;
  vertical-align: middle; }

.sind6 ul li {
  padding: 10px;
  transition: all 1s; }

.sind6 ul li:hover {
  color: #fff;
  cursor: pointer;
  border-radius: 10px;
  transition: all 1s;
  background-color: #044C3C; }

.poinser {
  height: 100%;
  display: inline-block;
  vertical-align: middle; }

@media (max-width: 500px) {
  .sind6 ul li {
    width: 30px;
    height: 30px;
    padding: 0px;
    line-height: 30px;
    transition: all 1s; }
  .ingredient-galler {
    height: 280px; } }

.poinsdd {
  top: 0%;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  transition: all 1s;
  backdrop-filter: blur(5px);
  background-color: rgba(230, 230, 230, 0.2); }

.ingredient-galler:hover .poinsdd {
  opacity: 1;
  transition: all 1s; }

html * {
  padding: 0;
  margin: 0; }

#box {
  width: 75%;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto; }

.Waerrelative {
  height: 100%;
  position: relative; }

.waterfall-boxFer {
  margin-top: 20px; }

.Waerrelative img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.Berisnd {
  top: 0%;
  left: 0%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow-y: hidden;
  background-color: rgba(255, 255, 255, 0.8); }

.sindgg {
  top: 16%;
  left: 26%;
  width: 870px;
  height: 444px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  border: 12px #fff solid;
  background-color: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  position: fixed; }

.ingsdName {
  width: 77%; }

.ingsdName img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.Nameef {
  width: 22%;
  min-height: 404px;
  background-color: #fff; }

.getinsdf {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 30px; }

.sindff3, .sindff2, .sindff {
  height: 100%;
  writing-mode: vertical-rl;
  /*从左向右 从右向左是 writing-mode: vertical-rl;*/
  writing-mode: tb-lr;
  /*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/ }

.sindff3 {
  height: 32%;
  width: 20px;
  font-size: 17px;
  font-weight: 600;
  padding-left: 5px;
  margin-left: 10px;
  border-left: 1px #000000 solid; }

.sindff2 {
  padding-top: 55%;
  font-size: 12px;
  width: 10px;
  height: 75%;
  display: inline-block; }

.sindff {
  table-layout: fixed;
  margin-top: 36%;
  height: 70%; }

.sindg {
  width: 80%;
  display: flex;
  padding-left: 10px;
  position: relative;
  justify-content: space-between; }

.Nameef {
  padding-right: 10px;
  display: flex;
  justify-content: space-between;
  position: relative; }

.contberts {
  width: 1100px;
  margin-right: auto;
  margin-left: auto; }

.RowPings {
  position: relative;
  min-height: 2500px; }

.imgrin {
  position: absolute;
  overflow: hidden; }

.imgrin > img {
  width: 100%;
  object-fit: cover; }

.fontsid {
  font-size: 30px;
  width: 10px;
  position: absolute;
  font-family: FangZhengqingregularscript !important; }

.imgText1 {
  color: #B4712F;
  left: 10px;
  top: 10px; }
.img1{
  width: 656px;
  left: 0px;
  z-index: 1;
}

.img2 {
  width: 433px;
  z-index: 1;
  left: 664px; }

.imgText2 {
  font-size: 40px;
  color: #fff;
  left: 226px;
  top: 113px; }

.img3 {
  width: 434px;
  z-index: 1;
  left: 0px;
top: 489px;
}

.imgText3 {
  color: #B4712F;
  right: 35px;
  top: 10px; }

.img4 {
  width: 653px;
z-index: 1;
  top: 489px;
left: 443px; }

.imgText4 {
  color: #B4712F;
  right: 35px;
  top: 10px; }

.img5 {
  width: 653px;
  z-index: 1;
  top: 981px;
  left: 0px; }

.imgText5 {
  font-size: 40px;
  color: #fff;
  left: 204px;
  top: 95px; }

.img6 {
  z-index: 1;
  left: 662px;
  width: 212px;
  top: 981px; }

.imgText6 {
  color: #fff;
  left: 10px;
  top: 10px; }

.img7 {
  width: 212px;
  z-index: 1;
  top: 981px;
  left: 884px; }

.imgText7 {
  color: #fff;
  left: 109px;
  top: 40px; }

.img8 {
  width: 432px;
  z-index: 1;
  top: 1146px;
  left: 664px;}

.imgText8 {
  font-size: 40px;
  color: #fff;
  left: 208px;
  top: 113px; }

.img9 {
  width: 432px;
  z-index: 1;
  top: 1311px;
  left: 0px; }

.imgText9 {
  color: #B4712F;
  left: 10px;
  top: 10px; }

.img10 {
  width: 208px;
  top: 1961px;
  left: 0px; 
z-index: 1;}

.imgText10 {
  color: #fff;
  left: 109px;
  top: 33px; }

.img11 {
  width: 426px;
  top: 1961px;
  left: 224px; 
  z-index: 1; }

.imgText11 {
  color: #B4712F;
  right: 35px;
  top: 10px; }

.img12 {
  width: 426px;
  top: 1961px;
  left: 665px; 
  z-index: 1;}

.imgText12 {
  font-size: 40px;
  color: #fff;
  left: 208px;
  top: 139px; }

.img13 {
  width: 208px;
  top: 2128px;
  left: 0px; 
z-index: 1; }

.imgText13 {
  color: #B4712F;
  left: 10px;
  top: 10px; }

.img14 {
  width: 202px;
  top: 2128px;
  left: 224px; 
  z-index: 1;}

.imgText14 {
  color: #B4712F;
  left: 10px;
  top: 10px; }

.img15 {
  width: 208px;
  top: 2128px;
  left: 439px; 
z-index: 1; }

.imgText15 {
  color: #B4712F;
  left: 10px;
  top: 10px; }

.img16 {
  width: 208px;
  top: 2128px;
  left: 664px; 
z-index: 1;}

.imgText16 {
  color: #B4712F;
  left: 10px;
  top: 10px; }

.img17 {
  width: 205px;
  top: 2128px;
  left: 887px; 
z-index: 1; }

.imgText17 {
  color: #B4712F;
  left: 10px;
  top: 10px; }

.img18 {
  width: 205px;
  top: 2292px;
  left: 0px; 
z-index: 1; }

.imgText18 {
  color: #B4712F;
  right: 35px;
  top: 10px; }

.img19 {
  width: 202px;
  top: 2292px;
  left: 224px; 
z-index: 1; }

.imgText19 {
  font-size: 40px;
  color: #fff;
  left: 208px;
  top: 139px; }

.img20 {
  width: 205px;
  top: 2292px;
  left: 439px; 
z-index: 1;; }

.imgText20 {
  color: #B4712F;
  left: 10px;
  top: 10px; }

.img21 {
  width: 205px;
  top: 2292px;
  left: 664px; 
z-index: 1;; }

.imgText21 {
  color: #B4712F;
  left: 10px;
  top: 10px; }

.img22 {
  top: 1147px;
  left: 664px; }

.imgText22 {
  color: #fff;
  left: 10px;
  top: 10px; }

.img23 {
  top: 1311px; }

.imgText23 {
  color: #B4712F;
  left: 10px;
  top: 10px; }

.img24 {
  top: 1474px; }

.imgText24 {
  color: #B4712F;
  left: 10px;
  top: 10px; }

.img25 {
  top: 1311px;
  left: 443px; }

.imgText25 {
  color: #B4712F;
  left: 10px;
  top: 10px; }

.img26 {
  top: 1474px;
  left: 443px; }

.imgText26 {
  color: #B4712F;
  left: 10px;
  top: 10px; }

.img27 {
  top: 1311px;
  left: 664px; }

.imgText27 {
  color: #B4712F;
  left: 10px;
  top: 10px; }

.img28 {
  top: 1474px;
  left: 664px; }

.imgText28 {
  color: #B4712F;
  left: 10px;
  top: 10px; }

.img29 {
  top: 1474px;
  left: 886px; }

.imgText29 {
  color: #ffffff;
  left: 10px;
  top: 10px; }

.img30 {
  top: 1637px; }

.imgText30 {
  color: #B4712F;
  left: 10px;
  top: 10px; }

.img31 {
  top: 1637px;
  left: 222px; }

.imgText31 {
  color: #B4712F;
  left: 10px;
  top: 10px; }

.img32 {
  top: 1637px;
  left: 664px; }

.imgText32 {
  color: #B4712F;
  right: 35px;
  top: 10px; }

.img33 {
  top: 1800px; }

.imgText33 {
  color: #ffffff;
  left: 10px;
  top: 10px; }

.img34 {
  top: 1800px;
  left: 443px; }

.imgText34 {
  color: #fff;
  right: 35px;
  top: 10px; }

.img35 {
  top: 1800px;
  left: 664px; }

.imgText35 {
  color: #B4712F;
  right: 35px;
  top: 10px; }

.img36 {
  top: 1800px;
  left: 886px; }

.imgText36 {
  color: #B4712F;
  right: 35px;
  top: 10px; }

.Berisnd {
  display: none; }

.NotoSansCJKsc-bold {
  color: #fff; }