<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jquery+html5全套大气商务电子企业模板源码</title>
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<link rel="stylesheet" href="css/common.css">
<script src="js/jquery-1.11.3.min.js"></script>
<link rel="stylesheet" href="css/swiper-3.2.7.min.css">
<!--[if lt IE 9]>
<script src="/static/common/js/html5.min.js"></script>
<![endif]-->
<script src="js/common.js"></script>
<script src="js/lunbo.js"></script>
<link rel="stylesheet" href="css/pro_adver_com.css">
<link rel="stylesheet" href="css/lunbo.css">
<!--[if lt IE 9]>
<link rel="stylesheet" href="/static/home/css/interactionie8.css?v=1.0">
<![endif]-->
<script>
</script>
</head>
<body style="overflow:-Scroll;overflow-x:hidden">
<header class="clearFix">
<div>
<h1 class="pull-left" data-scroll-reveal="enter left over 1s and move 300px after 0.5s">
<a style="display: block; width: 100%; height: 100%;" href="/index/index">大咖传媒</a>
</h1>
<div id="nav" class="pull-right" data-scroll-reveal="enter top over 1s and move 300px after 0.5s">
<ul class="clearFix">
<li><a href="index.html" class="">首页</a></li>
<li><a href="introduce.html" class="">关于大咖</a></li>
<li><a href="dsp.html" class="">产品介绍</a></li>
<li><a href="guanggao.html" class=" current ">广告主</a></li>
<li><a href="notice.html" class="">新闻动态</a></li>
<li><a href="help.html" class="">帮助中心</a></li>
<li><a href="http://www.17sucai.com/pins/demoshow/16298" target="_blank">账号登陆</a></li>
</ul>
<div class="nav-current"></div>
</div>
</div>
</header>
<div class="banner" data-scroll-reveal="enter right over 1s and move 300px after 0.8s">
<div id="slide-holder">
<div id="slide-runner">
<a href="http://www.17sucai.com/pins/16298.html" target="_blank"><img id="slide-img-1" src="images/advertisers.png" class="slide" alt="" /></a>
<a href="http://www.17sucai.com/pins/16298.html" target="_blank"><img id="slide-img-2" src="images/banner.png" class="slide" alt="" /></a>
<a href="http://www.17sucai.com/pins/16298.html" target="_blank"><img id="slide-img-3" src="images/group.png" class="slide" alt="" /></a>
<a href="http://www.17sucai.com/pins/16298.html" target="_blank"><img id="slide-img-4" src="images/news.png" class="slide" alt="" /></a>
<a href="http://www.17sucai.com/pins/16298.html" target="_blank"><img id="slide-img-5" src="images/help.png" class="slide" alt="" /></a>
<div id="slide-controls">
<p id="slide-client" class="text"><strong></strong><span></span></p>
<p id="slide-desc" class="text"></p>
<p id="slide-nav"></p>
</div>
</div>
</div>
</div>
<script type="text/javascript">
if(!window.slider) {
var slider={};
}
slider.data= [
{
"id":"slide-img-1", // 与slide-runner中的img标签id对应
"client":"标题1",
"desc":"生活就像一坨屎 越吃越香" //这里修改描述
},
{
"id":"slide-img-2",
"client":"标题2",
"desc":"爱简单,简单爱"
},
{
"id":"slide-img-3",
"client":"标题3",
"desc":"世界那么大,想去看看"
},
{
"id":"slide-img-4",
"client":"标题4",
"desc":"像是黑暗中突如其来的一束光"
},
{
"id":"slide-img-5",
"client":"标题5",
"desc":"珍惜現在 展望未來 過去的美好只需回味"
}
];
</script>
<section class="product_list">
<ul class="clearFix">
<li data-scroll-reveal="enter bottom after 0.5s">
<img class="one" src="images/solution.png" alt="解决方案">
<img class="active two" src="images/solution1.png" alt="解决方案">
<p class="active">解决方案</p>
</li>
<li data-scroll-reveal="enter bottom after 1.5s">
<img class="active" src="images/show.png" alt="展现形式">
<img src="images/show1.png" alt="展现形式">
<p>展现形式</p>
</li>
<li data-scroll-reveal="enter bottom after 2s">
<img class="active" src="images/interaction.png" alt="广告互动">
<img src="images/interaction1.png" alt="广告互动">
<p>广告互动</p>
</li>
<li data-scroll-reveal="enter bottom after 2.5s">
<img class="active" src="images/cooperation.png" alt="合作伙伴">
<img src="images/cooperation1.png" alt="合作伙伴">
<p>合作伙伴</p>
</li>
</ul>
</section>
<div class="product_list_con">
<section class=" active solution_con">
<ul style="width: 690px; margin: 0 auto;">
<li class="clearFix" data-scroll-reveal="enter left after 0.5s">
<p class="pull-left">
强大营销策划团队,为客户创作大创意,建立消费者与品牌更深连接。大咖为客户提供移动领域全案营销服务,服务包含但不限于活动策划、品牌营销、APP推广、ASO服务等。
</p>
<div class="pull-right">
</div>
</li>
<li class="clearFix" data-scroll-reveal="enter right after 1.5s">
<div class="pull-left" style="background-position: 0 -177px">
</div>
<p class="pull-right">
整合应用商店、优质媒体、移动搜索等资源,更多流量支持。
</p>
</li>
<li class="clearFix" data-scroll-reveal="enter right after 2s">
<p class="pull-left">
独家手机厂商海量数据,立体定向,自动优化,监测可控,确保更细粒度有效投放。
</p>
<div class="pull-right" style="background-position: -155px 0">
</div>
</li>
</ul>
</section>
<section class="show_con">
<ul style="width: 690px; margin: 0 auto;">
<li class="clearFix">
<div class="pull-left">
<h4>通栏广告</h4>
<p>
规格:320 * 50 640 * 100
最大120K
</p>
</div>
<div class="pull-right">
<img src="images/show_icon_08.png">
</div>
</li>
<li class="clearFix">
<div class="pull-left">
<h4>开屏广告</h4>
<p>
规格:640 * 960 (480 * 720)
640 * 1136 (480 * 854)
768 * 1280 (480 * 800)
最大200K
</p>
</div>
<div class="pull-right">
<img src="images/show_icon_06.png">
</div>
</li>
<li class="clearFix">
<div class="pull-left">
<h4>插屏广告</h4>
<p>
规格:600 * 500 (300 * 250)
960 * 640 (480 * 320)
最大150K
</p>
</div>
<div class="pull-right">
<img src="images/show_icon_03.png">
</div>
</li>
</ul>
</section>
<section class="interaction_con">
<ul class="clearFix">
<li class="pull-left">
<div style="background-position: -1056px 0\9;">
</div>