|
|
@@ -191,11 +191,18 @@
|
|
|
padding: 60px 46px;
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
- .toggle-item-content-group .video-group {
|
|
|
+ .toggle-item-content-group .video-group .video-content-group.active {
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+ .toggle-item-content-group .video-group .video-content-group {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
+ width: 100%;
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ .toggle-item-content-group .video-group {
|
|
|
width: 786px;
|
|
|
padding-top: 52px;
|
|
|
padding-bottom: 48px;
|
|
|
@@ -203,7 +210,14 @@
|
|
|
box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.16);
|
|
|
border-radius: 12px;
|
|
|
margin-left: -16px;
|
|
|
+ background: url(/big-member/image/new_big_index/item-bg.png) no-repeat;
|
|
|
+ background-size: cover;
|
|
|
}
|
|
|
+ .video-box {
|
|
|
+ min-height: 345px;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .video-box video,
|
|
|
.video-box img {
|
|
|
width: 684px;
|
|
|
}
|
|
|
@@ -217,8 +231,14 @@
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
}
|
|
|
- .info-group .item-info-group.active {
|
|
|
-
|
|
|
+ .info-group .item-info-group + .item-info-group{
|
|
|
+ margin-top: 24px;
|
|
|
+ }
|
|
|
+ .info-group .item-info-group .content-info-group {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ .info-group .item-info-group.active .content-info-group {
|
|
|
+ display: block;
|
|
|
}
|
|
|
.info-group .title-info-group::before{
|
|
|
width: 158px;
|
|
|
@@ -227,12 +247,17 @@
|
|
|
left: 38px;
|
|
|
background: rgba(217, 233, 255, 0.33);
|
|
|
}
|
|
|
+ .info-group .item-info-group .title-info-group::after {
|
|
|
+ transition: all 0.3s;
|
|
|
+ }
|
|
|
.info-group .item-info-group.active .title-info-group::after {
|
|
|
width: 40px;
|
|
|
height: 40px;
|
|
|
left: -8px;
|
|
|
}
|
|
|
.info-group .title-info-group{
|
|
|
+ width: 100%;
|
|
|
+ cursor: pointer;
|
|
|
padding-left: 38px;
|
|
|
font-size: 18px;
|
|
|
color: #fff;
|
|
|
@@ -241,6 +266,12 @@
|
|
|
.info-group .content-info-group {
|
|
|
color: #fff;
|
|
|
}
|
|
|
+ .swiper-bg {
|
|
|
+ background: url(/big-member/image/new_big_index/group-bg.png) no-repeat;
|
|
|
+ background-size: cover;
|
|
|
+ width: 100%;
|
|
|
+ padding-top: 60px;
|
|
|
+ }
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
@@ -254,36 +285,212 @@
|
|
|
</div>
|
|
|
<div class="w-box" style="background-color: #EAEBF7">
|
|
|
<div class="w1200">
|
|
|
- <div class="title-box--new" style="padding: 41px 0 16px 0;">- 应用场景 -</div>
|
|
|
+ <div class="title-box--new" style="padding: 41px 0 16px 0;margin-bottom: 0">- 应用场景 -</div>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
+ <div class="w-box swiper-bg" style="padding-top: 20px">
|
|
|
<div class="w1200">
|
|
|
<div class="item-info-group top-center">
|
|
|
<div class="title-info-group">商机获取</div>
|
|
|
</div>
|
|
|
<div class="toggle-item-content-group">
|
|
|
<div class="info-group">
|
|
|
+ <div class="item-info-group active">
|
|
|
+ <div class="title-info-group">全网商机线索</div>
|
|
|
+ <div class="content-info-group">
|
|
|
+ <p>全国全行业7700万+条招标信息库、<br>4670万+企业库、200万+采购单位<br> 库，每日更新10万+商机；</p>
|
|
|
+ <p>提供专属拟建项目、预告项目、潜在项目预测分析，提前锁定商机。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="item-info-group">
|
|
|
+ <div class="title-info-group">项目动态实时推送</div>
|
|
|
+ <div class="content-info-group">
|
|
|
+ <p>支持按地区、行业、关键词（可设置<br>300组）订阅，精准推送商机；</p>
|
|
|
+ <p>支持邮件、APP推送，多种推送时间自<br>由选择。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<div class="item-info-group">
|
|
|
- <div class="title-info-group">重点合作企业</div>
|
|
|
+ <div class="title-info-group">拓展渠道厂商客户</div>
|
|
|
<div class="content-info-group">
|
|
|
- <p>按行业分析重点客户类型，综合评估采购单位的采<br>购项目类型，分析行业市场趋势，帮助发掘客户和<br>渠道；</p>
|
|
|
- <p>多维度交叉分析，提供重点客户、中标数量、平均<br>折扣率、合作日期，直观了解采购单位与企业关系<br>远近，辅助投标决策。</p>
|
|
|
+ <p>智能推荐潜在客户/渠道商，辅助做业务线索支持；</p>
|
|
|
+ <p>根据企业大数据库匹配企业注册工商资料、联系方式。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="video-group">
|
|
|
+ <div class="video-content-group active" name="全网商机线索">
|
|
|
+ <div class="video-box">
|
|
|
+ <video autoplay muted width="100%" height="100%" loop poster='{{Msg "seo" "cdn"}}/big-member/image/new_big_index/video.png'>
|
|
|
+ <source src='{{Msg "seo" "cdn"}}/big-member/video/new_big_index/全网商机线索.mp4' type="video/mp4">
|
|
|
+ Your browser does not support the video tag.
|
|
|
+ </video>
|
|
|
+ </div>
|
|
|
+ <div class="video-button-group">
|
|
|
+ <div class="subpage-button gold " id="go-info-big-3" data-go-buy-subscribe>立即体验</div>
|
|
|
+ <div class="subpage-button darkblue " id="go-info-big-3" data-go-buy-subscribe>点此购买</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="video-content-group" name="项目动态实时推送">
|
|
|
+ <div class="video-box">
|
|
|
+ <video muted width="100%" height="100%" loop poster='{{Msg "seo" "cdn"}}/big-member/image/new_big_index/video.png'>
|
|
|
+ <source src='{{Msg "seo" "cdn"}}/big-member/video/new_big_index/项目动态实时推送.mp4' type="video/mp4">
|
|
|
+ Your browser does not support the video tag.
|
|
|
+ </video>
|
|
|
+ </div>
|
|
|
+ <div class="video-button-group">
|
|
|
+ <div class="subpage-button gold " id="go-info-big-3" data-go-buy-subscribe>立即体验</div>
|
|
|
+ <div class="subpage-button darkblue " id="go-info-big-3" data-go-buy-subscribe>点此购买</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="video-content-group" name="拓展渠道厂商客户">
|
|
|
+ <div class="video-box">
|
|
|
+ <video muted width="100%" height="100%" loop poster='{{Msg "seo" "cdn"}}/big-member/image/new_big_index/video.png'>
|
|
|
+ <source src='{{Msg "seo" "cdn"}}/big-member/video/new_big_index/拓展渠道厂商.mp4' type="video/mp4">
|
|
|
+ Your browser does not support the video tag.
|
|
|
+ </video>
|
|
|
+ </div>
|
|
|
+ <div class="video-button-group">
|
|
|
+ <div class="subpage-button gold " id="go-info-big-3" data-go-buy-subscribe>了解更多</div>
|
|
|
+ <div class="subpage-button darkblue " id="go-info-big-3" data-go-buy-subscribe>点此购买</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="w-box swiper-bg">
|
|
|
+ <div class="w1200">
|
|
|
+ <div class="item-info-group top-center">
|
|
|
+ <div class="title-info-group">辅助投标决策</div>
|
|
|
+ </div>
|
|
|
+ <div class="toggle-item-content-group">
|
|
|
+ <div class="info-group">
|
|
|
<div class="item-info-group active">
|
|
|
- <div class="title-info-group">重点合作企业</div>
|
|
|
+ <div class="title-info-group">人工智能预测</div>
|
|
|
+ <div class="content-info-group">
|
|
|
+ <p>基于用户历史投标数据，精准分析智能预测未来可能参与竞标企业；</p>
|
|
|
+ <p>大数据分析中标价格、折扣率，提供企业投标中标概率排名。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="item-info-group">
|
|
|
+ <div class="title-info-group">大数据多维度分析</div>
|
|
|
<div class="content-info-group">
|
|
|
- <p>按行业分析重点客户类型，综合评估采购单位的采<br>购项目类型，分析行业市场趋势，帮助发掘客户和<br>渠道；</p>
|
|
|
- <p>多维度交叉分析，提供重点客户、中标数量、平均<br>折扣率、合作日期，直观了解采购单位与企业关系<br>远近，辅助投标决策。</p>
|
|
|
+ <p>采用BI可视化图表，多维度交叉分析类似项目的动态、中标金额、评标专家、项目折扣率，数据洞察一目了然。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="item-info-group">
|
|
|
+ <div class="title-info-group">企业全景分析</div>
|
|
|
+ <div class="content-info-group">
|
|
|
+ <p>构建企业多标签画像，提供企业项目动态、年度项目统计、重点客户等，深入挖掘合作客户及关系。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="item-info-group">
|
|
|
+ <div class="title-info-group">采购单位全景分析</div>
|
|
|
+ <div class="content-info-group">
|
|
|
+ <p>采购单位多维画像，提供采购单位的历史采购周期、规模等深入分析甲方采购需求；</p>
|
|
|
+ <p>大数据交叉挖掘甲方与供应商关系，帮助企业拓展客户。</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="video-group">
|
|
|
- <div class="video-box">
|
|
|
- <img src='{{Msg "seo" "cdn"}}/big-member/image/new_info/item-cg-2.png' alt="">
|
|
|
+ <div class="video-content-group active" name="人工智能预测">
|
|
|
+ <div class="video-box">
|
|
|
+ <video muted width="100%" height="100%" loop poster='{{Msg "seo" "cdn"}}/big-member/image/new_big_index/video.png'>
|
|
|
+ <source src='{{Msg "seo" "cdn"}}/big-member/video/new_big_index/中标企业预测.mp4' type="video/mp4">
|
|
|
+ Your browser does not support the video tag.
|
|
|
+ </video>
|
|
|
+ </div>
|
|
|
+ <div class="video-button-group">
|
|
|
+ <div class="subpage-button gold " id="go-info-big-3" data-go-buy-subscribe>了解更多</div>
|
|
|
+ <div class="subpage-button darkblue " id="go-info-big-3" data-go-buy-subscribe>点此购买</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="video-content-group" name="大数据多维度分析">
|
|
|
+ <div class="video-box">
|
|
|
+ <video muted width="100%" height="100%" loop poster='{{Msg "seo" "cdn"}}/big-member/image/new_big_index/video.png'>
|
|
|
+ <source src='{{Msg "seo" "cdn"}}/big-member/video/new_big_index/投标决策分析.mp4' type="video/mp4">
|
|
|
+ Your browser does not support the video tag.
|
|
|
+ </video>
|
|
|
+ </div>
|
|
|
+ <div class="video-button-group">
|
|
|
+ <div class="subpage-button gold " id="go-info-big-3" data-go-buy-subscribe>了解更多</div>
|
|
|
+ <div class="subpage-button darkblue " id="go-info-big-3" data-go-buy-subscribe>点此购买</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="video-button-group">
|
|
|
- <div class="subpage-button gold " id="go-info-big-3" data-go-buy-subscribe>立即体验</div>
|
|
|
- <div class="subpage-button darkblue " id="go-info-big-3" data-go-buy-subscribe>点此购买</div>
|
|
|
+ <div class="video-content-group" name="企业全景分析">
|
|
|
+ <div class="video-box">
|
|
|
+ <video muted width="100%" height="100%" loop poster='{{Msg "seo" "cdn"}}/big-member/image/new_big_index/video.png'>
|
|
|
+ <source src='{{Msg "seo" "cdn"}}/big-member/video/new_big_index/企业画像.mp4' type="video/mp4">
|
|
|
+ Your browser does not support the video tag.
|
|
|
+ </video>
|
|
|
+ </div>
|
|
|
+ <div class="video-button-group">
|
|
|
+ <div class="subpage-button gold " id="go-info-big-3" data-go-buy-subscribe>了解更多</div>
|
|
|
+ <div class="subpage-button darkblue " id="go-info-big-3" data-go-buy-subscribe>点此购买</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="video-content-group" name="采购单位全景分析">
|
|
|
+ <div class="video-box">
|
|
|
+ <video muted width="100%" height="100%" loop poster='{{Msg "seo" "cdn"}}/big-member/image/new_big_index/video.png'>
|
|
|
+ <source src='{{Msg "seo" "cdn"}}/big-member/video/new_big_index/采购单位画像.mp4' type="video/mp4">
|
|
|
+ Your browser does not support the video tag.
|
|
|
+ </video>
|
|
|
+ </div>
|
|
|
+ <div class="video-button-group">
|
|
|
+ <div class="subpage-button gold " id="go-info-big-3" data-go-buy-subscribe>了解更多</div>
|
|
|
+ <div class="subpage-button darkblue " id="go-info-big-3" data-go-buy-subscribe>点此购买</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="w-box swiper-bg">
|
|
|
+ <div class="w1200">
|
|
|
+ <div class="item-info-group top-center">
|
|
|
+ <div class="title-info-group">市场分析洞察</div>
|
|
|
+ </div>
|
|
|
+ <div class="toggle-item-content-group">
|
|
|
+ <div class="info-group">
|
|
|
+ <div class="item-info-group active">
|
|
|
+ <div class="title-info-group">市场分析报告</div>
|
|
|
+ <div class="content-info-group">
|
|
|
+ <p>灵活的BI可视化报表，可自定义、实时动态获取关注行业的市场分析报告；</p>
|
|
|
+ <p>多维度分析市场规模、地区行业市场趋势。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="item-info-group">
|
|
|
+ <div class="title-info-group">情报监控</div>
|
|
|
+ <div class="content-info-group">
|
|
|
+ <p>项目进度全程监控，时刻了解项目变化，推进业务进展；</p>
|
|
|
+ <p>第一时间监控并推送企业中标动态、工商信息变动，企业情报一手掌握。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="video-group">
|
|
|
+ <div class="video-content-group active" name="市场分析报告">
|
|
|
+ <div class="video-box">
|
|
|
+ <video muted width="100%" height="100%" loop poster='{{Msg "seo" "cdn"}}/big-member/image/new_big_index/video.png'>
|
|
|
+ <source src='{{Msg "seo" "cdn"}}/big-member/video/new_big_index/市场分析.mp4' type="video/mp4">
|
|
|
+ Your browser does not support the video tag.
|
|
|
+ </video>
|
|
|
+ </div>
|
|
|
+ <div class="video-button-group">
|
|
|
+ <div class="subpage-button gold " id="go-info-big-3" data-go-buy-subscribe>了解更多</div>
|
|
|
+ <div class="subpage-button darkblue " id="go-info-big-3" data-go-buy-subscribe>点此购买</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="video-content-group" name="情报监控">
|
|
|
+ <div class="video-box">
|
|
|
+ <video muted width="100%" height="100%" loop poster='{{Msg "seo" "cdn"}}/big-member/image/new_big_index/video.png'>
|
|
|
+ <source src='{{Msg "seo" "cdn"}}/big-member/video/new_big_index/情报监控.mp4' type="video/mp4">
|
|
|
+ Your browser does not support the video tag.
|
|
|
+ </video>
|
|
|
+ </div>
|
|
|
+ <div class="video-button-group">
|
|
|
+ <div class="subpage-button gold " id="go-info-big-3" data-go-buy-subscribe>立即体验</div>
|
|
|
+ <div class="subpage-button darkblue " id="go-info-big-3" data-go-buy-subscribe>点此购买</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -568,6 +775,24 @@
|
|
|
<script src='{{Msg "seo" "cdn"}}/js/pc-collect-user-info.js?v={{Msg "seo" "version"}}'></script>
|
|
|
<script>
|
|
|
$("img").on('dragstart',false)
|
|
|
+ $(function () {
|
|
|
+ function toggleContent () {
|
|
|
+ $(this).parent().siblings().removeClass('active')
|
|
|
+ $(this).parent().addClass('active')
|
|
|
+ var strKey = $(this).text()
|
|
|
+ var videoNode = $('.video-content-group[name="'+strKey+'"]')
|
|
|
+ videoNode.siblings().removeClass('active')
|
|
|
+ videoNode.addClass('active')
|
|
|
+ $(".video-content-group video").trigger('pause')
|
|
|
+ videoNode.find('video').trigger('play')
|
|
|
+ }
|
|
|
+ $(".toggle-item-content-group .title-info-group").on('click', function () {
|
|
|
+ toggleContent.bind(this)()
|
|
|
+ })
|
|
|
+ $(".toggle-item-content-group .title-info-group").hover(function () {
|
|
|
+ toggleContent.bind(this)()
|
|
|
+ })
|
|
|
+ })
|
|
|
</script>
|
|
|
<script>
|
|
|
var pageUserInfo = {
|
