/*! #service start */
.md22680.service .icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  max-width: 100%;
  max-height: 100%;
  transition: 0.3s;
}
.md22680.service .icon.reverse-x {
  transform: rotateY(180deg);
}
.md22680.service .icon.reverse-y {
  transform: rotateX(180deg);
}
.md22680.service .icon.white {
  filter: grayscale(1) brightness(15);
}
.md22680.service .icon.black {
  filter: grayscale(1) brightness(0);
}
.md22680.service .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: 0.3s;
}
.md22680.service .icon svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transition: 0.3s;
}
.md22680.service .icon img:nth-child(2),
.md22680.service .icon svg:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 5;
}
.md22680.service .hover-icon:hover.icon img:first-child,
.md22680.service .hover-icon:hover .icon img:first-child,
.md22680.service .active-icon.icon img:first-child,
.md22680.service .active-icon .icon img:first-child {
  opacity: 0;
}
.md22680.service .hover-icon:hover.icon img:last-child,
.md22680.service .hover-icon:hover .icon img:last-child,
.md22680.service .active-icon.icon img:last-child,
.md22680.service .active-icon .icon img:last-child {
  opacity: 1;
}
.md22680.service .cn-wh,
.md22680.service .cn-w,
.md22680.service .cv-wh,
.md22680.service .cv-w {
  display: block;
  width: 100%;
}
.md22680.service .cn-wh,
.md22680.service .cn-h,
.md22680.service .cv-wh,
.md22680.service .cv-h {
  display: block;
  height: 100%;
}
.md22680.service .cn-wh,
.md22680.service .cn-w,
.md22680.service .cn-h {
  object-fit: contain;
}
.md22680.service .cv-wh,
.md22680.service .cv-w,
.md22680.service .cv-h {
  object-fit: cover;
}
.md22680.service .pic-box {
  max-width: 100%;
  max-height: 100%;
}
.md22680.service .pic-box img {
  max-width: 100%;
  max-height: 100%;
}
.md22680.service.wrap,
.md22680.service .wrap {
  padding-left: 4%;
  padding-right: 4%;
  max-width: 100%;
}
.md22680.service .area {
  margin: 0 auto;
  width: 16rem;
  max-width: 100%;
}
.md22680.service button,
.md22680.service input,
.md22680.service textarea {
  border: none;
  outline: none;
  padding: 0;
  background-color: transparent;
}
.md22680.service button {
  cursor: pointer;
}
.md22680.service .hide {
  display: none;
}
.md22680.service .bold {
  font-weight: bold;
}
.md22680.service .italic {
  font-style: italic;
}
.md22680.service .color-t {
  color: var(--theme);
}
.md22680.service .color-a {
  color: var(--active);
}
.md22680.service {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  color: #111;
}
.md22680.service .thumb {
  display: flex;
  margin-top: 0.55rem;
}
.md22680.service .thumb-box {
  margin: 0 auto;
  max-width: 100%;
  padding: 0.05rem;
  border-radius: 0.4rem;
  background-color: #fff;
}
.md22680.service .thumb-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-height: 0.5rem;
  padding: 0.15rem 0.3rem;
  border-radius: 0.3rem;
  transition: color 0.3s, background-color 0.3s;
}
.md22680.service .thumb-item.thumb-active {
  color: #fff;
  background-color: var(--theme);
}
.md22680.service {
  padding-top: 0.95rem;
  padding-bottom: 1rem;
  background-color: #f7f7f7;
}
.md22680.service .service-title {
  text-align: center;
  line-height: 1.2777777778;
  color: #111;
}
.md22680.service .swp-box {
  padding-top: 0.2rem;
}
.md22680.service .service-item {
  overflow: hidden;
}
.md22680.service .card-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.md22680.service .service-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: calc(50% - 0.2rem);
  padding: 0.8rem;
  margin-top: 0.2rem;
  background-color: #fff;
}
.md22680.service .service-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background: var(--theme);
}
.md22680.service .service-name {
  line-height: 1.4166666667;
  margin-top: 0.25rem;
}
.md22680.service .service-link {
  line-height: 1.625;
  margin-top: 0.15rem;
  color: #ff841e;
  box-shadow: 0 -1px 0 0 #ff841e inset;
}

@media (max-width: 500px) {
  .md22680.service .service-card {
    width: 100%;
  }
}
/*! #service end */

/*! #video start */
 .md22681.video .icon{position: relative;display: flex;align-items: center;justify-content: center;width: 1em;height: 1em;flex-shrink: 0;max-width: 100%;max-height: 100%;transition: 0.3s;}
.md22681.video .icon.reverse-x{transform: rotateY(180deg);}
.md22681.video .icon.reverse-y{transform: rotateX(180deg);}
.md22681.video .icon.white{filter: grayscale(1) brightness(15);}
.md22681.video .icon.black{filter: grayscale(1) brightness(0);}
.md22681.video .icon img{width: 100%;height: 100%;object-fit: contain;transition: 0.3s;}
.md22681.video .icon svg{max-width: 100%;max-height: 100%;object-fit: contain;transition: 0.3s;}
.md22681.video .icon img:nth-child(2), .md22681.video .icon svg:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;z-index: 5;}
.md22681.video .hover-icon:hover.icon img:first-child, .md22681.video .hover-icon:hover .icon img:first-child, .md22681.video .active-icon.icon img:first-child, .md22681.video .active-icon .icon img:first-child{opacity: 0;}
.md22681.video .hover-icon:hover.icon img:last-child, .md22681.video .hover-icon:hover .icon img:last-child, .md22681.video .active-icon.icon img:last-child, .md22681.video .active-icon .icon img:last-child{opacity: 1;}
.md22681.video .cn-wh, .md22681.video .cn-w, .md22681.video .cv-wh, .md22681.video .cv-w{display: block;width: 100%;}
.md22681.video .cn-wh, .md22681.video .cn-h, .md22681.video .cv-wh, .md22681.video .cv-h{display: block;height: 100%;}
.md22681.video .cn-wh, .md22681.video .cn-w, .md22681.video .cn-h{object-fit: contain;}
.md22681.video .cv-wh, .md22681.video .cv-w, .md22681.video .cv-h{object-fit: cover;}
.md22681.video .pic-box{max-width: 100%;max-height: 100%;}
.md22681.video .pic-box img{max-width: 100%;max-height: 100%;}
.md22681.video.wrap, .md22681.video .wrap{padding-left: 4%;padding-right: 4%;max-width: 100%;}
.md22681.video .area{margin: 0 auto;width: 16rem;max-width: 100%;}
.md22681.video button, .md22681.video input, .md22681.video textarea{border: none;outline: none;padding: 0;background-color: transparent;}
.md22681.video button{cursor: pointer;}
.md22681.video .hide{display: none;}
.md22681.video .bold{font-weight: bold;}
.md22681.video .italic{font-style: italic;}
.md22681.video .color-t{color: var(--theme);}
.md22681.video .color-a{color: var(--active);}
.md22681.video{display: flex;justify-content: center;flex-direction: column;height: 100%;color: #111;}
.md22681.video .thumb{display: flex;margin-top: 0.55rem;}
.md22681.video .thumb .thumb-box{background-color: #f7f7f7;}
.md22681.video .thumb-box{margin: 0 auto;max-width: 100%;padding: 0.05rem;border-radius: 0.4rem;background-color: #fff;}
.md22681.video .thumb-item{display: flex;align-items: center;justify-content: center;width: auto;min-height: 0.5rem;padding: 0.15rem 0.3rem;border-radius: 0.3rem;transition: color 0.3s, background-color 0.3s;}
.md22681.video .thumb-item.thumb-active{color: #fff;background-color: var(--theme);}
.md22681.video{padding-top: 0.95rem;padding-bottom: 1rem;}
.md22681.video .video-title{text-align: center;line-height: 1.2777777778;color: #111;}
.md22681.video .swp-box{margin-top: 0.4rem;}
.md22681.video .video-item{overflow: hidden;}
.md22681.video .video-list{display: flex;flex-wrap: wrap;}
.md22681.video .video-el{width: calc((100% - 0.4rem) / 3);}
.md22681.video .video-el:nth-child(n+2){margin-left: 0.2rem;}
.md22681.video .video-el:nth-child(3n+1){margin-left: 0;}
.md22681.video .video-el:nth-child(n+4){margin-top: 0.3rem;}
.md22681.video .video-el{cursor: pointer;}
.md22681.video .video-el:hover .video-view{box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);}
.md22681.video .video-el:hover .vdo{transform: scale(1.1);}
.md22681.video .video-el:hover .video-name{color: var(--theme);}
.md22681.video .video-view{position: relative;flex-shrink: 0;}
.md22681.video .video-view::before{content: "";display: block;padding-top: 56.1538461538%;}
.md22681.video .video-view .fill{position: absolute;top: 0%;left: 0;width: 100%;height: 100%;z-index: 1;transition: 0.5s;}
.md22681.video .video-view{pointer-events: none;overflow: hidden;transition: box-shadow 0.3s;}
.md22681.video .video-cover{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;align-items: center;justify-content: center;background-color: rgba(0, 0, 0, 0.3);pointer-events: none;z-index: 5;}
.md22681.video .video-play{width: 0.6rem;height: 0.6rem;aspect-ratio: 1;}
.md22681.video .video-name{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;/*! autoprefixer: off */ -webkit-box-orient: vertical;/*! autoprefixer: on */ -webkit-box-orient: vertical;max-width: 100%;max-height: 1.5555555556em;display: block;white-space: nowrap;line-height: 1.5555555556;margin-top: 0.25rem;color: #111;transition: color 0.3s;}
.md22681.vdo-dialog.dialog{position: fixed;top: 0;left: 0;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5333333333);opacity: 0;pointer-events: none;transform: translateY(100%);z-index: 60;z-index: 999;}
.md22681.vdo-dialog.dialog.dialog-show{opacity: 1;pointer-events: auto;transform: translateY(0);}
.md22681.vdo-dialog.dialog.dialog-show .dialog-inner{animation: dialog-show 0.5s forwards;}
@keyframes dialog-show{0%{transform: scale(0) translateY(100%);}
30%{transform: scale(0.001, 0.001) translateY(0);}
60%{transform: scale(0.001, 1) translateY(0);}
100%{transform: scale(1, 1) translateY(0);}
}
.md22681.vdo-dialog .dialog-inner{position: relative;transition: 0.5s;}
.md22681.vdo-dialog .dialog-main{margin: 0 auto;border-radius: 0.08rem;background-color: #fff;}
.md22681.vdo-dialog .dialog-close .cross{position: relative;width: 1em;height: 1em;flex-shrink: 0;aspect-ratio: 1;cursor: pointer;}
.md22681.vdo-dialog .dialog-close .cross::before, .md22681.vdo-dialog .dialog-close .cross::after{content: "";position: absolute;top: 50%;left: 50%;width: 100%;height: 0.02rem;transform: translate(-50%, -50%);background-color: #fff;transition: 0.5s;}
.md22681.vdo-dialog .dialog-close .cross::before{transform: translate(-50%, -50%) rotate(90deg);}
.md22681.vdo-dialog .dialog-close .cross::after{transform: translate(-50%, -50%) rotate(180deg);}
.md22681.vdo-dialog .dialog-close{position: absolute;top: 0.1rem;right: 0.1rem;width: 1em;height: 1em;color: #666;background-size: 100%;transition: 0.3s;cursor: pointer;z-index: 10;}
.md22681.vdo-dialog .dialog-close .cross{transform: rotate(45deg);transition: 0.3s;}
.md22681.vdo-dialog .dialog-close .cross::before, .md22681.vdo-dialog .dialog-close .cross::after{background-color: #333;}
.md22681.vdo-dialog .dialog-close:hover{transform: scale(1.1);}
.md22681.vdo-dialog .dialog-close:hover .cross{transform: rotate(135deg);}
.md22681.vdo-dialog .dialog-main{display: flex;max-width: 95vw;max-height: 95vh;}
@media (max-width: 750px){
	.md22681.video .video-el{width: calc((100% - 0.2rem) / 2);}
.md22681.video .video-el:nth-child(n+2){margin-left: 0.2rem;}
.md22681.video .video-el:nth-child(2n+1){margin-left: 0;}
.md22681.video .video-el:nth-child(n+3){margin-top: 0.3rem;}
}
/*! #video end */