@charset "UTF-8";
.layout-header {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  width: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  list-style: none; }
  .layout-header a {
    color: black;
    text-decoration: none; }
    .layout-header a:hover {
      color: #2b4284;
      text-decoration: none; }
  .layout-header ul li .dropdown-menu {
    margin-top: -1px;
    border: none; }
    .layout-header ul li .dropdown-menu .dropdown-item:active {
      background-color: #fff; }
  .layout-header ul li:hover .dropdown-menu {
    display: block; }

body {
  margin-top: 60px; }

.banner-index .bg-color {
  margin-top: -20px;
  background-color: #2b4284; }

.layout-footer {
  /*回至最顶部*/
  /* 文字效果 */
  /*手机底部*/ }
  .layout-footer .bg-color {
    background-color: #2b4284; }
    .layout-footer .bg-color a {
      text-decoration: none;
      color: white; }
  .layout-footer .lianjie a {
    color: gray; }
    .layout-footer .lianjie a:hover {
      color: #2b4284; }
  .layout-footer .lianxi li {
    color: gray; }
    .layout-footer .lianxi li:hover {
      color: #2b4284; }
  .layout-footer .bt-totop {
    z-index: 999;
    cursor: pointer;
    text-align: center;
    background: #2b4284;
    position: fixed;
    right: 3%;
    bottom: 3%;
    z-index: 999; }
    @media (max-width: 576px) {
      .layout-footer .bt-totop {
        bottom: 8%; } }
    .layout-footer .bt-totop i {
      font-size: 2rem;
      color: white;
      padding: 3px 10px 6px; }
  .layout-footer li {
    list-style: none; }
  .layout-footer .bt-menu-list {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    display: block;
    z-index: 999;
    background: #2b4284; }
    .layout-footer .bt-menu-list ul {
      display: flex;
      text-align: center;
      margin-bottom: 0; }
      .layout-footer .bt-menu-list ul li {
        font-weight: 200;
        flex: 1; }
        .layout-footer .bt-menu-list ul li a {
          color: white;
          padding: 5px;
          display: inline-block;
          text-decoration: none; }
          .layout-footer .bt-menu-list ul li a i {
            display: block;
            font-size: 1rem; }
          .layout-footer .bt-menu-list ul li a span {
            font-size: 0.875rem; }
  @media (min-width: 767px) {
    .layout-footer .bt-menu-list {
      display: none; } }


.message-show .message-show-main {
  margin-top: 70px; }

.message-show .btn-submit {
  border-radius: 0;
  color: white;
  background-color: #2b4284;
  border-color: #2b4284; }

.news-index hr {
  background-color: #8f8e8e; }

.news-index .title i {
  width: 50px;
  height: 5px;
  background-color: #2b4284;
  display: block; }

.news-index .btn-color {
  color: #000;
  text-decoration: none;
  border-radius: 0; }
  .news-index .btn-color:hover {
    color: white;
    text-decoration: none;
    border-radius: 0;
    background-color: #2b4284; }
  .news-index .btn-color:first-child {
    background-color: #2b4284;
    color: white; }

.news-index .left-tu {
  transform: translateX(0px);
  transition: 0.3s; }
  .news-index .left-tu img {
    transform: scale(1);
    transition: 0.3s; }
  .news-index .left-tu .bg-touming {
    position: relative; }
    .news-index .left-tu .bg-touming .bg-opacity {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 5;
      transition: 0.4s;
      background: rgba(225, 225, 225, 0.3); }
  .news-index .left-tu a {
    color: #62a8ea;
    text-decoration: none; }
  .news-index .left-tu:hover {
    transform: translateX(20px);
    transition: 0.3s; }
    .news-index .left-tu:hover img {
      transform: scale(1.2);
      transition: 0.3s; }
    .news-index .left-tu:hover .bg-opacity {
      background: rgba(225, 225, 225, 0);
      transition: 0.3s; }
    .news-index .left-tu:hover a {
      color: yellow;
      text-decoration: none; }

.news-index .right-wen a {
  text-decoration: none;
  color: #37474f; }
  .news-index .right-wen a:hover {
    color: #2b4284; }

.news-index .right-wen .hover-right {
  transform: translateX(0px);
  transition: 0.5s; }
  .news-index .right-wen .hover-right i {
    transform: translateX(0px);
    transition: 0.5s;
    opacity: 0; }
  .news-index .right-wen .hover-right:hover {
    transform: translateX(30px);
    transition: 0.5s; }
    .news-index .right-wen .hover-right:hover i {
      transform: translateX(30px);
      transition: 0.5s;
      opacity: 1; }

.news-index .btn-bg {
  color: #2b4284;
  border-color: #2b4284;
  border-radius: 0;
  text-decoration: none; }
  .news-index .btn-bg:hover {
    color: white;
    background-color: #2b4284;
    text-decoration: none; }

.news-list .btn-color {
  color: #000;
  text-decoration: none;
  border-radius: 0; }
  .news-list .btn-color:hover {
    color: white;
    text-decoration: none;
    border-radius: 0;
    background-color: #2b4284; }
  .news-list .btn-color:first-child {
    background-color: #2b4284;
    color: white; }

.news-list .news-list-main-left a {
  text-decoration: none;
  color: black; }

.news-list .news-list-main-left .new:hover a {
  text-decoration: none;
  color: #2b4284; }

.news-list .news-list-main-left .pagination li:nth-child(2) a {
  background-color: #2b4284;
  color: white; }

.news-list .news-list-main-right a {
  color: black;
  text-decoration: none; }
  .news-list .news-list-main-right a:hover {
    color: #2b4284;
    text-decoration: none; }

.news-show .btn-color {
  color: #000;
  text-decoration: none;
  border-radius: 0; }
  .news-show .btn-color:hover {
    color: white;
    text-decoration: none;
    border-radius: 0;
    background-color: #2b4284; }
  .news-show .btn-color:first-child {
    background-color: #2b4284;
    color: white; }

.news-show .news-show-main-right a {
  color: black;
  text-decoration: none; }
  .news-show .news-show-main-right a:hover {
    color: #2b4284;
    text-decoration: none; }


.page-index {
  background-image: url(/tpl/maojiu11/original/page/bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: white; }
  .page-index i {
    width: 50px;
    height: 5px;
    background-color: #2b4284;
    display: block; }
  .page-index .btn-color {
    color: #2b4284;
    border-color: #2b4284; }
    .page-index .btn-color:hover {
      background-color: #2b4284;
      color: white; }

.page-show .btn-color {
  color: #000;
  text-decoration: none;
  border-radius: 0; }
  .page-show .btn-color:hover {
    color: white;
    text-decoration: none;
    border-radius: 0;
    background-color: #2b4284; }
  .page-show .btn-color:first-child {
    background-color: #2b4284;
    color: white; }

.page-show1 .btn-color {
  color: #000;
  text-decoration: none;
  border-radius: 0; }
  .page-show1 .btn-color:hover {
    color: white;
    text-decoration: none;
    border-radius: 0;
    background-color: #2b4284; }
  .page-show1 .btn-color:last-child {
    background-color: #2b4284;
    color: white; }

.product-index {
  margin-top: 80px;
  margin-bottom: 80px; }
  .product-index li a {
    color: black; }
  .product-index .nav-pills .nav-link.active {
    background-color: #2b4284;
    border-radius: 0; }
  .product-index .card a {
    color: black;
    text-decoration: none; }
  .product-index .card:hover a {
    color: #2b4284;
    text-decoration: none; }

.product-list .btn-color {
  color: #000;
  text-decoration: none;
  border-radius: 0; }
  .product-list .btn-color:hover {
    color: white;
    text-decoration: none;
    border-radius: 0;
    background-color: #2b4284; }
  .product-list .btn-color:first-child {
    background-color: #2b4284;
    color: white; }

.product-list .nav-tabs li a {
  color: gray;
  text-decoration: none; }
  .product-list .nav-tabs li a:hover {
    color: #2b4284;
    text-decoration: none; }

.product-list .product-list-show a {
  color: black;
  text-decoration: none; }
  .product-list .product-list-show a:hover {
    color: #2b4284;
    text-decoration: none; }

.product-list .pagination li:nth-child(2) a {
  background-color: #2b4284;
  color: white; }

.product-list .pagination li a {
  color: black; }

.product-show .btn-color {
  color: #000;
  text-decoration: none;
  border-radius: 0; }
  .product-show .btn-color:hover {
    color: white;
    text-decoration: none;
    border-radius: 0;
    background-color: #2b4284; }
  .product-show .btn-color:first-child {
    background-color: #2b4284;
    color: white; }

.product-show .pagination a {
  color: gray;
  text-decoration: none; }
  .product-show .pagination a:hover {
    color: #2b4284;
    text-decoration: none; }

.product-show .sidebar-piclist li a {
  color: #5e7387;
  text-decoration: none; }

.product-show .sidebar-piclist li:hover a {
  color: #2b4284;
  text-decoration: none; }

.content-layout {
  height: 180px !important; }
  @media screen and (min-width: 576px) {
    .content-layout {
      height: 240px !important; } }
  @media screen and (min-width: 768px) {
    .content-layout {
      height: 310px !important; } }
  @media screen and (min-width: 992px) {
    .content-layout {
      height: 375px !important; } }
  @media screen and (min-width: 1200px) {
    .content-layout {
      height: 600px !important; } }

.content-imgs-list ul li .card img {
  transform: scale(1);
  transition: 0.5s;
  height: auto !important; }
  @media screen and (min-width: 576px) {
    .content-imgs-list ul li .card img {
      height: 100px !important; } }
  @media screen and (min-width: 768px) {
    .content-imgs-list ul li .card img {
      height: 100px !important; } }
  @media screen and (min-width: 992px) {
    .content-imgs-list ul li .card img {
      height: 120px !important; } }
  @media screen and (min-width: 1200px) {
    .content-imgs-list ul li .card img {
      height: 150px !important; } }

.content-imgs-list ul li .card .card-img-overlay {
  background: rgba(0, 0, 0, 0.5);
  transition: 0.5s; }

.content-imgs-list ul li:hover .card img {
  transform: scale(1.2); }

.content-imgs-list ul li:hover .card .card-img-overlay {
  background: rgba(0, 0, 0, 0.7); }

.content-imgs-show .recommend ul li img {
  height: auto !important; }
  @media screen and (min-width: 576px) {
    .content-imgs-show .recommend ul li img {
      height: auto !important; } }
  @media screen and (min-width: 768px) {
    .content-imgs-show .recommend ul li img {
      height: 53px !important; } }
  @media screen and (min-width: 992px) {
    .content-imgs-show .recommend ul li img {
      height: 73px !important; } }
  @media screen and (min-width: 1200px) {
    .content-imgs-show .recommend ul li img {
      height: 88px !important; } }

.content-imgs-show .recommend ul li img {
  opacity: 1;
  transition: 0.3s; }

.content-imgs-show .recommend ul li:hover img {
  opacity: 0.7; }

.content-product-show .swiper-slide {
  height: 400px !important; }
  @media screen and (min-width: 576px) {
    .content-product-show .swiper-slide {
      height: 400px !important; } }
  @media screen and (min-width: 768px) {
    .content-product-show .swiper-slide {
      height: 400px !important; } }
  @media screen and (min-width: 992px) {
    .content-product-show .swiper-slide {
      height: 400px !important; } }
  @media screen and (min-width: 1200px) {
    .content-product-show .swiper-slide {
      height: 400px !important; } }

.content-product-show .card img {
  height: auto !important; }
  @media screen and (min-width: 576px) {
    .content-product-show .card img {
      height: auto !important; } }
  @media screen and (min-width: 768px) {
    .content-product-show .card img {
      height: 150px !important; } }
  @media screen and (min-width: 992px) {
    .content-product-show .card img {
      height: 210px !important; } }
  @media screen and (min-width: 1200px) {
    .content-product-show .card img {
      height: 255px !important; } }


.content-product-list img {
  height: auto !important; }
  @media screen and (min-width: 576px) {
    .content-product-list img {
      height: 510px !important; } }
  @media screen and (min-width: 768px) {
    .content-product-list img {
      height: 165px !important; } }
  @media screen and (min-width: 992px) {
    .content-product-list img {
      height: 225px !important; } }
  @media screen and (min-width: 1200px) {
    .content-product-list img {
      height: 270px !important; } }

.content-product-list .h-txt {
  max-height: 63px !important; }

.content-product-show .swiper-slide {
  height: 400px !important; }
  @media screen and (min-width: 576px) {
    .content-product-show .swiper-slide {
      height: 400px !important; } }
  @media screen and (min-width: 768px) {
    .content-product-show .swiper-slide {
      height: 400px !important; } }
  @media screen and (min-width: 992px) {
    .content-product-show .swiper-slide {
      height: 400px !important; } }
  @media screen and (min-width: 1200px) {
    .content-product-show .swiper-slide {
      height: 400px !important; } }

.content-product-show .card img {
  height: auto !important; }
  @media screen and (min-width: 576px) {
    .content-product-show .card img {
      height: auto !important; } }
  @media screen and (min-width: 768px) {
    .content-product-show .card img {
      height: 150px !important; } }
  @media screen and (min-width: 992px) {
    .content-product-show .card img {
      height: 210px !important; } }
  @media screen and (min-width: 1200px) {
    .content-product-show .card img {
      height: 255px !important; } }

.content-product-show .swiper-slide {
  height: 400px !important; }
  @media screen and (min-width: 576px) {
    .content-product-show .swiper-slide {
      height: 400px !important; } }
  @media screen and (min-width: 768px) {
    .content-product-show .swiper-slide {
      height: 400px !important; } }
  @media screen and (min-width: 992px) {
    .content-product-show .swiper-slide {
      height: 400px !important; } }
  @media screen and (min-width: 1200px) {
    .content-product-show .swiper-slide {
      height: 400px !important; } }

.content-product-show .card img {
  height: auto !important; }
  @media screen and (min-width: 576px) {
    .content-product-show .card img {
      height: auto !important; } }
  @media screen and (min-width: 768px) {
    .content-product-show .card img {
      height: 150px !important; } }
  @media screen and (min-width: 992px) {
    .content-product-show .card img {
      height: 210px !important; } }
  @media screen and (min-width: 1200px) {
    .content-product-show .card img {
      height: 255px !important; } }

.content-introduction-list img {
  height: auto !important; }
  @media screen and (min-width: 576px) {
    .content-introduction-list img {
      height: 595px !important; } }
  @media screen and (min-width: 768px) {
    .content-introduction-list img {
      height: 225px !important; } }
  @media screen and (min-width: 992px) {
    .content-introduction-list img {
      height: 320px !important; } }
  @media screen and (min-width: 1200px) {
    .content-introduction-list img {
      height: 395px !important; } }

.content-introduction-list .h-txt {
  max-height: 18px !important; }
  @media screen and (min-width: 576px) {
    .content-introduction-list .h-txt {
      max-height: 18px !important; } }
  @media screen and (min-width: 768px) {
    .content-introduction-list .h-txt {
      max-height: 54px !important; } }
  @media screen and (min-width: 992px) {
    .content-introduction-list .h-txt {
      max-height: 54px !important; } }
  @media screen and (min-width: 1200px) {
    .content-introduction-list .h-txt {
      max-height: 54px !important; } }

.content-product-show .h-img {
  height: 400px !important; }
  @media screen and (min-width: 576px) {
    .content-product-show .h-img {
      height: 400px !important; } }
  @media screen and (min-width: 768px) {
    .content-product-show .h-img {
      height: 400px !important; } }
  @media screen and (min-width: 992px) {
    .content-product-show .h-img {
      height: 400px !important; } }
  @media screen and (min-width: 1200px) {
    .content-product-show .h-img {
      height: 400px !important; } }

.content-product-show .recom .h-img {
  height: auto !important; }
  @media screen and (min-width: 576px) {
    .content-product-show .recom .h-img {
      height: auto !important; } }
  @media screen and (min-width: 768px) {
    .content-product-show .recom .h-img {
      height: 150px !important; } }
  @media screen and (min-width: 992px) {
    .content-product-show .recom .h-img {
      height: 210px !important; } }
  @media screen and (min-width: 1200px) {
    .content-product-show .recom .h-img {
      height: 255px !important; } }


.components-index-content-imgs-1 .swiper-container {
  width: 100%;
  height: 100%; }

.components-index-content-imgs-1 .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  height: calc((100%) / 2);
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }

.components-index-content-introduction-1 .swiper-container {
  width: 100%;
  height: 100%; }

.components-index-content-introduction-1 .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }


.components-index-content-product {
  overflow: hidden; }
  .components-index-content-product .row > .active {
    color: #fff;
    background-color: #45559b; }
  .components-index-content-product .swiper-container {
    width: 100%;
    height: 100%;
    max-width: 100vw; }
  .components-index-content-product .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-right: 0 !important; }


.components-layout-banner-1 .swiper-wrapper div {
  height: 240px !important; }
  @media screen and (min-width: 576px) {
    .components-layout-banner-1 .swiper-wrapper div {
      height: 320px !important; } }
  @media screen and (min-width: 768px) {
    .components-layout-banner-1 .swiper-wrapper div {
      height: 410px !important; } }
  @media screen and (min-width: 992px) {
    .components-layout-banner-1 .swiper-wrapper div {
      height: 500px !important; } }
  @media screen and (min-width: 1200px) {
    .components-layout-banner-1 .swiper-wrapper div {
      height: 800 !important; } }


.components-layout-link-2 .row .col + .col::before {
  display: inline-block;
  position: absolute;
  left: 0px;
  content: "/";
  color: #ccd5db; }


.components-layout-navbar-2 .nav-item {
  padding: 6px; }

.components-layout-navbar-3 .nav-item {
  padding: 0; }
  .components-layout-navbar-3 .nav-item .nav-link {
    padding: 2px 20px; }
  .components-layout-navbar-3 .nav-item .nav-link.active {
    color: #528032;
    position: absolute;
    margin-top: 2px;
    padding: 8px 20px;
    z-index: 100000;
    background-color: #fff; }

.components-layout-top-2 .input-group input {
  border-radius: 0px;
  background-color: #eeeeee;
  border: 1px solid #eeeeee;
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0ms;
  color: #76838f; }

.components-layout-top-2 .input-group button {
  padding-left: 15px;
  padding-right: 15px; }

.components-index-content-imgs-1 .swiper-container {
  width: 100%;
  height: 100%; }

.components-index-content-imgs-1 .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  height: calc((100%) / 2);
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }

.components-index-content-honor-1 .swiper-container {
  width: 100%;
  height: 100%; }

.components-index-content-honor-1 .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }

.components-index-content-imgs-2 .tab-content ul li .part {
  perspective: 1000px; }
  .components-index-content-imgs-2 .tab-content ul li .part img {
    height: auto; }
    @media screen and (min-width: 576px) {
      .components-index-content-imgs-2 .tab-content ul li .part img {
        height: 220px; } }
    @media screen and (min-width: 768px) {
      .components-index-content-imgs-2 .tab-content ul li .part img {
        height: 142px; } }
    @media screen and (min-width: 992px) {
      .components-index-content-imgs-2 .tab-content ul li .part img {
        height: 194px; } }
    @media screen and (min-width: 1200px) {
      .components-index-content-imgs-2 .tab-content ul li .part img {
        height: 235px; } }
  .components-index-content-imgs-2 .tab-content ul li .part .on {
    transform: rotateY(0deg);
    opacity: 1;
    left: 0;
    top: 0;
    z-index: 20;
    transition: .5s ease-in-out; }
  .components-index-content-imgs-2 .tab-content ul li .part .in {
    transform: rotateY(90deg);
    opacity: 0;
    z-index: 10;
    transition: .5s ease-in-out; }
    .components-index-content-imgs-2 .tab-content ul li .part .in div {
      background: #528032; }
  .components-index-content-imgs-2 .tab-content ul li .part:hover .on {
    transform: rotateY(-90deg);
    opacity: 0; }
  .components-index-content-imgs-2 .tab-content ul li .part:hover .in {
    transform: rotateY(0deg);
    opacity: 1; }


.components-index-content-introduction-1 .swiper-container {
  width: 100%;
  height: 100%; }

.components-index-content-introduction-1 .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }

.components-index-content-introduction-1 ul li img {
  height: auto; }
  @media screen and (min-width: 576px) {
    .components-index-content-introduction-1 ul li img {
      height: auto; } }
  @media screen and (min-width: 768px) {
    .components-index-content-introduction-1 ul li img {
      height: 410px; } }
  @media screen and (min-width: 992px) {
    .components-index-content-introduction-1 ul li img {
      height: 360px; } }
  @media screen and (min-width: 1200px) {
    .components-index-content-introduction-1 ul li img {
      height: 440px; } }

.components-index-content-introduction-1 ul li .card-img-overlay {
  background: rgba(0, 0, 0, 0.5);
  transform: translateY(110%);
  transition: .5s; }

.components-index-content-introduction-1 ul li:hover .card-img-overlay {
  transform: translateY(0%); }

.components-index-content-news-3 img {
  height: auto; }
  @media screen and (min-width: 576px) {
    .components-index-content-news-3 img {
      height: auto; } }
  @media screen and (min-width: 768px) {
    .components-index-content-news-3 img {
      height: 200px; } }
  @media screen and (min-width: 992px) {
    .components-index-content-news-3 img {
      height: 280px; } }
  @media screen and (min-width: 1200px) {
    .components-index-content-news-3 img {
      height: 340px; } }

.components-index-content-product-2 {
  overflow: hidden; }
  .components-index-content-product-2 .row > .active {
    color: #fff;
    background-color: #528032; }
  .components-index-content-product-2 .swiper-container {
    width: 100%;
    height: 100%;
    max-width: 100vw; }
  .components-index-content-product-2 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-right: 0 !important; }

.components-index-content-product-3 .nav .nav-item + .nav-item::before {
  display: inline-block;
  color: #528032;
  content: "/"; }

.components-index-content-product-3 .tab-content ul li .card .card-img-top img {
  transform: scale(1);
  z-index: 10;
  transition: 0.3s;
  height: auto; }
  @media screen and (min-width: 576px) {
    .components-index-content-product-3 .tab-content ul li .card .card-img-top img {
      height: 420px; } }
  @media screen and (min-width: 768px) {
    .components-index-content-product-3 .tab-content ul li .card .card-img-top img {
      height: 175px; } }
  @media screen and (min-width: 992px) {
    .components-index-content-product-3 .tab-content ul li .card .card-img-top img {
      height: 240px; } }
  @media screen and (min-width: 1200px) {
    .components-index-content-product-3 .tab-content ul li .card .card-img-top img {
      height: 290px; } }

.components-index-content-product-3 .tab-content ul li .card .card-img-top div {
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  z-index: 20;
  opacity: 0;
  transition: 0.3s; }

.components-index-content-product-3 .tab-content ul li .card .card-body {
  border-bottom: 1px solid #fff;
  transition: 0.3s; }
  .components-index-content-product-3 .tab-content ul li .card .card-body i {
    right: -10px;
    padding: 5px 0;
    opacity: 0;
    transition: 0.3s; }

.components-index-content-product-3 .tab-content ul li:hover .card-img-top img {
  transform: scale(1.2); }

.components-index-content-product-3 .tab-content ul li:hover .card-img-top div {
  opacity: 1; }

.components-index-content-product-3 .tab-content ul li:hover .card-body {
  border-bottom: 1px solid #dcdcdc; }
  .components-index-content-product-3 .tab-content ul li:hover .card-body i {
    right: 20px;
    opacity: 1; }