/* #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 */

/* #contact start */
 .contact-wrap{padding-top: 1rem;padding-bottom: 0.4rem;}
.contact-wrap input, .contact-wrap button{background-color: transparent;border: none;outline: none;margin: 0;padding: 0;}
.contact-wrap .icon-box{display: flex;align-items: center;justify-content: center;width: 1em;height: 1em;transition: 0.3s;}
.contact-wrap .tr-x{transform: rotateY(180deg);}
.contact-wrap .tr-y{transform: rotateY(180deg);}
.contact-wrap .cn-wh, .contact-wrap .cn-w, .contact-wrap .cv-wh, .contact-wrap .cv-w{width: 100%;}
.contact-wrap .cn-wh, .contact-wrap .cn-h, .contact-wrap .cv-wh, .contact-wrap .cv-h{height: 100%;}
.contact-wrap .cn-wh, .contact-wrap .cn-w, .contact-wrap .cn-h{object-fit: contain;}
.contact-wrap .cv-wh, .contact-wrap .cv-w, .contact-wrap .cv-h{object-fit: cover;}
.contact-wrap .pic-box{width: 100%;height: 100%;}
.contact-wrap .pic-box img{max-width: 100%;max-height: 100%;}
.contact-wrap.wrap, .contact-wrap .wrap{padding-left: 0.6rem;padding-right: 0.6rem;max-width: 100%;overflow: hidden;}
.contact-wrap .area{margin: 0 auto;width: 100%;max-width: 16rem;}
.contact-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%;}
.contact-wrap [data-eps="1"]{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.contact-wrap .mod-head{display: flex;align-items: center;justify-content: space-between;}
.contact-wrap .mod-head.center{justify-content: center;}
.contact-wrap .mod-head.center .mod-name, .contact-wrap .mod-head.center .mod-title{text-align: center;}
.contact-wrap .mod-name{font-family: "Poppins-Medium";color: #66ccff;}
.contact-wrap .mod-title{margin-top: 0.06rem;line-height: 1.2;font-family: "MiSans-Semibold";}
.contact-wrap .mod-right{margin-left: auto;}
.contact-wrap .contact-title{margin-top: 0.5rem;text-align: center;line-height: 1.2;color: #333;}
.contact-wrap .contact-list{display: flex;flex-wrap: wrap;margin-top: 0.75rem;}
.contact-wrap .contact-item{display: flex;flex-direction: column;align-items: center;justify-content: center;height: 2.8rem;padding: 0.3rem;background-color: #f7f7f7;width: calc((100% - 1rem) / 3);}
.contact-wrap .contact-item:nth-child(n+2){margin-left: 0.5rem;}
.contact-wrap .contact-item:nth-child(3n+1){margin-left: 0;}
.contact-wrap .contact-item:nth-child(n+4){margin-top: 0.5rem;}
.contact-wrap .contact-icon{display: flex;align-items: center;justify-content: center;width: 0.6rem;height: 0.6rem;padding: 0.1rem;background-color: #66ccff;}
.contact-wrap .contact-name{margin-top: 0.4rem;color: #666;line-height: 1.2;}
.contact-wrap .contact-val{height: 1.2;margin-top: 0.14rem;}
@media (max-width: 750px){.contact-wrap .contact-item{width: calc((100% - 0rem) / 1);}
.contact-wrap .contact-item:nth-child(n+2){margin-left: 0.5rem;}
.contact-wrap .contact-item:nth-child(1n+1){margin-left: 0;}
.contact-wrap .contact-item:nth-child(n+2){margin-top: 0.5rem;}
}
/* #contact end */

/* #pic-map start */
 .pic-map-wrap{min-height: 0.6rem;padding-top: 0.4rem;padding-bottom: 0.5rem;}
.pic-map-wrap input, .pic-map-wrap button{background-color: transparent;border: none;outline: none;margin: 0;padding: 0;}
.pic-map-wrap .icon-box{display: flex;align-items: center;justify-content: center;width: 1em;height: 1em;transition: 0.3s;}
.pic-map-wrap .tr-x{transform: rotateY(180deg);}
.pic-map-wrap .tr-y{transform: rotateY(180deg);}
.pic-map-wrap .cn-wh, .pic-map-wrap .cn-w, .pic-map-wrap .cv-wh, .pic-map-wrap .cv-w{width: 100%;}
.pic-map-wrap .cn-wh, .pic-map-wrap .cn-h, .pic-map-wrap .cv-wh, .pic-map-wrap .cv-h{height: 100%;}
.pic-map-wrap .cn-wh, .pic-map-wrap .cn-w, .pic-map-wrap .cn-h{object-fit: contain;}
.pic-map-wrap .cv-wh, .pic-map-wrap .cv-w, .pic-map-wrap .cv-h{object-fit: cover;}
.pic-map-wrap .pic-box{width: 100%;height: 100%;}
.pic-map-wrap .pic-box img{max-width: 100%;max-height: 100%;}
.pic-map-wrap.wrap, .pic-map-wrap .wrap{padding-left: 0.6rem;padding-right: 0.6rem;max-width: 100%;overflow: hidden;}
.pic-map-wrap .area{margin: 0 auto;width: 100%;max-width: 16rem;}
.pic-map-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%;}
.pic-map-wrap [data-eps="1"]{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/* #pic-map end */

/* #leave-msg start */
 .leave-msg-wrap{padding-top: 1rem;padding-bottom: 1rem;background-color: #f7f7f7;}
.leave-msg-wrap input, .leave-msg-wrap button{background-color: transparent;border: none;outline: none;margin: 0;padding: 0;}
.leave-msg-wrap .icon-box{display: flex;align-items: center;justify-content: center;width: 1em;height: 1em;transition: 0.3s;}
.leave-msg-wrap .tr-x{transform: rotateY(180deg);}
.leave-msg-wrap .tr-y{transform: rotateY(180deg);}
.leave-msg-wrap .cn-wh, .leave-msg-wrap .cn-w, .leave-msg-wrap .cv-wh, .leave-msg-wrap .cv-w{width: 100%;}
.leave-msg-wrap .cn-wh, .leave-msg-wrap .cn-h, .leave-msg-wrap .cv-wh, .leave-msg-wrap .cv-h{height: 100%;}
.leave-msg-wrap .cn-wh, .leave-msg-wrap .cn-w, .leave-msg-wrap .cn-h{object-fit: contain;}
.leave-msg-wrap .cv-wh, .leave-msg-wrap .cv-w, .leave-msg-wrap .cv-h{object-fit: cover;}
.leave-msg-wrap .pic-box{width: 100%;height: 100%;}
.leave-msg-wrap .pic-box img{max-width: 100%;max-height: 100%;}
.leave-msg-wrap.wrap, .leave-msg-wrap .wrap{padding-left: 0.6rem;padding-right: 0.6rem;max-width: 100%;overflow: hidden;}
.leave-msg-wrap .area{margin: 0 auto;width: 100%;max-width: 16rem;}
.leave-msg-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%;}
.leave-msg-wrap [data-eps="1"]{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.leave-msg-wrap .mod-head{display: flex;align-items: center;justify-content: space-between;}
.leave-msg-wrap .mod-head.center{justify-content: center;}
.leave-msg-wrap .mod-head.center .mod-name, .leave-msg-wrap .mod-head.center .mod-title{text-align: center;}
.leave-msg-wrap .mod-name{font-family: "Poppins-Medium";color: #66ccff;}
.leave-msg-wrap .mod-title{margin-top: 0.06rem;line-height: 1.2;font-family: "MiSans-Semibold";}
.leave-msg-wrap .mod-right{margin-left: auto;}
.leave-msg-wrap .icon-btn{display: inline-flex;align-items: center;min-width: 1.8rem;min-height: 0.54rem;color: #fff;border-radius: 0.3rem;background-color: #66ccff;padding: 0.15rem 0.45rem;}
.leave-msg-wrap .icon-btn .icon-box{margin-left: 0.2rem;}
.leave-msg-wrap .leave-msg-title{margin-top: 0.55rem;line-height: 1.2;text-align: center;color: #666;}
.leave-msg-wrap .msg-form{width: 100%;margin-top: 0.6rem;}
.leave-msg-wrap .form-row{display: flex;flex-wrap: wrap;}
.leave-msg-wrap .form-row:nth-child(n+2){margin-top: 0.2rem;}
.leave-msg-wrap .form-item{position: relative;display: flex;flex: 1 0 0;}
.leave-msg-wrap .form-item:nth-child(n+2){margin-left: 0.2rem;}
.leave-msg-wrap .form-item.required .form-cover::after{content: "*";color: #f00;}
.leave-msg-wrap .ipt-item, .leave-msg-wrap .area-item{width: 100%;min-height: 0.6rem;padding: 0.15rem 0.3rem;background-color: transparent;border-radius: 0.06rem;background-color: #fff;}
.leave-msg-wrap .area-item{min-height: 1.8rem;padding: 0.22rem 0.3rem;border: none;}
.leave-msg-wrap .form-cover{position: absolute;top: 0;left: 0;width: 100%;height: 0.6rem;display: flex;align-items: center;padding: 0.15rem 0.3rem;color: #999;pointer-events: none;transition: 0.3s;}
.leave-msg-wrap .form-cover.hide{opacity: 0;}
.leave-msg-wrap .icon-btn i{margin-right: 0;margin-left: 0.2rem;}
@media (max-width: 750px){.leave-msg-wrap .leave-msg{flex-direction: column;}
.leave-msg-wrap .lm-content{max-width: 100%;margin-right: 0;}
.leave-msg-wrap .form-item{flex: initial;width: 100%;}
.leave-msg-wrap .form-item:nth-child(n+2){margin-left: 0;margin-top: 0.2rem;}
.leave-msg-wrap .msg-form{margin-top: 0.6rem;}
}
/* #leave-msg end */