|
|
@@ -0,0 +1,264 @@
|
|
|
+<#include "_layout.html"/>
|
|
|
+<#macro script_import>
|
|
|
+<script src="${CPATH}/counter?cid=${content.id!}"></script>
|
|
|
+</#macro>
|
|
|
+<#macro css>
|
|
|
+h3{
|
|
|
+margin: 0;
|
|
|
+padding:0;
|
|
|
+}
|
|
|
+.warp{
|
|
|
+width: 100%;
|
|
|
+margin-top: 72px;
|
|
|
+text-align: center;
|
|
|
+}
|
|
|
+.warp .content{
|
|
|
+margin: 0 auto;
|
|
|
+display: inline-block;
|
|
|
+width: 1190px;
|
|
|
+text-align: center;
|
|
|
+overflow: hidden;
|
|
|
+}
|
|
|
+.solution .section{
|
|
|
+margin-bottom: 0;
|
|
|
+display: flex;
|
|
|
+background: #fff;
|
|
|
+}
|
|
|
+.solution .section-1{
|
|
|
+background: #418eff;
|
|
|
+height: 240px;
|
|
|
+}
|
|
|
+.solution .section-1 .section-text{
|
|
|
+float: left;
|
|
|
+margin-top: 80px;
|
|
|
+width: 315px;
|
|
|
+font-size: 36px;
|
|
|
+font-weight: bold;
|
|
|
+text-align: left;
|
|
|
+color: #fff;
|
|
|
+}
|
|
|
+.solution .section-1 .section-text h3{
|
|
|
+font-size: 36px;
|
|
|
+}
|
|
|
+.solution .section-1 .section-text h3:nth-child(2){
|
|
|
+text-align: right;
|
|
|
+margin-top: 20px;
|
|
|
+}
|
|
|
+.solution .section-1 .dot{
|
|
|
+float: right;
|
|
|
+margin-top: 32px;
|
|
|
+}
|
|
|
+.section-2 .content{
|
|
|
+margin-bottom: 60px;
|
|
|
+overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.sort-item ul {
|
|
|
+list-style: none;
|
|
|
+padding: 0;
|
|
|
+margin: 0;
|
|
|
+height: 68px;
|
|
|
+line-height: 68px;
|
|
|
+}
|
|
|
+.sort-item ul li {
|
|
|
+float: left;
|
|
|
+}
|
|
|
+.sort-item li a {
|
|
|
+padding: 0 8px 0 0;
|
|
|
+}
|
|
|
+.sort-item:after {
|
|
|
+content: '';
|
|
|
+display: table;
|
|
|
+clear: both;
|
|
|
+}
|
|
|
+.section-2 .content-left{
|
|
|
+float: left;
|
|
|
+width: 278px;
|
|
|
+border: 1px solid #dcdcdc;
|
|
|
+}
|
|
|
+.section-2 .content-left .sort-list{
|
|
|
+text-align: center;
|
|
|
+margin: 0 auto;
|
|
|
+line-height: 30px;
|
|
|
+font-size: 14px;
|
|
|
+}
|
|
|
+.section-2 .content-left p:first-child{
|
|
|
+margin-top: 0;
|
|
|
+}
|
|
|
+.section-2 .content-left p{
|
|
|
+margin: 10px 0;
|
|
|
+height: 30px;
|
|
|
+font-weight: bold;
|
|
|
+color: #323232;
|
|
|
+background: #f4f4f4;
|
|
|
+}
|
|
|
+.section-2 .content-left li{
|
|
|
+margin-left: 20px;
|
|
|
+list-style: none;
|
|
|
+text-align: left;
|
|
|
+height: 30px;
|
|
|
+line-height: 30px;
|
|
|
+}
|
|
|
+.section-2 li a{
|
|
|
+color: #5a5a5a;
|
|
|
+text-decoration: none;
|
|
|
+}
|
|
|
+.section-2 .content-right {
|
|
|
+float: right;
|
|
|
+width: 850px;
|
|
|
+text-align: left;
|
|
|
+}
|
|
|
+.content-right .content-toggle{
|
|
|
+/*float: left;*/
|
|
|
+overflow: hidden;
|
|
|
+}
|
|
|
+.content-right .content-toggle .p-toggle{
|
|
|
+color: #1e1e1e;
|
|
|
+float: left;
|
|
|
+}
|
|
|
+.content-right .content-toggle .p2-toggle{
|
|
|
+color: #1e1e1e;
|
|
|
+float: right;
|
|
|
+}
|
|
|
+.content-right>h1 {
|
|
|
+margin: 40px 0;
|
|
|
+font-size: 30px;
|
|
|
+color: #204da9;
|
|
|
+}
|
|
|
+.content-right>p {
|
|
|
+margin-top: 0;
|
|
|
+margin-bottom: 32px;
|
|
|
+font-size: 14px;
|
|
|
+color: #969696;
|
|
|
+}
|
|
|
+.content-right .content-toggle{
|
|
|
+display：inline-block;
|
|
|
+margin-top: 75px;
|
|
|
+}
|
|
|
+.content-right .content-toggle p{
|
|
|
+float: left;
|
|
|
+margin-left: 0px;
|
|
|
+text-align: left;
|
|
|
+}
|
|
|
+.content-right .content-toggle p.p2-toggle{
|
|
|
+float: right;
|
|
|
+}
|
|
|
+.content-right .content-toggle a{
|
|
|
+font-size: 14px;
|
|
|
+color: #1e1e1e;
|
|
|
+}
|
|
|
+.content-detail>p {
|
|
|
+text-indent: 2em;
|
|
|
+margin-top: 40px;
|
|
|
+}
|
|
|
+.content-detail {
|
|
|
+position: relative;
|
|
|
+color: #646464;
|
|
|
+}
|
|
|
+.content-detail ul {
|
|
|
+margin: 30px 0;
|
|
|
+}
|
|
|
+.content-detail div p {
|
|
|
+display: inline-block;
|
|
|
+position: absolute;
|
|
|
+bottom: -175%;
|
|
|
+}
|
|
|
+.content-detail div p a {
|
|
|
+text-decoration: none;
|
|
|
+color: #1e1e1e;
|
|
|
+}
|
|
|
+.content-detail div {
|
|
|
+margin: 50px 0 20px 0;
|
|
|
+}
|
|
|
+
|
|
|
+.section-2 .content-left li.active a{color: #lelele; font-weight: bold; cursor: pointer;}
|
|
|
+.section-2 .content-left li:hover a{text-decoration: underline; cursor: pointer;}
|
|
|
+
|
|
|
+</#macro>
|
|
|
+<head>
|
|
|
+ <link rel="stylesheet" href="${CTPATH}/assets/css/customerDeMo.css" />
|
|
|
+ <script src="${CTPATH}/assets/js/customersMoClick.js"></script>
|
|
|
+</head>
|
|
|
+
|
|
|
+<@layout>
|
|
|
+<!-- content here -->
|
|
|
+<div class="warp solution" style="margin-top:0;">
|
|
|
+ <div class="section section-1">
|
|
|
+ <div class="content">
|
|
|
+ <div class="section-text">
|
|
|
+ <h3>让管理不再难</h3>
|
|
|
+ <h3>令生意更简单</h3>
|
|
|
+ </div>
|
|
|
+ <div class="dot"><img src="${CTPATH}/images/cases/banner2.png" alt=""></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="section section-2">
|
|
|
+ <div class="content">
|
|
|
+ <div class="sort-item">
|
|
|
+ <ul>
|
|
|
+ <li><a href="#">当前位置：</a></li>
|
|
|
+ <li><a href="${CPATH}/">首页</a>></li>
|
|
|
+ <li><a id="customerCase" href="${CPATH}/customerCase">企业案例</a>></li>
|
|
|
+ <li><a href="#">${(content.getMetadataByKey("company_name"))!}(
|
|
|
+ <@jp.taxonomys module="customers">
|
|
|
+ <#list taxonomys as taxonomy>
|
|
|
+ <#if taxonomy.type=="category">
|
|
|
+ <@jp.contents module="customers" typeSlug="${taxonomy.title}">
|
|
|
+ <#list contents as cont>
|
|
|
+ <#if cont == content>
|
|
|
+ ${taxonomy.title}
|
|
|
+ </#if>
|
|
|
+ </#list>
|
|
|
+ </@jp.contents>
|
|
|
+ </#if>
|
|
|
+ </#list>
|
|
|
+ </@jp.taxonomys>
|
|
|
+ )</a></li>
|
|
|
+ </ul>
|
|
|
+</div>
|
|
|
+<div class="content-left">
|
|
|
+ <div class="sort-list">
|
|
|
+ <@jp.taxonomys module="customers">
|
|
|
+ <#list taxonomys as taxonomy>
|
|
|
+ <#if taxonomy.type=="category">
|
|
|
+ <P>${taxonomy.title}</P>
|
|
|
+ <@jp.contents module="customers" typeSlug="${taxonomy.title}" orderBy="order_number desc">
|
|
|
+ <ul class="pageNav">
|
|
|
+ <#list contents as con>
|
|
|
+ <li class="<#if con==content>active</#if>"><a href="${con.url}">${(con.getMetadataByKey("company_name"))!}</a></li>
|
|
|
+ </#list>
|
|
|
+ </ul>
|
|
|
+ </@jp.contents>
|
|
|
+</#if>
|
|
|
+</#list>
|
|
|
+</@jp.taxonomys>
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="content-right">
|
|
|
+ <div class="content-detail">
|
|
|
+ ${content.text!}
|
|
|
+ </div>
|
|
|
+ <div class="content-toggle">
|
|
|
+ <p class="p-toggle">
|
|
|
+ <@jp.previous>
|
|
|
+ 上一篇：<a href="${previous.url!}">${(previous.getMetadataByKey("company_name"))!}</a>
|
|
|
+ </@jp.previous>
|
|
|
+ </p>
|
|
|
+ <p class="p2-toggle">
|
|
|
+ <@jp.next>
|
|
|
+ 下一篇：<a href="${next.url!}">${(next.getMetadataByKey("company_name"))!}</a>
|
|
|
+ </@jp.next>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+</@layout>
|
|
|
+<#macro script>
|
|
|
+$(function() {
|
|
|
+$(".sort-list li").click(function(){
|
|
|
+$(this).addClass("active").siblings().removeClass("active");
|
|
|
+})
|
|
|
+})
|
|
|
+</#macro>
|
samhoo