@charset "UTF-8";
html,
body {
  padding: 0;
  margin: 0;
  font-family: "Microsoft YaHei", "΢ÈíÑźÚ", "PingFang SC", "PingFangSC", Microsoft YaHei-Bold, Muli, Muli-Regular, sans-serif, Arial;
  color: #202020;
}

body {
  font-size: 14px;
}

html.hidden {
  overflow: hidden;
}

.main * {
  box-sizing: border-box;
}

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,
tr,
th,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
main,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input,
textarea,
button {
  padding: 0;
  margin: 0;
}

body {
  position: relative;
}

ul {
  list-style-type: none;
}

a {
  text-decoration: none;
  color: inherit;
}

a:hover {
  text-decoration: none;
  color: inherit;
}

a:link {
  text-decoration: none;
  color: inherit;
}

a:visited {
  text-decoration: none;
  color: inherit;
}

a:active {
  text-decoration: none;
  color: inherit;
}

a[href] {
  cursor: pointer;
}

img {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}

button {
  outline: none;
}

.db {
  display: block;
}

.clearFloat::after {
  content: "";
  display: table;
  clear: both;
}

.clip_text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

input {
  outline: none;
  background: transparent;
  border: none;
  outline: medium;
  width: 100%;
}

input:focus {
  outline: none;
  background-color: #fff;
}

input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #807c7c;
  transition: background-color 5000s ease-out 0.5s;
}

textarea {
  background: transparent;
  border: none;
}

textarea:focus {
  outline: none;
  background-color: #fff;
}

.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
}

.text-center {
  text-align: center;
}

.page-content {
  margin: 0 auto;
}
.page-content.wmax {
  width: 100%;
  max-width: none;
}
.page-content.w1800 {
  width: 93.75%;
  max-width: 1800px;
}

:root {
  --datatopHeight: 112px;
  --headdataHeight: 48px;
  --stylingColor: #0B4DA3;
}

html {
  --designWidth: 1440;
  font-size: calc(min(100vw, var(--designWidth) * 1px) / var(--designWidth) * 100);
}
@media screen and (max-width: 910px) {
  html {
    --designWidth: 910;
  }
}
@media screen and (max-width: 600px) {
  html {
    font-size: calc(600px / var(--designWidth) * 100);
  }
}

.text_clip {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.text_clip_lines {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.text_clip_lines.cl2 {
  -webkit-line-clamp: 2;
}
.text_clip_lines.cl3 {
  -webkit-line-clamp: 3;
}

.hidden {
  overflow: hidden;
}

.page-content {
  --cont-max-w: 1200px;
  margin: 0 auto;
  width: 92%;
  max-width: var(--cont-max-w);
  --cont-gap: Max(calc((100vw - var(--cont-max-w)) / 2), 4vw);
}
.page-content.w1792 {
  --cont-max-w: 1792px;
}
.page-content.w1760 {
  --cont-max-w: 1760px;
}
.page-content.w1600 {
  --cont-max-w: 1600px;
}
.page-content.w1560 {
  --cont-max-w: 1560px;
}
.page-content.w1440 {
  --cont-max-w: 1440px;
}
.page-content.w1146 {
  --cont-max-w: 1440px;
}
.page-content.w960 {
  --cont-max-w: 960px;
}
.page-content.w900 {
  --cont-max-w: 900px;
}

.content {
  width: 90%;
  max-width: 1720px;
  margin: 0 auto;
}

.inner-content {
  width: 12.8rem;
  max-width: 1280px;
  margin: 0 auto;
}

.aligncenter {
  text-align: center;
}

.alignleft {
  text-align: left;
}

.alignright {
  text-align: right;
}

.ellipsis-2 {
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

.page-banner {
  background: url(/_upload/tpl/0f/99/3993/template3993/images/inner-banner.jpg) no-repeat center/cover;
  height: 290px;
}

.clear::after {
  content: "";
  display: block;
  clear: both;
}

#wp_paging_w9 .wp_paging li {
  width: unset;
}

.WP_VisitCount {
  display: inline !important;
}

.action-img .default-Img {
  display: none;
}
.action-img.empty-img .default-Img {
  display: block;
}

@media screen and (max-width: 1200px) {
  .page-banner {
    height: 200px;
  }
  .main-wrapper {
    padding-top: 0;
  }
  .main {
    padding-top: var(--paddingTop);
  }
}
@media screen and (max-width: 910px) {
  .page-banner {
    height: 150px;
    font-size: 14px;
  }
  .page-banner img {
    display: block;
  }
  .page-banner .page-banner-link[href]:after {
    width: 16px;
    height: 16px;
    margin-left: 4px;
  }
  .page-title {
    font-size: 24px;
  }
  .page-header {
    padding: 60px 0 30px;
  }
  .page-header .page-subtitle {
    font-size: 12px;
  }
  .page-header .page-title {
    width: 100%;
  }
  .page-header .h-description {
    width: 100%;
    font-size: 12px;
  }
  .page-header .h-description.w-p70 {
    width: 100%;
  }
  .breadcrumb {
    margin-top: 20px;
    margin-left: 4px;
  }
  .breadcrumb span,
  .breadcrumb a {
    margin: 0 4px;
  }
  .main {
    --paddingTop: unset;
    --paddingLeft: 20px;
    padding-bottom: 0;
  }
  .list-button .page-numbers {
    padding: 0 10px;
    font-size: 14px;
  }
  .list-button .page-numbers .button-net {
    font-size: 14px;
    line-height: 14px;
  }
}
@media screen and (max-width: 500px) {
  :root {
    --datatopHeight: 60px;
  }
  .header,
  .footer,
  .main,
  .header .header-data,
  .header .header-data-top,
  .inner-content,
  .common-wrap,
  .page-banner {
    min-width: unset;
  }
  .page-content {
    width: 92%;
  }
}