2 년 전 · 3d3d7b8e6a
--- a/src/main/webapp/template/1/default/about.htm
+++ b/src/main/webapp/template/1/default/about.htm
@@ -1,362 +1,70 @@
 
				+<!DOCTYPE html>
			
 
				 <html>
			
 
				- <head>
			
 
				-  <meta charset="utf-8">
			
 
				-  <title>{ms:global.name/}</title>
			
 
				-  <#include "head-file.htm" />
			
 
				- </head>
			
 
				- <body>
			
 
				-  <div id="app" v-cloak>
			
 
				-   <#include "header.htm" />
			
 
				-   <div class="news">
			
 
				-    <div class="body">
			
 
				-     <div class="left">
			
 
				-      {ms:channel type='parent'}
			
 
				-      <span class="title"> ${field.typetitle} </span>
			
 
				-      {/ms:channel}
			
 
				-      <#assign typetitle=field.typetitle>
			
 
				-      <#if field.typeleaf>
			
 
				-      {ms:channel type='level'}
			
 
				-      <a href="{ms:global.url/}${field.typelink}" class="<#if typetitle==field.typetitle>sub-title-sel<#else>sub-title</#if>"> ${field.typetitle} </a>
			
 
				-      {/ms:channel}
			
 
				-      <#else>
			
 
				-      {ms:channel type='son'}
			
 
				-      <a href="{ms:global.url/}${field.typelink}" class="<#if typetitle==field.typetitle>sub-title-sel<#else>sub-title</#if>"> ${field.typetitle} </a>
			
 
				-      {/ms:channel}
			
 
				-      </#if>
			
 
				-     </div>
			
 
				-     <div class="right">
			
 
				-      <div class="ms-channel-path">
			
 
				-       <span class="ms-channel-path-label"> 当前位置： </span>
			
 
				-       <a href="/" class="ms-channel-path-index"> 首页 </a> {ms:channel type="path"}
			
 
				-       <i class="iconfont icon-youjiantou"></i>
			
 
				-       <a href="{ms:global.url/}${field.typelink}" class="ms-channel-path-link"> ${field.typetitle} </a> {/ms:channel}
			
 
				-      </div>
			
 
				-      <span class="big-title"> </span>
			
 
				-      <div class="news-body">
			
 
				-       <span> ${field.content} </span>
			
 
				-      </div>
			
 
				-     </div>
			
 
				-    </div>
			
 
				-   </div>
			
 
				-   <#include "footer.htm" />
			
 
				-  </div>
			
 
				-  <script>
			
 
				-var app = new Vue({
			
 
				-    el: '#app',
			
 
				-    watch:{
			
 
				-    },
			
 
				-    data: {
			
 
				-    },
			
 
				-    methods: {
			
 
				-       switchShow:function(arr){
			
 
				-       var that = this
			
 
				-           arr.forEach(function(x){
			
 
				-              let e = that.$el.querySelector("#key_"+x)
			
 
				-               if(e){
			
 
				-                   e.style.display=e.style.display=='none'?'flex':'none'
			
 
				-               }
			
 
				-           })
			
 
				-       },
			
 
				-    },
			
 
				-    created(){
			
 
				-    }
			
 
				-})
			
 
				-</script>
			
 
				-  <style>
			
 
				-    body {
			
 
				-        background-color:#fff;
			
 
				-        box-sizing:border-box;
			
 
				-        font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", 微软雅黑, sans-serif;
			
 
				-        moz-box-sizing:border-box;
			
 
				-        webkit-box-sizing:border-box;
			
 
				-    }
			
 
				-
			
 
				-    .news
			
 
				-    {
			
 
				-            align-items:flex-start;
			
 
				-            flex-direction:row;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            box-sizing:border-box;
			
 
				-            justify-content:center;
			
 
				-            padding-bottom:0px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            width:100%;
			
 
				-            margin-bottom:0px;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-            margin-top:0px;
			
 
				-    }
			
 
				-    .news .body
			
 
				-    {
			
 
				-            padding-bottom:20px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            flex-direction:row;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            width:1200px;
			
 
				-            box-sizing:border-box;
			
 
				-            padding-top:20px;
			
 
				-            padding-left:0px;
			
 
				-    }
			
 
				-    .news .body .left
			
 
				-    {
			
 
				-            padding-bottom:0px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            flex-direction:column;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            width:200px;
			
 
				-            box-sizing:border-box;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-            margin-top:0px;
			
 
				-            height:100%;
			
 
				-    }
			
 
				-    .news .body .left .title
			
 
				-    {
			
 
				-            border-bottom-color:#C0C4CC;
			
 
				-            color:#C0C4CC;
			
 
				-            flex-direction:row;
			
 
				-            word-wrap:break-word;
			
 
				-            display:inline-block;
			
 
				-            font-size:16PX;
			
 
				-            border-bottom-style:dashed;
			
 
				-            padding-top:10px;
			
 
				-            border-bottom-width:1px;
			
 
				-            padding-left:10px;
			
 
				-            margin-top:0px;
			
 
				-            height:40px;
			
 
				-    }
			
 
				-    .news .body .left .sub-title-sel
			
 
				-    {
			
 
				-            background-color:#F2F6FC;
			
 
				-            color:#409EFF;
			
 
				-            flex-direction:row;
			
 
				-            word-wrap:break-word;
			
 
				-            display:inline-block;
			
 
				-            font-size:16PX;
			
 
				-            padding-top:10px;
			
 
				-            padding-left:10px;
			
 
				-            margin-top:2px;
			
 
				-            height:40px;
			
 
				-    }
			
 
				-    .news .body .left .sub-title
			
 
				-    {
			
 
				-            color:#5F5F5F;
			
 
				-            flex-direction:row;
			
 
				-            word-wrap:break-word;
			
 
				-            display:inline-block;
			
 
				-            font-size:16PX;
			
 
				-            padding-top:10px;
			
 
				-            padding-left:10px;
			
 
				-            margin-top:0px;
			
 
				-            height:40px;
			
 
				-    }
			
 
				-    .news .body .right
			
 
				-    {
			
 
				-            padding-bottom:0px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            flex-direction:column;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            width:1000px;
			
 
				-            margin-bottom:0px;
			
 
				-            box-sizing:border-box;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:20px;
			
 
				-            margin-top:0px;
			
 
				-            height:100%;
			
 
				-    }
			
 
				-    .news .body .right .ms-channel-path
			
 
				-    {
			
 
				-            margin-right:auto;
			
 
				-            align-items:center;
			
 
				-            flex-wrap:nowrap;
			
 
				-            flex-direction:row;
			
 
				-            display:flex;
			
 
				-            width:100%;
			
 
				-            margin-bottom:10px;
			
 
				-            box-sizing:border-box;
			
 
				-            padding-left:0px;
			
 
				-            margin-top:10px;
			
 
				-            height:30px;
			
 
				-            margin-left:auto;
			
 
				-    }
			
 
				-    .news .body .right .ms-channel-path span
			
 
				-    {
			
 
				-            color:#909399;
			
 
				-            flex-direction:row;
			
 
				-            word-wrap:break-word;
			
 
				-            display:inline-block;
			
 
				-            font-size:16PX;
			
 
				-    }
			
 
				-    .news .body .right .ms-channel-path .ms-channel-path-index
			
 
				-    {
			
 
				-            cursor:pointer;
			
 
				-            color:#000;
			
 
				-            font-size:16PX;
			
 
				-            text-decoration:none;
			
 
				-            margin-bottom:0px;
			
 
				-            margin-top:0px;
			
 
				-    }
			
 
				-    .news .body .right .ms-channel-path >i
			
 
				-    {
			
 
				-    }
			
 
				-    .news .body .right .ms-channel-path .ms-channel-path-link
			
 
				-    {
			
 
				-            cursor:pointer;
			
 
				-            color:#000;
			
 
				-            font-size:16PX;
			
 
				-            text-decoration:none;
			
 
				-            margin-bottom:0px;
			
 
				-            margin-top:0px;
			
 
				-    }
			
 
				-    .news .body .right .big-title
			
 
				-    {
			
 
				-            text-align:center;
			
 
				-            flex-direction:row;
			
 
				-            word-wrap:break-word;
			
 
				-            display:inline-block;
			
 
				-            font-size:22PX;
			
 
				-            margin-bottom:20px;
			
 
				-            padding-left:0px;
			
 
				-            margin-top:10px;
			
 
				-    }
			
 
				-    .news .body .right .news-body
			
 
				-    {
			
 
				-            flex-direction:column;
			
 
				-            display:flex;
			
 
				-            box-sizing:border-box;
			
 
				-            margin-left:0px;
			
 
				-            margin-right:0px;
			
 
				-            min-height:500px;
			
 
				-            padding-bottom:0px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            width:100%;
			
 
				-            margin-bottom:0px;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-            margin-top:0px;
			
 
				-    }
			
 
				-    .news .body .right .news-body span
			
 
				-    {
			
 
				-            flex-direction:row;
			
 
				-            word-wrap:break-word;
			
 
				-            display:inline-block;
			
 
				-            font-size:14px;
			
 
				-    }
			
 
				-@media (max-width: 768px){
			
 
				-        .news
			
 
				-        {
			
 
				-                align-items:center;
			
 
				-                flex-direction:row;
			
 
				-                display:flex;
			
 
				-                padding-right:0px;
			
 
				-                box-sizing:border-box;
			
 
				-                justify-content:center;
			
 
				-                padding-bottom:0px;
			
 
				-                flex-wrap:nowrap;
			
 
				-                width:100%;
			
 
				-                margin-bottom:0px;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:0px;
			
 
				-                margin-top:0px;
			
 
				-        }
			
 
				-        .news .body
			
 
				-        {
			
 
				-                padding-bottom:20px;
			
 
				-                flex-wrap:nowrap;
			
 
				-                flex-direction:column;
			
 
				-                display:flex;
			
 
				-                padding-right:0px;
			
 
				-                width:90%;
			
 
				-                box-sizing:border-box;
			
 
				-                padding-top:20px;
			
 
				-                padding-left:0px;
			
 
				-        }
			
 
				+<head>
			
 
				+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
			
 
				+    <meta name="renderer" content="webkit">
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
			
 
				+    <meta name="robots" content="index, follow"/>
			
 
				+    <title>${field.typetitle}</title>
			
 
				+    <meta name="keywords" content="${field.typekeyword}">
			
 
				+    <meta name="description" content="${field.typedescrip}">
			
 
				+    <meta http-equiv="Cache-Control" content="no-transform"/>
			
 
				+    <meta http-equiv="Cache-Control" content="no-siteapp"/>
			
 
				+    <meta name="applicable-device" content="pc,mobile"/>
			
 
				+    <link href="/{ms:global.style/}css/style.css" rel="stylesheet"/>
			
 
				+    <link href="/{ms:global.style/}css/css.css" rel="stylesheet"/>
			
 
				+    <script src="/{ms:global.style/}js/jquery-1.8.3.min.js"></script>
			
 
				+    <script type="text/javascript" src="/{ms:global.style/}js/jquery.superslide.2.1.1.js">//pc导航</script>
			
 
				+    <script src="/{ms:global.style/}js/anim.js">//动画</script>
			
 
				+    <script type="text/javascript" src="/{ms:global.style/}js/basic.js"></script>
			
 
				+</head>
			
 
				+<body>
			
 
				+<#include "header.htm" />
			
 
				+<div class="o_big" >
			
 
				+    <img src="{@ms:file field.typelitpic/}" alt=""/>
			
 
				+    <h1 >${field.typedescrip}</h1>
			
 
				+</div>
			
 
				+<!--正文begin-->
			
 
				 
			
 
				- .news .body .left {
			
 
				-  width: 100%;
			
 
				- }
			
 
				-        .news .body .right
			
 
				-        {
			
 
				-                padding-bottom:0px;
			
 
				-                flex-wrap:nowrap;
			
 
				-                flex-direction:column;
			
 
				-                display:flex;
			
 
				-                padding-right:0px;
			
 
				-                width:100%;
			
 
				-                margin-bottom:0px;
			
 
				-                box-sizing:border-box;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:0px;
			
 
				-                margin-top:0px;
			
 
				-        }
			
 
				-        .news .body .right .ms-channel-path
			
 
				-        {
			
 
				-                align-items:center;
			
 
				-                flex-direction:row;
			
 
				-                display:flex;
			
 
				-                box-sizing:border-box;
			
 
				-                margin-left:auto;
			
 
				-                margin-right:auto;
			
 
				-                flex-wrap:nowrap;
			
 
				-                width:100%;
			
 
				-                margin-bottom:10px;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:0px;
			
 
				-                margin-top:10px;
			
 
				-                height:30px;
			
 
				-        }
			
 
				-        .news .body .right .ms-channel-path span
			
 
				-        {
			
 
				-                flex-direction:row;
			
 
				-                word-wrap:break-word;
			
 
				-                display:inline-block;
			
 
				-                font-size:14PX;
			
 
				-        }
			
 
				-        .news .body .right .ms-channel-path .ms-channel-path-index
			
 
				-        {
			
 
				-                cursor:pointer;
			
 
				-                color:#000;
			
 
				-                font-size:14PX;
			
 
				-                text-decoration:none;
			
 
				-                margin-bottom:0px;
			
 
				-                margin-top:0px;
			
 
				-        }
			
 
				-        .news .body .right .ms-channel-path .ms-channel-path-link
			
 
				-        {
			
 
				-                cursor:pointer;
			
 
				-                color:#000;
			
 
				-                font-size:14PX;
			
 
				-                text-decoration:none;
			
 
				-                margin-bottom:0px;
			
 
				-                margin-top:0px;
			
 
				-        }
			
 
				-        .news .body .right .big-title
			
 
				-        {
			
 
				-                flex-direction:row;
			
 
				-                word-wrap:break-word;
			
 
				-                display:inline-block;
			
 
				-                font-size:22PX;
			
 
				-                padding-left:0px;
			
 
				-        }
			
 
				-        .news .body .right .news-body
			
 
				-        {
			
 
				-                margin-right:0px;
			
 
				-                padding-bottom:0px;
			
 
				-                flex-wrap:nowrap;
			
 
				-                flex-direction:column;
			
 
				-                display:flex;
			
 
				-                width:100%;
			
 
				-                box-sizing:border-box;
			
 
				-                margin-bottom:0px;
			
 
				-                padding-top:0px;
			
 
				-                margin-top:0px;
			
 
				-                margin-left:0px;
			
 
				-        }
			
 
				+<!--因为关于我们与招聘信息用的是同一个模板，所以判断是否是子栏目并且没有父栏目id，招聘信息不需要显示二级栏目-->
			
 
				+<#if field.typeleaf ==1 && field.parentid?has_content>
			
 
				+<div class="wrap">
			
 
				+    <div class="product_a anim anim-1">
			
 
				+        <!--子栏目选中效果-->
			
 
				+        <#if field.typeleaf !=0>
			
 
				+        {ms:channel type='level'}
			
 
				+            <#if field.typeid == typeid || (ids?has_content && ids?split(",")?seq_contains(field.typeid.toString()))>
			
 
				+            <a href='<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>' class='csel'>${field.typetitle}</a>
			
 
				+            <#else>
			
 
				+            <a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">${field.typetitle}</a>
			
 
				+            </#if>
			
 
				+        {/ms:channel}
			
 
				+        <#else>
			
 
				+        {ms:channel type='son'}
			
 
				+            <#if field.typeid == typeid || (ids?has_content && ids?split(",")?seq_contains(field.typeid.toString()))>
			
 
				+            <a href='<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>' class='csel'>${field.typetitle}</a>
			
 
				+            <#else>
			
 
				+            <a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">${field.typetitle}</a>
			
 
				+            </#if>
			
 
				+        {/ms:channel}
			
 
				+        </#if>
			
 
				+    </div>
			
 
				+</div>
			
 
				+</#if>
			
 
				 
			
 
				-}</style>
			
 
				- </body>
			
 
				-</html>
			
 
				+<div class="news_bg">
			
 
				+    <div class="wrap">
			
 
				+        <div class="about_x anim anim-2">
			
 
				+            <div class="show_t">${field.typetitle}</div>
			
 
				+            <div class="con_id">
			
 
				+                <div> ${field.content}</div>
			
 
				+                <br/>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+    </div>
			
 
				+</div>
			
 
				+<!--正文end-->
			
 
				+<#include "footer.htm" />
			
 
				+<script language="javascript" src="/{ms:global.style/}js/foot.js"></script><!--尾部end-->
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/template/1/default/caselist.htm
+++ b/src/main/webapp/template/1/default/caselist.htm
@@ -0,0 +1,76 @@
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<head>
			
 
				+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
			
 
				+    <meta name="renderer" content="webkit">
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
			
 
				+    <meta name="robots" content="index, follow"/>
			
 
				+    <title>${field.typetitle}-</title>
			
 
				+    <meta name="keywords" content="${field.typekeyword}">
			
 
				+    <meta name="description" content="${field.typedescrip}">
			
 
				+    <meta http-equiv="Cache-Control" content="no-transform"/>
			
 
				+    <meta http-equiv="Cache-Control" content="no-siteapp"/>
			
 
				+    <meta name="applicable-device" content="pc,mobile"/>
			
 
				+    <link href="/{ms:global.style/}/css/style.css" rel="stylesheet"/>
			
 
				+    <link href="/{ms:global.style/}/css/css.css" rel="stylesheet"/>
			
 
				+    <script src="/{ms:global.style/}/js/jquery-1.8.3.min.js"></script>
			
 
				+    <script type="text/javascript" src="/{ms:global.style/}/js/jquery.superslide.2.1.1.js">//pc导航</script>
			
 
				+    <script src="/{ms:global.style/}/js/anim.js">//动画</script>
			
 
				+    <script type="text/javascript" src="/{ms:global.style/}/js/basic.js"></script>
			
 
				+</head>
			
 
				+<body>
			
 
				+<#include "header.htm" />
			
 
				+<div class="o_big" >
			
 
				+    <img src="{@ms:file field.typelitpic/}" alt=""/>
			
 
				+    <h1 >${field.typedescrip}</h1>
			
 
				+</div>
			
 
				+<!--正文begin-->
			
 
				+<div class="wrap">
			
 
				+    <div class="product_a anim anim-1">
			
 
				+        <#if field.typeleaf !=0>
			
 
				+        {ms:channel type='level'}
			
 
				+            <#if field.typeid == typeid || (ids?has_content && ids?split(",")?seq_contains(field.typeid.toString()))>
			
 
				+            <a href='<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>' class='csel'>${field.typetitle}</a>
			
 
				+            <#else>
			
 
				+            <a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">${field.typetitle}</a>
			
 
				+            </#if>
			
 
				+        {/ms:channel}
			
 
				+        <#else>
			
 
				+        {ms:channel type='son'}
			
 
				+            <#if field.typeid == typeid || (ids?has_content && ids?split(",")?seq_contains(field.typeid.toString()))>
			
 
				+            <a href='<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>' class='csel'>${field.typetitle}</a>
			
 
				+            <#else>
			
 
				+            <a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">${field.typetitle}</a>
			
 
				+            </#if>
			
 
				+        {/ms:channel}
			
 
				+        </#if>
			
 
				+    </div>
			
 
				+</div>
			
 
				+<div class="wrap">
			
 
				+    <div class="case_ul">
			
 
				+        <ul>
			
 
				+            {ms:arclist size=8 ispaging=true}
			
 
				+            <li class="">
			
 
				+                <a href="{ms:global.html/}${field.link}" title="${field.title}">
			
 
				+                    <div class="imgs">
			
 
				+                        <img src="{@ms:file field.litpic/}" alt="${field.title}">
			
 
				+                    </div>
			
 
				+                    <div class="txts">
			
 
				+                        <h2 class="f22">${field.title}</h2>
			
 
				+                        <p class="p">{@ms:len field.descrip 20 /}...</p>
			
 
				+                        <div class="desc">
			
 
				+                            <div> &nbsp; &nbsp; &nbsp; &nbsp;{@ms:len field.descrip 280 /}</div>
			
 
				+                        </div>
			
 
				+                    </div>
			
 
				+                </a>
			
 
				+            </li>
			
 
				+            {/ms:arclist}
			
 
				+        </ul>
			
 
				+    </div>
			
 
				+    <div class="yema"><#include "page.htm" /></div>
			
 
				+</div>
			
 
				+<!--正文end-->
			
 
				+<#include "footer.htm" />
			
 
				+<script language="javascript" src="/{ms:global.style/}js/foot.js"></script><!--尾部end-->
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/template/1/default/contact.htm
+++ b/src/main/webapp/template/1/default/contact.htm
@@ -0,0 +1,86 @@
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<head>
			
 
				+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
			
 
				+    <meta name="renderer" content="webkit">
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
			
 
				+    <meta name="robots" content="index, follow"/>
			
 
				+    <title>${field.typetitle}</title>
			
 
				+    <meta name="keywords" content="${field.typekeyword}">
			
 
				+    <meta name="description" content="${field.typedescrip}">
			
 
				+    <meta http-equiv="Cache-Control" content="no-transform"/>
			
 
				+    <meta http-equiv="Cache-Control" content="no-siteapp"/>
			
 
				+    <meta name="applicable-device" content="pc,mobile"/>
			
 
				+    <link href="/favicon.ico" rel="shortcut icon"/>
			
 
				+    <link href="/{ms:global.style/}css/style.css" rel="stylesheet"/>
			
 
				+    <link href="/{ms:global.style/}css/css.css" rel="stylesheet"/>
			
 
				+    <script src="/{ms:global.style/}js/jquery-1.8.3.min.js"></script>
			
 
				+    <script type="text/javascript" src="/{ms:global.style/}js/jquery.superslide.2.1.1.js">//pc导航</script>
			
 
				+    <script src="/{ms:global.style/}js/anim.js">//动画</script>
			
 
				+    <script type="text/javascript" src="/{ms:global.style/}js/basic.js"></script>
			
 
				+</head>
			
 
				+<body>
			
 
				+<#include "header.htm" />
			
 
				+<div class="o_big" >
			
 
				+    <img src="{@ms:file field.typelitpic/}" alt=""/>
			
 
				+    <h1 >${field.typedescrip}</h1>
			
 
				+</div>
			
 
				+<!--正文begin-->
			
 
				+<div class="wrap">
			
 
				+    <div class="product_a anim anim-1">
			
 
				+        <#if field.typeleaf !=0>
			
 
				+        {ms:channel type='level'}
			
 
				+            <#if field.typeid == typeid || (ids?has_content && ids?split(",")?seq_contains(field.typeid.toString()))>
			
 
				+            <a href='<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>' class='csel'>${field.typetitle}</a>
			
 
				+            <#else>
			
 
				+            <a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">${field.typetitle}</a>
			
 
				+            </#if>
			
 
				+        {/ms:channel}
			
 
				+        <#else>
			
 
				+        {ms:channel type='son'}
			
 
				+            <#if field.typeid == typeid || (ids?has_content && ids?split(",")?seq_contains(field.typeid.toString()))>
			
 
				+            <a href='<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>' class='csel'>${field.typetitle}</a>
			
 
				+            <#else>
			
 
				+            <a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">${field.typetitle}</a>
			
 
				+            </#if>
			
 
				+        {/ms:channel}
			
 
				+        </#if>
			
 
				+    </div>
			
 
				+</div>
			
 
				+<div class="contact_bg anim anim-2">
			
 
				+    <div class="map_div">
			
 
				+        <script src="/{ms:global.style/}js/048c11927f4c4b8a8811578543381d58.js"></script>
			
 
				+        <div class="baidu_ditu" id="dituContent"></div>
			
 
				+        <script>
			
 
				+            var map2 = new BMap.Map("dituContent");            // 创建Map实例
			
 
				+            var point2 = new BMap.Point(116.397513, 39.908739); // 创建点坐标
			
 
				+            map2.centerAndZoom(point2, 15);                 // 初始化地图,设置中心点坐标和地图级别。
			
 
				+            map2.enableScrollWheelZoom();                 //启用滚轮放大缩小
			
 
				+            map2.addControl(new BMap.NavigationControl());
			
 
				+            map2.addControl(new BMap.ScaleControl());
			
 
				+            map2.addControl(new BMap.OverviewMapControl());
			
 
				+            var marker2 = new BMap.Marker(point2);
			
 
				+            map2.addOverlay(marker2);
			
 
				+            var infoWinOpts = {}
			
 
				+            var infoWin = new BMap.InfoWindow(
			
 
				+                "<div style='text-align:left;color:#1A6DAF;font-size: 14px;'><p></p><p>某某公司</p><p>电　话：488-888-8888</p><p>邮　箱：123456789@qq.com</p><p>地　址：北京市天安门</p></div>", infoWinOpts);
			
 
				+            marker2.openInfoWindow(infoWin);
			
 
				+            marker2.addEventListener("click", function () {
			
 
				+                this.openInfoWindow(infoWin);
			
 
				+            });
			
 
				+        </script>
			
 
				+    </div>
			
 
				+    <div class="contact_r">
			
 
				+        <h2>联系方式</h2>
			
 
				+        <ul>
			
 
				+            <li><img src="/{ms:global.style/}images/contact_pic1.png">总部地址：北京市天安门</li>
			
 
				+            <li><img src="/{ms:global.style/}images/contact_pic2.png">电话：<a href="tel:488-888-8888">488-888-8888</a></li>
			
 
				+            <li><img src="/{ms:global.style/}images/contact_pic4.png">邮箱：123456789@qq.com</li>
			
 
				+        </ul>
			
 
				+    </div>
			
 
				+</div>
			
 
				+<!--正文end-->
			
 
				+<#include "footer.htm" />
			
 
				+<script language="javascript" src="/{ms:global.style/}js/foot.js"></script><!--尾部end-->
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/template/1/default/css/anim.css
+++ b/src/main/webapp/template/1/default/css/anim.css
@@ -0,0 +1,238 @@
 
				+.anim-1, .anim-2, .anim-3, .anim-4, .anim-5, .anim-6, .anim-7, .anim-8, .anim-9, .anim-10, .anim-11, .anim-12 {
			
 
				+	-webkit-transform: translateY(100px) translateX(0);
			
 
				+	-moz-transform: translateY(100px) translateX(0);
			
 
				+	transform: translateY(100px) translateX(0);
			
 
				+	opacity: 0;
			
 
				+	-webkit-transition-timing-function: ease-in-out;
			
 
				+	transition-timing-function: ease-in-out;
			
 
				+}
			
 
				+.anim-1 {
			
 
				+	-webkit-transition: transform .8s, opacity .8s;
			
 
				+	-moz-transition: transform .8s, opacity .8s;
			
 
				+	-o-transition: transform .8s, opacity .8s;
			
 
				+	transition: transform .8s, opacity .8s;
			
 
				+}
			
 
				+.anim-2 {
			
 
				+	-webkit-transition: transform 1s, opacity 1s;
			
 
				+	-moz-transition: transform 1s, opacity 1s;
			
 
				+	-o-transition: transform 1s, opacity 1s;
			
 
				+	transition: transform 1s, opacity 1s;
			
 
				+}
			
 
				+.anim-3 {
			
 
				+	-webkit-transition: transform 1.2s, opacity 1.2s;
			
 
				+	-moz-transition: transform 1.2s, opacity 1.2s;
			
 
				+	-o-transition: transform 1.2s, opacity 1.2s;
			
 
				+	transition: transform 1.2s, opacity 1.2s;
			
 
				+}
			
 
				+.anim-4 {
			
 
				+	-webkit-transition: transform 1.4s, opacity 1.4s;
			
 
				+	-moz-transition: transform 1.4s, opacity 1.4s;
			
 
				+	-o-transition: transform 1.4s, opacity 1.4s;
			
 
				+	transition: transform 1.4s, opacity 1.4s;
			
 
				+}
			
 
				+.anim-5 {
			
 
				+	-webkit-transition: transform 1.6s, opacity 1.6s;
			
 
				+	-moz-transition: transform 1.6s, opacity 1.6s;
			
 
				+	-o-transition: transform 1.6s, opacity 1.6s;
			
 
				+	transition: transform 1.6s, opacity 1.6s;
			
 
				+}
			
 
				+.anim-6 {
			
 
				+	-webkit-transition: transform 1.8s, opacity 1.8s;
			
 
				+	-moz-transition: transform 1.8s, opacity 1.8s;
			
 
				+	-o-transition: transform 1.8s, opacity 1.8s;
			
 
				+	transition: transform 1.8s, opacity 1.8s;
			
 
				+}
			
 
				+.anim-7 {
			
 
				+	-webkit-transition: transform 2s, opacity 2s;
			
 
				+	-moz-transition: transform 2s, opacity 2s;
			
 
				+	-o-transition: transform 2s, opacity 2s;
			
 
				+	transition: transform 2s, opacity 2s;
			
 
				+}
			
 
				+.anim-8 {
			
 
				+	-webkit-transition: transform 2.2s, opacity 2.2s;
			
 
				+	-moz-transition: transform 2.2s, opacity 2.2s;
			
 
				+	-o-transition: transform 2.2s, opacity 2.2s;
			
 
				+	transition: transform 2.2s, opacity 2.2s;
			
 
				+}
			
 
				+.anim-9 {
			
 
				+	-webkit-transition: transform 2.4s, opacity 2.4s;
			
 
				+	-moz-transition: transform 2.4s, opacity 2.4s;
			
 
				+	-o-transition: transform 2.4s, opacity 2.4s;
			
 
				+	transition: transform 2.4s, opacity 2.4s;
			
 
				+}
			
 
				+.anim-10 {
			
 
				+	-webkit-transition: transform 2.6s, opacity 2.6s;
			
 
				+	-moz-transition: transform 2.6s, opacity 2.6s;
			
 
				+	-o-transition: transform 2.6s, opacity 2.6s;
			
 
				+	transition: transform 2.6s, opacity 2.6s;
			
 
				+}
			
 
				+.anim-11 {
			
 
				+	-webkit-transition: transform 2.8s, opacity 2.8s;
			
 
				+	-moz-transition: transform 2.8s, opacity 2.8s;
			
 
				+	-o-transition: transform 2.8s, opacity 2.8s;
			
 
				+	transition: transform 2.8s, opacity 2.8s;
			
 
				+}
			
 
				+.anim-12 {
			
 
				+	-webkit-transition: transform 3.0s, opacity 3.0s;
			
 
				+	-moz-transition: transform 3.0s, opacity 3.0s;
			
 
				+	-o-transition: transform 3.0s, opacity 3.0s;
			
 
				+	transition: transform 3.0s, opacity 3.0s;
			
 
				+}
			
 
				+.anim-show {
			
 
				+	-webkit-transform: translateY(0px) translateX(0);
			
 
				+	-moz-transform: translateY(0px) translateX(0);
			
 
				+	transform: translateY(0px) translateX(0);
			
 
				+	opacity: 1;
			
 
				+}
			
 
				+.anim-list .anim-1 {
			
 
				+	-webkit-transition: transform .5s, opacity .5s;
			
 
				+	-moz-transition: transform .5s, opacity .5s;
			
 
				+	-o-transition: transform .5s, opacity .5s;
			
 
				+	transition: transform .5s, opacity .5s;
			
 
				+}
			
 
				+.anim-list .anim-2 {
			
 
				+	-webkit-transition: transform .6s, opacity .6s;
			
 
				+	-moz-transition: transform .6s, opacity .6s;
			
 
				+	-o-transition: transform .6s, opacity .6s;
			
 
				+	transition: transform .7s, opacity .7s;
			
 
				+}
			
 
				+ @-webkit-keyframes rotateInDownLeft {
			
 
				+0% {
			
 
				+transform-origin:left bottom;
			
 
				+-webkit-transform:rotate(-45deg);
			
 
				+transform:rotate(-45deg);
			
 
				+opacity:0
			
 
				+}
			
 
				+0%, to {
			
 
				+-webkit-transform-origin:left bottom
			
 
				+}
			
 
				+to {
			
 
				+	transform-origin: left bottom;
			
 
				+	-webkit-transform: none;
			
 
				+	transform: none;
			
 
				+	opacity: 1
			
 
				+}
			
 
				+}
			
 
				+@keyframes rotateInDownLeft {
			
 
				+0% {
			
 
				+transform-origin:left bottom;
			
 
				+-webkit-transform:rotate(-45deg);
			
 
				+transform:rotate(-45deg);
			
 
				+opacity:0
			
 
				+}
			
 
				+0%, to {
			
 
				+-webkit-transform-origin:left bottom
			
 
				+}
			
 
				+to {
			
 
				+	transform-origin: left bottom;
			
 
				+	-webkit-transform: none;
			
 
				+	transform: none;
			
 
				+	opacity: 1
			
 
				+}
			
 
				+}
			
 
				+@-webkit-keyframes rotateInDownRight {
			
 
				+0% {
			
 
				+transform-origin:right bottom;
			
 
				+-webkit-transform:rotate(45deg);
			
 
				+transform:rotate(45deg);
			
 
				+opacity:0
			
 
				+}
			
 
				+0%, to {
			
 
				+-webkit-transform-origin:right bottom
			
 
				+}
			
 
				+to {
			
 
				+	transform-origin: right bottom;
			
 
				+	-webkit-transform: none;
			
 
				+	transform: none;
			
 
				+	opacity: 1
			
 
				+}
			
 
				+}
			
 
				+@keyframes rotateInDownRight {
			
 
				+0% {
			
 
				+transform-origin:right bottom;
			
 
				+-webkit-transform:rotate(45deg);
			
 
				+transform:rotate(45deg);
			
 
				+opacity:0
			
 
				+}
			
 
				+0%, to {
			
 
				+-webkit-transform-origin:right bottom
			
 
				+}
			
 
				+to {
			
 
				+	transform-origin: right bottom;
			
 
				+	-webkit-transform: none;
			
 
				+	transform: none;
			
 
				+	opacity: 1
			
 
				+}
			
 
				+}
			
 
				+@keyframes mymove8 {
			
 
				+from {
			
 
				+filter:alpha(opacity=0);
			
 
				+opacity:0;
			
 
				+-webkit-transform: translateY(0) translateX(-100px);
			
 
				+ -moz-transform: translateY(0) translateX(-100px);
			
 
				+ transform: translateY(0) translateX(-100px);
			
 
				+ -webkit-transition-timing-function: ease-in-out;
			
 
				+ transition-timing-function: ease-in-out;
			
 
				+}
			
 
				+to {
			
 
				+	filter: alpha(opacity=100);
			
 
				+	opacity: 1;
			
 
				+	-webkit-transform: translateY(0px) translateX(0);
			
 
				+	-moz-transform: translateY(0px) translateX(0);
			
 
				+	transform: translateY(0px) translateX(0);
			
 
				+}
			
 
				+}
			
 
				+ @-webkit-keyframes mymove8 {
			
 
				+ from {
			
 
				+filter:alpha(opacity=0);
			
 
				+opacity:0;
			
 
				+-webkit-transform: translateY(0) translateX(-100px);
			
 
				+ -moz-transform: translateY(0) translateX(-100px);
			
 
				+ transform: translateY(0) translateX(-100px);
			
 
				+ -webkit-transition-timing-function: ease-in-out;
			
 
				+ transition-timing-function: ease-in-out;
			
 
				+}
			
 
				+to {
			
 
				+	filter: alpha(opacity=100);
			
 
				+	opacity: 1;
			
 
				+	-webkit-transform: translateY(0px) translateX(0);
			
 
				+	-moz-transform: translateY(0px) translateX(0);
			
 
				+	transform: translateY(0px) translateX(0);
			
 
				+}
			
 
				+}
			
 
				+@keyframes mymove7 {
			
 
				+from {
			
 
				+filter:alpha(opacity=0);
			
 
				+opacity:0;
			
 
				+-webkit-transform: translateY(0) translateX(100px);
			
 
				+ -moz-transform: translateY(0) translateX(100px);
			
 
				+ transform: translateY(0) translateX(100px);
			
 
				+ -webkit-transition-timing-function: ease-in-out;
			
 
				+ transition-timing-function: ease-in-out;
			
 
				+}
			
 
				+to {
			
 
				+	filter: alpha(opacity=100);
			
 
				+	opacity: 1;
			
 
				+	-webkit-transform: translateY(0px) translateX(0);
			
 
				+	-moz-transform: translateY(0px) translateX(0);
			
 
				+	transform: translateY(0px) translateX(0);
			
 
				+}
			
 
				+}
			
 
				+ @-webkit-keyframes mymove7 {
			
 
				+ from {
			
 
				+filter:alpha(opacity=0);
			
 
				+opacity:0;
			
 
				+-webkit-transform: translateY(0) translateX(100px);
			
 
				+ -moz-transform: translateY(0) translateX(100px);
			
 
				+ transform: translateY(0) translateX(100px);
			
 
				+ -webkit-transition-timing-function: ease-in-out;
			
 
				+ transition-timing-function: ease-in-out;
			
 
				+}
			
 
				+to {
			
 
				+	filter: alpha(opacity=100);
			
 
				+	opacity: 1;
			
 
				+	-webkit-transform: translateY(0px) translateX(0);
			
 
				+	-moz-transform: translateY(0px) translateX(0);
			
 
				+	transform: translateY(0px) translateX(0);
			
 
				+}
			
 
				+}
			
--- a/src/main/webapp/template/1/default/css/app.css
+++ b/src/main/webapp/template/1/default/css/app.css
@@ -1,780 +0,0 @@
 
				-.ms-nav {
			
 
				-    border-bottom-color: #EBEEF5;
			
 
				-    flex-wrap: nowrap;
			
 
				-    flex-direction: row;
			
 
				-    display: flex;
			
 
				-    width: 100%;
			
 
				-    box-sizing: border-box;
			
 
				-    border-bottom-style: solid;
			
 
				-    padding-top: 0px;
			
 
				-    border-bottom-width: 1px;
			
 
				-    justify-content: center;
			
 
				-    height: 80px;
			
 
				-    margin-left: 0px;
			
 
				-}
			
 
				-
			
 
				-.ms-nav .body {
			
 
				-    flex-wrap: nowrap;
			
 
				-    flex-direction: row;
			
 
				-    display: flex;
			
 
				-    width: 1200px;
			
 
				-    box-sizing: border-box;
			
 
				-    justify-content: space-between;
			
 
				-    height: 100%;
			
 
				-}
			
 
				-
			
 
				-.ms-nav .body .logo {
			
 
				-    align-items: center;
			
 
				-    flex-wrap: nowrap;
			
 
				-    flex-direction: row;
			
 
				-    display: flex;
			
 
				-    padding-right: 0px;
			
 
				-    width: 20%;
			
 
				-    box-sizing: border-box;
			
 
				-    padding-left: 0px;
			
 
				-    justify-content: flex-start;
			
 
				-    height: 100%;
			
 
				-}
			
 
				-
			
 
				-.ms-nav .body .logo .logo-pic {
			
 
				-    width: 50px;
			
 
				-    height: 50px;
			
 
				-}
			
 
				-
			
 
				-.ms-nav .body .logo .logo-desc {
			
 
				-    padding-right: 0px;
			
 
				-    width: unset;
			
 
				-    padding-left: 0px;
			
 
				-    height: unset;
			
 
				-}
			
 
				-
			
 
				-.ms-nav .body .nav-h5 {
			
 
				-    padding-bottom: 0px;
			
 
				-    align-items: center;
			
 
				-    flex-wrap: nowrap;
			
 
				-    flex-direction: row;
			
 
				-    display: none;
			
 
				-    width: 100px;
			
 
				-    box-sizing: border-box;
			
 
				-    padding-top: 0px;
			
 
				-    position: relative;
			
 
				-    right: 0px;
			
 
				-    justify-content: center;
			
 
				-    height: 100%;
			
 
				-}
			
 
				-
			
 
				-
			
 
				-
			
 
				-.ms-nav .body .nav-h5 .nav-h5-icon {
			
 
				-    font-size: 28PX;
			
 
				-}
			
 
				-
			
 
				-.ms-nav .body .nav-h5 .nav-h5-body {
			
 
				-    padding-bottom: 10px;
			
 
				-    align-items: flex-start;
			
 
				-    top: 80px;
			
 
				-    flex-wrap: nowrap;
			
 
				-    flex-direction: row;
			
 
				-    display: flex;
			
 
				-    width: 100%;
			
 
				-    box-sizing: border-box;
			
 
				-    padding-top: 10px;
			
 
				-    position: absolute;
			
 
				-    justify-content: center;
			
 
				-    height: 100px;
			
 
				-}
			
 
				-
			
 
				-.ms-nav .body .nav-h5 .nav-h5-body .nav-h5-item {
			
 
				-    cursor: pointer;
			
 
				-    flex-direction: row;
			
 
				-    word-wrap: break-word;
			
 
				-    display: inline-block;
			
 
				-    padding-right: 0px;
			
 
				-    font-size: 18PX;
			
 
				-    padding-top: 0px;
			
 
				-    padding-left: 0px;
			
 
				-}
			
 
				-
			
 
				-.ms-nav .body .nav-item {
			
 
				-    margin-right: 0px;
			
 
				-    align-items: center;
			
 
				-    flex-wrap: nowrap;
			
 
				-    flex-direction: row;
			
 
				-    display: flex;
			
 
				-    padding-right: 40px;
			
 
				-    width: 70%;
			
 
				-    box-sizing: border-box;
			
 
				-    padding-left: 40px;
			
 
				-    justify-content: space-between;
			
 
				-    height: 100%;
			
 
				-}
			
 
				-
			
 
				-.ms-nav .body .nav-item .item {
			
 
				-    cursor: pointer;
			
 
				-    margin-right: 20px;
			
 
				-    flex-direction: row;
			
 
				-    word-wrap: break-word;
			
 
				-    display: inline-block;
			
 
				-    padding-right: 0px;
			
 
				-    font-size: 18PX;
			
 
				-    padding-left: 0px;
			
 
				-}
			
 
				-
			
 
				-.ms-nav .body .nav-item .sel{
			
 
				-    color: #409EFF;
			
 
				-}
			
 
				-
			
 
				-.ms-nav .body .nav-search {
			
 
				-    align-items: center;
			
 
				-    flex-wrap: nowrap;
			
 
				-    flex-direction: row;
			
 
				-    display: flex;
			
 
				-    padding-right: 0px;
			
 
				-    width: 40%;
			
 
				-    box-sizing: border-box;
			
 
				-    padding-left: 0px;
			
 
				-    justify-content: flex-end;
			
 
				-    height: 100%;
			
 
				-    margin-left: 0px;
			
 
				-}
			
 
				-
			
 
				-.ms-nav .body .nav-search .ms-search-input {
			
 
				-    border-color: #409EFF;
			
 
				-    align-items: flex-end;
			
 
				-    flex-direction: row;
			
 
				-    border-width: 1px;
			
 
				-    display: flex;
			
 
				-    padding-right: 0px;
			
 
				-    box-sizing: border-box;
			
 
				-    border-style: solid;
			
 
				-    padding-left: 0px;
			
 
				-    justify-content: center;
			
 
				-    height: 32px;
			
 
				-    margin-left: 0px;
			
 
				-    margin-bottom: 0px;
			
 
				-}
			
 
				-
			
 
				-.ms-nav .body .nav-search .ms-search-input .ms-search-input-div {
			
 
				-    align-items: center;
			
 
				-    flex-direction: row;
			
 
				-    display: flex;
			
 
				-    padding-right: 0px;
			
 
				-    box-sizing: border-box;
			
 
				-    justify-content: flex-start;
			
 
				-    border-top-left-radius: 0px;
			
 
				-    border-bottom-left-radius: 0px;
			
 
				-    width: 100%;
			
 
				-    border-bottom-right-radius: 0px;
			
 
				-    border-top-right-radius: 0px;
			
 
				-    padding-left: 0px;
			
 
				-    height: 100%;
			
 
				-}
			
 
				-
			
 
				-.ms-nav .body .nav-search .ms-search-input .ms-search-input-div .ms-input {
			
 
				-    border: 0px;
			
 
				-    background-color: #FFFFFF;
			
 
				-    align-items: center;
			
 
				-    flex-direction: row;
			
 
				-    display: flex;
			
 
				-    padding-right: 4px;
			
 
				-    box-sizing: border-box;
			
 
				-    justify-content: space-between;
			
 
				-    border-top-left-radius: 2px;
			
 
				-    padding-bottom: 0px;
			
 
				-    flex-wrap: nowrap;
			
 
				-    border-bottom-left-radius: 2px;
			
 
				-    width: 90%;
			
 
				-    border-bottom-right-radius: 2px;
			
 
				-    border-top-right-radius: 2px;
			
 
				-    padding-top: 0px;
			
 
				-    padding-left: 4px;
			
 
				-    height: 30px;
			
 
				-}
			
 
				-
			
 
				-.ms-nav .body .nav-search .ms-search-input .ms-search-input-div .ms-input span {
			
 
				-    color: #DCDFE6;
			
 
				-    flex-direction: row;
			
 
				-    word-wrap: break-word;
			
 
				-    display: inline-block;
			
 
				-    padding-right: 0px;
			
 
				-    border-top-left-radius: 0px;
			
 
				-    padding-bottom: 0px;
			
 
				-    border-bottom-left-radius: 0px;
			
 
				-    border-bottom-right-radius: 0px;
			
 
				-    border-top-right-radius: 0px;
			
 
				-    font-size: 14PX;
			
 
				-    padding-top: 0px;
			
 
				-    padding-left: 0px;
			
 
				-}
			
 
				-
			
 
				-.ms-nav .body .nav-search .ms-search-input .ms-search-button {
			
 
				-    cursor: pointer;
			
 
				-    align-items: center;
			
 
				-    flex-direction: row;
			
 
				-    display: flex;
			
 
				-    padding-right: 0px;
			
 
				-    box-sizing: border-box;
			
 
				-    justify-content: center;
			
 
				-    border-top-left-radius: 0px;
			
 
				-    border-bottom-left-radius: 0px;
			
 
				-    width: 80px;
			
 
				-    border-bottom-right-radius: 0px;
			
 
				-    border-top-right-radius: 0px;
			
 
				-    background-repeat: no-repeat;
			
 
				-    padding-left: 0px;
			
 
				-    height: 100%;
			
 
				-}
			
 
				-
			
 
				-.ms-nav .body .nav-search .ms-search-input .ms-search-button:hover {
			
 
				-    background-color: #E6E6E6;
			
 
				-}
			
 
				-
			
 
				-.ms-nav .body .nav-search .ms-search-input .ms-search-button i {
			
 
				-    color: #409EFF;
			
 
				-    border-bottom-left-radius: 0px;
			
 
				-    padding-right: 0px;
			
 
				-    border-bottom-right-radius: 0px;
			
 
				-    border-top-right-radius: 0px;
			
 
				-    padding-left: 0px;
			
 
				-    border-top-left-radius: 0px;
			
 
				-}
			
 
				-
			
 
				-.ms-nav .body .nav-search .ms-search-input .ms-search-button span {
			
 
				-    color: #409EFF;
			
 
				-    border-bottom-left-radius: 0px;
			
 
				-    flex-direction: row;
			
 
				-    word-wrap: break-word;
			
 
				-    display: inline-block;
			
 
				-    padding-right: 0px;
			
 
				-    border-bottom-right-radius: 0px;
			
 
				-    border-top-right-radius: 0px;
			
 
				-    font-size: 14px;
			
 
				-    padding-left: 0px;
			
 
				-    border-top-left-radius: 0px;
			
 
				-}
			
 
				-
			
 
				-.ms-footer {
			
 
				-    background-color: #F2F2F2;
			
 
				-    align-items: center;
			
 
				-    flex-direction: row;
			
 
				-    display: flex;
			
 
				-    padding-right: 0px;
			
 
				-    box-sizing: border-box;
			
 
				-    justify-content: center;
			
 
				-    padding-bottom: 0px;
			
 
				-    flex-wrap: nowrap;
			
 
				-    width: 100%;
			
 
				-    margin-bottom: 0px;
			
 
				-    padding-top: 0px;
			
 
				-    padding-left: 0px;
			
 
				-    margin-top: 0px;
			
 
				-}
			
 
				-
			
 
				-.ms-footer .body {
			
 
				-    flex-wrap: nowrap;
			
 
				-    flex-direction: column;
			
 
				-    display: flex;
			
 
				-    padding-right: 0px;
			
 
				-    width: 1200px;
			
 
				-    margin-bottom: 20px;
			
 
				-    box-sizing: border-box;
			
 
				-    padding-left: 0px;
			
 
				-    justify-content: flex-start;
			
 
				-    margin-top: 20px;
			
 
				-    height: 100%;
			
 
				-}
			
 
				-
			
 
				-.ms-footer .body .top {
			
 
				-    align-items: center;
			
 
				-    flex-direction: row;
			
 
				-    display: flex;
			
 
				-    padding-right: 0px;
			
 
				-    box-sizing: border-box;
			
 
				-    justify-content: space-between;
			
 
				-    padding-bottom: 0px;
			
 
				-    flex-wrap: nowrap;
			
 
				-    width: 100%;
			
 
				-    margin-bottom: 40px;
			
 
				-    padding-top: 0px;
			
 
				-    padding-left: 0px;
			
 
				-    margin-top: 0px;
			
 
				-    height: 60%;
			
 
				-}
			
 
				-
			
 
				-.ms-footer .body .top .top-left {
			
 
				-    flex-wrap: nowrap;
			
 
				-    flex-direction: row;
			
 
				-    display: flex;
			
 
				-    width: 60%;
			
 
				-    box-sizing: border-box;
			
 
				-    padding-top: 0px;
			
 
				-    padding-left: 0px;
			
 
				-    height: 120px;
			
 
				-}
			
 
				-
			
 
				-.ms-footer .body .top .top-left .foot-nav {
			
 
				-    flex-wrap: nowrap;
			
 
				-    flex-direction: column;
			
 
				-    display: flex;
			
 
				-    width: 148px;
			
 
				-    box-sizing: border-box;
			
 
				-    padding-top: 0px;
			
 
				-    height: 100%;
			
 
				-}
			
 
				-
			
 
				-.ms-footer .body .top .top-left .foot-nav .nav-item {
			
 
				-    flex-direction: row;
			
 
				-    word-wrap: break-word;
			
 
				-    display: inline-block;
			
 
				-    font-size: 18PX;
			
 
				-    padding-top: 6px;
			
 
				-    height: 32px;
			
 
				-}
			
 
				-
			
 
				-.ms-footer .body .top .top-left .foot-nav div {
			
 
				-    flex-wrap: nowrap;
			
 
				-    flex-direction: row;
			
 
				-    display: flex;
			
 
				-    width: 100%;
			
 
				-    box-sizing: border-box;
			
 
				-    padding-top: 0px;
			
 
				-    height: 30px;
			
 
				-}
			
 
				-
			
 
				-.ms-footer .body .top .top-left .foot-nav div .item {
			
 
				-    color: #767676;
			
 
				-    flex-direction: row;
			
 
				-    word-wrap: break-word;
			
 
				-    display: inline-block;
			
 
				-    font-size: 16PX;
			
 
				-    padding-top: 6px;
			
 
				-    height: 32px;
			
 
				-}
			
 
				-
			
 
				-.ms-footer .body .top .top-right {
			
 
				-    flex-wrap: nowrap;
			
 
				-    flex-direction: row;
			
 
				-    display: flex;
			
 
				-    width: 40%;
			
 
				-    box-sizing: border-box;
			
 
				-    padding-top: 0px;
			
 
				-    padding-left: 0px;
			
 
				-    height: 100%;
			
 
				-}
			
 
				-
			
 
				-.ms-footer .body .top .top-right .qr {
			
 
				-    align-items: center;
			
 
				-    flex-wrap: nowrap;
			
 
				-    flex-direction: column;
			
 
				-    display: flex;
			
 
				-    width: 50%;
			
 
				-    box-sizing: border-box;
			
 
				-    justify-content: center;
			
 
				-    height: 100%;
			
 
				-}
			
 
				-
			
 
				-.ms-footer .body .top .top-right .qr .pic {
			
 
				-    width: 120px;
			
 
				-    height: 120px;
			
 
				-}
			
 
				-
			
 
				-.ms-footer .body .top .top-right .qr .text {
			
 
				-    flex-direction: row;
			
 
				-    word-wrap: break-word;
			
 
				-    display: inline-block;
			
 
				-    font-size: 14px;
			
 
				-}
			
 
				-
			
 
				-.ms-footer .body .copyright {
			
 
				-    text-align: left;
			
 
				-    flex-direction: row;
			
 
				-    word-wrap: break-word;
			
 
				-    display: inline-block;
			
 
				-    font-size: 14px;
			
 
				-    padding-top: 6px;
			
 
				-    height: 32px;
			
 
				-}
			
 
				-
			
 
				-.ms-footer .body .power {
			
 
				-    color: #5B5B5B;
			
 
				-    text-align: left;
			
 
				-    flex-direction: row;
			
 
				-    word-wrap: break-word;
			
 
				-    display: inline-block;
			
 
				-    font-size: 14px;
			
 
				-    margin-bottom: 0px;
			
 
				-    padding-top: 0px;
			
 
				-    margin-top: 0px;
			
 
				-}
			
 
				-
			
 
				-@media (max-width: 768px) {
			
 
				-    .ms-nav {
			
 
				-        border-bottom-color: #EBEEF5;
			
 
				-        flex-wrap: nowrap;
			
 
				-        flex-direction: row;
			
 
				-        display: flex;
			
 
				-        width: 100%;
			
 
				-        box-sizing: border-box;
			
 
				-        border-bottom-style: solid;
			
 
				-        padding-top: 0px;
			
 
				-        border-bottom-width: 1px;
			
 
				-        justify-content: center;
			
 
				-        height: 80px;
			
 
				-        margin-left: 0px;
			
 
				-    }
			
 
				-
			
 
				-    .ms-nav .body {
			
 
				-        flex-wrap: nowrap;
			
 
				-        flex-direction: row;
			
 
				-        display: flex;
			
 
				-        width: 100%;
			
 
				-        box-sizing: border-box;
			
 
				-        justify-content: space-between;
			
 
				-        height: 100%;
			
 
				-    }
			
 
				-
			
 
				-    .ms-nav .body .logo {
			
 
				-        align-items: center;
			
 
				-        flex-wrap: nowrap;
			
 
				-        flex-direction: row;
			
 
				-        display: flex;
			
 
				-        padding-right: 0px;
			
 
				-        width: 60%;
			
 
				-        box-sizing: border-box;
			
 
				-        padding-left: 0px;
			
 
				-        justify-content: center;
			
 
				-        height: 100%;
			
 
				-    }
			
 
				-
			
 
				-    .ms-nav .body .logo .logo-pic {
			
 
				-        width: 50px;
			
 
				-        height: 50px;
			
 
				-    }
			
 
				-
			
 
				-    .ms-nav .body .logo .logo-desc {
			
 
				-        width: unset;
			
 
				-        height: unset;
			
 
				-    }
			
 
				-
			
 
				-    .ms-nav .body .nav-h5 {
			
 
				-        align-items: center;
			
 
				-        flex-wrap: nowrap;
			
 
				-        flex-direction: row;
			
 
				-        display: flex;
			
 
				-        width: 100px;
			
 
				-        box-sizing: border-box;
			
 
				-        justify-content: center;
			
 
				-        height: 100%;
			
 
				-    }
			
 
				-
			
 
				-    .ms-nav .body .nav-h5 .nav-h5-icon {
			
 
				-        font-size: 28PX;
			
 
				-        padding-top: 0px;
			
 
				-        padding-left: 0px;
			
 
				-    }
			
 
				-
			
 
				-    .ms-nav .body .nav-h5 .nav-h5-body {
			
 
				-        background-color: #F2F6FC;
			
 
				-        flex-direction: column;
			
 
				-        display: none;
			
 
				-        box-sizing: border-box;
			
 
				-        right: 0px;
			
 
				-        justify-content: flex-start;
			
 
				-        padding-bottom: 0px;
			
 
				-        top: 80px;
			
 
				-        flex-wrap: nowrap;
			
 
				-        width: 140px;
			
 
				-        padding-top: 10px;
			
 
				-        position: absolute;
			
 
				-        padding-left: 10px;
			
 
				-        height: 100vh;
			
 
				-        z-index: 2;
			
 
				-    }
			
 
				-
			
 
				-    .ms-nav .body .nav-h5 .nav-h5-body .nav-h5-item {
			
 
				-        cursor: pointer;
			
 
				-        color: #303133;
			
 
				-        flex-direction: row;
			
 
				-        word-wrap: break-word;
			
 
				-        display: inline-block;
			
 
				-        padding-right: 0px;
			
 
				-        font-size: 18PX;
			
 
				-        padding-top: 8px;
			
 
				-        padding-left: 0px;
			
 
				-        height: 40px;
			
 
				-    }
			
 
				-
			
 
				-    .ms-nav .body .nav-item {
			
 
				-        align-items: center;
			
 
				-        flex-wrap: nowrap;
			
 
				-        flex-direction: row;
			
 
				-        display: none;
			
 
				-        padding-right: 40px;
			
 
				-        width: 50%;
			
 
				-        box-sizing: border-box;
			
 
				-        padding-left: 40px;
			
 
				-        justify-content: space-between;
			
 
				-        height: 100%;
			
 
				-    }
			
 
				-
			
 
				-    .ms-nav .body .nav-item .item {
			
 
				-        cursor: pointer;
			
 
				-        flex-direction: row;
			
 
				-        word-wrap: break-word;
			
 
				-        display: inline-block;
			
 
				-        padding-right: 0px;
			
 
				-        font-size: 18PX;
			
 
				-        padding-left: 0px;
			
 
				-    }
			
 
				-
			
 
				-    .ms-nav .body .nav-search {
			
 
				-        align-items: center;
			
 
				-        flex-wrap: nowrap;
			
 
				-        flex-direction: row;
			
 
				-        display: none;
			
 
				-        padding-right: 0px;
			
 
				-        width: 40%;
			
 
				-        box-sizing: border-box;
			
 
				-        padding-left: 0px;
			
 
				-        justify-content: center;
			
 
				-        height: 100%;
			
 
				-        margin-left: 0px;
			
 
				-    }
			
 
				-
			
 
				-    .ms-nav .body .nav-search .ms-search-input {
			
 
				-        border-color: #CCCCCC;
			
 
				-        align-items: flex-end;
			
 
				-        flex-direction: row;
			
 
				-        border-width: 1px;
			
 
				-        display: flex;
			
 
				-        width: 100%;
			
 
				-        box-sizing: border-box;
			
 
				-        border-style: solid;
			
 
				-        justify-content: center;
			
 
				-        height: 40%;
			
 
				-    }
			
 
				-
			
 
				-    .ms-nav .body .nav-search .ms-search-input .ms-search-input-div {
			
 
				-        flex-direction: row;
			
 
				-        border-right-width: 1px;
			
 
				-        display: flex;
			
 
				-        padding-right: 0px;
			
 
				-        width: 100%;
			
 
				-        box-sizing: border-box;
			
 
				-        border-right-color: #CCCCCC;
			
 
				-        border-right-style: solid;
			
 
				-        height: 100%;
			
 
				-    }
			
 
				-
			
 
				-    .ms-nav .body .nav-search .ms-search-input .ms-search-input-div .ms-input {
			
 
				-        border: 0px;
			
 
				-        background-color: #FFFFFF;
			
 
				-        align-items: center;
			
 
				-        flex-direction: row;
			
 
				-        display: flex;
			
 
				-        padding-right: 4px;
			
 
				-        box-sizing: border-box;
			
 
				-        justify-content: space-between;
			
 
				-        border-top-left-radius: 2px;
			
 
				-        padding-bottom: 0px;
			
 
				-        flex-wrap: nowrap;
			
 
				-        border-bottom-left-radius: 2px;
			
 
				-        width: 90%;
			
 
				-        border-bottom-right-radius: 2px;
			
 
				-        border-top-right-radius: 2px;
			
 
				-        padding-top: 0px;
			
 
				-        padding-left: 4px;
			
 
				-        height: 30px;
			
 
				-    }
			
 
				-
			
 
				-    .ms-nav .body .nav-search .ms-search-input .ms-search-input-div .ms-input span {
			
 
				-        color: #DCDFE6;
			
 
				-        flex-direction: row;
			
 
				-        word-wrap: break-word;
			
 
				-        display: inline-block;
			
 
				-        padding-right: 0px;
			
 
				-        border-top-left-radius: 0px;
			
 
				-        padding-bottom: 0px;
			
 
				-        border-bottom-left-radius: 0px;
			
 
				-        border-bottom-right-radius: 0px;
			
 
				-        border-top-right-radius: 0px;
			
 
				-        font-size: 14PX;
			
 
				-        padding-top: 0px;
			
 
				-        padding-left: 0px;
			
 
				-    }
			
 
				-
			
 
				-    .ms-nav .body .nav-search .ms-search-input .ms-search-button {
			
 
				-        flex-direction: row;
			
 
				-        display: flex;
			
 
				-        width: 40px;
			
 
				-        box-sizing: border-box;
			
 
				-        background-position: center;
			
 
				-        background-repeat: no-repeat;
			
 
				-        height: 100%;
			
 
				-    }
			
 
				-
			
 
				-    .ms-nav .body .nav-search .ms-search-input .ms-search-button i {
			
 
				-        border-bottom-left-radius: 0px;
			
 
				-        padding-right: 0px;
			
 
				-        border-bottom-right-radius: 0px;
			
 
				-        border-top-right-radius: 0px;
			
 
				-        padding-left: 0px;
			
 
				-        border-top-left-radius: 0px;
			
 
				-    }
			
 
				-
			
 
				-    .ms-nav .body .nav-search .ms-search-input .ms-search-button span {
			
 
				-        border-bottom-left-radius: 0px;
			
 
				-        flex-direction: row;
			
 
				-        word-wrap: break-word;
			
 
				-        display: inline-block;
			
 
				-        padding-right: 0px;
			
 
				-        border-bottom-right-radius: 0px;
			
 
				-        border-top-right-radius: 0px;
			
 
				-        font-size: 14px;
			
 
				-        padding-left: 0px;
			
 
				-        border-top-left-radius: 0px;
			
 
				-    }
			
 
				-
			
 
				-    .ms-footer {
			
 
				-        background-color: #F2F2F2;
			
 
				-        align-items: center;
			
 
				-        flex-direction: row;
			
 
				-        display: flex;
			
 
				-        padding-right: 0px;
			
 
				-        box-sizing: border-box;
			
 
				-        justify-content: center;
			
 
				-        padding-bottom: 0px;
			
 
				-        flex-wrap: nowrap;
			
 
				-        width: 100%;
			
 
				-        padding-top: 0px;
			
 
				-        padding-left: 0px;
			
 
				-        margin-top: 0px;
			
 
				-        height: unset;
			
 
				-    }
			
 
				-
			
 
				-    .ms-footer .body {
			
 
				-        padding-bottom: 10px;
			
 
				-        flex-wrap: nowrap;
			
 
				-        flex-direction: column;
			
 
				-        display: flex;
			
 
				-        padding-right: 10px;
			
 
				-        width: 100%;
			
 
				-        box-sizing: border-box;
			
 
				-        padding-top: 10px;
			
 
				-        padding-left: 10px;
			
 
				-        margin-top: 0px;
			
 
				-    }
			
 
				-
			
 
				-    .ms-footer .body .top {
			
 
				-        padding-bottom: 0px;
			
 
				-        align-items: center;
			
 
				-        flex-wrap: nowrap;
			
 
				-        flex-direction: column;
			
 
				-        display: flex;
			
 
				-        padding-right: 0px;
			
 
				-        width: 100%;
			
 
				-        box-sizing: border-box;
			
 
				-        padding-top: 0px;
			
 
				-        padding-left: 0px;
			
 
				-        justify-content: space-between;
			
 
				-        margin-top: 0px;
			
 
				-    }
			
 
				-
			
 
				-    .ms-footer .body .top .top-left {
			
 
				-        align-items: center;
			
 
				-        flex-wrap: wrap;
			
 
				-        flex-direction: row;
			
 
				-        display: flex;
			
 
				-        width: 100%;
			
 
				-        box-sizing: border-box;
			
 
				-        margin-bottom: 20px;
			
 
				-        padding-top: 0px;
			
 
				-        padding-left: 0px;
			
 
				-        justify-content: flex-start;
			
 
				-        height: unset;
			
 
				-
			
 
				-    }
			
 
				-
			
 
				-    .ms-footer .body .top .top-left .foot-nav {
			
 
				-        flex-wrap: nowrap;
			
 
				-        flex-direction: column;
			
 
				-        display: flex;
			
 
				-        width: 50%;
			
 
				-        box-sizing: border-box;
			
 
				-        margin-bottom: 0px;
			
 
				-        padding-left: 0px;
			
 
				-    }
			
 
				-
			
 
				-    .ms-footer .body .top .top-left .foot-nav .nav-item {
			
 
				-        flex-direction: row;
			
 
				-        word-wrap: break-word;
			
 
				-        display: inline-block;
			
 
				-        font-size: 18PX;
			
 
				-        padding-top: 6px;
			
 
				-        height: 32px;
			
 
				-    }
			
 
				-
			
 
				-    .ms-footer .body .top .top-left .foot-nav div .item {
			
 
				-        color: #767676;
			
 
				-        flex-direction: row;
			
 
				-        word-wrap: break-word;
			
 
				-        display: inline-block;
			
 
				-        font-size: 16PX;
			
 
				-        padding-top: 6px;
			
 
				-        height: 32px;
			
 
				-    }
			
 
				-
			
 
				-    .ms-footer .body .top .top-right {
			
 
				-        flex-wrap: nowrap;
			
 
				-        flex-direction: row;
			
 
				-        display: flex;
			
 
				-        width: 100%;
			
 
				-        box-sizing: border-box;
			
 
				-        padding-top: 0px;
			
 
				-        padding-left: 0px;
			
 
				-    }
			
 
				-
			
 
				-    .ms-footer .body .top .top-right .qr {
			
 
				-        align-items: center;
			
 
				-        flex-wrap: nowrap;
			
 
				-        flex-direction: column;
			
 
				-        display: flex;
			
 
				-        width: 50%;
			
 
				-        box-sizing: border-box;
			
 
				-        padding-left: 0px;
			
 
				-        justify-content: center;
			
 
				-        height: 100%;
			
 
				-    }
			
 
				-
			
 
				-    .ms-footer .body .top .top-right .qr .pic {
			
 
				-        width: 120px;
			
 
				-        height: 120px;
			
 
				-    }
			
 
				-
			
 
				-    .ms-footer .body .top .top-right .qr .text {
			
 
				-        flex-direction: row;
			
 
				-        word-wrap: break-word;
			
 
				-        display: inline-block;
			
 
				-        font-size: 14px;
			
 
				-    }
			
 
				-
			
 
				-    .ms-footer .body .copyright {
			
 
				-        text-align: center;
			
 
				-        flex-direction: row;
			
 
				-        word-wrap: break-word;
			
 
				-        display: inline-block;
			
 
				-        font-size: 14px;
			
 
				-        padding-top: 6px;
			
 
				-        height: unset;
			
 
				-    }
			
 
				-
			
 
				-    .ms-footer .body .power {
			
 
				-        color: #5B5B5B;
			
 
				-        text-align: center;
			
 
				-        flex-direction: row;
			
 
				-        word-wrap: break-word;
			
 
				-        display: inline-block;
			
 
				-        font-size: 14px;
			
 
				-        padding-top: 0px;
			
 
				-    }
			
 
				-}
			
--- a/src/main/webapp/template/1/default/css/css.css
+++ b/src/main/webapp/template/1/default/css/css.css
@@ -0,0 +1,1709 @@
 
				+@import url(pscroll.css);
			
 
				+/*内页*/
			
 
				+.o_big {
			
 
				+	overflow: hidden;
			
 
				+	background-position: center center;
			
 
				+	background-repeat: no-repeat;
			
 
				+	background-size: auto 100%;
			
 
				+	position: relative;
			
 
				+	display: flex;
			
 
				+	justify-content: center;
			
 
				+}
			
 
				+.o_big h1 {
			
 
				+	color: #fff; margin: 0 auto;position: absolute; top: 120px; font-size: 60px;
			
 
				+}
			
 
				+.o_big img {
			
 
				+	width: 100%;
			
 
				+	filter: Alpha(Opacity=0);
			
 
				+	min-height: 120px;
			
 
				+}
			
 
				+.postions {
			
 
				+	height: 41px;
			
 
				+	line-height: 41px;
			
 
				+	overflow: hidden;
			
 
				+	background: #f1f1f1;
			
 
				+	color: #919191;
			
 
				+	font-size: 12px;
			
 
				+}
			
 
				+.postions a {
			
 
				+	color: #919191;
			
 
				+}
			
 
				+/*分页*/
			
 
				+/*秀 站 网分页样式*/
			
 
				+.pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden}
			
 
				+.pages .pagination {display:inline-block;margin:0 auto;padding:0}
			
 
				+.pages .pagination .page-item,.pages .pagination .page-num{color:#555; padding: 5px 12px; display:block; border-radius: 2px; border: 1px solid #ddd;float: left;margin: 0 5px;}
			
 
				+.pages .pagination .page-num-current{ background:#333; color:#fff; border:#333 1px solid}
			
 
				+@media only screen and (max-width:768px){
			
 
				+.pages .pagination .page-num {display: none;}
			
 
				+}
			
 
				+
			
 
				+/*硬件产品*/
			
 
				+.product_a {
			
 
				+	overflow: hidden;
			
 
				+	padding-top: 3%;
			
 
				+	text-align: center;
			
 
				+	margin-bottom: 2%;
			
 
				+}
			
 
				+.product_a a {
			
 
				+	display: inline-block;
			
 
				+	height: 56px;
			
 
				+	line-height: 56px;
			
 
				+	background-color: #f0f0f0;
			
 
				+	width: 160px;
			
 
				+	font-size: 14px;
			
 
				+	color: #444444;
			
 
				+	margin-left: 0.5%;
			
 
				+	margin-right: 0.5%;
			
 
				+	margin-bottom: 2%;
			
 
				+	transition: all 0.3s;
			
 
				+}
			
 
				+.product_a a:hover {
			
 
				+	background-color: #409EFF;
			
 
				+	color: #fff;
			
 
				+	filter: Alpha(Opacity=80);
			
 
				+	opacity: 0.8;
			
 
				+}
			
 
				+.product_a a.csel {
			
 
				+	background-color: #409EFF;
			
 
				+	color: #fff;
			
 
				+}
			
 
				+.product_ul {
			
 
				+	overflow: hidden;
			
 
				+	padding-bottom: 20px;
			
 
				+	padding-top: 8px;
			
 
				+}
			
 
				+.product_ul ul li {
			
 
				+	float: left;
			
 
				+	width: 32.1%;
			
 
				+	margin-left: 0.5%;
			
 
				+	margin-right: 1%;
			
 
				+	overflow: hidden;
			
 
				+	margin-bottom: 1.5%;
			
 
				+	text-align: center;
			
 
				+	background-color: #fff;
			
 
				+}
			
 
				+.product_ul ul li .product_b {
			
 
				+	border: 1px solid #e8e8e8;
			
 
				+	padding-bottom: 36px;
			
 
				+}
			
 
				+.product_ul ul li:nth-child(3n+0) {
			
 
				+	margin-right: 0;
			
 
				+}
			
 
				+.product_ul ul li img {
			
 
				+	display: inline-block;
			
 
				+	width: 100%;
			
 
				+	-webkit-transform: scale(1);
			
 
				+	-moz-transform: scale(1);
			
 
				+	-ms-transform: scale(1);
			
 
				+	-o-transform: scale(1);
			
 
				+	transform: scale(1);
			
 
				+	-webkit-transition: all 0.3s ease-out 0s;
			
 
				+	-moz-transition: all 0.3s ease-out 0s;
			
 
				+	-o-transition: all 0.3s ease-out 0s;
			
 
				+	transition: all 0.3s ease-out 0s;
			
 
				+	vertical-align: middle;
			
 
				+}
			
 
				+.product_ul ul li .imgs {
			
 
				+	width: 100%;
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+.product_ul ul li h2 {
			
 
				+	font-weight: normal;
			
 
				+	color: #333333;
			
 
				+	line-height: 36px;
			
 
				+	height: 36px;
			
 
				+	text-align: center;
			
 
				+	overflow: hidden;
			
 
				+	padding-left: 2%;
			
 
				+	padding-right: 2%;
			
 
				+	white-space: nowrap;
			
 
				+	text-overflow: ellipsis;
			
 
				+	transition: all 0.3s;
			
 
				+	margin-bottom: 1%;
			
 
				+}
			
 
				+.product_ul ul li p {
			
 
				+	line-height: 20px;
			
 
				+	height: 40px;
			
 
				+	overflow: hidden;
			
 
				+	color: #929292;
			
 
				+	font-size: 14px;
			
 
				+	padding-left: 2%;
			
 
				+	padding-right: 2%;
			
 
				+	max-width: 350px;
			
 
				+	margin: 0 auto;
			
 
				+}
			
 
				+.product_ul ul li em {
			
 
				+	display: block;
			
 
				+	color: #ee697e;
			
 
				+	font-size: 14px;
			
 
				+	margin-top: 10px;
			
 
				+	line-height: 20px;
			
 
				+	height: 20px;
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+.product_ul ul li label {
			
 
				+	display: block;
			
 
				+	color: #333;
			
 
				+	font-size: 14px;
			
 
				+	line-height: 20px;
			
 
				+	height: 20px;
			
 
				+	overflow: hidden;
			
 
				+	margin-top: 5px;
			
 
				+}
			
 
				+.product_ul ul li:hover img {
			
 
				+	-webkit-transform: scale(1.1, 1.1);
			
 
				+	-moz-transform: scale(1.1, 1.1);
			
 
				+	-o-transform: scale(1.1, 1.1);
			
 
				+	-ms-transform: scale(1.1, 1.1);
			
 
				+	transform: scale(1.1, 1.1);
			
 
				+}
			
 
				+.product_ul ul li:hover {
			
 
				+	-webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.1);
			
 
				+	box-shadow: 0 5px 20px rgba(0,0,0,0.1);
			
 
				+	-webkit-transform: translate3d(0, -2px, 0);
			
 
				+	transform: translate3d(0, -2px, 0);
			
 
				+	transition: all 0.3s;
			
 
				+}
			
 
				+.product_ul ul li:hover h2 {
			
 
				+	color: #00a1e9;
			
 
				+}
			
 
				+.product_ul ul li:hover .product_b {
			
 
				+	border: 1px solid #fff;
			
 
				+}
			
 
				+/*公司动态*/
			
 
				+.news_bg {
			
 
				+	overflow: hidden;
			
 
				+	padding-top: 3%;
			
 
				+}
			
 
				+.news_con {
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+.news_con ul li {
			
 
				+	overflow: hidden;
			
 
				+	margin-bottom: 2%;
			
 
				+	padding-bottom: 2%;
			
 
				+	border-bottom: 1px solid #cccccc;
			
 
				+	display: block;
			
 
				+}
			
 
				+.news_con ul li:last-child {
			
 
				+	border-bottom: 0;
			
 
				+	margin-bottom: 0;
			
 
				+}
			
 
				+.news_con ul li .imgs {
			
 
				+	width: 19%;
			
 
				+	float: left;
			
 
				+	display: inline;
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+.news_con ul li .imgs img {
			
 
				+	width: 100%;/* -webkit-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);transition-duration: 0.3s;transition-timing-function: ease-out;transition-property: opacity, transform, filter;*/
			
 
				+	-webkit-transform: scale(1);
			
 
				+	-moz-transform: scale(1);
			
 
				+	-ms-transform: scale(1);
			
 
				+	-o-transform: scale(1);
			
 
				+	transform: scale(1);
			
 
				+	-webkit-transition: all 0.3s ease-out 0s;
			
 
				+	-moz-transition: all 0.3s ease-out 0s;
			
 
				+	-o-transition: all 0.3s ease-out 0s;
			
 
				+	transition: all 0.3s ease-out 0s;
			
 
				+}
			
 
				+.news_con ul li:hover .imgs img {/*-webkit-transform: scale(1.2) rotate(4deg); transform: scale(1.2) rotate(4deg);*/
			
 
				+	-webkit-transform: scale(1.1, 1.1);
			
 
				+	-moz-transform: scale(1.1, 1.1);
			
 
				+	-o-transform: scale(1.1, 1.1);
			
 
				+	-ms-transform: scale(1.1, 1.1);
			
 
				+	transform: scale(1.1, 1.1);
			
 
				+}
			
 
				+.news_con ul li .i_about_r {
			
 
				+	float: right;
			
 
				+	display: inline;
			
 
				+	line-height: 22px;
			
 
				+	width: 78%;
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+.news_con ul li .i_about_r h3 {
			
 
				+	line-height: 22px;
			
 
				+	height: 22px;
			
 
				+	overflow: hidden;
			
 
				+	font-size: 18px;
			
 
				+	color: #333;
			
 
				+	font-weight: normal;
			
 
				+	margin-bottom: 1%;
			
 
				+}
			
 
				+.news_con ul li .i_about_r label {
			
 
				+	display: block;
			
 
				+	color: #999999;
			
 
				+	font-size: 14px;
			
 
				+	height: 20px;
			
 
				+	line-height: 20px;
			
 
				+	padding-left: 19px;
			
 
				+	margin-bottom: 1%;
			
 
				+}
			
 
				+.news_con ul li .i_about_r .p {
			
 
				+	max-height: 48px;
			
 
				+	overflow: hidden;
			
 
				+	font-size: 14px;
			
 
				+	color: #7b7b7b;
			
 
				+	line-height: 24px;
			
 
				+}
			
 
				+.news_con ul li .i_about_r .news_more {
			
 
				+	margin-top: 2%;
			
 
				+	width: 106px;
			
 
				+	text-align: center;
			
 
				+	float: left;
			
 
				+	height: 34px;
			
 
				+	line-height: 34px;
			
 
				+	background-color: #f5f5f5;
			
 
				+	border: 1px solid #bababa;
			
 
				+	color: #828282;
			
 
				+	font-size: 13px;
			
 
				+	transition: all 0.3s;
			
 
				+}
			
 
				+.news_con ul li:hover .i_about_r .news_more {
			
 
				+	background-color: #409EFF;
			
 
				+	color: #fff;
			
 
				+	border: 1px solid #409EFF;
			
 
				+}
			
 
				+.news_con ul li:hover .i_about_r h3 {
			
 
				+	color: #409EFF;
			
 
				+}
			
 
				+/*公司动态详细*/
			
 
				+.about_x {
			
 
				+	overflow: hidden;
			
 
				+	line-height: 30px;
			
 
				+	font-size: 14px;
			
 
				+	color: #666666;
			
 
				+}
			
 
				+.about_x img {
			
 
				+	margin-bottom: 15px;
			
 
				+	max-width: 100%;
			
 
				+	height: auto !important;
			
 
				+}
			
 
				+.about_x .show_t {
			
 
				+	line-height: 36px;
			
 
				+	font-size: 24px;
			
 
				+	color: #333;
			
 
				+	text-align: center;
			
 
				+	margin-bottom: 15px;
			
 
				+	font-weight: normal;
			
 
				+}
			
 
				+.about_x .con_line {
			
 
				+	height: 40px;
			
 
				+	line-height: 40px;
			
 
				+	font-size: 12px;
			
 
				+	color: #999999;
			
 
				+	border-bottom: 1px dashed #cccccc;
			
 
				+	text-align: center;
			
 
				+}
			
 
				+.about_x .con_id {
			
 
				+	line-height: 30px;
			
 
				+	overflow: hidden;
			
 
				+	white-space: normal;
			
 
				+	word-break: break-all;
			
 
				+	padding-top: 20px;
			
 
				+	text-align: left;
			
 
				+	padding-bottom: 40px;
			
 
				+}
			
 
				+.about_x table {
			
 
				+	border-collapse: collapse;
			
 
				+	border-spacing: 0;
			
 
				+}
			
 
				+.about_x table td {
			
 
				+	line-height: 22px;
			
 
				+	height: 27px; /*border:1px solid #000;*/
			
 
				+}
			
 
				+.prenext {
			
 
				+	font-size: 16px;
			
 
				+	line-height: 60px;
			
 
				+	margin-top: 20px;
			
 
				+	color: #444;
			
 
				+}
			
 
				+.prenext span {
			
 
				+	float: left;
			
 
				+	width: 108px;
			
 
				+	color: #666666;
			
 
				+	font-size: 16px;
			
 
				+}
			
 
				+.prenext a {
			
 
				+	color: #444;
			
 
				+}
			
 
				+.prenext a:hover {
			
 
				+	color: #00a1e9;
			
 
				+	text-decoration: none;
			
 
				+}
			
 
				+.prenext:last-child {
			
 
				+	border-top: 0;
			
 
				+	margin-top: 0;
			
 
				+	margin-bottom: 10px;
			
 
				+}
			
 
				+.goback {
			
 
				+	float: right;
			
 
				+	height: 26px;
			
 
				+	line-height: 26px;
			
 
				+	text-align: right;
			
 
				+	padding-left: 23px;
			
 
				+	background: url(../img/goback.png) left center no-repeat;
			
 
				+	font-size: 14px;
			
 
				+	color: #333333;
			
 
				+	margin-top: 8px;/* border-bottom:1px solid #a6a6a6;*/
			
 
				+}
			
 
				+.fenxiang {
			
 
				+	height: 30px;
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+.fenxiang .span {
			
 
				+	float: right;
			
 
				+	font-size: 14px;
			
 
				+	line-height: 34px;
			
 
				+}
			
 
				+/*公司介绍*/
			
 
				+.about_bg {
			
 
				+	background-color: #f5f5f5;
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+.about_div {
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+.about_div .i_one_div_txt {
			
 
				+	width: 46.9%;
			
 
				+	padding-left: 1.6%;
			
 
				+	padding-right: 1.5%;
			
 
				+}
			
 
				+.about_div .i_one_div_txt .i_one_con {
			
 
				+	max-width: 588px;
			
 
				+}
			
 
				+.about_div .i_one_div_txt .i_one_t {
			
 
				+	line-height: 30px;
			
 
				+	color: #0044dc;
			
 
				+}
			
 
				+.about_div .i_one_div_txt .i_one_t img {
			
 
				+	display: block;
			
 
				+	margin-top: 12%;
			
 
				+	margin-bottom: 2%;
			
 
				+}
			
 
				+.about_div .i_one_div_txt .i_one_p {
			
 
				+	color: #666666;
			
 
				+	font-size: 14px;
			
 
				+	line-height: 22px;
			
 
				+	padding-top: 2%; /*height:260px; */
			
 
				+	overflow: hidden;
			
 
				+	text-align: left;
			
 
				+}
			
 
				+.about_div .i_one_div_txt .i_one_p.brandfont {
			
 
				+	font-size: 16px;
			
 
				+	text-align: center;
			
 
				+	padding-top: 0;
			
 
				+}
			
 
				+.about_div .i_one_div_img {
			
 
				+	width: 50%;
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+.about_div .i_one_div_img img {
			
 
				+	width: 100%;
			
 
				+	-webkit-transition: all 0.8s ease-out;
			
 
				+	-ms-transition: all 0.8s ease-out;
			
 
				+	-moz-transition: all 0.8s ease-out;
			
 
				+	-o-transition: all 0.8s ease-out;
			
 
				+	transition: all 0.8s ease-out;
			
 
				+}
			
 
				+.about_div .i_one_div_img:hover img {
			
 
				+	-webkit-transform: scale(1.1);
			
 
				+	-moz-transform: scale(1.1);
			
 
				+	-o-transform: scale(1.1);
			
 
				+	transform: scale(1.1);
			
 
				+}
			
 
				+.about_two {
			
 
				+	overflow: hidden;
			
 
				+	text-align: center;
			
 
				+	padding-top: 3%;
			
 
				+	padding-bottom: 3%;
			
 
				+	background-color: #fff;
			
 
				+	width: 98%;
			
 
				+	padding-left: 1%;
			
 
				+	padding-right: 1%;
			
 
				+}
			
 
				+.about_two ul li {
			
 
				+	float: left;
			
 
				+	width: 30.33%;
			
 
				+	margin-left: 1.5%;
			
 
				+	margin-right: 1.5%;
			
 
				+	overflow: hidden;
			
 
				+	color: #7b7b7b;
			
 
				+	font-size: 14px;
			
 
				+	line-height: 24px;
			
 
				+}
			
 
				+.about_two ul li h2 {
			
 
				+	font-weight: normal;
			
 
				+	color: #333333;
			
 
				+	margin-bottom: 2%;
			
 
				+}
			
 
				+.about_two ul li p {
			
 
				+	margin: 0 auto;
			
 
				+	max-width: 400px;
			
 
				+}
			
 
				+/*企业荣誉*/
			
 
				+.honor_ul {
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+.honor_ul ul li {
			
 
				+	width: 23.5%;
			
 
				+	margin-right: 2%;
			
 
				+	float: left;
			
 
				+	overflow: hidden;
			
 
				+	margin-bottom: 3%;
			
 
				+	text-align: center;
			
 
				+}
			
 
				+.honor_ul ul li:nth-child(4n+0) {
			
 
				+	margin-right: 0;
			
 
				+}
			
 
				+.honor_ul ul li .imgs {
			
 
				+	width: 100%;
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+.honor_ul ul li .imgs img {
			
 
				+	width: 100%;
			
 
				+	-webkit-transition: all 0.8s ease-out;
			
 
				+	-ms-transition: all 0.8s ease-out;
			
 
				+	-moz-transition: all 0.8s ease-out;
			
 
				+	-o-transition: all 0.8s ease-out;
			
 
				+	transition: all 0.8s ease-out;
			
 
				+}
			
 
				+.honor_ul ul li h2 {
			
 
				+	color: #333;
			
 
				+	font-size: 13px;
			
 
				+	font-weight: normal;
			
 
				+	height: 42px;
			
 
				+	overflow: hidden;
			
 
				+	line-height: 42px;
			
 
				+}
			
 
				+.honor_ul ul li:Hover .imgs img {
			
 
				+	-webkit-transform: scale(1.1);
			
 
				+	-moz-transform: scale(1.1);
			
 
				+	-o-transform: scale(1.1);
			
 
				+	transform: scale(1.1);
			
 
				+}
			
 
				+.honor_ul ul li:Hover h2 {
			
 
				+	color: #00a1e9;
			
 
				+}
			
 
				+/*联络我们*/
			
 
				+.contact_bg {
			
 
				+	background-color: #f5f5f5;
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+.map_div {
			
 
				+	overflow: hidden;
			
 
				+	float: left;
			
 
				+	width: 50%;
			
 
				+}
			
 
				+.map_div img {
			
 
				+	max-width: 100%;
			
 
				+}
			
 
				+.contact_r {
			
 
				+	overflow: hidden;
			
 
				+	float: left;
			
 
				+	width: 44%;
			
 
				+	margin-left: 3%;
			
 
				+	margin-top: 3%;
			
 
				+	margin-bottom: 3%;
			
 
				+	color: #6f6f6f;
			
 
				+	font-size: 14px;
			
 
				+}
			
 
				+.contact_r h2 {
			
 
				+	color: #333333;
			
 
				+	font-size: 26px;
			
 
				+	font-weight: normal;
			
 
				+	margin-bottom: 3%;
			
 
				+}
			
 
				+.contact_r ul li {
			
 
				+	display: block;
			
 
				+	margin-bottom: 10px;
			
 
				+}
			
 
				+.contact_r ul li img {
			
 
				+	display: inline-block;
			
 
				+	margin-right: 12px;
			
 
				+	margin-top: 3px;
			
 
				+	float: left;
			
 
				+}
			
 
				+/*相关案例*/
			
 
				+.case_ul {
			
 
				+	overflow: hidden;
			
 
				+	padding-top: 1%;
			
 
				+}
			
 
				+.case_ul ul li {
			
 
				+	float: left;
			
 
				+	width: 23.5%;
			
 
				+	overflow: hidden;
			
 
				+	margin-bottom: 2%;
			
 
				+	margin-right: 2%;
			
 
				+	text-align: center;
			
 
				+	background-color: #f5f5f5;
			
 
				+}
			
 
				+.case_ul ul li:nth-child(4n+0) {
			
 
				+	margin-right: 0;
			
 
				+}
			
 
				+.case_ul ul li img {
			
 
				+	display: block;
			
 
				+	width: 100%;
			
 
				+	height: 100%;
			
 
				+	-webkit-transition: all 1s ease-in-out;
			
 
				+	-moz-transition: all 1s ease-in-out;
			
 
				+	-ms-transition: all 1s ease-in-out;
			
 
				+	-o-transition: all 1s ease-in-out;
			
 
				+	transition: all 1s ease-in-out;
			
 
				+}
			
 
				+.case_ul ul li .imgs {
			
 
				+	overflow: hidden;
			
 
				+	width: 100%;
			
 
				+}
			
 
				+.case_ul ul li .imgs img {
			
 
				+	display: block;
			
 
				+	width: 100%;
			
 
				+	-webkit-transform: scale(1);
			
 
				+	-moz-transform: scale(1);
			
 
				+	-ms-transform: scale(1);
			
 
				+	-o-transform: scale(1);
			
 
				+	transform: scale(1);
			
 
				+	-webkit-transition: all 0.3s ease-out 0s;
			
 
				+	-moz-transition: all 0.3s ease-out 0s;
			
 
				+	-o-transition: all 0.3s ease-out 0s;
			
 
				+	transition: all 0.3s ease-out 0s;
			
 
				+}
			
 
				+.case_ul ul li .txts {
			
 
				+	overflow: hidden;
			
 
				+	transition: all 0.3s;
			
 
				+	padding-bottom: 25px;
			
 
				+	padding-top: 25px;
			
 
				+	padding-left: 26px;
			
 
				+	padding-right: 2%;
			
 
				+	text-align: left;
			
 
				+}
			
 
				+.case_ul ul li .txts h2 {
			
 
				+	height: 36px;
			
 
				+	line-height: 36px;
			
 
				+	overflow: hidden;
			
 
				+	font-weight: normal;
			
 
				+	color: #333;
			
 
				+}
			
 
				+.case_ul ul li .txts .p {
			
 
				+	font-size: 14px;
			
 
				+	color: #aaaaaa;
			
 
				+	line-height: 20px;
			
 
				+	height: 20px;
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+.case_ul ul li:hover .imgs img {
			
 
				+	-webkit-transform: scale(1.1, 1.1);
			
 
				+	-moz-transform: scale(1.1, 1.1);
			
 
				+	-o-transform: scale(1.1, 1.1);
			
 
				+	-ms-transform: scale(1.1, 1.1);
			
 
				+	transform: scale(1.1, 1.1);
			
 
				+}
			
 
				+.case_ul ul li:hover .txts h2 {
			
 
				+	color: #014ee7;
			
 
				+}
			
 
				+.case_ul ul li .desc {
			
 
				+	display: none;
			
 
				+}
			
 
				+/*人才招聘*/
			
 
				+.job_ul {
			
 
				+	overflow: hidden;
			
 
				+	border: 1px solid #e9e9e9;
			
 
				+	margin-bottom: 4%;
			
 
				+}
			
 
				+.job_ul ul li {
			
 
				+	float: left;
			
 
				+	overflow: hidden;
			
 
				+	width: 25%;
			
 
				+	cursor: pointer;
			
 
				+	transition: all 0.3s;
			
 
				+}
			
 
				+.job_ul ul li .job_div {
			
 
				+	overflow: hidden;
			
 
				+	border-right: 1px solid #e9e9e9;
			
 
				+	border-bottom: 1px solid #e9e9e9;
			
 
				+	padding-bottom: 40px;
			
 
				+}
			
 
				+.job_ul ul li:nth-child(4n+0) .job_div {
			
 
				+	border-right: 0;
			
 
				+}
			
 
				+.job_ul ul li .job_txt {
			
 
				+	max-width: 220px;
			
 
				+	width: 94%;
			
 
				+	margin: 0 auto;
			
 
				+}
			
 
				+.job_ul ul li h2 {
			
 
				+	height: 102px;
			
 
				+	line-height: 102px;
			
 
				+	background: url(../img/job_bg2.jpg) left bottom no-repeat;
			
 
				+	margin-top: 3%;
			
 
				+	color: #505050;
			
 
				+	font-size: 20px;
			
 
				+	margin-bottom: 7%;
			
 
				+}
			
 
				+.job_ul ul li .p {
			
 
				+	font-size: 14px;
			
 
				+	color: #646464;
			
 
				+	line-height: 26px;
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+.job_ul ul li em {
			
 
				+	font-size: 14px;
			
 
				+	color: #949494;
			
 
				+	font-style: normal;
			
 
				+	display: block;
			
 
				+	padding-top: 28px;
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+.job_ul ul li:hover {
			
 
				+	background-color: #0265f8;
			
 
				+}
			
 
				+.job_ul ul li:hover h2 {
			
 
				+	color: #fff;
			
 
				+	background: url(../img/job_bg1.jpg) left bottom no-repeat;
			
 
				+}
			
 
				+.job_ul ul li:hover .p {
			
 
				+	color: #fff;
			
 
				+}
			
 
				+.job_ul ul li:hover em {
			
 
				+	color: #fff;
			
 
				+}
			
 
				+.job_ul ul li dl {
			
 
				+	display: none;
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+/*解决方案*/
			
 
				+.solution_bg {
			
 
				+	background: url(../img/solution_bg.jpg) center center no-repeat;
			
 
				+	background-size: cover;
			
 
				+	overflow: hidden;
			
 
				+	padding-top: 3%;
			
 
				+	padding-bottom: 2%;
			
 
				+}
			
 
				+.solution_bg .solution_t {
			
 
				+	color: #ffffff;
			
 
				+	font-size: 32px;
			
 
				+	text-align: center;
			
 
				+	margin-top: 1%;
			
 
				+	margin-bottom: 3%;
			
 
				+}
			
 
				+.solution_bg .solution_ul ul li {
			
 
				+	float: left;
			
 
				+	width: 32%;
			
 
				+	margin-right: 2%;
			
 
				+	overflow: hidden;
			
 
				+	margin-bottom: 2%;
			
 
				+	position: relative;
			
 
				+}
			
 
				+.solution_bg .solution_ul ul li:nth-child(3n+0) {
			
 
				+	margin-right: 0;
			
 
				+}
			
 
				+.solution_bg .solution_ul ul li .imgs {
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+.solution_bg .solution_ul ul li .imgs img {
			
 
				+	width: 100%;
			
 
				+	display: block;
			
 
				+	-webkit-transform: scale(1);
			
 
				+	-moz-transform: scale(1);
			
 
				+	-ms-transform: scale(1);
			
 
				+	-o-transform: scale(1);
			
 
				+	transform: scale(1);
			
 
				+	-webkit-transition: all 0.3s ease-out 0s;
			
 
				+	-moz-transition: all 0.3s ease-out 0s;
			
 
				+	-o-transition: all 0.3s ease-out 0s;
			
 
				+	transition: all 0.3s ease-out 0s;
			
 
				+}
			
 
				+.solution_bg .solution_ul ul li .txts {
			
 
				+	text-align: center;
			
 
				+	position: absolute;
			
 
				+	width: 100%;
			
 
				+	height: 100%;
			
 
				+	left: 0;
			
 
				+	top: 0;
			
 
				+	color: #fff;
			
 
				+}
			
 
				+.solution_bg .solution_ul ul li .table {
			
 
				+	display: table;
			
 
				+	vertical-align: middle;
			
 
				+	width: 100%;
			
 
				+	height: 100%;
			
 
				+}
			
 
				+.solution_bg .solution_ul ul li .td {
			
 
				+	display: table-cell;
			
 
				+	vertical-align: middle;
			
 
				+	height: 100%;
			
 
				+}
			
 
				+.solution_bg .solution_ul ul li .txts img {
			
 
				+	margin: 0 auto;
			
 
				+	width: 20%;
			
 
				+	max-width: 90px;
			
 
				+	display: block;
			
 
				+	margin-bottom: 5%; /*margin-top:50px;*/
			
 
				+}
			
 
				+.solution_bg .solution_ul ul li .txts h2 {
			
 
				+	color: #efefef;
			
 
				+	font-weight: normal;
			
 
				+	margin: 0 auto;
			
 
				+	margin-bottom: 3%;
			
 
				+	max-width: 350px;
			
 
				+	width: 94%;
			
 
				+	font-size: 22px;
			
 
				+}
			
 
				+.solution_bg .solution_ul ul li .txts p {
			
 
				+	font-size: 14px;
			
 
				+	line-height: 22px;
			
 
				+	margin: 0 auto;
			
 
				+	max-width: 350px;
			
 
				+	width: 94%;
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+.solution_bg .solution_ul ul li:hover .imgs img {
			
 
				+	-webkit-transform: scale(1.1, 1.1);
			
 
				+	-moz-transform: scale(1.1, 1.1);
			
 
				+	-o-transform: scale(1.1, 1.1);
			
 
				+	-ms-transform: scale(1.1, 1.1);
			
 
				+	transform: scale(1.1, 1.1);
			
 
				+}
			
 
				+/*产品详细*/
			
 
				+.product_con {
			
 
				+	overflow: hidden;
			
 
				+	font-size: 16px;
			
 
				+	color: #444444;
			
 
				+	position: relative;
			
 
				+	background-position: center bottom;
			
 
				+	background-repeat: no-repeat;
			
 
				+	background-size: cover;
			
 
				+}
			
 
				+.product_con .bigimg {
			
 
				+	width: 100%;
			
 
				+	display: block;
			
 
				+	min-height: 250px;
			
 
				+	filter: Alpha(Opacity=0);
			
 
				+	opacity: 0;
			
 
				+}
			
 
				+.product_con .tabel {
			
 
				+	display: table;
			
 
				+	width: 100%;
			
 
				+	height: 100%;
			
 
				+}
			
 
				+.product_con .td {
			
 
				+	display: table-cell;
			
 
				+	width: 100%;
			
 
				+	height: 100%;
			
 
				+	vertical-align: middle;
			
 
				+}
			
 
				+.product_con .td.vt {
			
 
				+	vertical-align: top;
			
 
				+	margin-top: 5%;
			
 
				+}
			
 
				+.product_con .txts {
			
 
				+	text-align: center;
			
 
				+	position: absolute;
			
 
				+	width: 100%;
			
 
				+	height: 100%;
			
 
				+	left: 0;
			
 
				+	top: 0;
			
 
				+}
			
 
				+.product_con .txts .pt {
			
 
				+	margin-top: 10%;
			
 
				+	font-weight: normal;
			
 
				+	margin-bottom: 2%;
			
 
				+}
			
 
				+.product_con .txts .p1 {
			
 
				+	color: #444444;
			
 
				+	font-size: 16px;
			
 
				+	line-height: 26px;
			
 
				+	max-width: 680px;
			
 
				+	width: 96%;
			
 
				+	margin: 0 auto;
			
 
				+}
			
 
				+.product_con .txts .p2 {
			
 
				+	color: #444444;
			
 
				+	font-size: 16px;
			
 
				+	line-height: 36px;
			
 
				+}
			
 
				+.product_con .txts .p2 label {
			
 
				+	color: #6d6d6d;
			
 
				+	font-size: 12px;
			
 
				+	font-family: Arial;
			
 
				+	padding-right: 3px;
			
 
				+}
			
 
				+.product_three {
			
 
				+	max-width: 1120px;
			
 
				+	width: 94%;
			
 
				+	margin: 0 auto;
			
 
				+	overflow: hidden;
			
 
				+	margin-top: 3%;
			
 
				+}
			
 
				+.product_three_l {
			
 
				+	float: left;
			
 
				+	width: 37.5%;
			
 
				+	overflow: hidden;
			
 
				+	text-align: left;
			
 
				+}
			
 
				+.product_three_img {
			
 
				+	float: right;
			
 
				+	width: 59%;
			
 
				+}
			
 
				+.product_three_img img {
			
 
				+	width: 100%;
			
 
				+}
			
 
				+.product_con .txts .product_three_l .pt {
			
 
				+	margin-top: 5%;
			
 
				+}
			
 
				+/*产品详细2*/
			
 
				+.product_con2 {
			
 
				+	overflow: hidden;
			
 
				+	font-size: 14px;
			
 
				+	line-height: 22px;
			
 
				+}
			
 
				+.product_con2 img {
			
 
				+	width: 100%;
			
 
				+	display: block;
			
 
				+}
			
 
				+.product_blank {
			
 
				+	height: 0;
			
 
				+	font-size: 0;
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+/*解决方案2*/
			
 
				+.solution_bg2 {
			
 
				+	background: url(../img/solution_bg3.jpg) center center no-repeat;
			
 
				+	background-size: cover;
			
 
				+	overflow: hidden;
			
 
				+	padding-top: 3%;
			
 
				+	padding-bottom: 3%;
			
 
				+}
			
 
				+.solution_bg2 .solution_t2 {
			
 
				+	text-align: center;
			
 
				+	overflow: hidden;
			
 
				+	color: #333333;
			
 
				+	width: 94%;
			
 
				+	max-width: 900px;
			
 
				+	margin: 0 auto;
			
 
				+}
			
 
				+.solution_bg2 .solution_desc {
			
 
				+	color: #535353;
			
 
				+	font-size: 15px;
			
 
				+	line-height: 24px;
			
 
				+	width: 94%;
			
 
				+	max-width: 900px;
			
 
				+	margin: 0 auto;
			
 
				+	margin-top: 1%;
			
 
				+	text-align: center;
			
 
				+}
			
 
				+.solution_bg3 {
			
 
				+	background: url(../img/solution_bg2.jpg) center center no-repeat;
			
 
				+	overflow: hidden;
			
 
				+	margin-top: 2%;
			
 
				+	padding-bottom: 8%;
			
 
				+}
			
 
				+.solution_con {
			
 
				+	width: 96%;
			
 
				+	max-width: 1520px;
			
 
				+	margin: 0 auto;
			
 
				+}
			
 
				+.solution_con ul li {
			
 
				+	float: left;
			
 
				+	margin-top: 3%;
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+.solution_con ul li:nth-child(1) {
			
 
				+	width: 13%;
			
 
				+	padding-top: 9%;
			
 
				+}
			
 
				+.solution_con ul li:nth-child(2) {
			
 
				+	width: 22%;
			
 
				+	padding-right: 2%;
			
 
				+	padding-top: 8%;
			
 
				+}
			
 
				+.solution_con ul li:nth-child(3) {
			
 
				+	width: 20%;
			
 
				+}
			
 
				+.solution_con ul li:nth-child(4) {
			
 
				+	width: 20%;
			
 
				+	padding-left: 2%;
			
 
				+	padding-right: 2%;
			
 
				+	padding-top: 6%;
			
 
				+}
			
 
				+.solution_con ul li:nth-child(5) {
			
 
				+	width: 19%;
			
 
				+	padding-top: 10%;
			
 
				+}
			
 
				+.solution_con ul li .img {
			
 
				+	max-width: 90%;
			
 
				+	margin: 0 auto;
			
 
				+	display: block;
			
 
				+	-webkit-transform: scale(1);
			
 
				+	-moz-transform: scale(1);
			
 
				+	-ms-transform: scale(1);
			
 
				+	-o-transform: scale(1);
			
 
				+	transform: scale(1);
			
 
				+	-webkit-transition: all 0.3s ease-out 0s;
			
 
				+	-moz-transition: all 0.3s ease-out 0s;
			
 
				+	-o-transition: all 0.3s ease-out 0s;
			
 
				+	transition: all 0.3s ease-out 0s;
			
 
				+}
			
 
				+.solution_con ul li h2 {
			
 
				+	font-weight: bold;
			
 
				+	font-size: 18px;
			
 
				+	color: #424242;
			
 
				+	text-align: center;
			
 
				+	margin-bottom: 10px;
			
 
				+	overflow: hidden;
			
 
				+	background: url(../img/solution_bg4.png) center bottom no-repeat;
			
 
				+	background-size: auto 50px;
			
 
				+	padding-bottom: 55px;
			
 
				+}
			
 
				+.solution_con ul li .solution_box {
			
 
				+	margin-bottom: 20px;
			
 
				+}
			
 
				+.solution_con ul li .solution_box:hover .img {
			
 
				+	-webkit-transform: scale(1.1, 1.1);
			
 
				+	-moz-transform: scale(1.1, 1.1);
			
 
				+	-o-transform: scale(1.1, 1.1);
			
 
				+	-ms-transform: scale(1.1, 1.1);
			
 
				+	transform: scale(1.1, 1.1);
			
 
				+}
			
 
				+.solution_con ul li .solution_box:nth-child(2) {
			
 
				+	margin-bottom: 0%;
			
 
				+}
			
 
				+.solution_con ul li .solution_box:nth-child(2) h2 {
			
 
				+	background: url(../img/solution_bg4.png) center top no-repeat;
			
 
				+	background-size: auto 50px;
			
 
				+	padding-bottom: 0px;
			
 
				+	padding-top: 55px;
			
 
				+}
			
 
				+.solution_con ul li:nth-child(3) .solution_box:nth-child(1) {
			
 
				+	margin-bottom: 5%;
			
 
				+}
			
 
				+.solution_con ul li:nth-child(3) .solution_box:nth-child(1):hover .img {
			
 
				+	-webkit-transform: scale(1);
			
 
				+	-moz-transform: scale(1);
			
 
				+	-ms-transform: scale(1);
			
 
				+	-o-transform: scale(1);
			
 
				+	transform: scale(1);
			
 
				+}
			
 
				+.solution_con ul li:nth-child(3) .solution_box:nth-child(2) {
			
 
				+	margin-top: 18%;
			
 
				+}
			
 
				+.solution_con ul li:nth-child(2) .solution_box:nth-child(2) {
			
 
				+	margin-left: 36%;
			
 
				+}
			
 
				+.solution_con ul li:nth-child(4) .solution_box:nth-child(2) {
			
 
				+	margin-right: 36%;
			
 
				+}
			
 
				+.b_link {
			
 
				+	overflow: hidden;
			
 
				+	margin-bottom: 1%;
			
 
				+	margin-top: 2%;
			
 
				+}
			
 
				+.b_link ul li {
			
 
				+	float: left;
			
 
				+	width: 15.8%;
			
 
				+	margin-right: 1%;
			
 
				+	margin-bottom: 2%;
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+.b_link ul li:nth-child(6n+0) {
			
 
				+	margin-right: 0;
			
 
				+}
			
 
				+.b_link ul li .imgs {
			
 
				+	overflow: hidden;
			
 
				+	border: 1px solid #f0f0f0;
			
 
				+}
			
 
				+.b_link ul li .imgs img {
			
 
				+	display: block;
			
 
				+	width: 100%;
			
 
				+	-webkit-transform: scale(1);
			
 
				+	-moz-transform: scale(1);
			
 
				+	-ms-transform: scale(1);
			
 
				+	-o-transform: scale(1);
			
 
				+	transform: scale(1);
			
 
				+	-webkit-transition: all 0.3s ease-out 0s;
			
 
				+	-moz-transition: all 0.3s ease-out 0s;
			
 
				+	-o-transition: all 0.3s ease-out 0s;
			
 
				+	transition: all 0.3s ease-out 0s;
			
 
				+}
			
 
				+.b_link ul li:hover .imgs img {
			
 
				+	-webkit-transform: scale(1.1, 1.1);
			
 
				+	-moz-transform: scale(1.1, 1.1);
			
 
				+	-o-transform: scale(1.1, 1.1);
			
 
				+	-ms-transform: scale(1.1, 1.1);
			
 
				+	transform: scale(1.1, 1.1);
			
 
				+}
			
 
				+.b_link ul li h2 {
			
 
				+	font-weight: normal;
			
 
				+	text-align: center;
			
 
				+	font-size: 15px;
			
 
				+	margin-top: 10px;
			
 
				+	height: 22px;
			
 
				+	line-height: 22px;
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+/*防伪code.html*/
			
 
				+.fangwei_div {
			
 
				+	width: 100%;
			
 
				+	height: 100%;
			
 
				+	overflow: hidden;
			
 
				+	display: inline-table;
			
 
				+	vertical-align: middle;
			
 
				+	text-align: center;
			
 
				+	margin-bottom: 50px;
			
 
				+}
			
 
				+.fangwei_div .fangwei_con {
			
 
				+	display: table-cell;
			
 
				+	vertical-align: middle;
			
 
				+	position: relative;
			
 
				+}
			
 
				+.fangwei_div .fangwei_con .imgs {
			
 
				+	width: 42%;
			
 
				+	display: inline-block;
			
 
				+	margin-right: 1%;
			
 
				+	max-width: 271px;
			
 
				+}
			
 
				+.fangwei_div .fangwei_con .fangwei_txt {
			
 
				+	display: inline-block;
			
 
				+	vertical-align: middle;
			
 
				+	width: 46%;
			
 
				+	padding: 4%;
			
 
				+	padding-top: 0;
			
 
				+	padding-bottom: 0;
			
 
				+	max-width: 330px;
			
 
				+	text-align: left;
			
 
				+	font-family: Arial;
			
 
				+	color: #737373;
			
 
				+	font-size: 14px;
			
 
				+	line-height: 24px;
			
 
				+	background-color: #464646;
			
 
				+	height: 271px;
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+.fangwei_div .fangwei_con .fangwei_txt .div {
			
 
				+	overflow: hidden;
			
 
				+	margin-bottom: 4%;
			
 
				+}
			
 
				+.fangwei_div .fangwei_con .fangwei_txt .div .inputs {
			
 
				+	height: 45px;
			
 
				+	line-height: 45px;
			
 
				+	width: 100%;
			
 
				+	text-indent: 10px;
			
 
				+	font-size: 18px;
			
 
				+	color: #313131;
			
 
				+	font-family: "微软雅黑";
			
 
				+	border: none;
			
 
				+	background: #191919;
			
 
				+	margin-top: 13%;
			
 
				+	outline: none;
			
 
				+}
			
 
				+.fangwei_div .fangwei_con .fangwei_txt .div .inputs:focus {
			
 
				+	color: #fff;
			
 
				+}
			
 
				+.fangwei_div .fangwei_con .fangwei_txt .div .inputs2 {
			
 
				+	float: left;
			
 
				+	height: 45px;
			
 
				+	line-height: 45px;
			
 
				+	width: 56%;
			
 
				+	text-indent: 10px;
			
 
				+	font-size: 18px;
			
 
				+	color: #313131;
			
 
				+	font-family: "微软雅黑";
			
 
				+	border: none;
			
 
				+	background: #191919;
			
 
				+	outline: none;
			
 
				+}
			
 
				+.fangwei_div .fangwei_con .fangwei_txt .div .inputs2:focus {
			
 
				+	color: #fff;
			
 
				+}
			
 
				+.fangwei_div .fangwei_con .fangwei_txt .div .imgs2 {
			
 
				+	float: right;
			
 
				+	width: 40%;
			
 
				+	height: 45px;
			
 
				+}
			
 
				+.fangwei_div .fangwei_con .fangwei_txt .div2 {
			
 
				+	text-align: center;
			
 
				+	overflow: hidden;
			
 
				+	padding-top: 8%;
			
 
				+}
			
 
				+.fangwei_div .fangwei_con .fangwei_txt .bnts {
			
 
				+	background: #409EFF;
			
 
				+	border: 0;
			
 
				+	height: 30px;
			
 
				+	line-height: 30px;
			
 
				+	width: 118px;
			
 
				+	color: #fff;
			
 
				+	font-size: 14px;
			
 
				+	letter-spacing: 1px;
			
 
				+	outline: none;
			
 
				+	-webkit-appearance: none;
			
 
				+	cursor: pointer;
			
 
				+	margin: 0 auto;
			
 
				+}
			
 
				+.fangwei_div .fangwei_con .fangwei_txt .bnts:hover {
			
 
				+	filter: Alpha(Opacity=80);
			
 
				+	opacity: 0.8;
			
 
				+	transition: all 0.3s;
			
 
				+}
			
 
				+.fangwei_pos {
			
 
				+	position: fixed;
			
 
				+	width: 100%;
			
 
				+	height: 100%;
			
 
				+	background: rgba(5,5,5,0.6);
			
 
				+	top: 0;
			
 
				+	left: 0;
			
 
				+	display: none;
			
 
				+}
			
 
				+.fangwei_pos1 {
			
 
				+	position: absolute;
			
 
				+	width: 100%;
			
 
				+	height: 93px;
			
 
				+	top: 50%;
			
 
				+	margin-top: -46px;
			
 
				+	left: 0;
			
 
				+	display: none;
			
 
				+}
			
 
				+.fangwei_pos_con {
			
 
				+	width: 96%;
			
 
				+	margin: 0 auto;
			
 
				+	max-width: 500px;
			
 
				+	height: 93px;
			
 
				+	background-color: #464646;
			
 
				+	color: #fff;
			
 
				+	font-size: 14px;
			
 
				+	font-family: "宋体";
			
 
				+	line-height: 30px;
			
 
				+}
			
 
				+.fangwei_pos_con .fangwei_pos_div {
			
 
				+	text-align: left;
			
 
				+	max-width: 370px;
			
 
				+	width: 96%;
			
 
				+	margin: 0 auto;
			
 
				+	padding-top: 15px;
			
 
				+}
			
 
				+ @media screen and (max-width: 1440px) {
			
 
				+/*解决方案2*/
			
 
				+.solution_con ul li:nth-child(4) {
			
 
				+	padding-top: 4%;
			
 
				+}
			
 
				+.solution_con ul li:nth-child(5) {
			
 
				+	padding-top: 8%;
			
 
				+}
			
 
				+}
			
 
				+ @media screen and (max-width: 1200px) {
			
 
				+/*硬件产品*/
			
 
				+.product_a a {
			
 
				+	height: 50px;
			
 
				+	line-height: 50px;
			
 
				+}
			
 
				+/*公司动态*/
			
 
				+.news_con ul li .i_about_r h3 {
			
 
				+	font-size: 16px;
			
 
				+	margin-bottom: 0.5%;
			
 
				+}
			
 
				+.news_con ul li .i_about_r label {
			
 
				+	margin-bottom: 0.5%;
			
 
				+}
			
 
				+.news_con ul li .i_about_r .p {
			
 
				+	line-height: 22px;
			
 
				+	max-height: 44px;
			
 
				+}
			
 
				+.news_con ul li .i_about_r .news_more {
			
 
				+	margin-top: 1%;
			
 
				+	height: 32px;
			
 
				+	line-height: 32px;
			
 
				+}
			
 
				+/*公司介绍*/
			
 
				+.about_div .i_one_div_txt .i_one_t img {
			
 
				+	margin-top: 6%;
			
 
				+	margin-bottom: 1%;
			
 
				+	width: 40px;
			
 
				+}
			
 
				+.about_div .i_one_div_txt .i_one_p {
			
 
				+	padding-top: 1%;
			
 
				+	line-height: 20px;
			
 
				+	font-size: 13px;
			
 
				+}
			
 
				+.about_two ul li {
			
 
				+	line-height: 22px;
			
 
				+	font-size: 13px;
			
 
				+}
			
 
				+/*联络我们*/
			
 
				+.contact_r h2 {
			
 
				+	font-size: 24px;
			
 
				+}
			
 
				+/*解决方案*/
			
 
				+.solution_bg .solution_t {
			
 
				+	font-size: 28px;
			
 
				+}
			
 
				+.solution_bg .solution_ul ul li .txts img { /*margin-top:30px;*/
			
 
				+	width: 18%;
			
 
				+}
			
 
				+.solution_bg .solution_ul ul li .txts h2 {
			
 
				+	margin-bottom: 2%;
			
 
				+}
			
 
				+.solution_bg .solution_ul ul li .txts p {
			
 
				+	font-size: 13px;
			
 
				+	line-height: 20px;
			
 
				+}
			
 
				+/*解决方案2*/
			
 
				+.solution_con ul li h2 {
			
 
				+	font-size: 16px;
			
 
				+}
			
 
				+.solution_bg3 {
			
 
				+	background-position: center 20%;
			
 
				+}
			
 
				+.solution_con ul li:nth-child(4) {
			
 
				+	padding-top: 0%;
			
 
				+}
			
 
				+.solution_con ul li:nth-child(2) {
			
 
				+	padding-top: 0%;
			
 
				+}
			
 
				+.solution_con ul li:nth-child(5) {
			
 
				+	padding-top: 1%;
			
 
				+}
			
 
				+}
			
 
				+ @media screen and (max-width: 1100px) {
			
 
				+/*内页*/
			
 
				+.o_big {
			
 
				+	background-size: auto 110%;
			
 
				+}
			
 
				+/*公司动态*/
			
 
				+.news_con ul li .i_about_r h3 {
			
 
				+	font-size: 15px;
			
 
				+	margin-bottom: 0.4%;
			
 
				+}
			
 
				+.news_con ul li .i_about_r label {
			
 
				+	margin-bottom: 0.4%;
			
 
				+	font-size: 12px;
			
 
				+}
			
 
				+.news_con ul li .i_about_r .p {
			
 
				+	line-height: 18px;
			
 
				+	max-height: 36px;
			
 
				+	font-size: 12px;
			
 
				+}
			
 
				+/*相关案例*/
			
 
				+.case_ul ul li .txts {
			
 
				+	padding-top: 10px;
			
 
				+	padding-bottom: 15px;
			
 
				+}
			
 
				+.case_ul ul li .txts .p {
			
 
				+	font-size: 13px;
			
 
				+}
			
 
				+/*人才招聘*/
			
 
				+.job_ul ul li {
			
 
				+	width: 33.33%;
			
 
				+}
			
 
				+.job_ul ul li:nth-child(4n+0) .job_div {
			
 
				+	border-right: 1px solid #e9e9e9;
			
 
				+}
			
 
				+.job_ul ul li:nth-child(3n+0) .job_div {
			
 
				+	border-right: 0;
			
 
				+}
			
 
				+/*解决方案*/
			
 
				+.solution_bg .solution_t {
			
 
				+	font-size: 24px;
			
 
				+}
			
 
				+.solution_bg .solution_ul ul li .txts img { /*margin-top:20px;*/
			
 
				+	width: 16%;
			
 
				+}
			
 
				+.solution_bg .solution_ul ul li .txts p {
			
 
				+	font-size: 12px;
			
 
				+	line-height: 18px;
			
 
				+	max-height: 180px;
			
 
				+}
			
 
				+}
			
 
				+@media screen and (max-width: 1000px) {
			
 
				+/*内页*/
			
 
				+.o_big {
			
 
				+	background-size: auto 120%;
			
 
				+}
			
 
				+/*公司动态*/
			
 
				+.news_con ul li .i_about_r .news_more {
			
 
				+	margin-top: 0.5%;
			
 
				+	font-size: 12px;
			
 
				+	height: 30px;
			
 
				+	line-height: 30px;
			
 
				+}
			
 
				+/*企业荣誉*/
			
 
				+.honor_ul ul li {
			
 
				+	width: 32%;
			
 
				+}
			
 
				+.honor_ul ul li:nth-child(4n+0) {
			
 
				+	margin-right: 2%;
			
 
				+}
			
 
				+.honor_ul ul li:nth-child(3n+0) {
			
 
				+	margin-right: 0;
			
 
				+}
			
 
				+/*工程案例*/
			
 
				+.case_ul ul li {
			
 
				+	width: 32%;
			
 
				+}
			
 
				+.case_ul ul li:nth-child(4n+0) {
			
 
				+	margin-right: 2%;
			
 
				+}
			
 
				+.case_ul ul li:nth-child(3n+0) {
			
 
				+	margin-right: 0;
			
 
				+}
			
 
				+/*解决方案2*/
			
 
				+.solution_con ul li h2 {
			
 
				+	font-size: 14px;
			
 
				+}
			
 
				+.b_link ul li {
			
 
				+	width: 19%;
			
 
				+}
			
 
				+.b_link ul li:nth-child(6n+0) {
			
 
				+	margin-right: 1.1%;
			
 
				+}
			
 
				+.b_link ul li:nth-child(5n+0) {
			
 
				+	margin-right: 0;
			
 
				+}
			
 
				+}
			
 
				+@media screen and (max-width: 960px) {
			
 
				+/*内页*/
			
 
				+.o_big {
			
 
				+	background-size: auto 130%;
			
 
				+}
			
 
				+/*硬件产品*/
			
 
				+.product_a a {
			
 
				+	height: 46px;
			
 
				+	line-height: 46px;
			
 
				+}
			
 
				+/*公司动态*/
			
 
				+.news_con ul li .i_about_r h3 {
			
 
				+	font-size: 14px;
			
 
				+}
			
 
				+/*公司介绍*/
			
 
				+.about_div .i_one_div_txt .i_one_t img {
			
 
				+	width: 30px;
			
 
				+	margin-top: 3%;
			
 
				+}
			
 
				+.about_two ul li {
			
 
				+	line-height: 20px;
			
 
				+	font-size: 12px;
			
 
				+}
			
 
				+/*联络我们*/
			
 
				+.contact_r h2 {
			
 
				+	font-size: 20px;
			
 
				+}
			
 
				+/*解决方案*/
			
 
				+.solution_bg .solution_t {
			
 
				+	font-size: 20px;
			
 
				+}
			
 
				+.solution_bg .solution_ul ul li .txts img { /*margin-top:15px;*/
			
 
				+	width: 14%;
			
 
				+	margin-bottom: 3%;
			
 
				+}
			
 
				+.solution_bg .solution_ul ul li .txts h2 {
			
 
				+	font-size: 20px;
			
 
				+}
			
 
				+/*产品详细*/
			
 
				+.product_con .td.vt {
			
 
				+	vertical-align: middle;
			
 
				+}
			
 
				+.product_con .txts .p1 {
			
 
				+	font-size: 14px;
			
 
				+}
			
 
				+.product_con .txts .p2 {
			
 
				+	font-size: 14px;
			
 
				+	line-height: 26px;
			
 
				+}
			
 
				+}
			
 
				+@media screen and (max-width: 830px) {
			
 
				+/*内页*/
			
 
				+.o_big {
			
 
				+	background-size: auto 140%;
			
 
				+}
			
 
				+/*公司动态*/
			
 
				+.news_con ul li .i_about_r .news_more {
			
 
				+	display: none;
			
 
				+}
			
 
				+/*公司介绍*/
			
 
				+.about_div .i_one_div_txt {
			
 
				+	width: 96%;
			
 
				+	padding-left: 2%;
			
 
				+	padding-right: 2%;
			
 
				+	margin-bottom: 3%;
			
 
				+	padding-top: 2%;
			
 
				+}
			
 
				+.about_div .i_one_div_txt .i_one_con {
			
 
				+	max-width: none;
			
 
				+}
			
 
				+.about_div .i_one_div_img {
			
 
				+	width: 100%;
			
 
				+}
			
 
				+.about_two ul li {
			
 
				+	width: 97%;
			
 
				+	margin-bottom: 3%;
			
 
				+}
			
 
				+/*解决方案*/
			
 
				+.solution_bg .solution_ul ul li {
			
 
				+	width: 49%;
			
 
				+}
			
 
				+.solution_bg .solution_ul ul li:nth-child(3n+0) {
			
 
				+	margin-right: 2%;
			
 
				+}
			
 
				+.solution_bg .solution_ul ul li:nth-child(2n+0) {
			
 
				+	margin-right: 0%;
			
 
				+}
			
 
				+/*解决方案2*/
			
 
				+.b_link ul li {
			
 
				+	width: 24%;
			
 
				+}
			
 
				+.b_link ul li:nth-child(5n+0) {
			
 
				+	margin-right: 1.1%;
			
 
				+}
			
 
				+.b_link ul li:nth-child(4n+0) {
			
 
				+	margin-right: 0;
			
 
				+}
			
 
				+}
			
 
				+@media screen and (max-width: 780px) {
			
 
				+/*内页*/
			
 
				+.o_big {
			
 
				+	background-size: auto 150%;
			
 
				+}
			
 
				+/*硬件产品*/
			
 
				+.product_a a {
			
 
				+	height: 42px;
			
 
				+	line-height: 42px;
			
 
				+}
			
 
				+.product_ul ul li {
			
 
				+	width: 49%;
			
 
				+}
			
 
				+.product_ul ul li:nth-child(3n+0) {
			
 
				+	margin-right: 1%;
			
 
				+}
			
 
				+.product_ul ul li:nth-child(2n+0) {
			
 
				+	margin-right: 0;
			
 
				+}
			
 
				+/*公司动态详细*/
			
 
				+.about_x .show_t {
			
 
				+	font-size: 20px;
			
 
				+	margin-top: 2%;
			
 
				+	margin-bottom: 0px;
			
 
				+}
			
 
				+.prenext {
			
 
				+	font-size: 14px;
			
 
				+}
			
 
				+.prenext span {
			
 
				+	width: 70px;
			
 
				+	font-size: 14px;
			
 
				+}
			
 
				+/*联络我们*/
			
 
				+.contact_r h2 {
			
 
				+	font-size: 18px;
			
 
				+}
			
 
				+.map_div {
			
 
				+	width: 100%;
			
 
				+}
			
 
				+.contact_r {
			
 
				+	width: 94%;
			
 
				+	padding-top: 3%;
			
 
				+}
			
 
				+/*工程案例*/
			
 
				+.case_ul ul li {
			
 
				+	width: 49%;
			
 
				+}
			
 
				+.case_ul ul li:nth-child(3n+0) {
			
 
				+	margin-right: 2%;
			
 
				+}
			
 
				+.case_ul ul li:nth-child(2n+0) {
			
 
				+	margin-right: 0;
			
 
				+}
			
 
				+/*人才招聘*/
			
 
				+.job_ul ul li {
			
 
				+	width: 50%;
			
 
				+}
			
 
				+.job_ul ul li:nth-child(3n+0) .job_div {
			
 
				+	border-right: 1px solid #e9e9e9;
			
 
				+}
			
 
				+.job_ul ul li:nth-child(2n+0) .job_div {
			
 
				+	border-right: 0;
			
 
				+}
			
 
				+/*解决方案2*/
			
 
				+.solution_bg3 {
			
 
				+	background: none;
			
 
				+}
			
 
				+.solution_con ul li:nth-child(1) {
			
 
				+	width: 50%;
			
 
				+}
			
 
				+.solution_con ul li:nth-child(2) {
			
 
				+	width: 50%;
			
 
				+	padding-right: 0;
			
 
				+}
			
 
				+.solution_con ul li:nth-child(3) {
			
 
				+	width: 50%;
			
 
				+}
			
 
				+.solution_con ul li:nth-child(4) {
			
 
				+	width: 50%;
			
 
				+	padding-left: 0;
			
 
				+	padding-right: 0;
			
 
				+}
			
 
				+.solution_con ul li:nth-child(5) {
			
 
				+	width: 50%;
			
 
				+}
			
 
				+.solution_con ul li .solution_box {
			
 
				+	margin-bottom: 40px;
			
 
				+}
			
 
				+}
			
 
				+ @media screen and (max-width: 640px) {
			
 
				+/*内页*/
			
 
				+.o_big {
			
 
				+	background-size: auto 160%;
			
 
				+}
			
 
				+/*公司动态*/
			
 
				+.news_con ul li .imgs {
			
 
				+	width: 29%;
			
 
				+}
			
 
				+.news_con ul li .i_about_r {
			
 
				+	width: 68%;
			
 
				+}
			
 
				+/*企业荣誉*/
			
 
				+.honor_ul ul li {
			
 
				+	width: 49%;
			
 
				+}
			
 
				+.honor_ul ul li:nth-child(4n+0) {
			
 
				+	margin-right: 2%;
			
 
				+}
			
 
				+.honor_ul ul li:nth-child(3n+0) {
			
 
				+	margin-right: 2;
			
 
				+}
			
 
				+.honor_ul ul li:nth-child(2n+0) {
			
 
				+	margin-right: 0;
			
 
				+}
			
 
				+/*相关案例*/
			
 
				+.case_ul ul li .txts {
			
 
				+	padding-left: 4%;
			
 
				+}
			
 
				+/*人才招聘*/
			
 
				+.job_ul ul li h2 {
			
 
				+	font-size: 18px;
			
 
				+	height: 80px;
			
 
				+	line-height: 80px;
			
 
				+}
			
 
				+.job_ul ul li .p {
			
 
				+	font-size: 13px;
			
 
				+}
			
 
				+.job_ul ul li em {
			
 
				+	font-size: 13px;
			
 
				+}
			
 
				+/*解决方案*/
			
 
				+.solution_bg .solution_t {
			
 
				+	margin-bottom: 5%;
			
 
				+}
			
 
				+.solution_bg .solution_ul ul li {
			
 
				+	width: 100%;
			
 
				+	margin-right: 0%;
			
 
				+}
			
 
				+.solution_bg .solution_ul ul li:nth-child(2n+0) {
			
 
				+	margin-right: 3%;
			
 
				+}
			
 
				+.solution_bg .solution_ul ul li .txts img {
			
 
				+	width: 21%;
			
 
				+}
			
 
				+/*产品详细*/
			
 
				+.product_con .txts .p1 {
			
 
				+	font-size: 12px;
			
 
				+	line-height: 20px;
			
 
				+}
			
 
				+.product_con .txts .p2 {
			
 
				+	font-size: 12px;
			
 
				+	line-height: 22px;
			
 
				+}
			
 
				+.product_three_l {
			
 
				+	width: 50%;
			
 
				+}
			
 
				+.product_three_img {
			
 
				+	width: 48%;
			
 
				+}
			
 
				+/*解决方案2*/
			
 
				+.b_link ul li {
			
 
				+	width: 32.5%;
			
 
				+}
			
 
				+.b_link ul li:nth-child(4n+0) {
			
 
				+	margin-right: 1.1%;
			
 
				+}
			
 
				+.b_link ul li:nth-child(3n+0) {
			
 
				+	margin-right: 0;
			
 
				+}
			
 
				+/*防伪code.html*/
			
 
				+.fangwei_div .fangwei_con .imgs {
			
 
				+	width: 40%;
			
 
				+	margin-right: 0;
			
 
				+	margin-bottom: 4%;
			
 
				+}
			
 
				+.fangwei_div .fangwei_con .fangwei_txt {
			
 
				+	width: 100%;
			
 
				+	height: 250px;
			
 
				+}
			
 
				+}
			
 
				+ @media screen and (max-width: 480px) {
			
 
				+/*内页*/
			
 
				+.o_big {
			
 
				+	background-size: auto 170%;
			
 
				+}
			
 
				+/*硬件产品*/
			
 
				+.product_a a {
			
 
				+	height: 36px;
			
 
				+	line-height: 36px;
			
 
				+	width: 48.4%;
			
 
				+}
			
 
				+/*公司动态详细*/
			
 
				+.about_x2 .show_t {
			
 
				+	font-size: 22px;
			
 
				+	line-height: 30px;
			
 
				+}
			
 
				+/*公司介绍*/
			
 
				+.about_div .i_one_div_txt .i_one_p {
			
 
				+	line-height: 18px;
			
 
				+	font-size: 12px;
			
 
				+}
			
 
				+/*相关案例*/
			
 
				+.case_ul ul li .txts h2 {
			
 
				+	font-size: 14px;
			
 
				+	height: 30px;
			
 
				+	line-height: 30px;
			
 
				+}
			
 
				+/*人才招聘*/
			
 
				+.job_ul ul li .job_div {
			
 
				+	padding-bottom: 30px;
			
 
				+}
			
 
				+.job_ul ul li .job_txt {
			
 
				+	width: 90%;
			
 
				+}
			
 
				+.job_ul ul li h2 {
			
 
				+	font-size: 16px;
			
 
				+	height: 50px;
			
 
				+	line-height: 50px;
			
 
				+}
			
 
				+.job_ul ul li .p {
			
 
				+	font-size: 12px;
			
 
				+	line-height: 22px;
			
 
				+	padding-top: 20px;
			
 
				+}
			
 
				+.job_ul ul li em {
			
 
				+	font-size: 12px;
			
 
				+}
			
 
				+/*解决方案*/
			
 
				+.solution_bg .solution_ul ul li .txts h2 {
			
 
				+	font-size: 18px;
			
 
				+}
			
 
				+}
			
 
				+@media screen and (max-width: 360px) {
			
 
				+/*内页*/
			
 
				+.o_big {
			
 
				+	background-size: auto 180%;
			
 
				+}
			
 
				+}
			
 
				+@media screen and (max-width: 320px) {
			
 
				+}
			
 
				+
			
 
				+
			
 
				+
			
 
				+/* 合肥秀站网络科技有限公司 */
			
 
				+/* 精品与原创网站模板提供商，一站式建站 */
			
 
				+/* 主营业务：织梦模板、pbootcms模板、云优模板、易优模板 */
			
 
				+/* 麦站网：Www.Xiuzhanwang.Com */
			
 
				+/* 主机/服务器：Www.xiuzhanyun.Com */
			
 
				+/* 域名抢注：Www.xiuzhanmi.Com */
			
 
				+/* QQ：2361928288  835971066 */
			
--- a/src/main/webapp/template/1/default/css/index.css
+++ b/src/main/webapp/template/1/default/css/index.css
@@ -0,0 +1,400 @@
 
				+@import url(jquery.bxslider.css);
			
 
				+@import url(pscroll.css);
			
 
				+/*首页*/
			
 
				+.i_product_bg {
			
 
				+	background-color: #f5f5f5;
			
 
				+	overflow: hidden;
			
 
				+	padding-bottom: 2.5%;
			
 
				+}
			
 
				+.i_title {
			
 
				+	margin-top: 5%;
			
 
				+	margin-bottom: 4%;
			
 
				+	overflow: hidden;
			
 
				+	text-align: center;
			
 
				+}
			
 
				+.i_title h2 {
			
 
				+	overflow: hidden;
			
 
				+	font-weight: bold;
			
 
				+	color: #000000;
			
 
				+	letter-spacing: -3px;
			
 
				+	text-transform: uppercase;
			
 
				+	font-family: Arial;
			
 
				+}
			
 
				+.i_title p {
			
 
				+	background: url(../images/i_bg1.png) center bottom no-repeat;
			
 
				+	color: #000000;
			
 
				+	padding-bottom: 15px;
			
 
				+}
			
 
				+.nproduct_list2 {
			
 
				+	overflow: hidden;
			
 
				+	padding-bottom: 20px;
			
 
				+	padding-top: 8px;
			
 
				+}
			
 
				+.nproduct_list2 ul  {
			
 
				+	display: flex;
			
 
				+	flex-wrap: wrap;
			
 
				+
			
 
				+}
			
 
				+.nproduct_list2 ul li {
			
 
				+	float: left;
			
 
				+	width: 32.1%;
			
 
				+	margin-left: 0.5%;
			
 
				+	margin-right: 1%;
			
 
				+	overflow: hidden;
			
 
				+	margin-bottom: 1.5%;
			
 
				+	text-align: center;
			
 
				+	background-color: #fff;
			
 
				+	padding-bottom: 4%;
			
 
				+}
			
 
				+.nproduct_list2 ul li:nth-child(3n+0) {
			
 
				+	margin-right: 0;
			
 
				+}
			
 
				+.nproduct_list2 ul li img {
			
 
				+	display: inline-block;
			
 
				+	width: 100%;
			
 
				+	-webkit-transform: scale(1);
			
 
				+	-moz-transform: scale(1);
			
 
				+	-ms-transform: scale(1);
			
 
				+	-o-transform: scale(1);
			
 
				+	transform: scale(1);
			
 
				+	-webkit-transition: all 0.3s ease-out 0s;
			
 
				+	-moz-transition: all 0.3s ease-out 0s;
			
 
				+	-o-transition: all 0.3s ease-out 0s;
			
 
				+	transition: all 0.3s ease-out 0s;
			
 
				+	vertical-align: middle;
			
 
				+}
			
 
				+.nproduct_list2 ul li .imgs {
			
 
				+	width: 100%;
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+.nproduct_list2 ul li h2 {
			
 
				+	font-weight: normal;
			
 
				+	color: #333333;
			
 
				+	line-height: 36px;
			
 
				+	height: 36px;
			
 
				+	text-align: center;
			
 
				+	overflow: hidden;
			
 
				+	padding-left: 2%;
			
 
				+	padding-right: 2%;
			
 
				+	white-space: nowrap;
			
 
				+	text-overflow: ellipsis;
			
 
				+	transition: all 0.3s;
			
 
				+	margin-bottom: 1%;
			
 
				+}
			
 
				+.nproduct_list2 ul li p {
			
 
				+	line-height: 20px;
			
 
				+	height: 40px;
			
 
				+	overflow: hidden;
			
 
				+	color: #929292;
			
 
				+	font-size: 14px;
			
 
				+	padding-left: 2%;
			
 
				+	padding-right: 2%;
			
 
				+	max-width: 350px;
			
 
				+	margin: 0 auto;
			
 
				+}
			
 
				+.nproduct_list2 ul li em {
			
 
				+	display: block;
			
 
				+	color: #ee697e;
			
 
				+	font-size: 14px;
			
 
				+	margin-top: 10px;
			
 
				+	line-height: 20px;
			
 
				+	height: 20px;
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+.nproduct_list2 ul li label {
			
 
				+	display: block;
			
 
				+	color: #333;
			
 
				+	font-size: 14px;
			
 
				+	line-height: 20px;
			
 
				+	height: 20px;
			
 
				+	overflow: hidden;
			
 
				+	margin-top: 5px;
			
 
				+}
			
 
				+.nproduct_list2 ul li:hover img {
			
 
				+	-webkit-transform: scale(1.1, 1.1);
			
 
				+	-moz-transform: scale(1.1, 1.1);
			
 
				+	-o-transform: scale(1.1, 1.1);
			
 
				+	-ms-transform: scale(1.1, 1.1);
			
 
				+	transform: scale(1.1, 1.1);
			
 
				+}
			
 
				+.nproduct_list2 ul li:hover {
			
 
				+	-webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.1);
			
 
				+	box-shadow: 0 5px 20px rgba(0,0,0,0.1);
			
 
				+	-webkit-transform: translate3d(0, -2px, 0);
			
 
				+	transform: translate3d(0, -2px, 0);
			
 
				+	transition: all 0.3s;
			
 
				+}
			
 
				+.nproduct_list2 ul li:hover h2 {
			
 
				+	color: #00a1e9;
			
 
				+}
			
 
				+.i_solution {
			
 
				+	overflow: hidden;
			
 
				+	padding-bottom: 4%;
			
 
				+	padding-top: 8px;
			
 
				+}
			
 
				+.i_solution ul li {
			
 
				+	float: left;
			
 
				+	width: 49%;
			
 
				+	margin-right: 2%;
			
 
				+	overflow: hidden;
			
 
				+	margin-bottom: 1.5%;
			
 
				+	text-align: center;
			
 
				+}
			
 
				+.i_solution ul li:nth-child(2n+0) {
			
 
				+	margin-right: 0;
			
 
				+}
			
 
				+.i_solution ul li img {
			
 
				+	display: block;
			
 
				+	width: 100%;
			
 
				+	-webkit-transform: scale(1);
			
 
				+	-moz-transform: scale(1);
			
 
				+	-ms-transform: scale(1);
			
 
				+	-o-transform: scale(1);
			
 
				+	transform: scale(1);
			
 
				+	-webkit-transition: all 0.3s ease-out 0s;
			
 
				+	-moz-transition: all 0.3s ease-out 0s;
			
 
				+	-o-transition: all 0.3s ease-out 0s;
			
 
				+	transition: all 0.3s ease-out 0s;
			
 
				+	vertical-align: middle;
			
 
				+}
			
 
				+.i_solution ul li .imgs {
			
 
				+	margin: 0 auto;
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+.i_solution ul li .txts {
			
 
				+	position: absolute;
			
 
				+	width: 100%;
			
 
				+	height: 100%;
			
 
				+	overflow: hidden;
			
 
				+	background: rgba(0,0,0,0.5);
			
 
				+	top: 0;
			
 
				+	left: 0;
			
 
				+}
			
 
				+.i_solution ul li h2 {
			
 
				+	font-weight: normal;
			
 
				+	color: #fff;
			
 
				+	line-height: 36px;
			
 
				+	height: 36px;
			
 
				+	text-align: center;
			
 
				+	overflow: hidden;
			
 
				+	padding-left: 2%;
			
 
				+	padding-right: 2%;
			
 
				+	white-space: nowrap;
			
 
				+	text-overflow: ellipsis;
			
 
				+	transition: all 0.3s;
			
 
				+	margin-bottom: 1%;
			
 
				+	margin-top: 30%;
			
 
				+}
			
 
				+.i_solution ul li p {
			
 
				+	line-height: 20px;
			
 
				+	height: 40px;
			
 
				+	overflow: hidden;
			
 
				+	color: #FFF;
			
 
				+	font-size: 16px;
			
 
				+	padding-left: 2%;
			
 
				+	padding-right: 2%;
			
 
				+	max-width: 350px;
			
 
				+	margin: 0 auto;
			
 
				+}
			
 
				+.i_solution ul li:hover img {
			
 
				+	-webkit-transform: scale(1.1, 1.1);
			
 
				+	-moz-transform: scale(1.1, 1.1);
			
 
				+	-o-transform: scale(1.1, 1.1);
			
 
				+	-ms-transform: scale(1.1, 1.1);
			
 
				+	transform: scale(1.1, 1.1);
			
 
				+}
			
 
				+.i_case_bg {
			
 
				+	background: url(../images/i_bg2.jpg) center center no-repeat;
			
 
				+	background-size: cover;
			
 
				+	overflow: hidden;
			
 
				+	padding-bottom: 4%;
			
 
				+}
			
 
				+.i_case_bg .i_title h2 {
			
 
				+	color: #fff;
			
 
				+}
			
 
				+.i_case_bg .i_title p {
			
 
				+	color: #fff;
			
 
				+	background: url(../images/i_bg3.png) center bottom no-repeat;
			
 
				+}
			
 
				+.i_link {
			
 
				+	overflow: hidden;
			
 
				+	margin-bottom: 3%;
			
 
				+}
			
 
				+.i_link ul li {
			
 
				+	float: left;
			
 
				+	width: 15.8%;
			
 
				+	margin-right: 1%;
			
 
				+	margin-bottom: 1%;
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+.i_link ul li:nth-child(6n+0) {
			
 
				+	margin-right: 0;
			
 
				+}
			
 
				+.i_link ul li .imgs {
			
 
				+	overflow: hidden;
			
 
				+	border: 1px solid #f0f0f0;
			
 
				+}
			
 
				+.i_link ul li .imgs img {
			
 
				+	display: block;
			
 
				+	width: 100%;
			
 
				+	-webkit-transform: scale(1);
			
 
				+	-moz-transform: scale(1);
			
 
				+	-ms-transform: scale(1);
			
 
				+	-o-transform: scale(1);
			
 
				+	transform: scale(1);
			
 
				+	-webkit-transition: all 0.3s ease-out 0s;
			
 
				+	-moz-transition: all 0.3s ease-out 0s;
			
 
				+	-o-transition: all 0.3s ease-out 0s;
			
 
				+	transition: all 0.3s ease-out 0s;
			
 
				+}
			
 
				+.i_link ul li .imgs:hover img {
			
 
				+	-webkit-transform: scale(1.1, 1.1);
			
 
				+	-moz-transform: scale(1.1, 1.1);
			
 
				+	-o-transform: scale(1.1, 1.1);
			
 
				+	-ms-transform: scale(1.1, 1.1);
			
 
				+	transform: scale(1.1, 1.1);
			
 
				+}
			
 
				+.banner_pos {
			
 
				+	overflow: hidden;
			
 
				+	position: absolute;
			
 
				+	width: 100%;
			
 
				+	height: 100%;
			
 
				+	bottom: 0;
			
 
				+	left: 0;
			
 
				+}
			
 
				+.banner_pos .banner_div {/* display:table; vertical-align:bottom; */
			
 
				+	height: 100%;
			
 
				+	width: 100%;
			
 
				+	position: relative;
			
 
				+}
			
 
				+/*.banner_pos .wrap .td{ display:table-cell; vertical-align:bottom;height:100%;}*/
			
 
				+/*.banner_pos img{transition:all 0.3s;filter: Alpha(Opacity=100);opacity: 1.0; max-width:100%;}*/
			
 
				+.banner_pos .img001 {
			
 
				+	height: 100%;
			
 
				+	width: 57.6%;
			
 
				+	vertical-align: bottom;
			
 
				+	position: absolute;
			
 
				+	bottom: 0;
			
 
				+	right: 0%;
			
 
				+}
			
 
				+.banner_pos .img001 img {
			
 
				+	height: 100%;
			
 
				+	filter: Alpha(Opacity=0);
			
 
				+	opacity: 0;
			
 
				+}
			
 
				+.banner_pos .txtsbox {
			
 
				+	float: left;
			
 
				+	width: 50%;
			
 
				+}
			
 
				+.banner_pos .txts {
			
 
				+	float: right;
			
 
				+	margin-right: 3%;
			
 
				+	margin-top: 20%;
			
 
				+	width: 94%;
			
 
				+	max-width: 536px;
			
 
				+	text-align: left;
			
 
				+}
			
 
				+.banner_pos .txts h2 {
			
 
				+	color: #00a1e9;
			
 
				+}
			
 
				+.banner_pos .txts p {
			
 
				+	color: #767676;
			
 
				+	margin-top: 6%;
			
 
				+}
			
 
				+.banner_pos .txts a {
			
 
				+	margin-top: 6%;
			
 
				+	width: 220px;
			
 
				+	display: block;
			
 
				+	height: 48px;
			
 
				+	line-height: 48px;
			
 
				+	border: 1px solid #606060;
			
 
				+	text-align: center;
			
 
				+	font-size: 12px;
			
 
				+	color: #a2a2a2;
			
 
				+}
			
 
				+.banner_pos .txts a em {
			
 
				+	float: right;
			
 
				+	margin-right: 7%;
			
 
				+	font-style: normal;
			
 
				+	font-family: "宋体";
			
 
				+	font-size: 18px;
			
 
				+}
			
 
				+.banner_pos .txts a:hover {
			
 
				+	border: 1px solid #00a1e9;
			
 
				+}
			
 
				+.banner_pos .txts a:hover {
			
 
				+	color: #00a1e9;
			
 
				+}
			
 
				+
			
 
				+/*动画*/
			
 
				+
			
 
				+
			
 
				+@media screen and (max-width:1760px) {
			
 
				+}
			
 
				+@media screen and (max-width:1440px) {
			
 
				+}
			
 
				+@media screen and (max-width:1200px) {
			
 
				+}
			
 
				+@media screen and (max-width:1000px) {
			
 
				+.i_link ul li {
			
 
				+	width: 19%;
			
 
				+}
			
 
				+.i_link ul li:nth-child(6n+0) {
			
 
				+	margin-right: 1.1%;
			
 
				+}
			
 
				+.i_link ul li:nth-child(5n+0) {
			
 
				+	margin-right: 0;
			
 
				+}
			
 
				+}
			
 
				+@media screen and (max-width:960px) {
			
 
				+}
			
 
				+@media screen and (max-width:830px) {
			
 
				+/*轮显*/
			
 
				+#slider {
			
 
				+	display: none;
			
 
				+}
			
 
				+.flash_div {
			
 
				+	display: block;
			
 
				+}
			
 
				+.i_link ul li {
			
 
				+	width: 24%;
			
 
				+}
			
 
				+.i_link ul li:nth-child(5n+0) {
			
 
				+	margin-right: 1.1%;
			
 
				+}
			
 
				+.i_link ul li:nth-child(4n+0) {
			
 
				+	margin-right: 0;
			
 
				+}
			
 
				+}
			
 
				+ @media screen and (max-width: 780px) {
			
 
				+.nproduct_list2 ul li {
			
 
				+	width: 49%;
			
 
				+}
			
 
				+.nproduct_list2 ul li:nth-child(3n+0) {
			
 
				+	margin-right: 1%;
			
 
				+}
			
 
				+.nproduct_list2 ul li:nth-child(2n+0) {
			
 
				+	margin-right: 0;
			
 
				+}
			
 
				+}
			
 
				+@media screen and (max-width: 640px) {
			
 
				+.nproduct_list2 ul li p {
			
 
				+	font-size: 13px;
			
 
				+}
			
 
				+.i_link ul li {
			
 
				+	width: 32.5%;
			
 
				+}
			
 
				+.i_link ul li:nth-child(4n+0) {
			
 
				+	margin-right: 1.1%;
			
 
				+}
			
 
				+.i_link ul li:nth-child(3n+0) {
			
 
				+	margin-right: 0;
			
 
				+}
			
 
				+}
			
 
				+ @media screen and (max-width: 480px) {
			
 
				+.nproduct_list2 ul li p {
			
 
				+	font-size: 12px;
			
 
				+}
			
 
				+}
			
 
				+ @media screen and (max-width:360px) {
			
 
				+}
			
--- a/src/main/webapp/template/1/default/css/jquery.bxslider.css
+++ b/src/main/webapp/template/1/default/css/jquery.bxslider.css
@@ -0,0 +1,226 @@
 
				+/**
			
 
				+ * BxSlider v4.1.2 - Fully loaded, responsive content slider
			
 
				+ * http://bxslider.com
			
 
				+ *
			
 
				+ * Written by: Steven Wanderski, 2014
			
 
				+ * http://stevenwanderski.com
			
 
				+ * (while drinking Belgian ales and listening to jazz)
			
 
				+ *
			
 
				+ * CEO and founder of bxCreative, LTD
			
 
				+ * http://bxcreative.com
			
 
				+ */
			
 
				+
			
 
				+
			
 
				+/** RESET AND LAYOUT
			
 
				+===================================*/
			
 
				+
			
 
				+.bx-wrapper {
			
 
				+	position: relative;
			
 
				+	margin: 0px;
			
 
				+	padding: 0;
			
 
				+ *zoom: 1;
			
 
				+}
			
 
				+.bx-wrapper ul {
			
 
				+	margin: 0px;
			
 
				+	padding: 0px;
			
 
				+}
			
 
				+.bx-wrapper img {
			
 
				+	max-width: 100%;
			
 
				+	display: block;
			
 
				+	width: 100%;/* filter: Alpha(Opacity=0);opacity: 0; */
			
 
				+}
			
 
				+/** THEME
			
 
				+===================================*/
			
 
				+
			
 
				+.bx-wrapper .bx-viewport {
			
 
				+	border: 0px solid #fff;
			
 
				+	left: 0px;
			
 
				+	background: #fff;
			
 
				+	/*fix other elements on the page moving (on Chrome)*/
			
 
				+	-webkit-transform: translatez(0);
			
 
				+	-moz-transform: translatez(0);
			
 
				+	-ms-transform: translatez(0);
			
 
				+	-o-transform: translatez(0);
			
 
				+	transform: translatez(0);
			
 
				+}
			
 
				+.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			
 
				+	position: absolute;
			
 
				+	bottom: -30px;
			
 
				+	width: 100%;
			
 
				+}
			
 
				+/* LOADER */
			
 
				+
			
 
				+.bx-wrapper .bx-loading {
			
 
				+	min-height: 50px;
			
 
				+	background: url(../images/bx_loader.gif) center center no-repeat #fff;
			
 
				+	height: 100%;
			
 
				+	width: 100%;
			
 
				+	position: absolute;
			
 
				+	top: 0;
			
 
				+	left: 0;
			
 
				+	z-index: 2000;
			
 
				+}
			
 
				+/* PAGER */
			
 
				+
			
 
				+.bx-wrapper .bx-pager {
			
 
				+	text-align: center;
			
 
				+	font-size: .85em;
			
 
				+	font-family: Arial;
			
 
				+	font-weight: bold;
			
 
				+	color: #666;
			
 
				+	padding-top: 20px;
			
 
				+}
			
 
				+.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
			
 
				+	display: inline-block;
			
 
				+ *zoom: 1;
			
 
				+ *display: inline;
			
 
				+}
			
 
				+.bx-wrapper .bx-pager.bx-default-pager a {
			
 
				+	background: #b3b3b3;
			
 
				+	text-indent: -9999px;
			
 
				+	display: block;
			
 
				+	width: 10px;
			
 
				+	height: 10px;
			
 
				+	margin: 0 5px;
			
 
				+	outline: 0;
			
 
				+	-moz-border-radius: 5px;
			
 
				+	-webkit-border-radius: 5px;
			
 
				+	border-radius: 5px;
			
 
				+}
			
 
				+.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
			
 
				+	background: #000;
			
 
				+}
			
 
				+/* DIRECTION CONTROLS (NEXT / PREV) */
			
 
				+
			
 
				+.bx-wrapper .bx-prev {
			
 
				+	left: 10%;
			
 
				+	background: url(../images/i_left.png) no-repeat;
			
 
				+}
			
 
				+.bx-wrapper .bx-next {
			
 
				+	right: 10%;
			
 
				+	background: url(../images/i_right.png) no-repeat;
			
 
				+}
			
 
				+.bx-wrapper .bx-prev:hover {
			
 
				+	background: url(../images/i_left_on.png) no-repeat;
			
 
				+}
			
 
				+.bx-wrapper .bx-next:hover {
			
 
				+	background: url(../images/i_right_on.png) no-repeat;
			
 
				+}
			
 
				+.bx-wrapper .bx-controls-direction a {
			
 
				+	position: absolute;
			
 
				+	top: 50%;
			
 
				+	margin-top: -16px;
			
 
				+	outline: 0;
			
 
				+	width: 31px;
			
 
				+	height: 55px;
			
 
				+	text-indent: -9999px;/*z-index: 9999;*/
			
 
				+}
			
 
				+.bx-wrapper .bx-controls-direction a.disabled {
			
 
				+	display: none;
			
 
				+}
			
 
				+/* AUTO CONTROLS (START / STOP) */
			
 
				+
			
 
				+.bx-wrapper .bx-controls-auto {
			
 
				+	text-align: center;
			
 
				+}
			
 
				+.bx-wrapper .bx-controls-auto .bx-start {
			
 
				+	display: block;
			
 
				+	text-indent: -9999px;
			
 
				+	width: 10px;
			
 
				+	height: 11px;
			
 
				+	outline: 0;
			
 
				+	background: url(../images/controls.png) -86px -11px no-repeat;
			
 
				+	margin: 0 3px;
			
 
				+}
			
 
				+.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
			
 
				+	background-position: -86px 0;
			
 
				+}
			
 
				+.bx-wrapper .bx-controls-auto .bx-stop {
			
 
				+	display: block;
			
 
				+	text-indent: -9999px;
			
 
				+	width: 9px;
			
 
				+	height: 11px;
			
 
				+	outline: 0;
			
 
				+	background: url(../images/controls.png) -86px -44px no-repeat;
			
 
				+	margin: 0 3px;
			
 
				+}
			
 
				+.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
			
 
				+	background-position: -86px -33px;
			
 
				+}
			
 
				+/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
			
 
				+
			
 
				+.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
			
 
				+	text-align: left;
			
 
				+	width: 80%;
			
 
				+}
			
 
				+.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
			
 
				+	right: 0;
			
 
				+	width: 35px;
			
 
				+}
			
 
				+/* IMAGE CAPTIONS */
			
 
				+
			
 
				+.bx-wrapper .bx-caption {
			
 
				+	position: absolute;
			
 
				+	bottom: 0;
			
 
				+	left: 0;
			
 
				+	background: #666\9;
			
 
				+	background: rgba(80, 80, 80, 0.75);
			
 
				+	width: 100%;
			
 
				+}
			
 
				+.bx-wrapper .bx-caption span {
			
 
				+	color: #fff;
			
 
				+	font-family: Arial;
			
 
				+	display: block;
			
 
				+	font-size: .85em;
			
 
				+	padding: 10px;
			
 
				+}
			
 
				+#slider {
			
 
				+	position: relative;
			
 
				+}
			
 
				+#bx-pager {
			
 
				+	z-index: 1000;
			
 
				+	position: absolute;
			
 
				+	bottom: 20px;
			
 
				+	left: 0px;
			
 
				+	width: 100%;
			
 
				+}
			
 
				+#bx-pager .item {
			
 
				+	text-align: center;
			
 
				+}
			
 
				+#bx-pager .item a {
			
 
				+	display: inline-block;
			
 
				+	margin: 10px;
			
 
				+	border: white 3px solid;
			
 
				+	position: relative;
			
 
				+}
			
 
				+#bx-pager .item a .preview {
			
 
				+	display: none;
			
 
				+}
			
 
				+#bx-pager .item a:hover {
			
 
				+	border: #ccc 3px solid;
			
 
				+}
			
 
				+#bx-pager .item a:hover .preview {
			
 
				+	display: block;
			
 
				+	position: absolute;
			
 
				+	top: -5px;
			
 
				+	left: -7px;
			
 
				+	width: 200px;
			
 
				+	height: 100px;
			
 
				+	border: #ccc 3px solid;/*transform:scalex(1.2) scaley(1.2)*/
			
 
				+}
			
 
				+.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			
 
				+	position: absolute;
			
 
				+	bottom: 30px;
			
 
				+	width: 100%;
			
 
				+}
			
 
				+.bx-wrapper .bx-pager.bx-default-pager a {
			
 
				+	width: 50px;
			
 
				+	height: 4px;
			
 
				+	-moz-border-radius: 5px;
			
 
				+	-webkit-border-radius: 5px;
			
 
				+	border-radius: 5px;
			
 
				+	margin-bottom: 10px;
			
 
				+}
			
 
				+.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
			
 
				+	background: #00b9ef
			
 
				+}
			
--- a/src/main/webapp/template/1/default/css/lrtk3.css
+++ b/src/main/webapp/template/1/default/css/lrtk3.css
@@ -0,0 +1,190 @@
 
				+/* side */
			
 
				+.side {
			
 
				+	position: fixed;
			
 
				+	width: 56px;
			
 
				+	right: 0;
			
 
				+	top: 355px;
			
 
				+	z-index: 100;
			
 
				+	text-align: left;
			
 
				+	filter: Alpha(Opacity=95);
			
 
				+	opacity: 0.95;
			
 
				+}
			
 
				+.side ul li {
			
 
				+	width: 56px;
			
 
				+	height: 50px;
			
 
				+	float: left;
			
 
				+	position: relative;
			
 
				+	padding-bottom: 1px;
			
 
				+	background: url(../images/line0.png) #e48c0f right bottom no-repeat;
			
 
				+}
			
 
				+.side ul li img {
			
 
				+	opacity: 0.8;
			
 
				+	filter: Alpha(opacity=80);
			
 
				+}
			
 
				+.side ul li:hover img {
			
 
				+	opacity: 1;
			
 
				+	filter: Alpha(opacity=100);
			
 
				+}
			
 
				+.side ul li .sidebox {
			
 
				+	border-radius: 5px 0 0 0px;
			
 
				+	background: #e48c0f;
			
 
				+	position: absolute;
			
 
				+	width: 56px;
			
 
				+	height: 50px;
			
 
				+	top: 0;
			
 
				+	right: 0;
			
 
				+	transition: all 0.3s;/*opacity:0.9;filter:Alpha(opacity=90);*/
			
 
				+	color: #fff;
			
 
				+	font: 14px/50px "微软雅黑";
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+.side ul li .sidebox:hover {
			
 
				+	border-radius: 5px 0 0 5px;
			
 
				+}
			
 
				+.side ul li .sidetop {
			
 
				+	width: 56px;
			
 
				+	height: 50px;
			
 
				+	line-height: 50px;
			
 
				+	display: inline-block;
			
 
				+	background: #ff8500;
			
 
				+	border-radius: 0 0 0 5px;/*background:#e48c0f;opacity:0.9;filter:Alpha(opacity=90);*/
			
 
				+	transition: all 0.3s;
			
 
				+}
			
 
				+.side ul li .sideewm {
			
 
				+	width: 56px;
			
 
				+	height: 50px;
			
 
				+	line-height: 50px;
			
 
				+	display: inline-block;/*background:#e48c0f;opacity:0.9;filter:Alpha(opacity=90);*/
			
 
				+	transition: all 0.3s;
			
 
				+}
			
 
				+.side ul li .sideewm .ewBox {
			
 
				+	width: 207px;
			
 
				+	display: none;
			
 
				+	color: #363636;
			
 
				+	text-align: center;
			
 
				+	position: absolute;
			
 
				+	left: -203px;
			
 
				+	top: -10px;
			
 
				+	background-image: url('../images/leftewm.png');
			
 
				+	background-repeat: no-repeat;
			
 
				+	background-position: center 0px;
			
 
				+	height: 226px
			
 
				+}
			
 
				+.side ul li .sideewm .ewBox img {
			
 
				+	width: 150px;
			
 
				+	height: 150px;
			
 
				+	margin-top: 30px;
			
 
				+	margin-left: 30px;
			
 
				+}
			
 
				+.side ul li .sideetel {
			
 
				+	width: 56px;
			
 
				+	height: 50px;
			
 
				+	line-height: 50px;
			
 
				+	display: inline-block;/*background:#000;opacity:0.9;filter:Alpha(opacity=90);*/
			
 
				+	transition: all 0.3s;
			
 
				+	text-align: left;
			
 
				+}
			
 
				+/*.side ul li .sideetel:hover{background:#f3782a;opacity:1;filter:Alpha(opacity=100);}*/
			
 
				+.side ul li .sideetel .telBox {
			
 
				+	width: 185px;
			
 
				+	height: 72px;
			
 
				+	padding-top: 135px;
			
 
				+	display: none;
			
 
				+	color: #363636;
			
 
				+	text-align: center;
			
 
				+	position: absolute;
			
 
				+	left: -185px;
			
 
				+	top: -155px;
			
 
				+	background-image: url('../images/lefttel.png');
			
 
				+	background-repeat: no-repeat;
			
 
				+	background-position: center top;
			
 
				+}
			
 
				+.side ul li .sideetel .telinput {
			
 
				+	width: 135px;
			
 
				+	text-align: center;
			
 
				+	height: 25px;
			
 
				+	line-height: 25px;
			
 
				+	background-color: #fff;
			
 
				+	color: #7d7d7d;
			
 
				+	font-size: 14px;
			
 
				+	margin-left: 25px;
			
 
				+	border: 0;
			
 
				+	z-index: 9999999;
			
 
				+	float: left;
			
 
				+}
			
 
				+.side ul li .sideetel .telbnt {
			
 
				+	width: 135px;
			
 
				+	height: 26px;
			
 
				+	line-height: 26px;
			
 
				+	background-color: #735012;
			
 
				+	font-size: 14px;
			
 
				+	border: 0;
			
 
				+	margin-left: 25px;
			
 
				+	margin-top: 5px;
			
 
				+	color: #fff;
			
 
				+	cursor: pointer;
			
 
				+	border-radius: 4px;
			
 
				+	float: left;
			
 
				+}
			
 
				+.side ul li img {
			
 
				+	float: left;
			
 
				+}
			
 
				+.side dl dt {
			
 
				+	width: 54px;
			
 
				+	height: 54px;
			
 
				+	float: left;
			
 
				+	position: relative;
			
 
				+}
			
 
				+.side dl dt .sidebox {
			
 
				+	position: absolute;
			
 
				+	width: 54px;
			
 
				+	height: 54px;
			
 
				+	border-bottom: 1px solid #444;
			
 
				+	top: 0;
			
 
				+	right: 0;
			
 
				+	transition: all 0.3s;
			
 
				+	background: #000;
			
 
				+	opacity: 0.9;
			
 
				+	filter: Alpha(opacity=90);
			
 
				+	color: #fff;
			
 
				+	font: 12px/54px "微软雅黑";
			
 
				+}
			
 
				+.side dl dd {
			
 
				+	width: 54px;
			
 
				+	height: 44px;
			
 
				+	float: left;
			
 
				+	position: relative;
			
 
				+	display: none;
			
 
				+}
			
 
				+.side dl dd .sidebox {
			
 
				+	position: absolute;
			
 
				+	width: 54px;
			
 
				+	height: 44px;
			
 
				+	border-bottom: 1px solid #444;
			
 
				+	top: 0;
			
 
				+	right: 0;
			
 
				+	transition: all 0.3s;
			
 
				+	background: #000;
			
 
				+	opacity: 0.9;
			
 
				+	filter: Alpha(opacity=90);
			
 
				+	color: #fff;
			
 
				+	font: 12px/54px "微软雅黑";
			
 
				+	line-height: 44px;
			
 
				+}
			
 
				+.side dl dd .sidebox:hover {
			
 
				+	background: #f3782a;
			
 
				+	opacity: 1;
			
 
				+	filter: Alpha(opacity=100);
			
 
				+}
			
 
				+.side dl dd .sidebox:hover img {
			
 
				+	opacity: 0.8;
			
 
				+	filter: Alpha(opacity=80);
			
 
				+}
			
 
				+.side dl img {
			
 
				+	float: left;
			
 
				+}
			
 
				+@media screen and (max-width: 640px) {
			
 
				+.side {
			
 
				+	display: none;
			
 
				+}
			
 
				+}
			
--- a/src/main/webapp/template/1/default/css/pscroll.css
+++ b/src/main/webapp/template/1/default/css/pscroll.css
@@ -0,0 +1,773 @@
 
				+.owl-carousel .owl-wrapper:after {
			
 
				+	content: ".";
			
 
				+	display: block;
			
 
				+	clear: both;
			
 
				+	visibility: hidden;
			
 
				+	line-height: 0;
			
 
				+	height: 0;
			
 
				+}
			
 
				+/* display none until init*/
			
 
				+.owl-carousel {
			
 
				+	display: none;
			
 
				+	position: relative;
			
 
				+	width: 100%;
			
 
				+	-ms-touch-action: pan-y;
			
 
				+}
			
 
				+.owl-carousel .owl-wrapper {
			
 
				+	display: none;
			
 
				+	position: relative;
			
 
				+	-webkit-transform: translate3d(0px, 0px, 0px);
			
 
				+}
			
 
				+.owl-carousel .owl-wrapper-outer {
			
 
				+	overflow: hidden;
			
 
				+	position: relative;
			
 
				+	width: 100%;
			
 
				+}
			
 
				+.owl-carousel .owl-wrapper-outer.autoHeight {
			
 
				+	-webkit-transition: height 500ms ease-in-out;
			
 
				+	-moz-transition: height 500ms ease-in-out;
			
 
				+	-ms-transition: height 500ms ease-in-out;
			
 
				+	-o-transition: height 500ms ease-in-out;
			
 
				+	transition: height 500ms ease-in-out;
			
 
				+}
			
 
				+.owl-carousel .owl-item {
			
 
				+	float: left;
			
 
				+}
			
 
				+.owl-controls .owl-page, .owl-controls .owl-buttons div {
			
 
				+	cursor: pointer;
			
 
				+}
			
 
				+.owl-controls {
			
 
				+	-webkit-user-select: none;
			
 
				+	-khtml-user-select: none;
			
 
				+	-moz-user-select: none;
			
 
				+	-ms-user-select: none;
			
 
				+	user-select: none;
			
 
				+	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
			
 
				+}
			
 
				+/* mouse grab icon*/
			
 
				+.grabbing {
			
 
				+	cursor: url(../images/grabbing.png) 8 8, move;
			
 
				+}
			
 
				+/* fix*/
			
 
				+.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
			
 
				+	-webkit-backface-visibility: hidden;
			
 
				+	-moz-backface-visibility: hidden;
			
 
				+	-ms-backface-visibility: hidden;
			
 
				+	-webkit-transform: translate3d(0, 0, 0);
			
 
				+	-moz-transform: translate3d(0, 0, 0);
			
 
				+	-ms-transform: translate3d(0, 0, 0);
			
 
				+}
			
 
				+.owl-theme .owl-controls {/*margin-bottom:20px;*/
			
 
				+	text-align: center;
			
 
				+}
			
 
				+/* Styling Next and Prev buttons*/
			
 
				+.owl-theme .owl-controls .owl-buttons div {
			
 
				+	color: #FFF;
			
 
				+	display: inline-block;
			
 
				+	zoom: 1;
			
 
				+*display: inline;
			
 
				+	width: 38px;
			
 
				+	height: 74px;/*IE7 life-saver*/
			
 
				+	text-indent: 40px;
			
 
				+	margin-top: -16%;
			
 
				+	z-index: 9;
			
 
				+	position: relative;
			
 
				+	overflow: hidden;
			
 
				+	-webkit-transition: all 0.3s ease-out 0s;
			
 
				+	-moz-transition: all 0.3s ease-out 0s;
			
 
				+	-o-transition: all 0.3s ease-out 0s;
			
 
				+	transition: all 0.3s ease-out 0s;
			
 
				+}
			
 
				+.owl-theme .owl-controls .owl-buttons div.owl-prev {
			
 
				+	background: url(../images/i_pro_left.png) no-repeat;
			
 
				+	float: left;
			
 
				+}
			
 
				+.owl-theme .owl-controls .owl-buttons div.owl-prev:hover {
			
 
				+	background: url(../images/i_pro_left_on.png) no-repeat;
			
 
				+}
			
 
				+.owl-theme .owl-controls .owl-buttons div.owl-next {
			
 
				+	background: url(../images/i_pro_right.png) no-repeat;
			
 
				+	float: right;
			
 
				+}
			
 
				+.owl-theme .owl-controls .owl-buttons div.owl-next:hover {
			
 
				+	background: url(../images/i_pro_right_on.png) no-repeat;
			
 
				+}
			
 
				+/* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/
			
 
				+.owl-theme .owl-controls.clickable .owl-buttons div:hover {
			
 
				+	filter: Alpha(Opacity=100);/*IE7 fix*/
			
 
				+	opacity: 1;
			
 
				+	text-decoration: none;
			
 
				+}
			
 
				+/* Styling Pagination*/
			
 
				+.owl-theme .owl-controls .owl-page {
			
 
				+	display: inline-block;
			
 
				+	zoom: 1;
			
 
				+*display: inline;/*IE7 life-saver*/
			
 
				+	display: none;
			
 
				+}
			
 
				+.owl-theme .owl-controls .owl-page span {
			
 
				+	display: block;
			
 
				+	width: 10px;
			
 
				+	height: 10px;
			
 
				+	margin: 5px 5px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/
			
 
				+	-webkit-border-radius: 50%;
			
 
				+	-moz-border-radius: 50%;
			
 
				+	border-radius: 50%;
			
 
				+	background: #ccc;
			
 
				+}
			
 
				+.owl-theme .owl-controls .owl-page.active span {
			
 
				+	background: #4cb6ed;
			
 
				+}
			
 
				+/* If PaginationNumbers is true 
			
 
				+.owl-theme .owl-controls.clickable .owl-page:hover span*/
			
 
				+.owl-theme .owl-controls .owl-page span.owl-numbers {
			
 
				+	height: auto;
			
 
				+	width: auto;
			
 
				+	color: #FFF;
			
 
				+	padding: 2px 10px;
			
 
				+	font-size: 12px;
			
 
				+	-webkit-border-radius: 30px;
			
 
				+	-moz-border-radius: 30px;
			
 
				+	border-radius: 30px;
			
 
				+}
			
 
				+/* preloading images*/
			
 
				+.owl-item.loading {
			
 
				+	min-height: 150px;
			
 
				+	background: url(../images/ajaxloader.gif) no-repeat center center
			
 
				+}
			
 
				+/*首页手机轮显*/
			
 
				+.flash_div {
			
 
				+	display: none;
			
 
				+}
			
 
				+#owl-flash {
			
 
				+	text-align: center;
			
 
				+}
			
 
				+#owl-flash.owl-theme .owl-controls {
			
 
				+	bottom: 0px;
			
 
				+	text-align: center;
			
 
				+	position: absolute;
			
 
				+	width: 100%;
			
 
				+}
			
 
				+#owl-flash.owl-theme .owl-controls .owl-pagination {
			
 
				+}
			
 
				+/* Styling Pagination*/
			
 
				+#owl-flash.owl-theme .owl-controls .owl-page {
			
 
				+	display: inline-block;
			
 
				+	zoom: 1;
			
 
				+*display: inline;/*IE7 life-saver*/
			
 
				+}
			
 
				+#owl-flash.owl-theme .owl-controls .owl-page span {
			
 
				+	display: block;
			
 
				+	width: 10px;
			
 
				+	height: 10px;
			
 
				+	margin: 5px 5px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/
			
 
				+	-webkit-border-radius: 20px;
			
 
				+	-moz-border-radius: 20px;
			
 
				+	border-radius: 50%;
			
 
				+	background: #b3b3b3;
			
 
				+}
			
 
				+#owl-flash.owl-theme .owl-controls .owl-page.active span {
			
 
				+	background: #00a1e9;
			
 
				+}
			
 
				+#owl-flash.owl-theme .owl-controls .owl-buttons {
			
 
				+	position: absolute;
			
 
				+	top: 30%;
			
 
				+	width: 100%;
			
 
				+	left: 0;
			
 
				+	height: 0;
			
 
				+	display: none;
			
 
				+}
			
 
				+#owl-flash.owl-theme .owl-controls .owl-page {
			
 
				+	display: inline-block;
			
 
				+}
			
 
				+#owl-flash .item {
			
 
				+	margin: 0px;
			
 
				+}
			
 
				+#owl-flash .item img {
			
 
				+	display: block;
			
 
				+	width: 100%;
			
 
				+	height: 100%;
			
 
				+}
			
 
				+#owl-flash .item dd {
			
 
				+	width: 100%;
			
 
				+}
			
 
				+/*首页工程实例*/
			
 
				+#owl-demo3 {
			
 
				+	text-align: center;
			
 
				+}
			
 
				+#owl-demo3.owl-theme .owl-pagination {
			
 
				+	display: none;
			
 
				+}
			
 
				+#owl-demo3.owl-theme .owl-controls {
			
 
				+	padding-top: 0%;
			
 
				+}
			
 
				+#owl-demo3.owl-theme .owl-controls .owl-buttons {
			
 
				+	position: absolute;
			
 
				+	top: 47%;
			
 
				+	width: 100%;
			
 
				+	left: 0;
			
 
				+	height: 0;
			
 
				+}
			
 
				+#owl-demo3.owl-theme .owl-controls .owl-buttons div {
			
 
				+	color: #FFF;
			
 
				+	display: inline-block;
			
 
				+	zoom: 1;
			
 
				+*display: inline;
			
 
				+	width: 19px;
			
 
				+	height: 33px;/*IE7 life-saver*/
			
 
				+	text-indent: 60px;
			
 
				+	overflow: hidden;
			
 
				+	-webkit-transition: all 0.3s ease-out 0s;
			
 
				+	-moz-transition: all 0.3s ease-out 0s;
			
 
				+	-o-transition: all 0.3s ease-out 0s;
			
 
				+	transition: all 0.3s ease-out 0s;
			
 
				+	margin-top: 0;
			
 
				+}
			
 
				+#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev {
			
 
				+	background: url(../images/i_left2.png) center center no-repeat;
			
 
				+	float: left;
			
 
				+	margin-left: -30px;
			
 
				+}
			
 
				+#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev:hover {
			
 
				+	filter: Alpha(Opacity=80);
			
 
				+	opacity: 0.8;
			
 
				+	transition: all 0.3s;
			
 
				+}
			
 
				+#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next {
			
 
				+	background: url(../images/i_right2.png) center center no-repeat;
			
 
				+	float: right;
			
 
				+	margin-right: -30px;
			
 
				+}
			
 
				+#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next:hover {
			
 
				+	filter: Alpha(Opacity=80);
			
 
				+	opacity: 0.8;
			
 
				+	transition: all 0.3s;
			
 
				+}
			
 
				+#owl-demo3.owl-theme .owl-controls .owl-page {
			
 
				+	display: inline-block;
			
 
				+}
			
 
				+#owl-demo3 .item {
			
 
				+	margin: 0px 3%;
			
 
				+	text-align: center;
			
 
				+}
			
 
				+#owl-demo3 .item img {
			
 
				+	display: block;
			
 
				+	width: 100%;
			
 
				+	height: 100%;
			
 
				+	-webkit-transition: all 1s ease-in-out;
			
 
				+	-moz-transition: all 1s ease-in-out;
			
 
				+	-ms-transition: all 1s ease-in-out;
			
 
				+	-o-transition: all 1s ease-in-out;
			
 
				+	transition: all 1s ease-in-out;
			
 
				+}
			
 
				+#owl-demo3 .item dd {
			
 
				+	width: 100%;
			
 
				+	margin: 0 auto;
			
 
				+	position: relative;
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+#owl-demo3 .item dd .imgs {
			
 
				+	overflow: hidden;
			
 
				+	width: 100%;
			
 
				+}
			
 
				+#owl-demo3 .item dd .imgs img {
			
 
				+	display: block;
			
 
				+	width: 100%;
			
 
				+	-webkit-transform: scale(1);
			
 
				+	-moz-transform: scale(1);
			
 
				+	-ms-transform: scale(1);
			
 
				+	-o-transform: scale(1);
			
 
				+	transform: scale(1);
			
 
				+	-webkit-transition: all 0.3s ease-out 0s;
			
 
				+	-moz-transition: all 0.3s ease-out 0s;
			
 
				+	-o-transition: all 0.3s ease-out 0s;
			
 
				+	transition: all 0.3s ease-out 0s;
			
 
				+}
			
 
				+#owl-demo3 .item dd .txts {
			
 
				+	overflow: hidden;
			
 
				+	background-color: #fff;
			
 
				+	transition: all 0.3s;
			
 
				+	padding-bottom: 25px;
			
 
				+	padding-top: 25px;
			
 
				+	padding-left: 26px;
			
 
				+	padding-right: 2%;
			
 
				+	text-align: left;
			
 
				+}
			
 
				+#owl-demo3 .item dd .txts h2 {
			
 
				+	height: 36px;
			
 
				+	line-height: 36px;
			
 
				+	overflow: hidden;
			
 
				+	font-weight: normal;
			
 
				+	color: #333;
			
 
				+}
			
 
				+#owl-demo3 .item dd .txts .p {
			
 
				+	font-size: 14px;
			
 
				+	color: #aaaaaa;
			
 
				+	line-height: 20px;
			
 
				+	height: 20px;
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+#owl-demo3 .item dd:hover .imgs img {
			
 
				+	-webkit-transform: scale(1.1, 1.1);
			
 
				+	-moz-transform: scale(1.1, 1.1);
			
 
				+	-o-transform: scale(1.1, 1.1);
			
 
				+	-ms-transform: scale(1.1, 1.1);
			
 
				+	transform: scale(1.1, 1.1);
			
 
				+}
			
 
				+#owl-demo3 .item dd:hover .txts h2 {
			
 
				+	color: #014ee7;
			
 
				+}
			
 
				+#owl-demo3 .item dd .desc {
			
 
				+	display: none;
			
 
				+}
			
 
				+/*旧产品详细*/
			
 
				+#owl-demo2 {
			
 
				+	text-align: center;
			
 
				+}
			
 
				+#owl-demo2.owl-theme .owl-controls {
			
 
				+	bottom: 5px;
			
 
				+	text-align: center;
			
 
				+	position: absolute;
			
 
				+	width: 100%;
			
 
				+}
			
 
				+#owl-demo2.owl-theme .owl-controls .owl-pagination {
			
 
				+	text-align: right;
			
 
				+	padding-right: 2%;
			
 
				+	display: none;
			
 
				+}
			
 
				+/* Styling Pagination*/
			
 
				+#owl-demo2.owl-theme .owl-controls .owl-page {
			
 
				+	display: inline-block;
			
 
				+	zoom: 1;
			
 
				+*display: inline;/*IE7 life-saver*/
			
 
				+}
			
 
				+#owl-demo2.owl-theme .owl-controls .owl-page span {
			
 
				+	display: block;
			
 
				+	width: 10px;
			
 
				+	height: 10px;
			
 
				+	margin: 5px 5px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/
			
 
				+	-webkit-border-radius: 20px;
			
 
				+	-moz-border-radius: 20px;
			
 
				+	border-radius: 50%;
			
 
				+	background: #ffffff;
			
 
				+}
			
 
				+#owl-demo2.owl-theme .owl-controls .owl-page.active span {
			
 
				+	background: #ec2029;
			
 
				+}
			
 
				+#owl-demo2.owl-theme .owl-controls .owl-buttons {
			
 
				+	position: absolute;
			
 
				+	top: 30%;
			
 
				+	width: 100%;
			
 
				+	left: 0;
			
 
				+	height: 0;
			
 
				+	display: none;
			
 
				+}
			
 
				+#owl-demo2.owl-theme .owl-controls .owl-page {
			
 
				+	display: inline-block;
			
 
				+}
			
 
				+#owl-demo2 .item {
			
 
				+	margin: 0px;
			
 
				+}
			
 
				+#owl-demo2 .item img {
			
 
				+	display: block;
			
 
				+	width: 100%;
			
 
				+	-webkit-transform: scale(1);
			
 
				+	-moz-transform: scale(1);
			
 
				+	-ms-transform: scale(1);
			
 
				+	-o-transform: scale(1);
			
 
				+	transform: scale(1);
			
 
				+	-webkit-transition: all 0.3s ease-out 0s;
			
 
				+	-moz-transition: all 0.3s ease-out 0s;
			
 
				+	-o-transition: all 0.3s ease-out 0s;
			
 
				+	transition: all 0.3s ease-out 0s;
			
 
				+}
			
 
				+#owl-demo2 .item dd {
			
 
				+	width: 80%;
			
 
				+	margin: 0 auto;
			
 
				+	text-align: center;
			
 
				+}
			
 
				+#owl-demo2 .item dd .imgs {
			
 
				+	margin: 0 auto;
			
 
				+	overflow: hidden;
			
 
				+	-webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.1);
			
 
				+	box-shadow: 0 5px 20px rgba(0,0,0,0.1);
			
 
				+	-webkit-transform: translate3d(0, -2px, 0);
			
 
				+	transform: translate3d(0, -2px, 0);
			
 
				+	margin-bottom: 5%;
			
 
				+}
			
 
				+#owl-demo2 .item dd:hover .imgs img {
			
 
				+	-webkit-transform: scale(1.1, 1.1);
			
 
				+	-moz-transform: scale(1.1, 1.1);
			
 
				+	-o-transform: scale(1.1, 1.1);
			
 
				+	-ms-transform: scale(1.1, 1.1);
			
 
				+	transform: scale(1.1, 1.1);
			
 
				+}
			
 
				+#owl-demo2 .item dd h2 {
			
 
				+	font-weight: normal;
			
 
				+	color: #1d1d1d;
			
 
				+	margin: 0 auto;
			
 
				+	max-width: 450px;
			
 
				+	margin-bottom: 2%;
			
 
				+}
			
 
				+#owl-demo2 .item dd p {
			
 
				+	color: #444;
			
 
				+	line-height: 24px;
			
 
				+	margin: 0 auto;
			
 
				+	max-width: 450px;
			
 
				+}
			
 
				+#owl-demo2 .item dd:hover h2 {
			
 
				+	color: #1d96d2;
			
 
				+}
			
 
				+/*机器人产品详细3*/
			
 
				+#owl-demo4.owl-carousel .owl-wrapper-outer {
			
 
				+	overflow: visible;
			
 
				+}
			
 
				+#owl-demo4 {
			
 
				+	text-align: center;
			
 
				+	margin-top: 10%;
			
 
				+}
			
 
				+#owl-demo4.owl-theme .owl-controls {
			
 
				+	bottom: 5px;
			
 
				+	text-align: center;
			
 
				+	position: absolute;
			
 
				+	width: 100%;
			
 
				+}
			
 
				+#owl-demo4.owl-theme .owl-controls .owl-pagination {
			
 
				+	text-align: right;
			
 
				+	padding-right: 2%;
			
 
				+	display: none;
			
 
				+}
			
 
				+/* Styling Pagination*/
			
 
				+#owl-demo4.owl-theme .owl-controls .owl-page {
			
 
				+	display: inline-block;
			
 
				+	zoom: 1;
			
 
				+*display: inline;/*IE7 life-saver*/
			
 
				+}
			
 
				+#owl-demo4.owl-theme .owl-controls .owl-page span {
			
 
				+	display: block;
			
 
				+	width: 10px;
			
 
				+	height: 10px;
			
 
				+	margin: 5px 5px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/
			
 
				+	-webkit-border-radius: 20px;
			
 
				+	-moz-border-radius: 20px;
			
 
				+	border-radius: 50%;
			
 
				+	background: #ffffff;
			
 
				+}
			
 
				+#owl-demo4.owl-theme .owl-controls .owl-page.active span {
			
 
				+	background: #ec2029;
			
 
				+}
			
 
				+#owl-demo4.owl-theme .owl-controls .owl-buttons {
			
 
				+	position: absolute;
			
 
				+	top: 30%;
			
 
				+	width: 100%;
			
 
				+	left: 0;
			
 
				+	height: 0;
			
 
				+	display: none;
			
 
				+}
			
 
				+#owl-demo4.owl-theme .owl-controls .owl-page {
			
 
				+	display: inline-block;
			
 
				+}
			
 
				+#owl-demo4 .item {
			
 
				+	margin: 0px;
			
 
				+}
			
 
				+#owl-demo4 .item img {
			
 
				+	display: block;
			
 
				+	width: 100%;
			
 
				+	max-width: 100px;
			
 
				+	-webkit-transform: scale(1);
			
 
				+	-moz-transform: scale(1);
			
 
				+	-ms-transform: scale(1);
			
 
				+	-o-transform: scale(1);
			
 
				+	transform: scale(1);
			
 
				+	-webkit-transition: all 0.3s ease-out 0s;
			
 
				+	-moz-transition: all 0.3s ease-out 0s;
			
 
				+	-o-transition: all 0.3s ease-out 0s;
			
 
				+	transition: all 0.3s ease-out 0s;
			
 
				+}
			
 
				+#owl-demo4 .item dd {
			
 
				+	width: 80%;
			
 
				+	margin: 0 auto;
			
 
				+	text-align: center;
			
 
				+}
			
 
				+#owl-demo4 .item dd .imgs {
			
 
				+	margin: 0 auto;/* overflow:hidden;-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.1);box-shadow:0 5px 20px rgba(0,0,0,0.1);*/
			
 
				+	-webkit-transform: translate3d(0, -2px, 0);
			
 
				+	transform: translate3d(0, -2px, 0);
			
 
				+	margin-bottom: 7%;
			
 
				+}
			
 
				+#owl-demo4 .item dd:hover .imgs img {
			
 
				+	-webkit-transform: scale(1.1, 1.1);
			
 
				+	-moz-transform: scale(1.1, 1.1);
			
 
				+	-o-transform: scale(1.1, 1.1);
			
 
				+	-ms-transform: scale(1.1, 1.1);
			
 
				+	transform: scale(1.1, 1.1);
			
 
				+}
			
 
				+#owl-demo4 .item dd h2 {
			
 
				+	font-weight: normal;
			
 
				+	color: #fff;
			
 
				+	max-width: 212px;
			
 
				+	line-height: 26px;
			
 
				+	margin: 0 auto;
			
 
				+	margin-bottom: 1%;
			
 
				+	font-size: 16px;
			
 
				+}
			
 
				+#owl-demo4 .item dd p {
			
 
				+	color: #fff;
			
 
				+	line-height: 24px;
			
 
				+	margin: 0 auto;
			
 
				+	font-size: 16px;
			
 
				+}
			
 
				+#owl-demo4 .item dd:hover h2 {
			
 
				+	color: #fff;
			
 
				+}
			
 
				+#owl-demo5.owl-carousel .owl-wrapper-outer {
			
 
				+	overflow: visible;
			
 
				+}
			
 
				+#owl-demo5 {
			
 
				+	text-align: center;
			
 
				+	margin-top: 10%;
			
 
				+}
			
 
				+#owl-demo5.owl-theme .owl-controls {
			
 
				+	bottom: 5px;
			
 
				+	text-align: center;
			
 
				+	position: absolute;
			
 
				+	width: 100%;
			
 
				+}
			
 
				+#owl-demo5.owl-theme .owl-controls .owl-pagination {
			
 
				+	text-align: right;
			
 
				+	padding-right: 2%;
			
 
				+	display: none;
			
 
				+}
			
 
				+/* Styling Pagination*/
			
 
				+#owl-demo5.owl-theme .owl-controls .owl-page {
			
 
				+	display: inline-block;
			
 
				+	zoom: 1;
			
 
				+*display: inline;/*IE7 life-saver*/
			
 
				+}
			
 
				+#owl-demo5.owl-theme .owl-controls .owl-page span {
			
 
				+	display: block;
			
 
				+	width: 10px;
			
 
				+	height: 10px;
			
 
				+	margin: 5px 5px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/
			
 
				+	-webkit-border-radius: 20px;
			
 
				+	-moz-border-radius: 20px;
			
 
				+	border-radius: 50%;
			
 
				+	background: #ffffff;
			
 
				+}
			
 
				+#owl-demo5.owl-theme .owl-controls .owl-page.active span {
			
 
				+	background: #ec2029;
			
 
				+}
			
 
				+#owl-demo5.owl-theme .owl-controls .owl-buttons {
			
 
				+	position: absolute;
			
 
				+	top: 30%;
			
 
				+	width: 100%;
			
 
				+	left: 0;
			
 
				+	height: 0;
			
 
				+	display: none;
			
 
				+}
			
 
				+#owl-demo5.owl-theme .owl-controls .owl-page {
			
 
				+	display: inline-block;
			
 
				+}
			
 
				+#owl-demo5 .item {
			
 
				+	margin: 0px;
			
 
				+}
			
 
				+#owl-demo5 .item img {
			
 
				+	display: block;
			
 
				+	width: 100%;
			
 
				+	max-width: 119px;
			
 
				+	-webkit-transform: scale(1);
			
 
				+	-moz-transform: scale(1);
			
 
				+	-ms-transform: scale(1);
			
 
				+	-o-transform: scale(1);
			
 
				+	transform: scale(1);
			
 
				+	-webkit-transition: all 0.3s ease-out 0s;
			
 
				+	-moz-transition: all 0.3s ease-out 0s;
			
 
				+	-o-transition: all 0.3s ease-out 0s;
			
 
				+	transition: all 0.3s ease-out 0s;
			
 
				+}
			
 
				+#owl-demo5 .item dd {
			
 
				+	width: 80%;
			
 
				+	margin: 0 auto;
			
 
				+	text-align: center;
			
 
				+}
			
 
				+#owl-demo5 .item dd:first-child {
			
 
				+	margin-bottom: 14%;
			
 
				+}
			
 
				+#owl-demo5 .item dd .imgs {
			
 
				+	margin: 0 auto;/* overflow:hidden;-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.1);box-shadow:0 5px 20px rgba(0,0,0,0.1);*/
			
 
				+	-webkit-transform: translate3d(0, -2px, 0);
			
 
				+	transform: translate3d(0, -2px, 0);
			
 
				+	margin-bottom: 7%;
			
 
				+}
			
 
				+#owl-demo5 .item dd:hover .imgs img {
			
 
				+	-webkit-transform: scale(1.1, 1.1);
			
 
				+	-moz-transform: scale(1.1, 1.1);
			
 
				+	-o-transform: scale(1.1, 1.1);
			
 
				+	-ms-transform: scale(1.1, 1.1);
			
 
				+	transform: scale(1.1, 1.1);
			
 
				+}
			
 
				+#owl-demo5 .item dd h2 {
			
 
				+	font-weight: normal;
			
 
				+	color: #fff;
			
 
				+	max-width: 212px;
			
 
				+	line-height: 26px;
			
 
				+	margin: 0 auto;
			
 
				+	margin-bottom: 1%;
			
 
				+	font-size: 16px;
			
 
				+}
			
 
				+#owl-demo5 .item dd p {
			
 
				+	color: #fff;
			
 
				+	line-height: 24px;
			
 
				+	margin: 0 auto;
			
 
				+	font-size: 16px;
			
 
				+}
			
 
				+#owl-demo5 .item dd:hover h2 {
			
 
				+	color: #fff;
			
 
				+}
			
 
				+/*柜台轻产品详细*/
			
 
				+#owl-demo6 {
			
 
				+	text-align: center;
			
 
				+}
			
 
				+#owl-demo6.owl-theme .owl-controls {
			
 
				+	bottom: 5px;
			
 
				+	text-align: center;
			
 
				+	position: absolute;
			
 
				+	width: 100%;
			
 
				+}
			
 
				+#owl-demo6.owl-theme .owl-controls .owl-pagination {
			
 
				+	text-align: right;
			
 
				+	padding-right: 2%;
			
 
				+	display: none;
			
 
				+}
			
 
				+/* Styling Pagination*/
			
 
				+#owl-demo6.owl-theme .owl-controls .owl-page {
			
 
				+	display: inline-block;
			
 
				+	zoom: 1;
			
 
				+*display: inline;/*IE7 life-saver*/
			
 
				+}
			
 
				+#owl-demo6.owl-theme .owl-controls .owl-page span {
			
 
				+	display: block;
			
 
				+	width: 10px;
			
 
				+	height: 10px;
			
 
				+	margin: 5px 5px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/
			
 
				+	-webkit-border-radius: 20px;
			
 
				+	-moz-border-radius: 20px;
			
 
				+	border-radius: 50%;
			
 
				+	background: #ffffff;
			
 
				+}
			
 
				+#owl-demo6.owl-theme .owl-controls .owl-page.active span {
			
 
				+	background: #ec2029;
			
 
				+}
			
 
				+#owl-demo6.owl-theme .owl-controls .owl-buttons {
			
 
				+	position: absolute;
			
 
				+	top: 30%;
			
 
				+	width: 100%;
			
 
				+	left: 0;
			
 
				+	height: 0;
			
 
				+	display: none;
			
 
				+}
			
 
				+#owl-demo6.owl-theme .owl-controls .owl-page {
			
 
				+	display: inline-block;
			
 
				+}
			
 
				+#owl-demo6 .item {
			
 
				+	margin: 0px;
			
 
				+}
			
 
				+#owl-demo6 .item img {
			
 
				+	display: block;
			
 
				+	width: 100%;
			
 
				+	-webkit-transform: scale(1);
			
 
				+	-moz-transform: scale(1);
			
 
				+	-ms-transform: scale(1);
			
 
				+	-o-transform: scale(1);
			
 
				+	transform: scale(1);
			
 
				+	-webkit-transition: all 0.3s ease-out 0s;
			
 
				+	-moz-transition: all 0.3s ease-out 0s;
			
 
				+	-o-transition: all 0.3s ease-out 0s;
			
 
				+	transition: all 0.3s ease-out 0s;
			
 
				+}
			
 
				+#owl-demo6 .item dd {
			
 
				+	width: 90%;
			
 
				+	margin: 0 auto;
			
 
				+	text-align: center;
			
 
				+}
			
 
				+#owl-demo6 .item dd .imgs {
			
 
				+	margin: 0 auto;
			
 
				+	overflow: hidden;
			
 
				+	margin-bottom: 5%;
			
 
				+}
			
 
				+#owl-demo6 .item dd:hover .imgs img {
			
 
				+	-webkit-transform: scale(1.1, 1.1);
			
 
				+	-moz-transform: scale(1.1, 1.1);
			
 
				+	-o-transform: scale(1.1, 1.1);
			
 
				+	-ms-transform: scale(1.1, 1.1);
			
 
				+	transform: scale(1.1, 1.1);
			
 
				+}
			
 
				+#owl-demo6 .item dd h2 {
			
 
				+	font-weight: normal;
			
 
				+	color: #1d1d1d;
			
 
				+	margin: 0 auto;
			
 
				+	max-width: 450px;
			
 
				+	margin-bottom: 2%;
			
 
				+}
			
 
				+#owl-demo6 .item dd p {
			
 
				+	color: #444;
			
 
				+	line-height: 24px;
			
 
				+	margin: 0 auto;
			
 
				+	max-width: 450px;
			
 
				+}
			
 
				+#owl-demo6 .item dd:hover h2 {
			
 
				+	color: #1d96d2;
			
 
				+}
			
 
				+ @media screen and (max-width:1440px) {
			
 
				+/*首页工程实例*/
			
 
				+#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev {
			
 
				+	margin-left: -15px;
			
 
				+}
			
 
				+#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next {
			
 
				+	margin-right: -15px;
			
 
				+}
			
 
				+}
			
 
				+ @media screen and (max-width:1100px) {
			
 
				+/*首页工程实例*/
			
 
				+#owl-demo3 .item dd .txts .p {
			
 
				+	font-size: 13px;
			
 
				+}
			
 
				+}
			
 
				+ @media screen and (max-width:979px) {
			
 
				+}
			
 
				+@media screen and (max-width:890px) {
			
 
				+}
			
 
				+@media screen and (max-width:830px) {
			
 
				+}
			
 
				+@media screen and (max-width:780px) {
			
 
				+}
			
 
				+@media screen and (max-width:640px) {
			
 
				+/*产品详细3*/
			
 
				+#owl-demo4 .item dd h2 {
			
 
				+	line-height: 22px;
			
 
				+	font-size: 14px;
			
 
				+}
			
 
				+}
			
 
				+@media screen and (max-width:480px) {
			
 
				+/*首页工程实例*/
			
 
				+#owl-demo3 .item dd .imgs h2 {
			
 
				+	height: 42px;
			
 
				+	line-height: 42px;
			
 
				+	font-size: 14px;
			
 
				+}
			
 
				+#owl-demo3 .item dd .txts h2 {
			
 
				+	font-size: 14px;
			
 
				+}
			
 
				+}
			
 
				+@media screen and (max-width:360px) {
			
 
				+}
			
 
				+
			
 
				+
			
 
				+
			
 
				+/* 合肥秀站网络科技有限公司 */
			
 
				+/* 精品与原创网站模板提供商，一站式建站 */
			
 
				+/* 主营业务：织梦模板、pbootcms模板、云优模板、易优模板 */
			
 
				+/* 麦站网：Www.Xiuzhanwang.Com */
			
 
				+/* 主机/服务器：Www.xiuzhanyun.Com */
			
 
				+/* 域名抢注：Www.xiuzhanmi.Com */
			
 
				+/* QQ：2361928288  835971066 */
			
--- a/src/main/webapp/template/1/default/css/style.css
+++ b/src/main/webapp/template/1/default/css/style.css
@@ -0,0 +1,1410 @@
 
				+@import url(anim.css);
			
 
				+@import url(lrtk3.css);
			
 
				+* {
			
 
				+	margin: 0;
			
 
				+	padding: 0;
			
 
				+	border: 0;
			
 
				+}
			
 
				+body {
			
 
				+	background-color: #fff;
			
 
				+	overflow-x: hidden;
			
 
				+	color: #333;
			
 
				+	font-size: 12px;
			
 
				+	font-family: "微软雅黑", "Arial", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
			
 
				+}
			
 
				+a {
			
 
				+	color: #333;
			
 
				+	text-decoration: none;
			
 
				+	-webkit-tap-highlight-color: transparent;/*-webkit-transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease;
			
 
				+  -moz-transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease;
			
 
				+  transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease;*/
			
 
				+}
			
 
				+a:hover {
			
 
				+	color: #00a1e9;/*text-decoration: underline;*/
			
 
				+}
			
 
				+input, select, img {
			
 
				+	vertical-align: middle;
			
 
				+}
			
 
				+ul, li {
			
 
				+	list-style: none;
			
 
				+}
			
 
				+em, cite, th {
			
 
				+	font-style: normal;
			
 
				+	font-weight: normal;
			
 
				+	font-style: normal;
			
 
				+}
			
 
				+.wrap {
			
 
				+	clear: both;
			
 
				+	width: 96%;
			
 
				+	max-width: 1300px;
			
 
				+	margin: 0 auto;
			
 
				+	text-align: left;
			
 
				+	zoom: 1;
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+.wrap2 {
			
 
				+	clear: both;
			
 
				+	width: 96%;
			
 
				+	max-width: 1300px;
			
 
				+	margin: 0 auto;
			
 
				+	text-align: left;
			
 
				+	zoom: 1;
			
 
				+}
			
 
				+.wrap3 {
			
 
				+	clear: both;
			
 
				+	width: 94%;
			
 
				+	max-width: 1000px;
			
 
				+	margin: 0 auto;
			
 
				+	text-align: left;
			
 
				+	zoom: 1;
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+.divhidden {
			
 
				+	display: none;
			
 
				+}
			
 
				+.l {
			
 
				+	float: left;
			
 
				+}
			
 
				+.r {
			
 
				+	float: right;
			
 
				+}
			
 
				+.c_l {
			
 
				+	clear: both;
			
 
				+	height: 0px;
			
 
				+	font-size: 0px;
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+.f50 {
			
 
				+	font-size: 50px;
			
 
				+}
			
 
				+.f44 {
			
 
				+	font-size: 44px;
			
 
				+}
			
 
				+.f41 {
			
 
				+	font-size: 41px;
			
 
				+}
			
 
				+.f40 {
			
 
				+	font-size: 40px;
			
 
				+}
			
 
				+.f38 {
			
 
				+	font-size: 38px;
			
 
				+}
			
 
				+.f36 {
			
 
				+	font-size: 36px;
			
 
				+}
			
 
				+.f32 {
			
 
				+	font-size: 32px;
			
 
				+}
			
 
				+.f30 {
			
 
				+	font-size: 30px;
			
 
				+}
			
 
				+.f28 {
			
 
				+	font-size: 30px;
			
 
				+}
			
 
				+.f24 {
			
 
				+	font-size: 24px;
			
 
				+}
			
 
				+.f22 {
			
 
				+	font-size: 22px;
			
 
				+}
			
 
				+.f18 {
			
 
				+	font-size: 18px;
			
 
				+}
			
 
				+.f16 {
			
 
				+	font-size: 16px;
			
 
				+}
			
 
				+/*PC导航*/
			
 
				+.header-v1 {
			
 
				+	width: 100%;
			
 
				+	position: fixed; /*overflow:hidden; */
			
 
				+	height: 100px;
			
 
				+	z-index: 10;
			
 
				+	background-color: #090a0c;
			
 
				+	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
			
 
				+}
			
 
				+.nav-hide .header-v1 {
			
 
				+	height: 80px;
			
 
				+}
			
 
				+.nav-hide .blank_h {
			
 
				+	height: 80px;
			
 
				+}
			
 
				+
			
 
				+.header-v1 .top-main {
			
 
				+	width: 100%;
			
 
				+	margin: 0 auto;
			
 
				+	position: relative;
			
 
				+}
			
 
				+.header-v1 .top-main .logo1 {
			
 
				+	float: left;
			
 
				+	height: 100px;
			
 
				+	margin-left: 2%;
			
 
				+	justify-content: center;
			
 
				+	align-items: center;
			
 
				+	display: flex;
			
 
				+}
			
 
				+.header-v1 .top-main .logo1 a{
			
 
				+	display: block;
			
 
				+}
			
 
				+.header-v1 .top-main .logo1 img {
			
 
				+	height: 100%;
			
 
				+	vertical-align: middle;
			
 
				+}
			
 
				+.nav-hide .header-v1 .top-main .logo1 img{
			
 
				+	margin-top: -20px;
			
 
				+}
			
 
				+.header-v1 .top-main .logo1 img:hover {
			
 
				+	transition: all 0.3s;
			
 
				+	filter: Alpha(Opacity=60);
			
 
				+	opacity: 0.6;
			
 
				+}
			
 
				+.header-v1 .top-main .top_r {
			
 
				+	float: right;
			
 
				+}
			
 
				+.header-v1 .languages {
			
 
				+	float: right;
			
 
				+	position: relative;
			
 
				+	display: block;
			
 
				+	font-size: 12px;
			
 
				+	color: #707070;
			
 
				+	height: 38px;
			
 
				+	line-height: 38px;
			
 
				+	padding-left: 18px;
			
 
				+	text-align: right;
			
 
				+	font-family: "宋休";
			
 
				+	text-decoration: none;
			
 
				+	margin-left: 10px;
			
 
				+	background: url(../images/top_pic2.png) left center no-repeat;
			
 
				+	margin-top: 29px;
			
 
				+	transition: all 0.3s;
			
 
				+}
			
 
				+.header-v1 .languages:hover {
			
 
				+	margin-top: 25px;
			
 
				+}
			
 
				+.nav-hide .header-v1 .languages {
			
 
				+	margin-top: 22px;
			
 
				+}
			
 
				+.nav-hide .header-v1 .languages:Hover {
			
 
				+	margin-top: 18px;
			
 
				+}
			
 
				+.header-v1 .languages:Hover {
			
 
				+	transition: all 0.3s;
			
 
				+	filter: Alpha(Opacity=80);
			
 
				+	opacity: 0.8;
			
 
				+}
			
 
				+/*.header-v1 .languages:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
			
 
				+.header-v1 .languages:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: -1px;height:4px;opacity: 0;background-color: #c71d32;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
			
 
				+.header-v1 .languages:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}*/
			
 
				+.header-v1 .top-main .top-main-content {/* float:right;*//* margin-top:31px;*/
			
 
				+	text-align: center;
			
 
				+}
			
 
				+.navBar {
			
 
				+}
			
 
				+.nav {
			
 
				+	list-style: none;
			
 
				+	padding: 0;
			
 
				+}
			
 
				+.nav .m { /*float:left; */
			
 
				+	display: inline-block;
			
 
				+	border-top: 0;
			
 
				+	border-bottom: 0; /*width:120px; *//* position:relative; */
			
 
				+	margin-right: 22px;
			
 
				+	margin-left: 22px;
			
 
				+}
			
 
				+.nav a:hover {
			
 
				+	text-decoration: none; /*color:#fff;*/
			
 
				+	vertical-align: top;
			
 
				+}
			
 
				+.nav li:hover span {
			
 
				+	transform: translateY(-100%);/*color:#fff;*/
			
 
				+}
			
 
				+.nav h3 {
			
 
				+	float: left;
			
 
				+	font-weight: normal;
			
 
				+	font-size: 16px;
			
 
				+	height: 100px;
			
 
				+	overflow: hidden;
			
 
				+	width: 100%;
			
 
				+	text-align: center;
			
 
				+	position: relative;
			
 
				+}
			
 
				+.nav h3 a {
			
 
				+	display: block;
			
 
				+	color: #c3c3c3;
			
 
				+	line-height: 100px;
			
 
				+	font-size: 16px;
			
 
				+	text-transform: uppercase;
			
 
				+}
			
 
				+.nav h3 a span {
			
 
				+	display: block;
			
 
				+	position: relative;
			
 
				+	transition: all 0.3s;
			
 
				+	height: 100px;
			
 
				+	text-transform: uppercase;
			
 
				+}
			
 
				+.nav-hide .nav h3 a span {
			
 
				+	height: 80px;
			
 
				+}
			
 
				+.nav h3 a span:after {
			
 
				+	content: attr(data-title);
			
 
				+	position: absolute;/*color:#fff;*/
			
 
				+	left: 0;
			
 
				+	transform: translateY(100%);
			
 
				+	width: 100%;
			
 
				+	top: 0; /*color:#fff;*/
			
 
				+}
			
 
				+.nav h3 a i {
			
 
				+	width: 9px;
			
 
				+	height: 5px;
			
 
				+	background: url(../images/top_pic5.png) no-repeat;
			
 
				+	display: inline-block;
			
 
				+	margin-left: 7px;
			
 
				+}
			
 
				+.nav-hide .nav {
			
 
				+}
			
 
				+.nav-hide .nav h3 {
			
 
				+	height: 80px;
			
 
				+}
			
 
				+.nav-hide .nav h3 a {
			
 
				+	line-height: 80px;
			
 
				+}
			
 
				+.nav .on {
			
 
				+}
			
 
				+.nav .on h3 a {/* height:42px; line-height:42px; *//*color:#fff;background:#ec2029;*/ /*background:url(../images/top_bg.png) center bottom no-repeat;*/
			
 
				+}
			
 
				+.nav .on h3 a i {
			
 
				+	background: url(../images/top_pic6.png) no-repeat;
			
 
				+}
			
 
				+.nav .on h3 a span { /*color:#fff;*/
			
 
				+}
			
 
				+.nav li.on a:after {
			
 
				+	left: 0%;
			
 
				+	right: 0%;
			
 
				+	opacity: 1;
			
 
				+	-webkit-transition: all .5s;
			
 
				+	-o-transition: all .5s;
			
 
				+	-ms-transition: all .5s;
			
 
				+	transition: all .5s;
			
 
				+}
			
 
				+.nav li h3 a:after {
			
 
				+	content: "";
			
 
				+	display: block;
			
 
				+	position: absolute;
			
 
				+	left: 50%;
			
 
				+	right: 50%;
			
 
				+	margin-left: 0px;
			
 
				+	margin-right: 0px;
			
 
				+	bottom: 0px;
			
 
				+	height: 4px;
			
 
				+	opacity: 0;
			
 
				+	background-color: #00a1e9;
			
 
				+	-webkit-transition: all .5s;
			
 
				+	-o-transition: all .5s;
			
 
				+	-ms-transition: all .5s;
			
 
				+	transition: all .5s;
			
 
				+}
			
 
				+.nav li h3 a:hover:after {
			
 
				+	left: 1%;
			
 
				+	right: 1%;
			
 
				+	opacity: 1;
			
 
				+	-webkit-transition: all .5s;
			
 
				+	-o-transition: all .5s;
			
 
				+	-ms-transition: all .5s;
			
 
				+	transition: all .5s;
			
 
				+}
			
 
				+.nav .sub {
			
 
				+	display: none;
			
 
				+	width: 100%;
			
 
				+	padding: 0;
			
 
				+	position: absolute;
			
 
				+	background: rgba(0, 0, 0, 0.8);/* top:87px;*/
			
 
				+	top: 100px;/* overflow:hidden;*/
			
 
				+	text-align: center;
			
 
				+	z-index: 110;
			
 
				+	left: 0%;
			
 
				+}
			
 
				+.nav-hide .nav .sub {
			
 
				+	top: 80px;
			
 
				+}
			
 
				+.nav .sub ul {
			
 
				+	width: 1100px;
			
 
				+	margin: 0 auto;
			
 
				+}
			
 
				+.nav .sub li {
			
 
				+	vertical-align: middle;
			
 
				+	list-style: none;
			
 
				+	text-decoration: none;
			
 
				+	display: inline-block;
			
 
				+	line-height: 50px;
			
 
				+	font-size: 14px;
			
 
				+	margin-left: 10px;
			
 
				+	margin-right: 10px;
			
 
				+	text-transform: uppercase;
			
 
				+}
			
 
				+.nav .sub li span {
			
 
				+	display: block;
			
 
				+	height: 38px;
			
 
				+	position: relative;
			
 
				+}
			
 
				+.nav .sub li a {
			
 
				+	text-decoration: none;
			
 
				+	background: none;
			
 
				+	color: #fff;/* border-bottom:1px solid #515152;*/
			
 
				+	display: block;
			
 
				+	height: 50px;
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+/*.nav .sub li:last-child a{ border-bottom:0;}
			
 
				+.nav .sub li:last-child a:hover{ border-bottom:0;}*/
			
 
				+.nav .sub li a:hover {
			
 
				+	color: #00a1e9;/*border-bottom:1px solid #00a1e9;*/
			
 
				+}
			
 
				+.nav .sub li:hover img {
			
 
				+	transition: all 0.3s;
			
 
				+	opacity: 0.8;
			
 
				+	filter: Alpha(opacity=80);
			
 
				+}
			
 
				+.blank_h {
			
 
				+	height: 100px;
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+.top_search {
			
 
				+	float: right;
			
 
				+	height: 100px;
			
 
				+	width: 34px;
			
 
				+	position: relative;
			
 
				+	margin-right: 2%;
			
 
				+}
			
 
				+.nav-hide .top_search {
			
 
				+	height: 80px;
			
 
				+}
			
 
				+.top_search .input1 {
			
 
				+	width: 83%;
			
 
				+	text-indent: 10px;
			
 
				+	line-height: 30px;
			
 
				+	height: 30px;
			
 
				+	outline: medium;
			
 
				+	background: none;
			
 
				+	color: #9c9c9c;
			
 
				+	text-align: left;
			
 
				+	font-size: 13px;
			
 
				+	border: 0;
			
 
				+}
			
 
				+.top_search em {
			
 
				+	height: 100%;
			
 
				+	width: 100%;
			
 
				+	background: url(../images/top_pic1.png) left center no-repeat;
			
 
				+	cursor: pointer;
			
 
				+	display: block;
			
 
				+}
			
 
				+.top_search em:Hover {
			
 
				+	transition: all 0.3s;
			
 
				+	opacity: 0.8;
			
 
				+	filter: Alpha(opacity=80);
			
 
				+}
			
 
				+.top_search .search_con {
			
 
				+	display: none;
			
 
				+	position: absolute;
			
 
				+	bottom: -73px;
			
 
				+	right: 0px;
			
 
				+	width: 300px;
			
 
				+	height: 0px;
			
 
				+	padding-top: 23px;
			
 
				+	padding-bottom: 19px;
			
 
				+	background: url(../images/top_bg2.png) no-repeat;
			
 
				+	z-index: 100;/* border:1px solid #eee;box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2);border-radius: 2px;*/
			
 
				+}
			
 
				+.top_search .search_con .input1 {
			
 
				+	height: 39px;
			
 
				+	line-height: 39px;
			
 
				+	background: #f8f8f8;
			
 
				+	border: 0;
			
 
				+	padding-left: 5px;
			
 
				+	margin-left: 16px;
			
 
				+	padding-right: 47px;
			
 
				+	width: 174px;
			
 
				+	float: left;
			
 
				+	outline: none;
			
 
				+}
			
 
				+.top_search .search_con .bnts {
			
 
				+	float: left;
			
 
				+	width: 40px;
			
 
				+	height: 39px;
			
 
				+	background: url(../images/top_pic3.png) no-repeat;
			
 
				+	cursor: pointer;
			
 
				+}
			
 
				+.top_search .search_con .bnts:hover {
			
 
				+	transition: all 0.3s;
			
 
				+	background: url(../images/top_pic4.png) no-repeat;
			
 
				+}
			
 
				+/* 手机导航全局 */
			
 
				+.touch-top {
			
 
				+	width: 100%;
			
 
				+	position: fixed;
			
 
				+	top: 0;
			
 
				+	z-index: 99;
			
 
				+	background: #090a0c;
			
 
				+	display: none;
			
 
				+	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
			
 
				+}
			
 
				+.touch_bg {
			
 
				+	width: 100%;
			
 
				+	position: fixed;
			
 
				+	top: 0;
			
 
				+	z-index: 8;
			
 
				+	background: #0d0d0d;
			
 
				+	display: none;
			
 
				+	filter: Alpha(Opacity=60);/*IE7 fix*/
			
 
				+	opacity: 0.6;
			
 
				+	height: 100%;
			
 
				+}
			
 
				+.touch-top-wrapper {
			
 
				+	width: 96%;
			
 
				+	margin: 0 auto;
			
 
				+}
			
 
				+.touch-top-wrapper .touch-logo {
			
 
				+	float: left;
			
 
				+}
			
 
				+.touch-top-wrapper .touch-logo img {
			
 
				+	height: 90px;
			
 
				+	display: block;
			
 
				+}
			
 
				+.touch-navigation {
			
 
				+	display: block;
			
 
				+}
			
 
				+.touch-toggle {
			
 
				+	position: absolute;
			
 
				+	right: 10px;
			
 
				+	top: 0;
			
 
				+}
			
 
				+.touch-toggle li {
			
 
				+	float: left;
			
 
				+	height: 70px;
			
 
				+	padding: 0 12px;
			
 
				+	text-align: center;
			
 
				+}
			
 
				+.touch-toggle li a {
			
 
				+	height: 70px;
			
 
				+}
			
 
				+.touch-toggle li:hover, .touch-toggle li:active {
			
 
				+}
			
 
				+.touch-toggle .touch-toggle-item-first {
			
 
				+	border-left: none;
			
 
				+}
			
 
				+.touch-toggle .touch-toggle-item-last {
			
 
				+	border-right: none;
			
 
				+}
			
 
				+.touch-toggle li a {
			
 
				+	display: block;
			
 
				+	font-size: 12px;
			
 
				+}
			
 
				+.touch-toggle li i {
			
 
				+	display: inline-block;
			
 
				+	width: 32px;
			
 
				+	height: 32px;
			
 
				+	overflow: hidden; /*margin-top:20px;*/
			
 
				+	margin-top: 30px;
			
 
				+	background-repeat: no-repeat;
			
 
				+	background-position: center center;
			
 
				+	background-size: contain;
			
 
				+}
			
 
				+.touch-toggle .touch-icon-language {
			
 
				+	background-image: url(../images/touch-icon-language.png);
			
 
				+}
			
 
				+.touch-toggle .touch-icon-user {
			
 
				+	background-image: url(../images/touch-icon-user.png);
			
 
				+}
			
 
				+.touch-toggle .touch-icon-search {
			
 
				+	background-image: url(../images/head_pic2.png);
			
 
				+}
			
 
				+.touch-toggle .touch-icon-menu {
			
 
				+	background-image: url(../images/head_pic1.png);
			
 
				+}
			
 
				+.touch-toggle li span {
			
 
				+	display: none;
			
 
				+	text-align: center;
			
 
				+}
			
 
				+.drawer-section {/* background-color:#40312f; padding:20px;*/
			
 
				+	display: none;
			
 
				+}
			
 
				+.drawer-section-menu {/* padding:20px 20px 35px;*/  /*padding:0px 0px 35px;*/
			
 
				+}
			
 
				+.touch-toggle-content {
			
 
				+	clear: both;
			
 
				+}
			
 
				+.touch-menu {
			
 
				+	clear: both;
			
 
				+}
			
 
				+.touch-menu ul li {
			
 
				+	border-bottom: 1px solid #333;
			
 
				+	position: relative;
			
 
				+}
			
 
				+.touch-menu ul li a {
			
 
				+	color: #fff;
			
 
				+	display: block;
			
 
				+	font-size: 18px;
			
 
				+	height: 48px;
			
 
				+	line-height: 48px;/* padding-left:10px;*/
			
 
				+	padding-left: 2%;
			
 
				+}
			
 
				+.touch-menu ul li a:hover, .touch-menu ul li a:active {
			
 
				+	background-color: #004ce5;
			
 
				+	color: #fff;
			
 
				+}
			
 
				+.touch-menu ul li i {
			
 
				+	position: absolute;
			
 
				+	top: 14px;/* right:5px;*/
			
 
				+	right: 25px;
			
 
				+	display: block;
			
 
				+	width: 13px;
			
 
				+	height: 13px;
			
 
				+	overflow: hidden;
			
 
				+	background-position: center center;
			
 
				+	background-repeat: no-repeat;
			
 
				+	background-size: contain;
			
 
				+}
			
 
				+.touch-menu ul li i.touch-arrow-right {
			
 
				+	display: none;
			
 
				+	background-image: url(../images/touch-arrow-r.png);
			
 
				+}
			
 
				+.touch-menu ul li i.touch-arrow-down {
			
 
				+	background-image: url(../images/touch-arrow-d.png);
			
 
				+}
			
 
				+.touch-menu ul li i.touch-arrow-up {
			
 
				+	background-image: url(../images/touch-arrow-u.png);
			
 
				+}
			
 
				+.touch-menu ul li a:hover i.touch-arrow-down {
			
 
				+	background-image: url(../images/touch-arrow-d2.png);
			
 
				+}
			
 
				+.touch-menu ul li a:hover i.touch-arrow-up {
			
 
				+	background-image: url(../images/touch-arrow-u2.png);
			
 
				+}
			
 
				+.touch-menu ul ul {
			
 
				+	display: none;
			
 
				+	margin: 0;/* padding:0 10px 30px 30px;*/
			
 
				+	padding: 0 0px 30px 0px;
			
 
				+}
			
 
				+.touch-menu ul ul li {
			
 
				+	border-bottom: none;
			
 
				+	margin: 0;
			
 
				+	padding: 0;
			
 
				+}
			
 
				+.touch-menu ul ul li a {
			
 
				+	padding: 0;
			
 
				+	padding-left: 3%;
			
 
				+	font-size: 16px;
			
 
				+	height: 38px;
			
 
				+	line-height: 38px;
			
 
				+	text-transform: uppercase;
			
 
				+}
			
 
				+.touch-menu ul ul li i {
			
 
				+	top: 13px;
			
 
				+}
			
 
				+.touch-menu .closetitle {
			
 
				+	padding-top: 10px;
			
 
				+	padding-bottom: 12px;
			
 
				+	text-align: center;
			
 
				+}
			
 
				+.touch-menu .closetitle img {
			
 
				+	margin: 0 auto;
			
 
				+	height: 20px;
			
 
				+	width: auto;
			
 
				+}
			
 
				+/*手机弹出搜索*/
			
 
				+.search_div {
			
 
				+	clear: both;
			
 
				+	width: 100%;
			
 
				+	overflow: hidden;
			
 
				+	padding-top: 2%;
			
 
				+	padding-bottom: 2%;
			
 
				+	display: none; /*z-index:999;*/
			
 
				+}
			
 
				+.search_div .search_con {
			
 
				+	width: 92%;
			
 
				+	margin: 0 auto;
			
 
				+	border: 1px solid #cdcdcd;
			
 
				+	height: 40px !important;
			
 
				+	line-height: 40px;
			
 
				+}
			
 
				+.search_div .search_con .input1 {
			
 
				+	text-indent: 15px;
			
 
				+	width: 88%;
			
 
				+	float: left;
			
 
				+	border: 0;
			
 
				+	background: none;
			
 
				+	height: 100%;
			
 
				+	font-size: 16px;
			
 
				+	outline: none;
			
 
				+	color: #bbb;
			
 
				+}
			
 
				+.search_div .search_con .bnt1 {
			
 
				+	-webkit-appearance: none;
			
 
				+	float: right;
			
 
				+	width: 12%;
			
 
				+	max-width: 60px;
			
 
				+	background: url(../images/head_pic2.png) 50% center no-repeat;
			
 
				+	background-size: auto 55%;
			
 
				+	border: 0;
			
 
				+	height: 100%;
			
 
				+	cursor: pointer;
			
 
				+}
			
 
				+/*尾部*/
			
 
				+.f_bg {
			
 
				+	overflow: hidden;
			
 
				+	background: #313131;
			
 
				+	color: #8f8f8f;
			
 
				+	font-size: 12px;
			
 
				+	clear: both;
			
 
				+	padding-top: 2%;
			
 
				+	padding-bottom: 2%;
			
 
				+}
			
 
				+.f_bg_div {
			
 
				+	width: 96%;
			
 
				+	max-width: 1300px;
			
 
				+	margin: 0 auto;
			
 
				+}
			
 
				+.f_bg a {
			
 
				+	color: #8f8f8f;
			
 
				+	text-decoration: none;
			
 
				+}
			
 
				+.f_bg a:hover {
			
 
				+	color: #fff;
			
 
				+}
			
 
				+.f_bg .links {
			
 
				+	float: left;
			
 
				+	padding-right: 4%;
			
 
				+	margin-right: 4%;
			
 
				+	overflow: hidden;
			
 
				+	padding-bottom: 2%;
			
 
				+}
			
 
				+.f_bg .links h2 {
			
 
				+	font-size: 18px;
			
 
				+	line-height: 38px;
			
 
				+	font-weight: normal;
			
 
				+	margin-bottom: 10px;
			
 
				+	color: #c7c7c7;
			
 
				+}
			
 
				+.f_bg .links ul li {
			
 
				+	display: block;
			
 
				+	height: 38px;
			
 
				+	line-height: 38px;
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+.f_bg .links ul li a {
			
 
				+	transition: all 0.3s;
			
 
				+	padding-right: 5px;
			
 
				+}
			
 
				+.f_bg .links ul li a:hover {
			
 
				+	margin-left: 5px;
			
 
				+	padding-right: 0;
			
 
				+}
			
 
				+.f_bg .f_div2_r2 {
			
 
				+	float: right;
			
 
				+	text-align: center;
			
 
				+	padding-bottom: 2%;
			
 
				+}
			
 
				+.f_bg .f_div2_r2 img {
			
 
				+	display: block;
			
 
				+	width: 118px;
			
 
				+	margin: 0 auto;
			
 
				+	margin-bottom: 10px;
			
 
				+	margin-top: 5px;
			
 
				+}
			
 
				+.f_bg .f_div2_r {
			
 
				+	float: left;
			
 
				+	overflow: hidden;
			
 
				+	margin-right: 3%;
			
 
				+}
			
 
				+.f_bg .f_div2_r h2 {
			
 
				+	font-size: 18px;
			
 
				+	line-height: 38px;
			
 
				+	font-weight: normal;
			
 
				+	margin-bottom: 10px;
			
 
				+	color: #c7c7c7;
			
 
				+}
			
 
				+.f_bg .f_div2_r span {
			
 
				+	display: block;
			
 
				+	color: #8f8f8f;
			
 
				+	line-height: 30px;
			
 
				+	padding-top: 2%;
			
 
				+	clear: both;
			
 
				+}
			
 
				+.f_bg .f_div2_r a {
			
 
				+	line-height: 20px;
			
 
				+	font-weight: normal;
			
 
				+	margin-bottom: 4px;
			
 
				+	padding-bottom: 8px;
			
 
				+	color: #afafaf;
			
 
				+	font-size: 26px;
			
 
				+	font-family: Arial;
			
 
				+}
			
 
				+.f_bg .f_div2_r a:Hover {
			
 
				+	transition: all 0.3s;
			
 
				+	opacity: 0.8;
			
 
				+	filter: Alpha(opacity=80);
			
 
				+}
			
 
				+.foot_a {
			
 
				+	height: 41px;
			
 
				+	width: 135px;
			
 
				+	display: block;
			
 
				+	margin-top: 10px;
			
 
				+}
			
 
				+.f_div3 {
			
 
				+	line-height: 24px;
			
 
				+	min-height: 24px;
			
 
				+	background-color: #313131;
			
 
				+	border-top: 1px solid #424242;
			
 
				+	clear: both;
			
 
				+	overflow: hidden;
			
 
				+	font-size: 14px;
			
 
				+	padding-top: 8px;
			
 
				+	padding-bottom: 8px;
			
 
				+	color: #8f8f8f;
			
 
				+}
			
 
				+.f_div3 a {
			
 
				+	color: #8f8f8f;
			
 
				+}
			
 
				+.f_div3 a:hover {
			
 
				+	color: #fff;
			
 
				+	transition: all 0.3s;
			
 
				+	filter: Alpha(Opacity=80);
			
 
				+	opacity: 0.8;
			
 
				+}
			
 
				+/*.gotop{ position:fixed; bottom:10%; right:1%; width:51px; height:51px; background:url(../images/gotop.png) no-repeat; background-size:100% 100%;
			
 
				+-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out;
			
 
				+-o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;
			
 
				+}
			
 
				+.gotop:hover{-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg); cursor:pointer; transform:rotate(360deg);}*/
			
 
				+
			
 
				+.right_ul {
			
 
				+	height: 46px;
			
 
				+	line-height: 46px;
			
 
				+	overflow: hidden;
			
 
				+	border-top: 2px solid #dedede;
			
 
				+	position: fixed;
			
 
				+	width: 100%;
			
 
				+	bottom: 0;
			
 
				+	left: 0;
			
 
				+	display: none;
			
 
				+	background-color: #fff;
			
 
				+}
			
 
				+.right_ul ul li {
			
 
				+	width: 25%;
			
 
				+	float: left;
			
 
				+	overflow: hidden;
			
 
				+	text-align: center;
			
 
				+	font-size: 14px;
			
 
				+}
			
 
				+.right_ul ul li img {
			
 
				+	height: 22px;
			
 
				+	margin: 0 auto;
			
 
				+}
			
 
				+.right_ul ul li a {
			
 
				+	display: block;
			
 
				+	border-right: 1px solid #dedede;
			
 
				+}
			
 
				+.right_ul ul li:last-child a {
			
 
				+	border: 0;
			
 
				+}
			
 
				+/*微信弹窗*/
			
 
				+#hidden {
			
 
				+	z-index: 2147483647;
			
 
				+	display: none;
			
 
				+	background: #000;
			
 
				+	filter: alpha(opacity=0);
			
 
				+	left: 0px;
			
 
				+	opacity: 0;
			
 
				+	position: fixed;
			
 
				+	width: 3000px;
			
 
				+	height: 100%;
			
 
				+	padding-top: 28%;
			
 
				+	text-align: center;
			
 
				+	top: 0;
			
 
				+}
			
 
				+#hiddenimg {
			
 
				+	opacity: 1;
			
 
				+	display: none;
			
 
				+	position: fixed;
			
 
				+	left: 0%;
			
 
				+	width: 100%;
			
 
				+	height: 300px;
			
 
				+	padding-top: 0;
			
 
				+	z-index: 2147483647;
			
 
				+	top: 28%;
			
 
				+	text-align: center;
			
 
				+}
			
 
				+#hiddenimg img {
			
 
				+	width: 90%;
			
 
				+	max-width: 300px;
			
 
				+	margin: 0 auto;
			
 
				+}
			
 
				+#hiddenimg2 {
			
 
				+	text-align: center;
			
 
				+}
			
 
				+.weixinclose {
			
 
				+	position: fixed;
			
 
				+	right: 2%;
			
 
				+	top: 2%;
			
 
				+	color: #fff;
			
 
				+	font-size: 30px;
			
 
				+	cursor: pointer;
			
 
				+	z-index: 2147483648;
			
 
				+	font-weight: normal;
			
 
				+	display: none;
			
 
				+}
			
 
				+/*荣誉弹窗*/
			
 
				+.case_bgs {
			
 
				+	z-index: 19891024;
			
 
				+	background: url(../images/about_bg.png) repeat;
			
 
				+	width: 100%;
			
 
				+	height: 100%;
			
 
				+	position: fixed;
			
 
				+	left: 0;
			
 
				+	top: 0;
			
 
				+	display: none;
			
 
				+}
			
 
				+.case_tc {
			
 
				+	z-index: 19891025;
			
 
				+	width: 90%; /* top: 157.5px; */
			
 
				+	left: 50%;
			
 
				+	margin-left: -46%; /* margin-left: -300px; */
			
 
				+	position: absolute;
			
 
				+	overflow: hidden;
			
 
				+	top: 270px;
			
 
				+	height: 0;
			
 
				+	display: none;
			
 
				+}
			
 
				+.case_tc .case_box {
			
 
				+	width: 94%;
			
 
				+	margin: 0 auto;
			
 
				+	max-width: 740px;
			
 
				+	background: #00a1e9;
			
 
				+	border: 6px solid #b3b3b3;
			
 
				+	border-radius: 6px;
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+.case_tc .case_box2 {
			
 
				+	width: 94%;
			
 
				+	margin: 0 auto;
			
 
				+	max-width: 1028px;
			
 
				+	background: #fff;
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+.case_tc .case_divs {
			
 
				+	position: relative;
			
 
				+	width: 100%;
			
 
				+}
			
 
				+.case_tc .case_divs .closed {
			
 
				+	right: 0%;
			
 
				+	position: absolute;
			
 
				+	top: 0%;
			
 
				+	cursor: pointer;
			
 
				+}
			
 
				+.case_tc .case_divs .closed:hover {
			
 
				+	filter: Alpha(Opacity=80);
			
 
				+	opacity: 0.8;
			
 
				+	transition: all 0.3s;
			
 
				+}
			
 
				+.case_tc .case_divs .closed2 {
			
 
				+	right: 15px;
			
 
				+	position: absolute;
			
 
				+	top: 15px;
			
 
				+	cursor: pointer;
			
 
				+}
			
 
				+.case_tc .case_divs .closed2:hover {
			
 
				+	filter: Alpha(Opacity=80);
			
 
				+	opacity: 0.8;
			
 
				+	transition: all 0.3s;
			
 
				+}
			
 
				+.case_tc #tc_big {
			
 
				+	width: 100%;
			
 
				+	display: block;
			
 
				+}
			
 
				+.case_tc .case_divs .case_txt {
			
 
				+	padding: 12px;
			
 
				+	color: #fff;
			
 
				+	font-size: 14px;
			
 
				+	line-height: 22px;
			
 
				+	padding-top: 6px;
			
 
				+	padding-bottom: 6px;
			
 
				+}
			
 
				+.case_tc .case_divs .case_txt h2 {
			
 
				+	font-size: 14px;
			
 
				+	line-height: 40px;
			
 
				+	font-weight: normal;
			
 
				+}
			
 
				+.case_tc .case_divs .case_txt2 {
			
 
				+	max-width: 890px;
			
 
				+	width: 94%;
			
 
				+	margin: 0 auto;
			
 
				+	color: #333;
			
 
				+	font-size: 14px;
			
 
				+	line-height: 22px;
			
 
				+	padding-top: 50px;
			
 
				+	padding-bottom: 50px;
			
 
				+}
			
 
				+.case_tc .case_divs .case_txt2 h2 {
			
 
				+	font-size: 18px;
			
 
				+	line-height: 40px;
			
 
				+	margin-bottom: 1%;
			
 
				+}
			
 
				+.case_tc .case_divs .case_txt3 {
			
 
				+	max-width: 890px;
			
 
				+	width: 94%;
			
 
				+	margin: 0 auto;
			
 
				+	color: #333;
			
 
				+	font-size: 14px;
			
 
				+	line-height: 22px;
			
 
				+	padding-top: 50px;
			
 
				+	padding-bottom: 30px;
			
 
				+}
			
 
				+.case_tc .case_divs .case_txt3 dl dt {
			
 
				+	font-weight: bold;
			
 
				+	font-size: 18px;
			
 
				+	height: 36px;
			
 
				+	line-height: 36px;
			
 
				+	color: #333333;
			
 
				+}
			
 
				+.case_tc .case_divs .case_txt3 dl dd:first-child {
			
 
				+	font-size: 14px;
			
 
				+}
			
 
				+.case_tc .case_divs .case_txt3 dl dd {
			
 
				+	color: #555555;
			
 
				+	font-size: 13px;
			
 
				+	line-height: 28px;
			
 
				+	border-bottom: 1px dashed #cccccc;
			
 
				+	padding-bottom: 2%;
			
 
				+	margin-bottom: 2%;
			
 
				+}
			
 
				+.case_tc .case_divs .case_txt3 dl dd h3 {
			
 
				+	font-size: 16px;
			
 
				+	height: 30px;
			
 
				+	line-height: 30px;
			
 
				+}
			
 
				+.case_tc .case_divs .case_txt3 dl dd:last-child {
			
 
				+	border-bottom: 0;
			
 
				+}
			
 
				+.case_tc .case_divs .case_txt3 dl dd .job_a {
			
 
				+	display: block;
			
 
				+	width: 150px;
			
 
				+	height: 44px;
			
 
				+	overflow: hidden;
			
 
				+	background-color: #409EFF;
			
 
				+	color: #fff;
			
 
				+	font-size: 14px;
			
 
				+	line-height: 44px;
			
 
				+	border-radius: 6px;
			
 
				+	margin-top: 50px;
			
 
				+	text-align: center;
			
 
				+	transition: all 0.3s;
			
 
				+}
			
 
				+.case_tc .case_divs .case_txt3 dl dd .job_a:hover {
			
 
				+	color: #fff;
			
 
				+	filter: Alpha(Opacity=80);
			
 
				+	opacity: 0.8;
			
 
				+}
			
 
				+ @media screen and (max-width: 1600px) {
			
 
				+.f50 {
			
 
				+	font-size: 47px;
			
 
				+}
			
 
				+.f44 {
			
 
				+	font-size: 40px;
			
 
				+}
			
 
				+.f41 {
			
 
				+	font-size: 38px;
			
 
				+}
			
 
				+.f40 {
			
 
				+	font-size: 37px;
			
 
				+}
			
 
				+.f38 {
			
 
				+	font-size: 36px;
			
 
				+}
			
 
				+.f36 {
			
 
				+	font-size: 35px;
			
 
				+}
			
 
				+}
			
 
				+@media screen and (max-width: 1440px) {
			
 
				+.f50 {
			
 
				+	font-size: 45px;
			
 
				+}
			
 
				+.f44 {
			
 
				+	font-size: 38px;
			
 
				+}
			
 
				+.f41 {
			
 
				+	font-size: 36px;
			
 
				+}
			
 
				+.f40 {
			
 
				+	font-size: 35px;
			
 
				+}
			
 
				+.f38 {
			
 
				+	font-size: 34px;
			
 
				+}
			
 
				+.f36 {
			
 
				+	font-size: 33px;
			
 
				+}
			
 
				+}
			
 
				+@media screen and (max-width: 1310px) {
			
 
				+.header-v1 .top-main .top_r {
			
 
				+	display: none;
			
 
				+}
			
 
				+}
			
 
				+@media screen and (max-width: 1200px) {
			
 
				+.f50 {
			
 
				+	font-size: 41px;
			
 
				+}
			
 
				+.f44 {
			
 
				+	font-size: 36px;
			
 
				+}
			
 
				+.f41 {
			
 
				+	font-size: 32px;
			
 
				+}
			
 
				+.f40 {
			
 
				+	font-size: 31px;
			
 
				+}
			
 
				+.f38 {
			
 
				+	font-size: 30px;
			
 
				+}
			
 
				+.f36 {
			
 
				+	font-size: 29px;
			
 
				+}
			
 
				+.f16 {
			
 
				+	font-size: 14px;
			
 
				+}
			
 
				+/*尾部*/
			
 
				+.f_bg .links {
			
 
				+	padding-right: 3%;
			
 
				+	margin-right: 3%;
			
 
				+}
			
 
				+.f_bg .f_div2_r {
			
 
				+	margin-right: 1%;
			
 
				+}
			
 
				+}
			
 
				+@media screen and (max-width: 1100px) {
			
 
				+.f50 {
			
 
				+	font-size: 39px;
			
 
				+}
			
 
				+.f44 {
			
 
				+	font-size: 32px;
			
 
				+}
			
 
				+.f41 {
			
 
				+	font-size: 30px;
			
 
				+}
			
 
				+.f40 {
			
 
				+	font-size: 29px;
			
 
				+}
			
 
				+.f38 {
			
 
				+	font-size: 28px;
			
 
				+}
			
 
				+.f36 {
			
 
				+	font-size: 27px;
			
 
				+}
			
 
				+.f28 {
			
 
				+	font-size: 22px;
			
 
				+}
			
 
				+.f24 {
			
 
				+	font-size: 20px;
			
 
				+}
			
 
				+.f22 {
			
 
				+	font-size: 18px;
			
 
				+}
			
 
				+.f18 {
			
 
				+	font-size: 16px;
			
 
				+}
			
 
				+/* 手机导航全局 */
			
 
				+.blank_h {
			
 
				+	height: 90px;
			
 
				+}
			
 
				+.nav-hide .blank_h {
			
 
				+	height: 90px;
			
 
				+}
			
 
				+.header-v1 {
			
 
				+	display: none;
			
 
				+}
			
 
				+.touch-top {
			
 
				+	display: block;
			
 
				+}
			
 
				+.top_search {
			
 
				+	width: 90%;
			
 
				+	overflow: hidden;
			
 
				+	margin-bottom: 10px;
			
 
				+	margin-top: 0;
			
 
				+	background: url(../images/search_bg.png) #eee right center no-repeat;
			
 
				+	margin-right: 5%;
			
 
				+}
			
 
				+/*尾部*/
			
 
				+.f_bg .links {
			
 
				+	padding-right: 2.8%;
			
 
				+	margin-right: 2.8%;
			
 
				+}
			
 
				+.f_bg .f_div2_r a {
			
 
				+	font-size: 18px;
			
 
				+}
			
 
				+}
			
 
				+@media screen and (max-width: 960px) {
			
 
				+.f50 {
			
 
				+	font-size: 36px;
			
 
				+}
			
 
				+.f44 {
			
 
				+	font-size: 30px;
			
 
				+}
			
 
				+.f41 {
			
 
				+	font-size: 28px;
			
 
				+}
			
 
				+.f40 {
			
 
				+	font-size: 27px;
			
 
				+}
			
 
				+.f38 {
			
 
				+	font-size: 26px;
			
 
				+}
			
 
				+.f36 {
			
 
				+	font-size: 25px;
			
 
				+}
			
 
				+.f24 {
			
 
				+	font-size: 18px;
			
 
				+}
			
 
				+/*尾部*/
			
 
				+.f_bg .links {
			
 
				+	display: none;
			
 
				+}
			
 
				+.f_bg .f_div2_r2 {
			
 
				+	margin-top: 2%;
			
 
				+}
			
 
				+.f_bg .f_div2_r {
			
 
				+	width: 40%;
			
 
				+	margin-top: 2%;
			
 
				+}
			
 
				+}
			
 
				+@media screen and (max-width: 830px) {
			
 
				+.f50 {
			
 
				+	font-size: 34px;
			
 
				+}
			
 
				+.f44 {
			
 
				+	font-size: 28px;
			
 
				+}
			
 
				+.f41 {
			
 
				+	font-size: 27px;
			
 
				+}
			
 
				+.f40 {
			
 
				+	font-size: 26px;
			
 
				+}
			
 
				+.f38 {
			
 
				+	font-size: 25px;
			
 
				+}
			
 
				+.f36 {
			
 
				+	font-size: 24px;
			
 
				+}
			
 
				+.f32 {
			
 
				+	font-size: 27px;
			
 
				+}
			
 
				+.f30 {
			
 
				+	font-size: 26px;
			
 
				+}
			
 
				+.f28 {
			
 
				+	font-size: 20px;
			
 
				+}
			
 
				+.f24 {
			
 
				+	font-size: 17px;
			
 
				+}
			
 
				+.f22 {
			
 
				+	font-size: 16px;
			
 
				+}
			
 
				+.f18 {
			
 
				+	font-size: 14px;
			
 
				+}
			
 
				+/*尾部*/
			
 
				+.f_div3 {
			
 
				+	text-align: center;
			
 
				+	font-size: 12px;
			
 
				+}
			
 
				+.f_div3 .l {
			
 
				+	display: block;
			
 
				+	width: 100%;
			
 
				+}
			
 
				+.f_div3 .l label {
			
 
				+	display: block;
			
 
				+}
			
 
				+.f_div3 .r {
			
 
				+	display: block;
			
 
				+	width: 100%;
			
 
				+}
			
 
				+}
			
 
				+@media screen and (max-width: 780px) {
			
 
				+.f50 {
			
 
				+	font-size: 30px;
			
 
				+}
			
 
				+.f40 {
			
 
				+	font-size: 25px;
			
 
				+}
			
 
				+.f38 {
			
 
				+	font-size: 24px;
			
 
				+}
			
 
				+.f36 {
			
 
				+	font-size: 23px;
			
 
				+}
			
 
				+/*右边浮动客服*/
			
 
				+.side {
			
 
				+	display: none;
			
 
				+}
			
 
				+.right_ul {
			
 
				+	display: block;
			
 
				+}
			
 
				+}
			
 
				+ @media screen and (max-width: 640px) {
			
 
				+.f50 {
			
 
				+	font-size: 28px;
			
 
				+}
			
 
				+.f40 {
			
 
				+	font-size: 23px;
			
 
				+}
			
 
				+.f38 {
			
 
				+	font-size: 22px;
			
 
				+}
			
 
				+.f36 {
			
 
				+	font-size: 21px;
			
 
				+}
			
 
				+.f32 {
			
 
				+	font-size: 21px;
			
 
				+}
			
 
				+.f30 {
			
 
				+	font-size: 20px;
			
 
				+}
			
 
				+.f28 {
			
 
				+	font-size: 18px;
			
 
				+}
			
 
				+.f24 {
			
 
				+	font-size: 16px;
			
 
				+}
			
 
				+.f22 {
			
 
				+	font-size: 14px;
			
 
				+}
			
 
				+.f18 {
			
 
				+	font-size: 13px;
			
 
				+}
			
 
				+.f16 {
			
 
				+	font-size: 13px;
			
 
				+}
			
 
				+/* 手机导航全局 */
			
 
				+.blank_h {
			
 
				+	height: 80px;
			
 
				+}
			
 
				+/*.nav-hide .blank_h{ height:80px;}*/
			
 
				+.touch-top-wrapper .touch-logo img {
			
 
				+	height: 80px;
			
 
				+}
			
 
				+.touch-toggle li i {
			
 
				+	margin-top: 20px;
			
 
				+}
			
 
				+.touch-menu ul li a {
			
 
				+	font-size: 16px;
			
 
				+	height: 40px;
			
 
				+	line-height: 40px;
			
 
				+}
			
 
				+.touch-menu ul ul li a {
			
 
				+	font-size: 14px;
			
 
				+}
			
 
				+}
			
 
				+ @media screen and (max-width: 480px) {
			
 
				+.f50 {
			
 
				+	font-size: 25px;
			
 
				+}
			
 
				+.f40 {
			
 
				+	font-size: 19px;
			
 
				+}
			
 
				+.f38 {
			
 
				+	font-size: 18px;
			
 
				+}
			
 
				+.f36 {
			
 
				+	font-size: 18px;
			
 
				+}
			
 
				+.f32 {
			
 
				+	font-size: 17px;
			
 
				+}
			
 
				+.f28 {
			
 
				+	font-size: 15px;
			
 
				+}
			
 
				+.f18 {
			
 
				+	font-size: 12px;
			
 
				+}
			
 
				+/* 手机导航全局 */
			
 
				+.blank_h {
			
 
				+	height: 70px;
			
 
				+}
			
 
				+.nav-hide .blank_h {
			
 
				+	height: 70px;
			
 
				+}
			
 
				+.touch-top-wrapper .touch-logo img {
			
 
				+	height: 40px;
			
 
				+	padding: 12px 0;
			
 
				+}
			
 
				+.touch-toggle li {
			
 
				+	padding-left: 8px;
			
 
				+	padding-right: 8px;
			
 
				+}
			
 
				+.touch-toggle li i {
			
 
				+	width: 26px;
			
 
				+	height: 26px;
			
 
				+	margin-top: 23px;
			
 
				+}
			
 
				+/*.touch-menu ul li a{ font-size:14px; height:36px; line-height:36px;}
			
 
				+.touch-menu ul ul li a{ font-size:13px;}*/
			
 
				+/*尾部*/
			
 
				+.f_bg .f_div2_r2 {
			
 
				+	width: 42%;
			
 
				+}
			
 
				+.f_bg .f_div2_r2 img {
			
 
				+	width: 80%;
			
 
				+	height: auto;
			
 
				+	max-width: 118px;
			
 
				+}
			
 
				+.f_bg .f_div2_r {
			
 
				+	width: 45%;
			
 
				+}
			
 
				+}
			
 
				+ @media screen and (max-width: 360px) {
			
 
				+.f50 {
			
 
				+	font-size: 23px;
			
 
				+}
			
 
				+.f40 {
			
 
				+	font-size: 17px;
			
 
				+}
			
 
				+.f38 {
			
 
				+	font-size: 16px;
			
 
				+}
			
 
				+.f36 {
			
 
				+	font-size: 17px;
			
 
				+}
			
 
				+.f32 {
			
 
				+	font-size: 16px;
			
 
				+}
			
 
				+.f28 {
			
 
				+	font-size: 14px;
			
 
				+}
			
 
				+}
			
 
				+.baidu_ditu {
			
 
				+	width: 100%;
			
 
				+	height: 25rem;
			
 
				+	margin: 0 auto;
			
 
				+	border: #ccc solid 1px;
			
 
				+	margin-bottom: 2rem;
			
 
				+}
			
 
				+@media screen and (max-width:767px) {
			
 
				+body .baidu_ditu {
			
 
				+	width: 96%;
			
 
				+	height: 20rem;
			
 
				+	margin: 0 auto;
			
 
				+	border: #ccc solid 1px;
			
 
				+	margin-bottom: 2rem;
			
 
				+}
			
 
				+
			
 
				+}
			
 
				+
			
 
				+.footx a{ display:inline-block; margin-right:10px}
			
 
				+
			
 
				+
			
 
				+
			
 
				+/* 合肥秀站网络科技有限公司 */
			
 
				+/* 精品与原创网站模板提供商，一站式建站 */
			
 
				+/* 主营业务：织梦模板、pbootcms模板、云优模板、易优模板 */
			
 
				+/* 麦站网：Www.Xiuzhanwang.Com */
			
 
				+/* 主机/服务器：Www.xiuzhanyun.Com */
			
 
				+/* 域名抢注：Www.xiuzhanmi.Com */
			
 
				+/* QQ：2361928288  835971066 */
			
--- a/src/main/webapp/template/1/default/empty.htm
+++ b/src/main/webapp/template/1/default/empty.htm
@@ -1 +0,0 @@
 
				-空
			
--- a/src/main/webapp/template/1/default/footer.htm
+++ b/src/main/webapp/template/1/default/footer.htm
--- a/src/main/webapp/template/1/default/head-file.htm
+++ b/src/main/webapp/template/1/default/head-file.htm
@@ -1,45 +0,0 @@
 
				-<meta http-equiv="content-type" content="text/html">
			
 
				-<meta HTTP-EQUIV="Pragma" CONTENT="no-cache">
			
 
				-<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width">
			
 
				-<meta name="format-detection" content="telephone=no">
			
 
				-<meta name="app-mobile-web-app-capable" content="yes">
			
 
				-<meta name="app-mobile-web-app-status-bar-style" content="black-translucent">
			
 
				-<meta name="keywords" content="{ms:global.keyword/}">
			
 
				-<meta name="description" content="{ms:global.descrip/}">
			
 
				-<script type="text/javascript" src="{ms:global.host/}/static/plugins/vue/2.6.9/vue.min.js"></script>
			
 
				-<link rel="stylesheet" href="{ms:global.host/}/static/plugins/minireset/0.0.2/minireset.min.css">
			
 
				-<link rel="stylesheet" href="{ms:global.host/}/static/plugins/iconfont/1.0.0/iconfont.css">
			
 
				-<link rel="stylesheet" href="{ms:global.host/}/static/plugins/animate/4.1.0/animate.min.css">
			
 
				-<script src="{ms:global.host/}/static/plugins/element-ui/2.15.7/index.min.js"></script>
			
 
				-<link rel="stylesheet" href="{ms:global.host/}/static/plugins/element-ui/2.15.7/theme-chalk/index.min.css">
			
 
				-<link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/app.css">
			
 
				-<!--网络请求框架-->
			
 
				-<script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.min.js"></script>
			
 
				-<script src="{ms:global.host/}/static/plugins/qs/6.6.0/qs.min.js"></script>
			
 
				-<script src="{ms:global.host/}/static/plugins/ms/2.0/ms.umd.js"></script>
			
 
				-<script src="{ms:global.host/}/static/plugins/swiper/6.4.1/swiper-bundle.js"></script>
			
 
				-<link rel="stylesheet" href="{ms:global.host/}/static/plugins/swiper/6.4.1/swiper-bundle.css">
			
 
				-<script>
			
 
				-    SwiperClass = Swiper
			
 
				-</script>
			
 
				-<script src="{ms:global.host/}/static/plugins/vue-awesome-swiper/4.1.1/vue-awesome-swiper.min.js"></script>
			
 
				-
			
 
				-<script>
			
 
				-    Vue.use(VueAwesomeSwiper)
			
 
				-</script>
			
 
				-<style>
			
 
				-    :root {
			
 
				-    --swiper-theme-color:$ {
			
 
				-        component.config.color.value
			
 
				-    };
			
 
				-    }
			
 
				-
			
 
				-</style>
			
 
				-<script>
			
 
				-    ms.base = "";
			
 
				-</script>
			
 
				-<style>
			
 
				-    [v-cloak]{
			
 
				-        display: none;
			
 
				-    }
			
 
				-</style>
			
--- a/src/main/webapp/template/1/default/header.htm
+++ b/src/main/webapp/template/1/default/header.htm
@@ -1,44 +1,162 @@
 
				-<#assign ids=field.parentids>
			
 
				-<#assign typeid=field.typeid>
			
 
				-<div class="ms-nav">
			
 
				- <div class="body">
			
 
				-  <div class="logo">
			
 
				-   <img title="" alt="" src="{ms:global.host/}/{@ms:file global.logo/}" class="logo-pic">
			
 
				-   <img title="" alt="" src="https://www.mingsoft.net/static/images/logo_text.png" class="logo-desc">
			
 
				-  </div>
			
 
				-  <div @click="switchShow([&quot;1605172743000_96378&quot;]);" class="nav-h5">
			
 
				-   <i class="iconfont icon-caidan nav-h5-icon"></i>
			
 
				-   <div id="key_1605172743000_96378" class="nav-h5-body" style="display: none">
			
 
				-    <a href="{ms:global.host/}" class="nav-h5-item"> 首页 </a>
			
 
				-    {ms:channel flag='n' type='top'}
			
 
				-    <a href="<#if field.type==3>{ms:global.url/}${field.typeurl}<#else>{ms:global.url/}${field.typelink}</#if>" class="nav-h5-item <#if typeid==field.typeid || (ids?has_content && ids?index_of('${field.typeid}') gt -1)> sel</#if>">
			
 
				-     ${field.typetitle}
			
 
				-    </a>
			
 
				-    {/ms:channel}
			
 
				-   </div>
			
 
				-  </div>
			
 
				-  <div class="nav-item">
			
 
				-   <a href="{ms:global.host/}" class="item"> 首页 </a>
			
 
				-
			
 
				-   {ms:channel flag='n' type='top'}
			
 
				-   <a href="<#if field.type==3>{ms:global.url/}${field.typeurl}<#else>{ms:global.url/}${field.typelink}</#if>" class="item<#if typeid==field.typeid || (ids?has_content && ids?index_of('${field.typeid}') gt -1)> sel</#if>">
			
 
				-    ${field.typetitle}
			
 
				-   </a>
			
 
				-   {/ms:channel}
			
 
				-  </div>
			
 
				-  <div class="nav-search">
			
 
				-   <!--搜索-start-->
			
 
				-   <form id="searchDataForm" action="{ms:global.host/}/mcms/search.do" method="post" class="ms-search-input">
			
 
				-    <div class="ms-search-input-div">
			
 
				-     <!--输入框 - start -->
			
 
				-     <input class="ms-input" name="content_title" placeholder="输入搜索关键字">
			
 
				-     <!--输入框 -end -->
			
 
				+<!--头部begin-->
			
 
				+<div class="header-v1">
			
 
				+    <!-- S top-main -->
			
 
				+    <div class="top-main">
			
 
				+        <div class="logo1">
			
 
				+            <a href="/"><img src="{@ms:file global.logo/}" alt="某某公司"/></a>
			
 
				+        </div>
			
 
				+        <div class="top_search"><em></em>
			
 
				+            <div class="search_con">
			
 
				+                <form name="formsearch" action="/mcms/search.do" method="post">
			
 
				+                    <input class="input1" type="text" name="content_title" id="p" placeholder="搜索" value="">
			
 
				+                    <input type="submit" class="bnts" value="${search.content_title}">
			
 
				+                </form>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+        <div class="top-main-content">
			
 
				+            <!-- S nav -->
			
 
				+            <div class="navBar">
			
 
				+                <ul class="nav clearfix">
			
 
				+                    <li class="m <#assign typeid=field.typeid><#if typeid==''>on</#if>">
			
 
				+                        <h3><a href="/" title="首页"><span data-title="首页">首页</span></a></h3>
			
 
				+                    </li>
			
 
				+                    <!--定义变量typeid、ids，通过这两个变量判断是否选中-->
			
 
				+                    <#assign typeid=field.typeid>
			
 
				+                    <#assign ids=field.parentids>
			
 
				+                    {ms:channel type='nav' flag='n' orderby='sort'}
			
 
				+                    <#if field.childsize &gt; 0>
			
 
				+                    <li class="m <#if field.typeid == typeid || (ids?has_content && ids?split(",")?seq_contains(field.typeid.toString()))>on</#if>">
			
 
				+                        <h3>
			
 
				+                            <a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">
			
 
				+                                <span data-title="${field.typetitle}">${field.typetitle}</span>
			
 
				+                            </a>
			
 
				+                        </h3>
			
 
				+                        <div class="sub">
			
 
				+                            <ul>
			
 
				+                                {ms:channel}
			
 
				+                                <li>
			
 
				+                                    <a href="<#if field.type==3>${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>" target="_blank">${field.typetitle}</a>
			
 
				+                                </li>
			
 
				+                                {/ms:channel}
			
 
				+                            </ul>
			
 
				+                        </div>
			
 
				+                    </li>
			
 
				+                    <#else>
			
 
				+                    <li class="m <#if field.typeid == typeid || (ids?has_content && ids?split(",")?seq_contains(field.typeid.toString()))>on</#if>">
			
 
				+                        <h3>
			
 
				+                            <a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">
			
 
				+                                <span data-title="${field.typetitle}">${field.typetitle}</span>
			
 
				+                            </a>
			
 
				+                        </h3>
			
 
				+                    </li>
			
 
				+                    </#if>
			
 
				+                    {/ms:channel}
			
 
				+                </ul>
			
 
				+            </div>
			
 
				+            <script type="text/javascript">
			
 
				+                jQuery(".nav").slide({
			
 
				+                    type: "menu",
			
 
				+                    titCell: ".m",
			
 
				+                    targetCell: ".sub",
			
 
				+                    effect: "slideDown",
			
 
				+                    delayTime: 300,
			
 
				+                    triggerTime: 100,
			
 
				+                    returnDefault: true
			
 
				+            });
			
 
				+            </script>
			
 
				+            <!-- E nav-->
			
 
				+        </div>
			
 
				     </div>
			
 
				-    <div class="ms-search-button" onclick="document.getElementById('searchDataForm').submit();">
			
 
				-     <i class="iconfont icon-fangdajing"></i>
			
 
				+    <!-- E top-main -->
			
 
				+    <div class="c_l"></div>
			
 
				+</div>
			
 
				+<!-- S touch-top-wrapper -->
			
 
				+<div class="touch-top">
			
 
				+    <div class="touch-top-wrapper clearfix">
			
 
				+        <div class="touch-logo" skinobjectzone="HtmlLogo_1514">
			
 
				+            <a class="" href="/">
			
 
				+                <img src="{@ms:file global.logo/}" alt="我的网站"/>
			
 
				+            </a>
			
 
				+        </div>
			
 
				+        <!-- S touch-navigation -->
			
 
				+        <div class="touch-navigation">
			
 
				+            <div class="touch-toggle">
			
 
				+                <ul>
			
 
				+                    <li class="touch-toggle-item-last">
			
 
				+                        <a href="javascript:void(0);" class="drawer-menu" data-drawer="search_div">
			
 
				+                            <i class="touch-icon-search"><span>搜索</span></i>
			
 
				+                        </a>
			
 
				+                    </li>
			
 
				+                    <li class="touch-toggle-item-last">
			
 
				+                        <a href="javascript:;" class="drawer-menu" data-drawer="drawer-section-menu">
			
 
				+                            <i class="touch-icon-menu"></i><span>导航</span>
			
 
				+                        </a>
			
 
				+                    </li>
			
 
				+                </ul>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+        <!-- E touch-navigation -->
			
 
				+    </div>
			
 
				+    <!-- S touch-top -->
			
 
				+    <div class="touch-toggle-content touch-top-home">
			
 
				+        <!--手机搜索begin-->
			
 
				+        <div class="drawer-section search_div">
			
 
				+            <div class="search_con">
			
 
				+                <form  name="formsearch" action="/mcms/search.do" method="post" target="_blank" style="height: 42px;">
			
 
				+                    <input type="text" name="content_title" id="q" class="input1" placeholder="搜索" value=""/>
			
 
				+                    <input type="submit" value="" class="bnt1"/>
			
 
				+                </form>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+        <!--手机搜索end-->
			
 
				+        <!--手机菜单begin-->
			
 
				+        <div class="drawer-section drawer-section-menu">
			
 
				+            <div class="touch-menu" skinobjectzone="menu_2005">
			
 
				+                <ul>
			
 
				+                    <li>
			
 
				+                        <a href="/"><span>首页</span></a>
			
 
				+                    </li>
			
 
				+                    <#assign typeid=field.typeid>
			
 
				+                    <#assign ids=field.parentids>
			
 
				+                    {ms:channel type='nav' flag='n' orderby='sort'}
			
 
				+                    <#if field.childsize &gt; 0>
			
 
				+                    <li>
			
 
				+                        <a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">
			
 
				+                            <span>${field.typetitle}</span>
			
 
				+                            <i class="touch-arrow-down"></i>
			
 
				+                        </a>
			
 
				+                        <ul>
			
 
				+                            {ms:channel}
			
 
				+                            <li>
			
 
				+                                <a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">
			
 
				+                                    <span>${field.typetitle}</span>
			
 
				+                                </a>
			
 
				+                            </li>
			
 
				+                            {/ms:channel}
			
 
				+                        </ul>
			
 
				+                    </li>
			
 
				+                    <#else>
			
 
				+                    <li>
			
 
				+                        <a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">
			
 
				+                            <span>${field.typetitle}</span>
			
 
				+                        </a>
			
 
				+                        <ul>
			
 
				+                        </ul>
			
 
				+                    </li>
			
 
				+                    </#if>
			
 
				+                    {/ms:channel}
			
 
				+                </ul>
			
 
				+                <div class="closetitle">
			
 
				+                    <img src="/{ms:global.style/}picture/nav_bg2.png">
			
 
				+                </div>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+        <!--手机菜单end-->
			
 
				     </div>
			
 
				-   </form>
			
 
				-   <!--搜索-end-->
			
 
				-  </div>
			
 
				- </div>
			
 
				+    <!-- E touch-top -->
			
 
				 </div>
			
 
				+<div class="touch_bg">&nbsp;</div>
			
 
				+<!-- E touch-top-wrapper -->
			
 
				+<div class="blank_h">&nbsp;</div>
			
 
				+<script src="/{ms:global.style/}js/public.js">//导航</script>
			
 
				+<!--头部end-->
			
--- a/src/main/webapp/template/1/default/images/about_bg.png
+++ b/src/main/webapp/template/1/default/images/about_bg.png
--- a/src/main/webapp/template/1/default/images/ajaxloader.gif
+++ b/src/main/webapp/template/1/default/images/ajaxloader.gif
@@ -0,0 +1,9 @@
 
				+<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
			
 
				+<html><head>
			
 
				+<title>404 Not Found</title>
			
 
				+</head><body>
			
 
				+<h1>Not Found</h1>
			
 
				+<p>The requested URL /skin/img/ajaxloader.gif was not found on this server.</p>
			
 
				+<p>Additionally, a 404 Not Found
			
 
				+error was encountered while trying to use an ErrorDocument to handle the request.</p>
			
 
				+</body></html>
			
--- a/src/main/webapp/template/1/default/images/bx_loader.gif
+++ b/src/main/webapp/template/1/default/images/bx_loader.gif
@@ -0,0 +1,9 @@
 
				+<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
			
 
				+<html><head>
			
 
				+<title>404 Not Found</title>
			
 
				+</head><body>
			
 
				+<h1>Not Found</h1>
			
 
				+<p>The requested URL /skin/img/bx_loader.gif was not found on this server.</p>
			
 
				+<p>Additionally, a 404 Not Found
			
 
				+error was encountered while trying to use an ErrorDocument to handle the request.</p>
			
 
				+</body></html>
			
--- a/src/main/webapp/template/1/default/images/case_bg1.png
+++ b/src/main/webapp/template/1/default/images/case_bg1.png
--- a/src/main/webapp/template/1/default/images/contact_pic1.png
+++ b/src/main/webapp/template/1/default/images/contact_pic1.png
--- a/src/main/webapp/template/1/default/images/contact_pic2.png
+++ b/src/main/webapp/template/1/default/images/contact_pic2.png
--- a/src/main/webapp/template/1/default/images/contact_pic3.png
+++ b/src/main/webapp/template/1/default/images/contact_pic3.png
--- a/src/main/webapp/template/1/default/images/contact_pic4.png
+++ b/src/main/webapp/template/1/default/images/contact_pic4.png
--- a/src/main/webapp/template/1/default/images/gzh.png
+++ b/src/main/webapp/template/1/default/images/gzh.png
--- a/src/main/webapp/template/1/default/images/head_pic1.png
+++ b/src/main/webapp/template/1/default/images/head_pic1.png
--- a/src/main/webapp/template/1/default/images/head_pic2.png
+++ b/src/main/webapp/template/1/default/images/head_pic2.png
--- a/src/main/webapp/template/1/default/images/i_bg1.png
+++ b/src/main/webapp/template/1/default/images/i_bg1.png
--- a/src/main/webapp/template/1/default/images/i_bg2.jpg
+++ b/src/main/webapp/template/1/default/images/i_bg2.jpg
--- a/src/main/webapp/template/1/default/images/i_bg3.png
+++ b/src/main/webapp/template/1/default/images/i_bg3.png
--- a/src/main/webapp/template/1/default/images/i_left.png
+++ b/src/main/webapp/template/1/default/images/i_left.png
--- a/src/main/webapp/template/1/default/images/i_left2.png
+++ b/src/main/webapp/template/1/default/images/i_left2.png
--- a/src/main/webapp/template/1/default/images/i_left_on.png
+++ b/src/main/webapp/template/1/default/images/i_left_on.png
--- a/src/main/webapp/template/1/default/images/i_right.png
+++ b/src/main/webapp/template/1/default/images/i_right.png
--- a/src/main/webapp/template/1/default/images/i_right2.png
+++ b/src/main/webapp/template/1/default/images/i_right2.png
--- a/src/main/webapp/template/1/default/images/i_right_on.png
+++ b/src/main/webapp/template/1/default/images/i_right_on.png
--- a/src/main/webapp/template/1/default/images/sw.png
+++ b/src/main/webapp/template/1/default/images/sw.png
--- a/src/main/webapp/template/1/default/images/top_bg2.png
+++ b/src/main/webapp/template/1/default/images/top_bg2.png
--- a/src/main/webapp/template/1/default/images/top_pic1.png
+++ b/src/main/webapp/template/1/default/images/top_pic1.png
--- a/src/main/webapp/template/1/default/images/top_pic3.png
+++ b/src/main/webapp/template/1/default/images/top_pic3.png
--- a/src/main/webapp/template/1/default/images/top_pic4.png
+++ b/src/main/webapp/template/1/default/images/top_pic4.png
--- a/src/main/webapp/template/1/default/images/touch-arrow-d.png
+++ b/src/main/webapp/template/1/default/images/touch-arrow-d.png
--- a/src/main/webapp/template/1/default/images/touch-arrow-d2.png
+++ b/src/main/webapp/template/1/default/images/touch-arrow-d2.png
--- a/src/main/webapp/template/1/default/images/touch-arrow-u.png
+++ b/src/main/webapp/template/1/default/images/touch-arrow-u.png
--- a/src/main/webapp/template/1/default/images/touch-arrow-u2.png
+++ b/src/main/webapp/template/1/default/images/touch-arrow-u2.png
--- a/src/main/webapp/template/1/default/index.htm
+++ b/src/main/webapp/template/1/default/index.htm
@@ -1,1247 +1,210 @@
 
				+<!DOCTYPE html>
			
 
				 <html>
			
 
				- <head>
			
 
				-  <meta charset="utf-8">
			
 
				-  <title>{ms:global.name/}</title>
			
 
				-  <script src="/static/mdiy/index.js"></script>
			
 
				-  <#include "head-file.htm" />
			
 
				- </head>
			
 
				- <body>
			
 
				-  <div id="app" v-cloak>
			
 
				-   <#include "header.htm" />
			
 
				-   <div class="ms-banner">
			
 
				-    <swiper class="ms-vue-awesome-swiper" :options="{
			
 
				-slidesPerView : 1,
			
 
				-spaceBetween: 0,
			
 
				-autoplay: {
			
 
				-delay: 1500,
			
 
				-},
			
 
				-navigation: {nextEl: '.swiper-button-next',prevEl: '.swiper-button-prev'}
			
 
				-}">
			
 
				-     <div class="swiper-button-prev " slot="button-prev">
			
 
				-     </div>
			
 
				-     <div class="swiper-button-next " slot="button-next">
			
 
				-     </div>
			
 
				-     <!--静态图片-->
			
 
				-     <!--动态图片-->
			
 
				-     {ms:arclist typeid=1329357285870346241 size=3 }
			
 
				-     <swiper-slide>
			
 
				-      <a href="[field.source/]" target="_blank" style="width:100%;height: 100%">
			
 
				-       <div style="background-image: url('{ms:global.host/}/{@ms:file field.litpic/}');background-size: cover; background-position: center; width:100%;height: 100%">
			
 
				-       </div>
			
 
				-      </a>
			
 
				-     </swiper-slide>
			
 
				-     {/ms:arclist}
			
 
				-    </swiper>
			
 
				-   </div>
			
 
				-   <div class="about">
			
 
				-     {ms:arclist typeid='1329259260493766658'}
			
 
				-    <div class="body">
			
 
				-     <div class="left">
			
 
				-      <img title="" alt="" src="{ms:global.host/}/{@ms:file field.litpic/}">
			
 
				-     </div>
			
 
				-     <div class="right">
			
 
				-      <div class="title">
			
 
				-       <span> ${field.title} </span>
			
 
				-      </div>
			
 
				-      <div class="desc">
			
 
				-       <span> ${field.descrip} </span>
			
 
				-      </div>
			
 
				-     </div>
			
 
				-    </div> {/ms:arclist}
			
 
				-   </div>
			
 
				-   <div class="product">
			
 
				-    <div class="title">
			
 
				-     <span> 核心产品 </span>
			
 
				+<head>
			
 
				+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
			
 
				+    <meta name="renderer" content="webkit">
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
			
 
				+    <meta name="robots" content="index, follow"/>
			
 
				+    <title>{ms:global.name/}</title>
			
 
				+    <meta name="keywords" content="{ms:global.keyword/}">
			
 
				+    <meta name="description" content="{ms:global.descrip/}">
			
 
				+    <meta http-equiv="Cache-Control" content="no-transform"/>
			
 
				+    <meta http-equiv="Cache-Control" content="no-siteapp"/>
			
 
				+    <meta name="applicable-device" content="pc,mobile"/>
			
 
				+    <link href="/favicon.ico" rel="shortcut icon"/>
			
 
				+    <link href="/{ms:global.style/}css/style.css" rel="stylesheet"/>
			
 
				+    <link href="/{ms:global.style/}css/index.css" rel="stylesheet"/>
			
 
				+    <script src="/{ms:global.style/}js/jquery-1.8.3.min.js"></script>
			
 
				+    <script type="text/javascript" src="/{ms:global.style/}js/jquery.superslide.2.1.1.js">//pc导航</script>
			
 
				+    <script type="text/javascript" src="/{ms:global.style/}js/jquery.bxslider.min.js">/*轮显*/</script>
			
 
				+    <script src="/{ms:global.style/}js/anim.js">//动画</script>
			
 
				+    <script src="/{ms:global.style/}js/owl.carousel.js"></script>
			
 
				+    <script type="text/javascript" src="/{ms:global.style/}js/basic.js"></script>
			
 
				+</head>
			
 
				+<body>
			
 
				+<#include "header.htm" />
			
 
				+<!--轮显begin-->
			
 
				+<div id="slider">
			
 
				+    <ul class="bxslider">
			
 
				+        {ms:arclist typeid="1666653706550321162"}
			
 
				+        <li style="background-color:#1b1b1b;">
			
 
				+            <div class="carousel-img">
			
 
				+                <a href="<#if field.source!=''>${field.source}<#else>javascript:;</#if>" target="_blank">
			
 
				+                    <img src="{@ms:file field.litpic/}" width="100%" alt="" class="oimg"/>
			
 
				+                </a>
			
 
				+            </div>
			
 
				+        </li>
			
 
				+        {/ms:arclist}
			
 
				+    </ul>
			
 
				+</div>
			
 
				+<script>
			
 
				+    var slider = $('.bxslider').bxSlider({
			
 
				+        mode: 'horizontal',/*fade,vertical*/
			
 
				+        controls: true,
			
 
				+        speed: 500,
			
 
				+        hideControlOnEnd: false,
			
 
				+        pager: true,
			
 
				+        auto: true,
			
 
				+    });
			
 
				+    $(window).resize(function () {
			
 
				+        slider.reloadSlider();
			
 
				+    });
			
 
				+</script>
			
 
				+<!--轮显end-->
			
 
				+<!--flash start-->
			
 
				+<div class="flash_div">
			
 
				+    <div id="owl-flash" class="owl-carousel">
			
 
				+        {ms:arclist flag='f' size=5 typeid="1666653706550321162"}
			
 
				+        <div class="item">
			
 
				+            <dd>
			
 
				+                <a href="javascript:;" title=""><img src="{@ms:file field.litpic/}"/></a>
			
 
				+            </dd>
			
 
				+        </div>
			
 
				+        {/ms:arclist}
			
 
				+    </div>
			
 
				+</div>
			
 
				+<!--flash end-->
			
 
				+<div class="i_product_bg">
			
 
				+    <div class="wrap2">
			
 
				+        {ms:channel type='self' typeid="1666653706550321152"}
			
 
				+        <div class="i_title anim anim-1">
			
 
				+            <h2 class="f41">${field.typetitle}</h2>
			
 
				+            <p class="f24">${field.typeshorttitle}</p>
			
 
				+        </div>
			
 
				+        {/ms:channel}
			
 
				+        <div class="nproduct_list2">
			
 
				+            <ul>
			
 
				+                {ms:arclist typeid="1666653706550321152" size=6}
			
 
				+                <li class="anim anim-1">
			
 
				+                    <a href="{ms:global.html/}${field.link}" title="${field.title}">
			
 
				+                        <div class="imgs"><img src="{@ms:file field.litpic/}" alt="${field.title}">
			
 
				+                            <p>&nbsp;</p>
			
 
				+                        </div>
			
 
				+                        <h2 class="f24">${field.title}</h2>
			
 
				+                        <p>{@ms:len field.descrip 60 /}...</p>
			
 
				+                    </a>
			
 
				+                </li>
			
 
				+                {/ms:arclist}
			
 
				+            </ul>
			
 
				+        </div>
			
 
				+    </div>
			
 
				+</div>
			
 
				+<div class="wrap2">
			
 
				+    {ms:channel type='self' typeid="1666653706550321163"}
			
 
				+    <div class="i_title anim anim-1">
			
 
				+        <h2 class="f41">${field.typetitle}</h2>
			
 
				+        <p class="f24">${field.typeshorttitle}</p>
			
 
				     </div>
			
 
				-    <div class="body">
			
 
				-      {ms:arclist flag='c' typeid='1329257213283344385'}
			
 
				-     <div class="prod">
			
 
				-      <div class="pic">
			
 
				-       <img title="" alt="" src="{ms:global.host/}/{@ms:file field.litpic/}">
			
 
				-      </div>
			
 
				-      <a href="{ms:global.url/}${field.link}" class="text"> ${field.title} </a>
			
 
				-     </div> {/ms:arclist}
			
 
				+    {/ms:channel}
			
 
				+    <div class="i_solution">
			
 
				+        <ul>
			
 
				+            {ms:channel  typeid="1666653706550321163" }
			
 
				+            <li class="anim anim-1">
			
 
				+                <a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>" title="${field.typetitle}">
			
 
				+                <div class="imgs">
			
 
				+                    <img src="{@ms:file field.typeico/}" alt="${field.typetitle}">
			
 
				+                </div>
			
 
				+                <div class="txts">
			
 
				+                    <h2 class="f28">${field.typetitle}</h2>
			
 
				+                    <p>${field.typeshorttitle}...</p>
			
 
				+                </div>
			
 
				+                </a>
			
 
				+            </li>
			
 
				+            {/ms:channel}
			
 
				+        </ul>
			
 
				     </div>
			
 
				-    <a href="{ms:global.url/}/product/index.html" class="more"> 更多产品 </a>
			
 
				-   </div>
			
 
				-   <div class="news">
			
 
				-    <div class="title">
			
 
				-     <span> 新闻动态 </span>
			
 
				+</div>
			
 
				+<div class="i_case_bg">
			
 
				+    <div class="wrap2">
			
 
				+        {ms:channel type='self' typeid="1666653706550321164"}
			
 
				+        <div class="i_title anim anim-1">
			
 
				+            <h2 class="f41">${field.typetitle}</h2>
			
 
				+            <p class="f24">${field.typeshorttitle}</p>
			
 
				+        </div>
			
 
				+        {/ms:channel}
			
 
				+        <div id="owl-demo3" class="owl-carousel">
			
 
				+            {ms:arclist typeid="1666653706550321164" size=10}
			
 
				+            <div class="item">
			
 
				+                <dd class="">
			
 
				+                    <a href="{ms:global.html/}${field.link}" title="${field.title}">
			
 
				+                        <div class="imgs"><img src="{@ms:file field.litpic/}" alt="${field.title}"></div>
			
 
				+                        <div class="txts">
			
 
				+                            <h2 class="f22">${field.title}</h2>
			
 
				+                            <p class="p">{@ms:len field.descrip 20 /}</p>
			
 
				+                        </div>
			
 
				+                    </a>
			
 
				+                </dd>
			
 
				+            </div>
			
 
				+            {/ms:arclist}
			
 
				+        </div>
			
 
				     </div>
			
 
				-    <div class="body">
			
 
				-      {ms:arclist flag='c' typeid='1329257282518720513'}
			
 
				-     <div class="left">
			
 
				-      <img title="" alt="" src="{ms:global.host/}/{@ms:file field.litpic/}">
			
 
				-      <a href="{ms:global.url/}${field.link}" target="_blank" class="title"> ${field.title} </a>
			
 
				-      <span class="desc"> ${field.descrip} </span>
			
 
				-     </div> {/ms:arclist}
			
 
				-     <div class="right">
			
 
				-       {ms:arclist size=3 typeid='1329257282518720513'}
			
 
				-      <div class="news-item">
			
 
				-       <div class="date">
			
 
				-        <span class="day"> ${field.date?date?string("dd")} </span>
			
 
				-        <span class="date"> ${field.date?date?string("yyyy-MM")} </span>
			
 
				-       </div>
			
 
				-       <div class="news-body">
			
 
				-        <a href="{ms:global.url/}${field.link}" class="title"> ${field.title} </a>
			
 
				-        <span class="desc"> ${field.descrip} </span>
			
 
				-       </div>
			
 
				-      </div> {/ms:arclist}
			
 
				-     </div>
			
 
				+</div>
			
 
				+<div class="wrap">
			
 
				+    {ms:channel type='self' typeid="1666653706550321169"}
			
 
				+    <div class="i_title anim anim-1">
			
 
				+        <h2 class="f41">${field.typetitle}</h2>
			
 
				+        <p class="f24">${field.typeshorttitle}</p>
			
 
				     </div>
			
 
				-    <div class="more">
			
 
				+    {/ms:channel}
			
 
				+    <div class="i_link anim anim-2">
			
 
				+        <ul>
			
 
				+            {ms:arclist typeid="1666653706550321169" size=12}
			
 
				+            <li>
			
 
				+                <a href="{ms:global.html/}${field.link}" title="${field.title}">
			
 
				+                    <div class="imgs"><img src="{@ms:file field.litpic/}" alt="${field.title}"></div>
			
 
				+                </a>
			
 
				+            </li>
			
 
				+            {/ms:arclist}
			
 
				+        </ul>
			
 
				     </div>
			
 
				-    <a href="{ms:global.url/}/news/index.html" class="more"> 更多新闻 </a>
			
 
				-   </div>
			
 
				-   <#include "footer.htm" />
			
 
				-  </div>
			
 
				-  <script>
			
 
				-var app = new Vue({
			
 
				-    el: '#app',
			
 
				-    watch:{
			
 
				-    },
			
 
				-    data:function() {
			
 
				-     return {
			
 
				-      loading:false,
			
 
				-      saveDisabled: false,
			
 
				-      verifCode: ms.base + "/code",
			
 
				-      //表单数据
			
 
				-      form: {
			
 
				-       // 姓名
			
 
				-       leaveName:'',
			
 
				-       // 电话
			
 
				-       leavePhone:'',
			
 
				-       // 留言内容
			
 
				-       textareaMsg:''
			
 
				-      },
			
 
				-      rules:{
			
 
				-       rand_code: [{
			
 
				-          required: true,
			
 
				-          message: '验证码不能为空',
			
 
				-          trigger: 'blur'
			
 
				-       }, {
			
 
				-         min: 4,
			
 
				-         max: 4,
			
 
				-         message: '请输入4位验证码',
			
 
				-         trigger: 'blur'
			
 
				-        }]
			
 
				-      },
			
 
				-     }
			
 
				-    },
			
 
				-    methods: {
			
 
				-       switchShow:function(arr){
			
 
				-       var that = this
			
 
				-           arr.forEach(function(x){
			
 
				-              let e = that.$el.querySelector("#key_"+x)
			
 
				-               if(e){
			
 
				-                   e.style.display=e.style.display=='none'?'flex':'none'
			
 
				-               }
			
 
				-           })
			
 
				-       },
			
 
				-       save: function() {
			
 
				-         var that = this;
			
 
				-         that.saveDisabled = true;
			
 
				-         that.formModel.save(function(res) {
			
 
				-          if (res.result) {
			
 
				-           that.$notify({
			
 
				-            title: '成功',
			
 
				-            type: 'success',
			
 
				-            message: '保存成功!'
			
 
				-           });
			
 
				+</div>
			
 
				+<#include "footer.htm" />
			
 
				+<script language="javascript" src="/{ms:global.style/}js/foot.js"></script><!--尾部end-->
			
 
				+<script>
			
 
				+    $("#owl-flash").owlCarousel({/*手机轮显图*/
			
 
				+        items: 1,
			
 
				+        lazyLoad: true,
			
 
				+        autoPlay: true,
			
 
				+        itemsDesktop: [1199, 1],
			
 
				+        itemsDesktopSmall: [979, 1],
			
 
				+        itemsTablet: [768, 1],
			
 
				+        itemsTabletSmall: false,
			
 
				+        itemsMobile: [479, 1],
			
 
				+        //rewindNav:false,
			
 
				+        navigation: true
			
 
				+    });
			
 
				+    $("#owl-demo3").owlCarousel({/*行业案例*/
			
 
				+        items: 4,
			
 
				+        lazyLoad: true,
			
 
				+        autoPlay: true,
			
 
				+        itemsDesktop: [1199, 4],
			
 
				+        itemsDesktopSmall: [979, 3],
			
 
				+        itemsTablet: [768, 2],
			
 
				+        itemsTabletSmall: false,
			
 
				+        itemsMobile: [479, 2],
			
 
				+        navigation: true
			
 
				+    });
			
 
				 
			
 
				-          } else {
			
 
				-           that.$notify({
			
 
				-            title: '失败',
			
 
				-            message: res.msg,
			
 
				-            type: 'warning'
			
 
				-           });
			
 
				-          }
			
 
				-          that.saveDisabled = false;
			
 
				-         });
			
 
				-       },
			
 
				-       code: function () {
			
 
				-        this.verifCode = ms.base + "/code?t=" + (new Date).getTime();
			
 
				-       }
			
 
				-    },
			
 
				-    created(){
			
 
				+    window.onload = function () {/*轮显动画*/
			
 
				+        $('.bx-pager .bx-pager-item').click(function () {
			
 
				+            var linum = $(this).index();
			
 
				+            var CaseList = $(".bxslider li");
			
 
				 
			
 
				-    }
			
 
				-})
			
 
				-</script>
			
 
				-  <style>
			
 
				-    body {
			
 
				-        background-color:#fff;
			
 
				-        box-sizing:border-box;
			
 
				-        font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", 微软雅黑, sans-serif;
			
 
				-        moz-box-sizing:border-box;
			
 
				-        webkit-box-sizing:border-box;
			
 
				-    }
			
 
				-    .swiper-button-prev, .swiper-button-next{
			
 
				-     color: #fff;
			
 
				-    }
			
 
				-    .ms-banner
			
 
				-    {
			
 
				-            flex-wrap:nowrap;
			
 
				-            flex-direction:row;
			
 
				-            display:flex;
			
 
				-            width:100%;
			
 
				-            box-sizing:border-box;
			
 
				-            margin-top:0px;
			
 
				-            height:630px;
			
 
				-    }
			
 
				-    .ms-banner .ms-vue-awesome-swiper
			
 
				-    {
			
 
				-            background-color:#E8F4FD;
			
 
				-            align-items:center;
			
 
				-            flex-wrap:nowrap;
			
 
				-            flex-direction:row;
			
 
				-            display:flex;
			
 
				-            width:100%;
			
 
				-            box-sizing:border-box;
			
 
				-            position:relative;
			
 
				-            padding-left:0px;
			
 
				-            justify-content:space-between;
			
 
				-            margin-top:0px;
			
 
				-            height:100%;
			
 
				-    }
			
 
				-    .ms-banner .ms-vue-awesome-swiper .ms-vue-awesome-swiper-bottom
			
 
				-    {
			
 
				-            background-color:rgba(0,0,0,0.5);
			
 
				-            align-items:center;
			
 
				-            flex-direction:row;
			
 
				-            bottom:0px;
			
 
				-            display:flex;
			
 
				-            box-sizing:border-box;
			
 
				-            justify-content:flex-start;
			
 
				-            flex-wrap:nowrap;
			
 
				-            width:100%;
			
 
				-            position:absolute;
			
 
				-            padding-left:10px;
			
 
				-            margin-top:0px;
			
 
				-            height:40px;
			
 
				-    }
			
 
				-    .ms-banner .ms-vue-awesome-swiper .ms-vue-awesome-swiper-bottom .ms-vue-awesome-swiper-title
			
 
				-    {
			
 
				-            color:#FFFFFF;
			
 
				-            flex-direction:row;
			
 
				-            word-wrap:break-word;
			
 
				-            display:inline-block;
			
 
				-            font-size:14px;
			
 
				-            padding-left:0px;
			
 
				-    }
			
 
				-    .about
			
 
				-    {
			
 
				-            align-items:center;
			
 
				-            flex-wrap:nowrap;
			
 
				-            flex-direction:row;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            width:100%;
			
 
				-            box-sizing:border-box;
			
 
				-            padding-left:0px;
			
 
				-            justify-content:center;
			
 
				-            margin-top:18px;
			
 
				-            height:200px;
			
 
				-    }
			
 
				-    .about .body
			
 
				-    {
			
 
				-            padding-bottom:0px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            flex-direction:row;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            width:1200px;
			
 
				-            box-sizing:border-box;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-            margin-top:0px;
			
 
				-            height:100%;
			
 
				-    }
			
 
				-    .about .body .left
			
 
				-    {
			
 
				-            flex-wrap:nowrap;
			
 
				-            flex-direction:row;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            width:40%;
			
 
				-            box-sizing:border-box;
			
 
				-            padding-left:0px;
			
 
				-            height:100%;
			
 
				-    }
			
 
				-    .about .body .left img
			
 
				-    {
			
 
				-            width:100%;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-            height:100%;
			
 
				-    }
			
 
				-    .about .body .right
			
 
				-    {
			
 
				-            flex-wrap:nowrap;
			
 
				-            flex-direction:column;
			
 
				-            display:flex;
			
 
				-            padding-right:20px;
			
 
				-            width:100%;
			
 
				-            box-sizing:border-box;
			
 
				-            padding-left:20px;
			
 
				-            margin-top:0px;
			
 
				-            height:100%;
			
 
				-    }
			
 
				-    .about .body .right .title
			
 
				-    {
			
 
				-            align-items:center;
			
 
				-            flex-wrap:nowrap;
			
 
				-            flex-direction:row;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            width:100%;
			
 
				-            box-sizing:border-box;
			
 
				-            padding-left:0px;
			
 
				-            margin-top:0px;
			
 
				-            height:40px;
			
 
				-    }
			
 
				-    .about .body .right .title span
			
 
				-    {
			
 
				-            padding-bottom:0px;
			
 
				-            flex-direction:row;
			
 
				-            word-wrap:break-word;
			
 
				-            display:inline-block;
			
 
				-            padding-right:0px;
			
 
				-            font-size:28PX;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-    }
			
 
				-    .about .body .right .desc
			
 
				-    {
			
 
				-            flex-wrap:nowrap;
			
 
				-            flex-direction:row;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            width:100%;
			
 
				-            box-sizing:border-box;
			
 
				-            padding-left:0px;
			
 
				-            height:100%;
			
 
				-    }
			
 
				-    .about .body .right .desc span
			
 
				-    {
			
 
				-            padding-bottom:0px;
			
 
				-            flex-direction:row;
			
 
				-            word-wrap:break-word;
			
 
				-            display:inline-block;
			
 
				-            font-size:16PX;
			
 
				-            padding-top:0px;
			
 
				-            margin-top:20px;
			
 
				-     line-height: 32px;
			
 
				+            $(this).find("a").click(function () {
			
 
				+                CaseList.removeClass("active");
			
 
				+                CaseList.eq(linum).addClass("active");
			
 
				 
			
 
				+                $('.bx-pager .bx-pager-item').removeClass("active");
			
 
				+                $('.bx-pager .bx-pager-item').eq(linum).addClass("active");
			
 
				+                // $(this).addClass('csel').siblings().removeClass('csel');
			
 
				+                // CaseList.hide().eq(linum).show();
			
 
				+                //CaseList.find(".anim").removeClass("anim-show");
			
 
				+//			setTimeout(function(){
			
 
				+//				CaseList.eq(linum).find(".anim").addClass("anim-show");
			
 
				+//			},6)
			
 
				+            })
			
 
				+        })
			
 
				     }
			
 
				-    .product
			
 
				-    {
			
 
				-            background-color:#F2F2F2;
			
 
				-            align-items:center;
			
 
				-            flex-direction:column;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            box-sizing:border-box;
			
 
				-            justify-content:center;
			
 
				-            padding-bottom:40px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            width:100%;
			
 
				-            margin-bottom:0px;
			
 
				-            padding-top:40px;
			
 
				-            padding-left:0px;
			
 
				-            margin-top:20px;
			
 
				-    }
			
 
				-    .product .title
			
 
				-    {
			
 
				-            align-items:center;
			
 
				-            flex-direction:row;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            box-sizing:border-box;
			
 
				-            justify-content:center;
			
 
				-            padding-bottom:0px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            width:100%;
			
 
				-            margin-bottom:0px;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-            margin-top:0px;
			
 
				-            height:40px;
			
 
				-    }
			
 
				-    .product .title span
			
 
				-    {
			
 
				-            padding-bottom:0px;
			
 
				-            flex-direction:row;
			
 
				-            word-wrap:break-word;
			
 
				-            display:inline-block;
			
 
				-            padding-right:0px;
			
 
				-            font-size:28PX;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-    }
			
 
				-    .product .body
			
 
				-    {
			
 
				-            flex-direction:row;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            box-sizing:border-box;
			
 
				-            justify-content:space-between;
			
 
				-            padding-bottom:0px;
			
 
				-            flex-wrap:wrap;
			
 
				-            width:1200px;
			
 
				-            margin-bottom:40px;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-            margin-top:40px;
			
 
				-            height:100%;
			
 
				-    }
			
 
				-    .product .body .prod
			
 
				-    {
			
 
				-            background-color:#FFFFFF;
			
 
				-            flex-direction:column;
			
 
				-            display:flex;
			
 
				-            padding-right:20px;
			
 
				-            box-sizing:border-box;
			
 
				-            padding-bottom:20px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            width:32%;
			
 
				-            margin-bottom:20px;
			
 
				-            padding-top:20px;
			
 
				-            padding-left:20px;
			
 
				-            margin-top:0px;
			
 
				-            height:100%;
			
 
				-    }
			
 
				-    .product .body .prod .pic
			
 
				-    {
			
 
				-            padding-bottom:0px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            flex-direction:row;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            width:100%;
			
 
				-            box-sizing:border-box;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-            margin-top:0px;
			
 
				-            height:200px;
			
 
				-    }
			
 
				-    .product .body .prod .pic img
			
 
				-    {
			
 
				-            padding-bottom:0px;
			
 
				-            width:100%;
			
 
				-            margin-bottom:0px;
			
 
				-            padding-top:0px;
			
 
				-            margin-top:0px;
			
 
				-            height:100%;
			
 
				-    }
			
 
				-    .product .body .prod .text
			
 
				-    {
			
 
				-            padding-bottom:0px;
			
 
				-            text-align:center;
			
 
				-            flex-direction:row;
			
 
				-            word-wrap:break-word;
			
 
				-            display:inline-block;
			
 
				-            padding-right:0px;
			
 
				-            font-size:16PX;
			
 
				-            padding-top:8px;
			
 
				-            padding-left:0px;
			
 
				-            margin-top:10px;
			
 
				-            height:40px;
			
 
				-    }
			
 
				-    .product .more
			
 
				-    {
			
 
				-            background-color:#FFFFFF;
			
 
				-            align-items:center;
			
 
				-            flex-direction:row;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            box-sizing:border-box;
			
 
				-            justify-content:center;
			
 
				-            padding-bottom:0px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            width:100px;
			
 
				-            margin-bottom:0px;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-            margin-top:0px;
			
 
				-            height:48px;
			
 
				-    }
			
 
				-    .news
			
 
				-    {
			
 
				-            align-items:center;
			
 
				-            flex-direction:column;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            box-sizing:border-box;
			
 
				-            justify-content:center;
			
 
				-            padding-bottom:20px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            width:100%;
			
 
				-            margin-bottom:20px;
			
 
				-            padding-top:20px;
			
 
				-            padding-left:0px;
			
 
				-            margin-top:20px;
			
 
				-    }
			
 
				-    .news .title
			
 
				-    {
			
 
				-            align-items:center;
			
 
				-            flex-direction:row;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            box-sizing:border-box;
			
 
				-            justify-content:center;
			
 
				-            padding-bottom:0px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            width:100%;
			
 
				-            margin-bottom:0px;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-            margin-top:0px;
			
 
				-            height:40px;
			
 
				-    }
			
 
				-    .news .title span
			
 
				-    {
			
 
				-            padding-bottom:0px;
			
 
				-            flex-direction:row;
			
 
				-            word-wrap:break-word;
			
 
				-            display:inline-block;
			
 
				-            padding-right:0px;
			
 
				-            font-size:28PX;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-    }
			
 
				-    .news .body
			
 
				-    {
			
 
				-            align-items:flex-start;
			
 
				-            flex-direction:row;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            box-sizing:border-box;
			
 
				-            justify-content:space-between;
			
 
				-            padding-bottom:0px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            width:1200px;
			
 
				-            margin-bottom:20px;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-            margin-top:20px;
			
 
				-            height:100%;
			
 
				-    }
			
 
				-    .news .body .left
			
 
				-    {
			
 
				-            padding-bottom:0px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            flex-direction:column;
			
 
				-            display:flex;
			
 
				-            width:400px;
			
 
				-            box-sizing:border-box;
			
 
				-            margin-bottom:0px;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-            margin-top:0px;
			
 
				-    }
			
 
				-    .news .body .left img
			
 
				-    {
			
 
				-            width:100%;
			
 
				-            padding-top:0px;
			
 
				-            height:280px;
			
 
				-    }
			
 
				-    .news .body .left .title
			
 
				-    {
			
 
				-            text-align:left;
			
 
				-            flex-direction:row;
			
 
				-            word-wrap:break-word;
			
 
				-            display:inline-block;
			
 
				-            padding-right:0px;
			
 
				-            justify-content:flex-start;
			
 
				-            padding-bottom:0px;
			
 
				-            font-size:18PX;
			
 
				-            margin-bottom:0px;
			
 
				-            padding-top:10px;
			
 
				-            padding-left:0px;
			
 
				-            margin-top:0px;
			
 
				-            height:40px;
			
 
				-    }
			
 
				-    .news .body .left .desc
			
 
				-    {
			
 
				-            padding-bottom:0px;
			
 
				-            color:#B5B5B5;
			
 
				-            text-align:left;
			
 
				-            flex-direction:row;
			
 
				-            word-wrap:break-word;
			
 
				-            display:inline-block;
			
 
				-            padding-right:0px;
			
 
				-            font-size:14PX;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-            margin-top:0px;
			
 
				-    }
			
 
				-    .news .body .right
			
 
				-    {
			
 
				-            padding-bottom:0px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            flex-direction:column;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            width:800px;
			
 
				-            margin-bottom:0px;
			
 
				-            box-sizing:border-box;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:20px;
			
 
				-            margin-top:0px;
			
 
				-            height:100%;
			
 
				-    }
			
 
				-    .news .body .right .news-item
			
 
				-    {
			
 
				-            padding-bottom:0px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            flex-direction:row;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            width:100%;
			
 
				-            margin-bottom:10px;
			
 
				-            box-sizing:border-box;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-            margin-top:0px;
			
 
				-            height:100px;
			
 
				-    }
			
 
				-    .news .body .right .news-item .date
			
 
				-    {
			
 
				-            background-color:#EEEEEE;
			
 
				-            align-items:center;
			
 
				-            flex-direction:column;
			
 
				-            display:flex;
			
 
				-            padding-right:8px;
			
 
				-            box-sizing:border-box;
			
 
				-            justify-content:center;
			
 
				-            padding-bottom:8px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            width:100px;
			
 
				-            margin-bottom:0px;
			
 
				-            padding-top:8px;
			
 
				-            padding-left:8px;
			
 
				-            height:100%;
			
 
				-    }
			
 
				-    .news .body .right .news-item .date .day
			
 
				-    {
			
 
				-            padding-bottom:0px;
			
 
				-            text-align:center;
			
 
				-            flex-direction:row;
			
 
				-            word-wrap:break-word;
			
 
				-            display:inline-block;
			
 
				-            padding-right:0px;
			
 
				-            font-size:28PX;
			
 
				-            padding-top:14px;
			
 
				-            padding-left:0px;
			
 
				-            height:70%;
			
 
				-    }
			
 
				-    .news .body .right .news-item .date .date
			
 
				-    {
			
 
				-            text-align:center;
			
 
				-            flex-direction:row;
			
 
				-            word-wrap:break-word;
			
 
				-            display:inline-block;
			
 
				-            font-size:16PX;
			
 
				-            padding-top:0px;
			
 
				-    }
			
 
				-    .news .body .right .news-item .news-body
			
 
				-    {
			
 
				-            padding-bottom:0px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            flex-direction:column;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            width:90%;
			
 
				-            margin-bottom:10px;
			
 
				-            box-sizing:border-box;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:10px;
			
 
				-            margin-top:0px;
			
 
				-            height:100%;
			
 
				-    }
			
 
				-    .news .body .right .news-item .news-body .title
			
 
				-    {
			
 
				-            text-align:left;
			
 
				-            flex-direction:row;
			
 
				-            word-wrap:break-word;
			
 
				-            display:inline-block;
			
 
				-            padding-right:0px;
			
 
				-            justify-content:flex-start;
			
 
				-            padding-bottom:0px;
			
 
				-            font-size:18PX;
			
 
				-            margin-bottom:0px;
			
 
				-            padding-top:10px;
			
 
				-            padding-left:0px;
			
 
				-            margin-top:0px;
			
 
				-            height:40px;
			
 
				-    }
			
 
				-    .news .body .right .news-item .news-body .desc
			
 
				-    {
			
 
				-            padding-bottom:0px;
			
 
				-            color:#B5B5B5;
			
 
				-            text-align:left;
			
 
				-            flex-direction:row;
			
 
				-            word-wrap:break-word;
			
 
				-            display:inline-block;
			
 
				-            padding-right:0px;
			
 
				-            font-size:14PX;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-            margin-top:0px;
			
 
				-    }
			
 
				-    .news .more
			
 
				-    {
			
 
				-            background-color:#FFFFFF;
			
 
				-            align-items:center;
			
 
				-            flex-direction:row;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            box-sizing:border-box;
			
 
				-            justify-content:center;
			
 
				-            padding-bottom:0px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            width:100px;
			
 
				-            margin-bottom:0px;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-            margin-top:0px;
			
 
				-            height:48px;
			
 
				-    }
			
 
				-@media (max-width: 768px){
			
 
				-        .ms-banner
			
 
				-        {
			
 
				-                flex-wrap:nowrap;
			
 
				-                flex-direction:row;
			
 
				-                display:flex;
			
 
				-                width:100%;
			
 
				-                box-sizing:border-box;
			
 
				-                margin-top:0px;
			
 
				-                height:unset;
			
 
				-        }
			
 
				-        .ms-banner .ms-vue-awesome-swiper
			
 
				-        {
			
 
				-                background-color:#E8F4FD;
			
 
				-                align-items:center;
			
 
				-                flex-wrap:nowrap;
			
 
				-                flex-direction:row;
			
 
				-                display:flex;
			
 
				-                width:100%;
			
 
				-                box-sizing:border-box;
			
 
				-                position:relative;
			
 
				-                padding-left:0px;
			
 
				-                justify-content:space-between;
			
 
				-                margin-top:0px;
			
 
				-                height:300px;
			
 
				-        }
			
 
				-        .ms-banner .ms-vue-awesome-swiper .ms-vue-awesome-swiper-bottom
			
 
				-        {
			
 
				-                background-color:RGBA(63, 158, 255, .75);
			
 
				-                align-items:center;
			
 
				-                flex-direction:row;
			
 
				-                bottom:0px;
			
 
				-                display:flex;
			
 
				-                box-sizing:border-box;
			
 
				-                justify-content:flex-start;
			
 
				-                flex-wrap:nowrap;
			
 
				-                width:100%;
			
 
				-                position:absolute;
			
 
				-                padding-left:10px;
			
 
				-                margin-top:0px;
			
 
				-                height:40px;
			
 
				-        }
			
 
				-        .ms-banner .ms-vue-awesome-swiper .ms-vue-awesome-swiper-bottom .ms-vue-awesome-swiper-title
			
 
				-        {
			
 
				-                color:#FFFFFF;
			
 
				-                flex-direction:row;
			
 
				-                word-wrap:break-word;
			
 
				-                display:inline-block;
			
 
				-                font-size:14px;
			
 
				-                padding-left:0px;
			
 
				-        }
			
 
				-        .about
			
 
				-        {
			
 
				-                align-items:center;
			
 
				-                flex-wrap:nowrap;
			
 
				-                flex-direction:column;
			
 
				-                display:flex;
			
 
				-                padding-right:0px;
			
 
				-                width:100%;
			
 
				-                box-sizing:border-box;
			
 
				-                padding-left:0px;
			
 
				-                justify-content:center;
			
 
				-                margin-top:18px;
			
 
				-                height:100%;
			
 
				-        }
			
 
				-        .about .body
			
 
				-        {
			
 
				-                padding-bottom:0px;
			
 
				-                align-items:center;
			
 
				-                flex-wrap:nowrap;
			
 
				-                flex-direction:column;
			
 
				-                display:flex;
			
 
				-                width:100%;
			
 
				-                box-sizing:border-box;
			
 
				-                margin-bottom:0px;
			
 
				-                padding-top:0px;
			
 
				-                margin-top:0px;
			
 
				-                justify-content:flex-start;
			
 
				-                height:100%;
			
 
				-        }
			
 
				-        .about .body .left
			
 
				-        {
			
 
				-                align-items:center;
			
 
				-                flex-wrap:nowrap;
			
 
				-                flex-direction:column;
			
 
				-                display:flex;
			
 
				-                padding-right:0px;
			
 
				-                width:90%;
			
 
				-                box-sizing:border-box;
			
 
				-                margin-bottom:10px;
			
 
				-                padding-left:0px;
			
 
				-                justify-content:center;
			
 
				-        }
			
 
				-        .about .body .left img
			
 
				-        {
			
 
				-                width:100%;
			
 
				-                margin-bottom:0px;
			
 
				-                padding-top:0px;
			
 
				-                height:200px;
			
 
				-        }
			
 
				-        .about .body .right
			
 
				-        {
			
 
				-                flex-wrap:nowrap;
			
 
				-                flex-direction:column;
			
 
				-                display:flex;
			
 
				-                padding-right:20px;
			
 
				-                width:100%;
			
 
				-                box-sizing:border-box;
			
 
				-                margin-bottom:0px;
			
 
				-                padding-left:20px;
			
 
				-                margin-top:0px;
			
 
				-                height:100%;
			
 
				-        }
			
 
				-        .about .body .right .title
			
 
				-        {
			
 
				-                align-items:center;
			
 
				-                flex-wrap:nowrap;
			
 
				-                flex-direction:row;
			
 
				-                display:flex;
			
 
				-                padding-right:0px;
			
 
				-                width:100%;
			
 
				-                box-sizing:border-box;
			
 
				-                padding-left:0px;
			
 
				-                margin-top:0px;
			
 
				-                height:40px;
			
 
				-        }
			
 
				-        .about .body .right .title span
			
 
				-        {
			
 
				-                padding-bottom:0px;
			
 
				-                flex-direction:row;
			
 
				-                word-wrap:break-word;
			
 
				-                display:inline-block;
			
 
				-                padding-right:0px;
			
 
				-                font-size:28PX;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:0px;
			
 
				-        }
			
 
				-        .about .body .right .desc
			
 
				-        {
			
 
				-                flex-wrap:nowrap;
			
 
				-                flex-direction:row;
			
 
				-                display:flex;
			
 
				-                padding-right:0px;
			
 
				-                width:100%;
			
 
				-                box-sizing:border-box;
			
 
				-                padding-left:0px;
			
 
				-                height:100%;
			
 
				-        }
			
 
				-        .about .body .right .desc span
			
 
				-        {
			
 
				-                padding-bottom:0px;
			
 
				-                flex-direction:row;
			
 
				-                word-wrap:break-word;
			
 
				-                display:inline-block;
			
 
				-                font-size:16PX;
			
 
				-                padding-top:0px;
			
 
				-                margin-top:20px;
			
 
				-        }
			
 
				-        .product
			
 
				-        {
			
 
				-                background-color:#F2F2F2;
			
 
				-                align-items:center;
			
 
				-                flex-direction:column;
			
 
				-                display:flex;
			
 
				-                padding-right:0px;
			
 
				-                box-sizing:border-box;
			
 
				-                justify-content:center;
			
 
				-                padding-bottom:40px;
			
 
				-                flex-wrap:nowrap;
			
 
				-                width:100%;
			
 
				-                margin-bottom:0px;
			
 
				-                padding-top:40px;
			
 
				-                padding-left:0px;
			
 
				-                margin-top:20px;
			
 
				-                height:unset;
			
 
				-        }
			
 
				-        .product .title
			
 
				-        {
			
 
				-                align-items:center;
			
 
				-                flex-direction:row;
			
 
				-                display:flex;
			
 
				-                padding-right:0px;
			
 
				-                box-sizing:border-box;
			
 
				-                justify-content:center;
			
 
				-                padding-bottom:0px;
			
 
				-                flex-wrap:nowrap;
			
 
				-                width:100%;
			
 
				-                margin-bottom:0px;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:0px;
			
 
				-                margin-top:0px;
			
 
				-                height:40px;
			
 
				-        }
			
 
				-        .product .title span
			
 
				-        {
			
 
				-                padding-bottom:0px;
			
 
				-                flex-direction:row;
			
 
				-                word-wrap:break-word;
			
 
				-                display:inline-block;
			
 
				-                padding-right:0px;
			
 
				-                font-size:28PX;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:0px;
			
 
				-        }
			
 
				-        .product .body
			
 
				-        {
			
 
				-                padding-bottom:0px;
			
 
				-                align-items:center;
			
 
				-                flex-wrap:nowrap;
			
 
				-                flex-direction:column;
			
 
				-                display:flex;
			
 
				-                width:100%;
			
 
				-                box-sizing:border-box;
			
 
				-                margin-bottom:0px;
			
 
				-                padding-top:0px;
			
 
				-                margin-top:0px;
			
 
				-                justify-content:center;
			
 
				-                height:100%;
			
 
				-        }
			
 
				-        .product .body .prod
			
 
				-        {
			
 
				-                background-color:#FFFFFF;
			
 
				-                flex-direction:column;
			
 
				-                display:flex;
			
 
				-                padding-right:0px;
			
 
				-                box-sizing:border-box;
			
 
				-                padding-bottom:0px;
			
 
				-                flex-wrap:nowrap;
			
 
				-                width:90%;
			
 
				-                margin-bottom:40px;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:0px;
			
 
				-                margin-top:0px;
			
 
				-                height:100%;
			
 
				-        }
			
 
				-        .product .body .prod .pic
			
 
				-        {
			
 
				-                padding-bottom:0px;
			
 
				-                flex-wrap:nowrap;
			
 
				-                flex-direction:row;
			
 
				-                display:flex;
			
 
				-                padding-right:0px;
			
 
				-                width:100%;
			
 
				-                box-sizing:border-box;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:0px;
			
 
				-                height:200px;
			
 
				-        }
			
 
				-        .product .body .prod .pic img
			
 
				-        {
			
 
				-                padding-bottom:0px;
			
 
				-                width:100%;
			
 
				-                padding-top:0px;
			
 
				-                margin-top:0px;
			
 
				-                height:100%;
			
 
				-        }
			
 
				-        .product .body .prod .text
			
 
				-        {
			
 
				-                padding-bottom:0px;
			
 
				-                text-align:center;
			
 
				-                flex-direction:row;
			
 
				-                word-wrap:break-word;
			
 
				-                display:inline-block;
			
 
				-                padding-right:0px;
			
 
				-                font-size:16PX;
			
 
				-                padding-top:8px;
			
 
				-                padding-left:0px;
			
 
				-                margin-top:10px;
			
 
				-                height:40px;
			
 
				-        }
			
 
				-        .product .more
			
 
				-        {
			
 
				-                background-color:#FFFFFF;
			
 
				-                align-items:center;
			
 
				-                flex-direction:row;
			
 
				-                display:flex;
			
 
				-                padding-right:0px;
			
 
				-                box-sizing:border-box;
			
 
				-                justify-content:center;
			
 
				-                padding-bottom:0px;
			
 
				-                flex-wrap:nowrap;
			
 
				-                width:100px;
			
 
				-                margin-bottom:0px;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:0px;
			
 
				-                margin-top:0px;
			
 
				-                height:48px;
			
 
				-        }
			
 
				-        .news
			
 
				-        {
			
 
				-                align-items:center;
			
 
				-                flex-direction:column;
			
 
				-                display:flex;
			
 
				-                padding-right:0px;
			
 
				-                box-sizing:border-box;
			
 
				-                justify-content:center;
			
 
				-                padding-bottom:20px;
			
 
				-                flex-wrap:nowrap;
			
 
				-                width:100%;
			
 
				-                margin-bottom:20px;
			
 
				-                padding-top:20px;
			
 
				-                padding-left:0px;
			
 
				-                margin-top:20px;
			
 
				-                height:unset;
			
 
				-        }
			
 
				-        .news .title
			
 
				-        {
			
 
				-                align-items:center;
			
 
				-                flex-direction:row;
			
 
				-                display:flex;
			
 
				-                padding-right:0px;
			
 
				-                box-sizing:border-box;
			
 
				-                justify-content:center;
			
 
				-                padding-bottom:0px;
			
 
				-                flex-wrap:nowrap;
			
 
				-                width:100%;
			
 
				-                margin-bottom:0px;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:0px;
			
 
				-                margin-top:0px;
			
 
				-                height:40px;
			
 
				-        }
			
 
				-        .news .title span
			
 
				-        {
			
 
				-                padding-bottom:0px;
			
 
				-                flex-direction:row;
			
 
				-                word-wrap:break-word;
			
 
				-                display:inline-block;
			
 
				-                padding-right:0px;
			
 
				-                font-size:28PX;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:0px;
			
 
				-        }
			
 
				-        .news .body
			
 
				-        {
			
 
				-                align-items:flex-start;
			
 
				-                flex-direction:column;
			
 
				-                display:flex;
			
 
				-                padding-right:0px;
			
 
				-                box-sizing:border-box;
			
 
				-                justify-content:space-between;
			
 
				-                padding-bottom:0px;
			
 
				-                flex-wrap:nowrap;
			
 
				-                width:90%;
			
 
				-                margin-bottom:20px;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:0px;
			
 
				-                margin-top:20px;
			
 
				-                height:100%;
			
 
				-        }
			
 
				-        .news .body .left
			
 
				-        {
			
 
				-                padding-bottom:0px;
			
 
				-                flex-wrap:nowrap;
			
 
				-                flex-direction:column;
			
 
				-                display:flex;
			
 
				-                width:100%;
			
 
				-                box-sizing:border-box;
			
 
				-                margin-bottom:10px;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:0px;
			
 
				-                margin-top:0px;
			
 
				-        }
			
 
				-        .news .body .left img
			
 
				-        {
			
 
				-                padding-bottom:0px;
			
 
				-                width:100%;
			
 
				-                margin-bottom:0px;
			
 
				-                padding-top:0px;
			
 
				-                margin-top:0px;
			
 
				-                height:100%;
			
 
				-        }
			
 
				-        .news .body .left .title
			
 
				-        {
			
 
				-                padding-bottom:0px;
			
 
				-                text-align:left;
			
 
				-                flex-direction:row;
			
 
				-                word-wrap:break-word;
			
 
				-                display:inline-block;
			
 
				-                padding-right:0px;
			
 
				-                font-size:18PX;
			
 
				-                padding-top:10px;
			
 
				-                padding-left:0px;
			
 
				-                margin-top:0px;
			
 
				-                justify-content:flex-start;
			
 
				-                height:40px;
			
 
				-        }
			
 
				-        .news .body .left .desc
			
 
				-        {
			
 
				-                padding-bottom:0px;
			
 
				-                color:#B5B5B5;
			
 
				-                text-align:left;
			
 
				-                flex-direction:row;
			
 
				-                word-wrap:break-word;
			
 
				-                display:inline-block;
			
 
				-                padding-right:0px;
			
 
				-                font-size:14PX;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:0px;
			
 
				-                margin-top:0px;
			
 
				-        }
			
 
				-        .news .body .right
			
 
				-        {
			
 
				-                padding-bottom:0px;
			
 
				-                flex-wrap:nowrap;
			
 
				-                flex-direction:column;
			
 
				-                display:flex;
			
 
				-                padding-right:0px;
			
 
				-                width:100%;
			
 
				-                margin-bottom:0px;
			
 
				-                box-sizing:border-box;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:0px;
			
 
				-                margin-top:0px;
			
 
				-                height:100%;
			
 
				-        }
			
 
				-        .news .body .right .news-item
			
 
				-        {
			
 
				-                padding-bottom:0px;
			
 
				-                flex-wrap:nowrap;
			
 
				-                flex-direction:row;
			
 
				-                display:flex;
			
 
				-                padding-right:0px;
			
 
				-                width:100%;
			
 
				-                margin-bottom:10px;
			
 
				-                box-sizing:border-box;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:0px;
			
 
				-                margin-top:0px;
			
 
				-                height:100px;
			
 
				-        }
			
 
				-        .news .body .right .news-item .date
			
 
				-        {
			
 
				-                background-color:#EEEEEE;
			
 
				-                align-items:center;
			
 
				-                flex-direction:column;
			
 
				-                display:flex;
			
 
				-                padding-right:8px;
			
 
				-                box-sizing:border-box;
			
 
				-                justify-content:center;
			
 
				-                padding-bottom:8px;
			
 
				-                flex-wrap:nowrap;
			
 
				-                width:100px;
			
 
				-                margin-bottom:0px;
			
 
				-                padding-top:8px;
			
 
				-                padding-left:8px;
			
 
				-                height:100%;
			
 
				-        }
			
 
				-        .news .body .right .news-item .date .day
			
 
				-        {
			
 
				-                padding-bottom:0px;
			
 
				-                text-align:center;
			
 
				-                flex-direction:row;
			
 
				-                word-wrap:break-word;
			
 
				-                display:inline-block;
			
 
				-                padding-right:0px;
			
 
				-                font-size:28PX;
			
 
				-                padding-top:14px;
			
 
				-                padding-left:0px;
			
 
				-                height:70%;
			
 
				-        }
			
 
				-        .news .body .right .news-item .date .date
			
 
				-        {
			
 
				-                text-align:center;
			
 
				-                flex-direction:row;
			
 
				-                word-wrap:break-word;
			
 
				-                display:inline-block;
			
 
				-                font-size:16PX;
			
 
				-                padding-top:0px;
			
 
				-        }
			
 
				-        .news .body .right .news-item .news-body
			
 
				-        {
			
 
				-                padding-bottom:0px;
			
 
				-                flex-wrap:nowrap;
			
 
				-                flex-direction:column;
			
 
				-                display:flex;
			
 
				-                padding-right:0px;
			
 
				-                width:90%;
			
 
				-                margin-bottom:10px;
			
 
				-                box-sizing:border-box;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:10px;
			
 
				-                margin-top:0px;
			
 
				-                height:100%;
			
 
				-        }
			
 
				-        .news .body .right .news-item .news-body .title
			
 
				-        {
			
 
				-                text-align:left;
			
 
				-                flex-direction:row;
			
 
				-                word-wrap:break-word;
			
 
				-                display:inline-block;
			
 
				-                padding-right:0px;
			
 
				-                justify-content:flex-start;
			
 
				-                padding-bottom:0px;
			
 
				-                font-size:18PX;
			
 
				-                margin-bottom:0px;
			
 
				-                padding-top:10px;
			
 
				-                padding-left:0px;
			
 
				-                margin-top:0px;
			
 
				-                height:40px;
			
 
				-        }
			
 
				-        .news .body .right .news-item .news-body .desc
			
 
				-        {
			
 
				-         display: none;
			
 
				-                padding-bottom:0px;
			
 
				-                color:#B5B5B5;
			
 
				-                text-align:left;
			
 
				-                flex-direction:row;
			
 
				-                word-wrap:break-word;
			
 
				-                padding-right:0px;
			
 
				-                font-size:14PX;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:0px;
			
 
				-                margin-top:0px;
			
 
				-        }
			
 
				-        .news .more
			
 
				-        {
			
 
				-                background-color:#FFFFFF;
			
 
				-                align-items:center;
			
 
				-                flex-direction:row;
			
 
				-                display:flex;
			
 
				-                padding-right:0px;
			
 
				-                box-sizing:border-box;
			
 
				-                justify-content:center;
			
 
				-                padding-bottom:0px;
			
 
				-                flex-wrap:nowrap;
			
 
				-                width:100px;
			
 
				-                margin-bottom:0px;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:0px;
			
 
				-                margin-top:0px;
			
 
				-                height:48px;
			
 
				-        }
			
 
				-
			
 
				-}</style>
			
 
				- </body>
			
 
				+</script>
			
 
				+</body>
			
 
				 </html>
			
--- a/src/main/webapp/template/1/default/js/048c11927f4c4b8a8811578543381d58.js
+++ b/src/main/webapp/template/1/default/js/048c11927f4c4b8a8811578543381d58.js
@@ -0,0 +1 @@
 
				+(function(){ window.BMap_loadScriptTime = (new Date).getTime(); document.write('<script type="text/javascript" src="http://api.map.baidu.com/getscript?v=1.4&ak=&services=&t=20180102095227"></script>');})();
			
--- a/src/main/webapp/template/1/default/js/anim.js
+++ b/src/main/webapp/template/1/default/js/anim.js
@@ -0,0 +1,26 @@
 
				+$(function(){
			
 
				+  // 出场动画
			
 
				+  var anim = $(".anim");
			
 
				+  setTimeout(function(){//规避页面加载不完整高度获取异常
			
 
				+    $(window).scroll(function() {
			
 
				+        roll();
			
 
				+      })
			
 
				+      $(window).resize(function() {
			
 
				+        roll();
			
 
				+      })
			
 
				+      roll();
			
 
				+  },6)
			
 
				+  function roll() { //滚动执行动画
			
 
				+    var oHeight = $(window).height();
			
 
				+    var ScrVal = $(window).scrollTop();
			
 
				+    anim.each(function(i) {
			
 
				+      if (ScrVal + oHeight > anim.eq(i).offset().top + 100 ){
			
 
				+        anim.eq(i).addClass("anim-show");
			
 
				+      }
			
 
				+    })
			
 
				+  }
			
 
				+     
			
 
				+
			
 
				+
			
 
				+
			
 
				+})
			
--- a/src/main/webapp/template/1/default/js/basic.js
+++ b/src/main/webapp/template/1/default/js/basic.js
@@ -0,0 +1,22 @@
 
				+/**
			
 
				+ * Created by Administrator on 2017/1/16.
			
 
				+ */
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+$(function () {
			
 
				+
			
 
				+    //加载公用部分，写程序的时候记得删除！！
			
 
				+    $("header").load("header.html");
			
 
				+    $("footer").load("footer.html");
			
 
				+	//$(".sidebar").load("sidebar.html");
			
 
				+
			
 
				+});
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
--- a/src/main/webapp/template/1/default/js/foot.js
+++ b/src/main/webapp/template/1/default/js/foot.js
@@ -0,0 +1,45 @@
 
				+function g(o){return document.getElementById(o);}
			
 
				+//window.onload=function()
			
 
				+//{
			
 
				+	$(".top_search").find("em").click(function(){
			
 
				+		if($(".search_con").css("display")=="none")
			
 
				+		{
			
 
				+			$(".search_con").css("display","block");
			
 
				+			$(".search_con").animate({"height":"39px"},"fast");
			
 
				+		}
			
 
				+		else
			
 
				+		{$(".search_con").css("display","none");	
			
 
				+		$(".search_con").animate({"height":"0px"},"fast");
			
 
				+		}
			
 
				+	});
			
 
				+	$(".search_con").hover(function(){},function(){
			
 
				+		$(".search_con").css("display","none");	 
			
 
				+	})
			
 
				+	
			
 
				+//$(".side ul li").hover(function(){
			
 
				+//				$(this).find(".sidebox").stop().animate({"width":"180px"},200).find("img").css({"opacity":"1","filter":"Alpha(opacity=100)"});
			
 
				+//			},function(){
			
 
				+//				$(this).find(".sidebox").stop().animate({"width":"56px",},200).find("img").css({"opacity":"0.8","filter":"Alpha(opacity=80)"});
			
 
				+//			});
			
 
				+//	 $('.sideewm').hover(function(){
			
 
				+//				$('.ewBox').stop().show();
			
 
				+//			},function(){
			
 
				+//				$('.ewBox').stop().hide();
			
 
				+//			});
			
 
				+	
			
 
				+	
			
 
				+	
			
 
				+	
			
 
				+
			
 
				+//}
			
 
				+
			
 
				+//回到顶部
			
 
				+function goTop(){
			
 
				+	$('html,body').animate({'scrollTop':0},600);
			
 
				+}
			
 
				+
			
 
				+function inewsc(objs,src)
			
 
				+{
			
 
				+$(objs).attr("src",src);
			
 
				+}
			
 
				+
			
--- a/src/main/webapp/template/1/default/js/jquery-1.8.3.min.js
+++ b/src/main/webapp/template/1/default/js/jquery-1.8.3.min.js
--- a/src/main/webapp/template/1/default/js/jquery.bxslider.min.js
+++ b/src/main/webapp/template/1/default/js/jquery.bxslider.min.js
--- a/src/main/webapp/template/1/default/js/jquery.superslide.2.1.1.js
+++ b/src/main/webapp/template/1/default/js/jquery.superslide.2.1.1.js
@@ -0,0 +1,595 @@
 
				+/*!
			
 
				+ * SuperSlide v2.1.1 
			
 
				+ * 轻松解决网站大部分特效展示问题
			
 
				+ * 详尽信息请看官网：http://www.SuperSlide2.com/
			
 
				+ *
			
 
				+ * Copyright 2011-2013, 大话主席
			
 
				+ *
			
 
				+ * 请尊重原创，保留头部版权
			
 
				+ * 在保留版权的前提下可应用于个人或商业用途
			
 
				+
			
 
				+ * v2.1.1：修复当调用多个SuperSlide，并设置returnDefault:true 时返回defaultIndex索引错误
			
 
				+
			
 
				+ */
			
 
				+
			
 
				+!
			
 
				+function(a) {
			
 
				+    a.fn.slide = function(b) {
			
 
				+        return a.fn.slide.defaults = {
			
 
				+            type: "slide",
			
 
				+            effect: "fade",
			
 
				+            autoPlay: !1,
			
 
				+            delayTime: 500,
			
 
				+            interTime: 2500,
			
 
				+            triggerTime: 150,
			
 
				+            defaultIndex: 0,
			
 
				+            titCell: ".hd li",
			
 
				+            mainCell: ".bd",
			
 
				+            targetCell: null,
			
 
				+            trigger: "mouseover",
			
 
				+            scroll: 1,
			
 
				+            vis: 1,
			
 
				+            titOnClassName: "on",
			
 
				+            autoPage: !1,
			
 
				+            prevCell: ".prev",
			
 
				+            nextCell: ".next",
			
 
				+            pageStateCell: ".pageState",
			
 
				+            opp: !1,
			
 
				+            pnLoop: !0,
			
 
				+            easing: "swing",
			
 
				+            startFun: null,
			
 
				+            endFun: null,
			
 
				+            switchLoad: null,
			
 
				+            playStateCell: ".playState",
			
 
				+            mouseOverStop: !0,
			
 
				+            defaultPlay: !0,
			
 
				+            returnDefault: !1
			
 
				+        },
			
 
				+        this.each(function() {
			
 
				+            var c = a.extend({},
			
 
				+            a.fn.slide.defaults, b),
			
 
				+            d = a(this),
			
 
				+            e = c.effect,
			
 
				+            f = a(c.prevCell, d),
			
 
				+            g = a(c.nextCell, d),
			
 
				+            h = a(c.pageStateCell, d),
			
 
				+            i = a(c.playStateCell, d),
			
 
				+            j = a(c.titCell, d),
			
 
				+            k = j.size(),
			
 
				+            l = a(c.mainCell, d),
			
 
				+            m = l.children().size(),
			
 
				+            n = c.switchLoad,
			
 
				+            o = a(c.targetCell, d),
			
 
				+            p = parseInt(c.defaultIndex),
			
 
				+            q = parseInt(c.delayTime),
			
 
				+            r = parseInt(c.interTime);
			
 
				+            parseInt(c.triggerTime);
			
 
				+            var Q, t = parseInt(c.scroll),
			
 
				+            u = parseInt(c.vis),
			
 
				+            v = "false" == c.autoPlay || 0 == c.autoPlay ? !1 : !0,
			
 
				+            w = "false" == c.opp || 0 == c.opp ? !1 : !0,
			
 
				+            x = "false" == c.autoPage || 0 == c.autoPage ? !1 : !0,
			
 
				+            y = "false" == c.pnLoop || 0 == c.pnLoop ? !1 : !0,
			
 
				+            z = "false" == c.mouseOverStop || 0 == c.mouseOverStop ? !1 : !0,
			
 
				+            A = "false" == c.defaultPlay || 0 == c.defaultPlay ? !1 : !0,
			
 
				+            B = "false" == c.returnDefault || 0 == c.returnDefault ? !1 : !0,
			
 
				+            C = 0,
			
 
				+            D = 0,
			
 
				+            E = 0,
			
 
				+            F = 0,
			
 
				+            G = c.easing,
			
 
				+            H = null,
			
 
				+            I = null,
			
 
				+            J = null,
			
 
				+            K = c.titOnClassName,
			
 
				+            L = j.index(d.find("." + K)),
			
 
				+            M = p = -1 == L ? p: L,
			
 
				+            N = p,
			
 
				+            O = p,
			
 
				+            P = m >= u ? 0 != m % t ? m % t: t: 0,
			
 
				+            R = "leftMarquee" == e || "topMarquee" == e ? !0 : !1,
			
 
				+            S = function() {
			
 
				+                a.isFunction(c.startFun) && c.startFun(p, k, d, a(c.titCell, d), l, o, f, g)
			
 
				+            },
			
 
				+            T = function() {
			
 
				+                a.isFunction(c.endFun) && c.endFun(p, k, d, a(c.titCell, d), l, o, f, g)
			
 
				+            },
			
 
				+            U = function() {
			
 
				+                j.removeClass(K),
			
 
				+                A && j.eq(N).addClass(K)
			
 
				+            };
			
 
				+            if ("menu" == c.type) return A && j.removeClass(K).eq(p).addClass(K),
			
 
				+            j.hover(function() {
			
 
				+                Q = a(this).find(c.targetCell);
			
 
				+                var b = j.index(a(this));
			
 
				+                I = setTimeout(function() {
			
 
				+                    switch (p = b, j.removeClass(K).eq(p).addClass(K), S(), e) {
			
 
				+                    case "fade":
			
 
				+                        Q.stop(!0, !0).animate({
			
 
				+                            opacity: "show"
			
 
				+                        },
			
 
				+                        q, G, T);
			
 
				+                        break;
			
 
				+                    case "slideDown":
			
 
				+                        Q.stop(!0, !0).animate({
			
 
				+                            height: "show"
			
 
				+                        },
			
 
				+                        q, G, T)
			
 
				+                    }
			
 
				+                },
			
 
				+                c.triggerTime)
			
 
				+            },
			
 
				+            function() {
			
 
				+                switch (clearTimeout(I), e) {
			
 
				+                case "fade":
			
 
				+                    Q.animate({
			
 
				+                        opacity:
			
 
				+                        "hide"
			
 
				+                    },
			
 
				+                    q, G);
			
 
				+                    break;
			
 
				+                case "slideDown":
			
 
				+                    Q.animate({
			
 
				+                        height:
			
 
				+                        "hide"
			
 
				+                    },
			
 
				+                    q, G)
			
 
				+                }
			
 
				+            }),
			
 
				+            B && d.hover(function() {
			
 
				+                clearTimeout(J)
			
 
				+            },
			
 
				+            function() {
			
 
				+                J = setTimeout(U, q)
			
 
				+            }),
			
 
				+            void 0;
			
 
				+            if (0 == k && (k = m), R && (k = 2), x) {
			
 
				+                if (m >= u) if ("leftLoop" == e || "topLoop" == e) k = 0 != m % t ? (0 ^ m / t) + 1 : m / t;
			
 
				+                else {
			
 
				+                    var V = m - u;
			
 
				+                    k = 1 + parseInt(0 != V % t ? V / t + 1 : V / t),
			
 
				+                    0 >= k && (k = 1)
			
 
				+                } else k = 1;
			
 
				+                j.html("");
			
 
				+                var W = "";
			
 
				+                if (1 == c.autoPage || "true" == c.autoPage) for (var X = 0; k > X; X++) W += "<li>" + (X + 1) + "</li>";
			
 
				+                else for (var X = 0; k > X; X++) W += c.autoPage.replace("$", X + 1);
			
 
				+                j.html(W);
			
 
				+                var j = j.children()
			
 
				+            }
			
 
				+            if (m >= u) {
			
 
				+                l.children().each(function() {
			
 
				+                    a(this).width() > E && (E = a(this).width(), D = a(this).outerWidth(!0)),
			
 
				+                    a(this).height() > F && (F = a(this).height(), C = a(this).outerHeight(!0))
			
 
				+                });
			
 
				+                var Y = l.children(),
			
 
				+                Z = function() {
			
 
				+                    for (var a = 0; u > a; a++) Y.eq(a).clone().addClass("clone").appendTo(l);
			
 
				+                    for (var a = 0; P > a; a++) Y.eq(m - a - 1).clone().addClass("clone").prependTo(l)
			
 
				+                };
			
 
				+                switch (e) {
			
 
				+                case "fold":
			
 
				+                    l.css({
			
 
				+                        position:
			
 
				+                        "relative",
			
 
				+                        width: D,
			
 
				+                        height: C
			
 
				+                    }).children().css({
			
 
				+                        position: "absolute",
			
 
				+                        width: E,
			
 
				+                        left: 0,
			
 
				+                        top: 0,
			
 
				+                        display: "none"
			
 
				+                    });
			
 
				+                    break;
			
 
				+                case "top":
			
 
				+                    l.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; height:' + u * C + 'px"></div>').css({
			
 
				+                        top: -(p * t) * C,
			
 
				+                        position: "relative",
			
 
				+                        padding: "0",
			
 
				+                        margin: "0"
			
 
				+                    }).children().css({
			
 
				+                        height: F
			
 
				+                    });
			
 
				+                    break;
			
 
				+                case "left":
			
 
				+                    l.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; width:' + u * D + 'px"></div>').css({
			
 
				+                        width: m * D,
			
 
				+                        left: -(p * t) * D,
			
 
				+                        position: "relative",
			
 
				+                        overflow: "hidden",
			
 
				+                        padding: "0",
			
 
				+                        margin: "0"
			
 
				+                    }).children().css({
			
 
				+                        "float": "left",
			
 
				+                        width: E
			
 
				+                    });
			
 
				+                    break;
			
 
				+                case "leftLoop":
			
 
				+                case "leftMarquee":
			
 
				+                    Z(),
			
 
				+                    l.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; width:' + u * D + 'px"></div>').css({
			
 
				+                        width: (m + u + P) * D,
			
 
				+                        position: "relative",
			
 
				+                        overflow: "hidden",
			
 
				+                        padding: "0",
			
 
				+                        margin: "0",
			
 
				+                        left: -(P + p * t) * D
			
 
				+                    }).children().css({
			
 
				+                        "float": "left",
			
 
				+                        width: E
			
 
				+                    });
			
 
				+                    break;
			
 
				+                case "topLoop":
			
 
				+                case "topMarquee":
			
 
				+                    Z(),
			
 
				+                    l.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; height:' + u * C + 'px"></div>').css({
			
 
				+                        height: (m + u + P) * C,
			
 
				+                        position: "relative",
			
 
				+                        padding: "0",
			
 
				+                        margin: "0",
			
 
				+                        top: -(P + p * t) * C
			
 
				+                    }).children().css({
			
 
				+                        height: F
			
 
				+                    })
			
 
				+                }
			
 
				+            }
			
 
				+            var $ = function(a) {
			
 
				+                var b = a * t;
			
 
				+                return a == k ? b = m: -1 == a && 0 != m % t && (b = -m % t),
			
 
				+                b
			
 
				+            },
			
 
				+            _ = function(b) {
			
 
				+                var c = function(c) {
			
 
				+                    for (var d = c; u + c > d; d++) b.eq(d).find("img[" + n + "]").each(function() {
			
 
				+                        var b = a(this);
			
 
				+                        if (b.attr("src", b.attr(n)).removeAttr(n), l.find(".clone")[0]) for (var c = l.children(), d = 0; d < c.size(); d++) c.eq(d).find("img[" + n + "]").each(function() {
			
 
				+                            a(this).attr(n) == b.attr("src") && a(this).attr("src", a(this).attr(n)).removeAttr(n)
			
 
				+                        })
			
 
				+                    })
			
 
				+                };
			
 
				+                switch (e) {
			
 
				+                case "fade":
			
 
				+                case "fold":
			
 
				+                case "top":
			
 
				+                case "left":
			
 
				+                case "slideDown":
			
 
				+                    c(p * t);
			
 
				+                    break;
			
 
				+                case "leftLoop":
			
 
				+                case "topLoop":
			
 
				+                    c(P + $(O));
			
 
				+                    break;
			
 
				+                case "leftMarquee":
			
 
				+                case "topMarquee":
			
 
				+                    var d = "leftMarquee" == e ? l.css("left").replace("px", "") : l.css("top").replace("px", ""),
			
 
				+                    f = "leftMarquee" == e ? D: C,
			
 
				+                    g = P;
			
 
				+                    if (0 != d % f) {
			
 
				+                        var h = Math.abs(0 ^ d / f);
			
 
				+                        g = 1 == p ? P + h: P + h - 1
			
 
				+                    }
			
 
				+                    c(g)
			
 
				+                }
			
 
				+            },
			
 
				+            ab = function(a) {
			
 
				+                if (!A || M != p || a || R) {
			
 
				+                    if (R ? p >= 1 ? p = 1 : 0 >= p && (p = 0) : (O = p, p >= k ? p = 0 : 0 > p && (p = k - 1)), S(), null != n && _(l.children()), o[0] && (Q = o.eq(p), null != n && _(o), "slideDown" == e ? (o.not(Q).stop(!0, !0).slideUp(q), Q.slideDown(q, G,
			
 
				+                    function() {
			
 
				+                        l[0] || T()
			
 
				+                    })) : (o.not(Q).stop(!0, !0).hide(), Q.animate({
			
 
				+                        opacity: "show"
			
 
				+                    },
			
 
				+                    q,
			
 
				+                    function() {
			
 
				+                        l[0] || T()
			
 
				+                    }))), m >= u) switch (e) {
			
 
				+                    case "fade":
			
 
				+                        l.children().stop(!0, !0).eq(p).animate({
			
 
				+                            opacity: "show"
			
 
				+                        },
			
 
				+                        q, G,
			
 
				+                        function() {
			
 
				+                            T()
			
 
				+                        }).siblings().hide();
			
 
				+                        break;
			
 
				+                    case "fold":
			
 
				+                        l.children().stop(!0, !0).eq(p).animate({
			
 
				+                            opacity: "show"
			
 
				+                        },
			
 
				+                        q, G,
			
 
				+                        function() {
			
 
				+                            T()
			
 
				+                        }).siblings().animate({
			
 
				+                            opacity: "hide"
			
 
				+                        },
			
 
				+                        q, G);
			
 
				+                        break;
			
 
				+                    case "top":
			
 
				+                        l.stop(!0, !1).animate({
			
 
				+                            top: -p * t * C
			
 
				+                        },
			
 
				+                        q, G,
			
 
				+                        function() {
			
 
				+                            T()
			
 
				+                        });
			
 
				+                        break;
			
 
				+                    case "left":
			
 
				+                        l.stop(!0, !1).animate({
			
 
				+                            left: -p * t * D
			
 
				+                        },
			
 
				+                        q, G,
			
 
				+                        function() {
			
 
				+                            T()
			
 
				+                        });
			
 
				+                        break;
			
 
				+                    case "leftLoop":
			
 
				+                        var b = O;
			
 
				+                        l.stop(!0, !0).animate({
			
 
				+                            left: -($(O) + P) * D
			
 
				+                        },
			
 
				+                        q, G,
			
 
				+                        function() { - 1 >= b ? l.css("left", -(P + (k - 1) * t) * D) : b >= k && l.css("left", -P * D),
			
 
				+                            T()
			
 
				+                        });
			
 
				+                        break;
			
 
				+                    case "topLoop":
			
 
				+                        var b = O;
			
 
				+                        l.stop(!0, !0).animate({
			
 
				+                            top: -($(O) + P) * C
			
 
				+                        },
			
 
				+                        q, G,
			
 
				+                        function() { - 1 >= b ? l.css("top", -(P + (k - 1) * t) * C) : b >= k && l.css("top", -P * C),
			
 
				+                            T()
			
 
				+                        });
			
 
				+                        break;
			
 
				+                    case "leftMarquee":
			
 
				+                        var c = l.css("left").replace("px", "");
			
 
				+                        0 == p ? l.animate({
			
 
				+                            left: ++c
			
 
				+                        },
			
 
				+                        0,
			
 
				+                        function() {
			
 
				+                            l.css("left").replace("px", "") >= 0 && l.css("left", -m * D)
			
 
				+                        }) : l.animate({
			
 
				+                            left: --c
			
 
				+                        },
			
 
				+                        0,
			
 
				+                        function() {
			
 
				+                            l.css("left").replace("px", "") <= -(m + P) * D && l.css("left", -P * D)
			
 
				+                        });
			
 
				+                        break;
			
 
				+                    case "topMarquee":
			
 
				+                        var d = l.css("top").replace("px", "");
			
 
				+                        0 == p ? l.animate({
			
 
				+                            top: ++d
			
 
				+                        },
			
 
				+                        0,
			
 
				+                        function() {
			
 
				+                            l.css("top").replace("px", "") >= 0 && l.css("top", -m * C)
			
 
				+                        }) : l.animate({
			
 
				+                            top: --d
			
 
				+                        },
			
 
				+                        0,
			
 
				+                        function() {
			
 
				+                            l.css("top").replace("px", "") <= -(m + P) * C && l.css("top", -P * C)
			
 
				+                        })
			
 
				+                    }
			
 
				+                    j.removeClass(K).eq(p).addClass(K),
			
 
				+                    M = p,
			
 
				+                    y || (g.removeClass("nextStop"), f.removeClass("prevStop"), 0 == p && f.addClass("prevStop"), p == k - 1 && g.addClass("nextStop")),
			
 
				+                    h.html("<span>" + (p + 1) + "</span>/" + k)
			
 
				+                }
			
 
				+            };
			
 
				+            A && ab(!0),
			
 
				+            B && d.hover(function() {
			
 
				+                clearTimeout(J)
			
 
				+            },
			
 
				+            function() {
			
 
				+                J = setTimeout(function() {
			
 
				+                    p = N,
			
 
				+                    A ? ab() : "slideDown" == e ? Q.slideUp(q, U) : Q.animate({
			
 
				+                        opacity: "hide"
			
 
				+                    },
			
 
				+                    q, U),
			
 
				+                    M = p
			
 
				+                },
			
 
				+                300)
			
 
				+            });
			
 
				+            var bb = function(a) {
			
 
				+                H = setInterval(function() {
			
 
				+                    w ? p--:p++,
			
 
				+                    ab()
			
 
				+                },
			
 
				+                a ? a: r)
			
 
				+            },
			
 
				+            cb = function(a) {
			
 
				+                H = setInterval(ab, a ? a: r)
			
 
				+            },
			
 
				+            db = function() {
			
 
				+                z || (clearInterval(H), bb())
			
 
				+            },
			
 
				+            eb = function() { (y || p != k - 1) && (p++, ab(), R || db())
			
 
				+            },
			
 
				+            fb = function() { (y || 0 != p) && (p--, ab(), R || db())
			
 
				+            },
			
 
				+            gb = function() {
			
 
				+                clearInterval(H),
			
 
				+                R ? cb() : bb(),
			
 
				+                i.removeClass("pauseState")
			
 
				+            },
			
 
				+            hb = function() {
			
 
				+                clearInterval(H),
			
 
				+                i.addClass("pauseState")
			
 
				+            };
			
 
				+            if (v ? R ? (w ? p--:p++, cb(), z && l.hover(hb, gb)) : (bb(), z && d.hover(hb, gb)) : (R && (w ? p--:p++), i.addClass("pauseState")), i.click(function() {
			
 
				+                i.hasClass("pauseState") ? gb() : hb()
			
 
				+            }), "mouseover" == c.trigger ? j.hover(function() {
			
 
				+                var a = j.index(this);
			
 
				+                I = setTimeout(function() {
			
 
				+                    p = a,
			
 
				+                    ab(),
			
 
				+                    db()
			
 
				+                },
			
 
				+                c.triggerTime)
			
 
				+            },
			
 
				+            function() {
			
 
				+                clearTimeout(I)
			
 
				+            }) : j.click(function() {
			
 
				+                p = j.index(this),
			
 
				+                ab(),
			
 
				+                db()
			
 
				+            }), R) {
			
 
				+                if (g.mousedown(eb), f.mousedown(fb), y) {
			
 
				+                    var ib, jb = function() {
			
 
				+                        ib = setTimeout(function() {
			
 
				+                            clearInterval(H),
			
 
				+                            cb(0 ^ r / 10)
			
 
				+                        },
			
 
				+                        150)
			
 
				+                    },
			
 
				+                    kb = function() {
			
 
				+                        clearTimeout(ib),
			
 
				+                        clearInterval(H),
			
 
				+                        cb()
			
 
				+                    };
			
 
				+                    g.mousedown(jb),
			
 
				+                    g.mouseup(kb),
			
 
				+                    f.mousedown(jb),
			
 
				+                    f.mouseup(kb)
			
 
				+                }
			
 
				+                "mouseover" == c.trigger && (g.hover(eb,
			
 
				+                function() {}), f.hover(fb,
			
 
				+                function() {}))
			
 
				+            } else g.click(eb),
			
 
				+            f.click(fb)
			
 
				+        })
			
 
				+    }
			
 
				+} (jQuery),
			
 
				+jQuery.easing.jswing = jQuery.easing.swing,
			
 
				+jQuery.extend(jQuery.easing, {
			
 
				+    def: "easeOutQuad",
			
 
				+    swing: function(a, b, c, d, e) {
			
 
				+        return jQuery.easing[jQuery.easing.def](a, b, c, d, e)
			
 
				+    },
			
 
				+    easeInQuad: function(a, b, c, d, e) {
			
 
				+        return d * (b /= e) * b + c
			
 
				+    },
			
 
				+    easeOutQuad: function(a, b, c, d, e) {
			
 
				+        return - d * (b /= e) * (b - 2) + c
			
 
				+    },
			
 
				+    easeInOutQuad: function(a, b, c, d, e) {
			
 
				+        return (b /= e / 2) < 1 ? d / 2 * b * b + c: -d / 2 * (--b * (b - 2) - 1) + c
			
 
				+    },
			
 
				+    easeInCubic: function(a, b, c, d, e) {
			
 
				+        return d * (b /= e) * b * b + c
			
 
				+    },
			
 
				+    easeOutCubic: function(a, b, c, d, e) {
			
 
				+        return d * ((b = b / e - 1) * b * b + 1) + c
			
 
				+    },
			
 
				+    easeInOutCubic: function(a, b, c, d, e) {
			
 
				+        return (b /= e / 2) < 1 ? d / 2 * b * b * b + c: d / 2 * ((b -= 2) * b * b + 2) + c
			
 
				+    },
			
 
				+    easeInQuart: function(a, b, c, d, e) {
			
 
				+        return d * (b /= e) * b * b * b + c
			
 
				+    },
			
 
				+    easeOutQuart: function(a, b, c, d, e) {
			
 
				+        return - d * ((b = b / e - 1) * b * b * b - 1) + c
			
 
				+    },
			
 
				+    easeInOutQuart: function(a, b, c, d, e) {
			
 
				+        return (b /= e / 2) < 1 ? d / 2 * b * b * b * b + c: -d / 2 * ((b -= 2) * b * b * b - 2) + c
			
 
				+    },
			
 
				+    easeInQuint: function(a, b, c, d, e) {
			
 
				+        return d * (b /= e) * b * b * b * b + c
			
 
				+    },
			
 
				+    easeOutQuint: function(a, b, c, d, e) {
			
 
				+        return d * ((b = b / e - 1) * b * b * b * b + 1) + c
			
 
				+    },
			
 
				+    easeInOutQuint: function(a, b, c, d, e) {
			
 
				+        return (b /= e / 2) < 1 ? d / 2 * b * b * b * b * b + c: d / 2 * ((b -= 2) * b * b * b * b + 2) + c
			
 
				+    },
			
 
				+    easeInSine: function(a, b, c, d, e) {
			
 
				+        return - d * Math.cos(b / e * (Math.PI / 2)) + d + c
			
 
				+    },
			
 
				+    easeOutSine: function(a, b, c, d, e) {
			
 
				+        return d * Math.sin(b / e * (Math.PI / 2)) + c
			
 
				+    },
			
 
				+    easeInOutSine: function(a, b, c, d, e) {
			
 
				+        return - d / 2 * (Math.cos(Math.PI * b / e) - 1) + c
			
 
				+    },
			
 
				+    easeInExpo: function(a, b, c, d, e) {
			
 
				+        return 0 == b ? c: d * Math.pow(2, 10 * (b / e - 1)) + c
			
 
				+    },
			
 
				+    easeOutExpo: function(a, b, c, d, e) {
			
 
				+        return b == e ? c + d: d * ( - Math.pow(2, -10 * b / e) + 1) + c
			
 
				+    },
			
 
				+    easeInOutExpo: function(a, b, c, d, e) {
			
 
				+        return 0 == b ? c: b == e ? c + d: (b /= e / 2) < 1 ? d / 2 * Math.pow(2, 10 * (b - 1)) + c: d / 2 * ( - Math.pow(2, -10 * --b) + 2) + c
			
 
				+    },
			
 
				+    easeInCirc: function(a, b, c, d, e) {
			
 
				+        return - d * (Math.sqrt(1 - (b /= e) * b) - 1) + c
			
 
				+    },
			
 
				+    easeOutCirc: function(a, b, c, d, e) {
			
 
				+        return d * Math.sqrt(1 - (b = b / e - 1) * b) + c
			
 
				+    },
			
 
				+    easeInOutCirc: function(a, b, c, d, e) {
			
 
				+        return (b /= e / 2) < 1 ? -d / 2 * (Math.sqrt(1 - b * b) - 1) + c: d / 2 * (Math.sqrt(1 - (b -= 2) * b) + 1) + c
			
 
				+    },
			
 
				+    easeInElastic: function(a, b, c, d, e) {
			
 
				+        var f = 1.70158,
			
 
				+        g = 0,
			
 
				+        h = d;
			
 
				+        if (0 == b) return c;
			
 
				+        if (1 == (b /= e)) return c + d;
			
 
				+        if (g || (g = .3 * e), h < Math.abs(d)) {
			
 
				+            h = d;
			
 
				+            var f = g / 4
			
 
				+        } else var f = g / (2 * Math.PI) * Math.asin(d / h);
			
 
				+        return - (h * Math.pow(2, 10 * (b -= 1)) * Math.sin((b * e - f) * 2 * Math.PI / g)) + c
			
 
				+    },
			
 
				+    easeOutElastic: function(a, b, c, d, e) {
			
 
				+        var f = 1.70158,
			
 
				+        g = 0,
			
 
				+        h = d;
			
 
				+        if (0 == b) return c;
			
 
				+        if (1 == (b /= e)) return c + d;
			
 
				+        if (g || (g = .3 * e), h < Math.abs(d)) {
			
 
				+            h = d;
			
 
				+            var f = g / 4
			
 
				+        } else var f = g / (2 * Math.PI) * Math.asin(d / h);
			
 
				+        return h * Math.pow(2, -10 * b) * Math.sin((b * e - f) * 2 * Math.PI / g) + d + c
			
 
				+    },
			
 
				+    easeInOutElastic: function(a, b, c, d, e) {
			
 
				+        var f = 1.70158,
			
 
				+        g = 0,
			
 
				+        h = d;
			
 
				+        if (0 == b) return c;
			
 
				+        if (2 == (b /= e / 2)) return c + d;
			
 
				+        if (g || (g = e * .3 * 1.5), h < Math.abs(d)) {
			
 
				+            h = d;
			
 
				+            var f = g / 4
			
 
				+        } else var f = g / (2 * Math.PI) * Math.asin(d / h);
			
 
				+        return 1 > b ? -.5 * h * Math.pow(2, 10 * (b -= 1)) * Math.sin((b * e - f) * 2 * Math.PI / g) + c: .5 * h * Math.pow(2, -10 * (b -= 1)) * Math.sin((b * e - f) * 2 * Math.PI / g) + d + c
			
 
				+    },
			
 
				+    easeInBack: function(a, b, c, d, e, f) {
			
 
				+        return void 0 == f && (f = 1.70158),
			
 
				+        d * (b /= e) * b * ((f + 1) * b - f) + c
			
 
				+    },
			
 
				+    easeOutBack: function(a, b, c, d, e, f) {
			
 
				+        return void 0 == f && (f = 1.70158),
			
 
				+        d * ((b = b / e - 1) * b * ((f + 1) * b + f) + 1) + c
			
 
				+    },
			
 
				+    easeInOutBack: function(a, b, c, d, e, f) {
			
 
				+        return void 0 == f && (f = 1.70158),
			
 
				+        (b /= e / 2) < 1 ? d / 2 * b * b * (((f *= 1.525) + 1) * b - f) + c: d / 2 * ((b -= 2) * b * (((f *= 1.525) + 1) * b + f) + 2) + c
			
 
				+    },
			
 
				+    easeInBounce: function(a, b, c, d, e) {
			
 
				+        return d - jQuery.easing.easeOutBounce(a, e - b, 0, d, e) + c
			
 
				+    },
			
 
				+    easeOutBounce: function(a, b, c, d, e) {
			
 
				+        return (b /= e) < 1 / 2.75 ? d * 7.5625 * b * b + c: 2 / 2.75 > b ? d * (7.5625 * (b -= 1.5 / 2.75) * b + .75) + c: 2.5 / 2.75 > b ? d * (7.5625 * (b -= 2.25 / 2.75) * b + .9375) + c: d * (7.5625 * (b -= 2.625 / 2.75) * b + .984375) + c
			
 
				+    },
			
 
				+    easeInOutBounce: function(a, b, c, d, e) {
			
 
				+        return e / 2 > b ? .5 * jQuery.easing.easeInBounce(a, 2 * b, 0, d, e) + c: .5 * jQuery.easing.easeOutBounce(a, 2 * b - e, 0, d, e) + .5 * d + c
			
 
				+    }
			
 
				+});
			
--- a/src/main/webapp/template/1/default/js/owl.carousel.js
+++ b/src/main/webapp/template/1/default/js/owl.carousel.js
@@ -0,0 +1,1503 @@
 
				+/*
			
 
				+ *  jQuery OwlCarousel v1.3.3
			
 
				+ *  www.sucaijiayuan.com
			
 
				+ */
			
 
				+
			
 
				+if (typeof Object.create !== "function") {
			
 
				+    Object.create = function (obj) {
			
 
				+        function F() {}
			
 
				+        F.prototype = obj;
			
 
				+        return new F();
			
 
				+    };
			
 
				+}
			
 
				+(function ($, window, document) {
			
 
				+
			
 
				+    var Carousel = {
			
 
				+        init : function (options, el) {
			
 
				+            var base = this;
			
 
				+
			
 
				+            base.$elem = $(el);
			
 
				+            base.options = $.extend({}, $.fn.owlCarousel.options, base.$elem.data(), options);
			
 
				+
			
 
				+            base.userOptions = options;
			
 
				+            base.loadContent();
			
 
				+        },
			
 
				+
			
 
				+        loadContent : function () {
			
 
				+            var base = this, url;
			
 
				+
			
 
				+            function getData(data) {
			
 
				+                var i, content = "";
			
 
				+                if (typeof base.options.jsonSuccess === "function") {
			
 
				+                    base.options.jsonSuccess.apply(this, [data]);
			
 
				+                } else {
			
 
				+                    for (i in data.owl) {
			
 
				+                        if (data.owl.hasOwnProperty(i)) {
			
 
				+                            content += data.owl[i].item;
			
 
				+                        }
			
 
				+                    }
			
 
				+                    base.$elem.html(content);
			
 
				+                }
			
 
				+                base.logIn();
			
 
				+            }
			
 
				+
			
 
				+            if (typeof base.options.beforeInit === "function") {
			
 
				+                base.options.beforeInit.apply(this, [base.$elem]);
			
 
				+            }
			
 
				+
			
 
				+            if (typeof base.options.jsonPath === "string") {
			
 
				+                url = base.options.jsonPath;
			
 
				+                $.getJSON(url, getData);
			
 
				+            } else {
			
 
				+                base.logIn();
			
 
				+            }
			
 
				+        },
			
 
				+
			
 
				+        logIn : function () {
			
 
				+            var base = this;
			
 
				+
			
 
				+            base.$elem.data("owl-originalStyles", base.$elem.attr("style"));
			
 
				+            base.$elem.data("owl-originalClasses", base.$elem.attr("class"));
			
 
				+
			
 
				+            base.$elem.css({opacity: 0});
			
 
				+            base.orignalItems = base.options.items;
			
 
				+            base.checkBrowser();
			
 
				+            base.wrapperWidth = 0;
			
 
				+            base.checkVisible = null;
			
 
				+            base.setVars();
			
 
				+        },
			
 
				+
			
 
				+        setVars : function () {
			
 
				+            var base = this;
			
 
				+            if (base.$elem.children().length === 0) {return false; }
			
 
				+            base.baseClass();
			
 
				+            base.eventTypes();
			
 
				+            base.$userItems = base.$elem.children();
			
 
				+            base.itemsAmount = base.$userItems.length;
			
 
				+            base.wrapItems();
			
 
				+            base.$owlItems = base.$elem.find(".owl-item");
			
 
				+            base.$owlWrapper = base.$elem.find(".owl-wrapper");
			
 
				+            base.playDirection = "next";
			
 
				+            base.prevItem = 0;
			
 
				+            base.prevArr = [0];
			
 
				+            base.currentItem = 0;
			
 
				+            base.customEvents();
			
 
				+            base.onStartup();
			
 
				+        },
			
 
				+
			
 
				+        onStartup : function () {
			
 
				+            var base = this;
			
 
				+            base.updateItems();
			
 
				+            base.calculateAll();
			
 
				+            base.buildControls();
			
 
				+            base.updateControls();
			
 
				+            base.response();
			
 
				+            base.moveEvents();
			
 
				+            base.stopOnHover();
			
 
				+            base.owlStatus();
			
 
				+
			
 
				+            if (base.options.transitionStyle !== false) {
			
 
				+                base.transitionTypes(base.options.transitionStyle);
			
 
				+            }
			
 
				+            if (base.options.autoPlay === true) {
			
 
				+                base.options.autoPlay = 5000;
			
 
				+            }
			
 
				+            base.play();
			
 
				+
			
 
				+            base.$elem.find(".owl-wrapper").css("display", "block");
			
 
				+
			
 
				+            if (!base.$elem.is(":visible")) {
			
 
				+                base.watchVisibility();
			
 
				+            } else {
			
 
				+                base.$elem.css("opacity", 1);
			
 
				+            }
			
 
				+            base.onstartup = false;
			
 
				+            base.eachMoveUpdate();
			
 
				+            if (typeof base.options.afterInit === "function") {
			
 
				+                base.options.afterInit.apply(this, [base.$elem]);
			
 
				+            }
			
 
				+        },
			
 
				+
			
 
				+        eachMoveUpdate : function () {
			
 
				+            var base = this;
			
 
				+
			
 
				+            if (base.options.lazyLoad === true) {
			
 
				+                base.lazyLoad();
			
 
				+            }
			
 
				+            if (base.options.autoHeight === true) {
			
 
				+                base.autoHeight();
			
 
				+            }
			
 
				+            base.onVisibleItems();
			
 
				+
			
 
				+            if (typeof base.options.afterAction === "function") {
			
 
				+                base.options.afterAction.apply(this, [base.$elem]);
			
 
				+            }
			
 
				+        },
			
 
				+
			
 
				+        updateVars : function () {
			
 
				+            var base = this;
			
 
				+            if (typeof base.options.beforeUpdate === "function") {
			
 
				+                base.options.beforeUpdate.apply(this, [base.$elem]);
			
 
				+            }
			
 
				+            base.watchVisibility();
			
 
				+            base.updateItems();
			
 
				+            base.calculateAll();
			
 
				+            base.updatePosition();
			
 
				+            base.updateControls();
			
 
				+            base.eachMoveUpdate();
			
 
				+            if (typeof base.options.afterUpdate === "function") {
			
 
				+                base.options.afterUpdate.apply(this, [base.$elem]);
			
 
				+            }
			
 
				+        },
			
 
				+
			
 
				+        reload : function () {
			
 
				+            var base = this;
			
 
				+            window.setTimeout(function () {
			
 
				+                base.updateVars();
			
 
				+            }, 0);
			
 
				+        },
			
 
				+
			
 
				+        watchVisibility : function () {
			
 
				+            var base = this;
			
 
				+
			
 
				+            if (base.$elem.is(":visible") === false) {
			
 
				+                base.$elem.css({opacity: 0});
			
 
				+                window.clearInterval(base.autoPlayInterval);
			
 
				+                window.clearInterval(base.checkVisible);
			
 
				+            } else {
			
 
				+                return false;
			
 
				+            }
			
 
				+            base.checkVisible = window.setInterval(function () {
			
 
				+                if (base.$elem.is(":visible")) {
			
 
				+                    base.reload();
			
 
				+                    base.$elem.animate({opacity: 1}, 200);
			
 
				+                    window.clearInterval(base.checkVisible);
			
 
				+                }
			
 
				+            }, 500);
			
 
				+        },
			
 
				+
			
 
				+        wrapItems : function () {
			
 
				+            var base = this;
			
 
				+            base.$userItems.wrapAll("<div class=\"owl-wrapper\">").wrap("<div class=\"owl-item\"></div>");
			
 
				+            base.$elem.find(".owl-wrapper").wrap("<div class=\"owl-wrapper-outer\">");
			
 
				+            base.wrapperOuter = base.$elem.find(".owl-wrapper-outer");
			
 
				+            base.$elem.css("display", "block");
			
 
				+        },
			
 
				+
			
 
				+        baseClass : function () {
			
 
				+            var base = this,
			
 
				+                hasBaseClass = base.$elem.hasClass(base.options.baseClass),
			
 
				+                hasThemeClass = base.$elem.hasClass(base.options.theme);
			
 
				+
			
 
				+            if (!hasBaseClass) {
			
 
				+                base.$elem.addClass(base.options.baseClass);
			
 
				+            }
			
 
				+
			
 
				+            if (!hasThemeClass) {
			
 
				+                base.$elem.addClass(base.options.theme);
			
 
				+            }
			
 
				+        },
			
 
				+
			
 
				+        updateItems : function () {
			
 
				+            var base = this, width, i;
			
 
				+
			
 
				+            if (base.options.responsive === false) {
			
 
				+                return false;
			
 
				+            }
			
 
				+            if (base.options.singleItem === true) {
			
 
				+                base.options.items = base.orignalItems = 1;
			
 
				+                base.options.itemsCustom = false;
			
 
				+                base.options.itemsDesktop = false;
			
 
				+                base.options.itemsDesktopSmall = false;
			
 
				+                base.options.itemsTablet = false;
			
 
				+                base.options.itemsTabletSmall = false;
			
 
				+                base.options.itemsMobile = false;
			
 
				+                return false;
			
 
				+            }
			
 
				+
			
 
				+            width = $(base.options.responsiveBaseWidth).width();
			
 
				+
			
 
				+            if (width > (base.options.itemsDesktop[0] || base.orignalItems)) {
			
 
				+                base.options.items = base.orignalItems;
			
 
				+            }
			
 
				+            if (base.options.itemsCustom !== false) {
			
 
				+                //Reorder array by screen size
			
 
				+                base.options.itemsCustom.sort(function (a, b) {return a[0] - b[0]; });
			
 
				+
			
 
				+                for (i = 0; i < base.options.itemsCustom.length; i += 1) {
			
 
				+                    if (base.options.itemsCustom[i][0] <= width) {
			
 
				+                        base.options.items = base.options.itemsCustom[i][1];
			
 
				+                    }
			
 
				+                }
			
 
				+
			
 
				+            } else {
			
 
				+
			
 
				+                if (width <= base.options.itemsDesktop[0] && base.options.itemsDesktop !== false) {
			
 
				+                    base.options.items = base.options.itemsDesktop[1];
			
 
				+                }
			
 
				+
			
 
				+                if (width <= base.options.itemsDesktopSmall[0] && base.options.itemsDesktopSmall !== false) {
			
 
				+                    base.options.items = base.options.itemsDesktopSmall[1];
			
 
				+                }
			
 
				+
			
 
				+                if (width <= base.options.itemsTablet[0] && base.options.itemsTablet !== false) {
			
 
				+                    base.options.items = base.options.itemsTablet[1];
			
 
				+                }
			
 
				+
			
 
				+                if (width <= base.options.itemsTabletSmall[0] && base.options.itemsTabletSmall !== false) {
			
 
				+                    base.options.items = base.options.itemsTabletSmall[1];
			
 
				+                }
			
 
				+
			
 
				+                if (width <= base.options.itemsMobile[0] && base.options.itemsMobile !== false) {
			
 
				+                    base.options.items = base.options.itemsMobile[1];
			
 
				+                }
			
 
				+            }
			
 
				+
			
 
				+            //if number of items is less than declared
			
 
				+            if (base.options.items > base.itemsAmount && base.options.itemsScaleUp === true) {
			
 
				+                base.options.items = base.itemsAmount;
			
 
				+            }
			
 
				+        },
			
 
				+
			
 
				+        response : function () {
			
 
				+            var base = this,
			
 
				+                smallDelay,
			
 
				+                lastWindowWidth;
			
 
				+
			
 
				+            if (base.options.responsive !== true) {
			
 
				+                return false;
			
 
				+            }
			
 
				+            lastWindowWidth = $(window).width();
			
 
				+
			
 
				+            base.resizer = function () {
			
 
				+                if ($(window).width() !== lastWindowWidth) {
			
 
				+                    if (base.options.autoPlay !== false) {
			
 
				+                        window.clearInterval(base.autoPlayInterval);
			
 
				+                    }
			
 
				+                    window.clearTimeout(smallDelay);
			
 
				+                    smallDelay = window.setTimeout(function () {
			
 
				+                        lastWindowWidth = $(window).width();
			
 
				+                        base.updateVars();
			
 
				+                    }, base.options.responsiveRefreshRate);
			
 
				+                }
			
 
				+            };
			
 
				+            $(window).resize(base.resizer);
			
 
				+        },
			
 
				+
			
 
				+        updatePosition : function () {
			
 
				+            var base = this;
			
 
				+            base.jumpTo(base.currentItem);
			
 
				+            if (base.options.autoPlay !== false) {
			
 
				+                base.checkAp();
			
 
				+            }
			
 
				+        },
			
 
				+
			
 
				+        appendItemsSizes : function () {
			
 
				+            var base = this,
			
 
				+                roundPages = 0,
			
 
				+                lastItem = base.itemsAmount - base.options.items;
			
 
				+
			
 
				+            base.$owlItems.each(function (index) {
			
 
				+                var $this = $(this);
			
 
				+                $this
			
 
				+                    .css({"width": base.itemWidth})
			
 
				+                    .data("owl-item", Number(index));
			
 
				+
			
 
				+                if (index % base.options.items === 0 || index === lastItem) {
			
 
				+                    if (!(index > lastItem)) {
			
 
				+                        roundPages += 1;
			
 
				+                    }
			
 
				+                }
			
 
				+                $this.data("owl-roundPages", roundPages);
			
 
				+            });
			
 
				+        },
			
 
				+
			
 
				+        appendWrapperSizes : function () {
			
 
				+            var base = this,
			
 
				+                width = base.$owlItems.length * base.itemWidth;
			
 
				+
			
 
				+            base.$owlWrapper.css({
			
 
				+                "width": width * 2,
			
 
				+                "left": 0
			
 
				+            });
			
 
				+            base.appendItemsSizes();
			
 
				+        },
			
 
				+
			
 
				+        calculateAll : function () {
			
 
				+            var base = this;
			
 
				+            base.calculateWidth();
			
 
				+            base.appendWrapperSizes();
			
 
				+            base.loops();
			
 
				+            base.max();
			
 
				+        },
			
 
				+
			
 
				+        calculateWidth : function () {
			
 
				+            var base = this;
			
 
				+            base.itemWidth = Math.round(base.$elem.width() / base.options.items);
			
 
				+        },
			
 
				+
			
 
				+        max : function () {
			
 
				+            var base = this,
			
 
				+                maximum = ((base.itemsAmount * base.itemWidth) - base.options.items * base.itemWidth) * -1;
			
 
				+            if (base.options.items > base.itemsAmount) {
			
 
				+                base.maximumItem = 0;
			
 
				+                maximum = 0;
			
 
				+                base.maximumPixels = 0;
			
 
				+            } else {
			
 
				+                base.maximumItem = base.itemsAmount - base.options.items;
			
 
				+                base.maximumPixels = maximum;
			
 
				+            }
			
 
				+            return maximum;
			
 
				+        },
			
 
				+
			
 
				+        min : function () {
			
 
				+            return 0;
			
 
				+        },
			
 
				+
			
 
				+        loops : function () {
			
 
				+            var base = this,
			
 
				+                prev = 0,
			
 
				+                elWidth = 0,
			
 
				+                i,
			
 
				+                item,
			
 
				+                roundPageNum;
			
 
				+
			
 
				+            base.positionsInArray = [0];
			
 
				+            base.pagesInArray = [];
			
 
				+
			
 
				+            for (i = 0; i < base.itemsAmount; i += 1) {
			
 
				+                elWidth += base.itemWidth;
			
 
				+                base.positionsInArray.push(-elWidth);
			
 
				+
			
 
				+                if (base.options.scrollPerPage === true) {
			
 
				+                    item = $(base.$owlItems[i]);
			
 
				+                    roundPageNum = item.data("owl-roundPages");
			
 
				+                    if (roundPageNum !== prev) {
			
 
				+                        base.pagesInArray[prev] = base.positionsInArray[i];
			
 
				+                        prev = roundPageNum;
			
 
				+                    }
			
 
				+                }
			
 
				+            }
			
 
				+        },
			
 
				+
			
 
				+        buildControls : function () {
			
 
				+            var base = this;
			
 
				+            if (base.options.navigation === true || base.options.pagination === true) {
			
 
				+                base.owlControls = $("<div class=\"owl-controls\"/>").toggleClass("clickable", !base.browser.isTouch).appendTo(base.$elem);
			
 
				+            }
			
 
				+            if (base.options.pagination === true) {
			
 
				+                base.buildPagination();
			
 
				+            }
			
 
				+            if (base.options.navigation === true) {
			
 
				+                base.buildButtons();
			
 
				+            }
			
 
				+        },
			
 
				+
			
 
				+        buildButtons : function () {
			
 
				+            var base = this,
			
 
				+                buttonsWrapper = $("<div class=\"owl-buttons\"/>");
			
 
				+            base.owlControls.append(buttonsWrapper);
			
 
				+
			
 
				+            base.buttonPrev = $("<div/>", {
			
 
				+                "class" : "owl-prev",
			
 
				+                "html" : base.options.navigationText[0] || ""
			
 
				+            });
			
 
				+
			
 
				+            base.buttonNext = $("<div/>", {
			
 
				+                "class" : "owl-next",
			
 
				+                "html" : base.options.navigationText[1] || ""
			
 
				+            });
			
 
				+
			
 
				+            buttonsWrapper
			
 
				+                .append(base.buttonPrev)
			
 
				+                .append(base.buttonNext);
			
 
				+
			
 
				+            buttonsWrapper.on("touchstart.owlControls mousedown.owlControls", "div[class^=\"owl\"]", function (event) {
			
 
				+                event.preventDefault();
			
 
				+            });
			
 
				+
			
 
				+            buttonsWrapper.on("touchend.owlControls mouseup.owlControls", "div[class^=\"owl\"]", function (event) {
			
 
				+                event.preventDefault();
			
 
				+                if ($(this).hasClass("owl-next")) {
			
 
				+                    base.next();
			
 
				+                } else {
			
 
				+                    base.prev();
			
 
				+                }
			
 
				+            });
			
 
				+        },
			
 
				+
			
 
				+        buildPagination : function () {
			
 
				+            var base = this;
			
 
				+
			
 
				+            base.paginationWrapper = $("<div class=\"owl-pagination\"/>");
			
 
				+            base.owlControls.append(base.paginationWrapper);
			
 
				+
			
 
				+            base.paginationWrapper.on("touchend.owlControls mouseup.owlControls", ".owl-page", function (event) {
			
 
				+                event.preventDefault();
			
 
				+                if (Number($(this).data("owl-page")) !== base.currentItem) {
			
 
				+                    base.goTo(Number($(this).data("owl-page")), true);
			
 
				+                }
			
 
				+            });
			
 
				+        },
			
 
				+
			
 
				+        updatePagination : function () {
			
 
				+            var base = this,
			
 
				+                counter,
			
 
				+                lastPage,
			
 
				+                lastItem,
			
 
				+                i,
			
 
				+                paginationButton,
			
 
				+                paginationButtonInner;
			
 
				+
			
 
				+            if (base.options.pagination === false) {
			
 
				+                return false;
			
 
				+            }
			
 
				+
			
 
				+            base.paginationWrapper.html("");
			
 
				+
			
 
				+            counter = 0;
			
 
				+            lastPage = base.itemsAmount - base.itemsAmount % base.options.items;
			
 
				+
			
 
				+            for (i = 0; i < base.itemsAmount; i += 1) {
			
 
				+                if (i % base.options.items === 0) {
			
 
				+                    counter += 1;
			
 
				+                    if (lastPage === i) {
			
 
				+                        lastItem = base.itemsAmount - base.options.items;
			
 
				+                    }
			
 
				+                    paginationButton = $("<div/>", {
			
 
				+                        "class" : "owl-page"
			
 
				+                    });
			
 
				+                    paginationButtonInner = $("<span></span>", {
			
 
				+                        "text": base.options.paginationNumbers === true ? counter : "",
			
 
				+                        "class": base.options.paginationNumbers === true ? "owl-numbers" : ""
			
 
				+                    });
			
 
				+                    paginationButton.append(paginationButtonInner);
			
 
				+
			
 
				+                    paginationButton.data("owl-page", lastPage === i ? lastItem : i);
			
 
				+                    paginationButton.data("owl-roundPages", counter);
			
 
				+
			
 
				+                    base.paginationWrapper.append(paginationButton);
			
 
				+                }
			
 
				+            }
			
 
				+            base.checkPagination();
			
 
				+        },
			
 
				+        checkPagination : function () {
			
 
				+            var base = this;
			
 
				+            if (base.options.pagination === false) {
			
 
				+                return false;
			
 
				+            }
			
 
				+            base.paginationWrapper.find(".owl-page").each(function () {
			
 
				+                if ($(this).data("owl-roundPages") === $(base.$owlItems[base.currentItem]).data("owl-roundPages")) {
			
 
				+                    base.paginationWrapper
			
 
				+                        .find(".owl-page")
			
 
				+                        .removeClass("active");
			
 
				+                    $(this).addClass("active");
			
 
				+                }
			
 
				+            });
			
 
				+        },
			
 
				+
			
 
				+        checkNavigation : function () {
			
 
				+            var base = this;
			
 
				+
			
 
				+            if (base.options.navigation === false) {
			
 
				+                return false;
			
 
				+            }
			
 
				+            if (base.options.rewindNav === false) {
			
 
				+                if (base.currentItem === 0 && base.maximumItem === 0) {
			
 
				+                    base.buttonPrev.addClass("disabled");
			
 
				+                    base.buttonNext.addClass("disabled");
			
 
				+                } else if (base.currentItem === 0 && base.maximumItem !== 0) {
			
 
				+                    base.buttonPrev.addClass("disabled");
			
 
				+                    base.buttonNext.removeClass("disabled");
			
 
				+                } else if (base.currentItem === base.maximumItem) {
			
 
				+                    base.buttonPrev.removeClass("disabled");
			
 
				+                    base.buttonNext.addClass("disabled");
			
 
				+                } else if (base.currentItem !== 0 && base.currentItem !== base.maximumItem) {
			
 
				+                    base.buttonPrev.removeClass("disabled");
			
 
				+                    base.buttonNext.removeClass("disabled");
			
 
				+                }
			
 
				+            }
			
 
				+        },
			
 
				+
			
 
				+        updateControls : function () {
			
 
				+            var base = this;
			
 
				+            base.updatePagination();
			
 
				+            base.checkNavigation();
			
 
				+            if (base.owlControls) {
			
 
				+                if (base.options.items >= base.itemsAmount) {
			
 
				+                    base.owlControls.hide();
			
 
				+                } else {
			
 
				+                    base.owlControls.show();
			
 
				+                }
			
 
				+            }
			
 
				+        },
			
 
				+
			
 
				+        destroyControls : function () {
			
 
				+            var base = this;
			
 
				+            if (base.owlControls) {
			
 
				+                base.owlControls.remove();
			
 
				+            }
			
 
				+        },
			
 
				+
			
 
				+        next : function (speed) {
			
 
				+            var base = this;
			
 
				+
			
 
				+            if (base.isTransition) {
			
 
				+                return false;
			
 
				+            }
			
 
				+
			
 
				+            base.currentItem += base.options.scrollPerPage === true ? base.options.items : 1;
			
 
				+            if (base.currentItem > base.maximumItem + (base.options.scrollPerPage === true ? (base.options.items - 1) : 0)) {
			
 
				+                if (base.options.rewindNav === true) {
			
 
				+                    base.currentItem = 0;
			
 
				+                    speed = "rewind";
			
 
				+                } else {
			
 
				+                    base.currentItem = base.maximumItem;
			
 
				+                    return false;
			
 
				+                }
			
 
				+            }
			
 
				+            base.goTo(base.currentItem, speed);
			
 
				+        },
			
 
				+
			
 
				+        prev : function (speed) {
			
 
				+            var base = this;
			
 
				+
			
 
				+            if (base.isTransition) {
			
 
				+                return false;
			
 
				+            }
			
 
				+
			
 
				+            if (base.options.scrollPerPage === true && base.currentItem > 0 && base.currentItem < base.options.items) {
			
 
				+                base.currentItem = 0;
			
 
				+            } else {
			
 
				+                base.currentItem -= base.options.scrollPerPage === true ? base.options.items : 1;
			
 
				+            }
			
 
				+            if (base.currentItem < 0) {
			
 
				+                if (base.options.rewindNav === true) {
			
 
				+                    base.currentItem = base.maximumItem;
			
 
				+                    speed = "rewind";
			
 
				+                } else {
			
 
				+                    base.currentItem = 0;
			
 
				+                    return false;
			
 
				+                }
			
 
				+            }
			
 
				+            base.goTo(base.currentItem, speed);
			
 
				+        },
			
 
				+
			
 
				+        goTo : function (position, speed, drag) {
			
 
				+            var base = this,
			
 
				+                goToPixel;
			
 
				+
			
 
				+            if (base.isTransition) {
			
 
				+                return false;
			
 
				+            }
			
 
				+            if (typeof base.options.beforeMove === "function") {
			
 
				+                base.options.beforeMove.apply(this, [base.$elem]);
			
 
				+            }
			
 
				+            if (position >= base.maximumItem) {
			
 
				+                position = base.maximumItem;
			
 
				+            } else if (position <= 0) {
			
 
				+                position = 0;
			
 
				+            }
			
 
				+
			
 
				+            base.currentItem = base.owl.currentItem = position;
			
 
				+            if (base.options.transitionStyle !== false && drag !== "drag" && base.options.items === 1 && base.browser.support3d === true) {
			
 
				+                base.swapSpeed(0);
			
 
				+                if (base.browser.support3d === true) {
			
 
				+                    base.transition3d(base.positionsInArray[position]);
			
 
				+                } else {
			
 
				+                    base.css2slide(base.positionsInArray[position], 1);
			
 
				+                }
			
 
				+                base.afterGo();
			
 
				+                base.singleItemTransition();
			
 
				+                return false;
			
 
				+            }
			
 
				+            goToPixel = base.positionsInArray[position];
			
 
				+
			
 
				+            if (base.browser.support3d === true) {
			
 
				+                base.isCss3Finish = false;
			
 
				+
			
 
				+                if (speed === true) {
			
 
				+                    base.swapSpeed("paginationSpeed");
			
 
				+                    window.setTimeout(function () {
			
 
				+                        base.isCss3Finish = true;
			
 
				+                    }, base.options.paginationSpeed);
			
 
				+
			
 
				+                } else if (speed === "rewind") {
			
 
				+                    base.swapSpeed(base.options.rewindSpeed);
			
 
				+                    window.setTimeout(function () {
			
 
				+                        base.isCss3Finish = true;
			
 
				+                    }, base.options.rewindSpeed);
			
 
				+
			
 
				+                } else {
			
 
				+                    base.swapSpeed("slideSpeed");
			
 
				+                    window.setTimeout(function () {
			
 
				+                        base.isCss3Finish = true;
			
 
				+                    }, base.options.slideSpeed);
			
 
				+                }
			
 
				+                base.transition3d(goToPixel);
			
 
				+            } else {
			
 
				+                if (speed === true) {
			
 
				+                    base.css2slide(goToPixel, base.options.paginationSpeed);
			
 
				+                } else if (speed === "rewind") {
			
 
				+                    base.css2slide(goToPixel, base.options.rewindSpeed);
			
 
				+                } else {
			
 
				+                    base.css2slide(goToPixel, base.options.slideSpeed);
			
 
				+                }
			
 
				+            }
			
 
				+            base.afterGo();
			
 
				+        },
			
 
				+
			
 
				+        jumpTo : function (position) {
			
 
				+            var base = this;
			
 
				+            if (typeof base.options.beforeMove === "function") {
			
 
				+                base.options.beforeMove.apply(this, [base.$elem]);
			
 
				+            }
			
 
				+            if (position >= base.maximumItem || position === -1) {
			
 
				+                position = base.maximumItem;
			
 
				+            } else if (position <= 0) {
			
 
				+                position = 0;
			
 
				+            }
			
 
				+            base.swapSpeed(0);
			
 
				+            if (base.browser.support3d === true) {
			
 
				+                base.transition3d(base.positionsInArray[position]);
			
 
				+            } else {
			
 
				+                base.css2slide(base.positionsInArray[position], 1);
			
 
				+            }
			
 
				+            base.currentItem = base.owl.currentItem = position;
			
 
				+            base.afterGo();
			
 
				+        },
			
 
				+
			
 
				+        afterGo : function () {
			
 
				+            var base = this;
			
 
				+
			
 
				+            base.prevArr.push(base.currentItem);
			
 
				+            base.prevItem = base.owl.prevItem = base.prevArr[base.prevArr.length - 2];
			
 
				+            base.prevArr.shift(0);
			
 
				+
			
 
				+            if (base.prevItem !== base.currentItem) {
			
 
				+                base.checkPagination();
			
 
				+                base.checkNavigation();
			
 
				+                base.eachMoveUpdate();
			
 
				+
			
 
				+                if (base.options.autoPlay !== false) {
			
 
				+                    base.checkAp();
			
 
				+                }
			
 
				+            }
			
 
				+            if (typeof base.options.afterMove === "function" && base.prevItem !== base.currentItem) {
			
 
				+                base.options.afterMove.apply(this, [base.$elem]);
			
 
				+            }
			
 
				+        },
			
 
				+
			
 
				+        stop : function () {
			
 
				+            var base = this;
			
 
				+            base.apStatus = "stop";
			
 
				+            window.clearInterval(base.autoPlayInterval);
			
 
				+        },
			
 
				+
			
 
				+        checkAp : function () {
			
 
				+            var base = this;
			
 
				+            if (base.apStatus !== "stop") {
			
 
				+                base.play();
			
 
				+            }
			
 
				+        },
			
 
				+
			
 
				+        play : function () {
			
 
				+            var base = this;
			
 
				+            base.apStatus = "play";
			
 
				+            if (base.options.autoPlay === false) {
			
 
				+                return false;
			
 
				+            }
			
 
				+            window.clearInterval(base.autoPlayInterval);
			
 
				+            base.autoPlayInterval = window.setInterval(function () {
			
 
				+                base.next(true);
			
 
				+            }, base.options.autoPlay);
			
 
				+        },
			
 
				+
			
 
				+        swapSpeed : function (action) {
			
 
				+            var base = this;
			
 
				+            if (action === "slideSpeed") {
			
 
				+                base.$owlWrapper.css(base.addCssSpeed(base.options.slideSpeed));
			
 
				+            } else if (action === "paginationSpeed") {
			
 
				+                base.$owlWrapper.css(base.addCssSpeed(base.options.paginationSpeed));
			
 
				+            } else if (typeof action !== "string") {
			
 
				+                base.$owlWrapper.css(base.addCssSpeed(action));
			
 
				+            }
			
 
				+        },
			
 
				+
			
 
				+        addCssSpeed : function (speed) {
			
 
				+            return {
			
 
				+                "-webkit-transition": "all " + speed + "ms ease",
			
 
				+                "-moz-transition": "all " + speed + "ms ease",
			
 
				+                "-o-transition": "all " + speed + "ms ease",
			
 
				+                "transition": "all " + speed + "ms ease"
			
 
				+            };
			
 
				+        },
			
 
				+
			
 
				+        removeTransition : function () {
			
 
				+            return {
			
 
				+                "-webkit-transition": "",
			
 
				+                "-moz-transition": "",
			
 
				+                "-o-transition": "",
			
 
				+                "transition": ""
			
 
				+            };
			
 
				+        },
			
 
				+
			
 
				+        doTranslate : function (pixels) {
			
 
				+            return {
			
 
				+                "-webkit-transform": "translate3d(" + pixels + "px, 0px, 0px)",
			
 
				+                "-moz-transform": "translate3d(" + pixels + "px, 0px, 0px)",
			
 
				+                "-o-transform": "translate3d(" + pixels + "px, 0px, 0px)",
			
 
				+                "-ms-transform": "translate3d(" + pixels + "px, 0px, 0px)",
			
 
				+                "transform": "translate3d(" + pixels + "px, 0px,0px)"
			
 
				+            };
			
 
				+        },
			
 
				+
			
 
				+        transition3d : function (value) {
			
 
				+            var base = this;
			
 
				+            base.$owlWrapper.css(base.doTranslate(value));
			
 
				+        },
			
 
				+
			
 
				+        css2move : function (value) {
			
 
				+            var base = this;
			
 
				+            base.$owlWrapper.css({"left" : value});
			
 
				+        },
			
 
				+
			
 
				+        css2slide : function (value, speed) {
			
 
				+            var base = this;
			
 
				+
			
 
				+            base.isCssFinish = false;
			
 
				+            base.$owlWrapper.stop(true, true).animate({
			
 
				+                "left" : value
			
 
				+            }, {
			
 
				+                duration : speed || base.options.slideSpeed,
			
 
				+                complete : function () {
			
 
				+                    base.isCssFinish = true;
			
 
				+                }
			
 
				+            });
			
 
				+        },
			
 
				+
			
 
				+        checkBrowser : function () {
			
 
				+            var base = this,
			
 
				+                translate3D = "translate3d(0px, 0px, 0px)",
			
 
				+                tempElem = document.createElement("div"),
			
 
				+                regex,
			
 
				+                asSupport,
			
 
				+                support3d,
			
 
				+                isTouch;
			
 
				+
			
 
				+            tempElem.style.cssText = "  -moz-transform:" + translate3D +
			
 
				+                                  "; -ms-transform:"     + translate3D +
			
 
				+                                  "; -o-transform:"      + translate3D +
			
 
				+                                  "; -webkit-transform:" + translate3D +
			
 
				+                                  "; transform:"         + translate3D;
			
 
				+            regex = /translate3d\(0px, 0px, 0px\)/g;
			
 
				+            asSupport = tempElem.style.cssText.match(regex);
			
 
				+            support3d = (asSupport !== null && asSupport.length === 1);
			
 
				+
			
 
				+            isTouch = "ontouchstart" in window || window.navigator.msMaxTouchPoints;
			
 
				+
			
 
				+            base.browser = {
			
 
				+                "support3d" : support3d,
			
 
				+                "isTouch" : isTouch
			
 
				+            };
			
 
				+        },
			
 
				+
			
 
				+        moveEvents : function () {
			
 
				+            var base = this;
			
 
				+            if (base.options.mouseDrag !== false || base.options.touchDrag !== false) {
			
 
				+                base.gestures();
			
 
				+                base.disabledEvents();
			
 
				+            }
			
 
				+        },
			
 
				+
			
 
				+        eventTypes : function () {
			
 
				+            var base = this,
			
 
				+                types = ["s", "e", "x"];
			
 
				+
			
 
				+            base.ev_types = {};
			
 
				+
			
 
				+            if (base.options.mouseDrag === true && base.options.touchDrag === true) {
			
 
				+                types = [
			
 
				+                    "touchstart.owl mousedown.owl",
			
 
				+                    "touchmove.owl mousemove.owl",
			
 
				+                    "touchend.owl touchcancel.owl mouseup.owl"
			
 
				+                ];
			
 
				+            } else if (base.options.mouseDrag === false && base.options.touchDrag === true) {
			
 
				+                types = [
			
 
				+                    "touchstart.owl",
			
 
				+                    "touchmove.owl",
			
 
				+                    "touchend.owl touchcancel.owl"
			
 
				+                ];
			
 
				+            } else if (base.options.mouseDrag === true && base.options.touchDrag === false) {
			
 
				+                types = [
			
 
				+                    "mousedown.owl",
			
 
				+                    "mousemove.owl",
			
 
				+                    "mouseup.owl"
			
 
				+                ];
			
 
				+            }
			
 
				+
			
 
				+            base.ev_types.start = types[0];
			
 
				+            base.ev_types.move = types[1];
			
 
				+            base.ev_types.end = types[2];
			
 
				+        },
			
 
				+
			
 
				+        disabledEvents :  function () {
			
 
				+            var base = this;
			
 
				+            base.$elem.on("dragstart.owl", function (event) { event.preventDefault(); });
			
 
				+            base.$elem.on("mousedown.disableTextSelect", function (e) {
			
 
				+                return $(e.target).is('input, textarea, select, option');
			
 
				+            });
			
 
				+        },
			
 
				+
			
 
				+        gestures : function () {
			
 
				+            /*jslint unparam: true*/
			
 
				+            var base = this,
			
 
				+                locals = {
			
 
				+                    offsetX : 0,
			
 
				+                    offsetY : 0,
			
 
				+                    baseElWidth : 0,
			
 
				+                    relativePos : 0,
			
 
				+                    position: null,
			
 
				+                    minSwipe : null,
			
 
				+                    maxSwipe: null,
			
 
				+                    sliding : null,
			
 
				+                    dargging: null,
			
 
				+                    targetElement : null
			
 
				+                };
			
 
				+
			
 
				+            base.isCssFinish = true;
			
 
				+
			
 
				+            function getTouches(event) {
			
 
				+                if (event.touches !== undefined) {
			
 
				+                    return {
			
 
				+                        x : event.touches[0].pageX,
			
 
				+                        y : event.touches[0].pageY
			
 
				+                    };
			
 
				+                }
			
 
				+
			
 
				+                if (event.touches === undefined) {
			
 
				+                    if (event.pageX !== undefined) {
			
 
				+                        return {
			
 
				+                            x : event.pageX,
			
 
				+                            y : event.pageY
			
 
				+                        };
			
 
				+                    }
			
 
				+                    if (event.pageX === undefined) {
			
 
				+                        return {
			
 
				+                            x : event.clientX,
			
 
				+                            y : event.clientY
			
 
				+                        };
			
 
				+                    }
			
 
				+                }
			
 
				+            }
			
 
				+
			
 
				+            function swapEvents(type) {
			
 
				+                if (type === "on") {
			
 
				+                    $(document).on(base.ev_types.move, dragMove);
			
 
				+                    $(document).on(base.ev_types.end, dragEnd);
			
 
				+                } else if (type === "off") {
			
 
				+                    $(document).off(base.ev_types.move);
			
 
				+                    $(document).off(base.ev_types.end);
			
 
				+                }
			
 
				+            }
			
 
				+
			
 
				+            function dragStart(event) {
			
 
				+                var ev = event.originalEvent || event || window.event,
			
 
				+                    position;
			
 
				+
			
 
				+                if (ev.which === 3) {
			
 
				+                    return false;
			
 
				+                }
			
 
				+                if (base.itemsAmount <= base.options.items) {
			
 
				+                    return;
			
 
				+                }
			
 
				+                if (base.isCssFinish === false && !base.options.dragBeforeAnimFinish) {
			
 
				+                    return false;
			
 
				+                }
			
 
				+                if (base.isCss3Finish === false && !base.options.dragBeforeAnimFinish) {
			
 
				+                    return false;
			
 
				+                }
			
 
				+
			
 
				+                if (base.options.autoPlay !== false) {
			
 
				+                    window.clearInterval(base.autoPlayInterval);
			
 
				+                }
			
 
				+
			
 
				+                if (base.browser.isTouch !== true && !base.$owlWrapper.hasClass("grabbing")) {
			
 
				+                    base.$owlWrapper.addClass("grabbing");
			
 
				+                }
			
 
				+
			
 
				+                base.newPosX = 0;
			
 
				+                base.newRelativeX = 0;
			
 
				+
			
 
				+                $(this).css(base.removeTransition());
			
 
				+
			
 
				+                position = $(this).position();
			
 
				+                locals.relativePos = position.left;
			
 
				+
			
 
				+                locals.offsetX = getTouches(ev).x - position.left;
			
 
				+                locals.offsetY = getTouches(ev).y - position.top;
			
 
				+
			
 
				+                swapEvents("on");
			
 
				+
			
 
				+                locals.sliding = false;
			
 
				+                locals.targetElement = ev.target || ev.srcElement;
			
 
				+            }
			
 
				+
			
 
				+            function dragMove(event) {
			
 
				+                var ev = event.originalEvent || event || window.event,
			
 
				+                    minSwipe,
			
 
				+                    maxSwipe;
			
 
				+
			
 
				+                base.newPosX = getTouches(ev).x - locals.offsetX;
			
 
				+                base.newPosY = getTouches(ev).y - locals.offsetY;
			
 
				+                base.newRelativeX = base.newPosX - locals.relativePos;
			
 
				+
			
 
				+                if (typeof base.options.startDragging === "function" && locals.dragging !== true && base.newRelativeX !== 0) {
			
 
				+                    locals.dragging = true;
			
 
				+                    base.options.startDragging.apply(base, [base.$elem]);
			
 
				+                }
			
 
				+
			
 
				+                if ((base.newRelativeX > 8 || base.newRelativeX < -8) && (base.browser.isTouch === true)) {
			
 
				+                    if (ev.preventDefault !== undefined) {
			
 
				+                        ev.preventDefault();
			
 
				+                    } else {
			
 
				+                        ev.returnValue = false;
			
 
				+                    }
			
 
				+                    locals.sliding = true;
			
 
				+                }
			
 
				+
			
 
				+                if ((base.newPosY > 10 || base.newPosY < -10) && locals.sliding === false) {
			
 
				+                    $(document).off("touchmove.owl");
			
 
				+                }
			
 
				+
			
 
				+                minSwipe = function () {
			
 
				+                    return base.newRelativeX / 5;
			
 
				+                };
			
 
				+
			
 
				+                maxSwipe = function () {
			
 
				+                    return base.maximumPixels + base.newRelativeX / 5;
			
 
				+                };
			
 
				+
			
 
				+                base.newPosX = Math.max(Math.min(base.newPosX, minSwipe()), maxSwipe());
			
 
				+                if (base.browser.support3d === true) {
			
 
				+                    base.transition3d(base.newPosX);
			
 
				+                } else {
			
 
				+                    base.css2move(base.newPosX);
			
 
				+                }
			
 
				+            }
			
 
				+
			
 
				+            function dragEnd(event) {
			
 
				+                var ev = event.originalEvent || event || window.event,
			
 
				+                    newPosition,
			
 
				+                    handlers,
			
 
				+                    owlStopEvent;
			
 
				+
			
 
				+                ev.target = ev.target || ev.srcElement;
			
 
				+
			
 
				+                locals.dragging = false;
			
 
				+
			
 
				+                if (base.browser.isTouch !== true) {
			
 
				+                    base.$owlWrapper.removeClass("grabbing");
			
 
				+                }
			
 
				+
			
 
				+                if (base.newRelativeX < 0) {
			
 
				+                    base.dragDirection = base.owl.dragDirection = "left";
			
 
				+                } else {
			
 
				+                    base.dragDirection = base.owl.dragDirection = "right";
			
 
				+                }
			
 
				+
			
 
				+                if (base.newRelativeX !== 0) {
			
 
				+                    newPosition = base.getNewPosition();
			
 
				+                    base.goTo(newPosition, false, "drag");
			
 
				+                    if (locals.targetElement === ev.target && base.browser.isTouch !== true) {
			
 
				+                        $(ev.target).on("click.disable", function (ev) {
			
 
				+                            ev.stopImmediatePropagation();
			
 
				+                            ev.stopPropagation();
			
 
				+                            ev.preventDefault();
			
 
				+                            $(ev.target).off("click.disable");
			
 
				+                        });
			
 
				+                        handlers = $._data(ev.target, "events").click;
			
 
				+                        owlStopEvent = handlers.pop();
			
 
				+                        handlers.splice(0, 0, owlStopEvent);
			
 
				+                    }
			
 
				+                }
			
 
				+                swapEvents("off");
			
 
				+            }
			
 
				+            base.$elem.on(base.ev_types.start, ".owl-wrapper", dragStart);
			
 
				+        },
			
 
				+
			
 
				+        getNewPosition : function () {
			
 
				+            var base = this,
			
 
				+                newPosition = base.closestItem();
			
 
				+
			
 
				+            if (newPosition > base.maximumItem) {
			
 
				+                base.currentItem = base.maximumItem;
			
 
				+                newPosition  = base.maximumItem;
			
 
				+            } else if (base.newPosX >= 0) {
			
 
				+                newPosition = 0;
			
 
				+                base.currentItem = 0;
			
 
				+            }
			
 
				+            return newPosition;
			
 
				+        },
			
 
				+        closestItem : function () {
			
 
				+            var base = this,
			
 
				+                array = base.options.scrollPerPage === true ? base.pagesInArray : base.positionsInArray,
			
 
				+                goal = base.newPosX,
			
 
				+                closest = null;
			
 
				+
			
 
				+            $.each(array, function (i, v) {
			
 
				+                if (goal - (base.itemWidth / 20) > array[i + 1] && goal - (base.itemWidth / 20) < v && base.moveDirection() === "left") {
			
 
				+                    closest = v;
			
 
				+                    if (base.options.scrollPerPage === true) {
			
 
				+                        base.currentItem = $.inArray(closest, base.positionsInArray);
			
 
				+                    } else {
			
 
				+                        base.currentItem = i;
			
 
				+                    }
			
 
				+                } else if (goal + (base.itemWidth / 20) < v && goal + (base.itemWidth / 20) > (array[i + 1] || array[i] - base.itemWidth) && base.moveDirection() === "right") {
			
 
				+                    if (base.options.scrollPerPage === true) {
			
 
				+                        closest = array[i + 1] || array[array.length - 1];
			
 
				+                        base.currentItem = $.inArray(closest, base.positionsInArray);
			
 
				+                    } else {
			
 
				+                        closest = array[i + 1];
			
 
				+                        base.currentItem = i + 1;
			
 
				+                    }
			
 
				+                }
			
 
				+            });
			
 
				+            return base.currentItem;
			
 
				+        },
			
 
				+
			
 
				+        moveDirection : function () {
			
 
				+            var base = this,
			
 
				+                direction;
			
 
				+            if (base.newRelativeX < 0) {
			
 
				+                direction = "right";
			
 
				+                base.playDirection = "next";
			
 
				+            } else {
			
 
				+                direction = "left";
			
 
				+                base.playDirection = "prev";
			
 
				+            }
			
 
				+            return direction;
			
 
				+        },
			
 
				+
			
 
				+        customEvents : function () {
			
 
				+            /*jslint unparam: true*/
			
 
				+            var base = this;
			
 
				+            base.$elem.on("owl.next", function () {
			
 
				+                base.next();
			
 
				+            });
			
 
				+            base.$elem.on("owl.prev", function () {
			
 
				+                base.prev();
			
 
				+            });
			
 
				+            base.$elem.on("owl.play", function (event, speed) {
			
 
				+                base.options.autoPlay = speed;
			
 
				+                base.play();
			
 
				+                base.hoverStatus = "play";
			
 
				+            });
			
 
				+            base.$elem.on("owl.stop", function () {
			
 
				+                base.stop();
			
 
				+                base.hoverStatus = "stop";
			
 
				+            });
			
 
				+            base.$elem.on("owl.goTo", function (event, item) {
			
 
				+                base.goTo(item);
			
 
				+            });
			
 
				+            base.$elem.on("owl.jumpTo", function (event, item) {
			
 
				+                base.jumpTo(item);
			
 
				+            });
			
 
				+        },
			
 
				+
			
 
				+        stopOnHover : function () {
			
 
				+            var base = this;
			
 
				+            if (base.options.stopOnHover === true && base.browser.isTouch !== true && base.options.autoPlay !== false) {
			
 
				+                base.$elem.on("mouseover", function () {
			
 
				+                    base.stop();
			
 
				+                });
			
 
				+                base.$elem.on("mouseout", function () {
			
 
				+                    if (base.hoverStatus !== "stop") {
			
 
				+                        base.play();
			
 
				+                    }
			
 
				+                });
			
 
				+            }
			
 
				+        },
			
 
				+
			
 
				+        lazyLoad : function () {
			
 
				+            var base = this,
			
 
				+                i,
			
 
				+                $item,
			
 
				+                itemNumber,
			
 
				+                $lazyImg,
			
 
				+                follow;
			
 
				+
			
 
				+            if (base.options.lazyLoad === false) {
			
 
				+                return false;
			
 
				+            }
			
 
				+            for (i = 0; i < base.itemsAmount; i += 1) {
			
 
				+                $item = $(base.$owlItems[i]);
			
 
				+
			
 
				+                if ($item.data("owl-loaded") === "loaded") {
			
 
				+                    continue;
			
 
				+                }
			
 
				+
			
 
				+                itemNumber = $item.data("owl-item");
			
 
				+                $lazyImg = $item.find(".lazyOwl");
			
 
				+
			
 
				+                if (typeof $lazyImg.data("src") !== "string") {
			
 
				+                    $item.data("owl-loaded", "loaded");
			
 
				+                    continue;
			
 
				+                }
			
 
				+                if ($item.data("owl-loaded") === undefined) {
			
 
				+                    $lazyImg.hide();
			
 
				+                    $item.addClass("loading").data("owl-loaded", "checked");
			
 
				+                }
			
 
				+                if (base.options.lazyFollow === true) {
			
 
				+                    follow = itemNumber >= base.currentItem;
			
 
				+                } else {
			
 
				+                    follow = true;
			
 
				+                }
			
 
				+                if (follow && itemNumber < base.currentItem + base.options.items && $lazyImg.length) {
			
 
				+                    base.lazyPreload($item, $lazyImg);
			
 
				+                }
			
 
				+            }
			
 
				+        },
			
 
				+
			
 
				+        lazyPreload : function ($item, $lazyImg) {
			
 
				+            var base = this,
			
 
				+                iterations = 0,
			
 
				+                isBackgroundImg;
			
 
				+
			
 
				+            if ($lazyImg.prop("tagName") === "DIV") {
			
 
				+                $lazyImg.css("background-image", "url(" + $lazyImg.data("src") + ")");
			
 
				+                isBackgroundImg = true;
			
 
				+            } else {
			
 
				+                $lazyImg[0].src = $lazyImg.data("src");
			
 
				+            }
			
 
				+
			
 
				+            function showImage() {
			
 
				+                $item.data("owl-loaded", "loaded").removeClass("loading");
			
 
				+                $lazyImg.removeAttr("data-src");
			
 
				+                if (base.options.lazyEffect === "fade") {
			
 
				+                    $lazyImg.fadeIn(400);
			
 
				+                } else {
			
 
				+                    $lazyImg.show();
			
 
				+                }
			
 
				+                if (typeof base.options.afterLazyLoad === "function") {
			
 
				+                    base.options.afterLazyLoad.apply(this, [base.$elem]);
			
 
				+                }
			
 
				+            }
			
 
				+
			
 
				+            function checkLazyImage() {
			
 
				+                iterations += 1;
			
 
				+                if (base.completeImg($lazyImg.get(0)) || isBackgroundImg === true) {
			
 
				+                    showImage();
			
 
				+                } else if (iterations <= 100) {//if image loads in less than 10 seconds 
			
 
				+                    window.setTimeout(checkLazyImage, 100);
			
 
				+                } else {
			
 
				+                    showImage();
			
 
				+                }
			
 
				+            }
			
 
				+
			
 
				+            checkLazyImage();
			
 
				+        },
			
 
				+
			
 
				+        autoHeight : function () {
			
 
				+            var base = this,
			
 
				+                $currentimg = $(base.$owlItems[base.currentItem]).find("img"),
			
 
				+                iterations;
			
 
				+
			
 
				+            function addHeight() {
			
 
				+                var $currentItem = $(base.$owlItems[base.currentItem]).height();
			
 
				+                base.wrapperOuter.css("height", $currentItem + "px");
			
 
				+                if (!base.wrapperOuter.hasClass("autoHeight")) {
			
 
				+                    window.setTimeout(function () {
			
 
				+                        base.wrapperOuter.addClass("autoHeight");
			
 
				+                    }, 0);
			
 
				+                }
			
 
				+            }
			
 
				+
			
 
				+            function checkImage() {
			
 
				+                iterations += 1;
			
 
				+                if (base.completeImg($currentimg.get(0))) {
			
 
				+                    addHeight();
			
 
				+                } else if (iterations <= 100) { //if image loads in less than 10 seconds 
			
 
				+                    window.setTimeout(checkImage, 100);
			
 
				+                } else {
			
 
				+                    base.wrapperOuter.css("height", ""); //Else remove height attribute
			
 
				+                }
			
 
				+            }
			
 
				+
			
 
				+            if ($currentimg.get(0) !== undefined) {
			
 
				+                iterations = 0;
			
 
				+                checkImage();
			
 
				+            } else {
			
 
				+                addHeight();
			
 
				+            }
			
 
				+        },
			
 
				+
			
 
				+        completeImg : function (img) {
			
 
				+            var naturalWidthType;
			
 
				+
			
 
				+            if (!img.complete) {
			
 
				+                return false;
			
 
				+            }
			
 
				+            naturalWidthType = typeof img.naturalWidth;
			
 
				+            if (naturalWidthType !== "undefined" && img.naturalWidth === 0) {
			
 
				+                return false;
			
 
				+            }
			
 
				+            return true;
			
 
				+        },
			
 
				+
			
 
				+        onVisibleItems : function () {
			
 
				+            var base = this,
			
 
				+                i;
			
 
				+
			
 
				+            if (base.options.addClassActive === true) {
			
 
				+                base.$owlItems.removeClass("active");
			
 
				+            }
			
 
				+            base.visibleItems = [];
			
 
				+            for (i = base.currentItem; i < base.currentItem + base.options.items; i += 1) {
			
 
				+                base.visibleItems.push(i);
			
 
				+
			
 
				+                if (base.options.addClassActive === true) {
			
 
				+                    $(base.$owlItems[i]).addClass("active");
			
 
				+                }
			
 
				+            }
			
 
				+            base.owl.visibleItems = base.visibleItems;
			
 
				+        },
			
 
				+
			
 
				+        transitionTypes : function (className) {
			
 
				+            var base = this;
			
 
				+            //Currently available: "fade", "backSlide", "goDown", "fadeUp"
			
 
				+            base.outClass = "owl-" + className + "-out";
			
 
				+            base.inClass = "owl-" + className + "-in";
			
 
				+        },
			
 
				+
			
 
				+        singleItemTransition : function () {
			
 
				+            var base = this,
			
 
				+                outClass = base.outClass,
			
 
				+                inClass = base.inClass,
			
 
				+                $currentItem = base.$owlItems.eq(base.currentItem),
			
 
				+                $prevItem = base.$owlItems.eq(base.prevItem),
			
 
				+                prevPos = Math.abs(base.positionsInArray[base.currentItem]) + base.positionsInArray[base.prevItem],
			
 
				+                origin = Math.abs(base.positionsInArray[base.currentItem]) + base.itemWidth / 2,
			
 
				+                animEnd = 'webkitAnimationEnd oAnimationEnd MSAnimationEnd animationend';
			
 
				+
			
 
				+            base.isTransition = true;
			
 
				+
			
 
				+            base.$owlWrapper
			
 
				+                .addClass('owl-origin')
			
 
				+                .css({
			
 
				+                    "-webkit-transform-origin" : origin + "px",
			
 
				+                    "-moz-perspective-origin" : origin + "px",
			
 
				+                    "perspective-origin" : origin + "px"
			
 
				+                });
			
 
				+            function transStyles(prevPos) {
			
 
				+                return {
			
 
				+                    "position" : "relative",
			
 
				+                    "left" : prevPos + "px"
			
 
				+                };
			
 
				+            }
			
 
				+
			
 
				+            $prevItem
			
 
				+                .css(transStyles(prevPos, 10))
			
 
				+                .addClass(outClass)
			
 
				+                .on(animEnd, function () {
			
 
				+                    base.endPrev = true;
			
 
				+                    $prevItem.off(animEnd);
			
 
				+                    base.clearTransStyle($prevItem, outClass);
			
 
				+                });
			
 
				+
			
 
				+            $currentItem
			
 
				+                .addClass(inClass)
			
 
				+                .on(animEnd, function () {
			
 
				+                    base.endCurrent = true;
			
 
				+                    $currentItem.off(animEnd);
			
 
				+                    base.clearTransStyle($currentItem, inClass);
			
 
				+                });
			
 
				+        },
			
 
				+
			
 
				+        clearTransStyle : function (item, classToRemove) {
			
 
				+            var base = this;
			
 
				+            item.css({
			
 
				+                "position" : "",
			
 
				+                "left" : ""
			
 
				+            }).removeClass(classToRemove);
			
 
				+
			
 
				+            if (base.endPrev && base.endCurrent) {
			
 
				+                base.$owlWrapper.removeClass('owl-origin');
			
 
				+                base.endPrev = false;
			
 
				+                base.endCurrent = false;
			
 
				+                base.isTransition = false;
			
 
				+            }
			
 
				+        },
			
 
				+
			
 
				+        owlStatus : function () {
			
 
				+            var base = this;
			
 
				+            base.owl = {
			
 
				+                "userOptions"   : base.userOptions,
			
 
				+                "baseElement"   : base.$elem,
			
 
				+                "userItems"     : base.$userItems,
			
 
				+                "owlItems"      : base.$owlItems,
			
 
				+                "currentItem"   : base.currentItem,
			
 
				+                "prevItem"      : base.prevItem,
			
 
				+                "visibleItems"  : base.visibleItems,
			
 
				+                "isTouch"       : base.browser.isTouch,
			
 
				+                "browser"       : base.browser,
			
 
				+                "dragDirection" : base.dragDirection
			
 
				+            };
			
 
				+        },
			
 
				+
			
 
				+        clearEvents : function () {
			
 
				+            var base = this;
			
 
				+            base.$elem.off(".owl owl mousedown.disableTextSelect");
			
 
				+            $(document).off(".owl owl");
			
 
				+            $(window).off("resize", base.resizer);
			
 
				+        },
			
 
				+
			
 
				+        unWrap : function () {
			
 
				+            var base = this;
			
 
				+            if (base.$elem.children().length !== 0) {
			
 
				+                base.$owlWrapper.unwrap();
			
 
				+                base.$userItems.unwrap().unwrap();
			
 
				+                if (base.owlControls) {
			
 
				+                    base.owlControls.remove();
			
 
				+                }
			
 
				+            }
			
 
				+            base.clearEvents();
			
 
				+            base.$elem
			
 
				+                .attr("style", base.$elem.data("owl-originalStyles") || "")
			
 
				+                .attr("class", base.$elem.data("owl-originalClasses"));
			
 
				+        },
			
 
				+
			
 
				+        destroy : function () {
			
 
				+            var base = this;
			
 
				+            base.stop();
			
 
				+            window.clearInterval(base.checkVisible);
			
 
				+            base.unWrap();
			
 
				+            base.$elem.removeData();
			
 
				+        },
			
 
				+
			
 
				+        reinit : function (newOptions) {
			
 
				+            var base = this,
			
 
				+                options = $.extend({}, base.userOptions, newOptions);
			
 
				+            base.unWrap();
			
 
				+            base.init(options, base.$elem);
			
 
				+        },
			
 
				+
			
 
				+        addItem : function (htmlString, targetPosition) {
			
 
				+            var base = this,
			
 
				+                position;
			
 
				+
			
 
				+            if (!htmlString) {return false; }
			
 
				+
			
 
				+            if (base.$elem.children().length === 0) {
			
 
				+                base.$elem.append(htmlString);
			
 
				+                base.setVars();
			
 
				+                return false;
			
 
				+            }
			
 
				+            base.unWrap();
			
 
				+            if (targetPosition === undefined || targetPosition === -1) {
			
 
				+                position = -1;
			
 
				+            } else {
			
 
				+                position = targetPosition;
			
 
				+            }
			
 
				+            if (position >= base.$userItems.length || position === -1) {
			
 
				+                base.$userItems.eq(-1).after(htmlString);
			
 
				+            } else {
			
 
				+                base.$userItems.eq(position).before(htmlString);
			
 
				+            }
			
 
				+
			
 
				+            base.setVars();
			
 
				+        },
			
 
				+
			
 
				+        removeItem : function (targetPosition) {
			
 
				+            var base = this,
			
 
				+                position;
			
 
				+
			
 
				+            if (base.$elem.children().length === 0) {
			
 
				+                return false;
			
 
				+            }
			
 
				+            if (targetPosition === undefined || targetPosition === -1) {
			
 
				+                position = -1;
			
 
				+            } else {
			
 
				+                position = targetPosition;
			
 
				+            }
			
 
				+
			
 
				+            base.unWrap();
			
 
				+            base.$userItems.eq(position).remove();
			
 
				+            base.setVars();
			
 
				+        }
			
 
				+
			
 
				+    };
			
 
				+
			
 
				+    $.fn.owlCarousel = function (options) {
			
 
				+        return this.each(function () {
			
 
				+            if ($(this).data("owl-init") === true) {
			
 
				+                return false;
			
 
				+            }
			
 
				+            $(this).data("owl-init", true);
			
 
				+            var carousel = Object.create(Carousel);
			
 
				+            carousel.init(options, this);
			
 
				+            $.data(this, "owlCarousel", carousel);
			
 
				+        });
			
 
				+    };
			
 
				+
			
 
				+    $.fn.owlCarousel.options = {
			
 
				+
			
 
				+        items : 5,
			
 
				+        itemsCustom : false,
			
 
				+        itemsDesktop : [1199, 3],
			
 
				+        itemsDesktopSmall : [979, 3],
			
 
				+        itemsTablet : [768, 2],
			
 
				+        itemsTabletSmall : false,
			
 
				+        itemsMobile : [479, 1],
			
 
				+        singleItem : false,
			
 
				+        itemsScaleUp : false,
			
 
				+
			
 
				+        slideSpeed : 200,
			
 
				+        paginationSpeed : 800,
			
 
				+        rewindSpeed : 1000,
			
 
				+
			
 
				+        autoPlay : false,
			
 
				+        stopOnHover : false,
			
 
				+
			
 
				+        navigation : false,
			
 
				+        navigationText : ["prev", "next"],
			
 
				+        rewindNav : true,
			
 
				+        scrollPerPage : false,
			
 
				+
			
 
				+        pagination : true,
			
 
				+        paginationNumbers : false,
			
 
				+
			
 
				+        responsive : true,
			
 
				+        responsiveRefreshRate : 200,
			
 
				+        responsiveBaseWidth : window,
			
 
				+
			
 
				+        baseClass : "owl-carousel",
			
 
				+        theme : "owl-theme",
			
 
				+
			
 
				+        lazyLoad : false,
			
 
				+        lazyFollow : true,
			
 
				+        lazyEffect : "fade",
			
 
				+
			
 
				+        autoHeight : false,
			
 
				+
			
 
				+        jsonPath : false,
			
 
				+        jsonSuccess : false,
			
 
				+
			
 
				+        dragBeforeAnimFinish : true,
			
 
				+        mouseDrag : true,
			
 
				+        touchDrag : true,
			
 
				+
			
 
				+        addClassActive : false,
			
 
				+        transitionStyle : false,
			
 
				+
			
 
				+        beforeUpdate : false,
			
 
				+        afterUpdate : false,
			
 
				+        beforeInit : false,
			
 
				+        afterInit : false,
			
 
				+        beforeMove : false,
			
 
				+        afterMove : false,
			
 
				+        afterAction : false,
			
 
				+        startDragging : false,
			
 
				+        afterLazyLoad: false
			
 
				+    };
			
 
				+}(jQuery, window, document));
			
--- a/src/main/webapp/template/1/default/js/public.js
+++ b/src/main/webapp/template/1/default/js/public.js
@@ -0,0 +1,90 @@
 
				+    $(document).ready(function(){
			
 
				+     $(".touch-toggle a").click(function(event){
			
 
				+
			
 
				+      var className = $(this).attr("data-drawer");
			
 
				+
			
 
				+      if( $("."+className).css('display') == 'none' ){      
			
 
				+
			
 
				+       $("."+className).slideDown().siblings(".drawer-section").slideUp();
			
 
				+	   $(".touch_bg").slideDown();//20170419
			
 
				+      }else{
			
 
				+
			
 
				+       $(".drawer-section").slideUp(); 
			
 
				+	   $(".touch_bg").slideUp();//20170419
			
 
				+
			
 
				+      }
			
 
				+      event.stopPropagation();
			
 
				+	  
			
 
				+     });
			
 
				+ 
			
 
				+	$(".touch_bg").click(function(){
			
 
				+			 $(".drawer-section").slideUp();   	
			
 
				+			  $(".touch_bg").slideUp();//20170419
			
 
				+		 })	
			
 
				+	$(".closetitle").click(function(){
			
 
				+			 $(".drawer-section").slideUp();   	
			
 
				+			  $(".touch_bg").slideUp();//20170419
			
 
				+		 })	
			
 
				+		
			
 
				+     //$(document).click(function(){
			
 
				+//
			
 
				+//      $(".drawer-section").slideUp();   
			
 
				+//	  
			
 
				+//     })
			
 
				+
			
 
				+     $('.touch-menu a').click(function(){     
			
 
				+
			
 
				+      if( $(this).next().is('ul') ){
			
 
				+
			
 
				+       if( $(this).next('ul').css('display') == 'none' ){
			
 
				+		$('.touch-menu ul li').find("ul").slideUp();
			
 
				+		$('.touch-menu ul li').find("a").find('i').attr("class","touch-arrow-down");
			
 
				+        $(this).next('ul').slideDown();
			
 
				+
			
 
				+        $(this).find('i').attr("class","touch-arrow-up");     
			
 
				+		//$(".touch-top").css("position","absolute");
			
 
				+       }else{
			
 
				+
			
 
				+        $(this).next('ul').slideUp();
			
 
				+
			
 
				+        $(this).next('ul').find('ul').slideUp();
			
 
				+
			
 
				+        $(this).find('i').attr("class","touch-arrow-down");
			
 
				+		//$(".touch-top").css("position","fixed");
			
 
				+
			
 
				+       }   
			
 
				+
			
 
				+      }
			
 
				+
			
 
				+     });
			
 
				+
			
 
				+
			
 
				+    });
			
 
				+	
			
 
				+	  
			
 
				+  
			
 
				+    // 导航显示与隐藏
			
 
				+  var NavHeight = false;
			
 
				+  $(window).scroll(function(){
			
 
				+    Nav();
			
 
				+  })
			
 
				+  Nav();
			
 
				+  function Nav(){
			
 
				+    if( $(window).scrollTop() > $(window).height() && NavHeight == false ){
			
 
				+      $("body").addClass("nav-hide");
			
 
				+      NavHeight = true;
			
 
				+    }else if($(window).scrollTop() <= $(window).height() && NavHeight == true ){
			
 
				+      NavHeight = false;
			
 
				+      $("body").removeClass("nav-hide");
			
 
				+    }
			
 
				+  }
			
 
				+  $(window).mousewheel(function(e, delta) { //滚动条向上滚动
			
 
				+      p = $(window).scrollTop();
			
 
				+      if( p > $(window).height() ){
			
 
				+        if (delta < 0) {
			
 
				+          $("body").addClass("nav-hide");
			
 
				+        } else { //上滚
			
 
				+           $("body").removeClass("nav-hide");
			
 
				+        }
			
 
				+      }
			
 
				+  })
			
--- a/src/main/webapp/template/1/default/message.htm
+++ b/src/main/webapp/template/1/default/message.htm
@@ -0,0 +1,197 @@
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<head>
			
 
				+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
			
 
				+    <meta name="renderer" content="webkit">
			
 
				+    <meta name="viewport"
			
 
				+          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
			
 
				+    <meta name="robots" content="index, follow"/>
			
 
				+    <title>${field.typetitle}</title>
			
 
				+    <meta name="keywords" content="${field.typekeyword}">
			
 
				+    <meta name="description" content="${field.typedescrip}">
			
 
				+    <meta http-equiv="Cache-Control" content="no-transform"/>
			
 
				+    <meta http-equiv="Cache-Control" content="no-siteapp"/>
			
 
				+    <meta name="applicable-device" content="pc,mobile"/>
			
 
				+    <link href="/{ms:global.style/}css/style.css" rel="stylesheet"/>
			
 
				+    <link href="/{ms:global.style/}css/css.css" rel="stylesheet"/>
			
 
				+    <script src="/{ms:global.style/}js/jquery-1.8.3.min.js"></script>
			
 
				+    <script type="text/javascript" src="/{ms:global.style/}js/jquery.superslide.2.1.1.js">//pc导航</script>
			
 
				+    <script src="/{ms:global.style/}js/anim.js">//动画</script>
			
 
				+    <script type="text/javascript" src="/{ms:global.style/}js/basic.js"></script>
			
 
				+    <!--引入vue库-->
			
 
				+    <script type="text/javascript" src="/static/plugins/vue/2.6.9/vue.min.js"></script>
			
 
				+    <!--引入element-ui库-->
			
 
				+    <script src="${base}/static/plugins/element-ui/2.15.8/index.min.js"></script>
			
 
				+    <link rel="stylesheet" href="/static/plugins/element-ui/2.15.8/theme-chalk/index.min.css">
			
 
				+    <!--网络请求框架-->
			
 
				+    <script src="/static/plugins/axios/0.18.0/axios.min.js"></script>
			
 
				+    <script src="/static/plugins/qs/6.6.0/qs.min.js"></script>
			
 
				+    <script src="/static/plugins/ms/2.0/ms.umd.js"></script>
			
 
				+    <script src="/static/plugins/ms/2.0/ms-el-form.umd.js"></script>
			
 
				+</head>
			
 
				+<body>
			
 
				+<#include "header.htm" />
			
 
				+<div class="o_big">
			
 
				+    <img src="{@ms:file field.typelitpic/}" alt=""/>
			
 
				+    <h1>${field.typedescrip}</h1>
			
 
				+</div>
			
 
				+<!--正文begin-->
			
 
				+<!--文章内容开始-->
			
 
				+<div class="right fr">
			
 
				+
			
 
				+    <!-- 留言表单 -->
			
 
				+    <div id="form" v-loading="loading" v-cloak>
			
 
				+        <el-form ref="form" :model="form" :rules="rules" label-width="120px" label-position="right" size="small"
			
 
				+                 class="message">
			
 
				+            <!--称呼姓名-->
			
 
				+            <el-form-item label="称呼姓名" prop="leaveName">
			
 
				+                <el-input
			
 
				+                        v-model="form.leaveName"
			
 
				+                        :disabled="false"
			
 
				+                        :readonly="false"
			
 
				+                        :style="{width:  '100%'}"
			
 
				+                        :clearable="true"
			
 
				+                        placeholder="请输入称呼姓名">
			
 
				+                </el-input>
			
 
				+            </el-form-item>
			
 
				+            <!--联系电话-->
			
 
				+            <el-form-item label="联系电话" prop="leavePhone">
			
 
				+                <el-input
			
 
				+                        v-model="form.leavePhone"
			
 
				+                        :disabled="false"
			
 
				+                        :readonly="false"
			
 
				+                        :style="{width:  '100%'}"
			
 
				+                        :clearable="true"
			
 
				+                        placeholder="请输入联系电话">
			
 
				+                </el-input>
			
 
				+            </el-form-item>
			
 
				+            <!--留言-->
			
 
				+            <el-form-item label="留言" prop="content">
			
 
				+                <el-input
			
 
				+                        type="textarea" :rows="5"
			
 
				+                        :disabled="false"
			
 
				+                        :readonly="form.id>0?true:false"
			
 
				+                        v-model="form.content"
			
 
				+                        :style="{width: '100%'}"
			
 
				+                        placeholder="请输入留言">
			
 
				+                </el-input>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="验证码" prop="rand_code">
			
 
				+                <el-row>
			
 
				+                    <el-col :span="10">
			
 
				+                        <el-input v-model="form.rand_code"
			
 
				+                                  :disabled="false" :readonly="false" :clearable="true"
			
 
				+                                  placeholder="请输入验证码">
			
 
				+                        </el-input>
			
 
				+                    </el-col>
			
 
				+                    <el-col :span="6">
			
 
				+                        <img height="40px" :src="verifCode" @click="code" style="margin-left: 10px"/>
			
 
				+                    </el-col>
			
 
				+                </el-row>
			
 
				+            </el-form-item>
			
 
				+            <!--验证码-->
			
 
				+
			
 
				+            <el-form-item label="  ">
			
 
				+                <el-button @click="save" type="primary" :loading="loading" style="width: 200px">
			
 
				+                    {{loading?'提交留言中':'提交留言'}}
			
 
				+                </el-button>
			
 
				+            </el-form-item>
			
 
				+        </el-form>
			
 
				+        </el-form>
			
 
				+    </div>
			
 
				+    <!--正文end-->
			
 
				+    <#include "footer.htm" />
			
 
				+    <script language="javascript" src="/{ms:global.style/}js/foot.js"></script>
			
 
				+</body>
			
 
				+<script>
			
 
				+    var form = new Vue({
			
 
				+        el: '#form',
			
 
				+        data: function () {
			
 
				+            return {
			
 
				+                verifCode: "/code.do" + new Date().getTime(),
			
 
				+                loading: false,
			
 
				+                saveDisabled: false,
			
 
				+                //表单数据
			
 
				+                form: {
			
 
				+                    // 称呼姓名
			
 
				+                    leaveName: '',
			
 
				+                    // 联系电话
			
 
				+                    leavePhone: '',
			
 
				+                    // 留言
			
 
				+                    content: '',
			
 
				+                    // 验证码
			
 
				+                    rand_code: '',
			
 
				+                },
			
 
				+                rules: {
			
 
				+                    // 称呼姓名
			
 
				+                    leaveName: [{"required": true, "message": "称呼姓名不能为空"}, {
			
 
				+                        "min": 0,
			
 
				+                        "max": 255,
			
 
				+                        "message": "称呼姓名长度必须为0-255"
			
 
				+                    }],
			
 
				+                    // 联系电话
			
 
				+                    leavePhone: [{
			
 
				+                        "required": true,
			
 
				+                        "message": "联系电话不能为空"
			
 
				+                    }, {
			
 
				+                        "pattern": /^([0-9]{3,4}-)?[0-9]{7,8}$|^\d{3,4}-\d{3,4}-\d{3,4}$|^1[0-9]{10}$/,
			
 
				+                        "message": "联系电话格式不匹配"
			
 
				+                    }, {"min": 0, "max": 255, "message": "联系电话长度必须为0-255"}],
			
 
				+                    // 留言
			
 
				+                    content: [{"required": true, "message": "留言不能为空"}],
			
 
				+                    // 验证码
			
 
				+                    rand_code: [{"required": true, "message": "验证码不能为空"}],
			
 
				+                },
			
 
				+            }
			
 
				+        },
			
 
				+        watch: {},
			
 
				+        components: {},
			
 
				+        computed: {},
			
 
				+        methods: {
			
 
				+            code: function () {
			
 
				+                this.verifCode = "/code.do?t=" + new Date().getTime();
			
 
				+            },
			
 
				+            save: function (e) {
			
 
				+                e.preventDefault();//阻止默认事件跳转
			
 
				+                var that = this;
			
 
				+                that.$refs.form.validate(function (valid) {
			
 
				+                    if (valid) {
			
 
				+                        that.form.modelName = "留言板"; //modelName需要填写自己的模型昵称
			
 
				+                        ms.http.post("/mdiy/form/data/save.do", that.form).then(function (res) {
			
 
				+                            if (res.result) {
			
 
				+                                that.$notify({
			
 
				+                                    title: '成功',
			
 
				+                                    type: 'success',
			
 
				+                                    message: '感谢您的参与!'
			
 
				+                                });
			
 
				+                                that.$refs.form.resetFields(); //清空表单
			
 
				+                            } else {
			
 
				+                                if (res.msg == '验证码错误!') {
			
 
				+                                    that.$notify({
			
 
				+                                        title: '失败',
			
 
				+                                        message: res.msg,
			
 
				+                                        type: 'warning'
			
 
				+                                    });
			
 
				+                                } else {
			
 
				+                                    that.$alert('需要安装留言插件才能使用，请先进入后台MStore安装留言插件使用。<a href="http://store.mingsoft.net/#/detail?id=310&type=plugin" target="_blank">查看留言插件</a>', '留言插件提示', {
			
 
				+                                        dangerouslyUseHTMLString: true
			
 
				+                                    });
			
 
				+                                }
			
 
				+                            }
			
 
				+                            that.code();
			
 
				+                        })
			
 
				+                    }
			
 
				+                })
			
 
				+
			
 
				+            }
			
 
				+        }
			
 
				+    });
			
 
				+
			
 
				+</script>
			
 
				+</html>
			
 
				+<style>
			
 
				+    .message {
			
 
				+        width: 40%;
			
 
				+        margin: 20px auto;
			
 
				+    }
			
 
				+</style>
			
--- a/src/main/webapp/template/1/default/news-detail.htm
+++ b/src/main/webapp/template/1/default/news-detail.htm
@@ -1,640 +1,49 @@
 
				+<!DOCTYPE html>
			
 
				 <html>
			
 
				 <head>
			
 
				-    <meta charset="utf-8">
			
 
				-    <title>{ms:global.name/}</title>
			
 
				-    <#include "head-file.htm" />
			
 
				+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
			
 
				+    <meta name="renderer" content="webkit">
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
			
 
				+    <meta name="robots" content="index, follow"/>
			
 
				+    <title>${field.title}</title>
			
 
				+    <meta name="keywords" content="${field.keyword}">
			
 
				+    <meta name="description" content="${field.descrip}">
			
 
				+    <meta http-equiv="Cache-Control" content="no-transform"/>
			
 
				+    <meta http-equiv="Cache-Control" content="no-siteapp"/>
			
 
				+    <meta name="applicable-device" content="pc,mobile"/>
			
 
				+    <link href="/favicon.ico" rel="shortcut icon"/>
			
 
				+    <link href="/{ms:global.style/}css/style.css" rel="stylesheet"/>
			
 
				+    <link href="/{ms:global.style/}css/css.css" rel="stylesheet"/>
			
 
				+    <script src="/{ms:global.style/}js/jquery-1.8.3.min.js"></script>
			
 
				+    <script type="text/javascript" src="/{ms:global.style/}js/jquery.superslide.2.1.1.js">//pc导航</script>
			
 
				+    <script src="/{ms:global.style/}js/anim.js">//动画</script>
			
 
				+    <script type="text/javascript" src="/{ms:global.style/}js/basic.js"></script>
			
 
				 </head>
			
 
				 <body>
			
 
				-<div id="app" v-cloak>
			
 
				-    <#include "header.htm" />
			
 
				-    <div class="content">
			
 
				-        <!--新闻详情-start-->
			
 
				-        <div class="body">
			
 
				-            <div class="left">
			
 
				-                {ms:channel type='parent'}
			
 
				-                <span class="title"> ${field.typetitle} </span>
			
 
				-                {/ms:channel}
			
 
				-                <#assign typetitle=field.typetitle>
			
 
				-                <#if field.typeleaf>
			
 
				-                {ms:channel type='level'}
			
 
				-                <a href="{ms:global.url/}${field.typelink}"
			
 
				-                   class="<#if typetitle==field.typetitle>sub-title-sel<#else>sub-title</#if>"> ${field.typetitle} </a>
			
 
				-                {/ms:channel}
			
 
				-                <#else>
			
 
				-                {ms:channel type='son'}
			
 
				-                <a href="{ms:global.url/}${field.typelink}"
			
 
				-                   class="<#if typetitle==field.typetitle>sub-title-sel<#else>sub-title</#if>"> ${field.typetitle} </a>
			
 
				-                {/ms:channel}
			
 
				-            </#if>
			
 
				-        </div>
			
 
				-        <div class="right">
			
 
				-            <div class="ms-channel-path">
			
 
				-                <span class="ms-channel-path-label"> 当前位置： </span>
			
 
				-                <a href="/" class="ms-channel-path-index"> 首页 </a> {ms:channel type="path"}
			
 
				-                <i class="iconfont icon-youjiantou"></i>
			
 
				-                <a href="{ms:global.url/}${field.typelink}" class="ms-channel-path-link"> ${field.typetitle} </a>
			
 
				-                {/ms:channel}
			
 
				-            </div>
			
 
				-            <span class="big-title"> ${field.title} </span>
			
 
				-            <div class="news-date-hit">
			
 
				-                <span> 发布时间: </span>
			
 
				-                <span class="date"> ${field.date?date?string("yyyy-MM-dd")} </span>
			
 
				-                <span> 预览次数: </span>
			
 
				-                <span> ${field.hit} </span>
			
 
				-            </div>
			
 
				-            <div class="news-body">
			
 
				-                <span> ${field.content} </span>
			
 
				+<#include "header.htm" />
			
 
				+<div class="o_big" >
			
 
				+    <img src="{@ms:file field.typelitpic/}" alt=""/>
			
 
				+    <h1 >${field.typedescrip}</h1>
			
 
				+</div>
			
 
				+<!--正文begin-->
			
 
				+<div class="wrap">
			
 
				+    <div class="product_a anim anim-1"></div>
			
 
				+</div>
			
 
				+<div class="news_bg">
			
 
				+    <div class="wrap">
			
 
				+        <div class="about_x anim anim-2">
			
 
				+            <div class="show_t">${field.title}</div>
			
 
				+            <div class="con_line"> 时间：${field.date?string("yyyy-MM-dd")}  人气：${field.hit}</div>
			
 
				+            <div class="con_id">
			
 
				+                <div>${field.content}</div>
			
 
				             </div>
			
 
				-            <div class="news-pre">
			
 
				-                <span class="label"> 上一篇: </span>
			
 
				-                <#if pre.title?has_content>
			
 
				-                <a href="{ms:global.url/}${pre.link}"> ${pre.title} </a>
			
 
				-                <#else>
			
 
				-                已经没有了
			
 
				-            </#if>
			
 
				+            <div class="prenext">上一篇：<a href="<#if pre.link !=''>{ms:global.html/}${pre.link}<#else>javascript:;</#if>">${pre.title}</a></div>
			
 
				+            <div class="prenext">下一篇：<a href="<#if next.link !=''>{ms:global.html/}${next.link}<#else>javascript:;</#if>">${next.title}</a></div>
			
 
				         </div>
			
 
				-        <div class="news-next">
			
 
				-            <span class="label"> 下一篇: </span>
			
 
				-            <#if next.title?has_content>
			
 
				-            <a href="{ms:global.url/}${next.link}"> ${next.title} </a>
			
 
				-            <#else>
			
 
				-            已经没有了
			
 
				-        </#if>
			
 
				     </div>
			
 
				-
			
 
				-</div>
			
 
				-</div>
			
 
				-<!--新闻详情-end-->
			
 
				 </div>
			
 
				+<!--正文end-->
			
 
				 <#include "footer.htm" />
			
 
				-</div>
			
 
				-<script>
			
 
				-    var app = new Vue({
			
 
				-        el: '#app',
			
 
				-        watch: {},
			
 
				-        data: {
			
 
				-            collectionFrorm: {
			
 
				-                collectionDataTitle: '${field.title}',//文章标题
			
 
				-                dataId: '${field.id}',//文章id
			
 
				-                dataType: "cms" //业务类型
			
 
				-            },
			
 
				-            Total:0 // 点赞数
			
 
				-        },
			
 
				-        methods: {
			
 
				-            switchShow: function (arr) {
			
 
				-                var that = this
			
 
				-                arr.forEach(function (x) {
			
 
				-                    let e = that.$el.querySelector("#key_" + x)
			
 
				-                    if (e) {
			
 
				-                        e.style.display = e.style.display == 'none' ? 'flex' : 'none'
			
 
				-                    }
			
 
				-                })
			
 
				-            },
			
 
				-        },
			
 
				-        created() {
			
 
				-        }
			
 
				-    })
			
 
				-</script>
			
 
				-<style>
			
 
				-    body {
			
 
				-        background-color: #fff;
			
 
				-        box-sizing: border-box;
			
 
				-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", 微软雅黑, sans-serif;
			
 
				-        moz-box-sizing: border-box;
			
 
				-        webkit-box-sizing: border-box;
			
 
				-    }
			
 
				-
			
 
				-    .content {
			
 
				-        align-items: flex-start;
			
 
				-        flex-direction: row;
			
 
				-        display: flex;
			
 
				-        padding-right: 0px;
			
 
				-        box-sizing: border-box;
			
 
				-        justify-content: center;
			
 
				-        padding-bottom: 0px;
			
 
				-        flex-wrap: nowrap;
			
 
				-        width: 100%;
			
 
				-        margin-bottom: 0px;
			
 
				-        padding-top: 0px;
			
 
				-        padding-left: 0px;
			
 
				-        margin-top: 0px;
			
 
				-    }
			
 
				-
			
 
				-    .content .body {
			
 
				-        padding-bottom: 20px;
			
 
				-        flex-wrap: nowrap;
			
 
				-        flex-direction: row;
			
 
				-        display: flex;
			
 
				-        padding-right: 0px;
			
 
				-        width: 1200px;
			
 
				-        box-sizing: border-box;
			
 
				-        margin-bottom: 0px;
			
 
				-        padding-top: 20px;
			
 
				-        padding-left: 0px;
			
 
				-        margin-top: 0px;
			
 
				-    }
			
 
				-
			
 
				-    .content .body .left {
			
 
				-        padding-bottom: 0px;
			
 
				-        flex-wrap: nowrap;
			
 
				-        flex-direction: column;
			
 
				-        display: flex;
			
 
				-        padding-right: 0px;
			
 
				-        width: 200px;
			
 
				-        box-sizing: border-box;
			
 
				-        padding-top: 0px;
			
 
				-        padding-left: 0px;
			
 
				-        margin-top: 0px;
			
 
				-        height: 100%;
			
 
				-    }
			
 
				-
			
 
				-    .content .body .left .title {
			
 
				-        border-bottom-color: #C0C4CC;
			
 
				-        color: #C0C4CC;
			
 
				-        flex-direction: row;
			
 
				-        word-wrap: break-word;
			
 
				-        display: inline-block;
			
 
				-        font-size: 16PX;
			
 
				-        border-bottom-style: dashed;
			
 
				-        padding-top: 10px;
			
 
				-        border-bottom-width: 1px;
			
 
				-        padding-left: 10px;
			
 
				-        margin-top: 0px;
			
 
				-        height: 40px;
			
 
				-    }
			
 
				-
			
 
				-    .content .body .left .sub-title-sel {
			
 
				-        background-color: #F2F6FC;
			
 
				-        color: #409EFF;
			
 
				-        flex-direction: row;
			
 
				-        word-wrap: break-word;
			
 
				-        display: inline-block;
			
 
				-        font-size: 16PX;
			
 
				-        padding-top: 10px;
			
 
				-        padding-left: 10px;
			
 
				-        margin-top: 2px;
			
 
				-        height: 40px;
			
 
				-    }
			
 
				-
			
 
				-    .content .body .left .sub-title {
			
 
				-        color: #5F5F5F;
			
 
				-        flex-direction: row;
			
 
				-        word-wrap: break-word;
			
 
				-        display: inline-block;
			
 
				-        font-size: 16PX;
			
 
				-        padding-top: 10px;
			
 
				-        padding-left: 10px;
			
 
				-        margin-top: 0px;
			
 
				-        height: 40px;
			
 
				-    }
			
 
				-
			
 
				-    .content .body .right {
			
 
				-        align-items: center;
			
 
				-        flex-direction: column;
			
 
				-        display: flex;
			
 
				-        padding-right: 0px;
			
 
				-        box-sizing: border-box;
			
 
				-        justify-content: center;
			
 
				-        padding-bottom: 0px;
			
 
				-        flex-wrap: nowrap;
			
 
				-        width: 1000px;
			
 
				-        margin-bottom: 0px;
			
 
				-        padding-top: 0px;
			
 
				-        padding-left: 20px;
			
 
				-        margin-top: 0px;
			
 
				-        height: 100%;
			
 
				-    }
			
 
				-
			
 
				-    .content .body .right .ms-channel-path {
			
 
				-        align-items: center;
			
 
				-        flex-direction: row;
			
 
				-        display: flex;
			
 
				-        box-sizing: border-box;
			
 
				-        margin-left: auto;
			
 
				-        margin-right: auto;
			
 
				-        padding-bottom: 0px;
			
 
				-        flex-wrap: nowrap;
			
 
				-        width: 100%;
			
 
				-        margin-bottom: 10px;
			
 
				-        padding-top: 0px;
			
 
				-        margin-top: 10px;
			
 
				-        height: 30px;
			
 
				-    }
			
 
				-
			
 
				-    .content .body .right .ms-channel-path span {
			
 
				-        color: #909399;
			
 
				-        flex-direction: row;
			
 
				-        word-wrap: break-word;
			
 
				-        display: inline-block;
			
 
				-        font-size: 16PX;
			
 
				-    }
			
 
				-
			
 
				-    .content .body .right .ms-channel-path .ms-channel-path-index {
			
 
				-        cursor: pointer;
			
 
				-        color: #000;
			
 
				-        font-size: 16PX;
			
 
				-        text-decoration: none;
			
 
				-        margin-bottom: 0px;
			
 
				-        margin-top: 0px;
			
 
				-    }
			
 
				-
			
 
				-    .content .body .right .ms-channel-path > i {
			
 
				-    }
			
 
				-
			
 
				-    .content .body .right .ms-channel-path .ms-channel-path-link {
			
 
				-        cursor: pointer;
			
 
				-        color: #000;
			
 
				-        font-size: 16PX;
			
 
				-        text-decoration: none;
			
 
				-        margin-bottom: 0px;
			
 
				-        margin-top: 0px;
			
 
				-    }
			
 
				-
			
 
				-    .content .body .right .big-title {
			
 
				-        text-align: center;
			
 
				-        flex-direction: row;
			
 
				-        word-wrap: break-word;
			
 
				-        display: inline-block;
			
 
				-        font-size: 22PX;
			
 
				-        padding-left: 0px;
			
 
				-    }
			
 
				-
			
 
				-    .content .body .right .news-date-hit {
			
 
				-        margin-right: 0px;
			
 
				-        align-items: center;
			
 
				-        flex-wrap: nowrap;
			
 
				-        flex-direction: row;
			
 
				-        display: flex;
			
 
				-        width: 100%;
			
 
				-        box-sizing: border-box;
			
 
				-        padding-left: 0px;
			
 
				-        justify-content: center;
			
 
				-        height: 40px;
			
 
				-    }
			
 
				-
			
 
				-    .content .body .right .news-date-hit span {
			
 
				-        color: #909399;
			
 
				-        flex-direction: row;
			
 
				-        word-wrap: break-word;
			
 
				-        display: inline-block;
			
 
				-        font-size: 16PX;
			
 
				-    }
			
 
				-
			
 
				-    .content .body .right .news-date-hit .date {
			
 
				-        margin-right: 20px;
			
 
				-        color: #909399;
			
 
				-        flex-direction: row;
			
 
				-        word-wrap: break-word;
			
 
				-        display: inline-block;
			
 
				-        font-size: 16PX;
			
 
				-        margin-left: 0px;
			
 
				-    }
			
 
				-
			
 
				-    .content .body .right .news-body {
			
 
				-        margin-right: 0px;
			
 
				-        padding-bottom: 0px;
			
 
				-        flex-wrap: nowrap;
			
 
				-        flex-direction: column;
			
 
				-        display: flex;
			
 
				-        width: 100%;
			
 
				-        box-sizing: border-box;
			
 
				-        margin-bottom: 0px;
			
 
				-        padding-top: 0px;
			
 
				-        margin-top: 0px;
			
 
				-        margin-left: 0px;
			
 
				-    }
			
 
				-
			
 
				-    .content .body .right .news-body span {
			
 
				-        flex-direction: row;
			
 
				-        word-wrap: break-word;
			
 
				-        display: inline-block;
			
 
				-        font-size: 14px;
			
 
				-    }
			
 
				-
			
 
				-    .content .body .right .news-pre {
			
 
				-        margin-right: 0px;
			
 
				-        padding-bottom: 0px;
			
 
				-        align-items: center;
			
 
				-        flex-wrap: nowrap;
			
 
				-        flex-direction: row;
			
 
				-        display: flex;
			
 
				-        width: 100%;
			
 
				-        box-sizing: border-box;
			
 
				-        padding-top: 0px;
			
 
				-        justify-content: flex-start;
			
 
				-        margin-left: 0px;
			
 
				-        height: 40px;
			
 
				-    }
			
 
				-
			
 
				-    .content .body .right .news-pre .label {
			
 
				-        margin-right: 10px;
			
 
				-        color: #909399;
			
 
				-        flex-direction: row;
			
 
				-        word-wrap: break-word;
			
 
				-        display: inline-block;
			
 
				-        font-size: 16PX;
			
 
				-        padding-top: 0px;
			
 
				-    }
			
 
				-
			
 
				-    .content .body .right .news-pre a {
			
 
				-        margin-right: 0px;
			
 
				-        flex-direction: row;
			
 
				-        word-wrap: break-word;
			
 
				-        display: inline-block;
			
 
				-        font-size: 16PX;
			
 
				-        padding-top: 0px;
			
 
				-    }
			
 
				-
			
 
				-    .content .body .right .news-next {
			
 
				-        margin-right: 0px;
			
 
				-        padding-bottom: 0px;
			
 
				-        align-items: center;
			
 
				-        flex-wrap: nowrap;
			
 
				-        flex-direction: row;
			
 
				-        display: flex;
			
 
				-        width: 100%;
			
 
				-        box-sizing: border-box;
			
 
				-        padding-top: 0px;
			
 
				-        justify-content: flex-start;
			
 
				-        margin-left: 0px;
			
 
				-        height: 40px;
			
 
				-    }
			
 
				-
			
 
				-    .content .body .right .news-next .label {
			
 
				-        margin-right: 10px;
			
 
				-        color: #909399;
			
 
				-        flex-direction: row;
			
 
				-        word-wrap: break-word;
			
 
				-        display: inline-block;
			
 
				-        font-size: 16PX;
			
 
				-        padding-top: 0px;
			
 
				-    }
			
 
				-
			
 
				-    .content .body .right .news-next a {
			
 
				-        margin-right: 0px;
			
 
				-        flex-direction: row;
			
 
				-        word-wrap: break-word;
			
 
				-        display: inline-block;
			
 
				-        font-size: 16PX;
			
 
				-        padding-top: 0px;
			
 
				-    }
			
 
				-
			
 
				-    @media (max-width: 768px) {
			
 
				-        .content {
			
 
				-            align-items: center;
			
 
				-            flex-direction: row;
			
 
				-            display: flex;
			
 
				-            padding-right: 0px;
			
 
				-            box-sizing: border-box;
			
 
				-            justify-content: center;
			
 
				-            padding-bottom: 0px;
			
 
				-            flex-wrap: nowrap;
			
 
				-            width: 100%;
			
 
				-            margin-bottom: 0px;
			
 
				-            padding-top: 0px;
			
 
				-            padding-left: 0px;
			
 
				-            margin-top: 0px;
			
 
				-        }
			
 
				-
			
 
				-        .content .body {
			
 
				-            padding-bottom: 20px;
			
 
				-            align-items: center;
			
 
				-            flex-wrap: wrap;
			
 
				-            flex-direction: row;
			
 
				-            display: flex;
			
 
				-            padding-right: 0px;
			
 
				-            width: 100%;
			
 
				-            box-sizing: border-box;
			
 
				-            padding-top: 20px;
			
 
				-            padding-left: 0px;
			
 
				-            justify-content: center;
			
 
				-        }
			
 
				-
			
 
				-        .content .body .left {
			
 
				-            padding-bottom: 0px;
			
 
				-            flex-wrap: nowrap;
			
 
				-            flex-direction: column;
			
 
				-            display: flex;
			
 
				-            padding-right: 0px;
			
 
				-            width: 90%;
			
 
				-            box-sizing: border-box;
			
 
				-            padding-top: 0px;
			
 
				-            padding-left: 0px;
			
 
				-            margin-top: 0px;
			
 
				-            height: 100%;
			
 
				-        }
			
 
				-
			
 
				-        .content .body .left .sub-title-sel {
			
 
				-            background-color: #F2F6FC;
			
 
				-            color: #409EFF;
			
 
				-            flex-direction: row;
			
 
				-            word-wrap: break-word;
			
 
				-            display: inline-block;
			
 
				-            font-size: 16PX;
			
 
				-            padding-top: 10px;
			
 
				-            padding-left: 10px;
			
 
				-            margin-top: 2px;
			
 
				-            height: 40px;
			
 
				-        }
			
 
				-
			
 
				-        .content .body .left .sub-title {
			
 
				-            color: #5F5F5F;
			
 
				-            flex-direction: row;
			
 
				-            word-wrap: break-word;
			
 
				-            display: inline-block;
			
 
				-            font-size: 16PX;
			
 
				-            padding-top: 10px;
			
 
				-            padding-left: 10px;
			
 
				-            margin-top: 0px;
			
 
				-            height: 40px;
			
 
				-        }
			
 
				-
			
 
				-        .content .body .right {
			
 
				-            padding-bottom: 0px;
			
 
				-            flex-wrap: nowrap;
			
 
				-            flex-direction: column;
			
 
				-            display: flex;
			
 
				-            padding-right: 0px;
			
 
				-            width: 90%;
			
 
				-            margin-bottom: 0px;
			
 
				-            box-sizing: border-box;
			
 
				-            padding-top: 0px;
			
 
				-            padding-left: 0px;
			
 
				-            margin-top: 0px;
			
 
				-        }
			
 
				-
			
 
				-        .content .body .right .ms-channel-path {
			
 
				-            margin-right: auto;
			
 
				-            align-items: center;
			
 
				-            flex-wrap: nowrap;
			
 
				-            flex-direction: row;
			
 
				-            display: flex;
			
 
				-            width: 100%;
			
 
				-            margin-bottom: 10px;
			
 
				-            box-sizing: border-box;
			
 
				-            margin-top: 10px;
			
 
				-            height: 30px;
			
 
				-            margin-left: auto;
			
 
				-        }
			
 
				-
			
 
				-        .content .body .right .ms-channel-path span {
			
 
				-            color: #5F5F5F;
			
 
				-            flex-direction: row;
			
 
				-            word-wrap: break-word;
			
 
				-            display: inline-block;
			
 
				-            font-size: 16PX;
			
 
				-            padding-top: 0px;
			
 
				-            padding-left: 0px;
			
 
				-        }
			
 
				-
			
 
				-        .content .body .right .ms-channel-path .ms-channel-path-index {
			
 
				-            cursor: pointer;
			
 
				-            color: #000;
			
 
				-            font-size: 16PX;
			
 
				-            text-decoration: none;
			
 
				-            margin-bottom: 0px;
			
 
				-            margin-top: 0px;
			
 
				-        }
			
 
				-
			
 
				-        .content .body .right .ms-channel-path .ms-channel-path-link {
			
 
				-            cursor: pointer;
			
 
				-            color: #000;
			
 
				-            font-size: 16PX;
			
 
				-            text-decoration: none;
			
 
				-            margin-bottom: 0px;
			
 
				-            margin-top: 0px;
			
 
				-        }
			
 
				-
			
 
				-        .content .body .right .big-title {
			
 
				-            flex-direction: row;
			
 
				-            word-wrap: break-word;
			
 
				-            display: inline-block;
			
 
				-            font-size: 22PX;
			
 
				-            padding-left: 0px;
			
 
				-        }
			
 
				-
			
 
				-        .content .body .right .news-date-hit {
			
 
				-            margin-right: 0px;
			
 
				-            align-items: center;
			
 
				-            flex-wrap: nowrap;
			
 
				-            flex-direction: row;
			
 
				-            display: flex;
			
 
				-            width: 100%;
			
 
				-            box-sizing: border-box;
			
 
				-            padding-left: 0px;
			
 
				-            justify-content: center;
			
 
				-            height: 40px;
			
 
				-        }
			
 
				-
			
 
				-        .content .body .right .news-date-hit span {
			
 
				-            color: #909399;
			
 
				-            flex-direction: row;
			
 
				-            word-wrap: break-word;
			
 
				-            display: inline-block;
			
 
				-            font-size: 16PX;
			
 
				-        }
			
 
				-
			
 
				-        .content .body .right .news-date-hit .date {
			
 
				-            margin-right: 20px;
			
 
				-            color: #909399;
			
 
				-            flex-direction: row;
			
 
				-            word-wrap: break-word;
			
 
				-            display: inline-block;
			
 
				-            font-size: 16PX;
			
 
				-            margin-left: 0px;
			
 
				-        }
			
 
				-
			
 
				-        .content .body .right .news-body {
			
 
				-            margin-right: 0px;
			
 
				-            padding-bottom: 0px;
			
 
				-            flex-wrap: nowrap;
			
 
				-            flex-direction: column;
			
 
				-            display: flex;
			
 
				-            width: 100%;
			
 
				-            box-sizing: border-box;
			
 
				-            margin-bottom: 0px;
			
 
				-            padding-top: 0px;
			
 
				-            margin-top: 0px;
			
 
				-            height: 300px;
			
 
				-            margin-left: 0px;
			
 
				-            height: unset;
			
 
				-        }
			
 
				-
			
 
				-        .content .body .right .news-body span {
			
 
				-            flex-direction: row;
			
 
				-            word-wrap: break-word;
			
 
				-            display: inline-block;
			
 
				-            font-size: 14px;
			
 
				-        }
			
 
				-
			
 
				-        .content .body .right .news-pre {
			
 
				-            margin-right: 0px;
			
 
				-            padding-bottom: 0px;
			
 
				-            align-items: center;
			
 
				-            flex-wrap: nowrap;
			
 
				-            flex-direction: row;
			
 
				-            display: flex;
			
 
				-            width: 100%;
			
 
				-            box-sizing: border-box;
			
 
				-            padding-top: 0px;
			
 
				-            justify-content: flex-start;
			
 
				-            margin-left: 0px;
			
 
				-            height: 40px;
			
 
				-        }
			
 
				-
			
 
				-        .content .body .right .news-pre .label {
			
 
				-            margin-right: 10px;
			
 
				-            color: #909399;
			
 
				-            flex-direction: row;
			
 
				-            word-wrap: break-word;
			
 
				-            display: inline-block;
			
 
				-            font-size: 16PX;
			
 
				-            padding-top: 0px;
			
 
				-        }
			
 
				-
			
 
				-        .content .body .right .news-pre a {
			
 
				-            margin-right: 0px;
			
 
				-            flex-direction: row;
			
 
				-            word-wrap: break-word;
			
 
				-            display: inline-block;
			
 
				-            font-size: 16PX;
			
 
				-            padding-top: 0px;
			
 
				-        }
			
 
				-
			
 
				-        .content .body .right .news-next {
			
 
				-            margin-right: 0px;
			
 
				-            padding-bottom: 0px;
			
 
				-            align-items: center;
			
 
				-            flex-wrap: nowrap;
			
 
				-            flex-direction: row;
			
 
				-            display: flex;
			
 
				-            width: 100%;
			
 
				-            box-sizing: border-box;
			
 
				-            padding-top: 0px;
			
 
				-            justify-content: flex-start;
			
 
				-            margin-left: 0px;
			
 
				-            height: 40px;
			
 
				-        }
			
 
				-
			
 
				-        .content .body .right .news-next .label {
			
 
				-            margin-right: 10px;
			
 
				-            color: #909399;
			
 
				-            flex-direction: row;
			
 
				-            word-wrap: break-word;
			
 
				-            display: inline-block;
			
 
				-            font-size: 16PX;
			
 
				-            padding-top: 0px;
			
 
				-        }
			
 
				-
			
 
				-        .content .body .right .news-next a {
			
 
				-            margin-right: 0px;
			
 
				-            flex-direction: row;
			
 
				-            word-wrap: break-word;
			
 
				-            display: inline-block;
			
 
				-            font-size: 16PX;
			
 
				-            padding-top: 0px;
			
 
				-        }
			
 
				-
			
 
				-    }</style>
			
 
				+<script language="javascript" src="/{ms:global.style/}js/foot.js"></script><!--尾部end-->
			
 
				 </body>
			
 
				 </html>
			
--- a/src/main/webapp/template/1/default/news-list.htm
+++ b/src/main/webapp/template/1/default/news-list.htm
@@ -1,660 +1,75 @@
 
				+<!DOCTYPE html>
			
 
				 <html>
			
 
				- <head>
			
 
				-  <meta charset="utf-8">
			
 
				-  <title>{ms:global.name/}</title>
			
 
				-  <#include "head-file.htm" />
			
 
				- </head>
			
 
				- <body>
			
 
				-  <div id="app" v-cloak>
			
 
				-   <#include "header.htm" />
			
 
				-   <div class="news">
			
 
				-    <div class="body">
			
 
				-     <div class="left">
			
 
				-     {ms:channel type='parent'}
			
 
				-     <span class="title"> ${field.typetitle}</span>
			
 
				-     {/ms:channel}
			
 
				-     <#assign typetitle=field.typetitle>
			
 
				-     <#if field.typeleaf>
			
 
				-     {ms:channel type='level'}
			
 
				-     <a href="{ms:global.url/}${field.typelink}" class="<#if typetitle==field.typetitle>sub-title-sel<#else>sub-title</#if>"> ${field.typetitle} </a>
			
 
				-     {/ms:channel}
			
 
				-     <#else>
			
 
				-     {ms:channel type='son'}
			
 
				-     <a href="{ms:global.url/}${field.typelink}" class="<#if typetitle==field.typetitle>sub-title-sel<#else>sub-title</#if>"> ${field.typetitle} </a>
			
 
				-     {/ms:channel}
			
 
				-    </#if>
			
 
				+<head>
			
 
				+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
			
 
				+    <meta name="renderer" content="webkit">
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
			
 
				+    <meta name="robots" content="index, follow"/>
			
 
				+    <title>${field.typetitle}-</title>
			
 
				+    <meta name="keywords" content="${field.typekeyword}">
			
 
				+    <meta name="description" content="${field.typedescrip}">
			
 
				+    <meta http-equiv="Cache-Control" content="no-transform"/>
			
 
				+    <meta http-equiv="Cache-Control" content="no-siteapp"/>
			
 
				+    <meta name="applicable-device" content="pc,mobile"/>
			
 
				+    <link href="/{ms:global.style/}css/style.css" rel="stylesheet"/>
			
 
				+    <link href="/{ms:global.style/}css/css.css" rel="stylesheet"/>
			
 
				+    <script src="/{ms:global.style/}js/jquery-1.8.3.min.js"></script>
			
 
				+    <script type="text/javascript" src="/{ms:global.style/}js/jquery.superslide.2.1.1.js">//pc导航</script>
			
 
				+    <script src="/{ms:global.style/}js/anim.js">//动画</script>
			
 
				+    <script type="text/javascript" src="/{ms:global.style/}js/basic.js"></script>
			
 
				+</head>
			
 
				+<body>
			
 
				+<#include "header.htm" />
			
 
				+<div class="o_big" >
			
 
				+    <img src="{@ms:file field.typelitpic/}" alt=""/>
			
 
				+    <h1 >${field.typedescrip}</h1>
			
 
				+</div>
			
 
				+<!--正文begin-->
			
 
				+<div class="wrap">
			
 
				+    <div class="product_a anim anim-1">
			
 
				+        <#if field.typeleaf !=0>
			
 
				+        {ms:channel type='level'}
			
 
				+            <#if field.typeid == typeid || (ids?has_content && ids?split(",")?seq_contains(field.typeid.toString()))>
			
 
				+            <a href='<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>' class='csel'>${field.typetitle}</a>
			
 
				+            <#else>
			
 
				+            <a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">${field.typetitle}</a>
			
 
				+            </#if>
			
 
				+        {/ms:channel}
			
 
				+        <#else>
			
 
				+        {ms:channel type='son'}
			
 
				+            <#if field.typeid == typeid || (ids?has_content && ids?split(",")?seq_contains(field.typeid.toString()))>
			
 
				+            <a href='<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>' class='csel'>${field.typetitle}</a>
			
 
				+            <#else>
			
 
				+            <a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">${field.typetitle}</a>
			
 
				+            </#if>
			
 
				+        {/ms:channel}
			
 
				+        </#if>
			
 
				     </div>
			
 
				-     <div class="right">
			
 
				-      <div class="ms-channel-path">
			
 
				-       <span class="ms-channel-path-label"> 当前位置： </span>
			
 
				-       <a href="/" class="ms-channel-path-index"> 首页 </a> {ms:channel type="path"}
			
 
				-       <i class="iconfont icon-youjiantou"></i>
			
 
				-       <a href="{ms:global.url/}${field.typelink}" class="ms-channel-path-link"> ${field.typetitle} </a> {/ms:channel}
			
 
				-      </div>
			
 
				-      <div class="right-body">
			
 
				-       {ms:arclist size=10 ispaging=true}
			
 
				-       <div class="news-item">
			
 
				-        <div class="pic">
			
 
				-         <img title="" alt="" src="{ms:global.host/}/{@ms:file field.litpic/}">
			
 
				+</div>
			
 
				+<div class="news_bg">
			
 
				+    <div class="wrap">
			
 
				+        <div class="news_con">
			
 
				+            <ul>
			
 
				+                {ms:arclist size=10 ispaging=true}
			
 
				+                <li class="anim anim-1">
			
 
				+                    <a href="{ms:global.html/}${field.link}">
			
 
				+                        <div class="imgs"><img src="{@ms:file field.litpic/}"></div>
			
 
				+                        <div class="i_about_r">
			
 
				+                            <h3>${field.title}</h3>
			
 
				+                            <label>${field.date?string("yyyy-MM-dd")}</label>
			
 
				+                            <div class="p">{@ms:len field.descrip 120 /}...</div>
			
 
				+                            <span class="news_more">查看更多+</span>
			
 
				+                        </div>
			
 
				+                    </a>
			
 
				+                </li>
			
 
				+                {/ms:arclist}
			
 
				+            </ul>
			
 
				         </div>
			
 
				-        <div class="news-content">
			
 
				-         <a href="{ms:global.url/}${field.link}" class="title"> ${field.title} </a>
			
 
				-         <span class="desc"> ${field.descrip} </span>
			
 
				-         <div class="news-footer">
			
 
				-          <span class="label"> 发布时间 </span>
			
 
				-          <span class="v"> ${field.date?date?string("yyyy-MM-dd")} </span>
			
 
				-         </div>
			
 
				-        </div>
			
 
				-       </div>
			
 
				-       {/ms:arclist}
			
 
				-
			
 
				-      </div>
			
 
				-
			
 
				-      <div class="page">
			
 
				-       <el-pagination
			
 
				-               background
			
 
				-               @current-change="handleCurrentChange"
			
 
				-               :page-size="pageSize"
			
 
				-               :current-page.sync="pageCur"
			
 
				-               layout="prev, pager, next, jumper"
			
 
				-               :total="contentCount"> </el-pagination>
			
 
				-
			
 
				-      </div>
			
 
				-
			
 
				-     </div>
			
 
				-
			
 
				-
			
 
				-
			
 
				+        <div class="yema"><#include "page.htm" /></div>
			
 
				     </div>
			
 
				-   </div>
			
 
				-   <#include "footer.htm" />
			
 
				-  </div>
			
 
				-  <script>
			
 
				-var app = new Vue({
			
 
				-    el: '#app',
			
 
				-    watch:{
			
 
				-    },
			
 
				-    data: {
			
 
				-     //当前页数
			
 
				-     pageCur: ${(page.cur)!1},
			
 
				-     //每页文章条数
			
 
				-     pageSize: ${(page.size)!20},
			
 
				-     //页数总数
			
 
				-     pageTotal: ${(page.total)!0},
			
 
				-     //内容总数
			
 
				-     contentCount: ${(page.rcount)!0}
			
 
				-    },
			
 
				-    methods: {
			
 
				-     switchShow:function(arr){
			
 
				-      var that = this
			
 
				-      arr.forEach(function(x){
			
 
				-       let e = that.$el.querySelector("#key_"+x)
			
 
				-       if(e){
			
 
				-        e.style.display=e.style.display=='none'?'flex':'none'
			
 
				-       }
			
 
				-      })
			
 
				-     },
			
 
				-     handleCurrentChange:function(val) {
			
 
				-      if(val==1) {
			
 
				-       location.href = "{ms:global.url/}/${field.categoryPath}/index.html";
			
 
				-      } else {
			
 
				-       location.href = "{ms:global.url/}/${field.categoryPath}/list-" + val + ".html";
			
 
				-      }
			
 
				-     }
			
 
				-    },
			
 
				-    created(){
			
 
				-    }
			
 
				-})
			
 
				-</script>
			
 
				-  <style>
			
 
				-    body {
			
 
				-        background-color:#fff;
			
 
				-        box-sizing:border-box;
			
 
				-        font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", 微软雅黑, sans-serif;
			
 
				-        moz-box-sizing:border-box;
			
 
				-        webkit-box-sizing:border-box;
			
 
				-    }
			
 
				-
			
 
				-    .news
			
 
				-    {
			
 
				-            align-items:center;
			
 
				-            flex-direction:row;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            box-sizing:border-box;
			
 
				-            justify-content:center;
			
 
				-            padding-bottom:0px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            width:100%;
			
 
				-            margin-bottom:0px;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-            margin-top:0px;
			
 
				-    }
			
 
				-    .news .body
			
 
				-    {
			
 
				-            padding-bottom:20px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            flex-direction:row;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            width:1200%;
			
 
				-            box-sizing:border-box;
			
 
				-            padding-top:20px;
			
 
				-            padding-left:0px;
			
 
				-            justify-content:center;
			
 
				-            height:100%;
			
 
				-    }
			
 
				-    .news .body .left
			
 
				-    {
			
 
				-            padding-bottom:0px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            flex-direction:column;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            width:200px;
			
 
				-            box-sizing:border-box;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-            margin-top:0px;
			
 
				-            height:100%;
			
 
				-    }
			
 
				-    .news .body .left .title
			
 
				-    {
			
 
				-            border-bottom-color:#C0C4CC;
			
 
				-            color:#C0C4CC;
			
 
				-            flex-direction:row;
			
 
				-            word-wrap:break-word;
			
 
				-            display:inline-block;
			
 
				-            font-size:16PX;
			
 
				-            border-bottom-style:dashed;
			
 
				-            padding-top:10px;
			
 
				-            border-bottom-width:1px;
			
 
				-            padding-left:10px;
			
 
				-            margin-top:0px;
			
 
				-            height:40px;
			
 
				-    }
			
 
				-    .news .body .left .sub-title-sel
			
 
				-    {
			
 
				-            background-color:#F2F6FC;
			
 
				-            color:#409EFF;
			
 
				-            flex-direction:row;
			
 
				-            word-wrap:break-word;
			
 
				-            display:inline-block;
			
 
				-            font-size:16PX;
			
 
				-            padding-top:10px;
			
 
				-            padding-left:10px;
			
 
				-            margin-top:2px;
			
 
				-            height:40px;
			
 
				-    }
			
 
				-    .news .body .left .sub-title
			
 
				-    {
			
 
				-     color:#5F5F5F;
			
 
				-     flex-direction:row;
			
 
				-     word-wrap:break-word;
			
 
				-     display:inline-block;
			
 
				-     font-size:16PX;
			
 
				-     padding-top:10px;
			
 
				-     padding-left:10px;
			
 
				-     margin-top:0px;
			
 
				-     height:40px;
			
 
				-    }
			
 
				-    .news .body .right
			
 
				-    {
			
 
				-            padding-bottom:0px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            flex-direction:column;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            width:1000px;
			
 
				-            margin-bottom:0px;
			
 
				-            box-sizing:border-box;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:20px;
			
 
				-            margin-top:0px;
			
 
				-            height:100%;
			
 
				-    }
			
 
				-
			
 
				-    .news .body .right .page {
			
 
				-     padding-right: 0px;
			
 
				-     padding-bottom: 0px;
			
 
				-     flex-wrap: nowrap;
			
 
				-     height: 60px;
			
 
				-     align-items: center;
			
 
				-     justify-content: center;
			
 
				-     padding-left: 0px;
			
 
				-     box-sizing: border-box;
			
 
				-     padding-top: 0px;
			
 
				-     flex-direction: row;
			
 
				-     display: flex;
			
 
				-     width: 100%;
			
 
				-    }
			
 
				-    .news .body .right .ms-channel-path
			
 
				-    {
			
 
				-            align-items:center;
			
 
				-            flex-direction:row;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            box-sizing:border-box;
			
 
				-            margin-left:auto;
			
 
				-            margin-right:auto;
			
 
				-            padding-bottom:0px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            width:100%;
			
 
				-            margin-bottom:10px;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-            margin-top:10px;
			
 
				-            height:30px;
			
 
				-    }
			
 
				-    .news .body .right .ms-channel-path span
			
 
				-    {
			
 
				-            color:#909399;
			
 
				-            flex-direction:row;
			
 
				-            word-wrap:break-word;
			
 
				-            display:inline-block;
			
 
				-            font-size:16PX;
			
 
				-    }
			
 
				-    .news .body .right .ms-channel-path .ms-channel-path-index
			
 
				-    {
			
 
				-            cursor:pointer;
			
 
				-            color:#000;
			
 
				-            font-size:16PX;
			
 
				-            text-decoration:none;
			
 
				-            margin-bottom:0px;
			
 
				-            margin-top:0px;
			
 
				-    }
			
 
				-    .news .body .right .ms-channel-path >i
			
 
				-    {
			
 
				-    }
			
 
				-    .news .body .right .ms-channel-path .ms-channel-path-link
			
 
				-    {
			
 
				-            cursor:pointer;
			
 
				-            color:#000;
			
 
				-            font-size:16PX;
			
 
				-            text-decoration:none;
			
 
				-            margin-bottom:0px;
			
 
				-            margin-top:0px;
			
 
				-    }
			
 
				-    .news .body .right .right-body
			
 
				-    {
			
 
				-            align-items:flex-start;
			
 
				-            flex-direction:column;
			
 
				-            display:flex;
			
 
				-            padding-right:10px;
			
 
				-            box-sizing:border-box;
			
 
				-            margin-left:0px;
			
 
				-            margin-right:0px;
			
 
				-            padding-bottom:10px;
			
 
				-            width:100%;
			
 
				-            margin-bottom:0px;
			
 
				-            padding-top:10px;
			
 
				-            padding-left:10px;
			
 
				-            margin-top:0px;
			
 
				-            height:100%;
			
 
				-    }
			
 
				-    .news .body .right .right-body .news-item
			
 
				-    {
			
 
				-            padding-bottom:0px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            flex-direction:row;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            width:100%;
			
 
				-            box-sizing:border-box;
			
 
				-            margin-bottom:10px;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-            margin-top:0px;
			
 
				-            height:120px;
			
 
				-    }
			
 
				-    .news .body .right .right-body .news-item .pic
			
 
				-    {
			
 
				-            padding-bottom:0px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            flex-direction:row;
			
 
				-            display:flex;
			
 
				-            width:200px;
			
 
				-            box-sizing:border-box;
			
 
				-            padding-top:0px;
			
 
				-            height:120px;
			
 
				-    }
			
 
				-    .news .body .right .right-body .news-item .pic img
			
 
				-    {
			
 
				-            margin-right:0px;
			
 
				-            padding-bottom:0px;
			
 
				-            padding-right:0px;
			
 
				-            width:100%;
			
 
				-            margin-bottom:0px;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-            height:100%;
			
 
				-            margin-left:0px;
			
 
				-    }
			
 
				-    .news .body .right .right-body .news-item .news-content
			
 
				-    {
			
 
				-            padding-bottom:0px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            flex-direction:column;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            width:100%;
			
 
				-            box-sizing:border-box;
			
 
				-            padding-top:0px;
			
 
				-            position:relative;
			
 
				-            padding-left:10px;
			
 
				-            justify-content:flex-start;
			
 
				-            height:100%;
			
 
				-    }
			
 
				-    .news .body .right .right-body .news-item .news-content .title
			
 
				-    {
			
 
				-            padding-bottom:0px;
			
 
				-            flex-direction:row;
			
 
				-            word-wrap:break-word;
			
 
				-            display:inline-block;
			
 
				-            font-size:18PX;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-    }
			
 
				-    .news .body .right .right-body .news-item .news-content .desc
			
 
				-    {
			
 
				-            padding-bottom:8px;
			
 
				-            color:#909399;
			
 
				-            flex-direction:row;
			
 
				-            word-wrap:break-word;
			
 
				-            display:inline-block;
			
 
				-            padding-right:0px;
			
 
				-            font-size:16PX;
			
 
				-            margin-bottom:0px;
			
 
				-            padding-top:8px;
			
 
				-            padding-left:0px;
			
 
				-            height:100px;
			
 
				-    }
			
 
				-    .news .body .right .right-body .news-item .news-content .news-footer
			
 
				-    {
			
 
				-            align-items:center;
			
 
				-            flex-direction:row;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            box-sizing:border-box;
			
 
				-            justify-content:flex-start;
			
 
				-            margin-left:0px;
			
 
				-            margin-right:0px;
			
 
				-            padding-bottom:0px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            width:100%;
			
 
				-            margin-bottom:0px;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-            height:30%;
			
 
				-    }
			
 
				-    .news .body .right .right-body .news-item .news-content .news-footer .label
			
 
				-    {
			
 
				-            margin-right:0px;
			
 
				-            padding-bottom:0px;
			
 
				-            color:#C0C4CC;
			
 
				-            flex-direction:row;
			
 
				-            word-wrap:break-word;
			
 
				-            display:inline-block;
			
 
				-            padding-right:0px;
			
 
				-            font-size:14PX;
			
 
				-            margin-bottom:0px;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-            margin-left:0px;
			
 
				-    }
			
 
				-    .news .body .right .right-body .news-item .news-content .news-footer .v
			
 
				-    {
			
 
				-            margin-right:10px;
			
 
				-            padding-bottom:0px;
			
 
				-            color:#C0C4CC;
			
 
				-            flex-direction:row;
			
 
				-            word-wrap:break-word;
			
 
				-            display:inline-block;
			
 
				-            padding-right:0px;
			
 
				-            font-size:14PX;
			
 
				-            margin-bottom:0px;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-            margin-left:10px;
			
 
				-    }
			
 
				-@media (max-width: 768px){
			
 
				-        .news
			
 
				-        {
			
 
				-                align-items:center;
			
 
				-                flex-direction:row;
			
 
				-                display:flex;
			
 
				-                padding-right:0px;
			
 
				-                box-sizing:border-box;
			
 
				-                justify-content:center;
			
 
				-                padding-bottom:0px;
			
 
				-                flex-wrap:nowrap;
			
 
				-                width:100%;
			
 
				-                margin-bottom:0px;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:0px;
			
 
				-                margin-top:0px;
			
 
				-        }
			
 
				-        .news .body
			
 
				-        {
			
 
				-                padding-bottom:20px;
			
 
				-                align-items:center;
			
 
				-                flex-wrap:nowrap;
			
 
				-                flex-direction:column;
			
 
				-                display:flex;
			
 
				-                padding-right:0px;
			
 
				-                width:100%;
			
 
				-                box-sizing:border-box;
			
 
				-                padding-top:20px;
			
 
				-                padding-left:0px;
			
 
				-                justify-content:flex-start;
			
 
				-        }
			
 
				- .news .body .left {
			
 
				-  width: 90%;
			
 
				- }
			
 
				-        .news .body .right
			
 
				-        {
			
 
				-                padding-bottom:0px;
			
 
				-                flex-wrap:nowrap;
			
 
				-                flex-direction:column;
			
 
				-                display:flex;
			
 
				-                padding-right:0px;
			
 
				-                width:100%;
			
 
				-                margin-bottom:0px;
			
 
				-                box-sizing:border-box;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:0px;
			
 
				-                margin-top:0px;
			
 
				-        }
			
 
				-        .news .body .right .ms-channel-path
			
 
				-        {
			
 
				-                align-items:center;
			
 
				-                flex-direction:row;
			
 
				-                display:flex;
			
 
				-                padding-right:0px;
			
 
				-                box-sizing:border-box;
			
 
				-                margin-left:auto;
			
 
				-                margin-right:auto;
			
 
				-                padding-bottom:0px;
			
 
				-                flex-wrap:nowrap;
			
 
				-                width:90%;
			
 
				-                margin-bottom:10px;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:0px;
			
 
				-                margin-top:10px;
			
 
				-                height:30px;
			
 
				-        }
			
 
				-        .news .body .right .ms-channel-path span
			
 
				-        {
			
 
				-                color:#909399;
			
 
				-                flex-direction:row;
			
 
				-                word-wrap:break-word;
			
 
				-                display:inline-block;
			
 
				-                font-size:16PX;
			
 
				-        }
			
 
				-        .news .body .right .ms-channel-path .ms-channel-path-index
			
 
				-        {
			
 
				-                cursor:pointer;
			
 
				-                color:#000;
			
 
				-                font-size:16PX;
			
 
				-                text-decoration:none;
			
 
				-                margin-bottom:0px;
			
 
				-                margin-top:0px;
			
 
				-        }
			
 
				-        .news .body .right .ms-channel-path .ms-channel-path-link
			
 
				-        {
			
 
				-                cursor:pointer;
			
 
				-                color:#000;
			
 
				-                font-size:16PX;
			
 
				-                text-decoration:none;
			
 
				-                margin-bottom:0px;
			
 
				-                margin-top:0px;
			
 
				-        }
			
 
				-        .news .body .right .right-body
			
 
				-        {
			
 
				-                align-items:center;
			
 
				-                flex-direction:column;
			
 
				-                display:flex;
			
 
				-                padding-right:0px;
			
 
				-                box-sizing:border-box;
			
 
				-                justify-content:center;
			
 
				-                margin-left:0px;
			
 
				-                margin-right:0px;
			
 
				-                padding-bottom:10px;
			
 
				-                width:100%;
			
 
				-                margin-bottom:0px;
			
 
				-                padding-top:10px;
			
 
				-                padding-left:0px;
			
 
				-                margin-top:0px;
			
 
				-                height:100%;
			
 
				-        }
			
 
				-        .news .body .right .right-body .news-item
			
 
				-        {
			
 
				-                padding-bottom:0px;
			
 
				-                flex-wrap:nowrap;
			
 
				-                flex-direction:column;
			
 
				-                display:flex;
			
 
				-                padding-right:0px;
			
 
				-                width:90%;
			
 
				-                box-sizing:border-box;
			
 
				-                margin-bottom:10px;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:0px;
			
 
				-         height: unset;
			
 
				-        }
			
 
				-        .news .body .right .right-body .news-item .pic
			
 
				-        {
			
 
				-                padding-bottom:0px;
			
 
				-                flex-wrap:nowrap;
			
 
				-                flex-direction:row;
			
 
				-                display:flex;
			
 
				-                width:100%;
			
 
				-                box-sizing:border-box;
			
 
				-                margin-bottom:0px;
			
 
				-                padding-top:0px;
			
 
				-                height:unset;
			
 
				-        }
			
 
				-        .news .body .right .right-body .news-item .pic img
			
 
				-        {
			
 
				-                padding-bottom:0px;
			
 
				-                padding-right:0px;
			
 
				-                width:100%;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:0px;
			
 
				-                height:100%;
			
 
				-        }
			
 
				-        .news .body .right .right-body .news-item .news-content
			
 
				-        {
			
 
				-                padding-bottom:0px;
			
 
				-                flex-wrap:nowrap;
			
 
				-                flex-direction:column;
			
 
				-                display:flex;
			
 
				-                padding-right:0px;
			
 
				-                width:100%;
			
 
				-                box-sizing:border-box;
			
 
				-                padding-top:0px;
			
 
				-                position:relative;
			
 
				-                padding-left:0px;
			
 
				-                justify-content:flex-start;
			
 
				-                height:100%;
			
 
				-        }
			
 
				-        .news .body .right .right-body .news-item .news-content .title
			
 
				-        {
			
 
				-                padding-bottom:0px;
			
 
				-                text-align:left;
			
 
				-                flex-direction:row;
			
 
				-                word-wrap:break-word;
			
 
				-                display:inline-block;
			
 
				-                font-size:16PX;
			
 
				-                margin-bottom:8px;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:0px;
			
 
				-                margin-top:8px;
			
 
				-        }
			
 
				-        .news .body .right .right-body .news-item .news-content .desc
			
 
				-        {
			
 
				-                padding-bottom:8px;
			
 
				-                color:#909399;
			
 
				-                flex-direction:row;
			
 
				-                word-wrap:break-word;
			
 
				-                display:inline-block;
			
 
				-                padding-right:0px;
			
 
				-                font-size:14PX;
			
 
				-                margin-bottom:0px;
			
 
				-                padding-top:8px;
			
 
				-                padding-left:0px;
			
 
				-                margin-top:0px;
			
 
				-                height:100px;
			
 
				-         display: none;
			
 
				-        }
			
 
				-        .news .body .right .right-body .news-item .news-content .news-footer
			
 
				-        {
			
 
				-                align-items:center;
			
 
				-                flex-direction:row;
			
 
				-                display:flex;
			
 
				-                padding-right:0px;
			
 
				-                box-sizing:border-box;
			
 
				-                justify-content:flex-start;
			
 
				-                margin-left:0px;
			
 
				-                margin-right:0px;
			
 
				-                padding-bottom:0px;
			
 
				-                flex-wrap:nowrap;
			
 
				-                width:100%;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:0px;
			
 
				-                height:30%;
			
 
				-        }
			
 
				-        .news .body .right .right-body .news-item .news-content .news-footer .label
			
 
				-        {
			
 
				-                margin-right:0px;
			
 
				-                padding-bottom:0px;
			
 
				-                color:#C0C4CC;
			
 
				-                flex-direction:row;
			
 
				-                word-wrap:break-word;
			
 
				-                display:inline-block;
			
 
				-                padding-right:0px;
			
 
				-                font-size:14PX;
			
 
				-                margin-bottom:0px;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:0px;
			
 
				-                margin-left:0px;
			
 
				-        }
			
 
				-        .news .body .right .right-body .news-item .news-content .news-footer .v
			
 
				-        {
			
 
				-                margin-right:10px;
			
 
				-                padding-bottom:0px;
			
 
				-                color:#C0C4CC;
			
 
				-                flex-direction:row;
			
 
				-                word-wrap:break-word;
			
 
				-                display:inline-block;
			
 
				-                padding-right:0px;
			
 
				-                font-size:14PX;
			
 
				-                margin-bottom:0px;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:0px;
			
 
				-                margin-left:10px;
			
 
				-        }
			
 
				-
			
 
				-}</style>
			
 
				- </body>
			
 
				-</html>
			
 
				+</div>
			
 
				+<!--正文end-->
			
 
				+<#include "footer.htm" />
			
 
				+<script language="javascript" src="/{ms:global.style/}js/foot.js"></script><!--尾部end-->
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/template/1/default/page.htm
+++ b/src/main/webapp/template/1/default/page.htm
@@ -0,0 +1,15 @@
 
				+<!--分页begin-->
			
 
				+<div class="pages">
			
 
				+    <div class="pagination">
			
 
				+        <#if page.rcount&gt;0>
			
 
				+        <a class="page-item" href="{ms:global.html/}{ms:page.index/}">首页</a>
			
 
				+        <a class="page-item" href='{ms:global.html/}{ms:page.pre/}'>上一页</a>
			
 
				+        <a class="page-item" href='javascript:;'>{ms:page.cur/}/{ms:page.total/}</a>
			
 
				+        <a class="page-item" href='{ms:global.html/}{ms:page.next/}'>下一页</a>
			
 
				+        <a class="page-item" href='{ms:global.html/}{ms:page.last/}'>末页</a>
			
 
				+        <#else>
			
 
				+        本分类下无任何数据！
			
 
				+        </#if>
			
 
				+    </div>
			
 
				+</div>
			
 
				+<!--分页end-->
			
--- a/src/main/webapp/template/1/default/picture/1-1p4250914430-l.jpg
+++ b/src/main/webapp/template/1/default/picture/1-1p4250914430-l.jpg
--- a/src/main/webapp/template/1/default/picture/1-1p4250914550-l.jpg
+++ b/src/main/webapp/template/1/default/picture/1-1p4250914550-l.jpg
--- a/src/main/webapp/template/1/default/picture/1-1p4250915100-l.jpg
+++ b/src/main/webapp/template/1/default/picture/1-1p4250915100-l.jpg
--- a/src/main/webapp/template/1/default/picture/1-1p4251442480-l.png
+++ b/src/main/webapp/template/1/default/picture/1-1p4251442480-l.png
--- a/src/main/webapp/template/1/default/picture/1-1p4251443580-l.png
+++ b/src/main/webapp/template/1/default/picture/1-1p4251443580-l.png
--- a/src/main/webapp/template/1/default/picture/1-1p4251445130-l.png
+++ b/src/main/webapp/template/1/default/picture/1-1p4251445130-l.png
--- a/src/main/webapp/template/1/default/picture/1-1p4251446050-l.png
+++ b/src/main/webapp/template/1/default/picture/1-1p4251446050-l.png
--- a/src/main/webapp/template/1/default/picture/1-1p4251446360-l.png
+++ b/src/main/webapp/template/1/default/picture/1-1p4251446360-l.png
--- a/src/main/webapp/template/1/default/picture/1-1p425144g60-l.png
+++ b/src/main/webapp/template/1/default/picture/1-1p425144g60-l.png
--- a/src/main/webapp/template/1/default/picture/1-1p4251451470-l.png
+++ b/src/main/webapp/template/1/default/picture/1-1p4251451470-l.png
--- a/src/main/webapp/template/1/default/picture/1-1p42514554vt.jpg
+++ b/src/main/webapp/template/1/default/picture/1-1p42514554vt.jpg
--- a/src/main/webapp/template/1/default/picture/1-1p425145641e0.jpg
+++ b/src/main/webapp/template/1/default/picture/1-1p425145641e0.jpg
--- a/src/main/webapp/template/1/default/picture/1-1p4251509370-l.png
+++ b/src/main/webapp/template/1/default/picture/1-1p4251509370-l.png
--- a/src/main/webapp/template/1/default/picture/1-1p4251512180-l.png
+++ b/src/main/webapp/template/1/default/picture/1-1p4251512180-l.png
--- a/src/main/webapp/template/1/default/picture/1-1p4251513120-l.jpg
+++ b/src/main/webapp/template/1/default/picture/1-1p4251513120-l.jpg
--- a/src/main/webapp/template/1/default/picture/1-1p425151j50-l.jpg
+++ b/src/main/webapp/template/1/default/picture/1-1p425151j50-l.jpg
--- a/src/main/webapp/template/1/default/picture/1-1p4251523270-l.jpg
+++ b/src/main/webapp/template/1/default/picture/1-1p4251523270-l.jpg
--- a/src/main/webapp/template/1/default/picture/1-1p4251525170-l.jpg
+++ b/src/main/webapp/template/1/default/picture/1-1p4251525170-l.jpg
--- a/src/main/webapp/template/1/default/picture/1-1p4251539230-l.png
+++ b/src/main/webapp/template/1/default/picture/1-1p4251539230-l.png
--- a/src/main/webapp/template/1/default/picture/1-1p4251539380-l.png
+++ b/src/main/webapp/template/1/default/picture/1-1p4251539380-l.png
--- a/src/main/webapp/template/1/default/picture/1-1p4251539520-l.png
+++ b/src/main/webapp/template/1/default/picture/1-1p4251539520-l.png
--- a/src/main/webapp/template/1/default/picture/1-1p425153j50-l.png
+++ b/src/main/webapp/template/1/default/picture/1-1p425153j50-l.png
--- a/src/main/webapp/template/1/default/picture/1-1p425153u30-l.png
+++ b/src/main/webapp/template/1/default/picture/1-1p425153u30-l.png
--- a/src/main/webapp/template/1/default/picture/1-1p425153z80-l.png
+++ b/src/main/webapp/template/1/default/picture/1-1p425153z80-l.png
--- a/src/main/webapp/template/1/default/picture/1-1p4251540080-l.png
+++ b/src/main/webapp/template/1/default/picture/1-1p4251540080-l.png
--- a/src/main/webapp/template/1/default/picture/1-1p4251540230-l.png
+++ b/src/main/webapp/template/1/default/picture/1-1p4251540230-l.png
--- a/src/main/webapp/template/1/default/picture/1-1p4251540350-l.png
+++ b/src/main/webapp/template/1/default/picture/1-1p4251540350-l.png
--- a/src/main/webapp/template/1/default/picture/1-1p4251540580-l.png
+++ b/src/main/webapp/template/1/default/picture/1-1p4251540580-l.png
--- a/src/main/webapp/template/1/default/picture/1-1p4251542580-l.png
+++ b/src/main/webapp/template/1/default/picture/1-1p4251542580-l.png
--- a/src/main/webapp/template/1/default/picture/1-1p4251543200-l.jpg
+++ b/src/main/webapp/template/1/default/picture/1-1p4251543200-l.jpg
--- a/src/main/webapp/template/1/default/picture/case_bg1.png
+++ b/src/main/webapp/template/1/default/picture/case_bg1.png
--- a/src/main/webapp/template/1/default/picture/foot_bg1.png
+++ b/src/main/webapp/template/1/default/picture/foot_bg1.png
--- a/src/main/webapp/template/1/default/picture/logo.png
+++ b/src/main/webapp/template/1/default/picture/logo.png
--- a/src/main/webapp/template/1/default/picture/nav_bg2.png
+++ b/src/main/webapp/template/1/default/picture/nav_bg2.png
--- a/src/main/webapp/template/1/default/picture/weixin.jpg
+++ b/src/main/webapp/template/1/default/picture/weixin.jpg
--- a/src/main/webapp/template/1/default/product-detail.htm
+++ b/src/main/webapp/template/1/default/product-detail.htm
@@ -1,547 +1,68 @@
 
				+<!DOCTYPE html>
			
 
				 <html>
			
 
				- <head> 
			
 
				-  <meta charset="utf-8"> 
			
 
				-  <title>{ms:global.name/}</title>
			
 
				-  <#include "head-file.htm" />
			
 
				- </head> 
			
 
				- <body> 
			
 
				-  <div id="app" v-cloak> 
			
 
				-   <#include "header.htm" />
			
 
				-   <div class="content"> 
			
 
				-    <div class="body">
			
 
				-     <div class="left">
			
 
				-      {ms:channel type='parent'}
			
 
				-      <span class="title"> ${field.typetitle} </span>
			
 
				-      {/ms:channel}
			
 
				-      <#assign typetitle=field.typetitle>
			
 
				-      <#if field.typeleaf>
			
 
				-      {ms:channel type='level'}
			
 
				-      <a href="{ms:global.url/}${field.typelink}" class="<#if typetitle==field.typetitle>sub-title-sel<#else>sub-title</#if>"> ${field.typetitle} </a>
			
 
				-      {/ms:channel}
			
 
				-      <#else>
			
 
				-      {ms:channel type='son'}
			
 
				-      <a href="{ms:global.url/}${field.typelink}" class="<#if typetitle==field.typetitle>sub-title-sel<#else>sub-title</#if>"> ${field.typetitle} </a>
			
 
				-      {/ms:channel}
			
 
				-     </#if>
			
 
				+<head>
			
 
				+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
			
 
				+    <meta name="renderer" content="webkit">
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
			
 
				+    <meta name="robots" content="index, follow"/>
			
 
				+    <title>${field.title}</title>
			
 
				+    <meta name="keywords" content="${field.keyword}">
			
 
				+    <meta name="description" content="${field.descrip}">
			
 
				+    <meta http-equiv="Cache-Control" content="no-transform"/>
			
 
				+    <meta http-equiv="Cache-Control" content="no-siteapp"/>
			
 
				+    <meta name="applicable-device" content="pc,mobile"/>
			
 
				+    <link href="/{ms:global.style/}css/style.css" rel="stylesheet"/>
			
 
				+    <link href="/{ms:global.style/}css/css.css" rel="stylesheet"/>
			
 
				+    <script src="/{ms:global.style/}js/jquery-1.8.3.min.js"></script>
			
 
				+    <script type="text/javascript" src="/{ms:global.style/}js/jquery.superslide.2.1.1.js">//pc导航</script>
			
 
				+    <script src="/{ms:global.style/}js/anim.js">//动画</script>
			
 
				+    <script type="text/javascript" src="/{ms:global.style/}js/basic.js"></script>
			
 
				+</head>
			
 
				+<body>
			
 
				+<#include "header.htm" />
			
 
				+<div class="o_big" >
			
 
				+    <img src="{@ms:file field.typelitpic/}" alt=""/>
			
 
				+    <h1 >${field.typedescrip}</h1>
			
 
				+</div>
			
 
				+<!--正文begin-->
			
 
				+<div class="wrap">
			
 
				+    <div class="product_a anim anim-1">
			
 
				+        <#if field.typeleaf !=0>
			
 
				+        {ms:channel type='level'}
			
 
				+            <#if field.typeid == typeid || (ids?has_content && ids?split(",")?seq_contains(field.typeid.toString()))>
			
 
				+            <a href='<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>' class='csel'>${field.typetitle}</a>
			
 
				+            <#else>
			
 
				+            <a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">${field.typetitle}</a>
			
 
				+            </#if>
			
 
				+        {/ms:channel}
			
 
				+        <#else>
			
 
				+        {ms:channel type='son'}
			
 
				+            <#if field.typeid == typeid || (ids?has_content && ids?split(",")?seq_contains(field.typeid.toString()))>
			
 
				+            <a href='<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>' class='csel'>${field.typetitle}</a>
			
 
				+            <#else>
			
 
				+            <a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">${field.typetitle}</a>
			
 
				+            </#if>
			
 
				+        {/ms:channel}
			
 
				+        </#if>
			
 
				     </div>
			
 
				-     <div class="right"> 
			
 
				-      <div class="ms-channel-path"> 
			
 
				-       <span class="ms-channel-path-label"> 当前位置： </span> 
			
 
				-       <a href="/" class="ms-channel-path-index"> 首页 </a> {ms:channel type="path"} 
			
 
				-       <i class="iconfont icon-youjiantou"></i> 
			
 
				-       <a href="{ms:global.url/}${field.typelink}" class="ms-channel-path-link"> ${field.typetitle} </a> {/ms:channel} 
			
 
				-      </div> 
			
 
				-      <div class="product"> 
			
 
				-       <div class="pic"> 
			
 
				-        <img title="" alt="" src="{ms:global.host/}/{@ms:file field.litpic/}">
			
 
				-        <div class="text"> 
			
 
				-         <span class="big-title"> ${field.title} </span> 
			
 
				-         <span class="desc"> ${field.descrip} </span> 
			
 
				-        </div> 
			
 
				-       </div> 
			
 
				-       <div class="content"> 
			
 
				-        <div class="content-body">
			
 
				-         <span> ${field.content} </span> 
			
 
				-        </div> 
			
 
				-       </div> 
			
 
				-      </div> 
			
 
				-     </div> 
			
 
				-    </div> 
			
 
				-   </div> 
			
 
				-   <#include "footer.htm" /> 
			
 
				-  </div>   
			
 
				-  <script>
			
 
				-var app = new Vue({
			
 
				-    el: '#app',
			
 
				-    watch:{
			
 
				-    },
			
 
				-    data: {
			
 
				-    },
			
 
				-    methods: {
			
 
				-       switchShow:function(arr){
			
 
				-       var that = this
			
 
				-           arr.forEach(function(x){
			
 
				-              let e = that.$el.querySelector("#key_"+x)
			
 
				-               if(e){
			
 
				-                   e.style.display=e.style.display=='none'?'flex':'none'
			
 
				-               }
			
 
				-           })
			
 
				-       },
			
 
				-    },
			
 
				-    created(){
			
 
				-    }
			
 
				-})
			
 
				-</script> 
			
 
				-  <style>
			
 
				-    body {
			
 
				-        background-color:#fff;
			
 
				-        box-sizing:border-box;
			
 
				-        font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", 微软雅黑, sans-serif;
			
 
				-        moz-box-sizing:border-box;
			
 
				-        webkit-box-sizing:border-box;
			
 
				-    }
			
 
				-
			
 
				-    .content 
			
 
				-    {
			
 
				-            align-items:flex-start;
			
 
				-            flex-direction:row;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            box-sizing:border-box;
			
 
				-            justify-content:center;
			
 
				-            padding-bottom:0px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            width:100%;
			
 
				-            margin-bottom:0px;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-            margin-top:0px;
			
 
				-    }
			
 
				-    .content .body 
			
 
				-    {
			
 
				-            padding-bottom:20px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            flex-direction:row;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            width:1200px;
			
 
				-            box-sizing:border-box;
			
 
				-            padding-top:20px;
			
 
				-            padding-left:0px;
			
 
				-    }
			
 
				-    .content .body .left 
			
 
				-    {
			
 
				-            padding-bottom:0px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            flex-direction:column;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            width:100%;
			
 
				-            box-sizing:border-box;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-            margin-top:0px;
			
 
				-            height:100%;
			
 
				-    }
			
 
				-    .content .body .left .title 
			
 
				-    {
			
 
				-            border-bottom-color:#C0C4CC;
			
 
				-            color:#C0C4CC;
			
 
				-            flex-direction:row;
			
 
				-            word-wrap:break-word;
			
 
				-            display:inline-block;
			
 
				-            font-size:16PX;
			
 
				-            border-bottom-style:dashed;
			
 
				-            padding-top:10px;
			
 
				-            border-bottom-width:1px;
			
 
				-            padding-left:10px;
			
 
				-            margin-top:0px;
			
 
				-            height:40px;
			
 
				-    }
			
 
				-    .content .body .left .sub-title-sel {
			
 
				-     background-color: #F2F6FC;
			
 
				-     color: #409EFF;
			
 
				-     flex-direction: row;
			
 
				-     word-wrap: break-word;
			
 
				-     display: inline-block;
			
 
				-     font-size: 16PX;
			
 
				-     padding-top: 10px;
			
 
				-     padding-left: 10px;
			
 
				-     margin-top: 2px;
			
 
				-     height: 40px;
			
 
				-    }
			
 
				-
			
 
				-    .content .body .left .sub-title {
			
 
				-     color: #5F5F5F;
			
 
				-     flex-direction: row;
			
 
				-     word-wrap: break-word;
			
 
				-     display: inline-block;
			
 
				-     font-size: 16PX;
			
 
				-     padding-top: 10px;
			
 
				-     padding-left: 10px;
			
 
				-     margin-top: 0px;
			
 
				-     height: 40px;
			
 
				-    }
			
 
				-    .content .body .right 
			
 
				-    {
			
 
				-            padding-bottom:0px;
			
 
				-            flex-wrap:wrap;
			
 
				-            flex-direction:column;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            width:1000px;
			
 
				-            margin-bottom:0px;
			
 
				-            box-sizing:border-box;
			
 
				-            padding-top:0px;
			
 
				-            position:relative;
			
 
				-            padding-left:20px;
			
 
				-            margin-top:0px;
			
 
				-    }
			
 
				-    .content .body .right .ms-channel-path 
			
 
				-    {
			
 
				-            margin-right:auto;
			
 
				-            align-items:center;
			
 
				-            flex-wrap:nowrap;
			
 
				-            flex-direction:row;
			
 
				-            display:flex;
			
 
				-            width:100%;
			
 
				-            margin-bottom:10px;
			
 
				-            box-sizing:border-box;
			
 
				-            padding-left:0px;
			
 
				-            margin-top:10px;
			
 
				-            height:30px;
			
 
				-            margin-left:auto;
			
 
				-    }
			
 
				-    .content .body .right .ms-channel-path span 
			
 
				-    {
			
 
				-            color:#909399;
			
 
				-            flex-direction:row;
			
 
				-            word-wrap:break-word;
			
 
				-            display:inline-block;
			
 
				-            font-size:16PX;
			
 
				-    }
			
 
				-    .content .body .right .ms-channel-path .ms-channel-path-index 
			
 
				-    {
			
 
				-            cursor:pointer;
			
 
				-            color:#000;
			
 
				-            font-size:16PX;
			
 
				-            text-decoration:none;
			
 
				-            margin-bottom:0px;
			
 
				-            margin-top:0px;
			
 
				-    }
			
 
				-    .content .body .right .ms-channel-path >i 
			
 
				-    {
			
 
				-    }
			
 
				-    .content .body .right .ms-channel-path .ms-channel-path-link 
			
 
				-    {
			
 
				-            cursor:pointer;
			
 
				-            color:#000;
			
 
				-            font-size:16PX;
			
 
				-            text-decoration:none;
			
 
				-            margin-bottom:0px;
			
 
				-            margin-top:0px;
			
 
				-    }
			
 
				-    .content .body .right .product 
			
 
				-    {
			
 
				-            margin-right:0px;
			
 
				-            padding-bottom:0px;
			
 
				-            flex-direction:column;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            width:980px;
			
 
				-            margin-bottom:0px;
			
 
				-            box-sizing:border-box;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-            margin-top:0px;
			
 
				-    }
			
 
				-    .content .body .right .product .pic 
			
 
				-    {
			
 
				-            flex-wrap:nowrap;
			
 
				-            flex-direction:row;
			
 
				-            display:flex;
			
 
				-            width:100%;
			
 
				-            box-sizing:border-box;
			
 
				-            padding-left:0px;
			
 
				-            height:240px;
			
 
				-    }
			
 
				-    .content .body .right .product .pic img 
			
 
				-    {
			
 
				-            width:320px;
			
 
				-            padding-left:0px;
			
 
				-            height:206px;
			
 
				-    }
			
 
				-    .content .body .right .product .pic .text 
			
 
				-    {
			
 
				-            flex-wrap:nowrap;
			
 
				-            flex-direction:column;
			
 
				-            display:flex;
			
 
				-            width:740px;
			
 
				-            box-sizing:border-box;
			
 
				-            padding-left:20px;
			
 
				-            height:100%;
			
 
				-    }
			
 
				-    .content .body .right .product .pic .text .big-title 
			
 
				-    {
			
 
				-            flex-direction:row;
			
 
				-            word-wrap:break-word;
			
 
				-            display:inline-block;
			
 
				-            font-size:22PX;
			
 
				-            padding-left:0px;
			
 
				-    }
			
 
				-    .content .body .right .product .pic .text .desc 
			
 
				-    {
			
 
				-            color:#C8C8C8;
			
 
				-            flex-direction:row;
			
 
				-            word-wrap:break-word;
			
 
				-            display:inline-block;
			
 
				-            font-size:16PX;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-    }
			
 
				-    .content .body .right .product .content 
			
 
				-    {
			
 
				-            padding-bottom:10px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            flex-direction:column;
			
 
				-            display:flex;
			
 
				-            width:100%;
			
 
				-            box-sizing:border-box;
			
 
				-            padding-top:10px;
			
 
				-            padding-left:0px;
			
 
				-    }
			
 
				-    .content .body .right .product .content .label 
			
 
				-    {
			
 
				-            padding-bottom:0px;
			
 
				-            flex-direction:row;
			
 
				-            word-wrap:break-word;
			
 
				-            display:inline-block;
			
 
				-            font-size:18PX;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-    }
			
 
				-    .content .body .right .product .content .content-body 
			
 
				-    {
			
 
				-            padding-bottom:0px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            flex-direction:column;
			
 
				-            display:flex;
			
 
				-            width:100%;
			
 
				-            box-sizing:border-box;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-            height:100%;
			
 
				-    }
			
 
				-    .content .body .right .product .content .content-body span 
			
 
				-    {
			
 
				-            flex-direction:row;
			
 
				-            word-wrap:break-word;
			
 
				-            display:inline-block;
			
 
				-            font-size:14px;
			
 
				-    }
			
 
				-@media (max-width: 768px){
			
 
				-        .content 
			
 
				-        {
			
 
				-                align-items:center;
			
 
				-                flex-direction:row;
			
 
				-                display:flex;
			
 
				-                padding-right:0px;
			
 
				-                box-sizing:border-box;
			
 
				-                justify-content:center;
			
 
				-                padding-bottom:0px;
			
 
				-                flex-wrap:nowrap;
			
 
				-                width:100%;
			
 
				-                margin-bottom:0px;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:0px;
			
 
				-                margin-top:0px;
			
 
				-        }
			
 
				-        .content .body 
			
 
				-        {
			
 
				-                padding-bottom:20px;
			
 
				-                flex-wrap:nowrap;
			
 
				-                flex-direction:column;
			
 
				-                display:flex;
			
 
				-                padding-right:0px;
			
 
				-                width:90%;
			
 
				-                box-sizing:border-box;
			
 
				-                padding-top:20px;
			
 
				-                padding-left:0px;
			
 
				-        }
			
 
				-        .content .body .left 
			
 
				-        {
			
 
				-                padding-bottom:0px;
			
 
				-                flex-wrap:nowrap;
			
 
				-                flex-direction:column;
			
 
				-                display:flex;
			
 
				-                padding-right:0px;
			
 
				-                width:100%;
			
 
				-                box-sizing:border-box;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:0px;
			
 
				-                height:100%;
			
 
				-        }
			
 
				-        .content .body .left .title 
			
 
				-        {
			
 
				-                border-bottom-color:#C0C4CC;
			
 
				-                color:#C0C4CC;
			
 
				-                flex-direction:row;
			
 
				-                word-wrap:break-word;
			
 
				-                display:inline-block;
			
 
				-                font-size:16PX;
			
 
				-                border-bottom-style:dashed;
			
 
				-                padding-top:10px;
			
 
				-                border-bottom-width:1px;
			
 
				-                padding-left:10px;
			
 
				-                margin-top:0px;
			
 
				-                height:40px;
			
 
				-        }
			
 
				-        .content .body .left .sub-title-sel 
			
 
				-        {
			
 
				-                background-color:#F2F6FC;
			
 
				-                color:#409EFF;
			
 
				-                flex-direction:row;
			
 
				-                word-wrap:break-word;
			
 
				-                display:inline-block;
			
 
				-                font-size:16PX;
			
 
				-                padding-top:10px;
			
 
				-                padding-left:10px;
			
 
				-                margin-top:2px;
			
 
				-                height:40px;
			
 
				-        }
			
 
				-        .content .body .right 
			
 
				-        {
			
 
				-                padding-bottom:0px;
			
 
				-                flex-wrap:nowrap;
			
 
				-                flex-direction:column;
			
 
				-                display:flex;
			
 
				-                padding-right:0px;
			
 
				-                width:100%;
			
 
				-                margin-bottom:0px;
			
 
				-                box-sizing:border-box;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:0px;
			
 
				-                margin-top:0px;
			
 
				-        }
			
 
				-        .content .body .right .ms-channel-path 
			
 
				-        {
			
 
				-                margin-right:auto;
			
 
				-                align-items:center;
			
 
				-                flex-wrap:nowrap;
			
 
				-                flex-direction:row;
			
 
				-                display:flex;
			
 
				-                width:100%;
			
 
				-                margin-bottom:10px;
			
 
				-                box-sizing:border-box;
			
 
				-                padding-left:0px;
			
 
				-                margin-top:10px;
			
 
				-                height:30px;
			
 
				-                margin-left:auto;
			
 
				-        }
			
 
				-        .content .body .right .ms-channel-path span 
			
 
				-        {
			
 
				-                color:#909399;
			
 
				-                flex-direction:row;
			
 
				-                word-wrap:break-word;
			
 
				-                display:inline-block;
			
 
				-                font-size:16PX;
			
 
				-        }
			
 
				-        .content .body .right .ms-channel-path .ms-channel-path-index 
			
 
				-        {
			
 
				-                cursor:pointer;
			
 
				-                color:#000;
			
 
				-                font-size:16PX;
			
 
				-                text-decoration:none;
			
 
				-                margin-bottom:0px;
			
 
				-                margin-top:0px;
			
 
				-        }
			
 
				-        .content .body .right .ms-channel-path .ms-channel-path-link 
			
 
				-        {
			
 
				-                cursor:pointer;
			
 
				-                color:#000;
			
 
				-                font-size:16PX;
			
 
				-                text-decoration:none;
			
 
				-                margin-bottom:0px;
			
 
				-                margin-top:0px;
			
 
				-        }
			
 
				-        .content .body .right .product 
			
 
				-        {
			
 
				-                margin-right:0px;
			
 
				-                padding-bottom:0px;
			
 
				-                flex-direction:column;
			
 
				-                display:flex;
			
 
				-                padding-right:0px;
			
 
				-                width:100%;
			
 
				-                margin-bottom:0px;
			
 
				-                box-sizing:border-box;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:0px;
			
 
				-                margin-top:0px;
			
 
				-                height:610px;
			
 
				-        }
			
 
				-        .content .body .right .product .pic 
			
 
				-        {
			
 
				-                flex-wrap:nowrap;
			
 
				-                flex-direction:column;
			
 
				-                display:flex;
			
 
				-                width:100%;
			
 
				-                box-sizing:border-box;
			
 
				-                padding-left:0px;
			
 
				-                height:240px;
			
 
				-        }
			
 
				-        .content .body .right .product .pic img 
			
 
				-        {
			
 
				-                padding-bottom:0px;
			
 
				-                width:100%;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:0px;
			
 
				-                height:400px;
			
 
				-        }
			
 
				-        .content .body .right .product .pic .text 
			
 
				-        {
			
 
				-                flex-wrap:nowrap;
			
 
				-                flex-direction:column;
			
 
				-                display:flex;
			
 
				-                width:100%;
			
 
				-                box-sizing:border-box;
			
 
				-                padding-left:0px;
			
 
				-                height:100%;
			
 
				-        }
			
 
				-        .content .body .right .product .pic .text .big-title 
			
 
				-        {
			
 
				-                flex-direction:row;
			
 
				-                word-wrap:break-word;
			
 
				-                display:inline-block;
			
 
				-                font-size:22PX;
			
 
				-                padding-left:0px;
			
 
				-        }
			
 
				-        .content .body .right .product .pic .text .desc 
			
 
				-        {
			
 
				-                color:#C8C8C8;
			
 
				-                flex-direction:row;
			
 
				-                word-wrap:break-word;
			
 
				-                display:inline-block;
			
 
				-                font-size:16PX;
			
 
				-                padding-left:0px;
			
 
				-        }
			
 
				-        .content .body .right .product .content 
			
 
				-        {
			
 
				-                flex-wrap:nowrap;
			
 
				-                flex-direction:column;
			
 
				-                display:flex;
			
 
				-                width:100%;
			
 
				-                box-sizing:border-box;
			
 
				-                padding-left:0px;
			
 
				-                height:240px;
			
 
				-        }
			
 
				-        .content .body .right .product .content .label 
			
 
				-        {
			
 
				-                flex-direction:row;
			
 
				-                word-wrap:break-word;
			
 
				-                display:inline-block;
			
 
				-                font-size:18PX;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:0px;
			
 
				-        }
			
 
				-        .content .body .right .product .content .content-body 
			
 
				-        {
			
 
				-                flex-wrap:nowrap;
			
 
				-                flex-direction:column;
			
 
				-                display:flex;
			
 
				-                width:100%;
			
 
				-                box-sizing:border-box;
			
 
				-                padding-top:20px;
			
 
				-                padding-left:0px;
			
 
				-                height:100%;
			
 
				-        }
			
 
				-        .content .body .right .product .content .content-body span 
			
 
				-        {
			
 
				-                flex-direction:row;
			
 
				-                word-wrap:break-word;
			
 
				-                display:inline-block;
			
 
				-                font-size:14px;
			
 
				-        }
			
 
				-
			
 
				-}</style>
			
 
				- </body>
			
 
				-</html>
			
 
				+</div>
			
 
				+<div class="news_bg">
			
 
				+    <div class="wrap">
			
 
				+        <div class="about_x anim anim-2">
			
 
				+            <div class="show_t">${field.title}</div>
			
 
				+            <div class="con_line"></div>
			
 
				+            <div class="con_id">
			
 
				+                <div>${field.content}</div>
			
 
				+            </div>
			
 
				+            <div class="prenext">上一篇：<a href="<#if pre.link !=''>{ms:global.html/}${pre.link}<#else>javascript:;</#if>">${pre.title}</a>
			
 
				+            </div>
			
 
				+            <div class="prenext">下一篇：<a href="<#if next.link !=''>{ms:global.html/}${next.link}<#else>javascript:;</#if>">${next.title}</a>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+    </div>
			
 
				+</div>
			
 
				+<!--正文end-->
			
 
				+<#include "footer.htm" />
			
 
				+<script language="javascript" src="/{ms:global.style/}js/foot.js"></script><!--尾部end-->
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/template/1/default/product-list.htm
+++ b/src/main/webapp/template/1/default/product-list.htm
@@ -1,550 +1,74 @@
 
				+<!DOCTYPE html>
			
 
				 <html>
			
 
				- <head> 
			
 
				-  <meta charset="utf-8"> 
			
 
				-  <title>{ms:global.name/}</title>
			
 
				-  <#include "head-file.htm" />
			
 
				- </head> 
			
 
				- <body> 
			
 
				-  <div id="app" v-cloak> 
			
 
				-   <#include "header.htm" />
			
 
				-   <div class="content">
			
 
				-
			
 
				-    <div class="body">
			
 
				-     <div class="left">
			
 
				-      {ms:channel type='parent'}
			
 
				-      <span class="title"> ${field.typetitle} </span>
			
 
				-      {/ms:channel}
			
 
				-      <#assign typetitle=field.typetitle>
			
 
				-      <#if field.typeleaf>
			
 
				-      {ms:channel type='level'}
			
 
				-      <a href="{ms:global.url/}${field.typelink}" class="<#if typetitle==field.typetitle>sub-title-sel<#else>sub-title</#if>"> ${field.typetitle} </a>
			
 
				-      {/ms:channel}
			
 
				-      <#else>
			
 
				-      {ms:channel type='son'}
			
 
				-      <a href="{ms:global.url/}${field.typelink}" class="<#if typetitle==field.typetitle>sub-title-sel<#else>sub-title</#if>"> ${field.typetitle} </a>
			
 
				-      {/ms:channel}
			
 
				-     </#if>
			
 
				+<head>
			
 
				+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
			
 
				+    <meta name="renderer" content="webkit">
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
			
 
				+    <meta name="robots" content="index, follow"/>
			
 
				+    <title>${field.typetitle}-</title>
			
 
				+    <meta name="keywords" content="${field.typekeyword}">
			
 
				+    <meta name="description" content="${field.typedescrip}">
			
 
				+    <meta http-equiv="Cache-Control" content="no-transform"/>
			
 
				+    <meta http-equiv="Cache-Control" content="no-siteapp"/>
			
 
				+    <meta name="applicable-device" content="pc,mobile"/>
			
 
				+    <link href="/{ms:global.style/}css/style.css" rel="stylesheet"/>
			
 
				+    <link href="/{ms:global.style/}css/css.css" rel="stylesheet"/>
			
 
				+    <script src="/{ms:global.style/}js/jquery-1.8.3.min.js"></script>
			
 
				+    <script type="text/javascript" src="/{ms:global.style/}js/jquery.superslide.2.1.1.js">//pc导航</script>
			
 
				+    <script src="/{ms:global.style/}js/anim.js">//动画</script>
			
 
				+    <script type="text/javascript" src="/{ms:global.style/}js/basic.js"></script>
			
 
				+</head>
			
 
				+<body>
			
 
				+<#include "header.htm" />
			
 
				+<div class="o_big" >
			
 
				+    <img src="{@ms:file field.typelitpic/}" alt=""/>
			
 
				+    <h1 >${field.typedescrip}</h1>
			
 
				+</div>
			
 
				+<!--正文begin-->
			
 
				+<div class="wrap2">
			
 
				+    <div class="product_a anim anim-1">
			
 
				+        <#if field.typeleaf !=0>
			
 
				+        {ms:channel type='level'}
			
 
				+            <#if field.typeid == typeid || (ids?has_content && ids?split(",")?seq_contains(field.typeid.toString()))>
			
 
				+            <a href='<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>' class='csel'>${field.typetitle}</a>
			
 
				+            <#else>
			
 
				+            <a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">${field.typetitle}</a>
			
 
				+            </#if>
			
 
				+        {/ms:channel}
			
 
				+        <#else>
			
 
				+        {ms:channel type='son'}
			
 
				+            <#if field.typeid == typeid || (ids?has_content && ids?split(",")?seq_contains(field.typeid.toString()))>
			
 
				+            <a href='<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>' class='csel'>1${field.typetitle}</a>
			
 
				+            <#else>
			
 
				+            <a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">2${field.typetitle}</a>
			
 
				+            </#if>
			
 
				+        {/ms:channel}
			
 
				+        </#if>
			
 
				     </div>
			
 
				-     <div class="right">
			
 
				-      <div class="ms-channel-path">
			
 
				-            <span class="ms-channel-path-label">
			
 
				-                当前位置：
			
 
				-            </span>
			
 
				-       <a href="/" class="ms-channel-path-index">
			
 
				-        首页
			
 
				-       </a>
			
 
				-       {ms:channel type="path"}
			
 
				-       <i class="iconfont icon-youjiantou"></i>
			
 
				-       <a href="{ms:global.url/}${field.typelink}" class="ms-channel-path-link">
			
 
				-        ${field.typetitle}
			
 
				-       </a>
			
 
				-       {/ms:channel}
			
 
				-      </div>
			
 
				-      <div class="list">
			
 
				-       <div class="list-body">
			
 
				-        {ms:arclist size=6 ispaging=true}
			
 
				-        <div class="product">
			
 
				-         <img title="" alt="" src="{ms:global.host/}/{@ms:file field.litpic/}" />
			
 
				-         <a href="{ms:global.url/}${field.link}">
			
 
				-          ${field.title}
			
 
				-         </a>
			
 
				-        </div>
			
 
				-        {/ms:arclist} </div>
			
 
				-       <div class="page">
			
 
				-        <el-pagination
			
 
				-                background
			
 
				-                @current-change="handleCurrentChange"
			
 
				-                :page-size="pageSize"
			
 
				-                :current-page.sync="pageCur"
			
 
				-                layout="prev, pager, next, jumper"
			
 
				-                :total="contentCount"> </el-pagination>
			
 
				-       </div>
			
 
				-      </div>
			
 
				-     </div>
			
 
				+    <div class="product_ul">
			
 
				+        <ul>
			
 
				+            {ms:arclist size=6 ispaging=true}
			
 
				+            <li class="anim anim-1">
			
 
				+                <div class="product_b">
			
 
				+                    <#if field.outlink!="">
			
 
				+                    <a href="${field.outlink}" title="${field.title}" target="_blank">
			
 
				+                    <#else>
			
 
				+                    <a href="{ms:global.html/}${field.link}" title="${field.title}">
			
 
				+                    </#if>
			
 
				+                    <div class="imgs"><img src="{@ms:file field.litpic/}" alt="${field.title}">
			
 
				+                        <p>&nbsp;</p>
			
 
				+                    </div>
			
 
				+                    <h2 class="f24">${field.title}</h2>
			
 
				+                    <p>{@ms:len field.descrip 50 /}</p>
			
 
				+                </a></div>
			
 
				+            </li>
			
 
				+            {/ms:arclist}
			
 
				+        </ul>
			
 
				     </div>
			
 
				-
			
 
				-   </div> 
			
 
				-   <#include "footer.htm" /> 
			
 
				-  </div>   
			
 
				-  <script>
			
 
				-var app = new Vue({
			
 
				-    el: '#app',
			
 
				-    watch:{
			
 
				-    },
			
 
				-    data: {
			
 
				-     //当前页数
			
 
				-     pageCur: ${(page.cur)!1},
			
 
				-     //每页文章条数
			
 
				-     pageSize: ${(page.size)!20},
			
 
				-     //页数总数
			
 
				-     pageTotal: ${(page.total)!0},
			
 
				-     //内容总数
			
 
				-     contentCount: ${(page.rcount)!0}
			
 
				-    },
			
 
				-    methods: {
			
 
				-     switchShow:function(arr){
			
 
				-      var that = this
			
 
				-      arr.forEach(function(x){
			
 
				-       let e = that.$el.querySelector("#key_"+x)
			
 
				-       if(e){
			
 
				-        e.style.display=e.style.display=='none'?'flex':'none'
			
 
				-       }
			
 
				-      })
			
 
				-     },
			
 
				-     handleCurrentChange:function(val) {
			
 
				-      if(val==1) {
			
 
				-       location.href = "{ms:global.url/}/${field.categoryPath}/index.html";
			
 
				-      } else {
			
 
				-       location.href = "{ms:global.url/}/${field.categoryPath}/list-" + val + ".html";
			
 
				-      }
			
 
				-     }
			
 
				-    },
			
 
				-    created(){
			
 
				-    }
			
 
				-})
			
 
				-</script> 
			
 
				-  <style>
			
 
				-    body {
			
 
				-        background-color:#fff;
			
 
				-        box-sizing:border-box;
			
 
				-        font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", 微软雅黑, sans-serif;
			
 
				-        moz-box-sizing:border-box;
			
 
				-        webkit-box-sizing:border-box;
			
 
				-    }
			
 
				-
			
 
				-    .content 
			
 
				-    {
			
 
				-            align-items:center;
			
 
				-            flex-direction:column;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            box-sizing:border-box;
			
 
				-            justify-content:flex-start;
			
 
				-            margin-right:0px;
			
 
				-            padding-bottom:0px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            width:100%;
			
 
				-            margin-bottom:0px;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-            margin-top:0px;
			
 
				-    }
			
 
				-    .content .body {
			
 
				-     padding-right: 0px;
			
 
				-     margin-right: 0px;
			
 
				-     padding-bottom: 20px;
			
 
				-     flex-wrap: nowrap;
			
 
				-     height: 100%;
			
 
				-     padding-left: 0px;
			
 
				-     box-sizing: border-box;
			
 
				-     padding-top: 20px;
			
 
				-     flex-direction: row;
			
 
				-     display: flex;
			
 
				-     width: 1200px;
			
 
				-    }
			
 
				-
			
 
				-    .content .body .left {
			
 
				-     padding-right: 0px;
			
 
				-     padding-bottom: 0px;
			
 
				-     flex-wrap: nowrap;
			
 
				-     height: 100%;
			
 
				-     padding-left: 0px;
			
 
				-     box-sizing: border-box;
			
 
				-     padding-top: 0px;
			
 
				-     flex-direction: column;
			
 
				-     display: flex;
			
 
				-     width: 200px;
			
 
				-     margin-top: 0px;
			
 
				-    }
			
 
				-
			
 
				-    .content .body .left .title {
			
 
				-     border-bottom-style: dashed;
			
 
				-     border-bottom-width: 1px;
			
 
				-     height: 40px;
			
 
				-     font-size: 16PX;
			
 
				-     padding-left: 10px;
			
 
				-     color: #C0C4CC;
			
 
				-     word-wrap: break-word;
			
 
				-     border-bottom-color: #C0C4CC;
			
 
				-     padding-top: 10px;
			
 
				-     flex-direction: row;
			
 
				-     display: inline-block;
			
 
				-     margin-top: 0px;
			
 
				-    }
			
 
				-
			
 
				-    .content .body .left .sub-title-sel {
			
 
				-     background-color: #F2F6FC;
			
 
				-     color: #409EFF;
			
 
				-     flex-direction: row;
			
 
				-     word-wrap: break-word;
			
 
				-     display: inline-block;
			
 
				-     font-size: 16PX;
			
 
				-     padding-top: 10px;
			
 
				-     padding-left: 10px;
			
 
				-     margin-top: 2px;
			
 
				-     height: 40px;
			
 
				-    }
			
 
				-
			
 
				-    .content .body .left .sub-title {
			
 
				-     height: 40px;
			
 
				-     font-size: 16PX;
			
 
				-     padding-left: 10px;
			
 
				-     color: #5F5F5F;
			
 
				-     word-wrap: break-word;
			
 
				-     padding-top: 10px;
			
 
				-     flex-direction: row;
			
 
				-     display: inline-block;
			
 
				-     margin-top: 0px;
			
 
				-    }
			
 
				-
			
 
				-    .content .body .right {
			
 
				-     padding-right: 0px;
			
 
				-     margin-right: 0px;
			
 
				-     padding-bottom: 0px;
			
 
				-     flex-wrap: wrap;
			
 
				-     height: 800px;
			
 
				-     align-items: flex-start;
			
 
				-     margin-bottom: 0px;
			
 
				-     padding-left: 20px;
			
 
				-     box-sizing: border-box;
			
 
				-     padding-top: 0px;
			
 
				-     flex-direction: row;
			
 
				-     display: flex;
			
 
				-     width: 1000px;
			
 
				-     margin-top: 0px;
			
 
				-    }
			
 
				-
			
 
				-    .content .body .right .ms-channel-path {
			
 
				-     margin-right: auto;
			
 
				-     padding-bottom: 0px;
			
 
				-     flex-wrap: nowrap;
			
 
				-     height: 30px;
			
 
				-     align-items: center;
			
 
				-     margin-left: auto;
			
 
				-     margin-bottom: 10px;
			
 
				-     padding-left: 0px;
			
 
				-     box-sizing: border-box;
			
 
				-     padding-top: 0px;
			
 
				-     flex-direction: row;
			
 
				-     display: flex;
			
 
				-     width: 100%;
			
 
				-     margin-top: 10px;
			
 
				-    }
			
 
				-
			
 
				-    .content .body .right .ms-channel-path span {
			
 
				-     font-size: 16PX;
			
 
				-     color: #909399;
			
 
				-     word-wrap: break-word;
			
 
				-     flex-direction: row;
			
 
				-     display: inline-block;
			
 
				-    }
			
 
				-
			
 
				-    .content .body .right .ms-channel-path .ms-channel-path-index {
			
 
				-     cursor: pointer;
			
 
				-     color: #000;
			
 
				-     text-decoration: none;
			
 
				-     font-size: 16PX;
			
 
				-     margin-bottom: 0px;
			
 
				-     margin-top: 0px;
			
 
				-    }
			
 
				-
			
 
				-    .content .body .right .ms-channel-path>i {}
			
 
				-
			
 
				-    .content .body .right .ms-channel-path .ms-channel-path-link {
			
 
				-     cursor: pointer;
			
 
				-     color: #000;
			
 
				-     text-decoration: none;
			
 
				-     font-size: 16PX;
			
 
				-     margin-bottom: 0px;
			
 
				-     margin-top: 0px;
			
 
				-    }
			
 
				-
			
 
				-    .content .body .right .list {
			
 
				-     padding-right: 0px;
			
 
				-     margin-right: 0px;
			
 
				-     padding-bottom: 0px;
			
 
				-     height: 800px;
			
 
				-     margin-bottom: 0px;
			
 
				-     position: absolute;
			
 
				-     padding-left: 0px;
			
 
				-     box-sizing: border-box;
			
 
				-     top: 70px;
			
 
				-     padding-top: 0px;
			
 
				-     flex-direction: row;
			
 
				-     display: flex;
			
 
				-     width: 980px;
			
 
				-     margin-top: 0px;
			
 
				-    }
			
 
				-
			
 
				-    .content .body .right .list .list-body {
			
 
				-     margin-right: 0px;
			
 
				-     padding-bottom: 0px;
			
 
				-     flex-wrap: wrap;
			
 
				-     margin-bottom: 0px;
			
 
				-     position: absolute;
			
 
				-     padding-left: 0px;
			
 
				-     box-sizing: border-box;
			
 
				-     top: 120px;
			
 
				-     padding-top: 0px;
			
 
				-     flex-direction: row;
			
 
				-     display: flex;
			
 
				-     width: 988px;
			
 
				-     margin-top: 0px;
			
 
				-    }
			
 
				-
			
 
				-    .content .body .right .list .list-body .product {
			
 
				-     padding-right: 0px;
			
 
				-     margin-right: 8px;
			
 
				-     padding-bottom: 0px;
			
 
				-     margin-bottom: 8px;
			
 
				-     padding-left: 0px;
			
 
				-     box-sizing: border-box;
			
 
				-     padding-top: 0px;
			
 
				-     background-color: #FFFFFF;
			
 
				-     flex-direction: column;
			
 
				-     display: flex;
			
 
				-     width: 320px;
			
 
				-     margin-top: 0px;
			
 
				-    }
			
 
				-
			
 
				-    .content .body .right .list .list-body .product img {
			
 
				-     margin-right: 0px;
			
 
				-     padding-top: 0px;
			
 
				-     height: 100%;
			
 
				-     width: 100%;
			
 
				-     margin-bottom: 0px;
			
 
				-     margin-top: 0px;
			
 
				-    }
			
 
				-
			
 
				-    .content .body .right .list .list-body .product a {
			
 
				-     text-align: center;
			
 
				-     flex-direction: row;
			
 
				-     word-wrap: break-word;
			
 
				-     display: inline-block;
			
 
				-     padding-right: 0px;
			
 
				-     padding-bottom: 0px;
			
 
				-     font-size: 16PX;
			
 
				-     padding-top: 10px;
			
 
				-     padding-left: 0px;
			
 
				-     margin-top: 10px;
			
 
				-     height: 48px;
			
 
				-    }
			
 
				-
			
 
				-    .content .body .right .list .page {
			
 
				-     flex-wrap: nowrap;
			
 
				-     height: 60px;
			
 
				-     align-items: center;
			
 
				-     bottom: 0px;
			
 
				-     justify-content: center;
			
 
				-     position: absolute;
			
 
				-     box-sizing: border-box;
			
 
				-     flex-direction: row;
			
 
				-     display: flex;
			
 
				-     width: 100%;
			
 
				-    }
			
 
				-
			
 
				-    .content .body .right .list .page span {
			
 
				-     justify-content: center;
			
 
				-     font-size: 14px;
			
 
				-     word-wrap: break-word;
			
 
				-     flex-direction: row;
			
 
				-     display: inline-block;
			
 
				-    }
			
 
				-@media (max-width: 768px){
			
 
				-        .content 
			
 
				-        {
			
 
				-                align-items:center;
			
 
				-                flex-direction:row;
			
 
				-                display:flex;
			
 
				-                padding-right:0px;
			
 
				-                box-sizing:border-box;
			
 
				-                justify-content:center;
			
 
				-                padding-bottom:0px;
			
 
				-                flex-wrap:nowrap;
			
 
				-                width:100%;
			
 
				-                margin-bottom:0px;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:0px;
			
 
				-                margin-top:0px;
			
 
				-        }
			
 
				- .content .body {
			
 
				-  padding-bottom: 20px;
			
 
				-  align-items: center;
			
 
				-  flex-wrap: nowrap;
			
 
				-  flex-direction: column;
			
 
				-  display: flex;
			
 
				-  padding-right: 0px;
			
 
				-  width: 100%;
			
 
				-  box-sizing: border-box;
			
 
				-  padding-top: 20px;
			
 
				-  padding-left: 0px;
			
 
				- }
			
 
				-
			
 
				- .content .body .left {
			
 
				-  padding-bottom: 0px;
			
 
				-  flex-wrap: nowrap;
			
 
				-  flex-direction: column;
			
 
				-  display: flex;
			
 
				-  padding-right: 0px;
			
 
				-  width: 90%;
			
 
				-  box-sizing: border-box;
			
 
				-  padding-top: 0px;
			
 
				-  padding-left: 0px;
			
 
				-  margin-top: 0px;
			
 
				-  height: 100%;
			
 
				- }
			
 
				-
			
 
				- .content .body .left .sub-title-sel {
			
 
				-  background-color: #F2F6FC;
			
 
				-  color: #409EFF;
			
 
				-  flex-direction: row;
			
 
				-  word-wrap: break-word;
			
 
				-  display: inline-block;
			
 
				-  font-size: 16PX;
			
 
				-  padding-top: 10px;
			
 
				-  padding-left: 10px;
			
 
				-  margin-top: 2px;
			
 
				-  height: 40px;
			
 
				- }
			
 
				-
			
 
				- .content .body .left .sub-title {
			
 
				-  color: #5F5F5F;
			
 
				-  flex-direction: row;
			
 
				-  word-wrap: break-word;
			
 
				-  display: inline-block;
			
 
				-  font-size: 16PX;
			
 
				-  padding-top: 10px;
			
 
				-  padding-left: 10px;
			
 
				-  margin-top: 0px;
			
 
				-  height: 40px;
			
 
				- }
			
 
				-
			
 
				- .content .body .right {
			
 
				-  padding-bottom: 0px;
			
 
				-  flex-wrap: nowrap;
			
 
				-  flex-direction: column;
			
 
				-  display: flex;
			
 
				-  padding-right: 0px;
			
 
				-  width: 90%;
			
 
				-  height: unset;
			
 
				-  margin-bottom: 0px;
			
 
				-  box-sizing: border-box;
			
 
				-  padding-top: 0px;
			
 
				-  padding-left: 0px;
			
 
				-  margin-top: 0px;
			
 
				- }
			
 
				-
			
 
				- .content .body .right .ms-channel-path {
			
 
				-  align-items: center;
			
 
				-  flex-direction: row;
			
 
				-  display: flex;
			
 
				-  box-sizing: border-box;
			
 
				-  margin-left: auto;
			
 
				-  margin-right: auto;
			
 
				-  padding-bottom: 0px;
			
 
				-  flex-wrap: nowrap;
			
 
				-  width: 100%;
			
 
				-  margin-bottom: 10px;
			
 
				-  padding-top: 0px;
			
 
				-  padding-left: 0px;
			
 
				-  margin-top: 10px;
			
 
				-  height: 30px;
			
 
				- }
			
 
				-
			
 
				- .content .body .right .ms-channel-path span {
			
 
				-  color: #909399;
			
 
				-  flex-direction: row;
			
 
				-  word-wrap: break-word;
			
 
				-  display: inline-block;
			
 
				-  font-size: 16PX;
			
 
				- }
			
 
				-
			
 
				- .content .body .right .ms-channel-path .ms-channel-path-index {
			
 
				-  cursor: pointer;
			
 
				-  color: #000;
			
 
				-  font-size: 16PX;
			
 
				-  text-decoration: none;
			
 
				-  margin-bottom: 0px;
			
 
				-  margin-top: 0px;
			
 
				- }
			
 
				-
			
 
				- .content .body .right .ms-channel-path .ms-channel-path-link {
			
 
				-  cursor: pointer;
			
 
				-  color: #000;
			
 
				-  font-size: 16PX;
			
 
				-  text-decoration: none;
			
 
				-  margin-bottom: 0px;
			
 
				-  margin-top: 0px;
			
 
				- }
			
 
				-
			
 
				- .content .body .right .list {
			
 
				-  margin-right: 0px;
			
 
				-  padding-bottom: 0px;
			
 
				-  flex-direction: column;
			
 
				-  display: flex;
			
 
				-  padding-right: 0px;
			
 
				-  width: 100%;
			
 
				-  margin-bottom: 0px;
			
 
				-  box-sizing: border-box;
			
 
				-  padding-top: 0px;
			
 
				-  padding-left: 0px;
			
 
				-  margin-top: 0px;
			
 
				-  height: unset;
			
 
				-  position: unset;
			
 
				- }
			
 
				-
			
 
				- .content .body .right .list .list-body {
			
 
				-  margin-right: 0px;
			
 
				-  flex-wrap: wrap;
			
 
				-  flex-direction: row;
			
 
				-  display: flex;
			
 
				-  width: 100%;
			
 
				-  margin-bottom: 0px;
			
 
				-  box-sizing: border-box;
			
 
				-  margin-top: 0px;
			
 
				-  justify-content: center;
			
 
				-  position: unset;
			
 
				- }
			
 
				- .content .body .right .list .page {
			
 
				-  position:unset;
			
 
				- }
			
 
				- .content .body .right .list .list-body .product {
			
 
				-  background-color: #FFFFFF;
			
 
				-  flex-direction: column;
			
 
				-  display: flex;
			
 
				-  padding-right: 0px;
			
 
				-  box-sizing: border-box;
			
 
				-  margin-right: 8px;
			
 
				-  padding-bottom: 0px;
			
 
				-  width: 90%;
			
 
				-  margin-bottom: 8px;
			
 
				-  padding-top: 0px;
			
 
				-  padding-left: 0px;
			
 
				-  margin-top: 0px;
			
 
				- }
			
 
				-
			
 
				- .content .body .right .list .list-body .product img {
			
 
				-  padding-bottom: 0px;
			
 
				-  width: 100%;
			
 
				-  padding-top: 0px;
			
 
				-  margin-top: 0px;
			
 
				-  height: 100%;
			
 
				- }
			
 
				-
			
 
				- .content .body .right .list .list-body .product a {
			
 
				-  padding-bottom: 0px;
			
 
				-  text-align: center;
			
 
				-  flex-direction: row;
			
 
				-  word-wrap: break-word;
			
 
				-  display: inline-block;
			
 
				-  padding-right: 0px;
			
 
				-  font-size: 16PX;
			
 
				-  padding-top: 10px;
			
 
				-  padding-left: 0px;
			
 
				-  margin-top: 10px;
			
 
				-  height: 48px;
			
 
				- }
			
 
				-
			
 
				-}</style>
			
 
				- </body>
			
 
				-</html>
			
 
				+    <div class="yema"><#include "page.htm" /></div>
			
 
				+</div>
			
 
				+<!--正文end-->
			
 
				+<#include "footer.htm" />
			
 
				+<script language="javascript" src="/{ms:global.style/}js/foot.js"></script><!--尾部end-->
			
 
				+</body>
			
 
				+</html>
			
--- a/src/main/webapp/template/1/default/search.htm
+++ b/src/main/webapp/template/1/default/search.htm
@@ -1,392 +1,67 @@
 
				+<!DOCTYPE html>
			
 
				 <html>
			
 
				- <head>
			
 
				-  <meta charset="utf-8">
			
 
				-  <title>{ms:global.name/}</title>
			
 
				-  <#include "head-file.htm" />
			
 
				- </head>
			
 
				- <body>
			
 
				-  <div id="app" v-cloak>
			
 
				-   <#include "header.htm" />
			
 
				-   <div class="search">
			
 
				-    <div class="body">
			
 
				-     <span> 关键字 <span style="color: red">{ms:search.content_title/}</span> </span>
			
 
				-     <div class="right-body">
			
 
				-       <#assign isEmpty=true>
			
 
				-       {ms:arclist size=10 ispaging=true}
			
 
				-       <#assign isEmpty=false>
			
 
				-      <div class="news-item">
			
 
				-       <div class="pic">
			
 
				-        <img title="" alt="" src="{ms:global.host/}/{@ms:file field.litpic/}">
			
 
				-       </div>
			
 
				-       <div class="news-content">
			
 
				-        <a href="{ms:global.url/}${field.link}" class="title"> ${field.title?replace(search.content_title,'<font color="red">'+search.content_title+'</font>')} </a>
			
 
				-        <span class="desc"> ${field.descrip} </span>
			
 
				-       </div>
			
 
				-      </div>
			
 
				-      {/ms:arclist}
			
 
				-      <#if isEmpty>
			
 
				-      <span style="width: 100%; text-align:center;min-height: 300px;display: flex;justify-content: center;align-items: center;">
			
 
				-      没有找到 "<span style="color: red">${search.content_title}</span>" 相关记录
			
 
				-      </span>
			
 
				-      </#if>
			
 
				-     </div>
			
 
				-     <div class="page">
			
 
				-      <el-pagination
			
 
				-              background
			
 
				-              @current-change="handleCurrentChange"
			
 
				-              :page-size="pageSize"
			
 
				-              :current-page.sync="pageCur"
			
 
				-              layout="prev, pager, next, jumper"
			
 
				-              :total="contentCount"> </el-pagination>
			
 
				+<head>
			
 
				+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
			
 
				+    <meta name="renderer" content="webkit">
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
			
 
				+    <meta name="robots" content="index, follow"/>
			
 
				+    <title>${field.typetitle}</title>
			
 
				+    <meta name="keywords" content="${field.typekeyword}">
			
 
				+    <meta name="description" content="${field.typedescrip}">
			
 
				+    <meta http-equiv="Cache-Control" content="no-transform"/>
			
 
				+    <meta http-equiv="Cache-Control" content="no-siteapp"/>
			
 
				+    <meta name="applicable-device" content="pc,mobile"/>
			
 
				+    <link href="/{ms:global.style/}css/style.css" rel="stylesheet"/>
			
 
				+    <link href="/{ms:global.style/}css/css.css" rel="stylesheet"/>
			
 
				+    <script src="/{ms:global.style/}js/jquery-1.8.3.min.js"></script>
			
 
				+    <script type="text/javascript" src="/{ms:global.style/}js/jquery.superslide.2.1.1.js">//pc导航</script>
			
 
				+    <script src="/{ms:global.style/}js/anim.js">//动画</script>
			
 
				+    <script type="text/javascript" src="/{ms:global.style/}js/basic.js"></script>
			
 
				+</head>
			
 
				+<body>
			
 
				+<#include "header.htm" />
			
 
				 
			
 
				-     </div>
			
 
				+<!--正文begin-->
			
 
				+<div class="wrap2">
			
 
				+    <div class="product_a anim anim-1"><h2>搜索结果</h2></div>
			
 
				+    <div class="product_ul">
			
 
				+        <ul>
			
 
				+            <#assign isEmpty=true>
			
 
				+            {ms:arclist size=6 ispaging=true}
			
 
				+            <#assign isEmpty=false>
			
 
				+            <li class="anim anim-1">
			
 
				+                <div class="product_b">
			
 
				+                    <a href="{ms:global.html/}${field.link}" title="${field.title}">
			
 
				+                        <div class="imgs"><img src="{@ms:file field.litpic/}" alt="${field.title}">
			
 
				+                            <p>&nbsp;</p>
			
 
				+                        </div>
			
 
				+                        <h2 class="f24">${field.title}</h2>
			
 
				+                        <p>${field.descrip}</p>
			
 
				+                    </a>
			
 
				+                </div>
			
 
				+            </li>
			
 
				+            {/ms:arclist}
			
 
				+        </ul>
			
 
				     </div>
			
 
				-   </div>
			
 
				-   <#include "footer.htm" />
			
 
				-  </div>
			
 
				-  <script>
			
 
				-var app = new Vue({
			
 
				-    el: '#app',
			
 
				-    watch:{
			
 
				-    },
			
 
				-    data: {
			
 
				-     //当前页数
			
 
				-     pageCur: ${(page.cur)!1},
			
 
				-     //每页文章条数
			
 
				-     pageSize: ${(page.size)!20},
			
 
				-     //页数总数
			
 
				-     pageTotal: ${(page.total)!0},
			
 
				-     //内容总数
			
 
				-     contentCount: ${(page.rcount)!0},
			
 
				-     keyword: "{ms:search.content_title/}",
			
 
				-     categoryIds: "1329257282518720513,1329257213283344385"
			
 
				-    },
			
 
				-    methods: {
			
 
				-     handleCurrentChange:function(val) {
			
 
				-      var form = document.createElement("form");
			
 
				-      form.setAttribute("method", "post");
			
 
				-      var input = document.createElement('input');
			
 
				-      input.setAttribute('type', 'hidden');
			
 
				-      input.setAttribute('name', 'size');
			
 
				-      input.setAttribute('value', this.pageSize);
			
 
				-      form.append(input);
			
 
				-      input = document.createElement('input');
			
 
				-      input.setAttribute('type', 'hidden');
			
 
				-      input.setAttribute('name', 'pageNo');
			
 
				-      input.setAttribute('value', val);
			
 
				-      form.append(input);
			
 
				-      input = document.createElement('input');
			
 
				-      input.setAttribute('type', 'hidden');
			
 
				-      input.setAttribute('name', 'content_title');
			
 
				-      input.setAttribute('value', this.keyword);
			
 
				-      form.append(input);
			
 
				-      input = document.createElement('input');
			
 
				-      input.setAttribute('type', 'hidden');
			
 
				-      input.setAttribute('name', 'categoryIds');
			
 
				-      input.setAttribute('value', this.categoryIds);
			
 
				-      form.append(input);
			
 
				-
			
 
				-      form.setAttribute("action",location.pathname);
			
 
				-      document.body.appendChild(form);
			
 
				-      form.submit();
			
 
				-      form.remove();
			
 
				-
			
 
				-
			
 
				-      // location.href = location.pathname + "?size=" + this.pageSize + "&pageNo=" + val + "&content_title=" + this.keyword + "&categoryIds=" + this.categoryIds;
			
 
				-     },
			
 
				-    },
			
 
				-    created(){
			
 
				-    }
			
 
				-})
			
 
				-</script>
			
 
				-  <style>
			
 
				-    body {
			
 
				-        background-color:#fff;
			
 
				-        box-sizing:border-box;
			
 
				-        font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", 微软雅黑, sans-serif;
			
 
				-        moz-box-sizing:border-box;
			
 
				-        webkit-box-sizing:border-box;
			
 
				-    }
			
 
				-
			
 
				-    .search
			
 
				-    {
			
 
				-            align-items:center;
			
 
				-            flex-direction:row;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            box-sizing:border-box;
			
 
				-            justify-content:center;
			
 
				-            padding-bottom:0px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            width:100%;
			
 
				-            margin-bottom:0px;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-            margin-top:0px;
			
 
				-    }
			
 
				-    .search .body
			
 
				-    {
			
 
				-            flex-direction:column;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            box-sizing:border-box;
			
 
				-            justify-content:center;
			
 
				-            padding-bottom:20px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            width:1200px;
			
 
				-            margin-bottom:0px;
			
 
				-            padding-top:20px;
			
 
				-            padding-left:0px;
			
 
				-            margin-top:0px;
			
 
				-            height:100%;
			
 
				-    }
			
 
				-    .search .body span
			
 
				-    {
			
 
				-            padding-bottom:0px;
			
 
				-            flex-direction:row;
			
 
				-            word-wrap:break-word;
			
 
				-            display:inline-block;
			
 
				-            font-size:14px;
			
 
				-            margin-bottom:0px;
			
 
				-            padding-top:0px;
			
 
				-            margin-top:0px;
			
 
				-    }
			
 
				-    .search .body .page {
			
 
				-     padding-right: 0px;
			
 
				-     padding-bottom: 0px;
			
 
				-     flex-wrap: nowrap;
			
 
				-     height: 60px;
			
 
				-     align-items: center;
			
 
				-     justify-content: center;
			
 
				-     padding-left: 0px;
			
 
				-     box-sizing: border-box;
			
 
				-     padding-top: 0px;
			
 
				-     flex-direction: row;
			
 
				-     display: flex;
			
 
				-     width: 100%;
			
 
				-    }
			
 
				-
			
 
				-    .search .body .right-body
			
 
				-    {
			
 
				-            align-items:flex-start;
			
 
				-            flex-direction:column;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            box-sizing:border-box;
			
 
				-            margin-left:0px;
			
 
				-            margin-right:0px;
			
 
				-            padding-bottom:10px;
			
 
				-            width:100%;
			
 
				-            margin-bottom:0px;
			
 
				-            padding-top:10px;
			
 
				-            padding-left:0px;
			
 
				-            margin-top:0px;
			
 
				-            height:100%;
			
 
				-    }
			
 
				-    .search .body .right-body .news-item
			
 
				-    {
			
 
				-            padding-bottom:0px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            flex-direction:row;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            width:100%;
			
 
				-            box-sizing:border-box;
			
 
				-            margin-bottom:10px;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-            margin-top:0px;
			
 
				-            height:120px;
			
 
				-    }
			
 
				-    .search .body .right-body .news-item .pic
			
 
				-    {
			
 
				-            padding-bottom:0px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            flex-direction:row;
			
 
				-            display:flex;
			
 
				-            width:200px;
			
 
				-            box-sizing:border-box;
			
 
				-            padding-top:0px;
			
 
				-            height:120px;
			
 
				-    }
			
 
				-    .search .body .right-body .news-item .pic img
			
 
				-    {
			
 
				-            margin-right:0px;
			
 
				-            padding-bottom:0px;
			
 
				-            padding-right:0px;
			
 
				-            width:100%;
			
 
				-            margin-bottom:0px;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-            height:100%;
			
 
				-            margin-left:0px;
			
 
				-    }
			
 
				-    .search .body .right-body .news-item .news-content
			
 
				-    {
			
 
				-            padding-bottom:0px;
			
 
				-            flex-wrap:nowrap;
			
 
				-            flex-direction:column;
			
 
				-            display:flex;
			
 
				-            padding-right:0px;
			
 
				-            width:100%;
			
 
				-            box-sizing:border-box;
			
 
				-            padding-top:0px;
			
 
				-            position:relative;
			
 
				-            padding-left:10px;
			
 
				-            justify-content:flex-start;
			
 
				-            height:100%;
			
 
				-    }
			
 
				-    .search .body .right-body .news-item .news-content .title
			
 
				-    {
			
 
				-            padding-bottom:0px;
			
 
				-            flex-direction:row;
			
 
				-            word-wrap:break-word;
			
 
				-            display:inline-block;
			
 
				-            font-size:18PX;
			
 
				-            padding-top:0px;
			
 
				-            padding-left:0px;
			
 
				-    }
			
 
				-    .search .body .right-body .news-item .news-content .desc
			
 
				-    {
			
 
				-            padding-bottom:8px;
			
 
				-            color:#909399;
			
 
				-            flex-direction:row;
			
 
				-            word-wrap:break-word;
			
 
				-            display:inline-block;
			
 
				-            padding-right:0px;
			
 
				-            font-size:16PX;
			
 
				-            margin-bottom:0px;
			
 
				-            padding-top:8px;
			
 
				-            padding-left:0px;
			
 
				-            height:100px;
			
 
				-    }
			
 
				-@media (max-width: 768px){
			
 
				-        .search
			
 
				-        {
			
 
				-                align-items:center;
			
 
				-                flex-direction:row;
			
 
				-                display:flex;
			
 
				-                padding-right:0px;
			
 
				-                box-sizing:border-box;
			
 
				-                justify-content:center;
			
 
				-                padding-bottom:0px;
			
 
				-                flex-wrap:nowrap;
			
 
				-                width:100%;
			
 
				-                margin-bottom:0px;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:0px;
			
 
				-                margin-top:0px;
			
 
				-        }
			
 
				-        .search .body
			
 
				-        {
			
 
				-                padding-bottom:20px;
			
 
				-                align-items:center;
			
 
				-                flex-wrap:nowrap;
			
 
				-                flex-direction:column;
			
 
				-                display:flex;
			
 
				-                padding-right:0px;
			
 
				-                width:100%;
			
 
				-                box-sizing:border-box;
			
 
				-                padding-top:20px;
			
 
				-                padding-left:0px;
			
 
				-                justify-content:flex-start;
			
 
				-        }
			
 
				-        .search .body .right-body
			
 
				-        {
			
 
				-                align-items:center;
			
 
				-                flex-direction:column;
			
 
				-                display:flex;
			
 
				-                padding-right:0px;
			
 
				-                box-sizing:border-box;
			
 
				-                justify-content:center;
			
 
				-                margin-left:0px;
			
 
				-                margin-right:0px;
			
 
				-                padding-bottom:10px;
			
 
				-                width:100%;
			
 
				-                margin-bottom:0px;
			
 
				-                padding-top:10px;
			
 
				-                padding-left:0px;
			
 
				-                margin-top:0px;
			
 
				-                height:100%;
			
 
				-        }
			
 
				-        .search .body .right-body .news-item
			
 
				-        {
			
 
				-                padding-bottom:0px;
			
 
				-                flex-wrap:nowrap;
			
 
				-                flex-direction:column;
			
 
				-                display:flex;
			
 
				-                padding-right:0px;
			
 
				-                width:90%;
			
 
				-                box-sizing:border-box;
			
 
				-                margin-bottom:10px;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:0px;
			
 
				-        }
			
 
				-        .search .body .right-body .news-item .pic
			
 
				-        {
			
 
				-                padding-bottom:0px;
			
 
				-                flex-wrap:nowrap;
			
 
				-                flex-direction:row;
			
 
				-                display:flex;
			
 
				-                width:100%;
			
 
				-                box-sizing:border-box;
			
 
				-                margin-bottom:0px;
			
 
				-                padding-top:0px;
			
 
				-                height:120px;
			
 
				-        }
			
 
				-        .search .body .right-body .news-item .pic img
			
 
				-        {
			
 
				-                padding-bottom:0px;
			
 
				-                padding-right:0px;
			
 
				-                width:100%;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:0px;
			
 
				-                height:100%;
			
 
				-        }
			
 
				-        .search .body .right-body .news-item .news-content
			
 
				-        {
			
 
				-                padding-bottom:0px;
			
 
				-                flex-wrap:nowrap;
			
 
				-                flex-direction:column;
			
 
				-                display:flex;
			
 
				-                padding-right:0px;
			
 
				-                width:100%;
			
 
				-                box-sizing:border-box;
			
 
				-                padding-top:0px;
			
 
				-                position:relative;
			
 
				-                padding-left:0px;
			
 
				-                justify-content:flex-start;
			
 
				-                height:100%;
			
 
				-        }
			
 
				-        .search .body .right-body .news-item .news-content .title
			
 
				-        {
			
 
				-                padding-bottom:0px;
			
 
				-                text-align:left;
			
 
				-                flex-direction:row;
			
 
				-                word-wrap:break-word;
			
 
				-                display:inline-block;
			
 
				-                font-size:16PX;
			
 
				-                margin-bottom:8px;
			
 
				-                padding-top:0px;
			
 
				-                padding-left:0px;
			
 
				-                margin-top:8px;
			
 
				-        }
			
 
				-        .search .body .right-body .news-item .news-content .desc
			
 
				-        {
			
 
				-                padding-bottom:8px;
			
 
				-                color:#909399;
			
 
				-                flex-direction:row;
			
 
				-                word-wrap:break-word;
			
 
				-                display:inline-block;
			
 
				-                padding-right:0px;
			
 
				-                font-size:14PX;
			
 
				-                margin-bottom:0px;
			
 
				-                padding-top:8px;
			
 
				-                padding-left:0px;
			
 
				-                margin-top:0px;
			
 
				-                height:100px;
			
 
				-        }
			
 
				-
			
 
				-}</style>
			
 
				- </body>
			
 
				+    <div class="yema">
			
 
				+        <!-- 分页 -->
			
 
				+        <div class="pages">
			
 
				+            <div class="pagination">
			
 
				+                <#if page.rcount&gt;0>
			
 
				+                <a class="page-item" href="{ms:page.index/}">首页</a>
			
 
				+                <a class="page-item" href='{ms:page.pre/}'>上一页</a>
			
 
				+                <a class="page-item" href='javascript:;'>{ms:page.cur/}/{ms:page.total/}</a>
			
 
				+                <a class="page-item" href='{ms:page.next/}'>下一页</a>
			
 
				+                <a class="page-item" href='{ms:page.last/}'>末页</a>
			
 
				+                <#else>
			
 
				+                本此搜索下无任何数据！
			
 
				+                </#if>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+    </div>
			
 
				+</div>
			
 
				+<!--正文end-->
			
 
				+<#include "footer.htm" />
			
 
				+<script language="javascript" src="/{ms:global.style/}js/foot.js"></script><!--尾部end-->
			
 
				+</body>
			
 
				 </html>
			
--- a/src/main/webapp/upload/1/appLogo/1680920802873.png
+++ b/src/main/webapp/upload/1/appLogo/1680920802873.png
--- a/src/main/webapp/upload/1/appLogo/1685699337824.png
+++ b/src/main/webapp/upload/1/appLogo/1685699337824.png
--- a/src/main/webapp/upload/1/appLogo/1685699409217.png
+++ b/src/main/webapp/upload/1/appLogo/1685699409217.png
--- a/src/main/webapp/upload/1/appLogo/1685699604310.png
+++ b/src/main/webapp/upload/1/appLogo/1685699604310.png