@charset "utf-8";



/* 定义网站色值 */
.mc {
  color: #28b8b9;
}
.fc {
  color: #6ea97f;
}
.wc {
  color: #ffffff;
}
.gc {
  color: #6f6f6f;
}
.d-gc {
  color: #9e9e9e;
}
.rc {
  color: #ff231c;
}
.oc {
  color: #fc842c;
}
.yc {
  color: #fff714;
}
.gc {
  color: #28b8b9;
}
.bc {
  color: #3f539a;
}
.font-50 {
  font-size: 50px;
}
.font-40 {
  font-size: 40px;
}
.font-34 {
  font-size: 34px;
}
.font-32 {
  font-size: 32px;
}
.font-30 {
  font-size: 30px;
}
.font-28 {
  font-size: 28px;
}
.font-24 {
  font-size: 24px;
}
.font-22 {
  font-size: 22px;
}
.font-20 {
  font-size: 20px;
}
.font-18 {
  font-size: 18px;
}
.font-16 {
  font-size: 16px;
}
.font-14 {
  font-size: 14px;
}
.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);
  }
}

@media(max-width: 1920px){
  .font-32 {font-size: 28px;}
  .font-22 {font-size: 18px;}
  .font-24{font-size: 20px;}
  .font-20{font-size: 18px;}
  .font-18 {
      font-size: 16px;
  }
}



@media(max-width: 1500px){
    .font-16{font-size: 14px;}
    .font-18{font-size: 15px;}
    .font-20{font-size: 16px;}
    .font-22 {font-size: 18px;}
    .font-24{font-size: 18px;}
    .font-30{font-size: 20px;}
    .font-32 {font-size: 22px;}
}


@media(max-width: 1024px){
    .font-18{font-size: 14px;}
    .font-20{font-size: 16px;}
    .font-22 {font-size: 16px;}
    .font-24{font-size: 18px;}
    .font-30{font-size: 20px;}
}

.nyfont-50{font-size: 50px;}
.nyfont-36{font-size: 36px;}
.nyfont-34{font-size: 34px;}
.nyfont-32{font-size: 32px;}
.nyfont-30{font-size: 30px;}
.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-16{font-size: 16px;}

@media(max-width: 1700px){
  .font-50 {
    font-size: 40px;
  }
  .nyfont-50{font-size: 40px;}
  .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-16{font-size: 16px;}
}

@media(max-width: 1500px){
   .font-50 {
    font-size: 30px;
  }
  .nyfont-50{font-size: 30px;}
  .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-16{font-size: 14px;}
}

@media(max-width: 1100px){
     .font-50 {
      font-size: 26px;
    }
    .nyfont-50{font-size: 26px;}
    .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;}
}