<%
var topPics = temp.rollPicture("index",session.site.siteId);
var articles = temp.rollPicture("fangan_index_show",session.site.siteId);
var abouts = temp.rollPicture("index_show",session.site.siteId);
var about = temp.getFolder("about",session.site.siteId);

var fanganSonList = temp.folderSon("fangan",session.site.siteId);
var fangan = temp.getFolder("fangan",session.site.siteId);
var footernews = temp.getFolder("news_info",session.site.siteId);
var footerabout = temp.getFolder("about",session.site.siteId);
var zhaopin = temp.getFolder("zhaopin",session.site.siteId);
var server = temp.getFolder("server",session.site.siteId);

var copyright = temp.getSysConfig("copyright");
var icp = temp.getSysConfig("icp");
var contactNumber = temp.getSysConfig("contact.number");
var companyEmail = temp.getSysConfig("company.email");
var wxImg = temp.getSysConfig("wx.img");
var customerServiceQQ = temp.getSysConfig("customer.service.qq");

var newsType = parameter.newsType;
var newsInfoList = temp.articlePageNoCache(1,3,'news_info',session.site.siteId);
var newsList = temp.articlePageNoCache(1,3,newsType,session.site.siteId);
var newsFolder = temp.folderSon("news",session.site.siteId);
%>

<%
var headContent = {
%>
<% include("/template/web/base/header.html"){} %>
<link href="${ctx}template/web/static/css/home.css" rel="stylesheet" type="text/css"/>
<link href="${ctx}template/web/static/css/swiper.min.css" rel="stylesheet" type="text/css"/>

<script type="text/javascript" src="${ctx}template/web/static/js/swiper.min.js"></script>
<script type="text/javascript" src="${ctx}template/web/static/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="${ctx}template/web/static/js/wow.min.js"></script>
<script type="text/javascript" src="${ctx}template/web/static/js/jquery.flexslider-min.js"></script>
<script type="text/javascript" src="${ctx}template/web/static/js/canvasbg.js"></script>
<script type="text/javascript" src="${ctx}template/web/static/js/jquery.superslide.js"></script>
<script type="text/javascript" src="${ctx}template/web/static/js/jquery.counterup.js"></script>
<script type="text/javascript" src="${ctx}template/web/static/js/js.js"></script>
<script type="text/javascript" src="${ctx}template/web/static/js/header.js"></script>
<script type="text/javascript" src="${ctx}template/web/static/js/element-ui-index.js"></script>

<%
};
%>

<%
var bodyContent = {
%>

<%  include("/template/web/base/header_menu.html"){} %>

<div class="home-container">

    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img src="${ctx}template/web/static/image/home_banner1.jpg">
            </div>
            <div class="swiper-slide">
                <img src="${ctx}template/web/static/image/home_banner2.jpg">
            </div>
        </div>

        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>

        <!-- 如果需要导航按钮 -->
<!--        <div class="swiper-button-prev"></div>-->
<!--        <div class="swiper-button-next"></div>-->

        <!-- 如果需要滚动条 -->
        <div class="swiper-scrollbar"></div>
    </div>
    <div class="title-container">
        <img src="${ctx}template/web/static/image/title_left.png" class="title-left">
        <div class="title">
            <div class="ch">
                新闻中心
            </div>
            <div class="en">
                News Center
            </div>
        </div>
        <img src="${ctx}template/web/static/image/title_right.png" class="title-right">
    </div>

    <div class="news-tab">

        <%
        var currentType = '';
        if(!isEmpty(newsType)){
        currentType = newsType;
        } else {
        currentType = 'news_info';
        }%>
        <% for(item in newsFolder){%>
        <% if(currentType == item.seo_title){%>
        <a class="tab tab-active" href="${BASE_PATH}home.html?newsType=${item.seo_title}">${ item.name }</a>
        <%} else {%>
        <a class="tab" href="${BASE_PATH}home.html?newsType=${item.seo_title}">${ item.name }</a>
        <%} %>
        <%} %>

    </div>

    <div class="news-container">
        <div class="news-list">
            <%
            var list = [];
            if(!isEmpty(newsType)){
            list = newsList.list;
            } else {
            list = newsInfoList.list;
            }
            if(!isEmpty(list)){
            for(item in list){ %>
            <div class="news-item">
                <a href="${BASE_PATH }front/article/${item.id}.html">
                    <div class="image">
                        <img src="${flyfox.getImage(item)}">
                    </div>
                    <div class="right">
                        <div class="title">${item.title}</div>
                        <div class="desc">${flyfox.showHTML(item.content!'',80,' ......')}</div>
                        <div class="time">
                            <img src="${ctx}template/web/static/image/home_time.jpg">
                            ${item.publish_time}
                        </div>
                    </div>
                </a>
            </div>
            <% } %>
            <div class="button-group">
                <a class="more-button" href="${BASE_PATH}news.html?newsType=${newsType}">
                    查看更多
                </a>
            </div>
            <% } else {%>
            <div class="empty">
                该栏目暂无新闻
            </div>
            <%};%>
        </div>
    </div>

    <div class="company-info">
        <img src="${ctx}template/web/static/image/home_company.jpg" class="company-bg">
        <div class="text-container">
            <div class="title-container">
                <img src="${ctx}template/web/static/image/title_left.png" class="title-left">
                <div class="title">
                    <div class="ch">
                        集团概况
                    </div>
                    <div class="en">
                        Company Profile
                    </div>
                </div>
                <img src="${ctx}template/web/static/image/title_right.png" class="title-right">
            </div>

            <div class="info">
                <div class="title">
                    南阳港务集团
                </div>
                <div class="desc">
                    南阳港务集团成立于2016年，是唐河县重点招商引资企业，注册地位于南阳市唐河县产业集聚区盛居东路17号，
                    公司从事航运管理、船舶运输、船舶修造等工作近30年，公司法人同时担任中国国际商会航运专业委员会会长。
                </div>
            </div>
        </div>
    </div>

    <div class="company-info company-business">
        <img src="${ctx}template/web/static/image/home_business.jpg" class="company-bg">

        <div class="text-container">
            <div class="title-container">
                <img src="${ctx}template/web/static/image/title_left.png" class="title-left">
                <div class="title">
                    <div class="ch">
                        集团业务
                    </div>
                    <div class="en">
                        Company Business
                    </div>
                </div>
                <img src="${ctx}template/web/static/image/title_right.png" class="title-right">
            </div>

            <div class="info">
                <div class="title">
                    集团业务
                </div>
                <div class="desc">
                    集团从事航运管理、船舶运输、船舶修造等业务近30年，拥有船舶29艘，运力28万吨。旨在通过打造“公、铁、水”
                    一站式物流平台，以唐河港为依托，整合“水路、公路、铁路”多式联运物流运输资源，服务唐河经济，拓展长江黄金、
                    汉江生态经济带水道乃至远洋物流运输业务。
                </div>
            </div>
        </div>
    </div>

    <div class="partner-container">
        <div class="title-container">
            <img src="${ctx}template/web/static/image/title_left.png" class="title-left">
            <div class="title">
                <div class="ch">
                    合作伙伴
                </div>
                <div class="en">
                    Company Partners
                </div>
            </div>
            <img src="${ctx}template/web/static/image/title_right.png" class="title-right">
        </div>

        <div class="partners">
            <div class="item">
                <img src="${ctx}template/web/static/image/home_partner.png" class="title-left">
                <div class="title">中外运湖北公司</div>
            </div>
            <div class="item">
                <img src="${ctx}template/web/static/image/home_partner.png" class="title-left">
                <div class="title">中海粮油公司</div>
            </div>
            <div class="item">
                <img src="${ctx}template/web/static/image/home_partner.png" class="title-left">
                <div class="title">武汉长亚航运有限公司</div>
            </div>
            <div class="item">
                <img src="${ctx}template/web/static/image/home_partner.png" class="title-left">
                <div class="title">湖北隆源冶金集团</div>
            </div>
            <div class="item">
                <img src="${ctx}template/web/static/image/home_partner.png" class="title-left">
                <div class="title">重庆圣发船务有限公司</div>
            </div>
            <div class="item">
                <img src="${ctx}template/web/static/image/home_partner.png" class="title-left">
                <div class="title">更多合作伙伴...</div>
            </div>
        </div>
    </div>

    <% include("/template/web/base/footer.html"){} %>
</div>

<script type="text/javascript" src="${ctx}template/web/static/js/home.js"></script>

<% }; %>

<% layout("/pages/template/_layout.html",{head:headContent,body:bodyContent}){ %>
<% } %>