{include file="common/header" title="关于我们" keywords="$setting.web_seo_keywords" description="$setting.web_seo_desc" /}
<div class=" main-bg">
	<div class="container-fluid p-0">
		<div class="text-left iq-breadcrumb-one
               iq-bg-over black     ">
			<div class="container">
				<div class="row align-items-center">
					<div class="col-sm-12">
						<nav aria-label="breadcrumb" class="text-center iq-breadcrumb-two">
							<h2 class="title">
								关于我们 </h2>
							</nav>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<section class="iq-counter-section">
	<div class="container">
		<div class="row">
			<div class="col-lg-6 mb-lg-0 mb-5">
				<div class="iq-title-box iq-title-default iq-title-box-2">
					<div class="iq-title-icon">
					    <p class="iq-title-desc">无人扶我青云志，我自踏雪自山巅</p>
					</div>
					<h2 class="iq-title">{$setting.company_name}</h2>
					<p class="iq-title-desc">{$setting.company_profile}</p>
				</div>
				<div class="iq-list  iq-two-column">
					<ul class="iq-list-with-icon">
						<li>
							<i class="ion ion-checkmark-round"></i>一键式应用
						</li>
						<li>
							<i class="ion ion-checkmark-round"></i> 全球十大数据中心
						</li>
						<li>
							<i class="ion ion-checkmark-round"></i>全面的资源控制
						</li>
						<li>
							<i class="ion ion-checkmark-round"></i>上传ISO /挂载ISO
						</li>
						<li>
							<i class="ion ion-checkmark-round"></i> 按天退款服务保障
						</li>
						<li>
							<i class="ion ion-checkmark-round"></i>
							7*24小时运维支持
						</li>
					</ul>
				</div>
				<div class="iq-btn-container mt-4">
					<a class="iq-button iq-btn-medium iq-btn-round iq-btn-flat d-inline" href="/clients.html#/order">立即选购</a>
				</div>
			</div>
			<div class="col-lg-6">
				<div class="row">
					<div class="col-lg-6 col-md-6">
						<div class="iq-counter text-center iq-box-shadow iq-counter-style-1">
							<div class="counter-content">
								<p class="iq-counter-info">
									<span class="timer" data-to="50" data-speed="3500">50</span>
									<span class="counter-after-content">人</span>
									<span class="counter-symbol">+</span></p>
								<h5 class="counter-title-text">工程师/开发人员</h5>
							</div>
						</div>
						<div class="iq-counter text-center iq-box-shadow iq-counter-style-1">
							<div class="counter-content">
								<p class="iq-counter-info">
									<span class="timer" data-to="50" data-speed="3500">50</span>
									<span class="counter-after-content">万</span>
									<span class="counter-symbol">+</span></p>
								<h5 class="counter-title-text">会员用户</h5>
							</div>
						</div>
					</div>
					<div class="col-lg-6 col-md-6">
						<div class="iq-counter text-center iq-box-shadow iq-counter-style-1">
							<div class="counter-content">
								<p class="iq-counter-info">
									<span class="timer" data-to="100" data-speed="3500">100</span>
									<span class="counter-after-content">万</span>
									<span class="counter-symbol">+</span></p>
								<h5 class="counter-title-text">部署的实例</h5>

							</div>
						</div>
						<div class="iq-counter text-center iq-box-shadow iq-counter-style-1">
							<div class="counter-content">
								<p class="iq-counter-info">
									<span class="timer" data-to="99" data-speed="3500">99</span>
									<span class="counter-after-content">%</span>
									<span class="counter-symbol"></span></p>
								<h5 class="counter-title-text">用户满意度</h5>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<section class="pt-0 iq-sahpe">
	<img src="{$setting.web_view}/images/others/shape1.png" class="img-fluid shape" alt="QLOUD">
	<div class="container">
		<div class="row">
			<div class="col-lg-12">
				<div class="text-center iq-title-box iq-title-default iq-title-box-2"> <span class="iq-subtitle">产品介绍</span>
					<h2 class="iq-title">
						强大、简单、灵活</h2>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-lg-12">
				<div class="iq-tabs iq-tab-vertical-1  iq-box-shadow">
					<div class="row align-items-stretch">
						<div class="col-lg-4">
							<ul class="nav nav-pills" id="pills-tab" role="tablist">
								<li class="nav-item">
									<a class="nav-link active" data-toggle="pill" href="#tabs-042" role="tab">
										<div class="media">
											<img src="{$setting.web_view}/images/tab/02-2.png" class="img-fluid" alt="QLOUD">
											<div class="media-body">
												<h6 class="tab-title">一键部署</h6>
												<p class="mb-0 tab-title-desc">It is a long established fact that a reader will be distracted.</p>
											</div>
										</div>
									</a>
								</li>
								<li class="nav-item">
									<a class="nav-link " data-toggle="pill" href="#tabs-142" role="tab">
										<div class="media">
											<img src="{$setting.web_view}/images/tab/02-2.png" class="img-fluid" alt="QLOUD">
											<div class="media-body">
												<h6 class="tab-title">强大的API</h6>
												<p class="mb-0 tab-title-desc">It is a long established fact that a reader will be distracted.</p>
											</div>
										</div>
									</a>
								</li>
								<li class="nav-item">
									<a class="nav-link " data-toggle="pill" href="#tabs-242" role="tab">
										<div class="media">
											<img src="{$setting.web_view}/images/tab/03-3.png" class="img-fluid" alt="QLOUD">
											<div class="media-body">
												<h6 class="tab-title">易于管理</h6>
												<p class="mb-0 tab-title-desc">It is a long established fact that a reader will be distracted.</p>
											</div>
										</div>
									</a>
								</li>
								<li class="nav-item">
									<a class="nav-link " data-toggle="pill" href="#tabs-342" role="tab">
										<div class="media">
											<img src="{$setting.web_view}/images/tab/04-4.png" class="img-fluid" alt="qloud">
											<div class="media-body">
												<h6 class="tab-title">应用监控</h6>
												<p class="mb-0 tab-title-desc">It is a long established fact that a reader will be distracted.</p>
											</div>
										</div>
									</a>
								</li>
							</ul>
						</div>
						<div class="col-lg-8">
							<div class="tab-content">
								<div class="tab-pane active show" id="tabs-042" role="tabpanel">
									<div>
										<img class="img-fluid" src="{$setting.web_view}/images/tab/01.png" alt="qloud">
									</div>
								</div>
								<div class="tab-pane" id="tabs-142" role="tabpanel">
									<div>
										<img class="img-fluid" src="{$setting.web_view}/images/tab/02.png" alt="qloud"></div>
								</div>
								<div class="tab-pane" id="tabs-242" role="tabpanel">
									<div>
										<img class="img-fluid" src="{$setting.web_view}/images/tab/03.png" alt="qloud"></div>
								</div>
								<div class="tab-pane" id="tabs-342" role="tabpanel">
									<div>
										<img class="img-fluid" src="{$setting.web_view}/images/tab/04.png" alt="#">
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<section class="wow fadeInUp iq-application" style="background: url({$setting.web_view}/images/others/07.jpg) no-repeat 0 0; background-attachment: fixed; background-size:cover;">
	<div class="container">
		<div class="row justify-content-center">
			<div class="col-lg-8 text-center">
				<div class="text-center iq-title-box iq-title-default iq-title-box-1">
					<h2 class="iq-title">
						{$setting.company_name} </h2>

					<p class="iq-title-desc">专注为个人开发者用户、中小型、大型企业用户提供壹站式核心网络云端部署服务，促使用户云端部署化简为零，轻松快捷运用云计算。</p>
				</div>
				<div class="iq-btn-container">

					{if $userInfo} 
                                <li class="d-inline"><a href="/clients.html#/user-center" class="login iq-button iq-btn-outline iq-btn-round" target="_blank">会员中心</a></li>{else /}
                                <li class="d-inline"><a href="/clients.html#/login" class="login iq-button iq-btn-outline iq-btn-round" target="_blank">登录</a></li>
                                <li class="d-inline"><a href="/clients.html#/register" class="login iq-button iq-btn-outline iq-btn-round" target="_blank">注册</a></li>{/if}
				</div>
			</div>
		</div>
	</div>
</section>
{include file="common/footer" /}