@charset "utf-8";
/*内页头部轮播图*/
.c-banner2 {
  position: relative;
  z-index: 0;
  height: 6rem;
}
@media (max-width: 767px) {
  .c-banner2 {
    height: 14rem;
  }
}
.c-banner2 .swiper-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}
.c-banner2 .swiper-slide {
  position: relative;
  z-index: 0;
  height: 100%;
  overflow: hidden;
}
.c-banner2 .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-banner2 .swiper-slide .c-pc2-w {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
}
@media (max-width: 767px) {
  .c-banner2 .swiper-slide .c-pc2-w {
    display: none;
  }
}
.c-banner2 .swiper-slide video {
  z-index: 9;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-banner2 .swiper-slide .c-mb1,
.c-banner2 .swiper-slide .c-mb2 {
  display: none;
}
@media (max-width: 767px) {
  .c-banner2 .swiper-slide .c-mb1,
  .c-banner2 .swiper-slide .c-mb2 {
    display: block;
  }
}
@media (max-width: 767px) {
  .c-banner2 .swiper-slide .c-pc1,
  .c-banner2 .swiper-slide .c-pc2 {
    display: none;
  }
}
.c-banner2 .swiper-slide .c-pc1,
.c-banner2 .swiper-slide .c-mb1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.c-banner2 .swiper-slide .c-pc2,
.c-banner2 .swiper-slide .c-mb2 {
  position: relative;
  z-index: 2;
}
.c-banner2 .con {
  position: absolute;
  z-index: 10;
  top: 10%;
  left: 0;
  width: 100%;
  height: 60%;
  display: flex;
  align-items: center;
}
.c-banner2 .container {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
}
@media (max-width: 767px) {
  .c-banner2 .container {
    line-height: 1.3;
  }
}
.c-banner2 .container .title {
  position: relative;
  z-index: 0;
  opacity: 0;
  top: 1.5em;
  font-weight: bold;
  transition: all 0.8s;
  -moz-transition: all 0.8s;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  line-height: 1.2em;
  -moz-text-shadow: 0 2px 0.3rem rgba(0, 0, 0, 0.2);
  -webkit-text-shadow: 0 2px 0.3rem rgba(0, 0, 0, 0.2);
  text-shadow: 0 2px 0.3rem rgba(0, 0, 0, 0.2);
}
@media (max-width: 1260px) {
  .c-banner2 .container .title {
    width: 40%;
    margin-left: 0;
    margin-right: auto;
  }
}
@media (max-width: 767px) {
  .c-banner2 .container .title {
    width: 100%;
    font-size: 1.2rem;
  }
}
.c-banner2 .container .intro {
  margin-top: 2em;
  line-height: 1.8;
  text-align: left;
  max-height: 7.2em;
  overflow: hidden;
  opacity: 0;
  transition: all 0.8s;
  -moz-transition: all 0.8s;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition-delay: 0.8s;
  -moz-transition-delay: 0.8s;
  -webkit-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
}
.c-banner2 .container .txt {
  position: relative;
  z-index: 0;
  opacity: 0;
  top: 3em;
  transition: all 0.8s;
  -moz-transition: all 0.8s;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition-delay: 0.8s;
  -moz-transition-delay: 0.8s;
  -webkit-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  width: 40%;
  margin-left: 0;
  margin-right: auto;
  margin-top: 0.32rem;
}
@media (max-width: 1260px) {
  .c-banner2 .container .txt {
    width: 40%;
    margin-left: 0;
    margin-right: auto;
    font-size: 16px ;
  }
}
@media (max-width: 767px) {
  .c-banner2 .container .txt {
    width: 100%;
    margin-top: 1.5em;
    font-size: 0.7em;
  }
}
.c-banner2 .swiper-slide-active .container .title {
  opacity: 1;
  top: 0;
}
.c-banner2 .swiper-slide-active .container .txt,
.c-banner2 .swiper-slide-active .container .intro {
  opacity: 1;
  top: 0;
}
.c-banner2 .swiper-pagination {
  text-align: center;
  bottom: 0.6rem;
  width: auto;
  left: 13.55%;
  right: 13.55%;
}
@media (max-width: 1580px) {
  .c-banner2 .swiper-pagination {
    left: 8%;
    right: 8%;
  }
}
.c-banner2.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 8px;
}
.c-banner2 .swiper-pagination-bullet {
  margin: 0 12px;
  width: 30px;
  height: 8px;
  background-color: #fff;
  opacity: 0.5;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.c-banner2 .swiper-pagination-bullet-active {
  background-color: #f07a40;
  opacity: 1;
}
.claTit {
  border-bottom: 1px solid #d4d4d5;
  margin-top: 9.3%;
  padding-bottom: 3.4%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .claTit {
    display: block;
  }
}
.claTit2 {
  border-bottom: 0;
  padding-bottom: 0;
}
.claTab {
  line-height: 2em;
}
@media (max-width: 767px) {
  .claTab {
    margin-top: 3rem;
  }
}
.claTab a {
  cursor: pointer;
  display: inline-block;
  margin: 0.12rem 0.32rem 0.12rem 0;
  color: #666;
  border-bottom: 2px solid transparent;
}
.claTab a:hover {
  color: #333;
}
.claTab a.cur {
  font-weight: bold;
  color: #333;
  border-bottom: 2px solid #0b52d1;
}
.search2Box {
  position: relative;
  z-index: 0;
  width: 30%;
  background-color: #fff;
  border: 1px solid #e5e5e5;
}
@media (max-width: 767px) {
  .search2Box {
    width: 100%;
    margin-top: 1rem;
  }
}
.search2Box .iw {
  padding: 0 3em 0 1.6em;
}
.search2Box .input {
  height: 3em;
  width: 100%;
  line-height: 3em;
  border: 0;
  outline-width: 0;
}
.search2Box .btn {
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -1em;
  right: 0.6em;
  width: 2em;
  height: 2em;
  background: url(../images/search.png) center center no-repeat;
  background-size: contain;
}
/*新闻资讯*/
.newiBox {
  padding-bottom: 8.4%;
}
@media (max-width: 767px) {
  .newiBox {
    padding-bottom: 3rem;
  }
}
.newiBox ul {
  margin-top: 1.4%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.newiBox li {
  width: 31.4%;
  margin-right: 2.9%;
  margin-top: 2.9%;
  transition: all 0.5s;
}
@media (max-width: 767px) {
  .newiBox li {
    width: 100%;
    margin-right: 0;
    margin-top: 1rem;
  }
}
.newiBox li:nth-child(3n) {
  margin-right: 0;
}
.newiBox li .pic {
  display: block;
  cursor: pointer;
  padding-top: 59%;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.newiBox li .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 1s;
}
.newiBox li .pic:hover img {
  -ms-transform: scale(1.05, 1.05);
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.newiBox li .txt {
  padding: 0 8.7% 0;
}
.newiBox li .txt .name {
  padding: 7% 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  *white-space: nowrap;
}
.newiBox li .txt .name a {
  color: #333;
}
.newiBox li .txt .about {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #999;
  border-top: 1px solid #d5d5d5;
  padding: 3% 0;
}
.newiBox li .txt .about a {
  color: #999;
}
.newiBox li:hover {
  background-color: #fff;
}
.newiBox li:hover .name a {
  color: #0b52d1;
}
.newiBox li:hover .about {
  color: #333;
}
.newiBox li:hover .about a {
  color: #333;
}
.newsBox li:hover {
  background-color: #f9f9f9;
}
/*新闻详情*/
.detailMain {
  padding: 8.6% 0 11%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .detailMain {
    display: block;
    padding: 0 0 3rem;
  }
}
.detailMain .detailBox {
  width: 61.5%;
}
@media (max-width: 767px) {
  .detailMain .detailBox {
    width: 100%;
    margin-top: 3rem;
  }
}
.detailMain .detailBox .content {
  margin-top: 3%;
  color: #666;
  line-height: 2;
}
.detailMain .detailBox .content img {
  max-width: 100%;
  height: auto;
}
.detailMain .detailBox .date {
  color: #999;
}
.detailMain .detailBox .share {
  color: #666;
  margin-top: 3.1%;
}
.detailMain .detailBox .share a.share_a {
  display: inline-block;
  margin-left: 1.2em;
}
.detailMain .detailBox .share a.share_a img {
  width: auto;
  height: 1.5em;
  display: inline-block;
}
.detailMain .detailBox .share a.share_a img:nth-child(2) {
  display: none;
}
.detailMain .detailBox .share a.share_a:hover img:nth-child(1) {
  display: none;
}
.detailMain .detailBox .share a.share_a:hover img:nth-child(2) {
  display: inline-block;
}
.detailMain .sideBox {
  width: 31.1%;
}
@media (max-width: 767px) {
  .detailMain .sideBox {
    width: 100%;
  }
}
.detailMain .sideBox .hotBox {
  margin-top: 16%;
}
@media (max-width: 767px) {
  .detailMain .sideBox .hotBox {
    margin-top: 3rem;
  }
}
.detailMain .sideBox .hotBox li {
  padding: 5.7% 0;
  border-bottom: 1px dotted #cececf;
}
.detailMain .sideBox .hotBox .date {
  color: #8e8e8e;
}
.detailMain .sideBox .hotBox .name {
  margin-top: 0.1em;
}
.detailMain .sideBox .hotBox a {
  color: #666;
}
.detailMain .sideBox .subsBox {
  margin-top: 11%;
}
@media (max-width: 767px) {
  .detailMain .sideBox .subsBox {
    margin-top: 3rem;
  }
}
.detailMain .sideBox .subsBox .txt {
  color: #666;
  margin-top: 3.9%;
}
.detailMain .sideBox .subsBox .iw {
  margin-top: 3%;
  padding: 0 1.2em 0 1.2em;
  background-color: #fff;
  border: 1px solid #e5e5e5;
}
.detailMain .sideBox .subsBox .iw .input {
  height: 3em;
  line-height: 3em;
  border: 0;
  outline-width: 0;
}
.detailMain .sideBox .subsBox .btnBlue {
  margin-top: 7.8%;
  padding: 0 4em;
}
/*产品列表*/
.proiBox {
  padding-bottom: 7.1%;
}
@media (max-width: 767px) {
  .proiBox {
    padding-bottom: 3rem;
  }
}
.proiBox ul {
  margin-top: 1.5%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.proiBox li {
  width: 47.1%;
  margin-right: 5.6%;
  margin-top: 5.6%;
  transition: all 0.5s;
  position: relative;
  z-index: 0;
}
@media (max-width: 767px) {
  .proiBox li {
    width: 100%;
    margin-right: 0;
    margin-top: 1rem;
  }
}
.proiBox li:nth-child(2n) {
  margin-right: 0;
}
.proiBox li .pic {
  display: block;
  cursor: pointer;
  padding-top: 55.5%;
  position: relative;
  z-index: 0;
  overflow: hidden;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
}
.proiBox li .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 1s;
}
.proiBox li .pic:hover img {
  -ms-transform: scale(1.05, 1.05);
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.proiBox li .intro {
  font-weight: bold;
  position: absolute;
  left: 6%;
  top: 55%;
  color: #fff;
}
.proiBox li .intro span {
  font-size: 1.7em;
}
.proiBox li .pics {
  left: 14%;
  top: 23%;
  display: block;
  cursor: pointer;
  width: 14.8%;
  padding-top: 14.8%;
  position: absolute;
  z-index: 1;
  overflow: hidden;
}
.proiBox li .pics img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: all 1s;
}
.proiBox li .pics:hover img {
  -ms-transform: scale(1.05, 1.05);
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
/*食谱*/
.reciBox {
  padding-bottom: 8.4%;
}
@media (max-width: 767px) {
  .reciBox {
    padding-bottom: 3rem;
  }
}
.reciBox ul {
  margin-top: 1.4%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.reciBox li {
  width: 31.6%;
  margin-right: 2.6%;
  margin-top: 2.6%;
  transition: all 0.5s;
  position: relative;
  z-index: 0;
  overflow: hidden;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  -moz-box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.06);
}
@media (max-width: 767px) {
  .reciBox li {
    width: 100%;
    margin-right: 0;
    margin-top: 1rem;
  }
}
.reciBox li:nth-child(3n) {
  margin-right: 0;
}
.reciBox li .pic {
  padding-top: 79.2%;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.reciBox li .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 1s;
}
.reciBox li .pic:hover img {
  -ms-transform: scale(1.05, 1.05);
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.reciBox li .txt {
  position: absolute;
  bottom: -1px;
  left: -1px;
  right: -1px;
  background-color: rgba(255, 255, 255, 0.9);
  transition: all 1s;
  padding: 4.3% 11.3%;
}
.reciBox li .txt .name {
  color: #333;
  height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  *white-space: nowrap;
}
.reciBox li .txt .intro {
  margin-top: 1.2%;
  color: #666;
  height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  *white-space: nowrap;
}
.reciBox li .txt .btnDetail2 {
  margin-top: 2.5%;
}
.addrBox {
  padding: 6.8% 0 7.2%;
}
@media (max-width: 767px) {
  .addrBox {
    padding: 3rem 0 8rem;
  }
}
.addrBox .title {
  font-weight: bold;
}
.addrBox .mapBox {
  position: relative;
  z-index: 0;
  margin-top: 3%;
  display: block;
}
@media (max-width: 767px) {
  .addrBox .mapBox {
    margin-top: 1rem;
  }
}
.addrBox .mapBox .mapCon {
  display: none;
}
.addrBox .mapBox .mapCon:nth-child(1) {
  display: block;
}
.addrBox .mapBox img {
  max-width: 100%;
  height: auto;
}
.addrBox .mapBox .info {
  position: absolute;
  left: 54.7%;
  top: 0;
  background-color: #fff;
  width: 29%;
  margin-top: 18.4%;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  -moz-box-shadow: 0 0.2em 0.6em rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 0.2em 0.6em rgba(0, 0, 0, 0.08);
  box-shadow: 0 0.2em 0.6em rgba(0, 0, 0, 0.08);
}
@media (max-width: 1260px) {
  .addrBox .mapBox .info {
    width: 360px;
  }
}
@media (max-width: 767px) {
  .addrBox .mapBox .info {
    width: 280px;
    left: 5%;
    width: 90%;
    margin-top: 25%;
  }
}
.addrBox .mapBox .info .infoTit {
  background-color: #0052d8;
  color: #fff;
  position: relative;
  z-index: 0;
  cursor: pointer;
  -moz-border-top-left-radius: 0.5em;
  -webkit-border-top-left-radius: 0.5em;
  border-top-left-radius: 0.5em;
  -moz-border-top-right-radius: 0.5em;
  -webkit-border-top-right-radius: 0.5em;
  border-top-right-radius: 0.5em;
}
.addrBox .mapBox .info .infoTit .infoName {
  padding: 0.9em 3em 0.9em 1.2em;
  line-height: 1.2;
}
.addrBox .mapBox .info .infoTit .arrow {
  position: absolute;
  right: 1.2em;
  width: 1em;
  height: 1em;
  top: 50%;
  margin-top: -0.5em;
  background: url(../images/arr_5.png) center center no-repeat;
  background-size: contain;
}
.addrBox .mapBox .info .infoTit .selBox .selBtn {
  padding: 0 3em 0 1.4em;
}
.addrBox .mapBox .info .infoTit .selBox .selBtn .input {
  width: 100%;
  color: #fff !important;
}
.addrBox .mapBox .info .infoTit .selBox .dropDown {
  top: 4em;
  left: 0;
  right: 0;
  line-height: 2;
}
.addrBox .mapBox .info .infoTit .selBox .selBtn .arr {
  right: 1.2em;
  width: 1em;
  height: 1em;
  background: url(../images/arr_5.png) center center no-repeat;
}
.addrBox .mapBox .info .infoTit .selBox .dropDown ul {
  padding: 0.5em 0;
}
.addrBox .mapBox .info .infoTit .selBox .dropDown li {
  padding: 0 1.2em;
}
.addrBox .mapBox .info .infoDropDown {
  display: none;
  padding: 5.8% 7.4% 6%;
}
.addrBox .mapBox .info .infoDropDown .pics {
  width: 1.4em;
  height: 1.4em;
  display: inline-block;
  margin-right: 0.1em;
}
.addrBox .mapBox .info .infoDropDown .tel {
  background: url(../images/tel.png) center center no-repeat;
  background-size: contain;
}
.addrBox .mapBox .info .infoDropDown .add {
  background: url(../images/add.png) center center no-repeat;
  background-size: contain;
}
.addrBox .mapBox .info .infoDropDown span {
  display: inline-block;
  vertical-align: middle;
}
.addrBox .mapBox .info .infoDropDown dl {
  margin-top: 5.8%;
  display: flex;
}
.addrBox .mapBox .info .infoDropDown dl:first-child {
  margin-top: 0;
}
.addrBox .mapBox .info .infoDropDown dt {
  font-weight: bold;
}
.addrBox .mapBox .info .infoDropDown dd {
  flex: 1;
}
.addrBox .mapBox .info .infoDropDown:nth-child(1) {
  display: block;
}
.contBox {
  background: #f4f6f8 url(../images/contbg.png) right 0 no-repeat;
  background-size: auto 100%;
}
.contBox .title {
  font-weight: bold;
  padding: 7.2% 0 0;
}
@media (max-width: 767px) {
  .contBox .title {
    padding: 3rem 0 0;
  }
}
.contBox .container {
  overflow: visible;
}
.contBox .con {
  padding: 0 0 7.2%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .contBox .con {
    display: block;
    padding-bottom: 3rem;
  }
}
.contBox .con .formBox {
  width: 47%;
}
@media (max-width: 767px) {
  .contBox .con .formBox {
    width: 100%;
  }
}
.contBox .con .formBox ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.contBox .con .formBox ul li {
  width: 100%;
}
.contBox .con .formBox ul li.lis {
  width: 48.5%;
}
@media (max-width: 767px) {
  .contBox .con .formBox ul li.lis {
    width: 100%;
  }
}
.contBox .con .formBox ul li.lic {
  width: 61%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .contBox .con .formBox ul li.lic {
    width: 100%;
  }
}
.contBox .con .formBox ul li.lic .inputW {
  flex: 1;
}
.contBox .con .formBox ul li.lic .vcode {
  margin-top: 1.5em;
  margin-left: 1.1em;
  width: 7.8em;
  height: 3.4em;
  background-color: #dcdcdc;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  cursor: pointer;
}
.contBox .con .formBox ul li.lic .vcode img {
  width: 100%;
  height: 100%;
}
.contBox .con .formBox .inputW {
  padding: 0 1em;
  margin-top: 1.5em;
  border: 1px solid #eeeeee;
  background-color: #fff;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
}
.contBox .con .formBox .inputW .input {
  color: #666;
  width: 100%;
  border: 0;
  outline-width: 0;
  line-height: 3.4;
  height: 3.4em;
}
.contBox .con .formBox .textareaW {
  flex: 1;
  padding: 1em 1em;
  margin-top: 1.5em;
  border: 1px solid #eeeeee;
  background-color: #fff;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
}
.contBox .con .formBox .textareaW .textarea {
  width: 100%;
  border: 0;
  outline-width: 0;
  line-height: 1.5;
  height: 6em;
}
.contBox .con .formBox .btnW {
  margin-top: 1.5em;
}
.contBox .con .formBox .btnW .btnBlue {
  padding: 0 4em;
}
@media (max-width: 767px) {
  .contBox .con .formBox .btnW .btnBlue {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .contBox .con .qrcode {
    margin-top: 1.5rem;
  }
}
.contBox .con .qrcode ul {
  display: flex;
}
.contBox .con .qrcode li {
  background-color: #fff;
  padding: 0.5em 0.5em 0;
  margin-left: 1.2em;
}
@media (max-width: 767px) {
  .contBox .con .qrcode li {
    margin-left: 0;
    margin-right: 1.2em;
  }
}
.contBox .con .qrcode li img {
  display: block;
  width: 8.75em;
  height: 8.75em;
}
.contBox .con .qrcode li .txt {
  text-align: center;
  line-height: 3em;
}
.privBox {
  margin: 8.7% auto 9.6%;
  background-color: #fff;
}
.privBox .conp {
  padding: 9% 11.4%;
}
.privBox .title {
  text-align: center;
}
.privBox .content {
  margin-top: 3%;
  color: #666;
  line-height: 1.75;
}
.privBox .content img {
  max-width: 100%;
  height: auto;
}
.privBox .content p {
  margin-top: 0.8em;
}
.privBox .mapList {
  margin-top: 4%;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: space-around;
}
@media (max-width: 767px) {
  .privBox .mapList {
    display: block;
  }
}
.privBox .mapList dl {
  margin-top: 4%;
}
.privBox .mapList dt {
  line-height: 1.4;
}
@media (max-width: 767px) {
  .privBox .mapList dt {
    font-size: 1.3em;
  }
}
.privBox .mapList dt a {
  color: #333;
}
.privBox .mapList dd {
  margin-top: 0.8em;
  line-height: 2.6;
}
.privBox .mapList dd a {
  color: #666;
}
.privBox .mapList dt a:hover {
  color: #1a5fdb;
}
.privBox .mapList dd a:hover {
  color: #1a5fdb;
}
/*面对疫情，严防举措*/
.measBox {
  background-color: #f4f6f8;
}
.measBox .conm {
  margin-top: 4.6%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff url(../images/measbg.png) right center no-repeat;
  background-size: auto 100%;
  margin-bottom: 12.6%;
}
@media (max-width: 767px) {
  .measBox .conm {
    margin-bottom: 3rem;
    display: block;
    margin-top: 1rem;
  }
}
.measBox .conm .pic {
  width: 50%;
  padding-top: 33%;
  position: relative;
  z-index: 0;
}
@media (max-width: 767px) {
  .measBox .conm .pic {
    padding-top: 66%;
  }
}
.measBox .conm .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 767px) {
  .measBox .conm .pic {
    width: 100%;
  }
}
.measBox .conm .txt {
  color: #666;
  padding: 5% 0;
  width: 37.5%;
  margin-right: 6.4%;
}
@media (max-width: 767px) {
  .measBox .conm .txt {
    width: 100%;
    padding: 1.5rem;
    margin-right: auto;
  }
}
.measBox .conm .txt .intro {
  line-height: 1.8;
}
.measBox .conm .btnBlue {
  margin-top: 9%;
}
/*安全清单*/
.safeBox {
  background-color: #f4f6f8;
}
.safeBox .list {
  margin-top: 4%;
  margin-bottom: 10.7%;
  background-color: #fff;
  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
@media (max-width: 767px) {
  .safeBox .list {
    display: block;
    margin-top: 1rem;
    margin-bottom: 3rem;
  }
}
.safeBox .list dl {
  flex: 1;
}
.safeBox .list dt {
  padding: 1.6em 0.5em;
  line-height: 1.3;
  background-color: #eeeeee;
  color: #333;
  border-right: 1px solid #fff;
}
.safeBox .list dd li {
  line-height: 1.2;
  padding: 0.9em 0.5em;
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
}
.safeBox .list dd li .intro {
  display: inline-block;
  width: 10em;
  text-align: left;
}
.safeBox .list dd li .sel {
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(../images/checked.png) center center no-repeat;
  background-size: contain;
  margin-left: 9%;
}
.safeBox .list dl:last-child dt {
  border-right: 0;
}
/*水产养殖研发与实践*/
.breedBox .list {
  margin-top: 1%;
  margin-bottom: 13.6%;
}
@media (max-width: 767px) {
  .breedBox .list {
    margin-top: 1rem;
    margin-bottom: 3rem;
  }
}
.breedBox .list ul {
  display: flex;
  flex-wrap: wrap;
}
.breedBox .list li {
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 0;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  width: 48.4%;
  margin-right: 3.2%;
  margin-top: 3.2%;
}
.breedBox .list li:nth-child(2n) {
  margin-right: 0;
}
@media (max-width: 767px) {
  .breedBox .list li {
    width: 100%;
    margin-right: 0;
  }
}
.breedBox .list li .pic {
  padding-top: 50%;
  height: 0;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.breedBox .list li .pic img {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 1s;
}
.breedBox .list li .txt {
  position: absolute;
  color: #fff;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 4.2% 0;
  text-align: center;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
  /* IE6-9 */
  opacity: 1;
  transition: all 1s;
}
.breedBox .list li .txt2 {
  position: absolute;
  color: #fff;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: all 1s;
}
.breedBox .list li .txt2 .intro {
  margin-top: 3.5%;
  max-width: 400px;
  width: 90%;
  line-height: 1.6;
}
.breedBox .list li .txt2 .btnWhite {
  margin-top: 6.6%;
}
.breedBox .list li:hover .pic img {
  filter: blur(7px);
}
.breedBox .list li:hover .txt {
  opacity: 0;
}
.breedBox .list li:hover .txt2 {
  opacity: 1;
}
/*循环经济模型*/
.modelBox {
  background-color: #f4f6f8;
}
.modelBox .pic {
  margin-top: 3%;
  margin-bottom: 12.9%;
}
.modelBox .pic img {
  max-width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .modelBox .pic {
    margin-top: 1rem;
    margin-bottom: 3rem;
  }
}
/*生产加工*/
.prodBox .list {
  padding-bottom: 7%;
}
.prodBox .list li {
  margin-top: 5%;
  padding: 8.6% 7.1%;
  position: relative;
  z-index: 0;
  overflow: hidden;
  -moz-border-radius: 0.6em;
  -webkit-border-radius: 0.6em;
  border-radius: 0.6em;
}
.prodBox .list li .pic {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.prodBox .list li::after {
  display: block;
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
.prodBox .list li .item {
  position: relative;
  z-index: 2;
  max-width: 510px;
  width: 100%;
  margin: 0 0 0 auto;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.6);
  -moz-border-radius: 0.6em;
  -webkit-border-radius: 0.6em;
  border-radius: 0.6em;
}
.prodBox .list li .item .picList {
  padding-top: 7.5%;
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
}
.prodBox .list li .item .picList .pics {
  width: auto;
  height: 4.2em;
  margin: 0 auto;
}
.prodBox .list li .item .picList .pics img {
  display: block;
  margin: 0 auto;
  width: auto;
  height: 4.2em;
}
.prodBox .list li .item .picList .txts {
  margin-top: 0.7em;
  text-align: center;
}
.prodBox .list li .item .intro {
  margin: 6% 8% 14%;
}
.prodBox .list li .item .intro span {
  font-weight: bold;
  font-size: 1.12em;
}
.prodBox .list li:first-child {
  margin-top: 3%;
}
.prodBox .list li:nth-child(2n) .item {
  margin: 0 auto 0 0;
}
/*内容页面*/
.contentBox {
  padding-bottom: 7%;
}
.contentBox .item {
  padding-top: 6.2%;
}
.contentBox .item .title {
  font-weight: bold;
  line-height: 1.2;
}
.contentBox .item .con {
  margin-top: 1.8%;
  line-height: 1.9;
}
/*产品搜索*/
.result {
  text-align: left;
  margin-top: 0.5%;
}
.prosBox .list {
  margin-top: 2%;
}
.prosBox .list ul {
  padding-bottom: 12%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .prosBox .list ul {
    padding-bottom: 3rem;
  }
}
.prosBox .list ul::after {
  display: block;
  content: "";
  clear: both;
}
.prosBox .list li {
  display: block;
  margin-top: 2.2%;
  width: 23.3%;
  overflow: hidden;
  margin-right: 2.2%;
  position: relative;
  z-index: 0;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  background-color: #000;
}
@media (max-width: 767px) {
  .prosBox .list li {
    width: 48.9%;
  }
}
.prosBox .list li:nth-child(4n) {
  margin-right: 0;
}
@media (max-width: 767px) {
  .prosBox .list li:nth-child(2n) {
    margin-right: 0;
  }
}
.prosBox .list li .pic {
  padding-top: 148.3%;
  height: 0;
  position: relative;
  z-index: 0;
}
.prosBox .list li .pic img {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.prosBox .list li .txt {
  position: absolute;
  color: #fff;
  top: 9%;
  left: 12.2%;
  width: 75.6%;
  height: 82%;
}
.prosBox .list li .txt .name {
  letter-spacing: 0.1em;
}
/*食谱搜索*/
.recisBox .list {
  margin-top: 2%;
  padding-bottom: 8%;
}
.recisBox .list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .recisBox .list {
    padding-bottom: 3rem;
  }
}
.recisBox .list li {
  display: block;
  margin-top: 2.6%;
  width: 31.6%;
  overflow: hidden;
  margin-right: 2.6%;
  position: relative;
  z-index: 0;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
}
@media (max-width: 767px) {
  .recisBox .list li {
    width: 100%;
  }
}
.recisBox .list li:nth-child(3n) {
  margin-right: 0;
}
.recisBox .list li .item {
  display: block;
  margin: 0 -1%;
  overflow: hidden;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  transition: all 1s;
  position: relative;
  z-index: 0;
  -moz-box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.06);
}
.recisBox .list li .item .pic {
  padding-top: 66.3%;
  position: relative;
  z-index: 0;
}
.recisBox .list li .item .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recisBox .list li .item .txt {
  position: absolute;
  bottom: -1px;
  left: -1px;
  right: -1px;
  background-color: rgba(255, 255, 255, 0.9);
  transition: all 1s;
  padding: 3.6% 11.8% 4.5%;
}
.recisBox .list li .item .txt .name {
  color: #333;
  height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  *white-space: nowrap;
}
.recisBox .list li .item .txt .intro {
  margin-top: 0.7%;
  color: #666;
  height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  *white-space: nowrap;
}
@media (max-width: 767px) {
  .recisBox .list li .item .txt .intro {
    display: none;
  }
}
.recisBox .list li .item .txt .btnDetail2 {
  margin-top: 3.2%;
}
/*职位搜索*/
.posiBox .list {
  width: 64.4%;
  margin: 3.4% auto 10% 0;
}
@media (max-width: 767px) {
  .posiBox .list {
    margin: 1.5rem auto 3rem 0;
  }
}
.posiBox .list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #dedede;
  padding: 2.8% 0;
  color: #666;
  position: relative;
  z-index: 0;
}
@media (max-width: 767px) {
  .posiBox .list li {
    padding: 1rem 0;
  }
}
.posiBox .list li::after {
  transition: all 1s;
  position: absolute;
  display: block;
  content: "";
  width: 0;
  height: 2px;
  bottom: -1px;
  left: 0;
  background-color: #0b52d1;
}
.posiBox .list li .txt .name {
  color: #333;
  transition: all 1s;
}
.posiBox .list li .txt .name a {
  color: #333;
}
.posiBox .list li .txt .info {
  margin-top: 0.4em;
}
.posiBox .list li .about .date {
  margin-top: 0.4em;
}
.posiBox .list li .about .more {
  color: #666;
}
.posiBox .list li .about .more:hover {
  color: #0b52d1;
}
.posiBox .list li:hover::after {
  width: 100%;
}
.posiBox .list li:hover .txt .name {
  color: #0b52d1;
}
.posiBox .list li:hover .txt .name a {
  color: #0b52d1;
}
/*加入我们*/
.joinBox {
  margin-top: 5.7%;
  padding-bottom: 13%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .joinBox {
    display: block;
    margin-top: 3rem;
    padding-bottom: 3rem;
  }
}
.joinBox .joinMain {
  width: 64.4%;
}
@media (max-width: 767px) {
  .joinBox .joinMain {
    width: 100%;
  }
}
.joinBox .side {
  width: 28.1%;
  margin-left: 7.5%;
}
@media (max-width: 767px) {
  .joinBox .side {
    margin-top: 3rem;
    width: 100%;
    margin-left: 0;
  }
}
.joinBox .posiBox .list {
  width: 100%;
  margin: 0 ;
}
/*空缺职位*/
.vPostBox .list dl {
  margin-top: 1.4%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.vPostBox .list dl:first-child {
  margin-top: 2%;
}
@media (max-width: 767px) {
  .vPostBox .list dl:first-child {
    margin-top: 1rem;
  }
}
@media (max-width: 767px) {
  .vPostBox .list dl {
    margin-top: 1rem;
  }
}
.vPostBox .list dl dt {
  width: 6em;
  font-weight: bold;
}
.vPostBox .list dl dd {
  flex: 1;
}
.vPostBox .list dl dd a {
  color: #666;
  display: inline-block;
  margin-right: 1.1em;
}
.vPostBox .list dl dd a:hover {
  color: #0052d9;
}
/*最新职位*/
.nPostBox {
  background-color: #f8f8f8;
  padding-top: 8%;
}
.nPostBox .title {
  margin: 0 14%;
}
.nPostBox .list {
  margin: 4% 14% 0;
  border-top: 1px solid #d8d8d8;
}
.nPostBox .list li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px dotted #d8d8d8;
  padding: 6% 0;
}
.nPostBox .list li:last-child {
  border-bottom: 0;
}
.nPostBox .list li .name {
  flex: 1;
}
.nPostBox .list li .name a {
  color: #666;
}
.nPostBox .list li .name a:hover {
  color: #0052d9;
}
.nPostBox .list li .date {
  color: #8e8e8e;
  width: 6em;
  text-align: right;
}
/*职位详情*/
.posiDetailBox .detailTop {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #dedede;
  padding: 2.8% 0;
  color: #666;
  position: relative;
  z-index: 0;
}
@media (max-width: 767px) {
  .posiDetailBox .detailTop {
    padding: 1rem 0;
  }
}
.posiDetailBox .detailTop .txt .name {
  color: #333;
  transition: all 1s;
}
.posiDetailBox .detailTop .txt .name a {
  color: #333;
}
.posiDetailBox .detailTop .txt .info {
  margin-top: 0.4em;
}
.posiDetailBox .content .title {
  margin-top: 3.6%;
}
.posiDetailBox .content .txt {
  margin-top: 1.5%;
  line-height: 2;
  color: #666;
}
/*申请职位*/
.applyBox {
  padding-bottom: 10.7%;
}
.applyBox .con {
  width: 100%;
  max-width: 656px;
  margin: 2% auto 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.applyBox .con form {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.applyBox .con dl {
  color: #666;
  width: 48.5%;
  margin-top: 1.2em;
}
@media (max-width: 767px) {
  .applyBox .con dl {
    width: 100%;
  }
}
.applyBox .con dl .iw {
  background-color: #fff;
  border: 1px solid #eee;
  padding: 0 1em ;
  -moz-border-radius: 0.6em;
  -webkit-border-radius: 0.6em;
  border-radius: 0.6em;
}
.applyBox .con dl .input {
  line-height: 3.4em;
  height: 3.4em;
  width: 100%;
  border: 0;
  outline-width: 0;
}
.applyBox .con dl .input2 {
  line-height: 3em;
  height: 3em;
  width: 100%;
  max-width: 484px;
  border: 1px solid #eee;
  outline-width: 0;
  padding: 0 1em;
}
.applyBox .con dl dt {
  padding: 0 0.7em;
}
.applyBox .con dl dd {
  margin-top: 0.3em;
}
.applyBox .con dl.dld {
  width: 100%;
}
.applyBox .con dl.dld .iw {
  padding-bottom: 1em;
}
.applyBox .con dl .title {
  padding-top: 0.7em;
  color: #666;
}
.applyBox .con dl .intro {
  color: #999;
  margin-bottom: 1em;
}
.applyBox .con .btnw {
  width: 100%;
  text-align: center;
}
.applyBox .con .btnw .btnBlue {
  margin-top: 12.3%;
}
.fileshow {
  cursor: pointer;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.fileshow .file {
  position: absolute;
  z-index: 0;
  left: -1000px;
  top: -1000px;
}
.fileshow .fileName {
  color: #666;
  min-height: 3.4em;
  cursor: pointer;
}
/*冷链配送标准*/
.standardBox {
  background-color: #f4f6f8;
}
.standardBox .list {
  margin-top: 0.5%;
  padding-bottom: 7%;
}
.standardBox .list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .standardBox .list {
    padding-bottom: 3rem;
  }
}
.standardBox .list li {
  display: block;
  margin-top: 2.6%;
  width: 31.6%;
  overflow: hidden;
  margin-right: 2.6%;
  position: relative;
  z-index: 0;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
}
@media (max-width: 767px) {
  .standardBox .list li {
    width: 100%;
  }
}
.standardBox .list li:nth-child(3n) {
  margin-right: 0;
}
.standardBox .list li .item {
  display: block;
  margin: 0;
  overflow: hidden;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  transition: all 1s;
  position: relative;
  z-index: 0;
}
.standardBox .list li .item .pic {
  padding-top: 56.2%;
  position: relative;
  z-index: 0;
}
.standardBox .list li .item .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.standardBox .list li .item .txt {
  background-color: #fff;
  text-align: center;
  padding: 3.6% 1.6% 4.5%;
}
.standardBox .list li .item .txt .name {
  color: #333;
  height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  *white-space: nowrap;
}
.standardBox .list li .item .txt .intro {
  margin-top: 0.7%;
  color: #666;
  height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  *white-space: nowrap;
}
/*主要合作物流*/
.logiBox .titBox {
  padding-top: 6.3%;
}
.logiBox .titBox .txt .intro {
  margin-top: 2.2%;
  color: #666;
}
@media (max-width: 767px) {
  .logiBox .titBox {
    padding-top: 3rem;
  }
}
.logiBox .container {
  overflow: visible;
}
.logiBox .list {
  padding-bottom: 7.1%;
}
@media (max-width: 767px) {
  .logiBox .list {
    padding-bottom: 3rem;
    margin-top: 1.5rem;
  }
}
.logiBox .list ul {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}
.logiBox .list li {
  display: block;
  width: 18.8%;
  padding-top: 8.1%;
  height: 0;
  overflow: hidden;
  cursor: pointer;
  background-color: #fff;
  margin-right: 1.3%;
  margin-top: 2%;
  position: relative;
  z-index: 0;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  transition: all 0.5s;
  -moz-box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .logiBox .list li {
    width: 31.33%;
    padding-top: 24.4%;
  }
}
.logiBox .list li .pic {
  top: 7.6%;
  bottom: 7.6%;
  left: 15.3%;
  right: 15.3%;
  position: absolute;
  z-index: 0;
  transition: all 0.5s;
}
.logiBox .list li .pic img {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: all 0.5s;
}
.logiBox .list li .txt {
  top: 10%;
  left: 10%;
  width: 80%;
  height: 80%;
  position: absolute;
  display: none;
  justify-content: center;
  align-items: center;
  color: #666;
}
.logiBox .list li .txt .intro {
  text-align: left;
  width: 100%;
  font-size: 12px;
  line-height: 1.7;
  max-height: 8.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
@media (max-width: 1260px) {
  .logiBox .list li .txt .intro {
    max-height: 5.1em;
    -webkit-line-clamp: 3;
  }
}
.logiBox .list li:nth-child(5n) {
  margin-right: 0;
}
@media (max-width: 767px) {
  .logiBox .list li {
    margin-right: 2%;
  }
  .logiBox .list li:nth-child(5n) {
    margin-right: 2%;
  }
  .logiBox .list li:nth-child(3n) {
    margin-right: 0;
  }
}
/*覆盖全国*/
.coverBox {
  background-color: #ededee;
}
.coverBox .container {
  display: flex;
  justify-content: space-between;
}
.coverBox .con {
  width: 100%;
  padding: 7.1% 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .coverBox .con {
    display: block;
    padding: 3rem 0;
  }
}
.coverBox .pic {
  position: relative;
  z-index: 0;
  width: 52.8%;
}
@media (max-width: 767px) {
  .coverBox .pic {
    width: 100%;
    margin-top: 1.5rem;
  }
}
.coverBox .pic img {
  width: 100%;
  height: auto;
  display: block;
}
.coverBox .pic .name {
  position: absolute;
  bottom: 0;
  left: 28%;
  color: #fff;
  line-height: 2.5em;
  padding: 0 1.2em;
  margin-bottom: -1.5em;
  background-color: #226cff;
  -moz-border-radius: 0.7em;
  -webkit-border-radius: 0.7em;
  border-radius: 0.7em;
}
.coverBox .txt {
  width: 38.6%;
}
@media (max-width: 767px) {
  .coverBox .txt {
    width: 100%;
  }
}
.coverBox .txt .title {
  margin-bottom: 30%;
  font-weight: bold;
}
@media (max-width: 767px) {
  .coverBox .txt .title {
    margin-bottom: 1rem;
  }
}
.coverBox .txt .title2 {
  padding-bottom: 4%;
  border-bottom: 1px solid #d3d3d3;
  color: #0e53d1;
  font-weight: bold;
}
.coverBox .txt .intro {
  margin-top: 8.3%;
  line-height: 1.9;
}
.coverBox .txt .intro .num {
  font-weight: bold;
  color: #0e53d1;
}
/*视频列表*/
.videoBox .list {
  margin-top: 5.1%;
  margin-bottom: 7.1%;
}
@media (max-width: 767px) {
  .videoBox .list {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}
.videoBox .list ul {
  display: flex;
  flex-wrap: wrap;
}
.videoBox .list li {
  cursor: pointer;
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 0;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  width: 23.4%;
  margin-right: 2%;
  margin-top: 2%;
}
.videoBox .list li:nth-child(4n) {
  margin-right: 0;
}
@media (max-width: 767px) {
  .videoBox .list li {
    width: 49%;
    margin-right: 2%;
  }
  .videoBox .list li:nth-child(2n) {
    margin-right: 0;
  }
}
.videoBox .list li .pic {
  padding-top: 64%;
  height: 0;
  position: relative;
  z-index: 0;
  overflow: hidden;
  background-color: #000;
}
.videoBox .list li .pic img {
  position: absolute;
  display: block;
  opacity: 0.8;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 1s;
}
.videoBox .list li .btnPlay {
  width: 3em;
  height: 3em;
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  margin: -1.5em auto auto -1.5em;
  background: url(../images/play.png) center center no-repeat;
  background-size: contain;
}
.videoBox .list li .txt {
  position: absolute;
  color: #fff;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 5% 0;
  text-align: center;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
  /* IE6-9 */
  opacity: 1;
  transition: all 1s;
}
.videoBox .list li:hover .txt {
  background: rgba(11, 82, 209, 0.8);
}
/*食谱详情*/
.reciDetail .container {
  overflow: visible;
}
.reciDetail .con {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 9%;
}
@media (max-width: 767px) {
  .reciDetail .con {
    padding-bottom: 3rem;
  }
}
.reciDetail .side {
  width: 28.7%;
}
.reciDetail .side .reNav {
  position: relative;
  z-index: 0;
  padding-top: 26.6%;
  padding-bottom: 33.8%;
}
.reciDetail .side .reNav .bg {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  width: 170%;
  height: 100%;
  background: #f6f7f7 url(../images/sidenavbg.jpg) right 0 repeat-x;
}
.reciDetail .side .reNav .list {
  position: relative;
  z-index: 1;
  max-width: 200px;
  width: 100%;
  margin: 0 auto 0 0;
}
.reciDetail .side .reNav .list h5 {
  color: #666;
}
.reciDetail .side .reNav .list h2 {
  margin-bottom: 0.5em;
}
.reciDetail .side .reNav .list h2,
.reciDetail .side .reNav .list h1,
.reciDetail .side .reNav .list h3,
.reciDetail .side .reNav .list h4,
.reciDetail .side .reNav .list h5 {
  padding-left: 25%;
  padding-top: 0.4em;
  padding-bottom: 0.3em;
}
@media (max-width: 767px) {
  .reciDetail .side .reNav .list h2,
  .reciDetail .side .reNav .list h1,
  .reciDetail .side .reNav .list h3,
  .reciDetail .side .reNav .list h4,
  .reciDetail .side .reNav .list h5 {
    padding-left: 5%;
  }
}
.reciDetail .side .reNav .list h3 {
  padding-top: 0.6em;
  padding-bottom: 0.6em;
}
@media (max-width: 767px) {
  .reciDetail .side .reNav .list h4 {
    font-size: 12px;
  }
}
.reciDetail .side .reNav .list h5,
.reciDetail .side .reNav .list .deNav_1,
.reciDetail .side .reNav .list .deNav_2 {
  cursor: pointer;
}
.reciDetail .side .reNav .list > dl.dla > dt {
  cursor: pointer;
  border-left: 2px solid transparent;
}
.reciDetail .side .reNav .list > dl.dla > dd {
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 12%;
  margin-bottom: 12%;
  display: none;
  margin-top: 0.6em;
}
.reciDetail .side .reNav .list > dl.dla.show > dt {
  background-color: #fff;
  color: #0b52d1;
  border-color: #003dcc;
}
.reciDetail .reciMain {
  width: 63.6%;
}
.reciDetail .reciMain .title2 {
  margin-top: 6.5%;
}
.reciDetail .reciMain .ingrBox {
  margin-top: 3.4%;
  padding: 4.6% 10%;
  background-color: #f4f6f8;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
}
.reciDetail .reciMain .ingrBox ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.reciDetail .reciMain .ingrBox ul li {
  width: 50%;
  position: relative;
  z-index: 0;
  padding: 0.5em 0 0.5em;
}
.reciDetail .reciMain .ingrBox ul li::before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 1.02em;
  width: 0.4em;
  height: 0.4em;
  background-color: #064fd0;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.reciDetail .reciMain .ingrBox ul li span {
  display: block;
  padding-left: 1.25em;
}
@media (max-width: 767px) {
  .reciDetail .reciMain .ingrBox ul li {
    width: 100%;
  }
}
.reciDetail .reciMain .stepBox {
  position: relative;
  z-index: 0;
}
.reciDetail .reciMain .stepBox::after {
  z-index: -1;
  content: "";
  display: block;
  position: absolute;
  left: -1.9em;
  top: 0;
  width: 0;
  border-left: 1px dashed #e1e1e1;
  height: 100%;
}
@media (max-width: 767px) {
  .reciDetail .reciMain .stepBox::after {
    left: -1.2em;
  }
}
.reciDetail .reciMain .stepBox .item {
  color: #666;
  line-height: 1.8;
  margin-top: 1.8em;
}
.reciDetail .reciMain .stepBox .item:first-child {
  margin-top: 0.8em;
}
.reciDetail .reciMain .stepBox .item .txt {
  position: relative;
  z-index: 0;
}
.reciDetail .reciMain .stepBox .item .txt .num {
  position: absolute;
  top: -0.3em;
  left: -3em;
  color: #fff;
  background-color: #0b52d1;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-style: normal;
  width: 2.15em;
  height: 2.15em;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .reciDetail .reciMain .stepBox .item .txt .num {
    width: 1.6em;
    height: 1.6em;
    left: -2em;
    top: 0em;
  }
}
.reciDetail .reciMain .stepBox .item .pic {
  margin-top: 1.2em;
}
.reciDetail .reciMain .stepBox .item .pic img {
  max-width: 100%;
  height: auto;
}
.proPicBox .picd {
  margin-top: 3.6%;
  position: relative;
  z-index: 0;
  padding-top: 46.5%;
  height: 0;
  overflow: hidden;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
}
.proPicBox .picd .pic {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
}
.proPicBox .picd .pic img {
  width: 100%;
  height: 100%;
  opacity: 0.6;
  object-fit: cover;
}
.proPicBox .picd .video {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  cursor: pointer;
}
.proPicBox .picd .video img {
  width: 100%;
  height: 100%;
  opacity: 0.6;
  object-fit: cover;
}
.proPicBox .picd .btnPlay {
  width: 3em;
  height: 3em;
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  margin: -1.5em auto auto -1.5em;
  background: url(../images/play.png) center center no-repeat;
  background-size: contain;
  display: none;
  cursor: pointer;
}
.proPicBox .pics {
  margin-top: 3.6%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  background-color: #f4f6f8;
}
.proPicBox .pics .swiper-pics {
  flex: 1;
}
.proPicBox .pics .swiper-pics .swiper-slide {
  width: 24.2%;
  cursor: pointer;
}
.proPicBox .pics .swiper-pics .pic {
  margin: 0 auto;
  padding-top: 66.84%;
  position: relative;
  z-index: 0;
  background-color: #000;
}
.proPicBox .pics .swiper-pics .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.6;
}
.proPicBox .pics .swiper-pics .pic .num {
  position: absolute;
  z-index: 1;
  color: #fff;
  width: 1.5em;
  height: 1.5em;
  left: 0.6em;
  top: 0.6em;
  background-color: rgba(11, 82, 209, 0.5);
  text-align: center;
}
.proPicBox .pics .next {
  width: 7em;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.proPicBox .pics .next span {
  display: inline-block;
  padding-right: 0.4em;
  background: url(../images/arr4_right.png) right center no-repeat;
}
.proPicBox .pics .swiper-button-disabled {
  opacity: 0.6;
}
/*热门食谱*/
.hotReciBox {
  background-color: #f4f6f8;
}
.hotReciBox .titBox {
  padding-top: 7.1%;
}
@media (max-width: 767px) {
  .hotReciBox .titBox {
    padding-top: 3rem;
  }
}
.hotReciBox .reciBox {
  padding-bottom: 7.1%;
}
@media (max-width: 767px) {
  .hotReciBox .reciBox {
    padding-bottom: 3rem;
  }
}
.hotReciBox .reciBox ul {
  margin-top: 0.4%;
}
/*馈赠*/
.giftBox {
  position: relative;
  z-index: 0;
  background-color: #000;
  padding: 13.6% 0 14.3%;
}
.giftBox .picbg {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.6;
}
.giftBox .txt {
  width: 40.7%;
  margin: 0 auto 0 0;
}
.giftBox .title {
  color: #fff;
  font-weight: bold;
}
.giftBox .intro {
  color: #fff;
  margin-top: 3.5%;
  line-height: 1.75em;
}
.giftBox .btnWhite {
  margin-top: 12.6%;
}
/*食材*/
.ingrBox .titBox {
  padding-bottom: 3.4%;
  border-bottom: 1px solid #d3d3d3;
}
/*产品系列*/
.proseBox {
  padding-top: 2.2%;
}
.proseBox ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.proseBox li {
  width: 47.1%;
  margin-right: 5.8%;
  margin-top: 6.3%;
  transition: all 0.5s;
}
@media (max-width: 767px) {
  .proseBox li {
    width: 100%;
    margin-right: 0;
    margin-top: 1rem;
  }
}
.proseBox li:nth-child(2n) {
  margin-right: 0;
}
.proseBox li .pic {
  display: block;
  cursor: pointer;
  padding-top: 55.5%;
  position: relative;
  z-index: 0;
  overflow: hidden;
  -moz-border-radius: 0.6em;
  -webkit-border-radius: 0.6em;
  border-radius: 0.6em;
}
.proseBox li .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 1s;
}
.proseBox li .pic:hover img {
  -ms-transform: scale(1.05, 1.05);
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.proseBox li .txt {
  padding: 1.1em 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.proseBox li .txt .info {
  flex: 1;
  margin-right: 1em;
  color: #585858;
  line-height: 1.7;
}
.proseBox li .txt .info .infoItem {
  height: 1.7em;
  overflow: hidden;
}
.proseBox li .txt .about {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2.2em;
}
.proseBox li .txt .about .btnBlue {
  color: #fff;
  padding: 0 2.5em;
}
.proseBox li .txt .about .btnBlue::before {
  content: "";
  display: inline-block;
  width: 1.11em;
  height: 1.11em;
  margin-right: 0.5em;
  transition: all 1s;
  position: relative;
  bottom: -0.2em;
  background: url(../images/cart.png) center center no-repeat;
  background-size: contain;
}
.proseBox li .txt .about .btnBlue:hover {
  color: #0052d9;
}
.proseBox li .txt .about .btnBlue:hover::before {
  background-image: url(../images/cart2.png);
}
/*产品包装*/
.packBox {
  padding-top: 3%;
  padding-bottom: 5.5%;
}
@media (max-width: 767px) {
  .packBox {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
.packBox .title {
  text-align: center;
  font-weight: bold;
}
.swiper-pack {
  margin-top: 0.8%;
  padding: 1.2em 0;
}
.swiper-pack .pics {
  margin: 0 1.2em;
  display: flex;
  justify-content: space-between;
}
.swiper-pack .pics .pic {
  cursor: pointer;
  display: block;
  position: relative;
  z-index: 0;
  width: 17.1%;
  background-color: #fff;
  padding-top: 12.9%;
  margin-right: 0;
  overflow: hidden;
  -moz-box-shadow: 0 0 1.9em rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 1.9em rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 1.9em rgba(0, 0, 0, 0.1);
  -moz-border-radius: 0.6em;
  -webkit-border-radius: 0.6em;
  border-radius: 0.6em;
}
.swiper-pack .pics .pic img {
  position: absolute;
  left: 8%;
  top: 8%;
  width: 84%;
  height: 84%;
  object-fit: contain;
}
.swiper-pack .swiper-pagination {
  margin-top: 0.6em;
  position: static;
}
.swiper-pack .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  border: 2px solid #ccc;
  opacity: 1;
  margin: 0 5px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: transparent;
}
.swiper-pack .swiper-pagination-bullet-active {
  width: 30px;
  border: 2px solid #0052d9;
  background-color: #0052d9;
  opacity: 1;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
}
/*合作流程*/
.coopBox .title {
  padding-top: 7%;
  font-weight: bold;
}
@media (max-width: 767px) {
  .coopBox .title {
    padding-top: 3rem;
  }
}
.coopBox .list {
  padding-bottom: 8%;
  margin-top: 3.7%;
}
@media (max-width: 1260px) {
  .coopBox .list {
    font-size: 16px;
    padding-bottom: 3rem;
    margin-top: 1rem;
  }
}
@media (max-width: 767px) {
  .coopBox .list {
    font-size: 14px;
  }
}
.coopBox .list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .coopBox .list ul {
    justify-content: center;
  }
}
.coopBox .list li {
  width: 9em;
  height: 9em;
  background: url(../images/coop_bg.png) center center no-repeat;
  background-size: contain;
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  flex-direction: column;
}
@media (max-width: 767px) {
  .coopBox .list li {
    margin: 0.5rem 0.5rem 0;
  }
}
.coopBox .list li .num {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(255, 255, 255, 0.05);
  font-size: 4.2em;
}
.coopBox .list li .pic {
  display: block;
  position: relative;
  z-index: 0;
  width: 2.25em;
  height: 2.25em;
  object-fit: contain;
}
.coopBox .list li .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.coopBox .list li .name {
  margin-top: 0.2em;
}
/*加盟条件*/
.joininBox {
  background-color: #f4f8ff;
  padding: 5.7% 0 0;
  max-width: 1920px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .joininBox {
    padding: 3rem 0 0;
  }
}
.joininBox .title {
  text-align: center;
  font-weight: bold;
}
.joininBox .line {
  text-align: center;
  background-color: #1a5fdb;
  width: 2em;
  height: 0.25em;
  display: block;
  margin: 0.9em auto 0;
}
.joininBox .title2 {
  text-align: center;
  margin-top: 1em;
  color: #1a5fdb;
}
.joininBox .title3 {
  margin-top: 2.8em;
  text-align: center;
}
@media (max-width: 767px) {
  .joininBox .title3 {
    margin-top: 1rem;
  }
}
.joininBox .title3 img {
  height: auto;
  width: 33em;
  max-width: 70%;
}
.joininBox .con {
  margin-top: -8em;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
@media (max-width: 767px) {
  .joininBox .con {
    display: block;
    margin-top: 0;
  }
}
.joininBox .con_1 {
  width: 49.8%;
  background: url(../images/joinbg1.png) center center no-repeat;
  background-size: 100% 100%;
}
.joininBox .con_1 .con_s {
  padding: 24.5% 22% 12% 27%;
}
@media (max-width: 767px) {
  .joininBox .con_1 .con_s {
    padding: 4rem 1rem 1.5rem;
  }
}
.joininBox .con_1 .con_s .title4 {
  color: #333;
}
.joininBox .con_1 .con_s .txt {
  margin-top: 1em;
  color: #666;
  line-height: 2.2em;
}
@media (max-width: 767px) {
  .joininBox .con_1 {
    width: 100%;
  }
}
.joininBox .con_2 {
  width: 49.8%;
  background: url(../images/joinbg2.png) center center no-repeat;
  background-size: 100% 100%;
  color: #fff;
}
.joininBox .con_2 .con_s {
  padding: 24.5% 27% 12% 22%;
}
@media (max-width: 767px) {
  .joininBox .con_2 .con_s {
    padding: 4rem 1rem 1.5rem;
  }
}
@media (max-width: 767px) {
  .joininBox .con_2 .con_s .title4 {
    text-align: right;
  }
}
.joininBox .con_2 .con_s .txt {
  margin-top: 1em;
  line-height: 2.2em;
}
@media (max-width: 767px) {
  .joininBox .con_2 {
    width: 100%;
  }
}
/*成为代理商*/
.agentBox .titBox .txt .intro {
  margin-top: 0.4rem;
}
.agentBox .list {
  margin-top: -1.8%;
  margin-bottom: 5.3%;
}
@media (max-width: 767px) {
  .agentBox .list {
    margin-top: 1rem;
    margin-bottom: 3rem;
  }
}
.agentBox .list ul {
  display: flex;
  flex-wrap: wrap;
}
.agentBox .list li {
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 0;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  width: 48.4%;
  margin-right: 3.2%;
  margin-top: 3.2%;
}
.agentBox .list li:nth-child(2n) {
  margin-right: 0;
}
@media (max-width: 767px) {
  .agentBox .list li {
    width: 100%;
    margin-right: 0;
  }
}
.agentBox .list li .pic {
  padding-top: 50%;
  height: 0;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.agentBox .list li .pic img {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 1s;
}
.agentBox .list li .txt {
  position: absolute;
  color: #fff;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 4.2% 0;
  text-align: center;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
  /* IE6-9 */
  opacity: 1;
  transition: all 1s;
}
.agentBox .list li .txt2 {
  position: absolute;
  color: #fff;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: all 1s;
}
.agentBox .list li .txt2 .intro {
  margin-top: 3.5%;
  max-width: 400px;
  width: 90%;
  line-height: 1.6;
}
.agentBox .list li .txt2 .btnWhite {
  margin-top: 6.6%;
}
.agentBox .list li:hover .pic img {
  filter: blur(7px);
}
.agentBox .list li:hover .txt {
  opacity: 0;
}
.agentBox .list li:hover .txt2 {
  opacity: 1;
}
/*全国六大区*/
.areaBox {
  position: relative;
  z-index: 0;
  max-width: 1920px;
  margin: 0 auto;
}
.areaBox .map {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  width: 42.5%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .areaBox .map {
    margin-top: 1.5rem;
    position: static;
    width: 100%;
    justify-content: center;
  }
}
.areaBox .map .pic {
  width: 100%;
  position: relative ;
  z-index: 0;
  padding-top: 84.4%;
}
.areaBox .map .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.areaBox .map .pic .name {
  position: absolute;
  bottom: 0;
  left: 29%;
  color: #fff;
  line-height: 2.5em;
  padding: 0 1.2em;
  background-color: #226cff;
  -moz-border-radius: 0.7em;
  -webkit-border-radius: 0.7em;
  border-radius: 0.7em;
}
.areaBox .map img {
  width: 80%;
  height: 100%;
  object-fit: contain;
}
.areaBox .con {
  width: 62.7%;
  margin: 0 auto 0 0;
  color: #fff;
  padding: 2.3rem 0 2rem 2.5rem;
  background: url(../images/area_bg.png) center center no-repeat;
  background-size: 100% 100%;
}
@media (max-width: 767px) {
  .areaBox .con {
    width: auto;
    padding: 2.3rem 1rem 2rem;
    background-position: 0 center;
    background-size: 120% 100%;
  }
}
.areaBox .con .title {
  letter-spacing: 0.1em;
}
.areaBox .con .list {
  margin-top: 3%;
  width: 50%;
}
@media (max-width: 767px) {
  .areaBox .con .list {
    width: 100%;
  }
}
.areaBox .con .list ul {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}
.areaBox .con .list ul li {
  width: 32.3%;
  margin-top: 1.4%;
  margin-right: 1.4%;
  background-color: #fff;
  padding: 0.8em 0 0.7em;
  color: #333;
  text-align: center;
}
.areaBox .con .list ul li:nth-child(3n) {
  margin-right: 0;
}
.areaBox .con .dateList {
  margin: 20% auto 0 0;
  width: 87%;
  font-size: 0.16rem;
}
@media (max-width: 767px) {
  .areaBox .con .dateList {
    width: 100%;
    margin-top: 1.5rem;
  }
}
.areaBox .con .dateList ul {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  text-align: left;
}
@media (max-width: 767px) {
  .areaBox .con .dateList ul {
    display: block;
  }
}
@media (max-width: 767px) {
  .areaBox .con .dateList ul li:first-child {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .areaBox .con .dateList ul li:nth-child(2) {
    width: 100%;
    margin-top: 1rem;
  }
}
@media (max-width: 767px) {
  .areaBox .con .dateList ul li:nth-child(3) {
    width: 100%;
    margin-top: 1rem;
  }
}
.areaBox .con .dateList b {
  font-size: 0.68rem;
  line-height: 1em;
}
@media (max-width: 767px) {
  .areaBox .con .dateList b {
    font-size: 36px;
  }
}
.areaBox .con .dateList i {
  font-style: normal;
  vertical-align: top;
}
@media (max-width: 767px) {
  .areaBox .con .dateList i {
    font-size: 3.5em;
  }
}
.areaBox .con .dateList span {
  display: inline-block;
}
@media (max-width: 767px) {
  .areaBox .con .dateList span {
    font-size: 3.5em;
  }
}
.newi2BoxW {
  padding-bottom: 5.5%;
}
@media (max-width: 767px) {
  .newi2BoxW {
    padding-bottom: 1.5rem;
  }
}
.newi2Box {
  margin-top: 3.5%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
@media (max-width: 767px) {
  .newi2Box {
    display: block;
    margin-top: 1.5rem;
  }
}
.newi2Box .list_1 {
  width: 48%;
}
@media (max-width: 767px) {
  .newi2Box .list_1 {
    width: 100%;
  }
}
.newi2Box .list_1 .swiper-i2new {
  height: 100%;
}
@media (max-width: 767px) {
  .newi2Box .list_1 .swiper-i2new {
    height: 11rem;
  }
}
.newi2Box .list_1 .swiper-i2new .swiper-pagination {
  bottom: 1.2em;
  right: 8%;
  text-align: right;
  width: auto;
}
.newi2Box .list_1 .swiper-i2new .swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
  margin: 0 7px;
  width: 7px;
  height: 7px;
  background-color: #fff;
}
.newi2Box .list_1 .swiper-i2new .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #0648b9;
}
.newi2Box .list_1 .swiper-i2new .swiper-slide {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
}
.newi2Box .list_1 .swiper-i2new .swiper-slide img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.newi2Box .list_1 .swiper-i2new .swiper-slide .txt {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.2em 10% 1.1em 8%;
  color: #fefeff;
  background-color: rgba(0, 0, 0, 0.5);
  line-height: 1.5;
}
.newi2Box .list_1 .swiper-i2new .swiper-slide .txt .name {
  max-height: 6em;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.newi2Box .list_2 {
  width: 51%;
}
@media (max-width: 767px) {
  .newi2Box .list_2 {
    width: 100%;
  }
}
.newi2Box .list_2 ul {
  margin-top: -1.5%;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}
.newi2Box .list_2 li {
  width: 49.3%;
  margin-right: 1.4%;
  margin-top: 1.5%;
  transition: all 0.5s;
  background-color: #fff;
}
@media (max-width: 767px) {
  .newi2Box .list_2 li {
    width: 100%;
    margin-right: 0;
    margin-top: 1rem;
  }
}
.newi2Box .list_2 li:nth-child(2n) {
  margin-right: 0;
}
.newi2Box .list_2 li .pic {
  display: block;
  cursor: pointer;
  padding-top: 59%;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.newi2Box .list_2 li .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 1s;
}
.newi2Box .list_2 li .pic:hover img {
  -ms-transform: scale(1.05, 1.05);
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.newi2Box .list_2 li .txt {
  padding: 0 6.8% 0;
}
.newi2Box .list_2 li .txt .name {
  padding: 9% 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  *white-space: nowrap;
}
.newi2Box .list_2 li .txt .name a {
  color: #333;
}
.newi2Box .list_2 li .txt .intro {
  margin-top: 1.5%;
  color: #999;
  line-height: 1.6;
  height: 3.2em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.newi2Box .list_2 li .txt .about {
  margin-top: 7%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #999;
  border-top: 1px solid #d2d2d2;
  padding: 4% 0 6.9%;
}
.newi2Box .list_2 li .txt .about a {
  color: #999;
}
.newi2Box .list_2 li:hover {
  background-color: #fff;
}
.newi2Box .list_2 li:hover .name a {
  color: #0b52d1;
}
.newi2Box .list_2 li:hover .about {
  color: #333;
}
.newi2Box .list_2 li:hover .about a {
  color: #333;
}