@charset "utf-8";
/* by Sean Lu 20250917 */
/* 全局变量设置 */
:root {
  --color-main: #513F95;
  --color-white: #fff;
  --color-txt: #000;
  --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;
  }
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.trans {
  transition: all 0.3s;
}
.addlist {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--gap-large);
}
@media (max-width: 800px) {
  .addlist {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.addlist .item {
  border: 1px solid var(--color-border);
  padding: var(--gap-large);
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: var(--gap-base);
}
.addlist .item .inf {
  flex: 1;
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-small);
  line-height: 1.2;
}
.addlist .item .inf .sub {
  font-size: var(--fsize-base);
  color: var(--color-6);
}
.addlist .item .inf .tit {
  font-size: var(--fsize-large);
  font-weight: bold;
  color: var(--color-0);
}
.addlist .item .inf .nam {
  display: flex;
  column-gap: var(--gap-base);
  color: var(--color-0);
  align-items: center;
}
.addlist .item .inf .nam i {
  display: flex;
  background: var(--color-0);
  color: var(--color-white);
  padding: 2px 6px;
  font-style: normal;
  font-size: var(--fsize-small);
}
.addlist .item .mor {
  display: flex;
  align-items: center;
  column-gap: var(--gap-base);
}
.addlist .item .mor a {
  color: var(--color-9);
  transition: all 0.3s;
}
.addlist .item .mor a:hover {
  color: var(--color-main);
}
.addlist .item .mor a svg {
  display: block;
  width: 24px;
  height: 24px;
}
@media (max-width: 800px) {
  .addlist .item .mor a.del {
    display: none;
  }
}
.addlist .item .mor a.del:hover {
  color: #ff596d;
}
.wrapper {
  width: 1400px;
  margin: 0 auto;
}
.wrapper.prowrap {
  width: 1200px;
}
@media (max-width: 1440px) {
  .wrapper.prowrap {
    width: 100%;
  }
}
@media (max-width: 800px) {
  .wrapper.prowrap {
    width: 100%;
  }
}
.hbox01 {
  margin: var(--gap-h1) 0;
}
.hbox01 .hd .nam {
  font-size: var(--fsize-h1);
  font-weight: bold;
  color: var(--color-0);
}
@media (max-width: 800px) {
  .hbox01 .hd .nam {
    font-size: var(--fsize-h2);
  }
}
.hbox01 .hd .txt {
  font-size: var(--fsize-txt);
  color: var(--color-3);
  margin-top: var(--gap-small);
}
@media (max-width: 800px) {
  .hbox01 .hd .txt br {
    display: none;
  }
}
.hbox01 .bd {
  margin-top: var(--gap-h3);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--gap-large);
}
@media (max-width: 800px) {
  .hbox01 .bd {
    gap: var(--gap-small);
  }
}
.hbox01 .bd .item.big {
  grid-row-start: span 2;
}
.hbox01 .bd .item .ia {
  display: block;
  width: 100%;
  height: 100%;
  text-align: none;
  position: relative;
  color: var(--color-white);
  text-decoration: none;
  font-size: var(--fsize-txt);
}
.hbox01 .bd .item .ia:hover .bg img {
  transform: scale(1.05);
}
.hbox01 .bd .item .bg {
  height: 100%;
  overflow: hidden;
}
.hbox01 .bd .item .bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 1s;
}
.hbox01 .bd .item .con {
  position: absolute;
  bottom: var(--gap-h2);
  left: var(--gap-h2);
}
@media (max-width: 800px) {
  .hbox01 .bd .item .con {
    bottom: 3vw;
    left: 3vw;
  }
}
.hbox01 .bd .item .con .nam {
  font-size: var(--fsize-h2);
  font-weight: bold;
}
@media (max-width: 800px) {
  .hbox01 .bd .item .con .nam {
    font-size: calc(var(--fsize-large) * 1.2);
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  }
}
.hbox01 .bd .item .con .txt {
  line-height: 1.6;
  margin-top: var(--gap-small);
}
@media (max-width: 800px) {
  .hbox01 .bd .item .con .txt {
    display: none;
  }
}
.hbox02 {
  position: relative;
  border-bottom: 1px solid var(--color-border);
}
.hbox02 .bg {
  height: 850px;
}
.hbox02 .bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1440px) {
  .hbox02 .bg {
    height: 600px;
  }
}
@media (max-width: 800px) {
  .hbox02 .bg {
    height: 50vw;
  }
}
@media (max-width: 800px) {
  .hbox02 {
    padding-bottom: 88vw;
  }
}
.hbox02 .box {
  width: 60vw;
  height: 625px;
  background: var(--color-white);
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: 1440px) {
  .hbox02 .box {
    height: 600px;
  }
}
@media (max-width: 800px) {
  .hbox02 .box {
    width: 100vw;
    height: auto;
    padding: var(--gap-h1);
    box-sizing: border-box;
  }
}
.hbox02 .box .hb05list {
  height: 100%;
  overflow: hidden;
}
.hbox02 .box .hb05list .swiper-slide {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hbox02 .box .hb05list .swiper-pagination {
  top: var(--gap-h1);
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 700px;
  bottom: auto;
  text-align: left;
}
@media (max-width: 800px) {
  .hbox02 .box .hb05list .swiper-pagination {
    display: none;
  }
}
.hbox02 .box .hb05list .con {
  width: 100%;
  max-width: 700px;
  color: var(--color-txt);
  padding-top: var(--gap-h3);
}
.hbox02 .box .hb05list .con .sub {
  font-size: var(--fsize-txt);
  font-weight: 600;
  letter-spacing: 2px;
}
.hbox02 .box .hb05list .con .nam {
  font-size: calc(var(--fsize-h2) * 2);
  line-height: 1;
  margin: var(--gap-large) 0 var(--gap-h3);
  background-image: -webkit-linear-gradient(right, var(--color-0), var(--color-main));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 800px) {
  .hbox02 .box .hb05list .con .nam {
    font-size: var(--fsize-h1);
  }
}
.hbox02 .box .hb05list .con .txt {
  font-size: var(--fsize-txt);
  line-height: 1.5;
}
.hbox02 .box .hb05list .con .btn {
  overflow: hidden;
  margin-top: var(--gap-h3);
}
.hbox02 .box .hb05list .con .btn .ba {
  position: relative;
  transition: transform 0.3s;
  text-decoration: underline;
  height: 100%;
  display: inline-block;
  font-size: var(--fsize-large);
  color: var(--color-txt);
}
.hbox02 .box .hb05list .con .btn .ba::before {
  content: attr(data-hover);
  position: absolute;
  top: 100%;
  display: block;
  min-width: max-content;
  height: 100%;
  text-decoration: underline;
  color: var(--color-main);
}
.hbox02 .box .hb05list .con .btn .ba:hover {
  transform: translate3d(0, -100%, 0);
}
.hbox03 {
  background: var(--color-bg);
  padding: var(--gap-h1) 0;
}
.hbox03 .hd {
  text-align: center;
  margin-bottom: var(--gap-h3);
}
@media (max-width: 800px) {
  .hbox03 .hd {
    text-align: left;
    padding: 0 20px;
  }
}
.hbox03 .hd .nam {
  font-size: var(--fsize-h1);
  font-weight: bold;
  color: var(--color-0);
}
@media (max-width: 800px) {
  .hbox03 .hd .nam {
    font-size: var(--fsize-h2);
  }
}
.hbox03 .hd .txt {
  font-size: var(--fsize-txt);
  color: var(--color-3);
  margin-top: var(--gap-small);
}
@media (max-width: 800px) {
  .hbox03 .hd .txt br {
    display: none;
  }
}
.hbox03 .bd {
  overflow: hidden;
}
.hbox03 .bd .hb03list .img {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  width: 100%;
  height: 0;
  padding-bottom: 130%;
}
.hbox03 .bd .hb03list .img:hover img {
  transform: scale(1.05);
}
.hbox03 .bd .hb03list .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}
.hbox03 .bd .hb03list .swiper-wrapper {
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}
.prolist_4113 {
  background: var(--color-white);
  padding: var(--gap-h1) 0;
}
.prolist_4113 .hd {
  margin-bottom: var(--gap-h3);
  text-align: center;
}
.prolist_4113 .hd .nam {
  font-size: var(--fsize-h1);
  font-weight: bold;
  color: var(--color-0);
}
@media (max-width: 800px) {
  .prolist_4113 .hd .nam {
    font-size: calc(var(--fsize-h2) * 0.9);
  }
}
.prolist_4113 .hd .txt {
  font-size: var(--fsize-txt);
  color: var(--color-3);
  margin-top: var(--gap-small);
}
@media (max-width: 800px) {
  .prolist_4113 .hd .txt br {
    display: none;
  }
}
.prolist_4113 .hd .sub {
  font-size: var(--fsize-txt);
  font-weight: 600;
  margin-top: var(--gap-large);
  display: flex;
  justify-content: center;
  column-gap: var(--gap-base);
}
@media (max-width: 800px) {
  .prolist_4113 .hd .sub {
    flex-wrap: wrap;
    gap: var(--gap-base);
    margin-top: var(--gap-h3);
  }
}
.prolist_4113 .hd .sub .sa {
  display: flex;
  padding: 10px 20px;
  border-radius: var(--gap-h1);
  text-decoration: none;
  background: var(--color-bg);
  transition: all 0.3s;
}
.prolist_4113 .hd .sub .sa:hover {
  background: var(--color-main);
  color: var(--color-white);
}
.prolist_4113 .hd .sub .sa.on {
  background: #f7cf2d;
  color: var(--color-0);
}
.prolist_4113 .list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: var(--gap-large);
  row-gap: var(--gap-h3);
}
@media (max-width: 800px) {
  .prolist_4113 .list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.prolist_4113 .list .item .img {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
  background: var(--color-bg);
}
.prolist_4113 .list .item .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  object-fit: cover;
  mix-blend-mode: multiply;
  transition: all 0.3s;
}
.prolist_4113 .list .item .img .tip {
  position: absolute;
  top: 10px;
  left: 10px;
}
.prolist_4113 .list .item .img .tip span {
  display: flex;
  height: 24px;
  align-items: center;
  padding: 0 var(--gap-small);
  border-radius: 2px;
  background: #f7cf2d;
  color: var(--color-white);
  font-size: var(--fsize-small);
  font-style: italic;
  display: none;
}
.prolist_4113 .list .item .img .tip span.t01 {
  background: #f7cf2d;
}
.prolist_4113 .list .item .img .tip span.t01::after {
  content: "特色";
}
.prolist_4113 .list .item .img .tip span.t02 {
  background: #000;
}
.prolist_4113 .list .item .img .tip span.t02::after {
  content: "新品";
}
.prolist_4113 .list .item .img .tip span.t03 {
  background: #ff596d;
}
.prolist_4113 .list .item .img .tip span.t03::after {
  content: "热销";
}
.prolist_4113 .list .item .img .ia {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.prolist_4113 .list .item .img .ac {
  height: 40px;
  font-size: var(--fsize-base);
  font-weight: bold;
  padding: 0 var(--gap-large);
  position: absolute;
  display: flex;
  align-items: center;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background: var(--color-main);
  color: var(--color-white);
  text-decoration: none;
  opacity: 0;
  transition: all 0.3s;
}
.prolist_4113 .list .item .img .ac:hover {
  background: var(--color-0);
}
.prolist_4113 .list .item .img:hover .ac {
  opacity: 1;
}
.prolist_4113 .list .item .inf {
  margin-top: var(--gap-large);
}
.prolist_4113 .list .item .inf .nam {
  text-align: center;
  font-size: var(--fsize-large);
  font-weight: bold;
  color: var(--color-0);
}
.prolist_4113 .list .item .inf .nam .na {
  color: var(--color-0);
  text-decoration: none;
  transition: all 0.3s;
}
.prolist_4113 .list .item .inf .nam .na:hover {
  color: var(--color-main);
}
.prolist_4113 .list .item .inf .pri {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: var(--gap-small);
}
.prolist_4113 .list .item .inf .pri strong {
  font-size: var(--fsize-h3);
  font-weight: normal;
  color: var(--color-3);
  display: flex;
  align-items: center;
}
.prolist_4113 .list .item .inf .pri strong::before {
  content: "₩";
}
.prolist_4113 .list .item .inf .pri s {
  font-size: var(--fsize-txt);
  color: var(--color-9);
  margin-left: var(--gap-base);
  display: none;
}
.prolist_4113 .list .item .inf .pri s::before {
  content: "₩";
}
.prolist_4113 .list .item:hover .img img {
  transform: scale(1.1) rotate(1.5deg);
}
.foottop {
  background: url(../img/foottopbg.jpg) no-repeat center;
  background-size: cover;
  color: var(--color-white);
  padding: var(--gap-h3) 0;
  position: relative;
}
.foottop::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-main);
  mix-blend-mode: color;
}
.foottop .wrapper {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 800px) {
  .foottop .wrapper {
    flex-direction: column;
    row-gap: var(--gap-h3);
    text-align: center;
  }
}
.foottop .wrapper .inf .nam {
  font-size: var(--fsize-h3);
  font-weight: bold;
}
.foottop .wrapper .inf .txt {
  font-size: var(--fsize-base);
  margin-top: var(--gap-small);
}
.foottop .wrapper .mor .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--gap-small) var(--gap-large);
  border: 2px solid var(--color-white);
  background-color: var(--color-white);
  font-size: var(--fsize-base);
  color: var(--color-0);
  text-decoration: none;
  transition: all 0.3s;
}
.foottop .wrapper .mor .btn:hover {
  color: var(--color-white);
  background-color: transparent;
}
.bannerslide .swiper-slide {
  background-position: center;
  background-size: cover;
  position: relative;
}
.bannerslide .swiper-slide img {
  display: block;
  width: 100%;
}
@media (max-width: 800px) {
  .bannerslide .swiper-slide img {
    height: 50vh;
    object-fit: cover;
    object-position: 70% center;
  }
}
.bannerslide .swiper-slide a {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  text-decoration: none;
  text-align: center;
  color: #fff;
}
.bannerslide .swiper-slide a .con {
  margin-top: 52px;
}
.bannerslide .swiper-slide a .con .tit {
  line-height: 48px;
  font-size: 40px;
  font-weight: 400;
  margin-bottom: 20px;
}
.bannerslide .swiper-slide a .con .txt {
  line-height: 24px;
  font-size: 14px;
  font-weight: 400px;
}
.bannerslide .paginationw {
  position: absolute;
  left: 0;
  text-align: center;
  bottom: 30px !important;
  width: 100%;
  z-index: 9;
}
.bannerslide .swiper-pagination-bullet {
  background: #fff;
}
.bannerslide .swiper-pagination-bullet-active {
  background: var(--color-white);
}
.topbar {
  border-bottom: 0 solid #efefef;
  height: 50px;
  background: var(--color-main);
  color: var(--color-white);
}
@media (max-width: 800px) {
  .topbar {
    height: 36px;
  }
}
.topbar .topwrap {
  width: 100%;
  height: 100%;
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0 var(--gap-h1);
}
@media (max-width: 800px) {
  .topbar .topwrap {
    justify-content: flex-end;
  }
}
.topbar .links {
  line-height: 20px;
  margin: 10px 0;
}
.topbar .links a {
  font-size: var(--fsize-base);
  color: var(--color-white);
  float: left;
  letter-spacing: 1px;
  transition: all 0.3s;
}
.topbar .links a:hover {
  text-decoration: none;
  opacity: 0.6;
}
.topbar .links .split {
  font-size: 12px;
  color: #e3e3e3;
  float: left;
  margin: 0 10px;
}
.headerwrap {
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  z-index: 9;
}
@media (max-width: 800px) {
  .headerwrap {
    height: 70px;
    top: 36px;
  }
}
.headerwrap .headerbox {
  position: relative;
  transition: all 0.3s;
}
.headerwrap .headerbox.on {
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px) saturate(180%);
  -webkit-backdrop-filter: blur(5px) saturate(180%);
}
.headerwrap .headerbox.fxd {
  position: fixed;
  background: rgba(255, 255, 255, 0.9);
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px) saturate(180%);
  -webkit-backdrop-filter: blur(5px) saturate(180%);
}
.headerwrap .headerbox.fxd .nav .nul .nli .na {
  color: var(--color-0);
}
.in2 .header .headwrap .nav .nul .nli .na {
  color: var(--color-0);
}
.header {
  height: 100px;
}
@media (max-width: 800px) {
  .header {
    height: 70px;
  }
}
.header .menu {
  align-items: center;
  column-gap: var(--gap-small);
  text-decoration: none;
  display: none;
}
@media (max-width: 800px) {
  .header .menu {
    display: flex;
  }
}
.header .menu span {
  display: none;
}
.header .menu .ico {
  width: 22px;
  height: 22px;
}
.header .menu .ico svg {
  display: block;
  width: 100%;
  height: 100%;
}
.header .headwrap {
  height: 100%;
  padding: 0 var(--gap-h1);
  display: flex;
  align-items: center;
  width: 100%;
}
.header .headwrap .nav {
  margin-left: var(--gap-h3);
}
.header .headwrap .nav .nul {
  display: flex;
  align-items: center;
  column-gap: calc(var(--gap-small) * 1);
  font-weight: bold;
  font-size: calc(var(--fsize-txt) * 1.1);
}
.header .headwrap .nav .nul .nli .na {
  display: flex;
  padding: 10px 20px;
  text-decoration: none;
  color: var(--color-white);
  border-radius: var(--gap-h1);
  transition: all 0.3s;
}
.header .headwrap .nav .nul .nli .na:hover {
  background: #FBCA47;
  color: var(--color-0);
}
@media (max-width: 800px) {
  .header .headwrap .nav {
    margin-left: 0;
    background: #ffffff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    transform: translateY(-30%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
  }
  .header .headwrap .nav.on {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
  .header .headwrap .nav .nul {
    padding: var(--gap-large) var(--fsize-large);
    display: flex;
    justify-content: space-between;
  }
  .header .headwrap .nav .nul .nli {
    flex: 1;
  }
  .header .headwrap .nav .nul .nli:first-child {
    display: none;
  }
  .header .headwrap .nav .nul .nli .na {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: var(--fsize-txt);
    font-weight: normal;
    color: var(--color-0);
    padding: var(--gap-large) 0;
  }
}
.header .headwrap .mor {
  margin-left: auto;
  display: flex;
  align-items: center;
  column-gap: var(--gap-large);
  font-size: var(--fsize-txt);
}
.header .headwrap .mor .lang {
  display: flex;
  align-items: center;
  column-gap: 4px;
  color: var(--color-0);
  text-decoration: none;
  position: relative;
  padding: 10px 0;
  cursor: pointer;
}
.header .headwrap .mor .lang:hover .lsub {
  opacity: 1;
  visibility: visible;
}
.header .headwrap .mor .lang .lsub {
  background: var(--color-white);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px 0;
  border-radius: 6px;
  z-index: 9;
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.header .headwrap .mor .lang .lsub.on {
  opacity: 1;
  visibility: visible;
}
.header .headwrap .mor .lang .lsub .la {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 20px;
}
@media (max-width: 800px) {
  .header .headwrap .mor .lang {
    margin-right: var(--gap-large);
  }
  .header .headwrap .mor .lang span {
    display: none;
  }
}
.header .headwrap .mor .lang .ico {
  width: 22px;
  height: 30px;
}
.header .headwrap .mor .lang .ico svg {
  display: block;
  width: 100%;
  height: 100%;
}
.header .headwrap .mor .sea {
  display: flex;
  align-items: center;
  column-gap: 4px;
  color: var(--color-0);
  text-decoration: none;
}
.header .headwrap .mor .sea:hover {
  opacity: 0.6;
}
@media (max-width: 800px) {
  .header .headwrap .mor .sea {
    margin-right: var(--gap-large);
  }
  .header .headwrap .mor .sea span {
    display: none;
  }
}
.header .headwrap .mor .sea .ico {
  width: 22px;
  height: 30px;
}
.header .headwrap .mor .sea .ico svg {
  display: block;
  width: 100%;
  height: 100%;
}
.header .logo {
  width: 82px;
  height: 80px;
  transition: all 0.3s;
}
@media (max-width: 800px) {
  .header .logo {
    width: 60px;
    height: 60px;
  }
}
.header .logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.header .logo:hover {
  opacity: 0.6;
}
.header .cart {
  color: #000;
  line-height: 30px;
  height: 30px;
}
.header .cart:hover {
  opacity: 0.6;
}
.header .cart .num {
  float: left;
  display: block;
  width: 22px;
  background: url(../img/carticon.svg) no-repeat center 0;
  padding-top: 2px;
  text-align: center;
  margin-right: 6px;
  font-size: var(--fsize-small);
}
.header .cart em {
  float: left;
  font-style: normal;
  display: block;
  letter-spacing: 1px;
}
.header .searchbar {
  width: 450px;
  height: 40px;
  border: 2px solid #dedede;
  margin: 0 auto;
  position: relative;
  top: 10px;
}
.header .searchbar input {
  border: 0;
  line-height: 40px;
  font-size: 14px;
  letter-spacing: 1px;
}
.header .searchbar .key {
  color: #333;
  padding-left: 40px;
  width: 80%;
  box-sizing: border-box;
  background: url(../img/seaicon.png) no-repeat 10px center;
  float: left;
  font-size: 12px;
}
.header .searchbar .key:focus {
  background-color: #f5f5f5;
}
.header .searchbar .btn {
  color: #000;
  width: 20%;
  float: right;
  text-align: center;
  background: #dedede;
  cursor: pointer;
}
.header .searchbar .btn:hover {
  opacity: 0.6;
}
.navbar {
  height: 50px;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
}
.navbar .wrapper {
  position: relative;
}
.navbar .bignavwrap {
  position: absolute;
  top: 50x;
  left: 0;
  right: 0;
  height: 600px;
  background: #fff;
  z-index: 9;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s;
}
.navbar .bignavwrap .bnit {
  width: 20%;
  float: left;
  box-sizing: border-box;
  padding: 10px;
}
.navbar .bignavwrap .bnit .img {
  display: block;
}
.navbar .bignavwrap .bnit .img.img2 {
  margin-top: 20px;
}
.navbar .bignavwrap .bnit .img img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.navbar .bignavwrap .bnit .hd {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  text-align: center;
  line-height: 20px;
  padding: 10px 0;
  border-bottom: 1px solid #dedede;
}
.navbar .bignavwrap .bnit .hd.hd2 {
  margin-top: 20px;
}
.navbar .bignavwrap .bnit .hd a {
  text-decoration: none;
}
.navbar .bignavwrap .bnit .bd {
  overflow: hidden;
}
.navbar .bignavwrap .bnit .bd a {
  font-size: 13px;
  line-height: 20px;
  padding: 7px 0;
  display: block;
  text-align: center;
}
.navbar .bignavwrap .bnit .bd a:hover {
  background: #f5f5f5;
}
.navbar .bignav {
  float: left;
  margin-right: 20px;
}
.navbar .bignav:hover .bignavwrap {
  opacity: 1;
  visibility: visible;
}
.navbar .bignav .btn {
  display: block;
  text-indent: -9999px;
  width: 50px;
  border-left: 1px solid #efefef;
  border-right: 1px solid #efefef;
  background: url(../img/navicon.png) no-repeat center;
  height: 50px;
}
.navbar .bignav .btn:hover {
  opacity: 0.6;
}
.navbar .navlist {
  float: left;
}
.navbar .navlist .nul {
  font-family: Helvetica;
  line-height: 50px;
}
.navbar .navlist .nul .nli {
  float: left;
  position: relative;
}
.navbar .navlist .nul .nli .na {
  text-decoration: none;
  display: block;
  padding: 0 20px;
  color: #333;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
}
.navbar .navlist .nul .nli .na:hover {
  opacity: 0.6;
}
.navbar .navlist .nul .nli .sub {
  background: #fff;
  padding: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 50px;
  left: 0;
  width: 170px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s;
  z-index: 9;
}
.navbar .navlist .nul .nli .sub .sli {
  line-height: 20px;
  font-size: 14px;
  font-family: arial;
}
.navbar .navlist .nul .nli .sub .sli .sa {
  padding: 5px 10px;
  display: block;
}
.navbar .navlist .nul .nli .sub .sli .sa:hover {
  background: #f5f5f5;
}
.navbar .navlist .nul .nli:hover .sub {
  visibility: visible;
  opacity: 1;
}
.navbar .tel {
  float: right;
}
.navbar .tel a {
  font-size: 16px;
  font-weight: bold;
  font-family: Helvetica;
  color: #111;
  text-decoration: none;
  line-height: 50px;
  padding-left: 20px;
  background: url(../img/telicon.png) no-repeat left center;
}
.navbar .tel a:hover {
  opacity: 0.6;
}
.navbar .tel a:nth-child(2) {
  background-image: url(../img/mailicon.png);
  margin-left: 20px;
}
.inbanner {
  height: 200px;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #dac1e7;
}
.inbanner.ib2 {
  height: 100px;
  background: var(--color-white);
  border-bottom: 1px solid var(--color-border);
}
@media (max-width: 800px) {
  .inbanner.ib2 {
    height: 70px;
  }
}
.inbg {
  background: var(--color-bg);
  overflow: hidden;
  position: relative;
}
.inbg.aboutbg {
  background: url(../img/newaboutbgx.jpg?3) repeat center;
  padding: var(--gap-h1) 0;
}
.inbg.aboutbg .inpage {
  position: relative;
}
.aboutipbox02 {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(5px) saturate(180%);
  -webkit-backdrop-filter: blur(5px) saturate(180%);
  padding: var(--gap-h1);
  border-radius: 20px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-large);
  margin-top: var(--gap-large);
}
.aboutipbox02 .line01 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: var(--gap-large);
}
@media (max-width: 800px) {
  .aboutipbox02 .line01 {
    flex-direction: column;
    row-gap: var(--gap-large);
  }
}
.aboutipbox02 .line01 .con {
  flex: 3;
  display: flex;
  align-items: center;
  column-gap: var(--gap-h3);
}
@media (max-width: 800px) {
  .aboutipbox02 .line01 .con {
    flex-direction: column;
    row-gap: var(--gap-large);
    width: 100%;
  }
}
.aboutipbox02 .line01 .con .img {
  width: 20%;
}
.aboutipbox02 .line01 .con .img img {
  display: block;
  width: 100%;
}
.aboutipbox02 .line01 .con .inf {
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-large);
}
@media (max-width: 800px) {
  .aboutipbox02 .line01 .con .inf {
    width: 100%;
  }
}
.aboutipbox02 .line01 .con .inf .nam {
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-base);
}
.aboutipbox02 .line01 .con .inf .nam .cn {
  font-size: var(--fsize-h2);
  color: var(--color-0);
  font-weight: bold;
}
@media (max-width: 800px) {
  .aboutipbox02 .line01 .con .inf .nam .cn {
    font-size: var(--fsize-h3);
  }
}
.aboutipbox02 .line01 .con .inf .nam .en {
  font-size: var(--fsize-h3);
  color: var(--color-3);
}
.aboutipbox02 .line01 .con .inf .nam .tip {
  display: flex;
  align-items: center;
  column-gap: var(--gap-base);
}
.aboutipbox02 .line01 .con .inf .nam .tip span {
  display: flex;
  font-size: var(--fsize-large);
  color: var(--color-white);
  background: var(--color-main);
  border-radius: var(--gap-h1);
  padding: var(--gap-small) var(--gap-large);
}
.aboutipbox02 .line01 .con .inf .txt {
  font-size: var(--fsize-large);
  color: var(--color-3);
  line-height: 1.6;
}
.aboutipbox02 .line01 .imglist {
  flex: 2;
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--gap-base);
}
@media (max-width: 800px) {
  .aboutipbox02 .line01 .imglist {
    width: 100%;
  }
}
.aboutipbox02 .line01 .imglist .img {
  position: relative;
  width: 100%;
  height: 0;
  border-radius: 10px;
  overflow: hidden;
  box-sizing: border-box;
  border: 12px solid var(--color-white);
  padding-bottom: 120%;
  transition: all 0.3s;
}
@media (max-width: 800px) {
  .aboutipbox02 .line01 .imglist .img {
    border-width: 6px;
  }
}
.aboutipbox02 .line01 .imglist .img:hover {
  transform: scale(1.05);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.aboutipbox02 .line01 .imglist .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  object-fit: cover;
}
.aboutipbox02 .line02 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: var(--gap-large);
}
@media (max-width: 800px) {
  .aboutipbox02 .line02 {
    flex-direction: column;
    row-gap: var(--gap-large);
  }
}
.aboutipbox02 .line02 .imglist {
  flex: 3;
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--gap-base);
}
@media (max-width: 800px) {
  .aboutipbox02 .line02 .imglist {
    width: 100%;
  }
}
.aboutipbox02 .line02 .imglist .img {
  position: relative;
  width: 100%;
  height: 0;
  border-radius: 10px;
  overflow: hidden;
  box-sizing: border-box;
  border: 12px solid var(--color-white);
  padding-bottom: 120%;
  transition: all 0.3s;
}
@media (max-width: 800px) {
  .aboutipbox02 .line02 .imglist .img {
    border-width: 6px;
  }
}
.aboutipbox02 .line02 .imglist .img:hover {
  transform: scale(1.05);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.aboutipbox02 .line02 .imglist .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  object-fit: cover;
}
.aboutipbox02 .line02 .inf {
  flex: 2;
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-large);
  box-sizing: border-box;
}
@media (max-width: 800px) {
  .aboutipbox02 .line02 .inf {
    width: 100%;
  }
}
.aboutipbox02 .line02 .inf .txt {
  font-size: var(--fsize-large);
  color: var(--color-3);
  line-height: 1.6;
  padding: 0 var(--gap-h1);
}
@media (max-width: 800px) {
  .aboutipbox02 .line02 .inf .txt {
    padding: 0;
  }
}
.aboutipbox {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(5px) saturate(180%);
  -webkit-backdrop-filter: blur(5px) saturate(180%);
  padding: var(--gap-h1);
  border-radius: 20px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: var(--gap-h1);
  margin-top: var(--gap-large);
}
@media (max-width: 800px) {
  .aboutipbox {
    flex-direction: column;
    row-gap: var(--gap-h1);
  }
}
.aboutipbox .inf {
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-large);
}
@media (max-width: 800px) {
  .aboutipbox .inf {
    width: 100%;
  }
}
.aboutipbox .inf .nam {
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-base);
}
.aboutipbox .inf .nam .cn {
  font-size: var(--fsize-h2);
  color: var(--color-0);
  font-weight: bold;
}
@media (max-width: 800px) {
  .aboutipbox .inf .nam .cn {
    font-size: var(--fsize-h3);
  }
}
.aboutipbox .inf .nam .en {
  font-size: var(--fsize-h3);
  color: var(--color-3);
}
.aboutipbox .inf .nam .tip {
  display: flex;
  align-items: center;
  column-gap: var(--gap-base);
}
.aboutipbox .inf .nam .tip span {
  display: flex;
  font-size: var(--fsize-large);
  color: var(--color-white);
  background: var(--color-main);
  border-radius: var(--gap-h1);
  padding: var(--gap-small) var(--gap-large);
}
.aboutipbox .inf .txt {
  font-size: var(--fsize-large);
  color: var(--color-3);
  line-height: 1.6;
}
.aboutipbox .imglist {
  width: 60%;
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--gap-base);
}
@media (max-width: 800px) {
  .aboutipbox .imglist {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }
}
.aboutipbox .imglist .arrow {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) translateX(-70%) rotate(30deg);
  width: 20%;
}
@media (max-width: 800px) {
  .aboutipbox .imglist .arrow {
    display: none;
  }
}
.aboutipbox .imglist .arrow img {
  display: block;
  width: 100%;
}
.aboutipbox .imglist .img {
  position: relative;
  width: 100%;
  height: 0;
  border-radius: 10px;
  overflow: hidden;
  box-sizing: border-box;
  border: 12px solid var(--color-white);
  padding-bottom: 120%;
  transition: all 0.3s;
}
.aboutipbox .imglist .img:hover {
  transform: scale(1.05);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.aboutipbox .imglist .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  object-fit: cover;
  filter: contrast(1.2) saturate(1.1);
}
.aboutbox {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(5px) saturate(180%);
  -webkit-backdrop-filter: blur(5px) saturate(180%);
  padding: var(--gap-h1);
  border-radius: 20px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 2;
}
.aboutbox .logo {
  width: 260px;
  height: 260px;
  margin: 0 auto var(--gap-large);
}
@media (max-width: 800px) {
  .aboutbox .logo {
    width: 30vw;
    height: 30vw;
  }
}
.aboutbox .logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.aboutbox .fico {
  position: absolute;
  width: 8vw;
  /* 无限晃悠动画 */
}
@media (max-width: 800px) {
  .aboutbox .fico {
    display: none;
  }
}
.aboutbox .fico.f01 {
  top: 0;
  right: 0;
  transform: translateX(2vw) translateY(-2vw);
}
.aboutbox .fico.f02 {
  bottom: 0;
  left: 0;
  transform: translateX(-2vw) translateY(2vw);
}
@keyframes sway {
  0% {
    transform: rotate(-1.5deg) translateY(-2px);
  }
  25% {
    transform: rotate(1deg) translateY(1px);
  }
  50% {
    transform: rotate(-1deg) translateY(-1px);
  }
  75% {
    transform: rotate(1.5deg) translateY(2px);
  }
  100% {
    transform: rotate(-1.5deg) translateY(-2px);
  }
}
@media (max-width: 800px) {
  .aboutbox .fico {
    width: 100%;
  }
}
.aboutbox .fico img {
  display: block;
  width: 100%;
  animation: sway 4s ease-in-out infinite;
  transform-origin: center bottom;
}
.aboutbox .content {
  font-size: var(--fsize-large);
  line-height: 2;
  color: var(--color-3);
}
@media (max-width: 800px) {
  .aboutbox .content p {
    text-align: justify !important;
  }
}
.aboutlist {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--gap-large);
  margin-top: var(--gap-large);
}
@media (max-width: 800px) {
  .aboutlist {
    grid-template-columns: 1fr;
  }
}
.aboutlist .item {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(5px) saturate(180%);
  -webkit-backdrop-filter: blur(5px) saturate(180%);
  padding: var(--gap-h1);
  border-radius: 20px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}
.aboutlist .item .ih {
  font-size: var(--fsize-h2);
  font-weight: bold;
  color: var(--color-3);
  margin-bottom: 20px;
}
@media (max-width: 800px) {
  .aboutlist .item .ih {
    font-size: var(--fsize-h3);
  }
}
.aboutlist .item .ib {
  font-size: var(--fsize-large);
  line-height: 2;
  color: var(--color-3);
}
.aboutlist .item .ib strong {
  color: var(--color-main);
  font-size: var(--fsize-h3);
  line-height: 1.6;
  font-weight: 400;
}
@media (max-width: 800px) {
  .aboutlist .item .ib strong {
    font-size: calc(var(--fsize-h3) * 0.8);
  }
}
.aboutlist .item .ib p {
  margin-bottom: var(--gap-large);
}
.aboutlist .item .ib p:last-child {
  margin-bottom: 0;
}
.contacttit {
  margin: 0 0 var(--gap-large);
}
.contacttit h2 {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-size: var(--fsize-h2);
  column-gap: var(--gap-base);
}
@media (max-width: 800px) {
  .contacttit h2 {
    font-size: var(--fsize-h3);
  }
}
.contacttit h2 img {
  display: block;
  width: 90px;
  height: 90px;
  object-fit: contain;
}
@media (max-width: 800px) {
  .contacttit h2 img {
    width: 10vw;
    height: 10vw;
  }
}
.contacttit.mt20 {
  margin-top: var(--gap-h3);
}
.contactlist {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--gap-large);
}
@media (max-width: 800px) {
  .contactlist {
    grid-template-columns: 1fr;
  }
}
.contactlist .item {
  background: var(--color-white);
  padding: var(--gap-h3);
  border-radius: 20px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}
.contactlist .item.big {
  grid-column-start: span 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 800px) {
  .contactlist .item.big {
    grid-column-start: span 1;
  }
}
.contactlist .item .ico {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-size: var(--fsize-h2);
  column-gap: var(--gap-base);
}
.contactlist .item .ico img {
  display: block;
  width: 90px;
  height: 90px;
  object-fit: contain;
}
.contactlist .item p {
  font-size: var(--fsize-large);
  line-height: 2;
  color: var(--color-3);
}
.contactlist .item p strong {
  font-size: var(--fsize-h2);
}
@media (max-width: 800px) {
  .contactlist .item p strong {
    font-size: calc(var(--fsize-h3) * 0.8);
  }
}
.contactlist .item .img {
  width: 200px;
  height: 200px;
  margin: 0 auto;
}
.contactlist .item .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.contactlist .item .txt {
  display: flex;
  align-items: center;
  column-gap: var(--gap-small);
  color: var(--color-0);
  font-size: var(--fsize-base);
  justify-content: center;
  margin-top: var(--gap-base);
}
.contactlist .item .txt svg {
  display: block;
  width: 30px;
  height: 30px;
}
.findk-5724 {
  background: var(--color-bg);
  padding: var(--gap-h1) 0;
  position: relative;
  overflow: hidden;
}
.findk-5724 .wrapper {
  display: flex;
  position: relative;
  z-index: 2;
}
@media (max-width: 800px) {
  .findk-5724 .wrapper {
    flex-direction: column;
    row-gap: var(--gap-h3);
  }
}
.findk-5724 .wrapper .hd {
  flex: 1;
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-large);
  color: var(--color-0);
}
.findk-5724 .wrapper .hd .nam {
  font-size: var(--fsize-h2);
  line-height: 1.2;
}
@media (max-width: 800px) {
  .findk-5724 .wrapper .hd .nam {
    font-size: var(--fsize-h3);
  }
}
.findk-5724 .wrapper .hd .txt {
  font-size: var(--fsize-large);
  line-height: 1.6;
}
@media (max-width: 800px) {
  .findk-5724 .wrapper .hd .txt {
    font-size: var(--fsize-txt);
  }
}
.findk-5724 .wrapper .bd {
  flex: 1.5;
}
.findk-5724 .wrapper .bd .tit {
  font-size: var(--fsize-large);
  color: var(--color-0);
  display: flex;
  align-items: center;
  column-gap: var(--gap-small);
}
.findk-5724 .wrapper .bd .tit::before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--color-main);
}
.findk-5724 .wrapper .bd .con {
  margin-top: var(--gap-large);
  display: flex;
  flex-wrap: wrap;
  row-gap: var(--gap-base);
}
@media (max-width: 800px) {
  .findk-5724 .wrapper .bd .con {
    row-gap: var(--gap-large);
  }
}
.findk-5724 .wrapper .bd .con .it {
  width: 50%;
  box-sizing: border-box;
  padding: 0 var(--gap-small);
  position: relative;
}
@media (max-width: 800px) {
  .findk-5724 .wrapper .bd .con .it {
    width: 100%;
  }
}
.findk-5724 .wrapper .bd .con .it.it2 {
  width: 100%;
}
.findk-5724 .wrapper .bd .con .it .ipt {
  display: block;
  width: 100%;
  font-size: var(--fsize-large);
  line-height: 1.6;
  padding: var(--gap-base) var(--gap-large);
  box-sizing: border-box;
  border: 1px solid var(--color-border);
  border-radius: var(--gap-h3);
  color: var(--color-3);
  transition: all 0.3s;
}
@media (max-width: 800px) {
  .findk-5724 .wrapper .bd .con .it .ipt {
    padding: var(--gap-large) var(--gap-h3);
  }
}
.findk-5724 .wrapper .bd .con .it .ipt:hover,
.findk-5724 .wrapper .bd .con .it .ipt:focus {
  border-color: var(--color-main);
  box-shadow: 0 var(--gap-base) var(--gap-large) rgba(254, 208, 0, 0.1);
}
.findk-5724 .wrapper .bd .con .it .tea {
  display: block;
  width: 100%;
  height: 10vw;
  font-size: var(--fsize-large);
  line-height: 1.6;
  padding: var(--gap-base) var(--gap-large);
  box-sizing: border-box;
  border: 1px solid var(--color-border);
  border-radius: var(--gap-large);
  color: var(--color-3);
  transition: all 0.3s;
}
@media (max-width: 800px) {
  .findk-5724 .wrapper .bd .con .it .tea {
    padding: var(--gap-base) var(--gap-h3);
    height: 30vw;
  }
}
.findk-5724 .wrapper .bd .con .it .tea:hover,
.findk-5724 .wrapper .bd .con .it .tea:focus {
  border-color: var(--color-main);
  box-shadow: 0 var(--gap-base) var(--gap-large) rgba(254, 208, 0, 0.1);
}
.findk-5724 .wrapper .bd .con .it .yzm {
  position: absolute;
  right: var(--gap-large);
  top: 0;
  box-sizing: border-box;
  padding: var(--gap-small) 0;
  display: block;
  width: 120px;
  height: 100%;
}
.findk-5724 .wrapper .bd .con .it .btn {
  width: 100%;
  border: 0;
  cursor: pointer;
  font-size: var(--fsize-txt);
  color: var(--color-white);
  background: var(--color-0);
  padding: var(--gap-base) var(--gap-large);
  border-radius: var(--gap-h3);
  transition: all 0.3s;
}
@media (max-width: 800px) {
  .findk-5724 .wrapper .bd .con .it .btn {
    padding: var(--gap-h3) var(--gap-large);
    font-size: var(--fsize-large);
  }
}
.findk-5724 .wrapper .bd .con .it .btn:hover {
  background: var(--color-main);
}
.findk-5724 .quan {
  position: absolute;
  left: -4.375vw;
  bottom: -22.5vw;
  width: 43.125vw;
  height: 43.125vw;
}
.findk-5724 .quan .circle1 {
  -webkit-animation: circle2 3s infinite cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: circle2 3s infinite cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-animation-delay: 0.45s;
  animation-delay: 0.45s;
  opacity: 0;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  border: 1px solid var(--color-border);
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.findk-5724 .quan .circle2 {
  -webkit-animation: circle1 3s infinite cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: circle1 3s infinite cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-animation-delay: 0.35s;
  animation-delay: 0.35s;
  opacity: 0;
  position: absolute;
  left: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 81%;
  height: 81%;
  border: 1px solid var(--color-border);
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.findk-5724 .quan .circle3 {
  -webkit-animation: circle1 3s infinite cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: circle1 3s infinite cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
  opacity: 0;
  position: absolute;
  left: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 65%;
  height: 65%;
  border: 1px solid var(--color-border);
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.findk-5724 .quan .circle4 {
  -webkit-animation: circle1 3s infinite cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: circle1 3s infinite cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
  opacity: 0;
  position: absolute;
  left: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50%;
  height: 50%;
  border: 1px solid var(--color-border);
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
@-webkit-keyframes circle1 {
  0% {
    -webkit-transform: translate(-50px, -50%) scale(0.8);
    transform: translate(-50px, -50%) scale(0.8);
    opacity: 0;
  }
  30% {
    -webkit-transform: translate(0px, -50%) scale(1);
    transform: translate(0px, -50%) scale(1);
    opacity: 1;
  }
  90% {
    -webkit-transform: translate(0px, -50%) scale(1);
    transform: translate(0px, -50%) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0px, -50%) scale(1);
    transform: translate(0px, -50%) scale(1);
    opacity: 0;
  }
}
@keyframes circle1 {
  0% {
    -webkit-transform: translate(-50px, -50%) scale(0.8);
    transform: translate(-50px, -50%) scale(0.8);
    opacity: 0;
  }
  30% {
    -webkit-transform: translate(0px, -50%) scale(1);
    transform: translate(0px, -50%) scale(1);
    opacity: 1;
  }
  90% {
    -webkit-transform: translate(0px, -50%) scale(1);
    transform: translate(0px, -50%) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0px, -50%) scale(1);
    transform: translate(0px, -50%) scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes circle2 {
  0% {
    -webkit-transform: translate(-50px, 0px) scale(0.8);
    transform: translate(-50px, 0px) scale(0.8);
    opacity: 0;
  }
  30% {
    -webkit-transform: translate(0px, 0px) scale(1);
    transform: translate(0px, 0px) scale(1);
    opacity: 1;
  }
  90% {
    -webkit-transform: translate(0px, 0px) scale(1);
    transform: translate(0px, 0px) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0px, 0px) scale(1);
    transform: translate(0px, 0px) scale(1);
    opacity: 0;
  }
}
@keyframes circle2 {
  0% {
    -webkit-transform: translate(-50px, 0px) scale(0.8);
    transform: translate(-50px, 0px) scale(0.8);
    opacity: 0;
  }
  30% {
    -webkit-transform: translate(0px, 0px) scale(1);
    transform: translate(0px, 0px) scale(1);
    opacity: 1;
  }
  90% {
    -webkit-transform: translate(0px, 0px) scale(1);
    transform: translate(0px, 0px) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0px, 0px) scale(1);
    transform: translate(0px, 0px) scale(1);
    opacity: 0;
  }
}
.inpage {
  margin: 50px 0;
}
.inpbox {
  margin-bottom: 40px;
}
.inpbox:last-child {
  margin-bottom: 0;
}
.ipbcon {
  margin: 20px 0;
  font-size: 16px;
  line-height: 30px;
  color: #333;
}
.ipbcon p {
  margin-bottom: 20px;
}
.ipbcon img {
  max-width: 100%;
  display: inline-block;
}
.homebox01 {
  margin: 50px 0;
}
.homebox01 .item {
  width: calc(25% - 6px);
  float: left;
  margin-right: 8px;
  box-sizing: border-box;
  border: 1px solid #ededed;
  padding: 10px;
  margin-bottom: 6px;
}
.homebox01 .item:nth-child(4n) {
  margin-right: 0;
}
.homebox01 .item a {
  display: block;
  text-decoration: none;
}
.homebox01 .item:hover a {
  opacity: 0.8;
}
.homebox01 .item:hover .img {
  transform: scale(1.1);
}
.homebox01 .item .img {
  float: left;
  transition: all 0.2s;
}
.homebox01 .item .img img {
  display: block;
}
.homebox01 .item .inf {
  margin-left: 120px;
  padding-top: 10px;
}
.homebox01 .item .inf .nam {
  font-size: 13px;
  font-family: helvetica;
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
  margin: 10px 0 6px;
}
.homebox01 .item .inf .nam:before {
  content: '';
  display: block;
  width: 20px;
  height: 2px;
  background: #929292;
  margin-bottom: 8px;
}
.homebox01 .item .inf .txt {
  font-size: 10px;
  font-family: helvetica;
  color: #bfbfbf;
  text-transform: uppercase;
  transform: scale(0.8);
  transform-origin: left center;
  letter-spacing: 1px;
}
.homebox02 {
  margin: 50px 0;
}
.homebox02 .list {
  float: left;
  width: 49%;
}
.homebox02 .list .itembig {
  background: url(../img/listibbg01.jpg) no-repeat center;
  height: 220px;
  margin-bottom: 16px;
}
.homebox02 .list .itembig a {
  display: block;
  padding: 10px 20px;
  text-decoration: none;
}
.homebox02 .list .itembig a:hover {
  opacity: 0.8;
}
.homebox02 .list .itembig .inf {
  margin: 50px 0 0 50px;
  width: 220px;
}
.homebox02 .list .itembig .inf .nam {
  font-size: 14px;
  font-family: helvetica;
  font-weight: bold;
  color: #000;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.homebox02 .list .itembig .inf .nam:after {
  content: '';
  display: block;
  width: 8px;
  height: 2px;
  background: #000;
  margin-top: 8px;
}
.homebox02 .list .itembig .inf .txt {
  font-size: 14px;
  color: #999;
  line-height: 1.4;
}
.homebox02 .list .itembig .img {
  float: right;
  height: 200px;
  margin-right: 20px;
}
.homebox02 .list .itembig .img img {
  display: block;
  width: 100%;
}
.homebox02 .list .item {
  width: 48%;
  float: left;
  margin-right: 4%;
  background: #f7f7f7;
  height: 220px;
}
.homebox02 .list .item:last-child {
  margin-right: 0;
}
.homebox02 .list .item a {
  display: block;
  padding: 10px;
  position: relative;
}
.homebox02 .list .item .img {
  margin: 0 auto;
  width: 200px;
  height: 200px;
}
.homebox02 .list .item .img img {
  display: block;
  width: 100%;
}
.homebox02 .list .item .cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5);
  opacity: 0;
  transition: all 0.2s;
}
.homebox02 .list .item .cover .tip {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 12px;
  font-weight: bold;
  font-family: helvetica;
  color: #000;
  transform: translateX(-50%) translateY(-50%);
}
.homebox02 .list .item:hover .cover {
  opacity: 1;
}
.homebox02 .bigshow {
  float: right;
  width: 49%;
}
.homebox02 .bigshow .img {
  background: url(../img/hb02bsbg01.jpg) no-repeat center;
  height: 290px;
}
.homebox02 .bigshow .img a {
  display: block;
  width: 100%;
  position: relative;
  padding: 5px 0;
}
.homebox02 .bigshow .img a:hover {
  opacity: 0.8;
}
.homebox02 .bigshow .img img {
  display: block;
  margin: 0 auto;
}
.homebox02 .bigshow .img .arrow {
  display: block;
  width: 46px;
  height: 46px;
  background: url(../img/arrow.png) no-repeat center;
  position: absolute;
  right: 30px;
  bottom: -23px;
}
.homebox02 .bigshow .inf {
  padding: 30px;
}
.homebox02 .bigshow .inf .cla {
  font-size: 14px;
  font-weight: bold;
  font-family: helvetica;
  color: #000;
  text-transform: uppercase;
}
.homebox02 .bigshow .inf .cla:after {
  content: '';
  display: block;
  width: 8px;
  height: 2px;
  background: #000;
  margin-top: 8px;
}
.homebox02 .bigshow .inf .nam {
  font-size: 22px;
  font-weight: bold;
  font-family: helvetica;
  color: #000;
  text-transform: uppercase;
  margin: 10px 0;
}
.homebox02 .bigshow .inf .txt {
  font-size: 14px;
  color: #999;
  line-height: 1.4;
}
.comtit {
  margin-bottom: 30px;
  text-transform: uppercase;
  text-align: center;
}
.comtit .cn {
  font-size: 14px;
  color: #999;
}
.comtit .en {
  font-size: 22px;
  color: #000;
  font-family: helvetica;
  font-weight: bold;
  line-height: 2;
}
.homebox03 {
  margin: 60px 0;
}
.homebox03 .item {
  width: 23.5%;
  margin-right: 2%;
  float: left;
  margin-bottom: 20px;
}
.homebox03 .item:nth-child(4n) {
  margin-right: 0;
}
.homebox03 .item a {
  display: block;
  background: #f3f3f3;
  position: relative;
  padding: 30px 0;
}
.homebox03 .item a:hover .cover {
  opacity: 1;
}
.homebox03 .item .img {
  width: 210px;
  height: 210px;
  margin: 0 auto;
}
.homebox03 .item .img img {
  display: block;
  width: 100%;
}
.homebox03 .item .cover {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  opacity: 0;
  transition: all 0.2s;
}
.homebox03 .item .cover .inf {
  position: absolute;
  top: 50%;
  right: 10%;
  left: 10%;
  transform: translateY(-50%);
  text-align: center;
}
.homebox03 .item .cover .inf .nam {
  font-size: 14px;
  line-height: 1.4;
  font-family: helvetica;
  color: #111;
  margin-bottom: 10px;
}
.homebox03 .item .cover .inf .itm {
  font-size: 12px;
  color: #666;
  line-height: 1.6;
}
.homebox03 .item .cover .inf .itm strong {
  font-size: 14px;
  color: #000;
}
.homebox03 .item .cover .inf .itm b {
  color: #000;
}
.homebox03 .item .cover .inf .itm span {
  margin-left: 10px;
}
.homebox04 {
  margin: 60px 0;
}
.homebox04 .item {
  width: 18.4%;
  margin-right: 2%;
  float: left;
}
.homebox04 .item:nth-child(5n) {
  margin-right: 0;
}
.homebox04 .item .img {
  background: #f3f3f3;
}
.homebox04 .item .img a {
  padding: 10px 0;
  display: block;
}
.homebox04 .item .img a:hover {
  opacity: 0.8;
}
.homebox04 .item .img img {
  display: block;
  margin: 0 auto;
}
.homebox04 .item .inf {
  margin-top: 20px;
}
.homebox04 .item .inf .nam {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #f3f3f3;
  font-size: 13px;
  color: #000;
  font-family: helvetica;
  text-transform: uppercase;
}
.homebox04 .item .inf .nam a {
  color: #000;
  text-decoration: none;
  height: 45px;
  overflow: hidden;
  display: block;
}
.homebox04 .item .inf .nam a:hover {
  opacity: 0.8;
}
.homebox04 .item .inf .txt {
  color: #999;
  font-size: 12px;
  line-height: 20px;
  height: 60px;
  overflow: hidden;
  margin-bottom: 10px;
}
.homebox04 .item .inf .pri {
  color: #999;
  font-size: 12px;
}
.homebox04 .item .inf .pri s {
  margin-right: 10px;
}
.homebox04 .item .inf .pri strong {
  font-size: 18px;
  color: #000;
}
.homebox05 {
  padding: 50px 0;
  background: url(../img/hb05bg01.jpg) no-repeat center;
  background-size: cover;
}
.homebox05 .vidbox {
  margin: 20px auto;
  width: 100%;
  border: 9px solid #999;
  position: relative;
}
.homebox05 .vidbox .img img {
  display: block;
  width: 100%;
}
.homebox05 .vidbox .cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.1);
}
.homebox05 .vidbox .cover .ico {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  cursor: pointer;
}
.homebox05 .vidbox .cover .ico:hover {
  opacity: 0.6;
}
.footer {
  border-top: 1px solid var(--color-main);
}
.footer .foobar {
  height: 50px;
  border-bottom: 1px solid #e8e8e8;
}
.footer .foobar .links {
  font-size: var(--fsize-small);
  color: #444;
  float: left;
  line-height: 50px;
}
.footer .foobar .links a {
  color: #444;
}
.footer .foobar .links .split {
  font-size: 12px;
  color: #e8e8e8;
  margin: 0 10px;
}
.footer .foobar .sns {
  float: right;
  line-height: 50px;
  display: flex;
  column-gap: var(--gap-large);
  align-items: center;
  font-size: var(--fsize-small);
}
.footer .foobar .sns .it {
  display: flex;
  align-items: center;
  column-gap: 4px;
  position: relative;
}
.footer .foobar .sns .it:hover .show {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
.footer .foobar .sns .it:hover .ico {
  background: var(--color-main);
}
.footer .foobar .sns .it .ico {
  background: var(--color-9);
  border-radius: 100%;
  padding: 4px;
  width: 30px;
  height: 30px;
  color: var(--color-white);
  box-sizing: border-box;
}
.footer .foobar .sns .it .ico svg {
  display: block;
  width: 100%;
  height: 100%;
}
.footer .foobar .sns .it .show {
  position: absolute;
  bottom: 100%;
  right: 0;
  background: var(--color-white);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  padding: var(--gap-base);
  width: 180px;
  transform: translateY(10px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.footer .foobar .sns .it .show img {
  display: block;
  width: 100%;
}
.footer .foobar .sns img {
  vertical-align: middle;
}
@media (max-width: 800px) {
  .footer .foobar {
    height: auto;
    padding-bottom: var(--gap-base);
  }
  .footer .foobar .wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .footer .foobar .wrapper .sns {
    display: flex;
    flex-direction: column;
    line-height: 2;
    row-gap: var(--gap-base);
  }
}
.footer .footlin {
  padding: 40px 0;
}
.footer .footlin .big {
  float: left;
  width: 40%;
}
.footer .footlin .big .nam {
  font-size: 12px;
  text-transform: uppercase;
  color: #444;
}
.footer .footlin .big .tel {
  font-size: 30px;
  color: #444;
  line-height: 30px;
  margin: 10px 0;
}
@media (max-width: 800px) {
  .footer .footlin .big .tel {
    font-size: var(--fsize-h3);
  }
}
.footer .footlin .big .tel img {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.footer .footlin .big .mail {
  font-size: 24px;
  color: #444;
  line-height: 30px;
  margin: 10px 0;
}
@media (max-width: 800px) {
  .footer .footlin .big .mail {
    font-size: var(--fsize-h3);
  }
}
.footer .footlin .big .mail img {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.footer .footlin .big .txt {
  font-size: 12px;
  color: #999;
  line-height: 1.6;
}
.footer .footlin .item {
  float: left;
  width: 20%;
}
.footer .footlin .item .ih {
  font-size: 12px;
  color: #444;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: bold;
}
.footer .footlin .item .ih a {
  color: #444;
}
.footer .footlin .item .ib {
  font-size: 12px;
  color: #999;
  line-height: 2;
}
.footer .footlin .item .ib a {
  color: #999;
}
.fooend {
  color: #999;
  background: #f3f3f3;
  line-height: 20px;
  padding: 20px 0;
  font-size: 12px;
  text-align: center;
}
.newslist {
  margin-top: 50px;
}
.newslist .item {
  width: 49%;
  float: left;
  margin-right: 2%;
  margin-bottom: 20px;
  box-sizing: border-box;
  border: 1px solid #dedede;
  transition: all 0.4s;
  background: #fff;
  padding: 30px;
}
.newslist .item .img {
  margin-bottom: 20px;
}
.newslist .item .img img {
  display: block;
  width: 100%;
}
.newslist .item:nth-child(2n) {
  margin-right: 0;
}
.newslist .item:hover {
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  transform: translate3d(0, -2px, 0);
}
.newslist .item .time {
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 10px;
  color: #999;
}
.newslist .item .time .split {
  margin: 0 10px;
  color: #ccc;
}
.newslist .item .name {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 25px;
  height: 28px;
  overflow: hidden;
}
.newslist .item .name a {
  color: #111;
  font-size: 20px;
  font-weight: bold;
}
.newslist .item .name a:hover {
  color: var(--color-main);
}
.newslist .item .text {
  color: #777;
  font-size: 14px;
  line-height: 24px;
  height: 72px;
  overflow: hidden;
  margin-bottom: 16px;
}
.newslist .item .link {
  overflow: hidden;
  margin-bottom: -12px;
}
.newslist .item .link a {
  width: 24px;
  height: 24px;
  display: block;
  background: url(../img/hb01img01s.png) no-repeat center;
  float: left;
}
.newslist .item .link a.l02 {
  float: right;
  background-image: url(../img/hb01img02s.png);
}
.newstitle {
  font-size: 26px;
  text-align: center;
  line-height: 30px;
  font-family: microsoft yahei;
  font-weight: bold;
  margin-bottom: 5px;
}
.newsmaincon {
  margin: 20px 0;
  min-height: 100px;
  font-family: microsoft yahei;
}
.newsmaincon img {
  max-width: 100%;
}
.newsmaincon h3 {
  font-size: 18px;
  font-weight: normal;
  background: linear-gradient(to right, var(--color-main), var(--color-main));
  color: #fff;
  line-height: 30px;
  padding: 5px 20px;
  border-radius: 5px;
  margin-bottom: 20px;
  margin-top: 40px;
}
.newsmaincon p {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 20px;
  color: #333;
}
.newsmaincon .dou {
  margin-bottom: 20px;
}
.newsmaincon .dou li:before {
  content: '·';
  color: var(--color-main);
  font-weight: bold;
  margin-right: 10px;
}
.newsmaincon .dou02 {
  overflow: hidden;
}
.newsmaincon .dou02 li {
  width: 50%;
  float: left;
}
.newsbackline {
  height: 30px;
  line-height: 30px;
  border-top: 1px solid #dedede;
  padding-top: 10px;
  margin: 30px 0 0;
}
.newsbackline ul {
  width: 100%;
}
.newsbackline ul li {
  width: 33.333333%;
  float: left;
  text-align: center;
  display: block;
  height: 33px;
}
.newsbackline ul li a {
  display: inline-block;
  width: 120px;
  border-width: 1px;
  border-style: solid;
  border-color: #dedede;
  text-decoration: none;
  color: #666;
  font-size: 12px;
}
.newsbackline ul li a:hover {
  border-color: #000;
  color: #000;
}
.newsbackline ul li.prev {
  text-align: left;
}
.newsbackline ul li.prev a {
  text-align: center;
}
.newsbackline ul li.next {
  text-align: right;
}
.newsbackline ul li.next a {
  text-align: center;
}
.bigcla {
  background: #fff;
  border: 5px solid #dedede;
  padding: 20px;
}
.bigcla .bcitem {
  border-bottom: 1px dashed #dedede;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.bigcla .bcitem:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.bigcla .bcitem .hd {
  float: left;
  width: 10%;
  line-height: 30px;
  font-size: 14px;
  font-weight: bold;
  color: #666;
}
.bigcla .bcitem .bd {
  margin-left: 10%;
  line-height: 30px;
  font-size: 14px;
}
.bigcla .bcitem .bd a {
  display: inline-block;
  padding: 0 12px;
  margin: 0 2px 6px;
  background: #f5f5f5;
  text-decoration: none;
}
.bigcla .bcitem .bd a.on {
  background: #000;
  color: #fff;
}
.prolist {
  margin: 20px 0;
}
.prolist .item {
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 30px;
  float: left;
}
.prolist .item:nth-child(4n) {
  margin-right: 0;
}
.prolist .item .img {
  background: #f3f3f3;
}
.prolist .item .img:hover {
  opacity: 0.8;
}
.prolist .item .img a {
  padding: 10px 0;
  display: block;
}
.prolist .item .img img {
  margin: 0 auto;
  display: block;
}
.prolist .item .inf {
  margin-top: 20px;
}
.prolist .item .inf .nam {
  font-size: 12px;
  line-height: 20px;
  height: 60px;
  overflow: hidden;
  margin-bottom: 10px;
}
.prolist .item .inf .nam a {
  display: block;
}
.prolist .item .inf .pri {
  color: #999;
  font-size: 12px;
}
.prolist .item .inf .pri s {
  margin-right: 10px;
}
.prolist .item .inf .pri strong {
  font-size: 18px;
  color: #000;
}
.nowbar {
  line-height: 20px;
  padding: 10px 0;
  font-size: 12px;
  color: #999;
  margin-top: 10px;
}
.nowbar a {
  display: inline-block;
  text-decoration: none;
}
.nowbar a:after {
  content: '/';
  color: #999;
  margin: 0 8px;
}
.nowbar a:last-child:after {
  display: none;
}
.proshowtou {
  margin-bottom: 30px;
  position: relative;
}
.proshowtou .psimg {
  width: 500px;
}
.proshowtou .psimg .pimg {
  width: 100%;
  max-width: 500px;
  position: sticky;
  top: 120px;
}
@media (max-width: 800px) {
  .proshowtou .psimg .pimg {
    margin-bottom: var(--gap-h3);
  }
}
.proshowtou .psimg .pimg #imageGallery {
  overflow: hidden;
}
.proshowtou .psimg .pimg .productalllist {
  overflow: hidden;
  width: 100%;
  position: relative;
  margin: 0 auto 0;
}
.proshowtou .psimg .pimg .productalllist .it {
  border: 1px solid #dedede;
  background: #fff;
  box-sizing: border-box;
  display: block;
  height: 0;
  width: 100%;
  height: 500px;
  position: relative;
}
@media (max-width: 800px) {
  .proshowtou .psimg .pimg .productalllist .it {
    height: calc(100vw - 50px);
  }
}
.proshowtou .psimg .pimg .productalllist .it img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin: 0 auto;
  display: block;
  border: 0 solid #dedede;
  background: #fff;
  box-sizing: border-box;
}
.proshowtou .psimg .pimg .productalllist img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
  border: 0 solid #dedede;
  background: #fff;
  box-sizing: border-box;
}
.proshowtou .psimg .pimg .lSSlideWrapper {
  margin-bottom: 5px;
}
.proshowtou .psimg .pimg .lSSlideOuter .lSPager.lSGallery li {
  border: 2px solid #dedede;
  box-sizing: border-box;
}
.proshowtou .psimg .pimg .lSSlideOuter .lSPager.lSGallery li a {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.proshowtou .psimg .pimg .lSSlideOuter .lSPager.lSGallery li a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #fff;
  box-sizing: border-box;
}
.proshowtou .psimg .pimg .lSSlideOuter .lSPager.lSGallery li.active,
.proshowtou .psimg .pimg .lSSlideOuter .lSPager.lSGallery li:hover {
  border: 2px solid var(--color-main);
  border-radius: 0;
}
.proshowtou .psimg .pimg .lSAction > a {
  background: url(../img/slideicon01.svg) no-repeat center;
  background-size: 36px;
  width: 36px;
  height: 36px;
}
.proshowtou .psimg .pimg .lSAction > a.lSNext {
  background-image: url(../img/slideicon02.svg);
}
.proshowtou .pscon {
  flex: 1;
  position: relative;
}
.proshowtou .pscon * {
  box-sizing: content-box;
}
.proshowtou .pscon h1 {
  font-weight: normal;
  font-family: microsoft yahei;
  font-size: var(--fsize-h2);
  font-weight: bold;
  line-height: 30px;
  margin-bottom: 10px;
}
.proshowtou .pscon h3 {
  font-weight: normal;
  font-family: microsoft yahei;
  font-size: 14px;
  color: #c0c0c0;
  line-height: 30px;
}
.proshowtou .pscon .intro {
  margin: 20px 0;
  padding-bottom: 20px;
  font-family: microsoft yahei;
  padding-top: 20px;
  border-bottom: 1px solid #dedede;
  border-top: 1px solid #dedede;
  font-size: 14px;
  color: #333;
  line-height: 24px;
}
.proshowtou .pscon .intro p {
  font-family: microsoft yahei;
}
.proshowtou .pscon .intro strong {
  color: #999;
}
.proshowtou .pscon .spec {
  margin: 20px 0;
  padding-bottom: 20px;
  font-family: microsoft yahei;
  border-bottom: 1px solid #dedede;
  border-top: 0 solid #dedede;
  font-size: 14px;
  color: #333;
  line-height: 24px;
}
.proshowtou .pscon .spec .col {
  margin-top: var(--gap-base);
  display: flex;
  align-items: center;
}
.proshowtou .pscon .spec .col.colauto .bd .it {
  width: auto;
}
.proshowtou .pscon .spec .col.colauto .bd .it a {
  padding: 2px var(--gap-base);
}
.proshowtou .pscon .spec .col .hd {
  font-size: var(--fsize-base);
  color: var(--color-3);
  padding-right: var(--gap-base);
  width: 90px;
}
@media (max-width: 800px) {
  .proshowtou .pscon .spec .col .hd {
    width: 12vw;
    flex-shrink: 0;
  }
}
.proshowtou .pscon .spec .col .hd::after {
  content: '：';
}
.proshowtou .pscon .spec .col .bd {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.proshowtou .pscon .spec .col .bd .it {
  width: 100px;
}
@media (max-width: 800px) {
  .proshowtou .pscon .spec .col .bd .it {
    width: 20vw;
  }
}
.proshowtou .pscon .spec .col .bd .it a {
  display: block;
  border: 1px solid #dedede;
  padding: 2px;
  background: var(--color-white);
  border-radius: 4px;
  text-decoration: none;
}
.proshowtou .pscon .spec .col .bd .it a:hover {
  border-color: var(--color-main);
}
.proshowtou .pscon .spec .col .bd .it a img {
  display: block;
  width: 100%;
  object-fit: cover;
  border-radius: 4px 4px 0 0;
}
.proshowtou .pscon .spec .col .bd .it a span {
  display: block;
  line-height: 20px;
  padding: 5px 0;
  font-size: var(--fsize-base);
  text-align: center;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  word-break: break-all;
  -webkit-line-clamp: 1;
}
.proshowtou .pscon .spec .col .bd .it.on a {
  border-color: var(--color-main);
  box-shadow: var(--color-main) 1px 0 0, var(--color-main) 0 1px 0, var(--color-main) -1px 0 0, var(--color-main) 0 -1px 0;
  color: var(--color-main);
}
.proshowtou .pscon .spec .col .txt {
  font-size: var(--fsize-base);
  line-height: 1.6;
  color: var(--color-3);
}
.proshowtou .pscon .spec .col .txt p {
  margin-top: var(--gap-large);
}
.proshowtou .pscon .spec .col .txt p:first-child {
  margin-top: 0;
}
.proshowtou .pscon .spec .col .txt ul {
  margin-bottom: var(--gap-large);
  list-style-type: disc;
  list-style-position: inside;
}
#tsShopContainer li,
#tsShopContainer img {
  vertical-align: top;
}
#tsShopContainer {
  width: 500px;
  border: 1px solid #dedede;
  position: sticky;
  top: 120px;
  font-size: 12px;
  padding-bottom: 5px;
  z-index: 8;
}
#tsShopContainer #tsImgS {
  text-align: center;
  width: 100%;
  position: relative;
}
#tsShopContainer #tsImgS a {
  display: block;
  text-align: center;
  margin: 0px auto;
}
#tsShopContainer #tsImgS img {
  border: 0px;
}
#tsShopContainer #tsPicContainer {
  width: 100%;
  height: 78px;
  position: relative;
  background: url(../img/scrollPicbg.gif) repeat-x 0px 0px;
  border-top: 1px solid #dedede;
}
#tsShopContainer #tsPicContainer #tsImgSArrL {
  width: 17px;
  height: 100%;
  background: url(../img/productshow01.jpg) no-repeat left center;
  position: absolute;
  top: 0px;
  left: 12px;
  cursor: pointer;
}
#tsShopContainer #tsPicContainer #tsImgSArrR {
  width: 17px;
  height: 100%;
  background: url(../img/productshow02.jpg) no-repeat right center;
  position: absolute;
  top: 0px;
  right: 12px;
  cursor: pointer;
}
#tsShopContainer #tsPicContainer #tsImgSCon {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 70px;
  overflow: hidden;
}
#tsShopContainer #tsPicContainer #tsImgSCon ul {
  width: 100%;
  overflow: hidden;
}
#tsShopContainer #tsPicContainer #tsImgSCon li {
  width: 70px;
  height: 60px;
  float: left;
  cursor: pointer;
}
#tsShopContainer #tsPicContainer #tsImgSCon li img {
  padding: 3px;
  margin: 1px;
  border: 1px solid #e4e4e4;
  display: block;
  width: 46px;
  height: 46px;
  box-sizing: content-box;
}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img {
  border: 2px solid #e4393c;
  margin: 0px;
}
.MagicZoomBigImageCont {
  border: 1px solid #dedede;
  background: #FFF;
  top: -3px !important;
}
.MagicZoomMain {
  text-align: center !important;
  width: 92px;
}
.MagicZoomMain div {
  padding: 0px !important;
}
.MagicZoomHeader {
  font: 10px Tahoma, Verdana, Arial, sans-serif;
  color: #fff;
  background: #91b817;
  text-align: center !important;
}
.MagicZoomPup {
  border: 0px solid #aaa;
  background: #ffffff;
}
.MagicZoomLoading {
  text-align: center;
  background: #ffffff;
  color: #444;
  border: 1px solid #ccc;
  opacity: 0.8;
  padding: 3px 3px 3px 3px !important;
  display: none;
}
.MagicZoomLoading img {
  padding-top: 3px !important;
}
.introtable {
  width: 100%;
}
.introtable .td-name {
  line-height: 24px;
  font-size: 14px;
  color: #666;
  font-family: microsoft yahei;
  padding: 3px;
  width: 90px;
}
@media (max-width: 800px) {
  .introtable .td-name {
    width: 12vw;
  }
}
.introtable .td-body {
  line-height: 24px;
  font-size: 14px;
  color: #666;
  font-family: microsoft yahei;
  padding: 3px;
}
.introtable .td-body .unit {
  font-size: 20px;
  font-family: arial;
  color: #ed0a0a;
  margin: 0 0 0 -3px;
  vertical-align: middle;
  margin-right: 4px;
}
.introtable .td-body .price {
  font-size: 30px;
  font-family: arial;
  letter-spacing: -1px;
  color: #ed0a0a;
  vertical-align: middle;
}
.itxuanbox {
  line-height: 26px;
}
.itxuanbox li {
  float: left;
  margin: 5px 5px 5px;
}
.itxuanbox li a {
  display: block;
  border: 1px solid #dedede;
  padding: 1px 11px;
  font-family: microsoft yahei;
  text-decoration: none;
  position: relative;
  color: #666;
}
.itxuanbox li a:hover {
  color: #e4393c;
}
.itxuanbox li a i {
  display: none;
  width: 11px;
  height: 11px;
  background: url(../img/icon-param.gif) no-repeat center center;
  position: absolute;
  right: 0;
  bottom: 0;
}
.itxuanbox li.on a {
  border: 2px solid #e4393c;
  padding: 0 10px;
  color: #e4393c;
}
.itxuanbox li.on a i {
  display: block;
}
.itxuanbox.itxuanboximg li a {
  width: 50px;
  height: 50px;
  overflow: hidden;
  padding: 1px;
}
.itxuanbox.itxuanboximg li a img {
  width: 50px;
  height: 50px;
  display: block;
}
.itxuanbox.itxuanboximg li.on a {
  padding: 0;
}
.amount-box {
  width: 100px;
  height: 32px;
  line-height: 32px;
  border: 1px solid #CACACA;
  font-size: 14px;
}
.amount-minus,
.amount-num,
.amount-plus {
  height: 32px;
  display: block;
  text-align: center;
  color: #666;
}
.amount-minus:hover,
.amount-num:hover,
.amount-plus:hover {
  color: #e4393c;
  text-decoration: none;
}
a.amount-minus {
  width: 28px;
  background: #F2F1EF;
  border-right: 1px solid #CACACA;
  text-decoration: none;
  font-family: microsoft yahei;
}
.amount-num {
  width: 42px;
  background: #fff;
  border: 0;
  padding: 0;
  margin: 0;
  font-family: microsoft yahei;
}
* + html .amount-num {
  height: 18px;
  overflow: hidden;
  padding: 7px 0 0 0;
}
a.amount-plus {
  width: 28px;
  height: 32px;
  background: #F2F1EF;
  border-left: 1px solid #CACACA;
  text-decoration: none;
  font-family: microsoft yahei;
}
.proshowtou {
  display: flex;
  width: 100%;
  justify-content: space-between;
  column-gap: var(--fsize-h1);
}
@media (max-width: 800px) {
  .proshowtou {
    flex-direction: column;
    row-gap: var(--fsize-h1);
  }
}
.proshowtou .pscon .btnbox {
  text-align: left;
  line-height: 40px;
  margin-top: 20px;
  margin-left: 100px;
  display: flex;
}
@media (max-width: 800px) {
  .proshowtou .pscon .btnbox {
    margin-left: 14vw;
  }
}
.proshowtou .pscon .btnbox .btn {
  display: inline-block;
  padding: 10px 60px;
  background: var(--color-main);
  color: #fff;
  text-decoration: none;
  font-size: var(--fsize-txt);
  border-radius: 10px;
  transition: all 0.2s ease-in;
  font-family: microsoft yahei;
}
.proshowtou .pscon .btnbox .btn:hover {
  opacity: 0.8;
}
.proshowtou .pscon .btnbox .btn02 {
  background: #333;
  margin-left: 10px;
}
.proshowtou .pscon .btnbox .btn02:hover {
  background: #000;
}
.protui {
  margin: 30px 0;
  border: 1px solid #dedede;
  border-radius: 20px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
.protui .hd {
  line-height: 20px;
  padding: 20px 30px;
  font-size: var(--fsize-large);
  color: #000;
  background: #f1f1f1;
  text-transform: uppercase;
}
.protui .bd {
  overflow: hidden;
}
.protui .bd .list .li {
  width: 18.4%;
  float: left;
  box-sizing: border-box;
  padding: 20px;
  margin-right: 2%;
}
.protui .bd .list .li:nth-child(5n) {
  margin-right: 0;
}
.protui .bd .list .li a {
  display: block;
  text-decoration: none;
}
.protui .bd .list .li .img {
  margin-bottom: 0px;
}
.protui .bd .list .li .img img {
  display: block;
  max-width: 80%;
  margin: 0 auto;
}
.protui .bd .list .li .nam {
  font-size: 12px;
  line-height: 18px;
  height: 54px;
  overflow: hidden;
}
.protui .bd .list .li .pri {
  font-size: 16px;
  color: #c40000;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
}
.pidetail {
  margin: 30px 0;
  border-radius: 20px;
  overflow: hidden;
}
.pidetail .hd {
  line-height: 20px;
  padding: 20px 0;
  font-size: var(--fsize-large);
  color: #000;
  text-transform: uppercase;
}
.pidetail .bd {
  font-size: 16px;
  line-height: 30px;
  color: #333;
}
.pidetail .bd img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.pidetail .bd p {
  margin-bottom: 20px;
}
.cartwrap {
  margin-bottom: 30px;
}
.tblist {
  border-collapse: collapse;
}
.tblist td {
  text-align: center;
}
.tblist .tb01 {
  background: #333;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  line-height: 60px;
}
.tblist .tb02 {
  border-bottom: 1px #333 dashed;
}
.tblist .tb02:last-child {
  border-bottom: 0;
}
.tblist .tb02 td {
  padding: 10px 10px;
  font-size: 14px;
}
.tblist .tb02 td a {
  color: #333;
}
.tblist .tb02:hover {
  background: #f4f4f4;
}
.tblist .tb02 .text {
  text-align: left;
  width: 40%;
  line-height: 20px;
}
.tblist .tb02 .endbig {
  font-weight: bold;
  font-size: 16px;
}
.tblist .tb02 .img {
  width: 120px;
}
.tblist .tb02 .img img {
  width: 100%;
  display: block;
}
.tblist .tb02 .num a {
  font-size: 24px;
  color: #666;
  text-decoration: none;
}
.tblist .tb02 .num input {
  border: 1px #ccc solid;
  width: 50px;
  height: 36px;
  text-align: center;
  line-height: 36px;
}
.tblist .tb02 .del a {
  color: #f00;
  font-size: 12px;
}
.csline {
  margin: 20px 0;
}
.csline a {
  float: left;
  margin-right: 20px;
  line-height: 30px;
  font-size: 14px;
  color: #333;
  background: #dedede;
  border-radius: 6px;
  padding: 0 20px;
  text-decoration: none;
}
.csline a:hover {
  opacity: 0.8;
}
.csline p {
  float: right;
  line-height: 30px;
  font-size: 14px;
  color: #999;
}
.csline strong {
  color: #000;
  font-size: 34px;
  margin-left: 10px;
}
.cartbtn {
  margin-bottom: 20px;
}
.cartbtn a {
  float: right;
  line-height: 60px;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  padding: 0 30px;
  background: #000;
  color: #fff;
  border-radius: 6px;
  text-decoration: none;
}
.cartbtn a:hover {
  opacity: 0.9;
}
.cobox {
  border: 1px solid #dedede;
  margin: 10px 0 30px;
}
.cobox .hd {
  line-height: 20px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  background: #f1f1f1;
  text-transform: uppercase;
}
.cobox .bd {
  padding: 20px;
  font-size: 16px;
  line-height: 30px;
  color: #333;
}
.cobox .bd .binfo {
  margin-bottom: 20px;
}
.cobox .bd .binfo .bil {
  margin-right: 20px;
}
.cobox .bd .binfo .bil.bil2 {
  display: block;
}
.cobox .bd .binfo .bil strong {
  margin-right: 6px;
}
.cobox .bd .binbtn {
  overflow: hidden;
}
.cobox .bd .binbtn a {
  float: right;
  line-height: 36px;
  font-size: 14px;
  color: #fff;
  background: #333;
  padding: 0 20px;
  border-radius: 4px;
  text-decoration: none;
}
.cobox .bd .binbtn a:hover {
  opacity: 0.9;
}
.form2 {
  display: block;
}
.form2 .item {
  width: 50%;
  float: left;
  padding: 0 20px 0;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.form2 .item .ih {
  float: left;
  width: 120px;
  line-height: 20px;
  font-size: 14px;
  color: #333;
  padding: 10px 0;
}
.form2 .item .ih.ihm:before {
  content: '*';
  color: #f00;
  font-size: 12px;
  margin-right: 4px;
}
.form2 .item .ib {
  margin-left: 120px;
}
.form2 .item .ipt {
  line-height: 38px;
  height: 40px;
  box-sizing: border-box;
  border: 1px solid #dedede;
  border-radius: 4px;
  overflow: hidden;
  background: #f5f5f5;
  padding: 0 20px;
  width: 100%;
  font-size: 14px;
}
.form2 .item .ipt:focus {
  background: #fff;
}
.form2 .item2 {
  width: 100%;
}
.form23 {
  overflow: hidden;
}
.form23 .item {
  float: none;
}
.form24 {
  overflow: hidden;
}
.successwrap {
  margin: 50px 0;
  text-align: center;
}
.successwrap .ico {
  width: 160px;
  margin: 0 auto 20px;
}
.successwrap .ico img {
  display: block;
  width: 100%;
}
.successwrap .nam {
  font-size: 24px;
  font-weight: bold;
  color: #000;
}
.successwrap .txt {
  font-size: 14px;
  line-height: 24px;
  color: #999;
  margin: 10px 0;
}
.successwrap .btn {
  text-align: center;
}
.successwrap .btn a {
  display: inline-block;
  line-height: 40px;
  font-size: 14px;
  background: #333;
  color: #fff;
  padding: 0 30px;
  border-radius: 4px;
  text-decoration: none;
  margin: 0 4px;
}
.successwrap .btn a:hover {
  opacity: 0.9;
}
.successwrap .btn a.no {
  background: #dedede;
  color: #333;
}
.coolbg {
  background: url(../img/coolbg.jpg) no-repeat center;
  background-size: cover;
  overflow: hidden;
}
.loginwrap {
  background: #fff;
  border-radius: 10px;
  padding: 50px 20px;
  width: 50%;
  margin: 60px auto;
}
.loginwrap .hd {
  line-height: 30px;
  font-size: 24px;
  font-weight: bold;
  color: #000;
  text-align: center;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.loginwrap .bd {
  overflow: hidden;
  width: 60%;
  margin: 0 auto;
}
.loginwrap .bd .it {
  overflow: hidden;
  margin-bottom: 10px;
}
.loginwrap .bd .it .ih {
  width: 30%;
  float: left;
  line-height: 20px;
  padding: 10px 0;
  font-size: 16px;
  color: #666;
}
.loginwrap .bd .it .ib {
  margin-left: 30%;
}
.loginwrap .bd .it .ipt {
  line-height: 38px;
  height: 40px;
  border: 1px solid #dedede;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 0 20px;
  width: 100%;
  font-size: 16px;
  background: #f5f5f5;
}
.loginwrap .bd .it .ipt:focus {
  background: #fff;
}
.loginwrap .bd .ibtn {
  text-align: center;
}
.loginwrap .bd .ibtn a {
  line-height: 20px;
  padding: 10px 0;
  width: 40%;
  background: #000;
  border-radius: 4px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  margin: 0 auto;
  display: block;
  text-decoration: none;
}
.loginwrap .bd .ibtn a:hover {
  opacity: 0.8;
}
.itip {
  text-align: center;
  font-size: 12px;
  margin-top: 10px;
}
.userside {
  float: left;
  width: 240px;
}
.userside .hd {
  background: #333;
  color: #fff;
  line-height: 20px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: bold;
}
.userside .bd {
  background: #f1f1f1;
  padding: 10px 0;
}
.userside .bd a {
  display: block;
  line-height: 20px;
  padding: 10px 20px;
  font-size: 14px;
  text-decoration: none;
  font-weight: bold;
}
.userside .bd a:hover {
  background: #fff;
}
.userside .bd a.on {
  background: #fff;
  color: #000;
}
.usermain {
  border: 0 solid #dedede;
  margin: 30px 0;
  margin-left: 280px;
}
.usermain .hd {
  background: #333;
  color: #fff;
  line-height: 20px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: bold;
}
.usermain .bd {
  padding: 20px;
  border: 1px solid #dedede;
  border-top: 0;
}
.spuserinf {
  background: #f5f5f5;
  padding: 20px;
  font-size: 14px;
  color: #999;
  line-height: 20px;
}
.spuserinf strong {
  font-size: 16px;
  color: #333;
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}
.usernmbox {
  margin-top: 20px;
  background: #f5f5f5;
  padding: 20px;
}
.usernmbox .unmbh {
  line-height: 20px;
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #dedede;
  font-size: 14px;
  font-weight: bold;
  color: #333;
}
.usernmbox .unmbb {
  line-height: 20px;
  font-size: 16px;
  color: #333;
}
.usernmbox .unmbb .spb {
  margin-right: 40px;
}
.usernmbox .unmbb p {
  margin-bottom: 10px;
}
.usernmbox .unmbb strong {
  margin-right: 10px;
}
.usernmbox .unbtn {
  text-align: right;
}
.usernmbox .unbtn a {
  display: inline-block;
  line-height: 20px;
  padding: 10px 20px;
  font-size: 14px;
  background: #dedede;
  color: #333;
  border-radius: 20px;
  text-decoration: none;
  margin: 0 6px;
}
.usernmbox .unbtn a:hover {
  opacity: 0.9;
}
.umbtn {
  padding-left: 140px;
  margin-top: 20px;
}
.umbtn a {
  display: inline-block;
  line-height: 20px;
  padding: 10px 20px;
  font-size: 14px;
  color: #fff;
  background: #333;
  text-decoration: none;
  border-radius: 4px;
}
.umbtn a:hover {
  opacity: 0.8;
}
.memlist .item {
  border-top: 1px solid #dedede;
  margin-bottom: 25px;
}
.memlist .item .ihead {
  background: #f9f9f9;
  padding: 10px 20px;
  overflow: hidden;
}
.memlist .item .ihead .pop {
  float: left;
}
.memlist .item .ihead .pop .zhu {
  font-size: 16px;
  line-height: 30px;
}
.memlist .item .ihead .price {
  float: right;
  text-align: right;
}
.memlist .item .ihead .price span {
  display: block;
  font-size: 12px;
  line-height: 20px;
  color: #999;
}
.memlist .item .ihead .price strong {
  display: block;
  font-size: 30px;
  line-height: 30px;
  color: #e4393c;
  font-family: tahoma, arial;
}
.memlist .item .ihead .price strong i {
  font-style: normal;
  font-size: 20px;
  margin-right: 6px;
  font-family: arial;
  font-weight: normal;
}
.memlist .item .ihead .txt {
  line-height: 20px;
  font-size: 12px;
  color: #999;
}
.memlist .item .ihead .txt span {
  margin-right: 20px;
}
.memlist .item .ihead .name {
  line-height: 30px;
  margin: 5px 0;
}
.memlist .item .ihead .name h3 {
  font-size: 22px;
  font-weight: normal;
  color: #36b66b;
}
.memlist .item .icon {
  overflow: hidden;
  padding: 10px 20px;
}
.memlist .item .icon .txt {
  line-height: 26px;
  font-size: 14px;
  color: #666;
  float: left;
  width: 80%;
}
.memlist .item .icon .txt .it {
  overflow: hidden;
  margin-bottom: 16px;
}
.memlist .item .icon .txt .it:last-child {
  margin-bottom: 0;
}
.memlist .item .icon .txt .it .img {
  float: left;
  width: 60px;
  margin-right: 10px;
}
.memlist .item .icon .txt .it .img a {
  display: block;
}
.memlist .item .icon .txt .it .img img {
  display: block;
  width: 100%;
}
.memlist .item .icon .txt .it .info p {
  line-height: 26px;
  height: 26px;
  overflow: hidden;
}
.memlist .item .icon .pop {
  float: right;
}
.memlist .item .icon .pop .btn {
  font-size: 14px;
  line-height: 20px;
  display: block;
  margin-bottom: 10px;
  padding: 10px 30px;
  text-decoration: none;
  background: #333;
  color: #fff;
  border-radius: 4px;
}
.memlist .item .icon .pop .btn:hover {
  opacity: 0.8;
}
.memlist .item .icon .pop .btn02 {
  border-color: #f60;
  background: #f60;
  color: #fff;
}
.memlist .item .icon .pop .btn02:hover {
  border-color: #f30;
  background: #f30;
}
.usermain .ok {
  margin: 0 0;
  color: #fff;
  padding: 30px 30px 30px 80px;
  background: #999 url(../img/orderzt02.png) no-repeat 15px;
  background-size: 50px;
}
.usermain .ok p {
  font-size: 16px;
  margin-top: 0;
  font-weight: bold;
  margin-bottom: 10px;
}
.usermain .ok02 {
  background: #666 url(../img/orderzt01.png) no-repeat 15px;
  background-size: 50px;
}
.dingdanit {
  padding: 20px;
  background: #f5f5f5;
  margin-top: 20px;
}
.dingdanit .it {
  overflow: hidden;
  margin-bottom: 16px;
}
.dingdanit .it:last-child {
  margin-bottom: 0;
}
.dingdanit .it .img {
  float: left;
  width: 60px;
  margin-right: 10px;
}
.dingdanit .it .img a {
  display: block;
}
.dingdanit .it .img img {
  display: block;
  width: 100%;
}
.dingdanit .it .info {
  font-size: 14px;
}
.dingdanit .it .info p {
  line-height: 26px;
  height: 26px;
  overflow: hidden;
}
.newbigcla {
  border: 5px solid #dedede;
  padding: 20px;
}
.newbigcla .hd {
  line-height: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #000;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #dedede;
}
.newbigcla .bd {
  overflow: hidden;
  position: relative;
}
.newbigcla .bd:before {
  content: '';
  display: block;
  left: 13%;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #dedede;
  position: absolute;
}
.newbigcla .bd .sh {
  float: left;
  width: 12%;
  margin-right: 1%;
}
.newbigcla .bd .sh a {
  display: block;
  line-height: 20px;
  padding: 5px 10px;
  border-bottom: 1px dashed #dedede;
  font-size: 14px;
  text-decoration: none;
}
.newbigcla .bd .sh a:after {
  content: '>';
  margin-left: 10px;
  font-family: simsun;
}
.newbigcla .bd .sh a.noson:after {
  content: '';
}
.newbigcla .bd .sh a.on {
  background: #000;
  color: #fff;
  border-bottom: 1px solid #000;
}
.newbigcla .bd .sb {
  margin-left: 26%;
}
.newbigcla .bd .sb .line {
  line-height: 20px;
  padding: 10px 20px;
  background: #f1f1f1;
  font-size: 13px;
}
.newbigcla .bd .sb .list .litem {
  float: left;
  width: 33.333333%;
  border-left: 1px solid #dedede;
  padding: 10px 0;
  box-sizing: border-box;
}
.newbigcla .bd .sb .list .litem a {
  display: block;
  line-height: 20px;
  padding: 8px 20px;
  font-size: 13px;
}
.pagination {
  margin: 0 auto;
  width: 80%;
  text-align: center;
  margin-top: 8px;
}
.pagination ul {
  display: inline-block;
  list-style: none;
  margin-left: 0;
  margin-bottom: 0;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination ul > li {
  display: inline;
}
.pagination ul > li > a,
.pagination ul > li > span,
.pagination #lastspan {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #f5f5f5;
}
.pagination ul > .active > a,
.pagination ul > .active > span {
  color: #999999;
  cursor: default;
}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
  color: #999999;
  background-color: transparent;
  cursor: default;
}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  border-left-width: 1px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span,
.pagination #lastspan {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination-centered {
  text-align: center;
}
.pagination-right {
  text-align: right;
}
.pagination-large ul > li > a,
.pagination-large ul > li > span,
.pagination-large #lastspan {
  padding: 11px 19px;
  font-size: 17.5px;
}
.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span,
.pagination-large #lastspan {
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-mini ul > li:first-child > a,
.pagination-small ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > span {
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-mini ul > li:last-child > a,
.pagination-small ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > span {
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
}
.pagination-small ul > li > a,
.pagination-small ul > li > span {
  padding: 2px 10px;
  font-size: 11.9px;
}
.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
  padding: 0 6px;
  font-size: 10.5px;
}
.messagecon {
  margin-bottom: 20px;
  font-family: microsoft yahei;
  color: #333;
}
.messagecon h3 {
  background: #dedede;
  color: #000;
  line-height: 30px;
  font-size: 18px;
  padding: 10px 20px;
  margin-bottom: 20px;
}
.messagecon p {
  margin-bottom: 20px;
}
.messagetit {
  font-weight: bold;
  line-height: 30px;
  height: 30px;
}
.messagetarea {
  padding: 10px;
  border: 1px solid #dedede;
  font-size: 16px;
  line-height: 26px;
  font-family: microsoft yahei;
  color: #666;
  resize: none;
  width: 96%;
  height: 90px;
  transition: all 0.2s ease-in;
  background: #f8f8f8;
  margin-bottom: 20px;
  box-sizing: content-box;
}
.messagetarea:focus {
  color: #333;
  outline: none;
  background: #fff;
}
.messageinput {
  width: 27%;
  padding: 10px;
  height: 26px;
  line-height: 26px;
  font-size: 14px;
  border: 1px solid #dedede;
  margin: 0 5px 0 0;
  font-family: microsoft yahei;
  color: #666;
  transition: all 0.2s ease-in;
  background: #f8f8f8;
  margin-bottom: 20px;
  box-sizing: content-box;
}
.messageinput:focus {
  color: #333;
  outline: none;
  background: #fff;
}
.messageinput::placeholder {
  color: #999;
  font-size: 16px;
}
.messagebtn {
  width: 30%;
  text-align: center;
  line-height: 50px;
  height: 50px;
  font-size: 16px;
  border: 0;
  background: #b8c5ce;
  color: #2d3e50;
  border-radius: 4px;
  font-family: microsoft yahei;
  cursor: pointer;
  margin-right: 10px;
  margin-bottom: 30px;
}
.messagebtn.btnon {
  width: 50%;
  color: #fff;
}
.messagebtn:hover {
  opacity: 0.8;
}
.yanzhengma {
  display: inline;
}
.messagecon .tips {
  font-size: 14px;
  color: #999;
  margin-left: 10px;
}
.messagebtn.btnon {
  background: #000;
}
.seasub {
  position: absolute;
  top: 42px;
  left: 0;
  right: 0;
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  z-index: 99;
}
.seasub .item {
  padding: 10px;
  overflow: hidden;
  transition: all 0.2s;
  cursor: pointer;
}
.seasub .item:hover {
  background: #f1f1f1;
}
.seasub .item .img {
  width: 60px;
  float: left;
}
.seasub .item .img img {
  display: block;
  width: 100%;
}
.seasub .item .inf {
  margin-left: 70px;
  padding: 5px 0;
}
.seasub .item .inf .nam {
  font-size: 16px;
  color: #333;
  line-height: 25px;
  height: 25px;
  overflow: hidden;
}
.seasub .item .inf .nam span {
  background: #fffbd9;
}
.seasub .item .inf .pri {
  font-size: 14px;
  color: #000;
  font-weight: bold;
  line-height: 25px;
}
.seasub .last {
  line-height: 40px;
  text-align: center;
}
.seasub .last a {
  display: block;
  text-decoration: none;
  color: #000;
  font-size: 14px;
  background: #f9f9f9;
  transition: all 0.2s;
}
.seasub .last a:hover {
  background: #dedede;
}
.yunfei {
  line-height: 30px;
  font-size: 16px;
}
.yunfei .item {
  padding: 5px 0;
}
.yunfei .item label {
  cursor: pointer;
}
.yunfei .item a {
  margin-left: 20px;
  color: #f60;
}
.waocon {
  font-size: 16px;
  line-height: 30px;
}
.waocon p {
  margin-bottom: 20px;
}
.shuaitable {
  width: 100%;
  margin-bottom: 20px;
  color: #333;
}
.shuaitable th {
  font-size: 16px;
  line-height: 30px;
  padding: 5px 10px;
  background: #f5f5f5;
}
.shuaitable td {
  font-size: 16px;
  line-height: 30px;
  padding: 5px 10px;
}
.shuaitable.shuaitablecen td {
  text-align: center;
}
.shuaitable tr:nth-child(2n) td {
  background: #f1f1f1;
}
@media (max-width: 1240px) {
  .wrapper {
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
  }
}
@media (max-width: 800px) {
  .topbar .links.fl {
    display: none;
  }
  .topbar .links.fr {
    float: left;
  }
  .header .searchbar {
    display: none;
  }
  .header .cart em {
    display: none;
  }
  .cobox .bd .binfo .bil {
    display: block;
  }
  .header .cart {
    margin: 3.5px 0;
  }
  .navbar .bignav {
    display: none;
  }
  .navbar .tel {
    display: none;
  }
  .navbar .wrapper {
    padding: 0 10px;
  }
  .navbar .navlist .nul .nli .na {
    padding: 0;
    font-size: 12px;
  }
  .navbar .navlist {
    width: 100%;
    float: none;
  }
  .navbar {
    height: 40px;
  }
  .navbar .navlist .nul {
    width: 100%;
    display: table;
    line-height: 40px;
  }
  .navbar .navlist .nul .nli {
    display: table-cell;
    position: relative;
    text-align: center;
    vertical-align: middle;
    float: none;
  }
  .swiper-button-next,
  .swiper-button-prev {
    display: none;
  }
  .paginationw {
    bottom: 10px !important;
  }
  .homebox01 {
    margin: 30px 0;
  }
  .homebox01 .item {
    width: 49%;
    margin-right: 2%;
    padding: 16px 10px;
  }
  .homebox01 .item:nth-child(2n) {
    margin-right: 0;
  }
  .homebox01 .item .img img {
    width: 40px;
    margin-top: 5px;
  }
  .homebox01 .item .inf {
    margin-left: 50px;
    padding-top: 0;
  }
  .homebox01 .item .inf .nam {
    margin: 0 0 4px;
  }
  .homebox01 .item .inf .nam:before {
    margin-bottom: 6px;
    width: 16px;
    height: 2px;
    opacity: 0.3;
  }
  .homebox02 {
    margin: 30px 0;
  }
  .homebox02 .list {
    float: none;
    overflow: hidden;
    width: 100%;
    margin-bottom: 20px;
  }
  .homebox02 .list .itembig {
    overflow: hidden;
  }
  .homebox02 .list .itembig .img {
    float: none;
    margin: 0 auto 0;
    width: 36%;
    height: auto;
  }
  .homebox02 .list .itembig .inf {
    margin: 0 20px;
    width: auto;
  }
  .homebox02 .list .itembig .inf .txt {
    font-size: 12px;
  }
  .homebox02 .bigshow {
    float: none;
    width: 100%;
  }
  .homebox02 .list .item {
    height: 30vw;
  }
  .homebox02 .list .item .img {
    width: 26vw;
    height: 26vw;
  }
  .homebox02 .bigshow .img {
    height: 43vw;
  }
  .homebox02 .bigshow .img img {
    width: 40vw;
  }
  .homebox02 .bigshow .inf .nam {
    font-size: 16px;
  }
  .homebox02 .bigshow .inf .cla {
    font-size: 12px;
  }
  .homebox02 .bigshow .inf .txt {
    font-size: 12px;
  }
  .homebox03 .item {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 10px;
  }
  .homebox03 .item:nth-child(2n) {
    margin-right: 0;
  }
  .homebox03 .item .img {
    width: 36vw;
    height: 36vw;
  }
  .homebox03 .item a {
    padding: 20px 0;
  }
  .homebox04 .item {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 20px;
  }
  .homebox04 .item:nth-child(2n) {
    margin-right: 0;
  }
  .homebox04 .item .img {
    width: 100%;
    height: auto;
  }
  .homebox04 .item .img img {
    width: 36vw;
    height: 36vw;
  }
  .homebox04 .item .img a {
    padding: 20px 0;
  }
  .homebox04 .item .inf {
    margin-top: 10px;
  }
  .homebox05 .vidbox {
    box-sizing: border-box;
  }
  .sns {
    display: none;
  }
  .footer .footlin .item {
    display: none;
  }
  .footer .footlin .big {
    float: none;
    width: 100%;
  }
  .messagetarea {
    box-sizing: border-box;
    width: 100%;
    height: 120px;
  }
  .messageinput {
    float: none;
    width: 100%;
    box-sizing: border-box;
    line-height: 46px;
    height: 46px;
    margin: 0 0 6px;
  }
  .navbar .navlist .nul .nli .sub {
    top: 40px;
  }
  .inbanner {
    height: 120px;
  }
  .newbigcla {
    padding: 10px;
  }
  .newbigcla .bd:before {
    display: none;
  }
  .newbigcla .bd .sh {
    float: none;
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
    background: #f9f9f9;
  }
  .newbigcla .bd .sb {
    margin-left: 0;
  }
  .newbigcla .bd .sh a:after {
    display: none;
  }
  .newbigcla .bd .sh a {
    font-size: 12px;
    width: 50%;
    float: left;
    box-sizing: border-box;
    height: 31px;
    overflow: hidden;
  }
  .newbigcla .bd .sb .list .litem {
    width: 100%;
    float: none;
    border-left: 0;
    overflow: hidden;
    padding: 0;
  }
  .newbigcla .bd .sb .list {
    padding-top: 10px;
    background: #f9f9f9;
  }
  .newbigcla .bd .sb .list .litem a {
    font-size: 12px;
    padding: 0 10px;
    line-height: 32px;
    height: 32px;
    overflow: hidden;
    float: left;
    width: 50%;
    box-sizing: border-box;
  }
  .prolist .item {
    width: 49%;
  }
  .prolist .item:nth-child(2n) {
    margin-right: 0;
  }
  .prolist .item .img img {
    width: 36vw;
    height: 36vw;
    margin: 0 auto;
  }
  .prolist .item .inf {
    margin-top: 10px;
  }
  .proshowtou .psimg {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
  #tsShopContainer {
    width: 100%;
  }
  #tsShopContainer #tsImgS img {
    width: 100% !important;
    height: auto !important;
  }
  .nowbar {
    display: none;
  }
  .proshowtou .pscon {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
  .proshowtou .pscon .btnbox .btn {
    padding: 0 24px;
  }
  .protui .bd .list .li {
    width: 49%;
    margin-right: 2%;
  }
  .protui .bd .list .li:nth-child(2n) {
    margin-right: 0;
  }
  .MagicZoomBigImageCont {
    display: none;
  }
  .cartwrap {
    margin-top: 20px;
  }
  .tb01 {
    display: none;
  }
  .tblist .tb02 {
    background: #f1f1f1;
  }
  .tblist .tb02 td {
    display: block;
    float: left;
  }
  .tblist .tb02 td.img {
    float: left;
    width: 30%;
    box-sizing: border-box;
    height: 100px;
    overflow: hidden;
    background: #fff;
  }
  .tblist .tb02 td.text {
    float: left;
    width: 70%;
    box-sizing: border-box;
    font-size: 12px;
    height: 100px;
    overflow: hidden;
    line-height: 20px;
    background: #fff;
  }
  .tblist .tb02 td.dollar {
    display: none;
  }
  .tblist .tb02 td {
    line-height: 30px;
  }
  .csline a {
    float: none;
    margin-bottom: 10px;
    display: inline-block;
  }
  .csline p {
    float: none;
    text-align: right;
  }
  .loginwrap {
    width: 100%;
    box-sizing: border-box;
    margin: 20px auto;
  }
  .loginwrap .bd {
    width: 90%;
  }
  .userside {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
  .userside .bd {
    overflow: hidden;
    padding: 0;
  }
  .userside .bd a {
    width: 50%;
    float: left;
    box-sizing: border-box;
  }
  .usermain {
    margin-top: 20px;
    margin-left: 0;
  }
  .memlist .item .ihead .txt span {
    display: block;
    margin-right: 0;
  }
  .memlist .item .ihead .txt span:nth-child(2) {
    display: none;
  }
  .memlist .item .ihead .txt span:nth-child(3) {
    display: none;
  }
  .usernmbox {
    margin-top: 0;
  }
  .usernmbox .unmbb .spb {
    margin-right: 0;
    display: block;
    line-height: 24px;
  }
  .form2 .item {
    width: 100%;
    float: none;
    padding: 0;
  }
  .usernmbox .unbtn a {
    margin-bottom: 10px;
  }
  .usernmbox .unbtn a:last-child {
    margin-bottom: 0;
  }
}
.loginwrap .bd .reg_password_check {
  overflow: hidden;
  background: #fff;
  margin-bottom: 6px;
}
.loginwrap .bd .reg_password_check .ih {
  height: 0;
  padding: 0;
}
.loginwrap .bd .it .ib .password_check {
  width: 20%;
  height: 4px;
  float: left;
  display: none;
}
.loginwrap .bd .it .ib .password_check:nth-child(1) {
  background: red;
}
.loginwrap .bd .it .ib .password_check:nth-child(2) {
  background: #f60;
}
.loginwrap .bd .it .ib .password_check:nth-child(3) {
  background: #f7cf2d;
}
.loginwrap .bd .it .ib .password_check:nth-child(4) {
  background: #41ff2a;
}
.loginwrap .bd .it .ib .password_check:nth-child(5) {
  background: green;
}
#reg_password_check {
  display: none;
}
/* 移动端全局控制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: "sinkin-sans", Noto Sans SC, "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);
  background-color: #fff;
}
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);
}
/* 清理浮动 */
.clearfix {
  clear: both;
  zoom: 1;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* 全局浮动 */
.fl {
  float: left;
}
.fr {
  float: right;
}
/* 拖选文字样式 20160628 */
::selection {
  background: #000;
  color: #fff;
}
::-moz-selection {
  background: #000;
  color: #fff;
}
.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);
}
/*# sourceMappingURL=./c.css.map */