/* 响应式 */

body, html {font-size: calc(100vw / 120);}
@media (min-width: 1024px) and (max-width: 1366px) {
  body, html {font-size: calc(100vw / 100);}
}
@media (min-width: 767px) and (max-width: 1024px) {
  body, html {font-size: calc(100vw / 90);}
}
@media (max-width: 767px) {
  /* body, html {font-size: 14px;} */
  body, html {font-size: calc(100vw / 50);}
}

@media (max-width: 500px) {
  /* body, html {font-size: 14px;} */
  body, html {font-size: calc(100vw / 30);}
}

/*字体引入*/
.Arial {font-family: Arial, Helvetica, sans-serif;}

/* 内容区 */
.w1300 {padding: 0 16.145%;width: 100%;}
.w1350 {padding: 0 14.84%;width: 100%;}
.w1400 {padding: 0 13.54%;width: 100%}
.w1440 {padding: 0 12.5%;width: 100%}
.w1500 {padding: 0 11%; width: 100%}
.w1540 {padding: 0 10%; width: 100%}
.w1580 {padding: 0 8.85%; width: 100%}
.w1690 {padding: 0 6%; width: 100%}
@media (max-width: 1366px) {
  .w1300 {padding: 0 5.78125%;}
  .w1350 {padding: 0 5.78125%;}
  .w1400 {padding: 0 5.78125%;}
  .w1440 {padding: 0 5.78125%;}
  .w1500 {padding: 0 5.78125%;}
  .w1540 {padding: 0 5.78125%;}
  .w1580 {padding: 0 5.78125%;}
  .w1690 {padding: 0 5.78125%;}
}

@media (max-width: 768px) {
  .w1300 {padding: 0 4%;}
  .w1400 {padding: 0 4%;}
  .w1440 {padding: 0 4%;}
  .w1500 {padding: 0 4%;}
  .w1540 {padding: 0 4%;}
  .w1580 {padding: 0 4%;}
  .w1690 {padding: 0 4%;}
}


html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
body {FONT: 1rem / 1.5 "PingFang SC", "Microsoft YaHei",  "Noto Sans SC", Arial, Helvetica, sans-serif; min-height: 100%;color: #333; background: #fff;}

:root {
  --font12: .75rem;   --font13: .813rem;/* 补充的奇数变量 */
  --font14: .875rem;  --font15: .938rem;/* 补充的奇数变量 */
  --font16: 1rem;     --font17: 1.063rem;/* 补充的奇数变量 */
  --font18: 1.125rem; --font19: 1.188rem;/* 补充的奇数变量 */
  --font20: 1.25rem;  --font22: 1.375rem;
  --font24: 1.5rem;   --font26: 1.625rem;
  --font28: 1.75rem;  --font30: 1.875rem;
  --font32: 2rem;     --font34: 2.125rem;
  --font36: 2.25rem;  --font38: 2.375rem;
  --font40: 2.5rem;   --font42: 2.625rem;
  --font44: 2.75rem;  --font46: 2.875rem;
  --font48: 3rem;     --font50: 3.125rem;
  --font52: 3.25rem;  --font54: 3.375rem;
  --font56: 3.5rem;   --font58: 3.625rem;
  --font60: 3.75rem;  --font62: 3.875rem;
  --font64: 4rem;     --font66: 4.125rem;
  --font68: 4.25rem;  --font70: 4.375rem;
  --font72: 4.5rem;   --font74: 4.625rem;
  --font76: 4.75rem;  --font78: 4.875rem;
  --font80: 5rem;     --font82: 5.125rem;
  --font84: 5.25rem;  --font86: 5.375rem;
  --font88: 5.5rem;   --font90: 5.625rem;
  --font92: 5.75rem;  --font94: 5.875rem;
  --font96: 6rem;     --font98: 6.125rem;
  --font100: 6.25rem;
}

/* 基础字体类（只需定义一次） */
.tit-12 { font-size: var(--font12); }
.tit-13 { font-size: var(--font13); }
.tit-14 { font-size: var(--font14); }
.tit-15 { font-size: var(--font15); }
.tit-16 { font-size: var(--font16); }
.tit-17 { font-size: var(--font17); }
.tit-18 { font-size: var(--font18); }
.tit-19 { font-size: var(--font19); }
.tit-20 { font-size: var(--font20); }
.tit-22 { font-size: var(--font22); }
.tit-24 { font-size: var(--font24); }
.tit-26 { font-size: var(--font26); }
.tit-28 { font-size: var(--font28); }
.tit-30 { font-size: var(--font30); }
.tit-32 { font-size: var(--font32); }
.tit-34 { font-size: var(--font34); }
.tit-36 { font-size: var(--font36); }
.tit-38 { font-size: var(--font38); }
.tit-40 { font-size: var(--font40); }
.tit-42 { font-size: var(--font42); }
.tit-44 { font-size: var(--font44); }
.tit-46 { font-size: var(--font46); }
.tit-48 { font-size: var(--font48); }
.tit-50 { font-size: var(--font50); }
.tit-52 { font-size: var(--font52); }
.tit-54 { font-size: var(--font54); }
.tit-56 { font-size: var(--font56); }
.tit-58 { font-size: var(--font58); }
.tit-60 { font-size: var(--font60); }
.tit-62 { font-size: var(--font62); }
.tit-64 { font-size: var(--font64); }
.tit-66 { font-size: var(--font66); }
.tit-68 { font-size: var(--font68); }
.tit-70 { font-size: var(--font70); }
.tit-72 { font-size: var(--font72); }
.tit-74 { font-size: var(--font74); }
.tit-76 { font-size: var(--font76); }
.tit-78 { font-size: var(--font78); }
.tit-80 { font-size: var(--font80); }
.tit-82 { font-size: var(--font82); }
.tit-84 { font-size: var(--font84); }
.tit-86 { font-size: var(--font86); }
.tit-88 { font-size: var(--font88); }
.tit-90 { font-size: var(--font90); }
.tit-92 { font-size: var(--font92); }
.tit-94 { font-size: var(--font94); }
.tit-96 { font-size: var(--font96); }
.tit-98 { font-size: var(--font98); }
.tit-100 { font-size: var(--font100);}




/* 手机端（< 768px） */
@media (max-width: 767px) {



}