@charset "utf-8";
@import url(normalize.css);
html,
body,
div,
p,
ul,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
select,
button,
textarea,
iframe,
table,
th,
td {
  margin: 0;
  padding: 0;
}
img {
  border: 0 none;
  vertical-align: top;
  max-width: 100%;
}
ul,
li {
  list-style-type: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 14rem;
}
button {
  cursor: pointer;
}
body {
  background: #fff;
  color: #363636;
  line-height: 1.2;
}
a,
a:link {
  color: #222;
  text-decoration: none;
}
a:visited {
}
a:active,
a:hover {
  text-decoration: underline;
}
a:focus {
  outline: none;
}

.wrapper1400 {
  width: 1400rem;
  margin: 0 auto;
}
.wrapper1518 {
  width: 1518rem;
  margin: 0 auto 0 0;
}
.wrapper1680 {
  width: 1680rem;
  margin: 0 auto;
}
.wrapper1920 {
  width: 1920rem;
  margin: 0 auto;
}

.text-posi-abs {
  position: absolute;
  left: var(--l);
  right: var(--r);
  top: var(--t);
  bottom: var(--b);
  width: var(--w);
  height: var(--h);
  font-family: var(--ff);
  font-size: var(--fs);
  line-height: var(--lh, 1);
  font-weight: var(--fw);
  color: var(--c);
  letter-spacing: var(--ls);
  white-space: var(--ws, normal);
  text-align: var(--ta);
}
.image-posi-abs {
  position: absolute;
  left: var(--l);
  right: var(--r);
  top: var(--t);
  bottom: var(--b);
  width: var(--w);
  height: var(--h);
  border-radius: var(--br, 20rem);
  overflow: hidden;
}
.image-posi-abs > img {
  transition: transform 0.4s;
}
.image-posi-abs > img:hover {
  transform: scale(1.1)
}
.box-posi-abs {
  position: absolute;
  left: var(--l);
  right: var(--r);
  top: var(--t);
  bottom: var(--b);
  width: var(--w);
  height: var(--h);
  background-color: var(--bgc);
}
.screen-content-right .el-carousel__indicators--horizontal {
  bottom: 100rem !important;
}
@import url(transition.css);
@import url(quill.bubble.css);