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.9395.cc-去国外彩票公司上班| www.75525.cc-福彩3d新彩吧手机| www.4477.cn-手机版体彩11选5| www.205998.com-易彩网是骗局吗| www.324756.com-菲律宾500彩票| www.2548.xyz-中信彩票中奖| www.221565.com-快三怎么投注稳赚| www.332030.com-福彩20选5中奖率| www.461037.com-彩票老黄历今日预测| www.829188.com-彩99苹果-| www.919571.com-江苏快三多少一注| www.985697.com-福彩提成-| www.al01.com-152彩票下载安装| www.679906.com-巨龙彩票正规么| www.169145.com-贵州快三网站| www.bd51.com-大发快三可以破解吗| www.f21.org-乐彩国际怎么样| www.84hq.com-吴师玩赚彩票| www.3614.cm-连红彩票没了| www.686519.com-500彩票全天计划| www.799335.com-福彩一体机-| www.259666.com-3d福彩选号神器| www.394397.com-最新彩虹世界安卓版| www.523793.com-时时彩下期必出| www.060180.com-天天彩选3开奖查询| www.730995.com-怎样利用福彩店赚钱| www.861239.com-福利彩票算中奖吗| www.969184.com-福彩基金效益如何写| www.jw1.cc-今天广西快三走势图| www.01ku.com-上海福利彩票开奖| www.001.net-如何在百度关注彩票| www.5754.me-开发彩票网站违法吗| www.xw2.cc-七乐彩票大发快三| www.130031.com-开码结果开奖彩| www.vh93.com-山东福彩快三走势图| www.522506.com-腾讯分分彩龙虎口诀| www.499638.com-快乐五分钟彩票| www.626044.com-盈丰彩票靠谱吗| www.781403.com-现金百乐彩-| www.868507.com-七星彩试机号| www.53qw.com-668彩票帐号| www.306403.com-彩票咋样才能中奖| www.98ao.com-高频率彩票有哪些| www.32731.com-买快三的网站| www.486100.cc-飞彩网是合法网站吗| www.233305.com-福利彩票双色球查询| www.2667.in-网络app彩票| www.98665.cc-投入住比例彩客| www.60552.com-nba彩票怎么玩法| www.779878.com-中彩易彩票-| www.tv83.com-高频彩是怎么开奖的| www.60uc.com-快三和值遗漏| www.2263.cn-鸿易彩票是真的假的| www.239186.com-火箭彩票vip板| www.f76.xyz-马来博彩-| www.127397.com-彩虹六号搞笑表情包| www.116823.com-七星彩二等奖怎么看| www.742125.com-我要下载体彩和福彩| www.3160.org-808彩票app-| www.564151.com-福彩全天计划群| www.659982.com-彩票预测分析软件| www.756526.com-3d彩票今晚实票| www.822664.com-彩38源码下载| www.897105.com-久久发彩票-| www.966850.com-福彩3d顺口溜| 亿万彩票www.730979.com| www.395592.com-竞彩职业玩家| www.826147.com-百度手机彩票网| www.946902.com-全天重庆彩计划万位| www.cai51.cc-极速快三怎么玩| www.ni46.com-福彩通幸运快3| www.11bq.com-彩铅风景画视频教程| www.95sf.com-快彩真的能赚钱吗| www.001853.com-各种色彩大釉瓶| www.tn8.cc-快三时时彩票| www.500399.cc-英国五分彩开彩结果| www.p55.org-广西福利彩快乐十分| www.737471.com-福彩返奖率-| www.dk28.com-体育7星彩中奖规则| www.854817.com-彩运8彩票邀请码| www.933188.com-可以反选的彩票工具| www.999580.com-中国体彩排列五中奖| www.ho74.com-好彩客app1.0| www.662444.com-7星彩几点停售| www.330299.com-沧州市福彩兑奖中心| www.rf72.com-168娱乐彩票平台| www.820118.com-七星彩梦册查码全册| www.59299.com-如何申请卖福彩| www.994899.com-代玩彩票提供帐号的| www.09xe.com-彩8官网下载| www.090.com-留里彩票-| www.120781.com-网上怎么买时时彩| www.ld76.com-购彩竞彩-| www.022113.com-澳客彩票网官网网| www.342189.com-彩票256在线玩| www.061176.com-彩票俱乐部怎么申请| www.213948.com-人人红彩票app| www.141899.com-竞彩猫坑人-| www.77jg.com-青海快三助理| www.286114.com-彩票大乐透中奖规则| www.705392.com-辽宁福彩双色球今日| www.267052.com-彩金鲨鱼游戏机修改| www.384004.com-彩票数据爬取| www.539499.com-上海快三组合图表| www.667248.com-今天体彩中奖号| www.630992.com-体彩飞鱼有什么规律| www.6931.cn-七彩云南要门票吗| www.238173.com-安徽快三最大遗漏值| www.402550.com-彩票平台招租| www.521335.com-时时彩龙虎咋玩得| www.606210.com-18禁彩涂漫画| www.808613.com-玩什么彩票的人多| www.016885.com-天天爱彩票官网下载| www.282280.com-彩票最灵中奖神咒| www.390538.com-熊猫彩票怎么选好| www.237049.com-竞彩投注网站| www.325919.com-彩票开奖走势排3| www.563435.com-香港中持彩-| www.688175.com-移动彩票-| www.814869.com-刑法经营体育彩票| www.974324.com-星期五开奖的彩票| www.cf4.cc-好彩1开奖-| www.vo96.com-福彩双色球历史开奖| www.1828.online阳光彩民乐探马图| www.037096.com-贴吧彩票收米| www.930370.com-体育彩票号码玩法| 世彩堂www.5854m.cc| www.rr02.com-马来西亚南洋彩网站| www.6bg.com-曼德尔彩票算法| www.878531.com-彩神通内部四码软件| www.973852.com-福彩快乐3开奖结果| www.cp386.cc-幸运快三-| www.nq12.com-福彩选号器app| www.734490.com-彩宝典-| www.317568.com-体彩大乐透直播频道| www.460081.com-扑克彩票机的破解| www.523.me-时时彩停开怎么回事| www.8058.cm-儿童水彩创意| www.323207.com-鸿运来彩票官方网站| www.441544.com-pc28彩训-| www.559696.com-最贵的彩票收藏| www.677196.com-福彩3d数字阵| www.dh98.com-湖北快三好假| www.1810.me-体彩直选三开奖结果| www.7014.biz-体彩竞彩篮球玩法| www.501336.com-今六给彩开奖结果l| www.588274.com-福彩3d大盘走势图| www.682285.com-微信彩票平台有哪些| www.781179.com-彩票赢钱-| www.867437.com-好彩票官网更新| www.5230.link-送28红包时时彩| www.859433.com-体彩前三开奖号码| www.892535.com-懂彩帝app-| www.il14.com-福彩网官方网下载| www.42td.com-鸿运当投彩票| www.4882.vip-江苏快三倍率| www.40417.com-体彩江西11选5| www.247149.com-彩票赚钱吗-| www.631261.com-好彩1生肖-| www.743667.com-随便买彩票能中吗| www.902203.com-网上打黑彩怎么处罚| www.993691.com-姜山最新足彩推荐| www.pp09.com-彩票投注手机平台| www.025749.com-开私彩-|