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.1588.hk-买彩网buy-| www.30qb.com-腾讯分分彩预测方法| www.83jh.com-微信福彩快三| www.xp40.com-怎么去彩票店买彩票| www.36ku.com-网易彩票一元购| www.42788.com-双彩网下载及安装| www.32069.com-彩票下注兼职| www.127108.com-彩铅画竹子-| www.30730.com-彩票查询3d今天| www.173670.com-网络快三最好的平台| www.33ec.com-m8彩票官网-| www.442676.com-排列五彩票开奖号| www.666254.com-航天彩虹资产注入| www.877788.com-国外的足彩怎么买| www.ik47.com-中彩那天生字组词| www.083.site-秒速时时彩规律| www.833780.com-羊城晚报晚晚好彩板| www.2449.top-怎样申请开彩票站| www.77st.com-永辉彩票87886| www.880019.com-代打彩票游戏| www.156040.com-彩客完整-| www.699999.com-竞彩网首页资讯中心| www.236.me-三分重庆时时彩计划| www.558456.com-彩铅画视频古风美女| www.097042.com-彩吧论坛cai| www.1216.cm-彩票做假吗-| www.771063.com-彩虹六号职业战队| www.942132.com-凤彩网app邀请码| www.jj42.com-带玩彩票的骗局| www.106064.com-彩宝彩票安卓安装包| www.569898.com-福彩快开调整显示| www.05148.cc-网络彩票2019| www.018256.com-彩71是正规彩票吗| www.609289.com-福州体育彩票店转租| www.654072.com-二元彩票平台| www.833602.com-体育彩票三位数开奖| www.980346.com-体彩竞猜比分直播| www.s20.org-吉林快三输了千万| www.366829.com-二年级彩铅画大全| www.029156.com-网上彩票大厅| www.638231.com-色彩图片大全| www.773308.com-网上代玩彩票骗局| www.906920.com-极速快三稳赢技巧| 彩乐乐www.cll168.com| www.fz85.com-中彩神网-| www.011087.com-彩票查询手机彩票网| www.596186.com-福利彩票奖项设立| www.cai660.com-百盈快三技巧| www.rl47.com-重庆时时彩停止发行| www.25468.com-彩铅自然风景画教程| www.96812.cc-安庆竞彩店交易排行| www.827132.com-500万彩网首网| www.006460.com-安徵快三夸度走势| www.871562.com-好用彩票排名| www.889020.com-彩票斩龙方法| www.oh28.com-福彩3d彩涂-| www.8860.loan-七星彩研究办法| www.110056.com-彩乐透-| www.627720.com-经典彩调-| www.000234.cc-头条彩票4-| www.168325.com-好彩3-| www.39380.com-中彩大神推荐群| www.859557.com-手机挣钱高频彩骗局| www.82355.cc-杭州快三-| www.91rr.cc-神兽竞彩团队公众号| www.0679.net-开福利彩票在哪申请| www.65150.com-西宁福利彩票领奖处| www.973.in-七星彩去哪里兑奖| www.326602.com-苏会文七星彩| www.3303.top-彩色漫画本子| www.b87.com-时时彩前三走势| www.82582.cc-时时彩票战神计划| www.91gk.com-机选彩民中奖的故事| www.722763.com-555彩票黑-| www.665746.com-万家彩票网一站| www.024776.com-澳洲快三开奖| www.837692.com-慱牛彩票下-| www.z94.space-内蒙快三豹子遗漏| www.81kf.com-快乐彩五行对刷| www.3804.cm-乐和彩和百度的关系| www.247808.com-快三是福利彩票吗| www.661.org-国彩网怎么注册| www.874976.com-竞彩258下载| www.39um.com-福彩双色球单式| www.057639.com-彩神帝8-| www.99078.com-财神时时彩综合软件| www.5871.biz-廊坊体彩中心| www.363033.com-网上购彩恢复| www.07522.com-建设银行中彩啦| www.177432.com-甘肃快三助手app| www.254781.com-老时时彩图-| www.557.tv-分分彩抓号软件| www.ft89.com-快三兼职代玩真的吗| www.cai8966.com彩票的谜语-| www.973068.com-彩虹世界免费资源| www.048966.com-东北彩王马洪平| www.602583.com-体彩竞彩258彩票| www.688361.cc-福彩3d输了-| www.861235.com-七星彩开奖直播网站| www.959840.com-三分时时彩开奖结果| 乐彩赢www.0014g.com| www.872872.com-贵州遵义彩票| www.160604.com-八七彩票app| www.50404.com-qq彩票送58彩金| www.023086.com-排列三预测天吉彩票| www.127478.com-同志软件彩虹app| www.350105.com-福卅福彩快3开奖| www.561.website七乐彩图片-| www.8285.cm-078彩票官网下载| www.765134.com-开心网七星彩论坛| www.371265.com-彩票快3手机下载| www.494224.com-手机迪士尼彩乐园1| www.577956.com-时时采彩全天计划群| www.658928.com-中国彩票都是假的吗| www.726199.com-双色球定胆的彩宝贝| www.798194.com-h广西体育彩票| www.870065.com-彩票20选8-| www.7gy.com-彩票兑奖有危险吗| www.68xu.com-国乐彩是官方的么| www.0517.org-新浪爱彩3d走势图| www.qa65.com-注册7k彩票-| www.0181.top-足彩19048期| www.232379.com-微信彩票赚钱| www.ft86.com-发彩网极速快三| www.te31.com-快乐时时彩计划表| www.5ka.com-玩彩稳赚技巧| www.52sn.com-香港49码彩票直播| www.203.tv-彩铅画卡通可爱| www.6876.biz-刮彩票中奖技巧| www.78575.cc-双彩到上虞多少公里| www.904550.com-南昌福彩中心地址| www.976284.com-重庆结婚彩礼| www.cp6326.com-体彩大乐透玩法| www.7995.com-美利坚博彩-| www.253753.com-北京时时彩走势图| www.8419.cc-星彩网络-| www.22718.cc-广东福彩快乐彩真假| www.55030.com-彩票平台十元提现| www.87812.cc-彩票里砍了是啥意思| www.630896.com-缅甸好彩蓝莓爆珠| www.731921.com-福彩快三守号窍门| www.332.live-电脑进制预测彩票| www.4880.biz-盐城人中彩票九千万| 福利彩票www.99677q.com| www.594115.com-万豪彩票苹果能玩吗| www.683255.com-51中彩合法吗| www.770317.com-bb快乐彩技巧| www.862733.com-买私彩犯法吗| www.971173.com-福彩双色球中奖概率| 顶级娱乐www.088186.com| www.869023.com-7星彩投注-| www.208549.com-彩票挂机软件平台| www.9957.cc-仲博彩票登录平台| www.99017.com-彩票复式机选器| www.86353.cc-七星彩卖奖软件| www.119594.com-网络极速快三平台| www.00469.com-众彩平台-| www.2sd.com-鸿彩是福利彩票吗| www.959895.cc-彩票代玩怎么赚钱| www.98067.com-皇冠足彩官网| www.522295.com-彩票平台名字大全| www.872142.com-贵州省体彩中心主任| www.254796.com-快三开奖查绚| www.422055.com-移动彩铃下载|