@import url("https://fonts.googleapis.com/css?family=Didact+Gothic");

* {

  margin: 0;

  padding: 0;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  outline: none; }



html, body {

  width: 100%;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  outline: none;

  margin: 0;

  padding: 0;

  font-family: "Didact Gothic", "Microsoft JhengHei", Arial, Helvetica, sans-serif;

  overflow-x: hidden;

  color: #50525D;

  font-size: 1rem; }



a:hover {

  text-decoration: none;

  outline: none;

  -webkit-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out; }



a, button {

  -webkit-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

  text-decoration: none;

  outline: none; }



::-webkit-scrollbar {

  width: 5px; }



::-webkit-scrollbar-button:start:decrement,

::-webkit-scrollbar-button:end:increment {

  display: none; }



::-webkit-scrollbar-track-piece {

  background-color: #fff; }



::-webkit-scrollbar-thumb:vertical {

  background-color: #4f7d25; }



::selection {

  background: #4f7d25;

  color: #fff; }



.navbar-default {

  flex-direction: column;

  align-items: center;

  justify-content: flex-start;

  padding: 0;

  background-color: #4f7d25;

  width: 10%; }

  .navbar-default .nav_box {

    list-style: none;

    padding: 3em 0 0; }

    .navbar-default .nav_box ul {

      text-align: center;

      padding: 0 0.8em; }

      .navbar-default .nav_box ul li {

        display: block;

        margin-bottom: 10px; }

        .navbar-default .nav_box ul li a {

          display: block;

          color: #fff;

          font-size: 1.1rem;

          line-height: 1.92rem; }

          .navbar-default .nav_box ul li a:hover, .navbar-default .nav_box ul li a:focus {

            color: #ffd800; }

  .navbar-default .logo {

    width: 100%;

    background-color: #fff;

    text-align: center; }

    .navbar-default .logo a img:nth-child(2) {

      display: none; }

  .navbar-default .share {

    margin-top: 20px; }

    .navbar-default .share ul {

      text-align: center; }

      .navbar-default .share ul li {

        display: inline-block;

        vertical-align: middle;

        margin: 0 5px; }

        .navbar-default .share ul li a img {

          -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

          transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1); }

        .navbar-default .share ul li a:hover img, .navbar-default .share ul li a:focus img {

          opacity: 0.5; }



.togglebar {

  display: none; }



.scrolled.navbar-default {

  width: 100%;

  flex-direction: row;

  align-items: center;

  justify-content: flex-start;

  background-color: #fff;

  padding: 1em 2em;

  position: fixed;

  top: 0;

  left: 0;

  z-index: 9999;

  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); }

  .scrolled.navbar-default .logo {

    width: auto; }

    .scrolled.navbar-default .logo a img:nth-child(1) {

      display: none; }

    .scrolled.navbar-default .logo a img:nth-child(2) {

      display: block; }

  .scrolled.navbar-default .nav_box {

    -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

    transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 999;

    opacity: 0;

    background-color: #4f7d25;

    transform: translateY(-100%); }

    .scrolled.navbar-default .nav_box ul li {

      margin-bottom: 1em; }

    .scrolled.navbar-default .nav_box.active {

      transform: translateY(0);

      padding-top: 8em;

      overflow-y: auto;

      z-index: 999;

      opacity: 1; }

  .scrolled.navbar-default .togglebar {

    -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

    transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

    display: block;

    cursor: pointer;

    margin-right: 20px;

    width: 40px;

    height: 40px;

    position: relative;

    z-index: 9999; }

    .scrolled.navbar-default .togglebar span {

      -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      display: block;

      color: #4f7d25;

      margin: 0 auto;

      text-align: center; }

    .scrolled.navbar-default .togglebar i {

      -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      display: block;

      width: 40px;

      height: 4px;

      background-color: #4f7d25;

      margin-bottom: 5px; }

      .scrolled.navbar-default .togglebar i:nth-child(2) {

        width: 32px; }

      .scrolled.navbar-default .togglebar i:nth-child(3) {

        width: 25px; }

    .scrolled.navbar-default .togglebar:hover span, .scrolled.navbar-default .togglebar:focus span {

      color: #ffd800; }

    .scrolled.navbar-default .togglebar:hover i, .scrolled.navbar-default .togglebar:focus i {

      background-color: #ffd800; }

    .scrolled.navbar-default .togglebar.active {

      position: relative; }

      .scrolled.navbar-default .togglebar.active span {

        color: #fff;

        margin-top: 2.5em; }

      .scrolled.navbar-default .togglebar.active i {

        background-color: #fff;

        position: absolute;

        top: 0;

        bottom: 0;

        left: 0;

        right: 0;

        margin: auto; }

        .scrolled.navbar-default .togglebar.active i:nth-child(1) {

          transform: rotate(-45deg); }

        .scrolled.navbar-default .togglebar.active i:nth-child(2) {

          opacity: 0; }

        .scrolled.navbar-default .togglebar.active i:nth-child(3) {

          width: 40px;

          transform: rotate(45deg); }



@media (max-width: 1199px) {

  .navbar-default .nav_box {

    padding: 1.5em 0 0; } }

@media (max-width: 1099px) {

  .navbar-default {

    width: 15%; }

    .navbar-default .nav_box {

      padding: 1em 0 0; }

      .navbar-default .nav_box ul li {

        margin-bottom: 0; }

        .navbar-default .nav_box ul li a {

          line-height: 1.8rem; }

    .navbar-default .share {

      margin-top: 10px; } }

@media (max-width: 991px) {

  .navbar-default {

    width: 100%;

    flex-direction: row;

    align-items: center;

    justify-content: flex-start;

    background-color: #fff;

    padding: 1em 2em; }

    .navbar-default .logo {

      width: auto; }

      .navbar-default .logo a img:nth-child(1) {

        display: none; }

      .navbar-default .logo a img:nth-child(2) {

        display: block; }

    .navbar-default .nav_box {

      -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      width: 100%;

      height: 100%;

      position: fixed;

      top: 0;

      left: 0;

      z-index: -999;

      opacity: 0;

      background-color: #4f7d25;

      transform: translateY(-100%); }

      .navbar-default .nav_box ul li {

        margin-bottom: 1em; }

      .navbar-default .nav_box.active {

        transform: translateY(0);

        padding-top: 6em;

        overflow-y: auto;

        z-index: 999;

        opacity: 1; }



  .togglebar {

    display: block;

    cursor: pointer;

    margin-right: 20px;

    width: 40px;

    height: 40px;

    position: relative;

    z-index: 9999; }

    .togglebar span {

      -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      display: block;

      color: #4f7d25;

      margin: 0 auto;

      text-align: center; }

    .togglebar i {

      -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      display: block;

      width: 40px;

      height: 4px;

      background-color: #4f7d25;

      margin-bottom: 5px; }

      .togglebar i:nth-child(2) {

        width: 32px; }

      .togglebar i:nth-child(3) {

        width: 25px; }

    .togglebar:hover span, .togglebar:focus span {

      color: #ffd800; }

    .togglebar:hover i, .togglebar:focus i {

      background-color: #ffd800; }

    .togglebar.active {

      position: relative; }

      .togglebar.active span {

        color: #fff;

        margin-top: 2.5em; }

      .togglebar.active i {

        background-color: #fff;

        position: absolute;

        top: 0;

        bottom: 0;

        left: 0;

        right: 0;

        margin: auto; }

        .togglebar.active i:nth-child(1) {

          transform: rotate(-45deg); }

        .togglebar.active i:nth-child(2) {

          opacity: 0; }

        .togglebar.active i:nth-child(3) {

          width: 40px;

          transform: rotate(45deg); } }

.inside_nav .navbar-default {

  background-color: transparent;

  display: flex;

  flex-direction: column;

  position: fixed;

  left: 0;

  top: 0;

  width: auto;

  z-index: 999; }

  .inside_nav .navbar-default .logo {

    order: 1; }

  .inside_nav .navbar-default .togglebar {

    display: block;

    -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

    transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

    order: 2;

    color: #fff;

    background-color: #4f7d25;

    cursor: pointer;

    width: 100%;

    height: 100%;

    position: relative;

    z-index: 9999;

    margin-right: 0;

    padding: 40px 0 30px; }

    .inside_nav .navbar-default .togglebar span {

      -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      display: block;

      color: #fff;

      margin: 0 auto;

      text-align: center; }

    .inside_nav .navbar-default .togglebar i {

      -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      display: block;

      width: 60px;

      height: 3px;

      background-color: #fff;

      margin: 0 auto;

      margin-bottom: 15px; }

    .inside_nav .navbar-default .togglebar.active span {

      opacity: 0; }

    .inside_nav .navbar-default .togglebar.active i {

      position: absolute;

      top: 0;

      bottom: 0;

      left: 0;

      right: 0;

      margin: auto; }

      .inside_nav .navbar-default .togglebar.active i:nth-child(1) {

        transform: rotate(45deg); }

      .inside_nav .navbar-default .togglebar.active i:nth-child(2) {

        opacity: 0; }

      .inside_nav .navbar-default .togglebar.active i:nth-child(3) {

        transform: rotate(-45deg); }

  .inside_nav .navbar-default .nav_box {

    order: 3;

    transform: translateY(-20%);

    opacity: 0;

    width: 190px;

    height: 0;

    overflow: hidden;

    background-color: #4f7d25;

    z-index: -9;

    padding: 1em 0 0; }

    .inside_nav .navbar-default .nav_box.active {

      opacity: 1;

      transform: translateY(0);

      height: 100%;

      z-index: 9; }

.inside_nav .navbar-default.scrolled {

  width: 100%;

  flex-direction: row;

  align-items: center;

  justify-content: flex-start;

  background-color: #fff;

  padding: 1em 2em;

  position: fixed;

  top: 0;

  left: 0;

  z-index: 9999;

  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); }

  .inside_nav .navbar-default.scrolled .logo {

    width: auto; }

    .inside_nav .navbar-default.scrolled .logo a img:nth-child(1) {

      display: none; }

    .inside_nav .navbar-default.scrolled .logo a img:nth-child(2) {

      display: block; }

  .inside_nav .navbar-default.scrolled .nav_box {

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 999;

    opacity: 0;

    background-color: #4f7d25;

    transform: translateY(-100%); }

    .inside_nav .navbar-default.scrolled .nav_box ul li {

      margin-bottom: 1em; }

    .inside_nav .navbar-default.scrolled .nav_box.active {

      transform: translateY(0);

      padding-top: 6em;

      overflow-y: auto;

      z-index: 999;

      opacity: 1; }

  .inside_nav .navbar-default.scrolled .togglebar {

    order: 1;

    background-color: transparent;

    display: block;

    cursor: pointer;

    margin-right: 20px;

    width: 40px;

    height: 40px;

    position: relative;

    z-index: 9999;

    padding: 0; }

    .inside_nav .navbar-default.scrolled .togglebar span {

      -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      display: block;

      color: #4f7d25;

      margin: 0 auto;

      text-align: center; }

    .inside_nav .navbar-default.scrolled .togglebar i {

      -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      display: block;

      width: 40px;

      height: 4px;

      background-color: #4f7d25;

      margin: 0;

      margin-bottom: 5px; }

      .inside_nav .navbar-default.scrolled .togglebar i:nth-child(2) {

        width: 32px; }

      .inside_nav .navbar-default.scrolled .togglebar i:nth-child(3) {

        width: 25px; }

    .inside_nav .navbar-default.scrolled .togglebar:hover span, .inside_nav .navbar-default.scrolled .togglebar:focus span {

      color: #ffd800; }

    .inside_nav .navbar-default.scrolled .togglebar:hover i, .inside_nav .navbar-default.scrolled .togglebar:focus i {

      background-color: #ffd800; }

    .inside_nav .navbar-default.scrolled .togglebar.active {

      position: relative; }

      .inside_nav .navbar-default.scrolled .togglebar.active span {

        color: #fff;

        margin-top: 2.5em; }

      .inside_nav .navbar-default.scrolled .togglebar.active i {

        background-color: #fff;

        position: absolute;

        top: 0;

        bottom: 0;

        left: 0;

        right: 0;

        margin: auto; }

        .inside_nav .navbar-default.scrolled .togglebar.active i:nth-child(1) {

          transform: rotate(-45deg); }

        .inside_nav .navbar-default.scrolled .togglebar.active i:nth-child(2) {

          opacity: 0; }

        .inside_nav .navbar-default.scrolled .togglebar.active i:nth-child(3) {

          width: 40px;

          transform: rotate(45deg); }



@media (max-width: 991px) {

  .inside_nav .navbar-default {

    width: 100%;

    flex-direction: row;

    align-items: center;

    justify-content: flex-start;

    background-color: #fff;

    padding: 1em 2em;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 9999;

    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); }

    .inside_nav .navbar-default .logo {

      width: auto; }

      .inside_nav .navbar-default .logo a img:nth-child(1) {

        display: none; }

      .inside_nav .navbar-default .logo a img:nth-child(2) {

        display: block; }

    .inside_nav .navbar-default .nav_box {

      -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      width: 100%;

      height: 100%;

      position: fixed;

      top: 0;

      left: 0;

      z-index: 999;

      opacity: 0;

      background-color: #4f7d25;

      transform: translateY(-100%); }

      .inside_nav .navbar-default .nav_box ul li {

        margin-bottom: 1em; }

      .inside_nav .navbar-default .nav_box.active {

        transform: translateY(0);

        padding-top: 6em;

        overflow-y: auto;

        z-index: 999;

        opacity: 1; }

    .inside_nav .navbar-default .togglebar {

      order: 1;

      background-color: transparent;

      display: block;

      cursor: pointer;

      margin-right: 20px;

      width: 40px;

      height: 40px;

      position: relative;

      z-index: 9999;

      padding: 0; }

      .inside_nav .navbar-default .togglebar span {

        -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

        transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

        display: block;

        color: #4f7d25;

        margin: 0 auto;

        text-align: center; }

      .inside_nav .navbar-default .togglebar i {

        -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

        transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

        display: block;

        width: 40px;

        height: 4px;

        background-color: #4f7d25;

        margin: 0;

        margin-bottom: 5px; }

        .inside_nav .navbar-default .togglebar i:nth-child(2) {

          width: 32px; }

        .inside_nav .navbar-default .togglebar i:nth-child(3) {

          width: 25px; }

      .inside_nav .navbar-default .togglebar:hover span, .inside_nav .navbar-default .togglebar:focus span {

        color: #ffd800; }

      .inside_nav .navbar-default .togglebar:hover i, .inside_nav .navbar-default .togglebar:focus i {

        background-color: #ffd800; }

      .inside_nav .navbar-default .togglebar.active {

        position: relative; }

        .inside_nav .navbar-default .togglebar.active span {

          color: #fff;

          margin-top: 2.5em; }

        .inside_nav .navbar-default .togglebar.active i {

          background-color: #fff;

          position: absolute;

          top: 0;

          bottom: 0;

          left: 0;

          right: 0;

          margin: auto; }

          .inside_nav .navbar-default .togglebar.active i:nth-child(1) {

            transform: rotate(-45deg); }

          .inside_nav .navbar-default .togglebar.active i:nth-child(2) {

            opacity: 0; }

          .inside_nav .navbar-default .togglebar.active i:nth-child(3) {

            width: 40px;

            transform: rotate(45deg); } }

#loading {

  background-color: #fff;

  position: fixed;

  width: 100%;

  height: 100%;

  z-index: 99999999999;

  display: block; }

  #loading img {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto; }



.index_banner {

  display: block;

  width: 90%;

  margin-left: -2px; }

  .index_banner.scrolled {

    width: 100%; }

  .index_banner a {

    display: flex; }

  .index_banner .slick-dots {

    bottom: 4%; }

    .index_banner .slick-dots li {

      -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      border: 1px solid transparent;

      border-radius: 100%;

      width: 23px;

      height: 23px;

      padding: 0.33em 0.34em; }

      .index_banner .slick-dots li button {

        width: 3px;

        height: 3px;

        border-radius: 100%;

        background-color: #fff;

        opacity: 1; }

      .index_banner .slick-dots li.slick-active {

        border: 1px solid #fff; }



.index_about_bg {

  background: url(../image/bg.png) no-repeat top center;

  padding: 5em 0; }



.index_about_title {

  margin-bottom: 50px; }

  .index_about_title h3 {

    font-family: "Didact Gothic", sans-serif;

    font-weight: bolder;

    text-align: center;

    color: #333;

    font-size: 2.25rem; }

    .index_about_title h3 span {

      color: #4f7d25; }

  .index_about_title h4 {

    text-align: center;

    font-size: 1.6rem; }



.index_about_title2 {

  position: relative;

  margin-bottom: 30px; }

  .index_about_title2 h3 {

    color: #fff; }

    .index_about_title2 h3 span {

      color: #ffd800; }

  .index_about_title2 h4 {

    color: #fff; }

  .index_about_title2 img {

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    left: 40em;

    margin: auto; }



.index_about_box {

  text-align: center; }

  .index_about_box p {

    margin: 20px auto;

    color: #808080;

    font-size: 1.1rem; }

  .index_about_box a {

    display: block;

    width: 247px;

    line-height: 42px;

    border-radius: 50px;

    margin: 50px auto 30px;

    text-align: center;

    font-size: 1.1rem;

    color: #4f7d25;

    border: 2px solid #4f7d25;

    background-color: #fff;

    position: relative;

    z-index: 9; }

    .index_about_box a i {

      -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      display: inline-block;

      vertical-align: middle;

      margin-left: 10px;

      width: 13px;

      height: 17px;

      background: url(../image/icon/arrows2.png) no-repeat center; }

    .index_about_box a:hover, .index_about_box a:focus {

      background-color: #4f7d25;

      color: #fff; }

      .index_about_box a:hover i, .index_about_box a:focus i {

        background: url(../image/icon/arrows2-2.png) no-repeat center; }

  .index_about_box .index_about_bg2 {

    position: absolute;

    top: -9em;

    right: -12em; }



.index_items {

  position: relative;

  -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

  transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

  text-align: center;

  padding: 0 30px; }

  .index_items img {

    margin: 10px auto; }

  .index_items span {

    display: block;

    width: 190px;

    line-height: 32px;

    background-color: #fff;

    color: #4f7d25;

    margin: 20px auto;

    font-size: 1.1rem; }

  .index_items p {

    font-size: 0.9rem;

    color: #fff;

    width: 65%;

    margin: 0 auto; }



.index_about_bg3 {

  position: relative;

  padding-bottom: 5em; }

  .index_about_bg3 .index_about_bg4 {

    position: absolute;

    top: 20em; }



.index_items.slick-slide {

  float: none;

  display: inline-block;

  vertical-align: middle;

  vertical-align: top;

  margin: -5em 0 0;

  opacity: 0.75;

  transform: scale(0.8); }



.index_items.slick-slide.slick-active {

  margin: 0 0 0;

  transform: scale(1);

  opacity: 1; }



.index_items.slick-slide.slick-current.slick-active.slick-center {

  margin: 0 0 0;

  transform: scale(1);

  opacity: 1;

  z-index: 9; }



.index_slick .slick-list {

  text-align: center; }



.index_items.pre {

  right: -10em;

  z-index: 2; }

  .index_items.pre span {

    opacity: 1; }

  .index_items.pre p {

    opacity: 1; }



.index_items.nex {

  left: -10em;

  z-index: 2; }

  .index_items.nex span {

    opacity: 1; }

  .index_items.nex p {

    opacity: 1; }



.index_items.pre2 {

  right: -25em;

  z-index: 1; }

  .index_items.pre2 span {

    opacity: 0; }

  .index_items.pre2 p {

    opacity: 0; }



.index_items.nex2 {

  left: -25em;

  z-index: 1; }

  .index_items.nex2 span {

    opacity: 0; }

  .index_items.nex2 p {

    opacity: 0; }



.index_menu_a {

  -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

  transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

  display: block;

  margin: 50px auto;

  width: 294px;

  height: 78px;

  background-color: #fff;

  border-radius: 50px;

  padding-top: 18px;

  font-size: 1.6rem;

  font-weight: bold; }

  .index_menu_a a {

    display: block;

    text-align: center;

    width: 100%;

    height: 100%;

    color: #4f7d25; }

    .index_menu_a a img {

      margin: 0 10px; }

  .index_menu_a:hover, .index_menu_a:focus {

    opacity: 0.6; }



.index_tab ul {

  border: 0;

  justify-content: center;

  margin-bottom: 50px; }

  .index_tab ul li {

    margin: 0 20px; }

    .index_tab ul li a {

      color: #fff;

      font-size: 1.25rem;

      font-weight: bold; }

      .index_tab ul li a:hover, .index_tab ul li a:focus, .index_tab ul li a.nav-link.active {

        color: #fff;

        background-color: transparent;

        border: 1px solid transparent;

        border-bottom: 3px solid #ffd800; }

      .index_tab ul li a.nav-link:hover, .index_tab ul li a .nav-link:focus {

        border: 1px solid transparent;

        border-bottom: 3px solid #ffd800; }



.index_news_items {

  display: block;

  margin: 30px auto; }

  .index_news_items .index_news_box {

    -webkit-transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);

    transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);

    display: block;

    overflow: hidden;

    position: relative;

    border: 4px solid transparent; }

    .index_news_items .index_news_box img {

      -webkit-transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);

      transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);

      transform: scale(1); }

    .index_news_items .index_news_box span {

      background-color: #ffd800;

      display: flex;

      flex-direction: column;

      align-items: center;

      justify-content: center;

      width: 65px;

      height: 65px;

      text-align: center;

      font-size: 1.1rem;

      font-weight: bold;

      color: #5f5f5f;

      line-height: 1.3rem;

      position: absolute;

      top: 0;

      left: 0;

      z-index: 1; }

      .index_news_items .index_news_box span i {

        display: block;

        font-style: normal;

        font-size: 0.67rem; }

  .index_news_items p {

    text-align: center;

    color: #4f7d25;

    margin-top: 15px;

    font-size: 1rem; }

  .index_news_items a {

    display: block; }

    .index_news_items a:hover .index_news_box, .index_news_items a:focus .index_news_box {

      border: 4px solid #4f7d25; }

    .index_news_items a:hover .index_news_box img, .index_news_items a:focus .index_news_box img {

      transform: scale(1.1); }



.index_about_bg5 {

  position: absolute;

  top: -26em;

  z-index: -1; }



.index_news_box2 {

  margin: 20px auto; }

  .index_news_box2 a {

    display: flex; }

    .index_news_box2 a img {

      border-radius: 100%; }

    .index_news_box2 a span {

      -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      display: block;

      background-color: #4f7d25;

      color: #fff;

      font-size: 1rem;

      width: 111px;

      line-height: 28px;

      text-align: center;

      margin-bottom: 20px;

      margin-top: 3em; }

    .index_news_box2 a h3 {

      font-size: 1rem;

      color: #333; }

    .index_news_box2 a p {

      -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      font-size: 1rem;

      color: #333; }

    .index_news_box2 a:hover span, .index_news_box2 a:focus span {

      background-color: #ffd800; }

    .index_news_box2 a:hover p, .index_news_box2 a:focus p {

      color: #4f7d25; }



.index_link {

  position: relative;

  margin: 5em auto;

  overflow: hidden;

  border: 1px solid #4f7d25; }

  .index_link a {

    display: block; }

    .index_link a .index_link_item {

      position: absolute;

      top: 0;

      bottom: 0;

      left: 0;

      right: 0;

      margin: auto;

      text-align: center;

      z-index: 1;

      display: flex;

      flex-direction: column;

      align-items: center;

      justify-content: center; }

      .index_link a .index_link_item h3 {

        color: #fff;

        font-size: 2.25rem;

        font-weight: bold;

        margin-bottom: 5px;

        text-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

        .index_link a .index_link_item h3 span {

          color: #ffd800; }

      .index_link a .index_link_item p {

        color: #fff;

        font-size: 1.6rem;

        text-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

    .index_link a i {

      -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      display: block;

      width: 100%;

      height: 100%;

      background-color: rgba(79, 125, 37, 0.7);

      position: absolute;

      top: 0;

      bottom: 0;

      left: 0;

      right: 0;

      margin: auto; }

    .index_link a:hover i, .index_link a:focus i {

      transform: translateY(-15em);

      background-color: #4f7d25; }



.index_link_bg {

  background: url(../image/bg4.png) no-repeat center; }



.index_form .form-control {

  border: 2px solid #9b9b9b;

  height: 43px;

  color: #4f7d25;

  border-radius: 2px;

  margin-bottom: 20px;

  font-size: 1rem; }

.index_form button {

  display: block;

  background-color: #4f7d25;

  color: #fff;

  font-size: 1.3rem;

  border: 0;

  line-height: 43px;

  width: 100%; }



.index_store_box2 {

  background: no-repeat top center;

  background-size: cover;

  min-height: 224px; }



.index_store_box3 {

  background-color: #fff;

  min-height: 224px;

  padding: 2em 1em;

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

  .index_store_box3 h3 {

    color: #4f7d25;

    font-size: 1.08rem;

    margin-bottom: 20px;

    margin-top: 0; }

  .index_store_box3 ul li {

    color: #808080;

    font-size: 0.92rem;

    list-style: none;

    margin-bottom: 10px; }

    .index_store_box3 ul li img {

      display: inline-block;

      vertical-align: middle;

      margin-right: 13px; }



.index_store_box {

  position: relative;

  margin: 20px auto; }

  .index_store_box .index_store_icon {

    position: absolute;

    top: -2em;

    left: -2em;

    margin: auto; }



.index_store_bg {

  position: relative;

  z-index: 1;

  background-color: #fff;

  padding: 4em 0; }



.footer {

  position: relative;

  margin-top: 3em; }

  .footer .footer_icon {

    position: absolute;

    bottom: 3.5em;

    left: 6em;

    z-index: 1; }

  .footer .footer2 {

    background-color: #3d3d3d;

    padding: 0.5em 0; }

    .footer .footer2 img {

      display: block;

      margin: 10px auto; }

    .footer .footer2 ul {

      text-align: center;

      margin-bottom: 5px; }

      .footer .footer2 ul li {

        display: inline-block;

        vertical-align: middle;

        font-size: 0.9rem;

        color: #fff; }

    .footer .footer2 p {

      font-size: 0.9rem;

      text-align: center;

      margin-bottom: 0;

      color: #fff; }


.footer_row{
  max-width: 991px;
  align-items: center;
  margin: auto;
}
.index_footer {

  position: relative; }



.app {

  position: absolute;

  right: 5em;

  bottom: 1.5em;

  z-index: 9;

  -webkit-animation: wobble 1.5s infinite;

  -moz-animation: wobble 1.5s infinite;

  -ms-animation: wobble 1.5s infinite;

  -o-animation: wobble 1.5s infinite;

  animation: wobble 1.5s infinite; }

  .app img {

    display: block;

    margin: 0 auto; }

  .app span {

    display: block;

    text-align: center;

    font-size: 1.25rem;

    color: #fff; }



.top img {

  -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

  transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

  position: absolute;

  top: -4em;

  right: 2em;

  z-index: 1;

  margin: auto; }

  .top img:hover, .top img:focus {

    transform: scale(0.8); }



@media (max-width: 1600px) {

  .index_tab ul {

    margin-top: 40px; }

    .index_tab ul li a {

      color: #333; }

      .index_tab ul li a:hover, .index_tab ul li a:focus, .index_tab ul li a.nav-link.active {

        color: #333; } }

@media (max-width: 1500px) {

  .index_tab ul {

    margin-top: 10px; } }

@media (max-width: 1480px) {

  .index_about_title2 {

    margin-top: 6em; }

    .index_about_title2 h3 {

      color: #333; }

    .index_about_title2 h4 {

      color: #000; } }

@media (max-width: 1280px) {

  .index_about_title2 {

    margin-top: 2em; }



  .index_footer {

    margin-top: 0; }



  .footer .footer_icon {

    bottom: 2em; } }

@media (max-width: 1199px) {

  .index_items.nex2 {

    left: -15em; }

  .index_items.pre2 {

    right: -15em; }

  .index_items.pre {

    right: -6em; }

  .index_items.nex {

    left: -6em; }



  .index_about_bg3 .index_about_bg4 {

    top: 23em; }



  .index_about_title2 {

    margin-top: 0; }



  .index_menu_a {

    margin: 25px auto; }



  .index_link_bg {

    background-size: contain;

    min-height: auto; }



  .footer .footer_icon {

    position: absolute;

    bottom: 6.5em;

    left: 3em;

    width: 15%; }



  .app {

    bottom: 1.5em; }

    .app span {

      color: #fff; }



  .index_store_box3 {

    padding: 1.5em 1em; } 
  .footer_row{
    max-width: 767px;
    align-items: center;
    margin: auto;
  }
}

@media (max-width: 1099px) {

  .index_banner {

    display: block;

    width: 85%;

    margin-left: -2px; } }

@media (max-width: 991px) {

  .index_items.nex2 {

    left: 0; }

  .index_items.pre2 {

    right: 0; }

  .index_items.pre {

    right: 0; }

  .index_items.nex {

    left: 0; }



  .index_about_box .index_about_bg2 {

    width: 50%;

    bottom: 0;

    top: auto; }



  .index_items p {

    width: 100%; }

  .index_items span {

    width: 100%; }



  .index_about_title2 img {

    left: 30em; }



  .index_link a .index_link_item h3 {

    font-size: 2rem; }

  .index_link a .index_link_item p {

    font-size: 1.3rem;

    margin-bottom: 0; }



  .app {

    display: none; }



  .index_banner {

    width: 100%; } }

@media (max-width: 767px) {

  .index_about_box .index_about_bg2 {

    width: 40%;

    bottom: 0;

    top: auto;

    right: -6em; }



  .index_items.pre2 span {

    opacity: 1; }

  .index_items.pre2 p {

    opacity: 1; }



  .index_items.nex2 span {

    opacity: 1; }

  .index_items.nex2 p {

    opacity: 1; }



  .index_about_bg3 {

    background-color: rgba(79, 125, 37, 0.9);

    padding: 2em 0; }

    .index_about_bg3 .index_about_title h3 {

      color: #fff; }

      .index_about_bg3 .index_about_title h3 span {

        color: #fff; }

    .index_about_bg3 .index_about_title h4 {

      color: #fff; }

    .index_about_bg3 .index_about_bg4 {

      display: none; }



  .index_news_box2 a h3 {

    color: #fff; }

  .index_news_box2 a p {

    color: #fff; }

  .index_news_box2 a:hover h3, .index_news_box2 a:focus h3 {

    color: #fff; }

  .index_news_box2 a:hover p, .index_news_box2 a:focus p {

    color: #fff; } }

@media (max-width: 600px) {

  .index_menu_a {

    border: 1px solid #4f7d25;

    margin-bottom: 30px; } }

@media (max-width: 576px) {

  .index_about_box .index_about_bg2 {

    display: none; }



  .index_about_bg {

    padding: 2em 0; }



  .index_news_box2 a span {

    margin-top: 2em; }



  .index_link {

    margin: 1em auto; }



  .index_link_bg {

    background: none; }



  .footer .footer_icon {

    display: none;

    bottom: 8em;

    left: 2em; }



  .index_store_box .index_store_icon {

    top: 1em;

    left: 1em; }



  .top img {

    right: 1em;

    width: 25%; } }

@media (max-width: 500px) {

  .index_tab ul li {

    margin: 0 5px; } }

.about_banner {

  background: no-repeat top center;

  background-size: cover;

  width: 100%;

  min-height: 718px;

  display: flex;

  align-items: center;

  justify-content: center; }



.about_title {

  width: 500px;

  height: 130px;

  background-color: rgba(79, 125, 37, 0.7);

  text-align: center;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center; }

  .about_title h1 {

    color: #fff;

    font-size: 2.83rem;

    font-weight: bold; }

    .about_title h1 span {

      color: #ffd800; }

  .about_title h2 {

    margin-bottom: 0;

    font-size: 2.17rem;

    color: #fff; }



.about_list {

  margin-top: -11em; }

  .about_list ul {

    text-align: center; }

    .about_list ul li {

      -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      display: inline-block;

      vertical-align: middle;

      width: 176px;

      height: 176px;

      background-color: #4f7d25;

      border-radius: 100%;

      margin: 0 3em; }

      .about_list ul li:nth-child(2) {

        position: relative;

        top: -3em; }

      .about_list ul li:nth-child(3) {

        position: relative;

        top: -3em; }

      .about_list ul li a {

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        width: 100%;

        height: 100%; }

      .about_list ul li .about_icon {

        -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

        transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

        margin: 5px auto; 
      
        max-width: 40px;}

        .about_list ul li .about_icon:nth-child(1) {

          display: block; }

        .about_list ul li .about_icon:nth-child(2) {

          display: none; }

      .about_list ul li h3 {

        -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

        transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

        text-align: center;

        color: #ffd800;

        font-size: 1.25rem;

        margin-top: 10px;

        margin-bottom: 0; }

      .about_list ul li span {

        -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

        transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

        display: block;

        font-size: 0.75rem;

        color: #fff; }

      .about_list ul li .about_arrow {

        -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

        transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

        transform: rotate(90deg); width: 7px;

        margin: 5px auto; }

        .about_list ul li .about_arrow:nth-last-child(1) {

          display: none; }

        .about_list ul li .about_arrow:nth-last-child(2) {

          display: block; }

      .about_list ul li:hover, .about_list ul li:focus, .about_list ul li.active {

        background-color: #fff;

        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

        .about_list ul li:hover .about_icon:nth-child(1), .about_list ul li:focus .about_icon:nth-child(1), .about_list ul li.active .about_icon:nth-child(1) {

          display: none; }

        .about_list ul li:hover .about_icon:nth-child(2), .about_list ul li:focus .about_icon:nth-child(2), .about_list ul li.active .about_icon:nth-child(2) {

          display: block; }

        .about_list ul li:hover h3, .about_list ul li:focus h3, .about_list ul li.active h3 {

          color: #4f7d25; }

        .about_list ul li:hover span, .about_list ul li:focus span, .about_list ul li.active span {

          color: #4f7d25; }

        .about_list ul li:hover .about_arrow:nth-last-child(1), .about_list ul li:focus .about_arrow:nth-last-child(1), .about_list ul li.active .about_arrow:nth-last-child(1) {

          display: block; }

        .about_list ul li:hover .about_arrow:nth-last-child(2), .about_list ul li:focus .about_arrow:nth-last-child(2), .about_list ul li.active .about_arrow:nth-last-child(2) {

          display: none; }



.about_bg {

  background: url(../image/about/bg2.png) no-repeat center top;

  background-size: cover;

  width: 100%; }



.about_title2 {

  text-align: center;

  margin: 30px auto; }

  .about_title2 img {

    display: inline-block;

    vertical-align: middle;

    margin-right: 10px; }

  .about_title2 h3 {

    display: inline-block;

    vertical-align: middle;

    color: #4f7d25;

    font-size: 1.9rem;

    text-align: left;

    margin-bottom: 0; }

    .about_title2 h3 span {

      display: block;

      color: #333;

      font-size: 1rem;

      font-weight: bold; }



.about_box {

  margin-top: 5em; }

  .about_box h3 {

    color: #4f7d25;

    text-decoration: underline;

    margin: 0 auto 30px;

    text-align: center;

    font-size: 1.58rem;

    line-height: 2.3rem; }

  .about_box p {

    color: #333;

    font-size: 1.1rem;

    line-height: 2rem; }



.about_slick {

  text-align: center;

  margin: 50px auto;

  position: relative; }

  .about_slick:before {

    display: block;

    content: "";

    width: 100%;

    height: 55px;

    background: url(../image/about/line.svg) no-repeat top center;

    background-size: cover;

    position: absolute;

    top: 3em;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto; }



.about_slick_item {

  padding: 50px 0; }

  .about_slick_item.slick-slide {

    float: none;

    display: inline-block;

    vertical-align: middle; }

  .about_slick_item.slick-current .about_slick_item2 {

    width: 240px;

    height: 240px;

    background-color: #4f7d25;

    position: relative; }

    .about_slick_item.slick-current .about_slick_item2 span {

      color: #ffd800;

      font-size: 4rem; }

    .about_slick_item.slick-current .about_slick_item2 img {

      display: block; }

    .about_slick_item.slick-current .about_slick_item2:before {

      display: block;

      content: "";

      width: 1px;

      height: 70px;

      background-color: #4f7d25;

      position: absolute;

      left: 0;

      right: 0;

      bottom: -4em;

      margin: auto; }



.about_slick_item2 {

  -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

  transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

  width: 126px;

  height: 126px;

  background-color: #dfdfdf;

  border-radius: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin: 0 auto; }

  .about_slick_item2 span {

    display: block;

    font-size: 2.17rem;

    text-align: center;

    color: #333;

    font-weight: bold; }

  .about_slick_item2 img {

    display: none;

    margin: 0 auto; }



.about_slick2 {

  width: 50%;

  margin: 0 auto 50px; }

  .about_slick2 .about_slick_box {

    display: flex;

    align-items: center;

    justify-content: center; }

    .about_slick2 .about_slick_box ul {

      padding-left: 20px; }

    .about_slick2 .about_slick_box img {

      margin-right: 20px; }

    .about_slick2 .about_slick_box p {

      font-size: 1rem;

      color: #767676;

      line-height: 1.8rem;

      margin-bottom: 0; }



.about_slick .slick-prev, .about_slick .slick-next {

  width: 17px;

  height: 23px;

  background: url(../image/icon/arrows.svg) no-repeat center;

  z-index: 1; }

.about_slick .slick-prev {

  transform: rotateY(180deg);

  top: 46%;

  left: -10px; }

.about_slick .slick-next {

  top: 52%;

  right: -10px; }



.about_box2 {

  position: relative; }

  .about_box2 img {

    margin: 30px auto; }

  .about_box2 h3 {

    color: #4f7d25;

    font-size: 1.9rem;

    margin: 30px auto; }

  .about_box2 p {

    color: #333;

    font-size: 1rem; }

  .about_box2 a {

    display: block;

    width: 247px;

    line-height: 40px;

    border: 2px solid #4f7d25;

    border-radius: 50px;

    text-align: center;

    color: #4f7d25;

    font-size: 1.1rem;

    margin: 50px auto; }

    .about_box2 a i {

      display: inline-block;

      vertical-align: middle;

      -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      margin-left: 10px;

      width: 13px;

      height: 17px;

      background: url(../image/icon/arrows2.png) no-repeat center; }

    .about_box2 a:hover, .about_box2 a:focus {

      background-color: #4f7d25;

      color: #fff; }

      .about_box2 a:hover i, .about_box2 a:focus i {

        background: url(../image/icon/arrows2-2.png) no-repeat center; }



.about_box3 {

  position: relative; }

  .about_box3 .about_cow {

    position: absolute;

    right: 0;

    top: -9em;

    z-index: -1; }

  .about_box3 h3 {

    color: #4f7d25;

    font-size: 1.9rem;

    margin: 30px auto;

    margin-top: 5em; }

  .about_box3 p {

    color: #333;

    font-size: 1rem; }



.about_box4 {

  text-align: center;

  margin: 30px auto; }

  .about_box4 h4 {

    display: inline-block;

    vertical-align: middle;

    text-align: center;

    font-size: 1.5rem;

    color: #333;

    border-bottom: 2px solid #4f7d25;

    padding-bottom: 10px;

    width: 310px; }

    .about_box4 h4 span {

      color: #4f7d25; }



.about_box5 {

  margin: 50px auto;

  display: flex;

  align-items: center;

  justify-content: center; }

  .about_box5 img {

    margin-right: 10px; }

  .about_box5 .about_box6 h3 {

    color: #4f7d25;

    font-size: 1.2rem;

    margin-bottom: 0; }

  .about_box5 .about_box6 span {

    display: block;

    color: #333;

    font-size: 0.75rem;

    line-height: normal; }



.about_bg2 {

  position: relative;

  padding-top: 20%; }

  .about_bg2 .about_bg3 {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    margin: auto; }

  .about_bg2 .milk {

    position: absolute;

    right: 0;

    top: -20%;

    z-index: 1; }

  .about_bg2 .about_box4-2 {

    margin: 50px auto;

    text-align: center; }

    .about_bg2 .about_box4-2 h4 {

      display: inline-block;

      vertical-align: middle;

      text-align: center;

      font-size: 1.5rem;

      color: #fff;

      border-bottom: 2px solid #fff;

      padding-bottom: 10px;

      width: 310px; }

      .about_bg2 .about_box4-2 h4 span {

        color: #ffd800; }



.about_bg4 {

  padding-top: 13%; }



.about_box7 {

  background-color: #fff;

  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);

  padding-bottom: 30px;

  margin-bottom: 20px;

  min-height: 380px; }

  .about_box7 b {

    display: block;

    width: 60px;

    height: 60px;

    background-color: #ffd800;

    border-radius: 100%;

    color: #fff;

    font-size: 2.17rem;

    text-align: center;

    margin: 0 auto;

    margin-top: -10%;

    position: relative;

    z-index: 1; }

  .about_box7 h4 {

    font-size: 1.25rem;

    color: #4f7d25;

    padding: 0 2em;

    text-align: center; }

  .about_box7 span {

    display: block;

    color: #333;

    font-size: 0.75rem;

    text-align: center;

    padding: 0 3em; }



.about_box8 {

  margin-bottom: 3em; }

  .about_box8 .about_box8-2 {

    position: relative;

    display: block;

    width: 195px;

    height: 195px;

    border-radius: 100%;

    border: 2px solid #4f7d25;

    margin: 10px auto; }

    .about_box8 .about_box8-2 img {

      display: block; }

    .about_box8 .about_box8-2 b {

      display: block;

      width: 66px;

      height: 66px;

      padding-top: 5px;

      border-radius: 100%;

      background-color: #4f7d25;

      color: #ffd800;

      font-size: 2.17rem;

      text-align: center;

      font-weight: bolder;

      position: absolute;

      top: -15px;

      left: -15px; }

  .about_box8 h4 {

    text-align: center;

    color: #4f7d25;

    font-size: 1.25rem; }

  .about_box8 span {

    display: block;

    text-align: center;

    font-size: 0.75rem;

    color: #333; }



.about_box4-3 {

  margin-bottom: 50px; }

  .about_box4-3 h4 {

    text-align: center;

    color: #ffd800;

    font-size: 1.58rem;

    margin-bottom: 20px; }

  .about_box4-3 p {

    color: #fff;

    font-size: 1rem;

    padding: 0 5em; }



.about_box9 {

  margin-bottom: 20px; }

  .about_box9 img {

    display: block;

    border-radius: 100%;

    margin: 20px auto 0; }

  .about_box9 span {

    display: block;

    background-color: #4f7d25;

    color: #ffd800;

    text-align: center;

    width: 270px;

    padding: 0.5em 0;

    margin: 0 auto;

    margin-bottom: 20px;

    font-size: 1.25rem;

    margin-top: -10%;

    position: relative; }

  .about_box9 p {

    display: block;

    font-size: 1rem;

    color: #333;

    padding: 0 2em; }



.about_box10 {

  background: url(../image/about/pic_16.png) no-repeat top right;

  background-size: contain;

  width: 100%;

  min-height: 497px;

  display: flex;

  align-items: center;

  justify-content: flex-end;

  margin: 20px auto; }

  .about_box10 p {

    width: 35%;

    font-size: 1rem;

    color: #fff;

    margin-right: 4em;

    line-height: 1.6rem; }



@media (max-width: 1399px) {

  .about_slick_item.slick-current .about_slick_item2 {

    width: 195px;

    height: 195px; }



  .about_list ul li {

    margin: 0 2em; } }

@media (max-width: 1199px) {

  .about_slick_item.slick-current .about_slick_item2 {

    width: 170px;

    height: 170px; }



  .about_list ul li {

    margin: 0 1em; }



  .about_box3 .about_cow {

    display: none; }

  .about_box3 h3 {

    margin-top: 1em; }



  .about_bg2 .milk {

    top: -10%;

    width: 40%; }



  .about_box10 {

    background-size: cover; } }

@media (max-width: 1099px) {

  .about_slick_item.slick-current .about_slick_item2 {

    width: 170px;

    height: 170px; }



  .about_slick2 {

    width: 90%; }



  .about_bg2 {

    padding-top: 10%; }



  .about_box7 {

    min-height: 326px; }

    .about_box7 h4 {

      padding: 0 1em;

      margin-top: 10px; }

    .about_box7 span {

      padding: 0 1em; } }

@media (max-width: 991px) {

  .about_list ul li {

    margin: 0 0;

    width: 160px;

    height: 160px; }



  .about_box5 {

    display: block;

    text-align: center; }

    .about_box5 img {

      display: block;

      margin: 10px auto; }



  .about_box7 h4 {

    padding: 0 0.5em; }

  .about_box7 span {

    padding: 0 0.5em; }



  .about_box8 .about_box8-2 {

    width: 155px;

    height: 155px; }



  .about_box9 span {

    display: block;

    width: 100%;

    font-size: 1.1rem; }

  .about_box9 p {

    padding: 0; }



  .about_box10 p {

    width: 60%; }



  .about_bg4 {

    padding-top: 8%; }

    .about_bg4 .about_box4-3 h4 {

      margin-bottom: 0; } }

@media (max-width: 767px) {

  .about_slick2 {

    width: 100%; }

    .about_slick2 .about_slick_box {

      display: block; }

      .about_slick2 .about_slick_box img {

        margin: 0 auto 20px; }



  .about_list ul li {

    margin: 5px; }

    .about_list ul li:nth-child(2) {

      top: 0; }

    .about_list ul li:nth-child(3) {

      top: 0; }



  .about_banner {

    min-height: 500px; }



  .about_box2 {

    margin-bottom: 4em; }



  .about_box5 {

    margin: 20px auto; }



  .about_bg2 .milk {

    display: none; }



  .about_box7 h4 {

    font-size: 1.1rem; }



  .about_box4-3 h4 {

    color: #4f7d25; }

  .about_box4-3 p {

    padding: 0;

    color: #000; }



  .about_box10 p {

    width: 100%;

    margin: 20px; } }

@media (max-width: 576px) {

  .about_list ul li {

    width: 140px;

    height: 140px;

    margin: 10px; }

    .about_list ul li .about_icon {

      width: 40%; }

    .about_list ul li .about_icon2 {

      width: 23%; }



  .about_title {

    width: 100%; } }

.video_items {

  margin: 30px auto; }

  .video_items a .video_box {

    position: relative; }

    .video_items a .video_box img {

      border-radius: 100%; }

    .video_items a .video_box .hover {

      -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      opacity: 0;

      position: absolute;

      top: 0;

      bottom: 0;

      left: 0;

      right: 0;

      margin: auto;

      background-color: rgba(79, 125, 37, 0.4);

      border-radius: 100%;

      width: 100%;

      height: 100%;

      color: #fff;

      font-size: 0.9rem;

      text-align: center;

      display: flex;

      align-items: center;

      justify-content: center;

      flex-direction: column;

      margin: auto;

      border: 5px solid #4f7d25; }

      .video_items a .video_box .hover i {

        display: block;

        width: 20px;

        height: 3px;

        background-color: #fff;

        position: relative;

        margin: 10px auto; }

        .video_items a .video_box .hover i:before {

          display: block;

          content: "";

          width: 3px;

          height: 20px;

          background-color: #fff;

          position: absolute;

          top: 0;

          bottom: 0;

          left: 0;

          right: 0;

          margin: auto; }

  .video_items a .col-7 {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: center; }

  .video_items a span {

    display: inline-block;

    vertical-align: middle;

    font-size: 1rem;

    background-color: #4f7d25;

    color: #fff;

    margin-bottom: 10px;

    text-align: center;

    padding: 0 10px; }

  .video_items a h3 {

    -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

    transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

    color: #333;

    font-size: 1rem; }

  .video_items a p {

    -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

    transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

    color: #333;

    font-size: 1rem; }

  .video_items a:hover .video_box .hover, .video_items a:focus .video_box .hover {

    opacity: 1; }

  .video_items a:hover h3, .video_items a:focus h3 {

    color: #4f7d25; }

  .video_items a:hover p, .video_items a:focus p {

    color: #4f7d25; }



.video_title {

  text-align: center;

  position: relative;

  margin: 30px auto 50px; }

  .video_title img {

    margin: 0 auto;

    position: absolute;

    top: 10px;

    left: 0;

    right: 0;

    margin: auto;

    transform: rotate(180deg);

    z-index: -1; }

  .video_title h3 {

    display: inline-block;

    vertical-align: middle;

    background-color: #fff;

    padding: 0 1em;

    color: #4f7d25;

    font-size: 1.9rem;

    padding-bottom: 0.5rem;

    margin-bottom: 0; }

  .video_title span {

    display: block;

    font-size: 1rem;

    color: #333; }



.video_box2 {

  padding: 3em 0; }

  .video_box2 p {

    color: #333;

    font-size: 1rem;

    line-height: 1.75rem;

    margin: 10px auto; }

    .video_box2 p a {

      color: #4f7d25; }

  .video_box2 img {

    display: block;

    margin: 0 auto; }



.share_box {

  -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

  transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);

  border-radius: 4px;

  padding: 1em 1em 0.2em;

  width: 380px;

  margin: 0 auto 30px;

  opacity: 0; }

  .share_box.active {

    opacity: 1; }

  .share_box ul {

    text-align: center;

    margin-bottom: 0; }

    .share_box ul li {

      display: inline-block;

      vertical-align: middle;

      list-style: none; }

      .share_box ul li a span {

        -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

        transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

        display: block;

        text-align: center;

        font-size: 0.6rem;

        color: #333;

        opacity: 0; }

      .share_box ul li a .icon {

        -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

        transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

        margin: 0 auto;

        width: 27px;

        height: 27px;

        border-radius: 100%;

        background-color: #fff;

        padding: 3px 0 0; }

        .share_box ul li a .icon img {

          display: block;

          margin: 0 auto; }

          .share_box ul li a .icon img:nth-child(2) {

            display: none; }

      .share_box ul li a:hover span, .share_box ul li a:focus span {

        opacity: 1; }

      .share_box ul li a:hover .icon, .share_box ul li a:focus .icon {

        background-color: #4f7d25; }

        .share_box ul li a:hover .icon img:nth-child(1), .share_box ul li a:focus .icon img:nth-child(1) {

          display: none; }

        .share_box ul li a:hover .icon img:nth-child(2), .share_box ul li a:focus .icon img:nth-child(2) {

          display: block; }



.share_icon {

  -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

  transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

  position: relative;

  text-align: center;

  cursor: pointer; }

  .share_icon img {

    position: relative;

    margin-right: 10px; }

  .share_icon span {

    font-size: 0.9rem;

    color: #4f7d25; }

  .share_icon:hover, .share_icon:focus {

    opacity: 0.5; }



.video_bak {

  margin-top: 3em;

  margin-bottom: 5em; }

  .video_bak a {

    display: block;

    width: 247px;

    line-height: 41px;

    border: 2px solid #4f7d25;

    border-radius: 50px;

    text-align: center;

    margin: 20px auto;

    color: #4f7d25;

    font-size: 1.1rem; }

    .video_bak a i {

      display: inline-block;

      vertical-align: middle;

      margin-right: 10px;

      width: 13px;

      height: 17px;

      background: url(../image/icon/arrows2.svg) no-repeat center;

      transform: rotate(180deg);

      margin-top: -3px; }

    .video_bak a:hover, .video_bak a:focus {

      background-color: #4f7d25;

      color: #fff; }

      .video_bak a:hover i, .video_bak a:focus i {

        background: url(../image/icon/arrows2-2.svg) no-repeat center; }



@media (max-width: 576px) {

  .share_box {

    width: 100%; } }

.products_list ul li {

  margin: 0.5em 2em; }

  .products_list ul li .about_arrow {

    transform: rotate(0); }

  .products_list ul li:nth-child(3) {

    position: relative;

    top: -4em; }

  .products_list ul li:nth-child(4) {

    position: relative;

    top: -3em; }



.products_box .p_all {

  display: block;

  margin: 20px auto; }

.products_box .p_icon {

  position: absolute;

  top: 0;

  right: 0;

  margin: auto;

  width: 35%; }

.products_box h3 {

  color: #4f7d25;

  font-size: 1.9rem;

  border-bottom: 1px dotted #4f7d25;

  padding-bottom: 10px;

  margin-bottom: 15px;

  margin-top: 5em; }

  .products_box h3 span {

    display: inline-block;

    vertical-align: middle;

    color: #333;

    font-size: 1.25rem;

    margin-left: 10px; }

.products_box ul li {

  display: inline-block;

  vertical-align: middle;

  vertical-align: top;

  width: 32%;

  margin: 10px auto; }

  .products_box ul li a {

    font-size: 1.25rem;

    color: #4f7d25; }

    .products_box ul li a span {

      display: block;

      font-size: 0.9rem; }

    .products_box ul li a img {

      display: inline-block;

      vertical-align: middle;

      margin-left: 10px; }



.products_box2 {

  background: url(../image/products/bg.png) no-repeat center;

  margin: 30px auto; }

  .products_box2 h3 {

    font-size: 1.58rem;

    color: #ffd800; }

    .products_box2 h3 span {

      display: inline-block;

      vertical-align: middle;

      width: 19px;

      height: 19px;

      border-radius: 100%;

      background-color: #ffd800;

      font-size: 0.92rem;

      color: #4f7d25;

      text-align: center;

      margin-left: 10px; }

  .products_box2 p {

    font-size: 1rem;

    color: #fff;

    padding-right: 10em; }

  .products_box2 dl {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

    width: 76%;

    position: relative;

    z-index: 1; }

    .products_box2 dl:before {

      display: block;

      content: "";

      width: 100%;

      height: 1px;

      background-color: #fff;

      position: absolute;

      left: 0;

      right: 0;

      top: 0.9em;

      z-index: -1; }

    .products_box2 dl dd {

      display: inline-block;

      vertical-align: middle;

      color: #fff;

      font-size: 0.9rem; }

      .products_box2 dl dd i {

        display: block;

        width: 18px;

        height: 18px;

        border-radius: 100%;

        background-color: #ffd800;

        border: 3px solid #fff;

        margin: 5px auto; }

  .products_box2 img {

    display: block;

    margin: 0 auto; }

  .products_box2 .col-md-7 {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    flex-direction: column; }

  .products_box2:nth-child(even) .col-md-7 {

    align-items: flex-end; }

  .products_box2:nth-child(even) h3 {

    width: 100%;

    padding-left: 6.3em; }

  .products_box2:nth-child(even) p {

    padding-left: 10em;

    padding-right: 0; }



.products_box3 {

  position: relative;

  overflow: hidden;

  margin: 50px auto; }

  .products_box3 a {

    display: block; }

    .products_box3 a .p_hover {

      -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      padding: 0.5em;

      position: absolute;

      top: 0;

      bottom: 0;

      left: 0;

      right: 0;

      width: 100%;

      height: 100%;

      text-align: center;

      color: #fff;

      font-size: 1.58rem;

      display: flex;

      align-items: flex-start;

      justify-content: flex-end;

      flex-direction: column;

      z-index: 1; }

      .products_box3 a .p_hover:before {

        -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

        transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

        display: block;

        content: "";

        width: 30%;

        height: 30%;

        background-color: rgba(79, 125, 37, 0.7);

        position: absolute;

        border-top-right-radius: 100%;

        left: 0;

        bottom: 0;

        z-index: -1;

        margin: auto; }

      .products_box3 a .p_hover i {

        -webkit-transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);

        transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);

        transition-delay: 0.1s;

        display: block;

        width: 0;

        height: 0;

        background-color: #fff;

        position: relative;

        margin: 0 auto 20px;

        opacity: 0; }

        .products_box3 a .p_hover i:before {

          display: block;

          content: "";

          width: 0;

          height: 0;

          background-color: #fff;

          position: absolute;

          top: 0;

          bottom: 0;

          left: 0;

          right: 0;

          margin: auto; }

      .products_box3 a .p_hover span {

        -webkit-transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);

        transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);

        display: block;

        font-size: 1rem; }

    .products_box3 a:hover, .products_box3 a:focus {

      border: 5px solid #4f7d25; }

      .products_box3 a:hover .p_hover, .products_box3 a:focus .p_hover {

        align-items: center;

        justify-content: center; }

        .products_box3 a:hover .p_hover:before, .products_box3 a:focus .p_hover:before {

          width: 100%;

          height: 100%;

          border-radius: 0;

          bottom: 0;

          left: 0; }

        .products_box3 a:hover .p_hover i, .products_box3 a:focus .p_hover i {

          width: 31px;

          height: 1px;

          opacity: 1; }

          .products_box3 a:hover .p_hover i:before, .products_box3 a:focus .p_hover i:before {

            height: 31px;

            width: 1px; }



.products_title h4 {

  font-size: 1.58rem;

  color: #4f7d25;

  text-align: center;

  margin: 30px auto; }



.p_lightbox {

  margin: 30px auto; }

  .p_lightbox a {

    display: block;

    position: relative; }

    .p_lightbox a img {

      box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); }

    .p_lightbox a .hover_plus {

      -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      display: block;

      width: 88px;

      height: 88px;

      background-color: rgba(79, 125, 37, 0.8);

      border-radius: 100%;

      position: absolute;

      top: 0;

      bottom: 0;

      left: 0;

      right: 0;

      margin: auto;

      transform: scale(0); }

      .p_lightbox a .hover_plus i {

        display: block;

        width: 30px;

        height: 2px;

        background-color: #fff;

        position: absolute;

        top: 0;

        bottom: 0;

        left: 0;

        right: 0;

        margin: auto; }

        .p_lightbox a .hover_plus i:before {

          display: block;

          content: "";

          width: 2px;

          height: 30px;

          background-color: #fff;

          position: absolute;

          top: 0;

          bottom: 0;

          left: 0;

          right: 0;

          margin: auto; }

    .p_lightbox a:hover .hover_plus, .p_lightbox a:focus .hover_plus {

      transform: scale(1); }

  .p_lightbox p {

    display: block;

    margin: 15px auto;

    text-align: center;

    font-size: 1.1rem;

    color: #333; }



@media (max-width: 1399px) {

  .products_list ul li {

    margin: 0.5em 1em; } }

@media (max-width: 1199px) {

  .products_list ul li {

    margin: 0.5em 0; }



  .products_box ul li {

    width: 49%; }



  .products_box3 a .p_hover:before {

    width: 40%;

    height: 40%; } }

@media (max-width: 991px) {

  .products_list ul li {

    margin: 0.5em 1em; }

    .products_list ul li:nth-child(2) {

      top: 0; }

    .products_list ul li:nth-child(3) {

      top: 0; }

    .products_list ul li:nth-child(4) {

      top: 0; }



  .products_box h3 {

    margin-top: 2em; }

  .products_box ul {

    margin-bottom: 3em; }



  .products_box2 {

    background-size: cover;

    background-color: #4f7d25; }

    .products_box2 p {

      padding: 0; }

    .products_box2 dl {

      width: 100%; }

    .products_box2:nth-child(even) h3 {

      width: 100%;

      padding-left: 0; }

    .products_box2:nth-child(even) p {

      padding: 0; }



  .products_box3 a .p_hover:before {

    width: 50%;

    height: 50%; } }

@media (max-width: 767px) {

  .products_list ul li {

    margin: 0.5em 0; }



  .products_box .row:nth-child(even) .col-lg-6:nth-child(1) {

    order: 2; }



  .products_box2:nth-child(even) .col-md-7 {

    order: 2; }



  .p_lightbox {

    margin: 10px auto; }



  .products_box3 {

    margin: 10px auto; }

    .products_box3 a .p_hover:before {

      width: 30%;

      height: 30%; } }
/* map_new */
.store_map{
  background-image: url('../image/map.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 650px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
.store_btnblock{
  padding: 0px 50px;
  width: 80%;
  justify-content: center;
}
.store_link{
  background-color: #4f7d25;
  color: #fff;
  margin: 10px;
  flex-grow: 1;
  flex-basis: 0;
  white-space:nowrap;
  text-align: center;
  border-radius: 30px !important;
  max-width: 365px;
}
.store_link:hover{
  background-color: #ffd800;
  color: #fff;
}
@media(max-width:1199px){
  .store_map{
    min-height: 550px;
    margin-top: 20px;
  }
  .store_btnblock{
    padding: 0px 30px;
    width: 100%;
  }
}
@media(max-width:991px){
  .store_map{
    min-height: 450px;
    margin-top: 0px;
  }
  .store_btnblock{
    padding: 0px;
    width: 100%;
  }
}
@media(max-width:767px){
  .store_map{
    min-height: 300px;
    margin-top: 0px;
  }
  .store_btnblock{
    padding: 0px;
    width: 100%;
  }
  .store_link{
    margin: 5px;
  }
}
@media(max-width:575px){
  .store_map{
    min-height: 250px;
    margin-top: 0px;
  }
  .store_btnblock{
    padding: 0px;
    width: 100%;
  }
  .store_link{
    margin: 3px;
    padding: 5px 15px;
  }
}
@media(max-width:390px){
  .store_map{
    min-height: 200px;
    margin-top: 0px;
  }
}
@media(max-width:350px){
  .store_map{
    min-height: 180px;
    margin-top: 0px;
  }
}

/* .store_map {

  position: relative;

  margin: 20px auto; }

  .store_map .map {

    display: block; }

  .store_map .map2 {

    display: none; }

  .store_map .s_icon {

    position: absolute; }

    .store_map .s_icon a {

      display: block; }

      .store_map .s_icon a i {

        display: block;

        width: 48px;

        height: 34px;

        background: url(../image/icon/icon17.png) no-repeat center;

        position: absolute; }

      .store_map .s_icon a img {

        display: block; }

        .store_map .s_icon a img:nth-child(1) {

          display: none; }

      .store_map .s_icon a h3 {

        -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

        transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

        display: block;

        color: #4f7d25;

        font-size: 1.1rem;

        text-align: center; }

        .store_map .s_icon a h3 span {

          display: block;

          color: #333;

          font-size: 0.9rem; }

      .store_map .s_icon a:hover img:nth-child(1), .store_map .s_icon a:focus img:nth-child(1) {

        display: block; }

      .store_map .s_icon a:hover img:nth-child(2), .store_map .s_icon a:focus img:nth-child(2) {

        display: none; }

  .store_map .cn {

    right: 16%;

    top: 26%; }

    .store_map .cn a .s_icon_box {

      position: relative; }

      .store_map .cn a .s_icon_box i {

        top: -1em;

        left: 2.5em; }

    .store_map .cn a img {

      display: inline-block;

      vertical-align: middle;

      transform: rotate(-125deg); }

    .store_map .cn a h3 {

      display: inline-block;

      vertical-align: middle;

      margin-bottom: 2em; }

    .store_map .cn a:hover .s_icon_box i, .store_map .cn a:focus .s_icon_box i {

      background: url(../image/icon/icon17-2.png) no-repeat center; }

    .store_map .cn a:hover img:nth-child(1), .store_map .cn a:focus img:nth-child(1) {

      display: inline-block;

      vertical-align: middle; }

    .store_map .cn a:hover img:nth-child(2), .store_map .cn a:focus img:nth-child(2) {

      display: none; }

  .store_map .tw {

    right: 2%;

    bottom: 39%; }

    .store_map .tw a h3 {

      text-align: right;

      margin-right: 1em; }

  .store_map .ma {

    right: 19%;

    bottom: 25.5%;

    z-index: 1; }

    .store_map .ma a h3 {

      padding-right: 5em; }

  .store_map .hk {

    right: 18%;

    bottom: 40.6%; }

    .store_map .hk a .s_icon_box {

      display: inline-block;

      vertical-align: middle;

      position: relative; }

      .store_map .hk a .s_icon_box i {

        top: 1em;

        left: 1.2em; }

    .store_map .hk a img {

      display: inline-block;

      vertical-align: middle;

      transform: rotate(-170deg); }

    .store_map .hk a h3 {

      display: inline-block;

      vertical-align: middle; }

    .store_map .hk a:hover .s_icon_box i, .store_map .hk a:focus .s_icon_box i {

      background: url(../image/icon/icon17-2.png) no-repeat center; }

  .store_map .sin {

    right: 16%;

    bottom: 8%; }

    .store_map .sin a .s_icon_box {

      display: inline-block;

      vertical-align: middle;

      position: relative; }

      .store_map .sin a .s_icon_box i {

        top: 4.4em;

        left: 2.7em; }

    .store_map .sin a img {

      display: inline-block;

      vertical-align: middle;

      transform: rotate(120deg); }

    .store_map .sin a h3 {

      display: block;

      margin-top: 2.5em; }

    .store_map .sin a:hover .s_icon_box i, .store_map .sin a:focus .s_icon_box i {

      background: url(../image/icon/icon17-2.png) no-repeat center; }

  .store_map .jp {

    right: -1.8%;

    top: 30%; }

    .store_map .jp a .s_icon_box {

      display: inline-block;

      vertical-align: middle;

      position: relative; }

      .store_map .jp a .s_icon_box i {

        top: 0.5em;

        right: 1.5em; }

    .store_map .jp a img {

      display: inline-block;

      vertical-align: middle;

      transform: rotate(-20deg); }

    .store_map .jp a h3 {

      display: block;

      position: absolute;

      right: 1.3em;

      bottom: -0.5em; }

    .store_map .jp a:hover .s_icon_box i, .store_map .jp a:focus .s_icon_box i {

      background: url(../image/icon/icon17-2.png) no-repeat center; }

  .store_map .au {

    right: -1.5%;

    bottom: 14%; }

    .store_map .au a .s_icon_box {

      display: inline-block;

      vertical-align: middle;

      position: relative; }

      .store_map .au a .s_icon_box i {

        top: 1.5em;

        right: 1.3em; }

    .store_map .au a img {

      display: inline-block;

      vertical-align: middle; }

    .store_map .au a h3 {

      display: block;

      position: absolute;

      right: 0.5em;

      bottom: -1.5em; }

    .store_map .au a:hover .s_icon_box i, .store_map .au a:focus .s_icon_box i {

      background: url(../image/icon/icon17-2.png) no-repeat center; }

  .store_map .ca {

    left: 25%;

    top: 23%; }

    .store_map .ca a .s_icon_box {

      display: inline-block;

      vertical-align: middle;

      position: relative; }

      .store_map .ca a .s_icon_box i {

        top: 0.5em;

        right: 1.5em; }

    .store_map .ca a img {

      display: inline-block;

      vertical-align: middle;

      transform: rotate(-20deg); }

    .store_map .ca a h3 {

      display: block;

      position: absolute;

      right: 0.8em;

      bottom: -0.5em; }

    .store_map .ca a:hover .s_icon_box i, .store_map .ca a:focus .s_icon_box i {

      background: url(../image/icon/icon17-2.png) no-repeat center; }

 */

.store_title {

  text-align: center;

  margin-bottom: 20px;

  position: relative; }

  .store_title h3 {

    display: inline-block;

    vertical-align: middle;

    font-size: 1.9rem;

    color: #4f7d25;

    border-bottom: 1px dotted #4f7d25;

    padding: 0 10px;

    padding-bottom: 20px; }

    .store_title h3 span {

      display: inline-block;

      vertical-align: middle;

      font-size: 1.25rem;

      color: #333;

      margin-left: 10px; }

  .store_title p {

    display: block;

    font-size: 1rem;

    color: #333;

    margin-bottom: 50px; }

  .store_title img {

    position: absolute;

    right: 0;

    bottom: 0; }



.store_search {

  background-color: #f5f5f5;

  padding: 2em 5em;

  margin: 50px auto 20px; }

  .store_search p {

    font-size: 1.25rem;

    color: #4f7d25;

    position: relative;

    padding-left: 10em; }

    .store_search p img {

      width: 15%;

      margin-right: 10px;

      position: absolute;

      bottom: 0;

      left: 0; }

  .store_search form .form-control {

    display: inline-block;

    vertical-align: middle;

    width: 20%;

    border: 2px solid #9b9b9b;

    height: 43px;

    color: #4f7d25; }

    .store_search form .form-control:nth-child(4) {

      width: 40%;

      margin-left: 50px; }

  .store_search form button {

    display: inline-block;

    vertical-align: middle;

    background-color: #4f7d25;

    color: #fff;

    font-size: 1.25rem;

    line-height: 43px;

    border: 0;

    width: 86px; }

    .store_search form button:hover, .store_search form button:focus {

      background-color: #ffd800; }



.store_box {

  display: block;

  position: relative;

  background-color: #fff;

  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);

  padding: 2em;

  margin: 20px auto; }

  .store_box:hover .hover, .store_box:focus .hover {

    transform: scale(1); }

  .store_box h3 {

    color: #4f7d25;

    font-size: 1.08rem;

    margin: 0 auto 20px; }

  .store_box p {

    color: #333;

    font-size: 0.92rem;

    padding-left: 25px;

    background: url(../image/icon/add.png) no-repeat left center;
    margin-bottom: 10px; }

  .store_box ul {

    margin-bottom: 0; }

    .store_box ul li {

      display: block;

      padding-left: 25px;

      font-size: 0.92rem;

      color: #333;

      margin-bottom: 10px; }

      .store_box ul li:nth-child(1) {

        background: url(../image/icon/time.png) no-repeat left center; }

      .store_box ul li:nth-child(2) {

        background: url(../image/icon/phone.png) no-repeat left center;

        margin-left: 10px; }

  .store_box .hover {

    -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

    transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    width: 88px;

    height: 88px;

    border-radius: 100%;

    background-color: rgba(79, 125, 37, 0.8);

    color: #fff;

    font-size: 1rem;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    margin: auto;

    padding-top: 15px;

    transform: scale(0); }

    .store_box .hover i {

      display: block;

      width: 30px;

      height: 2px;

      background-color: #fff;

      margin-bottom: 15px;

      position: relative; }

      .store_box .hover i:before {

        display: block;

        content: "";

        width: 2px;

        height: 30px;

        background-color: #fff;

        position: absolute;

        top: 0;

        bottom: 0;

        left: 0;

        right: 0;

        margin: auto; }



/* @media (max-width: 1399px) {

  .store_map .cn {

    right: 16%;

    top: 23%; }

  .store_map .tw {

    right: 0.2%;

    bottom: 38%; }

  .store_map .hk {

    bottom: 40%; }

  .store_map .ma {

    right: 19%;

    bottom: 23%; }

  .store_map .jp {

    right: -3.8%;

    top: 30%; }

  .store_map .sin {

    right: 15.5%;

    bottom: 5%; } } */

@media (max-width: 1199px) {

  /* .store_map .cn {

    right: 15%;

    top: 18%; }

  .store_map .tw {

    right: -3%;

    bottom: 36%; }

  .store_map .hk {

    right: 17.5%;

    bottom: 39%; }

  .store_map .ma {

    bottom: 18.5%; }

  .store_map .ca {

    left: 24%;

    top: 21%; }

  .store_map .sin {

    right: 14.5%;

    bottom: -0.6%; }

  .store_map .jp {

    right: -6.5%;

    top: 26%; }

  .store_map .au {

    right: -5%; } */



  .store_search {

    padding: 2em; }

    .store_search p {

      padding-left: 7em; } }

@media (max-width: 991px) {

  /* .store_map .cn {

    right: 13%;

    top: 13%; }

    .store_map .cn a h3 {

      display: block;

      margin-top: -22px; }

  .store_map .tw {

    right: -9.5%;

    bottom: 32%; }

  .store_map .hk {

    right: 17%;

    bottom: 36%; }

  .store_map .ma {

    bottom: 8.5%; }

  .store_map .ca {

    top: 13%; }

  .store_map .au {

    right: -12%;

    bottom: 10%; }

  .store_map .sin {

    right: 12%;

    bottom: -12%; }

  .store_map .jp {

    right: -12.5%;

    top: 23%; }

    .store_map .jp a h3 {

      right: 1.3em;

      bottom: auto;

      top: -3em; }

  .store_map .ca {

    left: 24%;

    top: 13%; } */



  .store_search form .form-control:nth-child(3) {

    width: 36%;

    margin-left: 40px; } }

@media (max-width: 768px) {

  /* .store_map {

    text-align: center; }

    .store_map .s_icon {

      position: initial;

      display: inline-block;

      vertical-align: middle;

      margin: 20px 10px; }

      .store_map .s_icon a i {

        display: none; }

      .store_map .s_icon a img {

        display: none; }

      .store_map .s_icon a h3 {

        margin: 0 auto; }

      .store_map .s_icon a:hover img:nth-child(1), .store_map .s_icon a:focus img:nth-child(1) {

        display: none; }

      .store_map .s_icon a:hover h3, .store_map .s_icon a:focus h3 {

        color: #ffd800; }

    .store_map .cn a h3 {

      margin-top: 0; }

    .store_map .ma a h3 {

      padding-right: 0; }

    .store_map .jp a h3, .store_map .sin a h3, .store_map .ca a h3, .store_map .au a h3 {

      display: inline-block;

      vertical-align: middle;

      position: initial;

      margin: 0 auto; }

    .store_map .map {

      display: none; }

    .store_map .map2 {

      display: block; }
 */


  .store_search {

    margin: 20px auto; }

    .store_search p {

      padding-left: 4em; }

    .store_search form .form-control {

      width: 100%;

      margin-bottom: 10px; }

      .store_search form .form-control:nth-child(3) {

        width: 100%;

        margin-left: 0; }

    .store_search form button {

      width: 100%; } }

@media (max-width: 576px) {

  .store_search p {

    padding-left: 0; }

    .store_search p img {

      display: block;

      position: initial;

      width: 25%; } }

/* @media (max-width: 480px) {

  .store_map .s_icon {

    margin: 20px 3px; } }

@media (max-width: 360px) {

  .store_map .s_icon {

    margin: 6px 3px; } } */

.join_all {

  display: flex;

  align-items: flex-start;

  justify-content: center;

  margin: 4em auto; }



.join_box strong {

  display: block;

  color: #ffd800;

  font-size: 3.75rem;

  font-weight: bold; }

.join_box p {

  font-size: 1.58rem;

  color: #4f7d25;



}

.join_box span {

  display: block;

  color: #333;

  font-size: 1rem;

  text-align: center;

  margin-bottom: 15px; }

.join_box b {

  display: block;

  font-weight: normal;

  font-size: 1.25rem; }

.join_box:nth-child(even) {

  margin-left: -2em;

  margin-top: -1em;

  display: flex;

  align-items: center;

  justify-content: flex-end;

  flex-direction: column; }

.join_box:nth-child(4) {

  margin-top: -2em; }



.join_box3 {

  margin: auto; }



.join_box2 {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin: auto; }

  .join_box2 span {

    display: inline-block;

    vertical-align: middle;

    background-color: #ffd800;

    border-radius: 20px;

    font-size: 1.4rem;

    padding: 0.3em 0.5em;

    color: #4f7d25; }

  .join_box2 img {

    display: inline-block;

    vertical-align: middle; }



.join_all2 {

  padding-top: 7%; }



.join_bg {

  margin-top: 10%; }

  .join_bg img {

    display: block;

    margin: 30px auto; }



.join_ol {

  margin-top: 3em; }

  .join_ol p {

    color: #4f7d25;

    font-size: 1rem; }

  .join_ol ol {

    padding-left: 20px; }

    .join_ol ol li {

      font-size: 1rem;

      color: #333;

      margin-bottom: 15px; }

  .join_ol .checkbox {

    display: block;

    color: #4f7d25;

    font-size: 1rem;

    margin: 30px auto 20px; }

  .join_ol .btn {

    display: block;

    width: 247px;

    line-height: 41px;

    border: 2px solid #4f7d25;

    border-radius: 50px;

    text-align: center;

    margin: 50px 0 0;

    color: #4f7d25;

    font-size: 1.1rem;

    background-color: #fff;

    padding: 0; }

    .join_ol .btn i {

      -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

      display: inline-block;

      vertical-align: middle;

      width: 13px;

      height: 17px;

      background: url(../image/icon/arrows2.png) no-repeat center;

      margin-top: -3px;

      margin-left: 10px; }

    .join_ol .btn:hover, .join_ol .btn:focus {

      background-color: #4f7d25;

      color: #fff; }

      .join_ol .btn:hover i, .join_ol .btn:focus i {

        background: url(../image/icon/arrows2-2.png) no-repeat center; }



.join_form .join_box4 {

  margin-bottom: 20px;

  padding: 0 10px; }

  .join_form .join_box4 label {

    display: block;

    color: #4f7d25; }

  .join_form .join_box4 span {

    display: block;

    font-size: 1rem;

    color: #333;

    margin-top: 15px; }

  .join_form .join_box4 .radio-inline {

    display: inline-block;

    vertical-align: middle;

    font-size: 1rem;

    color: #333;

    margin-right: 10px; }

  .join_form .join_box4 .form-control {

    height: 52px;

    border: 0;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

  .join_form .join_box4 .form-control2 {

    display: inline-block;

    vertical-align: middle;

    width: 49%; }

  .join_form .join_box4 .form-control3 {

    display: inline-block;

    vertical-align: middle;

    width: 32.8%; }

  .join_form .join_box4 .form-control4 {

    display: inline-block;

    vertical-align: middle;

    width: 66%; }

.join_form .join_box5 {

  display: inline-block;

  vertical-align: middle;

  width: 49.7%; }

.join_form .btn {

  display: block;

  width: 247px;

  line-height: 41px;

  border: 2px solid #4f7d25;

  border-radius: 50px;

  text-align: center;

  margin: 50px auto 30px;

  color: #4f7d25;

  font-size: 1.1rem;

  background-color: #fff;

  padding: 0; }

  .join_form .btn i {

    -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

    transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

    display: inline-block;

    vertical-align: middle;

    width: 13px;

    height: 17px;

    background: url(../image/icon/arrows2.svg) no-repeat center;

    margin-top: -3px;

    margin-left: 10px; }

  .join_form .btn:hover, .join_form .btn:focus {

    background-color: #4f7d25;

    color: #fff; }

    .join_form .btn:hover i, .join_form .btn:focus i {

      background: url(../image/icon/arrows2-2.svg) no-repeat center; }



.join_items {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  margin: 10px auto;

  position: relative; }

  .join_items .join_icon {

    width: 95px;

    height: 95px;

    background-color: #4f7d25;

    border-radius: 100%;

    color: #ffd800;

    font-size: 2.83rem;

    font-weight: bold;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    position: absolute;

    top: -1em;

    left: -1.4em;

    margin: auto; }

    .join_items .join_icon span {

      display: block;

      font-size: 1.1rem;

      margin-bottom: -15px; }

  .join_items img {

    transform: rotate(45deg); }



.join_items2 {

  border: 2px solid #4f7d25;

  border-radius: 10px;

  padding: 1em 1em 2em;

  width: 50%; }

  .join_items2 h3 {

    font-size: 1.58rem;

    color: #4f7d25; }

    .join_items2 h3 span {

      font-size: 1rem; }

  .join_items2 p {

    font-size: 1rem;

    color: #333; }

  .join_items2 em {

    display: block;

    font-style: normal;

    color: #333;

    font-size: 0.9rem; }



.join_box6 {

  margin-top: 50px; }

  .join_box6 .col-12:nth-child(even) .join_items {

    justify-content: flex-end; }

    .join_box6 .col-12:nth-child(even) .join_items img {

      transform: rotateY(180deg) rotateZ(45deg); }

    .join_box6 .col-12:nth-child(even) .join_items .join_icon {

      top: -1em;

      left: auto;

      right: -1.4em; }



@media (max-width: 1399px) {

  .join_box p {

    font-size: 1.2rem; }



  .join_form .join_box5 {

    width: 49%; } }

@media (max-width: 1199px) {

  .join_box2 span {

    font-size: 1.1rem; } }

@media (max-width: 991px) {

  .join_all {

    flex-wrap: wrap; }



  .join_box {

    margin: 30px auto; }

    .join_box:nth-child(even) {

      margin: 30px auto; }

    .join_box:nth-child(4) {

      margin: 30px auto; }



  .join_box2 span {

    font-size: 1rem;

    padding: 0.3em; } }

@media (max-width: 767px) {

  .join_all {

    flex-wrap: wrap; }



  .join_box {

    margin: 0 auto; }

    .join_box:nth-child(even) {

      margin: 0 auto; }

    .join_box:nth-child(4) {

      margin: 0 auto; }



  .join_box2 {

    justify-content: flex-start;

    flex-direction: column; }

    .join_box2 img {

      transform: rotate(90deg); }



  .join_box3 {

    flex-direction: row;

    display: flex; }



  .join_all2 {

    background-color: #4f7d25;

    padding-bottom: 50px; }



  .join_img {

    margin: -4em auto; }



  .join_form .join_box4 .form-control {

    height: 40px; }

  .join_form .join_box4 .form-control3 {

    width: 32%; }



  .join_items2 {

    width: 100%; }



  .join_items .join_icon {

    top: -1.8em;

    left: 0; }

  .join_items img {

    width: 20%; }



  .join_box6 .col-12:nth-child(even) .join_items .join_icon {

    top: -1.8em;

    right: 0; }



  .store_title img {

    display: none; }



  .join_ol .btn {

    margin: 50px auto 60px; } }

.contact_box iframe {

  margin-top: 30px; }

.contact_box ul {

  padding-left: 20px;

  margin-top: 30px; }

  .contact_box ul li {

    list-style: none;

    font-size: 1rem;

    color: #333;

    margin-bottom: 15px; }

    .contact_box ul li span {

      color: #4f7d25;

      font-size: 1.5rem;

      margin-right: 10px; }



.recruit_box {

  position: relative; }

  .recruit_box h3 {

    color: #4f7d25;

    font-size: 1.5rem; }

  .recruit_box img {

    position: absolute;

    top: 3em;

    left: -4em; }

  .recruit_box .recruit_items {

    display: inline-block;

    vertical-align: middle;

    margin: 4em; }

    .recruit_box .recruit_items b {

      display: block;

      background-color: #4f7d25;

      border-radius: 50px;

      color: #ffd800;

      font-size: 1.5rem;

      text-align: center;

      padding: 0.2em 0;

      margin-bottom: 20px; }

    .recruit_box .recruit_items ul li {

      list-style: none;

      font-size: 1rem;

      color: #333;

      margin-bottom: 10px; }

      .recruit_box .recruit_items ul li span {

        display: inline-block;

        vertical-align: middle;

        color: #4f7d25; }



@media (max-width: 1399px) {

  .recruit_box .recruit_items {

    margin: 2em; }

  .recruit_box img {

    top: 4em; } }

@media (max-width: 991px) {

  .recruit_box h3 {

    margin-top: 30px; }



  .recruit_box img {

    display: none; }

  .recruit_box .recruit_items {

    margin: 2em 0.5em; } }

@media (max-width: 767px) {

  .recruit_box .recruit_items {

    display: block;

    text-align: center; }

    .recruit_box .recruit_items b {

      display: block;

      width: 100%; } }

.order_box {

  position: relative; }

  .order_box h3 {

    font-size: 1.5rem;

    color: #4f7d25; }

  .order_box span {

    display: block;

    background-color: #4f7d25;

    width: 96px;

    line-height: 33px;

    color: #ffd800;

    font-size: 1.25rem;

    border-radius: 6px;

    text-align: center;

    margin: 30px 0; }

  .order_box p {

    color: #333;

    font-size: 1rem; }

  .order_box i {

    display: block;

    width: 100%;

    height: 1px;

    border-bottom: 1px dotted #4f7d25;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    z-index: -1; }



.order_box2 {

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 20px auto; }

  .order_box2 .order_item {

    margin-left: 15px; }

    .order_box2 .order_item h3 {

      color: #4f7d25;

      font-size: 1.5rem; }

    .order_box2 .order_item p {

      font-size: 1rem;

      color: #333; }



.order_img {

  border-radius: 6px;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }



@media (max-width: 576px) {

  .order_box2 {

    display: block; }

    .order_box2 img {

      display: block;

      margin: 10px auto; }



  .order_item {

    text-align: center; }



  .order_img {

    display: block;

    margin: 10px auto; }



  .order_box {

    text-align: center; }

    .order_box span {

      margin: 20px auto; }



  .code {

    display: block;

    margin: 0 auto; } }



/*# sourceMappingURL=style.css.map */