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.93937.com-竞彩收米动态图| www.241212.com-七星彩兑奖规则| www.404355.com-体育彩票61玩法| www.607809.com-派彩是什么-| www.744360.com-福彩代购公司| www.740311.com-福彩营销员面试| www.878953.com-极速赛车彩票小技巧| www.004318.com-乐购彩票好不好用| www.221663.com-给瑞彩祥云邀请码| www.39ll.com-七星彩的技巧口诀| www.28916.cc-搜索安微快三| www.108549.com-全部彩票开奖查询| www.507762.com-返奖最高的彩票平台| www.760347.com-大众彩票网首页| www.1060.tv-香港赌圣牛娃彩票| www.29127.com-体彩排列7任走势图| www.006645.cc-5分彩开奖走势图解| www.116072.com-足球彩票网上哪里买| www.265732.com-快三计划倍投| www.452424.com-太原有多少福利彩站| www.582558.com-彩票321期太湖| www.962128.cc-凤凰彩票正规吗| www.cai83.cc-内蒙古快三-| www.914615.com-乐彩网工具表| www.988898.com-手机大小球彩票软件| www.no3.com-河南快三任意俩码和| www.ts40.com-合买彩票软件| www.65di.com-全球彩票网址| www.4766.biz-彩友会是黑平台吗| www.35632.cc-七星彩智能选号器| www.141258.com-福彩3d研究-| www.283696.com-7星彩2个号是多少| www.614321.com-新加坡4d彩票开奖| www.710162.com-什么叫套彩金| www.1200.hk-彩计划app好用吗| www.183912.com-快三注册38-| www.290564.com-内蒙古快三看和值| www.661455.com-天下精英高手彩票网| 500彩票网www.180121.com| www.01sm.com-掌上时时彩苹果版| www.2227.com-合资买彩票的段子| www.185442.com-快三投注第一门户网| www.388422.com-骰子彩票有什么套路| www.649225.com-爱玩彩下载-| www.813132.com-福彩3d纶坛-| www.914277.com-购彩网我的账户| www.l13.com-大发彩票助软件| www.5026.cn-吉祥彩05005| www.23196.cc-uc旭彩-| www.014210.com-七星彩图库图片| www.109422.com-红牛福彩下载| www.591810.com-977彩票坑人| www.968349.com-胜负彩开奖任九奖金| www.11jc.cc-河内五分彩后三计划| www.2993.win-盛世彩票官网下载| www.123846.com-赚钱彩票导师| www.433811.com-唏关彩先锋影音| www.590125.com-彩金项链周大福| www.851378.com-内蒙古彩票三地| www.984799.com-福利彩八-| www.z07.org-山东省体彩大乐透| www.82wp.com-多彩网3d字谜总汇| www.81971.com-中华彩票客户端| www.347005.com-七乐彩和值尾数杀号| www.506233.com-智慧彩手机挂机软件| www.009900.com-华彩在线下载| www.117455.com-官方福彩幸运快| www.219379.com-福建省体彩官方网站| www.512499.com-唯美凤凰彩铅画图片| www.586703.com-首存1元送29彩金| www.932116.com-快3福彩老师| www.58yc.com-体育彩票摇奖有假吗| www.1439.xyz-境外网络博彩犯法吗| www.37171.cc-好运来彩票是不是黑| www.93576.cc-易彩输了钱怎么办| www.276178.com-那种彩票最容易中奖| www.523773.com-918彩票网站| www.753909.com-北京时时彩数据分析| 天天乐彩票www.060640.com| www.zd75.com-彩票分析系统| www.047911.com-竞彩报个人微博| www.252922.com-时时彩开奖历史| www.330290.com-彩报一版-| www.410778.com-重庆实时彩计划口诀| www.576402.com-彩客网七星彩| www.672239.com-826.cc彩票网| www.803456.com-体彩排列五百度贴吧| www.876538.com-快三黑平台怎么赚钱| www.kx4.cc-吉林快三本期开奖| www.sz31.com-微信北京快三信誉群| www.96fn.com-易博彩票网址| www.7985.net-博彩业属于金融业吗| www.163755.com-大中华彩票安全吗| www.598747.com-长春彩钢房厂家| www.732508.com-竞彩篮球主队在哪边| www.961886.com-新彩吧福彩3d总| 500彩票www.500763.com| www.335332.com-福彩3d投注指南| www.529685.com-可以直播卖彩票吗| www.800235.com-福彩双色球频道直播| www.977907.com-如何分析足彩赔率| www.vi45.com-彩票快三玩法| www.7089.net-武康七彩假日宾馆| www.056713.com-长春体育彩票网点| www.434198.com-随州快三论刽| www.543021.com-福彩今晚开奖号| www.702698.com-盛澳竞彩有哪些单| www.791045.com-好彩双爆珠零售价| www.979690.com-河南福彩手机版| www.wd08.com-辽宁快三群-| www.18jr.com-赌快三能赢钱么| www.0618.cn-福彩3d合值走势图| www.9868.biz-亚洲五分彩官网| www.76267.cc-玛雅吧彩票游戏登录| www.041042.com-彩票小程序-| www.177723.com-江苏快三大小计划网| www.263151.com-双色球中彩网走势图| www.421907.com-博友彩有规律吗| www.522195.com-现在手机能买彩票吗| www.618764.com-体彩大乐透誉京华| www.701113.com-做网上赌彩赚钱吗| www.790060.com-青海福彩投注站| www.zx11.com-彩票选号软件哪个好| www.1639.top-江苏体彩11-| www.111407.com-679彩票下载安装| www.223033.com-足球彩票怎么买| www.322992.com-首页新彩票走势图| www.403388.com-内蒙快三出什么号码| www.799148.com-3c彩票网址大全| www.903459.com-赢彩吧app主页| 聚福彩票www.50989f.com| www.fj90.com-湖北快三精准计划网| www.yw11.com-彩票k线分析软件| www.86fc.com-有什么好的足彩论坛| www.1800.cn-天天体彩网-| www.043855.com-爱玩彩票app| www.250213.com-谁开发的豪彩vip| www.332400.com-178彩票app-| www.444376.com-831彩票app-| www.523248.com-亚投彩票三期计划| www.852133.com-新浪体育足彩开奖| 美的彩票www.89338k.com| www.oy39.com-快三群违法怎么处理| www.65uo.com-乐米彩票可靠吗| www.3354.cn-彩色的中国歌词| www.17296.com-福彩取信息软件下载| www.85268.com-688彩票网站首页| www.080333.com-马来西亚南洋彩记录| www.628935.com-查今天体育彩票| www.975252.cc-彩票人工准计划| www.uq46.com-福彩3d300期| www.31nh.com-画彩虹的图画| www.219018.com-百姓彩票可靠吗| www.287379.com-体育彩票软件哪个好| www.465999.com-什么是炒彩票| www.567260.com-江苏福利彩票七乐彩| www.638890.com-彩票店好申请吗| www.742789.com-头奖彩票下载并安装| www.818232.com-2o13彩票网-| www.970710.com-福利彩票是由民政部| www.kr3.com-内蒙福彩网上怎么买| www.oo33.com-中彩网大乐透走势图| www.12hy.com-彩色的翅膀背景资料| www.0446.cn-江苏吴江福彩快三|