/* #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("./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 */

/* #news-detail start */
 .news-detail-wrap{

 position: relative;padding-top: 1.3rem;padding-bottom: 1.13rem;}
.news-detail-wrap input, .news-detail-wrap button{background-color: transparent;border: none;outline: none;margin: 0;padding: 0;}
.news-detail-wrap .icon-box{display: flex;align-items: center;justify-content: center;width: 1em;height: 1em;transition: 0.3s;}
.news-detail-wrap .tr-x{transform: rotateY(180deg);}
.news-detail-wrap .tr-y{transform: rotateY(180deg);}
.news-detail-wrap .cn-wh, .news-detail-wrap .cn-w, .news-detail-wrap .cv-wh, .news-detail-wrap .cv-w{width: 100%;}
.news-detail-wrap .cn-wh, .news-detail-wrap .cn-h, .news-detail-wrap .cv-wh, .news-detail-wrap .cv-h{height: 100%;}
.news-detail-wrap .cn-wh, .news-detail-wrap .cn-w, .news-detail-wrap .cn-h{object-fit: contain;}
.news-detail-wrap .cv-wh, .news-detail-wrap .cv-w, .news-detail-wrap .cv-h{object-fit: cover;}
.news-detail-wrap .pic-box{width: 100%;height: 100%;}
.news-detail-wrap .pic-box img{max-width: 100%;max-height: 100%;}
.news-detail-wrap.wrap, .news-detail-wrap .wrap{padding-left: 0.6rem;padding-right: 0.6rem;max-width: 100%;overflow: hidden;}
.news-detail-wrap .area{margin: 0 auto;width: 100%;max-width: 16rem;}
.news-detail-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%;}
.news-detail-wrap [data-eps="1"]{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-detail-wrap .hover-line{position: relative;}
.news-detail-wrap .hover-line::after{content: "";position: absolute;bottom: -0.02rem;left: 0;width: 0;height: 0.02rem;background-color: #66ccff;transition: 0.3s;}
.news-detail-wrap .hover-line:hover::after{width: 100%;}
.news-detail-wrap .hover-shadow{cursor: pointer;transition: 0.3s;}
.news-detail-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;}
.news-detail-wrap .hover-pic .pic-box{max-width: 100%;max-height: 100%;overflow: hidden;}
.news-detail-wrap .hover-pic .pic-box img{transition: 0.5s;}
.news-detail-wrap .hover-pic:hover .pic-box img{transform: scale(1.05);}
.news-detail-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;}
.news-detail-wrap .icon-btn .icon-box{margin-left: 0.2rem;}
.news-detail-wrap .news-detail-bg{position: absolute;top: 0;left: 0;display: flex;width: 100%;height: 100%;pointer-events: none;}
.news-detail-wrap .news-detail-bg::before, .news-detail-wrap .news-detail-bg::after{content: "";display: block;width: 13.2rem;height: 100%;background-color: #fff;z-index: -1;}
.news-detail-wrap .news-detail-bg::after{width: auto;flex: 1;background-color: #f7f7f7;}
.news-detail-wrap .news-detail{display: flex;justify-content: space-between;}
.news-detail-wrap .news-article{max-width: 11rem;width: 100%;background-color: #fff;}
.news-detail-wrap .nd-header{padding-bottom: 0.3rem;border-bottom: 0.01rem solid #d9dee4;}
.news-detail-wrap .nd-title{line-height: 1.63;font-family: "MiSans-Demibold";}
.news-detail-wrap .nd-date{margin-top: 0.2rem;color: #666;line-height: 1.875;}
.news-detail-wrap .nd-main{line-height: 2;color: #666;padding-top: 0.45rem;}
.news-detail-wrap .nd-main img{position: relative;left: 50%;transform: translateX(-50%);max-width: 100%;margin: 0.55rem 0;object-fit: contain;}
.news-detail-wrap .nd-main *{line-height: unset;}
.news-detail-wrap .nd-turner{position: relative;display: flex;align-items: center;justify-content: space-between;margin-top: 0.55rem;border-radius: 0.1rem;color: #666;background-color: #fff;overflow: hidden;}
.news-detail-wrap .ndt-list{display: flex;flex-direction: column;}
.news-detail-wrap .ndt-prev, .news-detail-wrap .ndt-next{line-height: 1.5;cursor: pointer;transition: 0.3s;}
.news-detail-wrap .ndt-prev:hover, .news-detail-wrap .ndt-next:hover{color: #66ccff;}
.news-detail-wrap .ndt-next{margin-top: 0.2rem;}
.news-detail-wrap .go-back i{margin-left: 0.25rem;margin-right: 0;}
.news-detail-wrap .news-sidebar{max-width: 3.8rem;width: 100%;margin-left: 0.6rem;}
.news-detail-wrap .sidebar-item{display: flex;padding: 0.3rem 0;border-bottom: 0.01rem solid #d9dee4;cursor: pointer;}
.news-detail-wrap .sidebar-item:hover .sidebar-title{color: #66ccff;}
.news-detail-wrap .sidebar-item:hover .pic-box img{transform: scale(1.05);}
.news-detail-wrap .pic-box{flex-shrink: 0;width: 1.4rem;height: 1rem;overflow: hidden;}
.news-detail-wrap .pic-box img{transition: 0.5s;}
.news-detail-wrap .sidebar-content{display: flex;flex-direction: column;justify-content: space-between;padding: 0.1rem 0;margin-left: 0.2rem;}
.news-detail-wrap .sidebar-title{line-height: 1.625;color: #333;transition: 0.3s;}
.news-detail-wrap .sidebar-date{color: #666;}
@media (max-width: 750px){.news-detail-wrap .news-sidebar{display: none;}
.news-detail-wrap .nd-info{flex-direction: column;align-items: flex-start;}
.news-detail-wrap .nd-info > div:nth-child(n+2){margin-left: 0;margin-top: 0.2rem;}
.news-detail-wrap .nd-turner{flex-direction: column;}
.news-detail-wrap .ndt-next{margin-top: 0.5rem;}
.news-detail-wrap .go-back{margin-top: 0.5rem;}
}
/* #news-detail 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 */