QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 选项卡/滑动门 > jQuery tab软件产品标签切换代码

原创商用 jQuery tab软件产品标签切换代码

jQuery制作云主机软件产品网格布局,分类标签tab切换效果代码。
分享到微信朋友圈
X
[声明]该素材是本站付费买断的作品代码,享受著作权?;?,未经允许请勿转载,否则追究相应的法律责任。

使用方法:

1、head引入css文件

<link rel="stylesheet" type="text/css" href="statics/css/style.css" />

2、head引入js文件

<script src="statics/js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>

3、body引入HTML代码

<div class="pavilion-container">
	<div class="layer-title">主机馆</div>
	<div class="pavilion-inner">
		<ul class="tabs overflow-hide">
			<li class="hot-use on">
				<span class="hot-icon on"></span><span>热门应用</span></li>
			<li>
				<a href="#">企业上云</a>
			</li>

			<li>智能制造</li>

			<li>智慧城市</li>

			<li>
				<a href="#">视频</a>
			</li>

			<li>安全</li>

			<li>
				<a href="#">服务</a>
			</li>

			<li>API</li>

			<li>物联网</li>

			<li>开发者生态</li>

		</ul>
		<div class="tab-content-wrap">
			<div class="tab-content overflow-hide show">
				<div class="col-sm-3">
					<div class="tab-card tab-card-lg">
						<a href="#">
							<img src="statics/images/20181207003226_48320.png" width="65">
							<h3>泰克双创实践云平台</h3>
							<p>基于云主机建设的多功能教育实训平台</p>
							<div class="labels">
								<a href="#"><span>教育</span></a>
								<a href="#"><span>智慧城市</span></a>
							</div>
							<div class="time"><span>¥1550000</span>/年</div>
						</a>
					</div>
				</div>
				<div class="col-sm-3">
					<div class="tab-card tab-card-md">
						<a href="#">
							<img src="statics/images/20180914004240_63818.png" width="65">
							<h3>解放云盘</h3>
							<p>服务于企业的文件存储、管理与协作云平台</p>
							<div class="time"><span>¥1155</span>/年</div>
						</a>
					</div>
					<div class="tab-card tab-card-md">
						<a href="#">
							<img src="statics/images/20180914004225_25148.png" width="65">
							<h3>虚拟化下一代防火墙</h3>
							<p>为公有云VPC租户提供安全防护</p>
							<div class="time"><span>¥1600</span>/年</div>
						</a>
					</div>
				</div>
				<div class="col-sm-3">
					<div class="tab-card tab-card-md">
						<a href="#">
							<img src="statics/images/20180914004133_95340.png" width="65">
							<h3>智迅云客服</h3>
							<p>新一代的云客服解决方案</p>
							<div class="time"><span>¥180</span>/月</div>
						</a>
					</div>
					<div class="tab-card tab-card-md">
						<a href="#">
							<img src="statics/images/20180927165101_76366.png" width="65">
							<h3>玖欣工业云平台</h3>
							<p>助力企业快速部署工业互联网平台</p>
							<div class="time"><span>¥150100</span>/年</div>
						</a>
					</div>
				</div>
				<div class="col-sm-3">
					<div class="tab-card tab-card-sm">
						<a href="#">
							<h3>中标文通文档管理系统V3.0</h3>
							<div class="time"><span>¥160</span>/月</div>
						</a>
					</div>
					<div class="tab-card tab-card-sm">
						<a href="#">
							<h3>云评估-中软国际版</h3>
							<div class="time"><span>¥6000</span>/次</div>
						</a>
					</div>
					<div class="tab-card tab-card-sm">
						<a href="#">
							<h3>视频云服务套餐</h3>
							<div class="time"><span>¥3600</span>/年</div>
						</a>
					</div>
					<div class="tab-card tab-card-sm">
						<a href="#">
							<h3>智慧教育大数据云平台</h3>
							<div class="time"><span>¥4500000</span>/年</div>
						</a>
					</div>
				</div>
			</div>
			<div class="tab-content overflow-hide">
				<div class="col-sm-3">
					<div class="tab-card tab-card-lg">
						<a href="#">
							<img src="statics/images/20180913233155_16242.png" width="65">
							<h3>金华威云视频会议</h3>
							<p>高品质的面对面视讯沟通云服务</p>
							<div class="labels">
								<a href="#"><span>教育</span></a>
								<a href="#"><span>协同办公</span></a>
								<a href="#"><span>视频应用</span></a>
								<a href="#"><span>咨询与培训</span></a>
								<a href="#"><span>电商</span></a>
								<a href="#"><span>严选自营</span></a>
								<a href="#"><span>云通信</span></a>
								<a href="#"><span>企业服务</span></a>
							</div>
							<div class="time"><span>¥800</span>/年</div>
						</a>
					</div>
				</div>
				<div class="col-sm-3">
					<div class="tab-card tab-card-md">
						<a href="#">
							<img src="statics/images/20180913233104_95322.png" width="65">
							<h3>解放云盘</h3>
							<p>企业文件存储管理与协作云平台</p>
							<div class="time"><span>¥1155</span>/年</div>
						</a>
					</div>
					<div class="tab-card tab-card-md">
						<a href="#">
							<img src="statics/images/20180913233119_30515.png" width="65">
							<h3>AnyShare Cloud企业云盘服务</h3>
							<p>统一管理、高效便捷的统一存储平台</p>
							<div class="time"><span>¥1280</span>/月</div>
						</a>
					</div>
				</div>
				<div class="col-sm-3">
					<div class="tab-card tab-card-md">
						<a href="#">
							<img src="statics/images/20180913233138_80288.png" width="65">
							<h3>智迅云客服</h3>
							<p>新一代的云客服解决方案</p>
							<div class="time"><span>¥180</span>/月</div>
						</a>
					</div>
					<div class="tab-card tab-card-md">
						<a href="#">
							<img src="statics/images/20180913233229_26206.png" width="65">
							<h3>汉得SRM</h3>
							<p>为企业打造智能敏捷高效合规的供应体系</p>
							<div class="time"><span>¥3600</span>/月</div>
						</a>
					</div>
				</div>
				<div class="col-sm-3">
					<div class="tab-card tab-card-sm">
						<a href="#">
							<h3>U8 cloud</h3>
							<div class="time"><span>¥13500</span>/年</div>
						</a>
					</div>
					<div class="tab-card tab-card-sm">
						<a href="#">
							<h3>心通达OA</h3>
							<div class="time"><span>免费</span></div>
						</a>
					</div>
					<div class="tab-card tab-card-sm">
						<a href="#">
							<h3>迅响响应式模板网站</h3>
							<div class="time"><span>¥1</span>/月</div>
						</a>
					</div>
					<div class="tab-card tab-card-sm">
						<a href="#">
							<h3>迅响响应式定制建站</h3>
							<div class="time"><span>¥800</span>/年</div>
						</a>
					</div>
				</div>
			</div>
			<div class="tab-content overflow-hide">
				<div class="col-sm-3">
					<div class="tab-card tab-card-lg">
						<a href="#">
							<img src="statics/images/20190111204349_64066.png" width="65">
							<h3>协同设计云套餐</h3>
							<p>提供云化CAD以及数据管理平台</p>
							<div class="labels">
								<a href="#"><span>智能制造</span></a>
								<a href="#"><span>模组开发</span></a>
								<a href="#"><span>云设计</span></a>
								<a href="#"><span>工业互联网</span></a>
							</div>
							<div class="time"><span>¥49650</span>/年</div>
						</a>
					</div>
				</div>
				<div class="col-sm-3">
					<div class="tab-card tab-card-md">
						<a href="#">
							<img src="statics/images/20190111205625_10722.png" width="65">
							<h3>工业云仿真定制包</h3>
							<p>集网盘盘和高性能计算调度与一体</p>
							<div class="time"><span>¥66300</span>/年</div>
						</a>
					</div>
					<div class="tab-card tab-card-md">
						<a href="#">
							<img src="statics/images/20190111210543_61980.png" width="65">
							<h3>MixIOT工业互联网平台</h3>
							<p>融合数据采集、存储、处理、分析与应用</p>
							<div class="time"><span>¥10000</span>/次</div>
						</a>
					</div>
				</div>
				<div class="col-sm-3">
					<div class="tab-card tab-card-md">
						<a href="#">
							<img src="statics/images/20180927162750_34746.png" width="65">
							<h3>玖欣工业云平台</h3>
							<p>助力企业快速部署工业互联网平台</p>
							<div class="time"><span>¥150100</span>/年</div>
						</a>
					</div>
					<div class="tab-card tab-card-md">
						<a href="#">
							<img src="statics/images/20190111214657_89818.png" width="65">
							<h3>智能装备云定制包</h3>
							<p>让装备轻松上云,为装备制造业提供专业智能服务的解决方案。</p>
							<div class="time"><span>¥26960</span>/年</div>
						</a>
					</div>
				</div>
				<div class="col-sm-3">
					<div class="tab-card tab-card-sm">
						<a href="#">
							<h3>离散型生产管理系统</h3>
							<div class="time"><span>¥200000</span>/次</div>
						</a>
					</div>
					<div class="tab-card tab-card-sm">
						<a href="#">
							<h3>車马帅TMS运输管理系统</h3>
							<div class="time"><span>¥5600</span>/年</div>
						</a>
					</div>
					<div class="tab-card tab-card-sm">
						<a href="#">
							<h3>thingcom物联网技术平台</h3>
							<div class="time"><span>¥2000000</span>/次</div>
						</a>
					</div>
					<div class="tab-card tab-card-sm">
						<a href="#">
							<h3>极动云物联网云平台</h3>
							<div class="time"><span>¥90000</span>/次</div>
						</a>
					</div>
				</div>
			</div>
			<div class="tab-content overflow-hide">
				<div class="col-sm-3">
					<div class="tab-card tab-card-lg">
						<a href="#">
							<img src="statics/images/20180914004529_22414.png" width="65">
							<h3>泰克双创实践云平台</h3>
							<p>基于云主机建设的多功能教育实训平台</p>
							<div class="labels">
								<a href="#"><span>教育</span></a>
								<a href="#"><span>智慧城市</span></a>
							</div>
							<div class="time"><span>¥1550000</span>/年</div>
						</a>
					</div>
				</div>
				<div class="col-sm-3">
					<div class="tab-card tab-card-md">
						<a href="#">
							<img src="statics/images/20180914004610_58013.png" width="65">
							<h3>智慧教育大数据云平台</h3>
							<p>构建个性化、精准化、多样化教育大数据云平台</p>
							<div class="time"><span>¥4500000</span>/年</div>
						</a>
					</div>
					<div class="tab-card tab-card-md">
						<a href="#">
							<img src="statics/images/20180914004656_69539.png" width="65">
							<h3>网格化监测服务</h3>
							<p>提供污染数据采集、分析、审核等服务</p>
							<div class="time"><span>¥1500000</span>/年</div>
						</a>
					</div>
				</div>
				<div class="col-sm-3">
					<div class="tab-card tab-card-md">
						<a href="#">
							<img src="statics/images/20180914004722_45420.png" width="65">
							<h3>全域旅游云</h3>
							<p>针对全域旅游建设的智慧管理的整体服务</p>
							<div class="time"><span>¥220000</span>/年</div>
						</a>
					</div>
					<div class="tab-card tab-card-md">
						<a href="#">
							<img src="statics/images/20180914004810_57256.png" width="65">
							<h3>擎天数字生态城市</h3>
							<p>全方位辅助企业实现碳资产的自我管理</p>
							<div class="time"><span>¥2500000</span>/次</div>
						</a>
					</div>
				</div>
				<div class="col-sm-3">
					<div class="tab-card tab-card-sm">
						<a href="#">
							<h3>扬尘视频监控服务</h3>
							<div class="time"><span>¥3000000</span>/年</div>
						</a>
					</div>
					<div class="tab-card tab-card-sm">
						<a href="#">
							<h3>预测预警分析模型服务</h3>
							<div class="time"><span>¥1000000</span>/年</div>
						</a>
					</div>
					<div class="tab-card tab-card-sm">
						<a href="#">
							<h3>中小学智慧校园解决方案</h3>
							<div class="time"><span>¥1000000</span>/年</div>
						</a>
					</div>
					<div class="tab-card tab-card-sm">
						<a href="#">
							<h3>智慧景区管理服务系统</h3>
							<div class="time"><span>¥480000</span>/年</div>
						</a>
					</div>
				</div>
			</div>
			<div class="tab-content overflow-hide">
				<div class="col-sm-3">
					<div class="tab-card tab-card-lg">
						<a href="#">
							<img src="statics/images/20180914011445_98470.png" width="65">
							<h3>视频云服务套餐</h3>
							<p>快速开启广播级视频云服务</p>
							<div class="labels">
								<a href="#"><span>视频应用</span></a>
								<a href="#"><span>媒体视频 </span></a>
								<a href="#"><span>视频直播</span></a>
								<a href="#"><span>视频点播</span></a>
								<a href="#"><span>视频转码</span></a>
								<a href="#"><span>视频云</span></a>
							</div>
							<div class="time"><span>¥3600</span>/年</div>
						</a>
					</div>
				</div>
				<div class="col-sm-3">
					<div class="tab-card tab-card-md">
						<a href="#">
							<img src="statics/images/20180914011950_59962.png" width="65">
							<h3>媒体云媒体客户端产品</h3>
							<p>提供完整的新闻客户端解决方案</p>
							<div class="time"><span>¥100000</span>/次</div>
						</a>
					</div>
					<div class="tab-card tab-card-md">
						<a href="#">
							<img src="statics/images/20180914012306_47199.png" width="65">
							<h3>媒体云SAAS版</h3>
							<p>提供领先的、可运营的媒体云服务</p>
							<div class="time"><span>¥200000</span>/年</div>
						</a>
					</div>
				</div>
				<div class="col-sm-3">
					<div class="tab-card tab-card-md">
						<a href="#">
							<img src="statics/images/20180914012537_21382.png" width="65">
							<h3>视频云直播API套餐</h3>
							<p>快速开启直播,引燃商业价值</p>
							<div class="time"><span>¥135</span>/年</div>
						</a>
					</div>
					<div class="tab-card tab-card-md">
						<a href="#">
							<img src="statics/images/20180914012558_14202.png" width="65">
							<h3>视频云直播转码API套餐</h3>
							<p>为多种直播场景提供多分辨率转码服务 </p>
							<div class="time"><span>¥117</span>/年</div>
						</a>
					</div>
				</div>
				<div class="col-sm-3">
					<div class="tab-card tab-card-sm">
						<a href="#">
							<h3>视频云点播API套餐</h3>
							<div class="time"><span>¥9.9</span>/月</div>
						</a>
					</div>
					<div class="tab-card tab-card-sm">
						<a href="#">
							<h3>视频云转码API套餐</h3>
							<div class="time"><span>¥113</span>/年</div>
						</a>
					</div>
					<div class="tab-card tab-card-sm">
						<a href="#">
							<h3>音视频连麦直播</h3>
							<div class="time"><span>¥1460</span>/次</div>
						</a>
					</div>
					<div class="tab-card tab-card-sm">
						<a href="#">
							<h3>媒体云镜像版</h3>
							<div class="time"><span>¥39600</span>/年</div>
						</a>
					</div>
				</div>
			</div>
			<div class="tab-content overflow-hide">
				<div class="col-sm-3">
					<div class="tab-card tab-card-lg">
						<a href="#">
							<img src="statics/images/20180914004920_74032.png" width="65">
							<h3>Array SSL VPN授权服务</h3>
							<p>为移动办公和云计算量身定制的安全网关</p>
							<div class="labels">
								<a href="#"> <span>网络安全</span></a>
								<a href="#"> <span>VPN</span></a>
							</div>
							<div class="time"><span>¥588</span>/月</div>
						</a>
					</div>
				</div>
				<div class="col-sm-3">
					<div class="tab-card tab-card-md">
						<a href="#">
							<img src="statics/images/20180914004936_56574.png" width="65">
							<h3>云匣子</h3>
							<p>支持PC、手机等多终端运维的云堡垒机</p>
							<div class="time"><span>¥360</span>/月</div>
						</a>
					</div>
					<div class="tab-card tab-card-md">
						<a href="#">
							<img src="statics/images/20180914104943_45360.png" width="65">
							<h3>奕锐云安全接入VPN系统</h3>
							<p>支持B/S、C/S应用,支持云上云下主动互访</p>
							<div class="time"><span>¥100</span>/月</div>
						</a>
					</div>
				</div>
				<div class="col-sm-3">
					<div class="tab-card tab-card-md">
						<a href="#">
							<img src="statics/images/20181024170922_87844.png" width="65">
							<h3>Array SSL VPN镜像服务端</h3>
							<p>Array SSL VPN镜像,15天license试用</p>
							<div class="time"><span>免费</span></div>
						</a>
					</div>
					<div class="tab-card tab-card-md">
						<a href="#">
							<img src="statics/images/20180914012736_77942.png" width="65">
							<h3>云匣子-授权服务</h3>
							<p>支持PC、手机等多终端运维的云堡垒机</p>
							<div class="time"><span>¥360</span>/月</div>
						</a>
					</div>
				</div>
				<div class="col-sm-3">
					<div class="tab-card tab-card-sm">
						<a href="#">
							<h3>山石网科防火墙-旗舰版</h3>
							<div class="time"><span>¥4000</span>/年</div>
						</a>
					</div>
					<div class="tab-card tab-card-sm">
						<a href="#">
							<h3>山石网科防火墙-标准版</h3>
							<div class="time"><span>¥1600</span>/年</div>
						</a>
					</div>
					<div class="tab-card tab-card-sm">
						<a href="#">
							<h3>云匣子License</h3>
							<div class="time"><span>¥360</span>/月</div>
						</a>
					</div>
					<div class="tab-card tab-card-sm">
						<a href="#">
							<h3>云安全服务</h3>
							<div class="time"><span>¥6000</span>/次</div>
						</a>
					</div>
				</div>
			</div>
			<div class="tab-content overflow-hide">
				<div class="col-sm-3">
					<div class="tab-card tab-card-lg">
						<a href="#">
							<img src="statics/images/20180914012755_78249.png" width="65">
							<h3>云管理服务</h3>
							<p>提供资源管理、监控管理等服务</p>
							<div class="labels">
								<a href="#"><span>代维服务</span></a>
								<a href="#"><span>代维与管理</span></a>
							</div>
							<div class="time"><span>¥7000</span>/年</div>
						</a>
					</div>
				</div>
				<div class="col-sm-3">
					<div class="tab-card tab-card-md">
						<a href="#">
							<img src="statics/images/20180914012811_27871.png" width="65">
							<h3>MoveSure迁移服务</h3>
							<p>将X86架构业务整机迁移到云主机</p>
							<div class="time"><span>¥10500</span>/次</div>
						</a>
					</div>
					<div class="tab-card tab-card-md">
						<a href="#">
							<img src="statics/images/20180914012832_48001.png" width="65">
							<h3>云迁移-龙田科技版</h3>
							<p>提供应用级、数据级等迁移服务</p>
							<div class="time"><span>¥1</span>/次</div>
						</a>
					</div>
				</div>
				<div class="col-sm-3">
					<div class="tab-card tab-card-md">
						<a href="#">
							<img src="statics/images/20180914012910_42936.png" width="65">
							<h3>认证类培训</h3>
							<p>覆盖IT、CT技术领域的华为认证</p>
							<div class="time"><span>¥206400</span>/次</div>
						</a>
					</div>
					<div class="tab-card tab-card-md">
						<a href="#">
							<img src="statics/images/20180921111807_87261.png" width="65">
							<h3>云评估-博思云为版</h3>
							<p>帮助建立最优架构和服务策略</p>
							<div class="time"><span>¥16000</span>/次</div>
						</a>
					</div>
				</div>
				<div class="col-sm-3">
					<div class="tab-card tab-card-sm">
						<a href="#">
							<h3>云迁移-赛意信息版</h3>
							<div class="time"><span>¥6000</span>/次</div>
						</a>
					</div>
					<div class="tab-card tab-card-sm">
						<a href="#">
							<h3>云运维-软通云网版</h3>
							<div class="time"><span>¥3000</span>/次</div>
						</a>
					</div>
					<div class="tab-card tab-card-sm">
						<a href="#">
							<h3>技术趋势类培训</h3>
							<div class="time"><span>¥30000</span>/次</div>
						</a>
					</div>
					<div class="tab-card tab-card-sm">
						<a href="#">
							<h3>云评估-中软国际版</h3>
							<div class="time"><span>¥6000</span>/次</div>
						</a>
					</div>
				</div>
			</div>
			<div class="tab-content overflow-hide">
				<div class="col-sm-3">
					<div class="tab-card tab-card-lg">
						<a href="#">
							<img src="statics/images/20180914013016_79349.png" width="65">
							<h3>视频云直播API</h3>
							<p>快速开启直播,引燃商业价值</p>
							<div class="labels">
								<a href="#"><span>API</span></a>
								<a href="#"><span>视频应用</span></a>
								<a href="#"><span>媒体视频 </span></a>
								<a href="#"><span>媒体视频</span></a>
								<a href="#"><span>视频直播</span></a>
								<a href="#"><span>视频转码</span></a>
								<a href="#"><span>视频云</span></a>
							</div>
							<div class="time"><span>按需</span></div>
						</a>
					</div>
				</div>
				<div class="col-sm-3">
					<div class="tab-card tab-card-lg">
						<a href="#">
							<img src="statics/images/20180914013033_44314.png" width="65">
							<h3>视频云点播API </h3>
							<p>一体化点播解决方案</p>
							<div class="labels">
								<a href="#"><span>API</span></a>
								<a href="#"><span>媒体视频 </span></a>
								<a href="#"><span>媒体视频</span></a>
								<a href="#"><span>通信通讯</span></a>
								<a href="#"><span>视频点播</span></a>
								<a href="#"><span>视频云</span></a>
							</div>
							<div class="time"><span>按需</span></div>
						</a>
					</div>
				</div>
				<div class="col-sm-3">
					<div class="tab-card tab-card-lg">
						<a href="#">
							<img src="statics/images/20180914013046_72479.png" width="65">
							<h3>视频云转码API</h3>
							<p>提供经济、高效、可靠的转码能力 </p>
							<div class="labels">
								<a href="#"><span>API</span></a>
								<a href="#"><span>媒体视频 </span></a>
								<a href="#"><span>视频转码</span></a>
								<a href="#"><span>视频云</span></a>
							</div>
							<div class="time"><span>按需</span></div>
						</a>
					</div>
				</div>
				<div class="col-sm-3">
					<div class="tab-card tab-card-lg">
						<a href="#">
							<img src="statics/images/20180914013110_93582.png" width="65">
							<h3>监控直播API </h3>
							<p>提供稳定、流畅的监控直播服务</p>
							<div class="labels">
								<a href="#"><span>媒体视频 </span></a>
								<a href="#"><span>API</span></a>
								<a href="#"><span>媒体视频</span></a>
								<a href="#"><span>视频直播</span></a>
								<a href="#"><span>视频云</span></a>
							</div>
							<div class="time"><span>按需</span></div>
						</a>
					</div>
				</div>
			</div>
			<div class="tab-content overflow-hide">
				<div class="col-sm-3">
					<div class="tab-card tab-card-lg">
						<a href="#">
							<img src="statics/images/20180914013200_32614.png" width="65">
							<h3>成翼行车队管理服务</h3>
							<p>构建安全、高效的车联网大数据系统</p>
							<div class="labels">
								<a href="#"><span>智慧城市</span></a>
								<a href="#"><span>交通</span></a>
								<a href="#"><span>物联网</span></a>
								<a href="#"><span>车联网</span></a>
							</div>
							<div class="time"><span>¥496</span>/年</div>
						</a>
					</div>
				</div>
				<div class="col-sm-3">
					<div class="tab-card tab-card-lg">
						<a href="#">
							<img src="statics/images/20180914013323_75532.png" width="65">
							<h3>极动云物联网云平台</h3>
							<p>轻松实现海量物联网设备管理</p>
							<div class="labels">
								<a href="#"><span>工业互联网</span></a>
								<a href="#"><span>智慧城市</span></a>
								<a href="#"><span>物联网</span></a>
							</div>
							<div class="time"><span>¥20</span>/次</div>
						</a>
					</div>
				</div>
				<div class="col-sm-3">
					<div class="tab-card tab-card-lg">
						<a href="#">
							<img src="statics/images/20180914013357_56833.png" width="65">
							<h3>擎天数字生态城市企业版</h3>
							<p>辅助企业实现碳资产自我管理</p>
							<div class="labels">
								<a href="#"><span>物联网</span></a>
								<a href="#"><span>智慧城市</span></a>
							</div>
							<div class="time"><span>¥2500000</span>/次</div>
						</a>
					</div>
				</div>
				<div class="col-sm-3">
					<div class="tab-card tab-card-lg">
						<a href="#">
							<img src="statics/images/20180914013417_95167.png" width="65">
							<h3>大气环境网格化监管系统</h3>
							<p>构建全向互联的环保感知网络</p>
							<div class="labels">
								<a href="#"><span>物联网</span></a>
								<a href="#"><span>智慧城市</span></a>
								<a href="#"><span>智慧环保</span></a>
							</div>
							<div class="time"><span>¥840000</span>/月</div>
						</a>
					</div>
				</div>
			</div>
			<div class="tab-content overflow-hide">
				<div class="col-sm-3">
					<div class="tab-card tab-card-lg">
						<a href="#">
							<img src="statics/images/20180914013450_21326.png" width="65">
							<h3>峰科加速基因解决方案</h3>
							<p>基于云主机FPGA提供加速基因解决方案</p>
							<div class="labels">
								<a href="#"><span>商业智能</span></a>
								<a href="#"><span>人工智能</span></a>
								<a href="#"><span>医疗</span></a>
								<a href="#"><span>高性能计算</span></a>
								<a href="#"><span>基因测序</span></a>
								<a href="#"><span>科学计算</span></a>
							</div>
							<div class="time"><span>¥5700</span>/月</div>
						</a>
					</div>
				</div>
				<div class="col-sm-3">
					<div class="tab-card tab-card-md">
						<a href="#">
							<img src="statics/images/20180914013544_55604.png" width="65">
							<h3>秦渲云</h3>
							<p>提供国际领先的渲染服务云平台</p>
							<div class="time"><span>¥2592</span>/月</div>
						</a>
					</div>
					<div class="tab-card tab-card-md">
						<a href="#">
							<img src="statics/images/20180914013626_46327.png" width="65">
							<h3>永洪敏捷BI(SAAS)</h3>
							<p>提供大数据BI的大屏SAAS解决方案</p>
							<div class="time"><span>¥200</span>/月</div>
						</a>
					</div>
				</div>
				<div class="col-sm-3">
					<div class="tab-card tab-card-md">
						<a href="#">
							<img src="statics/images/20180914013647_39838.png" width="65">
							<h3>永洪敏捷BI(镜像)</h3>
							<p>提供大数据BI的大屏镜像能力</p>
							<div class="time"><span>¥10000</span>/年</div>
						</a>
					</div>
					<div class="tab-card tab-card-md">
						<a href="#">
							<img src="statics/images/20190202180049_51639.png" width="65">
							<h3>英方应用级容灾高可用i2Availability</h3>
							<p>提供应用不间断运行服务。</p>
							<div class="time"><span>¥1100</span>/月</div>
						</a>
					</div>
				</div>
				<div class="col-sm-3">
					<div class="tab-card tab-card-sm">
						<a href="#">
							<h3>英方持续数据?;2CDP</h3>
							<div class="time"><span>¥1000</span>/月</div>
						</a>
					</div>
					<div class="tab-card tab-card-sm">
						<a href="#">
							<h3>英方数据实时复制和容灾i2...</h3>
							<div class="time"><span>¥550</span>/月</div>
						</a>
					</div>
					<div class="tab-card tab-card-sm">
						<a href="#">
							<h3>英方系统整体在线热迁移i2...</h3>
							<div class="time"><span>¥4000</span>/年</div>
						</a>
					</div>
					<div class="tab-card tab-card-sm">
						<a href="#">
							<h3>Veritas灾备方案</h3>
							<div class="time"><span>¥1000000</span>/次</div>
						</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="view-go">
		<a href="#"><span class="arrow-more">查看全部</span><span class="arrow-f"></span></a>
	</div>
</div>

<script type="text/javascript">
	$(function() {
		$('.tabs li').hover(function() {
			var i = $(this).index();
			$(this).addClass('on').siblings().removeClass('on');
			$('.tab-content').removeClass('show').eq(i).addClass('show');
		})
	})
</script>
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
时时乐上海开奖结果 www.500025.cc-数字彩票原理| www.800653.com-开彩票站怎么赚钱的| www.946318.com-周口普遍彩礼多少| 华彩www.71399o.com| www.228977.com-福彩河南快3走势图| www.389598.com-彩票19032-| www.509065.com-上诲快三开奖结果| www.653960.com-下载福彩快三助手| www.99km.com-丹东彩吧丹东综合报| 福彩网www.055x.cc| www.370010.com-中彩娱乐网一一登录| www.515938.com-足彩彩票店提成| www.666887.com-国乐彩彩票骗局| www.799536.com-新盈彩大发快3| www.877587.com-中国彩-| www.994361.com-上海快三稳赚作弊| www.aa37.com-福建体彩官网走势图| www.760651.com-秒秒彩漏洞稳赚技巧| www.999917.com-体彩网上怎么买| www.yo41.com-美女带着买彩票骗局| www.230709.com-6234彩票app| www.257227.com-青海西宁快三app| www.521122.com-第一的彩票投注网站| www.801580.com-鼎盛彩票网9192| www.872635.com-贵州体彩领奖地址| www.989949.com-彩漂泡一晚上没事吧| www.di98.com-彩票快三稳赚技巧| www.12oa.com-头条彩票骗局| www.1375.online购彩平台真能赚钱吗| www.793938.com-竞彩篮球稳赢方法| www.79566.cc-福彩l5选5走势图| www.794802.com-彩开奖结果-| www.xi66.cc-优乐彩票手机版下载| www.132909.com-纸箱数码彩色印刷机| www.372331.com-重庆时时彩作弊刷钱| www.493651.com-日彩网主页-| www.588609.com-七星彩奖结果查询期| www.691251.com-竞彩网天天竞猜| www.779048.com-苏州体彩中心官网| www.871595.com-足彩缩水软件有哪些| www.wp75.com-如何看懂走势图彩票| www.47762.com-百度乐和彩登陆| www.210775.com-北京快三走遗漏| www.440474.com-百宝世嘉彩票下载| www.731012.com-竞彩比分唯彩| www.827057.com-南方彩票安全吗| www.908373.com-福彩快3真的假的| www.984991.com-竞彩计算器混合过关| www.am20.cc-快三所有号码表图片| www.489508.com-搜索彩吧3d-| www.576446.com-ok彩票下载地址| www.713561.com-领航彩五分快3| www.864351.com-132app彩票-| 天天彩票www.1035f.com| www.nt88.cc-买彩票十赌九输| www.9zd.cc-七彩祥云是什么征兆| www.515400.com-哪个网站能买七星彩| www.597422.com-11选5体彩软件| www.677742.com-微彩娱乐28-| www.770058.com-七彩视界下载| www.mp02.com-体彩是有几位数组成| www.271848.com-湖北福彩30选5| www.357088.com-彩铅手绘美食| www.298277.com-网售彩票最新消息| www.409977.com-鸿发彩票网没有客服| www.875359.com-玩手机彩票输了4千| www.969254.com-杨震足彩-| www.cai6933.com甘肃快三带线走势图| www.lq98.com-快三号码组合图| www.174959.com-快三72期开奖结果| www.447500.com-福彩3d五线选号法| www.582456.com-e77乐彩下载| www.677681.com-小店宝是彩票吗| www.861669.com-彩票1816-| www.971045.com-彩票咋选号选几个| www.cp7888.com-快三复式投注方法| www.030901.com-福利彩票双色球对奖| www.54385.com-福彩彩宝网-| www.804442.com-cp彩票怎么样| www.929739.cc-七星彩源码-| www.p34.net-网上怎么买体育彩票| www.828789.com-27彩票下载-| www.1243.vip-七星彩有位置排序| www.068776.com-95606信博彩票| www.179986.com-快三秒奶茶店| www.288777.com-彩票拉人交流术语| www.19wb.com-体彩平台诈骗| www.493.tv-2元彩票开奖查询| www.34034.cc-玩彩票的有挣钱的没| www.51244.com-风发彩票客服| www.34738.com-福彩三d今晚开奖号| www.366645.com-广州彩票兑奖中心| www.916238.com-彩93平台靠谱吗| www.880946.com-彩票开奖时间表| www.997687.com-快中彩走势图| www.hs72.com-快三赌博大小单双句| www.j11.org-深圳福彩网开奖结果| www.ld05.com-河北福彩开奖公告| www.954814.com-彩票一三五开什么奖| www.vc6.com-七乐彩现场开奖直播| www.270368.com-新彩票安卓-| www.68dw.com-彩票怎么防伪| www.576207.com-中国彩票网策划| www.639694.com-西蜀竞彩520| www.730991.com-时彩代理怎么做| www.620529.com-好网123彩票| www.567524.com-多彩贵州航空怎么样| www.731422.com-中彩网3专家预测| www.383559.com-每天买两块钱彩票| www.438062.com-福彩报名怎么报| www.559490.com-彩票榜平台软件| www.180051.com-福彩双色球-| www.284655.com-彩票行业-| www.411499.com-平安彩票app| www.520254.com-体彩双胆预测专家| www.304878.com-易彩网下载安装开户| www.390801.com-8号彩票软件下载| www.760342.com-今晚好彩2开奖| www.865580.com-彩票店主做庄| www.970936.com-梦境与彩票数字| www.1627.org-捕鱼厅注册送彩金| www.875093.com-竞彩258app-| www.964404.com-2元彩票下载安装| www.cp1499.com-广西福彩快3走势图| www.1hj.com-千百万彩票下载| www.71xr.com-体育彩票六加一| www.8891.vip-竞彩八串八-| www.5353.cc-80彩票输钱了| www.740797.com-a股博彩股票有哪些| www.913391.com-足彩比分彩客网| www.992232.com-k彩彩民福地| www.fe46.com-福彩3d怎么买| www.7uz.com-公司年会送彩票中奖| www.960714.com-彩票注册送20现金| www.316375.com-22彩票app下载| www.513963.com-福彩彩票网站源码| www.610381.com-彩票行业什么样| www.790688.com-武汉市福利彩票发行| www.5500.biz-七乐彩4胆10拖| www.52238.cc-中国电信彩铃官网| www.89336.cc-2019买彩票平台| www.058829.com-利民彩票下载| www.023.online-彩票世界手机版| www.682125.com-彩票微助手下载安装| www.ri49.com-快三作弊辅助器| www.009788.com-长红彩票app| www.066442.com-8k彩票大发快3| www.055130.com-今日竞彩比分直播| www.749488.com-全中彩票打不开| www.086244.com-竞彩足球如何看盘| www.817530.com-19029胜负彩| www.918472.com-福利彩票投注模拟| www.968054.com-福彩案怎么发现的| www.fh01.cc-盈彩网下载安装| www.ts54.com-竞彩合买-| www.ha50.com-北京快三开几点结束| www.192152.com-19022七星彩| www.23168.cc-福彩票中奖号码开奖| www.239259.com-注册彩票投资36元| www.669523.com-福州彩钢压瓦机| www.768150.com-淘彩app害人| www.879422.com-彩富网天空彩| www.223715.com-竞彩足球直播| www.871730.com-快三微信二维码|