﻿
/**
*   首页
*/
.main_box {
  height: 100%;
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  background-color: #f4f4f4;
}

.main_box .main_home {
  height: 100%;
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
}

.main_box .main_home img {
  width: 100%;
}

.main_box .main_home .kv_health {
  height: auto;
  width: 100%;
  position: relative;
}

.main_box .main_home .health_details {
  height: auto;
  width: 75.41667vw;
  position: relative;
  background-image: url(../image/health_details.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 auto;
  top: -3.64583vw;
  padding-top: 8.69792vw;
  padding-bottom: 4.16667vw;
}

.main_box .main_home .health_details .dtl_x {
  width: 0.10417vw;
  height: 9.375vw;
  background-color: #b1d007;
  position: absolute;
  top: -3.4375vw;
  left: 50%;
  margin-left: -0.05208vw;
}

.main_box .main_home .health_details .dtl {
  color: #333333;
  font-size: 0.9375vw;
  line-height: 1.5625vw;
  text-align: center;
  font-family: Med;
}

.main_box .main_home .health_details .dtl_list {
  height: auto;
  width: 62.5vw;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  margin-top: 4.84375vw;
}

.main_box .main_home .health_details .dtl_list .product {
  text-align: center;
}

.main_box .main_home .health_details .dtl_list .product p {
  font-size: 1.25vw;
  line-height: 2.60417vw;
  color: #000;
  font-family: Jxzk;
}

.main_box .main_home .health_details .dtl_list .product span {
  font-size: 0.83333vw;
  color: #333;
  line-height: 1.45833vw;
}

.main_box .main_home .health_details .dtl_list .product .logo_1 {
  width: 4.6875vw;
}

.main_box .main_home .health_details .dtl_list .product .logo_2 {
  width: 4.6875vw;
}

.main_box .main_home .health_details .dtl_list .product .logo_3 {
  width: 4.6875vw;
}

.main_box .main_home .product_box {
  height: auto;
  width: 72.91667vw;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.main_box .main_home .product_box .product_tit {
  width: 100%;
  margin-bottom: 2.08333vw;
  cursor: pointer;
}

.main_box .main_home .product_box .product_tit ul {
  width: 80%;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
}

.main_box .main_home .product_box .product_tit ul li {
  font-size: 1.25vw;
  font-family: Bod;
  color: #666;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.main_box .main_home .product_box .product_tit ul li img {
  width: 4.6875vw;
  margin-bottom: 0.98958vw;
  visibility: hidden;
}

.main_box .main_home .product_box .product_tit ul .active {
  color: #0e4e0f;
}

.main_box .main_home .product_box .product_tit ul .active img {
  visibility: visible;
}

.main_box .main_home .product_box .product_title {
  width: 100%;
  margin-bottom: 5.3125vw;
}

.main_box .main_home .product_box .product_title ul {
  width: 80%;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  display: none;
}

.main_box .main_home .product_box .product_title ul li {
  display: inline-block;
  font-size: 1.04167vw;
  line-height: 1.35417vw;
  color: #666;
  position: relative;
  z-index: 1;
  padding: 0 0.52083vw;
  cursor: pointer;
}

.main_box .main_home .product_box .product_title ul .active {
  color: #0e4e0f;
}

.main_box .main_home .product_box .product_title ul .active:after {
  content: '';
  z-index: -1;
  height: 0.52083vw;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(177, 208, 7, 0.5);
}

.main_box .main_home .product_box .product_title .auto {
  display: flex;
}

.main_box .main_home .product_box .prodcut_list_box {
  height: auto;
  width: 100%;
  position: relative;
  margin: 0 auto;
}

.main_box .main_home .product_box .prodcut_list_box .prodcut_box {
  height: auto;
  width: 100%;
  position: relative;
  margin: 0 auto;
  margin-bottom: 3.64583vw;
  display: none;
}

.main_box .main_home .product_box .prodcut_list_box .prodcut_box ul .prodcut_centre {
  display: none;
}

.main_box .main_home .product_box .prodcut_list_box .prodcut_box ul .prodcut_centre .prodcut_details {
  height: auto;
  width: 100%;
  display: flex;
  margin-bottom: 3.64583vw;
}

.main_box .main_home .product_box .prodcut_list_box .prodcut_box ul .prodcut_centre .prodcut_details .logo {
  width: 7.8125vw;
  display: inline-block;
  margin-right: 2.08333vw;
  border-radius: 0.52083vw;
}

.main_box .main_home .product_box .prodcut_list_box .prodcut_box ul .prodcut_centre .prodcut_details .text p {
  font-size: 1.04167vw;
  font-family: Bod;
  color: #000;
  margin-bottom: 1.04167vw;
}

.main_box .main_home .product_box .prodcut_list_box .prodcut_box ul .prodcut_centre .prodcut_details .text span {
  font-size: 0.83333vw;
  color: #333333;
  display: block;
  width: 36.45833vw;
  line-height: 1.45833vw;
}

.main_box .main_home .product_box .prodcut_list_box .prodcut_box ul .prodcut_centre .prodcut_list {
  height: auto;
  width: 100%;
  position: relative;
}

.main_box .main_home .product_box .prodcut_list_box .prodcut_box ul .prodcut_centre .prodcut_list ul {
  height: auto;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.main_box .main_home .product_box .prodcut_list_box .prodcut_box ul .prodcut_centre .prodcut_list ul li {
  width: 35.41667vw;
  margin-bottom: 2.08333vw;
  overflow: hidden;
  border-radius: 1.04167vw;
}

.main_box .main_home .product_box .prodcut_list_box .prodcut_box ul .prodcut_centre .prodcut_list ul li img {
  transform: scale(1);
  transition: transform 1s ease;
}

.main_box .main_home .product_box .prodcut_list_box .prodcut_box ul .prodcut_centre .prodcut_list ul li:hover img {
  transform: scale(1.1);
}

.main_box .main_home .flower_1 {
  width: 19.32292vw;
  position: absolute;
  left: 3.64583vw;
  bottom: -6.25vw;
  transform: rotateY(190deg) rotate(-90deg);
  z-index: 0;
}

.main_box .main_home .flower_2 {
  width: 24.375vw;
  position: absolute;
  right: -12.5vw;
  top: 57.29167vw;
  transform: rotate(-75deg);
  z-index: 0;
}

@media screen and (max-width: 1000px) {
  .main_box .main_home .health_details .dtl_list {
    width: 70.3125vw;
  }
  .main_box .main_home .product_box .prodcut_list_box .prodcut_box ul .prodcut_centre .prodcut_details .text span {
    line-height: initial;
  }
}
