axbinsur.com Review
axbinsur.com Review
Titletag | Descriptiontag | language |
---|
北京安鑫保保险经纪有限公司 | |
English |
Ip adress | 101.35.144.215 | Nameserver | heifer.dnspod.net les.dnspod.net |
Status code | 200 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=1200, initial-scale=1.0" />
<link rel="stylesheet" href="./build/index.css" />
<title>北京安鑫保保险经纪有限公司</title>
</head>
<body>
<!-- 导航条 -->
<div class="nav-bar" id="header">
<div class="nav-bar__container">
<div class="nav-bar__logo">
<img src="./img/axb-logo.png" height="36" style="display: block" alt="" />
<p class="nav-bar__slogan">让保险科技有温度</p>
</div>
<nav class="nav-bar__item" name="home" onclick="goTop()">首页</nav>
<nav class="nav-bar__item" name="industry-points">行业痛点</nav>
<nav class="nav-bar__item" name="digital-transform">数字化转型</nav>
<nav class="nav-bar__item" name="data-security">数据安全</nav>
<nav class="nav-bar__item" name="partner">合作伙伴</nav>
<nav class="nav-bar__item" name="policy">信息披露</nav>
<nav class="nav-bar__item" name="about-us">关于我们</nav>
<nav class="nav-bar__item nav-bar__attention">
<img src="./img/code.png" width="20" height="21" alt="" />
关注我们
<div class="popout">
<img src="./img/footer-code.png" alt="" width="104" height="104" />
<p>扫码关注我们</p>
</div>
</nav>
</div>
</div>
<!-- banner图 -->
<div class="banner" id="home">
<div class="banner__introduction">
<p class="banner__introduction__title">
<span>以客户经营为中心</span> <br />
<span>推动保险数字化营销新变革</span>
</p>
<p class="banner__introduction__subtitle">构建核心数字化经营体系,助力数字化转型</p>
</div>
</div>
<!-- 行业痛点 -->
<div class="industry-points" id="industry-points">
<p class="block-title">数字化转型的机会和痛点</p>
<div class="industry-points__cardlist">
<section class="industry-points__card">
<img src="./img/card1.png" width="100%" />
<div class="industry-points__card-content">
<p class="industry-points__card-title card-title">手握海量客户数据<br />却无法发挥价值</p>
<p class="industry-points__card-points card-text">
<span class="industry-points__decoration"></span>
<span>来源分散,信息不一致</span>
</p>
<p class="industry-points__card-points card-text">
<span class="industry-points__decoration" style="background: #f29518"></span>
<span>利用率低,业务运营能力差</span>
</p>
</div>
</section>
<section class="industry-points__card">
<img src="./img/card2.png" width="100%" />
<div class="industry-points__card-content">
<p class="industry-points__card-title card-title">获客渠道单一<br />线上线下割裂</p>
<p class="industry-points__card-points card-text">
<span class="industry-points__decoration"></span>
<span>代理模式转变,渠道支撑不足</span>
</p>
<p class="industry-points__card-points card-text">
<span class="industry-points__decoration" style="background: #f29518"></span>
<span>线上线下割裂,线上运营如何落地</span>
</p>
</div>
</section>
<section class="industry-points__card">
<img src="./img/card3.png" width="100%" />
<div class="industry-points__card-content">
<p class="industry-points__card-title card-title">App/小程序/网站<br />体验差推荐不智能</p>
<p class="industry-points__card-points card-text">
<span class="industry-points__decoration"></span>
<span>行为缺乏监测,使用体验不佳</span>
</p>
<p class="industry-points__card-points card-text">
<span class="industry-points__decoration" style="background: #f29518"></span>
<span>用户洞察缺失,个性化保险需求无法满足</span>
</p>
</div>
</section>
<section class="industry-points__card">
<img src="./img/card4.png" width="100%" />
<div class="industry-points__card-content">
<p class="industry-points__card-title card-title">运营方式粗放<br />营销效果不佳</p>
<p class="industry-points__card-points card-text">
<span class="industry-points__decoration"></span>
<span>用户特征不全,增长策略盲目</span>
</p>
<p class="industry-points__card-points card-text">
<span class="industry-points__decoration" style="background: #f29518"></span>
<span>缺乏客户标签体系和精准客户画像 ,运营做不到个性化</span>
</p>
</div>
</section>
</div>
</div>
<!-- 数字化转型 -->
<div class="digital-transform" id="digital-transform">
<div class="digital-transform__container">
<p class="block-title">安鑫保助力不同私域场景实现数字化营销转型</p>
<p class="block-text">让营销变得简单,让增长自然而然</p>
<div class="digital-transform__cardlist">
<div class="digital-transform__card">
<div class="digital-transform__animate-area">
<img src="./img/digital-1.png" width="46" alt="" />
<p class="digital-transform__card-title card-title">全渠道运营</p>
<p class="digital-transform__card-text card-text">线上线下全渠道触点的协同和全渠道客户数据的统一管理</p>
<button>了解更多</button>
</div>
</div>
<div class="digital-transform__card">
<div class="digital-transform__animate-area">
<img src="./img/digital-2.png" width="46" alt="" />
<p class="digital-transform__card-title card-title">数据驱动运营</p>
<p class="digital-transform__card-text card-text">建立统一的CDP客户数据平台,形成丰富的扩展应用</p>
<button>了解更多</button>
</div>
</div>
<div class="digital-transform__card">
<div class="digital-transform__animate-area">
<img src="./img/digital-3.png" width="46" alt="" />
<p class="digital-transform__card-title card-title">场景化运营</p>
<p class="digital-transform__card-text card-text">通过游戏化场景、旅程化场景实现拉新、促活及客户转化</p>
<button>了解更多</button>
</div>
</div>
<div class="digital-transform__card">
<div class="digital-transform__animate-area">
<img src="./img/digital-4.png" width="46" alt="" />
<p class="digital-transform__card-title card-title">自动化运营</p>
<p class="digital-transform__card-text card-text">支持主动、被动、流批一体的MA营销自动化策略搭建</p>
<button>了解更多</button>
</div>
</div>
<div class="digital-transform__card">
<div class="digital-transform__animate-area">
<img src="./img/digital-5.png" width="46" alt="" />
<p class="digital-transform__card-title card-title">AI智能运营</p>
<p class="digital-transform__card-text card-text">智能营销模块赋能产品推荐、智能风控等AI应用</p>
<button>了解更多</button>
</div>
</div>
<div class="digital-transform__card">
<div class="digital-transform__animate-area">
<img src="./img/digital-6.png" width="46" alt="" />
<p class="digital-transform__card-title card-title">精细化运营</p>
<p class="digital-transform__card-text card-text">基于精准客户画像的个性化沟通,提升客户体验和满意度</p>
<button>了解更多</button>
</div>
</div>
</div>
</div>
</div>
<!-- 数据安全 -->
<div id="data-security">
<div class="data-security">
<p class="block-title">企业级数据安全能力保障</p>
<p class="block-text">安鑫保技术架构充分考虑了数据安全和信息保护前提下超大规模营销应用需求</p>
<div class="data-security__cardlist">
<div class="data-security__card">
<img src="./img/security-1.png" alt="" width="50" />
<p class="data-security__card-title card-title">数据合规性</p>
<p class="data-security__card-text card-text">符合SaaS安全性合规和GDPR合规、三级等保认证</p>
</div>
<div class="data-security__card">
<img src="./img/security-2.png" alt="" width="50" />
<p class="data-security__card-title card-title">关键信息加密</p>
<p class="data-security__card-text card-text">对属于个人信息保护条例规定的信息(手机号码、地址等)提供存储层的数据加密</p>
</div>
<div class="data-security__card">
<img src="./img/security-3.png" alt="" width="50" />
<p class="data-security__card-title card-title">多级数据权限</p>
<p class="data-security__card-text card-text">完整的多级数据权限控制,可以支持总部、区域、分公司等多级别独立控制数据权限</p>
</div>
<div class="data-security__card">
<img src="./img/security-4.png" alt="" width="50" />
<p class="data-security__card-title card-title">支持私有化部署</p>
<p class="data-security__card-text card-text">支持公有云、私有云、混合云等多种部署模式,根据数据安全需要可灵活部署</p>
</div>
</div>
</div>
<div class="solution">
<div class="masking">
<p class="solution__title">覆盖28+业务领域场景</p>
<p class="solution__text">为各行业领域提供领先的风险解决方案</p>
<div class="solution__cardlist-slot"></div>
<div class="solution__btn-container">
<span class="solution__prev-btn"></span>
<span class="solution__next-btn"></span>
</div>
</div>
</div>
</div>
<!-- 合作伙伴 -->
<div class="partner" id="partner">
<div class="partner__container">
<p class="block-title">合作伙伴</p>
<div class="partner__list">
<img src="./img/partner/cpic.png" alt="" />
<img src="./img/partner/jd.png" alt="" />
<img src="./img/partner/picc.png" alt="" />
<img src="./img/partner/astp.png" alt="" />
<img src="./img/partner/yt.png" alt="" />
<img src="./img/partner/dbbx.png" alt="" />
<img src="./img/partner/ccic.png" alt="" />
<img src="./img/partner/sunshine.png" alt="" />
<img src="./img/partner/qh.png" alt="" />
<img src="./img/partner/pingan.png" alt="" />
<img src="./img/partner/rs.png" alt="" />
<img src="./img/partner/tk.png" alt="" />
<img src="./img/partner/tp.png" alt="" />
<img src="./img/partner/zj.png" alt="" />
<div class="partner__more">更多公司...</div>
</div>
</div>
</div>
<!-- 信息披露 -->
<div class="policy" id="policy">
<div class="policy__container">
<p class="block-title">信息披露</p>
<!-- 添加表格容器 -->
<div class="disclosure-table-container">
<table class="disclosure-table">
<thead>
<tr>
<th>保司</th>
<th>销售产品名称</th>
<th>备案名称</th>
<th>备案编号</th>
</tr>
</thead>
<tbody>
<!-- 表格内容将通过 JavaScript 动态渲染 -->
</tbody>
</table>
<!-- 分页器 -->
<div class="pagination">
<a href="javascript:;" class="prev"><</a>
<a href="javascript:;" class="active">1</a>
<a href="javascript:;">2</a>
<a href="javascript:;">3</a>
<a href="javascript:;" class="next">></a>
</div>
</div>
</div>
</div>
<!-- 关于我们 -->
<div class="about-us" id="about-us">
<div class="about-us__container">
<p class="block-title">关于我们</p>
<p class="block-text about-us__text">安鑫保自2018年增资5000万以来,公司致力于打造以"服务、数字化、生态、智能,"为核心价值的新型保险服务理念。安鑫保的产品及服务能力具备高度的互联网基因,支持线上化、数字化、实时性、高并发的整体业务服务能力,在互联网销售方面发挥深谙市场需求的优势,依托自身产品设计能力,与保险公司合作设计畅销产品,具备网销、电销、网电一体化销售的综合服务能力,从公域、私域流量投放、线上运营管理均有突出的经营优势。在协助传统企业客户进行风险转嫁的基础上,通过数字化营销解决方案赋能,为其提供高效、智能化的保险经纪服务。</p>
<div class="about-us__list">
<img src="./img/xuke1.jpeg" alt="" />
<img src="./img/xuke2.jpeg" alt="" />
<img src="./img/xuke3.jpeg" alt="" />
<img src="./img/xuke4.jpeg" alt="" />
<img src="./img/xuke5.jpeg" alt="" />
</div>
</div>
</div>
<!-- footer -->
<div class="footer">
<div class="footer__container">
<div class="footer__top">
<img src="./img/axb-logo-w.png" alt="" width="164" height="36" />
<div class="footer__top__text">
<p class="footer__phone">010-6849-2617</p>
<p class="footer__time">周一至周五 9:00-18:00</p>
</div>
</div>
<div class="footer__bottom">
<p>职场:<br />北京<br />上海<br />广西<br />湖北<br />湖南</p>
<p>电话:<br />010-68492617<br />021-68901821<br />0771-4865772<br />027-85580938<br />010-68492617</p>
<p class="footer__address">地址:<br />北京市海淀区首都体育馆南路6号3幢12层1261室 <br />上海市静安区江场路1450弄1号1101室 <br />广西南宁五象航洋信和广场1号楼3510-3511号房 <br />武汉市武昌区水果湖街中北路95-101号海山金谷天城1栋601 <br />湖南省长沙市岳麓区观沙岭街道潇湘北路三段808号启迪协信商业中心5栋3231号房</p>
<div>
<img src="./img/footer-code.png" alt="" width="90" height="90" />
<p class="footer__scan">扫一扫关注我们</p>
</div>
</div>
<div class="footer__website__information">
<div class="footer__icp">
网站备案号:
<a href="https://beian.miit.gov.cn/" style="text-decoration: underline" target="_blank" rel="noopener noreferrer"> 京ICP备17033425号-2 </a>
</div>
<div class="footer__security__certificate">
<a href="https://xyt.xcc.cn/getpcInfo?sn=1493538872569618432&language=CN&certType=8&url=*.axbinsur.com" target="_blank" style="position: relative; display: block">
<div style="width: 100%; height: 100%; position: absolute; top: 0; left: 0"></div>
<embed src="https://program.xinchacha.com/web/1493538872569618432=*.axbinsur.com.svg" width="103" height="38" type="image/svg+xml" pluginspage="//www.adobe.com/svg/viewer/install/" />
</a>
</div>
<div class="footer__icp" style="margin-left: 30px">
更多信息请阅读:
<a href="./policy.html" style="text-decoration: underline" target="_blank" rel="noopener noreferrer"> 隐私政策条款 </a>
</div>
</div>
</div>
</div>
<script>
function goTop() {
scrollTo(0, 0)
}
window.onload = function () {
{
var ele = document.querySelector('.nav-bar__attention')
ele.addEventListener('mouseover', function () {
document.querySelector('.popout').style.display = 'block'
})
ele.addEventListener('mouseout', function () {
document.querySelector('.popout').style.display = 'none'
})
}
{
// 渲染解决方案
var list1 = [
{
name: '医美领域',
text: '针对不同医疗场景提供定制化保障服务,帮助医疗美容机构转移运营风险,提升行业竞争力,给予就医者安心的保障服务',
img: './img/solution-1.png',
},
{
name: '教育领域',
text: '专注保障早教中心、幼儿园、学校等教育机构学生上学期间的安全与健康',
img: './img/solution-2.png',
},
{
name: '交通出行领域',
text: '提供场景化定制化交通出行综合保障方案,提升用户体验,转嫁运营风险,为平台制造新的赢利点',
img: './img/solution-3.png',
},
{
name: '旅游景区领域',
text: '针对景区场景提供定制化保障服务,帮助景区转移游客意外风险,给予游客安心的保障服务,同时增加二次营收',
img: './img/solution-4.png',
},
{
name: '汽车4S店领域',
text: '提供场景化定制化汽车4S店综合保障方案,帮助4S提升行业竞争力,增加二次业务营收',
img: './img/solution-5.png',
},
]
var list2 = [
{
name: '零售领域',
text: '针对新零售整个生意链路提供定制化保障服务,提升行业竞争力,给予最安心的保障服务,实现业绩二次增长',
img: './img/solution-6.png',
},
{
name: '加油站领域',
text: '针对加油站场景提供完整的业绩增长定制化保障服务,提升行业竞争力,增加车主粘性,建立自己的私域流量壁垒',
img: './img/solution-7.png',
},
{
name: '物流领域',
text: '针对物流园区车队,货物,司机,运营全链路车全方位定制化保障服务,转嫁整个运输环节的风险',
img: './img/solution-8.png',
},
{
name: '体育赛事领域',
text: '提供针对体育赛事、运动会、体育活动运动员、志愿者、工作人员、观众等参与者的风险解决方案,转嫁整个赛事环节的风险',
img: './img/solution-9.png',
},
{
name: '体育培训领域',
text: '针对体育运动培训过程中,运动员,教练等参与人员可能发生的意外事故等定制风险解决方案,转嫁整个培训环节的风险',
img: './img/solution-10.png',
},
]
var list3 = [
{
name: 'O2O领域',
text: '针对外卖平台、生鲜电商、众包平台、到家服务等领域,保障服务人员的意外、伤残、交通事故等方面的安全,提供高性价比的保障方案,转嫁平台运营风险,增加营收',
img: './img/solution-11.png',
},
{
name: '共享经济领域',
text: '针对共享经济领域用户意外伤亡、财产丢失损坏等场景,定制一套可随订单生成保单的灵活方案,既提升了用户体验,又保障了用户的风险,减少企业经济赔偿损失',
img: './img/solution-12.png',
},
{
name: '兼职领域',
text: '针对兼职人员不固定,流动性大,企业无法为这类人员提供社保和长期保险保障的特点,定制风险解决方案,可转嫁兼职平台的责任风险,还可实现流量变现',
img: './img/solution-13.png',
},
{
name: '餐饮领域',
text: '提供针餐饮领域人员流动性大,各类风险集中的特点,定制风险解决方案,让顾客就餐安心,提升消费体验,帮企业留住人才,减少流动性',
img: './img/solution-14.png',
},
{
desc: '更多互联网行业领域解决方案欢迎线下咨询...',
},
]
currentIndex = 0
function generateEle(data_arr) {
var cardlist = document.createElement('div')
cardlist.classList.add('solution__cardlist')
data_arr.forEach(function (item) {
let html = ''
if (item.desc) {
html = `<div class="solution__card"><p class="solution__slot-text">${item.desc}</p></div>`
} else {
html = `<div class="solution__card">
<p class="solution__card-title card-title">${item.name}</p>
<p class="solution__card-text card-text">
${item.text}
</p>
<img
src="${item.img}"
class="solution__card-img"
width="100%"
alt=""
/>
</div>`
}
var div = document.createElement('div')
div.innerHTML = html
cardlist.appendChild(div.childNodes[0])
})
return cardlist
}
var domList = [generateEle(list1), generateEle(list2), generateEle(list3)]
document.querySelector('.solution__cardlist-slot').appendChild(domList[currentIndex])
// 按钮控制
// 上一张
var prev_btn = document.querySelector('.solution__prev-btn')
prev_btn.addEventListener('click', function () {
if (currentIndex === 0) {
currentIndex = 2
} else {
currentIndex--
}
domList[currentIndex].style.transform = 'translateX(-1200px)'
document.querySelector('.solution__cardlist-slot').innerHTML = ''
document.querySelector('.solution__cardlist-slot').appendChild(domList[currentIndex])
setTimeout(function () {
domList[currentIndex].style.transform = 'translateX(0px)'
}, 0)
})
// 下一张
var next_btn = document.querySelector('.solution__next-btn')
next_btn.addEventListener('click', function () {
if (currentIndex === 2) {
currentIndex = 0
} else {
currentIndex++
}
domList[currentIndex].style.transform = 'translateX(1200px)'
document.querySelector('.solution__cardlist-slot').innerHTML = ''
document.querySelector('.solution__cardlist-slot').appendChild(domList[currentIndex])
setTimeout(function () {
domList[currentIndex].style.transform = 'translateX(0px)'
}, 0)
})
}
/*
navbar 滚动呼应
*/
var navItems = ['home', 'industry-points', 'digital-transform', 'data-security', 'partner', 'policy', 'about-us']
function debounce(fn) {
var timer = null
return function () {
timer && clearTimeout(timer)
timer = setTimeout(() => {
fn()
}, 100)
}
}
function handlerScroll() {
var navList = document.querySelectorAll('.nav-bar__item')
navList.forEach(function (node) {
node.classList.remove('nav-bar__item--active')
})
var midline = document.documentElement.clientHeight / 2
for (let item of navItems) {
var position = document.getElementById(item).getBoundingClientRect()
// 元素top 在页面视图上半区
// 元素bottom 在页面视图下半区
// 元素整个比当前视图大
if ((position.top >= 0 && position.top <= midline) || (position.bottom >= midline && position.bottom <= midline * 2) || (position.top <= 0 && position.bottom >= midline * 2)) {
document.querySelector(`[name=${item}]`).classList.add('nav-bar__item--active')
break
}
}
}
var wrappedScroll = debounce(handlerScroll)
window.addEventListener('scroll', wrappedScroll)
navItems.forEach(function (item) {
document.querySelector(`[name=${item}]`).addEventListener('click', function () {
document.getElementById(item).scrollIntoView()
})
})
}
</script>
<script>
// 表格数据
const tableData = [
// 第一页数据
[
{
company: '安盛天平财产保险有限公司',
product: '机动车交通事故责任强制保险',
name: '安盛天平财产保险有限公司机动车交通事故责任强制保险',
number: '银保监复〔2020〕642号',
},
{
company: '安盛天平财产保险有限公司',
product: '新能源汽车商业保险',
name: '安盛天平财产保险有限公司新能源汽车商业保险示范条款(试行) 附加法定节假日限额翻倍险(NEV21111211)',
number: '(安盛天平)(备-机动车辆保险)【2021】(附) 075号',
},
{
company: '安盛天平财产保险有限公司',
product: '新能源汽车商业保险',
name: '安盛天平财产保险有限公司新能源汽车商业保险示范条款(试行)附加自用充电桩责任保险(NEV21111203)',
number: '(安盛天平)(备-机动车辆保险)【2021】(附) 073号',
},
{
company: '安盛天平财产保险有限公司',
product: '新能源汽车商业保险',
name: '安盛天平财产保险有限公司新能源汽车商业保险示范条款(试行)附加自用充电桩损失保险(NEV21111202)',
number: '(安盛天平)(备-机动车辆保险)【2021】(附) 077号',
},
{
company: '安盛天平财产保险有限公司',
product: '新能源汽车商业保险',
name: '安盛天平财产保险有限公司新能源汽车商业保险示范条款(试行)附加外部电网故障损失险(NEV21111201)',
number: '(安盛天平)(备-机动车辆保险)【2021】(附) 071号',
},
{
company: '安盛天平财产保险有限公司',
product: '新能源汽车商业保险',
name: '安盛天平财产保险有限公司新能源汽车商业保险示范条款(试行)附加车轮单独损失险(NEV21111205)',
number: '(安盛天平)(备-机动车辆保险)【2021】(附) 067号',
},
{
company: '安盛天平财产保险有限公司',
product: '新能源汽车商业保险',
name: '安盛天平财产保险有限公司新能源汽车商业保险示范条款(试行)附加医保外医疗费用责任险(NEV21111212)',
number: '(安盛天平)(备-机动车辆保险)【2021】(附) 078号',
},
{
company: '安盛天平财产保险有限公司',
product: '新能源汽车商业保险',
name: '安盛天平财产保险有限公司新能源汽车驾乘人员意外伤害保险示范条款(试行)驾乘人员意外伤害保险(NEV21112101)',
number: '(安盛天平)(备-机动车辆保险)【2021】(附) 050号',
},
{
company: '安盛天平财产保险有限公司',
product: '新能源汽车商业保险',
name: '安盛天平财产保险有限公司新能源汽车商业保险示范条款(试行)新能源汽车车上人员责任保险(NEV21111103)',
number: '(安盛天平)(备-机动车辆保险)【2021】(附) 052号',
},
{
company: '安盛天平财产保险有限公司',
product: '新能源汽车商业保险',
name: '安盛天平财产保险有限公司新能源汽车商业保险示范条款(试行)新能源汽车第三者责任保险(NEV21111102)',
number: '(安盛天平)(备-机动车辆保险)【2021】(附) 053号',
},
{
company: '安盛天平财产保险有限公司',
product: '新能源汽车商业保险',
name: '安盛天平财产保险有限公司新能源汽车商业保险示范条款(试行)新能源汽车损失保险(NEV21111101)',
number: '(安盛天平)(备-机动车辆保险)【2021】(附) 051号',
},
{
company: '中国人民财产保险股份有限公司',
product: '机动车交通事故责任强制保险(享安在线)',
name: '中国人民财产保险股份有限公司机动车交通事故责任强制保险条款',
number: '银保监复【2020】610号',
},
{
company: '众安在线财产保险股份有限公司',
product: '安途畅行',
name: '驾乘人员意外伤害保险(互联网)',
number: 'C00017932312021120203903,(众安在线)(备-普通意外保险)【2021】(主) 142号',
},
{
company: '众安在线财产保险股份有限公司',
product: '安途畅行',
name: '驾乘人员意外伤害医疗保险(互联网2022版)',
number: 'C00017932512022031830383,(众安在线)(备-医疗保险)【2023】(主) 027号',
},
{
company: '众安在线财产保险股份有限公司',
product: '安途畅行',
name: '附加意外伤害救护车费用保险(互联网)',
number: 'C00017932522021112201573,(众安在线)(备-医疗保险)【2021】(附) 164号',
},
{
company: '众安在线财产保险股份有限公司',
product: '个人账户安全险',
name: '附加短期费率扩展条款(互联网)',
number: 'C00017931922023052500753',
},
{
company: '众安在线财产保险股份有限公司',
product: '个人账户安全险',
name: '附加个人账户资金延迟到账损失保险(互联网2024版A款)',
number: 'C00017932122024032958401',
},
{
company: '众安在线财产保险股份有限公司',
product: '个人账户安全险',
name: '个人账户资金损失保险(互联网2023版)',
number: 'C00017932112023011616173',
},
],
// 第二页数据
[
{
company: '紫金财产保险股份有限公司',
product: '机动车交通事故责任强制保险机动车商业保险',
name: '机动车交通事故责任强制保险',
number: '银保监复〔2020〕658号',
},
{
company: '紫金财产保险股份有限公司',
product: '机动车交通事故责任强制保险机动车商业保险',
name: '紫金财产保险股份有限公司机动车商业保险示范条款(2020版)机动车损失保险(BX20111101)',
number: '(紫金保险)(备-机动车辆保险)【2020】(主) 050号',
},
{
company: '紫金财产保险股份有限公司',
product: '机动车交通事故责任强制保险机动车商业保险',
name: '紫金财产保险股份有限公司机动车商业保险示范条款(2020版)机动车第三者责任保险(BX20111102)',
number: '(紫金保险)(备-机动车辆保险)【2020】(主) 046号',
},
{
company: '紫金财产保险股份有限公司',
product: '机动车交通事故责任强制保险机动车商业保险',
name: '紫金财产保险股份有限公司机动车商业保险示范条款(2020版)机动车车上人员责任保险(BX20111103)',
number: '(紫金保险)(备-机动车辆保险)【2020】(主) 039号',
},
{
company: '紫金财产保险股份有限公司',
product: '机动车交通事故责任强制保险机动车商业保险',
name: '紫金财产保险股份有限公司机动车商业保险示范条款(2020版)附加绝对免赔率特约条款(BX20111201)',
number: '(紫金保险)(备-机动车辆保险)【2020】(附) 129号',
},
{
company: '紫金财产保险股份有限公司',
product: '机动车交通事故责任强制保险机动车商业保险',
name: '紫金财产保险股份有限公司机动车商业保险示范条款(2020版)附加车轮单独损失险(BX20111202)',
number: '(紫金保险)(备-机动车辆保险)【2020】(附) 124号',
},
{
company: '紫金财产保险股份有限公司',
product: '机动车交通事故责任强制保险机动车商业保险',
name: '紫金财产保险股份有限公司机动车商业保险示范条款(2020版)附加新增加设备损失险(BX20111203)',
number: '(紫金保险)(备-机动车辆保险)【2020】(附) 128号',
},
{
company: '紫金财产保险股份有限公司',
product: '机动车交通事故责任强制保险机动车商业保险',
name: '紫金财产保险股份有限公司机动车商业保险示范条款(2020版)附加车身划痕损失险(BX20111204)',
number: '(紫金保险)(备-机动车辆保险)【2020】(附) 125号',
},
{
company: '紫金财产保险股份有限公司',
product: '机动车交通事故责任强制保险机动车商业保险',
name: '紫金财产保险股份有限公司机动车商业保险示范条款(2020版)附加修理期间费用补偿险(BX20111205)',
number: '(紫金保险)(备-机动车辆保险)【2020】(附) 132号',
},
{
company: '紫金财产保险股份有限公司',
product: '机动车交通事故责任强制保险机动车商业保险',
name: '紫金财产保险股份有限公司机动车商业保险示范条款(2020版)附加发动机进水损坏除外特约条款(BX20111206)',
number: '(紫金保险)(备-机动车辆保险)【2020】(附) 131号',
},
{
company: '紫金财产保险股份有限公司',
product: '机动车交通事故责任强制保险机动车商业保险',
name: '紫金财产保险股份有限公司机动车商业保险示范条款(2020版)附加车上货物责任险(BX20111207)',
number: '(紫金保险)(备-机动车辆保险)【2020】(附) 137号',
},
{
company: '紫金财产保险股份有限公司',
product: '机动车交通事故责任强制保险机动车商业保险',
name: '紫金财产保险股份有限公司机动车商业保险示范条款(2020版)附加精神损害抚慰金责任险(BX20111208)',
number: '(紫金保险)(备-机动车辆保险)【2020】(附) 142号',
},
{
company: '紫金财产保险股份有限公司',
product: '机动车交通事故责任强制保险机动车商业保险',
name: '紫金财产保险股份有限公司机动车商业保险示范条款(2020版)附加法定节假日限额翻倍险(BX20111209)',
number: '(紫金保险)(备-机动车辆保险)【2020】(附) 152号',
},
{
company: '紫金财产保险股份有限公司',
product: '机动车交通事故责任强制保险机动车商业保险',
name: '紫金财产保险股份有限公司机动车商业保险示范条款(2020版)附加医保外医疗费用责任险(BX20111210)',
number: '(紫金保险)(备-机动车辆保险)【2020】(附) 135号',
},
{
company: '紫金财产保险股份有限公司',
product: '机动车交通事故责任强制保险机动车商业保险',
name: '紫金财产保险股份有限公司机动车商业保险示范条款(2020版)附加机动车增值服务特约条款(BX20111211)',
number: '(紫金保险)(备-机动车辆保险)【2020】(附) 143号',
},
],
// 第三页数据
[
{
company: '紫金财产保险股份有限公司',
product: '车险',
name: '机动车交通事故责任强制保险',
number: '银保监复〔2020〕658号',
},
{
company: '紫金财产保险股份有限公司',
product: '车险',
name: '紫金财产保险股份有限公司机动车商业保险示范条款(2020版)机动车损失保险(BX20111101)',
number: '(琼) 地(紫金保险)(备-机动车辆保险)【2021】(主) 015号',
},
{
company: '紫金财产保险股份有限公司',
product: '车险',
name: '紫金财产保险股份有限公司机动车商业保险示范条款(2020版)机动车第三者责任保险(BX20111102)',
number: '(琼) 地(紫金保险)(备-机动车辆保险)【2021】(主) 002号',
},
{
company: '紫金财产保险股份有限公司',
product: '车险',
name: '紫金财产保险股份有限公司机动车商业保险示范条款(2020版)机动车车上人员责任保险(BX20111103)',
number: '(琼) 地(紫金保险)(备-机动车辆保险)【2021】(主) 005号',
},
{
company: '紫金财产保险股份有限公司',
product: '车险',
name: '紫金财产保险股份有限公司机动车商业保险示范条款(2020版)附加绝对免赔率特约条款(BX20111201)',
number: '(紫金保险)(备-机动车辆保险)【2020】(主) 129号',
},
{
company: '紫金财产保险股份有限公司',
product: '车险',
name: '紫金财产保险股份有限公司机动车商业保险示范条款(2020版)附加车轮单独损失险(BX20111202)',
number: '(紫金保险)(备-机动车辆保险)【2020】(附) 124号',
},
{
company: '紫金财产保险股份有限公司',
product: '车险',
name: '紫金财产保险股份有限公司机动车商业保险示范条款(2020版)附加新增加设备损失险(BX20111203)',
number: '(紫金保险)(备-机动车辆保险)【2020】(附) 128号',
},
{
company: '紫金财产保险股份有限公司',
product: '车险',
name: '紫金财产保险股份有限公司机动车商业保险示范条款(2020版)附加车身划痕损失险(BX20111204)',
number: '(紫金保险)(备-机动车辆保险)【2020】(附) 125号',
},
{
company: '紫金财产保险股份有限公司',
product: '车险',
name: '紫金财产保险股份有限公司机动车商业保险示范条款(2020版)附加修理期间费用补偿险(BX20111205)',
number: '(紫金保险)(备-机动车辆保险)【2020】(附) 132号',
},
{
company: '紫金财产保险股份有限公司',
product: '车险',
name: '紫金财产保险股份有限公司机动车商业保险示范条款(2020版)附加发动机进水损坏除外特约条款(BX20111206)',
number: '(紫金保险)(备-机动车辆保险)【2020】(附) 131号',
},
{
company: '紫金财产保险股份有限公司',
product: '车险',
name: '紫金财产保险股份有限公司机动车商业保险示范条款(2020版)附加车上货物责任险(BX20111207)',
number: '(紫金保险)(备-机动车辆保险)【2020】(附) 137号',
},
{
company: '紫金财产保险股份有限公司',
product: '车险',
name: '紫金财产保险股份有限公司机动车商业保险示范条款(2020版)附加精神损害抚慰金责任险(BX20111208)',
number: '(紫金保险)(备-机动车辆保险)【2020】(附) 142号',
},
{
company: '紫金财产保险股份有限公司',
product: '车险',
name: '紫金财产保险股份有限公司机动车商业保险示范条款(2020版)附加法定节假日限额翻倍险(BX20111209)',
number: '(紫金保险)(备-机动车辆保险)【2020】(附) 152号',
},
{
company: '紫金财产保险股份有限公司',
product: '车险',
name: '紫金财产保险股份有限公司机动车商业保险示范条款(2020版)附加医保外医疗费用责任险(BX20111210)',
number: '(紫金保险)(备-机动车辆保险)【2020】(附) 135号',
},
{
company: '紫金财产保险股份有限公司',
product: '车险',
name: '紫金财产保险股份有限公司机动车商业保险示范条款(2020版)附加机动车增值服务特约条款(BX20111211)',
number: '(紫金保险)(备-机动车辆保险)【2020】(附) 143号',
},
{
company: '泰康人寿保险有限责任公司',
product: '泰康飞铁保Plus意外伤害保险产品计划(互联网)',
name: '泰康e顺短期交通意外伤害保险(互联网)',
number: '泰康人寿[2021]意外伤害保险109号',
},
],
]
// 当前页码
let currentPage = 0 // 从第一页开始
// 修改渲染表格函数
function renderTable(pageIndex) {
const tbody = document.querySelector('.disclosure-table tbody')
const data = tableData[pageIndex]
let html = ''
// 渲染表格内容
data.forEach((item, index) => {
const isFirstRowOfCompany = index === 0 || item.company !== data[index - 1].company
const isFirstRowOfProduct = index === 0 || item.product !== data[index - 1].product || item.company !== data[index - 1].company
// 计算相同公司和产品的行数
const companyRowCount = data.filter((d) => d.company === item.company).length
const productRowCount = data.filter((d, i) => {
// 只统计同一公司下的相同产品
return i >= index && i < index + companyRowCount && d.product === item.product
}).length
if (isFirstRowOfCompany) {
// 新公司的第一行
html += `
<tr>
<td rowspan="${companyRowCount}">${item.company}</td>
<td rowspan="${productRowCount}">${item.product}</td>
<td>${item.name}</td>
<td>${item.number}</td>
</tr>
`
} else if (isFirstRowOfProduct) {
// 同公司下新产品的第一行
html += `
<tr>
<td rowspan="${productRowCount}">${item.product}</td>
<td>${item.name}</td>
<td>${item.number}</td>
</tr>
`
} else {
// 相同产品的后续行
html += `
<tr>
<td>${item.name}</td>
<td>${item.number}</td>
</tr>
`
}
})
tbody.innerHTML = html
}
// 初始化表格
renderTable(currentPage)
// 修改分页事件处理部分
document.querySelector('.pagination').addEventListener('click', (e) => {
const target = e.target
if (target.tagName === 'A') {
const pages = document.querySelectorAll('.pagination a')
pages.forEach((page) => page.classList.remove('active'))
if (target.classList.contains('prev')) {
if (currentPage > 0) {
currentPage--
pages[currentPage + 1].classList.add('active')
} else {
// 当前在第一页,点击上一页按钮时保持第一页高亮
pages[1].classList.add('active')
}
} else if (target.classList.contains('next')) {
if (currentPage < tableData.length - 1) {
currentPage++
pages[currentPage + 1].classList.add('active')
} else {
// 当前在最后一页,点击下一页按钮时保持最后一页高亮
pages[tableData.length].classList.add('active')
}
} else {
const pageNum = Array.from(pages).indexOf(target)
if (pageNum > 0) {
currentPage = pageNum - 1
target.classList.add('active')
}
}
renderTable(currentPage)
}
})
</script>
</body>
</html>
HTTP/1.1 200 OK
Server: nginx/1.20.1
Date: Thu, 28 Aug 2025 04:14:21 GMT
Content-Type: text/html
Last-Modified: Wed, 12 Feb 2025 02:09:09 GMT
Transfer-Encoding: chunked
Connection: keep-alive
Vary: Accept-Encoding
ETag: W/"67ac02c5-b6e5"
Content-Encoding: gzip