zhongze
/
zhongze-cmp


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
							<#--专题-智利-->
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link href="/static/css/swiper-bundle.min.css" rel="stylesheet"/>
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/static/css/animate.min.css">
    <#include "./headerUp.ftl" parse=true encoding="utf-8">
    <title>${htmlTitle!""}</title>
    <meta name="keywords" content=${keywords!""}>
    <meta name="description" content=${description!""}>
    <script src="/static/js/wow.min.js" charset="utf-8"></script>
    <link href="/common/index.css" rel="stylesheet">
    <link href="/Chile/index.css" rel="stylesheet">
</head>
<body>
<#include "./header.ftl" parse=true encoding="utf-8">

<div id="banner">
    <div class="b-swiper">
        <div class="swiper-wrapper">
            <#list spsubjectDetailList as spsubjectDetail>
            <div class="swiper-slide">
                <div class="bg">
                    <img src="${spsubjectDetail.pcImgUrl!""}"/>
                    <div class="mask"></div>
                </div>
                <div class="timeline">
                    <div class="item active">
                        <div class="content">
                            <img src="${spsubjectDetail.secPcImgUrl!""}" alt="" style="">
                        </div>
                    </div>
                </div>
                <div class="circleLine">
                    <img src="/static/images/details/circle.png"/>
                </div>
                <div class="info">
                    <div class="title">${spsubjectDetail.name}</div>
                    <div class="line"></div>
                    <div class="subTitle">${spsubjectDetail.secTitle}</div>
                    <div class="p">${spsubjectDetail.pText}</div>
                    <#if spsubjectDetail_index gt 0>
                    <a class="viewBtn white" href="${spsubjectDetail.pageUrl}">
                        <div class="viewText">VIEW MORE</div>
                            <div class="viewIcon">
                                <div class="viewArrow1"></div>
                                <div class="viewArrow2"></div>
                            </div>
                    </a>
                    </#if>
                </div>
            </div>
            </#list>
        </div>
    </div>
    <#if spsubjectDetailList?size gt 1>
    <div class="btns">
        <div class="btn prev">
            <div class="icon">
                <svg t="1681194529332" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                     p-id="6036" width="200" height="200">
                    <path d="M0.2048 512c-0.0512-6.656 2.4064-13.2608 7.4752-18.2784l325.8368-325.8368a25.6 25.6 0 1 1 36.1984 36.1984L87.2448 486.6048h911.36a25.6 25.6 0 1 1 0 51.2H87.552l282.112 282.112a25.6 25.6 0 0 1-36.1984 36.1984L7.68 530.2784a25.4976 25.4976 0 0 1-7.4752-18.0736V512z"
                          fill="#000000" p-id="6037"></path>
                </svg>
            </div>
            <p></p></div>
        <div class="btn next">
            <div class="icon">
                <svg t="1681194529332" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                     p-id="6036" width="200" height="200">
                    <path d="M0.2048 512c-0.0512-6.656 2.4064-13.2608 7.4752-18.2784l325.8368-325.8368a25.6 25.6 0 1 1 36.1984 36.1984L87.2448 486.6048h911.36a25.6 25.6 0 1 1 0 51.2H87.552l282.112 282.112a25.6 25.6 0 0 1-36.1984 36.1984L7.68 530.2784a25.4976 25.4976 0 0 1-7.4752-18.0736V512z"
                          fill="#000000" p-id="6037"></path>
                </svg>
            </div>
            <p></p></div>
    </div>
    </#if>
</div>
${part}
    <div class="bottom-block">
        <div class="title">RECOMMENDED ARTICLES</div>
        <div class="content-block">
            <#list othCouFriSpsDetailList as othCouFriSpsDetail>
                <div class="img-block">
                    <a class="hover-mask" style="display:block" href="${othCouFriSpsDetail.pageUrl}" target="_blank"></a>
                    <img class="fit-image" src="${othCouFriSpsDetail.pcImgUrl!""}">
                    <div class="bottom_text hasClick">${othCouFriSpsDetail.name}<span class="radio_btn"></span>
                    </div>
                </div>
            </#list>
        </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="/Chile/index.js"></script>
</body>
<script>// 模块动画
    var wow = new WOW({
        boxClass: 'wow',
        animateClass: 'animated',
        offset: 100,
        live: true,
        mobile: false
    });
    wow.init();</script>
</html>