@charset "utf-8";
/*!
by Sean Lu 20260228
!!!请勿直接在c.css中修改内容
!!!请勿直接在c.css中修改内容
!!!请勿直接在c.css中修改内容
*/
/* 全局变量设置 */
:root {
  --color-main: #c8161d;
  --color-white: #fff;
  --color-txt: #253554;
  --color-bg: #f5f5f5;
  --color-0: #000;
  --color-3: #333;
  --color-6: #666;
  --color-9: #999;
  --color-border: #dedede;
  --fsize-base: 14px;
  --fsize-large: calc(var(--fsize-base) * 1.25);
  --fsize-txt: calc(var(--fsize-base) * 1.14);
  --fsize-small: calc(var(--fsize-base) * 0.85);
  --fsize-h1: calc(var(--fsize-base) * 2.6);
  --fsize-h2: calc(var(--fsize-base) * 2.15);
  --fsize-h3: calc(var(--fsize-base) * 1.7);
  --gap-base: 16px;
  --gap-mini: calc(var(--gap-base) * 0.25);
  --gap-small: calc(var(--gap-base) * 0.5);
  --gap-large: calc(var(--gap-base) * 1.5);
  --gap-h1: calc(var(--gap-base) * 5);
  --gap-h2: calc(var(--gap-base) * 4);
  --gap-h3: calc(var(--gap-base) * 3);
}
@media (max-width: 1440px) {
  :root {
    --fsize-base: 12px;
    --gap-base: 12px;
  }
}
@media (max-width: 800px) {
  :root {
    --fsize-base: 12px;
    --gap-base: 6px;
  }
}
.jtlayer_sea_4226 {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;
  width: 0;
  height: 100%;
  transition: none;
}
.jtlayer_sea_4226 > * {
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.jtlayer_sea_4226 .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: rgba(0, 0, 0, 0.45);
  opacity: 0;
  transition: opacity 0.3s;
  backdrop-filter: blur(5px) saturate(180%);
}
.jtlayer_sea_4226 .content {
  width: 700px;
  background: var(--color-white);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  box-sizing: border-box;
  padding: var(--gap-h3);
}
@media (max-width: 800px) {
  .jtlayer_sea_4226 .content {
    width: 90vw;
  }
}
.jtlayer_sea_4226 .content .clo {
  position: absolute;
  right: var(--gap-base);
  top: var(--gap-base);
  display: flex;
  padding: var(--gap-base);
  color: var(--color-0);
}
.jtlayer_sea_4226 .content .clo:hover {
  color: var(--color-main);
}
.jtlayer_sea_4226 .content .clo svg {
  width: 26px;
  height: 26px;
  transition: all 0.3s;
}
.jtlayer_sea_4226 .content .tit {
  text-align: center;
  font-size: var(--fsize-h2);
}
.jtlayer_sea_4226 .content .sea {
  background: var(--color-bg);
  display: flex;
  height: 50px;
  margin: var(--gap-large) 0;
  border: 1px solid var(--color-bg);
  transition: all 0.3s;
}
.jtlayer_sea_4226 .content .sea:focus-within {
  border-color: var(--color-main);
}
.jtlayer_sea_4226 .content .sea:focus-within .btn {
  color: var(--color-white);
  background: var(--color-main);
}
.jtlayer_sea_4226 .content .sea .ipt {
  border: 0;
  background: transparent;
  font-size: var(--fsize-large);
  color: var(--color-3);
  padding: 0 var(--gap-large);
  height: 100%;
  flex: 1;
}
.jtlayer_sea_4226 .content .sea .btn {
  width: 50px;
  height: 50px;
  border: 0;
  color: var(--color-0);
  background: transparent;
  cursor: pointer;
  transition: all 0.3s;
}
.jtlayer_sea_4226 .content .sea .btn svg {
  width: 20px;
  height: 20px;
}
.jtlayer_sea_4226 .content .sea .btn:hover {
  color: var(--color-white);
  background: var(--color-main);
}
.jtlayer_sea_4226 .content .key {
  display: flex;
  align-items: flex-start;
}
.jtlayer_sea_4226 .content .key .nam {
  display: flex;
  align-items: center;
  margin-right: var(--gap-base);
  white-space: nowrap;
}
.jtlayer_sea_4226 .content .key .nam .ico {
  color: var(--color-main);
  margin-right: var(--gap-mini);
  display: flex;
  align-items: center;
}
.jtlayer_sea_4226 .content .key .nam .ico svg {
  width: 20px;
  height: 20px;
}
.jtlayer_sea_4226 .content .key .nam .kna {
  font-size: var(--fsize-txt);
  font-weight: bold;
  color: var(--color-0);
}
.jtlayer_sea_4226 .content .key .mor {
  display: flex;
  flex-wrap: wrap;
  font-size: var(--fsize-txt);
}
.jtlayer_sea_4226 .content .key .mor .ma {
  margin: 0 var(--gap-small);
}
.jtlayer_sea_4226.on {
  width: 100%;
}
.jtlayer_sea_4226.on .mask {
  height: 100%;
  opacity: 1;
}
.jtlayer_sea_4226.on .content {
  opacity: 1;
  visibility: visible;
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
}
.inbanner {
  height: 400px;
  color: var(--color-white);
  position: relative;
}
@media (max-width: 800px) {
  .inbanner {
    height: 160px;
  }
}
.inbanner .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.inbanner .bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
.inbanner .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inbanner .wrapper {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.inbanner .qrimg {
  display: block;
  width: 260px;
}
@media (max-width: 800px) {
  .inbanner .qrimg {
    display: none;
  }
}
.inbanner .qrimg img {
  display: block;
  width: 100%;
}
.inbanner .more {
  display: flex;
  column-gap: var(--gap-large);
  padding: var(--gap-large);
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid var(--color-white);
  color: var(--color-white);
  font-size: var(--fsize-txt);
  line-height: 1.6;
}
@media (max-width: 800px) {
  .inbanner .more {
    display: none;
  }
}
.inbanner .more .inf {
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-base);
}
.inbanner .more .inf .nam {
  font-size: var(--fsize-large);
  font-weight: bold;
}
.inbanner .more .img {
  display: block;
  width: 150px;
}
.inbanner .more .img img {
  display: block;
  width: 100%;
}
.inbanner .newconbox {
  display: flex;
  column-gap: 30px;
  justify-content: space-between;
}
@media (max-width: 800px) {
  .inbanner .newconbox {
    display: none;
  }
}
.inbanner .newconbox .item {
  flex: 1;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  align-items: center;
  background: var(--color-white);
  border-radius: 10px;
  padding: 20px;
}
.inbanner .newconbox .item .hd {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  line-height: 1.2;
}
.inbanner .newconbox .item .bd {
  display: flex;
  column-gap: 30px;
  color: var(--color-6);
}
@media (max-width: 800px) {
  .inbanner .newconbox .item .bd {
    flex-direction: column;
    row-gap: 30px;
  }
}
.inbanner .newconbox .item .bd .it {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  align-items: center;
}
.inbanner .newconbox .item .bd .it .img {
  width: 120px;
  mix-blend-mode: multiply;
}
.inbanner .newconbox .item .bd .it .img img {
  display: block;
  width: 100%;
}
.inbanner .newconbox .item .bd .it .txt {
  font-size: 16px;
  line-height: 1.8;
  text-align: center;
}
.inbanner .newconbox .item .bd .it .txt strong {
  font-size: 20px;
  font-weight: bold;
  color: var(--primary);
}
.inbanner .newconbox .item .bd .it .nam {
  font-size: 14px;
  color: #333;
  line-height: 1.6;
}
.inbanner .miniappimg {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gap-base);
  padding-top: var(--gap-h3);
}
@media (max-width: 800px) {
  .inbanner .miniappimg {
    display: none;
  }
}
.inbanner .miniappimg .it {
  flex: 1;
  background: var(--color-white);
  padding: 6px;
  border-radius: 10px 10px 0 0;
}
.inbanner .miniappimg .it .img {
  width: 220px;
  height: 0;
  padding-bottom: 165%;
  overflow: hidden;
  position: relative;
  border-radius: 6px 6px 0 0;
}
.inbanner .miniappimg .it .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 131%;
  object-fit: contain;
}
.inbanner .con .nam {
  font-weight: bold;
  font-size: calc(var(--fsize-h1) * 1.2);
}
@media (max-width: 800px) {
  .inbanner .con .nam {
    font-size: var(--fsize-h2);
  }
}
.inbanner .con .txt {
  font-size: 22px;
  margin-top: var(--gap-small);
  color: var(--primary);
}
.insub {
  position: sticky;
  top: 0;
  z-index: 6;
  height: 70px;
  background: #fbfbfb;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
@media (max-width: 800px) {
  .insub {
    height: 50px;
  }
}
.insub .wrapper {
  height: 100%;
  display: flex;
}
@media (max-width: 800px) {
  .insub .wrapper {
    overflow-x: auto;
    overflow-y: hidden;
  }
}
.insub .wrapper .it {
  height: 100%;
}
.insub .wrapper .it .ia {
  display: flex;
  height: 100%;
  align-items: center;
  font-size: calc(var(--fsize-txt) * 1.1);
  padding: 0 var(--gap-large);
  text-decoration: none;
  color: var(--color-6);
  position: relative;
  transition: all 0.3s;
}
@media (max-width: 800px) {
  .insub .wrapper .it .ia {
    white-space: nowrap;
    font-size: var(--fsize-base);
  }
}
.insub .wrapper .it .ia::after {
  content: "";
  bottom: -1px;
  width: 0;
  left: 50%;
  height: 2px;
  background: var(--color-main);
  position: absolute;
  transform: translateX(-50%);
  transition: all 0.3s;
}
@media (max-width: 800px) {
  .insub .wrapper .it .ia::after {
    bottom: 0;
  }
}
.insub .wrapper .it .ia:hover {
  background: var(--color-bg);
}
.insub .wrapper .it .ia:hover::after {
  width: 100%;
}
.insub .wrapper .it.on .ia {
  background: var(--color-bg);
  color: var(--color-main);
  font-weight: bold;
}
.insub .wrapper .it.on .ia::after {
  width: 100%;
}
.aboutbox01 {
  padding: var(--gap-h1) 0;
  background: var(--color-bg);
}
.aboutbox01 .list {
  display: flex;
  column-gap: var(--gap-large);
}
.aboutbox01 .list .item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: var(--gap-base);
  background: var(--color-white);
  padding: var(--gap-large);
  transition: all 0.3s;
}
.aboutbox01 .list .item:hover {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.aboutbox01 .list .item .ico {
  width: 50px;
  height: 50px;
  color: var(--color-main);
}
.aboutbox01 .list .item .ico svg {
  width: 100%;
  height: 100%;
}
.aboutbox01 .list .item .tit {
  font-size: var(--fsize-h3);
  font-weight: bold;
  color: var(--color-main);
}
.aboutbox01 .list .item .txt {
  font-size: var(--fsize-large);
  text-align: center;
  color: var(--color-3);
}
.aboutbox02 {
  padding: var(--gap-h1) 0;
  background: var(--color-white);
}
.aboutbox02 .con {
  font-size: var(--fsize-large);
  line-height: 1.6;
  color: var(--color-3);
}
.aboutbox02 .con .sub {
  color: var(--color-main);
  font-size: var(--fsize-large);
  margin-bottom: var(--gap-base);
}
.aboutbox02 .con h2 {
  font-size: calc(var(--fsize-h1) * 1.2);
  font-weight: 700;
  color: var(--color-main);
  line-height: 1.2;
  margin-bottom: var(--gap-large);
}
@media (max-width: 800px) {
  .aboutbox02 .con h2 {
    font-size: var(--fsize-h3);
  }
}
.aboutbox02 .con h3 {
  font-size: var(--fsize-h3);
  font-weight: 700;
  color: var(--color-main);
  line-height: 1.2;
  margin-bottom: var(--gap-large);
  margin-top: var(--gap-h3);
}
.aboutbox02 .con p {
  margin-bottom: var(--gap-large);
  text-indent: 2em;
}
.aboutbox02 .con .list {
  display: flex;
  column-gap: var(--gap-large);
  margin: var(--gap-h3) 0;
}
@media (max-width: 800px) {
  .aboutbox02 .con .list {
    flex-direction: column;
    row-gap: var(--gap-h3);
  }
}
.aboutbox02 .con .list .item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: var(--gap-base);
  background: var(--color-white);
  padding: var(--gap-large);
  border: 1px solid var(--color-border);
  transition: all 0.3s;
}
.aboutbox02 .con .list .item:hover {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.aboutbox02 .con .list .item .ico {
  width: 50px;
  height: 50px;
  color: var(--color-main);
}
.aboutbox02 .con .list .item .ico svg {
  width: 100%;
  height: 100%;
}
.aboutbox02 .con .list .item .tit {
  font-size: var(--fsize-h3);
  font-weight: bold;
  color: var(--color-main);
}
.aboutbox02 .con .list .item .txt {
  font-size: var(--fsize-large);
  text-align: center;
  color: var(--color-3);
}
.aboutbox02 .con .splist {
  display: flex;
  column-gap: var(--gap-large);
  background: var(--color-main);
  align-items: center;
  margin-top: var(--gap-h3);
}
@media (max-width: 800px) {
  .aboutbox02 .con .splist {
    flex-direction: column;
  }
}
.aboutbox02 .con .splist .img {
  flex: 1;
}
.aboutbox02 .con .splist .img img {
  display: block;
  width: 100%;
}
.aboutbox02 .con .splist .inf {
  flex: 1;
  font-size: var(--fsize-h3);
  color: var(--color-white);
  display: flex;
  justify-content: center;
  font-weight: bold;
}
@media (max-width: 800px) {
  .aboutbox02 .con .splist .inf {
    padding: var(--gap-h3) 0;
  }
}
.aboutbox02 .con .splist .inf p {
  text-indent: 0;
  margin-bottom: 0;
}
.aboutbox02 .con .abtable {
  line-height: 1.6;
  margin-bottom: var(--gap-h3);
}
.aboutbox02 .con .abtable strong {
  display: block;
  font-size: var(--fsize-h3);
  margin-bottom: var(--gap-base);
}
.homebox05 {
  padding: var(--gap-h1) 0;
}
.homebox05 .wrapper {
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-h3);
}
.homebox05 .hd {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media (max-width: 800px) {
  .homebox05 .hd {
    flex-direction: column;
    align-items: center;
    text-align: center;
    row-gap: var(--gap-h3);
  }
}
.homebox05 .hd .tit {
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-mini);
}
.homebox05 .hd .tit .nam {
  font-size: var(--fsize-h1);
  font-weight: 700;
  line-height: 1.2;
  color: var(--color-0);
}
@media (max-width: 800px) {
  .homebox05 .hd .tit .nam {
    font-size: var(--fsize-h2);
  }
}
.homebox05 .hd .tit .txt {
  font-size: var(--fsize-txt);
  color: var(--color-6);
  line-height: 1.6;
}
.homebox05 .hd .mor .ma {
  display: flex;
  align-items: center;
  font-size: var(--fsize-base);
}
.homebox05 .bd {
  display: flex;
  column-gap: var(--gap-base);
}
@media (max-width: 800px) {
  .homebox05 .bd {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: var(--gap-base);
  }
}
.homebox05 .bd .item {
  flex: 1;
}
.homebox05 .bd .item:nth-child(2) .ia {
  --iacolor: var(--color-9);
}
.homebox05 .bd .item:nth-child(3) .ia {
  --iacolor: var(--color-9);
}
.homebox05 .bd .item:nth-child(4) .ia {
  --iacolor: var(--color-9);
}
.homebox05 .bd .item .ia {
  --iacolor: var(--color-9);
  display: block;
  text-decoration: none;
  position: relative;
  color: var(--color-white);
  background: var(--iacolor);
  border-radius: 6px;
  overflow: hidden;
  transition: all 0.3s;
}
.homebox05 .bd .item .ia:hover {
  transform: translateY(-5px);
  --iacolor: var(--color-main);
}
.homebox05 .bd .item .ia:hover .inf .mor {
  background: var(--color-white);
  color: var(--iacolor);
}
.homebox05 .bd .item .ia:hover .inf .mor svg {
  transform: rotate(0);
}
.homebox05 .bd .item .ia .bg img {
  display: block;
  width: 100%;
}
.homebox05 .bd .item .ia .inf {
  position: absolute;
  top: 10%;
  left: 10%;
  right: 10%;
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-mini);
}
.homebox05 .bd .item .ia .inf .nam {
  font-size: var(--fsize-h3);
  font-weight: bold;
  line-height: 1.2;
}
.homebox05 .bd .item .ia .inf .txt {
  font-size: var(--fsize-txt);
  line-height: 1.6;
  text-transform: uppercase;
}
@media (max-width: 800px) {
  .homebox05 .bd .item .ia .inf .txt {
    font-size: var(--fsize-large);
    margin: var(--gap-large) 0;
  }
}
.homebox05 .bd .item .ia .inf .mor {
  margin-top: var(--gap-base);
  width: 26px;
  height: 26px;
  display: flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-white);
}
.homebox05 .bd .item .ia .inf .mor svg {
  display: block;
  width: 18px;
  height: 18px;
  transform: rotate(-45deg);
  transition: all 0.3s;
}
.homebox05 .con {
  font-size: var(--fsize-large);
  line-height: 1.6;
  color: var(--color-3);
}
.homebox05 .con .sub {
  color: var(--color-main);
  font-size: var(--fsize-large);
  margin-bottom: var(--gap-base);
}
.homebox05 .con h2 {
  font-size: calc(var(--fsize-h1) * 1.2);
  font-weight: 700;
  color: var(--color-main);
  line-height: 1.2;
  margin-bottom: var(--gap-large);
}
.homebox05 .con h3 {
  font-size: var(--fsize-h3);
  font-weight: 700;
  color: var(--color-main);
  line-height: 1.2;
  margin-bottom: var(--gap-large);
  margin-top: var(--gap-h3);
}
.homebox05 .con p {
  margin-bottom: var(--gap-large);
}
.homebox05 .retable {
  margin: 0 auto;
}
.homebox05 .retable .bx {
  display: flex;
  border: 1px solid var(--color-border);
  padding: var(--gap-base) var(--gap-large);
  align-items: center;
  justify-content: center;
  text-align: center;
  min-width: 250px;
  margin: var(--gap-base);
  transition: all 0.3s;
}
@media (max-width: 800px) {
  .homebox05 .retable .bx {
    min-width: 100px;
  }
}
.homebox05 .retable .bx:hover {
  border-color: var(--color-main);
  color: var(--color-main);
}
.homebox05 .retable .ico {
  margin: 0 auto;
  width: 50px;
  height: 50px;
  color: var(--color-9);
}
.homebox05 .retable .ico svg {
  display: block;
  width: 100%;
  height: 100%;
}
.joinlist {
  flex: 1;
}
.joinlist .xbd {
  background: var(--color-bg);
  border: 1px solid var(--color-border);
  border-radius: 10px;
  padding: calc(var(--gap-large) * 1.3);
  transition: all 0.3s;
  cursor: pointer;
  margin-bottom: var(--gap-large);
}
@media (max-width: 800px) {
  .joinlist .xbd {
    padding: 6vw;
  }
}
.joinlist .xbd:last-child {
  margin-bottom: 0;
}
.joinlist .xbd.on {
  background: var(--color-white);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}
.joinlist .xbd .xitem .xh {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.joinlist .xbd .xitem .xh .nam {
  font-size: var(--fsize-h3);
  color: var(--color-0);
}
.joinlist .xbd .xitem .xh .ico {
  transition: all 0.3s;
  color: var(--color-3);
}
.joinlist .xbd .xitem .xh .ico svg {
  width: 30px;
  height: 30px;
}
.joinlist .xbd .xitem.on .nam {
  color: var(--color-main);
  font-weight: bold;
}
.joinlist .xbd .xitem.on .ico {
  transform: rotate(90deg);
  color: var(--color-main);
}
.joinlist .xbd .xitem .xb {
  display: flex;
  align-items: center;
  column-gap: var(--gap-base);
  font-size: var(--fsize-txt);
  margin-top: var(--gap-base);
  color: var(--color-6);
}
.joinlist .xbd .xitem .xb .split {
  display: block;
  width: 1px;
  height: 15px;
  background: var(--color-border);
}
.joinlist .xsub {
  display: none;
  margin-top: var(--gap-large);
}
.joinlist .xsub .xcon {
  display: flex;
  flex-direction: column;
  font-size: var(--fsize-txt);
  line-height: 1.8;
  color: var(--color-6);
}
.joinlist .xsub .xcon p:not(:last-child) {
  margin-bottom: var(--gap-large);
}
.joinlist .xsub .xcon .xh {
  flex-shrink: 0;
}
.imglist {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-radius: 10px;
  gap: var(--gap-h3);
  background: var(--color-white);
  padding: var(--gap-h1);
  margin-top: var(--gap-large);
  border: 1px solid var(--color-border);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
@media (max-width: 800px) {
  .imglist {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.imglist .item {
  cursor: pointer;
}
.imglist .item .img {
  background: var(--color-white);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.05);
  padding: 18px 15px;
  transition: all 0.3s;
}
.imglist .item .img img {
  aspect-ratio: 3/2;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.imglist .item.it02 .img img {
  aspect-ratio: 2/3;
}
.imglist .item:hover .img {
  transform: scale(1.05);
}
.imglist .item .nam {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: var(--gap-base);
  font-size: var(--fsize-large);
  color: var(--color-3);
  margin-top: var(--gap-base);
}
@media (max-width: 800px) {
  .imglist .item .nam {
    margin-top: var(--gap-large);
  }
}
.imglist .item .nam::before {
  content: "";
  display: block;
  width: 20px;
  height: 30px;
  background: url(../img/jt-img/honoricon01.png) no-repeat center;
  background-size: contain;
}
.imglist .item .nam::after {
  content: "";
  display: block;
  width: 20px;
  height: 30px;
  background: url(../img/jt-img/honoricon02.png) no-repeat center;
  background-size: contain;
}
.showlist {
  display: grid;
  grid-template: "A A . . ." "A A B B ." ". . B B ." / 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 10px;
}
@media (max-width: 800px) {
  .showlist {
    display: block;
  }
}
.showlist .item {
  overflow: hidden;
  cursor: pointer;
  position: relative;
}
@media (max-width: 800px) {
  .showlist .item {
    margin-bottom: 10px;
  }
}
.showlist .item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}
.showlist .item img:hover {
  transform: scale(1.05);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.showlist .item span {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  color: var(--color-white);
  text-align: center;
  padding: 10px 10px;
  font-size: var(--fsize-base);
  opacity: 0;
  visibility: hidden;
  transform: translateY(100%);
  transition: all 0.3s;
}
.showlist .item:hover span {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.showlist .item.itemA {
  grid-area: A;
}
.showlist .item.itemB {
  grid-area: B;
}
.showlist .item:nth-child(10) {
  display: none;
}
.weblist {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--gap-large);
}
@media (max-width: 800px) {
  .weblist {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.weblist .item {
  background: var(--color-bg);
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  padding: var(--gap-large);
  transition: all 0.3s;
}
.weblist .item:hover {
  transform: translateY(-5px);
}
.weblist .item .img {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 67%;
  border-radius: 4px;
  overflow: hidden;
}
.weblist .item .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.weblist .item span {
  display: block;
  font-size: var(--fsize-large);
  color: var(--color-3);
  text-align: center;
  margin-top: var(--gap-base);
}
.newslist {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--gap-large);
}
@media (max-width: 800px) {
  .newslist {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.newslist .item {
  box-shadow: 0px 5px 20px 0px rgba(82, 90, 101, 0.1);
  background: var(--color-white);
  border-radius: 5px;
}
.newslist .item .img .ia {
  display: block;
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 60%;
  border-radius: 5px;
  overflow: hidden;
}
.newslist .item .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.newslist .item .inf {
  padding: var(--gap-large);
}
.newslist .item .inf .tim {
  display: flex;
  align-items: center;
  font-size: var(--fsize-base);
  color: var(--color-6);
}
.newslist .item .inf .tim span {
  margin-right: var(--gap-large);
  display: flex;
  align-items: center;
}
.newslist .item .inf .tim span svg {
  color: var(--color-main);
  width: 16px;
  margin-right: var(--gap-small);
}
.newslist .item .inf .tim span:last-child {
  margin-right: 0;
}
.newslist .item .inf .nam {
  margin: var(--gap-small) 0 var(--gap-base);
  font-size: calc(var(--fsize-large) * 1.2);
  font-weight: bold;
  line-height: 1.5;
}
.newslist .item .inf .nam .na {
  font-size: calc(var(--fsize-large) * 1.2);
  text-decoration: none;
  color: var(--color-3);
  transition: all 0.3s;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  word-break: break-all;
  -webkit-line-clamp: 2;
}
.newslist .item .inf .nam .na:hover {
  color: var(--color-main);
}
.newslist .item .inf .txt {
  font-size: var(--fsize-base);
  line-height: 1.6;
  display: -webkit-box;
  overflow: hidden;
  color: var(--color-9);
  -webkit-box-orient: vertical;
  word-break: break-all;
  -webkit-line-clamp: 3;
}
.newslist .item .inf .btn {
  margin-top: var(--gap-large);
  display: flex;
}
.newslist .item .inf .btn .ba {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: var(--color-main);
  font-size: var(--fsize-txt);
}
.newslist .item .inf .btn .ba svg {
  width: 24px;
  height: 24px;
  margin-right: var(--gap-small);
  transition: all 0.3s;
}
.newslist .item .inf .btn .ba:hover svg {
  transform: translateX(5px);
}
.newsitem_4302 {
  padding: var(--gap-h1) 0;
}
.newsitem_4302 .newswrap {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}
.newsitem_4302 .nhd {
  padding-bottom: var(--gap-h3);
  margin-bottom: var(--gap-h3);
  border-bottom: 1px solid var(--color-border);
}
@media (max-width: 800px) {
  .newsitem_4302 .nhd {
    padding-bottom: 0;
  }
}
.newsitem_4302 .nhd .tit {
  font-weight: bold;
  font-size: var(--fsize-h1);
  color: var(--color-0);
  line-height: 1.2;
}
.newsitem_4302 .nhd .tip {
  margin-top: var(--gap-large);
  display: flex;
  align-items: center;
}
@media (max-width: 800px) {
  .newsitem_4302 .nhd .tip {
    flex-direction: column;
    align-items: flex-start;
  }
}
.newsitem_4302 .nhd .tip .ts {
  margin-right: var(--gap-large);
  font-size: var(--fsize-base);
  color: var(--color-9);
}
@media (max-width: 800px) {
  .newsitem_4302 .nhd .tip .ts {
    border-bottom: 1px solid var(--color-border);
    width: 100%;
    margin-right: 0;
    padding: var(--gap-base) 0;
  }
  .newsitem_4302 .nhd .tip .ts:last-child {
    border-bottom: 0;
  }
}
.newsitem_4302 .nhd .tip .ts .ta {
  color: var(--color-9);
  transition: all 0.3s;
}
.newsitem_4302 .nhd .tip .ts .ta:hover {
  color: var(--color-main);
}
.newsitem_4302 .nhd .tip .ts:last-child {
  margin-right: 0;
}
.newsitem_4302 .nbd {
  font-size: var(--fsize-large);
  line-height: 1.6;
  color: var(--color-3);
}
.newsitem_4302 .nbd video {
  display: block;
  width: 100%;
}
.newsitem_4302 .nbd iframe {
  display: block;
  width: 100% !important;
  height: 250px !important;
}
.newsitem_4302 .nbd p {
  font-size: var(--fsize-large);
  margin-bottom: var(--gap-large);
}
.newsitem_4302 .nbd h3 {
  font-size: var(--fsize-h3);
  font-weight: bold;
  color: var(--color-0);
  margin: var(--gap-h3) 0 var(--gap-large);
}
.newsitem_4302 .nbd h4 {
  font-weight: normal;
  text-align: center;
  margin-top: calc(1px - var(--gap-base));
  margin-bottom: var(--gap-large);
  font-size: var(--fsize-base);
  padding-bottom: var(--gap-base);
  border-bottom: 3px solid rgba(0, 0, 0, 0.1);
  font-family: arial;
  opacity: 0.6;
}
.newsitem_4302 .nbd strong {
  font-weight: bold;
  color: var(--color-main);
  margin: 0 var(--gap-mini);
}
.newsitem_4302 .nbd blockquote {
  padding: var(--gap-large);
  margin: 0 0 var(--gap-large);
  background: var(--color-bg);
  border-left: 5px solid #e5e5e5;
  color: var(--color-6);
}
.newsitem_4302 .nbd blockquote p:last-child {
  margin-bottom: 0;
}
.newsitem_4302 .nbd img {
  max-width: 100%;
}
.newsitem_4302 .nsd {
  padding-top: var(--gap-h3);
  margin-top: var(--gap-h3);
  border-top: 1px solid var(--color-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 800px) {
  .newsitem_4302 .nsd {
    flex-direction: column;
  }
}
.newsitem_4302 .nsd .link {
  display: flex;
  flex-direction: column;
  line-height: 1.6;
  font-size: var(--fsize-txt);
}
.newsitem_4302 .nsd .link .la {
  margin: var(--gap-mini) 0;
  text-decoration: none;
  color: var(--color-3);
  font-size: var(--fsize-txt);
  transition: all 0.3s;
}
.newsitem_4302 .nsd .link .la:hover {
  color: var(--color-main);
}
@media (max-width: 800px) {
  .newsitem_4302 .nsd .back {
    margin-top: var(--gap-h3);
  }
}
.newsitem_4302 .nsd .back .ba {
  background: var(--color-main);
  color: var(--color-white);
  font-size: var(--fsize-txt);
  padding: var(--gap-base) var(--gap-h2);
  text-decoration: none;
  position: relative;
}
.newsitem_4302 .nsd .back .ba span {
  position: relative;
}
.newsitem_4302 .nsd .back .ba::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--color-0);
  transform: scaleX(0);
  transform-origin: 100% 0;
  transition: transform 0.34s cubic-bezier(0.67, 0.01, 0.26, 1);
}
.newsitem_4302 .nsd .back .ba:hover::before {
  transform: scaleX(1);
}
.qalist {
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-large);
}
.qalist .item .ia {
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-base);
  text-decoration: none;
  padding: var(--gap-h3);
  background: var(--color-bg);
  border-radius: 10px;
  overflow: hidden;
}
.qalist .item .ih {
  display: flex;
  font-size: calc(var(--fsize-large) * 1.2);
  font-weight: bold;
  column-gap: var(--gap-base);
  color: var(--color-main);
}
.qalist .item .ih::before {
  content: "Q";
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background: var(--color-main);
  color: var(--color-white);
  font-size: var(--fsize-large);
  flex-shrink: 0;
}
.qalist .item .ib {
  display: flex;
  column-gap: var(--gap-base);
  font-size: var(--fsize-large);
  line-height: 1.6;
  color: var(--color-3);
}
.qalist .item .ib .txt span {
  color: var(--color-main);
}
.qalist .item .ib .txt::after {
  content: "查看详情";
  color: var(--color-main);
}
.qalist .item .ib::before {
  content: "A";
  width: 30px;
  height: 30px;
  display: flex;
  font-weight: bold;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background: var(--color-9);
  color: var(--color-white);
  font-size: var(--fsize-large);
  flex-shrink: 0;
}
.downlist {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gap-large);
}
@media (max-width: 800px) {
  .downlist {
    grid-template-columns: 1fr;
  }
}
.downlist .item {
  border: 1px solid var(--color-border);
  background: var(--color-white);
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  padding: calc(var(--gap-large) * 1.2);
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-base);
  transition: all 0.3s;
}
@media (max-width: 800px) {
  .downlist .item {
    padding: 6vw;
    row-gap: 2vw;
  }
}
.downlist .item:hover {
  transform: translateY(-5px);
}
.downlist .item .nam {
  font-size: var(--fsize-h3);
  color: var(--color-0);
  line-height: 1.2;
}
@media (max-width: 800px) {
  .downlist .item .nam {
    font-size: calc(var(--fsize-large) * 1.2);
  }
}
.downlist .item .inf {
  font-size: var(--fsize-txt);
  line-height: 1.6;
  display: flex;
  align-items: center;
  column-gap: var(--gap-base);
  color: var(--color-6);
}
.downlist .item .inf .split {
  display: block;
  width: 1px;
  height: 15px;
  background: var(--color-border);
}
@media (max-width: 800px) {
  .downlist .item .inf .split {
    display: none;
  }
}
.downlist .item .too {
  font-size: var(--fsize-txt);
  line-height: 1.6;
  display: flex;
  align-items: center;
  column-gap: var(--gap-base);
  color: var(--color-6);
}
@media (max-width: 800px) {
  .downlist .item .too {
    column-gap: 6vw;
  }
}
.downlist .item .too .split {
  display: block;
  width: 1px;
  height: 15px;
  background: var(--color-border);
}
@media (max-width: 800px) {
  .downlist .item .too .split {
    display: none;
  }
}
.downlist .item .too .btn {
  color: var(--color-main);
  transition: all 0.3s;
  display: flex;
  align-items: center;
  column-gap: var(--gap-small);
  position: relative;
}
.downlist .item .too .btn:hover .qrcode {
  display: block;
}
.downlist .item .too .btn svg {
  display: block;
  width: 20px;
  height: 20px;
}
.downlist .item .too .btn .qrcode {
  display: none;
  position: absolute;
  z-index: 2;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 120px;
  background: var(--color-white);
  border-radius: 10px;
  padding: 5px;
  border: 1px solid var(--color-border);
  pointer-events: none;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.downlist .item .too .btn .qrcode img {
  display: block;
  width: 100%;
}
.contact-6121 {
  padding: var(--gap-h1) 0;
}
.contact-6121 .newbd {
  margin-top: auto;
  background: #f0f4f5;
  padding: 30px;
  display: flex;
  column-gap: 30px;
  justify-content: space-between;
}
.contact-6121 .newbd .item {
  flex: 1;
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  align-items: center;
  background: #fff;
  border-radius: 10px;
  padding: 30px;
}
.contact-6121 .newbd .item .xhd {
  font-size: 24px;
  font-weight: bold;
  color: #333;
  line-height: 1.2;
}
.contact-6121 .newbd .item .xbd {
  display: flex;
  column-gap: 30px;
}
@media (max-width: 800px) {
  .contact-6121 .newbd .item .xbd {
    flex-direction: column;
    row-gap: 30px;
  }
}
.contact-6121 .newbd .item .xbd .it {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  align-items: center;
}
.contact-6121 .newbd .item .xbd .it .img {
  width: 200px;
  mix-blend-mode: multiply;
}
.contact-6121 .newbd .item .xbd .it .img img {
  display: block;
  width: 100%;
}
.contact-6121 .newbd .item .xbd .it .txt {
  font-size: 18px;
  line-height: 1.8;
}
.contact-6121 .newbd .item .xbd .it .txt strong {
  font-size: 24px;
  font-weight: bold;
  color: var(--primary);
}
.contact-6121 .newbd .item .xbd .it .nam {
  font-size: 14px;
  color: #333;
  line-height: 1.6;
}
.contact-6121 .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 800px) {
  .contact-6121 .wrapper {
    flex-direction: column;
    row-gap: var(--gap-h1);
  }
}
.contact-6121 .wrapper .hd {
  width: 36%;
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-base);
}
@media (max-width: 800px) {
  .contact-6121 .wrapper .hd {
    width: 100%;
    row-gap: var(--gap-h3);
  }
}
.contact-6121 .wrapper .hd .sub {
  font-size: var(--fsize-txt);
  color: var(--color-3);
  display: flex;
  align-items: center;
  column-gap: var(--gap-small);
}
.contact-6121 .wrapper .hd .sub::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background: var(--color-main);
  border-radius: 50%;
}
.contact-6121 .wrapper .hd .nam {
  font-size: var(--fsize-h1);
  font-weight: bold;
  color: var(--color-0);
  line-height: 1.2;
}
@media (max-width: 800px) {
  .contact-6121 .wrapper .hd .nam {
    font-size: var(--fsize-h2);
  }
}
.contact-6121 .wrapper .hd .list {
  font-size: var(--fsize-large);
  color: var(--color-0);
  line-height: 1.6;
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-small);
  margin: var(--gap-base) 0;
}
.contact-6121 .wrapper .hd .list .it {
  display: flex;
  column-gap: var(--gap-small);
}
.contact-6121 .wrapper .hd .list .it::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: transparent;
  border: 4px solid var(--color-main);
  border-radius: 50%;
  margin-top: 7px;
}
.contact-6121 .wrapper .hd .infbox {
  background: var(--color-bg);
  border-top: 4px solid var(--color-main);
  padding: var(--gap-large);
  display: flex;
  column-gap: var(--gap-large);
}
@media (max-width: 800px) {
  .contact-6121 .wrapper .hd .infbox {
    padding: var(--gap-h3);
  }
}
.contact-6121 .wrapper .hd .infbox .item {
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-small);
  color: var(--color-main);
}
.contact-6121 .wrapper .hd .infbox .item .ih {
  font-size: var(--fsize-large);
}
.contact-6121 .wrapper .hd .infbox .item .ib {
  font-size: var(--fsize-h2);
  font-weight: bold;
  display: flex;
  align-items: center;
  column-gap: var(--gap-small);
}
.contact-6121 .wrapper .hd .infbox .item .ib svg {
  width: 30px;
  height: 30px;
  display: block;
}
.contact-6121 .wrapper .hd .infbox .item .ib a {
  color: var(--color-main);
  text-decoration: none;
}
.contact-6121 .wrapper .hd .infbox .item .ib i {
  font-size: var(--fsize-base);
  font-style: normal;
  font-weight: normal;
}
.contact-6121 .wrapper .bd {
  width: 60%;
  border: 1px solid var(--color-main);
  padding: var(--gap-h3);
  border-radius: 3px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-base);
}
@media (max-width: 800px) {
  .contact-6121 .wrapper .bd {
    width: 100%;
  }
}
.contact-6121 .wrapper .bd .sub {
  font-size: var(--fsize-txt);
  color: var(--color-3);
  display: flex;
  align-items: center;
  column-gap: var(--gap-small);
}
.contact-6121 .wrapper .bd .sub::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background: var(--color-main);
  border-radius: 50%;
}
.contact-6121 .wrapper .bd .nam {
  font-size: var(--fsize-h1);
  font-weight: bold;
  color: var(--color-0);
  line-height: 1.2;
}
@media (max-width: 800px) {
  .contact-6121 .wrapper .bd .nam {
    font-size: var(--fsize-h2);
  }
}
.contact-6121 .wrapper .bd .formbox {
  display: flex;
  flex-wrap: wrap;
  row-gap: var(--gap-large);
  justify-content: space-between;
}
.contact-6121 .wrapper .bd .formbox .it {
  width: 49%;
  position: relative;
}
@media (max-width: 800px) {
  .contact-6121 .wrapper .bd .formbox .it {
    width: 100%;
  }
}
.contact-6121 .wrapper .bd .formbox .it .ipt {
  border: 0;
  border-bottom: 1px solid var(--color-border);
  padding: var(--gap-base) var(--gap-base);
  font-size: var(--fsize-large);
  width: 100%;
  box-sizing: border-box;
  outline: 0;
  transition: all 0.3s;
}
@media (max-width: 800px) {
  .contact-6121 .wrapper .bd .formbox .it .ipt {
    padding: var(--gap-h3) var(--gap-base);
  }
}
.contact-6121 .wrapper .bd .formbox .it .ipt:focus {
  border-bottom-color: var(--color-main);
}
.contact-6121 .wrapper .bd .formbox .it .txta {
  border: 0;
  border-bottom: 1px solid var(--color-border);
  padding: var(--gap-base) var(--gap-base);
  font-size: var(--fsize-large);
  width: 100%;
  height: 120px;
  box-sizing: border-box;
  font-family: Helvetica, "PingFang SC", "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  outline: 0;
  transition: all 0.3s;
}
.contact-6121 .wrapper .bd .formbox .it .txta:focus {
  border-bottom-color: var(--color-main);
}
.contact-6121 .wrapper .bd .formbox .it .verifycode {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 200px;
  background: var(--color-border);
  object-fit: contain;
}
@media (max-width: 800px) {
  .contact-6121 .wrapper .bd .formbox .it .verifycode {
    width: 50%;
  }
}
.contact-6121 .wrapper .bd .formbox .it.it2 {
  width: 100%;
}
.contact-6121 .wrapper .bd .formbox .itb {
  width: 100%;
  display: flex;
}
.contact-6121 .wrapper .bd .formbox .itb .btn {
  border: 0;
  border-radius: 6px;
  background: var(--color-main);
  color: var(--color-white);
  font-size: var(--fsize-large);
  padding: var(--gap-base) var(--gap-h1);
  text-decoration: none;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: var(--gap-small);
  transition: all 0.3s;
}
@media (max-width: 800px) {
  .contact-6121 .wrapper .bd .formbox .itb .btn {
    width: 100%;
    padding: var(--gap-h3) var(--gap-base);
  }
}
.contact-6121 .wrapper .bd .formbox .itb .btn:hover {
  background: var(--color-0);
}
.contactmor {
  padding-bottom: var(--gap-h1);
}
.contactmor .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gap-large);
}
@media (max-width: 800px) {
  .contactmor .list {
    grid-template-columns: 1fr;
  }
}
.contactmor .list .item {
  flex: 1;
  background: var(--color-bg);
  border-top: 4px solid var(--color-main);
  padding: var(--gap-h3);
  font-size: var(--fsize-large);
  line-height: 1.6;
  color: var(--color-0);
}
.contactmor .list .item.big {
  grid-row: span 2;
  text-align: center;
}
.contactmor .list .item strong {
  display: block;
  font-size: var(--fsize-h3);
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: var(--gap-large);
}
.contactmor .list .item p.sp {
  color: var(--color-main);
  font-weight: bold;
  font-size: var(--fsize-h3);
  margin-bottom: var(--gap-base);
}
.contactmor .list .item img {
  display: block;
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
}
.parlist {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: var(--gap-large);
  margin-top: var(--gap-h3);
}
@media (max-width: 800px) {
  .parlist {
    grid-template-columns: repeat(2, 1fr);
  }
}
.parlist .item {
  background: var(--color-bg);
  border-top: 4px solid var(--color-main);
  padding: var(--gap-large);
  font-size: var(--fsize-txt);
  line-height: 1.6;
  color: var(--color-0);
  display: flex;
  align-items: center;
  flex-direction: column;
  row-gap: var(--gap-base);
}
.parlist .item .img {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 50%;
}
.parlist .item .img img {
  position: absolute;
  display: block;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: contain;
}
.videobox {
  padding: var(--gap-h1) 0;
}
.videobox .list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gap-large);
}
@media (max-width: 800px) {
  .videobox .list {
    grid-template-columns: 1fr;
  }
}
.videobox .list .item .ia {
  display: flex;
  padding: var(--gap-large);
  background: var(--color-bg);
  border-radius: 10px;
  overflow: hidden;
  column-gap: var(--gap-large);
  text-decoration: none;
  transition: all 0.3s;
}
@media (max-width: 800px) {
  .videobox .list .item .ia {
    flex-direction: column;
    row-gap: var(--gap-h3);
    padding: var(--gap-h3);
  }
}
.videobox .list .item .ia .img {
  width: 320px;
  position: relative;
  height: 200px;
  border-radius: 6px;
  overflow: hidden;
}
@media (max-width: 800px) {
  .videobox .list .item .ia .img {
    width: 100%;
    height: 190px;
  }
}
.videobox .list .item .ia .img::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2m-2 14.5v-9l6 4.5z'/%3E%3C/svg%3E");
  background-color: var(--color-white);
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  transition: all 0.3s;
}
.videobox .list .item .ia .img img {
  position: absolute;
  display: block;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}
.videobox .list .item .ia:hover .img::after {
  width: 70px;
  height: 70px;
}
.videobox .list .item .ia .inf {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 800px) {
  .videobox .list .item .ia .inf {
    row-gap: var(--gap-h3);
  }
}
.videobox .list .item .ia .inf .nam {
  font-size: calc(var(--fsize-large) * 1.4);
  font-weight: bold;
}
.videobox .list .item .ia .inf .nam::after {
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  background: var(--color-9);
  margin-top: var(--gap-base);
}
.videobox .list .item .ia .inf .tim {
  font-size: var(--fsize-txt);
  color: var(--color-9);
}
.prosubnav {
  padding: var(--gap-h3);
  background: var(--color-bg);
  margin-bottom: var(--gap-large);
}
.prosubnav .hd {
  font-size: calc(var(--fsize-h1) * 1);
  font-weight: bold;
  color: var(--color-0);
  line-height: 1.2;
}
.prosubnav .bd {
  display: flex;
  gap: var(--gap-small);
  margin-top: var(--gap-large);
  flex-wrap: wrap;
}
.prosubnav .bd .it .ia {
  display: flex;
  background: var(--color-white);
  padding: var(--gap-small) var(--gap-base);
  font-size: var(--fsize-txt);
  text-decoration: none;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid var(--color-border);
  transition: all 0.3s;
}
.prosubnav .bd .it .ia:hover {
  border-color: var(--color-main);
}
.prosubnav .bd .it.on .ia {
  background: var(--color-main);
  color: var(--color-white);
  border-color: var(--color-main);
}
.productwrap {
  background: var(--color-white);
  padding: var(--gap-h1) 0;
}
.productwrap .filter-container .nul .nli .na {
  background: var(--color-bg);
}
.productwrap .wrapper {
  display: flex;
  column-gap: var(--gap-large);
}
.productwrap .main {
  flex: 1;
}
.productwrap .main .subtit {
  font-size: var(--fsize-base);
  font-weight: bold;
  color: var(--color-9);
  line-height: 1.2;
  margin-bottom: var(--gap-large);
}
.productwrap .main .subtit strong {
  color: var(--color-main);
}
.productwrap .prolist {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gap-large);
}
@media (max-width: 800px) {
  .productwrap .prolist {
    grid-template-columns: 1fr;
  }
}
.productwrap .prolist .item {
  border: 1px solid var(--color-border);
  padding: var(--gap-large);
  display: flex;
  flex-direction: column;
}
.productwrap .prolist .item .img .ia {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  transition: all 0.3s;
}
.productwrap .prolist .item .img .ia:hover {
  transform: scale(1.05);
}
.productwrap .prolist .item .img .ia img {
  position: absolute;
  display: block;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: contain;
}
.productwrap .prolist .item .inf {
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-small);
}
.productwrap .prolist .item .inf .sub {
  font-size: var(--fsize-base);
  color: var(--color-3);
}
.productwrap .prolist .item .inf .nam {
  font-size: var(--fsize-large);
  line-height: 1.2;
  font-weight: bold;
  color: var(--color-0);
}
.productwrap .prolist .item .inf .btn {
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-small);
  margin: var(--gap-base) 0;
}
.productwrap .prolist .item .inf .btn .ba {
  display: flex;
  padding: var(--gap-small) var(--gap-base);
  align-items: center;
  justify-content: center;
  font-size: var(--fsize-txt);
  text-decoration: none;
  border-radius: 4px;
  overflow: hidden;
  column-gap: var(--gap-small);
  border: 1px solid var(--color-border);
  transition: all 0.3s;
}
@media (max-width: 800px) {
  .productwrap .prolist .item .inf .btn .ba {
    padding: var(--gap-large) var(--gap-large);
  }
}
.productwrap .prolist .item .inf .btn .ba::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21 14a1 1 0 0 0-1 1v4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-4a1 1 0 0 0-2 0v4a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-4a1 1 0 0 0-1-1m-9.71 1.71a1 1 0 0 0 .33.21a.94.94 0 0 0 .76 0a1 1 0 0 0 .33-.21l4-4a1 1 0 0 0-1.42-1.42L13 12.59V3a1 1 0 0 0-2 0v9.59l-2.29-2.3a1 1 0 1 0-1.42 1.42Z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.productwrap .prolist .item .inf .btn .ba:hover {
  border-color: var(--color-main);
}
.productwrap .prolist .item .inf .btn .ba.on {
  background: var(--color-main);
  color: var(--color-white);
  border-color: var(--color-main);
}
.productwrap .prolist .item .inf .btn .ba.on::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23000' d='M768 256H353.6a32 32 0 1 1 0-64H800a32 32 0 0 1 32 32v448a32 32 0 0 1-64 0z'/%3E%3Cpath fill='%23000' d='M777.3 201.3a32 32 0 0 1 45.4 45.4l-544 544a32 32 0 0 1-45.4-45.4z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.productwrap .prolist .item .inf .btn .ba.on:hover {
  opacity: 0.8;
}
.productwrap .prolist .item .inf .pri {
  font-size: var(--fsize-base);
  line-height: 1.2;
  color: var(--color-main);
  text-align: right;
  display: flex;
  justify-content: flex-end;
  column-gap: var(--gap-mini);
  display: none;
}
.productwrap .prolist .item .inf .pri::before {
  content: "¥";
  display: inline-block;
  font-size: var(--fsize-base);
  line-height: 1.2;
}
.proitemwrap {
  padding: var(--gap-h1) 0;
  background: var(--color-white);
}
.proitemwrap .wrapper {
  display: flex;
  column-gap: var(--gap-large);
}
@media (max-width: 800px) {
  .proitemwrap .wrapper {
    flex-direction: column;
    row-gap: var(--gap-h3);
  }
}
.proitemwrap .side {
  position: sticky;
  top: calc(var(--gap-h1) * 1.5);
  width: 550px;
  align-self: flex-start;
}
@media (max-width: 800px) {
  .proitemwrap .side {
    width: 100%;
    position: relative;
    top: 0;
  }
}
.proitemwrap .side .img {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
  border: 1px solid var(--color-border);
}
.proitemwrap .side .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.proitemwrap .main {
  flex: 1;
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-small);
}
@media (max-width: 800px) {
  .proitemwrap .main {
    row-gap: var(--gap-h3);
  }
}
.proitemwrap .main .sub {
  font-size: var(--fsize-base);
  color: var(--color-3);
}
.proitemwrap .main .nam {
  font-size: var(--fsize-h1);
  font-weight: bold;
  color: var(--color-0);
  line-height: 1.2;
}
.proitemwrap .main .spb {
  margin: var(--gap-base) 0;
  background: var(--color-bg);
  padding: var(--gap-large);
  font-size: var(--fsize-txt);
  line-height: 1.6;
  color: var(--color-3);
  border-top: 4px solid var(--color-main);
}
@media (max-width: 800px) {
  .proitemwrap .main .spb {
    padding: var(--gap-h3);
  }
}
.proitemwrap .main .spb p {
  margin-bottom: var(--gap-large);
}
.proitemwrap .main .spb p:last-child {
  margin-bottom: 0;
}
.proitemwrap .main .spb strong {
  color: var(--color-main);
}
.proitemwrap .main .spb .tlogo {
  width: 200px;
}
.proitemwrap .main .spb .tlogo img {
  display: block;
  width: 100%;
}
.proitemwrap .main .btn {
  display: flex;
  column-gap: var(--gap-small);
}
.proitemwrap .main .btn .ba {
  display: flex;
  padding: var(--gap-base) var(--gap-h3);
  align-items: center;
  justify-content: center;
  font-size: var(--fsize-txt);
  text-decoration: none;
  border-radius: 4px;
  overflow: hidden;
  column-gap: var(--gap-small);
  border: 1px solid var(--color-border);
  transition: all 0.3s;
}
.proitemwrap .main .btn .ba::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21 14a1 1 0 0 0-1 1v4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-4a1 1 0 0 0-2 0v4a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-4a1 1 0 0 0-1-1m-9.71 1.71a1 1 0 0 0 .33.21a.94.94 0 0 0 .76 0a1 1 0 0 0 .33-.21l4-4a1 1 0 0 0-1.42-1.42L13 12.59V3a1 1 0 0 0-2 0v9.59l-2.29-2.3a1 1 0 1 0-1.42 1.42Z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.proitemwrap .main .btn .ba:hover {
  border-color: var(--color-main);
}
.proitemwrap .main .btn .ba.on {
  background: var(--color-main);
  color: var(--color-white);
  border-color: var(--color-main);
}
.proitemwrap .main .btn .ba.on::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23000' d='M768 256H353.6a32 32 0 1 1 0-64H800a32 32 0 0 1 32 32v448a32 32 0 0 1-64 0z'/%3E%3Cpath fill='%23000' d='M777.3 201.3a32 32 0 0 1 45.4 45.4l-544 544a32 32 0 0 1-45.4-45.4z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.proitemwrap .main .btn .ba.on:hover {
  opacity: 0.8;
}
.proitemwrap .main .con {
  padding: var(--gap-h3) 0;
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
  margin: var(--gap-h3) 0;
  font-size: var(--fsize-large);
  line-height: 1.6;
  color: var(--color-3);
}
.proitemwrap .main .con .sub {
  color: var(--color-main);
  font-size: var(--fsize-large);
  margin-bottom: var(--gap-base);
}
.proitemwrap .main .con h2 {
  font-size: calc(var(--fsize-h1) * 1.2);
  font-weight: 700;
  color: var(--color-main);
  line-height: 1.2;
  margin-bottom: var(--gap-large);
}
.proitemwrap .main .con h3 {
  font-size: var(--fsize-h3);
  font-weight: 700;
  color: var(--color-main);
  line-height: 1.2;
  margin-bottom: var(--gap-large);
  margin-top: var(--gap-h3);
}
.proitemwrap .main .con p {
  margin-bottom: var(--gap-large);
}
.proitemwrap .main .con img {
  display: block;
  max-width: 100%;
}
.proitemwrap .main .mor {
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-small);
  font-size: var(--fsize-txt);
}
.proitemwrap .main .mor .ma {
  display: flex;
  width: fit-content;
}
.qrcodeblock_left .item {
  display: flex;
  flex-direction: row;
  column-gap: var(--gap-h3);
  align-items: center;
}
@media (max-width: 800px) {
  .qrcodeblock_left .item {
    flex-direction: column;
    row-gap: var(--gap-h1);
  }
}
.qrcodeblock_left .item .inf {
  flex: 2;
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-large);
}
.qrcodeblock_left .item .inf .tit {
  font-size: var(--fsize-h2);
  font-weight: 700;
  line-height: 1.2;
  color: var(--color-0);
}
.qrcodeblock_left .item .inf .txt {
  font-size: var(--fsize-txt);
  line-height: 1.6;
  color: var(--color-3);
}
.qrcodeblock_left .item .inf .txt p {
  margin-bottom: var(--gap-large);
}
.qrcodeblock_left .item .inf .txt p:last-child {
  margin-bottom: 0;
}
.qrcodeblock_left .item .inf .txt strong {
  font-weight: bold;
  color: var(--color-main);
}
.qrcodeblock_left .item .inf .btn {
  display: flex;
}
.qrcodeblock_left .item .inf .btn .ba {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px var(--gap-h3);
  font-size: var(--fsize-txt);
  border: 2px solid var(--color-main);
  color: var(--color-main);
  text-decoration: none;
  transition: all 0.3s;
}
.qrcodeblock_left .item .inf .btn .ba:hover {
  background: var(--color-main);
  color: var(--color-white);
}
.qrcodeblock_left .item .qrimg {
  flex: 1;
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-small);
  font-size: var(--fsize-txt);
  color: var(--color-6);
  text-align: center;
  justify-content: center;
  mix-blend-mode: multiply;
}
.qrcodeblock_left .item .qrimg img {
  display: block;
  width: 160px;
  margin: 0 auto;
}
.sandabox {
  padding: var(--gap-h1) 0;
  background: var(--color-white);
}
.sandabox .miniapplist {
  padding: var(--gap-base) 0 var(--gap-h3);
  width: 100%;
}
.sandabox .miniapplist .swiper-slide {
  background: var(--color-white);
  padding: 20px;
  border-radius: 6px;
  overflow: hidden;
  transition: 300ms;
  transform: scale(0.8);
  opacity: 0.3;
}
.sandabox .miniapplist .swiper-slide img {
  display: block;
  width: 100%;
}
.sandabox .miniapplist .swiper-slide-active,
.sandabox .miniapplist .swiper-slide-duplicate-active {
  transform: scale(1);
  opacity: 1;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.sandabox .wrapper {
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-h3);
}
.sandabox .wrapper .item {
  display: flex;
  flex-direction: row-reverse;
  column-gap: var(--gap-h3);
  align-items: center;
}
@media (max-width: 800px) {
  .sandabox .wrapper .item {
    flex-direction: column;
    row-gap: var(--gap-h1);
  }
}
.sandabox .wrapper .item:nth-child(2n) {
  flex-direction: row;
}
.sandabox .wrapper .item .inf {
  flex: 1;
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-large);
}
.sandabox .wrapper .item .inf .tit {
  font-size: var(--fsize-h1);
  font-weight: 700;
  line-height: 1.2;
  color: var(--color-0);
}
.sandabox .wrapper .item .inf .txt {
  font-size: var(--fsize-large);
  line-height: 1.6;
  color: var(--color-3);
}
.sandabox .wrapper .item .inf .txt p {
  margin-bottom: var(--gap-large);
}
.sandabox .wrapper .item .inf .txt p:last-child {
  margin-bottom: 0;
}
.sandabox .wrapper .item .inf .txt strong {
  font-weight: bold;
  color: var(--color-main);
}
.sandabox .wrapper .item .inf .qrimg {
  width: 160px;
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-small);
  font-size: var(--fsize-txt);
  color: var(--color-6);
  text-align: center;
  justify-content: center;
}
.sandabox .wrapper .item .img {
  flex: 1.2;
  position: relative;
  width: 100%;
}
.sandabox .wrapper .item .img img {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 2;
}
.sandabox .wrapper .morcon {
  background: var(--color-bg);
  padding: var(--gap-h3);
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-h3);
}
.sandabox .wrapper .morcon .hd {
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-small);
  align-items: center;
  text-align: center;
}
.sandabox .wrapper .morcon .hd .cn {
  font-size: var(--fsize-h2);
  font-weight: bold;
  color: var(--color-0);
  line-height: 1.2;
}
.sandabox .wrapper .morcon .hd .en {
  font-size: var(--fsize-txt);
  line-height: 1.6;
  color: var(--color-6);
}
.sandabox .wrapper .morcon .lis {
  display: flex;
  column-gap: var(--gap-large);
}
@media (max-width: 800px) {
  .sandabox .wrapper .morcon .lis {
    flex-direction: column;
    row-gap: var(--gap-h3);
  }
}
.sandabox .wrapper .morcon .lis .it {
  flex: 1;
  background: var(--color-white);
  padding: var(--gap-large);
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-base);
  align-items: center;
}
.sandabox .wrapper .morcon .lis .it .ico {
  width: 50px;
  height: 50px;
  display: flex;
  color: var(--color-0);
}
.sandabox .wrapper .morcon .lis .it .ico svg {
  display: block;
  width: 100%;
  height: 100%;
}
.sandabox .wrapper .morcon .lis .it .nam {
  font-size: var(--fsize-large);
  line-height: 1.6;
  color: var(--color-0);
  font-weight: bold;
}
.sandabox .wrapper .morcon .lis .it .txt {
  font-size: var(--fsize-txt);
  line-height: 1.6;
  color: var(--color-3);
}
.sandabox .wrapper .morcon .appimg {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gap-large);
}
@media (max-width: 800px) {
  .sandabox .wrapper .morcon .appimg {
    grid-template-columns: repeat(2, 1fr);
  }
}
.sandabox .wrapper .morcon .appimg .it {
  flex: 1;
  background: var(--color-white);
  padding: 10px;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-base);
  align-items: center;
}
.sandabox .wrapper .morcon .appimg .it .img {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 218%;
  overflow: hidden;
  border-radius: 6px;
}
.sandabox .wrapper .morcon .appimg .it .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.nodata {
  background: url(../img/no_data.png) no-repeat center top;
  padding-top: 200px;
  text-align: center;
  font-size: var(--fsize-large);
  color: #999;
  margin: 90px 0;
}
.trans {
  transition: all 0.3s;
}
body.fxd {
  overflow: hidden;
}
.wrapper {
  box-sizing: border-box;
  padding: 0 20px;
  width: 1400px;
  margin: 0 auto;
}
@media (max-width: 1440px) {
  .wrapper {
    width: 100%;
  }
}
@-webkit-keyframes zoomInSmall {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.92, 0.92, 0.92);
    transform: scale3d(0.92, 0.92, 0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomInSmall {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.92, 0.92, 0.92);
    transform: scale3d(0.92, 0.92, 0.92);
  }
  50% {
    opacity: 1;
  }
}
.zoomInSmall {
  -webkit-animation-name: zoomInSmall;
  animation-name: zoomInSmall;
}
.lightGallery-white-theme .lg-outer .lg-thumb-outer {
  box-shadow: 0px 0px 6px -3.5px rgba(0, 0, 0, 0.25) inset;
}
.lightGallery-white-theme .lg-sub-html {
  color: #333 !important;
}
.lightGallery-white-theme .lg-sub-html a {
  color: #2f2f2f !important;
}
.lightGallery-white-theme .lg-backdrop {
  background-color: rgba(243, 243, 243, 0.8);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.lightGallery-white-theme .lg-backdrop {
  background-color: rgba(243, 243, 243, 0.8);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.lightGallery-white-theme .lg-thumb-item.active,
.lightGallery-white-theme .lg-thumb-item:hover {
  border-color: var(--color-main);
}
.lightGallery-white-theme .lg-progress-bar {
  background-color: #999;
}
.lightGallery-white-theme .lg-progress-bar .lg-progress {
  background-color: #333;
}
.lightGallery-white-theme .lg-outer .lg-thumb-outer {
  background-color: #fcfcfc;
}
.lightGallery-white-theme .lg-next,
.lightGallery-white-theme .lg-prev {
  background-color: rgba(0, 0, 0, 0.03);
  color: #444;
}
.lightGallery-white-theme .lg-next:hover,
.lightGallery-white-theme .lg-prev:hover {
  color: #000;
}
.lightGallery-white-theme .lg-next:focus,
.lightGallery-white-theme .lg-prev:focus {
  outline: none;
  box-shadow: none;
}
.lightGallery-white-theme .lg-toolbar .lg-icon {
  color: #555;
}
.lightGallery-white-theme .lg-toolbar .lg-icon:hover {
  color: #000;
}
.lightGallery-white-theme .lg-counter {
  color: #555;
}
.lightGallery-white-theme .lg-outer .lg-thumb-item.active,
.lightGallery-white-theme .lg-outer .lg-thumb-item:hover {
  border: 2px solid var(--color-main);
}
/* 拖选文字样式 20160628 */
::selection {
  background: var(--color-main);
  color: var(--color-white);
}
::-moz-selection {
  background: var(--color-main);
  color: var(--color-white);
}
/* 移动端全局控制reset */
body,
div,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
iframe,
input,
textarea,
select,
label,
article,
aside,
footer,
header,
menu,
nav,
section,
time,
audio,
video {
  margin: 0;
  padding: 0;
}
article,
aside,
footer,
header,
hgroup,
nav,
section,
audio,
canvas,
video {
  display: block;
}
body {
  font-size: 100%;
  font-family: Montserrat, "Microsoft Yahei", PingFangSC-Regular, sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: var(--midgrey);
  background: var(--color-white);
}
textarea {
  resize: none;
}
iframe,
img {
  border: 0;
}
ul,
ol {
  list-style: none;
}
input,
select,
textarea {
  outline: 0;
  -webkit-user-modify: read-write-plaintext-only;
}
/* input { -webkit-appearance: none; } */
a {
  text-decoration: none;
  color: #666;
}
a:hover {
  text-decoration: underline;
  color: var(--color-main);
}
/*# sourceMappingURL=./c.css.map */