@charset "UTF-8";
:root {--primary-color:#5771be;--primary-dark:#4058a8;--primary-light:#7a8fd3;--primary-bg:#f0f4ff;--secondary-color:#f8f9fa;--text-color:#333;--light-text:#666;--border-color:#e0e0e0;--orange-color:#ff7a45;--transition:all 0.3s ease;}
* {margin:0;padding:0;box-sizing:border-box;font-family: system-ui, -apple-system, Segoe UI, Rototo, Helvetica, Arial, sans-serif,'Microsoft YaHei',sans-serif;}
body {color:var(--text-color);line-height:1.6;background-color:#f9fafd;}a{text-decoration: none;}
i{font-family:"iconfont" !important; font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.el-1,.sp-nav-name,.side-shop-name,.sp-meta span,.hot-c-name,.pli-a-mrname,.cli-comdesc,.cli-comprod,.cli-comloc,.cli-comname,.forh3a,.cli-prodname,.cli-comname,.wp-sna,.side-shop-loc{white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.el-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;}
.el-3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;}
.a-img1,.pli-a-mrimg,.hot-c-img,.cli-prodimg,.pli-proimg,.sp-img-box{overflow: hidden;display: inline-block;position:relative;width:100%;padding-bottom:100%;height:0;}
.a-img1 img,.pli-a-mrimg img,.hot-c-img img,.cli-prodimg img,.pli-proimg img,.sp-img-box img{transition: transform 0.5s ease;max-width: 100%;max-height: 100%; transform: scale(1);position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.a-img1:hover img,.pli-a-mrimg:hover img,.hot-c-img:hover img,.cli-prodimg:hover img,.pli-proimg:hover img,.sp-img-box:hover img{transform: scale(1.1);}

.a-img2,.side-shop-img,.portal-item,.cg-intro-i,.cg-hero-i,.ex-intro-i,.ex-bec-right,.xmh-reclogo,.pli-proimgbox,.hot-c-big{overflow: hidden;display: inline-block;position:relative;width:100%;}
.a-img2 img,.side-shop-img img,.portal-item img,.cg-intro-i img,.cg-hero-i img,.ex-intro-i img,.ex-bec-right img,.xmh-reclogo img,.pli-proimgbox img,.hot-c-big img{transition: transform 0.5s ease;max-width: 100%;max-height: 100%; transform: scale(1);position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.a-img2:hover img,.side-shop-img:hover img,.portal-item:hover img,.cg-intro-i:hover img,.cg-hero-i:hover img,.ex-intro-i:hover img,.ex-bec-right:hover img,.xmh-reclogo:hover img,.pli-proimgbox:hover img,.hot-c-big:hover img{transform: scale(1.1);}
.pbtn,.pli-proinq,.hot-c-ctaf{padding:5px 20px;border-radius:60px;text-decoration:none;text-align:center;font-weight:500;transition:all 0.3s ease;font-size:14px;background:#5771be;color:white;}
.pbtn:hover,.pli-proinq:hover,.hot-c-ctaf:hover{background:#4058a8;}
.pbtn-d,.pli-provst,.hot-c-cta{padding:5px 20px;border-radius:60px;text-decoration:none;text-align:center;font-weight:500;transition:all 0.3s ease;font-size:14px;background:#f0f4ff;color:#5771be;border:1px solid #7a8fd3;}
.pbtn-d:hover,.pli-provst:hover,.hot-c-cta:hover{background:#7a8fd3;color:white;}
.container {width:100%;max-width:1400px;margin:0 auto;padding:0 20px;}
 /* 顶部灰条 */
.top-bar {width:100%;height:30px;background-color:#f5f5f5;display:flex;justify-content:space-between;align-items:center;font-size:12px;}        
.top-bar-cont {width:100%;max-width:1400px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;}        
.wel-txt {color:#666;}        
.top-links {display:flex;align-items:center;gap:20px;}        
.top-link {color:#666;text-decoration:none;transition:var(--transition);}
.top-link:hover {color:var(--primary-color);}
.mobile-link {position:relative;cursor:pointer;}
.qr-box {position:absolute;right:0;top:100%;width:120px;padding:10px;background:white;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,0.1);display:none;z-index:1000;}
.mobile-link:hover .qr-box {display:block;}
.qr-img {width:100px;height:100px;display:flex;align-items:center;justify-content:center;color:#999;font-size:12px;}        
.create-btn {background-color:var(--orange-color);color:white;padding:3px 10px;border-radius:30px;font-weight:600;}
/* 顶部通栏 */
.header-top{background-color:white;padding:15px 0;border-bottom:1px solid #f0f0f0;}        
.header-top .container{display:flex;align-items:center;flex-wrap:wrap;}        
.logo{display:flex;align-items:center;padding-left: 10px;}        
.logo img{height:40px;}        
.logo-text{font-size:24px;font-weight:700;color:var(--primary-color);}
.logo-text span{color:var(--orange-color);}
.main-nav{display:flex;align-items:center;gap:25px;}
.nav-link{color:var(--text-color);text-decoration:none;font-weight:500;transition:var(--transition);}        
.nav-link:hover{color:var(--primary-color);}
.header-phone{display: flex; align-items: center;gap: 8px;color: var(--primary-color); font-weight: 500;font-size: 14px; margin-left: 15px;white-space: nowrap;}
.header-phone i{font-size: 16px;}
/*搜索框下拉选择 */
.srch-box {position:relative;flex:1;max-width:710px;margin-left:65px;}
.srch-sel {position:absolute;left:10px;top:50%;transform:translateY(-50%);z-index:2;border-right:1px solid #e0e0e0;padding-right: 5px;}
.sel-opt {border:none;background:transparent;color:#333;font-size:14px;padding:5px 15px 5px 10px;appearance:none;cursor:pointer;width:60px;outline:none;}
.srch-sel i{position:absolute;right:3px;top:3px;font-size:16px;color:#999;pointer-events:none;transform: rotate(270deg)}
.srch-box input {width:100%;padding:10px 60px 10px 90px;border:2px solid #5771be;border-radius:50px;font-size:14px;transition:var(--transition);}
.srch-box input:focus {outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(87,113,190,0.2);}
.srch-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);color:white;font-size:18px;cursor:pointer;background:var(--primary-color);border:none;border-radius:0 50px 50px 0;width:70px;height:40px;display:flex;align-items:center;justify-content:center;transition:var(--transition);}
.srch-btn i{font-size:24px;}
.srch-btn:hover {background-color:var(--primary-dark);}
/* 导航通栏样式 */
.nav-bar {width:100%;background-color:white;border-bottom:1px solid #e8ecf8;box-shadow:0 2px 10px rgba(87,113,190,0.08);position:relative;}        
.nav-bar .container {display:flex;justify-content:space-between;align-items:center;}        
.nav-menu {display:flex;align-items:center;gap:35px; padding-left: 15px;}        
.nav-item{color:var(--text-color);text-decoration:none;font-weight:500;transition:var(--transition);position:relative;padding:13px 0;}        
.nav-item:hover {color:var(--primary-color);}        
.nav-item::after {content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary-color);transition:var(--transition);}        
.nav-item:hover::after {width:100%;}
.nav-item.active{color:#5771be;font-weight:bold;}
.date-time {color:#999;font-size:14px;font-weight:500;white-space:nowrap;padding:6px 12px;border-radius:20px;}
/* 汉堡菜单样式 */
.hamburger {display:none;flex-direction:column;justify-content:space-between;width:25px;height:19px;cursor:pointer;z-index:1002;position:relative;}        
.hamburger span {display:block;height:3px;width:100%;background-color:var(--primary-color);border-radius:3px;transition:var(--transition);}
.hamburger.active span:nth-child(1) {transform:rotate(45deg) translate(6px,6px);}
.hamburger.active span:nth-child(2) {opacity:0;}
.hamburger.active span:nth-child(3) {transform:rotate(-45deg) translate(6px,-6px);}
/* 移动端导航层样式 */
.mobile-nv-lyr {position:fixed;top:0;right:-280px;width:280px;height:100%;background-color:white;box-shadow:-5px 0 15px rgba(0,0,0,0.1);z-index:1001;transition:var(--transition);padding:80px 20px 20px;overflow-y:auto;display:none;overflow-x:hidden;}
.mobile-nv-lyr.active {right:0;}
.mobile-nv-lyr .nav-menu {display:flex;flex-direction:column;gap:0;width:100%;}
.mobile-nv-lyr .nav-item {display:block;padding:15px 0;border-bottom:1px solid #f0f0f0;font-size:16px;width:100%;}
.mobile-nv-lyr .nav-item:last-child {border-bottom:none;}
.mobile-nv-lyr .nav-item::after {display:none;}
.mobile-nv-lyr .date-time {display:block;margin-top:20px;padding-top:20px;border-top:1px solid #f0f0f0;font-size:16px;width:100%;}
.overlay {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000;display:none;overflow:hidden;}
.overlay.active {display:block;}
/* 防止横向溢出 */
html, body {max-width:100%;overflow-x:hidden;}
.hero-sec-wrap {max-width:100%;overflow-x:hidden;}
/*首页 导航与大图通栏 */
.hero-sec-wrap {width:100%;position:relative;background-color:var(--primary-bg);padding:20px 0 40px 0;margin-bottom: 15px;}
.hero-section {display:flex;gap:20px;min-height:400px;}
/*首页 分类导航 */
.cate-nav {width:250px;background-color:white;border-radius:8px;flex-shrink:0;position:relative;border:1px solid #e8ecf8;z-index:10;}
.nav-title {background-color:var(--primary-color);color:white;padding:15px;font-size:16px;font-weight:600;border-radius:8px 8px 0 0;}
.cate-list {list-style:none;}
.cate-item {position:relative;border-bottom:1px solid #f5f5f5;}
.cate-item:last-child {border-bottom:none;}
.cate-link {display:block;padding:12px 15px;color:var(--text-color);text-decoration:none;transition:var(--transition);font-size:14px;position:relative;}
.cate-link:hover {background-color:#f8f9ff;color:var(--primary-color);}
.cate-link i {margin-right:10px;color:var(--primary-light);width:20px;text-align:center;font-size:14px;}
/*首页 分类导航  二级菜单样式 */
.submenu-all {position:absolute;left:100%;top:0;right:20px;background-color:white;border:1px solid #e8ecf8;border-radius:8px;z-index:1000;padding:25px;display:none;gap:20px;box-shadow:0 5px 15px rgba(0,0,0,0.08);height:483px;overflow-y:auto;width:1110px;margin-top:-1px;}
.cate-nav:hover .submenu-all {display:grid;}
.cate-block {display:flex;flex-direction:column;gap:12px;padding:15px;border-radius:8px;}
.cate-main {font-weight:700;color:var(--primary-color);font-size:16px;padding-bottom:5px;border-bottom:1px solid #e8ecf8;display: flex;justify-content:space-between;}
.cate-mtit i{font-weight: normal;margin-right:8px;}
.cate-mtitore{font-size:13px;font-weight: normal;color: #666;text-decoration: none;}
.cate-sub {display:grid;grid-template-columns:repeat(6,1fr);gap:10px;}        
.cate-sub a {color:var(--light-text);text-decoration:none;font-size:13px;padding:6px 10px;transition:var(--transition);background:#f8f9ff;border-radius:4px;display:block;}        
.cate-sub a:hover {background-color:var(--primary-light);color:white;}  
/*首页 分类导航 美化滚动条 */
.submenu-all::-webkit-scrollbar,.more-right::-webkit-scrollbar{width:8px;}
.submenu-all::-webkit-scrollbar-track,.more-right::-webkit-scrollbar-track{background:#f5f7ff;border-radius:4px;}
.submenu-all::-webkit-scrollbar-thumb,.more-right::-webkit-scrollbar-thumb{background:rgba(87,113,190,.3);border-radius:4px;}
.submenu-all::-webkit-scrollbar-thumb:hover,.more-right::-webkit-scrollbar-thumb:hover{background:rgba(87,113,190,.3);} 
/*首页 分类导航 更多按钮 */
.more-cate {padding:12px 15px;text-align:center;border-top:1px solid #f5f5f5;background-color:#f9faff;}
.more-btn {color:var(--primary-color);text-decoration:none;font-size:13px;font-weight:500;display:block;transition:var(--transition);}
.more-btn:hover {color:var(--primary-dark);}
/*首页 分类导航 更多分类的展开图层*/
.more-layer{position:absolute;left:100%;top:0;background:#fff;border:1px solid #e8ecf8;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,0.08);z-index:1001;height:483px;display:none;grid-template-columns:200px 1fr;overflow:hidden;width:1110px;margin-top:-1px;}
.more-cate:hover .more-layer{display:grid;}
.more-left{padding:20px 0;background:#f0f4ff;}
.more-left a{display:block;padding:10px 15px 10px 35px;color:#333;text-decoration:none;margin-bottom:5px;transition:all 0.3s;font-size:14px;text-align: left;}
.more-left a:hover{background:#fff;color:#5771be;}
.more-left a i{margin-right:8px;color:#5771be;}
.more-right{padding:20px;overflow-y:auto;}
.more-block{display:none;}
.more-block.act{display:block;}
.more-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;border-bottom:1px solid #e8ecf8;padding:5px 0;}
.more-title1{font-weight:700;color:#5771be;font-size:16px;}
.more-title1 i{font-weight: normal;margin-right: 8px;}
.more-title2{font-size:13px;font-weight: normal;color: #666;text-decoration: none;}
.more-sub{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;}
.more-sub a{display:block;padding:8px 12px;background:#f8f9ff;border-radius:4px;color:#666;text-decoration:none;font-size:13px;transition:all 0.3s;}
.more-sub a:hover{background:#5771be;color:#fff;}
/*首页 大图区域 */
.hero-content {flex:1;position:relative;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,var(--primary-color),#6a5acd);display:flex;align-items:center;padding:0 60px;min-height:400px;width:calc(100% - 270px);}
.hero-text {color:white;max-width:600px;z-index:2;position:relative;}
.hero-text h2 {font-size:32px;margin-bottom:15px;line-height:1.3;display: flex;}
.hero-text ul{list-style: none;padding-left:0;display: flex;gap:10px;}
.hero-text ul li{font-size:20px;margin-bottom:15px;line-height:1.3;display: flex;align-items:center;}
.hero-text p {font-size:18px;margin-bottom:25px;opacity:0.9;}
.hero-slide {position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;padding:0 60px;z-index:2;opacity:0;transition:opacity 0.8s ease;}
.slide-active {opacity:1;z-index:3;}
.slide-bg {position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:1;}
.slide-bg1 {background-image:linear-gradient(rgba(87,113,190,0) ,rgba(106,90,205,0)),url('../images/bg11.jpg');}
.slide-bg2 {background-image:linear-gradient(rgba(87,113,190,0) ,rgba(87,113,190,0)),url('../images/bg12.jpg');}
.slide-bg3 {background-image:linear-gradient(rgba(87,113,190,0),rgba(106,90,205,0)),url('../images/bg13.jpg');}
.slide-bg4 {background-image:linear-gradient(rgba(87,113,190,0),rgba(106,90,205,0)),url('../images/bg14.jpg');}
.ind-eranum1{position:relative;width:20px;height:20px;background:#5771be;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;margin-right:5px;z-index:2;}
.ind-eranum1::before {content:'';position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border:2px dashed #5771be;border-radius:50%;z-index:1;animation:ind-rotate 4s linear infinite;}
@keyframes ind-rotate { 0% {transform:rotate(0deg);}    100% {transform:rotate(360deg);}}
.ind-eranum2{position:relative;width:35px;height:35px;background:#5771be;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin-right:15px;z-index:2;}
.ind-eranum2::before {content:'';position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border:2px dashed #5771be;border-radius:50%;z-index:1;animation:ind-rotate2 4s linear infinite;}
@keyframes ind-rotate2 { 0% {transform:rotate(0deg);}    100% {transform:rotate(360deg);}}
.hero-slide:nth-child(3) .ind-eranum2{background:#fff;color:#5771be;}
.hero-slide:nth-child(3) .ind-eranum2::before{border-color: #fff;}
.hero-slide:nth-child(2) .hero-text,.hero-slide:nth-child(4) .hero-text{color:#5771be!important;}
/*首页 大图区域 三步创建步骤样式 */
.steps-container {display:flex;align-items:center;gap:15px;margin-top:30px;}
.step {display:flex;align-items:center;gap:10px;padding:15px 30px;background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);border-radius:10px;border:1px solid rgba(255,255,255,0.2);transition:var(--transition);}
.step-num {width:30px;height:30px;background-color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:20px;font-weight:700;box-shadow:0 3px 10px rgba(0,0,0,0.1);}
.step-txt {color:white;font-size:16px;font-weight:600;}
.btn {display:inline-block;background-color:white;color:var(--primary-color);padding:14px 35px;border-radius:50px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:var(--transition);font-size:16px;margin-top:30px;position:relative;overflow:hidden;}
.btn:hover {transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.1);}
.btn-primary {background-color:var(--orange-color);color:white;}
/*首页 大图区域 轮播圆点控制 */
.hero-dots {position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;gap:15px;z-index:4;}
.dot {width:14px;height:14px;border-radius:50%;background-color:rgba(255,255,255,0.3);cursor:pointer;transition:var(--transition);border:2px solid transparent;}
.dot-active {background-color:white;transform:scale(1.2);box-shadow:0 0 10px rgba(255,255,255,0.5);}
/*首页 最新加入旺铺 */
.hero-sidebar {width:250px;background-color:white;border-radius:8px;padding:30px;border:1px solid #e8ecf8;box-shadow:0 5px 20px rgba(87,113,190,0.05);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;}        
.side-title {font-size:18px;font-weight:700;color:var(--primary-color);margin-bottom:15px;padding-bottom:5px;border-bottom:1px solid #f0f4ff;}        
.side-shop {display:flex;flex-direction:column;gap:10px;flex:1;justify-content:space-between;}        
.side-shop-top {display:flex;flex-direction:column;gap:10px;}        
.side-shop-img {width:100%;height:140px;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:8px;overflow:hidden;position:relative;padding: 0;}        
.side-shop-img img{width:100%;max-height:100%;}              
.side-shop-name {font-size:18px;font-weight:700;color:var(--primary-color);line-height:1.3;}        
.side-shop-loc {color:var(--light-text);font-size:14px;}        
.side-shop-desc {font-size:14px;color:var(--light-text);line-height:1.9;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}        
.side-shop-links {display:flex;gap:5px;}        
.side-shop-link {flex:1;display:flex;align-items:center;justify-content:center;gap:4px;font-size:13px;color:var(--primary-color);text-decoration:none;transition:var(--transition);padding:5px;background-color:#f8f9ff;border-radius:80px;font-weight:500;}        
.side-shop-link:hover {background-color:var(--primary-color);color:white;}        
/*首页 行业推荐通栏 */
.industry-sec {margin-bottom:30px;}        
.industry-header {display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;}
.industry-title {display:flex;align-items:center;gap:12px;}       
.industry-icon {width:24px;height:24px;color:var(--primary-color);font-size:18px;display:flex;align-items:center;justify-content:center;}
.industry-icon i{font-size:24px;}       
.industry-name {font-size:24px;font-weight:700;color:var(--primary-color);}
.view-all-link {color:var(--primary-color);text-decoration:none;font-size:14px;font-weight:500;display:flex;align-items:center;gap:5px;transition:var(--transition);}
.view-all-link:hover {color:var(--primary-dark);gap:8px;}
.comp-list {display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.comp-item {background-color:white;border-radius:10px;padding:25px;border:1px solid #e8ecf8;transition:var(--transition);display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden;}
.comp-item:hover {transform:translateY(-5px);border-color:var(--primary-light);box-shadow:0 10px 25px rgba(87,113,190,0.1);}
.comp-item::before {content:'';position:absolute;top:0;left:0;width:5px;height:100%;background-color:var(--primary-color);opacity:0;transition:var(--transition);}
.comp-item:hover::before {opacity:1;}
.comp-info {flex:1;}
.comp-name {margin-bottom:10px;display:flex;align-items:center;gap:10px;}
.comp-name h4 {font-size:18px;color:var(--primary-color);font-weight:700;line-height:1.3;flex:1;}
.comp-location {display:flex;align-items:center;gap:8px;color:var(--light-text);font-size:14px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #f0f4ff;}
.comp-location i {color:#666;font-size:14px;}
.comp-desc {font-size:14px;color:var(--light-text);line-height:1.5;margin-bottom:20px;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.comp-links {display:flex;gap:10px;}
.comp-link {flex:1;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--primary-color);text-decoration:none;font-size:13px;font-weight:500;padding:8px 12px;border-radius:80px;background-color:var(--primary-bg);transition:var(--transition);text-align:center;}
.comp-link:hover {background-color:var(--primary-color);color:white;}      
/*首页  广告通栏1 */
.ad-banner {background:linear-gradient(135deg,#5771be,#4058a8);border-radius:12px;padding:20px 60px;margin:30px 0 50px;position:relative;overflow:hidden;}
.ad-bg {position:absolute;top:0;right:0;width:300px;height:100%;background-image:url('../images/c1.jpg');background-size:cover;background-position:center;opacity:0.2;}
.ad-content {position:relative;z-index:2;max-width:70%;}        
.ad-title {font-size:32px;color:white;font-weight:700;margin-bottom:5px;line-height:1.3;}        
.ad-desc {font-size:16px;color:rgba(255,255,255,0.5);margin-bottom:15px;}        
.ad-btn {display:inline-block;background-color:var(--orange-color);color:white;padding:5px 40px;border-radius:50px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:var(--transition);font-size:16px;}
 .ad-btn:hover {background-color:#ff6c3a;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.2);}
/*首页  查看所有行业链接 */
.view-all-ind {text-align:center;margin:40px 0;}        
.view-all-btn {display:inline-flex;align-items:center;justify-content:center;background-color:var(--primary-bg);color:var(--primary-color);padding:14px 40px;border-radius:8px;text-decoration:none;font-weight:600;transition:var(--transition);border:1px solid var(--primary-light);gap:10px;font-size:16px;width: 100%;}
.view-all-btn:hover {background-color:var(--primary-color);color:white;transform:translateY(-2px);box-shadow:0 8px 20px rgba(87,113,190,0.2);}
/*首页  广告通栏2 */
.ad-banner2 {background:linear-gradient(135deg,#6c8ae4,#8aa4f2);border-radius:12px;padding:20px 60px;margin:0 0 50px;position:relative;overflow:hidden;}       
.ad-bg2 {position:absolute;top:0;right:0;width:400px;height:100%;background-image:url('../images/c2.jpg');background-size:cover;background-position:center;opacity:0.18;}        
.ad-content2 {position:relative;z-index:2;max-width:60%;}        
.ad-title2 {font-size:32px;color:white;font-weight:700;margin-bottom:5px;line-height:1.3;}
.ad-desc2 {font-size:16px;color:rgba(255,255,255,0.5);margin-bottom:15px;line-height:1.5;}        
.ad-btn2 {display:inline-block;background-color:var(--orange-color);color:white;padding:5px 40px;border-radius:50px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:var(--transition);font-size:16px;box-shadow:0 4px 15px rgba(0,0,0,0.2);}        
.ad-btn2:hover {background-color:#ff6c3a;transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,0.3);}
/*首页 小门户 */
.portal-sec {margin:40px 0 60px;padding:0;}
.portal-hd {display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;}
.portal-tit {font-size:28px;font-weight:700;color:var(--primary-color);}
.portal-view {color:var(--primary-color);text-decoration:none;font-size:14px;font-weight:500;display:flex;align-items:center;gap:5px;}
.portal-view:hover {gap:8px;}
.portal-grid {display:grid;grid-template-columns:repeat(6,1fr);gap:15px;}
.portal-item {background:white;border-radius:5px;padding:20px;border:1px solid #e8ecf8;transition:all 0.3s;height: 62px;margin-bottom: 5px;}
.portal-item:hover {border-color:var(--primary-light);box-shadow:0 5px 15px rgba(87,113,190,0.1);}
/* footer */
.footer {background-color:#2a3a6e;color:white;padding:40px 0 25px;margin-top:40px;}
.footer .container{display:flex;justify-content:space-between;flex-wrap:wrap;}
.footer-1{width: 40%;padding-right:40px;}
.footer-2{width: 10%;padding-right:40px;}
.footer-3{width: 40%;padding-right:40px;}
.footer-4{width: 10%;}
.footer-1 p{font-size:14px;line-height:2;}
.footer-logo {font-size:22px;font-weight:700;margin-bottom:10px;color:white;}
.footer-links {display:flex;flex-direction:column;gap:8px;}
.footer h4 {font-size:16px;margin-bottom:5px;color:white;}
.footer-links a,.footer-1 a{color:#b0b7d4;text-decoration:none;transition:var(--transition);font-size:14px;}
.footer-links a:hover,.footer-1 a:hover{color:white;}
.qrcode-foot {width:100px;height:100px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#999;font-size:12px;padding: 5px 5px 0;}
.copyright {width:100%;text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid #3a4a7e;color:#b0b7d4;font-size:13px;}
.copyright a{color:#b0b7d4;text-decoration: none;margin:0 5px;} 
.copyright a:hover{color:#fff;}    
/* ChatGlobal供应商页面 */
.cg-hero {/*background:linear-gradient(135deg, var(--primary-color), #6c5ce7);*/padding:60px 0;color:white;background:linear-gradient(rgba(0,21,90,0),rgba(164,188,255,0)),url('../images/s1a.jpg') center/cover no-repeat fixed}
.cg-hero-c {display:flex;align-items:center;gap:50px;}
.cg-hero-t {flex:1;}
.cg-hero-t h1 {font-size:42px;margin-bottom:20px;line-height:1.2;}
.cg-hero-t p {font-size:18px;margin-bottom:30px;opacity:0.9;line-height:1.6;min-height:80px;transition:opacity 0.3s ease;height:90px;}
.cg-hero-i {flex:1;display:flex;justify-content:center;height: 406px;padding: 0;border-radius:10px;}
.cg-hero-i img {max-width:100%;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,0.2);}
.cg-langs {display:flex;flex-wrap:wrap;gap:15px;margin-top:30px;}
.cg-lang-bd {background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);border-radius:30px;padding:8px 20px;font-size:14px;border:1px solid rgba(255,255,255,0.2);display:flex;align-items:center;gap:8px;cursor:pointer;transition:var(--transition);position:relative;}
.cg-lang-bd:hover {background:rgba(255,255,255,0.25);}
.cg-lang-bd.active {background:rgba(255,255,255,0.35);box-shadow:0 0 0 2px rgba(255,255,255,0.8), 0 0 15px rgba(255,255,255,0.5);z-index:2;}
.cg-lang-bd.active::before {content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:32px;background:transparent;box-shadow:0 0 15px rgba(255,255,255,0.6);animation:cg-pulse 2s infinite;z-index:-1;}
@keyframes cg-pulse {0% {box-shadow:0 0 0 0 rgba(255,255,255,0.7);} 70% {box-shadow:0 0 0 10px rgba(255,255,255,0);} 100% {box-shadow:0 0 0 0 rgba(255,255,255,0);}}
.cg-sec-tt {font-size:32px;color:var(--primary-color);margin-bottom:40px;text-align:center;position:relative;padding:15px 0;}
.cg-sec-tt::after {content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:3px;background-color:var(--primary-color);}
.cg-sup-intro {padding:60px 0;}
.cg-intro-c {display:flex;align-items:center;gap:50px;}
.cg-intro-t {flex:1;}
.cg-intro-t h3 {font-size:28px;color:var(--primary-color);margin-bottom:20px;}
.cg-intro-t p {font-size:16px;color:var(--light-text);line-height:1.7;margin-bottom:20px;}
.cg-intro-t .cg-tt{font-size:20px;color:#333;line-height:1.7;margin-bottom:20px;}
.cg-intro-i {flex:1;height: 385px;padding: 0;}
.cg-intro-i img {width:100%;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.08);}
.cg-bec-sup {padding:60px 0;background-color:var(--primary-bg);}
.cg-steps-c {display:flex;justify-content:space-between;gap:30px;}
.cg-step-cd {background:white;border-radius:12px;padding:40px 30px;text-align:center;flex:1;box-shadow:0 5px 20px rgba(87,113,190,0.08);transition:var(--transition);position:relative;border:1px solid #e8ecf8;}
.cg-step-cd:hover {transform:translateY(-10px);box-shadow:0 15px 30px rgba(87,113,190,0.15);}
.cg-sqan{text-align:center;margin-top:50px;}
.cg-sqan .btn.btn-primary{font-size:18px;padding:16px 45px;}
.cg-step-num {width:50px;height:50px;background:var(--primary-color);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin:0 auto 25px;box-shadow:0 5px 15px rgba(87,113,190,0.3);}
.cg-step-tt {font-size:22px;color:var(--primary-color);margin-bottom:15px;font-weight:700;}
.cg-step-desc {color:var(--light-text);line-height:1.6;font-size:15px;}
.cg-step-arr {position:absolute;top:50%;right:-40px;transform:translateY(-50%);color:var(--primary-light);font-size:24px;}
.cg-exh-photos {padding:60px 0;}
.cg-photo-g {display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.cg-photo-item {border-radius:8px;overflow:hidden;position:relative;box-shadow:0 3px 10px rgba(0,0,0,0.05);transition:var(--transition);background-color:white;border:1px solid #e8ecf8;}
.cg-photo-item:hover {transform:translateY(-3px);box-shadow:0 8px 20px rgba(87,113,190,0.12);}
.cg-photo-item img {width:100%;height:200px;object-fit:cover;display:block;filter:brightness(0.95);transition:filter 0.3s ease;}
.cg-photo-item:hover img {filter:brightness(1.05);}
.cg-photo-cap {background:white;color:var(--text-color);padding:15px;font-size:14px;text-align:center;font-weight:500;border-top:1px solid #f0f0f0;}
.cg-photo-loc {display:block;font-size:12px;color:var(--light-text);margin-top:5px;}    
 /* 微营销页面 .wyx*/
.wyx footer{margin-top: 0;}
.wyx-hero {background:linear-gradient(rgba(4,12,36,0.8),rgba(52,56,108,0.8)),url('../images/bg-w1.jpg') center -20rem/cover no-repeat fixed;padding:60px 0 40px;color:white;text-align:center;position:relative;}
.wyx-hero h1 {font-size:36px;margin-bottom:20px;font-weight:700;text-align: left;}
.wyx-type-box {display:inline-block;height:28px;position:relative;margin: 0 0 0 -560px;text-align: left;}
.wyx-type-text {display:inline-block;overflow:hidden;white-space:nowrap;border-right:2px solid white;width:0;animation:wyx-type 8s steps(70) infinite,wyx-blink 0.8s step-end infinite;}
@keyframes wyx-type {0%{width:0;}40%{width:100%;}70%{width:100%;}100%{width:0;}}
@keyframes wyx-blink {0%,100%{border-right-color:white;}50%{border-right-color:transparent;}}
.wyx-type-box {animation:wyx-fade 8s infinite;}
@keyframes wyx-fade {0%,70%{opacity:1;}85%,100%{opacity:0;}}
.wyx-solution {padding:50px 0;background-color:white;}
.wyx-sol-h2 {text-align:center;color:#5771be;font-size:32px;margin-bottom:40px;}
.wyx-sol-cont {margin:0 auto;padding:0 20px;}
.wyx-sol-desc {font-size:18px;line-height:1.8;margin-bottom:50px;color:#333;text-align:center;}
.wyx-sol-desc b{color:#5771be;}
.wyx-features {display:flex;justify-content:center;gap:30px;margin-bottom:30px;flex-wrap:wrap;}
.wyx-feat-item {flex:1;min-width:280px;text-align:center;padding:30px 20px 20px;position:relative;transition:all 0.3s ease;background:#f8faff;border-radius:10px;border:1px solid #e8ecf8;height: 200px; display: flex;flex-flow: column;align-items: center;justify-content: center;}
.wyx-feat-item:hover {transform:translateY(-5px);box-shadow:0 10px 20px rgba(87,113,190,0.1);}
.wyx-feat-num {background-color:#5771be;color:white;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin:0 auto 15px;position:relative;}
.wyx-feat-num:before {content:'';position:absolute;top:50%;left:50%;width:60px;height:60px;border:2px dashed rgba(87,113,190,0.3);border-radius:50%;transform:translate(-50%,-50%);animation:wyx-rotate 15s linear infinite;}
@keyframes wyx-rotate {0%{transform:translate(-50%,-50%) rotate(0deg);}100%{transform:translate(-50%,-50%) rotate(360deg);}}
.wyx-feat-txt {font-size:14px;line-height:2;color:#666;margin-top:10px;}
.wyx-feat-txt strong{font-size:18px;color:#5771be;display: block;text-align: center;}
.case-section {padding:60px 0 150px;background:#f9fafd;position:relative;overflow:hidden;}
.case-header {background:#f9fafd;position:relative;z-index:2;}
.case-h2 {position: absolute;display: inline-block;margin: -60px 0 0 30%;background: #5771be;color: #fff;padding: 5px 60px;border-radius: 0 0 8px 8px;}
.case-intro-box {padding:30px 40px 120px;}
.case-company {font-size:22px;font-weight:600;color:#5771be;margin-bottom:15px;}
.case-company i{font-size:30px;margin-right:8px;}
.case-intro-text {font-size:16px;line-height:1.7;color:#333;margin-bottom:20px;}
.case-intro-text .case-m2{color:#5771be;}
.case-more1{width:100%;position: absolute;z-index: 5;background:#fff;padding:50px 0 60px;}
.case-more1 .container{text-align: center;}
.case-intro-link {display:inline-block;background:linear-gradient(135deg,#5771be,#6a5acd);color:white;padding:20px 25px;border-radius:8px;font-weight:500;text-decoration:none;font-size:16px;transition:all 0.3s ease;border:none;cursor:pointer;margin-top: -1.5rem;width:100%;text-align:center;font-weight: bold;}
.case-intro-link:hover {background-color:#485fa5;transform:translateY(-2px);box-shadow:0 5px 15px rgba(87,113,190,0.3);}
.case-bg-wrap {background:linear-gradient(135deg,#5771be,#6a5acd) fixed;position:relative;padding:80px 0 0;width:100%;}
.case-bg-wrap:before{content:'';position:absolute;top:0;left:0;width:100%;height:150px;background: #fff;z-index:2;margin:360px 0 0;}
.case-screens {display:grid;grid-template-columns:repeat(3, 1fr);gap:40px;max-width:1300px;margin:0 auto;flex-wrap:wrap;position:relative;z-index:3;margin-top:-100px;}
.case-item {display:flex;flex-direction:column;align-items:center;z-index:3;position:relative;}
.case-img-group {position:relative;width:100%;height:400px;display:flex;justify-content:center;align-items:center;margin-bottom:20px;}
.case-mobile {width:260px;position:relative;z-index:3;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all 0.4s ease;}
.case-mobile img {width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease;}
.case-mobile:hover {transform:translateY(-10px);box-shadow:0 30px 60px rgba(0,0,0,0.3);}
.case-mobile:hover img {transform:scale(1.05);}
.case-pc {width:280px;position:absolute;left:50px;top:50%;transform:translateY(-50%);z-index:2;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all 0.4s ease;margin:45px 0 0 -200px;opacity:.15;}
.case-pc img {width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease;}
.case-pc:hover {transform:translateY(-50%) scale(1.05);z-index:4;opacity:1;}
.case-pc:hover img {transform:scale(1.05);}
.case-caption{text-align:center;font-size:20px;font-weight:600;color:#5771be;padding:15px 0;width:100%;position:relative;z-index:4;background: #fff;position:absolute;margin-top: 380px;}
.case-desc {text-align:center;font-size:14px;line-height:1.6;color:#666;padding:15px 20px;background:#fff;border-radius:8px;width:100%;position:relative;z-index:4;flex:1;margin-top:5px;}
.wyx-cta {text-align:center;padding:80px 0;background:linear-gradient(135deg,#f0f4ff,#e6ebff);width:100vw;position:relative;}
.wyx-cta h2 {color:#5771be;font-size:32px;margin-bottom:25px;}
.wyx-cta p {font-size:20px;margin:0 auto 40px;color:#666;}
.wyx-cta-btn {display:inline-block;background-color:#ff7a45;color:white;padding:18px 45px;border-radius:50px;font-weight:600;text-decoration:none;font-size:20px;transition:all 0.3s ease;border:none;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,0.1);}
.wyx-cta-btn:hover {background-color:#ff6c3a;transform:translateY(-5px);box-shadow:0 12px 25px rgba(0,0,0,0.2);}
.wyx-modal {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);display:flex;justify-content:center;align-items:center;z-index:2000;opacity:0;visibility:hidden;transition:all 0.3s ease;}
.wyx-modal:target {opacity:1;visibility:visible;}
.wyx-modal-img {max-width:90%;max-height:90%;border-radius:8px;box-shadow:0 20px 50px rgba(0,0,0,0.5);transform:scale(0.8);transition:transform 0.3s ease 0.1s;}
.wyx-modal:target .wyx-modal-img {transform:scale(1);}
.wyx-modal-close {position:absolute;top:30px;right:30px;color:white;font-size:40px;cursor:pointer;width:50px;height:50px;display:flex;align-items:center;justify-content:center;text-decoration:none;background:rgba(0,0,0,0.3);border-radius:50%;transition:background 0.3s;}
.wyx-modal-close:hover {background:rgba(0,0,0,0.6);}   
/*ChatGlobal采购专家 .expt1*/
.expt1 .cg-hero{background: linear-gradient(rgba(0,21,90,0),rgba(164,188,255,0)),url('../images/s2a.jpg') center/cover no-repeat fixed}
.ex-intro-se {background:#f8f9fa;padding:80px 0;}
.ex-sec-tt {font-size:32px;text-align:center;margin-bottom:50px;color:#333;}
.ex-intro-c {display:flex;align-items:center;gap:50px;}
.ex-intro-t {flex:1;}
.ex-intro-tt {font-size:24px;color:#5771be;margin-bottom:20px;}
.ex-intro-t p {color:#666;line-height:1.7;margin-bottom:15px;}
.ex-intro-i {flex:1;height:385px;padding: 0;border-radius: 10px;}
.ex-intro-i img {width:100%;border-radius:10px;}
.ex-u1{margin-left:20px;color:#666;line-height:2;}
.ex-bec-exp {padding:80px 0;background:linear-gradient(135deg,#e8efff,#d5e1ff);}
.ex-bec-wrap {display:flex;justify-content:center;gap:60px;margin-top:50px;}
.ex-bec-left {flex:1;}
.ex-bec-right {flex:1;max-width:500px;height:315px;padding: 0;border-radius: 10px;}
.ex-bec-item {display:flex;align-items:center;gap:20px;margin-bottom:40px;}
.ex-bec-icon {width:50px;height:50px;background:#5771be;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;}
.ex-bec-icon i{font-size:25px;}
.ex-bec-info{flex:1;}
.ex-bec-info h3 {font-size:22px;color:#333;margin-bottom:10px;}
.ex-bec-info p {color:#666;line-height:1.6;}
.ex-search-se {padding:60px 0 30px;background:#fff;}
.exp-list-ti {font-size:28px;text-align:center;margin-bottom:40px;color:#333;}
.ex-search-b {max-width:800px;margin:0 auto 30px;display:flex;gap:10px;}
.ex-search-i {flex:1;padding:15px 20px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;}
.ex-search-bt {background:#5771be;color:#fff;padding:0 30px;border-radius:8px;font-size:16px;border:none;transition:all 0.3s;}
.ex-search-bt:hover {background:#3a5ca9;}
.ex-search-i:focus {outline:none;border-color:#5771be;}
.exp-list-se {padding:40px 0 80px;background:#f8f9fa;}
.expert-list {display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:30px;margin-bottom:30px;}
.expert-card {background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.08);padding:25px;display:flex;gap:20px;transition:transform 0.3s;}
.expert-card:hover {transform:translateY(-5px);}
.expert-left {flex:0 0 80px;}
.expert-avatar {width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #e8efff;}
.expert-status {text-align:center;margin-top:10px;font-size:12px;}
.expert-online {color:#4caf50;}
.expert-busy {color:#ff9800;}
.expert-offline {color:#9e9e9e;}
.expert-right {flex:1;}
.expert-header {display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;}
.expert-name {font-size:20px;font-weight:bold;color:#333;}
.expert-title {color:#5771be;font-size:16px;margin-top:5px;}
.expert-btn {background:#5771be;color:#fff;padding:8px 20px;border-radius:20px;font-size:14px;border:none;cursor:pointer;transition:all 0.3s;text-decoration:none;display:inline-block;}
.expert-btn:hover {background:#3a5ca9;transform:translateY(-2px);}
.expert-tags {display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px;}
.expert-tag {background:#f5f5f5;color:#666;padding:4px 12px;border-radius:12px;font-size:14px;}
.expert-tag:first-child {background:#e8efff;color:#5771be;display:inline-block;}
.expert-desc {color:#777;line-height:1.6;font-size:14px;}
.ex-paginati {display:flex;justify-content:center;align-items:center;gap:10px;margin-top:40px;}
.ex-page-btn {width:40px;height:40px;border:1px solid #ddd;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s;text-decoration:none;color:#333;}
.ex-page-btn:hover {border-color:#5771be;}
.ex-page-btn:active {background:#5771be;color:#fff;border-color:#5771be;}
.ex-page-dots {color:#999;}
.ex-page-prev,.ex-page-next {padding:0 15px;width:auto;}
.ex-page-prev:hover,.ex-page-next:hover {border-color:#5771be;}
.ex-page-btn:nth-child(2) {background:#5771be;color:#fff;border-color:#5771be;}
.ex-page-btn:nth-child(2):hover {background:#3a5ca9;}
.ex-search-i:focus::placeholder {color:#999;}
.expert-btn:active {transform:translateY(0);}
.ex-sub1{text-align:center;margin-top:50px;}
.ex-sub1 a{font-size:18px;padding:16px 45px;}
/* 行业网 */
.hyw-hero {width:100%;background:linear-gradient(135deg,#f8f9ff,#eef1ff);padding:80px 0;position:relative;overflow:hidden;background:url('../images/s7a.jpg') no-repeat fixed center center/cover;}
.hyw-herocnt {display:flex;align-items:center;gap:60px;position:relative;z-index:2;}
.hyw-herleft {flex:1;max-width:600px;}
.hyw-hertag {display:inline-block;background:var(--primary-color);color:white;padding:6px 15px;border-radius:30px;font-size:14px;font-weight:600;margin-bottom:20px;}
.hyw-hertit {font-size:42px;font-weight:800;color:var(--primary-dark);margin-bottom:25px;line-height:1.2;}
.hyw-herdesc {font-size:18px;line-height:1.7;color:var(--text-color);margin-bottom:35px;}
.hyw-herft {display:flex;gap:25px;margin-bottom:40px;flex-wrap:wrap;}
.hyw-herfti {display:flex;align-items:center;gap:10px;padding:12px 20px;background:white;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.05);}
.hyw-herfti i {color:var(--primary-color);font-size:20px;}
.hyw-herfti span {font-weight:600;color:var(--primary-dark);}
.hyw-ftani1 {animation:hyw-float1 2s ease-in-out infinite;}
.hyw-ftani2 {animation:hyw-float2 2s ease-in-out infinite 1.3s;}
.hyw-ftani3 {animation:hyw-float3 2s ease-in-out infinite 2.6s;}
@keyframes hyw-float1 {
  0%,100%{transform:translateY(0) scale(1);box-shadow:0 5px 15px rgba(0,0,0,0.05);}
  50%{transform:translateY(-20px) scale(1.05);box-shadow:0 20px 40px rgba(87,113,190,0.3);}
}
@keyframes hyw-float2 {
  0%,100%{transform:translateY(0) scale(1);box-shadow:0 5px 15px rgba(0,0,0,0.05);}
  50%{transform:translateY(-20px) scale(1.05);box-shadow:0 20px 40px rgba(87,113,190,0.3);}
}
@keyframes hyw-float3 {
  0%,100%{transform:translateY(0) scale(1);box-shadow:0 5px 15px rgba(0,0,0,0.05);}
  50%{transform:translateY(-20px) scale(1.05);box-shadow:0 20px 40px rgba(87,113,190,0.3);}
}
.hyw-herfti i {color:var(--primary-color);font-size:20px;transition:all 0.3s ease;}
.hyw-herfti:hover i {color:#ff6b6b;transform:scale(1.2) rotate(5deg);}
.hyw-heright {flex:1;display:flex;justify-content:center;align-items:center;}
.hyw-herimgb {width:100%;max-width:400px;position:relative;}
.hyw-herimg {width:100%;height:auto;display:block;transition:transform 0.5s ease;}
.hyw-herimgb:hover .hyw-herimg {transform:scale(1.05);}
.hyw-plan {width:100%;padding:100px 0;background:white;}
.hyw-planhd {text-align:center;max-width:800px;margin:0 auto 60px;}
.hyw-plantag {display:inline-block;background:#f0f4ff;color:var(--primary-color);padding:6px 20px;border-radius:30px;font-size:14px;font-weight:600;margin-bottom:20px;}
.hyw-plantit {font-size:36px;font-weight:800;color:var(--primary-dark);margin-bottom:15px;}
.hyw-plansub {font-size:18px;color:var(--light-text);line-height:1.6;}
.hwy-plancds {display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.hyw-plancd {background:#f8f9ff;border-radius:15px;padding:40px 30px;text-align:center;border:1px solid #e8ecf8;transition:var(--transition);position:relative;overflow:hidden;}
.hyw-plancd:hover {transform:translateY(-10px);box-shadow:0 20px 40px rgba(87,113,190,0.1);border-color:var(--primary-light);}
.hyw-plancd:before {content:'';position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,var(--primary-color),var(--primary-light));}
.hwy-planic {width:70px;height:70px;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;box-shadow:0 10px 20px rgba(87,113,190,0.1);}
.hwy-planic i {color:var(--primary-color);font-size:30px;}
.hwy-plancdt {font-size:22px;font-weight:700;color:var(--primary-dark);margin-bottom:15px;}
.hwy-plancdd {font-size:16px;color:var(--light-text);line-height:1.7;}
.hyw-inv {width:100%;padding:100px 0;position:relative;overflow:hidden;background:rgba(87,113,190,0.05);}
.hyw-invcnt {display:flex;align-items:center;gap:60px;position:relative;z-index:2;}
.hyw-invleft {flex:1;color:#5771be;max-width:600px;}
.hyw-invtag {display:inline-block;background:rgba(87,113,190,0.2);color:#5771be;padding:6px 20px;border-radius:30px;font-size:14px;font-weight:600;margin-bottom:20px;backdrop-filter:blur(10px);}
.hyw-invtit {font-size:42px;font-weight:800;color:#5771be;margin-bottom:20px;line-height:1.2;}
.hwy-invdesc {font-size:20px;line-height:1.6;margin-bottom:20px;color:#5771be;}
.hwy-invdet {font-size:16px;line-height:1.7;margin-bottom:35px;color:#5771be;}
.hyw-invbtn {display:inline-flex;align-items:center;gap:10px;background:#5771be;color:white;padding:16px 40px;border-radius:50px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:var(--transition);font-size:16px;box-shadow:0 5px 15px rgba(87,113,190,0.2);position:relative;overflow:hidden;}
.hyw-invbtn:hover {background:#4a5fa9;transform:translateY(-3px);box-shadow:0 8px 25px rgba(87,113,190,0.3);gap:15px;}
.hyw-invright {flex:1;}
.hyw-invsts {display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.hyw-invst {background:white;border-radius:15px;padding:30px 20px;text-align:center;border:1px solid rgba(87,113,190,0.2);}
.hyw-invstn {font-size:40px;font-weight:800;color:#5771be;margin-bottom:10px;}
.hyw-invstl {font-size:16px;color:#5771be;font-weight:600;}
.hyw-ads {width:100%;padding:80px 0;background:#f8f9ff;}
.hyw-adhd {text-align:center;margin-bottom:50px;}
.hyw-adhd h3 {font-size:36px;font-weight:800;color:var(--primary-dark);margin-bottom:15px;}
.hyw-adhd p {font-size:18px;color:var(--light-text);}
.hwy-adlist {display:grid;grid-template-columns:repeat(6,1fr);gap:20px;}
.hwy-aditem {background:white;border-radius:10px;padding:20px;border:1px solid #e8ecf8;transition:var(--transition);height:100px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.hwy-aditem:hover {transform:translateY(-5px);border-color:var(--primary-light);box-shadow:0 10px 25px rgba(87,113,190,0.1);}
.hwy-aditem img {max-width:100%;max-height:100%;object-fit:contain;transition:transform 0.3s ease;}
.hwy-aditem:hover img {transform:scale(1.1);}
.hyw-btnani {position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.6),transparent);animation:hyw-shine 2s infinite;}
@keyframes hyw-shine {0%{left:-100%;}100%{left:200%;}}
/* 生意旺铺 .wp1*/
.wp1{color:#333;line-height:1.6;background:#f9fafd;}
.wp-ban {background:linear-gradient(135deg, rgba(87,113,190,0), rgba(106,90,205,0)), url('../images/s6a.jpg') center center fixed no-repeat;background-size:cover;color:#fff;padding:60px 0;text-align:center;position:relative;overflow:hidden;}
.wp-ban h1 {font-size:42px;margin-bottom:15px;position:relative;z-index:2;animation:tScale .5s ease-out forwards;transform-origin:center center;}
.wp-ban p {font-size:18px;margin:0 auto 30px;opacity:.9;position:relative;z-index:2;animation:sScale .5s ease-out .5s forwards;transform-origin:center center;opacity:0;}
.wp-ban .wp-bt {position:relative;z-index:2;font-size:18px;padding:16px 50px;display:inline-block;background:#ff7a45;color:#fff;border-radius:50px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;animation:bAppear .5s ease-out 1s forwards;opacity:0;}
.wp-ban .wp-bt:hover {background:#5771be;color:#fff;transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.2);}
@keyframes tScale {0% {transform:scale(3);opacity:0;}100% {transform:scale(1);opacity:1;}}
@keyframes sScale {0% {transform:scale(2.5);opacity:0;}100% {transform:scale(1);opacity:.9;}}
@keyframes bAppear {0% {opacity:0;transform:translateY(20px);}100% {opacity:1;transform:translateY(0);}}
.wp-ft {padding:60px 0;background:#f0f4ff;}
.wp-ftt {text-align:center;font-size:32px;color:#5771be;margin-bottom:50px;font-weight:700;}
.wp-fgr {display:grid;grid-template-columns:repeat(3, 1fr);gap:30px;}
.wp-fcr {background:#fff;border-radius:12px;padding:40px 30px;text-align:center;box-shadow:0 5px 20px rgba(87,113,190,.08);transition:all .3s ease;border:1px solid #e8ecf8;}
.wp-fcr:hover {transform:translateY(-10px);box-shadow:0 15px 30px rgba(87,113,190,.15);border-color:#7a8fd3;}
.wp-fic {width:80px;height:80px;background:linear-gradient(135deg, #5771be, #7a8fd3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;}
.wp-fic i {font-size:36px;color:#fff;}
.wp-fcr h3 {font-size:20px;color:#5771be;margin-bottom:15px;}
.wp-fcr p {color:#666;line-height:1.6;}
.wp-st {padding:80px 0;background:#fff;position:relative;overflow:hidden;}
.wp-stt {text-align:center;font-size:36px;color:#5771be;margin-bottom:15px;font-weight:700;}
.wp-sts {text-align:center;font-size:18px;color:#666;max-width:600px;margin:0 auto 60px;line-height:1.6;}
.wp-stl {display:flex;justify-content:center;align-items:flex-start;position:relative;margin-bottom:60px;}
.wp-stl::before {content:'';position:absolute;top:25px;left:10%;right:10%;height:2px;background:linear-gradient(90deg, #7a8fd3, #5771be, #7a8fd3);z-index:1;border-radius:2px;}
.wp-step {position:relative;z-index:2;text-align:center;width:33.333%;padding:0 30px;}
.wp-step:first-child {padding-left:0;}
.wp-step:last-child {padding-right:0;}
.wp-snu {width:50px;height:50px;background:#fff;border:2px solid #5771be;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#5771be;font-size:32px;font-weight:700;margin:0 auto 30px;box-shadow:0 10px 30px rgba(87,113,190,.15);position:relative;transition:all .3s ease;}
.wp-step:hover .wp-snu {background:#5771be;color:#fff;transform:scale(1.1);}
.wp-step h3 {font-size:22px;color:#5771be;margin-bottom:15px;font-weight:700;}
.wp-step p {color:#666;line-height:1.6;margin-bottom:0;}
.wp-sic {width:50px;height:50px;background:#f0f4ff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:15px auto;transition:all .3s ease;}
.wp-step:hover .wp-sic {background:#5771be;}
.wp-sic i {font-size:24px;color:#5771be;transition:all .3s ease;}
.wp-step:hover .wp-sic i {color:#fff;}
.wp-sta {display:flex;justify-content:center;gap:50px;margin-top:60px;padding-top:60px;border-top:1px solid #e8ecf8;}
.wp-stat {text-align:center;width: 30%;}
.wp-stn {font-size:48px;font-weight:700;color:#5771be;margin-bottom:10px;line-height:1;height:60px;display:flex;align-items:center;justify-content:center;}
.wp-stn span {font-size:32px;}
.wp-sttx {font-size:16px;color:#666;font-weight:500;}
.wp-stb {text-align:center;margin-top:60px;}
.wp-stb .wp-bt2 {display:inline-block;background:linear-gradient(135deg, #5771be, #7a8fd3);color:#fff;padding:16px 50px;border-radius:50px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;font-size:18px;box-shadow:0 10px 25px rgba(87,113,190,.2);}
.wp-stb .wp-bt2:hover {background:linear-gradient(135deg, #4058a8, #5771be);transform:translateY(-3px);box-shadow:0 15px 35px rgba(87,113,190,.3);}
.wp-sh {padding:60px 0;background:#f0f4ff;}
.wp-sht {text-align:center;font-size:32px;color:#5771be;margin-bottom:50px;font-weight:700;}
.wp-sgr {display:grid;grid-template-columns:repeat(4, 1fr);gap:25px;}
.wp-scr {background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px rgba(87,113,190,.08);transition:all .3s ease;border:1px solid #e8ecf8;}
.wp-scr:hover {transform:translateY(-8px);box-shadow:0 15px 30px rgba(87,113,190,.15);}
.wp-sim {width:100%;height:200px;overflow:hidden;}
.wp-sim img {width:100%;height:100%;object-fit:cover;transition:all .3s ease;}
.wp-sin {padding:25px;}
.wp-sna {font-size:18px;font-weight:700;color:#5771be;margin-bottom:10px;display:block;text-decoration:none;}
.wp-sna:hover {color:#4058a8;}
.wp-slo {display:flex;align-items:center;gap:8px;color:#666;font-size:14px;margin-bottom:15px;}
.wp-slo i {color:#7a8fd3;}
.wp-sde {color:#666;font-size:14px;line-height:1.5;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.wp-sli {display:flex;gap:10px;}
.wp-sln {flex:1;display:flex;align-items:center;justify-content:center;gap:6px;color:#5771be;text-decoration:none;font-size:13px;font-weight:500;padding:8px 12px;border-radius:60px;background:#f0f4ff;transition:all .3s ease;text-align:center;}
.wp-sln:hover {background:#5771be;color:#fff;}
.wp-ct {padding:80px 0;background:linear-gradient(135deg, rgba(87,113,190,.85), rgba(64,88,168,.85)), url('../images/bg12.jpg') center center fixed no-repeat;background-size:cover;color:#fff;text-align:center;position:relative;overflow:hidden;}
.wp-ctt {font-size:36px;margin-bottom:20px;position:relative;z-index:2;}
.wp-ctd {font-size:18px;max-width:700px;margin:0 auto 40px;opacity:.9;position:relative;z-index:2;}
.wp-ctb {display:inline-block;background:#fff;color:#5771be;padding:18px 50px;border-radius:50px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;font-size:18px;position:relative;z-index:2;}
.wp-ctb:hover {background:#ff7a45;color:#fff;transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.2);}
.wp1 footer{margin-top: 0;}

/*商品分类*/
.sp-main {max-width:1400px;margin:0 auto;padding:20px 20px 30px;font-family:'Segoe UI','Microsoft YaHei',sans-serif;color:#333;line-height:1.6;background-color:#f9fafd;box-sizing:border-box;}
.sp-nav-sec {margin-bottom:30px;}
.sp-nav-ttl {font-size:18px;font-weight:600;color:#5771be;padding-bottom:15px;display:flex;align-items:center;gap:10px;}
.sp-nav-grid {display:grid;grid-template-columns:repeat(9,1fr);gap:0;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;}
.sp-nav-item {display:flex;align-items:center;justify-content:center;padding:10px;background:#fff;border:1px solid #e0e0e0;text-decoration:none;color:#333;transition:all 0.3s ease;text-align:center;box-shadow: 0 3px 10px rgba(87, 113, 190, 0.1);border-right: 0;border-bottom: 0;}
.sp-nav-item:hover {background:#5771be;border-color:#5771be;color:#fff;transform:translateY(-5px);box-shadow:0 8px 20px rgba(87,113,190,0.15);}
.sp-nav-item:hover i.sp-nav-icon{color:#fff;}
.sp-nav-icon {font-size:16px;color:#5771be;transition:all 0.3s ease;margin-right:5px;}
.sp-nav-item:hover .sp-nav-icon {color:#5771be;transform:scale(1.1);}
.sp-nav-name {font-size:14px;line-height:1.2;}
.sp-list {display:flex;flex-direction:column;gap:50px;}
.sp-detail {background:white;border-radius:8px;overflow:hidden;transition:all 0.3s ease;}
.sp-detail:hover {box-shadow:0 8px 25px rgba(87,113,190,0.12);}
.sp-detail-hd {background:linear-gradient(135deg,#5771be,#7a8fd3);color:white;padding:5px 10px 5px 25px;display:flex;align-items:center;justify-content:space-between;}
.sp-dtl-ttl {font-size:20px;display:flex;align-items:center;gap:12px;}
.sp-dtl-ttl i{font-size:20px;font-weight: normal;}
.sp-view-all {color:white;text-decoration:none;font-size:14px;display:flex;align-items:center;gap:6px;padding:3px 10px;background:rgba(255,255,255,0.15);border-radius:20px;transition:all 0.3s ease;margin:5px 0;}
.sp-view-all:hover {background:rgba(255,255,255,0.25);gap:8px;}
.sp-detail-ct {padding:20px 25px;}
.sp-detail:nth-child(2n+2) .sp-detail-hd{background:rgba(87,113,190,.1)}
.sp-detail:nth-child(2n+2) .sp-detail-hd .sp-dtl-ttl,.sp-detail:nth-child(2n+2) .sp-detail-hd .sp-view-all{color:#5771be}
.sp-tags {display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #f0f4ff;overflow-x: scroll;}
.sp-tags::-webkit-scrollbar {display: none;}
.sp-tags2{white-space: nowrap;}
.sp-tag {padding:8px 18px;background:#f0f4ff;border:1px solid transparent;border-radius:20px;text-decoration:none;color:#333;font-size:14px;transition:all 0.3s ease;display: inline-block;}
.sp-tag:hover {background:#5771be;color:white;border-color:#5771be;transform:translateY(-2px);}
.sp-pro-grid {display:grid;grid-template-columns:repeat(5,1fr);gap:18px;}
.sp-pro-card {background:white;border:1px solid #f0f4ff;border-radius:10px;overflow:hidden;transition:all 0.3s ease;display:flex;flex-direction:column;height:100%;}
.sp-pro-card:hover {transform:translateY(-5px);box-shadow:0 10px 25px rgba(87,113,190,0.15);border-color:#7a8fd3;}
.sp-img-box {background:#f8f9fa;display:flex;align-items:center;justify-content:center;}
.sp-pro-card:hover .sp-img {transform:scale(1.05);}
.sp-info {padding:18px;flex:1;display:flex;flex-direction:column;border-top:1px solid #f0f4ff;}
.sp-name {font-size:15px;font-weight:600;color:#333;margin-bottom:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;height:21px;}
.sp-price {color:#ff7a45;font-size:18px;font-weight:700;margin-bottom:15px;}
.sp-meta {display:flex;justify-content:space-between;font-size:13px;color:#666;margin-bottom:15px;}
.sp-actions {display:flex;gap:10px;margin-top:auto;}
.sp-inquiry {flex:1;padding:10px;border-radius:6px;text-decoration:none;text-align:center;font-weight:500;transition:all 0.3s ease;font-size:14px;background:#5771be;color:white;}
.sp-inquiry:hover {background:#4058a8;}
.sp-btn-dtl {flex:1;padding:10px;border-radius:6px;text-decoration:none;text-align:center;font-weight:500;transition:all 0.3s ease;font-size:14px;background:#f0f4ff;color:#5771be;border:1px solid #7a8fd3;}
.sp-btn-dtl:hover {background:#7a8fd3;color:white;}
/* 说明页 .sm1 */
.smbg{background:url('../images/smbg.jpg') no-repeat fixed center/cover;padding:10px 0 30px 0}
.smbg1{background:#f0f4ff;margin-top:-40px;}
.smbg2{background:rgba(87,113,190,1);margin-top:-40px;}
.smbg3{background:#f0f4ff;margin-top:-40px;}
.smbg4{background:#f9fafd;margin-top:-70px;padding-top:20px;}
.sm-title {font-size:42px;font-weight:700;color:#fff;padding:60px 0 50px;text-align:center;line-height:1.8;transform-origin:center top;}
.sm-subtitle {font-size:28px;font-weight:600;color:#5771be;margin:60px 0 30px;padding-left:60px;}
.sm-p {margin-bottom:20px;font-size:18px;color:#444;}
.sm-p1{margin-bottom:30px;font-size:18px;color:rgba(240,244,255,.9);line-height:2}
.sm-p2{margin-bottom:20px;color:#a6bbff;font-weight:700;font-size:22px;text-align:center;}
.sm-p5{margin-bottom:20px;text-align:center;font-size:20px;color:#5771be;margin-top:40px;}
.sm-hr {border:none;height:2px;background:linear-gradient(to right,transparent,#5771be,transparent);margin:50px auto;width:80%;transform-origin:center;animation:sm-stretch 3.2s ease-out forwards;}
@keyframes sm-stretch{0%{width:0;opacity:0;}100%{width:80%;opacity:1;}}
.sm-section {background:#f8f9ff;border-radius:12px;padding:40px;margin:40px 0;border:1px solid #e8ecf8;}
.sm-sectitle {font-size:24px;font-weight:700;color:#5771be;margin-bottom:25px;display:flex;align-items:center;}
.sm-icon {width:40px;height:40px;background:#5771be;border-radius:10px;display:flex;align-items:center;justify-content:center;color:white;margin-right:15px;font-size:20px;}
.sm-check {color:#4caf50;font-size:20px;margin-right:10px;}
.sm-list {padding-left:30px;margin:20px 0;}
.sm-list li {margin-bottom:15px;font-size:17px;}
.sm-cta {background:linear-gradient(135deg,#5771be,#6a5acd);color:white;border-radius:12px;padding:50px;text-align:center;margin:60px 0;}
.sm-ctatitle {font-size:32px;font-weight:700;margin-bottom:20px;}
.sm-ctadesc {font-size:18px;margin-bottom:30px;opacity:0.9;}
.sm-btns {display:flex;justify-content:center;gap:20px;flex-wrap:wrap;}
.sm-btn {background:white;color:#5771be;padding:15px 30px;border-radius:50px;font-weight:600;text-decoration:none;transition:all 0.3s;display:inline-block;border:2px solid transparent;}
.sm-btn:hover {background:#ff7a45;color:white;transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,0.2);}
.sm-btnprm {background:#ff7a45;color:white;}
.sm-btnprm:hover {background:#5771be;}
.sm-highlight{border-radius:8px;margin:50px 0 20px;position: relative;}
.sm-highlight .sm-p{font-weight: 700;color: #d84315;font-size: 25px;text-align: center;position: absolute;margin: -20px 0 0 40%;background:linear-gradient(180deg,#f9fafd 30%,#fff8e1);padding:0 20px;}
.sm-highlight .sm-p i{font-size:20px}
.sm-emphasis {font-weight:700;color:#5771be;font-size:20px;margin:30px 0 20px;}
.sm-era {position:relative;padding:30px;margin:40px 0;border-radius:12px;opacity:1;transform:translateY(0);}
.sm-eranum {position:absolute;top:90px;left:20px;width:50px;height:50px;background:#5771be;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;z-index:2;}
.sm-footnote {text-align:center;font-size:16px;color:#666;margin-top:60px;padding-top:30px;border-top:1px solid #e0e0e0;}
.sm1 footer{margin-top:0;}
.sm-textg {text-shadow:2px 2px 4px rgba(0,0,0,0.5);opacity:0;transform:scale(1.5);animation:sm-shrink 0.5s ease-out forwards;}
#text-group-1 {animation-delay:0.01s;}
#text-group-2 {animation-delay:0.5s;}
#text-group-3 {animation-delay:1.0s;}
@keyframes sm-shrink {0%{opacity:0;transform:scale(1.5);}100%{opacity:1;transform:scale(1);}}
.sm-eranum::before {content:'';position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border:2px dashed #5771be;border-radius:50%;z-index:1;animation:sm-rotate 4s linear infinite;}
@keyframes sm-rotate {0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
.sm-centit {font-size:28px;font-weight:600;color:#5771be;margin:60px 0 30px;border-left:5px solid #5771be;line-height:1;padding-left:10px}
.sm-centxt {margin-bottom:20px;font-size:18px;color:#444;}
.sm-threebl {display:flex;justify-content:space-around;flex-wrap:wrap;}
.sm-blk1,.sm-blk2,.sm-blk3 {flex:1;min-width:250px;margin:30px 10px 20px;padding:30px;background:rgba(87,113,190,.05);border-radius:12px;border:1px solid rgba(87,113,190,.05);text-align:center;}
.sm-blk1 .sm-icn,.sm-blk2 .sm-icn,.sm-blk3 .sm-icn {width:60px;height:60px;background:#5771be;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;margin:0 auto 20px;font-size:28px;}
.sm-blk1 .sm-icn i,.sm-blk2 .sm-icn i,.sm-blk3 .sm-icn i {font-size:30px;}
.sm-blk1 p,.sm-blk2 p,.sm-blk3 p {font-size:16px;line-height:1.6;}
.smbg2 .sm-subtitle{color: #fff;}
.smbg2 .sm-p{color:rgba(255,255,255,.8)}
.smbg2 .sm-section .sm-p{color:#666}
.smbg2 .sm-eranum{background:linear-gradient(45deg,rgba(255,255,255,1) 60%, transparent);color:#5771be}
.smbg2 .sm-eranum::before{border-color:rgba(255,255,255,.8)}
.smbg2 .sm-section{background:rgba(255,255,255,.8);border-color:transparent;}
.smbg1 .sm-eranum{background:linear-gradient(45deg,#ff6600 60%, transparent);color:#fff}
.smbg1 .sm-eranum::before{border-color:#ff6600}

/* 行业产品列表页 */
.pli-mast {margin:0 auto;padding:20px 0 0;font-family:'Segoe UI','Microsoft YaHei',sans-serif;color:#333;line-height:1.6;background-color:#f9fafd;box-sizing:border-box;}
.pli-mast .container{padding:0;}
.pli-title {font-size:20px;font-weight:700;color:#5771be;display:flex;align-items:center;gap:10px;}
.pli-title i{font-size:20px;}
.pli-t-nav{display:flex;align-items:center;gap:30px;list-style:none;margin:0;padding:0 0 0 10px;}
.pli-t-nav li{position:relative;font-size:16px;}
.pli-t-nav a{color:#888;text-decoration:none;transition:all 0.3s ease;}
.pli-t-nav a:hover{color:#5771be;}
.pli-t-cur{font-size:20px;font-weight:700;color:#5771be;}
.pli-t-cur:after{content:'';position:absolute;bottom:-17px;left:0;width:100%;height:2px;background:#5771be;}
.pli-t-cur span{color:#5771be;font-size:18px;}
.pli-page1 {font-size:14px;color:#999;display: flex;}
.pli-page1 i{font-size:14px;padding:0 5px 0 10px;}
.pli-page1 a{text-decoration: none;color:#666;}
.pli-page1 .icon-shouye{padding:0 5px 0 15px;}
.pli-cont {display:flex;gap:20px;margin-top:30px;}
.pli-left {width:200px;flex-shrink:0;}
.pli-right {flex:1;}
.pli-catnav {background:#fff;border-radius:8px;padding:0;border:1px solid #e8ecf8;box-shadow:0 3px 10px rgba(87,113,190,0.05);}
.pli-cattit {background:#5771be;color:#fff;padding:15px;font-size:16px;font-weight:600;border-radius:8px 8px 0 0;}
.pli-catlist {list-style:none;}
.pli-catitem {border-bottom:1px solid #f5f5f5;position:relative;}
.pli-catlink {display:flex;align-items:center;padding:12px 15px;color:#333;text-decoration:none;transition:all 0.3s ease;font-size:14px;gap:8px;}
.pli-catlink:hover {background:#f8f9ff;color:#5771be;}
.pli-caticon {margin-left:auto;font-size:14px;transition:transform 0.3s ease;color:#999;}
.pli-subcat {display:none;padding:10px 15px 10px 25px;background:#f9faff;border-top:1px solid #f0f4ff;}
.pli-subcat a{display:block;padding:8px 0 8px 15px;color:#666;text-decoration:none;font-size:14px;transition:all 0.3s ease;}
.pli-subcat a:before{content: "";border:5px solid rgba(87, 113, 190, .1);border-color:transparent transparent transparent rgba(87, 113, 190, .2);position: absolute; margin:5px 0 0 -15px;}
.pli-subcat a:hover {color:#5771be;padding-left:5px;}
.pli-catlink.open .pli-caticon {transform:rotate(90deg);}
.pli-subcat.show {display:block;}
.pli-filter {background:#fff;border-radius:0 0 8px 8px;padding:20px;margin-bottom:30px;border:1px solid #e8ecf8;box-shadow:0 3px 10px rgba(87,113,190,0.05);}
.pli-filtit {font-size:16px;font-weight:600;color:#5771be;margin-bottom:15px;display:flex;align-items:center;gap:8px;}
.pli-filtit i {font-size:18px;}
.pli-filrow {margin-bottom:5px;display:flex;align-items:flex-start;}
.pli-fillab {font-size:14px;color:#666;font-weight:500;min-width:90px;flex-shrink:0;margin-right:15px;padding:6px 10px 0 10px;font-weight:bold;}
.pli-filtags {display:flex;flex-wrap:wrap;gap:8px;flex:1;overflow:hidden;max-height:30px;}
.pli-filtag {padding:5px 15px;border-radius:20px;font-size:13px;color:#666;text-decoration:none;transition:all 0.3s ease;white-space:nowrap;}
.pli-filtag:hover {color:#5771be;background:#f0f4ff;}
.pli-morebtn {display:inline-flex;align-items:center;gap:5px;color:#5771be;font-size:13px;cursor:pointer;padding:6px 12px;border-radius:4px;border:1px solid #e8ecf8;background:#f8f9ff;transition:all 0.3s ease;white-space:nowrap;flex-shrink:0;margin-left:10px;}
.pli-morebtn:hover {background:#e8efff;}
.pli-morebtn i {font-size:12px;transition:transform 0.3s ease;}
.pli-morebtn.open i {transform:rotate(90deg);}
.pli-hidetags {display:none;}
.pli-hidetags.show {display:flex;flex-wrap:wrap;margin-top:10px;width:100%;}
.pli-filrow.open .pli-filtags {max-height:none;flex-wrap:wrap;}
.pli-morefil {margin-top:20px;padding-top:20px;border-top:1px dashed #e0e0e0;}
.pli-morefilbtn {display:flex;align-items:center;gap:8px;color:#5771be;font-size:14px;cursor:pointer;padding:8px 15px;border-radius:6px;border:1px solid #e8ecf8;background:#f8f9ff;transition:all 0.3s ease;justify-content:center;}
.pli-morefilbtn:hover {background:#e8efff;}
.pli-morefilbtn i {font-size:12px;transition:transform 0.3s ease;}
.pli-morefilbtn.open i {transform:rotate(90deg);}
.pli-morecont {display:none;margin-top:20px;}
.pli-morecont.show {display:block;}
.pli-view {display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#fff;border-radius:8px 8px 0 0;border:1px solid #e8ecf8;}
.pli-viewop {display:flex;gap:10px;font-size:14px;}
.pli-viewbt {height:30px;padding:0px 10px ;border-radius:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;color:#666;}
.pli-viewbt:hover {background:#5771be;color: #fff;}
.pli-viewbt.active {background:#5771be;color: #fff;}
.pli-a-m{display: flex;gap:20px;}
.pli-a-ml{flex:1;}
.pli-a-mr{width: 170px;}
/* 行业产品列表页  - 图文模式 */
.pli-prolist {margin-bottom:40px;}
.pli-prorow {background:#fff;border-radius:10px;overflow:hidden;transition:all 0.3s ease;border:1px solid #f0f4ff;display:flex;margin-bottom:15px;}
.pli-prorow:hover {transform:translateY(-5px);box-shadow:0 10px 25px rgba(87,113,190,0.15);border-color:#7a8fd3;}
.pli-prorow.pad1{border: 1px solid #5771be;position: relative;}
.pli-prorow.pad1:before{content:"广告";background:rgba(87, 113, 190, .03);color:#999;position: absolute;bottom: 0;right: 0;font-size:12px;padding:2px 5px;border-radius:5px 0 0 0;}
.pli-proleft {display:flex;padding:20px;width:100%;}
.pli-proimgbox {margin-right:25px;width:260px;padding-bottom:260px;height:0;}
.pli-proinfo {display:flex;flex-direction:column;flex:1;}
.pli-pronam {font-size:16px;font-weight:600;color:#333;margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.pli-price {color:#ff7a45;font-size:20px;font-weight:700;margin-bottom:10px;}
.pli-prodesc {font-size:13px;color:#666;line-height:2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.pli-proright {width:360px;padding:10px 0 0;border-top:1px dashed #f0f4ff;display:flex;flex-direction:column;justify-content:space-between;width:100%;margin-top:10px;}
.pli-procomp {font-size:16px;color:#5771be;font-weight:500;margin-bottom:8px;}
.pli-proloc {font-size:13px;color:#666;margin-bottom:15px;display:flex;align-items:center;gap:5px;}
.pli-proloc i {font-size:12px;}
.pli-proact {display:flex;gap:10px;width: fit-content;}
.pli-proact i{margin-right: 5px;}
/* 行业产品列表页 大图模式 */
.pli-progrid {display:grid;grid-template-columns:repeat(3,1fr);gap:30px 20px;margin-bottom:40px;display:none;}
.pli-progrid.show {display:grid;}
.pli-procard {background:#fff;border-radius:10px;overflow:hidden;transition:all 0.3s ease;border:1px solid #f0f4ff;display:flex;flex-direction:column;height:100%;}
.pli-procard:hover {transform:translateY(-5px);box-shadow:0 10px 25px rgba(87,113,190,0.15);border-color:#7a8fd3;}
.pli-procard.pad1{border:1px solid #5771be;position: relative;}
.pli-procard.pad1:before{content:"广告";background:rgba(87, 113, 190, .03);color:#999;position: absolute;top: 0;right: 0;font-size:12px;padding:2px 5px;border-radius:5px 0 0 0;    z-index: 9;}
.pli-proimg {background:#f8f9fa;display:flex;align-items:center;justify-content:center;}
.pli-procard:hover .pli-proimg img {transform:scale(1.05);}
.pli-proinfo2 {padding:15px;flex:1;display:flex;flex-direction:column;}
.pli-pronam2 {font-size:16px;font-weight:600;color:#333;margin-bottom:10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;height:20px;}
.pli-pronum2 {display:flex;justify-content:space-between;font-size:14px;color:#666;margin-bottom:10px;}
.pli-proven2 {color:#5771be;font-weight:500;}
.pli-price2 {color:#ff7a45;font-size:16px;font-weight:700;margin-bottom:15px;}
.pli-proact2 {display:flex;gap:10px;margin-top:auto;}
.pli-proinq2 {flex:1;padding:8px;border-radius:6px;text-decoration:none;text-align:center;font-weight:500;transition:all 0.3s ease;font-size:13px;background:#5771be;color:white;}
.pli-proinq2:hover {background:#4058a8;}
.pli-prodtl2 {flex:1;padding:8px;border-radius:6px;text-decoration:none;text-align:center;font-weight:500;transition:all 0.3s ease;font-size:13px;background:#f0f4ff;color:#5771be;border:1px solid #7a8fd3;}
.pli-prodtl2:hover {background:#7a8fd3;color:white;}
.pli-pagin {display:flex;justify-content:center;align-items:center;gap:8px;}
.pli-pagbt {width:36px;height:36px;border:1px solid #e0e0e0;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;text-decoration:none;color:#333;background:#fff;}
.pli-pagbt:hover {border-color:#5771be;}
.pli-pagact {background:#5771be;color:#fff;border-color:#5771be;}
.pli-pagdot {color:#999;}
.pli-pagprev,.pli-pagnext {padding:0 15px;width:auto;}
.pli-pagprev:hover,.pli-pagnext:hover {border-color:#5771be;}
/* 行业产品列表页  hot-c 版块 */
.hot-c {background:linear-gradient(45deg,rgba(87, 113, 190, .15), transparent);border-radius:8px;padding:20px;margin:20px 0;}
.hot-c-cont {display:flex;gap:20px;}
.hot-c-l {width: 440px;}
.hot-c-r {flex:1;display:flex;flex-direction:column;gap:20px;}
.hot-c-big {height:330px;border-radius:8px;overflow:hidden;}
.hot-c-t {display:flex;justify-content:space-between;align-items:center;}
.forh3a {color:#5771be;font-size:20px;margin-bottom:8px;max-width:615px;}
.hot-c-company p {color:#666;display:flex;align-items:center;gap:5px;}
.hot-c-contact {display:flex;gap:10px;}
.hot-c-b {display:flex;flex-direction:column;gap:15px;}
.hot-c-prod {display:flex;align-items:center;gap:10px;    position: relative;}
.hot-c-prev, .hot-c-next {width:30px;height:30px;border-radius:50%;border:1px solid #e0e0e0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;position: absolute;z-index: 9;}
.hot-c-prev:hover, .hot-c-next:hover {background:#5771be;color:#fff;}
.hot-c-prev{left: 0;}
.hot-c-next{right:0;}
.hot-c-items {flex:1;overflow:hidden;position:relative;height:220px;}
.hot-c-slide{position:absolute;top:0;left:100%;width:100%;display:grid;grid-template-columns:repeat(5, 1fr);gap: 10px; transition: left 0.5s cubic-bezier(0.4, 0, 0.2, 1);opacity: 1;}
.hot-c-slide.active {left: 0;z-index: 2;}
.hot-c-slide.prev {left: -100%;z-index: 1;}
.hot-c-img { overflow: hidden;display: inline-block; position: relative; width: 100%; padding-bottom: 100%;border-radius: 4px;}
.hot-c-img img {transition: transform 0.5s ease;max-width: 100%;max-height: 100%;transform: scale(1);position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.hot-c-img:hover img {transform: scale(1.1);}
.hot-c-name {font-size:14px;color:#333;height:22px;overflow:hidden;width: 164px;}
.hot-c-price {color:#ff7a45;font-size:14px;font-weight:bold;padding-bottom:1rem;}
.hot-c-ctaf i,.hot-c-cta i{margin-right:5px;}
.hot-c-dots {display:flex;justify-content:center;gap:8px;}
.hot-c-dot {width:20px;height:3px;background:#e0e0e0;border-radius:2px;cursor:pointer;}
.hot-c-dot.active {background:#5771be;}
/* 行业产品列表页   pli-a-mr 版块 */
.pli-a-mr {width:170px;flex-shrink:0;}
.pli-a-mrt {background:#5771be;color:#fff;padding:8px 12px;font-size:14px;font-weight:bold;border-radius:8px 8px 0 0;text-align:center;}
.pli-a-mrc {border:1px solid #e8ecf8;border-top:none;border-radius:0 0 4px 4px;padding:15px;}
.pli-a-mri {margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #f0f4ff;}
.pli-a-mri:last-child {margin-bottom:0;border-bottom:none;}
.pli-a-mrimg {border-radius:4px;margin-bottom:8px;}
.pli-a-mrname {font-size:12px;color:#333;line-height:1.4;text-align:center;}
/* 产品搜索 */
.ss-1{background: linear-gradient(135deg, #ffffff 0%, #f8f9ff 100%);border: 1px solid #e8ecf8;border-radius: 12px; box-shadow: 0 4px 12px rgba(87, 113, 190, 0.08);position: relative;overflow: hidden;font-size:18px;color: #333;padding: 15px 20px;margin: 20px 0;text-align: center;}
.ss-1::before {content: '';position: absolute;top: 0;left: 0;width: 4px;height: 100%;background: linear-gradient(180deg, #5771be, #7a8fd3);border-radius: 2px;}
.ss-2{color:#ff7a45; font-weight: bold;}
.ss-3{color:#5771be;font-weight: bold;}
/* 企业列表 */
.cli-a-m{display: flex;gap: 20px;}
.cli-a-ml{flex: 1;}
.cli-main {display:flex;gap:20px;margin-top:20px;}
.cli-left {width:250px;background:white;border-radius:8px;border:1px solid #e8ecf8;overflow:hidden;}
.cli-righ {flex:1;}
.cli-cat {padding:15px;border-bottom:1px solid #f5f5f5;}
.cli-ctit {font-weight:bold;color:#333;display:flex;justify-content:space-between;cursor:pointer;}
.cli-arrow {transition:transform 0.3s;}
.cli-arrow.open {transform:rotate(90deg);}
.cli-subcat {margin-top:10px;display:none;}
.cli-subcat.open {display:block;}
.cli-sublnk {display:block;padding:8px 5px;color:#666;text-decoration:none;font-size:14px;}
.cli-sublnk:hover {color:#5771be;}
.cli-comp {background:white;border-radius:8px;border:1px solid #e8ecf8;margin-bottom:15px;overflow:hidden;padding:20px;}
.cli-comp.cad1{border: 1px solid #5771be;position: relative;}
.cli-comp.cad1:before{content:"广告";background:rgba(87, 113, 190, .03);color:#999;position: absolute;bottom: 0;right: 0;font-size:12px;padding:2px 5px;border-radius:5px 0 0 0;}
.cli-comprow {display:flex;gap:20px;max-width: 100%; min-width: 0;}
.cli-comleft {flex:1;display: flex;flex-flow:column;max-width: 100%; min-width: 0;}

.cli-comname {font-size:20px;color:#5771be;font-weight:bold;margin-bottom:10px;}
.cli-comdesc {color:#666;font-size:14px;line-height:1.6;margin-bottom:10px;}
.cli-comprod {margin-bottom:10px;font-size:14px;color:#666;}
.cli-comprod a{color:#666;}
.cli-prodtit {color:#333;font-weight:bold;margin-bottom:5px;}
.cli-comloc {margin-bottom:15px;color:#666;font-size:14px;}
.cli-links {display:flex;gap:10px;}
.cli-lnk {display:inline-flex;align-items:center;gap:5px;color:#5771be;text-decoration:none;font-size:14px;padding:8px 15px;background:#f0f4ff;border-radius:30px;}
.cli-lnk:hover {background:#5771be;color:white;}
.cli-prodsec {display:flex;width: 100%;}
.cli-proditem {flex:1;text-align:center;max-width: 100%;width:33%;padding:0 10px;}
.cli-prodimg {background:#f5f7ff;border-radius:8px;margin-bottom:8px;}
.cli-prodname {font-size:14px;color:#333;line-height:1.4;}
/*专家搜索页 .ex-all*/
.ex-all .expert-list{grid-template-columns: repeat(2, 1fr);}
.ex-all .pli-a-m{margin-top: 2rem;}
.exli-a-ml{flex: 1;}
.ex-hot{background:linear-gradient(135deg,#f0f4ff,#e6ebff);border-radius:12px;padding:20px;margin:20px 0;border:1px solid #e8ecf8;}
.ex-hot-wrap{display:flex;align-items:center;gap:30px;}
.ex-hot-left{flex:1;display:flex;align-items:flex-start;gap:30px;padding-left:10px;}
.ex-hot-icon{width:60px;height:60px;background:#5771be;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;animation: ex-ai-pulse 2s ease-in-out infinite;}
@keyframes ex-ai-pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(87,113,190,0.4);}50%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(87,113,190,0);}}
.ex-hot-icon i{font-size:30px;color:#fff;}
.ex-hot-ttl{font-size:24px;color:#5771be;margin-bottom:10px;font-weight:700;}
.ex-hot-desc{color:#666;font-size:16px;line-height:1.6;margin-bottom:15px;}
.ex-hot-feat{list-style:none;display:flex;gap:20px;}
.ex-hot-feat li{color:#333;font-size:14px;display:flex;align-items:center;gap:5px;}
.ex-hot-feat i{color:#5771be;font-size:16px;}
.ex-hot-right{text-align:center;padding-left:50px;border-left:2px dashed #7a8fd3;padding-right:30px;}
.ex-hot-btn{background:linear-gradient(135deg,#5771be,#7a8fd3);color:#fff;padding:12px 30px;border-radius:50px;font-weight:600;text-decoration:none;display:inline-block;transition:all 0.3s;font-size:16px;box-shadow:0 4px 12px rgba(87,113,190,0.2);position:relative;overflow:hidden;}
.ex-hot-btn::before{content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);animation: ex-ai-shine 2s infinite;}
@keyframes ex-ai-shine{0%{left:-100%;}100%{left:100%;}}
.ex-hot-btn:hover{background:linear-gradient(135deg,#4058a8,#5771be);transform:translateY(-2px);box-shadow:0 6px 15px rgba(87,113,190,0.3);}
.ex-hot-btn i{margin-right:8px;}
.ex-hot-tip{color:#999;font-size:12px;margin-top:8px;}
/*专家详细页*/
.ex-d-m {margin: 0 auto; padding: 30px 0 50px;}
.ex-d-bn {background: linear-gradient(135deg, #5771be, #6a5acd); border-radius: 12px; padding: 35px 40px; color: white; margin-bottom: 30px; position: relative; display: flex; align-items: center; gap: 40px; box-shadow: 0 5px 20px rgba(87, 113, 190, 0.2); overflow: visible;}
.ex-d-bnl {display: flex; flex-direction: column; align-items: center;position: relative; z-index: 2; flex-shrink: 0;}
.ex-d-bna {width: 120px; height: 120px; border-radius: 50%; object-fit: cover; border: 4px solid rgba(255,255,255,0.25); box-shadow: 0 8px 20px rgba(0,0,0,0.15);}
.ex-d-bns {display: inline-flex; align-items: center; gap: 6px;padding: 6px 15px;font-size: 14px; white-space: nowrap; position:relative;}
.ex-d-bns .ex-d-rstat,.ex-d-bns .ex-d-offline{bottom:auto;top:0;margin: -18px 12px 0 0;}
.ex-d-bnr {flex: 1; position: relative; z-index: 2; display: flex; flex-direction: column; gap: 12px;}
.ex-d-bnh {display: flex; justify-content: space-between; align-items:center;}
.ex-d-bnnc {display: flex; align-items: center; gap: 15px; flex-wrap: wrap;}
.ex-d-bnn {font-size: 32px; font-weight: 600; margin: 0;}
.ex-d-cl {color: #ffd700; text-decoration: none; font-size: 14px;padding:5px 10px; border-radius:50px; transition: all 0.3s ease; cursor: pointer; background: rgba(0,0,0,0.1); border: 1px solid rgba(255, 215, 0, 0.3); display: inline-flex; align-items: center; gap: 6px;}
.ex-d-cl:hover {background: rgba(255, 215, 0, 0.2); transform: translateY(-2px);}
.ex-d-bcbc {display: flex; align-items: center;}
.ex-d-cb {background: linear-gradient(135deg, #ffd700, #ffed4e); color: #8b6914; padding: 12px 28px; border-radius:50px; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 600; transition: all 0.3s ease; animation: pulse-gold 2s infinite; border: none; cursor: pointer; position: relative; overflow: hidden; z-index: 1;}
@keyframes pulse-gold {0% {box-shadow: 0 5px 15px rgba(255, 215, 0, 0.3);} 50% {box-shadow: 0 5px 25px rgba(255, 215, 0, 0.5); transform: scale(1.03);} 100% {box-shadow: 0 5px 15px rgba(255, 215, 0, 0.3); transform: scale(1);}}
.ex-d-cb:hover {animation: none; transform: scale(1.05); box-shadow: 0 8px 30px rgba(255, 215, 0, 0.6);}
.ex-d-cb::before {content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent); transition: left 0.7s ease; z-index: -1;}
.ex-d-cb:hover::before {left: 100%;}
.ex-d-bnc {font-size: 16px; opacity: 0.9; display: flex; align-items: center; gap: 8px;}
.ex-d-bnts {display: flex; flex-wrap: wrap; gap: 10px; margin-top: 5px;}
.ex-d-bntg {background: rgba(255,255,255,0.15); padding: 6px 15px; border-radius: 15px; font-size: 13px; transition: all 0.3s ease;}
.ex-d-bntg:hover {background: rgba(255,255,255,0.25); transform: translateY(-2px);}
.ex-d-c {display: flex; gap: 30px; margin-bottom: 40px;}
.ex-d-l {flex: 1; display: flex; flex-direction: column; gap: 30px;}
.ex-d-r {width: 320px;}
.ex-d-fs {background: white; border-radius: 10px; padding: 25px; border: 1px solid #eef2ff;}
.ex-d-fc {display: flex; flex-direction: column; gap: 25px;}
.ex-d-fi {display: flex; align-items: flex-start; gap: 20px; padding-bottom: 25px; border-bottom: 1px solid #f0f4ff;}
.ex-d-fi:last-child {padding-bottom: 0; border-bottom: none;}
.ex-d-fiw {width: 60px; height: 60px; background: linear-gradient(135deg, #e8f0ff, #f0f6ff); border-radius: 12px; display: flex; align-items: center; justify-content: center; color: #6a7fc1; font-size: 24px; flex-shrink: 0; border: 1px solid #e1e9ff;}
.ex-d-fiw i{font-size:30px;font-weight: normal;}
.ex-d-fct {flex: 1;}
.ex-d-ft {font-size: 18px; color: #333; font-weight: 600; margin-bottom: 8px;}
.ex-d-fsv {display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px;}
.ex-d-fsvv {background: #f0f4ff; color: #5771be; padding: 6px 12px; border-radius: 15px; font-size: 13px; font-weight: 500;}
.ex-d-fd {font-size: 14px; color: #777; line-height: 1.6;}
.ex-d-sc {background: white; border-radius: 10px; padding: 30px; border: 1px solid #eef2ff;}
.ex-d-st {font-size: 20px; color: #333; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #f0f4ff; font-weight: 600; position: relative;}
.ex-d-st::after {content: ''; position: absolute; bottom: -2px; left: 0; width: 50px; height: 2px; background: #5771be;}
.ex-d-sd {color: #555; line-height: 1.8; font-size: 16px; margin: 0;}
.ex-d-kc {background: white; border-radius: 10px; padding: 30px; border: 1px solid #eef2ff;}
.ex-d-kg {display: flex; flex-wrap: wrap; gap: 12px; margin-top: 15px;}
.ex-d-kw {background: linear-gradient(135deg, #f0f4ff, #e6eeff); color: #5771be; padding:6px 18px; border-radius: 20px; font-size: 14px; font-weight: 500; transition: all 0.3s ease; border: 1px solid rgba(87, 113, 190, 0.1);}
.ex-d-kw:hover {background: linear-gradient(135deg, #5771be, #6a5acd); color: white; transform: translateY(-3px);}
.ex-d-cc {background: white; border-radius: 10px; padding: 30px; border: 1px solid #eef2ff; margin-bottom:20px;}
.ex-d-cls {display: flex; flex-direction: column; gap: 20px; margin-bottom: 30px;}
.ex-d-ci {display: flex; gap: 15px; align-items: flex-start;}
.ex-d-cic {width: 40px; height: 40px; background: linear-gradient(135deg, #e8f0ff, #f0f6ff); border-radius:50px; display: flex; align-items: center; justify-content: center; color: #6a7fc1; font-size: 18px; flex-shrink: 0; border: 1px solid #e1e9ff;}
.ex-d-cic i{font-size:24px;}
.ex-d-cd {flex: 1;}
.ex-d-clbl {font-size: 13px; color: #888; text-transform: uppercase; letter-spacing: 0.5px;}
.ex-d-cv {font-size: 16px; color: #333; font-weight: 500;}
.ex-d-sb {background: linear-gradient(135deg, #f8faff, #f0f4ff); border-radius: 10px; padding: 25px; text-align: center; border: 1px solid #e6eeff; box-shadow: 0 4px 12px rgba(168, 198, 255, 0.1);}
.ex-d-sti {font-size: 18px; color: #5771be; margin-bottom: 15px; font-weight: 600; position: relative; padding-bottom: 10px;}
.ex-d-sti::after {content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 40px; height: 2px; background: #a8c6ff;}
.ex-d-qc {width: 160px; height: 160px; margin: 0 auto 15px; padding: 10px; background: white; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); border: 1px solid #eef2ff;}
.ex-d-qc img {width: 100%; height: 100%; object-fit: contain;}
.ex-d-stip {font-size: 13px; color: #888; margin-bottom: 12px; line-height: 1.5;}
.ex-d-rs {margin-top: 40px;}
.ex-d-rt {font-size:16px;color:#5771be;margin-bottom:15px;font-weight:500;}
.ex-d-rg {display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px;}
.ex-d-ri {background: white; border-radius: 10px; padding: 25px; border: 1px solid #eef2ff; text-align: center; transition: all 0.3s ease; display: flex; flex-direction: column; align-items: center;}
.ex-d-ri:hover {transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.08);}
.ex-d-rac {position: relative; margin-bottom: 15px;}
.ex-d-ra {width: 80px; height: 80px; border-radius: 50%; object-fit: cover; border: 3px solid white; box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
.ex-d-rstat{background: #4caf50; position: absolute; bottom: 0; right: 0; width: 20px; height: 20px;border-radius: 50%; border: 3px solid white;}
.ex-d-offline{background: #9e9e9e;position: absolute; bottom: 0; right: 0; width: 20px; height: 20px; border-radius: 50%; border: 3px solid white;}
.ex-d-rn {font-size: 18px; color: #333; margin-bottom: 6px; font-weight: 600;}
.ex-d-rts {display: flex; flex-wrap: wrap; gap: 8px; justify-content: center;}
.ex-d-rtg {background: #f0f4ff; color: #5771be; padding: 4px 10px; border-radius: 10px; font-size: 12px;}
.ex-d-cm {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: none; justify-content: center; align-items: center;}
.ex-d-co {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.75); backdrop-filter: blur(3px);}
.ex-d-cbx {position: relative; z-index: 10000; width:600px; height:800px; max-height: 800px; background: #fffef7; border-radius: 8px; box-shadow: 0 25px 60px rgba(0,0,0,0.25); border: 20px solid #f5f1e3; padding: 0; animation: certFadeIn 0.4s ease; overflow: hidden;}
@keyframes certFadeIn {from {opacity: 0; transform: scale(0.95) translateY(20px);} to {opacity: 1; transform: scale(1) translateY(0);}}
.ex-d-ccs {position: absolute; top: 10px; right: 10px; width: 36px; height: 36px; background: rgba(0,0,0,0.5); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; cursor: pointer; z-index: 10001; transition: all 0.3s ease; border: 2px solid rgba(255,255,255,0.3);}
.ex-d-ccs:hover {background: rgba(0,0,0,0.7); transform: rotate(90deg);}
.ex-d-ccn {padding: 40px; height: 100%; background: white; position: relative; overflow: hidden;}
.ex-d-cbg {position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.08; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path d="M20,20 L80,80 M80,20 L20,80" stroke="%23d4af37" stroke-width="1"/></svg>'); pointer-events: none;}
.ex-d-ch{text-align: center; margin-bottom: 30px; position: relative; padding-bottom:40px; border-bottom: 2px solid #f0f0f0;}
.ex-d-clg{font-size: 36px; font-weight: 700; color: #d4af37; margin-bottom: 10px; letter-spacing: 3px;}
.ex-d-ct{font-size: 32px; font-weight: 700; color: #333; margin-bottom: 8px;}
.ex-d-csub{font-size: 18px; color: #777; margin-bottom: 15px; letter-spacing: 2px;}
.ex-d-cbdy{text-align: center; padding: 0 40px; margin-bottom: 30px; position: relative;margin-top: -50px;}
.ex-d-ctx{font-size: 20px; color: #555; line-height: 1.8; display: inline-block;background: #fff;padding: 0 10px;}
.ex-d-cn{font-size: 36px; color: #d4af37; font-weight: 700; margin: 25px 0; padding: 20px 0;letter-spacing: 4px;}
.ex-d-cdts{display: flex; justify-content: space-between; margin-top:60px; font-size: 18px; color: #666; background: #f9f9f9; padding: 15px 25px; border-radius: 8px; border-left: 4px solid #d4af37;}
.ex-d-cft{display: flex; justify-content: space-between; margin-top: 40px; padding-top: 20px; border-top: 1px solid #eee; font-size: 16px; color: #777; position: relative;}
.ex-d-csl{position: absolute; bottom: 40px; right:0; width: 140px; height: 140px; border-radius: 50%;display: flex; align-items: center; justify-content: center;}

/* 响应式设计 */
@media (min-width:992px) {
        .pc-no,.navCir,.pli-mobctl,.pli-close-btn,.pli-close-btn,.pli-filtit{display: none;}
        /* 微营销页面 */
        .case-intro-link{width:70%;}
        /*产品、企业、专家列表&搜索页 共用 */
        .pli-left {background: rgba(87, 113, 190, .05);border-radius: 8px;}
        .exli-a-mr {background:#fafbff;}
        /*产品列表*/
        .pli-a-ml.lmall .pli-progrid{grid-template-columns: repeat(4,1fr);}
        /*企业列表&搜索页*/
        .cli-comprow{width:948px;}
        .cli-comprow.lmall{width:1141px;}
        .cli-comright {width:460px;padding-top: 10px;}
        .cli-comright.lm2{width:307px;}
        .cli-comright.lm2 .cli-proditem{width: 50%;}
        .cli-comright.lm1{width:153px;}
        .cli-comright.lm1 .cli-proditem{width:100%;}
        /*行业网*/
        .hwy-invdet{white-space: nowrap;}
}
@media (max-width:1199px) {
        .features-grid {flex-wrap:wrap;}
        .feature-card {width:45%;}
        .submenu-all {right:0;width:850px;}
        .cate-sub {grid-template-columns:repeat(2,1fr);}
        .ad-content {max-width:80%;}
        
        .ad-banner2 {padding:50px 60px;}
        /* ChatGlobal供应商页面 */
        .cg-hero-c {gap:30px;} 
        .cg-intro-c {gap:30px;} 
        .cg-steps-c {flex-wrap:wrap;} 
        .cg-step-cd {flex-basis:calc(33.333% - 20px);} 
        .cg-step-arr {display:none;} 
        .cg-photo-g {grid-template-columns:repeat(2,1fr);}
}
@media (max-width:991px) {
        .m-no,.cate-nav,.top-bar,footer,.header-phone,.nav-bar .nav-menu,.nav-bar .date-time,.mobile-nv-lyr .date-time,.ex-page-prev,.ex-page-next,.wp-sic,.pli-pagprev,.pli-pagnext,.pli-page1{display:none;}
        .f24,.cg-hero-t h1,.wyx-sol-h2,.wyx-case-h2,.case-h2,.case-company i,.wyx-cta h2,.wp-ban h1,.sm-title,.ex-d-bnn,.hyw-hertit,.hyw-invtit,.hyw-adhd h3{font-size:1.5rem;}
        .f18,.hero-text h2,.industry-name,.portal-tit,.cg-sec-tt,.cg-sec-tt,.cg-sec-tt,.cg-step-tt,.case-company,.ex-sec-tt,.ex-sec-tt,.wp-ftt,.wp-stt,.wp-sht,.wp-ctt,.sm-subtitle,.sm-ctatitle,.sm-centit,.sp-dtl-ttl,.ex-hot-ttl,.ex-d-st,.cli-comname,.hyw-plantit,.hyw-invstn{font-size:1.2rem}
        .f16,.side-shop-name,.side-title,.side-shop-desc,.side-shop-link,.comp-name h4,.comp-desc,.comp-link,.ad-title,.ad-title2,.view-all-link,.view-all-btn,.portal-view,.cg-hero-t p,.cg-intro-t .cg-tt,.cg-sqan .btn.btn-primary,.wyx-sol-desc,.case-intro-text,.case-desc,.ex-intro-tt,.ex-intro-t p,.ex-bec-info h3,.xmh-item p,.xmh-item h3,.xmh-recname,.xmh-typename,.xmh-typelink,.wyx-cta p,.wyx-cta-btn,.wp-ban p,.wp-ban .wp-bt,.wp-fcr h3,.wp-fcr p,.wp-sts,.wp-step h3,.wp-stn,.wp-sttx,.wp-stb .wp-bt2,.wp-sna,.wp-slo,.wp-sde,.wp-sln,.wp-ctd,.wp-ctb,.sm-p1,.sm-p2,.sm-p,.sm-sectitle,.sm-highlight .sm-p,.sm-blk1 p, .sm-blk2 p, .sm-blk3 p,.sm-p5,.sm-btn,.sm-eranum,.sm-centxt,.sm-ctadesc,.hero-text ul li,.hero-text p,.sp-nav-ttl,.sp-name,.sp-meta,.sp-inquiry,.sp-btn-dtl,.pli-pronum2,.pli-price2,.pli-pronam2,.pli-proinq2,.pli-prodtl2,.pli-prodesc,.pli-proinq,.pli-provst,.pli-proloc,.pli-proloc,.pli-viewop,.pli-a-mrname,.hot-c-name,.hot-c-price,.pbtn, .pli-proinq, .hot-c-ctaf,.pbtn-d, .pli-provst, .hot-c-cta,.ss-1,.ex-hot-desc,.ex-hot-feat li,.ex-hot-btn,.ex-ai-text,.ex-ai-link,.expert-btn,.expert-title,.expert-desc,.ex-d-bns,.ex-d-cl,.ex-d-bntg,.ex-d-ft,.ex-d-fd,.ex-d-sd,.ex-d-kw,.ex-d-clbl,.ex-d-cv,.ex-d-stip,.pli-a-mrt,.cli-comdesc,.cli-comprod,.cli-comloc,.cli-lnk,.cli-prodname,.mobile-nv-lyr .nav-item,.hyw-herdesc,.hyw-herfti span,.hyw-plantag,.hyw-plansub,.hwy-plancdt,.hwy-plancdd,.hyw-invtag,.hwy-invdesc,.hwy-invdet,.hyw-invbtn,.hyw-invstl,.hyw-adhd p{font-size:1rem;}
        .f14{font-size:.85rem;}
        .ex-d-l,.ex-d-rg{gap:.5rem;}
        .ex-d-fs,.ex-d-sc,.ex-d-kc,.ex-d-cc,.ex-d-sb,.ex-d-ri,.cli-comp,.pli-a-mrimg{border-radius:1rem;}
        /*首页*/
        .hamburger {display:flex;margin-top:9px;position: fixed;top: 0;}
        .mobile-nv-lyr {display:block;}
        .header-top{position:fixed;top:0;left:0;padding:8px 0;z-index:9;box-shadow:2px 2px 2px 2px rgba(0,0,0,.05);width:100%;}
        .container{padding:0 10px;}
        .header-top .container{flex-flow: column;align-items: flex-start;gap: 5px;}
        .logo img{height:2rem;}
        .nav-bar .container{justify-content: flex-end;}
        .srch-box {width:calc(100vw - 20px);margin-left:0;}
        .srch-box input {padding:5px 50px 10px 80px;}
        .srch-btn{height:36px;}
        .hero-sec-wrap {margin:60px 0 .5rem;padding:20px 0 .5rem;background:linear-gradient(180deg, var(--primary-bg), transparent);}
        .hero-section {flex-direction:column;width:100%;overflow-x:hidden;gap:.5rem;}
        .hero-content {width:100%;padding:0;margin:1rem 0 0;}
        .hero-slide{padding:0 20px;}
        .hero-sidebar {width:100%;height:auto;}
        .steps-container{gap:5px;}
        .industry-header {align-items:flex-start;}
        .side-shop-img {height:180px;}
        .side-shop-top {flex:1;}
        .comp-list {grid-template-columns:repeat(1,1fr);gap:.5rem;}
        .view-all-ind{margin:0 0 .5rem 0;}
        .industry-title{gap:5px;}
        .industry-sec{margin-bottom:1rem;}
        .industry-icon{width:2rem;height:2rem;background: var(--primary-color);border-radius: 50px;color: #fff;}
        .footer .container {flex-direction:column;gap:25px;}
        .submenu-all {position:static;width:100%;display:none;border-radius:0;box-shadow:none;border:none;border-top:1px solid #f0f0f0;}
        .cate-nav:hover .submenu-all {display:grid;}
        .ad-banner {padding:40px 30px;}
        .ad-title {font-size:28px;}
        .ad-content {max-width:100%;}
        .ad-bg {display:none;}
        .ad-banner2 {padding:40px 30px;}
        .ad-title2 {font-size:28px;}
        .ad-desc2 {font-size:18px;}
        .ad-bg2 {display:none;}
        .feature-card {width:100%;}
        .features-grid {flex-direction:column;}
        .portal-sec{margin:0 0 3rem;}
        .portal-grid{gap:.5rem;grid-template-columns: repeat(2, 1fr);}
        .portal-hd{margin:1rem 0 .5rem;}
        .steps-container{margin-top:20px;}
        .step{background:transparent;border: 0;padding:10px 10px 10px 0;gap:5px;}
        .step-num{width:1.3rem;height:1.3rem;font-size:1rem;}
        .ad-content2 {max-width:100%;}
        .hero-text ul{flex-flow:column;}
        .hero-content .btn{padding:10px 20px;margin-top:1rem; }
        .hero-text p{margin-bottom: 0}
        /*m foot*/
        .navCir{position: fixed;bottom:0px ;width: 100%;z-index: 999;background:#f7f7f7;box-shadow: 1px 1px 6px 2px rgba(0,0,0,.1);}
        .navCir li{display:block; line-height:20px !important; width: 25%;padding:3px 0;border-top:1px solid #f5f5f5 ;float: left;text-align: center;font-size:.75rem;list-style:none;}
        .navCir li i{display: block;font-size:1.5rem;}.navCir li a{color:#333; padding:0.1rem; display:block;line-height:1;text-decoration: none;}
        .navCir .cart-info {position: absolute; width: 100%;text-align: center;top: 50%;margin-top: -4px;left: 0; padding: 0;display: block;line-height: 1;}
        .navCir .cart-info .cart-qty {position: absolute;top: -20px;right:6.6rem; width: 15px;height: 15px;display: block;font-size: 9px; font-weight: 600;color: #fff;background-color: #ff6600; text-align: center; line-height: 15px;  border-radius: 20px;box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.3);}
        .navCir li.active a,.navCir li.active a:visited{color:#fff;background-color:#5771be!important;display:block;border-radius:.5rem;line-height:1;margin:0 5px;}
        .navCir li.active a:hover{color:rgba(255,255,255,.3);}
        /* ChatGlobal供应商页面 */
        .cg-hero {padding:40px 0;margin:6rem  10px .5rem;border-radius:1rem;} 
        .cg-hero-c {flex-direction:column;} 
        .cg-intro-c {flex-direction:column;} 
        .cg-intro-i{flex: unset;}
        .cg-steps-c {flex-direction:column;} 
        .cg-step-cd {flex-basis:100%;} 
        .cg-photo-g {grid-template-columns:repeat(2,1fr);}
        .cg-hero-t p{height:130px;}
        .cg-sup-intro{border-radius: 1rem;padding: 2rem 1rem;background: #f3f3f3;margin: 0 10px .5rem;}
        .cg-bec-sup{border-radius:1rem;padding: 2rem 1rem;margin: 0 10px .5rem;}
        .cg-sqan{margin-top:1rem;}
        .cg-sqan .btn.btn-primary{padding: 10px 0;width: 100%;margin-top:1rem;}
        .cg-exh-photos{padding:1rem 0 3.5rem;}
        .cg-photo-item{border-radius:1rem;}

        /* 微营销页面 */
        .wyx-hero {border-radius:1rem;margin: 6rem 10px 0;}
        .case-bg-wrap:before{display: none;}
        .wyx-solution{padding:0;}
        .wyx-features {flex-direction:column;align-items:center;gap:.5rem;width: calc(100vw - 20px);margin: 0 0 0 -20px;}
        .wyx-feat-item {width:100%;border-radius:1rem;}
        .wyx-screens {flex-direction:column;align-items:center;gap:60px;}
        .wyx-screen-item {width:100%;max-width:400px;}
        .wyx-img-group {height:450px;}
        .wyx-mobile {width:240px;height:450px;}
        .wyx-pc {width:280px;height:180px;left:25px;}
        .wyx-sol-h2{margin:1rem 0; }
        .wyx-sol-desc{margin:0;padding:1rem 0 2rem;}
        .wyx-hero h1 {font-size:24px;margin-left: 1rem;}
        .wyx-type-box {height:24px;animation:wyx-fade 7s infinite;margin: 0;}
        .wyx-type-text {font-size:16px;animation:wyx-type 7s steps(60) infinite,wyx-blink 0.8s step-end infinite;}
        .case-h2{margin: -60px 0 0 20%;}
        .case-intro-box{padding:1rem;}
        .case-desc{margin: 425px -10px 0;position: absolute;border-radius: 0;}
        .case-intro-text{line-height:2;}
        .case-bg-wrap .container{padding:0;}
        .case-screens {grid-template-columns:1fr;margin-top: -3rem;}
        .case-item{padding-bottom: 8rem;}
        .case-more1{margin-top: -3rem;}
        .case-section{padding: 60px 0 100px;}
        .wyx-cta{border-radius:1rem;margin: 0 10px;width:calc(100vw - 20px);}
        /*ChatGlobal采购专家 .expt1*/
        .ex-intro-c{flex-flow: column;gap: 10px;}
        .ex-bec-wrap{flex-flow: column;gap:10px;margin: 0;}
        .ex-intro-se{border-radius:1rem;background: #fff;margin: 0 10px .5rem;padding:1rem ;}
        .ex-intro-i{flex:unset;}
        .ex-bec-exp{margin: 0 10px .5rem;border-radius:1rem;padding: 1rem;}
        .ex-bec-item{align-items: unset;}
        .ex-bec-right{flex:unset;}
        .ex-sec-tt{margin:1rem 0;}
        .ex-sub1{margin:1rem 0;}
        .ex-search-se{background: linear-gradient(180deg, #fff, transparent);padding: 1rem 0;}
        .exp-list-se{padding: 0 0 3.5rem;}
        .expert-card{gap:5px;max-width:calc(100vw - 20px);}
        .expert-list{gap:.5rem;}
        .expert-header{position: relative;}
        .expert-btn{position: absolute;right: 0;padding:5px 15px;}
        /*行业网*/
       .hyw-herocnt {flex-direction:column;} 
       .hyw-herleft {max-width:100%;text-align:center;} 
       .hyw-herft {justify-content:center;} 
       .hwy-plancds {grid-template-columns:1fr;gap:30px;} 
       .hyw-plancd {max-width:500px;margin:0 auto;} 
       .hyw-invcnt {flex-direction:column;text-align:center;} 
       .hyw-invleft {max-width:100%;} 
       .hyw-invsts {max-width:500px;margin:0 auto;}
       .hyw-hero {padding:60px 0 .5rem;margin:6rem 10px .5rem;border-radius:1rem;width: calc(100vw - 20px);} 
       .hyw-invright{width: calc(100vw - 20px);} 
       .hyw-herfti {padding:10px 15px;}        
       .hyw-plan {padding: 2rem 0 .5rem; border-radius: 1rem;margin-bottom:.5rem;}  
       .hyw-inv {padding: 2rem 0;border-radius: 1rem;} 
       .hyw-invsts {grid-template-columns:1fr;gap:15px;} 
       .hyw-invst {padding:25px 15px;} 
       .hyw-ads {padding: 2rem 0 .5rem; border-radius: 1rem;margin-bottom:3.5rem;} 
       .hwy-adlist {grid-template-columns:repeat(2,1fr);gap:15px;}
       .hyw-adhd{margin-bottom:1rem;}
        /* 生意旺铺 .wp1*/
        .wp-ban {padding:1rem 0;background-attachment:scroll;margin: 6rem 10px 0;border-radius:1rem;}
        .wp-fgr {grid-template-columns:1fr;gap:.5rem;}
        .wp-stl {flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem;}
        .wp-stl::before {content:none;}
        .wp-step {width:100%;max-width:400px;border-radius: 1rem;background: rgba(87, 113, 190, .05);padding: 1rem;}
        .wp-step:first-child{padding-left:1rem;}
        .wp-snu {margin-bottom:1rem;width:3rem;height: 3rem;border:2px solid #5771be;font-size: 1.8rem;}
        .wp-sta {gap:10px;margin-top:1rem;padding-top:1rem;}
        .wp-stat {margin-bottom:20px;}
        .wp-stn span {font-size:24px;}
        .wp-stb {margin-top:0;}
        .wp-sgr {grid-template-columns:repeat(1,1fr);gap:.5rem;}
        .wp-ct {padding:50px 0;background-attachment:scroll;border-radius:1rem;margin:0 10px;}
        .wp-ft{padding:1rem 0 .5rem;}
        .wp-ftt{margin-bottom: 1rem;}
        .wp-fcr{border-radius:1rem;}
        .wp-st{border-radius: 1rem;margin: .5rem 10px .5rem;padding:2rem 0;}
        .wp-sts{margin-bottom:1rem;}
        .wp-sh{border-radius:1rem;margin-bottom:.5rem;}
        /*商品分类*/
        .sp-main{padding:1rem 0;margin: 6rem 10px 0;border-radius:1rem;}
        .sp-pro-grid{grid-template-columns:repeat(3,1fr);}
        .sp-detail-ct{padding:5px 10px 18px;}
        .sp-nav-grid{grid-template-columns:repeat(1,1fr);border:0;}
        .sp-pro-grid{grid-template-columns:repeat(1,1fr);margin: 0 -10px;background: #f9fafd;gap:.5rem;}
        .sp-pro-card{background:#fff;border-radius: 1rem;}
        .sp-detail-hd{padding:0 10px;align-items:center;gap:12px;}
        .sp-tags{overflow-x: scroll;padding:8px 0 1rem;border:0;margin-bottom: 0;}        
        .sp-list{gap:.5rem;padding: 0 0 0 110px;}
        .sp-nav-sec{position: fixed;left: 0;top: 0;margin: 6rem 0 0 0;overflow-y: scroll;background:#f9fafd;height: calc(100vh - 6rem);width: 110px;}
        .sp-nav-item{justify-content:flex-start;color: #666;padding: 10px 5px;border: 0; background: transparent;box-shadow: none;}
        .sp-nav-name{max-width:70px;}
        .sp-view-all span{display: none;}
        .sp-view-all{width:1.5rem;height: 1.5rem;padding: 5px;}
        .sp-nav-ttl{padding: 1rem 0;}
        .sp-detail{background: linear-gradient(180deg, #fff 1rem, transparent 5rem);}
        .sp-inquiry,.sp-btn-dtl{padding:5px;}
        /* 说明页 .sm1 */
        .smbg{padding:1rem 0;margin: 6rem 10px .5rem;border-radius:1rem;}
        .sm-subtitle{padding-left:3rem;margin: 2rem 0 1rem;}
        .sm-section{padding:25px;}
        .sm-cta{padding:2rem 1rem;margin:0 0 3.5rem 0;}
        .sm-threebl {flex-direction:column;align-items:center;}
        .sm-blk1,.sm-blk2,.sm-blk3 {max-width:100%;margin-bottom:20px;}
        .smbg1,.smbg2,.smbg3 {background-size:cover;margin:0 10px .5rem;border-radius: 1rem;overflow: hidden;}
        .sm-era{padding:1rem;margin:0; }
        .sm-eranum{width:2rem;height: 2rem;top: 3rem;}
        .sm-highlight .sm-p{margin: -20px 0 0 20%;}
        .sm-p5{margin:.5rem 0 1rem;}
        .sm-btn{width:100%;padding: 10px 30px;}
        .smbg4 {background: #fff;padding-top: 20px;border-radius: 1rem;overflow: hidden;margin: .5rem 10px;padding: 1rem 1rem;}
        .sm-centit{margin:1rem 0;}
        .sm-blk1, .sm-blk2, .sm-blk3{margin:30px 0 20px;}
        /* 行业产品列表页 */
        .pli-right{margin:0 0 0 -10px;width: calc(100vw - 20px);}
        .pli-progrid.show {grid-template-columns:repeat(1,1fr);gap:.5rem;}
        .pli-cont {flex-direction:column;margin-top: 0;}
        .pli-left {position: fixed;top: 0;left: -280px;width: 280px;height: 100vh;background: white;z-index: 9999;transition: left 0.3s ease;overflow-y: auto;box-shadow: 2px 0 10px rgba(0,0,0,0.1);}
        .pli-prorow {flex-direction:column;margin-bottom:.5rem;border-radius: 1rem;}
        .pli-proright {width:calc(100vw - 60px);border-top:1px solid #f0f4ff;margin-left:-140px;}
        .pli-view {flex-direction:column;gap:15px;align-items:flex-start;position: relative;border-radius: 1rem 1rem 0 0;border: 0;background: linear-gradient(180deg, #fff 3rem, transparent);margin-left: 10px;width: calc(100vw - 20px);}
        .pli-filrow {flex-wrap:wrap;}
        .pli-fillab {width:100%;margin-bottom:8px;}
        .pli-filtags {gap:5px;}
        .pli-filtag {padding:5px 10px;font-size:1rem;}
        .pli-filter{position: fixed;bottom: -100%;left: 0;width: 100%; max-height: 80vh;background: white;z-index: 9999;transition: bottom 0.3s ease;overflow-y: auto;box-shadow: 0 -2px 10px rgba(0,0,0,0.1);border-radius: 10px 10px 0 0;}
        .pli-cattit {position: relative;padding-right: 50px;}
        .pli-filtit {position: relative;padding-right: 50px;}
        .pli-viewbt{background:#f7f7f7;}
        .pli-mobctl {justify-content: center;gap: 15px;margin: 4.1rem 10px 0 0;display: flex;position: absolute;top: 0;right: 0;}
        .pli-mobbtn {color:#666;font-size:1rem;text-align: center;cursor: pointer;display: flex;align-items: center;justify-content: center;gap: 5px;transition: all 0.3s ease;text-decoration: none;}
        .pli-mobbtn:hover {background:#4058a8;color:#fff;border-radius:.5rem;}
        .pli-mobbtn i {font-size:16px;}
        .pli-cattit{border-radius:0;}
        .pli-left.pli-open{left: 0;}        
        .pli-filter.pli-open{bottom: 0;margin-bottom: 0;}
        .pli-overlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 9990;}
        .pli-close-btn {position: absolute;top: 15px;right: 15px;width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 10000;color: #666;font-size: 18px;background:rgba(255,255,255,.15);border-radius: 50%;transition: all 0.3s ease;color:#fff;}
        .pli-close-btn:hover {background: #e0e0e0;color: #333;}
        .pli-proimgbox{padding-bottom:120px;width:120px;}
        .pli-filter .pli-close-btn{background: rgba(0,0,0,.05);color:#666;}
        .hot-c-cont{flex-flow:column;}
        .hot-c-t{flex-flow:column;}
        .hot-c-slide{grid-template-columns:repeat(2,1fr);}
        .pli-mast{margin:6.5rem 0 3.5rem;padding: 0 10px;}
        .hot-c-l{width:100%;}
        .hot-c{border-radius:1rem;margin: 0 0 .5rem;padding: 1rem;}
        .hot-c-big{border-radius:1rem;}
        .forh3a{max-width: calc(100vw - 60px);}
        .pli-a-m{flex-flow: column-reverse;width: calc(100vw - 20px);margin-left: 10px;gap:.5rem;}
        .pli-a-mr{width:100%;border-radius: 1rem;overflow: hidden;}
        .pli-a-mrc{width:100%;border-radius:0 0 1rem 1rem;box-sizing: border-box;}
        .pli-a-mrc2{display:flex;flex-wrap: wrap;margin:0 -10px;}
        .hot-c-b{margin-left:-5px;}
        .hot-c-company p,.pli-prolist{margin-bottom:.5rem;}
        .pli-pagin{margin-bottom:0;}
        .pli-a-mri{border:0;padding:1rem 10px;width:100%;margin:0 ;}        
        .hot-c-items{height:240px;}
        /*产品、企业、专家搜索页*/
        .pli-t-cur:after{bottom: -4px;}
        /* 企业列表 */
        .cli-main {flex-direction:column;}
        .cli-left {width:100%;}
        .cli-comprow {flex-direction:column;}
        .cli-comright {width:100%;}
        .cli-prodsec {justify-content:center;}
        .cli-proditem {width:30%;}
        /*专家搜索页 .ex-all*/
        .ex-ai-icon{width:60px;height:60px;}
        .ex-ai-icon i{font-size:28px;}
        .ex-hot{padding:15px;margin:15px 0;border-radius:8px;}
        .ex-hot-wrap{flex-direction:column;gap:15px;}
        .ex-hot-right{padding-left:0;padding-right:0;border-left:none;border-top:2px dashed #7a8fd3;padding-top:15px;width:100%;}
        .ex-hot-feat{flex-direction:column;gap:8px;}
        .ex-hot-btn{padding:10px 25px;}
        .ex-hot-wrap{flex-flow: column;}
        .exli-a-mr{width: 100%;}
        .ex-all .expert-list{grid-template-columns: repeat(1, 1fr);}
        .ex-all .pli-a-m{gap:.5rem;margin-top: 0;}
        .ex-all .pli-view{border-bottom: 40px solid #e8ecf8;background: #fff;}
        .ex-ai-box{border-radius:1rem;}
        .ex-hot-left{gap:20px;}
        /*专家详细页*/
    	.ex-d-m{padding: 20px 0 40px;} 
    	.ex-d-bn{flex-direction: column; gap: 25px; padding: 30px 25px;margin-bottom:.5rem;border-radius:1rem;} 
	    .ex-d-bnh{flex-direction: column; gap: 15px;} 
	    .ex-d-bcbc{width: 100%; justify-content: center;} 
	    .ex-d-c{flex-flow: column;gap:.5rem;}
	    .ex-d-cb{width: 100%; justify-content: center;} 
	    .ex-d-bnnc{align-items: flex-start; gap: 10px;} 
	    .ex-d-cbx{width: 95%; height: auto; max-height: 80vh; border-width: 10px;} 
	    .ex-d-ccn{padding: 30px 20px; height: auto;} 
	    .ex-d-ch{margin-bottom: 25px; padding-bottom: 15px;} 
	    .ex-d-clg{font-size: 32px;} 
	    .ex-d-ct{font-size: 28px;} 
	    .ex-d-csub{font-size: 16px;} 
	    .ex-d-cbdy{padding: 0 20px; margin-bottom: 25px;} 
	    .ex-d-ctx{font-size: 18px; margin-bottom: 20px;} 
	    .ex-d-cn{font-size: 32px; margin: 20px 0; padding: 15px 0;} 
	    .ex-d-cdts{flex-direction: column; gap: 10px; margin-top: 25px; padding: 15px 20px; font-size: 16px;} 
	    .ex-d-cft{flex-direction: column; gap: 10px; margin-top: 30px; padding-top: 15px;} 
	    .ex-d-csl{position: relative; bottom: auto; right: auto; margin: 20px auto; width: 120px; height: 120px;} 
	    .ex-d-rg{grid-template-columns: 1fr;} 
	    .ex-d-fi{align-items: flex-start;} 
	    .ex-d-fiw{width: 50px; height: 50px; font-size: 20px;} 
	    .ex-d-qc{width: 140px; height: 140px;}
        .ex-d-r{width:100%;}
        .ex-d-cc{margin-bottom:.5rem;}




}
        
@media (max-width:768px) {
           
        .comp-links {flex-direction:column;}
        /* ChatGlobal供应商页面 */
        .cg-photo-g {grid-template-columns:1fr;} 
        .cg-langs {justify-content:center;}

}        
@media (max-width:576px) {        
       
        .step {padding:10px 15px;}
        .comp-item {padding:20px;}
        .ad-banner {padding:25px 20px;}
        .ad-banner2 {padding:25px 20px;}
        .ad-title2 {font-size:20px;}
        .cate-sub {grid-template-columns:1fr;}
}