zhongze
/
zhongze-cmp


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186
							<!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>SHOP DETAILS</title>
    <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="./mallDetail/index.css" rel="stylesheet">

    <meta property="og:title" content="${sp.name}" />
    <#--    <meta property="og:url" content="http://www.sharethis.com" />-->
    <meta property="og:image" content="${sp.pcImgUrl}" />
    <meta property="og:description" content="${sp.pText}" />
</head>
<body>
<#include "./header.ftl" parse=true encoding="utf-8">
<div class="main">
    <section class="section part part_1">
        <div class="con">
            <div class="part-content">
                <div class="part-left">
                    <div class="swiper mySwiper2">
                        <div class="swiper-wrapper">
                            <#list ms as ms>
                                <div class="swiper-slide">
                                    <img src="${ms.imgUrl}"/>
                                </div>
                            </#list>
                        </div>
                        <div class="swiper-btn black">
                            <div class="prev">
                                <div class="iconIro">
                                    <div class="radio_btn">
                                        <div class="icon_block">
                                            <div class="radio_icon"></div>
                                            <div class="radio_icon"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="next">
                                <div class="iconIro">
                                    <div class="radio_btn">
                                        <div class="icon_block">
                                            <div class="radio_icon"></div>
                                            <div class="radio_icon"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div thumbsslider="" class="swiper mySwiper">
                        <div class="swiper-wrapper">
                            <#list ms as ms>
                                <div class="swiper-slide">
                                    <img src="${ms.imgUrl}"/>
                                </div>
                            </#list>
                        </div>
                    </div>
                </div>
                <div class="part-right">
                    <div class="title_2">${sp.name}</div>
                    <div class="price">US$${sp.price}</div>
                    <div class="line"></div>
                    <div class="info">
                        <p class="content_text">${sp.pText}</p>
                    </div>
                    <div class="content_text size-label">Size:</div>
                    <div class="size">
                        <#list sp.gaugeList as gauge>
                            <div class="size-item content_text">${gauge}</div>
                        </#list>
                    </div>
                    <div class="content_text quantity-label">Quantity:</div>
                    <div class="quantity">
                        <div class="sum-panel">
                            <div class="jianhao icon"></div>
                        </div>
                        <div class="sum">${sp.num}</div>
                        <div class="sum-panel">
                            <div class="jiahao icon"></div>
                        </div>
                    </div>
                    <div class="btnGroup">
                        <a class="viewBtn btn black btn1" href="./concatUs.html">
                            <div class="viewText">Concat Us</div>
                            <div class="viewIcon">
                                <div class="viewArrow1"></div>
                                <div class="viewArrow2"></div>
                            </div>
                        </a>
                        <a class="viewBtn btn black btn2"
                               href="https://fotonmotor.en.alibaba.com/productgrouplist-931137777/Promotional_Gifts.html?spm=a2700.shop_index.52311.2.45f16365a2kxOj">
                            <div class="viewText">Alibaba.com</div>
                            <div class="viewIcon">
                                <div class="viewArrow1"></div>
                                <div class="viewArrow2"></div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="section part part_2">
        <div class="con">
            <div class="title_2">PRODUCT DESCRIPTIONS</div>
            <#list ms as ms>
                <#if (ms_index+1)%2 == 1>
                    <div class="block block_L">
                        <div class="textBlock">
                            <div class="line"></div>
                            <div class="textContent">${ms.pText}
                            </div>
                            <div class="numPanel">0${ms_index}+1.</div>
                        </div>
                        <div class="imgBlock"><img src="${ms.imgUrl}"></div>
                    </div>
                <#else>
                    <div class="block block_R">
                        <div class="imgBlock"><img src="${ms.imgUrl}"></div>
                        <div class="textBlock">
                            <div class="line"></div>
                            <div class="textContent">${ms.pText}
                            </div>
                            <div class="numPanel">0${ms_index}.</div>
                        </div>
                    </div>
                </#if>
            </#list>
        </div>
    </section>
    <section class="section part part_3">
        <div class="con">
            <div class="title_2">KEY ATTRIBUTES</div>
            <div class="attr">
                <div class="attr_title">Industry-specific attributes</div>
                <div class="table">
                    <#list tx_indstry as txi>
                        <div class="row">
                            <div class="left_td">${txi.name}</div>
                            <div class="right_td">${txi.pText}</div>
                        </div>
                    </#list>
                </div>
                <div class="attr_title">Other attributes</div>
                <div class="table">
                    <#list tx_other as txo>
                        <div class="row">
                            <div class="left_td">${txo.name}</div>
                            <div class="right_td">${txo.pText}</div>
                        </div>
                    </#list>
                </div>
            </div>
        </div>
    </section>
</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="./mallDetail/index.js"></script>
</body>
<script>// 模块动画
    var wow = new WOW({
        boxClass: 'wow',
        animateClass: 'animated',
        offset: 100,
        live: true,
        mobile: false
    });
    wow.init();</script>
</html>