.text-l {
  text-align: left;
}
.text-r {
  text-align: right;
}
.text-c {
  text-align: center;
}
.z1 {
  z-index: 1;
}
.z2 {
  z-index: 2;
}
.z3 {
  z-index: 3;
}
.dn {
  display: none;
}
.dib {
  display: inline-block;
}
.w-f {
  width: 100%;
}
.h-f {
  height: 100%;
}
.fwn {
  font-weight: normal;
}
.tac {
  text-align: center;
}
.max1920 {
  max-width: 1920px;
  margin: 0 auto;
}
.max1820 {
  width: 96%;
  max-width: 1820px;
  margin: 0 auto;
}
.max1800 {
  width: 95%;
  max-width: 1800px;
  margin: 0 auto;
}
.max1750 {
  width: 92%;
  max-width: 1750px;
  margin: 0 auto;
}
.max1680 {
  width: 92%;
  max-width: 1680px;
  margin: 0 auto;
}
.max1600 {
  width: 92%;
  max-width: 1600px;
  margin: 0 auto;
}
.max1560 {
  width: 92%;
  max-width: 1560px;
  margin: 0 auto;
}
.max1500 {
  width: 92%;
  max-width: 1500px;
  margin: 0 auto;
}
.max1440 {
  width: 92%;
  max-width: 1440px;
  margin: 0 auto;
}
.max1400 {
  width: 92%;
  max-width: 1400px;
  margin: 0 auto;
}
.max1300 {
  width: 92%;
  max-width: 1300px;
  margin: 0 auto;
}
.max1280 {
  width: 92%;
  max-width: 1280px;
  margin: 0 auto;
}
.max1250 {
  width: 92%;
  max-width: 1250px;
  margin: 0 auto;
}
.max1200 {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}
.H48 {
  font-size: 48px;
}
.P14 {
  font-size: 14px;
}
.P16 {
  font-size: 16px;
}
.P18 {
  font-size: 18px;
}
.P20 {
  font-size: 20px;
}
.P24 {
  font-size: 24px;
}
.P26 {
  font-size: 26px;
}
.P30 {
  font-size: 30px;
}
.P36 {
  font-size: 36px;
}
.P40 {
  font-size: 40px;
}
.P48 {
  font-size: 48px;
}
.P60 {
  font-size: 60px;
}
.col666 {
  color: #666;
}
.col333 {
  color: #333;
}
.col999 {
  color: #999;
}
@media (max-width: 1600px) {
  .max1820 {
    width: 94%;
  }
  .max1400 {
    max-width: 1100px;
  }
  .mgTop {
    margin-top: 75px;
  }
  .H48 {
    font-size: 38px;
  }
  .P36 {
    font-size: 30px;
  }
  .P40 {
    font-size: 34px;
  }
  .P48 {
    font-size: 40px;
  }
  .P60 {
    font-size: 46px;
  }
  .P30 {
    font-size: 26px;
  }
  .P26 {
    font-size: 22px;
  }
  .P24 {
    font-size: 20px;
  }
  .P20 {
    font-size: 18px;
  }
  .P18 {
    font-size: 16px;
  }
  .P16 {
    font-size: 14px;
  }
  .P14 {
    font-size: 12px;
  }
}
@media (max-width: 1200px) {
  .H34 {
    font-size: 30px;
  }
  .P36 {
    font-size: 28px;
  }
  .P40 {
    font-size: 30px;
  }
  .P48 {
    font-size: 36px;
  }
  .P60 {
    font-size: 40px;
  }
  .gytk {
    max-width: 80%;
  }
  .gytk-bj > i {
    right: 5%;
  }
  .gytk > i {
    width: 50px;
    height: 50px;
    right: -50px;
  }
  .gytk iframe {
    width: 800px;
    height: 450px;
  }
  .max1800 {
    width: 92%;
  }
}
.fnt100 {
  font-size: 5.208333vw;
  line-height: 1.2;
}
.fnt98 {
  font-size: 5.10416vw;
  line-height: 1.2;
}
.fnt80 {
  font-size: 4.16666vw;
  line-height: 1.2;
}
.fnt72 {
  font-size: 3.75vw;
  line-height: 1.2;
}
.fnt70 {
  font-size: 3.64583333vw;
  line-height: 1.2;
}
.fnt68 {
  font-size: 3.541666vw;
  line-height: 1.2;
}
.fnt60 {
  font-size: 3.125vw;
  line-height: 1.3;
}
.fnt56 {
  font-size: 2.9166vw;
  line-height: 1.3;
}
.fnt52 {
  font-size: 2.70833vw;
  line-height: 1.3;
}
.fnt50 {
  font-size: 2.6041666vw;
  line-height: 1.3;
}
.fnt48 {
  font-size: 2.5vw;
  line-height: 1.3;
}
.fnt45 {
  font-size: 2.34375vw;
  line-height: 1.3;
}
.fnt40 {
  font-size: 2.08333vw;
  line-height: 1.4;
}
.fnt38 {
  font-size: 1.979166vw;
  line-height: 1.3;
}
.fnt36 {
  font-size: 1.875vw;
  line-height: 1.4;
}
.fnt34 {
  font-size: 1.7708vw;
  line-height: 1.4;
}
.fnt32 {
  font-size: 1.66666vw;
  line-height: 1.4;
}
.fnt30 {
  font-size: 1.5625vw;
}
.fnt28 {
  font-size: 1.45833vw;
}
.fnt26 {
  font-size: 1.354166vw;
}
.fnt24 {
  font-size: 1.25vw;
}
.fnt22 {
  font-size: 1.145833vw;
}
.fnt20 {
  font-size: 1.04166vw;
}
.fnt18 {
  font-size: 0.9375vw;
}
.fnt16 {
  font-size: 0.83333vw;
}
.fnt14 {
  font-size: 0.72916vw;
}
.fnw-b {
  font-weight: bold;
}
.wid1820 {
  width: 94.8vw;
  margin: 0 auto;
}
.wid1800 {
  width: 93.75vw;
  margin: 0 auto;
}
.wid1760 {
  width: 91.666vw;
  margin: 0 auto;
}
.wid1755 {
  width: 91.40625vw;
  margin: 0 auto;
}
.wid1740 {
  width: 90.625vw;
  margin: 0 auto;
}
.wid1680 {
  width: 87.5vw;
  margin: 0 auto;
}
.wid1660 {
  width: 86.45833vw;
  margin: 0 auto;
}
.wid1600 {
  width: 80.72916vw;
  margin: 0 auto;
}
.wid1550 {
  width: 80.72916vw;
  margin: 0 auto;
}
.wid1520 {
  width: 79.166%;
  margin: 0 auto;
}
.wid1400 {
  width: 72.91666666vw;
  margin: 0 auto;
}
.wid1300 {
  width: 67.7vw;
  margin: 0 auto;
}
.wid1200 {
  width: 62.5vw;
  margin: 0 auto;
}
.lin-1 {
  line-height: 1;
}
.lin-2 {
  line-height: 1.2;
}
.lin-3 {
  line-height: 1.3;
}
.lin-4 {
  line-height: 1.4;
}
.lin-5 {
  line-height: 1.5;
}
.lin-6 {
  line-height: 1.6;
}
.lin-7 {
  line-height: 1.7;
}
.lin-8 {
  line-height: 1.8;
}
.lin-9 {
  line-height: 1.9;
}
.lin-10 {
  line-height: 2;
}
.mgt10 {
  margin-top: 0.5vw;
}
.mgt15 {
  margin-top: 0.75vw;
}
.mgt20 {
  margin-top: 1.1vw;
}
.mgt25 {
  margin-top: 1.3vw;
}
.mgt30 {
  margin-top: 1.56vw;
}
.mgt35 {
  margin-top: 1.822vw;
}
.mgt40 {
  margin-top: 2.1vw;
}
@media (max-width: 1200px) {
  .fnt100 {
    font-size: 60px;
  }
  .fnt80 {
    font-size: 55px;
  }
  .fnt72 {
    font-size: 50px;
  }
  .fnt70,
  .fnt68 {
    font-size: 46px;
  }
  .fnt60 {
    font-size: 40px;
  }
  .fnt56 {
    font-size: 38px;
  }
  .fnt52 {
    font-size: 36px;
  }
  .fnt50 {
    font-size: 36px;
  }
  .fnt48 {
    font-size: 34px;
  }
  .fnt45 {
    font-size: 33px;
  }
  .fnt40 {
    font-size: 30px;
  }
  .fnt36,
  .fnt38 {
    font-size: 24px;
  }
  .fnt30,
  .fnt34,
  .fnt32 {
    font-size: 22px;
  }
  .fnt28 {
    font-size: 21px;
  }
  .fnt24,
  .fnt26 {
    font-size: 20px;
  }
  .fnt20,
  .fnt22 {
    font-size: 18px;
  }
  .fnt18,
  .fnt16 {
    font-size: 16px;
  }
  .fnt14 {
    font-size: 14px;
  }
  .wid1820,
  .wid1800,
  .wid1760,
  .wid1755,
  .wid1740,
  .wid1680,
  .wid1660,
  .wid1550 {
    width: 92%;
  }
  .wid1600,
  .wid1520,
  .wid1300 {
    width: 90%;
  }
  .wid1400 {
    width: 88%;
  }
  .wid1200 {
    width: 86%;
  }
  .mgt10 {
    margin-top: 5px;
  }
  .mgt15 {
    margin-top: 10px;
  }
  .mgt20 {
    margin-top: 15px;
  }
  .mgt25 {
    margin-top: 20px;
  }
  .mgt30 {
    margin-top: 25px;
  }
  .mgt35 {
    margin-top: 30px;
  }
  .mgt40 {
    margin-top: 35px;
  }
}
@media (max-width: 1000px) {
  .fnt100 {
    font-size: 50px;
  }
  .fnt80 {
    font-size: 45px;
  }
  .fnt72 {
    font-size: 40px;
  }
  .fnt70,
  .fnt68 {
    font-size: 36px;
  }
  .fnt60 {
    font-size: 32px;
  }
  .fnt56 {
    font-size: 30px;
  }
  .fnt52 {
    font-size: 28px;
  }
  .fnt50 {
    font-size: 28px;
  }
  .fnt48 {
    font-size: 26px;
  }
  .fnt45 {
    font-size: 26px;
  }
  .fnt40 {
    font-size: 24px;
  }
  .fnt36,
  .fnt38 {
    font-size: 20px;
    font-weight: bold;
  }
  .fnt28,
  .fnt34,
  .fnt32 {
    font-size: 20px;
  }
}