@charset "UTF-8";
/* This CSS is generated by My Snazzy Framework version 贵州遵醇酒业有限公司 */
#menu-itemsa-1 {
  display: none;
}

.foot_svg {
  height: 60px;
  width: 100%;
}
.foot_svg .waves {
  position: relative;
  width: 100%;
  height: 100%;
}
.foot_svg .parallax > use {
  -webkit-animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
          animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}
.foot_svg .parallax > use:nth-child(1) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  fill: rgba(0, 167, 186, 0.25);
}
.foot_svg .parallax > use:nth-child(2) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-duration: 14s;
          animation-duration: 14s;
  fill: rgba(0, 167, 186, 0.5);
}
.foot_svg .parallax > use:nth-child(3) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  -webkit-animation-duration: 21s;
          animation-duration: 21s;
  fill: rgba(0, 167, 186, 0.75);
}
.foot_svg .parallax > use:nth-child(4) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
  -webkit-animation-duration: 28s;
          animation-duration: 28s;
  fill: #00a7ba;
}
.foot_svg .parallax > use:nth-child(5) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
  -webkit-animation-duration: 35s;
          animation-duration: 35s;
  fill: #00a7ba;
}

.foot_wrap {
  background: #3c464f;
}

.foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #fff;
  background-size: cover;
}
.foot .foot_01 {
  width: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  margin-right: 3%;
  padding-top: 2%;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .foot .foot_01 {
    display: none;
  }
}
.foot .foot_02 {
  margin: 0 auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 2% 0;
}
.foot .foot_03 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 2% 0;
  gap: 10px;
}

.foot_02a {
  width: 100%;
}
.foot_02a .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.foot_02a .item li {
  width: 100%;
  margin-right: 2%;
}
.foot_02a .item li:nth-child(1) {
  display: block;
}
.foot_02a .item li:nth-child(2) {
  padding-left: 0;
}
.foot_02a .item li:last-child {
  border-right: 0px solid #fff;
}
.foot_02a .item li a {
  color: white;
  font-size: 20px;
}
.foot_02a .item li .footmenu {
  margin-top: 15px;
}
.foot_02a .item li .footmenu a {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.75);
  line-height: 3em;
  font-weight: 500;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.foot_02a .item li .footmenu a:hover {
  -webkit-transform: translateX(5%);
          transform: translateX(5%);
}

.foot_02a-1 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 2%;
}
.foot_02a-1 i {
  width: 1px;
  height: 100px;
  background-color: #b61b20;
}
.foot_02a-1 .erweima {
  border: 1px solid #dadada;
  padding: 0px;
}

.foot_02b {
  background-color: #0a1c1e;
  padding: 2% 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.foot_02b .foot_02ba {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.foot_02b a {
  color: #fff;
  margin-right: 3%;
  width: auto;
  float: left;
  font-size: 14px;
  line-height: 2em;
}
.foot_02b a:hover {
  color: rgba(255, 255, 255, 0.75);
}

.foot_03a a.titlea {
  color: white;
  font-size: 20px;
}
.foot_03a .footmenu {
  margin-top: 20px;
}
.foot_03a .footmenu a {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.75);
  line-height: 3em;
  font-weight: 200;
}

.foot_03b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 110px;
}
.foot_03b a {
  font-size: 14px;
  color: #fff;
  margin-top: 5%;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .foot_03b {
    display: none;
  }
}

.menuBox2 {
  min-width: 110px;
  width: auto;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .menuBox2 {
    display: none;
  }
}
.menuBox2 ul {
  gap: 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.menuBox2 ul li {
  position: relative;
}
.menuBox2 ul li a {
  --wh: 40px;
  width: var(--wh);
  height: var(--wh);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left center;
  -webkit-transition: all 0s;
  transition: all 0s;
}
.menuBox2 ul li .conts {
  display: none;
  position: absolute;
  background-color: #fff;
  padding: 20px 10px 10px 10px;
  top: 100%;
  width: 110px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 99;
  -webkit-clip-path: polygon(0 5%, 45% 5%, 50% 0, 55% 5%, 100% 5%, 100% 100%, 0 100%);
  clip-path: polygon(0 5%, 45% 5%, 50% 0, 55% 5%, 100% 5%, 100% 100%, 0 100%);
}
.menuBox2 ul li:hover a {
  background-position: right center;
}
.menuBox2 ul li:hover .conts {
  display: block;
}

@media (min-width: 320px) and (max-width: 1024px) {
  .foot {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 15%;
  }
  .foot_02 {
    display: none;
  }
  .foot_02b a {
    font-size: 12px;
  }
  .foot_03 {
    width: 100%;
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 !important;
            flex: 1 !important;
  }
}