/*! #hat start */
.hat-wrap {
  min-height: 0.4rem;
  border-bottom: 0.01rem solid #f3f3f3;
}
.hat-wrap input,
.hat-wrap button {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
}
.hat-wrap .icon-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
  transition: 0.3s;
}
.hat-wrap .tr-x {
  transform: rotateY(180deg);
}
.hat-wrap .tr-y {
  transform: rotateY(180deg);
}
.hat-wrap .cn-wh,
.hat-wrap .cn-w,
.hat-wrap .cv-wh,
.hat-wrap .cv-w {
  width: 100%;
}
.hat-wrap .cn-wh,
.hat-wrap .cn-h,
.hat-wrap .cv-wh,
.hat-wrap .cv-h {
  height: 100%;
}
.hat-wrap .cn-wh,
.hat-wrap .cn-w,
.hat-wrap .cn-h {
  object-fit: contain;
}
.hat-wrap .cv-wh,
.hat-wrap .cv-w,
.hat-wrap .cv-h {
  object-fit: cover;
}
.hat-wrap .pic-box {
  width: 100%;
  height: 100%;
}
.hat-wrap .pic-box img {
  max-width: 100%;
  max-height: 100%;
}
.hat-wrap.wrap,
.hat-wrap .wrap {
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  max-width: 100%;
  overflow: hidden;
}
.hat-wrap .area {
  margin: 0 auto;
  width: 100%;
  max-width: 16rem;
}
.hat-wrap [data-eps] {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 0; /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  -webkit-box-orient: vertical;
  max-width: 100%;
}
.hat-wrap [data-eps="1"] {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.hat-wrap .hat {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 0.4rem;
}
.hat-wrap .hat-left {
  white-space: nowrap;
  color: #666;
  font-family: "MiSans-Regular";
}
.hat-wrap .hat-right {
  display: flex;
  flex: 1;
  height: 100%;
  margin-left: 0.25rem;
  align-items: center;
  font-family: "Montserrat-SemiBold";
}
.hat-wrap .phone-num {
  display: flex;
}
.hat-wrap .phone-num span {
  margin-left: 0.1rem;
}
.hat-wrap .search-box {
  position: relative;
  display: flex;
  width: 3rem;
  height: 100%;
  max-width: 100%;
  margin-left: auto;
  background-color: #f7f7f7;
}
.hat-wrap .search-ipt {
  flex: 1;
  height: 100%;
  padding: 0.1rem 0.2rem;
  padding-right: 0.5rem;
}
.hat-wrap .search-btn {
  position: absolute;
  right: 0;
  top: 0;
  flex-shrink: 0;
  height: 100%;
  padding: 0.1rem 0.2rem;
  background-color: rgba(0, 0, 0, 0);
}
@media (max-width: 750px) {
  .hat-wrap .phone-num {
    display: none;
  }
  .hat-wrap .hat-left {
    font-size: 0.2rem;
  }
} /*! #hat end */
 /*! #page-nav start */.page-nav-wrap{padding:0 .6rem;position: relative;z-index: 50;}.page-nav-wrap input,.page-nav-wrap button{background-color:rgba(0,0,0,0);border:none;outline:none;margin:0;padding:0}.page-nav-wrap .icon-box{display:flex;align-items:center;justify-content:center;width:1em;height:1em;transition:.3s}.page-nav-wrap .tr-x{transform:rotateY(180deg)}.page-nav-wrap .tr-y{transform:rotateY(180deg)}.page-nav-wrap .cn-wh,.page-nav-wrap .cn-w,.page-nav-wrap .cv-wh,.page-nav-wrap .cv-w{width:100%}.page-nav-wrap .cn-wh,.page-nav-wrap .cn-h,.page-nav-wrap .cv-wh,.page-nav-wrap .cv-h{height:100%}.page-nav-wrap .cn-wh,.page-nav-wrap .cn-w,.page-nav-wrap .cn-h{object-fit:contain}.page-nav-wrap .cv-wh,.page-nav-wrap .cv-w,.page-nav-wrap .cv-h{object-fit:cover}.page-nav-wrap .pic-box{width:100%;height:100%}.page-nav-wrap .pic-box img{max-width:100%;max-height:100%}.page-nav-wrap.wrap,.page-nav-wrap .wrap{padding-left:.6rem;padding-right:.6rem;max-width:100%;overflow:hidden}.page-nav-wrap .area{margin:0 auto;width:100%;max-width:16rem}.page-nav-wrap [data-eps]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;max-height:0;/*! autoprefixer: off */-webkit-box-orient:vertical;-webkit-box-orient:vertical;max-width:100%}.page-nav-wrap [data-eps="1"]{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.page-nav-wrap .hover-drop{position:relative}.page-nav-wrap .hover-drop:hover .drop-list{transform:translateX(-50%) scaleY(1)}.page-nav-wrap .drop-list{position:absolute;top:100%;left:50%;min-width:100%;background-color:#fff;transform-origin:center top;transform:translateX(-50%) scaleY(0);box-shadow:.02rem .02rem .05rem 0 rgba(0,0,0,.1333333333);border-radius:8px;overflow:hidden;z-index:10;transition:.3s}.page-nav-wrap .drop-list .drop-item{position:relative}.page-nav-wrap .drop-list .drop-item:hover .drop-entry{color:#fff;background-color:#6cf}.page-nav-wrap .drop-entry{display:flex;align-items:center;min-height:.4rem;padding:.05rem .2rem;line-height:1.5;color:#222;white-space:nowrap;transition:.3s}.page-nav-wrap .page-nav{display:flex;align-items:center;height:.8rem}.page-nav-wrap .logo{display:block;height:.4rem;width:3rem;margin-right:.3rem}.page-nav-wrap .tag-list{display:flex;align-items:center;height:100%;margin-left:auto}.page-nav-wrap .tag-list li,.page-nav-wrap .tag-list{height:100%}.page-nav-wrap .tag-list li{position:relative}.page-nav-wrap .tag-list li:hover{color:#6cf}.page-nav-wrap .tag-list li:hover .pnt-drop-list{transform:translateX(-50%) scaleY(1)}.page-nav-wrap .tag{display:flex;align-items:center;flex:1 0 0;line-height:1.5;height:100%;padding:.1rem;transition:.3s}.page-nav-wrap .tag.active{color:#6cf;box-shadow:0 -0.02rem 0 #6cf inset}.page-nav-wrap .pnt-drop-list{position:absolute;top:100%;left:50%;min-width:100%;background-color:rgba(243,243,243,.9960784314);transform-origin:center top;transform:translateX(-50%) scaleY(0);z-index:10;transition:.3s}.page-nav-wrap .pnt-drop-item{display:flex;align-items:center;justify-content:center;padding:.1rem .5rem;line-height:1.5;color:#222;white-space:nowrap;transition:.3s}.page-nav-wrap .pnt-drop-item:hover{color:#fff;background-color:#6cf}.page-nav-wrap .lang-btn{display:flex;align-items:center;min-width:4.54em;height:2em;padding:.1rem .2rem;margin-left:.2rem;border-radius:1em;border:.01rem solid rgba(0,0,0,.2);white-space:nowrap}.page-nav-wrap .lang-btn .icon-box{margin-right:.1rem}.page-nav-wrap .menu{display:none;margin-left:.3rem}.expand-menu.expand-bar{height:100vh;min-width:40%;transition:.3s;position:fixed;right:0;top:0;background-color:#fff;overflow-y:auto;z-index:52;transform:translateX(100%)}.expand-menu.expand-bar .expand-list{padding:.3rem 0}.expand-menu.expand-bar .expand-list li{position:relative;flex-direction:column;display:flex;justify-content:space-evenly;align-items:center;padding-top:.01rem;transition:.3s;border-bottom:.01rem solid #eee}.expand-menu.expand-bar .expand-list li.active .expand-item{background-color:#6cf;color:#fff}.expand-menu.expand-bar .expand-list li.active .expand-item:has(+.expand-sub-list)::after{transform:rotate(180deg);filter:invert(1)}.expand-menu.expand-bar .expand-list li.active .expand-sub-list{display:flex}.expand-menu.expand-bar .expand-item{display:flex;align-items:center;justify-content:space-between;padding:.1rem .5rem;width:100%;height:100%;color:#333;line-height:2;transition:.3s}.expand-menu.expand-bar .expand-item:has(+.expand-sub-list)::after{content:"";width:1em;height:1em;margin-left:.3rem;background:url("../images/icon/dropdown.png") no-repeat center/contain;transition:.3s}.expand-menu.expand-bar .expand-sub-list{display:none;flex-direction:column;width:100%;background-color:#f8f8f8;padding-left:.2rem}.expand-menu.expand-bar .expand-sub-item{position:relative;padding:.05rem .5rem;line-height:2;color:#444}.expand-menu.expand-bar.expand-show{opacity:1;transform:translateX(0)}.expand-mask{position:fixed;top:0;right:0;height:100%;width:0;opacity:0;background-color:rgba(0,0,0,.5333333333);transition:.5s;opacity:0;z-index:51}.expand-mask.mask-show{width:100%;opacity:1}@media(max-width: 1500px){.page-nav-wrap .tag{padding:.2rem}}@media(max-width: 1200px){.page-nav-wrap .tag-list{display:none}.page-nav-wrap .lang-btn{margin-left:auto}.page-nav-wrap .menu{display:block}}/*! #page-nav end */
.tag{white-space: nowrap;justify-content: center;}
.tag-list li{flex: 1;}
.page-nav-wrap .tag-list{margin-left: 0;flex: 1 0 0;}

.page-bottom-wrap {
  background-color: #000;
}
.page-bottom-wrap .popup {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0) scale(0);
  transform-origin: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.04rem;
  background-color: #fff;
  border-radius: 0.1rem;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
  box-shadow: 0 0 0.05rem 0 rgba(0, 0, 0, 0.1333333333);
  z-index: 51;
}
.page-bottom-wrap .popup::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 0;
  height: 0;
  border: 0.05rem solid transparent;
  border-color: #fff #fff transparent transparent;
}
.page-bottom-wrap .popup .popup-pic {
  width: 1.5rem;
  height: 1.5rem;
  aspect-ratio: 1;
}
.page-bottom-wrap .popup .popup-txt {
  color: #333;
  white-space: nowrap;
  padding: 0.15rem 0.2rem;
}
.page-bottom-wrap .hover-popup:hover .popup {
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
}
.page-bottom-wrap .popup.top {
  bottom: calc(100% + 0.15rem);
  top: auto;
  transform: translate(-50%, 0) scale(0);
  transform-origin: center bottom;
}
.page-bottom-wrap .popup.top::before {
  top: auto;
  bottom: 0;
  transform: translate(-50%, 50%) rotate(315deg);
  border-color: transparent transparent #fff #fff;
}
.page-bottom-wrap .hover-popup:hover .popup.top {
  transform: translate(-50%, 0) scale(1);
}
.page-bottom-wrap.wrap,
.page-bottom-wrap .wrap {
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  max-width: 100%;
  overflow: hidden;
}
.page-bottom-wrap .area {
  margin: 0 auto;
  width: 100%;
  max-width: 16rem;
}
.page-bottom-wrap .cn-wh,
.page-bottom-wrap .cn-w,
.page-bottom-wrap .cv-wh,
.page-bottom-wrap .cv-w {
  width: 100%;
}
.page-bottom-wrap .cn-wh,
.page-bottom-wrap .cn-h,
.page-bottom-wrap .cv-wh,
.page-bottom-wrap .cv-h {
  height: 100%;
}
.page-bottom-wrap .cn-wh,
.page-bottom-wrap .cn-w,
.page-bottom-wrap .cn-h {
  object-fit: contain;
}
.page-bottom-wrap .cv-wh,
.page-bottom-wrap .cv-w,
.page-bottom-wrap .cv-h {
  object-fit: cover;
}
.page-bottom-wrap .pic-box {
  width: 100%;
  height: 100%;
}
.page-bottom-wrap .pic-box img {
  max-width: 100%;
  max-height: 100%;
}
.page-bottom-wrap .page-bottom {
  display: flex;
}
.page-bottom-wrap .pb-left {
  max-width: 4.47rem;
  width: 100%;
  flex-shrink: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-right: 0.01rem solid rgba(255, 255, 255, 0.2);
}
.page-bottom-wrap .logo {
  width: 2.8rem;
  height: 0.4rem;
}
.page-bottom-wrap .pbc-label {
  line-height: 1.5;
}
.page-bottom-wrap .pb-contact {
  margin-top: 0.45rem;
  color: #fff;
}
.page-bottom-wrap .pbc-item {
  opacity: 0.7;
  line-height: 2;
}
.page-bottom-wrap .hot-line {
  opacity: 1;
  font-family: "Montserrat-SemiBold";
}
.page-bottom-wrap .pb-share-list {
  display: flex;
  align-items: center;
  margin-top: 0.22rem;
}
.page-bottom-wrap .pbs-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  border: 0.01rem solid #fff;
  font-family: "MiSans-Normal";
  opacity: 0.3;
  transition: 0.3s;
  cursor: pointer;
}
.page-bottom-wrap .pbs-item:nth-child(n+2) {
  margin-left: 0.2rem;
}
.page-bottom-wrap .pbs-item:hover {
  opacity: 1;
}
.page-bottom-wrap .share-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
}

.pb-right {
  display: flex;
  justify-content: space-between;
  flex: 1;
  padding-top: 1rem;
  margin-left: 1rem;
  color: #fff;
}
.pb-right .pb-opt-title {
  font-family: "MiSans-Demibold";
}
.pb-right .pb-opt-list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 2.8rem;
  margin-top: 0.22rem;
  font-family: "MiSans-Normal";
  opacity: 0.6;
}
.pb-right .pb-opt {
  line-height: 2.25;
  margin-right: 0.8rem;
}
.pb-right .pb-opt * {
  line-height: inherit;
}
.pb-right .pb-opt-box:last-child .pb-opt {
  margin-right: 0;
}

.copyright-wrap {
  border-top: 0.01rem solid rgba(255, 255, 255, 0.2);
  background-color: #000;
}
.copyright-wrap.wrap,
.copyright-wrap .wrap {
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  max-width: 100%;
  overflow: hidden;
}
.copyright-wrap .area {
  margin: 0 auto;
  width: 100%;
  max-width: 16rem;
}
.copyright-wrap .cn-wh,
.copyright-wrap .cn-w,
.copyright-wrap .cv-wh,
.copyright-wrap .cv-w {
  width: 100%;
}
.copyright-wrap .cn-wh,
.copyright-wrap .cn-h,
.copyright-wrap .cv-wh,
.copyright-wrap .cv-h {
  height: 100%;
}
.copyright-wrap .cn-wh,
.copyright-wrap .cn-w,
.copyright-wrap .cn-h {
  object-fit: contain;
}
.copyright-wrap .cv-wh,
.copyright-wrap .cv-w,
.copyright-wrap .cv-h {
  object-fit: cover;
}
.copyright-wrap .pic-box {
  width: 100%;
  height: 100%;
}
.copyright-wrap .pic-box img {
  max-width: 100%;
  max-height: 100%;
}
.copyright-wrap .copyright {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 1.05rem;
  font-family: "MiSans-Normal";
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.5;
  padding: 0.2rem 0;
}
.copyright-wrap .copyright * {
  line-height: inherit;
}

@media (max-width: 750px) {
  .page-bottom-wrap .pb-left {
    max-width: 100%;
    border-right: none;
  }
  .page-bottom-wrap .pb-right {
    display: none;
  }
  .copyright-wrap .copyright {
    flex-direction: column;
    text-align: center;
  }
}

/* #mod-banner start */
 .mod-banner-wrap{position: relative;height: 6rem;}
.mod-banner-wrap input, .mod-banner-wrap button{background-color: transparent;border: none;outline: none;margin: 0;padding: 0;}
.mod-banner-wrap .icon-box{display: flex;align-items: center;justify-content: center;width: 1em;height: 1em;transition: 0.3s;}
.mod-banner-wrap .tr-x{transform: rotateY(180deg);}
.mod-banner-wrap .tr-y{transform: rotateY(180deg);}
.mod-banner-wrap .cn-wh, .mod-banner-wrap .cn-w, .mod-banner-wrap .cv-wh, .mod-banner-wrap .cv-w{width: 100%;}
.mod-banner-wrap .cn-wh, .mod-banner-wrap .cn-h, .mod-banner-wrap .cv-wh, .mod-banner-wrap .cv-h{height: 100%;}
.mod-banner-wrap .cn-wh, .mod-banner-wrap .cn-w, .mod-banner-wrap .cn-h{object-fit: contain;}
.mod-banner-wrap .cv-wh, .mod-banner-wrap .cv-w, .mod-banner-wrap .cv-h{object-fit: cover;}
.mod-banner-wrap .pic-box{width: 100%;height: 100%;}
.mod-banner-wrap .pic-box img{max-width: 100%;max-height: 100%;}
.mod-banner-wrap.wrap, .mod-banner-wrap .wrap{padding-left: 0.6rem;padding-right: 0.6rem;max-width: 100%;overflow: hidden;}
.mod-banner-wrap .area{margin: 0 auto;width: 100%;max-width: 16rem;}
.mod-banner-wrap [data-eps]{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;max-height: 0;/*! autoprefixer: off */ -webkit-box-orient: vertical;/* autoprefixer: on */ -webkit-box-orient: vertical;max-width: 100%;}
.mod-banner-wrap [data-eps="1"]{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.mod-banner-wrap .mod-banner{width: 100%;height: 100%;}
.mod-banner-wrap .mod-cover{position: absolute;top: 0;left: 0;display: flex;align-items: center;width: 100%;height: 100%;color: #fff;background: linear-gradient(to right, rgba(102, 204, 255, 0.5), rgba(102, 204, 255, 0) 60%);}
.mod-banner-wrap .mod-bn-title{margin-top: 0.05rem;line-height: 1.5;font-family: "MiSans-Semibold";}
@media (max-width: 750px){.mod-banner-wrap{height: 4rem;}
}
/* #mod-banner end */

/* #mod-nav start */
 .mod-nav-wrap{position: relative;overflow: visible !important;z-index: 10;}
.mod-nav-wrap.wrap, .mod-nav-wrap .wrap{padding-left: 0.6rem;padding-right: 0.6rem;max-width: 100%;overflow: hidden;}
.mod-nav-wrap .area{margin: 0 auto;width: 100%;max-width: 16rem;}
.mod-nav-wrap .icon-box{display: flex;align-items: center;justify-content: center;width: 1em;height: 1em;transition: 0.3s;}
.mod-nav-wrap .tr-x{transform: rotateY(180deg);}
.mod-nav-wrap .tr-y{transform: rotateY(180deg);}
@keyframes ani-slide-top{to{transform: translateY(0);opacity: 1;}
}
.mod-nav-wrap [ani-slide-top]{transform: translateY(-50%);opacity: 0;transform-origin: center;}
.mod-nav-wrap .ani-slide-top{animation: ani-slide-top 0.8s ease-in-out forwards;}
@keyframes ani-slide-bottom{to{transform: translateY(0);opacity: 1;}
}
.mod-nav-wrap [ani-slide-bottom]{transform: translateY(50%);opacity: 0;transform-origin: center;}
.mod-nav-wrap .ani-slide-bottom{animation: ani-slide-bottom 0.8s ease-in-out forwards;}
@keyframes ani-slide-left{to{transform: translateX(0);opacity: 1;}
}
.mod-nav-wrap [ani-slide-left]{transform: translateX(-50%);opacity: 0;transform-origin: center;}
.mod-nav-wrap .ani-slide-left{animation: ani-slide-left 0.8s ease-in-out forwards;}
@keyframes ani-slide-right{to{transform: translateX(0);opacity: 1;}
}
.mod-nav-wrap [ani-slide-right]{transform: translateX(50%);opacity: 0;transform-origin: center;}
.mod-nav-wrap .ani-slide-right{animation: ani-slide-right 0.8s ease-in-out forwards;}
@keyframes ani-lessen{to{transform: scale(1);opacity: 1;}
}
.mod-nav-wrap [ani-lessen]{transform: scale(1.5);opacity: 0;transform-origin: center;}
.mod-nav-wrap .ani-lessen{animation: ani-lessen 0.8s ease-in-out forwards;}
@keyframes ani-scale{to{transform: scale(1);opacity: 1;}
}
.mod-nav-wrap [ani-scale]{transform: scale(0.5);opacity: 0;transform-origin: center;}
.mod-nav-wrap .ani-scale{animation: ani-scale 0.8s ease-in-out forwards;}
@keyframes ani-scale-x{to{transform: scaleX(1);opacity: 1;}
}
.mod-nav-wrap [ani-scale-x]{transform: scaleX(0);opacity: 0;transform-origin: center;}
.mod-nav-wrap .ani-scale-x{animation: ani-scale-x 0.8s ease-in-out forwards;}
@keyframes ani-scale-y{to{transform: scaleY(1);opacity: 1;}
}
.mod-nav-wrap [ani-scale-y]{transform: scaleY(0);opacity: 0;transform-origin: center;}
.mod-nav-wrap .ani-scale-y{animation: ani-scale-y 0.8s ease-in-out forwards;}
@keyframes ani-rotate{to{transform: rotateZ(0);opacity: 1;}
}
.mod-nav-wrap [ani-rotate]{transform: rotateZ(-90deg);opacity: 0;transform-origin: center;}
.mod-nav-wrap .ani-rotate{animation: ani-rotate 0.8s ease-in-out forwards;}
@keyframes ani-rotate-reverse{to{transform: rotateZ(0);opacity: 1;}
}
.mod-nav-wrap [ani-rotate-reverse]{transform: rotateZ(90deg);opacity: 0;transform-origin: center;}
.mod-nav-wrap .ani-rotate-reverse{animation: ani-rotate-reverse 0.8s ease-in-out forwards;}
.mod-nav-wrap .mod-nav{display: flex;align-items: center;justify-content: space-between;z-index: 10;}
.mod-nav-wrap .mod-nav.detail{position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.mod-nav-wrap .mod-nav-list{display: flex;height: 0.9rem;overflow-x: auto;}
.mod-nav-wrap .mod-nav-item{display: flex;align-items: center;height: 100%;color: #333;white-space: nowrap;transition: 0.3s;}
.mod-nav-wrap .mod-nav-item:nth-child(n+2){margin-left: 0.95rem;}
.mod-nav-wrap .mod-nav-item:hover{color: #66ccff;}
.mod-nav-wrap .mod-nav-item.active{color: #66ccff;box-shadow: 0 -0.02rem 0 0 inset #66ccff;}
.mod-nav-wrap .breadcrumbs{display: flex;color: #777;}
.mod-nav-wrap .breadcrumb-item{display: flex;align-items: center;cursor: pointer;transition: 0.3s;}
.mod-nav-wrap .breadcrumb-item:first-child{display: block;height: 1em;width: 1em;margin-right: 0.1rem;background: url("/static/home/images/icon/home.png") no-repeat center/contain;}
.mod-nav-wrap .breadcrumb-item:nth-child(n+3)::before{content: "-";display: block;margin: 0 0.1rem;color: #999 !important;}
.mod-nav-wrap .breadcrumb-item:last-child{color: #333 !important;}
.mod-nav-wrap .breadcrumb-item:hover{color: #66ccff;}
@media (max-width: 750px){.mod-nav .breadcrumbs{display: none;}
}
/* #mod-nav end */

/* #mod-nav start */
 .mod-nav-wrap{position: relative;overflow: visible !important;z-index: 10;}
.mod-nav-wrap.wrap, .mod-nav-wrap .wrap{padding-left: 0.6rem;padding-right: 0.6rem;max-width: 100%;overflow: hidden;}
.mod-nav-wrap .area{margin: 0 auto;width: 100%;max-width: 16rem;}
.mod-nav-wrap .icon-box{display: flex;align-items: center;justify-content: center;width: 1em;height: 1em;transition: 0.3s;}
.mod-nav-wrap .tr-x{transform: rotateY(180deg);}
.mod-nav-wrap .tr-y{transform: rotateY(180deg);}
@keyframes ani-slide-top{to{transform: translateY(0);opacity: 1;}
}
.mod-nav-wrap [ani-slide-top]{transform: translateY(-50%);opacity: 0;transform-origin: center;}
.mod-nav-wrap .ani-slide-top{animation: ani-slide-top 0.8s ease-in-out forwards;}
@keyframes ani-slide-bottom{to{transform: translateY(0);opacity: 1;}
}
.mod-nav-wrap [ani-slide-bottom]{transform: translateY(50%);opacity: 0;transform-origin: center;}
.mod-nav-wrap .ani-slide-bottom{animation: ani-slide-bottom 0.8s ease-in-out forwards;}
@keyframes ani-slide-left{to{transform: translateX(0);opacity: 1;}
}
.mod-nav-wrap [ani-slide-left]{transform: translateX(-50%);opacity: 0;transform-origin: center;}
.mod-nav-wrap .ani-slide-left{animation: ani-slide-left 0.8s ease-in-out forwards;}
@keyframes ani-slide-right{to{transform: translateX(0);opacity: 1;}
}
.mod-nav-wrap [ani-slide-right]{transform: translateX(50%);opacity: 0;transform-origin: center;}
.mod-nav-wrap .ani-slide-right{animation: ani-slide-right 0.8s ease-in-out forwards;}
@keyframes ani-lessen{to{transform: scale(1);opacity: 1;}
}
.mod-nav-wrap [ani-lessen]{transform: scale(1.5);opacity: 0;transform-origin: center;}
.mod-nav-wrap .ani-lessen{animation: ani-lessen 0.8s ease-in-out forwards;}
@keyframes ani-scale{to{transform: scale(1);opacity: 1;}
}
.mod-nav-wrap [ani-scale]{transform: scale(0.5);opacity: 0;transform-origin: center;}
.mod-nav-wrap .ani-scale{animation: ani-scale 0.8s ease-in-out forwards;}
@keyframes ani-scale-x{to{transform: scaleX(1);opacity: 1;}
}
.mod-nav-wrap [ani-scale-x]{transform: scaleX(0);opacity: 0;transform-origin: center;}
.mod-nav-wrap .ani-scale-x{animation: ani-scale-x 0.8s ease-in-out forwards;}
@keyframes ani-scale-y{to{transform: scaleY(1);opacity: 1;}
}
.mod-nav-wrap [ani-scale-y]{transform: scaleY(0);opacity: 0;transform-origin: center;}
.mod-nav-wrap .ani-scale-y{animation: ani-scale-y 0.8s ease-in-out forwards;}
@keyframes ani-rotate{to{transform: rotateZ(0);opacity: 1;}
}
.mod-nav-wrap [ani-rotate]{transform: rotateZ(-90deg);opacity: 0;transform-origin: center;}
.mod-nav-wrap .ani-rotate{animation: ani-rotate 0.8s ease-in-out forwards;}
@keyframes ani-rotate-reverse{to{transform: rotateZ(0);opacity: 1;}
}
.mod-nav-wrap [ani-rotate-reverse]{transform: rotateZ(90deg);opacity: 0;transform-origin: center;}
.mod-nav-wrap .ani-rotate-reverse{animation: ani-rotate-reverse 0.8s ease-in-out forwards;}
.mod-nav-wrap .mod-nav{display: flex;align-items: center;justify-content: space-between;z-index: 10;}
.mod-nav-wrap .mod-nav.detail{position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.mod-nav-wrap .mod-nav-list{display: flex;height: 0.9rem;overflow-x: auto;}
.mod-nav-wrap .mod-nav-item{display: flex;align-items: center;height: 100%;color: #333;white-space: nowrap;transition: 0.3s;}
.mod-nav-wrap .mod-nav-item:nth-child(n+2){margin-left: 0.95rem;}
.mod-nav-wrap .mod-nav-item:hover{color: #66ccff;}
.mod-nav-wrap .mod-nav-item.active{color: #66ccff;box-shadow: 0 -0.02rem 0 0 inset #66ccff;}
.mod-nav-wrap .breadcrumbs{display: flex;color: #777;}
.mod-nav-wrap .breadcrumb-item{display: flex;align-items: center;cursor: pointer;transition: 0.3s;}
.mod-nav-wrap .breadcrumb-item:first-child{display: block;height: 1em;width: 1em;margin-right: 0.1rem;background: url("/static/home/images/icon/home.png") no-repeat center/contain;}
.mod-nav-wrap .breadcrumb-item:nth-child(n+3)::before{content: "-";display: block;margin: 0 0.1rem;color: #999 !important;}
.mod-nav-wrap .breadcrumb-item:last-child{color: #333 !important;}
.mod-nav-wrap .breadcrumb-item:hover{color: #66ccff;}
@media (max-width: 750px){.mod-nav .breadcrumbs{display: none;}
}
/* #mod-nav end */

/* #mod-banner start */
 .mod-banner-wrap{position: relative;height: 6rem;}
.mod-banner-wrap input, .mod-banner-wrap button{background-color: transparent;border: none;outline: none;margin: 0;padding: 0;}
.mod-banner-wrap .icon-box{display: flex;align-items: center;justify-content: center;width: 1em;height: 1em;transition: 0.3s;}
.mod-banner-wrap .tr-x{transform: rotateY(180deg);}
.mod-banner-wrap .tr-y{transform: rotateY(180deg);}
.mod-banner-wrap .cn-wh, .mod-banner-wrap .cn-w, .mod-banner-wrap .cv-wh, .mod-banner-wrap .cv-w{width: 100%;}
.mod-banner-wrap .cn-wh, .mod-banner-wrap .cn-h, .mod-banner-wrap .cv-wh, .mod-banner-wrap .cv-h{height: 100%;}
.mod-banner-wrap .cn-wh, .mod-banner-wrap .cn-w, .mod-banner-wrap .cn-h{object-fit: contain;}
.mod-banner-wrap .cv-wh, .mod-banner-wrap .cv-w, .mod-banner-wrap .cv-h{object-fit: cover;}
.mod-banner-wrap .pic-box{width: 100%;height: 100%;}
.mod-banner-wrap .pic-box img{max-width: 100%;max-height: 100%;}
.mod-banner-wrap.wrap, .mod-banner-wrap .wrap{padding-left: 0.6rem;padding-right: 0.6rem;max-width: 100%;overflow: hidden;}
.mod-banner-wrap .area{margin: 0 auto;width: 100%;max-width: 16rem;}
.mod-banner-wrap [data-eps]{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;max-height: 0;/*! autoprefixer: off */ -webkit-box-orient: vertical;/* autoprefixer: on */ -webkit-box-orient: vertical;max-width: 100%;}
.mod-banner-wrap [data-eps="1"]{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.mod-banner-wrap .mod-banner{width: 100%;height: 100%;}
.mod-banner-wrap .mod-cover{position: absolute;top: 0;left: 0;display: flex;align-items: center;width: 100%;height: 100%;color: #fff;background: linear-gradient(to right, rgba(102, 204, 255, 0.5), rgba(102, 204, 255, 0) 60%);}
.mod-banner-wrap .mod-bn-title{margin-top: 0.05rem;line-height: 1.5;font-family: "MiSans-Semibold";}
@media (max-width: 750px){.mod-banner-wrap{height: 4rem;}
}
/* #mod-banner end */

/* #sidebar start */
 .sidebar-wrap{position: fixed;top: 50%;right: 0;transform: translateY(-50%);padding: 0.2rem;opacity: 0;pointer-events: none;transition: 0.3s;z-index: 20;}
.sidebar-wrap .popup{position: absolute;left: 50%;transform: translate(-50%, 0) scale(0);transform-origin: center;display: flex;align-items: center;justify-content: center;padding: 0.04rem;background-color: #fff;border-radius: 0.1rem;opacity: 0;pointer-events: none;transition: 0.3s;box-shadow: 0 0 0.05rem 0 rgba(0, 0, 0, 0.1333333333);z-index: 51;}
.sidebar-wrap .popup::before{content: "";position: absolute;left: 50%;transform: translate(-50%, -50%) rotate(-45deg);width: 0;height: 0;border: 0.05rem solid transparent;border-color: #fff #fff transparent transparent;}
.sidebar-wrap .popup .popup-pic{width: 1.5rem;height: 1.5rem;aspect-ratio: 1;}
.sidebar-wrap .popup .popup-txt{color: #333;white-space: nowrap;padding: 0.15rem 0.2rem;}
.sidebar-wrap .hover-popup:hover .popup{opacity: 1;transform: translate(-50%, 0) scale(1);}
.sidebar-wrap .popup.left{top: 50%;left: auto;right: calc(100% + 0.15rem);transform: translate(0, -50%) scale(0);transform-origin: right center;}
.sidebar-wrap .popup.left::before{left: auto;right: 0;transform: translate(50%, 0) rotate(135deg);border-color: #fff transparent transparent #fff;}
.sidebar-wrap .hover-popup:hover .popup.left{transform: translate(0, -50%) scale(1);}
.sidebar-wrap .cn-wh, .sidebar-wrap .cn-w, .sidebar-wrap .cv-wh, .sidebar-wrap .cv-w{width: 100%;}
.sidebar-wrap .cn-wh, .sidebar-wrap .cn-h, .sidebar-wrap .cv-wh, .sidebar-wrap .cv-h{height: 100%;}
.sidebar-wrap .cn-wh, .sidebar-wrap .cn-w, .sidebar-wrap .cn-h{object-fit: contain;}
.sidebar-wrap .cv-wh, .sidebar-wrap .cv-w, .sidebar-wrap .cv-h{object-fit: cover;}
.sidebar-wrap .pic-box{width: 100%;height: 100%;}
.sidebar-wrap .pic-box img{max-width: 100%;max-height: 100%;}
@keyframes ani-slide-top{to{transform: translateY(0);opacity: 1;}
}
.sidebar-wrap [ani-slide-top]{transform: translateY(-50%);opacity: 0;transform-origin: center;}
.sidebar-wrap .ani-slide-top{animation: ani-slide-top 0.8s ease-in-out forwards;}
@keyframes ani-slide-bottom{to{transform: translateY(0);opacity: 1;}
}
.sidebar-wrap [ani-slide-bottom]{transform: translateY(50%);opacity: 0;transform-origin: center;}
.sidebar-wrap .ani-slide-bottom{animation: ani-slide-bottom 0.8s ease-in-out forwards;}
@keyframes ani-slide-left{to{transform: translateX(0);opacity: 1;}
}
.sidebar-wrap [ani-slide-left]{transform: translateX(-50%);opacity: 0;transform-origin: center;}
.sidebar-wrap .ani-slide-left{animation: ani-slide-left 0.8s ease-in-out forwards;}
@keyframes ani-slide-right{to{transform: translateX(0);opacity: 1;}
}
.sidebar-wrap [ani-slide-right]{transform: translateX(50%);opacity: 0;transform-origin: center;}
.sidebar-wrap .ani-slide-right{animation: ani-slide-right 0.8s ease-in-out forwards;}
@keyframes ani-lessen{to{transform: scale(1);opacity: 1;}
}
.sidebar-wrap [ani-lessen]{transform: scale(1.5);opacity: 0;transform-origin: center;}
.sidebar-wrap .ani-lessen{animation: ani-lessen 0.8s ease-in-out forwards;}
@keyframes ani-scale{to{transform: scale(1);opacity: 1;}
}
.sidebar-wrap [ani-scale]{transform: scale(0.5);opacity: 0;transform-origin: center;}
.sidebar-wrap .ani-scale{animation: ani-scale 0.8s ease-in-out forwards;}
@keyframes ani-scale-x{to{transform: scaleX(1);opacity: 1;}
}
.sidebar-wrap [ani-scale-x]{transform: scaleX(0);opacity: 0;transform-origin: center;}
.sidebar-wrap .ani-scale-x{animation: ani-scale-x 0.8s ease-in-out forwards;}
@keyframes ani-scale-y{to{transform: scaleY(1);opacity: 1;}
}
.sidebar-wrap [ani-scale-y]{transform: scaleY(0);opacity: 0;transform-origin: center;}
.sidebar-wrap .ani-scale-y{animation: ani-scale-y 0.8s ease-in-out forwards;}
@keyframes ani-rotate{to{transform: rotateZ(0);opacity: 1;}
}
.sidebar-wrap [ani-rotate]{transform: rotateZ(-90deg);opacity: 0;transform-origin: center;}
.sidebar-wrap .ani-rotate{animation: ani-rotate 0.8s ease-in-out forwards;}
@keyframes ani-rotate-reverse{to{transform: rotateZ(0);opacity: 1;}
}
.sidebar-wrap [ani-rotate-reverse]{transform: rotateZ(90deg);opacity: 0;transform-origin: center;}
.sidebar-wrap .ani-rotate-reverse{animation: ani-rotate-reverse 0.8s ease-in-out forwards;}
.sidebar-wrap.show{opacity: 1;pointer-events: auto;}
.sidebar-wrap .sidebar{display: flex;flex-direction: column;width: 1rem;}
.sidebar-wrap .sidebar-item{position: relative;display: flex;align-items: center;justify-content: center;flex-direction: column;width: 1rem;height: 1rem;padding: 0.1rem;border: none;outline: none;color: #fff;background-color: #66ccff;}
.sidebar-wrap .sidebar-item:nth-child(n+2){margin-top: 0.05rem;}
.sidebar-wrap .icon-box{display: flex;align-items: center;justify-content: center;height: 0.31rem;width: 0.31rem;}
.sidebar-wrap .sidebar-title{line-height: 1.2;margin-top: 0.15rem;}
.sidebar-wrap .product-side{display: none;}
.sidebar-wrap .product-side img{transform: rotateY(180deg);}
@media (max-width: 750px){.sidebar-wrap .sidebar-title{font-size: 0.18rem;}
.sidebar-wrap .product-side{display: flex;}
}
/* #sidebar end */