@charset "UTF-8";
/*
 * @Author: feelChin 
 * @Date: 2021-05-25 17:16:02 
 * @Last Modified by: feelChin
 * @Last Modified time: 2022-01-20 11:08:34
 */
/*
 * @Author: feelChin 
 * @Date: 2021-09-15 16:50:14 
 * @Last Modified by:   feelChin 
 * @Last Modified time: 2021-09-15 16:50:14 
 */
@import url("iconfont.css");
* {
  margin: 0;
  padding: 0;
  outline: none;
}

*, *:after, *:before {
  box-sizing: border-box;
}

body {
  scroll-behavior: smooth;
  min-width: 320px;
}

h1, h2, h3, h4, h5, h6, small, big, input, textarea, button, select {
  font-size: 100%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left;
}

ul, ol, menu {
  list-style: none;
}

img, object, input, textarea, button, select {
  vertical-align: middle;
}

article, aside, footer, header, section, nav, figure, figcaption, hgroup, details, menu {
  display: block;
}

textarea {
  overflow: auto;
  resize: vertical;
}

input, textarea, button, select, a {
  outline: none;
  border: none;
}

input, textarea {
  display: block;
  -webkit-user-select: auto;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

mark {
  background-color: transparent;
}

a, ins, s, u, del {
  text-decoration: none;
  color: inherit;
}

sup, sub {
  vertical-align: baseline;
}

p {
  line-height: 1.72;
}

h1, h2, h3, h4, h5, h6, span, time, small, big {
  font-weight: 400;
  line-height: 1.2;
}

video, img, audio, canvas {
  font-size: 0;
  line-height: 1;
  display: inline-block;
  zoom: 1;
}

/*分页样式start*/
.pagination {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.pagination li {
  margin: 0 4px;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.pagination li a, 
.pagination li span {
  display: block;
  padding: 8px 16px;
  border: 1px solid #e1e4e8;
  border-radius: 6px;
  color: #0366d6;
  text-decoration: none;
  font-weight: 500;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
  transition: all 0.2s ease;
}

.pagination li a:hover {
  background-color: #f6f8fa;
  border-color: #d1d5da;
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(0,0,0,0.08);
}

.pagination li.active span {
  background-color: #0366d6;
  color: white;
  border-color: #0366d6;
  font-weight: 600;
  box-shadow: 0 2px 5px rgba(3, 102, 214, 0.3);
}

.pagination li.disabled span {
  color: #6a737d;
  background-color: #fafbfc;
  border-color: #e1e4e8;
  opacity: 0.7;
  cursor: not-allowed;
}

.pagination li:first-child a, 
.pagination li:first-child span {
  border-radius: 6px;
}

.pagination li:last-child a, 
.pagination li:last-child span {
  border-radius: 6px;
}

/* 箭头图标美化 */
.pagination li:first-child span::before {
  margin-right: 4px;
}

.pagination li:last-child a::after {
  margin-left: 4px;
}
/*分页样式end*/

.y30 {
  opacity: 0;
  transform: translate3d(0, 30%, 0) scale(0.9);
}

.y30.flag {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  transition: .44s;
}

.y60 {
  opacity: 0;
  transform: translate3d(0, 50%, 0) scale(0.9);
}

.y60.flag {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  transition: .44s;
}

.y100 {
  opacity: 0;
  transform: translate3d(0, 100%, 0) scale(0.9);
}

.y100.flag {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  transition: .44s;
}

.x50 {
  opacity: 0;
  transform: translate3d(50%, 0, 0) scale(0.9);
}

.x50.flag {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  transition: .44s;
}

.x100 {
  opacity: 0;
  transform: translate3d(100%, 0, 0) scale(0.9);
}

.x100.flag {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  transition: .44s;
}

.x-50 {
  opacity: 0;
  transform: translate3d(-50%, 0, 0) scale(0.9);
}

.x-50.flag {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  transition: .44s;
}

.x-100 {
  opacity: 0;
  transform: translate3d(-100%, 0, 0) scale(0.9);
}

.x-100.flag {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  transition: .44s;
}

.o {
  opacity: 0;
}

.o.flag {
  opacity: 1;
  transition: 1.7s;
}

.doubleAni {
  position: relative;
  z-index: 1;
}

.doubleAni:hover:after {
  width: 100%;
  opacity: .9;
}

.doubleAni:hover:before {
  width: 100%;
  opacity: 1;
}

.doubleAni:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  width: 60%;
  opacity: 0;
  background: #68B92E;
  transition: .55s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.doubleAni:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  width: 40%;
  opacity: 0;
  background: #68B92E;
  transition: .55s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.vertical {
  writing-mode: vertical-lr;
  /*从左向右 从右向左是 writing-mode: vertical-rl;*/
  writing-mode: tb-lr;
  /*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/
}

.splitlist {
  line-height: 1.2;
  white-space: pre-wrap;
}

.splitlist.flag span {
  animation: fadeInRight 1s forwards;
}

.splitlist span {
  font-family: inherit;
  width: auto;
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
  text-transform: inherit;
  opacity: 0;
  display: inline-block;
}

.splitlist span.letters {
  color: #68B92E;
}

.popUp {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
}

.popUp.active {
  visibility: visible;
}

.popUp.active .popUpBg {
  visibility: visible;
  opacity: 1;
  transition: .5s;
}

.popUp.active .popUpBox {
  transition: .5s;
  transform: translateY(0);
}

.popUp .popUpBg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  visibility: hidden;
  opacity: 0;
  z-index: -1;
}

.popUp .popUpBox {
  position: relative;
  width: 100%;
  height: auto;
  background: #fff;
  transform: translateY(10%);
}

.cursordot {
  position: fixed;
  top: 0;
  left: 0;
  border-radius: 100%;
  pointer-events: none;
  opacity: 0;
  will-change: transform;
  background-size: contain;
  mix-blend-mode: exclusion;
}

.cursordot::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #fff;
  mix-blend-mode: exclusion;
}

.cursordot:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  transform: translate(-50%, -50%) scale(1.2);
  mix-blend-mode: exclusion;
  border-radius: 50%;
}

.imgs {
  max-width: 100%;
  width: 100%;
  height: auto;
  display: block;
}

.deepmao {
  position: relative;
  top: -100px;
  display: block;
  height: 0;
  overflow: hidden;
}

.linkA {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
}

.photoSlides {
  position: relative;
  overflow: hidden;
  --bg: white;
}

.photoSlides.ifIe:after {
  display: none;
}

.photoSlides.ifIe img {
  opacity: 1;
}

.photoSlides:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0%;
  height: 100%;
  background: var(--bg);
  z-index: 3;
}

.photoSlides.flag:after {
  width: 100%;
  transition: .6s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.photoSlides.reset:after {
  width: 0%;
  right: auto;
  left: 0;
}

.photoSlides img {
  opacity: 0;
  transition: transform .5s;
}

.ell {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.ells {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.wechat {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.7);
  z-index: 99;
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
  opacity: 0;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  cursor: pointer;
}

.wechat.active {
  transition: .3s;
  visibility: visible;
  opacity: 1;
}

.wechat.active div {
  transform: translateY(0);
}

.wechat div {
  height: auto;
  padding: 20px;
  background: #eee;
  text-align: center;
  transition: .3s;
  transform: translateY(50px);
}

.wechat div img {
  display: block;
  margin: auto;
}

.wechat div p {
  font-size: 14px;
  color: #666;
  margin-top: 6px;
}

.videobox {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 99;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  color: #fff;
}

.videobox.active {
  visibility: visible;
  opacity: 1;
}

.videobox.active .bg {
  visibility: visible;
  opacity: 1;
}

.videobox.active .videoDom video {
  transition-delay: .3s;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.videobox.active .videoDom .close {
  visibility: visible;
  opacity: 1;
}

.videobox.active .videoDom p {
  opacity: 1;
}

.videobox .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  transition: .4s;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
}

.videobox .videoDom {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  line-height: 1;
  font-size: 0;
}

.videobox .videoDom video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .4s;
  transform: translate3d(0, 50%, 0);
  opacity: 0;
  max-width: 100%;
  max-height: 100vh;
}

.videobox .videoDom p {
  position: absolute;
  width: 100%;
  padding: 0;
  height: 50px;
  left: 0;
  top: 0;
  background: #fff;
  z-index: 3;
  color: #fff;
  font-size: 16px;
  display: flex;
  align-items: center;
  pointer-events: none;
  color: #666;
  justify-content: center;
  opacity: 0;
  transition: .6s;
}

.videobox .videoDom p a {
  display: inline-block;
  margin-left: 1vw;
  color: #68B92E;
  pointer-events: auto;
}

.videobox .videoDom .close {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #68B92E;
  color: #fff;
  z-index: 5;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  transition: .4s;
}

.videobox .videoDom .close:after, .videobox .videoDom .close:before {
  content: '';
  width: 25px;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: .4s;
}

.videobox .videoDom .close:after {
  transform: translate(-50%, -50%) rotate(45deg);
}

.videobox .videoDom .close:before {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.videobox .videoDom .close:hover {
  background: #00477B;
}

.videobox .videoDom .close:hover:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.videobox .videoDom .close:hover:before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.subnavHead {
  position: relative;
  overflow: hidden;
}

.subnavHead .bannerImg {
  overflow: hidden;
}

.subnavHead .bannerImg img {
  position: relative;
  width: 100%;
  display: block;
  will-change: transform;
}

.newspaper a {
  transition: color .4s;
}

.newspaper a:link {
  color: #1F1A17;
}

.newspaper a:visited {
  color: #1F1A17;
}

.newspaper a:active {
  color: #68B92E;
}

.newspaper a:hover {
  color: #68B92E;
}

.newspaper img {
  max-width: 100% !important;
  height: auto !important;
}

@keyframes pageTransTion {
  from {
    visibility: visible;
    opacity: 1;
  }
  to {
    visibility: hidden;
    opacity: 0;
  }
}

@keyframes pageTransTionFirst {
  from {
    transform: translateY(0%);
  }
  to {
    transform: translateY(100%);
  }
}

@keyframes pageTransTionSecond {
  from {
    transform: translateY(0%);
  }
  to {
    transform: translateY(150%);
  }
}

@keyframes pageTransTionThird {
  from {
    transform: translateY(0%);
  }
  to {
    transform: translateY(200%);
  }
}

.pageTransTionIn {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  animation: pageTransTion .1s 1.3s forwards;
}

.pageTransTionIn .pageTransTionFirst,
.pageTransTionIn .pageTransTionSecond,
.pageTransTionIn .pageTransTionThird {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pageTransTionIn .pageTransTionFirst {
  background: #00477B;
  animation: pageTransTionFirst 1.2s 0.2s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}

.pageTransTionIn .pageTransTionSecond {
  background: #68B92E;
  animation: pageTransTionSecond 1.2s 0.2s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}

.pageTransTionIn .pageTransTionThird {
  background: #fff;
  animation: pageTransTionThird 1.2s 0.2s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}

.last3:nth-child(3n+1):nth-last-child(-n+3),
.last3:nth-child(3n+1):nth-last-child(-n+3) ~ li {
  margin-bottom: 0;
}

.amap-logo,
.amap-copyright {
  display: none !important;
}

.amap-toolbar {
  z-index: 2;
}

.amap-layers:after {
  content: '' !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 0;
}

.amap-layers svg {
  width: 100% !important;
  height: 100% !important;
}

.amap-markers {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.innerdot {
  display: none !important;
}

.infobox {
  display: none;
}

.amap-info-contentContainer {
  width: auto;
  height: auto;
  max-width: 320px;
  padding: 15px 20px;
  background: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

.amap-info-contentContainer h5 {
  color: #1F1A17;
  font-size: 16px;
  margin-bottom: 10px;
}

.amap-info-contentContainer p {
  color: #999;
  font-size: 14px;
}

.mapdots {
  width: 120px;
  height: 120px;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  z-index: 1;
  color: #00477B;
}

.mapdots:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #68B92E;
  z-index: -1;
  -webkit-animation: dots 1.5s infinite linear;
  animation: dots 1.4s infinite linear;
}

.mapdots:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #68B92E;
  z-index: -1;
  -webkit-animation: dots 1.5s infinite linear;
  animation: dots 1.4s -.7s infinite linear;
}

.mapdots .dot {
  width: 30px;
  height: 30px;
  background: #68B92E;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.mapdots .dot img {
  width: 25px;
  transform: translateY(-50%);
}

@keyframes dots {
  from {
    opacity: 1;
    transform: scale(0.1);
  }
  to {
    opacity: 0;
    transform: scale(1);
  }
}

.scrollNumItem {
  display: flex;
}

.scrollNumItem .scrollNumBox {
  position: relative;
  overflow: hidden;
}

.scrollNumItem .scrollNumBox .scrollNumUl {
  width: 100%;
}

.scrollNumItem .scrollNumBox .scrollNumUl li {
  height: 100%;
  width: 100%;
}

@keyframes move {
  from {
    transform: translateY(-90%);
    filter: url(#blur);
  }
  to {
    transform: translateY(1%);
    filter: url(#blur);
  }
}

@keyframes bounce-in-down {
  from {
    transform: translateY(calc(var(--i) * -10% - 7%));
    filter: none;
  }
  25% {
    transform: translateY(calc(var(--i) * -10% + 3%));
  }
  50% {
    transform: translateY(calc(var(--i) * -10% - 1%));
  }
  70% {
    transform: translateY(calc(var(--i) * -10% + .6%));
  }
  85% {
    transform: translateY(calc(var(--i) * -10% - .3%));
  }
  to {
    transform: translateY(calc(var(--i) * -10%));
  }
}

@media screen and (max-width: 768px) {
  .noscroll {
    background-attachment: scroll !important;
  }
  .mapdots {
    width: 60px;
    height: 60px;
  }
  .mapdots .dot {
    width: 10px;
    height: 10px;
  }
  .amap-info-contentContainer {
    padding: 15px;
    transform: translateY(-30px);
  }
  .videobox .videoDom {
    width: 100%;
  }
}

.snow {
  position: absolute;
  width: 2.08333vw;
  height: 2.39583vw;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  z-index: 9;
  pointer-events: none;
}

.snow:nth-child(1) {
  opacity: 0.1491;
  transform: translate(53.812vw, -10px) scale(0.7758);
  animation: fall-1 14s -6s linear infinite;
}

@keyframes fall-1 {
  61.008% {
    transform: translate(61.1012vw, 61.008vh) scale(0.7758);
  }
  to {
    transform: translate(57.4566vw, 100vh) scale(0.7758);
  }
}

.snow:nth-child(2) {
  opacity: 0.5085;
  transform: translate(50.7661vw, -10px) scale(0.2071);
  animation: fall-2 25s -15s linear infinite;
}

@keyframes fall-2 {
  44.85% {
    transform: translate(41.4019vw, 44.85vh) scale(0.2071);
  }
  to {
    transform: translate(46.084vw, 100vh) scale(0.2071);
  }
}

.snow:nth-child(3) {
  opacity: 0.0453;
  transform: translate(59.423vw, -10px) scale(0.7127);
  animation: fall-3 29s -11s linear infinite;
}

@keyframes fall-3 {
  38.273% {
    transform: translate(64.0957vw, 38.273vh) scale(0.7127);
  }
  to {
    transform: translate(61.75935vw, 100vh) scale(0.7127);
  }
}

.snow:nth-child(4) {
  opacity: 0.0611;
  transform: translate(7.7825vw, -10px) scale(0.6483);
  animation: fall-4 15s -11s linear infinite;
}

@keyframes fall-4 {
  59.194% {
    transform: translate(-0.6201vw, 59.194vh) scale(0.6483);
  }
  to {
    transform: translate(3.5812vw, 100vh) scale(0.6483);
  }
}

.snow:nth-child(5) {
  opacity: 0.8233;
  transform: translate(79.6182vw, -10px) scale(0.4725);
  animation: fall-5 23s -7s linear infinite;
}

@keyframes fall-5 {
  63.199% {
    transform: translate(82.5232vw, 63.199vh) scale(0.4725);
  }
  to {
    transform: translate(81.0707vw, 100vh) scale(0.4725);
  }
}

.snow:nth-child(6) {
  opacity: 0.4053;
  transform: translate(64.5986vw, -10px) scale(0.129);
  animation: fall-6 26s -23s linear infinite;
}

@keyframes fall-6 {
  46.093% {
    transform: translate(67.3665vw, 46.093vh) scale(0.129);
  }
  to {
    transform: translate(65.98255vw, 100vh) scale(0.129);
  }
}

.snow:nth-child(7) {
  opacity: 0.5775;
  transform: translate(14.8778vw, -10px) scale(0.0292);
  animation: fall-7 23s -21s linear infinite;
}

@keyframes fall-7 {
  62.978% {
    transform: translate(20.5228vw, 62.978vh) scale(0.0292);
  }
  to {
    transform: translate(17.7003vw, 100vh) scale(0.0292);
  }
}

.snow:nth-child(8) {
  opacity: 0.7941;
  transform: translate(0.7975vw, -10px) scale(0.5256);
  animation: fall-8 29s -16s linear infinite;
}

@keyframes fall-8 {
  34.533% {
    transform: translate(6.5989vw, 34.533vh) scale(0.5256);
  }
  to {
    transform: translate(3.6982vw, 100vh) scale(0.5256);
  }
}

.snow:nth-child(9) {
  opacity: 0.0902;
  transform: translate(28.4943vw, -10px) scale(0.2854);
  animation: fall-9 13s -7s linear infinite;
}

@keyframes fall-9 {
  75.853% {
    transform: translate(20.3016vw, 75.853vh) scale(0.2854);
  }
  to {
    transform: translate(24.39795vw, 100vh) scale(0.2854);
  }
}

.snow:nth-child(10) {
  opacity: 0.6379;
  transform: translate(13.0994vw, -10px) scale(0.2665);
  animation: fall-10 11s -14s linear infinite;
}

@keyframes fall-10 {
  73.887% {
    transform: translate(22.5605vw, 73.887vh) scale(0.2665);
  }
  to {
    transform: translate(17.82995vw, 100vh) scale(0.2665);
  }
}

.snow:nth-child(11) {
  opacity: 0.8047;
  transform: translate(50.4013vw, -10px) scale(0.4076);
  animation: fall-11 30s -17s linear infinite;
}

@keyframes fall-11 {
  30.867% {
    transform: translate(47.5141vw, 30.867vh) scale(0.4076);
  }
  to {
    transform: translate(48.9577vw, 100vh) scale(0.4076);
  }
}

.snow:nth-child(12) {
  opacity: 0.2421;
  transform: translate(61.7662vw, -10px) scale(0.7116);
  animation: fall-12 20s -21s linear infinite;
}

@keyframes fall-12 {
  47.21% {
    transform: translate(62.2211vw, 47.21vh) scale(0.7116);
  }
  to {
    transform: translate(61.99365vw, 100vh) scale(0.7116);
  }
}

.snow:nth-child(13) {
  opacity: 0.6638;
  transform: translate(51.0137vw, -10px) scale(0.9777);
  animation: fall-13 12s -19s linear infinite;
}

@keyframes fall-13 {
  45.061% {
    transform: translate(42.2208vw, 45.061vh) scale(0.9777);
  }
  to {
    transform: translate(46.61725vw, 100vh) scale(0.9777);
  }
}

.snow:nth-child(14) {
  opacity: 0.1883;
  transform: translate(31.6752vw, -10px) scale(0.9477);
  animation: fall-14 11s -14s linear infinite;
}

@keyframes fall-14 {
  66.725% {
    transform: translate(36.8443vw, 66.725vh) scale(0.9477);
  }
  to {
    transform: translate(34.25975vw, 100vh) scale(0.9477);
  }
}

.snow:nth-child(15) {
  opacity: 0.988;
  transform: translate(36.4506vw, -10px) scale(0.7372);
  animation: fall-15 21s -1s linear infinite;
}

@keyframes fall-15 {
  66.822% {
    transform: translate(27.7836vw, 66.822vh) scale(0.7372);
  }
  to {
    transform: translate(32.1171vw, 100vh) scale(0.7372);
  }
}

.snow:nth-child(16) {
  opacity: 0.0191;
  transform: translate(13.4609vw, -10px) scale(0.3897);
  animation: fall-16 29s -6s linear infinite;
}

@keyframes fall-16 {
  47.984% {
    transform: translate(14.2623vw, 47.984vh) scale(0.3897);
  }
  to {
    transform: translate(13.8616vw, 100vh) scale(0.3897);
  }
}

.snow:nth-child(17) {
  opacity: 0.8019;
  transform: translate(2.5379vw, -10px) scale(0.4071);
  animation: fall-17 16s -14s linear infinite;
}

@keyframes fall-17 {
  30.127% {
    transform: translate(-7.166vw, 30.127vh) scale(0.4071);
  }
  to {
    transform: translate(-2.31405vw, 100vh) scale(0.4071);
  }
}

.snow:nth-child(18) {
  opacity: 0.8239;
  transform: translate(30.4333vw, -10px) scale(0.2975);
  animation: fall-18 11s -12s linear infinite;
}

@keyframes fall-18 {
  36.839% {
    transform: translate(39.816vw, 36.839vh) scale(0.2975);
  }
  to {
    transform: translate(35.12465vw, 100vh) scale(0.2975);
  }
}

.snow:nth-child(19) {
  opacity: 0.6203;
  transform: translate(21.0697vw, -10px) scale(0.5993);
  animation: fall-19 14s -14s linear infinite;
}

@keyframes fall-19 {
  31.17% {
    transform: translate(11.798vw, 31.17vh) scale(0.5993);
  }
  to {
    transform: translate(16.43385vw, 100vh) scale(0.5993);
  }
}

.snow:nth-child(20) {
  opacity: 0.0521;
  transform: translate(71.504vw, -10px) scale(0.209);
  animation: fall-20 29s -2s linear infinite;
}

@keyframes fall-20 {
  45.221% {
    transform: translate(75.0651vw, 45.221vh) scale(0.209);
  }
  to {
    transform: translate(73.28455vw, 100vh) scale(0.209);
  }
}

.snow:nth-child(21) {
  opacity: 0.1669;
  transform: translate(9.9695vw, -10px) scale(0.9313);
  animation: fall-21 28s -29s linear infinite;
}

@keyframes fall-21 {
  72.25% {
    transform: translate(5.8184vw, 72.25vh) scale(0.9313);
  }
  to {
    transform: translate(7.89395vw, 100vh) scale(0.9313);
  }
}

.snow:nth-child(22) {
  opacity: 0.1522;
  transform: translate(97.3687vw, -10px) scale(0.1988);
  animation: fall-22 22s -17s linear infinite;
}

@keyframes fall-22 {
  63.261% {
    transform: translate(107.1882vw, 63.261vh) scale(0.1988);
  }
  to {
    transform: translate(102.27845vw, 100vh) scale(0.1988);
  }
}

.snow:nth-child(23) {
  opacity: 0.7185;
  transform: translate(86.0782vw, -10px) scale(0.3725);
  animation: fall-23 25s -24s linear infinite;
}

@keyframes fall-23 {
  57.273% {
    transform: translate(86.7328vw, 57.273vh) scale(0.3725);
  }
  to {
    transform: translate(86.4055vw, 100vh) scale(0.3725);
  }
}

.snow:nth-child(24) {
  opacity: 0.8307;
  transform: translate(32.0231vw, -10px) scale(0.9966);
  animation: fall-24 23s -1s linear infinite;
}

@keyframes fall-24 {
  65.945% {
    transform: translate(29.0367vw, 65.945vh) scale(0.9966);
  }
  to {
    transform: translate(30.5299vw, 100vh) scale(0.9966);
  }
}

.snow:nth-child(25) {
  opacity: 0.5996;
  transform: translate(37.1508vw, -10px) scale(0.9396);
  animation: fall-25 25s -1s linear infinite;
}

@keyframes fall-25 {
  33.181% {
    transform: translate(44.9724vw, 33.181vh) scale(0.9396);
  }
  to {
    transform: translate(41.0616vw, 100vh) scale(0.9396);
  }
}

.snow:nth-child(26) {
  opacity: 0.097;
  transform: translate(36.0855vw, -10px) scale(0.9688);
  animation: fall-26 15s -7s linear infinite;
}

@keyframes fall-26 {
  30.532% {
    transform: translate(44.1864vw, 30.532vh) scale(0.9688);
  }
  to {
    transform: translate(40.13595vw, 100vh) scale(0.9688);
  }
}

.snow:nth-child(27) {
  opacity: 0.6398;
  transform: translate(61.72vw, -10px) scale(0.7578);
  animation: fall-27 21s -15s linear infinite;
}

@keyframes fall-27 {
  77.507% {
    transform: translate(60.9932vw, 77.507vh) scale(0.7578);
  }
  to {
    transform: translate(61.3566vw, 100vh) scale(0.7578);
  }
}

.snow:nth-child(28) {
  opacity: 0.7721;
  transform: translate(13.2397vw, -10px) scale(0.157);
  animation: fall-28 12s -14s linear infinite;
}

@keyframes fall-28 {
  52.905% {
    transform: translate(21.9104vw, 52.905vh) scale(0.157);
  }
  to {
    transform: translate(17.57505vw, 100vh) scale(0.157);
  }
}

.snow:nth-child(29) {
  opacity: 0.8472;
  transform: translate(40.3319vw, -10px) scale(0.5018);
  animation: fall-29 27s -16s linear infinite;
}

@keyframes fall-29 {
  49.446% {
    transform: translate(42.3319vw, 49.446vh) scale(0.5018);
  }
  to {
    transform: translate(41.3319vw, 100vh) scale(0.5018);
  }
}

.snow:nth-child(30) {
  opacity: 0.0204;
  transform: translate(84.8821vw, -10px) scale(0.9213);
  animation: fall-30 26s -21s linear infinite;
}

@keyframes fall-30 {
  50.39% {
    transform: translate(87.7061vw, 50.39vh) scale(0.9213);
  }
  to {
    transform: translate(86.2941vw, 100vh) scale(0.9213);
  }
}

.snow:nth-child(31) {
  opacity: 0.7163;
  transform: translate(72.1674vw, -10px) scale(0.1994);
  animation: fall-31 15s -5s linear infinite;
}

@keyframes fall-31 {
  40.823% {
    transform: translate(68.1284vw, 40.823vh) scale(0.1994);
  }
  to {
    transform: translate(70.1479vw, 100vh) scale(0.1994);
  }
}

.snow:nth-child(32) {
  opacity: 0.4793;
  transform: translate(52.4391vw, -10px) scale(0.5875);
  animation: fall-32 22s -22s linear infinite;
}

@keyframes fall-32 {
  70.882% {
    transform: translate(54.5754vw, 70.882vh) scale(0.5875);
  }
  to {
    transform: translate(53.50725vw, 100vh) scale(0.5875);
  }
}

.snow:nth-child(33) {
  opacity: 0.0339;
  transform: translate(29.3428vw, -10px) scale(0.8913);
  animation: fall-33 19s -16s linear infinite;
}

@keyframes fall-33 {
  53.48% {
    transform: translate(23.9974vw, 53.48vh) scale(0.8913);
  }
  to {
    transform: translate(26.6701vw, 100vh) scale(0.8913);
  }
}

.snow:nth-child(34) {
  opacity: 0.454;
  transform: translate(97.5306vw, -10px) scale(0.323);
  animation: fall-34 14s -9s linear infinite;
}

@keyframes fall-34 {
  40.109% {
    transform: translate(94.1601vw, 40.109vh) scale(0.323);
  }
  to {
    transform: translate(95.84535vw, 100vh) scale(0.323);
  }
}

.snow:nth-child(35) {
  opacity: 0.2474;
  transform: translate(46.0574vw, -10px) scale(0.6521);
  animation: fall-35 13s -17s linear infinite;
}

@keyframes fall-35 {
  57.819% {
    transform: translate(40.5019vw, 57.819vh) scale(0.6521);
  }
  to {
    transform: translate(43.27965vw, 100vh) scale(0.6521);
  }
}

.snow:nth-child(36) {
  opacity: 0.7522;
  transform: translate(64.0018vw, -10px) scale(0.8408);
  animation: fall-36 10s -24s linear infinite;
}

@keyframes fall-36 {
  69.577% {
    transform: translate(62.3901vw, 69.577vh) scale(0.8408);
  }
  to {
    transform: translate(63.19595vw, 100vh) scale(0.8408);
  }
}

.snow:nth-child(37) {
  opacity: 0.1941;
  transform: translate(49.8188vw, -10px) scale(0.2715);
  animation: fall-37 22s -5s linear infinite;
}

@keyframes fall-37 {
  48.385% {
    transform: translate(41.1219vw, 48.385vh) scale(0.2715);
  }
  to {
    transform: translate(45.47035vw, 100vh) scale(0.2715);
  }
}

.snow:nth-child(38) {
  opacity: 0.0951;
  transform: translate(45.2934vw, -10px) scale(0.1783);
  animation: fall-38 13s -10s linear infinite;
}

@keyframes fall-38 {
  32.52% {
    transform: translate(43.264vw, 32.52vh) scale(0.1783);
  }
  to {
    transform: translate(44.2787vw, 100vh) scale(0.1783);
  }
}

.snow:nth-child(39) {
  opacity: 0.3273;
  transform: translate(59.5442vw, -10px) scale(0.8073);
  animation: fall-39 21s -4s linear infinite;
}

@keyframes fall-39 {
  77.555% {
    transform: translate(58.4459vw, 77.555vh) scale(0.8073);
  }
  to {
    transform: translate(58.99505vw, 100vh) scale(0.8073);
  }
}

.snow:nth-child(40) {
  opacity: 0.5171;
  transform: translate(99.4337vw, -10px) scale(0.0604);
  animation: fall-40 10s -27s linear infinite;
}

@keyframes fall-40 {
  50.755% {
    transform: translate(92.1354vw, 50.755vh) scale(0.0604);
  }
  to {
    transform: translate(95.78455vw, 100vh) scale(0.0604);
  }
}

.snow:nth-child(41) {
  opacity: 0.658;
  transform: translate(35.4508vw, -10px) scale(0.6499);
  animation: fall-41 27s -27s linear infinite;
}

@keyframes fall-41 {
  37.228% {
    transform: translate(40.3971vw, 37.228vh) scale(0.6499);
  }
  to {
    transform: translate(37.92395vw, 100vh) scale(0.6499);
  }
}

.snow:nth-child(42) {
  opacity: 0.2746;
  transform: translate(89.6307vw, -10px) scale(0.8948);
  animation: fall-42 14s -19s linear infinite;
}

@keyframes fall-42 {
  55.967% {
    transform: translate(95.3113vw, 55.967vh) scale(0.8948);
  }
  to {
    transform: translate(92.471vw, 100vh) scale(0.8948);
  }
}

.snow:nth-child(43) {
  opacity: 0.3774;
  transform: translate(14.6262vw, -10px) scale(0.4685);
  animation: fall-43 11s -5s linear infinite;
}

@keyframes fall-43 {
  68.472% {
    transform: translate(12.5947vw, 68.472vh) scale(0.4685);
  }
  to {
    transform: translate(13.61045vw, 100vh) scale(0.4685);
  }
}

.snow:nth-child(44) {
  opacity: 0.635;
  transform: translate(6.8122vw, -10px) scale(0.8445);
  animation: fall-44 26s -14s linear infinite;
}

@keyframes fall-44 {
  30.893% {
    transform: translate(1.9301vw, 30.893vh) scale(0.8445);
  }
  to {
    transform: translate(4.37115vw, 100vh) scale(0.8445);
  }
}

.snow:nth-child(45) {
  opacity: 0.4964;
  transform: translate(52.5463vw, -10px) scale(0.6958);
  animation: fall-45 18s -15s linear infinite;
}

@keyframes fall-45 {
  73.039% {
    transform: translate(48.7693vw, 73.039vh) scale(0.6958);
  }
  to {
    transform: translate(50.6578vw, 100vh) scale(0.6958);
  }
}

.snow:nth-child(46) {
  opacity: 0.8891;
  transform: translate(76.1492vw, -10px) scale(0.904);
  animation: fall-46 10s -29s linear infinite;
}

@keyframes fall-46 {
  59.024% {
    transform: translate(81.1805vw, 59.024vh) scale(0.904);
  }
  to {
    transform: translate(78.66485vw, 100vh) scale(0.904);
  }
}

.snow:nth-child(47) {
  opacity: 0.6593;
  transform: translate(99.65vw, -10px) scale(0.647);
  animation: fall-47 19s -15s linear infinite;
}

@keyframes fall-47 {
  48.053% {
    transform: translate(104.7288vw, 48.053vh) scale(0.647);
  }
  to {
    transform: translate(102.1894vw, 100vh) scale(0.647);
  }
}

.snow:nth-child(48) {
  opacity: 0.7189;
  transform: translate(33.7818vw, -10px) scale(0.4286);
  animation: fall-48 14s -15s linear infinite;
}

@keyframes fall-48 {
  51.778% {
    transform: translate(41.0897vw, 51.778vh) scale(0.4286);
  }
  to {
    transform: translate(37.43575vw, 100vh) scale(0.4286);
  }
}

.snow:nth-child(49) {
  opacity: 0.332;
  transform: translate(22.7663vw, -10px) scale(0.5707);
  animation: fall-49 19s -29s linear infinite;
}

@keyframes fall-49 {
  54.296% {
    transform: translate(16.0125vw, 54.296vh) scale(0.5707);
  }
  to {
    transform: translate(19.3894vw, 100vh) scale(0.5707);
  }
}

.snow:nth-child(50) {
  opacity: 0.6774;
  transform: translate(91.3227vw, -10px) scale(0.4459);
  animation: fall-50 28s -2s linear infinite;
}

@keyframes fall-50 {
  31.861% {
    transform: translate(95.0469vw, 31.861vh) scale(0.4459);
  }
  to {
    transform: translate(93.1848vw, 100vh) scale(0.4459);
  }
}

.snow:nth-child(51) {
  opacity: 0.769;
  transform: translate(31.5287vw, -10px) scale(0.0794);
  animation: fall-51 26s -23s linear infinite;
}

@keyframes fall-51 {
  54.971% {
    transform: translate(38.625vw, 54.971vh) scale(0.0794);
  }
  to {
    transform: translate(35.07685vw, 100vh) scale(0.0794);
  }
}

.snow:nth-child(52) {
  opacity: 0.1585;
  transform: translate(4.9387vw, -10px) scale(0.1191);
  animation: fall-52 30s -13s linear infinite;
}

@keyframes fall-52 {
  71.889% {
    transform: translate(0.4968vw, 71.889vh) scale(0.1191);
  }
  to {
    transform: translate(2.71775vw, 100vh) scale(0.1191);
  }
}

.snow:nth-child(53) {
  opacity: 0.2936;
  transform: translate(43.225vw, -10px) scale(0.9333);
  animation: fall-53 16s -15s linear infinite;
}

@keyframes fall-53 {
  32.449% {
    transform: translate(38.0683vw, 32.449vh) scale(0.9333);
  }
  to {
    transform: translate(40.64665vw, 100vh) scale(0.9333);
  }
}

.snow:nth-child(54) {
  opacity: 0.8811;
  transform: translate(33.5111vw, -10px) scale(0.087);
  animation: fall-54 23s -7s linear infinite;
}

@keyframes fall-54 {
  46.166% {
    transform: translate(26.8049vw, 46.166vh) scale(0.087);
  }
  to {
    transform: translate(30.158vw, 100vh) scale(0.087);
  }
}

.snow:nth-child(55) {
  opacity: 0.716;
  transform: translate(48.9496vw, -10px) scale(0.3093);
  animation: fall-55 23s -26s linear infinite;
}

@keyframes fall-55 {
  36.62% {
    transform: translate(40.2274vw, 36.62vh) scale(0.3093);
  }
  to {
    transform: translate(44.5885vw, 100vh) scale(0.3093);
  }
}

.snow:nth-child(56) {
  opacity: 0.8733;
  transform: translate(14.96vw, -10px) scale(0.9202);
  animation: fall-56 25s -14s linear infinite;
}

@keyframes fall-56 {
  59.359% {
    transform: translate(12.8277vw, 59.359vh) scale(0.9202);
  }
  to {
    transform: translate(13.89385vw, 100vh) scale(0.9202);
  }
}

.snow:nth-child(57) {
  opacity: 0.4506;
  transform: translate(66.4969vw, -10px) scale(0.528);
  animation: fall-57 27s -3s linear infinite;
}

@keyframes fall-57 {
  56.607% {
    transform: translate(76.4441vw, 56.607vh) scale(0.528);
  }
  to {
    transform: translate(71.4705vw, 100vh) scale(0.528);
  }
}

.snow:nth-child(58) {
  opacity: 0.7158;
  transform: translate(33.2681vw, -10px) scale(0.7834);
  animation: fall-58 22s -30s linear infinite;
}

@keyframes fall-58 {
  59.975% {
    transform: translate(41.467vw, 59.975vh) scale(0.7834);
  }
  to {
    transform: translate(37.36755vw, 100vh) scale(0.7834);
  }
}

.snow:nth-child(59) {
  opacity: 0.5238;
  transform: translate(71.4511vw, -10px) scale(0.5178);
  animation: fall-59 22s -28s linear infinite;
}

@keyframes fall-59 {
  72.867% {
    transform: translate(67.3578vw, 72.867vh) scale(0.5178);
  }
  to {
    transform: translate(69.40445vw, 100vh) scale(0.5178);
  }
}

.snow:nth-child(60) {
  opacity: 0.0944;
  transform: translate(49.821vw, -10px) scale(0.1718);
  animation: fall-60 19s -9s linear infinite;
}

@keyframes fall-60 {
  73.024% {
    transform: translate(49.5021vw, 73.024vh) scale(0.1718);
  }
  to {
    transform: translate(49.66155vw, 100vh) scale(0.1718);
  }
}

.snow:nth-child(61) {
  opacity: 0.124;
  transform: translate(1.6406vw, -10px) scale(0.7573);
  animation: fall-61 15s -28s linear infinite;
}

@keyframes fall-61 {
  53.868% {
    transform: translate(4.7728vw, 53.868vh) scale(0.7573);
  }
  to {
    transform: translate(3.2067vw, 100vh) scale(0.7573);
  }
}

.snow:nth-child(62) {
  opacity: 0.7683;
  transform: translate(19.4428vw, -10px) scale(0.4686);
  animation: fall-62 12s -17s linear infinite;
}

@keyframes fall-62 {
  49.16% {
    transform: translate(12.1064vw, 49.16vh) scale(0.4686);
  }
  to {
    transform: translate(15.7746vw, 100vh) scale(0.4686);
  }
}

.snow:nth-child(63) {
  opacity: 0.8285;
  transform: translate(0.2362vw, -10px) scale(0.2698);
  animation: fall-63 23s -6s linear infinite;
}

@keyframes fall-63 {
  52.974% {
    transform: translate(1.2754vw, 52.974vh) scale(0.2698);
  }
  to {
    transform: translate(0.7558vw, 100vh) scale(0.2698);
  }
}

.snow:nth-child(64) {
  opacity: 0.237;
  transform: translate(37.9054vw, -10px) scale(0.2375);
  animation: fall-64 13s -12s linear infinite;
}

@keyframes fall-64 {
  37.091% {
    transform: translate(44.9748vw, 37.091vh) scale(0.2375);
  }
  to {
    transform: translate(41.4401vw, 100vh) scale(0.2375);
  }
}

.snow:nth-child(65) {
  opacity: 0.2732;
  transform: translate(44.958vw, -10px) scale(0.2044);
  animation: fall-65 25s -27s linear infinite;
}

@keyframes fall-65 {
  73.642% {
    transform: translate(44.8141vw, 73.642vh) scale(0.2044);
  }
  to {
    transform: translate(44.88605vw, 100vh) scale(0.2044);
  }
}

.snow:nth-child(66) {
  opacity: 0.9821;
  transform: translate(0.3744vw, -10px) scale(0.2687);
  animation: fall-66 30s -19s linear infinite;
}

@keyframes fall-66 {
  65.678% {
    transform: translate(-9.5615vw, 65.678vh) scale(0.2687);
  }
  to {
    transform: translate(-4.59355vw, 100vh) scale(0.2687);
  }
}

.snow:nth-child(67) {
  opacity: 0.8596;
  transform: translate(5.5988vw, -10px) scale(0.4819);
  animation: fall-67 18s -15s linear infinite;
}

@keyframes fall-67 {
  66.026% {
    transform: translate(1.9006vw, 66.026vh) scale(0.4819);
  }
  to {
    transform: translate(3.7497vw, 100vh) scale(0.4819);
  }
}

.snow:nth-child(68) {
  opacity: 0.1532;
  transform: translate(20.2944vw, -10px) scale(0.7461);
  animation: fall-68 13s -13s linear infinite;
}

@keyframes fall-68 {
  75.66% {
    transform: translate(11.1869vw, 75.66vh) scale(0.7461);
  }
  to {
    transform: translate(15.74065vw, 100vh) scale(0.7461);
  }
}

.snow:nth-child(69) {
  opacity: 0.0701;
  transform: translate(20.5936vw, -10px) scale(0.1529);
  animation: fall-69 13s -29s linear infinite;
}

@keyframes fall-69 {
  76.351% {
    transform: translate(23.7333vw, 76.351vh) scale(0.1529);
  }
  to {
    transform: translate(22.16345vw, 100vh) scale(0.1529);
  }
}

.snow:nth-child(70) {
  opacity: 0.7543;
  transform: translate(23.4087vw, -10px) scale(0.918);
  animation: fall-70 21s -16s linear infinite;
}

@keyframes fall-70 {
  72.522% {
    transform: translate(30.3496vw, 72.522vh) scale(0.918);
  }
  to {
    transform: translate(26.87915vw, 100vh) scale(0.918);
  }
}

.snow:nth-child(71) {
  opacity: 0.9504;
  transform: translate(59.6705vw, -10px) scale(0.2825);
  animation: fall-71 24s -20s linear infinite;
}

@keyframes fall-71 {
  39.733% {
    transform: translate(59.0412vw, 39.733vh) scale(0.2825);
  }
  to {
    transform: translate(59.35585vw, 100vh) scale(0.2825);
  }
}

.snow:nth-child(72) {
  opacity: 0.9578;
  transform: translate(41.4901vw, -10px) scale(0.9878);
  animation: fall-72 21s -30s linear infinite;
}

@keyframes fall-72 {
  33.567% {
    transform: translate(48.7188vw, 33.567vh) scale(0.9878);
  }
  to {
    transform: translate(45.10445vw, 100vh) scale(0.9878);
  }
}

.snow:nth-child(73) {
  opacity: 0.2804;
  transform: translate(1.6008vw, -10px) scale(0.3011);
  animation: fall-73 17s -10s linear infinite;
}

@keyframes fall-73 {
  49.537% {
    transform: translate(10.3383vw, 49.537vh) scale(0.3011);
  }
  to {
    transform: translate(5.96955vw, 100vh) scale(0.3011);
  }
}

.snow:nth-child(74) {
  opacity: 0.2176;
  transform: translate(10.1148vw, -10px) scale(0.9392);
  animation: fall-74 15s -25s linear infinite;
}

@keyframes fall-74 {
  49.939% {
    transform: translate(18.1395vw, 49.939vh) scale(0.9392);
  }
  to {
    transform: translate(14.12715vw, 100vh) scale(0.9392);
  }
}

.snow:nth-child(75) {
  opacity: 0.7641;
  transform: translate(74.8086vw, -10px) scale(0.891);
  animation: fall-75 27s -29s linear infinite;
}

@keyframes fall-75 {
  34.277% {
    transform: translate(80.6752vw, 34.277vh) scale(0.891);
  }
  to {
    transform: translate(77.7419vw, 100vh) scale(0.891);
  }
}

.snow:nth-child(76) {
  opacity: 0.049;
  transform: translate(84.0897vw, -10px) scale(0.8494);
  animation: fall-76 22s -28s linear infinite;
}

@keyframes fall-76 {
  68.929% {
    transform: translate(81.07vw, 68.929vh) scale(0.8494);
  }
  to {
    transform: translate(82.57985vw, 100vh) scale(0.8494);
  }
}

.snow:nth-child(77) {
  opacity: 0.1523;
  transform: translate(71.7634vw, -10px) scale(0.9751);
  animation: fall-77 24s -9s linear infinite;
}

@keyframes fall-77 {
  76.519% {
    transform: translate(63.6937vw, 76.519vh) scale(0.9751);
  }
  to {
    transform: translate(67.72855vw, 100vh) scale(0.9751);
  }
}

.snow:nth-child(78) {
  opacity: 0.2451;
  transform: translate(23.6724vw, -10px) scale(0.3215);
  animation: fall-78 19s -3s linear infinite;
}

@keyframes fall-78 {
  69.861% {
    transform: translate(26.8585vw, 69.861vh) scale(0.3215);
  }
  to {
    transform: translate(25.26545vw, 100vh) scale(0.3215);
  }
}

.snow:nth-child(79) {
  opacity: 0.941;
  transform: translate(26.2243vw, -10px) scale(0.5638);
  animation: fall-79 11s -7s linear infinite;
}

@keyframes fall-79 {
  39.118% {
    transform: translate(20.3348vw, 39.118vh) scale(0.5638);
  }
  to {
    transform: translate(23.27955vw, 100vh) scale(0.5638);
  }
}

.snow:nth-child(80) {
  opacity: 0.4743;
  transform: translate(67.8546vw, -10px) scale(0.5524);
  animation: fall-80 25s -7s linear infinite;
}

@keyframes fall-80 {
  32.998% {
    transform: translate(64.8292vw, 32.998vh) scale(0.5524);
  }
  to {
    transform: translate(66.3419vw, 100vh) scale(0.5524);
  }
}

.snow:nth-child(81) {
  opacity: 0.3846;
  transform: translate(48.8048vw, -10px) scale(0.7915);
  animation: fall-81 19s -12s linear infinite;
}

@keyframes fall-81 {
  63.572% {
    transform: translate(52.159vw, 63.572vh) scale(0.7915);
  }
  to {
    transform: translate(50.4819vw, 100vh) scale(0.7915);
  }
}

.snow:nth-child(82) {
  opacity: 0.9186;
  transform: translate(50.1305vw, -10px) scale(0.9501);
  animation: fall-82 26s -14s linear infinite;
}

@keyframes fall-82 {
  36.486% {
    transform: translate(53.2888vw, 36.486vh) scale(0.9501);
  }
  to {
    transform: translate(51.70965vw, 100vh) scale(0.9501);
  }
}

.snow:nth-child(83) {
  opacity: 0.019;
  transform: translate(82.0641vw, -10px) scale(0.7535);
  animation: fall-83 22s -1s linear infinite;
}

@keyframes fall-83 {
  71.531% {
    transform: translate(80.2791vw, 71.531vh) scale(0.7535);
  }
  to {
    transform: translate(81.1716vw, 100vh) scale(0.7535);
  }
}

.snow:nth-child(84) {
  opacity: 0.5729;
  transform: translate(11.6522vw, -10px) scale(0.4349);
  animation: fall-84 20s -6s linear infinite;
}

@keyframes fall-84 {
  51.692% {
    transform: translate(11.2125vw, 51.692vh) scale(0.4349);
  }
  to {
    transform: translate(11.43235vw, 100vh) scale(0.4349);
  }
}

.snow:nth-child(85) {
  opacity: 0.7567;
  transform: translate(64.7871vw, -10px) scale(0.8698);
  animation: fall-85 15s -5s linear infinite;
}

@keyframes fall-85 {
  64.131% {
    transform: translate(62.4318vw, 64.131vh) scale(0.8698);
  }
  to {
    transform: translate(63.60945vw, 100vh) scale(0.8698);
  }
}

.snow:nth-child(86) {
  opacity: 0.6476;
  transform: translate(67.8381vw, -10px) scale(0.0573);
  animation: fall-86 28s -29s linear infinite;
}

@keyframes fall-86 {
  70.889% {
    transform: translate(74.2105vw, 70.889vh) scale(0.0573);
  }
  to {
    transform: translate(71.0243vw, 100vh) scale(0.0573);
  }
}

.snow:nth-child(87) {
  opacity: 0.8386;
  transform: translate(38.934vw, -10px) scale(0.8362);
  animation: fall-87 19s -20s linear infinite;
}

@keyframes fall-87 {
  33.801% {
    transform: translate(37.1386vw, 33.801vh) scale(0.8362);
  }
  to {
    transform: translate(38.0363vw, 100vh) scale(0.8362);
  }
}

.snow:nth-child(88) {
  opacity: 0.6374;
  transform: translate(63.2483vw, -10px) scale(0.5515);
  animation: fall-88 28s -23s linear infinite;
}

@keyframes fall-88 {
  68.782% {
    transform: translate(54.1394vw, 68.782vh) scale(0.5515);
  }
  to {
    transform: translate(58.69385vw, 100vh) scale(0.5515);
  }
}

.snow:nth-child(89) {
  opacity: 0.6337;
  transform: translate(76.0137vw, -10px) scale(0.8788);
  animation: fall-89 11s -25s linear infinite;
}

@keyframes fall-89 {
  60.581% {
    transform: translate(71.5806vw, 60.581vh) scale(0.8788);
  }
  to {
    transform: translate(73.79715vw, 100vh) scale(0.8788);
  }
}

.snow:nth-child(90) {
  opacity: 0.4184;
  transform: translate(93.3987vw, -10px) scale(0.6974);
  animation: fall-90 13s -6s linear infinite;
}

@keyframes fall-90 {
  54.058% {
    transform: translate(93.5996vw, 54.058vh) scale(0.6974);
  }
  to {
    transform: translate(93.49915vw, 100vh) scale(0.6974);
  }
}

.snow:nth-child(91) {
  opacity: 0.9832;
  transform: translate(66.6945vw, -10px) scale(0.6819);
  animation: fall-91 25s -20s linear infinite;
}

@keyframes fall-91 {
  42.541% {
    transform: translate(72.468vw, 42.541vh) scale(0.6819);
  }
  to {
    transform: translate(69.58125vw, 100vh) scale(0.6819);
  }
}

.snow:nth-child(92) {
  opacity: 0.5962;
  transform: translate(30.8733vw, -10px) scale(0.2928);
  animation: fall-92 24s -20s linear infinite;
}

@keyframes fall-92 {
  57.069% {
    transform: translate(31.3503vw, 57.069vh) scale(0.2928);
  }
  to {
    transform: translate(31.1118vw, 100vh) scale(0.2928);
  }
}

.snow:nth-child(93) {
  opacity: 0.5135;
  transform: translate(79.6661vw, -10px) scale(0.4726);
  animation: fall-93 11s -24s linear infinite;
}

@keyframes fall-93 {
  40.156% {
    transform: translate(73.993vw, 40.156vh) scale(0.4726);
  }
  to {
    transform: translate(76.82955vw, 100vh) scale(0.4726);
  }
}

.snow:nth-child(94) {
  opacity: 0.5844;
  transform: translate(97.7881vw, -10px) scale(0.2115);
  animation: fall-94 29s -23s linear infinite;
}

@keyframes fall-94 {
  49.887% {
    transform: translate(88.9239vw, 49.887vh) scale(0.2115);
  }
  to {
    transform: translate(93.356vw, 100vh) scale(0.2115);
  }
}

.snow:nth-child(95) {
  opacity: 0.5243;
  transform: translate(93.2822vw, -10px) scale(0.8975);
  animation: fall-95 13s -7s linear infinite;
}

@keyframes fall-95 {
  40.769% {
    transform: translate(100.8623vw, 40.769vh) scale(0.8975);
  }
  to {
    transform: translate(97.07225vw, 100vh) scale(0.8975);
  }
}

.snow:nth-child(96) {
  opacity: 0.6009;
  transform: translate(64.7798vw, -10px) scale(0.2368);
  animation: fall-96 18s -29s linear infinite;
}

@keyframes fall-96 {
  64.372% {
    transform: translate(70.9389vw, 64.372vh) scale(0.2368);
  }
  to {
    transform: translate(67.85935vw, 100vh) scale(0.2368);
  }
}

.snow:nth-child(97) {
  opacity: 0.6153;
  transform: translate(39.9206vw, -10px) scale(0.8154);
  animation: fall-97 20s -25s linear infinite;
}

@keyframes fall-97 {
  48.443% {
    transform: translate(38.3211vw, 48.443vh) scale(0.8154);
  }
  to {
    transform: translate(39.12085vw, 100vh) scale(0.8154);
  }
}

.snow:nth-child(98) {
  opacity: 0.6138;
  transform: translate(32.39vw, -10px) scale(0.6255);
  animation: fall-98 17s -3s linear infinite;
}

@keyframes fall-98 {
  43.519% {
    transform: translate(33.9377vw, 43.519vh) scale(0.6255);
  }
  to {
    transform: translate(33.16385vw, 100vh) scale(0.6255);
  }
}

.snow:nth-child(99) {
  opacity: 0.0554;
  transform: translate(84.6412vw, -10px) scale(0.5852);
  animation: fall-99 19s -12s linear infinite;
}

@keyframes fall-99 {
  54.309% {
    transform: translate(83.4272vw, 54.309vh) scale(0.5852);
  }
  to {
    transform: translate(84.0342vw, 100vh) scale(0.5852);
  }
}

.snow:nth-child(100) {
  opacity: 0.5895;
  transform: translate(76.6473vw, -10px) scale(0.2072);
  animation: fall-100 23s -13s linear infinite;
}

@keyframes fall-100 {
  63.107% {
    transform: translate(83.1914vw, 63.107vh) scale(0.2072);
  }
  to {
    transform: translate(79.91935vw, 100vh) scale(0.2072);
  }
}

.snow:nth-child(101) {
  opacity: 0.0887;
  transform: translate(36.5937vw, -10px) scale(0.367);
  animation: fall-101 16s -18s linear infinite;
}

@keyframes fall-101 {
  54.153% {
    transform: translate(39.9525vw, 54.153vh) scale(0.367);
  }
  to {
    transform: translate(38.2731vw, 100vh) scale(0.367);
  }
}

.snow:nth-child(102) {
  opacity: 0.3974;
  transform: translate(16.8843vw, -10px) scale(0.4606);
  animation: fall-102 16s -16s linear infinite;
}

@keyframes fall-102 {
  51.627% {
    transform: translate(11.3555vw, 51.627vh) scale(0.4606);
  }
  to {
    transform: translate(14.1199vw, 100vh) scale(0.4606);
  }
}

.snow:nth-child(103) {
  opacity: 0.5095;
  transform: translate(66.8714vw, -10px) scale(0.998);
  animation: fall-103 24s -24s linear infinite;
}

@keyframes fall-103 {
  64.97% {
    transform: translate(75.1789vw, 64.97vh) scale(0.998);
  }
  to {
    transform: translate(71.02515vw, 100vh) scale(0.998);
  }
}

.snow:nth-child(104) {
  opacity: 0.4231;
  transform: translate(59.6783vw, -10px) scale(0.4869);
  animation: fall-104 11s -9s linear infinite;
}

@keyframes fall-104 {
  43.57% {
    transform: translate(69.1397vw, 43.57vh) scale(0.4869);
  }
  to {
    transform: translate(64.409vw, 100vh) scale(0.4869);
  }
}

.snow:nth-child(105) {
  opacity: 0.3147;
  transform: translate(51.4115vw, -10px) scale(0.5075);
  animation: fall-105 12s -18s linear infinite;
}

@keyframes fall-105 {
  73.028% {
    transform: translate(45.5364vw, 73.028vh) scale(0.5075);
  }
  to {
    transform: translate(48.47395vw, 100vh) scale(0.5075);
  }
}

.snow:nth-child(106) {
  opacity: 0.5474;
  transform: translate(44.0607vw, -10px) scale(0.7278);
  animation: fall-106 18s -16s linear infinite;
}

@keyframes fall-106 {
  61.573% {
    transform: translate(46.7881vw, 61.573vh) scale(0.7278);
  }
  to {
    transform: translate(45.4244vw, 100vh) scale(0.7278);
  }
}

.snow:nth-child(107) {
  opacity: 0.2488;
  transform: translate(32.8888vw, -10px) scale(0.2655);
  animation: fall-107 15s -22s linear infinite;
}

@keyframes fall-107 {
  57.069% {
    transform: translate(27.2887vw, 57.069vh) scale(0.2655);
  }
  to {
    transform: translate(30.08875vw, 100vh) scale(0.2655);
  }
}

.snow:nth-child(108) {
  opacity: 0.1133;
  transform: translate(36.7573vw, -10px) scale(0.1896);
  animation: fall-108 30s -12s linear infinite;
}

@keyframes fall-108 {
  37.583% {
    transform: translate(39.4912vw, 37.583vh) scale(0.1896);
  }
  to {
    transform: translate(38.12425vw, 100vh) scale(0.1896);
  }
}

.snow:nth-child(109) {
  opacity: 0.7972;
  transform: translate(52.9143vw, -10px) scale(0.2978);
  animation: fall-109 13s -6s linear infinite;
}

@keyframes fall-109 {
  73.274% {
    transform: translate(44.4602vw, 73.274vh) scale(0.2978);
  }
  to {
    transform: translate(48.68725vw, 100vh) scale(0.2978);
  }
}

.snow:nth-child(110) {
  opacity: 0.4357;
  transform: translate(58.5621vw, -10px) scale(0.1236);
  animation: fall-110 23s -3s linear infinite;
}

@keyframes fall-110 {
  48.689% {
    transform: translate(63.5438vw, 48.689vh) scale(0.1236);
  }
  to {
    transform: translate(61.05295vw, 100vh) scale(0.1236);
  }
}

.snow:nth-child(111) {
  opacity: 0.024;
  transform: translate(73.238vw, -10px) scale(0.5289);
  animation: fall-111 13s -7s linear infinite;
}

@keyframes fall-111 {
  41.165% {
    transform: translate(74.273vw, 41.165vh) scale(0.5289);
  }
  to {
    transform: translate(73.7555vw, 100vh) scale(0.5289);
  }
}

.snow:nth-child(112) {
  opacity: 0.4813;
  transform: translate(36.394vw, -10px) scale(0.1694);
  animation: fall-112 26s -10s linear infinite;
}

@keyframes fall-112 {
  74.01% {
    transform: translate(35.7644vw, 74.01vh) scale(0.1694);
  }
  to {
    transform: translate(36.0792vw, 100vh) scale(0.1694);
  }
}

.snow:nth-child(113) {
  opacity: 0.3273;
  transform: translate(34.5994vw, -10px) scale(0.2957);
  animation: fall-113 10s -24s linear infinite;
}

@keyframes fall-113 {
  66.976% {
    transform: translate(31.3557vw, 66.976vh) scale(0.2957);
  }
  to {
    transform: translate(32.97755vw, 100vh) scale(0.2957);
  }
}

.snow:nth-child(114) {
  opacity: 0.5988;
  transform: translate(88.1801vw, -10px) scale(0.7078);
  animation: fall-114 30s -14s linear infinite;
}

@keyframes fall-114 {
  53.457% {
    transform: translate(94.4232vw, 53.457vh) scale(0.7078);
  }
  to {
    transform: translate(91.30165vw, 100vh) scale(0.7078);
  }
}

.snow:nth-child(115) {
  opacity: 0.2062;
  transform: translate(86.7523vw, -10px) scale(0.3528);
  animation: fall-115 18s -14s linear infinite;
}

@keyframes fall-115 {
  75.583% {
    transform: translate(83.7841vw, 75.583vh) scale(0.3528);
  }
  to {
    transform: translate(85.2682vw, 100vh) scale(0.3528);
  }
}

.snow:nth-child(116) {
  opacity: 0.5746;
  transform: translate(82.3414vw, -10px) scale(0.4764);
  animation: fall-116 10s -15s linear infinite;
}

@keyframes fall-116 {
  78.87% {
    transform: translate(86.5927vw, 78.87vh) scale(0.4764);
  }
  to {
    transform: translate(84.46705vw, 100vh) scale(0.4764);
  }
}

.snow:nth-child(117) {
  opacity: 0.3979;
  transform: translate(99.1206vw, -10px) scale(0.3017);
  animation: fall-117 26s -25s linear infinite;
}

@keyframes fall-117 {
  76.739% {
    transform: translate(94.9687vw, 76.739vh) scale(0.3017);
  }
  to {
    transform: translate(97.04465vw, 100vh) scale(0.3017);
  }
}

.snow:nth-child(118) {
  opacity: 0.6443;
  transform: translate(24.361vw, -10px) scale(0.9114);
  animation: fall-118 22s -6s linear infinite;
}

@keyframes fall-118 {
  60.386% {
    transform: translate(21.7378vw, 60.386vh) scale(0.9114);
  }
  to {
    transform: translate(23.0494vw, 100vh) scale(0.9114);
  }
}

.snow:nth-child(119) {
  opacity: 0.3793;
  transform: translate(78.9983vw, -10px) scale(0.4342);
  animation: fall-119 19s -23s linear infinite;
}

@keyframes fall-119 {
  64.689% {
    transform: translate(84.1889vw, 64.689vh) scale(0.4342);
  }
  to {
    transform: translate(81.5936vw, 100vh) scale(0.4342);
  }
}

.snow:nth-child(120) {
  opacity: 0.6481;
  transform: translate(87.2098vw, -10px) scale(0.9546);
  animation: fall-120 21s -14s linear infinite;
}

@keyframes fall-120 {
  53.618% {
    transform: translate(89.6278vw, 53.618vh) scale(0.9546);
  }
  to {
    transform: translate(88.4188vw, 100vh) scale(0.9546);
  }
}

.snow:nth-child(121) {
  opacity: 0.9779;
  transform: translate(0.8125vw, -10px) scale(0.3087);
  animation: fall-121 16s -13s linear infinite;
}

@keyframes fall-121 {
  68.481% {
    transform: translate(1.2809vw, 68.481vh) scale(0.3087);
  }
  to {
    transform: translate(1.0467vw, 100vh) scale(0.3087);
  }
}

.snow:nth-child(122) {
  opacity: 0.3123;
  transform: translate(89.8101vw, -10px) scale(0.4723);
  animation: fall-122 13s -25s linear infinite;
}

@keyframes fall-122 {
  54.266% {
    transform: translate(96.3876vw, 54.266vh) scale(0.4723);
  }
  to {
    transform: translate(93.09885vw, 100vh) scale(0.4723);
  }
}

.snow:nth-child(123) {
  opacity: 0.7766;
  transform: translate(31.0928vw, -10px) scale(0.4233);
  animation: fall-123 24s -3s linear infinite;
}

@keyframes fall-123 {
  41.942% {
    transform: translate(34.7594vw, 41.942vh) scale(0.4233);
  }
  to {
    transform: translate(32.9261vw, 100vh) scale(0.4233);
  }
}

.snow:nth-child(124) {
  opacity: 0.141;
  transform: translate(4.982vw, -10px) scale(0.9421);
  animation: fall-124 21s -10s linear infinite;
}

@keyframes fall-124 {
  52.449% {
    transform: translate(4.4607vw, 52.449vh) scale(0.9421);
  }
  to {
    transform: translate(4.72135vw, 100vh) scale(0.9421);
  }
}

.snow:nth-child(125) {
  opacity: 0.0468;
  transform: translate(51.1666vw, -10px) scale(0.8972);
  animation: fall-125 17s -20s linear infinite;
}

@keyframes fall-125 {
  46.584% {
    transform: translate(42.7024vw, 46.584vh) scale(0.8972);
  }
  to {
    transform: translate(46.9345vw, 100vh) scale(0.8972);
  }
}

.snow:nth-child(126) {
  opacity: 0.8263;
  transform: translate(43.5162vw, -10px) scale(0.7779);
  animation: fall-126 23s -29s linear infinite;
}

@keyframes fall-126 {
  67.816% {
    transform: translate(51.7542vw, 67.816vh) scale(0.7779);
  }
  to {
    transform: translate(47.6352vw, 100vh) scale(0.7779);
  }
}

.snow:nth-child(127) {
  opacity: 0.974;
  transform: translate(53.5363vw, -10px) scale(0.9823);
  animation: fall-127 12s -30s linear infinite;
}

@keyframes fall-127 {
  68.934% {
    transform: translate(56.2594vw, 68.934vh) scale(0.9823);
  }
  to {
    transform: translate(54.89785vw, 100vh) scale(0.9823);
  }
}

.snow:nth-child(128) {
  opacity: 0.2359;
  transform: translate(7.8992vw, -10px) scale(0.5258);
  animation: fall-128 14s -17s linear infinite;
}

@keyframes fall-128 {
  58.501% {
    transform: translate(8.2431vw, 58.501vh) scale(0.5258);
  }
  to {
    transform: translate(8.07115vw, 100vh) scale(0.5258);
  }
}

.snow:nth-child(129) {
  opacity: 0.8561;
  transform: translate(18.1924vw, -10px) scale(0.0489);
  animation: fall-129 17s -16s linear infinite;
}

@keyframes fall-129 {
  34.08% {
    transform: translate(8.6749vw, 34.08vh) scale(0.0489);
  }
  to {
    transform: translate(13.43365vw, 100vh) scale(0.0489);
  }
}

.snow:nth-child(130) {
  opacity: 0.3013;
  transform: translate(96.8489vw, -10px) scale(0.6696);
  animation: fall-130 27s -4s linear infinite;
}

@keyframes fall-130 {
  61.586% {
    transform: translate(89.5122vw, 61.586vh) scale(0.6696);
  }
  to {
    transform: translate(93.18055vw, 100vh) scale(0.6696);
  }
}

.snow:nth-child(131) {
  opacity: 0.0332;
  transform: translate(68.1692vw, -10px) scale(0.9327);
  animation: fall-131 11s -2s linear infinite;
}

@keyframes fall-131 {
  44.94% {
    transform: translate(73.2278vw, 44.94vh) scale(0.9327);
  }
  to {
    transform: translate(70.6985vw, 100vh) scale(0.9327);
  }
}

.snow:nth-child(132) {
  opacity: 0.7012;
  transform: translate(35.5145vw, -10px) scale(0.1782);
  animation: fall-132 17s -3s linear infinite;
}

@keyframes fall-132 {
  77.498% {
    transform: translate(26.2134vw, 77.498vh) scale(0.1782);
  }
  to {
    transform: translate(30.86395vw, 100vh) scale(0.1782);
  }
}

.snow:nth-child(133) {
  opacity: 0.4473;
  transform: translate(37.7636vw, -10px) scale(0.3586);
  animation: fall-133 10s -17s linear infinite;
}

@keyframes fall-133 {
  36.743% {
    transform: translate(37.201vw, 36.743vh) scale(0.3586);
  }
  to {
    transform: translate(37.4823vw, 100vh) scale(0.3586);
  }
}

.snow:nth-child(134) {
  opacity: 0.5639;
  transform: translate(65.4605vw, -10px) scale(0.6585);
  animation: fall-134 28s -16s linear infinite;
}

@keyframes fall-134 {
  47.999% {
    transform: translate(69.5094vw, 47.999vh) scale(0.6585);
  }
  to {
    transform: translate(67.48495vw, 100vh) scale(0.6585);
  }
}

.snow:nth-child(135) {
  opacity: 0.6937;
  transform: translate(61.9511vw, -10px) scale(0.9408);
  animation: fall-135 10s -21s linear infinite;
}

@keyframes fall-135 {
  49.553% {
    transform: translate(61.8894vw, 49.553vh) scale(0.9408);
  }
  to {
    transform: translate(61.92025vw, 100vh) scale(0.9408);
  }
}

.snow:nth-child(136) {
  opacity: 0.1266;
  transform: translate(5.2635vw, -10px) scale(0.0632);
  animation: fall-136 23s -23s linear infinite;
}

@keyframes fall-136 {
  41.634% {
    transform: translate(7.3487vw, 41.634vh) scale(0.0632);
  }
  to {
    transform: translate(6.3061vw, 100vh) scale(0.0632);
  }
}

.snow:nth-child(137) {
  opacity: 0.5776;
  transform: translate(28.4314vw, -10px) scale(0.5871);
  animation: fall-137 11s -22s linear infinite;
}

@keyframes fall-137 {
  44.636% {
    transform: translate(31.2963vw, 44.636vh) scale(0.5871);
  }
  to {
    transform: translate(29.86385vw, 100vh) scale(0.5871);
  }
}

.snow:nth-child(138) {
  opacity: 0.4115;
  transform: translate(66.4531vw, -10px) scale(0.3086);
  animation: fall-138 12s -29s linear infinite;
}

@keyframes fall-138 {
  42.095% {
    transform: translate(66.2341vw, 42.095vh) scale(0.3086);
  }
  to {
    transform: translate(66.3436vw, 100vh) scale(0.3086);
  }
}

.snow:nth-child(139) {
  opacity: 0.0541;
  transform: translate(97.4442vw, -10px) scale(0.3105);
  animation: fall-139 18s -4s linear infinite;
}

@keyframes fall-139 {
  59.498% {
    transform: translate(88.9258vw, 59.498vh) scale(0.3105);
  }
  to {
    transform: translate(93.185vw, 100vh) scale(0.3105);
  }
}

.snow:nth-child(140) {
  opacity: 0.6576;
  transform: translate(18.343vw, -10px) scale(0.1723);
  animation: fall-140 28s -20s linear infinite;
}

@keyframes fall-140 {
  49.752% {
    transform: translate(15.4378vw, 49.752vh) scale(0.1723);
  }
  to {
    transform: translate(16.8904vw, 100vh) scale(0.1723);
  }
}

.snow:nth-child(141) {
  opacity: 0.2148;
  transform: translate(42.5899vw, -10px) scale(0.5072);
  animation: fall-141 25s -10s linear infinite;
}

@keyframes fall-141 {
  46.349% {
    transform: translate(45.861vw, 46.349vh) scale(0.5072);
  }
  to {
    transform: translate(44.22545vw, 100vh) scale(0.5072);
  }
}

.snow:nth-child(142) {
  opacity: 0.3887;
  transform: translate(45.6117vw, -10px) scale(0.2321);
  animation: fall-142 19s -11s linear infinite;
}

@keyframes fall-142 {
  47.448% {
    transform: translate(52.1468vw, 47.448vh) scale(0.2321);
  }
  to {
    transform: translate(48.87925vw, 100vh) scale(0.2321);
  }
}

.snow:nth-child(143) {
  opacity: 0.8908;
  transform: translate(90.5741vw, -10px) scale(0.4396);
  animation: fall-143 12s -11s linear infinite;
}

@keyframes fall-143 {
  50.781% {
    transform: translate(92.8483vw, 50.781vh) scale(0.4396);
  }
  to {
    transform: translate(91.7112vw, 100vh) scale(0.4396);
  }
}

.snow:nth-child(144) {
  opacity: 0.9569;
  transform: translate(81.6113vw, -10px) scale(0.4968);
  animation: fall-144 25s -16s linear infinite;
}

@keyframes fall-144 {
  39.086% {
    transform: translate(88.1038vw, 39.086vh) scale(0.4968);
  }
  to {
    transform: translate(84.85755vw, 100vh) scale(0.4968);
  }
}

.snow:nth-child(145) {
  opacity: 0.7888;
  transform: translate(1.9551vw, -10px) scale(0.647);
  animation: fall-145 25s -8s linear infinite;
}

@keyframes fall-145 {
  46.123% {
    transform: translate(-4.8886vw, 46.123vh) scale(0.647);
  }
  to {
    transform: translate(-1.46675vw, 100vh) scale(0.647);
  }
}

.snow:nth-child(146) {
  opacity: 0.1961;
  transform: translate(97.1435vw, -10px) scale(0.8479);
  animation: fall-146 14s -5s linear infinite;
}

@keyframes fall-146 {
  56.353% {
    transform: translate(91.3268vw, 56.353vh) scale(0.8479);
  }
  to {
    transform: translate(94.23515vw, 100vh) scale(0.8479);
  }
}

.snow:nth-child(147) {
  opacity: 0.2854;
  transform: translate(78.7019vw, -10px) scale(0.2943);
  animation: fall-147 21s -8s linear infinite;
}

@keyframes fall-147 {
  57.988% {
    transform: translate(88.0207vw, 57.988vh) scale(0.2943);
  }
  to {
    transform: translate(83.3613vw, 100vh) scale(0.2943);
  }
}

.snow:nth-child(148) {
  opacity: 0.1393;
  transform: translate(24.7933vw, -10px) scale(0.4175);
  animation: fall-148 26s -21s linear infinite;
}

@keyframes fall-148 {
  76.263% {
    transform: translate(21.3945vw, 76.263vh) scale(0.4175);
  }
  to {
    transform: translate(23.0939vw, 100vh) scale(0.4175);
  }
}

.snow:nth-child(149) {
  opacity: 0.247;
  transform: translate(66.0869vw, -10px) scale(0.3379);
  animation: fall-149 19s -14s linear infinite;
}

@keyframes fall-149 {
  38.399% {
    transform: translate(63.9561vw, 38.399vh) scale(0.3379);
  }
  to {
    transform: translate(65.0215vw, 100vh) scale(0.3379);
  }
}

.snow:nth-child(150) {
  opacity: 0.6367;
  transform: translate(58.1182vw, -10px) scale(0.7983);
  animation: fall-150 29s -13s linear infinite;
}

@keyframes fall-150 {
  30.691% {
    transform: translate(50.2162vw, 30.691vh) scale(0.7983);
  }
  to {
    transform: translate(54.1672vw, 100vh) scale(0.7983);
  }
}

.snow:nth-child(151) {
  opacity: 0.4347;
  transform: translate(9.9865vw, -10px) scale(0.1702);
  animation: fall-151 29s -23s linear infinite;
}

@keyframes fall-151 {
  67.132% {
    transform: translate(14.5332vw, 67.132vh) scale(0.1702);
  }
  to {
    transform: translate(12.25985vw, 100vh) scale(0.1702);
  }
}

.snow:nth-child(152) {
  opacity: 0.3822;
  transform: translate(41.4101vw, -10px) scale(0.1465);
  animation: fall-152 10s -5s linear infinite;
}

@keyframes fall-152 {
  76.903% {
    transform: translate(37.8202vw, 76.903vh) scale(0.1465);
  }
  to {
    transform: translate(39.61515vw, 100vh) scale(0.1465);
  }
}

.snow:nth-child(153) {
  opacity: 0.6597;
  transform: translate(89.8836vw, -10px) scale(0.8854);
  animation: fall-153 25s -19s linear infinite;
}

@keyframes fall-153 {
  60.257% {
    transform: translate(84.8488vw, 60.257vh) scale(0.8854);
  }
  to {
    transform: translate(87.3662vw, 100vh) scale(0.8854);
  }
}

.snow:nth-child(154) {
  opacity: 0.1254;
  transform: translate(70.494vw, -10px) scale(0.4398);
  animation: fall-154 23s -16s linear infinite;
}

@keyframes fall-154 {
  41.878% {
    transform: translate(65.1977vw, 41.878vh) scale(0.4398);
  }
  to {
    transform: translate(67.84585vw, 100vh) scale(0.4398);
  }
}

.snow:nth-child(155) {
  opacity: 0.6062;
  transform: translate(6.5027vw, -10px) scale(0.7121);
  animation: fall-155 25s -17s linear infinite;
}

@keyframes fall-155 {
  66.505% {
    transform: translate(13.597vw, 66.505vh) scale(0.7121);
  }
  to {
    transform: translate(10.04985vw, 100vh) scale(0.7121);
  }
}

.snow:nth-child(156) {
  opacity: 0.9866;
  transform: translate(66.5914vw, -10px) scale(0.4383);
  animation: fall-156 10s -13s linear infinite;
}

@keyframes fall-156 {
  68.447% {
    transform: translate(67.4329vw, 68.447vh) scale(0.4383);
  }
  to {
    transform: translate(67.01215vw, 100vh) scale(0.4383);
  }
}

.snow:nth-child(157) {
  opacity: 0.2297;
  transform: translate(69.7648vw, -10px) scale(0.0817);
  animation: fall-157 15s -20s linear infinite;
}

@keyframes fall-157 {
  63.447% {
    transform: translate(61.6973vw, 63.447vh) scale(0.0817);
  }
  to {
    transform: translate(65.73105vw, 100vh) scale(0.0817);
  }
}

.snow:nth-child(158) {
  opacity: 0.6849;
  transform: translate(64.1894vw, -10px) scale(0.8927);
  animation: fall-158 15s -12s linear infinite;
}

@keyframes fall-158 {
  54.666% {
    transform: translate(65.0464vw, 54.666vh) scale(0.8927);
  }
  to {
    transform: translate(64.6179vw, 100vh) scale(0.8927);
  }
}

.snow:nth-child(159) {
  opacity: 0.0104;
  transform: translate(47.7456vw, -10px) scale(0.4268);
  animation: fall-159 26s -30s linear infinite;
}

@keyframes fall-159 {
  51.983% {
    transform: translate(40.6666vw, 51.983vh) scale(0.4268);
  }
  to {
    transform: translate(44.2061vw, 100vh) scale(0.4268);
  }
}

.snow:nth-child(160) {
  opacity: 0.5071;
  transform: translate(30.5335vw, -10px) scale(0.0252);
  animation: fall-160 26s -15s linear infinite;
}

@keyframes fall-160 {
  52.378% {
    transform: translate(32.4062vw, 52.378vh) scale(0.0252);
  }
  to {
    transform: translate(31.46985vw, 100vh) scale(0.0252);
  }
}

.snow:nth-child(161) {
  opacity: 0.3883;
  transform: translate(82.4144vw, -10px) scale(0.6436);
  animation: fall-161 18s -11s linear infinite;
}

@keyframes fall-161 {
  77.861% {
    transform: translate(82.6199vw, 77.861vh) scale(0.6436);
  }
  to {
    transform: translate(82.51715vw, 100vh) scale(0.6436);
  }
}

.snow:nth-child(162) {
  opacity: 0.0155;
  transform: translate(22.4346vw, -10px) scale(0.6655);
  animation: fall-162 24s -12s linear infinite;
}

@keyframes fall-162 {
  55.671% {
    transform: translate(20.0382vw, 55.671vh) scale(0.6655);
  }
  to {
    transform: translate(21.2364vw, 100vh) scale(0.6655);
  }
}

.snow:nth-child(163) {
  opacity: 0.7189;
  transform: translate(71.3591vw, -10px) scale(0.9666);
  animation: fall-163 11s -24s linear infinite;
}

@keyframes fall-163 {
  32.616% {
    transform: translate(67.3264vw, 32.616vh) scale(0.9666);
  }
  to {
    transform: translate(69.34275vw, 100vh) scale(0.9666);
  }
}

.snow:nth-child(164) {
  opacity: 0.9307;
  transform: translate(56.2224vw, -10px) scale(0.6112);
  animation: fall-164 22s -21s linear infinite;
}

@keyframes fall-164 {
  67.732% {
    transform: translate(65.7051vw, 67.732vh) scale(0.6112);
  }
  to {
    transform: translate(60.96375vw, 100vh) scale(0.6112);
  }
}

.snow:nth-child(165) {
  opacity: 0.6551;
  transform: translate(80.2161vw, -10px) scale(0.4154);
  animation: fall-165 17s -13s linear infinite;
}

@keyframes fall-165 {
  73.61% {
    transform: translate(75.6382vw, 73.61vh) scale(0.4154);
  }
  to {
    transform: translate(77.92715vw, 100vh) scale(0.4154);
  }
}

.snow:nth-child(166) {
  opacity: 0.2126;
  transform: translate(53.8664vw, -10px) scale(0.683);
  animation: fall-166 13s -25s linear infinite;
}

@keyframes fall-166 {
  50.775% {
    transform: translate(60.6845vw, 50.775vh) scale(0.683);
  }
  to {
    transform: translate(57.27545vw, 100vh) scale(0.683);
  }
}

.snow:nth-child(167) {
  opacity: 0.4248;
  transform: translate(89.9067vw, -10px) scale(0.6571);
  animation: fall-167 27s -4s linear infinite;
}

@keyframes fall-167 {
  36.777% {
    transform: translate(88.979vw, 36.777vh) scale(0.6571);
  }
  to {
    transform: translate(89.44285vw, 100vh) scale(0.6571);
  }
}

.snow:nth-child(168) {
  opacity: 0.5259;
  transform: translate(10.4921vw, -10px) scale(0.7255);
  animation: fall-168 15s -16s linear infinite;
}

@keyframes fall-168 {
  78.424% {
    transform: translate(15.0418vw, 78.424vh) scale(0.7255);
  }
  to {
    transform: translate(12.76695vw, 100vh) scale(0.7255);
  }
}

.snow:nth-child(169) {
  opacity: 0.8117;
  transform: translate(13.5389vw, -10px) scale(0.0417);
  animation: fall-169 25s -19s linear infinite;
}

@keyframes fall-169 {
  78.743% {
    transform: translate(6.2069vw, 78.743vh) scale(0.0417);
  }
  to {
    transform: translate(9.8729vw, 100vh) scale(0.0417);
  }
}

.snow:nth-child(170) {
  opacity: 0.6129;
  transform: translate(37.0512vw, -10px) scale(0.7159);
  animation: fall-170 28s -12s linear infinite;
}

@keyframes fall-170 {
  38.544% {
    transform: translate(40.016vw, 38.544vh) scale(0.7159);
  }
  to {
    transform: translate(38.5336vw, 100vh) scale(0.7159);
  }
}

.snow:nth-child(171) {
  opacity: 0.9704;
  transform: translate(10.7112vw, -10px) scale(0.2974);
  animation: fall-171 24s -19s linear infinite;
}

@keyframes fall-171 {
  63.939% {
    transform: translate(3.0994vw, 63.939vh) scale(0.2974);
  }
  to {
    transform: translate(6.9053vw, 100vh) scale(0.2974);
  }
}

.snow:nth-child(172) {
  opacity: 0.3201;
  transform: translate(92.0405vw, -10px) scale(0.9281);
  animation: fall-172 13s -6s linear infinite;
}

@keyframes fall-172 {
  74.855% {
    transform: translate(93.4367vw, 74.855vh) scale(0.9281);
  }
  to {
    transform: translate(92.7386vw, 100vh) scale(0.9281);
  }
}

.snow:nth-child(173) {
  opacity: 0.1032;
  transform: translate(33.4741vw, -10px) scale(0.1801);
  animation: fall-173 30s -14s linear infinite;
}

@keyframes fall-173 {
  32.033% {
    transform: translate(25.2122vw, 32.033vh) scale(0.1801);
  }
  to {
    transform: translate(29.34315vw, 100vh) scale(0.1801);
  }
}

.snow:nth-child(174) {
  opacity: 0.0598;
  transform: translate(74.9838vw, -10px) scale(0.8957);
  animation: fall-174 30s -6s linear infinite;
}

@keyframes fall-174 {
  47.501% {
    transform: translate(73.5902vw, 47.501vh) scale(0.8957);
  }
  to {
    transform: translate(74.287vw, 100vh) scale(0.8957);
  }
}

.snow:nth-child(175) {
  opacity: 0.2652;
  transform: translate(89.176vw, -10px) scale(0.6633);
  animation: fall-175 28s -14s linear infinite;
}

@keyframes fall-175 {
  53.808% {
    transform: translate(93.4443vw, 53.808vh) scale(0.6633);
  }
  to {
    transform: translate(91.31015vw, 100vh) scale(0.6633);
  }
}

.snow:nth-child(176) {
  opacity: 0.1182;
  transform: translate(61.9443vw, -10px) scale(0.8249);
  animation: fall-176 20s -8s linear infinite;
}

@keyframes fall-176 {
  39.195% {
    transform: translate(55.2354vw, 39.195vh) scale(0.8249);
  }
  to {
    transform: translate(58.58985vw, 100vh) scale(0.8249);
  }
}

.snow:nth-child(177) {
  opacity: 0.1723;
  transform: translate(53.4325vw, -10px) scale(0.976);
  animation: fall-177 27s -25s linear infinite;
}

@keyframes fall-177 {
  70.387% {
    transform: translate(47.5214vw, 70.387vh) scale(0.976);
  }
  to {
    transform: translate(50.47695vw, 100vh) scale(0.976);
  }
}

.snow:nth-child(178) {
  opacity: 0.3312;
  transform: translate(7.1396vw, -10px) scale(0.1369);
  animation: fall-178 22s -4s linear infinite;
}

@keyframes fall-178 {
  46.74% {
    transform: translate(13.8842vw, 46.74vh) scale(0.1369);
  }
  to {
    transform: translate(10.5119vw, 100vh) scale(0.1369);
  }
}

.snow:nth-child(179) {
  opacity: 0.6203;
  transform: translate(99.656vw, -10px) scale(0.2257);
  animation: fall-179 13s -14s linear infinite;
}

@keyframes fall-179 {
  78.423% {
    transform: translate(93.7779vw, 78.423vh) scale(0.2257);
  }
  to {
    transform: translate(96.71695vw, 100vh) scale(0.2257);
  }
}

.snow:nth-child(180) {
  opacity: 0.0298;
  transform: translate(54.1344vw, -10px) scale(0.6838);
  animation: fall-180 25s -21s linear infinite;
}

@keyframes fall-180 {
  52.819% {
    transform: translate(62.2968vw, 52.819vh) scale(0.6838);
  }
  to {
    transform: translate(58.2156vw, 100vh) scale(0.6838);
  }
}

.snow:nth-child(181) {
  opacity: 0.7873;
  transform: translate(48.8759vw, -10px) scale(0.7138);
  animation: fall-181 19s -20s linear infinite;
}

@keyframes fall-181 {
  54.451% {
    transform: translate(42.1906vw, 54.451vh) scale(0.7138);
  }
  to {
    transform: translate(45.53325vw, 100vh) scale(0.7138);
  }
}

.snow:nth-child(182) {
  opacity: 0.937;
  transform: translate(30.8204vw, -10px) scale(0.7703);
  animation: fall-182 11s -11s linear infinite;
}

@keyframes fall-182 {
  58.439% {
    transform: translate(32.7103vw, 58.439vh) scale(0.7703);
  }
  to {
    transform: translate(31.76535vw, 100vh) scale(0.7703);
  }
}

.snow:nth-child(183) {
  opacity: 0.9584;
  transform: translate(66.0799vw, -10px) scale(0.0471);
  animation: fall-183 23s -6s linear infinite;
}

@keyframes fall-183 {
  65.285% {
    transform: translate(68.2399vw, 65.285vh) scale(0.0471);
  }
  to {
    transform: translate(67.1599vw, 100vh) scale(0.0471);
  }
}

.snow:nth-child(184) {
  opacity: 0.7389;
  transform: translate(71.0076vw, -10px) scale(0.5026);
  animation: fall-184 27s -22s linear infinite;
}

@keyframes fall-184 {
  70.823% {
    transform: translate(78.8828vw, 70.823vh) scale(0.5026);
  }
  to {
    transform: translate(74.9452vw, 100vh) scale(0.5026);
  }
}

.snow:nth-child(185) {
  opacity: 0.4149;
  transform: translate(57.8614vw, -10px) scale(0.1663);
  animation: fall-185 30s -27s linear infinite;
}

@keyframes fall-185 {
  59.783% {
    transform: translate(53.0973vw, 59.783vh) scale(0.1663);
  }
  to {
    transform: translate(55.47935vw, 100vh) scale(0.1663);
  }
}

.snow:nth-child(186) {
  opacity: 0.7675;
  transform: translate(63.7977vw, -10px) scale(0.0315);
  animation: fall-186 14s -24s linear infinite;
}

@keyframes fall-186 {
  46.197% {
    transform: translate(56.8883vw, 46.197vh) scale(0.0315);
  }
  to {
    transform: translate(60.343vw, 100vh) scale(0.0315);
  }
}

.snow:nth-child(187) {
  opacity: 0.1181;
  transform: translate(39.1668vw, -10px) scale(0.6425);
  animation: fall-187 15s -22s linear infinite;
}

@keyframes fall-187 {
  73.765% {
    transform: translate(35.6884vw, 73.765vh) scale(0.6425);
  }
  to {
    transform: translate(37.4276vw, 100vh) scale(0.6425);
  }
}

.snow:nth-child(188) {
  opacity: 0.5833;
  transform: translate(23.122vw, -10px) scale(0.3486);
  animation: fall-188 19s -4s linear infinite;
}

@keyframes fall-188 {
  60.369% {
    transform: translate(32.4389vw, 60.369vh) scale(0.3486);
  }
  to {
    transform: translate(27.78045vw, 100vh) scale(0.3486);
  }
}

.snow:nth-child(189) {
  opacity: 0.1505;
  transform: translate(56.7795vw, -10px) scale(0.275);
  animation: fall-189 24s -16s linear infinite;
}

@keyframes fall-189 {
  47.882% {
    transform: translate(54.6371vw, 47.882vh) scale(0.275);
  }
  to {
    transform: translate(55.7083vw, 100vh) scale(0.275);
  }
}

.snow:nth-child(190) {
  opacity: 0.4341;
  transform: translate(52.5817vw, -10px) scale(0.4763);
  animation: fall-190 15s -8s linear infinite;
}

@keyframes fall-190 {
  52.022% {
    transform: translate(45.0579vw, 52.022vh) scale(0.4763);
  }
  to {
    transform: translate(48.8198vw, 100vh) scale(0.4763);
  }
}

.snow:nth-child(191) {
  opacity: 0.3581;
  transform: translate(44.3576vw, -10px) scale(0.8838);
  animation: fall-191 11s -11s linear infinite;
}

@keyframes fall-191 {
  79.761% {
    transform: translate(47.1171vw, 79.761vh) scale(0.8838);
  }
  to {
    transform: translate(45.73735vw, 100vh) scale(0.8838);
  }
}

.snow:nth-child(192) {
  opacity: 0.7868;
  transform: translate(75.3163vw, -10px) scale(0.6044);
  animation: fall-192 12s -18s linear infinite;
}

@keyframes fall-192 {
  62.264% {
    transform: translate(70.8937vw, 62.264vh) scale(0.6044);
  }
  to {
    transform: translate(73.105vw, 100vh) scale(0.6044);
  }
}

.snow:nth-child(193) {
  opacity: 0.0646;
  transform: translate(58.483vw, -10px) scale(0.8094);
  animation: fall-193 19s -20s linear infinite;
}

@keyframes fall-193 {
  57.245% {
    transform: translate(57.5687vw, 57.245vh) scale(0.8094);
  }
  to {
    transform: translate(58.02585vw, 100vh) scale(0.8094);
  }
}

.snow:nth-child(194) {
  opacity: 0.0575;
  transform: translate(51.7296vw, -10px) scale(0.1953);
  animation: fall-194 30s -20s linear infinite;
}

@keyframes fall-194 {
  76.157% {
    transform: translate(42.7209vw, 76.157vh) scale(0.1953);
  }
  to {
    transform: translate(47.22525vw, 100vh) scale(0.1953);
  }
}

.snow:nth-child(195) {
  opacity: 0.8816;
  transform: translate(42.6681vw, -10px) scale(0.6188);
  animation: fall-195 29s -21s linear infinite;
}

@keyframes fall-195 {
  65.51% {
    transform: translate(38.2581vw, 65.51vh) scale(0.6188);
  }
  to {
    transform: translate(40.4631vw, 100vh) scale(0.6188);
  }
}

.snow:nth-child(196) {
  opacity: 0.6599;
  transform: translate(11.4436vw, -10px) scale(0.0509);
  animation: fall-196 18s -29s linear infinite;
}

@keyframes fall-196 {
  39.352% {
    transform: translate(7.6859vw, 39.352vh) scale(0.0509);
  }
  to {
    transform: translate(9.56475vw, 100vh) scale(0.0509);
  }
}

.snow:nth-child(197) {
  opacity: 0.1752;
  transform: translate(60.5871vw, -10px) scale(0.6402);
  animation: fall-197 29s -25s linear infinite;
}

@keyframes fall-197 {
  62.638% {
    transform: translate(51.3018vw, 62.638vh) scale(0.6402);
  }
  to {
    transform: translate(55.94445vw, 100vh) scale(0.6402);
  }
}

.snow:nth-child(198) {
  opacity: 0.2516;
  transform: translate(61.299vw, -10px) scale(0.516);
  animation: fall-198 27s -8s linear infinite;
}

@keyframes fall-198 {
  67.19% {
    transform: translate(64.5036vw, 67.19vh) scale(0.516);
  }
  to {
    transform: translate(62.9013vw, 100vh) scale(0.516);
  }
}

.snow:nth-child(199) {
  opacity: 0.8692;
  transform: translate(73.5657vw, -10px) scale(0.8012);
  animation: fall-199 13s -2s linear infinite;
}

@keyframes fall-199 {
  53.485% {
    transform: translate(80.0502vw, 53.485vh) scale(0.8012);
  }
  to {
    transform: translate(76.80795vw, 100vh) scale(0.8012);
  }
}

.snow:nth-child(200) {
  opacity: 0.7913;
  transform: translate(57.2876vw, -10px) scale(0.2821);
  animation: fall-200 13s -21s linear infinite;
}

@keyframes fall-200 {
  58.309% {
    transform: translate(64.5347vw, 58.309vh) scale(0.2821);
  }
  to {
    transform: translate(60.91115vw, 100vh) scale(0.2821);
  }
}

@keyframes shubiao {
  0% {
    transform: translateY(-10px);
    opacity: 0;
  }
  100% {
    transform: translateY(10px);
    opacity: 1;
  }
}

@keyframes guodong {
  from,
  to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }
  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }
  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp2 {
  from {
    opacity: 0;
    transform: translate3d(0, 50%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0) scale(0.9);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes fadeInRight2 {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0) scale(0.9);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) scale(0.9);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes fadeInLeft2 {
  from {
    opacity: 0;
    transform: translate3d(-50%, 0, 0) scale(0.9);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, 200px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 35px, 0);
  }
  75% {
    transform: translate3d(0, -20px, 0);
  }
  90% {
    transform: translate3d(0, 10px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    opacity: 1;
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    opacity: 1;
  }
}

@keyframes faderRotateZ {
  from {
    opacity: 0;
    visibility: hidden;
    transform-origin: 0 0 0;
    transform: perspective(500px) rotatex(-90deg) translateZ(0);
  }
  to {
    opacity: 1;
    visibility: visible;
    transform: rotate(0deg) translateZ(0);
  }
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*
	
	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.pswp__button:focus,
.pswp__button:hover {
  opacity: 1;
}

.pswp__button:active {
  outline: none;
  opacity: 0.9;
}

.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(../images/default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(../images/default-skin.svg);
  }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none;
  }
}

.pswp__button--close {
  background-position: 0 -44px;
}

.pswp__button--share {
  background-position: -44px -44px;
}

.pswp__button--fs {
  display: none;
}

.pswp--supports-fs .pswp__button--fs {
  display: block;
}

.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}

.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}

/*
      Arrow buttons hit area
      (icon is added to :before pseudo-element)
  */
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
}

.pswp__button--arrow--left {
  left: 0;
}

.pswp__button--arrow--right {
  right: 0;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute;
}

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}

/*
  
      2. Share modal/popup and links
  
   */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__share-modal--hidden {
  display: none;
}

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}

.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
}

.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000;
}

.pswp__share-tooltip a:first-child {
  /* round corners on the first/last list item */
  border-radius: 2px 2px 0 0;
}

.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px;
}

.pswp__share-modal--fade-in {
  opacity: 1;
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF;
}

a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A;
}

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF;
}

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D;
}

a.pswp__share--download:hover {
  background: #DDD;
}

/*
  
      3. Index indicator ("1 of X" counter)
  
   */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 50px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px;
}

/*
      
      4. Caption
  
   */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
}

.pswp__caption small {
  font-size: 11px;
  color: #BBB;
}

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC;
}

.pswp__caption--empty {
  display: none;
}

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden;
}

/*
  
      5. Loading indicator (preloader)
  
      You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR
  
   */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}

.pswp__preloader--active {
  opacity: 1;
}

.pswp__preloader--active .pswp__preloader__icn {
  /* We use .gif in browsers that don't support CSS animation */
  background: url(../images/preloader.gif) 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise 500ms linear infinite;
  animation: clockwise 500ms linear infinite;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}

.pswp--css_animation .pswp__preloader__cut {
  /* 
              The idea of animating inner circle is based on Polymer ("material") loading indicator 
               by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
          */
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
  }
}

@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

/*
      
      6. Additional styles
  
   */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550;
}

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: transparent !important;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5);
}

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3);
}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}

/*
      pswp__ui--hidden class is added when controls are hidden
      e.g. when user taps to toggle visibility of controls
  */
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001;
}

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}

.pswp__element--disabled {
  display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
  background: none;
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none;
}

.pswp * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
  display: block;
}

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/*
      Background is added as a separate element.
      As animating opacity is much faster than animating rgba() background-color.
  */
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}

/*
      stretched thumbnail or div placeholder element (see below)
      style is added to avoid flickering in webkit/blink when layers overlap
  */
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}

/*
      div element that matches size of large image
      large image loads on top of it
  */
.pswp__img--placeholder--blank {
  background: #222;
}

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}

/*
      Error message appears when image is not loaded
      (JS option errorMsg controls markup)
  */
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC;
}

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline;
}

.pswp__bg {
  background: rgba(0, 0, 0, 0.8);
}

.pswp__top-bar {
  background-color: transparent;
}

.pswp__top-bar .pswp__button--close {
  position: relative;
  width: 50px;
  height: 50px;
  top: 0;
  background: #68B92E;
  font-size: 16px;
  color: white;
  background-position: 0 0;
  opacity: 1;
  z-index: 2;
}

.pswp__caption {
  margin-top: 20px;
  background: transparent;
  bottom: 0;
}

.pswp__caption small {
  display: none;
}

.pswp__caption__center {
  width: auto;
  min-height: 44px;
  line-height: 1.2;
  transition: .3s;
  font-size: 14px;
  color: #747474;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  background: white;
  box-sizing: border-box;
}

.pswp__button {
  width: 30px;
  height: 30px;
  background: transparent;
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
  width: 46px;
  height: 46px;
  background: white;
  border-radius: 50%;
  transition: .5s !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #68B92E;
  opacity: 1;
}

.pswp__button--arrow--left:hover,
.pswp__button--arrow--right:hover {
  background: #68B92E;
  color: white;
}

.pswp__button--arrow--left {
  left: 50%;
  transform: translateX(-50%);
}

.pswp__button--arrow--right {
  right: 50%;
  transform: translateX(50%);
}

.pswp__button--arrow--left {
  margin-left: -600px;
}

.pswp__button--arrow--right {
  margin-right: -600px;
}

.pswp__button--arrow--left:before {
  width: 66px;
  height: 66px;
  background: transparent;
}

.pswp__button--arrow--right:before {
  width: 66px;
  height: 66px;
  background: transparent;
}

.atie-calendar,
.atie-calendar * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.calendar-wrap {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
}

.atie-calendar-mask {
  position: fixed;
  height: 100%;
  width: 100%;
}

.atie-calendar {
  position: relative;
  outline: none;
  width: 280px;
  border: 1px solid #fff;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  background-clip: padding-box;
  line-height: 1.5;
}

.atie-calendar-input-wrap {
  height: 34px;
  padding: 6px 10px;
  border-bottom: 1px solid #e8e8e8;
}

.atie-calendar-input {
  border: 0;
  width: 100%;
  cursor: auto;
  outline: 0;
  height: 22px;
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
}

.atie-calendar-date-panel {
  position: relative;
}

.atie-calendar-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom: 1px solid #e8e8e8;
}

.atie-calendar-header > div > a {
  position: absolute;
  top: 0;
  font-size: 12px;
  cursor: pointer;
}

.atie-calendar-header > div > a:hover {
  color: #1890ff;
}

.atie-calendar-prev-year-btn {
  left: 7px;
}

.atie-calendar-prev-month-btn {
  left: 36px;
}

.atie-calendar-next-year-btn {
  right: 7px;
}

.atie-calendar-next-month-btn {
  right: 36px;
}

.atie-calendar-ym-select {
  font-weight: 500;
}

.atie-calendar-body {
  padding: 8px 12px;
}

.atie-calendar table,
.atie-calendar td,
.atie-calendar th {
  border: 0;
  text-align: center;
}

.atie-calendar table {
  border-collapse: collapse;
  max-width: 100%;
  background-color: transparent;
  width: 100%;
}

.atie-calendar thead {
  display: table-header-group;
  vertical-align: middle;
  border-color: inherit;
}

.atie-calendar tbody {
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
}

.atie-calendar tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}

.atie-calendar-column-header .atie-calendar-column-header-inner {
  display: block;
  font-weight: 400;
}

.atie-calendar-cell {
  padding: 3px 0;
  height: 30px;
  cursor: pointer;
}

.atie-calendar-selected-day .atie-calendar-date {
  background: #d1e9ff;
}

.atie-calendar-last-month-cell .atie-calendar-date,
.atie-calendar-next-month-btn-day .atie-calendar-date {
  color: rgba(0, 0, 0, 0.25);
}

.atie-calendar-today .atie-calendar-date {
  border-color: #1890ff;
  font-weight: 700;
  color: #1890ff;
}

.atie-calendar-selected-date .atie-calendar-date,
.atie-calendar-selected-start-date .atie-calendar-date,
.atie-calendar-selected-end-date .atie-calendar-date {
  background: #1890ff;
  color: #fff;
  border: 1px solid transparent;
}

.atie-calendar-date {
  display: block;
  margin: 0 auto;
  color: rgba(0, 0, 0, 0.65);
  border-radius: 2px;
  width: 24px;
  height: 24px;
  line-height: 22px;
  border: 1px solid transparent;
  padding: 0;
  background: transparent;
  text-align: center;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}

.atie-calendar-footer {
  border-top: 1px solid #e8e8e8;
  line-height: 38px;
  padding: 0 12px;
}

.atie-calendar-footer-btn {
  text-align: center;
  display: block;
}

.atie-calendar .atie-calendar-today-btn {
  display: inline-block;
  text-align: center;
  color: #1890ff;
  cursor: pointer;
}

/**
 * Swiper 5.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 16, 2020
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform,height;
}

.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
  --swiper-navigation-color: #000000;
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: .2s transform,.2s top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform,.2s left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform,.2s right;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

@font-face {
  font-family: "pr";
  src: url("../fonts/proximr.eot");
  src: url("../fonts/proximr.eot") format("embedded-opentype"), url("../fonts/proximr.woff2") format("woff2"), url("../fonts/proximr.woff") format("woff"), url("../fonts/proximr.svg") format("svg");
  font-weight: normal;
  font-style: swap;
}

@font-face {
  font-family: "pl";
  src: url("../fonts/proximal.eot");
  src: url("../fonts/proximal.eot") format("embedded-opentype"), url("../fonts/proximal.woff2") format("woff2"), url("../fonts/proximal.woff") format("woff"), url("../fonts/proximal.svg") format("svg");
  font-weight: normal;
  font-style: swap;
}

@font-face {
  font-family: "pb";
  src: url("../fonts/proximb.eot");
  src: url("../fonts/proximb.eot") format("embedded-opentype"), url("../fonts/proximb.woff2") format("woff2"), url("../fonts/proximb.woff") format("woff"), url("../fonts/proximb.svg") format("svg");
  font-weight: normal;
  font-style: swap;
}

html, body {
  color: #1F1A17;
  scroll-behavior: smooth;
}

html, textarea {
  font-family: "pr","Noto Sans SC,PingFang SC,Microsoft Yahei,miui,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,sans-serif";
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: #00477B;
}

::-webkit-scrollbar-thumb {
  background-color: #68B92E;
  border-radius: 10px;
}

::-moz-selection {
  background: #68B92E;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #68B92E;
  color: #fff;
  text-shadow: none;
}

::-webkit-input-placeholder {
  color: #fff;
}

:-moz-placeholder {
  color: #fff;
}

::-moz-placeholder {
  color: #fff;
}

:-ms-input-placeholder {
  color: #fff;
}

@media screen and (min-width: 1024px) {
  .f130 {
    font-size: 128px;
    font-size: clamp(92.85714px, 6.77083vw, 130px);
    --size: clamp(92.85714px, 6.77083vw, 130px);
  }
  .f129 {
    font-size: 127px;
    font-size: clamp(92.14286px, 6.71875vw, 129px);
    --size: clamp(92.14286px, 6.71875vw, 129px);
  }
  .f128 {
    font-size: 126px;
    font-size: clamp(91.42857px, 6.66667vw, 128px);
    --size: clamp(91.42857px, 6.66667vw, 128px);
  }
  .f127 {
    font-size: 125px;
    font-size: clamp(90.71429px, 6.61458vw, 127px);
    --size: clamp(90.71429px, 6.61458vw, 127px);
  }
  .f126 {
    font-size: 124px;
    font-size: clamp(90px, 6.5625vw, 126px);
    --size: clamp(90px, 6.5625vw, 126px);
  }
  .f125 {
    font-size: 123px;
    font-size: clamp(89.28571px, 6.51042vw, 125px);
    --size: clamp(89.28571px, 6.51042vw, 125px);
  }
  .f124 {
    font-size: 122px;
    font-size: clamp(88.57143px, 6.45833vw, 124px);
    --size: clamp(88.57143px, 6.45833vw, 124px);
  }
  .f123 {
    font-size: 121px;
    font-size: clamp(87.85714px, 6.40625vw, 123px);
    --size: clamp(87.85714px, 6.40625vw, 123px);
  }
  .f122 {
    font-size: 120px;
    font-size: clamp(87.14286px, 6.35417vw, 122px);
    --size: clamp(87.14286px, 6.35417vw, 122px);
  }
  .f121 {
    font-size: 119px;
    font-size: clamp(86.42857px, 6.30208vw, 121px);
    --size: clamp(86.42857px, 6.30208vw, 121px);
  }
  .f120 {
    font-size: 118px;
    font-size: clamp(85.71429px, 6.25vw, 120px);
    --size: clamp(85.71429px, 6.25vw, 120px);
  }
  .f119 {
    font-size: 117px;
    font-size: clamp(85px, 6.19792vw, 119px);
    --size: clamp(85px, 6.19792vw, 119px);
  }
  .f118 {
    font-size: 116px;
    font-size: clamp(84.28571px, 6.14583vw, 118px);
    --size: clamp(84.28571px, 6.14583vw, 118px);
  }
  .f117 {
    font-size: 115px;
    font-size: clamp(83.57143px, 6.09375vw, 117px);
    --size: clamp(83.57143px, 6.09375vw, 117px);
  }
  .f116 {
    font-size: 114px;
    font-size: clamp(82.85714px, 6.04167vw, 116px);
    --size: clamp(82.85714px, 6.04167vw, 116px);
  }
  .f115 {
    font-size: 113px;
    font-size: clamp(82.14286px, 5.98958vw, 115px);
    --size: clamp(82.14286px, 5.98958vw, 115px);
  }
  .f114 {
    font-size: 112px;
    font-size: clamp(81.42857px, 5.9375vw, 114px);
    --size: clamp(81.42857px, 5.9375vw, 114px);
  }
  .f113 {
    font-size: 111px;
    font-size: clamp(80.71429px, 5.88542vw, 113px);
    --size: clamp(80.71429px, 5.88542vw, 113px);
  }
  .f112 {
    font-size: 110px;
    font-size: clamp(80px, 5.83333vw, 112px);
    --size: clamp(80px, 5.83333vw, 112px);
  }
  .f111 {
    font-size: 109px;
    font-size: clamp(79.28571px, 5.78125vw, 111px);
    --size: clamp(79.28571px, 5.78125vw, 111px);
  }
  .f110 {
    font-size: 108px;
    font-size: clamp(78.57143px, 5.72917vw, 110px);
    --size: clamp(78.57143px, 5.72917vw, 110px);
  }
  .f109 {
    font-size: 107px;
    font-size: clamp(77.85714px, 5.67708vw, 109px);
    --size: clamp(77.85714px, 5.67708vw, 109px);
  }
  .f108 {
    font-size: 106px;
    font-size: clamp(77.14286px, 5.625vw, 108px);
    --size: clamp(77.14286px, 5.625vw, 108px);
  }
  .f107 {
    font-size: 105px;
    font-size: clamp(76.42857px, 5.57292vw, 107px);
    --size: clamp(76.42857px, 5.57292vw, 107px);
  }
  .f106 {
    font-size: 104px;
    font-size: clamp(75.71429px, 5.52083vw, 106px);
    --size: clamp(75.71429px, 5.52083vw, 106px);
  }
  .f105 {
    font-size: 103px;
    font-size: clamp(75px, 5.46875vw, 105px);
    --size: clamp(75px, 5.46875vw, 105px);
  }
  .f104 {
    font-size: 102px;
    font-size: clamp(74.28571px, 5.41667vw, 104px);
    --size: clamp(74.28571px, 5.41667vw, 104px);
  }
  .f103 {
    font-size: 101px;
    font-size: clamp(73.57143px, 5.36458vw, 103px);
    --size: clamp(73.57143px, 5.36458vw, 103px);
  }
  .f102 {
    font-size: 100px;
    font-size: clamp(72.85714px, 5.3125vw, 102px);
    --size: clamp(72.85714px, 5.3125vw, 102px);
  }
  .f101 {
    font-size: 99px;
    font-size: clamp(72.14286px, 5.26042vw, 101px);
    --size: clamp(72.14286px, 5.26042vw, 101px);
  }
  .f100 {
    font-size: 98px;
    font-size: clamp(71.42857px, 5.20833vw, 100px);
    --size: clamp(71.42857px, 5.20833vw, 100px);
  }
  .f99 {
    font-size: 97px;
    font-size: clamp(70.71429px, 5.15625vw, 99px);
    --size: clamp(70.71429px, 5.15625vw, 99px);
  }
  .f98 {
    font-size: 96px;
    font-size: clamp(70px, 5.10417vw, 98px);
    --size: clamp(70px, 5.10417vw, 98px);
  }
  .f97 {
    font-size: 95px;
    font-size: clamp(69.28571px, 5.05208vw, 97px);
    --size: clamp(69.28571px, 5.05208vw, 97px);
  }
  .f96 {
    font-size: 94px;
    font-size: clamp(68.57143px, 5vw, 96px);
    --size: clamp(68.57143px, 5vw, 96px);
  }
  .f95 {
    font-size: 93px;
    font-size: clamp(67.85714px, 4.94792vw, 95px);
    --size: clamp(67.85714px, 4.94792vw, 95px);
  }
  .f94 {
    font-size: 92px;
    font-size: clamp(67.14286px, 4.89583vw, 94px);
    --size: clamp(67.14286px, 4.89583vw, 94px);
  }
  .f93 {
    font-size: 91px;
    font-size: clamp(66.42857px, 4.84375vw, 93px);
    --size: clamp(66.42857px, 4.84375vw, 93px);
  }
  .f92 {
    font-size: 90px;
    font-size: clamp(65.71429px, 4.79167vw, 92px);
    --size: clamp(65.71429px, 4.79167vw, 92px);
  }
  .f91 {
    font-size: 89px;
    font-size: clamp(65px, 4.73958vw, 91px);
    --size: clamp(65px, 4.73958vw, 91px);
  }
  .f90 {
    font-size: 88px;
    font-size: clamp(64.28571px, 4.6875vw, 90px);
    --size: clamp(64.28571px, 4.6875vw, 90px);
  }
  .f89 {
    font-size: 87px;
    font-size: clamp(63.57143px, 4.63542vw, 89px);
    --size: clamp(63.57143px, 4.63542vw, 89px);
  }
  .f88 {
    font-size: 86px;
    font-size: clamp(62.85714px, 4.58333vw, 88px);
    --size: clamp(62.85714px, 4.58333vw, 88px);
  }
  .f87 {
    font-size: 85px;
    font-size: clamp(62.14286px, 4.53125vw, 87px);
    --size: clamp(62.14286px, 4.53125vw, 87px);
  }
  .f86 {
    font-size: 84px;
    font-size: clamp(61.42857px, 4.47917vw, 86px);
    --size: clamp(61.42857px, 4.47917vw, 86px);
  }
  .f85 {
    font-size: 83px;
    font-size: clamp(60.71429px, 4.42708vw, 85px);
    --size: clamp(60.71429px, 4.42708vw, 85px);
  }
  .f84 {
    font-size: 82px;
    font-size: clamp(60px, 4.375vw, 84px);
    --size: clamp(60px, 4.375vw, 84px);
  }
  .f83 {
    font-size: 81px;
    font-size: clamp(59.28571px, 4.32292vw, 83px);
    --size: clamp(59.28571px, 4.32292vw, 83px);
  }
  .f82 {
    font-size: 80px;
    font-size: clamp(58.57143px, 4.27083vw, 82px);
    --size: clamp(58.57143px, 4.27083vw, 82px);
  }
  .f81 {
    font-size: 79px;
    font-size: clamp(57.85714px, 4.21875vw, 81px);
    --size: clamp(57.85714px, 4.21875vw, 81px);
  }
  .f80 {
    font-size: 78px;
    font-size: clamp(57.14286px, 4.16667vw, 80px);
    --size: clamp(57.14286px, 4.16667vw, 80px);
  }
  .f79 {
    font-size: 77px;
    font-size: clamp(56.42857px, 4.11458vw, 79px);
    --size: clamp(56.42857px, 4.11458vw, 79px);
  }
  .f78 {
    font-size: 76px;
    font-size: clamp(55.71429px, 4.0625vw, 78px);
    --size: clamp(55.71429px, 4.0625vw, 78px);
  }
  .f77 {
    font-size: 75px;
    font-size: clamp(55px, 4.01042vw, 77px);
    --size: clamp(55px, 4.01042vw, 77px);
  }
  .f76 {
    font-size: 74px;
    font-size: clamp(54.28571px, 3.95833vw, 76px);
    --size: clamp(54.28571px, 3.95833vw, 76px);
  }
  .f75 {
    font-size: 73px;
    font-size: clamp(53.57143px, 3.90625vw, 75px);
    --size: clamp(53.57143px, 3.90625vw, 75px);
  }
  .f74 {
    font-size: 72px;
    font-size: clamp(52.85714px, 3.85417vw, 74px);
    --size: clamp(52.85714px, 3.85417vw, 74px);
  }
  .f73 {
    font-size: 71px;
    font-size: clamp(52.14286px, 3.80208vw, 73px);
    --size: clamp(52.14286px, 3.80208vw, 73px);
  }
  .f72 {
    font-size: 70px;
    font-size: clamp(51.42857px, 3.75vw, 72px);
    --size: clamp(51.42857px, 3.75vw, 72px);
  }
  .f71 {
    font-size: 69px;
    font-size: clamp(50.71429px, 3.69792vw, 71px);
    --size: clamp(50.71429px, 3.69792vw, 71px);
  }
  .f70 {
    font-size: 68px;
    font-size: clamp(50px, 3.64583vw, 70px);
    --size: clamp(50px, 3.64583vw, 70px);
  }
  .f69 {
    font-size: 67px;
    font-size: clamp(49.28571px, 3.59375vw, 69px);
    --size: clamp(49.28571px, 3.59375vw, 69px);
  }
  .f68 {
    font-size: 66px;
    font-size: clamp(48.57143px, 3.54167vw, 68px);
    --size: clamp(48.57143px, 3.54167vw, 68px);
  }
  .f67 {
    font-size: 65px;
    font-size: clamp(47.85714px, 3.48958vw, 67px);
    --size: clamp(47.85714px, 3.48958vw, 67px);
  }
  .f66 {
    font-size: 64px;
    font-size: clamp(47.14286px, 3.4375vw, 66px);
    --size: clamp(47.14286px, 3.4375vw, 66px);
  }
  .f65 {
    font-size: 63px;
    font-size: clamp(46.42857px, 3.38542vw, 65px);
    --size: clamp(46.42857px, 3.38542vw, 65px);
  }
  .f64 {
    font-size: 62px;
    font-size: clamp(45.71429px, 3.33333vw, 64px);
    --size: clamp(45.71429px, 3.33333vw, 64px);
  }
  .f63 {
    font-size: 61px;
    font-size: clamp(45px, 3.28125vw, 63px);
    --size: clamp(45px, 3.28125vw, 63px);
  }
  .f62 {
    font-size: 60px;
    font-size: clamp(44.28571px, 3.22917vw, 62px);
    --size: clamp(44.28571px, 3.22917vw, 62px);
  }
  .f61 {
    font-size: 59px;
    font-size: clamp(43.57143px, 3.17708vw, 61px);
    --size: clamp(43.57143px, 3.17708vw, 61px);
  }
  .f60 {
    font-size: 58px;
    font-size: clamp(42.85714px, 3.125vw, 60px);
    --size: clamp(42.85714px, 3.125vw, 60px);
  }
  .f59 {
    font-size: 57px;
    font-size: clamp(42.14286px, 3.07292vw, 59px);
    --size: clamp(42.14286px, 3.07292vw, 59px);
  }
  .f58 {
    font-size: 56px;
    font-size: clamp(41.42857px, 3.02083vw, 58px);
    --size: clamp(41.42857px, 3.02083vw, 58px);
  }
  .f57 {
    font-size: 55px;
    font-size: clamp(40.71429px, 2.96875vw, 57px);
    --size: clamp(40.71429px, 2.96875vw, 57px);
  }
  .f56 {
    font-size: 54px;
    font-size: clamp(40px, 2.91667vw, 56px);
    --size: clamp(40px, 2.91667vw, 56px);
  }
  .f55 {
    font-size: 53px;
    font-size: clamp(39.28571px, 2.86458vw, 55px);
    --size: clamp(39.28571px, 2.86458vw, 55px);
  }
  .f54 {
    font-size: 52px;
    font-size: clamp(38.57143px, 2.8125vw, 54px);
    --size: clamp(38.57143px, 2.8125vw, 54px);
  }
  .f53 {
    font-size: 51px;
    font-size: clamp(37.85714px, 2.76042vw, 53px);
    --size: clamp(37.85714px, 2.76042vw, 53px);
  }
  .f52 {
    font-size: 50px;
    font-size: clamp(37.14286px, 2.70833vw, 52px);
    --size: clamp(37.14286px, 2.70833vw, 52px);
  }
  .f51 {
    font-size: 49px;
    font-size: clamp(36.42857px, 2.65625vw, 51px);
    --size: clamp(36.42857px, 2.65625vw, 51px);
  }
  .f50 {
    font-size: 48px;
    font-size: clamp(35.71429px, 2.60417vw, 50px);
    --size: clamp(35.71429px, 2.60417vw, 50px);
  }
  .f49 {
    font-size: 47px;
    font-size: clamp(35px, 2.55208vw, 49px);
    --size: clamp(35px, 2.55208vw, 49px);
  }
  .f48 {
    font-size: 46px;
    font-size: clamp(34.28571px, 2.5vw, 48px);
    --size: clamp(34.28571px, 2.5vw, 48px);
  }
  .f47 {
    font-size: 45px;
    font-size: clamp(33.57143px, 2.44792vw, 47px);
    --size: clamp(33.57143px, 2.44792vw, 47px);
  }
  .f46 {
    font-size: 44px;
    font-size: clamp(32.85714px, 2.39583vw, 46px);
    --size: clamp(32.85714px, 2.39583vw, 46px);
  }
  .f45 {
    font-size: 43px;
    font-size: clamp(32.14286px, 2.34375vw, 45px);
    --size: clamp(32.14286px, 2.34375vw, 45px);
  }
  .f44 {
    font-size: 42px;
    font-size: clamp(31.42857px, 2.29167vw, 44px);
    --size: clamp(31.42857px, 2.29167vw, 44px);
  }
  .f43 {
    font-size: 41px;
    font-size: clamp(30.71429px, 2.23958vw, 43px);
    --size: clamp(30.71429px, 2.23958vw, 43px);
  }
  .f42 {
    font-size: 40px;
    font-size: clamp(30px, 2.1875vw, 42px);
    --size: clamp(30px, 2.1875vw, 42px);
  }
  .f41 {
    font-size: 39px;
    font-size: clamp(29.28571px, 2.13542vw, 41px);
    --size: clamp(29.28571px, 2.13542vw, 41px);
  }
  .f40 {
    font-size: 38px;
    font-size: clamp(28.57143px, 2.08333vw, 40px);
    --size: clamp(28.57143px, 2.08333vw, 40px);
  }
  .f39 {
    font-size: 37px;
    font-size: clamp(27.85714px, 2.03125vw, 39px);
    --size: clamp(27.85714px, 2.03125vw, 39px);
  }
  .f38 {
    font-size: 36px;
    font-size: clamp(27.14286px, 1.97917vw, 38px);
    --size: clamp(27.14286px, 1.97917vw, 38px);
  }
  .f37 {
    font-size: 35px;
    font-size: clamp(26.42857px, 1.92708vw, 37px);
    --size: clamp(26.42857px, 1.92708vw, 37px);
  }
  .f36 {
    font-size: 34px;
    font-size: clamp(25.71429px, 1.875vw, 36px);
    --size: clamp(25.71429px, 1.875vw, 36px);
  }
  .f35 {
    font-size: 33px;
    font-size: clamp(25px, 1.82292vw, 35px);
    --size: clamp(25px, 1.82292vw, 35px);
  }
  .f34 {
    font-size: 32px;
    font-size: clamp(24.28571px, 1.77083vw, 34px);
    --size: clamp(24.28571px, 1.77083vw, 34px);
  }
  .f33 {
    font-size: 31px;
    font-size: clamp(23.57143px, 1.71875vw, 33px);
    --size: clamp(23.57143px, 1.71875vw, 33px);
  }
  .f32 {
    font-size: 30px;
    font-size: clamp(22.85714px, 1.66667vw, 32px);
    --size: clamp(22.85714px, 1.66667vw, 32px);
  }
  .f31 {
    font-size: 29px;
    font-size: clamp(22.14286px, 1.61458vw, 31px);
    --size: clamp(22.14286px, 1.61458vw, 31px);
  }
  .f30 {
    font-size: 28px;
    font-size: clamp(21.42857px, 1.5625vw, 30px);
    --size: clamp(21.42857px, 1.5625vw, 30px);
  }
  .f29 {
    font-size: 27px;
    font-size: clamp(20.71429px, 1.51042vw, 29px);
    --size: clamp(20.71429px, 1.51042vw, 29px);
  }
  .f28 {
    font-size: 26px;
    font-size: clamp(24px, 1.45833vw, 28px);
    --size: clamp(24px, 1.45833vw, 28px);
  }
  .f27 {
    font-size: 25px;
    font-size: clamp(23px, 1.40625vw, 27px);
    --size: clamp(23px, 1.40625vw, 27px);
  }
  .f26 {
    font-size: 24px;
    font-size: clamp(22px, 1.35417vw, 26px);
    --size: clamp(22px, 1.35417vw, 26px);
  }
  .f25 {
    font-size: 23px;
    font-size: clamp(22px, 1.30208vw, 25px);
    --size: clamp(22px, 1.30208vw, 25px);
  }
  .f24 {
    font-size: 22px;
    font-size: clamp(21px, 1.25vw, 24px);
    --size: clamp(21px, 1.25vw, 24px);
  }
  .f23 {
    font-size: 21px;
    font-size: clamp(20px, 1.19792vw, 23px);
    --size: clamp(20px, 1.19792vw, 23px);
  }
  .f22 {
    font-size: 20px;
    font-size: clamp(19px, 1.14583vw, 22px);
    --size: clamp(19px, 1.14583vw, 22px);
  }
  .f21 {
    font-size: 19px;
    font-size: clamp(18px, 1.09375vw, 21px);
    --size: clamp(18px, 1.09375vw, 21px);
  }
  .f20 {
    font-size: 18px;
    font-size: clamp(17px, 1.04167vw, 20px);
    --size: clamp(17px, 1.04167vw, 20px);
  }
  .f19 {
    font-size: 17px;
    font-size: clamp(16px, 0.98958vw, 19px);
    --size: clamp(16px, 0.98958vw, 19px);
  }
  .f18 {
    font-size: 16px;
    font-size: clamp(15px, 0.9375vw, 18px);
    --size: clamp(15px, 0.9375vw, 18px);
  }
  .f17 {
    font-size: 15px;
    font-size: clamp(14px, 0.88542vw, 17px);
    --size: clamp(14px, 0.88542vw, 17px);
  }
  .f16 {
    font-size: 14px;
    font-size: clamp(13px, 0.83333vw, 16px);
    --size: clamp(13px, 0.83333vw, 16px);
  }
  .f15 {
    font-size: 13px;
    font-size: clamp(12px, 0.78125vw, 15px);
    --size: clamp(12px, 0.78125vw, 15px);
  }
  .f14 {
    font-size: 12px;
    font-size: clamp(11px, 0.72917vw, 14px);
    --size: clamp(11px, 0.72917vw, 14px);
  }
  .f13 {
    font-size: 11px;
    font-size: clamp(10px, 0.67708vw, 13px);
    --size: clamp(10px, 0.67708vw, 13px);
  }
  .f12 {
    font-size: 10px;
    font-size: clamp(9px, 0.625vw, 12px);
    --size: clamp(9px, 0.625vw, 12px);
  }
}

@media screen and (max-width: 1024px) {
  .w22 {
    font-size: 2.73438vw;
  }
  .w20 {
    font-size: 2.53906vw;
  }
  .w18 {
    font-size: 2.34375vw;
  }
  .w16 {
    font-size: 1.5625vw;
  }
  .w14 {
    font-size: 1.35417vw;
  }
  .w13 {
    font-size: 1.26953vw;
  }
  .w12 {
    font-size: 1.04167vw;
  }
}

@media screen and (max-width: 768px) {
  .w22 {
    font-size: 5.86667vw;
  }
  .w20 {
    font-size: 5.33333vw;
  }
  .w18 {
    font-size: 4.8vw;
  }
  .w16 {
    font-size: 4.26667vw;
  }
  .w14 {
    font-size: 3.73333vw;
  }
  .w13 {
    font-size: 3.46667vw;
  }
  .w12 {
    font-size: 3.2vw;
  }
}

.swiper-wrapper {
  will-change: transform;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 11;
  padding: 0 5.7292vw 0 5.2083vw;
  background: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

header .logo {
  display: flex;
  align-items: center;
}

header .moreLink {
  display: flex;
  height: 100%;
  align-items: center;
}

.lag {
  font-family: 'pb';
  font-weight: 700;
  text-transform: uppercase;
  margin-left: 1vw;
  transition: .5s;
}

.lag:hover {
  color: #68B92E;
}

.headerUl {
  height: 100%;
  display: flex;
}

.headerUl li {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  margin: 0 1.3021vw;
}

.headerUl li:hover .headerUlList {
  opacity: 1;
  visibility: visible;
  transform: translate3d(-50%, 0, 0);
}

.headerUl li.active > a {
  color: #68B92E;
}

.headerUl li > a {
  color: #1F1A17;
  transition: .5s;
  font-family: 'pb';
}

.allSearch {
  margin-left: 1vw;
  transition: .5s;
}

.allSearch:hover {
  color: #68B92E;
}

.accordionFn {
  height: 0;
  overflow: hidden;
  transition: .5s;
}

.headerUlList {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate3d(-50%, 10%, 0);
  text-align: center;
  white-space: nowrap;
  transition: .55s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

.headerUlList a {
  display: block;
  padding: 13.0003px 15px;
  min-width: 10.4167vw;
  line-height: 1.2;
  transition: .5s;
  background: #fff;
  text-transform: uppercase;
}

.headerUlList a:hover {
  background: #68B92E;
  color: #fff;
}

.allProducts {
  padding: 0.5208vw 0.8333vw;
  background: #68B92E;
  border-radius: 0.2604vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  margin-left: 1.3021vw;
}

.allProducts:hover i {
  transform: translateX(-0.2604vw);
}

.allProducts i {
  width: 24px;
  height: 24px;
  color: #68B92E;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 1.1458vw;
  transition: .5s;
}

.allProducts span {
  color: #fff;
  font-family: 'pb';
}

.mobileMenu {
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition-timing-function: ease-in-out;
  height: 100%;
}

.mobileMenu .mobileMenu_box {
  position: relative;
  width: 30px;
  height: 24px;
}

.mobileMenu .mobileMenu_box.active div {
  background: #68B92E !important;
}

.mobileMenu .mobileMenu_box.active div:first-child {
  top: 50%;
  width: 100%;
  transform: translateY(-50%) rotate(45deg);
  transition-property: width,top,transform;
  transition-delay: 0s,0s,.3s;
  transition: .4s;
}

.mobileMenu .mobileMenu_box.active div:nth-child(2) {
  opacity: 0;
  width: 100%;
  transition: .4s;
}

.mobileMenu .mobileMenu_box.active div:last-child {
  bottom: 50%;
  transform: translateY(50%) rotate(-45deg);
  transition-property: bottom,transform;
  transition-delay: 0s,.3s;
  transition: .4s;
}

.mobileMenu .mobileMenu_box div {
  position: absolute;
  width: 100%;
  height: 2px;
  background: #999;
  left: 0;
  transition: .4s !important;
}

.mobileMenu .mobileMenu_box div:first-child {
  top: 0;
}

.mobileMenu .mobileMenu_box div:nth-child(2) {
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}

.mobileMenu .mobileMenu_box div:last-child {
  bottom: 0;
}

.mobileNav {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
  background: #fff;
  overflow: hidden;
}

.mobileNav.active {
  opacity: 1;
  visibility: visible;
  transition: opacity .5s;
}

.mobileNav.active .box {
  transform: translate3d(0, 0, 0);
  transition-property: transform;
  transition-duration: .5s;
}

.mobileNav .box {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
  overflow-x: hidden;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
  overflow: -webkit-scrollbars-none;
  align-items: flex-start;
  padding-top: 50px;
  box-sizing: border-box;
  transform: translate3d(100%, 0, 0);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.mobileNav .box::-webkit-scrollbar {
  display: none;
}

.mobileNav .box .mobileNavItems {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.mobileNav .box .mobileNavItems .mobileNavItem {
  margin: 0;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.mobileNav .box .mobileNavItems .mobileNavItem .head {
  padding: 0 5%;
  margin-bottom: 0;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: background-color .5s;
}

.mobileNav .box .mobileNavItems .mobileNavItem .head.active {
  background: #68B92E;
}

.mobileNav .box .mobileNavItems .mobileNavItem .head.active h5 {
  color: #fff;
}

.mobileNav .box .mobileNavItems .mobileNavItem .head.active i {
  transform: rotate(90deg);
  color: #fff;
}

.mobileNav .box .mobileNavItems .mobileNavItem .head h5 {
  font-size: 16px;
  line-height: 1.2;
  transition: color .4s;
}

.mobileNav .box .mobileNavItems .mobileNavItem .head i {
  display: flex;
  transition: .5s;
}

.mobileNav .box .mobileNavItems .mobileNavItem .list {
  width: 100%;
  overflow: hidden;
  transition: height .5s;
  padding: 0 5%;
}

.mobileNav .box .mobileNavItems .mobileNavItem .list a {
  color: #666;
  line-height: 1.2;
  display: flex;
  transition: color .4s;
  height: 30px;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
}

.mobileNav .box .mobileNavItems .mobileNavItem .list a:hover {
  color: #68B92E;
}

.mobileNav .box .mobileNavItems .mobileNavItem .list a:last-child {
  margin-bottom: 0;
}

@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

.indexSwiper {
  position: relative;
  overflow: hidden;
  height: 100vh;
}

.indexSwiper .prev, .indexSwiper .next {
  cursor: pointer;
  position: absolute;
  bottom: 70px;
  color: #fff;
  transition: .5s;
  z-index: 3;
}

.indexSwiper .prev:hover, .indexSwiper .next:hover {
  color: #68B92E;
}

.indexSwiper .prev {
  left: 112px;
}

.indexSwiper .next {
  right: 112px;
}

.indexSwiper .indexSwiperNav {
  position: absolute;
  z-index: 3;
  left: auto;
  bottom: auto;
  right: 4.8958vw;
  top: 50%;
  width: auto;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
}

.indexSwiper .indexSwiperNav span {
  display: block;
  opacity: 1;
  margin: 7px 0 !important;
  width: 28px;
  height: 28px;
  position: relative;
  background: transparent;
}

.indexSwiper .indexSwiperNav span.swiper-pagination-bullet-active:after {
  opacity: 1;
  animation-play-state: running;
}

.indexSwiper .indexSwiperNav span.swiper-pagination-bullet-active:before {
  background: #68B92E;
  opacity: 1;
}

.indexSwiper .indexSwiperNav span:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background: #fff;
  opacity: .5;
  border-radius: 50%;
  transition: .5s;
}

.indexSwiper .indexSwiperNav span:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-radius: 50%;
  border: 1px dashed #68B92E;
  animation: rotate 5s linear infinite;
  animation-play-state: paused;
}

.indexSwiper .line {
  position: absolute;
  width: 100%;
  height: 1px;
  background: #fff;
  opacity: .33;
  left: 0;
  bottom: 2.9167vw;
  z-index: 3;
}

.indexSwiper .swiper-wrapper .swiper-slide {
  position: relative;
  overflow: hidden;
  height: auto;
}

.indexSwiperImg {
  height: 100%;
}

.indexSwiperImg img {
  height: 100%;
  object-fit: cover;
}

.indexSwiperText {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #fff;
  z-index: 3;
  padding-left: 7%;
  padding-right: 7%;
  /*padding-bottom: 5.2083vw;*/
}

.indexSwiperText.active h6, .indexSwiperText.active h4 {
  animation: fadeInUp .6s forwards;
}

.indexSwiperText.active h5 {
  animation: fadeInUp2 .6s forwards;
}

.indexSwiperText h6, .indexSwiperText h4 {
  line-height: 1.2;
  opacity: 0;
  font-family: 'pb';
  color: #68B92E;
  text-transform: uppercase;
  white-space: pre-wrap;
}

.indexSwiperText h5 {
  margin: 1.3021vw 0 1.8229vw;
  font-family: 'pb';
  text-align: center;
  color: #fff;
  opacity: 0;
  line-height: 1.2;
}

.indexSwiperText h5 i {
  font-style: normal;
  position: relative;
  z-index: 1;
}

.indexSwiperText h5 i:after {
  content: '';
  position: absolute;
  width: 100%;
  bottom: 0.4688vw;
  background: #68B92E;
  left: 0;
  height: 0.7813vw;
  z-index: -1;
}

.indexSwiperText .child:nth-child(1) {
  animation-delay: 0.4s;
}

.indexSwiperText .child:nth-child(2) {
  animation-delay: 0.8s;
}

.indexSwiperText .child:nth-child(3) {
  animation-delay: 1.2s;
}

.indexOem {
  display: flex;
  will-change: width;
}

.indexOem .item {
  width: 50%;
  position: relative;
  z-index: 1;
  transition: .5s;
}

.indexOem .item:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1F1A17;
  opacity: .6;
  z-index: -1;
  transition: .66s;
}

.indexOem .item.active {
  width: 55.83%;
}

.indexOem .item.active:after {
  opacity: 0;
}

.indexOem .item.active .indexOemDot:after {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.indexOem .item.active .indexOemDot .dot:after {
  opacity: 0;
}

.indexOem .item.active .indexOemDot h5 {
  margin-top: 0;
}

.indexOem .item.active .indexOemDot .text {
  margin-top: 1.3021vw;
}

.w1400 {
  width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

.indexOemBox .w1400 {
  padding: 2.6042vw 0 2.0833vw;
  text-align: center;
}

.indexOemBox .w1400 h5 {
  font-family: 'pb';
  margin-bottom: 0.7813vw;
}

.indexOemBox .w1400 .lines {
  width: 40px;
  height: 6px;
  margin-left: auto;
  margin-right: auto;
  background: #68B92E;
}

.indexOemDot {
  width: 23.5938vw;
  height: 23.5938vw;
  margin: 8.125vw auto 9.9479vw auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #fff;
  position: relative;
  z-index: 1;
}

.indexOemDot:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 50%;
  background: linear-gradient(to bottom, #243D91, #00477B);
  transition: .66s;
  opacity: 0;
  transform: translate3d(0, 5%, 0);
}

.indexOemDot .dot {
  position: relative;
  width: 4.1667vw;
  height: 4.1667vw;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.indexOemDot .dot:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 50%;
  background: linear-gradient(to bottom, #243D91, #00477B);
  transition: .5s;
}

.indexOemDot h5 {
  font-family: 'pb';
  margin-top: 1.3021vw;
  margin-bottom: 1.3021vw;
}

.indexOemDot .line {
  width: 21px;
  height: 1px;
  background: #fff;
  margin: 0 auto;
}

.indexOemDot .text {
  height: 0;
  overflow: hidden;
  padding: 0 3.5417vw;
  transition: .5s;
  text-align: center;
}

.indexOemDot .text p {
  margin-bottom: 2.8646vw;
}

.ititle {
  text-align: center;
}

.ititle h5 {
  font-family: 'pb';
  margin-bottom: 0.7813vw;
}

.ititle h5 span.letters {
  color: #68B92E;
}

.ititle h6 {
  color: #999;
}

.indexExpertise .w1400 .ititle {
  padding: 4.6875vw 0 2.8646vw;
}

.indexExpertiseBox {
  display: flex;
  will-change: transform,width;
}

.indexExpertiseBox .item {
  position: relative;
  width: 33.33%;
  height: 27.2917vw;
  transition: .66s;
  z-index: 1;
  display: block;
  overflow: hidden;
}

.indexExpertiseBox .item:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1F1A17;
  opacity: .6;
  z-index: -1;
  transition: .66s;
}

.indexExpertiseBox .item.active {
  width: 50%;
}

.indexExpertiseBox .item.active:after {
  opacity: 0;
}

.indexExpertiseBox .item.active .indexExpertiseBoxText {
  background: rgba(255, 255, 255, 0.8);
  transform: translate3d(0, 0%, 0);
}

.indexExpertiseBox .item.active .indexExpertiseBoxText p, .indexExpertiseBox .item.active .indexExpertiseBoxText span {
  opacity: 1;
}

.indexExpertiseBox .item.active .indexExpertiseBoxText h5 {
  font-weight: 700;
  width: 0;
  color: #68B92E;
}

.indexExpertiseBoxText {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 1.5625vw;
  background: rgba(255, 255, 255, 0);
  transition: .5s;
  transform: translate3d(0, 40%, 0);
}

.indexExpertiseBoxText h5 {
  width: 100%;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  transition: .6s;
}

.indexExpertiseBoxText p {
  color: #666;
  margin: 0.7813vw 0;
  opacity: 0;
  padding-right: 6.25vw;
}

.indexExpertiseBoxText span {
  color: #68B92E;
  opacity: 0;
}

.indexModule .w1400 .ititle {
  padding: 3.9063vw 0 2.8646vw;
}

.swiper-module {
  position: relative;
  overflow: hidden;
}

.swiper-module .moduleprev, .swiper-module .modulenext {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  color: #666;
  top: 30%;
  transform: translateY(-50%);
  z-index: 5;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .6s;
}

.swiper-module .moduleprev:hover, .swiper-module .modulenext:hover {
  background: #68B92E;
  color: #fff;
}

.swiper-module .moduleprev {
  right: 50%;
  margin-right: 26.9792vw;
}

.swiper-module .modulenext {
  left: 50%;
  margin-left: 26.9792vw;
}

.swiper-module .moduleprevText, .swiper-module .modulenextText {
  position: absolute;
  width: 140px;
  color: #999;
  z-index: 5;
  cursor: pointer;
  transition: .6s;
  bottom: 34px;
  font-family: 'pb';
  border-bottom: 2px solid #999;
  padding-bottom: 20px;
}

.swiper-module .moduleprevText:after, .swiper-module .modulenextText:after {
  content: '';
  position: absolute;
  width: 14px;
  height: 2px;
  background: #999;
  bottom: 0;
}

.swiper-module .moduleprevText:hover, .swiper-module .modulenextText:hover {
  color: #68B92E;
}

.swiper-module .moduleprevText {
  right: 50%;
  margin-right: 28.9583vw;
}

.swiper-module .moduleprevText:after {
  left: 0;
  transform-origin: left center;
  transform: rotate(-45deg) translate(-2px, 1px);
}

.swiper-module .modulenextText {
  left: 50%;
  margin-left: 28.9583vw;
}

.swiper-module .modulenextText:after {
  right: 0;
  transform-origin: right center;
  transform: rotate(45deg) translate(2px, 1px);
}

.swiper-module .swiper-wrapper .swiper-slide {
  width: 52.0833vw;
}

.swiper-module .swiper-wrapper .swiper-slide.swiper-slide-active img {
  opacity: 1;
}

.swiper-module .swiper-wrapper .swiper-slide.swiper-slide-active .text {
  opacity: 1;
}

.swiper-module .swiper-wrapper .swiper-slide img {
  opacity: .3;
  transition: .6s;
}

.swiper-module .text {
  width: 52.0833vw;
  background: linear-gradient(130deg, #68B92E, #00477B);
  padding: 3vw 0;
  color: #fff;
  display: flex;
  justify-content: center;
  flex-direction: column;
  opacity: 1;
  margin-left: auto;
  margin-right: auto;
  transition: .6s;
}

.swiper-module .text h5 {
  position: relative;
  padding-left: 4.1667vw;
  margin-bottom: 1.0417vw;
}

.swiper-module .text h5:before {
  content: '';
  top: 50%;
  transform: translateY(-50%);
  width: 3.125vw;
  position: absolute;
  left: 0;
  height: 0.2083vw;
  background: #fff;
}

.swiper-module .text p {
  padding: 0 4.6875vw 0 1.5625vw;
}

.indexNews {
  padding: 5.4688vw 0;
}

.indexNews .w1400 .ititle {
  padding: 0 0 2.8646vw;
}

.indexNewsItems {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 2.8646vw;
}

.indexNewsItems.itemAnimates .itemAnimate {
  opacity: 0;
}

.indexNewsItems.itemAnimates.flag .itemAnimate {
  animation: fadeInUp .8s forwards;
}

.indexNewsItems .indexNewsItem {
  width: 22.85%;
}

.indexNewsItems .placeholder {
  width: 22.85%;
}

.indexNewsItem {
  height: 399.9994px;
}

.indexNewsItem:hover figure img {
  transform: scale(1.1);
}

.indexNewsItem:hover .font {
  border-bottom-color: #68B92E;
}

.indexNewsItem:hover .font p {
  max-height: 3.125vw;
  margin-top: 1.5625vw;
}

.indexNewsItem figure {
  overflow: hidden;
  height: 150px;
  
}

.indexNewsItem figure img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  transition: .5s;
}

.indexNewsItem .font {
  padding-bottom: 1.5625vw;
  border-bottom: 2px solid rgba(31, 26, 23, 0.2);
  transition: .5s;
}

.indexNewsItem .font h5 {
  font-family: 'pb';
  margin: 0.7813vw 0 1.0417vw;
  line-height: 1.4;
  height: 50px;
}

.indexNewsItem .font time {
  display: flex;
  align-items: center;
}

.indexNewsItem .font time i {
  color: #68B92E;
}

.indexNewsItem .font time span {
  display: block;
  margin-left: 0.7813vw;
  color: #999;
}

.indexNewsItem .font p {
  line-height: 1.4;
  color: #999;
  max-height: 0;
  overflow: hidden;
  transition: .5s;
}

.indexData {
  padding: 5.9896vw 0 5.4688vw;
  color: #fff;
  position: relative;
  z-index: 2;
}

.indexData:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: linear-gradient(130deg, #243D91, #00477B);
  opacity: .85;
}

.indexData .w1400 {
  text-align: center;
}

.indexData .w1400 h5 {
  font-family: 'pb';
}

.indexData .w1400 .line {
  width: 58px;
  height: 1px;
  background: #fff;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.3021vw;
}

.indexDataList {
  display: flex;
  justify-content: center;
  margin: 3.6458vw 0 3.3854vw;
}

.indexDataList.itemAnimates .itemAnimate {
  opacity: 0;
}

.indexDataList.itemAnimates.flag .itemAnimate {
  animation: fadeInUp .8s forwards;
}

.indexDataList .item {
  margin: 0 0.5208vw;
  display: flex;
  background: rgba(0, 0, 0, 0.15);
  padding: 1.0417vw 2.2917vw 1.8229vw 1.6667vw;
}

.indexDataList .item i {
  line-height: 1;
  margin-right: 1.5625vw;
}

.indexDataList .item .text {
  text-align: left;
}

.indexDataList .item .text span {
  font-family: 'pb';
  vertical-align: top;
  line-height: 1;
}

.indexDataList .item .text .counter {
  white-space: nowrap;
}

.more {
  cursor: pointer;
  width: 80px;
  position: relative;
  text-align: center;
  padding-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  transition: .6s;
  display: block;
}

.more.active {
  color: #68B92E;
}

.more.active:after, .more.active:before {
  background: #68B92E;
}

.more:hover {
  color: #68B92E;
}

.more:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
}

.more:before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 12px;
  height: 2px;
  background: #fff;
  transform-origin: right center;
  transform: rotate(45deg) translate(0px, 1px);
}

.more2:after, .more2:before {
  background: #333;
  transition: .4s;
}

.more2:hover {
  color: #68B92E;
}

.more2:hover:after, .more2:hover:before {
  background: #68B92E;
}

.logoListShare {
  display: flex;
}

.logoListShare a {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: #5D5D5D;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999B9F;
  transition: .5s;
  margin-right: 20px;
}

.logoListShare a:hover {
  background: #68B92E;
  color: #fff;
}

footer {
  overflow: hidden;
}

.footer {
  color: #999999;
  /*background: #222429;*/
  background: #000;
}

.footerTop {
  padding: 3.125vw 0;
}

.footerTop .w1400 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logoList p {
  margin: 1.5625vw 0 2.6042vw;
}

.footerToph5 {
  color: #fff;
  font-family: 'pb';
  margin-bottom: 1.3021vw;
}

.footerTopContact {
  width: 355px;
}

.footerTopContact .list {
  display: flex;
  align-items: center;
  margin-bottom: 0.8334vw;
}

.footerTopContact .list i {
  line-height: 1;
  display: block;
  margin-right: 0.4688vw;
  color: #68B92E;
}

.footerTopContact .list p {
  line-height: 1.4;
}

.footerTopWx figure {
  display: inline-block;
  margin-left: 0.625vw;
}

.footerTopWx figure:first-child {
  margin-left: 0;
}

.footerTopWx figure p {
  font-size: 12px;
  text-align: center;
  margin-top: 5px;
}

.footerBot .w1400 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-top: 1px solid rgba(93, 93, 93, 0.26);
  padding: 1.0417vw 0;
}

.footerBot .w1400 p {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  line-height: 1.4;
  white-space: pre-wrap;
}

.footerBot .w1400 p a {
  transition: .5s;
}

.footerBot .w1400 p a:hover {
  color: #68B92E;
}

.subnavHead {
  margin-top: 100px;
}

.bannerText {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background: rgba(0, 0, 0, 0.3);
}

.bannerText .w1400 {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.bannerText .w1400 h6 {
  color: #68B92E;
  font-family: 'pb';
}

.bannerText .w1400 h5 {
  color: #fff;
  font-family: 'pb';
  text-align: center;
  margin: 0.2604vw 0 0.5208vw;
}

.bannerText .w1400 h4 {
  color: #fff;
  margin: 1.0417vw 0 1.8229vw;
  text-align: center;
}

.bannerText .w1400 .line {
  width: 40px;
  height: 6px;
  background: #68B92E;
}

.about {
  padding: 5.4688vw 0 3.9063vw;
}

.about .w1400 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.about .w1400 .aboutImg {
  position: relative;
  width: 45.71%;
}

.about .w1400 .aboutImg figure {
  position: relative;
  width: 100%;
}

.aboutBackGround {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.aboutBackGround:hover i {
  color: #68B92E;
}

.aboutBackGround i {
  line-height: 1;
  margin-bottom: 0.6251vw;
  transition: .5s;
}

.aboutBackGround p {
  position: relative;
  line-height: 1.2;
}

.aboutBackGround p:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fff;
}

.aboutFont {
  flex: 1;
  padding: 4.1667vw 0 0 3.6458vw;
}

.aboutFont h6 {
  margin: 2.8646vw 0;
}

.aboutFont p {
  color: #666;
}

.aboutFont .more {
  margin-left: 0;
  margin-top: 4.4271vw;
}

.ptitle.center {
  text-align: center;
}

.ptitle.center .line {
  margin-left: auto;
  margin-right: auto;
}

.ptitle h5 {
  font-family: 'pb';
}

.ptitle .line {
  width: 40px;
  height: 6px;
  background: #68B92E;
  margin-top: 0.5208vw;
}

.indexCulture {
  background: #F9F9F9;
  padding: 5.2083vw 0 6.5104vw;
}

.indexCulture .ptitle {
  margin-bottom: 4.4271vw;
}

.indexCultureItem {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.indexCultureItem .placeholder {
  width: 17.85%;
}

.indexCultureItem .item {
  padding: 2.7604vw 1.3021vw 2.3438vw;
  width: 17.85%;
  text-align: center;
  background: #fff;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
  transition: .5s;
}

.indexCultureItem .item:hover {
  transform: scale(1.1);
}

.indexCultureItem .item i {
  color: #00477B;
  line-height: 1;
  transition: .5s;
}

.indexCultureItem .item h5 {
  color: #00477B;
  margin-top: 0.5208vw;
}

.indexCultureItem .item .line {
  width: 17px;
  height: 1px;
  background: #999;
  margin: 1.0417vw auto 1.5625vw;
}

.indexCultureItem .item p {
  color: #666;
  line-height: 1.4;
}

.indexCare {
  padding: 3.9063vw 0;
}

.swiperCare {
  overflow: hidden;
  margin-top: 3.9063vw;
}

.swiperCare .swiper-wrapper .swiper-slide {
  position: relative;
}

.swiperCareSlideBg {
  position: absolute;
  bottom: 0;
  height: 42.18%;
  width: 100%;
  left: 0;
  background: linear-gradient(to bottom, transparent, #1F1A17);
  color: #fff;
  padding: 0 5.2083vw;
  padding-bottom: 2.3438vw;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}

.swiperCareSlideBg h5 {
  font-weight: 700;
}

.swiperCareSlideBg .line {
  width: 100%;
  height: 1px;
  background: #fff;
  margin: 0.7813vw 0 1.0417vw;
}

.swiperCareList {
  margin-top: 1.25vw;
  position: relative;
  overflow: hidden;
}

.swiperCareList .prev, .swiperCareList .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #F9F9F9;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  color: #999;
  transition: .6s;
}

.swiperCareList .prev:hover, .swiperCareList .next:hover {
  color: #fff;
}

.swiperCareList .prev:hover:after, .swiperCareList .next:hover:after {
  opacity: 1;
}

.swiperCareList .prev:after, .swiperCareList .next:after {
  transition: .6s;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: -1;
  background: linear-gradient(130deg, #68B92E, #00477B);
  opacity: 0;
}

.swiperCareList .prev {
  left: 0;
}

.swiperCareList .next {
  right: 0;
}

.swiperCareList .swiperCareListSwiper {
  overflow: hidden;
  width: 86.78%;
  margin-left: auto;
  margin-right: auto;
}

.swiperCareList .swiperCareListSwiper .swiper-wrapper .swiper-slide {
  cursor: pointer;
  position: relative;
}

.swiperCareList .swiperCareListSwiper .swiper-wrapper .swiper-slide:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 4px solid #68B92E;
  opacity: 0;
  transition: .6s;
}

.swiperCareList .swiperCareListSwiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active:after {
  opacity: 1;
}

.aboutCharity {
  background: linear-gradient(to bottom, #68B92E, #00477B);
  position: relative;
  color: #fff;
  padding: 5.9896vw 0;
  z-index: 1;
}

.aboutCharity .aboutCharityBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: .11;
}

.aboutCharity .ptitle .line {
  background: #fff;
}

.aboutCharity p {
  width: 885px;
  max-width: 100%;
  margin: 2.8646vw auto 4.6875vw;
  text-align: center;
}

.aboutTime {
  overflow: hidden;
  padding: 3.1667vw 0 2.9896vw;
}

.swiperTime {
  overflow: hidden;
}

.swiperTime .swiper-wrapper .swiper-slide {
  display: flex;
  align-items: center;
}

.swiperTime .swiper-wrapper .swiper-slide figure {
  width: 30%;
  margin-left: 5.9896vw;
  margin-right: 7.8125vw;
}

.swiperTime .swiper-wrapper .swiper-slide .font {
  flex: 1;
}

.swiperTime .swiper-wrapper .swiper-slide .font p {
  color: #666;
}

.swiperTimeBox {
  position: relative;
  margin: 2.9062vw 0 3.7292vw;
}

.swiperTimeBox img {
  line-height: 1;
  font-size: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 1s;
}

.swiperTimeBox .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: 2000vw;
  left: 64vw;
  transform: translate(-50%, 0);
  top: 30%;
  transition: 1s;
  background-repeat: repeat-x !important;
}

.swiperTimeBox .swiperPrev, .swiperTimeBox .swiperNext {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #F9F9F9;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  color: #999;
  transition: .6s;
}

.swiperTimeBox .swiperPrev:hover, .swiperTimeBox .swiperNext:hover {
  color: #fff;
}

.swiperTimeBox .swiperPrev:hover:after, .swiperTimeBox .swiperNext:hover:after {
  opacity: 1;
}

.swiperTimeBox .swiperPrev:after, .swiperTimeBox .swiperNext:after {
  transition: .6s;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: -1;
  background: linear-gradient(130deg, #68B92E, #00477B);
  opacity: 0;
}

.swiperTimeBox .swiperPrev {
  left: 0;
  transform: translate(-50%, -50%);
}

.swiperTimeBox .swiperNext {
  right: 0;
  transform: translate(50%, -50%);
}

.swiperTimeBox .swiperTimeListSwiper {
  margin-left: auto;
  margin-right: auto;
  width: 1200px;
  overflow: hidden;
}

.swiperTimeBox .swiperTimeListSwiper .swiper-wrapper .swiper-slide {
  line-height: 1;
  font-size: 0;
  text-align: center;
  position: relative;
  height: 100%;
  padding: 30px 0;
}

.swiperTimeBox .swiperTimeListSwiper .swiper-wrapper .swiper-slide:nth-child(odd) {
  margin-bottom: 45px;
  transform: translateY(-10px);
}

.swiperTimeBox .swiperTimeListSwiper .swiper-wrapper .swiper-slide:nth-child(even) {
  margin-top: 45px;
  transform: translateY(3px);
}

.swiperTimeBox .swiperTimeListSwiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .dot {
  background: rgba(104, 185, 46, 0.11);
}

.swiperTimeBox .swiperTimeListSwiper .swiper-wrapper .swiper-slide .dot {
  position: relative;
  width: 60px;
  height: 60px;
  background: rgba(104, 185, 46, 0);
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  transition: .5s;
}

.swiperTimeBox .swiperTimeListSwiper .swiper-wrapper .swiper-slide .dot:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 21px;
  height: 21px;
  border-radius: 50%;
  border: 1px solid #68B92E;
}

.swiperTimeBox .swiperTimeListSwiper .swiper-wrapper .swiper-slide .dot:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #68B92E;
}

.swiperTimeBox .swiperTimeListSwiper .swiper-wrapper .swiper-slide p {
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translateX(-50%) scale(0.75);
  color: #666;
}

.swiperTitle {
  margin-top: 2.6875vw;
  text-align: center;
  overflow: hidden;
}

.swiperTitle .swiper-wrapper .swiper-slide {
  color: #68B92E;
}

.swiperTitle h5 {
  line-height: 1.2;
  color: #68B92E;
}

.aboutInner {
  padding: 4.9479vw 0 4.4271vw;
}

.aboutInner .w1400 .font {
  margin-top: 3.6458vw;
}

.aboutInner .w1400 .font p {
  color: #666;
}

.aboutInner .w1400 .aboutInnerImg {
  margin-top: 5.2083vw;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.charity {
  padding: 4.9479vw 0 4.1667vw;
}

.charity .w1400 {
  overflow: hidden;
}

.charity .w1400 .ptitle {
  margin-bottom: 4.1667vw;
}

.charity .paging {
  margin-top: 1.5625vw;
}

.charityItem {
  display: flex;
  margin-bottom: 2.5vw;
  box-shadow: 0 2px 20px transparent;
  transition: .5s;
}

.charityItem:hover {
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.16);
}

.charityItem:hover figure img {
  transform: scale(1.1);
}

.charityItem:hover .font h5 {
  color: #68B92E;
}

.charityItem figure {
  overflow: hidden;
  width: 45.71%;
}

.charityItem figure img {
  transition: .5s;
}

.charityItem .font {
  padding: 1.7188vw 3.125vw 0 2.0833vw;
  flex: 1;
  background: #F9F9F9;
}

.charityItem .font h5 {
  line-height: 1.4;
  font-weight: 700;
  transition: .5s;
}

.charityItem .font time {
  margin: 1.8229vw 0;
  display: flex;
  align-items: center;
}

.charityItem .font time i {
  color: #68B92E;
}

.charityItem .font time span {
  display: block;
  margin-left: 0.7813vw;
  color: #999;
}

.charityItem .font p {
  color: #666;
  margin-bottom: 2.8646vw;
  -webkit-line-clamp: 3;
}

.charityItem .font span {
  color: #68B92E;
}

.paging {
  display: flex;
  justify-content: center;
  align-items: center;
}

.paging .iconfont {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #999;
  margin: 0 20px;
  transition: .5s;
}

.paging .iconfont:hover {
  background: #68B92E;
}

.paging .pagingList {
  display: flex;
  align-items: center;
}

.paging .pagingList a {
  position: relative;
  display: block;
  margin: 0 11px;
  transition: .5s;
  color: #666;
}

.paging .pagingList a:after {
  content: '';
  position: absolute;
  right: 0;
  width: 0;
  height: 3px;
  bottom: 0;
  background: #68B92E;
  transition: .6s;
  transform: translate3d(0, 4px, 0);
}

.paging .pagingList a:hover {
  color: #68B92E;
}

.paging .pagingList a:hover:after {
  width: 100%;
  left: 0;
}

.paging .pagingList a.active {
  color: #68B92E;
}

.paging .pagingList a.active:after {
  width: 100%;
  left: 0;
}

.honor {
  background: #F9F9F9;
  padding-bottom: 5.7292vw;
}

.honor .paging {
  margin-top: 3.6458vw;
}

.honorimg {
  position: absolute;
  top: 6.8229vw;
  right: 15.8854vw;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  transition: .5s;
  transform: translateY(5%);
  pointer-events: none;
  max-width: 650px;
}

.honorimg.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0%);
}

.honorHead {
  padding: 3.6458vw 0;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.honorHead a {
  border-radius: 39px;
  width: 260px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
  border: 1px solid rgba(153, 153, 153, 0.3);
  transition: .5s;
}

.honorHead a:hover {
  color: #fff;
  background: #68B92E;
}

.honorHead a.active {
  color: #fff;
  background: #68B92E;
}

.honorItem {
  position: relative;
}

.honorItem a {
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0 2.0833vw 0 1.6667vw;
}

.honorItem a:hover img {
  opacity: 1;
  visibility: visible;
}

.honorItem a:hover .list p {
  color: #68B92E;
  font-weight: 700;
}

.honorItem a:hover .list time {
  color: #68B92E;
}

.honorItem a .list {
  display: flex;
  align-items: center;
  padding: 2.4479vw 0 1.3021vw;
}

.honorItem a .list .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #68B92E;
}

.honorItem a .list p {
  margin: 0 1.5625vw;
  flex: 1;
  line-height: 1.3;
  transition: .5s;
}

.honorItem a .list time {
  transition: .5s;
}

.prd {
  position: relative;
  display: flex;
}

.prd .prdList {
  width: 360px;
  width: Max(18.75vw, 20%);
  padding: 7.2917vw 1.5625vw 7.2917vw 5.2083vw;
}

.prd .prdList .item {
  margin-bottom: 1.5625vw;
}

.prd .prdList .item.active .head .click {
  background: #68B92E;
}

.prd .prdList .item.active .head .click:before {
  opacity: 0;
}

.prd .prdList .item .head {
  cursor: pointer;
  display: flex;
  align-items: center;
}

.prd .prdList .item .head h6 {
  text-transform: uppercase;
  color: #68B92E;
  font-family: 'pb';
}

.prd .prdList .item .head .click {
  position: relative;
  width: 16px;
  height: 16px;
  background: #999;
  margin-left: 1.0417vw;
  transition: .4s;
}

.prd .prdList .item .head .click:after, .prd .prdList .item .head .click:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 2px;
  background: #fff;
  transition: .4s;
  z-index: 2;
}

.prd .prdList .item .head .click:before {
  transform: translate(-50%, -50%) rotate(90deg);
}

.prd .prdList .item .list {
  margin-top: 1.0417vw;
  overflow: hidden;
  transition: .5s;
}

.prd .prdItem {
  flex: 1;
  background: #F9F9F9;
  padding: 5.7292vw 0 5.9896vw 2.3438vw;
}

.prd .prdItem .items {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.prd .prdItem .items .prdListitem {
  width: 30.35%;
}

.prd .prdItem .items i {
  width: 30.35%;
}

.prd .prdItem .paging {
  margin-top: 3.125vw;
}

.prdListSubItem h5 {
  cursor: pointer;
  display: block;
  color: #666;
  transition: .5s;
  line-height: 1.2;
  display: flex;
  align-items: center;
  padding: 0.4604vw 0;
}

.prdListSubItem h5:before {
  content: '';
  display: block;
  width: 6px;
  height: 2px;
  background: #999;
  margin-right: 0.5208vw;
}

.prdListSubItem h5:last-child {
  margin-bottom: 0;
}

.prdListSubItem h5:hover {
  color: #68B92E;
}

.prdListSubItem h5.active {
  color: #68B92E;
}

.objectList {
  padding-left: 2vw;
}

.objectList a {
  color: #666;
  padding: 0.5208vw 0;
  display: block;
  transition: .5s;
}

.objectList a:hover {
  color: #68B92E;
}

.objectList a.active {
  color: #68B92E;
}

.prdListitem {
  margin-bottom: 3.3854vw;
  overflow: hidden;
}

.prdListitem:hover figure {
  border-color: #68B92E;
}

.prdListitem:hover figure img {
  transform: translate(-50%, -50%) scale(1.1);
}

.prdListitem:hover p {
  color: #68B92E;
}

.prdListitem figure {
  position: relative;
  width: 100%;
  padding-top: 100%;
  height: 0;
  background: #fff;
  border: 4px solid transparent;
  transition: .5s;
}

.prdListitem figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  transition: .5s;
}

.prdListitem p {
  margin-top: 1.3021vw;
  text-align: center;
  transition: .5s;
}

.prdInnerHead {
  margin-top: 100px;
}

.prdInnerHead .w1400 {
  padding: 2.6042vw 0 0.625vw;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.prdInnerHead .w1400 .list {
  display: flex;
  align-items: baseline;
}

.prdInnerHead .w1400 .list a {
  color: #999;
  transition: .5s;
}

.prdInnerHead .w1400 .list a:hover {
  color: #68B92E;
}

.prdInnerHead .w1400 .list .navigation {
  margin: 0 0.4167vw;
}

.prdInnerHead .w1400 .return {
  color: #999;
  display: flex;
  align-items: center;
  transition: .5s;
}

.prdInnerHead .w1400 .return:hover {
  color: #68B92E;
}

.prdInnerHead .w1400 .return i {
  margin-left: 0.7813vw;
}

.prdInnerBanner {
  padding: 4.6875vw 0 6.5104vw;
}

.prdInnerBanner .w1400 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.prdInnerBanner .w1400 .prdInnerBannerFont {
  cursor: pointer;
  flex: 1;
  margin-right: 6.25vw;
}

.prdInnerBanner .w1400 .swiper {
  width: 23.28%;
}

.prdInnerBannerFont h5 {
  font-weight: 700;
  font-family: 'pb';
}

.prdInnerBannerFont h6 {
  margin: 1.3021vw 0 2.0833vw;
  font-family: 'pb';
  color: #68B92E;
}

.prdInnerBannerFont .text {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 3.3854vw;
}

.prdInnerBannerFont .text p {
  color: #666;
}

.prdInnerBannerFont .videoList {
  margin-top: 2.6042vw;
  display: flex;
  align-items: center;
}

.prdInnerBannerFont .videoList span {
  display: block;
  position: relative;
  margin-left: 1.0417vw;
  color: #00477B;
  line-height: 1;
}

.prdInnerBannerFont .videoList span:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #00477B;
}

.prdInnerBanner-prd {
  position: relative;
  overflow: hidden;
}

.prdInnerBanner-prd .prev {
  position: absolute;
}

.prdInnerBanner-prd .swiper-wrapper .swiper-slide {
  cursor: pointer;
}

.addPrdInnerButton {
  display: flex;
  align-items: center;
  margin-top: 1.4583vw;
  justify-content: space-between;
}

.addPrdInnerButton .prdInnerBannerprev, .addPrdInnerButton .prdInnerBannernext {
  cursor: pointer;
  font-weight: 700;
  transition: .5s;
  width: 60px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f6f6f6;
}

.addPrdInnerButton .prdInnerBannerprev:hover, .addPrdInnerButton .prdInnerBannernext:hover {
  color: #fff;
  background: #68B92E;
}

.prdInnerBanner-prd-prdList {
  text-align: center;
  line-height: 1;
  font-size: 0;
  display: flex;
  justify-content: center;
  margin-top: 0 !important;
  color: #333;
}

.prdInnerBanner-prd-prdList span {
  width: auto !important;
  height: auto !important;
  display: block;
  margin: 0 4px;
  opacity: 1;
  color: #333;
  font-size: 16px;
  transition: .5s;
}

.prdInnerBanner-prd-prdList span.swiper-pagination-bullet-active {
  background: #68B92E;
}

.prdInnerFeatures {
  padding: 7.2917vw 0 8.5938vw;
  position: relative;
  z-index: 1;
  color: #fff;
}

.prdInnerFeatures:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: rgba(0, 0, 0, 0.4);
}

.prdInnerFeatures .swiper {
  position: relative;
}

.prdInnerFeatures .swiper .w1400 {
  position: relative;
}

.prdInnerFeatures .swiper .w1400 .prev, .prdInnerFeatures .swiper .w1400 .next {
  cursor: pointer;
  position: absolute;
  top: 30%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: .5s;
  z-index: 3;
}

.prdInnerFeatures .swiper .w1400 .prev:hover, .prdInnerFeatures .swiper .w1400 .next:hover {
  color: #fff;
  background: #68B92E;
  border-color: #68B92E;
}

.prdInnerFeatures .swiper .w1400 .prev {
  right: 100%;
}

.prdInnerFeatures .swiper .w1400 .next {
  left: 100%;
}

.swiper-prdInnerFeaturesUl {
  overflow: hidden;
  margin-top: 4.8958vw;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.swiper-prdInnerFeaturesUl .swiper-wrapper .swiper-slide {
  text-align: center;
}

.swiper-prdInnerFeaturesUl .swiper-wrapper .swiper-slide:hover .dot {
  border-color: transparent;
}

.swiper-prdInnerFeaturesUl .swiper-wrapper .swiper-slide:hover .dot:after {
  width: 100%;
  height: 100%;
}

.swiper-prdInnerFeaturesUl .swiper-wrapper .swiper-slide .dot {
  position: relative;
  width: 7.0313vw;
  height: 7.0313vw;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border: 1px solid #fff;
  margin-left: auto;
  margin-right: auto;
  transition: .5s;
  z-index: 2;
}

.swiper-prdInnerFeaturesUl .swiper-wrapper .swiper-slide .dot:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #68B92E;
  width: 0;
  height: 0;
  z-index: -1;
  transition: .5s;
}

.swiper-prdInnerFeaturesUl .swiper-wrapper .swiper-slide p {
  margin-top: 1.8229vw;
  text-align: center;
  line-height: 1.4;
}

.prdInnerFeaturesUl {
  margin-top: 4.8958vw;
  display: flex;
  justify-content: center;
}

.prdInnerFeaturesUl li {
  cursor: pointer;
  margin: 0 3.2292vw;
}

.prdInnerFeaturesUl li:hover .dot {
  border-color: transparent;
}

.prdInnerFeaturesUl li:hover .dot:after {
  width: 100%;
  height: 100%;
}

.prdInnerFeaturesUl li .dot {
  position: relative;
  width: 7.0313vw;
  height: 7.0313vw;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border: 1px solid #fff;
  margin-left: auto;
  margin-right: auto;
  transition: .5s;
  z-index: 2;
}

.prdInnerFeaturesUl li .dot:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #68B92E;
  width: 0;
  height: 0;
  z-index: -1;
  transition: .5s;
}

.prdInnerFeaturesUl li p {
  margin-top: 1.8229vw;
  width: 13.8021vw;
  text-align: center;
  line-height: 1.4;
}

.prdInnerApplication {
  padding-top: 4.9479vw;
}

.prdInnerApplication .w1400 p {
  margin: 1.5625vw 0 3.9063vw;
  color: #666;
  line-height: 1.2;
}

.prdInnerApplication .w1400 .list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.prdInnerApplication .w1400 .list figure {
  width: 33%;
}

.prdInnerApplication .w1400 .list i {
  width: 33%;
}

.prdInnerSpecification {
  padding: 5.4688vw 0 4.6875vw;
}

.prdInnerSpecification .w1400 .table {
  word-break: break-all;
  margin-top: 3.3854vw;
}

.borderSep {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-right: none;
  border-bottom: none;
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.customTableFell {
  display: flex;
}

.customTableFell .item {
  flex: 1;
}

.customTableFell .item:first-child {
  width: 17.1875vw;
  flex: none;
  text-align: left;
}

.customTableFell .item:last-child div {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.customTableFell .item div {
  padding: 1.0417vw;
}

.customTableFell .item div:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.customTable {
  display: flex;
  flex-direction: column;
}

.customTable .item {
  display: flex;
}

.customTable .item:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.customTable .item .itemOnce {
  width: 17.1875vw;
}

.customTable .item .itemOnce .borderSep {
  padding: 20px;
  justify-content: flex-start;
}

.customTable .item .itemList {
  display: flex;
  flex: 1;
}

.customTable .item .itemList .borderSep {
  flex: 1;
}

.customTable .item .itemList .borderSep:last-child {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.prdInnerProducts {
  background: #F9F9F9;
  padding: 3.6458vw 0 5.2083vw;
}

.prdInnerProducts .w1400 {
  padding: 0 5.2083vw;
}

.prdInnerProducts .w1400 .ptitle {
  margin-bottom: 3.3854vw;
}

.prdInnerProducts .w1400 .list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.prdInnerProducts .w1400 .list .prdListitem {
  width: 30%;
}

.prdInnerProducts .w1400 .list i {
  width: 30%;
}

.indexOemHead {
  margin-top: 5.2083vw;
}

.odmOurServices {
  padding: 8.5938vw 0 4.4271vw;
}

.indexOemHeadItem {
  position: relative;
  display: flex;
  background: #F9F9F9;
  z-index: 2;
  margin-bottom: 5.2083vw;
}

.indexOemHeadItem:nth-child(even) {
  flex-direction: row-reverse;
}

.indexOemHeadItem:nth-child(even) .font {
  padding-right: 0;
  padding-left: 4.9479vw;
}

.indexOemHeadItem:nth-child(even) figure {
  transform: translate(2.6042vw, -2.6042vw);
}

.indexOemHeadItem:last-child {
  margin-bottom: 0;
}

.indexOemHeadItem:hover:after {
  opacity: 1;
}

.indexOemHeadItem:hover .font h5 {
  color: #68B92E;
}

.indexOemHeadItem:after {
  z-index: -1;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 3px solid #68B92E;
  opacity: 0;
  transition: .6s;
}

.indexOemHeadItem figure {
  width: 40.71%;
  transform: translate(-2.6042vw, -2.6042vw);
}

.indexOemHeadItem .font {
  flex: 1;
  padding-right: 4.9479vw;
  padding-top: 4.9479vw;
}

.indexOemHeadItem .font h5 {
  font-family: 'pb';
  transition: .5s;
}

.indexOemHeadItem .font .text {
  margin-top: 1.5625vw;
  padding-top: 1.8229vw;
  margin-bottom: 1.5625vw;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.indexOemHeadItem .font .text p {
  -webkit-line-clamp: 3;
}

.indexOemHeadItem .font time {
  display: flex;
  align-items: center;
}

.indexOemHeadItem .font time i {
  color: #68B92E;
}

.indexOemHeadItem .font time span {
  display: block;
  margin-left: 0.7813vw;
  color: #999;
}

.manufacturingService {
  padding: 4.9479vw 0 5.2083vw;
}

.manufacturingService .w1400 p {
  text-align: center;
  color: #666;
  margin-top: 2.0833vw;
}

.manufacturingServiceSwiper {
  overflow: hidden;
}

.manufacturingServiceSwiper .swiper-wrapper .swiper-slide {
  padding: 2.3438vw 4.6875vw 5.9896vw 2.3438vw;
  display: flex;
  align-items: center;
}

.manufacturingServiceSwiper .swiper-wrapper .swiper-slide figure {
  width: 37%;
}

.manufacturingServiceSwiper .swiper-wrapper .swiper-slide .font {
  flex: 1;
  margin-left: 3.9063vw;
}

.manufacturingServiceSwiper .swiper-wrapper .swiper-slide .font h5 {
  font-family: 'pb';
  margin-bottom: 1.5625vw;
}

.manufacturingServiceSwiper-Nav {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 20px;
}

.manufacturingServiceSwiper-Nav section {
  position: relative;
  width: auto;
  height: auto;
  opacity: 1;
  background: transparent;
  max-width: 200px;
  text-align: center;
}

.manufacturingServiceSwiper-Nav section.swiper-pagination-bullet-active:after {
  width: 110px;
}

.manufacturingServiceSwiper-Nav section:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  left: 50%;
  height: 2px;
  transform: translate(-50%, 21px);
  background: #68B92E;
  z-index: 3;
  transition: .5s;
}

.manufacturingServiceSwiper-Nav section i {
  color: #68B92E;
  line-height: 1;
}

.manufacturingServiceSwiper-Nav section p {
  margin-top: 0.7813vw;
  font-family: 'pb';
  line-height: 1.2;
  color: #666;
}

.productionCosts {
  padding: 6.5104vw 0 3.6458vw;
}

.productionCostsItem {
  display: flex;
  margin-bottom: 6.7708vw;
}

.productionCostsItem:last-child {
  margin-bottom: 0;
}

.productionCostsItem .dot i {
  width: 78px;
  height: 78px;
  position: relative;
  z-index: 1;
  color: #68B92E;
  display: flex;
  align-items: center;
  justify-content: center;
}

.productionCostsItem .dot i:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #68B92E;
  opacity: .1;
  border-radius: 50%;
  z-index: -1;
}

.productionCostsItem .font {
  flex: 1;
  margin-left: 1.5625vw;
}

.productionCostsItem .font h5 {
  line-height: 1.4;
  font-weight: 700;
  font-family: 'pb';
  margin-bottom: 0.5208vw;
}

.productionCostsItemText {
  color: #666;
  overflow: hidden;
  transition: .6s;
}

.productionCostsItemTextMore {
  cursor: pointer;
  transform: translateY(1.0417vw);
  color: #999;
  transition: .6s;
}

.productionCostsItemTextMore.active {
  opacity: 0;
  visibility: hidden;
}

.productionCostsItemTextMore:hover {
  color: #68B92E;
}

.member {
  position: relative;
  z-index: 4;
  background: #F9F9F9;
}

.member .w1400 {
  transform: translate3d(0, -3.6458vw, 0);
  background: #fff;
  padding: 4.6875vw 5.2083vw;
}

.member .w1400 .paging {
  margin-top: 4.6875vw;
}

.memberItem {
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 2.8646vw 0 2.3438vw;
}

.memberItem:after {
  content: '';
  position: absolute;
  width: 0;
  left: 0;
  height: 0.2604vw;
  bottom: 0;
  transition: .6s;
  background: #68B92E;
  transform: translateY(50%);
  z-index: 3;
}

.memberItem.active:after {
  width: 11.0417vw;
}

.memberItem.active .head h5 {
  transform: scale(1);
}

.memberItem.active .head img {
  opacity: 1;
}

.memberItem.active .http i, .memberItem.active .http a {
  color: #00477B;
}

.memberItem.active .memberItemText {
  margin-top: 1.8229vw;
}

.memberItem .head {
  padding-right: 1.3021vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.3021vw;
}

.memberItem .head h5 {
  transition: .4s;
  transform-origin: center left;
  transform: scale(0.66);
}

.memberItem .head img {
  opacity: 0;
  transition: .5s;
}

.memberItem .head a {
  cursor: pointer;
}

.memberItem .memberItemText {
  height: 0;
  overflow: hidden;
  transition: .5s;
  margin-top: 0;
}

.memberItem .memberItemText p {
  color: #666;
}

.memberItem .memberItemText a {
  display: block;
  margin-top: 1.8229vw;
  color: #68B92E;
}

.http {
  display: flex;
  align-items: center;
  color: #999;
}

.http i {
  transition: .4s;
  color: #00477B;
}

.http a {
  transition: .4s;
  color: #00477B;
  display: block;
  margin-left: 0.8854vw;
}

.http a:hover {
  color: #68B92E;
}

.memberInnerBoxImg {
  position: relative;
}

.memberInnerBoxListBox {
  padding: 2.3438vw 0 5.9896vw;
}

.memberInnerBoxListBox .memberInnerBoxList {
  color: #666;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  white-space: pre-wrap;
}

.memberInnerBoxListBox .memberInnerBoxList:last-child {
  margin-bottom: 0;
}

.memberInnerBoxListBox .memberInnerBoxList i {
  margin-right: 10px;
  width: 18px;
}

.memberInnerBoxListBox .memberInnerBoxList p {
  line-height: 1.375;
}

.memberInnerHead {
  padding: 5.7292vw 0 3.6458vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.memberInnerHead section h5 {
  margin-bottom: 1.5625vw;
}

.onlineMessage {
  margin-top: 5.2083vw;
  padding: 5.4688vw 0 5.2083vw;
  color: #fff;
}

.onlineMessage .ptitle h5 {
  color: #fff;
}

.onlineMessage .w1400 {
  padding: 0 4.5833vw;
}

.cateqory {
  position: relative;
  cursor: pointer;
}

.cateqory .cateqoryTitle {
  min-height: 56px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cateqory ul {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 6;
  max-height: 200px;
  transition: .55s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0, 10px, 0);
}

.cateqory ul.active {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0);
}

.cateqory ul li {
  background: #fff;
  color: #666;
  height: 40px;
  display: flex;
  align-items: center;
  padding: 0 1.5104vw;
  transition: .5s;
  cursor: pointer;
}

.cateqory ul li:hover {
  background: #68B92E;
  color: #fff;
}

.onlineMessageForm {
  margin-top: 3.3854vw;
}

.onlineMessageForm .input {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.onlineMessageForm .input input {
  width: 48%;
}

.onlineMessageForm p {
  color: #fff;
  opacity: .8;
  text-indent: 2em;
}

.onlineMessageFormList {
  min-height: 56px;
  border: 1px solid #BBBBBB;
  background: transparent;
  padding: 0 1.5104vw;
  color: #fff;
  margin-bottom: 16px;
}

textarea {
  width: 100%;
  resize: none;
  padding-top: 0.7813vw !important;
  padding-bottom: 0.7813vw !important;
  height: 10.4167vw;
}

.onlineMessageFormFlex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
}

.onlineMessageFormFlex .review {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.onlineMessageFormFlex .review input {
  border: 1px solid #BBBBBB;
  background: transparent;
  padding: 0 1.5104vw;
  color: #fff;
  height: 50px;
  width: 140px;
  margin: 0 17px;
}

.onlineMessageFormFlex .review .canvasCode {
  height: 50px;
  width: 140px;
  background: #fff;
}

.onlineMessageFormFlex .review .canvasCodeChange {
  margin-left: 30px;
  color: #68B92E;
  cursor: pointer;
  position: relative;
}

.onlineMessageFormFlex .review .canvasCodeChange:after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  height: 1px;
  background: #68B92E;
}

.onlineMessageFormFlex .submit {
  background: #68B92E;
  width: 134px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'pb';
  cursor: pointer;
}

.map {
  display: flex;
}

.map .mapMessage {
  width: 50%;
  padding-right: 5vw;
}

.map #map {
  width: 50%;
}

.amap-markers {
  overflow: visible !important;
}

.mapMessageBox {
  padding: 4.0625vw;
  overflow-y: auto;
  height: 39.5833vw;
}

.mapMessageBox .mapMessageBoxItem {
  margin-top: 4.2708vw;
}

.mapMessageBox .mapMessageBoxItem h5 {
  font-family: 'pb';
  color: #5D5D5D;
  margin-bottom: 1.0417vw;
}

.mapMessageBox .mapMessageBoxItem .memberInnerBoxListBox {
  padding: 0;
}

.news {
  padding: 2.8646vw 0 5.9896vw;
  background: #F9F9F9;
}

.news .w1400 {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 7.8125vw;
}

.news .w1400 .indexNewsItem {
  width: 33.33%;
  transition: .4s;
  padding: 1.7188vw;
  margin-bottom: 0.5208vw;
  height: auto;
  transition: .4s;
}

.news .w1400 .indexNewsItem:hover {
  background: #fff;
}

.news .w1400 .indexNewsItem:hover figure img {
  transform: scale(1.1);
}

.news .w1400 .indexNewsItem:hover .font {
  border-bottom-color: #68B92E;
}

.news .w1400 .indexNewsItem:hover .font h5 {
  color: #68B92E;
}

.news .w1400 .indexNewsItem:hover .font p {
  margin-top: 1.5625vw;
  max-height: initial;
}

.news .w1400 .indexNewsItem .font h5 {
  transition: .4s;
}

.news .w1400 .indexNewsItem .font p {
  max-height: initial;
  height: 0;
}

.news .w1400 .placeholder {
  width: 32%;
}

.news .paging {
  margin-top: 1.5625vw;
}

.newsInnerBox {
  padding-top: 5.7292vw;
}

.newsInnerBox .w1400 {
  display: flex;
}

.newsInnerBox .w1400 .newspaper {
  flex: 1;
}

.newsInnerBox .w1400 .newsInnerList {
  width: 29.64%;
}

.newspaper .title {
  display: flex;
  align-items: center;
  margin: 2.6042vw 0 2.8646vw;
}

.newspaper .title i {
  color: #68B92E;
}

.newspaper .title span {
  color: #999;
  margin-left: 0.9375vw;
  display: block;
}

.newspaper .title #share {
  margin-left: 3.9063vw;
  display: flex;
  align-items: center;
}

.newspaper .title #share a {
  border: none !important;
  color: #999;
  margin: 0 !important;
  padding: 0 !important;
  width: auto;
  height: auto;
  margin-right: 2.3958vw !important;
  display: block;
  transition: .5s;
  background: transparent !important;
}

.newspaper .title #share a:hover {
  color: #68B92E !important;
}

.newspaper .title #share a:last-child {
  margin: 0 !important;
}

.newspaper .font {
  padding-bottom: 4.4271vw;
}

.newspaperLink {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 1.8229vw 0 5.2083vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.newspaperLink a {
  color: #999;
  transition: .4s;
}

.newspaperLink a:hover {
  color: #68B92E;
}

.newsInnerList {
  padding-left: 3.2813vw;
  padding-top: 1.8229vw;
}

.newsInnerList h6 {
  color: #999;
  padding-bottom: 0.625vw;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.newsInnerList .item {
  display: block;
  padding-top: 1.9271vw;
  padding-bottom: 1.8229vw;
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
}

.newsInnerList .item:hover figure img {
  transform: scale(1.1);
}

.newsInnerList .item figure {
  overflow: hidden;
}

.newsInnerList .item figure img {
  transition: .4s;
}

.newsInnerList .item h5 {
  margin: 0.7813vw 0 1.0417vw;
  font-family: 'pb';
  color: #666;
}

.newsInnerList .item time {
  display: flex;
  align-items: center;
}

.newsInnerList .item time i {
  color: #68B92E;
}

.newsInnerList .item time span {
  display: block;
  margin-left: 0.7813vw;
  color: #999;
}

.p22 {
  padding-left: 1.1458vw;
}

.otherOptionsSearch {
  position: relative;
}

.otherOptionsSearch:hover .otherOptionsSearchList {
  transform: translate3d(0, 5px, 0);
  opacity: 1;
  visibility: visible;
}

.otherOptionsSearch .otherOptionsSearchList {
  position: absolute;
  top: 100%;
  right: 0;
  height: 34px;
  display: flex;
  transform: translate3d(0, 10px, 0);
  opacity: 0;
  visibility: hidden;
  transition: .55s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.otherOptionsSearch .otherOptionsSearchList input {
  height: 100%;
  width: 150px;
  padding: 0 10.001px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

.otherOptionsSearch .otherOptionsSearchList a {
  background: #68B92E;
  height: 100%;
  padding: 0 10.001px;
  display: flex;
  align-items: center;
  color: #fff;
}

.aboutVideo {
  padding: 5.6vw 0;
}

.aboutVideo .w1400 .ptitle {
  text-align: center;
}

.aboutVideo .w1400 .ptitle .line {
  margin-left: auto;
  margin-right: auto;
}

.aboutVideo .w1400 .items {
  display: flex;
  /*justify-content: space-between;*/
  flex-wrap: wrap;
  margin-top: 5vw;
}

.aboutVideo .w1400 .items > i {
  width: 31%;
}

.aboutVideo .w1400 .items .item {
  width: 31%;
  margin-bottom: 3vw;
  cursor: pointer;
  margin-right: calc((100% - 31% * 3) / 2);
}
.aboutVideo .w1400 .items .item:nth-of-type(3n){
    margin-right: 0;
}
.aboutVideo .w1400 .items .item:hover figure img {
  transform: scale(1.1);
}

.aboutVideo .w1400 .items .item figure {
  position: relative;
  overflow: hidden;
}

.aboutVideo .w1400 .items .item figure:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}

.aboutVideo .w1400 .items .item figure i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  z-index: 2;
}

.aboutVideo .w1400 .items .item figure img {
  transition: .5s;
}

.aboutVideo .w1400 .items .item .font {
  padding: 1vw 2vw;
  background: #f7f7f7;
}