{include file="common/header"  title="服务器租用-云服务器" keywords="$setting.web_seo_keywords" description="$setting.web_seo_desc" /}
{include file="common/banner" }
<!--产品推荐展示-->
<section class="section seaction-01">
    <div class="wrapper">
        <div class="section-head">
            <h3 class="section-head-title wow flipInX" style="visibility: visible; animation-name: flipInX;">提供企业一站式产品与服务</h3>
            <p class="section-head-desc wow fadeInUp" >携手三大公有云，,提供快速、稳定、安全的全方位需求服务，帮助企业获得高效的动能</p>
        </div>
        <div class="section-content sectionpc">
            <div class="tab-box" data-skin="1">
                <div class="tab-box-head category">
                    <ul class="tab-box-menu ">
                        {php}
                            $pg = Db::name('product_first_groups')->where('hidden',0)->limit(6)->select();
                            foreach ($pg as $v) {
                        {/php}                 
                        <li class="" >{$v.name}</li>
                        {php} } {/php}
                    </ul>
                </div>
                <div class="tab-box-content tab-content wow fadeInUp">
                    {php}
                        $pg = Db::name('product_first_groups')->where('hidden',0)->limit(6)->select();
                        foreach ($pg as $v) {
                    {/php}       
                    <div class="tab-box-panel flex col-space20 cont "  >
                        {php}
                            $pge = Db::name('product_groups')->where('hidden',0)->where('gid',$v['id'])->limit(6)->select();
                            foreach ($pge as $t) {
                        {/php}                  
                        <div class="col-3">
                            <a href="/cart?fid={$t.gid}&gid={$t.id}" class="tab-box-menu-item">
                                <h4 class="tab-box-menu-title">
                                    <i class="tab-box-menu-icon" style="background-image: url(/themes/web/www/static/picture/sec01-img_03.png)"></i>{$t.name}
                                    {if condition="empty($t.headline) neq true" }
                                    <i class="tag tag-bg tag-hot"></i>{else/} {/if}
                                </h4>
                                <p class="tab-box-menu-text">{$t.tagline}</p>
                            </a>
                        </div>
                        {php} } {/php}
                    </div>
                    {php} } {/php}
                </div>
            </div>
        </div>
        
        <!--移动端-产品推荐展示-->          
        <div class="section-content sectionwap">
            <div class="collapse-list">
                {php}
                    $pg = Db::name('product_first_groups')->where('hidden',0)->limit(6)->select();
                    foreach ($pg as $v) {
                {/php}               
                <div class="collapse-item-hd ">
                    <img class="collapse-icon " src="/themes/web/www/static/picture/59a114e2c45d4bb9886eadba8530d580.png" alt="{$setting.company_name}">
                    <span>{$v.name}</span>
                </div>
                <div class="collapse-item-bd collapse-bd-list">
                    {php}
                        $pge = Db::name('product_groups')->where('hidden',0)->where('gid',$v['id'])->limit(6)->select();
                        foreach ($pge as $t) {
                    {/php}                    
                    <a href="/cart?fid={$t.gid}&gid={$t.id}" class="collapse-list-item">
                        <h4 class="collapse-bd-list-title">
                            {$t.name}    
                            {if condition="empty($t.headline) neq true" }<i class="tag tag-bg tag-hot"></i>{else/} {/if}
                        </h4>
                        <p class="collapse-bd-list-text">{$t.tagline}</p>
                    </a>
                    {php} } {/php}       
                </div>
                {php} } {/php}    
            </div>   
        </div>
    </div>  
</section>
 
{include file="common/index_product" }
 
<!--云上解决方案-->  
<section class="tpm-section tpm-solution__section ">
  <div class="tpm-section__inner">
    <header class="tpm-section__hd">
      <h3 class="tpm-section__title">企业上云解决方案服务平台</h3></header>
    <div class="tpm-section__bd">
      <div class="tpm-solution">
        <div class="tpm-solution__main wow fadeInUp">
          <ul class="tpm-solution__navs">
            <li>
              <a href="/solution.html" class="tpm-solution__nav">
                <div class="tpm-solution__nav-inner">
                  <i class="tpm-solution__nav-icon" style="background-image:url(/themes/web/www/static/picture/acf8c1b32a12a31cbc5ed4dadc5189a7.png)"></i>
                  <h3 class="tpm-solution__nav-title">游戏服务器</h3>
                  <ul class="tpm-solution__nav-features">
                    <li class="tpm-solution__nav-feature">小游戏</li>
                    <li class="tpm-solution__nav-feature">跨区部署</li>
                    <li class="tpm-solution__nav-feature">在线网游</li></ul>
                </div>
              </a>
            </li>
            <li>
              <a href="/solution.html" class="tpm-solution__nav">
                <div class="tpm-solution__nav-inner">
                  <i class="tpm-solution__nav-icon" style="background-image:url(/themes/web/www/static/picture/22097669a8a81230f6633a182a41f195.png)"></i>
                  <h3 class="tpm-solution__nav-title">教育服务器</h3>
                  <ul class="tpm-solution__nav-features">
                    <li class="tpm-solution__nav-feature">在线智能课堂</li>
                    <li class="tpm-solution__nav-feature">教育企业扶持</li>
                    <li class="tpm-solution__nav-feature">智慧教育全景</li></ul>
                </div>
              </a>
            </li>
            <li>
              <a href="/solution.html" class="tpm-solution__nav">
                <div class="tpm-solution__nav-inner">
                  <i class="tpm-solution__nav-icon" style="background-image:url(/themes/web/www/static/picture/bbbea2ab9367960b1305278d8ddcea9c.png)"></i>
                  <h3 class="tpm-solution__nav-title">音视频服务器</h3>
                  <ul class="tpm-solution__nav-features">
                    <li class="tpm-solution__nav-feature">点播直播</li>
                    <li class="tpm-solution__nav-feature">实时视频通话</li>
                    <li class="tpm-solution__nav-feature">短视频</li></ul>
                </div>
              </a>
            </li>
            <li>
              <a href="/solution.html" class="tpm-solution__nav">
                <div class="tpm-solution__nav-inner">
                  <i class="tpm-solution__nav-icon" style="background-image:url(/themes/web/www/static/picture/3eeffec2f2d634657d7cc889c2fa9491.png)"></i>
                  <h3 class="tpm-solution__nav-title">安全服务器</h3>
                  <ul class="tpm-solution__nav-features">
                    <li class="tpm-solution__nav-feature">合规生态完备</li>
                    <li class="tpm-solution__nav-feature">安全防护架构</li>
                    <li class="tpm-solution__nav-feature">T_Sec 等保</li></ul>
                </div>
              </a>
            </li>
          </ul>
        </div>
        <div class="tpm-solution__main wow fadeInUp">
          <ul class="tpm-solution__navs">
            <li>
              <a href="/solution.html" class="tpm-solution__nav">
                <div class="tpm-solution__nav-inner">
                  <i class="tpm-solution__nav-icon" style="background-image:url(/themes/web/www/static/picture/242889c9b48a4c8940f06e72a80c49d3.png)"></i>
                  <h3 class="tpm-solution__nav-title">小程序服务器</h3>
                  <ul class="tpm-solution__nav-features">
                    <li class="tpm-solution__nav-feature">官方生态</li>
                    <li class="tpm-solution__nav-feature">原生云端支持</li>
                    <li class="tpm-solution__nav-feature">原生云端支持</li></ul>
                </div>
              </a>
            </li>
            <li>
              <a href="/solution.html" class="tpm-solution__nav">
                <div class="tpm-solution__nav-inner">
                  <i class="tpm-solution__nav-icon" style="background-image:url(/themes/web/www/static/picture/bf54ff4d6d2ef1389e9c639fe45fef9c.png)"></i>
                  <h3 class="tpm-solution__nav-title">专有云服务器</h3>
                  <ul class="tpm-solution__nav-features">
                    <li class="tpm-solution__nav-feature">三大模式上云</li>
                    <li class="tpm-solution__nav-feature">适用场景丰富</li>
                    <li class="tpm-solution__nav-feature">私有化全栈云</li></ul>
                </div>
              </a>
            </li>
            <li>
              <a href="/solution.html" class="tpm-solution__nav">
                <div class="tpm-solution__nav-inner">
                  <i class="tpm-solution__nav-icon" style="background-image:url(/themes/web/www/static/picture/1110f81b7399890351cc124190cf004f.png)"></i>
                  <h3 class="tpm-solution__nav-title">金融服务器</h3>
                  <ul class="tpm-solution__nav-features">
                    <li class="tpm-solution__nav-feature">立体安全机制</li>
                    <li class="tpm-solution__nav-feature">云上金融</li>
                    <li class="tpm-solution__nav-feature">交易平台</li></ul>
                </div>
              </a>
            </li>
            <li>
              <a href="/solution.html" class="tpm-solution__nav">
                <div class="tpm-solution__nav-inner">
                  <i class="tpm-solution__nav-icon" style="background-image:url(/themes/web/www/static/picture/f37e014e6d751eb3fbbd8d30a15818ce.png)"></i>
                  <h3 class="tpm-solution__nav-title">大数据服务器</h3>
                  <ul class="tpm-solution__nav-features">
                    <li class="tpm-solution__nav-feature">企业画像</li>
                    <li class="tpm-solution__nav-feature">智能分析 BI</li>
                    <li class="tpm-solution__nav-feature">PB 级数仓</li></ul>
                </div>
              </a>
            </li>
          </ul>
        </div>
        <div class="tpm-solution__center wow bounceInDown">
          <a href="/solution.html" class="tpm-solution__summary">
            <div class="tpm-solution__summary-inner">
              <div class="tpm-solution__summary-bg">
                <div class="tpm-solution__summary-ani"></div>
              </div>
              <div class="tpm-solution__summary-cnt">
                <h3 class="tpm-solution__summary-title">全栈解决方案</h3>
                <div class="tpm-solution__summary-desc">赋能、创新、转型，提供极致体验的企业上云服务，拥有安全有效的解决方案和专业的运维服务，为您云上旅程保驾护航。</div>
                <ul class="tpm-solution__summary-features">
                  <li class="tpm-solution__summary-feature">通用解决方案</li>
                  <li class="tpm-solution__summary-feature">行业解决方案</li>
                  <li class="tpm-solution__summary-feature">微信解决方案</li></ul>
                <div class="tpm-solution__summary-entry">
                  <span class="tp-link tpm-link tp-link--arrow">
                  <span class="tp-link__inner">查看全部解决方案</span> </span>
                </div>
              </div>
            </div>
          </a>
        </div>
      </div>
    </div>
  </div>
</section>
<!--为什么选择我们-->
<section class="section seaction-03">
      <div class="wrapper">
         <div class="sbcx_icons sbcx_icon01"></div>
        <div class="sbcx_icons sbcx_icon02"></div>
        <div class="sbcx_icons sbcx_icon03"></div>
        <div class="sbcx_icons sbcx_icon04"></div>
        <div class="sbcx_icons sbcx_icon05"></div>
        <div class="sbcx_icons sbcx_icon06"></div>
        <div class="sbcx_icons sbcx_icon07"></div>
        <div class="sbcx_icons sbcx_icon08"></div>
        <div class="sbcx_icons sbcx_icon09"></div>           
        <div class="section-head">
          <h3 class="section-head-title wow flipInX" >为什么选择{$Lang.company_name}</h3>
          <p class="section-head-desc wow fadeInUp" style="max-width:800px;margin: 0 auto;font-size: 15px;letter-spacing: 3px;line-height: 25px;">
              深圳市南华中天科技有限公司是国家高新技术企业和IDC服务器提供商，十多年来致力于增值电信服务、物联网解决方案和SaaS产品研发。我们向客户提供极致体验的企业上云服务，拥有安全有效的解决方案，为您云上旅程保驾护航，为客户创造长期的价值和潜在的增长。</p>
         </div>
        <div class="section-content">
          <div class="reason-box">
            <div class="flex col-space20">
              <div class="col-2 wow fadeInUp" >
                <div class="reason-box-item reason-box-item-01">
                  <h4 class="reason-item-title">弹性计算</h4>
                  <p class="reason-item-text">在{$Lang.company_name}您可以在几分钟之内快速根据业务需求，可弹性创建与释放云服务器，轻松应对业务的快速变化。</p></div>
              </div>
              <div class="col-2 wow fadeInUp" >
                <div class="reason-box-item reason-box-item-02">
                  <h4 class="reason-item-title">多样化配置</h4>
                  <p class="reason-item-text">提供多种类型的实例、操作系统和软件包。各实例中的 CPU、内存、硬盘和带宽可以灵活调整。</p>
                </div>
              </div>
              <div class="col-2 wow fadeInUp" >
                <div class="reason-box-item reason-box-item-03">
                  <h4 class="reason-item-title">安全的网络</h4>
                  <p class="reason-item-text">通过云控制台，切实保证您云上资源的安全性。您还可以完全掌控您的私有网络环境配置等。</p></div>
              </div>
              <div class="col-2 wow fadeInUp" >
                <div class="reason-box-item reason-box-item-04">
                  <h4 class="reason-item-title">管理简单</h4>
                  <p class="reason-item-text">可以使用云控制台、进行重启等重要操作，这样管理实例就像管理操作您的计算机一样简单方便。</p></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>   

<!--数据中心一览-->
<section class="section reason-04 sectionpc">

<div class="c-section c-p-y-tall mod-map">
  <div class="c-section-inner">
    <div class="c-section-hd">
      <h3 class="c-section-tit">畅享云端，连接未来</h3>
      <p class="c-section-des">{$Lang.company_name}携手三大公有云，无论用户身在何处，均能获得灵活流畅的体验</p></div>
    <div class="c-section-bd">
      <div class="intl-map">
        <div class="intl-map-object css-1j217y2">
          <div class="intl-map-bg">
            <div class="intl-map-bg-pc">
              <img src="/themes/web/www/static/picture/1592279708506_k9467v6chm6teuq5mi.png" data-lazy="loaded" alt="{$setting.company_name}"></div>
            <div class="intl-map-bg-mb">
              <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-lazy="loading" alt="{$setting.company_name}"></div>
          </div>
          <div class="intl-map-dot-group anim css-jte8f2">
            <div class="intl-map-dot style-1 active css-1lvjlu9" style="left:77.5%;top:48.8%">
              <div class="intl-map-dot-tit pos-right css-ulwng1">华南</div>
              <div class="intl-map-dot-layer" style="animation-delay:0ms"></div>
              <div class="intl-map-bubble css-ulwng1">
                <div class="intl-map-bubble-inner">
                  <h3 class="intl-map-bubble-tit">中国南华</h3>
                  <div class="intl-map-bubble-detail">
                    <div class="intl-map-bubble-detail-item">
                      <div class="intl-map-bubble-detail-tip">6</div>
                      <div class="intl-map-bubble-detail-main">深圳IDC</div></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="intl-map-dot style-1 css-1lvjlu9" style="left:12.6%;top:42%">
              <div class="intl-map-dot-tit pos-left css-ulwng1">北美西部（美国）</div>
              <div class="intl-map-dot-layer" style="animation-delay:200ms"></div>
              <div class="intl-map-bubble css-ulwng1">
                <div class="intl-map-bubble-inner">
                  <h3 class="intl-map-bubble-tit">美国加州</h3>
                  <div class="intl-map-bubble-detail">
                    <div class="intl-map-bubble-detail-item">
                      <div class="intl-map-bubble-detail-tip">2</div>
                      <div class="intl-map-bubble-detail-main">洛杉矶IDC</div></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="intl-map-dot style-1 css-1lvjlu9" style="left:24.1%;top:36%">
              <div class="intl-map-dot-tit pos-left css-ulwng1">北美北部（加拿大）</div>
              <div class="intl-map-dot-layer" style="animation-delay:400ms"></div>
              <div class="intl-map-bubble css-ulwng1">
                <div class="intl-map-bubble-inner">
                  <h3 class="intl-map-bubble-tit">加拿大多伦多</h3>
                  <div class="intl-map-bubble-detail">
                    <div class="intl-map-bubble-detail-item">
                      <div class="intl-map-bubble-detail-tip">1</div>
                      <div class="intl-map-bubble-detail-main">多伦多IDC</div></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="intl-map-dot style-1 css-1lvjlu9" style="left:25%;top:40%">
              <div class="intl-map-dot-tit pos-right css-ulwng1">北美东部（美国）</div>
              <div class="intl-map-dot-layer" style="animation-delay:600ms"></div>
              <div class="intl-map-bubble css-ulwng1">
                <div class="intl-map-bubble-inner">
                  <h3 class="intl-map-bubble-tit">美国纽约</h3>
                  <div class="intl-map-bubble-detail">
                    <div class="intl-map-bubble-detail-item">
                      <div class="intl-map-bubble-detail-tip">2</div>
                      <div class="intl-map-bubble-detail-main">纽约</div></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="intl-map-dot style-1 css-1lvjlu9" style="left:49.9%;top:34.5%">
              <div class="intl-map-dot-tit pos-right css-ulwng1">欧洲中部（德国）</div>
              <div class="intl-map-dot-layer" style="animation-delay:800ms"></div>
              <div class="intl-map-bubble css-ulwng1">
                <div class="intl-map-bubble-inner">
                  <h3 class="intl-map-bubble-tit">德国法兰克福</h3>
                  <div class="intl-map-bubble-detail">
                    <div class="intl-map-bubble-detail-item">
                      <div class="intl-map-bubble-detail-tip">2</div>
                      <div class="intl-map-bubble-detail-main">法兰克福IDC</div></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="intl-map-dot style-1 css-1lvjlu9" style="left:56.6%;top:26.3%">
              <div class="intl-map-dot-tit pos-right css-ulwng1">欧洲东北（俄罗斯）</div>
              <div class="intl-map-dot-layer" style="animation-delay:1000ms"></div>
              <div class="intl-map-bubble css-ulwng1">
                <div class="intl-map-bubble-inner">
                  <h3 class="intl-map-bubble-tit">俄罗斯莫斯科</h3>
                  <div class="intl-map-bubble-detail">
                    <div class="intl-map-bubble-detail-item">
                      <div class="intl-map-bubble-detail-tip">1</div>
                      <div class="intl-map-bubble-detail-main">莫斯科IDC</div></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="intl-map-dot style-1 css-1lvjlu9" style="left:67.5%;top:55.2%">
              <div class="intl-map-dot-tit pos-left css-ulwng1">亚太南部（印度）</div>
              <div class="intl-map-dot-layer" style="animation-delay:1200ms"></div>
              <div class="intl-map-bubble css-ulwng1">
                <div class="intl-map-bubble-inner">
                  <h3 class="intl-map-bubble-tit">印度孟买</h3>
                  <div class="intl-map-bubble-detail">
                    <div class="intl-map-bubble-detail-item">
                      <div class="intl-map-bubble-detail-tip">2</div>
                      <div class="intl-map-bubble-detail-main">孟买IDC</div></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="intl-map-dot style-1 css-1lvjlu9" style="left:75.8%;top:48.2%">
              <div class="intl-map-dot-tit pos-left css-ulwng1">西南</div>
              <div class="intl-map-dot-layer" style="animation-delay:1400ms"></div>
              <div class="intl-map-bubble css-ulwng1">
                <div class="intl-map-bubble-inner">
                  <h3 class="intl-map-bubble-tit">中国西南</h3>
                  <div class="intl-map-bubble-detail">
                    <div class="intl-map-bubble-detail-item">
                      <div class="intl-map-bubble-detail-tip">1</div>
                      <div class="intl-map-bubble-detail-main">成都IDC</div></div>
                    <div class="intl-map-bubble-detail-item">
                      <div class="intl-map-bubble-detail-tip">2</div>
                      <div class="intl-map-bubble-detail-main">重庆IDC</div></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="intl-map-dot style-1 css-1lvjlu9" style="left:78.7%;top:40.2%">
              <div class="intl-map-dot-tit pos-right css-ulwng1">华北</div>
              <div class="intl-map-dot-layer" style="animation-delay:1600ms"></div>
              <div class="intl-map-bubble css-ulwng1">
                <div class="intl-map-bubble-inner">
                  <h3 class="intl-map-bubble-tit">中国华北</h3>
                  <div class="intl-map-bubble-detail">
                    <div class="intl-map-bubble-detail-item">
                      <div class="intl-map-bubble-detail-tip">7</div>
                      <div class="intl-map-bubble-detail-main">北京IDC</div></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="intl-map-dot style-1 css-1lvjlu9" style="left:78.6%;top:51.5%">
              <div class="intl-map-dot-tit pos-right css-ulwng1">中国香港</div>
              <div class="intl-map-dot-layer" style="animation-delay:1800ms"></div>
              <div class="intl-map-bubble css-ulwng1">
                <div class="intl-map-bubble-inner">
                  <h3 class="intl-map-bubble-tit">香港九龙新界</h3>
                  <div class="intl-map-bubble-detail">
                    <div class="intl-map-bubble-detail-item">
                      <div class="intl-map-bubble-detail-tip">6</div>
                      <div class="intl-map-bubble-detail-main">香港IDC</div></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="intl-map-dot style-1 css-1lvjlu9" style="left:79.8%;top:46.5%">
              <div class="intl-map-dot-tit pos-right css-ulwng1">华东</div>
              <div class="intl-map-dot-layer" style="animation-delay:2000ms"></div>
              <div class="intl-map-bubble css-ulwng1">
                <div class="intl-map-bubble-inner">
                  <h3 class="intl-map-bubble-tit">中国华东</h3>
                  <div class="intl-map-bubble-detail">
                    <div class="intl-map-bubble-detail-item">
                      <div class="intl-map-bubble-detail-tip">5</div>
                      <div class="intl-map-bubble-detail-main">上海IDC</div></div>
                    <div class="intl-map-bubble-detail-item">
                      <div class="intl-map-bubble-detail-tip">3</div>
                      <div class="intl-map-bubble-detail-main">南京IDC</div></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="intl-map-dot style-1 css-1lvjlu9" style="left:82%;top:42.5%">
              <div class="intl-map-dot-tit pos-left css-ulwng1">亚太东北（首尔）</div>
              <div class="intl-map-dot-layer" style="animation-delay:2200ms"></div>
              <div class="intl-map-bubble css-ulwng1">
                <div class="intl-map-bubble-inner">
                  <h3 class="intl-map-bubble-tit">韩国首尔</h3>
                  <div class="intl-map-bubble-detail">
                    <div class="intl-map-bubble-detail-item">
                      <div class="intl-map-bubble-detail-tip">2</div>
                      <div class="intl-map-bubble-detail-main">首尔IDC</div></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="intl-map-dot style-1 css-1lvjlu9" style="left:85.5%;top:43%">
              <div class="intl-map-dot-tit pos-right css-ulwng1">亚太东北（日本）</div>
              <div class="intl-map-dot-layer" style="animation-delay:2400ms"></div>
              <div class="intl-map-bubble css-ulwng1">
                <div class="intl-map-bubble-inner">
                  <h3 class="intl-map-bubble-tit">日本东京</h3>
                  <div class="intl-map-bubble-detail">
                    <div class="intl-map-bubble-detail-item">
                      <div class="intl-map-bubble-detail-tip">2</div>
                      <div class="intl-map-bubble-detail-main">东京IDC</div></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="intl-map-dot style-1 css-1lvjlu9" style="left:75%;top:63%">
              <div class="intl-map-dot-tit pos-left css-ulwng1">亚太东南（新加坡）</div>
              <div class="intl-map-dot-layer" style="animation-delay:2600ms"></div>
              <div class="intl-map-bubble css-ulwng1">
                <div class="intl-map-bubble-inner">
                  <h3 class="intl-map-bubble-tit">亚太东南（新加坡）</h3>
                  <div class="intl-map-bubble-detail">
                    <div class="intl-map-bubble-detail-item">
                      <div class="intl-map-bubble-detail-tip">3</div>
                      <div class="intl-map-bubble-detail-main">新加坡IDC</div></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="intl-map-dot style-1 css-1lvjlu9" style="left:74.8%;top:56%">
              <div class="intl-map-dot-tit pos-right css-ulwng1">亚太东南（曼谷）</div>
              <div class="intl-map-dot-layer" style="animation-delay:2800ms"></div>
              <div class="intl-map-bubble css-ulwng1">
                <div class="intl-map-bubble-inner">
                  <h3 class="intl-map-bubble-tit">泰国曼谷</h3>
                  <div class="intl-map-bubble-detail">
                    <div class="intl-map-bubble-detail-item">
                      <div class="intl-map-bubble-detail-tip">2</div>
                      <div class="intl-map-bubble-detail-main">曼谷IDC</div></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="intl-map-dot style-2 css-1lvjlu9" style="left:20.1%;top:45%">
              <div class="intl-map-dot-tit pos-left css-ulwng1">北美南部（美国）</div>
              <div class="intl-map-dot-layer" style="animation-delay:3000ms"></div>
              <div class="intl-map-bubble css-ulwng1">
                <div class="intl-map-bubble-inner">
                  <h3 class="intl-map-bubble-tit">美国得克萨斯州</h3>
                  <div class="intl-map-bubble-detail">
                    <div class="intl-map-bubble-detail-item">
                      <div class="intl-map-bubble-detail-tip">1</div>
                      <div class="intl-map-bubble-detail-main">达拉斯IDC</div></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="intl-map-dot style-2 css-1lvjlu9" style="left:32.9%;top:79%">
              <div class="intl-map-dot-tit pos-right css-ulwng1">南美东部（巴西）</div>
              <div class="intl-map-dot-layer" style="animation-delay:3200ms"></div>
              <div class="intl-map-bubble css-ulwng1">
                <div class="intl-map-bubble-inner">
                  <h3 class="intl-map-bubble-tit">巴西圣保罗</h3>
                  <div class="intl-map-bubble-detail">
                    <div class="intl-map-bubble-detail-item">
                      <div class="intl-map-bubble-detail-tip">1</div>
                      <div class="intl-map-bubble-detail-main">圣保罗IDC</div></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="intl-map-dot style-2 css-1lvjlu9" style="left:46.1%;top:31.3%">
              <div class="intl-map-dot-tit pos-left css-ulwng1">欧洲西北（英国）</div>
              <div class="intl-map-dot-layer" style="animation-delay:3400ms"></div>
              <div class="intl-map-bubble css-ulwng1">
                <div class="intl-map-bubble-inner">
                  <h3 class="intl-map-bubble-tit">英国伦敦</h3>
                  <div class="intl-map-bubble-detail">
                    <div class="intl-map-bubble-detail-item">
                      <div class="intl-map-bubble-detail-tip">1</div>
                      <div class="intl-map-bubble-detail-main">伦敦IDC</div></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="intl-map-dot style-2 css-1lvjlu9" style="left:48%;top:31.9%">
              <div class="intl-map-dot-tit pos-right css-ulwng1">欧洲中部（荷兰）</div>
              <div class="intl-map-dot-layer" style="animation-delay:3600ms"></div>
              <div class="intl-map-bubble css-ulwng1">
                <div class="intl-map-bubble-inner">
                  <h3 class="intl-map-bubble-tit">荷兰阿姆斯特丹</h3>
                  <div class="intl-map-bubble-detail">
                    <div class="intl-map-bubble-detail-item">
                      <div class="intl-map-bubble-detail-tip">1</div>
                      <div class="intl-map-bubble-detail-main">阿姆斯特丹IDC</div></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="intl-map-dot style-2 css-1lvjlu9" style="left:68.5%;top:57.3%">
              <div class="intl-map-dot-tit pos-right css-ulwng1">亚太中南（印度）</div>
              <div class="intl-map-dot-layer" style="animation-delay:3800ms"></div>
              <div class="intl-map-bubble css-ulwng1">
                <div class="intl-map-bubble-inner">
                  <h3 class="intl-map-bubble-tit">印度金奈</h3>
                  <div class="intl-map-bubble-detail">
                    <div class="intl-map-bubble-detail-item">
                      <div class="intl-map-bubble-detail-tip">1</div>
                      <div class="intl-map-bubble-detail-main">金奈IDC</div></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="intl-map-dot style-2 css-1lvjlu9" style="left:88.8%;top:83.3%">
              <div class="intl-map-dot-tit pos-right css-ulwng1">澳洲（澳大利亚）</div>
              <div class="intl-map-dot-layer" style="animation-delay:4000ms"></div>
              <div class="intl-map-bubble css-ulwng1">
                <div class="intl-map-bubble-inner">
                  <h3 class="intl-map-bubble-tit">澳大利亚悉尼</h3>
                  <div class="intl-map-bubble-detail">
                    <div class="intl-map-bubble-detail-item">
                      <div class="intl-map-bubble-detail-tip">1</div>
                      <div class="intl-map-bubble-detail-main">悉尼IDC</div></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="intl-map-dot style-1 css-1lvjlu9" style="left:76.5%;top:67.8%">
              <div class="intl-map-dot-tit pos-left css-ulwng1">亚太东南（印尼）</div>
              <div class="intl-map-dot-layer" style="animation-delay:4200ms"></div>
              <div class="intl-map-bubble css-ulwng1">
                <div class="intl-map-bubble-inner">
                  <h3 class="intl-map-bubble-tit">印尼雅加达</h3>
                  <div class="intl-map-bubble-detail">
                    <div class="intl-map-bubble-detail-item">
                      <div class="intl-map-bubble-detail-tip">1</div>
                      <div class="intl-map-bubble-detail-main">雅加达IDC</div></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="intl-map-main">
          <div class="intl-map-data">
            <div class="intl-map-data-item">
              <h3 class="intl-map-data-tit">27</h3>
              <div class="intl-map-data-desc">地理区域</div></div>
            <div class="intl-map-data-item">
              <h3 class="intl-map-data-tit">67</h3>
              <div class="intl-map-data-desc">可用区</div></div>
          </div>
          <div class="intl-map-explain">
            <div class="intl-map-explain-item">
              <div class="intl-map-dot style-1">
                <div class="intl-map-dot-layer"></div>
              </div>
              <div class="intl-map-explain-text">可用区</div></div>
            <div class="intl-map-explain-item">
              <div class="intl-map-dot style-2">
                <div class="intl-map-dot-layer"></div>
              </div>
              <div class="intl-map-explain-text">海外合作基础设施</div></div>
          </div>
        </div>
      </div>
      <div class="mod-btm">
        <div class="mod-btm-btns">
          <a href="/contact.html" class="c-btn" report-event="click_home_infrastructure_more">了解更多</a></div>
      </div>
    </div>
  </div>
</div>
    </section>
<!--移动端 -数据中心一览-->
<section class="section section-04 sectionwap">
    <div class="wrapper">
        <div class="section-head">
            <h3 class="section-head-title wow flipInX" style="visibility: visible; animation-name: flipInX;">畅享云端，连接未来</h3>
            <p class="section-head-desc wow fadeInUp" >{$Lang.company_name}携手三大公有云，无论用户身在何处，均能获得灵活流畅的体验</p>
        </div>
    </div>
    <div class="section-content">
        <ul class="clear">
            <li class="wow fadeInUp" data-wow-delay=".3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
                <p class="map-box-text blue"><span class="map-box-data">2800</span>+</p>
                <h4 class="map-box-title">全球覆盖节点</h4>
            </li>
            <li class="wow fadeInUp" data-wow-delay=".6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">
                <p class="map-box-text blue"><span class="map-box-data" data-reduce="true">0.01</span>s</p>
                <h4 class="map-box-title">平均响应时间</h4>
            </li>
            <li class="wow fadeInUp" data-wow-delay=".9s" style="visibility: visible; animation-delay: 0.9s; animation-name: fadeInUp;">
                <p class="map-box-text blue"><span class="map-box-data">70</span>+</p>
                <h4 class="map-box-title">覆盖国家</h4>
            </li>
            <li class="wow fadeInUp" data-wow-delay="1.2s" style="visibility: visible; animation-delay: 1.2s; animation-name: fadeInUp;">
                <p class="map-box-text blue"><span class="map-box-data">130</span>T</p>
                <h4 class="map-box-title">输出带宽</h4>
            </li>
        </ul>
    </div>
</section>
<!--网站新闻-->
    <section class="section seaction-05 sectionpc">
      <div class="wrapper">
        <div class="section-head wap">
           <h3 class="section-head-title wow flipInX">IDC新闻</h3>
        <!--  <p class="section-head-desc wow fadeInUp">新闻介绍</p></div>-->
        <div class="section-content">
          <div class="news-box">
            <div class="news-box-left sectionpc">
              <!-- <h4 class="news-box-title ">{$Lang.redesignq}</h4> -->
              <div class="news-box-notice">
                  <div class="news-box-notice-item">
                    <h3 class="news-item-title">【{$Lang.company_name}】资讯公告、产品发布，汇聚前沿的云计算技术</h3>
                    <span class="news-item-date">{$Lang.redesignqs}</span>
                    <p class="news-item-desc"></p>
                  </div>
              </div>
            </div>
            <div class="news-box-right">
              <!--<h4 class="news-box-title sectionpc">-->
              <!--  <a href="/base/index/hcid/58.html" class="more-link fr">查看更多</a></h4>-->
              <div class="news-box-computed wow bounceInRight" >
                <ul class="computed" >
               {assign name="arr" value=":Db::name('newsMenu')->order('id desc')->limit(5)->select()"/}
                 {volist name="arr" id="v" limit="1" key="i" empty="暂无新闻"}	
                  <li >
                    <a href="/newscontent/{$v.id}.html">
                      <div class="news-box-computed-title">
                        <h5 class="news-item-title">
                          <span class="tag tag-blue">
 {php}
    $pge = Db::name('news_type')->select();
  foreach ($pge as $t) {
{/php}     
  {if condition="($v.parent_id != $t[id])"}
      {else/}
      {$t.title}
  {/if}
 {php}}{/php} 
         </span>
         {$v.title}
         </h5>
             <span class="news-item-date">{$v.push_time | date='Y-m-d'}</span></div>
                 <p class="news-item-desc p-2">{$v.description}</p></a>
                  </li>
             	{/volist} 
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
<!--服务行业-->
    <section class="section seaction-06 sectionwap">
      <div class="wrapper">
        <div class="section-head">
          <h3 class="section-head-title wow flipInX">我们服务的行业客户</h3>
          <p class="section-head-desc wow fadeInUp">致力于为客户提供高效可靠的上云服务</p></div>
        <div class="section-content">
          <ul class="partner-box">
            <li style="background-image:url(/themes/web/www/static/picture/partner01.png);"></li>
            <li style="background-image:url(/themes/web/www/static/picture/partner02.png);"></li>
            <li style="background-image:url(/themes/web/www/static/picture/partner03.png);"></li>
            <li style="background-image:url(/themes/web/www/static/picture/partner04.png);"></li>
            <li style="background-image:url(/themes/web/www/static/picture/partner05.png);"></li>
            <li style="background-image:url(/themes/web/www/static/picture/partner06.png);"></li>
            <li style="background-image:url(/themes/web/www/static/picture/partner07.png);"></li>
            <li style="background-image:url(/themes/web/www/static/picture/partner08.png);"></li>
            <li style="background-image:url(/themes/web/www/static/picture/partner09.png);"></li>
            <li style="background-image:url(/themes/web/www/static/picture/partner10.png);"></li>
            <li style="background-image:url(/themes/web/www/static/picture/partner11.png);"></li>
            <li style="background-image:url(/themes/web/www/static/picture/partner12.png);"></li>
          </ul>
        </div>
      </div>
    </section>
<style type="text/css" media="all">
.footer-nav{padding: 20px;}
.footer-links {text-align: center;display: flex;justify-content: center;padding: 20px;border-radius: 3px;position: relative;background: rgb(0 0 0 / 3%);margin: 20px 0;}
.footer-links ul {display: flex;flex-wrap: wrap;}
.footer-links ul li {padding: 5px 8px;}

.call-to-action2 {background: linear-gradient(90deg,#0056ff,#7838f4);padding: 25px 0;text-align: center;}
.call-to-action2 .solgon{font-weight: 400;line-height: 1.5;font-size: 28px;color: #fff;margin-bottom: 15px;font-family: Zcool;}
.call-to-action2 .solgon h1{font-size:32px;font-weight:700}
.call-to-action2 .btn{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;

}
.call-to-action2 .btn-outline {color: #ffffff;border: 1px solid #ffffff;font-size: 15px;padding: 14px 42px 14px;}
.call-to-action2 .btn-outline:hover {background: #4270E4;border: 1px solid #4270E4 !important;}
@media screen and (max-width: 768px){
    .call-to-action2 h4{font-size: 17px;}
    .call-to-action2 .btn-outline {font-size: 15px;padding: 8px;}
}
</style>

<div class="footer-nav mobile-hidden">
    <div class="wrapper">
        <div class="footer-links">
            <ul>
                {foreach $f_links as $k => $v}
                <li><a target="_blank" href="{$v.domain}">{$v.name}</a></li>
                {/foreach}
            </ul>
        </div>
    </div>
</div>

<div class="call-to-action2">
	<div class="wrapper">
		<div class="solgon">{$Lang.company_name} - 最新云主机促销<h1 style="display: inline-block;">服务器租用</h1>优惠</div>
		<div class="buttons">
			<a target="_blank" href="/activity.html" class="btn btn-outline btn-large">
                获取更多信息 <i class="b2font b2-arrow-right-s-line"></i>
            </a>
        </div>
	</div>
</div>

{include file="common/footer"}