@charset "utf-8";
html,body{height: 100%;}
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body{ margin:0px; padding:0px; font-size:12px;font-family:"Helvetica","Open Sans","PT Sans",'Helvetica Neue',Arial,Helvetica,sans-serif;color:#898989;line-height:1.1;text-rendering: optimizeLegibility;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family:"PT Sans",'Helvetica Neue',Arial,Helvetica,sans-serif; border: none; outline: none; background: none;}
ul,li{ list-style:none;}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none;}

h2,h3,h4,b,strong { font-weight: normal;}
em,i { font-style: normal;}

.clear{ zoom: 1;}
.clear:after { content: ''; display: block; clear: both;}
.fl { float:left;}
.fr { float:right;}
:root {
  /* 导航高度 */
  --header-height: 1rem;
  /* color */
  --color-active: #33416f;
  --color-blue-004: #33416f;
  --color-blue-095: #095cae;
  --color-blue-163: #163494;
  --color-blue-1635: #163595;
  --color-blue-345: #345999;
  --color-red-e41: #e41313;
  --color-white: #fff;
  --color-black: #282828;
  --color-gray-f6: #f6f6f6;
  --color-gray-f4: #f4f4f4;
  --color-gray-eee: #eee;
  --color-gray-ddd: #ddd;
  --color-gray-bbb: #bbb;
  --color-gray-999: #999;
  --color-gray-666: #666;
  --color-gray-444: #444;
  --color-gray-333: #333;
  /* --- font40以下 */
  --font12: clamp(12px, 0.12rem, 12px);
  --font14: clamp(12px, 0.14rem, 14px);
  --font15: clamp(12px, 0.15rem, 15px);
  --font16: clamp(13px, 0.16rem, 16px);
  --font17: clamp(13px, 0.17rem, 17px);
  --font18: clamp(14px, 0.18rem, 18px);
  --font19: clamp(14px, 0.19rem, 19px);
  --font20: clamp(15px, 0.2rem, 20px);
  --font22: clamp(16px, 0.22rem, 22px);
  --font24: clamp(17px, 0.24rem, 24px);
  --font26: clamp(18px, 0.26rem, 26px);
  --font28: clamp(18px, 0.28rem, 28px);
  --font30: clamp(20px, 0.3rem, 30px);
  --font32: clamp(20px, 0.32rem, 32px);
  --font34: clamp(22px, 0.34rem, 34px);
  --font36: clamp(22px, 0.36rem, 36px);
  --font38: clamp(24px, 0.38rem, 38px);
  /* --- font40 */
  --font40: clamp(23px, 0.4rem, 40px);
  --font42: clamp(24px, 0.42rem, 42px);
  --font44: clamp(24px, 0.44rem, 44px);
  --font46: clamp(25px, 0.46rem, 46px);
  --font48: clamp(26px, 0.48rem, 48px);
  /* --- font50 */
  --font50: clamp(28px, 0.5rem, 50px);
  --font52: clamp(28px, 0.52rem, 52px);
  --font54: clamp(28px, 0.54rem, 54px);
  --font56: clamp(28px, 0.56rem, 56px);
  --font58: clamp(29px, 0.58rem, 58px);
  /* --- font60 */
  --font60: clamp(30px, 0.6rem, 60px);
  --font62: clamp(31px, 0.62rem, 62px);
  --font64: clamp(31px, 0.66rem, 64px);
  --font66: clamp(31px, 0.66rem, 66px);
  /* --- font70以及以上 */
  --font70: clamp(32px, 0.7rem, 70px);
  --font72: clamp(32px, 0.72rem, 72px);
  --font74: clamp(32px, 0.74rem, 74px);
  --font80: clamp(32px, 0.8rem, 80px);
  --font100: 1rem;
  --font120: 1.2rem;
  --font160: 1.6rem;
  --font230: 2.3rem;}
@media (max-width: 1580px) {
  :root {
    --header-height:80px;}
}
/* 公共字体 */
.font12 {
  font-size: var(--font12);}
.font14 {
  font-size: var(--font14);}
.font15 {
  font-size: var(--font15);}
.font16 {
  font-size: var(--font16);}
.font18 {
  font-size: var(--font18);}
.font20 {
  font-size: var(--font20);}
.font22 {
  font-size: var(--font22);}
.font24 {
  font-size: var(--font24);}
.font26 {
  font-size: var(--font26);}
.font28 {
  font-size: var(--font28);}
.font30 {
  font-size: var(--font30);}
.font32 {
  font-size: var(--font32);}
.font34 {
  font-size: var(--font34);}
.font36 {
  font-size: var(--font36);}
.font38 {
  font-size: var(--font38);}
.font40 {
  font-size: var(--font40);}
.font42 {
  font-size: var(--font42);}
.font44 {
  font-size: var(--font44);}
.font46 {
  font-size: var(--font46);}
.font48 {
  font-size: var(--font48);}
.font50 {
  font-size: var(--font50);}
.font52 {
  font-size: var(--font52);}
.font54 {
  font-size: var(--font54);}
.font56 {
  font-size: var(--font56);}
.font58 {
  font-size: var(--font58);}
.font60 {
  font-size: var(--font60);}
.font62 {
  font-size: var(--font62);}
.font64 {
  font-size: var(--font64);}
.font66 {
  font-size: var(--font66);}
.font70 {
  font-size: var(--font70);}
.font72 {
  font-size: var(--font72);}
.font72 {
  font-size: var(--font74);}
.font80 {
  font-size: var(--font80);}
.font100 {
  font-size: var(--font100);}
.font120 {
  font-size: var(--font120);}
.font160 {
  font-size: var(--font160);}
.font230 {
  font-size: var(--font230);}
html {
  font-size: calc(100vw/19.2);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
@media (min-width: 1901px) {
  html {
    font-size: 100px;}
}
@media (max-width: 1580px) {
  html {
    font-size: calc(100vw / 21);}
}
@media (max-width: 1280px) {
  html {
    font-size: calc(100vw / 19.3);}
}
@media (max-width: 767px) {
  html {
    font-size: calc(100vw/15);}
}
@media (max-width: 480px) {
  html {
    font-size: calc(100vw/7.5);}
}