usoftchina-cms/jpress-web-template-mallcms/src/main/webapp/templates/mallcms/index.html

<#include "_layout.html"/> 
<@layout>
<!--banner-->
<div class="banner-section">
	<div class="banner">
		<div id="myCarousel" class="carousel slide">
			<!-- 轮播（Carousel）指标 -->
			<ol class="carousel-indicators">
				<@jp.indexPage module="index_bannner_corousel" orderBy="order_number ASC">
					<#list page.getList() as content>
						<li data-target="#myCarousel" data-slide-to="${content_index!}" <#if content_index = 0>class="active"</#if>></li>
					</#list>
				</@jp.indexPage>
			</ol>
			<!-- 轮播（Carousel）项目 -->
			<div class="carousel-inner">
				<@jp.indexPage module="index_bannner_corousel" orderBy="order_number ASC">
					<#list page.getList() as content>
						<div class="item <#if content_index = 0>active</#if>"><img src="${content.thumbnail!}" title="${content.title!}"></div>
					</#list>
				</@jp.indexPage>
			</div>
			<!-- 轮播（Carousel）导航 -->
			<a class="carousel-control left" href="#myCarousel"
			   data-slide="prev">&lsaquo;</a>
			<a class="carousel-control right" href="#myCarousel"
			   data-slide="next">&rsaquo;</a>
		</div>
	</div>
	<!--banner-->
	<!--adv-->
	<div class="adv">
		<div class="container">
			<@jp.indexPage module="index_platform_text" orderBy="order_number ASC">
				<#list page.getList() as content>
					<div class="adv-list">
						<a href="${content.flag!}">
							<p>${content.title!}</p>
							${content.remarks}
						</a>
					</div>
				</#list>
			</@jp.indexPage>
		</div>
	</div>
	<!--adv-->
</div>
<!--头部 end-->
<!--section begin-->
<!--u商城-->
<div class="main-section">
	<div class="section">
		<div class="container">
			<div class="section-item">
				<div class="section-top">
					<div class="fl">
						<a href="http://usoftmall.com"><img class="logo" src="${CTPATH}/assets/images/logo_uas.png" alt=""/><span class="title">U软商城</span></a>
					</div>
					<div class="fl fl-left">
						<p class="des">全球共享询价、交易平台</p>
						<span>交易更简单</span>
					</div>
					<div class="fl fl-for"><img src="${CTPATH}/assets/images/for-the-world.png" alt=""></div>
				</div>
				<div class="section-bottom section-bottom01">
					<span class="tab active">U询价</span><span class="tab">U现货</span><span class="tab">U电商</span>
				</div>
			</div>
		</div>
	</div>
	<div class="main">
		<div class="container">
			<!--U询价-->
			<div class="section-toggle01 show">
				<div class="buy_content">
					<a class='link_img' href="https://www.usoftmall.com/applyPurchase"><img src="${CTPATH}/assets/images/mall_xunjia.jpg" alt="" class="buy_now"></a>
					<div class="inquiry_item">
						<div class="inquiry_title"><span class="tabs"></span>最新求购信息<span class="all">海量求购，一网打尽</span></div>
						<div class="inquiry_content">
							<div class="inquiry_tab">
								<table>
									<thead>
									<tr>
										<td width="70">发布时间</td>
										<td width="140">买家名称</td>
										<td width="110">品牌</td>
										<td width="120">物料名称</td>
										<td width="110">型号</td>
										<td width="130">规格</td>
										<td width="120">操作</td>
									</tr>
									</thead>
									<tbody>
									<@jp.apiData id="mall_inquiry_new">
									<#assign text >
										${data!}
									</#assign>
									<#assign json=text?eval />
									<#list json.content as item>
										<tr>
											<td class="inquiry_red">
												<#setting datetime_format="MM-dd"/>
												${item.date?number_to_datetime!}
											</td>
											<td>${item.inquiry.enName!}</td>
											<td>${item.product.brand!'-'}</td>
											<td>${item.product.title!'-'}</td>
											<td>${item.product.pCmpCode!'-'}</td>
											<td>${item.product.spec!'-'}</td>
											<td class="inquiry_btn"><a href="https://www.usoftmall.com/">我要报价</a></td>
										</tr>
									</#list>
									</@jp.apiData>

									</tbody>
								</table>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--U现货-->
			<div class="section-toggle01">
				<div class="buy_content">
					<a href="https://www.usoftmall.com/"><img src="${CTPATH}/assets/images/buy_now.jpg" alt="" class="buy_now"></a>
					<div class="buy_item_list">
                        <@jp.apiData id="mall_products_new">
                            <#assign text >
                                ${data!}
                            </#assign>
                            <#assign json=text?eval />
                            <#list json.data as item>
								<#if item_index !=  0>

                                <div class="buy_list buy_list_${item.metadatas.contExp_spec}">
                                    <p>${item.metadatas.contExp_abstract!}</p>
                                    <span>
										${item.metadatas.contExp_remark!}
									</span>
                                    <div class="price">${item.remark!}</div>
                                    <img src="${item.pictureLink!}" alt="" class="mall_image_${item.metadatas.contExp_spec}">
                                </div>

								</#if>

                            </#list>
                        </@jp.apiData>
					</div>
				</div>
			</div>
			<!--U电商-->
			<div class="section-toggle01">
	<div class="main-des">
		<div class="str-bus"><span class="tabs"></span>实力商家</div>
		<div class="dynamic-scroll">
			<div class="scroll">
				<!--<@jp.apiData id="mall_stores_hot">
                    <#assign text >
                        ${data!}
                    </#assign>
                    <#assign json=text?eval />
                    <#list json.content as item>

                        <div class="item-list">
                            <img src="${item.logoUrl!}" alt="">
                            <div class="text">
                                <a href="" class="comp">${item.storeName}</a>
                                <div class="store-des">
                                    <span class="text-ellipsis">主营产品：<span>${item.description!'-'}</span></span>
                                    <span class="text-ellipsis">经营范围：<span>${item.storeApplication!'-'}</span></span>
                                    <span class="text-ellipsis">电话：<span>${item.enterprise.enTel!'-'}</span></span>
                                    <span class="text-ellipsis">地址：<span>${item.enterprise.enAddress!'-'}</span></span>
                                </div>
                            </div>
                            <a href="" class="btn">进入店铺 &gt;</a>
                        </div>

                    </#list>
                </@jp.apiData>-->
				<div class="item-list">
					<img src="https://dfs.ubtob.com/group1/M00/18/40/CgpkyFj3EBmAY1oHAABmDlsb2F8520.jpg" alt="">
					<div class="text">
						<a href="" class="comp">上海柏建电子科技有限公司</a>
						<div class="store-des">
							<span class="text-ellipsis">主营产品：<span>蓝牙、MCU、PMU、硅麦、EEPROM等</span></span>
							<span class="text-ellipsis">经营范围：<span>手机、家电、通讯等</span></span>
							<span class="text-ellipsis">电话：<span>-</span></span>
							<span class="text-ellipsis">地址：<span>-</span></span>
						</div>
					</div>
					<a href="https://www.usoftmall.com/store/powerking" class="btn">进入店铺 &gt;</a>
				</div>
				<div class="item-list">
					<img src="https://dfs.ubtob.com/group1/M00/18/40/CgpkyFj3FaGAI6NTAABQ3KxKbgA705.jpg" alt="">
					<div class="text">
						<a href="" class="comp">威尔电子有限公司</a>
						<div class="store-des">
							<span class="text-ellipsis">主营产品：<span>-</span></span>
							<span class="text-ellipsis">经营范围：<span>-</span></span>
							<span class="text-ellipsis">电话：<span>-</span></span>
							<span class="text-ellipsis">地址：<span>深圳市南山区科技园高新南四道泰邦科技大厦11层B11</span></span>
						</div>
					</div>
					<a href="https://www.usoftmall.com/store/well" class="btn">进入店铺 &gt;</a>
				</div>
				<div class="item-list">
					<img src="https://dfs.ubtob.com/group1/M00/18/40/CgpkyFj3FzSASfI_AABfTx_Dw4Q978.jpg" alt="">
					<div class="text">
						<a href="" class="comp">上海宇声电子科技有限公司</a>
						<div class="store-des">
							<span class="text-ellipsis">主营产品：<span>-</span></span>
							<span class="text-ellipsis">经营范围：<span>-</span></span>
							<span class="text-ellipsis">电话：<span>0755-26038000</span></span>
							<span class="text-ellipsis">地址：<span>-</span></span>
						</div>
					</div>
					<a href="https://www.usoftmall.com/store/e-shine" class="btn">进入店铺 &gt;</a>
				</div>
				<div class="item-list">
					<img src="https://dfs.ubtob.com/group1/M00/18/93/CgpkyFkIHx2AeTdhAAANg8v9lyA793.jpg" alt="">
					<div class="text">
						<a href="" class="comp">上海康帕科贸有限公司</a>
						<div class="store-des">
							<span class="text-ellipsis">主营产品：<span>通讯模块，点对点图传模块,4G通讯NB-Iot模块,晶体晶振,32.768KHZ时钟晶振,车载FPC连接器，B to B 连接器，车载电源座子，北斗定位IC，定位模块，G-mouse，指纹模块，指纹IC，触控IC等，晶体晶振</span></span>
							<span class="text-ellipsis">经营范围：<span>手机、汽车、物联网行业等</span></span>
							<span class="text-ellipsis">电话：<span>0755-26038830</span></span>
							<span class="text-ellipsis">地址：<span>上海市长宁区长宁路1551弄虹桥国际大厦4号1503室</span></span>
						</div>
					</div>
					<a href="https://www.usoftmall.com/store/compa" class="btn">进入店铺 &gt;</a>
				</div>
			</div>
		</div>
	</div>
	<div class="main-img"><a href="https://www.usoftmall.com/eCommerce/home/origin"><img src="${CTPATH}/assets/images/goStore.png" alt=""></a></div>
</div>
		</div>
	</div>
</div>
<!--u智金融-->
<div class="main-section">
	<div class="section">
		<div class="container">
			<div class="section-item">
				<div class="section-top section-top01">
					<div class="fl">
						<a href="http://yitoa-fintech.com"><img class="logo" src="${CTPATH}/assets/images/logo_uas.png" alt=""/><span class="title">U智金融</span></a>
					</div>
					<div class="fl fl-left">
						<p class="des">供应链金融智慧管家</p>
						<span>融资很便捷</span>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="main u_main">
		<div class="container">
			<div class="u_item_list">
				<div class="u_product u_items">
					<a href="https://fin.usoftchina.com/">
						<img src="${CTPATH}/assets/images/u_02.png" alt="">
						<p>应收宝</p>
					</a>
				</div>
				<div class="u_char u_items">
					<div class="u_content">
						<span class="u_hover"></span>
						<div class="u_position">快</div>
						<p>方便快捷</p>
						<span>在线办理，一次授信、随时支用，随时还款；最快一天放款</span>
					</div>
				</div>
				<div class="u_char u_items">
					<div class="u_content">
						<span class="u_hover"></span>
						<div class="u_position">低</div>
						<p>利率较低</p>
						<span>利率较低，不定期推出特优利率限时产品低至0.8%每月！</span>
					</div>
				</div>
				<div class="u_char u_items">
					<div class="u_content">
						<span class="u_hover"></span>
						<div class="u_position">高</div>
						<p>额度高</p>
						<span>最高可达500万</span>
					</div>
				</div>
				<div class="u_char u_items">
					<div class="u_content">
						<span class="u_hover"></span>
						<div class="u_position">易</div>
						<p>手续简单</p>
						<span>无抵押，纯信用；线上核额、资料少</span>
					</div>
				</div>
				<div class="u_line"></div>
				<div class="u_product u_items">
					<a href="http://www.yitoa-fintech.com/">
						<img src="${CTPATH}/assets/images/u_04.png" alt="">
						<p>票据融</p>
					</a>
				</div>
				<div class="u_char u_items">
					<div class="u_content">
						<span class="u_hover"></span>
						<div class="u_position">灵</div>
						<p>业务灵活</p>
						<span>银行承兑汇票融资，业务灵活、简便</span>
					</div>
				</div>
				<div class="u_char u_items">
					<div class="u_content">
						<span class="u_hover"></span>
						<div class="u_position">简</div>
						<p>手续简便</p>
						<span>线上申请、线上签约，无需开户</span>
					</div>
				</div>
				<div class="u_char u_items">
					<div class="u_content">
						<span class="u_hover"></span>
						<div class="u_position">低</div>
						<p>成本较低</p>
						<span>市场化程度高，资金成本低</span>
					</div>
				</div>
				<div class="u_char u_items">
					<div class="u_content">
						<span class="u_hover"></span>
						<div class="u_position">快</div>
						<p>融资快捷</p>
						<span>系统自动审核，1个工作日内放款</span>
					</div>
				</div>
			</div>
			<div class="u_people">
				适用客群 <span>优软云平台客户</span><b>采购商、代理商、分销商、加工商、制造商...</b>
			</div>
			<div class="u_btn">
				<a href=""><img src="${CTPATH}/assets/images/u_5.png" alt=""> 我要融资</a>
			</div>
		</div>
	</div>
</div>
<!--u创-->
<div class="main-section">
	<div class="section">
		<div class="container">
			<div class="section-item section-item02">
				<div class="section-top section-top02">
					<div class="fl">
						<a href="http://zb.uuzcc.com"><img class="logo" src="${CTPATH}/assets/images/logo_uas.png" alt=""/><span class="title">U创网</span></a>
					</div>
					<div class="fl fl-left">
						<p class="des">一个靠谱的研发服务平台</p>
						<span>研发更轻松</span>
					</div>
				</div>
				<div class="section-bottom section-bottom02">
					<span class="tab active">项目需求</span><span class="tab">成熟方案</span>
				</div>
				<div class="section-process show">
					<div class="c_img">
						<img src="${CTPATH}/assets/images/c_01.png" alt="">
						<span>交易流程</span>
					</div>
					<img src="${CTPATH}/assets/images/c_02.png" alt="" class="process_img">
				</div>
				<div class="section-process">
					<div class="case_indus">

							<!--<div class="c_image c_image_01" style=" background: url(${CTPATH}/assets/images/c-001.png) no-repeat center center;"></div>-->
							<!--<span>智能穿戴</span>-->
							<@jp.apiData id="uuzcc_program_types">
							<#assign text >
								${data!}
							</#assign>
							<#assign json=text?eval />
							<#list json.data as item>
								<#if item_index == 0 >
									<div class="case_indus_list active" id="${item.indus_id}">
										<div class="c_image c_image_01" style=" background: url(${item.img}) no-repeat center center;"></div>
										<span>${item.indus_name}</span>
									</div>
									<#else>
										<div class="case_indus_list" id="${item.indus_id}">
											<div class="c_image c_image_01" style=" background: url(${item.img}) no-repeat center center;"></div>
											<span>${item.indus_name}</span>
										</div>

								</#if>
							</#list>
						</@jp.apiData>

					</div>
				</div>
			</div>
		</div>
	</div>
	<!--项目需求-->
	<div class="main c_case c_main show">
		<div class="container">
			<div class="c_content">
				<div class="c_tab">
					<span class="c_toggle active"><span class="tabs"></span>最新需求</span>
					<span class="c_toggle"><span class="tabs tabs01"></span>项目动态</span>
				</div>
				<!--最新需求-->
				<div class="c_item_list show">
					<ul>
						<@jp.apiData id="uuzcc_program_requires">
							<#assign text >
								${data!}
							</#assign>
							<#assign json=text?eval />
							<#list json.data.list as item>
								<li><div class="c_cir"><a href="${item.url!}">${item.task_title!}</a></div><span class="c_price">${item.cove_desc!}<b></b></span><span class="c_time"><img
										src="${CTPATH}/assets/images/c_04.png" alt="">${item.start_time!}</span></li>
							</#list>
						</@jp.apiData>
					</ul>
					<div class="c_line"></div>
				</div>
				<!--项目动态-->
				<div class="c_item_list">
					<ul>
						<@jp.apiData id="uuzcc_program_updates">
							<#assign text >
								${data!}
							</#assign>
							<#assign json=text?eval />
							<#list json.data.list as item>
								<li>
									<div class="c_name"><span>${item.username!}</span></div>
									<span class="c_got">${item.bid_status!}</span>
									<div style="max-width: 200px;"><a href="${item.url!}" class="c_width">${item.task_title!}</a></div>
									<span class="c_time c-time">${item.bid_time!}</span>
								</li>
							</#list>
						</@jp.apiData>
					</ul>
					<div class="c_line"></div>
				</div>
				<div class="c_publish">
					<div>
						<a href="https://zb.uuzcc.com/pubtask.html"> <img src="${CTPATH}/assets/images/c_05.png" alt=""> 发布求购</a>
						<a href="https://zb.uuzcc.com/user-view-transaction-op-add.html"><img src="${CTPATH}/assets/images/c_05.png" alt=""> 上传方案</a>
						<div class="c_publish_line"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--成熟方案-->
	<div class="main c_case">
		<div class="container">
			<!--切换13-->
			<div class="c_case_content">

                <@jp.apiData id="uuzcc_program_types_list">
                <#assign text >
                    ${data!}
                </#assign>
                <#assign json=text?eval />
                <#list json.data as item>
                    <div class="c_case_list">
                        <a href="${item.url}">
							<div class="c_img">
								<img src="${item.banner}" alt="">
							</div>
                            <p class="c_case_overflow">${item.title}</p>
                            <div class="c_item_bottom">
                                <span>${item.shop_name}</span><span>价格: <b>￥${item.price}</b></span>
                            </div>
                            <div class="hover_case">
                                <div class="case_top">
                                    <p class="c_case_title c_case_overflow">${item.title}</p>
                                    <div class="c_case_count">
                                        <span>浏览 <span>${item.views}</span></span>
                                        <span>成交量 <span>${item.invitation}</span></span>
                                    </div>
                                </div>
                                <div class="case_bottom">
                                    <div class="c_case_price">
                                        <span>店铺名</span>
                                        <span>价格： <span>￥${item.price}</span></span>
                                    </div>
                                    <a href="${item.url}" class="case_look">点击查看</a>
                                </div>
                            </div>
                        </a>
                    </div>
                </#list>
            </@jp.apiData>
			</div>
			<!--........-->
		</div>
	</div>
</div>
<!--UAS-->
<div class="main-section main-section170">
	<div class="section">
		<div class="container">
			<div class="section-item">
				<div class="section-top section-top03">
					<div class="fl">
						<a href="http://usoftchina.com"><img class="logo" src="${CTPATH}/assets/images/logo_uas.png" alt=""/><span class="title">UAS</span></a>
					</div>
					<div class="fl fl-left">
						<p class="des">一体化ERP+智慧工厂系统解决方案</p>
						<span>一体化智慧ERP+管理不再难</span>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="main a_main03">
	<div class="a_content">
		<div class="banner">
			<div id="myCarousel01" class="carousel slide">
				<!-- 轮播（Carousel）指标 -->
				<ol class="carousel-indicators">
                    <@jp.indexPage module="index_bannner_corousel" orderBy="order_number ASC">
                        <#list page.getList() as content>
                            <li data-target="#myCarousel" data-slide-to="${content_index!}" <#if content_index = 0>class="active"</#if>></li>
                        </#list>
                    </@jp.indexPage>
				</ol>
				<!-- 轮播（Carousel）项目 -->
				<div class="carousel-inner">
                    <@jp.indexPage module="index_uas_carousel" orderBy="order_number ASC">
                        <#list page.getList() as content>
                            <div class="item <#if content_index = 0>active</#if>"><img src="${content.thumbnail!}"></div>
                        </#list>
                    </@jp.indexPage>
				</div>
				<!-- 轮播（Carousel）导航 -->
				<a class="carousel-control left" href="#myCarousel01"
				   data-slide="prev">&lsaquo;</a>
				<a class="carousel-control right" href="#myCarousel01"
				   data-slide="next">&rsaquo;</a>
			</div>
		</div>
	</div>
</div>
<!--u客论坛-->
<div class="main-section">
	<div class="section">
		<div class="container">
			<div class="section-item">
				<div class="section-top section-top04">
					<div class="fl">
						<a href="http://bbs.uuzcc.com"><img class="logo" src="${CTPATH}/assets/images/logo_uas.png" alt=""/><span class="title">U客论坛</span></a>
					</div>
					<div class="fl fl-left">
						<p class="des">开发者技术分享交流社区</p>
						<span>技术更走薪</span>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="main k_main">
		<div class="container">
			<div class="k_content">
				<div class="k_item_list active">
					<div class="k_width">
						<img src="${CTPATH}/assets/images/k_01.png" alt="">
						<p>原厂解答</p>
						<span>原厂10余年经验FAE高级工程师，免费解答技术问题</span>
						<div class="k_btn">
							<a href="http://bbs.uuzcc.com/forum.php?mod=post&action=newthread&fid=0&type=answer">我要提问</a>
						</div>
					</div>
				</div>
				<div class="k_item_list">
					<div class="k_width">
						<img src="${CTPATH}/assets/images/k_02.png" alt="">
						<p>资料下载</p>
						<span>国内外最新芯片资料资源，可进行免费下载</span>
						<div class="k_btn">
							<a href="http://bbs.uuzcc.com/forum.php?mod=data">我要下载</a>
						</div>
					</div>
				</div>
				<div class="k_item_list">
					<div class="k_width">

						<img src="${CTPATH}/assets/images/k_03.png" alt="">
						<p>技术交流</p>
						<span>一个工程师共同学习、交流和吐槽的任天堂</span>
						<div class="k_btn">
							<a href="http://bbs.uuzcc.com/forum.php?mod=post&action=newthread&fid=0">我要发帖</a>
						</div>
					</div>
				</div>
				<div class="k_among">
					<div class="k_among_top">
						<span class="among">帖子排行榜</span>
						<span class="k_time"><span>日期</span><span>评论</span><div class="k_line"></div></span>
					</div>
					<div class="k_among_bottom">
						<@jp.apiData id="discuss_post_list">
						<#assign text >
							${data!}
						</#assign>
						<#assign json=text?eval />
						<#list json.data as item>
							<div class="k_list_one">
								<span class="k_one k_red">${item_index+1}</span>
								<div><a href="${item.url}">${item.subject}</a></div>
								<#setting datetime_format="MM-dd"/>
								<span class="k_data">${item.dateline?number_to_datetime!}</span>
								<span class="k_count">
								  <#if  (item.replies>100)>
									  99+
								  <#else>${item.replies}
								  </#if>	 </span>
							</div>
						</#list>
					</@jp.apiData>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!--u客资讯-->
<div class="main-section">
	<div class="section section_01">
		<div class="container">
			<div class="section-item">
				<div class="section-top section-top05">
					<div class="fl">
						<img class="logo" src="${CTPATH}/assets/images/logo_uas.png" alt=""/><span class="title">U客资讯</span>
					</div>
					<div class="fl fl-left">
						<p class="des">U讯·一手掌握最新资讯</p>
						<span>实战干货、专家问答、技术交流、学习、成长、分享、共建</span>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="main x_main">
		<div class="container">
			<div class="x_content">
				<!--U客资讯内容-->
				<!--第一列-->
				<div class="x_content_row">
					<!--上部-->
					<div class="x_content_head">
						<@jp.indexPage module="index_uk_coverman" pageSize="1">
							<#list page.getList() as content>
								<img src="${content.thumbnail!}" alt="${content.title!}">
								<div class="x_content_head_text">
									<p class="x_first x_gray_overflow">${content.title!}</p>
									<p class="x_gray_text x_gray_overflow">
										<a href="${content.flag!}">${content.remarks!}</a>
										<a href="${content.flag!}" class="detail">[详情]</a>
									</p>
								</div>
							</#list>
						</@jp.indexPage>
					</div>
					<!--下部-->
					<div class="x_content_footer">
						<div class="x_item_title">
							IC快讯
							<a href="https://www.uuzcc.com/article/list/iczixun.html" class="x_gray_text">更多></a>
						</div>
						<div class="x_content_footer_list">
							<@jp.apiData id="news_ic">
							<#assign text >
								${data!}
							</#assign>
							<#assign json=text?eval />
							<#list json.data.list as item>
								<dl>
									<dt>
										${item.day}
									<p class="x_gray_text">/${item.month}</p>
									</dt>
									<dd>
										<a href="${item.url}" class="x_gray_overflow">${item.title}</a>
										<p class="x_gray_text x_gray_overflow">
											${item.description}...
										</p>
									</dd>
								</dl>
							</#list>
						</@jp.apiData>
					    </div>
					</div>
				</div>
				<!--第二列-->
				<div class="x_content_row second_col">
					<div class="x_content_head">
						<div class="x_item_title">
							热门话题集锦
							<a href="https://www.uuzcc.com/article/list/activity_news.html" class="x_gray_text">更多></a>
						</div>
						<div class="banner">
							<div id="myCarousel02" class="carousel slide">
								<!-- 轮播（Carousel）指标 -->
								<ol class="carousel-indicators">
									<li data-target="#myCarousel02" data-slide-to="0" class="active"></li>
									<li data-target="#myCarousel02" data-slide-to="1"></li>
								</ol>
								<!-- 轮播（Carousel）项目 -->
								<div class="carousel-inner">
									<div class="item active"><a><img src="${CTPATH}/assets/images/remenhuatijijin.jpg" alt=""></a></div>
									<div class="item"><a><img src="${CTPATH}/assets/images/remenhuatijijin.jpg" alt=""></a></div>
								</div>
								<!-- 轮播（Carousel）导航 -->
								<a class="carousel-control left" href="#myCarousel02"
								   data-slide="prev">&lsaquo;</a>
								<a class="carousel-control right" href="#myCarousel02"
								   data-slide="next">&rsaquo;</a>
							</div>
						</div>
					</div>
					<!--下部-->
					<div class="x_content_footer">
						<div class="x_item_title">
							智能家居
							<a href="https://www.uuzcc.com/article/list/hardwarel.html" class="x_gray_text">更多></a>
						</div>
						<ul class="x_item_list">
							<@jp.apiData id="news_smart_home">
							<#assign text >
								${data!}
							</#assign>
							<#assign json=text?eval />
							<#list json.data.list as item>
								<li class="x_hot">
									<div class="x_left"><a href="${item.url}">${item.title}</a></div>
									<span class="x_gray_text">${item.month}-${item.day}</span>
								</li>
							</#list>
						</@jp.apiData>
						</ul>
					</div>
				</div>
				<!--第三列-->
				<div class="x_content_row third_col">
					<div class="x_item_title">
						<ul class="title_list">
							<li class="title_list_active active">
								<span></span>最近资讯</li>
							<li class="title_list_active">
								<span></span>热门资讯</li>
						</ul>
						<a href="https://www.uuzcc.com/article/list/iczixun.html" class="x_gray_text">更多></a>
					</div>
					<div class="hot_info_list">
						<!--最近-->
						<div class="hot_info_list_active show">
                            <@jp.apiData id="news_lastest">
                            <#assign text >
                                ${data!}
                            </#assign>
                            <#assign json=text?eval />
                            <#list json.data as item>
                                <dl>
                                    <dt>
                                    <p>${item.day}</p>
                                    <span class="x_gray_text">${item.year}.${item.month}</span>
                                    </dt>
                                    <dd>
                                        <a href="${item.url}" class="x_gray_overflow">${item.title}</a>
                                        <p class="x_gray_text x_gray_overflow">
                                            ${item.description}
                                        </p>
                                    </dd>
                                </dl>
                            </#list>
                            </@jp.apiData>
					</div>
						<!--热门-->
						<div class="hot_info_list_active">
                            <@jp.apiData id="news_hotest">
                            <#assign text >
                                ${data!}
                            </#assign>
                            <#assign json=text?eval />
                            <#list json.data as item>
                                <dl>
                                    <dt>
                                    <p>${item.day}</p>
                                    <span class="x_gray_text">${item.year}.${item.month}</span>
                                    </dt>
                                    <dd>
                                        <a class="x_gray_overflow" href="${item.url}">${item.title}</a>
                                        <p class="x_gray_text x_gray_overflow">
                                            ${item.description}
                                        </p>
                                    </dd>
                                </dl>
                            </#list>
                        </@jp.apiData>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!--section end-->
</@layout>