@charset "utf-8";
.transi {
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
}
.linear-bg {
  background: linear-gradient(0deg, #03aedb 0%, #137acc 100%);
}
.linear-txt {
  background: linear-gradient(0deg, #03aedb 0%, #137acc 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.max-wid {
  width: 82%;
  max-width: 1600px;
  margin: auto;
}
.full {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0; 
  left: 0;
}
.flex {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
.layout-tab {
  display: table;
  width: 100%;
}
.layout-tab > .cell {
  display: table-cell;
  vertical-align: middle;
}
.Sline {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  fill: none;
  stroke: #92989e;
  pointer-events: none;
  -webkit-transform: translate3d(-66.6%, 0, 0);
  transform: translate3d(-66.6%, 0, 0);
  -webkit-transition: -webkit-transform 0.7s, stroke 0.7s, stroke-width 0.7s;
  transition: transform 0.7s, stroke 0.7s, stroke-width 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
  transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
}
.pro-box {
  float: left;
  width: 100%;
}
.pro-box .pro-pic {
  width: 100%;
  height: 250px;
  position: relative;
  z-index: 10;
}
.pro-box .pro-pic > img {
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 4;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -webkit-box-reflect: below 8px -webkit-linear-gradient(top, rgba(250, 250, 250, 0), rgba(250, 250, 250, 0) 50%, rgba(250, 250, 250, 0.12));
}
.pro-box .pro-pic:hover > img {
  top: -30px;
}
.pro-box .pro-pic:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #343434;
  height: 50%;
  z-index: 1;
}
@keyframes beat {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-12px);
    -moz-transform: translateY(-12px);
    -ms-transform: translateY(-12px);
    -o-transform: translateY(-12px);
    transform: translateY(-12px);
  }
}
.nyfont-90{font-size: 90px;}
.nyfont-78{font-size: 78px;}
.nyfont-70{font-size: 70px;}
.nyfont-64{font-size: 64px;}
.nyfont-62{font-size: 40px;}
.nyfont-60{font-size: 52px;}
.nyfont-58{font-size: 58px;}
.nyfont-50{font-size: 50px;}
.nyfont-48{font-size: 48px;}
.nyfont-46{font-size: 41px;}
.nyfont-44{font-size: 44px;}
.nyfont-43{font-size: 43px;}
.nyfont-42{font-size: 42px;}
.nyfont-40{font-size: 38px;}
.nyfont-36{font-size: 42px;}
.nyfont-34{font-size: 34px;}
.nyfont-32{font-size: 32px;}
.nyfont-30{font-size: 24px;}
.nyfont-28{font-size: 28px;}
.nyfont-26{font-size: 26px;}
.nyfont-24{font-size: 24px;}
.nyfont-20{font-size: 20px;}
.nyfont-22{font-size: 22px;}
.nyfont-18{font-size: 18px;}
.nyfont-17{font-size: 17px;}
.nyfont-16{font-size: 16px;}
.nyfont-15{font-size: 15px;}
@media(max-width: 1700px){
  .nyfont-90{font-size: 70px;}
  .nyfont-78{font-size: 60px;}
  .nyfont-70{font-size: 56px;}
  .nyfont-64{font-size: 50px;}
  .nyfont-62{font-size: 32px;}
  .nyfont-60{font-size: 46px;}
  .nyfont-58{font-size: 46px;}
  .nyfont-50{font-size: 40px;}
  .nyfont-48{font-size: 38px;}
  .nyfont-46{font-size: 36px;}
  .nyfont-44{font-size: 36px;}
  .nyfont-43{font-size: 35px;}
  .nyfont-42{font-size: 34px;}
  .nyfont-40{font-size: 34px;}
  .nyfont-36{font-size: 32px;}
  .nyfont-34{font-size: 28px;}
  .nyfont-32{font-size: 28px;}
  .nyfont-30{font-size: 26px;}
  .nyfont-28{font-size: 24px;}
  .nyfont-26{font-size: 22px;}
  .nyfont-24{font-size: 22px;}
  .nyfont-22{font-size: 20px;}
  .nyfont-20{font-size: 18px;}
  .nyfont-18{font-size: 16px;}
  .nyfont-17{font-size: 16px;}
  .nyfont-16{font-size: 16px;}
}

@media(max-width: 1500px){
  .nyfont-90{font-size: 60px;}
  .nyfont-78{font-size: 50px;}
  .nyfont-70{font-size: 46px;}
  .nyfont-64{font-size: 40px;}
  .nyfont-62{font-size: 29px;}
  .nyfont-60{font-size: 36px;}
  .nyfont-58{font-size: 36px;}
  .nyfont-50{font-size: 30px;}
  .nyfont-48{font-size: 30px;}
  .nyfont-46{font-size: 28px;}
  .nyfont-44{font-size: 28px;}
  .nyfont-43{font-size: 27px;}
  .nyfont-42{font-size: 26px;}
  .nyfont-40{font-size: 26px;}
  .nyfont-36{font-size: 26px;}
  .nyfont-34{font-size: 24px;}
  .nyfont-32{font-size: 24px;}
  .nyfont-30{font-size: 22px;}
  .nyfont-28{font-size: 20px;}
  .nyfont-26{font-size: 18px;}
  .nyfont-24{font-size: 18px;}
  .nyfont-22{font-size: 16px;}
  .nyfont-20{font-size: 16px;}
  .nyfont-17{font-size: 14px;}
  .nyfont-16{font-size: 16px;}
}

@media(max-width: 1100px){
    .nyfont-90{font-size: 42px;}
    .nyfont-78{font-size: 36px;}
    .nyfont-70{font-size: 34px;}
    .nyfont-64{font-size: 32px;}
    .nyfont-62{font-size: 32px;}
    .nyfont-60{font-size: 30px;}
    .nyfont-50{font-size: 26px;}
    .nyfont-48{font-size: 24px;}
    .nyfont-46{font-size: 24px;}
    .nyfont-44{font-size: 24px;}
    .nyfont-43{font-size: 23px;}
    .nyfont-42{font-size: 22px;}
    .nyfont-40{font-size: 22px;}
    .nyfont-36{font-size: 22px;}
    .nyfont-34{font-size: 20px;}
    .nyfont-32{font-size: 20px;}
    .nyfont-30{font-size: 18px;}
    .nyfont-28{font-size: 16px;}
    .nyfont-24{font-size: 16px;}
}