
/* #introduce start */
 .introduce-wrap{padding-bottom: 1rem;}
.introduce-wrap input, .introduce-wrap button{background-color: transparent;border: none;outline: none;margin: 0;padding: 0;}
.introduce-wrap .icon-box{display: flex;align-items: center;justify-content: center;width: 1em;height: 1em;transition: 0.3s;}
.introduce-wrap .tr-x{transform: rotateY(180deg);}
.introduce-wrap .tr-y{transform: rotateY(180deg);}
.introduce-wrap .cn-wh, .introduce-wrap .cn-w, .introduce-wrap .cv-wh, .introduce-wrap .cv-w{width: 100%;}
.introduce-wrap .cn-wh, .introduce-wrap .cn-h, .introduce-wrap .cv-wh, .introduce-wrap .cv-h{height: 100%;}
.introduce-wrap .cn-wh, .introduce-wrap .cn-w, .introduce-wrap .cn-h{object-fit: contain;}
.introduce-wrap .cv-wh, .introduce-wrap .cv-w, .introduce-wrap .cv-h{object-fit: cover;}
.introduce-wrap .pic-box{width: 100%;height: 100%;}
.introduce-wrap .pic-box img{max-width: 100%;max-height: 100%;}
.introduce-wrap.wrap, .introduce-wrap .wrap{padding-left: 0.6rem;padding-right: 0.6rem;max-width: 100%;overflow: hidden;}
.introduce-wrap .area{margin: 0 auto;width: 100%;max-width: 16rem;}
.introduce-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%;}
.introduce-wrap [data-eps="1"]{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.introduce-wrap .mod-head{display: flex;align-items: center;justify-content: space-between;}
.introduce-wrap .mod-head.center{justify-content: center;}
.introduce-wrap .mod-head.center .mod-name, .introduce-wrap .mod-head.center .mod-title{text-align: center;}
.introduce-wrap .mod-name{font-family: "Poppins-Medium";color: #66ccff;}
.introduce-wrap .mod-title{margin-top: 0.06rem;line-height: 1.2;font-family: "MiSans-Semibold";}
.introduce-wrap .mod-right{margin-left: auto;}
@keyframes ani-slide-top{to{transform: translateY(0);opacity: 1;}
}
.introduce-wrap [ani-slide-top]{transform: translateY(-50%);opacity: 0;transform-origin: center;}
.introduce-wrap .ani-slide-top{animation: ani-slide-top 0.8s ease-in-out forwards;}
@keyframes ani-slide-bottom{to{transform: translateY(0);opacity: 1;}
}
.introduce-wrap [ani-slide-bottom]{transform: translateY(50%);opacity: 0;transform-origin: center;}
.introduce-wrap .ani-slide-bottom{animation: ani-slide-bottom 0.8s ease-in-out forwards;}
@keyframes ani-slide-left{to{transform: translateX(0);opacity: 1;}
}
.introduce-wrap [ani-slide-left]{transform: translateX(-50%);opacity: 0;transform-origin: center;}
.introduce-wrap .ani-slide-left{animation: ani-slide-left 0.8s ease-in-out forwards;}
@keyframes ani-slide-right{to{transform: translateX(0);opacity: 1;}
}
.introduce-wrap [ani-slide-right]{transform: translateX(50%);opacity: 0;transform-origin: center;}
.introduce-wrap .ani-slide-right{animation: ani-slide-right 0.8s ease-in-out forwards;}
@keyframes ani-lessen{to{transform: scale(1);opacity: 1;}
}
.introduce-wrap [ani-lessen]{transform: scale(1.5);opacity: 0;transform-origin: center;}
.introduce-wrap .ani-lessen{animation: ani-lessen 0.8s ease-in-out forwards;}
@keyframes ani-scale{to{transform: scale(1);opacity: 1;}
}
.introduce-wrap [ani-scale]{transform: scale(0.5);opacity: 0;transform-origin: center;}
.introduce-wrap .ani-scale{animation: ani-scale 0.8s ease-in-out forwards;}
@keyframes ani-scale-x{to{transform: scaleX(1);opacity: 1;}
}
.introduce-wrap [ani-scale-x]{transform: scaleX(0);opacity: 0;transform-origin: center;}
.introduce-wrap .ani-scale-x{animation: ani-scale-x 0.8s ease-in-out forwards;}
@keyframes ani-scale-y{to{transform: scaleY(1);opacity: 1;}
}
.introduce-wrap [ani-scale-y]{transform: scaleY(0);opacity: 0;transform-origin: center;}
.introduce-wrap .ani-scale-y{animation: ani-scale-y 0.8s ease-in-out forwards;}
@keyframes ani-rotate{to{transform: rotateZ(0);opacity: 1;}
}
.introduce-wrap [ani-rotate]{transform: rotateZ(-90deg);opacity: 0;transform-origin: center;}
.introduce-wrap .ani-rotate{animation: ani-rotate 0.8s ease-in-out forwards;}
@keyframes ani-rotate-reverse{to{transform: rotateZ(0);opacity: 1;}
}
.introduce-wrap [ani-rotate-reverse]{transform: rotateZ(90deg);opacity: 0;transform-origin: center;}
.introduce-wrap .ani-rotate-reverse{animation: ani-rotate-reverse 0.8s ease-in-out forwards;}
.introduce-wrap .introduce-main{display: flex;}
.introduce-wrap .introduce-pic{height: 8rem;width: 7rem;max-width: 100%;}
.introduce-wrap .introduce-content{display: flex;flex-direction: column;justify-content: center;flex: 1;min-height: 8rem;}
.introduce-wrap .introduce-txt{max-width: 7rem;width: 100%;line-height: 2.16;margin-top: 0.45rem;color: #333;}
.introduce-wrap .introduce-txt p{line-height: inherit;}
.introduce-wrap .data-box{display: flex;flex-wrap: wrap;margin-top: 0.8rem;}
.introduce-wrap .data-main{display: flex;align-content: start;justify-content: space-between;border-bottom: 0.01rem solid #ccc;padding-bottom: 0.15rem;}
.introduce-wrap .data-unit{margin-top: -0.5em;}
.introduce-wrap .data-item{width: calc((100% - 3.9rem) / 4);}
.introduce-wrap .data-item:nth-child(n+2){margin-left: 1.3rem;}
.introduce-wrap .data-val span{font-family: "MiSans-Semibold";}
.introduce-wrap .data-title{margin-top: 0.16rem;color: #666;}
@media (max-width: 750px){.introduce-wrap .introduce-main{flex-direction: column;}
.introduce-wrap .introduce-content{min-height: auto;}
.introduce-wrap .data-item{width: calc((100% - 1.3rem) / 2);}
.introduce-wrap .data-item:nth-child(n+2){margin-left: 1.3rem;}
.introduce-wrap .data-item:nth-child(2n+1){margin-left: 0;}
.introduce-wrap .data-item:nth-child(n+3){margin-top: 0.5rem;}
}
/* #introduce end */

/* #honor start */
 .honor-wrap{position: relative;padding-top: 1rem;padding-bottom: 1rem;}
.honor-wrap input, .honor-wrap button{background-color: transparent;border: none;outline: none;margin: 0;padding: 0;}
.honor-wrap .icon-box{display: flex;align-items: center;justify-content: center;width: 1em;height: 1em;transition: 0.3s;}
.honor-wrap .tr-x{transform: rotateY(180deg);}
.honor-wrap .tr-y{transform: rotateY(180deg);}
.honor-wrap .cn-wh, .honor-wrap .cn-w, .honor-wrap .cv-wh, .honor-wrap .cv-w{width: 100%;}
.honor-wrap .cn-wh, .honor-wrap .cn-h, .honor-wrap .cv-wh, .honor-wrap .cv-h{height: 100%;}
.honor-wrap .cn-wh, .honor-wrap .cn-w, .honor-wrap .cn-h{object-fit: contain;}
.honor-wrap .cv-wh, .honor-wrap .cv-w, .honor-wrap .cv-h{object-fit: cover;}
.honor-wrap .pic-box{width: 100%;height: 100%;}
.honor-wrap .pic-box img{max-width: 100%;max-height: 100%;}
.honor-wrap.wrap, .honor-wrap .wrap{padding-left: 0.6rem;padding-right: 0.6rem;max-width: 100%;overflow: hidden;}
.honor-wrap .area{margin: 0 auto;width: 100%;max-width: 16rem;}
.honor-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%;}
.honor-wrap [data-eps="1"]{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.honor-wrap .mod-head{display: flex;align-items: center;justify-content: space-between;}
.honor-wrap .mod-head.center{justify-content: center;}
.honor-wrap .mod-head.center .mod-name, .honor-wrap .mod-head.center .mod-title{text-align: center;}
.honor-wrap .mod-name{font-family: "Poppins-Medium";color: #66ccff;}
.honor-wrap .mod-title{margin-top: 0.06rem;line-height: 1.2;font-family: "MiSans-Semibold";}
.honor-wrap .mod-right{margin-left: auto;}
@keyframes ani-slide-top{to{transform: translateY(0);opacity: 1;}
}
.honor-wrap [ani-slide-top]{transform: translateY(-50%);opacity: 0;transform-origin: center;}
.honor-wrap .ani-slide-top{animation: ani-slide-top 0.8s ease-in-out forwards;}
@keyframes ani-slide-bottom{to{transform: translateY(0);opacity: 1;}
}
.honor-wrap [ani-slide-bottom]{transform: translateY(50%);opacity: 0;transform-origin: center;}
.honor-wrap .ani-slide-bottom{animation: ani-slide-bottom 0.8s ease-in-out forwards;}
@keyframes ani-slide-left{to{transform: translateX(0);opacity: 1;}
}
.honor-wrap [ani-slide-left]{transform: translateX(-50%);opacity: 0;transform-origin: center;}
.honor-wrap .ani-slide-left{animation: ani-slide-left 0.8s ease-in-out forwards;}
@keyframes ani-slide-right{to{transform: translateX(0);opacity: 1;}
}
.honor-wrap [ani-slide-right]{transform: translateX(50%);opacity: 0;transform-origin: center;}
.honor-wrap .ani-slide-right{animation: ani-slide-right 0.8s ease-in-out forwards;}
@keyframes ani-lessen{to{transform: scale(1);opacity: 1;}
}
.honor-wrap [ani-lessen]{transform: scale(1.5);opacity: 0;transform-origin: center;}
.honor-wrap .ani-lessen{animation: ani-lessen 0.8s ease-in-out forwards;}
@keyframes ani-scale{to{transform: scale(1);opacity: 1;}
}
.honor-wrap [ani-scale]{transform: scale(0.5);opacity: 0;transform-origin: center;}
.honor-wrap .ani-scale{animation: ani-scale 0.8s ease-in-out forwards;}
@keyframes ani-scale-x{to{transform: scaleX(1);opacity: 1;}
}
.honor-wrap [ani-scale-x]{transform: scaleX(0);opacity: 0;transform-origin: center;}
.honor-wrap .ani-scale-x{animation: ani-scale-x 0.8s ease-in-out forwards;}
@keyframes ani-scale-y{to{transform: scaleY(1);opacity: 1;}
}
.honor-wrap [ani-scale-y]{transform: scaleY(0);opacity: 0;transform-origin: center;}
.honor-wrap .ani-scale-y{animation: ani-scale-y 0.8s ease-in-out forwards;}
@keyframes ani-rotate{to{transform: rotateZ(0);opacity: 1;}
}
.honor-wrap [ani-rotate]{transform: rotateZ(-90deg);opacity: 0;transform-origin: center;}
.honor-wrap .ani-rotate{animation: ani-rotate 0.8s ease-in-out forwards;}
@keyframes ani-rotate-reverse{to{transform: rotateZ(0);opacity: 1;}
}
.honor-wrap [ani-rotate-reverse]{transform: rotateZ(90deg);opacity: 0;transform-origin: center;}
.honor-wrap .ani-rotate-reverse{animation: ani-rotate-reverse 0.8s ease-in-out forwards;}
.honor-wrap .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
.honor-wrap .mod-right{display: flex;}
.honor-wrap .block-btn{display: flex;align-items: center;justify-content: center;width: 1.7rem;height: 0.55rem;color: #666;background-color: #fff;transition: 0.3s;}
.honor-wrap .block-btn:nth-child(n+2){margin-left: 0.1rem;}
.honor-wrap .block-btn:hover{color: #66ccff;}
.honor-wrap .block-btn.active{color: #fff;background-color: #66ccff;}
.honor-wrap .honor-main{position: relative;}
.honor-wrap .honor-swp{width: 100%;transform: translate(0, 50%);opacity: 0;pointer-events: none;transition: 0.3s;}
.honor-wrap .honor-swp:nth-child(n+2){position: absolute;top: 0;left: 0;}
.honor-wrap .honor-swp.active{transform: translate(0, 0);opacity: 1;pointer-events: auto;}
.honor-wrap .honor-item{display: flex;flex-direction: column;height: 3.65rem;margin-top: 0.6rem;background-color: #fff;}
.honor-wrap .honor-pic{height: 3rem;padding: 0.3rem 0.3rem;}
.honor-wrap .honor-foot{display: flex;align-items: center;justify-content: center;height: 0.65rem;padding: 0.05rem 0.2rem;border-top: 0.01rem solid #f0f0f0;}
.honor-wrap .honor-name{color: #333;line-height: 1.2;}
.honor-wrap .swp-ctrl{display: flex;justify-content: space-between;align-items: center;margin-top: 0.6rem;}
.honor-wrap .swp-turner{display: flex;}
.honor-wrap .swp-progress{display: flex;max-width: 6rem;height: 0.04rem;flex: 1;margin-right: 0.3rem;background-color: rgba(204, 204, 204, 0.5);}
.honor-wrap .progress-inner{width: 50%;height: 100%;background-color: #66ccff;transition: 0.3s;}
.honor-wrap .swp-prev, .honor-wrap .swp-next{display: flex;align-items: center;justify-content: center;width: 0.54rem;height: 0.54rem;border-radius: 50%;padding: 0.1rem;background-color: #fff;border: 0.01rem solid #66ccff;transition: 0.3s;}
.honor-wrap .swp-prev:hover, .honor-wrap .swp-next:hover{background-color: #66ccff;}
.honor-wrap .swp-prev:hover .icon-box, .honor-wrap .swp-next:hover .icon-box{filter: grayscale(1) brightness(10);}
.honor-wrap .swp-next{margin-left: 0.2rem;}
/* #honor end */

/* #team start */
 .team-wrap{padding-top: 0.95rem;padding-bottom: 0.95rem;}
.team-wrap input, .team-wrap button{background-color: transparent;border: none;outline: none;margin: 0;padding: 0;}
.team-wrap .icon-box{display: flex;align-items: center;justify-content: center;width: 1em;height: 1em;transition: 0.3s;}
.team-wrap .tr-x{transform: rotateY(180deg);}
.team-wrap .tr-y{transform: rotateY(180deg);}
.team-wrap .cn-wh, .team-wrap .cn-w, .team-wrap .cv-wh, .team-wrap .cv-w{width: 100%;}
.team-wrap .cn-wh, .team-wrap .cn-h, .team-wrap .cv-wh, .team-wrap .cv-h{height: 100%;}
.team-wrap .cn-wh, .team-wrap .cn-w, .team-wrap .cn-h{object-fit: contain;}
.team-wrap .cv-wh, .team-wrap .cv-w, .team-wrap .cv-h{object-fit: cover;}
.team-wrap .pic-box{width: 100%;height: 100%;}
.team-wrap .pic-box img{max-width: 100%;max-height: 100%;}
.team-wrap.wrap, .team-wrap .wrap{padding-left: 0.6rem;padding-right: 0.6rem;max-width: 100%;overflow: hidden;}
.team-wrap .area{margin: 0 auto;width: 100%;max-width: 16rem;}
.team-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%;}
.team-wrap [data-eps="1"]{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.team-wrap .mod-head{display: flex;align-items: center;justify-content: space-between;}
.team-wrap .mod-head.center{justify-content: center;}
.team-wrap .mod-head.center .mod-name, .team-wrap .mod-head.center .mod-title{text-align: center;}
.team-wrap .mod-name{font-family: "Poppins-Medium";color: #66ccff;}
.team-wrap .mod-title{margin-top: 0.06rem;line-height: 1.2;font-family: "MiSans-Semibold";}
.team-wrap .mod-right{margin-left: auto;}
@keyframes ani-slide-top{to{transform: translateY(0);opacity: 1;}
}
.team-wrap [ani-slide-top]{transform: translateY(-50%);opacity: 0;transform-origin: center;}
.team-wrap .ani-slide-top{animation: ani-slide-top 0.8s ease-in-out forwards;}
@keyframes ani-slide-bottom{to{transform: translateY(0);opacity: 1;}
}
.team-wrap [ani-slide-bottom]{transform: translateY(50%);opacity: 0;transform-origin: center;}
.team-wrap .ani-slide-bottom{animation: ani-slide-bottom 0.8s ease-in-out forwards;}
@keyframes ani-slide-left{to{transform: translateX(0);opacity: 1;}
}
.team-wrap [ani-slide-left]{transform: translateX(-50%);opacity: 0;transform-origin: center;}
.team-wrap .ani-slide-left{animation: ani-slide-left 0.8s ease-in-out forwards;}
@keyframes ani-slide-right{to{transform: translateX(0);opacity: 1;}
}
.team-wrap [ani-slide-right]{transform: translateX(50%);opacity: 0;transform-origin: center;}
.team-wrap .ani-slide-right{animation: ani-slide-right 0.8s ease-in-out forwards;}
@keyframes ani-lessen{to{transform: scale(1);opacity: 1;}
}
.team-wrap [ani-lessen]{transform: scale(1.5);opacity: 0;transform-origin: center;}
.team-wrap .ani-lessen{animation: ani-lessen 0.8s ease-in-out forwards;}
@keyframes ani-scale{to{transform: scale(1);opacity: 1;}
}
.team-wrap [ani-scale]{transform: scale(0.5);opacity: 0;transform-origin: center;}
.team-wrap .ani-scale{animation: ani-scale 0.8s ease-in-out forwards;}
@keyframes ani-scale-x{to{transform: scaleX(1);opacity: 1;}
}
.team-wrap [ani-scale-x]{transform: scaleX(0);opacity: 0;transform-origin: center;}
.team-wrap .ani-scale-x{animation: ani-scale-x 0.8s ease-in-out forwards;}
@keyframes ani-scale-y{to{transform: scaleY(1);opacity: 1;}
}
.team-wrap [ani-scale-y]{transform: scaleY(0);opacity: 0;transform-origin: center;}
.team-wrap .ani-scale-y{animation: ani-scale-y 0.8s ease-in-out forwards;}
@keyframes ani-rotate{to{transform: rotateZ(0);opacity: 1;}
}
.team-wrap [ani-rotate]{transform: rotateZ(-90deg);opacity: 0;transform-origin: center;}
.team-wrap .ani-rotate{animation: ani-rotate 0.8s ease-in-out forwards;}
@keyframes ani-rotate-reverse{to{transform: rotateZ(0);opacity: 1;}
}
.team-wrap [ani-rotate-reverse]{transform: rotateZ(90deg);opacity: 0;transform-origin: center;}
.team-wrap .ani-rotate-reverse{animation: ani-rotate-reverse 0.8s ease-in-out forwards;}
.team-wrap .team-main{margin-top: 0.6rem;}
.team-wrap .team-swp{overflow: visible;}
.team-wrap .team-item{position: relative;width: 6rem;height: 4rem;}
.team-wrap .team-cover{position: absolute;left: 0;bottom: 0;display: flex;width: 100%;height: 1.2rem;padding: 0.3rem;background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));}
.team-wrap .team-title{margin-top: auto;text-align: center;width: 100%;line-height: 1.2;color: #fff;}
.team-wrap .swp-ctrl{display: flex;justify-content: space-between;align-items: center;margin-top: 0.6rem;}
.team-wrap .swp-turner{display: flex;}
.team-wrap .swp-progress{display: flex;max-width: 6rem;height: 0.04rem;flex: 1;margin-right: 0.3rem;background-color: rgba(204, 204, 204, 0.5);}
.team-wrap .progress-inner{width: 50%;height: 100%;background-color: #66ccff;transition: 0.3s;}
.team-wrap .swp-prev, .team-wrap .swp-next{display: flex;align-items: center;justify-content: center;width: 0.54rem;height: 0.54rem;border-radius: 50%;padding: 0.1rem;background-color: #fff;border: 0.01rem solid #66ccff;transition: 0.3s;}
.team-wrap .swp-prev:hover, .team-wrap .swp-next:hover{background-color: #66ccff;}
.team-wrap .swp-prev:hover .icon-box, .team-wrap .swp-next:hover .icon-box{filter: grayscale(1) brightness(10);}
.team-wrap .swp-next{margin-left: 0.2rem;}
/* #team end */
