<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{{kg['web']['title']}}</title>
<meta name="keywords" content="{{kg['web']['keyword']}}" />
<meta name="description" content="{{kg['web']['description']}}" />
<meta name="copyright" content="KGCMS {{kg['server']['KGCMS_VERSION']}}"/>
<!-- 自适应移动端 -->
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<!-- 禁止缩放 -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<link rel="stylesheet" href="{{kg['tpl_url']}}style/index.css"/>
<script src="{{kg['tpl_url']}}script/jquery-3.0.0.min.js"></script>
<script src="{{kg['tpl_url']}}script/bootstrap.min.js"></script>
<script src="{{kg['tpl_url']}}script/site-20191125.min.js"></script>
<script src="{{kg['tpl_url']}}script/common.js"></script>
<script src="{{kg['tpl_url']}}script/index.js"></script>
<style>
/* 轮播图 */
{%- set index_picture = 'G757679'|ad_list %}
#fp-banner1 { background-image: url('{{kg['tpl_url']}}image/b1280-blue-gradient-background.jpg'); }
#fp-banner-image1 { background-image: url('{{index_picture['picture'][0]}}'); }
#fp-banner2 { background-image: url('{{kg['tpl_url']}}image/b1280-grey-gradient-background.jpg'); }
#fp-banner-image2 { background-image: url('{{index_picture['picture'][1]}}'); }
#fp-banner3 { background-image: url('{{kg['tpl_url']}}image/b1280-grey-gradient-background.jpg'); }
#fp-banner-image3 { background-image: url('{{index_picture['picture'][2]}}'); }
#fp-banner4 { background-image: url('{{kg['tpl_url']}}image/b1280-mysql-cloud-service-back.jpg'); }
#fp-banner-image4 { background-image: url('{{index_picture['picture'][3]}}'); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (-o-min-device-pixel-ratio: 5/4), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.25dppx) {
#fp-banner1 { background-image: url('{{kg['tpl_url']}}image/b2560-blue-gradient-background.jpg'); }
#fp-banner-image1 { background-image: url('{{index_picture['picture'][0]}}'); }
#fp-banner2 { background-image: url('{{kg['tpl_url']}}image/b2560-grey-gradient-background.jpg'); }
#fp-banner-image2 { background-image: url('{{index_picture['picture'][1]}}'); }
#fp-banner3 { background-image: url('{{kg['tpl_url']}}image/b2560-grey-gradient-background.jpg'); }
#fp-banner-image3 { background-image: url('{{index_picture['picture'][2]}}'); }
#fp-banner4 { background-image: url('{{kg['tpl_url']}}image/b2560-mysql-cloud-service-back.jpg'); }
#fp-banner-image4 { background-image: url('{{index_picture['picture'][3]}}'); }
}
/* 轮播图结束 */
</style>
</head>
<body>
	<div class="container-fluid ngcon-style">
		{%- include 'component_header.tpl' %}
		<div id="banners">
			<div class="fp-banner none-display" id="fp-banner1">
				<a class="" href="#">
					<div class="fp-banner-image" id="fp-banner-image1">
					</div>
				</a>
			</div>
			<div class="fp-banner hidden none-display" id="fp-banner2">
				<a class="" href="#">
					<div class="fp-banner-image" id="fp-banner-image2">
					</div>
				</a>
			</div>
			<div class="fp-banner hidden none-display" id="fp-banner3">
				<a class="" href="#">
					<div class="fp-banner-image" id="fp-banner-image3">
					</div>
				</a>
			</div>
			<div class="fp-banner hidden current bl-display" id="fp-banner4">
				<a class="" href="#">
					<div class="fp-banner-image" id="fp-banner-image4">
					</div>
				</a>
			</div>
			<div class="fp-banner-dots">
				<div class="fp-banner-dots-center">
					<span class="fp-banner-dots-left dot-span1"></span>
					<a id="fp-dot1" class="dot-a1" href=""></a>
					<a id="fp-dot2" href="" class="dot-a2"></a>
					<a id="fp-dot3" href="" class="dot-a3"></a>
					<a id="fp-dot4" href="" class="on dot-a4"></a>
					<span class="fp-banner-dots-right"></span>
				</div>
			</div>
		</div>
		<div class="panel row panel-1 panel-padding ngin-size14 ngin-Tpan">
			{%- set link_content = 'ProIntr0'|navigate_list %}
			{%- for row in link_content['link'] %}
			<div class="col-md-6 panel-body">
				<div class="media">
					<div class="media-left media-middle">
						<img class="media-object ngin-img1" src="{{row['logo']}}" alt="">
					</div>
					<div class="media-body fp-product">
						<h2 class="media-heading ngin-size18 me-hestyle">
							<a href="{{row['url']}}" target="{{row['target']}}">{{row['name']}}</a>
						</h2>
						<p class="ngco-No-margin">{{row['limit_des']}}<br />
							<a href="{{row['url']}}">{{kg['lang'][0]}} »</a>
						</p>
					</div>
				</div>
			</div>
			{%- endfor %}
		</div>
		<div class="con pad-lr-heavy pad-tb-slight dark-blue" id="fp-content-app">
			<div class="rw">
				<div class="col-1-of-2 pad-slight">
					{%- set link_index = 'Download'|navigate_list %}
					<h2>
						<span class="am-icon-laptop"></span>
						{{link_index['title']}}
					</h2>
					<ul class="rightUH-style">
						{%- for row in link_index['link'] %}
						<li class="li-fu">
							<a href="{{row['url']}}" target="{{row['target']}}">{{row['name']}}</a><br />
							{{row['description']}}
						</li>
						{%- endfor %}
						<li class="ngin-Gli">
							<a href="/download">More &raquo;</a>
						</li>
					</ul>
				</div>
				<div class="col-1-of-2 pad-slight">
					<h2>
						<span class="am-icon-file-text"></span>
						{{kg['lang'][1]}}
					</h2>
					<ul class="rightUH-style">
						{%- for row in 0|article_list(5,1) %}
						<li>
							<a href="{{row['url']}}">{{row['cut_title']}}</a>
						</li>
						{%- endfor %}
						<li class="ngin-Gli">
							<a href="/article">More &raquo;</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="ng-clear"></div>
		</div>
			{%- set nav_data = "Customer"|navigate_list %}
		<h2 class="text-center space panel-padding ngsty-Jh2">{{nav_data['title']}}</h2>
		<div class="row">
			{%- for row in nav_data['link'] %}
			<div class="col-md-2 col-xs-6 panel-body text-center">
				<a href="{{row['url']}}" target="{{row['target']}}" class="ngsty-pan ngin-a1">
					<img src="{{row['logo']}}" alt="">
				</a>
			</div>
			{%- endfor %}
		</div>
{% include 'component_footer.tpl' %}
	</div>
	<script>
		$(function() {
			var rotator = new $.rotator();
			rotator.init();
		});
	</script>
</body>
</html>