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

/* 内容区 */
.w1300 {width: 1300px;margin: 0 auto; min-width: 68%; max-width: 74%;}
.w1400 {width: 1400px;margin: 0 auto; min-width: 73%;}
.w1420 {width: 1420px;margin: 0 auto;}
.w1290 {width: 1290px;margin: 0 auto;}
.w1517 {width: 1517px;margin: 0 auto;}
.w1580 {width:82.94%;margin: 0 auto;}
.w1600 {width: 1600px;margin: 0 auto;}
@media (max-width: 1750px) {
  .w1400 {width: 80%;}
  .w1420 {width: 80%;}
  .w1517 {width: 85%;}
  .w1540 {width: 85%;}
  .w1600 {width: 85%;}
  .w1730 {width: 85%;}
}
@media (max-width: 1440px) {
  .w1300 {max-width: 80%;}
  .w1290 {width: 80%;}
  .w1420 {width: 82%;}
}

@media (max-width: 767px) {
  .w1300 {width: 95%;}
  .w1400 {width: 95%;}
  .w1440 {width: 95%;}
  .w1290 {width: 95%;}
  .w1517 {width: 95%;}
  .w1540 {width: 95%;}
  .w1600 {width: 95%;}
  .w1730 {width: 95%;}
}


/* 响应式 */
html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
body {FONT: 16px/1.5 "Source Han Sans CN","Microsoft YaHei",'SimSun', 'SimHei' , Arial, Helvetica, sans-serif; min-height: 100%;color: #333; background: #fff;}

:root {
  /* 桌面端默认变量（>1680px） */
  --font12: 12px;     --font13: 13px;/* 补充的奇数变量 */
  --font14: 14px;     --font15: 15px;/* 补充的奇数变量 */
  --font16: 16px;     --font17: 17px;/* 补充的奇数变量 */
  --font18: 18px;     --font19: 19px;/* 补充的奇数变量 */
  --font20: 20px;     --font22: 22px;
  --font24: 24px;     --font26: 26px;
  --font28: 28px;     --font30: 30px;
  --font32: 32px;     --font34: 34px;
  --font36: 36px;     --font38: 38px;
  --font40: 40px;     --font42: 42px;
  --font44: 44px;     --font46: 46px;
  --font48: 48px;     --font50: 50px;
  --font52: 52px;     --font54: 54px;
  --font56: 56px;     --font58: 58px;
  --font60: 60px;     --font62: 62px;
  --font64: 64px;     --font66: 66px;
  --font68: 68px;     --font70: 70px;
  --font72: 72px;     --font74: 74px;
  --font76: 76px;     --font78: 78px;
  --font80: 80px;     --font82: 82px;
  --font84: 84px;     --font86: 86px;
  --font88: 88px;     --font90: 90px;
  --font92: 92px;     --font94: 94px;
  --font96: 96px;     --font98: 98px;
  --font100: 100px;
}

/* 大桌面端（大于1920） */
@media  (min-width: 1921px) { 
  body {font-size: .16rem;}
  :root {
    --font12: 0.12rem;     --font13: 0.13rem; /* 补充的奇数变量 */
    --font14: 0.14rem;     --font15: 0.15rem; /* 补充的奇数变量 */
    --font16: 0.16rem;     --font17: 0.17rem; /* 补充的奇数变量 */
    --font18: 0.18rem;     --font19: 0.19rem; /* 补充的奇数变量 */
    --font20: 0.20rem;     --font22: 0.22rem;
    --font24: 0.24rem;     --font26: 0.26rem;
    --font28: 0.28rem;     --font30: 0.30rem;
    --font32: 0.32rem;     --font34: 0.34rem;
    --font36: 0.36rem;     --font38: 0.38rem;
    --font40: 0.40rem;     --font42: 0.42rem;
    --font44: 0.44rem;     --font46: 0.46rem;
    --font48: 0.48rem;     --font50: 0.50rem;
    --font52: 0.52rem;     --font54: 0.54rem;
    --font56: 0.56rem;     --font58: 0.58rem;
    --font60: 0.60rem;     --font62: 0.62rem;
    --font64: 0.64rem;     --font66: 0.66rem;
    --font68: 0.68rem;     --font70: 0.70rem;
    --font72: 0.72rem;     --font74: 0.74rem;
    --font76: 0.76rem;     --font78: 0.78rem;
    --font80: 0.80rem;     --font82: 0.82rem;
    --font84: 0.84rem;     --font86: 0.86rem;
    --font88: 0.88rem;     --font90: 0.90rem;
    --font92: 0.92rem;     --font94: 0.94rem;
    --font96: 0.96rem;     --font98: 0.98rem;
    --font100: 1rem;
  }
}

/* 中等桌面端（1440px - 1680px） */
@media (min-width: 1440px) and (max-width: 1680px) { 
  body { font-size: 14px; }
  :root {
    --font12: 11px;    --font13: 11.5px; /* 补充的奇数变量 */
    --font14: 12px;    --font15: 12.5px; /* 补充的奇数变量 */
    --font16: 14px;    --font17: 14.5px; /* 补充的奇数变量 */
    --font18: 16px;    --font19: 16.5px; /* 补充的奇数变量 */
    --font20: 18px;    --font22: 20px;
    --font24: 22px;    --font26: 24px;
    --font28: 26px;    --font30: 28px;
    --font32: 30px;    --font34: 32px;
    --font36: 34px;    --font38: 36px;
    --font40: 38px;    --font42: 40px;
    --font44: 42px;    --font46: 44px;
    --font48: 46px;    --font50: 48px;
    --font52: 50px;    --font54: 52px;
    --font56: 54px;    --font58: 56px;
    --font60: 58px;    --font62: 60px;
    --font64: 62px;    --font66: 64px;
    --font68: 66px;    --font70: 68px;
    --font72: 70px;    --font74: 72px;
    --font76: 74px;    --font78: 76px;
    --font80: 78px;    --font82: 80px;
    --font84: 82px;    --font86: 84px;
    --font88: 86px;    --font90: 88px;
    --font92: 90px;    --font94: 92px;
    --font96: 94px;    --font98: 96px;
    --font100: 98px;
  }
}


/* 笔记本端（1024px - 1439px） */
@media (min-width: 1024px) and (max-width: 1439px) {
  body { font-size: 13px;}
  :root {
    --font12: 12px;    --font13: 12.5px; /* 补充的奇数变量 */
    --font14: 13px;    --font15: 13.5px; /* 补充的奇数变量 */
    --font16: 14px;    --font17: 14.5px; /* 补充的奇数变量 */
    --font18: 15px;    --font19: 15.5px; /* 补充的奇数变量 */
    --font20: 16px;    --font22: 17px;
    --font24: 18px;    --font26: 19px;
    --font28: 20px;    --font30: 21px;
    --font32: 22px;    --font34: 23px;
    --font36: 24px;    --font38: 25px;
    --font40: 26px;    --font42: 27px;
    --font44: 28px;    --font46: 29px;
    --font48: 30px;    --font50: 31px;
    --font52: 32px;    --font54: 33px;
    --font56: 34px;    --font58: 35px;
    --font60: 36px;    --font62: 37px;
    --font64: 38px;    --font66: 39px;
    --font68: 40px;    --font70: 41px;
    --font72: 42px;    --font74: 43px;
    --font76: 44px;    --font78: 45px;
    --font80: 46px;    --font82: 47px;
    --font84: 48px;    --font86: 49px;
    --font88: 50px;    --font90: 51px;
    --font92: 52px;    --font94: 53px;
    --font96: 54px;    --font98: 55px;
    --font100: 56px;
  }
}


/* ipad端（768px - 1023px） */
@media (min-width: 768px) and (max-width: 1023px) {
  body {font-size: 12px;}
  :root {
    --font12: 11px;    --font13: 11.5px; /* 补充的奇数变量 */
    --font14: 12px;    --font15: 12.5px; /* 补充的奇数变量 */
    --font16: 13px;    --font17: 13.5px; /* 补充的奇数变量 */
    --font18: 14px;    --font19: 14.5px; /* 补充的奇数变量 */
    --font20: 15px;    --font22: 16px;   
    --font24: 17px;    --font26: 18px;   
    --font28: 19px;    --font30: 20px;   
    --font32: 21px;    --font34: 22px;   
    --font36: 23px;    --font38: 24px;   
    --font40: 25px;    --font42: 26px;   
    --font44: 27px;    --font46: 28px;   
    --font48: 29px;    --font50: 30px;   
    --font52: 31px;    --font54: 32px;   
    --font56: 33px;    --font58: 34px;   
    --font60: 35px;    --font62: 36px;   
    --font64: 37px;    --font66: 38px;   
    --font68: 39px;    --font70: 40px;   
    --font72: 41px;    --font74: 42px;   
    --font76: 43px;    --font78: 44px;   
    --font80: 45px;    --font82: 46px;   
    --font84: 47px;    --font86: 48px;   
    --font88: 49px;    --font90: 50px;   
    --font92: 51px;    --font94: 52px;   
    --font96: 53px;    --font98: 54px;   
    --font100: 55px;  
  }
}


/* 手机端（< 768px） */
@media (max-width: 768px) {
  body {font-size: 0.28rem;}
  :root {
    /* 手机端默认变量（< 768px） */
    --font12: 0.24rem;  /* 12px */     --font13: 0.25rem;  /* 12.5px */
    --font14: 0.26rem;  /* 13px */     --font15: 0.27rem;  /* 13.5px */
    --font16: 0.28rem;  /* 14px */     --font17: 0.29rem;  /* 14.5px */
    --font18: 0.30rem;  /* 15px */     --font19: 0.31rem;  /* 15.5px */
    --font20: 0.32rem;  /* 16px */     --font22: 0.34rem;  /* 17px */
    --font24: 0.36rem;  /* 18px */     --font26: 0.38rem;  /* 19px */
    --font28: 0.40rem;  /* 20px */     --font30: 0.42rem;  /* 21px */
    --font32: 0.44rem;  /* 22px */     --font34: 0.46rem;  /* 23px */
    --font36: 0.48rem;  /* 24px */     --font38: 0.50rem;  /* 25px */
    --font40: 0.52rem;  /* 26px */     --font42: 0.54rem;  /* 27px */
    --font44: 0.56rem;  /* 28px */     --font46: 0.58rem;  /* 29px */
    --font48: 0.60rem;  /* 30px */     --font50: 0.62rem;  /* 31px */
    --font52: 0.64rem;  /* 32px */     --font54: 0.66rem;  /* 33px */
    --font56: 0.68rem;  /* 34px */     --font58: 0.70rem;  /* 35px */
    --font60: 0.72rem;  /* 36px */     --font62: 0.74rem;  /* 37px */
    --font64: 0.76rem;  /* 38px */     --font66: 0.78rem;  /* 39px */
    --font68: 0.80rem;  /* 40px */     --font70: 0.82rem;  /* 41px */
    --font72: 0.84rem;  /* 42px */     --font74: 0.86rem;  /* 43px */
    --font76: 0.88rem;  /* 44px */     --font78: 0.90rem;  /* 45px */
    --font80: 0.92rem;  /* 46px */     --font82: 0.94rem;  /* 47px */
    --font84: 0.96rem;  /* 48px */     --font86: 0.98rem;  /* 49px */
    --font88: 1.00rem;  /* 50px */     --font90: 1.02rem;  /* 51px */
    --font92: 1.04rem;  /* 52px */     --font94: 1.06rem;  /* 53px */
    --font96: 1.08rem;  /* 54px */     --font98: 1.10rem;  /* 55px */
    --font100: 1.12rem; /* 56px */
  }
}


/* 基础字体类（只需定义一次） */
.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);}