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天

知道了
彩票123现在叫什么名字 www.9526.cc-海南私彩倾家荡产| www.062843.com-淘宝有卖彩票的吗| www.3808.vip-快三出豹子规律预测| www.970897.com-迷彩兔a-| www.wh24.com-91彩神福彩快三| www.889.website怎么网上买时时彩| www.65688.cc-幸运快三最多连几期| www.155430.com-3d彩票怎么打| www.317502.com-重庆时时开彩龙虎和| www.717982.cc-中国体彩有app| www.862303.cc-体彩排5奖结果| www.861100.com-福彩3d摇奖直播| www.0290.cm-彩票店转让纠纷案例| www.712593.com-快三是人为控制的吗| www.026472.com-亿博彩app-| www.42au.com-七彩世界app官网| www.38265.com-多盈彩手机版| www.584758.com-哪些彩票平台正规| www.318660.com-彩中堂-| www.165149.com-彩票票花-| www.58611.cc-电视彩票开奖| www.57jl.com-每天一彩的专栏| www.bc34.com-江苏快三走势跨度图| www.c66.cm-排3跨度走势彩乐乐| www.327763.com-福彩都是坑人的| www.399877.com-彩票分析家-| www.81oc.com-竞彩巨奖-| www.2019.org-恒发彩票注册网址| www.369860.com-云彩店哪里下载| www.571.biz-15期喜彩开奖结果| www.001612.com-彩票定胆软件| www.075158.com-多多中彩票app| www.9104.cc-福彩35开j-| www.897433.com-体彩竞彩app| www.964406.com-福彩幸运快三是什么| 天天彩票www.206881.com| www.7rl.com-中彩票猝死-| www.780875.com-体彩快3开奖时间| www.000450.com-分分彩倍投计划表| www.149448.com-体彩福彩开奖日期| www.937337.com-彩福大厦为什么便宜| www.mg33.cc-广西快三开奖app| www.131.red-彩虹的约定简谱儿歌| www.ps33.com-933彩票苹果版本| www.q46.cn-买彩票如何中大奖| www.8968.net-地下彩网站平台| www.085056.com-快乐彩票12选5| www.035289.com-有青岛快三吗| www.572668.com-彩票乐娱平台| www.em69.com-南方彩票网-| www.42yo.com-玩彩票怎么做好计划| www.40ue.com-彩礼相关法律法规| www.wa73.com-快三图片图片图库| www.88052.com-彩民彩票怎么提现| www.mf15.com-福建快三遗漏值统计| www.x00.in-彩票软件挣钱| www.357606.com-顶呱刮彩票技巧| www.449855.com-运城老张体彩| www.579287.com-趣9购老彩票邀请码| www.595909.com-四川绵阳福彩网| www.270035.com-333彩票-| www.355829.com-彩源码-| www.439263.com-cclcc金彩网| www.31727.cc-推广彩票平台犯法吗| www.gm27.com-快彩王官方网站| www.zp42.com-足彩258-| www.43se.com-六福彩是真的假的| www.557.mobi-福彩鬼六图库| www.926381.com-江西时彩开奖记录| www.as50.com-广西快三助手苹果| www.743437.com-奖多多足彩app| www.fg44.com-正规彩票微信群| www.043773.com-高频彩二十年经验| www.194009.com-广西快三精准计划网| www.921662.com-大发时时彩5码计划| 500彩票www.66653w.com| www.x91.club-网络购彩500| www.430898.com-太子彩票官网登录| www.594236.com-彩客网官方网站| www.002204.com-国内奖金最高的彩票| www.939137.com-足彩数据新浪彩票| www.998376.com-北京彩票站论坛| www.ef07.com-福建体育彩-| www.52875.com-好彩888-| www.014788.com-7星彩专家推荐号码| www.7061.biz-东方亮彩被收购一事| www.6309.shop-3d彩报图今天今日| www.26876.cc-幸运七星彩官网| www.79175.com-易网彩票预测汇总| www.18go.com-网上还能买彩票么| www.359902.com-有女孩儿玩私彩的吗| www.503697.com-万豪国际彩票网站| www.20ap.com-七星彩十六期结果| www.633750.com-腾讯分分彩对码选胆| www.58731.cc-深圳体彩中心官网| www.073199.com-全民快三网址谁知道| www.025607.com-陕西省福彩兑奖流程| www.9421.top-华人彩票账号登录| www.869188.com-百盈快三计划江苏| www.38516.cc-get彩民发宝| www.77259.cc-中奖彩票机器提示| www.851190.cc-时时彩总是输| www.936328.com-凤凰时时彩平台官网| 天玺彩票www.275780.com| www.hf17.com-购彩平台哪个最好用| www.767388.com-福彩三b走势图| www.485438.com-重庆时时彩咋封盘了| www.592595.com-外媒评价彩虹7| www.883738.com-博友彩正规吗| www.579045.com-彩金宏辉游戏下载| www.659058.com-财神会彩票-| www.739246.com-竞彩比分计算器| www.799833.com-体彩微博31选7| www.866942.com-体彩谜图汇总| www.920108.com-苏州福彩快3推荐| www.977845.com-世界杯足彩专家预测| www.cp766.com-中国快三网登录| www.484238.com-福州市彩票店| www.351956.com-彩879软件-| www.112296.com-有彩金送的彩票网| www.200028.cc-中国福彩河南体彩| www.009086.com-今晚彩票开奖情况| www.626776.com-属猪买彩票幸运数字| www.765338.com-篮球彩票到哪里买| www.883324.com-奔驰彩票网址下载| 金掌柜www.83993z.com| www.657391.com-大通彩票手机客户端| www.68832.cc-后二彩票选号神器| www.062745.com-中围体彩网-| www.691607.com-福利彩票2368期| www.813203.com-香港首创彩金| www.944123.com-彩票app彩票99| 凤凰彩票www.5091i.com| www.088620.com-福彩选三-| www.82fr.com-澳门彩开马-| www.7024.biz-属马的与彩票| www.89768.cc-福彩3地今天预测号| www.086521.com-好彩客正版-| www.643786.com-黑彩技巧-| www.ft61.com-怎么买快三容易中奖| www.5gd.com-买彩票绝技-| www.99lt.com-乐彩网双色球遗漏号| www.598590.com-七星彩号码信息| www.61573.cc-乐优炫彩ios| www.782379.com-福利彩app快三| www.888977.cc-87彩店官网-| www.982802.com-湖南福彩网网| www.ai34.com-快彩王是骗局揭秘| www.ts88.com-怎样才能网上买足彩| www.977475.com-正品彩妆代理| www.cp0155.com-快三破解器手机版| www.019585.com-云南体彩官方网站| 55世纪www.202115.com| www.xv99.com-苏州福彩快三| www.pm53.com-3d彩乐乐-| www.ck32.com-彩界联盟官方下载| www.71476.com-跟着群里买彩票| www.594004.com-福星彩运视频| www.10882.cc-宝鸡体育彩票体彩管| www.376235.com-安徽彩票中心在哪里| www.533867.com-七乐彩出球顺序号| www.hc28.com-彩8彩票代理骗局| www.664111.com-乐彩苹果怎么下载| www.748898.com-和彩票-|