zhongze
/
zhongze-cmp


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234
							<!doctype html>
<html lang="cn">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <#include "./headerUp.ftl" parse=true encoding="utf-8">
    <title>${htmlTitle!""}</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="/productsBrandEvNew/index.css" rel="stylesheet">

<#--    <meta property="og:title" content="PRODUCTS" />-->
<#--    <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="PRODUCTS" />-->
<#--    <meta property="og:site_name" content="ShareThis" />-->
</head>
<body>
<#include "./header.ftl" parse=true encoding="utf-8">
<div class="main">
<#--    焦点图-->
    <#list brandDetatil as brandDetatil>
        <#if brandDetatil.column == 'banner'>
        <div class="banner">
            <#if brandDetatil.dataJsonObj.imgOrVideo == 'img'>
                <picture class="lazy">
                    <source data-srcset="${brandDetatil.dataJsonObj.imgM.url}" srcset="" media="(max-width: 800px)"/>
                    <img class="fit-image" data-src="${brandDetatil.dataJsonObj.imgPc.url}" src=""/>
                </picture>
            <#else>
                <video class="myVideo_" muted="muted" preload="metadata" autoplay="autoplay"
                       loop="loop" webkit-playsinline="webkit-playsinline" playsinline="playsinline"
                       x5-playsinline="true" src=""
                       data-srcPc="${brandDetatil.dataJsonObj.imgPc.url}"
                       data-srcM="${brandDetatil.dataJsonObj.imgM.url}">
                </video>
            </#if>
            <#if brandDetatil.dataJsonObj.titlePosUD == 'up'
                && brandDetatil.dataJsonObj.titlePosLR == 'right'>
            <div class="bannerTit title_1 ${brandDetatil.dataJsonObj.titleColor}Tit bannerRight">
            <#elseif brandDetatil.dataJsonObj.titlePosUD == 'down'
                && brandDetatil.dataJsonObj.titlePosLR == 'right'>
            <div class="bannerTit title_1 ${brandDetatil.dataJsonObj.titleColor}Tit bannerBottomR">
            <#elseif brandDetatil.dataJsonObj.titlePosUD == 'down'
                && brandDetatil.dataJsonObj.titlePosLR == 'left'>
            <div class="bannerTit title_1 ${brandDetatil.dataJsonObj.titleColor}Tit bannerBottomL">
            <#else>
            <div class="bannerTit title_1 ${brandDetatil.dataJsonObj.titleColor}Tit ">
            </#if>
            <div>${brandDetatil.dataJsonObj.title}</div>
            <#if brandDetatil.dataJsonObj.pText ??>
                 <div class="bannerPtxt title_text">${brandDetatil.dataJsonObj.pText}</div>
            </#if>
            </div>
        </div>
        </#if>
    </#list>
    <div class="content">
        <div class="history fadeInUp wow"><a class="icon_home" href="/"></a> >
            <a href="/products.html">PRODUCTS</a> >
            <span>${brandName}</span>
        </div>
        <div class="titleDiv title_1 fadeInUp wow">ALL ${brandName} MODELS</div>
        <div class="carModeTabP fadeInUp wow">
            <div class="carModeTab title_3">
            </div>
        </div>
        <div class="carConP fadeInUp wow">
            <div class="carCon">
            </div>
            <div class="carMore">
                <div class="moreBtn">VIEW ${brandName} MODELS<span></span></div>
            </div>
            <div class="swiper carConM">
                <div class="swiper-wrapper"></div>
                <div class="swiperBtn">
                    <div class="button-prev">
                        <div class="viewArrow1"></div>
                    </div>
                    <div class="swiper-paginationM"></div>
                    <div class="button-next">
                        <div class="viewArrow1"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="titleDiv title_1 fadeInUp wow">HIGHLIGHTS</div>
        <#list brandDetatil as brandDetatil>
        <#--亮点1   车图标题描述+链接-->
            <#if brandDetatil.column == 'brandLight1'>
                <div class="highLights">
                    <#list brandDetatil.dataJsonObj.pTextList4 as ld1>
                        <div class="highDiv">
                            <img class="fadeInLeft wow" src="${ld1.img.url}"/>
                            <div class="highTxt fadeInRight wow">
                                <div class="txtH3 title_2">${ld1.title}</div>
                                <#list ld1.pText as pText>
                                    <div class="txtP content_text">${pText.txt}
                                    </div>
                                </#list>
                                <a class="viewBtn text text-linkP" href="${ld1.url}">
                                    <div class="viewText">VIEW MORE</div>
                                    <div class="viewIcon">
                                        <div class="viewArrow1"></div>
                                        <div class="viewArrow2"></div>
                                    </div>
                                </a>
                                <div class="highNum">0${ld1_index+1}</div>
                            </div>
                        </div>
                    </#list>
                </div>
            <#elseif brandDetatil.column == 'brandLight2'>
                <div class="highLightsEv">
                    <div class="highBg">
                        <img class="fadeInUp wow" src=""/></div>
                    <div class="highVan fadeInUp wow">
                        <div class="ul">
                            <#list brandDetatil.dataJsonObj.pTextList4 as ld2>
                                <div class="li title_3" data-img="${ld2.img.url}"
                                     data-imgm="${ld2.img.url}">
                                    <div class="title">${ld2.title}
                                        <span class="add"></span>
                                        <span class="addf"></span>
                                    </div>
                                    <#list ld2.pText as pText>
                                        <div class="p content_text">${pText.txt}</div>
                                    </#list>
                                </div>
                            </#list>
                        </div>
                    </div>
                </div>
            <#elseif brandDetatil.column == 'brandLight3'>
                <div class="highLightsVan">
                    <div class="highVan">
                        <div class="ul">
                            <#list brandDetatil.dataJsonObj.pTextList4 as ld3>
                                <div class="li title_3">
                                    <div class="title fadeInLeft wow">${ld3.title}</div>
                                    <#list ld3.pText as pText>
                                        <div class="p content_text fadeInLeft wow">${pText.txt}
                                        </div>
                                    </#list>
                                    <div class="img fadeInRight wow"><img src="${ld3.img.url}"/>
                                    </div>
                                </div>
                            </#list>
                        </div>
                    </div>
                </div>
            </#if>
        </#list>

        <div class="titleDiv title_1 fadeInUp wow">CUSTOMER STORY TESTIMONY</div>
        <div class="swiper mySwiper fadeInUp wow">
            <div class="swiper-wrapper">
                <#list brandTestimony as brandTestimony>
                    <div class="swiper-slide">
                        <div class="img">
                            <div><img src="${brandTestimony.pcImgUrl}"/></div>
                        </div>
                        <div class="name">${brandTestimony.userName}</div>
                        <div class="brief">${brandTestimony.job}</div>
                        <div class="desc">${brandTestimony.brandTestimony}
                            <span>“</span>
                            <span class="descIcon">”</span>
                        </div>
                    </div>
                </#list>
            </div>
            <div class="swiper-pagination"></div>
        </div>

        <div class="titleDiv title_1 fadeInUp wow">NEWS</div>
        <div class="newList fadeInUp wow">
            <#list newsList as news>
                <div class="newLi">
                    <a href="${news.newsDetailUrl}" target="_blank">
                        <div><img src="${news.surfaceUrl}" alt=""></div>
                        <p class="content_text">${news.title}</p>
                        <span>${(news.date)?string('yyyy-MM-dd')}</span>
                    </a>
                </div>
            </#list>
        </div>
        <a class="viewBtn whiteIcon newsBtn fadeInUp wow" href="/news.html">
            <div class="viewText">VIEW MORE</div>
            <div class="viewIcon">
                <div class="viewArrow1"></div>
                <div class="viewArrow2"></div>
            </div>
        </a></div>
</div>
<#include "./footer.ftl" parse=true encoding="utf-8">
<div class="adminFrom">
    <div class="fromCon"><h3>替换内容</h3>
        <div class="fromTable"></div>
        <div class="fromBtn">
            <div class="btnClear">取消</div>
            <div class="btnOk">确定</div>
        </div>
    </div>
</div>
<div class="tableFrom">
    <div class="fromCon"><h3>替换内容</h3>
        <div class="form">
            <div class="left-form">
                <div class="left-newBtn">新增</div>
                <div class="left-tableContain"></div>
            </div>
            <div class="right-form">
                <div class="newBtn">新增</div>
                <div class="head-form"></div>
                <div class="tableContain"></div>
            </div>
        </div>
        <div class="fromBtn">
            <div class="btnClear">取消</div>
            <div class="btnOk">确定</div>
        </div>
    </div>
</div>
<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="/productsBrandEvNew/index.js"></script>
</body>
</html>