.kv {
  background: url(../imgs/food/banner_bg.jpg) center center no-repeat;
  background-size: cover;
  height: calc(100vh - 1.26rem);
}

.kv .container {
  height: 100%;
  padding: 0;
  max-width: inherit;
}

.kv .l-imgs {
  left: 8.33%;
  position: absolute;
  bottom: 1rem;
  width: 4.13rem;
  text-align: right;
}

.kv .p1 {
  width: 2.33rem;
  margin-bottom: .39rem;
}

.kv .p2 {
  width: 4.13rem;
}

.kv .p3 {
  position: absolute;
  bottom: 1rem;
  width: 1.27rem;
  right: 4.68%;
}

.cfpe-title {
  height: .74rem;
  padding-top: 1rem;
  box-sizing: content-box;
  margin: 0 auto;
  display: block;
}

h2 {
  font-size: .24rem;
  color: #fff;
  line-height: .24rem;
  margin-top: .2rem;
  text-align: center;
}

.features {
  background: url(../imgs/food/bg_features.jpg) no-repeat;
  background-size: cover;
  height: 8.18rem;
  color: #fff;
  text-align: center;
}

.features p {
  font-size: .15rem;
  line-height: .32rem;
  margin-top: .6rem;
}

.features .slogan {
  margin-top: .6rem;
  height: .46rem;
}

.features-nav {
  background: rgba(0, 0, 0, .6);
  height: .88rem;
  color: #fff;
  text-align: center;

  padding: .24rem 0;
  font-size: 0;
}

.features-nav a {
  border-left: 1px solid #B4913B;
  display: inline-block;
  width: 14.7%;
  line-height: .2rem;
  height: .4rem;
  background: url(../imgs/food/btn_arrow.png) center .2rem no-repeat;
  background-size: .24rem;
  font-size: .15rem;
}

.features-nav a:last-of-type {
  border-right: 1px solid #B4913B;
}

.lineup {
  background: #000;
  padding-bottom: 1.56rem;
  color: #fff;
}

.creekstone-farms {
  margin-top: 1rem;
}

.creekstone-farms .pic {
  float: left;
}

.creekstone-farms .txt {
  float: left;
}

.creekstone-farms .txt img {
  height: .58rem;
  margin-bottom: .16rem;
}

.creekstone-farms .txt p {
  font-size: .15rem;
  line-height: .32rem;
}

.lg-creekstone-farms {
  margin-top: .8rem;
}

.lg-creekstone-farms .pic {
  width: 33.18%;
  margin: 0 .5rem 0 .4rem;
}

.lg-creekstone-farms .txt {
  width: 50.75%;
}

.creekstone-farms-list .creekstone-farms {
  float: left;
  width: 48%;
  margin-right: 4%;
}

.creekstone-farms-list .creekstone-farms:last-of-type {
  margin-right: 0;
}

.creekstone-farms-list .creekstone-farms .pic {
  width: 34.3%;
}

.creekstone-farms-list .creekstone-farms .txt {
  width: 57.7%;
  margin-left: 8%;
}

.quality {
  background: url(../imgs/food/bg_quality.jpg) #000 center top no-repeat;
  background-size: 19.2rem auto;
  color: #fff;
}

.quality .subtitle {
  font-size: .18rem;
  line-height: .36rem;
  text-align: center;
  margin-top: .24rem;
  margin-bottom: .64rem;
}

.quality .list {
  padding-bottom: 1.2rem;
}

.quality .list .item {
  width: 47%;
  float: left;

}

.quality .list .item:nth-of-type(2n+1) {
  margin-right: 6%;
}

.quality .list .item h3 {
  font-size: .3rem;
  line-height: .45rem;
  color: #B4913B;
  margin-top: 1rem;
  margin-bottom: .33rem;
}

.quality .list .item p {
  min-height: 1.5rem;
  line-height: .24rem;
  font-size: .14rem;
}

.interview {
  background: url(../imgs/food/interview_bg.jpg) center center no-repeat;
  background-size: auto 100%;
  height: 6.43rem;
  color: #fff;
}

.interview p {
  font-size: .15rem;
  line-height: .32rem;
}

.interview .txt img {
  height: .72rem;
  margin-bottom: .2rem;
}

.interview .pic {
  width: 40%;
  float: left;
}

.interview .cfpe-title {
  height: .74rem;
  padding-top: .76rem;
}

.interview h2 {
  margin-top: 0;
}

.interview .txt {
  width: 54.5%;
  margin-left: 4.5%;
  float: left;
}

.interview .container>div {
  margin-top: .8rem;
}

.information-history {
  background: url(../imgs/food/bg_corporate.jpg)repeat;
  background-size: 3rem;
  color: #101112;
  padding-bottom: 1.2rem;
}

.information-history h2 {
  color: #101112;
}

.information-history .creekstone {
  width: 2.38rem;
  display: block;
  margin: 0 auto;
  padding-top: 1rem;
  box-sizing: content-box;
}

.information-history .cfpe-title {
  padding-top: .8rem;
}

.information-history .information p {
  margin-bottom: .24rem;
  line-height: .27rem;
  font-size: .15rem;
}

.information-history .information p:last-of-type {
  margin-bottom: 0;
}

.information-history .information:first-of-type {
  background: url(../imgs/food/img_map.png) right center no-repeat;
  background-size: 48.18% auto;
  height: 3.81rem;
  margin-top: .5rem;
}

.information-history .information p span:first-of-type {
  display: inline-block;
  width: 16%;
}

.information-history .slogan {
  height: .95rem;
  margin: .5rem auto;
  display: block;
}

@media (max-width: 768px) {


  .kv {
    background: url(../imgs/food/banner_bg_mob.jpg);
    height: calc(100vh - .72rem);
    background-size: cover;
    margin-top: .72rem;
  }

  .kv .l-imgs {
    width: 100%;
    left: 0;
    text-align: center;
    bottom: 1.21rem;
  }

  .kv .p1 {
    width: 1.46rem;
  }

  .kv .p2 {
    width: 2.66rem;
  }

  .kv .p3 {
    width: .74rem;
    bottom: .34rem;
  }

  .features-nav {
    height: 1.88rem;
    background: #000;
    padding: .2rem .2rem 0;
  }

  .features-nav a {
    width: 50%;
    border-right: 1px solid #B4913B;
    margin-bottom: .16rem;
  }

  .features-nav a:nth-of-type(2n) {
    border-left: 0;
  }

  .features {
    background: url(../imgs/food/bg_features_mob.jpg) center 1.88rem no-repeat;
    background-size: 100% auto;
    height: 9.21rem;
  }

  .cfpe-title {
    padding-top: .76rem;
    height: .48rem;
  }

  h2 {
    font-size: .2rem;
    line-height: .2rem;
  }

  .features p {
    padding: 0 .4rem;
    font-size: .13rem;
    line-height: .32rem;
    text-align: left;
  }

  .features .slogan {
    height: .25rem;
  }



  .information-history .creekstone {
    padding-top: .7rem;
  }

  .information-history .information {
    padding: 0 .4rem;
  }

  .information-history .information p span {
    display: block;
    font-size: .15rem;
    line-height: .24rem;
    margin-bottom: .36rem;
  }

  .information-history .information p span:first-of-type {
    display: block;
    width: 100%;
    font-size: .15rem;
    line-height: .15rem;
    color: #101112;
    margin-bottom: .1rem;
    font-weight: bold;
  }

  .information-history .information:first-of-type {
    height: auto;
    background: url(../imgs/food/img_map.png) center bottom no-repeat;
    background-size: 90% auto;
    padding-bottom: 2.64rem;
  }

  .information-history .information p:last-of-type span:last-of-type {
    margin-bottom: 0;
  }

  .creekstone-farms-list .creekstone-farms {
    width: 100%;
    float: none;
  }

  .creekstone-farms-list .creekstone-farms .txt {
    width: 100% !important;
  }

  .creekstone-farms {
    margin-top: .6rem;
  }

  .creekstone-farms .txt {
    float: none;
    width: 100%;
    padding: 0 .4rem;
  }

  .creekstone-farms .pic {
    width: 2.24rem;
    float: none;
  }

  .creekstone-farms .txt img {
    margin-top: .3rem;
    margin-bottom: .22rem;
  }

  .creekstone-farms .txt p {
    font-size: .13rem;
    line-height: .24rem;
  }

  .lg-creekstone-farms .pic {
    width: 2.24rem;
    margin: 0 auto;
    display: block;
  }

  .lg-creekstone-farms {
    margin-top: .6rem;
  }

  .creekstone-farms-list .creekstone-farms .pic {
    width: 2.24rem;
    margin: 0 auto;
    display: block;
  }

  .creekstone-farms-list .creekstone-farms .txt {
    margin-left: 0;
  }

  .creekstone-farms .txt .icon {
    margin: .1rem 0 0 0;
  }

  .creekstone-farms .txt .icon img {
    margin-right: .16rem;
    margin: .1rem 0 0 0;
  }

  .lineup {
    height: auto;
    padding-bottom: .84rem;
  }

  .quality {
    padding: 0 .4rem;
  }

  .quality .list .item {
    width: 100%;
    margin-right: 0 !important;
  }

  .quality .list .item h3 {
    font-size: .26rem;
    margin-top: .6rem;
    margin-bottom: .24rem;
  }

  .quality .list .item h3:first-of-type {
    margin-top: .7rem;
  }

  .quality .subtitle {
    font-size: .16rem;
    margin-top: .4rem;
    margin-bottom: .24rem;
  }

  .quality .list .item p {
    min-height: auto;
    margin-bottom: .3rem;
  }

  .quality .list .item img.pc+img.mob {
    margin-bottom: .24rem;
  }

  .interview {
    background: url(../imgs/food/interview_bg_mob@3x.jpg) no-repeat;
    background-size: 100% auto;
    height: 9.1rem;
    padding: 0 .4rem;
  }

  .interview .pic {
    float: none;
    width: 100%;
  }

  .interview .txt {
    width: 100%;
    float: none;
    margin-left: 0;
  }

  .interview .txt img {
    height: .72rem;
    margin-bottom: .24rem;
    margin-top: .4rem;
  }

  .creekstone-farms .txt img {
    height: .62rem;
  }
}