.active-link{text-decoration:none;-webkit-transition:color .3s;-o-transition:color .3s;-moz-transition:color .3s;transition:color .3s}
.active-link:hover{color:#0056ff!important}
.menu-hover{padding-left:.1rem;margin-left:-.1rem;border-radius:3px;-webkit-transition:-webkit-box-shadow .3s ease-in-out;transition:-webkit-box-shadow .3s ease-in-out;-o-transition:box-shadow .3s ease-in-out;-moz-transition:box-shadow .3s ease-in-out;transition:box-shadow .3s ease-in-out;transition:box-shadow .3s ease-in-out,-webkit-box-shadow .3s ease-in-out;-webkit-box-shadow:0 0 0 rgba(191,191,191,.08);box-shadow:0 0 0 rgba(191,191,191,.08)}
.menu-hover:hover{-webkit-box-shadow:0 0 10px rgba(191,191,191,.08);box-shadow:0 0 10px rgba(191,191,191,.08)}
.header-container-wrap{position:fixed;top:0;left:0;width:100%;z-index: 99999;}
.header-container{position:relative;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-transition:background .3s;-o-transition:background .3s;-moz-transition:background .3s;transition:background .3s;box-shadow: 0 2px 7px 0 rgb(171 171 171 / 30%);position: relative;background-image:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.96) 100%);}
.header-container:hover{background:#fff}
.header-container.white{background:#fff}
.bor-header-container-top{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap;-webkit-flex-flow:nowrap;-ms-flex-flow:nowrap;flex-flow:nowrap;/* max-width:1200px; */margin:0 auto;padding:0 20px;}
.header-container-left{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-flow:nowrap;-ms-flex-flow:nowrap;flex-flow:nowrap;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}
.header-container-left .et-logo{display:inline-block;margin-right:6%}
.header-container-left .et-logo .bor-logo-img{margin-top:16px;vertical-align:baseline}
.header-container-topbar{height:60px;line-height:60px}
/* Logo 右侧竖向分隔线 */
.header-container-left .navbar-brand.header-container-topbar{
	position:relative;
}
.header-container-left .navbar-brand.header-container-topbar::after{
	content:'';
	position:absolute;
	right:-1px;
	top:50%;
	width:1px;
	height:24px;
	background-color:rgba(37,99,235,.15);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
.header-container-left .et-diff-intro{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-flow:nowrap;-ms-flex-flow:nowrap;flex-flow:nowrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}
.header-container .nav-item{position:relative;display:inline-block;font-size:15px;color:#181818;padding:6px 10px;border-radius:6px;-webkit-transition:background-color .3s ease,color .3s ease;-o-transition:background-color .3s ease,color .3s ease;-moz-transition:background-color .3s ease,color .3s ease;transition:background-color .3s ease,color .3s ease}
.header-container .nav-item>span{color:#181818;-webkit-transition:color .3s;-o-transition:color .3s;-moz-transition:color .3s;transition:color .3s}
.header-container .nav-item:hover{background-color:rgba(37,99,235,.06)}
.header-container .nav-item:hover>a>span,.header-container .nav-item:hover>span{color:#0056ff}
.header-container .nav-item:hover .menu-arrow{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.header-container .nav-item .hot-new{color:#181818}
.header-container .nav-item .hot-new::after{content:"Hot";margin-left:2px;color:#ff69b4}
/* 导航项 hover 底部下划线：从中心向两侧展开（基于 nav-item 定位，不受 padding 影响） */
.header-container .nav-item::after{
	content:'';
	position:absolute;
	left:50%;
	bottom:0;
	width:0;
	height:2px;
	background:linear-gradient(90deg,#2563EB,#22D3EE);
	border-radius:1px;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
	-webkit-transition:width .3s cubic-bezier(.16,1,.3,1);
	-o-transition:width .3s cubic-bezier(.16,1,.3,1);
	-moz-transition:width .3s cubic-bezier(.16,1,.3,1);
	transition:width .3s cubic-bezier(.16,1,.3,1);
}
.header-container .nav-item:hover::after{width:60%}
.menu-arrow{display:inline-block;width:9px;height:5px;margin-left:.03rem;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform .4s,opacity .3s;-o-transition:-o-transform .4s,opacity .3s;-moz-transition:transform .4s,-moz-transform .4s,opacity .3s;transition:transform .4s,opacity .3s;vertical-align:middle;margin-top:-2px;opacity:.55}
.header-container .nav-item:hover .menu-arrow{opacity:1}
.nav-item .nav-topbar-dropdown-wrap{position:fixed;top: 60px;left:0;right:0;height:0;opacity:0;z-index:999;min-width:1020px;overflow-y:hidden;-webkit-transition:height .2s cubic-bezier(.215,.61,.355,1),opacity .2s cubic-bezier(.215,.61,.355,1);-o-transition:height .2s cubic-bezier(.215,.61,.355,1),opacity .2s cubic-bezier(.215,.61,.355,1);-moz-transition:height .2s cubic-bezier(.215,.61,.355,1),opacity .2s cubic-bezier(.215,.61,.355,1);transition:height .2s cubic-bezier(.215,.61,.355,1),opacity .2s cubic-bezier(.215,.61,.355,1);background-color:#fff;pointer-events:none;}
.header-container .nav-item a{color:#181818}
.header-container .nav-item:hover .nav-topbar-dropdown-wrap,
.header-container .nav-item:focus-within .nav-topbar-dropdown-wrap{pointer-events:auto;}
.header-container .nav-item:hover .second-nav-topbar-dropdown{opacity:1;height:560px;max-height:560px}
.header-container .nav-item:hover .third-nav-topbar-dropdown{opacity:1;height:428px;max-height:428px}
.header-container .nav-item:hover .sixth-nav-topbar-dropdown{opacity:1;height:460px;max-height:460px}
.header-container .nav-item:hover .eigth-nav-topbar-dropdown{opacity:1;height:310px;max-height:310px}
.nav-item .nav-topbar-dropdown{color:#1b2226;height:100%;z-index:1;margin:0;padding-top:0;}
/* 覆盖 Bootstrap .container 限宽居中，让产品面板撑满全宽 */
.nav-item .nav-topbar-dropdown.container{max-width:none;width:100%;margin:0;padding:0}
.header-container-right{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.header-container-right .bor-link{padding:8px 18px;border-radius:3px;-webkit-transition:background-color .2s;-o-transition:background-color .2s;-moz-transition:background-color .2s;transition:background-color .2s}
.header-container-right .bor-link.et-trial{border:1px solid #0056ff;color:#0056ff;background-color:#fff}
.header-container-right .bor-link.et-trial:hover{background-color:#047ad414}
.header-container-right .bor-link.et-demonstract{color:#fff;background-color:#0056ff;margin-left: 12px;}
.header-container-right .bor-link.et-demonstract:hover{background-color:#047ad4}
.nav-item .nav-topbar-dropdown>h2{padding:15px 0;text-align:left;font-size:17px;font-weight:500}
.nav-item .product-title{color:#152235;font-size:16px}
.nav-item .bor-block-product-container{float:right;display:inline-block;width:83%;height:auto;color:#0a0a0a;vertical-align:top;margin-top:.6rem}
.nav-item .bor-block-product-container .product-detail{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content: flex-start;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content: flex-start;-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-top: 20px;}
.nav-item .bor-block-product-container .product-detail .bor-product-menu-second-wrap{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;padding-right:.2rem;max-width: 25%;padding-left: 10px;padding-right: 10px;}
.nav-item .product-detail .bor-product-menu-second-wrap .product-menu-item-title{display:inline-block;width:55%;line-height:normal;font-size:15px;color:#818b99;font-weight:400;vertical-align:middle;margin-bottom:0}
.nav-item .product-detail .bor-product-menu-second-wrap>hr{width:90%;color:#87a0be;opacity:.36;margin:10px 0}
.nav-item .product-detail .bor-product-menu-second-wrap .product-menu-item{display:block;color:#87a0be;line-height:60px;cursor:default;margin:10px 0}
.nav-item .product-detail .bor-product-menu-second-wrap .product-menu-item .menu-item-wrap{padding-left:.1rem;margin-left:-.1rem;border-radius:3px}
.nav-item .product-detail .bor-product-menu-second-wrap .product-menu-item:nth-of-type(1){margin-top:0}
.nav-item .product-detail .bor-product-menu-second-wrap .menu-item-wrap:hover .menu-primary .menu-title{color:#047ad4}
.nav-item .product-detail .bor-product-menu-second-wrap .menu-item-wrap:hover .menu-primary .menu-info{color:#152235}
.nav-item .product-detail .bor-product-menu-second-wrap .menu-item-wrap:hover .menu-img{background-color:#d0e2f4}
.nav-item .product-detail .bor-product-menu-second-wrap .product-menu-item .menu-img{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:50px;height:50px;background-color:#ebf3ff;border-radius:2px;vertical-align:middle;-webkit-transition:background-color .3s;-o-transition:background-color .3s;-moz-transition:background-color .3s;transition:background-color .3s}
.nav-item .product-detail .bor-product-menu-second-wrap .product-menu-item .menu-img .img{width:54%}
.nav-item .product-detail .bor-product-menu-second-wrap .product-menu-item .menu-primary{display:inline-block;vertical-align:middle;margin-left:.05rem}
.nav-item .product-detail .bor-product-menu-second-wrap .product-menu-item .menu-primary>span{display:block;line-height:normal}
.nav-item .product-detail .bor-product-menu-second-wrap .product-menu-item .menu-title{font-size:16px;color:#152235}
.nav-item .product-detail .bor-product-menu-second-wrap .product-menu-item .menu-info{font-size:13px;color:#727c8e;margin-top:.05rem;overflow: hidden;white-space:nowrap;
    /*脙娄芒鈧€溍⑩偓隆脙楼脗颅芒鈧€澝兟偮睹⑩偓娄脙楼芒鈧∶偮好兟ッ偮偮矫兟ッ偮好偮γ兟ッ嬧€犆⑩€灺⒚兟γ嬇撁偮久兟偮っ偮篹llipsis脙搂脜鈥溍偮伱兟⑩偓垄脗楼脙楼脗聫脗路*/text-overflow:ellipsis;width:100%;}
.nav-item .bor-block-product-container .product-version>img{width:7px;vertical-align:middle;margin-left:14px}
.nav-item .bor-block-product-container .product-version>span{color:#87a0be;vertical-align:middle}
.nav-item .bor-block-product-container .product-version>.iconmenu-arrow{font-size:12px;color:#dde1e4;margin-left:.2rem}
.nav-item .bor-block-product-type{float:left;width: 15%;height:100%;border-right:2px solid #f5f5f5;font-size:14px;text-align:left;margin-top:25px;}
.nav-item .bor-block-product-type .product-type-item{width:100%;color:#152235;line-height:normal}
.nav-item .bor-block-product-type .product-type-item a{display:block;font-size:16px;color:#152235;margin-bottom: 10px;padding: 10px;margin-right: 10px;transition: all .3s;}
.nav-item .bor-block-product-type .product-function{white-space:normal}
.nav-item .bor-block-product-type .product-function a{display:inline-block;width:45%}
.solution-nav-topbar .product-title{margin-top:.4rem}
.container-top{margin-top:24px}
.nav-topbar-dropdown .all-menu-container .second-menu-inner-wrap.scene-menu{width:26%}
.second-menu-inner-wrap{display:inline-block;width:14%;margin-right:.6rem;vertical-align:top}
.second-menu-inner-wrap>hr{color:#87a0be;opacity:.36;margin:10px 0}
.second-menu-inner-wrap .second-menu-title{line-height:normal;font-size:15px;color:#818b99}
.second-menu-inner-wrap .menu-title{display:inline-block;color:#152235;font-size:15px}
.second-menu-inner-wrap .third-menu-item-wrap{line-height:45px}
.second-menu-inner-wrap .third-menu-item-wrap .between-item{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.second-menu-inner-wrap .third-menu-item-wrap .between-item .econ::after{content:"";padding:2px 4px;background-color:#fffae5;color:#f93;font-size:12px;margin-left:.03rem}
.menu-icon{display:none;position:relative;height:48px;width:48px;vertical-align:middle;overflow:hidden;margin-top:-2px;text-indent:100%;white-space:nowrap;color:transparent}
.menu-icon .nav-trigger{position:absolute;left:50%;top:50%;bottom:auto;right:auto;background-color:#404040;height:2px;width:24px;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:background-color .2s;-o-transition:background-color .2s;-moz-transition:background-color .2s;transition:background-color .2s}
.menu-icon .nav-trigger:after,.menu-icon .nav-trigger:before{position:absolute;background-color:#404040;height:2px;width:24px;content:"";left:0;transition:-webkit-transform .2s;-webkit-transition:-webkit-transform .2s;-o-transition:transform .2s;-o-transition:-o-transform .2s;-moz-transition:transform .2s,-moz-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s,-moz-transform .2s,-o-transform .2s;transition:transform .2s,-webkit-transform .2s,-moz-transform .2s,-o-transform .2s;transition:transform .2s,-webkit-transform .2s,-moz-transform .2s,-o-transform .2s;transition:transform .2s,-webkit-transform .2s}
.menu-icon .nav-trigger:before{-webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);-moz-transform:translateY(-8px);-o-transform:translateY(-8px);transform:translateY(-8px)}
.menu-icon .nav-trigger:after{-webkit-transform:translateY(8px);-ms-transform:translateY(8px);-moz-transform:translateY(8px);-o-transform:translateY(8px);transform:translateY(8px)}
.menu-icon.active .nav-trigger{background-color:transparent}
.menu-icon.active .nav-trigger:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.menu-icon.active .nav-trigger:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.header-container-wrap .nav-side-menu{display:none;position:fixed;top:60px;bottom:0;left:0;width:100%;z-index:399;overflow:hidden;background-color:rgba(55,61,65,.4)}
.header-container-wrap .dropdown-wrap{position:absolute;top:0;width:100%;height:100%;left:100%;z-index:399;opacity:1}
.nav-side-menu.show{-webkit-animation:showSide .5s;-moz-animation:showSide .5s;-o-animation:showSide .5s;animation:showSide .5s;opacity:1}
.nav-side-menu.hide{-webkit-animation:hideSide .5s;-moz-animation:hideSide .5s;-o-animation:hideSide .5s;animation:hideSide .5s;opacity:0}
.nav-side-menu.show .dropdown-wrap{-webkit-animation:showMove .5s;-moz-animation:showMove .5s;-o-animation:showMove .5s;animation:showMove .5s;left:0}
.nav-side-menu.hide .dropdown-wrap{-webkit-animation:hideMove .5s;-moz-animation:hideMove .5s;-o-animation:hideMove .5s;animation:hideMove .5s;left:100%}
.header-container-wrap .dropdown-wrap .bor-dropdown-content{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;position:relative;height:100%;overflow:auto;background-color:#fff}
.header-container-wrap .dropdown-wrap .bor-dropdown-content .nav-p-menu{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:self-start;-webkit-align-items:self-start;-moz-box-align:self-start;-ms-flex-align:self-start;align-items:self-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:140px;background-color:#f2f4f7;padding-left:10px;padding-right: 10px;padding-bottom:40px;}
.dropdown-wrap .bor-dropdown-content .nav-p-menu .nav-p-t{width:100%}
.header-container-wrap .dropdown-wrap .bor-dropdown-content .nav-p-menu .nav-p-t-item{width:100%;padding:14px 0;color:#181818;border-bottom:1px solid #e0e0e0}
.dropdown-wrap .bor-dropdown-content .nav-p-menu .nav-p-t-item.active{color:#0056ff}
.dropdown-wrap .bor-dropdown-content .nav-p-menu .nav-p-t ul{list-style:none;padding:0}
.dropdown-wrap .bor-dropdown-content .nav-p-menu .nav-p-f{width:100%}
.dropdown-wrap .bor-dropdown-content .nav-p-menu .nav-p-f .nav-p-b-item{display:block;padding:8px 0;color:#787979;position:relative}
.dropdown-wrap .bor-dropdown-content .nav-p-menu .nav-p-f .nav-p-b-item:after{content:"";position:absolute;right: 15px;top:15px;width:12px;height:5px;background-image:url(../img/page/icon-link.svg);}
.header-container-wrap .dropdown-wrap .bor-dropdown-content .nav-p-container{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;padding:10px 0 10px 15px;overflow:auto}
.header-container-wrap .dropdown-wrap .bor-dropdown-content .nav-p-container .nav-p-t-main{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;color:#272727}
.header-container-wrap .dropdown-wrap .bor-dropdown-content .nav-p-container .nav-p-t-main.active{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.header-container-wrap .dropdown-wrap .bor-dropdown-content .nav-p-container .nav-p-t-main .main-first-title{display:block;width:100%;font-size:16px;border-bottom:1px solid #ececec;line-height:42px}
.header-container-wrap .dropdown-wrap .bor-dropdown-content .nav-p-container .nav-p-t-main .main-second-item,.header-container-wrap .dropdown-wrap .bor-dropdown-content .nav-p-container .nav-p-t-main>a{width:100%;padding-right:20px}
.header-container-wrap .dropdown-wrap .bor-dropdown-content .nav-p-container .nav-p-t-main .main-second-item>a{display:block;width:100%;font-size:16px;color:#272727;margin-top:11px}
.header-container-wrap .dropdown-wrap .bor-dropdown-content .nav-p-container .nav-p-t-main .main-second-item>a>span{display:block;font-size:14px;color:#6f7786;margin-top:18px}
.header-container-wrap .dropdown-wrap .bor-dropdown-content .nav-p-container .nav-p-t-main .main-second-item>a>span::after{content:"";width:6px;height:12px;background:url(../../images/lanyun/icon/icon-arrow-right.svg) no-repeat right/cover;float:right}
.banner .banner-container{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;height:350px}
.banner .banner-container .banner-text-wrap{color:#fff;max-width:1140px}
.banner .banner-container .banner-text-wrap .banner-text{text-align:center;color:#fff}
.banner .banner-container .banner-text-wrap .banner-text .pOne{font-size:59px;margin-bottom:30px}
.banner .banner-container .banner-text-wrap .banner-text .pTwo{font-size:18px;margin-top:29px;line-height:33px}
.version{padding:68px;text-align:center}
.version .version-title{text-align:center;font-size:32px;color:#17214c;font-weight:400;margin-bottom:65px}
.version .ver-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;max-width:1180px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto 55px;text-align:left}
.version .ver-wrap .version-container{position:relative;width:556px;max-width:556px;margin:0 6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:42px 38px 80px;flex-shrink:1;background-color:#fff;-webkit-box-shadow:3px 3px 5px rgba(165,165,165,.35);box-shadow:3px 3px 5px rgba(165,165,165,.35)}
.version .ver-wrap .version-container>h3{color:#307fe2;font-size:40px;font-weight:400;text-align:center;margin-bottom:58px}
.version .ver-wrap .version-container>h4{color:#212121;font-size:18px;font-weight:400;text-align:left;margin-bottom:29px}
.version .ver-wrap .version-container>p{color:#5a5a66;font-size:14px;margin-bottom:5px}
.version .ver-wrap .version-container .major-function{background-color:#f5fbff;padding:21px 18px;height:230px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:30px;text-align:left}
.version .ver-wrap .version-container .major-function h5{font-size:14px;color:#191919;margin-bottom:23px}
.version .ver-wrap .version-container .major-function li{font-size:14px;color:#5a5a66;margin:14px 0}
.version .ver-wrap .version-container .major-function li::before{content:"";display:inline-block;width:15px;height:15px;margin-right:8px;background:url(../../images/lanyun/icon/icon-tick-bg.svg) no-repeat center/cover;vertical-align:middle}
.version .ver-wrap .version-container .contact-btn{width:100%;margin-top:47px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding:0 35px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.version .ver-wrap .version-container .contact-btn a{width:45%;display:inline-block;font-size:18px;padding:10px 0;text-align:center}
.version .ver-wrap .version-container .contact-btn .try{background-color:#307fe2;color:#fff;-webkit-transition:background-color .3s,color .3s;-o-transition:background-color .3s,color .3s;-moz-transition:background-color .3s,color .3s;transition:background-color .3s,color .3s}
.version .ver-wrap .version-container .contact-btn .ask{border:1px solid #307fe2;color:#307fe2;-webkit-transition:background-color .3s;-o-transition:background-color .3s;-moz-transition:background-color .3s;transition:background-color .3s}
.version .ver-wrap .version-container .contact-btn .try:hover{background-color:#4baaea}
.version .ver-wrap .version-container .contact-btn .ask:hover{border:1px solid #4baaea;background-color:#e6f4fd}
.version .version-free{position:absolute;top:-2px;left:5%;display:block;width:50px}
.fire-icon{display:inline-block;width:9px;height:11px;margin-left:4px}
.arrow-right{display:inline-block;width:6px;line-height:10px}
@-webkit-keyframes showSide{0%{opacity:0;display:block}
100%{opacity:1}
}
@-moz-keyframes showSide{0%{opacity:0;display:block}
100%{opacity:1}
}
@-o-keyframes showSide{0%{opacity:0;display:block}
100%{opacity:1}
}
@keyframes showSide{0%{opacity:0;display:block}
100%{opacity:1}
}
@-webkit-keyframes hideSide{0%{opacity:1}
100%{opacity:0;display:none}
}
@-moz-keyframes hideSide{0%{opacity:1}
100%{opacity:0;display:none}
}
@-o-keyframes hideSide{0%{opacity:1}
100%{opacity:0;display:none}
}
@keyframes hideSide{0%{opacity:1}
100%{opacity:0;display:none}
}
@-webkit-keyframes showMove{0%{left:100%}
100%{left:0}
}
@-moz-keyframes showMove{0%{left:100%}
100%{left:0}
}
@-o-keyframes showMove{0%{left:100%}
100%{left:0}
}
@keyframes showMove{0%{left:100%}
100%{left:0}
}
@-webkit-keyframes hideMove{0%{left:0}
100%{left:100%}
}
@-moz-keyframes hideMove{0%{left:0}
100%{left:100%}
}
@-o-keyframes hideMove{0%{left:0}
100%{left:100%}
}
@keyframes hideMove{0%{left:0}
100%{left:100%}
}
.home-customer{text-align:center}
.home-customer .customer-logo{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:56px;margin-bottom:60px}
.home-customer .customer-logo>a{display:inline-block;-webkit-box-flex:0;-webkit-flex:0 1 25%;-moz-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%}
.home-customer .customer-logo .logo{display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-box;display:inline-flex;width:96%;margin:8px 0;border:1px solid #ededed;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}
.home-customer .customer-logo .logo img{display:inline-block;width:100%}
.area-section{padding-top:64px;padding-bottom:64px;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.area-section .title{font-size:32px;color:#1b1c1c;font-weight:400;margin-bottom:12px}
.area-section .title2{font-size:16px;font-weight:400;color:#777;max-width:850px;margin:0 auto 40px}
.area-section .carousel-item{width:1144px}
.button{display:inline-block;border-radius:3px;text-align:center;-webkit-transition:background-position .3s ease-in-out;-o-transition:background-position .3s ease-in-out;-moz-transition:background-position .3s ease-in-out;transition:background-position .3s ease-in-out}
.button__left{margin-left:30px}
.button__right{margin-right:30px}
.button__normal{width:166px;height:46px;font-size:18px;line-height:46px}
.button__large{width:190px;height:49px;font-size:18px;line-height:49px}
.button.button-theme__blue{color:#fff;background-image:-webkit-linear-gradient(340deg,#1c96ff,#06f,#a72dda);background-image:-moz-linear-gradient(340deg,#1c96ff,#06f,#a72dda);background-image:-o-linear-gradient(340deg,#1c96ff,#06f,#a72dda);background-image:linear-gradient(110deg,#1c96ff,#06f,#a72dda);-o-background-size:200%;background-size:200%}
.button-theme__blue:hover{background-position:100% 20%}
.button.button-theme__white{background-image:-webkit-linear-gradient(330deg,#ffe5e5,#d8ffec,#bbefe0,#ffb87a);background-image:-moz-linear-gradient(330deg,#ffe5e5,#d8ffec,#bbefe0,#ffb87a);background-image:-o-linear-gradient(330deg,#ffe5e5,#d8ffec,#bbefe0,#ffb87a);background-image:linear-gradient(120deg,#ffe5e5,#d8ffec,#bbefe0,#ffb87a);color:#047ad4;-o-background-size:300%;background-size:300%;-webkit-transition:background-position .3s ease-in-out,color .3s ease-in-out;-o-transition:background-position .3s ease-in-out,color .3s ease-in-out;-moz-transition:background-position .3s ease-in-out,color .3s ease-in-out;transition:background-position .3s ease-in-out,color .3s ease-in-out}
.button-theme__white:hover{color:#fff;background-position:100% 19%}
.button.button-theme__orange{position:relative;border:1px solid #047ad4;background-image:-webkit-linear-gradient(135deg,#f9bb30 0,#ff890d 74%);background-image:-moz-linear-gradient(135deg,#f9bb30 0,#ff890d 74%);background-image:-o-linear-gradient(135deg,#f9bb30 0,#ff890d 74%);background-image:linear-gradient(315deg,#f9bb30 0,#ff890d 74%)}
.button.button-theme__orange:hover{background-image:-webkit-linear-gradient(135deg,#ffc74a 0,#ff9b33 74%);background-image:-moz-linear-gradient(135deg,#ffc74a 0,#ff9b33 74%);background-image:-o-linear-gradient(135deg,#ffc74a 0,#ff9b33 74%);background-image:linear-gradient(315deg,#ffc74a 0,#ff9b33 74%)}
.button.button-theme__white2{border:1px solid #047ad4;background-color:#fff;color:#047ad4;-webkit-transition:color .3s,background-color .3s;-o-transition:color .3s,background-color .3s;-moz-transition:color .3s,background-color .3s;transition:color .3s,background-color .3s}
.button-theme__white2:hover{color:#fff;background-color:#c5e8ff4a}
.button-theme__white.color__black:hover,.button-theme__white2.color__black:hover{color:#fff}
.button.button-theme__transparent{border:1px solid #fff;background-color:transparent;-webkit-transition:background-color .3s;-o-transition:background-color .3s;-moz-transition:background-color .3s;transition:background-color .3s}
.button.button-theme__transparent:hover{background-color:#56ade84a}
.button.color__black{color:#232d5d}
.waves{position:relative;cursor:pointer;display:inline-block;overflow:hidden;text-align:center;-webkit-tap-highlight-color:transparent;z-index:1}
.waves .waves-animation{position:absolute;border-radius:50%;width:25px;height:25px;opacity:0;background:rgba(255,255,255,.3);-webkit-transition:all .7s ease-out;-o-transition:all .7s ease-out;-moz-transition:all .7s ease-out;transition:all .7s ease-out;transition-property:transform,opacity,-webkit-transform;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);pointer-events:none}
@media screen and (min-width:770px){body{min-width:1020px}
::-webkit-scrollbar{width:7px;height:7px;background-color:#f5f5f5}
::-webkit-scrollbar-track{border-radius:10px;background-color:#f5f5f5}
::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.1);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:#c8c8c8}
}
@media screen and (max-width:1100px){.menu-arrow{display:none}
}
@media screen and (min-width:770px) and (max-width:1200px){.bor-header-container-top{min-width:1020px}
.header-container .nav-item:hover .second-nav-topbar-dropdown{height:560px;max-height:560px}
.nav-item .product-detail .bor-product-menu-second-wrap>hr{margin:6px 0}
.nav-topbar-dropdown .all-menu-container .second-menu-inner-wrap.scene-menu{min-width:245px}
.header-container .nav-item:hover .eigth-nav-topbar-dropdown{height:280px;max-height:280px}
}
/* 移动端响应式 */
@media screen and (max-width:770px){
  /* 基础移动端样式 */
  .header-container{background-color:#fff}
  .header-container .bor-link{display:none}
  .header-container-left .et-diff-intro{display:none}
  .header-container-right .menu-icon{display:inline-block}
  .pc-footer{display:none}
  #footer{display:block}

  /* 移动端禁用 transform 动画，避免 fixed 宽度计算错误 */
  .header-container-wrap{
    -webkit-animation:none !important;
    -moz-animation:none !important;
    -o-animation:none !important;
    animation:none !important;
    -webkit-transform:none !important;
    -moz-transform:none !important;
    -ms-transform:none !important;
    -o-transform:none !important;
    transform:none !important;
    width:100% !important;
    max-width:100vw !important;
    left:0 !important;
    right:0 !important;
  }
  .bor-header-container-top{
    width:100% !important;
    max-width:100vw !important;
    margin:0 !important;
    padding:0 12px !important;
    box-sizing:border-box !important;
    flex-wrap:nowrap !important;
  }
  .header-container-left{
    flex:0 1 auto !important;
    max-width:60% !important;
  }
  .header-container-right{
    flex:0 0 auto !important;
    max-width:40% !important;
    justify-content:flex-end !important;
  }

  /* 修复移动端侧边菜单与顶栏之间的间隔 */
  .header-container{
    height:60px !important;
    line-height:60px !important;
    box-shadow:none !important;
    -webkit-box-shadow:none !important;
  }
  .bor-header-container-top{
    height:60px !important;
    line-height:60px !important;
  }
  .header-container-wrap .nav-side-menu{
    top:60px !important;
    margin-top:0 !important;
    padding-top:0 !important;
    border-top:none !important;
    background-color:rgba(0,0,0,.3);
  }
  .header-container-wrap .dropdown-wrap{
    top:0 !important;
    margin-top:0 !important;
  }
  .header-container-wrap .dropdown-wrap .bor-dropdown-content{
    margin-top:0 !important;
    padding-top:0 !important;
    border-top:none !important;
  }

  .version{padding:50px 12px}
  .version .version-title{font-size:28px}
  .version .ver-wrap{text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-flow:column;flex-flow:column;min-width:auto;margin-bottom:0}
  .version .ver-wrap .version-container{width:90%;padding:40px 18px;text-align:left;margin:0 auto 30px;-webkit-box-shadow:3px 3px 10px rgb(165 165 165 / 10%);box-shadow:3px 3px 10px rgb(165 165 165 / 10%)}
  .version .ver-wrap .version-container>h3{font-size:28px;margin-bottom:20px}
  .version .ver-wrap .version-container>h4{font-size:16px;margin-bottom:16px}
  .version .ver-wrap .version-container .major-function{margin-top:20px}
  .version .ver-wrap .version-container .contact-btn{margin-top:30px;padding-left:0;padding-right:0;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}
  .version .ver-wrap .version-container .contact-btn a{font-size:16px}
  .home-customer .customer-logo>a{-webkit-box-flex:0;-webkit-flex:0 1 33%;-moz-box-flex:0;-ms-flex:0 1 33%;flex:0 1 33%}
  .home-customer .customer-logo .logo{width:94%;height:auto}
  .home-customer .customer-logo .logo img{width:100%}
  .home-customer .customer-logo{margin-bottom:32px;margin-top:40px}
  .area-section{padding-top:50px;padding-bottom:50px}
  .area-section .title{font-size:28px}
  .button__normal{width:120px;height:40px;font-size:17px;line-height:40px}
  .button__large{width:146px;height:50px;font-size:18px;line-height:50px}
}
.header-container-wrap a{text-decoration:none!important}
.solution-menu-main{margin-top:30px}
.main-menu-title{position:relative;padding-left:18px;font-size:18px;font-weight:400;margin-bottom:10px}
.main-menu-title:before{content:" ";position:absolute;left:0;top:50%;margin-top:-10px;display:block;height:20px;width:4px;background:#0056ff}
.solution-item{margin-top:10px;line-height:unset;border:1px solid #e6e9f0;transition:all .1s}
.solution-item .nav-item-name{padding-left:20px}
.solution-item:hover{border:1px solid #0056ff;color:#0056ff;cursor:pointer}
.solution-menu-box-body{margin-bottom:20px}
.product-menu-item-box{margin-top:10px;line-height:unset;border:1px solid #e6e9f0;transition:all .1s;display:block;padding:12px 20px;max-width: 227px;}
.product-menu-item-box .menu-title{width:100%;display:block;line-height:normal;margin-bottom:5px}
.product-menu-item-box .menu-info{width:100%;display:block;line-height:normal}
.product-menu-item-box:hover{border: 1px solid #0056ff;color: #0056ff;cursor:pointer;}
.product-menu-item-box:hover .menu-info,.product-menu-item-box:hover .menu-title{color: #0056ff!important;}


.nav-item .bor-block-product-type .product-type-item a.active {
    border-radius: 8px;
    color: #0052d9;
    background-color: #0052d914 !important;
    padding: 10px;
    margin-right: 10px;
}

/* ============================================
   顶栏精修 · Refined Industrial-Tech Header
   ============================================ */
:root{
  --nav-bg-1:rgba(255,255,255,.92);
  --nav-bg-2:rgba(255,255,255,.82);
  --nav-ink:#0F172A;
  --nav-ink-soft:#475569;
  --nav-primary:#2563EB;
  --nav-accent:#22D3EE;
  --nav-line:rgba(15,23,42,.06);
  --nav-mono:'JetBrains Mono','SF Mono','Cascadia Code',Menlo,Consolas,monospace;
  --nav-sans:'Noto Sans SC',-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;
}

/* 入场：顶栏自顶部滑下 */
.header-container-wrap{
  -webkit-animation:headerSlideIn .75s cubic-bezier(.16,1,.3,1) both;
  -moz-animation:headerSlideIn .75s cubic-bezier(.16,1,.3,1) both;
  -o-animation:headerSlideIn .75s cubic-bezier(.16,1,.3,1) both;
  animation:headerSlideIn .75s cubic-bezier(.16,1,.3,1) both;
}
@-webkit-keyframes headerSlideIn{from{-webkit-transform:translateY(-100%);opacity:0}to{-webkit-transform:translateY(0);opacity:1}}
@-moz-keyframes headerSlideIn{from{-moz-transform:translateY(-100%);opacity:0}to{-moz-transform:translateY(0);opacity:1}}
@-o-keyframes headerSlideIn{from{-o-transform:translateY(-100%);opacity:0}to{-o-transform:translateY(0);opacity:1}}
@keyframes headerSlideIn{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}

@keyframes searchBtnPulse{
  0%,100%{-webkit-box-shadow:0 0 0 0 rgba(37,99,235,.45);box-shadow:0 0 0 0 rgba(37,99,235,.45)}
  50%{-webkit-box-shadow:0 0 0 6px rgba(37,99,235,0);box-shadow:0 0 0 6px rgba(37,99,235,0)}
}
@-webkit-keyframes searchBtnPulse{
  0%,100%{-webkit-box-shadow:0 0 0 0 rgba(37,99,235,.45);box-shadow:0 0 0 0 rgba(37,99,235,.45)}
  50%{-webkit-box-shadow:0 0 0 6px rgba(37,99,235,0);box-shadow:0 0 0 6px rgba(37,99,235,0)}
}

/* 磨砂玻璃 + 微妙渐变 */
.header-container{
  background:linear-gradient(180deg,var(--nav-bg-1) 0%,var(--nav-bg-2) 100%);
  -webkit-backdrop-filter:blur(16px) saturate(180%);
  backdrop-filter:blur(16px) saturate(180%);
  border-bottom:1px solid var(--nav-line);
  box-shadow:0 1px 0 rgba(15,23,42,.03),0 12px 32px -18px rgba(15,23,42,.22);
}
.header-container:hover{
  background:linear-gradient(180deg,#ffffff 0%,rgba(255,255,255,.95) 100%);
}
.header-container.white{background:#fff}

/* 顶部流光强调线 */
.header-container::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:2px;
  background:linear-gradient(90deg,var(--nav-primary) 0%,var(--nav-accent) 50%,var(--nav-primary) 100%);
  background-size:200% 100%;
  -webkit-animation:accentShift 7s linear infinite;
  -o-animation:accentShift 7s linear infinite;
  -moz-animation:accentShift 7s linear infinite;
  animation:accentShift 7s linear infinite;
  z-index:2;
  pointer-events:none;
}
@-webkit-keyframes accentShift{0%{background-position:0 0}100%{background-position:200% 0}}
@-moz-keyframes accentShift{0%{background-position:0 0}100%{background-position:200% 0}}
@-o-keyframes accentShift{0%{background-position:0 0}100%{background-position:200% 0}}
@keyframes accentShift{0%{background-position:0 0}100%{background-position:200% 0}}

/* logo 与导航紧贴左端：取消分隔线间距 */
.header-container-left .et-diff-intro{
  padding-left:0;
}
/* 顶栏内容贴页面左端（取消 container 居中限宽） */
.header-container-wrap .bor-header-container-top.container{
  max-width:none;
  margin:0;
  padding:0 24px;
}

/* 导航项：克制间距 + 字重 */
.header-container .nav-item{
  font-family:var(--nav-sans);
  font-size:14px;
  font-weight:500;
  letter-spacing:.02em;
  padding:0 16px;
  color:var(--nav-ink);
}
.header-container .nav-item a{color:inherit}
.header-container .nav-item>span,
.header-container .nav-item>a>span{
  color:var(--nav-ink);
  -webkit-transition:color .3s ease;
  -o-transition:color .3s ease;
  -moz-transition:color .3s ease;
  transition:color .3s ease;
}

/* hover 文字变色（下划线已移至 .nav-item::after，避免 padding 干扰） */
.header-container .nav-item:hover>a>span,
.header-container .nav-item:hover>span,
.header-container .nav-item:hover .cursor{color:var(--nav-primary)}

/* 下拉面板：更克制的阴影 + 顶部细线 */
.nav-item .nav-topbar-dropdown-wrap{
  background-color:#fff;
  border-top:1px solid rgba(15,23,42,.04);
  box-shadow:0 24px 60px -24px rgba(15,23,42,.22);
}

/* 登录 / 注册按钮 */
.header-container-right .bor-link{
  padding:8px 20px;
  border-radius:8px;
  font-family:var(--nav-sans);
  font-size:13px;
  font-weight:500;
  letter-spacing:.02em;
  -webkit-transition:all .28s cubic-bezier(.16,1,.3,1);
  -o-transition:all .28s cubic-bezier(.16,1,.3,1);
  -moz-transition:all .28s cubic-bezier(.16,1,.3,1);
  transition:all .28s cubic-bezier(.16,1,.3,1);
}
.header-container-right .bor-link.et-trial{
  border:1px solid rgba(37,99,235,.35);
  color:var(--nav-primary);
  background:rgba(37,99,235,.04);
  display:inline-flex;
  align-items:center;
}
.header-container-right .bor-link.et-trial::after{
  content:'';
  display:inline-block;
  width:0;
  height:9px;
  margin-left:0;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 9 9'%3E%3Cpath d='M1 4.5H8M5 1.5L8 4.5L5 7.5' fill='none' stroke='%232563EB' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center;
  -webkit-transition:width .3s cubic-bezier(.16,1,.3,1),margin-left .3s cubic-bezier(.16,1,.3,1);
  -o-transition:width .3s cubic-bezier(.16,1,.3,1),margin-left .3s cubic-bezier(.16,1,.3,1);
  -moz-transition:width .3s cubic-bezier(.16,1,.3,1),margin-left .3s cubic-bezier(.16,1,.3,1);
  transition:width .3s cubic-bezier(.16,1,.3,1),margin-left .3s cubic-bezier(.16,1,.3,1);
}
.header-container-right .bor-link.et-trial:hover{
  background:rgba(37,99,235,.1);
  border-color:rgba(37,99,235,.6);
  -webkit-transform:translateY(-1px);
  -moz-transform:translateY(-1px);
  -ms-transform:translateY(-1px);
  -o-transform:translateY(-1px);
  transform:translateY(-1px);
}
.header-container-right .bor-link.et-trial:hover::after{
  width:11px;
  margin-left:6px;
}
.header-container-right .bor-link.et-demonstract{
  color:#fff;
  background:linear-gradient(135deg,#2563EB 0%,#1D4ED8 100%);
  margin-left:10px;
  -webkit-box-shadow:0 6px 18px -6px rgba(37,99,235,.55);
  box-shadow:0 6px 18px -6px rgba(37,99,235,.55);
  position:relative;
  overflow:hidden;
}
.header-container-right .bor-link.et-demonstract .btn-shine{
  position:absolute;
  top:0;
  left:-60%;
  width:50%;
  height:100%;
  background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);
  -webkit-transform:skewX(-20deg);
  -moz-transform:skewX(-20deg);
  -ms-transform:skewX(-20deg);
  -o-transform:skewX(-20deg);
  transform:skewX(-20deg);
  pointer-events:none;
  -webkit-animation:navBtnShine 8s ease-in-out infinite;
  -moz-animation:navBtnShine 8s ease-in-out infinite;
  -o-animation:navBtnShine 8s ease-in-out infinite;
  animation:navBtnShine 8s ease-in-out infinite;
}
@keyframes navBtnShine{
  0%{left:-60%}
  20%{left:120%}
  100%{left:120%}
}
.header-container-right .bor-link.et-demonstract:hover{
  -webkit-transform:translateY(-1px);
  -moz-transform:translateY(-1px);
  -ms-transform:translateY(-1px);
  -o-transform:translateY(-1px);
  transform:translateY(-1px);
  -webkit-box-shadow:0 8px 24px -6px rgba(37,99,235,.7);
  box-shadow:0 8px 24px -6px rgba(37,99,235,.7);
  background:linear-gradient(135deg,#3B82F6 0%,#2563EB 100%);
}
/* ============================================
   用户信息下拉菜单 · User Dropdown
   ============================================ */
.header-container-right .user-info-row{
  position:relative;
  display:inline-flex;
  align-items:center;
  margin-left:10px;
  cursor:pointer;
}
.header-container-right .user-greeting{
  display:inline-flex;
  align-items:center;
  padding:6px 12px;
  border-radius:6px;
  font-size:13px;
  color:#334155;
  background:rgba(37,99,235,.04);
  border:1px solid rgba(37,99,235,.35);
  -webkit-transition:all .28s cubic-bezier(.16,1,.3,1);
  -o-transition:all .28s cubic-bezier(.16,1,.3,1);
  -moz-transition:all .28s cubic-bezier(.16,1,.3,1);
  transition:all .28s cubic-bezier(.16,1,.3,1);
}
.header-container-right .user-greeting .waves-span{
  color:var(--nav-primary);
  font-weight:600;
  max-width:90px;
  overflow:hidden;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis;
  white-space:nowrap;
  display:inline-block;
  vertical-align:middle;
}
.header-container-right .user-greeting .user-caret{
  width:8px;
  height:5px;
  margin-left:5px;
  -webkit-transition:-webkit-transform .3s cubic-bezier(.16,1,.3,1);
  transition:transform .3s cubic-bezier(.16,1,.3,1);
}
.header-container-right .user-info-row:hover .user-greeting{
  background:rgba(37,99,235,.1);
  border-color:rgba(37,99,235,.6);
  -webkit-transform:translateY(-1px);
  -moz-transform:translateY(-1px);
  -ms-transform:translateY(-1px);
  -o-transform:translateY(-1px);
  transform:translateY(-1px);
}
.header-container-right .user-info-row:hover .user-caret{
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  transform:rotate(180deg);
}

/* 下拉面板外壳 */
.header-container-right .user-dropdown{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  min-width:220px;
  background:#fff;
  border-radius:14px;
  -webkit-box-shadow:0 16px 48px rgba(15,23,42,.14),0 2px 8px rgba(15,23,42,.06);
  box-shadow:0 16px 48px rgba(15,23,42,.14),0 2px 8px rgba(15,23,42,.06);
  border:1px solid rgba(37,99,235,.08);
  padding:0;
  opacity:0;
  visibility:hidden;
  -webkit-transform:translateY(-10px) scale(.96);
  -moz-transform:translateY(-10px) scale(.96);
  -ms-transform:translateY(-10px) scale(.96);
  -o-transform:translateY(-10px) scale(.96);
  transform:translateY(-10px) scale(.96);
  -webkit-transform-origin:top right;
  -moz-transform-origin:top right;
  -ms-transform-origin:top right;
  -o-transform-origin:top right;
  transform-origin:top right;
  -webkit-transition:opacity .22s ease,-webkit-transform .28s cubic-bezier(.16,1,.3,1),visibility .22s;
  -o-transition:opacity .22s ease,transform .28s cubic-bezier(.16,1,.3,1),visibility .22s;
  -moz-transition:opacity .22s ease,transform .28s cubic-bezier(.16,1,.3,1),visibility .22s;
  transition:opacity .22s ease,transform .28s cubic-bezier(.16,1,.3,1),visibility .22s;
  z-index:1000;
  overflow:hidden;
}
/* 顶部渐变科技线 */
.header-container-right .user-dropdown::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;
  height:3px;
  background:linear-gradient(90deg,#2563EB 0%,#3B82F6 50%,#22D3EE 100%);
}
.header-container-right .user-info-row:hover .user-dropdown{
  opacity:1;
  visibility:visible;
  -webkit-transform:translateY(0) scale(1);
  -moz-transform:translateY(0) scale(1);
  -ms-transform:translateY(0) scale(1);
  -o-transform:translateY(0) scale(1);
  transform:translateY(0) scale(1);
}

/* 用户资料头部 */
.header-container-right .user-dropdown-header{
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px 18px 14px;
  background:linear-gradient(135deg,rgba(37,99,235,.04) 0%,rgba(34,211,238,.03) 100%);
  border-bottom:1px solid rgba(37,99,235,.06);
}
.header-container-right .user-dropdown-avatar{
  width:44px;
  height:44px;
  border-radius:50%;
  border:2px solid rgba(37,99,235,.2);
  -webkit-box-shadow:0 2px 8px rgba(37,99,235,.15);
  box-shadow:0 2px 8px rgba(37,99,235,.15);
  -webkit-flex-shrink:0;
  -ms-flex-negative:0;
  flex-shrink:0;
}
.header-container-right .user-dropdown-meta{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}
.header-container-right .user-dropdown-name{
  font-size:14px;
  font-weight:600;
  color:#0F172A;
  max-width:140px;
  overflow:hidden;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.header-container-right .user-dropdown-badge{
  display:inline-block;
  font-size:11px;
  color:#2563EB;
  background:rgba(37,99,235,.08);
  padding:2px 8px;
  border-radius:10px;
  line-height:1.4;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
}

/* 菜单项分组 */
.header-container-right .user-dropdown-section{
  padding:6px 0;
}
.header-container-right .user-dropdown-divider{
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(37,99,235,.12),transparent);
  margin:2px 14px;
}

/* 菜单项 */
.header-container-right .user-dropdown .dropdown-item{
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -moz-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  padding:10px 18px;
  font-size:13px;
  color:#334155;
  position:relative;
  cursor:pointer;
  -webkit-transition:all .22s cubic-bezier(.16,1,.3,1);
  -o-transition:all .22s cubic-bezier(.16,1,.3,1);
  -moz-transition:all .22s cubic-bezier(.16,1,.3,1);
  transition:all .22s cubic-bezier(.16,1,.3,1);
}
.header-container-right .user-dropdown .dropdown-item::before{
  content:'';
  position:absolute;
  left:0;
  top:50%;
  width:0;
  height:calc(100% - 8px);
  max-height:30px;
  background:linear-gradient(180deg,#2563EB,#22D3EE);
  border-radius:0 2px 2px 0;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  transform:translateY(-50%);
  -webkit-transition:width .28s cubic-bezier(.16,1,.3,1);
  -o-transition:width .28s cubic-bezier(.16,1,.3,1);
  -moz-transition:width .28s cubic-bezier(.16,1,.3,1);
  transition:width .28s cubic-bezier(.16,1,.3,1);
}
.header-container-right .user-dropdown .dropdown-item:hover{
  background:linear-gradient(90deg,rgba(37,99,235,.06) 0%,rgba(37,99,235,.02) 100%);
  color:var(--nav-primary);
  padding-left:22px;
}
.header-container-right .user-dropdown .dropdown-item:hover::before{
  width:3px;
}
.header-container-right .user-dropdown .dropdown-item.text-danger{
  color:#DC2626;
}
.header-container-right .user-dropdown .dropdown-item.text-danger:hover{
  background:linear-gradient(90deg,rgba(220,38,38,.06) 0%,rgba(220,38,38,.02) 100%);
  color:#DC2626;
}
.header-container-right .user-dropdown .dropdown-item.text-danger:hover::before{
  background:linear-gradient(180deg,#DC2626,#F87171);
}
.header-container-right .user-dropdown .dropdown-img{
  width:16px;
  height:16px;
  margin-right:12px;
  -webkit-flex-shrink:0;
  -ms-flex-negative:0;
  flex-shrink:0;
  opacity:.55;
  -webkit-transition:opacity .22s ease,-webkit-filter .22s ease;
  -o-transition:opacity .22s ease,filter .22s ease;
  -moz-transition:opacity .22s ease,filter .22s ease;
  transition:opacity .22s ease,filter .22s ease;
}
.header-container-right .user-dropdown .dropdown-item:hover .dropdown-img{
  opacity:1;
  -webkit-filter:brightness(0) saturate(100%) invert(38%) sepia(93%) saturate(2048%) hue-rotate(203deg) brightness(91%) contrast(101%);
  filter:brightness(0) saturate(100%) invert(38%) sepia(93%) saturate(2048%) hue-rotate(203deg) brightness(91%) contrast(101%);
}

/* ============================================
   顶栏搜索框 · Header Search
   ============================================/* 搜索框容器 · 默认态 */
.header-container-right .header-search{
  position:relative;
  display:inline-flex;
  align-items:center;
  margin-right:12px;
  border-radius:8px;
  -webkit-transition:all .28s cubic-bezier(.16,1,.3,1);
  -o-transition:all .28s cubic-bezier(.16,1,.3,1);
  -moz-transition:all .28s cubic-bezier(.16,1,.3,1);
  transition:all .28s cubic-bezier(.16,1,.3,1);
}
/* 搜索框容器 · 激活态 */
.header-container-right .header-search:focus-within{
  -webkit-box-shadow:0 6px 24px rgba(37,99,235,.18);
  box-shadow:0 6px 24px rgba(37,99,235,.18);
  -webkit-transform:translateY(-1px);
  -moz-transform:translateY(-1px);
  -ms-transform:translateY(-1px);
  -o-transform:translateY(-1px);
  transform:translateY(-1px);
}
/* 搜索框容器 · 激活态 · 分类选择器 */
.header-container-right .header-search:focus-within .search-category{
  background:rgba(37,99,235,.08);
  border-color:rgba(37,99,235,.55);
}
/* 搜索框容器 · 激活态 · 输入框 */
.header-container-right .header-search:focus-within .search-input{
  width:220px;
  border-color:rgba(37,99,235,.55);
  background:#fff;
}
/* 搜索框容器 · 激活态 · 按钮 */
.header-container-right .header-search:focus-within .search-btn{
  background:linear-gradient(135deg,#3B82F6,#2563EB);
  -webkit-animation:searchBtnPulse 2s ease-in-out infinite;
  -moz-animation:searchBtnPulse 2s ease-in-out infinite;
  -o-animation:searchBtnPulse 2s ease-in-out infinite;
  animation:searchBtnPulse 2s ease-in-out infinite;
}

/* 分类选择器 */
.header-container-right .search-category{
  position:relative;
  display:inline-flex;
  align-items:center;
  padding:0 8px 0 12px;
  height:34px;
  background:rgba(37,99,235,.04);
  border:1px solid rgba(37,99,235,.25);
  border-right:none;
  border-radius:6px 0 0 6px;
  cursor:pointer;
  -webkit-transition:all .22s ease;
  -o-transition:all .22s ease;
  -moz-transition:all .22s ease;
  transition:all .22s ease;
}
.header-container-right .search-category:hover{
  background:rgba(37,99,235,.08);
  border-color:rgba(37,99,235,.5);
}
.header-container-right .search-category-label{
  font-size:13px;
  color:var(--nav-primary);
  font-weight:500;
  white-space:nowrap;
}
.header-container-right .search-caret{
  width:8px;
  height:5px;
  margin-left:5px;
  -webkit-transition:-webkit-transform .28s cubic-bezier(.16,1,.3,1);
  transition:transform .28s cubic-bezier(.16,1,.3,1);
}
.header-container-right .search-category.open .search-caret{
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  transform:rotate(180deg);
}
/* 分类下拉菜单 */
.header-container-right .search-category-dropdown{
  position:absolute;
  top:calc(100% + 6px);
  left:0;
  min-width:180px;
  background:#fff;
  border-radius:10px;
  -webkit-box-shadow:0 12px 40px rgba(15,23,42,.12);
  box-shadow:0 12px 40px rgba(15,23,42,.12);
  border:1px solid rgba(37,99,235,.08);
  padding:6px 0;
  opacity:0;
  visibility:hidden;
  -webkit-transform:translateY(-8px);
  -moz-transform:translateY(-8px);
  -ms-transform:translateY(-8px);
  -o-transform:translateY(-8px);
  transform:translateY(-8px);
  -webkit-transition:all .22s cubic-bezier(.16,1,.3,1);
  -o-transition:all .22s cubic-bezier(.16,1,.3,1);
  -moz-transition:all .22s cubic-bezier(.16,1,.3,1);
  transition:all .22s cubic-bezier(.16,1,.3,1);
  z-index:1000;
}
.header-container-right .search-category.open .search-category-dropdown{
  opacity:1;
  visibility:visible;
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  -ms-transform:translateY(0);
  -o-transform:translateY(0);
  transform:translateY(0);
  pointer-events:auto;
}
.header-container-right .search-cat-item{
  display:flex;
  flex-direction:column;
  padding:8px 14px;
  -webkit-transition:all .18s ease;
  -o-transition:all .18s ease;
  -moz-transition:all .18s ease;
  transition:all .18s ease;
  cursor:pointer;
}
.header-container-right .search-cat-item:hover{
  background:rgba(37,99,235,.06);
}
.header-container-right .search-cat-item.active{
  background:linear-gradient(90deg,rgba(37,99,235,.08),transparent);
}
.header-container-right .search-cat-item .cat-name{
  font-size:13px;
  font-weight:500;
  color:#0F172A;
}
.header-container-right .search-cat-item.active .cat-name{
  color:var(--nav-primary);
  font-weight:600;
}
.header-container-right .search-cat-item .cat-desc{
  font-size:11px;
  color:#94A3B8;
  margin-top:2px;
}

/* 搜索表单 */
.header-container-right .search-form{
  display:inline-flex;
  align-items:center;
  height:34px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
.header-container-right .search-input{
  width:180px;
  height:34px;
  padding:0 12px;
  border:1px solid rgba(37,99,235,.25);
  border-left:none;
  outline:none;
  font-size:13px;
  color:#0F172A;
  background:#fff;
  -webkit-transition:all .22s ease;
  -o-transition:all .22s ease;
  -moz-transition:all .22s ease;
  transition:all .22s ease;
  border-radius:0;
}
.header-container-right .search-input:focus{
  outline:none;
}
.header-container-right .search-input::-webkit-input-placeholder{
  color:#94A3B8;
}
.header-container-right .search-input::-moz-placeholder{
  color:#94A3B8;
}
.header-container-right .search-input:-ms-input-placeholder{
  color:#94A3B8;
}
.header-container-right .search-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:34px;
  background:linear-gradient(135deg,#2563EB,#1D4ED8);
  border:1px solid #2563EB;
  border-radius:0 6px 6px 0;
  cursor:pointer;
  -webkit-transition:all .22s ease;
  -o-transition:all .22s ease;
  -moz-transition:all .22s ease;
  transition:all .22s ease;
}
.header-container-right .search-btn:hover{
  background:linear-gradient(135deg,#3B82F6,#2563EB);
}
.header-container-right .search-btn .search-icon{
  width:16px;
  height:16px;
  filter:brightness(0) invert(1);
}

/* 热门关键词提示 */
.header-container-right .search-suggestions{
  position:absolute;
  top:calc(100% + 4px);
  left:0;
  right:0;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  padding:10px 12px;
  background:#fff;
  border-radius:8px;
  -webkit-box-shadow:0 8px 24px rgba(15,23,42,.1);
  box-shadow:0 8px 24px rgba(15,23,42,.1);
  border:1px solid rgba(37,99,235,.06);
  opacity:0;
  visibility:hidden;
  -webkit-transition:all .22s ease;
  -o-transition:all .22s ease;
  -moz-transition:all .22s ease;
  transition:all .22s ease;
  z-index:999;
  pointer-events:none;
}
.header-container-right .header-search:focus-within .search-suggestions{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
/* 分类下拉打开时隐藏关键词提示，避免层级冲突 */
.header-container-right .search-category.open ~ .search-suggestions{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.header-container-right .suggestions-label{
  font-size:11px;
  color:#94A3B8;
  margin-right:4px;
}
.header-container-right .suggestion-tag{
  font-size:12px;
  color:#475569;
  padding:3px 10px;
  background:rgba(37,99,235,.04);
  border:1px solid rgba(37,99,235,.12);
  border-radius:12px;
  cursor:pointer;
  -webkit-transition:all .18s ease;
  -o-transition:all .18s ease;
  -moz-transition:all .18s ease;
  transition:all .18s ease;
  white-space:nowrap;
}
.header-container-right .suggestion-tag:hover{
  background:rgba(37,99,235,.1);
  color:var(--nav-primary);
  border-color:rgba(37,99,235,.3);
}
.nav-item .bor-block-product-type .product-type-item a img {
    margin-right: 5px;
    width: 24px;
}

/* ============================================
   产品二级菜单精修 · Product Mega Menu
   ============================================ */

/* 面板固定高度：所有产品风 mega 菜单统一 */
.header-container .nav-item:hover .second-nav-topbar-dropdown,
.header-container .nav-item:hover .third-nav-topbar-dropdown{
  height:560px;
  max-height:560px;
}

/* 无图标的左侧分类（解决方案等）仍对齐编号+文字 */
.nav-item .bor-block-product-type .product-type-item a .cat-name{
  display:inline-block;
  line-height:1.35;
}

/* 右栏顶部大类标题 + 标语行（贴顶） */
.nav-item .prod-group-head{
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:baseline;
  -webkit-align-items:baseline;
  -moz-box-align:baseline;
  -ms-flex-align:baseline;
  align-items:baseline;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  -moz-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px 10px;
  border-bottom:1px solid #EEF2F7;
  margin-bottom:6px;
}
.nav-item .prod-group-title{
  font-size:17px;
  font-weight:600;
  color:#0F172A;
  letter-spacing:.01em;
  -webkit-box-flex:0;
  -webkit-flex:0 0 auto;
  -moz-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
}
.nav-item .prod-group-slogan{
  font-size:12.5px;
  color:#64748B;
  font-weight:400;
  line-height:1.4;
  text-align:right;
  -webkit-box-flex:1;
  -webkit-flex:1 1 auto;
  -moz-box-flex:1;
  -ms-flex:1 1 auto;
  flex:1 1 auto;
  white-space:nowrap;
  overflow:hidden;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis;
}

/* 面板容器：浅灰左栏 + 白右栏 + 分隔线
   HTML 顺序为 [右栏, 左栏]，用 row-reverse 还原视觉 [左栏, 右栏] */
.nav-item .nav-topbar-product{
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:reverse;
  -webkit-flex-direction:row-reverse;
  -moz-box-orient:horizontal;
  -moz-box-direction:reverse;
  -ms-flex-direction:row-reverse;
  flex-direction:row-reverse;
  background:#fff;
  height:100%;
}
.nav-item .bor-block-product-type{
  width:220px!important;
  max-width:220px;
  -webkit-box-flex:0;
  -webkit-flex:0 0 220px;
  -moz-box-flex:0;
  -ms-flex:0 0 220px;
  flex:0 0 220px;
  background-color:#F8FAFC;
  background-image:
    linear-gradient(rgba(15,23,42,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,23,42,.025) 1px,transparent 1px);
  background-size:18px 18px;
  border-right:1px solid #E2E8F0;
  margin-top:0!important;
  padding:14px 0 0;
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
  -moz-box-orient:vertical;
  -moz-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  overflow-y:auto;
  overflow-x:hidden;
  min-height:0;
  scrollbar-width:thin;
  scrollbar-color:rgba(15,23,42,.18) transparent;
}
.nav-item .bor-block-product-type::-webkit-scrollbar{width:4px}
.nav-item .bor-block-product-type::-webkit-scrollbar-track{background:transparent}
.nav-item .bor-block-product-type::-webkit-scrollbar-thumb{background:rgba(15,23,42,.18);border-radius:2px}
.nav-item .bor-block-product-type::-webkit-scrollbar-thumb:hover{background:rgba(15,23,42,.32)}
.nav-item .bor-block-product-container{
  float:none;
  width:auto;
  -webkit-box-flex:1;
  -webkit-flex:1;
  -moz-box-flex:1;
  -ms-flex:1;
  flex:1;
  margin-top:0!important;
  padding:0;
  position:relative;
  overflow-y:auto;
  overflow-x:hidden;
  min-height:0;
  scrollbar-width:thin;
  scrollbar-color:rgba(15,23,42,.18) transparent;
}
.nav-item .bor-block-product-container::-webkit-scrollbar{width:4px}
.nav-item .bor-block-product-container::-webkit-scrollbar-track{background:transparent}
.nav-item .bor-block-product-container::-webkit-scrollbar-thumb{background:rgba(15,23,42,.18);border-radius:2px}
.nav-item .bor-block-product-container::-webkit-scrollbar-thumb:hover{background:rgba(15,23,42,.32)}
/* 消除旧 product-detail 顶部 margin，让标题置顶 */
.nav-item .bor-block-product-container .product-detail{margin-top:0!important}
/* 右栏顶部品牌渐变 + 顶部细线 */
.nav-item .bor-block-product-container::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:90px;
  background:-webkit-linear-gradient(top,rgba(37,99,235,.08),transparent);
  background:-moz-linear-gradient(top,rgba(37,99,235,.08),transparent);
  background:-o-linear-gradient(top,rgba(37,99,235,.08),transparent);
  background:linear-gradient(180deg,rgba(37,99,235,.08),transparent);
  border-top:1px solid rgba(37,99,235,.18);
  pointer-events:none;
}

/* 左栏分类项：CSS 计数器序号 + 可滚动（min-height:0 让 flex 项可收缩） */
.nav-item .product-type-item{
  counter-reset:cat;
  -webkit-box-flex:1;
  -webkit-flex:1 1 auto;
  -moz-box-flex:1;
  -ms-flex:1 1 auto;
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  padding-bottom:8px;
  scrollbar-width:thin;
  scrollbar-color:rgba(15,23,42,.18) transparent;
}
.nav-item .product-type-item::-webkit-scrollbar{width:4px}
.nav-item .product-type-item::-webkit-scrollbar-track{background:transparent}
.nav-item .product-type-item::-webkit-scrollbar-thumb{
  background:rgba(15,23,42,.18);
  border-radius:2px;
}
.nav-item .product-type-item::-webkit-scrollbar-thumb:hover{background:rgba(15,23,42,.32)}
.nav-item .bor-block-product-type .product-type-item a{
  position:relative;
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -moz-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  font-size:14px;
  color:#0F172A;
  padding:11px 18px 11px 22px;
  margin:0 10px 2px;
  border-radius:8px;
  border:0;
  -webkit-transition:all .22s ease;
  -o-transition:all .22s ease;
  -moz-transition:all .22s ease;
  transition:all .22s ease;
}
.nav-item .bor-block-product-type .product-type-item a::before{
  counter-increment:cat;
  content:counter(cat,decimal-leading-zero);
  font-family:var(--nav-mono);
  font-size:11px;
  color:#94A3B8;
  margin-right:10px;
  -webkit-transition:color .22s ease;
  -o-transition:color .22s ease;
  -moz-transition:color .22s ease;
  transition:color .22s ease;
}
.nav-item .bor-block-product-type .product-type-item a img{
  width:20px;
  margin-right:9px;
  -webkit-transition:-webkit-transform .22s ease,filter .22s ease;
  -o-transition:transform .22s ease,filter .22s ease;
  -moz-transition:transform .22s ease,filter .22s ease,-moz-transform .22s ease;
  transition:transform .22s ease,filter .22s ease;
  filter:grayscale(.4) opacity(.7);
}
.nav-item .bor-block-product-type .product-type-item a:hover{
  background:rgba(37,99,235,.06);
  color:var(--nav-primary);
}
.nav-item .bor-block-product-type .product-type-item a:hover::before{color:var(--nav-primary)}
.nav-item .bor-block-product-type .product-type-item a:hover img{
  -webkit-transform:scale(1.12);
  -moz-transform:scale(1.12);
  -ms-transform:scale(1.12);
  -o-transform:scale(1.12);
  transform:scale(1.12);
  filter:grayscale(0) opacity(1);
}
/* active 态：左侧蓝竖条 + 实底高亮 */
.nav-item .bor-block-product-type .product-type-item a.active{
  background:rgba(37,99,235,.1);
  color:var(--nav-primary);
  font-weight:600;
  -webkit-box-shadow:inset 3px 0 0 var(--nav-primary);
  box-shadow:inset 3px 0 0 var(--nav-primary);
  border-radius:0 8px 8px 0;
  margin-left:0;
  padding-left:22px;
}
.nav-item .bor-block-product-type .product-type-item a.active::before{
  color:var(--nav-primary);
  font-weight:700;
  font-size:12px;
}
.nav-item .bor-block-product-type .product-type-item a.active img{filter:grayscale(0) opacity(1)}

/* 左栏底部：查看全部出口（flex-shrink:0 固定底部不被压缩） */
.product-view-all{
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -moz-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  -moz-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-flex:0;
  -webkit-flex:0 0 auto;
  -moz-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  margin:0 10px;
  padding:13px 16px;
  border-top:1px solid #E2E8F0;
  font-size:12.5px;
  font-weight:500;
  color:#64748B;
  -webkit-transition:color .22s ease,background .22s ease;
  -o-transition:color .22s ease,background .22s ease;
  -moz-transition:color .22s ease,background .22s ease;
  transition:color .22s ease,background .22s ease;
}
.product-view-all .product-view-all-arrow{
  font-family:var(--nav-mono);
  -webkit-transition:-webkit-transform .22s ease;
  -o-transition:transform .22s ease;
  -moz-transition:transform .22s ease,-moz-transform .22s ease;
  transition:transform .22s ease;
}
.product-view-all:hover{color:var(--nav-primary)}
.product-view-all:hover .product-view-all-arrow{
  -webkit-transform:translateX(4px);
  -moz-transform:translateX(4px);
  -ms-transform:translateX(4px);
  -o-transform:translateX(4px);
  transform:translateX(4px);
}

/* 右栏产品卡片 */
.prod-grid{
  margin:0;
  padding:0 14px;
}
.prod-grid .col{padding:0 5px;text-align:left}

.prod-card{
  display:block;
  position:relative;
  background:#fff;
  border:1px solid #E2E8F0;
  border-radius:8px;
  padding:14px 14px;
  text-decoration:none;
  text-align:left;
  -webkit-transition:all .26s cubic-bezier(.16,1,.3,1);
  -o-transition:all .26s cubic-bezier(.16,1,.3,1);
  -moz-transition:all .26s cubic-bezier(.16,1,.3,1);
  transition:all .26s cubic-bezier(.16,1,.3,1);
  overflow:hidden;
}
.prod-card::before{
  content:"";
  position:absolute;
  top:0;left:0;bottom:0;
  width:3px;
  background:linear-gradient(180deg,var(--nav-primary),var(--nav-accent));
  -webkit-transform:scaleY(0);
  -moz-transform:scaleY(0);
  -ms-transform:scaleY(0);
  -o-transform:scaleY(0);
  transform:scaleY(0);
  -webkit-transform-origin:top;
  -moz-transform-origin:top;
  -ms-transform-origin:top;
  -o-transform-origin:top;
  transform-origin:top;
  -webkit-transition:transform .3s cubic-bezier(.16,1,.3,1);
  -o-transition:transform .3s cubic-bezier(.16,1,.3,1);
  -moz-transition:transform .3s cubic-bezier(.16,1,.3,1);
  transition:transform .3s cubic-bezier(.16,1,.3,1);
}
.prod-card:hover{
  border-color:rgba(37,99,235,.4);
  -webkit-box-shadow:0 10px 28px -10px rgba(37,99,235,.28);
  box-shadow:0 10px 28px -10px rgba(37,99,235,.28);
  -webkit-transform:translateY(-2px);
  -moz-transform:translateY(-2px);
  -ms-transform:translateY(-2px);
  -o-transform:translateY(-2px);
  transform:translateY(-2px);
}
.prod-card:hover::before{
  -webkit-transform:scaleY(1);
  -moz-transform:scaleY(1);
  -ms-transform:scaleY(1);
  -o-transform:scaleY(1);
  transform:scaleY(1);
}

/* 卡片标题行：商品名 + 标签同行 */
.prod-card-head{
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -moz-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:6px;
  padding-right:14px;
}
.prod-card-name{
  display:inline-block;
  font-size:13.5px;
  font-weight:600;
  color:#0F172A;
  letter-spacing:.01em;
  text-align:left;
  -webkit-transition:color .22s ease;
  -o-transition:color .22s ease;
  -moz-transition:color .22s ease;
  transition:color .22s ease;
  line-height:1.35;
  -webkit-box-flex:1;
  -webkit-flex:1 1 auto;
  -moz-box-flex:1;
  -ms-flex:1 1 auto;
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis;
  white-space:nowrap;
}
/* 标签：引用产品组标题字段 */
.prod-card-tag{
  display:inline-block;
  -webkit-box-flex:0;
  -webkit-flex:0 0 auto;
  -moz-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  max-width:60px;
  padding:2px 6px;
  border-radius: 0;
  background:rgba(37,99,235,.08);
  color:var(--nav-primary);
  font-size:10.5px;
  font-weight:500;
  line-height:1.4;
  text-align:center;
  overflow:hidden;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis;
  white-space:nowrap;
  -webkit-transition:background .22s ease;
  -o-transition:background .22s ease;
  -moz-transition:background .22s ease;
  transition:background .22s ease;
}
.prod-card:hover .prod-card-tag{
  background:rgba(37,99,235,.16);
}
.prod-card-arrow{
  position:absolute;
  top:14px;right:14px;
  font-family:var(--nav-mono);
  font-size:12px;
  color:#CBD5E1;
  -webkit-transform:translateX(-6px);
  -moz-transform:translateX(-6px);
  -ms-transform:translateX(-6px);
  -o-transform:translateX(-6px);
  transform:translateX(-6px);
  opacity:0;
  -webkit-transition:all .26s cubic-bezier(.16,1,.3,1);
  -o-transition:all .26s cubic-bezier(.16,1,.3,1);
  -moz-transition:all .26s cubic-bezier(.16,1,.3,1);
  transition:all .26s cubic-bezier(.16,1,.3,1);
}
.prod-card:hover .prod-card-name{color:var(--nav-primary);font-weight:700}
.prod-card:hover .prod-card-arrow{
  opacity:1;
  -webkit-transform:translateX(0);
  -moz-transform:translateX(0);
  -ms-transform:translateX(0);
  -o-transform:translateX(0);
  transform:translateX(0);
  color:var(--nav-primary);
}

.prod-card-desc{
  margin:3px 0 0;
  font-size:11.5px;
  color:#94A3B8;
  line-height:1.45;
  text-align:left;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* 右栏切换：分类面板淡入 */
.bor-product-menu-second-wrap{
  display:none;
}
.bor-product-menu-second-wrap.active{
  display:block;
  -webkit-animation:prodSlideIn .34s cubic-bezier(.16,1,.3,1);
  -moz-animation:prodSlideIn .34s cubic-bezier(.16,1,.3,1);
  -o-animation:prodSlideIn .34s cubic-bezier(.16,1,.3,1);
  animation:prodSlideIn .34s cubic-bezier(.16,1,.3,1);
}
@-webkit-keyframes prodSlideIn{from{opacity:0;-webkit-transform:translateX(10px)}to{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes prodSlideIn{from{opacity:0;-moz-transform:translateX(10px)}to{opacity:1;-moz-transform:translateX(0)}}
@-o-keyframes prodSlideIn{from{opacity:0;-o-transform:translateX(10px)}to{opacity:1;-o-transform:translateX(0)}}
@keyframes prodSlideIn{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}

/* 卡片错峰浮现 */
.prod-grid .col{
  opacity:0;
  -webkit-animation:cardRise .4s cubic-bezier(.16,1,.3,1) forwards;
  -moz-animation:cardRise .4s cubic-bezier(.16,1,.3,1) forwards;
  -o-animation:cardRise .4s cubic-bezier(.16,1,.3,1) forwards;
  animation:cardRise .4s cubic-bezier(.16,1,.3,1) forwards;
}
.prod-grid .col:nth-child(1){-webkit-animation-delay:.04s;animation-delay:.04s}
.prod-grid .col:nth-child(2){-webkit-animation-delay:.08s;animation-delay:.08s}
.prod-grid .col:nth-child(3){-webkit-animation-delay:.12s;animation-delay:.12s}
.prod-grid .col:nth-child(4){-webkit-animation-delay:.16s;animation-delay:.16s}
.prod-grid .col:nth-child(5){-webkit-animation-delay:.20s;animation-delay:.20s}
.prod-grid .col:nth-child(6){-webkit-animation-delay:.24s;animation-delay:.24s}
.prod-grid .col:nth-child(7){-webkit-animation-delay:.28s;animation-delay:.28s}
.prod-grid .col:nth-child(8){-webkit-animation-delay:.32s;animation-delay:.32s}
@-webkit-keyframes cardRise{from{opacity:0;-webkit-transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes cardRise{from{opacity:0;-moz-transform:translateY(10px)}to{opacity:1;-moz-transform:translateY(0)}}
@-o-keyframes cardRise{from{opacity:0;-o-transform:translateY(10px)}to{opacity:1;-o-transform:translateY(0)}}
@keyframes cardRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

/* 移动端：左栏在上，右栏在下（HTML 顺序为 [右栏, 左栏]，用 column-reverse 还原） */
@media screen and (max-width:770px){
  .nav-item .bor-block-product-type{
    width:100%!important;
    max-width:100%;
    -webkit-flex:0 0 100%;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    border-right:0;
    border-bottom:1px solid #E2E8F0;
  }
  .nav-item .nav-topbar-product{
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    -webkit-flex-direction:column-reverse;
    -moz-box-orient:vertical;
    -moz-box-direction:reverse;
    -ms-flex-direction:column-reverse;
    flex-direction:column-reverse;
  }
}


.nav-item .bor-block-product-container .product-detail .bor-product-menu-second-wrap:first-child {
    padding-left: 0px;
}
.nav-item .bor-block-product-container .product-detail .bor-product-menu-second-wrap:last-child{
    padding-right:0px;
}

.old-system-login {
    margin-right: 12px;
    color: #333;
}

.nav-item .bor-block-product-container .product-detail .bor-product-menu-second-wrap.active {
    display: block;
    width: 100%;
    max-width: 100%;
    -webkit-box-flex:0;
    -webkit-flex:0 0 100%;
    -moz-box-flex:0;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    padding:0;
}

.nav-item .bor-block-product-container .product-detail .bor-product-menu-second-wrap {
    display: none;
    -webkit-box-flex:0;
    -webkit-flex:0 0 100%;
    -moz-box-flex:0;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%;
    padding:0;
}




.bor-product-menu-second-wrap .card {
	border-color: #ebf0fc;
	line-height: normal;
	transition: all .3s;
}
.bor-product-menu-second-wrap .card:hover {
	background-color: #f9faff;
	text-decoration: none;
	border-color: #06f;
	color: #06f;
}
.bor-product-menu-second-wrap .card .card-text {
	color: #444;
	line-height: 0;
	margin-bottom: 10px;
}
.bor-product-menu-second-wrap .card:hover .card-text {
	color: #444;
}
.dropdown-body-box {
	flex: 1;
	padding: 0 1.5rem;
}.bor-product-menu-second-wrap .card .card-title {
    margin-bottom: 10px!important;
}