zhongze
/
zhongze-cmp


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
							<!doctype html>
<html lang="cn">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <#include "./headerUp.ftl" parse=true encoding="utf-8">
    <title>${htmlTitle!"CHOOSE YOUR MARKET"}</title>
    <meta name="keywords" content=${keywords!""}>
    <meta name="description" content=${description!""}>
    <meta content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width" name="viewport"/>
    <link href="./static/css/swiper-bundle.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="./static/css/animate.min.css">
    <script src="./static/js/wow.min.js" charset="utf-8"></script>
    <link href="./common/index.css" rel="stylesheet">
    <link href="./selectCountry/index.css" rel="stylesheet">

    <meta property="og:title" content="CHOOSE YOUR MARKET" />
    <#--    <meta property="og:url" content="http://www.sharethis.com" />-->
    <#--    <meta property="og:image" content="http://8.218.104.92/static/images/index/Banner05.jpg" />-->
    <meta property="og:description" content="Visit your market site for more relevant information specific to your location" />
    <#--    <meta property="og:site_name" content="ShareThis" />-->
</head>
<body>
<#include "./header.ftl" parse=true encoding="utf-8">
<div class="main">
    <section class="section bread mob">
        <a class="icon" href="./index.html">
            <img src="./static/images/selectCountry/home.jpg" class="fit-image">
        </a>
        <div class="bread-line">></div>
        <div class="bread-link">Choose your market</div>
    </section>
    <section class="section part part_1">
        <div class="title_2">CHOOSE YOUR MARKET</div>
        <div class="content_text">Visit your market site for more relevant information specific to your location</div>
        <div class="con">
            <#list regionMapList as regionMap>
                <div class="con-item">
                    <div class="con-title">
                        <span>${regionMap.region.region}</span>
                        <span class="icon"></span>
                    </div>
                    <div class="countryData">
                    <#list regionMap.countryMapList as countryMap>
                        <#if countryMap.dealerList?size gt 1>
                            <a href="javascript:;">
                                <div class="country-item">${countryMap.country.country}</div>
                            </a>
                        <#else>
                            <#list countryMap.dealerList as dealer>
                            <a href="${dealer.url!""}" target="_blank">
                            </#list>
                                <div class="country-item">${countryMap.country.country}</div>
                            </a>
                        </#if>
                    </#list>
                    </div>
                </div>
            </#list>
        </div>
    </section>
    <div class="modal">
        <div class="con">
            <#list regionMapList as regionMap>
                <#list regionMap.countryMapList as countryMap>
                    <#if countryMap.dealerList?size gt 1>
                        <#list countryMap.dealerList as dealer>
                            <div class="modal-item"  data-name="${countryMap.country.country}">
                                <div class="content_text">${dealer.name}</div>
                                <a class="text-link" href="${dealer.url}" target="_blank">${dealer.url}</a>
                            </div>
                        </#list>
                    </#if>
                </#list>
            </#list>
            <div class="before"></div>
        </div>
    </div>
</div>
<#include "./footer.ftl" parse=true encoding="utf-8">

<script defer="defer" src="./runtime/index.js"></script>
<script defer="defer" src="./vendor/index.js"></script>
<script defer="defer" src="./common/index.js"></script>
<script defer="defer" src="./selectCountry/index.js"></script>
</body>
<script>// 模块动画
    var wow = new WOW({
        boxClass: 'wow',
        animateClass: 'animated',
        offset: 100,
        live: true,
        mobile: false
    });
    wow.init();</script>
</html>