/* ============================================================
   惠民盒子官网模板三 (index3) 主样式 - 响应式
   品牌色 (logo 蓝白体系, 2026-11-04 从绿切换): 主蓝 #4095D7 / 深蓝 #1668B4 / 亮蓝 #5FB3F0
           极浅蓝底 #EAF4FC / 积分金 #FFB800 / 次强调橙 #FF7A45 / 正文 #333 #666 #999
           页底 #F6F7FA / 线 #E8EDF2
   断点: <=480 / 481-767 / 768-1023 / 1024-1199 / >=1200
   ============================================================ */
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0;overflow-x:hidden}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}img{border:0;max-width:100%}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}textarea{overflow:auto}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: normal;
}

.flex {display: -webkit-box;display: -webkit-flex;display: flex;}
.flex1 {flex-grow: 1;flex-shrink: 1;}
.flex-row {display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-orient: horizontal;-webkit-flex-direction: row;flex-direction: row;}
.flex-col{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-orient: vertical;-webkit-flex-direction: column;flex-direction: column;}
.flex-x-center{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-y-center{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-y-bottom{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;}

*{box-sizing: border-box;}
ul,li,p{list-style: none;margin: 0;padding: 0;}
a:hover, a:visited, a:active, a:focus {text-decoration: none;outline: 0;}
a{background-color: transparent;text-decoration: none;}

/* ---------- 顶部导航 (深蓝 #1668B4) ---------- */
/* menu.html 内层为 .top_wrap>.top_content>.content 结构, toptab 不能用 flex, 由 .content 自身布局 */
.toptab{width:100%;z-index: 1000; position: fixed;box-shadow: 0 4px 4px 0 rgba(0,0,0,.06);height:80px;background-color:#1668B4;font-size:16px;color:#fff}
.toptab .top_wrap,.toptab .top_content{width:100%;border:0;position:static}
.toptab .content{width: 1200px;margin: 0 auto;height:80px;line-height:80px;display:flex;align-items: center;}
.toptab .logo{color: #fff;font-size: 28px;display:flex;align-items: center;width: 28%;}
.toptab .logo img{width:44px;height:44px;margin-right:10px;border-radius:50%}
.toptab .title{flex: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.toptab .item{flex:1;display: flex;justify-content:flex-end;}
.toptab .item a{color:#fff;margin:0 4%;white-space: nowrap;height:80px;display:inline-block;line-height:80px}
.toptab .item a.on{color:#fff;border-bottom: 3px solid #FFB800;}
.toptab .zixun{cursor:pointer;width:88px;height:34px;border-radius:17px;line-height:34px;text-align:center;font-size:13px;color:#1668B4;background:#5FB3F0;color:#fff;}
.toptab .login{cursor:pointer;margin-left:16px;width:88px;height:34px;border-radius:17px;line-height:34px;text-align:center;font-size:13px;color:#1668B4;background:#fff;border: 1px solid #fff;}
.topheight{width:100%;height:80px;line-height:80px;border:0;padding:0;margin:0}

/* ---------- banner 轮播 (蓝白渐变底 + 右侧真实截图浮层, 不再用烧死旧文案的底图) ---------- */
.bannerbox{position: relative;height: min(72vw, 560px);overflow: hidden;background:linear-gradient(135deg,#1668B4 0%,#4095D7 100%);}
/* 装饰: 两处光斑 + 细网格 (纯 CSS, 不挡交互) */
.bannerbox:after{
  content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;pointer-events:none;
  background:
    radial-gradient(420px 420px at 86% 18%, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 70%),
    radial-gradient(520px 520px at 8% 96%, rgba(95,179,240,.35) 0%, rgba(95,179,240,0) 72%);
}
.bannerbox .grid{
  position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size:40px 40px;
}
.bannerbox .banner1,.bannerbox .banner2,.bannerbox .banner3{width: 100%;height: min(72vw, 560px);padding-top: 0;position:relative}
.bannerbox .main{width: 1200px;margin: 0 auto;height:100%;position:relative;z-index:2;display:flex;align-items:center}
/* 左文字 + 右截图浮层 布局 */
.bannerbox .banner_txt{flex:1;min-width:0;padding-right:340px}
.bannerbox .banner_pic{
  position:absolute;right:40px;top:50%;transform:translateY(-50%);z-index:2;
  width:300px;background:#fff;padding:6px;border-radius:18px;
  box-shadow:0 20px 60px rgba(0,40,90,.35);
}
.bannerbox .banner_pic img{display:block;width:100%;height:auto;border-radius:12px}
.banner_t1{font-size: 44px;line-height: 60px;color: #fff;font-weight: 700;}
.banner_t2{margin-top: 18px;font-size: 16px;line-height:28px;color: rgba(255,255,255,.85);}
.banner_btn{margin-top: 36px;}
.banner_btn .btn1{cursor:pointer;width: 126px;height: 42px;line-height:42px;text-align:center;background:#fff;border-radius: 21px;color:#1668B4;font-size:16px;font-weight:700;margin-right:20px}
.banner_btn .btn2{cursor:pointer;width: 126px;height: 42px;line-height:42px;text-align:center;border: 1px solid rgba(255,255,255,.85);border-radius: 21px;color:#fff;font-size:16px}
.banner_btn .btn1:hover{background:#EAF4FC}
.banner_btn .btn2:hover{border-color:#fff;background:rgba(255,255,255,.12)}
/* hero 小数据条 */
.banner_data{margin-top:30px;font-size:13px;color:rgba(255,255,255,.8)}
.banner_data .num{color:#FFB800;font-weight:700;font-size:15px;padding:0 2px}
.banner_data .sep{margin:0 12px;opacity:.5}
/* 轮播箭头/指示点 */
.bannerbox .prev{width: 56px;height: 56px;position: absolute;top: 0;bottom: 0;left: 20px;margin: auto;border-radius: 50%;cursor: pointer;opacity: 0;background-color: rgba(255,255,255,0.15);z-index:3}
.bannerbox .prev img{display: block;margin: auto;position: absolute;left: 20px;top: 0;bottom: 0;}
.bannerbox .next{width: 56px;height: 56px;position: absolute;top: 0;bottom: 0;right: 20px;margin: auto;border-radius: 50%;cursor: pointer;opacity: 0;background-color: rgba(255,255,255,0.15);z-index:3}
.bannerbox .next img{display: block;margin: auto;position: absolute;left: 24px;top: 0;bottom: 0;transform: rotate(180deg);}
.bannerbox:hover .prev{opacity: 1}
.bannerbox:hover .next{opacity: 1}
.bannerhd{position: absolute;bottom:70px;left: 0;width: 100%;z-index:3}
.bannerhd ul{width: 100%;text-align: center;}
.bannerhd li{width:8px;height: 8px;display: inline-block;background-color: rgba(255,255,255,0.3);border-radius:4px;margin-right:4px;cursor:pointer}
.bannerhd .on{background-color: #FFB800;width:32px}

/* ---------- 核心优势条 (卡片化, 与 hero 重叠 -50px 悬浮) ---------- */
.bannertip{width:1200px;background:#fff;position:relative;margin:0 auto;margin-top:-50px;z-index:5;box-shadow: 0px 8px 30px 0px rgba(22,104,180,.12);display:flex;align-items:stretch;justify-content:center;border-radius:12px;padding:16px 0}
.bannertip .item{flex:1;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:background-color .25s ease,transform .25s ease,box-shadow .25s ease}
.bannertip .item img{width:56px;height:56px}
.bannertip .item .right{display:flex;flex-direction:column;margin-left:12px}
.bannertip .item .right .t1{color:#333;font-size:16px;height:30px;line-height:30px;font-weight:700}
.bannertip .item .right .t2{color:#999;font-size:14px;}

/* ---------- 平台核心能力 ---------- */
.contentbox{width:100%;background:#F6F7FA;padding:60px 0 80px 0}
.contentbox .content{width:1200px;margin:0 auto;}
.contentbox .content .title{color:#333;font-size:32px;font-weight:bold;text-align:center}
.contentbox .content .desc{color:#666;font-size:16px;text-align:center;height:30px;line-height:30px;margin-top:12px}
.contentbox .content .con1{width:100%;margin-top:50px;display:flex;flex-wrap:wrap;justify-content: space-between;}
.contentbox .content .con1 .item{width:585px;background:#fff;box-shadow: 0px 2px 8px 0px rgba(22,104,180,.08);margin-bottom:30px;border-radius:8px;border-top:3px solid #4095D7}
.contentbox .content .con1 .item .ti{height:60px;line-height:60px;margin-left:20px;display:flex;align-items:center}
.contentbox .content .con1 .item .ti .t1{width: 6px;height: 18px;background: #4095D7;border-radius:3px}
.contentbox .content .con1 .item .ti .t2{color:#333;font-size:16px;font-weight:700;margin-left:10px}
.contentbox .content .con1 .item .co{display:flex;flex-wrap: wrap;padding:10px 20px 20px 20px}
.contentbox .content .con1 .item .co .it{width:33.33%;display:flex;flex-direction:column;align-items:center;padding-bottom:20px}
.contentbox .content .con1 .item .co .it .t1{
  width:56px;height:56px;padding:6px;border-radius:50%;background:#EAF4FC;
  box-sizing:border-box;margin-bottom:8px;
}
.contentbox .content .con1 .item .co .it .t2{font-size:14px;color:#666;height:30px;line-height:30px}
.contentbox .content .con2{width:100%;margin-top:0px;display:flex;justify-content: space-between;}
.contentbox .content .con2 .item{width:100%;background:#fff;box-shadow: 0px 2px 8px 0px rgba(22,104,180,.08);border-radius:8px}
.contentbox .content .con2 .item .ti{height:60px;line-height:60px;margin-left:20px;display:flex;align-items:center}
.contentbox .content .con2 .item .ti .t1{width: 6px;height: 18px;background: #FFB800;border-radius:3px}
.contentbox .content .con2 .item .ti .t2{color:#333;font-size:16px;font-weight:700;margin-left:10px}
.contentbox .content .con2 .item .co{display:flex;flex-wrap: wrap;padding:10px 20px 20px 20px}
.contentbox .content .con2 .item .co .it{padding:6px 18px;background:#EAF4FC;color:#1668B4;font-size:14px;border-radius:4px;margin:0 12px 12px 0}

/* ---------- 功能展示区 (8 tab + 截图切换) ---------- */
.contentbox2{width:100%;background:#EAF4FC;padding:80px 0 80px 0}
.contentbox2 .content{width:1200px;margin:0 auto;}
.contentbox2 .content .title{color:#333;font-size:32px;font-weight:bold;text-align:center}
.contentbox2 .content .desc{color:#666;font-size:16px;text-align:center;height:30px;line-height:30px;margin-top:12px}
.contentbox2 .content .con1{width:100%;margin-top:40px;display:flex;flex-direction:column;justify-content: space-between;}
.contentbox2 .content .con1 .ti{width:100%;min-height:40px;padding:0 20px 0 20px;border-bottom:1px solid #E8EDF2;display:flex;justify-content: space-between;flex-wrap:wrap;}
.contentbox2 .content .con1 .ti .item{color:#666;font-size:18px;cursor:pointer;padding-bottom:10px;margin:0 6px;white-space:nowrap}
.contentbox2 .content .con1 .ti .item.on{color:#1668B4;border-bottom:3px solid #4095D7}
.contentbox2 .content .con1 .co{display:flex;padding:30px 20px 20px 20px;justify-content:space-between}
.contentbox2 .content .con1 .co .f1{display:flex;flex-direction:column;margin-top:60px;flex:1}
.contentbox2 .content .con1 .co .f1 .t1{color:#333;font-size:32px;font-weight:bold;height:50px;line-height:50px;}
.contentbox2 .content .con1 .co .f1 .t2{color:#999;font-size:14px;line-height:24px;padding:20px 0}
.contentbox2 .content .con1 .co .f1 .t3{display:flex;flex-wrap: wrap;margin-top:30px}
.contentbox2 .content .con1 .co .f1 .t3 .btn1{cursor:pointer;border: 1px solid #E8EDF2;border-radius: 4px;background:#fff;width:120px;height:40px;line-height:40px;color:#999;font-size:16px;display:flex;align-items:center;justify-content:center;margin-right:20px;margin-bottom:15px}
.contentbox2 .content .con1 .co .f1 .t3 .btn1.on{color:#1668B4;border-color:#4095D7}
.contentbox2 .content .con1 .co .f1 .t3 .btn1:hover{color:#1668B4;border-color:#4095D7}
/* 截图: 浏览器/手机窗口感 (白框 + 顶圆角 + 细边 + 柔影) */
.contentbox2 .content .con1 .co .f2{width:300px;min-height:500px;margin-top:20px;flex-shrink:0}
.contentbox2 .content .con1 .co .f2 img{width:300px;height:auto;display:block;background:#fff;border:1px solid #E8EDF2;border-top-left-radius:14px;border-top-right-radius:14px;padding:6px;box-sizing:border-box}

/* ---------- 平台价值区 (深蓝底 + 右侧截图浮层) ---------- */
.contentbox3{width:100%;background-color:#1668B4;overflow:hidden;position:relative}
.contentbox3 .content{width:1200px;margin:0 auto;}
.contentbox3 .content .title{color:#333;font-size:32px;font-weight:bold;text-align:center;padding-top:80px}
.contentbox3 .content .desc{color:#666;font-size:16px;text-align:center;height:30px;line-height:30px;margin-top:12px}
.contentbox3 .content .con1{width:100%;margin-top:50px;display:flex;justify-content: space-between;padding-bottom:80px}
.contentbox3 .content .con1 .left{width:52%;padding-top:60px}
.contentbox3 .content .con1 .right{width:48%;display:flex;align-items:flex-end;justify-content:center}
/* 手机模型感截图浮层 (同 hero 手法, 底部与区块底对齐露出一截) */
.contentbox3 .content .con1 .right .pic{
  width:300px;background:#fff;padding:6px;border-radius:18px 18px 0 0;
  box-shadow:0 20px 60px rgba(0,30,70,.45);margin-bottom:-80px;
}
.contentbox3 .content .con1 .right .pic img{display:block;width:100%;height:auto;border-radius:12px 12px 0 0}
.contentbox3 .content .con1 .left .item{display:flex;align-items:center;margin-bottom:36px}
.contentbox3 .content .con1 .left .item img{width:48px;height:48px;flex-shrink:0}
.contentbox3 .content .con1 .left .item .f2{display:flex;flex-direction:column;margin-left:20px}
.contentbox3 .content .con1 .left .item .f2 .t1{color:#333;font-size:20px;height:30px;line-height:30px;font-weight:700}
.contentbox3 .content .con1 .left .item .f2 .t2{color:#666;font-size:14px;line-height:24px;margin-top:4px}
.contentbox3 .content .con1 .left .item2{display:flex;margin-top:10px}
.contentbox3 .content .con1 .left .item2 .btn1{cursor:pointer;width: 126px;height: 40px;line-height:40px;text-align:center;background:#FFB800;border-radius: 20px;color:#fff;font-size:16px;margin-right:30px}
.contentbox3 .content .con1 .left .item2 .btn1:hover{background:#ffc633}
.contentbox3 .content .con1 .left .item2 .btn2{cursor:pointer;width: 126px;height: 40px;line-height:40px;text-align:center;border: 1px solid #FFB800;border-radius: 20px;color:#FFB800;font-size:16px}
.contentbox3 .content .con1 .left .item2 .btn2:hover{color:#fff;border-color:#fff}

/* ---------- 文章详情 (article.html) ---------- */
.articlebox{width:1200px;margin:20px auto;background:#fff;border:1px solid #E8EDF2;border-radius:8px;padding:30px;min-height:400px}
.articlebox .title{text-align:center;font-size:24px;color:#333;font-weight:700;margin:10px 0 20px 0}
.articlebox .content{font-size:15px;color:#333;line-height:28px;word-break:break-all}
.articlebox .content img{max-width:100%;height:auto}

/* ---------- CTA ---------- */
.bottomtip{width:100%;min-height:120px;background:#1668B4;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding:20px 0;border-top:1px solid rgba(255,255,255,.08)}
.bottomtip .f1{font-size:26px;color:#fff;margin-right:50px}
.bottomtip .btn1{cursor:pointer;width: 130px;height: 44px;line-height:44px;text-align:center;background:#FFB800;border-radius: 22px;color:#fff;font-size:16px}

/* ---------- 页尾 ---------- */
.bottombox{width:100%;background:#1668B4;padding:30px 0;border-top:1px solid rgba(255,255,255,.12)}
.bottombox .f1{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.bottombox .f1 a{color:rgba(255,255,255,.65);font-size:14px;padding:0 20px;text-align:center;border-right:1px solid rgba(255,255,255,.3)}
.bottombox .f1 a:last-child{border-right:0}
.bottombox .f1 a:hover{color:#fff}
.bottombox .f3{display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.55);font-size:12px;margin-top:18px;flex-wrap:wrap;padding:0 20px;text-align:center}
.bottombox .f2{display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.55);font-size:12px;margin-top:14px;flex-wrap:wrap;padding:0 20px}
.bottombox .f2 a{color:rgba(255,255,255,.65)}

/* ============================================================
   响应式断点
   ============================================================ */

/* ---------- 1024-1199: 容器不留固定 1200, 防溢出 ---------- */
@media screen and (min-width:1024px) and (max-width:1199px){
	.toptab .content,
	.bannerbox .main,
	.bannertip,
	.contentbox .content,
	.contentbox2 .content,
	.contentbox3 .content{width: calc(100% - 40px);}
	.contentbox .content .con1 .item{width: calc(50% - 15px);}
	.banner_t1{font-size: 36px;line-height: 50px;}
	.bannerbox .banner_txt{padding-right:320px}
	.bannerbox .banner_pic{width:280px;right:24px}
	.contentbox3 .content .con1 .right .pic{width:280px}
}

/* ---------- 768-1023 (平板): 能力卡 2 列, 图文左右半 ---------- */
@media screen and (max-width:1023px){
	.toptab .content,
	.bannerbox .main,
	.bannertip,
	.contentbox .content,
	.contentbox2 .content,
	.contentbox3 .content{width: calc(100% - 40px);}
	.toptab .logo{width: 38%;}
	.toptab .logo img{width:36px;height:36px;margin-right:8px}
	.toptab .logo{font-size: 20px;}
	.toptab .item a{margin:0 2%;}
	.toptab .zixun,.toptab .login{width:72px;height:30px;line-height:30px;font-size:12px}
	.bannerbox,.bannerbox .banner1,.bannerbox .banner2,.bannerbox .banner3{height: min(76vw, 480px);}
	.banner_t1{font-size: 30px;line-height: 44px;}
	.banner_t2{font-size: 15px;margin-top: 14px;}
	.banner_btn .btn1,.banner_btn .btn2{width: 112px;height: 38px;line-height:38px;font-size:14px}
	.bannerbox .banner_txt{padding-right:280px}
	.bannerbox .banner_pic{width:250px;right:12px}
	.bannertip{flex-wrap:wrap;height:auto;padding:12px 0;margin-top:-50px}
	.bannertip .item{flex:0 0 50%;padding:12px 0}
	.contentbox .content .con1 .item{width: calc(50% - 15px);}
	.contentbox2 .content .con1 .co{padding:10px 0 20px 0}
	.contentbox2 .content .con1 .co .f1{margin-top:20px}
	.contentbox2 .content .con1 .co .f1 .t1{font-size:26px;height:40px;line-height:40px}
	.contentbox2 .content .con1 .co .f2{width:46%;min-height:auto}
	.contentbox2 .content .con1 .co .f2 img{width:100%;height:auto}
	.contentbox3 .content .con1 .left{width:52%;padding-top:20px}
	.contentbox3 .content .con1 .right{width:48%}
	.contentbox3 .content .con1 .right .pic{width:240px}
	.bottomtip .f1{font-size:20px;margin-right:24px;padding:0 10px}
}

/* ---------- 481-767 (大屏手机): 2 列 ---------- */
@media screen and (min-width:481px) and (max-width:767px){
	.toptab{position: relative;height:64px}
	.toptab .content{width: 100%;height:64px;padding:0 12px;}
	.toptab .logo{width:auto;margin-right:8px}
	.toptab .logo img{width:32px;height:32px;margin-right:6px}
	.toptab .logo .title{font-size: 15px;}
	.toptab .item{flex:1;}
	.toptab .item a{margin:0 2%;font-size:14px;height:64px;line-height:64px}
	.toptab .zixun,.toptab .login{display:none}
	.topheight{height:0;line-height:0}
	.bannerbox,.bannerbox .banner1,.bannerbox .banner2,.bannerbox .banner3{height: auto;min-height:0}
	.bannerbox .main{flex-direction:column;align-items:flex-start;padding-top:36px;padding-bottom:56px}
	.bannerbox .banner_txt{padding-right:0}
	.bannerbox .banner_pic{position:static;transform:none;margin-top:28px;width:220px}
	.banner_t1{font-size: 26px;line-height: 38px;}
	.banner_t2{font-size: 14px;margin-top: 12px;line-height:24px}
	.banner_btn .btn1,.banner_btn .btn2{width: 104px;height: 36px;line-height:36px;font-size:14px;margin-right:12px}
	.banner_data{margin-top:20px}
	.banner_data .sep{margin:0 8px}
	.bannerhd{bottom:20px}
	.bannerbox .prev,.bannerbox .next{width:36px;height:36px}
	.bannerbox .prev{left:8px}
	.bannerbox .next{right:8px}
	.bannertip{flex-wrap:wrap;height:auto;padding:10px 0;margin-top:-40px;width:calc(100% - 24px)}
	.bannertip .item{flex:0 0 50%;padding:10px 0}
	.bannertip .item img{width:40px;height:40px}
	.bannertip .item .right .t1{font-size:14px;height:24px;line-height:24px}
	.bannertip .item .right .t2{font-size:12px}
	.contentbox .content .title,.contentbox2 .content .title,.contentbox3 .content .title{font-size:24px;padding-top:40px}
	.contentbox .content .desc,.contentbox2 .content .desc,.contentbox3 .content .desc{font-size:14px;margin-top:8px}
	.contentbox .content .con1{margin-top:30px}
	.contentbox .content .con1 .item{width: calc(50% - 15px);}
	.contentbox .content .con1 .item .co .it{padding-bottom:14px}
	.contentbox .content .con1 .item .co .it .t1{width:40px;height:40px;padding:4px}
	.contentbox .content .con1 .item .co .it .t2{font-size:12px;height:24px;line-height:24px}
	.contentbox2 .content .con1 .ti{padding:0 10px;justify-content:flex-start}
	.contentbox2 .content .con1 .ti .item{font-size:15px;margin:0 8px 0 0;padding-bottom:8px}
	.contentbox2 .content .con1 .co{flex-direction:column-reverse;padding:10px 0 20px 0}
	.contentbox2 .content .con1 .co .f1{margin-top:16px}
	.contentbox2 .content .con1 .co .f1 .t1{font-size:22px;height:34px;line-height:34px}
	.contentbox2 .content .con1 .co .f2{width:100%;min-height:auto}
	.contentbox2 .content .con1 .co .f2 img{margin:0 auto}
	.contentbox2 .content .con1 .co .f1 .t3 .btn1{width:auto;padding:0 14px;margin-right:12px;height:34px;line-height:34px;font-size:14px}
	.contentbox3 .content .con1{flex-direction:column;padding-bottom:0}
	.contentbox3 .content .con1 .left{width:100%;padding-top:30px}
	.contentbox3 .content .con1 .right{width:100%;margin-top:30px}
	.contentbox3 .content .con1 .right .pic{width:220px;margin-bottom:0}
	.contentbox3 .content .title{padding-top:40px}
	.bottomtip{padding:20px 12px}
	.bottomtip .f1{font-size:16px;margin-right:0;margin-bottom:14px}
	.bottombox .f3{font-size:12px;line-height:22px}
	.articlebox{width:calc(100% - 24px);padding:20px;margin:12px auto}
	.articlebox .title{font-size:20px}
}

/* ---------- <=480 (手机): 导航不 fixed, 4 项横滑, 优势条 2x2, 单列 ---------- */
@media screen and (max-width:480px){
	.toptab{position: relative;height:56px}
	.toptab .content{width: 100%;height:56px;padding:0 10px;}
	.toptab .logo{width:auto;margin-right:6px}
	.toptab .logo img{width:28px;height:28px;margin-right:6px}
	.toptab .logo .title{font-size: 14px;}
	.toptab .item{flex:1;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}
	.toptab .item a{margin:0 4px;font-size:14px;height:56px;line-height:56px;display:inline-block}
	.toptab .item a.on{border-bottom-width:2px}
	.toptab .zixun,.toptab .login{display:none}
	.topheight{height:0;line-height:0}
	.bannerbox,.bannerbox .banner1,.bannerbox .banner2,.bannerbox .banner3{height: auto;}
	.bannerbox .main{flex-direction:column;align-items:flex-start;padding-top:10vw;padding-bottom:52px}
	.bannerbox .banner_txt{padding-right:0}
	.bannerbox .banner_pic{position:static;transform:none;margin-top:22px;width:200px}
	.banner_t1{font-size: 22px;line-height: 32px;}
	.banner_t2{font-size: 13px;margin-top: 10px;line-height:20px}
	.banner_btn{margin-top: 18px;}
	.banner_btn .btn1,.banner_btn .btn2{width: 96px;height: 32px;line-height:32px;font-size:13px;margin-right:10px;border-radius:16px}
	.banner_data{margin-top:16px;font-size:12px}
	.banner_data .sep{margin:0 6px}
	.banner_data .num{font-size:13px}
	.bannerhd{bottom:12px}
	.bannerbox .prev,.bannerbox .next{width:30px;height:30px}
	.bannerbox .prev{left:6px}
	.bannerbox .next{right:6px}
	.bannerbox .prev img,.bannerbox .next img{left:10px}
	.bannertip{flex-wrap:wrap;height:auto;padding:8px 0;margin-top:-30px;width:calc(100% - 20px);border-radius:10px}
	.bannertip .item{flex:0 0 50%;padding:10px 0}
	.bannertip .item img{width:34px;height:34px}
	.bannertip .item .right{margin-left:8px}
	.bannertip .item .right .t1{font-size:13px;height:22px;line-height:22px}
	.bannertip .item .right .t2{font-size:12px}
	.contentbox .content .title,.contentbox2 .content .title,.contentbox3 .content .title{font-size:22px;padding-top:32px}
	.contentbox .content .desc,.contentbox2 .content .desc,.contentbox3 .content .desc{font-size:13px;margin-top:6px}
	.contentbox{padding-bottom:40px}
	.contentbox .content .con1{margin-top:24px}
	/* 能力卡单列 */
	.contentbox .content .con1 .item{width:100%;}
	.contentbox .content .con1 .item .co .it{width:33.33%;padding-bottom:14px}
	.contentbox .content .con1 .item .co .it .t1{width:38px;height:38px;padding:4px}
	.contentbox .content .con1 .item .co .it .t2{font-size:12px;height:24px;line-height:24px}
	.contentbox .content .con2 .item .co .it{padding:5px 12px;font-size:13px;margin:0 8px 8px 0}
	/* 功能展示: tab 横滑 + 图文上下堆叠 */
	.contentbox2{padding:40px 0}
	.contentbox2 .content .con1{margin-top:20px}
	.contentbox2 .content .con1 .ti{padding:0 10px;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;white-space:nowrap}
	.contentbox2 .content .con1 .ti .item{font-size:14px;margin:0 10px 0 0;padding-bottom:8px;flex-shrink:0}
	.contentbox2 .content .con1 .co{flex-direction:column-reverse;padding:10px 0 20px 0}
	.contentbox2 .content .con1 .co .f1{margin-top:14px}
	.contentbox2 .content .con1 .co .f1 .t1{font-size:20px;height:30px;line-height:30px}
	.contentbox2 .content .con1 .co .f1 .t2{font-size:13px;padding:12px 0}
	.contentbox2 .content .con1 .co .f1 .t2 br{display:none}
	.contentbox2 .content .con1 .co .f2{width:100%;min-height:auto;margin-top:0}
	.contentbox2 .content .con1 .co .f2 img{margin:0 auto;width:70%;max-width:300px}
	.contentbox2 .content .con1 .co .f1 .t3 .btn1{width:auto;padding:0 12px;margin-right:10px;height:32px;line-height:32px;font-size:13px;margin-bottom:10px}
	/* 价值区单列 */
	.contentbox3 .content .con1{flex-direction:column;padding-bottom:0;margin-top:24px}
	.contentbox3 .content .con1 .left{width:100%;padding-top:10px}
	.contentbox3 .content .con1 .left .item{margin-bottom:22px}
	.contentbox3 .content .con1 .left .item img{width:38px;height:38px}
	.contentbox3 .content .con1 .left .item .f2{margin-left:12px}
	.contentbox3 .content .con1 .left .item .f2 .t1{font-size:17px;height:26px;line-height:26px}
	.contentbox3 .content .con1 .left .item .f2 .t2{font-size:13px;line-height:22px}
	.contentbox3 .content .con1 .right{width:100%;margin-top:24px}
	.contentbox3 .content .con1 .right .pic{width:200px;margin-bottom:0}
	.contentbox3 .content .con1 .left .item2 .btn1,.contentbox3 .content .con1 .left .item2 .btn2{width:112px;height:36px;line-height:36px;font-size:14px;margin-right:16px}
	.bottomtip{padding:20px 12px}
	.bottomtip .f1{font-size:15px;margin-right:0;margin-bottom:14px;line-height:24px}
	.bottomtip .btn1{width:120px;height:40px;line-height:40px}
	.bottombox{padding:24px 0}
	.bottombox .f1 a{padding:0 10px;font-size:13px}
	.bottombox .f3{font-size:12px;line-height:22px;margin-top:14px}
	.bottombox .f2{font-size:12px;line-height:20px;margin-top:10px}
	.articlebox{width:calc(100% - 20px);padding:16px;margin:12px auto}
	.articlebox .title{font-size:18px}
	.articlebox .content{font-size:14px;line-height:26px}
}

/* ---------- 尊重减弱动效偏好 ---------- */
@media (prefers-reduced-motion: reduce){
	.bannerbox .prev,.bannerbox .next{transition:none}
	.bannerhd li,.bannertip,.bannertip .item{transition:none}
}