/* #banner-swp start */
 .banner-swp-wrap input, .banner-swp-wrap button{background-color: transparent;border: none;outline: none;margin: 0;padding: 0;}
.banner-swp-wrap .icon-box{display: flex;align-items: center;justify-content: center;width: 1em;height: 1em;transition: 0.3s;}
.banner-swp-wrap .tr-x{transform: rotateY(180deg);}
.banner-swp-wrap .tr-y{transform: rotateY(180deg);}
.banner-swp-wrap .cn-wh, .banner-swp-wrap .cn-w, .banner-swp-wrap .cv-wh, .banner-swp-wrap .cv-w{width: 100%;}
.banner-swp-wrap .cn-wh, .banner-swp-wrap .cn-h, .banner-swp-wrap .cv-wh, .banner-swp-wrap .cv-h{height: 100%;}
.banner-swp-wrap .cn-wh, .banner-swp-wrap .cn-w, .banner-swp-wrap .cn-h{object-fit: contain;}
.banner-swp-wrap .cv-wh, .banner-swp-wrap .cv-w, .banner-swp-wrap .cv-h{object-fit: cover;}
.banner-swp-wrap .pic-box{width: 100%;height: 100%;}
.banner-swp-wrap .pic-box img{max-width: 100%;max-height: 100%;}
.banner-swp-wrap.wrap, .banner-swp-wrap .wrap{padding-left: 0.6rem;padding-right: 0.6rem;max-width: 100%;overflow: hidden;}
.banner-swp-wrap .area{margin: 0 auto;width: 100%;max-width: 16rem;}
.banner-swp-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%;}
.banner-swp-wrap [data-eps="1"]{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.banner-swp-wrap .bswp-inner{height: calc(100vh - 1.2rem);}
.banner-swp-wrap .swiper-pagination-bullet{width: 0.1rem;height: 0.1rem;background-color: #fff;border-radius: 0.05rem;opacity: 1;transition: 0.3s;}
.banner-swp-wrap .swiper-pagination-bullet-active{width: 0.3rem;}
@media (max-width: 750px){.banner-swp-wrap .bswp-inner{height: auto;}
}
/* #banner-swp end */

/* #product start */
 .product-wrap{padding-top: 1rem;background: url("/static/home/images/img/product-bg.png") no-repeat top right;}
.product-wrap input, .product-wrap button{background-color: transparent;border: none;outline: none;margin: 0;padding: 0;}
.product-wrap .icon-box{display: flex;align-items: center;justify-content: center;width: 1em;height: 1em;transition: 0.3s;}
.product-wrap .tr-x{transform: rotateY(180deg);}
.product-wrap .tr-y{transform: rotateY(180deg);}
.product-wrap .cn-wh, .product-wrap .cn-w, .product-wrap .cv-wh, .product-wrap .cv-w{width: 100%;}
.product-wrap .cn-wh, .product-wrap .cn-h, .product-wrap .cv-wh, .product-wrap .cv-h{height: 100%;}
.product-wrap .cn-wh, .product-wrap .cn-w, .product-wrap .cn-h{object-fit: contain;}
.product-wrap .cv-wh, .product-wrap .cv-w, .product-wrap .cv-h{object-fit: cover;}
.product-wrap .pic-box{width: 100%;height: 100%;}
.product-wrap .pic-box img{max-width: 100%;max-height: 100%;}
.product-wrap.wrap, .product-wrap .wrap{padding-left: 0.6rem;padding-right: 0.6rem;max-width: 100%;overflow: hidden;}
.product-wrap .area{margin: 0 auto;width: 100%;max-width: 16rem;}
.product-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%;}
.product-wrap [data-eps="1"]{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.product-wrap .mod-head{display: flex;align-items: center;justify-content: space-between;}
.product-wrap .mod-head.center{justify-content: center;}
.product-wrap .mod-head.center .mod-name, .product-wrap .mod-head.center .mod-title{text-align: center;}
.product-wrap .mod-name{font-family: "Poppins-Medium";color: #66ccff;}
.product-wrap .mod-title{margin-top: 0.06rem;line-height: 1.2;font-family: "MiSans-Semibold";}
.product-wrap .mod-right{margin-left: auto;}
.product-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;}
.product-wrap .icon-btn .icon-box{margin-left: 0.2rem;}
@keyframes ani-slide-top{to{transform: translateY(0);opacity: 1;}
}
.product-wrap [ani-slide-top]{transform: translateY(-50%);opacity: 0;transform-origin: center;}
.product-wrap .ani-slide-top{animation: ani-slide-top 0.8s ease-in-out forwards;}
@keyframes ani-slide-bottom{to{transform: translateY(0);opacity: 1;}
}
.product-wrap [ani-slide-bottom]{transform: translateY(50%);opacity: 0;transform-origin: center;}
.product-wrap .ani-slide-bottom{animation: ani-slide-bottom 0.8s ease-in-out forwards;}
@keyframes ani-slide-left{to{transform: translateX(0);opacity: 1;}
}
.product-wrap [ani-slide-left]{transform: translateX(-50%);opacity: 0;transform-origin: center;}
.product-wrap .ani-slide-left{animation: ani-slide-left 0.8s ease-in-out forwards;}
@keyframes ani-slide-right{to{transform: translateX(0);opacity: 1;}
}
.product-wrap [ani-slide-right]{transform: translateX(50%);opacity: 0;transform-origin: center;}
.product-wrap .ani-slide-right{animation: ani-slide-right 0.8s ease-in-out forwards;}
@keyframes ani-lessen{to{transform: scale(1);opacity: 1;}
}
.product-wrap [ani-lessen]{transform: scale(1.5);opacity: 0;transform-origin: center;}
.product-wrap .ani-lessen{animation: ani-lessen 0.8s ease-in-out forwards;}
@keyframes ani-scale{to{transform: scale(1);opacity: 1;}
}
.product-wrap [ani-scale]{transform: scale(0.5);opacity: 0;transform-origin: center;}
.product-wrap .ani-scale{animation: ani-scale 0.8s ease-in-out forwards;}
@keyframes ani-scale-x{to{transform: scaleX(1);opacity: 1;}
}
.product-wrap [ani-scale-x]{transform: scaleX(0);opacity: 0;transform-origin: center;}
.product-wrap .ani-scale-x{animation: ani-scale-x 0.8s ease-in-out forwards;}
@keyframes ani-scale-y{to{transform: scaleY(1);opacity: 1;}
}
.product-wrap [ani-scale-y]{transform: scaleY(0);opacity: 0;transform-origin: center;}
.product-wrap .ani-scale-y{animation: ani-scale-y 0.8s ease-in-out forwards;}
@keyframes ani-rotate{to{transform: rotateZ(0);opacity: 1;}
}
.product-wrap [ani-rotate]{transform: rotateZ(-90deg);opacity: 0;transform-origin: center;}
.product-wrap .ani-rotate{animation: ani-rotate 0.8s ease-in-out forwards;}
@keyframes ani-rotate-reverse{to{transform: rotateZ(0);opacity: 1;}
}
.product-wrap [ani-rotate-reverse]{transform: rotateZ(90deg);opacity: 0;transform-origin: center;}
.product-wrap .ani-rotate-reverse{animation: ani-rotate-reverse 0.8s ease-in-out forwards;}
.product-wrap .product-main{display: flex;margin-top: 0.5rem;}
.product-wrap .product-sidebar{display: flex;width: 27%;background-color: #f3f3f3;}
.product-wrap .p-sidebar{margin-left: auto;padding: 0.4rem 0;}
.product-wrap .ps-item-box:nth-child(n+2){margin-top: 0.1rem;}
.product-wrap .ps-item{display: flex;align-items: center;justify-content: space-between;min-height: 0.6rem;padding: 0.15rem 0.3rem;background-color: #fff;transition: 0.3s;}
.product-wrap .ps-item .icon-box{opacity: 0;transition: 0.3s;}
.product-wrap .ps-item:hover, .product-wrap .ps-item.active{color: #fff;background-color: #66ccff;}
.product-wrap .ps-item:hover .icon-box, .product-wrap .ps-item.active .icon-box{opacity: 1;}
.product-wrap .product-list{display: flex;flex-wrap: wrap;flex: 1;padding: 0.4rem 1.6rem 0.4rem 0.6rem;border-top: 0.01rem solid #dedede;padding-bottom: 1.2rem;background-color: #fbfbfb;}
.product-wrap .product-item{position: relative;width: calc((100% - 0.4rem) / 3);height: 4.6rem;background: url("/static/home/images/img/product-bg.jpg") no-repeat center/cover;}
.product-wrap .product-item:nth-child(n+2){margin-left: 0.2rem;}
.product-wrap .product-item:nth-child(3n+1){margin-left: 0;}
.product-wrap .product-item:nth-child(n+4){margin-top: 0.2rem;}
.product-wrap .product-item:hover .product-cover::before{opacity: 1;}
.product-wrap .product-item:hover .product-content{transform: translateY(0);}
.product-wrap .product-item:hover .product-name{color: #fff;}
.product-wrap .product-item:hover .view-more{opacity: 1;}
.product-wrap .product-pic{display: flex;align-items: center;justify-content: center;height: 3.8rem;width: 100%;padding: 0.4rem;}
.product-wrap .product-cover{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: flex-end;justify-content: center;}
.product-wrap .product-cover::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;background: linear-gradient(to top, #66ccff, rgba(102, 204, 255, 0) 80%);transition: 0.3s;}
.product-wrap .product-content{display: flex;flex-direction: column;align-items: center;width: 100%;padding: 0.3rem;transform: translateY(0.7rem);transition: 0.3s;}
.product-wrap .product-name{color: #333;text-align: center;line-height: 1.5;font-family: "MiSans-Demibold";width: 100%;}
.product-wrap .view-more{display: flex;align-items: center;justify-content: center;width: 0.54rem;height: 0.54rem;padding: 0.15rem;background-color: #fff;margin-top: 0.14rem;border-radius: 50%;opacity: 0;transition: 0.3s;}
@media (max-width: 750px){.product-wrap .product-list{padding: 0.4rem 0.6rem 0.4rem 0.6rem;}
.product-wrap .product-sidebar{display: none;}
.product-wrap .product-item{width: calc((100% - 0.2rem) / 2);}
.product-wrap .product-item:nth-child(n+2){margin-left: 0.2rem;}
.product-wrap .product-item:nth-child(2n+1){margin-left: 0;}
.product-wrap .product-item:nth-child(n+3){margin-top: 0.2rem;}
}
/* #product end */

/*! #index-app start */
.index-app-wrap {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.index-app-wrap input,
.index-app-wrap button {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    outline: none;
    margin: 0;
    padding: 0
}

.index-app-wrap .icon-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    transition: .3s
}

.index-app-wrap .tr-x {
    transform: rotateY(180deg)
}

.index-app-wrap .tr-y {
    transform: rotateY(180deg)
}

.index-app-wrap .cn-wh,
.index-app-wrap .cn-w,
.index-app-wrap .cv-wh,
.index-app-wrap .cv-w {
    width: 100%
}

.index-app-wrap .cn-wh,
.index-app-wrap .cn-h,
.index-app-wrap .cv-wh,
.index-app-wrap .cv-h {
    height: 100%
}

.index-app-wrap .cn-wh,
.index-app-wrap .cn-w,
.index-app-wrap .cn-h {
    object-fit: contain
}

.index-app-wrap .cv-wh,
.index-app-wrap .cv-w,
.index-app-wrap .cv-h {
    object-fit: cover
}

.index-app-wrap .pic-box {
    width: 100%;
    height: 100%
}

.index-app-wrap .pic-box img {
    max-width: 100%;
    max-height: 100%
}

.index-app-wrap.wrap,
.index-app-wrap .wrap {
    padding-left: .6rem;
    padding-right: .6rem;
    max-width: 100%;
    overflow: hidden
}

.index-app-wrap .area {
    margin: 0 auto;
    width: 100%;
    max-width: 16rem
}

.index-app-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%
}

.index-app-wrap [data-eps="1"] {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.index-app-wrap .mod-head {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.index-app-wrap .mod-head.center {
    justify-content: center
}

.index-app-wrap .mod-head.center .mod-name,
.index-app-wrap .mod-head.center .mod-title {
    text-align: center
}

.index-app-wrap .mod-name {
    font-family: "Poppins-Medium";
    color: #6cf
}

.index-app-wrap .mod-title {
    margin-top: .06rem;
    line-height: 1.2;
    font-family: "MiSans-Semibold"
}

.index-app-wrap .mod-right {
    margin-left: auto
}

.index-app-wrap .icon-btn {
    display: inline-flex;
    align-items: center;
    min-width: 1.8rem;
    min-height: .54rem;
    color: #fff;
    border-radius: .3rem;
    background-color: #6cf;
    padding: .15rem .45rem
}

.index-app-wrap .icon-btn .icon-box {
    margin-left: .2rem
}

@keyframes ani-slide-top {
    to {
        transform: translateY(0);
        opacity: 1
    }
}

.index-app-wrap [ani-slide-top] {
    transform: translateY(-50%);
    opacity: 0;
    transform-origin: center
}

.index-app-wrap .ani-slide-top {
    animation: ani-slide-top .8s ease-in-out forwards
}

@keyframes ani-slide-bottom {
    to {
        transform: translateY(0);
        opacity: 1
    }
}

.index-app-wrap [ani-slide-bottom] {
    transform: translateY(50%);
    opacity: 0;
    transform-origin: center
}

.index-app-wrap .ani-slide-bottom {
    animation: ani-slide-bottom .8s ease-in-out forwards
}

@keyframes ani-slide-left {
    to {
        transform: translateX(0);
        opacity: 1
    }
}

.index-app-wrap [ani-slide-left] {
    transform: translateX(-50%);
    opacity: 0;
    transform-origin: center
}

.index-app-wrap .ani-slide-left {
    animation: ani-slide-left .8s ease-in-out forwards
}

@keyframes ani-slide-right {
    to {
        transform: translateX(0);
        opacity: 1
    }
}

.index-app-wrap [ani-slide-right] {
    transform: translateX(50%);
    opacity: 0;
    transform-origin: center
}

.index-app-wrap .ani-slide-right {
    animation: ani-slide-right .8s ease-in-out forwards
}

@keyframes ani-lessen {
    to {
        transform: scale(1);
        opacity: 1
    }
}

.index-app-wrap [ani-lessen] {
    transform: scale(1.5);
    opacity: 0;
    transform-origin: center
}

.index-app-wrap .ani-lessen {
    animation: ani-lessen .8s ease-in-out forwards
}

@keyframes ani-scale {
    to {
        transform: scale(1);
        opacity: 1
    }
}

.index-app-wrap [ani-scale] {
    transform: scale(0.5);
    opacity: 0;
    transform-origin: center
}

.index-app-wrap .ani-scale {
    animation: ani-scale .8s ease-in-out forwards
}

@keyframes ani-scale-x {
    to {
        transform: scaleX(1);
        opacity: 1
    }
}

.index-app-wrap [ani-scale-x] {
    transform: scaleX(0);
    opacity: 0;
    transform-origin: center
}

.index-app-wrap .ani-scale-x {
    animation: ani-scale-x .8s ease-in-out forwards
}

@keyframes ani-scale-y {
    to {
        transform: scaleY(1);
        opacity: 1
    }
}

.index-app-wrap [ani-scale-y] {
    transform: scaleY(0);
    opacity: 0;
    transform-origin: center
}

.index-app-wrap .ani-scale-y {
    animation: ani-scale-y .8s ease-in-out forwards
}

@keyframes ani-rotate {
    to {
        transform: rotateZ(0);
        opacity: 1
    }
}

.index-app-wrap [ani-rotate] {
    transform: rotateZ(-90deg);
    opacity: 0;
    transform-origin: center
}

.index-app-wrap .ani-rotate {
    animation: ani-rotate .8s ease-in-out forwards
}

@keyframes ani-rotate-reverse {
    to {
        transform: rotateZ(0);
        opacity: 1
    }
}

.index-app-wrap [ani-rotate-reverse] {
    transform: rotateZ(90deg);
    opacity: 0;
    transform-origin: center
}

.index-app-wrap .ani-rotate-reverse {
    animation: ani-rotate-reverse .8s ease-in-out forwards
}

.index-app-wrap .app-classify {
    display: flex;
    justify-content: space-between;
    margin-top: .35rem;
    border-bottom: .01rem solid rgba(0, 0, 0, .1);
    overflow-x: auto
}

.index-app-wrap .classify-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: .78rem;
    color: #666;
    font-size: inherit;
    margin: 0 .2rem;
    white-space: nowrap;
    transition: .3s
}

.index-app-wrap .classify-item .icon-box {
    margin-right: .16rem;
    filter: grayscale(1) brightness(0.5);
    transition: .3s
}

.index-app-wrap .classify-item:hover {
    color: #6cf
}

.index-app-wrap .classify-item:hover .icon-box {
    filter: none
}

.index-app-wrap .classify-item.active {
    color: #6cf;
    box-shadow: 0 -0.03rem 0 0 inset #6cf
}

.index-app-wrap .classify-item.active .icon-box {
    filter: none
}

.index-app-wrap .iapp-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 5.6rem;
    flex: 1
}

.index-app-wrap .iapp-box {
    position: relative
}

.index-app-wrap .iapp-main {
    display: flex;
    justify-content: space-between;
    padding-top: .5rem;
    opacity: 0;
    pointer-events: none;
    transition: .3s
}

.index-app-wrap .iapp-main:nth-child(n+2) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.index-app-wrap .iapp-main.active {
    opacity: 1;
    pointer-events: auto
}

.index-app-wrap .iapp-title {
    color: #333;
    line-height: 1.2
}

.index-app-wrap .iaap-txt {
    margin-top: .22rem;
    line-height: 1.75;
    color: #666
}

.index-app-wrap .icon-btn {
    margin-top: .43rem
}

.index-app-wrap .ch-right {
    display: flex;
    align-items: center;
    margin-left: .3rem
}

.index-app-wrap .correlate {
    margin-top: auto;
    width: 100%
}

.index-app-wrap .correlate-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .5rem
}

.index-app-wrap .swp-next {
    margin-left: .04rem
}

.index-app-wrap .cp-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: 1.2rem;
    padding: .15rem;
    margin-top: .19rem;
    background-color: #f7f7f7
}

.index-app-wrap .cp-item:hover .cp-cover {
    transform: translateY(0)
}

.index-app-wrap .cp-cover {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: .3rem;
    text-align: center;
    padding: .05rem;
    color: #fff;
    background-color: rgba(0, 0, 0, .3);
    transform: translateY(100%);
    transition: .3s
}

.index-app-wrap .iapp-view {
    height: 5rem;
    max-width: 9.4rem;
    width: 100%;
    flex-shrink: 0
}

.index-app-wrap .iapp-item {
    width: 7rem
}

.index-app-wrap .swp-cover {
    position: relative;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    padding: .3rem .6rem
}

.index-app-wrap .swp-prev,
.index-app-wrap .swp-next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .54rem;
    height: .54rem;
    border-radius: 50%;
    padding: .2rem;
    background-color: #fff;
    opacity: .5;
    transition: .3s;
    z-index: 2
}

.index-app-wrap .swp-prev:hover,
.index-app-wrap .swp-next:hover {
    opacity: 1
}

@media(max-width: 750px) {
    .index-app-wrap .iapp-main {
        flex-direction: column
    }

    .index-app-wrap .iapp-content {
        max-width: 100%
    }

    .index-app-wrap .iapp-view {
        margin-top: .6rem
    }
}

/*! #index-app end */

/* #index-about start */
 .index-about-wrap{
 position: relative;display: flex;align-items: center;justify-content: flex-start;min-height: 9rem;padding-top: 0.6rem;padding-bottom: 0.6rem;}
.index-about-wrap input, .index-about-wrap button{background-color: transparent;border: none;outline: none;margin: 0;padding: 0;}
.index-about-wrap .icon-box{display: flex;align-items: center;justify-content: center;width: 1em;height: 1em;transition: 0.3s;}
.index-about-wrap .tr-x{transform: rotateY(180deg);}
.index-about-wrap .tr-y{transform: rotateY(180deg);}
.index-about-wrap .cn-wh, .index-about-wrap .cn-w, .index-about-wrap .cv-wh, .index-about-wrap .cv-w{width: 100%;}
.index-about-wrap .cn-wh, .index-about-wrap .cn-h, .index-about-wrap .cv-wh, .index-about-wrap .cv-h{height: 100%;}
.index-about-wrap .cn-wh, .index-about-wrap .cn-w, .index-about-wrap .cn-h{object-fit: contain;}
.index-about-wrap .cv-wh, .index-about-wrap .cv-w, .index-about-wrap .cv-h{object-fit: cover;}
.index-about-wrap .pic-box{width: 100%;height: 100%;}
.index-about-wrap .pic-box img{max-width: 100%;max-height: 100%;}
.index-about-wrap.wrap, .index-about-wrap .wrap{padding-left: 0.6rem;padding-right: 0.6rem;max-width: 100%;overflow: hidden;}
.index-about-wrap .area{margin: 0 auto;width: 100%;max-width: 16rem;}
.index-about-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%;}
.index-about-wrap [data-eps="1"]{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index-about-wrap .mod-head{display: flex;align-items: center;justify-content: space-between;}
.index-about-wrap .mod-head.center{justify-content: center;}
.index-about-wrap .mod-head.center .mod-name, .index-about-wrap .mod-head.center .mod-title{text-align: center;}
.index-about-wrap .mod-name{font-family: "Poppins-Medium";color: #66ccff;}
.index-about-wrap .mod-title{margin-top: 0.06rem;line-height: 1.2;font-family: "MiSans-Semibold";}
.index-about-wrap .mod-right{margin-left: auto;}
.index-about-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;}
.index-about-wrap .icon-btn .icon-box{margin-left: 0.2rem;}
.index-about-wrap .hover-line{position: relative;}
.index-about-wrap .hover-line::after{content: "";position: absolute;bottom: -0.02rem;left: 0;width: 0;height: 0.02rem;background-color: #66ccff;transition: 0.3s;}
.index-about-wrap .hover-line:hover::after{width: 100%;}
.index-about-wrap .hover-shadow{cursor: pointer;transition: 0.3s;}
.index-about-wrap .hover-shadow:hover{box-shadow: 0.02rem 0.02rem 0.05rem rgba(0, 0, 0, 0.5333333333), -0.02rem -0.02rem 0.05rem rgba(0, 0, 0, 0.2) inset, 0.02rem 0.02rem 0.05rem rgba(255, 255, 255, 0.5333333333) inset;}
.index-about-wrap .hover-pic .pic-box{max-width: 100%;max-height: 100%;overflow: hidden;}
.index-about-wrap .hover-pic .pic-box img{transition: 0.5s;}
.index-about-wrap .hover-pic:hover .pic-box img{transform: scale(1.05);}
@keyframes ani-slide-top{to{transform: translateY(0);opacity: 1;}
}
.index-about-wrap [ani-slide-top]{transform: translateY(-50%);opacity: 0;transform-origin: center;}
.index-about-wrap .ani-slide-top{animation: ani-slide-top 0.8s ease-in-out forwards;}
@keyframes ani-slide-bottom{to{transform: translateY(0);opacity: 1;}
}
.index-about-wrap [ani-slide-bottom]{transform: translateY(50%);opacity: 0;transform-origin: center;}
.index-about-wrap .ani-slide-bottom{animation: ani-slide-bottom 0.8s ease-in-out forwards;}
@keyframes ani-slide-left{to{transform: translateX(0);opacity: 1;}
}
.index-about-wrap [ani-slide-left]{transform: translateX(-50%);opacity: 0;transform-origin: center;}
.index-about-wrap .ani-slide-left{animation: ani-slide-left 0.8s ease-in-out forwards;}
@keyframes ani-slide-right{to{transform: translateX(0);opacity: 1;}
}
.index-about-wrap [ani-slide-right]{transform: translateX(50%);opacity: 0;transform-origin: center;}
.index-about-wrap .ani-slide-right{animation: ani-slide-right 0.8s ease-in-out forwards;}
@keyframes ani-lessen{to{transform: scale(1);opacity: 1;}
}
.index-about-wrap [ani-lessen]{transform: scale(1.5);opacity: 0;transform-origin: center;}
.index-about-wrap .ani-lessen{animation: ani-lessen 0.8s ease-in-out forwards;}
@keyframes ani-scale{to{transform: scale(1);opacity: 1;}
}
.index-about-wrap [ani-scale]{transform: scale(0.5);opacity: 0;transform-origin: center;}
.index-about-wrap .ani-scale{animation: ani-scale 0.8s ease-in-out forwards;}
@keyframes ani-scale-x{to{transform: scaleX(1);opacity: 1;}
}
.index-about-wrap [ani-scale-x]{transform: scaleX(0);opacity: 0;transform-origin: center;}
.index-about-wrap .ani-scale-x{animation: ani-scale-x 0.8s ease-in-out forwards;}
@keyframes ani-scale-y{to{transform: scaleY(1);opacity: 1;}
}
.index-about-wrap [ani-scale-y]{transform: scaleY(0);opacity: 0;transform-origin: center;}
.index-about-wrap .ani-scale-y{animation: ani-scale-y 0.8s ease-in-out forwards;}
@keyframes ani-rotate{to{transform: rotateZ(0);opacity: 1;}
}
.index-about-wrap [ani-rotate]{transform: rotateZ(-90deg);opacity: 0;transform-origin: center;}
.index-about-wrap .ani-rotate{animation: ani-rotate 0.8s ease-in-out forwards;}
@keyframes ani-rotate-reverse{to{transform: rotateZ(0);opacity: 1;}
}
.index-about-wrap [ani-rotate-reverse]{transform: rotateZ(90deg);opacity: 0;transform-origin: center;}
.index-about-wrap .ani-rotate-reverse{animation: ani-rotate-reverse 0.8s ease-in-out forwards;}
.index-about-wrap .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
.index-about-wrap .ia-main{max-width: 6.8rem;width: 100%;}
.index-about-wrap .ia-info{margin-top: 0.24rem;line-height: 2;color: #333;}
.index-about-wrap .ia-info *{line-height: inherit;}
.index-about-wrap .icon-btn{margin-top: 0.5rem;}
.index-about-wrap .data-box{display: flex;flex-wrap: wrap;margin-top: 0.8rem;}
.index-about-wrap .data-main{display: flex;align-content: start;justify-content: space-between;border-bottom: 0.01rem solid #ccc;padding-bottom: 0.15rem;}
.index-about-wrap .data-unit{margin-top: -0.5em;}
.index-about-wrap .data-item{width: calc((100% - 0.78rem) / 2);}
.index-about-wrap .data-item:nth-child(n+2){margin-left: 0.78rem;}
.index-about-wrap .data-item:nth-child(2n+1){margin-left: 0;}
.index-about-wrap .data-item:nth-child(n+3){margin-top: 0.78rem;}
.index-about-wrap .data-val span{font-family: "MiSans-Semibold";}
.index-about-wrap .data-title{margin-top: 0.16rem;color: #666;}
/* #index-about end */

/* #index-news start */
 .index-news-wrap{
 padding-top: 1rem;padding-bottom: 1.05rem;}
.index-news-wrap input, .index-news-wrap button{background-color: transparent;border: none;outline: none;margin: 0;padding: 0;}
.index-news-wrap .icon-box{display: flex;align-items: center;justify-content: center;width: 1em;height: 1em;transition: 0.3s;}
.index-news-wrap .tr-x{transform: rotateY(180deg);}
.index-news-wrap .tr-y{transform: rotateY(180deg);}
.index-news-wrap .cn-wh, .index-news-wrap .cn-w, .index-news-wrap .cv-wh, .index-news-wrap .cv-w{width: 100%;}
.index-news-wrap .cn-wh, .index-news-wrap .cn-h, .index-news-wrap .cv-wh, .index-news-wrap .cv-h{height: 100%;}
.index-news-wrap .cn-wh, .index-news-wrap .cn-w, .index-news-wrap .cn-h{object-fit: contain;}
.index-news-wrap .cv-wh, .index-news-wrap .cv-w, .index-news-wrap .cv-h{object-fit: cover;}
.index-news-wrap .pic-box{width: 100%;height: 100%;}
.index-news-wrap .pic-box img{max-width: 100%;max-height: 100%;}
.index-news-wrap.wrap, .index-news-wrap .wrap{padding-left: 0.6rem;padding-right: 0.6rem;max-width: 100%;overflow: hidden;}
.index-news-wrap .area{margin: 0 auto;width: 100%;max-width: 16rem;}
.index-news-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%;}
.index-news-wrap [data-eps="1"]{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index-news-wrap .mod-head{display: flex;align-items: center;justify-content: space-between;}
.index-news-wrap .mod-head.center{justify-content: center;}
.index-news-wrap .mod-head.center .mod-name, .index-news-wrap .mod-head.center .mod-title{text-align: center;}
.index-news-wrap .mod-name{font-family: "Poppins-Medium";color: #66ccff;}
.index-news-wrap .mod-title{margin-top: 0.06rem;line-height: 1.2;font-family: "MiSans-Semibold";}
.index-news-wrap .mod-right{margin-left: auto;}
.index-news-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;}
.index-news-wrap .icon-btn .icon-box{margin-left: 0.2rem;}
.index-news-wrap .hover-line{position: relative;}
.index-news-wrap .hover-line::after{content: "";position: absolute;bottom: -0.02rem;left: 0;width: 0;height: 0.02rem;background-color: #66ccff;transition: 0.3s;}
.index-news-wrap .hover-line:hover::after{width: 100%;}
.index-news-wrap .hover-shadow{cursor: pointer;transition: 0.3s;}
.index-news-wrap .hover-shadow:hover{box-shadow: 0.02rem 0.02rem 0.05rem rgba(0, 0, 0, 0.5333333333), -0.02rem -0.02rem 0.05rem rgba(0, 0, 0, 0.2) inset, 0.02rem 0.02rem 0.05rem rgba(255, 255, 255, 0.5333333333) inset;}
.index-news-wrap .hover-pic .pic-box{max-width: 100%;max-height: 100%;overflow: hidden;}
.index-news-wrap .hover-pic .pic-box img{transition: 0.5s;}
.index-news-wrap .hover-pic:hover .pic-box img{transform: scale(1.05);}
@keyframes ani-slide-top{to{transform: translateY(0);opacity: 1;}
}
.index-news-wrap [ani-slide-top]{transform: translateY(-50%);opacity: 0;transform-origin: center;}
.index-news-wrap .ani-slide-top{animation: ani-slide-top 0.8s ease-in-out forwards;}
@keyframes ani-slide-bottom{to{transform: translateY(0);opacity: 1;}
}
.index-news-wrap [ani-slide-bottom]{transform: translateY(50%);opacity: 0;transform-origin: center;}
.index-news-wrap .ani-slide-bottom{animation: ani-slide-bottom 0.8s ease-in-out forwards;}
@keyframes ani-slide-left{to{transform: translateX(0);opacity: 1;}
}
.index-news-wrap [ani-slide-left]{transform: translateX(-50%);opacity: 0;transform-origin: center;}
.index-news-wrap .ani-slide-left{animation: ani-slide-left 0.8s ease-in-out forwards;}
@keyframes ani-slide-right{to{transform: translateX(0);opacity: 1;}
}
.index-news-wrap [ani-slide-right]{transform: translateX(50%);opacity: 0;transform-origin: center;}
.index-news-wrap .ani-slide-right{animation: ani-slide-right 0.8s ease-in-out forwards;}
@keyframes ani-lessen{to{transform: scale(1);opacity: 1;}
}
.index-news-wrap [ani-lessen]{transform: scale(1.5);opacity: 0;transform-origin: center;}
.index-news-wrap .ani-lessen{animation: ani-lessen 0.8s ease-in-out forwards;}
@keyframes ani-scale{to{transform: scale(1);opacity: 1;}
}
.index-news-wrap [ani-scale]{transform: scale(0.5);opacity: 0;transform-origin: center;}
.index-news-wrap .ani-scale{animation: ani-scale 0.8s ease-in-out forwards;}
@keyframes ani-scale-x{to{transform: scaleX(1);opacity: 1;}
}
.index-news-wrap [ani-scale-x]{transform: scaleX(0);opacity: 0;transform-origin: center;}
.index-news-wrap .ani-scale-x{animation: ani-scale-x 0.8s ease-in-out forwards;}
@keyframes ani-scale-y{to{transform: scaleY(1);opacity: 1;}
}
.index-news-wrap [ani-scale-y]{transform: scaleY(0);opacity: 0;transform-origin: center;}
.index-news-wrap .ani-scale-y{animation: ani-scale-y 0.8s ease-in-out forwards;}
@keyframes ani-rotate{to{transform: rotateZ(0);opacity: 1;}
}
.index-news-wrap [ani-rotate]{transform: rotateZ(-90deg);opacity: 0;transform-origin: center;}
.index-news-wrap .ani-rotate{animation: ani-rotate 0.8s ease-in-out forwards;}
@keyframes ani-rotate-reverse{to{transform: rotateZ(0);opacity: 1;}
}
.index-news-wrap [ani-rotate-reverse]{transform: rotateZ(90deg);opacity: 0;transform-origin: center;}
.index-news-wrap .ani-rotate-reverse{animation: ani-rotate-reverse 0.8s ease-in-out forwards;}
.index-news-wrap .in-main{display: flex;justify-content: space-between;margin-top: 0.55rem;}
.index-news-wrap .inb-item{display: flex;flex-direction: column;flex-shrink: 0;width: 5rem;padding-bottom: 0.3rem;border-bottom: 0.01rem solid rgba(0, 0, 0, 0.1);}
.index-news-wrap .inb-pic{height: 3.6rem;}
.index-news-wrap .inb-title{margin-top: 0.3rem;line-height: 1.9;color: #333;}
.index-news-wrap .inb-date{display: flex;align-items: center;}
.index-news-wrap .inbd-val{margin-left: 0.1rem;}
.index-news-wrap .inb-date{margin-top: 0.3rem;color: #666;}
.index-news-wrap .in-mini{width: 5rem;}
.index-news-wrap .inm-item{display: flex;align-items: center;padding-bottom: 0.3rem;border-bottom: 0.01rem solid rgba(0, 0, 0, 0.1);}
.index-news-wrap .inm-item:nth-child(n+2){margin-top: 0.3rem;}
.index-news-wrap .inm-item .inb-date{margin-top: 0.25rem;}
.index-news-wrap .inm-item .icon-box{filter: grayscale(1) brightness(0.5);}
.index-news-wrap .inm-pic{width: 1.8rem;height: 1.36rem;flex-shrink: 0;}
.index-news-wrap .inm-content{margin-left: 0.3rem;}
.index-news-wrap .inm-title{line-height: 1.88;color: #333;}
@media (max-width: 750px){.index-news-wrap .in-main{flex-direction: column;}
.index-news-wrap .inb-item{width: 100%;}
.index-news-wrap .in-mini{width: 100%;margin-top: 0.5rem;}
}
/* #index-news end */