|
|
@@ -1,264 +0,0 @@
|
|
|
-<#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