默认模板

7 years ago · 1f0930879b
parent 178009f409
commit 1f0930879b
154 changed files with 12142 additions and 0 deletions
--- a/src/main/webapp/templets/1/default/about.htm
+++ b/src/main/webapp/templets/1/default/about.htm
@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <#include "head-file.htm"/>
+    </head>
+
+    <body>
+        <#include "head.htm"/>
+        <div class="ms-banner" style="background:url({ms:global.host/}/{ms:global.style/}images/about_us.jpg) no-repeat center;">
+            <p class="banner_tit_about animated fadeInLeft">关于我们</p>
+            <p class="banner_tit_about_des animated fadeInRight">About us</p>
+        </div>
+        <div class="ms-content-about">
+            <div class="ms-content-main">
+                <#include "menu-left.htm"/>
+                <div class="ms-content-right">
+                    <div class="ms-content-right-position">
+                        <a href="{ms:global.host/}">首页</a>
+                        <span>></span>
+                        <a href="{ms:field.typelink/}">{ms:field.typetitle/}</a>
+                    </div>
+                    <div class="ms-content-right-main">
+                        <div class="ms-content-right-main-title">{ms:field.title/}</div>
+                        <div class="ms-content-right-main-content">{ms:field.content/}</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <#include "footer.htm"/>
+    </body>
+</html>
--- a/src/main/webapp/templets/1/default/advice.htm
+++ b/src/main/webapp/templets/1/default/advice.htm
@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <#include "head-file.htm"/>
+    </head>
+    <body>
+        <#include "head.htm"/>
+        <div class="ms-banner" style="background:url({ms:global.host/}/{ms:global.style/}images/talk_online.jpeg) no-repeat center;">
+            <p class="banner_tit_other animated fadeInLeft">在线留言</p>
+            <p class="banner_tit_other_des animated fadeInRight">Talk online</p>
+        </div>
+        <div class="ms-content-advice">
+            <div class="ms-content-form-background">
+                <form class="ms-content-form" method="post" id="postForm">
+                    <input class="ms-content-form-name" type="text" name="name" placeholder="姓名">
+                    <input class="ms-content-form-phone" type="text" name="phone" placeholder="手机">
+                    <textarea class="ms-content-form-message" name="content" placeholder="留言"></textarea>
+                    <div class="ms-login-button">提交</div>
+                </form>
+            </div>
+        </div>
+        <#include "footer.htm"/>
+    </body>
+</html>
+<script>
+    /* 表单提交 */
+    var flag = false;
+    $(".ms-login-button").click(function() {
+        if(!flag) {
+            $.ajax({
+                type: "POST",
+                url: "{ms:global.host/}/mdiy/diyForm/f2c131968438246e885e0feed7256dbc.do",
+                data: $("#postForm").serialize(),
+                success: function(msg) {
+                    flag = true;
+                    alert("提交成功");
+                    location.reload();
+                }
+            });
+        } else {
+            alert("您已经提交过了！");
+        }
+    })
+
+    /* 表单验证 */
+    function verification() {
+        if($('input[name="name"]').val().length > 0 && $('input[name="phone"]').val().length > 0 && $('.ms-content-form-message').val().length > 0) {
+            $('.ms-login-button').css("background-color", "#009aff");
+            $('.ms-login-button').css("pointer-events", 'visible');
+            $('.ms-login-button').css("color", "#fff");
+        } else {
+            $('.ms-login-button').css("background-color", "#fafafa");
+            $('.ms-login-button').css('pointer-events', "none");
+            $('.ms-login-button').css("color", "#ddd");
+        }
+    }
+
+    $('input[name="name"]').keyup(function() {
+        verification();
+    })
+    $('input[name="phone"]').keyup(function() {
+        verification();
+    })
+    $('.ms-content-form-message').keyup(function() {
+        verification();
+    })
+</script>
--- a/src/main/webapp/templets/1/default/case-list.htm
+++ b/src/main/webapp/templets/1/default/case-list.htm
@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <#include "head-file.htm"/>
+    </head>
+
+    <body>
+        <#include "head.htm"/>
+        <div class="ms-banner" style="background:url({ms:global.host/}/{ms:global.style/}images/00.png) no-repeat center;">
+            <p class="banner_tit_other animated fadeInLeft">案&nbsp;&nbsp;&nbsp;例</p>
+            <p class="banner_tit_other_des animated fadeInRight">Case list</p>
+        </div>
+        <div class="ms-content-case">
+            <div class="ms-content-main">
+                {ms:arclist size=6 ispaging=true}
+                <div class="ms-content-main-case">
+                    <div class="ms-content-main-case-img">
+                        <img src="{ms:global.host/}[field.litpic/]">
+                    </div>
+                    <div class="ms-content-main-case-explain">
+                        <div class="ms-content-main-case-title">[field.title/]</div>
+                        <div class="ms-content-main-case-content">
+                            <p class="ms-content-main-case-written">
+                                [field.content/]
+                            </p>
+                            <!-- <p class="ms-content-main-case-QRcode">
+                                <img src="./images/1471918025445.png">
+                            </p> -->
+                        </div>
+                        <div class="ms-content-main-case-click">
+                            <a target="_blank" href="[field.source/]">点击查看</a>
+                        </div>
+                    </div>
+                </div>
+                {/ms:arclist}
+            </div>
+        </div>
+        <#include "footer.htm"/>
+    </body>
+</html>
+<script type="text/javascript">
+    $(function() {
+        $('.ms-content-main-case').hover(function() {
+            $(this).find('.ms-content-main-case-explain').toggle();
+        });
+    });
+</script>
--- a/src/main/webapp/templets/1/default/contact.htm
+++ b/src/main/webapp/templets/1/default/contact.htm
@ -0,0 +1,143 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <#include "head-file.htm"/>
+    </head>
+    <body>
+        <#include "head.htm"/>
+        <div class="ms-banner" style="background:url({ms:global.host/}/{ms:global.style/}/images/contact_us.jpeg) no-repeat center;">
+            <p class="banner_tit_other animated fadeInLeft" >联系我们</p>
+            <p class="banner_tit_other_des animated fadeInRight">Contact us</p>
+        </div>
+        <div class="ms-content-about">
+            <div class="ms-content-main">
+                <#include "menu-left.htm"/>
+                <div class="ms-content-right">
+                    <div class="ms-content-right-position">
+                        <a href="{ms:global.host/}">首页</a>
+                        <span>></span>
+                        <a href="{ms:field.typelink/}">{ms:field.typetitle/}</a>
+                    </div>
+                    <div class="ms-content-right-main">
+                        <div class="ms-content-right-main-title">联系我们</div>
+                        <div class="ms-content-right-main-content"><!-- {ms:field.content/} -->
+							<style type="text/css">
+								.BMap_Marker img{
+								    width: 100%;
+								    height: 100%;
+								}
+							    html,body{margin:0;padding:0;}
+							    .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
+							    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
+							</style>
+							<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
+							<body>
+							  <!--百度地图容器-->
+							  <div style="width:100%;height:550px;border:#ccc solid 1px;" id="dituContent"></div>
+							</body>
+							<script type="text/javascript">
+							    //创建和初始化地图函数：
+							    function initMap(){
+							        createMap();//创建地图
+							        setMapEvent();//设置地图事件
+							        addMapControl();//向地图添加控件
+							        addMarker();//向地图中添加marker
+							    }
+							    
+							    //创建地图函数：
+							    function createMap(){
+							        var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
+							        var point = new BMap.Point(116.737158,29.153633);//定义一个中心点坐标
+							        map.centerAndZoom(point,9);//设定地图的中心点和坐标并将地图显示在地图容器中
+							        window.map = map;//将map变量存储在全局
+							    }
+							    
+							    //地图事件设置函数：
+							    function setMapEvent(){
+							        map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
+							        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
+							        map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
+							        map.enableKeyboard();//启用键盘上下左右键移动地图
+							    }
+							    
+							    //地图控件添加函数：
+							    function addMapControl(){
+							        //向地图中添加缩放控件
+							  var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
+							  map.addControl(ctrl_nav);
+							        //向地图中添加缩略图控件
+							  var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
+							  map.addControl(ctrl_ove);
+							        //向地图中添加比例尺控件
+							  var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
+							  map.addControl(ctrl_sca);
+							    }
+							    
+							    //标注点数组
+							    var markerArr = [{title:"铭飞科技(景德镇)有限公司",content:"江西省景德镇市昌江区&nbsp;枫林佳苑&nbsp;15栋A区&nbsp;三单元&nbsp;302室",point:"117.187869|29.282949",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}}
+							     ,{title:"铭飞科技(南昌)办事处",content:"江西省南昌市青山湖区创新一路&nbsp;绿地新都会(西门)&nbsp;12栋2单元901室",point:"116.003117|28.683521",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}}
+							     ];
+							    //创建marker
+							    function addMarker(){
+							        for(var i=0;i<markerArr.length;i++){
+							            var json = markerArr[i];
+							            var p0 = json.point.split("|")[0];
+							            var p1 = json.point.split("|")[1];
+							            var point = new BMap.Point(p0,p1);
+							      var iconImg = createIcon(json.icon);
+							            var marker = new BMap.Marker(point,{icon:iconImg});
+							      var iw = createInfoWindow(i);
+							      var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
+							      marker.setLabel(label);
+							            map.addOverlay(marker);
+							            label.setStyle({
+							                        borderColor:"#808080",
+							                        color:"#333",
+							                        cursor:"pointer"
+							            });
+							      
+							      (function(){
+							        var index = i;
+							        var _iw = createInfoWindow(i);
+							        var _marker = marker;
+							        _marker.addEventListener("click",function(){
+							            this.openInfoWindow(_iw);
+							          });
+							          _iw.addEventListener("open",function(){
+							            _marker.getLabel().hide();
+							          })
+							          _iw.addEventListener("close",function(){
+							            _marker.getLabel().show();
+							          })
+							        label.addEventListener("click",function(){
+							            _marker.openInfoWindow(_iw);
+							          })
+							        if(!!json.isOpen){
+							          label.hide();
+							          _marker.openInfoWindow(_iw);
+							        }
+							      })()
+							        }
+							    }
+							    //创建InfoWindow
+							    function createInfoWindow(i){
+							        var json = markerArr[i];
+							        var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");
+							        return iw;
+							    }
+							    //创建一个Icon
+							    function createIcon(json){
+							        var icon = new BMap.Icon("{ms:global.host/}/{ms:global.style/}/images/img-2.png", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
+							        return icon;
+							    }
+							    
+							    initMap();//创建和初始化地图
+							</script>                        
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <#include "footer.htm"/>
+    </body>
+</html>
--- a/src/main/webapp/templets/1/default/css/animate.css
+++ b/src/main/webapp/templets/1/default/css/animate.css
--- a/src/main/webapp/templets/1/default/css/jquery.sinaemotion.css
+++ b/src/main/webapp/templets/1/default/css/jquery.sinaemotion.css
@ -0,0 +1,79 @@
+#emotions{
+	left:0;
+	width: 395px;
+	font-size:12px;
+	background:#fff;
+	position:absolute;
+	border: 1px solid #E8E8E8;
+}
+#emotions a{
+	color: #9ABBC8;
+	padding:2px 7px;
+	text-decoration:none;
+}
+#emotions img{
+	border:0;
+}
+#emotions div{
+	margin:5px 10px;
+	padding:1px;
+	overflow: hidden;
+}
+#emotions #prev,
+#emotions #next
+{
+	margin-left:3px;
+	background:#eee;
+}
+#emotions .categorys{
+	color:#ccc;
+	height:23px;
+	color: #9ABBC8;
+	overflow:hidden;
+}
+#emotions .categorys a{
+	display: inline-block;
+}
+#emotions .categorys a:hover{
+	text-decoration:underline;
+}
+#emotions .categorys a.current{
+	cursor: default;
+	background: #F0F0F0;
+	-moz-border-radius: 3px;
+	-webkit-border-radius: 3px;
+}
+#emotions .container{
+	padding:1px;
+	overflow: hidden;
+}
+#emotions .container a{
+	float:left;
+	width:26px;
+	height:22px;
+	text-align:center;
+	box-sizing: content-box;
+	padding: 4px 2px;
+	margin: -1px 0 0 -1px;
+	border: 1px solid #e8e8e8;
+}
+#emotions .container a:hover{
+	z-index:2;
+	position:relative;
+	border:1px solid #0095cd;
+}
+#emotions .page{
+	text-align:right;
+}
+#emotions .page a.current{
+	color: #666;
+	background-color:#fff;
+}
+#emotions .page a{
+	margin-left:3px;
+	color: #0078B6;
+	background-color:#f3f3f3;
+}
+#emotions .page a:hover{
+	background-color:#e7e7e7;
+}
--- a/src/main/webapp/templets/1/default/footer.htm
+++ b/src/main/webapp/templets/1/default/footer.htm
@ -0,0 +1,40 @@
+<div class="ms-footer">
+    <div class="ms-footer-content">
+        <div class="ms-footer-left">
+            <div class="ms-footer-left-column">
+                <span class="ms-footer-left-column-about">
+                	<a href='{ms:global.url/}/53/index.html'>关于我们</a>
+                </span>|
+                <span class="ms-footer-left-column-course">
+                	<a target="_blank" href='http://mingsoft.net/html/1//5527/index.html#faz'>发展历程</a>
+                </span>|
+                <span class="ms-footer-left-column-contact">
+                	<a target="_blank" href='http://mingsoft.net/html/1//5527/index.html#lianx'>联系我们</a>
+                </span>
+            </div>
+            <span class="ms-footer-left-copyright">版权所有&copy;铭飞科技有限公司2012-2018保留一切权利</span>
+        </div>
+        <div class="ms-footer-right">
+            <img class='ms-footer-right-img-weixin' src="{ms:global.host/}/{ms:global.style/}/images/we-chat.png">
+            <a target="_blank" href='http://tieba.baidu.com/f?kw=%E9%93%AD%E9%A3%9E%E7%A7%91%E6%8A%80&fr=index&fp=0&ie=utf-8'><img class="ms-footer-right-baidu" src="{ms:global.host/}/{ms:global.style/}/images/baidu.png"></a>
+            <a target="_blank" href='http://weibo.com/killfen'><img src="{ms:global.host/}/{ms:global.style/}/images/micro-blog.png"></a>
+        	<div class="ms-footer-right-weixin">
+        		<p></p>
+        		<img alt="" src="{ms:global.host/}/{ms:global.style/}/images/weixin.jpg">
+        	</div>
+        </div>
+    </div>
+</div>
+<script>
+/*导航下拉*/
+$(function(){
+    $(".head-menu-list-li").hover(function(){
+        $(this).find(".head-menu-son-list").fadeToggle();
+    });
+    
+    $('.ms-footer-right-img-weixin').hover(function(){
+    	$('.ms-footer-right-weixin').toggle();
+    });
+});
+
+</script>
--- a/src/main/webapp/templets/1/default/head-file.htm
+++ b/src/main/webapp/templets/1/default/head-file.htm
@ -0,0 +1,30 @@
+<title>{ms:global.name/}</title>
+<meta charset="utf-8">
+<link rel="stylesheet" type="text/css" href="http://cdn.mingsoft.net/plugins/iconfont/1.0.0/iconfont.css" />
+<link rel="stylesheet/less" type="text/css" href="{ms:global.host/}/{ms:global.style/}/less/base.less">
+<link rel="stylesheet/less" type="text/css" href="{ms:global.host/}/{ms:global.style/}/less/index.less">
+<link rel="stylesheet/less" type="text/css" href="{ms:global.host/}/{ms:global.style/}/less/advice.less">
+<link rel="stylesheet/less" type="text/css" href="{ms:global.host/}/{ms:global.style/}/less/case-list.less">
+<link rel="stylesheet/less" type="text/css" href="{ms:global.host/}/{ms:global.style/}/less/about.less">
+<link rel="stylesheet/less" type="text/css" href="{ms:global.host/}/{ms:global.style/}/less/news-list.less">
+<link rel="stylesheet/less" type="text/css" href="{ms:global.host/}/{ms:global.style/}/less/news-show.less">
+<link rel="stylesheet/less" type="text/css" href="{ms:global.host/}/{ms:global.style/}/less/center.less">
+<script src="http://cdn.mingsoft.net/plugins/jquery/1.9.1/jquery-1.9.1.js"></script>
+<script src="{ms:global.host/}/{ms:global.style/}/js/slider.js"></script>
+<script src="http://cdn.mingsoft.net/plugins/less/2.5.3/less.min.js"></script>
+<script src="http://cdn.mingsoft.net/plugins/seajs/3.0.0/sea.js"></script>
+<script src="http://cdn.mingsoft.net/model/1.0.0/main.min.js"></script>
+<!--vue-懒加载-表单验证-->
+<script src="http://cdn.mingsoft.net/plugins/vue/2.3.3/vue.min.js"></script>
+<script src="http://cdn.mingsoft.net/plugins/validator/5.5.0/validator.min.js"></script>
+<link rel="stylesheet" type="text/css" href="{ms:global.host/}/{ms:global.style/}/css/animate.css">
+<script>
+    ms.config({
+        base: "{ms:global.host/}",
+        filter: {
+            people: {
+                loginUrl: '{ms:global.host/}'
+            }
+        }
+    });
+</script>
--- a/src/main/webapp/templets/1/default/head.htm
+++ b/src/main/webapp/templets/1/default/head.htm
@ -0,0 +1,144 @@
+<div class="ms-head">
+    <div class="head-menu">
+        <div class="head-men-left head-menu-flex-center">
+            <a href="{ms:global.host/}">
+                <img src="http://cdn.mingsoft.net/images/logo.png" />
+            </a>
+            <ul class="head-menu-list">
+                <li class="head-menu-list-li">走进铭飞
+                    <ul class="head-menu-son-list">
+                        <li>
+                            <a target="_blank" href='{ms:global.url/}/53/index.html'>关于我们</a>
+                        </li>
+                        <li>
+                            <a target="_blank" href='{ms:global.url/}/59/index.html'>公司动态</a>
+                        </li>
+                        <li>
+                            <a target="_blank" href='http://mingsoft.net/html/1//5527/index.html#faz'>发展历程</a>
+                        </li>
+                        <li>
+                            <a target="_blank" href='http://mingsoft.net/html/1//5527/index.html#lianx'>加入我们</a>
+                        </li>
+                        <li>
+                            <a target="_blank" href='{ms:global.url/}/19/141/index.html'>联系我们</a>
+                        </li>
+                    </ul>
+                </li>
+                <li class="head-menu-list-li">
+                    <a href='{ms:global.url/}/149/index.html'>案例</a>
+                </li>
+                <li class="head-menu-list-li">
+                    <a target="_blank" href='http://mstore.mingsoft.net/mstoreShow.do'>插件&模板</a>
+                    <!-- <ul class="head-menu-son-list">
+                        <li><a href='http://mstore.mingsoft.net/mstoreShow.do'>模板</a></li>
+                        <li><a href='http://mstore.mingsoft.net/mstoreShow.do'>插件</a></li>
+                    </ul> -->
+                </li>
+                <li class="head-menu-list-li">
+                    <a target="_blank" href='{ms:global.url/}/19/142/index.html'>在线留言</a>
+                </li>
+                <li class="head-menu-list-li">技术支持
+                    <ul class="head-menu-son-list">
+                        <li>
+                            <a target="_blank" href='http://bbs.mingsoft.net/mbbs/main.do'>开源社区</a>
+                        </li>
+                        <li>
+                            <a target="_blank" href='https://gitee.com/mingSoft/MCMS'>源码下载</a>
+                        </li>
+                        <li>
+                            <a target="_blank" href='http://doc.ms.mingsoft.net/plugs-cms/'>使用手册</a>
+                        </li>
+                    </ul>
+                </li>
+            </ul>
+        </div>
+        <div class="head-men-right head-menu-flex-center">
+            <div class="head-menu-flex-center head-menu-right-search">
+                <form id="searchDataForm" action="{ms:global.host/}/cms/1/search.do" method="post">
+                    <input type="text" class='ms-search-input' name="basic_title" placeholder="请输入关键字">
+                    <!-- <i class="iconfont ms-search-click">&#xe85e;</i> -->
+                    <input type="submit" value="" class="ms-search-click">
+                </form>
+            </div>
+            <div class="head-menu-right-content" id="ms-login-vue">
+                <span v-show="!isLogin" style="display: none;">
+                    <span>
+                        <a href='{ms:global.host/}/login.html'>登录</a>
+                    </span>|<span><a href='{ms:global.host/}/register.html'>注册</a></span>
+                </span>
+                <div class="topbar-info J_userInfo loginSuccess hide-default" v-show="isLogin" style="display: none;">
+                    <a class="user-name" href="{ms:global.host/}/people/center.do">
+                        <img :src="'{ms:global.host/}'+ peopleInfo.puIcon" class="loginImg user_icon" onerror="this.src='http://cdn.mingsoft.net/global/images/msheader.png'">
+                        <b class="userName ms-userName" v-text="peopleInfo.puNickname"></b>
+                    </a>
+                    <a href="javascript:;" class="quitLogin" @click="quitLogin">退出</a>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script>
+    var headVue = new Vue({
+        el: "#ms-login-vue",
+        data: {
+            isLogin: undefined, //登录状态
+            peopleInfo: "", //个人信息
+        },
+        mounted: function() {
+            //获取个人信息
+            var target = this;
+            $.ajax({
+                type: "POST",
+                url: "{ms:global.host/}/checkLoginStatus.do",
+                success: function(msg) {
+                    target.isLogin = msg.result;
+                    if(msg.result) {
+                        $.ajax({
+                            type: "POST",
+                            url: "{ms:global.host/}/people/user/info.do",
+                            success: function(msg) {
+                                target.peopleInfo = msg;
+                            }
+                        })
+                    }
+                }
+            })
+        },
+        methods: {
+            //退出登录
+            quitLogin: function() {
+                var target = this;
+                $.ajax({
+                    type: "POST",
+                    url: "{ms:global.host/}/people/quit.do",
+                    success: function(msg) {
+                        if(msg.result) {
+                            $("body").append("<form id='msHeadForm' action=''></form>");
+                            $("#msHeadForm").attr("action", "{ms:global.host/}").submit();
+                        }
+                    }
+                })
+            },
+        },
+    })
+    
+    /* $(function(){
+        var r=location.href;
+          if(r.match("53")){
+          $(".head-menu-list-li").removeClass("head-active");
+          $(".head-menu-list-li").eq(0).addClass("head-active");
+        }else if(r.match("141")){
+          $(".head-menu-list-li").removeClass("head-active");
+          $(".head-menu-list-li").eq(0).addClass("head-active");
+        }else if(r.match("59")){
+          $(".head-menu-list-li").removeClass("head-active");
+          $(".head-menu-list-li").eq(0).addClass("head-active");
+        }else if(r.match("155")){
+          $(".head-menu-list-li").removeClass("head-active");
+          $(".head-menu-list-li").eq(1).addClass("head-active");
+        }else if(r.match("142")){
+            $(".head-menu-list-li").removeClass("head-active");
+            $(".head-menu-list-li").eq(3).addClass("head-active");
+          }
+      }) */
+</script>
--- a/src/main/webapp/templets/1/default/images/00.png
+++ b/src/main/webapp/templets/1/default/images/00.png
--- a/src/main/webapp/templets/1/default/images/01.jpg
+++ b/src/main/webapp/templets/1/default/images/01.jpg
--- a/src/main/webapp/templets/1/default/images/02.jpg
+++ b/src/main/webapp/templets/1/default/images/02.jpg
--- a/src/main/webapp/templets/1/default/images/03.jpg
+++ b/src/main/webapp/templets/1/default/images/03.jpg
--- a/src/main/webapp/templets/1/default/images/1471918025445.png
+++ b/src/main/webapp/templets/1/default/images/1471918025445.png
--- a/src/main/webapp/templets/1/default/images/about_us.jpg
+++ b/src/main/webapp/templets/1/default/images/about_us.jpg
--- a/src/main/webapp/templets/1/default/images/ad_ctr.png
+++ b/src/main/webapp/templets/1/default/images/ad_ctr.png
--- a/src/main/webapp/templets/1/default/images/alpha.png
+++ b/src/main/webapp/templets/1/default/images/alpha.png
--- a/src/main/webapp/templets/1/default/images/baidu.png
+++ b/src/main/webapp/templets/1/default/images/baidu.png
--- a/src/main/webapp/templets/1/default/images/banner.jpg
+++ b/src/main/webapp/templets/1/default/images/banner.jpg
--- a/src/main/webapp/templets/1/default/images/case.png
+++ b/src/main/webapp/templets/1/default/images/case.png
--- a/src/main/webapp/templets/1/default/images/code.jpg
+++ b/src/main/webapp/templets/1/default/images/code.jpg
--- a/src/main/webapp/templets/1/default/images/company.png
+++ b/src/main/webapp/templets/1/default/images/company.png
--- a/src/main/webapp/templets/1/default/images/contact_us.jpeg
+++ b/src/main/webapp/templets/1/default/images/contact_us.jpeg
--- a/src/main/webapp/templets/1/default/images/error.png
+++ b/src/main/webapp/templets/1/default/images/error.png
--- a/src/main/webapp/templets/1/default/images/hu1.png
+++ b/src/main/webapp/templets/1/default/images/hu1.png
--- a/src/main/webapp/templets/1/default/images/img-2.png
+++ b/src/main/webapp/templets/1/default/images/img-2.png
--- a/src/main/webapp/templets/1/default/images/level-0.png
+++ b/src/main/webapp/templets/1/default/images/level-0.png
--- a/src/main/webapp/templets/1/default/images/level-1.png
+++ b/src/main/webapp/templets/1/default/images/level-1.png
--- a/src/main/webapp/templets/1/default/images/level-2.png
+++ b/src/main/webapp/templets/1/default/images/level-2.png
--- a/src/main/webapp/templets/1/default/images/level-3.png
+++ b/src/main/webapp/templets/1/default/images/level-3.png
--- a/src/main/webapp/templets/1/default/images/level-4.png
+++ b/src/main/webapp/templets/1/default/images/level-4.png
--- a/src/main/webapp/templets/1/default/images/level-5.png
+++ b/src/main/webapp/templets/1/default/images/level-5.png
--- a/src/main/webapp/templets/1/default/images/loading.gif
+++ b/src/main/webapp/templets/1/default/images/loading.gif
--- a/src/main/webapp/templets/1/default/images/logo.png
+++ b/src/main/webapp/templets/1/default/images/logo.png
--- a/src/main/webapp/templets/1/default/images/micro-blog.png
+++ b/src/main/webapp/templets/1/default/images/micro-blog.png
--- a/src/main/webapp/templets/1/default/images/mobile.png
+++ b/src/main/webapp/templets/1/default/images/mobile.png
--- a/src/main/webapp/templets/1/default/images/more.png
+++ b/src/main/webapp/templets/1/default/images/more.png
--- a/src/main/webapp/templets/1/default/images/ms.ico
+++ b/src/main/webapp/templets/1/default/images/ms.ico
--- a/src/main/webapp/templets/1/default/images/new-loading.gif
+++ b/src/main/webapp/templets/1/default/images/new-loading.gif
--- a/src/main/webapp/templets/1/default/images/news.png
+++ b/src/main/webapp/templets/1/default/images/news.png
--- a/src/main/webapp/templets/1/default/images/news2.png
+++ b/src/main/webapp/templets/1/default/images/news2.png
--- a/src/main/webapp/templets/1/default/images/no-comment.png
+++ b/src/main/webapp/templets/1/default/images/no-comment.png
--- a/src/main/webapp/templets/1/default/images/no-data.png
+++ b/src/main/webapp/templets/1/default/images/no-data.png
--- a/src/main/webapp/templets/1/default/images/our_company.jpeg
+++ b/src/main/webapp/templets/1/default/images/our_company.jpeg
--- a/src/main/webapp/templets/1/default/images/pexels-photo-583845.jpeg
+++ b/src/main/webapp/templets/1/default/images/pexels-photo-583845.jpeg
--- a/src/main/webapp/templets/1/default/images/pic.png
+++ b/src/main/webapp/templets/1/default/images/pic.png
--- a/src/main/webapp/templets/1/default/images/pics.png
+++ b/src/main/webapp/templets/1/default/images/pics.png
--- a/src/main/webapp/templets/1/default/images/search.jpg
+++ b/src/main/webapp/templets/1/default/images/search.jpg
--- a/src/main/webapp/templets/1/default/images/search.png
+++ b/src/main/webapp/templets/1/default/images/search.png
--- a/src/main/webapp/templets/1/default/images/talk_online.jpeg
+++ b/src/main/webapp/templets/1/default/images/talk_online.jpeg
--- a/src/main/webapp/templets/1/default/images/timg.jpg
+++ b/src/main/webapp/templets/1/default/images/timg.jpg
--- a/src/main/webapp/templets/1/default/images/we-chat.png
+++ b/src/main/webapp/templets/1/default/images/we-chat.png
--- a/src/main/webapp/templets/1/default/images/weixin.jpg
+++ b/src/main/webapp/templets/1/default/images/weixin.jpg
--- a/src/main/webapp/templets/1/default/index.htm
+++ b/src/main/webapp/templets/1/default/index.htm
@ -0,0 +1,282 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <#include "head-file.htm">
+        <link rel="stylesheet" type="text/css" href="http://cdn.mingsoft.net/plugins/bootstrap/3.3.5/css/bootstrap.min.css">
+        <script type="text/javascript" src="http://cdn.mingsoft.net/plugins/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+    </head>
+
+    <body>
+        <#include "head.htm">
+        <!-- <div class="ms-banner"> 
+            <img src="./images/banner.jpg">
+        </div> -->
+        <div id="indexVue">
+            <div id="banner_tabs" class="flexslider">
+                <ul class="slides">
+                    <template v-for="banner in bannerList">
+                        <li style="background:url({ms:global.host/}/{ms:global.style/}/images/03.jpg) no-repeat center;">
+                            <p class="banner_tit animated fadeInLeft">铭飞MS平台</p>
+                            <p class="banner_des animated fadeInRight">MCms系统永久完整开源</p>
+                        </li>
+                        <li style="background:url({ms:global.host/}/{ms:global.style/}/images/03.jpg) no-repeat center;">
+                            <p class="banner_tit animated fadeInLeft">MStore</p>
+                            <p class="banner_des animated fadeInRight">丰富强大的功能插件、海量精美的行业模板</p>
+                        </li>
+                        <li style="background:url({ms:global.host/}/{ms:global.style/}/images/03.jpg) no-repeat center;">
+                            <p class="banner_tit animated fadeInLeft">优质的服务体验</p>
+                            <p class="banner_des animated fadeInRight">人工远程协助服务、永久享受更新升级</p>
+                        </li>
+                    </template>
+                </ul>
+                <ul class="flex-direction-nav">
+                    <li>
+                        <a class="flex-prev" href="javascript:;">Previous</a>
+                    </li>
+                    <li>
+                        <a class="flex-next" href="javascript:;">Next</a>
+                    </li>
+                </ul>
+            </div>
+            <div class="ms-content-index">
+                <div class="ms-content-template">
+                    <div>
+                        <ul class="nav nav-tabs ms-index-tabs" role="tablist">
+                            <li role="presentation" class="active">
+                                <a href="#model" aria-controls="model" role="tab" data-toggle="tab">模板</a>
+                            </li>
+                            <li role="presentation">
+                                <a href="#plug" aria-controls="plug" role="tab" data-toggle="tab">插件</a>
+                            </li>
+                        </ul>
+                        <div class="ms-content-all">
+                            <div class="tab-content">
+                                <div role="tabpanel" class="tab-pane active" id="model">
+                                    <div style="display: none;" class="ms-loading" v-show="!loading">
+                                        <img src="{ms:global.host/}/{ms:global.style/}/images/loading.gif" />
+                                    </div>
+                                    <div class="ms-model-content" style="display: none;" v-show="loading">
+                                        <template v-for="model in modelList">
+                                            <div class="ms-model-list">
+                                                <a class="ms-model-img" :href="model.upgraderVersionUrl" target="_blank">
+                                                    <img @mouseout="imgMout()" @mouseover="imgMover()" :src="'http://mstore.mingsoft.net/'+model.upgraderVersionImg" onerror="this.src='{ms:global.host/}/{ms:global.style/}/images/no-data.png'" />
+                                                </a>
+                                                <div class="ms-model-mobile-img" v-if="model.upgraderVersionMobileImg != '' && model.upgraderVersionMobileImg != undefined" style="background: url({ms:global.host/}/{ms:global.style/}/images/mobile.png)">
+                                                    <div>
+                                                        <img @mouseout="imgMout()" @mouseover="imgMover()" :src="'http://mstore.mingsoft.net/'+model.upgraderVersionMobileImg" onerror="this.src='{ms:global.host/}/{ms:global.style/}/images/no-data.png'" />
+                                                    </div>
+                                                </div>
+                                                <div class="ms-model-info">
+                                                    <span v-text="model.upgraderVersionName"></span>
+                                                    <img class="ms-model-info-img" :src="model.upgraderVersionPeopleIcon" onerror="this.src='http://cdn.mingsoft.net/global/images/msheader.png'" />
+                                                    <img :src="'{ms:global.host/}/{ms:global.style/}/images/level-'+model.upgraderVersionStart+'.png'" />
+                                                    <div class="ms-model-type">模板</div>
+                                                </div>
+                                            </div>
+                                        </template>
+                                        <div class="ms-model-list" style="display: none;" v-show="loading">
+                                            <div class="ms-model-more">
+                                                <div onclick="window.open('http://mstore.mingsoft.net/mstoreShow.do')">查看更多</div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div role="tabpanel" class="tab-pane" id="plug">
+                                    <div class="ms-model-content" style="display: none;" v-show="loading">
+                                        <template v-for="pulg in pulgList">
+                                            <div class="ms-model-list">
+                                                <a class="ms-model-img" :href="pulg.upgraderVersionUrl" target="_blank">
+                                                    <img :src="'http://mstore.mingsoft.net/'+pulg.upgraderVersionImg" onerror="this.src='{ms:global.host/}/{ms:global.style/}/images/no-data.png'" />
+                                                </a>
+                                                <div class="ms-model-info">
+                                                    <span v-text="pulg.upgraderVersionName"></span>
+                                                    <img class="ms-model-info-img" :src="pulg.upgraderVersionPeopleIcon" onerror="this.src='http://cdn.mingsoft.net/global/images/msheader.png'" />
+                                                    <img :src="'{ms:global.host/}/{ms:global.style/}/images/level-'+pulg.upgraderVersionStart+'.png'" />
+                                                    <div class="ms-model-type">插件</div>
+                                                </div>
+                                            </div>
+                                        </template>
+                                        <div class="ms-model-list" style="display: none;" v-show="loading">
+                                            <div class="ms-model-more">
+                                                <div onclick="window.open('http://mstore.mingsoft.net/mstoreShow.do')">查看更多</div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="ms-content-case">
+                    <div class="ms-content-case-mian">
+                        <div class="ms-content-case-title">
+                            <div class="ms-content-case-title-words">网站案例</div>
+                            <div class="ms-content-case-more">
+                                <a href='{ms:global.url/}/149/index.html'>MORE>></a>
+                            </div>
+                        </div>
+                        <div class="ms-content-case-list">
+                            {ms:arclist typeid=149 size=6}
+                            <div class="ms-content-main-case">
+                                <div class="ms-content-main-case-img">
+                                    <img src="{ms:global.host/}[field.litpic/]">
+                                </div>
+                                <div class="ms-content-main-case-explain">
+                                    <div class="ms-content-main-case-title">[field.title/]</div>
+                                    <div class="ms-content-main-case-content">
+
+                                        <p class="ms-content-main-case-written">
+                                            [field.content/]
+                                        </p>
+                                    </div>
+                                    <div class="ms-content-main-case-click">
+                                        <a target="_blank" href="[field.source/]">点击查看</a>
+                                    </div>
+                                </div>
+                            </div>
+                            {/ms:arclist}
+                        </div>
+                    </div>
+                </div>
+                <div class="ms-content-product">
+                    <div class="ms-content-product-main">
+                        <div class="ms-content-product-title">
+                            <div class="ms-content-product-title-words">产品方向</div>
+                        </div>
+                        <div class="ms-content-product-list">
+                            <ul class="ms-content-product-list-ul">
+							    <li>
+							        <div class="ms-content-product-list-img">
+							            <a target="_blank" href="http://www.mingsoft.net/html/1/5523/index.html">
+							                <img src="http://www.mingsoft.net/templets/1/ming-soft//images/hu1.png"></a>
+							        </div>
+							        <div class="ms-content-product-list-content">
+							            <div class="ms-content-product-list-content-title">
+							                <a target="_blank" href="http://www.mingsoft.net/html/1/5523/index.html">铭飞建站系统MCMS</a></div>
+							            <div class="ms-content-product-list-content-describe">纯Java开发，MCMS支持PC与MOBILE皮肤定制,同时使用MS团队移动JS插件，支持站群。</div></div>
+							    </li>
+							    <li>
+							        <div class="ms-content-product-list-img">
+							            <a target="_blank" href="http://www.mingsoft.net/html/1/5524/index.html">
+							                <img src="http://www.mingsoft.net/templets/1/ming-soft//images/hu2.jpg"></a>
+							        </div>
+							        <div class="ms-content-product-list-content">
+							            <div class="ms-content-product-list-content-title">
+							                <a target="_blank" href="http://www.mingsoft.net/html/1/5524/index.html">移动互联网</a></div>
+							            <div class="ms-content-product-list-content-describe">重新定义移动开发，快速、开放、高性能，数据无缝对接，超过500个模块api 接口，方便实现各种应用。</div></div>
+							    </li>
+							    <li>
+							        <div class="ms-content-product-list-img">
+							            <a target="_blank" href="http://www.mingsoft.net/html/1/5526/index.html">
+							                <img src="http://www.mingsoft.net/templets/1/ming-soft//images/hu3.jpg"></a>
+							        </div>
+							        <div class="ms-content-product-list-content">
+							            <div class="ms-content-product-list-content-title">
+							                <a target="_blank" href="http://www.mingsoft.net/html/1/5526/index.html">铭飞物联网</a></div>
+							            <div class="ms-content-product-list-content-describe">MS+物联网，让生产企业真正掌握企业命脉，实现互联网+生产，给企业插上信息化翅膀，共享、共荣大数据时代</div></div>
+							    </li>
+							</ul>
+                        </div>
+                    </div>
+                </div>
+                <div class="ms-content-news">
+                    <div class="ms-content-news-main">
+                        <div class="ms-content-news-main-title">
+                            <div class="ms-content-news-main-title-words">公司动态</div>
+                            <div class="ms-content-news-main-title-more">
+                                <a href='{ms:global.url/}/59/index.html'>MORE>></a>
+                            </div>
+                        </div>
+                        <div class="ms-content-news-main-img-text">
+	                        {ms:arclist typeid=59 size=1}
+	                            <img src="{ms:global.host/}[field.litpic/]">
+                            {/ms:arclist}
+                            <ul class="ms-content-news-main-ul">
+                                {ms:arclist typeid=59 size=6}
+                                <li>
+                                    <a href="{ms:global.url/}[field.link/]">
+                                        <div class="ms-content-news-main-li-title">
+                                            <!-- <span class="ms-content-news-main-li-span">·</span> -->
+                                            <span class="">[field.title/]</span>
+                                        </div>
+                                        <div class="ms-content-news-main-li-time">[field.date?string("yyyy-mm-dd")/]</div>
+                                    </a>
+                                </li>
+                                {/ms:arclist}
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <#include "footer.htm">
+    </body>
+</html>
+<script type="text/javascript">
+    ms.load(["ms", "{ms:global.host/}/{ms:global.style/}/js/demo.js"], function(ms, mmstore) { //../templets/86/cms/js/ms.mstore.js
+        var index = new Vue({
+            el: "#indexVue",
+            data: {
+                bannerList: ['01', '02', '03', '04', '05'], //幻灯片列表
+                modelList: [], //模板列表
+                pulgList: [], //插件列表
+                loading: false, //加载状态
+            },
+            methods: {
+                query: function(data, type) {
+                    var target = this;
+                    mmstore.mstore.list(data, function(json) {
+                        if(type == 'model') {
+                            target.modelList = json.list;
+                        } else {
+                            target.pulgList = json.list;
+                            target.loading = true;
+                        }
+                    });
+                },
+                imgMover: function() {
+                    var _this = event.target;
+                    var ms_top = ($(_this).height()) - 275;
+                    if(ms_top < 0) {
+                        ms_top = 0;
+                    }
+                    $(_this).stop(true);
+                    $(_this).animate({
+                        "top": -(ms_top)
+                    }, 2500);
+                },
+                imgMout: function() {
+                    var _this = event.target;
+                    $(_this).stop(true);
+                    $(_this).animate({
+                        "top": 0
+                    }, 2500);
+                },
+            },
+            mounted: function() {
+                var data = "upgraderVersionType=2&upgraderVersionIndustry=0&orderBy=uv_id&pageSize=5&pageNo=1";
+                this.query(data, 'model');
+                var data = "upgraderVersionType=1&upgraderVersionIndustry=0&orderBy=uv_id&pageSize=5&pageNo=1";
+                this.query(data, 'pulg');
+                /*幻灯*/
+                setTimeout(function() {
+                    var bannerSlider = new Slider($('#banner_tabs'), {
+                        time: 5000,
+                        delay: 400,
+                        event: 'hover',
+                        auto: true,
+                        mode: 'fade',
+                        controller: $('#bannerCtrl'),
+                        activeControllerCls: 'active'
+                    });
+                    $('#banner_tabs .flex-prev').click(function() {
+                        bannerSlider.prev()
+                    });
+                    $('#banner_tabs .flex-next').click(function() {
+                        bannerSlider.next()
+                    });
+                }, 300)
+            },
+        })
+    })
+</script>
--- a/src/main/webapp/templets/1/default/js/demo.js
+++ b/src/main/webapp/templets/1/default/js/demo.js
@ -0,0 +1,21 @@
+define(function(require, exports, module) {
+	var ms = require("ms");
+	var ajaxCfg = {
+		"type": "post",
+		"dataType": "json",
+	};
+	var mstore = "http://mstore.mingsoft.net/";//
+	return {
+		"version": "1.0.0",
+		mstore: {
+			list: function(data, func) {
+				if(validator.isNull(data)) {
+					return;
+				}
+				ajaxCfg.url = mstore + "/mstore/list.do";
+				ajaxCfg.params = data;
+				ms.ajax(ajaxCfg, func);
+			}
+		},
+	}
+})
--- a/src/main/webapp/templets/1/default/js/jquery.sinaEmotion.js
+++ b/src/main/webapp/templets/1/default/js/jquery.sinaEmotion.js
@ -0,0 +1,152 @@
+/**
+ * @author 夏の寒风
+ * @time 2012-12-14
+ */
+
+//自定义hashtable
+function Hashtable() {
+    this._hash = new Object();
+    this.put = function(key, value) {
+        if (typeof (key) != "undefined") {
+            if (this.containsKey(key) == false) {
+                this._hash[key] = typeof (value) == "undefined" ? null : value;
+                return true;
+            } else {
+                return false;
+            }
+        } else {
+            return false;
+        }
+    }
+    this.remove = function(key) { delete this._hash[key]; }
+    this.size = function() { var i = 0; for (var k in this._hash) { i++; } return i; }
+    this.get = function(key) { return this._hash[key]; }
+    this.containsKey = function(key) { return typeof (this._hash[key]) != "undefined"; }
+    this.clear = function() { for (var k in this._hash) { delete this._hash[k]; } }
+}
+
+var emotions = new Array();
+var categorys = new Array();// 分组
+var uSinaEmotionsHt = new Hashtable();
+
+// 初始化缓存，页面仅仅加载一次就可以了
+
+//替换
+function AnalyticEmotion(s) {
+	if(typeof (s) != "undefined" && s != null) {
+		var sArr = s.match(/\[.*?\]/g);
+		if(!sArr){return s}
+		for(var i = 0; i < sArr.length; i++){
+			if(uSinaEmotionsHt.containsKey(sArr[i])) {
+				var reStr = "<img src=\"" + uSinaEmotionsHt.get(sArr[i]) + "\" height=\"20\" width=\"20\" />";
+				s = s.replace(sArr[i], reStr);
+			}
+		}
+	}
+	return s;
+}
+
+(function($){
+	$.fn.SinaEmotion = function(target){
+		var cat_current;
+		var cat_page;
+		$(this).click(function(event){
+			event.stopPropagation();
+			
+			var eTop = target.offset().top + target.height() + 15;
+			var eLeft = target.offset().left - 1;
+			
+			if($('#emotions .categorys')[0]){
+				$('#emotions').css({top: eTop, left: eLeft});
+				$('#emotions').toggle();
+				return;
+			}
+			$('body').append('<div id="emotions"></div>');
+			$('#emotions').css({top: eTop, left: eLeft});
+			$('#emotions').html('<div>正在加载，请稍候...</div>');
+			$('#emotions').click(function(event){
+				event.stopPropagation();
+			});
+			
+			$('#emotions').html('<div style="float:right"><a href="javascript:void(0);" id="prev">&laquo;</a><a href="javascript:void(0);" id="next">&raquo;</a></div><div class="categorys"></div><div class="container"></div><div class="page"></div>');
+			$('#emotions #prev').click(function(){
+				showCategorys(cat_page - 1);
+			});
+			$('#emotions #next').click(function(){
+				showCategorys(cat_page + 1);
+			});
+			showCategorys();
+			showEmotions();
+			
+		});
+		$('body').click(function(){
+			$('#emotions').remove();
+		});
+		$.fn.insertText = function(text){
+			this.each(function() {
+				if(this.tagName !== 'INPUT' && this.tagName !== 'TEXTAREA') {return;}
+				if (document.selection) {
+					this.focus();
+					var cr = document.selection.createRange();
+					cr.text = text;
+					cr.collapse();
+					cr.select();
+				}else if (this.selectionStart || this.selectionStart == '0') {
+					var 
+					start = this.selectionStart,
+					end = this.selectionEnd;
+					this.value = this.value.substring(0, start)+ text+ this.value.substring(end, this.value.length);
+					this.selectionStart = this.selectionEnd = start+text.length;
+				}else {
+					this.value += text;
+				}
+			});        
+			return this;
+		}
+		function showCategorys(){
+			var page = arguments[0]?arguments[0]:0;
+			if(page < 0 || page >= categorys.length / 5){
+				return;
+			}
+			$('#emotions .categorys').html('');
+			cat_page = page;
+			for(var i = page * 5; i < (page + 1) * 5 && i < categorys.length; ++i){
+				$('#emotions .categorys').append($('<a href="javascript:void(0);">' + categorys[i] + '</a>'));
+			}
+			$('#emotions .categorys a').click(function(){
+				showEmotions($(this).text());
+			});
+			$('#emotions .categorys a').each(function(){
+				if($(this).text() == cat_current){
+					$(this).addClass('current');
+				}
+			});
+		}
+		function showEmotions(){
+			var category = arguments[0]?arguments[0]:'默认';
+			var page = arguments[1]?arguments[1] - 1:0;
+			$('#emotions .container').html('');
+			$('#emotions .page').html('');
+			cat_current = category;
+			for(var i = page * 72; i < (page + 1) * 72 && i < emotions[category].length; ++i){
+				$('#emotions .container').append($('<a href="javascript:void(0);" title="' + emotions[category][i].name + '"><img src="' + emotions[category][i].icon + '" alt="' + emotions[category][i].name + '" width="22" height="22" /></a>'));
+			}
+			$('#emotions .container a').click(function(){
+				target.insertText($(this).attr('title'));
+				$('#emotions').remove();
+			});
+			for(var i = 1; i < emotions[category].length / 72 + 1; ++i){
+				$('#emotions .page').append($('<a href="javascript:void(0);"' + (i == page + 1?' class="current"':'') + '>' + i + '</a>'));
+			}
+			$('#emotions .page a').click(function(){
+				showEmotions(category, $(this).text());
+			});
+			$('#emotions .categorys a.current').removeClass('current');
+			$('#emotions .categorys a').each(function(){
+				if($(this).text() == category){
+					$(this).addClass('current');
+				}
+			});
+		}
+	}
+})(jQuery);
--- a/src/main/webapp/templets/1/default/js/slider.js
+++ b/src/main/webapp/templets/1/default/js/slider.js
@ -0,0 +1,156 @@
+/**
+ * slider插件可悬停控制
+ */
+; $(function ($, window, document, undefined) {
+    
+    Slider = function (container, options) {
+        /*
+        options = {
+            auto: true,
+            time: 3000,
+            event: 'hover' | 'click',
+            mode: 'slide | fade',
+            controller: $(),
+            activeControllerCls: 'className',
+            exchangeEnd: $.noop
+        }
+        */
+
+        "use strict"; //stirct mode not support by IE9-
+
+        if (!container) return;
+
+        var options = options || {},
+            currentIndex = 0,
+            cls = options.activeControllerCls,
+            delay = options.delay,
+            isAuto = options.auto,
+            controller = options.controller,
+            event = options.event,
+            interval,
+            slidesWrapper = container.children().first(),
+            slides = slidesWrapper.children(),
+            length = slides.length,
+            childWidth = container.width(),
+            totalWidth = childWidth * slides.length;
+
+        function init() {
+            var controlItem = controller.children();
+
+            mode();
+
+            event == 'hover' ? controlItem.mouseover(function () {
+                stop();
+                var index = $(this).index();
+
+                play(index, options.mode);
+            }).mouseout(function () {
+                isAuto && autoPlay();
+            }) : controlItem.click(function () {
+                stop();
+                var index = $(this).index();
+
+                play(index, options.mode);
+                isAuto && autoPlay();
+            });
+
+            isAuto && autoPlay();
+        }
+
+        //animate mode
+        function mode() {
+            var wrapper = container.children().first();
+
+            options.mode == 'slide' ? wrapper.width(totalWidth) : wrapper.children().css({
+                'position': 'absolute',
+                'left': 0,
+                'top': 0
+            })
+                .first().siblings().hide();
+        }
+
+        //auto play
+        function autoPlay() {
+            interval = setInterval(function () {
+                triggerPlay(currentIndex);
+            }, options.time);
+        }
+
+        //trigger play
+        function triggerPlay(cIndex) {
+            var index;
+
+            (cIndex == length - 1) ? index = 0 : index = cIndex + 1;
+            play(index, options.mode);
+        }
+
+        //play
+        function play(index, mode) {
+            slidesWrapper.stop(true, true);
+            slides.stop(true, true);
+
+            mode == 'slide' ? (function () {
+                if (index > currentIndex) {
+                    slidesWrapper.animate({
+                        left: '-=' + Math.abs(index - currentIndex) * childWidth + 'px'
+                    }, delay);
+                } else if (index < currentIndex) {
+                    slidesWrapper.animate({
+                        left: '+=' + Math.abs(index - currentIndex) * childWidth + 'px'
+                    }, delay);
+                } else {
+                    return;
+                }
+            })() : (function () {
+                if (slidesWrapper.children(':visible').index() == index) return;
+                slidesWrapper.children().fadeOut(delay).eq(index).fadeIn(delay);
+            })();
+
+            try {
+                controller.children('.' + cls).removeClass(cls);
+                controller.children().eq(index).addClass(cls);
+            } catch (e) { }
+
+            currentIndex = index;
+
+            options.exchangeEnd && typeof options.exchangeEnd == 'function' && options.exchangeEnd.call(this, currentIndex);
+        }
+
+        //stop
+        function stop() {
+            clearInterval(interval);
+        }
+
+        //prev frame
+        function prev() {
+            stop();
+
+            currentIndex == 0 ? triggerPlay(length - 2) : triggerPlay(currentIndex - 2);
+
+            isAuto && autoPlay();
+        }
+
+        //next frame
+        function next() {
+            stop();
+
+            currentIndex == length - 1 ? triggerPlay(-1) : triggerPlay(currentIndex);
+
+            isAuto && autoPlay();
+        }
+
+        //init
+        init();
+
+        //expose the Slider API
+        return {
+            prev: function () {
+                prev();
+            },
+            next: function () {
+                next();
+            }
+        }
+    };
+
+}(jQuery, window, document));
--- a/src/main/webapp/templets/1/default/less/about.less
+++ b/src/main/webapp/templets/1/default/less/about.less
@ -0,0 +1,90 @@
+.ms-content-about{
+	a:link{color:#000;text-decoration:none}
+	a:visited{color:#000;text-decoration:none}
+	a:active{color:#000;text-decoration:none}
+	a:hover{color:#000;text-decoration:none}
+	/*margin: 20px 0;*/
+	margin-top: 20px;
+    margin-bottom: 40px;
+	.ms-content-main{
+		width: 1200px;
+		overflow: hidden;
+		margin: auto;
+		.ms-content-left{
+			width: 230px;
+			float: left;
+			margin-right: 20px;
+			.ms-content-left-title{
+				font-weight: bold;
+				background-color: #009aff;
+				color: #fff;
+				height: 40px;
+				line-height: 40px;
+				width: 190px;
+				padding: 0 20px;
+			}
+			.ms-content-left-ul{
+				a:hover{
+					li{
+						background-color: #54bcfe;
+					}
+					color: #fff;
+				}
+				background-color: #fff;
+				margin-top: 1px;
+				width: 230px;
+				a{
+					color: #999999;
+				}
+				li{
+					height: 40px;
+					line-height: 40px;
+					font-size: 14px;
+					cursor: pointer;
+					/*width: 190px;*/
+					padding: 0 20px;
+					.ms-content-left-li-more{
+						float: right;
+					}
+				}
+				.ms-content-left-li-first{
+					li{
+						background-color: #54bcfe;
+					}
+					color: #fff;
+				}
+			}
+		}
+		.ms-content-right{
+			overflow: hidden;
+			a:visited{color:#000000;}
+			.ms-content-right-position{
+				a:hover{
+					color:#0099ff;
+				}
+				font-size: 14px;
+				span{
+					padding: 0 5px;
+				}
+			}
+			.ms-content-right-main{
+				width: 952px;
+				background-color: #ffffff;
+				min-height: 450px;
+				padding-bottom: 20px;
+				.ms-content-right-main-content{
+					margin: 0 20px;
+				}
+				.ms-content-right-main-title{
+					text-align: center;
+    				font-size: 20px;
+    				padding-top: 40px;
+				    padding-bottom: 20px;
+				    border-bottom: 1px solid #d0cfcf99;
+				    margin: 20px;
+				}
+			}
+			
+		}
+	}
+}
--- a/src/main/webapp/templets/1/default/less/advice.less
+++ b/src/main/webapp/templets/1/default/less/advice.less
@ -0,0 +1,48 @@
+/*内容*/
+.ms-content-advice{
+	/*margin: 20px 0;*/
+	margin-top: 20px;
+    margin-bottom: 40px;
+	.ms-content-form-background{
+		width: 1200px;
+		height: 480px;
+		background-color: #ffffff;
+		margin: auto;
+		display: flex;
+		.ms-content-form{
+			::-webkit-input-placeholder { 
+			    color:#999;
+			}
+			input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
+				font-family:Arial,Verdana,Sans-serif
+			}	
+			width: 330px;
+			margin: auto;
+			.ms-content-form-name,.ms-content-form-phone,.ms-content-form-message{
+				width: 308px;
+			    height: 12px;
+			    padding: 10px;
+			    display: block;
+			    border: 1px solid #eeeeee;
+			    border-radius: 3px;
+			    color: #555555;
+			    margin-bottom: 20px;
+			}
+			.ms-content-form-message{
+				height: 142px;
+			}
+			.ms-login-button{
+				pointer-events: none;
+				width: 330px;
+			    height: 34px;
+			    line-height: 34px;
+			    font-size: 14px;
+			    color: #ddd;
+			    text-align: center;
+			    background-color: #fafafa;
+			    cursor: pointer;
+			    border-radius: 4px;
+			}
+		}
+	}
+}
--- a/src/main/webapp/templets/1/default/less/base.less
+++ b/src/main/webapp/templets/1/default/less/base.less
@ -0,0 +1,433 @@
+/*其他*/
+
+body,
+ul,
+ol,
+li,
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+form,
+fieldset,
+table,
+td,
+img,
+div,
+a {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    text-decoration: none !important;
+}
+
+* {
+    margin: 0;
+    padding: 0;
+}
+
+body {
+    min-width: 1200px;
+    background-color: #fafafa;
+}
+
+html,
+body,
+ul,
+li {
+    margin: 0;
+    padding: 0;
+}
+
+a {
+    text-decoration: none;
+    color: #555;
+}
+
+ul,
+li,
+ol {
+    list-style: none;
+}
+
+input:focus,
+textarea:focus {
+    outline: none;
+}
+
+
+/*banner图*/
+
+.ms-banner {
+    height: 337px;
+    img {
+        width: 100%;
+        height: 100%;
+    }
+}
+
+.flexslider {
+    margin: 0px auto 20px;
+    position: relative;
+    width: 100%;
+    height: 440px;
+    overflow: hidden;
+    zoom: 1;
+    .slides {
+        li {
+            width: 100%;
+            height: 100%;
+        }
+        a {
+            img {
+                width: 100%;
+                height: 337px;
+                display: block;
+            }
+        }
+    }
+    .flex-direction-nav {
+        width: 100%;
+        /*position: absolute;*/
+        bottom: 10px;
+        text-align: center;
+        a {
+            width: 70px;
+            height: 70px;
+            line-height: 99em;
+            overflow: hidden;
+            margin: -35px 0 0;
+            display: block;
+            background: url(../images/ad_ctr.png) no-repeat;
+            position: absolute;
+            top: 50%;
+            z-index: 10;
+            cursor: pointer;
+            opacity: 0;
+            filter: alpha(opacity=0);
+            -webkit-transition: all .3s ease;
+            border-radius: 35px;
+        }
+        .flex-next {
+            background-position: 0 -70px;
+            right: 10px;
+        }
+        .flex-prev {
+            left: 10px;
+        }
+        li {
+            margin: 0 2px;
+            display: inline-block;
+            zoom: 1;
+            *display: inline;
+        }
+    }
+}
+
+.flexslider:hover {
+    .flex-next {
+        opacity: 0.8;
+        filter: alpha(opacity=25);
+    }
+    .flex-prev {
+        opacity: 0.8;
+        filter: alpha(opacity=25);
+    }
+}
+
+.flexslider:hover .flex-next:hover,
+.flexslider:hover .flex-prev:hover {
+    opacity: 1;
+    filter: alpha(opacity=50);
+}
+
+
+/*头部*/
+
+.ms-head {
+    a {
+        color: #fff;
+    }
+    background-color: #2b3442;
+    .head-menu-flex-center {
+        display: flex;
+        align-items: center;
+    }
+    .head-menu {
+        width: 1200px;
+        height: 60px;
+        margin: auto;
+        color: #ffffff;
+        /*overflow: hidden;*/
+        display: flex;
+        justify-content: space-between;
+        .head-menu-flex-center {
+            .head-menu-list {
+            	.head-active{
+            		color: #ffb800;
+                    background-color: #2b3442;
+            	}
+                .head-menu-list-li:hover {
+                    background-color: #202833;
+                    color: #ffb800;
+                }
+                .head-menu-list-li a:hover {
+                    background-color: #202833;
+                    color: #ffb800;
+                }
+                padding-left: 30px;
+                height: 60px;
+                line-height: 60px;
+                margin: 0 !important;
+                .head-menu-list-li {
+                    cursor: pointer;
+                    position: relative;
+                    .head-menu-son-list {
+                        background-color: #2b3442;
+                        position: absolute;
+                        width: 100%;
+                        left: 0;
+                        color: #fff;
+                        display: none;
+                        top: 60px;
+                        z-index: 9999999;
+                        li {
+                            height: 40px;
+                            line-height: 40px;
+                            text-align: center;
+                            a:hover {
+                                color: #ffb800;
+                                background-color: #2b3442;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+        img,
+        .head-menu-list,
+        div,
+        .head-menu-list-li {
+            float: left;
+        }
+        img {
+            width: 60px;
+            height: 30px;
+            padding-right: 10px;
+        }
+        li {
+            padding: 0 15px;
+            ul {
+                /*display: none;*/
+            }
+        }
+        .head-men-right {
+            .head-menu-right-content {
+                min-width: 100px;
+                span {
+                    span {
+                        padding: 0 5px;
+                        cursor: pointer;
+                        a {
+                            &:hover {
+                                color: #ffb800;
+                            }
+                        }
+                    }
+                }
+            }
+            .head-menu-right-search {
+                padding-right: 12px;
+                position: relative;
+                input:-webkit-autofill {
+			        -webkit-box-shadow: 0 0 0px 1000px #2b3442 inset !important;//关于解决输入框背景颜色
+			        -webkit-text-fill-color: rgba(255,255,255,1)!important;//关于接输入框文字颜色
+			    }
+                .ms-search-click {
+                    background-image: url(../images/search.png);
+                    width: 14px;
+                    height: 14px;
+                    border: 0;
+                    background-color: #2b3442;
+                    position: absolute;
+                    right: 30px;
+                    top: 8px;
+                    cursor: pointer;
+                }
+                .ms-search-input {
+                    height: 28px;
+                    background-color: #2b3442;
+                    border: 1px solid #fff;
+                    border-radius: 15px;
+                    padding-left: 30px;
+                    color: #fff;
+                    width: 318px;
+                    font-size: 14px;
+                }
+                input::-webkit-input-placeholder {
+                    color: #fff;
+                }
+                .iconfont {
+                    font-size: 18px;
+                    cursor: pointer;
+                    position: absolute;
+                    right: 28px;
+                }
+            }
+        }
+    }
+}
+
+
+/*底部*/
+
+.ms-footer {
+    height: 140px;
+    background-color: #2a3542;
+    /*line-height: 140px;*/
+    .ms-footer-content {
+        padding: 46px 0;
+        width: 1200px;
+        margin: auto;
+        .ms-footer-left {
+            color: #999999;
+            font-size: 14px;
+            float: left;
+            .ms-footer-left-copyright {
+                display: block;
+                padding-top: 20px;
+                height: 14px;
+            }
+            .ms-footer-left-column {
+                a:link {
+                    color: #999;
+                    text-decoration: none
+                }
+                a:visited {
+                    color: #999;
+                    text-decoration: none
+                }
+                a:hover{
+                	color: #fff;
+                }
+                height: 14px;
+                cursor:pointer;
+                .ms-footer-left-column-course,
+                .ms-footer-left-column-contact {
+                    padding: 0 10px;
+                }
+                .ms-footer-left-column-about {
+                    padding-right: 10px;
+                }
+            }
+        }
+        .ms-footer-right {
+            float: right;
+            img {
+                cursor: pointer;
+            }
+            .ms-footer-right-baidu {
+                padding: 0 12px;
+            }
+            .ms-footer-right-weixin {
+                position: relative;
+                display: none;
+                img {
+                    top: -161px;
+                    left: -38px;
+                    width: 103px;
+                    /* display: none; */
+                    border: 2px solid #ccc;
+                    position: absolute;
+                }
+                p {
+                    font-size: 0;
+                    line-height: 0;
+                    display: block;
+                    width: 0;
+                    height: 0;
+                    left: 8px;
+                    border-left: 10px solid transparent;
+                    border-right: 8px solid transparent;
+                    border-top: 10px solid #fff;
+                    position: absolute;
+                    top: -58px;
+                    z-index: 85;
+                    /* display: none; */
+                }
+            }
+        }
+    }
+}
+
+.ms-but-disabled2,
+.ms-but-disabled {
+    opacity: .6 !important;
+    cursor: no-drop !important;
+}
+
+.ms-but-disabled:hover {
+    background-color: #009aff !important;
+}
+
+.ms-loading {
+    text-align: center;
+    height: 700px;
+    line-height: 700px;
+    img {
+        width: 60px;
+    }
+}
+
+.topbar-info {
+    display: flex;
+    align-items: center;
+    float: right;
+    color: white;
+    text-align: right;
+    a {
+        height: 30px;
+        line-height: 30px;
+        .loginImg {
+            width: 30px !important;
+            height: 30px !important;
+            vertical-align: super;
+            border-radius: 50%;
+            padding: 0;
+            margin-right: 12px;
+            opacity: .9;
+            cursor: pointer;
+            &:hover {
+                opacity: 1;
+            }
+        }
+        .userName {
+            line-height: 30px !important;
+            margin-right: 12px;
+            color: #fff;
+            cursor: pointer;
+            font-weight: 500;
+            &:hover {
+                color: #ffb800;
+            }
+        }
+    }
+    .quitLogin {
+        color: #fff;
+        height: 30px;
+        line-height: 30px;
+        &:hover {
+            color: #ffb800;
+        }
+    }
+    .ms-userName {
+        max-width: 110px;
+        white-space: nowrap;
+        display: inline-block;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+}
--- a/src/main/webapp/templets/1/default/less/case-list.less
+++ b/src/main/webapp/templets/1/default/less/case-list.less
@ -0,0 +1,128 @@
+
+.ms-content-case{
+/*	margin: 20px 0 ;*/
+	background-color: #fff;
+    overflow: hidden;
+    padding-top: 20px;
+	a:visited{color:#000000;}
+	.ms-content-main{
+		width: 1200px;
+		min-height: 400px;
+		margin: auto;
+		overflow: hidden;
+		.ms-content-main-case:nth-child(3n){
+			margin-right: 0;
+		}
+		.ms-content-main-case{
+			border: 1px solid #f0f0f0;
+			width: 384px;
+			height: 332px;
+    		margin-right: 20px;
+    		float: left;
+    		position: relative;
+    		overflow: hidden;
+    		color: #ffffff;
+    		margin-top: 20px;
+			.ms-content-main-case-img{
+				width: 387px;
+				height: 334px;
+				img{
+					width: 100%;
+					height: 100%;
+				}
+			}
+			.ms-content-main-case-explain{
+				display: none;
+				width: 100%;
+				height: 100%;
+				background-color: #0099ff;
+				opacity: 0.9;
+				position: absolute;
+			    top: 0px;
+			    left: 0px;
+			    .ms-content-main-case-title{
+			    	font-size: 22px;
+				    text-align: center;
+				    margin: 20px 0;
+				    padding: 0 20px;
+				    height: 22px;
+    				line-height: 22px;
+    				overflow:hidden;
+					text-overflow:ellipsis;
+					-webkit-line-clamp:1;    
+					-webkit-box-orient:vertical;
+					display:-webkit-box;
+			    }
+			    .ms-content-main-case-content{
+			   	 	min-height: 215px;
+			    	p{
+			    		font-size: 14px;
+			    		padding: 0 30px;
+			    		overflow: hidden;
+					    text-overflow: ellipsis;
+					    -webkit-line-clamp: 4;
+					    -webkit-box-orient: vertical;
+					    display: -webkit-box;
+					    img{
+						    	width: 100px;
+							    text-align: center;
+							    margin: 20px 0;
+							    height: 100px;
+						    }
+			    	}
+			    }
+			    .ms-content-main-case-click{
+			    	text-align: center;
+			    	a{
+			    		border: 1px solid #ffffff;
+					    border-radius: 17px;
+					    padding: 5px 39px;
+					    color: #ffffff;
+			    	}
+			    }
+			}
+		}
+		.ms-content-main-case-left{
+			margin-right: 0px;
+		}
+		
+	}
+	#ms-case-page{
+		 margin-top: 50px;
+		 a:hover{
+		 	 background-color: #eee;
+		 }
+	}
+	.ms-content-main-page{
+		a{
+			color:#999;
+			font-size:14px;
+		}
+		text-align: center;
+	    margin-top: 30px;
+	    margin-bottom: 50px;
+		.ms-content-main-page-first,.ms-content-main-page-last{
+			border: 1px solid #ddd;
+			padding: 10px 15px;
+			margin-right:-5px;
+		}
+		.ms-content-main-page-upper,.ms-content-main-page-next{
+			border-top:1px solid #ddd;
+			border-bottom:1px solid #ddd;
+			/*border: 1px solid #ddd;*/
+			padding: 10px 15px;
+			margin-right:-5px;
+		}
+		.ms-content-main-page-upper{
+			border-right: 1px solid #ddd;
+		}
+		.ms-content-main-page-first{
+			border-top-left-radius: 4px;
+			border-bottom-left-radius: 4px;
+		}
+		.ms-content-main-page-last{
+			border-top-right-radius: 4px;
+			border-bottom-right-radius: 4px;
+		}
+	}
+}
--- a/src/main/webapp/templets/1/default/less/center.less
+++ b/src/main/webapp/templets/1/default/less/center.less
@ -0,0 +1,223 @@
+.ms-content {
+    font-family: arial, "Microsoft Yahei", "Hiragino Sans GB", sans-serif;
+    width: 1200px;
+    margin: auto;
+    .ms-content-main {
+        margin: 20px 0;
+        .ms-content-left {
+            width: 230px;
+            height: 270px;
+            background-color: #fff;
+            text-align: center;
+            margin-right: 20px;
+            float: left;
+            .ms-content-left-info {
+                img {
+                    width: 100px;
+                    height: 100px;
+                    border-radius: 50%;
+                    margin: 20px 0 10px 0;
+                }
+                div {
+                    border-bottom: 1px solid #f1f1f1;
+                    padding-bottom: 10px;
+                    font-weight: bold;
+                    overflow: hidden;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                    color: #555555;
+                }
+            }
+            .ms-content-left-list {
+                .active {
+                    color: #0099ff;
+                }
+                a:link {
+                    color: #999;
+                    text-decoration: none
+                }
+                a:hover{
+                  color: #0099ff;
+                }
+                .ms-content-left-list-info {
+                    margin-top: 20px;
+                    cursor: pointer;
+                    color: #999999;
+                }
+                .ms-content-left-list-pass {
+                    margin: 20px 0;
+                    color: #999999;
+                    cursor: pointer;
+                }
+            }
+        }
+        .ms-content-right {
+            background-color: #fff;
+            width: 950px;
+            min-height: 653px;
+            overflow: hidden;
+            .ms-content-right-title {
+                color: #555555;
+                border-bottom: 1px solid #eeeeee;
+                padding: 20px 0;
+                margin: 0 20px;
+            }
+            /*修改密码*/
+            .ms-content-right-form {
+            	input::-webkit-input-placeholder {
+                    color: #999;
+                }
+                .ms-content-old-password,
+                .ms-content-data {
+                	.span{
+                		display: inline-block; 
+                	}
+                    font-size: 14px;
+                    color: #999999;
+                    .ms-error-hide {
+                        opacity: 0;
+                        color: #FF0000;
+                        transition: all .2s;
+                    }
+                    .ms-error-show {
+                        opacity: 1;
+                    }
+                    span {
+                        min-width: 70px;
+                        max-width: 300px;
+                        /*display: inline-block;*/
+                    }
+                    
+                    img {
+                        vertical-align: middle;
+                    }
+                    input {
+                        width: 220px;
+                        height: 20px;
+                        padding: 5px 10px;
+                        border: 1px solid #eeeeee;
+                        border-radius: 4px;
+                        margin-top: 20px;
+                        background-color: #fafafa;
+                    }
+                }
+                form {
+                    margin-left: 67px;
+                }
+                .ms-content-click {
+                	pointer-events:none;
+ 	                background-color:#fafafa;
+ 	                color:#ddd;
+                    /*color: white;*/
+                    width: 120px;
+                    /*background-color: #0099ff;*/
+                    padding: 6px 0;
+                    border-radius: 4px;
+                    text-align: center;
+                    margin-left: 141px;
+                    margin-top: 20px;
+                    cursor: pointer;
+                    opacity: .9;
+                    &:hover {
+                        opacity: 1;
+                    }
+                }
+                .ms-content-click-password {
+                    margin-left: 141px;
+                }
+            }
+            /*基本资料*/
+            .ms-content-right-form {
+                .ms-content-data {
+                    .ms-error-hide {
+                        opacity: 0;
+                        color: #FF0000;
+                        transition: all .2s;
+                    }
+                    .ms-error-show {
+                        opacity: 1;
+                    }
+                    input {
+                        background-color: #ffffff;
+                        height: 20px;
+                        padding: 5px 10px;
+                        margin-right: 18px;
+                        transition: all .6s;
+                        color: #999;
+                        &:focus {
+                            color: #000;
+                            border-color: #0099ff;
+                        }
+                    }
+                    .ms-content-head-img {
+                        width: 64px;
+                        height: 64px;
+                        position: relative;
+                        &:hover {
+                            #browse {
+                                display: block;
+                            }
+                        }
+                        img {
+                            width: 100%;
+                            height: 100%;
+                            border-radius: 50%;
+                            background: white;
+                        }
+                        .ms-content-head-upload {
+                            width: 100%;
+                            height: 100%;
+                            line-height: 64px;
+                            position: absolute;
+                            top: 0px;
+                            left: 0px;
+                            font-size: 12px;
+                            color: #fff;
+                            border-radius: 50%;
+                            text-align: center;
+                            span {
+                                margin: auto;
+                            }
+                        }
+                    }
+                }
+                .ms-content-data-head {
+                    text-align: left;
+                    display: flex;
+                    align-items: center;
+                    margin-top: 20px;
+                    cursor: pointer;
+                }
+            }
+        }
+    }
+}
+
+.ms-content-head-upload {
+    .display-img {
+        width: 64px;
+        height: 64px;
+        display: block !important;
+    }
+    span {
+        display: none ;
+    }
+    &:hover {
+        #browse {
+            opacity: 1;
+        }
+    }
+    #browse {
+        background: rgba(89, 89, 89, 0.5);
+        min-width: 64px;
+        width: 64px;
+        height: 64px;
+        transition: .3s;
+        position: absolute;
+        z-index: 1;
+        top: 0;
+        left: 0;
+        border-radius: 50%;
+        opacity: 0;
+    }
+}
--- a/src/main/webapp/templets/1/default/less/index.less
+++ b/src/main/webapp/templets/1/default/less/index.less
@ -0,0 +1,399 @@
+body{
+    font-size: 16px !important;
+    font-family: inherit !important;
+}
+.ms-head{
+    *{
+        box-sizing: initial !important;
+    }
+    box-sizing: initial !important;
+}
+.ms-content-index {
+    #ms-content-main-case-left {
+        margin-right: 0px;
+    }
+    min-height: 550px;
+    /*网站案例*/
+    .ms-content-template {
+        .ms-index-tabs {
+        	
+            text-align: center;
+            border: none;
+            margin-bottom: 3px;
+            li {
+            	a:hover{
+            		color: #333;
+            	}
+            	margin-right: 15px;
+                float: none;
+                display: inline-block;
+                font-size: 2.4rem;
+                a {
+                    border: none !important;
+                    color: #777;
+                    background-color: white;
+                    padding: 10px 0px;
+                    font-size: 20px;
+                }
+            }
+            .active {
+                a {
+                    border-bottom: 2px solid #00b0ff !important;
+                    color:#333;
+                }
+            }
+        }
+        .ms-content-all {
+            min-height: 700px;
+            padding: 20px 0;
+            width: 100%;
+            background: #fafafa;
+            .tab-content {
+                background: #fafafa;
+                width: 1200px;
+                margin: auto;
+                overflow: hidden;
+                padding-bottom: 20px;
+                .ms-model-content {
+                    display: flex;
+                    flex-wrap: wrap;
+                    justify-content: space-between;
+                    .ms-model-list {
+                        .ms-model-more {
+                            width: 385px;
+                            height: 347px;
+                            background-color: white;
+                            line-height: 364px;
+                            text-align: center;
+                            background-size:100% 100%;  
+                            background-image: url(../images/more.png);
+                            div {
+                                border: 1px solid #aaa;
+                                color: #666;
+                                padding: 6px 18px;
+                                display: inline-block;
+                                line-height: 1;
+                                border-radius: 30px;
+                                font-size: 1.4rem;
+                                cursor: pointer;
+                                &:hover {
+                                    background: #aaa;
+                                    color: white;
+                                }
+                            }
+                        }
+                        display: inline-block;
+                        position: relative;
+                        margin: 20px 0 0 0;
+                        .ms-model-info {
+                            padding: 18px;
+                            background: white;
+                            span {
+                                display: block;
+                                margin-bottom: 18px;
+                                color: #666;
+                            }
+                            .ms-model-info-img {
+                                width: 35px;
+                                height: 35px;
+                                border-radius: 50%;
+                                margin-right: 6px;
+                            }
+                            .ms-model-type {
+                                color: #fb803c;
+                                display: inline-block;
+                                float: right;
+                                font-size: 2.4rem;
+                            }
+                        }
+                        .ms-model-img {
+                            overflow: hidden;
+                            position: relative;
+                            height: 235px;
+                            z-index: 2;
+                            display: block;
+                            img {
+                                width: 385px;
+                                position: relative;
+                            }
+                        }
+                        .ms-model-mobile-img {
+                            position: absolute;
+                            overflow: hidden;
+                            z-index: 3;
+                            right: 0;
+                            top: 0;
+                            height: 285px;
+                            div {
+                                width: 150px;
+                                height: 192px;
+                                padding: 0px 15px 0px 26px;
+                                margin-top: 47px;
+                                overflow: hidden;
+                                position: relative;
+                                img {
+                                    width: 100%;
+                                    position: relative;
+                                    min-height: 100%;
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+    .ms-content-case {
+        width: 100%;
+        /*height: 300px;*/
+        overflow: hidden;
+        background-color: #fff;
+        .ms-content-case-mian {
+            width: 1200px;
+            margin: auto;
+            overflow: hidden;
+            padding-bottom: 40px;
+            .ms-content-case-title {
+                overflow: hidden;
+                border-bottom: 1px solid #eee;
+                padding-bottom: 20px;
+                padding-top: 20px;
+                .ms-content-case-title-words {
+                    float: left;
+                    font-size: 20px;
+                }
+                .ms-content-case-more {
+                    float: right;
+                    font-size: 14px;
+                    color: #999;
+                    cursor: pointer;
+                    a:link {
+                        color: #999;
+                        text-decoration: none
+                    }
+                    a:visited {
+                        color: #999;
+                        text-decoration: none
+                    }
+                }
+            }
+            .ms-content-case-list {
+                .ms-content-main-case:nth-child(3n) {
+                    margin-right: 0;
+                }
+                .ms-content-main-case {
+                    border: 1px solid #f0f0f0;
+                    width: 384px;
+                    height: 332px;
+                    margin-right: 22px;
+                    float: left;
+                    position: relative;
+                    overflow: hidden;
+                    color: #ffffff;
+                    margin-top: 20px;
+                    &:hover {
+                        .ms-content-main-case-explain {
+                            display: block;
+                        }
+                    }
+                    .ms-content-main-case-img {
+                        width: 384px;
+                        height: 334px;
+                        img {
+                            width: 100%;
+                            height: 100%;
+                        }
+                    }
+                    .ms-content-main-case-explain {
+                        display: none;
+                        width: 100%;
+                        height: 100%;
+                        background-color: #0099ff;
+                        opacity: 0.9;
+                        position: absolute;
+                        top: 0px;
+                        left: 0px;
+                        .ms-content-main-case-title {
+                            font-size: 22px;
+                            text-align: center;
+                            margin: 20px 0;
+                            padding: 0 20px;
+                            height: 22px;
+                            line-height: 22px;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+                            -webkit-line-clamp: 1;
+                            -webkit-box-orient: vertical;
+                            display: -webkit-box;
+                        }
+                        .ms-content-main-case-content {
+                            min-height: 215px;
+                            p {
+                                font-size: 14px;
+                                padding: 0 30px;
+                                overflow: hidden;
+                                text-overflow: ellipsis;
+                                -webkit-line-clamp: 4;
+                                -webkit-box-orient: vertical;
+                                display: -webkit-box;
+                                img {
+                                    width: 90px;
+                                    text-align: center;
+                                    margin: 10px 0 0 0;
+                                    height: 90px;
+                                }
+                            }
+                        }
+                        .ms-content-main-case-click {
+                            text-align: center;
+                            a {
+                                border: 1px solid #ffffff;
+                                border-radius: 17px;
+                                padding: 5px 39px;
+                                color: #ffffff;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+    /*产品方向*/
+    .ms-content-product {
+        background: #fafafa;
+        .ms-content-product-main {
+            width: 1200px;
+            padding: 20px 0;
+            margin: auto;
+            .ms-content-product-title {
+                .ms-content-product-title-words {
+                    font-size: 20px;
+                }
+                padding: 15px 0;
+                font-size: 18px;
+                text-align: center;
+                border-bottom: 1px solid #eee;
+            }
+            .ms-content-product-list {
+                margin: 20px 0;
+                .ms-content-product-list-ul {
+                    li:last-child {
+                        margin-right: 0;
+                    }
+                    overflow: hidden;
+                    li {
+                        width: 384px;
+                        margin-right: 22px;
+                        background-color: #fff;
+                        float: left;
+                        img {
+                            width: 100%;
+                        }
+                        .ms-content-product-list-content {
+                            a:hover {
+                                color: #0099ff;
+                            }
+                            margin: 0 20px;
+                            .ms-content-product-list-content-title {
+                                margin: 18px 0;
+                                a {
+                                    color: #555;
+                                    font-size: 16px;
+                                    &:hover {
+                                        color: #0099ff;
+                                    }
+                                }
+                            }
+                            .ms-content-product-list-content-describe {
+                                font-size: 12px;
+                                color: #999;
+                                padding-bottom: 20px;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+    .ms-content-news-main-title-more,.ms-content-case-more{
+    	padding-top: 9px;
+    	font-size:14px;
+    	a:hover{
+    		color: #0099ff !important;
+    	}
+    }
+    /*公司动态*/
+    .ms-content-news {
+        margin-bottom: 40px;
+        background-color: #fff;
+        .ms-content-news-main {
+            width: 1200px;
+            margin: auto;
+            .ms-content-news-main-title {
+                overflow: hidden;
+                border-bottom: 1px solid #eee;
+                padding-bottom: 20px;
+                padding-top: 40px;
+                line-height: 1;
+                .ms-content-news-main-title-words {
+                    float: left;
+                    font-size: 20px;
+                }
+                .ms-content-news-main-title-more {
+                    float: right;
+                    font-size: 14px;
+                    color: #999;
+                    cursor: pointer;
+                    a:link {
+                        color: #999;
+                        text-decoration: none
+                    }
+                    a:visited {
+                        color: #999;
+                        text-decoration: none
+                    }
+                }
+            }
+            .ms-content-news-main-img-text {
+                margin-top: 21px;
+                height: 250px;
+                padding-bottom: 40px;
+                overflow: hidden;
+                img {
+                    float: left;
+                    margin-right: 20px;
+                    width: 420px;
+					height: 251px;
+                }
+                .ms-content-news-main-ul {
+                    span:hover {
+                        color: #0099ff;
+                    }
+                    overflow: hidden;
+                    li {
+                        overflow: hidden;
+                        margin-bottom: 14px;
+                        border-bottom: 1px dotted #eee;
+                        padding-bottom: 10px;
+                        line-height: 1;
+                        .ms-content-news-main-li-title {
+                            float: left;
+                            font-size: 14px;
+                            color: #555;
+                            height: 19px;
+                            .ms-content-news-main-li-span {
+                                margin-right: 12px;
+                            }
+                            .ms-content-news-main-li-title {}
+                        }
+                        .ms-content-news-main-li-time {
+                            float: right;
+                            font-size: 14px;
+                            color: #999;
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
--- a/src/main/webapp/templets/1/default/less/login.less
+++ b/src/main/webapp/templets/1/default/less/login.less
@ -0,0 +1,224 @@
+html,body,#login{
+    height: 100%;
+}
+body{
+    background-color: #ffffff;
+}
+body,p{
+    margin: 0;
+}
+input:focus,textarea:focus {
+    outline: none;
+}
+#login{
+    display: flex;
+    flex-direction:column;
+    height: 893px;
+    min-width: 1200px;
+    background:url("../images/pic.png") no-repeat;
+    background-position: 50%;
+    .ms-none{
+        display: none !important;
+    }
+    .ms-login-float{
+        float: left;
+    }
+    .ms-head,.ms-footer,.ms-content-form,.ms-content-code{
+        background-color: #ffffff;
+    }
+    .ms-head-line,.ms-head-welcome-login,.ms-footer{
+        color: #999999;
+    }
+    .ms-head-welcome-login,.ms-login-english-title,.ms-login-remmember-password,.ms-footer{
+        font-size: 12px;
+    }
+    .ms-head{
+    	a{
+    		width: 147px;	
+    	}
+        vertical-align: middle;
+        height: 22px;
+        padding: 34px 46px;
+        display: flex;
+        align-content: center;
+        img{
+            height: 100%;
+        }
+        .ms-head-welcome-login{
+            margin-top: 4px;
+            font-size: 1rem !important;
+        }
+        .ms-head-line{
+            margin: 0 12px;
+            border-left: 1px solid #999;
+        }
+    }
+    .ms-content{
+        flex:1;
+        position: relative;
+        .ms-content-form,.ms-content-code{
+            width: 280px;
+            height: 215px;
+            padding: 24px 20px;
+            position: absolute;
+            right: 160px;
+            top: 25%;
+            box-shadow: 2px 2px 8px 6px rgb(59, 177, 255);
+        }
+        #ms-content-form-register{
+            height: 260px;
+        }
+        .ms-login-chinese-title{
+            color: #0099ff;
+            font-size: 16px;
+            line-height: 15px;
+        }
+        .ms-login-code{
+            position: absolute;
+            top: 4px;
+            right: 4px;
+        }
+        .ms-login-code-title{
+            color: #0099ff;
+            font-size: 12px;
+        }
+        .ms-content-form{
+            .ms-login-title{
+                line-height: 13px;
+            }
+            .ms-login-english-title,.ms-login-remmember-password,.ms-login-code-text{
+                color: #999999;
+            }
+            .ms-login-people-name,.ms-login-remmember-password{
+                margin-bottom: 12px;
+            }
+            .ms-login-error-text{
+                height: 15px;
+                font-size: 12px;
+                color: #e4393c;
+                display: flex;
+                align-items: center;
+                padding: 5px 0;
+                img{
+                    padding-right: 5px;
+                }
+            }
+            input{
+                border: 1px solid #eeeeee;
+                border-radius: 3px;
+                color: #555555;
+                outline-color: #0099ff;
+                &::-webkit-input-placeholder {
+                	color: #999999;
+                }
+                &::-moz-placeholder {
+                	color: #999999;
+                }
+            }
+            .ms-login-people-name{
+                width: 260px;
+                height: 20px;
+                padding: 5px 10px;
+            }
+            .ms-error{
+                border:1px solid #e4393c;
+            }
+            .ms-login-remmember-password{
+                display: flex;
+                line-height: 13px;
+                align-items: center;
+                height: 13px;
+            }
+            .ms-login-remmember-password input[type="checkbox"]{
+                margin:0 6px 0 0;
+            }
+            .ms-login-button{
+            	pointer-events:none;
+                background-color:#fafafa;
+                color:#ddd;
+                width: 100%;
+                height: 34px;
+                line-height: 34px;
+                font-size: 14px;
+                /*color: #ffffff;*/
+                text-align: center;
+                /*background-color: #009aff;*/
+                cursor: pointer;
+                border-radius: 4px;
+            }
+            .login-code{
+                overflow: hidden;
+                margin-bottom: 12px;
+                .login-code-input{
+                    width: 120px;
+                    height: 12px;
+                    padding:10px;
+                }
+                .login-code-input,.login-code-img{
+                    margin-right: 11px;
+                }
+                .login-code-img{
+                    height: 34px;
+                }
+                .login-code-text{
+                    font-size: 10px;
+                }
+                .login-code-change{
+                    cursor: pointer;
+                     color: #0099ff;
+                }
+                .login-code-rompt{
+                    color: #999;
+                }
+            }
+            .ms-login-rand-code{
+                width: 110px;
+                height: 12px;
+                padding:10px;
+            }
+            .ms-login-rand-code-img{
+                height: 34px;
+            }
+        }
+        .ms-content-code{
+            .ms-computer-title{
+                background: url(../images/frame.png) no-repeat;
+                position: absolute;
+                top: 10px;
+                background-size: 100% 100%;
+                color: #ffffff;
+                font-size: 10px;
+                width: 90px;
+                right: 45px;
+            }
+            .ms-login-weixin{
+                text-align: center;
+                img{
+                    margin: auto;
+                    display: block;
+                    margin-top: 18px;
+                    margin-bottom: 16px;
+                }
+            }
+        }
+        .ms-login-button:hover,.ms-login-button:active{
+            background-color: #0086ff;
+        }
+    }
+    .ms-footer{
+    	a:link{color:#999999;text-decoration:none}
+		a:visited{color:#999999;text-decoration:none}
+		a:active{color:#999999;text-decoration:none}
+		a:hover{color:#0099ff;text-decoration:none}
+        height: 40px;
+        padding: 40px 0;
+        text-align: center;
+        p{
+            margin: 0 0 18px 0;
+            line-height: 11px;
+            &:last-child{
+                margin:0;
+            }
+        }
+    }
+}
--- a/src/main/webapp/templets/1/default/less/news-list.less
+++ b/src/main/webapp/templets/1/default/less/news-list.less
@ -0,0 +1,186 @@
+.ms-content{
+	.ms-content-left{
+			width: 230px;
+			float: left;
+			margin-right: 20px;
+			.ms-content-left-title{
+				font-weight: bold;
+				background-color: #009aff;
+				color: #fff;
+				height: 40px;
+				line-height: 40px;
+				width: 190px;
+				padding: 0 20px;
+			}
+			.ms-content-left-ul{
+				a:hover{
+					li{
+						background-color: #54bcfe;
+					}
+					color: #fff;
+				}
+				background-color: #fff;
+				margin-top: 1px;
+				width: 230px;
+				a{
+					color: #999999;
+				}
+				li{
+					height: 40px;
+					line-height: 40px;
+					font-size: 14px;
+					cursor: pointer;
+					/*width: 190px;*/
+					padding: 0 20px;
+					.ms-content-left-li-more{
+						float: right;
+					}
+				}
+				.ms-content-left-li-first{
+					li{
+						background-color: #54bcfe;
+					}
+					color: #fff;
+				}
+			}
+		}
+	/*新闻列表*/
+	margin: 20px 0 ;
+	a:visited{color:#000000;}
+	.ms-content-new-list{
+		overflow: hidden;
+		margin-top: 20px;
+	}
+	.ms-content-right-position{
+		a:hover{
+			color:#0099ff;
+		}
+		font-size: 14px;
+		overflow: hidden;
+    	margin-bottom: 20px;
+		span{
+			padding: 0 5px;
+		}
+	}
+	#ms-content-search{
+		float: none;
+	    width: 100%;
+	    margin-top: 20px;
+	}
+	.ms-content-main-list{
+		
+		float: right;
+    	/*margin-bottom: 40px;*/
+		width: 950px;
+		
+		min-height: 400px;
+		/*margin: auto;*/
+		.ms-content-main-div{
+			background-color: #fff;
+			padding-bottom: 30px;
+			.ms-content-main-ul{
+				a:link{color:#333;text-decoration:none}
+				a:visited{color:#333;text-decoration:none}
+				a:active{color:#333;text-decoration:none}
+				a:hover{color:#0099ff;text-decoration:none}
+				margin: 0 20px;
+				li{
+					border-bottom: 1px dotted #eee;
+					padding: 12px 0;
+					overflow: hidden;
+				}
+				.ms-content-main-li-span{
+					padding-right: 10px;
+					float: left;
+				}
+				.ms-content-main-li-title{
+					float: left;
+					color:#333;
+				    overflow: hidden;
+				    text-overflow: ellipsis;
+				    -webkit-line-clamp: 1;
+				    -webkit-box-orient: vertical;
+				    display: -webkit-box;
+				    font-size: 14px;
+				    width: 500px;
+				}
+				.ms-content-main-li-time{
+					float: right;
+					color: #999999;
+					font-size: 14px;
+				}
+			}
+		}
+	}
+	.ms-content-main-page{
+		a{
+			color:#999;
+			font-size:14px;
+		}
+		a:hover{
+		 	 background-color: #eee;
+		 }
+		text-align: center;
+	    margin-top: 30px;
+	    margin-bottom: 50px;
+		.ms-content-main-page-first,.ms-content-main-page-last{
+			border: 1px solid #ddd;
+			padding: 10px 15px;
+			margin-right:-5px;
+		}
+		.ms-content-main-page-upper,.ms-content-main-page-next{
+			border-top:1px solid #ddd;
+			border-bottom:1px solid #ddd;
+			/*border: 1px solid #ddd;*/
+			padding: 10px 15px;
+			margin-right:-5px;
+		}
+		.ms-content-main-page-upper{
+			border-right: 1px solid #ddd;
+		}
+		.ms-content-main-page-first{
+			border-top-left-radius: 4px;
+			border-bottom-left-radius: 4px;
+		}
+		.ms-content-main-page-last{
+			border-top-right-radius: 4px;
+			border-bottom-right-radius: 4px;
+		}
+	}
+	/*搜索列表*/
+	.ms-content-main-div{
+		.ms-content-main-div-prompt{
+			border-bottom: 1px solid #d0cfcf99;
+			padding-top: 20px;
+		    padding-left: 20px;
+		    padding-bottom: 10px;
+		    font-size: 14px;
+		    color: #999999;
+			span{
+				color: #0198ff;
+			}
+		}
+		.ms-content-main-ul{
+			li{
+				height: 22px;
+    			line-height: 22px;
+			}
+			a{
+				font-size:14px;
+			}
+			.ms-content-main-li-title:hover{
+			 	 color: #0099ff;
+			 }
+			.ms-content-main-ul-result{
+				color: #0198ff;
+			}
+		}
+		.ms-content-main-div-nothing{
+			font-size: 14px;
+		    color: #999999;
+		    padding-top: 20px;
+		    padding-left: 20px;
+		    text-align: center;
+		}
+	}
+}
--- a/src/main/webapp/templets/1/default/less/news-show.less
+++ b/src/main/webapp/templets/1/default/less/news-show.less
@ -0,0 +1,224 @@
+.ms-content-about {
+    .ms-content-main {
+        .ms-content-right {
+            .ms-content-right-main-title {
+            	.ms-content-right-main-title-div{
+            		color:#333;
+            	}
+                overflow: hidden;
+            }
+            #ms-content-right-main-title {
+                padding-bottom: 0px;
+                text-align: left;
+                border-bottom: 1px solid #fafafa;
+            }
+            .ms-content-right-main-icon {
+            	.ms-content-right-vertical{
+            		color: #ccc;
+            	}
+                font-size: 12px;
+                color: #999999;
+                /*float: right;*/
+                overflow: hidden;
+                padding: 20px 0;
+                .ms-content-icon-left,
+                .ms-content-icon-right {
+                    div {
+                        float: left;
+                        overflow: hidden;
+                        span {
+                            margin: 0 12px;
+                        }
+                    }
+                }
+                .ms-content-icon-right {
+                    float: right;
+                }
+                .ms-content-right-main-icon-clicks,
+                .ms-content-right-main-icon-comment,
+                .ms-content-right-main-icon-Fabulous {
+                    background-image: url(../images/pics.png);
+                    width: 16px;
+                    height: 15px;
+                    margin-top: 2px;
+                }
+                .ms-content-right-main-icon-clicks {
+                    background-position: -11px 84px;
+                }
+                .ms-content-right-main-icon-comment {
+                    background-position: -67px 84px;
+                }
+                .ms-content-right-main-icon-Fabulous {
+                    background-position: -120px 85px;
+                }
+                .ms-content-right-main-icon-num {
+                    margin-left: 5px;
+                }
+            }
+        }
+        .ms-content-right-main-content-Fabulous {
+            width: 952px;
+            height: 96px;
+            border-top: 1px solid #fafafa;
+            background-color: #fff;
+            display: flex;
+            align-items: center;
+            .ms-content-right-main-content-icon {
+                transition: all .6s;
+                background-image: url(../images/pics.png);
+                width: 56px;
+                height: 56px;
+                background-position: -45px 53px;
+                background-color: #bababa;
+                border-radius: 50%;
+                margin: 0 auto;
+                cursor: pointer;
+            }
+            .ms-is-attention {
+                background-color: #009bff;
+            }
+        }
+        .ms-content-right-comment {
+            width: 952px;
+            /*height: 300px;*/
+            background-color: #fff;
+            margin-top: 10px;
+            .ms-content-right-comment-input {
+                border-bottom: 1px solid #fafafa;
+                padding-bottom: 40px;
+                textarea::-webkit-input-placeholder {
+                    color: #ddd;
+                }
+                textarea {
+                    width: 888px;
+                    height: 15px;
+                    padding: 10px;
+                    background-color: #fafafa;
+                    border: 1px solid #eee;
+                    border-radius: 3px;
+                    /*margin: 20px;*/
+                    margin: 0 20px;
+                    margin-top: 20px;
+                    margin-bottom: 10px;
+                }
+                .ms-content-right-comment-button {
+                    width: 910px;
+                    overflow: hidden;
+                    margin: 0 20px;
+                    .ms-content-right-comment-expression {
+                        background-image: url(../images/pics.png);
+                        background-position: -2px 37px;
+                        width: 30px;
+                        height: 30px;
+                        float: left;
+                        cursor: pointer;
+                    }
+                    .ms-content-right-comment-submit {
+                        width: 50px;
+                        background-color: #fafafa;
+                        font-size: 14px;
+                        height: 25px;
+                        border-radius: 4px;
+                        color: #ddd;
+                        line-height: 25px;
+                        text-align: center;
+                        float: right;
+                        cursor: no-drop;
+                    }
+                    .ms-submit-comments-css {
+                        opacity: .9 !important;
+                        cursor: pointer;
+                        background-color: #009aff !important;
+                        color: #ffffff;
+                        &:hover {
+                            opacity: 1 !important;
+                        }
+                    }
+                }
+            }
+            .ms-content-right-comment-list {
+                .ms-content-right-comment-list-div {
+                    overflow: hidden;
+                    padding: 20px 0;
+                    margin: 0 20px;
+                    border-bottom: 1px solid #fafafa;
+                    .ms-content-right-comment-list-left {
+                        font-size: 14px;
+                        margin-left: 40px;
+                        .ms-content-right-comment-list-portrait {
+                            float: left;
+                            margin-right: 20px;
+                            img {
+                                width: 64px;
+                                height: 64px;
+                                border-radius: 50%;
+                                /* float: left;*/
+                            }
+                        }
+                        .ms-content-right-comment-list-content {
+                            overflow: hidden;
+                            .ms-content-right-comment-list-name {
+                                margin-bottom: 20px;
+                            }
+                            .ms-content-right-comment-list-comment {
+                                color: #999;
+                            }
+                        }
+                    }
+                    .ms-content-right-comment-list-right {
+                        /*display: none;*/
+                        float: right;
+                        margin-right: 20px;
+                        overflow: hidden;
+                        height: 15px;
+                        .ms-content-right-main-icon-comment,
+                        .ms-content-right-main-icon-Fabulous {
+                            background-image: url(../images/pics.png);
+                            width: 16px;
+                            height: 15px;
+                            /*margin-top: 2px;*/
+                            float: left;
+                        }
+                        .ms-content-right-main-icon-comment {
+                            background-position: -67px 85px;
+                            margin-right: 20px;
+                        }
+                        .ms-content-right-main-icon-Fabulous {
+                            background-position: -120px 85px;
+                        }
+                        .ms-content-right-main-icon-num {
+                            margin-left: 5px;
+                            float: left;
+                            font-size: 12px;
+                            color: #999;
+                        }
+                    }
+                    .ms-content-right-comment-list-div-more{
+                        cursor: pointer;
+                    }
+                    .ms-content-right-comment-list-div-more,
+                    .ms-content-right-comment-list-div-no {
+                        text-align: center;
+                        font-size: 14px;
+                        color: #999;
+                    }
+                    .ms-content-right-comment-list-div-no {}
+                    .ms-content-right-comment-list-div-load {
+                        text-align: center;
+                        img {
+                            width: 30px;
+                        }
+                    }
+                }
+                .ms-content-right-active {
+                    border: none;
+                }
+                .ms-content-right-comment-list-no-comment {
+                    text-align: center;
+                    height: 200px;
+                    line-height: 200px;
+                }
+            }
+        }
+    }
+}
--- a/src/main/webapp/templets/1/default/m/about.htm
+++ b/src/main/webapp/templets/1/default/m/about.htm
@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+    <#include "m/head-file.htm"/>
+    <body>
+		<#include "m/head.htm"/>
+        <div class="ms-banner">
+            <img src="{ms:global.host/}/{ms:global.style/}/images/about.png" class="am-img-responsive" alt=""/>
+        </div>
+        <div class="ms-about-content">
+            <div class="am-tabs am-tabs-default ms-about-content-div">
+                <ul class="am-tabs-nav am-cf">
+                    <li class="am-active ms-about-content-li">
+                        <a href="{ms:global.url/}/53/index.html">关于我们</a>
+                    </li>
+                    <li class="ms-about-content-li">
+                        <a href="{ms:global.url/}/59/index.html">公司动态</a>
+                    </li>
+                    <li class="ms-about-content-li">
+                        <a href="http://mingsoft.net/html/1//5527/index.html#faz">发展历程</a>
+                    </li>
+                    <li class="ms-about-content-li">
+                        <a href="http://mingsoft.net/html/1//5527/index.html#lianx">加入我们</a>
+                    </li>
+                    <li class="ms-about-content-li">
+                        <a href="{ms:global.url/}/19/index.html">联系我们</a>
+                    </li>
+                </ul>
+                <div class="am-tabs-bd ms-about-content-main">
+                    <div data-tab-panel-0 class="">{ms:field.content/}</div>
+                </div>
+            </div>
+        </div>
+       <#include "m/footer.htm"/>
+    </body>
+</html>
--- a/src/main/webapp/templets/1/default/m/advice.htm
+++ b/src/main/webapp/templets/1/default/m/advice.htm
@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+    <#include "m/head-file.htm"/>
+    <body>
+        <#include "m/head.htm"/>
+        <div class="ms-banner">
+            <img src="{ms:global.host/}/{ms:global.style/}/images/message.png" alt="" width="100%" />
+        </div>
+        <div class="ms-message-content">
+            <form method="post" id="postForm">
+                <p>
+                    <input type="text" class="am-form-field am-radius" name='name' placeholder="姓名" />
+                </p>
+                <p>
+                    <input type="text" class="am-form-field am-radius" name='phone' placeholder="手机" />
+                </p>
+                <div class="am-form-group">
+                    <textarea class="am-form-field ms-content-form-message" id="doc-ta-1" name='content' placeholder="留言"></textarea>
+                </div>
+                <button type="button" class="am-btn am-btn-primary ms-content-button">提交</button>
+            </form>
+        </div>
+        <#include "m/footer.htm"/>
+    </body>
+</html>
+<script>
+    var flag = false;
+    $(".am-btn-primary").click(function() {
+        if(!flag) {
+            $.ajax({
+                type: "POST",
+                url: "{ms:global.host/}/mdiy/diyForm/f2c131968438246e885e0feed7256dbc.do",
+                data: $("#postForm").serialize(),
+                success: function(msg) {
+                    flag = true;
+                    alert("提交成功");
+                }
+            });
+        } else {
+            alert("您已经提交过了！");
+        }
+    })
+
+    /* 表单验证 */
+    function verification() {
+        if($('input[name="name"]').val().length >= 1 && $('input[name="phone"]').val().length >= 1 && $('.ms-content-form-message').val().length >= 1) {
+            $('.ms-content-button').css("background-color", "#009aff");
+            $('.ms-content-button').css("pointer-events", 'visible');
+            $('.ms-content-button').css("color", "#fff");
+        } else {
+            $('.ms-content-button').css("background-color", "#fafafa");
+            $('.ms-content-button').css('pointer-events', "none");
+            $('.ms-content-button').css("color", "#ddd");
+        }
+    }
+
+    $('input[name="name"]').on("input", function() {
+        verification();
+    })
+    $('input[name="phone"]').on("input", function() {
+        verification();
+    })
+    $('.ms-content-form-message').on("input", function() {
+        verification();
+    })
+</script>
--- a/src/main/webapp/templets/1/default/m/case-list.htm
+++ b/src/main/webapp/templets/1/default/m/case-list.htm
@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+    <#include "m/head-file.htm"/>
+    <body>
+        <#include "m/head.htm"/>
+        <div class="ms-banner">
+            <img src="{ms:global.host/}/{ms:global.style/}/images/mo.png" class="am-img-responsive" alt=""/>
+        </div>
+        <div class="ms-case-list" id="am-active-1">
+            <ul data-am-widget="gallery" id='ms-ui' class="am-gallery am-avg-sm-2 am-gallery-imgbordered">
+                {ms:arclist size=6 ispaging=true}
+                <li>
+                    <div class="am-gallery-item ms-case-div">
+                        <a href='[field.source/]'><img class="ms-case-list-img" src="{ms:global.host/}[field.litpic/]" alt="[field.title/]"/></a>
+                	</div>
+                	<span class="am-hide ms-cur-{ms:page.cur/}-[field.index/]">{ms:page.next/}</span>
+                </li>
+                {/ms:arclist}
+            </ul>
+           <!--  <div id="ul{ms:page.cur/}"></div> -->
+        </div>
+        <#include "m/footer.htm"/>
+    </body>
+</html>
+<script>
+/*var time = 1;
+$(window).scroll(function() {　　
+	var scrollTop = $(this).scrollTop();　　
+	var scrollHeight = $(document).height();　
+	var windowHeight = $(this).height();　　
+	if(scrollTop + windowHeight == scrollHeight) {
+		var time2 = $(".ms-cur-" + time + "-1").text()
+		if(time == "{ms:page.total/}") {
+			return;
+		}
+		$("#ul" + time).load(time2 + " #ms-ui");
+		$("#am-active-1").append("<div id=\"ul" + (time + 1) + "\"></div>")
+		time++;
+	}else if(scrollTop + 56 + windowHeight == scrollHeight){
+		var time2 = $(".ms-cur-" + time + "-1").text()
+		if(time == "{ms:page.total/}") {
+			return;
+		}
+		$("#ul" + time).load(time2 + " #ms-ui");
+		$("#am-active-1").append("<div id=\"ul" + (time + 1) + "\"></div>")
+		time++;
+	}
+});
+*/
+</script>
--- a/src/main/webapp/templets/1/default/m/contact.htm
+++ b/src/main/webapp/templets/1/default/m/contact.htm
@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+    <#include "m/head-file.htm"/>
+    <body>
+		<#include "m/head.htm"/>
+        <div class="ms-banner">
+            <img src="{ms:global.host/}/{ms:global.style/}/images/about.png" class="am-img-responsive" alt=""/>
+        </div>
+        <div class="ms-about-content">
+            <div class="am-tabs am-tabs-default ms-about-content-div">
+                <ul class="am-tabs-nav am-cf">
+                    <li class="ms-about-content-li">
+                        <a href="{ms:global.url/}/53/index.html">关于我们</a>
+                    </li>
+                    <li class="ms-about-content-li">
+                        <a href="{ms:global.url/}/59/index.html">公司动态</a>
+                    </li>
+                    <li class="ms-about-content-li">
+                        <a href="http://mingsoft.net/html/1//5527/index.html#faz">发展历程</a>
+                    </li>
+                    <li class="ms-about-content-li">
+                        <a href="http://mingsoft.net/html/1//5527/index.html#lianx">加入我们</a>
+                    </li>
+                    <li class="am-active ms-about-content-li">
+                        <a href="{ms:global.url/}/19/index.html">联系我们</a>
+                    </li>
+                </ul>
+                <div class="am-tabs-bd ms-about-content-main">
+                    <div data-tab-panel-0 class="">{ms:field.content/}</div>
+                </div>
+            </div>
+        </div>
+       <#include "m/footer.htm"/>
+    </body>
+</html>
--- a/src/main/webapp/templets/1/default/m/css/jquery.sinaemotion.css
+++ b/src/main/webapp/templets/1/default/m/css/jquery.sinaemotion.css
@ -0,0 +1,80 @@
+#emotions{
+	left:0;
+	width: 395px;
+	max-width: 98%;
+	font-size:12px;
+	background:#fff;
+	position:absolute;
+	border: 1px solid #E8E8E8;
+}
+#emotions a{
+	color: #9ABBC8;
+	padding:2px 7px;
+	text-decoration:none;
+}
+#emotions img{
+	border:0;
+}
+#emotions div{
+	margin:5px 10px;
+	padding:1px;
+	overflow: hidden;
+}
+#emotions #prev,
+#emotions #next
+{
+	margin-left:3px;
+	background:#eee;
+}
+#emotions .categorys{
+	color:#ccc;
+	height:23px;
+	color: #9ABBC8;
+	overflow:hidden;
+}
+#emotions .categorys a{
+	display: inline-block;
+}
+#emotions .categorys a:hover{
+	text-decoration:underline;
+}
+#emotions .categorys a.current{
+	cursor: default;
+	background: #F0F0F0;
+	-moz-border-radius: 3px;
+	-webkit-border-radius: 3px;
+}
+#emotions .container{
+	padding:1px;
+	overflow: hidden;
+}
+#emotions .container a{
+	float:left;
+	width:26px;
+	height:22px;
+	text-align:center;
+	box-sizing: content-box;
+	padding: 4px 2px;
+	margin: -1px 0 0 -1px;
+	border: 1px solid #e8e8e8;
+}
+#emotions .container a:hover{
+	z-index:2;
+	position:relative;
+	border:1px solid #0095cd;
+}
+#emotions .page{
+	text-align:right;
+}
+#emotions .page a.current{
+	color: #666;
+	background-color:#fff;
+}
+#emotions .page a{
+	margin-left:3px;
+	color: #0078B6;
+	background-color:#f3f3f3;
+}
+#emotions .page a:hover{
+	background-color:#e7e7e7;
+}
--- a/src/main/webapp/templets/1/default/m/css/style.css
+++ b/src/main/webapp/templets/1/default/m/css/style.css
@ -0,0 +1,83 @@
+	body{/*background-color: #262626*/}
+	*{
+		padding: 0;
+		margin: 0;
+	}
+	.container{
+		max-width: 800px;
+		margin: 0 auto;
+	}
+	.slide{
+		width: 100%;
+		min-height: 180px;
+		overflow: hidden;
+		position: relative;
+		height: 300px;
+
+	}
+	.slide .img{
+		overflow: hidden;
+		position: absolute;
+		transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
+	}
+	.slide .img img{
+		width: calc(100% - 14px);
+		height: calc(100% - 14px);
+		margin: 7px;
+	}
+	.slide .img1{
+		width: 40%;
+		/*height: 40%;*/
+		top: 35%;
+		left: -50%;
+		z-index: 1;
+	}
+	.slide .img2{
+		width: 60%;
+		/*height: 60%;*/
+		top: 25%;
+		left: -20%;
+		z-index: 2;
+	}
+	.slide .img3{
+		width: 80%;
+		/*height: 80%;*/
+		top: 15%;
+		left: 10%;
+		z-index: 3;
+	}
+	.slide .img4{
+		width: 60%;
+		/*height: 60%;*/
+		top: 25%;
+		left: 60%;
+		z-index: 2;
+	}
+	.slide .img5{
+		width: 40%;
+		/*height: 40%;*/
+		top: 35%;
+		left: 110%;
+		z-index: 1;
+	}
+	.slide-bt{
+		position: absolute;
+		left: 50%;
+		bottom: 13%;
+		z-index: 10;
+	}
+	.slide-bt span{
+		width: 24px;
+		height: 8px;
+		background: #c9caca;
+		float: left;
+		margin: 5px;
+		border-radius: 4px;
+	}
+	.slide .slide-bt .on{
+		background: #ffd200;
+	}
+/* 	button{
+		width: 50px;
+		margin: 20px;
+	} */
--- a/src/main/webapp/templets/1/default/m/footer.htm
+++ b/src/main/webapp/templets/1/default/m/footer.htm
@ -0,0 +1,14 @@
+<div class="ms-footer">
+    <footer class="am-footer am-footer-default">
+        <div class="am-footer-switch ms-footer-div">
+            <a id="godesktop" class="am-footer-desktop ms-footer-div-a" href="{ms:global.url/}/53/index.html">关于我们</a>
+            <span class="am-footer-divider ms-footer-div-a">|</span>
+            <a id="godesktop" class="am-footer-desktop ms-footer-div-a" href="http://mingsoft.net/html/1//5527/index.html#faz">发展历程</a>
+            <span class="am-footer-divider ms-footer-div-a">|</span>
+            <a id="godesktop" class="am-footer-desktop ms-footer-div-a" href="{ms:global.url/}/19/index.html">联系我们</a>
+        </div>
+        <div class="am-footer-miscs ms-footer-copyright">
+            <p>版权所有©铭飞科技有限公司2012-2018保留一切权利</p>
+        </div>
+    </footer>
+</div>
--- a/src/main/webapp/templets/1/default/m/head-file.htm
+++ b/src/main/webapp/templets/1/default/m/head-file.htm
@ -0,0 +1,33 @@
+<head>
+    <title>{ms:global.name/}</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
+    <link rel="stylesheet" type="text/css" href="http://cdn.mingsoft.net/plugins/amazeui/2.7.2/css/amazeui.min.css" />
+    <link rel="stylesheet" type="text/css" href="http://cdn.mingsoft.net/plugins/iconfont/1.0.0/iconfont.css" />
+    <link rel="stylesheet" type="text/less" href="{ms:global.host/}/{ms:global.style/}/less/index.less" />
+    <link rel="stylesheet" type="text/less" href="{ms:global.host/}/{ms:global.style/}/less/base.less" />
+    <link rel="stylesheet" type="text/less" href="{ms:global.host/}/{ms:global.style/}/less/about.less" />
+    <link rel="stylesheet" type="text/less" href="{ms:global.host/}/{ms:global.style/}/less/case-list.less" />
+    <link rel="stylesheet" type="text/less" href="{ms:global.host/}/{ms:global.style/}/less/news-list.less" />
+    <link rel="stylesheet" type="text/less" href="{ms:global.host/}/{ms:global.style/}/less/news-show.less" />
+    <link rel="stylesheet" type="text/less" href="{ms:global.host/}/{ms:global.style/}/less/advice.less" />
+    <script src="http://cdn.mingsoft.net/plugins/jquery/1.9.1/jquery-1.9.1.js"></script>
+    <script src="http://cdn.mingsoft.net/plugins/amazeui/2.7.2/js/amazeui.min.js"></script>
+    <script src="{ms:global.host/}/{ms:global.style/}/js/jiaoben.js"></script>
+    <script src="http://cdn.mingsoft.net/plugins/seajs/3.0.0/sea.js"></script>
+    <script src="http://cdn.mingsoft.net/model/1.0.0/main.min.js"></script>
+    <!--vue-懒加载-表单验证-->
+    <script src="http://cdn.mingsoft.net/plugins/vue/2.3.3/vue.min.js"></script>
+    <script src="http://cdn.mingsoft.net/plugins/validator/5.5.0/validator.min.js"></script>
+    <link rel="stylesheet" type="text/css" href="{ms:global.host/}/{ms:global.style/}/css/style.css">
+    <script>
+    ms.config({
+        base: "{ms:global.host/}",
+        filter: {
+            people: {
+                loginUrl: '{ms:global.host/}'
+            }
+        }
+    });
+</script>
+</head>
--- a/src/main/webapp/templets/1/default/m/head.htm
+++ b/src/main/webapp/templets/1/default/m/head.htm
@ -0,0 +1,72 @@
+<div class="ms-head">
+    <header data-am-widget="header" class="am-header am-header-default ms-head-background">
+        <div class="am-header-left am-header-nav">
+            <a href="{ms:global.host/}/" class="">
+                <i class="iconfont">&#xe99b;</i>
+            </a>
+        </div>
+        <h1 style="height: 100%;" class="am-header-title ms-header-title">
+            <a href="{ms:global.host/}" class="">
+                <img src="{ms:global.host/}/{ms:global.style/}/images/ms.ico">
+            </a>
+        </h1>
+        <nav data-am-widget="menu" class="am-menu  am-menu-offcanvas1" data-am-menu-offcanvas>
+            <a href="javascript: void(0)" class="am-menu-toggle ms-head-menu" style="/* height: 55px;line-height: 55px; */">
+                <i class="am-menu-toggle-icon am-icon-bars" style="/* height: 55px;line-height: 55px; */"></i>
+            </a>
+            <div class="am-offcanvas">
+                <div class="am-offcanvas-bar">
+                    <ul class="am-menu-nav am-avg-sm-1">
+                    	<li class="">
+                            <a href="{ms:global.host/}" class="">首页</a>
+                        </li>
+                        <li class="am-parent">
+                            <a href="##" class="">走进铭飞</a>
+                            <ul class="am-menu-sub am-collapse  am-avg-sm-3 ">
+                                <li class="">
+                                    <a href="{ms:global.url/}/53/index.html" class="">关于我们</a>
+                                </li>
+                                <li class="">
+                                    <a href="{ms:global.url/}/59/index.html" class="">公司动态</a>
+                                </li>
+                                <li class="">
+                                    <a href="http://mingsoft.net/html/1//5527/index.html#faz" class="">发展历程</a>
+                                </li>
+                                <li class="">
+                                    <a href="http://mingsoft.net/html/1//5527/index.html#lianx" class="">加入我们</a>
+                                </li>
+                                <li class="">
+                                    <a href="{ms:global.url/}/19/index.html" class="">联系我们</a>
+                                </li>
+                                
+                            </ul>
+                        </li>
+                        <li class="">
+                            <a href="{ms:global.url/}/149/index.html" class="">案例</a>
+                        </li>
+                        <li class="">
+                            <a href="http://mstore.mingsoft.net/mstoreShow.do" class="">模板&插件</a>
+                        </li>
+                        <li class="">
+                            <a href="{ms:global.url/}/19/142/index.html" class="">在线留言</a>
+                        </li>
+                        <li class="am-parent">
+                            <a>技术支持</a>
+                            <ul class="am-menu-sub am-collapse  am-avg-sm-3 ">
+                                <li class="">
+                                    <a href="http://bbs.mingsoft.net/mbbs/main.do" class="">开源社区</a>
+                                </li>
+                                <li class="">
+                                    <a href="https://gitee.com/mingSoft/MCMS" class="">源码下载</a>
+                                </li>
+                                <li class="">
+                                    <a href="http://doc.ms.mingsoft.net/plugs-cms/" class="">使用手册</a>
+                                </li>
+                            </ul>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </nav>
+    </header>
+</div>
--- a/src/main/webapp/templets/1/default/m/images/01.png
+++ b/src/main/webapp/templets/1/default/m/images/01.png
--- a/src/main/webapp/templets/1/default/m/images/02.png
+++ b/src/main/webapp/templets/1/default/m/images/02.png
--- a/src/main/webapp/templets/1/default/m/images/03.png
+++ b/src/main/webapp/templets/1/default/m/images/03.png
--- a/src/main/webapp/templets/1/default/m/images/04.png
+++ b/src/main/webapp/templets/1/default/m/images/04.png
--- a/src/main/webapp/templets/1/default/m/images/05.png
+++ b/src/main/webapp/templets/1/default/m/images/05.png
--- a/src/main/webapp/templets/1/default/m/images/about.png
+++ b/src/main/webapp/templets/1/default/m/images/about.png
--- a/src/main/webapp/templets/1/default/m/images/case.png
+++ b/src/main/webapp/templets/1/default/m/images/case.png
--- a/src/main/webapp/templets/1/default/m/images/hu1.png
+++ b/src/main/webapp/templets/1/default/m/images/hu1.png
--- a/src/main/webapp/templets/1/default/m/images/level-0.png
+++ b/src/main/webapp/templets/1/default/m/images/level-0.png
--- a/src/main/webapp/templets/1/default/m/images/level-1.png
+++ b/src/main/webapp/templets/1/default/m/images/level-1.png
--- a/src/main/webapp/templets/1/default/m/images/level-2.png
+++ b/src/main/webapp/templets/1/default/m/images/level-2.png
--- a/src/main/webapp/templets/1/default/m/images/level-3.png
+++ b/src/main/webapp/templets/1/default/m/images/level-3.png
--- a/src/main/webapp/templets/1/default/m/images/level-4.png
+++ b/src/main/webapp/templets/1/default/m/images/level-4.png
--- a/src/main/webapp/templets/1/default/m/images/level-5.png
+++ b/src/main/webapp/templets/1/default/m/images/level-5.png
--- a/src/main/webapp/templets/1/default/m/images/loading.gif
+++ b/src/main/webapp/templets/1/default/m/images/loading.gif
--- a/src/main/webapp/templets/1/default/m/images/message.png
+++ b/src/main/webapp/templets/1/default/m/images/message.png
--- a/src/main/webapp/templets/1/default/m/images/mo.png
+++ b/src/main/webapp/templets/1/default/m/images/mo.png
--- a/src/main/webapp/templets/1/default/m/images/mobile.png
+++ b/src/main/webapp/templets/1/default/m/images/mobile.png
--- a/src/main/webapp/templets/1/default/m/images/ms.ico
+++ b/src/main/webapp/templets/1/default/m/images/ms.ico
--- a/src/main/webapp/templets/1/default/m/images/no-data.png
+++ b/src/main/webapp/templets/1/default/m/images/no-data.png
--- a/src/main/webapp/templets/1/default/m/images/pics.png
+++ b/src/main/webapp/templets/1/default/m/images/pics.png
--- a/src/main/webapp/templets/1/default/m/images/timg.jpg
+++ b/src/main/webapp/templets/1/default/m/images/timg.jpg
--- a/src/main/webapp/templets/1/default/m/images/搜索.png
+++ b/src/main/webapp/templets/1/default/m/images/搜索.png
--- a/src/main/webapp/templets/1/default/m/index.htm
+++ b/src/main/webapp/templets/1/default/m/index.htm
@ -0,0 +1,205 @@
+<!DOCTYPE html>
+<html>
+    <#include "/m/head-file.htm">
+    <link rel="stylesheet" type="text/css" href="http://cdn.mingsoft.net/plugins/bootstrap/3.3.5/css/bootstrap.min.css">
+    <script type="text/javascript" src="http://cdn.mingsoft.net/plugins/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+    <body>
+        <#include "/m/head.htm">
+        <div id="indexVue">
+            <div class="ms-banner">
+                <div data-am-widget="slider" class="am-slider am-slider-a1" data-am-slider='{&quot;directionNav&quot;:false}'>
+                    <ul class="am-slides">
+                        <template v-for="banner in bannerList">
+                            <li>
+                                <img :src="'{ms:global.host/}/{ms:global.style/}/images/'+banner+'.png'">
+                            </li>
+                        </template>
+                    </ul>
+                </div>
+            </div>
+            <div class="ms-content-template">
+                <div>
+                    <ul class="nav nav-tabs ms-index-tabs" role="tablist">
+                        <li role="presentation" id="ms-model" class="active ms-active">
+                            <a @click="tabShow('model')" href="#model">模板</a>
+                        </li>
+                        <li role="presentation" id="ms-plug" class="ms-active">
+                            <a @click="tabShow('plug')" href="#plug">插件</a>
+                        </li>
+                    </ul>
+                    <div class="ms-content-all">
+                        <div class="tab-content">
+                            <div role="tabpanel" class="tab-pane active" id="model">
+                                <div style="display: none;" class="ms-loading" v-show="!loading">
+                                    <img src="{ms:global.host/}/{ms:global.style/}/images/loading.gif" />
+                                </div>
+                                <div class="ms-model-content" style="display: none;" v-show="loading">
+                                    <template v-for="model in modelList">
+                                        <div class="ms-model-list">
+                                            <a class="ms-model-img" :href="model.upgraderVersionUrl" target="_blank">
+                                                <img :src="'http://mstore.mingsoft.net/'+model.upgraderVersionImg" onerror="this.src='{ms:global.host/}/{ms:global.style/}/images/no-data.png'" />
+                                            </a>
+                                            <div class="ms-model-mobile-img" v-if="model.upgraderVersionMobileImg != '' && model.upgraderVersionMobileImg != undefined" style="background-image: url({ms:global.host/}/{ms:global.style/}/images/mobile.png)">
+                                                <div>
+                                                    <img :src="'http://mstore.mingsoft.net/'+model.upgraderVersionMobileImg" onerror="this.src='{ms:global.host/}/{ms:global.style/}/images/no-data.png'" />
+                                                </div>
+                                            </div>
+                                            <div class="ms-model-info">
+                                                <span v-text="model.upgraderVersionName"></span>
+                                                <img class="ms-model-info-img" :src="model.upgraderVersionPeopleIcon" onerror="this.src='http://cdn.mingsoft.net/global/images/msheader.png'" />
+                                                <img :src="'{ms:global.host/}/{ms:global.style/}/images/level-'+model.upgraderVersionStart+'.png'" width="60px" />
+                                                <div class="ms-model-type">模板</div>
+                                            </div>
+                                        </div>
+                                    </template>
+                                    <div class="ms-model-list" style="display: none;" v-show="loading">
+                                        <div class="ms-model-more">
+                                            <div onclick="window.open('http://mstore.mingsoft.net/mstoreShow.do')">查看更多>></div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div role="tabpanel" class="tab-pane" id="plug">
+                                <div class="ms-model-content" style="display: none;" v-show="loading">
+                                    <template v-for="pulg in pulgList">
+                                        <div class="ms-model-list">
+                                            <a class="ms-model-img" :href="pulg.upgraderVersionUrl" target="_blank">
+                                                <img :src="'http://mstore.mingsoft.net/'+pulg.upgraderVersionImg" onerror="this.src='{ms:global.host/}/{ms:global.style/}/images/no-data.png'" />
+                                            </a>
+                                            <div class="ms-model-info">
+                                                <span v-text="pulg.upgraderVersionName"></span>
+                                                <img class="ms-model-info-img" :src="'{ms:global.host/}/'+ pulg.upgraderVersionPeopleIcon" onerror="this.src='http://cdn.mingsoft.net/global/images/msheader.png'" />
+                                                <img :src="'{ms:global.host/}/{ms:global.style/}/images/level-'+pulg.upgraderVersionStart+'.png'"  width="60px"/>
+                                                <div class="ms-model-type">插件</div>
+                                            </div>
+                                        </div>
+                                    </template>
+                                    <div class="ms-model-list" style="display: none;" v-show="loading">
+                                        <div class="ms-model-more">
+                                            <div onclick="window.open('http://mstore.mingsoft.net/mstoreShow.do')">查看更多>></div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="ms-index-content">
+                <div class="ms-case">
+                    <div data-am-widget="list_news" class="am-list-news am-list-news-default ms-case-div">
+                        <!--列表标题-->
+                        <div class="am-list-news-hd am-cf ms-case-title">
+                            <!--带更多链接-->
+                            <a href="{ms:global.url/}/149/index.html" class="">
+                                <h2 class="ms-case-title-h2">网站案例</h2>
+                                <span class="am-list-news-more am-fr ms-case-more">MORE &raquo;</span>
+                            </a>
+                        </div>
+                        <div class="ms-case-list-div">
+                            <ul data-am-widget="gallery" class="am-gallery am-avg-sm-2 am-gallery-imgbordered">
+                                {ms:arclist typeid=149 size=4}
+                                <li>
+                                    <div class="am-gallery-item ms-case-div-li">
+                                        <a href='[field.source/]'>
+                                            <img class="ms-case-list-img" src="{ms:global.host/}[field.litpic/]" alt="[field.title/]" />
+                                        </a>
+                                    </div>
+                                </li>
+                                {/ms:arclist}
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+                <div class="ms-product">
+                    <div class="container ms-product-container">
+                        <div id="slide" class="slide" class="index-slide" alt="star">
+                            <h2>产品方向</h2>
+                            <div class="img img2" data-slide-imgid="0" onclick="left()">
+						        <a href="http://www.mingsoft.net/html/1/5524/index.html">
+						            <img src="http://www.mingsoft.net/templets/1/ming-soft//images/hu2.jpg">
+						        </a>
+						    </div>
+						    <div class="img img3" data-slide-imgid="1">
+						    	<a href="http://www.mingsoft.net/html/1/5523/index.html">
+						            <img src="http://www.mingsoft.net/templets/1/ming-soft//images/hu1.png">
+						        </a>
+						    </div>
+						    <div class="img img4" data-slide-imgid="2" onclick="right()">
+						        <a href="http://www.mingsoft.net/html/1/5526/index.html">
+						            <img src="http://www.mingsoft.net/templets/1/ming-soft//images/hu3.jpg">
+						        </a>
+						    </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="ms-news">
+                    <div data-am-widget="list_news" class="am-list-news am-list-news-default">
+                        <div class="am-list-news-hd am-cf ms-news-title">
+                            <!--带更多链接-->
+                            <a href="{ms:global.url/}/59/index.html" class="">
+                                <h2 class="ms-news-title-h2">公司动态</h2>
+                                <span class="am-list-news-more am-fr ms-news-more">MORE &raquo;</span>
+                            </a>
+                        </div>
+                        <div class="am-list-news-bd ms-product-news-list">
+                            <ul class="am-list">
+                                {ms:arclist typeid=59 size=6}
+                                <li class="am-g am-list-item-dated ms-product-news-list-li">
+                                    <a href="{ms:global.url/}[field.link/]" class="am-list-item-hd ">[field.title/]</a>
+                                    <span class="am-list-date">[field.date?string("yyyy-mm-dd")/]</span>
+                                </li>
+                                {/ms:arclist}
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <#include "/m/footer.htm">
+    </body>
+    <script>
+        var index = new Vue({
+            el: "#indexVue",
+            data: {
+                bannerList: ['01', '02', '03', '04', '05'],
+                modelList: [], //模板列表
+                pulgList: [], //插件列表
+                loading: false, //加载状态
+            },
+            methods: {
+                //切换tab
+                tabShow: function(type) {
+                    event.preventDefault();
+                    $(".tab-pane").removeClass("active");
+                    $(".ms-active").removeClass("active");
+                    $("#ms-" + type).addClass("active");
+                    $("#" + type).addClass("active");
+                },
+                //加载列表
+                query: function(data, type) {
+                    var target = this;
+                    $.ajax({
+                        type: "POST",
+                        data: data,
+                        url: "http://mstore.mingsoft.net//mstore/list.do", //
+                        success: function(msg) {
+                            if(type == 'model') {
+                                target.modelList = msg.list;
+                            } else {
+                                target.pulgList = msg.list;
+                                target.loading = true;
+                            }
+                        }
+                    })
+                },
+            },
+            mounted: function() {
+                var data = "upgraderVersionType=2&upgraderVersionIndustry=0&orderBy=uv_id&pageSize=4&pageNo=1";
+                this.query(data, 'model');
+                var data = "upgraderVersionType=1&upgraderVersionIndustry=0&orderBy=uv_id&pageSize=4&pageNo=1";
+                this.query(data, 'pulg');
+            }
+        })
+    </script>
+</html>
--- a/src/main/webapp/templets/1/default/m/js/jiaoben.js
+++ b/src/main/webapp/templets/1/default/m/js/jiaoben.js
@ -0,0 +1,169 @@
+var autoLb = false;          //autoLb=true为开启自动轮播
+var autoLbtime = 1;         //autoLbtime为轮播间隔时间（单位秒）
+var touch = true;           //touch=true为开启触摸滑动
+var slideBt = true;         //slideBt=true为开启滚动按钮
+var slideNub;               //轮播图片数量
+
+//窗口大小改变时改变轮播图宽高
+/*$(window).resize(function(){
+$(".slide").height($(".slide").width()*0.56);
+});*/
+
+
+$(function(){
+/*$(".slide").height($(".slide").width()*0.56);*/
+slideNub = $(".slide .img").size();             //获取轮播图片数量
+for(i=0;i<slideNub;i++){
+	$(".slide .img:eq("+i+")").attr("data-slide-imgId",i);
+}
+
+//根据轮播图片数量设定图片位置对应的class
+if(slideNub==1){
+	for(i=0;i<slideNub;i++){
+		$(".slide .img:eq("+i+")").addClass("img3");
+	}
+}
+if(slideNub==2){
+	for(i=0;i<slideNub;i++){
+		$(".slide .img:eq("+i+")").addClass("img"+(i+3));
+	}
+}
+if(slideNub==3){
+	for(i=0;i<slideNub;i++){
+		$(".slide .img:eq("+i+")").addClass("img"+(i+2));
+	}
+}
+if(slideNub>3&&slideNub<6){
+	for(i=0;i<slideNub;i++){
+		$(".slide .img:eq("+i+")").addClass("img"+(i+1));
+	}
+}
+if(slideNub>=6){
+	for(i=0;i<slideNub;i++){
+		if(i<5){
+		   $(".slide .img:eq("+i+")").addClass("img"+(i+1)); 
+		}else{
+			$(".slide .img:eq("+i+")").addClass("img5"); 
+		}
+	}
+}
+
+//根据轮播图片数量设定轮播图按钮数量
+if(slideBt){
+	for(i=1;i<=slideNub;i++){
+		$(".slide-bt").append("<span data-slide-bt='"+i+"' onclick='tz("+i+")'></span>");
+	}
+	$(".slide-bt").width(slideNub*34);
+	$(".slide-bt").css("margin-left","-"+slideNub*17+"px");
+}
+
+//自动轮播
+if(autoLb){
+	setInterval(function(){
+	right();
+}, autoLbtime*500);
+}
+
+
+if(touch){
+	k_touch();
+}
+slideLi();
+imgClickFy();
+})
+
+//右滑动
+function right(){
+var fy = new Array();
+for(i=0;i<slideNub;i++){
+	fy[i]=$(".slide .img[data-slide-imgId="+i+"]").attr("class");
+}
+for(i=0;i<slideNub;i++){
+	if(i==0){
+		$(".slide .img[data-slide-imgId="+i+"]").attr("class",fy[slideNub-1]);
+	}else{
+	   $(".slide .img[data-slide-imgId="+i+"]").attr("class",fy[i-1]); 
+	}
+}
+imgClickFy();
+slideLi();
+}
+
+//左滑动
+function left(){
+var fy = new Array();
+for(i=0;i<slideNub;i++){
+	fy[i]=$(".slide .img[data-slide-imgId="+i+"]").attr("class");
+}
+for(i=0;i<slideNub;i++){
+	if(i==(slideNub-1)){
+		$(".slide .img[data-slide-imgId="+i+"]").attr("class",fy[0]);
+	}else{
+	   $(".slide .img[data-slide-imgId="+i+"]").attr("class",fy[i+1]); 
+	}
+}
+imgClickFy();
+slideLi();
+}
+
+//轮播图片左右图片点击翻页
+function imgClickFy(){
+$(".slide .img").removeAttr("onclick");
+$(".slide .img2").attr("onclick","left()");
+$(".slide .img4").attr("onclick","right()");
+}
+
+//修改当前最中间图片对应按钮选中状态
+function slideLi(){
+var slideList = parseInt($(".slide .img3").attr("data-slide-imgId")) + 1;
+$(".slide-bt span").removeClass("on");
+$(".slide-bt span[data-slide-bt="+slideList+"]").addClass("on");
+}
+
+//轮播按钮点击翻页
+function tz(id){
+var tzcs = id - (parseInt($(".slide .img3").attr("data-slide-imgId")) + 1);
+if(tzcs>0){
+	for(i=0;i<tzcs;i++){
+		setTimeout(function(){
+		  right();  
+		},1);
+	}
+}
+if(tzcs<0){
+	tzcs=(-tzcs);
+	for(i=0;i<tzcs;i++){
+		setTimeout(function(){
+		  left();  
+		},1);
+	}
+}
+slideLi();
+}
+
+
+//触摸滑动模块
+function k_touch() {
+var _start = 0, _end = 0, _content = document.getElementById("slide");
+_content.addEventListener("touchstart", touchStart, false);
+_content.addEventListener("touchmove", touchMove, false);
+_content.addEventListener("touchend", touchEnd, false);
+function touchStart(event) {
+	var touch = event.targetTouches[0];
+	_start = touch.pageX;
+}
+function touchMove(event) {
+	var touch = event.targetTouches[0];
+	_end = (_start - touch.pageX);
+}
+
+function touchEnd(event) {
+	if (_end < -100) {
+		left();
+		_end=0;
+	}else if(_end > 100){
+		right();
+		_end=0;
+	}
+}
+}
--- a/Show More
+++ b/Show More