




/* 旧版banner, 适配手机电脑的差异图片
.swp-banner-wrap{width:100%;color:#fff}.swp-banner-wrap.wrap,.swp-banner-wrap .wrap{padding-left:.6rem;padding-right:.6rem;max-width:100%;overflow:hidden}.swp-banner-wrap .area{margin:0 auto;width:100%;max-width:16rem}.swp-banner-wrap input,.swp-banner-wrap button{background-color:rgba(0,0,0,0);border:none;outline:none;margin:0;padding:0}.swp-banner-wrap .icon-box{display:flex;align-items:center;justify-content:center;width:1em;height:1em;transition:.3s}.swp-banner-wrap .tr-x{transform:rotateY(180deg)}.swp-banner-wrap .tr-y{transform:rotateY(180deg)}.swp-banner-wrap .cn-wh,.swp-banner-wrap .cn-w,.swp-banner-wrap .cv-wh,.swp-banner-wrap .cv-w{width:100%}.swp-banner-wrap .cn-wh,.swp-banner-wrap .cn-h,.swp-banner-wrap .cv-wh,.swp-banner-wrap .cv-h{height:100%}.swp-banner-wrap .cn-wh,.swp-banner-wrap .cn-w,.swp-banner-wrap .cn-h{object-fit:contain}.swp-banner-wrap .cv-wh,.swp-banner-wrap .cv-w,.swp-banner-wrap .cv-h{object-fit:cover}.swp-banner-wrap .pic-box{width:100%;height:100%}.swp-banner-wrap .pic-box img{max-width:100%;max-height:100%}.swp-banner-wrap.wrap,.swp-banner-wrap .wrap{padding-left:.6rem;padding-right:.6rem;max-width:100%;overflow:hidden}.swp-banner-wrap .area{margin:0 auto;width:100%;max-width:16rem}.swp-banner-wrap [data-eps]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;max-height:0;-webkit-box-orient:vertical;-webkit-box-orient:vertical;max-width:100%}.swp-banner-wrap [data-eps="1"]{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.swp-banner-wrap .cn-wh,.swp-banner-wrap .cn-w,.swp-banner-wrap .cv-wh,.swp-banner-wrap .cv-w{width:100%}.swp-banner-wrap .cn-wh,.swp-banner-wrap .cn-h,.swp-banner-wrap .cv-wh,.swp-banner-wrap .cv-h{height:100%}.swp-banner-wrap .cn-wh,.swp-banner-wrap .cn-w,.swp-banner-wrap .cn-h{object-fit:contain}.swp-banner-wrap .cv-wh,.swp-banner-wrap .cv-w,.swp-banner-wrap .cv-h{object-fit:cover}.swp-banner-wrap .pic-box{width:100%;height:100%}.swp-banner-wrap .pic-box img{max-width:100%;max-height:100%}@keyframes ani-filter-white{to{filter:none;opacity:1}}.swp-banner-wrap [ani-filter-white]{filter:brightness(5);opacity:0}.swp-banner-wrap .ani-filter-white{animation:ani-filter-white .8s ease-in-out forwards}@keyframes ani-filter-black{to{filter:none;opacity:1}}.swp-banner-wrap [ani-filter-black]{filter:brightness(0);opacity:0}.swp-banner-wrap .ani-filter-black{animation:ani-filter-black .8s ease-in-out forwards}.swp-banner-wrap .btn{position:relative;display:inline-flex;min-width:1.6rem;min-height:.6rem;padding:.05rem;border:.01rem solid rgba(31,79,161,.4);border-radius:.4rem;transition:.3s;cursor:pointer;z-index:1}@keyframes diffuse{30%{opacity:.2}100%{transform:scale(1.2,1.3);opacity:0}}.swp-banner-wrap .btn::before{content:"";position:absolute;top:-0.01rem;left:-0.01rem;width:100%;height:100%;border:.01rem solid #1f4fa1;border-radius:.4rem;transform:scale(1);opacity:0}.swp-banner-wrap .btn:hover{transform:translateY(-0.01rem)}.swp-banner-wrap .btn:hover .btn-inner::before{transform:translate(-0.03rem,calc(-50% - 0.03rem))}.swp-banner-wrap .btn:hover .btn-inner::after{transform:translate(0.03rem,calc(-50% + 0.03rem))}.swp-banner-wrap .btn:hover::before{animation:diffuse 2s ease-in-out infinite}.swp-banner-wrap .btn .btn-inner{display:inline-flex;align-items:center;justify-content:center;flex:1;color:#fff;border-radius:.4rem;background-color:#1f4fa1;overflow:hidden;transition:.3s}.swp-banner-wrap .btn .btn-inner{position:relative}.swp-banner-wrap .btn .btn-inner::before,.swp-banner-wrap .btn .btn-inner::after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:12.5%;width:18.83%;background:url("./images/icon/btn-adorn.png") no-repeat center/contain;transition:.3s}.swp-banner-wrap .btn .btn-inner::after{left:auto;right:0}@media(max-width:750px){.swp-banner-wrap .btn{min-height:.8rem;min-width:2rem}}.swp-banner-wrap .swp-banner,.swp-banner-wrap .sbn-pic{width:100%;height:100%}.swp-banner-wrap .swp-item{position:relative;height:100%}.swp-banner-wrap .swp-cover{position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;height:100%;z-index:5}.swp-banner-wrap .swp-name{line-height:1.44;opacity:.5}.swp-banner-wrap .swp-title{line-height:1.26;margin-top:.1rem;font-weight:600}.swp-banner-wrap .btn{margin-top:1rem}.swp-banner-wrap .swp-ctrl{position:absolute;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;width:100%;padding:.7rem .6rem;z-index:10}.swp-banner-wrap .swp-progress{display:flex;height:1em}.swp-banner-wrap .swp-ring{position:relative;width:1em;height:1em;aspect-ratio:1}.swp-banner-wrap .swp-ring:nth-child(n+2){margin-left:.1rem}.swp-banner-wrap .swp-ring::before{content:"";position:absolute;top:50%;left:50%;height:.06rem;width:.06rem;transform:translate(-50%,-50%);border-radius:50%;background-color:#fff;opacity:.3;transition:.3s}.swp-banner-wrap .swp-ring .ring{transform:scale(0) rotateZ(-90deg);opacity:0;transition:.5s}.swp-banner-wrap .swp-ring.active .ring{transform:scale(1) rotateZ(-90deg);opacity:1}.swp-banner-wrap .swp-ring.active::before{opacity:1}.swp-banner-wrap .swp-index{font-family:"D-DIN-Bold"}.swp-banner-wrap .s-total{opacity:.5}.page-view{width:100%;height:100vh}.page-view>*{height:100%;display:flex;flex-direction:column;justify-content:center}@media(max-width:750px){.page-view{height:auto}}@media(max-width:750px){.swp-banner-wrap{height:8rem}}.bn-pe{display:none}@media (max-width:750px){.bn-pe{display:block}.bn-pc{display:none}}
*/

/*! #swp-banner start */
.swp-banner-wrap{width:100%;color:#fff}.swp-banner-wrap.wrap,.swp-banner-wrap .wrap{padding-left:.6rem;padding-right:.6rem;max-width:100%;overflow:hidden}.swp-banner-wrap .area{margin:0 auto;width:100%;max-width:16rem}.swp-banner-wrap input,.swp-banner-wrap button{background-color:rgba(0,0,0,0);border:none;outline:none;margin:0;padding:0}.swp-banner-wrap .icon-box{display:flex;align-items:center;justify-content:center;width:1em;height:1em;transition:.3s}.swp-banner-wrap .tr-x{transform:rotateY(180deg)}.swp-banner-wrap .tr-y{transform:rotateY(180deg)}.swp-banner-wrap .cn-wh,.swp-banner-wrap .cn-w,.swp-banner-wrap .cv-wh,.swp-banner-wrap .cv-w{width:100%}.swp-banner-wrap .cn-wh,.swp-banner-wrap .cn-h,.swp-banner-wrap .cv-wh,.swp-banner-wrap .cv-h{height:100%}.swp-banner-wrap .cn-wh,.swp-banner-wrap .cn-w,.swp-banner-wrap .cn-h{object-fit:contain}.swp-banner-wrap .cv-wh,.swp-banner-wrap .cv-w,.swp-banner-wrap .cv-h{object-fit:cover}.swp-banner-wrap .pic-box{width:100%;height:100%}.swp-banner-wrap .pic-box img{max-width:100%;max-height:100%}.swp-banner-wrap.wrap,.swp-banner-wrap .wrap{padding-left:.6rem;padding-right:.6rem;max-width:100%;overflow:hidden}.swp-banner-wrap .area{margin:0 auto;width:100%;max-width:16rem}.swp-banner-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%}.swp-banner-wrap [data-eps="1"]{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.swp-banner-wrap .cn-wh,.swp-banner-wrap .cn-w,.swp-banner-wrap .cv-wh,.swp-banner-wrap .cv-w{width:100%}.swp-banner-wrap .cn-wh,.swp-banner-wrap .cn-h,.swp-banner-wrap .cv-wh,.swp-banner-wrap .cv-h{height:100%}.swp-banner-wrap .cn-wh,.swp-banner-wrap .cn-w,.swp-banner-wrap .cn-h{object-fit:contain}.swp-banner-wrap .cv-wh,.swp-banner-wrap .cv-w,.swp-banner-wrap .cv-h{object-fit:cover}.swp-banner-wrap .pic-box{width:100%;height:100%}.swp-banner-wrap .pic-box img{max-width:100%;max-height:100%}@keyframes ani-filter-white{to{filter:none;opacity:1}}.swp-banner-wrap [ani-filter-white]{filter:brightness(5);opacity:0}.swp-banner-wrap .ani-filter-white{animation:ani-filter-white .8s ease-in-out forwards}@keyframes ani-filter-black{to{filter:none;opacity:1}}.swp-banner-wrap [ani-filter-black]{filter:brightness(0);opacity:0}.swp-banner-wrap .ani-filter-black{animation:ani-filter-black .8s ease-in-out forwards}.swp-banner-wrap .btn{position:relative;display:inline-flex;min-width:1.6rem;min-height:.6rem;padding:.05rem;border:.01rem solid rgba(31,79,161,.4);border-radius:.4rem;transition:.3s;cursor:pointer;z-index:1}@keyframes diffuse{30%{opacity:.2}100%{transform:scale(1.2, 1.3);opacity:0}}.swp-banner-wrap .btn::before{content:"";position:absolute;top:-0.01rem;left:-0.01rem;width:100%;height:100%;border:.01rem solid #1f4fa1;border-radius:.4rem;transform:scale(1);opacity:0}.swp-banner-wrap .btn:hover{transform:translateY(-0.01rem)}.swp-banner-wrap .btn:hover .btn-inner::before{transform:translate(-0.03rem, calc(-50% - 0.03rem))}.swp-banner-wrap .btn:hover .btn-inner::after{transform:translate(0.03rem, calc(-50% + 0.03rem))}.swp-banner-wrap .btn:hover::before{animation:diffuse 2s ease-in-out infinite}.swp-banner-wrap .btn .btn-inner{display:inline-flex;align-items:center;justify-content:center;flex:1;color:#fff;border-radius:.4rem;background-color:#1f4fa1;overflow:hidden;transition:.3s}.swp-banner-wrap .btn .btn-inner{position:relative}.swp-banner-wrap .btn .btn-inner::before,.swp-banner-wrap .btn .btn-inner::after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:12.5%;width:18.83%;background:url("../images/icon/btn-adorn.png") no-repeat center/contain;transition:.3s}.swp-banner-wrap .btn .btn-inner::after{left:auto;right:0}@media(max-width: 750px){.swp-banner-wrap .btn{min-height:.8rem;min-width:2rem}}.swp-banner-wrap .swp-banner,.swp-banner-wrap .sbn-pic{width:100%;height: 100%}.swp-banner-wrap .swp-item{position:relative;height:100%}.swp-banner-wrap .swp-cover{position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;height:100%;z-index:5}.swp-banner-wrap .swp-name{line-height:1.44;opacity:.5}.swp-banner-wrap .swp-title{line-height:1.26;margin-top:.1rem;font-weight:600}.swp-banner-wrap .btn{margin-top:3.2rem;margin-left:.5rem}.swp-banner-wrap .swp-ctrl{position:absolute;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;width:100%;padding:.7rem .6rem;z-index:10}.swp-banner-wrap .swp-progress{display:flex;height:1em}.swp-banner-wrap .swp-ring{position:relative;width:1em;height:1em;aspect-ratio:1}.swp-banner-wrap .swp-ring:nth-child(n+2){margin-left:.1rem}.swp-banner-wrap .swp-ring::before{content:"";position:absolute;top:50%;left:50%;height:.06rem;width:.06rem;transform:translate(-50%, -50%);border-radius:50%;background-color:#fff;opacity:.3;transition:.3s}.swp-banner-wrap .swp-ring .ring{transform:scale(0) rotateZ(-90deg);opacity:0;transition:.5s}.swp-banner-wrap .swp-ring.active .ring{transform:scale(1) rotateZ(-90deg);opacity:1}.swp-banner-wrap .swp-ring.active::before{opacity:1}.swp-banner-wrap .swp-index{font-family:"D-DIN-Bold"}.swp-banner-wrap .s-total{opacity:.5}.page-view{width:100%;height:100vh}.page-view>*{height:100%;display:flex;flex-direction:column;justify-content:center}@media(max-width: 750px){.page-view{height:auto}}@media(max-width: 750px){.swp-banner-wrap{height:8rem}}.bn-pe{display:none}@media(max-width: 750px){.bn-pe{display:block}.bn-pc{display:none}}
/*! #swp-banner end */

/*
    .index-product-wrap{position:relative;display:flex;align-items:center;padding:.5rem 0}.index-product-wrap input,.index-product-wrap button{background-color:rgba(0,0,0,0);border:none;outline:none;margin:0;padding:0}.index-product-wrap .icon-box{display:flex;align-items:center;justify-content:center;width:1em;height:1em;transition:.3s}.index-product-wrap .tr-x{transform:rotateY(180deg)}.index-product-wrap .tr-y{transform:rotateY(180deg)}.index-product-wrap .cn-wh,.index-product-wrap .cn-w,.index-product-wrap .cv-wh,.index-product-wrap .cv-w{width:100%}.index-product-wrap .cn-wh,.index-product-wrap .cn-h,.index-product-wrap .cv-wh,.index-product-wrap .cv-h{height:100%}.index-product-wrap .cn-wh,.index-product-wrap .cn-w,.index-product-wrap .cn-h{object-fit:contain}.index-product-wrap .cv-wh,.index-product-wrap .cv-w,.index-product-wrap .cv-h{object-fit:cover}.index-product-wrap .pic-box{width:100%;height:100%}.index-product-wrap .pic-box img{max-width:100%;max-height:100%}.index-product-wrap.wrap,.index-product-wrap .wrap{padding-left:.6rem;padding-right:.6rem;max-width:100%;overflow:hidden}.index-product-wrap .area{margin:0 auto;width:100%;max-width:16rem}.index-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%}.index-product-wrap [data-eps="1"]{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@keyframes ani-slide-top{to{transform:translateY(0);opacity:1}}.index-product-wrap [ani-slide-top]{transform:translateY(-50%);opacity:0;transform-origin:center}.index-product-wrap .ani-slide-top{animation:ani-slide-top .8s ease-in-out forwards}@keyframes ani-slide-bottom{to{transform:translateY(0);opacity:1}}.index-product-wrap [ani-slide-bottom]{transform:translateY(50%);opacity:0;transform-origin:center}.index-product-wrap .ani-slide-bottom{animation:ani-slide-bottom .8s ease-in-out forwards}@keyframes ani-slide-left{to{transform:translateX(0);opacity:1}}.index-product-wrap [ani-slide-left]{transform:translateX(-50%);opacity:0;transform-origin:center}.index-product-wrap .ani-slide-left{animation:ani-slide-left .8s ease-in-out forwards}@keyframes ani-slide-right{to{transform:translateX(0);opacity:1}}.index-product-wrap [ani-slide-right]{transform:translateX(50%);opacity:0;transform-origin:center}.index-product-wrap .ani-slide-right{animation:ani-slide-right .8s ease-in-out forwards}@keyframes ani-lessen{to{transform:scale(1);opacity:1}}.index-product-wrap [ani-lessen]{transform:scale(1.5);opacity:0;transform-origin:center}.index-product-wrap .ani-lessen{animation:ani-lessen .8s ease-in-out forwards}@keyframes ani-scale{to{transform:scale(1);opacity:1}}.index-product-wrap [ani-scale]{transform:scale(0.5);opacity:0;transform-origin:center}.index-product-wrap .ani-scale{animation:ani-scale .8s ease-in-out forwards}@keyframes ani-scale-x{to{transform:scaleX(1);opacity:1}}.index-product-wrap [ani-scale-x]{transform:scaleX(0);opacity:0;transform-origin:center}.index-product-wrap .ani-scale-x{animation:ani-scale-x .8s ease-in-out forwards}@keyframes ani-scale-y{to{transform:scaleY(1);opacity:1}}.index-product-wrap [ani-scale-y]{transform:scaleY(0);opacity:0;transform-origin:center}.index-product-wrap .ani-scale-y{animation:ani-scale-y .8s ease-in-out forwards}@keyframes ani-rotate{to{transform:rotateZ(0);opacity:1}}.index-product-wrap [ani-rotate]{transform:rotateZ(-90deg);opacity:0;transform-origin:center}.index-product-wrap .ani-rotate{animation:ani-rotate .8s ease-in-out forwards}@keyframes ani-rotate-reverse{to{transform:rotateZ(0);opacity:1}}.index-product-wrap [ani-rotate-reverse]{transform:rotateZ(90deg);opacity:0;transform-origin:center}.index-product-wrap .ani-rotate-reverse{animation:ani-rotate-reverse .8s ease-in-out forwards}.index-product-wrap .btn{position:relative;display:inline-flex;min-width:1.6rem;min-height:.6rem;padding:.05rem;border:.01rem solid rgba(31,79,161,.4);border-radius:.4rem;transition:.3s;cursor:pointer;z-index:1}@keyframes diffuse{30%{opacity:.2}100%{transform:scale(1.2,1.3);opacity:0}}.index-product-wrap .btn::before{content:"";position:absolute;top:-0.01rem;left:-0.01rem;width:100%;height:100%;border:.01rem solid #1f4fa1;border-radius:.4rem;transform:scale(1);opacity:0}.index-product-wrap .btn:hover{transform:translateY(-0.01rem)}.index-product-wrap .btn:hover .btn-inner::before{transform:translate(-0.03rem,calc(-50% - 0.03rem))}.index-product-wrap .btn:hover .btn-inner::after{transform:translate(0.03rem,calc(-50% + 0.03rem))}.index-product-wrap .btn:hover::before{animation:diffuse 2s ease-in-out infinite}.index-product-wrap .btn .btn-inner{display:inline-flex;align-items:center;justify-content:center;flex:1;color:#fff;border-radius:.4rem;background-color:#1f4fa1;overflow:hidden;transition:.3s}.index-product-wrap .btn .btn-inner{position:relative}.index-product-wrap .btn .btn-inner::before,.index-product-wrap .btn .btn-inner::after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:12.5%;width:18.83%;background:url("_/static/home/images/icon/btn-adorn.png") no-repeat center/contain;transition:.3s}.index-product-wrap .btn .btn-inner::after{left:auto;right:0}@media(max-width:750px){.index-product-wrap .btn{min-height:.8rem;min-width:2rem}}.index-product-wrap .bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.index-product-wrap .index-product{position:relative;width:100%;height:100%;max-height:7.2rem}.index-product-wrap .ip-box{height:100%}.index-product-wrap .index-product-inner{position:relative;width:100%;height:100%}.index-product-wrap .ip-swp,.index-product-wrap .swp-inner{height:100%}.index-product-wrap .swp-item-inner{display:flex;height:100%}.index-product-wrap .ips-box{height:100%;width:100%;opacity:0;pointer-events:none;transition:.3s}.index-product-wrap .ips-box:nth-child(n+2){position:absolute;top:0;left:0}.index-product-wrap .ips-box.active{opacity:1;pointer-events:auto}.index-product-wrap .ip-left{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%;max-width:4.5rem;width:100%;padding:.5rem}.index-product-wrap .ip-name{color:#222;line-height:1.24}.index-product-wrap .ip-info{margin-top:.15rem;line-height:2;color:#444}.index-product-wrap .ip-info *{line-height:inherit}.index-product-wrap .btn{margin-top:.66rem}.index-product-wrap .ip-right{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:.5rem}.index-product-wrap .swp-ctrl{position:absolute;bottom:0;left:0;display:flex;justify-content:space-between;width:100%;padding:0 .6rem;z-index:5;pointer-events:none}.index-product-wrap .swp-turner{display:flex;pointer-events:auto}.index-product-wrap .swp-prev{transform:rotateY(180deg);margin-right:.1rem}.index-product-wrap .swp-prev,.index-product-wrap .swp-next{opacity:.4;transition:.3s}.index-product-wrap .swp-prev:hover,.index-product-wrap .swp-next:hover{opacity:1}.index-product-wrap .swp-progress{display:flex;height:1em;pointer-events:auto}.index-product-wrap .swp-ring{position:relative;width:1em;height:1em;aspect-ratio:1}.index-product-wrap .swp-ring:nth-child(n+2){margin-left:.05rem}.index-product-wrap .swp-ring .ring-index{position:absolute;top:50%;left:50%;width:.07rem;height:.07rem;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);border-radius:50%;color:hsla(0,0%,100%,0);background-color:rgba(31,79,161,.4);border-radius:50%;font-family:"MiSans-Medium";transition:.5s}.index-product-wrap .swp-ring .ring{transform:scale(0) rotateZ(-90deg);opacity:0;transition:.5s}.index-product-wrap .swp-ring.active .ring{transform:scale(1) rotateZ(-90deg);opacity:1}.index-product-wrap .swp-ring.active .ring-index{width:100%;height:100%;background-color:rgba(0,0,0,0);color:#1f4fa1;transition:.5s}.ip-ctrl{position:absolute;top:0;left:0;width:100%;z-index:6}.ip-ctrl .ipc-inner{display:flex;align-items:flex-start;justify-content:space-between}.ip-ctrl .ip-title{color:#444;line-height:1.5}.ip-ctrl .ipc-turner{position:relative}.ip-ctrl .ipc-turner::before{content:"";position:absolute;top:0;right:0;width:2px;height:100%;background-color:rgba(31,79,161,.06)}.ip-ctrl .ipct-list{display:flex;flex-direction:column}.ip-ctrl .ipct-item{position:relative;padding-right:.19rem;font-size:inherit}.ip-ctrl .ipct-item::before{content:"";position:absolute;top:0;right:0;width:2px;height:100%;background-color:#1f4fa1;transform:scaleY(0);transition:.3s}.ip-ctrl .ipct-item:nth-child(n+2){margin-top:.55rem}.ip-ctrl .ipct-item.active{color:#1f4fa1}.ip-ctrl .ipct-item.active::before{transform:scaleY(1)}@media(max-width:750px){.index-product-wrap .swp-item-inner{flex-direction:column}.index-product-wrap .index-product{max-height:15rem}.index-product-wrap .ip-ctrl{position:static}.index-product-wrap .ipc-inner{flex-direction:column}.index-product-wrap .ipc-turner{margin-top:.3rem}.index-product-wrap .ipc-turner::before{display:none}.index-product-wrap .ipct-list{display:flex;flex-direction:row}.index-product-wrap .ipct-item.active{border-bottom:.02rem solid #1f4fa1}.index-product-wrap .ipct-item.active::before{display:none}.index-product-wrap .ipct-item:nth-child(n+2){margin-top:0}.index-product-wrap .ip-left{padding:0;width:100%;max-width:100%;height:auto;margin-top:.5rem}.index-product-wrap .ip-right{padding:0;height:auto;margin-top:.6rem}.index-product-wrap .swp-item-inner{height:auto}}
*/

/*! #index-product start */
.index-product-wrap{position:relative;display:flex;align-items:center;padding:.5rem 0}.index-product-wrap input,.index-product-wrap button{background-color:rgba(0,0,0,0);border:none;outline:none;margin:0;padding:0}.index-product-wrap .icon-box{display:flex;align-items:center;justify-content:center;width:1em;height:1em;transition:.3s}.index-product-wrap .tr-x{transform:rotateY(180deg)}.index-product-wrap .tr-y{transform:rotateY(180deg)}.index-product-wrap .cn-wh,.index-product-wrap .cn-w,.index-product-wrap .cv-wh,.index-product-wrap .cv-w{width:100%}.index-product-wrap .cn-wh,.index-product-wrap .cn-h,.index-product-wrap .cv-wh,.index-product-wrap .cv-h{height:100%}.index-product-wrap .cn-wh,.index-product-wrap .cn-w,.index-product-wrap .cn-h{object-fit:contain}.index-product-wrap .cv-wh,.index-product-wrap .cv-w,.index-product-wrap .cv-h{object-fit:cover}.index-product-wrap .pic-box{width:100%;height:100%}.index-product-wrap .pic-box img{max-width:100%;max-height:100%}.index-product-wrap.wrap,.index-product-wrap .wrap{padding-left:.6rem;padding-right:.6rem;max-width:100%;overflow:hidden}.index-product-wrap .area{margin:0 auto;width:100%;max-width:16rem}.index-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%}.index-product-wrap [data-eps="1"]{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@keyframes ani-slide-top{to{transform:translateY(0);opacity:1}}.index-product-wrap [ani-slide-top]{transform:translateY(-50%);opacity:0;transform-origin:center}.index-product-wrap .ani-slide-top{animation:ani-slide-top .8s ease-in-out forwards}@keyframes ani-slide-bottom{to{transform:translateY(0);opacity:1}}.index-product-wrap [ani-slide-bottom]{transform:translateY(50%);opacity:0;transform-origin:center}.index-product-wrap .ani-slide-bottom{animation:ani-slide-bottom .8s ease-in-out forwards}@keyframes ani-slide-left{to{transform:translateX(0);opacity:1}}.index-product-wrap [ani-slide-left]{transform:translateX(-50%);opacity:0;transform-origin:center}.index-product-wrap .ani-slide-left{animation:ani-slide-left .8s ease-in-out forwards}@keyframes ani-slide-right{to{transform:translateX(0);opacity:1}}.index-product-wrap [ani-slide-right]{transform:translateX(50%);opacity:0;transform-origin:center}.index-product-wrap .ani-slide-right{animation:ani-slide-right .8s ease-in-out forwards}@keyframes ani-lessen{to{transform:scale(1);opacity:1}}.index-product-wrap [ani-lessen]{transform:scale(1.5);opacity:0;transform-origin:center}.index-product-wrap .ani-lessen{animation:ani-lessen .8s ease-in-out forwards}@keyframes ani-scale{to{transform:scale(1);opacity:1}}.index-product-wrap [ani-scale]{transform:scale(0.5);opacity:0;transform-origin:center}.index-product-wrap .ani-scale{animation:ani-scale .8s ease-in-out forwards}@keyframes ani-scale-x{to{transform:scaleX(1);opacity:1}}.index-product-wrap [ani-scale-x]{transform:scaleX(0);opacity:0;transform-origin:center}.index-product-wrap .ani-scale-x{animation:ani-scale-x .8s ease-in-out forwards}@keyframes ani-scale-y{to{transform:scaleY(1);opacity:1}}.index-product-wrap [ani-scale-y]{transform:scaleY(0);opacity:0;transform-origin:center}.index-product-wrap .ani-scale-y{animation:ani-scale-y .8s ease-in-out forwards}@keyframes ani-rotate{to{transform:rotateZ(0);opacity:1}}.index-product-wrap [ani-rotate]{transform:rotateZ(-90deg);opacity:0;transform-origin:center}.index-product-wrap .ani-rotate{animation:ani-rotate .8s ease-in-out forwards}@keyframes ani-rotate-reverse{to{transform:rotateZ(0);opacity:1}}.index-product-wrap [ani-rotate-reverse]{transform:rotateZ(90deg);opacity:0;transform-origin:center}.index-product-wrap .ani-rotate-reverse{animation:ani-rotate-reverse .8s ease-in-out forwards}.index-product-wrap .btn{position:relative;display:inline-flex;min-width:1.6rem;min-height:.6rem;padding:.05rem;border:.01rem solid rgba(31,79,161,.4);border-radius:.4rem;transition:.3s;cursor:pointer;z-index:1}@keyframes diffuse{30%{opacity:.2}100%{transform:scale(1.2, 1.3);opacity:0}}.index-product-wrap .btn::before{content:"";position:absolute;top:-0.01rem;left:-0.01rem;width:100%;height:100%;border:.01rem solid #1f4fa1;border-radius:.4rem;transform:scale(1);opacity:0}.index-product-wrap .btn:hover{transform:translateY(-0.01rem)}.index-product-wrap .btn:hover .btn-inner::before{transform:translate(-0.03rem, calc(-50% - 0.03rem))}.index-product-wrap .btn:hover .btn-inner::after{transform:translate(0.03rem, calc(-50% + 0.03rem))}.index-product-wrap .btn:hover::before{animation:diffuse 2s ease-in-out infinite}.index-product-wrap .btn .btn-inner{display:inline-flex;align-items:center;justify-content:center;flex:1;color:#fff;border-radius:.4rem;background-color:#1f4fa1;overflow:hidden;transition:.3s}.index-product-wrap .btn .btn-inner{position:relative}.index-product-wrap .btn .btn-inner::before,.index-product-wrap .btn .btn-inner::after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:12.5%;width:18.83%;background:url("../images/icon/btn-adorn.png") no-repeat center/contain;transition:.3s}.index-product-wrap .btn .btn-inner::after{left:auto;right:0}@media(max-width: 750px){.index-product-wrap .btn{min-height:.8rem;min-width:2rem}}.index-product-wrap .bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.index-product-wrap .index-product{position:relative;width:100%;height:100%;max-height:7.2rem}.index-product-wrap .ip-box{height:100%}.index-product-wrap .index-product-inner{position:relative;width:100%;height:100%}.index-product-wrap .ip-swp,.index-product-wrap .swp-inner{height:100%}.index-product-wrap .swp-item-inner{display:flex;height:100%}.index-product-wrap .ips-box{height:100%;width:100%;opacity:0;pointer-events:none;transition:.3s}.index-product-wrap .ips-box:nth-child(n+2){position:absolute;top:0;left:0}.index-product-wrap .ips-box.active{opacity:1;pointer-events:auto}.index-product-wrap .ip-left{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%;max-width:5rem;width:100%;padding:.5rem}.index-product-wrap .ip-name{color:#222;line-height:1.24}.index-product-wrap .ip-info{margin-top:.15rem;line-height:2;color:#444}.index-product-wrap .ip-info *{line-height:inherit}.index-product-wrap .btn{margin-top:.66rem}.index-product-wrap .ip-right{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:.5rem 1.5rem .5rem 0}.index-product-wrap .swp-ctrl{position:absolute;bottom:0;left:0;display:flex;justify-content:space-between;width:100%;padding:0 .6rem;z-index:5;pointer-events:none}.index-product-wrap .swp-turner{display:flex;pointer-events:auto}.index-product-wrap .swp-prev{transform:rotateY(180deg);margin-right:.1rem}.index-product-wrap .swp-prev,.index-product-wrap .swp-next{opacity:.4;transition:.3s}.index-product-wrap .swp-prev:hover,.index-product-wrap .swp-next:hover{opacity:1}.index-product-wrap .swp-progress{display:flex;height:1em;pointer-events:auto}.index-product-wrap .swp-ring{position:relative;width:1em;height:1em;aspect-ratio:1}.index-product-wrap .swp-ring:nth-child(n+2){margin-left:.05rem}.index-product-wrap .swp-ring .ring-index{position:absolute;top:50%;left:50%;width:.07rem;height:.07rem;display:flex;align-items:center;justify-content:center;transform:translate(-50%, -50%);border-radius:50%;color:hsla(0,0%,100%,0);background-color:rgba(31,79,161,.4);border-radius:50%;font-family:"MiSans-Medium";transition:.5s}.index-product-wrap .swp-ring .ring{transform:scale(0) rotateZ(-90deg);opacity:0;transition:.5s}.index-product-wrap .swp-ring.active .ring{transform:scale(1) rotateZ(-90deg);opacity:1}.index-product-wrap .swp-ring.active .ring-index{width:100%;height:100%;background-color:rgba(0,0,0,0);color:#1f4fa1;transition:.5s}.ip-ctrl{position:absolute;top:0;left:0;width:100%;z-index:6}.ip-ctrl .ipc-inner{display:flex;align-items:flex-start;justify-content:space-between}.ip-ctrl .ip-title{color:#444;line-height:1.5}.ip-ctrl .ipc-turner{position:relative}.ip-ctrl .ipc-turner::before{content:"";position:absolute;top:0;right:0;width:2px;height:100%;background-color:rgba(31,79,161,.06)}.ip-ctrl .ipct-list{display:flex;flex-direction:column;white-space:nowrap;}.ip-ctrl .ipct-item{position:relative;padding-right:.19rem;font-size:inherit}.ip-ctrl .ipct-item::before{content:"";position:absolute;top:0;right:0;width:2px;height:100%;background-color:#1f4fa1;transform:scaleY(0);transition:.3s}.ip-ctrl .ipct-item:nth-child(n+2){margin-top:.55rem}.ip-ctrl .ipct-item.active{color:#1f4fa1}.ip-ctrl .ipct-item.active::before{transform:scaleY(1)}@media(max-width: 750px){.index-product-wrap .swp-item-inner{flex-direction:column}.index-product-wrap .index-product{max-height:15rem}.index-product-wrap .ip-ctrl{position:static}.index-product-wrap .ipc-inner{flex-direction:column}.index-product-wrap .ipc-turner{margin-top:.3rem}.index-product-wrap .ipc-turner::before{display:none}.index-product-wrap .ipct-list{display:flex;flex-direction:row}.index-product-wrap .ipct-item.active{border-bottom:.02rem solid #1f4fa1}.index-product-wrap .ipct-item.active::before{display:none}.index-product-wrap .ipct-item:nth-child(n+2){margin-top:0}.index-product-wrap .ip-left{padding:0;width:100%;max-width:100%;height:auto;margin-top:.5rem}.index-product-wrap .ip-right{padding:0;height:auto;margin-top:.6rem}.index-product-wrap .swp-item-inner{height:auto}}
/*! #index-product end */

.index-about-wrap{position:relative;}.index-about-wrap input,.index-about-wrap button{background-color:rgba(0,0,0,0);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:.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:.6rem;padding-right:.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 .btn{position:relative;display:inline-flex;min-width:1.6rem;min-height:.6rem;padding:.05rem;border:.01rem solid rgba(31,79,161,.4);border-radius:.4rem;transition:.3s;cursor:pointer;z-index:1}@keyframes diffuse{30%{opacity:.2}100%{transform:scale(1.2,1.3);opacity:0}}.index-about-wrap .btn::before{content:"";position:absolute;top:-0.01rem;left:-0.01rem;width:100%;height:100%;border:.01rem solid #1f4fa1;border-radius:.4rem;transform:scale(1);opacity:0}.index-about-wrap .btn:hover{transform:translateY(-0.01rem)}.index-about-wrap .btn:hover .btn-inner::before{transform:translate(-0.03rem,calc(-50% - 0.03rem))}.index-about-wrap .btn:hover .btn-inner::after{transform:translate(0.03rem,calc(-50% + 0.03rem))}.index-about-wrap .btn:hover::before{animation:diffuse 2s ease-in-out infinite}.index-about-wrap .btn .btn-inner{display:inline-flex;align-items:center;justify-content:center;flex:1;color:#fff;border-radius:.4rem;background-color:#1f4fa1;overflow:hidden;transition:.3s}.index-about-wrap .btn .btn-inner{position:relative}.index-about-wrap .btn .btn-inner::before,.index-about-wrap .btn .btn-inner::after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:12.5%;width:18.83%;background:url(../images/icon/btn-adorn.png) no-repeat center/contain;transition:.3s}.index-about-wrap .btn .btn-inner::after{left:auto;right:0}@media(max-width:750px){.index-about-wrap .btn{min-height:.8rem;min-width:2rem}}@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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .8s ease-in-out forwards}@keyframes ani-filter-white{to{filter:none;opacity:1}}.index-about-wrap [ani-filter-white]{filter:brightness(5);opacity:0}.index-about-wrap .ani-filter-white{animation:ani-filter-white .8s ease-in-out forwards}@keyframes ani-filter-black{to{filter:none;opacity:1}}.index-about-wrap [ani-filter-black]{filter:brightness(0);opacity:0}.index-about-wrap .ani-filter-black{animation:ani-filter-black .8s ease-in-out forwards}.index-about-wrap .bg,.index-about-wrap .cover{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}@keyframes ani-cover{60%{opacity:0}100%{transform:scale(100) translateX(3%);opacity:0}}.index-about-wrap .cover{background:url(../images/img/index-about-hollow.png) no-repeat center/cover;z-index:10}.index-about-wrap .cover.active{animation:ani-cover 2s ease-in forwards}.index-about-wrap .index-about{width:7.2rem;max-width:100%;color:#fff}.index-about-wrap .ia-info{color:hsla(0,0%,100%,.8);line-height:2;margin-top:.25rem}.index-about-wrap .data-title{line-height:1.875}.index-about-wrap .ia-data-box{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:.4rem}.index-about-wrap .data-unit{margin-bottom:.2em}.index-about-wrap .data-val-box{display:flex;align-items:flex-end}.index-about-wrap .btn{margin-top:1rem}@media(max-width:750px){.index-about-wrap{padding-top:1rem;padding-bottom:1rem}.index-about-wrap .cover{display:none}.index-about-wrap .data-item{width:50%}}


.index-news-wrap{padding-top:1rem;padding-bottom:1rem;background:url(../images/img/news-bg.jpg) no-repeat center,#e4f2ff;background-size:100% auto}.index-news-wrap input,.index-news-wrap button{background-color:rgba(0,0,0,0);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:.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:.6rem;padding-right:.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 .btn{position:relative;display:inline-flex;min-width:1.6rem;min-height:.6rem;padding:.05rem;border:.01rem solid rgba(31,79,161,.4);border-radius:.4rem;transition:.3s;cursor:pointer;z-index:1}@keyframes diffuse{30%{opacity:.2}100%{transform:scale(1.2,1.3);opacity:0}}.index-news-wrap .btn::before{content:"";position:absolute;top:-0.01rem;left:-0.01rem;width:100%;height:100%;border:.01rem solid #1f4fa1;border-radius:.4rem;transform:scale(1);opacity:0}.index-news-wrap .btn:hover{transform:translateY(-0.01rem)}.index-news-wrap .btn:hover .btn-inner::before{transform:translate(-0.03rem,calc(-50% - 0.03rem))}.index-news-wrap .btn:hover .btn-inner::after{transform:translate(0.03rem,calc(-50% + 0.03rem))}.index-news-wrap .btn:hover::before{animation:diffuse 2s ease-in-out infinite}.index-news-wrap .btn .btn-inner{display:inline-flex;align-items:center;justify-content:center;flex:1;color:#fff;border-radius:.4rem;background-color:#1f4fa1;overflow:hidden;transition:.3s}.index-news-wrap .btn .btn-inner{position:relative}.index-news-wrap .btn .btn-inner::before,.index-news-wrap .btn .btn-inner::after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:12.5%;width:18.83%;background:url("./images/icon/btn-adorn.png") no-repeat center/contain;transition:.3s}.index-news-wrap .btn .btn-inner::after{left:auto;right:0}@media(max-width:750px){.index-news-wrap .btn{min-height:.8rem;min-width: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:.02rem;background-color:#1f4fa1;transition:.3s}.index-news-wrap .hover-line:hover::after{width:100%}.index-news-wrap .hover-shadow{cursor:pointer;transition:.3s}.index-news-wrap .hover-shadow:hover{box-shadow:.02rem .02rem .05rem rgba(0,0,0,0.5333333333),-0.02rem -0.02rem .05rem rgba(0,0,0,.2) inset,.02rem .02rem .05rem hsla(0,0%,100%,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:.5s}.index-news-wrap .hover-pic:hover .pic-box img{transform:scale(1.05)}.index-news-wrap .in-title{color:#444}.index-news-wrap .index-news-list{margin-top:.08rem}.index-news-wrap .nti-head{display:flex;align-items:center;justify-content:space-between}.index-news-wrap .nti-title{color:#222}.index-news-wrap .nti-swp{margin-top:.45rem;overflow:visible !important}.index-news-wrap .btn-list{display:flex;height:.58rem;border-radius:.3rem;padding:.05rem;background-color:#fff}.index-news-wrap .btn-item{display:flex;align-items:center;justify-content:center;min-width:1.4rem;color:#444;font-size:inherit;border-radius:.3rem;transition:.3s}.index-news-wrap .btn-item.active{background-color:#1f4fa1;color:#fff}.index-news-wrap .nti-main{display:flex}.index-news-wrap .nti-item{width:4.58rem;border-radius:.2rem;overflow:hidden}.index-news-wrap .nti-item:hover .title{color:#fff}.index-news-wrap .nti-item:hover .nti-item-content{background-color:#1f4fa1}.index-news-wrap .nti-item-content{display:flex;flex-direction:column;min-height:2.5rem;padding:.45rem;background-color:#fff;transition:.3s}.index-news-wrap .nti-item-pic{height:2.9rem}.index-news-wrap .news-date{position:relative;display:flex;align-items:center;color:#999;z-index:2}.index-news-wrap .news-date .icon-box{margin-right:.05rem}.index-news-wrap .more{display:flex;align-items:center;color:#999}.index-news-wrap .more .icon-box{height:.5em;filter:grayscale(1) brightness(2)}.index-news-wrap .title{margin-top:.2rem;margin-bottom:.32rem;line-height:1.5;color:#222;transition:.3s}.index-news-wrap .swp-ctrl{display:flex;align-items:center;justify-content:space-between;margin-top:.3rem}.index-news-wrap .swp-progress{flex:1;height:.02rem;background-color:rgba(31,79,161,.08);border-radius:.01rem}.index-news-wrap .progress{width:100%;height:100%;transform:scaleX(0);transform-origin:left center;background-color:#1f4fa1;transition:.3s}.index-news-wrap .swp-count{margin-left:.36rem}.index-news-wrap .current{color:#1f4fa1}.index-news-wrap .total{color:#809baf}.index-news-wrap .index-news-item:nth-child(n+2){margin-top:1rem}@media(max-width:750px){.index-news-wrap .nti-head{margin-top:.6rem;align-items:flex-start;flex-direction:column}.index-news-wrap .btn-list{height:.7rem;margin-top:.3rem;border-radius:.35rem}.index-news-wrap .btn-item{min-width:2rem}}

.hide-scrollbar{position:relative;height:100vh;overflow:hidden}.window{transition:.3s}@media(max-width: 750px){.hide-scrollbar{position:relative;height:auto;overflow:auto}}
/* ===== 核心功能版块（新增 SNK-VAC100） ===== */
.index-corefunc-wrap{background:#fff;padding-top:1rem;padding-bottom:1rem}
.icf-head{text-align:center;margin-bottom:.5rem}
.icf-title{color:#1f4fa1;font-weight:700;line-height:1.2}
.icf-sub{color:#6b7686;margin-top:.12rem}
.icf-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem}
.icf-item{flex:1 1 22%;min-width:3rem;max-width:4.4rem;background:#fff;border:1px solid #e6ecf5;border-radius:.12rem;padding:.42rem .36rem;box-shadow:0 .04rem .18rem rgba(31,79,161,.06);transition:.3s;display:flex;flex-direction:column}
.icf-item:hover{transform:translateY(-.08rem);box-shadow:0 .1rem .3rem rgba(31,79,161,.16);border-color:#1f4fa1}
.icf-no{color:rgba(31,79,161,.14);font-weight:800;line-height:1;margin-bottom:.16rem}
.icf-name{color:#1f2a3a;font-weight:600;line-height:1.4;margin-bottom:.16rem}
.icf-name .hl{color:#1f4fa1;font-weight:800}
.icf-desc{color:#566;line-height:1.8;margin-bottom:.2rem;flex:1}
.icf-mean{background:rgba(31,79,161,.06);border-left:.03rem solid #1f4fa1;border-radius:.04rem;padding:.16rem .2rem;color:#33415a;line-height:1.7}
.icf-mean-tag{display:inline-block;background:#1f4fa1;color:#fff;font-size:.8em;line-height:1;padding:.05rem .12rem;border-radius:.04rem;margin-right:.1rem;vertical-align:middle;font-style:normal}

/* 移动端：核心功能卡片改为单列铺满，避免双列过窄导致文字溢出裁切 */
@media(max-width:750px){
.index-corefunc-wrap .icf-list{flex-direction:column;align-items:stretch;gap:.24rem}
.index-corefunc-wrap .icf-item{flex:1 1 100%;min-width:0;max-width:100%}
.index-corefunc-wrap .icf-name{font-size:.2rem}
.index-corefunc-wrap .icf-desc{font-size:.15rem}
.index-corefunc-wrap .icf-mean{font-size:.15rem}
}

.footer .footer-section h3 { font-size: 24px; }
.footer .copyright { font-size: 14px; }
.dropdown .tertiary-title { font-size: 19px; }   /* 还原 1.2rem×16px */
.dropdown .tertiary-link p { font-size: 14px; }  /* 还原 0.85rem×16px */


.fullscreen-nav-links li a { font-size: 28px; }       /* 还原 1.8rem×16px */
.fullscreen-nav-links li a i { font-size: 28px; }
@media (max-width: 768px) {
  .fullscreen-nav-links li a { font-size: 24px; }      /* 还原移动端 1.5rem×16px */
}

/* ===== 「查看更多」按钮：扁平矩形 + 右侧箭头（覆盖原胶囊+括弧装饰） ===== */
.swp-banner-wrap .btn,
.index-product-wrap .btn,
.index-about-wrap .btn,
.index-news-wrap .btn{
  border-radius:.04rem;            /* 扁平小圆角矩形 */
  border-color:transparent;        /* 去掉胶囊外圈淡蓝描边 */
  min-width:1.7rem;
  min-height:.5rem;
  padding:0;
  overflow:hidden;
}
.swp-banner-wrap .btn::before,
.index-product-wrap .btn::before,
.index-about-wrap .btn::before,
.index-news-wrap .btn::before{display:none}   /* 去掉 hover 扩散边框动画 */

.swp-banner-wrap .btn .btn-inner,
.index-product-wrap .btn .btn-inner,
.index-about-wrap .btn .btn-inner,
.index-news-wrap .btn .btn-inner{
  border-radius:.04rem;
  padding:0 .26rem;
  font-weight:500;
}
/* 去掉左右白色括弧装饰图 */
.swp-banner-wrap .btn .btn-inner::before,
.index-product-wrap .btn .btn-inner::before,
.index-about-wrap .btn .btn-inner::before,
.index-news-wrap .btn .btn-inner::before{display:none}

/* 右侧白色 chevron 箭头（用 ::after 绘制，替换原右括弧图） */
.swp-banner-wrap .btn .btn-inner::after,
.index-product-wrap .btn .btn-inner::after,
.index-about-wrap .btn .btn-inner::after,
.index-news-wrap .btn .btn-inner::after{
  position:static;left:auto;right:auto;top:auto;bottom:auto;
  width:.1rem;height:.1rem;
  background:none;
  border-top:.028rem solid #fff;border-right:.028rem solid #fff;
  margin-left:.14rem;
  transform:rotate(45deg);          /* 上+右边框旋转 45° = 右向箭头 › */
  transition:transform .3s;
}
.swp-banner-wrap .btn:hover .btn-inner::after,
.index-product-wrap .btn:hover .btn-inner::after,
.index-about-wrap .btn:hover .btn-inner::after,
.index-news-wrap .btn:hover .btn-inner::after{
  transform:translateX(.05rem) rotate(45deg);     /* hover 箭头右移，呼应原交互 */
}

/* ===== 修复「核心功能」卡片说明框文字溢出 =====
   根因：site.css 全局 *{word-break:keep-all} 禁止中文断行，
   较长中文串被整体撑出 .icf-mean 右侧（第 03/04 张卡片）。 */
.index-corefunc-wrap .icf-item{word-break:break-all}
.index-corefunc-wrap .icf-mean{
  word-break:break-all;
  overflow-wrap:anywhere;   /* 长串/标点兜底断行 */
  white-space:normal;
  max-width:100%;
  box-sizing:border-box;
}

/* ===== 版块：行业适配（核心功能下方 · 交互切换布局 + 浅色蓝图背景） =====
   左侧行业列表 hover/点击 → 右侧详情面板切换；整体浅色基调，与全站统一。
   全部用 px 定义，避免本模板桌面 1rem≈100px 的放大问题；
   并覆盖 site.css 全局 *{word-break:keep-all}，保证中文标签正常换行。 */
.industry-page{position:relative}
.industry-page::before{content:"";position:absolute;inset:0;z-index:0;
  background:linear-gradient(180deg,#f4f8ff 0%,#e8f0fb 100%);
  background-image:linear-gradient(180deg,#f4f8ff,#e8f0fb),
    linear-gradient(rgba(31,79,161,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(31,79,161,.055) 1px,transparent 1px);
  background-size:100% 100%,34px 34px,34px 34px;pointer-events:none}
.index-industry-wrap{position:relative;z-index:1;word-break:break-word;
  max-width:1600px;margin:0 auto;box-sizing:border-box}
.ii-head{margin-bottom:38px}
.ii-title{color:#1f4fa1;font-size:46px;font-weight:800;line-height:1.2;letter-spacing:2px}
.ii-en{font-size:13px;letter-spacing:4px;color:#1f4fa1;font-weight:600;margin-left:14px;
  vertical-align:middle;opacity:.62}
.ii-sub{color:#6b7686;font-size:16px;margin-top:11px;letter-spacing:1px}

.ii-body{display:grid;grid-template-columns:minmax(300px,.95fr) 1.15fr;gap:34px;align-items:stretch}
/* 左侧行业列表 */
.ii-list{display:flex;flex-direction:column;border-top:1px solid rgba(31,79,161,.16)}
.ii-item{display:flex;align-items:center;gap:16px;padding:19px 20px;cursor:pointer;
  border-bottom:1px solid rgba(31,79,161,.16);color:#33415a;
  transition:background .3s,color .3s,box-shadow .3s,padding .3s;position:relative}
.ii-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:#1f4fa1;opacity:0;transition:opacity .3s}
.ii-item:hover{background:rgba(255,255,255,.55)}
.ii-item.on{background:#fff;color:#1f4fa1;box-shadow:0 8px 26px rgba(31,79,161,.10);
  padding-left:26px}
.ii-item.on::before{opacity:1}
.ii-no{font-size:14px;font-weight:800;color:rgba(31,79,161,.42);width:24px;flex:none;
  transition:color .3s}
.ii-item.on .ii-no{color:#1f4fa1}
.ii-nm{font-size:19px;font-weight:700;line-height:1.4;flex:1}
.ii-ar{font-size:18px;font-weight:400;opacity:.35;transition:transform .3s,opacity .3s;flex:none}
.ii-item.on .ii-ar{opacity:1;transform:translateX(5px);color:#1f4fa1}

/* 右侧详情面板（多个叠加，只显示 .on） */
.ii-panels{position:relative}
.ii-panel{position:absolute;inset:0;display:flex;flex-direction:column;
  background:rgba(255,255,255,.82);border:1px solid rgba(31,79,161,.18);
  border-radius:12px;padding:40px 42px;box-shadow:0 10px 36px rgba(31,79,161,.08);
  overflow:hidden;opacity:0;visibility:hidden;transform:translateY(10px);
  transition:opacity .35s,transform .35s,visibility .35s}
.ii-panel.on{opacity:1;visibility:visible;transform:none;position:relative}
.ii-wm{position:absolute;right:18px;bottom:-30px;font-size:180px;font-weight:800;line-height:1;
  color:rgba(31,79,161,.055);pointer-events:none;user-select:none}
.ii-cap{font-size:12px;letter-spacing:2px;color:#1f4fa1;font-weight:700;opacity:.72;position:relative}
.ii-pn{font-size:30px;font-weight:800;color:#1f2a3a;line-height:1.3;margin:16px 0 28px;position:relative}
.ii-tags{display:flex;flex-wrap:wrap;gap:12px;position:relative}
.ii-tags span{font-size:16px;color:#1f4fa1;font-weight:600;line-height:1.5;
  background:rgba(31,79,161,.055);border:1px solid rgba(31,79,161,.24);
  border-radius:999px;padding:10px 22px;white-space:normal;word-break:normal;
  transition:background .3s,border-color .3s}
.ii-tags span:hover{background:rgba(31,79,161,.13);border-color:#1f4fa1}
.ii-hint{margin-top:auto;padding-top:30px;font-size:13px;color:#8a97ad;position:relative}
.hint-mob{display:none}

@media(max-width:1400px){
  .ii-title{font-size:40px}
  .ii-nm{font-size:17px}
  .ii-pn{font-size:26px}
  .ii-tags span{font-size:15px;padding:9px 18px}
}
@media(max-width:1000px){
  .ii-body{grid-template-columns:1fr;gap:20px}
  .ii-list{flex-direction:row;flex-wrap:wrap;border-top:0;gap:8px}
  .ii-item{border:1px solid rgba(31,79,161,.18);border-radius:8px;padding:10px 14px;flex:1 1 auto}
  .ii-item.on{padding-left:14px}
  .ii-item::before{display:none}
  .ii-no{display:none}
  .ii-nm{font-size:15px;flex:none}
  .ii-ar{display:none}
  .ii-panel{display:none}                 /* 隐藏面板不再占位，杜绝大块空白 */
  .ii-panel.on{display:flex;position:relative;inset:auto;min-height:240px;padding:28px 26px}
  .hint-desk{display:none}
  .hint-mob{display:inline}
}
@media(max-width:750px){
  .index-industry-wrap{height:auto!important}
  .ii-head{margin-bottom:24px}
  .ii-title{font-size:30px}
  .ii-en{font-size:10px;letter-spacing:2px;margin-left:8px}
  .ii-sub{font-size:14px;letter-spacing:0}
  .ii-nm{font-size:14px}
  .ii-panel,.ii-panel.on{min-height:0;padding:24px 20px}
  .ii-wm{font-size:120px;right:6px;bottom:-18px}
  .ii-pn{font-size:22px;margin:12px 0 20px}
  .ii-tags{gap:9px}
  .ii-tags span{font-size:13px;padding:7px 14px}
  .ii-hint{padding-top:20px;font-size:12px}
}
