html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  /* border: 0; */
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

ol,
ul,
li {
  list-style: none;
}

a {
  color: #333;
  text-decoration: none;
  outline: none;
}

.container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}

@media screen and (max-width: 1710PX)  {
  .container {
    max-width: 1400px;
  }
}
/* @media screen and (max-width: 1400PX)  {
  .container {
    max-width: 1060px;
  }
} */
@media screen and (max-width:  1500PX) {
  .container {
    max-width: 82vw;
  }
}
@media screen and (max-width:  1000PX) {
  .container {
    max-width: 92vw;
  }
}

@font-face {
  font-family: DengXian;
  src: url(../conf/Marsh\ Stencil\ Regular.otf);
}

@font-face {
  font-family: DengXian-Bold;
  src: url(../conf/Dengb.ttf);
}
@font-face {
  font-family: DengXian-Regular;
  src: url(../conf/Deng.ttf);
}

.f12 {
  font-size: 12PX;
}

.f14 {
  font-size: 14PX;
}

.f16 {
  font-size: 16PX;
}

.f18 {
  font-size: 18PX;
}

.f20 {
  font-size: 20PX;
}

.f24 {
  font-size: 24PX;
}

.f26 {
  font-size: 26PX;
}

.f28 {
  font-size: 28PX;
}

.f30 {
  font-size: 30px;
}

.f32 {
  font-size: 32PX;
}

.f36 {
  font-size: 36PX;
}

.f40 {
  font-size: 40PX;
}

.f42 {
  font-size: 42PX;
}

.f48 {
  font-size: 48PX;
}

.f72 {
  font-size: 72PX;
}

.f90 {
  font-size: 90PX;
}

.f100 {
  font-size: 100PX;
}
@media screen and (max-width: 1600PX)  {
  
  .f14 {
    font-size: 12PX;
  }
  
  .f16 {
    font-size: 14PX;
  }
  
  .f18 {
    font-size: 16PX;
  }
  
  .f20 {
    font-size: 18PX;
  }

  .f22 {
    font-size: 20PX;
  }
  
  .f24 {
    font-size: 22PX;
  }
  
  .f26 {
    font-size: 24PX;
  }
  
  .f28 {
    font-size: 26PX;
  }

  .f30 {
    font-size: 28px;
  }
  
  .f32 {
    font-size: 30PX;
  }
  
  .f36 {
    font-size: 34PX;
  }
  
  .f40 {
    font-size: 38PX;
  }
  
  .f42 {
    font-size: 40PX;
  }
  
  .f48 {
    font-size: 46PX;
  }
  
  .f72 {
    font-size: 70PX;
  }

  .f90 {
    font-size: 70PX;
  }
  

  .f100 {
    font-size: 80px;
  }
}
@media screen and (max-width: 1400PX)  {
  
  .f14 {
    font-size: 12PX;
  }
  
  .f16 {
    font-size: 12PX;
  }
  
  .f18 {
    font-size: 14PX;
  }
  
  .f20 {
    font-size: 16PX;
  }

  .f22 {
    font-size: 18PX;
  }
  
  .f24 {
    font-size: 20PX;
  }
  
  .f26 {
    font-size: 22PX;
  }
  
  .f28 {
    font-size: 24PX;
  }

  .f30 {
    font-size: 26px;
  }
  
  .f32 {
    font-size: 28PX;
  }
  
  .f36 {
    font-size: 30PX;
  }
  
  .f40 {
    font-size: 32PX;
  }
  
  .f42 {
    font-size: 34PX;
  }
  
  .f48 {
    font-size: 36PX;
  }
  
  .f72 {
    font-size: 38PX;
  }

  .f90 {
    font-size: 50PX;
  }

  .f100 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1000PX)  {
  
  .f14 {
    font-size: 12PX;
  }
  
  .f16 {
    font-size: 12PX;
  }
  
  .f18 {
    font-size: 14PX;
  }
  
  .f20 {
    font-size: 16PX;
  }

  .f22 {
    font-size: 16PX;
  }
  
  .f24 {
    font-size: 18PX;
  }
  
  .f26 {
    font-size: 20PX;
  }
  
  .f28 {
    font-size: 22PX;
  }

  .f30 {
    font-size: 24px;
  }
  
  .f32 {
    font-size: 26PX;
  }
  
  .f36 {
    font-size: 28PX;
  }
  
  .f40 {
    font-size: 30PX;
  }
  
  .f42 {
    font-size: 32PX;
  }
  
  .f48 {
    font-size: 34PX;
  }
  
  .f72 {
    font-size: 36PX;
  }

  .f90 {
    font-size: 40PX;
  }

  .f100 {
    font-size: 50px;
  }
}