.details-banner{background:url(/static/images/banner2.png);background-size:cover}.details-header.container h1,.details-header.container p{color:#fff}.section1 .top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding-top:150px;border-bottom:1px solid #c1c7d4;padding-bottom:60px}.section1 .top .card{background:#ebecf0;-webkit-filter:drop-shadow(-32px -32px 64px rgba(255, 255, 255, .5)) drop-shadow(32px 32px 64px rgba(0, 0, 0, .1));filter:drop-shadow(-32px -32px 64px rgba(255, 255, 255, .5)) drop-shadow(32px 32px 64px rgba(0, 0, 0, .1));-webkit-box-shadow:inset -40px -40px 80px rgba(255,255,255,.5),inset 40px 40px 80px rgba(0,0,0,.1);box-shadow:inset -40px -40px 80px rgba(255,255,255,.5),inset 40px 40px 80px rgba(0,0,0,.1);border-radius:40px}.section1 .top .card img{margin:20px;max-width:600px;width:87vw;aspect-ratio:3/2;-webkit-filter:drop-shadow(-4px -4px 8px rgba(255, 255, 255, .5)) drop-shadow(4px 4px 8px rgba(0, 0, 0, .16));filter:drop-shadow(-4px -4px 8px rgba(255, 255, 255, .5)) drop-shadow(4px 4px 8px rgba(0, 0, 0, .16));border-radius:24px}.section1 .top .box-right{padding-bottom:63px;padding-left:72px}@media (max-width:1260px){.section1 .top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:60px}.section1 .top .box-right{padding:36px}}.section1 .top .box-right h2{font-style:normal;font-weight:400;font-size:24px;line-height:32px;color:#1d2129;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:16px}.section1 .top .box-right h2 svg{font-size:60px}.section1 .top .box-right p{font-size:16px;font-weight:400;color:#7f828b;line-height:22px;padding-bottom:32px}.section1 .bottom{border-top:1px solid #fff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:48px;text-align:center}.section1 .bottom .lattice-cell{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:350px;font-size:48px}.section1 .bottom .lattice-cell:hover h2>svg{-webkit-transform:translateX(5px);transform:translateX(5px)}.section1 .bottom .lattice-cell img{margin:0 auto 10px;display:block;width:35px;height:32px}.section1 .bottom .lattice-cell h2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#1d2129;margin:8px}.section1 .bottom .lattice-cell h2 svg{-webkit-transition:all .5s;transition:all .5s}.section1 .bottom .lattice-cell p{font-size:14px;line-height:22px;text-align:center;color:#86909c}@-webkit-keyframes thumbnail-carousel-process{0%{width:0}100%{width:100%}}@keyframes thumbnail-carousel-process{0%{width:0}100%{width:100%}}.section2{width:100%;background:#292c30}@media (max-width:1260px){.section1 .bottom{padding:30px 16px}.section2 .flex{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.section2 .nav-bar{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-top:72px;padding-right:79px}@media (max-width:1260px){.section2 .nav-bar{padding:39px}}.section2 .nav-bar h3,.section2 .nav-bar p{color:#fff;font-weight:500;line-height:1}.section2 .nav-bar p{font-size:14px}.section2 .nav-bar .hd{position:relative;padding-bottom:40px}.section2 .nav-bar .hd::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#e1e1e1;opacity:.2}.section2 .nav-bar .hd h3{font-size:24px}.section2 .nav-bar .hd p{padding-top:16px}.section2 .nav-bar .item{cursor:pointer;position:relative;padding:20px 0;height:56px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.section2 .nav-bar .item.active{height:80px}.section2 .nav-bar .item::after,.section2 .nav-bar .item::before{content:"";position:absolute;bottom:0;height:2px;left:0}.section2 .nav-bar .item.active p{visibility:inherit}.section2 .nav-bar .item.active::after{-webkit-animation:thumbnail-carousel-process 10s linear;animation:thumbnail-carousel-process 10s linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.section2 .nav-bar .item::before{width:100%;border-top:1px solid #c1c7d4;border-bottom:1px solid #fff;-webkit-box-sizing:border-box;box-sizing:border-box;opacity:.2}.section2 .nav-bar .item::after{width:0;border-top:1px solid #287aff;border-bottom:1px solid #287aff;-webkit-box-sizing:border-box;box-sizing:border-box}.section2 .nav-bar .item p{padding-top:10px;visibility:hidden}.section2 .carousel-wrap{position:relative;width:632px;height:468px;overflow:hidden}@media (max-width:1260px){.section2 .carousel-wrap{width:100%;height:unset;aspect-ratio:4/3}}.section2 .carousel-wrap .carousel-item{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-repeat:no-repeat!important;background-position:center!important;background-size:cover!important;opacity:0;z-index:1;visibility:hidden;-webkit-transition:all .3s;transition:all .3s}.section2 .carousel-wrap .carousel-item.active{-webkit-transform:scale(1.2);transform:scale(1.2);visibility:inherit;opacity:1}.section5{padding-bottom:80px}.section5 .card-list{min-height:132px;gap:24px;display:grid}@media (min-width:768px){.section5 .card-list{grid-template-columns:repeat(3,1fr);margin:0 16px}}.section5 .card-list .card-item{-webkit-transition:.15s ease-in-out;transition:.15s ease-in-out;border:8px solid #ebecf0;-webkit-box-shadow:inset -6px -6px 12px rgba(255,255,255,.5),inset 6px 6px 12px rgba(0,0,0,.06);box-shadow:inset -6px -6px 12px rgba(255,255,255,.5),inset 6px 6px 12px rgba(0,0,0,.06);-webkit-filter:drop-shadow(-10px -10px 20px rgba(255, 255, 255, .5)) drop-shadow(10px 10px 20px rgba(0, 0, 0, .1));filter:drop-shadow(-10px -10px 20px rgba(255, 255, 255, .5)) drop-shadow(10px 10px 20px rgba(0, 0, 0, .1));border-radius:24px;display:grid;-ms-flex-line-pack:start;align-content:start;gap:12px;padding:24px}.section5 .card-list .card-item:hover{-webkit-box-shadow:inset -8px -8px 16px rgba(255,255,255,.7),inset 8px 8px 16px rgba(0,0,0,.1);box-shadow:inset -8px -8px 16px rgba(255,255,255,.7),inset 8px 8px 16px rgba(0,0,0,.1);-webkit-filter:drop-shadow(-16px -16px 32px rgba(255, 255, 255, .7)) drop-shadow(16px 16px 32px rgba(0, 0, 0, .16));filter:drop-shadow(-16px -16px 32px rgba(255, 255, 255, .7)) drop-shadow(16px 16px 32px rgba(0, 0, 0, .16))}.section5 .card-list .card-item:hover b,.section5 .card-list .card-item:hover p{color:#287aff}.section5 .card-list .card-item .product-img{width:40px;height:40px}.section5 .card-list .card-item .product-img.iconfont{font-size:36px;color:#999}.section5 .card-list .card-item b{font-style:normal;font-weight:400;font-size:24px;line-height:32px;color:#1d2129}.section5 .card-list .card-item p{font-style:normal;font-weight:400;font-size:14px;line-height:22px;color:#86909c;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}